/* Global base shared by both apps. Everything else is scoped at build time. */
  *, *::before, *::after { box-sizing: border-box; }
  [hidden] { display: none !important; }
  html { scroll-behavior: smooth; }
  body { margin: 0; background: #FFF2DC; }
  body[data-mode="admin"] { background: #F6F1EA; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }
.store-scope{color-scheme: light;
  --cream: #FFF2DC; --paper: #FFF9F0; --sand: #F6E2C5;
  --burgundy: #781F36; --wine: #4A1022; --rose: #B45A72;
  --blush: #E8BDC5; --blush-2: #F4D6DC;
  --ink: #2A1216; --muted: #7A5E64; --line: rgba(120, 31, 54, .16);
  --ok: #2F7A4E; --error: #B3261E;
  --r-xl: 32px; --r-lg: 24px; --r-md: 16px;
  --font: 'Be Vietnam Pro', 'Segoe UI', system-ui, sans-serif;
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.55;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;}
.store-scope .store-app{container: tabi-store / inline-size; background: var(--cream); color: var(--ink); font-family: var(--font);}
.store-scope .store-app{caret-color: var(--burgundy); scrollbar-color: var(--rose) var(--sand);}
.store-scope .store-app ::selection{background: var(--blush); color: var(--wine);}
.store-scope .store-app .tile.wine ::selection,.store-scope .store-app .site-foot ::selection,.store-scope .store-app .demo-bar ::selection{background: var(--rose); color: var(--cream);}
.store-scope button,.store-scope input,.store-scope select,.store-scope textarea{font: inherit; color: inherit;}
.store-scope button{cursor: pointer;}
.store-scope a{color: inherit; text-decoration: none;}
.store-scope :focus-visible{outline: 2.5px solid var(--burgundy); outline-offset: 3px;}
.store-scope img{max-width: 100%; display: block;}
.store-scope h1,.store-scope h2,.store-scope h3,.store-scope p,.store-scope ol,.store-scope ul,.store-scope dl,.store-scope dd,.store-scope fieldset{margin: 0;}
.store-scope ol,.store-scope ul{padding: 0; list-style: none;}
.store-scope h1,.store-scope h2,.store-scope h3{text-wrap: balance;}
.store-scope .wrap{width: 100%; max-width: 1320px; margin-inline: auto; padding-inline: 24px;}
.store-scope .icon{width: 1em; height: 1em; flex: none;}
.store-scope .sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.store-scope .soft{font-weight: 300; color: var(--rose);}
.store-scope .eyebrow{display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--burgundy); border: 1.5px solid var(--burgundy); border-radius: 999px; padding: 5px 14px; line-height: 1.3;}
.store-scope .eyebrow svg{width: 12px; height: 12px;}
.store-scope .eyebrow.on-dark{color: var(--cream); border-color: rgba(255, 242, 220, .55);}
.store-scope .eyebrow.on-dark svg{color: var(--blush);}
.store-scope .big{font-size: clamp(34px, 5cqi, 68px); line-height: 1.04; font-weight: 800; letter-spacing: -.035em; color: var(--burgundy);}
.store-scope .lede{font-size: 18px; line-height: 1.6; color: var(--muted); max-width: 46ch;}
.store-scope .page-h1{font-size: clamp(38px, 5.4cqi, 80px); line-height: 1.02; font-weight: 800; letter-spacing: -.045em; color: var(--burgundy);}
.store-scope .cta-row{display: flex; gap: 12px; flex-wrap: wrap; align-items: center;}
.store-scope .cta{display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 16px; border: 0; background: none; padding: 0; color: inherit; text-align: left;}
.store-scope .cta > span{background: var(--wine); color: var(--cream); border-radius: 999px; padding: 13px 24px; line-height: 1.4;}
.store-scope .cta > i{width: 48px; height: 48px; border-radius: 50%; background: var(--wine); color: var(--cream); display: grid; place-items: center; transition: transform .25s ease; flex: none;}
.store-scope .cta > i svg{width: 18px; height: 18px;}
.store-scope .cta:hover > i{transform: rotate(45deg);}
.store-scope .cta.light > span,.store-scope .cta.light > i{background: var(--cream); color: var(--wine);}
.store-scope .cta.outline > span,.store-scope .cta.outline > i{background: transparent; color: var(--wine); box-shadow: inset 0 0 0 1.5px var(--wine);}
.store-scope .cta.outline:hover > span{background: var(--wine); color: var(--cream);}
.store-scope .cta.small > span{padding: 10px 18px; font-size: 15px;}
.store-scope .cta.small > i{width: 44px; height: 44px;}
.store-scope .cta.wide{width: 100%;}
.store-scope .cta.wide > span{flex: 1; text-align: center;}
.store-scope .arrow-circle{width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--cream); color: var(--wine); flex: none; transition: transform .25s ease;}
.store-scope .arrow-circle svg{width: 18px; height: 18px;}
.store-scope a:hover .arrow-circle{transform: rotate(45deg);}
.store-scope .chip{display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 4px 12px; font-size: 13px; font-weight: 600; line-height: 1.45; background: var(--paper); color: var(--wine); white-space: nowrap;}
.store-scope .chip.dark{background: var(--wine); color: var(--cream);}
.store-scope .chip.soft-chip{background: var(--blush-2);}
.store-scope .swatches{display: inline-flex; flex: none;}
.store-scope .swatch{width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--paper); margin-left: -5px; display: inline-block; box-shadow: 0 0 0 1px rgba(42, 18, 22, .08);}
.store-scope .swatch:first-child{margin-left: 0;}
.store-scope .ribbon{position: absolute; pointer-events: none; fill: none; stroke-linecap: round; stroke-linejoin: round;}
.store-scope .price{font-weight: 700; font-size: 17px; color: var(--burgundy); font-variant-numeric: tabular-nums;}
.store-scope .fine{font-size: 13px; line-height: 1.5; color: var(--muted);}
.store-scope .demo-bar{background: var(--wine); color: var(--cream); font-size: 13px;}
.store-scope .demo-in{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 4px 14px; padding-block: 7px; text-align: center; line-height: 1.45;}
.store-scope .demo-in a{color: var(--blush); font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
.store-scope .demo-bar :focus-visible{outline-color: var(--cream);}
.store-scope .site-head{position: sticky; top: 0; z-index: 20; background: rgba(255, 242, 220, .92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.store-scope .nav-row{display: flex; align-items: center; gap: 20px; padding-block: 12px;}
.store-scope .logo{width: 88px; color: var(--burgundy); flex: none; display: block; border-radius: 8px;}
.store-scope .logo svg{width: 100%; height: auto; display: block;}
.store-scope .pills{display: flex; gap: 4px; margin-inline: auto; background: var(--paper); border-radius: 999px; padding: 5px;}
.store-scope .pills a{padding: 8px 16px; border-radius: 999px; font-weight: 500; font-size: 15px; white-space: nowrap; line-height: 1.5;}
.store-scope .pills a:hover{background: var(--blush-2);}
.store-scope .pills a[aria-current="page"]{background: var(--burgundy); color: var(--cream);}
.store-scope .l-short{display: none;}
.store-scope .nav-actions{display: flex; align-items: center; gap: 8px;}
.store-scope .ghost-link{font-weight: 500; font-size: 15px; padding: 9px 14px; border-radius: 999px; white-space: nowrap; line-height: 1.5;}
.store-scope .ghost-link:hover,.store-scope .ghost-link[aria-current="page"]{background: var(--blush-2);}
.store-scope .cart-btn{display: inline-flex; align-items: center; gap: 10px; background: var(--wine); color: var(--cream); border-radius: 999px; padding: 6px 6px 6px 16px; font-weight: 600; font-size: 15px; white-space: nowrap;}
.store-scope .cart-btn b{background: var(--blush); color: var(--wine); min-width: 30px; height: 30px; border-radius: 999px; display: grid; place-items: center; font-size: 14px; padding: 0 8px;}
.store-scope #s-main{padding-block: 8px 96px;}
.store-scope .sec{margin-top: 112px; scroll-margin-top: 88px;}
.store-scope .hero{scroll-margin-top: 88px;}
.store-scope .bento{display: grid; gap: 12px;}
.store-scope .tile{position: relative; overflow: hidden; border-radius: var(--r-xl); min-width: 0;}
.store-scope .tile.wine{background: var(--wine); color: var(--cream);}
.store-scope .tile.burgundy{background: var(--burgundy); color: var(--cream);}
.store-scope .tile.blush{background: var(--blush);}
.store-scope .tile.blush-2{background: var(--blush-2);}
.store-scope .tile.paper{background: var(--paper);}
.store-scope .tile.sand{background: var(--sand);}
.store-scope .tile.cream{background: var(--paper); box-shadow: 0 18px 40px -28px rgba(74, 16, 34, .45);}
.store-scope .tile.wine :focus-visible,.store-scope .tile.burgundy :focus-visible{outline-color: var(--cream);}
.store-scope a.tile{transition: transform .25s ease;}
.store-scope a.tile:hover{transform: translateY(-3px);}
.store-scope a.tile:focus-visible{outline: 3px solid var(--burgundy); outline-offset: 3px;}
.store-scope .media{position: absolute; inset: 0; display: block; overflow: hidden; container-type: size; background-color: var(--tint, var(--sand));}
.store-scope .media-img,.store-scope .media-bg{position: absolute; inset: 0; display: block; background-repeat: no-repeat; background-size: cover; background-position: var(--pos, 50% 50%);}
.store-scope .media-bg{inset: -32px; display: none; filter: blur(22px) saturate(1.05); opacity: .9;}
.store-scope .media.is-cutout{background-color: var(--blush-2);}
.store-scope .media.is-cutout .media-img{inset: 10%; background-size: contain; background-position: 50% 50%;}
@container (aspect-ratio < 50/100){.store-scope .fmin-50 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-50 > .media-bg{display: block;}}
@container (aspect-ratio < 60/100){.store-scope .fmin-60 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-60 > .media-bg{display: block;}}
@container (aspect-ratio < 70/100){.store-scope .fmin-70 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-70 > .media-bg{display: block;}}
@container (aspect-ratio < 75/100){.store-scope .fmin-75 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-75 > .media-bg{display: block;}}
@container (aspect-ratio < 80/100){.store-scope .fmin-80 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-80 > .media-bg{display: block;}}
@container (aspect-ratio < 90/100){.store-scope .fmin-90 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-90 > .media-bg{display: block;}}
@container (aspect-ratio < 100/100){.store-scope .fmin-100 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-100 > .media-bg{display: block;}}
@container (aspect-ratio < 110/100){.store-scope .fmin-110 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-110 > .media-bg{display: block;}}
@container (aspect-ratio < 120/100){.store-scope .fmin-120 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-120 > .media-bg{display: block;}}
@container (aspect-ratio < 130/100){.store-scope .fmin-130 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-130 > .media-bg{display: block;}}
@container (aspect-ratio < 140/100){.store-scope .fmin-140 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-140 > .media-bg{display: block;}}
@container (aspect-ratio < 150/100){.store-scope .fmin-150 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-150 > .media-bg{display: block;}}
@container (aspect-ratio < 175/100){.store-scope .fmin-175 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmin-175 > .media-bg{display: block;}}
@container (aspect-ratio > 100/100){.store-scope .fmax-100 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmax-100 > .media-bg{display: block;}}
@container (aspect-ratio > 110/100){.store-scope .fmax-110 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmax-110 > .media-bg{display: block;}}
@container (aspect-ratio > 125/100){.store-scope .fmax-125 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmax-125 > .media-bg{display: block;}}
@container (aspect-ratio > 150/100){.store-scope .fmax-150 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmax-150 > .media-bg{display: block;}}
@container (aspect-ratio > 175/100){.store-scope .fmax-175 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmax-175 > .media-bg{display: block;}}
@container (aspect-ratio > 200/100){.store-scope .fmax-200 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmax-200 > .media-bg{display: block;}}
@container (aspect-ratio > 225/100){.store-scope .fmax-225 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmax-225 > .media-bg{display: block;}}
@container (aspect-ratio > 250/100){.store-scope .fmax-250 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmax-250 > .media-bg{display: block;}}
@container (aspect-ratio > 300/100){.store-scope .fmax-300 > .media-img{background-size: contain; background-position: 50% 50%;}
.store-scope .fmax-300 > .media-bg{display: block;}}
.store-scope .announce-row{padding-top: 8px;}
.store-scope .announce{display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--blush-2); color: var(--wine); border-radius: 999px; padding: 8px 18px; font-size: 14px; font-weight: 500; text-align: center; line-height: 1.45;}
.store-scope .announce svg{width: 14px; height: 14px; color: var(--burgundy); flex: none;}
.store-scope .hero-head{display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: end; padding-top: 28px;}
.store-scope .hero-head.no-live{grid-template-columns: minmax(0, 1fr);}
.store-scope .mega{font-size: clamp(46px, 8.4cqi, 124px); line-height: 1; font-weight: 800; letter-spacing: -.045em; color: var(--burgundy);}
.store-scope .mega .soft{display: block;}
.store-scope .squiggle{display: inline-block; width: .9em; height: .45em; vertical-align: middle; color: var(--blush); margin-left: .12em;}
.store-scope .live-card{background: var(--paper); border-radius: var(--r-lg); padding: 18px; display: grid; gap: 8px; font-size: 14px;}
.store-scope .live-top{display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em;}
.store-scope .live-dot{width: 10px; height: 10px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 4px rgba(47, 122, 78, .18); flex: none;}
.store-scope .live-name{font-size: 17px; color: var(--burgundy);}
.store-scope .meter{display: block; height: 8px; border-radius: 999px; background: var(--blush-2); overflow: hidden;}
.store-scope .meter span{display: block; height: 100%; background: var(--burgundy); border-radius: inherit;}
.store-scope .live-meta{color: var(--muted); font-size: 13px;}
.store-scope .hero-sub{display: flex; justify-content: space-between; align-items: center; gap: 20px 32px; flex-wrap: wrap; margin: 28px 0;}
.store-scope .hero-bento{grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: auto;}
.store-scope .hb-carousel{grid-column: 1 / 4; grid-row: 1 / 3; background: var(--blush-2); touch-action: pan-y;}
.store-scope .hb-main{grid-column: 4 / 10; grid-row: 1 / 3;}
.store-scope .hb-mascot{grid-column: 10 / 13; grid-row: 1; aspect-ratio: 16 / 9;}
.store-scope .hb-photo{grid-column: 10 / 13; grid-row: 2; aspect-ratio: 16 / 9;}
.store-scope .hb-tags{grid-column: 1 / 4; grid-row: 3; min-height: 176px;}
.store-scope .hb-stat{grid-column: 4 / 7; grid-row: 3; min-height: 176px;}
.store-scope .hb-custom{grid-column: 7 / 13; grid-row: 3; min-height: 176px;}
.store-scope .hb-tags{padding: 20px 22px; display: flex; flex-direction: column; justify-content: space-between; gap: 14px;}
.store-scope .tag-cloud{display: flex; flex-wrap: wrap; gap: 8px; position: relative; z-index: 1;}
.store-scope .tag{display: inline-flex; align-items: center; gap: 6px; border: 1.5px solid rgba(255, 242, 220, .7); border-radius: 999px; padding: 5px 12px 5px 6px; font-size: 14px; font-weight: 500; line-height: 1.4; transition: background .2s ease, color .2s ease;}
.store-scope .tag svg{width: 20px; height: 20px; padding: 4px; border-radius: 50%; background: var(--cream); color: var(--wine);}
.store-scope .tag:hover{background: var(--cream); color: var(--wine);}
.store-scope .tag:nth-child(1){transform: rotate(-3deg);}
.store-scope .tag:nth-child(2){transform: rotate(3deg);}
.store-scope .tag:nth-child(3){transform: rotate(-2deg);}
.store-scope .hb-count{position: relative; z-index: 1; display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 10px;}
.store-scope .hb-count b{font-size: 32px; line-height: 1.05; font-weight: 800; letter-spacing: -.03em;}
.store-scope .hb-count span{font-size: 14px; color: rgba(255, 242, 220, .8);}
.store-scope .hb-stat{padding: 18px 20px; display: flex; flex-direction: column; justify-content: space-between; gap: 6px;}
.store-scope .stat-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 8px;}
.store-scope .stat-spark{width: 22px; height: 22px; color: var(--rose); flex: none; margin-top: 2px;}
.store-scope .stat-link{align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; border: 0; background: var(--blush-2); color: var(--wine); border-radius: 999px; padding: 8px 14px; min-height: 40px; font-size: 14px; font-weight: 600; line-height: 1.3; text-align: left; transition: background .2s ease;}
.store-scope .stat-link:hover{background: var(--blush);}
.store-scope .stat-link .icon{width: 14px; height: 14px; flex: none; transition: transform .25s ease;}
.store-scope .stat-link:hover .icon{transform: rotate(45deg);}
.store-scope .stat-value{font-size: 42px; line-height: 1; font-weight: 800; letter-spacing: -.04em; color: var(--burgundy);}
.store-scope .stat-text{font-size: 14px; line-height: 1.45; color: var(--muted);}
.store-scope .stat-dots{display: flex; gap: 4px;}
.store-scope .stat-dots i{width: 14px; height: 14px; border-radius: 50%; display: block;}
.store-scope .car-slide{position: absolute; inset: 0; display: block; color: var(--cream); visibility: hidden; overflow: hidden; -webkit-user-drag: none; user-select: none;}
.store-scope .car-slide.is-active,.store-scope .car-slide.is-leaving{visibility: visible;}
.store-scope .car-slide.is-active{z-index: 1;}
.store-scope .car-slide:focus-visible{outline: 3px solid var(--cream); outline-offset: -6px; border-radius: var(--r-xl);}
.store-scope .car-img{position: absolute; inset: 0; display: block;}
.store-scope .car-img .media.is-cutout .media-img{inset: 64px 14% 118px;}
.store-scope .car-noimg{position: absolute; inset: 0; display: grid; place-items: center; background: var(--blush-2); color: var(--burgundy);}
.store-scope .car-noimg svg{width: 48px; height: 48px;}
.store-scope .car-shade{position: absolute; inset: 0; display: block; background: linear-gradient(to top, rgba(42, 18, 22, .8) 0%, rgba(42, 18, 22, .42) 30%, rgba(42, 18, 22, 0) 58%), linear-gradient(to bottom, rgba(42, 18, 22, .2), rgba(42, 18, 22, 0) 26%);}
.store-scope .car-info{position: absolute; left: 18px; right: 72px; bottom: 44px; display: grid; justify-items: start; gap: 8px;}
.store-scope .car-name{font-size: 22px; line-height: 1.15; font-weight: 700; letter-spacing: -.01em; text-wrap: balance;}
.store-scope .car-slide .arrow-circle{position: absolute; right: 16px; bottom: 16px;}
.store-scope .car-bar{position: absolute; top: 14px; left: 14px; right: 14px; z-index: 2; display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; pointer-events: none;}
.store-scope .car-bar > *{pointer-events: auto;}
.store-scope .car-title{white-space: normal; padding: 6px 12px;}
.store-scope .car-title svg{width: 11px; height: 11px; color: var(--burgundy);}
.store-scope .car-btns{display: flex; gap: 6px; flex: none;}
.store-scope .car-btn{width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255, 249, 240, .92); color: var(--wine); display: grid; place-items: center; padding: 0; transition: background .2s ease;}
.store-scope .car-btn:hover{background: var(--cream);}
.store-scope .car-btn svg{width: 18px; height: 18px;}
.store-scope .car-btn:focus-visible,.store-scope .car-dot:focus-visible{outline: 2.5px solid var(--cream); outline-offset: 1px;}
.store-scope .car-dots{position: absolute; left: 10px; bottom: 2px; z-index: 2; display: flex;}
.store-scope .car-dot{width: 20px; height: 40px; border: 0; padding: 0; background: none; display: grid; place-items: center;}
.store-scope .car-dot::before{content: ""; width: 18px; height: 7px; border-radius: 999px; background: rgba(255, 249, 240, .55); transform: scaleX(.39); transform-origin: center; transition: transform .25s cubic-bezier(.22, 1, .36, 1), background .25s ease;}
.store-scope .car-dot[aria-current="true"]::before{transform: scaleX(.78); background: var(--cream);}
.store-scope .car-empty{padding: 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 14px;}
.store-scope .car-empty-text{font-size: 18px; font-weight: 600; color: var(--wine); line-height: 1.35;}
.store-scope .hb-custom{padding: 22px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 14px;}
.store-scope .t-mark{position: absolute; right: 3%; top: -14%; height: 150%; width: auto; aspect-ratio: 456 / 409; color: var(--rose); opacity: .32; transform: rotate(-10deg); transform-origin: 60% 40%; pointer-events: none; transition: transform .5s ease;}
.store-scope .hb-custom:hover .t-mark{transform: rotate(-4deg) scale(1.04);}
.store-scope .spark{position: absolute; color: var(--blush); pointer-events: none;}
.store-scope .spark-1{width: 20px; height: 20px; top: 18px; right: 20px;}
.store-scope .spark-2{width: 11px; height: 11px; top: 46px; right: 48px; opacity: .8;}
.store-scope .hb-custom-title{position: relative; z-index: 1; font-size: 26px; line-height: 1.12; font-weight: 700; letter-spacing: -.015em; max-width: 15ch; text-wrap: balance;}
.store-scope .hb-custom-row{position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px;}
.store-scope .hb-custom-text{font-size: 14px; line-height: 1.45; color: rgba(255, 242, 220, .85); max-width: 28ch;}
.store-scope .block-head{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 16px 48px; align-items: end; margin-bottom: 32px;}
.store-scope .block-head .eyebrow{grid-column: 1 / -1; justify-self: start;}
.store-scope .block-head .big{grid-column: 1 / 2;}
.store-scope .block-head .lede{grid-column: 2 / 3; font-size: 16px; justify-self: end;}
.store-scope .block-head .big:last-child{grid-column: 1 / -1;}
.store-scope .cards{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 16px;}
.store-scope .card{display: flex; flex-direction: column; gap: 12px; border-radius: var(--r-xl);}
.store-scope .card:focus-visible{outline-offset: 4px;}
.store-scope .card-media{position: relative; display: block; aspect-ratio: 4 / 5; border-radius: var(--r-xl); overflow: hidden; background: var(--blush-2); transition: transform .3s ease;}
.store-scope .card:hover .card-media{transform: translateY(-4px);}
.store-scope .card-img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .45s ease, transform .6s ease;}
.store-scope .card-img.is-cutout{object-fit: contain; padding: 14%; background: var(--blush-2);}
.store-scope .card-img.is-contain,.store-scope .g-main-img.is-contain,.store-scope .g-thumb.is-contain img,.store-scope .story-print-img img.is-contain{object-fit: contain; background: var(--blush-2);}
.store-scope .card-img-2{opacity: 0;}
.store-scope .card-noimg{position: absolute; inset: 0; display: grid; place-items: center; color: var(--burgundy);}
.store-scope .card-noimg svg{width: 36px; height: 36px;}
.store-scope .card-media .chip{position: absolute; top: 14px; left: 14px;}
.store-scope .card-media .arrow-circle{position: absolute; right: 14px; bottom: 14px;}
.store-scope .card-name{font-size: 19px; line-height: 1.3; font-weight: 700; color: var(--wine);}
.store-scope .card-meta{display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: -6px;}
@media (hover: hover){.store-scope .card:hover .has-second .card-img-2{opacity: 1;}
.store-scope .card:hover .has-second .card-img-1{opacity: 0;}
.store-scope .card:hover .card-media{box-shadow: 0 22px 40px -26px rgba(74, 16, 34, .55);}}
.store-scope .more-tile{display: none; flex-direction: column; background: var(--blush-2); min-height: 0;}
.store-scope .mt-art{position: relative; display: block; flex: 1 1 auto; min-height: 120px;}
.store-scope .mt-body{padding: 18px 22px 22px; display: grid; gap: 8px; align-content: end;}
.store-scope .mt-title{font-size: 21px; line-height: 1.2; font-weight: 800; letter-spacing: -.015em; color: var(--wine);}
.store-scope .mt-text{font-size: 14px; line-height: 1.55; color: #5E3F46; max-width: 44ch;}
.store-scope .mt-actions{display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin-top: 6px;}
.store-scope .mt-btn{border: 0; border-radius: 999px; background: var(--wine); color: var(--cream); font-weight: 600; font-size: 15px; line-height: 1.3; padding: 10px 18px; min-height: 44px; transition: background .2s ease;}
.store-scope .mt-btn:hover{background: var(--burgundy);}
.store-scope .mt-link{display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 600; font-size: 15px; color: var(--wine); text-decoration: underline; text-underline-offset: 3px;}
.store-scope .mt-link .icon{width: 14px; height: 14px; transition: transform .25s ease;}
.store-scope .mt-link:hover .icon{transform: rotate(45deg);}
.store-scope .cards[data-rem4="1"] .more-tile{display: flex;}
.store-scope .cards[data-rem4="2"] .more-tile,.store-scope .cards[data-rem4="3"] .more-tile{display: grid; grid-column: span 2; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);}
.store-scope .cards[data-rem4="3"] .more-tile{grid-column: span 3; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
.store-scope .cards[data-rem4="2"] .mt-art,.store-scope .cards[data-rem4="3"] .mt-art{min-height: 0;}
.store-scope .cards[data-rem4="2"] .mt-body,.store-scope .cards[data-rem4="3"] .mt-body{padding: 28px 28px 30px; align-content: center; gap: 10px;}
.store-scope .cards[data-rem4="3"] .mt-body{padding: 36px;}
.store-scope .cards[data-rem4="3"] .mt-title{font-size: clamp(24px, 2.4cqi, 32px);}
.store-scope .cards[data-rem4="3"] .mt-text{font-size: 16px;}
.store-scope .topics{border-top: 1.5px solid var(--line);}
.store-scope .topic{position: relative; display: grid; grid-template-columns: 140px minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 20px 0; border-bottom: 1.5px solid var(--line);}
.store-scope .topic-pill{justify-self: start; border: 1.5px solid var(--burgundy); color: var(--burgundy); border-radius: 999px; padding: 3px 12px; font-size: 13px; font-weight: 600; white-space: nowrap;}
.store-scope .topic-name{font-size: clamp(32px, 5.6cqi, 80px); line-height: 1.08; font-weight: 300; letter-spacing: -.04em; color: var(--rose); transition: color .2s ease;}
.store-scope .topic:hover .topic-name,.store-scope .topic:focus-visible .topic-name{color: var(--burgundy);}
.store-scope .topic-peek{position: absolute; right: 96px; top: 50%; width: 240px; aspect-ratio: 4 / 3; border-radius: 20px; background-size: cover; background-position: center; transform: translateY(-50%) rotate(-6deg) scale(.6); opacity: 0; transition: opacity .3s ease, transform .3s ease; box-shadow: 0 20px 40px rgba(74, 16, 34, .25); pointer-events: none;}
.store-scope .topic:hover .topic-peek{opacity: 1; transform: translateY(-50%) rotate(-6deg) scale(1);}
.store-scope .topic .arrow-circle{background: var(--wine); color: var(--cream);}
.store-scope .process{display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 48px; align-items: center;}
.store-scope .process-text .big{margin-top: 16px;}
.store-scope .steps{margin-top: 28px; display: grid; gap: 10px; counter-reset: step;}
.store-scope .steps li{counter-increment: step; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: center; background: var(--paper); border-radius: 28px; padding: 10px 22px 10px 10px;}
.store-scope .steps li::before{content: counter(step); width: 44px; height: 44px; border-radius: 50%; background: var(--blush); color: var(--wine); display: grid; place-items: center; font-weight: 800;}
.store-scope .steps li:first-child::before{background: var(--wine); color: var(--cream);}
.store-scope .step-text b{display: block; font-size: 16px; line-height: 1.35;}
.store-scope .step-text small{display: block; color: var(--muted); font-size: 14px; line-height: 1.45; margin-top: 2px;}
.store-scope .bubbles{position: relative; aspect-ratio: 1 / .82;}
.store-scope .bubble{position: absolute; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 6px var(--cream);}
.store-scope .bubble .media{border-radius: 50%;}
.store-scope .bubble .media.is-illu .media-img{inset: 9%;}
.store-scope .b1{width: 54%; aspect-ratio: 1; left: 21%; top: 12%;}
.store-scope .b2{width: 30%; aspect-ratio: 1; left: 0; top: 50%;}
.store-scope .b3{width: 30%; aspect-ratio: 1; right: 0; top: 0;}
.store-scope .b4{width: 27%; aspect-ratio: 1; right: 5%; bottom: 0;}
.store-scope .b5{width: 15%; aspect-ratio: 1; left: 11%; top: 9%; background: var(--burgundy); display: grid; place-items: center;}
.store-scope .b5 svg{width: 48%; height: 48%; color: var(--cream);}
.store-scope .custom-bento{grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: minmax(210px, auto);}
.store-scope .cb-text{grid-column: 1 / 7; grid-row: 1 / 3; padding: 36px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 28px;}
.store-scope .cb-copy{position: relative; z-index: 1;}
.store-scope .cb-title{font-size: clamp(30px, 3.4cqi, 48px); line-height: 1.06; font-weight: 800; letter-spacing: -.03em; max-width: 17ch; margin-top: 18px;}
.store-scope .cb-copy p{color: rgba(255, 242, 220, .85); max-width: 46ch; margin-top: 16px; line-height: 1.6;}
.store-scope .cb-text .cta{position: relative; z-index: 1;}
.store-scope .cb-idea{grid-column: 7 / 10; grid-row: 1 / 3;}
.store-scope .cb-maker{grid-column: 10 / 13; grid-row: 1 / 2;}
.store-scope .cb-note{grid-column: 10 / 13; grid-row: 2 / 3; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 14px;}
.store-scope .cb-note b{font-size: 22px; line-height: 1.2; color: var(--wine);}
.store-scope .cb-note p{font-size: 15px; line-height: 1.55; color: var(--muted);}
.store-scope .why-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;}
.store-scope .why-tile{padding: 26px; display: flex; flex-direction: column; justify-content: flex-start; gap: 26px; min-height: 280px;}
.store-scope .why-num{width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 15px; background: var(--paper); color: var(--wine);}
.store-scope .why-tile.paper .why-num{background: var(--blush-2);}
.store-scope .why-tile.burgundy .why-num{background: var(--blush);}
.store-scope .why-title{font-size: 20px; line-height: 1.25; font-weight: 700; letter-spacing: -.01em; color: var(--wine);}
.store-scope .why-text{font-size: 15px; line-height: 1.65; color: var(--muted); margin-top: 10px;}
.store-scope .why-tile.burgundy .why-title{color: var(--cream);}
.store-scope .why-tile.burgundy .why-text{color: rgba(255, 242, 220, .85);}
.store-scope .why-tile.blush .why-text{color: #5E3F46;}
.store-scope .faq{display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 48px; align-items: start;}
.store-scope .faq-side{position: sticky; top: 104px; display: grid; gap: 18px; justify-items: start;}
.store-scope .faq-ask{margin-top: 10px; background: var(--paper); border-radius: var(--r-lg); padding: 22px; display: grid; gap: 16px; justify-items: start;}
.store-scope .faq-ask p{color: var(--muted); font-size: 15px; line-height: 1.6;}
.store-scope .faq-ask b{color: var(--wine);}
.store-scope .faq-list{display: grid; gap: 10px;}
.store-scope .faq-item{background: var(--paper); border-radius: var(--r-lg);}
.store-scope .faq-item[open]{background: var(--blush-2);}
.store-scope .faq-item summary{list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 20px 18px 24px; min-height: 64px; border-radius: var(--r-lg);}
.store-scope .faq-item summary::-webkit-details-marker{display: none;}
.store-scope .faq-q{font-size: 17px; line-height: 1.4; font-weight: 600; color: var(--wine);}
.store-scope .faq-icon{position: relative; width: 36px; height: 36px; border-radius: 50%; background: var(--cream); flex: none; transition: transform .25s ease, background .25s ease;}
.store-scope .faq-icon::before,.store-scope .faq-icon::after{content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; border-radius: 2px; background: var(--wine); transform: translate(-50%, -50%);}
.store-scope .faq-icon::after{transform: translate(-50%, -50%) rotate(90deg); transition: opacity .2s ease;}
.store-scope .faq-item[open] .faq-icon{background: var(--wine);}
.store-scope .faq-item[open] .faq-icon::before{background: var(--cream);}
.store-scope .faq-item[open] .faq-icon::after{opacity: 0;}
.store-scope .faq-a{padding: 0 24px 22px; font-size: 16px; line-height: 1.7; color: #5E3F46; max-width: 62ch;}
.store-scope .crumbs ol{display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; color: var(--muted);}
.store-scope .crumbs li{display: flex; align-items: center; gap: 6px;}
.store-scope .crumbs li + li::before{content: "/"; color: rgba(122, 94, 100, .6);}
.store-scope .crumbs a{padding: 4px 12px; border-radius: 999px; background: var(--cream); color: var(--wine); font-weight: 500;}
.store-scope .crumbs a:hover{background: var(--blush-2);}
.store-scope .filters{display: flex; gap: 8px; flex-wrap: wrap;}
.store-scope .filter{border: 1.5px solid var(--burgundy); color: var(--burgundy); background: transparent; border-radius: 999px; padding: 8px 18px; font-weight: 600; line-height: 1.45;}
.store-scope .filter:hover{background: var(--blush-2);}
.store-scope .filter[aria-pressed="true"]{background: var(--burgundy); color: var(--cream);}
.store-scope .list-hero{grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: minmax(160px, auto); margin-top: 20px;}
.store-scope .lh-text{grid-column: 1 / 8; padding: 36px; display: flex; flex-direction: column; justify-content: space-between; gap: 28px;}
.store-scope .lh-copy .lede{margin-top: 16px;}
.store-scope .lh-img{grid-column: 8 / 13; min-height: 360px;}
.store-scope .list-count{margin: 32px 0 16px; font-size: 14px; font-weight: 600; color: var(--muted); letter-spacing: .02em;}
.store-scope .list-empty{padding: 28px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px 24px;}
.store-scope .list-empty p{color: var(--muted); max-width: 60ch;}
.store-scope .list-empty b{color: var(--wine);}
.store-scope .list-custom{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px 32px; padding: 30px 32px; margin-top: 56px;}
.store-scope .list-custom-copy{position: relative; z-index: 1; display: grid; gap: 6px;}
.store-scope .list-custom-copy b{font-size: 26px; line-height: 1.15; letter-spacing: -.02em;}
.store-scope .list-custom-copy span{color: rgba(255, 242, 220, .85);}
.store-scope .list-custom .cta{position: relative; z-index: 1;}
.store-scope .t-mark.list-t{right: 24%; top: -60%; height: 230%; opacity: .28;}
.store-scope .list-soon{grid-template-columns: repeat(12, minmax(0, 1fr)); margin-top: 12px;}
.store-scope .ls-text{grid-column: 1 / 8; padding: 36px; display: flex; flex-direction: column; justify-content: space-between; gap: 28px;}
.store-scope .ls-h{font-size: clamp(28px, 3.2cqi, 44px); line-height: 1.08; font-weight: 800; letter-spacing: -.03em; color: var(--burgundy);}
.store-scope .ls-copy .lede{margin-top: 12px;}
.store-scope .ls-img{grid-column: 8 / 13; min-height: 300px;}
.store-scope .list-others{margin-top: 72px;}
.store-scope .list-custom:hover .t-mark{transform: rotate(-4deg) scale(1.04);}
.store-scope .product{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start; margin-top: 20px;}
.store-scope .gallery{display: grid; gap: 12px; position: sticky; top: 92px;}
.store-scope .gallery.has-thumbs{grid-template-columns: 84px minmax(0, 1fr);}
.store-scope .g-main{position: relative; aspect-ratio: 4 / 5; border-radius: var(--r-xl); overflow: hidden; background: var(--blush-2);}
.store-scope .gallery.has-thumbs .g-main{grid-column: 2; grid-row: 1;}
.store-scope .g-main-img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.store-scope .g-main.is-cutout .g-main-img{object-fit: contain; padding: 12%;}
.store-scope .g-note{position: absolute; left: 16px; bottom: 16px; background: rgba(255, 249, 240, .94);}
.store-scope .g-noimg{position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 10px; color: var(--muted); text-align: center; padding: 24px;}
.store-scope .g-noimg svg{width: 40px; height: 40px; color: var(--burgundy);}
.store-scope .g-thumbs{display: flex; flex-direction: column; gap: 10px; grid-column: 1; grid-row: 1;}
.store-scope .g-thumb{position: relative; width: 84px; aspect-ratio: 4 / 5; border: 0; padding: 0; border-radius: 18px; overflow: hidden; background: var(--blush-2); flex: none; opacity: .72; transition: opacity .2s ease;}
.store-scope .g-thumb img{width: 100%; height: 100%; object-fit: cover;}
.store-scope .g-thumb.is-cutout img{object-fit: contain; padding: 10%;}
.store-scope .g-thumb:hover{opacity: 1;}
.store-scope .g-thumb[aria-pressed="true"]{opacity: 1; box-shadow: 0 0 0 2.5px var(--burgundy);}
.store-scope .product-info{background: var(--paper); border-radius: var(--r-xl); padding: 32px;}
.store-scope .product-name{font-size: clamp(36px, 4.4cqi, 60px); line-height: 1.04; font-weight: 800; letter-spacing: -.04em; color: var(--burgundy); margin-top: 18px;}
.store-scope .price-row{display: flex; align-items: center; gap: 12px; margin-top: 14px; flex-wrap: wrap;}
.store-scope .price-row .price{font-size: 30px;}
.store-scope .product-desc{color: var(--muted); margin-top: 16px; max-width: 52ch; line-height: 1.65;}
.store-scope .opt{margin-top: 22px;}
.store-scope .opt-label{font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px;}
.store-scope .choices{display: flex; flex-wrap: wrap; gap: 8px;}
.store-scope .choice{display: inline-flex; align-items: center; gap: 10px; border: 1.5px solid var(--line); background: var(--cream); border-radius: 999px; padding: 8px 16px 8px 9px; font-weight: 500; text-align: left; line-height: 1.35; min-height: 44px;}
.store-scope .choice[aria-pressed="true"]{border-color: var(--burgundy); box-shadow: inset 0 0 0 1px var(--burgundy);}
.store-scope .qty{display: inline-flex; align-items: center; background: var(--cream); border-radius: 999px; padding: 4px;}
.store-scope .qty button{width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--paper); font-size: 20px; line-height: 1;}
.store-scope .qty button:hover{background: var(--blush-2);}
.store-scope .qty output{min-width: 40px; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums;}
.store-scope .buy-row{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px;}
.store-scope .buy-note{display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; align-items: center; background: var(--blush-2); border-radius: var(--r-lg); padding: 10px 16px 10px 10px; margin-top: 20px; font-size: 14px; line-height: 1.5;}
.store-scope .buy-note-img{position: relative; display: block; width: 64px; height: 64px; border-radius: 16px; overflow: hidden; background-color: var(--cream);}
.store-scope .buy-note b{color: var(--wine);}
.store-scope .specs{margin-top: 24px;}
.store-scope .specs div{display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-top: 1.5px solid var(--line); font-size: 15px;}
.store-scope .specs dt{color: var(--muted); flex: none;}
.store-scope .specs dd{font-weight: 600; text-align: right;}
.store-scope .care{margin-top: 18px; display: flex; gap: 10px; font-size: 14px; line-height: 1.55; color: var(--muted);}
.store-scope .care svg{width: 18px; height: 18px; color: var(--burgundy); flex: none; margin-top: 2px;}
.store-scope .page-title{display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin: 28px 0 24px;}
.store-scope .panel{background: var(--paper); border-radius: var(--r-xl); padding: 30px;}
.store-scope .panel-h{font-size: 22px; line-height: 1.25; font-weight: 700; color: var(--wine); margin-bottom: 18px;}
.store-scope .panel-h-gap{margin-top: 32px;}
.store-scope .fields{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}
.store-scope .fields .full{grid-column: 1 / -1;}
.store-scope .field{display: flex; flex-direction: column; gap: 6px; min-width: 0;}
.store-scope .field > label:not(.dropzone),.store-scope .field-label{font-size: 13px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--muted);}
.store-scope .field small{font-size: 13px; color: var(--muted); line-height: 1.45;}
.store-scope input[type="text"],.store-scope input[type="tel"],.store-scope input[type="email"],.store-scope input[type="date"],.store-scope input[type="number"],.store-scope select,.store-scope textarea{border: 1.5px solid transparent; background: var(--cream); border-radius: 16px; padding: 12px 16px; width: 100%; min-width: 0; min-height: 50px; line-height: 1.45;}
.store-scope input::placeholder,.store-scope textarea::placeholder{color: rgba(122, 94, 100, .75);}
.store-scope input:focus,.store-scope select:focus,.store-scope textarea:focus{border-color: var(--burgundy); outline: none; box-shadow: 0 0 0 3px rgba(180, 90, 114, .22);}
.store-scope input[aria-invalid="true"],.store-scope select[aria-invalid="true"],.store-scope textarea[aria-invalid="true"]{border-color: var(--error);}
.store-scope textarea{min-height: 110px; resize: vertical;}
.store-scope .field-error{color: var(--error); font-size: 13px; font-weight: 500; line-height: 1.4;}
.store-scope .consent{display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.5; margin-top: 20px; color: var(--muted); cursor: pointer;}
.store-scope .consent input{accent-color: #781F36; width: 20px; height: 20px; margin: 1px 0 0; flex: none;}
.store-scope .consent + .field-error{display: block; margin-top: 6px;}
.store-scope .form-actions{margin-top: 24px; gap: 12px 18px;}
.store-scope .checkout{display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 16px; align-items: start;}
.store-scope .pay-options{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; border: 0; padding: 0; min-width: 0;}
.store-scope .pay{display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; background: var(--cream); border-radius: var(--r-lg); padding: 16px; cursor: pointer; border: 1.5px solid transparent;}
.store-scope .pay:has(input:checked){border-color: var(--burgundy); background: var(--blush-2);}
.store-scope .pay:has(input:focus-visible){outline: 2.5px solid var(--burgundy); outline-offset: 2px;}
.store-scope .pay.is-disabled{opacity: .55; cursor: not-allowed;}
.store-scope .pay input{accent-color: #781F36; width: 18px; height: 18px; margin: 3px 0 0;}
.store-scope .pay-text b{display: block; line-height: 1.4;}
.store-scope .pay-text small{display: block; color: var(--muted); font-size: 13px; line-height: 1.5; margin-top: 2px;}
.store-scope .order-summary{background: var(--wine); color: var(--cream); border-radius: var(--r-xl); padding: 28px; position: sticky; top: 92px;}
.store-scope .order-summary .panel-h{color: var(--cream); margin-bottom: 6px;}
.store-scope .order-summary :focus-visible{outline-color: var(--cream);}
.store-scope .cart-line{display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 14px; align-items: start; padding: 16px 0; border-bottom: 1px solid rgba(255, 242, 220, .16);}
.store-scope .cart-thumb{display: block; width: 72px; aspect-ratio: 4 / 5; border-radius: 16px; background-color: var(--blush-2); background-size: cover; background-position: center; background-repeat: no-repeat;}
.store-scope .cart-thumb.is-cutout{background-size: contain; background-origin: content-box; padding: 8px;}
.store-scope .cart-thumb.is-contain{background-size: contain;}
.store-scope .cart-line-main{display: grid; gap: 2px; justify-items: start; min-width: 0;}
.store-scope .cart-line-name{display: inline-flex; align-items: center; min-height: 32px; font-weight: 700; line-height: 1.35;}
.store-scope .cart-line-name:hover{text-decoration: underline; text-underline-offset: 3px;}
.store-scope .cart-line-main small{color: rgba(255, 242, 220, .72); font-size: 13px; line-height: 1.45;}
.store-scope .qty.qty-sm{background: rgba(255, 242, 220, .1); margin-top: 8px;}
.store-scope .qty.qty-sm button{width: 34px; height: 34px; font-size: 17px; background: rgba(255, 242, 220, .15); color: var(--cream);}
.store-scope .qty.qty-sm button:hover{background: rgba(255, 242, 220, .28);}
.store-scope .qty.qty-sm output{min-width: 32px; font-size: 14px;}
.store-scope .cart-line-end{display: grid; justify-items: end; gap: 4px; text-align: right; font-variant-numeric: tabular-nums;}
.store-scope .remove{border: 0; background: none; color: var(--blush); font-size: 13px; text-decoration: underline; text-underline-offset: 3px; padding: 4px 8px; margin-right: -8px;}
.store-scope .totals{display: grid; gap: 8px; margin: 18px 0 22px; font-variant-numeric: tabular-nums;}
.store-scope .totals div{display: flex; justify-content: space-between; gap: 12px;}
.store-scope .totals-hint{font-size: 13px; line-height: 1.5; color: var(--blush); text-wrap: pretty;}
.store-scope .totals .grand{font-size: 26px; font-weight: 800; border-top: 1px solid rgba(255, 242, 220, .2); padding-top: 12px; margin-top: 4px;}
.store-scope .ship-options{grid-template-columns: minmax(0, 1fr);}
.store-scope .pay-text b,.store-scope .pay-text small,.store-scope .totals-ship span,.store-scope .sum-note{text-wrap: pretty;}
.store-scope .totals-ship span:last-child{text-align: right;}
.store-scope .totals .grand span:last-child{white-space: nowrap;}
.store-scope .totals .grand.is-pending{align-items: center;}
.store-scope .totals .grand.is-pending span:first-child{font-size: 15px; font-weight: 700; line-height: 1.35; text-wrap: pretty;}
.store-scope .sum-note{margin-top: 14px; font-size: 13px; color: rgba(255, 242, 220, .7); text-align: center;}
.store-scope .empty-page{grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: minmax(200px, auto); margin-top: 20px;}
.store-scope .ep-text{grid-column: 1 / 7; grid-row: 1 / 3; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; gap: 32px;}
.store-scope .ep-copy .lede{margin-top: 16px;}
.store-scope .ep-img{grid-column: 7 / 13; grid-row: 1 / 3; min-height: 420px;}
.store-scope .done-page{grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: minmax(180px, auto); margin-top: 20px;}
.store-scope .dp-hero{grid-column: 1 / 8; grid-row: 1 / 4; display: flex; flex-direction: column; min-height: 560px;}
.store-scope .tile.dp-hero{background: #7D1B31;}
.store-scope .dp-art{position: relative; display: block; flex: 1 1 auto; min-height: 280px;}
.store-scope .dp-copy{position: relative; z-index: 1; padding: 4px 36px 36px;}
.store-scope .dp-h1{font-size: clamp(40px, 5.4cqi, 76px); line-height: 1.02; font-weight: 800; letter-spacing: -.045em;}
.store-scope .dp-copy p{color: rgba(255, 242, 220, .9); margin-top: 10px; max-width: 48ch;}
.store-scope .dp-pay{grid-column: 8 / 13; grid-row: 1 / 4; padding: 30px; display: flex; flex-direction: column; gap: 18px;}
.store-scope .dp-pay .panel-h{margin-bottom: 0;}
.store-scope .dp-transfer{display: flex; gap: 20px; flex-wrap: wrap; align-items: center;}
.store-scope .qr{width: 172px; aspect-ratio: 1; background: #fff; border-radius: 20px; padding: 14px; display: grid; grid-template-columns: repeat(21, 1fr); flex: none;}
.store-scope .qr i{background: var(--ink);}
.store-scope .qr i.off{background: transparent;}
.store-scope .transfer{display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 16px; font-size: 15px;}
.store-scope .transfer dt{color: var(--muted);}
.store-scope .transfer dd{font-weight: 700;}
.store-scope .dp-actions{margin-top: auto;}
.store-scope .cp-hero{grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: minmax(180px, auto); margin-top: 20px;}
.store-scope .cp-text{grid-column: 1 / 6; grid-row: 1 / 3; padding: 36px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 28px;}
.store-scope .cp-text .eyebrow{position: relative; z-index: 1;}
.store-scope .cp-copy{position: relative; z-index: 1;}
.store-scope .cp-h1{font-size: clamp(40px, 5.2cqi, 76px); line-height: 1.02; font-weight: 800; letter-spacing: -.045em;}
.store-scope .cp-copy p{color: rgba(255, 242, 220, .88); max-width: 42ch; margin-top: 14px; font-size: 17px; line-height: 1.6;}
.store-scope .cp-idea{grid-column: 6 / 9; grid-row: 1 / 3;}
.store-scope .cp-maker{grid-column: 9 / 13; grid-row: 1 / 3;}
.store-scope .cp-body{display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 16px; margin-top: 16px; align-items: start;}
.store-scope .cp-aside{display: grid; gap: 16px;}
.store-scope .cp-note{padding: 26px; display: grid; gap: 8px;}
.store-scope .cp-note b{font-size: 20px; line-height: 1.25; color: var(--wine);}
.store-scope .cp-note p{font-size: 15px; line-height: 1.6; color: var(--muted);}
.store-scope .file-input:focus-visible + .dropzone{outline: 2.5px solid var(--burgundy); outline-offset: 3px;}
.store-scope .dropzone{display: grid; justify-items: center; gap: 4px; border: 2px dashed rgba(120, 31, 54, .35); background: var(--cream); border-radius: var(--r-lg); padding: 26px 20px; text-align: center; color: var(--muted); cursor: pointer; transition: background .2s ease, border-color .2s ease; font-size: 14px;}
.store-scope .dropzone:hover{background: var(--blush-2); border-color: var(--burgundy);}
.store-scope .dropzone svg{width: 30px; height: 30px; color: var(--burgundy); margin-bottom: 4px;}
.store-scope .dropzone b{color: var(--wine); font-size: 17px;}
.store-scope .dz-files{color: var(--wine); font-weight: 600; overflow-wrap: anywhere;}
.store-scope .dz-files:empty{display: none;}
.store-scope .cp-sent{margin-top: 16px; text-align: center; display: grid; justify-items: center; gap: 12px; padding: 44px 28px;}
.store-scope .cp-sent-h{font-size: clamp(28px, 3.4cqi, 40px); line-height: 1.1; font-weight: 800; letter-spacing: -.03em; color: var(--burgundy);}
.store-scope .cp-sent .lede{margin-inline: auto;}
.store-scope .cp-sent .cta-row{justify-content: center; margin-top: 8px;}
.store-scope .timeline{display: grid;}
.store-scope .timeline li{display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 14px; padding-bottom: 20px; position: relative;}
.store-scope .timeline li:last-child{padding-bottom: 0;}
.store-scope .timeline li::before{content: ""; position: absolute; left: 15px; top: 34px; bottom: 2px; width: 2px; background: var(--line);}
.store-scope .timeline li:last-child::before{display: none;}
.store-scope .t-dot{width: 32px; height: 32px; border-radius: 50%; background: var(--cream); display: grid; place-items: center; font-weight: 800; font-size: 14px; color: var(--wine);}
.store-scope .cp-aside .timeline li:first-child .t-dot{background: var(--wine); color: var(--cream);}
.store-scope .timeline li.is-done .t-dot{background: var(--wine); color: var(--cream);}
.store-scope .timeline li.is-now .t-dot{background: var(--blush); box-shadow: 0 0 0 5px var(--blush-2);}
.store-scope .timeline b{display: block; line-height: 1.4; margin-top: 4px;}
.store-scope .timeline small{display: block; color: var(--muted); font-size: 14px; line-height: 1.5;}
.store-scope .site-foot{padding-bottom: 16px;}
.store-scope .foot{background: var(--wine); color: var(--cream); border-radius: var(--r-xl); padding: 40px 40px 22px;}
.store-scope .foot :focus-visible{outline-color: var(--cream);}
.store-scope .foot-grid{display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, .7fr) minmax(0, .85fr) minmax(0, 1.25fr); gap: 32px 40px;}
.store-scope .foot-logo{display: block; width: 110px; color: var(--cream); border-radius: 6px;}
.store-scope .foot-logo svg{display: block; width: 100%; height: auto;}
.store-scope .foot-about{margin-top: 14px; font-size: 14px; line-height: 1.6; color: rgba(255, 242, 220, .78); max-width: 42ch;}
.store-scope .foot-contact{margin-top: 14px; display: grid; gap: 4px; font-size: 14px;}
.store-scope .foot-contact div{display: flex; gap: 10px;}
.store-scope .foot-contact dt{width: 58px; flex: none; color: rgba(255, 242, 220, .6);}
.store-scope .foot-contact dd{color: var(--cream); overflow-wrap: anywhere;}
.store-scope .foot-social{display: flex; gap: 14px; margin-top: 10px; font-size: 14px;}
.store-scope .foot-social a{text-decoration: underline; text-underline-offset: 3px;}
.store-scope .foot-label{font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 242, 220, .6); margin-bottom: 10px;}
.store-scope .foot-col ul{display: grid; gap: 2px;}
.store-scope .foot-link{display: inline-flex; align-items: center; min-height: 30px; padding: 0; border: 0; background: none; font-size: 14px; line-height: 1.4; color: var(--cream); text-align: left;}
.store-scope .foot-link:hover{color: var(--blush); text-decoration: underline; text-underline-offset: 3px;}
.store-scope .foot-news p{font-size: 14px; line-height: 1.55; color: rgba(255, 242, 220, .78);}
.store-scope .news-row{display: flex; gap: 8px; margin-top: 14px;}
.store-scope .news-row input[type="email"]{flex: 1; background: rgba(255, 242, 220, .1); border-color: rgba(255, 242, 220, .22); color: var(--cream); border-radius: 999px; min-height: 46px; padding: 10px 18px;}
.store-scope .news-row input[type="email"]::placeholder{color: rgba(255, 242, 220, .6);}
.store-scope .news-row input[type="email"]:focus{border-color: var(--cream); box-shadow: 0 0 0 3px rgba(255, 242, 220, .2);}
.store-scope .news-btn{flex: none; border: 0; border-radius: 999px; background: var(--cream); color: var(--wine); font-weight: 600; padding: 0 20px; min-height: 46px;}
.store-scope .news-btn:hover{background: var(--blush);}
.store-scope .foot-legal{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 24px; margin-top: 30px; padding-top: 16px; border-top: 1px solid rgba(255, 242, 220, .16); font-size: 12px; line-height: 1.5; color: rgba(255, 242, 220, .62);}
.store-scope .toast{position: fixed; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); background: var(--wine); color: var(--cream); padding: 12px 22px; border-radius: 999px; z-index: 3; width: max-content; max-width: calc(100% - 32px); font-family: var(--font); font-size: 14px; line-height: 1.45; font-weight: 500; text-align: center; box-shadow: 0 14px 30px rgba(74, 16, 34, .3);}
@container tabi-store (max-width: 1100px){.store-scope .sec{margin-top: 88px;}
.store-scope .hero-head{grid-template-columns: minmax(0, 1fr) 280px;}
.store-scope .hero-bento{grid-template-columns: repeat(6, minmax(0, 1fr));}
.store-scope .hb-main{grid-column: 1 / 5; grid-row: 1 / 3;}
.store-scope .hb-mascot{grid-column: 5 / 7; grid-row: 1;}
.store-scope .hb-photo{grid-column: 5 / 7; grid-row: 2;}
.store-scope .hb-carousel{grid-column: 1 / 4; grid-row: 3 / 6; aspect-ratio: 4 / 5; align-self: stretch;}
.store-scope .hb-tags{grid-column: 4 / 7; grid-row: 3; min-height: 0;}
.store-scope .hb-stat{grid-column: 4 / 7; grid-row: 4; min-height: 0;}
.store-scope .hb-custom{grid-column: 4 / 7; grid-row: 5; min-height: 0;}
.store-scope .cards{grid-template-columns: repeat(3, minmax(0, 1fr));}
.store-scope .cards[data-rem4] .more-tile{display: none;}
.store-scope .cards[data-rem3="1"] .more-tile{display: flex; grid-column: auto;}
.store-scope .cards[data-rem3="2"] .more-tile{display: grid; grid-column: span 2; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
.store-scope .cards[data-rem3="1"] .mt-art{min-height: 90px;}
.store-scope .cards[data-rem3="1"] .mt-body{padding: 16px 18px 18px; align-content: end;}
.store-scope .cards[data-rem3="2"] .mt-art{min-height: 0;}
.store-scope .cards[data-rem3="2"] .mt-body{padding: 26px; align-content: center;}
.store-scope .cp-hero{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto;}
.store-scope .cp-text{grid-column: 1 / -1; grid-row: auto;}
.store-scope .cp-idea,.store-scope .cp-maker{grid-column: span 1; grid-row: auto; aspect-ratio: 4 / 3;}
.store-scope .block-head{grid-template-columns: minmax(0, 1fr);}
.store-scope .block-head .lede{grid-column: 1 / -1; justify-self: start;}
.store-scope .topic{grid-template-columns: 88px minmax(0, 1fr) auto; grid-template-areas: "peek pill arrow" "peek name arrow"; gap: 4px 20px; padding: 16px 0;}
.store-scope .topic-pill{grid-area: pill;}
.store-scope .topic-name{grid-area: name;}
.store-scope .topic .arrow-circle{grid-area: arrow;}
.store-scope .topic-peek,.store-scope .topic:hover .topic-peek{grid-area: peek; position: static; width: 88px; aspect-ratio: 1; opacity: 1; transform: none; border-radius: 22px; box-shadow: none;}
.store-scope .process{grid-template-columns: minmax(0, 1fr); gap: 32px;}
.store-scope .bubbles{max-width: 640px; width: 100%; justify-self: center;}
.store-scope .custom-bento{grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: minmax(190px, auto);}
.store-scope .cb-text{grid-column: 1 / -1; grid-row: auto;}
.store-scope .cb-idea{grid-column: span 3; grid-row: auto / span 2;}
.store-scope .cb-maker,.store-scope .cb-note{grid-column: span 3; grid-row: auto / span 1;}
.store-scope .why-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.store-scope .why-tile{min-height: 240px;}
.store-scope .faq{grid-template-columns: minmax(0, 1fr); gap: 28px;}
.store-scope .faq-side{position: static;}
.store-scope .product,.store-scope .checkout,.store-scope .cp-body{grid-template-columns: minmax(0, 1fr);}
.store-scope .gallery,.store-scope .order-summary{position: static;}
.store-scope .gallery.has-thumbs{grid-template-columns: minmax(0, 1fr);}
.store-scope .gallery.has-thumbs .g-main,.store-scope .g-thumbs{grid-column: 1; grid-row: auto;}
.store-scope .g-main{width: min(100%, 576px); justify-self: center;}
.store-scope .g-thumbs{justify-content: center;}
.store-scope .g-thumbs{flex-direction: row; flex-wrap: wrap;}
.store-scope .foot-grid{grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, .9fr);}
.store-scope .foot-news{grid-column: 1 / -1; max-width: 560px;}}
@container tabi-store (max-width: 900px){.store-scope .pills a{padding: 8px 12px;}
.store-scope .l-long{display: none;}
.store-scope .l-short{display: inline;}
.store-scope .ghost-link{padding: 9px 10px;}
.store-scope .list-hero,.store-scope .empty-page,.store-scope .done-page,.store-scope .list-soon{grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto;}
.store-scope .lh-text,.store-scope .lh-img,.store-scope .ep-text,.store-scope .ep-img,.store-scope .dp-hero,.store-scope .dp-pay,.store-scope .ls-text,.store-scope .ls-img{grid-column: 1 / -1; grid-row: auto;}
.store-scope .lh-img,.store-scope .ep-img,.store-scope .ls-img{min-height: 0; aspect-ratio: 16 / 9;}
.store-scope .dp-hero{min-height: 0;}
.store-scope .dp-art{flex: none; min-height: 0; aspect-ratio: 16 / 9;}}
@container tabi-store (max-width: 760px){.store-scope .wrap{padding-inline: 16px;}
.store-scope .nav-row{flex-wrap: wrap; gap: 10px 12px; padding-block: 10px;}
.store-scope .logo{width: 76px;}
.store-scope .pills{order: 3; flex-basis: 100%; margin-inline: 0; justify-content: space-between;}
.store-scope .pills a{flex: 1; text-align: center; padding: 9px 8px; font-size: 14px;}
.store-scope .nav-actions{margin-left: auto; gap: 4px;}
.store-scope .ghost-link{font-size: 14px;}
.store-scope .cart-btn{font-size: 14px; padding-left: 14px;}
.store-scope .sec{margin-top: 72px; scroll-margin-top: 130px;}
.store-scope .hero{scroll-margin-top: 130px;}
.store-scope .announce{border-radius: 18px; font-size: 13px;}
.store-scope .hero-head{grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 20px;}
.store-scope .lede{font-size: 16px;}
.store-scope .hero-sub{margin: 22px 0;}
.store-scope .cta-row{gap: 8px;}
.store-scope .cta-row .cta{flex: 0 1 auto; min-width: 0;}
.store-scope .cta-row:not(.form-actions) .cta > i{display: none;}
.store-scope .cta-row:not(.form-actions) .cta > span{flex: 1; text-align: center; padding: 13px 16px; font-size: 15px; white-space: nowrap;}
.store-scope .hero-sub .cta-row{flex-wrap: nowrap;}
.store-scope .hero-sub .cta > span{overflow: hidden; text-overflow: ellipsis;}
.store-scope .hero-bento{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; gap: 10px;}
.store-scope .hero-bento > .tile{grid-row: auto;}
.store-scope .hb-main{grid-column: 1 / -1; order: 1; aspect-ratio: var(--ar, 16 / 9);}
.store-scope .hb-carousel{grid-column: 1 / -1; order: 2; aspect-ratio: 4 / 5; align-self: auto;}
.store-scope .hb-mascot{grid-column: 1 / 2; order: 3; aspect-ratio: auto; min-height: 172px;}
.store-scope .hb-stat{grid-column: 2 / 3; order: 4; padding: 16px;}
.store-scope .hb-tags{grid-column: 1 / -1; order: 5; padding: 16px 18px;}
.store-scope .hb-photo{grid-column: 1 / -1; order: 6; aspect-ratio: var(--ar, 16 / 9);}
.store-scope .hb-custom{grid-column: 1 / -1; order: 7; padding: 20px;}
.store-scope .tag{font-size: 13px; white-space: nowrap; padding-right: 10px;}
.store-scope .hb-count b{font-size: 28px;}
.store-scope .stat-value{font-size: 34px;}
.store-scope .stat-text{font-size: 13px;}
.store-scope .stat-link{font-size: 13px; padding: 8px 12px;}
.store-scope .stat-link .icon{display: none;}
.store-scope .hb-custom-title{font-size: 22px;}
.store-scope .t-mark{height: 150%; top: -12%; right: -4%;}
.store-scope .car-name{font-size: 24px;}
.store-scope .big{letter-spacing: -.03em;}
.store-scope .cards{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 10px;}
.store-scope .cards[data-rem4] .more-tile{display: none;}
.store-scope .cards[data-rem2="1"] .more-tile{display: flex; grid-column: auto; border-radius: 22px;}
.store-scope .cards[data-rem2="1"] .mt-art{min-height: 72px;}
.store-scope .cards[data-rem2="1"] .mt-body{padding: 12px 14px 14px; gap: 6px;}
.store-scope .cards[data-rem2="1"] .mt-title{font-size: 16px;}
.store-scope .cards[data-rem2="1"] .mt-text{display: none;}
.store-scope .cards[data-rem2="1"] .mt-actions{gap: 0; margin-top: 2px;}
.store-scope .cards[data-rem2="1"] .mt-btn{font-size: 14px; padding: 8px 12px; width: 100%;}
.store-scope .cards[data-rem2="1"] .mt-link{font-size: 14px;}
.store-scope .card{gap: 10px;}
.store-scope .card-media,.store-scope .card-media .chip{border-radius: 22px;}
.store-scope .card-media .chip{top: 10px; left: 10px; font-size: 12px; padding: 3px 10px; border-radius: 999px;}
.store-scope .card-media .arrow-circle{right: 10px; bottom: 10px; width: 40px; height: 40px;}
.store-scope .card-name{font-size: 16px;}
.store-scope .card-meta{flex-wrap: wrap;}
.store-scope .price{font-size: 16px;}
.store-scope .topic{grid-template-columns: 64px minmax(0, 1fr) auto; gap: 4px 14px;}
.store-scope .topic-peek,.store-scope .topic:hover .topic-peek{width: 64px; border-radius: 18px;}
.store-scope .topic-name{font-size: 28px;}
.store-scope .steps li{border-radius: 24px; padding: 10px 16px 10px 10px;}
.store-scope .custom-bento{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(170px, auto); gap: 10px;}
.store-scope .cb-text{grid-column: 1 / -1; padding: 26px;}
.store-scope .cb-idea,.store-scope .cb-maker{grid-column: span 1; grid-row: auto / span 1; min-height: 0; aspect-ratio: 1;}
.store-scope .cb-note{grid-column: 1 / -1; padding: 22px; justify-content: flex-start; gap: 8px; min-height: 0;}
.store-scope .custom-bento{grid-auto-rows: auto;}
.store-scope .cb-text{min-height: 0;}
.store-scope .cb-note b{font-size: 19px;}
.store-scope .why-grid{grid-template-columns: minmax(0, 1fr); gap: 10px;}
.store-scope .why-tile{min-height: 0; gap: 20px; padding: 22px;}
.store-scope .faq-item summary{padding: 14px 14px 14px 18px; min-height: 60px;}
.store-scope .faq-q{font-size: 16px;}
.store-scope .faq-a{padding: 0 18px 18px; font-size: 15px;}
.store-scope .lh-text,.store-scope .ep-text,.store-scope .dp-pay,.store-scope .cp-text,.store-scope .ls-text,.store-scope .panel,.store-scope .product-info,.store-scope .order-summary{padding: 24px;}
.store-scope .dp-copy{padding: 0 24px 24px;}
.store-scope .list-custom{padding: 24px; margin-top: 40px;}
.store-scope .list-custom-copy b{font-size: 22px;}
.store-scope .t-mark.list-t{right: -18%; top: -20%; height: 150%;}
.store-scope .filter{padding: 8px 14px;}
.store-scope .cp-idea,.store-scope .cp-maker{aspect-ratio: 1;}
.store-scope .product{gap: 16px; margin-top: 12px;}
.store-scope .g-thumbs{gap: 8px;}
.store-scope .g-thumb{width: 64px; border-radius: 14px;}
.store-scope .fields,.store-scope .pay-options{grid-template-columns: minmax(0, 1fr);}
.store-scope .qty.qty-sm button{width: 40px; height: 40px;}
.store-scope .remove{min-height: 40px; padding: 8px;}
.store-scope .cart-line{grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px;}
.store-scope .cart-thumb{width: 64px;}
.store-scope .foot{padding: 30px 22px 20px; border-radius: 26px;}
.store-scope .foot-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px;}
.store-scope .foot-brand,.store-scope .foot-news{grid-column: 1 / -1;}
.store-scope .foot-link{min-height: 40px;}
.store-scope .news-row input[type="email"],.store-scope .news-btn{min-height: 48px;}
.store-scope .foot-legal{flex-direction: column; gap: 4px; margin-top: 24px;}}
@container tabi-store (max-width: 360px){.store-scope .cards{grid-template-columns: minmax(0, 1fr);}
.store-scope .cards[data-rem2] .more-tile{display: none;}
.store-scope .news-row{flex-direction: column;}}
.store-scope .demo-in a{display: inline-block; padding-block: 4px;}
.store-scope .car-dot{width: 32px;}
.store-scope .crumbs a{display: inline-block; padding: 8px 14px;}
.store-scope .pay-text small{color: #664A51;}
.store-scope .hb-tags .ribbon{opacity: .45;}
@container tabi-store (max-width: 760px){.store-scope .demo-more{display: none;}
.store-scope .demo-in a{padding-block: 10px;}
.store-scope .consent input{width: 24px; height: 24px;}}
.store-scope .fx-layer{position: fixed; inset: 0; overflow: hidden; pointer-events: none !important; z-index: 5;}
.store-scope .fx-star{position: absolute; display: block; pointer-events: none; clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); will-change: transform, opacity;}
.store-scope .fx-fly{position: absolute; display: block; border-radius: 16px; background-color: var(--blush-2); background-size: cover; background-position: center; box-shadow: 0 16px 34px -14px rgba(74, 16, 34, .55); pointer-events: none; will-change: transform, opacity;}
.store-scope .fx-confetti{position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none;}
.store-scope .cta > i{position: relative;}
.store-scope .cta > i::before,.store-scope .cta > i::after{content: ""; position: absolute; top: -5px; right: -5px; width: 14px; height: 14px; background: var(--rose); clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); transform: scale(0); pointer-events: none;}
.store-scope .cta > i::after{top: auto; bottom: 0; right: -9px; width: 9px; height: 9px; background: var(--blush);}
.store-scope .cta.light > i::before{background: var(--blush);}
.store-scope .cta.light > i::after{background: var(--cream);}
@media (hover: hover){.store-scope .fx-on .cta:not(:disabled):hover > i::before{animation: tabi-store-cta-spark .72s cubic-bezier(.2, .8, .3, 1);}
.store-scope .fx-on .cta:not(:disabled):hover > i::after{animation: tabi-store-cta-spark-2 .72s .08s cubic-bezier(.2, .8, .3, 1);}}
@keyframes tabi-store-cta-spark{ 0% { transform: translate(-10px, 10px) scale(0) rotate(0deg); } 45% { transform: translate(2px, -3px) scale(1.15) rotate(60deg); } 100% { transform: translate(9px, -11px) scale(0) rotate(130deg); } }
@keyframes tabi-store-cta-spark-2{ 0% { transform: translate(-8px, -6px) scale(0) rotate(0deg); } 50% { transform: translate(2px, 1px) scale(1) rotate(45deg); } 100% { transform: translate(8px, 7px) scale(0) rotate(100deg); } }
.store-scope .logo svg{overflow: visible;}
.store-scope .logo .wm-star{transform-origin: 836px 82px;}
.store-scope .fx-on .logo .wm-star{animation: tabi-store-twinkle 7s ease-in-out 2.6s infinite;}
.store-scope .store-app[data-calm] .logo .wm-star{animation: none;}
.store-scope .fx-on .logo.is-drawing .wm-letters{stroke: var(--blush); stroke-linejoin: round; stroke-dasharray: 1 1; animation: tabi-store-logo-draw 1.4s cubic-bezier(.45, 0, .2, 1) both;}
.store-scope .fx-on .logo.is-drawing .wm-star{animation: tabi-store-star-in .8s .9s cubic-bezier(.22, 1, .36, 1) both;}
@media (hover: hover){.store-scope .fx-on .logo:hover svg{animation: tabi-store-wiggle .7s ease-in-out;}
.store-scope .fx-on .logo:hover .wm-star{animation: tabi-store-star-spin .8s cubic-bezier(.22, 1, .36, 1);}}
@keyframes tabi-store-logo-draw{ 0% { stroke-dashoffset: 1; stroke-width: 16px; } 75% { stroke-dashoffset: 0; stroke-width: 16px; } 100% { stroke-dashoffset: 0; stroke-width: 0; } }
@keyframes tabi-store-star-in{ 0% { transform: scale(.5) rotate(-90deg); } 100% { transform: none; } }
@keyframes tabi-store-twinkle{ 0%, 86%, 100% { transform: none; } 90% { transform: scale(1.3) rotate(25deg); } 95% { transform: scale(.9) rotate(-8deg); } }
@keyframes tabi-store-wiggle{ 0%, 100% { transform: none; } 25% { transform: rotate(-4deg); } 50% { transform: rotate(3deg); } 75% { transform: rotate(-1.5deg); } }
@keyframes tabi-store-star-spin{ 0% { transform: none; } 60% { transform: rotate(200deg) scale(1.35); } 100% { transform: rotate(180deg); } }
.store-scope .fx-on:not([data-calm]) .spark-1,.store-scope .fx-on:not([data-calm]) .stat-spark,.store-scope .fx-on:not([data-calm]) .announce svg{animation: tabi-store-twinkle-soft 5.2s ease-in-out infinite;}
.store-scope .fx-on:not([data-calm]) .spark-2{animation: tabi-store-twinkle-soft 5.2s ease-in-out 2.6s infinite;}
.store-scope .fx-on:not([data-calm]) .stat-spark{animation-delay: 1.3s;}
.store-scope .fx-on:not([data-calm]) .b5 svg{animation: tabi-store-twinkle-soft 6s ease-in-out 3.2s infinite;}
@keyframes tabi-store-twinkle-soft{ 0%, 72%, 100% { transform: none; } 81% { transform: scale(1.35) rotate(30deg); } 91% { transform: scale(.85) rotate(-10deg); } }
.store-scope .media-img{transition: rotate .5s cubic-bezier(.22, 1, .36, 1);}
.store-scope .fx-on:not([data-calm]) .media.is-mascot .media-img{animation: tabi-store-float 6s ease-in-out infinite;}
.store-scope .fx-on:not([data-calm]) .hb-mascot .media.is-mascot .media-img{animation-duration: 4.8s; animation-delay: -1.6s;}
.store-scope .fx-on:not([data-calm]) .ep-img .media.is-mascot .media-img{animation: tabi-store-sway 5.5s ease-in-out infinite; transform-origin: 50% 90%;}
.store-scope .fx-on:not([data-calm]) .buy-note-img .media.is-mascot .media-img,.store-scope .fx-on:not([data-calm]) .bubble .media.is-mascot .media-img{animation: none;}
@media (hover: hover){.store-scope .fx-on .tile:hover > .media.is-mascot .media-img,.store-scope .fx-on .tile:hover .mt-art .media-img,.store-scope .fx-on .dp-art:hover .media-img{rotate: -3deg;}}
@keyframes tabi-store-float{ 0%, 100% { translate: 0 0; } 50% { translate: 0 -2%; } }
@keyframes tabi-store-sway{ 0%, 100% { rotate: -2deg; } 50% { rotate: 2.5deg; } }
.store-scope .fx-on:not([data-calm]) .bubble{animation: tabi-store-bob 7s ease-in-out infinite;}
.store-scope .fx-on:not([data-calm]) .b2{animation-delay: -2.2s;}
.store-scope .fx-on:not([data-calm]) .b3{animation-delay: -4.1s;}
.store-scope .fx-on:not([data-calm]) .b4{animation-delay: -5.6s;}
.store-scope .fx-on:not([data-calm]) .b5{animation-delay: -1s;}
@keyframes tabi-store-bob{ 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
.store-scope a.tile:hover{box-shadow: 0 24px 44px -30px rgba(74, 16, 34, .6);}
.store-scope .topic .arrow-circle{transition: transform .25s ease, background .2s ease;}
.store-scope .topic:hover .arrow-circle{background: var(--burgundy);}
.store-scope .more-tile{transition: transform .3s ease;}
@media (hover: hover){.store-scope .fx-on .more-tile:hover{transform: translateY(-3px);}}
.store-scope .store-dock{position: fixed; inset: 0; z-index: 50; pointer-events: none; container: tabi-store / inline-size; font-family: var(--font); color: var(--ink);}
.store-scope .store-dock > *,.store-scope .chat-host > *{pointer-events: auto;}
.store-scope .chat-host{position: absolute; inset: auto 0 0 0; height: 0;}
.store-scope .chat-fab{position: fixed; right: 24px; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 1; display: inline-flex; align-items: center; gap: 10px; border: 0; border-radius: 999px; background: var(--wine); color: var(--cream); padding: 6px 20px 6px 6px; font-weight: 700; font-size: 15px; line-height: 1.2; box-shadow: 0 18px 38px -14px rgba(42, 18, 22, .6); transition: transform .2s ease, box-shadow .2s ease;}
.store-scope .chat-fab:hover{transform: translateY(-2px); box-shadow: 0 22px 44px -14px rgba(42, 18, 22, .65);}
.store-scope .chat-fab:focus-visible{outline: 3px solid var(--burgundy); outline-offset: 3px;}
.store-scope .chat-fab-mark{width: 44px; height: 44px; border-radius: 50%; background: var(--blush); color: var(--wine); display: grid; place-items: center; flex: none;}
.store-scope .chat-fab-mark svg{width: 26px; height: 24px;}
.store-scope .chat-panel{position: fixed; right: 24px; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 2; width: 380px; height: 560px; max-height: calc(100% - 48px); display: flex; flex-direction: column; background: var(--cream); border-radius: 28px; overflow: hidden; box-shadow: 0 32px 80px -24px rgba(42, 18, 22, .55), 0 0 0 1px rgba(120, 31, 54, .12);}
.store-scope .chat-head{display: grid; grid-template-columns: 44px minmax(0, 1fr) 40px; gap: 12px; align-items: center; background: var(--wine); color: var(--cream); padding: 14px 14px 14px 16px; flex: none;}
.store-scope .chat-head :focus-visible{outline-color: var(--cream);}
.store-scope .chat-avatar{width: 44px; height: 44px; border-radius: 14px; background: var(--blush); color: var(--wine); display: grid; place-items: center;}
.store-scope .chat-avatar svg{width: 26px; height: 24px;}
.store-scope .chat-head-text{min-width: 0;}
.store-scope .chat-title{font-size: 17px; line-height: 1.25; font-weight: 700;}
.store-scope .chat-sub{font-size: 12.5px; line-height: 1.35; color: rgba(255, 242, 220, .78);}
.store-scope .chat-close{width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255, 242, 220, .12); color: var(--cream); display: grid; place-items: center; padding: 0;}
.store-scope .chat-close:hover{background: rgba(255, 242, 220, .24);}
.store-scope .chat-close svg{width: 18px; height: 18px;}
.store-scope .chat-log{flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 16px 14px 10px; display: flex; flex-direction: column; gap: 10px;}
.store-scope .chat-log:focus{outline: none;}
.store-scope .chat-msg{display: flex; gap: 8px; align-items: flex-start;}
.store-scope .chat-msg.is-user{justify-content: flex-end;}
.store-scope .chat-msg-mark{flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--wine); color: var(--blush); display: grid; place-items: center; margin-top: 2px;}
.store-scope .chat-msg-mark svg{width: 16px; height: 15px;}
.store-scope .chat-bubble{min-width: 0; max-width: 86%; padding: 10px 14px; border-radius: 20px; font-size: 15px; line-height: 1.55; overflow-wrap: anywhere;}
.store-scope .chat-msg.is-bot .chat-bubble{background: var(--paper); color: var(--ink); border-top-left-radius: 6px; box-shadow: 0 1px 0 rgba(120, 31, 54, .08);}
.store-scope .chat-msg.is-user .chat-bubble{background: var(--wine); color: var(--cream); border-top-right-radius: 6px; max-width: 82%;}
.store-scope .chat-bubble p + p,.store-scope .chat-bubble p + ul,.store-scope .chat-bubble ul + p{margin-top: 8px;}
.store-scope .chat-bubble ul{display: grid; gap: 4px; margin-top: 4px;}
.store-scope .chat-bubble li{position: relative; padding-left: 16px;}
.store-scope .chat-bubble li::before{content: ""; position: absolute; left: 3px; top: .68em; width: 6px; height: 6px; border-radius: 50%; background: var(--rose);}
.store-scope .chat-bubble h2,.store-scope .chat-bubble h3{font-size: 15px; line-height: 1.4; font-weight: 700; color: var(--wine); margin-top: 8px;}
.store-scope .chat-bubble strong{color: var(--wine); font-weight: 700;}
.store-scope .chat-link{color: var(--burgundy); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 2px;}
.store-scope .chat-link:hover{color: var(--wine);}
.store-scope .chat-msg.is-pending .chat-bubble{display: inline-flex; align-items: center; gap: 10px; color: #664A51;}
.store-scope .chat-typing{display: inline-flex; gap: 4px;}
.store-scope .chat-typing i{width: 6px; height: 6px; border-radius: 50%; background: var(--rose); animation: tabi-chat-dot 1.2s ease-in-out infinite;}
.store-scope .chat-typing i:nth-child(2){animation-delay: .15s;}
.store-scope .chat-typing i:nth-child(3){animation-delay: .3s;}
@keyframes tabi-chat-dot{ 0%, 80%, 100% { opacity: .35; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.store-scope .chat-stopped{font-size: 12px; font-style: italic; color: #664A51;}
.store-scope .chat-system{align-self: center; text-align: center; font-size: 13px; line-height: 1.45; color: #5E3F46; background: var(--sand); border-radius: 14px; padding: 8px 12px; max-width: 92%;}
.store-scope .chat-error{background: #FBE3E6; border-radius: 16px; padding: 10px 12px; display: grid; gap: 8px; justify-items: start; margin-left: 36px;}
.store-scope .chat-error p{color: #8E1F18; font-size: 14px; line-height: 1.45;}
.store-scope .chat-chips{display: flex; flex-wrap: wrap; gap: 8px; padding: 2px 0 2px 36px;}
.store-scope .chat-chip{border: 1.5px solid rgba(120, 31, 54, .35); background: var(--paper); color: var(--wine); border-radius: 18px; padding: 8px 14px; font-size: 14px; line-height: 1.35; text-align: left; min-height: 40px;}
.store-scope .chat-chip:hover{border-color: var(--burgundy); background: var(--blush-2);}
.store-scope .chat-log > *{flex: none;}
.store-scope .chat-context{display: flex; align-items: center; gap: 4px; font-size: 13px; line-height: 1.35; color: #5E3F46;}
.store-scope .chat-context b{color: var(--wine);}
.store-scope .chat-chips .chat-context{flex-basis: 100%;}
.store-scope .chat-context.is-inline{align-self: flex-start; margin-left: 36px; background: var(--blush-2); border-radius: 999px; padding: 0 2px 0 12px;}
.store-scope .chat-context-x{width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: var(--wine); display: grid; place-items: center; padding: 0; flex: none;}
.store-scope .chat-context-x:hover{background: var(--blush);}
.store-scope .chat-context-x svg{width: 14px; height: 14px;}
.store-scope .chat-note{display: flex; align-items: center; gap: 8px; margin: 0 14px 8px; padding: 6px 12px; border-radius: 999px; background: var(--sand); color: #5E3F46; font-size: 12.5px; line-height: 1.4; flex: none;}
.store-scope .chat-note-dot{width: 8px; height: 8px; border-radius: 50%; background: #C98A2E; flex: none;}
.store-scope .chat-form{display: flex; align-items: flex-end; gap: 8px; margin: 0 12px; padding: 5px 5px 5px 16px; background: var(--paper); border-radius: 26px; border: 1.5px solid rgba(120, 31, 54, .2); flex: none;}
.store-scope .chat-form:focus-within{border-color: var(--burgundy); box-shadow: 0 0 0 3px rgba(180, 90, 114, .2);}
.store-scope .chat-form .chat-input,.store-scope .chat-form .chat-input:focus{flex: 1; min-width: 0; width: auto; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: none; resize: none; padding: 9px 0; min-height: 40px; max-height: 132px; font-size: 15px; line-height: 1.45;}
.store-scope .chat-send{flex: none; width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--wine); color: var(--cream); display: grid; place-items: center; padding: 0;}
.store-scope .chat-send:hover{background: var(--burgundy);}
.store-scope .chat-send svg{width: 18px; height: 18px;}
.store-scope .chat-stop{flex: none; min-height: 40px; border-radius: 999px; border: 1.5px solid var(--wine); background: transparent; color: var(--wine); font-weight: 700; font-size: 14px; padding: 0 16px;}
.store-scope .chat-stop:hover{background: var(--blush-2);}
.store-scope .chat-disclaimer{padding: 8px 18px 12px; text-align: center; font-size: 11.5px; line-height: 1.4; color: #664A51; flex: none;}
@container tabi-store (max-width: 560px){.store-scope .chat-fab{right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); padding: 5px 16px 5px 5px; font-size: 14px;}
.store-scope .chat-fab-mark{width: 40px; height: 40px;}
.store-scope .chat-panel{inset: 0; width: 100%; height: 100%; max-height: none; border-radius: 0; box-shadow: none;}
.store-scope .chat-head{padding-top: calc(12px + env(safe-area-inset-top, 0px)); padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(12px, env(safe-area-inset-right, 0px));}
.store-scope .chat-bubble{max-width: 88%;}
.store-scope .chat-form .chat-input,.store-scope .chat-form .chat-input:focus{font-size: 16px;}
.store-scope .chat-disclaimer{padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));}}
@container tabi-store (max-width: 760px){.store-scope .store-dock:has(.chat-fab:not([hidden])) .toast{bottom: calc(80px + env(safe-area-inset-bottom, 0px));}}
.store-scope .spinner{width: 18px; height: 18px; display: inline-block; flex: none; background: currentColor; clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); animation: tabi-store-spin 1.2s cubic-bezier(.5, 0, .5, 1) infinite;}
@keyframes tabi-store-spin{ 0% { transform: rotate(0deg) scale(.8); } 50% { transform: rotate(90deg) scale(1.15); } 100% { transform: rotate(180deg) scale(.8); } }
@keyframes tabi-store-shimmer{ from { background-position: 200% 0; } to { background-position: -200% 0; } }
.store-scope .cta:disabled{cursor: progress;}
.store-scope .cta:disabled:hover > i{transform: none;}
.store-scope .place-error{display: flex; gap: 10px; align-items: flex-start; background: rgba(255, 196, 204, .14); border: 1.5px solid rgba(255, 196, 204, .55); color: var(--cream); border-radius: 16px; padding: 12px 14px; font-size: 14px; line-height: 1.5; margin-bottom: 14px;}
.store-scope .place-error .icon{width: 18px; height: 18px; margin-top: 2px; color: #FFC4CC;}
.store-scope .place-error:focus{outline: none;}
.store-scope .place-error.on-light{background: #FBE3E6; border-color: rgba(179, 38, 30, .3); color: #8E1F18; margin: 18px 0 0;}
.store-scope .place-error.on-light .icon{color: var(--error);}
.store-scope .promo{margin-top: 18px; display: grid; gap: 8px;}
.store-scope .promo-label{font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 242, 220, .72);}
.store-scope .promo-row{display: flex; gap: 8px;}
.store-scope .promo-row input[type="text"]{flex: 1; background: rgba(255, 242, 220, .1); border-color: rgba(255, 242, 220, .24); color: var(--cream); border-radius: 999px; min-height: 46px; padding: 10px 18px; text-transform: uppercase; letter-spacing: .04em;}
.store-scope .promo-row input[type="text"]::placeholder{color: rgba(255, 242, 220, .62); text-transform: none; letter-spacing: 0;}
.store-scope .promo-row input[type="text"]:focus{border-color: var(--cream); box-shadow: 0 0 0 3px rgba(255, 242, 220, .2);}
.store-scope .promo-row input[aria-invalid="true"]{border-color: #FFB3BE;}
.store-scope .promo-apply{flex: none; border: 0; border-radius: 999px; background: var(--cream); color: var(--wine); font-weight: 600; padding: 0 20px; min-height: 46px;}
.store-scope .promo-apply:hover{background: var(--blush);}
.store-scope .promo-apply:disabled{cursor: progress; background: var(--blush-2);}
.store-scope .promo-msg{font-size: 13px; line-height: 1.45; color: #FFD2D8;}
.store-scope .promo-applied{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; align-items: center; background: rgba(255, 242, 220, .08); border: 1.5px dashed rgba(255, 242, 220, .35); border-radius: 18px; padding: 8px 10px 8px 14px;}
.store-scope .promo-applied.is-ok{border-color: rgba(191, 231, 201, .6);}
.store-scope .promo-applied.is-bad{border-color: rgba(255, 196, 204, .6);}
.store-scope .promo-code{display: inline-flex; align-items: center; gap: 8px; letter-spacing: .04em; min-width: 0;}
.store-scope .promo-code .icon{width: 16px; height: 16px;}
.store-scope .promo-applied.is-ok .promo-code .icon{color: #BFE7C9;}
.store-scope .promo-applied.is-bad .promo-code .icon{color: #FFC4CC;}
.store-scope .promo-status{grid-column: 1; font-size: 13px; line-height: 1.45; color: rgba(255, 242, 220, .85); text-wrap: pretty;}
.store-scope .promo-applied.is-bad .promo-status{color: #FFD2D8;}
.store-scope .promo-remove{grid-column: 2; grid-row: 1 / 3; border: 0; background: none; color: var(--blush); font-size: 13px; text-decoration: underline; text-underline-offset: 3px; padding: 8px 6px; min-height: 40px;}
.store-scope .promo-remove:hover{color: var(--cream);}
.store-scope .totals-discount span:last-child{color: #BFE7C9; font-weight: 600;}
.store-scope .sum-ask{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-top: 10px; border: 1.5px solid rgba(255, 242, 220, .28); background: transparent; color: var(--cream); border-radius: 999px; padding: 6px 16px 6px 6px; min-height: 46px; font-weight: 600; font-size: 14px; line-height: 1.3;}
.store-scope .sum-ask:hover{background: rgba(255, 242, 220, .1); border-color: rgba(255, 242, 220, .5);}
.store-scope .sum-ask-mark{width: 32px; height: 32px; border-radius: 50%; background: var(--blush); color: var(--wine); display: grid; place-items: center; flex: none;}
.store-scope .sum-ask-mark svg{width: 19px; height: 18px;}
.store-scope .totals s{opacity: .65; margin-right: 6px;}
.store-scope .ask-tabi{margin-top: 18px; width: 100%; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 14px; align-items: center; text-align: left; border: 1.5px solid var(--line); background: var(--cream); border-radius: var(--r-lg); padding: 10px 18px 10px 10px; color: var(--wine); transition: border-color .2s ease, background .2s ease;}
.store-scope .ask-tabi:hover{border-color: var(--burgundy); background: var(--blush-2);}
.store-scope .ask-tabi-mark{width: 48px; height: 48px; border-radius: 14px; background: var(--wine); color: var(--blush); display: grid; place-items: center;}
.store-scope .ask-tabi-mark svg{width: 28px; height: 26px;}
.store-scope .ask-tabi-text b{display: block; font-size: 16px; line-height: 1.35;}
.store-scope .ask-tabi-text small{display: block; font-size: 13px; line-height: 1.4; color: #664A51;}
.store-scope .ask-tabi > .icon{width: 18px; height: 18px; transition: transform .25s ease;}
.store-scope .ask-tabi:hover > .icon{transform: rotate(45deg);}
.store-scope .file-note{display: flex; gap: 8px; align-items: flex-start;}
.store-scope .file-note .icon{width: 16px; height: 16px; margin-top: 2px; color: var(--burgundy); flex: none;}
.store-scope .cp-sent:focus{outline: none;}
.store-scope .cp-sent-file{display: flex; gap: 10px; align-items: flex-start; text-align: left; background: var(--blush-2); color: var(--wine); border-radius: 18px; padding: 12px 16px; max-width: 54ch; font-size: 15px; line-height: 1.5;}
.store-scope .cp-sent-file .icon{width: 18px; height: 18px; margin-top: 2px; flex: none;}
.store-scope .dp-pay-head{display: flex; justify-content: space-between; align-items: center; gap: 8px 12px; flex-wrap: wrap;}
.store-scope .dp-sum{background: var(--cream); border-radius: 22px; padding: 18px 20px;}
.store-scope .dp-sum-h{font-size: 15px; line-height: 1.3; font-weight: 700; color: var(--wine); margin-bottom: 10px;}
.store-scope .dp-lines,.store-scope .dp-totals{display: grid; gap: 6px; font-size: 14px; line-height: 1.45; font-variant-numeric: tabular-nums;}
.store-scope .dp-lines div,.store-scope .dp-totals div{display: flex; justify-content: space-between; gap: 12px;}
.store-scope .dp-lines span:first-child{color: #5E3F46; min-width: 0;}
.store-scope .dp-lines span:last-child,.store-scope .dp-totals span:last-child{white-space: nowrap;}
.store-scope .dp-totals{border-top: 1.5px solid var(--line); margin-top: 10px; padding-top: 10px;}
.store-scope .dp-totals .grand{font-size: 18px; font-weight: 800; color: var(--burgundy);}
.store-scope .dp-totals .dp-ship span{text-wrap: pretty;}
.store-scope .dp-totals .dp-ship span:last-child{white-space: normal; text-align: right;}
.store-scope .dp-totals .grand.is-pending{align-items: center;}
.store-scope .dp-totals .grand.is-pending span:first-child{font-size: 14px; font-weight: 700; line-height: 1.35; text-wrap: pretty;}
.store-scope .dp-ship-note{margin-top: 10px; text-wrap: pretty;}
.store-scope .orders-hero{grid-template-columns: repeat(12, minmax(0, 1fr)); margin-top: 20px;}
.store-scope .oh-text{grid-column: 1 / 9; grid-row: 1 / 3; padding: 36px; display: flex; flex-direction: column; justify-content: space-between; gap: 24px;}
.store-scope .oh-copy .lede{margin-top: 14px;}
.store-scope .oh-img{grid-column: 9 / 13; grid-row: 1 / 2; min-height: 250px;}
.store-scope .oh-note{grid-column: 9 / 13; grid-row: 2 / 3; padding: 22px 24px; display: flex; gap: 12px; align-items: flex-start;}
.store-scope .oh-note .icon{width: 20px; height: 20px; color: var(--wine); margin-top: 3px;}
.store-scope .oh-note p{font-size: 15px; line-height: 1.55; color: #5E3F46;}
.store-scope .oh-note b{color: var(--wine);}
.store-scope .order-filter{display: grid; gap: 8px; max-width: 540px;}
.store-scope .order-filter label{font-size: 13px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--muted);}
.store-scope .of-row{display: flex; gap: 8px;}
.store-scope .of-row input[type="text"]{flex: 1; border-radius: 999px; padding-inline: 20px;}
.store-scope .of-btn{flex: none; border: 0; border-radius: 999px; background: var(--wine); color: var(--cream); font-weight: 600; padding: 0 24px; min-height: 50px;}
.store-scope .of-btn:hover{background: var(--burgundy);}
.store-scope .order-filter .fine{color: #664A51;}
.store-scope .orders-loading{margin-top: 16px; display: grid; gap: 12px; color: var(--muted);}
.store-scope .orders-loading p,.store-scope .orders-loading-h{display: flex; align-items: center; gap: 10px;}
.store-scope .orders-loading-h{font-size: inherit; line-height: inherit; font-weight: inherit; text-wrap: wrap;}
.store-scope .orders-loading .spinner{color: var(--burgundy);}
.store-scope .sk{display: block; height: 16px; border-radius: 999px; background: linear-gradient(90deg, var(--blush-2), var(--cream), var(--blush-2)); background-size: 200% 100%; animation: tabi-store-shimmer 1.6s linear infinite;}
.store-scope .sk.short{width: 60%;}
.store-scope .orders-empty{grid-template-columns: repeat(12, minmax(0, 1fr)); margin-top: 12px;}
.store-scope .oe-text{grid-column: 1 / 9; padding: 36px; display: flex; flex-direction: column; justify-content: space-between; gap: 28px;}
.store-scope .oe-h{font-size: clamp(30px, 3.6cqi, 48px); line-height: 1.06; font-weight: 800; letter-spacing: -.03em; color: var(--burgundy);}
.store-scope .oe-text .lede{margin-top: 12px;}
.store-scope .oe-img{grid-column: 9 / 13; min-height: 300px;}
.store-scope .orders-sec{margin-top: 40px; min-width: 0;}
.store-scope .orders-body.has-both{display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 0 16px; align-items: start;}
.store-scope .orders-body.has-both .order-list{grid-template-columns: minmax(0, 1fr);}
.store-scope .orders-sec-h{display: flex; align-items: center; gap: 10px; font-size: 26px; line-height: 1.2; font-weight: 800; letter-spacing: -.02em; color: var(--burgundy); margin-bottom: 16px;}
.store-scope .order-list{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 520px), 1fr)); gap: 12px; align-items: start;}
.store-scope .order-card{background: var(--paper); border-radius: var(--r-xl); padding: 24px 26px; display: grid; gap: 16px; min-width: 0; scroll-margin-top: 96px;}
.store-scope .oc-head{display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;}
.store-scope .oc-title{min-width: 0;}
.store-scope .oc-title h3{font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--wine); display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.store-scope .oc-title small{display: block; font-size: 13px; color: #664A51; margin-top: 2px;}
.store-scope .oc-sample{font-size: 12px; padding: 2px 10px;}
.store-scope .status-pill{flex: none; border-radius: 999px; padding: 5px 12px; font-size: 13px; font-weight: 700; line-height: 1.4; white-space: nowrap; background: var(--blush-2); color: var(--wine);}
.store-scope .status-pill.is-new{background: var(--wine); color: var(--cream);}
.store-scope .status-pill.is-active{background: var(--blush); color: var(--wine);}
.store-scope .status-pill.is-done{background: #DDEFE3; color: #1F5A37;}
.store-scope .status-pill.is-cancel{background: #EEE5E6; color: #5C474B;}
.store-scope .oc-items{display: grid; gap: 6px; font-size: 15px; line-height: 1.45;}
.store-scope .oc-items li{display: flex; justify-content: space-between; gap: 12px;}
.store-scope .oc-items li span{min-width: 0;}
.store-scope .oc-items b{font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap;}
.store-scope .oc-items .oc-more{color: var(--muted); font-size: 14px;}
.store-scope .oc-facts{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; border-top: 1.5px solid var(--line); padding-top: 14px;}
.store-scope .oc-facts div{min-width: 0;}
.store-scope .oc-facts dt{font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted);}
.store-scope .oc-facts dd{font-size: 15px; line-height: 1.45; overflow-wrap: anywhere; margin-top: 2px;}
.store-scope .oc-facts dd.oc-total{font-size: 20px; font-weight: 800; color: var(--burgundy); font-variant-numeric: tabular-nums;}
.store-scope .oc-facts dt,.store-scope .oc-ship dd{text-wrap: pretty;}
.store-scope .pay-pill{font-weight: 700;}
.store-scope .pay-pill.is-ok{color: #256640;}
.store-scope .pay-pill.is-warn{color: #8F4210;}
.store-scope .pay-pill.is-muted{color: var(--muted);}
.store-scope .oc-track{font-family: 'IBM Plex Mono', ui-monospace, monospace; font-weight: 500;}
.store-scope .oc-cancel{display: flex; gap: 10px; align-items: flex-start; background: #F3ECEC; color: #5C474B; border-radius: 16px; padding: 12px 14px; font-size: 14px; line-height: 1.5;}
.store-scope .oc-cancel .icon{width: 18px; height: 18px; margin-top: 1px; color: var(--wine);}
.store-scope .oc-cancel b{color: var(--wine);}
.store-scope .oc-foot{display: flex; justify-content: space-between; align-items: center; gap: 4px 16px; flex-wrap: wrap;}
.store-scope .oc-update{font-size: 13px; line-height: 1.45; color: #664A51;}
.store-scope .oc-link{display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 14px; color: var(--burgundy); text-decoration: underline; text-underline-offset: 3px; min-height: 40px;}
.store-scope .oc-link .icon{width: 14px; height: 14px;}
.store-scope .progress{display: grid; grid-template-columns: repeat(var(--steps, 5), minmax(0, 1fr));}
.store-scope .pg{position: relative; display: grid; justify-items: center; align-content: start; text-align: center; gap: 6px; padding: 0 2px;}
.store-scope .pg::before{content: ""; position: absolute; top: 14px; left: -50%; right: 50%; height: 3px; background: var(--line);}
.store-scope .pg:first-child::before{display: none;}
.store-scope .pg.is-done::before,.store-scope .pg.is-now::before,.store-scope .pg.is-cancel::before{background: var(--burgundy);}
.store-scope .pg-dot{position: relative; z-index: 1; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 800; background: var(--cream); color: var(--muted); box-shadow: 0 0 0 4px var(--paper);}
.store-scope .pg-dot .icon{width: 15px; height: 15px;}
.store-scope .pg.is-done .pg-dot{background: var(--wine); color: var(--cream);}
.store-scope .pg.is-now .pg-dot{background: var(--blush); color: var(--wine); box-shadow: 0 0 0 4px var(--paper), 0 0 0 7px var(--blush-2);}
.store-scope .pg.is-cancel .pg-dot{background: #5C474B; color: var(--cream); font-size: 17px;}
.store-scope .pg-text b{display: block; font-size: 12.5px; line-height: 1.3; font-weight: 600; color: #664A51;}
.store-scope .pg.is-done .pg-text b,.store-scope .pg.is-now .pg-text b,.store-scope .pg.is-cancel .pg-text b{color: var(--wine);}
.store-scope .pg.is-now .pg-text b{font-weight: 800;}
.store-scope .pg-text small{display: block; font-size: 12px; line-height: 1.35; color: #664A51; font-variant-numeric: tabular-nums;}
.store-scope .rc-idea{font-size: 16px; line-height: 1.6; overflow-wrap: anywhere;}
.store-scope .rc-file-note{margin-top: -6px;}
.store-scope .rc-quote{background: var(--blush-2); border-radius: 20px; padding: 14px 18px; display: grid; gap: 6px;}
.store-scope .rc-quote-row{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-variant-numeric: tabular-nums;}
.store-scope .rc-quote-row span{color: #5E3F46;}
.store-scope .rc-quote-row b{color: var(--wine); font-size: 18px;}
.store-scope .rc-quote small{font-size: 13px; color: #5E3F46;}
.store-scope .rc-quote p{font-size: 14px; line-height: 1.55; color: var(--wine);}
.store-scope .rc-msg{font-size: 14px; line-height: 1.55; background: var(--cream); border-radius: 16px; padding: 12px 14px;}
.store-scope .rc-msg b{color: var(--wine);}
.store-scope .rc-order{display: flex; gap: 8px; align-items: center; font-size: 14px; color: #1F5A37;}
.store-scope .rc-order .icon{width: 16px; height: 16px;}
.store-scope .orders-nomatch{margin-top: 16px; background: var(--blush-2);}
.store-scope .orders-nomatch p{color: var(--wine); line-height: 1.6;}
.store-scope .article-layout{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 340px); gap: 12px; align-items: start; margin-top: 20px;}
.store-scope .article{padding: 40px 48px 52px;}
.store-scope .article-h1{margin-top: 22px; font-size: clamp(36px, 4.6cqi, 64px); max-width: 18ch;}
.store-scope .prose{margin-top: 28px; max-width: 68ch; font-size: 17px; line-height: 1.75; color: #45292F;}
.store-scope .prose > * + *{margin-top: 16px;}
.store-scope .prose h2{font-size: 24px; line-height: 1.25; font-weight: 800; letter-spacing: -.02em; color: var(--burgundy); margin-top: 36px;}
.store-scope .prose h3{font-size: 19px; line-height: 1.3; font-weight: 700; color: var(--wine); margin-top: 28px;}
.store-scope .prose > h2:first-child,.store-scope .prose > h3:first-child{margin-top: 0;}
.store-scope .prose h2 + *,.store-scope .prose h3 + *{margin-top: 10px;}
.store-scope .prose ul{display: grid; gap: 8px;}
.store-scope .prose li{position: relative; padding-left: 26px;}
.store-scope .prose li::before{content: ""; position: absolute; left: 4px; top: .68em; width: 9px; height: 9px; border-radius: 50%; background: var(--blush); box-shadow: inset 0 0 0 2px var(--burgundy);}
.store-scope .prose strong{color: var(--wine); font-weight: 700;}
.store-scope .md-todo{color: var(--muted); font-style: italic; border-bottom: 1.5px dashed rgba(120, 31, 54, .35);}
.store-scope .md-todo-block{display: flex; gap: 12px; align-items: flex-start; border: 1.5px dashed rgba(120, 31, 54, .3); border-radius: 18px; padding: 14px 18px; color: #6B5157; font-size: 15px; line-height: 1.6; font-style: italic; background: rgba(246, 226, 197, .4);}
.store-scope .md-todo-block .icon{width: 18px; height: 18px; margin-top: 3px; color: var(--rose); flex: none;}
.store-scope .md-todo-tag{display: inline-block; font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wine); background: var(--sand); border-radius: 999px; padding: 1px 8px; margin-right: 4px; vertical-align: 1px;}
.store-scope .article-aside{display: grid; gap: 12px; position: sticky; top: 92px;}
.store-scope .aa-nav{padding: 22px 24px;}
.store-scope .aa-h{font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #664A51; margin-bottom: 6px;}
.store-scope .aa-nav li + li{border-top: 1.5px solid var(--line);}
.store-scope .aa-nav a{display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0; font-weight: 600; color: var(--wine); min-height: 48px; line-height: 1.35;}
.store-scope .aa-nav a .icon{width: 16px; height: 16px; transition: transform .25s ease;}
.store-scope .aa-nav a:hover .icon{transform: rotate(45deg);}
.store-scope .aa-help{padding: 26px; display: grid; gap: 18px; justify-items: start;}
.store-scope .aa-help-copy{position: relative; z-index: 1;}
.store-scope .aa-help b{font-size: 22px; line-height: 1.2;}
.store-scope .aa-help p{color: rgba(255, 242, 220, .86); margin-top: 6px; font-size: 15px; line-height: 1.55;}
.store-scope .aa-help .cta{position: relative; z-index: 1;}
.store-scope .aa-help .ribbon{opacity: .5;}
.store-scope .story-hero{grid-template-columns: repeat(12, minmax(0, 1fr)); margin-top: 20px;}
.store-scope .sh-text{grid-column: 1 / 8; padding: 40px 48px 44px; display: flex; flex-direction: column; justify-content: space-between; gap: 32px;}
.store-scope .sh-copy{display: grid; gap: 16px; justify-items: start; margin-top: 18px;}
.store-scope .sh-text{container-type: inline-size;}
.store-scope .story-h1{font-size: clamp(24px, 8.6cqi, 72px); text-wrap: balance;}
.store-scope .story-lede p{font-size: 19px; line-height: 1.6; color: #45292F; max-width: 50ch;}
.store-scope .story-lede strong{color: var(--wine);}
.store-scope .sh-img{grid-column: 8 / 13; min-height: 360px;}
.store-scope .story-layout{margin-top: 12px;}
.store-scope .story-layout .article-aside{position: static;}
.store-scope .story-article .prose{margin-top: 0;}
.store-scope .story-prints{padding: 22px 24px;}
.store-scope .story-prints li + li{border-top: 1.5px solid var(--line);}
.store-scope .story-prints a{display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 10px 0; color: var(--wine); min-height: 48px;}
.store-scope .story-print-img{width: 64px; height: 64px; border-radius: 16px; overflow: hidden; background: var(--blush-2); display: block;}
.store-scope .story-print-img img{width: 100%; height: 100%; object-fit: cover; display: block;}
.store-scope .story-print-text{min-width: 0;}
.store-scope .story-print-text b{display: block; font-size: 16px; line-height: 1.3;}
.store-scope .story-print-text small{display: block; font-size: 13px; line-height: 1.4; color: #664A51; margin-top: 2px;}
.store-scope .story-prints a .icon{width: 16px; height: 16px; transition: transform .25s ease;}
.store-scope .story-prints a:hover .icon{transform: rotate(45deg);}
.store-scope .story-prints a,.store-scope .aa-nav a{transition: transform .25s ease;}
@media (hover: hover){.store-scope .story-prints a:hover,.store-scope .aa-nav a:hover{transform: translateX(4px);}}
.store-scope .story-article .prose{position: relative; padding-left: 34px;}
.store-scope .story-article .prose::before{content: ""; position: absolute; left: 9px; top: 10px; bottom: 6px; width: 2px; border-radius: 2px; background: linear-gradient(var(--blush), rgba(232, 189, 197, .2));}
.store-scope .story-article .prose > h2{position: relative;}
.store-scope .story-article .prose > h2::before{content: ""; position: absolute; left: -34px; top: .16em; width: 20px; height: 20px; background: var(--burgundy); clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);}
.store-scope .story-article .prose > h2.is-lit::before{animation: tabi-store-star-pop .8s cubic-bezier(.22, 1, .36, 1);}
@keyframes tabi-store-star-pop{ 0% { transform: scale(.3) rotate(-90deg); } 60% { transform: scale(1.4) rotate(15deg); } 100% { transform: none; } }
.store-scope .store-app.has-chat .site-foot{padding-bottom: 96px;}
@container tabi-store (max-width: 1100px){.store-scope .article-layout{grid-template-columns: minmax(0, 1fr);}
.store-scope .sh-text{grid-column: 1 / 8; padding: 32px 36px 36px;}
.store-scope .sh-img{grid-column: 8 / 13;}
.store-scope .article-aside{position: static; grid-template-columns: repeat(2, minmax(0, 1fr));}
.store-scope .orders-body.has-both{grid-template-columns: minmax(0, 1fr);}
.store-scope .oh-text{grid-column: 1 / 8;}
.store-scope .oh-img,.store-scope .oh-note{grid-column: 8 / 13;}}
@container tabi-store (max-width: 900px){.store-scope .orders-hero,.store-scope .orders-empty,.store-scope .story-hero{grid-template-columns: minmax(0, 1fr);}
.store-scope .sh-text,.store-scope .sh-img{grid-column: 1 / -1;}
.store-scope .sh-img{min-height: 0; aspect-ratio: 16 / 9;}
.store-scope .oh-text,.store-scope .oh-img,.store-scope .oh-note,.store-scope .oe-text,.store-scope .oe-img{grid-column: 1 / -1; grid-row: auto;}
.store-scope .oh-img{display: none;}
.store-scope .oe-img{min-height: 0; aspect-ratio: 16 / 9;}}
@container tabi-store (max-width: 760px){.store-scope .oh-text,.store-scope .oe-text,.store-scope .sh-text{padding: 24px;}
.store-scope .story-lede p{font-size: 17px;}
.store-scope .oh-note{padding: 18px 20px;}
.store-scope .orders-sec{margin-top: 32px;}
.store-scope .orders-sec-h{font-size: 22px;}
.store-scope .order-card{padding: 20px; border-radius: 26px; gap: 14px;}
.store-scope .oc-title h3{font-size: 18px;}
.store-scope .oc-items{font-size: 14px;}
.store-scope .article{padding: 24px 22px 32px;}
.store-scope .story-article .prose{padding-left: 28px;}
.store-scope .story-article .prose::before{left: 7px;}
.store-scope .story-article .prose > h2::before{left: -28px; width: 16px; height: 16px; top: .2em;}
.store-scope .prose{font-size: 16px; line-height: 1.7;}
.store-scope .prose h2{font-size: 21px; margin-top: 28px;}
.store-scope .article-aside{grid-template-columns: minmax(0, 1fr);}
.store-scope .ask-tabi{padding-right: 14px;}
.store-scope .store-app.has-chat .site-foot{padding-bottom: 84px;}
.store-scope .dp-sum{padding: 16px;}}
@container tabi-store (max-width: 560px){.store-scope .oc-head{flex-wrap: wrap;}
.store-scope .oc-facts{grid-template-columns: minmax(0, 1fr); gap: 10px;}
.store-scope .progress{grid-template-columns: minmax(0, 1fr);}
.store-scope .pg{grid-template-columns: 26px minmax(0, 1fr); justify-items: start; align-items: center; text-align: left; gap: 12px; padding: 0 0 10px;}
.store-scope .pg:last-child{padding-bottom: 0;}
.store-scope .pg::before{top: -10px; left: 11.5px; right: auto; width: 3px; height: 12px;}
.store-scope .pg-dot{width: 26px; height: 26px; font-size: 12px; box-shadow: none;}
.store-scope .pg.is-now .pg-dot{box-shadow: 0 0 0 4px var(--blush-2);}
.store-scope .pg-text{display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;}
.store-scope .pg-text b{font-size: 14px;}
.store-scope .of-btn{padding: 0 18px;}}
.store-scope .demo-bar{display: none;}
.store-scope .orders-soon p{margin: 10px 0 0; max-width: 60ch; line-height: 1.6; text-wrap: pretty;}
.store-scope .orders-soon .cta-row{margin-top: 20px;}
.store-scope .qr.web-qr{display: block; width: 220px; padding: 0; overflow: hidden;}
.store-scope .qr.web-qr svg{display: block; width: 100%; height: auto;}
.store-scope .web-qr-actions{margin: 12px 0 0;}
.store-scope .web-qr-save{border: 1.5px solid var(--wine); background: transparent; color: var(--wine); border-radius: 999px; font: inherit; font-weight: 600; padding: 10px 20px; min-height: 44px; cursor: pointer;}
.store-scope .web-qr-save:hover{background: var(--wine); color: var(--cream);}
.store-scope .web-lookup{margin-top: 18px;}
.store-scope .web-lookup-row{flex-wrap: wrap;}
.store-scope .web-lookup-row input{flex: 1 1 160px; min-width: 0; border-radius: 999px; padding-inline: 20px;}
.store-scope .web-lookup-msg.is-bad{color: #9B1C31; font-weight: 600;}
.store-scope .web-lookup-msg.is-ok{color: #1F6B45; font-weight: 600;}
.store-scope .cp-sent-file.is-warn{color: #7A4A00;}
@container tabi-store (max-width: 560px){.store-scope .qr.web-qr{width: 100%; max-width: 280px;}
.store-scope .web-lookup-row .of-btn{flex: 1 1 100%;}}
/* Real website, both pages: things outside the two app roots. */
.web-turnstile { position: fixed; right: 16px; bottom: 16px; z-index: 1000; }
.web-turnstile:empty { display: none; }