/* The six approved Bottle storefronts share structure, with independent palettes and geometry. */
[data-store-template^="bottle"] {
  --bottle-accent: #00815b;
  --bottle-ink: #073433;
  --bottle-muted: #647b76;
  --bottle-border: #d8eee3;
  --bottle-surface: #ffffff;
  --bottle-soft: #d7f1e4;
  --bottle-background: #f4faf5;
  --bottle-gradient: linear-gradient(135deg, #eaf5ed 0%, #f9fcf8 65%, #ffffff 100%);
  --bottle-radius: 24px;
  color: var(--bottle-ink);
  background: var(--bottle-background);
  font-family: Vazirmatn, sans-serif;
}
[data-store-template="bottle3"] { --bottle-accent:#7451a9; --bottle-ink:#321651; --bottle-muted:#88739e; --bottle-border:#e6dcf6; --bottle-soft:#e9dcff; --bottle-background:#f9f5ff; --bottle-gradient:linear-gradient(145deg,#f4edff,#fcfaff); --bottle-radius:22px; }
[data-store-template="bottle4"] { --bottle-accent:#ff704c; --bottle-ink:#3b1b0f; --bottle-muted:#947766; --bottle-border:#f8e1d3; --bottle-soft:#ffddcb; --bottle-background:#fff6ed; --bottle-gradient:linear-gradient(135deg,#fff2e5,#fffaf4); --bottle-radius:26px; }
[data-store-template="bottle5"] { --bottle-accent:#2154ed; --bottle-ink:#090f30; --bottle-muted:#7583a0; --bottle-border:#d9e8fb; --bottle-soft:#eaf2fe; --bottle-background:#f5faff; --bottle-gradient:linear-gradient(135deg,#f1f8ff,#ffffff); --bottle-radius:12px; }
.bottle-storefront { min-height:100dvh; display:flex; flex-direction:column; background:var(--bottle-gradient); color:var(--bottle-ink); }
.bottle-storefront * { box-sizing:border-box; }
.bottle-storefront a { text-decoration:none; }
.bottle-storefront :is(a,button,input):focus-visible { outline:3px solid var(--bottle-accent); outline-offset:4px; }
.bottle-header { height:68px; flex-shrink:0; background:rgb(255 255 255 / 75%); }
.bottle-header-inner { max-width:1200px; height:100%; margin:auto; padding:0 26px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.bottle-brand { display:flex; align-items:center; gap:10px; color:var(--bottle-ink); min-width:0; }
.bottle-brand > svg { color:var(--bottle-accent); flex-shrink:0; }
.bottle-brand > img { object-fit:contain; border-radius:8px; }
.bottle-brand strong { font-size:26px; font-weight:800; overflow-wrap:anywhere; }
.bottle-header-actions { display:flex; align-items:center; gap:23px; }
.bottle-icon-button { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:0; background:transparent; color:var(--bottle-ink); border-radius:50%; position:relative; cursor:pointer; }
.bottle-icon-button:hover { background:var(--bottle-soft); }
.bottle-cart-count { position:absolute; top:0; right:-2px; background:var(--bottle-accent); color:white; border-radius:20px; padding:0 4px; min-width:18px; height:18px; font-size:10px; display:grid; place-items:center; }
.bottle-page { width:100%; max-width:1200px; margin:0 auto; flex:1; padding:0 26px; }
.bottle-home-page { padding-top:14px; padding-bottom:60px; }
.bottle-inner-page { padding-top:12px; padding-bottom:56px; }
.bottle-chat-page { height:100dvh; overflow:hidden; }
.bottle-chat-page .bottle-page { min-height:0; padding:0; max-width:none; display:flex; flex-direction:column; }
.bottle-chat-page .store-page-enter { display:flex; flex-direction:column; flex:1; min-height:0; }
.bottle-hero { position:relative; isolation:isolate; min-height:470px; overflow:hidden; border-radius:var(--bottle-radius); background:var(--bottle-soft); }
.bottle-hero picture { position:absolute; inset:0; z-index:-1; }
.bottle-hero-image { width:100%; height:100%; object-fit:cover; }
.bottle-hero-content { position:relative; width:51%; padding:68px 34px 76px; }
.bottle-hero h1 { margin:0 0 30px; max-width:560px; font-size:clamp(30px,3.9vw,49px); line-height:1.55; font-weight:800; letter-spacing:-1.2px; text-wrap:balance; }
.bottle-hero-search { display:flex; align-items:center; gap:6px; width:100%; padding:7px; background:rgb(255 255 255 / 97%); border-radius:60px; min-height:70px; box-shadow:0 7px 24px rgb(21 48 39 / 4%); }
.bottle-hero-search input { appearance:none; width:100%; min-width:0; background:transparent; border:0; outline:none; padding:10px 20px 10px 8px; font-size:17px; color:var(--bottle-ink); }
.bottle-hero-search input::placeholder { color:var(--bottle-muted); opacity:.8; }
.bottle-hero-search button { flex-shrink:0; display:grid; place-items:center; width:55px; height:55px; border-radius:50%; color:white; background:var(--bottle-accent); border:0; cursor:pointer; }
.bottle-search { width:100%; }
.bottle-search .bottle-hero-search:focus-within { outline:2px solid var(--bottle-accent); outline-offset:3px; }
.bottle-search .bottle-hero-search input:focus-visible { outline:none; }
.bottle-search [role="dialog"] { width:100%; color:var(--bottle-ink); border-color:var(--bottle-border); }
.bottle-search [data-search-suggestion]:is(:hover,:focus-visible) { background:var(--bottle-soft); }
.bottle-search [role="dialog"] > a { color:var(--bottle-accent); }
.bottle-home:has(.bottle-search[data-search-open="true"]) .bottle-hero { overflow:visible; z-index:90; }
.bottle-hero picture { border-radius:inherit; overflow:hidden; }
.bottle-home[data-hero-layout="center"] .bottle-search { max-width:620px; margin-inline:auto; }
.bottle-home[data-hero-layout="center"] .bottle-hero-content { width:100%; padding:48px 28px 220px; text-align:center; }
.bottle-home[data-hero-layout="center"] .bottle-hero h1 { max-width:none; font-size:clamp(27px,3.4vw,41px); }
.bottle-home[data-hero-layout="center"] .bottle-hero-search { max-width:620px; margin:auto; }
.bottle-home[data-hero-layout="left"] .bottle-hero-content { margin-right:auto; }
.bottle-home[data-hero-layout="left"] .bottle-hero h1 { text-align:right; }
.bottle-hero-without-image .bottle-hero-content { width:100%; text-align:center; padding-bottom:90px; }
.bottle-hero-without-image .bottle-hero h1, .bottle-hero-without-image .bottle-hero-search { margin-inline:auto; }
.bottle-categories { margin-top:31px; }
.bottle-section-title { font-size:34px; font-weight:800; line-height:1.6; letter-spacing:-.9px; margin:0 0 20px; color:var(--bottle-ink); }
.bottle-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.bottle-category-card { display:flex; align-items:stretch; isolation:isolate; position:relative; height:216px; background:var(--bottle-soft); border:1px solid var(--bottle-border); border-radius:var(--bottle-radius); overflow:hidden; color:var(--bottle-ink); transition:transform .25s, box-shadow .25s; }
.bottle-category-card:hover { transform:translateY(-3px); box-shadow:0 12px 24px rgb(23 55 48 / 5%); }
.bottle-category-copy { position:relative; z-index:1; width:42%; padding:28px 22px; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; gap:18px; }
.bottle-category-card h3 { font-weight:800; font-size:24px; line-height:1.8; margin:0; text-wrap:balance; }
.bottle-category-arrow { display:grid; place-items:center; width:42px; height:42px; background:var(--bottle-soft); color:var(--bottle-accent); border-radius:50%; }
.bottle-category-image { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; }
.bottle-category-placeholder { width:58%; display:grid; place-items:center; color:var(--bottle-accent); }
.bottle-bestsellers { margin-top:36px; }
.bottle-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.bottle-section-heading .bottle-section-title { margin:0; }
.bottle-view-all { display:inline-flex; align-items:center; gap:9px; padding:11px 18px; border:1px solid var(--bottle-border); border-radius:50px; font-weight:650; font-size:13px; color:var(--bottle-accent); white-space:nowrap; }
.bottle-product-grid { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 51px)/4); gap:17px; overflow-x:auto; padding-block:5px 10px; cursor:grab; user-select:none; scrollbar-width:none; }
.bottle-product-grid::-webkit-scrollbar { display:none; }
.bottle-product-grid[data-dragging="true"], .bottle-product-grid[data-dragging="true"] a { cursor:grabbing; }
.bottle-product-card { min-width:0; background:var(--bottle-surface); border:1px solid rgb(255 255 255 / 95%); border-radius:var(--bottle-radius); overflow:hidden; box-shadow:0 5px 20px rgb(15 45 37 / 3%); transition:transform .25s; }
.bottle-product-card:hover { transform:translateY(-4px); }
.bottle-product-link { height:100%; display:flex; flex-direction:column; color:var(--bottle-ink); }
.bottle-product-image { aspect-ratio:1.12; overflow:hidden; }
.bottle-product-image img { width:100%; height:100%; object-fit:contain; transition:transform .35s; }
.bottle-product-card:hover img { transform:scale(1.035); }
.bottle-product-body { flex:1; display:flex; flex-direction:column; justify-content:space-between; padding:12px 18px 22px; gap:18px; }
.bottle-product-body h2 { font-size:13px; line-height:1.9; font-weight:600; margin:0; min-height:3.8em; text-wrap:balance; }
.bottle-product-price { display:flex; flex-direction:column; gap:3px; }
.bottle-product-price strong { font-size:18px; font-weight:750; }
.bottle-product-price small { font-size:13px; font-weight:650; }
.bottle-product-price del { color:var(--bottle-muted); font-size:11px; }
.bottle-feed-state { text-align:center; padding:36px; color:var(--bottle-muted); font-size:14px; }
.bottle-feed-state button { background:var(--bottle-accent); color:white; border-radius:12px; padding:10px 18px; margin-top:12px; }
.bottle-footer { display:flex; align-items:flex-start; justify-content:space-between; gap:22px; flex-wrap:wrap; max-width:1148px; width:calc(100% - 52px); padding:32px 0; margin:0 auto; border-top:1px solid var(--bottle-border); color:var(--bottle-muted); font-size:12px; line-height:2; }
.bottle-footer > div { max-width:460px; }
.bottle-footer strong { font-size:18px; color:var(--bottle-ink); }
.bottle-footer p { margin:8px 0 0; }
.bottle-footer nav { display:flex; flex-wrap:wrap; gap:14px 24px; }
.bottle-footer nav a:hover { color:var(--bottle-accent); }
.bottle-platform { width:100%; font-size:11px; }
.bottle-disabled-notice { font-size:13px; line-height:1.9; padding:12px 24px; text-align:center; background:#fff4de; color:#855f10; }
.bottle-sheen { position:relative; isolation:isolate; overflow:hidden; }
.bottle-sheen::after { content:""; position:absolute; z-index:2; inset:-80% auto -80% -80%; width:35%; background:linear-gradient(90deg,transparent,rgb(255 255 255 / 70%),transparent); transform:skewX(-22deg); animation:bottle-white-sweep 5.5s ease-in-out infinite; pointer-events:none; }
@keyframes bottle-white-sweep { 0%,65% { left:-80%; } 88%,100% { left:160%; } }
[data-store-template="bottle1"] .bottle-category-card { border:3px solid white; box-shadow:0 5px 15px rgb(29 61 42 / 3%); }
[data-store-template="bottle1"] .bottle-hero { margin:0 -26px; border-radius:0; }
[data-store-template="bottle3"] .bottle-category-card { background:var(--bottle-soft); border-color:transparent; }
[data-store-template="bottle3"] .bottle-hero-search button, [data-store-template="bottle5"] .bottle-hero-search button { background:transparent; color:var(--bottle-accent); }
[data-store-template="bottle3"] .bottle-view-all { background:var(--bottle-soft); }
[data-store-template="bottle4"] .bottle-category-card { border-color:transparent; }
[data-store-template="bottle4"] .bottle-category-copy { margin-inline-start:auto; }
[data-store-template="bottle5"] .bottle-product-card { border-color:var(--bottle-border); box-shadow:none; }
[data-store-template="bottle5"] .bottle-product-price { color:var(--bottle-accent); }
[data-store-template="bottle5"] .bottle-category-card { box-shadow:none; }
@media (min-width:1200px) { .bottle-hero { min-height:510px; } .bottle-category-card { height:234px; } }
@media (max-width:767px) {
  .bottle-header { height:62px; }
  .bottle-header-inner { padding:0 17px; }
  .bottle-brand strong { font-size:20px; }
  .bottle-brand > svg { width:25px; height:25px; }
  .bottle-header-actions { gap:10px; }
  .bottle-icon-button { width:36px; height:36px; }
  .bottle-icon-button svg { width:23px; height:23px; }
  .bottle-page { padding-inline:16px; }
  .bottle-home-page { padding-top:8px; padding-bottom:38px; }
  .bottle-hero { min-height:380px; }
  .bottle-hero picture { top:auto; height:230px; mask-image:linear-gradient(to bottom,transparent,#000 18%); }
  .bottle-hero-content, .bottle-home[data-hero-layout="center"] .bottle-hero-content, .bottle-home[data-hero-layout="left"] .bottle-hero-content { width:100%; padding:25px 20px 225px; margin:0; text-align:right; }
  .bottle-hero h1, .bottle-home[data-hero-layout="center"] .bottle-hero h1 { font-size:27px; line-height:1.55; margin-bottom:18px; max-width:340px; letter-spacing:-.8px; }
  .bottle-hero-image { object-position:left bottom; }
  .bottle-hero-search { min-height:55px; padding:5px; gap:0; }
  .bottle-hero-search input { font-size:13px; padding:8px 12px 8px 4px; }
  .bottle-hero-search button { width:43px; height:43px; }
  .bottle-hero-search button svg { width:23px; height:23px; }
  .bottle-categories { margin-top:23px; }
  .bottle-section-title { font-size:23px; margin-bottom:15px; letter-spacing:-.5px; }
  .bottle-category-grid { gap:12px; }
  .bottle-category-card { height:auto; aspect-ratio:2.05; }
  .bottle-category-copy { width:43%; padding:8px; gap:5px; }
  .bottle-category-card h3 { font-size:11px; line-height:1.65; }
  .bottle-category-arrow { width:20px; height:20px; flex-shrink:0; }
  .bottle-category-arrow svg { width:12px; height:12px; }
  .bottle-bestsellers { margin-top:27px; }
  .bottle-section-heading { gap:8px; margin-bottom:15px; }
  .bottle-view-all { padding:8px 12px; gap:3px; font-size:10px; }
  .bottle-view-all svg { width:13px; height:13px; }
  .bottle-product-grid { grid-auto-columns:calc((100% - 12px)/2); gap:12px; }
  .bottle-product-body { padding:10px 13px 18px; gap:12px; }
  .bottle-product-body h2 { font-size:11px; }
  .bottle-product-price strong { font-size:15px; }
  .bottle-product-price small { font-size:10px; }
  .bottle-footer { width:calc(100% - 32px); gap:18px; padding:24px 0; }
  .bottle-footer nav { gap:12px 20px; }
  [data-store-template="bottle1"] .bottle-hero { margin:0 -16px; }
  [data-store-template="bottle3"] .bottle-hero-image, [data-store-template="bottle5"] .bottle-hero-image { object-position:center bottom; }
}
@media (max-width:360px) { .bottle-brand strong { font-size:17px; } .bottle-header-actions { gap:3px; } .bottle-page { padding-inline:12px; } .bottle-section-title { font-size:21px; } }
@media (prefers-reduced-motion:reduce) { .bottle-sheen::after { animation:none; display:none; } .bottle-category-card,.bottle-product-card,.bottle-product-image img { transition:none; } .bottle-category-card:hover,.bottle-product-card:hover,.bottle-product-card:hover img { transform:none; } }