.drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease}.drawer.active{visibility:visible}.drawer__inner{height:100%;width:40rem;max-width:calc(100vw - 3rem);padding:0 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease}.drawer__inner-empty{height:100%;padding:0 1.5rem;overflow:hidden;display:flex;flex-direction:column}.cart-drawer__warnings{display:flex;flex-direction:column;flex:1;justify-content:center}cart-drawer.is-empty .drawer__inner{display:grid;grid-template-rows:1fr;align-items:center;padding:0}cart-drawer.is-empty .drawer__header{display:none}cart-drawer:not(.is-empty) .cart-drawer__warnings,cart-drawer:not(.is-empty) .cart-drawer__collection{display:none}.cart-drawer__warnings--has-collection .cart__login-title{margin-top:2.5rem}.drawer.active .drawer__inner{transform:translate(0)}.drawer__header{position:relative;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center}.drawer__heading{margin:0 0 1rem}.drawer__close{display:inline-block;padding:0;min-width:4.4rem;min-height:4.4rem;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);position:absolute;top:10px;right:-10px;color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer}.cart-drawer__warnings .drawer__close{right:5px}.drawer__close svg{height:2.4rem;width:2.4rem}.drawer__contents{flex-grow:1;display:flex;flex-direction:column}.drawer__footer{border-top:.1rem solid rgba(var(--color-foreground),.2);padding:1.5rem 0}cart-drawer-items.is-empty+.drawer__footer{display:none}.drawer__footer>details{margin-top:-1.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.2)}.drawer__footer>details[open]{padding-bottom:1.5rem}.drawer__footer summary{display:flex;position:relative;line-height:1;padding:1.5rem 0}.drawer__footer>details+.cart-drawer__footer{padding-top:1.5rem}cart-drawer{position:fixed;top:0;left:0;width:100vw;height:100%}.cart-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}.cart-drawer__overlay:empty{display:block}.cart-drawer__form{flex-grow:1;display:flex;flex-wrap:wrap}.cart-drawer__collection{margin:0 2.5rem 1.5rem}.cart-drawer .drawer__cart-items-wrapper{flex-grow:1}.cart-drawer .cart-items,.cart-drawer tbody{display:block;width:100%}.cart-drawer thead{display:inline-table;width:100%;position:sticky;top:0;z-index:2}cart-drawer-items{overflow:auto;flex:1}@media screen and (max-height:650px){cart-drawer-items{overflow:visible}.drawer__inner{overflow:scroll}}.cart-drawer .cart-item{display:grid;grid-template:repeat(2,auto) / repeat(4,1fr);gap:1.5rem;margin-bottom:0}.cart-drawer .cart-item:last-child{margin-bottom:1rem}.cart-drawer .cart-item__media{grid-row:1 / 3}.cart-drawer .cart-item__image{max-width:100%}.cart-drawer .cart-items thead{margin-bottom:.5rem}.cart-drawer .cart-items thead th:first-child,.cart-drawer .cart-items thead th:last-child{width:0;padding:0}.cart-drawer .cart-items thead th:nth-child(2){width:50%;padding-left:0}.cart-drawer .cart-items thead tr{display:table-row;margin-bottom:0}.cart-drawer .cart-items th{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.cart-drawer .cart-item:last-child{margin-bottom:1.5rem}.cart-drawer .cart-item .loading__spinner{right:5px;padding-top:2.5rem}.cart-drawer .cart-items td{padding-top:2rem}.cart-drawer .cart-item>td+td{padding-left:1rem}.cart-drawer .cart-item__details{width:auto;grid-column:2 / 4}.cart-drawer .cart-item__totals{pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-end}.cart-drawer.cart-drawer .cart-item__price-wrapper>*:only-child{margin-top:0}.cart-drawer .cart-item__price-wrapper .cart-item__discounted-prices{display:flex;flex-direction:column;gap:.6rem}.cart-drawer .unit-price{margin-top:.6rem}.cart-drawer .cart-items .cart-item__quantity{padding-top:0;grid-column:2 / 5}@media screen and (max-width:749px){.cart-drawer .cart-item cart-remove-button{margin-left:0}}.cart-drawer__footer>*+*{margin-top:1rem}.cart-drawer .totals{justify-content:space-between}.cart-drawer .price{line-height:1}.cart-drawer .tax-note{margin:1.2rem 0 1rem auto;text-align:left}.cart-drawer .product-option dd{word-break:break-word}.cart-drawer details[open]>summary .icon-caret{transform:rotate(180deg)}.cart-drawer .cart__checkout-button{max-width:none}.drawer__footer .cart__dynamic-checkout-buttons{max-width:100%}.drawer__footer #dynamic-checkout-cart ul{flex-wrap:wrap!important;flex-direction:row!important;margin:.5rem -.5rem 0 0!important;gap:.5rem}.drawer__footer [data-shopify-buttoncontainer]{justify-content:flex-start}.drawer__footer #dynamic-checkout-cart ul>li{flex-basis:calc(50% - .5rem)!important;margin:0!important}.drawer__footer #dynamic-checkout-cart ul>li:only-child{flex-basis:100%!important;margin-right:.5rem!important}@media screen and (min-width:750px){.drawer__footer #dynamic-checkout-cart ul>li{flex-basis:calc(100% / 3 - .5rem)!important;margin:0!important}.drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2),.drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2)~li,.drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4),.drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4)~li{flex-basis:calc(50% - .5rem)!important}}cart-drawer-items::-webkit-scrollbar{width:3px}cart-drawer-items::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.7);border-radius:100px}cart-drawer-items::-webkit-scrollbar-track-piece{margin-top:31px}.cart-drawer .quantity-popover-container{padding:0}.cart-drawer .quantity-popover__info.global-settings-popup{transform:translateY(0);right:0}.cart-drawer .cart-item__error{margin-top:.8rem}.cart-drawer .quantity-popover__info+.cart-item__error{margin-top:.2rem}.drawer__inner{width:min(44rem,100vw);max-width:100vw;padding:0;border:0;background:#fbfaf6;box-shadow:-1.2rem 0 4rem #27372629}.drawer__header{min-height:auto;margin:0;padding:1.6rem 2rem 1.4rem;border-bottom:.1rem solid rgba(48,76,51,.12)}.drawer__heading{margin:0;color:#263e2a;font-size:2rem;font-weight:650;line-height:1.2;letter-spacing:-.02em}.drawer__close{min-width:4.4rem;min-height:4.4rem;color:#263e2a}.cart-drawer__form{padding:0 2rem}.cart-drawer .cart-items thead{display:none}.cart-drawer .cart-item{grid-template-columns:7.6rem minmax(0,1fr) auto auto;column-gap:1.2rem;row-gap:.8rem;margin:0;padding:1.4rem 0;border-bottom:.1rem solid rgba(48,76,51,.11)}.cart-drawer .cart-item>td,.cart-drawer .cart-item>td+td{padding-top:0;padding-left:0}.cart-drawer .cart-item__media{width:7.6rem}.cart-drawer .cart-item__image{width:100%;border-radius:1.2rem;box-shadow:0 .3rem 1.2rem #27372614}.cart-drawer .cart-item__details{align-self:start;min-width:0}.cart-drawer .cart-item__name{color:#223526;font-size:1.5rem;font-weight:600;line-height:1.28;letter-spacing:-.01em}.cart-drawer .product-option,.cart-drawer .cart-item__price-wrapper,.cart-drawer .discounts{font-size:1.25rem;line-height:1.35}.cart-drawer .cart-item__totals{min-width:6.4rem}.cart-drawer .cart-item__final-price,.cart-drawer .price--end{color:#263e2a;font-weight:650}.cart-drawer .cart-item__old-price{color:#2235268f}.cart-drawer .cart-item__discounted-prices{gap:.2rem}.cart-drawer .quantity{width:11.2rem;min-height:4.4rem;border-radius:999px;background:#fff}.cart-drawer .quantity__button{width:4.4rem;min-height:4.4rem}.cart-drawer cart-remove-button .button{min-width:4.4rem;min-height:4.4rem;color:#223526b3}.cart-drawer .cart-item:has(.cart-item__discounted-prices){margin:1rem 0;padding:1.2rem;border:.1rem solid #d9e5d4;border-radius:1.4rem;background:#f1f6ee}.cart-drawer .cart-item:has(.cart-item__discounted-prices) .cart-item__details:before{content:"PAKETTIETU";display:inline-flex;margin:0 0 .6rem;padding:.35rem .7rem;border-radius:999px;background:#dfead9;color:#31563a;font-size:1.05rem;font-weight:750;line-height:1;letter-spacing:.08em}.cart-drawer .cart-item:has(a[href*="/products/hohkakivi"]) .cart-item__details:before{content:"KAUPAN P\c4\c4LLE"}.cart-drawer .discounts__discount{display:inline-flex;align-items:center;margin-top:.5rem;padding:.35rem .7rem;border-radius:999px;background:#31563a17;color:#31563a;font-size:1.1rem;font-weight:600}.cart-drawer .discounts__discount .icon{width:1.2rem;height:1.2rem}.drawer__footer{margin-top:auto;padding:1.5rem 2rem 2rem;border-top:.1rem solid rgba(48,76,51,.12);background:#fff;box-shadow:0 -.8rem 2.4rem #27372612}.cart-drawer .totals{align-items:baseline}.cart-drawer .totals__total{color:#4d5d50;font-size:1.35rem;font-weight:500}.cart-drawer .totals__total-value{color:#223526;font-size:1.9rem;font-weight:700}.cart-drawer .tax-note{margin:.6rem 0 1.2rem;color:#223526ad;font-size:1.15rem;line-height:1.35}#CartDrawer-Checkout{min-height:5.2rem;border:0;border-radius:999px;background:#315c3a;color:#fff;font-size:1.55rem;font-weight:700;letter-spacing:.01em;box-shadow:0 .8rem 1.8rem #315c3a33;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}#CartDrawer-Checkout:before,#CartDrawer-Checkout:after{box-shadow:none}.cart-drawer .quantity{overflow:hidden}.cart-drawer .quantity:after{border-radius:999px;box-shadow:0 0 0 .1rem #22352638}#CartDrawer-Checkout:hover{background:#264b2e;box-shadow:0 1rem 2.2rem #315c3a42;transform:translateY(-.1rem)}#CartDrawer-Checkout:focus-visible,.drawer__close:focus-visible,.cart-drawer .quantity__button:focus-visible,.cart-drawer cart-remove-button .button:focus-visible{outline:.2rem solid #315c3a;outline-offset:.2rem}@media screen and (max-width:480px){.drawer__header{padding:1.4rem 1.6rem 1.2rem}.cart-drawer__form{padding:0 1.6rem}.drawer__footer{padding:1.3rem 1.6rem 1.6rem}.cart-drawer .cart-item{grid-template-columns:7rem minmax(0,1fr) auto auto;column-gap:1rem}.cart-drawer .cart-item__media{width:7rem}.cart-drawer .cart-item__name{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){#CartDrawer-Checkout{transition:none}}@media screen and (min-width:750px){.cart-drawer .cart-item__quantity--info quantity-popover>*{padding-left:0}.cart-drawer .cart-item__error{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-cart-drawer.css.map */