cart-drawer-component{--cart-drawer-padding: var(--theme-drawer-padding);--font-paragraph--line-height: 1;display:contents}#cart-drawer[data-zpt-theme-component=cart_drawer]{--zpt-cart-bg: var(--zpt-component-background, var(--color-background));--zpt-cart-surface: var(--zpt-component-surface, var(--color-background));--zpt-cart-text: var(--zpt-component-text, var(--color-foreground));--zpt-cart-muted: var(--zpt-component-muted-text, var(--color-foreground-subdued));--zpt-cart-border: var( --zpt-component-border, rgb(var(--color-foreground-rgb) / var(--opacity-10-25)) );--zpt-cart-radius: var(--zpt-component-radius, 12px);--zpt-cart-button-radius: var(--zpt-component-button-radius, 10px);--zpt-cart-border-width: var(--zpt-component-border-width, 1px);--zpt-cart-shadow: var(--zpt-component-shadow, none);--zpt-cart-danger: var(--zpt-component-danger, #c62828)}#cart-drawer .theme-drawer__dialog,.cart-drawer__inner,.cart-drawer__content{background:var(--zpt-cart-bg);color:var(--zpt-cart-text)}#cart-drawer .theme-drawer__dialog{width:min(30rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;padding-block-end:var(--safe-area-inset-bottom);overflow:hidden}.cart-drawer__inner{position:relative;display:flex;flex-direction:column;height:100%;max-height:100dvh;min-height:0;box-sizing:border-box;overflow:hidden}.cart-drawer__inner>.cart-items-component{display:flex;flex:1;height:auto;min-height:0;overflow:hidden}.cart-drawer__inner>.cart-items-component>*{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:0}.zpt-cart-drawer__header{position:relative;z-index:5;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:68px;padding:12px 18px 12px 20px;border-block-end:var(--zpt-cart-border-width) solid var(--zpt-cart-border);background:var(--zpt-cart-bg);color:var(--zpt-cart-text)}.zpt-cart-drawer__title{display:flex;min-width:0;align-items:center;gap:8px;margin:0;color:inherit;font:inherit;font-size:24px;font-weight:700;line-height:1.1}.zpt-cart-drawer__title .theme-drawer__badge{position:static;display:inline-flex;flex-shrink:0;min-width:22px;height:22px;align-items:center;justify-content:center;margin:0;padding-inline:6px;border-radius:999px;background:var(--zpt-cart-surface);color:var(--zpt-cart-muted);font-size:12px;font-weight:600;line-height:1;transform:none}.zpt-cart-drawer__header-actions{display:flex;flex-shrink:0;align-items:center;gap:6px}.zpt-cart-drawer__header-action{display:grid;width:40px;height:40px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--zpt-cart-text);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,opacity .15s ease}.zpt-cart-drawer__header-action .svg-wrapper{display:grid;width:20px;height:20px;place-items:center;transition:transform .15s ease}.zpt-cart-drawer__header-action svg{display:block;width:100%;height:100%}.zpt-cart-drawer__close{background:var(--zpt-cart-surface);box-shadow:var(--zpt-cart-shadow)}.zpt-cart-drawer__close .svg-wrapper{width:18px;height:18px}.zpt-cart-drawer__header-action:focus-visible{outline:2px solid currentColor;outline-offset:2px}#cart-drawer .cart-items__remove{display:grid;flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;place-items:center;padding:0;border:0;border-radius:var(--zpt-cart-button-radius);background:transparent;color:var(--zpt-cart-danger);box-shadow:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,opacity .15s ease}#cart-drawer .cart-items__remove svg{display:block;width:17px;height:17px}#cart-drawer .cart-items__remove:focus-visible{outline:2px solid var(--zpt-cart-danger);outline-offset:2px}.cart-drawer__content{display:flex;flex:1;flex-direction:column;min-height:0;padding:0;box-sizing:border-box;overflow:hidden}.zpt-cart-drawer__scroll-area{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.cart-drawer__items{display:flex;flex-direction:column;padding-inline:var(--cart-drawer-padding);overflow:visible}.cart-drawer__items .cart-items__table-row{margin-bottom:var(--gap-xl);padding-bottom:var(--gap-xl);border-bottom:var(--zpt-cart-border-width) solid var(--zpt-cart-border)}.cart-drawer__items .cart-items__table-row:first-child{padding-top:var(--gap-lg)}.cart-drawer__items .cart-items__table-row:has(+.cart-items__nested-line){margin-bottom:0;border-bottom:0}.cart-drawer__items .cart-items__table-row:last-child{margin-bottom:0;padding-bottom:var(--gap-xl);border-bottom:0}.cart-drawer__items .cart-items__table-row--full-width-variants{grid-template-columns:4.25rem minmax(0,1fr) 4.5rem;column-gap:.75rem}.cart-drawer__items .cart-items__title{font-size:.875rem;font-weight:650;line-height:1.3}.cart-drawer__items .cart-items__details,.cart-drawer__items .cart-items__details *{font-size:.8125rem;line-height:1.35}.cart-drawer__close-button--empty{margin-inline-start:auto}.zpt-cart-recommendations{--zpt-rec-surface: var(--zpt-component-surface, var(--zpt-cart-surface));--zpt-rec-text: var(--zpt-component-text, var(--zpt-cart-text));--zpt-rec-muted: var(--zpt-component-muted-text, var(--zpt-cart-muted));--zpt-rec-border: var(--zpt-component-border, var(--zpt-cart-border));--zpt-rec-radius: var(--zpt-component-radius, var(--zpt-cart-radius));margin-top:clamp(12px,3vw,24px);padding-block:clamp(24px,5vw,36px) clamp(28px,6vw,40px);border-block-start:var(--zpt-component-border-width, 1px) solid var(--zpt-rec-border)}.zpt-cart-recommendations__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding-inline:var(--cart-drawer-padding)}.zpt-cart-recommendations__heading{min-width:0;margin:0;color:var(--zpt-rec-text);font-size:15px;font-weight:700;line-height:1.25}.zpt-cart-recommendations__view-all{display:inline-flex;flex-shrink:0;align-items:center;gap:4px;color:var(--zpt-rec-text);font-size:13px;font-weight:600;line-height:1;text-decoration:none}.zpt-cart-recommendations__view-all span{text-decoration:underline;text-underline-offset:3px}.zpt-cart-recommendations__view-all svg{width:17px;height:17px;transition:transform .15s ease}.zpt-cart-recommendations__viewport{width:100%;overflow-x:auto;overflow-y:hidden;padding-inline:var(--cart-drawer-padding);padding-bottom:5px;scroll-padding-inline:var(--cart-drawer-padding);scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.zpt-cart-recommendations__viewport::-webkit-scrollbar{display:none}.zpt-cart-recommendations__list{display:flex;width:max-content;align-items:stretch;gap:12px}.zpt-cart-recommendations__item{flex:0 0 clamp(136px,39vw,166px);width:clamp(136px,39vw,166px);scroll-snap-align:start}.zpt-cart-recommendations__card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:var(--zpt-component-border-width, 1px) solid var(--zpt-rec-border);border-radius:var(--zpt-rec-radius);background:var(--zpt-rec-surface);color:var(--zpt-rec-text);box-shadow:var(--zpt-component-shadow, none);text-decoration:none}.zpt-cart-recommendations__media{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--zpt-rec-surface)}.zpt-cart-recommendations__image,.zpt-cart-recommendations__placeholder,.zpt-cart-recommendations__placeholder svg{display:block;width:100%;height:100%}.zpt-cart-recommendations__image{object-fit:cover;transition:transform .22s ease}.zpt-cart-recommendations__badge{position:absolute;z-index:1;top:7px;left:7px;display:inline-flex;min-height:24px;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:var(--zpt-component-primary, #111);color:var(--zpt-component-primary-contrast, #fff);font-size:10px;font-weight:700;line-height:1}.zpt-cart-recommendations__info{display:flex;flex:1;flex-direction:column;gap:7px;padding:10px}.zpt-cart-recommendations__title{display:-webkit-box;margin:0;overflow:hidden;color:var(--zpt-rec-text);font-size:12px;font-weight:650;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.zpt-cart-recommendations__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;margin-top:auto;line-height:1.2}.zpt-cart-recommendations__price-current{color:var(--zpt-rec-text);font-size:12px;font-weight:700}.zpt-cart-recommendations__price-compare{color:var(--zpt-rec-muted);font-size:10px}.cart-drawer__summary{--cart-drawer-summary-padding: var(--padding-lg);position:relative;z-index:3;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:var(--gap-xl);margin-block-start:0;padding:var(--cart-drawer-summary-padding);border-block-start:var(--zpt-cart-border-width) solid var(--zpt-cart-border);background:var(--zpt-cart-bg);color:var(--zpt-cart-text);box-shadow:var(--zpt-cart-shadow);-webkit-mask-image:none;mask-image:none}@media screen and (min-width:750px){.cart-drawer__summary .cart-note{margin-block-start:var(--margin-3xs)}}.theme-drawer__dialog[cart-summary-sticky=false] .cart-drawer__summary{position:relative;-webkit-mask-image:none;mask-image:none}.theme-drawer__dialog[cart-summary-sticky=false] .cart-drawer__items{overflow:visible}.cart-actions summary{min-height:var(--minimum-touch-target);padding-inline:0;padding-block:var(--padding-sm);line-height:1.2}.cart-drawer__summary .cart__summary-totals:not(:has(.cart__subtotal-container:empty)){padding-block-start:var(--padding-2xl);border-block-start:var(--zpt-cart-border-width) solid var(--zpt-cart-border)}.cart-drawer--empty .cart-drawer__content,cart-drawer-component:not(:has(.cart-form)) .cart-drawer__content{align-items:center;justify-content:center;text-align:center}.cart-drawer--empty .cart-drawer__content{min-height:auto}.cart-drawer--empty .cart-drawer__items,cart-drawer-component:not(:has(.cart-form)) .cart-drawer__items{padding-inline:0}@media(hover:hover)and (pointer:fine){.zpt-cart-drawer__header-action:hover{background:color-mix(in srgb,var(--zpt-cart-text) 7%,transparent)}.zpt-cart-drawer__header-action:hover .svg-wrapper{transform:scale(1.06)}#cart-drawer .cart-items__remove:hover{background:color-mix(in srgb,var(--zpt-cart-danger) 8%,transparent)}.zpt-cart-recommendations__view-all:hover svg{transform:translate(2px)}.zpt-cart-recommendations__card:hover .zpt-cart-recommendations__image{transform:scale(1.025)}}.zpt-cart-drawer__header-action:active .svg-wrapper{transform:scale(.92)}#cart-drawer .cart-items__remove:active{background:color-mix(in srgb,var(--zpt-cart-danger) 13%,transparent)}@media screen and (min-width:750px){.cart-drawer__summary{--cart-drawer-summary-padding: var(--padding-2xl)}}@media screen and (max-width:749px){.zpt-cart-drawer__header{min-height:64px;padding:10px 14px 10px 20px}.zpt-cart-drawer__title{font-size:23px}.zpt-cart-drawer__header-actions{gap:5px}.zpt-cart-recommendations{margin-top:16px;padding-block:24px 32px}.zpt-cart-recommendations__item{flex-basis:145px;width:145px}}@media(prefers-reduced-motion:reduce){.zpt-cart-drawer__header-action,#cart-drawer .cart-items__remove,.zpt-cart-recommendations__image,.zpt-cart-recommendations__view-all svg{transition:none}}@media screen and (prefers-reduced-motion:no-preference){html:active-view-transition-type(empty-cart-drawer) .theme-drawer__close-button{view-transition-name:cart-drawer-close-button}}:active-view-transition .cart-drawer__header,:active-view-transition .cart-drawer__content{background:transparent}#cart-drawer[data-zpt-theme-component=cart_drawer]{--zpt-cart-inline-padding: clamp(16px, 4vw, 24px);--cart-drawer-padding: var(--zpt-cart-inline-padding)}#cart-drawer .zpt-cart-drawer__header{min-height:64px;align-items:center;padding-inline:var(--zpt-cart-inline-padding)}#cart-drawer .zpt-cart-drawer__title{gap:8px;font-size:clamp(21px,4.6vw,23px);line-height:1.15}#cart-drawer .zpt-cart-drawer__count{display:inline-block;flex:0 0 auto;margin:0;padding:0;border:0;background:none;color:var(--zpt-cart-muted);font-family:inherit;font-size:.56em;font-weight:500;line-height:1;vertical-align:.12em}#cart-drawer .zpt-cart-drawer__header-actions{align-items:center;gap:8px}#cart-drawer .zpt-cart-drawer__header-action{width:36px;height:36px;border-radius:0;background:transparent;box-shadow:none}#cart-drawer .zpt-cart-drawer__close{width:30px;height:30px}#cart-drawer .zpt-cart-drawer__close .svg-wrapper{width:18px;height:18px}#cart-drawer .cart-drawer__close-button--empty{width:36px;height:36px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--zpt-cart-text)}#cart-drawer .cart-drawer__close-button--empty:hover:not(:active){background:transparent}#cart-drawer .cart-drawer__items{padding-inline:var(--zpt-cart-inline-padding)}#cart-drawer .cart-drawer__items .cart-items__table-row{column-gap:12px;row-gap:5px}#cart-drawer .cart-drawer__items .cart-items__table-row--full-width-variants{grid-template-columns:clamp(64px,18vw,76px) minmax(0,1fr) max-content}#cart-drawer .cart-drawer__items .cart-items__table-row:first-child{padding-top:18px}#cart-drawer .cart-drawer__items .cart-items__title{color:var(--zpt-cart-text);font-size:14px;font-weight:700;line-height:1.3}#cart-drawer .cart-drawer__items .cart-items__price{color:var(--zpt-cart-text);font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap}#cart-drawer .cart-drawer__items .cart-items__unit-price-wrapper{margin-top:3px;font-size:12px;line-height:1.4}#cart-drawer .cart-drawer__items .cart-items__variants-wrapper>ul{margin-top:3px;color:var(--zpt-cart-muted);font-size:11px;line-height:1.3}#cart-drawer .cart-drawer__items .cart-items__quantity{margin-top:8px}#cart-drawer .cart-drawer__summary{--cart-drawer-summary-padding: 18px;gap:14px;padding-block:var(--cart-drawer-summary-padding);padding-inline:var(--zpt-cart-inline-padding)}#cart-drawer .cart-drawer__summary .cart__summary-totals{padding-block-start:14px}#cart-drawer .cart-drawer__summary .cart-totals__total-value{font-size:clamp(17px,4vw,20px);font-weight:700;white-space:nowrap}#cart-drawer .cart-drawer__summary .cart-totals__tax-note{margin-top:2px;line-height:1.4}#cart-drawer .cart-drawer__summary .cart__ctas,#cart-drawer .cart-drawer__summary .cart__checkout-button{width:100%}#cart-drawer .cart-drawer__summary .cart__checkout-button{font-weight:700}@media screen and (min-width:750px){#cart-drawer .cart-drawer__summary{--cart-drawer-summary-padding: 22px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/zpt-cart-drawer.css.map */