@charset "UTF-8";/**
 * Store stylesheet entry for Vite.
 * Source files live in public/css/store; this file is the bundle root.
 *//**
 * Store styles — single entry loaded by store.blade.php
 *
 * 1. Foundation
 * 2. Tokens & vendor
 * 3. App shell
 * 4. Overrides
 * 5. Layouts
 * 6. Components
 * 7. Pages
 */*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}html{-webkit-text-size-adjust:100%;}body{min-height:100vh;-webkit-font-smoothing:antialiased;}img, picture, video, canvas, svg{display:block;max-width:100%;height:auto;vertical-align:middle;border-style:none;}input, button, textarea, select{font:inherit;}p, h1, h2, h3, h4, h5, h6{overflow-wrap:break-word;}a{color:inherit;}ul, ol{list-style:none;}@font-face{font-family:'Darbareh';src:url('/assets/fonts/Darbareh/woff2/darbarehWeb-ExtraLight.woff2') format('woff2'), url('/assets/fonts/Darbareh/woff/darbarehWeb-ExtraLight.woff') format('woff');font-weight:200;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'Darbareh';src:url('/assets/fonts/Darbareh/woff2/darbarehWeb-Light.woff2') format('woff2'), url('/assets/fonts/Darbareh/woff/darbarehWeb-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'Darbareh';src:url('/assets/fonts/Darbareh/woff2/darbarehWeb-Regular.woff2') format('woff2'), url('/assets/fonts/Darbareh/woff/darbarehWeb-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'Darbareh';src:url('/assets/fonts/Darbareh/woff2/darbarehWeb-Medium.woff2') format('woff2'), url('/assets/fonts/Darbareh/woff/darbarehWeb-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'Darbareh';src:url('/assets/fonts/Darbareh/woff2/darbarehWeb-SemiBold.woff2') format('woff2'), url('/assets/fonts/Darbareh/woff/darbarehWeb-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'Darbareh';src:url('/assets/fonts/Darbareh/woff2/darbarehWeb-Bold.woff2') format('woff2'), url('/assets/fonts/Darbareh/woff/darbarehWeb-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'Darbareh';src:url('/assets/fonts/Darbareh/woff2/darbarehWeb-ExtraBold.woff2') format('woff2'), url('/assets/fonts/Darbareh/woff/darbarehWeb-ExtraBold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'Darbareh';src:url('/assets/fonts/Darbareh/woff2/darbarehWeb-Black.woff2') format('woff2'), url('/assets/fonts/Darbareh/woff/darbarehWeb-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'DarbarehFN';src:url('/assets/fonts/DarbarehFN/woff2/darbarehFaNumWeb-ExtraLight.woff2') format('woff2'), url('/assets/fonts/DarbarehFN/woff/darbarehFaNumWeb-ExtraLight.woff') format('woff');font-weight:200;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'DarbarehFN';src:url('/assets/fonts/DarbarehFN/woff2/darbarehFaNumWeb-Light.woff2') format('woff2'), url('/assets/fonts/DarbarehFN/woff/darbarehFaNumWeb-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'DarbarehFN';src:url('/assets/fonts/DarbarehFN/woff2/darbarehFaNumWeb-Regular.woff2') format('woff2'), url('/assets/fonts/DarbarehFN/woff/darbarehFaNumWeb-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'DarbarehFN';src:url('/assets/fonts/DarbarehFN/woff2/darbarehFaNumWeb-Medium.woff2') format('woff2'), url('/assets/fonts/DarbarehFN/woff/darbarehFaNumWeb-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'DarbarehFN';src:url('/assets/fonts/DarbarehFN/woff2/darbarehFaNumWeb-SemiBold.woff2') format('woff2'), url('/assets/fonts/DarbarehFN/woff/darbarehFaNumWeb-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'DarbarehFN';src:url('/assets/fonts/DarbarehFN/woff2/darbarehFaNumWeb-Bold.woff2') format('woff2'), url('/assets/fonts/DarbarehFN/woff/darbarehFaNumWeb-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'DarbarehFN';src:url('/assets/fonts/DarbarehFN/woff2/darbarehFaNumWeb-ExtraBold.woff2') format('woff2'), url('/assets/fonts/DarbarehFN/woff/darbarehFaNumWeb-ExtraBold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap;font-feature-settings:normal;}@font-face{font-family:'DarbarehFN';src:url('/assets/fonts/DarbarehFN/woff2/darbarehFaNumWeb-Black.woff2') format('woff2'), url('/assets/fonts/DarbarehFN/woff/darbarehFaNumWeb-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap;font-feature-settings:normal;}:root{--gutter-2xs:8px;--gutter-xs:12px;--gutter-sm:16px;--gutter:20px;--gutter-md:24px;--gutter-lg:28px;--gutter-xl:32px;--block-margin:20px;--block-margin-xs:12px;--block-margin-sm:16px;--block-margin-lg:28px;--max-width:1440px;--tippy-padding:10px;--separator-radius:32px;--separator-space:24px;--separator-height:calc(var(--separator-radius) * 2 + var(--separator-space));--index-block-margin:calc(var(--block-margin) * 4);}/* super small screen */@media (max-width: 360px){:root{--gutter-2xs:8px;--gutter-xs:10px;--gutter-sm:12px;--gutter:16px;--gutter-md:20px;--gutter-lg:24px;--gutter-xl:28px;--separator-radius:28px;--separator-space:18px;--separator-height:calc(var(--separator-radius) * 2 + var(--separator-space));}}@media (min-width: 980px){}.page_width, .page-width{width:100%;margin:0 auto;padding:0 var(--gutter);max-width:var(--max-width);}.block{width:100%;margin:0 auto;margin-top:var(--block-margin);margin-bottom:var(--block-margin);}.block:first-child{margin-top:0;}.block:last-child{margin-bottom:0;}.svg-icon svg{max-width:100%;max-height:100%;width:auto;height:auto;}.col-full{width:100%;}.col-12{width:100%;}.col-11{width:91.66%;}.col-10{width:83.33%;}.col-9{width:75%;}.col-8{width:66.66%;}.col-7{width:58.33%;}.col-6{width:50%;}.col-5{width:41.66%;}.col-4{width:33.33%;}.col-3{width:25%;}.col-2{width:16.66%;}.col-1{width:8.33%;}.index-block{margin-bottom:calc(var(--index-block-margin));margin-top:var(--index-block-margin);}.index-block:first-child{margin-top:0;}.index-block:last-child{margin-bottom:0;}.index-block .separator.separator-before{margin-top:calc((var(--index-block-margin) / 1 ) * -1);}.index-block .separator.separator-after{margin-bottom:calc((var(--index-block-margin) / 1 ) * -1);}.index-block .separator{height:var(--separator-height);background-color:var(--c-gray-100);position:relative;}.index-block .separator::before{content:'';position:absolute;width:100%;height:var(--separator-radius);background-color:#fff;top:0;left:0;right:0;border-radius:0 0 var(--separator-radius) var(--separator-radius);}.index-block .separator::after{content:'';position:absolute;width:100%;height:var(--separator-radius);background-color:#fff;bottom:0;left:0;right:0;border-radius:var(--separator-radius) var(--separator-radius) 0 0;}.dir-ltr{direction:ltr !important;}.dir-rtl{direction:rtl !important;}.text-right{text-align:right !important;}.text-left{text-align:left !important;}.text-center{text-align:center !important;}@media (min-width: 680px){.col-md-full{width:100%;}.col-md-12{width:100%;}.col-md-11{width:91.66%;}.col-md-10{width:83.33%;}.col-md-9{width:75%;}.col-md-8{width:66.66%;}.col-md-7{width:58.33%;}.col-md-6{width:50%;}.col-md-5{width:41.66%;}.col-md-4{width:33.33%;}.col-md-3{width:25%;}.col-md-2{width:16.66%;}.col-md-1{width:8.33%;}}@media (min-width: 980px){.col-lg-full{width:100%;}.col-lg-12{width:100%;}.col-lg-11{width:91.66%;}.col-lg-10{width:83.33%;}.col-lg-9{width:75%;}.col-lg-8{width:66.66%;}.col-lg-7{width:58.33%;}.col-lg-6{width:50%;}.col-lg-5{width:41.66%;}.col-lg-4{width:33.33%;}.col-lg-3{width:25%;}.col-lg-2{width:16.66%;}.col-lg-1{width:8.33%;}}@media (min-width: 980px){:root{}.index-block .separator{height:1px;margin:32px 0;/* background-color: var(--c-bg); */}.index-block .separator::before, .index-block .separator::after{display:none;}.index-block .separator.separator-after{margin-bottom:0;}.index-block .separator.separator-before{margin-top:0;}}@media (min-width: 1440px){.page_width{max-width:1440px;}}/**
 * Tippy.js overrides — third-party library theming + dropdown content.
 * Loaded from tippy.js after vendor styles so these rules win.
 */:root{--popup-cart-width:368px;--popup-cart-padding:16px;--popup-cart-border-radius:24px;}/* -------------------------------------------------------------------------- *//* General styles                                                             *//* -------------------------------------------------------------------------- */.tippy-box[data-theme~='clay']{--tippy-arrow-size:12px;--tippy-arrow-offset:-8px;--tippy-arrow-border-radius:4px;--tippy-border:var(--c-gray-300);--tippy-bg-color:#fff;--tippy-border-radius:12px;font-size:var(--fs-text);color:var(--c-text-primary);line-height:1.4;background-color:var(--tippy-bg-color);box-shadow:0 6px 16px rgb(0 0 0 / 10%), 0 0 0 1px var(--tippy-border);border-radius:var(--tippy-border-radius);}.tippy-box[data-theme~='clay'] > .tippy-arrow::before{content:'';position:absolute;width:var(--tippy-arrow-size);height:var(--tippy-arrow-size);border:none !important;border-style:solid;border-color:transparent;border-width:0 !important;background-color:var(--tippy-bg-color);transform:rotate(45deg);top:auto;right:auto;bottom:auto;left:auto;}.tippy-box[data-theme~='clay'][data-placement^='bottom'] > .tippy-arrow::before{top:var(--tippy-arrow-offset);left:50%;margin-left:calc((var(--tippy-arrow-size) / -2) - 4px);background:linear-gradient(135deg, var(--tippy-bg-color) 50%, #ffffff00 50%);border-top:1px solid var(--tippy-border) !important;border-left:1px solid var(--tippy-border) !important;border-radius:var(--tippy-arrow-border-radius) 0 0 0;}.tippy-box[data-theme~='clay'][data-placement^='top'] > .tippy-arrow::before{bottom:var(--tippy-arrow-offset);left:50%;margin-left:calc((var(--tippy-arrow-size) / -2) + 4px);background:linear-gradient(315deg, var(--tippy-bg-color) 50%, #ffffff00 50%);border-bottom:1px solid var(--tippy-border) !important;border-right:1px solid var(--tippy-border) !important;border-radius:0 0 var(--tippy-arrow-border-radius) 0;}.tippy-box[data-theme~='clay'][data-placement^='left'] > .tippy-arrow::before{top:50%;right:var(--tippy-arrow-offset);margin-top:calc((var(--tippy-arrow-size) / -2) - 4px);background:linear-gradient(225deg, var(--tippy-bg-color) 50%, #ffffff00 50%);border-top:1px solid var(--tippy-border) !important;border-right:1px solid var(--tippy-border) !important;border-radius:0 var(--tippy-arrow-border-radius) 0 0;}.tippy-box[data-theme~='clay'][data-placement^='right'] > .tippy-arrow::before{top:50%;left:var(--tippy-arrow-offset);margin-top:calc((var(--tippy-arrow-size) / -2) + 4px);background:linear-gradient(45deg, var(--tippy-bg-color) 50%, #ffffff00 50%);border-bottom:1px solid var(--tippy-border) !important;border-left:1px solid var(--tippy-border) !important;border-radius:0 0 0 var(--tippy-arrow-border-radius);}.tippy-box[data-theme~='clay'] .tippy-content{padding:var(--tippy-padding);}/* -------------------------------------------------------------------------- *//* Popup-cart styles                                                          *//* -------------------------------------------------------------------------- */.tippy-box[data-theme~='clay'][data-theme~='popup-cart']{border-radius:var(--popup-cart-border-radius);min-width:var(--popup-cart-width) !important;}.popup-cart_inner{margin:calc(var(--tippy-padding) * -1);width:var(--popup-cart-width);}.popup-cart_content{transition:all 200ms ease-in-out;position:relative;}.popup-cart_empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 0;background-color:var(--c-gray-100);border-radius:12px;margin:var(--popup-cart-padding);}.cart-empty_illustration{width:168px;}.popup-cart_empty-state .empty-state_text{font-weight:900;color:var(--c-text-tertiary);}.popup-cart_inner.is-loading{padding:var(--popup-cart-padding);}.popup-cart_inner.is-loading .popup-cart_content > *{display:none;}.popup-cart_inner.is-loading .popup-cart_content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;border-radius:12px;background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer 2s ease-in-out infinite;}.popup-cart_inner.is-loading .popup-cart_content::after{content:'';position:relative;order:-1;z-index:1;width:60px;height:20px;flex-shrink:0;background-image:url('/assets/icons/svg/animated/loading-dots.svg');background-size:100% 100%;background-repeat:no-repeat;background-position:center;opacity:0.8;}.popup-cart_header{padding:calc(var(--popup-cart-padding) / 1.5) var(--popup-cart-padding) ;border-radius:var(--popup-cart-border-radius) var(--popup-cart-border-radius) 0 0;}.popup-cart_items{padding:0 calc(var(--popup-cart-padding) - 4px);}.popup-cart_stream{display:flex;flex-direction:column;gap:4px;max-height:312px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:16px;}.popup-cart_stream::-webkit-scrollbar{display:none;}.popup-cart_stream .prd-card{}.popup-cart_stream .prd-card.layout-horizontal .prd-card_wrapper{padding:4px;border-radius:12px;}.popup-cart_stream .prd-card.layout-horizontal:hover .prd-card_wrapper{background-color:var(--c-gray-50);}.popup-cart_footer{font-family:var(--ff-fn);padding:var(--popup-cart-padding);padding-top:calc(var(--popup-cart-padding) / 1.2);border-top:1px solid var(--c-gray-300);display:flex;gap:24px;align-items:flex-end;justify-content:space-between;}.popup-cart_total{flex-shrink:0;}.popup-cart_total .label{font-size:var(--fs-text-xs);color:var(--c-text-tertiary);}.popup-cart_total .value{font-weight:bold;font-size:var(--fs-text-lg);letter-spacing:-0.5px;display:inline-flex;color:var(--c-text-primary);}.popup-cart_total .currency{display:none;}.popup-cart_action{flex:1;}.popup-cart_action .btn{width:100%;}/* -------------------------------------------------------------------------- *//* Popup-support styles                                                       *//* -------------------------------------------------------------------------- */.desktop_support-info{display:flex;gap:12px;align-items:center;padding:2px;}.desktop_support-info .icon{width:82px;height:82px;background-color:var(--c-gray-100);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}.desktop_support-info .gif-icon{width:64px;height:64px;object-fit:contain;}.desktop_support-info .content{font-family:var(--ff-fn);line-height:1;display:flex;flex-direction:column;}.desktop_support-info .active-hours{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-tertiary);border-bottom:1px solid var(--c-gray-200);padding-bottom:6px;margin-bottom:6px;padding-left:8px;}.desktop_support-info .active-hours .title{color:var(--c-text-secondary);font-weight:500;padding-bottom:4px;}.desktop_support-info .phone_numbers{direction:ltr;font-weight:bold;text-align:right;letter-spacing:0.5px;line-height:1.2;}/* -------------------------------------------------------------------------- *//* Popup-alerts styles                                                        *//* -------------------------------------------------------------------------- */.tippy-box[data-theme~='clay'][data-theme~='popup-alerts']{border-radius:16px;}.popup-alerts_menu{width:min(260px, calc(100vw - (var(--gutter) * 2)));display:flex;flex-direction:column;margin:calc(var(--tippy-padding) * -1);font-family:var(--ff-fn);overflow:hidden;border-radius:16px;}.popup-alerts_item{display:block;text-decoration:none;color:var(--c-text-primary);font-size:var(--fs-text-sm);padding:10px 18px 10px 10px;border-bottom:1px solid var(--c-gray-200);cursor:pointer;transition:background-color 180ms ease-in-out;position:relative;}.popup-alerts_item::before{content:'';position:absolute;width:6px;height:6px;border-radius:999px;background-color:var(--c-accent-300);top:18px;right:8px;transform:translateY(-50%);z-index:2;}.popup-alerts_item.is-seen::before{display:none;}.popup-alerts_item:last-child{border-bottom:none;}.popup-alerts_item:hover{background-color:var(--c-gray-100);}.popup-alerts_item_content{display:flex;flex-direction:column;line-height:1.2;gap:4px;position:relative;}.popup-alerts_item_title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:var(--c-text-secondary);}.popup-alerts_item_desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:300;color:var(--c-text-tertiary);}.popup-alerts_item.is-urgent .popup-alerts_item_content::after{content:'\0645\0647\0645';/* مهم */position:absolute;top:0;left:0;background-color:var(--c-accent-300);color:#fff;font-weight:500;padding:2px 6px;border-radius:4px;font-size:var(--fs-text-2xs);}.micromodal{display:none;}.micromodal.is-open{display:block;}body.micromodal-is-open{overflow:hidden !important;padding-right:var(--scrollbar-width, 0px);}.micromodal_overlay{position:fixed;inset:0;z-index:var(--z-micromodal-overlay);display:flex;align-items:center;justify-content:center;padding:24px;background-color:hsla(224, 71%, 4%, 0.55);}.micromodal.is-open .micromodal_overlay{padding-right:calc(24px + var(--scrollbar-width, 0px));}.micromodal_container{width:min(100%, 480px);max-height:calc(100vh - 48px);overflow:auto;border-radius:24px;background-color:var(--c-bg);box-shadow:0 24px 48px -12px hsla(210, 30%, 11%, 0.35);}.micromodal_header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 0;}.micromodal_title{margin:0;font-size:22px;font-weight:700;color:var(--c-gray-900);}.micromodal_close{flex-shrink:0;width:36px;height:36px;border-radius:999px;background-color:var(--c-gray-100);color:var(--c-gray-700);transition:background-color var(--tr-timing-base) var(--tr-ease);}.micromodal_close:hover{background-color:var(--c-gray-200);}.micromodal_content{padding:16px 24px 24px;color:var(--c-gray-700);font-size:16px;}/**
 * Color tokens — palette, neutrals, semantic colors, light/dark themes.
 * Document values on the Foundation > Colors docs page.
 */:root{/* Brand */--c-bg:hsl(0, 0%, 100%);/* gray */--c-gray-0:hsl(0, 0%, 100%);--c-gray-25:hsl(0, 10%, 98%);--c-gray-50:hsl(210, 20%, 98%);--c-gray-100:hsl(210, 14%, 96%);--c-gray-150:hsl(210, 13%, 94%);--c-gray-200:hsl(210, 11%, 93%);--c-gray-300:hsl(210, 11%, 88%);--c-gray-400:hsl(210, 8%, 80%);--c-gray-500:hsl(210, 8%, 70%);--c-gray-600:hsl(210, 7%, 54%);--c-gray-700:hsl(210, 10%, 40%);--c-gray-800:hsl(210, 13%, 25%);--c-gray-850:hsl(210, 28%, 17%);--c-gray-900:hsl(210, 30%, 11%);--c-gray-950:hsl(210, 32%, 5%);--c-gray-1000:hsl(0, 0%, 0%);/* green */--c-green-20:hsl(150, 52%, 98%);--c-green-50:hsl(150, 52%, 96%);--c-green-100:hsl(149, 52%, 90%);--c-green-200:hsl(153, 48%, 80%);--c-green-300:hsl(156, 44%, 67%);--c-green-400:hsl(158, 40%, 50%);--c-green-500:hsl(160, 62%, 40%);--c-green-600:hsl(161, 81%, 31%);--c-green-700:hsl(163, 81%, 25%);--c-green-800:hsl(163, 76%, 21%);--c-green-900:hsl(165, 72%, 17%);--c-green-950:hsl(168, 76%, 10%);--c-green-990:hsl(168, 80%, 4%);/* red */--c-red-20:hsl(358, 92%, 98%);--c-red-50:hsl(358, 92%, 95%);--c-red-100:hsl(358, 100%, 88%);--c-red-200:hsl(358, 95%, 78%);--c-red-300:hsl(358, 95%, 69%);--c-red-400:hsl(358, 92%, 63%);--c-red-500:hsl(358, 85%, 59%);--c-red-600:hsl(358, 75%, 53%);--c-red-700:hsl(358, 71%, 48%);--c-red-800:hsl(358, 67%, 43%);--c-red-900:hsl(358, 70%, 25%);--c-red-950:hsl(358, 61%, 12%);--c-red-990:hsl(358, 80%, 4%);/* blue todo: check if these are correct colors */--c-blue-50:hsl(210, 96%, 96%);--c-blue-100:hsl(210, 96%, 90%);--c-blue-200:hsl(210, 96%, 80%);--c-blue-300:hsl(210, 96%, 70%);--c-blue-400:hsl(210, 96%, 60%);--c-blue-500:hsl(210, 96%, 50%);--c-blue-600:hsl(210, 96%, 40%);--c-blue-700:hsl(210, 96%, 30%);--c-blue-800:hsl(210, 96%, 20%);--c-blue-900:hsl(210, 96%, 10%);--c-blue-950:hsl(210, 96%, 8%);--c-blue-990:hsl(210, 80%, 4%);/* accent */--c-accent-100:hsl(358, 93%, 94%);--c-accent-200:hsl(358, 98%, 80%);--c-accent-300:hsl(358, 100%, 70%);--c-accent-400:hsl(358, 95%, 66%);--c-accent-500:hsl(358, 84%, 60%);--c-accent-600:hsl(358, 80%, 55%);--c-accent-700:hsl(358, 70%, 48%);--c-accent-800:hsl(358, 70%, 35%);--c-accent-900:hsl(358, 70%, 20%);--c-accent:hsl(358, 84%, 60%);/* vendor */--c-vendor-accent-100:hsl(152, 56%, 95%);--c-vendor-accent-200:hsl(151, 70%, 87%);--c-vendor-accent-300:hsl(159, 69%, 65%);--c-vendor-accent-400:hsl(164, 51%, 63%);--c-vendor-accent-500:hsl(164, 44%, 55%);--c-vendor-accent-600:hsl(158, 37%, 48%);--c-vendor-accent-900:hsl(159, 34%, 15%);--c-vendor-accent:hsl(164, 44%, 55%);--c-vendor-accent-neon:hsl(158, 68%, 52%);/* slate *//* fun ones */--c-burgundy:hsl(357, 71%, 42%);--c-punch:hsl(348, 95%, 68%);--c-twitch:hsl(252, 100%, 62%);--c-cobalt:hsl(218, 54%, 34%);--c-azure:hsl(207, 90%, 54%);--c-teal:hsl(187, 100%, 42%);--c-mint:hsl(162, 74%, 46%);--c-spotify:hsl(158, 80%, 40%);--c-viper:hsl(137, 79%, 57%);--c-jade:hsl(149, 33%, 73%);--c-cyberpunk:hsl(66, 100%, 50%);--c-kevin:hsl(51, 100%, 50%);--c-mustard:hsl(46, 100%, 50%);--c-apricot:hsl(39, 90%, 53%);--c-scarlet:hsl(8, 100%, 60%);--c-rose:hsl(8, 88%, 94%);--c-align:hsl(50, 33%, 96%);--c-cube:hsl(43, 27%, 85%);--c-clay:hsl(30, 44%, 93%);--c-camp:hsl(0, 0%, 12%);--c-star:hsl(36, 64%, 82%);--c-peacock:linear-gradient( 45deg, hsl(240deg 69% 27%) 0%, hsl(287deg 83% 26%) 11%, hsl(312deg 100% 29%) 22%, hsl(328deg 81% 41%) 33%, hsl(344deg 70% 53%) 44%, hsl(2deg 86% 64%) 56%, hsl(17deg 100% 64%) 67%, hsl(31deg 100% 63%) 78%, hsl(43deg 100% 64%) 89%, hsl(55deg 96% 68%) 100% );--c-instagram:linear-gradient(270.06deg, #FCA759 0.06%, #E82D56 30.75%, #A22DB4 66.13%, #643DCE 99.94%);/* product collection colors */--c-collection-new:hsla(225, 86%, 58%, 0.9);--c-collection-new-border:hsla(225, 68%, 48%, 1);--c-collection-bestseller:hsla(256, 82%, 66%, 0.9);--c-collection-bestseller-border:hsla(256, 50%, 55%, 1);--c-collection-limited:hsla(42, 98%, 56%, 0.9);--c-collection-limited-border:hsla(42, 82%, 44%, 1);--c-collection-featured:hsla(218, 20%, 41%, 0.9);--c-collection-featured-border:hsla(218, 22%, 35%, 1);--c-collection-dubai:hsla(348, 78%, 65%, 0.9);--c-collection-dubai-border:hsla(348, 50%, 57%, 1);--c-collection-openbox:hsla(18, 90%, 65%, 0.9);--c-collection-openbox-border:hsla(16, 60%, 60%, 1);--c-collection-damaged:hsla(18, 90%, 65%, 0.9);--c-collection-damaged-border:hsla(16, 60%, 60%, 1);/* form and input *//* Text */--c-text:hsl(210, 40%, 8%);--c-text-primary:hsl(210, 40%, 8%);--c-text-secondary:hsl(210, 22%, 20%);--c-text-tertiary:hsl(210, 14%, 36%);--c-text-quaternary:hsl(210, 8%, 48%);--c-text-old-price:hsl(0, 84%, 68%);/* --c-text-accent: hsl(160, 90%, 54%); */--c-text-price:hsl(158, 81%, 45%);/* icons */--c-icon-primary:hsl(215, 28%, 17%);/* banners */--c-banner-bg:hsl(210, 25%, 97%);--c-banner-fg:hsl(210, 20%, 20%);--c-banner-icon:hsl(210, 20%, 44%);--c-banner-border:hsl(210, 9%, 86%);--c-banner-info-bg:hsl(220, 100%, 98%);--c-banner-info-fg:hsl(220, 64%, 13%);--c-banner-info-icon:hsl(220, 64%, 68%);--c-banner-info-border:hsl(220, 78%, 88%);--c-banner-success-bg:hsl(142, 57%, 97%);--c-banner-success-fg:hsl(142, 32%, 12%);--c-banner-success-icon:hsl(142, 32%, 58%);--c-banner-success-border:hsl(151, 40%, 85%);--c-banner-warning-bg:hsl(30, 100%, 97%);--c-banner-warning-fg:hsl(30, 83%, 13%);--c-banner-warning-icon:hsl(30, 83%, 67%);--c-banner-warning-border:hsl(30, 80%, 82%);--c-banner-error-bg:hsl(358, 100%, 97%);--c-banner-error-fg:hsl(358, 83%, 12%);--c-banner-error-icon:hsl(358, 75%, 65%);--c-banner-error-border:hsl(358, 90%, 88%);/* order status */--c-order-status-new-bg:hsl(46, 100%, 83%);--c-order-status-new-border:hsl(43, 100%, 65%);--c-order-status-new-fg:hsl(29, 86%, 30%);--c-order-status-processing-bg:hsl(210, 96%, 96%);--c-order-status-processing-border:hsl(210, 96%, 80%);--c-order-status-processing-fg:hsl(210, 96%, 35%);--c-order-status-completed-bg:hsl(136, 79%, 91%);--c-order-status-completed-border:hsl(133, 56%, 74%);--c-order-status-completed-fg:hsl(136, 50%, 25%);--c-order-status-cancelled-bg:hsl(358, 92%, 96%);--c-order-status-cancelled-border:hsl(358, 92%, 80%);--c-order-status-cancelled-fg:hsl(358, 90%, 35%);--c-order-status-waitingList-bg:hsl(22, 100%, 90%);--c-order-status-waitingList-border:hsl(22, 76%, 69%);--c-order-status-waitingList-fg:hsl(22, 76%, 30%);/* banks */--c-bank-passargard:#0D192F;--c-bank-dey:#42bac7;--c-bank-enbank:#5B2B61;--c-bank-gardeshgari:#3B2425;--c-bank-iranzamin:#7857BD;--c-bank-karafrin:#C2DBD0;--c-bank-keshavarzi:#183317;--c-bank-maskan:#CDCDCD;--c-bank-mellat:#2C2929;--c-bank-melli:#212631;--c-bank-parsian:#584C43;--c-bank-post:#2A5E40;--c-bank-sina:#DFC065;--c-bank-tejarat:#C3C3C3;--c-bank-refah:#7F7CD0;--c-bank-saderat:#C2C2C2;--c-bank-saman:#088DC0;--c-bank-sepah:#CACFD2;--c-bank-resalat:#5EC9D0;--c-bank-shahr:#E44646;--c-bank-blu:#CECECE;--c-bank-khavarmianeh:#B3C2E0;--c-bank-mehr:#573D30;--c-bank-sanat:#272E63;--c-bank-sarmayeh:#CCCED8;--c-bank-toseesaderat:#6CBE72;--c-bank-toseetavon:#5E5E5E;/* social media */--c-social-instagram:#E82D56;--c-social-telegram:#269cd6;--c-social-whatsapp:#2cc45f;--c-social-bale:#2cc29c;/* ticket status */--c-ticket-status-new-bg:hsl(211, 78%, 91%);--c-ticket-status-new-fg:hsl(210, 96%, 25%);--c-ticket-status-customer-reply-bg:hsl(211, 78%, 91%);--c-ticket-status-customer-reply-fg:hsl(210, 96%, 25%);--c-ticket-status-admin-reply-bg:hsl(140, 62%, 81%);--c-ticket-status-admin-reply-fg:hsl(140, 62%, 25%);--c-ticket-status-closed-bg:hsl(0, 0%, 85%);--c-ticket-status-closed-fg:hsl(0, 0%, 20%);/* return status */--c-return-status-new-bg:hsl(211, 78%, 91%);--c-return-status-new-fg:hsl(210, 96%, 25%);--c-return-status-approved-bg:hsl(140, 62%, 81%);--c-return-status-approved-fg:hsl(140, 62%, 25%);--c-return-status-review-bg:hsl(30, 100%, 90%);--c-return-status-review-fg:hsl(30, 100%, 25%);--c-return-status-completed-bg:hsl(140, 62%, 81%);--c-return-status-completed-fg:hsl(140, 62%, 25%);--c-return-status-rejected-bg:hsl(355, 100%, 92%);--c-return-status-rejected-fg:hsl(355, 100%, 25%);--c-return-status-closed-bg:hsl(0, 0%, 72%);--c-return-status-closed-fg:hsl(0, 0%, 25%);/* avatars */--c-avatar-bunny:#FFF0EE;--c-avatar-dog:#F3F0EF;--c-avatar-cat:#ECF3F9;--c-avatar-panda:#F3F3FB;--c-avatar-duck:#FFFAE4;--c-avatar-otters:#EDF8EB;--c-avatar-fox:#FDF0E4;--c-avatar-capy:#F2EBE7;/* gallery */--c-gallery-theme:hsl(42, 100%, 57%);--c-gallery-bg-color:#1f2937;/* miscellaneous */}/**
 * Typography tokens — font families, scale, weights, line heights.
 */:root{/* --ff-main: sans-serif, system-ui, sans-serif; */--ff-main:'Darbareh', sans-serif, system-ui, sans-serif;--ff-fn:'DarbarehFN', sans-serif, system-ui, sans-serif;/* font sizes */--fs-body:16px;/* text sizes */--fs-text-3xs:9px;--fs-text-2xs:11px;--fs-text-xs:13px;--fs-text-sm:14px;--fs-text:16px;--fs-text-base:16px;--fs-text-md:18px;--fs-text-lg:20px;--fs-text-xl:22px;/* heading sizes */--fs-heading-sm:18px;--fs-heading:20px;--fs-heading-lg:24px;--fs-heading-xl:28px;--fs-heading-2xl:32px;--fs-heading-3xl:48px;}.fn{font-family:var(--ff-fn);/* font-family: var(--ff-fn); */}/**
 * Elevation tokens — box shadows for cards, modals, dropdowns.
 */:root{/* --clay-shadow-sm: ; *//* --clay-shadow-md: ; *//* --clay-shadow-lg: ; *//* --clay-shadow-xl: ; */}/**
 * Border radius tokens.
 */:root{/* --clay-radius-none: 0; *//* --clay-radius-sm: ; *//* --clay-radius-md: ; *//* --clay-radius-lg: ; *//* --clay-radius-full: 9999px; */}:root{/* Timing and animation *//* Durations */--tr-timing-fast:150ms;--tr-timing-base:200ms;--tr-timing-slow:300ms;--tr-timing-slower:500ms;/* Easings */--tr-ease:cubic-bezier(0, 0, 0.2, 1);--tr-ease-enter:cubic-bezier(0, 0, 0.2, 1);--tr-ease-exit:cubic-bezier(0.4, 0, 1, 1);--tr-ease-move:cubic-bezier(0.4, 0, 0.2, 1);--tr-ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);/* Skeleton */--skeleton-duration:1.25s;--skeleton-base:var(--c-gray-200);--skeleton-highlight:var(--c-gray-50);/* Button shine (dark buttons) */--btn-shine-duration:850ms;--btn-shine-ease:var(--tr-ease);--btn-shine-color:hsl(0deg 0% 100% / 15%);}/* animations */.animate-skeleton, .state_preloading{background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;}@keyframes skeleton-shimmer{0%{background-position:100% 0;}100%{background-position:-100% 0;}}.animate-pulse_infinite{animation:pulse-infinite 1s ease-in infinite;}@keyframes pulse-infinite{0%, 100%{opacity:1;}50%{opacity:0.45;}}.animate-pulse_interval{animation:pulse-interval 3s ease-in infinite;}@keyframes pulse-interval{0%, 33.333%, 100%{opacity:1;}16.667%{opacity:0.45;}}@keyframes btn-shine{from{transform:translateX(-120%);}to{transform:translateX(120%);}}@keyframes btn-shine-hover{from{transform:translateX(-120%);}to{transform:translateX(120%);}}.btn_shine{position:relative;overflow:hidden;isolation:isolate;}.btn_shine::before{content:'';position:absolute;inset:0;background:linear-gradient( 105deg, transparent 32%, var(--btn-shine-color) 50%, transparent 68% );transform:translateX(-120%);pointer-events:none;}.btn_shine:hover::before{animation:btn-shine var(--btn-shine-duration) var(--btn-shine-ease);}@media (prefers-reduced-motion: reduce){.btn_shine:hover::before{animation:none;}}@keyframes brand-spark-breathe-a{0%, 70%{opacity:0.1;}85%{opacity:1;}100%{opacity:0.1;}}@keyframes brand-spark-breathe-b{0%, 72%{opacity:0.12;}86%{opacity:0.95;}100%{opacity:0.12;}}@keyframes brand-spark-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes brand-spark-spin-reverse{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}/**
 * Z-index layers — dropdown, sticky, modal, tooltip, etc.
 */:root{/* Layout space taken by the classic scrollbar; 0 for overlay scrollbars. */--scrollbar-width:0px;/* --clay-z-dropdown: 100; *//* --clay-z-sticky: 200; *//* --clay-z-modal: 300; *//* --clay-z-tooltip: 400; */--z-dropdown:100;--z-nav:200;--z-sticky:300;--z-modal:400;--z-micromodal-overlay:499;--z-micromodal-container:500;--z-main-header:190;--z-main-nav:600;--z-bottom-bar:700;--z-admin-shortcut:720;--z-lightbox:800;--z-index-mobile-fixbar:301;--z-index-mobile-formbar:302;/* --z-search-modal: 500; */}/**
 * Icon placeholders: <i class="i_icon" icon="name">
 * After initIcons(), replaced by <svg class="i_icon" icon="name">
 *
 * Override paint: fill-color, stroke-color, stroke-width
 */i.i_icon, svg.i_icon{max-width:100%;max-height:100%;display:inline-block;width:28px;height:28px;flex-shrink:0;vertical-align:middle;font-style:normal;color:var(--c-icon-primary, currentColor);}i.i_icon.i-size_xs, svg.i_icon.i-size_xs{width:16px;height:16px;}i.i_icon.i-size_sm, svg.i_icon.i-size_sm{width:22px;height:22px;}i.i_icon.i-size_lg, svg.i_icon.i-size_lg{width:32px;height:32px;}i.i_icon.i-size-xl, svg.i_icon.i-size-xl{width:36px;height:36px;}i.i_icon.i-size_2xl, svg.i_icon.i-size_2xl{width:42px;height:42px;}i.i_icon.i-size_full, svg.i_icon.i-size_full{width:100%;height:100%;}.mg-x-icon{--icon-size:28px;--stroke-width:2px;--circle-size:21px;--line-size:8px;--cross-size:26px;width:var(--icon-size);height:var(--icon-size);position:relative;}.mg-x-icon .mg-circle{position:absolute;width:var(--circle-size);height:var(--circle-size);border-radius:999px;border:2px solid #000;background-color:transparent;margin:auto;top:2px;left:2px;transform-origin:bottom;transition:all 200ms ease-in-out;}.mg-x-icon .mg-line{position:absolute;width:2px;height:var(--line-size);background-color:#000000;margin:auto;bottom:3px;right:2px;transform:rotate(-45deg);transform-origin:bottom;border-radius:999px;transition:all var(--tr-timing-slow) var(--tr-ease);}.mg-x-icon.morph-to-x .mg-circle{border:none;background-color:#000;width:2px;height:var(--cross-size);transform:rotate(45deg);top:-2px;left:4px;}.mg-x-icon.morph-to-x .mg-line{width:2px;height:var(--cross-size);bottom:4px;right:4px;}/* .mg-x-icon {
  --icon-size: 27px;
  --stroke-width: 2px;
  --icon-gap: calc(var(--icon-size) * 0.0714);
  --circle-size: calc(var(--icon-size) * 0.75);
  --line-size: calc(var(--icon-size) * 0.286);
  --cross-size: calc(var(--icon-size) * 0.929);
  width: var(--icon-size);
  height: var(--icon-size);
  position: relative;
  color: var(--c-icon-primary, currentColor);
}

.mg-x-icon .mg-circle {
  position: absolute;
  top: var(--icon-gap);
  left: var(--icon-gap);
  width: var(--circle-size);
  height: var(--circle-size);
  border: var(--stroke-width) solid currentColor;
  border-radius: 999px;
  background-color: transparent;
  transform-origin: bottom center;
  transition: all 0.3s ease;
}

.mg-x-icon .mg-line {
  position: absolute;
  bottom: calc(var(--icon-gap) * 1.5);
  right: var(--icon-gap);
  width: var(--stroke-width);
  height: var(--line-size);
  border-radius: 999px;
  background-color: currentColor;
  transform: rotate(-45deg);
  transform-origin: bottom center;
  transition: all 0.4s ease;
}

.mg-x-icon.icon-morph .mg-circle {
  top: calc(var(--icon-gap) * -1);
  left: calc(var(--icon-gap) * 2);
  width: var(--stroke-width);
  height: var(--cross-size);
  border: none;
  background-color: currentColor;
  transform: rotate(45deg);
}

.mg-x-icon.icon-morph .mg-line {
  bottom: calc(var(--icon-gap) * 2);
  right: calc(var(--icon-gap) * 2);
  width: var(--stroke-width);
  height: var(--cross-size);
} */.lottie-player{color:var(--c-icon-primary, currentColor);}.lottie-player svg path, .lottie-player svg line, .lottie-player svg circle, .lottie-player svg ellipse, .lottie-player svg rect{stroke:currentColor !important;}:root{--page-content-padding:0px;}.main-header.is-transparent ~ .page-content{padding-top:calc(var(--page-content-padding) + var(--current-mobile-header-height));margin-top:calc(var(--current-mobile-header-height) * -1);}@media (min-width: 980px){.main-header.is-transparent ~ .page-content{padding-top:var(--page-content-padding);margin-top:0;}}/**
 * Store pages — route-specific styles.
 * Imported from ../index.css
 *//**
 * Store pages — authentication.
 */:root{--auth-box-padding-bottom:0px;--auth-box-desktop-width:420px;}.page-auth .page-content{display:flex;flex-direction:column;height:100vh;min-height:100vh;}.auth-page-logo{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;}.auth-page-logo-wrapper{height:100%;max-height:100%;display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:100%;overflow:hidden;}/* option #1 *//* .page-auth .page-content .auth-page-logo-wrapper img {
    width: 100% !important; 
} *//* option #2 */.auth-page-logo-wrapper img{position:absolute;width:70%;will-change:transform;}.auth-page-logo-wrapper .auth-logo-2{max-width:420px;animation:auth-logo-float-a 17s ease-in-out infinite;}.auth-page-logo-wrapper .auth-logo-0{max-width:420px;animation:auth-logo-float-b 22s ease-in-out infinite;animation-delay:-2.4s;}.auth-box-wrapper{flex:0 0 auto;margin-top:auto;background-color:#fff;border-radius:var(--separator-radius) var(--separator-radius) 0 0;padding-bottom:var(--auth-box-padding-bottom);flex-shrink:0;}.auth-box-wrapper .page-width{padding:0;}.auth-box{padding:calc(var(--gutter) * 1.5);display:flex;flex-direction:column;gap:calc(var(--gutter) * 2);}.auth-box_header{display:flex;align-items:center;gap:12px;}.auth-box_header-title .title{font-size:var(--fs-heading-lg);font-weight:700;color:var(--c-text-secondary);}.auth-box_header-title .sub{font-size:var(--fs-text-sm);color:var(--c-text-tertiary);}.auth-box_content{display:flex;flex-direction:column;gap:var(--gutter);}.auth-box_terms{text-align:center;font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-tertiary);}.auth-input_phone{font-size:var(--fs-text-lg) !important;font-weight:600 !important;padding:0 16px !important;}.auth-input_phone::placeholder{font-size:var(--fs-text) !important;font-weight:400 !important;}.auth-box_otp-desc{display:flex;align-items:flex-end;justify-content:space-between;font-family:var(--ff-fn);font-size:var(--fs-text-sm);color:var(--c-text-tertiary);}.auth-box_otp-desc .phone-number{font-weight:600;color:var(--c-text-secondary);/* color: var(--c-green-500); */margin:0 3px;}.auth-box_otp-desc .change-phone-btn{padding:2px 8px;border-radius:6px;font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-tertiary);border:1px solid var(--c-gray-300);cursor:pointer;transition:border-color 200ms ease;}.auth-box_otp-desc .change-phone-btn:hover{background-color:var(--c-gray-50);border-color:var(--c-gray-500);}.auth-box_actions-resend{margin-top:36px;border:1px dashed var(--c-gray-400);padding:16px;border-radius:24px;}.otp-resend-title{font-family:var(--ff-fn);font-size:var(--fs-text-sm);color:var(--c-text-tertiary);text-align:center;padding-bottom:16px;}.otp-resend-title .timer{font-weight:600;color:var(--c-text-primary);width:20px;display:inline-block;text-align:center;}.otp-resend-actions{display:flex;flex-direction:column;gap:16px;}.otp-resend-btn{position:relative;}.otp-resend-btn .btn-text{width:100px;/* text-align: right; */}.otp-resend-btn .btn-icon svg{width:28px;height:28px;}.enter-pass-alternative{margin-top:36px;border:1px dashed var(--c-gray-400);padding:16px;border-radius:24px;}.enter-pass-title{font-family:var(--ff-fn);font-size:var(--fs-text-sm);color:var(--c-text-tertiary);text-align:center;padding-bottom:16px;}.enter-pass-actions{display:flex;flex-direction:column;gap:16px;}.auth-state_set-password .auth-box_header{justify-content:space-between;font-family:var(--ff-fn);}.auth-state_set-password .auth-box_actions{display:flex;gap:16px;padding-top:12px;padding-bottom:16px;}@media screen and (min-width: 680px){.enter-pass-actions{flex-direction:row;}.enter-pass-actions .btn{width:calc(50% - 8px);}.enter-pass-title{text-align:right;}.auth-state_set-password .auth-box_actions{gap:24px;}}@media screen and (min-width: 980px){.auth-page-logo{display:none;}.auth-box-wrapper{width:var(--auth-box-desktop-width);flex:initial;margin:auto;border-radius:var(--separator-radius);border:1px solid var(--c-gray-300);}.auth-box{padding:calc(var(--gutter) * 2);}.auth-state_set-password .auth-box_actions{padding-bottom:0;}}@media screen and (min-width: 1180px){:root{--auth-box-desktop-width:480px;}.auth-box_otp-desc{font-size:var(--fs-text);}.auth-box_actions-resend, .enter-pass-alternative{margin-top:36px;padding:calc(var(--gutter) * 2);padding-top:24px;padding-bottom:0;margin-left:calc(var(--gutter) * 2 * -1);margin-right:calc(var(--gutter) * 2 * -1);border-radius:0;border:none;border-top:1px dashed var(--c-gray-400);}.otp-resend-actions{flex-direction:row;gap:8px;}.otp-resend-btn{gap:8px !important;}.otp-resend-btn .btn-text{width:initial;}.otp-resend-btn .btn-text span{display:none;}.otp-resend-btn .btn-text .otp-channel-name{display:inline;}.otp-resend-btn .btn-icon svg{width:24px;height:24px;}.enter-pass-title{text-align:center;}.enter-pass-actions{gap:24px;}.enter-pass-actions .btn{width:calc(50% - 12px);}}@keyframes auth-logo-float-a{0%, 100%{transform:translate3d(0, 0, 0) rotate(-1.2deg);}35%{transform:translate3d(-13px, -17px, 0) rotate(1.9deg);}70%{transform:translate3d(8px, -8px, 0) rotate(-0.6deg);}}@keyframes auth-logo-float-b{0%, 100%{transform:translate3d(0, 0, 0) rotate(1deg);}40%{transform:translate3d(15px, -15px, 0) rotate(-1.8deg);}75%{transform:translate3d(-9px, -19px, 0) rotate(1deg);}}@media (prefers-reduced-motion: reduce){.page-auth .page-content .auth-page-logo-wrapper .auth-logo-2, .page-auth .page-content .auth-page-logo-wrapper .auth-logo-0{animation:none;}}/**
 * Store pages — home, sale, and landing sections.
 */.main-hero{width:100%;margin-bottom:0 !important;--cta-width:112px;}.main-hero .page_width{padding:0 !important;}.main-hero_slider{position:relative;width:100%;overflow:hidden;padding:24px var(--gutter) 36px var(--gutter) !important;}.main-hero_slider .swiper-wrapper{}.main-hero_slide{aspect-ratio:1 / 1;min-height:220px;max-height:767px;overflow:hidden;border-radius:26px;position:relative;}.main-hero_link{display:flex;justify-content:center;align-items:center;}.main-hero_details{position:absolute;bottom:0;width:100%;padding:24px;display:flex;justify-content:space-between;align-items:flex-end;}.main-hero_text{display:flex;flex-direction:column;line-height:1;max-width:calc(100% - var(--cta-width) + 28px);overflow:hidden;}.main-hero_sub{padding-bottom:4px;font-weight:300;font-size:var(--fs-text-sm);color:var(--c-text-primary);opacity:0.8;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.main-hero_title{padding-bottom:4px;font-weight:bold;font-size:var(--fs-text-md);color:var(--c-text-primary);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.main-hero_cta{width:var(--cta-width);height:42px;line-height:44px;text-align:center;padding:0 16px;border-radius:999px;background-color:#1F2937;color:#fff;box-shadow:0px 8px 12px -10px hsla(215, 28%, 17%, 0.8);font-size:var(--fs-text-sm);font-weight:300;white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;text-overflow:ellipsis;}.main-hero_cta::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient( 105deg, transparent 32%, var(--btn-shine-color) 50%, transparent 68% );transform:translateX(-120%);pointer-events:none;}.swiper-slide-active .main-hero_cta.is-shine::before{animation:btn-shine var(--btn-shine-duration) var(--btn-shine-ease) 600ms 1 forwards;}.main-hero_cta_text{position:relative;z-index:1;}.main-hero_pagination{bottom:6px !important;}.main-hero .swiper-pagination{transition:all 200ms ease-in-out;}.main-hero .swiper-pagination-bullet{background-color:var(--c-gray-200);opacity:1;border-radius:999px;transition:all 200ms ease-in-out;width:8px;height:8px;}.main-hero .swiper-pagination-bullet-active{background-color:var(--c-accent-400);width:26px;}.main-hero_btn{display:none !important;}.main-hero_btn_prev{}.main-hero_btn_next{}@media (min-width: 480px){.main-hero_sub{font-size:var(--fs-text-md);padding-bottom:6px;}.main-hero_title{font-size:var(--fs-text-xl);}.main-hero_cta{--cta-width:132px;height:50px;line-height:52px;font-size:var(--fs-text-md);padding:0 32px;}}@media (min-width: 520px){.main-hero_details{padding:32px;}.main-hero_sub{font-size:var(--fs-text-lg);padding-bottom:8px;}.main-hero_title{font-size:var(--fs-heading-xl);padding-bottom:0;}.main-hero_cta{--cta-width:142px;height:56px;line-height:58px;font-size:var(--fs-text-md);padding:0 32px;}}@media (min-width: 640px){.main-hero_details{background-color:hsla(0, 0%, 100%, 0.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid hsla(0, 0%, 100%, 0.3);}}@media (min-width: 768px){.main-hero_slide{aspect-ratio:initial;min-height:initial;max-height:initial;}.main-hero_details{bottom:inherit;padding-left:0;padding-right:0;left:6vw;width:fit-content;max-width:45%;min-width:0;flex-direction:column;align-items:flex-start;gap:24px;background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:none;}.main-hero_text{max-width:100%;min-width:0;width:100%;line-height:1.2;}.main-hero_title{font-size:var(--fs-heading-2xl);padding-bottom:0;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.main-hero_sub{font-size:var(--fs-heading);max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.main-hero_cta{--cta-width:148px;width:auto;min-width:var(--cta-width);margin-bottom:-24px;height:46px;line-height:46px;font-size:var(--fs-text-lg);padding:0 37px;}.main-hero .swiper-pagination{bottom:20px !important;}.main-hero .swiper-pagination-bullet{background-color:#fff;}.main-hero .swiper-pagination-bullet-active{background-color:var(--c-accent-400);}.main-hero_slider{padding-bottom:16px !important;}}@media (min-width: 980px){.main-hero_details{max-width:35%;}.main-hero_title{font-size:calc(var(--fs-heading-2xl) * 1.2);}.main-hero_sub{font-size:var(--fs-heading-lg);}}@media (min-width: 1024px){.main-hero_title{font-size:calc(var(--fs-heading-2xl) * 1.4);}.main-hero_sub{font-size:var(--fs-heading-xl);}.main-hero_cta{--cta-width:168px;height:60px;line-height:60px;font-size:var(--fs-text-xl);box-shadow:0px 4px 12px -6px hsla(215, 28%, 17%, 0.8), inset 0px 0px 0px 0px transparent;transition:all 200ms ease-in-out;}.main-hero_cta .main-hero_cta_text{transition:all 200ms ease-in-out;}.main-hero_cta:hover{box-shadow:0px 4px 12px -10px hsla(215, 28%, 17%, 0.8), inset 0px -4px 8px -3px hsla(0, 0%, 0%, 0.2) !important;}.main-hero_cta:hover::before{animation:btn-shine-hover var(--btn-shine-duration) var(--btn-shine-ease);}@media (prefers-reduced-motion: reduce){.main-hero_cta:hover::before{animation:none;}}.main-hero .swiper-pagination{bottom:24px !important;}.main-hero .swiper-pagination-bullet, .main-hero .swiper-pagination-bullet-active{transition:all var(--tr-timing-base) var(--tr-ease) 0s;}.main-hero .swiper-pagination-bullet{box-shadow:0px 0px 0px 1px hsla(0, 0%, 0%, 0.025);opacity:0.5;}.main-hero .swiper-pagination-bullet-active{background-color:var(--c-accent-400);opacity:1;}.main-hero_slider:hover .swiper-pagination-bullet, .main-hero_slider:hover .swiper-pagination-bullet-active{transition-delay:var(--tr-timing-slow);}.main-hero_slider:hover .swiper-pagination-bullet{width:12px;height:12px;opacity:1;margin:0 4px !important;}.main-hero_slider:hover .swiper-pagination-bullet-active{width:48px;opacity:1;}}@media (min-width: 1200px){.main-hero_details{max-width:35%;left:98px;gap:42px;padding:64px 0 64px 0;}.main-hero_cta{margin-bottom:-58px;}.main-hero_slider{padding-bottom:24px !important;}.main-hero .swiper-pagination{bottom:32px !important;}}@media (min-width: 1440px){.main-hero_title{font-size:calc(var(--fs-heading-2xl) * 1.5);}.main-hero_sub{font-size:calc(var(--fs-heading-xl) * 1.2);}}:root{--featured-category-item-size:92px;}.featured-categories, .index-block.featured-categories{padding-top:24px;margin-top:0 !important;}.featured-categories .page_width{padding:0 calc(var(--gutter) - 8px);}.featured-categories_stream{display:flex;flex-wrap:wrap;justify-content:space-between;}.featured-category_item{width:calc(100% / 3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;text-decoration:none;transition:all 200ms ease-in-out;padding:16px 0;}.featured-category_item_image{display:flex;align-items:center;justify-content:center;width:var(--featured-category-item-size);height:var(--featured-category-item-size);position:relative;}.featured-category_item_image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:calc(var(--featured-category-item-size) * 0.7932);height:calc(var(--featured-category-item-size) * 0.7932);border-radius:999px;background-color:var(--c-gray-200);box-shadow:inset 0px 0px 0px 1px transparent;transition:all var(--tr-timing-slow) var(--tr-ease);}.featured-category_item:hover .featured-category_item_image::before{box-shadow:inset 0px 0px 0px 12px var(--c-accent-400);background-color:#fff;}.featured-category_item_image img{position:relative;z-index:2;}.featured-category_item_title{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-gray-600);transition:all 200ms ease-in-out;}.featured-category_item:hover .featured-category_item_title{color:#000;}@media (min-width: 360px){:root{--featured-category-item-size:98px;}}@media (min-width: 380px){:root{--featured-category-item-size:112px;}}@media (min-width: 400px){:root{--featured-category-item-size:116px;}}@media (min-width: 520px){:root{--featured-category-item-size:136px;}.featured-category_item_title{font-size:var(--fs-text);}}@media (min-width: 640px){:root{--featured-category-item-size:178px;}.featured-category_item_title{font-size:var(--fs-text-md);}}@media (min-width: 768px){:root{--featured-category-item-size:92px;}.featured-categories{padding-top:0;}.featured-category_item{width:calc(100% / 6);}.featured-category_item_title{font-size:var(--fs-text-sm);}}@media (min-width: 980px){:root{--featured-category-item-size:124px;}.featured-category_item_title{font-size:var(--fs-text);}}@media (min-width: 1024px){:root{--featured-category-item-size:132px;}}@media (min-width: 1200px){:root{--featured-category-item-size:142px;}.featured-categories{padding-top:16px;}}@media (min-width: 1440px){.featured-category_item_title{font-size:var(--fs-text-md);}}:root{--sale-page-header-gradient-height:600px;}.page-sale-new .page-content{position:relative;min-height:calc(var(--sale-page-header-gradient-height) * 1.5);}.page-sale-new .product-list_stream{--prd-list-grid-gap:12px;}.page-sale-new .page-content::before{content:'';position:absolute;width:100%;height:calc(var(--sale-page-header-gradient-height) / 2);top:calc(var(--sale-page-header-gradient-height) / 2);left:0;right:0;background:linear-gradient( 0deg, rgba(239, 68, 68, 0) 0%, rgba(239, 68, 68, 1) 100% );}.page-sale-new .page-content::after{content:'';position:absolute;width:100%;height:calc(var(--sale-page-header-gradient-height) / 2);top:0;left:0;right:0;background-color:rgba(239, 68, 68, 1);}.page-sale-new .page-content .page-width{position:relative;z-index:2;}.page-sale-new .product-list_header{margin:0;padding:0;padding:var(--gutter);padding-top:var(--gutter-xl);}.page-sale-new .product-list_body{border-radius:0;background:transparent;padding-top:0;}.sale-page-control{}.sale-page-control.input-control.segmented-control .input-wrapper.segmented-control_wrapper{background-color:hsla(0, 0%, 0%, 0.2);box-shadow:inset 0px 0px 3px -1px hsla(0, 0%, 0%, 0.5);}.sale-page-control .segmented-control_item{transition:all 300ms ease-in-out;color:var(--c-gray-100);}.sale-page-control .segmented-control_item:hover{background-color:hsla(0, 0%, 0%, 0.2);color:#fff;border-color:transparent;}.sale-page-control .segmented-control_item.is-active{background:linear-gradient( 0deg, hsla(0, 0%, 100%, 0.7) 0%, hsla(0, 0%, 100%, 0.9) 100% );border:1px solid hsl(0, 0%, 100%);box-shadow:inset 0px 0px 4px -1px hsla(0, 0%, 100%, 1), inset 0px 4px 10px 1px hsla(0, 0%, 100%, 1), 0px 4px 10px -4px hsla(0, 0%, 0%, 0.5);color:#000;}.page-sale-new .prd-card .prd-card_wrapper{background-color:#fff !important;}.page-sale-new .prd-card:hover .prd-card_wrapper{background-color:var(--c-gray-100) !important;}.page-sale-new .product-list_content{width:100%;}.page-sale-new .prd-card{--prd-card-brand-font-size:14px;--prd-card-price-font-size:16px;--prd-card-title-font-size:14px;}.sale-page-filter-wrapper{margin:0 calc(var(--gutter) * -1);}.sale-page-filter-wrapper .segmented-control{position:relative;}.sale-page-filter-wrapper .segmented-control::after{content:'';position:absolute;top:0;bottom:0;left:0;width:48px;height:100%;background-color:#fff;background:linear-gradient(to right, rgba(239, 68, 68, 1), transparent);border-radius:0;z-index:1;}.sale-page-cat-filter.input-control .input-wrapper{border-radius:0 !important;gap:16px !important;height:calc(var(--segmented-control-height) + 16px) !important;}.sale-page-filter-wrapper .segmented-control_item{background-color:hsla(0, 0%, 100%, 0.15) !important;color:#fff !important;min-width:92px !important;padding:0 12px !important;border:1px solid hsla(0, 0%, 100%, 0.5) !important;transition:background-color 200ms ease-in-out;}.sale-page-filter-wrapper .segmented-control_item:hover{background-color:hsla(0, 0%, 100%, 0.35) !important;}.sale-page-filter-wrapper .segmented-control_item:first-child{margin-right:calc(var(--gutter) + 2px);}.sale-page-filter-wrapper .segmented-control_item:last-child{margin-left:calc(var(--gutter) * 2);}.sale-page-filter-wrapper .segmented-control_item.is-active{box-shadow:none;border-color:transparent;background-color:#fff !important;color:rgba(239, 68, 68, 1) !important;}@media (min-width: 980px){.page-sale-new .product-list_stream{padding:var(--gutter);--prd-list-grid-cols:6;}.sale-page-control{width:520px !important;margin:0 auto;padding-bottom:16px;}.page-sale-new .product-list_header{padding:var(--gutter);padding-top:64px;}.sale-page-cat-filter.input-control{}.sale-page-cat-filter.input-control .input-wrapper{justify-content:center !important;}.page-sale-new .sale-page-control.input-control.segmented-control .input-wrapper.segmented-control_wrapper{--segmented-control-height:68px;--segmented-control-item-height:58px;--segmented-control-padding:5px;--segmented-control-item-font-size:20px;}.page-sale-new .prd-card{--prd-card-brand-font-size:14px;--prd-card-price-font-size:17px;--prd-card-title-font-size:14px;}}/**
 * Store pages — product detail.
 */:root{--pv-gallery-aspect-ratio:1 / 1;--pv-gallery-max-width:480px;--pv-gallery-pagination-bullet-size:10px;--pv-gallery-overlay-z-index:10;--pv-gallery-overlay-ribbon-size:96px;--pv-gallery-overlay-callout-height:52px;--pv-gallery-zoom-btn-size:36px;--pv-gallery-thumb-size:56px;--pv-mobile-fixbar-height:80px;--pv-mobile-fixbar-z-index:var(--z-index-mobile-fixbar);--pv-desktop-fixbar-height:108px;--pv-desktop-fixbar-width:960px;}.product-view .page-width{padding:0;}.pv_media-gallery{position:relative;width:100%;height:100%;}.pv_gallery-main{width:100%;overflow:hidden;}.pv_gallery-item{position:relative;height:auto;}.pv_gallery-item .media-wrapper{width:100%;aspect-ratio:var(--pv-gallery-aspect-ratio);overflow:hidden;background-color:var(--c-gray-100);display:flex;align-items:center;justify-content:center;position:relative;}.pv_gallery-item .media-wrapper:has(img.is-lazy), .pv_gallery-item .media-wrapper:has(img.is-loading){background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;}.pv_gallery-item img{width:100%;height:100%;object-fit:contain;object-position:center;}.pv_gallery-item img.is-lazy, .pv_gallery-item img.is-loading{opacity:0;}.pv_gallery-item img:not(.is-lazy):not(.is-loading), .pv_gallery-item img[data-loaded="true"]{opacity:1;transition:opacity var(--tr-timing-base) var(--tr-ease);}.pv_gallery-main .pv_gallery-prev, .pv_gallery-main .pv_gallery-next{display:none;}.pv_gallery-main .pv_gallery-pagination{width:fit-content !important;margin:auto;left:0 !important;right:0 !important;}.pv_gallery-main .swiper-pagination-bullet{width:var(--pv-gallery-pagination-bullet-size);height:var(--pv-gallery-pagination-bullet-size);background-color:#ffffff;opacity:0.6;border-radius:99px;transition:width 200ms ease-in-out;}.pv_gallery-main .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;opacity:1;width:calc(var(--pv-gallery-pagination-bullet-size) * 2.5);box-shadow:0px 1px 4px -2px hsla(0, 0%, 0%, 0.5);}.pv_gallery-zoom-btn{outline:none;border:none;background:none;cursor:pointer;position:absolute;z-index:var(--pv-gallery-overlay-z-index);right:var(--gutter-sm);bottom:var(--gutter-sm);color:#fff;background-color:hsla(0, 0%, 0%, 0.1);width:var(--pv-gallery-zoom-btn-size);height:var(--pv-gallery-zoom-btn-size);border-radius:999px;display:flex;align-items:center;justify-content:center;transition:background-color 200ms ease-in-out;display:none;}.pv_gallery-zoom-btn:hover{background-color:hsla(0, 0%, 0%, 0.2);}.pv_gallery-zoom-btn .icon{pointer-events:none;}.pv_media-overlay{}.pv_collection{position:absolute;top:var(--gutter-sm);right:var(--gutter-sm);display:flex;flex-direction:column;gap:5px;}.pv_collection-item{display:flex;align-items:center;padding:3px 8px;padding-left:12px;gap:4px;background-color:hsla(0, 0%, 100%, 0.8);border-radius:999px;width:fit-content;font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-secondary);border:1px solid var(--c-gray-300);z-index:var(--pv-gallery-overlay-z-index);pointer-events:none;}.pv_collection-item .icon{width:16px;height:16px;}.pv_ribbon{position:absolute;top:0;left:0;width:var(--pv-gallery-overlay-ribbon-size);height:var(--pv-gallery-overlay-ribbon-size);z-index:var(--pv-gallery-overlay-z-index);pointer-events:none;display:flex;align-items:center;justify-content:center;}.pv_ribbon img{width:100%;height:100%;object-fit:contain;object-position:center;}.pv_callout{width:100%;min-height:var(--pv-gallery-overlay-callout-height);padding:0 var(--gutter);overflow:hidden;display:flex;align-items:center;line-height:1.2;font-weight:300;font-size:var(--fs-text-sm);color:var(--c-text-primary);background-color:var(--c-gray-300);}.pv_callout::before{content:'';width:4px;height:calc(var(--pv-gallery-overlay-callout-height) - 22px);position:absolute;border-radius:999px;right:10px;background-color:var(--c-accent-400);}.pv_callout p{margin-top:3px;}.pv_gallery-thumbs{display:none !important;}.pv_section{}.pv_details{padding:0 var(--gutter);margin:var(--gutter) 0;}.pv_details-inner{display:flex;flex-direction:column;gap:var(--gutter);}.pv_details-top{display:flex;align-items:center;justify-content:space-between;}.pv_brand{display:flex;align-items:center;gap:4px;text-decoration:none;}.pv_brand-name{color:var(--c-text-tertiary);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color 200ms ease-in-out;}.pv_brand .pv_brand-logo{width:var(--btn-height);height:var(--btn-height);border-radius:999px;padding:2px;overflow:hidden;border:1px solid var(--c-gray-300);transition:border 200ms ease-in-out;}.pv_brand .pv_brand-logo img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit;}.pv_brand:hover .pv_brand-logo{border:1px solid var(--c-gray-500);}.pv_brand:hover .pv_brand-name{color:var(--c-text-primary);}.pv_details-actions{display:flex;align-items:center;gap:8px;}.pv_btn-wishlist{transition:background-color 200ms ease-in-out;}.pv_btn-wishlist .btn-icon svg path{transition:fill 200ms ease-in-out, stroke 200ms ease-in-out;}.pv_btn-wishlist.is-active{background-color:var(--c-accent-100);}.pv_btn-wishlist.is-active .btn-icon svg path{fill:var(--c-accent-500);stroke:var(--c-accent-500);}.pv_product-title{font-size:var(--fs-text-lg);font-weight:500;line-height:1.4;color:var(--c-text-primary);margin:0;font-family:var(--ff-fn);}.pv_price{font-family:var(--ff-fn);line-height:1;display:flex;align-items:center;justify-content:space-between;gap:12px;}.pv_price-main{display:flex;align-items:baseline;gap:2px;}.pv_price-main .value{font-size:var(--fs-heading-lg);font-weight:900;color:var(--c-text-price);white-space:nowrap;letter-spacing:-0.02em;}.pv_price-main .currency{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);white-space:nowrap;}.pv_price-old{display:flex;align-items:center;gap:5px;padding:8px;padding-right:10px;border-radius:12px 0 0 12px;background-color:var(--c-gray-200);background:linear-gradient(to right, var(--c-gray-200) 0%, transparent 100%);}.pv_price-old-value{display:flex;align-items:baseline;gap:2px;}.pv_price-old-value .value{font-size:var(--fs-text-lg);text-decoration:line-through;color:var(--c-text-tertiary);letter-spacing:-0.02em;}.pv_price-old-value .currency{display:none;}.pv_price-old-percent{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:2px;padding:8px 4px 6px 4px;border-radius:6px;background-color:hsla(0, 84%, 60%, 0.8);}.pv_price-old-percent .value{font-size:var(--fs-text-sm);color:#fff;text-shadow:0 1px 0px hsla(0, 0%, 0%, 0.5);}.pv_price-old-percent .icon{display:none;}.pv_countdown{background-color:var(--c-gray-200);padding:10px;border-radius:10px;position:relative;}.pv_countdown::before{content:'';position:absolute;top:-8px;left:22px;width:20px;height:12px;background-color:inherit;clip-path:polygon(50% 0%, 100% 100%, 0% 100%);pointer-events:none;}.pv_countdown_inner{display:flex;align-items:center;justify-content:center;gap:4px;}.pv_countdown-icon{width:20px;height:20px;}.pv_countdown-time{display:flex;font-family:var(--ff-fn);font-weight:500;font-size:var(--fs-text-md);color:var(--c-text-tertiary);}.pv_countdown-time .time{width:34px;text-align:center;color:var(--c-text-primary);}.pv_details-sizeguide{display:flex;justify-content:flex-end;margin-bottom:calc(var(--gutter) * -1);}.pv_sizeguide-btn{width:fit-content !important;padding:0px 12px !important;padding-right:8px !important;}.pv_sizeguide-btn .icon{width:20px;height:20px;color:var(--c-green-400);}.pv_details-atc{margin-top:var(--gutter-sm);}.pv_seller-and-badges{padding:0 var(--gutter);margin-top:calc(var(--gutter) * 3);margin-bottom:0;}.pv_seller-and-badges-inner{background-color:var(--c-gray-200);border-radius:32px;padding:var(--gutter);}.pv_vendor-link{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#fff;text-decoration:none;border-radius:20px;}.pv_vendor-link > .lead{display:flex;align-items:center;gap:8px;}.pv_vendor-link .lead .media-wrapper{width:48px;height:48px;background-color:var(--c-gray-100);padding:8px;border-radius:8px;overflow:hidden;}.pv_vendor-link .lead .media-wrapper img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit;}.pv_vendor-link .lead .icon{width:48px;height:48px;background-color:var(--c-gray-100);padding:8px;border-radius:8px;}.pv_vendor-title .sub{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-quaternary);text-transform:uppercase;}.pv_vendor-title .title{font-size:var(--fs-text-md);font-weight:500;color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}.pv_vendor-cta{display:flex;align-items:center;font-size:var(--fs-text-xs);color:var(--c-text-quaternary);background-color:var(--c-gray-100);padding:3px 8px 3px 4px;border-radius:999px;transition:background-color 200ms ease-in-out;}.pv_vendor-cta .icon{width:16px;height:16px;color:var(--c-gray-300);transition:color 200ms ease-in-out;}.pv_vendor-cta:hover{background-color:var(--c-gray-200);}.pv_vendor-cta:hover .icon{color:var(--c-vendor-accent);}.pv_badges{display:flex;flex-direction:column;gap:12px;padding:16px 4px;}.pv_badge{display:flex;align-items:center;gap:8px;font-size:var(--fs-text-sm);color:var(--c-text-tertiary);}.pv_badge-icon{width:24px;height:24px;}.pv_english-title{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-quaternary);direction:ltr;padding:0;}.pv_section-separator{position:relative;height:var(--gutter-xl);padding:calc(var(--separator-radius) * 1.2) 0;background-color:var(--c-gray-150);box-sizing:content-box;}.pv_section-separator::before, .pv_section-separator::after{content:'';position:absolute;width:100%;height:calc(var(--separator-radius) * 1.2);background-color:#fff;}.pv_section-separator::before{top:0;border-radius:0 0 var(--separator-radius) var(--separator-radius);}.pv_section-separator::after{bottom:0;border-radius:var(--separator-radius) var(--separator-radius) 0 0;}.pv_tabs{padding:0 var(--gutter);}.pv_tabs .tab-content{margin:calc(var(--tab-gap) * 2) 0;}.pv_prd-desc{padding:0 8px;}.pv_prd-desc h1, .pv_prd-desc h2, .pv_prd-desc h3, .pv_prd-desc h4, .pv_prd-desc h5, .pv_prd-desc h6{font-size:var(--fs-text-lg) !important;font-weight:700 !important;line-height:1.5 !important;color:var(--c-text-primary) !important;margin-bottom:12px !important;}.pv_prd-desc p, .pv_prd-desc ul, .pv_prd-desc ol, .pv_prd-desc a, .pv_prd-desc li{font-size:var(--fs-text) !important;line-height:1.5 !important;color:var(--c-text-primary) !important;}.prd-spec-stream{display:flex;flex-direction:column;border:1px solid var(--c-gray-300);border-radius:var(--gutter);overflow:hidden;}.prd-spec-item{display:flex;flex-direction:column;gap:4px;padding:16px 10px;border-bottom:1px solid var(--c-gray-300);}.prd-spec-item:last-child{border-bottom:0;}.prd-spec-title{font-size:var(--fs-text-xs);color:var(--c-text-quaternary);}.prd-spec-value{font-size:var(--fs-text);color:var(--c-text-primary);}.inventory-table-addtocart-btn{width:98px;}.pv_size-guide{margin:calc(var(--gutter) * 2) 0;padding:var(--gutter-sm);border-radius:var(--gutter) var(--gutter) 0 0;background-color:var(--c-gray-150);background:linear-gradient(to bottom, var(--c-gray-150) 0%, #fff 100%);}.pv_size-guide-header{padding-bottom:var(--gutter);display:flex;align-items:center;gap:4px;color:var(--c-text-tertiary);}.pv_size-guide-icon{color:var(--c-green-400);}.pv_size-guide-details{display:flex;align-items:flex-end;gap:12px;margin-bottom:var(--gutter);}.pv_size-guide-note{font-size:var(--fs-text-sm);}.pv_size-guide-image{flex-shrink:0;width:40%;max-width:116px;height:auto;}.pv_size-guide-image img{border-radius:8px;width:100%;height:100%;object-fit:contain;object-position:center;}.pv_comment-stream .swiper-slide{width:auto;height:auto;}.pv_breadcrumb{padding:var(--gutter);padding-bottom:0;margin-top:calc(var(--gutter) * 2);}.pv_breadcrumb-inner{padding:var(--gutter);border-radius:28px;border:1px solid var(--c-gray-300);}.pv_content:has(.pv_tags) .pv_breadcrumb-inner{border-radius:28px 28px 0 0;border-bottom:0;}.breadcrumb-header > .title, .prd-tag-header > .title{font-weight:500;color:var(--c-text-tertiary);margin-bottom:var(--gutter-sm);}.breadcrumb-stream{display:flex;align-items:center;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}.breadcrumb-stream::-webkit-scrollbar{display:none;}.breadcrumb-item, .breadcrumb-divider{flex-shrink:0;}.breadcrumb-wrapper{min-width:116px;display:flex;align-items:center;gap:10px;margin-bottom:6px;padding:8px 8px 8px 12px;border-radius:16px;font-size:var(--fs-text-sm);line-height:1;text-decoration:none;color:var(--c-text-tertiary);border:1px solid var(--c-gray-300);box-shadow:0 2px 6px -2px var(--c-gray-200);transition:box-shadow 200ms ease-in-out, border 200ms ease-in-out, background-color 200ms ease-in-out;}.breadcrumb-item:hover .breadcrumb-wrapper{box-shadow:0 2px 6px -6px var(--c-gray-200);background-color:var(--c-gray-50);}.breadcrumb-text{margin-top:2px;}.breadcrumb-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:2px;border-radius:999px;background-color:#fff;border:1px solid var(--c-gray-300);overflow:hidden;}.breadcrumb-icon .media-wrapper{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit;}.breadcrumb-divider{color:var(--c-accent-400);padding:0 2px;}.pv_tags{padding:var(--gutter);padding-top:0;}.pv_tags-inner{padding:var(--gutter);padding-top:0;border-radius:0 0 28px 28px;border:1px solid var(--c-gray-300);border-top:0;}.prd-tag-stream{display:flex;flex-wrap:wrap;gap:10px;}.prd-tag-item{display:block;font-size:var(--fs-text-sm);color:var(--c-text-tertiary);text-decoration:none;padding:10px 16px;border-radius:999px;background-color:var(--c-gray-100);min-width:84px;text-align:center;transition:background-color 200ms ease-in-out, color 200ms ease-in-out;}.prd-tag-item:hover{background-color:var(--c-gray-200);color:var(--c-text-primary);}.pv_related{margin:calc(var(--gutter) * 3) 0;}.pv_comments{padding:var(--gutter-xl) 0;border-top:1px solid var(--c-gray-300);border-bottom:1px solid var(--c-gray-300);}.pv_comments-inner{display:flex;flex-direction:column;}.pv_atc-extra{font-family:var(--ff-fn);display:none;}.pv_atc-thumb, .pv_atc-title, .pv_atc-price-old{display:none;}.pv_details-atc.is-fixed{position:fixed;bottom:calc(var(--bottom-bar-item-height) + 1px);left:0;right:0;height:var(--pv-mobile-fixbar-height);z-index:var(--pv-mobile-fixbar-z-index);border-top:1px solid var(--c-gray-400);background-color:hsl(0, 0%, 100%);margin:0;padding:0;border-radius:24px 24px  0 0;box-shadow:0 -8px 24px -8px hsla(0, 0%, 0%, 0.2);overflow:hidden;background-color:#fff;}.pv_details-atc.is-fixed .pv_detalis-act-inner{display:flex;gap:12px;height:var(--pv-mobile-fixbar-height);overflow:hidden;padding:12px var(--gutter-xs) 4px var(--gutter-xs);}.pv_details-atc.is-fixed .atc-btn{gap:0;}.pv_details-atc.is-fixed .atc-btn_control{--atc-btn-height:48px;}.pv_details-atc.is-fixed .atc-btn_message{font-size:var(--fs-text-2xs);margin-top:5px;height:11px;}.pv_details-atc.is-fixed .atc-btn_plus, .pv_details-atc.is-fixed .atc-btn_minus{width:calc(var(--atc-btn-height) * 1.5);}.pv_details-atc.is-fixed .atc-btn_add{font-size:var(--fs-text);}.pv_comments-empty-state-wrapper{margin:0 var(--gutter);}@media (min-width: 420px){.pv_price-old-percent .icon{display:flex;}.pv_price-main .value{font-size:var(--fs-heading-xl);}}@media (min-width: 480px){.pv_price-old{gap:8px;}.pv_price-old-value .value{font-size:var(--fs-heading-xl);}.pv_price-old-percent{gap:6px;}.pv_price-old-percent .value{font-size:var(--fs-text);}}@media (min-width: 680px){.pv_details-variants{display:flex;gap:var(--gutter);}.pv_details-variants .pv_variant{margin:0;}}@media (min-width: 768px){.pv_gallery-main .swiper-slide.pv_gallery-item{max-width:var(--pv-gallery-max-width);height:var(--pv-gallery-max-width);flex-shrink:0;aspect-ratio:initial;width:fit-content;}.pv_gallery-item .media-wrapper{height:var(--pv-gallery-max-width);max-width:var(--pv-gallery-max-width);width:fit-content;aspect-ratio:initial;}.pv_gallery-item .media-wrapper img{width:auto;}}@media (min-width: 980px){:root{--pv-gallery-max-width:480px;--pv-gallery-width:480px;}.pv_content{display:flex;flex-wrap:wrap;padding:var(--gutter);}.pv_section{width:100%;padding:0;margin:0;}.pv_breadcrumb{order:1;}.pv_media{order:2;width:var(--pv-gallery-width);}.pv_details{order:3;width:calc(100% - var(--pv-gallery-width));padding-right:var(--gutter);margin-top:var(--gutter);}.pv_seller-and-badges{order:4;margin:calc(var(--gutter) * 2) 0;}.pv_section-separator{order:5;}.pv_tabs{order:6;}.pv_comments{border:none;order:7;}.pv_tags{order:8;margin-top:calc(var(--gutter) * 2);}.pv_related{margin:128px 0;order:9;}.pv_gallery-main{width:var(--pv-gallery-width);}.pv_gallery-thumbs{display:block !important;margin-top:var(--gutter);}.pv_media-gallery{height:fit-content;border-radius:var(--gutter);overflow:hidden;background-color:var(--c-gray-200);}.pv_gallery-item .media-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:initial;max-width:100%;max-height:100%;object-fit:contain;object-position:center;}.pv_media-gallery:has(.pv_callout) .pv_gallery-main{padding-top:var(--pv-gallery-overlay-callout-height);}.pv_media-gallery::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid hsla(0, 0%, 0%, 0.05);z-index:1;border-radius:inherit;pointer-events:none;}.pv_media-gallery:has(.pv_callout) .pv_collection{top:calc(var(--gutter-sm) + var(--pv-gallery-overlay-callout-height));}.pv_media-gallery:has(.pv_callout) .pv_ribbon{top:var(--pv-gallery-overlay-callout-height);}.pv_callout{position:absolute;top:0;}.pv_gallery-thumb.swiper-slide{width:var(--pv-gallery-thumb-size);height:var(--pv-gallery-thumb-size);flex:0 0 var(--pv-gallery-thumb-size);max-width:var(--pv-gallery-thumb-size);margin-left:10px;border-radius:10px;position:relative;overflow:hidden;cursor:pointer;opacity:0.65;transition:opacity var(--tr-timing-fast) var(--tr-ease), box-shadow var(--tr-timing-fast) var(--tr-ease);}.pv_gallery-thumb.swiper-slide::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:2px solid transparent;transition:border-color 200ms ease-in-out;}.pv_gallery-thumb .media-wrapper{width:100%;height:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background-color:var(--c-gray-200);border-radius:inherit;border:1px solid var(--c-gray-300);}.pv_gallery-thumb img{max-width:100%;max-height:100%;object-fit:cover;object-position:center;}.pv_gallery-thumb.swiper-slide.swiper-slide-thumb-active{opacity:1;}.pv_gallery-thumb.swiper-slide.swiper-slide-thumb-active::after{border-color:var(--c-gray-850);}.pv_size-guide-details{justify-content:space-between;}.pv_breadcrumb{margin-bottom:var(--gutter);background-color:var(--c-gray-100);padding:8px 12px;border-radius:16px;}.pv_content .pv_breadcrumb .pv_breadcrumb-inner{border:none;border-radius:0;padding:0;margin:0;}.breadcrumb-header{display:none;}.breadcrumb-stream{flex-direction:row-reverse;justify-content:flex-end;}.breadcrumb-wrapper{min-width:auto;gap:6px;margin:0;padding:0;border-radius:0;border:none;box-shadow:none;color:var(--c-text-quaternary);background-color:transparent;transition:color 200ms ease-in-out;}.breadcrumb-icon{width:28px;height:28px;padding:0;border:1px solid var(--c-gray-300);transition:border-color 200ms ease-in-out;}.breadcrumb-divider{color:var(--c-gray-500);padding:0 5px;}.breadcrumb-divider .icon{transform:rotate(180deg);}.breadcrumb-divider .icon svg{width:18px;height:18px;}.breadcrumb-text{margin-top:1px;}.breadcrumb-item:hover .breadcrumb-wrapper{background-color:transparent;box-shadow:none;color:var(--c-text-primary);}.breadcrumb-item:hover .breadcrumb-icon{/* border-color: var(--c-gray-500); */}.pv_tags-inner{border-radius:var(--gutter);border:1px solid var(--c-gray-300);padding:12px;}.pv_gallery-zoom-btn{display:flex;}/* qqq */.pv_details-atc.is-fixed{height:var(--pv-desktop-fixbar-height);width:var(--pv-desktop-fixbar-width);max-width:var(--pv-desktop-fixbar-width);margin:auto;background-color:#fff;border:1px solid var(--c-gray-400);border-radius:24px;bottom:var(--gutter);box-shadow:0 4px 16px -8px hsla(0, 0%, 0%, 0.6);backdrop-filter:none;-webkit-backdrop-filter:none;}.pv_details-atc.is-fixed .pv_detalis-act-inner{display:flex;align-items:center;height:var(--pv-desktop-fixbar-height);padding:12px;}.pv_details-atc.is-fixed .pv_atc-extra{display:flex;align-items:center;flex:1;gap:16px;}.pv_details-atc.is-fixed .pv_atc-thumb, .pv_details-atc.is-fixed .pv_atc-title, .pv_details-atc.is-fixed .pv_atc-price-old{display:flex;}.pv_details-atc.is-fixed .atc-btn{width:340px;margin-top:16px;margin-left:12px;}.pv_details-atc.is-fixed  .pv_atc-details{display:flex;flex-direction:column;gap:8px;}.pv_details-atc.is-fixed .pv_atc-thumb{width:78px;height:78px;border-radius:12px;overflow:hidden;border:1px solid var(--c-gray-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--c-gray-50);}.pv_details-atc.is-fixed .pv_atc-thumb img{max-width:100%;max-height:100%;object-fit:contain;object-position:center;}.pv_details-atc.is-fixed .pv_atc-price{display:flex;gap:24px;font-size:var(--fs-text-xl);}.pv_details-atc.is-fixed .pv_atc-price-main{display:flex;align-items:baseline;}.pv_details-atc.is-fixed .pv_atc-price-main .value{font-weight:900;color:var(--c-text-price);white-space:nowrap;letter-spacing:-0.02em;}.pv_details-atc.is-fixed .pv_atc-price-main .currency{color:var(--c-text-quaternary);margin-right:2px;}.pv_details-atc.is-fixed .pv_atc-price-old .value{text-decoration:line-through;color:var(--c-text-tertiary);letter-spacing:-0.02em;}.pv_comments-empty-state-wrapper{margin:0;}.prd-spec-stream{flex-direction:row;flex-wrap:wrap;gap:var(--gutter-sm);border:none;border-radius:0;}.prd-spec-item{flex-shrink:0;width:calc((100% - calc(var(--gutter-sm) * 3)) / 4);border:1px solid var(--c-gray-300);border-radius:12px;}.prd-spec-value{/* white-space: nowrap; */overflow:hidden;text-overflow:ellipsis;}.prd-spec-item:last-child{border:1px solid var(--c-gray-300);}.product-view{container-type:inline-size;}.pv_tabs .tab-header{position:relative;overflow:visible;background:transparent;border:none;box-shadow:none;padding:0;gap:8px;}.pv_tabs .tab-header::after{content:'';position:absolute;bottom:0;left:50%;width:100cqi;height:1px;background-color:var(--c-gray-300);transform:translateX(-50%);pointer-events:none;}.pv_tabs .tab-header .tab-header-item{width:fit-content;flex:initial;padding:0px 32px;height:58px;border-radius:0;min-width:236px;background-color:transparent;box-shadow:none;border-radius:20px 20px 0 0;color:var(--c-text-tertiary);transition:color 200ms ease-in-out, background-color 200ms ease-in-out, font-weight 200ms ease-in-out;}.pv_tabs .tab-header .tab-header-item:hover{background-color:var(--c-gray-100);color:#000;}.pv_tabs .tab-header .tab-header-item.is-active{border:1px solid var(--c-gray-300);position:relative;font-weight:800;color:#000;background:linear-gradient(to bottom, var(--c-gray-50), #fff);}.pv_tabs .tab-header .tab-header-item.is-active:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:rgb(255, 255, 255);z-index:2;}.pv_details-atc.is-fixed .atc-btn_control{}.pv_size-guide-header{padding-bottom:0;}}@media (min-width: 1180px){:root{--pv-gallery-max-width:500px;--pv-gallery-width:500px;--pv-badges-width:320px;--pv-details-max-width:400px;--pv-details-btn-width:340px;--pv-comments-width:980px;}.pv_breadcrumb{padding:10px 12px;margin:var(--gutter) 0;}.pv_media{}.pv_details{width:calc(100% - var(--pv-badges-width) - var(--pv-gallery-width));margin:8px 0;padding:0 var(--gutter-xl);}.pv_seller-and-badges{width:var(--pv-badges-width);margin:0;}.pv_section-separator{}.pv_tabs{margin-top:78px;}.pv_comments{width:var(--pv-comments-width);margin-top:128px;}.pv_tags{width:calc(100% - var(--pv-comments-width));padding-right:var(--gutter-xl);margin:0;margin-top:128px;}.pv_related{}.pv_details-inner{gap:0;}.pv_price{justify-content:flex-start;gap:48px;}.pv_details-variants{flex-direction:column;max-width:var(--pv-details-btn-width);width:100%;}.pv_details-atc{max-width:var(--pv-details-btn-width);width:100%;margin-top:var(--gutter);}.pv_price-old{padding:0;background:transparent;}.pv_details-sizeguide{justify-content:flex-start;}.pv_details-actions{/* display: none; */}.pv_btn-share{/* display: none !important; */}.pv_details-top{margin-bottom:var(--gutter);}.pv_details-title{}.pv_details-price{margin:var(--gutter-xl) 0;}.pv_price-main .value{font-size:var(--fs-heading-2xl);}.pv_prd-desc{padding:0 8px;max-width:var(--pv-comments-width) ;}.pv_countdown{width:220px;max-width:var(--pv-details-btn-width);width:100%;border-radius:12px;margin:0;margin-top:calc(var(--gutter) * -1);margin-bottom:var(--gutter-xl);}.pv_countdown::before{left:auto;right:22px;}.pv_details-sizeguide{margin:0;display:none;}.pv_comments-inner{background-color:var(--c-gray-100);border-radius:var(--gutter);}.pv_tags-inner{/* background-color: var(--c-gray-100);
        border: none; */padding:var(--gutter);}.prd-tag-item{/* background-color: #fff;
        border: 1px solid var(--c-gray-300); */padding:6px 12px;}.pv_size-guide{background:#fff;width:var(--pv-comments-width);padding:0;}.pv_size-guide td, .pv_size-guide th{font-size:var(--fs-text) !important;}.prd-inventory-table{width:var(--pv-comments-width) !important;}.prd-inventory-table td, .prd-inventory-table th{font-size:var(--fs-text) !important;}.pv_seller-and-badges-inner{padding:var(--gutter-sm);}.pv_comments-empty-state-wrapper{margin:0 var(--gutter);}.pv_comments-empty-state-wrapper .default-empty-state-content{padding:0;background:transparent;min-height:0;}.pv_comments-empty-state-wrapper .default-empty-state{margin:0;}}:root{--comment-avatar-size:48px;--comment-reply-icon-size:32px;--comment-card-width:min(300px, calc(100vw - 64px));--comment-card-padding:12px;--comment-card-gap:20px;--comment-card-border-radius:24px;--comment-font-size:15px;--comment-line-height:1.4;--comment-max-lines:10;--comment-swiper-controls-size:32px;--new-comment-border-radius:24px;--new-comment-padding:12px;}@media (min-width: 420px){:root{--comment-card-width:320px;}}@media (min-width: 768px){:root{--comment-card-width:420px;}}@media (min-width: 980px){:root{--comment-card-width:520px;}}.pv_comment-stream-header .title{font-weight:600;padding:0 var(--gutter);font-size:var(--fs-text-md);color:var(--c-text-secondary);}.pv_comment-stream{position:relative;}.pv_comment-stream .pv_comment-prev, .pv_comment-stream .pv_comment-next{display:none;}.comment-card{width:var(--comment-card-width) !important;height:fit-content !important;margin:var(--comment-card-gap);margin-right:0;padding:var(--comment-card-padding);border-radius:var(--comment-card-border-radius);border:1px solid var(--c-gray-300);background-color:var(--c-white);box-shadow:0px 4px 8px rgba(3, 7, 18, 0.03);}.pv_comment-stream .swiper-wrapper .comment-card:first-child{margin-right:var(--comment-card-gap);}.pv_comment-stream .swiper-wrapper .comment-card:last-child{margin-left:calc(var(--comment-card-gap) * 2);}.comment-card-user{display:flex;align-items:center;gap:8px;}.comment-card-user .user-avatar{width:var(--comment-avatar-size);height:var(--comment-avatar-size);border-radius:999px;overflow:hidden;padding:3px;border:1px solid var(--c-gray-300);box-shadow:0px 3px 5px -2px hsl(0, 0%, 0%, 0.1);}.comment-card-user .user-avatar .user-profile_avatar{width:100%;height:100%;}.comment-card-user .user-avatar img{width:100%;height:100%;object-fit:contain;border-radius:999px;}.comment-card-user .user-name{font-size:var(--fs-text-sm);font-family:var(--ff-fn);}.comment-card-user .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--c-text-secondary);}.comment-card-user .date{font-weight:300;font-size:var(--fs-text-xs);color:var(--c-text-quaternary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.comment-card-content{padding:4px;padding-top:var(--gutter-sm);}.comment-card-content-main > *{font-size:var(--comment-font-size);line-height:var(--comment-line-height);color:var(--c-text-primary);font-weight:300;}.comment-card-text{font-size:var(--comment-font-size);line-height:var(--comment-line-height);color:var(--c-text-primary);font-weight:300;}.comment-card-text p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;}.comment-card-content-main.is-clamped .comment-card-text, .comment-card-content-main.is-clamped .comment-card-text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--comment-max-lines);line-clamp:var(--comment-max-lines);overflow:hidden;}.comment-card-more{display:flex;align-items:flex-end;justify-content:center;position:relative;width:100%;margin-top:-32px;padding:0;height:48px;border:0;background:linear-gradient(0deg, #fff 30%, hsla(0, 0%, 100%, 0.2));display:none;}.comment-card-more:after{content:'\0645\0634\0627\0647\062f\0647  \0628\06cc\0634\062a\0631';/* مشاهده بیشتر */height:fit-content;padding:2px 10px 3px 10px;font:inherit;font-size:var(--fs-text-xs);cursor:pointer;color:var(--c-text-secondary);background-color:#fff;box-shadow:inset 0px 0px 0px 1px var(--c-gray-300);border-radius:999px;font-weight:300;transition:background-color 200ms ease-in-out;}.comment-card-more:hover:after{background-color:var(--c-gray-100);}.comment-card-content-main.is-clamped .comment-card-more{display:flex;}.comment-card-content-reply{margin-top:var(--gutter);position:relative;background-color:var(--c-gray-150);border-radius:calc(var(--comment-card-border-radius) / 2) 0 calc(var(--comment-card-border-radius) / 2) calc(var(--comment-card-border-radius) / 2);padding:8px;display:flex;align-items:flex-start;gap:8px;}.comment-card-content-reply:before{content:'';position:absolute;top:1px;right:0;width:15px;height:15px;background-color:var(--c-gray-150);clip-path:polygon(100% 0, 100% 100%, 0 100%);transform:translateY(-100%);pointer-events:none;}.comment-card-content-reply .reply-icon{width:var(--comment-reply-icon-size);height:var(--comment-reply-icon-size);background-color:#fff;border-radius:999px;padding:5px;border:1px solid var(--c-gray-300);flex-shrink:0;}.comment-card-content-reply .reply-icon svg{width:100%;height:100%;}.reply-content{margin-top:5px;font-size:var(--comment-font-size);line-height:var(--comment-line-height);color:var(--c-text-primary);font-weight:300;}.pv_comments-new{margin:var(--gutter);}.pv_comments-new-inner{background-color:var(--c-gray-150);border-radius:var(--new-comment-border-radius);padding:var(--new-comment-padding);display:flex;justify-content:space-between;align-items:center;gap:16px;}.pv_comments-new .desc{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);}.new-comment-btn{border:none;outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-shrink:0;gap:12px;background-color:#fff;border:1px solid var(--c-gray-300);padding:10px 16px;border-radius:calc(var(--new-comment-border-radius) - var(--new-comment-padding));box-shadow:0px 3px 8px -4px var(--c-gray-300);transition:all 200ms ease-in-out;}.new-comment-btn:hover{box-shadow:0px 0px 0px -4px var(--c-gray-300);border:1px solid var(--c-gray-400);}.new-comment-btn .text{font:var(--fs-text);font-weight:500;color:var(--c-accent-400);}.new-comment-btn .icon{color:var(--c-gray-600);}@media screen and (min-width: 980px){.swiper-slide.comment-card{margin:0 !important;margin-left:var(--comment-card-gap) !important;}.pv_comment-stream .swiper-wrapper .comment-card:last-child{}.pv_comment-stream-header{margin-bottom:var(--gutter);}.pv_comments-new{margin:var(--gutter) 0;}.pv_comments-new-inner{border-radius:var(--gutter);}.pv_comment-stream-header .title{height:var(--comment-swiper-controls-size);display:flex;align-items:center;}.pv_comment-stream .pv_comment-prev, .pv_comment-stream .pv_comment-next{margin:0 !important;padding:0 !important;top:0 !important;width:calc(var(--comment-swiper-controls-size) * 1.5);height:var(--comment-swiper-controls-size);overflow:hidden;display:flex;justify-content:center;align-items:center;border:none !important;padding:8px !important;border-radius:999px !important;color:var(--c-gray-800) !important;background-color:var(--c-gray-150) !important;transition:background-color 200ms ease-in-out;}.pv_comment-stream .pv_comment-prev.swiper-button-disabled, .pv_comment-stream .pv_comment-next.swiper-button-disabled{opacity:1 !important;color:var(--c-gray-500) !important;}.pv_comment-stream .pv_comment-prev{left:62px !important;right:auto !important;}.pv_comment-stream .pv_comment-prev:hover, .pv_comment-stream .pv_comment-next:hover{background-color:var(--c-gray-300) !important;}.new-comment-btn{width:164px;padding:12px 16px;border:1px solid var(--c-gray-400);}.pv_comments-new .desc{margin-right:8px;}}@media screen and (min-width: 1180px){:root{--comment-card-width:440px;}.swiper-slide.comment-card{background-color:#fff;}.pv_comment-stream-header{padding:var(--gutter);margin:0;}.pv_comment-stream .pv_comment-prev, .pv_comment-stream .pv_comment-next{top:var(--gutter) !important;left:var(--gutter) !important;background-color:#fff !important;}.pv_comment-stream .pv_comment-prev{left:calc(var(--gutter) + 62px) !important;right:auto !important;}.pv_comment-stream .pv_comment-prev.swiper-button-disabled, .pv_comment-stream .pv_comment-next.swiper-button-disabled{opacity:1 !important;color:var(--c-gray-200) !important;}.pv_comment-stream .swiper-wrapper .comment-card:first-child{margin-right:var(--gutter) !important;}.pv_comments-new{margin:0;padding:var(--gutter);}.pv_comments-new-inner{background-color:var(--c-gray-300);}}.share-product-modal .modal-body{display:flex;flex-direction:column;gap:24px;}.share-product-modal .prd-card_title p{text-align:inherit;padding:0;display:contents;line-height:inherit;font-size:inherit;}.share-product-modal_card{width:100%;}.share-product-modal_card .prd-card_wrapper{width:100%;border-color:var(--c-gray-300);}.share-product-modal_card .prd-card_pricing{margin-top:auto;}/**
 * Store pages — CMS page.
 */.page-cms{}.cms-page{}.cms-page .page-width{padding:0;}.cms-page_header{--cms-theme-color:var(--c-gray-150);background-color:var(--cms-theme-color);padding-top:var(--gutter);padding-bottom:calc(var(--gutter) + var(--separator-radius));margin-bottom:calc(var(--separator-radius) * -1);}.cms-page_cover{margin-top:calc(var(--gutter) * -1);margin-bottom:calc((var(--gutter) + var(--separator-radius)) * -1);}.cms-page_cover img{max-width:100%;height:auto;}.cms-page_body{padding:var(--gutter) 0;background-color:#fff;border-radius:var(--separator-radius) var(--separator-radius) 0 0;z-index:2;position:relative;}.cms-page_html{padding:0 var(--gutter);}.cms-page_title{font-size:var(--fs-heading-lg);font-weight:600;color:var(--c-text-primary);margin-bottom:1em;}.cms-page_html img{max-width:100%;height:auto;}.cms-page_html p, .cms-page_html ul, .cms-page_html ol{margin-bottom:1em;}.cms-page_html ul, .cms-page_html ol{padding-inline-start:1.5em;}@media (min-width: 980px){.cms-page_header{margin:0;padding:var(--gutter) 0;}.cms-page > .page-width{max-width:100%;}.cms-page > .page-width > .cms-page_header, .cms-page > .page-width > .cms-page_body{width:100%;margin:0 auto;max-width:var(--max-width);}.cms-page_body{border-radius:0;}}/**
 * Store pages — gallery.
 */:root{--gallery-header-logo-size:86px;--gallery-header-polaroid-size:80px;--gallery-contest-item-width:260px;--gallery-post-pagination-bullet-size:8px;--gallery-post-offset:26px;}.page-gallery{}.page-gallery-home{}.gallery-home{}.page-gallery-home .main-header.is-transparent .header_mobile.site-header{}.gallery-home .gallery-header{/* padding-top: calc(var(--page-content-padding) + var(--current-mobile-header-height)); */margin-top:calc(var(--current-mobile-header-height) * -1);background-color:var(--c-gallery-bg-color);position:relative;z-index:1;overflow:hidden;}.gallery-header-polaroids{position:absolute;inset:0;z-index:2;overflow:visible;pointer-events:none;}.gallery-header_home{position:relative;z-index:1;pointer-events:none;padding-top:calc( var(--page-content-padding) + var(--current-mobile-header-height) + var(--gutter-xl));padding-bottom:var(--gutter);}.gallery-header_home a, .gallery-header_home button, .gallery-header_home input, .gallery-header_home [data-modal]{pointer-events:auto;}.gallery-polaroid{--polaroid-rotate:0deg;position:absolute;width:var(--gallery-header-polaroid-size);z-index:1;pointer-events:auto;user-select:none;-webkit-user-drag:none;touch-action:none;cursor:grab;transform:rotate(var(--polaroid-rotate));transition:transform var(--tr-timing-slow) var(--tr-ease-bounce), filter var(--tr-timing-base) var(--tr-ease);}.gallery-polaroid.is-dragging{cursor:grabbing;transform:rotate(var(--polaroid-rotate)) scale(1.08);filter:drop-shadow(0 16px 22px hsla(0, 0%, 0%, 0.28));}.gallery-polaroid-1{--polaroid-rotate:10deg;top:-4px;left:-20px;}.gallery-polaroid-2{--polaroid-rotate:18deg;top:80px;right:-40px;}.gallery-polaroid-3{--polaroid-rotate:-12deg;top:160px;left:-40px;}.gallery-polaroid-4{--polaroid-rotate:-30deg;top:200px;right:-74px;}.gallery-polaroid-5{--polaroid-rotate:65deg;top:-40px;left:calc(45% - var(--gallery-header-polaroid-size) / 2);}.gallery-polaroid-6{--polaroid-rotate:-100deg;top:-56px;right:5%;}.gallery-header-branding{display:flex;flex-direction:column;align-items:center;text-align:center;}.gallery-logo{width:var(--gallery-header-logo-size);height:fit-content;box-shadow:-6px 6px 0px 0px hsla(0, 0%, 0%, 0.1);transform:rotate(-10deg);margin-left:15px;}.gallery-title{margin-top:12px;font-weight:900;font-size:var(--fs-heading-xl);color:var(--c-gallery-theme);letter-spacing:-0.02em;}.gallery-header-cta{padding:68px 0;display:flex;justify-content:center;}.gallery-send-btn{max-width:240px;}.gallery-content{background-color:#fff;border-radius:var(--separator-radius) var(--separator-radius) 0 0;margin-top:calc(var(--separator-radius) * -1);position:relative;z-index:1;padding:var(--gutter) 0;}.gallery-content > .page-width{padding:0;display:flex;flex-direction:column;gap:var(--gutter-lg);}.gallery-hint{padding:0 var(--gutter);}.gallery-hint .hint-banner .hint-banner-content{font-weight:300;}.gallery-contest{padding:var(--gutter) 0;border-top:1px solid var(--c-gray-200);border-bottom:1px solid var(--c-gray-200);}.gallery-contest_item{margin-right:var(--gutter);width:var(--gallery-contest-item-width) !important;border-radius:16px !important;overflow:hidden !important;}.gallery-contest_item:last-child{margin-left:var(--gutter);}.gallery-stream-container{padding:0 var(--gutter);}.gallery-stream.masonry-grid{--masonry-columns:2;--masonry-gap:var(--gutter);}.gallery-item-card.masonry-item{font-family:var(--ff-fn);margin-bottom:var(--gutter-xs);}.gallery-item-wrapper{display:flex;flex-direction:column;gap:8px;}.gallery-item-thumbnail{display:block;overflow:hidden;border-radius:14px;background-color:var(--c-gray-100);}.gallery-item-thumbnail .media-wrapper, .gallery-item-thumbnail img{display:block;width:100%;height:auto;}.gallery-item-details{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px;color:var(--c-text-secondary);min-width:0;}.gallery-item-author{flex:1 1 0;min-width:0;overflow:hidden;}.gallery-item-author-name{min-width:0;max-width:100%;font-size:var(--fs-text-sm);font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;}.gallery-item-author.is-admin .gallery-item-author-name{padding-right:22px;}.gallery-item-author.is-admin .gallery-item-author-name::before{content:'';position:absolute;top:0;right:0;width:20px;height:20px;background-image:url('/assets/icons/svg/esp/verified-badge.svg');background-size:contain;background-repeat:no-repeat;background-position:center;}.gallery-item-likes{display:flex;flex-direction:row-reverse;align-items:center;flex-shrink:0;gap:2px;flex-shrink:0;}.gallery-item-like{box-sizing:border-box;appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.gallery-item-like .svg-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center;}.gallery-item-likes-count{font-size:var(--fs-text-xs);font-weight:400;line-height:1;margin-top:3px;flex-shrink:0;}.gallery-item-like .svg-icon svg{width:100%;height:100%;overflow:visible;color:var(--c-text-tertiary);}.gallery-item-like .svg-icon svg, .gallery-item-like .svg-icon path{fill:transparent;stroke:currentColor;transition:color var(--tr-timing-base) var(--tr-ease), fill var(--tr-timing-base) var(--tr-ease), stroke var(--tr-timing-base) var(--tr-ease);}.gallery-item-like.is-liked .svg-icon svg, .gallery-item-like.is-liked .svg-icon path{color:var(--c-accent-400);fill:var(--c-accent-400);stroke:var(--c-accent-400);}.gallery-item-like.is-liking .svg-icon{animation:gallery-like-pop 420ms var(--tr-ease-bounce);}.gallery-item-like.is-unliking .svg-icon{animation:gallery-unlike-pop 280ms var(--tr-ease);}.gallery-item-like.is-liking::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1.5px solid var(--c-accent-400);pointer-events:none;animation:gallery-like-ring 420ms var(--tr-ease-exit) forwards;}@keyframes gallery-like-pop{0%{transform:scale(1);}35%{transform:scale(1.35);}60%{transform:scale(0.88);}100%{transform:scale(1);}}@keyframes gallery-unlike-pop{0%{transform:scale(1);}40%{transform:scale(0.72);}100%{transform:scale(1);}}@keyframes gallery-like-ring{from{transform:scale(0.45);opacity:0.7;}to{transform:scale(1.7);opacity:0;}}@media (prefers-reduced-motion: reduce){.gallery-item-like.is-liking .svg-icon, .gallery-item-like.is-unliking .svg-icon, .gallery-item-like.is-liking::after{animation:none;}}/* gallery post */.gallery-post-main{padding-bottom:var(--gallery-post-offset);position:relative;background-color:var(--c-gray-100);}.gallery-post-main-swiper{position:relative;}.gallery-post > .page-width{padding:0;}.gallery-post-main-swiper{width:100%;overflow:hidden;position:relative;}.gallery-post-main-item{overflow:hidden;}.gallery-post-main-item .media-wrapper{width:100%;overflow:hidden;background-color:var(--c-gray-100);display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1 / 1;}.gallery-post-main-item img{width:100%;height:100%;object-fit:contain;object-position:center;}.gallery-post-main-pagination{width:fit-content !important;margin:auto;left:0 !important;right:0 !important;bottom:4px !important;}.gallery-post-main-swiper .swiper-pagination-bullet{width:var(--gallery-post-pagination-bullet-size);height:var(--gallery-post-pagination-bullet-size);background-color:var(--c-gallery-theme);opacity:0.6;border-radius:99px;transition:width 200ms ease-in-out;}.gallery-post-main-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--c-gallery-theme);opacity:1;width:calc(var(--gallery-post-pagination-bullet-size) * 2.5);box-shadow:0 1px 4px -2px var(--c-gallery-theme);}.gallery-post-details{background-color:#fff;padding:var(--gutter);border-radius:var(--separator-radius) var(--separator-radius) 0 0;margin-top:calc(var(--separator-radius) * -1);position:relative;z-index:1;}.gallery-post-details-inner{display:flex;flex-direction:column;gap:var(--gutter-xl);}.gallery-post-author{padding:16px;display:flex;align-items:center;justify-content:space-between;border-radius:999px;background-color:var(--c-gray-150);margin-top:4px;}.gallery-post-author > .lead{display:flex;align-items:center;justify-content:space-between;flex-grow:1;padding-left:16px;position:relative;}.gallery-post-author > .lead:after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:24px;width:3px;border-radius:999px;background-color:var(--c-gray-400);}.gallery-post-author .author-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;position:relative;}.gallery-post-author .author-name.is-admin{padding-right:22px;}.gallery-post-author .author-name.is-admin::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url('/assets/icons/svg/esp/verified-badge.svg');background-size:contain;background-repeat:no-repeat;background-position:center;}.gallery-post-author .author-link{color:var(--c-gray-700);transition:color var(--tr-timing-base) var(--tr-ease);}.gallery-post-author .author-link:hover{color:var(--c-gray-900);}.gallery-post-author .post-likes{padding-right:16px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;font-family:var(--ff-fn);color:var(--c-gray-700);}.gallery-post-products{margin:0 calc(var(--gutter) * -1);position:relative;padding-bottom:16px;}.gallery-post-products::after{content:'';position:absolute;top:0;right:var(--gutter);left:var(--gutter);width:calc(100% - (var(--gutter) * 2));height:100%;border-radius:24px;background-color:var(--c-gray-200);}.gallery-post-products-header{padding-top:16px;padding-right:calc(var(--gutter) + 12px);padding-bottom:4px;position:relative;z-index:1;}.gallery-post-products{position:relative;z-index:1;}.gallery-post-products-swiper{overflow:hidden;}.gallery-post-products-swiper .swiper-slide.prd-card{width:fit-content;margin-right:12px;}.gallery-post-products-swiper .swiper-slide.prd-card:first-child{margin-right:calc(var(--gutter) + 0px);}.gallery-post-products-swiper .swiper-slide.prd-card:last-child{margin-left:12px;}/* gallery contest */.gallery-contest-cover{position:relative;}.gallery-contest-time{position:absolute;left:var(--gutter);bottom:calc(var(--gutter) + 32px);display:flex;align-items:center;gap:6px;padding:8px 8px 8px 16px;border-radius:999px;font-size:var(--fs-text-sm);font-family:var(--ff-fn);color:var(--c-text-primary);background-color:hsla(0, 0%, 100%, 0.5);border:1px solid #fff;box-shadow:inset 0px -8px 20px -4px #fff;backdrop-filter:blur(10px);}.gallery-contest-time.is-ended{border-color:var(--c-scarlet);background-color:hsla(8, 100%, 60%, 0.5);box-shadow:inset 0px -8px 20px -4px var(--c-scarlet);color:#000;}.gallery-contest-time.is-ended .icon{color:#fff;}.gallery-contest-view{padding-top:0 !important;}.gallery-contest-view > .page-width{padding:0;}.gallery-contest-content{background-color:#fff;border-radius:var(--separator-radius) var(--separator-radius) 0 0;margin-top:calc(var(--separator-radius) * -1);position:relative;z-index:1;padding:var(--gutter);}.gallery-contest-title{margin-bottom:8px;padding-top:var(--gutter);font-size:var(--fs-text-lg);font-weight:700;color:var(--c-text-primary);}.gallery-contest-desc{font-size:var(--fs-text);font-weight:300;color:var(--c-text-secondary);line-height:1.5;}.gallery-contest-cta{padding:var(--gutter-lg) 0 !important;}.gallery-contest-prizes{margin:var(--gutter) calc(var(--gutter) * -1);border-top:1px solid var(--c-gray-200);border-bottom:1px solid var(--c-gray-200);padding:var(--gutter-lg) var(--gutter);}.gallery-contest-prizes-inner{background-color:var(--c-gray-100);padding:var(--gutter-sm);border-radius:24px;}.gallery-prizes-title{display:flex;align-items:center;gap:4px;padding-bottom:var(--gutter);}.gallery-prizes-title .icon{width:24px;height:24px;color:var(--c-accent-400);}.gallery-prizes-title .title{font-weight:500;color:var(--c-text-primary);}.gallery-prizes-list{display:flex;flex-direction:column;gap:var(--gutter-sm);}.gallery-prizes-item{display:flex;background-color:#fff;border:1px solid var(--c-gray-400);border-radius:16px;font-family:var(--ff-fn);height:68px;}.gallery-prize-number{width:48px;display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0;}.gallery-prize-number::after{content:'';position:absolute;height:70%;width:1px;background-color:var(--c-gray-200);left:0;top:50%;transform:translateY(-50%);}.prize-number{font-size:24px;font-weight:700;color:var(--c-text-secondary);}.gallery-prize-desc{flex-grow:1;padding:8px;display:flex;flex-direction:column;justify-content:center;}.prize-sub{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);}.prize-title{color:var(--c-text-secondary);font-weight:700;}.gallery-prize-thumbnail{width:78px;flex-shrink:0;position:relative;}.gallery-prize-thumbnail .media-wrapper{position:absolute;width:86px;height:auto;border-radius:8px;overflow:hidden;left:12px;top:-4px;transform:rotate(-10deg);}.gallery-winners-title{text-align:center;display:flex;align-items:center;gap:4px;justify-content:center;padding:var(--gutter) 0 var(--gutter-xl) 0;}.gallery-winners-title .icon{color:var(--c-star);}.gallery-winners-title .title{font-weight:500;color:var(--c-text-primary);}@media (min-width: 680px){.gallery-stream.masonry-grid{--masonry-columns:3;--masonry-gap:var(--gutter);}}@media (min-width: 980px){.gallery-stream.masonry-grid{--masonry-columns:5;--masonry-gap:var(--gutter);}}/*
masonry grid

tokens (override on .masonry-grid or a parent):
    --masonry-columns
    --masonry-gap

structure:
<div class="masonry-grid">
    <div class="masonry-item">…</div>
</div>
*/:root{--masonry-columns:2;--masonry-gap:var(--gutter-xs);}@media (min-width: 680px){:root{--masonry-columns:3;--masonry-gap:var(--gutter-sm);}}@media (min-width: 980px){:root{--masonry-columns:4;--masonry-gap:var(--gutter);}}.masonry-grid{position:relative;column-count:var(--masonry-columns);column-gap:var(--masonry-gap);}.masonry-item{display:block;width:100%;max-width:100%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 var(--masonry-gap);}.masonry-grid.is-packed{column-count:auto;column-gap:var(--masonry-gap);}.masonry-grid.is-packed .masonry-item{position:absolute;margin:0;}.gallery-submit-form{display:flex;flex-direction:column;gap:var(--gutter);}.gallery-submit-form > .input-control{margin-block:0;}.success-modal_list{text-align:right;list-style:initial;padding-inline-start:var(--gutter);}/**
 * Store pages — cart, checkout, payment.
 *//* 
3 steps:
Cart — review/edit items [page-checkout-cart]
Delivery — address + delivery method [page-checkout-delivery]
Payment — coupon + payment gateway [page-checkout-payment]
*/:root{--checkout-marker-size:22px;--checkout-remove-btn-size:28px;--checkout-shipment-item-size:54px;}.page-checkout .site-header_page-title{font-family:var(--ff-fn);text-align:center;}.page-checkout .site-header_page-title > .sub{font-size:var(--fs-text-xs);color:var(--c-text-tertiary);font-weight:300;}.checkout-header{background-color:var(--c-gray-150);padding:var(--gutter-xl) 0;padding-bottom:calc(var(--gutter-xl) + var(--separator-radius));font-family:var(--ff-fn);}.checkout-content{background-color:#fff;border-radius:var(--separator-radius) var(--separator-radius) 0 0;margin-top:calc(var(--separator-radius) * -1);position:relative;z-index:2;}.checkout-steps{display:flex;justify-content:center;gap:5px;}.checkout-steps_item{position:relative;width:var(--checkout-marker-size);padding-bottom:12px;flex-shrink:0;overflow:visible;}.checkout-steps_marker{width:var(--checkout-marker-size);height:var(--checkout-marker-size);background-color:var(--c-gray-400);border-radius:999px;text-align:center;line-height:calc(var(--checkout-marker-size) + 3px);font-size:var(--fs-text-sm);}.checkout-steps_label{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:100px;text-align:center;font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);}.checkout-steps_separator{height:4px;flex-grow:1;background-color:var(--c-gray-300);max-width:30%;margin-top:calc((var(--checkout-marker-size) / 2) - 2px);border-radius:999px;}.checkout-steps_item.is-active .checkout-steps_marker, .checkout-steps_item.is-done .checkout-steps_marker{background-color:var(--c-mint);color:#fff;}.checkout-steps_item.is-active .checkout-steps_label, .checkout-steps_item.is-done .checkout-steps_label{color:var(--c-text-primary);font-weight:400;}.checkout-steps_item.is-done + .checkout-steps_separator{background-color:var(--c-mint);}.checkout-promotions{font-family:var(--ff-fn);display:flex;flex-direction:column;gap:16px;padding:var(--gutter) 0;border-bottom:1px solid var(--c-gray-200);}.promotion-item{padding:var(--gutter-xs);width:100%;border-radius:20px;border:1px solid var(--c-gray-300);display:flex;gap:var(--gutter-sm);align-items:center;}.free-shipping_details, .promo-discount_details{line-height:1.2;}.free-shipping_title, .promo-discount_title{margin-bottom:4px;font-weight:700;color:var(--c-text-secondary);}.free-shipping_desc, .promo-discount_desc{font-size:var(--fs-text-xs);font-weight:300;line-height:1.4;color:var(--c-text-tertiary);}.free-shipping_progress, .promo-discount_progress{--progress:0;--free-shipping-size:52px;--free-shipping-ring-width:7px;--free-shipping-progress-color:var(--c-accent-400);--free-shipping-track-color:var(--c-gray-200);position:relative;flex-shrink:0;width:var(--free-shipping-size);height:var(--free-shipping-size);display:flex;align-items:center;justify-content:center;border-radius:50%;}.free-shipping_ring, .promo-discount_ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient( from -90deg, var(--free-shipping-progress-color) calc(var(--progress) * 1%), var(--free-shipping-track-color) 0 );-webkit-mask:radial-gradient( farthest-side, transparent calc(100% - var(--free-shipping-ring-width) - 0.5px), #000 calc(100% - var(--free-shipping-ring-width)) );mask:radial-gradient( farthest-side, transparent calc(100% - var(--free-shipping-ring-width) - 0.5px), #000 calc(100% - var(--free-shipping-ring-width)) );}.free-shipping_value, .promo-discount_value{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:1px;font-size:var(--fs-text-xs);font-weight:600;letter-spacing:-0.02em;line-height:1;color:var(--c-accent-400);}.free-shipping_value .unit, .promo-discount_value .unit{font-size:0.85em;}.promotion-free-shipping.is-valid, .promotion-discount.is-valid{background-color:var(--c-green-50);border-color:var(--c-green-200);}.promotion-free-shipping.is-valid .free-shipping_title, .promotion-discount.is-valid .promo-discount_title{color:var(--c-mint);}.promotion-free-shipping.is-valid .free-shipping_progress, .promotion-discount.is-valid .promo-discount_progress{background-color:#fff;background-image:url('/assets/icons/svg/esp/circle-checkmark-green.svg');background-position:center;background-repeat:no-repeat;background-size:36px auto;}.promotion-gift{display:flex;gap:var(--gutter-xs);align-items:start;}.gift-thumb{display:block;width:var(--thumbnail-width-horizontal);height:var(--thumbnail-width-horizontal);flex-shrink:0;position:relative;}.gift-thumb::before{content:'';position:absolute;width:48px;height:48px;background-image:url('/assets/icons/png/gift-ribbon.png');background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1;transform:rotate(25deg);top:-10px;right:-10px;}.gift-thumb .media-wrapper{width:100%;height:100%;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--c-gray-100);position:relative;}.gift-thumb .media-wrapper img{max-width:100%;max-height:100%;object-fit:contain;}.gift-details{display:flex;flex-direction:column;gap:8px;line-height:1.2;}.gift-progress{padding:10px 8px 8px 8px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:700;line-height:1;font-size:var(--fs-text-xs);color:var(--c-text-secondary);border-radius:12px 12px 0 12px;border:1px solid var(--c-gray-300);background-color:var(--c-gray-100);position:relative;}.gift-title{display:flex;gap:4px;align-items:center;color:var(--c-accent-400);margin-bottom:4px;}.gift-title .icon{background-color:var(--c-accent-100);padding:4px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;}.gift-rules{font-size:var(--fs-text-xs);font-weight:300;line-height:1.4;color:var(--c-text-tertiary);}.gift-prd-title{font-size:var(--fs-text-sm);color:var(--c-text-primary);text-decoration:none;display:inline-block;}.checkout-items{}.cart-items-stream{padding:var(--gutter) 0;display:flex;flex-direction:column;gap:var(--gutter);margin:0 calc(var(--prd-card-padding-horizontal) * -1);}.checkout-prd-card.prd-card.layout-horizontal .prd-card_pricing{justify-content:space-between;}.checkout-prd-card.prd-card.layout-horizontal .original-price_single{opacity:0;visibility:hidden;}.btn-reset.checkout-remove-btn{position:absolute;top:var(--prd-card-padding-horizontal);left:var(--prd-card-padding-horizontal);width:var(--checkout-remove-btn-size);height:var(--checkout-remove-btn-size);background-color:var(--c-gray-200);color:var(--c-gray-500);border-radius:999px;padding:4px;transition:background-color 200ms ease-in-out, color 200ms ease-in-out;z-index:2;}.btn-reset.checkout-remove-btn:hover{background-color:var(--c-accent-400);color:#fff;}.checkout-separator{margin:0 calc(var(--gutter) * -1);position:relative;height:var(--separator-height);background-color:var(--c-gray-200);position:relative;}.checkout-separator::before, .checkout-separator::after{content:'';position:absolute;width:100%;height:var(--separator-radius);background-color:#fff;top:0;left:0;right:0;border-radius:0 0 var(--separator-radius) var(--separator-radius);}.checkout-separator::after{border-radius:var(--separator-radius) var(--separator-radius) 0 0 ;top:initial;bottom:0;}.checkout-total_invoice{--invoice-bg:#fff;--invoice-border-color:var(--c-gray-300);}.checkout-actions{font-family:var(--ff-fn);}.checkout-actions.is-fixed{position:fixed;margin:0;padding:0;left:0;right:0;bottom:calc(var(--bottom-bar-item-height) + 1px);background-color:hsl(0, 0%, 100%);border-top:1px solid var(--c-gray-400);box-shadow:0 -8px 24px -8px hsla(0, 0%, 0%, 0.1);overflow:hidden;z-index:var(--z-index-mobile-fixbar);}.checkout-actions.is-fixed .checkout-action-next{display:flex;flex-direction:row-reverse;gap:12px;padding:var(--gutter-2xs) var(--gutter-xs);align-items:center;}.checkout-next-details{min-width:110px;line-height:1;flex-shrink:0;text-align:left;}.checkout-next-title{font-weight:300;font-size:var(--fs-text-sm);color:var(--c-text-tertiary);margin-bottom:5px;}.checkout-next-amount .value{display:inline-block;font-weight:600;font-size:var(--fs-text-md);color:var(--c-text-primary);letter-spacing:-0.02em;}.checkout-next-amount .currency{color:var(--c-text-quaternary);}.checkout-next-btn{}.checkout-cart-empty{padding-top:96px;padding-bottom:128px;}.checkout-cart-empty .default-empty-state-content{background-color:transparent;padding:0 calc(var(--gutter) * 2);}.checkout-cart-empty .default-empty-state-image{width:200px;height:auto;}.checkout-cart-empty .default-empty-state-title{margin-top:var(--gutter);color:var(--c-text-primary);}/* Delivery */.checkout-address{padding-top:var(--gutter);}.checkout-address-select{margin-bottom:var(--gutter);}.address-select-trigger{padding:var(--gutter-sm);display:flex;gap:var(--gutter-sm);align-items:center;width:100%;border-radius:20px;border:1px solid var(--c-gray-300);line-height:1;max-width:100%;overflow:hidden;cursor:pointer;transition:background-color 200ms ease-in-out, border-color 200ms ease-in-out;}.address-select-trigger:hover{background-color:var(--c-gray-100);border-color:var(--c-gray-400);}.address-select-text{flex:1 1 0;min-width:0;overflow:hidden;}.address-select-text .title{font-weight:600;margin-bottom:8px;color:var(--c-text-primary);}.address-select-text .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:300;color:var(--c-text-tertiary);font-size:var(--fs-text-sm);}.address-select-icon{flex-shrink:0;color:var(--c-text-quaternary);transition:color 200ms ease-in-out;}.address-select-trigger:hover .address-select-icon{color:var(--c-text-primary);}.checkout-address-section.new-user-section{border-bottom:1px dashed var(--c-gray-300);padding-bottom:var(--gutter);margin-bottom:var(--gutter);}.checkout-address-section.save-address-section{padding-top:var(--gutter);}.checkout-address-section.order-note-section{border-top:1px dashed var(--c-gray-300);padding-top:var(--gutter);margin-top:var(--gutter);}.checkout-delivery-methods{scroll-margin-top:24px;}.delivery-methods-header{margin-bottom:var(--gutter);}.checkout-section-title{margin-bottom:12px;font-weight:600;font-size:var(--fs-text-md);padding-right:4px;}.delivery-method-stream{padding-bottom:8px;display:flex;flex-direction:column;gap:var(--gutter-md);}.wating-list-faq{display:flex;align-items:center;gap:4px;padding:0 4px;margin-top:-8px;cursor:pointer;}.wating-list-faq .icon{color:var(--c-scarlet);}.wating-list-faq-text{text-decoration:underline;font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);}.delivery-methods-shipments{display:flex;flex-direction:column;gap:var(--gutter-xl);font-family:var(--ff-fn);}.checkout-shipment{border-radius:24px;border:1px solid var(--c-gray-300);padding:var(--gutter);display:flex;flex-direction:column;gap:var(--gutter-xl);}.checkout-shipment-header{display:flex;justify-content:space-between;align-items:flex-start;}.checkout-shipment-header .shipment-title{font-weight:600;margin-bottom:2px;color:var(--c-text-primary);}.checkout-shipment-header .shipment-sub{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);}.checkout-shipment-header .shipment-counter{font-size:var(--fs-text-xs);background-color:var(--c-gray-150);padding:4px 10px;border-radius:999px;color:var(--c-text-quaternary);}.checkout-shipment-items{display:flex;gap:16px;overflow:hidden;position:relative;}.checkout-shipment-items:after{content:'';position:absolute;width:100px;height:100%;left:0;top:0;background:linear-gradient(to left, transparent, #fff);pointer-events:none;z-index:1;}.checkout-shipment-item{width:var(--checkout-shipment-item-size);height:var(--checkout-shipment-item-size);flex-shrink:0;position:relative;}.checkout-shipment-item .media-wrapper{width:100%;height:100%;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--c-gray-100);position:relative;}.checkout-shipment-item .media-wrapper::before{content:'';position:absolute;width:100%;height:100%;border:1px solid hsla(0, 0%, 0%, 0.05);border-radius:inherit;}.checkout-shipment-item .media-wrapper img{max-width:100%;max-height:100%;object-fit:contain;}.checkout-shipment-delivery{}.shipment-process-time{font-size:var(--fs-text-sm);color:var(--c-text-secondary);margin-bottom:8px;}.checkout-shipment-delivery .delivery-method-stream{gap:var(--gutter);}.checkout-coupon{padding-top:var(--gutter);}.checkout-gateway-stream{padding:8px 0;display:flex;flex-direction:column;gap:var(--gutter-md);}.checkout-gateway-wallet{margin-top:var(--gutter-xl);padding-top:var(--gutter-xl);border-top:1px dashed var(--c-gray-300);font-family:var(--ff-fn);}.checkout-wallet{margin-top:12px;display:flex;align-items:center;gap:2px;padding:12px;border-radius:20px;border:1px solid var(--c-gray-400);}.input-control.input-switch.checkout-wallet-switch{flex-shrink:0;width:fit-content;margin:0 !important;}.checkout-wallet-details{flex:1 1 0;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:12px;line-height:1.5;}.checkout-wallet-title{font-weight:500;color:var(--c-text-primary);margin-bottom:4px;}.checkout-wallet-desc{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);}.checkout-wallet-desc .amount{font-weight:700;color:var(--c-text-primary);letter-spacing:-0.02em;display:inline-block;}.checkout-wallet-logo{width:72px;}.checkout-wallet-switch.input-control.input-switch .input:checked + .switch-label .switch-label_track, .checkout-wallet-switch.input-control.input-switch input[type='checkbox']:checked + .switch-label .switch-label_track, .checkout-wallet-switch.input-control.input-switch.is-on .switch-label_track{background-color:var(--c-blue-500) !important;}.checkout-coupon-control .input-suffix{width:94px !important;}.checkout-coupon-input{padding-left:94px !important;}.checkout-coupon-banner{border-radius:999px !important;}.remove-coupon-btn{opacity:1 !important;transition:background-color 200ms ease-in-out !important;}.remove-coupon-btn:hover{background-color:var(--c-green-500) !important;}.checkout-coupon-banner .hint-banner-badge{font-size:20px !important;margin-left:-6px !important;}.checkout-coupon-content{padding-top:8px;}/* select card */.checkout-select{margin:0 !important;font-family:var(--ff-fn);}.checkout-select .checkbox-label{border-radius:16px !important;}.input-control.input-checkbox.select-card.checkout-select .checkbox-option.is-checked .checkbox-label_box{background-color:var(--c-blue-500) !important;border-color:var(--c-blue-500) !important;}.input-control.input-checkbox.select-card.checkout-select .checkbox-option.is-checked .checkbox-label{box-shadow:inset 0px 0px 0px 2px var(--c-blue-500), 0px 4px 8px -4px var(--c-blue-200) !important;}.checkout-select .checkbox-label_content{gap:16px;line-height:1.2;padding:4px 0;position:relative;overflow:visible !important;}.checkout-select .checkout-select-lead{flex:1 1 0;min-width:0;overflow:hidden;}.checkout-select .checkout-select-trail{flex-shrink:0;text-align:left;}.checkout-select .checkout-select-title{padding:2px 0;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-text);font-weight:700;color:inherit;}.checkout-select .checkout-select-sub{margin:4px 0;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-tertiary);}.checkout-select  .checkout-select-amount{padding:2px 0;font-weight:700;letter-spacing:-0.02em;font-size:var(--fs-text-md);}.input-control.input-checkbox.select-card.checkout-select .checkbox-option.is-checked .checkout-select-amount{color:var(--c-blue-500);}.checkout-select .checkout-select-currency{margin-top:-2px;margin-left:2px;font-size:var(--fs-text-2xs);font-weight:300;color:var(--c-text-tertiary);}.checkout-select .checkout-trail-logo{width:40px;height:40px;}.input-control.input-checkbox.select-card.checkout-select.is-preloading .checkout-select-title, .input-control.input-checkbox.select-card.checkout-select.is-preloading .checkout-select-sub, .input-control.input-checkbox.select-card.checkout-select.is-preloading .checkout-select-amount, .input-control.input-checkbox.select-card.checkout-select.is-preloading .checkout-select-currency, .input-control.input-checkbox.select-card.checkout-select.is-preloading .checkout-trail-logo{color:transparent;border-radius:8px;background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;}@media (min-width: 380px){:root{--checkout-shipment-item-size:64px;}}@media (min-width: 400px){:root{--checkout-shipment-item-size:72px;}.gift-progress{padding:10px 12px 8px 12px;font-size:var(--fs-text-sm);}.checkout-select{}.checkout-select .checkbox-label{border-radius:20px !important;padding:12px 16px !important;gap:16px !important;}.checkout-select .checkbox-label_content::before{content:'';position:absolute;width:1px;height:42px;background-color:hsla(0, 0%, 0%, 0.1);right:-9px;top:50%;transform:translateY(-50%);}.input-control.input-switch.checkout-wallet-switch{padding-right:5px;}.checkout-wallet{padding:12px 12px;}.checkout-wallet-desc .amount{font-size:var(--fs-text);}.checkout-wallet-logo{width:92px;}}@media (min-width: 420px){.checkout-select .checkbox-label{gap:30px !important;padding:14px 20px !important;}.checkout-select .checkbox-label_content::before{right:-16px;}}@media (min-width: 480px){.gift-progress{font-size:var(--fs-text);}}@media (min-width: 640px){.checkout-prd-card.prd-card.layout-horizontal .prd-card_pricing{justify-content:flex-start;}.checkout-cart-empty{padding-top:42px;padding-bottom:42px;}.checkout-cart-empty .default-empty-state-content{background-color:var(--c-gray-150);padding:calc(var(--gutter) * 3);}}@media (min-width: 980px){:root{--checkout-left-size:360px;--checkout-max-width:980px;}.checkout-header{padding:var(--gutter-xl) 0;}.checkout-content{border-radius:0;margin:0;padding:var(--gutter-xl) 0;}.checkout-actions{position:initial !important;box-shadow:none !important;border-color:transparent !important;background-color:transparent !important;}.checkout-next-details{display:none;}.checkout-separator{display:none;}.checkout-cart{display:grid;grid-template-columns:minmax(0, 1fr) var(--checkout-left-size);grid-template-areas:"promotions total" "items total";column-gap:calc(var(--gutter-xl) * 1.5);align-items:start;max-width:var(--checkout-max-width);margin:0 auto;}.checkout-cart:not(:has(.checkout-promotions)){grid-template-areas:"items total";}.checkout-cart.checkout-cart-empty{display:flex;padding:0;}.checkout-promotions{grid-area:promotions;padding-top:0;margin-bottom:var(--gutter);}.checkout-items{grid-area:items;}.checkout-total-actions{grid-area:total;width:auto;position:sticky;top:var(--gutter);align-self:start;}.checkout-actions .checkout-action-next{padding:0 !important;padding-top:32px !important;}.checkout-items .cart-items-stream{padding:0;}.checkout-items .cart-items-stream .prd-card.layout-horizontal{background-color:var(--c-gray-25);border:1px solid var(--c-gray-300);}.checkout-delivery{display:grid;grid-template-columns:minmax(0, 1fr) var(--checkout-left-size);grid-template-areas:"address total" "delivery total";column-gap:var(--gutter-xl);align-items:start;max-width:var(--checkout-max-width);margin:0 auto;}.checkout-address{grid-area:address;padding-top:0;padding:var(--gutter);border:1px dashed var(--c-gray-400);border-radius:var(--invoice-radius);margin-bottom:var(--gutter-xl);}.checkout-delivery-methods{grid-area:delivery;}.checkout-address-section.new-user-section{display:flex;gap:var(--gutter);}.checkout-address-section.new-user-section > .input-control{margin:0;flex:1 1 0;min-width:0;}.checkout-address-section.address-section{display:grid;grid-template-columns:repeat(10, minmax(0, 1fr));gap:var(--gutter-sm);grid-template-areas:"province province province province address address address address address address" "city city city city address address address address address address" "postal-code postal-code postal-code postal-code address address address address address address" "receiver-name receiver-name receiver-name receiver-name receiver-name receiver-phone receiver-phone receiver-phone receiver-phone receiver-phone";}.checkout-address-section.address-section > .input-control{margin:0;min-width:0;--input-height:46px;}.checkout-address-section.address-section .checkout-form_province{grid-area:province;}.checkout-address-section.address-section .checkout-form_city{grid-area:city;}.checkout-address-section.address-section .checkout-form_postal-code{grid-area:postal-code;}.checkout-address-section.address-section .checkout-form_address{grid-area:address;align-self:stretch;display:flex;flex-direction:column;}.checkout-address-section.address-section .checkout-form_address .input-wrapper, .checkout-address-section.address-section .checkout-form_address .input{flex:1 1 auto;height:100%;min-height:0;}.checkout-address-section.address-section .checkout-form_receiver-name{grid-area:receiver-name;}.checkout-address-section.address-section .checkout-form_receiver-phone{grid-area:receiver-phone;}.checkout-payment{display:grid;grid-template-columns:minmax(0, 1fr) var(--checkout-left-size);grid-template-areas:"gateway coupon " "gateway total ";column-gap:calc(var(--gutter-xl) * 2);align-items:start;max-width:var(--checkout-max-width);margin:0 auto;}.checkout-coupon{grid-area:coupon;padding-top:0;padding-bottom:var(--gutter-xl);}.checkout-gateway{grid-area:gateway;}}@media screen and (min-width: 1200px){:root{--checkout-max-width:1120px;}/* .checkout-delivery {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) var(--checkout-left-size);
        grid-template-areas:
            "address delivery total";
        column-gap: var(--gutter-xl);
        align-items: start;
    }
    .checkout-address,
    .checkout-delivery-methods {
        min-width: 0;
        background-color: #fff;
        padding: var(--gutter);
        border: 1px solid var(--c-gray-400);
        border-radius: 32px;
    } */}/*
invoice — price breakdown rows (order view, checkout, ...).

row modifiers:
    .items-total
    .items-discount     negative amount
    .coupon-discount    negative amount, supports .coupon-details bubble
    .shipping-fee
    .grand-total        summary row (top border + larger amount)
    .wallet-credit      summary row, positive amount
    .total-payment      summary row
    .balance            summary row, + .balance-negative / .balance-positive

theming:
    override --invoice-* on any ancestor to restyle per page.

structure:
<div class="invoice">
    <div class="invoice_wrapper">
        <div class="invoice_row items-total">
            <div class="label">قیمت کالا‌ها</div>
            <div class="details">
                <div class="value">
                    <div class="amount">965,000</div>
                    <div class="currency">ت</div>
                </div>
                only for .coupon-discount
                <div class="coupon-details">
                    <div class="coupon-title">تخفیف اولین خرید</div>
                    <div class="coupon-code">FIRST10</div>
                </div>
            </div>
        </div>
        ...
    </div>
    optional torn-paper edge
    <div class="invoice_footer">
        <div class="svg-icon" data-svg="/assets/images/invoice-footer-zigzag.svg"></div>
    </div>
</div>
*/:root{--invoice-bg:var(--c-gray-100);--invoice-border-color:var(--c-gray-300);--invoice-radius:24px;--invoice-padding:var(--gutter);--invoice-gap:var(--gutter);--invoice-label-color:var(--c-text-tertiary);--invoice-label-font-size:15px;--invoice-amount-color:var(--c-text-secondary);--invoice-amount-font-size:18px;--invoice-total-amount-font-size:20px;--invoice-currency-color:var(--c-gray-500);--invoice-negative-color:var(--c-red-300);--invoice-positive-color:var(--c-green-400);}.invoice_wrapper{background-color:var(--invoice-bg);border-radius:var(--invoice-radius) var(--invoice-radius) 0 0;border:1px solid var(--invoice-border-color);border-bottom:none;padding:var(--invoice-padding);display:flex;flex-direction:column;gap:var(--invoice-gap);position:relative;font-family:var(--ff-fn);}.invoice_row{display:flex;align-items:center;justify-content:space-between;}.invoice_row .label{color:var(--invoice-label-color);font-size:var(--invoice-label-font-size);}.invoice_row .details{position:relative;}.invoice_row .value{display:flex;align-items:baseline;gap:2px;}.invoice_row .value .amount{font-weight:700;color:var(--invoice-amount-color);font-size:var(--invoice-amount-font-size);}.invoice_row .value .currency{font-size:var(--fs-text-2xs);color:var(--invoice-currency-color);font-weight:500;}.invoice_row .coupon-details{position:absolute;width:fit-content;display:flex;font-size:10px;top:21px;left:0;gap:4px;background-color:var(--invoice-border-color);padding:3px 8px 2px 8px;border-radius:0 99px 99px 99px;font-family:var(--ff-main);}.invoice_row .coupon-title{white-space:nowrap;}.invoice_row.items-discount .value .amount, .invoice_row.coupon-discount .value .amount{color:var(--invoice-negative-color);}/* summary rows */.invoice_row.grand-total, .invoice_row.wallet-credit, .invoice_row.balance, .invoice_row.total-payment{border-top:1px solid var(--invoice-border-color);padding-top:var(--invoice-padding);}.invoice_row.grand-total .value .amount, .invoice_row.wallet-credit .value .amount, .invoice_row.balance .value .amount, .invoice_row.total-payment .value .amount{font-size:var(--invoice-total-amount-font-size);font-weight:900;}.invoice_row.wallet-credit .value .amount{color:var(--invoice-positive-color);}.invoice_row.balance.balance-negative .value .amount{color:var(--invoice-negative-color);}.invoice_row.balance.balance-positive .value .amount{color:var(--invoice-positive-color);}.invoice_footer svg{width:100%;fill:var(--invoice-bg);color:var(--invoice-border-color);}.address-picker-stream, .address-picker-list{display:flex;flex-direction:column;gap:var(--gutter-md);}.checkout-address-picker-modal .checkout-select-sub{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}.address-picker-badge, .address-picker-recipient{display:block;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-tertiary);}.address-picker-badge{padding:4px 8px;border-radius:999px;background-color:var(--c-gray-100);color:var(--c-text-secondary);font-weight:600;}.input-control.input-checkbox.select-card.checkout-select .checkbox-option.is-checked .address-picker-badge{background-color:var(--c-blue-50);color:var(--c-blue-500);}.address-picker-add{display:flex;align-items:center;gap:var(--gutter-sm);width:100%;padding:14px 16px;border:1px dashed var(--c-gray-400);border-radius:20px;background:transparent;color:inherit;font-family:inherit;cursor:pointer;text-align:start;transition:background-color 200ms ease-in-out, border-color 200ms ease-in-out;}.address-picker-add:hover, .address-picker-add:focus-visible{background-color:var(--c-gray-100);border-color:var(--c-gray-500);outline:none;}.address-picker-add-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background-color:var(--c-gray-150);color:var(--c-gray-800);transition:background-color 200ms ease-in-out;}.address-picker-add:hover .address-picker-add-icon, .address-picker-add:focus-visible .address-picker-add-icon{background-color:#fff;}.address-picker-add-copy{display:flex;flex-direction:column;gap:6px;min-width:0;}.address-picker-add-copy .title{font-size:var(--fs-text);font-weight:700;color:var(--c-text-primary);}.address-picker-add-copy .sub{font-size:var(--fs-text-xs);font-weight:300;line-height:1.6;color:var(--c-text-tertiary);}.address-picker-form-grid{display:grid;grid-template-columns:1fr;gap:var(--gutter);}.address-picker-form-grid > .input-control{margin-block:0;}.address-picker-textarea{margin-top:16px;}.address-picker-textarea .input{height:auto;min-height:128px;padding:12px var(--input-inner-padding);resize:vertical;line-height:1.7;text-align:right;}@media (min-width: 768px){.address-picker-form-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--gutter-lg);}}/* payment result */.payment-result{--payment-result-illustration-size:min(320px, 80vw);--payment-result-border-radius:42px;font-family:var(--ff-fn);}.payment-result > .page-width{padding:0;}.payment-result_header{background-color:var(--c-gray-100);padding:var(--gutter);padding-top:calc(var(--gutter) * 2);padding-bottom:calc(var(--payment-result-border-radius) * 3);border-radius:0 0 var(--payment-result-border-radius) var(--payment-result-border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}.payment-result_illustration{width:var(--payment-result-illustration-size);position:relative;}.payment-result-order-number{position:absolute;z-index:2;top:42%;right:35%;font-size:calc(var(--payment-result-illustration-size) * 0.05);font-weight:900;color:var(--c-gray-800);text-align:center;transform:rotate(-3deg);}.payment-result_title{font-weight:900;font-size:var(--fs-heading-sm);margin:var(--gutter-xs) 0;color:var(--c-vendor-accent-500);}.payment-result_sub{padding:0 var(--gutter);font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-secondary);}.payment-result_sub a{color:var(--c-blue-400);}.payment-result_content{padding:0 var(--payment-result-border-radius);max-width:460px;margin:0 auto;margin-top:calc(calc(var(--payment-result-border-radius) * 2) * -1);}.payment-result_footer{margin:64px 0;display:flex;justify-content:center;}.payment-result_footer-btn{max-width:240px;}.payment-result_receipt{background-color:#fff;border:1px solid var(--c-gray-300);border-bottom:none;border-radius:36px 36px 0 0;}.payment-result_order{padding:0 16px;height:calc(var(--payment-result-border-radius) * 2);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--c-gray-300);}.payment-result_order .title{font-size:var(--fs-text-xs);color:var(--c-text-tertiary);font-weight:300;}.payment-result_order .value{font-weight:700;color:var(--c-text-primary);font-size:var(--fs-text-md);}.payment-result_order-link{width:124px !important;}.payment-result_details{padding:var(--gutter-xl) var(--gutter);text-align:center;font-weight:300;color:var(--c-text-tertiary);}.payment-result_tracking{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:var(--gutter);}.payment-result_tracking .title{font-size:var(--fs-text-xs);color:var(--c-text-tertiary);font-weight:300;}.payment-result_tracking .value{font-weight:700;color:var(--c-text-primary);font-size:var(--fs-text-md);}.payment-result_details a{color:var(--c-blue-400);}.payment-result-zigzag svg path{fill:#fff;stroke:var(--c-gray-300);}@media (min-width: 380px){:root{--checkout-shipment-item-size:64px;}.payment-result_order{padding:0 18px;}}@media (min-width: 420px){.payment-result_order-link{width:142px !important;}}@media (min-width: 640px){.payment-result_order-link{width:164px !important;}.payment-result_title{font-size:var(--fs-heading-lg);}.payment-result_sub{font-size:var(--fs-text);}.payment-result_order .value{font-size:var(--fs-heading-lg);}}/**
 * Store pages — customer dashboard.
 */:root{--dashboard-header-padding:24px;--dashboard-header-avatar-size:96px;--dashboard-nav-item-height:56px;/* desktop */--dashboard-desktop-header-avatar-size:78px;--dashboard-desktop-header-height:280px;--dashboard-desktop-header-offset:120px;--dashboard-desktop-nav-width:320px;}.page-dashboard .page-content .page-width{padding:0;}.dashboard-header, .dashboard-nav{display:none;}.page-dashboard_home .dashboard-header, .page-dashboard_home .dashboard-nav{display:block;}.page-dashboard_home .dashboard-header{padding-top:calc(var(--page-content-padding) + var(--current-mobile-header-height));margin-top:calc(var(--current-mobile-header-height) * -1);}.page-dashboard_home .dashboard-header{min-height:100px;position:relative;background-color:var(--c-gray-900);overflow:hidden;}.page-dashboard_home .dashboard-header::before{content:'';position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0;background-image:url('/assets/images/20pattern-white.svg');background-size:720px 450px;background-position:center;background-repeat:repeat;opacity:0.2;}.dashboard-header_inner{padding-top:var(--dashboard-header-padding);position:relative;}.dashboard-header_profile{}.dashboard-header_profile .inner{display:flex;flex-direction:column;align-items:center;font-family:var(--ff-fn);line-height:1;}.dashboard-header_profile .avatar{width:var(--dashboard-header-avatar-size);height:var(--dashboard-header-avatar-size);border-radius:50%;overflow:hidden;}.dashboard-header_profile .avatar img{width:100%;height:100%;object-fit:cover;}.dashboard-header_profile .info{padding-top:16px;text-align:center;}.dashboard-header_profile .phone{padding-bottom:4px;font-size:var(--fs-heading);font-weight:600;color:#fff;letter-spacing:1px;}.dashboard-header_profile .name{font-weight:200;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--c-gray-200);}.dashboard-header_wallet{margin-top:24px;display:flex;justify-content:center;}.dashboard-header_wallet .wallet-link{display:flex;align-items:center;gap:16px;justify-content:space-between;background-color:#2FD89A;width:fit-content;border-radius:20px;padding:12px 16px;min-width:240px;text-decoration:none;color:inherit;transition:background-color 200ms ease;}.dashboard-header_wallet .wallet-link:hover{background-color:hsl(158, 68%, 45%);}.dashboard-header_wallet .title{display:flex;align-items:center;gap:4px;}.dashboard-header_wallet .title .text{color:var(--c-text-secondary);}.dashboard-header_wallet .title .svg-icon{opacity:0.5;width:24px;height:24px;}.dashboard-header_wallet .balance{}.dashboard-header_wallet .balance .amount{font-family:var(--ff-fn);font-weight:500;color:#fff;font-size:var(--fs-text-xl);text-shadow:0px 1px 1px hsla(0, 0%, 0%, 0.2);}.dashboard-header_wallet .balance .currency{font-weight:bold;opacity:0.7;}.dashboard-header_summary{margin-top:64px;}.dashboard-header_summary-wrapper{background-color:var(--c-bg);border-radius:var(--separator-radius) var(--separator-radius) 0 0;padding:var(--gutter);padding-bottom:0;}.dashboard-header_summary .summary-stream{display:flex;background-color:var(--c-gray-100);border-radius:16px;border:1px solid var(--c-gray-300);}.dashboard-header_summary .summary-item{flex:1;text-align:center;text-decoration:none;font-family:var(--ff-fn);height:72px;display:flex;flex-direction:column;justify-content:center;gap:4px;position:relative;transition:all 200ms ease-in-out;}.dashboard-header_summary .summary-item:not(:last-child)::after{content:'';position:absolute;width:2px;height:32px;background-color:var(--c-gray-300);left:-1px;top:50%;transform:translateY(-50%);border-radius:999px;}.dashboard-header_summary .summary-item .title{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-tertiary);transition:all 200ms ease-in-out;}.dashboard-header_summary .summary-item .value{font-weight:500;transition:all 200ms ease-in-out;}.dashboard-nav{padding:var(--gutter);}.dashboard-nav_stream{display:flex;flex-direction:column;border:1px solid var(--c-gray-300);border-radius:16px;overflow:hidden;}.dashboard-nav_item{border-bottom:1px solid var(--c-gray-300);}.dashboard-nav_item:last-child{border-bottom:none;}.dashboard-nav_item_link{width:100%;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit;padding:0 16px;line-height:1;height:var(--dashboard-nav-item-height);transition:all 200ms ease-in-out;}.dashboard-nav_item.active .dashboard-nav_item_link{border-right:4px solid var(--c-gray-900);}.dashboard-nav_item .lead{display:flex;align-items:center;gap:12px;font-size:var(--fs-text);font-weight:300;}.dashboard-nav_item .lead .svg-icon{color:var(--c-gray-500);transition:color 200ms ease-in-out;}.dashboard-nav_item.active .lead .svg-icon{color:var(--c-gray-700) !important;}.dashboard-nav_item.active .lead{font-weight:500;}.dashboard-nav_item .notification-badge{width:8px;height:8px;background-color:var(--c-accent-400);border-radius:999px;}.dashboard-nav_item .end .svg-icon{color:transparent;width:18px;height:18px;transition:color 200ms ease-in-out;}.dashboard-nav_item_link:hover{background-color:var(--c-gray-50);}.dashboard-nav_item_link:hover .end .svg-icon{color:var(--c-gray-800);}.dashboard-nav_item_link:hover .lead .svg-icon{color:var(--c-accent-400);}.dashboard-nav_footer{padding:24px 0;}.dashboard-nav_item.user-logout{border:1px solid var(--c-gray-300);border-radius:16px;overflow:hidden;}.dashboard-nav_item.user-logout .lead .svg-icon{color:var(--c-accent-400);}.dashboard-content{min-height:100px;font-family:var(--ff-fn);padding:calc(var(--gutter) * 1.5) var(--gutter);}.dashboard-content_header{display:none;}.dashboard-content_body{padding-bottom:64px;}.dashboard_desktop{display:none;}.page-dashboard .page-content{padding-bottom:calc(var(--gutter) * 8);}@media (min-width: 680px){.dashboard-nav_stream{flex-direction:row;flex-wrap:wrap;}.dashboard-nav_item{width:50%;}.dashboard-nav_item:nth-child(odd){border-left:1px solid var(--c-gray-300);}.dashboard-nav_item.user-logout{width:100%;}}@media (min-width: 980px){:root{--dashboard-header-avatar-size:var(--dashboard-desktop-header-avatar-size);}.dashboard-header, .dashboard-nav{display:block;}.page-dashboard .page-content .page-width{padding:0 var(--gutter);position:relative;z-index:10;display:grid;grid-template-columns:var(--dashboard-desktop-nav-width) minmax(0, 1fr);column-gap:calc(var(--gutter) + 4px);align-items:start;}.dashboard-header{grid-column:1 / -1;padding:0 !important;margin:0 !important;min-height:initial !important;position:relative !important;overflow:hidden !important;background-color:transparent !important;padding-top:calc(var(--dashboard-desktop-header-height) - var(--dashboard-desktop-header-offset)) !important;}.dashboard-header::before{display:none !important;}.page-dashboard .page-content{position:relative;}.page-dashboard .page-content::before, .page-dashboard .page-content::after{content:'';position:absolute;width:100%;height:var(--dashboard-desktop-header-height);top:0;right:0;left:0;}.page-dashboard .page-content::before{background-color:var(--c-gray-900);}.page-dashboard .page-content::after{background-image:url('/assets/images/20pattern-white.svg');background-size:555px auto;background-position:center;background-repeat:repeat;opacity:0.2;}.dashboard-header_inner{background-color:#fff;background:#ffffff;background:linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.1) 100%);backdrop-filter:blur(15px) saturate(200%);-webkit-backdrop-filter:blur(15px) saturate(200%);box-shadow:inset 0px 0px 2px 1px hsla(0, 0%, 100%, 0.2), inset 0px 3px 8px -4px hsla(0, 0%, 100%, 0.5);border-radius:var(--separator-radius) var(--separator-radius) 0 0;padding:var(--gutter);padding-bottom:0;display:flex;align-items:center;flex-wrap:wrap;}.dashboard-header_profile{order:1;width:var(--dashboard-desktop-nav-width);height:calc(var(--dashboard-desktop-header-offset) - var(--gutter));}.dashboard-header_profile .inner{flex-direction:row;gap:16px;align-items:center;}.dashboard-header_profile .avatar{border:3px solid hsla(0, 0%, 100%, 0.8);}.dashboard-header_profile .info{text-align:right;padding-top:4px;}.dashboard-header_profile .phone{color:var(--c-text-primary);text-shadow:0px 1px 1px hsla(0, 0%, 100%, 0.2);font-weight:900;font-size:var(--fs-heading);letter-spacing:0;}.dashboard-header_profile .name{color:var(--c-text-secondary);font-weight:300;font-size:var(--fs-text-md);}.dashboard-header_summary{order:2;margin-top:0;width:calc(100% - var(--dashboard-desktop-nav-width));height:calc(var(--dashboard-desktop-header-offset) - var(--gutter));display:flex;justify-content:flex-end;}.dashboard-header_summary-wrapper{padding:0;border-radius:0;width:420px;background-color:transparent;}.dashboard-header_summary .summary-stream{background-color:#fff;}.dashboard-header_summary .summary-item{height:var(--dashboard-header-avatar-size);}.dashboard-header_summary .summary-item .value{font-size:var(--fs-text-lg);}.dashboard-header_summary .summary-item:hover{gap:0;}.dashboard-header_summary .summary-item:hover .value{font-size:var(--fs-heading-lg);font-weight:900;}.dashboard-header_wallet{order:3;width:var(--dashboard-desktop-nav-width);margin:0;padding-top:48px;justify-content:flex-start;}.dashboard-header_wallet .wallet-link{width:calc(var(--dashboard-desktop-nav-width) - (var(--gutter) * 2));border-radius:16px;border:1px solid hsl(158, 68%, 45%);}.dashboard-nav{width:100%;grid-column:1;grid-row:2;}.dashboard-nav_stream{flex-direction:column;}.dashboard-nav_stream .dashboard-nav_item{width:100%;border-left:none !important;}.dashboard-content{position:relative;grid-column:2;grid-row:2;width:100%;min-width:0;z-index:2;padding:0;}.dashboard-content_wrapper{width:100%;position:relative;}.dashboard-content_inner{/* padding: var(--gutter); */border-radius:16px;/* border: 1px dashed var(--c-gray-300); */}.dashboard-content_header{display:flex;color:var(--c-text-tertiary);padding-bottom:32px;font-weight:600;}.dashboard_desktop{display:block;}.dashboard_desktop-alerts{margin-bottom:calc(var(--gutter) * 3);}.dashboard_desktop-alerts-stream{border-radius:24px;border:1px solid var(--c-gray-300);overflow:hidden;}.dashboard_desktop-alerts .popup-alerts_item{padding:16px 20px;/* background-color: var(--c-gray-50); */border-color:var(--c-gray-300);}.dashboard_desktop-alerts .popup-alerts_item::before{top:24px;right:10px;}.dashboard_desktop .dashboard-content_header{padding-bottom:16px !important;}.dashboard_desktop-last-visits .swiper-prd-carousel{overflow:hidden;padding:8px 1px;}.dashboard_desktop-last-visits .product-carousel_stream .swiper-slide.prd-card{margin:0 !important;margin-left:var(--gutter-sm) !important;}.dashboard_desktop-last-visits .product-carousel_stream .prd-card .prd-card_wrapper{background-color:var(--c-gray-50);box-shadow:0 0 0 1px var(--c-gray-200);transition:box-shadow 200ms ease-in-out;}.dashboard_desktop-last-visits .product-carousel_stream .prd-card:hover .prd-card_wrapper{box-shadow:0 0 0 1px var(--c-gray-400);}}@media (min-width: 1200px){.dashboard-content_inner{padding-left:var(--gutter);}}:root{--card-canvas-width:600px;--card-canvas-height:400px;--card-canvas-border-radius:todo;--card-content-width:todo;--card-content-height:todo;--card-content-border-radius:todo;--card-base-font-size:10px;}.user-edit_avatar .avatar-preview{width:100%;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:20px;background-color:var(--c-gray-50);border:1px solid var(--c-gray-200);overflow:hidden;cursor:pointer;}.user-edit_avatar .current-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;}.user-edit_avatar .current-avatar img{width:100%;height:100%;object-fit:contain;}.user-edit_avatar .change-avatar-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;font-size:var(--fs-text-sm);color:var(--c-text-tertiary);border:1px solid var(--c-gray-300);font-weight:300;background-color:#fff;box-shadow:0px 3px 5px -3px hsla(0, 0%, 0%, 0.1);transition:all 200ms ease-in-out;}.user-edit_avatar .change-avatar-btn:hover{border-color:var(--c-gray-500);box-shadow:0px 3px 5px -6px hsla(0, 0%, 0%, 0.1);}.user-edit_avatar .change-avatar-btn .svg-icon{color:var(--c-gray-400);}.user-edit_bank-info{margin-top:36px;padding-top:36px;position:relative;}.user-edit_bank-info:before{content:'';position:absolute;top:0;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));height:1px;background-color:var(--c-gray-200);}.bank-info_desc{padding-bottom:16px;}.bank-info_desc .title{font-weight:600;margin-bottom:8px;}.bank-info_desc p{font-size:var(--fs-text-sm);color:var(--c-text-secondary);font-weight:300;}.bank-info_card-preview{padding:42px 0;}.card-preview_inner{border-radius:32px;padding:10px;border:2px dashed var(--c-gray-300);display:flex;flex-direction:column;gap:16px;}.card-canvas{font-size:var(--card-base-font-size);}.card-canvas_inner{position:relative;width:100%;height:100%;aspect-ratio:3 / 2;max-width:var(--card-canvas-width);max-height:var(--card-canvas-height);overflow:hidden;}.card-canvas .card-backdrop, .card-canvas .card-main, .card-canvas .card-front, .card-canvas .card-info{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;}.card-canvas .card-main{padding:5%;}.card-main_inner{position:relative;width:100%;height:100%;border-radius:calc(var(--card-base-font-size) * 1.6);overflow:hidden;box-shadow:inset 0 0 1px 2px hsla(0, 0%, 100%, 0.1), inset 0 0 0 1px hsla(0, 0%, 100%, 0.2), 0 0 1px 2px hsla(0, 0%, 0%, 0.1), 0px 2px 16px -4px hsla(0, 0%, 0%, 1);}.card-main_inner .watermark{text-align:center;margin-top:-6.5%;font-size:1.1em;font-weight:300;color:hsla(0, 0%, 100%, 0.6);}.empty-state .card-main_inner{box-shadow:none;background-color:hsla(0, 0%, 100%, 0.3);border:2px dashed #fff;}.empty-state .card-main_inner .watermark{display:none;}.bank-passargard .card-main_inner{background-color:var(--c-bank-passargard);}.bank-dey .card-main_inner{background-color:var(--c-bank-dey);}.bank-enbank .card-main_inner{background-color:var(--c-bank-enbank);}.bank-gardeshgari .card-main_inner{background-color:var(--c-bank-gardeshgari);}.bank-iranzamin .card-main_inner{background-color:var(--c-bank-iranzamin);}.bank-karafrin .card-main_inner{background-color:var(--c-bank-karafrin);}.bank-keshavarzi .card-main_inner{background-color:var(--c-bank-keshavarzi);}.bank-maskan .card-main_inner{background-color:var(--c-bank-maskan);}.bank-mellat .card-main_inner{background-color:var(--c-bank-mellat);}.bank-melli .card-main_inner{background-color:var(--c-bank-melli);}.bank-parsian .card-main_inner{background-color:var(--c-bank-parsian);}.bank-post .card-main_inner{background-color:var(--c-bank-post);}.bank-sina .card-main_inner{background-color:var(--c-bank-sina);}.bank-tejarat .card-main_inner{background-color:var(--c-bank-tejarat);}.bank-refah .card-main_inner{background-color:var(--c-bank-refah);}.bank-saderat .card-main_inner{background-color:var(--c-bank-saderat);}.bank-saman .card-main_inner{background-color:var(--c-bank-saman);}.bank-sepah .card-main_inner{background-color:var(--c-bank-sepah);}.bank-resalat .card-main_inner{background-color:var(--c-bank-resalat);}.bank-shahr .card-main_inner{background-color:var(--c-bank-shahr);}.bank-blu .card-main_inner{background-color:var(--c-bank-blu);}.bank-khavarmianeh .card-main_inner{background-color:var(--c-bank-khavarmianeh);}.bank-mehr .card-main_inner{background-color:var(--c-bank-mehr);}.bank-sanat .card-main_inner{background-color:var(--c-bank-sanat);}.bank-sarmayeh .card-main_inner{background-color:var(--c-bank-sarmayeh);}.card-canvas_inner .card-backdrop{}.card-canvas_inner .card-main{}.card-canvas_inner .card-front{}.card-canvas_inner .card-info{}.card-info_inner{height:100%;padding:36% 10% 0 10%;display:flex;flex-direction:column;gap:1%;}.card-info .customer_name{font-size:1.4em;color:#fff;}.card-info .customer_card-number{font-size:2em;font-weight:900;display:flex;flex-direction:row-reverse;justify-content:space-between;color:#000;opacity:0.7;text-shadow:0 1px 1px hsla(0, 0%, 100%, 0.5);}.card-info .customer_account{display:flex;justify-content:space-between;align-items:center;font-size:1.4em;opacity:0.8;}.card-share-btns{display:flex;flex-direction:column;gap:16px;}.user-edit_birth-date.input-control .input-group_fields{flex-direction:row-reverse;}.user-edit_birth-date.input-control.input-group .input-group_fields > .input-wrapper:first-child > .input{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--input-border-radius);border-end-end-radius:var(--input-border-radius);}.user-edit_birth-date.input-control.input-group .input-group_fields > .input-wrapper:last-child > .input{border-start-end-radius:0;border-end-end-radius:0;border-start-start-radius:var(--input-border-radius);border-end-start-radius:var(--input-border-radius);}@media (min-width: 420px){:root{--card-base-font-size:12px;}.card-preview_inner{padding:16px;}.card-share-btns{flex-direction:row;}}@media (min-width: 480px){:root{--card-base-font-size:13px;}.card-preview_inner{gap:24px;}.card-share-btns{gap:24px;}}@media (min-width: 560px){:root{--card-base-font-size:15px;}}@media (min-width: 620px){:root{--card-base-font-size:18px;}.card-info .customer_name{padding-bottom:8px;}}@media (min-width: 680px){.user-edit_general{display:flex;flex-wrap:wrap;gap:24px;}.user-edit_general > .input-control{flex:1 1 calc(50% - 12px);margin-bottom:0 !important;margin-top:0 !important;margin-bottom:16px !important;}.card-preview_inner{max-width:680px;margin:0 auto;}}/* Mobile: pin save CTA above the bottom bar while the form is dirty */@media (max-width: 979px){.user-edit_save.is-fixed{position:fixed;left:0;right:0;bottom:calc(var(--bottom-bar-item-height) + 1px);z-index:var(--z-index-mobile-formbar);margin:0;padding:var(--gutter-xs) var(--gutter);background-color:#fff;border-top:1px solid var(--c-gray-400);box-shadow:0 -8px 24px -8px hsla(0, 0%, 0%, 0.1);}.user-edit_save.is-fixed .btn{width:100%;}.page-dashboard_profile form:has(.user-edit_save.is-fixed){padding-bottom:calc( var(--bottom-bar-item-height) + var(--btn-height, 48px) + (var(--gutter-xs) * 2) + 24px );}}@media (min-width: 980px){.user-edit_save.is-fixed{position:static;left:auto;right:auto;bottom:auto;z-index:auto;padding:0;background-color:transparent;border-top:none;box-shadow:none;}.user-edit_save.is-fixed .btn{width:auto;}}@media (min-width: 1200px){:root{--card-base-font-size:10px;}.user-profile-edit{display:flex;align-items:flex-start;gap:24px;}.user-edit_general{width:calc(65% - 24px);}.user-edit_general > .input-control{margin-bottom:0 !important;}.user-edit_bank-info{position:absolute;left:0;top:0;width:35%;margin-top:0;padding-top:0;border:1px dashed var(--c-gray-300);padding:16px;border-radius:24px;}.user-edit_bank-info:before{display:none;}.bank-info_desc{padding-bottom:13px;}.card-preview_inner{padding:0;border:none;}.bank-info_card-preview{padding:0;padding-top:24px;}.user-edit_save{margin-top:36px;max-width:310px;}}.card-canvas{--card-base-font-size:10px;--card-canvas-width:600px;--card-canvas-height:400px;font-size:var(--card-base-font-size);}.card-canvas_inner{position:relative;width:100%;height:100%;aspect-ratio:3 / 2;max-width:var(--card-canvas-width);max-height:var(--card-canvas-height);overflow:hidden;}.card-canvas .card-backdrop, .card-canvas .card-main, .card-canvas .card-front, .card-canvas .card-info{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;}.card-canvas .card-main{padding:5%;}.card-main_inner{position:relative;width:100%;height:100%;border-radius:calc(var(--card-base-font-size) * 1.6);overflow:hidden;background-color:var(--card-bank-color, transparent);box-shadow:inset 0 0 1px 2px hsla(0, 0%, 100%, 0.1), inset 0 0 0 1px hsla(0, 0%, 100%, 0.2), 0 0 1px 2px hsla(0, 0%, 0%, 0.1), 0px 2px 16px -4px hsla(0, 0%, 0%, 1);}.card-main_inner .watermark{text-align:center;margin-top:-6.5%;font-size:1.1em;font-weight:300;color:hsla(0, 0%, 100%, 0.6);}.empty-state .card-main_inner{box-shadow:none;background-color:hsla(0, 0%, 100%, 0.3);border:2px dashed #fff;}.empty-state .card-main_inner .watermark{display:none;}.card-info_inner{height:100%;padding:36% 10% 0 10%;display:flex;flex-direction:column;gap:1%;}.card-info .customer_name{font-size:1.4em;color:#fff;}.card-info .customer_card-number{font-size:2em;font-weight:900;display:flex;flex-direction:row-reverse;justify-content:space-between;color:#000;opacity:0.7;text-shadow:0 1px 1px hsla(0, 0%, 100%, 0.5);}.card-info .customer_account{display:flex;justify-content:space-between;align-items:center;font-size:1.4em;opacity:0.8;}.bank-info_card-preview{padding:42px 0;}.card-preview_inner{border:2px dashed var(--c-gray-300);border-radius:32px;display:flex;flex-direction:column;gap:16px;padding:10px;}.card-share-btns{display:flex;flex-direction:column;gap:16px;}.card-share-btns .card-action-desktop{display:none;}@media (min-width: 768px){.card-share-btns .card-action-desktop{display:flex;}.card-share-btns .card-action-mobile{display:none;}}@media (min-width: 420px){.card-canvas{--card-base-font-size:12px;}.card-preview_inner{padding:16px;}.card-share-btns{flex-direction:row;}}@media (min-width: 480px){.card-canvas{--card-base-font-size:13px;}.card-preview_inner, .card-share-btns{gap:24px;}}@media (min-width: 560px){.card-canvas{--card-base-font-size:15px;}}@media (min-width: 620px){.card-canvas{--card-base-font-size:18px;}.card-info .customer_name{padding-bottom:8px;}}@media (min-width: 680px){.card-preview_inner{margin:0 auto;max-width:680px;}}@media (min-width: 1200px){.card-canvas{--card-base-font-size:10px;}.card-preview_inner{border:0;padding:0;}.bank-info_card-preview{padding:24px 0 0;}}:root{}.page-dashboard_address{}.page-dashboard_address .dashboard-content_header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--gutter);}.page-dashboard_address .dashboard-content_header .title{display:none;}.page-dashboard_address .dashboard-content_header .actions{width:100%;}.dashboard_address-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}.dashboard_address-actions .trail{display:flex;align-items:center;gap:10px;}.dashboard_address-actions .btn{min-width:80px;}.dashboard_address{margin-bottom:var(--gutter);margin-top:var(--gutter);border:1px solid var(--c-gray-300);border-radius:20px;}.dashboard_address:first-child{margin-top:0;}.dashboard_address:last-child{margin-bottom:0;}.dashboard_address.is-default{border-color:var(--c-gray-700);}.dashboard_address-inner{}.dashboard_address-details{padding:var(--gutter);display:flex;flex-wrap:wrap;gap:20px;}.dashboard_address-details .address-item{line-height:1;}.dashboard_address-details .address-item .label{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);margin-bottom:10px;}.dashboard_address-details .address-item .value{}.dashboard_address-details .address-item.address-main{width:100%;min-width:100%;flex-shrink:0;display:block;}.dashboard_address-actions{padding:calc(var(--gutter) / 2) ;border-top:1px solid var(--c-gray-300);}@media (min-width: 420px){.dashboard_address-actions{padding:calc(var(--gutter) / 2) var(--gutter);}}@media (min-width: 980px){.page-dashboard_address .dashboard-content_header{justify-content:space-between;align-items:baseline;}.page-dashboard_address .dashboard-content_header .title{display:flex;}.page-dashboard_address .dashboard-content_header .actions{max-width:260px;}.dashboard_address-details{gap:20px;}.dashboard_address-details .address-item.address-main{order:0;}.dashboard_address-details .address-item.address-title{order:1;margin-left:12px;}.dashboard_address-details .address-item.address-postal-code{order:2;margin-left:12px;}.dashboard_address-details .address-item.address-receiver{order:3;margin-left:12px;}.dashboard_address-details .address-item.address-phone{order:4;margin-left:12px;}}.address-form-grid{display:grid;grid-template-columns:1fr;gap:var(--gutter);}.address-form-grid > .input-control{margin-block:0;}.address-textarea-control{margin-top:16px;}.address-textarea-control .input{height:auto;min-height:128px;padding:12px var(--input-inner-padding);resize:vertical;line-height:1.7;text-align:right;}@media (min-width: 768px){.modal-shell.address-form-modal{--modal-shell-max-width:640px;}.address-form-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--gutter-lg);}}@media (min-width: 1200px){.address-form-grid{gap:var(--gutter-xl);}.modal-shell.address-form-modal{--modal-shell-max-width:860px;}}.address-delete-confirm-modal_details{display:flex;flex-direction:column;gap:12px;margin:0;}.address-delete-confirm-modal_details > div{display:grid;grid-template-columns:7rem minmax(0, 1fr);gap:8px;align-items:start;}.address-delete-confirm-modal_details dt{margin:0;color:var(--c-text-tertiary);font-size:var(--fs-text-sm);font-weight:300;}.address-delete-confirm-modal_details dd{margin:0;color:var(--c-text-secondary);font-size:var(--fs-text-sm);font-weight:500;line-height:1.6;}:root{--orders-filter-item-width:120px;}.page-dashboard_orders-list{}.page-dashboard_orders-list .dashboard-content{padding:0;}.page-dashboard_orders-list .dashboard-content_body{background-color:var(--c-gray-150);padding-bottom:0;}.dashboard_orders-header{}.page-dashboard .orders_filter{padding:var(--gutter);display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}.page-dashboard .orders_filter::-webkit-scrollbar{display:none;}.page-dashboard .orders_filter-item{width:fit-content;flex-shrink:0;padding:var(--btn-padding) 12px var(--btn-padding) 8px;gap:16px;background-color:#fff !important;}.page-dashboard .orders_filter-item:hover{background-color:#fff !important;border-color:var(--c-gray-500) !important;}.page-dashboard .orders_filter-item .order-counter{font-size:var(--fs-text-2xs);min-width:20px;height:20px;border-radius:999px;padding:0 4px;background-color:var(--c-gray-200);font-weight:500;display:flex;align-items:center;justify-content:center;color:var(--c-text-tertiary);}.page-dashboard .orders_filter-item.active{font-weight:600;border:2px solid var(--c-gray-900);}.page-dashboard .orders_filter-item.active:hover{border-color:var(--c-gray-900) !important;}.page-dashboard .orders_filter-item.active .order-counter{background-color:var(--c-gray-900);color:#fff;}.dashboard_orders-list{border-top:1px solid var(--c-gray-300);background-color:#fff;padding:var(--gutter);padding-top:28px;padding-bottom:64px;border-radius:var(--separator-radius) var(--separator-radius) 0 0;}.dashboard_orders-empty .empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0;}.dashboard_orders-empty .empty-state img{width:50%;max-width:280px;}.dashboard_orders-empty .empty-state .text{font-size:var(--fs-text-lg);font-weight:900;color:var(--c-accent-400);text-align:center;}.dashboard_orders-stream{display:flex;flex-direction:column;gap:24px;padding-bottom:24px;}.dashboard_orders-stream .order-card{margin-top:0 !important;margin-bottom:0 !important;}.page-dashboard .orders_filter.waiting-list-desc{flex-direction:column;}.page-dashboard .orders_filter.waiting-list-desc .title{font-weight:600;}.page-dashboard .orders_filter.waiting-list-desc p{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);}.page-dashboard .ship-request-btn .order-counter{font-size:var(--fs-text-sm);font-weight:200;background-color:hsla(0, 0%, 100%, 0.2);padding:2px 8px 0 8px;border-radius:999px;aspect-ratio:1/1;margin-right:4px;}@media (min-width: 768px){.ship-request-row{display:flex;justify-content:flex-end;}.ship-request-row .ship-request-btn{max-width:280px;border-radius:15px;}}@media (min-width: 980px){.page-dashboard_orders-list .order-card_inner{flex-wrap:wrap;}.page-dashboard_orders-list .order-card_header{order:1;}.page-dashboard_orders-list .order-card_status{order:2;align-items:flex-end;}.page-dashboard_orders-list .order-card_details{order:3;}.page-dashboard_orders-list .order-card_items{order:4;}.dashboard_orders-list{border-radius:0;border-top:none;}.page-dashboard_orders-list .dashboard-content_body{background-color:transparent;}.page-dashboard .orders_filter{background-color:var(--c-gray-100);padding:16px;border-radius:16px;}.dashboard_orders-list{padding:0;padding-top:var(--gutter);}}@media (min-width: 1200px){.page-dashboard_orders-list .order-card_inner{flex-wrap:nowrap;}.page-dashboard_orders-list .order-card_header{order:1;}.page-dashboard_orders-list .order-card_status{order:3;align-items:center;}.page-dashboard_orders-list .order-card_details{order:2;}.page-dashboard_orders-list .order-card_items{order:4;}.dashboard_orders-stream{gap:24px;padding-bottom:0;}}.waiting-list-submit-modal .modal-body{gap:20px;}.waiting-list-submit-modal .checkout-delivery-methods, .waiting-list-submit-modal .checkout-gateway{display:flex;flex-direction:column;}.waiting-list-submit-modal .checkout-section-title{margin-bottom:12px;}.waiting-list-submit-modal .delivery-method-stream, .waiting-list-submit-modal .checkout-gateway-stream{padding-bottom:0;}:root{--timeline-title-fs:var(--fs-text-xs);--timeline-time-fs:10px;--timeline-bar-height:10px;--timeline-indicator-width:32px;--timeline-indicator-extra-height:8px;--timeline-bar-color:#374151;--timeline-active-color:#36E5A5;}.page-order{}.page-order .page-content > .page-width{padding:0;background-color:var(--c-gray-150);}.order-view_section{padding:0 var(--gutter);font-family:var(--ff-fn);}.page-order .header_mobile .site-header_middle{font-family:var(--ff-fn);flex:1;}.page-order .header_mobile .site-header_page-title{font-size:var(--fs-text-sm);}.page-order .header_mobile .site-header_page-title .title{font-weight:700;padding-top:2px;}.page-order .header_mobile .site-header_page-title .sub{color:var(--c-text-tertiary);font-weight:300;}.order-view_info{padding-top:var(--gutter-lg);padding-bottom:var(--gutter-lg);position:relative;}.order-view_header{display:none;}.order-view_address .address-item_title{display:none;}.order-view_address{display:flex;flex-direction:column;gap:10px;}.order-view_address .label{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-gray-600);}.order-view_address .value{font-size:calc(var(--fs-text-sm) + 1px);color:var(--c-text-primary);}.order-card_status.order-view_status{position:absolute;top:var(--gutter-lg);left:var(--gutter);width:fit-content;}.order-view_actions{padding-top:32px;display:flex;flex-direction:column;gap:12px;}.order-action_repay{display:flex;gap:24px;}.order-view_section.order-view_packages{padding:0;}.order-view_package{background-color:#fff;border-radius:var(--separator-radius);padding:var(--gutter);margin-bottom:var(--gutter);}.order-view_package-header{color:var(--c-text-tertiary);line-height:1;padding:8px 0;}.order-view_timeline{margin-top:16px;}.order-timeline_wrapper{display:flex;}.order-timeline_item{flex:1 1 0;min-width:0;position:relative;text-align:center;}.order-timeline_item .bar{width:100%;height:var(--timeline-bar-height);background-color:var(--timeline-bar-color);margin-bottom:12px;}.order-timeline_item.done .bar{background-color:var(--timeline-active-color);}.order-timeline_item.current .bar{background:linear-gradient(90deg,var(--timeline-bar-color) 0%, var(--timeline-active-color) 80%);}.order-timeline_item:first-child .bar{border-top-right-radius:99px;border-bottom-right-radius:99px;}.order-timeline_item:last-child .bar{border-top-left-radius:99px;border-bottom-left-radius:99px;}.order-timeline_item .title{font-size:var(--timeline-title-fs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--c-text-tertiary);margin-bottom:4px;}.order-timeline_item.current .title{color:var(--c-text-primary);font-weight:500;}.order-timeline_item .time{font-size:10px;color:var(--c-text-quaternary);font-weight:300;}.order-timeline_item.current .indicator{position:absolute;width:var(--timeline-indicator-width);height:calc(var(--timeline-indicator-extra-height) + var(--timeline-bar-height));border-radius:999px;background-color:#fff;border:4px solid var(--timeline-active-color);top:calc((var(--timeline-indicator-extra-height) / 2) * -1);left:50%;transform:translateX(-50%);}.order-view_tracking{margin:var(--gutter) 0;}.order-tracking_item{display:flex;align-items:center;gap:var(--gutter-xs);background-color:var(--c-gray-100);border:1px solid var(--c-gray-400);border-radius:16px;padding:var(--gutter-xs);position:relative;}.order-tracking_icon{width:42px;height:42px;background-color:#fff;border-radius:10px;overflow:hidden;padding:4px;display:flex;align-items:center;justify-content:center;}.order-tracking_icon .svg-icon svg{width:28px;height:28px;color:var(--c-gray-600);}.order-tracking_content{display:flex;flex-direction:column;justify-content:center;line-height:1;gap:6px;}.order-tracking_method{color:var(--c-text-secondary);font-weight:500;}.order-tracking_code{font-size:var(--fs-text-sm);color:var(--c-text-tertiary);font-weight:300;}.order-tracking_link{font-size:var(--fs-text-sm);color:var(--c-text-tertiary);font-weight:300;margin-top:-4px;color:var(--c-blue-500);}.btn.order-tracking_copy{position:absolute;top:var(--gutter-xs);left:var(--gutter-xs);width:62px;padding:0;height:28px;gap:4px;font-size:11px;font-weight:400 !important;}.btn.order-tracking_copy .btn-icon{width:16px;height:16px;}.order-view_items_header{position:relative;display:flex;align-items:center;gap:5px;padding-top:16px;margin-top:16px;position:relative;}.order-view_items_header::before{content:'';position:absolute;top:0;height:1px;border-top:1px dashed var(--c-gray-300);left:calc(var(--gutter) * -1);right:calc(var(--gutter) * -1);}.order-view_items_header .title{}.order-view_items_header .counter{height:20px;min-width:20px;font-size:var(--fs-text-xs);background-color:var(--c-gray-150);color:var(--c-text-tertiary);text-align:center;line-height:22px;border-radius:999px;padding:0 5px;}.order-view_items_stream{display:flex;flex-direction:column;gap:12px;padding-top:12px}.order-view_items_stream .prd-card{min-height:auto;height:fit-content}.order-view_items_stream .prd-card .prd-card_wrapper{padding:0;display:flex;border-radius:0;}.order-view_items_stream .prd-card.layout-horizontal .prd-card_details{padding-top:0;}.order-view_items_stream  .prd-card.layout-horizontal .prd-card_collection{display:flex;}.order-view_items_stream .prd-card.layout-horizontal .original-price_single{opacity:0;visibility:hidden;}.order-view_invoice{padding:var(--gutter);padding-top:calc(var(--gutter) + 4px);background-color:#fff;border-radius:var(--separator-radius) var(--separator-radius) 0 0;margin-top:var(--gutter);margin-bottom:0;}.order-view_payments{background-color:#fff;padding:var(--gutter);}.order-view_footer{background-color:#fff;padding:calc(var(--gutter) * 3);}.order-view_footer .text{text-align:center;font-size:var(--fs-text-sm);color:var(--c-text-tertiary);max-width:260px;margin:0 auto;}.order-view_footer .text a{color:var(--c-blue-500);}.order-view_payment{padding:10px;border-radius:10px;background-color:var(--c-gray-50);border:1px solid var(--c-gray-300);display:flex;flex-direction:column;gap:5px;margin-bottom:12px;}.order-view_payment:last-child{margin-bottom:0;}.order-view_payment-info{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-text-xs);color:var(--c-text-tertiary);}.order-view_payment-info .amount .value{font-weight:600;color:var(--c-text-primary);font-size:var(--fs-text);}.order-view_payment-type{font-size:var(--fs-text);color:var(--c-text-primary);}.order-view_payment-extra{display:flex;flex-direction:column;}.order-view_payment-extra .extra-item{font-size:var(--fs-text-xs);color:var(--c-text-tertiary);display:flex;gap:4px;}@media (min-width: 980px){:root{--timeline-title-fs:var(--fs-text);--timeline-time-fs:12px;--timeline-bar-height:12px;--timeline-indicator-width:42px;--timeline-indicator-extra-height:12px;}.page-order .page-content > .page-width{background-color:#fff;max-width:980px;}.page-order .order-view{margin:64px auto;background-color:var(--c-gray-0);border-radius:var(--separator-radius);border:1px solid var(--c-gray-300);display:flex;flex-wrap:wrap;}.order-view_section.order-view_info{width:100%;order:1;}.order-view_section.order-view_packages{width:100%;order:2;}.order-view_section.order-view_invoice{width:45%;order:4;}.order-view_section.order-view_payments{width:55%;order:3;}.order-view_section.order-view_footer{width:100%;order:5;}.order-view_header{display:flex;width:100%;flex-shrink:0;justify-content:space-between;border-radius:var(--separator-radius) var(--separator-radius) 0 0;padding:var(--gutter);border-bottom:1px solid var(--c-gray-300);}.order-view .order-view_header{position:relative;isolation:isolate;}.order-view .order-view_header::before{content:'';position:absolute;inset:0;z-index:2;border-radius:calc(var(--separator-radius) - 1px) calc(var(--separator-radius) - 1px) 0 0;pointer-events:none;background-color:#fff;opacity:0.7;}.order-view .order-view_header::after{content:'';position:absolute;inset:-1px;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg, var(--c-gray-500) 0%, rgba(255, 255, 255, 0) 50%);opacity:1;}.order-view.status-new .order-view_header::after{background:linear-gradient(90deg, var(--c-order-status-new-border) 0%, rgba(255, 255, 255, 0) 50%);}.order-view.status-processing .order-view_header::after{background:linear-gradient(90deg, var(--c-order-status-processing-border) 0%, rgba(255, 255, 255, 0) 50%);}.order-view.status-completed .order-view_header::after{background:linear-gradient(90deg, var(--c-order-status-completed-border) 0%, rgba(255, 255, 255, 0) 50%);}.order-view.status-cancelled .order-view_header::after{background:linear-gradient(90deg, var(--c-order-status-cancelled-border) 0%, rgba(255, 255, 255, 0) 50%);}.order-view.status-waitingList .order-view_header::after{background:linear-gradient(90deg, var(--c-order-status-waitingList-border) 0%, rgba(255, 255, 255, 0) 50%);}.order-view_info{display:flex;flex-direction:row;flex-wrap:wrap;padding:0;}.order-view_header{width:100%;}.order-view_header .lead{display:flex;gap:24px;position:relative;z-index:5;}.order-view_header .lead .label{font-size:var(--fs-text-sm);color:var(--c-text-tertiary);font-weight:300;}.order-view_header .lead .value{}.order-view_header .admin-order-actions{display:flex;gap:16px;margin-left:170px;}.order-card_status.order-view_status{top:var(--gutter);}.order-view_address{width:70%;padding:var(--gutter);}.order-view_actions{width:30%;padding:var(--gutter);}.order-action_repay{gap:12px;}.order-view_section.order-view_packages{display:flex;flex-direction:column;gap:var(--gutter);padding:var(--gutter);}.order-view_package{/* border: 1px solid var(--c-gray-300); */background-color:var(--c-gray-100);padding:var(--gutter-xl);margin-bottom:0;border-radius:24px;}.order-view_package-header{padding:0;margin-bottom:var(--gutter);font-weight:bold;color:var(--c-text-primary);}.order-view_timeline{}.order-tracking_item{background-color:#fff;padding:10px;}.order-tracking_icon{box-shadow:inset 0 0 0 1px var(--c-gray-300);width:52px;height:52px;}.order-view_items_header::before{left:calc(var(--gutter-xl) * -1);right:calc(var(--gutter-xl) * -1);border-top:1px dashed var(--c-gray-300);}.order-view_items_header .counter{background-color:var(--c-gray-900);color:#fff;}.order-view_items_stream{--thumbnail-width-horizontal:100px;--thumbnail-height-horizontal:100px;}.order-view_items_stream .prd-card .prd-card_wrapper{padding:var(--prd-card-padding);background-color:#fff !important;border-radius:calc(var(--thumbnail-border-radius) + var(--prd-card-padding) - 1px);border:1px solid var(--c-gray-300);transition:all 200ms ease-in-out;}.order-view_items_stream .prd-card:hover .prd-card_wrapper{background-color:#fff;border:1px solid var(--c-gray-400);}.order-view_items_stream .prd-card_media::after{border:1px solid transparent;}.order-timeline_item.current .indicator{border:6px solid var(--timeline-active-color);}.order-view_invoice{margin-top:0;/* sits on a white section here, so the invoice loses its gray fill */--invoice-bg:#fff;}.order-view_section.order-view_invoice{padding-top:0;}.order-view_section.order-view_payments{padding-top:0;padding-left:0;}.order-view_section.order-view_footer{padding:calc(var(--gutter) * 2) var(--gutter);background-color:transparent;}}:root{--wallet-card-width:600px;--wallet-card-height:400px;--wallet-card-max-width:400px;--wallet-card-offset:33%;--wallet-card-transition-duration:350ms;--wallet-card-transition-delay:100ms;--wallet-card-shine-color:hsl(0deg 0% 100% / 35%);--wallet-card-shine-duration:1200ms;--wallet-card-shine-delay:400ms;}.page-dashboard_wallet .dashboard-content{padding:0;}.page-dashboard_wallet .dashboard-content_body{background-color:var(--c-gray-150);padding-bottom:0;}.dashboard-wallet_balance{padding:var(--gutter);padding-top:24vw;padding-bottom:calc(var(--gutter) * 2);}.wallet-card{}.wallet-card_inner{position:relative;aspect-ratio:3 / 2;max-width:var(--wallet-card-max-width);margin:0 auto;}.wallet-card_backdrop, .wallet-card_pocket{position:absolute;aspect-ratio:3 / 2;top:0;bottom:0;left:0;right:0;}.wallet-card_main{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;}.wallet-card_main-inner{position:relative;width:100%;max-width:89%;height:100%;max-height:85%;display:flex;justify-content:center;align-items:center;overflow:hidden;isolation:isolate;transition:transform var(--wallet-card-transition-duration) var(--wallet-card-transition-delay) cubic-bezier(0.4, 0, 0.2, 1);}.wallet-card_main-inner::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient( 120deg, transparent 32%, var(--wallet-card-shine-color) 50%, transparent 68% );transform:translateX(-120%);pointer-events:none;}.wallet-card_bg{position:absolute;top:0;left:0;right:0;bottom:0;}.wallet-card_info{position:relative;line-height:1;padding-top:4%;}.wallet-card_info .title{font-size:min(4vw, 20px);}.wallet-card_info .amount .value{font-size:min(8vw, 42px);color:#fff;font-weight:700;text-shadow:0 3px 0px rgba(0, 0, 0, 0.2);letter-spacing:-0.02em;}.wallet-card_info .amount .currency{font-size:min(4vw, 16px);font-weight:300;color:#fff;}.wallet-card.is-open .wallet-card_main-inner{transform:translateY(calc(var(--wallet-card-offset) * -1));}.wallet-card.is-open .wallet-card_main-inner::after{animation:btn-shine var(--wallet-card-shine-duration) var(--btn-shine-ease) var(--wallet-card-shine-delay) 1 forwards;}@media (prefers-reduced-motion: reduce){.wallet-card.is-open .wallet-card_main-inner::after{animation:none;}}.wallet-card-actions{display:flex;justify-content:center;margin-top:calc(var(--gutter) * 1.5)}.wallet-withdraw-btn{max-width:var(--wallet-card-max-width) !important;}.dashboard-wallet_history{border-top:1px solid var(--c-gray-300);background-color:#fff;padding:var(--gutter);padding-top:28px;padding-bottom:64px;border-radius:var(--separator-radius) var(--separator-radius) 0 0;}.wallet-history-table .row-index{color:var(--c-text-quaternary);font-weight:400;white-space:nowrap;width:1%;}.wallet-history-table .date{color:var(--c-text-tertiary);font-weight:300;white-space:nowrap;}.wallet-history-table .desc{color:var(--c-text-secondary);font-weight:400;max-width:280px;}.wallet-history-table .desc span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.wallet-history-table .type{color:var(--c-text-secondary);font-weight:500;white-space:nowrap;}.wallet-history-table td.amount, .wallet-history-table td.balance{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums;}.wallet-history-table td.amount .currency, .wallet-history-table td.balance .currency{font-size:var(--fs-text-2xs);font-weight:400;opacity:0.55;margin-inline-start:2px;}.wallet-history-table td.amount.positive{color:var(--c-green-500);}.wallet-history-table td.amount.negative{color:var(--c-red-500);}.dashboard-wallet_history-title{padding:0 2px var(--gutter) 2px;color:var(--c-text-secondary);}@media (min-width: 768px){.wallet-history-table .desc{max-width:none;}}@media (min-width: 980px){.page-dashboard_wallet .dashboard-content_body{background-color:transparent;padding-bottom:64px;}.dashboard-wallet_balance{padding-top:40px;}.dashboard-wallet_history{border-top:none;background-color:transparent;border-radius:0;padding:0;padding-top:24px;}}:root{--ticket-desc-max-width:300px;--ticket-view-status-width:112px;--ticket-messages-max-width:560px;--ticket-messages-stream-gap:var(--gutter-xl);--ticket-messages-avatar-size:54px;--ticket-messages-padding:12px;--ticket-messages-border-radius:16px;--ticket-messages-customer-bg:hsl(215, 100%, 94%);--ticket-messages-admin-bg:hsl(131, 50%, 92%);--ticket-messages-attachments-size:64px;}.page-dashboard_tickets .dashboard-content{background-color:var(--c-gray-150);padding:0;}.page-dashboard_tickets .dashboard-content_header{display:flex;flex-direction:column;align-items:center;gap:var(--gutter);padding:calc(var(--gutter) * 2) var(--gutter) calc(var(--gutter) * 1.3) var(--gutter);background-color:#fff;border-radius:0 0 var(--separator-radius) var(--separator-radius);}.page-dashboard_tickets .dashboard-content_header .title{display:none;}.ticket-page-desc{font-size:var(--fs-text-sm);color:var(--c-text-secondary);line-height:1.8;text-align:center;max-width:var(--ticket-desc-max-width);}.ticket-page-desc a{color:var(--c-blue-400);}.page-dashboard_tickets .dashboard-content_header .trail{width:100%;}.btn.btn-new-ticket{background-color:var(--c-blue-500) !important;color:#fff !important;}.btn.btn-new-ticket .btn-icon{position:absolute;background-color:hsla(0, 0%, 0%, 0.3);width:36px;height:36px;max-width:36px;max-height:36px;border-radius:50%;right:8px;display:flex;align-items:center;justify-content:center;}.btn.btn-new-ticket .btn-icon .svg-icon{color:var(--c-blue-400);}.page-dashboard_tickets .dashboard-content_body{padding:var(--gutter);margin-top:calc(var(--gutter) * 2);background-color:#fff;border-radius:var(--separator-radius) var(--separator-radius) 0 0;}.ticket-list{}.ticket-list_header{padding:8px 2px var(--gutter) 2px;color:var(--c-text-secondary);}.ticket-list_stream{display:flex;flex-direction:column;border-radius:24px;border:1px solid var(--c-gray-300);overflow:hidden;}.ticket-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--c-gray-300);text-decoration:none;position:relative;transition:background-color 0.3s ease;}.ticket-item:hover{background-color:var(--c-gray-100);}.ticket-item_end{display:flex;flex-direction:column;align-items:center;}.ticket-item_start{max-width:calc(100% - 120px);}.ticket-item:last-child{border-bottom:none;}.ticket-item_id{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-tertiary);}.ticket-item_subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.ticket-item_status{font-size:var(--fs-text-xs);padding:2px 10px;background-color:var(--c-gray-100);text-align:center;border-radius:999px;min-width:92px;}.ticket-item_status.status-new{background-color:var(--c-ticket-status-new-bg);color:var(--c-ticket-status-new-fg);}.ticket-item_status.status-customer-reply{background-color:var(--c-ticket-status-customer-reply-bg);color:var(--c-ticket-status-customer-reply-fg);}.ticket-item_status.status-admin-reply{background-color:var(--c-ticket-status-admin-reply-bg);color:var(--c-ticket-status-admin-reply-fg);}.ticket-item_status.status-closed{background-color:var(--c-ticket-status-closed-bg);color:var(--c-ticket-status-closed-fg);}.ticket-item_date{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-secondary);margin-top:8px;}/* tickets view */.page-dashboard_tickets-view .header_mobile .site-header_middle{font-family:var(--ff-fn);flex:1;}.page-dashboard_tickets-view .header_mobile .site-header_page-title{font-size:var(--fs-text-sm);}.page-dashboard_tickets-view .header_mobile .site-header_page-title .title{font-weight:700;padding-top:2px;}.page-dashboard_tickets-view .header_mobile .site-header_page-title .sub{color:var(--c-text-tertiary);font-weight:300;}.page-dashboard_tickets-view .dashboard-content_header{border-radius:0;border-bottom:1px solid var(--c-gray-300);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--gutter);padding:var(--gutter);}.page-dashboard_tickets-view .dashboard-content_header .lead{width:calc(100% - var(--ticket-view-status-width) - var(--gutter));}.page-dashboard_tickets-view .dashboard-content_header .trail{width:fit-content;display:flex;flex-direction:column;width:var(--ticket-view-status-width);}.ticket-view_status{padding:6px 10px;margin-bottom:8px;}.ticket-view_created-date, .ticket-view_updated-date{font-size:var(--fs-text-2xs);font-weight:300;color:var(--c-text-secondary);text-align:center;}.ticket-view_id{font-size:var(--fs-text-lg);color:var(--c-text-tertiary);font-weight:300;}.ticket-view_subject{font-weight:500;color:var(--c-text-primary);}.page-dashboard_tickets-view .dashboard-content_body{border-radius:0;margin-top:0;padding:0;background-color:transparent;}.ticket-view_content{background-color:#fff;padding:var(--gutter);border-radius:0 0 var(--separator-radius) var(--separator-radius);margin-bottom:var(--gutter);padding-bottom:calc(var(--gutter) * 2);}.ticket-view_reply{background-color:#fff;padding:var(--gutter);border-radius:var(--separator-radius) var(--separator-radius) 0 0;padding-bottom:48px;}.ticket-messages-stream{display:flex;flex-direction:column;gap:var(--ticket-messages-stream-gap);}.ticket-message{display:flex;align-items:flex-start;gap:8px;}.ticket-message.is-customer{justify-content:flex-start;}.ticket-message.is-admin{justify-content:flex-start;flex-direction:row-reverse;}.ticket-message_avatar{display:flex;align-items:center;justify-content:center;width:var(--ticket-messages-avatar-size);height:var(--ticket-messages-avatar-size);border-radius:999px;overflow:hidden;background-color:#fff;border:1px solid var(--c-gray-300);padding:2px;display:none;}.ticket-message_avatar .store-avatar{width:100%;height:100%;}.ticket-message_avatar .media_wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:999px;overflow:hidden;}.ticket-message_avatar img{width:100%;height:100%;object-fit:cover;}.ticket-message_content{padding:var(--ticket-messages-padding);border-radius:var(--ticket-messages-border-radius);background-color:var(--c-gray-200);max-width:calc(100% - var(--gutter));width:100%;display:flex;flex-direction:column;}.ticket-message.is-customer .ticket-message_content{background-color:var(--ticket-messages-customer-bg);border-radius:var(--ticket-messages-border-radius) 0 var(--ticket-messages-border-radius) var(--ticket-messages-border-radius);}.ticket-message.is-admin .ticket-message_content{background-color:var(--ticket-messages-admin-bg);border-radius:0 var(--ticket-messages-border-radius) var(--ticket-messages-border-radius) var(--ticket-messages-border-radius);}.ticket-message_details{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-secondary);margin-bottom:8px;}.ticket-message_text{line-height:1.6;font-size:var(--fs-text);}.ticket-message_text a{color:var(--c-blue-500);}.ticket-message_attachments{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid hsla(0, 0%, 0%, 0.15);}.ticket-message_attachments .attachment-item{width:var(--ticket-messages-attachments-size);height:var(--ticket-messages-attachments-size);border-radius:8px;overflow:hidden;background-color:#fff;border:1px solid var(--c-gray-300);padding:2px;cursor:pointer;transition:border-color 200ms ease-in-out;}.ticket-message_attachments .attachment-item:hover{border-color:var(--c-gray-500);}.ticket-message_attachments .attachment-item .media_wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden;}.ticket-message_attachments .attachment-item .media_wrapper img{width:100%;height:100%;object-fit:cover;}.ticket-view_closed{background-color:var(--c-gray-100);padding:calc(var(--gutter) * 2) var(--gutter);border-radius:16px;text-align:center;border:1px solid var(--c-gray-400);margin-bottom:calc(var(--gutter) * 2);}/* ticket new */.page-dashboard_tickets-new .dashboard-content{background-color:#fff;}.page-dashboard_tickets-new .dashboard-content_header{display:none;}.page-dashboard_tickets-new .dashboard-content_body{margin-top:var(--gutter);}@media (min-width: 520px){.page-dashboard_tickets .dashboard-content_header .trail{max-width:calc(var(--ticket-desc-max-width) + 20px);}}@media (min-width: 680px){:root{}.page-dashboard_tickets .dashboard-content_header{flex-direction:row;gap:24px;align-items:center;justify-content:space-between;}.page-dashboard_tickets .dashboard-content_header .trail{max-width:260px;}.ticket-page-desc{text-align:right;max-width:360px;}.ticket-message_content{max-width:var(--ticket-messages-max-width);}}@media (min-width: 980px){.page-dashboard_tickets .dashboard-content{background-color:transparent;}.page-dashboard_tickets .dashboard-content_header{padding:0;align-items:flex-end;}.page-dashboard_tickets .dashboard-content_body{padding:0;}.page-dashboard_tickets .dashboard-content_header .title{display:block;margin-bottom:var(--gutter);}.ticket-page-desc{font-weight:300;}.page-dashboard_tickets .dashboard-content_header{border-bottom:none;}.ticket-view_reply{background-color:var(--c-gray-100);border-radius:16px;padding:var(--gutter);margin-top:48px;}.btn-ticket-submit{max-width:300px;}.page-dashboard_tickets-new .dashboard-content_header{display:flex;}.ticket-view_closed{background-color:transparent;padding:var(--gutter) 0;border-radius:0;text-align:center;border:none;margin-bottom:0;}.ticket-view_content{border-radius:0;border-bottom:1px solid var(--c-gray-300);padding-bottom:64px;}}@media (min-width: 1200px){:root{--ticket-messages-max-width:680px;--ticket-messages-padding:16px;}.ticket-page-desc{max-width:480px;}.ticket-list_header{display:none;}.ticket-list_stream{border-radius:16px;}.ticket-view_content{padding:0;padding-bottom:64px;margin-bottom:calc(var(--gutter) * 2);}.page-dashboard_tickets-view .dashboard-content_header{padding:16px;border:1px solid var(--c-gray-300);background-color:var(--c-gray-50);border-radius:16px;margin-bottom:calc(var(--gutter) * 3);align-items:center;}.ticket-message_avatar{display:block;}.ticket-view_subject{font-size:var(--fs-text-lg);}.ticket-message_content{width:fit-content;margin-top:2px;}.ticket-view_reply{border:1px solid var(--c-gray-300);background-color:transparent;margin-bottom:calc(var(--gutter) * 3);background-color:var(--c-gray-50);}.ticket-view_reply .ticket-reply-form{display:flex;gap:32px;}.ticket-reply-textarea{width:640px !important;margin-bottom:0 !important;}.ticket-reply-textarea textarea{background-color:#fff !important;}.btn-ticket-submit{max-width:100%;}.ticket-view_reply .bottom{display:flex;flex-direction:column;flex:1;gap:24px;}.page-dashboard_tickets-new .btn-ticket-submit{width:300px !important;}}:root{--fav-prd-list-cols:2;--fav-prd-list-gap:12px;}.page-dashboard_favoriets .dashboard-content{padding:calc(var(--gutter) * 1.5) var(--gutter-xs);}.page-dashboard_favoriets .dashboard-favs-list{display:flex;flex-wrap:wrap;gap:var(--fav-prd-list-gap);width:100%;}.page-dashboard_favoriets .dashboard-favs-list .prd-card{--thumbnail-width:100%;width:calc((100% - (var(--fav-prd-list-gap) * (var(--fav-prd-list-cols) - 1))) / var(--fav-prd-list-cols));min-width:0;flex-shrink:1;margin-bottom:8px;}.page-dashboard_favoriets .dashboard-favs-list .prd-card_wrapper, .page-dashboard_favoriets .dashboard-favs-list .prd-card_media, .page-dashboard_favoriets .dashboard-favs-list .prd-card_details{width:100%;}.page-dashboard_favoriets .dashboard-favs-list .prd-card_wrapper{background-color:#fff !important;box-shadow:inset 0 0 0 1px var(--c-gray-300);transition:box-shadow 200ms ease-in-out;}.page-dashboard_favoriets .dashboard-favs-list .prd-card:hover .prd-card_wrapper{box-shadow:inset 0 0 0 1px var(--c-gray-500);}.page-dashboard_favoriets .dashboard-favs-list .prd-card_media{aspect-ratio:1/1;height:auto;}@media screen and (min-width: 400px){:root{--fav-prd-list-gap:16px;}}@media screen and (min-width: 640px){:root{--fav-prd-list-cols:3;}}@media screen and (min-width: 768px){:root{--fav-prd-list-cols:4;}}@media screen and (min-width: 980px){:root{--fav-prd-list-cols:3;}.page-dashboard_favoriets .dashboard-content{padding:0;}}@media screen and (min-width: 1200px){:root{--fav-prd-list-cols:4;--fav-prd-list-gap:24px;}}:root{--return-details-attachments-size:64px;--return-view-status-width:120px;}.returs-list_header{padding:8px 2px var(--gutter) 2px;color:var(--c-text-secondary);}.returs-list_stream{display:flex;flex-direction:column;border-radius:24px;border:1px solid var(--c-gray-300);overflow:hidden;}.returs-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--c-gray-300);text-decoration:none;position:relative;transition:background-color 0.3s ease;}.returs-item:hover{background-color:var(--c-gray-100);}.returs-item_end{display:flex;flex-direction:column;align-items:center;}.returs-item_start{max-width:calc(100% - 120px);}.returs-item:last-child{border-bottom:none;}.returs-item_id{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-tertiary);}.returs-item_subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.returs-item_status{font-size:var(--fs-text-xs);padding:2px 10px;background-color:var(--c-gray-100);text-align:center;border-radius:999px;min-width:92px;}.returs-item_date{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-secondary);margin-top:8px;}.returs-item_order{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-secondary);}.returs-item_status.status-new{color:var(--c-return-status-new-fg);background-color:var(--c-return-status-new-bg);}.returs-item_status.status-approved{color:var(--c-return-status-approved-fg);background-color:var(--c-return-status-approved-bg);}.returs-item_status.status-review{color:var(--c-return-status-review-fg);background-color:var(--c-return-status-review-bg);}.returs-item_status.status-completed{color:var(--c-return-status-completed-fg);background-color:var(--c-return-status-completed-bg);}.returs-item_status.status-rejected{color:var(--c-return-status-rejected-fg);background-color:var(--c-return-status-rejected-bg);}.returs-item_status.status-closed{color:var(--c-return-status-closed-fg);background-color:var(--c-return-status-closed-bg);}/* return reqs view */.page-dashboard_returs-view .header_mobile .site-header_middle{font-family:var(--ff-fn);flex:1;}.page-dashboard_returs-view .header_mobile .site-header_page-title{font-size:var(--fs-text-sm);}.page-dashboard_returs-view .header_mobile .site-header_page-title .title{font-weight:700;padding-top:2px;}.page-dashboard_returs-view .header_mobile .site-header_page-title .sub{color:var(--c-text-tertiary);font-weight:300;}.page-dashboard_returs-view  .dashboard-content{padding:0;}.page-dashboard_returs-view .dashboard-content_header{border-bottom:1px solid var(--c-gray-300);padding:var(--gutter);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--gutter);}.page-dashboard_tickets-view .dashboard-content_header .lead{width:calc(100% - var(--return-view-status-width) - var(--gutter));}.page-dashboard_tickets-view .dashboard-content_header .trail{width:fit-content;display:flex;flex-direction:column;width:var(--return-view-status-width);}.returs-view_status{padding:6px 10px;margin-bottom:8px;}.returs-view_created-date, .returs-view_updated-date{font-size:var(--fs-text-2xs);font-weight:300;color:var(--c-text-secondary);text-align:center;}.returs-view_id{font-size:var(--fs-text-lg);color:var(--c-text-tertiary);font-weight:300;}.returs-view_subject{font-weight:500;color:var(--c-text-primary);}.returs-view_content{padding:var(--gutter);}.returs-view_order{background-color:var(--c-gray-100);border-radius:16px;padding:var(--gutter-xs);margin-bottom:var(--gutter);}.returs_order-details{text-decoration:none;padding-bottom:var(--gutter);display:block;}.returs_order-number .label{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-secondary);}.returs_order-number .value{text-decoration:underline;}.returs-view_details{display:flex;flex-direction:column;gap:var(--gutter);}.returs-view_details .label{font-size:var(--fs-text-xs);font-weight:300;}.returs-view_details{border-radius:16px;border:1px solid var(--c-gray-300);padding:var(--gutter-xs);}.returs_details_attachments{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid hsla(0, 0%, 0%, 0.15)}.returs_details_attachments .attachment-item{width:var(--return-details-attachments-size);height:var(--return-details-attachments-size);border-radius:8px;overflow:hidden;background-color:#fff;border:1px solid var(--c-gray-300);padding:2px;cursor:pointer;transition:border-color 200ms ease-in-out;}.returs_details_attachments .attachment-item:hover{border-color:var(--c-gray-500);}.returs_details_attachments .attachment-item .media_wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden;}.returs_details_attachments.attachment-item .media_wrapper img{width:100%;height:100%;object-fit:cover;}@media (min-width: 980px){.returs-list_header{display:none;}.page-dashboard_returs-view .dashboard-content_header{border:1px solid var(--c-gray-300);border-radius:16px;background-color:var(--c-gray-50);}.page-dashboard_returs-view .returs-view_content{padding:0;margin-top:calc(var(--gutter) * 2);}}:root{--dashboard-coupon-border-radius:20px;--dashboard-coupon-border-color:var(--c-gray-400);}.dashboard-coupon-list{display:flex;flex-direction:column;gap:var(--gutter);}.dashboard-coupon{position:relative;}.dashboard-coupon_top{border:1px solid var(--dashboard-coupon-border-color);border-bottom:1px dashed var(--dashboard-coupon-border-color);border-radius:var(--dashboard-coupon-border-radius);padding:var(--gutter-sm);display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;position:relative;overflow:hidden;background-color:var(--c-gray-25);}.dashboard_coupon-value{display:flex;align-items:baseline;gap:0px;line-height:1;}.dashboard_coupon-value .value{font-size:var(--fs-heading-xl);font-weight:700;color:var(--c-text-primary);}.dashboard_coupon-value .currency{font-size:var(--fs-text);font-weight:300;color:var(--c-text-tertiary);}.dashboard_coupon-value .text{color:var(--c-text-primary);margin-right:4px;}.dashboard_coupon-code{display:flex;align-items:center;gap:5px;background-color:var(--c-gray-150);padding:4px 12px 4px 4px;border-radius:999px;font-family:var(--ff-main);}.dashboard_coupon-code .code{color:var(--c-accent-400);font-weight:500;padding-top:2px;}.dashboard_coupon-code .btn{background-color:#fff !important;min-width:70px !important;}.dashboard-coupon_bottom{border:1px solid var(--dashboard-coupon-border-color);border-top:none;border-radius:var(--dashboard-coupon-border-radius);padding:var(--gutter-sm);position:relative;overflow:hidden;background-color:var(--c-gray-25);}.dashboard_coupon-details{margin-bottom:var(--gutter-sm);display:flex;flex-wrap:wrap;gap:4px;}.dashboard_coupon-rule{display:flex;align-items:baseline;gap:2px;}.dashboard_coupon-rule .rule-title{font-size:var(--fs-text-sm);color:var(--c-text-tertiary);font-weight:300;}.dashboard_coupon-rule .rule-value{color:var(--c-text-secondary);font-weight:500;}.dashboard_coupon-rule .rule-value span:not(:first-child)::before{content:',';margin-right:2px;}.dashboard_coupon-time{background-color:var(--c-gray-200);border-radius:10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px;}.dashboard_coupon-time-title{display:flex;align-items:center;gap:4px;}.dashboard_coupon-time-title .icon{color:var(--c-gray-500);}.dashboard_coupon-expire, .dashboard-coupon .remaining-days, .dashboard-coupon .remaining-time, .dashboard-coupon .coupon_count-down{display:flex;align-items:center;color:var(--c-text-primary);font-weight:500;}.dashboard_coupon-expire{gap:6px;}.dashboard-coupon .remaining-days{gap:2px;}.dashboard-coupon .remaining-time{gap:2px;}.dashboard_coupon-expire .unit{color:var(--c-text-tertiary);font-weight:300;}.dashboard-coupon .coupon_count-number{width:24px;text-align:center;}.dashboard-coupon .coupon_count-colon{color:var(--c-text-tertiary);}.dashboard-coupon.is-expired, .dashboard-coupon.is-expired > *{pointer-events:none;user-select:none;}.dashboard-coupon.is-expired:after{content:'\645 \646 \642 \636 \6CC \A \634 \62F \647 !';/* منقضی شده! */position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-16deg);font-size:48px;line-height:1;text-align:center;font-weight:900;color:var(--c-red-500);text-shadow:0 0 30px #fff;max-width:140px;}.dashboard-coupon.is-expired .dashboard-coupon_top::after{content:'';position:absolute;top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);background-color:hsla(0, 0%, 100%, 0.8);}.dashboard-coupon.is-expired .dashboard-coupon_bottom::after{content:'';position:absolute;top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);background-color:hsla(0, 0%, 100%, 0.8);}@media screen and (min-width: 768px){.dashboard-coupon-list{flex-direction:row;gap:var(--gutter);flex-wrap:wrap;}.dashboard-coupon{width:calc(50% - var(--gutter) / 2);}}@media screen and (min-width: 980px){.dashboard-coupon{width:100%;}}@media screen and (min-width: 1200px){.dashboard-coupon{width:calc(33.33% - var(--gutter) / 3);}.dashboard_coupon-value .value{letter-spacing:-0.02em;}}/**
 * Store components — shared UI and feature surfaces.
 * Imported from ../index.css
 *//**
 * Store UI primitives.
 *//*
Accordion structure:


theme:
.accordion-theme-border[default]
.accordion-theme-fill

# add a singleton property so only one accordion can be open at a time
# .open or .closed to main

<div class="accordion-main" data-accordion-singleton="dashboard">
    <div class="accordion-header">
        <div class="accordion-title">
           ...
        </div>
        <div class="accordion-toggle">
            <button class="btn btn-tertiary accordion-btn">
                <div class="svg-icon" data-svg="/assets/icons/svg/chevron-up.svg"></div>
            </button>
        </div>
    </div>
    <div class="accordion-content">
        <div class="accordion-content_inner">
            <div class="accordion-content_body">
                ...
            </div>
        </div>
    </div>
</div>


*/:root{--accordion-br:16px;--accordion-border-color:var(--c-gray-300);--accordion-inner-padding:12px;--accordion-icon-size:30px;--accordion-duration:250ms;--accordion-ease:ease-in-out;}.accordion-main{display:flex;flex-direction:column;gap:0;border-radius:var(--accordion-br);border:1px solid var(--accordion-border-color);transition:border-color var(--accordion-duration) var(--accordion-ease);}.accordion-main .accordion-header{display:flex;justify-content:space-between;align-items:center;padding:var(--accordion-inner-padding);border-bottom:1px solid var(--accordion-border-color);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color var(--accordion-duration) var(--accordion-ease);}.accordion-main.closed .accordion-header{border-bottom-color:transparent;}.accordion-main .accordion-title{display:flex;align-items:center;gap:4px;color:var(--c-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}.accordion-main .accordion-toggle{}.accordion-main .accordion-btn{width:var(--accordion-icon-size);height:var(--accordion-icon-size);min-width:var(--accordion-icon-size);display:flex;align-items:center;justify-content:center;padding:0;background-color:var(--c-gray-200);color:var(--c-gray-700);}.accordion-main .accordion-btn .svg-icon{transition:transform var(--accordion-duration) var(--accordion-ease);width:16px;height:16px;}.accordion-main.closed .accordion-btn .svg-icon{transform:rotate(180deg);}.accordion-main .accordion-content{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--accordion-duration) var(--accordion-ease);}.accordion-main.closed .accordion-content{grid-template-rows:0fr;}.accordion-main .accordion-content_inner{overflow:hidden;min-height:0;}.accordion-main .accordion-content_body{padding:var(--accordion-inner-padding);}@media (prefers-reduced-motion: reduce){.accordion-main .accordion-content, .accordion-main .accordion-btn .svg-icon, .accordion-main .accordion-header{transition:none;}}/*

size: 
    .btn-size-md[default]
    .btn-size-sm
    .btn-size-xs
    .btn-size-lg

type: 
    .btn-primary
    .btn-secondary[default]
    .btn-tertiary

color:
    .btn-default[default]
    .btn-red
    .btn-blue
    .btn-green

state:
    .is-disabled
    .is-processing
    .is-preloading
    .is-hidden


    .btn-esp [ especial button style]

other classes:
    .btn-width-fit 
    .btn-width-full[default]
    .btn-width-square
    .btn-corner-square
    .btn-corner-rounded[default]
    .btn-theme-accent *** only works with .btn-primary ***
    .btn-theme-ghost *** only works with .btn-tertiary ***

this is button structure
<button class="btn">
    <div class="btn-text">text</div>
    <div class="btn-icon svg-icon" data-svg=""></div>
</button>
*/:root{--btn-height:52px;--btn-padding:8px;--btn-spacing:12px;--btn-border-radius:12px;--btn-fs:18px;--btn-icon-size:24px;--btn-size-sm-height:38px;--btn-size-sm-padding:6px;--btn-size-sm-spacing:8px;--btn-size-sm-border-radius:8px;--btn-size-sm-fs:14px;--btn-size-sm-icon-size:18px;--btn-size-xs-height:30px;--btn-size-xs-padding:4px;--btn-size-xs-spacing:4px;--btn-size-xs-border-radius:6px;--btn-size-xs-fs:12px;--btn-size-xs-icon-size:14px;--btn-size-lg-height:64px;--btn-size-lg-padding:12px;--btn-size-lg-spacing:16px;--btn-size-lg-border-radius:18px;--btn-size-lg-fs:20px;--btn-size-lg-icon-size:24px;/* colors *//* secondary buttons */--c-btn-bg:hsl(210, 20%, 98%);--c-btn-icon-bg:var(--c-gray-100);--c-btn-fg:var(--c-text-secondary);--c-btn-border:hsl(215, 12%, 82%);--c-btn-shadow:inset 0px -1px 2px 1px hsla(0, 0%, 0%, 0.02), 0px 5px 5px -5px hsla(0, 0%, 0%, 0.0);--c-btn-bg-hover:hsl(210, 20%, 95%);--c-btn-fg-hover:hsl(220, 20%, 10%);--c-btn-border-hover:hsl(215, 12%, 85%);--c-btn-shadow-hover:inset 0px 0px 0px 0px hsla(0, 0%, 0%, 0.02), 0px 0px 0px -5px hsla(0, 0%, 0%, 0.1);--c-btn-disabled-bg:var(--c-gray-200);--c-btn-disabled-fg:var(--c-text-quaternary);--c-btn-red-bg:var(--c-red-50);--c-btn-red-icon-bg:var(--c-red-100);--c-btn-red-fg:var(--c-red-950);--c-btn-red-border:var(--c-red-200);--c-btn-red-shadow:inset 0px -1px 2px 1px hsla(358, 85%, 59%, 0.05), 0px 5px 5px -5px hsla(358, 85%, 59%, 0.1);--c-btn-red-bg-hover:var(--c-red-100);--c-btn-red-fg-hover:var(--c-red-950);--c-btn-red-shadow-hover:0px 0px 0px 0px hsla(358, 85%, 59%, 0.05), 0px 0px 0px -5px hsla(358, 85%, 59%, 0.1);--c-btn-red-border-hover:var(--c-red-200);--c-btn-red-disabled-bg:var(--c-red-100);--c-btn-red-disabled-fg:var(--c-red-400);--c-btn-blue-bg:var(--c-blue-50);--c-btn-blue-icon-bg:var(--c-blue-100);--c-btn-blue-fg:var(--c-blue-950);--c-btn-blue-border:var(--c-blue-200);--c-btn-blue-shadow:inset 0px -1px 2px 1px hsla(210, 96%, 50%, 0.05), 0px 5px 5px -5px hsla(210, 96%, 50%, 0.1);--c-btn-blue-bg-hover:var(--c-blue-100);--c-btn-blue-fg-hover:var(--c-blue-950);--c-btn-blue-shadow-hover:0px 0px 0px 0px hsla(210, 96%, 50%, 0.05), 0px 0px 0px -5px hsla(210, 96%, 50%, 0.1);--c-btn-blue-border-hover:var(--c-blue-200);--c-btn-blue-disabled-bg:var(--c-blue-100);--c-btn-blue-disabled-fg:var(--c-blue-400);--c-btn-green-bg:var(--c-green-50);--c-btn-green-icon-bg:var(--c-green-100);--c-btn-green-fg:var(--c-green-950);--c-btn-green-border:var(--c-green-200);--c-btn-green-shadow:inset 0px -1px 2px 1px hsla(160, 62%, 40%, 0.05), 0px 5px 5px -5px hsla(160, 62%, 40%, 0.1);--c-btn-green-bg-hover:var(--c-green-100);--c-btn-green-fg-hover:var(--c-green-950);--c-btn-green-shadow-hover:0px 0px 0px 0px hsla(160, 62%, 40%, 0.05), 0px 0px 0px -5px hsla(160, 62%, 40%, 0.1);--c-btn-green-border-hover:var(--c-green-200);--c-btn-green-disabled-bg:var(--c-green-100);--c-btn-green-disabled-fg:var(--c-green-400);/* primary buttons */--c-btn-primary-bg:hsl(220, 30%, 12%);--c-btn-primary-icon-bg:hsl(220, 0%, 0%);--c-btn-primary-fg:hsl(220, 20%, 98%);--c-btn-primary-border:transparent;/* todo inset shadow was 4% */--c-btn-primary-shadow:inset 0px -1px 2px 1px hsl(0, 0%, 0%), 0px 5px 5px -5px hsla(0, 0%, 0%, 0.3);--c-btn-primary-bg-hover:hsl(220, 0%, 0%);--c-btn-primary-fg-hover:hsl(220, 20%, 100%);--c-btn-primary-border-hover:transparent;--c-btn-primary-shadow-hover:inset 0px 0px 0px 0px hsl(220, 80%, 4%), 0px 0px 0px -5px hsla(0, 0%, 0%, 0.3);--c-btn-primary-disabled-bg:hsl(220, 7%, 70%);--c-btn-primary-disabled-fg:hsla(210, 20%, 98%, 0.85);--c-btn-primary-red-bg:var(--c-red-500);--c-btn-primary-red-icon-bg:var(--c-red-700);--c-btn-primary-red-fg:#fff;--c-btn-primary-red-border:transparent;--c-btn-primary-red-shadow:inset 0px -1px 2px 1px hsl(358, 85%, 48%), 0px 5px 5px -5px hsl(358, 85%, 70%);--c-btn-primary-red-bg-hover:var(--c-red-600);--c-btn-primary-red-fg-hover:#fff;--c-btn-primary-red-border-hover:transparent;--c-btn-primary-red-shadow-hover:inset 0px 0px 0px 0px hsl(358, 85%, 48%), 0px 0px 0px -5px hsl(358, 85%, 70%);--c-btn-primary-red-disabled-bg:var(--c-red-200);--c-btn-primary-red-disabled-fg:var(--c-gray-300);--c-btn-primary-blue-bg:hsl(214, 90%, 50%);--c-btn-primary-blue-icon-bg:hsl(214, 90%, 40%);--c-btn-primary-blue-fg:#fff;--c-btn-primary-blue-border:transparent;--c-btn-primary-blue-shadow:inset 0px -1px 2px 1px hsl(214, 90%, 47%), 0px 5px 5px -5px hsl(214, 100%, 70%);--c-btn-primary-blue-bg-hover:hsl(214, 95%, 45%);--c-btn-primary-blue-fg-hover:#fff;--c-btn-primary-blue-border-hover:transparent;--c-btn-primary-blue-shadow-hover:inset 0px 0px 0px 0px hsl(214, 90%, 47%), 0px 0px 0px -5px hsl(214, 100%, 70%);--c-btn-primary-blue-disabled-bg:var(--c-blue-200);--c-btn-primary-blue-disabled-fg:var(--c-gray-300);--c-btn-primary-green-bg:var(--c-green-500);--c-btn-primary-green-icon-bg:hsl(160, 62%, 32%);--c-btn-primary-green-fg:#fff;--c-btn-primary-green-border:transparent;--c-btn-primary-green-shadow:inset 0px -1px 2px 1px hsl(160, 62%, 35%), 0px 5px 5px -5px hsl(160, 50%, 55%);--c-btn-primary-green-bg-hover:var(--c-green-600);--c-btn-primary-green-fg-hover:#fff;--c-btn-primary-green-border-hover:transparent;--c-btn-primary-green-shadow-hover:inset 0px 0px 0px 0px hsl(160, 62%, 35%), 0px 0px 0px -5px hsl(160, 50%, 55%);--c-btn-primary-green-disabled-bg:var(--c-green-200);--c-btn-primary-green-disabled-fg:var(--c-gray-300);/* tertiary buttons */--c-btn-tertiary-bg:var(--c-gray-150);--c-btn-tertiary-fg:var(--c-text-secondary);--c-btn-tertiary-bg-hover:var(--c-gray-300);--c-btn-tertiary-fg-hover:var(--c-text-primary);--c-btn-tertiary-disabled-bg:var(--c-gray-100);--c-btn-tertiary-disabled-fg:var(--c-gray-400);--c-btn-tertiary-red-bg:var(--c-red-300);--c-btn-tertiary-red-fg:var(--c-red-950);--c-btn-tertiary-red-bg-hover:var(--c-red-400);--c-btn-tertiary-red-fg-hover:#000;--c-btn-tertiary-red-disabled-bg:var(--c-red-100);--c-btn-tertiary-red-disabled-fg:var(--c-red-400);--c-btn-tertiary-blue-bg:var(--c-blue-300);--c-btn-tertiary-blue-fg:var(--c-blue-950);--c-btn-tertiary-blue-bg-hover:var(--c-blue-400);--c-btn-tertiary-blue-fg-hover:#000;--c-btn-tertiary-blue-disabled-bg:var(--c-blue-100);--c-btn-tertiary-blue-disabled-fg:var(--c-blue-400);--c-btn-tertiary-green-bg:var(--c-green-300);--c-btn-tertiary-green-fg:var(--c-green-950);--c-btn-tertiary-green-bg-hover:var(--c-green-400);--c-btn-tertiary-green-fg-hover:#000;--c-btn-tertiary-green-disabled-bg:var(--c-green-100);--c-btn-tertiary-green-disabled-fg:var(--c-green-400);--btn-esp-depth:8px;}.btn-reset{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:0;margin:0;padding:0;border:none;border-radius:0;background:none;font:inherit;color:inherit;line-height:inherit;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}.btn-size-sm{--btn-height:var(--btn-size-sm-height);--btn-padding:var(--btn-size-sm-padding);--btn-spacing:var(--btn-size-sm-spacing);--btn-fs:var(--btn-size-sm-fs);--btn-icon-size:var(--btn-size-sm-icon-size);}.btn-size-xs{--btn-height:var(--btn-size-xs-height);--btn-padding:var(--btn-size-xs-padding);--btn-spacing:var(--btn-size-xs-spacing);--btn-fs:var(--btn-size-xs-fs);--btn-icon-size:var(--btn-size-xs-icon-size);}.btn-size-lg{--btn-height:var(--btn-size-lg-height);--btn-padding:var(--btn-size-lg-padding);--btn-spacing:var(--btn-size-lg-spacing);--btn-fs:var(--btn-size-lg-fs);--btn-icon-size:var(--btn-size-lg-icon-size);}.btn-red{--c-btn-bg:var(--c-btn-red-bg);--c-btn-icon-bg:var(--c-btn-red-icon-bg);--c-btn-fg:var(--c-btn-red-fg);--c-btn-border:var(--c-btn-red-border);--c-btn-shadow:var(--c-btn-red-shadow);--c-btn-bg-hover:var(--c-btn-red-bg-hover);--c-btn-fg-hover:var(--c-btn-red-fg-hover);--c-btn-border-hover:var(--c-btn-red-border-hover);--c-btn-shadow-hover:var(--c-btn-red-shadow-hover);--c-btn-disabled-bg:var(--c-btn-red-disabled-bg);--c-btn-disabled-fg:var(--c-btn-red-disabled-fg);}.btn-blue{--c-btn-bg:var(--c-btn-blue-bg);--c-btn-icon-bg:var(--c-btn-blue-icon-bg);--c-btn-fg:var(--c-btn-blue-fg);--c-btn-border:var(--c-btn-blue-border);--c-btn-shadow:var(--c-btn-blue-shadow);--c-btn-bg-hover:var(--c-btn-blue-bg-hover);--c-btn-fg-hover:var(--c-btn-blue-fg-hover);--c-btn-border-hover:var(--c-btn-blue-border-hover);--c-btn-shadow-hover:var(--c-btn-blue-shadow-hover);--c-btn-disabled-bg:var(--c-btn-blue-disabled-bg);--c-btn-disabled-fg:var(--c-btn-blue-disabled-fg);}.btn-green{--c-btn-bg:var(--c-btn-green-bg);--c-btn-icon-bg:var(--c-btn-green-icon-bg);--c-btn-fg:var(--c-btn-green-fg);--c-btn-border:var(--c-btn-green-border);--c-btn-shadow:var(--c-btn-green-shadow);--c-btn-bg-hover:var(--c-btn-green-bg-hover);--c-btn-fg-hover:var(--c-btn-green-fg-hover);--c-btn-border-hover:var(--c-btn-green-border-hover);--c-btn-shadow-hover:var(--c-btn-green-shadow-hover);--c-btn-disabled-bg:var(--c-btn-green-disabled-bg);--c-btn-disabled-fg:var(--c-btn-green-disabled-fg);}.btn-primary{--c-btn-bg:var(--c-btn-primary-bg);--c-btn-icon-bg:var(--c-btn-primary-icon-bg);--c-btn-fg:var(--c-btn-primary-fg);--c-btn-border:var(--c-btn-primary-border);--c-btn-shadow:var(--c-btn-primary-shadow);--c-btn-bg-hover:var(--c-btn-primary-bg-hover);--c-btn-fg-hover:var(--c-btn-primary-fg-hover);--c-btn-border-hover:var(--c-btn-primary-border-hover);--c-btn-shadow-hover:var(--c-btn-primary-shadow-hover);--c-btn-disabled-bg:var(--c-btn-primary-disabled-bg);--c-btn-disabled-fg:var(--c-btn-primary-disabled-fg);}.btn-primary.btn-red{--c-btn-bg:var(--c-btn-primary-red-bg);--c-btn-icon-bg:var(--c-btn-primary-red-icon-bg);--c-btn-fg:var(--c-btn-primary-red-fg);--c-btn-border:var(--c-btn-primary-red-border);--c-btn-shadow:var(--c-btn-primary-red-shadow);--c-btn-bg-hover:var(--c-btn-primary-red-bg-hover);--c-btn-fg-hover:var(--c-btn-primary-red-fg-hover);--c-btn-border-hover:var(--c-btn-primary-red-border-hover);--c-btn-shadow-hover:var(--c-btn-primary-red-shadow-hover);--c-btn-disabled-bg:var(--c-btn-primary-red-disabled-bg);--c-btn-disabled-fg:var(--c-btn-primary-red-disabled-fg);}.btn-primary.btn-blue{--c-btn-bg:var(--c-btn-primary-blue-bg);--c-btn-icon-bg:var(--c-btn-primary-blue-icon-bg);--c-btn-fg:var(--c-btn-primary-blue-fg);--c-btn-border:var(--c-btn-primary-blue-border);--c-btn-shadow:var(--c-btn-primary-blue-shadow);--c-btn-bg-hover:var(--c-btn-primary-blue-bg-hover);--c-btn-fg-hover:var(--c-btn-primary-blue-fg-hover);--c-btn-border-hover:var(--c-btn-primary-blue-border-hover);--c-btn-shadow-hover:var(--c-btn-primary-blue-shadow-hover);--c-btn-disabled-bg:var(--c-btn-primary-blue-disabled-bg);--c-btn-disabled-fg:var(--c-btn-primary-blue-disabled-fg);}.btn-primary.btn-green{--c-btn-bg:var(--c-btn-primary-green-bg);--c-btn-icon-bg:var(--c-btn-primary-green-icon-bg);--c-btn-fg:var(--c-btn-primary-green-fg);--c-btn-border:var(--c-btn-primary-green-border);--c-btn-shadow:var(--c-btn-primary-green-shadow);--c-btn-bg-hover:var(--c-btn-primary-green-bg-hover);--c-btn-fg-hover:var(--c-btn-primary-green-fg-hover);--c-btn-border-hover:var(--c-btn-primary-green-border-hover);--c-btn-shadow-hover:var(--c-btn-primary-green-shadow-hover);--c-btn-disabled-bg:var(--c-btn-primary-green-disabled-bg);--c-btn-disabled-fg:var(--c-btn-primary-green-disabled-fg);}.btn-tertiary{--c-btn-bg:var(--c-btn-tertiary-bg);--c-btn-fg:var(--c-btn-tertiary-fg);--c-btn-bg-hover:var(--c-btn-tertiary-bg-hover);--c-btn-fg-hover:var(--c-btn-tertiary-fg-hover);--c-btn-disabled-bg:var(--c-btn-tertiary-disabled-bg);--c-btn-disabled-fg:var(--c-btn-tertiary-disabled-fg);}.btn-tertiary.btn-red{--c-btn-bg:var(--c-btn-tertiary-red-bg);--c-btn-fg:var(--c-btn-tertiary-red-fg);--c-btn-bg-hover:var(--c-btn-tertiary-red-bg-hover);--c-btn-fg-hover:var(--c-btn-tertiary-red-fg-hover);--c-btn-disabled-bg:var(--c-btn-tertiary-red-disabled-bg);--c-btn-disabled-fg:var(--c-btn-tertiary-red-disabled-fg);}.btn-tertiary.btn-blue{--c-btn-bg:var(--c-btn-tertiary-blue-bg);--c-btn-fg:var(--c-btn-tertiary-blue-fg);--c-btn-bg-hover:var(--c-btn-tertiary-blue-bg-hover);--c-btn-fg-hover:var(--c-btn-tertiary-blue-fg-hover);--c-btn-disabled-bg:var(--c-btn-tertiary-blue-disabled-bg);--c-btn-disabled-fg:var(--c-btn-tertiary-blue-disabled-fg);}.btn-tertiary.btn-green{--c-btn-bg:var(--c-btn-tertiary-green-bg);--c-btn-fg:var(--c-btn-tertiary-green-fg);--c-btn-bg-hover:var(--c-btn-tertiary-green-bg-hover);--c-btn-fg-hover:var(--c-btn-tertiary-green-fg-hover);--c-btn-disabled-bg:var(--c-btn-tertiary-green-disabled-bg);--c-btn-disabled-fg:var(--c-btn-tertiary-green-disabled-fg);}.btn-size-sm.btn-corner-square{--btn-border-radius:var(--btn-size-sm-border-radius);}.btn-size-xs.btn-corner-square{--btn-border-radius:var(--btn-size-xs-border-radius);}.btn-size-lg.btn-corner-square{--btn-border-radius:var(--btn-size-lg-border-radius);}.btn.btn-corner-square{border-radius:var(--btn-border-radius);}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:0;margin:0;padding:0;border:none;border-radius:0;background:none;font:inherit;color:inherit;line-height:inherit;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}.btn:disabled, .btn[aria-disabled='true']{cursor:not-allowed;}.btn:focus, .btn:focus-visible{outline:none;}.btn{height:var(--btn-height);width:100%;min-width:var(--btn-height);gap:var(--btn-spacing);padding:var(--btn-padding);box-shadow:var(--c-btn-shadow);border-radius:999px;font-size:var(--btn-fs);font-weight:400;line-height:1;color:var(--c-btn-fg);background-color:var(--c-btn-bg);border:1px solid transparent;border-color:var(--c-btn-border);cursor:pointer;position:relative;transition:all 200ms ease-in-out;}.btn:hover{background-color:var(--c-btn-bg-hover);color:var(--c-btn-fg-hover);border-color:var(--c-btn-border-hover);box-shadow:var(--c-btn-shadow-hover);}.btn:focus, .btn:focus-visible{/* todo */}.btn.btn-size-sm, .btn.btn-size-xs{font-weight:300;}.btn.btn-width-fit{width:fit-content;padding:var(--btn-padding) calc(var(--btn-padding) * 2.5);}.btn.btn-width-full{width:100%;}.btn.btn-width-square{width:var(--btn-height) !important;max-width:var(--btn-height) !important;overflow:hidden;}.btn.btn-primary{text-shadow:0px 1px 1px #000;}.btn.btn-primary.btn-blue{text-shadow:0px 1px 1px hsla(0, 0%, 0%, 0.5);}.btn.btn-primary.btn-blue:hover{text-shadow:0px 0px 0px hsla(0, 0%, 0%, 0.5);}.btn.btn-primary.btn-green{text-shadow:0px 1px 1px hsla(0, 0%, 0%, 0.35);}.btn.btn-primary.btn-green:hover{text-shadow:0px 0px 0px hsla(0, 0%, 0%, 0.35);}.btn.btn-tertiary{border-color:transparent;box-shadow:none;}.btn.btn-tertiary.btn-theme-ghost{background-color:transparent;}.btn.btn-tertiary:hover{background-color:var(--c-btn-bg-hover);color:var(--c-btn-fg-hover);border-color:transparent;box-shadow:none;}.btn.btn-tertiary.btn-theme-ghost:hover{background-color:var(--c-btn-bg-hover);}.btn-primary.btn-theme-accent{background-color:var(--c-btn-accent-bg);color:var(--c-btn-accent-fg);border-radius:999px;box-shadow:inset 0px 0px 0px 2px hsla(221, 39%, 11%, 0.2), inset 0px 4px 8px -2px hsla(0, 0%, 100%, 0.35), 0px 4px 6px -4px hsla(221, 39%, 11%, 0.8);}.btn-primary.btn-theme-accent:hover{box-shadow:inset 0px 0px 0px 2px hsla(221, 39%, 11%, 0), inset 0px 4px 8px -2px hsla(0, 0%, 100%, 0), 0px 4px 6px -8px hsla(221, 39%, 11%, 0.8);background-color:var(--c-btn-accent-bg-hover);color:var(--c-btn-accent-fg-hover);}.btn.is-disabled, .btn[disabled]{background-color:var(--c-btn-disabled-bg) ;color:var(--c-btn-disabled-fg);box-shadow:none;text-shadow:none;border-color:transparent;}.btn.is-disabled .btn-icon, .btn[disabled] .btn-icon{opacity:0.5;}.btn-primary.is-disabled, .btn-primary[disabled]{background-color:var(--c-btn-disabled-bg);color:var(--c-btn-disabled-fg);text-shadow:none;box-shadow:none;}.btn-primary.is-disabled .btn-text, .btn-primary[disabled] .btn-text{text-shadow:none;}.btn .btn-icon{max-width:var(--btn-icon-size);max-height:var(--btn-icon-size);}.btn-tertiary .btn-icon{opacity:0.8;}.btn.col-12{width:100%;}.btn.col-11{width:91.66%;}.btn.col-10{width:83.33%;}.btn.col-9{width:75%;}.btn.col-8{width:66.66%;}.btn.col-7{width:58.33%;}.btn.col-6{width:50%;}.btn.col-5{width:41.66%;}.btn.col-4{width:33.33%;}.btn.col-3{width:25%;}.btn.col-2{width:16.66%;}.btn.col-1{width:8.33%;}/* especial buttons - limited usage */.btn.btn-esp{position:relative;width:100%;background:#FF595F;background:linear-gradient(90deg, var(--c-accent-500) 0%, var(--c-accent-700) 20%, var(--c-accent-700) 50%, var(--c-accent-700) 80%, var(--c-accent-500) 100%);border-color:transparent;border:none !important;height:calc(var(--btn-height) + var(--btn-esp-depth));box-shadow:0px 1px 0px 0px hsla(0, 0%, 0%, 0.5), 0px 10px 12px -8px hsla(0, 0%, 0%, 0.6);overflow:hidden;transition:all 200ms ease-in-out;}.btn.btn-esp::before{content:'';position:absolute;border-radius:inherit;width:calc(100% - 2px);height:var(--btn-height);top:0;background-color:var(--c-accent-500);box-shadow:inset 0px 0px 12px 0px hsla(0, 0%, 100%, 0.0), inset 0px 0px 1px 1px hsla(0, 0%, 100%, 0.25), inset 0px -1px 1px 0px hsla(0, 0%, 100%, 0.1);z-index:2;transition:all 200ms ease-in-out;}.btn.btn-esp::after{content:'';width:80%;height:calc(var(--btn-height) * 0.7);top:calc(var(--btn-height) * 0.15);position:absolute;border-radius:50%;background-color:var(--c-accent-300);filter:blur(12px);-webkit-filter:blur(12px);z-index:3;transition:all 200ms ease-in-out;}.btn.btn-esp .btn-text{z-index:4;position:relative;padding-bottom:calc(var(--btn-esp-depth) / 2);}.btn.btn-esp .btn-text{color:#fff;text-shadow:0px 1px 1px hsla(0, 0%, 0%, 0.3);font-size:var(--fs-text-md);transition:all 200ms ease-in-out;}.btn.btn-esp .btn-icon{z-index:4;position:relative;position:absolute !important;width:32px !important;height:32px !important;max-width:32px !important;max-height:32px !important;left:16px;margin-bottom:8px;opacity:0;transition:all 200ms ease-in-out;}.btn.btn-esp .btn-icon svg{width:100% !important;height:100% !important;}.btn.btn-esp:hover{height:var(--btn-height);margin-top:var(--btn-esp-depth);}.btn.btn-esp:hover::before{width:100%;box-shadow:inset 0px 0px 12px 0px hsla(0, 0%, 100%, 0.0), inset 0px 0px 1px 1px hsla(0, 0%, 100%, 0.3), inset 0px -1px 1px 0px hsla(0, 0%, 100%, 0.15);}.btn.btn-esp:hover::after{opacity:0.5;}.btn.btn-esp:hover .btn-text{padding-bottom:0;margin-top:2px;}.btn.btn-esp:hover .btn-icon{opacity:0.4;margin-bottom:0px;}@media (min-width: 680px){.btn.col-md-full{width:100%;}.btn.col-md-12{width:100%;}.btn.col-md-11{width:91.66%;}.btn.col-md-10{width:83.33%;}.btn.col-md-9{width:75%;}.btn.col-md-8{width:66.66%;}.btn.col-md-7{width:58.33%;}.btn.col-md-6{width:50%;}.btn.col-md-5{width:41.66%;}.btn.col-md-4{width:33.33%;}.btn.col-md-3{width:25%;}.btn.col-md-2{width:16.66%;}.btn.col-md-1{width:8.33%;}}@media (min-width: 980px){.btn.col-lg-full{width:100%;}.btn.col-lg-12{width:100%;}.btn.col-lg-11{width:91.66%;}.btn.col-lg-10{width:83.33%;}.btn.col-lg-9{width:75%;}.btn.col-lg-8{width:66.66%;}.btn.col-lg-7{width:58.33%;}.btn.col-lg-6{width:50%;}.btn.col-lg-5{width:41.66%;}.btn.col-lg-4{width:33.33%;}.btn.col-lg-3{width:25%;}.btn.col-lg-2{width:16.66%;}.btn.col-lg-1{width:8.33%;}}:root{--product-carousel-gutter:16px;--product-carousel-gap:4px;--product-carousel-gap-desktop:8px;}.product-carousel{}.index-block.product-carousel{}.product-carousel_stream .swiper-wrapper{}.product-carousel .page_width, .vendor-carousel .page_width{padding:0;}.product-carousel .swiper-prd-carousel{/* padding-left: var(--gutter); */overflow:hidden;max-width:var(--max-width);}.product-carousel_stream .swiper-slide.prd-card{width:fit-content;margin-left:var(--product-carousel-gap);}.product-carousel_stream .swiper-slide.prd-card:first-child{margin-right:calc(var(--gutter) / 2);}.product-carousel_stream .swiper-slide.prd-card:last-child{margin-left:var(--gutter);}.product-carousel_sales .product-carousel_wrapper{padding-top:16px;box-shadow:inset 0 8px 8px -8px var(--c-accent-400);background:linear-gradient(180deg, rgba(255, 115, 119, 1) 0%, rgba(255, 115, 119, 0.4) 20%, rgba(255, 102, 107, 0) 40%);border-radius:var(--separator-radius) var(--separator-radius) 0 0;}/* header */.product-carousel_header .title_text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block;max-width:50vw;}.product-carousel_header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);padding-bottom:10px;gap:16px;}.vendor-carousel .product-carousel_header{padding-bottom:24px;}.product-carousel_header a{text-decoration:none;color:inherit;}.product-carousel_header .lead{display:flex;align-items:center;max-width:100%;min-width:0;}.product-carousel_header .lead .title_text{font-size:var(--fs-text);font-weight:500;color:var(--c-text);}.product-carousel_header.is-preloading .lead .title_text.state_preloading{width:140px;height:22px;border-radius:var(--radius-sm, 6px);display:inline-block;}.product-carousel_header.is-preloading .trail .state_preloading{width:72px;height:18px;border-radius:var(--radius-sm, 6px);display:inline-block;}.product-carousel_header .trail{flex-shrink:0;}.product-carousel_header .view_all{display:flex;justify-content:center;align-items:center;gap:2px;text-decoration:none;font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-secondary);background-color:var(--c-gray-100);border-radius:999px;padding:1px 8px 1px 4px;transition:all 200ms ease-in-out;}.product-carousel_header .view_all:hover{background-color:var(--c-gray-200);}.product-carousel_header .view_all_text span:first-child{display:none;transition:all 200ms ease-in-out;}.product-carousel_header .view_all_icon{width:16px;height:16px;color:var(--c-gray-500);transition:all 200ms ease-in-out;}.product-carousel_header .view_all:hover .view_all_icon{color:var(--c-accent-400);}.product-carousel_vendor .product-carousel_header, .product-carousel_sales .product-carousel_header{align-items:flex-end;}.product-carousel_vendor .product-carousel_header .title_link, .product-carousel_sales .product-carousel_header .title_link , .vendor-carousel_header .title_link{display:flex;gap:8px;align-items:center;text-decoration:none;color:inherit;}.product-carousel_vendor .product-carousel_header .title_icon , .vendor-carousel_header .title_icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:var(--c-gray-50);border-radius:6px;padding:5px;box-shadow:0 0 0 1px var(--c-gray-150);}.product-carousel_vendor .product-carousel_header .title_details , .vendor-carousel_header .title_details{line-height:1;}.product-carousel_vendor .product-carousel_header .title_text{}.product-carousel_vendor .product-carousel_header .title_sub , .vendor-carousel_header .title_sub{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-tertiary);padding-bottom:4px;}.product-carousel_sales .product-carousel_header{align-items:center;padding-top:8px;}.product-carousel_sales .product-carousel_header .lead .title_text{color:var(--c-accent-900);font-size:calc(var(--fs-text) * 1.1);padding-top:4px;}.product-carousel_sales .product-carousel_header .title_icon{width:32px;height:32px;position:relative;}.product-carousel_sales .product-carousel_header .title_icon .star{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform-origin:center center;animation:sales-star-spin 16s linear infinite;}.product-carousel_sales .product-carousel_header .title_icon .star svg{width:100%;height:100%;}.vendor-carousel_header .lead{}.swiper.swiper-vendor-carousel{padding-left:var(--gutter);}.swiper-vendor-carousel .swiper-slide.vendor-item{height:auto;margin-right:var(--gutter);}@keyframes sales-star-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@media (prefers-reduced-motion: reduce){.product-carousel_sales .product-carousel_header .title_icon .star{animation:none;}}.product-carousel_sales .product-carousel_header .title_icon .percent{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}@media (min-width: 640px){.product-carousel_header .lead .title_text{font-size:var(--fs-text-md);}.product-carousel_header .view_all{padding:4px 8px 4px 4px;}.product-carousel_header .view_all_text span:first-child{display:inline;}}@media (min-width: 980px){:root{--product-carousel-gap:var(--product-carousel-gap-desktop);}.index-block.product-carousel{}.product-carousel_header{padding-bottom:16px;}.product-carousel_sales .product-carousel_header{padding-top:8px;padding-bottom:16px;}.product-carousel_header .lead .title_text{font-size:var(--fs-text-lg);font-weight:600;}.product-carousel_header .view_all{font-size:var(--fs-text-xs);font-weight:300;padding:6px 12px 6px 6px;}.product-carousel_header .view_all_icon{width:20px;height:20px;}.product-carousel_vendor .product-carousel_header .title_icon, .vendor-carousel_header .title_icon{width:50px;height:50px;border-radius:8px;box-shadow:0 0 0 1px var(--c-gray-200);transition:all 200ms ease-in-out;}.product-carousel_vendor .product-carousel_header .title_link:hover .title_icon{background-color:var(--c-green-50);box-shadow:0 0 0 1px var(--c-green-200);}.product-carousel_vendor .product-carousel_header .title_sub , .vendor-carousel_header .title_sub{font-size:var(--fs-text);padding-bottom:8px;}.product-carousel_sales .product-carousel_header .title_icon{width:42px;height:42px;}.product-carousel_sales .product-carousel_header .lead .title_text{font-size:calc(var(--fs-text-lg) * 1.1);}}/* 
structure:
<div class="hint-banners-container">
    states:
    .is_info (blue)
    .is_success (green)
    .is_warning (yellow)
    .is_error (orange! todo)
    default is grey

    sizes:
    .size_regular [default no class needed]
    .size_large — on .hint-banner, or on .hint-banners-container to scale every banner in it

    +

    .is-preloading


    actions:
    .hint-banner-action
    .hint-banner-close

    <div class="hint-banner">
        <div class="hint-banner-badge"></div>
        <div class="hint-banner-content">text</div>
        <div class="hint-banner-actions">
            <button class="hint-banner-action">text</button>
             or
            <button class="hint-banner-close">
                <div class="icon svg-icon" data-svg="/assets/icons/svg/x-cross.svg"></div>
            </button>
        </div>
    </div>
</div>
*/:root{--hint-banner-min-height:46px;--hint-banner-padding:12px;--hint-banner-border-radius:12px;--hint-banner-gap:8px;--hint-banner-btn-size:24px;--hint-banner-btn-padding:6px;--hint-banner-font-size:var(--fs-text-sm);--hint-banner-action-font-size:var(--fs-text-sm);/* size_large */--hint-banner-min-height-large:58px;--hint-banner-padding-large:12px;--hint-banner-border-radius-large:16px;--hint-banner-gap-large:10px;--hint-banner-btn-size-large:30px;--hint-banner-btn-padding-large:8px;--hint-banner-font-size-large:calc(var(--fs-text) - 1px);--hint-banner-action-font-size-large:calc(var(--fs-text) - 1px);}.hint-banners-container.size_large, .hint-banner.size_large{--hint-banner-min-height:var(--hint-banner-min-height-large);--hint-banner-padding:var(--hint-banner-padding-large);--hint-banner-border-radius:var(--hint-banner-border-radius-large);--hint-banner-gap:var(--hint-banner-gap-large);--hint-banner-btn-size:var(--hint-banner-btn-size-large);--hint-banner-btn-padding:var(--hint-banner-btn-padding-large);--hint-banner-font-size:var(--hint-banner-font-size-large);--hint-banner-action-font-size:var(--hint-banner-action-font-size-large);}.hint-banners-container{display:flex;flex-direction:column;gap:8px;width:100%;}.hint-banner{width:100%;min-height:var(--hint-banner-min-height);padding:calc(var(--hint-banner-padding) - 2px) var(--hint-banner-padding);border-radius:var(--hint-banner-border-radius);display:flex;justify-content:space-between;align-items:center;background-color:var(--c-banner-bg);border:1px solid transparent;border-color:var(--c-banner-border);box-shadow:inset 0 0 0px 1px hsl(0, 0%, 100%, 0.65);gap:var(--hint-banner-gap);}.hint-banner.is_info{background-color:var(--c-banner-info-bg);border-color:var(--c-banner-info-border);color:var(--c-banner-info-fg);}.hint-banner.is_success{background-color:var(--c-banner-success-bg);border-color:var(--c-banner-success-border);color:var(--c-banner-success-fg);}.hint-banner.is_warning{background-color:var(--c-banner-warning-bg);border-color:var(--c-banner-warning-border);color:var(--c-banner-warning-fg);}.hint-banner.is_error{background-color:var(--c-banner-error-bg);border-color:var(--c-banner-error-border);color:var(--c-banner-error-fg);}.hint-banner.is_preloading{border-color:transparent;box-shadow:none;width:100%;}.hint-banner.is_preloading .hint-banner-content, .hint-banner.is_preloading .hint-banner-badge, .hint-banner.is_preloading .btn_close{display:none;}.hint-banner .hint-banner-content{flex:1;margin-top:1px;font-size:var(--hint-banner-font-size);line-height:1.3;padding-left:8px;}.hint-banner-badge{color:var(--c-banner-icon);width:var(--hint-banner-btn-size);height:var(--hint-banner-btn-size);display:flex;justify-content:center;align-items:center;}.hint-banner.is_info .hint-banner-badge{color:var(--c-banner-info-icon);}.hint-banner.is_success .hint-banner-badge{color:var(--c-banner-success-icon);}.hint-banner.is_warning .hint-banner-badge{color:var(--c-banner-warning-icon);}.hint-banner.is_error .hint-banner-badge{color:var(--c-banner-error-icon);}.hint-banner .hint-banner-actions{align-self:center;}.hint-banner-close{border:none;background-color:transparent;cursor:pointer;width:var(--hint-banner-btn-size);height:var(--hint-banner-btn-size);padding:1px;display:flex;justify-content:center;align-items:center;border-radius:4px;color:var(--c-banner-icon);opacity:0.5;transition:opacity 200ms ease-in-out;}.hint-banner-close:hover{opacity:1;}.hint-banner.is_info .hint-banner-close .svg-icon{color:var(--c-banner-info-icon);}.hint-banner.is_success .hint-banner-close .svg-icon{color:var(--c-banner-success-icon);}.hint-banner.is_warning .hint-banner-close .svg-icon{color:var(--c-banner-warning-icon);}.hint-banner.is_error .hint-banner-close .svg-icon{color:var(--c-banner-error-icon);}.hint-banner-action{border:none;background-color:transparent;padding:0;margin:0;height:calc(var(--hint-banner-btn-size) + 0px);width:calc((var(--hint-banner-btn-size) * 2) + (var(--hint-banner-btn-padding) * 2));max-width:calc((var(--hint-banner-btn-size) * 2) + (var(--hint-banner-btn-padding) * 2));padding:0 var(--hint-banner-btn-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--hint-banner-action-font-size);line-height:calc(var(--hint-banner-btn-size) + 1px);cursor:pointer;text-align:center;color:#fff;background-color:var(--c-banner-icon);border-radius:999px;opacity:0.75;transition:opacity 200ms ease-in-out;}.hint-banner-action:hover{opacity:1;}.hint-banner.is_info .hint-banner-action{background-color:var(--c-banner-info-icon);}.hint-banner.is_success .hint-banner-action{background-color:var(--c-banner-success-icon);}.hint-banner.is_warning .hint-banner-action{background-color:var(--c-banner-warning-icon);}.hint-banner.is_error .hint-banner-action{background-color:var(--c-banner-error-icon);}@media (min-width: 980px){:root{--hint-banner-font-size:var(--fs-text);--hint-banner-font-size-large:var(--fs-text-md);}}/* ==========================================================================
   Store Lightbox — fullscreen image viewer
   RTL-first, mobile-first, logical properties
   ========================================================================== */:root{--lightbox-backdrop:hsla(224, 71%, 4%, 0.72);--lightbox-control-bg:hsla(0, 0%, 100%, 0.12);--lightbox-control-bg-hover:hsla(0, 0%, 100%, 0.2);--lightbox-control-fg:#fff;--lightbox-thumb-size:56px;--lightbox-pagination-bullet-size:10px;--lightbox-ease:cubic-bezier(0.16, 1, 0.3, 1);}.lightbox{position:fixed;inset:0;z-index:var(--z-lightbox);transition:opacity 220ms cubic-bezier(0.16, 1, 0.3, 1);}.lightbox[data-closed]{opacity:0;}.lightbox-backdrop{position:absolute;inset:0;background-color:var(--lightbox-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity 200ms cubic-bezier(0.16, 1, 0.3, 1);}.lightbox-backdrop[data-closed]{opacity:0;}.lightbox-shell{position:relative;display:flex;flex-direction:column;width:100%;height:100%;height:100dvh;outline:none;padding-block-start:env(safe-area-inset-top, 0px);padding-block-end:env(safe-area-inset-bottom, 0px);padding-inline-start:env(safe-area-inset-inline-start, 0px);padding-inline-end:env(safe-area-inset-inline-end, 0px);transition:opacity 220ms cubic-bezier(0.16, 1, 0.3, 1), transform 220ms cubic-bezier(0.16, 1, 0.3, 1);}.lightbox-shell[data-closed]{opacity:0;transform:translateY(12px) scale(0.98);}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gutter-sm);flex:0 0 auto;padding:var(--header-content-padding) var(--gutter);}.lightbox-counter{color:var(--lightbox-control-fg);font-size:var(--fs-text-sm);font-weight:400;line-height:1.4;min-inline-size:0;}.lightbox-toolbar .lightbox-close{margin-inline-start:auto;}.lightbox-close.header_btn-item{position:relative;min-width:var(--header-btn-height);height:var(--header-btn-height);display:flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:999px;box-shadow:none;background-color:var(--lightbox-control-bg);color:var(--lightbox-control-fg);cursor:pointer;transition:all 200ms ease-in-out;}.lightbox-close.header_btn-item:hover, .lightbox-close.header_btn-item:focus-visible{background-color:var(--lightbox-control-bg-hover);box-shadow:none;color:var(--lightbox-control-fg);}.lightbox-close.header_btn-item:focus:not(:focus-visible){outline:none;background-color:var(--lightbox-control-bg);box-shadow:none;}.lightbox-close.header_btn-item .svg-icon{width:var(--header-btn-icon-size);height:var(--header-btn-icon-size);display:flex;align-items:center;justify-content:center;color:var(--lightbox-control-fg);}.lightbox-close.header_btn-item .svg-icon svg{width:100%;height:100%;}.lightbox-control.btn.btn-tertiary.btn-theme-ghost, .lightbox-control.btn.btn-tertiary.btn-theme-ghost:hover, .lightbox-control.btn.btn-tertiary.btn-theme-ghost:focus-visible{color:var(--lightbox-control-fg);background-color:var(--lightbox-control-bg);border-radius:999px;box-shadow:none;}.lightbox-control.btn.btn-tertiary.btn-theme-ghost:hover, .lightbox-control.btn.btn-tertiary.btn-theme-ghost:focus-visible{background-color:var(--lightbox-control-bg-hover);}.lightbox-stage{position:relative;flex:1 1 auto;min-height:0;min-width:0;}.lightbox-stage-swiper{width:100%;height:100%;}.lightbox-slide{display:flex;align-items:center;justify-content:center;height:100%;}.lightbox-slide .swiper-zoom-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.lightbox-slide .media-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;--skeleton-base:hsla(0, 0%, 100%, 0.06);--skeleton-highlight:hsla(0, 0%, 100%, 0.12);}.lightbox-slide .media-wrapper:has(img.is-lazy), .lightbox-slide .media-wrapper:has(img.is-loading){background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;}.lightbox-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;}.lightbox-slide img.is-lazy, .lightbox-slide img.is-loading{opacity:0;}.lightbox-slide img:not(.is-lazy):not(.is-loading), .lightbox-slide img[data-loaded='true']{opacity:1;transition:opacity var(--tr-timing-base) var(--tr-ease);}.lightbox-nav{display:none;position:absolute;top:50%;translate:0 -50%;z-index:2;}.lightbox-nav.is-prev{inset-inline-start:var(--gutter-sm);}.lightbox-nav.is-next{inset-inline-end:var(--gutter-sm);}.lightbox-nav.is-idle{opacity:0.35;cursor:default;}.lightbox-pagination{width:fit-content !important;margin:auto;inset-inline-start:0 !important;inset-inline-end:0 !important;bottom:var(--gutter-sm) !important;}.lightbox-stage .swiper-pagination-bullet{width:var(--lightbox-pagination-bullet-size);height:var(--lightbox-pagination-bullet-size);background-color:#fff;opacity:0.6;border-radius:99px;transition:width 200ms ease-in-out;}.lightbox-stage .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;opacity:1;width:calc(var(--lightbox-pagination-bullet-size) * 2.5);box-shadow:0 1px 4px -2px hsla(0, 0%, 0%, 0.5);}.lightbox-thumbs{flex:0 0 auto;padding-block:var(--gutter-sm);padding-inline:var(--gutter-sm);}.lightbox-thumb.swiper-slide{width:var(--lightbox-thumb-size);height:var(--lightbox-thumb-size);flex:0 0 var(--lightbox-thumb-size);max-width:var(--lightbox-thumb-size);border-radius:10px;position:relative;overflow:hidden;cursor:pointer;opacity:0.65;transition:opacity var(--tr-timing-fast) var(--tr-ease), box-shadow var(--tr-timing-fast) var(--tr-ease);}.lightbox-thumb.swiper-slide::after{content:'';position:absolute;inset:0;border-radius:inherit;border:2px solid transparent;transition:border-color var(--tr-timing-base) ease-in-out;}.lightbox-thumb .media-wrapper{width:100%;height:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background-color:hsla(0, 0%, 100%, 0.08);border-radius:inherit;}.lightbox-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;}.lightbox-thumb.swiper-slide-thumb-active{opacity:1;}.lightbox-thumb.swiper-slide-thumb-active::after{border-color:#fff;}.lightbox--single .lightbox-nav, .lightbox--single .lightbox-thumbs, .lightbox--single .lightbox-pagination{display:none;}/* Reserve the space thumbs would take so a lone image isn't flush to the bottom edge */.lightbox--single .lightbox-stage{padding-block-end:calc( var(--lightbox-thumb-size) + var(--gutter-sm) * 2 );}@media (min-width: 980px){.lightbox-toolbar{padding-inline:var(--gutter);padding-block:var(--gutter);}.lightbox-nav{display:flex;}.lightbox-nav.is-prev{inset-inline-start:var(--gutter);}.lightbox-nav.is-next{inset-inline-end:var(--gutter);}.lightbox-thumbs{padding-inline:var(--gutter);padding-block-end:var(--gutter);}.lightbox-stage{padding-inline:72px;}.lightbox--single .lightbox-stage{padding-block-end:calc( var(--lightbox-thumb-size) + var(--gutter-sm) + var(--gutter) );}}@media (prefers-reduced-transparency: reduce){.lightbox-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:hsla(224, 71%, 4%, 0.88);}}@media (prefers-reduced-motion: reduce){.lightbox, .lightbox-backdrop, .lightbox-shell, .lightbox-slide img{transition:none;}.lightbox[data-closed], .lightbox-shell[data-closed]{opacity:0;transform:none;}.lightbox-slide .media-wrapper:has(img.is-lazy), .lightbox-slide .media-wrapper:has(img.is-loading){animation:none;}}/* 
structure:
<div class="marquee">
    <div class="marquee-wrapper">
        <div class="marquee-item"></div>
        ...
    </div>
</div>

options (on .marquee):
data-marquee-speed      pixels per second (default 50)
data-marquee-direction  left [default] / right
data-marquee-gap        space between items in px (default 0)

The React controller repeats the items until they cover the track twice, so a
single item is enough — no need to write it 16 times.

The gap is a margin on the item and the loop math depends on it, so override it
with --marquee-gap (not with a gap on the wrapper) when styling from custom css.
*/:root{--marquee-gap:0px;--marquee-duration:20s;/* both are set per marquee by the controller, see the note on the keyframes */--marquee-shift:-50%;--marquee-play:normal;}.marquee{position:relative;overflow:hidden;/* keeps the track from growing with its own content */max-width:100%;}.marquee-wrapper, .marquee-measure{display:flex;flex-direction:row;align-items:center;width:max-content;}/* Off-flow pristine run used only for measuring one fillHalf cycle. */.marquee-measure{position:absolute;visibility:hidden;pointer-events:none;inset-inline-start:0;top:0;}.marquee-item{flex:0 0 auto;margin-inline-end:var(--marquee-gap);}/*
.is-ready is added once the second half of the loop is in place.
No will-change here on purpose: a running transform animation already gets its
own compositor layer, and pinning one for every marquee upfront just holds
memory for a track that can be several screens wide.
*/.marquee.is-ready > .marquee-wrapper{animation:marquee-scroll var(--marquee-duration) linear infinite;animation-direction:var(--marquee-play);}/* .is-paused is toggled while the marquee is outside the viewport */.marquee.is-paused > .marquee-wrapper{animation-play-state:paused;}/*
The copy follows the items in layout order, so it sits to the right in ltr and
to the left in rtl. The shift has to head toward it or the track empties out,
which is why the controller writes the sign into --marquee-shift and then picks
normal or reverse playback to land on the requested direction.
*/@keyframes marquee-scroll{from{transform:translate3d(0, 0, 0);}to{transform:translate3d(var(--marquee-shift), 0, 0);}}@media (prefers-reduced-motion: reduce){.marquee.is-ready > .marquee-wrapper{animation-play-state:paused;}}/* ==========================================================================
   Store Modal — mobile-first, RTL-friendly (logical properties)
   Structure: .modal > .modal-shell > .modal-content > header | body | footer
   ========================================================================== *//* --- Tokens --- */:root{--modal-inner-gap:var(--gutter);--modal-inner-padding:var(--gutter);--modal-header-fs:var(--fs-text-lg);--modal-shell-max-width:480px;--modal-shell-max-height:calc(100dvh - 32px);--modal-shell-radius:var(--separator-radius);--modal-header-icon-size:46px;--modal-header-icon-border-radius:12px;}/* --- Overlay --- */.modal{position:fixed;inset:0;z-index:var(--z-micromodal-overlay, 499);display:flex;justify-content:center;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;}.modal-backdrop{position:absolute;inset:0;background-color:hsla(224, 71%, 4%, 0.55);transition:opacity 200ms cubic-bezier(0.16, 1, 0.3, 1);}.modal-backdrop[data-closed]{opacity:0;}.modal--undimmed .modal-backdrop{background-color:transparent;}/* --- Shell + content card --- */.modal-shell{position:relative;display:flex;flex-direction:column;width:min(100%, var(--modal-shell-max-width));max-height:var(--modal-shell-max-height);outline:none;translate:0 var(--modal-sheet-drag-offset, 0);transition:opacity 220ms cubic-bezier(0.16, 1, 0.3, 1), transform 220ms cubic-bezier(0.16, 1, 0.3, 1), translate 220ms var(--tr-ease, ease);}.modal-shell.is-sheet-dragging{transition:none;}.modal-shell[data-closed]{opacity:0;transform:translateY(12px) scale(0.98);}.modal-content{min-width:0;min-height:0;flex:1 1 auto;overflow:auto;border-radius:var(--modal-shell-radius);background-color:var(--c-bg, #fff);box-shadow:0 24px 48px -12px hsla(210, 30%, 11%, 0.35);-webkit-overflow-scrolling:touch;}.modal-content:has(.input-select_dropdown){overflow:visible;}/* --- Sheet drag handle (above card) --- */.modal-sheet-indicator{display:none;flex-shrink:0;height:28px;align-items:center;justify-content:center;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;}.modal-sheet-indicator:active{cursor:grabbing;}.modal-sheet-indicator::before{width:64px;height:4px;border-radius:999px;background:hsla(0, 0%, 100%, 0.8);content:'';}/* --- Header ---
   With .modal-header_trail  → row: lead | trail (close)
   Without trail             → column: icon → title → sub
   Lead with icon            → row inside lead: icon | copy
*/.modal-header{display:flex;gap:var(--modal-inner-gap);padding:var(--modal-inner-padding);padding-bottom:0;min-width:0;}/* No close → column stack, centered */.modal-header:not(:has(.modal-header_trail)){flex-direction:column;align-items:center;text-align:center;}.modal-header:not(:has(.modal-header_trail)) .modal-header_lead{flex-direction:column;align-items:center;width:100%;gap:16px;}.modal-header:not(:has(.modal-header_trail)) .modal-header_copy{align-items:center;width:100%;}.modal-header:not(:has(.modal-header_trail)) .modal-header_icon{border-radius:999px;--modal-header-icon-size:54px;}/* Close present → row */.modal-header:has(.modal-header_trail){flex-direction:row;align-items:flex-start;justify-content:space-between;}.modal-header_lead{display:flex;height:stretch;min-width:0;flex:1 1 auto;gap:8px;align-items:center;}/* Icon + copy side by side when trail exists */.modal-header:has(.modal-header_trail) .modal-header_lead{flex-direction:row;align-items:center;}.modal-header_icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--modal-header-icon-size);height:var(--modal-header-icon-size);border-radius:var(--modal-header-icon-border-radius);background-color:var(--c-gray-100);color:var(--c-text-secondary);}.modal-header_icon.icon-red{background-color:var(--c-accent-100);color:var(--c-accent-500);}.modal-header_icon.icon-green{background-color:var(--c-green-100);color:var(--c-green-500);}.modal-header_icon.icon-blue{background-color:var(--c-blue-100);color:var(--c-blue-500);}.modal-header_icon .svg-icon, .modal-header_icon svg{width:24px;height:24px;}.modal-header_copy{min-width:0;display:flex;flex-direction:column;line-height:1;gap:4px;}.modal-header .title, .modal-header .sub{margin:0;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.modal-header .title{color:var(--c-text-secondary);font-size:var(--modal-header-fs);font-weight:700;padding:3px 0;}.modal-header .sub{color:var(--c-text-tertiary);font-size:var(--fs-text-sm);font-weight:300;}.modal-header_trail{flex-shrink:0;display:flex;align-items:center;}/* --- Body --- */.modal-body{min-width:0;padding:var(--modal-inner-padding);font-size:var(--fs-text-md);font-family:var(--ff-fn);min-height:242px;}.modal-body p{text-align:center;line-height:1.5;padding:0 10%;display:inline-block;font-size:inherit;}.modal-body .hint-banners-container{margin-bottom:var(--gutter-xs);}.modal-body > :first-child{margin-block-start:0;}.modal-body > :last-child{margin-block-end:0;}/* --- Footer --- */.modal-footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--modal-inner-gap);position:sticky;z-index:2;bottom:0;padding:var(--modal-inner-padding);border-block-start:1px solid var(--c-gray-300);background-color:var(--c-bg, #fff);}/* --- Placement (mobile-first) --- */.modal--mobile-top{align-items:flex-start;}.modal--mobile-center{align-items:center;padding:max(20px, env(safe-area-inset-top, 0px)) max(20px, env(safe-area-inset-inline-end, 20px)) max(20px, env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-inline-start, 20px));}.modal--mobile-bottom, .modal--mobile-sheet{align-items:flex-end;}.modal--mobile-center .modal-shell{width:min(100%, var(--modal-shell-max-width));}.modal--mobile-center .modal-shell[data-closed]{opacity:0;transform:translateY(10px) scale(0.96);}.modal--presentation-modal .modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}.modal--mobile-sheet{padding:0;--modal-shell-max-width:100%;--modal-shell-max-height:min(92dvh, 760px);--modal-shell-radius:var(--separator-radius) var(--separator-radius) 0 0;}.modal--mobile-sheet .modal-sheet-indicator{display:flex;}.modal--mobile-sheet .modal-shell{transition:transform 360ms cubic-bezier(0.32, 0.72, 0, 1), translate 220ms var(--tr-ease, ease);}.modal--mobile-sheet .modal-shell[data-leave]{transition:transform 280ms cubic-bezier(0.4, 0, 1, 1), translate 220ms var(--tr-ease, ease);}.modal--mobile-sheet .modal-shell[data-closed]{opacity:1;transform:translateY(100%);}/* --- Motion (reduced) --- */@media (prefers-reduced-transparency: reduce){.modal--presentation-modal .modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;}}@media (prefers-reduced-motion: reduce){.modal-backdrop, .modal-shell, .modal--mobile-sheet .modal-shell, .modal--mobile-sheet .modal-shell[data-leave]{transition:none;}.modal-shell[data-closed], .modal--mobile-sheet .modal-shell[data-closed]{opacity:0;transform:none;}}@media (min-width: 460px){:root{--modal-inner-gap:calc(var(--gutter) * 1.5);--modal-inner-padding:calc(var(--gutter) * 1.5);}}.modal--viewport-desktop{padding:var(--gutter);--modal-inner-gap:calc(var(--gutter) * 2);--modal-inner-padding:var(--gutter-xl);--modal-shell-max-height:calc(100dvh - 48px);--modal-header-icon-size:var(--btn-height);}.modal--viewport-desktop .modal-body{min-height:unset;}.modal--viewport-desktop.modal--mobile-sheet{padding:var(--gutter);--modal-shell-max-width:480px;--modal-shell-max-height:calc(100dvh - 48px);--modal-shell-radius:var(--separator-radius);}.modal--viewport-desktop .modal-footer{padding:var(--gutter) var(--gutter-xl);gap:var(--gutter-md);}.modal--viewport-desktop .modal-footer:has(> .btn:nth-child(1):nth-last-child(2)):has(> .btn:nth-child(2):last-child) .btn-primary{width:150%;}.modal--viewport-desktop .modal-footer .btn{}.modal--viewport-desktop.modal--mobile-sheet .modal-sheet-indicator{display:none;}.modal--viewport-desktop.modal--mobile-sheet .modal-shell, .modal--viewport-desktop.modal--mobile-sheet .modal-shell[data-leave]{transition:opacity 220ms cubic-bezier(0.16, 1, 0.3, 1), transform 220ms cubic-bezier(0.16, 1, 0.3, 1), translate 220ms var(--tr-ease, ease);}.modal--viewport-desktop.modal--mobile-sheet .modal-shell[data-closed]{opacity:0;transform:translateY(12px) scale(0.98);}.modal--viewport-desktop.modal--desktop-top{align-items:flex-start;}.modal--viewport-desktop.modal--desktop-center{align-items:center;}.modal--viewport-desktop.modal--desktop-bottom, .modal--viewport-desktop.modal--desktop-sheet{align-items:flex-end;}.modal--viewport-desktop.modal--desktop-sheet{padding-inline-start:max(24px, env(safe-area-inset-inline-start, 0px));padding-inline-end:max(24px, env(safe-area-inset-inline-end, 0px));padding-bottom:0;--modal-shell-max-width:640px;--modal-shell-max-height:min(82dvh, 760px);--modal-shell-radius:var(--separator-radius) var(--separator-radius) 0 0;}.modal--viewport-desktop.modal--desktop-sheet .modal-sheet-indicator{display:flex;}.modal--viewport-desktop.modal--desktop-sheet .modal-shell{transition:transform 360ms cubic-bezier(0.32, 0.72, 0, 1), translate 220ms var(--tr-ease, ease);}.modal--viewport-desktop.modal--desktop-sheet .modal-shell[data-leave]{transition:transform 280ms cubic-bezier(0.4, 0, 1, 1), translate 220ms var(--tr-ease, ease);}.modal--viewport-desktop.modal--desktop-sheet .modal-shell[data-closed]{opacity:1;transform:translateY(100%);}:root{--pagination-item-size:32px;--pagination-gap:2px;}.pagination{width:100%;padding:var(--gutter) 0;display:flex;justify-content:center;}.pagination_inner{width:100%;display:flex;align-items:center;justify-content:space-between;transition:all 200ms ease-in-out;}.pagination_item-stream{display:flex;align-items:center;gap:var(--pagination-gap);background-color:var(--c-gray-100);border-radius:999px;}.pagination_item{width:var(--pagination-item-size);height:var(--pagination-item-size);display:flex;align-items:center;justify-content:center;border-radius:999px;background-color:transparent;color:var(--c-text-secondary);font-size:var(--fs-text-sm);font-weight:500;cursor:pointer;transition:all 200ms ease-in-out;}.pagination_item:hover{background-color:var(--c-gray-300);color:var(--c-text-primary);}.pagination_item.active{background-color:var(--c-text-primary);color:#fff;}.pagination_item.perv, .pagination_item.next{background-color:var(--c-gray-100);}.pagination_item.perv:hover, .pagination_item.next:hover{background-color:var(--c-gray-300);color:var(--c-text-primary);}.pagination_item.dots{color:var(--c-gray-500);width:fit-content;pointer-events:none;}.pagination_item .text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pagination_item.infinite-loading{width:100% !important;background-color:var(--c-gray-200);gap:8px;}.pagination_inner:has(.infinite-loading){max-width:100% !important;width:100% !important;}@media (min-width: 400px){:root{--pagination-item-size:36px;}}@media (min-width: 440px){:root{--pagination-item-size:42px;}.pagination_item{font-size:var(--fs-text);}}@media (min-width: 560px){:root{--pagination-item-size:48px;}.pagination_inner{max-width:500px;}.pagination_item{font-size:var(--fs-text);}}@media (min-width: 980px){:root{--pagination-item-size:42px;}.pagination{padding:calc(var(--gutter) * 3) 0;}.pagination_inner{max-width:420px;width:fit-content;gap:12px;}.pagination_item-stream{background-color:transparent;}}/* 


tab structure:
<div class="tab-control">
    <div class="tab-header">
        <div class="tab-header-item is-active" data-tab-id="tab-1">
            <div class="tab-header-icon svg-icon" data-svg="icon.svg"></div>
            <div class="tab-header-title">Title</div>
        </div>
        ...
    </div>

    <div class="tab-content">
        .is-active / .is-loading 
        <div class="tab-content-item is-active" data-tab-id="tab-1">
            <div class="tab-content-inner">..</div>
        </div>
        ...
    </div>
</div>

*/:root{--tab-gap:var(--gutter);/* header */--tab-header-height:48px;--tab-header-padding:5px;--tab-header-gap:5px;--tab-header-border-radius:999px;/* item */--tab-header-item-height:48px;--tab-header-item-padding:8px;--tab-header-item-gap:8px;--tab-header-item-border-radius:999px;}.tab-header{display:flex;flex-direction:row;gap:var(--tab-header-gap);justify-content:flex-start;align-items:center;padding:var(--tab-header-padding);border-radius:var(--tab-header-border-radius);background-color:var(--c-gray-150);box-shadow:inset 0 0 0 1px var(--c-gray-300);overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;-ms-overflow-style:none;}.tab-header-item{height:var(--tab-header-item-height);padding:var(--tab-header-item-padding);display:flex;align-items:center;justify-content:center;gap:var(--tab-header-item-gap);border-radius:var(--tab-header-item-border-radius);color:var(--c-text-tertiary);font-size:var(--fs-text-sm);background-color:var(--c-gray-150);min-width:100px;max-width:100%;flex:1;cursor:pointer;transition:all 200ms ease-in-out;}.tab-header-item:hover{color:var(--c-text-primary);background-color:var(--c-gray-300);}.tab-header-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.tab-header-item.is-active{background-color:var(--c-gray-850);box-shadow:0px 3px 6px -4px var(--c-gray-800);color:#fff;font-weight:500;}.tab-content{position:relative;margin:var(--tab-gap) 0;}.tab-content-item{opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--tr-timing-slow) var(--tr-ease), transform var(--tr-timing-slow) var(--tr-ease), visibility 0s linear var(--tr-timing-slow);pointer-events:none;position:absolute;width:100%;top:0;left:0;}.tab-content-item.is-active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--tr-timing-slow) var(--tr-ease), transform var(--tr-timing-slow) var(--tr-ease), visibility 0s;pointer-events:auto;position:relative;}@media (prefers-reduced-motion: reduce){.tab-content-item{transition:none;transform:none;}}@media (min-width: 420px){.tab-header-item{font-size:var(--fs-text);}}/*
spacing:
    .table-size-compact
    .table-size-default [default — no class needed]
    .table-size-wide

border:
    .table-border-horizontal [default — no class needed]
    .table-border-all

color:
    .table-zebra — subtle odd/even row backgrounds

<div class="table-control [table-size-*] [table-border-all] [table-zebra]">
    <div class="table-wrapper">
        <table class="table">
            ...
        </table>
    </div>
</div>
*/:root{--table-cell-padding-y:12px;--table-cell-padding-x:12px;--table-fs:var(--fs-text);--table-fs-head:var(--fs-text-sm);--table-radius:12px;/* horizontal [default] — row dividers only */--table-border-horizontal-color:var(--c-gray-200);/* all — outer frame + cell grid */--table-border-all-color:var(--c-gray-300);--table-border-all-cell-color:var(--c-gray-300);--table-head-bg:var(--c-gray-100);--table-row-bg:transparent;--table-row-bg-hover:var(--c-gray-100);--table-zebra-bg:hsl(0, 0%, 98%);--table-size-compact-padding-y:8px;--table-size-compact-padding-x:8px;--table-size-compact-fs:var(--fs-text-xs);--table-size-compact-fs-head:var(--fs-text-2xs);--table-size-wide-padding-y:16px;--table-size-wide-padding-x:16px;--table-size-wide-fs:var(--fs-text);--table-size-wide-fs-head:var(--fs-text-sm);}.table-control.table-size-compact{--table-cell-padding-y:var(--table-size-compact-padding-y);--table-cell-padding-x:var(--table-size-compact-padding-x);--table-fs:var(--table-size-compact-fs);--table-fs-head:var(--table-size-compact-fs-head);}.table-control.table-size-wide{--table-cell-padding-y:var(--table-size-wide-padding-y);--table-cell-padding-x:var(--table-size-wide-padding-x);--table-fs:var(--table-size-wide-fs);--table-fs-head:var(--table-size-wide-fs-head);}.table-control .text-nowrap{white-space:nowrap;}.table-control .text-center{text-align:center;}.table-control .text-end{text-align:end;}.table-control td.fit, .table-control th.fit{width:1px !important;white-space:nowrap !important;padding:2px 5px !important;margin:0 !important;vertical-align:middle !important;text-align:center;}.table-control{width:100%;max-width:100%;min-width:0;font-family:var(--ff-fn);}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}.table-wrapper::-webkit-scrollbar{display:none;}.table{width:max-content;min-width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--table-fs);color:var(--c-text-primary);line-height:1.4;}.table thead th{padding:var(--table-cell-padding-y) var(--table-cell-padding-x);background-color:var(--table-head-bg);color:var(--c-text-tertiary);font-size:var(--table-fs-head);font-weight:400;text-align:start;white-space:nowrap;border-bottom:1px solid var(--table-border-horizontal-color);}.table thead th:first-child{border-start-start-radius:var(--table-radius);}.table thead th:last-child{border-start-end-radius:var(--table-radius);}.table tbody td{padding:var(--table-cell-padding-y) var(--table-cell-padding-x);text-align:start;vertical-align:middle;border-bottom:1px solid var(--table-border-horizontal-color);background-color:var(--table-row-bg);transition:background-color 200ms ease-in-out;}.table tbody tr:hover td{background-color:var(--table-row-bg-hover);}.table tbody tr:last-child td{border-bottom:none;}/* -------------------------------------------------------------------------- *//* Border: horizontal [default]                                             *//* -------------------------------------------------------------------------- *//* horizontal — row dividers only (default, no class needed) */.table-control.table-border-horizontal .table thead th, .table-control:not(.table-border-all) .table thead th{border-bottom-color:var(--table-border-horizontal-color);}.table-control.table-border-horizontal .table tbody td, .table-control:not(.table-border-all) .table tbody td{border-bottom-color:var(--table-border-horizontal-color);}/* -------------------------------------------------------------------------- *//* Border: all                                                                *//* -------------------------------------------------------------------------- */.table-control.table-border-all .table-wrapper{border:1px solid var(--table-border-all-color);border-radius:var(--table-radius);overflow-x:auto;overflow-y:hidden;}.table-control.table-border-all .table thead th{border-bottom:1px solid var(--table-border-all-color);}.table-control.table-border-all .table tbody td{border-bottom-color:var(--table-border-all-cell-color);}.table-control.table-border-all .table thead th + th, .table-control.table-border-all .table tbody td + td{border-inline-start:1px solid var(--table-border-all-cell-color);}.table-control.table-border-all .table tbody tr:last-child td{border-bottom:none;}.table-control.table-border-all .table thead th:first-child, .table-control.table-border-all .table thead th:last-child{border-radius:0;}/* -------------------------------------------------------------------------- *//* Zebra rows                                                                 *//* -------------------------------------------------------------------------- */.table-control.table-zebra .table tbody tr:nth-child(even) td{background-color:var(--table-zebra-bg);}.table-control.table-zebra .table tbody tr:hover td{background-color:var(--table-row-bg-hover);}:root{--clay-toast-width:300px;--clay-toast-max-width:calc(100vw - (var(--gutter-sm) * 2));--clay-toast-gap:var(--gutter-2xs);--clay-toast-radius:24px;--clay-toast-bg:var(--c-gray-0);--clay-toast-fg:var(--c-text-primary);--clay-toast-border:var(--c-gray-300);--clay-toast-icon:var(--c-icon-primary);--clay-toast-progress:var(--c-gray-700);}.clay-toast-container{position:fixed;z-index:calc(var(--z-lightbox) + 100);display:flex;max-width:100vw;padding:var(--gutter-sm);box-sizing:border-box;font-family:var(--ff-main);line-height:1.5;pointer-events:none;}.clay-toast-container[data-position='top-right']{top:0;right:0;align-items:flex-end;}.clay-toast-container[data-position='top-center']{top:0;left:50%;align-items:center;transform:translateX(-50%);}.clay-toast-container[data-position='top-left']{top:0;left:0;align-items:flex-start;}.clay-toast-container[data-position='bottom-right']{right:0;bottom:0;align-items:flex-end;}.clay-toast-container[data-position='bottom-center']{bottom:0;left:50%;align-items:center;transform:translateX(-50%);}.clay-toast-container[data-position='bottom-left']{bottom:0;left:0;align-items:flex-start;}.clay-toast-list{display:flex;flex-direction:column;min-width:var(--clay-toast-width);max-width:var(--clay-toast-max-width);margin:0;padding:0;gap:var(--clay-toast-gap);list-style:none;}.clay-toast-container[data-position^='bottom'] .clay-toast-list{flex-direction:column-reverse;}.clay-toast{position:relative;display:flex;width:100%;overflow:hidden;box-sizing:border-box;padding:var(--gutter-xs) var(--gutter-sm);color:var(--clay-toast-fg);background:linear-gradient( 90deg, var(--c-gray-0) 0%, var(--c-gray-0) 18%, var(--clay-toast-bg) 100% );border:1px solid var(--clay-toast-border);border-radius:var(--clay-toast-radius);box-shadow:0 8px 18px -8px rgb(15 23 42 / 18%), 0 2px 5px rgb(15 23 42 / 6%);pointer-events:auto;cursor:default;touch-action:pan-y;will-change:transform, opacity;animation:clay-toast-enter var(--tr-timing-slow) var(--tr-ease-bounce) both;transition:border-color var(--tr-timing-base) var(--tr-ease), box-shadow var(--tr-timing-base) var(--tr-ease), transform var(--tr-timing-base) var(--tr-ease);}.clay-toast:hover{box-shadow:0 12px 24px -10px rgb(15 23 42 / 20%), 0 3px 7px rgb(15 23 42 / 8%);transform:translateY(-1px);}.clay-toast.is-compact{min-height:56px;padding:9px var(--gutter-xs);border-radius:999px;}.clay-toast.is-expanded{min-height:84px;padding:var(--gutter-xs) var(--gutter-sm);}.clay-toast.is-dismissing{animation:clay-toast-exit var(--tr-timing-slow) var(--tr-ease-exit) forwards;pointer-events:none;}.clay-toast-inner{display:grid;grid-template-columns:36px minmax(0, 1fr) 24px;align-items:center;width:100%;gap:var(--gutter-xs);}.clay-toast.is-compact .clay-toast-inner{grid-template-columns:36px minmax(0, 1fr);}.clay-toast.is-expanded .clay-toast-inner{align-items:start;}.clay-toast-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--clay-toast-icon);background-color:var(--c-gray-0);border-radius:999px;box-shadow:0 2px 7px rgb(15 23 42 / 6%);flex-shrink:0;}.clay-toast-icon-wrapper > .svg-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;}.clay-toast-icon-wrapper svg{display:block;max-width:100%;max-height:100%;}.clay-toast-content{display:flex;min-width:0;flex-direction:column;gap:2px;}.clay-toast-title{color:var(--clay-toast-fg);font-size:var(--fs-text);font-weight:500;line-height:1.5;overflow-wrap:anywhere;}.clay-toast.is-compact .clay-toast-title{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;}.clay-toast.is-expanded .clay-toast-title{font-weight:600;}.clay-toast-description{color:var(--c-text-tertiary);font-size:var(--fs-text);font-weight:300;line-height:1.5;overflow-wrap:anywhere;}.clay-toast-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gutter-2xs);margin-top:var(--gutter-2xs);}.clay-toast-btn-action, .clay-toast-btn-cancel{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px var(--gutter-xs);border-radius:999px;font-family:inherit;font-size:var(--fs-text-xs);font-weight:500;cursor:pointer;transition:color var(--tr-timing-fast) var(--tr-ease), background-color var(--tr-timing-fast) var(--tr-ease), border-color var(--tr-timing-fast) var(--tr-ease);}.clay-toast-btn-action{color:var(--c-gray-0);background-color:var(--c-gray-900);border:1px solid var(--c-gray-900);}.clay-toast-btn-action:hover{background-color:var(--c-gray-800);border-color:var(--c-gray-800);}.clay-toast-btn-cancel{color:var(--c-text-secondary);background-color:var(--c-gray-50);border:1px solid var(--c-gray-300);}.clay-toast-btn-cancel:hover{color:var(--c-text-primary);background-color:var(--c-gray-100);border-color:var(--c-gray-400);}.clay-toast-close{display:flex;align-items:center;justify-content:center;align-self:center;width:24px;height:24px;margin:0;padding:5px;color:var(--c-text-quaternary);background-color:transparent;border:0;border-radius:999px;cursor:pointer;transition:color var(--tr-timing-fast) var(--tr-ease), background-color var(--tr-timing-fast) var(--tr-ease);}.clay-toast-close > .svg-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.clay-toast-close svg{display:block;width:100%;height:100%;}.clay-toast-close:hover{color:var(--c-text-primary);background-color:var(--c-gray-100);}.clay-toast-close:focus-visible, .clay-toast-btn-action:focus-visible, .clay-toast-btn-cancel:focus-visible{outline:2px solid var(--c-blue-500);outline-offset:2px;}.clay-toast.state_success{--clay-toast-bg:var(--c-banner-success-bg);--clay-toast-fg:var(--c-banner-success-fg);--clay-toast-border:var(--c-banner-success-border);--clay-toast-progress:var(--c-green-500);}.clay-toast.state_success .clay-toast-close{color:var(--c-banner-success-icon);}.clay-toast.state_error{--clay-toast-bg:var(--c-banner-error-bg);--clay-toast-fg:var(--c-banner-error-fg);--clay-toast-border:var(--c-banner-error-border);--clay-toast-progress:var(--c-red-700);}.clay-toast.state_error .clay-toast-close{color:var(--c-banner-error-icon);}.clay-toast.state_warning{--clay-toast-bg:var(--c-banner-warning-bg);--clay-toast-fg:var(--c-banner-warning-fg);--clay-toast-border:var(--c-banner-warning-border);--clay-toast-icon:var(--c-banner-warning-icon);--clay-toast-progress:var(--c-mustard);}.clay-toast.state_warning .clay-toast-close{color:var(--c-banner-warning-icon);}.clay-toast.state_info{--clay-toast-bg:var(--c-banner-info-bg);--clay-toast-fg:var(--c-banner-info-fg);--clay-toast-border:var(--c-banner-info-border);--clay-toast-icon:var(--c-banner-info-icon);--clay-toast-progress:var(--c-blue-500);}.clay-toast.state_default{--clay-toast-bg:var(--c-banner-bg);--clay-toast-fg:var(--c-banner-fg);--clay-toast-border:var(--c-banner-border);--clay-toast-icon:var(--c-banner-icon);}.clay-toast.state_info .clay-toast-icon-wrapper, .clay-toast.state_default .clay-toast-icon-wrapper{background-color:var(--c-gray-50);}.clay-toast.state_loading{--clay-toast-bg:var(--c-gray-50);--clay-toast-border:var(--c-gray-300);--clay-toast-icon:var(--c-gray-600);}.clay-toast-progress-track{position:absolute;right:0;bottom:0;left:0;height:2px;overflow:hidden;background-color:transparent;}.clay-toast-progress-bar{width:100%;height:100%;background-color:var(--clay-toast-progress);transform-origin:right;animation:clay-toast-progress linear forwards;}[dir='ltr'] .clay-toast-progress-bar{transform-origin:left;}.clay-toast:hover .clay-toast-progress-bar, .clay-toast.is-paused .clay-toast-progress-bar{animation-play-state:paused;}.clay-toast-spinner{width:18px;height:18px;box-sizing:border-box;border:2px solid var(--c-gray-300);border-top-color:var(--c-gray-700);border-radius:999px;animation:clay-toast-spin 700ms linear infinite;}@keyframes clay-toast-enter{from{opacity:0;transform:translateY(-12px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);}}.clay-toast-container[data-position^='bottom'] .clay-toast{animation-name:clay-toast-enter-bottom;}@keyframes clay-toast-enter-bottom{from{opacity:0;transform:translateY(12px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);}}@keyframes clay-toast-exit{from{opacity:1;transform:translateX(0) scale(1);}to{opacity:0;transform:translateX(-24px) scale(0.96);}}@keyframes clay-toast-progress{from{transform:scaleX(1);}to{transform:scaleX(0);}}@keyframes clay-toast-spin{to{transform:rotate(360deg);}}@media (max-width: 480px){.clay-toast-container{right:0 !important;left:0 !important;width:100vw;padding:var(--gutter-xs);align-items:center !important;transform:none !important;}.clay-toast-list{width:100%;max-width:none;}}@media (prefers-reduced-motion: reduce){.clay-toast, .clay-toast.is-dismissing, .clay-toast-progress-bar, .clay-toast-spinner{animation-duration:1ms !important;}}.modal-shell.birthday-picker-modal{--birthday-wheel-item-height:40px;--birthday-wheel-visible:5;}.birthday-wheels{position:relative;}.birthday-wheels-columns{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;position:relative;z-index:1;}.birthday-wheels-frame{position:absolute;inset-inline:0;bottom:calc(var(--birthday-wheel-item-height) * 2);height:var(--birthday-wheel-item-height);border-block:1px solid var(--c-gray-200);background-color:var(--c-gray-50);border-radius:12px;pointer-events:none;z-index:0;}.birthday-wheel-column{min-width:0;position:relative;z-index:1;}.birthday-wheel-label{margin-bottom:8px;text-align:center;font-size:var(--fs-text-xs);font-weight:600;color:var(--c-text-tertiary);}.birthday-wheel-shell{position:relative;}.birthday-wheel-nav{display:none;}.birthday-wheel{height:calc( var(--birthday-wheel-item-height) * var(--birthday-wheel-visible) );overflow-y:auto;padding-block:calc( (var(--birthday-wheel-item-height) * (var(--birthday-wheel-visible) - 1)) / 2 );scroll-snap-type:y mandatory;scroll-snap-stop:always;overscroll-behavior:contain;scrollbar-width:none;mask-image:linear-gradient( to bottom, transparent, #000 18%, #000 82%, transparent );}.birthday-wheel::-webkit-scrollbar{display:none;}@media (min-width: 980px){.birthday-wheel-nav{position:absolute;inset-inline:0;z-index:2;display:flex;align-items:center;justify-content:center;height:var(--birthday-wheel-item-height);padding:0;border:0;background:transparent;color:var(--c-text-tertiary);cursor:pointer;}.birthday-wheel-nav.is-up{top:0;}.birthday-wheel-nav.is-down{bottom:0;}.birthday-wheel-nav .icon, .birthday-wheel-nav .svg-icon{width:18px;height:18px;opacity:0.75;}.birthday-wheel-nav:hover:not(:disabled), .birthday-wheel-nav:focus-visible:not(:disabled){color:var(--c-text-primary);outline:none;}.birthday-wheel-nav:hover:not(:disabled) .icon, .birthday-wheel-nav:hover:not(:disabled) .svg-icon, .birthday-wheel-nav:focus-visible:not(:disabled) .icon, .birthday-wheel-nav:focus-visible:not(:disabled) .svg-icon{opacity:1;}.birthday-wheel-nav:disabled{opacity:0.28;cursor:default;}}.birthday-wheel-item{display:flex;align-items:center;justify-content:center;width:100%;height:var(--birthday-wheel-item-height);padding:0 4px;border:0;background:transparent;color:var(--c-text-tertiary);font:inherit;font-size:var(--fs-text);font-weight:300;cursor:pointer;scroll-snap-align:center;scroll-snap-stop:always;}.birthday-wheel-item.is-selected{color:var(--c-text-primary);font-weight:700;}.birthday-picker-clear{display:block;width:100%;margin-top:var(--gutter);padding:0;border:0;background:transparent;color:var(--c-text-tertiary);font:inherit;font-size:var(--fs-text-sm);cursor:pointer;text-align:center;}.birthday-picker-clear:hover, .birthday-picker-clear:focus-visible{color:var(--c-text-primary);outline:none;}.birthday-picker .input-group_fields > .input-wrapper > .input{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;padding-inline:8px;color:var(--input-fg-color);text-align:center;cursor:pointer;font:inherit;}.birthday-picker .input-group_fields > .input-wrapper > .input > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.birthday-picker .is-placeholder{color:var(--input-placeholder-color);font-weight:300;}.birthday-picker-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.birthday-picker{position:relative;}@media (prefers-reduced-motion: reduce){.birthday-wheel{scroll-behavior:auto;}.birthday-wheel-item, .birthday-picker-clear{transition:none;}}/**
 * Store UI — form controls.
 */:root{--input-height:52px;--input-prefix-suffix-size:52px;--input-outer-spacing:5px;--input-inner-padding:16px;--input-label-height:22px;--input-label-indent:8px;--input-message-height:16px;--input-border-radius:999px;--input-border-radius-square:12px;--input-font-size:17px;--input-label-font-size:15px;--input-message-font-size:12px;--input-message-min-height:16px;--input-block-margin:20px;--input-message-color:var(--c-text-secondary);--input-height-small:38px;--input-prefix-suffix-small:todo;--input-outer-spacing-small:todo;--input-inner-padding-small:todo;--input-label-height-small:todo;--input-label-indent-small:todo;--input-message-height-small:todo;--input-border-radius-small:999px;--input-border-radius-square-small:8px;--input-font-size-small:todo;--input-label-font-size-small:todo;--input-message-font-size-small:todo;--input-height-large:todo;--input-prefix-suffix-large:todo;--input-outer-spacing-large:todo;--input-inner-padding-large:todo;--input-label-height-large:todo;--input-label-indent-large:todo;--input-message-height-large:todo;--input-border-radius-large:999px;--input-border-radius-square-large:16px;--input-font-size-large:todo;--input-label-font-size-large:todo;--input-message-font-size-large:todo;--input-bg-color:var(--c-gray-25);--input-fg-color:var(--c-text-primary);--input-label-color:var(--c-text-secondary);--input-placeholder-color:var(--c-text-tertiary);--input-border-color:var(--c-gray-300);--input-shadow:inset 0px 0px 2px hsl(0, 0%, 4%, 10%);--input-bg-color-hover:var(--c-gray-100);--input-border-color-hover:var(--c-gray-400);--input-shadow-hover:inset 0px 0px 2px hsl(0, 0%, 4%, 20%);--input-bg-color-focus:#fff;--input-border-color-focus:var(--c-gray-800);--input-shadow-focus:inset 0px 0px 2px hsl(0, 0%, 4%, 20%);--input-bg-color-disabled:var(--c-gray-100);--input-border-color-disabled:var(--c-gray-300);/* colors *//* error - red */--input-red-bg-color:var(--c-red-20);--input-red-fg-color:var(--c-text-primary);--input-red-label-color:var(--c-text-secondary);--input-red-placeholder-color:var(--c-text-tertiary);--input-red-border-color:var(--c-accent-400);--input-red-shadow:inset 0px 0px 2px var(--c-red-50);--input-red-bg-color-hover:#fff;--input-red-border-color-hover:var(--c-accent-400);--input-red-shadow-hover:inset 0px 0px 2px var(--c-red-300);--input-red-bg-color-focus:#fff;--input-red-border-color-focus:var(--c-accent-500);--input-red-shadow-focus:inset 0px 0px 0px var(--c-red-300);--input-red-bg-color-disabled:var(--c-gray-100);--input-red-border-color-disabled:var(--c-red-200);--input-red-message-color:var(--c-red-500);/* success - green */--input-green-bg-color:var(--c-green-20);--input-green-fg-color:var(--c-text-primary);--input-green-label-color:var(--c-text-secondary);--input-green-placeholder-color:var(--c-text-tertiary);--input-green-border-color:var(--c-green-400);--input-green-shadow:inset 0px 0px 2px var(--c-green-50);--input-green-bg-color-hover:#fff;--input-green-border-color-hover:var(--c-green-400);--input-green-shadow-hover:inset 0px 0px 4px var(--c-green-200);--input-green-bg-color-focus:#fff;--input-green-border-color-focus:var(--c-green-500);--input-green-shadow-focus:inset 0px 0px 0px var(--c-green-200);--input-green-bg-color-disabled:var(--c-gray-100);--input-green-border-color-disabled:var(--c-green-200);--input-green-message-color:var(--c-green-500);}/*
this is input structure

size: 
    .input-size-md[default]
    .input-size-sm
    .input-size-lg

type: 
    .input-field
    .input-select
    .input-textarea
    .input-copy-field
    .input-radio
    .input-switch
    ...

sub-type:
    .input-field-text
    .input-field-password
    .input-field-search
    ...

state: 
    .input-red
    .input-green
    .is-processing
    .is-disabled
    .is-preloading

label:
    .label-hidden
    .label-sudo

other classes:
    .is-required
    .is-readonly
    .is-hidden
    .width-fit
    .input-group — joined fields sharing one label/message (no gap; outer radii on first/last)
      each field keeps its own .input-wrapper (prefix/suffix/select chevron stay per-field)

<div class="input-control">
    <div class="input-label">
        <div class="icon svg-icon" data-svg=""></div>
        <label class="label" for=""></label>
    </div>
    <div class="input-wrapper">
        <input type="" class="input" id="" name=""/>
        <div class="input-suffix">
            <div class="value"></div>
            or
            <div class="svg-icon" data-svg=""></div>
        </div>
        <div class="input-prefix">
            <div class="value"></div>
            or
            <div class="svg-icon" data-svg=""></div>
        </div>
    </div>
    <div class="input-message">
        <div class="input-message-text"></div>
        <div class="input-message-text"></div>
    </div>
</div>

input-group:
<div class="input-control input-group [input-select|input-field|…]">
    <div class="input-label">…</div>
    <div class="input-group_fields" role="group" aria-labelledby="…">
        <div class="input-wrapper">…</div>
        <div class="input-wrapper">…</div>
    </div>
    <div class="input-message">…</div>
</div>

other props (behavior):
    -keyboard-type (inputmode)
    -maxlength
    -minlength
    -autocomplete

*/.input-control.input-size-sm{--input-height:var(--input-height-small);--input-prefix-suffix-size:var(--input-prefix-suffix-size-small);--input-outer-spacing:var(--input-outer-spacing-small);--input-inner-padding:var(--input-inner-padding-small);--input-label-height:var(--input-label-height-small);--input-label-indent:var(--input-label-indent-small);--input-message-height:var(--input-message-height-small);--input-border-radius:var(--input-border-radius-small);--input-border-radius-square:var(--input-border-radius-square-small);--input-font-size:var(--input-font-size-small);--input-label-font-size:var(--input-label-font-size-small);--input-message-font-size:var(--input-message-font-size-small);}.input-control.input-size-lg{--input-height:var(--input-height-large);--input-prefix-suffix-size:var(--input-prefix-suffix-size-large);--input-outer-spacing:var(--input-outer-spacing-large);--input-inner-padding:var(--input-inner-padding-large);--input-label-height:var(--input-label-height-large);--input-label-indent:var(--input-label-indent-large);--input-message-height:var(--input-message-height-large);--input-border-radius:var(--input-border-radius-large);--input-border-radius-square:var(--input-border-radius-square-large);--input-font-size:var(--input-font-size-large);--input-label-font-size:var(--input-label-font-size-large);--input-message-font-size:var(--input-message-font-size-large);}.input-control.input-red{--input-bg-color:var(--input-red-bg-color);--input-fg-color:var(--input-red-fg-color);--input-label-color:var(--input-red-label-color);--input-placeholder-color:var(--input-red-placeholder-color);--input-border-color:var(--input-red-border-color);--input-shadow:var(--input-red-shadow);--input-bg-color-hover:var(--input-red-bg-color-hover);--input-border-color-hover:var(--input-red-border-color-hover);--input-shadow-hover:var(--input-red-shadow-hover);--input-bg-color-focus:var(--input-red-bg-color-focus);--input-border-color-focus:var(--input-red-border-color-focus);--input-shadow-focus:var(--input-red-shadow-focus);--input-bg-color-disabled:var(--input-red-bg-color-disabled);--input-border-color-disabled:var(--input-red-border-color-disabled);--input-shadow-disabled:var(--input-red-shadow-disabled);--input-message-color:var(--input-red-message-color);}.input-control.input-green{--input-bg-color:var(--input-green-bg-color);--input-fg-color:var(--input-green-fg-color);--input-label-color:var(--input-green-label-color);--input-placeholder-color:var(--input-green-placeholder-color);--input-border-color:var(--input-green-border-color);--input-shadow:var(--input-green-shadow);--input-bg-color-hover:var(--input-green-bg-color-hover);--input-border-color-hover:var(--input-green-border-color-hover);--input-shadow-hover:var(--input-green-shadow-hover);--input-bg-color-focus:var(--input-green-bg-color-focus);--input-border-color-focus:var(--input-green-border-color-focus);--input-shadow-focus:var(--input-green-shadow-focus);--input-bg-color-disabled:var(--input-green-bg-color-disabled);--input-border-color-disabled:var(--input-green-border-color-disabled);--input-shadow-disabled:var(--input-green-shadow-disabled);--input-message-color:var(--input-green-message-color);}.input-control.input-border-radius-square{--input-border-radius:var(--input-border-radius-square);--input-label-indent:calc(var(--input-label-indent) / 2);}.input-control input, .input-control textarea, .input-control select{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:none;border-radius:0;background:none;background-image:none;box-shadow:none;font:inherit;font-size:var(--input-font-size);color:var(--input-fg-color);line-height:inherit;letter-spacing:inherit;text-align:inherit;text-transform:none;vertical-align:middle;outline:none;width:100%;min-width:0;max-width:100%;-webkit-tap-highlight-color:transparent;}.input-control input::placeholder, .input-control textarea::placeholder, .input-control select::placeholder{color:var(--input-placeholder-color);font-weight:300;}.input-control textarea{resize:vertical;overflow:auto;}.input-control select{cursor:pointer;}.input-control{width:100%;display:flex;flex-direction:column;width:100%;line-height:1;margin-top:var(--input-block-margin);margin-bottom:var(--input-block-margin);position:relative;transition:all 200ms ease-in-out;}.input-control:has(.input-message){margin-bottom:calc(var(--input-block-margin) - var(--input-message-height));padding-bottom:var(--input-message-height);}.input-control:first-child{margin-top:0;}.input-control:last-child{margin-bottom:0;}.input-control.width-fit{width:fit-content;}.input-control.width-fit .input{width:fit-content;min-width:0;}.input-control .input-label{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:0;height:var(--input-label-height);margin-bottom:var(--input-outer-spacing);overflow:hidden;padding:0 var(--input-label-indent);}.input-control .input-label:has(.icon){gap:var(--input-outer-spacing);}.input-control .input-label .icon{width:var(--input-label-height);height:var(--input-label-height);display:flex;align-items:center;justify-content:center;overflow:hidden;}.input-control .input-label:has(.label-sub){gap:var(--input-outer-spacing);justify-content:flex-start;align-items:baseline;}.input-control .input-label .label-sub{font-size:calc(var(--input-label-font-size) * 0.8);font-weight:200;color:var(--c-text-tertiary);}.input-control .input-label .label{display:block;height:var(--input-label-height);line-height:var(--input-label-height);font-size:var(--input-label-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--input-label-color);font-weight:300;}.input-control .input-wrapper{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:0;position:relative;}/* input-group — joined fields, no gap; outer corners only on first/last */.input-control.input-group .input-group_fields{width:100%;display:flex;align-items:stretch;gap:0;}.input-control.input-group .input-group_fields > .input-wrapper{flex:1 1 0;min-width:0;width:auto;z-index:0;}.input-control.input-group .input-group_fields > .input-wrapper:not(:first-child){margin-inline-start:-1px;}.input-control.input-group .input-group_fields > .input-wrapper > .input{border-radius:0;}.input-control.input-group .input-group_fields > .input-wrapper:first-child > .input{border-start-start-radius:var(--input-border-radius);border-end-start-radius:var(--input-border-radius);}.input-control.input-group .input-group_fields > .input-wrapper:last-child > .input{border-start-end-radius:var(--input-border-radius);border-end-end-radius:var(--input-border-radius);}.input-control.input-group .input-group_fields > .input-wrapper:hover{z-index:1;}.input-control.input-group .input-group_fields > .input-wrapper:focus-within{z-index:2;}.input-control .input{height:var(--input-height);line-height:var(--input-height);padding:0 var(--input-inner-padding);border-radius:var(--input-border-radius);background-color:var(--input-bg-color);border:1px solid transparent;border-color:var(--input-border-color);font-size:var(--input-font-size);transition:all 200ms ease-in-out;}.input-control .input:hover{background-color:var(--input-bg-color-hover);border-color:var(--input-border-color-hover);box-shadow:var(--input-shadow-hover);}.input-control .input:focus, .input-control .input:focus-visible{background-color:var(--input-bg-color-focus);border-color:var(--input-border-color-focus);box-shadow:var(--input-shadow-focus);}.input-control.is-disabled .input, .input-control .input:disabled{cursor:not-allowed !important;background-color:var(--input-bg-color-disabled) !important;color:var(--input-fg-color-disabled) !important;border-color:todo !important;box-shadow:todo !important;}.input-control .input-message{width:100%;margin-top:var(--input-outer-spacing);padding:0 calc(var(--input-inner-padding) / 2);display:flex;flex-direction:column;gap:calc(var(--input-outer-spacing) / 2);position:absolute;bottom:-4px;}.input-control .input-message-text{width:100%;height:var(--input-message-height);line-height:var(--input-message-height);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--input-message-font-size);font-weight:300;color:var(--input-message-color);}.input-control .input-prefix, .input-control .input-suffix{position:absolute;height:calc(var(--input-height) - 2px);width:var(--input-prefix-suffix-size);padding:0 5px;margin:0;top:1px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;font-size:inherit;line-height:1;color:var(--input-fg-color);opacity:0.85;border-radius:var(--input-border-radius);}.input-control .input-prefix .svg-icon, .input-control .input-suffix .svg-icon{opacity:0.65;}.input-control .input-prefix{right:1px;border-radius:0 calc(var(--input-height) / 2) calc(var(--input-height) / 2) 0;}.input-control .input-suffix{left:1px;border-radius:calc(var(--input-height) / 2) 0 0 calc(var(--input-height) / 2);}.input-control .input-prefix .value, .input-control .input-suffix .value{padding-top:2px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.input-control .input-prefix:has(.btn), .input-control .input-suffix:has(.btn){opacity:1;}.input-control .input_clear-btn{cursor:pointer;opacity:0;pointer-events:none;transition:opacity 150ms ease-in-out;}.input-control .input_clear-btn.is-visible{opacity:1;pointer-events:auto;}.input-control.is-hidden{display:none;visibility:hidden;opacity:0;pointer-events:none;}.pf-actions{padding:var(--gutter-xs);position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:16px;}.pf-actions_inner{display:flex;gap:var(--gutter-xs);}.pf-action-apply{}.pf-action-reset{width:40% !important;min-width:100px !important;}:root{--otp-letter-spacing:16px;}.input-control.input-field{}.input-control.input-field .input-wrapper:has(.input-suffix) .input{padding-left:calc(var(--input-prefix-suffix-size));}.input-control.input-field .input-wrapper:has(.input-prefix) .input{padding-right:calc(var(--input-prefix-suffix-size));}/* password input */.input-field-password .password-toggle{cursor:pointer;}.input-field-password-show .icon-eye-closed{display:none;}.input-field-password-hidden .icon-eye{display:none;}/* otp input */.input-control.input-field-otp .input-wrapper{}.input-control.input-field-otp .input{direction:ltr;padding:0;padding-top:3px;padding-left:var(--otp-letter-spacing);letter-spacing:var(--otp-letter-spacing);text-align:center;font-size:calc(var(--input-font-size) * 1.25);font-family:var(--ff-fn);font-weight:600;}.input-control.input-field-otp .otp-divider{}/* 
size:
    .input-size-md[default no class needed]
    .input-size-sm
    .input-size-lg

states (on .input-control for the whole group, or on .checkbox-option for one item):
    .is-disabled    (or the native [disabled] attribute)
    .is-processing
    .is-preloading

styles:
    .style-wrapper

structure:
<div class="input-control input-checkbox [style-wrapper]">
    <div class="input-label">
        <label class="label" id=""></label>
    </div>
    <div class="input-wrapper" role="group" aria-labelledby="">
        <div class="checkbox-option">
            <input type="checkbox" class="checkbox-input" name="…" id="…" value="…" />
            <label class="checkbox-label" for="…">
                <div class="checkbox-label_box"></div>
                <div class="checkbox-label_content">
                    only checkbox-label_title supported by default css if want to add more content make sure to style it
                    <div class="checkbox-label_title">check box label</div>
                </div>
            </label>
        </div>
    </div>
</div>

radio:
    same markup, classes and checkmark, only swap the input type — the box turns
    round. share one `name` across the options and use role="radiogroup" on
    .input-wrapper.
    <input type="radio" class="checkbox-input" name="…" id="…" value="…" />

*/:root{--checkbox-size:22px;--checkbox-radius:6px;--checkbox-gap:10px;--checkbox-option-gap:12px;--checkbox-font-size:var(--input-label-font-size);--checkbox-check-width:2px;/* sm */--checkbox-size-small:18px;--checkbox-radius-small:5px;--checkbox-gap-small:8px;--checkbox-option-gap-small:10px;--checkbox-font-size-small:var(--fs-text-sm);--checkbox-check-width-small:2px;/* lg */--checkbox-size-large:26px;--checkbox-radius-large:8px;--checkbox-gap-large:12px;--checkbox-option-gap-large:14px;--checkbox-font-size-large:var(--fs-text-md);--checkbox-check-width-large:3px;--checkbox-bg:var(--input-bg-color);--checkbox-border:var(--input-border-color);--checkbox-bg-hover:var(--input-bg-color-hover);--checkbox-border-hover:var(--input-border-color-hover);--checkbox-bg-checked:var(--c-gray-900);--checkbox-border-checked:var(--c-gray-900);--checkbox-check-color:#fff;--checkbox-bg-disabled:var(--input-bg-color-disabled);--checkbox-border-disabled:var(--input-border-color-disabled);--checkbox-label-color:var(--c-text-secondary);--checkbox-label-color-checked:var(--c-text-primary);--checkbox-label-color-disabled:var(--c-text-quaternary);--checkbox-spinner-color:var(--c-text-tertiary);--checkbox-duration:var(--tr-timing-base);/* .style-wrapper */--checkbox-wrapper-bg:var(--c-gray-100);--checkbox-wrapper-bg-hover:var(--c-gray-200);--checkbox-wrapper-padding:12px 14px;--checkbox-wrapper-radius:12px;--checkbox-wrapper-padding-small:10px 12px;--checkbox-wrapper-radius-small:10px;--checkbox-wrapper-padding-large:14px 16px;--checkbox-wrapper-radius-large:14px;}.input-control.input-checkbox.input-size-sm{--checkbox-size:var(--checkbox-size-small);--checkbox-radius:var(--checkbox-radius-small);--checkbox-gap:var(--checkbox-gap-small);--checkbox-option-gap:var(--checkbox-option-gap-small);--checkbox-font-size:var(--checkbox-font-size-small);--checkbox-check-width:var(--checkbox-check-width-small);--checkbox-wrapper-padding:var(--checkbox-wrapper-padding-small);--checkbox-wrapper-radius:var(--checkbox-wrapper-radius-small);}.input-control.input-checkbox.input-size-lg{--checkbox-size:var(--checkbox-size-large);--checkbox-radius:var(--checkbox-radius-large);--checkbox-gap:var(--checkbox-gap-large);--checkbox-option-gap:var(--checkbox-option-gap-large);--checkbox-font-size:var(--checkbox-font-size-large);--checkbox-check-width:var(--checkbox-check-width-large);--checkbox-wrapper-padding:var(--checkbox-wrapper-padding-large);--checkbox-wrapper-radius:var(--checkbox-wrapper-radius-large);}.input-control.input-checkbox .input-wrapper{flex-direction:column;align-items:flex-start;gap:var(--checkbox-option-gap);}.input-control.input-checkbox .checkbox-option{position:relative;max-width:100%;width:100%;}/* Visually hidden but still focusable — never use display/visibility here. */.input-control.input-checkbox .checkbox-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%);}.input-control.input-checkbox .checkbox-label{display:inline-flex;align-items:center;gap:var(--checkbox-gap);max-width:100%;width:100%;cursor:pointer;user-select:none;font-size:var(--checkbox-font-size);line-height:1.3;color:var(--checkbox-label-color);transition:color var(--checkbox-duration) ease-in-out;min-height:42px;}.input-control.input-checkbox .checkbox-label_box{position:relative;box-sizing:border-box;flex-shrink:0;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--checkbox-radius);background-color:var(--checkbox-bg);border:1px solid var(--checkbox-border);transition:background-color var(--checkbox-duration) ease-in-out, border-color var(--checkbox-duration) ease-in-out;}/* checkmark */.input-control.input-checkbox .checkbox-label_box::after{content:'';position:absolute;top:50%;left:50%;width:28%;height:55%;border:solid var(--checkbox-check-color);border-width:0 var(--checkbox-check-width) var(--checkbox-check-width) 0;transform:translate(-50%, -60%) rotate(45deg) scale(0);opacity:0;transition:transform var(--checkbox-duration) var(--tr-ease-bounce), opacity var(--tr-timing-fast) ease-in-out;}/* spinner, only painted while processing */.input-control.input-checkbox .checkbox-label_box::before{content:'';position:absolute;inset:15%;border-radius:50%;border:2px solid transparent;border-top-color:var(--checkbox-spinner-color);opacity:0;}.input-control.input-checkbox .checkbox-label_content{min-width:0;margin-top:3px;}.input-control.input-checkbox .checkbox-label_title{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.input-control.input-checkbox .checkbox-label:hover .checkbox-label_box{background-color:var(--checkbox-bg-hover);border-color:var(--checkbox-border-hover);}.input-control.input-checkbox .checkbox-input:focus-visible + .checkbox-label .checkbox-label_box{outline:2px solid var(--input-border-color-focus);outline-offset:2px;}/* checked */.input-control.input-checkbox .checkbox-input:checked + .checkbox-label{color:var(--checkbox-label-color-checked);}.input-control.input-checkbox .checkbox-input:checked + .checkbox-label .checkbox-label_box, .input-control.input-checkbox .checkbox-input:checked + .checkbox-label:hover .checkbox-label_box{background-color:var(--checkbox-bg-checked);border-color:var(--checkbox-border-checked);}.input-control.input-checkbox .checkbox-input:checked + .checkbox-label .checkbox-label_box::after{transform:translate(-50%, -60%) rotate(45deg) scale(1);opacity:1;}.input-control.input-checkbox .checkbox-input:checked + .checkbox-label .checkbox-label_box::before{border-top-color:var(--checkbox-check-color);}/* .style-wrapper — gray row around each option */.input-control.input-checkbox.style-wrapper .checkbox-option{width:100%;}.input-control.input-checkbox.style-wrapper .checkbox-label{box-sizing:border-box;width:100%;padding:var(--checkbox-wrapper-padding);border-radius:var(--checkbox-wrapper-radius);background-color:var(--checkbox-wrapper-bg);transition:background-color var(--checkbox-duration) ease-in-out, color var(--checkbox-duration) ease-in-out;}.input-control.input-checkbox.style-wrapper .checkbox-label:hover{background-color:var(--checkbox-wrapper-bg-hover);}.input-control.input-checkbox.style-wrapper .checkbox-input:focus-visible + .checkbox-label{outline:2px solid var(--input-border-color-focus);outline-offset:2px;}.input-control.input-checkbox.style-wrapper .checkbox-input:focus-visible + .checkbox-label .checkbox-label_box{outline:none;}.input-control.input-checkbox.style-wrapper.is-disabled .checkbox-label, .input-control.input-checkbox.style-wrapper .checkbox-option.is-disabled .checkbox-label, .input-control.input-checkbox.style-wrapper .checkbox-input:disabled + .checkbox-label{background-color:var(--checkbox-bg-disabled);}.input-control.input-checkbox.style-wrapper.is-preloading .checkbox-label, .input-control.input-checkbox.style-wrapper .checkbox-option.is-preloading .checkbox-label{background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;}.input-control.input-checkbox.style-wrapper.is-preloading .checkbox-label_box, .input-control.input-checkbox.style-wrapper .checkbox-option.is-preloading .checkbox-label_box, .input-control.input-checkbox.style-wrapper.is-preloading .checkbox-label_title, .input-control.input-checkbox.style-wrapper .checkbox-option.is-preloading .checkbox-label_title{background:transparent;animation:none;}/* states — group level (.input-control) or item level (.checkbox-option) */.input-control.input-checkbox:is(.is-disabled, .is-processing, .is-preloading) .checkbox-option, .input-control.input-checkbox .checkbox-option:is(.is-disabled, .is-processing, .is-preloading){pointer-events:none;}.input-control.input-checkbox.is-disabled .checkbox-label, .input-control.input-checkbox .checkbox-option.is-disabled .checkbox-label, .input-control.input-checkbox .checkbox-input:disabled + .checkbox-label{cursor:not-allowed;color:var(--checkbox-label-color-disabled);}.input-control.input-checkbox.is-disabled .checkbox-label_box, .input-control.input-checkbox .checkbox-option.is-disabled .checkbox-label_box, .input-control.input-checkbox .checkbox-input:disabled + .checkbox-label .checkbox-label_box{background-color:var(--checkbox-bg-disabled);border-color:var(--checkbox-border-disabled);}.input-control.input-checkbox.is-disabled .checkbox-label_box::after, .input-control.input-checkbox .checkbox-option.is-disabled .checkbox-label_box::after, .input-control.input-checkbox .checkbox-input:disabled + .checkbox-label .checkbox-label_box::after{border-color:var(--checkbox-label-color-disabled);}.input-control.input-checkbox.is-processing .checkbox-label, .input-control.input-checkbox .checkbox-option.is-processing .checkbox-label{cursor:progress;}.input-control.input-checkbox.is-processing .checkbox-label_box::after, .input-control.input-checkbox .checkbox-option.is-processing .checkbox-label_box::after{opacity:0;transform:translate(-50%, -60%) rotate(45deg) scale(0);}.input-control.input-checkbox.is-processing .checkbox-label_box::before, .input-control.input-checkbox .checkbox-option.is-processing .checkbox-label_box::before{opacity:1;animation:checkbox-spin 700ms linear infinite;}@keyframes checkbox-spin{to{transform:rotate(360deg);}}.input-control.input-checkbox.is-preloading .checkbox-label_box::after, .input-control.input-checkbox .checkbox-option.is-preloading .checkbox-label_box::after{opacity:0;}.input-control.input-checkbox.is-preloading .checkbox-label_box, .input-control.input-checkbox .checkbox-option.is-preloading .checkbox-label_box, .input-control.input-checkbox.is-preloading .checkbox-label_title, .input-control.input-checkbox .checkbox-option.is-preloading .checkbox-label_title{color:transparent;border-color:transparent;border-radius:var(--checkbox-radius);background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;}/* radio type — same markup, styles and checkmark, only the box turns round */.input-control.input-checkbox .checkbox-input[type='radio'] + .checkbox-label .checkbox-label_box{border-radius:50%;}@media (prefers-reduced-motion: reduce){.input-control.input-checkbox .checkbox-label_box, .input-control.input-checkbox .checkbox-label_box::after, .input-control.input-checkbox .checkbox-label_box::before{transition:none;animation:none;}}/* select card */.input-control.input-checkbox.select-card .checkbox-label{background-color:var(--c-gray-200);padding:var(--checkbox-option-gap);border-radius:16px;min-height:72px;gap:var(--checkbox-option-gap);position:relative;transition:background-color var(--checkbox-duration) ease-in-out, box-shadow var(--checkbox-duration) ease-in-out, color var(--checkbox-duration) ease-in-out;}.input-control.input-checkbox.select-card .checkbox-label:hover{background-color:var(--c-gray-300);}.input-control.input-checkbox.select-card .checkbox-label_content{margin-top:0;flex:1 1 0;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:space-between;color:var(--c-text-secondary);transition:color var(--checkbox-duration) ease-in-out;}.input-control.input-checkbox.select-card .checkbox-option.is-checked .checkbox-label_content{color:var(--c-text-primary);}.input-control.input-checkbox.select-card .checkbox-option.is-checked .checkbox-label{background-color:#fff;box-shadow:inset 0px 0px 0px 2px var(--c-gray-800), 0px 4px 8px -4px var(--c-gray-400);}/*
two styles of radio:

1. .input-radio [default] 
2. .input-radio-btn-style — pill / button look

additional styles:

direction:
 default is vertical and btn-style is horizontal you can change it by adding
 .input-radio-col
 .input-radio-row


html structure:
<div class="input-control input-radio [input-radio-btn-style]">
    <div class="input-label">
        <label class="label" id="…">Group label</label>
    </div>
    <div class="input-wrapper" role="radiogroup" aria-labelledby="…">
        <div class="radio-option">
            <input type="radio" class="input" name="…" id="…" value="…" />
            <label class="radio-label" for="…">
                <span class="radio-label_indicator" aria-hidden="true"></span>
                <span class="radio-label_text">Option</span>
            </label>
        </div>
    </div>
</div>

style targets (label-first):
    .radio-label
    .radio-label_indicator
    .radio-label_text
    .radio-option:has(.input:checked) .radio-label
    .radio-option:has(.input:focus-visible) .radio-label
*/:root{--input-radio-gap:16px;--input-radio-gap-small:12px;--input-radio-gap-large:24px;--input-checked-bg-color:#fff;--input-checked-fg-color:var(--c-text-primary);--input-checked-border-color:var(--c-gray-900);--input-checked-shadow:inset 0px 0px 0px 2px var(--c-gray-900), 0px 2px 3px -2px var(--c-gray-900), inset 0 -2px 8px -4px var(--c-gray-900);}.input-control.input-size-sm{--input-radio-gap:var(--input-radio-gap-small);}.input-control.input-size-lg{--input-radio-gap:var(--input-radio-gap-large);}.input-radio{}.input-radio-btn-style{}.input-control.input-radio .input{padding:0;}.input-control.input-radio .input-wrapper{display:flex;flex-direction:row;gap:16px;}.input-control .radio-option{/* overflow: hidden; */}.radio-label_text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}/* btn style */.input-radio.input-radio-btn-style .radio-option .input, .input-radio.input-radio-btn-style .radio-option input[type="radio"]{opacity:0;visibility:hidden;}.input-radio.input-radio-btn-style .radio-label{position:absolute;width:100%;height:var(--input-height);top:0;left:0;padding:0 var(--input-inner-padding);display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--input-font-size);line-height:1;color:var(--c-text-quaternary);border:1px solid transparent;border-color:var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-bg-color);box-shadow:inset 0px 0px 0px 0px transparent;cursor:pointer;transition:all 200ms ease-in-out;}.input-radio.input-radio-btn-style .radio-option .input:hover + .radio-label, .input-radio.input-radio-btn-style .radio-option input[type="radio"]:hover + .radio-label{background-color:var(--input-bg-color-hover);border-color:var(--input-border-color-hover);}.input-radio.input-radio-btn-style .radio-option .input:focus-visible + .radio-label, .input-radio.input-radio-btn-style .radio-option input[type="radio"]:focus-visible + .radio-label{border-color:var(--input-border-color-focus);}.input-radio.input-radio-btn-style .radio-option .input:checked + .radio-label, .input-radio.input-radio-btn-style .radio-option input[type="radio"]:checked + .radio-label{background-color:var(--input-checked-bg-color);color:var(--input-checked-fg-color);border-color:var(--input-checked-border-color);box-shadow:var(--input-checked-shadow);}.input-radio.input-radio-btn-style .radio-option{flex:1;position:relative;}.input-radio.input-radio-btn-style .radio-label_indicator{display:none;}/*
input-switch — toggle control (checkbox-based)

structure:

<div class="input-control input-switch">
    <div class="input-label">          optional group/context label
        <label class="label" for="…">…</label>
    </div>
    <div class="input-wrapper">
        <input type="checkbox" class="input" id="…" name="…" />
        <label class="switch-label" for="…">
            <span class="switch-label_track" aria-hidden="true">
                <span class="switch-label_thumb"></span>
            </span>
            <span class="switch-label_text">Label</span>
        </label>
    </div>
</div>

states:
    .is-on          synced by JS when checked (optional CSS hook)
    .is-disabled    or input[disabled]
    :checked        native

layout:
    default: track + text in a row
    .input-switch-reverse — text then track

size (same as other inputs):
    .input-size-md [default]
    .input-size-sm
    .input-size-lg
*/:root{/* md [default] — pill thumb */--switch-track-width:42px;--switch-track-height:26px;--switch-thumb-width:20px;--switch-thumb-height:20px;--switch-track-pad:3px;--switch-gap:10px;--switch-duration:320ms;--switch-ease:var(--tr-ease-bounce);--switch-thumb-stretch:1.3;/* sm */--switch-track-width-small:40px;--switch-track-height-small:22px;--switch-thumb-width-small:22px;--switch-thumb-height-small:16px;--switch-track-pad-small:3px;--switch-gap-small:8px;/* lg */--switch-track-width-large:56px;--switch-track-height-large:30px;--switch-thumb-width-large:34px;--switch-thumb-height-large:24px;--switch-track-pad-large:3px;--switch-gap-large:12px;--switch-track-bg:var(--c-gray-300);--switch-track-bg-hover:var(--c-gray-400);--switch-track-bg-on:var(--c-gray-900);--switch-track-bg-on-hover:var(--c-gray-950);--switch-thumb-bg:#fff;--switch-thumb-shadow:0 1px 3px hsl(0 0% 0% / 20%);--switch-label-color:var(--c-text-tertiary);--switch-label-color-on:var(--c-text-primary);}.input-control.input-size-sm{--switch-track-width:var(--switch-track-width-small);--switch-track-height:var(--switch-track-height-small);--switch-thumb-width:var(--switch-thumb-width-small);--switch-thumb-height:var(--switch-thumb-height-small);--switch-track-pad:var(--switch-track-pad-small);--switch-gap:var(--switch-gap-small);}.input-control.input-size-lg{--switch-track-width:var(--switch-track-width-large);--switch-track-height:var(--switch-track-height-large);--switch-thumb-width:var(--switch-thumb-width-large);--switch-thumb-height:var(--switch-thumb-height-large);--switch-track-pad:var(--switch-track-pad-large);--switch-gap:var(--switch-gap-large);}.input-control.input-switch .input-wrapper{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;}.input-control.input-switch .input, .input-control.input-switch input[type='checkbox']{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;pointer-events:none;}.input-control.input-switch .switch-label{display:inline-flex;align-items:center;gap:var(--switch-gap);cursor:pointer;user-select:none;font-size:var(--input-label-font-size);line-height:1.3;max-width:100%;}.input-control.input-switch-reverse .switch-label{flex-direction:row-reverse;}.input-control.input-switch .switch-label_text{color:var(--switch-label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:color var(--switch-duration) ease-in-out;}.input-control.input-switch .switch-label_track{position:relative;flex-shrink:0;width:var(--switch-track-width);height:var(--switch-track-height);border-radius:999px;background-color:var(--switch-track-bg);transition:background-color var(--switch-duration) ease-in-out;}.input-control.input-switch .switch-label_thumb{position:absolute;top:50%;inset-inline-start:var(--switch-track-pad);width:var(--switch-thumb-width);height:var(--switch-thumb-height);border-radius:999px;background-color:var(--switch-thumb-bg);box-shadow:var(--switch-thumb-shadow);transform:translateY(-50%);transform-origin:center;will-change:inset-inline-start, width;transition:inset-inline-start var(--switch-duration) var(--switch-ease), width 220ms var(--switch-ease), background-color var(--switch-duration) ease-in-out;}/* stretch while pressing — elastic feel on move */.input-control.input-switch .switch-label:active .switch-label_thumb{width:calc(var(--switch-thumb-width) * var(--switch-thumb-stretch));}.input-control.input-switch .input:checked + .switch-label:active .switch-label_thumb, .input-control.input-switch input[type='checkbox']:checked + .switch-label:active .switch-label_thumb, .input-control.input-switch.is-on .switch-label:active .switch-label_thumb{/* keep thumb pinned to the end while stretched */inset-inline-start:calc( 100% - var(--switch-track-pad) - (var(--switch-thumb-width) * var(--switch-thumb-stretch)) );}.input-control.input-switch .input:checked + .switch-label .switch-label_thumb, .input-control.input-switch input[type='checkbox']:checked + .switch-label .switch-label_thumb, .input-control.input-switch.is-on .switch-label_thumb{inset-inline-start:calc(100% - var(--switch-track-pad) - var(--switch-thumb-width));animation:switch-thumb-elastic var(--switch-duration) var(--switch-ease);}@keyframes switch-thumb-elastic{0%{width:var(--switch-thumb-width);}30%{width:calc(var(--switch-thumb-width) * var(--switch-thumb-stretch));}70%{width:var(--switch-thumb-width);}}.input-control.input-switch .switch-label:hover .switch-label_track{background-color:var(--switch-track-bg-hover);}.input-control.input-switch .input:focus-visible + .switch-label .switch-label_track, .input-control.input-switch input[type='checkbox']:focus-visible + .switch-label .switch-label_track{outline:2px solid var(--input-border-color-focus);outline-offset:2px;}.input-control.input-switch .input:checked + .switch-label .switch-label_text, .input-control.input-switch input[type='checkbox']:checked + .switch-label .switch-label_text, .input-control.input-switch.is-on .switch-label_text{color:var(--switch-label-color-on);}.input-control.input-switch .input:checked + .switch-label .switch-label_track, .input-control.input-switch input[type='checkbox']:checked + .switch-label .switch-label_track, .input-control.input-switch.is-on .switch-label_track{background-color:var(--switch-track-bg-on);}.input-control.input-switch .input:checked + .switch-label:hover .switch-label_track, .input-control.input-switch input[type='checkbox']:checked + .switch-label:hover .switch-label_track{background-color:var(--switch-track-bg-on-hover);}.input-control.input-switch.is-disabled .switch-label, .input-control.input-switch:has(.input:disabled) .switch-label, .input-control.input-switch:has(input[type='checkbox']:disabled) .switch-label{cursor:not-allowed;}.input-control.input-switch.is-disabled .switch-label_thumb::after, .input-control.input-switch:has(.input:disabled) .switch-label_thumb::after, .input-control.input-switch:has(input[type='checkbox']:disabled) .switch-label_thumb::after{content:'';position:absolute;inset:0;margin:auto;width:62%;height:62%;background-image:url('/assets/icons/svg/lock.svg');background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;}@media (prefers-reduced-motion: reduce){.input-control.input-switch .switch-label_track, .input-control.input-switch .switch-label_thumb{transition:none;animation:none;}.input-control.input-switch .switch-label:active .switch-label_thumb{width:var(--switch-thumb-width);}}/*
input-select — native <select> and custom combobox (extends common input-control)

states (from common.css):
    .input-red
    .input-green
    .is-processing  → overlay + loader, no interaction
    .is-disabled    or select/button[disabled]
    .is-preloading  → skeleton on the trigger, no interaction

select-only:
    .is-open
    .is-dropdown-top
    .is-dropdown-bottom

size / radius come from common.css (.input-size-sm/lg, .input-border-radius-square)

structure (custom):
<div class="input-control input-select">
    <div class="input-label">…</div>
    <div class="input-wrapper">
        <button type="button" class="input input-select_trigger">
            <span class="input-select_value [is-placeholder]">…</span>
            <span class="input-select_actions">chevron</span>
        </button>
        <div class="input-select_processing">loader</div>
        <button type="button" class="input-select_clear">…</button>
    </div>
    <div class="input-message">…</div>
</div>
*/:root{--input-select-dropdown-max-height:220px;--input-select-dropdown-radius:16px;--input-select-dropdown-shadow:0 16px 32px -16px hsl(210 30% 11% / 0.35), inset 0 0 0 1px var(--c-gray-400);--input-select-option-radius:10px;--input-border-radius:calc((var(--input-height)) / 2) calc((var(--input-height)) / 2);--input-select-chevron-size:16px;--input-select-chevron-size-small:12px;--input-select-chevron-size-large:24px;--input-select-chevron-color:var(--c-text-quaternary);--input-select-chevron-gap:4px;--input-select-chevron-space:calc( var(--input-inner-padding) + var(--input-select-chevron-size) + var(--input-select-chevron-gap) );--input-select-processing-loader-size:24px;}.input-control.input-size-sm{--input-select-chevron-size:var(--input-select-chevron-size-small);}.input-control.input-size-lg{--input-select-chevron-size:var(--input-select-chevron-size-large);}/* chevron + padding are per .input-wrapper that owns a select (works inside .input-group) */.input-control .input-wrapper:has(> select.input) > select.input{padding-left:var(--input-select-chevron-space);cursor:pointer;}.input-control .input-wrapper:has(> select.input) > select.input:has(option[value=""]:checked){color:var(--input-placeholder-color);font-weight:300;}.input-control .input-wrapper:has(> select.input) > select.input option{color:var(--input-fg-color);font-weight:inherit;}.input-control .input-wrapper:has(> select.input):has(.input-prefix) > select.input{padding-right:var(--input-prefix-suffix-size);}.input-control .input-wrapper:has(> select.input):has(.input-suffix) > select.input{padding-left:calc(var(--input-select-chevron-space) + var(--input-prefix-suffix-size));}.input-control .input-wrapper:has(> select.input):has(.input-suffix) > .input-suffix{left:calc(var(--input-inner-padding) + var(--input-select-chevron-size) + var(--input-select-chevron-gap));}.input-control .input-wrapper:has(> select.input)::after{content:'';position:absolute;left:var(--input-inner-padding);top:50%;width:var(--input-select-chevron-size);height:var(--input-select-chevron-size);transform:translateY(-50%) rotate(0deg);transform-origin:center;pointer-events:none;z-index:1;opacity:0.55;background-color:var(--input-select-chevron-color);transition:transform 200ms ease-in-out, opacity 200ms ease-in-out;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 9l8.293 8.293a1 1 0 0 0 1.414 0L21 9' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 9l8.293 8.293a1 1 0 0 0 1.414 0L21 9' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}.input-control .input-wrapper:has(> select.input:open)::after{transform:translateY(-50%) rotate(180deg);}.input-control.is-disabled .input-wrapper:has(> select.input)::after, .input-control .input-wrapper:has(> select.input:disabled)::after{opacity:0.35;}.input-select .input-wrapper{position:relative;}.input-select_trigger.input{display:flex;width:100%;min-height:var(--input-height);height:auto;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--input-border-color);background:var(--input-bg-color);box-shadow:var(--input-shadow);color:var(--input-fg-color);cursor:pointer;font:inherit;line-height:1.3;text-align:right;}.input-select_trigger.input:hover:not(:disabled){border-color:var(--input-border-color-hover);background:var(--input-bg-color-hover);box-shadow:var(--input-shadow-hover);}.input-select_trigger.input:focus-visible, .input-select.is-open .input-select_trigger.input{border-color:var(--input-border-color-focus);background:var(--input-bg-color-focus);border-end-end-radius:0;border-end-start-radius:0;}.input-select.is-open.is-dropdown-top .input-select_trigger.input{border-start-end-radius:0;border-start-start-radius:0;border-end-end-radius:var(--input-border-radius);border-end-start-radius:var(--input-border-radius);}.input-select_value{display:flex;min-width:0;flex:1;flex-wrap:wrap;align-items:center;gap:5px;overflow:hidden;color:var(--input-fg-color);}.input-select_value.is-placeholder{color:var(--input-placeholder-color);font-weight:300;}.input-select_chip{display:inline-flex;max-width:100%;align-items:center;border-radius:999px;background:var(--c-gray-150);padding:3px 8px;color:var(--c-text-secondary);font-size:var(--fs-text-xs);line-height:1.25;white-space:nowrap;}.input-select_actions{display:flex;width:20px;flex:0 0 20px;align-items:center;justify-content:center;color:var(--c-text-quaternary);}.input-select_chevron{width:18px;height:18px;transition:transform var(--tr-timing-base) var(--tr-ease);}.input-select.is-open .input-select_chevron{transform:rotate(180deg);}.input-select_clear{position:absolute;z-index:1;left:10px;display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--c-text-quaternary);cursor:pointer;}.input-select_clear:hover{background:var(--c-gray-200);color:var(--c-text-primary);}.input-select_clear + .input-select_trigger, .input-select .input-wrapper:has(.input-select_clear) .input-select_trigger{padding-left:calc(var(--input-inner-padding) + 28px);}.input-select_dropdown{position:var(--select-dropdown-position, fixed);z-index:var(--select-dropdown-z-index, var(--z-dropdown));top:var(--select-dropdown-top);left:var(--select-dropdown-left);width:var(--select-dropdown-width);max-height:var(--select-dropdown-max-height, var(--input-select-dropdown-max-height));display:flex;flex-direction:column;overflow:hidden;border-radius:var(--input-select-dropdown-radius);background:var(--c-bg);box-shadow:var(--input-select-dropdown-shadow);animation:input-select-dropdown-in var(--tr-timing-fast) var(--tr-ease-enter);}.input-select_dropdown.is-top{transform:translateY(-100%);transform-origin:bottom;border-end-end-radius:0;border-end-start-radius:0;}.input-select_dropdown.is-bottom{transform-origin:top;border-start-end-radius:0;border-start-start-radius:0;}.input-select_search{display:flex;flex-shrink:0;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--c-gray-200);color:var(--c-text-quaternary);}.input-select_search svg{width:18px;height:18px;flex:0 0 auto;}.input-select_search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--c-text-primary);font:inherit;}.input-select_search input::placeholder{color:var(--c-text-tertiary);}.input-select_options{min-height:0;flex:1 1 auto;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:8px;}.input-select_group{display:flex;flex-direction:column;gap:4px;}.input-select_group + .input-select_group{margin-top:8px;}.input-select_group-label{padding:8px 10px 4px;color:var(--c-text-tertiary);font-size:var(--fs-text-xs);font-weight:600;}.input-select_option{display:flex;width:100%;min-height:42px;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:var(--input-select-option-radius);background:transparent;padding:9px 10px;color:var(--c-text-secondary);cursor:pointer;font:inherit;line-height:1.4;text-align:right;transition:background-color var(--tr-timing-fast) var(--tr-ease), color var(--tr-timing-fast) var(--tr-ease);}.input-select_option:hover:not(:disabled):not(.is-selected), .input-select_option.is-active{background:var(--c-gray-100);}.input-select_option.is-selected{background:var(--c-gray-200);color:var(--c-text-primary);font-weight:600;}.input-select_option:disabled{opacity:0.45;cursor:not-allowed;}.input-select_option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.input-select_option-check{width:18px;height:18px;flex:0 0 auto;color:var(--c-gray-900);}.input-select_status{padding:28px 16px;color:var(--c-text-tertiary);font-size:var(--fs-text-sm);text-align:center;}@keyframes input-select-dropdown-in{from{opacity:0;transform:translateY(-4px) scale(0.98);}to{opacity:1;transform:translateY(0) scale(1);}}.input-select_dropdown.is-top{animation-name:input-select-dropdown-in-top;}@keyframes input-select-dropdown-in-top{from{opacity:0;transform:translateY(-100%) translateY(4px) scale(0.98);}to{opacity:1;transform:translateY(-100%) scale(1);}}.input-select.is-processing, .input-select.is-preloading{pointer-events:none;}.input-select.is-disabled .input-select_chevron, .input-select.is-disabled .input-select_actions{opacity:0.35;}.input-select.is-disabled .input-select_clear{pointer-events:none;opacity:0.35;}.input-select_processing{position:absolute;inset:1px;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:var(--input-border-radius);background-color:hsla(0, 0%, 100%, 0.75);color:var(--c-text-tertiary);pointer-events:none;}.input-select_processing-icon{width:var(--input-select-processing-loader-size);height:var(--input-select-processing-loader-size);}.input-select.is-processing .input-select_trigger.input, .input-select.is-processing .input-select_trigger.input:disabled{cursor:progress !important;background-color:var(--input-bg-color) !important;color:var(--input-fg-color) !important;border-color:var(--input-border-color) !important;box-shadow:var(--input-shadow) !important;}.input-select.is-processing .input-select_actions, .input-select.is-processing .input-select_clear{opacity:0;}.input-select.is-preloading .input-select_trigger.input, .input-select.is-preloading .input-select_trigger.input:disabled{cursor:default !important;color:transparent !important;border-color:transparent !important;box-shadow:none !important;background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% ) !important;background-size:200% 100% !important;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;}.input-select.is-preloading .input-select_value, .input-select.is-preloading .input-select_actions, .input-select.is-preloading .input-select_clear, .input-select.is-preloading .input-select_processing{visibility:hidden;}.input-control.is-processing .input-wrapper:has(> select.input), .input-control.is-preloading .input-wrapper:has(> select.input){pointer-events:none;}.input-control.is-processing .input-wrapper:has(> select.input)::before{content:'';position:absolute;inset:0;z-index:2;border-radius:var(--input-border-radius);background-color:hsla(0, 0%, 100%, 0.75);background-image:url('/assets/icons/svg/loader-animated.svg');background-size:var(--input-select-processing-loader-size) auto;background-position:center;background-repeat:no-repeat;pointer-events:none;}.input-control.is-processing .input-wrapper:has(> select.input)::after{opacity:0;}.input-control.is-processing .input-wrapper:has(> select.input) > select.input, .input-control.is-processing .input-wrapper:has(> select.input) > select.input:disabled{cursor:progress !important;background-color:var(--input-bg-color) !important;color:var(--input-fg-color) !important;border-color:var(--input-border-color) !important;box-shadow:var(--input-shadow) !important;}.input-control.is-preloading .input-wrapper:has(> select.input) > select.input, .input-control.is-preloading .input-wrapper:has(> select.input) > select.input:disabled{cursor:default !important;color:transparent !important;border-color:transparent !important;box-shadow:none !important;background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% ) !important;background-size:200% 100% !important;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;}.input-control.is-preloading .input-wrapper:has(> select.input)::after{opacity:0;}@media (prefers-reduced-motion: reduce){.input-select_dropdown{animation:none;}.input-select_chevron{transition:none;}.input-select.is-preloading .input-select_trigger.input, .input-control.is-preloading .input-wrapper:has(> select.input) > select.input{animation:none;}}/*
input-textarea — multiline field (extends common input-control)

structure:

<div class="input-control input-textarea [input-border-radius-square]">
    <div class="input-label">
        <label class="label" for=""></label>
    </div>
    <div class="input-wrapper">
        <textarea class="input" id="" name="" rows="4" placeholder="…"></textarea>
        <div class="input-suffix">…</div>   optional
        <div class="input-prefix">…</div>   optional
    </div>
    <div class="input-message">…</div>
</div>

modifiers:
    .input-textarea-no-resize   disable resize handle
    .input-textarea-autosize    resize: none (pair with JS autosize)
*/:root{--input-textarea-min-height:calc(var(--input-height) * 2);--input-textarea-line-height:1.6;--input-textarea-border-radius:var(--input-border-radius-square);}.input-control.input-textarea .input-wrapper{align-items:stretch;}.input-control.input-textarea textarea, .input-control.input-textarea .input{height:auto;min-height:var(--input-textarea-min-height);line-height:var(--input-textarea-line-height);padding:var(--input-inner-padding);border-radius:var(--input-textarea-border-radius);vertical-align:top;}.input-control.input-textarea .input-wrapper:has(.input-suffix) textarea, .input-control.input-textarea .input-wrapper:has(.input-suffix) .input{padding-left:calc(var(--input-prefix-suffix-size));}.input-control.input-textarea .input-wrapper:has(.input-prefix) textarea, .input-control.input-textarea .input-wrapper:has(.input-prefix) .input{padding-right:calc(var(--input-prefix-suffix-size));}.input-control.input-textarea .input-wrapper:has(.input-suffix) .input-suffix, .input-control.input-textarea .input-wrapper:has(.input-prefix) .input-prefix{height:calc(100% - 2px);top:1px;bottom:1px;}.input-control.input-textarea-no-resize textarea, .input-control.input-textarea-no-resize .input{resize:none;}.input-control.input-textarea-autosize textarea, .input-control.input-textarea-autosize .input{resize:none;overflow:hidden;}/*
input-file — file field (extends common input-control)

structure:

<div class="input-control input-file [input-border-radius-square] [has-files]">
    <div class="input-label">…</div>
    <div class="input-wrapper">
        <input type="file" class="input-file_native" id="" name=""/>
        <div class="input" role="button">
            empty: icon + placeholder
            files: ul.input-file_previews
        </div>
    </div>
    <div class="input-message">…</div>
</div>
*/.input-control.input-file{--file-tile-size:calc(var(--input-height) - var(--input-inner-padding));}.input-control.input-file, .input-control.input-file .input-wrapper, .input-control.input-file .input{width:100%;min-width:0;max-width:100%;}.input-control.input-file .input-wrapper{align-items:stretch;}.input-control.input-file .input{display:flex;align-items:center;justify-content:flex-start;gap:var(--input-outer-spacing);box-sizing:border-box;overflow:hidden;cursor:pointer;}.input-control.input-file.has-files .input{height:auto;min-height:var(--input-height);line-height:1;padding:calc(var(--input-inner-padding) / 2);border-radius:var(--input-border-radius-square);}.input-control.input-file .input-file_native{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}.input-control.input-file .input-file_icon{flex-shrink:0;width:var(--input-label-height);height:var(--input-label-height);opacity:0.65;}.input-control.input-file .input-file_value{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.input-control.input-file .input-file_value.is-placeholder{color:var(--input-placeholder-color);font-weight:300;}.input-control.input-file.is-dragging .input, .input-control.input-file.is-dragging .input:hover{background-color:var(--input-bg-color-focus);border-color:var(--input-border-color-focus);box-shadow:var(--input-shadow-focus);}.input-control.input-file.is-processing .input{cursor:progress;}.input-control.input-file .input-file_previews{display:flex;flex-wrap:wrap;gap:var(--input-outer-spacing);width:100%;margin:0;padding:0;list-style:none;}.input-control.input-file .input-file_tile{position:relative;width:var(--file-tile-size);height:var(--file-tile-size);}.input-control.input-file .input-file_thumb, .input-control.input-file .input-file_add{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;overflow:hidden;border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-bg-color-focus);box-shadow:var(--input-shadow);color:var(--input-fg-color);cursor:pointer;transition:all 200ms ease-in-out;}.input-control.input-file .input-file_thumb img{display:block;width:100%;height:100%;object-fit:cover;}.input-control.input-file .input-file_thumb.is-file{flex-direction:column;gap:2px;padding:6px;cursor:default;color:var(--input-placeholder-color);font-size:var(--input-message-font-size);font-weight:300;text-align:center;}.input-control.input-file .input-file_thumb.is-file span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;}.input-control.input-file .input-file_thumb.is-file .icon, .input-control.input-file .input-file_add .icon, .input-control.input-file .input-file_thumb.is-file .svg-icon, .input-control.input-file .input-file_add .svg-icon{width:calc(var(--file-tile-size) / 2.6);height:calc(var(--file-tile-size) / 2.6);opacity:0.65;}.input-control.input-file .input-file_add{color:var(--input-placeholder-color);}.input-control.input-file .input-file_thumb:hover, .input-control.input-file .input-file_add:hover{background-color:var(--input-bg-color-hover);border-color:var(--input-border-color-hover);box-shadow:var(--input-shadow-hover);}.input-control.input-file .input-file_thumb:focus-visible, .input-control.input-file .input-file_add:focus-visible{background-color:var(--input-bg-color-hover);border-color:var(--input-border-color-focus);box-shadow:var(--input-shadow-focus);outline:none;}.input-control.input-file .input-file_add:disabled, .input-control.input-file.is-disabled .input-file_thumb, .input-control.input-file.is-disabled .input-file_add{cursor:not-allowed;background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled);}.input-control.input-file .input-file_compressing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:hsla(0, 0%, 100%, 0.62);pointer-events:none;}.input-control.input-file .input-file_compressing .svg-icon, .input-control.input-file .input-file_compressing svg{width:calc(var(--file-tile-size) / 2);height:calc(var(--file-tile-size) / 2);}.input-control.input-file .input-file_thumb{position:relative;}.input-control.input-file .input-file_remove{appearance:none;position:absolute;top:0;inset-inline-start:0;z-index:1;display:flex;align-items:center;justify-content:center;width:calc(var(--file-tile-size) / 2.2);height:calc(var(--file-tile-size) / 2.2);padding:0;border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-bg-color-focus);box-shadow:var(--input-shadow);color:var(--input-fg-color);cursor:pointer;transition:all 200ms ease-in-out;}.input-control.input-file .input-file_remove .icon, .input-control.input-file .input-file_remove .svg-icon, .input-control.input-file .input-file_remove svg{width:11px;height:11px;color:var(--c-red-500);opacity:1;}.input-control.input-file .input-file_remove:hover{background-color:var(--input-bg-color-hover);border-color:var(--input-border-color-hover);box-shadow:var(--input-shadow-hover);}.input-control.input-file .input-file_remove:disabled, .input-control.input-file.is-disabled .input-file_remove, .input-control.input-file.is-processing .input-file_remove{cursor:not-allowed;background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled);}.input-control.input-file.label-hidden .input-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}/*
input-stepper

size:
    .input-size-md [default]
    .input-size-sm
    .input-size-lg

features:
    - max: add .max-reached → show 'حداکثر', disable increase
    - min: add .min-reached → disable decrease
    - delete: when value is at min and .stepper-action-cancel exists,
      decrease gets .stepper-btn-delete (trash icon)
    - cancel-delete: .is-deleting shows overlay + 3s timer

data attrs (on .input-stepper or .stepper-input):
    data-min (default 1)
    data-max (optional)
    data-step (default 1)

Structure:
<div class="input-control input-stepper">
    <div class="input-label">…</div>
    <div class="input-wrapper">
        <div class="stepper-group">
            <button type="button" class="stepper-btn stepper-btn-increase" aria-label="افزایش">
                <div class="stepper-icon svg-icon" data-svg="/assets/icons/svg/stepper-plus.svg"></div>
            </button>
            <input class="stepper-input" type="text" inputmode="numeric" value="1" name="">
            <button type="button" class="stepper-btn stepper-btn-decrease" aria-label="کاهش">
                <div class="stepper-icon stepper-icon-minus svg-icon" data-svg="/assets/icons/svg/stepper-minus.svg"></div>
                <div class="stepper-icon stepper-icon-trash svg-icon" data-svg="/assets/icons/svg/stepper-trash.svg"></div>
            </button>
        </div>
        \3c !-- only when delete feature is enabled: -->
        <div class="stepper-action-cancel">
            <button class="delete_cancel" type="button">
                <div class="delete_cancel_timer" data-duration="3">
                    <div class="delete_cancel_timer_inner">
                        <svg class="delete_cancel_timer_ring" viewBox="0 0 32 32" aria-hidden="true">
                            <circle class="delete_cancel_timer_track" cx="16" cy="16" r="13"></circle>
                            <circle class="delete_cancel_timer_progress" cx="16" cy="16" r="13"></circle>
                        </svg>
                        <span class="delete_cancel_timer_value">3</span>
                    </div>
                </div>
                <div class="delete_cancel_text">لغو</div>
            </button>
        </div>
    </div>
</div>
*/:root{/* md [default] no class needed */--stepper-height:var(--input-height);/* now is 52px */--stepper-btn-size:44px;--stepper-padding:calc(var(--stepper-height) - var(--stepper-btn-size));--stepper-value-width:44px;--stepper-timer-size:32px;--stepper-timer-stroke:3;/* total stepper width ~ 140px *//* sm */--stepper-height-small:36px;--stepper-btn-size-small:30px;--stepper-value-width-small:32px;--stepper-timer-size-small:24px;--stepper-timer-stroke-small:2;/* total stepper width ~ 98px *//* lg */--stepper-height-large:60px;--stepper-btn-size-large:56px;--stepper-value-width-large:52px;--stepper-timer-size-large:28px;--stepper-timer-stroke-large:3;}.input-control.input-stepper{width:fit-content;}.input-control.input-stepper.input-size-sm{--stepper-height:var(--stepper-height-small);--stepper-btn-size:var(--stepper-btn-size-small);--stepper-value-width:var(--stepper-value-width-small);--stepper-timer-size:var(--stepper-timer-size-small);--stepper-timer-stroke:var(--stepper-timer-stroke-small);}.input-control.input-stepper.input-size-lg{--stepper-height:var(--stepper-height-large);--stepper-btn-size:var(--stepper-btn-size-large);--stepper-value-width:var(--stepper-value-width-large);--stepper-timer-size:var(--stepper-timer-size-large);--stepper-timer-stroke:var(--stepper-timer-stroke-large);}/* square corners — uses size-aware --input-border-radius-square from common */.input-control.input-stepper.input-border-radius-square{--input-border-radius:var(--input-border-radius-square);}.input-control.input-stepper.input-border-radius-square .stepper-btn.stepper-btn-increase{border-radius:0 calc(var(--input-border-radius) - 3px) calc(var(--input-border-radius) - 3px) 0;}.input-control.input-stepper.input-border-radius-square .stepper-btn.stepper-btn-decrease{border-radius:calc(var(--input-border-radius) - 3px) 0 0 calc(var(--input-border-radius) - 3px);}.input-control.input-stepper.input-size-sm.input-border-radius-square .stepper-btn.stepper-btn-increase{border-radius:0 calc(var(--input-border-radius) - 2px) calc(var(--input-border-radius) - 2px) 0;}.input-control.input-stepper.input-size-sm.input-border-radius-square .stepper-btn.stepper-btn-decrease{border-radius:calc(var(--input-border-radius) - 2px) 0 0 calc(var(--input-border-radius) - 2px);}.input-control.input-stepper .input-wrapper{position:relative;width:fit-content;isolation:isolate;}.input-control.input-stepper .stepper-group{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;min-height:var(--stepper-height);border:1px solid var(--c-gray-300);border-radius:var(--input-border-radius);padding:0 3px;background-color:#fff;transition:background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out;}.input-control.input-stepper.input-size-sm .stepper-group{padding:0 2px;}.input-control.input-stepper .stepper-group:hover{background-color:#fff;border-color:var(--c-gray-300);box-shadow:none;}.input-control.input-stepper .stepper-group:focus-within{background-color:#fff;border-color:var(--c-gray-300);box-shadow:none;}.input-control.input-stepper .stepper-btn{width:var(--stepper-btn-size);height:var(--stepper-btn-size);flex-shrink:0;border:none;border-radius:var(--input-border-radius);background-color:transparent;color:var(--c-text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:12px;margin:0;transition:background-color 200ms ease-in-out, color 200ms ease-in-out;}.input-control.input-stepper.input-size-sm .stepper-btn{padding:6px;}.input-control.input-stepper .stepper-btn:hover{background-color:var(--c-gray-100);color:var(--c-text-primary);}.input-control.input-stepper .stepper-btn:disabled{cursor:not-allowed;color:var(--c-gray-400);background-color:transparent;}.input-control.input-stepper .stepper-icon{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;}.input-control.input-stepper .stepper-icon svg{width:100%;height:100%;}.input-control.input-stepper .stepper-icon-trash{display:none;color:var(--c-accent-400);}.input-control.input-stepper .stepper-btn-delete .stepper-icon-trash{display:flex;}.input-control.input-stepper .stepper-btn-delete .stepper-icon-minus{display:none;}.input-control.input-stepper .stepper-input{width:var(--stepper-value-width);height:var(--stepper-btn-size);min-width:0;border:none;background:transparent;box-shadow:none;text-align:center;font-family:var(--ff-fn);font-weight:500;font-size:calc(var(--input-font-size) + 2px);color:var(--input-fg-color);direction:ltr;line-height:var(--stepper-btn-size);padding:0;outline:none;transition:padding 200ms ease-in-out, line-height 200ms ease-in-out;}.input-control.input-stepper.input-size-sm .stepper-input{font-size:calc(var(--input-font-size) + 0);}.input-control.input-stepper .stepper-input:hover, .input-control.input-stepper .stepper-input:focus, .input-control.input-stepper .stepper-input:focus-visible{background:transparent;border:none;box-shadow:none;}.input-control.input-stepper.max-reached .stepper-group::before{content:'\062d\062f\0627\06a9\062b\0631';/* حداکثر */position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:1;width:var(--stepper-value-width);text-align:center;font-size:var(--fs-text-3xs);font-weight:300;color:var(--c-text-tertiary);line-height:1;pointer-events:none;}.input-control.input-stepper.input-size-sm.max-reached .stepper-group::before{top:3px;}.input-control.input-stepper.max-reached .stepper-input{padding-top:calc(var(--stepper-btn-size) * 0.25);line-height:calc(var(--stepper-btn-size) * 0.75);}.input-control.input-stepper.input-size-sm.max-reached .stepper-input{padding-top:8px;line-height:1;}.input-control.input-stepper .stepper-action-cancel{display:none;position:absolute;inset:0;z-index:2;}.input-control.input-stepper.is-deleting .stepper-action-cancel{display:block;}.input-control.input-stepper .delete_cancel{width:100%;height:var(--stepper-height);display:flex;align-items:center;justify-content:space-evenly;padding:0 24px;border:1px solid var(--c-red-800);border-radius:var(--input-border-radius);font-family:var(--ff-fn);background-color:hsla(358, 92%, 63%, 0.8);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:pointer;}.input-control.input-stepper.input-size-sm .delete_cancel{padding:0 16px;}.input-control.input-stepper .delete_cancel_text{font-size:var(--fs-text);color:#fff;text-shadow:0 1px 1px hsl(0, 0%, 0%, 0.2);}.input-control.input-stepper .delete_cancel_timer_inner{position:relative;width:var(--stepper-timer-size);height:var(--stepper-timer-size);}.input-control.input-stepper .delete_cancel_timer_ring{width:100%;height:100%;display:block;}.input-control.input-stepper .delete_cancel_timer_track, .input-control.input-stepper .delete_cancel_timer_progress{fill:none;stroke-width:var(--stepper-timer-stroke);}.input-control.input-stepper .delete_cancel_timer_track{stroke:hsla(0, 0%, 0%, 0.25);}.input-control.input-stepper .delete_cancel_timer_progress{stroke:hsla(0, 0%, 0%, 0.55);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;}.input-control.input-stepper .delete_cancel_timer_value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-text-xs);font-weight:600;color:#fff;line-height:1;padding-top:2px;}.input-control.input-stepper.input-size-sm .delete_cancel_timer_value{font-size:var(--fs-text-2xs);padding-top:1px;padding-right:1px;}.input-control.input-stepper.is-processing .input-wrapper::after{content:'';position:absolute;inset:0;z-index:3;border-radius:var(--input-border-radius);background-color:hsla(0, 0%, 100%, 0.75);background-image:url('/assets/icons/old/svg/loader-animated.svg');background-size:var(--stepper-timer-size) auto;background-position:center;background-repeat:no-repeat;pointer-events:auto;border:1px solid var(--c-gray-300);}.input-control.input-stepper.is-processing .stepper-btn, .input-control.input-stepper.is-processing .stepper-input{pointer-events:none;}.input-control.input-stepper.is-disabled .stepper-group, .input-control.input-stepper.is-disabled .stepper-btn, .input-control.input-stepper.is-disabled .stepper-input{cursor:not-allowed;pointer-events:none;}.input-control.input-stepper.is-disabled .stepper-group{background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled);box-shadow:none;}.input-control.input-stepper.is-disabled .stepper-btn{color:var(--c-gray-400);}/*
range-slider — dual-handle range slider with inputs
Used for price ranges, quantity ranges, and continuous value filtering.

Structure:
<div class="range-slider [range-slider-price]"
     data-min="0"
     data-max="10000000"
     data-step="50000"
     data-value-min="100000"
     data-value-max="5000000">

    \3c !-- Slider track at top with two handles -->
    <div class="range-slider_track-container">
        <div class="range-slider_track">
            <div class="range-slider_rail"></div>
            <div class="range-slider_highlight"></div>
            <div class="range-slider_thumb is-min"
                 role="slider"
                 tabindex="0"
                 aria-label="حداقل قیمت"
                 aria-valuemin="0"
                 aria-valuemax="10000000"
                 aria-valuenow="100000"></div>
            <div class="range-slider_thumb is-max"
                 role="slider"
                 tabindex="0"
                 aria-label="حداکثر قیمت"
                 aria-valuemin="0"
                 aria-valuemax="10000000"
                 aria-valuenow="5000000"></div>
        </div>
    </div>

    \3c !-- 2 inputs under slider -->
    <div class="range-slider_inputs">
        <div class="input-control input-field input-size-sm range-slider_field">
            <div class="input-label">
                <label class="label" for="price-min">از</label>
            </div>
            <div class="input-wrapper">
                <input type="text"
                       class="input range-slider_input range-slider_input-min fn"
                       id="price-min"
                       name="price_min"
                       inputmode="numeric"
                       placeholder="۰"
                       value="۱۰۰,۰۰۰" />
                <div class="input-suffix">
                    <div class="value">تومان</div>
                </div>
            </div>
        </div>
        <div class="input-control input-field input-size-sm range-slider_field">
            <div class="input-label">
                <label class="label" for="price-to">تا</label>
            </div>
            <div class="input-wrapper">
                <input type="text"
                       class="input range-slider_input range-slider_input-max fn"
                       id="price-to"
                       name="price_max"
                       inputmode="numeric"
                       placeholder="۱۰,۰۰۰,۰۰۰"
                       value="۵,۰۰۰,۰۰۰" />
                <div class="input-suffix">
                    <div class="value">تومان</div>
                </div>
            </div>
        </div>
    </div>
</div>

Variables & states:
    --range-min-pct: percentage position for min thumb & highlight start (0-100)
    --range-max-pct: percentage position for max thumb & highlight end (0-100)
    .is-dragging: applied to active thumb during drag
    .is-active: applied to slider during interaction
    .is-disabled: dims control and disables interaction
*/:root{--range-slider-height:28px;--range-slider-rail-height:4px;--range-slider-rail-bg:var(--c-gray-200);--range-slider-highlight-bg:var(--c-gray-800);--range-slider-thumb-size:20px;--range-slider-thumb-bg:#ffffff;--range-slider-thumb-border:2px solid var(--c-gray-900);--range-slider-thumb-shadow:0 1px 3px hsl(0 0% 0% / 18%), 0 0 0 1px hsl(0 0% 0% / 6%);--range-slider-thumb-shadow-hover:0 2px 6px hsl(0 0% 0% / 22%), 0 0 0 4px hsla(210, 15%, 60%, 0.18);--range-slider-thumb-shadow-active:0 2px 8px hsl(0 0% 0% / 26%), 0 0 0 6px hsla(210, 15%, 60%, 0.28);--range-slider-gap:14px;--range-slider-input-gap:10px;}/* Base range slider container */.range-slider{--range-min-pct:0;--range-max-pct:100;display:flex;flex-direction:column;gap:var(--range-slider-gap);width:100%;user-select:none;-webkit-user-select:none;}/* Slider track area (top) */.range-slider_track-container{position:relative;width:100%;height:var(--range-slider-height);display:flex;align-items:center;cursor:pointer;touch-action:none;padding:0 calc(var(--range-slider-thumb-size) / 2);box-sizing:border-box;}.range-slider_track{position:relative;width:100%;height:var(--range-slider-rail-height);}/* Background rail */.range-slider_rail{position:absolute;inset:0;border-radius:999px;background-color:var(--range-slider-rail-bg);pointer-events:none;}/* Active highlight bar — RTL */.range-slider_highlight{position:absolute;top:0;bottom:0;border-radius:999px;background-color:var(--range-slider-highlight-bg);pointer-events:none;right:calc(var(--range-min-pct, 0) * 1%);left:calc((100 - var(--range-max-pct, 100)) * 1%);transition:background-color 200ms ease;}/* Slider handles / thumbs — RTL */.range-slider_thumb{position:absolute;top:50%;width:var(--range-slider-thumb-size);height:var(--range-slider-thumb-size);margin-top:calc(var(--range-slider-thumb-size) / -2);margin-right:calc(var(--range-slider-thumb-size) / -2);margin-left:0;border-radius:50%;background-color:var(--range-slider-thumb-bg);border:var(--range-slider-thumb-border);box-shadow:var(--range-slider-thumb-shadow);cursor:grab;touch-action:none;outline:none;z-index:2;transition:box-shadow 150ms ease, border-color 150ms ease, transform 150ms ease;-webkit-tap-highlight-color:transparent;}.range-slider_thumb.is-min{right:calc(var(--range-min-pct, 0) * 1%);left:auto;}.range-slider_thumb.is-max{right:calc(var(--range-max-pct, 100) * 1%);left:auto;}.range-slider_thumb:hover{transform:scale(1.1);box-shadow:var(--range-slider-thumb-shadow-hover);}.range-slider_thumb:active, .range-slider_thumb.is-dragging{cursor:grabbing;transform:scale(1.18);box-shadow:var(--range-slider-thumb-shadow-active);z-index:5;}.range-slider_thumb:focus-visible{box-shadow:var(--range-slider-thumb-shadow-hover);}/* Inputs row (bottom) */.range-slider_inputs{width:100%;}/* Grid layout for separate inputs (when not using input-group) */.range-slider_inputs:not(.input-group){display:grid;grid-template-columns:1fr 1fr;gap:var(--range-slider-input-gap);}.range-slider_field.input-control{margin:0 !important;--input-height:38px;--input-inner-padding:10px;--input-prefix-suffix-size:38px;--input-font-size:var(--fs-text-xs);--input-label-font-size:var(--fs-text-xs);--input-label-height:18px;--input-outer-spacing:4px;}.range-slider_field .input-label{padding:0 4px;}.range-slider_field .input-label .label{font-size:var(--fs-text-xs);color:var(--c-text-tertiary);font-weight:400;}.range-slider_field .input-wrapper{position:relative;width:100%;}.range-slider_field .input-wrapper .input{direction:ltr;text-align:right;font-family:var(--ff-fn);font-weight:500;font-size:var(--fs-text-xs);padding-left:var(--input-prefix-suffix-size);padding-right:var(--input-inner-padding);}.range-slider_field .input-suffix{left:1px;width:var(--input-prefix-suffix-size);height:calc(var(--input-height) - 2px);pointer-events:none;}.range-slider_field .input-suffix .value{font-size:var(--fs-text-2xs);color:var(--c-text-tertiary);font-weight:300;}/* Joined input-group layout under range slider — RTL */.range-slider .input-control.input-group{margin:0 !important;--input-height:38px;--input-prefix-size:28px;--input-suffix-size:38px;--input-font-size:var(--fs-text-xs);--input-border-radius:var(--input-border-radius-small, 999px);width:100%;}.range-slider .input-control.input-group .input-group_fields{width:100%;display:flex;flex-direction:row;align-items:stretch;gap:0;}.range-slider .input-control.input-group .input-wrapper{position:relative;flex:1 1 0;min-width:0;}/* In RTL: First wrapper is on the right -> round the outer RIGHT corners only */.range-slider .input-control.input-group .input-group_fields > .input-wrapper:first-child > .input{border-radius:0 999px 999px 0 !important;}/* In RTL: Last wrapper is on the left -> round the outer LEFT corners only */.range-slider .input-control.input-group .input-group_fields > .input-wrapper:last-child > .input{border-radius:999px 0 0 999px !important;}/* Overlap the middle 1px border in RTL */.range-slider .input-control.input-group .input-group_fields > .input-wrapper:not(:first-child){margin-right:-1px !important;margin-left:0 !important;}/* Square corners variant */.range-slider .input-control.input-group.input-border-radius-square .input-group_fields > .input-wrapper:first-child > .input{border-radius:0 10px 10px 0 !important;}.range-slider .input-control.input-group.input-border-radius-square .input-group_fields > .input-wrapper:last-child > .input{border-radius:10px 0 0 10px !important;}.range-slider .input-control.input-group .input{direction:rtl;text-align:center;font-family:var(--ff-fn);font-weight:500;font-size:var(--fs-text-xs);height:var(--input-height);line-height:var(--input-height);padding:0 6px;}.range-slider .input-control.input-group .input-wrapper:has(.input-prefix) .input{padding-right:var(--input-prefix-size, 28px);}.range-slider .input-control.input-group .input-wrapper:has(.input-suffix) .input{padding-left:var(--input-suffix-size, 38px);}.range-slider .input-control.input-group .input-prefix{right:1px;left:auto;width:var(--input-prefix-size, 28px);height:calc(var(--input-height, 38px) - 2px);display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--c-text-tertiary);font-size:var(--fs-text-xs);font-weight:400;opacity:0.85;}.range-slider .input-control.input-group .input-suffix{left:1px;right:auto;width:var(--input-suffix-size, 38px);height:calc(var(--input-height, 38px) - 2px);display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--c-text-tertiary);font-size:var(--fs-text-2xs);font-weight:300;opacity:0.85;}.range-slider .input-control.input-group .input-wrapper:first-child .input-prefix{border-radius:0 calc(var(--input-height, 38px) / 2) calc(var(--input-height, 38px) / 2) 0;}.range-slider .input-control.input-group .input-wrapper:first-child .input-suffix{border-radius:0;}.range-slider .input-control.input-group .input-wrapper:last-child .input-prefix{border-radius:0;}.range-slider .input-control.input-group .input-wrapper:last-child .input-suffix{border-radius:calc(var(--input-height, 38px) / 2) 0 0 calc(var(--input-height, 38px) / 2);}.range-slider .input-control.input-group .input-prefix .value, .range-slider .input-control.input-group .input-suffix .value{padding-top:1px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/* Disabled state */.range-slider.is-disabled{opacity:0.5;pointer-events:none;}.range-slider.is-disabled .range-slider_thumb{cursor:not-allowed;}/* Neutral / dark variant support */.range-slider.range-slider-neutral, .range-slider.range-slider-dark{--range-slider-highlight-bg:var(--c-gray-900);--range-slider-thumb-border:2px solid var(--c-gray-900);--range-slider-thumb-shadow-hover:0 2px 6px hsl(0 0% 0% / 22%), 0 0 0 4px hsl(0 0% 0% / 12%);--range-slider-thumb-shadow-active:0 2px 8px hsl(0 0% 0% / 26%), 0 0 0 6px hsl(0 0% 0% / 18%);}/* 
states:
    .is-disabled
    .is-processing
    .is-preloading

layout:
    -nowrap [default no class needed]
    .layout-wrap
    .layout-vertical
    .layout-items-fit

size:
    .size-small / .input-size-sm
    -size-default [default no class needed]
    .size-large / .input-size-lg

style:
    wrapper:
        -wrapper [default no class needed]
        .no-wrapper 
    border-radius:
        -pill [default no class needed]
        .border-radius-square

structured like this:
<div class="input-control segmented-control">
    <div class="input-wrapper segmented-control_wrapper">
        .is-active
        .is-disabled
        <button type="button" class="segmented-control_item">
            <span class="segmented-control_item-label"></span>
            <span class="segmented-control_item-icon"></span>
        </button>
        ...
    </div>
</div>
*/:root{--segmented-control-height:var(--input-height);--segmented-control-padding:5px;--segmented-control-gap:8px;--segmented-control-border-radius:999px;--segmented-control-item-height:calc(var(--segmented-control-height) - var(--segmented-control-padding) * 2);--segmented-control-item-border-radius:calc(var(--segmented-control-border-radius) - var(--segmented-control-padding) / 2);--segmented-control-item-padding:0 12px;--segmented-control-item-gap:8px;--segmented-control-item-font-size:var(--fs-text);--segmented-control-item-icon-size:24px;--segmented-control-bg:var(--c-gray-100);--segmented-control-item-bg:transparent;--segmented-control-item-fg:var(--c-text-secondary);--segmented-control-item-border:transparent;--segmented-control-item-hover-bg:var(--c-gray-200);--segmented-control-item-hover-fg:var(--c-text-primary);--segmented-control-item-hover-border:transparent;--segmented-control-item-active-bg:#fff;--segmented-control-item-active-fg:var(--c-text-primary);--segmented-control-item-active-border:transparent;--segmented-control-item-active-shadow:0 1px 3px hsl(0 0% 0% / 10%);--segmented-control-item-disabled-bg:transparent;--segmented-control-item-disabled-fg:var(--c-text-quaternary);--segmented-control-item-disabled-border:transparent;--segmented-control-loader-size:32px;/* size-small */--segmented-control-height-small:calc(var(--input-height-small) + 6px);--segmented-control-padding-small:3px;--segmented-control-gap-small:8px;--segmented-control-item-padding-small:0 8px;--segmented-control-item-gap-small:4px;--segmented-control-item-font-size-small:var(--fs-text-sm);--segmented-control-item-icon-size-small:18px;--segmented-control-loader-size-small:24px;/* size-large */--segmented-control-height-large:64px;--segmented-control-padding-large:6px;--segmented-control-gap-large:8px;--segmented-control-item-padding-large:0 16px;--segmented-control-item-gap-large:8px;--segmented-control-item-font-size-large:var(--fs-text-md);--segmented-control-item-icon-size-large:28px;--segmented-control-loader-size-large:40px;}.segmented-control.size-small, .segmented-control.input-size-sm{--segmented-control-height:var(--segmented-control-height-small);--segmented-control-padding:var(--segmented-control-padding-small);--segmented-control-gap:var(--segmented-control-gap-small);--segmented-control-item-padding:var(--segmented-control-item-padding-small);--segmented-control-item-gap:var(--segmented-control-item-gap-small);--segmented-control-item-font-size:var(--segmented-control-item-font-size-small);--segmented-control-item-icon-size:var(--segmented-control-item-icon-size-small);--segmented-control-loader-size:var(--segmented-control-loader-size-small);}.segmented-control.size-large, .segmented-control.input-size-lg{--segmented-control-height:var(--segmented-control-height-large);--segmented-control-padding:var(--segmented-control-padding-large);--segmented-control-gap:var(--segmented-control-gap-large);--segmented-control-item-padding:var(--segmented-control-item-padding-large);--segmented-control-item-gap:var(--segmented-control-item-gap-large);--segmented-control-item-font-size:var(--segmented-control-item-font-size-large);--segmented-control-item-icon-size:var(--segmented-control-item-icon-size-large);--segmented-control-loader-size:var(--segmented-control-loader-size-large);}.segmented-control.border-radius-square{--segmented-control-border-radius:var(--input-border-radius-square);}.segmented-control.size-small.border-radius-square, .segmented-control.input-size-sm.border-radius-square{--segmented-control-border-radius:var(--input-border-radius-square-small);}.segmented-control.size-large.border-radius-square, .segmented-control.input-size-lg.border-radius-square{--segmented-control-border-radius:var(--input-border-radius-square-large);}.segmented-control.no-wrapper{--segmented-control-padding:2px 0 4px 0;--segmented-control-bg:transparent;--segmented-control-item-bg:var(--input-bg-color);--segmented-control-item-fg:var(--c-text-tertiary);--segmented-control-item-border:var(--input-border-color);--segmented-control-item-hover-bg:var(--input-bg-color-hover);--segmented-control-item-hover-fg:var(--c-text-primary);--segmented-control-item-hover-border:var(--input-border-color-hover);--segmented-control-item-active-bg:var(--input-checked-bg-color, #fff);--segmented-control-item-active-fg:var(--input-checked-fg-color, var(--c-text-primary));--segmented-control-item-active-border:var(--input-checked-border-color, var(--c-gray-900));--segmented-control-item-active-shadow:var(--input-checked-shadow, inset 0 0 0 2px var(--c-gray-900));--segmented-control-item-disabled-bg:var(--input-bg-color-disabled);--segmented-control-item-disabled-fg:var(--c-text-quaternary);--segmented-control-item-disabled-border:var(--input-border-color-disabled);}.input-control.segmented-control .input-wrapper.segmented-control_wrapper{height:var(--segmented-control-height);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:var(--segmented-control-gap);border-radius:var(--segmented-control-border-radius);background-color:var(--segmented-control-bg);padding:var(--segmented-control-padding);width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;position:relative;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}.segmented-control.no-wrapper.input-control .input-wrapper.segmented-control_wrapper{}.input-control.segmented-control .input-wrapper.segmented-control_wrapper::-webkit-scrollbar{display:none;}.segmented-control.layout-wrap .segmented-control_wrapper{height:auto;flex-wrap:wrap;overflow:visible;}.segmented-control.layout-vertical .segmented-control_wrapper{height:auto;flex-direction:column;align-items:stretch;overflow:visible;}.segmented-control_item{box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;margin:0;font:inherit;text-align:inherit;box-shadow:none;outline:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;height:var(--segmented-control-item-height);padding:var(--segmented-control-item-padding);border-radius:var(--segmented-control-item-border-radius);border:1px solid var(--segmented-control-item-border);background-color:var(--segmented-control-item-bg);color:var(--segmented-control-item-fg);font-size:var(--segmented-control-item-font-size);line-height:1;display:flex;align-items:center;justify-content:center;flex:1 1 0;flex-shrink:0;min-width:0;gap:var(--segmented-control-item-gap);transition:background-color var(--tr-timing-base) var(--tr-ease), color var(--tr-timing-base) var(--tr-ease), border-color var(--tr-timing-base) var(--tr-ease), box-shadow var(--tr-timing-base) var(--tr-ease);}.segmented-control.layout-wrap .segmented-control_item{flex:0 1 auto;}.segmented-control.layout-vertical .segmented-control_item{flex:0 0 auto;width:100%;}.segmented-control.layout-items-fit .segmented-control_item{flex:0 0 auto;width:fit-content;min-width:72px;}.segmented-control.layout-items-fit .segmented-control_item-label{min-width:auto;overflow:visible;text-overflow:unset;}.segmented-control_item:hover{background-color:var(--segmented-control-item-hover-bg);color:var(--segmented-control-item-hover-fg);border-color:var(--segmented-control-item-hover-border);}.segmented-control_item:focus-visible{box-shadow:inset 0 0 0 2px var(--input-border-color-focus);}.segmented-control_item.is-active{background-color:var(--segmented-control-item-active-bg);color:var(--segmented-control-item-active-fg);border-color:var(--segmented-control-item-active-border);box-shadow:var(--segmented-control-item-active-shadow);font-weight:500;}.segmented-control_item.is-active:hover{background-color:var(--segmented-control-item-active-bg);color:var(--segmented-control-item-active-fg);border-color:var(--segmented-control-item-active-border);}.segmented-control_item.is-active:focus-visible{box-shadow:var(--segmented-control-item-active-shadow), inset 0 0 0 2px var(--input-border-color-focus);}.segmented-control_item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}.segmented-control_item-icon{width:var(--segmented-control-item-icon-size);height:var(--segmented-control-item-icon-size);flex-shrink:0;display:flex;align-items:center;justify-content:center;}.segmented-control_item-icon .svg-icon, .segmented-control_item-icon svg{width:100%;height:100%;}.segmented-control_item.is-disabled, .segmented-control_item:disabled, .segmented-control.is-disabled .segmented-control_item{background-color:var(--segmented-control-item-disabled-bg);color:var(--segmented-control-item-disabled-fg);border-color:var(--segmented-control-item-disabled-border);box-shadow:none;cursor:not-allowed;pointer-events:none;}.segmented-control.is-disabled .segmented-control_wrapper{pointer-events:none;}.segmented-control.is-processing .segmented-control_wrapper::after{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;background-color:hsla(0, 0%, 100%, 0.75);background-image:url('/assets/icons/svg/animated/loading-dots.svg');background-size:var(--segmented-control-loader-size) auto;background-position:center;background-repeat:no-repeat;pointer-events:auto;}.segmented-control.is-processing .segmented-control_item{pointer-events:none;cursor:progress;}.segmented-control.is-preloading .segmented-control_wrapper{background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;pointer-events:none;}.segmented-control.is-preloading .segmented-control_item{visibility:hidden;}/* No track to paint on — shimmer the chips instead. */.segmented-control.no-wrapper.is-preloading .segmented-control_wrapper{background:transparent;animation:none;}.segmented-control.no-wrapper.is-preloading .segmented-control_item{visibility:visible;color:transparent;border-color:transparent;box-shadow:none;pointer-events:none;background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;}/*
input-copy-field — readonly value + copy action (extends common input-control)

structure:

<div class="input-control input-copy-field">
    <div class="input-label">
        <label class="label" for=""></label>
    </div>
    <div class="input-wrapper">
        <input class="input" id="" readonly />
        <div class="input-suffix">
            <button class="btn btn-primary btn-size-sm input-copy-field_action">کپی کردن</button>
        </div>
    </div>
    <div class="input-message">…</div>
</div>
*/.input-control.input-copy-field{--input-copy-action-size:calc( var(--btn-size-sm-padding) * 2 + var(--btn-size-sm-icon-size) + var(--btn-size-sm-spacing) + var(--input-outer-spacing) * 2 + 4.75rem );}.input-control.input-copy-field .input-wrapper:has(.input-suffix) .input{padding-left:var(--input-copy-action-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.input-control.input-copy-field .input-suffix{width:auto;min-width:unset;opacity:1;}.input-control.input-copy-field .input-copy-field_action{min-width:unset;}/**
 * Store product surfaces — cards, listings, cart actions.
 *//* 
layout:
.layout-horizontal(boolean, default: false)
.layout-compact (boolean, default: false)

size:
.size-tiny 
.size-small
.size-default [default no class needed]
.size-large

state:
.is-preloading
.is-processing
.is-disabled

availability:
.is-unavailable
.is-cancelled [only works for order view]

+ add product collection custom css class to .prd-card

other:
.prd-card-gift
gift has no overlays and price is 0 or free

structure:
<div class="prd-card">
    <div class="prd-card_wrapper">
        <a href="#" class="prd-card_link prd-card_media">
            image
            <div class="prd-card-thumbnail">
                <img
                src="/assets/images/temp/prd280.png"
                decoding="async"
                loading="lazy"
                class="prd-card_image"
                alt="Product name"
                >
            </div>
            <div class="prd-card_overlays">
                collection
                collection ribbon
                discount badge
                discount timer
                product seller
                 <div class="prd-card_overlay prd-card_collections">
                    current auto collections:
                    1.new جدید
                    2.bestseller پرفروش
                    3.limited محدود
                    4.featured مننخب
                    5.dubai ارسال دبی
                    6.openbox جعبه باز
                    7.damaged معیوب
                    add as class prd-collection-xxx
                    <div class="prd-card_collection prd-collection-new">جدید</div>
                 </div>
                 <div class="prd-card_overlay prd-card_ribbon">
                    <img src="/assets/images/ribbon/ribbon-new.svg" alt="">
                 </div>
                 <div class="prd-card_overlay prd-card_discount-badge">
                    <div class="icon svg-icon" data-svg="/assets/icons/svg/esp/price-tag-icon.svg"></div>
                    <div class="prd-card_discount-percentage">
                        no decimal point
                        <span class="value">10</span>
                        <span class="unit">%</span>
                    </div>
                 </div>
                 <div class="prd-card_overlay prd-card_countdown">
                    <div class="prd-countdown_inner">
                        <div class="prd-countdown_time">
                            <div class="time time_hours">19</div>
                            <div class="time_separator">:</div>
                            <div class="time time_minutes">45</div>
                            <div class="time_separator">:</div>
                            <div class="time time_seconds">59</div>
                        </div>
                        <div class="prd-countdown_icon">
                            <img src="/assets/icons/png/alarm-clock.png" alt="">
                        </div>
                    </div>
                 </div>
                 only for direct shipping vendors
                 <div class="prd-card_overlay prd-card_seller">
                    <div class="prd-card_seller-inner">
                        <span class="prefix">ارسال از</span>
                        <span class="value">اصفهان</span>
                    </div>
                 </div>
                 add to cart shortcut (only for products that open_in_modal is active)
                <div class="prd-card_overlay prd-card_add-to-cart">
                <div class="prd-card_add-to-cart-inner">
                    this opens product info in modal and user can add to cart from there
                    <button class="btn btn-sm btn-width-square btn-corner-square prd-card_prd-btn" aria-label="افزودن به سبد خرید">
                        <div class="btn-icon svg-icon" data-svg="/assets/icons/svg/stepper-plus.svg"></div>
                    </button>
                </div>
                </div>
            </div>
        </a>
        <div class="prd-card_details">
            link to brand page
            <a href="#" class="prd-card_link prd-card_brand">SINSAY</a>
            
            <a href="#" class="prd-card_link prd-card_title">
                product title has 4 part, and is diffrent based on page
                1.product title
                2.product brand (+ - برند:)
                3.product code (+ - کد:)
                4.product varicant (+ -)
                ex: تی‌شرت آستین کوتاه ساده مردانه - برند: SINSAY - کد: 1006987 - قرمز, مدیوم
                <p>تی‌شرت آستین کوتاه ساده مردانه - کد 1006987</p>
            </a>
            <div class="prd-card_pricing">
                <div class="prd-card_selling-price">
                    <div class="prd-card_single selling-price_single">
                        <span class="value">100,000</span>
                        <span class="currency">ت</span>
                    </div>
                    only in cart and order that there is a quantity and if quantity is more than 1
                    <div class="prd-card_total selling-price_total">
                        <span class="value">100,000</span>
                        <span class="currency">ت</span>
                    </div>
                </div>
                add if there is a sale price
                no currency in original price
                <div class="prd-card_original-price">
                    <div class="prd-card_single original-price_single">
                        <span class="value">100,000</span>
                    </div>
                    only in cart and order that there is a quantity and if quantity is more than 1
                    <div class="prd-card_total original-price_total">
                        <span class="value">100,000</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="prd-card_actions">
            stepper for cart page
            <div class="prd-card_action prd-card_qty-stepper">
                <div class="input-control input-stepper" data-min="1" data-max="10">
                    <div class="input-wrapper">
                        <div class="stepper-group">
                            <button type="button" class="stepper-btn stepper-btn-increase" aria-label="افزایش">
                                <div class="stepper-icon svg-icon" data-svg="/assets/icons/svg/stepper-plus.svg"></div>
                            </button>
                            <input class="stepper-input" type="text" inputmode="numeric" value="1" name="">
                            <button type="button" class="stepper-btn stepper-btn-decrease" aria-label="کاهش">
                                <div class="stepper-icon stepper-icon-minus svg-icon" data-svg="/assets/icons/svg/stepper-minus.svg"></div>
                                <div class="stepper-icon stepper-icon-trash svg-icon" data-svg="/assets/icons/svg/stepper-trash.svg"></div>
                            </button>
                        </div>
                        <div class="stepper-action-cancel">
                            <button class="delete_cancel" type="button">
                                <div class="delete_cancel_timer" data-duration="3">
                                    <div class="delete_cancel_timer_inner">
                                        <svg class="delete_cancel_timer_ring" viewBox="0 0 32 32" aria-hidden="true">
                                            <circle class="delete_cancel_timer_track" cx="16" cy="16" r="13"></circle>
                                            <circle class="delete_cancel_timer_progress" cx="16" cy="16" r="13"></circle>
                                        </svg>
                                        <span class="delete_cancel_timer_value">3</span>
                                    </div>
                                </div>
                                <div class="delete_cancel_text">لغو</div>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
*/:root{--thumbnail-width:158px;--thumbnail-height:158px;--thumbnail-border-radius:16px;--prd-card-padding:8px;--prd-card-gap:6px;--prd-card-inner-gap:3px;--prd-card-ribbon-size:68px;--prd-card-collection-height:25px;--prd-card-collection-offset:8px;--prd-card-collection-border-radius:8px;--prd-card-brand-font-size:var(--fs-text);--prd-card-brand-line-height:1;--prd-card-brand-padding:2px;--prd-card-title-font-size:var(--fs-text-sm);--prd-card-title-line-height:1.3;--prd-card-title-lines:2;--prd-card-title-padding:0px;--prd-card-price-font-size:var(--fs-text-md);--prd-card-price-line-height:1;--prd-card-price-padding:1px;--prd-card-seller-height:32px;--prd-card-add-to-cart-size:42px;/* state overlays (unavailable / disabled / processing) */--prd-card-state-label-width:100px;--prd-card-state-label-height:50px;--prd-card-state-label-font-size:var(--fs-heading-lg);--prd-card-state-spinner-size:64px;/* horizontal layout */--thumbnail-width-horizontal:112px;--thumbnail-height-horizontal:112px;--thumbnail-border-radius-horizontal:12px;--prd-card-padding-horizontal:8px;--prd-card-gap-horizontal:8px;--prd-card-inner-gap-horizontal:3px;/* todo */--prd-card-ribbon-size-horizontal:42px;--prd-card-collection-height-horizontal:22px;--prd-card-collection-offset-horizontal:8px;--prd-card-collection-border-radius-horizontal:6px;--prd-card-details-height-horizontal:90px;/* todo */--prd-card-seller-height-horizontal:30px;/* horizontal layout - small */--thumbnail-width-horizontal-small:80px;--thumbnail-height-horizontal-small:80px;--thumbnail-border-radius-horizontal-small:10px;--prd-card-padding-horizontal-small:8px;/* todo */--prd-card-gap-horizontal-small:0px;--prd-card-inner-gap-horizontal-small:0px;--prd-card-ribbon-size-horizontal-small:28px;--prd-card-collection-height-horizontal-small:25px;/* todo */--prd-card-collection-offset-horizontal-small:8px;/* todo */--prd-card-collection-border-radius-small:8px;/* todo */--prd-card-details-height-horizontal-small:90px;/* todo */--prd-card-seller-height-horizontal-small:24px;/* tiny (only works with vertical layout) just thumbnail and selling-price */--tiny-thumbnail-width:80px;--tiny-thumbnail-height:80px;--tiny-thumbnail-border-radius:10px;--tiny-prd-card-padding:3px;--tiny-prd-card-gap:2px;--tiny-prd-card-inner-gap:2px;--tiny-prd-card-price-font-size:13px;--tiny-prd-card-price-line-height:1.2;--tiny-prd-card-price-padding:0px;--tiny-prd-card-state-label-height:22px;--tiny-prd-card-state-label-font-size:var(--fs-text-xs);--tiny-prd-card-state-spinner-size:36px;}@media (max-width: 370px){:root{--prd-card-price-font-size:var(--fs-text);}}@media (min-width: 360px){:root{--thumbnail-width:178px;--thumbnail-height:178px;}}@media (min-width: 640px){:root{--thumbnail-width:192px;--thumbnail-height:192px;--prd-card-title-font-size:var(--fs-text);--prd-card-add-to-cart-size:48px;/* horizontal layout */--thumbnail-width-horizontal:148px;--thumbnail-height-horizontal:148px;--prd-card-gap-horizontal:8px;--thumbnail-border-radius-horizontal:16px;--prd-card-inner-gap-horizontal:4px;--prd-card-ribbon-size-horizontal:54px;}}@media (min-width: 980px){:root{--tiny-thumbnail-width:88px;--tiny-thumbnail-height:88px;--tiny-thumbnail-border-radius:8px;--tiny-prd-card-padding:6px;--tiny-prd-card-price-line-height:1.2;}}@media (min-width: 1200px){:root{--thumbnail-width:218px;--thumbnail-height:218px;}}.prd-card.layout-horizontal{--thumbnail-width:var(--thumbnail-width-horizontal);--thumbnail-height:var(--thumbnail-height-horizontal);--prd-card-gap:var(--prd-card-gap-horizontal);--prd-card-padding:var(--prd-card-padding-horizontal);--prd-card-inner-gap:var(--prd-card-inner-gap-horizontal);--thumbnail-border-radius:var(--thumbnail-border-radius-horizontal);--prd-card-ribbon-size:var(--prd-card-ribbon-size-horizontal);--prd-card-collection-height:var(--prd-card-collection-height-horizontal);--prd-card-collection-offset:var(--prd-card-collection-offset-horizontal);--prd-card-collection-border-radius:var(--prd-card-collection-border-radius-horizontal);--prd-card-seller-height:var(--prd-card-seller-height-horizontal);width:100%;min-width:0;min-height:calc(var(--thumbnail-height) + var(--prd-card-padding) * 2);}.prd-card.layout-horizontal.size-small{--thumbnail-width:var(--thumbnail-width-horizontal-small);--thumbnail-height:var(--thumbnail-height-horizontal-small);--prd-card-gap:var(--prd-card-gap-horizontal-small);--prd-card-padding:var(--prd-card-padding-horizontal-small);--prd-card-inner-gap:var(--prd-card-inner-gap-horizontal-small);--thumbnail-border-radius:var(--thumbnail-border-radius-horizontal-small);--prd-card-ribbon-size:var(--prd-card-ribbon-size-horizontal-small);--prd-card-collection-height:var(--prd-card-collection-height-horizontal-small);--prd-card-collection-offset:var(--prd-card-collection-offset-horizontal-small);--prd-card-collection-border-radius:var(--prd-card-collection-border-radius-small);--prd-card-seller-height:var(--prd-card-seller-height-horizontal-small);}.prd-card.size-tiny{--thumbnail-width:var(--tiny-thumbnail-width);--thumbnail-height:var(--tiny-thumbnail-height);--thumbnail-border-radius:var(--tiny-thumbnail-border-radius);--prd-card-padding:var(--tiny-prd-card-padding);--prd-card-gap:var(--tiny-prd-card-gap);--prd-card-inner-gap:var(--tiny-prd-card-inner-gap);--prd-card-price-font-size:var(--tiny-prd-card-price-font-size);--prd-card-price-line-height:var(--tiny-prd-card-price-line-height);--prd-card-price-padding:var(--tiny-prd-card-price-padding);/* the label spans the thumbnail, which is far narrower than the default */--prd-card-state-label-width:calc(var(--thumbnail-width) / 2);--prd-card-state-label-height:var(--tiny-prd-card-state-label-height);--prd-card-state-label-font-size:var(--tiny-prd-card-state-label-font-size);--prd-card-state-spinner-size:var(--tiny-prd-card-state-spinner-size);}.prd-card{--prd-card-brand-height:calc(var(--prd-card-brand-font-size) * var(--prd-card-brand-line-height) + var(--prd-card-brand-padding) * 2);--prd-card-title-height:calc(var(--prd-card-title-font-size) * var(--prd-card-title-line-height) * var(--prd-card-title-lines) + var(--prd-card-title-padding) * 2);--prd-card-price-height:calc(var(--prd-card-price-font-size) * var(--prd-card-price-line-height) + var(--prd-card-price-padding) * 2);--prd-card-brand-block:0px;--prd-card-title-block:0px;--prd-card-price-block:0px;--prd-card-details-height:max(0px, var(--prd-card-brand-block) + var(--prd-card-title-block) + var(--prd-card-price-block) - var(--prd-card-inner-gap));font-family:var(--ff-fn);min-height:calc(var(--thumbnail-height) + var(--prd-card-padding) * 2 + var(--prd-card-gap) + var(--prd-card-details-height));min-width:calc(var(--thumbnail-width) + var(--prd-card-padding) * 2);border-radius:calc(var(--thumbnail-border-radius) + var(--prd-card-padding) - 1px);flex-shrink:0;}.prd-card:has(.prd-card_brand){--prd-card-brand-block:calc(var(--prd-card-brand-height) + var(--prd-card-inner-gap));}.prd-card:has(.prd-card_title){--prd-card-title-block:calc(var(--prd-card-title-height) + var(--prd-card-inner-gap));}.prd-card:has(.prd-card_pricing){--prd-card-price-block:calc(var(--prd-card-price-height) + var(--prd-card-inner-gap));}.prd-card.size-tiny:has(.prd-card_brand), .prd-card.size-tiny:has(.prd-card_title){--prd-card-brand-block:0px;--prd-card-title-block:0px;}.prd-card a{text-decoration:none;}.prd-card_wrapper{width:fit-content;position:relative;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-areas:"media" "details" "actions";gap:var(--prd-card-gap);padding:var(--prd-card-padding);border-radius:calc(var(--thumbnail-border-radius) + var(--prd-card-padding) - 1px);background-color:transparent;border:1px solid transparent;overflow:hidden;transition:background-color 200ms ease-in-out;}.prd-card:hover .prd-card_wrapper{background-color:hsla(210, 80%, 10%, 0.05);/* background-color: var(--c-gray-100); */}.prd-card_wrapper:inner-focus{/* todo */}.prd-card_media{grid-area:media;position:relative;display:block;width:var(--thumbnail-width);height:var(--thumbnail-height);border-radius:calc(var(--thumbnail-border-radius) - 0px);overflow:hidden;border:1px solid transparent;flex-shrink:0;}.prd-card_media:focus{outline:none;}.prd-card_media:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;border:1px solid hsla(0, 0%, 0%, 0.1);border-radius:calc(var(--thumbnail-border-radius) - 1px);}.prd-card-thumbnail{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--c-gray-100);}.prd-card-thumbnail img{max-width:100%;max-height:100%;object-fit:cover;object-position:center;}.prd-card_overlay{position:absolute;z-index:5;}.prd-card_collection{height:var(--prd-card-collection-height);padding:0 12px;width:fit-content;max-width:calc(var(--thumbnail-width) - (var(--prd-card-collection-offset) * 2));bottom:var(--prd-card-collection-offset);right:var(--prd-card-collection-offset);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-text-xs);line-height:calc(var(--prd-card-collection-height) - 2px);color:#fff;text-shadow:0px 1px 2px rgb(0 0 0 / 40%);border-radius:var(--prd-card-collection-border-radius);background-color:var(--c-gray-500);border:1px solid transparent;border-color:var(--c-gray-600);}.prd-collection-new{background-color:var(--c-collection-new);border-color:var(--c-collection-new-border);}.prd-collection-bestseller{background-color:var(--c-collection-bestseller);border-color:var(--c-collection-bestseller-border);}.prd-collection-limited{background-color:var(--c-collection-limited);border-color:var(--c-collection-limited-border);}.prd-collection-featured{background-color:var(--c-collection-featured);border-color:var(--c-collection-featured-border);}.prd-collection-dubai{background-color:var(--c-collection-dubai);border-color:var(--c-collection-dubai-border);}.prd-collection-openbox{background-color:var(--c-collection-openbox);border-color:var(--c-collection-openbox-border);}.prd-collection-damaged{background-color:var(--c-collection-damaged);border-color:var(--c-collection-damaged-border);}.prd-card_ribbon{width:var(--prd-card-ribbon-size);height:var(--prd-card-ribbon-size);top:0;left:0;display:flex;justify-content:center;align-items:center;}.prd-card_ribbon img{width:100%;height:100%;object-fit:cover;}.prd-card_discount-badge{height:var(--prd-card-collection-height);padding:0 6px;width:fit-content;max-width:calc(var(--thumbnail-width) - (var(--prd-card-collection-offset) * 2));top:var(--prd-card-collection-offset);right:var(--prd-card-collection-offset);display:flex;align-items:center;gap:5px;font-size:var(--fs-text-sm);color:#fff;text-shadow:0px 1px 2px rgb(0 0 0 / 40%);border-radius:var(--prd-card-collection-border-radius);background-color:hsla(0, 84%, 60%, 0.8);}.prd-card_discount-badge .icon{width:16px;height:16px;margin-top:2px;}.prd-card_discount-percentage{margin-top:2px;display:flex;gap:0;align-items:center;margin-top:3px;}.prd-card_discount-percentage .unit{font-size:10px;}.prd-card_seller{width:calc(var(--thumbnail-width) - 2px);max-width:calc(var(--thumbnail-width) - 2px);height:var(--prd-card-seller-height);bottom:0;left:0;right:0;line-height:var(--prd-card-seller-height);text-align:center;background-color:var(--c-green-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-text-xs);font-weight:500;color:#fff;}.prd-card_countdown{width:calc(var(--thumbnail-width) - 2px);max-width:calc(var(--thumbnail-width) - 2px);height:var(--prd-card-seller-height);bottom:0;left:0;right:0;background-color:hsla(221, 39%, 11%, 0.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:0 0 calc(var(--thumbnail-border-radius) - 1px) calc(var(--thumbnail-border-radius) - 1px);overflow:hidden;}.prd-countdown_inner{display:flex;align-items:center;justify-content:center;height:var(--prd-card-seller-height);gap:2px;}.prd-countdown_time{display:flex;flex-direction:row-reverse;color:#fff;align-items:baseline;font-size:var(--fs-text-sm);margin-top:2px;}.prd-countdown_time > .time{width:24px;text-align:center;}.prd-countdown_icon{width:16px;height:16px;}.prd-card_add-to-cart{bottom:var(--prd-card-collection-offset);right:var(--prd-card-collection-offset);z-index:15;}.prd-card_add-to-cart-inner{position:relative;}.prd-card_prd-btn.btn{width:var(--prd-card-add-to-cart-size) !important;max-width:var(--prd-card-add-to-cart-size) !important;min-width:var(--prd-card-add-to-cart-size) !important;height:var(--prd-card-add-to-cart-size) !important;max-height:var(--prd-card-add-to-cart-size) !important;background-color:hsla(0, 0%, 100%, 0.9);backdrop-filter:blur(4px) saturate(250%);-webkit-backdrop-filter:blur(4px) saturate(250%);box-shadow:none;border-color:var(--c-green-300);color:var(--c-green-500);}.prd-card_prd-btn.btn:hover{background-color:var(--c-green-400);border-color:var(--c-green-400);color:#fff;}.prd-card_overlays:has(.prd-card_seller) .prd-card_collection, .prd-card_overlays:has(.prd-card_countdown) .prd-card_collection{bottom:calc(var(--prd-card-collection-offset) + var(--prd-card-seller-height));}.prd-card_overlays:has(.prd-card_countdown) .prd-card_seller{display:none;}.prd-card_overlays:has(.prd-card_add-to-cart) .prd-card_collection, .prd-card_overlays:has(.prd-card_add-to-cart) .prd-card_seller, .prd-card_overlays:has(.prd-card_add-to-cart) .prd-card_countdown{display:none;}.prd-card_details{grid-area:details;height:var(--prd-card-details-height);width:var(--thumbnail-width);padding:0 4px;display:flex;flex-direction:column;gap:var(--prd-card-inner-gap);justify-content:flex-start;line-height:1;}.prd-card_actions{grid-area:actions;}.prd-card_brand{flex-shrink:0;display:inline-block;width:100%;max-width:100%;padding:var(--prd-card-brand-padding) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--prd-card-brand-font-size);line-height:var(--prd-card-brand-line-height);font-weight:600;color:var(--c-text-secondary);transition:all var(--tr-timing-base) var(--tr-ease);}.prd-card.size-small{--prd-card-brand-font-size:var(--fs-text-xs);--prd-card-title-font-size:var(--fs-text-sm);}.prd-card_brand:hover{color:var(--c-accent-300);}.prd-card_var-qty{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--fs-text-sm);color:var(--c-text-primary);display:none;}.prd-card_var-qty-inner{display:flex;align-items:baseline;width:fit-content;}.prd-card_variant:nth-child(n+2):before{content:',';margin-right:4px;color:var(--c-text-secondary);}.prd-card_title{flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--prd-card-title-lines);line-clamp:var(--prd-card-title-lines);overflow:hidden;width:100%;padding:var(--prd-card-title-padding) 0;min-width:0;line-height:var(--prd-card-title-line-height);font-weight:300;font-size:var(--prd-card-title-font-size);color:var(--c-text-secondary);transition:all var(--tr-timing-base) var(--tr-ease);}.prd-card.size-small .prd-card_title{max-width:360px;}.prd-card_title p{margin:0;display:contents;}.prd-card_pricing{line-height:var(--prd-card-price-line-height);}/* The default layout reserves a fixed box per part so the details column keeps
   a predictable height: brand one line, title two (blank when the text is
   shorter), price one. The horizontal layout sizes itself from content. */.prd-card:not(.layout-horizontal) .prd-card_brand{height:var(--prd-card-brand-height);}.prd-card:not(.layout-horizontal) .prd-card_title{height:var(--prd-card-title-height);}.prd-card:not(.layout-horizontal) .prd-card_pricing{height:var(--prd-card-price-height);}.prd-card_pricing:has(.prd-card_original-price){display:flex;justify-content:space-between;align-items:baseline;overflow:hidden;gap:4px;}.prd-card_selling-price{flex:1;}.selling-price_single, .selling-price_total{display:flex;align-items:baseline;}.prd-card_selling-price .value{font-weight:bold;font-size:var(--prd-card-price-font-size);display:block;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 0;}.prd-card_selling-price .currency{color:var(--c-text-quaternary);font-size:var(--fs-text-sm);font-weight:600;}.prd-card_original-price{flex-shrink:1;}.prd-card_original-price .value{font-size:calc(var(--prd-card-price-font-size) - 1px);text-decoration:line-through;color:var(--c-accent-300);display:block;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 0;}.prd-card.is-unavailable .prd-card_media{overflow:hidden;}.prd-card.is-unavailable .prd-card_media::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;width:100%;height:100%;border-radius:inherit;background:linear-gradient(180deg, hsla(0, 0%, 95%, 0.8) 0%, hsla(0, 0%, 95%, 0.2) 100%);box-shadow:inset 0 0 0 1px var(--c-gray-300);}.prd-card.is-unavailable .prd-card_media::after{border:none;border-radius:0;content:'\645 \648 \62C \648 \62F \A \646 \6CC \633 \640 \62A ';/* موجود نیـست */display:flex;align-items:center;justify-content:center;position:absolute;width:var(--prd-card-state-label-width);text-align:center;height:var(--prd-card-state-label-height);line-height:1;top:50%;left:50%;transform:translate(-50%, -50%) rotate(0deg);z-index:21;color:var(--c-text-primary);font-size:var(--prd-card-state-label-font-size);text-shadow:0 0 10px rgba(255, 255, 255, 1);line-height:1;font-weight:900;color:var(--c-gray-850);}.prd-card.is-unavailable .prd-card_details{opacity:0.75;}.prd-card.is-disabled .prd-card_media{overflow:hidden;}.prd-card.is-disabled .prd-card_media::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;width:100%;height:100%;border-radius:inherit;background:hsla(0, 0%, 100%, 0.65);box-shadow:inset 0 0 0 1px var(--c-gray-300);}.prd-card.is-disabled .prd-card_media::after{border:none;border-radius:0;content:'\63A \6CC \640 \631 \A \641 \639 \627 \644 !';/* غیرفعال! */display:flex;align-items:center;justify-content:center;position:absolute;width:var(--thumbnail-width);text-align:center;height:var(--prd-card-state-label-height);line-height:1;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-12deg);z-index:21;font-size:var(--prd-card-state-label-font-size);text-shadow:0 2px 2px rgba(0, 0, 0, 0.15);line-height:1;font-weight:900;color:var(--c-accent-500);}.prd-card.is-disabled .prd-card_details{opacity:0.75;}/* A skeleton is often rendered as an empty shell, so there are no parts to
   measure — fall back to the tallest combination. */.prd-card.is-preloading:not(:has(.prd-card_details)){--prd-card-details-height:calc( var(--prd-card-brand-height) + var(--prd-card-title-height) + var(--prd-card-price-height) + var(--prd-card-inner-gap) * 2 );}/* A tiny shell only ever shows a price. */.prd-card.size-tiny.is-preloading:not(:has(.prd-card_details)){--prd-card-details-height:var(--prd-card-price-height);}.prd-card.is-preloading{position:relative;width:calc(var(--thumbnail-width) + (var(--prd-card-padding) * 2));height:calc(var(--thumbnail-height) + var(--prd-card-details-height) + var(--prd-card-gap) + (var(--prd-card-padding) * 2));border-radius:calc(var(--thumbnail-border-radius) + var(--prd-card-padding));overflow:hidden;pointer-events:none;background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer 2s ease-in-out infinite;}.prd-card.is-preloading .prd-card_wrapper{visibility:hidden;}.prd-card.is-processing, .prd-card.is-processing .prd-card_media, .prd-card.is-processing .prd-card_details > *{cursor:progress;}.prd-card.is-processing .prd-card_media::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;width:100%;height:100%;border-radius:inherit;background:hsla(0, 0%, 100%, 0.5);box-shadow:inset 0 0 0 1px var(--c-gray-300);}.prd-card.is-processing .prd-card_media::after{border:none;border-radius:0;content:'';background-image:url('/assets/icons/svg/animated/loading-dots.svg');background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:flex;align-items:center;justify-content:center;position:absolute;width:var(--prd-card-state-spinner-size);height:var(--prd-card-state-spinner-size);margin-left:5px;top:50%;left:50%;transform:translate(-50%, -50%) rotate(0deg);z-index:21;}.prd-card.is-processing .prd-card_details{opacity:0.75;}.prd-card.is-cancelled .prd-card_title, .prd-card.is-cancelled .selling-price_single .value, .prd-card.is-cancelled .selling-price_total .value{text-decoration:line-through;}.prd-card.is-cancelled .prd-card_wrapper{position:relative;}.prd-card.is-cancelled .prd-card_wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;width:100%;height:100%;background-color:#fff;border-radius:inherit;opacity:0.7;pointer-events:none;}.prd-card.is-cancelled .prd-card_wrapper::after{content:'\0644\063a\0648 \0634\062f\0647';/* لغو شده */position:absolute;width:fit-content;font-weight:900;font-size:var(--fs-heading-lg);right:16px;top:50%;transform:translateY(-50%) rotate(-10deg);z-index:21;color:var(--c-red-500);text-shadow:0 0 10px rgba(255, 255, 255, 1);pointer-events:none;letter-spacing:-0.5px;}/* tiny */.prd-card.size-tiny .prd-card_media .prd-card_overlays, .prd-card.size-tiny .prd-card_details .prd-card_brand, .prd-card.size-tiny .prd-card_details .prd-card_title, .prd-card.size-tiny .prd-card_details .prd-card_original-price{display:none;}.prd-card.size-tiny .prd-card_selling-price{display:flex;justify-content:center;padding-top:2px;}.prd-card.size-tiny .prd-card_selling-price .value{font-weight:600;padding:0 2px;}.prd-card.size-tiny .prd-card_selling-price .currency{font-size:var(--fs-text-2xs);font-weight:300;margin-right:-2px;display:none;}/* horizontal layout */.prd-card.layout-horizontal{}.prd-card.layout-horizontal:hover .prd-card_wrapper{background-color:transparent;}.prd-card.layout-horizontal .prd-card_actions:has(.prd-card_qty-stepper){--stepper-value-width-small:calc( var(--thumbnail-width) - 66px ) !important;}.prd-card.layout-horizontal .prd-card_wrapper{grid-template-columns:var(--thumbnail-width) minmax(0, 1fr);grid-template-rows:auto auto;grid-template-areas:"media details" "actions details";width:100%;align-items:start;}.prd-card.layout-horizontal .prd-card_details{width:auto;height:auto;min-width:0;align-self:stretch;padding:0;padding-top:5px;}.prd-card.layout-horizontal .prd-card_actions{min-width:0;}.prd-card.layout-horizontal .prd-card_selling-price{display:flex;flex-direction:column;}.prd-card.layout-horizontal .prd-card_original-price{display:flex;flex-direction:column;}.prd-card.layout-horizontal .prd-card_selling-price:has(.selling-price_total) .prd-card_single .value{font-weight:400;font-size:var(--fs-text);color:var(--c-text-secondary);}.prd-card.layout-horizontal .prd-card_selling-price:has(.selling-price_total) .prd-card_single .currency{display:none;}.prd-card.layout-horizontal  .prd-card_original-price:has(.original-price_total) .prd-card_single .value{font-size:var(--fs-text);font-weight:300;}.prd-card.layout-horizontal .prd-card_pricing{justify-content:flex-start;gap:48px;}.prd-card.layout-horizontal .prd-card_selling-price{flex:0;}.prd-card.layout-horizontal .prd-card_discount-badge{display:none;}.prd-card.layout-horizontal .prd-card_collection{display:none;}.prd-card.layout-horizontal .prd-card_overlays:has(.prd-card_add-to-cart) .prd-card_details{display:none;}.prd-card.layout-horizontal .prd-card_overlays .prd-card_seller{display:initial;background-color:transparent;display:flex;justify-content:center;}.prd-card.layout-horizontal .prd-card_seller-inner{background-color:hsla(158, 50%, 50%, 0.85);border:1px solid hsl(158, 60%, 40%);line-height:1;height:fit-content;padding:5px 8px;border-radius:var(--prd-card-collection-border-radius);font-size:var(--fs-text-2xs);text-shadow:0 1px 0px hsl(158, 60%, 20%);width:100%;max-width:calc(var(--thumbnail-width) - 16px);}.prd-card.layout-horizontal .prd-card_overlays:has(.prd-card_seller) .prd-card_countdown{display:none;}.prd-card.layout-horizontal .prd-countdown_time{font-size:var(--fs-text-xs);margin-top:2px;}.prd-card.layout-horizontal .prd-countdown_time > .time{width:22px;}.prd-card.layout-horizontal .prd-countdown_icon{width:13px;height:13px;}.prd-card.layout-horizontal .prd-card_var-qty{display:flex;}.prd-card_var-qty-inner{width:fit-content;padding:4px 6px;background-color:var(--c-gray-150);border-radius:6px;transition:background-color 200ms ease-in-out;}.prd-card_var-qty-inner:hover{background-color:var(--c-gray-300);}.prd-card_qty-value{font-weight:bold;}.prd-card_qty-label{margin-right:2px;font-size:var(--fs-text-sm);color:var(--c-text-quaternary);}/* horizontal layout - small */.prd-card.layout-horizontal.size-small .prd-card_selling-price:has(.selling-price_total) .prd-card_single .value{display:none;}.prd-card.layout-horizontal.size-small  .prd-card_original-price:has(.original-price_total) .prd-card_single .value{display:none;}.prd-card.layout-horizontal.size-small .prd-card_wrapper{grid-template-areas:"media details" "actions actions";}.prd-card.layout-horizontal.size-small .prd-card_ribbon{display:none;}.prd-card.layout-horizontal.size-small .prd-card_discount-badge{display:none;}.prd-card.layout-horizontal.size-small .prd-card_countdown{display:none;}.prd-card.layout-horizontal.size-small .prd-card_seller-inner{border-radius:5px;max-width:calc(var(--thumbnail-width) - 12px);margin-top:initial;padding:4px 6px;font-weight:300;font-size:var(--fs-text-3xs);background-color:hsla(158, 50%, 50%, 0.75);}.prd-card.layout-horizontal.size-small .prd-card_qty-stepper{--stepper-btn-size-small:24px;--stepper-height-small:30px;--stepper-timer-size-small:20px;--stepper-timer-stroke-small:2;}.prd-card.layout-horizontal.size-small  .input-control.input-stepper .delete_cancel_text{font-size:var(--fs-text-sm);}.prd-card.layout-horizontal.size-small .prd-card_qty-stepper .input-control.input-stepper .stepper-btn{padding:4px;width:24px;}.prd-card.layout-horizontal.size-small .prd-card_actions:has(.prd-card_qty-stepper){--stepper-value-width-small:calc( var(--thumbnail-width) - 54px ) !important;}.prd-card.layout-horizontal.size-small .prd-card_actions{padding:0;padding-top:4px;padding-bottom:0 !important;}.prd-card.layout-horizontal.size-small .prd-card_details{padding:0;padding-top:2px;padding-right:8px;}.prd-card.layout-horizontal.size-small .prd-card_var-qty{display:none;}/* gift */.prd-card.prd-card-gift .prd-card_overlays{display:none;}.prd-card.prd-card-gift .prd-card_wrapper{position:relative;}.prd-card.prd-card-gift .prd-card_wrapper::before{content:'';position:absolute;width:48px;height:48px;background-image:url(/assets/icons/png/gift-ribbon.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1;transform:rotate(25deg);top:0;right:2px;z-index:20;}.prd-card.prd-card-gift .prd-card_media::after{content:'';position:absolute;top:-40%;right:-40%;width:80%;height:80%;z-index:10;border:none;border-radius:0;background-color:red;background:radial-gradient(circle,rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 0) 60%);opacity:0.5;}.prd-card_gift-price{font-weight:500;margin-top:2px;color:var(--c-green-500);}.prd-card.prd-card-gift .prd-card_actions{display:none;}.prd-card.layout-horizontal.size-small.prd-card-gift .prd-card_wrapper::before{width:32px;height:32px;}@media (min-width: 420px){}@media (min-width: 640px){.prd-card.layout-horizontal .prd-card_discount-badge{display:flex;}.prd-card.layout-horizontal .prd-card_wrapper{grid-template-areas:"media details" "media actions";}.prd-card.layout-horizontal .prd-card_media{}.prd-card.layout-horizontal .prd-card_details{padding:0;padding:4px 12px 0px 0;justify-content:space-evenly;}.prd-card.layout-horizontal .prd-card_actions{padding-right:12px;}.prd-card.layout-horizontal .prd-card_actions:has(.prd-card_qty-stepper){--stepper-value-width-small:38px !important;padding-bottom:4px;align-self:flex-end;}.prd-card.layout-horizontal .prd-card_seller-inner{border-radius:4px 4px 9px 9px;margin-top:1px;}.prd-card_var-qty{font-size:var(--fs-text-sm);}.prd-card_var-qty-inner{padding:6px 10px;}.prd-card.is-cancelled .prd-card_wrapper::after{right:30px;}}@media (min-width: 768px){}@media (min-width: 980px){.prd-card.is-cancelled .prd-card_wrapper::before{background:linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);opacity:0.89;}.prd-card.is-cancelled .prd-card_wrapper::after{right:20px;}.prd-card:not(.size-tiny).is-disabled .prd-card_media::after{font-size:var(--fs-heading-xl);}.prd-card.size-tiny .prd-card_selling-price .currency{display:inline-block;}}:root{--pf-header-btn-height:32px;--pf-header-btn-max-width:108px;--pf-active-filter-height:32px;}#modal-product-filters .modal-body{padding:0;}.products-filter_inner{width:100%;height:100%;position:relative;overflow-y:auto;padding-bottom:108px;}.pf-header{display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--ff-fn);padding:var(--gutter-sm);}.pf-header-start, .pf-header-end{width:var(--pf-header-btn-max-width);display:flex;flex-shrink:0;}.pf-header-start{justify-content:flex-start;}.pf-header-end{justify-content:flex-end;}.pf-header-mid{display:flex;align-items:center;gap:4px;}.pf-filter-counter{font-size:var(--fs-text-2xs);width:18px;height:18px;text-align:center;line-height:19px;border-radius:50%;background-color:var(--c-gray-900);color:#fff;}.pf-header-btn{box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;font:inherit;text-align:inherit;box-shadow:none;outline:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;gap:4px;height:var(--pf-header-btn-height);min-width:var(--pf-header-btn-height);font-size:var(--fs-text-xs);border:1px solid var(--c-gray-200);padding:0 5px;border-radius:999px;background-color:var(--c-gray-50);color:var(--c-text-tertiary);transition:all 200ms ease-in-out;}.pf-header-btn:hover{color:var(--c-text-primary);border-color:var(--c-gray-500);}.pf-header-btn.pf-header-close-btn{max-width:var(--pf-header-btn-height);}.pf-header-btn.pf-header-reset-btn{padding:0 8px;}.pf-header-btn.pf-header-reset-btn .btn-icon{width:16px;height:16px;color:var(--c-accent-400);}.pf-active-filters{padding:var(--gutter-sm);border-top:1px solid var(--c-gray-300);}.pf-filters-stream{display:flex;flex-direction:column;gap:8px;}.pf-filters-stream.pf-active-filters-stream{display:flex;flex-wrap:wrap;flex-direction:row;gap:var(--gutter-xs);}.pf-active-filters-item{box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;font:inherit;text-align:inherit;box-shadow:none;outline:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:space-between;gap:5px;flex-shrink:0;font-size:var(--fs-text-xs);height:var(--pf-active-filter-height);background-color:var(--c-gray-200);color:var(--c-text-secondary);border:1px solid transparent;padding:0 10px;border-radius:999px;font-weight:300;min-width:64px;transition:all 200ms ease-in-out;}.pf-active-filters-item:hover{background-color:var(--c-gray-300);color:var(--c-text-primary);}.pf-active-filters-item > .label{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;}.pf-active-filters-item > .icon{width:13px;height:13px;color:var(--c-text-quaternary);transition:color 200ms ease-in-out;}.pf-active-filters-item:hover > .icon{color:var(--c-accent-400);}.pf-section-toggles{padding:var(--gutter-sm);border-top:1px solid var(--c-gray-300);}.pf-toggle-only-main-vendor{}.input-control.input-checkbox.pf-toggle-only-main-vendor .checkbox-input:checked + .checkbox-label .checkbox-label_box, .input-control.input-checkbox.pf-toggle-only-main-vendor .checkbox-input:checked + .checkbox-label:hover .checkbox-label_box{background-color:var(--c-accent-400);border-color:var(--c-accent-400);}.products-filter{--accordion-br:0px;}.products-filter .accordion-main .accordion-btn{background-color:transparent !important;}.products-filter .accordion-main .accordion-header{padding:10px var(--gutter-sm);}.products-filter .accordion-main .accordion-content_body{padding:var(--gutter-sm);}.pf-filter-item.input-control{margin:0 !important;width:100%;}.pf-filter-item.input-control.input-checkbox .input-wrapper{width:100%;gap:8px;}.pf-filter-item .checkbox-label_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;}.pf-filter-item .checkbox-label_title{flex:1;display:flex;align-items:center;gap:5px;color:var(--c-text-secondary);transition:color 200ms ease-in-out;}.pf-filter-item .checkbox-label_count{flex-shrink:0;font-size:var(--fs-text-xs);color:var(--c-text-tertiary);font-family:var(--ff-fn);font-weight:300;transition:color 200ms ease-in-out;}.pf-filter-item.input-control.input-checkbox .checkbox-label{min-height:36px;}.pf-filter-item.input-control.input-checkbox .checkbox-label:hover .checkbox-label_title, .pf-filter-item.input-control.input-checkbox .checkbox-label:hover .checkbox-label_count{color:var(--c-text-primary);}.pf-filter-item .checkbox-label_title .fa-name, .pf-filter-item .checkbox-label_title .en-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pf-filter-item .checkbox-label_title .en-name{opacity:0.7;}.pf-color-swatch{flex-shrink:0;width:16px;height:16px;border-radius:50%;background-color:#000;border:1px solid hsla(0, 0%, 0%, 0.12);box-shadow:inset 0 0 0 1px hsla(0, 0%, 100%, 0.25);}.pf-toggle-only-main-vendor.input-control.input-checkbox .checkbox-label_title{display:flex;gap:5px;}.pf_section-brand .accordion-main, .pf_section-color .accordion-main, .pf_section-size  .accordion-main{border-bottom:none;}.product-list_filters.is-processing .pf-filters-stream{position:relative;}.pf-filters-stream::before, .pf-filters-stream::after{transition:all 200ms ease-in-out;}.product-list_filters.is-processing .pf-filters-stream::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(255, 255, 255, 0.5);z-index:10;cursor:progress;}.product-list_filters.is-processing .pf-filters-stream::after{content:'';width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-image:url('/assets/icons/svg/animated/loading-logo.svg');background-size:contain;background-repeat:no-repeat;background-position:center center;z-index:11;}@media screen and (min-width: 980px){.product-list_body:has(.products-filter.products-filter-empty){--desktop-filter-width:0px;}.product-list_filters:has(.products-filter.products-filter-empty){display:none;}.product-list_filters .range-slider .input-control.input-group .input-group_fields > .input-wrapper .input{}.product-list_filters .range-slider .input-control.input-group .input-group_fields > .input-wrapper > .input{padding:0 18px 0 20px;}.product-list_filters .range-slider .input-control.input-group .input-wrapper .input-prefix{width:18px;}.product-list_filters .range-slider .input-control.input-group .input-wrapper .input-suffix{width:20px;}}:root{--sub-category-width:164px;--sub-category-height:64px;--sub-category-gap:12px;--product-list-toolbar-height:52px;--prd-list-grid-gap:8px;--prd-list-grid-cols:2;--brand-header-shine-color:hsl(0deg 0% 100% / 45%);--desktop-filter-width:300px;}.page-prdlist{}.product-list{}.product-list.page-content .page-width{padding:0;}.product-list_header{padding-top:var(--gutter);padding-bottom:calc(var(--gutter) + var(--separator-radius));margin-bottom:calc(var(--separator-radius) * -1);}.product-list_body{padding:var(--gutter) 0;background-color:#fff;border-radius:var(--separator-radius) var(--separator-radius) 0 0;z-index:2;position:relative;}.product-list_body .product-list_content:has(.default-empty-state){padding:0 var(--gutter);}/* sub-category */.product-list_header .sub-category{width:100%;padding-top:var(--gutter-xs);overflow:hidden;}.product-list_header .sub-category_stream.swiper{width:100%;overflow:visible;}.product-list_header .sub-category .swiper-wrapper{display:flex;align-items:stretch;}.product-list_header .swiper-slide.sub-category_item{width:var(--sub-category-width);height:var(--sub-category-height);margin-left:var(--sub-category-gap);padding-left:10px;display:flex;align-items:center;flex-shrink:0;text-decoration:none;color:inherit;overflow:hidden;border-radius:16px;color:var(--c-text-secondary);background-color:var(--c-gray-150);transition:background-color 200ms ease-in-out, color 200ms ease-in-out;}.product-list_header .swiper-slide.sub-category_item:first-child{margin-right:var(--sub-category-gap);}.product-list_header .swiper-slide.sub-category_item:hover{background-color:var(--c-gray-300);color:var(--c-text-primary);}.product-list_header .sub-category_item-media{width:var(--sub-category-height);height:var(--sub-category-height);padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.product-list_header .sub-category_item-media img{width:100%;height:100%;object-fit:contain;border-radius:999px;}.product-list_header .sub-category_item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;}.product-list_content-header{padding:var(--gutter);padding-top:0;}.product-list_toolbar{height:var(--product-list-toolbar-height);display:flex;align-items:center;gap:4px;border:1px solid var(--c-gray-400);border-radius:999px;overflow:hidden;position:relative;}.product-list_toolbar:after{content:'';position:absolute;height:calc(var(--product-list-toolbar-height) / 2);width:1px;background-color:var(--c-gray-400);top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;}.product-list_toolbar-item{box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;font:inherit;text-align:inherit;box-shadow:none;outline:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;width:calc(50% - 2px);height:calc(var(--product-list-toolbar-height) - 2px);border:none;display:flex;align-items:center;justify-content:center;gap:5px;font-family:var(--ff-fn);background-color:#fff;color:var(--c-text-secondary);transition:background-color 200ms ease-in-out, color 200ms ease-in-out;}.product-list_toolbar-item > .label{}.product-list_toolbar-item > .icon{width:20px;height:20px;}.product-list_toolbar-item:hover{background-color:var(--c-gray-100);color:var(--c-text-primary);}.product-list_filter-count{font-size:var(--fs-text-2xs);width:18px;height:18px;text-align:center;line-height:19px;border-radius:50%;background-color:var(--c-accent-400);color:#fff;}.product-list_stream{padding:var(--gutter) var(--gutter-xs);display:grid;grid-template-columns:repeat(var(--prd-list-grid-cols), minmax(0, 1fr));gap:var(--prd-list-grid-gap);container-type:inline-size;}.product-list_stream .prd-card{--thumbnail-width:calc( (100cqw - var(--prd-list-grid-gap) * (var(--prd-list-grid-cols) - 1)) / var(--prd-list-grid-cols) - var(--prd-card-padding) * 2 );--thumbnail-height:var(--thumbnail-width);min-width:0;margin-bottom:calc(var(--prd-list-grid-gap) * 1);}.product-list_stream .prd-card .prd-card_wrapper{padding:calc(var(--prd-card-padding) / 2);border-radius:calc(var(--thumbnail-border-radius) + calc(var(--prd-card-padding) / 2) - 1px);}.sort-dropdown{width:100%;display:flex;flex-direction:column;gap:4px;}.sort-dropdown-item.btn{width:168px;height:44px;}.sort-dropdown-item.btn.is-active .btn-text{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--c-text-primary) !important;}.sort-dropdown-item.btn.is-active .btn-text::before{content:'';position:absolute;top:50%;right:-24px;transform:translateY(-50%);width:20px;height:20px;background-image:url('/assets/icons/svg/pagination-check.svg');background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0.5;}.product-list_page-title{display:none;}/* category list */.page-prdlist-category{}/* search result */.page-prdlist-search .product-list_header{background-color:var(--c-gray-100);}.search-result-title{text-align:center;font-size:var(--fs-text-sm);color:var(--c-text-secondary);font-family:var(--ff-fn);font-weight:600;padding:0 var(--gutter);}.search-result-title .search-phrase{display:inline-flex;gap:4px;margin-bottom:4px;}.search-phrase-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;display:inline-block;font-weight:300;}.search-phrase-text:before, .search-phrase-text:after{content:'"';}.search-result-count{font-weight:300;}.search-result-count > span{font-weight:600;}/* collection page */.page-prdlist-collection  .product-list_header{--collection-theme-color:var(--c-gray-150);background-color:var(--collection-theme-color);}.page-prdlist-collection .collection-header_title{padding:0 var(--gutter);display:flex;align-items:center;gap:6px;}.page-prdlist-collection .collection-header_title .icon{width:42px;height:42px;border-radius:999px;padding:4px;display:flex;align-items:center;justify-content:center;border:3px solid var(--c-gray-300);background-color:#fff;color:var(--c-gray-600);}.page-prdlist-collection .collection-header_title .text{margin-top:4px;}.page-prdlist-collection .collection-header_title .title{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-secondary);}.page-prdlist-collection .collection-header_title .value{font-weight:600;color:var(--c-text-primary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}.page-prdlist-collection .collection-header_cover{margin-top:calc(var(--gutter) * -1);margin-bottom:calc((var(--gutter) + var(--separator-radius)) * -1);}.page-prdlist-collection .collection-header_cover img{max-width:100%;height:auto;}/* tag page */.page-prdlist-tag .product-list_header{background-color:var(--c-gray-100);}.tag-header_title{padding:0 var(--gutter);display:flex;align-items:center;gap:6px;}.tag-header_title .icon{width:42px;height:42px;border-radius:999px;padding:4px;display:flex;align-items:center;justify-content:center;border:3px solid var(--c-gray-300);background-color:#fff;color:var(--c-gray-600);}.tag-header_title .text{margin-top:4px;}.tag-header_title .title{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-secondary);}.tag-header_title .value{font-weight:600;color:var(--c-text-primary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}/* brand page */.page-prdlist-brand .product-list_header{--brand-theme-color:var(--c-gray-150);--brand-logo-color:var(--c-gray-800);background-color:var(--brand-theme-color);}.brand-header_inner{position:relative;}.brand-header_cover{margin-top:calc(var(--gutter) * -1);margin-bottom:calc((var(--gutter) + var(--separator-radius)) * -1);position:relative;}.brand-header_cover::after{content:'';width:100%;height:100%;background-color:var(--brand-theme-color);background:linear-gradient(180deg, hsla(220, 30%, 4%, 0.0) 0%,  hsla(220, 30%, 4%, 0.9) 60%);position:absolute;top:0;left:0;z-index:1;}.brand-header_details{position:absolute;width:100%;height:100%;top:0;left:0;padding:var(--gutter);overflow:hidden;z-index:5;}.brand-header_details-inner{height:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;}.brand-header-name{font-size:var(--fs-text-lg);font-weight:700;width:100%;max-width:80%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;margin:20px 0 4px 0;}.brand-header-name .divider{font-weight:100;opacity:0.5;}.brand-header-info{font-weight:200;font-family:var(--ff-fn);color:var(--c-gray-100);font-size:var(--fs-text-sm);}.brand-header-logo{position:relative;width:80px;height:80px;border-radius:18px;background-color:var(--brand-logo-color);display:flex;align-items:center;justify-content:center;padding:16px;isolation:isolate;box-shadow:inset 0 0 1px 1px hsla(0, 0%, 100%, 0.25), inset 0 -4px 16px -4px hsla(0, 0%, 100%, 0.5), inset 0 0 10px 0px hsla(0, 0%, 100%, 0.2), 0px 3px 12px -6px hsla(0, 0%, 0%, 0.5);transition:box-shadow 200ms ease-in-out;}.brand-header-logo::before{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient( 105deg, transparent 32%, var(--brand-header-shine-color) 50%, transparent 68% );background-size:250% 100%;background-position:120% 0;background-repeat:no-repeat;pointer-events:none;}.brand-header-logo:hover{box-shadow:inset 0 0 0px 1px hsla(0, 0%, 100%, 0.5), inset 0 -4px 4px -4px hsla(0, 0%, 100%, 0.5), inset 0 0 4px 0px hsla(0, 0%, 100%, 0.2), 0px 3px 12px -10px hsla(0, 0%, 0%, 0.5);}.brand-header-logo:hover::before{animation:brand-header-logo-shine var(--btn-shine-duration) var(--btn-shine-ease);}@keyframes brand-header-logo-shine{from{background-position:120% 0;}to{background-position:-20% 0;}}.brand-header-logo > .media-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.brand-header-logo > .media-wrapper > img{width:100%;height:100%;object-fit:contain;}.brand-header_spark, .brand-header_spark-small{position:absolute;width:25px;height:25px;transform:rotate(-27deg);top:-12px;right:0;z-index:2;pointer-events:none;}.brand-header_spark{animation:brand-spark-breathe-a 4s ease-in-out 0.4s infinite;}.brand-header_spark-small{width:15px;height:15px;transform:rotate(-50deg);top:4px;right:-7px;animation:brand-spark-breathe-b 5.2s ease-in-out 1.6s infinite;}.brand-header_spark > .inner, .brand-header_spark-small > .inner{position:relative;width:100%;height:100%;inset:0;animation:brand-spark-spin 5.5s linear infinite;}.brand-header_spark-small > .inner{animation:brand-spark-spin-reverse 4.1s linear 0.9s infinite;}.brand-header_spark > .inner::before, .brand-header_spark > .inner::after, .brand-header_spark-small > .inner::before, .brand-header_spark-small > .inner::after{content:"";position:absolute;width:100%;height:1px;inset:0;margin:auto;background:linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100% );filter:blur(0.75px);}.brand-header_spark > .inner::before, .brand-header_spark-small > .inner::before{transform:rotate(-90deg);}/* vendor page */.page-prdlist-vendor .product-list_header{background-color:var(--c-vendor-accent-neon);font-family:var(--ff-fn);}.vendor-header{--awning-height:54px;margin-top:calc(var(--gutter) * -1);margin-bottom:calc((var(--gutter) + var(--separator-radius)) * -1);min-height:calc(var(--awning-height) * 2);}.vendor-header_inner{height:100%;position:relative;padding-top:var(--awning-height);padding-bottom:calc(var(--gutter) + var(--separator-radius));box-shadow:inset 0px calc(var(--awning-height) * 2) 48px -48px hsla(0, 0%, 0%, 0.15);}.vendor-header_awning-graphic{position:absolute;height:var(--awning-height);width:100%;top:0;left:0;right:0;background-image:url('/assets/images/awning.svg');background-repeat:repeat-x;background-size:auto 100%;background-position:bottom center;z-index:2;}.vendor-header_details{padding:var(--gutter);padding-top:calc(var(--gutter) * 2.5);}.vendor-header .vendor-name{font-size:var(--fs-heading-xl);text-align:center;width:100%;font-weight:900;color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;}.vendor-header .vendor-delivery{display:flex;align-items:center;gap:6px;width:fit-content;margin:0 auto;padding:4px 12px;border-radius:8px;background-color:#fff;font-size:var(--fs-text-sm);color:var(--c-text-secondary);}.vendor-header .vendor-delivery .icon{color:var(--c-gray-500);}.vendor-header .vendor-delivery .text span:nth-child(2)::before{content:',';}.vendor-header .vendor-more{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 0;color:var(--c-vendor-accent-900);font-size:var(--fs-text-sm);}.vendor-prd-count, .vendor-created-at{width:fit-content;}.vendor-header .vendor-more .divider{width:1px;height:16px;background-color:#fff;opacity:0.5;}.search-empty-state{}.search-empty-state .default-empty-state-image{width:max(240px, 25vw);}.search-empty-state .default-empty-state-btn{max-width:210px;}.page-prdlist-vendor.page-prdlist-vendor-zire20 .product-list_header{background-color:var(--c-accent-500);}.page-prdlist-vendor.page-prdlist-vendor-zire20 .vendor-header .vendor-more{color:var(--c-accent-900);}/* empty state *//* sale list*/@media (min-width: 560px){:root{--prd-list-grid-cols:3;}.search-empty-state .default-empty-state-image{width:max(340px, 25vw);}.search-empty-state .default-empty-state-title{font-size:var(--fs-heading-lg);color:var(--c-text-primary);margin-top:16px;}.search-empty-state .default-empty-state-desc{font-size:var(--fs-text);}.search-empty-state .default-empty-state-action{margin-top:var(--gutter);}}@media (min-width: 640px){.brand-header_details{padding:0 var(--gutter);}.brand-header_details-inner{flex-direction:row;align-items:center;padding-bottom:30px;}.brand-header-name{display:none;}.brand-header-info{display:none;}.brand-header-logo{flex-shrink:0;}}@media (min-width: 980px){:root{--sub-category-width:164px;--sub-category-height:52px;--sub-category-gap:12px;--prd-list-grid-cols:3;--desktop-filter-width:300px;}.swiper-slide.sub-category_item{border-radius:999px;}.sub-category_item-media{padding:8px;}.sub-category_item-title{font-size:var(--fs-text-sm);padding-left:8px;line-height:1.3;}.product-list_body{display:flex;gap:0;margin:0;border-radius:0;padding:36px 0;}.product-list_body > .page-width{display:flex;gap:0;border-radius:0;}.product-list_filters{width:var(--desktop-filter-width);flex-shrink:0;padding:0 var(--gutter);}.product-list_content{width:calc(100% - var(--desktop-filter-width));}.pf-actions{position:relative;}.product-list_content-header{padding:0 12px;display:flex;align-items:center;justify-content:flex-end;}.product-list_toolbar{width:200px;flex-shrink:0;}.product-list_toolbar-item{width:100%;}.product-list_toolbar-item.product-list_filter-toggle{display:none;}.product-list_toolbar:after{display:none;}.product-list_page-title{display:block;}.product-list_stream{padding:0;padding-top:var(--gutter-xl);}.pf-header-start{display:none;}.products-filter_inner{border:1px solid var(--c-gray-300);border-radius:24px;padding-bottom:0;}.products-filter .accordion-main{border-left:none;border-right:none;}.pf-filter-item.input-control.input-checkbox .input-wrapper{gap:0;}.product-list_header{margin:0;padding:var(--gutter) 0;}.product-list > .page-width{max-width:100%;}.product-list > .page-width > .product-list_header, .product-list > .page-width > .product-list_body{width:100%;margin:0 auto;max-width:var(--max-width);}.page-prdlist-search .product-list_header{position:relative;width:100%;max-width:100% !important;}.page-prdlist-search .product-list_header .search-result-title{width:100%;margin:0 auto;max-width:var(--max-width);display:flex;flex-direction:column;align-items:flex-start;padding:0 var(--gutter-xl);}.page-prdlist-vendor .product-list_header > .page-width{max-width:100%;}.product-list_page-title{display:none;}.vendor-header_details{padding:16px;padding-top:24px;max-width:var(--max-width);margin:0 auto;overflow:hidden;}.brand-header_details-inner{flex-direction:row;align-items:center;padding-bottom:30px;}.brand-header-name{display:block;}.brand-header-info{display:block;}}@media (min-width: 1024px){.brand-header_spark, .brand-header_spark-small{width:35px;height:35px;transform:rotate(-27deg);top:-18px;right:8px;}.brand-header_spark-small{width:20px;height:20px;transform:rotate(-50deg);top:4px;right:-7px;}.search-empty-state .default-empty-state-content{background-color:#fff;}.search-empty-state .default-empty-state-title{font-size:var(--fs-heading-xl);font-weight:900;color:var(--c-accent-400);margin-top:16px;}}@media (min-width: 1200px){:root{--prd-list-grid-cols:5;}}/*
atc-btn

states:
    default        → add-to-cart label
    .is-in-cart    → stepper (+ / qty / -)
    .is-check      → check morphs into qty
    .is-max        → plus disabled, max message
    .is-processing → loader overlay, no interaction
    .is-disabled   → no interaction (out of stock or not sellable)
    .is-out-of-stock → label: موجود نیست

data attrs (on .atc-btn):
    data-min (default 1)
    data-max (required for stock limit)

structure:
<div class="atc-btn" data-min="1" data-max="2">
    <div class="atc-btn_control">
        <button type="button" class="atc-btn_add">اضافه به سبد</button>
        <div class="atc-btn_stepper">…</div>
        <div class="atc-btn_success">…check…</div>
    </div>
    <div class="atc-btn_message">…</div>
</div>
*/:root{--atc-btn-height:58px;--atc-btn-radius:999px;--atc-btn-icon-size:24px;--atc-btn-check-size:28px;--atc-btn-loader-size:32px;--atc-btn-check-duration:500ms;}.atc-btn{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;font-family:var(--ff-fn);}.atc-btn_control{position:relative;width:100%;height:var(--atc-btn-height);border-radius:var(--atc-btn-radius);background-color:var(--c-btn-primary-bg);color:var(--c-btn-primary-fg);box-shadow:inset 0px 0px 0px 2px hsla(221, 39%, 11%, 0.2), inset 0px 4px 8px -2px hsla(0, 0%, 100%, 0.35), 0px 4px 6px -4px hsla(221, 39%, 11%, 0.8);transition:box-shadow 200ms ease-in-out;}.atc-btn:hover .atc-btn_control{box-shadow:inset 0px 0px 0px 2px hsla(221, 39%, 11%, 0), inset 0px 4px 8px -2px hsla(0, 0%, 100%, 0), 0px 4px 6px -8px hsla(221, 39%, 11%, 0.8);}.atc-btn.is-check .atc-btn_control{animation:atc-pill-pulse var(--atc-btn-check-duration) var(--tr-ease);}.atc-btn_add, .atc-btn_plus, .atc-btn_minus{border:0;background:transparent;color:inherit;padding:0;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;font:inherit;}.atc-btn_add{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;font-size:var(--fs-text-lg);font-weight:500;line-height:1;transition:opacity 200ms ease-in-out, transform 200ms ease-in-out;}.atc-btn_stepper{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0px;opacity:0;transform:scale(0.92);pointer-events:none;transition:opacity var(--tr-timing-slow) var(--tr-ease-move), transform var(--tr-timing-slow) var(--tr-ease-move);}.atc-btn.is-in-cart .atc-btn_add{opacity:0;transform:scale(0.92);pointer-events:none;}.atc-btn.is-in-cart .atc-btn_stepper{opacity:1;transform:scale(1);}.atc-btn.is-in-cart:not(.is-check) .atc-btn_stepper{pointer-events:auto;}.atc-btn_plus, .atc-btn_minus{width:calc(var(--atc-btn-height) * 2.2);height:var(--atc-btn-height);display:flex;align-items:center;flex-shrink:0;border-radius:999px;}.atc-btn_plus{justify-content:flex-start;padding-right:16px;}.atc-btn_minus{justify-content:flex-end;padding-left:16px;}.atc-btn_plus .svg-icon, .atc-btn_minus .svg-icon{width:var(--atc-btn-icon-size);height:var(--atc-btn-icon-size);display:flex;align-items:center;justify-content:center;color:inherit;}.atc-btn_value{flex:1 1 auto;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:var(--fs-text-lg);font-weight:600;line-height:1;}.atc-btn_value span{display:inline-block;}.atc-btn.is-check .atc-btn_value span{opacity:0;transform:scale(0.4);animation:atc-qty-from-check var(--tr-timing-slow) var(--tr-ease-bounce) 280ms forwards;}.atc-btn_success{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;}.atc-btn_check{width:var(--atc-btn-check-size);height:var(--atc-btn-check-size);}.atc-btn_check path{stroke-dasharray:22;stroke-dashoffset:22;}.atc-btn.is-check .atc-btn_success{opacity:1;}.atc-btn.is-check .atc-btn_check{animation:atc-check-morph var(--atc-btn-check-duration) var(--tr-ease-move) forwards;}.atc-btn.is-check .atc-btn_check path{animation:atc-check-draw 280ms var(--tr-ease) forwards;}.atc-btn.is-max .atc-btn_plus{opacity:0.35;cursor:not-allowed;}.atc-btn.is-processing, .atc-btn.is-disabled{pointer-events:none;}.atc-btn.is-processing .atc-btn_control::after{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;background-color:hsla(0, 0%, 0%, 0.7);color:#fff;background-image:url('/assets/icons/svg/animated/loading-dots-white.svg');background-size:var(--atc-btn-loader-size) auto;background-position:center;background-repeat:no-repeat;}.atc-btn.is-disabled{opacity:0.5;}.atc-btn_message{position:relative;width:100%;text-align:center;font-size:var(--fs-text-sm);font-weight:300;line-height:1;}.atc-btn_message-stock, .atc-btn_message-max{display:block;transition:opacity var(--tr-timing-slow) var(--tr-ease-move);}.atc-btn_message-stock{color:var(--c-text-secondary);}.atc-btn_message-stock .value{color:var(--c-text-primary);font-weight:600;}.atc-btn_message-max{position:absolute;inset:0;color:var(--c-text-primary);opacity:0;pointer-events:none;font-weight:400;}.atc-btn.is-max .atc-btn_message-stock{opacity:0;}.atc-btn.is-max .atc-btn_message-max{opacity:1;}@keyframes atc-pill-pulse{0%{transform:scale(1);}18%{transform:scale(0.99);}48%{transform:scale(1);}100%{transform:scale(1);}}@keyframes atc-check-draw{to{stroke-dashoffset:0;}}@keyframes atc-check-morph{0%{opacity:0;transform:scale(0.5);}16%{opacity:1;transform:scale(1.12);}38%, 58%{opacity:1;transform:scale(1);}100%{opacity:0;transform:scale(0.35);}}@keyframes atc-qty-from-check{0%{opacity:0;transform:scale(0.4);}100%{opacity:1;transform:scale(1);}}@media (prefers-reduced-motion: reduce){.atc-btn_add, .atc-btn_stepper, .atc-btn_message-stock, .atc-btn_message-max, .atc-btn_value span, .atc-btn_control, .atc-btn_check, .atc-btn_check path{transition:none;animation:none !important;}.atc-btn.is-check .atc-btn_success{opacity:0;}.atc-btn.is-check .atc-btn_value span{opacity:1;transform:none;}}#modal-product-add-to-cart{--modal-shell-max-width:480px;}.modal-shell.atc-modal-dialog .modal-content{display:flex;flex-direction:column;overflow:hidden;background-color:#fff;}.atc-modal-dialog .atc-modal{flex:1 1 auto;min-height:0;width:100%;}.atc-modal .pv_price{font-family:var(--ff-fn);line-height:1;display:flex;align-items:center;justify-content:space-between;gap:12px;}.atc-modal .pv_price-main{display:flex;align-items:baseline;gap:2px;}.atc-modal .pv_price-main .value{font-size:var(--fs-heading-lg);font-weight:900;color:var(--c-text-price);white-space:nowrap;letter-spacing:-0.02em;}.atc-modal .pv_price-old{display:flex;align-items:center;gap:5px;padding:8px;padding-right:10px;border-radius:12px 0 0 12px;background-color:var(--c-gray-200);background:linear-gradient( to right, var(--c-gray-200) 0%, transparent 100% );}.atc-modal .pv_price-old-value{display:flex;align-items:baseline;gap:2px;}.atc-modal .pv_price-old-value .value{font-size:var(--fs-text-lg);text-decoration:line-through;color:var(--c-text-tertiary);letter-spacing:-0.02em;}.atc-modal .pv_price-old-percent{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:2px;padding:8px 4px 6px 4px;border-radius:6px;background-color:hsla(0, 84%, 60%, 0.8);}.atc-modal .pv_price-old-percent .value{font-size:var(--fs-text-sm);color:#fff;text-shadow:0 1px 0px hsla(0, 0%, 0%, 0.5);}/* wtf is this???? */:root{--atc-modal-gallery-max-height:280px;--atc-modal-gallery-bullet-size:8px;--atc-modal-padding:var(--gutter);}.atc-modal{display:flex;flex-direction:column;max-height:min(100dvh, 100%);overflow:hidden;background-color:#fff;}.atc-modal_media{width:100%;border-radius:var(--gutter);background-color:var(--c-gray-300);border:1px solid var(--c-gray-300);overflow:hidden;container-type:inline-size;container-name:atc-modal-media;}.atc-modal_gallery{width:100%;height:min(100cqw, var(--atc-modal-gallery-max-height));overflow:hidden;position:relative;}.atc-modal_gallery .swiper-wrapper, .atc-modal_gallery-item{height:100%;}.atc-modal_gallery-item{position:relative;}.atc-modal_gallery-item .media-wrapper{width:100%;height:100%;overflow:hidden;background-color:var(--c-gray-100);display:flex;align-items:center;justify-content:center;position:relative;}.atc-modal_gallery-item .media-wrapper:has(img.is-lazy), .atc-modal_gallery-item .media-wrapper:has(img.is-loading){background:linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-highlight) 50%, var(--skeleton-base) 100% );background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;}.atc-modal_gallery-item img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;}.atc-modal_gallery-item img.is-lazy, .atc-modal_gallery-item img.is-loading{opacity:0;}.atc-modal_gallery-item img:not(.is-lazy):not(.is-loading), .atc-modal_gallery-item img[data-loaded="true"]{opacity:1;transition:opacity var(--tr-timing-base) var(--tr-ease);}.atc-modal_gallery-pagination{width:fit-content !important;margin:auto;left:0 !important;right:0 !important;bottom:12px !important;}.atc-modal_gallery .swiper-pagination-bullet{width:var(--atc-modal-gallery-bullet-size);height:var(--atc-modal-gallery-bullet-size);background-color:#fff;opacity:0.6;border-radius:99px;transition:width 200ms ease-in-out;}.atc-modal_gallery .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;opacity:1;width:calc(var(--atc-modal-gallery-bullet-size) * 2.5);box-shadow:0 1px 4px -2px hsla(0, 0%, 0%, 0.5);}.atc-modal_details{margin:10px 0;display:flex;flex-direction:column;gap:4px;padding-bottom:20px;}.atc-modal_title{font-size:var(--fs-text);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}.atc-modal_price{padding:4px;}.atc-modal .pv_price-main .value{font-size:var(--fs-text-lg);}.atc-modal .pv_price-old-value .value{font-size:var(--fs-text-lg);}.atc-modal  .pv_price-old{padding:0;background:none;gap:8px;}.atc-modal .pv_price-old-percent{padding:6px 4px 3px 4px;}.atc-modal .pv_price{justify-content:space-between !important;}.atc-modal  .atc-btn_control{--atc-btn-height:48px;}.atc-modal .atc-btn{gap:0;}.atc-modal .atc-btn_message{font-size:var(--fs-text-2xs);margin-top:5px;height:11px;}.atc-modal_variants{display:flex;flex-direction:column;gap:8px;}.atc-modal_variants .input-control.segmented-control{margin:0 !important;}.atc-modal_variants .input-control.segmented-control .input-label{margin:0 !important;}.atc-modal .segmented-control.no-wrapper .input-wrapper.segmented-control_wrapper{border-radius:0;position:relative;}.atc-modal .segmented-control.no-wrapper .input-wrapper.segmented-control_wrapper::after{content:'';position:absolute;top:0;bottom:0;left:0;width:16px;height:100%;background-color:#fff;background:linear-gradient(to right, #fff, transparent);border-radius:0;z-index:1;}.atc-modal_content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--atc-modal-padding);-webkit-overflow-scrolling:touch;}.atc-modal_actions{position:sticky;bottom:0;z-index:2;margin-top:auto;margin-inline:calc(var(--atc-modal-padding) * -1);margin-bottom:calc(var(--atc-modal-padding) * -1);padding:12px var(--gutter-xs) calc(4px + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--c-gray-400);background-color:hsl(0, 0%, 100%);}/**
 * Store landing sections.
 */:root{--banner-border-radius:16px;--carousel-banner-width:300px;--carousel-coupon-offset:16px;--carousel-coupon-width:154px;}.banner-group{}.banner-group_grid .banner-group_content{display:flex;gap:var(--gutter);}.banner-group_row .banner-group_content{display:flex;flex-direction:column;gap:var(--gutter);}.banner-group_grid .stack-two{display:flex;flex-direction:column;justify-content:space-between;gap:var(--gutter);}.banner-group_grid .banner-item .media-wrapper, .banner-group_row .banner-item .media-wrapper{display:flex;justify-content:center;align-items:center;border-radius:var(--banner-border-radius);overflow:hidden;}.banner-item.is-preloading{width:100%;}.banner-item.is-preloading .media-wrapper{width:100%;min-height:180px;aspect-ratio:16 / 9;}@media (min-width: 1024px){.banner-group_row .banner-item.is-preloading .media-wrapper{min-height:200px;}}.banner-group_carousel .swiper-banner-carousel .swiper-slide{width:auto;height:fit-content;}.banner-group_carousel .page_width{padding:0;}.banner-group_carousel .swiper-banner-carousel{padding-left:var(--gutter);}.banner-group_carousel .banner-carousel_stream{}.banner-group_carousel .banner-item{margin-right:var(--gutter);position:relative;height:100%;}.banner-group_carousel .banner-item > .media-wrapper{width:max-content;max-width:var(--carousel-banner-width);height:fit-content;display:flex;justify-content:center;align-items:center;border-radius:var(--banner-border-radius);overflow:hidden;}.banner-group_carousel .banner-item > .media-wrapper picture{display:contents;}.banner-group_carousel .banner-item > .media-wrapper img{display:block;height:var(--carousel-banner-width);width:auto;max-width:var(--carousel-banner-width);object-fit:contain;object-position:center;}.cr-coupon{position:absolute;bottom:var(--carousel-coupon-offset);right:var(--carousel-coupon-offset);width:var(--carousel-coupon-width);height:auto;}.cr-coupon_inner{position:relative;width:100%;height:100%;}.cr_coupon_bg{width:var(--carousel-coupon-width);height:auto;}.cr-coupon_content{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:78%;height:80%;border:2px solid hsla(40, 90%, 30%, 0.6);border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;}.cr-coupon_title{font-size:var(--fs-text-xs);margin-bottom:5px;color:#000;opacity:0.8;}.cr-coupon_code{display:flex;align-items:center;gap:4px;background-color:hsla(40, 50%, 30%, 0.8);height:28px;padding:0 10px;border-radius:5px;line-height:1;}.cr-coupon_code .value{margin-top:1px;font-size:var(--fs-text-sm);color:#fff;font-weight:500;}.cr-coupon_code .cr-coupon_copy_btn{width:20px;height:20px;cursor:pointer;}@media (min-width: 420px){:root{--carousel-banner-width:360px;}}@media (min-width: 768px){:root{--carousel-banner-width:460px;}.banner-group_grid .banner-group_content{flex-wrap:wrap;}.banner-group_grid .stack-two{width:100%;flex-direction:row;}}@media (min-width: 980px){:root{}.banner-group_grid .banner-group_content{flex-wrap:nowrap;}.banner-group_grid .stack-two{width:auto;}.banner-group_grid .stack-two .banner-item{flex:1;min-width:0;min-height:0;display:flex;}.banner-group_grid .stack-two .banner-item .media-wrapper{width:100%;height:100%;flex:1;}.banner-group_grid .stack-two .banner-item .media-wrapper picture{display:block;width:100%;height:100%;}.banner-group_grid .stack-two .banner-item .media-wrapper img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;}.banner-group_row .banner-group_content{flex-direction:row;}.banner-group_carousel .banner-item > .media-wrapper img{height:auto;}}@media (min-width: 1200px){}:root{--brand-box-logo-size:56px;--brand-box-item-size:92px;--brand-box-item-margin:12px;--brand-box-item-radius:16px;--brand-box-logo-border-radius:12px;--brand-box-shine-color:hsl(0deg 0% 100% / 45%);}.brand-box{}.brand-box_inner{background-color:var(--brand-theme-color);border-radius:var(--separator-radius);}.brand-box_header{padding:var(--gutter);position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;line-height:1;}.brand-box_header > .lead{min-width:0;flex:1 1 auto;}.brand-box_title-link{display:flex;align-items:center;gap:8px;text-decoration:none;min-width:0;}.brand-box_logo{position:relative;width:var(--brand-box-logo-size);height:var(--brand-box-logo-size);border-radius:var(--brand-box-logo-border-radius);background-color:var(--brand-logo-color);display:flex;align-items:center;justify-content:center;padding:8px;isolation:isolate;box-shadow:inset 0 0 1px 1px hsla(0, 0%, 100%, 0.25), inset 0 -4px 16px -4px hsla(0, 0%, 100%, 0.5), inset 0 0 10px 0px hsla(0, 0%, 100%, 0.2), 0px 3px 12px -6px hsla(0, 0%, 0%, 0.5);transition:box-shadow 200ms ease-in-out;}.brand-box_logo::before{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient( 105deg, transparent 32%, var(--brand-box-shine-color) 50%, transparent 68% );background-size:250% 100%;background-position:120% 0;background-repeat:no-repeat;pointer-events:none;}.brand-box_logo:hover{box-shadow:inset 0 0 0px 1px hsla(0, 0%, 100%, 0.5), inset 0 -4px 4px -4px hsla(0, 0%, 100%, 0.5), inset 0 0 4px 0px hsla(0, 0%, 100%, 0.2), 0px 3px 12px -10px hsla(0, 0%, 0%, 0.5);}.brand-box_logo:hover::before{animation:brand-box-logo-shine var(--btn-shine-duration) var(--btn-shine-ease);}@media (prefers-reduced-motion: reduce){.brand-box_logo:hover::before{animation:none;}}@keyframes brand-box-logo-shine{from{background-position:120% 0;}to{background-position:-20% 0;}}.brand-box_logo > .media-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.brand-box_logo > .media-wrapper > img{width:100%;height:100%;object-fit:contain;}.brand-box_details{display:flex;flex-direction:column;gap:6px;}.brand-box_sub{font-size:12px;font-weight:300;color:hsla(0, 0%, 100%, 0.75);}.brand-box_name{font-weight:600;color:#fff;}.brand-box .view_all{display:flex;align-items:center;gap:8px;text-decoration:none;}.brand-box .view_all_text{display:none;}.brand-box .view_all_icon{font-size:12px;font-weight:300;color:hsla(0, 0%, 100%, 0.75);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:hsla(0, 0%, 100%, 0.1);overflow:hidden;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;}.brand-box .view_all:hover .view_all_icon{background-color:hsla(0, 0%, 100%, 0.3);color:#fff;}.brand-box_spark, .brand-box_spark-small{position:absolute;width:25px;height:25px;transform:rotate(-27deg);top:-12px;right:0;z-index:2;pointer-events:none;}.brand-box_spark{animation:brand-spark-breathe-a 4s ease-in-out 0.4s infinite;}.brand-box_spark-small{width:15px;height:15px;transform:rotate(-50deg);top:4px;right:-7px;animation:brand-spark-breathe-b 5.2s ease-in-out 1.6s infinite;}.brand-box_spark > .inner, .brand-box_spark-small > .inner{position:relative;width:100%;height:100%;inset:0;animation:brand-spark-spin 5.5s linear infinite;}.brand-box_spark-small > .inner{animation:brand-spark-spin-reverse 4.1s linear 0.9s infinite;}.brand-box_spark > .inner::before, .brand-box_spark > .inner::after, .brand-box_spark-small > .inner::before, .brand-box_spark-small > .inner::after{content:"";position:absolute;width:100%;height:1px;inset:0;margin:auto;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);filter:blur(0.75px);}.brand-box_spark > .inner::before, .brand-box_spark-small > .inner::before{transform:rotate(-90deg);}@media (prefers-reduced-motion: reduce){.brand-box_spark, .brand-box_spark-small, .brand-box_spark > .inner, .brand-box_spark-small > .inner{animation:none;}}.brand-box_item-wrapper{display:flex;align-items:center;justify-content:center;width:var(--brand-box-item-size);height:var(--brand-box-item-size);border-radius:var(--brand-box-item-radius);overflow:hidden;background-color:#fff;padding:5px;filter:grayscale(100%) contrast(1.1);transition:filter 300ms ease-in-out;}.brand-box_item-wrapper:hover{filter:grayscale(0%) contrast(1);}@media (prefers-reduced-motion: reduce){.brand-box_item-wrapper{transition:none;}}@keyframes brand-box-item-wrapper-hover{from{filter:grayscale(100%) contrast(1.1);}to{filter:grayscale(0%) contrast(1);}}.brand-box_item-wrapper > .media-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--brand-box-item-radius) - 5px);background-color:var(--c-gray-150);overflow:hidden;isolation:isolate;}.brand-box_item-wrapper > .media-wrapper > img{width:100%;height:100%;object-fit:contain;}.brand-box_content{padding:var(--gutter-sm) 0 calc(var(--gutter-sm) * 2) 0;display:flex;flex-direction:column;gap:var(--gutter);position:relative;}.brand-box_content::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--c-gray-200);border-radius:0 0 var(--separator-radius) var(--separator-radius);background:linear-gradient(to bottom, transparent 60%, var(--brand-theme-color) 100%);pointer-events:none;}@media (min-width: 420px){:root{--brand-box-logo-size:64px;--brand-box-item-size:116px;}}@media (min-width: 640px){.brand-box .view_all{background-color:hsla(0, 0%, 0%, 0.12);border-radius:999px;padding:4px;}.brand-box .view_all_text{display:block;padding-right:10px;font-size:var(--fs-text-sm);color:var(--c-red-950);margin-top:2px;}}@media (min-width: 768px){:root{--brand-box-logo-size:86px;--brand-box-item-size:116px;--brand-box-logo-border-radius:20px;--brand-box-header-width:260px;}}@media (min-width: 980px){:root{}.brand-box_inner{display:flex;}.brand-box_header{width:300px;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:48px;gap:36px;}.brand-box_content{width:calc(100% - 300px);padding:var(--gutter-md) 0;gap:var(--gutter-md);}.brand-box_header > .lead{flex:initial;}.brand-box_title-link{flex-direction:column;align-items:flex-start;}.brand-box_details{gap:8px;}.brand-box_name{font-size:var(--fs-text-xl);}.brand-box_sub{font-size:var(--fs-text);}.brand-box_content::after{content:'';position:absolute;height:100%;width:140px;top:0;right:-1px;bottom:0;background:linear-gradient(to right, transparent 0%, var(--brand-theme-color) 100%);z-index:1;pointer-events:none;}.brand-box_spark, .brand-box_spark-small{width:35px;height:35px;transform:rotate(-27deg);top:-18px;right:8px;}.brand-box_spark-small{width:20px;height:20px;transform:rotate(-50deg);top:4px;right:-7px;}}@media (min-width: 1180px){.brand-box_header{width:320px;}.brand-box_content{width:calc(100% - 320px);}.brand-box_content::after{width:160px;}}:root{--vender-preview-card-border-radius:16px;--vender-preview-card-awning-height:48px;--vender-preview-card_stream-padding:10px;--vender-preview-card_stream-gap:10px;--vender-preview-card_stream-columns:3;}@media (min-width: 980px){:root{--vender-preview-card_stream-padding:20px;--vender-preview-card_stream-gap:20px;--vender-preview-card_stream-columns:3;}}.vender-preview-card{}.vender-preview-card_header{position:relative;line-height:1;padding-bottom:var(--vender-preview-card-awning-height);}.vender-preview-card_header .awning-graphic{position:absolute;bottom:0;left:0;right:0;width:100%;height:var(--vender-preview-card-awning-height);background-image:url('/assets/images/awning.svg');background-repeat:repeat-x;background-size:auto 100%;background-position:bottom center;opacity:0.8;}.vender-preview-card_header a{text-decoration:none;color:inherit;display:block;}.vender-preview-card_header > .inner{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--c-gray-300);border-radius:var(--vender-preview-card-border-radius) var(--vender-preview-card-border-radius) 0 0;}.vender-preview-card_header .lead{display:flex;flex-direction:column;gap:4px;}.vender-preview-card_header .lead .sub{font-size:var(--fs-text-xs);font-weight:300;color:var(--c-vendor-accent-500);}.vender-preview-card_header .lead .vendor_title{font-size:var(--fs-text);font-weight:500;color:var(--c-text-primary);}.vender-preview-card_header .trail{}.vender-preview-card_header .view_all{display:flex;justify-content:center;align-items:center;gap:2px;text-decoration:none;font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-secondary);background-color:var(--c-gray-100);border-radius:999px;padding:4px 8px 4px 4px;transition:all 200ms ease-in-out;}.vender-preview-card_header .view_all_icon{width:16px;height:16px;color:var(--c-vendor-accent-500);transition:all 200ms ease-in-out;}.vender-preview-card_header .view_all:hover{background-color:var(--c-vendor-accent-400);color:var(--c-text-primary);}.vender-preview-card_header .view_all:hover .view_all_icon{color:#fff;}.vender-preview-card_products{padding-top:var(--vender-preview-card-awning-height);margin-top:calc(var(--vender-preview-card-awning-height) * -1);border:1px solid var(--c-gray-300);border-radius:0 0 calc(var(--vender-preview-card-border-radius) + 4px) calc(var(--vender-preview-card-border-radius) + 4px);background-color:var(--c-gray-50);padding-bottom:1px;}.vender-preview-card_stream{padding:var(--vender-preview-card_stream-padding);display:grid;grid-template-columns:repeat(var(--vender-preview-card_stream-columns), minmax(0, 1fr));gap:var(--vender-preview-card_stream-gap);justify-items:center;flex-shrink:0;}.vender-preview-card_stream > .prd-card{flex-shrink:0;}.vender-preview-card_stream > .prd-card .prd-card_wrapper{background-color:#fff;box-shadow:0px 0px 0px 1px var(--c-gray-200);transition:all 200ms ease-in-out;}.vender-preview-card_stream > .prd-card:hover .prd-card_wrapper{box-shadow:0px 0px 0px 1px var(--c-gray-400);}.vender-preview-card_stream > .prd-card .prd-card_media:after{border:none;}.vender-preview-card_stream > .prd-card:hover .prd-card_media:after{}.swiper-vendor-carousel .swiper-slide.vendor-item{width:fit-content;}/**
 * Store account surfaces — avatar, orders, auth dialogs.
 */.store-avatar{width:100%;height:100%;position:relative;}.store-avatar .avatar-preview-media{position:relative;width:100%;height:100%;}.store-avatar .avatar-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;}.store-avatar .avatar-layer.base{position:relative;}:root{--order-card-margin:var(--gutter);--order-card-padding:12px;--order-card-radius:16px;--order-card-gap:12px;--order-card-actions-height:48px;--status-badge-width:116px;--status-badge-height:40px;--status-badge-radius:10px;--order-card-item-size:42px;--order-card-item-gap:10px;--order-card-checkbox-size:20px;}.order-card{font-family:var(--ff-fn);margin-bottom:var(--order-card-margin);margin-top:var(--order-card-margin);border-radius:var(--order-card-radius);overflow:hidden;border:1px solid transparent;border-color:var(--c-gray-300);box-shadow:0 0 0 0px var(--c-gray-800);transition:all 200ms ease-in-out;}.order-card:hover{border-color:var(--c-gray-400);}.order-card.is-selected{border-color:var(--c-gray-800);box-shadow:0 0 0 2px var(--c-gray-800);}.order-card:first-child{margin-top:0;}.order-card:last-child{margin-bottom:0;}.order-card a{text-decoration:none;color:inherit;}.order-card:has(.order-checkbox){}.order-card .order-checkbox{padding:10px var(--order-card-padding);cursor:pointer;background-color:#fff;border-bottom:1px solid var(--c-gray-300);}.order-card .checkbox-box{width:var(--order-card-checkbox-size);height:var(--order-card-checkbox-size);border-radius:5px;border:1px solid var(--c-gray-400);background-color:var(--c-gray-25);transition:background-color 200ms ease-in-out, border-color 200ms ease-in-out;}.order-card .checkbox-box .svg-icon{color:#fff;opacity:0;transition:opacity 200ms ease-in-out;}.order-card .order-checkbox:hover .checkbox-box{border-color:var(--c-gray-800);background-color:var(--c-gray-100);}.order-card.is-selected .order-checkbox .checkbox-box{background-color:var(--c-gray-800);border-color:var(--c-gray-800);}.order-card.is-selected .order-checkbox .checkbox-box .svg-icon{opacity:1;}.order-card_inner{display:flex;flex-wrap:wrap;gap:var(--order-card-gap);justify-content:space-between;align-items:flex-start;padding:var(--order-card-padding);background-color:var(--c-gray-25);transition:background-color 200ms ease-in-out, border-color 200ms ease-in-out;}.order-card_header, .order-card_status{width:calc(50% - (var(--order-card-gap) / 2));}.order-card_header{padding:4px 0;}.order-card_date{font-size:var(--fs-text-2xs);color:var(--c-text-tertiary);font-weight:300;}.order-card_date .label{display:none;}.order-card_number{display:inline-flex;align-items:baseline;font-weight:700;}.order-card_number .label{font-size:var(--fs-text-2xs);}.order-card_status{height:calc(var(--status-badge-height) + 16px);position:relative;display:inline-flex;flex-direction:column;align-items:flex-end;justify-content:space-between;}.order_status-badge{height:var(--status-badge-height);width:var(--status-badge-width);display:inline-flex;align-items:center;justify-content:center;gap:4px;background-color:var(--c-gray-100);border-radius:var(--status-badge-radius);border:1px solid transparent;border-color:var(--c-gray-300);color:var(--c-text-tertiary);font-size:var(--fs-text);font-weight:600;}.order_status-badge.status-new{background-color:var(--c-order-status-new-bg);border-color:var(--c-order-status-new-border);color:var(--c-order-status-new-fg);}.order_status-badge.status-processing{background-color:var(--c-order-status-processing-bg);border-color:var(--c-order-status-processing-border);color:var(--c-order-status-processing-fg);}.order_status-badge.status-completed{background-color:var(--c-order-status-completed-bg);border-color:var(--c-order-status-completed-border);color:var(--c-order-status-completed-fg);}.order_status-badge.status-cancelled{background-color:var(--c-order-status-cancelled-bg);border-color:var(--c-order-status-cancelled-border);color:var(--c-order-status-cancelled-fg);}.order_status-badge.status-waitingList{background-color:var(--c-order-status-waitingList-bg);border-color:var(--c-order-status-waitingList-border);color:var(--c-order-status-waitingList-fg);}.order-card_status .wating-list-timer{width:var(--status-badge-width);height:16px;line-height:18px;font-size:var(--fs-text-2xs);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--c-order-status-waitingList-fg);font-weight:300;}.order-card_status .wating-list-timer.expired{color:var(--c-accent-400);}.order-card_details{align-self:center;flex-shrink:0;}.order-card_items{flex-grow:1;}.order-card_quantity{display:none;}.order-card_total{}.order-card_total .amount{font-weight:700;color:var(--c-text-primary);font-size:var(--fs-text-lg);}.order-card_total .amount .currency{font-size:var(--fs-text-xs);opacity:0.5;font-weight:400;}.order-card_total .balance{font-size:var(--fs-text-2xs);font-weight:400;}.order-card_total .balance.positive{color:var(--c-green-500);}.order-card_total .balance.negative{color:var(--c-red-500);}.order-card_item-stream{display:flex;align-items:center;direction:ltr;}.order-card_item{width:var(--order-card-item-size);height:var(--order-card-item-size);margin-left:calc(var(--order-card-item-gap) * -1);border-radius:999px;overflow:hidden;flex-shrink:0;background-color:#fff;border:1px solid var(--c-gray-300);padding:2px;display:inline-flex;align-items:center;justify-content:center;}.order-card_item:first-child{margin-left:0;}.order-card_item .product-thumbnail{width:100%;height:100%;object-fit:contain;border-radius:999px;overflow:hidden;display:flex;justify-content:center;align-items:center;}.order-card_item .product-thumbnail img{max-width:100%;max-height:100%;}.order-card_item-more{padding-top:5px;font-weight:700;color:var(--c-text-tertiary);font-size:var(--fs-text);}.order-card_actions{min-width:100%;flex:1;border-top:1px solid var(--c-gray-300);}.order-card_action-inner{padding-top:10px;display:flex;gap:16px;}@media (min-width: 480px){:root{--order-card-item-size:56px;--order-card-item-gap:12px;}}@media (min-width: 768px){:root{--order-card-gap:16px;--order-card-header-width:180px;--order-card-header-height:60px;--order-card-item-size:48px;--order-card-item-gap:12px;}.order-card_inner{flex-wrap:nowrap;align-items:center;justify-content:space-between;}.order-card_header{order:1;width:var(--order-card-header-width);flex-shrink:0;height:var(--order-card-header-height);padding:0;margin:0;display:flex;flex-direction:column;gap:2px;justify-content:center;}.order-card_details{order:2;width:var(--order-card-header-width);flex-shrink:0;height:var(--order-card-header-height);padding:0;margin:0;display:flex;flex-direction:column;gap:2px;justify-content:center;}.order-card_status{height:auto;order:3;flex-grow:1;align-items:center;}.order-card_items{order:4;flex-shrink:initial;flex-grow:initial;min-width:calc((var(--order-card-item-size) * 4) - ( var(--order-card-item-gap) * 3));}.order-card_number .label{display:none;}.order-card_date{font-size:var(--fs-text-xs);color:var(--c-text-tertiary);font-weight:300;}.order-card_date .label{display:initial;}.order-card_number{font-size:var(--fs-text-lg);align-items:baseline;}.order-card_quantity{display:initial;font-size:var(--fs-text-xs);color:var(--c-text-tertiary);font-weight:300;}.order-card_inner:has(.order-card_actions){position:relative;padding-bottom:calc(var(--order-card-actions-height) + (var(--order-card-padding) * 2));}.order-card_actions{order:5;position:absolute;right:0;left:0;bottom:var(--order-card-padding);min-width:initial;width:100%;padding:0 var(--order-card-padding);}}@media (min-width: 1200px){.order-card:has(.order-checkbox){display:flex;}.order-card .order-checkbox{width:calc(var(--order-card-checkbox-size) + (var(--order-card-padding) * 2));background:var(--c-gray-25);border-bottom:none;display:flex;align-items:center;}.order-card:has(.order-checkbox) .order-card_inner{width:calc(100% - 44px);}.order-card_actions{justify-content:flex-end;display:flex;}.order-card_action-inner{width:340px;}}@media (min-width: 1360px){:root{--order-card-item-size:64px;--order-card-item-gap:16px;}.order-card_inner{}}.order-card-action-modal .modal-body{display:flex;flex-direction:column;gap:16px;}.order-card-action-modal .modal-body > :first-child{margin-block-start:0;}.order-card-action-modal .modal-body p{margin:0;color:var(--c-text-secondary);font-size:var(--fs-text-sm);line-height:1.7;}.order-card-action-modal .checkout-gateway{display:flex;flex-direction:column;}.order-card-action-modal .checkout-section-title{margin-bottom:12px;}.order-card-action-modal .checkout-gateway-stream{padding-bottom:0;}.auth-required-modal{--modal-shell-max-width:420px;}.auth-required-modal_message{margin:0;font-size:var(--fs-text-sm);line-height:1.7;color:var(--c-text-secondary);}.auth-required-modal .modal-body{display:flex;align-items:center;justify-content:center;}.password-change-otp-modal .modal-body{display:flex;flex-direction:column;gap:var(--gutter);}.password-change-otp-modal_banners{display:flex;flex-direction:column;gap:8px;}.password-change-otp-modal_desc{margin:0;font-size:var(--fs-text-sm);color:var(--c-text-tertiary);}.password-change-otp-modal_desc strong{color:var(--c-text-secondary);font-weight:600;}.password-change-otp-modal_resend{margin-block-start:8px;padding:16px;border:1px dashed var(--c-gray-400);border-radius:24px;}.password-change-otp-modal_resend-title{padding-bottom:16px;font-size:var(--fs-text-sm);color:var(--c-text-tertiary);text-align:center;}.password-change-otp-modal_timer{display:inline-block;width:1.25rem;font-weight:600;color:var(--c-text-primary);text-align:center;}.password-change-otp-modal_resend-actions{display:flex;flex-direction:column;gap:12px;}.password-change-otp-modal_channel{width:100%;}.password-change-otp-modal_channel .btn-icon svg{width:28px;height:28px;}#modal-set-password .input-field-password input{font-family:var(--ff-main);direction:ltr;text-align:left;}.success-modal{--modal-shell-max-width:360px;}.success-modal .modal-content{overflow:hidden;background:radial-gradient( 120% 80% at 50% -10%, hsla(140, 80%, 88%, 0.70) 0%, transparent 58% ), var(--c-bg, #fff);}.success-modal_body{min-height:0 !important;padding:0 !important;}.success-modal_content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 28px 28px;gap:12px;}.success-modal_illustration{display:flex;align-items:center;justify-content:center;width:128px;height:128px;margin-bottom:-10px;animation:success-modal-pop 1s cubic-bezier(0.16, 1, 0.3, 1) both;}.success-modal_illustration img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;}.success-modal_title{color:var(--c-text-secondary);font-size:var(--modal-header-fs);font-weight:700;padding:3px 0;}.success-modal_desc{color:var(--c-text-tertiary);font-size:var(--fs-text-sm);font-weight:300;}.success-modal_timer{height:5px;margin-bottom:-5px;background:transparent;}.success-modal_timer-bar{display:block;height:100%;width:calc(100% - calc(var(--modal-shell-radius) * 2));margin:0 auto;transform-origin:inline-start;border-radius:inherit;background:linear-gradient( 90deg, var(--c-green-400, #4ade80), var(--c-green-500, #22c55e) );animation-name:success-modal-timer;animation-timing-function:linear;animation-fill-mode:forwards;}@keyframes success-modal-pop{from{opacity:0;transform:scale(0.84) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}}@keyframes success-modal-timer{from{transform:scaleX(1);}to{transform:scaleX(0);}}@media (prefers-reduced-motion: reduce){.success-modal_illustration, .success-modal_timer-bar{animation:none;}}@media (min-width: 768px){.success-modal{--modal-shell-max-width:400px;}.success-modal_content{padding:44px 36px 32px;}.success-modal_illustration{width:148px;height:148px;}}:root{--avatar-list-gap:16px;--avatar-list-columns:4;--avatar-item-size:64px;--avatar-preview-size:300px;}.customize-avatar{display:flex;flex-direction:column;}.customize-avatar-section{max-width:var(--avatar-preview-size);width:100%;margin:0 auto;/* background-color: aqua; */}.avatar-list{margin-bottom:24px;}.avatar-select{}.avatar-select.input-control.segmented-control{}.avatar-select.input-control.segmented-control .segmented-control_wrapper{display:grid;grid-template-columns:repeat(var(--avatar-list-columns), var(--avatar-item-size));justify-content:space-between;height:auto;overflow:visible;direction:ltr;gap:var(--avatar-list-gap);}.segmented-control_item.avatar-item{width:var(--avatar-item-size);height:var(--avatar-item-size);padding:3px;background-color:#fff;position:relative;}.segmented-control_item.avatar-item.is-locked{cursor:not-allowed;}.segmented-control_item.avatar-item.is-locked::after{content:'';position:absolute;width:28px;height:28px;background-color:#fff;background-image:url('/assets/icons/svg/esp/gray-lock.svg');background-size:16px;background-repeat:no-repeat;background-position:center;border:1px solid var(--c-gray-300);box-shadow:0px 4px 8px -4px rgba(0, 0, 0, 0.1);border-radius:999px;display:flex;align-items:center;justify-content:center;right:-6px;bottom:-6px;z-index:1;}.segmented-control_item.avatar-item.is-active{color:inherit;border-color:var(--c-blue-400);box-shadow:0px 0px 0px 1px var(--c-blue-400);font-weight:inherit;}.avatar-preview-wrapper{position:relative;}.avatar-randomize-btn{position:absolute;top:16px;right:16px;z-index:4;padding:5px !important;}.avatar-randomize-btn .btn-icon{color:var(--c-gray-700);width:100%;height:100%;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;}.avatar-img-wrapper{background-color:var(--c-gray-100);border-radius:999px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.avatar-item-1 .avatar-img-wrapper, .avatar-item-1 .avatar-preview-media, .avatar-item-1 .avatar-accessories .input-wrapper{background-color:var(--c-avatar-bunny) !important;}.avatar-item-2 .avatar-img-wrapper, .avatar-item-2 .avatar-preview-media, .avatar-item-2 .avatar-accessories .input-wrapper{background-color:var(--c-avatar-bunny) !important;}.avatar-item-3 .avatar-img-wrapper, .avatar-item-3 .avatar-preview-media, .avatar-item-3 .avatar-accessories .input-wrapper{background-color:var(--c-avatar-dog) !important;}.avatar-item-4 .avatar-img-wrapper, .avatar-item-4 .avatar-preview-media, .avatar-item-4 .avatar-accessories .input-wrapper{background-color:var(--c-avatar-cat) !important;}.avatar-item-5 .avatar-img-wrapper, .avatar-item-5 .avatar-preview-media, .avatar-item-5 .avatar-accessories .input-wrapper{background-color:var(--c-avatar-panda) !important;}.avatar-item-6 .avatar-img-wrapper, .avatar-item-6 .avatar-preview-media, .avatar-item-6 .avatar-accessories .input-wrapper{background-color:var(--c-avatar-duck) !important;}.avatar-item-7 .avatar-img-wrapper, .avatar-item-7 .avatar-preview-media, .avatar-item-7 .avatar-accessories .input-wrapper{background-color:var(--c-avatar-otters) !important;}.avatar-item-8 .avatar-img-wrapper, .avatar-item-8 .avatar-preview-media, .avatar-item-8 .avatar-accessories .input-wrapper{background-color:var(--c-avatar-fox) !important;}.avatar-item-9 .avatar-img-wrapper, .avatar-item-9 .avatar-preview-media, .avatar-item-9 .avatar-accessories .input-wrapper{background-color:var(--c-avatar-capy) !important;}.avatar-img-wrapper img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;}.avatar-preview-media{position:relative;aspect-ratio:1/1;background-color:var(--c-gray-100);border-radius:36px 36px 0 0;width:var(--avatar-preview-size);height:var(--avatar-preview-size);}.avatar-preview-media .avatar-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;}.avatar-preview-media .avatar-layer.base{z-index:1;}.avatar-preview-media .avatar-layer.accessory-1{z-index:2;}.avatar-preview-media .avatar-layer.accessory-2{z-index:3;}.avatar-accessories .accessory-select{width:var(--avatar-preview-size);}.avatar-accessories .input-control{margin:0 !important;border-top:1px dashed var(--c-gray-500);}.avatar-accessories .input-control .input-wrapper{height:auto !important;border-radius:0 !important;padding:16px !important;gap:10px !important;}.avatar-accessories .input-control:last-child .input-wrapper{border-radius:0 0 36px 36px !important;}.avatar-accessories .segmented-control_item{aspect-ratio:1 / 1;width:auto;height:auto;border-radius:999px;background-color:#fff;}.avatar-accessories .segmented-control_item.is-active{border-color:var(--c-blue-400);box-shadow:0px 0px 0px 2px var(--c-blue-400);}@media (min-width: 380px){:root{--avatar-preview-size:320px;--avatar-list-gap:20px;}}@media (min-width: 400px){:root{--avatar-preview-size:340px;--avatar-list-gap:24px;}.avatar-list{margin-bottom:36px;}}@media (min-width: 980px){:root{--avatar-preview-size:320px;--avatar-list-gap:20px;--avatar-item-size:54px;--avatar-list-columns:2;}.avatar-list{margin-bottom:36px;}.customize-avatar{/* display: grid;
        grid-template-columns: minmax(0, 1fr) var(--avatar-preview-size);
        grid-template-areas:
            "list preview"
            "list accessories";
        column-gap: var(--gutter-xl);
        align-items: start; */display:flex;flex-direction:row;gap:0;justify-content:center;width:fit-content;margin:0 auto;}.customize-avatar-section.avatar-list{grid-area:list;margin-bottom:0;width:fit-content;margin-left:36px;display:flex;align-items:center;}.customize-avatar-section.avatar-preview{grid-area:preview;}.customize-avatar-section.avatar-accessories{grid-area:accessories;}.avatar-select.input-control.segmented-control .segmented-control_wrapper{}.avatar-preview-media{border-radius:0 36px 36px 0;}.avatar-accessories .input-control{border-top:none;height:calc(var(--avatar-preview-size) / 2);}.avatar-accessories .input-control .input-wrapper{border-radius:0 !important;}.avatar-accessories .input-control:last-child .input-wrapper{border-radius:0 !important;}.avatar-accessories-wrapper{border-radius:36px 0 0 36px;overflow:hidden;}.avatar-accessories .input-control.segmented-control .input-wrapper.segmented-control_wrapper{height:100% !important;flex-wrap:wrap;flex-direction:row;}.avatar-accessories .segmented-control_item{width:48px;height:48px;flex:initial;}}.admin-shortcut{--admin-shortcut-bg:rgba(16, 18, 22, 0.94);--admin-shortcut-border:rgba(255, 255, 255, 0.08);--admin-shortcut-text:#f5f5f6;--admin-shortcut-muted:rgba(245, 245, 246, 0.58);--admin-shortcut-chip:rgba(255, 255, 255, 0.06);--admin-shortcut-chip-hover:rgba(255, 255, 255, 0.12);--admin-shortcut-shadow:0 22px 56px rgba(8, 10, 14, 0.38);position:fixed;z-index:var(--z-admin-shortcut);inset-inline-end:16px;bottom:calc(var(--bottom-bar-item-height) + 16px);pointer-events:none;}.admin-shortcut > *{pointer-events:auto;}.admin-shortcut_backdrop{display:none;}.admin-shortcut_panel, .admin-shortcut_fab{font-family:var(--ff-fn);color:var(--admin-shortcut-text);background:var(--admin-shortcut-bg);border:1px solid var(--admin-shortcut-border);box-shadow:var(--admin-shortcut-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);}.admin-shortcut_fab{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:999px;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;}.admin-shortcut_fab:hover{transform:translateY(-2px);box-shadow:0 24px 50px rgba(8, 10, 14, 0.42);}.admin-shortcut_avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.18);}.admin-shortcut_fab-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;}.admin-shortcut_fab-kicker{font-size:10px;font-weight:600;letter-spacing:0.08em;color:var(--c-accent-300);}.admin-shortcut_fab-title{font-size:13px;font-weight:700;}.admin-shortcut_fab-spark{width:16px;height:16px;color:var(--c-accent-300);}.admin-shortcut_panel{width:min(400px, calc(100vw - 32px));max-height:min(72vh, 680px);overflow:auto;padding:14px;border-radius:24px;display:flex;flex-direction:column;gap:14px;animation:admin-shortcut-rise 0.22s ease;}.admin-shortcut_head{display:flex;align-items:center;justify-content:space-between;gap:12px;}.admin-shortcut_who{display:flex;align-items:center;gap:10px;min-width:0;}.admin-shortcut_who-copy{display:flex;flex-direction:column;line-height:1.2;min-width:0;}.admin-shortcut_name{font-size:14px;font-weight:700;}.admin-shortcut_badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--c-accent-300);}.admin-shortcut_live{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52, 211, 153, 0.16);}.admin-shortcut_section{display:flex;flex-direction:column;gap:8px;}.admin-shortcut_section-label{font-size:11px;font-weight:700;letter-spacing:0.06em;color:var(--admin-shortcut-muted);}.admin-shortcut_stats{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;}.admin-shortcut_stat{padding:10px 8px;border-radius:14px;background:var(--admin-shortcut-chip);}.admin-shortcut_stat-value{font-size:20px;font-weight:700;line-height:1;}.admin-shortcut_stat-label{margin-top:4px;font-size:11px;color:var(--admin-shortcut-muted);}.admin-shortcut_stat-trend{margin-top:4px;font-size:11px;font-weight:700;}.admin-shortcut_stat-trend.is-up{color:#6ee7b7;}.admin-shortcut_stat-trend.is-down{color:var(--c-accent-300);}.admin-shortcut_stat-trend.is-flat{color:var(--admin-shortcut-muted);}.admin-shortcut_ops{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--admin-shortcut-muted);}.admin-shortcut_ops span{padding:4px 8px;border-radius:999px;background:rgba(255, 255, 255, 0.04);}.admin-shortcut_context-title{font-size:14px;font-weight:700;line-height:1.4;}.admin-shortcut_context-stats{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;}.admin-shortcut_context-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:12px;background:var(--admin-shortcut-chip);}.admin-shortcut_context-stat span{font-size:11px;color:var(--admin-shortcut-muted);}.admin-shortcut_context-stat strong{font-size:13px;font-weight:700;}.admin-shortcut_actions, .admin-shortcut_footer{display:flex;flex-wrap:wrap;gap:6px;}.admin-shortcut_footer{padding-top:12px;border-top:1px solid var(--admin-shortcut-border);}.admin-shortcut_action, .admin-shortcut_collapse{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:0;border-radius:12px;background:var(--admin-shortcut-chip);color:var(--admin-shortcut-text);font:inherit;font-size:12px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;}.admin-shortcut_action:hover, .admin-shortcut_collapse:hover{background:var(--admin-shortcut-chip-hover);color:#fff;}.admin-shortcut_action.is-primary{background:var(--c-accent-500);color:#fff;}.admin-shortcut_action.is-primary:hover{background:var(--c-accent-600);}.admin-shortcut_collapse{width:34px;padding:0;background:transparent;}.admin-shortcut_icon{width:15px;height:15px;color:currentColor;}.admin-shortcut_icon svg, .admin-shortcut_fab-spark svg{width:15px;height:15px;}.admin-shortcut_icon path, .admin-shortcut_fab-spark path{stroke:currentColor;}.admin-shortcut_skeleton{height:92px;border-radius:14px;background:linear-gradient( 90deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04) );background-size:200% 100%;animation:admin-shortcut-shimmer 1.2s ease infinite;}.admin-shortcut_empty{font-size:12px;color:var(--admin-shortcut-muted);}@keyframes admin-shortcut-rise{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}@keyframes admin-shortcut-shimmer{from{background-position:100% 0;}to{background-position:-100% 0;}}@media (max-width: 979px){.admin-shortcut.is-open{inset:0;bottom:0;}.admin-shortcut_backdrop{display:block;position:absolute;inset:0;background:rgba(8, 10, 14, 0.42);}.admin-shortcut_panel{position:absolute;inset-inline:12px;bottom:calc(var(--bottom-bar-item-height) + 12px);width:auto;max-height:min(78vh, 720px);}}@media (min-width: 980px){.admin-shortcut{inset-inline-end:24px;bottom:24px;}}@media (prefers-reduced-motion: reduce){.admin-shortcut_fab, .admin-shortcut_panel, .admin-shortcut_skeleton{animation:none;transition:none;}}@media print{.admin-shortcut{display:none !important;}}/**
 * Store layouts — header, navigation, footer.
 * Imported from ../index.css
 *//**
 * Store chrome — header.
 */:root{--header-btn-height:48px;--header-btn-icon-size:24px;--header-btn-icon-color:hsl(215, 30%, 17%);--header-content-gap:12px;--header-content-padding:12px;/* desktop header */--desktop-header-content-padding:24px;--desktop-search-bar-width:480px;--desktop-sides-width:164px;--desktop-header-height:96px;--desktop-bar-height:38px;--desktop-search-bar-width:480px;}.main-header{z-index:var(--z-main-header);position:relative;}.main-header a{text-decoration:none;cursor:pointer;}.header_desktop{display:none;}.header_mobile{display:block;}/* ------ Site header common ------*/.site-header{box-shadow:0 1px 0 0 var(--c-gray-150);}.header_mobile.site-header{background-color:#fff;}.main-header.is-transparent .header_mobile.site-header{background-color:transparent;box-shadow:none;}.site-header_content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--header-content-gap);padding:var(--header-content-padding) 0;}.page-index .site-header_content{padding:16px 0;}.site-header .branding .logo{display:flex;align-items:center;gap:6px;}.site-header .branding .logo_mark{height:46px;width:46px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}.site-header .branding .logo_main, .site-header .branding .logo_home{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;transition:transform var(--tr-timing-slow) var(--tr-ease-move), opacity var(--tr-timing-slow) var(--tr-ease-move);}.site-header .branding .logo_main{transform:translateX(0);opacity:1;transition-delay:60ms;}.site-header .branding .logo_home{transform:translateX(115%);opacity:0;pointer-events:none;transition-delay:0ms;}.site-header .branding:hover .logo_main{transform:translateX(-115%);opacity:0;transition-delay:0ms;}.site-header .branding:hover .logo_home{transform:translateX(0);opacity:1;transition-delay:60ms;}.site-header_right, .site-header_left, .site-header_middle{min-width:var(--header-btn-height);}.site-header_left_content, .site-header_right_content{display:flex;gap:var(--header-content-gap);}.header_btn-item{position:relative;min-width:var(--header-btn-height);height:var(--header-btn-height);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:999px;box-shadow:inset 0 0 0 1px hsl(0deg 0% 0% / 0%);background-color:var(--c-gray-100);color:var(--c-text-primary);transition:all 200ms ease-in-out;}.header_btn-item:hover{background-color:var(--c-gray-150);box-shadow:inset 0 0 0 1px hsl(0deg 0% 0% / 15%);}.main-header.is-transparent .header_mobile .header_btn-item{background-color:hsla(0, 0%, 100%, 0.3);backdrop-filter:blur(2.5px) saturate(180%);-webkit-backdrop-filter:blur(2.5px) saturate(180%);box-shadow:inset 0px 0px 2px 1px hsla(0, 0%, 100%, 0.4), inset 0px -4px 12px 1px hsla(0, 0%, 100%, 0.4);}.main-header.is-transparent .header_mobile .header_btn-item:hover{background-color:hsla(0, 0%, 100%, 0.5);box-shadow:inset 0px 0px 2px 1px hsla(0, 0%, 100%, 0.2), inset 0px -3px 10px 0px hsla(0, 0%, 100%, 0.7);}.header_btn-cart, .header_btn-contact, .header_btn-profile{width:var(--header-btn-height);}.header_btn-item .svg-icon{width:var(--header-btn-icon-size);height:var(--header-btn-icon-size);display:flex;align-items:center;justify-content:center;color:var(--header-btn-icon-color);}.header_btn-item .svg-icon svg{width:100%;height:100%;}.site-header .user-profile.user-profile_notification::before{top:4px;right:3px;}.site-header .user-profile.user-profile_notification::after{top:0px;right:-1px;}.header_btn-item.header_btn-save{min-width:calc(var(--header-btn-height) * 2);padding:4px 12px;font-size:var(--fs-text-sm);font-weight:500;}.header_btn-item.header_btn-save.disabled, .header_btn-item.header_btn-save[disabled]{pointer-events:none;cursor:not-allowed;}.header_btn-item.header_btn-save.enabled{pointer-events:auto;opacity:1;cursor:pointer;background-color:var(--c-btn-primary-bg);color:var(--c-btn-primary-fg);}.user-profile{position:relative;display:flex;align-items:center;justify-content:center;}.user-profile.user-profile_notification::before{content:'';position:absolute;width:4px;height:4px;border-radius:999px;background-color:var(--c-accent-300);box-shadow:0 0 6px 3px var(--c-accent-300);top:5px;right:5px;z-index:2;animation:pulse-interval 3s infinite;}.user-profile.user-profile_notification::after{/* display: none; */content:'';position:absolute;width:11px;height:11px;background-image:url('/assets/icons/png/notifications-badge.png');background-size:100%;background-repeat:no-repeat;background-position:center;top:0px;right:0px;z-index:2;animation:pulse-interval 3s infinite;}.user-profile .user-profile_avatar{border-radius:999px;overflow:hidden;position:relative;width:100%;height:100%;}.user-profile .user-profile_avatar::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px hsl(0deg 0% 0% / 10%);border-radius:999px;z-index:1;}.header_cart-counter{font-family:var(--ff-fn);font-size:var(--fs-text-2xs);font-weight:600;color:#fff;text-align:center;line-height:16px;position:absolute;top:0;right:0;width:16px;height:16px;border-radius:999px;background-color:var(--c-text-secondary);z-index:2;overflow:visible;}.header_cart-counter_value{position:relative;z-index:3;}.header_cart-counter.animate{animation-name:rubberband-horizontal;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;}.header_cart-counter.animate::before{content:'';position:absolute;inset:0;border-radius:inherit;background-color:transparent;border:0.5px solid var(--c-text-secondary);opacity:1;z-index:1;pointer-events:none;animation-name:header_cart-counter-ping;animation-duration:500ms;animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1);animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:340ms;}@keyframes header_cart-counter-ping{0%{transform:scale(1);opacity:1;}60%{opacity:1;}100%{transform:scale(1.8);opacity:0;}}@keyframes rubberband-horizontal{0%{transform:scale3d(1,1,1);}30%{transform:scale3d(1.25,.75,1);}40%{transform:scale3d(.75,1.25,1);}50%{transform:scale3d(1.15,.85,1);}65%{transform:scale3d(.95,1.05,1);}75%{transform:scale3d(1.05,.95,1);}100%{transform:scale3d(1,1,1);}}/* ------ Mobile header ------*/.page-index .header_mobile .site-header_right{order:1;}.page-index .header_mobile .site-header_left{order:2;}.page-index .header_mobile .site-header_middle{order:3;flex:1 1 100%;width:100%;max-width:100%;min-width:0;}.header_mobile .site-header_content{flex-wrap:nowrap;}.page-index .header_mobile .site-header_content{flex-wrap:wrap;}.header_mobile .site-header_content{min-height:calc(var(--header-btn-height) + var(--header-content-padding) * 2);}.header_mobile .site-header_page-title{font-size:var(--fs-text-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;}.header_btn-alerts{position:relative;}.header_btn-alerts.unread::before{content:'';position:absolute;width:6px;height:6px;border-radius:999px;background-color:var(--c-accent-300);box-shadow:0 0 6px 3px var(--c-accent-300);top:4px;right:6px;z-index:2;}.header_btn-alerts.unread::after{content:'';position:absolute;width:11px;height:11px;background-image:url('/assets/icons/png/notifications-badge.png');background-size:100%;background-repeat:no-repeat;background-position:center;top:0px;right:4px;z-index:2;}.header_btn-alerts.header_btn-item .svg-icon{width:calc(var(--header-btn-icon-size) * 1.35);height:calc(var(--header-btn-icon-size) * 1.35);margin-left:2px;margin-bottom:1px;}/* ------ Desktop header ------*/.header_desktop_bar{background-color:var(--c-gray-100);}.desktop_bar_content{display:flex;align-items:center;justify-content:space-between;height:var(--desktop-bar-height);padding:0 4px;width:100%;}.desktop_bar_message{font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);line-height:1;display:inline-flex;gap:4px;white-space:nowrap;text-overflow:ellipsis;max-width:600px;}.desktop_bar_message p, .desktop_bar_message a, .desktop_bar_message span{font-size:inherit;font-weight:inherit;color:inherit;margin:0;padding:0;line-height:inherit;}.desktop_bar_message a{color:var(--c-text-primary);font-weight:500;text-decoration:underline !important;}.desktop_bar_links{display:flex;flex-direction:row-reverse;align-items:center;}.desktop_bar_socials{display:flex;align-items:center;gap:4px;}.desktop_bar_socials-item{display:flex;align-items:center;justify-content:center;color:var(--c-gray-500);width:24px;height:24px;transition:color 200ms ease-in-out;}.desktop_bar_socials-item .svg-icon{width:18px;height:18px;}.desktop_bar_socials-item:hover{color:var(--c-text-tertiary);}.desktop_bar_support-item{display:flex;align-items:center;flex-direction:row-reverse;gap:4px;margin-left:8px;padding-left:8px;position:relative;cursor:pointer;color:var(--c-gray-500);font-size:var(--fs-text-sm);direction:ltr;line-height:1;font-weight:500;font-family:var(--ff-fn);transition:color 200ms ease-in-out;}.desktop_bar_support-item .svg-icon{width:18px;height:18px;}.desktop_bar_support-item::before{content:'';position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:3px;height:15px;background-color:var(--c-gray-300);border-radius:999px;}.desktop_bar_support-item:hover{color:var(--c-text-tertiary);}.header_desktop .site-header_content{padding:var(--desktop-header-content-padding) 0;height:var(--desktop-header-height);}.header_desktop .site-header_right{width:var(--desktop-sides-width);justify-content:flex-start;}.header_desktop .site-header_middle{width:var(--desktop-search-bar-width);max-width:var(--desktop-search-bar-width);}.header_desktop .site-header_left{width:var(--desktop-sides-width);display:flex;justify-content:flex-end;}/* search bar */.header_search-bar{width:100%;max-width:100%;min-width:0;}.header_search-bar .search-modal_trigger{display:flex;align-items:center;width:100%;height:var(--header-btn-height);padding:8px 48px;line-height:var(--header-btn-height);border-radius:999px;background-color:var(--c-gray-100);position:relative;box-shadow:inset 0 0 0 1px hsl(0deg 0% 0% / 3%);transition:all 200ms ease-in-out;cursor:pointer;}.header_search-bar .search-modal_trigger:hover{background-color:var(--c-gray-150);box-shadow:inset 0 0 0 1px hsl(0deg 0% 0% / 5%);}.search-modal_trigger_icon{width:var(--header-btn-height);height:var(--header-btn-height);position:absolute;display:flex;justify-content:center;align-items:center;right:0;color:#6B7280;}.search-modal_trigger_icon .svg-icon{width:24px;height:24px;display:flex;}.search-modal_trigger_icon .svg-icon svg{width:100%;height:100%;}.header_search-bar .search-modal_trigger .search-bar_placeholder{color:var(--c-text-quaternary);font-size:var(--fs-text);}.header_desktop .header_search-bar{width:var(--desktop-search-bar-width);}@media (min-width: 980px){.header_desktop{display:block;background-color:#fff;}.header_mobile{display:none;}.main-header{overflow:visible;}}:root{--announcement-message-bg:var(--c-gray-900);--announcement-message-fg:#fff;--announcement-message-link:var(--c-red-400);--announcement-message-btn-bg:hsla(0, 0%, 0%, 0.8);--announcement-message-btn-bgHover:hsla(0, 0%, 0%, 1);--announcement-message-btn-fg:var(--c-gray-600);--announcement-message-btnHover-fg:var(--c-gray-300);--announcement-message-bg-red:var(--c-red-400);--announcement-message-fg-red:#fff;--announcement-message-link-red:#000;--announcement-message-btn-bg-red:var(--c-red-500);--announcement-message-btn-bgHover-red:var(--c-red-600);--announcement-message-btn-fg-red:var(--c-red-900);--announcement-message-btnHover-fg-red:var(--c-red-950);--announcement-message-bg-green:var(--c-green-500);--announcement-message-fg-green:var(--c-text-primary);--announcement-message-link-green:#fff;--announcement-message-btn-bg-green:var(--c-green-500);--announcement-message-btn-bgHover-green:var(--c-green-600);--announcement-message-btn-fg-green:var(--c-green-900);--announcement-message-btnHover-fg-green:var(--c-green-950);--announcement-discount-bg:var(--c-red-400);--announcement-discount-code-bg:hsl(221, 50%, 11%);}/*
  Two types only: .announcement-bar_message | .announcement-bar_discount
  One visible at a time via .is-active (JS priority: message > discount).
*/.announcement-bar_item{display:none;}.announcement-bar_item.is-active{display:block;}.announcement-bar_message.red{--announcement-message-bg:var(--announcement-message-bg-red);--announcement-message-fg:var(--announcement-message-fg-red);--announcement-message-link:var(--announcement-message-link-red);--announcement-message-btn-bg:var(--announcement-message-btn-bg-red);--announcement-message-btn-bgHover:var(--announcement-message-btn-bgHover-red);--announcement-message-btn-fg:var(--announcement-message-btn-fg-red);--announcement-message-btnHover-fg:var(--announcement-message-btnHover-fg-red);}.announcement-bar_message.green{--announcement-message-bg:var(--announcement-message-bg-green);--announcement-message-fg:var(--announcement-message-fg-green);--announcement-message-link:var(--announcement-message-link-green);--announcement-message-btn-bg:var(--announcement-message-btn-bg-green);--announcement-message-btn-bgHover:var(--announcement-message-btn-bgHover-green);--announcement-message-btn-fg:var(--announcement-message-btn-fg-green);--announcement-message-btnHover-fg:var(--announcement-message-btnHover-fg-green);}/* -------------------------------------------------------------------------- *//* Discount                                                                   *//* -------------------------------------------------------------------------- */.announcement-bar_discount{background-color:var(--announcement-discount-bg);}.announcement-bar_discount_content{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;padding:12px 0;}.announcement-bar_discount .close-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:6px;border-radius:999px;cursor:pointer;z-index:1;color:var(--c-text-primary);background-color:hsla(0, 0%, 0%, 0.2);transition:background-color 200ms ease-in-out;}.announcement-bar_discount .close-btn:hover{background-color:hsla(0, 0%, 0%, 0.3);}.header-promo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;}.header-promo_code_container{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:6px;position:relative;background-color:var(--announcement-discount-code-bg);color:#fff;}.header-promo_code_container::before, .header-promo_code_container::after{content:'';position:absolute;width:11px;height:11px;border-radius:999px;background-color:var(--announcement-discount-bg);top:50%;transform:translateY(-50%);}.header-promo_code_container::before{right:-7px;}.header-promo_code_container::after{left:-7px;}.header-promo_code_container .svg-icon svg{color:var(--announcement-discount-bg);width:12px;height:12px;}.header-promo_code_container .code{padding-top:3px;opacity:0.9;}.header-promo_timer{display:flex;flex-direction:column;line-height:1;color:var(--announcement-discount-code-bg);}.header-promo_timer .title{font-size:var(--fs-text-2xs);font-weight:300;padding-bottom:4px;}.discount-timer{display:flex;align-items:center;gap:2px;font-weight:bold;font-size:var(--fs-text-base);font-family:var(--ff-fn);}.discount-timer .discount-timer_item_seprator{opacity:0.8;font-weight:300;}.header-promo_details{flex:1 1 100%;padding:0 2px;font-size:var(--fs-text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-weight:300;}.header-promo_details .discount_value{font-weight:600;}/* -------------------------------------------------------------------------- *//* Message                                                                    *//* -------------------------------------------------------------------------- */.announcement-bar_message{background-color:var(--announcement-message-bg);color:var(--announcement-message-fg);font-size:14px;font-weight:400;text-align:center;}.announcement-bar_message_content{padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:8px;}.announcement-bar_message .announcement_message p, .announcement-bar_message .announcement_message a, .announcement-bar_message .announcement_message span{font-size:inherit;font-weight:inherit;color:inherit;margin:0;padding:0;line-height:inherit;}.announcement-bar_message .announcement_message a{color:var(--announcement-message-link);text-decoration:underline;}.announcement-bar_message .close-btn{display:flex;align-items:center;width:fit-content;gap:8px;padding:4px 8px;border-radius:8px;font-size:var(--fs-text-xs);color:var(--announcement-message-btn-fg);background-color:var(--announcement-message-btn-bg);border:1px solid transparent;border-color:var(--announcement-message-btn-fg);cursor:pointer;transition:all 200ms ease-in-out;}.announcement-bar_message .close-btn:hover{color:var(--announcement-message-btnHover-fg);background-color:var(--announcement-message-btn-bgHover);}.announcement-bar_message .close-btn .svg-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:inherit;}/* -------------------------------------------------------------------------- *//* Breakpoints                                                                *//* -------------------------------------------------------------------------- */@media (min-width: 480px){.header-promo{justify-content:flex-start;}}@media (min-width: 640px){.announcement-bar_discount_content{justify-content:center;}.header-promo{gap:12px;justify-content:center;}.header-promo_details{flex:initial;order:2;}.header-promo_timer{order:3;}.announcement-bar_discount .close-btn{position:absolute;left:8px;}}@media (min-width: 980px){.announcement-bar_message_content{flex-direction:row;justify-content:center;gap:36px;padding:16px 16px;}.announcement-bar_discount_content{padding:12px 16px;}.header-promo{gap:24px;}.header-promo_details{font-size:var(--fs-text-base);}}:root{--main-nav-padding:var(--gutter-xs);--main-nav-item-height:62px;--main-nav-icon-size:46px;--main-nav-chevron-size:18px;--main-nav-duration:var(--tr-timing-slow);--main-nav-ease:var(--tr-ease-move);/* desktop */--main-nav-desktop-height:48px;--main-nav-desktop-border-color:var(--c-gray-300);--main-nav-desktop-lvl1-min-width:80px;--main-nav-desktop-panel-min-height:280px;--main-nav-mega-max-height:min(70vh, 560px);--main-nav-mega-column-gap:24px;--main-nav-mega-column-min-width:150px;--main-nav-mega-column-max-width:240px;--main-nav-mega-heading-icon-size:32px;--main-nav-mega-item-icon-size:28px;--main-nav-mega-close-delay:300ms;--main-nav-mega-border-radius:32px;}html.main-nav-is-open, html.main-nav-is-open body{overflow:hidden;}/* -------------------------------------------------------------------------- *//* Mobile shell — closed off-screen, opens from the bottom                    *//* -------------------------------------------------------------------------- */.main-nav{position:fixed;top:0;left:0;right:0;width:100%;height:calc(100vh - var(--bottom-bar-item-height));height:calc(100dvh - var(--bottom-bar-item-height));background-color:#fff;z-index:var(--z-main-nav);overflow:hidden;visibility:hidden;pointer-events:none;transform:translate3d(0, 100%, 0);transition:transform var(--main-nav-duration) var(--main-nav-ease), visibility 0s linear var(--main-nav-duration);}.main-nav.is-open{visibility:visible;pointer-events:auto;transform:translate3d(0, 0, 0);overscroll-behavior:contain;transition:transform var(--main-nav-duration) var(--main-nav-ease), visibility 0s linear 0s;}.main-nav_inner, .main-nav_content{display:flex;flex-direction:column;height:100%;min-height:0;}.main-nav_header{display:flex;align-items:center;gap:8px;padding:var(--main-nav-padding);flex-shrink:0;position:relative;border-bottom:1px solid var(--c-gray-300);background-color:#fff;z-index:3;}.main-nav_header .input-control{flex:1 1 auto;min-width:0;margin:0;}.main-nav_close-btn{flex-shrink:0;}.main-nav_body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;}.main-nav_nav{flex:1 1 auto;min-height:0;height:100%;position:relative;overflow:hidden;}.main-nav_stream{display:flex;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}/* -------------------------------------------------------------------------- *//* Items                                                                      *//* -------------------------------------------------------------------------- */.main-nav a{text-decoration:none;color:inherit;}.main-nav_item.is-disabled{opacity:0.45;pointer-events:none;}.main-nav_item.has-child{position:static;}.main-nav_item-details, .main-nav_item-back, .main-nav_item-all{display:flex;justify-content:space-between;align-items:center;height:var(--main-nav-item-height);width:100%;padding:0 var(--main-nav-padding);border:0;border-bottom:1px solid var(--c-gray-300);background-color:#fff;outline:none;margin:0;color:inherit;text-align:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;font:inherit;text-decoration:none;}.main-nav_item-details:hover, .main-nav_item-back:hover, .main-nav_item-all:hover, .main-nav_item-details:focus-visible, .main-nav_item-back:focus-visible, .main-nav_item-all:focus-visible{background-color:var(--c-gray-50);}.main-nav_item-back{background-color:var(--c-gray-50);font-weight:500;}.main-nav_item-title{display:flex;align-items:center;gap:var(--main-nav-padding);min-width:0;}.main-nav_item-text{font-size:var(--fs-text);color:var(--c-text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.main-nav_item-thumb, .main-nav_item-icon{width:var(--main-nav-icon-size);height:var(--main-nav-icon-size);border-radius:999px;overflow:hidden;background-color:var(--c-gray-200);display:flex;justify-content:center;align-items:center;flex-shrink:0;}.main-nav_item-thumb img, .main-nav_item-icon img{width:100%;height:100%;object-fit:cover;}.main-nav_item-icon .svg-icon, .main-nav_item-thumb .svg-icon{width:22px;height:22px;color:var(--c-gray-700);}.main-nav_item-chevron{width:var(--main-nav-chevron-size);height:var(--main-nav-chevron-size);flex-shrink:0;color:var(--c-gray-500);display:flex;align-items:center;justify-content:center;}.main-nav_item-chevron .svg-icon, .main-nav_item-chevron svg{width:100%;height:100%;}/* -------------------------------------------------------------------------- *//* Mobile drill-down panels                                                   *//* -------------------------------------------------------------------------- */.main-nav_item-children{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;isolation:isolate;z-index:2;transform:translate3d(-100%, 0, 0);visibility:hidden;pointer-events:none;transition:transform var(--main-nav-duration) var(--main-nav-ease), visibility 0s linear var(--main-nav-duration);}.main-nav_item.item-level-1 > .main-nav_item-children{z-index:2;}.main-nav_item.item-level-2 > .main-nav_item-children{z-index:3;}.main-nav_item.is-open > .main-nav_item-children{transform:translate3d(0, 0, 0);visibility:visible;pointer-events:auto;transition:transform var(--main-nav-duration) var(--main-nav-ease), visibility 0s linear 0s;}.main-nav_item.has-child.is-open > .main-nav_item-details{visibility:hidden;}/* Keep the previous level from showing through while a child panel is open. */.main-nav_item-children:has(> .main-nav_item.is-open) > :not(.is-open){visibility:hidden;}/* -------------------------------------------------------------------------- *//* Desktop *//* -------------------------------------------------------------------------- */@media (min-width: 980px){.main-nav_item-details:hover, .main-nav_item-back:hover, .main-nav_item-all:hover, .main-nav_item-details:focus-visible, .main-nav_item-back:focus-visible, .main-nav_item-all:focus-visible{background-color:transparent;}.main-nav{width:100%;position:relative;height:auto;visibility:initial;pointer-events:initial;overflow:initial;transform:initial;transition:initial;}.main-nav_inner, .main-nav_content{display:block;width:100%;}.main-nav_inner{border-top:1px solid transparent;border-bottom:1px solid var(--main-nav-desktop-border-color);box-shadow:0 6px 12px -6px rgba(0, 0, 0, 0.05);}.main-nav_content{width:100%;max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto;}.main-nav_header{display:none;}.main-nav_body, .main-nav_nav{display:block;overflow:initial;}.main-nav_stream{height:calc(var(--main-nav-desktop-height) + 0px);width:100%;display:flex;flex-direction:row;gap:4px;overflow:initial;-webkit-overflow-scrolling:initial;}.main-nav_item.item-level-1{position:initial;}.main-nav_item.item-level-1 > .main-nav_item-details{height:var(--main-nav-desktop-height);border:none;min-width:var(--main-nav-desktop-lvl1-min-width);display:flex;justify-content:center;align-items:center;position:relative;}.main-nav_item.item-level-1 > .main-nav_item-details .main-nav_item-text{line-height:1;max-width:100%;color:var(--c-text-secondary);position:relative;overflow:visible;padding:0 4px;transition:color 200ms ease-in-out, font-weight 200ms ease-in-out, padding 200ms ease-in-out;}.main-nav_item.item-level-1 > .main-nav_item-details .main-nav_item-thumb, .main-nav_item.item-level-1 > .main-nav_item-details .main-nav_item-chevron{display:none;}.main-nav_item.item-level-1 > .main-nav_item-details:hover .main-nav_item-text, .main-nav_item.item-level-1.is-open > .main-nav_item-details .main-nav_item-text{color:var(--c-text-primary);}.main-nav_item.item-level-1 > .main-nav_item-details .main-nav_item-text::before{content:'';position:absolute;bottom:-16px;right:50%;transform:translateX(50%);width:5px;height:5px;opacity:0;border-radius:3px 3px 0 0;background-color:var(--c-accent);transition:opacity 300ms ease-in-out, width 300ms ease-in-out;}.main-nav_item.item-level-1 > .main-nav_item-details:hover .main-nav_item-text::before, .main-nav_item.item-level-1.is-open > .main-nav_item-details .main-nav_item-text::before{opacity:1;width:48px;}/* An open level-1 item keeps its label — hiding it is a mobile drill-down rule. */.main-nav_item.item-level-1.has-child.is-open > .main-nav_item-details{visibility:visible;}/* Mega panel: drops below the bar instead of sliding in from the side. */.main-nav_item.item-level-1 > .main-nav_item-children{/* margin-top: 1px; */top:100%;bottom:auto;height:auto;min-height:var(--main-nav-desktop-panel-min-height);max-height:var(--main-nav-mega-max-height);display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px var(--main-nav-mega-column-gap);padding:20px var(--main-nav-padding) 24px;border:1px solid var(--main-nav-desktop-border-color);/* border-top: 0; */border-radius:0 0 var(--main-nav-mega-border-radius) var(--main-nav-mega-border-radius);box-shadow:0 12px 20px -12px rgba(0, 0, 0, 0.15);opacity:0;transform:translate3d(0, 8px, 0);transition:opacity 200ms ease-in-out, transform 200ms ease-in-out, visibility 0s linear 200ms;}.main-nav_item.item-level-1.is-open > .main-nav_item-children{/* Above a sibling panel still fading out. */z-index:3;opacity:1;transform:translate3d(0, 0, 0);transition:opacity 200ms ease-in-out, transform 200ms ease-in-out, visibility 0s linear 0s;}/* Level 2 becomes a column heading, its children a static list below it. */.main-nav_item.item-level-1 > .main-nav_item-children > .main-nav_item.item-level-2{flex:1 1 0;min-width:var(--main-nav-mega-column-min-width);max-width:var(--main-nav-mega-column-max-width);}.main-nav_item.item-level-2 > .main-nav_item-children{position:static;display:flex;flex-direction:column;height:auto;transform:none;/* Follow the level-1 panel: forcing `visible`/`auto` here would keep the
           columns of a closed panel hit-testable on top of the open one. */visibility:inherit;pointer-events:inherit;overflow:visible;background-color:transparent;transition:none;}.main-nav_item.item-level-2 > .main-nav_item-details{height:auto;padding:6px 0;border:0;background-color:transparent;justify-content:flex-start;}.main-nav_item.item-level-2 > .main-nav_item-details .main-nav_item-text{font-weight:700;color:var(--c-text-primary);}.main-nav_item.item-level-2 > .main-nav_item-details .main-nav_item-chevron{display:none;}.main-nav_item.item-level-2 > .main-nav_item-details .main-nav_item-thumb{width:var(--main-nav-mega-heading-icon-size);height:var(--main-nav-mega-heading-icon-size);}/* Level 3 links: plain rows, no dividers. */.main-nav_item.item-level-3 > .main-nav_item-details, .main-nav_item.item-level-3.main-nav_item-all{height:auto;padding:4px 0;border:0;background-color:transparent;justify-content:flex-start;}.main-nav_item.item-level-3 .main-nav_item-title{gap:8px;}.main-nav_item.item-level-3 .main-nav_item-thumb, .main-nav_item.item-level-3 .main-nav_item-icon{width:var(--main-nav-mega-item-icon-size);height:var(--main-nav-mega-item-icon-size);}.main-nav_item.item-level-3 .main-nav_item-text{font-size:var(--fs-text-sm);color:var(--c-text-secondary);transition:color 200ms ease-in-out;}.main-nav_item.item-level-3 > .main-nav_item-details:hover .main-nav_item-text, .main-nav_item.item-level-3.main-nav_item-all:hover .main-nav_item-text, .main-nav_item.item-level-3 > .main-nav_item-details:focus-visible .main-nav_item-text, .main-nav_item.item-level-3.main-nav_item-all:focus-visible .main-nav_item-text{color:var(--c-text-primary);}/* Level 3's "all products" link closes its column. */.main-nav_item.item-level-3.main-nav_item-all{order:1;}.main-nav_item.item-level-3.main-nav_item-all .main-nav_item-text{font-weight:500;color:var(--c-accent);}/* Mobile drill-down only: back buttons, and the level-1 "view all" row —
       the level-1 label itself is the link to that category. */.main-nav_item-back, .main-nav_item.item-level-1 > .main-nav_item-children > .main-nav_item-all{display:none;}}/* 
based on micromodal
*/:root{--search-modal-offset-top:0px;--search-modal-duration:400ms;--search-modal-ease:var(--tr-ease);--search-suggestion-height:30px;}/* -------------------------------------------------------------------------- *//* Search modal                                                               *//* -------------------------------------------------------------------------- */body.searchModal-is-open{/* background-color: red;
    overflow: visible !important; */}.micromodal.search-modal{display:block;pointer-events:none;}.micromodal.search-modal.is-open{pointer-events:auto;}.search-modal .micromodal_overlay{padding:0;align-items:start;opacity:0;background-color:hsl(0deg 0% 100% / 0%);transition:all var(--search-modal-duration) var(--search-modal-ease);}.search-modal.is-open .micromodal_overlay{opacity:1;background-color:hsla(224, 71%, 4%, 0.65);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}@media (prefers-reduced-transparency: reduce){.search-modal .micromodal_overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:hsla(224, 71%, 4%, 0.65);}}.search-modal .micromodal_container{background-color:transparent;width:100%;border-radius:0;overflow:hidden;opacity:0;box-shadow:none;transform:translateY(-8px);border-radius:0 0 var(--separator-radius) var(--separator-radius);box-shadow:0 24px 48px -12px hsla(0, 0%, 0%, 0.5);transition:transform var(--search-modal-duration) var(--search-modal-ease), opacity var(--search-modal-duration) var(--search-modal-ease);}.search-modal.is-open .micromodal_container{opacity:1;transform:translateY(0);}.search-modal_content{background-color:#fff;padding-bottom:4px;box-shadow:inset 0px -2px 2px -1px var(--c-gray-300);border-radius:0 0 var(--separator-radius) var(--separator-radius);}.search-modal_search-bar{display:flex;gap:var(--gutter-xs);padding:var(--gutter);position:relative;}.search-bar_btn{width:var(--btn-height) !important;}.search-modal_input{margin-top:0;position:relative;}.input_clear-btn{cursor:pointer;border:none !important;background-color:transparent !important;padding:0 !important;margin:0 !important;border-radius:999px !important;box-shadow:none !important;color:var(--c-gray-700) !important;}.input_clear-btn .icon{opacity:1 !important;}.input_clear-btn:hover{color:var(--c-accent-400) !important;}.search-modal_input .input_loading-indicator{position:absolute;left:calc(var(--input-prefix-suffix-size) - 10px );display:none;background-color:transparent;}.search-modal.state_loading .input_loading-indicator{display:block;}.search-modal_results{padding:var(--gutter);padding-top:var(--gutter-xs);border-top:1px solid var(--c-gray-300);}.search-modal_suggestion{}.search-modal .suggestion-title{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-text-sm);font-weight:500;color:var(--c-text-secondary);margin-bottom:8px;}.remove-search-history-btn{border:none;background-color:transparent;padding:0;margin:0;font-size:var(--fs-text-xs);font-weight:300;color:var(--c-text-tertiary);cursor:pointer;}.remove-search-history-btn:hover{color:var(--c-accent-400);}.search-modal .suggestion-list{display:flex;flex-wrap:wrap;gap:10px;}.search-modal .suggestion-item{display:flex;text-decoration:none;color:inherit;}.search-modal  .suggestion-item_inner{height:var(--search-suggestion-height);min-width:60px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:3px;font-size:var(--fs-text-sm);color:var(--c-text-secondary);font-weight:300;border-radius:999px;border:1px solid var(--c-gray-300);transition:background-color 200ms ease, border-color 200ms ease;}.search-modal  .suggestion-item_inner:has(.icon){padding-right:6px;}.search-modal  .suggestion-item_inner:hover{background-color:var(--c-gray-100);border-color:var(--c-gray-400);}.search-modal  .suggestion-item_inner .icon{width:16px;height:16px;color:var(--c-accent-500);}.search-modal  .suggestion-item_inner .text{max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.autocomplete-list{display:flex;flex-direction:column;gap:8px;}.search-modal .autocomplete-item{display:flex;text-decoration:none;color:inherit;width:100%;}.autocomplete-item_inner{width:100%;display:flex;align-items:center;gap:6px;font-size:var(--fs-text-sm);padding:6px 10px;background-color:var(--c-gray-100);border-radius:8px;transition:background-color 200ms ease;}.search-modal .autocomplete-item:hover .autocomplete-item_inner{background-color:var(--c-gray-300);}.autocomplete-item_inner .icon{width:18px;height:18px;color:var(--c-gray-600);}@media (prefers-reduced-motion: reduce){.search-modal .micromodal_overlay, .search-modal .micromodal_container{transition:none;transform:none;}}@media (min-width: 380px){}@media (min-width: 640px){.search-modal .suggestion-title{justify-content:flex-start;gap:16px;}.autocomplete-list{flex-direction:row;flex-wrap:wrap;gap:12px;}.search-modal .autocomplete-item{width:fit-content;}.autocomplete-item_inner{width:fit-content;padding:8px 10px 8px 16px;}}@media (min-width: 980px){.micromodal.search-modal{--search-modal-duration:200ms;--desktop-search-modal-padding:16px;}.search-modal .micromodal_overlay{padding-top:calc(var(--search-modal-offset-top) - var(--desktop-search-modal-padding));background-color:hsla(0, 0%, 0%, 0.0) !important;backdrop-filter:blur(0px) !important;-webkit-backdrop-filter:blur(0px) !important;transition:opacity var(--search-modal-duration) var(--search-modal-ease) !important;}.search-modal .micromodal_container, .search-modal.is-open .micromodal_container{width:calc(var(--desktop-search-bar-width) + (var(--desktop-search-modal-padding) * 2));max-width:calc(var(--desktop-search-bar-width) + (var(--desktop-search-modal-padding) * 2));transform:none;transition:opacity var(--search-modal-duration) var(--search-modal-ease);box-shadow:0 0 0 1px var(--c-gray-400), 0 8px 16px -8px hsla(0, 0%, 0%, 0.15);background-color:#fff;border-radius:34px;}.search-modal_search-bar{padding:var(--desktop-search-modal-padding);padding-bottom:calc(var(--desktop-search-modal-padding) + 8px);}.search-modal_results{border-color:var(--c-gray-400);}.search-modal_input.input-control .input{height:var(--header-btn-height);padding-right:calc(var(--header-btn-height) - 1px);}.search-modal_input.input-control .input::placeholder{font-weight:400 !important;font-size:var(--fs-text) !important;}.search-modal_input.input-control .input:focus, .search-modal_input.input-control .input:focus-visible{background-color:var(--c-gray-50) !important;border-color:var(--c-gray-400) !important;}.search-bar_btn.btn{position:absolute;height:var(--header-btn-height);width:var(--header-btn-height);z-index:2;border:none !important;background-color:transparent !important;box-shadow:none !important;right:14px;top:16px;}.search-modal .suggestion-title{justify-content:space-between;}.search-modal_content{box-shadow:inset 0px -2px 0px 0px var(--c-gray-50);}.search-modal.is-open .micromodal_overlay{padding-right:var(--scrollbar-width, 0px);}}:root{--bottom-bar-spacing:8px;--bottom-bar-gutter:12px;--bottom-bar-item-height:78px;--bottom-bar-item-max-width:1200px;--bottom-bar-item-padding:8px;--bottom-bar-icon-size:26px;--bottom-bar-icon-color:#4B5563;}.bottom-bar{}.bottom-bar.is-fixed{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-bottom-bar);background-color:#fff;border-top:1px solid var(--c-gray-300);}.bottom-bar .page-width{padding:0;}.bottom-bar_content{padding:0 var(--bottom-bar-gutter);}.bottom-bar_stream{display:flex;align-items:center;gap:var(--bottom-bar-spacing);justify-content:center;}.bottom-bar_item{flex:1 1 0;min-width:0;width:0;text-decoration:none;border:none;outline:none;background-color:transparent;cursor:pointer;padding:0;margin:0;display:flex;overflow:hidden;line-height:1;position:relative;}.bottom-bar_item-inner{width:100%;height:var(--bottom-bar-item-height);display:flex;align-items:center;justify-content:flex-start;flex-direction:column;text-align:center;position:relative;padding-top:10px;}.bottom-bar_item-inner .icon{width:var(--bottom-bar-icon-size);height:var(--bottom-bar-icon-size);}.bottom-bar_item-inner .icon svg{width:var(--bottom-bar-icon-size);height:var(--bottom-bar-icon-size);}.bottom-bar_item-inner .icon svg path{fill:transparent;color:var(--bottom-bar-icon-color);transition:all 200ms ease-in-out;}.bottom-bar_item-inner .text{margin-top:5px;font-size:var(--fs-text-xs);color:var(--c-text-quaternary);transition:all 200ms ease-in-out;}.bottom-bar_item:hover .bottom-bar_item-inner .icon svg path{fill:var(--c-gray-200);color:var(--c-gray-900);}.bottom-bar_item:hover .bottom-bar_item-inner .text{color:var(--c-text-primary);}.bottom-bar_item.is-active .bottom-bar_item-inner .icon svg path{fill:var(--c-accent-100);color:var(--c-accent-500);}.bottom-bar_item.is-active .bottom-bar_item-inner .text{color:var(--c-text-primary);font-weight:bold;margin-top:4px;}.bottom-bar_item .header_cart-counter{top:6px;right:auto;left:calc(50% + (var(--bottom-bar-icon-size) / 2) - 8px);transform:none;}.bottom-bar_item .header_cart-counter_value{}@media (min-width: 420px){:root{}}@media (min-width: 980px){.bottom-bar.is-fixed{display:none;visibility:hidden;}}/**
 * Store chrome — footer.
 */:root{--footer-top-margin:148px;--footer-bottom-padding:128px;--footer-social-item-size:var(--header-btn-height);--footer-social-item-radius:15px;--footer-links-fs:15px;--footer-totop-btn-size:92px;--footer-totop-btn-padding:15px;--footer-totop-btn-radius:30px;--footer-certificates-size:120px;--footer-certificates-radius:15px;--footer-skyline-height:146px;--footer-car-size:94px;--footer-skyline-duration:75s;--footer-skyline-direction:reverse;/* reverse = scroll right, normal = scroll left *//* desktop */--footer-desktop-socials-width:380px;--footer-desktop-certificates-width:298px;--footer-desktop-support-height:120px;--footer-desktop-border-radius:48px;--footer-desktop-top-padding:92px;}.main-footer{font-family:var(--ff-fn);line-height:1;margin-top:var(--footer-top-margin);}.main-footer a{text-decoration:none;}.main-footer_content{display:flex;flex-wrap:wrap;gap:0;position:relative;}.main-footer_section{width:100%;padding:0 var(--gutter-lg);}.main-footer_content .main-footer_section:first-child{margin-top:0;}.main-footer_content .main-footer_section:last-child{margin-bottom:0;}.main-footer_socials{order:1;padding-top:var(--gutter);}.main-footer_support{order:2;}.main-footer_links{order:3;}.main-footer_back-to-top{order:4;}.main-footer_certificates{order:5;}.main-footer_about{order:6;}.main-footer_illustrations{order:7;}.main-footer_copyright{order:8;}.main-footer .page-width{padding:0;}.main-footer_inner{background-color:var(--c-gray-150);padding-bottom:var(--footer-bottom-padding);padding-top:calc(var(--separator-radius) * 1.2);border-radius:var(--separator-radius) var(--separator-radius) 0 0;overflow:hidden;}.footer_socials-stream{display:flex;flex-direction:row-reverse;gap:8px;}.footer_socials-item{width:var(--footer-social-item-size);height:var(--footer-social-item-size);border-radius:var(--footer-social-item-radius);display:flex;align-items:center;justify-content:center;background-color:#fff;color:var(--c-gray-500);border:1px solid var(--c-gray-200);padding:8px;position:relative;flex-shrink:0;transition:all 200ms ease-in-out;}.footer_socials-item:hover{border-color:var(--c-gray-400);color:var(--c-gray-700);}.footer_socials-item .handle{display:none;}.footer_socials-item.type-instagram{flex-grow:1;color:#fff;background:var(--c-instagram);gap:8px;flex-direction:row-reverse;border:none;/* max-width: 200px; */}.footer_socials-item.type-instagram:hover{border:none;}.footer-support_inner{margin-top:var(--gutter-lg);display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 16px;background-color:var(--c-gallery-bg-color);color:#fff;font-family:var(--ff-fn);line-height:1;border-radius:var(--footer-social-item-radius);box-shadow:0px 70px 28px rgba(0, 0, 0, 0.05), 0px 40px 24px rgba(0, 0, 0, 0.1), 0px 18px 18px rgba(0, 0, 0, 0.15), 0px 4px 10px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.2);}.footer-support_details{text-align:center;line-height:1.5;}.footer-support_details .hours{font-weight:300;color:var(--c-gray-500);font-size:var(--fs-text-xs);}.footer-support_phone{direction:ltr;display:flex;align-items:baseline;font-size:var(--fs-heading-lg) !important;gap:10px;font-weight:900;font-size:var(--fs-text-lg);}.footer-support_phone > span:first-child{color:var(--c-accent-500);}.main-footer_links{margin-top:calc(var(--gutter-lg) * 2.5);}.footer_links-inner{display:flex;gap:var(--gutter-xl);}.footer_links-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;}.footer-links_item{display:block;width:100%;box-sizing:border-box;font-size:var(--footer-links-fs);padding:4px 8px;height:calc(var(--footer-links-fs) * + 8px);color:var(--c-text-secondary);font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;transition:all var(--tr-timing-base) var(--tr-ease);}.footer-links_item::before{content:'';position:absolute;width:3px;height:0px;border-radius:999px;background-color:var(--c-accent-300);right:1px;top:calc(50% - 2px);transform:translateY(-50%);transition:all var(--tr-timing-base) var(--tr-ease);}.footer-links_item:hover::before{height:18px;}.footer-links_item:hover{color:#000;font-weight:800;}.main-footer_back-to-top{margin:var(--gutter-xl) 0;padding:0;background-color:#fff;padding-top:calc(var(--separator-radius) * 1.2);padding-bottom:calc(var(--separator-radius) * 1.2);position:relative;}.main-footer_back-to-top::before, .main-footer_back-to-top::after{content:'';position:absolute;width:100%;height:calc(var(--separator-radius) * 1.2);background-color:var(--c-gray-150);}.main-footer_back-to-top::before{top:0;left:0;right:0;border-radius:0 0 var(--separator-radius) var(--separator-radius);}.main-footer_back-to-top::after{bottom:0;left:0;right:0;border-radius:var(--separator-radius) var(--separator-radius) 0 0;}.footer_totop-inner{height:24px;position:relative;}.footer_totop-wrapper{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);}.footer_totop-btn{height:var(--footer-totop-btn-size);width:var(--footer-totop-btn-size);padding:var(--footer-totop-btn-padding);display:flex;align-items:center;justify-content:center;border-radius:var(--footer-totop-btn-radius);background-color:var(--c-gray-150);box-shadow:inset 0px 0px 0px 1px var(--c-gray-300), inset 0px 2px 0px 1px #fff, 0px 3px 0px -1px #fff;}.footer_totop-btn-inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:calc( var(--footer-totop-btn-radius) - var(--footer-totop-btn-padding) + 4px);color:var(--c-gray-600);background-color:#fff;box-shadow:inset 0px 0px 0px 1px var(--c-gray-400), inset 0px -3px 0px 1px var(--c-gray-200), 0px 8px 16px -8px rgba(0, 0, 0, 0.25);transition:all var(--tr-timing-base) var(--tr-ease);}.footer_totop-btn-inner:hover{color:var(--c-gray-800);box-shadow:inset 0px 0px 0px 1px var(--c-gray-500), inset 0px 0px 0px 0px var(--c-gray-200), 0px 8px 16px -12px rgba(0, 0, 0, 0.25);}.footer_totop-btn-inner .icon svg{width:30px;height:30px;}.footer_totop-text{position:absolute;bottom:-22px;left:0;right:0;width:fit-content;font-size:var(--fs-text-xs);margin:auto;color:var(--c-gray-600);font-weight:300;}.footer_certificates-inner{margin-top:var(--gutter-xl);display:flex;justify-content:space-evenly;}.footer_certificate{width:var(--footer-certificates-size);background-color:#fff;padding:32px 24px;border-radius:var(--footer-certificates-radius);display:flex;align-items:center;justify-content:center;}.footer_about-inner{margin-top:calc(var(--gutter-xl) * 2);}.footer_about-branding{margin-bottom:10px;}.footer_about-logo{display:none;}.footer_about-title{font-weight:900;color:var(--c-gallery-bg-color);text-align:center;}.footer_about-content{line-height:1.4;font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-secondary);text-align:center;}.main-footer_illustrations{padding:0;}.footer_illustrations-inner{position:relative;min-height:max(var(--footer-skyline-height), var(--footer-car-size));}.footer_skyline{position:absolute;inset-inline:0;bottom:0;height:var(--footer-skyline-height);overflow:hidden;pointer-events:none;direction:ltr;}.footer_skyline-track{display:flex;width:max-content;height:100%;will-change:transform;animation:footer-skyline-scroll var(--footer-skyline-duration) linear infinite var(--footer-skyline-direction);}.footer_skyline-track img{height:var(--footer-skyline-height);width:auto;max-width:none;flex-shrink:0;}.footer_car{position:absolute;z-index:1;left:50%;bottom:0;height:var(--footer-car-size);transform:translateX(-50%);pointer-events:auto;}.footer_car img{display:block;height:100%;width:auto;max-width:none;}.footer_car .car-animated_hover{position:absolute;left:0;top:0;opacity:0;transition:opacity 0.2s ease;pointer-events:none;}.footer_car:hover .car-animated_hover{opacity:1;}@keyframes footer-skyline-scroll{from{transform:translate3d(0, 0, 0);}to{transform:translate3d(-50%, 0, 0);}}.footer_copyright_inner{margin:var(--gutter-xl) 0;font-size:var(--fs-text-xs);text-align:center;color:var(--c-text-secondary);font-weight:300;display:flex;flex-direction:column;align-items:center;gap:6px;}.footer_author .developer_link{font-weight:bold;color:var(--c-text-primary);text-decoration:underline;}.footer_author .version{width:fit-content;margin:8px auto;padding:4px 8px;border-radius:999px;background-color:var(--c-gray-300);}.footer_author .version_glow, .footer_author .version_shine, .footer_author .version_sparkles{display:none;}@media (min-width: 380px){.footer_socials-item.type-instagram .handle{color:#fff;display:block;font-family:var(--ff-main);text-transform:uppercase;font-weight:600;margin-top:2px;font-size:var(--fs-text-sm);}.footer_socials-stream{gap:10px;}.footer_socials-item.type-instagram .handle{font-size:var(--fs-text-lg);}}@media (min-width: 420px){.footer_socials-stream{gap:12px;}}@media (min-width: 480px){}@media (min-width: 720px){.main-footer_socials{order:1;padding-top:var(--gutter);width:var(--footer-desktop-socials-width);padding-left:0;}.main-footer_certificates{order:2;padding-top:var(--gutter);width:calc(100% - var(--footer-desktop-socials-width));display:flex;justify-content:flex-end;}.main-footer_support{order:3;position:absolute;right:0;top:calc( var(--footer-social-item-size) + var(--gutter) );padding-left:0;width:var(--footer-desktop-socials-width);}.main-footer_links{order:4;margin-top:calc(var(--gutter-lg) * 3.5);}.main-footer_back-to-top{order:5;}.main-footer_about{order:6;}.main-footer_illustrations{order:7;}.main-footer_copyright{order:8;}.footer_certificates-inner{margin-top:0;justify-content:space-between;width:calc(var(--footer-certificates-size) * 2 + var(--gutter-xl));}.footer-support_inner{margin-top:var(--gutter);}.footer_links-inner{max-width:var(--footer-desktop-socials-width);}.footer_about-content{max-width:80%;margin:0 auto;}}@media (min-width: 980px){:root{--footer-totop-btn-size:58px;--footer-certificates-size:132px;--footer-desktop-socials-width:400px;--footer-skyline-height:168px;--footer-car-size:124px;--footer-skyline-duration:75s;}.main-footer{background-color:var(--c-gray-150);padding:var(--footer-desktop-top-padding) 0 calc( var(--gutter-xl) * 1.5) 0;}.main-footer_inner{background-color:#fff;padding-bottom:0;padding-top:calc(var(--footer-desktop-border-radius) * 1.2);}.main-footer_content{gap:var(--gutter-xl);}.main-footer_section{padding:0;}.main-footer_links{order:1;margin-top:0;padding-right:var(--gutter-xl);width:calc( 100% - var(--footer-desktop-certificates-width) - var(--footer-desktop-socials-width) - ( var(--gutter-xl) * 3) );}.main-footer_certificates{order:2;width:var(--footer-desktop-certificates-width);}.main-footer_socials{order:3;width:calc(var(--footer-desktop-socials-width) + var(--gutter-xl));padding-left:var(--gutter-xl);}.main-footer_support{order:4;position:absolute;right:initial;left:var(--gutter-xl);top:calc(  var(--gutter-xl) + var(--gutter));}.main-footer_back-to-top{order:5;padding:0;margin:var(--gutter-xl) 0;}.main-footer_back-to-top::before, .main-footer_back-to-top::after{display:none;}.main-footer_about{order:6;z-index:2;}.main-footer_illustrations{order:7;margin-top:-54px;z-index:1;}.main-footer_copyright{position:relative;order:8;background-color:var(--c-gray-150);padding-top:calc(var(--footer-desktop-border-radius) * 1.2);}.main-footer_copyright::before{content:'';position:absolute;top:0;left:0;right:0;height:var(--footer-desktop-border-radius);border-radius:0 0 var(--footer-desktop-border-radius) var(--footer-desktop-border-radius);background-color:#fff;}.footer_links-group{gap:12px;}.footer_socials-stream{gap:18px;}.footer_certificates-inner{justify-content:space-between;width:100%;}.footer_certificate{border:1px solid var(--c-gray-300);height:calc(var(--footer-desktop-support-height) + var(--footer-social-item-size) + var(--gutter) + 4px);display:flex;align-items:center;justify-content:center;padding:28px;}.footer-support_inner{height:var(--footer-desktop-support-height);box-shadow:none;flex-direction:row;align-items:center;justify-content:space-between;padding:0 24px;}.footer-support_phone{margin-top:8px;gap:8px;display:inline-flex;}.footer-support_details{text-align:right;}.footer-support_details .hours{font-size:11px;}.footer_socials-item{border:1px solid var(--c-gray-300);}.footer_socials-item:hover{background-color:var(--c-gray-50);}.footer_totop-inner{height:1px;border-top:1px solid var(--c-gray-200);}.footer_totop-wrapper{right:var(--gutter-xl);left:initial;transform:translate(0, -50%);}.footer_totop-btn{padding:5px;background-color:var(--c-gray-150);box-shadow:none;border-radius:999px;}.footer_totop-btn-inner{border-radius:999px;}.footer_totop-btn-inner:hover{box-shadow:inset 0px 0px 0px 1px var(--c-gray-400), inset 0px 0px 0px 0px var(--c-gray-200), 0px 8px 16px -12px rgba(0, 0, 0, 0.25);}.footer_totop-text{display:none;}.footer_about-inner{padding:0 calc(var(--gutter-xl) + 16px);}.footer_about-title{text-align:right;font-size:var(--fs-heading);margin-bottom:18px;}.footer_about-content{text-align:right;margin:0;max-width:800px;color:var(--c-text-tertiary);}.footer_car{left:initial;right:calc(var(--gutter-xl) + 16px);transform:translateX(0);}.footer_copyright_inner{display:flex;flex-direction:row;justify-content:space-between;margin:0;margin-top:var(--gutter-2xs);padding:0 calc(var(--gutter-xl) + 16px);}.footer_author{display:flex;align-items:center;flex-direction:row-reverse;gap:12px;}.footer_author .version{margin:0;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;}}/* Optional footer version hover effect (desktop only).
   Load separately when you want the effect; footer.css works without it. */@media (min-width: 980px){.main-footer, .main-footer_inner, .main-footer_copyright, .footer_copyright_inner, .footer_author{overflow:visible;}.footer_author .version{position:relative;isolation:isolate;cursor:pointer;overflow:visible;border:1px solid transparent;background-size:100% 100%, 300% 300%;box-shadow:0 0 0 0 transparent;transition:transform 350ms cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 400ms ease, background-position 600ms linear, color 300ms ease, filter 400ms ease;}.footer_author .version_glow, .footer_author .version_shine, .footer_author .version_sparkles{display:block;pointer-events:none;}.footer_author .version_glow{position:absolute;inset:-10%;z-index:0;border-radius:50%;background:conic-gradient( from 0deg, #ff6b6b, #feca57, #1dd1a1, #48dbfb, #54a0ff, #5f27cd, #ff9ff3, #ff6b6b );opacity:0;filter:blur(18px);transform:scale(0.6);transition:opacity 350ms ease, transform 450ms ease;}.footer_author .version_shine{position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient( 110deg, transparent 20%, rgba(255, 255, 255, 0.85) 45%, transparent 70% );background-size:220% 100%;background-position:140% 0;opacity:0;mix-blend-mode:soft-light;}.footer_author .version_sparkles{position:absolute;inset:-12px;z-index:2;}.footer_author .version_sparkles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px currentColor;opacity:0;transform:scale(0);}.footer_author .version_sparkles i:nth-child(1){top:8%;left:18%;color:#ff6b6b;}.footer_author .version_sparkles i:nth-child(2){top:-4%;left:55%;color:#feca57;}.footer_author .version_sparkles i:nth-child(3){top:35%;right:-2%;color:#48dbfb;}.footer_author .version_sparkles i:nth-child(4){bottom:0;right:22%;color:#ff9ff3;}.footer_author .version_sparkles i:nth-child(5){bottom:-6%;left:30%;color:#1dd1a1;}.footer_author .version_sparkles i:nth-child(6){top:50%;left:-4%;color:#54a0ff;}.footer_author .version_label, .footer_author .version_number{position:relative;z-index:1;transition:text-shadow 350ms ease, transform 350ms ease;}.footer_author .version:hover{transform:translateY(-3px) scale(1.08) rotate(-2deg);color:#fff;background:linear-gradient(135deg, #2d1436, #1a2744 45%, #0f2f2a) padding-box, linear-gradient(120deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3, #54a0ff, #ff6b6b) border-box;background-size:100% 100%, 300% 300%;background-position:0 0, 100% 50%;filter:saturate(1.35);box-shadow:0 0 0 1px rgba(255, 255, 255, 0.35), 0 0 18px rgba(255, 107, 107, 0.55), 0 0 32px rgba(72, 219, 251, 0.45), 0 0 48px rgba(255, 159, 243, 0.35), 0 10px 24px -8px rgba(95, 39, 205, 0.55);animation:version-rainbow-spin 1.4s linear infinite;}.footer_author .version:hover .version_glow{opacity:0.75;transform:scale(1);animation:version-glow-spin 2s linear infinite;}.footer_author .version:hover .version_shine{opacity:1;animation:version-shine-sweep 900ms ease-in-out infinite;}.footer_author .version:hover .version_label{text-shadow:0 0 10px rgba(255, 255, 255, 0.9);}.footer_author .version:hover .version_number{transform:scale(1.12);text-shadow:0 0 8px #fff, 0 0 16px #48dbfb, 0 0 24px #ff9ff3;animation:version-number-pop 600ms ease-in-out infinite alternate;}.footer_author .version:hover .version_sparkles i{animation:version-sparkle 900ms ease-out infinite;}.footer_author .version:hover .version_sparkles i:nth-child(1){animation-delay:0ms;}.footer_author .version:hover .version_sparkles i:nth-child(2){animation-delay:120ms;}.footer_author .version:hover .version_sparkles i:nth-child(3){animation-delay:240ms;}.footer_author .version:hover .version_sparkles i:nth-child(4){animation-delay:360ms;}.footer_author .version:hover .version_sparkles i:nth-child(5){animation-delay:480ms;}.footer_author .version:hover .version_sparkles i:nth-child(6){animation-delay:600ms;}}@keyframes version-rainbow-spin{0%{background-position:0 0, 0% 50%;}100%{background-position:0 0, 100% 50%;}}@keyframes version-glow-spin{from{transform:scale(1) rotate(0deg);}to{transform:scale(1) rotate(360deg);}}@keyframes version-shine-sweep{0%{background-position:140% 0;}100%{background-position:-40% 0;}}@keyframes version-sparkle{0%{opacity:0;transform:scale(0) translateY(0);}35%{opacity:1;transform:scale(1.4) translateY(-4px) rotate(20deg);}100%{opacity:0;transform:scale(0.2) translateY(-14px) rotate(-30deg);}}@keyframes version-number-pop{from{transform:scale(1.08);}to{transform:scale(1.2);}}@media (min-width: 980px) and (prefers-reduced-motion: reduce){.footer_author .version, .footer_author .version_glow, .footer_author .version_label, .footer_author .version_number{transition:none;}.footer_author .version:hover{transform:none;animation:none;filter:none;}.footer_author .version:hover .version_glow{transform:scale(0.8);animation:none;}.footer_author .version:hover .version_shine{opacity:0;animation:none;}.footer_author .version:hover .version_number{transform:none;animation:none;}.footer_author .version:hover .version_sparkles i{animation:none;opacity:0;}.footer_author .version_sparkles{display:none;}}:root{--gallery-box-logo-size:84px;--gallery-box-item-size:172px;--gallery-box-item-gap:32px;--gallery-box-item-padding:12px;--gallery-box-item-br:2px;}@media (min-width: 540px){:root{--gallery-box-item-size:192px;--gallery-box-item-gap:42px;}}@media (min-width: 680px){:root{--gallery-box-item-size:216px;}}@media (min-width: 768px){:root{--gallery-box-logo-size:64px;--gallery-box-item-size:164px;--gallery-box-item-gap:32px;}}@media (min-width: 980px){:root{--gallery-box-item-size:168px;--gallery-box-item-gap:24px;}}.gallery-box{margin-top:var(--footer-top-margin);margin-bottom:var(--footer-top-margin);}.gallery-box .page-width{padding:0;}.gallery-box_container{padding:0 var(--gutter);position:relative;}.gallery-box_header, .gallery-box_content, .gallery-box_footer{background-color:var(--c-gallery-bg-color);padding:var(--gutter);}.gallery-box_header{border-radius:var(--separator-radius) var(--separator-radius) 0 0;padding-top:calc(var(--gutter) * 3);padding-bottom:calc(var(--gutter) * 1);}.gallery-box_logo{display:flex;justify-content:center;}.gallery-box_logo .media-wrapper{width:var(--gallery-box-logo-size);height:fit-content;overflow:hidden;box-shadow:-8px 8px 0px 0px hsla(0, 0%, 0%, 0.5);transform:rotate(-10deg);margin-left:10px;}.gallery-box_logo .media-wrapper img{width:100%;height:100%;object-fit:contain;}.gallery-box_title{padding-top:12px;display:flex;flex-direction:column;align-items:center;text-align:center;}.gallery-box_title > .title{font-weight:900;font-size:var(--fs-heading-xl);/* background: linear-gradient(120deg,
    #dd8c56 0%,
    #fac384 50%,
    #e28f4b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; */color:var(--c-gallery-theme);letter-spacing:-0.02em;}.gallery-box_title > .desc{line-height:1.2;color:var(--c-gray-400);font-weight:300;max-width:220px;}.gallery-box_footer{padding-top:calc(var(--gutter) * 2);border-radius:0 0 var(--separator-radius) var(--separator-radius);}.gallery-box_footer-inner{display:flex;justify-content:center;}.gallery-box_btn{max-width:300px;}.gallery-box_content{position:relative;padding:0;margin:0 calc(var(--gutter) * -1);background-color:transparent;}.gallery-box_content::before{content:'';height:100%;width:calc(100% - calc(var(--gutter) * 2));background-color:var(--c-gallery-bg-color);position:absolute;top:0;left:var(--gutter);right:var(--gutter);z-index:-1;}.gallery-box_carousel .swiper-wrapper{padding:var(--gutter) 0;}.swiper-slide.gallery-box_item, .gallery-box_item{width:var(--gallery-box-item-size);height:var(--gallery-box-item-size);margin:0 calc(var(--gallery-box-item-gap) / 2);}.gallery-box_item-inner{display:flex;position:relative;overflow:hidden;border-radius:var(--gallery-box-item-br);padding:var(--gallery-box-item-padding);background-color:#fff;box-shadow:0px 10px 16px -6px hsla(0, 0%, 0%, 0.8);transition:transform 400ms ease-in-out;}.gallery-box_item-inner .media-wrapper{width:calc(var(--gallery-box-item-size) - var(--gallery-box-item-padding) * 2);height:calc(var(--gallery-box-item-size) - var(--gallery-box-item-padding) * 2);border-radius:calc(var(--gallery-box-item-br) - var(--gallery-box-item-padding));display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;background-color:var(--c-gray-100);transition:all 200ms ease-in-out;}.gallery-box_item-inner .media-wrapper img{max-width:100%;max-height:100%;object-fit:contain;}.gallery-box_item-likes{position:absolute;left:0;right:0;margin:auto;bottom:calc(var(--gallery-box-item-padding) + 5px);display:flex;align-items:center;gap:3px;width:fit-content;height:fit-content;background:hsla(0, 0%, 100%, 0.7);padding:3px 8px;border-radius:999px;font-size:var(--fs-text-sm);box-shadow:inset 0 0 0 1px hsla(0, 0%, 100%, 0.7);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:background-color 200ms ease-in-out;}.gallery-box_item-likes .value{line-height:1;padding-top:3px;}.gallery-box_item-likes .icon{width:16px;height:16px;}.gallery-box_item-likes .icon svg path{stroke:var(--c-accent-400);fill:var(--c-accent-100);}.gallery-box_carousel .swiper-slide:nth-child(3n + 1) .gallery-box_item-inner{transform:rotate(-4deg);}.gallery-box_carousel .swiper-slide:nth-child(3n + 2) .gallery-box_item-inner{transform:rotate(4deg);}.gallery-box_carousel .swiper-slide:nth-child(3n) .gallery-box_item-inner{transform:rotate(-2deg);}.gallery-box_item:hover .gallery-box_item-likes{background-color:#fff;}.gallery-box_item:hover .gallery-box_item-inner .media-wrapper img{}@media (min-width: 768px){.gallery-box_container{display:flex;flex-wrap:wrap;}.gallery-box_header{order:1;width:50%;padding:calc(var(--gutter) * 2 );border-radius:0 var(--separator-radius) 0 0;}.gallery-box_footer{order:2;width:50%;padding:calc(var(--gutter) * 2 );border-radius:var(--separator-radius) 0 0 0;display:flex;justify-content:flex-end;align-items:center;}.gallery-box_content{order:3;width:100%;margin:0;background-color:var(--c-gallery-bg-color);padding-bottom:calc(var(--gutter) * 1.5);border-radius:0 0 var(--separator-radius) var(--separator-radius);}.gallery-box_content::before{display:none;}.gallery-box_header-inner{display:flex;align-items:center;gap:0;}.gallery-box_logo{margin-bottom:4px;}.gallery-box_title{display:block;text-align:right;padding-top:16px;margin-right:8px;}.gallery-box_title > .title{font-size:var(--fs-text-xl);}.gallery-box_footer-inner{width:220px;}}@media (min-width: 980px){.gallery-box{margin-bottom:calc((var(--footer-top-margin) + 36px ) * -1);position:relative;}.gallery-box::before{content:'';position:absolute;width:100%;height:50%;bottom:0;background-color:var(--c-gray-150);}.gallery-box_header, .gallery-box_content, .gallery-box_footer{background-color:transparent;padding:0;border-radius:0;}.gallery-box_container{display:grid;grid-template-columns:minmax(220px, 380px) minmax(0, 1fr);grid-template-rows:auto auto;grid-template-areas:"header content" "footer content";align-items:stretch;gap:0;padding:0;background-color:var(--c-gallery-bg-color);outline:24px solid var(--c-gray-150);border-radius:var(--separator-radius);}.gallery-box_header{grid-area:header;width:auto;order:unset;align-self:start;display:flex;justify-content:center;padding-right:var(--gutter);}.gallery-box_header-inner{margin-top:48px;}.gallery-box_title{margin-right:2px;}.gallery-box_title > .desc{width:200px;font-size:var(--fs-text-sm);}.gallery-box_content{grid-area:content;width:auto;order:unset;margin:0;min-width:0;align-self:stretch;padding:calc(var(--gutter) * 1.5) 0;}.gallery-box_footer{grid-area:footer;width:auto;order:unset;align-self:end;padding-right:var(--gutter);padding-bottom:calc(var(--gutter) * 2);justify-content:flex-start;}.gallery-box_footer-inner{margin-right:32px;width:280px;}.gallery-box_item-inner{box-shadow:0px 10px 16px -6px hsla(0, 0%, 0%, 1);}}.flex{display:flex;}.flex_center{align-items:center;justify-content:center;}.flex_col{flex-direction:column;}.flex_row{flex-direction:row;}.flex_wrap{flex_wrap:wrap;}.flex_nowrap{flex_wrap:nowrap;}.flex_wrap_reverse{flex_wrap:wrap-reverse;}.flex_wrap_reverse{flex_wrap:wrap-reverse;}.flex_wrap_reverse{flex_wrap:wrap-reverse;}/**
 * Base styles applied when using Clay (box model defaults, body typography, etc.)
 * Keep docs-shell reset in src/styles/reset.css — this is for DS consumers.
 * Page shell (.page-width, .index-block) lives in layout/common.css.
 */:root{font-family:var(--ff-main);font-size:var(--fs-body);color:var(--c-text-primary);--default-empty-state-border-radius:var(--gutter);--default-empty-state-min-height:200px;--default-empty-state-image-width:142px;}body{direction:rtl;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:var(--c-bg);}body.layout-blank{background-color:var(--c-gray-200);}.default-empty-state{margin:var(--gutter) auto;overflow:hidden;width:100%;max-width:100%;}.default-empty-state-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--gutter) * 2);background-color:var(--c-gray-150);min-height:var(--default-empty-state-min-height);border-radius:var(--default-empty-state-border-radius);}.default-empty-state-image{width:var(--default-empty-state-image-width);}.default-empty-state-image img{width:100%;height:100%;object-fit:cover;}.default-empty-state-title{font-size:var(--fs-text-md);font-weight:600;color:var(--c-text-tertiary);text-align:center;margin-bottom:4px;}.default-empty-state-desc{text-align:center;color:var(--c-text-tertiary);font-size:var(--fs-text-sm);font-weight:300;}.default-empty-state-action{padding:var(--gutter-sm) 0;display:flex;flex-wrap:wrap;gap:var(--gutter);justify-content:center;align-items:center;width:100%;}@media (min-width: 360px){}@media (min-width: 420px){}@media (min-width: 480px){}@media (min-width: 680px){}@media (min-width: 768px){}@media (min-width: 980px){}@media (min-width: 1024px){}@media (min-width: 1200px){}@media (min-width: 1440px){}/**
 * Custom Clay styles (utilities, component overrides, etc.)
 */.header-promo_details{display:flex;align-items:baseline;flex-wrap:nowrap;gap:0.35em;}.page-dashboard_orders-list .default-empty-state-image{width:calc(var(--default-empty-state-image-width) * 1.3);}@keyframes pv-atc-fix-in{from{transform:translateY(100%);}to{transform:translateY(0);}}@keyframes pv-atc-fix-out{from{transform:translateY(0);}to{transform:translateY(100%);}}.pv_details-atc.is-fixed{animation:pv-atc-fix-in 380ms cubic-bezier(0.22, 1, 0.36, 1) both;}.pv_details-atc.is-fixed.is-leaving{pointer-events:none;animation:pv-atc-fix-out 320ms cubic-bezier(0.4, 0, 1, 1) both;}@keyframes pv-atc-land-in{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}.pv_details-atc.is-landing{animation:pv-atc-land-in 380ms cubic-bezier(0.22, 1, 0.36, 1) both;}@media (prefers-reduced-motion: reduce){.pv_details-atc.is-fixed, .pv_details-atc.is-fixed.is-leaving, .pv_details-atc.is-landing{animation:none;}}.page.product-view .pv_comments-empty-state-wrapper{margin:var(--gutter);}.page.product-view .default-empty-state{margin:none;}.page.product-view .default-empty-state .default-empty-state-content{background-color:var(--c-gray-150);@media screen and (min-width: 1180px){background-color:var(--c-gray-300);}}.pv_details-block .pv_brand{min-height:var(--btn-height);}.prd-tag-empty{color:var(--c-text-quaternary);}.page.product-view .pv_media-empty-state{display:flex;width:100%;aspect-ratio:var(--pv-gallery-aspect-ratio);overflow:hidden;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--c-text-quaternary);background-color:var(--c-gray-100);}.page.product-view .pv_media-empty-state svg{width:40px;height:40px;}.page.product-view .pv_media-empty-state span{font-size:var(--fs-text-sm);}@media (min-width: 768px){.page.product-view .pv_media-empty-state{width:var(--pv-gallery-max-width);max-width:100%;height:var(--pv-gallery-max-width);aspect-ratio:auto;}}/**
 * Inertia resets the window with scrollTo(0, 0) after each visit.
 * Smooth that reset (and in-page anchors) the same way admin does,
 * without overriding users who prefer reduced motion.
 *//* @media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
} */.pagination_inner{padding:0 var(--gutter);}.cart-hint-banner{padding:var(--gutter-xl) 0 var(--gutter-sm) 0;}@media (min-width: 980px){.cart-hint-banner{padding-top:0;padding-bottom:var(--gutter-xl);}}.checkout-back-btn{display:none;}.checkout-back-btn .svg-icon{transform:rotate(180deg);}@media (min-width: 980px){.checkout-back-btn{display:flex;}}.page-checkout-delivery .order-note-section{border-top:none;padding-top:0;margin-top:0;}.page-checkout-delivery .order-note-section .input{border:none;border-radius:0 0 var(--accordion-br) var(--accordion-br);}.page-checkout-delivery .accordion-content_body{padding:0;overflow:hidden;}.page-checkout-delivery .order-not-accordion{margin-top:var(--gutter);}.page-checkout-payment .checkout-wallet{gap:8px;}.page-checkout-payment .checkout-wallet .label{padding-left:4px;}.page-checkout-payment .discount-disclaimer{margin-top:8px;padding:0 4px;font-size:var(--fs-text-sm);font-weight:300;color:var(--c-text-tertiary);}.order-card-action-modal .checkout-gateway-stream{display:flex;flex-direction:row;justify-content:start;gap:var(--gutter);flex-wrap:wrap;}.order-card-action-modal .checkout-gateway-stream .checkout-select{width:fit-content;}.order-card-action-modal .checkout-gateway-stream .checkout-select .checkbox-label .checkbox-label_box{display:none;}.order-card-action-modal .checkout-gateway-stream .checkout-select-lead{display:none;}.order-card-action-modal .checkout-gateway-stream .checkbox-label{width:fit-content;}.order-card-action-modal .checkout-gateway-stream .checkbox-label_content::before{display:none;}.discount-timer .discount-timer_item:not(.discount-timer_item_seprator){width:25px;text-align:center;}.store-avatar{border-radius:999px;overflow:hidden;}.info-list_details{display:flex;flex-direction:column;gap:12px;margin:0;padding:12px;border-radius:12px;background:var(--c-gray-50);margin-bottom:var(--gutter);}.info-list_details > div{display:grid;grid-template-columns:7.5rem minmax(0, 1fr);gap:8px;align-items:start;}.info-list_details dt{margin:0;color:var(--c-text-tertiary);font-size:var(--fs-text-sm);font-weight:300;}.info-list_details dd{margin:0;color:var(--c-text-secondary);font-size:var(--fs-text-sm);font-weight:500;line-height:1.6;text-align:left;}.info-list_details dd .currency{font-weight:300;color:var(--c-text-tertiary);font-size:var(--fs-text-2xs);}.btn-reset.checkout-remove-btn.is-deleting{background-color:hsla(358, 92%, 63%, 0.92);color:#fff;padding:0;}.btn-reset.checkout-remove-btn.is-deleting .icon{display:none;}.checkout-remove-timer{position:absolute;inset:0;}.checkout-remove-timer_ring{width:100%;height:100%;display:block;}.checkout-remove-timer_track, .checkout-remove-timer_progress{fill:none;stroke-width:2;}.checkout-remove-timer_track{stroke:hsla(0, 0%, 100%, 0.28);}.checkout-remove-timer_progress{stroke:#fff;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;}.checkout-remove-timer_value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--ff-fn);font-size:11px;font-weight:600;line-height:1;color:#fff;}button.checkout-steps_item{appearance:none;display:block;margin:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;}.checkout-steps_item.is-clickable .checkout-steps_marker, .checkout-steps_item.is-clickable .checkout-steps_label{transition:background-color 150ms ease, color 150ms ease;}.checkout-steps_item.is-clickable:hover .checkout-steps_marker, .checkout-steps_item.is-clickable:focus-visible .checkout-steps_marker{background-color:var(--c-gray-600);color:#fff;}.checkout-steps_item.is-clickable:hover .checkout-steps_label, .checkout-steps_item.is-clickable:focus-visible .checkout-steps_label{color:#000;}.checkout-steps_item.is-clickable.is-done:hover .checkout-steps_marker, .checkout-steps_item.is-clickable.is-done:focus-visible .checkout-steps_marker{background-color:var(--c-spotify);}@media (min-width: 768px){#modal-avatar-customize{--modal-shell-max-width:fit-content;}}.btn.is-processing::after{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;background-color:hsla(0, 0%, 0%, 0.2);color:#fff;background-image:url('/assets/icons/svg/animated/loading-dots-white.svg');background-size:var(--atc-btn-loader-size) auto;background-position:center;background-repeat:no-repeat;}.btn.is-processing .btn-text, .btn.is-processing .btn-icon{display:none;}:root{--404-illu-size:max(300px, 25vw);}.page-404 .page-content{background-color:var(--c-gray-100);margin:0;}.page-404 .main-footer{margin-top:0;}.page404-container{padding-top:calc(var(--gutter-xl) * 2);padding-bottom:calc(var(--gutter-xl) * 6);}.page404-content{display:flex;flex-direction:column;align-items:center;justify-content:center;}.page404-illustration{position:relative;width:var(--404-illu-size);height:var(--404-illu-size);}.page404-illustration .svg-icon{width:var(--404-illu-size);height:var(--404-illu-size);position:absolute;color:var(--c-gray-800);}.page404-illustration .svg-icon img, .page404-illustration .svg-icon svg{width:100%;height:100%;display:block;}.page404-illustration-light{animation:page404-flicker 2.4s steps(1, end) infinite;}.page404-illustration-lid, .page404-illustration-screw1, .page404-illustration-screw2, .page404-illustration-screw3{animation:page404-float 3.2s ease-in-out infinite;}.page404-illustration-lid{animation-duration:6s;}.page404-illustration-screw1{animation-duration:5s;animation-delay:-0.6s;}.page404-illustration-screw2{animation-duration:6s;animation-delay:-1.4s;}.page404-illustration-screw3{animation-duration:7s;animation-delay:-2s;}@keyframes page404-flicker{0%, 18%, 22%, 55%, 58%, 100%{opacity:1;}19%, 56%{opacity:0.15;}21%, 57%{opacity:0.55;}40%, 78%{opacity:0.75;}}@keyframes page404-float{0%, 100%{transform:translateY(0);}50%{transform:translateY(-8px);}}@media (prefers-reduced-motion: reduce){.page404-illustration-light, .page404-illustration-lid, .page404-illustration-screw1, .page404-illustration-screw2, .page404-illustration-screw3{animation:none;}}.page404-content-text{padding:var(--gutter);border-radius:24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:min(85vw, 500px);max-width:100%;}.page404-title{font-size:var(--fs-heading-lg);font-weight:900;color:var(--c-accent-400);}.page404-subtitle{font-size:var(--fs-text);color:var(--c-text-secondary);}.page404-cta{margin-top:var(--gutter);}.page404-btn{padding:var(--btn-padding) calc(var(--btn-padding) * 3) !important;}/**
 * Clay Design System — stylesheet entry.
 * Import this once in your app or playground.
 *//* @import './reset.css';
@import './fonts.css';
@import './vendor/-vendor.css';
@import './tokens/-tokens.css';
@import './layout/-layout.css';
@import './pages/-pages.css';
@import './components/-components.css';
@import './sections/-sections.css';
@import './helper.css';
@import './main.css';
@import './responsive.css';
@import './custom.css'; */