:root{
  --navy:#1b3148;
  --navy-2:#243b53;
  --gold:#b58032;
  --gold-2:#c49a55;
  --cream:#f7f1e9;
  --cream-2:#fbf7f1;
  --muted:#6c7480;
  --line:rgba(181,128,50,.28);
  --shadow:0 18px 55px rgba(33,39,51,.10);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  color:var(--navy);
  background:linear-gradient(180deg,#fbf8f3 0%,#f6eee4 100%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px, calc(100% - 42px)); margin-inline:auto}
.serif{font-family:Georgia, "Times New Roman", serif; letter-spacing:.02em}
.eyebrow{
  color:var(--gold);
  font-size:.78rem;
  letter-spacing:.34em;
  text-transform:uppercase;
  font-weight:700;
  text-align:center;
}
.ornament{display:flex;align-items:center;justify-content:center;gap:12px;margin:9px 0 22px;color:var(--gold)}
.ornament:before,.ornament:after{content:"";height:1px;width:78px;background:var(--line)}
.ornament span{font-size:1.05rem;line-height:1}
.btn{
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid transparent;
  padding:15px 24px;
  border-radius:5px;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:.25s ease;
  cursor:pointer;
}
.btn.gold{background:linear-gradient(135deg,#b5792c,#c19245);color:#fff;box-shadow:0 12px 26px rgba(181,128,50,.23)}
.btn.soft{background:rgba(39,45,52,.36);color:#fff;backdrop-filter: blur(6px)}
.btn:hover{transform:translateY(-2px);filter:brightness(1.03)}

/* Header */
.site-header{
  height:82px;
  background:rgba(255,252,247,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(181,128,50,.12);
  position:sticky;top:0;z-index:50;
}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}
.logo{line-height:.9;min-width:250px}
.logo-mark{font-family:Georgia,"Times New Roman",serif;font-size:2.08rem;color:var(--navy);letter-spacing:.04em;text-transform:uppercase}
.logo-sub{font-size:.65rem;letter-spacing:.34em;color:#647284;margin-left:44px;font-weight:700;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:28px;font-size:.82rem;font-weight:650;color:#32475d;white-space:nowrap}
.nav a{position:relative;padding:8px 0}
.nav a.active:after,.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold)}
.header-actions{display:flex;align-items:center;gap:16px;white-space:nowrap}
.lang{font-weight:750;font-size:.82rem;color:#2b4157}
.book-top{padding:13px 20px;font-size:.74rem;border-radius:3px}
.mobile-menu{display:none;border:0;background:transparent;font-size:1.7rem;color:var(--navy)}

/* Hero */
.hero{position:relative;overflow:hidden;min-height:650px;background:#f5eee5}
.hero-grid{display:grid;grid-template-columns:minmax(330px, .92fr) 1.4fr;min-height:650px;align-items:stretch}
.hero-copy{position:relative;z-index:2;padding:105px 0 80px 0;display:flex;flex-direction:column;justify-content:center}
.hero-copy:before{content:"";position:absolute;inset:-60px -95px -60px -80px;background:linear-gradient(90deg,rgba(248,242,234,.98) 0%,rgba(248,242,234,.91) 64%,rgba(248,242,234,0) 100%);z-index:-1}
.hero h1{font-size:clamp(4rem, 7.8vw, 7.1rem);line-height:.98;margin:0 0 24px;text-transform:uppercase;font-weight:400;color:#17304a}
.gold-line{height:1px;width:98px;background:var(--gold);margin:0 0 28px}
.hero p{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.55;margin:0 0 35px;color:#284057;max-width:420px}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}
.hero-visual{position:relative;background:linear-gradient(90deg,rgba(246,239,230,0),rgba(246,239,230,.12)),url('assets/hero-right.jpg') center/cover no-repeat;border-left:1px solid rgba(181,128,50,.18)}
.hero-visual:after{content:"AURASCENT";position:absolute;right:11%;top:22%;font-family:Georgia,"Times New Roman",serif;letter-spacing:.08em;color:var(--gold);font-size:1.8rem;transform:rotate(-11deg);opacity:.86}

/* Categories */
.section{padding:48px 0}
.categories{background:linear-gradient(180deg,#fbf8f3 0%,#f6efe6 100%);border-top:1px solid rgba(181,128,50,.09)}
.section-title{font-size:clamp(2.1rem,3.6vw,3.4rem);font-weight:400;text-align:center;line-height:1.1;margin:0 0 8px;color:#17304a;text-transform:uppercase}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:20px}
.category-card{background:rgba(255,252,247,.72);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 10px 34px rgba(50,47,45,.06);min-height:345px;display:flex;flex-direction:column;transition:.25s ease}
.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.icon-line{height:76px;display:grid;place-items:end center;color:var(--gold);font-size:2.15rem;font-family:Georgia,"Times New Roman",serif}
.category-card h3{font-family:Georgia,"Times New Roman",serif;text-align:center;font-size:1.35rem;line-height:1.1;margin:14px 8px 6px;font-weight:500;color:#1a334c}
.category-card p{text-align:center;margin:0 8px 24px;font-family:Georgia,"Times New Roman",serif;font-size:.95rem;color:#20384e}
.category-img{margin-top:auto;height:145px;background-size:cover;background-position:center}

/* Diffusers */
.diffusers{background:#fbf8f3;border-top:1px solid rgba(181,128,50,.10);border-bottom:1px solid rgba(181,128,50,.10)}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px}
.product-card{display:grid;grid-template-columns:.86fr 1.15fr;min-height:350px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(255,252,247,.72);box-shadow:0 14px 42px rgba(40,38,35,.07)}
.product-copy{padding:68px 34px 36px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,rgba(255,253,250,.95),rgba(248,242,233,.72))}
.product-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;font-style:italic;font-weight:500;line-height:1.08;margin:0 0 26px;color:#203a56}
.product-copy p{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.45;margin:0 0 44px;color:#243d55}
.learn{color:var(--gold);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.product-image{background-size:cover;background-position:center;min-height:330px}

/* Beyond */
.beyond{padding:44px 0 46px;background:linear-gradient(180deg,#fbf8f3,#f8f1e8)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px;text-align:center}
.feature{padding:12px 30px;position:relative}
.feature:not(:last-child):after{content:"";position:absolute;right:-15px;top:18px;bottom:18px;width:1px;background:var(--line)}
.feature-icon{width:80px;height:80px;margin:0 auto 18px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:2rem;background:rgba(255,252,247,.58)}
.feature h3{font-family:Georgia,"Times New Roman",serif;margin:0 0 9px;font-size:1.23rem;font-weight:500;color:#1b344d}
.feature p{font-family:Georgia,"Times New Roman",serif;margin:0 auto;max-width:310px;font-size:.96rem;line-height:1.45;color:#2f4254}

/* CTA */
.cta{padding:30px 0 20px;background:#f8f1e8}
.cta-panel{border:1px solid rgba(181,128,50,.2);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 150px;align-items:center;gap:28px;padding:28px 42px;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.95),rgba(255,255,255,0) 32%),linear-gradient(135deg,#fdf8f0 0%,#efe2d2 100%);box-shadow:0 16px 48px rgba(40,35,30,.06)}
.cta h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,4.6vw,4.2rem);font-weight:400;line-height:1.08;margin:0;color:#1a334d;text-transform:uppercase}
.cta-text{border-left:2px solid rgba(181,128,50,.5);padding-left:44px;font-size:.95rem;line-height:1.55;color:#374a5b}
.seal{width:116px;height:116px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin-left:auto;background:rgba(255,252,247,.42)}
.seal strong{font-family:Georgia,"Times New Roman",serif;font-size:4rem;font-weight:400;color:#1b334d}
.footer{background:#12263d;color:#e8edf2;padding:16px 0;font-size:.78rem}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.social{display:flex;gap:13px;color:var(--gold)}

@media (max-width:1020px){
  .nav{display:none}.mobile-menu{display:block}.logo{min-width:auto}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:380px;order:-1}.hero-copy{padding:52px 0 62px}.hero-copy:before{inset:-40px -40px;background:rgba(248,242,234,.94)}
  .category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.cta-panel{grid-template-columns:1fr}.cta-text{border-left:0;border-top:2px solid rgba(181,128,50,.35);padding-left:0;padding-top:24px}.seal{margin:0}
}
@media (max-width:620px){
  .container{width:min(100% - 28px,1180px)}.site-header{height:72px}.logo-mark{font-size:1.45rem}.logo-sub{font-size:.5rem;margin-left:24px}.book-top,.lang{display:none}
  .hero{min-height:auto}.hero-grid{min-height:auto}.hero h1{font-size:3.25rem}.hero p{font-size:1.15rem}.hero-buttons .btn{width:100%;justify-content:center}.category-grid{grid-template-columns:1fr}.product-card{grid-template-columns:1fr}.product-copy{padding:38px 28px 28px}.feature-grid{grid-template-columns:1fr}.feature:not(:last-child):after{display:none}.feature{border-bottom:1px solid var(--line);padding-bottom:28px}.feature:last-child{border-bottom:0}.cta-panel{padding:26px 24px}.footer-inner{flex-direction:column;align-items:flex-start}
}

/* --- Mobile navigation (dropdown panel) --- */
@media (max-width:1020px){
  /* The nav sits as a full-width dropdown panel under the header, hidden by default */
  .nav.nav-sitemap{
    position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;
    background:rgba(255,252,247,.99);border-bottom:1px solid rgba(181,128,50,.22);
    box-shadow:0 18px 45px rgba(22,34,48,.12);
    padding:6px 0 18px;
    max-height:calc(100vh - 82px);overflow-y:auto;
    display:none;
  }
  .nav.nav-sitemap.open{display:flex}
  /* Top-level links become block rows */
  .nav.nav-sitemap>a{padding:14px 22px;border-bottom:1px solid rgba(181,128,50,.10)}
  /* Dropdown groups: show the group label + all children inline (no hover) */
  .nav.nav-sitemap .nav-dropdown{flex-direction:column;align-items:stretch;border-bottom:1px solid rgba(181,128,50,.10)}
  .nav.nav-sitemap .nav-dropdown>a{padding:14px 22px;font-weight:700}
  .nav.nav-sitemap .dropdown-menu{
    position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:0;background:transparent;min-width:0;padding:0 0 6px;
  }
  .nav.nav-sitemap .dropdown-menu a{padding:11px 22px 11px 34px;font-size:.82rem}
}
@media (max-width:620px){
  .nav.nav-sitemap{max-height:calc(100vh - 72px)}
}


/* --- Updated HQ image integration: real clickable HTML buttons --- */
.hero.hero-hq{
  position:relative;
  overflow:hidden;
  min-height:500px;
  background:
    linear-gradient(90deg,
      rgba(247,241,233,.96) 0%,
      rgba(247,241,233,.90) 22%,
      rgba(247,241,233,.62) 42%,
      rgba(247,241,233,.20) 58%,
      rgba(247,241,233,0) 72%),
    url('assets/hero-hq.png') center center / cover no-repeat;
  border-top:1px solid rgba(181,128,50,.06);
}
.hero.hero-hq .hero-overlay{
  min-height:500px;
  display:flex;
  align-items:center;
}
.hero.hero-hq .hero-copy{
  position:relative;
  z-index:2;
  padding:72px 0 72px 8px;
  max-width:430px;
}
.hero.hero-hq .hero-copy:before{display:none;}
.hero.hero-hq h1{
  font-size:clamp(4rem,7vw,6.2rem);
  line-height:.95;
  margin:0 0 26px;
  text-transform:uppercase;
  font-weight:400;
  color:#17304a;
}
.hero.hero-hq .gold-line{
  height:1px;
  width:96px;
  background:var(--gold);
  margin:0 0 28px;
}
.hero.hero-hq p{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.2rem;
  line-height:1.55;
  margin:0 0 36px;
  color:#243d55;
  max-width:360px;
}
.hero.hero-hq .hero-buttons{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.hero.hero-hq .btn.soft{
  background:rgba(103,99,97,.58);
  color:#fff;
  backdrop-filter:blur(4px);
}
.category-img,
.product-image{
  image-rendering:auto;
  background-size:cover;
  background-repeat:no-repeat;
}
@media (max-width:1020px){
  .hero.hero-hq{min-height:430px;background-position:72% center;}
  .hero.hero-hq .hero-overlay{min-height:430px;}
  .hero.hero-hq .hero-copy{padding:54px 0 54px 6px;max-width:380px;}
}
@media (max-width:620px){
  .hero.hero-hq{min-height:360px;background-position:76% center;}
  .hero.hero-hq .hero-overlay{min-height:360px;align-items:flex-start;}
  .hero.hero-hq .hero-copy{padding:34px 0 24px 0;max-width:315px;}
  .hero.hero-hq h1{font-size:3rem;}
  .hero.hero-hq p{font-size:1rem;}
  .hero.hero-hq .hero-buttons .btn{width:auto;justify-content:center;padding:13px 18px;}
}



/* --- Multi-page template additions --- */
.nav{gap:22px}
.subpage-hero{
  position:relative;
  min-height:420px;
  background:
    linear-gradient(90deg,
      rgba(247,241,233,.97) 0%,
      rgba(247,241,233,.90) 28%,
      rgba(247,241,233,.58) 50%,
      rgba(247,241,233,.12) 76%),
    url('assets/hero-hq.png') center center / cover no-repeat;
  overflow:hidden;
}
.subpage-hero-inner{min-height:420px;display:flex;align-items:center}
.subpage-hero-copy{max-width:620px;padding:70px 0}
.eyebrow.left{text-align:left}
.subpage-hero h1{
  font-size:clamp(3rem,6vw,5.4rem);
  line-height:1;
  margin:16px 0 22px;
  color:#17304a;
  font-weight:400;
  text-transform:uppercase;
}
.subpage-hero p{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.25rem;
  line-height:1.55;
  max-width:560px;
  color:#284057;
}
.page-section{background:#fbf8f3}
.soft-band{background:linear-gradient(180deg,#f8f1e8,#fbf8f3);border-top:1px solid rgba(181,128,50,.10);border-bottom:1px solid rgba(181,128,50,.10)}
.two-column{display:grid;grid-template-columns:1.1fr .9fr;gap:34px}
.align-center{align-items:center}
.info-card,.mini-card,.product-detail-card,.comparison-table,.timeline>div,.values-grid article,.process-grid article{
  border:1px solid var(--line);
  background:rgba(255,252,247,.76);
  border-radius:14px;
  box-shadow:0 14px 42px rgba(40,38,35,.06);
}
.info-card{padding:42px}
.page-title{font-size:clamp(2.2rem,4vw,3.6rem);font-weight:400;line-height:1.1;margin:12px 0 20px;color:#17304a}
.lead{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;line-height:1.6;color:#2b4157}
.contact-form{margin-top:28px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:.85rem;color:#32475d;margin-bottom:18px}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;border:1px solid var(--line);background:#fffaf3;border-radius:8px;
  padding:14px 14px;font:inherit;color:#1b3148;outline:none;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(181,128,50,.65);box-shadow:0 0 0 4px rgba(181,128,50,.09)}
.side-stack{display:grid;gap:18px}
.mini-card{padding:28px}
.mini-icon{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:1.35rem;margin-bottom:16px}
.mini-card h3,.process-grid h3,.values-grid h3,.timeline h3{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;font-weight:500;margin:0 0 8px;color:#1b344d}
.mini-card p,.process-grid p,.values-grid p,.timeline p{margin:0;line-height:1.5;color:#374a5b}
.process-grid,.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.process-grid article,.values-grid article{padding:30px;text-align:center}
.process-grid strong,.timeline strong{color:var(--gold);letter-spacing:.18em;font-size:.8rem}
.product-detail-grid{display:grid;gap:30px}
.product-detail-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.product-detail-card.reverse .product-detail-image{order:2}
.product-detail-image{min-height:420px;background-size:cover;background-position:center}
.product-detail-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}
.product-detail-copy h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1.1;margin:0 0 18px;color:#17304a}
.lux-list{margin:10px 0 28px;padding:0;list-style:none}
.lux-list li{padding:10px 0 10px 28px;border-bottom:1px solid rgba(181,128,50,.14);position:relative}
.lux-list li:before{content:"✦";position:absolute;left:0;color:var(--gold)}
.comparison-table{overflow:hidden}
.compare-row{display:grid;grid-template-columns:1fr 1fr 1fr}
.compare-row>div{padding:18px 22px;border-bottom:1px solid rgba(181,128,50,.14)}
.compare-row>div:not(:last-child){border-right:1px solid rgba(181,128,50,.14)}
.compare-row.head{background:rgba(181,128,50,.12);font-weight:800;color:#17304a}
.centered-copy{text-align:center;max-width:980px}
.centered-copy .lead{margin-inline:auto;max-width:720px}
.about-visual{min-height:460px;border:1px solid var(--line);border-radius:14px;background-size:cover;background-position:center;box-shadow:var(--shadow)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.timeline>div{padding:28px}
@media(max-width:1020px){
  .two-column,.product-detail-card{grid-template-columns:1fr}
  .product-detail-card.reverse .product-detail-image{order:0}
  .process-grid,.values-grid,.timeline{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .subpage-hero,.subpage-hero-inner{min-height:340px}
  .subpage-hero-copy{padding:42px 0}
  .form-grid,.process-grid,.values-grid,.timeline,.compare-row{grid-template-columns:1fr}
  .info-card,.product-detail-copy{padding:28px}
  .product-detail-image,.about-visual{min-height:300px}
  .compare-row>div:not(:last-child){border-right:0}
}



/* --- Sitemap adjusted navigation and pages --- */
.nav-sitemap{gap:18px}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown>a{position:relative;padding:8px 0}
.nav-dropdown.active>a:after,
.nav-dropdown:hover>a:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);
}
.dropdown-menu{
  position:absolute;top:100%;left:-18px;min-width:250px;
  background:rgba(255,252,247,.98);border:1px solid rgba(181,128,50,.22);
  box-shadow:0 18px 45px rgba(22,34,48,.12);border-radius:10px;padding:10px;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s ease;z-index:100;
}
.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu a{
  display:block;padding:11px 12px;border-radius:7px;font-size:.8rem;color:#2b4157;
}
.dropdown-menu a:hover{background:rgba(181,128,50,.10)}
.language-switch{display:flex;gap:5px;align-items:center;font-weight:800;font-size:.8rem;color:#2b4157}
.language-switch a.active-lang{color:var(--gold)}
.btn.outline{background:transparent;border-color:rgba(181,128,50,.38);color:var(--gold)}
.btn.full{width:100%;justify-content:center;margin-top:14px}
.page-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.profile-card,.story-panel,.category-page-card,.product-list-card,.detail-gallery,.detail-copy,.faq-list details{
  border:1px solid var(--line);background:rgba(255,252,247,.76);border-radius:14px;box-shadow:0 14px 42px rgba(40,38,35,.06);
}
.profile-card{padding:28px}
.profile-card h3,.category-page-card h3,.product-list-card h3,.detail-copy h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#1b344d;font-size:1.25rem;margin:0 0 10px}
.story-panel{padding:44px}
.story-panel h3{font-size:1.9rem;font-weight:400;margin:0 0 10px;color:#17304a}
.category-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.category-page-card{overflow:hidden;color:inherit;text-decoration:none;transition:.25s ease}
.category-page-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.category-page-card h3,.category-page-card p{padding-inline:24px}
.category-page-card p{padding-bottom:24px;color:#374a5b;line-height:1.5}
.category-page-img{height:260px;background-size:cover;background-position:center}
.product-list-grid{display:grid;gap:24px}
.product-list-card{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:center;padding:18px}
.product-list-image{height:240px;border-radius:10px;background-size:cover;background-position:center}
.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.detail-gallery{padding:18px}
.detail-main-img{height:520px;border-radius:10px;background-size:cover;background-position:center}
.thumb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.thumb-row div{height:100px;border-radius:8px;background-size:cover;background-position:center}
.detail-copy{padding:42px}
.spec-table{border:1px solid rgba(181,128,50,.22);border-radius:10px;overflow:hidden;margin:16px 0 26px}
.spec-table div{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid rgba(181,128,50,.14)}
.spec-table div:last-child{border-bottom:0}
.spec-table strong,.spec-table span{padding:14px}
.spec-table strong{background:rgba(181,128,50,.10);color:#17304a}
.application-grid,.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.application-grid article,.gallery-grid div{
  min-height:280px;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;position:relative;box-shadow:var(--shadow)
}
.application-grid article:before,.gallery-grid div:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,38,61,0),rgba(18,38,61,.62))}
.application-grid article div,.gallery-grid span{position:absolute;left:22px;right:22px;bottom:20px;color:#fff}
.application-grid h3{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:500;margin:0 0 6px}
.application-grid p{margin:0;line-height:1.45}
.qr-placeholder{
  width:150px;height:150px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;
  background:#fff;border:1px solid var(--line);border-radius:10px;margin:16px 0;
}
.qr-placeholder span{background:#17304a;border-radius:3px}
.qr-placeholder span:nth-child(2n){background:rgba(181,128,50,.75)}
.qr-placeholder span:nth-child(5),.qr-placeholder span:nth-child(7),.qr-placeholder span:nth-child(10),.qr-placeholder span:nth-child(13){background:#fff;border:1px solid rgba(181,128,50,.3)}
.small-note{font-size:.82rem;color:#6c7480}
.faq-list{display:grid;gap:16px}
.faq-list details{padding:22px}
.faq-list summary{cursor:pointer;font-family:Georgia,"Times New Roman",serif;font-size:1.2rem;color:#17304a}
.faq-list p{line-height:1.55;color:#374a5b}
.gallery-grid{grid-template-columns:repeat(3,1fr)}
.gallery-grid div{min-height:310px}
.gallery-grid span{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem}
@media(max-width:1180px){
  .nav-sitemap{gap:13px;font-size:.76rem}
  .book-top{padding:12px 14px}
}
@media(max-width:1020px){
  .nav-sitemap{display:none}
  .profile-grid,.category-page-grid,.application-grid,.gallery-grid{grid-template-columns:1fr 1fr}
  .product-detail-layout{grid-template-columns:1fr}
}
@media(max-width:620px){
  .profile-grid,.category-page-grid,.product-list-card,.application-grid,.gallery-grid{grid-template-columns:1fr}
  .product-list-card{padding:14px}
  .product-list-image{height:230px}
  .detail-main-img{height:340px}
  .spec-table div{grid-template-columns:1fr}
}