:root {
  --ink: #23170f;
  --brown: #21170f;
  --gold: #a76b2b;
  --gold-light: #c89a62;
  --ivory: #fbf8f2;
  --line: #e5d4be;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Montserrat", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--ivory); font-family: var(--serif); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }

.trustbar {
  height: 29px; display: flex; align-items: center; justify-content: center; gap: 24px;
  padding: 0 22px; color: #f5ead9; background: #24180f; font: 500 10px/1 var(--serif);
  letter-spacing: .04em; white-space: nowrap;
}
.trustbar i { width: 1px; height: 12px; background: rgba(220,188,143,.55); }
.trustbar span::first-letter { color: var(--gold-light); }

.site-header {
  height: 51px; display: grid; grid-template-columns: 300px 1fr 160px; align-items: center;
  padding: 0 41px; border-bottom: 1px solid #e4d9ca; background: rgba(255,253,249,.96); position: relative; z-index: 10;
}
.brand { font: 500 30px/1 var(--serif); letter-spacing: .22em; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 34px; font: 500 15px/1 var(--serif); }
.main-nav a { position: relative; }
.main-nav a:hover::after { content: ""; position: absolute; height: 1px; background: var(--gold); left: 0; right: 0; bottom: -12px; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; }
.header-actions button, .mobile-menu { appearance: none; border: 0; background: transparent; color: var(--ink); font-size: 23px; line-height: 1; cursor: pointer; }
.header-action { width: 26px; height: 34px; padding: 0; display: grid; place-items: center; position: relative; transition: color .25s ease, transform .25s ease; }
.header-action:hover { color: var(--gold); transform: translateY(-1px); }
.header-action:focus-visible, .modal-close:focus-visible, .google-signup:focus-visible, .create-account:focus-visible, .cart-checkout:focus-visible { outline: 2px solid #b47b3e; outline-offset: 3px; }
.ui-icon { width: 21px; height: 21px; display: block; position: relative; color: currentColor; }
.icon-search::before { content: ""; width: 11px; height: 11px; position: absolute; left: 1px; top: 1px; border: 1.7px solid currentColor; border-radius: 50%; }
.icon-search::after { content: ""; width: 8px; height: 1.7px; position: absolute; left: 12px; top: 14px; border-radius: 2px; background: currentColor; transform: rotate(45deg); transform-origin: left center; }
.icon-user::before { content: ""; width: 7px; height: 7px; position: absolute; left: 7px; top: 1px; border: 1.6px solid currentColor; border-radius: 50%; }
.icon-user::after { content: ""; width: 15px; height: 9px; position: absolute; left: 3px; bottom: 1px; border: 1.6px solid currentColor; border-radius: 10px 10px 3px 3px; }
.icon-bag::before { content: ""; width: 15px; height: 14px; position: absolute; left: 3px; bottom: 1px; border: 1.6px solid currentColor; border-radius: 2px 2px 4px 4px; }
.icon-bag::after { content: ""; width: 7px; height: 6px; position: absolute; left: 7px; top: 0; border: 1.6px solid currentColor; border-bottom: 0; border-radius: 7px 7px 0 0; }
.cart-count { min-width: 15px; height: 15px; padding: 0 3px; position: absolute; right: -8px; top: 0; display: grid; place-items: center; border-radius: 10px; color: white; background: #9d642d; font: 600 8px/1 var(--sans); }
.cart-count[hidden] { display: none; }
.mobile-menu { display: none; }

/* Header dialogs and cart */
.ui-overlay { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 20px; background: rgba(29,20,14,.56); backdrop-filter: blur(5px); opacity: 0; visibility: hidden; transition: opacity .28s ease, visibility .28s ease; }
.ui-overlay.open { opacity: 1; visibility: visible; }
.modal-shell { width: min(440px,100%); max-height: calc(100vh - 40px); overflow: auto; position: relative; padding: 31px 34px 29px; border: 1px solid #d7b98f; border-radius: 13px; background: #fffdf9; box-shadow: 0 25px 70px rgba(30,19,10,.27); transform: translateY(16px) scale(.985); transition: transform .32s cubic-bezier(.2,.75,.2,1); }
.ui-overlay.open .modal-shell { transform: none; }
.modal-close { width: 32px; height: 32px; position: absolute; right: 14px; top: 13px; border: 0; border-radius: 50%; color: #513a29; background: #f4ecdf; cursor: pointer; font-size: 20px; line-height: 1; }
.modal-kicker { margin: 0 0 6px; color: #9a662f; font: 600 10px/1 var(--sans); letter-spacing: .12em; }
.modal-shell h2 { margin: 0; font: 500 31px/1.05 var(--serif); }.modal-intro { margin: 7px 0 20px; color: #69594c; font-size: 13px; }
.google-signup { width: 100%; height: 46px; display: flex; align-items: center; justify-content: center; gap: 11px; border: 1px solid #cab89f; border-radius: 5px; color: #31231a; background: white; cursor: pointer; font: 600 12px/1 var(--sans); transition: border-color .2s, box-shadow .2s, transform .2s; }.google-signup:hover { border-color: #9c6a36; box-shadow: 0 7px 16px rgba(62,40,20,.09); transform: translateY(-1px); }
.google-g { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid #e0d6c9; border-radius: 50%; color: #4285f4; background: #fff; font: 700 14px/1 Arial,sans-serif; }
.auth-divider { margin: 17px 0; display: flex; align-items: center; gap: 12px; color: #8a7a6d; font: 500 9px/1 var(--sans); text-transform: uppercase; letter-spacing: .08em; }.auth-divider::before,.auth-divider::after { content: ""; height: 1px; flex: 1; background: #e6d9c8; }
.account-form label { display: block; margin-bottom: 11px; color: #49372a; font: 600 10px/1 var(--sans); }.account-form input,.search-dialog input { width: 100%; height: 42px; margin-top: 6px; padding: 0 12px; border: 1px solid #dcc5a7; border-radius: 5px; outline: 0; color: var(--ink); background: #fffefa; font: 500 12px/1 var(--sans); }.account-form input:focus,.search-dialog input:focus { border-color: #a76b2b; box-shadow: 0 0 0 3px rgba(167,107,43,.1); }
.create-account { width: 100%; height: 45px; margin-top: 6px; border: 0; border-radius: 5px; color: white; background: linear-gradient(120deg,#21170f,#3b2b1e); cursor: pointer; font: 600 12px/1 var(--sans); }.auth-note { margin: 14px 0 0; text-align: center; color: #78695c; font-size: 11px; }.auth-note button { padding: 0; border: 0; color: #8f5a27; background: none; cursor: pointer; text-decoration: underline; }
.demo-state { display: none; padding: 20px 5px 4px; text-align: center; }.demo-state.show { display: block; }.demo-state .success-ring { width: 58px; height: 58px; margin: 0 auto 14px; display: grid; place-items: center; border: 1px solid #a66c31; border-radius: 50%; color: #96602b; font-size: 27px; }.demo-state h3 { margin: 0; font: 500 24px/1 var(--serif); }.demo-state p { margin: 8px 0 0; color: #6c5c4f; font-size: 12px; line-height: 1.4; }
.search-results { margin-top: 13px; display: grid; gap: 8px; }.search-results a { display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid #eadac7; border-radius: 5px; font-size: 13px; }.search-results .mini-bead { width: 43px; height: 43px; }
.cart-backdrop { position: fixed; inset: 0; z-index: 310; background: rgba(28,19,13,.52); opacity: 0; visibility: hidden; transition: opacity .28s, visibility .28s; }.cart-backdrop.open { opacity: 1; visibility: visible; }
.cart-drawer { width: min(420px,100vw); height: 100%; position: absolute; right: 0; top: 0; display: flex; flex-direction: column; color: var(--ink); background: #fffdf9; box-shadow: -18px 0 48px rgba(29,19,11,.18); transform: translateX(100%); transition: transform .38s cubic-bezier(.2,.75,.2,1); }.cart-backdrop.open .cart-drawer { transform: none; }
.cart-head { height: 75px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e6d8c6; }.cart-head h2 { margin: 0; font: 500 26px/1 var(--serif); }.cart-head button { width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f3eadc; cursor: pointer; font-size: 20px; }
.cart-body { flex: 1; overflow: auto; padding: 24px 22px; }.cart-empty { padding: 60px 20px; text-align: center; }.cart-empty .ui-icon { margin: 0 auto 18px; transform: scale(2); }.cart-empty h3 { margin: 0; font: 500 23px/1 var(--serif); }.cart-empty p { color: #78695d; font-size: 12px; }
.cart-line { display: grid; grid-template-columns: 92px 1fr; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid #e6d8c7; }.cart-thumb { height: 92px; border-radius: 7px; background: url("assets/omaksha-14-mukhi.png") center/cover; }.cart-line h3 { margin: 2px 0 5px; font: 600 17px/1 var(--serif); }.cart-line p { margin: 0; color: #735b45; font-size: 11px; }.cart-line strong { display: block; margin-top: 8px; font-size: 15px; }.cart-line-controls { display: flex; align-items: center; gap: 7px; margin-top: 10px; }.cart-line-controls button { width: 26px; height: 26px; border: 1px solid #d9c4a8; background: transparent; cursor: pointer; }.cart-line-controls .remove-cart { width: auto; margin-left: auto; border: 0; color: #895729; text-decoration: underline; }
.cart-foot { padding: 19px 22px 24px; border-top: 1px solid #e3d4c1; background: #fbf7ef; }.cart-subtotal { display: flex; justify-content: space-between; margin-bottom: 13px; }.cart-subtotal span { font-size: 14px; }.cart-subtotal strong { font-size: 18px; }.cart-checkout { width: 100%; height: 46px; border: 0; border-radius: 4px; color: white; background: #251a12; cursor: pointer; font: 600 12px/1 var(--sans); }.cart-foot small { display: block; margin-top: 9px; color: #756659; text-align: center; font-size: 10px; }
.ui-toast { position: fixed; left: 50%; bottom: 26px; z-index: 500; padding: 11px 18px; border-radius: 4px; color: #fff; background: #2a1d14; box-shadow: 0 10px 28px rgba(0,0,0,.2); font: 500 11px/1.3 var(--sans); transform: translate(-50%,20px); opacity: 0; visibility: hidden; transition: opacity .25s, transform .25s, visibility .25s; }.ui-toast.show { opacity: 1; visibility: visible; transform: translate(-50%,0); }
body.ui-locked { overflow: hidden; }

.hero {
  height: 297px; min-height: 297px; position: relative; display: grid; grid-template-columns: 48% 52%;
  overflow: hidden; border-bottom: 1px solid var(--line); background: #f4eee4;
}
.hero::before {
  content: ""; position: absolute; inset: 0; background:
    radial-gradient(circle at 20% 45%, rgba(255,255,255,.85), transparent 38%),
    linear-gradient(90deg, #f8f3ec 0%, #f3ede3 47%, transparent 62%); z-index: 1;
}
.hero-copy { position: relative; z-index: 3; padding: 25px 0 0 79px; }
.eyebrow { margin: 0 0 7px; color: #956129; font: 500 12px/1.2 var(--serif); letter-spacing: .025em; }
.gold-rule { display: block; width: 45px; height: 1px; background: var(--gold-light); position: relative; margin-bottom: 11px; }
.gold-rule::after { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--gold-light); position: absolute; top: -2px; left: 18px; }
.hero h1 { margin: 0 0 10px; font: 500 49px/.98 var(--serif); letter-spacing: -.025em; }
.hero-copy > p:last-of-type { margin: 0; font: 500 14px/1.35 var(--serif); }
.hero-buttons { display: flex; gap: 16px; margin-top: 14px; }
.btn { height: 37px; min-width: 200px; padding: 0 25px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; border: 1px solid #a97842; font: 600 15px/1 var(--serif); letter-spacing: .01em; }
.btn-dark { color: white; border-color: #2a1d14; background: linear-gradient(135deg, #20150f, #35271b); }
.btn-outline { color: #9a6127; background: rgba(255,252,247,.55); }
.hero-photo {
  position: absolute; inset: 0 0 0 42%; z-index: 0;
  background-image: url("assets/omaksha-hero.png");
  background-repeat: no-repeat; background-size: cover; background-position: center;
  filter: saturate(1.03) contrast(1.02);
  will-change: transform; transform: scale(1.04);
}
.hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #f4eee4 0, rgba(244,238,228,.8) 9%, transparent 34%); }

.assurance-strip {
  min-height: 68px; padding: 0 116px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center;
  background: #fffdf9; border-bottom: 1px solid var(--line);
}
.assurance-strip article { min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 15px; border-right: 1px solid #eadfce; }
.assurance-strip article:last-child { border-right: 0; }
.assurance-icon { color: #ae7438; font-size: 34px; font-weight: 400; }
.assurance-strip strong, .assurance-strip span { display: block; }
.assurance-strip strong { font: 600 12px/1.2 var(--serif); }
.assurance-strip span { margin-top: 2px; font: 500 11px/1.2 var(--serif); }

/* Collection */
.section-title { margin: 0; font: 500 20px/1 var(--serif); letter-spacing: .08em; text-align: center; }
.title-flourish { width: 65px; height: 1px; background: #caa476; position: relative; margin: 6px auto 7px; }
.title-flourish::after { content: ""; position: absolute; width: 5px; height: 5px; border: 1px solid #caa476; border-radius: 50%; left: 30px; top: -3px; background: var(--ivory); }
.mukhi-section { height: 134px; padding: 7px 70px 14px; border-bottom: 1px solid var(--line); overflow: hidden; }
.mukhi-grid { display: grid; grid-template-columns: repeat(8,1fr); gap: 16px; }
.mukhi-card { min-width: 0; height: 76px; padding: 6px 10px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid #e5c9a7; border-radius: 6px; background: rgba(255,255,255,.22); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.mukhi-card:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(71,42,19,.12); border-color: #b97b3d; }
.mukhi-card strong, .mukhi-card small { display: block; white-space: nowrap; }
.mukhi-card strong { font: 600 13px/1.1 var(--serif); }.mukhi-card small { margin-top: 5px; font: 500 9px/1 var(--serif); }
.bead, .card-bead, .mini-bead { display: block; flex: 0 0 auto; background-image: url("assets/omaksha-collection.png"); background-repeat: no-repeat; background-size: 400% 200%; border-radius: 50%; }
.bead { width: 66px; height: 62px; }.card-bead { width: 88px; height: 72px; margin: -5px auto 0; }.mini-bead { width: 58px; height: 58px; }
.bead-1 { background-position: 0 0; }.bead-2 { background-position: 33.333% 0; }.bead-5 { background-position: 66.666% 0; }.bead-7 { background-position: 100% 0; }.bead-11 { background-position: 0 100%; }.bead-14 { background-position: 33.333% 100%; }.bead-21 { background-position: 66.666% 100%; }
.view-all-card { gap: 9px; }.plus-circle { width: 35px; height: 35px; display: grid; place-items: center; border: 1px dotted #a97743; border-radius: 50%; font-size: 22px; color: #805023; }

/* Finder teaser and verification flow */
.finder-proof { height: 144px; display: grid; grid-template-columns: 39% 61%; border-bottom: 1px solid var(--line); }
.finder-teaser { padding: 10px 47px 5px; text-align: center; border-right: 1px solid var(--line); }
.finder-teaser h2, .proof-flow h2, .home-bottom h2 { margin: 0; font: 500 19px/1.05 var(--serif); letter-spacing: .035em; }
.finder-teaser h2 em, .finder-intro h1 em { padding: 2px 7px; border: 1px solid #d9b98f; border-radius: 3px; font: 500 8px/1 var(--serif); font-style: normal; vertical-align: middle; }
.finder-teaser p { margin: 2px 0 7px; font: 500 11px/1.1 var(--serif); }
.mini-form { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }
.mini-form label { height: 35px; display: flex; align-items: center; gap: 7px; padding: 0 9px; border: 1px solid #dfc5a6; border-radius: 4px; color: #a57949; }
.mini-form input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; font: 500 10px/1 var(--serif); }
.mini-form button { grid-column: 1/-1; height: 27px; border: 0; border-radius: 3px; color: white; cursor: pointer; font: 600 13px/1 var(--serif); transition: transform .25s ease, filter .25s ease; }.mini-form button:hover { transform: translateY(-1px); filter: brightness(1.15); }
.finder-teaser > small { display: block; margin-top: 4px; font-size: 9px; }
.proof-flow { padding: 10px 47px; text-align: center; }.proof-steps { margin-top: 17px; display: flex; align-items: center; gap: 13px; }.proof-steps > i { font-size: 30px; font-style: normal; }
.proof-steps article { height: 77px; min-width: 0; flex: 1; display: flex; align-items: center; gap: 8px; padding: 10px; position: relative; border: 1px solid #e6cfae; border-radius: 10px; text-align: left; background: rgba(255,255,255,.25); }
.proof-steps article > b { position: absolute; top: -18px; left: 50%; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; color: white; background: #4a301c; font: 600 10px/1 var(--serif); }
.line-icon { color: #9e6934; font-size: 31px; }.proof-steps strong,.proof-steps small { display: block; }.proof-steps strong { font-size: 9px; }.proof-steps small { margin-top: 3px; font-size: 8px; line-height: 1.25; }

/* Home lower panels */
.home-bottom { height: 183px; display: grid; grid-template-columns: 51% 23% 26%; border-bottom: 1px solid var(--line); }
.home-bottom > div { padding: 9px 28px; border-right: 1px solid var(--line); }.home-bottom > div:last-child { border-right: 0; }
.panel-heading { display: flex; align-items: flex-end; justify-content: space-between; }.panel-heading p { margin: 1px 0 0; font-size: 10px; }.panel-heading a { color: #8e5b2a; text-decoration: underline; font-size: 10px; }
.product-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 6px; }.product-card { height: 137px; padding: 4px 10px; border: 1px solid #e6cfb1; border-radius: 6px; transition: transform .35s, box-shadow .35s; }.product-card:hover { transform: translateY(-4px); box-shadow: 0 10px 18px rgba(64,38,16,.12); }.product-card strong,.product-card small,.product-card b { display: block; }.product-card strong { font-size: 10px; }.product-card small { font-size: 8px; line-height: 1.25; }.product-card b { margin-top: 2px; font-size: 12px; }
.value-panel ul,.consult-panel ul { margin: 9px 0; padding: 0; list-style: none; }.value-panel li,.consult-panel li { margin: 5px 0; font-size: 10px; }.value-panel li::before { content: "✓"; color: #a66f36; margin-right: 8px; }.value-panel > a { font-size: 11px; font-weight: 600; }
.consult-panel p { margin: 4px 0; font-size: 10px; }.consult-panel li::before { content: "◉"; color: #a66f36; margin-right: 7px; }.consult-panel .btn { height: 29px; width: 100%; min-width: 0; font-size: 11px; }

/* Footer */
.site-footer { min-height: 152px; padding: 20px 61px 8px; color: #f6ede1; background: radial-gradient(circle at 50% 0, #37271a, #20170f 68%); }
.footer-main { display: grid; grid-template-columns: 1.45fr repeat(5,1fr) 1.2fr; gap: 38px; }.footer-main > div { min-width: 0; }.footer-brand { padding-right: 34px; border-right: 1px solid rgba(222,194,153,.3); }.footer-brand .brand { display: block; font-size: 25px; }.footer-brand p,.newsletter p { margin: 7px 0; font-size: 9px; line-height: 1.25; }.socials { color: #dfc6a6; word-spacing: 8px; }
.footer-main h3 { margin: 2px 0 7px; color: #f4e7d7; font: 500 10px/1 var(--serif); }.footer-main a { display: block; margin: 4px 0; font-size: 9px; color: #f0e5d6; transition: color .2s, transform .2s; }.footer-main a:hover { color: #d7a868; transform: translateX(2px); }
.newsletter form { display: flex; height: 27px; margin-top: 10px; }.newsletter input { min-width: 0; width: 100%; padding: 0 10px; border: 0; background: #fffdf9; font: 500 9px/1 var(--serif); }.newsletter button { width: 30px; color: white; border: 1px solid #a78358; background: transparent; cursor: pointer; }
.footer-bottom { display: flex; justify-content: space-between; margin-top: 15px; font-size: 8px; color: #e8d9c8; }

/* Shared internal pages */
.breadcrumbs { height: 38px; display: flex; align-items: center; gap: 14px; padding: 0 66px; color: #6a5c50; font-size: 9px; }.breadcrumbs span { color: #a2774b; }
.main-nav .active-page::after { content: ""; position: absolute; left: 0; right: 0; bottom: -18px; height: 2px; background: #bd7d37; }

/* Product detail */
.product-page { background: #fffdf9; }.product-main { padding: 0 65px 12px; display: grid; grid-template-columns: 51% 49%; gap: 36px; }.product-gallery { min-width: 0; }.main-product-photo { height: 375px; position: relative; overflow: hidden; border: 1px solid #e4d1b8; border-radius: 10px; background: url("assets/omaksha-14-mukhi.png") center/cover no-repeat; transition: background-size .8s ease; }.main-product-photo:hover { background-size: 108%; }.photo-label { position: absolute; left: 14px; top: 12px; padding: 7px 12px; border: 1px solid #dbc8af; border-radius: 7px; background: rgba(255,253,249,.88); font-size: 10px; }.gallery-arrow,.expand { position: absolute; display: grid; place-items: center; border: 1px solid #e0d1bd; border-radius: 50%; background: rgba(255,255,255,.9); cursor: pointer; transition: transform .25s, background .25s; }.gallery-arrow:hover,.expand:hover { transform: scale(1.12); background: white; }.gallery-arrow { width: 30px; height: 30px; top: 47%; font-size: 24px; }.gallery-arrow.left { left: 14px; }.gallery-arrow.right { right: 14px; }.expand { width: 28px; height: 28px; right: 13px; top: 12px; }
.thumbnail-row { height: 74px; display: grid; grid-template-columns: repeat(7,1fr); gap: 10px; margin-top: 8px; }.thumb { border: 1px solid transparent; border-radius: 7px; background-image: url("assets/omaksha-collection.png"); background-repeat: no-repeat; background-size: 400% 200%; cursor: pointer; position: relative; transition: transform .2s, border .2s; }.thumb:hover { transform: translateY(-2px); }.thumb.active { border-color: #4a301e; }.t1{background-position:0 0}.t2{background-position:33.333% 0}.t3{background-position:66.666% 0}.t4{background-position:100% 0}.t5{background-position:0 100%}.t6{background-position:33.333% 100%}.t7{background-position:66.666% 100%}.thumb.video { color: white; font-size: 20px; text-shadow: 0 1px 4px #000; }.exact-note { margin: 14px 0 0; color: #705a42; font-size: 10px; }
.product-info { padding-top: 4px; }.product-info .eyebrow { margin-bottom: 5px; }.product-info h1 { margin: 0; font: 500 38px/.95 var(--serif); }.subtitle { margin: 5px 0 8px; color: #6e6258; font-size: 17px; }.price-line { display: flex; align-items: center; gap: 13px; margin-bottom: 8px; font-size: 10px; }.price-line > strong { margin-right: 18px; font: 500 25px/1 var(--serif); }.stock { color: #304926; }
.product-badges { height: 43px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #dec7aa; border-radius: 6px; }.product-badges > div { display: flex; align-items: center; justify-content: center; gap: 12px; color: #9b6a37; border-right: 1px solid #e5d6c2; font-size: 24px; }.product-badges > div:last-child { border: 0; }.product-badges span { color: var(--ink); font-size: 10px; line-height: 1.1; }
.specs { display: grid; grid-template-columns: 72px 1fr 72px 1fr; margin: 9px 0; }.specs dt,.specs dd { margin: 0; padding: 4px 0; border-bottom: 1px solid #eee3d6; font-size: 10px; }.specs dd { border-right: 1px solid #eadbca; }.specs dd:nth-child(4n) { padding-left: 17px; border-right: 0; }.specs dt:nth-child(4n+3) { padding-left: 17px; }.product-description { margin: 8px 0; font-size: 10px; line-height: 1.25; }
.significance { min-height: 90px; display: flex; align-items: center; gap: 15px; padding: 10px 16px; border: 1px solid #dec4a4; border-radius: 6px; }.significance > b { color: #a97036; font-size: 48px; }.significance h3,.significance p { margin: 0; }.significance h3 { color: #805834; font: 600 12px/1 var(--serif); letter-spacing: .04em; }.significance p { margin-top: 4px; font-size: 9px; line-height: 1.25; }.significance a { display: inline-block; margin-top: 3px; font-size: 9px; }
.proof-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 12px; }.proof-links a { height: 53px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid #dec9ad; border-radius: 6px; color: #956633; font-size: 27px; transition: transform .25s, box-shadow .25s; }.proof-links a:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(64,38,17,.1); }.proof-links span,.proof-links small { display: block; color: var(--ink); }.proof-links span { font-size: 11px; }.proof-links small { font-size: 9px; }
.buy-row { display: grid; grid-template-columns: 107px 1fr 1.15fr; gap: 28px; margin-top: 12px; }.quantity { height: 41px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #decbb3; border-radius: 6px; }.quantity button,.quantity span { border: 0; display: grid; place-items: center; background: transparent; }.quantity button { cursor: pointer; }.add-cart,.book-outline { height: 41px; display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 5px; font-size: 14px; }.add-cart { border: 0; color: white; background: #251a12; cursor: pointer; }.add-cart .ui-icon { width: 18px; height: 18px; }.book-outline { border: 1px solid #30241c; }.shipping-row { height: 38px; display: grid; grid-template-columns: repeat(3,1fr); margin-top: 12px; border: 1px solid #e3d1ba; border-radius: 6px; }.shipping-row > div { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 19px; color: #906237; }.shipping-row span,.shipping-row small { display: block; color: var(--ink); }.shipping-row span { font-size: 9px; }.shipping-row small { font-size: 8px; }
.product-tabs { margin: 0 36px 10px; border: 1px solid #e0ccb1; border-radius: 8px; overflow: hidden; }.tab-nav { height: 34px; display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid #e2d1ba; }.tab-nav button { border: 0; background: transparent; cursor: pointer; position: relative; }.tab-nav button.active::after { content: ""; position: absolute; bottom: -1px; left: 28%; right: 28%; height: 2px; background: #4a301f; }.tab-content-grid { min-height: 158px; display: grid; grid-template-columns: 1.15fr 1fr 1.05fr 1.1fr; }.tab-content-grid > article { padding: 15px 23px; border-right: 1px solid #e4d6c4; }.tab-content-grid > article:last-child { border: 0; }.tab-content-grid h2 { margin: 0 0 4px; font: 500 16px/1 var(--serif); }.tab-content-grid h3 { margin: 9px 0 4px; font: 600 12px/1 var(--serif); }.tab-content-grid p,.tab-content-grid dt,.tab-content-grid dd { font-size: 8px; }.tab-content-grid dl { display: grid; grid-template-columns: 1fr 1.3fr; gap: 5px; }.tab-content-grid dl * { margin: 0; }.check-list { margin: 0; padding: 0; list-style: none; }.check-list li { display: flex; gap: 12px; margin-bottom: 9px; font-size: 9px; }.check-list li > b { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: white; background: #a7753b; }.check-list small { display: block; font-size: 8px; }.wear-icons { display: flex; gap: 14px; }.wear-icons span { display: flex; align-items: center; gap: 6px; color: #a66f34; font-size: 25px; }.wear-icons small { color: var(--ink); font-size: 8px; }.faq-list button { width: 100%; padding: 5px 0; display: flex; justify-content: space-between; border: 0; border-bottom: 1px solid #eadccb; background: transparent; font-size: 8px; cursor: pointer; }.faq-list a { display: block; margin-top: 7px; color: #98622c; font-size: 9px; }.compact-footer { min-height: 190px; padding-top: 22px; }

/* Finder and report */
.finder-page { background: #fffdf9; }.finder-intro { min-height: 90px; padding: 0 39px 12px; display: grid; grid-template-columns: 38% 62%; align-items: center; }.finder-intro h1 { margin: 0 0 4px; font: 500 26px/1 var(--serif); }.finder-intro p { margin: 0; font-size: 11px; }.finder-benefits { display: grid; grid-template-columns: repeat(4,1fr); }.finder-benefits article { display: flex; align-items: center; gap: 13px; padding: 0 20px; border-right: 1px solid #e5d6c4; }.finder-benefits article:last-child { border: 0; }.finder-benefits b { width: 45px; height: 45px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #d5b48c; border-radius: 50%; color: #aa743a; font-size: 25px; }.finder-benefits strong,.finder-benefits small { display: block; }.finder-benefits strong { font-size: 10px; }.finder-benefits small { margin-top: 4px; font-size: 8px; line-height: 1.2; }
.finder-workspace { padding: 0 39px 10px; display: grid; grid-template-columns: 34% 66%; gap: 20px; }.finder-card { border: 1px solid #ddc8ac; border-radius: 12px; background: rgba(255,254,251,.6); box-shadow: 0 10px 22px rgba(80,54,29,.06); }.details-card { min-height: 443px; padding: 18px 22px; }.details-card h2,.report-heading h2 { margin: 0; font: 500 20px/1 var(--serif); letter-spacing: .025em; }.details-card h2 b,.report-heading h2 b { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 12px; border-radius: 50%; color: white; background: #332116; font-size: 11px; }.details-card > p { margin: 9px 0 16px; font-size: 10px; }.details-card label { display: block; margin-bottom: 14px; font-size: 10px; font-weight: 600; }.details-card label > span { font-weight: 400; }.input-shell { height: 39px; margin-top: 6px; padding: 0 12px; display: flex; align-items: center; gap: 8px; border: 1px solid #dfc4a1; border-radius: 5px; color: #9f6b34; }.input-shell input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; font: 500 9px/1 var(--serif); }.triple-input { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }.input-shell.textarea { height: 43px; }.accuracy { height: 35px; display: flex; align-items: center; padding: 0 14px; border: 1px solid #dec4a2; border-radius: 5px; color: #785e43; font-size: 9px; }.generate-report { width: 100%; height: 41px; margin-top: 22px; border: 0; border-radius: 5px; color: white; background: linear-gradient(120deg,#20160f,#3a2a1c); font: 600 14px/1 var(--serif); cursor: pointer; transition: transform .25s, filter .25s; }.generate-report:hover { transform: translateY(-2px); filter: brightness(1.2); }.finder-disclaimer { height: 79px; display: flex; align-items: center; gap: 18px; margin-top: 40px; padding: 0 20px; border: 1px solid #e2d1ba; border-radius: 8px; color: #a87439; font-size: 30px; }.finder-disclaimer p { color: var(--ink); font-size: 8px; line-height: 1.3; }
.report-card { min-width: 0; height: 570px; padding: 17px 32px; }.report-heading { display: flex; justify-content: space-between; align-items: center; }.report-heading > span { font-size: 8px; }.report-top { height: 220px; display: grid; grid-template-columns: 1fr 175px; gap: 38px; margin-top: 13px; }.report-recommendation { display: grid; grid-template-columns: 38% 62%; align-items: center; padding: 12px 30px; border: 1px solid #ddc6a6; border-radius: 7px; }.report-bead { width: 100%; height: 100%; background: url("assets/omaksha-collection.png") 66.666% 0/400% 200% no-repeat; border-radius: 50%; }.primary-tag { display: inline-block; padding: 3px 7px; color: #a36a31; border: 1px solid #dbbb91; border-radius: 3px; font-size: 7px; }.report-recommendation h3 { margin: 6px 0 1px; font: 500 32px/1 var(--serif); }.report-recommendation h4 { margin: 0; color: #9f652c; font: 500 15px/1 var(--serif); }.report-recommendation p { margin: 10px 0 0; font-size: 9px; line-height: 1.35; }.pdf-preview { padding: 8px; border: 1px solid #dfc7a9; border-radius: 8px; text-align: center; }.pdf-sheet { height: 142px; padding: 12px; display: flex; flex-direction: column; align-items: center; border: 5px double #e9d8c1; background: #fbf7ef; }.pdf-sheet span { font-size: 7px; letter-spacing: .25em; }.pdf-sheet b { margin: 6px 0; font-size: 9px; }.pdf-sheet .mini-bead { width: 54px; height: 46px; }.pdf-sheet em { padding: 2px 10px; color: white; background: #342318; font-size: 7px; font-style: normal; }.pdf-preview button { width: 100%; height: 28px; margin-top: 7px; border: 1px solid #4b3828; border-radius: 4px; background: transparent; font-size: 9px; cursor: pointer; }.pdf-preview > small { font-size: 8px; }
.report-details { height: 145px; display: grid; grid-template-columns: repeat(3,1fr) .75fr; margin-top: 14px; border: 1px solid #e0cab0; border-radius: 7px; }.report-details article { padding: 12px 14px; border-right: 1px solid #e4d5c1; }.report-details article:last-child { border: 0; }.report-details h4 { margin: 0 0 6px; font: 600 9px/1 var(--serif); }.report-details p,.report-details ul { margin: 0; padding-left: 13px; font-size: 8px; line-height: 1.55; }.energy-match { text-align: center; }.energy-match p { padding: 0; }.energy-match b { width: 56px; height: 56px; margin: 6px auto; display: grid; place-items: center; border: 5px solid #ae793d; border-radius: 50%; font: 500 18px/1 var(--serif); }.energy-match small { display: block; font-size: 8px; }.matching-title { display: flex; align-items: center; gap: 16px; margin-top: 12px; }.matching-title h4 { margin: 0; font: 500 10px/1 var(--serif); }.matching-title h4::after { content: ""; display: inline-block; width: 640px; height: 1px; margin-left: 15px; vertical-align: middle; background: #e5d8c8; }.matching-title a { margin-left: auto; color: #96632f; text-decoration: underline; font-size: 8px; }.matching-products { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; margin-top: 8px; }.matching-products a { height: 82px; display: flex; align-items: center; gap: 7px; padding: 6px; border: 1px solid #e1ccb0; border-radius: 5px; transition: transform .25s, box-shadow .25s; }.matching-products a:hover { transform: translateY(-3px); box-shadow: 0 7px 14px rgba(62,38,18,.1); }.matching-products .mini-bead { width: 55px; height: 55px; }.matching-products strong,.matching-products small,.matching-products b { display: block; }.matching-products strong { font-size: 8px; }.matching-products small { font-size: 7px; line-height: 1.2; }.matching-products b { margin-top: 3px; font-size: 10px; }.finder-assurance { height: 64px; display: grid; grid-template-columns: repeat(5,1fr); padding: 0 220px; border-top: 1px solid #e4d7c6; }.finder-assurance article { display: flex; align-items: center; justify-content: center; gap: 13px; border-right: 1px solid #e5d7c5; color: #ac763b; font-size: 28px; }.finder-assurance article:last-child { border: 0; }.finder-assurance strong,.finder-assurance small { display: block; color: var(--ink); }.finder-assurance strong { font-size: 9px; }.finder-assurance small { font-size: 8px; }

/* Motion */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal-delay-1 { transition-delay: .08s; }.reveal-delay-2 { transition-delay: .16s; }.reveal-delay-3 { transition-delay: .24s; }
@keyframes heroIn { from { opacity: 0; transform: scale(1.1); } to { opacity: 1; transform: scale(1.04); } }.hero-photo { animation: heroIn 1.4s cubic-bezier(.2,.7,.2,1) both; }
@keyframes copyIn { from { opacity: 0; transform: translateX(-25px); } to { opacity: 1; transform: none; } }.hero-copy { animation: copyIn 1s .15s ease both; }
.scroll-top { position: fixed; right: 22px; bottom: 22px; z-index: 100; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #b98a55; border-radius: 50%; color: white; background: rgba(37,25,17,.92); box-shadow: 0 7px 18px rgba(25,15,8,.25); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .3s, transform .3s, background .3s; }.scroll-top.show { opacity: 1; visibility: visible; transform: none; }.scroll-top:hover { background: #a46d33; transform: translateY(-3px); }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

@media (max-width: 900px) {
  .trustbar { justify-content: flex-start; overflow: auto; }
  .site-header { grid-template-columns: 1fr auto auto; padding: 0 20px; }
  .brand { font-size: 25px; }
  .mobile-menu { display: block; grid-column: 2; }
  .main-nav { display: none; position: absolute; top: 51px; left: 0; right: 0; flex-direction: column; align-items: flex-start; gap: 0; background: #fffdf9; border-bottom: 1px solid var(--line); padding: 10px 24px; }
  .main-nav.open { display: flex; }
  .main-nav a { width: 100%; padding: 13px 0; }
  .header-actions { gap: 9px; margin-left: 12px; }
  .header-action { width: 23px; }
  .hero { height: auto; min-height: 650px; display: block; }
  .hero-copy { padding: 35px 24px; }
  .hero h1 { font-size: clamp(40px,10vw,58px); }
  .hero-photo { inset: 310px 0 0 0; background-position: 68% center; }
  .hero-photo::after { background: linear-gradient(#f4eee4, transparent 35%); }
  .assurance-strip { padding: 15px 20px; grid-template-columns: 1fr 1fr; gap: 10px; }
  .assurance-strip article { justify-content: flex-start; border: 0; }
  .mukhi-section { height: auto; padding: 25px 24px; }.mukhi-grid { grid-template-columns: repeat(4,1fr); }
  .finder-proof { height: auto; grid-template-columns: 1fr; }.finder-teaser,.proof-flow { padding: 24px; border-right: 0; border-bottom: 1px solid var(--line); }.proof-steps { margin-top: 25px; }
  .home-bottom { height: auto; grid-template-columns: 1fr 1fr; }.home-bottom > div { min-height: 210px; }.featured-panel { grid-column: 1/-1; }.product-card { height: 160px; }.card-bead { width: 104px; height: 92px; }
  .footer-main { grid-template-columns: repeat(3,1fr); gap: 28px; }.footer-brand { border-right: 0; }.footer-bottom { gap: 20px; }
  .breadcrumbs { padding: 0 24px; overflow: hidden; white-space: nowrap; }
  .product-main { padding: 0 24px 24px; grid-template-columns: 1fr; }.main-product-photo { height: min(62vw,540px); }.product-info h1 { font-size: 43px; }.product-tabs { margin: 0 24px 24px; }.tab-content-grid { grid-template-columns: 1fr 1fr; }.tab-content-grid > article:nth-child(2) { border-right: 0; }.tab-content-grid > article { border-bottom: 1px solid #e4d6c4; }
  .finder-intro { padding: 20px 24px; grid-template-columns: 1fr; gap: 20px; }.finder-workspace { padding: 0 24px 24px; grid-template-columns: 1fr; }.details-column { display: grid; grid-template-columns: 1.2fr .8fr; gap: 20px; }.finder-disclaimer { height: auto; min-height: 120px; margin-top: 0; }.report-card { height: auto; }.matching-title h4::after { width: 50vw; }.finder-assurance { height: auto; padding: 15px 24px; grid-template-columns: repeat(3,1fr); gap: 10px; }.finder-assurance article { min-height: 48px; border: 0; }
}

@media (max-width: 560px) {
  .trustbar { height: 28px; gap: 16px; }
  .trustbar i { display: none; }
  .site-header { padding: 0 14px; }
  .brand { font-size: 20px; letter-spacing: .15em; }
  .header-actions { gap: 5px; margin-left: 7px; }.header-action { width: 22px; }.ui-icon { transform: scale(.9); }.cart-count { right: -5px; }
  .modal-shell { padding: 29px 20px 24px; }.modal-shell h2 { font-size: 27px; }.cart-drawer { width: 100vw; }
  .hero { min-height: 670px; }
  .hero-copy { padding: 28px 20px; }
  .eyebrow { font-size: 10px; }
  .hero-copy > p:last-of-type { font-size: 14px; }
  .desktop-only { display: none; }
  .hero-buttons { flex-direction: column; }
  .btn { width: 100%; }
  .hero-photo { inset: 385px 0 0; background-position: 65% center; }
  .assurance-strip { grid-template-columns: 1fr; }
  .mukhi-grid { grid-template-columns: 1fr 1fr; gap: 10px; }.mukhi-card { height: 86px; }.mukhi-card .bead { width: 72px; height: 68px; }
  .mini-form { grid-template-columns: 1fr 1fr; }.mini-form button { grid-column: 1/-1; }.proof-steps { display: grid; grid-template-columns: 1fr; gap: 20px; }.proof-steps > i { display: none; }.proof-steps article { height: 95px; }.home-bottom { grid-template-columns: 1fr; }.featured-panel { grid-column: auto; }.product-row { grid-template-columns: 1fr 1fr; }.product-card { height: 175px; }.card-bead { width: 110px; height: 100px; }.home-bottom > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .site-footer { padding: 28px 24px 15px; }.footer-main { grid-template-columns: 1fr 1fr; }.footer-brand,.newsletter { grid-column: 1/-1; }.footer-bottom { flex-direction: column; }
  .thumbnail-row { gap: 4px; height: 60px; }.product-info h1 { font-size: 37px; }.product-badges { height: auto; grid-template-columns: 1fr; }.product-badges > div { min-height: 48px; border-right: 0; border-bottom: 1px solid #e5d6c2; }.specs { grid-template-columns: 75px 1fr; }.specs dd:nth-child(4n),.specs dt:nth-child(4n+3) { padding-left: 0; }.proof-links { grid-template-columns: 1fr; }.buy-row { grid-template-columns: 1fr; gap: 10px; }.shipping-row { height: auto; grid-template-columns: 1fr; }.shipping-row > div { min-height: 50px; }.tab-nav { overflow-x: auto; }.tab-nav button { min-width: 110px; }.tab-content-grid { grid-template-columns: 1fr; }.tab-content-grid > article { border-right: 0; }.main-product-photo { height: 75vw; min-height: 300px; }
  .finder-benefits { grid-template-columns: 1fr 1fr; gap: 15px; }.finder-benefits article { padding: 0; border: 0; }.details-column { display: block; }.finder-disclaimer { margin-top: 20px; }.triple-input { grid-template-columns: 1fr; }.report-card { padding: 20px 14px; }.report-heading { align-items: flex-start; gap: 10px; }.report-heading h2 { font-size: 17px; }.report-top { height: auto; grid-template-columns: 1fr; gap: 15px; }.report-recommendation { min-height: 390px; grid-template-columns: 1fr; padding: 15px; }.report-bead { width: 240px; height: 210px; margin: auto; }.pdf-preview { max-width: 220px; margin: auto; }.report-details { height: auto; grid-template-columns: 1fr; }.report-details article { border-right: 0; border-bottom: 1px solid #e4d5c1; }.matching-title h4::after { display: none; }.matching-products { grid-template-columns: 1fr 1fr; }.finder-assurance { grid-template-columns: 1fr; }.finder-assurance article { justify-content: flex-start; padding-left: 30px; }
}