:root{--ink:#302b35;--muted:#766f7a;--pink:#e46798;--purple:#8870d0;--mint:#52ad96;--gold:#d9a039;--soft:#fff6f9;--soft2:#f5f2fb;--line:#e9dfe6;--white:#fff;--dark:#28232d;--shadow:0 18px 48px rgba(71,43,62,.12);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.62;background:#fff}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1200px,94%);margin:auto}.topbar{background:var(--dark);color:#fff;font-size:12px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar a{color:#ffd45e}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 4px 22px rgba(53,36,48,.08)}.navbar{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:25px}.logo img{width:122px;height:auto}.navlinks{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:750}.navlinks a:hover{color:var(--pink)}.navlinks .quote-link{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;padding:12px 18px;border-radius:999px}.menu-btn{display:none;border:0;background:none;font-size:28px}.hero{padding:78px 0;background:radial-gradient(circle at 85% 15%,#e9dfff 0,transparent 24%),linear-gradient(135deg,#fff2f7,#fff 52%,#f2f7f5)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:#ffe2ed;color:#9b3f69;font-size:12px;font-weight:800;letter-spacing:.06em}.hero h1{font-size:clamp(44px,5.4vw,70px);line-height:1.03;margin:16px 0;letter-spacing:-.04em}.hero p{font-size:18px;color:var(--muted);max-width:680px}.hero img{border-radius:32px;box-shadow:var(--shadow)}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;font-weight:800;border:0;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.btn-dark{background:var(--dark);color:#fff}.btn-light{background:#fff;border:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:20px;box-shadow:var(--shadow);transform:translateY(-26px);overflow:hidden}.metric{padding:24px;text-align:center;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric b{display:block;font-size:25px;color:var(--purple)}section{padding:72px 0}.section-head{text-align:center;max-width:780px;margin:0 auto 38px}.section-head h2{font-size:40px;line-height:1.12;margin:0 0 10px;letter-spacing:-.03em}.section-head p{color:var(--muted);margin:0}.grid{display:grid;gap:24px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.category-card{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line);transition:.25s}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.category-card img{aspect-ratio:1.32;object-fit:cover}.category-body{padding:20px}.category-body h3{margin:0 0 8px;font-size:20px}.category-body p{font-size:14px;color:var(--muted);margin:0 0 14px}.link{font-weight:800;color:var(--pink)}.soft{background:var(--soft)}.soft2{background:var(--soft2)}.process{counter-reset:step}.step{position:relative;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--purple);color:#fff;font-weight:800;margin-bottom:14px}.feature{padding:27px;background:#fff;border:1px solid var(--line);border-radius:18px}.feature b{font-size:18px;color:var(--purple)}.factory{background:var(--dark);color:#fff}.factory-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.factory h2{font-size:42px;line-height:1.12;margin-top:12px}.factory p,.factory li{color:#d8d0db}.factory img{border-radius:22px;border:7px solid #fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.blog-card img{aspect-ratio:1.45;object-fit:cover}.blog-body{padding:20px}.blog-body span{font-size:12px;font-weight:800;color:var(--purple)}.blog-body h3{margin:6px 0}.blog-body p{font-size:14px;color:var(--muted)}.quote-band{background:linear-gradient(135deg,#df6496,#826dcc);color:#fff}.quote-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:center}.quote-layout h2{font-size:42px;line-height:1.12}.quote-layout p{color:#f3eaf3}.form{background:#fff;color:var(--ink);padding:28px;border-radius:20px;box-shadow:var(--shadow)}.form h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #d9ced6;border-radius:11px}.form textarea{min-height:132px}.full{grid-column:1/-1}.page-hero{padding:52px 0;background:linear-gradient(135deg,#fff1f6,#f4f0ff)}.page-hero h1{font-size:48px;line-height:1.08;margin:0}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:8px}.catalog-intro{max-width:820px}.catalog-intro p{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.filter-btn{border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:999px;font-weight:700;cursor:pointer}.filter-btn.active{background:var(--dark);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.24s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-card img{aspect-ratio:1.34;object-fit:cover}.product-body{padding:20px;display:flex;flex-direction:column;flex:1}.product-tag{font-size:11px;font-weight:800;color:var(--purple);text-transform:uppercase;letter-spacing:.05em}.product-body h3{margin:6px 0 8px;font-size:20px}.product-body p{font-size:14px;color:var(--muted);margin:0 0 15px}.product-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:auto;font-size:12px}.product-meta b{display:block;color:var(--ink)}.card-actions{display:flex;gap:8px;margin-top:15px}.card-actions a{flex:1;text-align:center;padding:11px;border-radius:999px;font-size:13px;font-weight:800}.card-actions .details{background:var(--dark);color:#fff}.card-actions .quote{border:1px solid var(--line);color:var(--pink)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.detail-layout img{border-radius:20px}.specs{width:100%;border-collapse:collapse}.specs td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.specs td:first-child{font-weight:800;width:34%}.notice{background:#fff7d9;border-left:4px solid var(--gold);padding:13px;font-size:13px}.info-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-module{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.info-module h3{margin-top:0}.faq-item{border-bottom:1px solid var(--line);padding:18px 0}.faq-item h3{margin:0 0 6px}.faq-item p{color:var(--muted)}footer{background:#27222c;color:#fff;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:34px}.footer-grid a,.footer-grid p{display:block;color:#d8cfd9;font-size:14px;margin:7px 0}.copy{border-top:1px solid #4c4350;margin-top:32px;padding-top:18px;color:#b8aeba;font-size:12px}.whatsapp{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:27px;box-shadow:var(--shadow);z-index:40}.hidden{display:none!important}@media(max-width:980px){.navlinks{display:none}.menu-btn{display:block}.hero-grid,.factory-grid,.quote-layout,.detail-layout{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.product-grid,.grid-3,.blog-grid,.info-modules{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}.mobile-open .navlinks{display:flex;position:absolute;left:0;right:0;top:78px;background:#fff;flex-direction:column;padding:24px;box-shadow:var(--shadow)}}@media(max-width:600px){.topbar{display:none}.product-grid,.grid-4,.grid-3,.blog-grid,.info-modules,.form-grid,.footer-grid{grid-template-columns:1fr}.full{grid-column:auto}.metrics{grid-template-columns:1fr}.hero h1{font-size:43px}.section-head h2,.page-hero h1{font-size:36px}.quote-layout h2,.factory h2{font-size:35px}.product-meta{grid-template-columns:1fr}}

/* Products navigation dropdown */
.nav-dropdown{position:relative;display:flex;align-items:center}
.products-trigger{border:0;background:transparent;color:inherit;padding:10px 0;font:inherit;font-weight:750;cursor:pointer;display:flex;align-items:center;gap:6px}
.products-trigger:hover{color:var(--pink)}
.products-trigger span{font-size:15px;transition:transform .2s}
.nav-dropdown.open .products-trigger span{transform:rotate(180deg)}
.dropdown-menu{display:none;position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);width:390px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);z-index:80}
.nav-dropdown.open .dropdown-menu,.nav-dropdown:hover .dropdown-menu{display:block}
.dropdown-menu:before{content:"";position:absolute;top:-17px;left:0;right:0;height:18px}
.dropdown-menu a{display:block;padding:13px 14px;border-radius:12px}
.dropdown-menu a:hover{background:var(--soft);color:var(--ink)}
.dropdown-menu strong{display:block;font-size:14px;margin-bottom:2px}
.dropdown-menu span{display:block;font-size:12px;line-height:1.45;color:var(--muted);font-weight:400}

/* Four product-directory landing page */
.directory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.directory-card{display:grid;grid-template-columns:42% 58%;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;transition:.25s;min-height:280px}
.directory-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.directory-card img{width:100%;height:100%;object-fit:cover}
.directory-card-body{padding:30px;display:flex;flex-direction:column;justify-content:center}
.directory-label{font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--purple)}
.directory-card h2{font-size:28px;line-height:1.14;margin:8px 0 10px}
.directory-card p{color:var(--muted);margin:0 0 18px}
.directory-link{font-weight:800;color:var(--pink)}

@media(max-width:980px){
  .nav-dropdown{width:100%;display:block;text-align:center}
  .products-trigger{width:100%;justify-content:center}
  .dropdown-menu{position:static;transform:none;width:100%;margin-top:8px;box-shadow:none;border-radius:14px;text-align:left}
  .nav-dropdown:hover .dropdown-menu{display:none}
  .nav-dropdown.open .dropdown-menu{display:block}
}
@media(max-width:760px){
  .directory-grid{grid-template-columns:1fr}
  .directory-card{grid-template-columns:1fr}
  .directory-card img{height:auto;aspect-ratio:1.6;object-fit:cover}
}

/* -------------------------------------------------------
   V3: Single Get Quote product-card action
------------------------------------------------------- */
.card-actions{display:block}
.card-actions .get-quote{
  display:block;width:100%;text-align:center;padding:12px 16px;border-radius:999px;
  background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;
  font-size:14px;font-weight:800;transition:.2s
}
.card-actions .get-quote:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(130,90,170,.25)}

/* -------------------------------------------------------
   V3: Dark product quotation landing pages
------------------------------------------------------- */
.product-quote-page{
  --dark-bg:#08090f;--dark-panel:#10111a;--dark-panel-2:#151622;
  --dark-line:#292b37;--dark-text:#f7f4ee;--dark-muted:#a7a8b2;
  --dark-gold:#d8b342;--dark-gold-soft:#f0ce66;
  background:var(--dark-bg);color:var(--dark-text)
}
.product-quote-page .topbar{background:#05060a;border-bottom:1px solid #1c1d25}
.product-quote-page .header{
  position:sticky;background:rgba(7,8,13,.96);box-shadow:none;border-bottom:1px solid #1d1f28
}
.product-quote-page .header .logo img{filter:brightness(0) invert(1)}
.product-quote-page .navlinks>a,
.product-quote-page .products-trigger{color:#f3f1ea}
.product-quote-page .navlinks>a:hover,
.product-quote-page .products-trigger:hover{color:var(--dark-gold-soft)}
.product-quote-page .navlinks .quote-link{
  background:var(--dark-gold);color:#15130d;border-radius:6px
}
.product-quote-page .dropdown-menu{background:#11121a;border-color:#292b37}
.product-quote-page .dropdown-menu a:hover{background:#1a1b25}
.product-quote-page .dropdown-menu strong{color:#f4f1e8}
.product-quote-page .dropdown-menu span{color:#a7a8b2}
.product-quote-page footer{background:#05060a;border-top:1px solid #20212a}
.product-quote-page .whatsapp{background:#25d366}

.dark-product-main{background:var(--dark-bg)}
.dark-container{width:min(1120px,92%);margin:auto}
.dark-product-hero{
  min-height:610px;padding:55px 0 68px;
  background:
    radial-gradient(circle at 88% 86%,rgba(210,166,50,.18),transparent 28%),
    linear-gradient(180deg,#08090f,#08090f)
}
.dark-breadcrumbs{font-size:12px;color:#777985;margin-bottom:72px}
.dark-hero-content{text-align:center;max-width:850px;margin:auto}
.dark-label,.dark-section-label{
  display:inline-block;color:var(--dark-gold-soft);font-size:11px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase
}
.dark-label{border:1px solid rgba(216,179,66,.35);padding:7px 13px;border-radius:999px}
.dark-hero-content h1{
  font-size:clamp(42px,6vw,72px);line-height:1.04;margin:22px 0 14px;
  color:#fff;letter-spacing:-.04em
}
.dark-hero-content>p{max-width:760px;margin:0 auto;color:#b7b8c0;font-size:17px}
.dark-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:820px;
  margin:34px auto 0
}
.dark-metrics strong{display:block;color:var(--dark-gold-soft);font-size:19px}
.dark-metrics span{display:block;color:#8e909b;font-size:11px;margin-top:4px}
.dark-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.dark-btn{padding:13px 20px;border-radius:5px;font-size:13px;font-weight:800}
.dark-btn-gold{background:var(--dark-gold);color:#15130d}
.dark-btn-outline{border:1px solid var(--dark-gold);color:var(--dark-gold-soft)}
.dark-small-note{font-size:10px!important;color:#777985!important;margin-top:15px!important}

.dark-section{padding:78px 0;background:#08090f;border-top:1px solid #11121a}
.dark-section.dark-alt{background:#11121a}
.dark-two-column{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.dark-section h2{
  color:#fff;font-size:36px;line-height:1.15;margin:13px 0 18px;letter-spacing:-.025em
}
.dark-section p,.dark-section li{color:var(--dark-muted)}
.dark-section-intro{margin-top:-5px;margin-bottom:28px}
.dark-image-panel{
  padding:16px;background:#d7d9dc;border-radius:7px;min-height:315px;
  display:grid;place-items:center
}
.dark-image-panel img{max-height:330px;width:100%;object-fit:contain;border-radius:5px}

.dark-table-wrap{overflow-x:auto;border:1px solid var(--dark-line);border-radius:6px}
.dark-spec-table{width:100%;border-collapse:collapse;min-width:720px}
.dark-spec-table th{
  padding:13px 16px;background:#28251f;color:var(--dark-gold-soft);
  font-size:11px;text-transform:uppercase;text-align:left;letter-spacing:.06em
}
.dark-spec-table td{
  padding:14px 16px;border-top:1px solid var(--dark-line);color:#c5c6cd;font-size:13px
}
.dark-spec-table td:first-child{color:#fff;font-weight:700;width:27%}

.dark-option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.dark-option-grid article{
  background:var(--dark-panel);border:1px solid var(--dark-line);border-radius:7px;
  padding:22px;min-height:165px
}
.dark-option-grid h3{color:var(--dark-gold-soft);font-size:15px;margin:9px 0}
.dark-option-grid p{font-size:12px;margin:0;color:#9ea0aa}
.dark-option-icon{font-size:22px}

.dark-faq-section{padding-bottom:82px}
.dark-faq-list{margin-top:25px}
.dark-faq-item{border-bottom:1px solid #20212a}
.dark-faq-question{
  width:100%;display:flex;justify-content:space-between;align-items:center;
  padding:21px 0;border:0;background:transparent;color:#fff;text-align:left;
  font-weight:750;cursor:pointer
}
.dark-faq-question b{color:var(--dark-gold);font-size:18px;font-weight:400}
.dark-faq-answer{display:none;padding:0 38px 18px 0}
.dark-faq-answer p{margin:0;font-size:13px}
.dark-faq-item.open .dark-faq-answer{display:block}
.dark-faq-item.open .dark-faq-question b{transform:rotate(45deg)}

.dark-inquiry-section{padding:76px 0;background:#1a1b27}
.dark-inquiry-card{
  width:min(760px,92%);margin:auto;background:#0d0e16;border:1px solid #2a2b35;
  border-radius:9px;padding:42px
}
.dark-inquiry-card>h2{text-align:center;font-size:34px;margin:11px 0;color:#fff}
.dark-inquiry-card>.dark-section-label{display:block;text-align:center}
.dark-inquiry-card>p{text-align:center;color:#9fa0aa;margin-bottom:28px}
.dark-quote-form{margin-top:22px}
.dark-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.dark-quote-form label{
  color:var(--dark-gold-soft);font-size:10px;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase
}
.dark-quote-form input,.dark-quote-form select,.dark-quote-form textarea{
  width:100%;margin-top:7px;padding:13px;background:#151620;color:#f5f3ed;
  border:1px solid #2b2d38;border-radius:4px;text-transform:none;letter-spacing:0;font-size:13px
}
.dark-quote-form textarea{min-height:105px;resize:vertical}
.dark-form-full{grid-column:1/-1}
.dark-upload{
  display:block;padding:18px;border:1px dashed #343641;border-radius:5px;background:#11121a
}
.dark-upload input{border:0;background:transparent;padding:9px 0}
.dark-upload small{display:block;color:#767885;text-transform:none;font-weight:400;margin-top:8px}
.dark-submit{
  width:100%;margin-top:18px;padding:14px;border:0;border-radius:4px;
  background:var(--dark-gold);color:#15130d;font-weight:900;cursor:pointer
}
.dark-whatsapp-submit{
  display:block;text-align:center;margin-top:12px;padding:12px;border:1px solid #2f7f52;
  border-radius:4px;color:#7ee2a2;font-size:13px;font-weight:750
}
.dark-contact-line{text-align:center;color:#777985!important;font-size:12px;margin:14px 0 0}
.dark-contact-line a{color:var(--dark-gold-soft)}

@media(max-width:900px){
  .dark-two-column{grid-template-columns:1fr}
  .dark-metrics{grid-template-columns:1fr 1fr}
  .dark-option-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .dark-product-hero{min-height:auto;padding-top:35px}
  .dark-breadcrumbs{margin-bottom:45px}
  .dark-metrics,.dark-option-grid,.dark-form-grid{grid-template-columns:1fr}
  .dark-inquiry-card{padding:28px 20px}
  .dark-section{padding:58px 0}
  .dark-section h2{font-size:30px}
}


/* -------------------------------------------------------
   V4: Homepage interactive category showcase
------------------------------------------------------- */
.hero-showcase{
  position:relative;min-height:410px;border-radius:32px;overflow:hidden;
  background:linear-gradient(135deg,#f8f0f6,#f3f0fb);box-shadow:var(--shadow)
}
.hero-showcase-link{
  position:relative;display:block;width:100%;height:100%;min-height:410px;
}
.hero-showcase-card{
  position:absolute;inset:0;opacity:0;transform:scale(1.02);
  transition:opacity .35s ease, transform .35s ease;
  display:grid;place-items:center;padding:18px
}
.hero-showcase-card.active{opacity:1;transform:scale(1)}
.hero-showcase-card img{
  width:100%;height:100%;object-fit:contain;border-radius:26px
}
.hero-showcase-dots{
  position:absolute;left:50%;bottom:16px;transform:translateX(-50%);
  display:flex;gap:8px;padding:8px 12px;border-radius:999px;
  background:rgba(255,255,255,.8);backdrop-filter:blur(6px)
}
.hero-showcase-dots span{
  width:9px;height:9px;border-radius:50%;background:#c6bcc6;display:block;
  transition:.2s
}
.hero-showcase-dots span.active{background:var(--pink);transform:scale(1.08)}
@media(max-width:980px){
  .hero-showcase,.hero-showcase-link{min-height:320px}
}

/* -------------------------------------------------------
   V4: Quote pages adopt homepage light theme
------------------------------------------------------- */
.product-quote-page{
  --light-panel:#fff;
  --light-panel-2:#fbf7fd;
  --light-line:#e8dde6;
  background:linear-gradient(180deg,#fff9fc 0%,#ffffff 28%,#faf6fb 100%);
  color:var(--ink)
}
.product-quote-page .topbar{background:var(--dark);border-bottom:none}
.product-quote-page .header{
  background:rgba(255,255,255,.96);backdrop-filter:blur(10px);
  border-bottom:none;box-shadow:0 4px 22px rgba(53,36,48,.08)
}
.product-quote-page .header .logo img{filter:none}
.product-quote-page .navlinks>a,.product-quote-page .products-trigger{color:var(--ink)}
.product-quote-page .navlinks>a:hover,.product-quote-page .products-trigger:hover{color:var(--pink)}
.product-quote-page .navlinks .quote-link{
  background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border-radius:999px
}
.product-quote-page .dropdown-menu{
  background:#fff;border-color:var(--line)
}
.product-quote-page .dropdown-menu a:hover{background:var(--soft)}
.product-quote-page .dropdown-menu strong{color:var(--ink)}
.product-quote-page .dropdown-menu span{color:var(--muted)}
.product-quote-page footer{background:#27222c;border-top:none}

.dark-product-main{background:transparent}
.dark-product-hero{
  min-height:auto;padding:58px 0 54px;
  background:
    radial-gradient(circle at 88% 8%,rgba(171,150,224,.22),transparent 24%),
    radial-gradient(circle at 12% 88%,rgba(228,103,152,.14),transparent 20%),
    linear-gradient(135deg,#fff2f7,#fff 55%,#f5f1ff)
}
.dark-breadcrumbs{color:var(--muted);margin-bottom:38px}
.dark-hero-content{max-width:920px}
.dark-label,.dark-section-label{
  color:#9b3f69;background:#ffe2ed;border:0;padding:7px 12px;border-radius:999px
}
.dark-section-label{padding:0;background:none;border-radius:0;color:var(--purple)}
.dark-hero-content h1{color:var(--ink);margin-top:18px}
.dark-hero-content>p{color:var(--muted)}
.dark-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:920px;margin-top:30px
}
.dark-metrics > div{
  background:#fff;border:1px solid var(--light-line);border-radius:18px;padding:18px 14px;
  box-shadow:0 10px 25px rgba(76,44,66,.06)
}
.dark-metrics strong{color:var(--purple)}
.dark-metrics span{color:var(--muted)}
.dark-actions{margin-top:26px}
.dark-btn{border-radius:999px}
.dark-btn-gold{
  background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff
}
.dark-btn-outline{
  border:1px solid var(--line);color:var(--ink);background:#fff
}
.dark-small-note{color:var(--muted)!important}

.dark-section{
  padding:70px 0;background:transparent;border-top:none
}
.dark-section.dark-alt{background:var(--soft2)}
.dark-two-column{align-items:center}
.dark-section h2{color:var(--ink)}
.dark-section p,.dark-section li,.dark-section-intro{color:var(--muted)}
.dark-image-panel{
  background:#fff;border:1px solid var(--light-line);box-shadow:var(--shadow)
}
.dark-table-wrap{
  background:#fff;border:1px solid var(--light-line);border-radius:16px;box-shadow:0 12px 30px rgba(60,43,57,.06)
}
.dark-spec-table{min-width:680px}
.dark-spec-table th{
  background:#f8f1f6;color:var(--purple)
}
.dark-spec-table td{
  color:var(--muted);border-top:1px solid var(--light-line)
}
.dark-spec-table td:first-child{color:var(--ink)}

.dark-option-grid article{
  background:#fff;border:1px solid var(--light-line);border-radius:18px;min-height:170px;
  box-shadow:0 10px 22px rgba(64,40,56,.05)
}
.dark-option-grid h3{color:var(--purple)}
.dark-option-grid p{color:var(--muted)}
.dark-option-icon{color:var(--pink)}

.dark-faq-section{padding-top:64px;padding-bottom:70px}
.dark-faq-item{border-bottom:1px solid var(--light-line)}
.dark-faq-question{color:var(--ink)}
.dark-faq-question b{color:var(--pink)}
.dark-faq-answer p{color:var(--muted)}

.dark-inquiry-section{
  padding:74px 0;
  background:linear-gradient(135deg,#fff1f6,#f6f1ff)
}
.dark-inquiry-card{
  background:#fff;border:1px solid var(--light-line);border-radius:24px;padding:38px;
  box-shadow:var(--shadow)
}
.dark-inquiry-card>h2{color:var(--ink)}
.dark-inquiry-card>p{color:var(--muted)}
.dark-quote-form label{color:var(--purple)}
.dark-quote-form input,.dark-quote-form select,.dark-quote-form textarea{
  background:#fff;border:1px solid #ddcfda;color:var(--ink);border-radius:12px
}
.dark-upload{
  background:#fbf7fd;border:1px dashed #d6c7d3;border-radius:14px
}
.dark-upload small{color:var(--muted)}
.dark-submit{
  border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff
}
.dark-whatsapp-submit{
  border:1px solid #bfe9cd;background:#effcf4;color:#1d8650;border-radius:999px
}
.dark-contact-line,.dark-contact-line a{color:var(--muted)}

@media(max-width:600px){
  .dark-product-hero{padding-top:35px}
  .dark-inquiry-card{padding:24px 18px}
}

.dropdown-menu{max-height:70vh;overflow:auto}
.product-card img{background:#fff}


/* ---------------- V6 Advanced Upgrade ---------------- */
.section-head.left{text-align:left;max-width:none;margin:0 0 28px}
.hero-v6{padding-bottom:92px}
.metrics-v6{margin-top:-34px}
.home-summary-bar{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.summary-chip{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:18px;min-width:170px;box-shadow:0 10px 24px rgba(71,43,62,.06)}
.summary-chip strong{font-size:14px}.summary-chip span{font-size:12px;color:var(--muted)}
.feature-grid-v6{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feature-card-v6{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 26px rgba(71,43,62,.05)}
.feature-card-v6 b{display:block;font-size:18px;margin-bottom:8px;color:var(--purple)}
.feature-card-v6 p{margin:0;color:var(--muted);font-size:14px}
.catalog-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}
.catalog-toolbar input{width:100%;max-width:620px;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:#fff}
.small-btn{padding:12px 16px;font-size:13px;white-space:nowrap}
.hero-stats-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}
.hero-stats-row>div{min-width:170px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 22px rgba(71,43,62,.05)}
.hero-stats-row strong{display:block;font-size:20px;color:var(--purple)}
.hero-stats-row span{display:block;font-size:12px;color:var(--muted)}
.directory-grid.compact-grid{grid-template-columns:repeat(2,1fr)}
.compact-card{min-height:auto}
.directory-stats{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 6px}
.directory-stats span{padding:7px 11px;background:#f8f1fb;border-radius:999px;font-size:12px;font-weight:700;color:var(--purple)}
.mega-menu{width:min(780px,86vw);padding:14px}
.dropdown-group-title{padding:8px 10px;font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.dropdown-group-title.secondary{margin-top:4px}
.dropdown-viewall{display:block;margin-top:8px;padding:12px 10px;border-top:1px solid var(--line);font-weight:800;color:var(--pink)}
.premium-product-card{position:relative;box-shadow:0 12px 30px rgba(71,43,62,.06)}
.premium-product-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(135deg,var(--pink),var(--purple),var(--mint));opacity:.9}
.product-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.mini-chip{padding:6px 10px;border-radius:999px;background:#f7effa;color:var(--purple);font-size:11px;font-weight:800}
.premium-product-card h3{min-height:58px}
.v6-bullet-list{padding-left:18px;margin:18px 0 0}
.v6-bullet-list li{margin-bottom:7px}
.quote-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.featured-row .product-card{background:#fff}
.page-hero-v6{background:linear-gradient(135deg,#fff7fa,#f7f2fd)}
@media(max-width:980px){
  .feature-grid-v6,.quote-page-grid,.directory-grid.compact-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .feature-grid-v6,.quote-page-grid,.directory-grid.compact-grid{grid-template-columns:1fr}
  .catalog-toolbar{flex-direction:column;align-items:stretch}
  .home-summary-bar{display:grid;grid-template-columns:1fr 1fr}
  .hero-stats-row>div{flex:1 1 calc(50% - 18px);min-width:0}
}
@media(max-width:560px){
  .home-summary-bar{grid-template-columns:1fr}
}


/* -------------------------------------------------------
   V7: Factory wholesale vertical homepage refresh
------------------------------------------------------- */
.hero-v7{padding-bottom:92px;background:radial-gradient(circle at 82% 16%,#f2e8ff 0,transparent 24%),linear-gradient(135deg,#fff8f4,#fff 50%,#f1fbfa)}
.hero-v7 .hero h1{max-width:760px}
.priority-bar .summary-chip{min-width:190px}
.light-showcase{background:linear-gradient(135deg,#fff8f0,#f7f2ff)}
.home-priority-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.home-priority-card{border:1px solid #eadfce;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(79,59,36,.08);display:flex;flex-direction:column;transition:.25s}
.home-priority-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(79,59,36,.12)}
.home-card-image-wrap{background:#fff;height:300px;display:flex;align-items:center;justify-content:center;padding:12px}
.home-card-image-wrap img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.home-card-panel{background:linear-gradient(180deg,#fffaf2,#fff5ea);padding:22px;border-top:1px solid #eee1cf;display:flex;flex-direction:column;flex:1}
.home-card-badge{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 12px;border-radius:999px;background:#fff2d6;color:#9c6d14;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.home-card-badge:before{content:"✦";font-size:10px}
.home-card-panel h3{margin:12px 0 8px;font-size:31px;line-height:1.08;letter-spacing:-.03em;color:#2f2c2d;min-height:100px}
.home-card-panel p{margin:0 0 18px;color:#716971;font-size:15px;min-height:96px}
.home-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:14px;border-top:1px solid #eddcc4;margin-top:auto}
.home-card-meta span{display:block;font-size:12px;color:#8c7b62;text-transform:uppercase;letter-spacing:.05em}
.home-card-meta b{display:block;font-size:20px;line-height:1.2;color:#2f2c2d;margin-top:3px}
.home-card-btn{margin-top:18px;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;border:1.5px solid #d1a447;color:#9c6d14;background:#fffaf0;font-size:14px;font-weight:900;transition:.2s}
.home-card-btn:hover{background:#fff1ce;color:#7d5510}
.priority-directory-grid .directory-card img{aspect-ratio:1.1;object-fit:cover}
.priority-directory-grid .directory-card{min-height:310px}
@media(max-width:1200px){.home-priority-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.home-priority-grid{grid-template-columns:repeat(2,1fr)}.home-card-panel h3{font-size:26px;min-height:76px}.home-card-panel p{min-height:84px}}
@media(max-width:600px){.home-priority-grid{grid-template-columns:1fr}.home-card-image-wrap{height:260px}.home-card-meta{grid-template-columns:1fr}.priority-bar .summary-chip{min-width:0}}


/* V9 custom summary layout */
.custom-priority-layout{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;align-items:stretch}
.custom-priority-layout .summary-chip{min-width:0;padding:20px 18px;border-radius:20px;background:#fff;border:1px solid #eadfe2;box-shadow:0 10px 24px rgba(71,43,62,.05)}
.custom-priority-layout .summary-chip strong{font-size:18px;line-height:1.28;color:#222;font-weight:800}
.custom-priority-layout .summary-chip span{font-size:14px;color:#7d7580;margin-top:8px}
@media(max-width:760px){.custom-priority-layout{grid-template-columns:1fr}}

/* V10 B2B homepage unification */
.hero-v10{padding:76px 0 104px;background:radial-gradient(circle at 87% 15%,rgba(136,112,208,.18),transparent 25%),radial-gradient(circle at 10% 90%,rgba(82,173,150,.12),transparent 24%),linear-gradient(135deg,#fff8fa,#fff 50%,#f3fbf8)}
.hero-v10 .hero-grid{align-items:start}.hero-v10 h1{max-width:720px}.hero-v10 p{max-width:760px}.metrics-v10{margin-top:-34px;position:relative;z-index:5}
.section-eyebrow{display:block;margin-bottom:8px;color:var(--purple);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.quote-kicker{background:rgba(255,255,255,.18);color:#fff}.contact-note{margin:12px 0 0;color:var(--muted);font-size:13px}.contact-note a{font-weight:800;color:var(--purple)}
.custom-priority-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}.b2b-module-card{position:relative;display:flex;flex-direction:column;min-height:205px;padding:22px;border:1px solid #e8dfe5;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(71,43,62,.06);transition:.22s}.b2b-module-card:after{content:"";position:absolute;inset:auto 0 0 0;height:4px;border-radius:0 0 22px 22px;background:linear-gradient(90deg,var(--pink),var(--purple),var(--mint));opacity:.78}.b2b-module-card:hover{transform:translateY(-5px);border-color:#d8c8d5;box-shadow:0 18px 38px rgba(71,43,62,.11)}.b2b-module-eyebrow{color:var(--purple);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.b2b-module-card h3{margin:9px 0 9px;font-size:21px;line-height:1.22;letter-spacing:-.02em}.b2b-module-card p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.55}.b2b-module-cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--pink);font-size:13px;font-weight:900}.b2b-module-cta b{font-size:18px}
.home-priority-grid{align-items:stretch}.home-priority-card{border-color:#e8dfe3}.home-card-panel{background:linear-gradient(180deg,#fff,#fff9f4)}.home-card-badge{background:#fff1f6;color:#a3476e}.home-card-badge:before{content:"•"}.home-card-panel h3{font-size:26px;min-height:82px}.home-card-panel p{min-height:88px}.home-card-meta span{color:#887b82}.home-card-meta b{font-size:17px}.home-card-btn{border-color:#d8bfd0;color:#9b3f69;background:#fff;border-radius:999px}.home-card-btn:hover{background:#fff0f6;color:#7f3155}.feature-card-v6{border-color:#e8dfe5}.feature-card-v6 b{color:var(--ink)}.feature-card-v6 p{color:var(--muted)}.light-showcase{border:1px solid #e6dce4}
.application-grid-v10{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.application-card-v10{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(71,43,62,.06)}.application-card-v10 img{width:100%;aspect-ratio:1.15;object-fit:cover}.application-card-v10>div{padding:22px}.application-card-v10 span{color:var(--purple);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.application-card-v10 h2{font-size:25px;margin:8px 0}.application-card-v10 p{color:var(--muted);margin:0}
@media(max-width:980px){.custom-priority-layout,.application-grid-v10{grid-template-columns:1fr 1fr}.b2b-module-card{min-height:190px}}@media(max-width:640px){.custom-priority-layout,.application-grid-v10{grid-template-columns:1fr}.b2b-module-card{min-height:auto}.home-card-panel h3,.home-card-panel p{min-height:auto}}


/* -------------------------------------------------------
   V11: homepage hero proportion rebalance
------------------------------------------------------- */
.hero-v10 .hero-grid{
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:58px;
  align-items:start;
}
.hero-v10 h1{
  max-width:620px;
  font-size:clamp(42px,4.8vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:14px 0 14px;
}
.hero-v10 p{
  max-width:560px;
  font-size:17px;
  line-height:1.6;
}
.hero-v10 .actions{
  gap:12px;
  margin-top:24px;
}
.hero-v10 .btn{
  padding:14px 24px;
}
.hero-v10 .custom-priority-layout{
  max-width:640px;
  gap:14px;
  margin-top:24px;
}
.hero-v10 .b2b-module-card{
  min-height:178px;
  padding:18px 18px 16px;
  border-radius:20px;
}
.hero-v10 .b2b-module-card h3{
  margin:8px 0 8px;
  font-size:18px;
  line-height:1.25;
}
.hero-v10 .b2b-module-card p{
  font-size:13.5px;
  line-height:1.55;
  margin:0 0 14px;
}
.hero-v10 .b2b-module-cta{
  font-size:12.5px;
}
.hero-v10 .hero-showcase{
  min-height:500px;
  padding:14px;
  border-radius:30px;
  background:linear-gradient(135deg,#fff8fa,#f4fbf9);
}
.hero-v10 .hero-showcase-link{
  min-height:470px;
}
.hero-v10 .hero-showcase-card{
  padding:0;
}
.hero-v10 .hero-showcase-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:24px;
}
.hero-v10 .hero-showcase-dots{
  bottom:18px;
}
@media (max-width:1180px){
  .hero-v10 .hero-grid{
    grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr);
    gap:42px;
  }
}
@media (max-width:980px){
  .hero-v10 .hero-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .hero-v10 .hero-showcase,
  .hero-v10 .hero-showcase-link{
    min-height:360px;
  }
  .hero-v10 .custom-priority-layout{
    max-width:none;
  }
}
@media (max-width:640px){
  .hero-v10 h1{font-size:42px;}
  .hero-v10 .hero-showcase,
  .hero-v10 .hero-showcase-link{min-height:320px;}
}


/* -------------------------------------------------------
   V12: premium homepage refinement
------------------------------------------------------- */
body{background:#fffdfd}
.hero-v10{position:relative;overflow:hidden}
.hero-v10:before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(228,103,152,.10),rgba(136,112,208,.06) 45%,transparent 70%);pointer-events:none}
.hero-v10 .container{position:relative;z-index:1}
.hero-v10 .kicker{padding:8px 14px;border:1px solid rgba(155,63,105,.12);box-shadow:0 8px 18px rgba(155,63,105,.06)}
.hero-actions-v12 .btn{min-height:52px;padding-inline:26px}
.hero-trust-row-v12{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:18px;color:#6f6671;font-size:12px;font-weight:750}
.hero-trust-row-v12 span{position:relative;padding-left:18px}
.hero-trust-row-v12 span:before{content:"✓";position:absolute;left:0;top:-1px;color:var(--mint);font-weight:900}
.hero-v10 .hero-showcase{box-shadow:0 26px 70px rgba(71,43,62,.16);border:1px solid rgba(228,103,152,.12)}
.hero-v10 .hero-showcase:after{content:"Factory Wholesale Catalog";position:absolute;left:28px;top:26px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.88);color:#4b424b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(71,43,62,.08);z-index:3}
.hero-v10 .hero-showcase-dots{box-shadow:0 8px 20px rgba(71,43,62,.10)}
.metrics-v10{border:1px solid rgba(136,112,208,.10);box-shadow:0 22px 50px rgba(71,43,62,.10)}
.metric{padding:22px 18px}.metric b{font-size:29px;letter-spacing:-.03em}.metric span{display:block;margin-top:4px;color:#7a707b;font-size:12px}
.custom-priority-layout{margin-top:20px}
.hero-v10 .b2b-module-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,249,252,.96));border-color:#eadfe7;box-shadow:0 14px 32px rgba(71,43,62,.07)}
.hero-v10 .b2b-module-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(71,43,62,.12)}
.b2b-module-eyebrow{color:#8c72d2}.b2b-module-cta{padding-top:4px}
.section-head{margin-bottom:34px}.section-head h2{max-width:760px;margin-left:auto;margin-right:auto}
.home-priority-grid{gap:22px}.home-priority-card{border-radius:22px;box-shadow:0 14px 34px rgba(71,43,62,.07)}
.home-priority-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(71,43,62,.12)}
.home-card-image-wrap{height:270px;padding:10px;background:linear-gradient(180deg,#fff,#fbf7fa)}
.home-card-panel{padding:20px}.home-card-panel h3{font-size:23px;min-height:70px;margin:10px 0 8px}.home-card-panel p{min-height:78px;font-size:14px;line-height:1.56}
.home-card-meta{gap:8px;padding-top:13px}.home-card-meta>div{padding:9px 8px;border-radius:12px;background:#fff9fc}.home-card-meta span{font-size:10px}.home-card-meta b{font-size:14px;line-height:1.25}
.home-card-btn{min-height:46px;margin-top:16px;font-size:13px}.feature-grid-v6{gap:18px}.feature-card-v6{padding:22px;border-radius:18px;background:linear-gradient(180deg,#fff,#fffbfd)}
.quote-band{position:relative;overflow:hidden}.quote-band:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-120px;background:rgba(255,255,255,.08)}.quote-band .container{position:relative;z-index:1}.quote-band .form{border:1px solid rgba(255,255,255,.38)}
@media(max-width:1200px){.home-card-image-wrap{height:250px}}
@media(max-width:980px){.hero-trust-row-v12{margin-bottom:4px}.hero-v10 .hero-showcase:after{left:20px;top:20px}}
@media(max-width:640px){.hero-trust-row-v12{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.home-card-image-wrap{height:240px}.home-card-panel h3,.home-card-panel p{min-height:auto}.home-card-meta{grid-template-columns:1fr}}


/* -------------------------------------------------------
   V13: compact hero module cards for better balance
------------------------------------------------------- */
.hero-v10 .hero-grid{
  grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);
  gap:54px;
}
.hero-v10 .custom-priority-layout{
  max-width:540px;
  gap:12px;
  margin-top:18px;
}
.hero-v10 .b2b-module-card{
  min-height:132px;
  padding:16px 18px 14px;
  border-radius:18px;
}
.hero-v10 .b2b-module-card h3{
  margin:8px 0 10px;
  font-size:15px;
  line-height:1.28;
  max-width:230px;
}
.hero-v10 .b2b-module-card p{
  display:none;
}
.hero-v10 .b2b-module-eyebrow{
  font-size:10px;
  letter-spacing:.11em;
}
.hero-v10 .b2b-module-cta{
  font-size:11.5px;
}
.hero-v10 .b2b-module-cta b{
  font-size:15px;
}
.hero-v10 .hero-showcase{
  min-height:520px;
  padding:16px;
}
.hero-v10 .hero-showcase-link{
  min-height:488px;
}
.hero-v10 .hero-showcase-card img{
  border-radius:22px;
}
.hero-trust-row-v12{
  margin:14px 0 4px;
  gap:8px 16px;
  max-width:560px;
}
.hero-trust-row-v12 span{
  font-size:12px;
}
@media(max-width:1180px){
  .hero-v10 .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);gap:36px;}
  .hero-v10 .custom-priority-layout{max-width:none;}
}
@media(max-width:980px){
  .hero-v10 .hero-grid{grid-template-columns:1fr;}
  .hero-v10 .hero-showcase,.hero-v10 .hero-showcase-link{min-height:360px;}
  .hero-v10 .b2b-module-card{min-height:120px;}
}
@media(max-width:640px){
  .hero-v10 .custom-priority-layout{grid-template-columns:1fr;}
  .hero-v10 .b2b-module-card h3{max-width:none;font-size:17px;}
}

footer img{height:auto}

/* =======================================================
   V20 — Clean European / North American B2B Catalog Theme
   Warm white, cool gray sections, restrained creative accents
======================================================= */
:root{
  --ink:#2b2730;
  --muted:#675f69;
  --pink:#b63e78;
  --purple:#6e5bc6;
  --mint:#75c9b7;
  --gold:#b88a35;
  --soft:#f4f6f7;
  --soft2:#f8f7f8;
  --line:#e8e2e7;
  --white:#ffffff;
  --dark:#2f2c32;
  --shadow:0 14px 38px rgba(43,39,48,.08);
  --radius:18px;
}

html{background:#fafaf7}
body{
  background:#fafaf7;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.container{width:min(1220px,92%)}
section{padding:66px 0}

/* Utility surfaces */
.soft{background:#f4f6f7}
.soft2{background:#f8f7f8}
.section-head{margin-bottom:32px}
.section-head h2{font-size:clamp(32px,3.3vw,42px);color:var(--ink)}
.section-head p{color:var(--muted);max-width:760px;margin-left:auto;margin-right:auto}
.section-head.left p{margin-left:0;margin-right:0}
.section-eyebrow,.b2b-module-eyebrow,.dark-section-label{
  color:var(--purple);
  letter-spacing:.09em;
}

/* Header and navigation */
.topbar{background:#2f2c32;color:#f7f4f6;border:0}
.topbar .container{padding:7px 0}
.topbar a{color:#f8dce9}
.header{
  background:rgba(255,255,255,.97);
  border-bottom:1px solid rgba(232,226,231,.9);
  box-shadow:0 4px 18px rgba(43,39,48,.055);
}
.navbar{min-height:76px}
.navlinks{gap:23px;color:#38333b}
.navlinks a:hover,.products-trigger:hover{color:var(--pink)}
.navlinks .quote-link{
  background:var(--pink);
  color:#fff;
  box-shadow:0 8px 18px rgba(182,62,120,.18);
}
.dropdown-menu{
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 20px 52px rgba(43,39,48,.12);
}
.dropdown-menu a:hover{background:#f6f4f6}
.dropdown-viewall{color:var(--pink)}

/* Buttons */
.btn{border-radius:10px;min-height:48px;padding:12px 22px}
.btn-primary{background:var(--pink);color:#fff;box-shadow:0 8px 18px rgba(182,62,120,.18)}
.btn-primary:hover{background:#a5366c}
.btn-dark{background:#2f2c32;color:#fff}
.btn-light{background:#fff;border:1px solid #ddd6dc;color:#2f2c32}

/* Home hero */
.hero,
.hero-v7,
.hero-v10{
  background:
    radial-gradient(circle at 88% 12%,rgba(110,91,198,.08),transparent 24%),
    linear-gradient(135deg,#fafaf7 0%,#ffffff 54%,#f4f6f7 100%);
}
.hero{padding:72px 0 88px}
.hero h1,.hero-v10 h1{color:var(--ink);font-weight:780;letter-spacing:-.045em}
.hero p,.hero-v10 p{color:var(--muted)}
.kicker{
  background:#f7e8ef;
  color:#8f315f;
  border:1px solid #eed7e2;
  box-shadow:none!important;
}
.hero-v10:before{display:none}
.hero-v10 .hero-showcase,
.hero-showcase{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 22px 56px rgba(43,39,48,.11);
  border-radius:24px;
}
.hero-v10 .hero-showcase-card img,.hero-showcase-card img{border-radius:18px}
.hero-v10 .hero-showcase:after{
  background:rgba(255,255,255,.94);
  color:#3f3942;
  box-shadow:0 7px 18px rgba(43,39,48,.08);
}
.hero-showcase-dots{background:rgba(255,255,255,.92);box-shadow:0 7px 18px rgba(43,39,48,.08)}
.hero-showcase-dots span.active{background:var(--pink)}
.hero-trust-row-v12{color:#5f5962}
.hero-trust-row-v12 span:before{color:#3c9d86}

/* Compact B2B navigation modules */
.hero-v10 .b2b-module-card,
.b2b-module-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:15px;
  box-shadow:0 9px 24px rgba(43,39,48,.055);
}
.b2b-module-card:after{height:3px;background:var(--pink);opacity:.75;border-radius:0 0 15px 15px}
.b2b-module-card:hover{border-color:#d6ccd4;box-shadow:0 15px 34px rgba(43,39,48,.09)}
.b2b-module-cta{color:var(--pink)}

/* Metrics */
.metrics,.metrics-v10{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 16px 42px rgba(43,39,48,.075);
}
.metric{border-right:1px solid var(--line)}
.metric b{color:var(--purple)}
.metric span{color:var(--muted)}

/* Homepage product programs */
.home-priority-grid{gap:22px}
.home-priority-card{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 11px 28px rgba(43,39,48,.055);
}
.home-priority-card:hover{box-shadow:0 18px 40px rgba(43,39,48,.09)}
.home-card-image-wrap{background:#f7f7f5;height:270px;padding:10px}
.home-card-image-wrap img{border-radius:10px}
.home-card-panel{background:#fff;border-top:1px solid var(--line);padding:20px}
.home-card-badge{
  background:#eef7f4;
  color:#327c6c;
  border-radius:999px;
}
.home-card-panel h3{color:var(--ink)}
.home-card-panel p{color:var(--muted)}
.home-card-meta{border-top:1px solid var(--line)}
.home-card-meta>div{background:#f8f7f8}
.home-card-meta span{color:#786f78}
.home-card-meta b{color:var(--ink)}
.home-card-btn{
  background:var(--pink);
  border:1px solid var(--pink);
  color:#fff;
  border-radius:10px;
}
.home-card-btn:hover{background:#a5366c;color:#fff}

/* Supporting feature cards */
.feature-card-v6,.feature,.step,.info-module{
  background:#fff;
  border:1px solid var(--line);
  border-radius:15px;
  box-shadow:0 8px 22px rgba(43,39,48,.045);
}
.feature-card-v6 b,.feature b{color:var(--ink)}
.feature-card-v6 p,.feature p{color:var(--muted)}
.step:before{background:var(--purple)}

/* Category / directory pages */
.page-hero,.page-hero-v6{
  background:#fafaf7;
  border-bottom:1px solid var(--line);
}
.page-hero h1{color:var(--ink)}
.hero-stats-row>div,.summary-chip{
  background:#fff;
  border:1px solid var(--line);
  border-radius:13px;
  box-shadow:0 8px 20px rgba(43,39,48,.045);
}
.hero-stats-row strong,.summary-chip strong{color:var(--purple)}
.catalog-toolbar input{
  background:#fff;
  border:1px solid #dcd5db;
  border-radius:10px;
}
.filter-btn{background:#fff;border:1px solid #ded8dd;border-radius:9px;color:#4a444d}
.filter-btn.active{background:var(--pink);border-color:var(--pink);color:#fff}

/* Product cards — consistent professional catalog treatment */
.product-grid{gap:22px}
.product-card,.premium-product-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:15px;
  box-shadow:0 8px 24px rgba(43,39,48,.045);
}
.product-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(43,39,48,.085)}
.premium-product-card:before{height:3px;background:var(--pink);opacity:.72}
.product-card img{
  aspect-ratio:1/1;
  object-fit:cover;
  background:#f7f7f5;
  border-bottom:1px solid var(--line);
}
.product-body{padding:18px}
.product-tag{color:var(--purple)}
.mini-chip{background:#f2f1f5;color:#5f54a7}
.product-body h3{color:var(--ink);font-size:19px;line-height:1.28}
.product-body p{color:var(--muted);line-height:1.55}
.product-meta{border-color:var(--line);color:#716a72}
.card-actions a{border-radius:9px}
.card-actions .details{background:#2f2c32}
.card-actions .quote,.get-quote{border:1px solid var(--pink)!important;color:#fff!important;background:var(--pink)!important}

/* Blog / application cards */
.category-card,.blog-card,.application-card-v10{
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 8px 24px rgba(43,39,48,.045);
}
.category-body p,.blog-body p,.application-card-v10 p{color:var(--muted)}
.link,.blog-body span,.application-card-v10 span{color:var(--purple)}

/* Product detail pages — remove dark retail look */
.product-quote-page{
  background:#fafaf7;
  color:var(--ink);
}
.dark-product-hero{
  background:#fafaf7;
  border-bottom:1px solid var(--line);
  padding:52px 0 50px;
}
.dark-breadcrumbs{color:#777078;margin-bottom:34px}
.dark-label{
  color:#8f315f;
  background:#f7e8ef;
  border:1px solid #eed7e2;
}
.dark-hero-content h1{color:var(--ink);font-size:clamp(38px,5vw,62px)}
.dark-hero-content>p{color:var(--muted)}
.dark-metrics>div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:13px;
  box-shadow:0 8px 20px rgba(43,39,48,.045);
}
.dark-metrics strong{color:var(--purple)}
.dark-metrics span{color:var(--muted)}
.dark-btn{border-radius:9px}
.dark-btn-gold{background:var(--pink);color:#fff}
.dark-btn-outline{border:1px solid #d9d2d8;background:#fff;color:var(--ink)}
.dark-section{background:#fafaf7;border:0;padding:66px 0}
.dark-section.dark-alt{background:#f4f6f7}
.dark-section h2{color:var(--ink)}
.dark-section p,.dark-section li,.dark-section-intro{color:var(--muted)}
.dark-image-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:15px;
  box-shadow:0 12px 30px rgba(43,39,48,.065);
}
.dark-image-panel img{border-radius:10px}
.dark-table-wrap{border:1px solid var(--line);border-radius:14px;box-shadow:none}
.dark-spec-table th{background:#eeeff1;color:#514790}
.dark-spec-table td{border-color:var(--line);color:var(--muted)}
.dark-spec-table td:first-child{color:var(--ink)}
.dark-option-grid article{border-radius:14px;box-shadow:0 8px 20px rgba(43,39,48,.04)}
.dark-option-grid h3{color:var(--ink)}
.dark-faq-item{border-color:var(--line)}
.dark-faq-question{color:var(--ink)}
.dark-faq-question b{color:var(--pink)}
.dark-inquiry-section{background:#f4f6f7}
.dark-inquiry-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:17px;
  box-shadow:0 14px 38px rgba(43,39,48,.075);
}
.dark-inquiry-card>h2{color:var(--ink)}
.dark-inquiry-card>p{color:var(--muted)}
.dark-quote-form label{color:#6258a9}
.dark-quote-form input,.dark-quote-form select,.dark-quote-form textarea{
  background:#fff;
  border:1px solid #d9d2d8;
  color:var(--ink);
  border-radius:9px;
}
.dark-submit{background:var(--pink);color:#fff;border-radius:9px}
.dark-whatsapp-submit{background:#f2fbf7;border-color:#bfe4d6;color:#277b63;border-radius:9px}

/* Quote sections */
.quote-band{
  background:#eef0f2;
  color:var(--ink);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.quote-band:before{display:none}
.quote-layout p{color:var(--muted)}
.quote-kicker{background:#fff;border-color:#e2dce1}
.form{
  background:#fff;
  border:1px solid var(--line)!important;
  border-radius:16px;
  box-shadow:0 12px 30px rgba(43,39,48,.07);
}
.form input,.form select,.form textarea{border:1px solid #d9d2d8;border-radius:9px;background:#fff}

/* One controlled dark credibility section only */
.factory{background:#313136;color:#fff}
.factory p,.factory li{color:#d8d4d9}
.factory img{border:5px solid #fff;border-radius:14px}

/* Footer */
footer{background:#2f2c32;color:#fff}
.footer-grid a,.footer-grid p{color:#d7d2d8}
.copy{border-color:#514d53;color:#bbb4bd}
.whatsapp{box-shadow:0 10px 26px rgba(37,211,102,.24)}

/* Accessibility and responsive refinement */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(110,91,198,.32);
  outline-offset:3px;
}
@media(max-width:980px){
  section{padding:56px 0}
  .hero{padding-top:54px}
  .product-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .container{width:min(94%,1220px)}
  .product-grid{grid-template-columns:1fr}
  .hero{padding:46px 0 68px}
  .home-card-image-wrap{height:250px}
  .product-body{padding:17px}
  .dark-product-hero{padding:40px 0}
}

/* -------------------------------------------------------
   V21: Full-width homepage background video
   Video remains below all copy and cards; the left-side
   reading area receives a strong light readability veil.
------------------------------------------------------- */
.hero-video-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:720px;
  background:#f6f5f1 url('../images/hero/homepage-b2b-craft-studio.jpg') center center/cover no-repeat;
}
.hero-video-section .hero-video-layer{display:none}
.hero-video-section .hero-bg-video{display:none}

/* Direct inquiry submission states */
.form-honeypot{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.form-submit-status{
  width:100%;
  margin:14px 0 0;
  padding:12px 14px;
  border-radius:10px;
  background:#f4f6f7;
  color:#30343b;
  font-size:14px;
  line-height:1.5;
}
.form-submit-status:empty{display:none}
.form-submit-success .form-submit-status{
  border:1px solid #b7dfca;
  background:#edf9f2;
  color:#17623b;
}
.form-submit-error .form-submit-status{
  border:1px solid #efc0c0;
  background:#fff2f2;
  color:#8a2424;
}
.quote-form button[disabled],
.quote-form input[type="submit"][disabled]{
  cursor:wait;
  opacity:.72;
}
.hero-video-section:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(248,247,244,.96) 0%,
      rgba(248,247,244,.90) 28%,
      rgba(248,247,244,.74) 48%,
      rgba(248,247,244,.40) 68%,
      rgba(248,247,244,.18) 100%),
    linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
}
.hero-video-section>.container{
  position:relative;
  z-index:2;
}
.hero-video-section .hero-grid{
  grid-template-columns:minmax(0,1fr);
  align-items:center;
}
/* Keep the homepage hero focused on the copy over the background image. */
.hero-video-section .hero-grid>div:last-child{
  display:none;
}
.hero-video-section .custom-priority-layout{
  max-width:660px;
}
.hero-video-section .b2b-module-card{
  background:rgba(255,255,255,.82);
  border-color:rgba(222,213,220,.88);
  box-shadow:0 12px 32px rgba(61,47,58,.07);
  backdrop-filter:blur(12px) saturate(1.04);
  -webkit-backdrop-filter:blur(12px) saturate(1.04);
}
.hero-video-section .kicker,
.hero-video-section .btn,
.hero-video-section .hero-trust-row-v12{
  position:relative;
  z-index:3;
}

@media(max-width:980px){
  .hero-video-section{min-height:auto;background-position:62% center}
  .hero-video-section:before{
    background:linear-gradient(180deg,
      rgba(250,250,247,.975) 0%,
      rgba(250,250,247,.94) 62%,
      rgba(250,250,247,.84) 100%);
  }
  .hero-video-section .hero-bg-video{
    object-position:64% center;
    opacity:.72;
  }
  .hero-video-section .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-video-section .hero-grid>div:last-child{display:none}
  .hero-video-section .custom-priority-layout{max-width:none}
}
@media(max-width:600px){
  .hero-video-section .hero-bg-video{opacity:.45;object-position:70% center}
  .hero-video-section:before{background:rgba(250,250,247,.92)}
  .hero-video-section .b2b-module-card{background:rgba(255,255,255,.9)}
}
@media(prefers-reduced-motion:reduce){
  .hero-video-section .hero-bg-video{display:none}
}


/* Direct-to-inquiry form behavior */
#main-inquiry-form {
  scroll-margin-top: 110px;
  transition: box-shadow .35s ease, transform .35s ease;
}
#main-inquiry-form.quote-form-arrival {
  box-shadow: 0 0 0 4px rgba(182, 62, 120, .16), 0 18px 45px rgba(57, 39, 50, .10);
  transform: translateY(-2px);
}


/* V25 multi-image inquiry composer */
.inquiry-composer{display:grid;gap:12px}
.inquiry-composer>textarea{min-height:132px;resize:vertical}
.inquiry-upload-zone{border:1.5px dashed #cdbfc8;border-radius:14px;background:linear-gradient(135deg,#fff,#fff8fb);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;transition:border-color .2s,background .2s,box-shadow .2s;outline:none}
.inquiry-upload-zone:hover,.inquiry-upload-zone:focus-visible,.inquiry-upload-zone.is-dragging{border-color:#b63e78;background:#fff3f8;box-shadow:0 0 0 4px rgba(182,62,120,.09)}
.upload-zone-copy{display:flex;align-items:center;gap:12px;min-width:0}
.upload-zone-copy>div{display:grid;gap:2px}
.upload-zone-copy strong{font-size:15px;color:#302b35}
.upload-zone-copy span:not(.upload-zone-icon){font-size:12px;color:#766f7a}
.upload-zone-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:#f8e7ef;color:#b63e78;font-size:24px;font-weight:500}
.upload-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.upload-action{appearance:none;border:1px solid #dfd3da;background:#fff;color:#3c333a;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap;transition:.2s}
.upload-action:hover{border-color:#b63e78;color:#b63e78;transform:translateY(-1px)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.upload-meta-row{display:flex;justify-content:space-between;gap:16px;color:#7a7077;font-size:11px}
.image-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.image-preview-grid:empty{display:none}
.image-preview-card{position:relative;border:1px solid #e5dce1;border-radius:12px;overflow:hidden;background:#fff;min-width:0}
.image-preview-card img{width:100%;aspect-ratio:1;object-fit:cover;background:#f5f2f4}
.image-preview-info{padding:7px 8px;display:grid;gap:1px;min-width:0}
.image-preview-info strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.image-preview-info span{font-size:9px;color:#81767d}
.image-remove-btn{position:absolute;right:6px;top:6px;width:25px;height:25px;border:0;border-radius:50%;background:rgba(48,43,53,.82);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:15px;line-height:1;box-shadow:0 3px 12px rgba(0,0,0,.18)}
.upload-status{min-height:18px;margin:0;color:#9b3f69;font-size:12px}
.upload-status.is-error{color:#a23838}
.upload-delivery-note{margin:0;padding:10px 12px;border-radius:10px;background:#f7f4f6;color:#6f656c;font-size:11px;line-height:1.5}
@media(max-width:820px){.inquiry-upload-zone{align-items:flex-start;flex-direction:column}.upload-actions{justify-content:flex-start}.image-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.upload-meta-row{flex-direction:column;gap:3px}.image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-action{padding:10px 12px}.upload-camera{display:inline-flex}}


/* V26 Products navigation: direct link + hover menu + left category panel */
.nav-dropdown{gap:2px}
.products-main-link{display:inline-flex;align-items:center;padding:10px 1px;font:inherit;font-weight:750;color:inherit;white-space:nowrap}
.products-main-link:hover{color:var(--pink)}
.products-trigger{padding:10px 3px;min-width:24px;justify-content:center}
.nav-dropdown:focus-within .dropdown-menu{display:block}
.nav-dropdown:focus-within .products-trigger span{transform:rotate(180deg)}
.product-quote-page .products-main-link{color:var(--ink)}
.product-quote-page .products-main-link:hover{color:var(--pink)}

.product-category-shell{padding:0;background:#fff}
.products-page-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.product-category-sidebar{position:sticky;top:106px;margin:52px 0;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 34px rgba(54,39,49,.08);overflow:hidden}
.category-sidebar-head{padding:22px 20px 18px;background:linear-gradient(145deg,#fff7fa,#f7f5ff)}
.category-sidebar-kicker{display:block;color:#b63e78;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.category-sidebar-head h2{font-size:21px;line-height:1.18;margin:0 0 7px}
.category-sidebar-head p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}
.category-sidebar-nav{padding:10px}
.category-sidebar-link{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:13px 12px;border-radius:12px;border:1px solid transparent;margin:3px 0;color:var(--ink);transition:.2s}
.category-sidebar-link span{font-size:13px;font-weight:800;line-height:1.3}
.category-sidebar-link small{font-size:9px;font-weight:800;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;text-align:right}
.category-sidebar-link:hover{background:#fff4f8;border-color:#f0dbe4;color:#9e2f63;transform:translateX(2px)}
.category-sidebar-link.active{background:linear-gradient(135deg,#b63e78,#8b67c9);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(182,62,120,.2)}
.category-sidebar-link.active small{color:rgba(255,255,255,.78)}
.category-sidebar-quote{display:block;margin:4px 12px 14px;padding:12px 14px;border-radius:12px;background:#302b35;color:#fff;font-size:12px;font-weight:850;text-align:center}
.category-sidebar-quote:hover{background:#b63e78;color:#fff}
.products-page-main{min-width:0}
.products-page-main>.section-head{margin-left:0;text-align:left}
.category-page-main>section{padding:52px 0}
.category-page-main>section>.container{width:100%;max-width:none}
.category-page-main>section.soft{margin:0 -18px;padding:52px 18px;border-radius:22px}
.category-empty-overview{padding:52px 0}
.category-empty-card{padding:34px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff,#fff7fa);box-shadow:var(--shadow)}
.category-empty-card h2{font-size:34px;line-height:1.15;margin:14px 0 10px}
.category-empty-card p{max-width:720px;color:var(--muted);margin-bottom:24px}

@media(max-width:980px){
  .nav-dropdown{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left}
  .products-main-link{justify-content:flex-start;padding:10px 0}
  .products-trigger{width:44px;min-height:42px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff}
  .nav-dropdown .dropdown-menu{grid-column:1/-1}
  .nav-dropdown:hover .dropdown-menu{display:none}
  .nav-dropdown.open .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}
  .products-page-layout{grid-template-columns:1fr;gap:20px}
  .product-category-sidebar{position:static;margin:30px 0 0}
  .category-sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .category-sidebar-link{margin:0}
  .category-sidebar-quote{margin-top:8px}
}
@media(max-width:600px){
  .category-sidebar-nav{grid-template-columns:1fr}
  .category-sidebar-link small{font-size:8px}
  .category-page-main>section{padding:38px 0}
  .category-page-main>section.soft{margin:0;padding:38px 0;border-radius:0;background:var(--soft)}
}


/* V27 Stable Products hover menu
   Keeps the category panel open while the pointer moves from Products to the panel. */
@media (min-width:981px){
  .nav-dropdown{z-index:90}
  .nav-dropdown::after{
    content:"";
    display:none;
    position:absolute;
    left:-18px;
    right:-18px;
    top:100%;
    height:24px;
    z-index:79;
  }
  .nav-dropdown:hover::after,
  .nav-dropdown.open::after{display:block}
  .nav-dropdown .dropdown-menu{
    top:calc(100% + 14px);
    z-index:80;
  }
  .nav-dropdown:hover .dropdown-menu,
  .nav-dropdown.open .dropdown-menu,
  .nav-dropdown:focus-within .dropdown-menu{display:block}
}


/* -------------------------------------------------------
   V29 Premium B2B Quote Center
------------------------------------------------------- */
.quote-center-page{background:#f6f6f4}
.premium-quote-main{background:#f6f6f4}
.premium-quote-hero{padding:58px 0 54px;background:
  radial-gradient(circle at 78% 8%,rgba(136,112,208,.13),transparent 28%),
  radial-gradient(circle at 18% 112%,rgba(228,103,152,.11),transparent 32%),
  linear-gradient(135deg,#fff 0%,#fcf9fb 55%,#f4f3f8 100%);border-bottom:1px solid #e7e2e6}
.premium-quote-hero-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:54px;align-items:center}
.quote-hero-kicker{display:inline-flex;padding:7px 12px;border:1px solid #eadbe3;border-radius:999px;background:#fff;color:#a43d6d;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.premium-quote-copy h1{font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:17px 0 16px;color:#28242d}
.premium-quote-copy>p{max-width:740px;margin:0;color:#68616c;font-size:17px;line-height:1.72}
.quote-trust-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.quote-trust-strip span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e7dfe4;border-radius:999px;background:rgba(255,255,255,.83);font-size:11px;font-weight:780;color:#4f4851}
.quote-trust-strip span:before{content:"✓";color:#39977f;font-weight:900}
.quote-hero-response-card{padding:27px;border:1px solid #e4dce2;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 18px 48px rgba(56,43,52,.08);backdrop-filter:blur(12px)}
.response-card-label{display:block;color:#8a7f88;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.quote-hero-response-card>strong{display:block;margin:5px 0 8px;font-size:26px;line-height:1.2;color:#b63e78}
.quote-hero-response-card>p{margin:0;color:#746c75;font-size:12px;line-height:1.65}
.response-card-contact{display:grid;gap:6px;padding-top:17px;margin-top:17px;border-top:1px solid #ece6ea}
.response-card-contact a{font-size:12px;font-weight:800;color:#38313a}
.response-card-contact a:hover{color:#b63e78}
.premium-quote-workspace-section{padding:54px 0 76px}
.premium-quote-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.premium-quote-form{background:#fff;border:1px solid #e4dfe2;border-radius:22px;box-shadow:0 18px 54px rgba(50,42,48,.07);overflow:hidden}
.premium-form-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:27px 30px 23px;border-bottom:1px solid #ebe6e9;background:linear-gradient(145deg,#fff,#fdfafb)}
.premium-form-heading span{display:block;color:#b63e78;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.premium-form-heading h2{margin:4px 0 0;font-size:28px;letter-spacing:-.025em}
.premium-form-heading p{margin:0;color:#817880;font-size:11px}.premium-form-heading p b{color:#b63e78}
.premium-form-section{border:0;margin:0;padding:29px 30px;border-bottom:1px solid #eee9ec;min-width:0}
.premium-form-section:last-of-type{border-bottom:0}
.premium-form-section legend{float:left;width:100%;display:flex;align-items:flex-start;gap:13px;margin:0 0 21px;padding:0;color:#2f2931}
.premium-form-section legend+*{clear:both}
.premium-form-section legend>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#f5e5ed;color:#b63e78;font-size:11px;font-weight:900;letter-spacing:.04em}
.premium-form-section legend div{display:grid;gap:2px;font-size:18px;font-weight:850;line-height:1.2}
.premium-form-section legend small{font-size:11px;font-weight:500;color:#827a82;line-height:1.5}
.premium-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.premium-field-grid.compact-grid{margin-top:18px}.premium-field-wide{grid-column:1/-1}
.premium-field{display:grid;gap:7px;min-width:0}
.premium-field>span,.premium-control-label{font-size:12px;font-weight:820;color:#403942}
.premium-field>small{margin-top:-3px;color:#827982;font-size:10px;line-height:1.45}
.premium-field input,.premium-field select,.premium-field textarea{width:100%;border:1px solid #dad4d8;border-radius:10px;background:#fff;color:#302b35;padding:13px 14px;transition:border-color .2s,box-shadow .2s,background .2s}
.premium-field input,.premium-field select{height:50px}
.premium-field textarea{min-height:152px;resize:vertical;line-height:1.6}
.premium-field input::placeholder,.premium-field textarea::placeholder{color:#a49ca3}
.premium-field input:focus,.premium-field select:focus,.premium-field textarea:focus{outline:0;border-color:#b63e78;box-shadow:0 0 0 4px rgba(182,62,120,.09)}
.premium-field input[readonly]{background:#f8f6f7;color:#514a51;font-weight:720}
.premium-control-block{margin-top:21px}.premium-control-label{margin-bottom:9px}
.quantity-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.quantity-choice-grid label,.custom-program-grid label{position:relative;cursor:pointer;min-width:0}
.quantity-choice-grid input,.custom-program-grid input{position:absolute;opacity:0;pointer-events:none}
.quantity-choice-grid label>span{display:grid;gap:1px;min-height:67px;padding:12px;border:1px solid #ddd6da;border-radius:11px;background:#fff;transition:.2s}
.quantity-choice-grid b{font-size:14px}.quantity-choice-grid small{font-size:9px;color:#7d747b}
.quantity-choice-grid input:checked+span{border-color:#b63e78;background:#fff5f9;box-shadow:0 0 0 2px rgba(182,62,120,.08)}
.quantity-choice-grid input:focus-visible+span,.custom-program-grid input:focus-visible+span{outline:3px solid rgba(110,91,198,.28);outline-offset:2px}
.custom-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.custom-program-grid label>span{display:grid;gap:3px;min-height:78px;padding:14px 15px;border:1px solid #ddd6da;border-radius:12px;background:#fff;transition:.2s}
.custom-program-grid b{font-size:13px;color:#39323a}.custom-program-grid small{font-size:10px;color:#7d747b;line-height:1.45}
.custom-program-grid input:checked+span{border-color:#7f68c8;background:#f8f6ff;box-shadow:0 0 0 2px rgba(127,104,200,.08)}
.custom-detail-panel{margin-top:16px;padding:17px;border:1px solid #e5dce2;border-radius:13px;background:#fbfafb}
.custom-detail-panel[hidden]{display:none}
.premium-textarea-field{margin-bottom:14px}
.premium-inquiry-composer{gap:10px}.premium-inquiry-composer .inquiry-upload-zone{padding:18px;background:#fbfafb;border-color:#cfc4cb}
.premium-inquiry-composer .upload-delivery-note{border:1px solid #e9e3e6;background:#f8f6f7}
.premium-submit-area{display:flex;align-items:center;gap:17px;padding:24px 30px 28px;background:#fbfafb;border-top:1px solid #ece6e9}
.premium-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 28px;border:0;border-radius:11px;background:#b63e78;color:#fff;font-size:15px;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(182,62,120,.23);transition:.2s}
.premium-submit-button:hover{background:#a8346d;transform:translateY(-1px);box-shadow:0 15px 32px rgba(182,62,120,.28)}
.premium-submit-button span{font-size:20px;font-weight:500}.premium-submit-area>div{display:grid;gap:1px}
.premium-submit-area strong{font-size:11px;color:#3d363e}.premium-submit-area small{font-size:9px;color:#817880}
.premium-quote-summary{position:sticky;top:104px;padding:22px;border:1px solid #e2dcdf;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(49,41,47,.08)}
.summary-kicker{color:#b63e78;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:13px}
.summary-product-visual{overflow:hidden;border-radius:14px;background:#f4f2f3;border:1px solid #e7e1e4}
.summary-product-visual img{width:100%;aspect-ratio:1.18;object-fit:cover}
.summary-product-copy{padding-top:16px}.summary-product-copy h2{margin:0 0 11px;font-size:19px;line-height:1.25;letter-spacing:-.015em}
.summary-id-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px;padding:5px 0;font-size:10px}
.summary-id-row span{color:#857d84}.summary-id-row b{color:#403940;text-align:right;overflow-wrap:anywhere}
.summary-divider{height:1px;background:#ebe5e8;margin:16px 0}
.summary-group-label{display:block;margin-bottom:7px;color:#8a8188;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.summary-info-group>div{display:flex;justify-content:space-between;gap:18px;padding:7px 0;border-bottom:1px solid #f0ecee;font-size:10px}
.summary-info-group>div:last-child{border:0}.summary-info-group span{color:#766f75}.summary-info-group strong{color:#b63e78;text-align:right}
.summary-support-box{display:grid;gap:6px;margin-top:17px;padding:14px;border-radius:12px;background:#f7f4f6}
.summary-support-box span{font-size:9px;color:#7e767d}.summary-support-box a{font-size:10px;font-weight:800;color:#393239;overflow-wrap:anywhere}.summary-support-box a:hover{color:#b63e78}
.summary-confidence{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.summary-confidence span{padding:6px 8px;border:1px solid #e7e0e4;border-radius:999px;background:#fff;font-size:8px;font-weight:750;color:#5e565d}
.summary-confidence span:before{content:"✓ ";color:#39977f;font-weight:900}
@media(max-width:1000px){.premium-quote-hero-inner{grid-template-columns:1fr}.quote-hero-response-card{max-width:560px}.premium-quote-workspace{grid-template-columns:1fr}.premium-quote-summary{position:static;grid-row:1}.summary-product-visual img{aspect-ratio:2.1;object-position:center}.premium-quote-summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0 20px}.summary-kicker,.summary-divider,.summary-info-group,.summary-support-box,.summary-confidence{grid-column:2}.summary-product-visual{grid-row:2/8}.summary-product-copy{padding-top:0}}
@media(max-width:720px){.premium-quote-hero{padding:42px 0}.premium-quote-copy h1{font-size:39px}.premium-quote-copy>p{font-size:15px}.premium-quote-workspace-section{padding:30px 0 54px}.premium-form-heading,.premium-submit-area{padding-left:20px;padding-right:20px}.premium-form-section{padding:24px 20px}.premium-field-grid,.custom-program-grid{grid-template-columns:1fr}.premium-field-wide{grid-column:auto}.quantity-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-quote-summary{display:block}.summary-product-visual img{aspect-ratio:1.6}.summary-product-copy{padding-top:15px}.summary-kicker,.summary-divider,.summary-info-group,.summary-support-box,.summary-confidence{grid-column:auto}.premium-submit-area{align-items:stretch;flex-direction:column}.premium-submit-button{width:100%}.premium-form-heading{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:430px){.quote-trust-strip{display:grid}.quote-trust-strip span{border-radius:10px}.quantity-choice-grid{grid-template-columns:1fr}.premium-form-section legend div{font-size:16px}.premium-quote-form,.premium-quote-summary{border-radius:16px}}

/* V30: complete product directory navigation */
.category-sidebar-nav{max-height:560px;overflow-y:auto;padding-right:3px;scrollbar-width:thin}
.category-sidebar-link{display:block;padding:12px 13px}
.category-sidebar-link span{display:block;font-size:13px;font-weight:800;line-height:1.35}
.category-sidebar-link small{display:none!important}
@media (max-width:900px){.category-sidebar-nav{max-height:none;overflow:visible}}

/* V35: Slime category hero visual update */
.category-hero-with-image{
  background:linear-gradient(135deg,#fcf8fb 0%,#f5f8fc 55%,#edf4fb 100%);
}
.category-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(460px,1.18fr);
  gap:38px;
  align-items:center;
}
.category-hero-copy{
  min-width:0;
}
.category-hero-visual{
  display:flex;
  justify-content:flex-end;
}
.category-hero-card{
  width:100%;
  max-width:760px;
  padding:14px;
  border-radius:30px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(207,196,208,.7);
  box-shadow:0 22px 54px rgba(58,42,58,.12);
}
.category-hero-card img{
  width:100%;
  aspect-ratio:2.34;
  object-fit:cover;
  object-position:center;
  border-radius:22px;
  display:block;
}
@media(max-width:1180px){
  .category-hero-grid{grid-template-columns:1fr;}
  .category-hero-visual{justify-content:flex-start;}
  .category-hero-card{max-width:860px;}
}