:root {
  --blue: #728694;
  --blue-dark: #4c606d;
  --blue-soft: #dbe2e7;
  --beige: #ece4d8;
  --beige-deep: #d8cab6;
  --cream: #f6f3ee;
  --ink: #202425;
  --muted: #6f7779;
  --line: rgba(32, 36, 37, 0.11);
  --white: #fffdf9;
  --shadow: 0 18px 50px rgba(46, 53, 57, 0.12);
  --radius-lg: 34px;
  --radius-md: 24px;
  --radius-sm: 16px;
  --font-primary: "The Seasons", Georgia, serif;
  --font-secondary: "Belleza", "Trebuchet MS", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--cream);
  font-family: var(--font-secondary);
  line-height: 1.5;
}
button, input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }

.offer-bar {
  padding: 10px 6vw;
  background: var(--ink);
  color: #fff;
  display: flex;
  justify-content: center;
  gap: 16px;
  font-size: 11px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.offer-dot { opacity: .45; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  min-height: 82px;
  padding: 0 5.5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: rgba(246, 243, 238, .93);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}
.brand { display: flex; align-items: center; gap: 12px; min-width: 230px; }
.brand-mark { display:none !important;
  width: 39px; height: 39px; border-radius: 50%; display: grid; place-items: center;
  background: var(--blue); color: white; font-size: 10px; font-weight: 700; letter-spacing: 1px;
}
.brand-copy { display: flex; flex-direction: column; }
.brand-copy strong { font-family: var(--font-primary); font-size: 22px; line-height: 1; }
.brand-copy small { font-size: 10px; color: var(--muted); margin-top: 4px; letter-spacing: .4px; }
.main-nav { display: flex; gap: 28px; align-items: center; font-size: 13px; }
.main-nav a { position: relative; padding: 30px 0; }
.main-nav a::after { content: ""; position: absolute; left: 0; bottom: 22px; width: 0; height: 1px; background: var(--ink); transition: width .25s ease; }
.main-nav a:hover::after { width: 100%; }
.header-actions { display: flex; gap: 8px; align-items: center; }
.icon-btn, .menu-btn {
  border: 0; background: transparent; min-width: 40px; min-height: 40px; border-radius: 50%;
  color: var(--ink); display: inline-grid; place-items: center; transition: background .2s ease, transform .2s ease;
}
.icon-btn:hover, .menu-btn:hover { background: rgba(114,134,148,.12); transform: translateY(-1px); }
.cart-trigger { min-width: 66px; border-radius: 999px; font-size: 12px; gap: 6px; }
.cart-trigger span { width: 20px; height: 20px; border-radius: 50%; background: var(--ink); color: white; display: grid; place-items: center; font-size: 10px; }
.menu-btn { display: none; font-size: 19px; }

.search-drawer { max-height: 0; overflow: hidden; background: var(--white); border-bottom: 1px solid var(--line); transition: max-height .35s ease; }
.search-drawer.active { max-height: 420px; }
.search-inner { padding: 18px 6vw; display: flex; align-items: center; gap: 12px; }
.search-inner input { flex: 1; border: 0; outline: 0; background: transparent; font-family: var(--font-primary); font-size: 30px; }
.search-results { padding: 0 6vw 28px; display: grid; gap: 6px; }
.search-result { padding: 10px 0; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); font-size: 14px; }

.hero {
  min-height: 730px; padding: 90px 8vw 70px; position: relative; overflow: hidden;
  display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; background: var(--blue-soft);
}
.hero-copy { position: relative; z-index: 2; max-width: 660px; }
.eyebrow { text-transform: uppercase; letter-spacing: 2.5px; font-size: 10px; font-weight: 700; color: var(--muted); }
.hero h1, h2 { font-family: var(--font-primary); font-weight: 500; line-height: .96; letter-spacing: -.03em; }
.hero h1 { font-size: clamp(66px, 8vw, 130px); margin: 18px 0 24px; }
.hero h1 em, h2 em { color: var(--blue-dark); font-style: italic; }
.hero p { max-width: 500px; font-size: 16px; color: #586165; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 999px; border: 1px solid transparent; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; transition: .25s ease; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(46,53,57,.12); }
.btn-dark { background: var(--ink); color: white; }
.btn-outline { background: transparent; border-color: rgba(32,36,37,.2); }
.full-btn { width: 100%; }
.hero-trust { display: flex; gap: 22px; flex-wrap: wrap; font-size: 11px; text-transform: uppercase; letter-spacing: 1.1px; color: #59656b; }
.hero-visual { min-height: 560px; position: relative; }
.hero-orbit { position: absolute; border: 1px solid rgba(32,36,37,.12); border-radius: 50%; }
.orbit-one { width: 530px; height: 530px; right: -50px; top: 10px; }
.orbit-two { width: 370px; height: 370px; right: 25px; top: 90px; }
.lens-disc { position: absolute; border-radius: 50%; filter: blur(.1px); }
.disc-one { width: 155px; height: 155px; right: 95px; top: 150px; background: rgba(255,255,255,.43); }
.disc-two { width: 210px; height: 210px; right: 245px; top: 255px; background: rgba(216,202,182,.36); }
.hero-product-stage {
  position: absolute; right: 34px; top: 125px; width: min(560px, 92%); aspect-ratio: 2 / 1;
  display: grid; place-items: center; border-radius: 34px; overflow: visible;
  background: linear-gradient(145deg, rgba(255,253,249,.62), rgba(228,236,239,.42));
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 28px 70px rgba(49,60,66,.12);
  perspective: 1200px;
  cursor: grab; touch-action: none; user-select: none;
}
.hero-product-stage:active { cursor: grabbing; }
.hero-product-image {
  width: 92%; height: auto; max-height: 100%; object-fit: contain; display: block;
  transform: translate3d(0,0,0) rotate(-1deg) scale(1);
  transform-origin: center;
  filter: drop-shadow(0 24px 25px rgba(49,60,66,.16));
  will-change: transform;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), filter .35s ease;
}
.hero-product-stage:hover .hero-product-image {
  filter: drop-shadow(0 30px 34px rgba(49,60,66,.2));
}
.hero-interaction-hint {
  position: absolute; left: 22px; bottom: -16px; padding: 9px 12px; border-radius: 999px;
  background: rgba(255,253,249,.9); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.8);
  font-size: 9px; letter-spacing: 1.3px; text-transform: uppercase; color: var(--muted);
  box-shadow: 0 12px 28px rgba(49,60,66,.1); pointer-events: none;
}
.floating-note, .hero-price { position: absolute; background: rgba(255,253,249,.86); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.7); box-shadow: var(--shadow); padding: 13px 16px; border-radius: 18px; font-size: 9px; letter-spacing: 1.3px; text-transform: uppercase; z-index: 3; }
.note-one { top: 80px; right: 40px; transform: rotate(5deg); }
.note-two { bottom: 108px; left: 4px; transform: rotate(-7deg); }
.hero-price { right: 70px; bottom: 55px; text-align: right; }
.hero-price strong { font-family: var(--font-primary); font-size: 28px; letter-spacing: 0; }

.ticker { padding: 15px 5vw; background: var(--ink); color: #fff; display: grid; grid-template-columns: repeat(5,1fr); text-align: center; gap: 10px; font-size: 9px; letter-spacing: 1.7px; }
.section-pad { padding: 92px 7vw; }
.intro { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8vw; align-items: end; background: var(--cream); }
.intro h2, .custom-copy h2, .lens-heading h2, .story-card h2 { font-size: clamp(48px, 5vw, 78px); margin: 15px 0 0; }
.intro > p { max-width: 480px; color: var(--muted); font-size: 16px; }

.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 34px; }
.section-heading h2 { margin: 12px 0 0; font-size: clamp(42px, 5vw, 70px); }
.text-btn { border: 0; background: transparent; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 10px; }
.category-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.category-card { min-height: 355px; border: 0; border-radius: var(--radius-lg); padding: 26px; position: relative; text-align: left; overflow: hidden; transition: .35s ease; }
.category-card:hover { transform: translateY(-8px) rotate(-.5deg); box-shadow: var(--shadow); }
.category-blue { background: #d1dbe0; }
.category-beige { background: var(--beige); }
.category-dark { background: var(--ink); color: white; }
.category-soft { background: #dfe7df; }
.category-kicker { font-size: 9px; letter-spacing: 1.7px; opacity: .7; }
.category-card h3 { font-family: var(--font-primary); font-size: 36px; font-weight: 500; margin: 25px 0 4px; }
.category-card p { margin: 0; font-size: 12px; opacity: .7; }
.category-arrow { position: absolute; right: 24px; top: 20px; font-size: 22px; }
.mini-frame { position: absolute; left: 42px; bottom: 58px; width: 180px; height: 80px; transform: rotate(-7deg); }
.mini-frame::before, .mini-frame::after { content:""; position:absolute; width: 72px; height: 56px; border: 8px solid var(--blue-dark); background: rgba(255,255,255,.18); }
.mini-frame::before { left: 0; border-radius: 35px; }
.mini-frame::after { right: 0; border-radius: 35px; }
.mini-rimless::before, .mini-rimless::after { border-width: 2px; }
.mini-aviator::before, .mini-aviator::after { border-radius: 50% 50% 42% 42%; }
.tint-stack { position:absolute; bottom:36px; left:30px; display:flex; align-items:end; gap:8px; }
.tint-stack i { display:block; width:55px; height:120px; border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(32,36,37,.08); transform: rotate(-7deg); }
.tint-stack i:nth-child(1) { background:#81909a; height:105px; }
.tint-stack i:nth-child(2) { background:#a98a73; height:130px; }
.tint-stack i:nth-child(3) { background:#8b9e8d; height:150px; }

.product-section { background: #eef2f3; }
.filter-row { display:flex; gap:10px; }
.filter-row select, .builder-row select { border: 1px solid var(--line); background: var(--white); border-radius: 999px; padding: 11px 14px; font-size: 12px; color: var(--ink); outline: none; }
.product-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:18px; }
.product-card { background: var(--white); border-radius: 26px; overflow:hidden; position:relative; border:1px solid rgba(32,36,37,.07); transition:.3s ease; }
.product-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.product-visual { height: 290px; position:relative; display:grid; place-items:center; overflow:hidden; }
.visual-blue { background:#d6e0e5; }
.visual-beige { background:#e6dccd; }
.visual-grey { background:#d7d9d7; }
.visual-olive { background:#d7dfd4; }
.visual-dark { background:#303537; }
.visual-blue2 { background:#c9d9e6; }
.product-frame { width: 180px; height: 82px; display:flex; justify-content:center; gap:10px; position:relative; transform: rotate(-8deg); filter:drop-shadow(0 18px 16px rgba(0,0,0,.12)); }
.product-frame span { display:block; width:74px; height:57px; border:8px solid var(--ink); background:rgba(255,255,255,.16); }
.product-frame span:first-child { border-radius: 34px 34px 26px 26px; }
.product-frame span:nth-child(2) { border-radius: 34px 34px 26px 26px; }
.product-frame i { position:absolute; width:26px; height:7px; background:var(--ink); top:25px; left:77px; border-radius:999px; }
.product-frame.rimless span { border-width:2px; }
.product-frame.aviator span { border-radius:50% 50% 45% 45%; }
.product-frame.sun span { background:rgba(34,39,41,.38); }
.product-badges { position:absolute; top:15px; left:15px; z-index:3; display:flex; flex-direction:column; align-items:flex-start; gap:5px; max-width:calc(100% - 30px); pointer-events:none; }
.product-badge { position:static; display:inline-block; max-width:100%; padding:7px 9px; border-radius:999px; background:rgba(255,253,249,.88); font-size:9px; letter-spacing:1px; text-transform:uppercase; line-height:1.25; overflow-wrap:anywhere; }
.wishlist { position:absolute; top:14px; right:14px; border:0; background:rgba(255,253,249,.78); width:34px; height:34px; border-radius:50%; }
.product-info { padding:18px; }
.product-meta { font-size:10px; color:var(--muted); letter-spacing:1px; text-transform:uppercase; }
.product-name { font-family:var(--font-primary); font-size:24px; margin:5px 0 0; }
.product-desc { min-height:37px; font-size:12px; color:var(--muted); margin:7px 0 14px; }
.product-bottom { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.product-price { font-size:15px; font-weight:700; }
.add-mini { border:0; padding:10px 14px; border-radius:999px; background:var(--ink); color:#fff; font-size:10px; letter-spacing:1px; text-transform:uppercase; }

.custom-section { display:grid; grid-template-columns: .95fr 1.05fr; gap:70px; align-items:center; background:var(--beige); }
.custom-copy p { max-width:510px; color:var(--muted); font-size:15px; margin:24px 0 28px; }
.custom-builder { background:rgba(255,253,249,.78); border:1px solid rgba(32,36,37,.09); border-radius:var(--radius-lg); padding:26px; box-shadow:var(--shadow); backdrop-filter:blur(12px); }
.builder-top { display:flex; justify-content:space-between; font-size:10px; letter-spacing:1.7px; text-transform:uppercase; color:var(--muted); }
.builder-preview { height:300px; margin:16px 0; border-radius:24px; background:linear-gradient(135deg,#d7e0e4,#efe5d8); position:relative; display:grid; place-items:center; overflow:hidden; }
.builder-preview::before { content:""; width:270px; height:270px; border:1px solid rgba(32,36,37,.12); border-radius:50%; position:absolute; }
.preview-frame { width:220px; height:110px; display:flex; justify-content:center; gap:14px; position:relative; transform:rotate(-8deg); z-index:2; }
.preview-frame span { width:88px; height:66px; border:9px solid var(--ink); background:rgba(255,255,255,.18); transition:.25s ease; }
.preview-frame span:first-child, .preview-frame span:nth-child(2) { border-radius:40px; }
.preview-frame i { position:absolute; top:28px; width:31px; height:8px; background:var(--ink); border-radius:999px; }
.preview-label { position:absolute; bottom:14px; font-size:9px; letter-spacing:1.2px; color:var(--muted); }
.builder-row { display:grid; grid-template-columns: 1fr 1fr; gap:15px; margin-bottom:15px; }
.builder-row > div { display:flex; flex-direction:column; gap:8px; }
.builder-row label { font-size:10px; text-transform:uppercase; letter-spacing:1.3px; color:var(--muted); }
.builder-row select { width:100%; }
.swatches { display:flex; gap:8px; flex-wrap:wrap; }
.swatch { width:28px; height:28px; border-radius:50%; border:2px solid transparent; background:var(--swatch); box-shadow:inset 0 0 0 1px rgba(32,36,37,.13); }
.swatch.active { border-color:var(--ink); outline:2px solid rgba(255,255,255,.8); outline-offset:1px; }

.lens-section { background:var(--cream); }
.lens-heading { margin-bottom:45px; }
.lens-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:1px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.lens-grid article { padding:28px 20px 18px; min-height:220px; border-right:1px solid var(--line); }
.lens-grid article:last-child { border-right:0; }
.lens-grid span { font-size:10px; color:var(--muted); }
.lens-grid h3 { font-family:var(--font-primary); font-size:31px; font-weight:500; margin:35px 0 8px; }
.lens-grid p { color:var(--muted); font-size:13px; max-width:210px; }

.story-section { display:grid; grid-template-columns:1.3fr .7fr; gap:40px; align-items:center; background:#e0e6e2; }
.story-card { background:rgba(255,253,249,.6); padding:50px; border-radius:var(--radius-lg); }
.story-card h2 { margin-bottom:45px; }
.story-points { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.story-points div { padding-top:18px; border-top:1px solid var(--line); display:flex; flex-direction:column; }
.story-points strong { font-family:var(--font-primary); font-size:24px; font-weight:500; }
.story-points span { margin-top:6px; font-size:11px; color:var(--muted); }
.story-orbit { min-height:320px; display:grid; place-items:center; position:relative; }
.story-ring { width:260px; height:260px; border:1px solid rgba(32,36,37,.16); border-radius:50%; box-shadow:0 0 0 32px rgba(255,255,255,.13), 0 0 0 68px rgba(255,255,255,.09); animation: float 4s ease-in-out infinite; }
.story-core { position:absolute; width:116px; height:116px; border-radius:50%; background:var(--white); display:grid; place-items:center; box-shadow:var(--shadow); overflow:hidden; border:1px solid rgba(32,36,37,.08); }
.story-core img { width:60% !important; height:60% !important; max-width:60% !important; max-height:60% !important; object-fit:contain !important; object-position:center !important; border-radius:50% !important; display:block !important; }
@keyframes float { 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-8px) rotate(2deg)} }

.site-footer { background:var(--ink); color:#fff; padding:70px 7vw 24px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
.footer-brand { font-family:var(--font-primary); font-size:28px; margin-bottom:8px; }
.site-footer p { color:#b8bdbe; margin:0; font-size:12px; }
.site-footer h4 { margin:0 0 18px; font-size:12px; text-transform:uppercase; letter-spacing:1.4px; }
.site-footer a { display:block; color:#b8bdbe; font-size:12px; margin-bottom:10px; }
.site-footer a:hover { color:#fff; }
.copyright { margin-top:60px; padding-top:18px; border-top:1px solid rgba(255,255,255,.13); color:#858c8e; font-size:11px; }

.cart-panel { position:fixed; right:-500px; top:0; width:min(460px,100%); height:100vh; z-index:80; background:var(--white); padding:28px; box-shadow:-30px 0 60px rgba(0,0,0,.12); transition:right .35s ease; display:flex; flex-direction:column; }
.cart-panel.active { right:0; }
.cart-header { display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); padding-bottom:20px; }
.cart-header h2 { font-size:34px; margin:8px 0 0; }
.cart-items { overflow:auto; padding:8px 0; }
.cart-item { display:grid; grid-template-columns:72px 1fr auto; gap:12px; padding:16px 0; border-bottom:1px solid var(--line); }
.cart-thumb { width:72px; height:72px; border-radius:16px; display:grid; place-items:center; }
.cart-thumb .product-frame { transform:scale(.55) rotate(-8deg); }
.cart-name { font-family:var(--font-primary); font-size:19px; margin-bottom:3px; }
.cart-meta, .cart-line-price { font-size:11px; color:var(--muted); }
.qty { display:flex; align-items:center; gap:8px; margin-top:8px; }
.qty button { border:1px solid var(--line); background:transparent; width:25px; height:25px; border-radius:50%; }
.remove-link { margin-top:7px; border:0; background:transparent; padding:0; color:#8d8f90; font-size:10px; }
.cart-summary { margin-top:auto; border-top:1px solid var(--line); padding-top:20px; }
.cart-summary > div { display:flex; justify-content:space-between; gap:20px; padding:6px 0; font-size:12px; }
.cart-summary .grand { margin:8px 0 18px; font-size:16px; }
.cart-empty { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--muted); }
.empty-glyph { font-size:50px; margin-bottom:12px; }
.overlay { position:fixed; inset:0; background:rgba(18,22,24,.44); z-index:70; opacity:0; pointer-events:none; transition:.25s ease; }
.overlay.active { opacity:1; pointer-events:auto; }

.checkout-dialog { border:0; padding:0; width:min(1020px, 94vw); max-height:94vh; border-radius:30px; background:var(--white); color:var(--ink); box-shadow:0 30px 100px rgba(0,0,0,.24); }
.checkout-dialog::backdrop { background:rgba(18,22,24,.56); }
.checkout-shell { padding:34px; position:relative; max-height:94vh; overflow:auto; }
.dialog-close { position:absolute; top:18px; right:18px; }
.checkout-copy { margin:0 0 28px; }
.checkout-copy h2 { font-size:56px; margin:10px 0; }
.checkout-copy p { color:var(--muted); margin:0; }
.checkout-form { display:grid; gap:18px; }
.checkout-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-block, .checkout-review { border:1px solid var(--line); border-radius:22px; padding:20px; }
.form-block h3, .checkout-review h3 { margin:0 0 16px; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; }
.form-block label { display:flex; flex-direction:column; gap:6px; font-size:11px; color:var(--muted); margin-bottom:12px; }
.form-block input, .form-block textarea { width:100%; border:1px solid var(--line); border-radius:14px; background:#fbfaf7; padding:11px 12px; outline:none; color:var(--ink); }
.form-block input:focus, .form-block textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(114,134,148,.1); }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.review-line { display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid var(--line); font-size:12px; }
.review-total { display:flex; justify-content:space-between; margin-top:16px; font-size:16px; }
.payment-note { display:flex; gap:10px; padding:14px; border-radius:16px; background:#eef3f0; color:#5c6863; font-size:10px; }
.secure-dot { width:9px; height:9px; min-width:9px; margin-top:3px; border-radius:50%; background:#77957e; }

.toast { position:fixed; left:50%; bottom:24px; transform:translate(-50%,20px); background:var(--ink); color:#fff; padding:11px 16px; border-radius:999px; font-size:11px; z-index:120; opacity:0; pointer-events:none; transition:.25s ease; }
.toast.active { opacity:1; transform:translate(-50%,0); }

@media (max-width: 1050px) {
  .main-nav { display:none; }
  .menu-btn { display:inline-grid; }
  .hero { grid-template-columns:1fr; min-height:auto; padding-top:70px; }
  .hero-visual { min-height:450px; }
  .category-grid, .product-grid { grid-template-columns:repeat(2,1fr); }
  .custom-section, .intro, .story-section { grid-template-columns:1fr; }
  .lens-grid { grid-template-columns:repeat(2,1fr); }
  .lens-grid article:nth-child(2) { border-right:0; }
  .footer-grid { grid-template-columns:2fr 1fr 1fr; }
}

@media (max-width: 700px) {
  .offer-bar { flex-wrap:wrap; gap:7px; font-size:8px; }
  .site-header { min-height:70px; padding:0 18px; }
  .brand { min-width:0; }
  .brand-copy strong { font-size:18px; }
  .brand-copy small { font-size:8px; }
  .header-actions { gap:3px; }
  .hero { padding:65px 22px 38px; }
  .hero h1 { font-size:60px; }
  .hero-visual { min-height:380px; }
  .orbit-one { width:380px; height:380px; right:-65px; }
  .orbit-two { width:270px; height:270px; right:-5px; top:70px; }
  .frame-hero { right:28px; top:140px; transform:scale(.78) rotate(-6deg); }
  .note-one { right:14px; top:35px; }
  .note-two { left:3px; bottom:64px; }
  .hero-price { right:18px; bottom:18px; }
  .hero-interaction-hint { left: 16px; bottom: -14px; font-size: 8px; }
  .ticker { grid-template-columns:repeat(2,1fr); row-gap:9px; padding:14px 18px; }
  .ticker div:last-child { grid-column:1 / -1; }
  .section-pad { padding:68px 22px; }
  .section-heading { align-items:flex-start; flex-direction:column; }
  .filter-row { width:100%; }
  .filter-row select { flex:1; }
  .category-grid, .product-grid { grid-template-columns:1fr; }
  .custom-section { gap:35px; }
  .builder-row, .checkout-grid { grid-template-columns:1fr; }
  .lens-grid { grid-template-columns:1fr; }
  .lens-grid article { border-right:0; border-bottom:1px solid var(--line); }
  .story-card { padding:30px; }
  .story-points { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid > div:first-child { grid-column:1 / -1; }
  .checkout-shell { padding:24px 18px; }
  .checkout-copy h2 { font-size:45px; }
}
.product-photo{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:1;mix-blend-mode:multiply}.cart-photo{width:58px;height:58px;object-fit:contain;display:block;mix-blend-mode:multiply}

.catalogue-status{min-height:1.2em;margin:-14px 0 18px;color:#66717f;font-size:12px;letter-spacing:.03em}
.catalogue-status.error{color:#9a4f4f}

/* Eye Sight City V2 refinements */
.brand-logo-wrap{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px}.brand-logo{width:44px;height:44px;object-fit:cover;border-radius:50%;display:block}.brand-mark{width:44px;height:44px;display:none !important;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:700;letter-spacing:1.5px}.header-count{font-size:9px;min-width:15px;height:15px;padding:0 4px;display:inline-grid;place-items:center;border-radius:999px;background:var(--blue);color:#fff;vertical-align:middle}.search-drawer{max-height:0;overflow:hidden;background:rgba(246,243,238,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:max-height .3s ease}.search-drawer.active{max-height:310px}.search-inner{padding:14px 5.5vw 18px;max-width:900px;margin:0 auto}.search-shell{width:min(430px,100%);margin-left:auto;display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:7px 10px 7px 14px;box-shadow:0 12px 30px rgba(46,53,57,.07)}.search-shell span{color:var(--muted)}.search-shell input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.search-results{width:min(430px,100%);margin:8px 0 0 auto}.search-result{display:flex;width:100%;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 4px;text-align:left;font-size:11px}.search-result small{color:var(--muted)}
.hero{overflow:hidden}.bubble-cloud{position:absolute;inset:10px 0 0 0;z-index:2;pointer-events:auto}.eyewear-bubble{position:absolute;border:1px solid rgba(255,255,255,.85);background:rgba(255,253,249,.78);backdrop-filter:blur(10px);border-radius:50%;padding:6px;box-shadow:0 14px 30px rgba(49,60,66,.13);display:grid;place-items:center;transition:transform .35s ease,box-shadow .25s ease;touch-action:none;user-select:none;animation:bubbleFloat 4.5s ease-in-out infinite;animation-delay:var(--delay)}.eyewear-bubble:hover,.eyewear-bubble.dragging{box-shadow:0 24px 40px rgba(49,60,66,.22);z-index:6}.eyewear-bubble img{width:100%;height:100%;object-fit:contain;border-radius:50%;pointer-events:none;mix-blend-mode:multiply}.reactive-note{position:absolute;background:rgba(255,253,249,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);padding:12px 14px;border-radius:18px;font-size:9px;letter-spacing:1.3px;text-transform:uppercase;z-index:8;color:var(--ink);text-align:left;transition:transform .3s ease;touch-action:none}.note-one{top:62px;right:18px;transform:rotate(4deg)}.note-style{top:36%;left:8px;transform:rotate(-7deg)}.note-frame{right:28px;bottom:22%;transform:rotate(6deg)}.note-drag{left:8%;bottom:70px;transform:rotate(-4deg)}.reactive-note.dragging{z-index:10;box-shadow:0 25px 45px rgba(46,53,57,.22)}.hero-visual{min-height:560px}.hero-trust,.hero-price{display:none}.hero h1{font-size:clamp(58px,7vw,92px)}@keyframes bubbleFloat{0%,100%{margin-top:0}50%{margin-top:-7px}}
.product-card{cursor:pointer}.product-photo{padding:18px;object-fit:contain;object-position:center;width:100%;height:100%;mix-blend-mode:multiply}.product-visual{height:320px}.product-info{padding:15px 17px 14px}.product-desc{min-height:34px;margin:5px 0 10px}.product-bottom{align-items:end}.product-mrp{font-size:10px;color:var(--muted)}.view-chip{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(255,253,249,.82);font-size:8px;letter-spacing:1px;text-transform:uppercase;opacity:0;transform:translateY(4px);transition:.25s ease;pointer-events:none}.product-card:hover .view-chip{opacity:1;transform:translateY(0)}.wishlist{z-index:3}.wishlist.is-saved{color:#a94d5a;background:#fff5f5}
.custom-rule{display:inline-flex;padding:9px 12px;border:1px solid rgba(32,36,37,.12);border-radius:999px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.single-builder-row{grid-template-columns:1fr 1fr}.site-footer{padding-top:52px;padding-bottom:18px}.admin-link{margin-top:10px;font-size:10px}.copyright{margin-top:30px}
.wishlist-panel{position:fixed;right:-480px;top:0;width:min(430px,100%);height:100vh;z-index:85;background:var(--white);padding:28px;box-shadow:-30px 0 60px rgba(0,0,0,.12);transition:right .35s ease;display:flex;flex-direction:column}.wishlist-panel.active{right:0}.wishlist-items{overflow:auto;padding-top:8px}.wishlist-item{width:100%;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;text-align:left}.wishlist-thumb{width:74px;height:74px;border-radius:18px;display:grid;place-items:center;overflow:hidden}.wishlist-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.wishlist-thumb .product-frame{transform:scale(.55)}.wishlist-item span{display:flex;flex-direction:column;gap:4px}.wishlist-item strong{font-family:var(--font-primary);font-size:18px;font-weight:500}.wishlist-item small{font-size:10px;color:var(--muted)}.wishlist-item em{font-style:normal;color:var(--muted)}.wishlist-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}
.product-flow-dialog{border:0;padding:0;width:min(780px,94vw);max-height:92vh;border-radius:28px;background:var(--white);box-shadow:0 30px 100px rgba(0,0,0,.24)}.product-flow-dialog::backdrop{background:rgba(18,22,24,.58)}.flow-shell{padding:30px;position:relative;max-height:92vh;overflow:auto}.flow-head h2{font-family:var(--font-primary);font-size:46px;font-weight:500;margin:8px 0 4px}.flow-head p{color:var(--muted);margin:0 0 20px;font-size:12px}.flow-stepper{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.flow-stepper span{padding:7px 10px;border-radius:999px;border:1px solid var(--line);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.flow-stepper span.active{background:var(--ink);color:#fff;border-color:var(--ink)}.flow-step h3{font-size:15px;margin:0 0 16px}.flow-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-method{border:1px solid var(--line);border-radius:18px;background:var(--cream);padding:15px;text-align:left}.flow-method.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(114,134,148,.1)}.flow-method strong,.flow-method small{display:block}.flow-method small{color:var(--muted);margin-top:5px}.flow-pane{margin-top:14px}.file-picker{display:flex;gap:12px;align-items:center;border:1px dashed rgba(32,36,37,.2);border-radius:18px;padding:18px;background:#faf9f5;cursor:pointer}.file-picker input{display:none}.file-icon{width:38px;height:38px;border-radius:50%;background:var(--blue-soft);display:grid;place-items:center}.file-picker b,.file-picker small{display:block}.file-picker small{color:var(--muted);font-size:10px;margin-top:3px}.rx-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rx-side{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:1px solid var(--line);border-radius:18px;padding:12px}.rx-side strong{grid-column:1/-1;font-size:9px;letter-spacing:1px;color:var(--muted)}.rx-side input,.rx-extra input{border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--white);outline:none;min-width:0;font-size:11px}.rx-extra{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.skip-rx{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted);margin:12px 0}.lens-options{display:grid;gap:10px}.lens-option{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:var(--cream);text-align:left}.lens-option.selected{border-color:var(--blue);background:#edf2f4;box-shadow:0 0 0 3px rgba(114,134,148,.08)}.lens-option span{display:flex;flex-direction:column}.lens-option strong{font-size:12px}.lens-option small{font-size:10px;color:var(--muted);margin-top:2px}.lens-option b{font-size:10px}.flow-price-line,.summary-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.flow-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.flow-summary>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.flow-summary>div span{color:var(--muted)}
.product-detail-page{padding:50px 7vw 80px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:28px}.product-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}.detail-visual-wrap{position:sticky;top:110px}.detail-visual{min-height:520px;border-radius:32px;background:linear-gradient(140deg,#d8e1e5,#efe4d8);display:grid;place-items:center;overflow:hidden}.detail-photo{width:94%;height:94%;object-fit:contain;mix-blend-mode:multiply}.detail-fallback{width:100%;height:100%;min-height:520px;display:grid;place-items:center}.detail-mini-row{display:flex;gap:10px;margin-top:12px}.detail-mini-row:empty{display:none}.detail-copy{padding-top:24px}.detail-copy h1{font-family:var(--font-primary);font-size:clamp(58px,6vw,90px);font-weight:500;line-height:.95;margin:10px 0}.detail-meta,.detail-desc{color:var(--muted)}.detail-price-line{display:flex;align-items:baseline;gap:12px;margin:16px 0}.detail-price-line strong{font-size:26px}.detail-price-line del{font-size:12px;color:var(--muted)}.detail-desc{max-width:540px;font-size:15px}.detail-option-block{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.detail-label{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.colour-swatches{display:flex;gap:9px;flex-wrap:wrap}.detail-colour{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--white);border-radius:999px;padding:7px 10px;font-size:10px}.detail-colour span{width:16px;height:16px;border-radius:50%;background:var(--sw);display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.detail-colour.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(114,134,148,.1)}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-facts div{border:1px solid var(--line);border-radius:15px;padding:12px}.detail-facts span,.detail-facts strong{display:block}.detail-facts span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.detail-facts strong{margin-top:5px;font-size:12px}.detail-note{font-size:10px;color:var(--muted);margin-top:10px}.related-section{background:#eef2f3}
@media(max-width:900px){.hero-visual{min-height:470px}.product-detail-grid{grid-template-columns:minmax(0,1fr);gap:14px}.detail-visual-wrap{position:static;top:auto;min-height:0;height:auto}.detail-copy{padding-top:0}.detail-visual{min-height:0;height:auto}.detail-fallback{min-height:0;height:auto}.flow-methods,.rx-grid{grid-template-columns:1fr}.detail-facts{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.site-header{padding:0 16px}.brand-copy{display:none}.brand-logo-wrap{margin-right:auto}.header-actions{gap:4px}.search-shell{margin:0;width:100%}.hero-visual{min-height:400px}.bubble-cloud{inset:0}.eyewear-bubble{padding:4px}.note-style{top:34%;left:2px}.note-frame{right:4px;bottom:24%}.note-drag{left:4%;bottom:60px}.flow-shell{padding:22px}.product-detail-page{padding:30px 20px 60px}.detail-copy h1{font-size:54px}.detail-facts{grid-template-columns:1fr}.product-visual{height:300px}}

/* Eye Sight City V3 refinements */
.hero-static{min-height:520px;position:relative;display:grid;place-items:center;overflow:hidden}
.hero-static-disc{position:absolute;width:min(500px,88%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(216,202,182,.55),rgba(114,134,148,.14) 60%,transparent 72%);border:1px solid rgba(32,36,37,.08)}
.hero-static img{position:relative;z-index:2;width:min(560px,92%);max-height:430px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 24px 25px rgba(49,60,66,.14))}
.hero-static-label{position:absolute;z-index:3;right:10%;bottom:42px;background:rgba(255,253,249,.9);border:1px solid rgba(255,255,255,.85);border-radius:999px;padding:9px 13px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}
.bubble-cloud,.reactive-note,.hero-orbit,.orbit-one,.orbit-two{display:none!important}
.category-card .mini-frame,.category-card .tint-stack{display:none!important}
.category-card{min-height:245px;padding:24px}
.category-card h3{margin-top:20px}
.lens-card-link{display:block}
.lens-card-link article{height:100%}
.product-visual{height:270px}
.product-photo{padding:10px}
.product-info{padding:11px 14px 11px}
.product-meta{font-size:9px}
.product-name{font-size:21px;margin:3px 0 0}
.product-desc{font-size:11px;min-height:28px;margin:3px 0 7px;line-height:1.35}
.add-mini{padding:8px 11px;font-size:9px}
.product-bottom{gap:7px}
.product-price{font-size:14px}
.view-chip{bottom:8px}
.detail-empty-option{padding:12px 14px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:11px}
.detail-colour{display:inline-flex;align-items:center;gap:8px}
.detail-colour span{width:18px;height:18px;border-radius:50%;background:var(--sw);border:1px solid rgba(32,36,37,.12);display:block}
.lens-option{min-height:62px}
.tintverse-option{border-color:rgba(114,134,148,.45);background:rgba(219,226,231,.38)}
.payment-method-block{margin-top:22px}
.payment-method-block h3{margin-bottom:10px}
.payment-choice{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:13px 14px;margin:8px 0;background:var(--white);cursor:pointer}
.payment-choice:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px rgba(114,134,148,.1)}
.payment-choice input{margin-top:4px;accent-color:var(--blue)}
.payment-choice span{display:flex;flex-direction:column}
.payment-choice strong{font-size:12px}
.payment-choice small{font-size:10px;color:var(--muted);margin-top:2px}
@media(max-width:700px){
  .hero-static{min-height:360px}
  .hero-static img{width:92%;max-height:300px}
  .hero-static-label{right:5%;bottom:20px}
  .category-card{min-height:210px}
  .product-visual{height:245px}
  .product-info{padding:10px 12px}
  .product-name{font-size:19px}
}


/* Final product interface refresh */
.product-page-modern .site-header .brand-logo-wrap{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(32,36,37,.12);background:#f7f1ea;display:grid;place-items:center;flex:none}
.product-page-modern .site-header .brand-logo{width:100%;height:100%;object-fit:cover;display:block}
.product-page-modern .product-detail-page{padding:34px 6vw 90px}
.product-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.back-link{font-size:11px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:4px}
.product-top-note{font-size:9px;letter-spacing:1.8px;color:var(--muted)}
.modern-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:7vw}
.modern-detail-visual{min-height:650px;border-radius:28px;background:linear-gradient(135deg,#e8edef 0%,#f4e9de 100%);position:relative;border:1px solid rgba(32,36,37,.06);box-shadow:0 25px 70px rgba(50,60,66,.08)}
.detail-visual-kicker{position:absolute;top:22px;left:24px;font-size:9px;letter-spacing:2px;color:var(--muted);z-index:3}
.detail-visual-inner{width:100%;height:100%;min-height:650px;display:grid;place-items:center;overflow:hidden}
.modern-detail-visual .detail-photo{width:92%;height:92%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 30px 25px rgba(49,60,66,.12))}
.modern-detail-visual .detail-fallback{min-height:650px}
.modern-detail-copy{padding-top:28px}
.modern-detail-copy h1{font-family:var(--font-primary);font-size:clamp(58px,6vw,92px);font-weight:500;letter-spacing:-2px;line-height:.9;margin:12px 0 10px;max-width:680px}
.modern-detail-copy .detail-meta{font-size:12px;letter-spacing:.3px;margin-bottom:4px}
.modern-detail-copy .detail-price-line{margin:22px 0 12px}
.modern-detail-copy .detail-price-line strong{font-size:30px}
.modern-detail-copy .detail-desc{font-size:14px;line-height:1.65;max-width:560px}
.modern-option-block{padding-top:24px;margin-top:24px}
.modern-facts{grid-template-columns:repeat(2,1fr)}
.modern-facts div{background:rgba(255,255,255,.55);border-color:rgba(32,36,37,.09)}
.product-buy-card{margin-top:28px;padding:20px;border:1px solid rgba(32,36,37,.09);border-radius:22px;background:rgba(255,253,249,.8);box-shadow:0 18px 45px rgba(50,60,66,.06)}
.product-buy-card>div{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px}
.product-buy-card>div span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.product-buy-card>div strong{font-size:13px;font-weight:600}
.product-buy-card .full-btn{margin:0}
.product-buy-card .detail-note{margin-bottom:0}
.modern-related{margin-top:50px;border-radius:30px}

@media(max-width:900px){
 .modern-detail-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .modern-detail-visual,.detail-visual-inner,.modern-detail-visual .detail-fallback{min-height:0;height:auto}
 .modern-detail-copy{padding-top:0}
 .product-topline{margin-bottom:15px}
}
@media(max-width:700px){
 .product-page-modern .site-header .brand-logo-wrap{width:42px;height:42px}
 .product-page-modern .product-detail-page{padding:24px 18px 60px}
 .product-top-note{display:none}
 .modern-detail-visual,.detail-visual-inner,.modern-detail-visual .detail-fallback{min-height:0;height:auto}
 .modern-detail-copy h1{font-size:52px;letter-spacing:-1px}
 .modern-facts{grid-template-columns:1fr 1fr}
 .product-buy-card>div{display:block}
 .product-buy-card>div strong{display:block;margin-top:5px}
}

/* Story logo: keep the logo exactly inside the circular badge */
.story-core{width:116px;height:116px;overflow:hidden;border-radius:50%;}
.story-core img{width:60% !important;height:60% !important;max-width:60% !important;max-height:60% !important;object-fit:contain !important;object-position:center !important;border-radius:50% !important;display:block !important;}

/* ===== Eye Sight City 2026 responsive + motion refinement ===== */
html{scroll-behavior:smooth}
.product-card{will-change:transform,opacity;animation:escCardIn .42s ease both}
@keyframes escCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.product-photo{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;padding:12px!important;mix-blend-mode:multiply!important}
.product-visual{overflow:hidden!important}
.product-card:hover .product-photo{transform:scale(1.025);transition:transform .28s ease}
.wishlist{transition:transform .18s ease,background .18s ease,color .18s ease}
.wishlist:active,.add-mini:active{transform:scale(.94)}
.add-mini{transition:transform .18s ease,opacity .18s ease}
.add-mini:disabled{opacity:.45;cursor:not-allowed}
.out-of-stock{position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:999px;background:rgba(32,36,37,.82);color:#fff;font-size:9px;letter-spacing:1px;text-transform:uppercase;z-index:4}
.info-page{min-height:70vh;background:var(--blue-soft)}
.info-page h1{font-family:var(--font-primary);font-size:clamp(58px,8vw,100px);font-weight:500;line-height:.95;margin:14px 0}
.info-lead{font-size:18px;color:var(--muted);max-width:650px;margin-bottom:38px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card,.policy-card{background:var(--white);border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 12px 35px rgba(46,53,57,.06)}
.info-card h2,.policy-card h2{font-family:var(--font-primary);font-weight:500;font-size:30px;margin:0 0 10px}
.info-card p,.policy-card p{color:var(--muted);line-height:1.65}
.policy-card{max-width:900px}.policy-card h2{margin-top:26px}.policy-card h2:first-child{margin-top:0}
.mobile-menu-drawer{position:fixed;inset:0 0 0 auto;width:min(360px,92vw);background:var(--white);z-index:120;padding:80px 28px 30px;box-shadow:-30px 0 80px rgba(0,0,0,.16);display:flex;flex-direction:column;gap:6px;transform:translateX(105%);transition:transform .28s ease}
.mobile-menu-drawer.active{transform:translateX(0)}
.mobile-menu-drawer a{padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-family:var(--font-primary);font-size:24px}
.mobile-menu-close{position:absolute;right:18px;top:18px;border:0;background:var(--cream);border-radius:50%;width:38px;height:38px;font-size:22px}
@media(max-width:700px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .product-card{min-width:0;border-radius:20px}
  .product-visual{height:180px!important}
  .product-photo{padding:8px!important}
  .product-info{padding:9px 10px 10px!important}
  .product-meta{font-size:7px!important;letter-spacing:.8px}
  .product-name{font-size:17px!important;line-height:1.05;margin:4px 0!important}
  .product-desc{font-size:9px!important;line-height:1.25!important;min-height:0!important;margin:4px 0 8px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .product-bottom{gap:5px!important;align-items:center!important}
  .product-price{font-size:13px!important}
  .product-mrp{font-size:8px!important}
  .add-mini{padding:7px 8px!important;font-size:7px!important;white-space:nowrap}
  .wishlist{width:30px!important;height:30px!important;top:9px!important;right:9px!important;font-size:17px}
  .product-badges{top:9px!important;left:9px!important;gap:4px!important;max-width:calc(100% - 18px)!important}.product-badge{padding:5px 7px!important;font-size:7px!important}
  .info-grid{grid-template-columns:1fr}
  .info-page h1{font-size:58px}
}
@media(min-width:701px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-visual{min-height:290px}.product-photo{padding:18px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card,.product-photo,.wishlist,.add-mini{animation:none!important;transition:none!important}.product-card:hover{transform:none}.mobile-menu-drawer{transition:none}}
.tintverse-feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--beige)}.tintverse-feature-copy h2{font-family:var(--font-primary);font-size:clamp(48px,6vw,84px);font-weight:500;line-height:.95;margin:14px 0 20px}.tintverse-feature-copy p{max-width:520px;color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:26px}.tintverse-feature-art{min-height:360px;border-radius:30px;background:rgba(255,253,249,.55);display:grid;place-items:center;position:relative;overflow:hidden}.tv-art-circle{width:min(300px,65%);aspect-ratio:1;border-radius:50%;background:linear-gradient(155deg,rgba(164,183,195,.35),rgba(114,134,148,.82),rgba(87,104,116,.9));box-shadow:0 30px 60px rgba(46,53,57,.16);border:8px solid rgba(255,255,255,.65)}.tintverse-feature-art span{position:absolute;bottom:22px;left:24px;font-size:9px;letter-spacing:2px;color:var(--muted)}.testimonials-section{background:var(--cream)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:22px}.testimonial-card p{font-family:var(--font-primary);font-size:20px;line-height:1.2;margin:12px 0 20px}.testimonial-card strong,.testimonial-card small{display:block}.testimonial-card small{color:var(--muted);margin-top:4px}.stars{letter-spacing:3px}.review-video-block{margin-top:70px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.video-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:10px;overflow:hidden}.video-card iframe,.video-card video{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#dce3e7;display:block}.video-card strong{display:block;padding:10px 6px 4px}.testimonial-empty{padding:30px;border:1px dashed var(--line);border-radius:22px;color:var(--muted);grid-column:1/-1}.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:70;background:#202425;color:#fff;text-decoration:none;padding:12px 15px;border-radius:999px;font-size:10px;letter-spacing:1px;box-shadow:0 14px 35px rgba(0,0,0,.18)}.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.reveal-on-scroll.is-visible{opacity:1;transform:none}@media(max-width:700px){.tintverse-feature{grid-template-columns:1fr}.tintverse-feature-art{min-height:300px}.testimonial-grid,.video-grid{grid-template-columns:1fr}.review-video-block{margin-top:48px}.floating-whatsapp{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none}}
/* Product gallery sizing is owned by vnext2.css; no duplicate late image sizing rule. */
html,body{max-width:100%;overflow-x:hidden}.product-grid,.product-card,.product-visual,.product-info{min-width:0}

/* Customer account / checkout gate / success confirmation */
.account-gate-dialog,.thank-you-dialog{border:0;padding:0;background:transparent;max-width:min(92vw,520px);width:100%}.account-gate-dialog::backdrop,.thank-you-dialog::backdrop{background:rgba(18,23,25,.54);backdrop-filter:blur(6px)}.account-gate-card,.thank-you-card{position:relative;background:var(--cream,#fbfaf7);border:1px solid var(--line,#ddd9d1);border-radius:26px;padding:32px;box-shadow:0 28px 80px rgba(0,0,0,.2)}.account-gate-card h2,.thank-you-card h2{font-family:var(--font-primary,Georgia,serif);font-weight:500;font-size:42px;line-height:1;margin:10px 0 14px}.account-gate-card p,.thank-you-card p{color:var(--muted,#717778);line-height:1.6}.account-gate-actions,.thank-you-actions{display:grid;gap:10px;margin-top:22px}.thank-you-card{text-align:center}.thank-you-glyph{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:18px auto;font-size:34px;background:#e9f3eb;color:#2f6b3f;border:1px solid #cfe3d3}.thank-you-main{color:#202425!important;font-size:17px}.thank-you-card strong{display:block;margin-top:16px;letter-spacing:.08em}.account-link{text-decoration:none}.mobile-menu-drawer .account-link{display:block}


/* ===== ESC refinements 2026-09-21 ===== */
.video-card{display:flex;flex-direction:column;align-items:stretch}
.video-card .video-media-frame{width:100%;max-width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center}
.video-card .video-media-frame.social-vertical{width:min(100%,360px);margin:0 auto;aspect-ratio:9/16}
.video-card .video-media-frame.youtube-frame,.video-card .video-media-frame.vimeo-frame{aspect-ratio:16/9}
.video-card .video-media-frame iframe,.video-card .video-media-frame video{width:100%;height:100%;border:0;display:block}
.video-card .video-media-frame video{object-fit:contain;background:#111}
.video-card .video-media-frame iframe{background:#fff}
.video-card strong{display:block;padding:10px 6px 4px}
@media(max-width:700px){
  .video-card .video-media-frame.social-vertical{width:min(100%,330px)}
}