:root {
      /* Palette aligned with 7mirrors-homepage reference */
      --gold:       #c9a96e;
      --gold-light: #e8d5b0;
      --gold-dark:  #9a7a47;
      --black:      #0d0d0d;
      --charcoal:   #1a1a1a;
      --dark-grey:  #2a2a2a;
      --mid-grey:   #555555;
      --light-grey: #f5f3f0;
      --cream:      #faf8f4;
      --white:      #ffffff;
      --text-body:  #3a3a3a;
      --brand:        var(--gold);
      --brand-dark:   var(--gold-dark);
      --brand-deeper: var(--black);
      --brand-hero:   var(--charcoal);
      --brand-light:  var(--light-grey);
      --brand-mid:    var(--mid-grey);
      --gold-dim:   rgba(201,169,110,0.12);
      --gold-border:rgba(201,169,110,0.22);
      --s1: #111111;
      --s2: #161616;
      --s3: #1e1e1e;
      --s4: #252525;
      --line:  rgba(201,169,110,0.18);
      --linew: rgba(255,255,255,0.07);
      --tw:  #ffffff;
      --tm:  rgba(255,255,255,0.86);
      --ts:  #fff;
      --td:  rgba(255,255,255,0.28);
      /* Typography - Jost for UI/body, Cormorant for display (Google Fonts); fallbacks match MDN guidance */
      --font-body: 'Jost', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
      --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
      --fb: var(--font-body);
      --fd: var(--font-display);
      --font-d: var(--font-display);
      /* Scale: 1rem = 16px at default - meets ~16px minimum for legible body / form fields (Google accessibility basics) */
      --fs-0: 1rem;              /* 16px - primary body, inputs */
      --fs-1: 0.9375rem;         /* 15px - secondary copy */
      --fs-2: 0.875rem;          /* 14px - captions, footer */
      --fs-3: 0.8125rem;         /* 13px - compact lists */
      --fs-4: 0.75rem;           /* 12px - nav, buttons, labels (readable UI minimum) */
      --fs-tiny: 0.6875rem;      /* 11px - logo tagline / tight meta only */
      --brand-10: rgba(201,169,110,0.10);
      --brand-20: rgba(201,169,110,0.20);
      --brand-40: rgba(201,169,110,0.40);
      --white-60: rgba(255,255,255,0.60);
      --w60: rgba(255,255,255,0.60);
      --w80: rgba(255,255,255,0.82);
      --r-sm: 2px;
      --r-md: 4px;
      --r-lg: 10px;
      --r-xl: 16px;
      --wa: #25D366;
      --wa-dark: #1DA851;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;font-size:100%;-webkit-text-size-adjust:100%}
    body{font-family:var(--fb);font-size:var(--fs-0);background:var(--black);color:var(--tm);overflow-x:hidden;line-height:1.6}
    button,input,select,textarea,optgroup{font-family:inherit}

    .inner{max-width:1280px;margin:0 auto;padding:0 32px}
    .sec{padding:88px 32px}
    .sec-sm{padding:60px 32px}

    .eyebrow{font-size:var(--fs-4);letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:12px}
    .eyebrow::before{content:'';width:28px;height:1px;background:var(--gold)}
    .sec-title{font-family:var(--fd);font-size:clamp(32px,4vw,54px);font-weight:300;color:var(--tw);line-height:1.12;margin-bottom:14px}
    .sec-title em{font-style:italic;color:var(--gold-light)}
    .sec-sub{font-size:var(--fs-1);color:var(--ts);max-width:560px;font-weight:300;line-height:1.85}

    .btn-gold{display:inline-block;background:var(--gold);color:var(--black);padding:13px 30px;font-size:var(--fs-4);font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:2px;border:none;cursor:pointer;font-family:var(--fb);transition:background .2s,transform .15s}
    .btn-gold:hover{background:var(--gold-light);transform:translateY(-1px)}
    .btn-ghost{display:inline-block;background:transparent;color:var(--tm);padding:13px 30px;font-size:var(--fs-4);font-weight:400;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:2px;border:1px solid rgba(255,255,255,0.22);cursor:pointer;transition:border-color .2s,color .2s}
    .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
    .btn-wa{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:13px 26px;font-size:var(--fs-4);font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:opacity .2s}
    .btn-wa:hover{opacity:.88}

    /* ANN */
    .ann{background:var(--s1);border-bottom:1px solid var(--line);text-align:center;padding:9px 20px;font-size:var(--fs-4);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-light)}
    .ann a{color:var(--gold);text-decoration:none}

    /* Offset anchor scroll targets below sticky header */
    html { scroll-padding-top: 96px; }

    /* HEADER */
    header {
      position: sticky; top: 0; z-index: 1000;
      background: rgba(13,13,13,0.97); backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--brand-10);
    }
    .h-inner {
      max-width: 1280px; margin: 0 auto; padding: 0 40px;
      display: flex; align-items: center; justify-content: space-between; height: 72px;
    }
    .logo { text-decoration: none; }
    .logo-name {
      font-family: var(--font-d); font-size: 1.4375rem; font-weight: 400;
      color: var(--brand); letter-spacing: 5px; text-transform: uppercase; display: block;
    }
    .logo-sub {
      font-size: var(--fs-tiny); color: rgba(201,169,110,0.55);
      letter-spacing: 3px; text-transform: uppercase;
    }
    nav { display: flex; align-items: center; gap: 2px; }
    nav a {
      color: var(--white-60); text-decoration: none; font-size: var(--fs-4);
      letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 10px;
      transition: color .2s; font-weight: 400;
    }
    nav a:hover { color: var(--brand); }
    .nav-book {
      background: var(--brand); color: var(--brand-deeper) !important;
      font-weight: 600 !important; border-radius: var(--r-sm);
      padding: 9px 18px !important; margin-left: 6px;
      transition: background .2s !important;
    }
    .nav-book:hover { background: var(--gold-light) !important; }

    /* ── DROPDOWN ── */
    .nav-item {
      position: relative;
      /* extend the hover zone so moving cursor down into dropdown stays active */
      padding-bottom: 16px;
      margin-bottom: -16px;
    }
    .nav-item > a {
      display: flex; align-items: center; gap: 5px;
    }
    .nav-item > a::after {
      content: '▾'; font-size: var(--fs-tiny); color: var(--brand);
      transition: transform .22s; line-height: 1;
    }
    .nav-item:hover > a::after { transform: rotate(180deg); }

    .dropdown {
      position: absolute; top: 100%; left: 50%;
      transform: translateX(-50%);
      background: rgba(13,13,13,0.98); backdrop-filter: blur(16px);
      border: 1px solid var(--brand-20); border-radius: var(--r-md);
      box-shadow: 0 12px 40px rgba(0,0,0,.5);
      min-width: 210px;
      /* top padding acts as invisible bridge - cursor never leaves hover zone */
      padding: 18px 0 8px;
      opacity: 0; visibility: hidden; pointer-events: none;
      transform: translateX(-50%) translateY(4px);
      transition: opacity .2s, transform .2s, visibility .2s;
    }
    /* Wide 2-column layout for Services dropdown only */
    .nav-item.nav-services .dropdown {
      min-width: 420px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      padding: 12px 0 8px;
      column-gap: 0;
    }
    .nav-item.nav-services .dropdown-full {
      grid-column: 1 / -1;
    }
    .nav-item:hover .dropdown {
      opacity: 1; visibility: visible; pointer-events: auto;
      transform: translateX(-50%) translateY(0);
    }
    /* transparent pseudo-element extends hover area upward to close the gap */
    .dropdown::before {
      content: ''; position: absolute;
      top: -16px; left: 0; right: 0; height: 18px;
      background: transparent;
    }
    /* arrow notch (visible) */
    .dropdown::after {
      content: ''; position: absolute; top: 4px; left: 50%;
      transform: translateX(-50%);
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid var(--brand-20);
    }
    .dropdown a {
      display: flex; align-items: center; gap: 9px;
      padding: 10px 18px; font-size: var(--fs-3); letter-spacing: 1px;
      color: var(--white-60); text-decoration: none;
      transition: background .18s, color .18s;
      border-radius: 0;
    }
    .dropdown a:hover {
      background: rgba(201,169,110,.10);
      color: var(--brand);
    }
    .dropdown a::after { display: none !important; } /* no chevron on sub-links */
    .dropdown-divider {
      height: 1px; background: var(--brand-10); margin: 6px 0;
    }
    .dropdown-label {
      padding: 8px 18px 4px;
      font-size: var(--fs-tiny); letter-spacing: 2.5px; text-transform: uppercase;
      color: rgba(201,169,110,.35); font-weight: 500;
    }
    .dropdown a .dd-icon { font-size: var(--fs-2); flex-shrink: 0; }
    /* HERO */
    .hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--black);overflow:hidden}
    .hero-bg{position:absolute;inset:0;background:url('https://www.7mirrors.in/assets/images/bg_1.webp') center/cover no-repeat;opacity:.28}
    .hero-ov{position:absolute;inset:0;background:linear-gradient(120deg,rgba(13,13,13,.88) 0%,rgba(13,13,13,.4) 65%,transparent 100%)}
    .hero-c{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 32px}
    .h-eye{font-size:var(--fs-4);letter-spacing:4px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:22px;animation:fu .7s both}
    .h-eye::before{content:'';width:36px;height:1px;background:var(--gold)}
    /* H1 uses translate-only animation — stays visible (opacity:1) so browser measures LCP immediately */
    .hero h1{font-family:var(--fd);font-size:clamp(36px,5.5vw,80px);font-weight:300;color:var(--tw);line-height:1.1;margin-bottom:22px;animation:rise .6s both}
    .hero h1 em{font-style:italic;color:var(--gold-light)}
    .h-desc{font-size:var(--fs-0);color:var(--ts);max-width:500px;font-weight:300;line-height:1.85;margin-bottom:36px;animation:fu .7s .2s both}
    .h-btns{display:flex;gap:14px;flex-wrap:wrap;animation:fu .7s .35s both}
    @keyframes fu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
    @keyframes rise{from{transform:translateY(14px)}to{transform:translateY(0)}}

    /* TRUST */
    .trust{background:var(--s1);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .trust-i{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}
    .ti{display:flex;align-items:center;gap:10px;padding:18px 28px;border-right:1px solid var(--linew)}
    .ti:last-child{border-right:none}
    .tv{font-family:var(--fd);font-size:20px;color:var(--gold);font-weight:600;line-height:1}
    .tl{font-size:var(--fs-4);color:var(--td);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px}

    /* SERVICES */
    .svc-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:52px;background:var(--line)}
    .svc-c{background:var(--s2);padding:42px 34px;position:relative;overflow:hidden;text-decoration:none;display:block;color:inherit;transition:background .25s}
    .svc-c::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
    .svc-c:hover{background:var(--s3)}
    .svc-c:hover::after{transform:scaleX(1)}
    .svc-n{font-family:var(--fd);font-size:52px;color:rgba(201,169,110,0.08);position:absolute;top:16px;right:24px;font-weight:300;line-height:1}
    .svc-ic{font-size:26px;margin-bottom:16px;display:block}
    .svc-nm{font-family:var(--fd);font-size:22px;font-weight:400;color:var(--tw);margin-bottom:10px}
    .svc-dc{font-size:var(--fs-0);color:var(--ts);line-height:1.8;font-weight:300;margin-bottom:14px}
    .svc-pr{font-size:var(--fs-4);color:var(--gold);font-weight:600;letter-spacing:1px}
    .svc-lk{font-size:var(--fs-4);color:var(--gold);letter-spacing:2px;text-transform:uppercase;display:inline-block;margin-top:12px;font-weight:500}

    /* SERVICE LANDING PAGE GRID */
    .svc-lp-g{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:48px;background:var(--line)}
    .svc-lp-c{background:var(--s2);padding:28px 22px;text-decoration:none;display:flex;flex-direction:column;color:inherit;transition:background .25s;position:relative;overflow:hidden}
    .svc-lp-c::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
    .svc-lp-c:hover{background:var(--s3)}
    .svc-lp-c:hover::after{transform:scaleX(1)}
    .svc-lp-ic{font-size:22px;margin-bottom:12px;display:block}
    .svc-lp-nm{font-family:var(--fd);font-size:16px;font-weight:400;color:var(--tw);margin-bottom:8px;line-height:1.35}
    .svc-lp-dc{font-size:12.5px;color:var(--ts);line-height:1.75;font-weight:300;flex:1;margin-bottom:10px}
    .svc-lp-pr{font-size:12px;color:var(--gold);font-weight:600;letter-spacing:.5px;margin-bottom:8px}
    .svc-lp-lk{font-size:11px;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;font-weight:500}

    /* FUNCTION STRIP */
    .fn-strip{background:var(--s1);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .fn-row{display:flex;overflow-x:auto;max-width:1280px;margin:0 auto;padding:0 32px;scrollbar-width:none}
    .fn-row::-webkit-scrollbar{display:none}
    .fn-it{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 32px;border-right:1px solid var(--linew);flex-shrink:0;text-align:center}
    .fn-it:last-child{border-right:none}
    .fn-ic{font-size:22px}
    .fn-nm{font-family:var(--fd);font-size:var(--fs-1);color:var(--tw);font-weight:400}
    .fn-dc{font-size:var(--fs-4);color:var(--td)}

    /* BRIDAL */
    .bridal-g{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}
    .pkg-l{display:flex;flex-direction:column;gap:12px;margin-top:32px}
    .pkg-r{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:20px 24px;border-radius:2px;text-decoration:none;transition:border-color .25s,background .25s}
    .pkg-r:hover{border-color:var(--gold);background:var(--gold-dim)}
    .pkg-nm{font-family:var(--fd);font-size:19px;color:var(--tw);font-weight:400}
    .pkg-dt{font-size:var(--fs-4);color:var(--ts);margin-top:4px}
    .pkg-pr{font-family:var(--fd);font-size:22px;color:var(--gold);font-weight:600;flex-shrink:0;margin-left:16px;text-align:right}
    .pkg-pr small{display:block;font-size:var(--fs-4);font-family:var(--fb);color:var(--td);font-weight:300}
    .b-img{aspect-ratio:3/4;overflow:hidden;border-radius:2px;position:relative}
    .b-img img{width:100%;height:100%;object-fit:cover}
    .b-badge{position:absolute;bottom:20px;left:20px;background:rgba(13,13,13,.88);border:1px solid var(--gold);color:var(--gold-light);padding:10px 16px;font-size:var(--fs-2);backdrop-filter:blur(6px);border-radius:2px}

    /* JEWELLERY */
    .jwl-g{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}
    .jwl-types{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
    .jwl-t{background:var(--s3);border:1px solid var(--line);padding:16px 18px;border-radius:2px;font-size:var(--fs-1);color:var(--ts);display:flex;align-items:center;gap:10px;transition:border-color .2s}
    .jwl-t:hover{border-color:var(--gold)}
    .jwl-offer{margin-top:22px;padding:20px 22px;border-left:3px solid var(--gold);background:var(--s3);border-radius:0 2px 2px 0}
    .jwl-ot{font-family:var(--fd);font-size:18px;color:var(--gold);margin-bottom:6px}
    .jwl-od{font-size:var(--fs-1);color:var(--ts);line-height:1.7}

    /* HD vs AIRBRUSH */
    .hd-g{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:48px}
    .hd-c{background:var(--s2);padding:40px 34px;border-top:2px solid var(--linew)}
    .hd-c.active{border-top-color:var(--gold)}
    .hd-t{font-family:var(--fd);font-size:22px;color:var(--tw);margin-bottom:6px}
    .hd-b{display:inline-block;font-size:var(--fs-tiny);letter-spacing:2px;text-transform:uppercase;padding:3px 11px;border-radius:100px;margin-bottom:18px;font-weight:500}
    .b-hd{background:var(--gold-dim);color:var(--gold)}
    .b-air{background:rgba(100,160,240,0.12);color:#6aabf0}
    .hd-f{list-style:none;display:flex;flex-direction:column;gap:9px}
    .hd-f li{display:flex;gap:10px;font-size:var(--fs-0);color:var(--ts);font-weight:300}
    .hd-f li::before{content:'✓';color:var(--gold);flex-shrink:0}
    .hd-note{margin-top:20px;padding:12px 16px;background:var(--s3);border-radius:2px;font-size:var(--fs-2);color:var(--ts);line-height:1.65}
    .hd-note strong{color:var(--tw)}

    /* GALLERY */
    .gal-g{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:200px 200px;gap:4px;margin-top:48px}
    .gal-it{overflow:hidden;position:relative}
    .gal-it:first-child{grid-column:span 2;grid-row:span 2}
    .gal-it img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s}
    .gal-it:hover img{transform:scale(1.06);filter:brightness(.75)}
    .gal-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
    .gal-it:hover .gal-ov{opacity:1}
    .gal-ov span{font-size:var(--fs-4);letter-spacing:3px;text-transform:uppercase;color:var(--tw)}
    .gal-ft{display:flex;align-items:center;justify-content:space-between;background:var(--s1);padding:22px 32px;margin-top:4px;flex-wrap:wrap;gap:14px}
    .gal-ft-t{font-size:var(--fs-2);color:var(--ts)}
    .gal-ft-t strong{color:var(--gold)}

    /* NAIL */
    .nail-g{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:52px}
    .nail-s{background:var(--s2);padding:28px 22px;text-align:center}
    .nail-ic{font-size:24px;margin-bottom:10px;display:block}
    .nail-v{font-family:var(--fd);font-size:30px;color:var(--gold);font-weight:300;line-height:1;margin-bottom:6px}
    .nail-l{font-size:var(--fs-4);color:var(--ts)}
    .nail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
    .nail-card{background:var(--s2);border:1px solid var(--line);padding:22px;border-radius:2px}
    .nail-ct{font-size:var(--fs-1);font-weight:500;color:var(--tw);margin-bottom:8px}
    .nail-cd{font-size:var(--fs-2);color:var(--ts);font-weight:300;line-height:1.75}

    /* REVIEWS */
    .rev-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}
    .rev-c{background:var(--s2);border:1px solid var(--line);border-radius:2px;padding:28px;position:relative;transition:border-color .25s}
    .rev-c:hover{border-color:rgba(201,169,110,0.4)}
    .rev-q{font-family:var(--fd);font-size:64px;color:rgba(201,169,110,0.12);position:absolute;top:6px;left:18px;line-height:1}
    .rev-stars{color:var(--gold);font-size:var(--fs-1);margin-bottom:10px;letter-spacing:2px}
    .rev-tag{display:inline-block;font-size:var(--fs-tiny);letter-spacing:2px;text-transform:uppercase;color:var(--gold-dark);background:var(--gold-dim);padding:3px 10px;border-radius:100px;margin-bottom:12px;font-weight:500}
    .rev-tx{font-size:var(--fs-0);color:var(--ts);line-height:1.85;font-weight:300;font-style:italic;margin-bottom:18px}
    .rev-ft{display:flex;align-items:center;gap:10px;border-top:1px solid var(--linew);padding-top:14px}
    .rev-av{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-2);font-weight:600;color:var(--black)}
    .rev-nm{font-size:var(--fs-2);font-weight:500;color:var(--tw)}
    .rev-src{font-size:var(--fs-4);color:var(--td);display:flex;align-items:center;gap:4px;margin-top:1px}
    .rev-dot{width:5px;height:5px;border-radius:50%;background:#4285F4;flex-shrink:0}
    .rev-cta{display:flex;align-items:center;justify-content:space-between;margin-top:36px;padding-top:28px;border-top:1px solid var(--linew);flex-wrap:wrap;gap:16px}
    .rev-big{font-family:var(--fd);font-size:54px;color:var(--gold);font-weight:300;line-height:1}

    /* SERVICE TAG PILLS */
    .svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 16px}
    .svc-tag{font-size:11px;color:var(--gold-dark);border:1px solid rgba(201,169,110,.3);padding:3px 10px;border-radius:100px;text-decoration:none;transition:background .2s,border-color .2s;white-space:nowrap}
    .svc-tag:hover{background:rgba(201,169,110,.12);border-color:var(--gold)}

    /* CONSULTATIONS */
    .con-wa-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--s2);border:1px solid var(--line);border-left:3px solid var(--gold);padding:20px 28px;margin:36px 0 20px;flex-wrap:wrap}
    .con-wa-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--td);margin-bottom:4px}
    .con-wa-num{font-family:var(--fd);font-size:22px;color:var(--tw);font-weight:400}
    .con-wa-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
    .con-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:0}
    .con-row{display:grid;gap:14px;margin-top:14px}
    .con-row-4{grid-template-columns:repeat(4,1fr)}
    .con-row-3{grid-template-columns:repeat(3,1fr);width:75%;margin-left:auto;margin-right:auto}
    .con-c{background:var(--s2);border:1px solid var(--line);border-top:3px solid var(--gold);padding:24px 22px;text-decoration:none;display:flex;flex-direction:column;transition:background .25s,transform .2s;border-radius:0 0 2px 2px}
    .con-c:hover{background:var(--s3);transform:translateY(-3px)}
    .con-badge{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-dark);border:1px solid rgba(201,169,110,.3);padding:2px 10px;border-radius:100px;display:inline-block;margin-bottom:14px;align-self:flex-start}
    .con-ic{font-size:26px;margin-bottom:12px;display:block}
    .con-t{font-family:var(--fd);font-size:16px;color:var(--tw);font-weight:400;margin-bottom:10px;line-height:1.4}
    .con-d{font-size:var(--fs-1);color:var(--ts);line-height:1.8;font-weight:300;margin-bottom:14px}
    .con-pts{list-style:none;padding:0;margin:0 0 14px;flex:1}
    .con-pts li{font-size:12.5px;color:var(--ts);line-height:1.7;font-weight:300;padding-left:16px;position:relative;margin-bottom:4px}
    .con-pts li::before{content:'✦';position:absolute;left:0;color:var(--gold);font-size:8px;top:4px}
    .con-lk{font-size:var(--fs-4);color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;font-weight:500;margin-top:auto}

    /* BLOG */
    .blog-g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
    .blog-c{text-decoration:none;display:block}
    .blog-im{aspect-ratio:16/10;overflow:hidden;background:var(--s2);margin-bottom:18px}
    .blog-im img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s}
    .blog-c:hover .blog-im img{transform:scale(1.04)}
    .blog-ca{font-size:var(--fs-4);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-dark);margin-bottom:8px;font-weight:500}
    .blog-ti{font-family:var(--fd);font-size:20px;color:var(--tw);font-weight:400;line-height:1.4;margin-bottom:8px;transition:color .2s}
    .blog-c:hover .blog-ti{color:var(--gold)}
    .blog-ex{font-size:var(--fs-1);color:var(--ts);line-height:1.8;font-weight:300}
    .blog-dt{font-size:var(--fs-4);color:var(--td);margin-top:10px}

    /* FAQ */
    .faq-g{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:52px}
    .faq-it{background:var(--s2);border:1px solid var(--line);border-radius:2px;overflow:hidden}
    .faq-q{width:100%;background:none;border:none;padding:18px 20px;text-align:left;font-family:var(--fb);font-size:var(--fs-0);font-weight:500;color:var(--tw);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .2s}
    .faq-q:hover{background:var(--s3)}
    .faq-cv{font-size:var(--fs-4);color:var(--gold);transition:transform .25s;flex-shrink:0}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
    .faq-ai{padding:0 20px 16px;font-size:var(--fs-1);color:var(--ts);line-height:1.8;font-weight:300}
    .faq-it.open .faq-a{max-height:200px}
    .faq-it.open .faq-cv{transform:rotate(180deg)}
    .faq-it.open .faq-q{background:var(--s3)}

    /* TAGS */
    .tags-sec{background:var(--s1);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .tags-lbl{font-size:var(--fs-4);letter-spacing:3px;text-transform:uppercase;color:var(--td);margin-bottom:16px}
    .tags-cl{display:flex;flex-wrap:wrap;gap:8px}
    .tag{background:var(--s3);border:1px solid var(--line);color:var(--ts);padding:6px 14px;font-size:var(--fs-3);border-radius:100px;text-decoration:none;transition:all .2s}
    .tag:hover{background:var(--gold);border-color:var(--gold);color:var(--black)}

    /* CONTACT */
    .con-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:64px;align-items:start}
    .c-it{display:flex;gap:14px;margin-bottom:22px}
    .c-ico{width:40px;height:40px;background:var(--s3);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:var(--fs-1);flex-shrink:0;border-radius:2px}
    .c-lbl{font-size:var(--fs-4);color:var(--td);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}
    .c-val{font-size:var(--fs-0);color:var(--tm);font-weight:300}
    .c-val a{color:var(--gold);text-decoration:none}
    .hrs{background:var(--s3);border:1px solid var(--line);padding:18px;border-radius:2px;margin-top:4px}
    .hrs-lbl{font-size:var(--fs-4);color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
    .hr-row{display:flex;justify-content:space-between;font-size:var(--fs-2);color:var(--ts);padding:5px 0;border-bottom:1px solid var(--linew)}
    .hr-row:last-child{border-bottom:none}
    .open{color:#6fcf97;font-weight:500;font-size:var(--fs-4)}
    .map-b{margin-top:20px;overflow:hidden;border-radius:2px;border:1px solid var(--line)}
    .map-b iframe{display:block;width:100%;height:200px;border:none}
    .bk-form{background:var(--s2);border:1px solid var(--line);border-radius:2px;padding:36px}
    .bk-t{font-family:var(--fd);font-size:26px;color:var(--tw);font-weight:400;margin-bottom:4px}
    .bk-s{font-size:var(--fs-1);color:var(--ts);margin-bottom:26px}
    .fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .fg{margin-bottom:14px}
    .fg label{display:block;font-size:var(--fs-4);letter-spacing:1.5px;text-transform:uppercase;color:var(--ts);margin-bottom:6px;font-weight:500}
    .fg input,.fg select,.fg textarea{width:100%;border:1px solid rgba(255,255,255,0.12);border-radius:2px;padding:11px 14px;font-size:var(--fs-0);font-family:var(--fb);color:var(--tw);background:var(--s3);transition:border-color .2s;outline:none}
    .fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold)}
    .fg select option{background:var(--s3)}
    .fg textarea{resize:vertical;min-height:75px}
    .f-sub{width:100%;background:var(--gold);color:var(--black);border:none;padding:14px;font-size:var(--fs-4);font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background .2s;font-family:var(--fb);margin-top:4px}
    .f-sub:hover{background:var(--gold-light)}
    .f-note{font-size:var(--fs-4);color:var(--td);text-align:center;margin-top:10px}
    .f-note a{color:var(--gold);text-decoration:none}

    /* FOOTER */
    footer{background:var(--s1);border-top:1px solid var(--line);padding:60px 32px 28px}
    .ft-g{max-width:1280px;margin:0 auto}
    .ft-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;padding-bottom:44px;border-bottom:1px solid var(--linew)}
    .ft-br{font-family:var(--fd);font-size:26px;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-weight:400}
    .ft-dc{font-size:var(--fs-2);color:var(--ts);line-height:1.85;font-weight:300;max-width:280px;margin-bottom:18px}
    .socials{display:flex;gap:10px}
    .soc{width:34px;height:34px;border-radius:50%;background:var(--s3);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:var(--fs-1);color:var(--ts);text-decoration:none;transition:all .2s}
    .soc:hover{background:var(--gold);border-color:var(--gold);color:var(--black)}
    .ft-ct{font-size:var(--fs-4);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}
    .ft-lk{list-style:none;display:flex;flex-direction:column;gap:9px}
    .ft-lk a{font-size:var(--fs-2);color:var(--ts);text-decoration:none;transition:color .2s;font-weight:300}
    .ft-lk a:hover{color:var(--gold)}
    .ft-bot{display:flex;align-items:center;justify-content:space-between;padding-top:22px;font-size:var(--fs-4);color:var(--td);max-width:1280px;margin:0 auto;flex-wrap:wrap;gap:8px}
    .ft-bot a{color:var(--gold);text-decoration:none}

    /* WA FLOAT */
    .wa-float{position:fixed;bottom:24px;right:20px;z-index:999;background:#25D366;color:#fff;display:flex;align-items:center;gap:8px;padding:12px 18px 12px 14px;border-radius:50px;font-size:14px;font-weight:600;letter-spacing:.3px;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,.45);animation:wap 2.5s ease-in-out infinite;white-space:nowrap;transition:transform .2s}
    .wa-float:hover{transform:scale(1.04)}
    .wa-float-ic{font-size:20px;line-height:1;flex-shrink:0}
    .wa-float-lbl{font-size:13px;font-weight:600;line-height:1}
    @keyframes wap{0%,100%{box-shadow:0 4px 18px rgba(37,211,102,.4)}50%{box-shadow:0 4px 30px rgba(37,211,102,.65)}}
    @media(max-width:600px){
      .wa-float{bottom:16px;right:14px;padding:11px 15px 11px 12px}
      .wa-float-lbl{font-size:12px}
    }

    /* ── MOBILE HAMBURGER ── */
    .mob-ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:1100}
    .mob-ham span{display:block;width:24px;height:2px;background:var(--gold);border-radius:2px;transition:transform .25s,opacity .2s}
    .mob-ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .mob-ham.open span:nth-child(2){opacity:0}
    .mob-ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

    @media(max-width:900px){
      .inner,.sec,.sec-sm{padding-left:20px;padding-right:20px}
      .hi{padding:0 20px}
      .mob-ham{display:flex}
      nav{
        display:none;
        position:fixed;top:72px;left:0;right:0;
        max-height:calc(100vh - 72px);
        background:rgba(13,13,13,.99);
        flex-direction:column;align-items:stretch;
        overflow-y:auto;gap:0;z-index:999;
        border-top:1px solid var(--brand-10);
      }
      nav.open{display:flex}
      /* plain links (Jewellery, Gallery, Blog, About, Contact) */
      nav>a{
        padding:13px 24px;font-size:var(--fs-2);letter-spacing:1.5px;text-transform:uppercase;
        border-bottom:1px solid var(--brand-10);width:100%;color:var(--white-60);
      }
      nav .nav-book{
        margin:12px 20px 20px;border-radius:var(--r-sm);
        text-align:center;display:block;padding:13px 20px;width:auto;
      }
      /* nav-item (dropdown parents) */
      .nav-item{width:100%;padding-bottom:0;margin-bottom:0}
      .nav-item>a{
        padding:13px 24px;font-size:var(--fs-2);letter-spacing:1.5px;text-transform:uppercase;
        border-bottom:1px solid var(--brand-10);width:100%;
        display:flex;justify-content:space-between;align-items:center;
      }
      .nav-item>a::after{transition:transform .22s}
      .nav-item.open>a::after{transform:rotate(180deg)}
      /* dropdown panel — reset ALL desktop properties */
      .dropdown{
        position:static !important;
        transform:none !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        backdrop-filter:none !important;
        transition:none !important;
        min-width:0 !important;
        background:rgba(255,255,255,.04);
        border:none;border-radius:0;box-shadow:none;
        padding:0;display:none;
        width:100%;
      }
      .nav-item:hover .dropdown{opacity:1;visibility:visible;transform:none;display:none}
      .nav-item.open .dropdown{display:block !important}
      /* reset services 2-col grid on mobile */
      .nav-item.nav-services .dropdown{display:none;grid-template-columns:1fr !important;min-width:0 !important}
      .nav-item.nav-services.open .dropdown{display:block !important}
      .nav-item.nav-services .dropdown-full{grid-column:auto}
      .dropdown::before,.dropdown::after{display:none !important}
      .dropdown-label{padding:8px 28px 4px;font-size:10px;letter-spacing:2px;color:rgba(201,169,110,.4);width:100%}
      .dropdown-divider{margin:4px 20px;width:auto}
      .dropdown a{
        padding:11px 28px;font-size:var(--fs-3);letter-spacing:1px;
        border-bottom:1px solid rgba(201,169,110,.06);width:100%;
        display:flex;align-items:center;gap:9px;
      }
      .svc-g{grid-template-columns:1fr}
      .svc-lp-g{grid-template-columns:repeat(2,1fr)}
      .bridal-g,.jwl-g,.con-grid{grid-template-columns:1fr;gap:36px}
      .hd-g{grid-template-columns:1fr}
      .con-wa-bar{flex-direction:column;align-items:flex-start;gap:16px}
      .con-g{grid-template-columns:1fr 1fr}
      .con-row-4,.con-row-3{grid-template-columns:repeat(2,1fr);width:100%}
      .gift-occ{grid-template-columns:1fr 1fr!important}
      .gift-pkgs{grid-template-columns:1fr!important}
      .rev-g{grid-template-columns:1fr}
      .gal-g{grid-template-columns:1fr 1fr;grid-template-rows:auto}
      .gal-it:first-child{grid-column:span 2}
      .blog-g{grid-template-columns:1fr}
      .faq-g{grid-template-columns:1fr}
      .nail-g{grid-template-columns:1fr 1fr}
      .nail-cards{grid-template-columns:1fr}
      .ft-top{grid-template-columns:1fr 1fr;gap:28px}
      .trust-i{justify-content:flex-start;overflow-x:auto;padding:0 20px}
      .ti{flex-shrink:0}
      .fr{grid-template-columns:1fr}
      .ft-bot{flex-direction:column;text-align:center}
      .b-img{aspect-ratio:4/3}
    }

    /* ══ INNER PAGE OVERRIDES ══ */
    /* Dark-theme page banner replacing hero-wrap hero-wrap-2 */
    .hero-wrap.hero-wrap-2 {
      position: relative; min-height: 380px; display: flex; align-items: center;
      background-size: cover; background-position: center top; overflow: hidden;
    }
    .hero-wrap.hero-wrap-2 .overlay {
      position: absolute; inset: 0;
      background: linear-gradient(135deg, rgba(13,13,13,0.94) 0%, rgba(13,13,13,0.78) 100%);
      z-index: 1;
    }
    .hero-wrap.hero-wrap-2 .container {
      position: relative; z-index: 2; padding-top: 60px; padding-bottom: 60px;
    }
    .hero-wrap.hero-wrap-2 h1.bread, .hero-wrap.hero-wrap-2 h1.mb-3.bread {
      font-family: var(--fd); font-size: clamp(26px, 3.8vw, 50px); font-weight: 300;
      color: var(--tw); line-height: 1.18; margin-bottom: 12px;
    }
    .hero-wrap.hero-wrap-2 .breadcrumbs {
      font-size: var(--fs-4); color: var(--ts); letter-spacing: 1px; margin-bottom: 14px;
    }
    .hero-wrap.hero-wrap-2 .breadcrumbs a { color: var(--gold); text-decoration: none; }
    .hero-wrap.hero-wrap-2 .breadcrumbs span { color: var(--td); }
    .hero-wrap.hero-wrap-2 p, .hero-wrap.hero-wrap-2 p strong {
      color: var(--ts); font-size: var(--fs-0); line-height: 1.85; font-weight: 300; margin-bottom: 10px;
    }
    .hero-wrap.hero-wrap-2 p strong { color: var(--tm); font-weight: 400; }
    .hero-wrap.hero-wrap-2 .btn.btn-primary,
    .hero-wrap.hero-wrap-2 .btn.btn-light {
      display: inline-block; background: var(--gold); color: var(--black) !important;
      border: none; font-size: var(--fs-4); font-weight: 600; letter-spacing: 2px;
      text-transform: uppercase; border-radius: var(--r-sm); padding: 12px 26px;
      text-decoration: none; transition: background .2s; margin: 4px 4px 4px 0;
      font-family: var(--fb);
    }
    .hero-wrap.hero-wrap-2 .btn.btn-primary:hover,
    .hero-wrap.hero-wrap-2 .btn.btn-light:hover { background: var(--gold-light); }
    .hero-wrap.hero-wrap-2 .slider-text { width: 100%; }
    .hero-wrap.hero-wrap-2 .js-fullheight { min-height: 380px; }

    /* Global inner-page typography for dark theme */
    .ftco-section, .contact-section { padding: 72px 0; background: var(--black); }
    .bg-light { background: var(--s1) !important; }
    .bg-white { background: var(--s2) !important; }
    section.py-5 { padding-top: 72px !important; padding-bottom: 72px !important; background: var(--s1); }
    section.py-5.bg-light, section.py-5:not([style]) { background: var(--s1) !important; }
    .container { max-width: 1280px; padding-left: 32px; padding-right: 32px; }
  
    ul:not([class]) li, ol:not([class]) li { color: var(--ts); font-weight: 300; line-height: 1.85; }

    /* Inner page buttons (Bootstrap) */
    .btn.btn-primary { background: var(--gold); border-color: var(--gold); color: var(--black); font-size: var(--fs-4); font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; border-radius: var(--r-sm); padding: 11px 24px; }
    .btn.btn-primary:hover, .btn.btn-primary:focus { background: var(--gold-light); border-color: var(--gold-light); color: var(--black); }
    .btn.btn-secondary { background: transparent; border: 1px solid rgba(255,255,255,0.22); color: var(--tm); font-size: var(--fs-4); letter-spacing: 1.5px; text-transform: uppercase; border-radius: var(--r-sm); padding: 11px 24px; }
    .btn.btn-secondary:hover { border-color: var(--gold); color: var(--gold); background: transparent; }
    .btn.btn-light { background: transparent; border: 1px solid rgba(255,255,255,0.22); color: var(--tm); }
    .btn.btn-light:hover { border-color: var(--gold); color: var(--gold); background: transparent; }

    /* Cards */
    .card { background: var(--s2); border: 1px solid var(--line); border-radius: var(--r-sm); color: var(--ts); }
    .card-header { background: var(--s3); border-bottom: 1px solid var(--line); color: var(--gold); font-size: var(--fs-4); letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }
    .card-body { color: var(--ts); }
    .card-title { color: var(--tw); font-family: var(--fd); font-size: 20px; font-weight: 400; }
    .card-text { color: var(--ts); font-weight: 300; font-size: var(--fs-1); }
    .card-footer { background: var(--s3); border-top: 1px solid var(--line); }

    /* Tables */
    table { width: 100%; border-collapse: collapse; }
    table th { background: var(--s3); color: var(--gold); font-size: var(--fs-4); letter-spacing: 1.5px; text-transform: uppercase; padding: 12px 16px; border: 1px solid var(--line); font-weight: 500; font-family: var(--fb); }
    table td { padding: 12px 16px; border: 1px solid var(--line); color: var(--ts); font-size: var(--fs-0); background: var(--s2); font-weight: 300; }
    table tr:hover td { background: var(--s3); }
    .table-striped tbody tr:nth-of-type(odd) td { background: var(--s3); }

    /* Nav tabs */
    .nav-tabs { border-bottom: 1px solid var(--line); }
    .nav-tabs .nav-link { color: var(--ts); background: transparent; border: none; border-bottom: 2px solid transparent; font-size: var(--fs-4); letter-spacing: 1.5px; text-transform: uppercase; padding: 10px 18px; transition: color .2s, border-color .2s; }
    .nav-tabs .nav-link:hover { color: var(--gold); border-bottom-color: var(--gold-dim); }
    .nav-tabs .nav-link.active { color: var(--gold); border-bottom: 2px solid var(--gold); background: transparent; }
    .tab-content { padding-top: 24px; }

    /* Badges & Tags */
    .badge { font-size: var(--fs-4); letter-spacing: 1px; text-transform: uppercase; font-weight: 500; }
    .badge-primary { background: var(--gold-dim); color: var(--gold); border: 1px solid var(--gold-border); }

    /* Form elements inner pages */
    input:not([class*="f-"]):not([class*="bk-"]), select:not([class*="f-"]):not([class*="bk-"]), textarea:not([class*="f-"]):not([class*="bk-"]) { background: var(--s3); border: 1px solid rgba(255,255,255,0.12); color: var(--tw); border-radius: var(--r-sm); padding: 10px 14px; font-family: var(--fb); font-size: var(--fs-0); }
    input:not([class*="f-"]):focus, select:not([class*="f-"]):focus, textarea:not([class*="f-"]):focus { border-color: var(--gold); outline: none; }
    label { font-size: var(--fs-4); color: var(--ts); letter-spacing: 1px; text-transform: uppercase; font-weight: 500; margin-bottom: 5px; }

    /* Instagram embeds container */
    blockquote.instagram-media { background: var(--s2) !important; border: 1px solid var(--line) !important; }

    /* Section headings pattern */
    .row .text-center h2, .row .text-center h3 { color: var(--tw); font-family: var(--fd); font-weight: 300; }
    .row .text-center p { color: var(--ts); }

    /* Bootstrap form controls */
    .form-control { background: var(--s3) !important; border: 1px solid rgba(255,255,255,0.12) !important; color: var(--tw) !important; border-radius: var(--r-sm) !important; padding: 11px 14px !important; font-family: var(--fb); font-size: var(--fs-0) !important; }
    .form-control:focus { border-color: var(--gold) !important; box-shadow: none !important; outline: none !important; background: var(--s3) !important; color: var(--tw) !important; }
    .form-control::placeholder { color: var(--td) !important; }
    .form-group { margin-bottom: 14px; }
    .form-group label { font-size: var(--fs-4); color: var(--ts); letter-spacing: 1.5px; text-transform: uppercase; font-weight: 500; }

    /* Bootstrap alerts */
    .alert-success { background: rgba(111,207,151,0.12); border: 1px solid rgba(111,207,151,0.3); color: #6fcf97; border-radius: var(--r-sm); padding: 14px 18px; }
    .alert-danger { background: rgba(235,87,87,0.12); border: 1px solid rgba(235,87,87,0.3); color: #eb5757; border-radius: var(--r-sm); padding: 14px 18px; }

    /* Contact page specifics */
    .contact-info { background: var(--s2) !important; border: 1px solid var(--line); border-radius: var(--r-sm); }
    .contact-info p span { color: var(--gold); font-size: var(--fs-4); letter-spacing: 1px; text-transform: uppercase; font-weight: 500; display: block; margin-bottom: 2px; }
    .contact-info a { color: var(--tm); text-decoration: none; }
    .contact-info a:hover { color: var(--gold); }
    .contact-form .btn { width: 100%; }

    /* Pricing page tabs */
    .nav-pills .nav-link { background: var(--s2); border: 1px solid var(--line); color: var(--ts); font-size: var(--fs-4); letter-spacing: 1.5px; text-transform: uppercase; margin: 3px; border-radius: var(--r-sm); padding: 9px 18px; }
    .nav-pills .nav-link.active { background: var(--gold); color: var(--black); border-color: var(--gold); }

    /* List groups */
    .list-group-item { background: var(--s2); border: 1px solid var(--line); color: var(--ts); font-weight: 300; font-size: var(--fs-0); }
    .list-group-item:first-child { border-top-left-radius: var(--r-sm); border-top-right-radius: var(--r-sm); }
    .list-group-item:last-child { border-bottom-left-radius: var(--r-sm); border-bottom-right-radius: var(--r-sm); }

    /* Accordion */
    .accordion .card { margin-bottom: 6px; }
    .accordion .card-header { cursor: pointer; }
    .accordion .card-header h5 { margin: 0; font-family: var(--fb); font-size: var(--fs-0); font-weight: 500; color: var(--tw); }

    /* Text utilities */
    .text-muted { color: var(--ts) !important; }
    .text-dark { color: var(--tw) !important; }
    .text-primary { color: var(--gold) !important; }
    a.text-primary:hover { color: var(--gold-light) !important; }

    /* Hr dividers */
    hr { border-color: var(--line); opacity: 1; }

    /* Section heading with underline style */
    .heading-section h2 { font-family: var(--fd); font-size: clamp(26px,3vw,42px); font-weight: 300; color: var(--tw); }
    .heading-section .subheading { font-size: var(--fs-4); letter-spacing: 4px; text-transform: uppercase; color: var(--gold); display: block; margin-bottom: 10px; }

    /* Services/pricing rows */
    .services-section .wrap { background: var(--s2); border: 1px solid var(--line); padding: 28px; border-radius: var(--r-sm); margin-bottom: 16px; }
    .services-section .icon { color: var(--gold); font-size: 28px; margin-bottom: 12px; }

    /* About page */
    .about-section img { border-radius: var(--r-sm); opacity: 0.88; }

    /* ── SHARED REVEAL ANIMATION ── */
    @keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
    /* riseUp: translate-only, no opacity — keeps element visible for LCP measurement */
    @keyframes riseUp{from{transform:translateY(14px)}to{transform:translateY(0)}}
    .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}
    /* Override: H1 elements never start invisible — critical for LCP score */
    h1[style*="fadeUp"]{animation-name:riseUp!important}
    .pg-h1,.pg-hero,.svc-hero-title{animation-name:riseUp!important}

    /* ── BREADCRUMB (shared across inner pages) ── */
    .bc{background:var(--brand-hero);border-bottom:1px solid var(--brand-10);padding:14px 40px}
    .bc-i{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:8px;font-size:var(--fs-4);color:rgba(201,169,110,.4);letter-spacing:.5px}
    .bc-i a{color:var(--brand);text-decoration:none}
    .bc-sep{color:rgba(201,169,110,.25)}

    /* ── PAGE HERO ── */
    .ph{background:var(--brand-hero);padding:72px 40px 60px;border-bottom:1px solid var(--brand-10);position:relative;overflow:hidden}
    .ph::before{content:'';position:absolute;inset:0;background:url('https://www.7mirrors.in/assets/images/bg_1.webp') center/cover;opacity:.07;pointer-events:none}
    .ph-i{position:relative;z-index:2;max-width:1280px;margin:0 auto}
    .ph h1{font-family:var(--fd);font-size:clamp(36px,4.5vw,64px);font-weight:300;color:var(--tw);line-height:1.08;margin-bottom:14px}
    .ph h1 em{font-style:italic;color:var(--brand)}
    .ph p{font-size:var(--fs-1);color:var(--ts);max-width:580px;font-weight:300;line-height:1.85;margin-bottom:28px}
    .ph-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
    .ph-tag{font-size:var(--fs-2);color:var(--ts);padding:5px 14px;border:1px solid var(--brand-20);border-radius:100px}
    .ph-btns{display:flex;gap:12px;flex-wrap:wrap}

    /* ── SHARED BUTTONS (new system) ── */
    .btn-p{display:inline-block;background:var(--brand);color:var(--brand-deeper);padding:13px 30px;font-size:var(--fs-4);font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:var(--r-sm);border:none;cursor:pointer;font-family:var(--fb);transition:background .2s,transform .15s}
    .btn-p:hover{background:var(--gold-light);transform:translateY(-1px)}
    .btn-o{display:inline-block;background:transparent;color:var(--tw);padding:13px 30px;font-size:var(--fs-4);font-weight:400;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.22);cursor:pointer;transition:border-color .2s,color .2s}
    .btn-o:hover{border-color:var(--brand);color:var(--brand)}
    .btn-od{display:inline-block;background:transparent;color:var(--brand-deeper);padding:13px 30px;font-size:var(--fs-4);font-weight:500;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:var(--r-sm);border:1.5px solid var(--brand-deeper);cursor:pointer;font-family:var(--fb);transition:background .2s,color .2s}
    .btn-od:hover{background:var(--brand-deeper);color:var(--tw)}
    .btn-g{display:inline-block;background:var(--gold);color:var(--black);padding:13px 30px;font-size:var(--fs-4);font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:var(--r-sm);transition:background .2s}
    .btn-g:hover{background:var(--gold-dark)}

    /* ── LIGHT SECTION MODIFIER ── */
    .lt{color:var(--black)}
    .lt .eyebrow{color:var(--gold-dark)}.lt .eyebrow::before{background:var(--gold-dark)}
    .lt .sec-title{color:var(--brand-deeper)}.lt .sec-title em{color:var(--gold-dark)}
    .lt .sec-sub{color:var(--mid-grey);font-size:var(--fs-1)}

    /* ── WHY CARDS ── */
    .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}
    .wc{background:rgba(13,13,13,.55);border:1px solid var(--brand-20);border-radius:var(--r-lg);padding:28px 24px;transition:border-color .25s,transform .2s}
    .wc:hover{border-color:var(--brand-40);transform:translateY(-3px)}
    .wc-icon{font-size:26px;margin-bottom:12px;display:block}
    .wc-title{font-family:var(--fd);font-size:18px;color:var(--tw);font-weight:400;margin-bottom:8px}
    .wc-desc{font-size:var(--fs-1);color:var(--ts);font-weight:300;line-height:1.75}

    /* ── CROSS LINKS ── */
    .xl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
    .xl-card{background:rgba(13,13,13,.78);border:1px solid var(--brand-20);border-top:3px solid var(--brand);border-radius:0 0 var(--r-md) var(--r-md);padding:24px 20px;text-decoration:none;display:block;transition:background .25s,transform .2s}
    .xl-card:hover{background:rgba(13,13,13,.9);transform:translateY(-3px)}
    .xl-icon{font-size:22px;margin-bottom:10px;display:block}
    .xl-title{font-family:var(--fd);font-size:17px;color:var(--tw);font-weight:400;margin-bottom:6px}
    .xl-desc{font-size:var(--fs-2);color:var(--ts);line-height:1.7;font-weight:300;margin-bottom:10px}
    .xl-lk{font-size:var(--fs-4);color:var(--brand);letter-spacing:2px;text-transform:uppercase;font-weight:500}

    /* ── CTA BAND ── */
    .cta-band{padding:72px 40px;position:relative;overflow:hidden;text-align:center}
    .cta-band::before{content:'';position:absolute;inset:0;background:url('https://www.7mirrors.in/assets/images/bg_1.webp') center/cover;opacity:.08;pointer-events:none}
    .cta-inner{position:relative;z-index:2;max-width:720px;margin:0 auto}
    .cta-band h2{font-family:var(--fd);font-size:clamp(32px,4vw,52px);color:var(--tw);font-weight:300;line-height:1.1;margin-bottom:12px}
    .cta-band h2 em{font-style:italic;color:var(--brand)}
    .cta-band p{font-size:var(--fs-0);color:var(--ts);font-weight:300;line-height:1.85;margin-bottom:32px}
    .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

    /* ── FAQ (new system) ── */
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:52px}
    .fi{background:rgba(13,13,13,.55);border:1px solid var(--brand-20);border-radius:var(--r-md);overflow:hidden}
    .fq{width:100%;background:none;border:none;padding:18px 20px;text-align:left;font-family:var(--fb);font-size:var(--fs-0);font-weight:500;color:var(--tw);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .2s}
    .fq:hover{background:rgba(13,13,13,.82)}.fch{font-size:var(--fs-4);color:var(--brand);transition:transform .25s;flex-shrink:0}
    .fa{max-height:0;overflow:hidden;transition:max-height .35s ease}
    .fai{padding:0 20px 16px;font-size:var(--fs-1);color:var(--ts);line-height:1.8;font-weight:300}
    .fi.open .fa{max-height:220px}.fi.open .fch{transform:rotate(180deg)}.fi.open .fq{background:rgba(13,13,13,.82)}

    /* ── TAGS ── */
    .tag{background:rgba(13,13,13,.65);border:1px solid var(--brand-20);color:var(--ts);padding:6px 14px;font-size:var(--fs-3);border-radius:100px;text-decoration:none;transition:all .2s}
    .tag:hover{background:var(--brand);border-color:var(--brand);color:var(--brand-deeper)}
    .tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}

    /* ── BIRTHDAY OFFER ── */
    .bday-wrap{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:center}
    .bday-balloons{font-size:32px;margin-bottom:12px;letter-spacing:4px}
    .bday-bullets{display:flex;flex-direction:column;gap:10px;margin-top:4px}
    .bday-b{font-size:13.5px;color:var(--ts);font-weight:300;display:flex;align-items:flex-start;gap:8px}
    .bday-card{background:linear-gradient(145deg,rgba(201,169,110,.12) 0%,rgba(13,13,13,.9) 100%);border:1px solid var(--brand-40);border-radius:var(--r-lg);padding:32px 28px;text-align:center;position:relative;overflow:hidden}
    .bday-card::before{content:'🎈';position:absolute;top:-10px;left:10px;font-size:48px;opacity:.15;transform:rotate(-15deg)}
    .bday-card::after{content:'🎈';position:absolute;bottom:-10px;right:10px;font-size:48px;opacity:.15;transform:rotate(15deg)}
    .bday-card-tag{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ts);margin-bottom:16px;font-weight:400}
    .bday-get{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--ts);margin-bottom:4px}
    .bday-pct{font-family:var(--fd);font-size:88px;color:var(--brand);font-weight:300;line-height:1;margin-bottom:0}
    .bday-pct span{font-size:44px;vertical-align:top;margin-top:14px;display:inline-block}
    .bday-off{font-family:var(--fd);font-size:48px;color:var(--brand);font-weight:300;line-height:1;margin-bottom:12px;letter-spacing:6px}
    .bday-on{font-size:13px;color:var(--ts);font-style:italic;font-family:var(--fd);font-size:16px;margin-bottom:20px}
    .bday-divider{width:60px;height:1px;background:var(--brand-40);margin:16px auto}
    .bday-validity{font-size:12.5px;color:var(--ts);margin-bottom:8px}
    .bday-validity strong{color:var(--tw)}
    .bday-proof{font-size:12px;color:rgba(201,169,110,.6);font-style:italic}
    @media(max-width:960px){.bday-wrap{grid-template-columns:1fr;gap:36px}.bday-card{max-width:420px;margin:0 auto}}
    @media(max-width:600px){.bday-pct{font-size:72px}.bday-off{font-size:36px}}

    @media(max-width:600px){
      .con-g,.con-row-4,.con-row-3{grid-template-columns:1fr!important;width:100%}
      .gift-occ{grid-template-columns:1fr 1fr!important}
    }

    @media(max-width:960px){
      .ph,.bc{padding-left:20px;padding-right:20px}
      .ph{padding-top:52px;padding-bottom:44px;text-align:center}
      .ph h1,.ph p{text-align:center}
      .ph-tags{justify-content:center}
      .ph-btns,.h-btns,.pg-hero-btns,.svc-hero-btns,.dp-btns{justify-content:center}
      .why-grid{grid-template-columns:1fr}
      .xl-grid{grid-template-columns:1fr 1fr}
      .faq-grid{grid-template-columns:1fr}
      .cta-band{padding:52px 20px}
    }