@media screen and (min-width:990px){main[data-template=cart]:has(cart-items:not(.is-empty)){--shintop-cart-summary: 34rem;--shintop-cart-gap: 4.8rem;--shintop-cart-gap-row: 3.2rem;display:grid;grid-template-columns:minmax(0,1fr) var(--shintop-cart-summary);align-items:start;column-gap:var(--shintop-cart-gap);row-gap:var(--shintop-cart-gap-row);box-sizing:border-box;max-width:var(--page-width, 150rem);margin-inline:auto;padding-inline:5rem}main[data-template=cart]:has(cart-items:not(.is-empty)) .page-width{max-width:none;padding-inline:0}main[data-template=cart]:has(cart-items:not(.is-empty))>*:first-child{grid-column:1;grid-row:1}main[data-template=cart]:has(cart-items:not(.is-empty))>.cart__footer-wrapper{grid-column:2;grid-row:1;align-self:stretch}main[data-template=cart]:has(cart-items:not(.is-empty))>.cart__footer-wrapper>.shintop{position:sticky;top:var(--shintop-space-6)}main[data-template=cart] .shintop .cart__footer{margin-top:var(--shintop-space-8)}main[data-template=cart]:has(cart-items:not(.is-empty))>*:last-child{grid-column:1 / -1;grid-row:2}main[data-template=cart] .shintop .cart__footer{display:flex;flex-direction:column}main[data-template=cart] .shintop .cart__blocks{order:1}main[data-template=cart] .shintop .shintop-cart__note-details{order:2}main[data-template=cart] .shintop .cart__footer>*,main[data-template=cart] .shintop .cart__blocks,main[data-template=cart] .shintop .cart__ctas,main[data-template=cart] .shintop .totals{width:100%;max-width:none;margin-inline:0}}@media screen and (min-width:990px){main[data-template=cart] .cart__footer{padding:var(--shintop-space-6);border:.1rem solid var(--shintop-rule-strong);border-radius:var(--shintop-radius-lg);background:var(--shintop-surface)}}.cart__footer-wrapper .cart__footer{padding-bottom:var(--shintop-space-8)}@media screen and (min-width:1100px){main[data-template=cart] .shintop .cart__footer{padding-bottom:var(--shintop-space-6);margin-bottom:var(--shintop-space-7)}}.shintop-cart__note-details{margin-top:var(--shintop-space-5);border-top:.1rem solid var(--shintop-rule)}.shintop-cart__note-details>summary{display:block;padding:var(--shintop-space-4) 0 0;cursor:pointer;list-style:none}.shintop-cart__note-details>summary::-webkit-details-marker{display:none}.shintop-cart__note-details .summary__title{display:flex;align-items:center;justify-content:space-between;gap:var(--shintop-space-3);color:var(--shintop-ink);font-size:var(--shintop-text-sm);font-weight:500}.shintop-cart__note-details[open]>summary .summary__title .icon-caret{transform:rotate(180deg)}.shintop-cart__note-details .cart__note{margin-top:var(--shintop-space-3);margin-bottom:0}main[data-template=cart] .shintop .cart__note,.shintop cart-note.cart__note{display:grid;gap:var(--shintop-space-2);margin-bottom:var(--shintop-space-5);position:static;top:auto}main[data-template=cart] .shintop .cart__note label,.shintop cart-note.cart__note label{position:static;height:auto;color:var(--shintop-ink);font-size:var(--shintop-text-sm);font-weight:500;line-height:var(--shintop-leading-tight)}main[data-template=cart] .shintop .cart__note .field__input,.shintop cart-note.cart__note .field__input{height:auto;min-height:9rem}.shintop .cart__dynamic-checkout-buttons{max-width:none;margin:0}.shintop-cart__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--shintop-space-3);margin-bottom:var(--shintop-space-6)}.shintop-cart__head>h1{margin:0}.shintop-cart__back{display:inline-flex;align-items:center;gap:var(--shintop-space-2);color:var(--shintop-ink-soft);font-size:var(--shintop-text-sm);font-weight:500;text-decoration:none;transition:color var(--shintop-dur) var(--shintop-ease)}.shintop-cart__back-arrow{line-height:1}.shintop-cart__back-label{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem;text-decoration-color:var(--shintop-rule-strong);transition:text-decoration-color var(--shintop-dur) var(--shintop-ease)}@media(hover:hover){.shintop-cart__back:hover{color:var(--shintop-blue)}.shintop-cart__back:hover .shintop-cart__back-label{text-decoration-color:var(--shintop-blue)}}.shintop cart-remove-button .icon-remove{color:var(--shintop-red)}.shintop cart-remove-button .button:not([disabled]):hover .icon-remove{color:color-mix(in srgb,var(--shintop-red) 80%,var(--shintop-ink))}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-shintop-cart.css.map */