.order-summary-form{align-self:flex-start;flex:0 0 40%;gap:0;height:auto;margin:0 0 var(--spacer-md) 0;position:sticky;top:100px}@media (min-width:768px){.order-summary-form{padding:0 var(--spacer-sm)}}@media (max-width:476px){.order-summary-form .product-amount{display:none}}.order-summary-form dl{padding:4px 0}.order-summary-form dl .address{background-color:transparent;border:none;margin:0;padding:0;text-align:right}.order-summary-form .coupon_trigger{cursor:pointer;font-style:italic;margin:var(--spacer-sm) 0;text-align:right;text-decoration:underline}.order-summary-form .couponContainer{background-color:var(--c-light);border-radius:var(--border-radius-primary);padding:var(--spacer-sm)}.order-summary-form .couponContainer dl.coupons{background-color:var(--c-light);flex-wrap:wrap;gap:var(--spacer-sm) 0;padding:0 var(--spacer-sm)}.order-summary-form .couponContainer dl.coupons dt{font-weight:400}.order-summary-form .couponContainer.loading{opacity:.5;pointer-events:none}.order-summary-form .couponContainer .v-input{margin:var(--spacer-sm) 0}.order-summary-form .couponContainer .v-input .v-field.v-field--appended{--v-field-padding-end:0;padding-inline-end:0}.order-summary-form .couponContainer .v-input .v-field__outline{--v-field-border-width:0!important}.order-summary-form .couponContainer .v-input .v-field__append-inner .v-btn{border-radius:0 var(--border-radius-primary) var(--border-radius-primary) 0}.order-summary-form .couponContainer .v-input .v-input__control{background-color:#fff;border-radius:var(--border-radius-primary)}.order-summary-form .discounts{margin-bottom:var(--spacer-sm)}.order-summary-form .discounts ul{list-style:none;margin:0;padding:0}.order-summary-form .discounts ul li{color:var(--c-gray);display:flex;gap:var(--spacer-xs);justify-content:flex-start;padding-left:var(--spacer-sm)}.order-summary-form .info{background-color:var(--c-light);border-radius:var(--border-radius-primary);font-size:.9em;padding:var(--spacer-sm)}.order-summary-form .remarks{padding:var(--spacer-xs) 0}.order-summary-form .remarks h4{color:var(--c-text)}:root{--spacer-xs:8px;--spacer-sm:16px;--spacer-md:24px;--spacer-lg:32px;--spacer-xl:40px}.checkout-container{background:linear-gradient(to bottom,var(--c-light),hsla(0,0%,100%,0) 300px)}.checkout-container .pc-heading h1{font-size:38px;margin:var(--spacer-sm) 0;text-align:center}@media (min-width:768px){.checkout-container .pc-heading h1{margin:var(--spacer-lg) 0}}.checkout-container .checkout-content{background:#fff;border:1px solid var(--c-medium-light);border-radius:var(--border-radius-primary);display:grid;grid-template-areas:"steps" "flow" "summary";margin-bottom:var(--spacer-lg);padding:var(--spacer-xs)}@media (min-width:768px){.checkout-container .checkout-content{gap:var(--spacer-md);grid-template-areas:"steps steps" "flow summary";grid-template-columns:4fr 3fr;justify-items:stretch;padding:var(--spacer-md)}}.checkout-container .checkout-content .checkout__steps{display:none;flex-direction:row;flex-wrap:nowrap;grid-area:steps;justify-content:center}@media (min-width:768px){.checkout-container .checkout-content .checkout__steps{display:flex}}.checkout-container .checkout-content .checkout__steps a{align-items:center;border-bottom:0;cursor:pointer;display:flex;flex-direction:column;padding:var(--spacer-xs);transition:all .3s ease}@media (min-width:1024px){.checkout-container .checkout-content .checkout__steps a{padding:var(--spacer-md);width:200px}}.checkout-container .checkout-content .checkout__steps a button{background-color:var(--c-primary);color:#fff}.checkout-container .checkout-content .checkout__steps a .step__title{font-weight:500}@media (min-width:768px){.checkout-container .checkout-content .checkout__steps a .step__title{font-size:1.2em}}.checkout-container .checkout-content .checkout__steps a .step__subtitle{color:var(--c-gray);font-size:.8em}.checkout-container .checkout-content .checkout__steps a.complete{opacity:.5}.checkout-container .checkout-content .checkout__steps a.disabled{opacity:.5;pointer-events:none}.checkout-container .checkout-content .checkout__steps a.disabled button{background-color:var(--c-gray)}.checkout-container .checkout-content .checkout__steps a.disabled .step__title{color:var(--c-gray)}.checkout-container .checkout-content .checkout__summary{grid-area:summary;order:unset;padding:0}@media (min-width:1024px){.checkout-container .checkout-content .checkout__summary{border-left:1px solid var(--c-medium-light);padding:0 var(--spacer-md)}}.checkout-container .checkout-content .checkout__flow{grid-area:flow;position:relative}.checkout-container .checkout-content .checkout__flow .overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffff80;display:flex;height:calc(100% + 20px);justify-content:center;left:-10px;position:absolute;top:-10px;width:calc(100% + 20px);z-index:20}.checkout-container .checkout-content .checkout__flow form:first-of-type .pc-heading h3{margin-bottom:var(--spacer-xs)}@media (max-width:476px){.checkout-container .checkout-content .checkout__flow .actions{background-color:#fff;bottom:0;box-shadow:var(--box-shadow-light);justify-content:center;left:0;padding:var(--spacer-sm);position:fixed;width:100%;z-index:1000}.checkout-container .checkout-content .checkout__flow .actions button{flex:1}}@media (min-width:768px){.checkout-container .checkout-content .checkout__flow .order-summary-form{display:none}}.checkout-container .checkout__back{display:flex;justify-content:center;margin-top:var(--spacer-md)}@media (min-width:768px){.checkout-container .checkout__back{display:none}}.checkout-container .checkout__back a{color:var(--c-primary);display:block;font-weight:500;margin-top:var(--spacer-md);text-align:center}.checkout-container .billing .saved_addresses,.checkout-container .shipping .saved_addresses{display:flex;flex-wrap:wrap;gap:var(--spacer-sm);margin:var(--spacer-md) 0 var(--spacer-sm)}.checkout-container .billing .saved_addresses .address,.checkout-container .shipping .saved_addresses .address{border:1px solid var(--c-light);cursor:pointer;flex:1 1 40%;transition:border-color .3s ease-in-out}.checkout-container .billing .saved_addresses .address.selected,.checkout-container .shipping .saved_addresses .address.selected{border:1px solid var(--c-primary)}.checkout-container .billing .custom-address,.checkout-container .shipping .custom-address{border:1px solid var(--c-light);border-radius:var(--border-radius-primary);cursor:pointer;overflow:hidden;padding:var(--spacer-sm);transition:border-color .3s ease-in-out}.checkout-container .billing .custom-address.selected,.checkout-container .shipping .custom-address.selected{border:1px solid var(--c-primary)}@media (max-width:476px){.checkout-container.isInstalledPWA .checkout__flow .actions{bottom:76px}}
