:root{
    --emerald-950:#05090f;
    --emerald-900:#0a1626;
    --emerald-800:#0f2038;
    --emerald-700:#15315a;
    --emerald-600:#2e8f5e;
    --gold-500:#2e8f5e;
    --gold-300:#7fd9a8;
    --ivory:#e7edf6;
    --ivory-dim:#96a6bc;
    --glass:rgba(225,233,244,0.05);
    --glass-strong:rgba(225,233,244,0.09);
    --line:rgba(46,143,94,0.28);
    --chrome:#c7d3e0;
    --accent-rgb:46,143,94;
    --accent-light-rgb:130,217,168;
    --accent-dark-rgb:16,60,38;
    --theme-label:"کناف رطوبتی K+";
    transition:none;
  }
  html[data-theme="boardex"]{
    --emerald-600:#a8663a;
    --gold-500:#a8663a;
    --gold-300:#e0a876;
    --line:rgba(168,102,58,0.3);
    --accent-rgb:168,102,58;
    --accent-light-rgb:224,168,118;
    --accent-dark-rgb:64,38,18;
  }
  html{ transition: background-color .6s ease; }
  body, header, #callbar, .product-card, .pf-card, .t-card, .faq-item,
  .stat-card, .process-step, .cta-banner, .order-toggle button, .field input,
  .field select, .field textarea, .pay-card, .gem-glow, .facet, footer,
  .brand-mark, #floatcall, .btn-solid, .btn-pay, .cta-call, .navcta{
    transition: background-color .6s ease, border-color .6s ease, box-shadow .6s ease, color .6s ease;
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--emerald-950);
    color:var(--ivory);
    font-family:'Vazirmatn',sans-serif;
    overflow-x:hidden;
    position:relative;
    line-height:1.9;
  }

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}
  }

  a{color:inherit;text-decoration:none;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}
  section{position:relative;z-index:2;padding:120px 6vw;}
  .eyebrow{
    font-family:'Playfair Display',serif;
    letter-spacing:.18em;
    color:var(--gold-300);
    font-size:.78rem;
    text-transform:uppercase;
    display:inline-flex;align-items:center;gap:10px;
    margin-bottom:18px;
  }
  .eyebrow::before{content:'';width:28px;height:1px;background:var(--gold-500);display:inline-block;}
  h1,h2,h3{font-weight:700;letter-spacing:-.01em;}
  h2{font-size:clamp(1.8rem,3.4vw,2.9rem);margin-bottom:20px;}
  .lead{color:var(--ivory-dim);font-size:1.05rem;max-width:640px;}
  .container{max-width:1220px;margin:0 auto;}

  /* ===== background texture ===== */
  body::before{
    content:'';
    position:fixed;inset:0;
    background:
      radial-gradient(ellipse at 15% 8%, rgba(var(--accent-light-rgb),0.35), transparent 55%),
      radial-gradient(ellipse at 85% 92%, rgba(var(--accent-rgb),0.14), transparent 50%),
      linear-gradient(180deg,var(--emerald-950),var(--emerald-900) 40%,var(--emerald-950));
    z-index:0;
  }
  body::after{
    content:'';
    position:fixed;inset:0;
    background-image:
      linear-gradient(rgba(225,233,244,0.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(225,233,244,0.025) 1px, transparent 1px);
    background-size:64px 64px;
    z-index:0;
    mask-image:radial-gradient(ellipse at 50% 30%, black, transparent 75%);
  }

  /* ===== nav ===== */
  header{
    position:fixed;top:0;left:0;right:0;z-index:50;
    display:flex;align-items:center;justify-content:space-between;
    padding:20px 6vw;
    backdrop-filter:blur(14px);
    background:linear-gradient(180deg, rgba(5,9,18,0.75), rgba(5,9,18,0));
    border-bottom:1px solid transparent;
    transition:.35s;
  }
  header.scrolled{background:rgba(5,9,18,0.86);border-bottom:1px solid var(--line);}
  .brand{display:flex;align-items:center;gap:12px;}
  .brand-mark{
    width:44px;height:44px;position:relative;border-radius:50%;overflow:hidden;
    box-shadow:0 0 18px rgba(var(--accent-rgb),0.45);
    border:1px solid rgba(var(--accent-light-rgb),.4);
  }
  .brand-mark img{width:100%;height:100%;object-fit:cover;display:block;}
  .brand-text{display:flex;flex-direction:column;line-height:1.25;}
  .brand-text b{font-size:1.05rem;letter-spacing:.02em;}
  .brand-text small{font-family:'Playfair Display',serif;font-style:italic;color:var(--gold-300);font-size:.66rem;letter-spacing:.24em;}
  nav ul{display:flex;gap:34px;}
  nav a{font-size:.92rem;color:var(--ivory-dim);position:relative;padding:4px 0;}
  nav a:hover{color:var(--ivory);}
  nav a::after{content:'';position:absolute;bottom:-3px;right:0;width:0;height:1px;background:var(--gold-500);transition:.3s;}
  nav a:hover::after{width:100%;}
  .navcta{
    border:1px solid var(--gold-500);color:var(--gold-300)!important;
    padding:9px 20px;border-radius:2px;font-size:.85rem!important;
  }
  .navcta:hover{background:var(--gold-500);color:var(--emerald-950)!important;}
  .burger{display:none;color:var(--ivory);font-size:1.6rem;background:none;border:none;cursor:pointer;}

  /* ===== top call bar ===== */
  #callbar{
    position:fixed;top:0;left:0;right:0;z-index:60;
    background:linear-gradient(90deg, var(--emerald-900), var(--emerald-800));
    border-bottom:1px solid var(--line);
    padding:8px 6vw;
    display:flex;align-items:center;justify-content:center;gap:28px;
    font-size:.82rem;color:var(--ivory-dim);
  }
  #callbar a{display:flex;align-items:center;gap:6px;color:var(--gold-300);font-weight:600;direction:ltr;}
  #callbar svg{width:14px;height:14px;}
  header{top:38px;}
  #hero{padding-top:178px;}
  @media(max-width:700px){
    #callbar{gap:14px;font-size:.72rem;padding:7px 4vw;}
    #callbar .callbar-label{display:none;}
  }

  /* ===== floating call button ===== */
  #floatcall{
    position:fixed;bottom:26px;left:26px;z-index:90;
    display:flex;align-items:center;gap:10px;
    background:linear-gradient(135deg,var(--gold-300),var(--gold-500));
    color:var(--emerald-950);padding:14px 20px 14px 14px;border-radius:40px;
    box-shadow:0 10px 30px -6px rgba(var(--accent-rgb),0.6);
    font-weight:700;font-size:.85rem;
  }
  #floatcall .pulse-ring{
    width:40px;height:40px;border-radius:50%;background:rgba(5,9,18,0.15);
    display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;
  }
  #floatcall svg{width:19px;height:19px;stroke:var(--emerald-950);position:relative;z-index:2;}
  @media(max-width:700px){
    #floatcall{display:none;}
  }

  /* ===== mobile sticky action bar (digikala-style) ===== */
  #stickybar{display:none;}
  @media(max-width:700px){
    #stickybar{
      display:flex;position:fixed;bottom:0;left:0;right:0;z-index:95;
      border-top:1px solid var(--line);
      background:rgba(5,9,18,0.97);backdrop-filter:blur(10px);
      padding:10px 14px calc(10px + env(safe-area-inset-bottom));
      gap:10px;
    }
    #stickybar a{
      flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
      padding:13px 10px;border-radius:6px;font-size:.85rem;font-weight:700;
    }
    #stickybar .sb-call{
      border:1px solid var(--gold-500);color:var(--gold-300);
    }
    #stickybar .sb-order{
      background:linear-gradient(135deg,var(--gold-300),var(--gold-500));color:var(--emerald-950);
    }
    #stickybar svg{width:16px;height:16px;}
    body{padding-bottom:66px;}
  }

  /* ===== inline CTA banner ===== */
  .cta-banner{
    position:relative;z-index:2;
    max-width:1220px;margin:0 auto;padding:44px 6vw;
    display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
    background:linear-gradient(120deg, rgba(var(--accent-rgb),0.1), rgba(225,233,244,0.03));
    border:1px solid var(--line);border-radius:10px;
  }
  .cta-banner h3{font-size:1.25rem;margin-bottom:6px;}
  .cta-banner p{color:var(--ivory-dim);font-size:.88rem;}
  .cta-banner .cta-actions{display:flex;gap:12px;flex-wrap:wrap;}
  .cta-call{
    display:flex;align-items:center;gap:10px;
    background:linear-gradient(135deg,var(--gold-300),var(--gold-500));
    color:var(--emerald-950);padding:14px 24px;border-radius:4px;font-weight:700;font-size:.9rem;
    direction:ltr;
  }
  .cta-call svg{width:16px;height:16px;}

  /* ===== process steps ===== */
  .process-row{
    display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:46px;position:relative;
  }
  .process-step{
    border:1px solid var(--line);border-radius:8px;padding:26px 20px;background:var(--glass);
    position:relative;
  }
  .process-num{
    width:38px;height:38px;border-radius:50%;
    background:linear-gradient(135deg,var(--gold-300),var(--gold-500));
    color:var(--emerald-950);display:flex;align-items:center;justify-content:center;
    font-weight:900;font-family:'Playfair Display',serif;font-size:1.1rem;margin-bottom:16px;
  }
  .process-step h3{font-size:.98rem;margin-bottom:8px;}
  .process-step p{font-size:.8rem;color:var(--ivory-dim);}
  @media(max-width:980px){.process-row{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:600px){.process-row{grid-template-columns:1fr;}}

  /* ===== service area cards ===== */
  .area-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;}
  .area-card{
    border:1px solid var(--line);border-radius:8px;padding:26px 24px;background:var(--glass);
    transition:.3s;
  }
  .area-card:hover{border-color:var(--gold-500);background:var(--glass-strong);}
  .area-card h3{font-size:1.05rem;margin-bottom:10px;color:var(--gold-300);}
  .area-card p{font-size:.85rem;color:var(--ivory-dim);}
  @media(max-width:980px){.area-cards{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.area-cards{grid-template-columns:1fr;}}

  /* ===== instagram banner ===== */
  .ig-banner{
    display:flex;align-items:center;justify-content:space-between;gap:30px;
    border:1px solid var(--line);border-radius:12px;
    background:linear-gradient(120deg, rgba(var(--accent-rgb),0.16), rgba(5,9,18,0.5));
    padding:44px 40px;flex-wrap:wrap;
  }
  .ig-icon-wrap{
    width:120px;height:120px;border-radius:28px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg, rgba(var(--accent-rgb),0.35), rgba(var(--accent-light-rgb),0.15));
    border:1px solid rgba(var(--accent-light-rgb),.4);
  }
  .ig-icon-wrap svg{width:56px;height:56px;stroke:var(--gold-300);}
  @media(max-width:700px){
    .ig-banner{padding:30px 24px;text-align:center;justify-content:center;}
    .ig-icon-wrap{display:none;}
  }

  /* ===== FAQ ===== */
  .faq-item{
    border:1px solid var(--line);border-radius:6px;margin-bottom:14px;overflow:hidden;background:var(--glass);
  }
  .faq-q{
    padding:20px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;
    font-size:.95rem;font-weight:600;
  }
  .faq-q .plus{color:var(--gold-300);font-size:1.3rem;transition:.3s;flex-shrink:0;}
  .faq-item.open .plus{transform:rotate(45deg);}
  .faq-a{
    max-height:0;overflow:hidden;transition:max-height .35s ease;
    padding:0 24px;color:var(--ivory-dim);font-size:.88rem;
  }
  .faq-item.open .faq-a{max-height:220px;padding-bottom:20px;}

  /* ===== hero ===== */
  #hero{
    min-height:100vh;
    display:flex;align-items:center;
    padding-top:140px;
    gap:60px;
  }
  .hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;width:100%;}
  #hero h1{
    font-size:clamp(2.6rem,5.4vw,4.6rem);
    line-height:1.15;
    margin-bottom:26px;
  }
  #hero h1 em{
    font-style:italic;
    font-family:'Playfair Display',serif;
    background:linear-gradient(90deg,var(--gold-300),var(--gold-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-actions{display:flex;gap:16px;margin-top:38px;flex-wrap:wrap;}
  .btn-solid{
    background:linear-gradient(135deg,var(--gold-300),var(--gold-500));
    color:var(--emerald-950);
    padding:16px 30px;border-radius:2px;font-weight:700;font-size:.95rem;
    box-shadow:0 12px 30px -8px rgba(var(--accent-rgb),0.55);
    transition:.3s;
  }
  .btn-solid:hover{transform:translateY(-3px);box-shadow:0 18px 36px -8px rgba(var(--accent-rgb),0.7);}
  .btn-ghost{
    border:1px solid rgba(225,233,244,0.25);
    padding:16px 30px;border-radius:2px;font-size:.95rem;color:var(--ivory);
    transition:.3s;
  }
  .btn-ghost:hover{border-color:var(--gold-500);color:var(--gold-300);}
  .hero-stats{display:flex;gap:34px;margin-top:56px;padding-top:30px;border-top:1px solid var(--line);}
  .hero-stats div b{display:block;font-size:1.6rem;color:var(--gold-300);font-family:'Playfair Display',serif;}
  .hero-stats div span{font-size:.8rem;color:var(--ivory-dim);}

  /* ===== 3D gem ===== */
  .gem-stage{
    height:480px;display:flex;align-items:center;justify-content:center;
    perspective:1400px;
    --mx:0deg;--my:0deg;
    transform:rotateX(var(--my)) rotateY(var(--mx));
    transition:transform .3s ease-out;
  }
  .gem{
    position:relative;width:230px;height:290px;
    transform-style:preserve-3d;
    transform:rotateY(-28deg) rotateX(8deg);
  }
  .facet{
    position:absolute;inset:0;margin:auto;
    width:190px;height:250px;
    background:linear-gradient(160deg, rgba(var(--accent-rgb),0.28), rgba(var(--accent-light-rgb),0.55) 55%, rgba(10,22,38,0.9));
    border:1px solid rgba(var(--accent-rgb),0.4);
    clip-path:polygon(50% 0%, 100% 22%, 100% 78%, 50% 100%, 0% 78%, 0% 22%);
    backdrop-filter:blur(2px);
  }
  .facet:nth-child(1){transform:rotateY(0deg) translateZ(70px);}
  .facet:nth-child(2){transform:rotateY(60deg) translateZ(70px);}
  .facet:nth-child(3){transform:rotateY(120deg) translateZ(70px);}
  .facet:nth-child(4){transform:rotateY(180deg) translateZ(70px);}
  .facet:nth-child(5){transform:rotateY(240deg) translateZ(70px);}
  .facet:nth-child(6){transform:rotateY(300deg) translateZ(70px);}
  .gem-badge{
    position:absolute;top:-6px;left:50%;transform:translateX(-50%);
    background:var(--emerald-950);border:1px solid var(--gold-500);
    color:var(--gold-300);font-family:'Playfair Display',serif;font-style:italic;
    font-size:.72rem;letter-spacing:.12em;padding:6px 14px;border-radius:20px;
    box-shadow:0 0 22px rgba(var(--accent-rgb),0.35);
    z-index:5;
  }
  .gem-glow{
    position:absolute;width:340px;height:340px;border-radius:50%;
    background:radial-gradient(circle, rgba(var(--accent-light-rgb),0.45), transparent 70%);
    filter:blur(10px);
  }

  /* ===== promo strip ===== */
  .promo-strip{
    position:relative;z-index:2;
    background:linear-gradient(120deg, rgba(var(--accent-rgb),0.14), rgba(5,9,18,0.4));
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    padding:34px 6vw 0;
  }
  .promo-inner{
    display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
    padding-bottom:30px;
  }
  .promo-badge{
    display:inline-block;font-size:.72rem;color:var(--emerald-950);
    background:linear-gradient(135deg,var(--gold-300),var(--gold-500));
    padding:4px 12px;border-radius:20px;font-weight:700;margin-bottom:8px;
  }
  .promo-text p{font-size:1.05rem;color:var(--ivory);}
  .promo-text p b{color:var(--gold-300);}
  .trust-badges{
    max-width:1220px;margin:0 auto;
    display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
    background:var(--line);border-top:1px solid var(--line);
  }
  .tb-item{
    background:rgba(5,9,18,0.55);padding:18px 16px;
    display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
  }
  .tb-item svg{width:22px;height:22px;stroke:var(--gold-300);}
  .tb-item span{font-size:.76rem;color:var(--ivory-dim);}
  .lightline-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:44px;align-items:center;perspective:1200px;}

  /* ===== deep guide section ===== */
  .guide-block{max-width:900px;margin-top:34px;}
  .guide-block h3{font-size:1.2rem;margin-bottom:12px;color:var(--gold-300);}
  .guide-block p{color:var(--ivory-dim);font-size:.95rem;line-height:2;}
  .type-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:34px;}
  .type-card{
    border:1px solid var(--line);border-radius:10px;padding:32px 30px;background:var(--glass);
    position:relative;overflow:hidden;perspective:900px;
  }
  .type-badge{
    display:inline-block;font-family:'Playfair Display',serif;font-weight:700;font-size:.85rem;
    color:var(--emerald-950);background:linear-gradient(135deg,var(--gold-300),var(--gold-500));
    padding:5px 16px;border-radius:20px;margin-bottom:16px;
  }
  .type-card h4{font-size:1.15rem;margin-bottom:12px;}
  .type-card p{color:var(--ivory-dim);font-size:.9rem;margin-bottom:18px;}
  @media(max-width:900px){.type-grid{grid-template-columns:1fr;}}
  .lightline-visual{
    position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--line);
    aspect-ratio:4/3;
  }
  .lightline-visual::before{
    content:'';position:absolute;inset:0;
    background:url('../images/3908.webp') center/cover;
  }
  .ll-frame{
    position:absolute;inset:0;
    box-shadow:inset 0 0 0 2px rgba(var(--accent-light-rgb),0.85), inset 0 0 34px rgba(var(--accent-rgb),0.25);
  }
  @media(max-width:980px){.lightline-grid{grid-template-columns:1fr;}}
  @media(max-width:700px){
    .trust-badges{grid-template-columns:repeat(2,1fr);}
    .promo-text p{font-size:.9rem;}
  }

  /* ===== section divider ===== */
  .divider{
    height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);
    margin:0 6vw;
  }

  /* ===== about ===== */
  #about .about-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:70px;align-items:start;}
  .about-photo{
    aspect-ratio:4/5;border-radius:4px;position:relative;overflow:hidden;
    background:
      linear-gradient(160deg, rgba(var(--accent-rgb),0.18), transparent 50%),
      linear-gradient(200deg,var(--emerald-800),var(--emerald-950));
    border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;
  }
  .about-photo .initials{
    font-family:'Playfair Display',serif;font-style:italic;font-size:5.5rem;
    color:rgba(var(--accent-rgb),0.25);
  }
  .about-photo .ribbon{
    position:absolute;bottom:0;left:0;right:0;padding:18px 22px;
    background:linear-gradient(0deg, rgba(5,9,18,0.92), transparent);
    font-size:.85rem;color:var(--ivory-dim);
  }
  .about-body .lead{max-width:none;margin-bottom:26px;}
  .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
  .stat-card{border:1px solid var(--line);padding:22px 18px;border-radius:3px;background:var(--glass);}
  .stat-card b{display:block;font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--gold-300);}
  .stat-card span{font-size:.78rem;color:var(--ivory-dim);}
  .area-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
  .area-tags span{
    border:1px solid rgba(225,233,244,0.18);padding:7px 16px;border-radius:20px;
    font-size:.8rem;color:var(--ivory-dim);
  }

  /* ===== products ===== */
  .product-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:50px;}
  .product-card{
    border:1px solid var(--line);border-radius:6px;padding:44px 38px;
    background:var(--glass);position:relative;overflow:hidden;
    transition:.4s;perspective:1000px;
  }
  .product-card:hover{border-color:var(--gold-500);transform:translateY(-6px);background:var(--glass-strong);}
  .product-icon{
    width:64px;height:64px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;margin-bottom:26px;
    background:linear-gradient(145deg, rgba(var(--accent-rgb),0.9), rgba(var(--accent-dark-rgb),0.7));
    box-shadow:inset 0 2px 4px rgba(255,255,255,0.4), inset 0 -4px 8px rgba(0,0,0,0.4), 0 10px 22px -6px rgba(var(--accent-rgb),0.5);
  }
  .product-icon svg{width:30px;height:30px;stroke:var(--emerald-950);}
  .product-card h3{font-size:1.5rem;margin-bottom:14px;}
  .product-card p{color:var(--ivory-dim);font-size:.95rem;margin-bottom:22px;}
  .tag-list{display:flex;flex-wrap:wrap;gap:8px;}
  .tag-list li{
    font-size:.76rem;border:1px solid rgba(var(--accent-rgb),0.35);color:var(--gold-300);
    padding:6px 13px;border-radius:20px;
  }
  .spec-list{margin-top:18px;}
  .spec-list li{
    font-size:.82rem;color:var(--ivory-dim);padding:6px 0 6px 0;padding-right:20px;position:relative;
  }
  .spec-list li::before{
    content:'';position:absolute;right:0;top:14px;width:6px;height:6px;border-radius:50%;
    background:var(--gold-500);
  }
  .product-visual{
    margin-top:24px;border-radius:6px;position:relative;overflow:hidden;
    border:1px solid var(--line);background:rgba(5,9,18,0.4);
    height:190px;
  }
  .product-visual img{
    width:100%;height:100%;object-fit:cover;display:block;
  }
  .fv-caption{
    position:absolute;bottom:0;left:0;right:0;
    padding:10px 14px;font-size:.74rem;color:var(--ivory);
    background:linear-gradient(0deg, rgba(5,9,18,0.88), transparent);
  }
  /* product photo frame (static, no animation) */
  .fly-in{
    opacity:1;
    box-shadow:0 18px 40px -14px rgba(var(--accent-rgb),.4);
  }
  .fly-in:not(.boardex-visual){ border-color: rgba(var(--accent-rgb),.5); }
  .boardex-visual{ border-color: rgba(168,102,53,.55); box-shadow:0 18px 40px -14px rgba(168,102,53,.4); }

  /* ===== portfolio ===== */
  .portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px;}
  .pf-card{
    border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--glass);
    transition:.4s;perspective:900px;
  }
  .pf-card:hover{transform:translateY(-6px);border-color:var(--gold-500);}
  .pf-thumb{
    height:170px;position:relative;overflow:hidden;
    background:linear-gradient(150deg, var(--emerald-700), var(--emerald-950));
  }
  .pf-thumb::before{
    content:'';position:absolute;inset:0;
    background-image:linear-gradient(rgba(225,233,244,0.06) 1px, transparent 1px),linear-gradient(90deg,rgba(225,233,244,0.06) 1px, transparent 1px);
    background-size:22px 22px;
    pointer-events:none;
  }
  .pf-thumb img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:zoom-in;
    transition:transform .5s ease, filter .5s ease;
    filter:saturate(0.9) brightness(0.95);
  }
  .pf-card:hover .pf-thumb img{transform:scale(1.08);filter:saturate(1.05) brightness(1);}

  .lightbox-grid{
    display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px;
  }
  .lightbox-grid img{
    width:100%;height:150px;object-fit:cover;border-radius:4px;cursor:pointer;
    border:1px solid var(--line);transition:.3s;
  }
  .lightbox-grid img:hover{border-color:var(--gold-500);transform:translateY(-4px);}
  .lightbox-overlay{
    position:fixed;inset:0;z-index:200;background:rgba(5,9,18,0.92);
    display:none;align-items:center;justify-content:center;padding:40px;cursor:zoom-out;
  }
  .lightbox-overlay.open{display:flex;}
  .lightbox-overlay img{max-width:90vw;max-height:88vh;border-radius:6px;border:1px solid var(--line);}
  @media(max-width:980px){.lightbox-grid{grid-template-columns:repeat(3,1fr);}}
  @media(max-width:600px){.lightbox-grid{grid-template-columns:repeat(2,1fr);}}

  .grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px;}
  @media(max-width:980px){.grid-3col{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.grid-3col{grid-template-columns:1fr;}}
  .pf-badge{
    position:absolute;top:14px;right:14px;font-size:.7rem;padding:5px 12px;border-radius:14px;
    background:rgba(5,9,18,0.75);border:1px solid var(--gold-500);color:var(--gold-300);
  }
  .pf-body{padding:20px 22px;}
  .pf-body h3{font-size:1.05rem;margin-bottom:6px;}
  .pf-body p{font-size:.83rem;color:var(--ivory-dim);}

  /* ===== testimonials ===== */
  .t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px;}
  .t-card{border:1px solid var(--line);border-radius:6px;padding:30px;background:var(--glass);}
  .t-stars{color:var(--gold-300);font-size:.95rem;margin-bottom:14px;letter-spacing:2px;}
  .t-card p{color:var(--ivory-dim);font-size:.9rem;margin-bottom:16px;}
  .t-name{font-size:.85rem;color:var(--ivory);}

  /* ===== order ===== */
  #order .order-wrap{
    border:1px solid var(--line);border-radius:8px;padding:50px;background:var(--glass);
    display:grid;grid-template-columns:0.9fr 1.1fr;gap:50px;
  }
  .order-toggle{display:flex;gap:12px;margin-bottom:30px;}
  .order-toggle button{
    flex:1;padding:16px;border-radius:4px;border:1px solid var(--line);
    background:transparent;color:var(--ivory-dim);cursor:pointer;font-family:inherit;font-size:.9rem;transition:.3s;
  }
  .order-toggle button.active{border-color:var(--gold-500);color:var(--gold-300);background:rgba(var(--accent-rgb),0.08);}
  .field{margin-bottom:18px;}
  .field label{display:block;font-size:.8rem;color:var(--ivory-dim);margin-bottom:8px;}
  .field input,.field select,.field textarea{
    width:100%;background:rgba(225,233,244,0.04);border:1px solid rgba(225,233,244,0.16);
    padding:13px 16px;border-radius:4px;color:var(--ivory);font-family:inherit;font-size:.9rem;
  }
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold-500);}
  .order-note{font-size:.85rem;color:var(--ivory-dim);border-right:2px solid var(--gold-500);padding-right:16px;margin-bottom:24px;}
  .order-note b{color:var(--gold-300);}

  /* ===== payment ===== */
  .pay-card{
    border:1px solid var(--gold-500);border-radius:8px;padding:40px;
    background:linear-gradient(160deg, rgba(var(--accent-rgb),0.08), rgba(10,22,38,0.5));
    max-width:480px;margin-top:40px;
  }
  .pay-row{display:flex;gap:14px;margin-bottom:16px;}
  .pay-row .field{flex:1;margin-bottom:0;}
  .btn-pay{
    width:100%;background:linear-gradient(135deg,var(--gold-300),var(--gold-500));
    color:var(--emerald-950);padding:16px;border:none;border-radius:4px;font-weight:700;
    font-family:inherit;font-size:.95rem;cursor:pointer;margin-top:10px;
  }
  .pay-secure{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--ivory-dim);margin-top:14px;}
  .pay-secure svg{width:15px;height:15px;stroke:var(--gold-300);}

  /* ===== contact/footer ===== */
  footer{padding:90px 6vw 40px;border-top:1px solid var(--line);position:relative;z-index:2;}
  .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:50px;margin-bottom:60px;}
  .footer-grid h3{font-size:.95rem;margin-bottom:20px;color:var(--gold-300);}
  .footer-grid li{margin-bottom:12px;font-size:.87rem;color:var(--ivory-dim);}
  .foot-phone{display:flex;align-items:center;gap:8px;direction:ltr;justify-content:flex-end;}
  .foot-bottom{
    display:flex;justify-content:space-between;padding-top:30px;border-top:1px solid rgba(225,233,244,0.1);
    font-size:.78rem;color:var(--ivory-dim);flex-wrap:wrap;gap:10px;
  }

  /* responsive */
  @media(max-width:980px){
    nav,.navcta{display:none;}
    .burger{display:block;}
    nav.open{
      display:block;position:fixed;left:0;right:0;
      background:rgba(5,9,18,0.98);border-bottom:1px solid var(--line);
      padding:20px 6vw;z-index:55;
      max-height:calc(100vh - 120px);overflow-y:auto;
    }
    nav.open ul{flex-direction:column;gap:0;}
    nav.open ul li{border-bottom:1px solid rgba(225,233,244,0.08);}
    nav.open ul li a{display:block;padding:14px 0;}
    .hero-grid,.about-grid,#order .order-wrap{grid-template-columns:1fr;}
    .product-grid,.portfolio-grid,.t-grid,.footer-grid{grid-template-columns:1fr 1fr;}
    .gem-stage{height:320px;}
  }
  @media(max-width:600px){
    section{padding:80px 6vw;}
    .product-grid,.portfolio-grid,.t-grid,.footer-grid,.stat-row{grid-template-columns:1fr;}
    .hero-stats{flex-wrap:wrap;row-gap:20px;}
  }
/* ===== inner page hero ===== */
.page-hero{padding-top:170px;padding-bottom:60px;}
.page-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;}
.page-hero-text h1{font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.25;margin-bottom:20px;}
.page-hero-text h1 em{font-style:italic;font-family:'Playfair Display',serif;background:linear-gradient(90deg,var(--gold-300),var(--gold-500));-webkit-background-clip:text;background-clip:text;color:transparent;}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--ivory-dim);margin-bottom:22px;}
.breadcrumb a{color:var(--gold-300);}
.page-hero-visual{
  aspect-ratio:1/1;border-radius:14px;overflow:hidden;position:relative;
  border:1px solid var(--line);perspective:1000px;
}
.page-hero-visual img{width:100%;height:100%;object-fit:cover;}
.page-hero-visual::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(0deg, rgba(5,9,18,0.55), transparent 45%);
}
@media(max-width:980px){
  .page-hero-inner{grid-template-columns:1fr;}
  .page-hero{padding-top:150px;}
}

/* ===== compare table ===== */
.compare-wrap{overflow-x:auto;margin-top:34px;border:1px solid var(--line);border-radius:10px;}
.compare-table{width:100%;border-collapse:collapse;min-width:560px;}
.compare-table th,.compare-table td{padding:16px 20px;text-align:right;font-size:.9rem;border-bottom:1px solid var(--line);}
.compare-table th{background:rgba(var(--accent-rgb),0.12);color:var(--gold-300);font-weight:700;}
.compare-table tr:last-child td{border-bottom:none;}
.compare-table td:first-child{color:var(--ivory-dim);width:34%;}

/* ===== price table ===== */
.price-table{width:100%;border-collapse:collapse;margin-top:20px;}
.price-table th,.price-table td{padding:16px 18px;text-align:right;font-size:.88rem;border-bottom:1px solid var(--line);}
.price-table th{color:var(--gold-300);}
.price-table td b{color:var(--ivory);}
.price-note{
  border-right:2px solid var(--gold-500);padding-right:16px;margin-top:22px;
  font-size:.84rem;color:var(--ivory-dim);
}

/* ===== related pages ===== */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}
.related-card{
  border:1px solid var(--line);border-radius:10px;padding:26px;background:var(--glass);
  transition:.3s;
}
.related-card:hover{border-color:var(--gold-500);transform:translateY(-4px);}
.related-card h4{font-size:1.02rem;margin-bottom:8px;color:var(--gold-300);}
.related-card p{font-size:.84rem;color:var(--ivory-dim);}
@media(max-width:900px){.related-grid{grid-template-columns:1fr;}}

/* ===== storyline (static, always visible) ===== */
.storyline{ position:relative; z-index:2; }
.ss-frame{
  position:relative;height:72vh;min-height:440px;
  background-size:cover;background-position:center;
  display:flex;align-items:flex-end;
  margin-bottom:2px;
}
.ss-overlay{
  position:absolute;inset:0;
  background:linear-gradient(0deg, rgba(5,9,18,0.92) 10%, rgba(5,9,18,0.25) 60%, rgba(5,9,18,0.45) 100%);
}
.ss-text{position:relative;z-index:2;padding:0 8vw 56px;max-width:680px;}
.ss-eyebrow{
  font-family:'Playfair Display',serif;letter-spacing:.18em;color:var(--gold-300);
  font-size:.76rem;text-transform:uppercase;display:block;margin-bottom:12px;
}
.ss-text h2{
  font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.3;margin-bottom:10px;color:var(--ivory);
}
.ss-text h2 em{
  font-style:italic;font-family:'Playfair Display',serif;
  background:linear-gradient(90deg,var(--gold-300),var(--gold-500));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ss-text p{color:var(--ivory-dim);font-size:.92rem;max-width:480px;}
@media(max-width:700px){
  .ss-frame{height:52vh;min-height:340px;}
  .ss-text{padding:0 6vw 36px;}
}

.google-review-section{padding:70px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.google-review-section p{max-width:720px;color:var(--ivory-dim);line-height:2}.review-config-note{font-size:.75rem;margin-top:12px}.review-config-note code{color:var(--gold-300)}