/*!
 * Kwolly — Drawer Visual Delight
 *
 * Opsi A: pure CSS override di atas theme.css — tidak menyentuh theme.css.
 * Semua warna menggunakan palette Kwolly:
 *   pink   #f2b8d2   mint  #fce8f0   text  #5c5c5c   bg  #f2f2f2
 *
 * Delight moments yang diimplementasikan:
 *   1. Overlay — warm-tinted + backdrop blur vs cold black
 *   2. Rounded corners — 24 px (atas mobile, kiri desktop), cocok dgn block_border_radius brand
 *   3. Soft directional shadow — memberi kedalaman yang hangat
 *   4. Close button — spring rotation 90° on hover
 *   5. Search input — mint focus state (border + glow)
 *   6. Nav links — micro slide 4 px on hover
 *   7. Cart checkout button — lift + pink glow on hover, tactile press on active
 */.drawer::part(overlay){background:#483a3666;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.drawer::part(content){border-radius:24px 24px 0 0;box-shadow:0 -6px 32px #5c5c5c1a}@media screen and (min-width:700px){.drawer::part(content){border-radius:24px 0 0 24px;box-shadow:-6px 0 32px #5c5c5c1a}}.drawer [is=close-button],.cart-drawer__inner .drawer__close-icon{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;will-change:transform}.drawer [is=close-button]:hover{transform:rotate(90deg) scale(1.12)}.search-drawer .search-input{border:1.5px solid rgba(242,184,210,.4);padding-block-end:0;background:#faf8f7;border-radius:100px;padding:12px 14px 12px 16px;gap:10px;box-shadow:0 1px 4px #5c5c5c0f;transition:border-color .2s ease,box-shadow .25s ease}.search-drawer .search-input:focus-within{border-color:#fce8f0;box-shadow:0 0 0 3px #fce8f038,0 1px 4px #5c5c5c0f}.search-drawer--full .search-input{padding-block-end:0}@media screen and (min-width:700px){.search-drawer .search-input{padding:14px 16px 14px 18px}}.search-drawer .kwolly-search-icon{display:flex;align-items:center;flex-shrink:0;color:#5c5c5c73;transition:color .15s ease}.search-drawer .search-input:focus-within .kwolly-search-icon{color:#7ab8a8}.search-drawer .search-input [is=close-button]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;flex-shrink:0;border-radius:100px;color:#5c5c5c8c;background:transparent;border:none;transition:color .15s ease,background .15s ease,opacity .18s ease;cursor:pointer}@media(hover:hover){.search-drawer .search-input [is=close-button]:hover{color:#a05577;background:#f2b8d238}}.search-drawer .search-input [type=reset]{flex-shrink:0;font-size:var(--text-sm);color:#8a6a7a;transition:color .15s ease,opacity .18s ease}@media(hover:hover){.search-drawer .search-input [type=reset]:hover{color:#a05577}}.search-drawer .search-input>input:not(:placeholder-shown)~[is=close-button]{opacity:0;pointer-events:none}.search-drawer .search-input [type=reset]{opacity:0;pointer-events:none}.search-drawer .search-input>input:not(:placeholder-shown)~[type=reset]{opacity:1;pointer-events:auto}@property --kwolly-nav-cool{syntax: "<color>"; inherits: false; initial-value: #f7f4f2;}@property --kwolly-footer-opacity{syntax: "<number>"; inherits: false; initial-value: .4;}.navigation-drawer::part(content){background:linear-gradient(168deg,#f7f4f2 0%,#f2eeeb 42%,var(--kwolly-nav-cool) 100%)!important}.kwolly-drag-handle{width:36px;height:4px;background:#5c5c5c2e;border-radius:2px;margin:0 auto var(--spacing-1);flex-shrink:0}@media screen and (min-width:700px){.kwolly-drag-handle{display:none}}.navigation-drawer .reversed-link{background:none!important;transition:color .15s ease!important}.navigation-drawer .panel__wrapper{padding-block-end:0}.navigation-drawer .panel__scroller{overflow-x:hidden}.navigation-drawer .panel__scroller>ul>li{border-radius:12px;padding-inline:var(--spacing-2);transition:background-color .15s ease}@media(hover:hover){.navigation-drawer .panel__scroller>ul>li:hover{background-color:#f2b8d22e}}.navigation-drawer .panel__scroller>ul>li:active{background-color:#f2b8d247}.navigation-drawer .circle-chevron{background:#f2b8d24d}.navigation-drawer .group[aria-expanded=true] .circle-chevron.group-expanded\:colors:not([disabled]){background:#f2b8d2;color:#5c5c5c}@media(pointer:fine){.navigation-drawer .group:hover .circle-chevron.group-hover\:colors:not([disabled]){background:#f2b8d2;color:#5c5c5c}}.navigation-drawer [data-panel="0"],.navigation-drawer [data-panel="1"]{color:#7ab8a8}@keyframes kwolly-footer-breathe{0%,to{--kwolly-footer-opacity: .32}50%{--kwolly-footer-opacity: .58}}.navigation-drawer .panel-footer.kwolly-nav-footer{background:rgba(252,232,240,var(--kwolly-footer-opacity));margin-inline:calc(-1 * var(--drawer-body-padding));padding-inline:var(--drawer-body-padding);padding-block:var(--spacing-4);animation:kwolly-footer-breathe 5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.navigation-drawer .panel-footer.kwolly-nav-footer{animation:none;background:#fce8f073}}.kwolly-nav-footer__items{align-items:center;flex-wrap:wrap}.navigation-drawer .panel-footer__localization-wrapper{padding-block-start:0}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.navigation-drawer .panel__scroller>ul>li{animation:kwolly-link-scroll linear both;animation-timeline:view(block);animation-range:entry 0% entry 65%}@keyframes kwolly-link-scroll{0%{translate:-10px 0}to{translate:0px 0}}}}.cart-drawer .button:not([disabled]):not([aria-disabled=true]){transition:transform .18s cubic-bezier(.25,1,.5,1),box-shadow .18s ease;will-change:transform}.cart-drawer .button:not([disabled]):not([aria-disabled=true]):hover{transform:translateY(-3px);box-shadow:0 8px 24px #f2b8d280}.cart-drawer .button:not([disabled]):not([aria-disabled=true]):active{transform:translateY(1px);box-shadow:0 2px 8px #f2b8d240;transition-duration:.08s}.cart-drawer .cart-drawer__line-items{display:flex;flex-direction:column;gap:10px}.cart-drawer line-item{background:#faf8f7;border-radius:20px;padding:16px;border:1px solid rgba(242,184,210,.18);border-bottom:1px solid rgba(242,184,210,.18)!important;box-shadow:0 1px 3px #5c5c5c0f,0 3px 10px #5c5c5c0d;transition:box-shadow .22s cubic-bezier(.25,1,.5,1),transform .22s cubic-bezier(.25,1,.5,1)}@media(hover:hover){.cart-drawer line-item:hover{box-shadow:0 4px 12px #5c5c5c17,0 8px 24px #5c5c5c12;transform:translateY(-2px)}}.cart-drawer .line-item__media{border-radius:12px!important}.cart-drawer .line-item__info{overflow-wrap:break-word;word-break:break-word;min-width:0}.cart-drawer .line-item .reversed-link{background:none!important}.cart-drawer .line-item a.bold{text-decoration:none;transition:color .15s ease}@media(hover:hover){.cart-drawer .line-item a.bold:hover{color:#a05577}}.cart-drawer quantity-selector{display:inline-flex;align-items:center;background:#f2b8d21f;border:1.5px solid rgba(242,184,210,.45);border-radius:100px;overflow:hidden;flex-shrink:0}.cart-drawer .kwolly-qty-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:#5c5c5c;font-size:1.125rem;line-height:1;cursor:pointer;flex-shrink:0;padding:0;transition:background .12s ease,color .12s ease}@media(hover:hover){.cart-drawer .kwolly-qty-btn:hover:not([disabled]){background:#f2b8d24d;color:#a05577}}.cart-drawer .kwolly-qty-btn:active:not([disabled]){background:#f2b8d273;transition-duration:.05s}.cart-drawer .kwolly-qty-btn[disabled]{opacity:.3;cursor:default}.cart-drawer quantity-selector .quantity-input{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0;padding:5px 2px;width:36px;min-width:36px;text-align:center;font-family:inherit;font-weight:600;font-size:.875rem;color:#5c5c5c}.cart-drawer quantity-selector .quantity-input:focus{background:transparent!important;border:none!important;box-shadow:none!important;outline:none}.cart-drawer .quantity-input::-webkit-inner-spin-button,.cart-drawer .quantity-input::-webkit-outer-spin-button,.cart-drawer quantity-selector input[type=number]::-webkit-inner-spin-button,.cart-drawer quantity-selector input[type=number]::-webkit-outer-spin-button,.cart-drawer [is=quantity-input]::-webkit-inner-spin-button,.cart-drawer [is=quantity-input]::-webkit-outer-spin-button{-webkit-appearance:none!important;display:none!important;margin:0}.cart-drawer quantity-selector input[type=number]{-moz-appearance:textfield}.cart-drawer .kwolly-qty-row{display:flex;align-items:center;justify-content:flex-start;gap:12px}.cart-drawer .kwolly-qty-col{display:flex;flex-direction:column;align-items:center;gap:6px}.cart-drawer .kwolly-remove-link{font-size:.75rem;color:#8a6a7a;text-decoration:none;letter-spacing:.04em;display:inline-flex;align-items:center;min-height:44px;padding-inline:4px;white-space:nowrap;transition:color .15s ease}.cart-drawer .kwolly-remove-link:hover{color:#a05577;text-decoration:none}.cart-drawer .text-on-sale{color:#a05577}.cart-drawer .count-bubble{background:#f2b8d2d9!important;color:#5c5c5c!important}@media(prefers-reduced-motion:reduce){.cart-drawer line-item{transition:none}.cart-drawer line-item:hover{transform:none}}.cart-drawer.drawer::part(footer){border-block-start:none;background:#faf8f7;border-radius:20px 20px 0 0;box-shadow:0 -1px #f2b8d266,0 -12px 32px #5c5c5c17;padding:20px 20px 28px}.cart-drawer .kwolly-cart-footer{display:flex;flex-direction:column;gap:12px}.cart-drawer .kwolly-discount-zone{display:flex;flex-direction:column;gap:10px;padding-block-end:12px;border-block-end:1px solid rgba(242,184,210,.22)}.cart-drawer .kwolly-discount-zone .badge{background:#fce8f038;border:1px solid rgba(252,232,240,.55);color:#3d6b5d}.cart-drawer .kwolly-order-summary{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.cart-drawer .kwolly-total-block{display:flex;flex-direction:column;align-items:center;gap:4px}.cart-drawer .kwolly-total-label{font-size:.6875rem;font-weight:500;color:#737373;letter-spacing:.1em;text-transform:uppercase}.cart-drawer .kwolly-total-amount{font-size:1.875rem;font-weight:700;color:#a05577;letter-spacing:-.03em;line-height:1.1}.cart-drawer .kwolly-shipping-note{font-size:.6875rem;color:#737373;line-height:1.5;text-align:center}.cart-drawer .kwolly-shipping-note a{color:#8a6a7a;text-underline-offset:2px}.cart-drawer .kwolly-note-trigger{background:none;border:none;padding:0;cursor:pointer;border-radius:3px}.cart-drawer .kwolly-note-trigger:focus-visible{outline:3px solid rgba(176,122,115,.35);outline-offset:3px}.cart-drawer .kwolly-note-trigger .link.text-subdued{font-size:.75rem;color:#8a6a7a;text-decoration:none;transition:color .15s ease}@media(hover:hover){.cart-drawer .kwolly-note-trigger:hover .link.text-subdued{color:#a05577}}.cart-drawer .kwolly-footer-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(242,184,210,.45) 25%,rgba(242,184,210,.45) 75%,transparent 100%);margin-block:2px}.cart-drawer .kwolly-cta-zone{display:flex;flex-direction:column;align-items:stretch;gap:10px}.cart-drawer .kwolly-checkout-form{display:block;width:100%}.cart-drawer .kwolly-checkout-form .button{width:100%}.cart-drawer .kwolly-view-cart-link{display:block;text-align:center;font-size:.8125rem;color:#6e6e6e;text-decoration:underline;text-decoration-color:#6e6e6e4d;text-underline-offset:3px;letter-spacing:.02em;padding-block:2px;transition:color .15s ease,text-decoration-color .15s ease}@media(hover:hover){.cart-drawer .kwolly-view-cart-link:hover{color:#a05577;text-decoration-color:#a0557766}}.cart-drawer .kwolly-view-cart-link:focus-visible{outline:3px solid rgba(176,122,115,.35);outline-offset:3px;border-radius:3px}.cart-drawer .kwolly-trust-strip{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:.6875rem;color:#3d6b5d;letter-spacing:.05em;background:#fce8f04d;border-radius:100px;padding:4px 12px;align-self:center}.cart-drawer .kwolly-trust-strip svg,.cart-drawer .kwolly-trust-strip .icon{flex-shrink:0}.cart-drawer .kwolly-value-context{font-size:.625rem;font-weight:500;color:#3d6b5d;letter-spacing:.08em;text-transform:uppercase;line-height:1;margin-block-start:3px}.kwolly-undo-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(72px);z-index:10000;max-width:calc(100vw - 32px);display:inline-flex;align-items:center;gap:12px;white-space:nowrap;background:#3d2d27;color:#faf8f7;border-radius:100px;padding:11px 12px 11px 18px;box-shadow:0 4px 16px #0000002e,0 1px 4px #0000001a;font-size:.8125rem;opacity:0;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;pointer-events:none}.kwolly-undo-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.kwolly-undo-toast__msg{overflow:hidden;text-overflow:ellipsis;max-width:200px}.kwolly-undo-toast__btn{flex-shrink:0;background:#f2b8d22e;border:1px solid rgba(242,184,210,.45);color:#f2b8d2;border-radius:100px;padding:5px 14px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s ease;line-height:1.4}.kwolly-undo-toast__btn:hover{background:#f2b8d252}.kwolly-undo-toast__btn:focus-visible{outline:2px solid rgba(242,184,210,.7);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kwolly-undo-toast{transform:translate(-50%) translateY(0);transition:opacity .2s ease}}.search-drawer .predictive-search__tab-content{gap:10px!important}.search-drawer .predictive-search-result{background:#faf8f7;border-radius:20px;padding:12px 14px;border:1px solid rgba(242,184,210,.18);box-shadow:0 1px 3px #5c5c5c0f,0 3px 10px #5c5c5c0d;transition:box-shadow .22s cubic-bezier(.25,1,.5,1),transform .22s cubic-bezier(.25,1,.5,1);text-decoration:none}@media(hover:hover){.search-drawer .predictive-search-result:hover{box-shadow:0 4px 12px #5c5c5c17,0 8px 24px #5c5c5c12;transform:translateY(-2px)}}.search-drawer .predictive-search-result img{border-radius:12px;flex-shrink:0}.search-drawer .predictive-search-result .reversed-link{background:none!important;transition:color .15s ease}@media(hover:hover){.search-drawer .predictive-search-result:hover .reversed-link{color:#a05577}}.search-drawer .predictive-search-result .text-on-sale{color:#a05577}.search-drawer .predictive-search-result .badge--primary{background:#fce8f04d;border:1px solid rgba(252,232,240,.55);color:#3d6b5d}@media(prefers-reduced-motion:reduce){.search-drawer .predictive-search-result{transition:none}.search-drawer .predictive-search-result:hover{transform:none}}@media screen and (max-width:699px){.header[allow-transparency]:not(.is-filled) .header__wrapper{color:#fff}}:root{--cursor-close-svg-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Ccircle cx='28' cy='28' r='26' fill='%23faf8f7' fill-opacity='.92' stroke='%23f2b8d2' stroke-opacity='.55' stroke-width='1.5'/%3E%3Cline x1='19' y1='19' x2='37' y2='37' stroke='%23483a36' stroke-opacity='.65' stroke-width='2.5' stroke-linecap='round'/%3E%3Cline x1='37' y1='19' x2='19' y2='37' stroke='%23483a36' stroke-opacity='.65' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}
/*# sourceMappingURL=/cdn/shop/t/7/assets/kwolly-drawers.css.map */