/* v0.17 mobile typography */
@media(max-width:620px){
  h1{font-size:33px;line-height:1.12;font-weight:630}
  h2{font-size:25px;font-weight:610}
  h3{font-size:16px;font-weight:600}
  .lead{font-size:16px}
  .eyebrow{font-size:10px}
  .page-hero h1{font-size:28px;font-weight:610}
}


/* v0.16 technical readiness */
.skip-link{
  position:absolute;left:-9999px;top:8px;z-index:9999;
  padding:10px 14px;background:#fff;color:var(--navy);
  border:2px solid var(--navy);border-radius:10px;font-weight:750
}
.skip-link:focus{left:10px}
:focus-visible{
  outline:3px solid rgba(22,155,98,.38);
  outline-offset:3px;
  border-radius:6px
}
button,a,input,select,textarea{touch-action:manipulation}
img{height:auto}
[aria-current="page"]{color:var(--navy);font-weight:760}
[aria-current="page"]:after{right:0!important}
.mobile-toggle{
  width:44px;height:44px;border-radius:12px;
  align-items:center;justify-content:center
}
.mobile-toggle:hover{background:#f3f7fb}
.prototype-only{
  font-size:11px;color:#7a8da2
}
@media(max-width:980px){
  .nav{height:96px}
  .brand{min-width:auto}
  .brand img{height:76px}
  .nav-links{top:96px}
}
@media(max-width:620px){
  .nav{height:86px}
  .brand img{height:68px}
  .nav-links{top:86px}
}


/* v0.15 trust + conversion refinement */
.trust-evidence{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px
}
.trust-evidence .evidence{
  border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px
}
.trust-evidence .evidence .label{
  font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#7a8fa3;font-weight:750
}
.trust-evidence .evidence b{
  display:block;color:var(--navy);font-size:16px;margin:5px 0 4px
}
.trust-evidence .evidence span{color:var(--muted);font-size:13px}
.cta-band{
  border-radius:26px;padding:28px;
  background:linear-gradient(135deg,#f7fbff,#eef7f2);
  border:1px solid #dbe5ed;
  display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center
}
.cta-band h2{margin-bottom:8px}
.cta-band p{color:var(--muted)}
.cta-band-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.content-rule{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px
}
.content-rule .rule{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px
}
.content-rule .rule b{display:block;color:var(--navy);margin-bottom:5px}
.content-rule .rule span{font-size:13px;color:var(--muted)}
.hero-copy-limit{max-width:650px}
.subtle-note{
  font-size:12px;color:#7b8fa3;margin-top:9px
}
.price-mode{
  display:inline-flex;padding:6px 9px;border-radius:999px;background:#f2f6fa;
  color:#677c91;font-size:11px;font-weight:700
}
@media(max-width:980px){
  .trust-evidence,.content-rule{grid-template-columns:1fr 1fr}
  .cta-band{grid-template-columns:1fr}
  .cta-band-actions{justify-content:flex-start}
}
@media(max-width:620px){
  .trust-evidence,.content-rule{grid-template-columns:1fr}
}


/* v0.14 UX flow */
.hero-actions-note{
  margin-top:10px;font-size:12px;color:#74879a
}
.quick-paths{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px
}
.quick-path{
  border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.quick-path:hover{
  transform:translateY(-2px);box-shadow:0 12px 24px rgba(22,58,115,.06);border-color:#cbd8e4
}
.quick-path .qnum{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--green-soft);color:var(--green);font-size:12px;font-weight:850;margin-bottom:10px
}
.quick-path b{display:block;color:var(--navy);margin-bottom:4px}
.quick-path span{font-size:13px;color:var(--muted)}
.sticky-help{
  position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;gap:10px
}
.sticky-help a{
  display:flex;align-items:center;gap:9px;border-radius:999px;padding:11px 15px;
  box-shadow:0 12px 30px rgba(22,58,115,.17);font-size:13px;font-weight:750
}
.sticky-help .zalo-float{background:#0A74FF;color:#fff}
.sticky-help .door-float{background:#fff;color:var(--navy);border:1px solid #d7e1eb}
.sticky-help img{width:20px;height:20px;border-radius:6px}
.product-card .card-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px
}
.product-card .card-actions .btn{padding:9px 10px;font-size:13px}
.inquiry-mini{
  margin-top:16px;padding:14px 16px;border-radius:16px;background:#f5f9fd;border:1px solid #dce6ef
}
.inquiry-mini b{display:block;color:var(--navy);margin-bottom:4px}
.inquiry-mini span{font-size:13px;color:var(--muted)}
.contact-form-note{
  background:#f8fbff;border:1px solid #dbe5ef;border-radius:14px;padding:12px 14px;
  font-size:12px;color:#667a8f;margin-bottom:14px
}
.field-hint{font-size:11px;color:#8495a7;margin-top:4px}
.legal-links{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:12px
}
.legal-links a{
  font-size:12px;color:#657a90;text-decoration:underline;text-underline-offset:3px
}
@media(max-width:980px){
  .quick-paths{grid-template-columns:1fr 1fr}
  .product-card .card-actions{grid-template-columns:1fr}
}
@media(max-width:620px){
  .quick-paths{grid-template-columns:1fr}
  .sticky-help{right:12px;bottom:12px}
  .sticky-help .door-float{display:none}
  .sticky-help a{padding:10px 12px}
}


.zalo-mini{
  width:20px;height:20px;display:block;object-fit:contain;border-radius:6px;background:#fff
}
.zalo-badge{
  width:28px;height:28px;display:block;object-fit:contain;border-radius:8px
}


:root{
  --navy:#163a73;
  --navy-soft:#264d8d;
  --green:#169b62;
  --green-soft:#eaf7f0;
  --ink:#263547;
  --muted:#627588;
  --line:#dbe3ec;
  --soft:#f6f9fb;
  --warm:#fbf8f2;
  --accent:#eef4ff;
  --shadow:0 14px 30px rgba(22,58,115,.08);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1160px,92vw);margin:auto}
.prelaunch{
  background:#f5f8fc;
  border-bottom:1px solid #e3ebf3;
  color:#5b7591;
  text-align:center;
  padding:6px 12px;
  font-size:11px;
  letter-spacing:.2px;
}
header{
  position:sticky;top:0;z-index:30;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(219,227,236,.85);
}
.nav{height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{
  display:flex;
  align-items:center;
  min-width:290px;
  padding:4px 0;
  overflow:visible;
}
.brand img{
  height:86px;
  width:auto;
  display:block;
  object-fit:contain;
  flex:0 0 auto;
}
.nav-links{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:620;color:#3c5672}
.nav-links a:hover{color:var(--navy)}
.actions{display:flex;align-items:center;gap:10px}
.mobile-toggle{display:none;border:0;background:none;font-size:24px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:999px;padding:11px 18px;border:1px solid transparent;
  font-size:13.5px;font-weight:710
}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--navy-soft)}
.btn-secondary{background:#fff;border-color:#cfdae6;color:var(--navy)}
.btn-secondary:hover{background:#f8fbff}
.btn-zalo{background:#0A74FF;color:#fff}
.btn-zalo .zalo-mini{width:18px;height:18px;display:block}
.hero{
  background:
    radial-gradient(circle at 88% 16%, rgba(22,155,98,.08), transparent 24%),
    radial-gradient(circle at 8% 12%, rgba(22,58,115,.06), transparent 30%),
    linear-gradient(180deg,#fbfdff 0%, #f7fbff 100%);
  padding:58px 0 50px;
}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.eyebrow{
  color:var(--green);
  font-weight:760;
  text-transform:uppercase;
  letter-spacing:.9px;
  font-size:11px;
}
h1{
  font-size:clamp(32px,3.9vw,46px);
  line-height:1.1;
  letter-spacing:-.8px;
  font-weight:640;
  margin:12px 0 16px;
  color:var(--navy);
}
h2{
  font-size:clamp(23px,2.8vw,31px);
  line-height:1.22;
  letter-spacing:-.35px;
  font-weight:620;
  margin:0 0 12px;
  color:var(--navy);
}
h3{
  margin:0 0 8px;
  color:var(--navy);
  font-size:17px;
  line-height:1.34;
  font-weight:610;
}
p{margin:0 0 12px}
.lead{font-size:17px;color:#516577;max-width:660px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.micro{font-size:13px;color:#73879b;margin-top:12px}
.slogan-line{
  margin-top:14px;
  color:var(--green);
  font-size:14px;
  font-weight:700;
}
.hero-card{
  background:#fff;
  border:1px solid #e1e8ef;
  border-radius:32px;
  padding:18px;
  box-shadow:var(--shadow)
}
.hero-visual{
  display:grid;
  grid-template-columns:1.16fr .84fr;
  gap:16px;
  align-items:stretch
}
.hero-photo{
  min-height:430px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff,#eef4fb);
  border:1px solid #e0e7f0;
  display:flex;align-items:center;justify-content:center;padding:18px
}
.hero-photo img{width:100%;height:100%;object-fit:contain;transform:scale(1.08)}
.hero-side{display:flex;flex-direction:column;gap:14px}
.info-box{
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  background:#fcfeff
}
.info-box strong{display:block;color:var(--navy);margin-bottom:6px;font-size:16px}
.info-box p{margin:0;color:var(--muted)}
.hero-list{margin:8px 0 0;padding-left:18px;color:#627588;font-size:14px}
.legal-card{
  margin-top:20px;
  display:grid;
  grid-template-columns:1fr 1fr 1.2fr;
  gap:12px;
}
.legal-item{
  border:1px solid #dce5ee;
  background:#fff;
  border-radius:16px;
  padding:12px 14px;
}
.legal-item .label{font-size:10px;text-transform:uppercase;letter-spacing:.75px;color:#6d8196;font-weight:700}
.legal-item .value{font-size:14px;color:var(--navy);font-weight:600;margin-top:4px}
.section{padding:72px 0}
.section.soft{background:var(--soft)}
.section.warm{background:var(--warm)}
.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}
.section-head p{max-width:620px;color:var(--muted);margin:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;box-shadow:0 8px 20px rgba(22,58,115,.03)
}
.card p{color:var(--muted)}
.icon{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:var(--accent);color:var(--navy);font-weight:900;margin-bottom:16px
}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}
.step .n{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--green-soft);color:var(--green);font-weight:900;font-size:13px;margin-bottom:14px
}
.product-card{padding:0;overflow:hidden}
.product-visual{
  height:214px;background:linear-gradient(180deg,#f4f8fb,#eef4f8);
  display:grid;place-items:center;text-align:center;color:#7b8da1;font-weight:700;
  padding:20px;border-bottom:1px solid var(--line)
}
.product-body{padding:22px}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}
.tag{font-size:12px;background:#eef5f1;color:#40675d;padding:5px 9px;border-radius:999px}
.notice{
  border:1px dashed #afbed0;background:#f8fbff;color:#5f7084;
  border-radius:14px;padding:14px 16px;font-size:13px
}
.quote{
  background:linear-gradient(135deg,#1d4f90,#163a73 60%, #1f8379);
  color:#fff;border-radius:28px;padding:36px;
  display:grid;grid-template-columns:1.12fr .88fr;gap:24px;align-items:center
}
.quote h2{color:#fff}
.quote p{color:#dfeaf7}
.form-card,.form-shell{background:#fff;color:var(--ink);border-radius:18px;padding:22px}
.form-shell{border:1px solid var(--line)}
label{display:block;font-size:13px;font-weight:720;margin-bottom:6px;color:#3b5671}
input,select,textarea{
  width:100%;padding:12px 13px;border:1px solid #cad5e0;border-radius:10px;
  font:inherit;background:#fff;color:var(--ink)
}
textarea{min-height:96px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:12px}
.check{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#576a7d}
.check input{width:auto;margin-top:4px}
.placeholder{
  border:1px dashed #b7c7d8;background:#fbfdff;color:#64778b;
  border-radius:14px;padding:15px;font-size:13px
}
.page-hero{padding:56px 0 28px;background:linear-gradient(180deg,#f8fbfd,#fff)}
.page-hero h1{font-size:clamp(28px,3vw,36px);font-weight:620}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.list-clean{list-style:none;padding:0;margin:0}
.list-clean li{padding:10px 0;border-bottom:1px solid var(--line)}
.legal-strip{
  margin-top:18px;background:#fff;border:1px solid #dbe4ee;border-radius:16px;
  padding:14px 16px;color:#587085;font-size:13px
}
.legal-strip strong{color:var(--navy)}
.quick-contact{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.footer{
  margin-top:48px;background:#f6f9fb;border-top:1px solid #dbe4ee;
  color:#587085;padding:42px 0 24px
}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:28px}
.footer h4{margin:0 0 10px;color:var(--navy);font-size:15px;font-weight:700}
.footer a{display:block;margin:7px 0;color:#587085;font-size:13px}
.footer-brand{display:flex;align-items:center;margin-bottom:8px}
.footer-brand img{height:68px;width:auto;display:block;object-fit:contain}
.footer-slogan{color:var(--green);font-size:13px;font-weight:700;margin-bottom:14px}
.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid #dde7f0;font-size:12px;color:#7b8fa5}
.menu-open .nav-links{display:flex}
.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.detail-shell{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.detail-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}
.kv{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px
}
.kv .cell{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}
@media(max-width:980px){
  .nav-links{display:none;position:absolute;top:112px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:18px 4vw;border-bottom:1px solid var(--line)}
  .mobile-toggle{display:block}
  .actions .btn-secondary{display:none}
  .hero-grid,.hero-visual,.quote,.two-col,.feature-grid,.detail-shell{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr 1fr}
  .grid-4,.steps,.legal-card,.kv{grid-template-columns:1fr 1fr}
  .hero-photo{min-height:320px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .trust-strip{grid-template-columns:1fr}

  .grid-3,.grid-4,.steps,.form-row,.footer-grid,.legal-card,.kv{grid-template-columns:1fr}
  .section{padding:56px 0}
  .section-head{flex-direction:column;align-items:flex-start}
  .page-hero h1{font-size:clamp(28px,3vw,36px);font-weight:620}
  .brand img{height:76px}
  .actions .btn-primary{display:none}
}


/* =========================================================
   v0.21 — 05.8 Week 1 Visual & Asset System alignment
   VISUAL ONLY: no messaging / offer / SKU / price / warranty /
   legal-payment content changes in this version.
   ========================================================= */

/* 1) Neutral-dominant composition / restrained accent */
.hero{
  background:linear-gradient(180deg,#fbfcfd 0%,var(--soft) 100%);
}
.section.warm{
  background:var(--soft);
}
.hero-card,
.card,
.detail-panel,
.solution-hero-card,
.policy-card,
.about-panel,
.quick-path,
.trust-evidence .evidence{
  box-shadow:0 6px 18px rgba(22,58,115,.035);
}
.cta-band{
  background:linear-gradient(135deg,#fbfcfd,var(--soft));
  border-color:var(--line);
}
.quote{
  background:var(--navy);
}
.tag{
  background:var(--green-soft);
}
.icon{
  background:#f1f4f7;
  color:var(--navy);
}
.quick-path .qnum,
.step .n,
.process-node .circle{
  background:#fff;
  border:1px solid rgba(22,155,98,.35);
  color:var(--green);
}

/* 2) Typography treatment: moderate, clean, fewer ALL CAPS */
.eyebrow,
.section-kicker{
  text-transform:none;
  letter-spacing:.45px;
  font-weight:680;
}
h1{font-weight:620}
h2{font-weight:600}
h3{font-weight:590}
.lead,
.card p,
.section-head p,
.info-box p,
.trust-item span,
.quick-path span,
.trust-evidence .evidence span{
  font-weight:400;
}
.slogan-line{font-weight:620}
.btn{font-weight:650}
.nav-links{font-weight:590}
[aria-current="page"]{font-weight:660}
.footer h4{font-weight:650}
.footer-slogan{font-weight:620}
.legal-item .label,
.trust-evidence .evidence .label{
  font-weight:650;
}

/* Reduce visual competition from micro-elements */
.icon,
.step .n,
.quick-path .qnum{
  font-weight:700;
}
.product-visual{
  font-weight:620;
}
.info-box strong{
  font-weight:620;
}

/* 3) Logo treatment
   Keep approved sizes/asset unchanged. Logo stays an anchor, not a hero. */
.brand img{
  filter:none;
}
.footer-brand img{
  filter:none;
}

/* 4) Photography / product-visual hierarchy
   Current supplier visual stays contextual and subordinate to the headline.
   Real TPSS/context photography remains a later asset replacement. */
.hero-card{
  padding:16px;
  border-radius:26px;
}
.hero-photo{
  position:relative;
  background:#fff;
  border-color:var(--line);
  padding:24px;
}
.hero-photo img{
  transform:scale(1);
  max-width:92%;
  max-height:92%;
  margin:auto;
}
.product-visual{
  position:relative;
  background:linear-gradient(180deg,#fbfcfd,#f3f6f8);
}
.product-visual img{
  max-width:88%;
  max-height:88%;
  margin:auto;
}

/* 5) Technical annotation — TPSS signature device
   Thin line + small marker + short visual connector, without adding claims. */
.hero-photo::before,
.product-visual::before{
  content:"";
  position:absolute;
  inset:14px;
  pointer-events:none;
  opacity:.48;
  background:
    linear-gradient(var(--green),var(--green)) left top/28px 1px no-repeat,
    linear-gradient(var(--green),var(--green)) left top/1px 28px no-repeat,
    linear-gradient(var(--green),var(--green)) right bottom/28px 1px no-repeat,
    linear-gradient(var(--green),var(--green)) right bottom/1px 28px no-repeat;
}
.hero-photo::after,
.product-visual::after{
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  border:1px solid var(--green);
  border-radius:50%;
  right:22px;
  top:22px;
  background:#fff;
  pointer-events:none;
}
.hero-side .info-box{
  position:relative;
}
.hero-side .info-box::before{
  content:"";
  position:absolute;
  left:-17px;
  top:28px;
  width:14px;
  border-top:1px solid rgba(22,155,98,.42);
}
.hero-side .info-box::after{
  content:"";
  position:absolute;
  left:-20px;
  top:25px;
  width:5px;
  height:5px;
  border:1px solid rgba(22,155,98,.7);
  border-radius:50%;
  background:#fff;
}

/* Keep technical annotation subtle on small screens */
@media(max-width:980px){
  .hero-side .info-box::before,
  .hero-side .info-box::after{
    display:none;
  }
}
@media(max-width:620px){
  .hero-photo::before,
  .product-visual::before{
    inset:10px;
    opacity:.38;
    background:
      linear-gradient(var(--green),var(--green)) left top/20px 1px no-repeat,
      linear-gradient(var(--green),var(--green)) left top/1px 20px no-repeat,
      linear-gradient(var(--green),var(--green)) right bottom/20px 1px no-repeat,
      linear-gradient(var(--green),var(--green)) right bottom/1px 20px no-repeat;
  }
}


/* =========================================================
   v0.24 — SEO staging pages only
   Uses existing v0.23 design system; no redesign.
   ========================================================= */
.seo-article-hero{padding:56px 0 34px;background:linear-gradient(180deg,#f8fbfd,#fff)}
.seo-article-hero .article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.article-chip{font-size:11px;color:#587085;background:#f2f6f9;border:1px solid var(--line);padding:6px 9px;border-radius:999px}
.seo-article-hero h1{max-width:900px}
.seo-article-hero .lead{max-width:820px}
.article-shell{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:44px;align-items:start}
.article-body{min-width:0}
.article-body h2{margin-top:42px}
.article-body h3{margin-top:30px}
.article-body p{color:#445a6e;line-height:1.78;margin:0 0 16px}
.article-body ul,.article-body ol{padding-left:22px;color:#445a6e;line-height:1.72;margin:0 0 18px}
.article-body li{margin:7px 0}
.article-body strong{color:var(--navy)}
.article-callout{margin:26px 0;padding:20px 22px;border:1px solid #d7e4ed;border-left:3px solid var(--green);border-radius:16px;background:#fbfcfd}
.article-callout p:last-child{margin-bottom:0}
.article-cta{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fbfcfd,#f3f8f5)}
.article-cta h3{margin-top:0}
.article-cta .actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.article-note{font-size:12px!important;color:#73869a!important;margin-top:10px!important}
.article-sidebar{position:sticky;top:130px}
.article-sidebar .side-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:14px}
.article-sidebar h3{font-size:15px;margin-bottom:10px}
.article-sidebar a{display:block;color:#47647e;font-size:13px;line-height:1.45;padding:7px 0}
.article-sidebar a:hover{color:var(--navy)}
.article-related{margin-top:42px;padding-top:24px;border-top:1px solid var(--line)}
.article-related-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.article-related-links a{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;color:var(--navy);font-size:13px;font-weight:620}
.article-table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:14px}
.article-table th,.article-table td{border:1px solid var(--line);padding:12px 13px;text-align:left;vertical-align:top}
.article-table th{background:#f6f9fb;color:var(--navy);font-weight:650}
.article-faq{margin-top:48px}
.faq-item{border-top:1px solid var(--line);padding:18px 0}
.faq-item h3{font-size:16px;margin:0 0 8px}
.faq-item p{margin-bottom:0}
.checklist-box{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.checklist-box ul{list-style:none;padding-left:0}
.checklist-box li{padding-left:26px;position:relative}
.checklist-box li:before{content:"☐";position:absolute;left:0;color:var(--green);font-weight:700}
.staging-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:650;color:#6b7f92}
.staging-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#d8a336}
@media(max-width:980px){
  .article-shell{grid-template-columns:1fr}
  .article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}
}
@media(max-width:620px){
  .seo-article-hero{padding:38px 0 24px}
  .article-body h2{margin-top:34px}
  .article-body h3{margin-top:24px}
  .article-cta{padding:18px}
  .article-sidebar{grid-template-columns:1fr}
  .article-related-links{grid-template-columns:1fr}
  .article-table{font-size:12.5px}
  .article-table th,.article-table td{padding:9px}
}


/* =========================================================
   v0.25 — PM QA + Premium Polish
   Visual refinement only. Structure / approved copy /
   functionality remain the v0.24 baseline.
   Visual language: warm cream/beige + dark green + navy
   + restrained gold accent.
   ========================================================= */

:root{
  --cream:#fbf7ef;
  --cream-2:#f7f1e7;
  --beige:#eee4d6;
  --beige-line:#e4d9ca;
  --green-deep:#245b4b;
  --green-deep-2:#194c3f;
  --gold:#ad9054;
  --gold-soft:#f2ead9;
  --gold-line:rgba(173,144,84,.42);
}

/* ---------- Global tone / rhythm ---------- */
body{
  background:#fffdfa;
  color:#293640;
  line-height:1.66;
}
.container{width:min(1160px,92vw)}
p{margin:0 0 13px}
h1{
  line-height:1.12;
  letter-spacing:-.65px;
}
h2{
  line-height:1.25;
  letter-spacing:-.25px;
}
h3{
  line-height:1.36;
  letter-spacing:-.08px;
}
.lead{
  line-height:1.68;
  max-width:650px;
}
.eyebrow,
.section-kicker{
  color:var(--green-deep);
  letter-spacing:.34px;
}
.eyebrow::after,
.section-kicker::after{
  content:"";
  display:inline-block;
  width:24px;
  height:1px;
  margin-left:9px;
  vertical-align:middle;
  background:var(--gold);
  opacity:.72;
}

/* ---------- Header / navigation ---------- */
header{
  background:rgba(255,253,249,.96);
  border-bottom-color:rgba(228,217,202,.9);
}
.nav-links{color:#435c70}
.nav-links a:hover{color:var(--green-deep)}
[aria-current="page"]{color:var(--navy)}
.btn{
  min-height:42px;
  letter-spacing:.02px;
}
.btn-primary{
  background:var(--navy);
  box-shadow:0 5px 15px rgba(22,58,115,.10);
}
.btn-primary:hover{background:#1c477f}
.btn-secondary{
  background:#fffdfa;
  border-color:#dcd3c7;
}
.btn-secondary:hover{
  background:var(--cream);
  border-color:#cfc2b0;
}

/* ---------- Hero / section hierarchy ---------- */
.hero{
  background:
    radial-gradient(circle at 86% 14%, rgba(36,91,75,.075), transparent 28%),
    radial-gradient(circle at 8% 4%, rgba(173,144,84,.07), transparent 28%),
    linear-gradient(180deg,#fffdfa 0%,var(--cream) 100%);
  padding:56px 0 48px;
}
.page-hero,
.seo-article-hero{
  background:
    radial-gradient(circle at 88% 8%, rgba(173,144,84,.055), transparent 26%),
    linear-gradient(180deg,#fffdfa,var(--cream));
}
.section{padding:68px 0}
.section.soft{background:var(--cream)}
.section.warm{background:var(--cream-2)}
.section-head{
  margin-bottom:27px;
  gap:34px;
}
.section-head p{
  max-width:580px;
  line-height:1.65;
}

/* ---------- Cards / surfaces ---------- */
.hero-card,
.card,
.detail-panel,
.solution-hero-card,
.policy-card,
.about-panel,
.quick-path,
.trust-evidence .evidence,
.form-shell,
.form-card,
.article-sidebar .side-card{
  border-color:var(--beige-line);
  box-shadow:0 7px 22px rgba(36,54,64,.035);
}
.card{padding:23px}
.quick-path{padding:19px}
.detail-panel{padding:25px}
.info-box{
  background:#fffdfa;
  border-color:var(--beige-line);
}
.quick-path:hover{
  box-shadow:0 12px 26px rgba(36,54,64,.065);
  border-color:#d5c8b7;
}

/* ---------- Accent balance ---------- */
.icon{
  background:var(--cream-2);
  color:var(--green-deep);
  border:1px solid var(--gold-line);
}
.tag,
.article-chip{
  background:var(--gold-soft);
  color:var(--green-deep);
  border-color:rgba(173,144,84,.22);
}
.quick-path .qnum,
.step .n,
.process-node .circle{
  color:var(--green-deep);
  border-color:rgba(36,91,75,.32);
  background:#fffdfa;
}
.slogan-line,
.footer-slogan{
  color:var(--green-deep);
}
.notice,
.inquiry-mini,
.contact-form-note{
  background:#fcfaf6;
  border-color:#ddd3c7;
}
.cta-band{
  background:
    radial-gradient(circle at 94% 18%,rgba(173,144,84,.08),transparent 32%),
    linear-gradient(135deg,#fffdfa,var(--cream-2));
  border-color:var(--beige-line);
}
.quote{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 16%,rgba(36,91,75,.32),transparent 34%),
    linear-gradient(135deg,#173b6f,#163a73 64%,#153f3b);
  border:1px solid rgba(173,144,84,.28);
}
.quote::after{
  content:"";
  position:absolute;
  width:120px;
  height:1px;
  right:28px;
  top:24px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.58;
}

/* ---------- Photography / product image hierarchy ---------- */
.hero-card{
  background:#fffdfa;
  border-radius:26px;
}
.hero-photo{
  background:
    radial-gradient(circle at 50% 42%,#fff 0%,#fffaf2 58%,#f1e8dc 100%);
  border-color:var(--beige-line);
}
.hero-photo img,
.product-visual img{
  filter:saturate(.94) contrast(.99) sepia(.025);
}
.product-visual{
  background:
    radial-gradient(circle at 50% 42%,#fff 0%,#fbf6ed 62%,#eee5d9 100%);
  border-bottom-color:var(--beige-line);
}

/* Technical annotation: restrained gold + dark-green marker */
.hero-photo::before,
.product-visual::before{
  opacity:.58;
  background:
    linear-gradient(var(--gold),var(--gold)) left top/28px 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) left top/1px 28px no-repeat,
    linear-gradient(var(--gold),var(--gold)) right bottom/28px 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) right bottom/1px 28px no-repeat;
}
.hero-photo::after,
.product-visual::after{
  border-color:var(--green-deep);
  background:#fffdfa;
}
.hero-side .info-box::before{border-top-color:rgba(173,144,84,.48)}
.hero-side .info-box::after{
  border-color:rgba(36,91,75,.72);
  background:#fffdfa;
}

/* ---------- Forms / tables ---------- */
input,select,textarea{
  background:#fffdfa;
  border-color:#d8cfc4;
  line-height:1.45;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(36,91,75,.62);
  box-shadow:0 0 0 3px rgba(36,91,75,.08);
}
.article-table th{
  background:var(--cream-2);
  border-color:var(--beige-line);
}
.article-table td,
.article-table th{border-color:var(--beige-line)}
.article-callout{
  background:#fcfaf6;
  border-color:var(--beige-line);
  border-left-color:var(--green-deep);
}
.article-cta{
  background:linear-gradient(135deg,#fffdfa,var(--cream-2));
  border-color:var(--beige-line);
}

/* ---------- Article readability ---------- */
.article-body{
  max-width:760px;
}
.article-body p{
  line-height:1.76;
  margin-bottom:15px;
  color:#465863;
}
.article-body ul,
.article-body ol{
  line-height:1.72;
  margin-bottom:20px;
}
.article-body h2{margin-top:40px;margin-bottom:13px}
.article-body h3{margin-top:27px;margin-bottom:9px}
.faq-item{padding:17px 0}

/* ---------- Footer ---------- */
.footer{
  background:#f6f1e8;
  border-top-color:#e4d9ca;
}
.footer-bottom{
  border-top-color:#ddd2c3;
}
.legal-links a{color:#65766f}

/* ---------- Spacing / alignment QA ---------- */
.hero-cta{gap:10px;margin-top:21px}
.tags{margin:11px 0 15px}
.product-body{padding:21px 22px 23px}
.trust-strip{gap:15px}
.contact-summary{gap:15px}
.policy-grid{gap:19px}
.about-intro{gap:30px}
.brand-principles{gap:15px}
.article-related-links{gap:13px}

/* Avoid one-off typography overriding the approved hierarchy */
.price-placeholder{
  font-size:18px;
  line-height:1.35;
  font-weight:620;
  color:var(--navy);
}

/* ---------- Tablet ---------- */
@media(max-width:980px){
  .section{padding:56px 0}
  .hero{padding:48px 0 42px}
  .section-head{
    align-items:flex-start;
    margin-bottom:24px;
  }
  .hero-grid{gap:34px}
  .article-shell{gap:30px}
}

/* ---------- Mobile ---------- */
@media(max-width:620px){
  body{line-height:1.64}
  .container{width:min(92vw,560px)}
  .hero{padding:38px 0 34px}
  .section{padding:46px 0}
  .section-head{
    gap:12px;
    margin-bottom:22px;
  }
  h1{line-height:1.13;letter-spacing:-.45px}
  h2{line-height:1.27;letter-spacing:-.18px}
  h3{line-height:1.38}
  .lead{line-height:1.62}
  .card{padding:20px}
  .hero-card{padding:12px}
  .hero-photo{padding:18px}
  .info-box{padding:16px}
  .quote{padding:25px 20px}
  .cta-band{padding:22px 19px}
  .article-body p{line-height:1.72}
  .article-body h2{margin-top:34px}
  .article-body h3{margin-top:24px}
  .eyebrow::after,
  .section-kicker::after{width:18px;margin-left:7px}
}


/* =========================================================
   v0.25 PM QA — component integrity fixes
   Restores missing intended component styling without
   changing structure, copy or functionality.
   ========================================================= */

/* Header QA: keep all nav labels on one line on desktop */
.brand{min-width:250px}
.nav-links{
  flex:1;
  justify-content:center;
  gap:16px;
}
.nav-links a{
  white-space:nowrap;
  flex:0 0 auto;
}
.actions{flex:0 0 auto}

/* Trust strip */
.trust-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}
.trust-item{
  min-width:0;
  padding:17px 18px;
  border:1px solid var(--beige-line);
  border-radius:16px;
  background:#fffdfa;
}
.trust-item b{
  display:block;
  color:var(--navy);
  font-size:15px;
  line-height:1.35;
  margin-bottom:5px;
  font-weight:620;
}
.trust-item span{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

/* Product catalog controls / brand band */
.brand-band{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:0 0 20px;
}
.brand-tile{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:17px 18px;
  border:1px solid var(--beige-line);
  border-radius:16px;
  background:#fffdfa;
}
.brand-tile > div{min-width:0}
.brand-tile strong{
  display:block;
  color:var(--navy);
  font-size:16px;
  line-height:1.3;
  margin-bottom:3px;
  font-weight:620;
}
.brand-tile span{
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
}
.brand-tile > span:last-child{
  color:var(--gold);
  font-size:17px;
  flex:0 0 auto;
}
.catalog-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 18px;
  margin-bottom:22px;
}
.filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.filter-chip{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--beige-line);
  border-radius:999px;
  background:#fffdfa;
  color:#536976;
  font-size:12px;
  line-height:1;
}
.filter-chip.active{
  color:#fff;
  background:var(--green-deep);
  border-color:var(--green-deep);
}
.catalog-note{
  color:var(--muted);
  font-size:12.5px;
}
.detail-topline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:9px;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 9px;
  border:1px solid rgba(173,144,84,.24);
  border-radius:999px;
  background:#f8f3e9;
  color:#5f665f;
  font-size:11.5px;
  line-height:1;
  font-weight:620;
}
.product-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px 14px;
  color:#71808d;
  font-size:12px;
  margin-bottom:10px;
}

/* Solution cards */
.solution-hero-card{
  border:1px solid var(--beige-line);
  border-radius:21px;
  background:#fffdfa;
  padding:22px;
}
.solution-hero-card .num{
  color:var(--green-deep);
  font-size:11.5px;
  font-weight:650;
  letter-spacing:.25px;
  margin-bottom:7px;
}
.solution-hero-card h3{margin-bottom:9px}
.solution-hero-card > p{
  color:var(--muted);
  line-height:1.62;
}
.solution-fit{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:16px;
}
.solution-fit .fit{
  min-width:0;
  padding:11px 10px;
  border:1px solid var(--beige-line);
  border-radius:12px;
  background:var(--cream);
}
.solution-fit .fit b{
  display:block;
  color:var(--navy);
  font-size:11px;
  line-height:1.3;
  margin-bottom:3px;
  font-weight:620;
}
.solution-fit .fit span{
  display:block;
  color:#65756f;
  font-size:11.5px;
  line-height:1.4;
}
.solution-hero-card .mini-cta{
  margin-top:15px;
  color:var(--navy);
  font-size:12.5px;
  font-weight:620;
}

/* Process line used by Installation / Warranty / Solutions */
.process-line{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.process-line::before{
  content:"";
  position:absolute;
  left:9%;
  right:9%;
  top:22px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-line),rgba(36,91,75,.30),var(--gold-line));
  z-index:0;
}
.process-node{
  position:relative;
  z-index:1;
  min-width:0;
  text-align:center;
}
.process-node .circle{
  width:44px;
  height:44px;
  margin:0 auto 13px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fffdfa;
  border:1px solid rgba(36,91,75,.38);
  color:var(--green-deep);
  font-size:13px;
  font-weight:650;
  box-shadow:0 0 0 7px #fffdfa;
}
.process-node h3{
  font-size:16px;
  margin-bottom:6px;
}
.process-node p{
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

/* Policy cards */
.policy-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:19px;
}
.policy-card{
  border:1px solid var(--beige-line);
  border-radius:20px;
  background:#fffdfa;
  padding:22px;
}
.policy-card h3{font-size:18px}
.policy-card p{color:var(--muted)}

/* About */
.about-intro{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:30px;
  align-items:stretch;
}
.about-panel{
  border:1px solid var(--beige-line);
  border-radius:21px;
  background:#fffdfa;
  padding:24px;
}
.about-panel .big{
  color:var(--navy);
  font-size:26px;
  line-height:1.24;
  font-weight:620;
  margin:8px 0 12px;
}
.about-panel p{color:var(--muted)}
.brand-principles{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
}
.brand-principle{
  min-width:0;
  padding:18px;
  border:1px solid var(--beige-line);
  border-radius:17px;
  background:#fffdfa;
}
.brand-principle b{
  display:block;
  color:var(--navy);
  margin-bottom:5px;
  font-size:14px;
  font-weight:620;
}
.brand-principle span{
  display:block;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.5;
}

/* Contact */
.contact-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-bottom:24px;
}
.summary-card{
  min-width:0;
  padding:16px 17px;
  border:1px solid var(--beige-line);
  border-radius:16px;
  background:#fffdfa;
}
.summary-card b{
  display:block;
  color:var(--navy);
  margin-bottom:4px;
  font-size:13.5px;
  font-weight:620;
}
.summary-card span{
  display:block;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.contact-option{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid rgba(228,217,202,.82);
}
.contact-option:last-of-type{border-bottom:0}
.contact-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:var(--cream-2);
  border:1px solid var(--beige-line);
  color:var(--navy);
  font-size:17px;
}
.contact-option strong{
  display:block;
  color:var(--navy);
  font-size:14px;
  font-weight:620;
  line-height:1.35;
}
.contact-option small{
  display:block;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}

/* Form polish */
.check input{
  flex:0 0 auto;
  margin-top:3px;
}
.form-shell .btn[style*="width:100%"]{
  min-height:44px;
}

/* Tablet integrity */
@media(max-width:980px){
  .brand{min-width:auto}
  .nav-links{justify-content:flex-start}
  .solution-fit{grid-template-columns:repeat(3,1fr)}
  .process-line{grid-template-columns:repeat(2,1fr);gap:24px 18px}
  .process-line::before{display:none}
  .policy-grid,
  .about-intro{grid-template-columns:1fr}
  .brand-principles,
  .contact-summary{grid-template-columns:repeat(2,1fr)}
  .brand-band{grid-template-columns:repeat(3,1fr)}
}

/* Mobile integrity */
@media(max-width:620px){
  .brand-band,
  .brand-principles,
  .contact-summary,
  .process-line,
  .policy-grid{grid-template-columns:1fr}
  .solution-fit{grid-template-columns:1fr}
  .catalog-toolbar{align-items:flex-start}
  .catalog-note{width:100%}
  .filter-row{gap:7px}
  .filter-chip{font-size:11.5px}
  .contact-option{padding:12px 0}
  .trust-item{padding:16px}
}


/* =========================================================
   v0.28 — Featured-first scope
   No redesign: product catalog control patch only.
   ========================================================= */
@media(min-width:981px){
  .brand-band{grid-template-columns:repeat(4,1fr)}
}
.notice small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  line-height:1.5;
}


/* =========================================================
   v0.29 — Production-readiness / privacy consent staging
   ========================================================= */
.check a{
  color:var(--navy);
  text-decoration:underline;
  text-underline-offset:2px;
}
.privacy-legal-ref{
  margin:8px 0 0 27px;
  color:#65756f;
  font-size:11.5px;
  line-height:1.5;
}
.legal-pending{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid var(--beige-line);
  border-radius:12px;
  background:var(--cream);
  color:#65756f;
  font-size:12px;
  line-height:1.5;
}
@media(max-width:620px){
  .privacy-legal-ref{
    margin-left:0;
    font-size:11px;
  }
}

/* v0.30 — Zalo OA pending legal activation */
a[data-zalo-cta="true"][aria-disabled="true"]{cursor:not-allowed}
.zalo-pending{opacity:.72;filter:saturate(.72)}
.zalo-pending:hover{transform:none!important;box-shadow:none!important}


/* =========================================================
   v0.31 — Visual imagery refinement
   Non-branded hero + subtle page-hero background treatment.
   No structure/copy/functionality redesign.
   ========================================================= */

.hero-photo{
  padding:0;
  background:#efe8de;
}
.hero-photo img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center 48%;
  transform:none;
  filter:saturate(.94) contrast(1.01) sepia(.018);
}
.hero-photo::before{
  inset:14px;
  z-index:2;
}
.hero-photo::after{
  z-index:3;
}

/* Subpage header visual layer: intentionally subtle, decorative only. */
.page-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,
      rgba(255,253,250,.985) 0%,
      rgba(251,247,239,.96) 56%,
      rgba(251,247,239,.88) 100%),
    url("assets/tpss-smartlock-bg-soft.jpg") right center/cover no-repeat;
}
.page-hero::after{
  content:"";
  position:absolute;
  right:4%;
  top:15%;
  width:110px;
  height:1px;
  z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(173,144,84,.42),transparent);
}

/* Keep long-form SEO article heroes cleaner than generic page heroes. */
.seo-article-hero{
  background:
    radial-gradient(circle at 88% 8%, rgba(173,144,84,.055), transparent 26%),
    linear-gradient(180deg,#fffdfa,var(--cream));
}

@media(max-width:620px){
  .page-hero::before{
    background:
      linear-gradient(90deg,
        rgba(255,253,250,.985) 0%,
        rgba(251,247,239,.965) 68%,
        rgba(251,247,239,.92) 100%),
      url("assets/tpss-smartlock-bg-soft.jpg") 78% center/cover no-repeat;
  }
  .page-hero::after{
    width:72px;
    right:6%;
  }
}


/* =========================================================
   v0.32 — Premium Visual Pass
   Strong visual hierarchy, technical advisory language,
   richer section rhythm. Business logic/content gates unchanged.
   ========================================================= */

:root{
  --cream-2:#f4eee4;
  --cream-3:#efe5d7;
  --forest:#0f4f42;
  --forest-2:#176a58;
  --gold:#ad9054;
  --gold-soft:rgba(173,144,84,.20);
  --deep:#102f33;
}

.premium-hero{
  position:relative;
  overflow:hidden;
  padding:54px 0 24px;
  background:
    radial-gradient(circle at 12% 15%,rgba(173,144,84,.10),transparent 28%),
    linear-gradient(90deg,#fbf8f2 0%,#f7f0e5 50%,#efe5d7 100%);
}
.premium-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:
    linear-gradient(rgba(15,79,66,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,79,66,.04) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);
}
.premium-hero-grid{
  position:relative;z-index:2;display:grid;grid-template-columns:.94fr 1.06fr;
  gap:44px;align-items:stretch;
}
.premium-hero-copy{padding:30px 0 10px;display:flex;flex-direction:column;justify-content:center}
.premium-hero h1{
  font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-1.9px;
  max-width:640px;margin:12px 0 18px;color:#102f33;
}
.premium-hero h1 span{color:var(--forest)}
.premium-hero .lead{max-width:650px;font-size:17px;color:#485e5c}
.premium-proof-line{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;color:var(--forest);font-weight:700;font-size:13px}
.premium-hotline{display:flex;align-items:center;gap:9px;margin-top:19px;color:#536a68;font-size:13px}
.premium-hotline a{font-size:21px;font-weight:820;color:var(--navy);letter-spacing:.4px}
.phone-dot{
  width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
  color:#fff;background:var(--forest);font-size:13px
}
.premium-hero-visual{
  min-height:520px;position:relative;border-radius:30px;overflow:hidden;
  box-shadow:0 28px 70px rgba(41,45,42,.16);border:1px solid rgba(255,255,255,.8);
  background:#2b2722;
}
.premium-hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.9) contrast(1.04)}
.premium-hero-visual:after{
  content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(6,31,28,.12),transparent 38%,rgba(12,32,28,.16)),
  linear-gradient(0deg,rgba(8,27,24,.2),transparent 34%);
  pointer-events:none
}
.hero-glass-label{
  position:absolute;right:24px;z-index:3;width:min(235px,42%);
  padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.hero-glass-label b{display:block;color:#173d38;font-size:13px}
.hero-glass-label span{display:block;color:#65736f;font-size:10px;line-height:1.35;margin-top:2px}
.hero-glass-label:before{
  content:"";position:absolute;right:100%;top:50%;width:54px;height:1px;background:rgba(255,255,255,.85)
}
.hero-glass-label-1{top:58px}
.hero-glass-label-2{top:152px}
.hero-glass-label-3{top:246px}
.hero-tech-caption{
  position:absolute;left:22px;bottom:20px;z-index:3;
  color:#fff;font-size:11px;letter-spacing:1.4px;font-weight:800;
  text-shadow:0 2px 12px rgba(0,0,0,.28)
}
.hero-tech-caption span{font-size:11px;font-weight:500;letter-spacing:.2px;color:rgba(255,255,255,.84)}
.premium-trust-row{
  position:relative;z-index:3;margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(169,157,138,.32);background:rgba(255,255,255,.72);backdrop-filter:blur(8px);
  border-radius:18px;overflow:hidden;
}
.premium-trust-item{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-right:1px solid rgba(169,157,138,.25)}
.premium-trust-item:last-child{border-right:0}
.trust-icon{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e9f4ef;color:var(--forest);font-weight:800}
.premium-trust-item b{display:block;color:#173d38;font-size:13px;margin-bottom:2px}
.premium-trust-item small{display:block;color:#687875;font-size:11px;line-height:1.45}
.premium-legal-card{position:relative;z-index:3;margin-top:14px;opacity:.88}
.premium-legal-card .legal-item{background:rgba(255,255,255,.72)}

.premium-section-head h2{color:#173d38}
.premium-start{padding-top:56px;padding-bottom:60px}
.premium-quick-paths .quick-path{
  position:relative;padding:22px 22px 24px;border-radius:22px;overflow:hidden;
  background:linear-gradient(145deg,#fff,#fbf8f2);border-color:#e4ddd2;
}
.premium-quick-paths .quick-path:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--forest),var(--gold))
}
.premium-quick-paths .quick-path i{position:absolute;right:18px;top:18px;font-style:normal;color:var(--forest);font-size:19px}

.premium-split{
  background:linear-gradient(180deg,#f7f2ea 0%,#fff 100%);position:relative;overflow:hidden
}
.premium-split:after{
  content:"";position:absolute;right:-120px;bottom:-170px;width:430px;height:430px;border-radius:50%;
  border:1px solid rgba(15,79,66,.12);box-shadow:0 0 0 42px rgba(15,79,66,.025),0 0 0 84px rgba(15,79,66,.018)
}
.premium-split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;position:relative;z-index:2}
.premium-split-intro p{max-width:560px;color:#61706e}
.technical-line-art{margin-top:26px;border-radius:22px;background:#102f33;padding:14px 18px;overflow:hidden}
.technical-line-art svg{width:100%;height:auto;display:block}
.technical-line-art path,.technical-line-art rect,.technical-line-art circle{stroke:#8cc8b5;fill:none;stroke-width:1.3}
.technical-line-art text{fill:#d8eee7;font-size:14px;font-weight:700;letter-spacing:2px}
.premium-value-stack{display:flex;flex-direction:column;gap:13px}
.premium-value-card{
  display:grid;grid-template-columns:58px 1fr;gap:15px;padding:21px 22px;border-radius:20px;background:#fff;
  border:1px solid #dfd9d0;box-shadow:0 10px 28px rgba(51,49,44,.055)
}
.premium-value-card>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e6f2ed;color:var(--forest);font-weight:850}
.premium-value-card h3{color:#173d38;margin-bottom:4px}
.premium-value-card p{margin:0;color:#687875}

.premium-solutions{background:#fff}
.solution-visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.solution-visual-card{
  min-height:320px;border-radius:22px;overflow:hidden;position:relative;border:1px solid #ddd6cc;
  display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 14px 32px rgba(47,43,36,.07)
}
.solution-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.solution-art:before{
  content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(255,255,255,.06),transparent 55%,rgba(10,35,32,.52))
}
.solution-visual-card.wood .solution-art{background:linear-gradient(135deg,#c8a783,#6f4c33)}
.solution-visual-card.aluminium .solution-art{background:linear-gradient(135deg,#cfd7d7,#607375)}
.solution-visual-card.steel .solution-art{background:linear-gradient(135deg,#a3a7aa,#444b50)}
.solution-visual-card.glass .solution-art{background:linear-gradient(135deg,#d8ece9,#6b8f8b)}
.door-shape{
  width:43%;height:70%;border:3px solid rgba(255,255,255,.75);border-radius:5px;position:relative;
  box-shadow:inset 0 0 0 8px rgba(255,255,255,.08),0 20px 40px rgba(0,0,0,.12)
}
.door-shape:before{content:"";position:absolute;right:10%;top:50%;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.82)}
.door-shape:after{content:"";position:absolute;left:22%;top:12%;bottom:12%;width:1px;background:rgba(255,255,255,.2)}
.solution-copy{position:relative;z-index:3;padding:18px;color:#fff}
.solution-copy b{display:block;font-size:17px;margin-bottom:4px}
.solution-copy span{display:block;font-size:12px;line-height:1.45;color:rgba(255,255,255,.85);min-height:36px}
.solution-copy i{position:absolute;right:18px;top:18px;font-style:normal;font-size:20px}

.premium-products{background:#f7f2ea}
.premium-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.premium-product-card{overflow:hidden;border-radius:24px;background:#fff;border:1px solid #ded7cd;box-shadow:0 14px 32px rgba(49,45,38,.06)}
.premium-product-visual{height:260px;overflow:hidden;background:#e8e1d7;position:relative}
.premium-product-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.98)}
.premium-product-visual.value img{object-position:42% 48%}
.premium-product-visual.core img{object-position:55% 47%;transform:scale(1.08)}
.premium-product-visual.premium img{object-position:65% 45%;transform:scale(1.16)}
.premium-product-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,38,34,.32))}
.premium-product-copy{padding:20px 21px 22px}
.product-kicker{font-size:10px;letter-spacing:1.8px;font-weight:850;color:var(--gold);margin-bottom:5px}
.premium-product-copy h3{color:#173d38}
.premium-product-copy p{color:#687875;min-height:52px}
.premium-product-copy a{font-size:13px;color:var(--forest);font-weight:760}
.premium-notice{margin-top:18px;background:rgba(255,255,255,.68);border-color:#cfc5b7}

.premium-process{background:#fff}
.premium-process-line{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #ded8ce;border-radius:22px;overflow:hidden;background:#fff
}
.premium-process-step{position:relative;padding:24px 22px;min-height:190px;border-right:1px solid #e2ddd5}
.premium-process-step:last-child{border-right:0}
.premium-process-step>span{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e4f1ec;color:var(--forest);font-weight:850;margin-bottom:20px
}
.premium-process-step:not(:last-child):after{
  content:"→";position:absolute;right:-10px;top:34px;z-index:2;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--gold);display:grid;place-items:center
}
.premium-process-step p{color:#6d7c79;font-size:13px}

.premium-evidence{background:linear-gradient(180deg,#f7f2ea,#fbfaf8)}
.premium-evidence-grid .evidence{border-color:#ded7cd;box-shadow:0 12px 28px rgba(58,52,43,.045)}
.premium-evidence-grid .evidence .label{color:var(--gold)}

.premium-advice{background:#fff}
.premium-advice-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;align-items:start}
.premium-advice-grid>div:first-child{position:sticky;top:150px}
.premium-advice-grid>div:first-child p{color:#687875}
.advice-stack{display:flex;flex-direction:column;gap:14px}
.advice-row{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:20px;border-radius:20px;background:#fbf8f2;border:1px solid #e3ddd4}
.advice-row>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#173d38;color:#fff;font-size:12px;font-weight:850}
.advice-row p{margin:0;color:#687875}

.premium-cta-strip{
  position:relative;overflow:hidden;padding:40px 0;color:#fff;
  background:
    linear-gradient(90deg,rgba(9,56,47,.96),rgba(15,79,66,.93)),
    url("assets/tpss-smartlock-bg-soft.jpg") right center/cover no-repeat;
}
.premium-cta-strip:after{
  content:"";position:absolute;right:-60px;top:-160px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(255,255,255,.16)
}
.premium-cta-strip-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.premium-cta-strip h2{color:#fff;margin-bottom:7px}
.premium-cta-strip p{color:rgba(255,255,255,.78)}
.premium-cta-strip .eyebrow{color:#bfe7d8}
.btn-light{background:#fff;color:#123d35;border-color:#fff}
.btn-light:hover{background:#f7f2ea}
.premium-quote{background:linear-gradient(135deg,#102f33,#0f4f42 62%,#163a73)}
.premium-quote .form-card{box-shadow:0 20px 45px rgba(0,0,0,.15)}

/* Global subpage richness without changing content structure. */
.page-hero{
  border-bottom:1px solid rgba(173,144,84,.18);
  padding-top:66px;padding-bottom:38px;
}
.page-hero .container{position:relative}
.page-hero .container:after{
  content:"TPSS / TECHNICAL ADVISORY";position:absolute;right:0;top:2px;
  font-size:9px;letter-spacing:2px;color:rgba(15,79,66,.42);font-weight:800
}
.card,.detail-panel,.trust-evidence .evidence,.step{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.card:hover,.detail-panel:hover,.trust-evidence .evidence:hover{
  transform:translateY(-2px);border-color:#d7cec0;box-shadow:0 14px 32px rgba(54,48,39,.07)
}
.section.soft{background:#f7f3ed}
.section.warm{background:#f4eee4}

@media(max-width:980px){
  .premium-hero-grid,.premium-split-grid,.premium-advice-grid{grid-template-columns:1fr}
  .premium-hero-copy{padding-top:8px}
  .premium-hero-visual{min-height:500px}
  .premium-trust-row{grid-template-columns:1fr}
  .premium-trust-item{border-right:0;border-bottom:1px solid rgba(169,157,138,.25)}
  .premium-trust-item:last-child{border-bottom:0}
  .solution-visual-grid{grid-template-columns:1fr 1fr}
  .premium-product-grid{grid-template-columns:1fr 1fr}
  .premium-process-line{grid-template-columns:1fr 1fr}
  .premium-process-step:nth-child(2){border-right:0}
  .premium-process-step{border-bottom:1px solid #e2ddd5}
  .premium-process-step:nth-child(3),.premium-process-step:nth-child(4){border-bottom:0}
  .premium-process-step:after{display:none!important}
  .premium-advice-grid>div:first-child{position:static}
  .premium-cta-strip-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .premium-hero{padding-top:34px}
  .premium-hero h1{font-size:39px}
  .premium-proof-line{gap:8px 12px}
  .premium-hotline{flex-wrap:wrap}
  .premium-hero-visual{min-height:430px;border-radius:22px}
  .hero-glass-label{right:12px;width:48%;padding:9px 10px}
  .hero-glass-label:before{width:28px}
  .hero-glass-label-1{top:38px}
  .hero-glass-label-2{top:121px}
  .hero-glass-label-3{top:204px}
  .solution-visual-grid,.premium-product-grid,.premium-process-line{grid-template-columns:1fr}
  .premium-process-step{border-right:0!important;border-bottom:1px solid #e2ddd5!important}
  .premium-process-step:last-child{border-bottom:0!important}
  .premium-product-visual{height:230px}
  .premium-cta-strip{padding:32px 0}
  .page-hero .container:after{display:none}
}


/* =========================================================
   v0.33 — Content-Matched Visual Pass
   Rule: content → visual. No repeated generic lock background.
   ========================================================= */

.visual-v033{
  background:#fff;
}
.visual-v033 .section.rhythm-white{background:#fff!important}
.visual-v033 .section.rhythm-warm{background:#f6f0e7!important}
.visual-v033 .section.rhythm-tint{
  background:
    radial-gradient(circle at 92% 10%,rgba(15,79,66,.07),transparent 24%),
    linear-gradient(180deg,#f1f6f3,#fbfaf7)!important;
}
.visual-v033 .section{
  border-top:1px solid rgba(173,144,84,.10);
}

/* Remove the old one-size-fits-all blurred lock background from generic page heroes. */
.visual-v033 .page-hero::before{
  background:
    radial-gradient(circle at 12% 12%,rgba(173,144,84,.09),transparent 28%),
    linear-gradient(120deg,#fbf8f2 0%,#f5eee4 100%)!important;
}
.visual-v033 .page-hero::after{display:none!important}

.page-hero-rich-v033{
  padding:46px 0 42px!important;
  min-height:390px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.page-hero-grid-v033{
  display:grid!important;
  grid-template-columns:.92fr 1.08fr;
  gap:42px;
  align-items:center;
}
.page-hero-copy-v033{position:relative;z-index:2}
.page-hero-copy-v033 .eyebrow{margin-bottom:10px}
.page-hero-copy-v033 h1{
  max-width:620px;
  font-size:clamp(36px,4.3vw,54px);
  line-height:1.04;
  letter-spacing:-1.35px;
  color:#113a36;
  margin-bottom:15px;
}
.page-hero-copy-v033 .lead{max-width:650px;color:#566c69;font-size:16px}
.page-hero-copy-v033 .legal-strip{margin-top:20px}

.page-hero-visual-v033{
  min-height:300px;
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(154,142,124,.28);
  box-shadow:0 24px 58px rgba(43,45,40,.12);
  background:#173d38;
}
.page-hero-visual-v033>img{
  width:100%;
  height:100%;
  min-height:300px;
  display:block;
  object-fit:cover;
  filter:saturate(.92) contrast(1.02);
}
.page-hero-visual-v033:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(5,31,27,.48));
  pointer-events:none;
}
.hero-v033-badge{
  position:absolute;left:20px;right:20px;bottom:18px;z-index:3;
  padding:13px 15px;border-radius:14px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.75);
}
.hero-v033-badge strong{
  display:block;font-size:10px;letter-spacing:1.65px;color:#8a713d;margin-bottom:3px
}
.hero-v033-badge span{display:block;font-size:12px;line-height:1.4;color:#405b57}

/* Products = denser, editorial product feel */
.page-products .page-hero-rich-v033{
  background:linear-gradient(120deg,#f8f3ea,#eef4f1)!important;
}
.page-products .page-hero-visual-v033{
  border-radius:20px;
}
.page-products .catalog-grid .product-card,
.page-products .product-card{
  background:#fff;
  box-shadow:0 12px 26px rgba(43,45,40,.06);
}

/* Solutions = architectural / door-first */
.page-solutions .page-hero-rich-v033{
  background:linear-gradient(120deg,#f8f3ea,#f2eee7)!important;
}
.page-solutions .page-hero-visual-v033{
  border-radius:12px 28px 28px 12px;
}

/* Installation = technical / workshop feel */
.page-installation .page-hero-rich-v033{
  background:
    linear-gradient(90deg,rgba(255,255,255,.98),rgba(240,247,244,.96)),
    repeating-linear-gradient(90deg,transparent 0 39px,rgba(15,79,66,.04) 40px)!important;
}
.page-installation .page-hero-visual-v033{
  border-radius:18px;
  border-color:rgba(15,79,66,.24);
}
.page-installation .step,
.page-installation .card{
  border-left:3px solid rgba(15,79,66,.16);
}

/* Warranty = service console, intentionally no generic lock photo */
.hero-kind-service{
  background:
    radial-gradient(circle at 85% 18%,rgba(158,240,200,.12),transparent 25%),
    linear-gradient(135deg,#102f33,#0f4f42);
  display:grid;place-items:center;padding:28px;
}
.hero-kind-service:after{display:none}
.service-console{width:100%;max-width:520px;color:#fff}
.service-shield{
  width:70px;height:70px;border-radius:22px;display:grid;place-items:center;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
  font-size:28px;font-weight:900;margin-bottom:18px
}
.service-console>strong{font-size:26px;display:block;margin-bottom:18px}
.service-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}
.service-flow span{
  padding:10px 7px;border-radius:10px;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:.7px;text-align:center
}
.service-console small{color:rgba(255,255,255,.72);line-height:1.5}

/* About = architecture + values */
.page-about .page-hero-visual-v033>img{object-position:center 58%}
.page-about .about-panel:nth-child(2){
  background:linear-gradient(135deg,#123d35,#184f45)!important;color:#fff
}
.page-about .about-panel:nth-child(2) h2,
.page-about .about-panel:nth-child(2) p{color:#fff}

/* Contact = communication console, no irrelevant lock image */
.hero-kind-contact{
  background:
    radial-gradient(circle at 82% 12%,rgba(173,144,84,.18),transparent 28%),
    linear-gradient(135deg,#102f33,#173a73);
  display:grid;place-items:center;padding:30px;
}
.hero-kind-contact:after{display:none}
.contact-console{width:100%;max-width:520px;color:#fff}
.console-kicker{font-size:10px;letter-spacing:1.8px;color:#bfe7d8;font-weight:800;margin-bottom:14px}
.console-phone{display:block;color:#fff;font-size:38px;line-height:1;font-weight:850;letter-spacing:.5px;margin-bottom:12px}
.console-email{font-size:15px;color:rgba(255,255,255,.88);margin-bottom:14px}
.console-zalo-pending{
  display:inline-block;padding:8px 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);
  font-size:10px;letter-spacing:.7px;margin-bottom:18px
}
.contact-console small{display:block;color:rgba(255,255,255,.70);line-height:1.5}

/* Legal = privacy/security abstract console, no product photo */
.hero-kind-legal{
  background:
    linear-gradient(135deg,#0d2d31,#143d4a);
  display:grid;place-items:center;padding:30px;
}
.hero-kind-legal:after{display:none}
.legal-console{color:#fff;width:100%;max-width:520px;position:relative}
.legal-shield{
  width:82px;height:82px;border-radius:24px 24px 34px 34px;
  display:grid;place-items:center;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);font-size:31px;font-weight:900;margin-bottom:17px
}
.legal-console>strong{display:block;font-size:25px;margin-bottom:10px}
.legal-ref-mini{
  padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.13);font-size:11px;letter-spacing:.4px;margin-bottom:15px
}
.legal-console small{color:rgba(255,255,255,.68);line-height:1.5}

/* Product detail = product-focused rather than generic page */
.page-product-detail .detail-shell{align-items:start}
.page-product-detail .product-visual{
  background:linear-gradient(145deg,#f2eee7,#e7eee9);
  border:1px solid #d8d1c7;
}
.page-product-detail .product-visual img{object-fit:cover!important}

/* Homepage real contextual image cards */
.page-home .solution-art>img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.90) contrast(1.01)
}
.page-home .solution-art:before{z-index:1}
.page-home .solution-copy{z-index:2}
.page-home .premium-product-visual img{
  width:100%;height:100%;object-fit:cover!important;transform:none!important;
  filter:saturate(.90) contrast(1.01)
}

/* SEO: editorial variation instead of repeated product photo */
.seo-hero-v033{
  position:relative;
  background:
    linear-gradient(90deg,#fbf8f2,#f0f6f3)!important;
  border-bottom:1px solid rgba(15,79,66,.10)
}
.seo-hero-v033:before{
  content:"";position:absolute;right:6%;top:18%;width:180px;height:180px;border-radius:50%;
  border:1px solid rgba(15,79,66,.13);
  box-shadow:0 0 0 28px rgba(15,79,66,.025),0 0 0 56px rgba(173,144,84,.018)
}
.seo-visual-stamp{
  display:inline-block;margin-top:20px;padding:7px 10px;border-radius:999px;
  border:1px solid rgba(15,79,66,.16);font-size:9px;letter-spacing:1.4px;color:#52716b;font-weight:800
}

/* Mobile */
@media(max-width:920px){
  .page-hero-grid-v033{grid-template-columns:1fr}
  .page-hero-visual-v033{min-height:260px}
  .page-hero-visual-v033>img{min-height:260px}
}
@media(max-width:620px){
  .page-hero-rich-v033{padding:34px 0!important;min-height:0}
  .page-hero-copy-v033 h1{font-size:36px}
  .page-hero-grid-v033{gap:24px}
  .page-hero-visual-v033{border-radius:18px!important}
  .service-flow{grid-template-columns:1fr 1fr}
  .console-phone{font-size:31px}
}

/* =========================================================
   v0.34 — Premium Harmony & Image Integrity Pass
   Scope: visual hierarchy, typography, spacing, image containment,
   responsive polish. Commercial/legal/business copy is unchanged.
   ========================================================= */

:root{
  --v34-ink:#17312f;
  --v34-text:#334b48;
  --v34-muted:#647470;
  --v34-navy:#143c70;
  --v34-navy-2:#0e315f;
  --v34-forest:#104d42;
  --v34-forest-2:#176659;
  --v34-gold:#9a7a3e;
  --v34-warm:#f7f2e9;
  --v34-warm-2:#fbf8f3;
  --v34-tint:#f1f6f3;
  --v34-line:#ded9d0;
  --v34-line-cool:#dce5e3;
  --v34-shadow:0 18px 46px rgba(18,49,45,.075);
  --v34-shadow-strong:0 28px 68px rgba(18,49,45,.13);
  --v34-radius:20px;
}

html{font-size:16px}
body.visual-v034{
  color:var(--v34-text);
  font-family:Inter,"SF Pro Text","SF Pro Display","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.66;
  font-weight:400;
  letter-spacing:-.005em;
  background:#fff;
  text-rendering:optimizeLegibility;
}
.visual-v034 .container{width:min(1180px,92vw)}
.visual-v034 img{max-width:100%;height:auto}
.visual-v034 p{color:var(--v34-text)}
.visual-v034 .muted,
.visual-v034 .section-head>p,
.visual-v034 .lead{color:var(--v34-muted)}

/* Header: tighter, more deliberate proportions */
.visual-v034 header{
  background:rgba(255,255,255,.965);
  border-bottom:1px solid rgba(218,222,218,.88);
  box-shadow:0 1px 0 rgba(20,60,112,.015);
}
.visual-v034 .prelaunch{
  padding:5px 12px;
  background:#f5f7f8;
  color:#6b7a87;
  border-bottom:1px solid #e4e9ec;
  font-size:10.5px;
  letter-spacing:.055em;
}
.visual-v034 .nav{height:86px;gap:24px}
.visual-v034 .brand{min-width:220px}
.visual-v034 .brand img{height:64px;max-width:176px;object-fit:contain}
.visual-v034 .nav-links{
  gap:22px;
  font-size:13.5px;
  font-weight:600;
  color:#405955;
  letter-spacing:.005em;
}
.visual-v034 .nav-links a{position:relative;padding:32px 0}
.visual-v034 .nav-links a:after{
  content:"";position:absolute;left:50%;right:50%;bottom:23px;height:1.5px;
  background:var(--v34-forest);transition:.22s ease;
}
.visual-v034 .nav-links a:hover:after,
.visual-v034 .nav-links a.active:after{left:0;right:0}
.visual-v034 .actions{gap:9px}
.visual-v034 .btn{
  min-height:44px;padding:10px 18px;
  font-size:13px;font-weight:700;letter-spacing:.005em;
  border-width:1px;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.visual-v034 .btn:hover{transform:translateY(-1px)}
.visual-v034 .btn-primary{
  background:linear-gradient(135deg,var(--v34-navy),var(--v34-navy-2));
  box-shadow:0 8px 20px rgba(20,60,112,.14)
}
.visual-v034 .btn-secondary{border-color:#d7d4cd;color:var(--v34-navy);background:#fff}

/* Type hierarchy: stronger weight, higher contrast, fewer tiny labels */
.visual-v034 h1,.visual-v034 h2,.visual-v034 h3,.visual-v034 h4{
  color:var(--v34-ink);
  text-wrap:balance;
}
.visual-v034 h1{font-weight:720;letter-spacing:-.035em}
.visual-v034 h2{font-size:clamp(28px,3vw,38px);line-height:1.13;font-weight:690;letter-spacing:-.026em}
.visual-v034 h3{font-size:18px;line-height:1.28;font-weight:680;letter-spacing:-.014em}
.visual-v034 .eyebrow,
.visual-v034 .section-kicker,
.visual-v034 .num{
  color:var(--v34-forest);
  font-size:11.5px;
  line-height:1.25;
  font-weight:760;
  letter-spacing:.075em;
}
.visual-v034 .eyebrow:after,
.visual-v034 .section-kicker:after{opacity:.75}
.visual-v034 small{font-size:12px;line-height:1.55}

/* Global spacing + surface rhythm */
.visual-v034 .section{padding-top:72px;padding-bottom:72px;border-top:1px solid rgba(154,122,62,.075)}
.visual-v034 .section[style*="padding-top:34px"],
.visual-v034 .section[style*="padding-top:38px"]{padding-top:58px!important}
.visual-v034 .section.rhythm-white{background:#fff!important}
.visual-v034 .section.rhythm-warm,
.visual-v034 .section.soft.rhythm-warm{background:var(--v34-warm)!important}
.visual-v034 .section.rhythm-tint{background:linear-gradient(180deg,#f2f7f4,#fbfaf7)!important}
.visual-v034 .section-head{margin-bottom:34px;gap:34px;align-items:end}
.visual-v034 .section-head>p{font-size:15px;max-width:520px;line-height:1.65}

/* Cards: reduce beige outlines and add quiet depth */
.visual-v034 .card,
.visual-v034 .detail-panel,
.visual-v034 .policy-card,
.visual-v034 .solution-hero-card,
.visual-v034 .about-panel,
.visual-v034 .quick-path,
.visual-v034 .premium-value-card,
.visual-v034 .brand-tile,
.visual-v034 .rule,
.visual-v034 .form-card{
  border-color:var(--v34-line)!important;
  box-shadow:var(--v34-shadow);
}
.visual-v034 .card,
.visual-v034 .policy-card,
.visual-v034 .solution-hero-card,
.visual-v034 .about-panel{border-radius:var(--v34-radius)}
.visual-v034 .card:hover,
.visual-v034 .solution-hero-card:hover,
.visual-v034 .brand-tile:hover{box-shadow:0 22px 52px rgba(18,49,45,.105);transform:translateY(-2px)}
.visual-v034 .card p,
.visual-v034 .solution-hero-card p,
.visual-v034 .policy-card p{color:#556966}

/* Home hero */
.visual-v034 .premium-hero{
  padding:62px 0 30px;
  background:
    radial-gradient(circle at 12% 13%,rgba(154,122,62,.08),transparent 28%),
    linear-gradient(105deg,#fbf9f5 0%,#f6f0e7 56%,#edf4f1 100%);
}
.visual-v034 .premium-hero:before{opacity:.18;background-size:56px 56px}
.visual-v034 .premium-hero-grid{grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.visual-v034 .premium-hero-copy{padding:18px 0 8px}
.visual-v034 .premium-hero h1{
  font-size:clamp(48px,5.4vw,70px);line-height:.99;max-width:650px;
  margin:12px 0 20px;color:var(--v34-ink)
}
.visual-v034 .premium-hero .lead{font-size:17px;line-height:1.68;max-width:620px;color:#526562}
.visual-v034 .premium-proof-line{font-size:12.5px;gap:20px;color:var(--v34-forest)}
.visual-v034 .premium-hotline{font-size:13px;margin-top:20px}
.visual-v034 .premium-hotline a{font-size:20px;color:var(--v34-navy)}
.visual-v034 .premium-hero-visual{
  min-height:0;aspect-ratio:4/5;max-height:650px;border-radius:26px;
  box-shadow:var(--v34-shadow-strong);border:1px solid rgba(255,255,255,.84)
}
.visual-v034 .premium-hero-visual>img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;
  filter:saturate(.96) contrast(1.045)
}
.visual-v034 .hero-glass-label{right:22px;width:min(244px,46%);padding:12px 14px;border-radius:12px}
.visual-v034 .hero-glass-label b{font-size:12.5px}
.visual-v034 .hero-glass-label span{font-size:10.5px;color:#596b67}
.visual-v034 .hero-tech-caption{font-size:10.5px}
.visual-v034 .premium-trust-row{margin-top:28px;border-radius:16px;background:rgba(255,255,255,.82)}
.visual-v034 .premium-trust-item{padding:17px 18px}
.visual-v034 .premium-trust-item b{font-size:13px}
.visual-v034 .premium-trust-item small{font-size:11.5px;color:#647570}

/* Subpage heroes: fixed aspect ratio prevents stretch/overflow */
.visual-v034 .page-hero-rich-v033{
  min-height:0;padding:64px 0 60px!important;
  background:linear-gradient(110deg,#fbf9f5,#f4eee5 60%,#edf4f1)!important;
}
.visual-v034 .page-hero-grid-v033{grid-template-columns:.9fr 1.1fr;gap:56px}
.visual-v034 .page-hero-copy-v033 h1{
  font-size:clamp(42px,4.6vw,58px);line-height:1.02;letter-spacing:-.036em;
  font-weight:720;color:var(--v34-ink);margin:12px 0 18px
}
.visual-v034 .page-hero-copy-v033 .lead{font-size:16px;line-height:1.7;color:#566966}
.visual-v034 .page-hero-visual-v033.hero-kind-image{
  min-height:0;aspect-ratio:16/9;border-radius:22px!important;
  background:#e9eeeb;border:1px solid rgba(30,75,65,.16);box-shadow:var(--v34-shadow-strong)
}
.visual-v034 .page-hero-visual-v033.hero-kind-image>img{
  position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;
  filter:saturate(.96) contrast(1.045)
}
.visual-v034 .page-hero-visual-v033.hero-kind-image:after{
  background:linear-gradient(180deg,transparent 55%,rgba(8,34,30,.26))
}
.visual-v034 .hero-v033-badge{
  left:18px;right:18px;bottom:16px;padding:12px 14px;border-radius:12px;
  background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(11,36,31,.1)
}
.visual-v034 .hero-v033-badge strong{font-size:10.5px;color:var(--v34-gold);letter-spacing:.13em}
.visual-v034 .hero-v033-badge span{font-size:12.5px;color:#475d59}
.visual-v034 .hero-kind-service,
.visual-v034 .hero-kind-contact,
.visual-v034 .hero-kind-legal{min-height:320px;border-radius:22px!important;box-shadow:var(--v34-shadow-strong)}
.visual-v034 .console-phone{font-size:40px;letter-spacing:-.01em}
.visual-v034 .service-console>strong,
.visual-v034 .legal-console>strong{font-weight:720}

/* Product page: crisp technical placeholders instead of low-res pseudo photography */
.visual-v034 .brand-band{gap:14px;margin-bottom:22px}
.visual-v034 .brand-tile{border-radius:15px;padding:17px 18px;background:#fff;box-shadow:none}
.visual-v034 .brand-tile strong{font-size:15px;color:var(--v34-navy)}
.visual-v034 .brand-tile span{font-size:11.5px;color:#6c7a76}
.visual-v034 .catalog-toolbar{margin-bottom:24px}
.visual-v034 .filter-chip{min-height:34px;display:inline-flex;align-items:center;padding:6px 12px;font-size:12px}
.visual-v034 .product-card{overflow:hidden;border-radius:20px!important}
.visual-v034 .product-card .product-visual{
  position:relative;height:220px;overflow:hidden;
  display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;
  padding:22px;color:#5e706c;font-size:12px;line-height:1.45;font-weight:600;
  background:
    radial-gradient(circle at 72% 36%,rgba(23,102,89,.10),transparent 23%),
    linear-gradient(135deg,#fbf8f2,#edf4f1);
  border-bottom:1px solid #e5e1d9;
}
.visual-v034 .product-card .product-visual:before{
  content:"";position:absolute;width:56px;height:144px;right:34px;top:27px;border:2px solid rgba(16,77,66,.44);
  border-radius:15px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.38),0 10px 26px rgba(16,77,66,.09)
}
.visual-v034 .product-card .product-visual:after{
  content:"";position:absolute;width:10px;height:10px;border:2px solid rgba(20,60,112,.56);border-radius:50%;right:55px;top:83px;
  box-shadow:0 28px 0 -3px rgba(20,60,112,.55)
}
.visual-v034 .product-body{padding:22px 22px 24px}
.visual-v034 .product-card h3{font-size:18px;margin-top:12px}
.visual-v034 .product-card p{font-size:14px;min-height:48px}
.visual-v034 .product-meta{font-size:11.5px;color:#788783}
.visual-v034 .price-placeholder{font-size:16px;font-weight:700;color:var(--v34-navy)}
.visual-v034 .product-card .card-actions{gap:9px}
.visual-v034 .product-card .card-actions .btn{min-height:42px;font-size:12px}

/* Real imagery: strict containment and cleaner grade */
.visual-v034 .solution-visual-card{min-height:330px;border-radius:20px;box-shadow:var(--v34-shadow)}
.visual-v034 .solution-art>img,
.visual-v034 .premium-product-visual img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover!important;
  object-position:center!important;transform:none!important;filter:saturate(.96) contrast(1.045)!important
}
.visual-v034 .solution-art:before{background:linear-gradient(180deg,rgba(7,27,24,.02),transparent 42%,rgba(8,31,28,.62))}
.visual-v034 .solution-copy{padding:18px 18px 17px}
.visual-v034 .solution-copy b{font-size:16px}
.visual-v034 .solution-copy span{font-size:12.5px;line-height:1.48}
.visual-v034 .premium-product-visual{height:auto;aspect-ratio:16/10;background:#edf1ee}
.visual-v034 .premium-product-card{border-radius:20px;box-shadow:var(--v34-shadow);border-color:var(--v34-line)}
.visual-v034 .premium-product-copy{padding:22px 22px 24px}
.visual-v034 .premium-product-copy p{font-size:14px;min-height:0}

/* Process components */
.visual-v034 .process-line{gap:18px}
.visual-v034 .process-node .circle{width:44px;height:44px;font-weight:750;border-color:#b9c8c3;background:#fff;box-shadow:0 7px 18px rgba(18,49,45,.07)}
.visual-v034 .process-node h3{font-size:15px;margin-top:12px}
.visual-v034 .process-node p{font-size:12.5px;color:#687975}
.visual-v034 .policy-grid{gap:20px}
.visual-v034 .policy-card{padding:26px;background:#fff}
.visual-v034 .notice{border-color:#d9d2c7;background:#fbf8f3;color:#5b6b67}

/* Forms: stronger legibility and consistent controls */
.visual-v034 label{font-size:12.5px;font-weight:650;color:#405653}
.visual-v034 input,
.visual-v034 select,
.visual-v034 textarea{
  min-height:46px;border-radius:11px;border-color:#d5d5cf;background:#fff;
  color:#243b38;font-size:14px;box-shadow:inset 0 1px 0 rgba(0,0,0,.015)
}
.visual-v034 textarea{min-height:112px}
.visual-v034 input:focus,
.visual-v034 select:focus,
.visual-v034 textarea:focus{outline:3px solid rgba(23,102,89,.10);border-color:#8db1a7}

/* Footer: lift contrast + text size */
.visual-v034 .footer{
  padding:58px 0 26px;background:#f6f1e8;border-top:1px solid #ddd6ca;color:#4d625e
}
.visual-v034 .footer-grid{gap:42px}
.visual-v034 .footer-brand img{height:62px;max-width:170px}
.visual-v034 .footer h4{font-size:14px;color:var(--v34-navy);font-weight:720}
.visual-v034 .footer a{font-size:12.5px;color:#596f6a;margin:8px 0}
.visual-v034 .footer p{font-size:13.5px;line-height:1.65;color:#4d625e}
.visual-v034 .footer-slogan{font-size:12.5px;color:var(--v34-forest);font-weight:700}
.visual-v034 .footer-bottom{font-size:11.5px;color:#6f7d79;border-top-color:#d7d0c5;margin-top:32px;padding-top:18px}
.visual-v034 .legal-strip{font-size:11.5px;line-height:1.6;border-radius:12px;border-color:#d6ddd9;background:rgba(255,255,255,.72)}

/* Motion stays restrained */
@media (prefers-reduced-motion:no-preference){
  .visual-v034 .solution-visual-card,
  .visual-v034 .premium-product-card,
  .visual-v034 .card{transition:transform .22s ease,box-shadow .22s ease}
}

@media(max-width:1100px){
  .visual-v034 .brand{min-width:175px}
  .visual-v034 .nav-links{gap:14px;font-size:12.5px}
  .visual-v034 .actions .btn{padding-left:14px;padding-right:14px}
}

@media(max-width:920px){
  .visual-v034 .nav{height:78px}
  .visual-v034 .brand{min-width:0}
  .visual-v034 .brand img{height:56px;max-width:150px}
  .visual-v034 .nav-links{top:78px!important;padding:18px 5vw;background:rgba(255,255,255,.985)}
  .visual-v034 .nav-links a{padding:7px 0}
  .visual-v034 .premium-hero{padding-top:42px}
  .visual-v034 .premium-hero-grid,
  .visual-v034 .page-hero-grid-v033{grid-template-columns:1fr;gap:34px}
  .visual-v034 .premium-hero-visual{aspect-ratio:5/4;max-height:none;min-height:0}
  .visual-v034 .page-hero-rich-v033{padding:46px 0!important}
  .visual-v034 .page-hero-visual-v033.hero-kind-image{aspect-ratio:16/9}
  .visual-v034 .section{padding-top:58px;padding-bottom:58px}
  .visual-v034 .section[style*="padding-top:34px"],
  .visual-v034 .section[style*="padding-top:38px"]{padding-top:48px!important}
}

@media(max-width:620px){
  body.visual-v034{font-size:15.5px;line-height:1.64}
  .visual-v034 .container{width:min(92vw,560px)}
  .visual-v034 .prelaunch{font-size:9.5px}
  .visual-v034 .premium-hero h1{font-size:42px;letter-spacing:-.04em}
  .visual-v034 .premium-hero .lead{font-size:15.5px}
  .visual-v034 .page-hero-copy-v033 h1{font-size:39px}
  .visual-v034 .page-hero-copy-v033 .lead{font-size:15px}
  .visual-v034 h2{font-size:29px}
  .visual-v034 h3{font-size:17px}
  .visual-v034 .section{padding-top:48px;padding-bottom:48px}
  .visual-v034 .section-head{margin-bottom:26px;gap:14px}
  .visual-v034 .premium-hero-visual{aspect-ratio:4/5;border-radius:20px}
  .visual-v034 .hero-glass-label{display:none}
  .visual-v034 .premium-trust-row{grid-template-columns:1fr}
  .visual-v034 .premium-trust-item{border-right:0;border-bottom:1px solid rgba(169,157,138,.22)}
  .visual-v034 .premium-trust-item:last-child{border-bottom:0}
  .visual-v034 .page-hero-visual-v033.hero-kind-image{aspect-ratio:4/3;border-radius:18px!important}
  .visual-v034 .hero-kind-service,
  .visual-v034 .hero-kind-contact,
  .visual-v034 .hero-kind-legal{min-height:290px;padding:22px}
  .visual-v034 .console-phone{font-size:31px}
  .visual-v034 .product-card .product-visual{height:190px}
  .visual-v034 .solution-visual-card{min-height:285px}
  .visual-v034 .footer{padding-top:46px}
  .visual-v034 .footer-grid{gap:30px}
}

/* =========================================================
   v0.35 — Luxe Clarity Refresh
   Scope: brighter contrast, lighter heading weight, sharper imagery,
   cleaner premium rhythm after user review.
   ========================================================= */

:root{
  --v35-ink:#183546;
  --v35-title:#123448;
  --v35-text:#3b5363;
  --v35-muted:#6a7f8e;
  --v35-navy:#173f7a;
  --v35-navy-2:#0f3162;
  --v35-teal:#1b6c62;
  --v35-teal-soft:#edf7f4;
  --v35-warm:#fbf7f0;
  --v35-warm-2:#f7f0e5;
  --v35-line:#d9e2e8;
  --v35-line-warm:#e3ddd2;
  --v35-shadow:0 18px 42px rgba(17,44,74,.07);
  --v35-shadow-strong:0 28px 62px rgba(17,44,74,.12);
  --v35-radius:22px;
}

body.visual-v035{
  color:var(--v35-text);
  background:#ffffff;
}
.visual-v035 .prelaunch{
  background:#f7fafc;
  color:#708291;
  border-bottom:1px solid #e6edf2;
}
.visual-v035 header{
  background:rgba(255,255,255,.97);
  border-bottom:1px solid rgba(220,228,234,.95);
  box-shadow:0 1px 0 rgba(17,44,74,.03);
}
.visual-v035 .nav{height:84px}
.visual-v035 .brand img{height:60px;max-width:170px}
.visual-v035 .nav-links{color:#4f6676;font-weight:560;gap:20px}
.visual-v035 .nav-links a{padding:30px 0}
.visual-v035 [aria-current="page"],
.visual-v035 .nav-links a:hover{color:var(--v35-title)}
.visual-v035 .nav-links a:after{
  background:var(--v35-navy);
  bottom:22px;
  height:2px;
}
.visual-v035 .actions{gap:10px}
.visual-v035 .btn{
  min-height:44px;
  padding:10px 18px;
  font-size:13px;
  font-weight:650;
  letter-spacing:0;
  border-radius:999px;
}
.visual-v035 .btn-primary{
  background:linear-gradient(135deg,var(--v35-navy),var(--v35-navy-2));
  color:#fff;
  box-shadow:0 10px 24px rgba(20,58,114,.15);
}
.visual-v035 .btn-secondary{
  background:#fff;
  color:var(--v35-navy);
  border-color:#d2dce5;
}
.visual-v035 .btn-light{
  background:#fff;
  color:var(--v35-navy);
  border:1px solid #d2dce5;
}

/* Typography: lighter than v0.34 and clearer contrast */
.visual-v035 h1,
.visual-v035 h2,
.visual-v035 h3,
.visual-v035 h4{color:var(--v35-title);text-wrap:balance}
.visual-v035 h1{font-weight:660;letter-spacing:-.035em}
.visual-v035 h2{font-size:clamp(28px,3vw,38px);line-height:1.12;font-weight:620;letter-spacing:-.024em}
.visual-v035 h3{font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.012em}
.visual-v035 p,
.visual-v035 li,
.visual-v035 .lead,
.visual-v035 .section-head>p,
.visual-v035 .card p,
.visual-v035 .solution-hero-card p,
.visual-v035 .policy-card p,
.visual-v035 .product-card p,
.visual-v035 .premium-product-copy p{color:var(--v35-text)}
.visual-v035 .eyebrow,
.visual-v035 .section-kicker,
.visual-v035 .num{color:var(--v35-teal);font-weight:700;font-size:11.5px;letter-spacing:.075em}
.visual-v035 small,
.visual-v035 .product-meta,
.visual-v035 .field-hint,
.visual-v035 .hero-actions-note,
.visual-v035 .footer-bottom{color:var(--v35-muted)}

/* Surfaces */
.visual-v035 .section{
  padding-top:74px;
  padding-bottom:74px;
  border-top:1px solid rgba(17,44,74,.05);
}
.visual-v035 .section-head{margin-bottom:34px;gap:30px;align-items:end}
.visual-v035 .section.rhythm-warm,
.visual-v035 .section.soft.rhythm-warm{background:var(--v35-warm)!important}
.visual-v035 .section.rhythm-tint{background:linear-gradient(180deg,#f8fbfd,#fdfcf9)!important}
.visual-v035 .quick-path,
.visual-v035 .card,
.visual-v035 .detail-panel,
.visual-v035 .policy-card,
.visual-v035 .solution-hero-card,
.visual-v035 .about-panel,
.visual-v035 .premium-value-card,
.visual-v035 .brand-tile,
.visual-v035 .rule,
.visual-v035 .form-card,
.visual-v035 .product-card,
.visual-v035 .premium-product-card,
.visual-v035 .solution-visual-card,
.visual-v035 .service-flow-card,
.visual-v035 .contact-card,
.visual-v035 .contact-option,
.visual-v035 .legal-card{
  border-color:var(--v35-line)!important;
  box-shadow:var(--v35-shadow);
  border-radius:var(--v35-radius);
}
.visual-v035 .card:hover,
.visual-v035 .product-card:hover,
.visual-v035 .premium-product-card:hover,
.visual-v035 .solution-visual-card:hover,
.visual-v035 .brand-tile:hover,
.visual-v035 .quick-path:hover{box-shadow:var(--v35-shadow-strong);transform:translateY(-2px)}

/* Home hero */
.visual-v035 .premium-hero{
  padding:60px 0 34px;
  background:
    radial-gradient(circle at 10% 14%,rgba(26,87,125,.06),transparent 30%),
    radial-gradient(circle at 88% 16%,rgba(27,108,98,.08),transparent 22%),
    linear-gradient(105deg,#fffdfa 0%,#fbf7f1 53%,#f3f8f8 100%);
}
.visual-v035 .premium-hero:before{opacity:.12;background-size:60px 60px}
.visual-v035 .premium-hero-grid{grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}
.visual-v035 .premium-hero-copy{padding:14px 0 8px}
.visual-v035 .premium-hero h1{font-size:clamp(48px,5vw,68px);line-height:1.01;max-width:650px;margin:10px 0 18px;color:var(--v35-title)}
.visual-v035 .premium-hero h1 span{color:var(--v35-teal)}
.visual-v035 .premium-hero .lead{font-size:17px;line-height:1.68;max-width:620px}
.visual-v035 .premium-proof-line{font-size:12px;gap:18px;color:var(--v35-teal)}
.visual-v035 .premium-hotline{font-size:13px;margin-top:18px;color:var(--v35-muted)}
.visual-v035 .premium-hotline a{font-size:20px;color:var(--v35-navy);font-weight:700}
.visual-v035 .premium-hero-visual{
  min-height:0;
  aspect-ratio:4/5;
  max-height:650px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:var(--v35-shadow-strong);
}
.visual-v035 .premium-hero-visual>img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;
  filter:contrast(1.05) saturate(1.03) brightness(1.01);
}
.visual-v035 .hero-glass-label,
.visual-v035 .hero-v033-badge{
  background:rgba(255,255,255,.93);
  backdrop-filter:blur(8px);
  border:1px solid rgba(219,228,234,.95);
  box-shadow:0 12px 28px rgba(17,44,74,.08);
}
.visual-v035 .hero-glass-label{right:22px;width:min(246px,46%);padding:12px 14px;border-radius:14px}
.visual-v035 .hero-glass-label b{font-size:12.5px;color:var(--v35-title)}
.visual-v035 .hero-glass-label span{font-size:10.5px;color:var(--v35-text)}
.visual-v035 .hero-tech-caption{color:#f9fbfc;text-shadow:0 1px 3px rgba(0,0,0,.18)}
.visual-v035 .premium-trust-row{margin-top:28px;background:rgba(255,255,255,.86);border:1px solid var(--v35-line);border-radius:18px}
.visual-v035 .premium-trust-item{padding:18px 18px}
.visual-v035 .premium-trust-item b{font-size:13px;color:var(--v35-title)}
.visual-v035 .premium-trust-item small{font-size:11.5px;color:var(--v35-text)}
.visual-v035 .premium-legal-card{background:#fff;border:1px solid var(--v35-line-warm)}

/* Subpage hero */
.visual-v035 .page-hero-rich-v033,
.visual-v035 .page-hero{
  min-height:0;
  padding:60px 0 56px!important;
  background:linear-gradient(110deg,#fffdfa,#fbf6ef 60%,#f2f8f8)!important;
}
.visual-v035 .page-hero-grid-v033{grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}
.visual-v035 .page-hero-copy-v033 h1{font-size:clamp(42px,4.5vw,58px);line-height:1.03;letter-spacing:-.034em;font-weight:650;color:var(--v35-title);margin:12px 0 18px}
.visual-v035 .page-hero-copy-v033 .lead{font-size:16px;line-height:1.68}
.visual-v035 .page-hero-visual-v033.hero-kind-image{
  min-height:0;
  aspect-ratio:16/9;
  border-radius:24px!important;
  overflow:hidden;
  border:1px solid rgba(221,230,236,.96);
  box-shadow:var(--v35-shadow-strong);
  background:#edf3f4;
}
.visual-v035 .page-hero-visual-v033.hero-kind-image>img,
.visual-v035 .solution-art>img,
.visual-v035 .premium-product-visual img,
.visual-v035 .product-card .product-visual img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover!important;
  object-position:center!important;
  filter:contrast(1.05) saturate(1.03) brightness(1.01)!important;
}
.visual-v035 .page-hero-visual-v033.hero-kind-image:after{background:linear-gradient(180deg,transparent 60%,rgba(12,39,59,.18))}
.visual-v035 .hero-v033-badge strong{font-size:10.5px;color:var(--v35-teal);letter-spacing:.12em}
.visual-v035 .hero-v033-badge span{font-size:12.5px;color:var(--v35-text)}

/* Product cards and imagery */
.visual-v035 .brand-band{gap:14px;margin-bottom:22px}
.visual-v035 .brand-tile{padding:18px;background:#fff}
.visual-v035 .brand-tile strong{font-size:15px;color:var(--v35-title);font-weight:620}
.visual-v035 .brand-tile span{font-size:11.5px;color:var(--v35-muted)}
.visual-v035 .filter-chip{min-height:34px;padding:6px 12px;font-size:12px;border-color:#d7e0e6;background:#fff;color:#556a79}
.visual-v035 .filter-chip.active,
.visual-v035 .filter-chip[aria-pressed="true"]{background:var(--v35-navy);border-color:var(--v35-navy);color:#fff}
.visual-v035 .product-card{overflow:hidden}
.visual-v035 .product-card .product-visual{
  position:relative;
  height:220px;
  overflow:hidden;
  background:linear-gradient(135deg,#fdfbf8,#f3f8f8);
  border-bottom:1px solid #e6edf1;
}
.visual-v035 .product-card .product-visual:before,
.visual-v035 .product-card .product-visual:after{display:none}
.visual-v035 .product-body{padding:22px 22px 24px}
.visual-v035 .product-card h3{font-size:18px;margin-top:12px;color:var(--v35-title)}
.visual-v035 .price-placeholder{color:var(--v35-navy);font-size:16px;font-weight:650}
.visual-v035 .product-card .card-actions .btn{min-height:42px;font-size:12px}
.visual-v035 .premium-product-visual{height:auto;aspect-ratio:16/10;background:#eef4f4}
.visual-v035 .premium-product-copy{padding:22px 22px 24px}
.visual-v035 .product-kicker{color:var(--v35-teal)}
.visual-v035 .solution-visual-card{min-height:330px;overflow:hidden}
.visual-v035 .solution-art:before{background:linear-gradient(180deg,rgba(11,30,46,.02),transparent 42%,rgba(11,30,46,.46))}
.visual-v035 .solution-copy{padding:18px}
.visual-v035 .solution-copy b{font-size:16px;color:#fff}
.visual-v035 .solution-copy span{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.9)}

/* Components */
.visual-v035 .premium-value-card>span,
.visual-v035 .quick-path .qnum,
.visual-v035 .process-node .circle{
  background:var(--v35-teal-soft);
  color:var(--v35-teal);
  border-color:#bfd9d3;
}
.visual-v035 .premium-value-card h3,
.visual-v035 .quick-path b,
.visual-v035 .process-node h3,
.visual-v035 .policy-card h3,
.visual-v035 .contact-card h3,
.visual-v035 .solution-hero-card h3,
.visual-v035 .about-panel h3{color:var(--v35-title)}
.visual-v035 .premium-value-card p,
.visual-v035 .quick-path span,
.visual-v035 .process-node p,
.visual-v035 .policy-card p,
.visual-v035 .notice,
.visual-v035 .contact-card p{color:var(--v35-text)}
.visual-v035 .notice{border-color:#dbe4ea;background:#f8fbfd}
.visual-v035 .cta-band{
  border-radius:28px;
  background:linear-gradient(135deg,#f8fbfd,#f2f7f3);
  border:1px solid var(--v35-line);
  box-shadow:var(--v35-shadow);
}

/* Forms */
.visual-v035 label{font-size:12.5px;font-weight:620;color:var(--v35-title)}
.visual-v035 input,
.visual-v035 select,
.visual-v035 textarea{
  min-height:48px;
  border-radius:12px;
  border:1px solid #d6e0e6;
  background:#fff;
  color:var(--v35-title);
  font-size:14px;
  box-shadow:inset 0 1px 0 rgba(0,0,0,.015);
}
.visual-v035 textarea{min-height:112px}
.visual-v035 input::placeholder,
.visual-v035 textarea::placeholder{color:#8a99a5}
.visual-v035 input:focus,
.visual-v035 select:focus,
.visual-v035 textarea:focus{outline:3px solid rgba(23,63,122,.10);border-color:#99b7d4}

/* Footer */
.visual-v035 .footer{
  padding:56px 0 26px;
  background:#fbf8f2;
  border-top:1px solid #e5ddd1;
  color:var(--v35-text);
}
.visual-v035 .footer-grid{gap:38px}
.visual-v035 .footer-brand img{height:62px;max-width:170px}
.visual-v035 .footer h4{font-size:14px;color:var(--v35-title);font-weight:620}
.visual-v035 .footer a{font-size:12.75px;color:#5a7080;margin:8px 0}
.visual-v035 .footer p{font-size:13.5px;line-height:1.65;color:var(--v35-text)}
.visual-v035 .footer-slogan{font-size:12.5px;color:var(--v35-teal);font-weight:600}
.visual-v035 .footer-bottom{font-size:11.5px;color:var(--v35-muted);border-top:1px solid #e5ddd1;margin-top:32px;padding-top:18px}
.visual-v035 .legal-strip,
.visual-v035 .company-box{border-color:#d6e0e6;background:#fff}

@media(max-width:1100px){
  .visual-v035 .brand{min-width:170px}
  .visual-v035 .nav-links{gap:14px;font-size:12.5px}
  .visual-v035 .actions .btn{padding-left:14px;padding-right:14px}
}

@media(max-width:920px){
  .visual-v035 .nav{height:78px}
  .visual-v035 .brand img{height:54px;max-width:150px}
  .visual-v035 .nav-links{top:78px!important;padding:18px 5vw;background:rgba(255,255,255,.99)}
  .visual-v035 .premium-hero,
  .visual-v035 .page-hero-rich-v033,
  .visual-v035 .page-hero{padding-top:42px!important}
  .visual-v035 .premium-hero-grid,
  .visual-v035 .page-hero-grid-v033{grid-template-columns:1fr;gap:34px}
  .visual-v035 .premium-hero-visual{aspect-ratio:5/4;max-height:none}
  .visual-v035 .page-hero-visual-v033.hero-kind-image{aspect-ratio:16/9}
  .visual-v035 .section{padding-top:58px;padding-bottom:58px}
}

@media(max-width:620px){
  body.visual-v035{font-size:15.5px;line-height:1.64}
  .visual-v035 .container{width:min(92vw,560px)}
  .visual-v035 .prelaunch{font-size:9.5px}
  .visual-v035 .premium-hero h1{font-size:42px;letter-spacing:-.04em}
  .visual-v035 .premium-hero .lead{font-size:15.5px}
  .visual-v035 .page-hero-copy-v033 h1{font-size:39px}
  .visual-v035 .page-hero-copy-v033 .lead{font-size:15px}
  .visual-v035 h2{font-size:29px}
  .visual-v035 h3{font-size:17px}
  .visual-v035 .section{padding-top:48px;padding-bottom:48px}
  .visual-v035 .section-head{margin-bottom:26px;gap:14px}
  .visual-v035 .premium-hero-visual{aspect-ratio:4/5;border-radius:20px}
  .visual-v035 .hero-glass-label{display:none}
  .visual-v035 .premium-trust-row{grid-template-columns:1fr}
  .visual-v035 .premium-trust-item{border-right:0;border-bottom:1px solid rgba(217,226,232,.85)}
  .visual-v035 .premium-trust-item:last-child{border-bottom:0}
  .visual-v035 .page-hero-visual-v033.hero-kind-image{aspect-ratio:4/3;border-radius:18px!important}
  .visual-v035 .product-card .product-visual{height:190px}
  .visual-v035 .solution-visual-card{min-height:285px}
  .visual-v035 .footer{padding-top:46px}
  .visual-v035 .footer-grid{gap:30px}
}


/* =========================================================
   v0.36 – Clean content-first pass based on screenshot review
   Less repeated imagery, fewer duplicate CTAs, calmer typography.
   ========================================================= */
.visual-v036 .sticky-help{display:none!important}
.visual-v036 .btn{font-weight:650}
.visual-v036 h1{letter-spacing:-.03em}
.visual-v036 .premium-hero-copy h1,
.visual-v036 .page-hero-copy-v033 h1,
.visual-v036 .v36-page-copy h1,
.visual-v036 .v36-home-copy h1{font-size:clamp(42px,5.5vw,74px);line-height:1.04;font-weight:720;color:#15354f;margin:12px 0 18px}
.visual-v036 .v36-home-copy h1 span{color:#1c7e69}
.visual-v036 .lead{font-size:17px;line-height:1.72;color:#546876;max-width:620px}
.visual-v036 .section-head h2,.visual-v036 .v36-balanced-head h2{font-size:clamp(30px,3.3vw,48px);line-height:1.14;font-weight:700;color:#17364f}
.visual-v036 .section-head p{color:#667988}
.visual-v036 .v36-clean-section{background:#fff}
.visual-v036 .v36-soft-section{background:#f7faf8}
.visual-v036 .v36-home-hero{padding:34px 0 18px;background:linear-gradient(180deg,#fbf8f2 0%,#fff 100%)}
.visual-v036 .v36-home-hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:26px;align-items:center}
.visual-v036 .v36-home-copy{padding-right:8px}
.visual-v036 .v36-home-points{display:flex;gap:18px;flex-wrap:wrap;color:#1e7965;font-weight:650;margin:20px 0 24px}
.visual-v036 .hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.visual-v036 .v36-home-visual{position:relative;background:#fff;border:1px solid #dce6ea;border-radius:26px;overflow:hidden;box-shadow:0 18px 44px rgba(18,42,64,.08)}
.visual-v036 .v36-home-visual img{width:100%;height:100%;min-height:540px;display:block;object-fit:cover;object-position:center}
.visual-v036 .v36-home-visual-note{position:absolute;left:22px;right:22px;bottom:22px;background:rgba(255,255,255,.92);border:1px solid #dde5e8;border-radius:16px;padding:14px 16px;backdrop-filter:blur(8px)}
.visual-v036 .v36-home-visual-note strong{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#1a7865;margin-bottom:4px}
.visual-v036 .v36-home-visual-note span{font-size:14px;color:#5c6e7b;line-height:1.5}
.visual-v036 .v36-home-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.visual-v036 .v36-trust-card,.visual-v036 .v36-value-card,.visual-v036 .v36-path-card,.visual-v036 .v36-process-card,.visual-v036 .v36-solution-card,.visual-v036 .v36-usecase-grid article,.visual-v036 .v36-group-card,.visual-v036 .v36-door-card,.visual-v036 .v36-rich-card,.visual-v036 .v36-editorial-panel{background:#fff;border:1px solid #dbe4e8;border-radius:20px;box-shadow:0 12px 28px rgba(18,42,64,.05)}
.visual-v036 .v36-trust-card{padding:18px 18px 16px}.visual-v036 .v36-trust-card b{display:block;margin-bottom:6px;color:#18364e;font-size:16px}.visual-v036 .v36-trust-card p{margin:0;color:#60727f;font-size:14px;line-height:1.55}
.visual-v036 .v36-balanced-head{align-items:end;gap:30px}
.visual-v036 .v36-path-grid,.visual-v036 .v36-value-grid,.visual-v036 .v36-process-grid,.visual-v036 .v36-solution-grid,.visual-v036 .v36-usecase-grid,.visual-v036 .v36-group-grid{display:grid;gap:18px}
.visual-v036 .v36-path-grid{grid-template-columns:repeat(3,1fr)}
.visual-v036 .v36-value-grid{grid-template-columns:repeat(3,1fr)}
.visual-v036 .v36-four-grid{grid-template-columns:repeat(4,1fr)}
.visual-v036 .v36-path-card{padding:22px;text-decoration:none;color:inherit}.visual-v036 .v36-path-card span,.visual-v036 .v36-value-card span,.visual-v036 .v36-process-card span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ecf6f2;color:#1e7a66;font-weight:750;margin-bottom:16px}.visual-v036 .v36-path-card h3,.visual-v036 .v36-value-card h3,.visual-v036 .v36-process-card h3,.visual-v036 .v36-door-card h3,.visual-v036 .v36-group-card h3,.visual-v036 .v36-solution-card h3,.visual-v036 .v36-usecase-grid h3{margin:0 0 8px;color:#18364f;font-size:22px;line-height:1.24}.visual-v036 .v36-path-card p,.visual-v036 .v36-value-card p,.visual-v036 .v36-process-card p,.visual-v036 .v36-door-card p,.visual-v036 .v36-group-card p,.visual-v036 .v36-solution-card p,.visual-v036 .v36-usecase-grid p,.visual-v036 .v36-rich-card p{margin:0;color:#617381;line-height:1.62}
.visual-v036 .v36-value-card,.visual-v036 .v36-process-card{padding:24px}
.visual-v036 .v36-door-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.visual-v036 .v36-door-card{padding:22px;text-decoration:none;color:inherit;border-top:4px solid #d7e9e4}.visual-v036 .v36-door-card.wood{border-top-color:#bea183}.visual-v036 .v36-door-card.aluminium{border-top-color:#93b5b7}.visual-v036 .v36-door-card.steel{border-top-color:#95a0a8}.visual-v036 .v36-door-card.office{border-top-color:#82c2bb}.visual-v036 .v36-door-card ul,.visual-v036 .v36-solution-card ul{margin:12px 0 0;padding-left:18px;color:#60717d;line-height:1.55}
.visual-v036 .v36-group-grid{grid-template-columns:repeat(3,1fr)}.visual-v036 .v36-group-card{padding:20px}.visual-v036 .v36-empty-visual,.visual-v036 .v36-placeholder-visual{display:grid;place-items:center;background:linear-gradient(180deg,#fbfcfc 0%,#f2f5f6 100%);border:1px dashed #ccd8de;border-radius:16px;color:#7c8e9a;text-align:center;font-size:14px;min-height:180px;padding:16px}
.visual-v036 .v36-group-card a,.visual-v036 .v36-inline-link,.visual-v036 .v36-solution-card a{display:inline-flex;margin-top:14px;color:#1d4973;font-weight:650;text-decoration:none}
.visual-v036 .v36-cta-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:26px;border-radius:24px;background:linear-gradient(135deg,#edf7f4 0%,#fff 100%);border:1px solid #d8e6e1}
.visual-v036 .v36-page-hero{padding:34px 0;background:linear-gradient(180deg,#fbf8f2 0%,#fff 100%)}
.visual-v036 .v36-page-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:26px;align-items:start}
.visual-v036 .v36-page-copy{padding-right:8px}.visual-v036 .v36-editorial-panel{padding:24px 24px 22px;min-height:270px}.visual-v036 .v36-editorial-panel h3{margin:0 0 14px;font-size:24px;color:#193851}.visual-v036 .v36-editorial-panel ul{margin:0;padding-left:18px;color:#5c6f7c;line-height:1.72}.visual-v036 .v36-panel-note{margin-top:16px;padding:12px 14px;border-radius:14px;background:#f4faf7;color:#698079;font-size:14px;border:1px dashed #cdded8}
.visual-v036 .v36-solution-grid{grid-template-columns:repeat(3,1fr)}.visual-v036 .v36-solution-card{padding:22px}.visual-v036 .v36-solution-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;color:#1d7a66;text-transform:uppercase;margin-bottom:10px}
.visual-v036 .v36-usecase-grid{grid-template-columns:repeat(3,1fr)}.visual-v036 .v36-usecase-grid article{padding:22px}
.visual-v036 .v36-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.visual-v036 .v36-check-grid article{background:#fff;border:1px solid #dbe4e8;border-radius:20px;padding:20px;box-shadow:0 12px 28px rgba(18,42,64,.05)}.visual-v036 .v36-check-grid h3{margin:0 0 8px;font-size:22px;color:#18364f}.visual-v036 .v36-status-pills{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.visual-v036 .v36-status-pills span{padding:9px 12px;border-radius:999px;background:#eef6f3;border:1px solid #d7e5df;color:#1a7664;font-size:13px;font-weight:650}
.visual-v036 .v36-rich-card{padding:24px}.visual-v036 .v36-accent-card{background:linear-gradient(135deg,#0f5e53 0%,#184f87 100%);color:#fff}.visual-v036 .v36-accent-card h2,.visual-v036 .v36-accent-card p,.visual-v036 .v36-accent-card .eyebrow{color:#fff}.visual-v036 .v36-future-band{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:26px;border-radius:24px;background:linear-gradient(135deg,#194b87 0%,#126259 100%);color:#fff}.visual-v036 .v36-future-band h2,.visual-v036 .v36-future-band p,.visual-v036 .v36-future-band .eyebrow{color:#fff}.visual-v036 .v36-future-note{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:16px 18px;border-radius:16px;max-width:260px;color:#fff;font-weight:650}
.visual-v036 .v36-product-card .product-body{padding-top:18px}.visual-v036 .v36-product-card .card-actions{display:none}.visual-v036 .v36-product-cards .product-card{overflow:hidden}
.visual-v036 .summary-card,.visual-v036 .contact-option,.visual-v036 .placeholder,.visual-v036 .form-shell,.visual-v036 .form-card{border-color:#dbe4e8}
@media(max-width:1100px){.visual-v036 .v36-home-hero-grid,.visual-v036 .v36-page-hero-grid{grid-template-columns:1fr}.visual-v036 .v36-home-trust,.visual-v036 .v36-door-grid,.visual-v036 .v36-check-grid{grid-template-columns:1fr 1fr}.visual-v036 .v36-path-grid,.visual-v036 .v36-value-grid,.visual-v036 .v36-usecase-grid,.visual-v036 .v36-group-grid,.visual-v036 .v36-solution-grid,.visual-v036 .v36-process-grid{grid-template-columns:1fr 1fr}.visual-v036 .v36-four-grid{grid-template-columns:1fr 1fr}.visual-v036 .v36-cta-band,.visual-v036 .v36-future-band{grid-template-columns:1fr}}
@media(max-width:700px){.visual-v036 .v36-home-trust,.visual-v036 .v36-door-grid,.visual-v036 .v36-check-grid,.visual-v036 .v36-path-grid,.visual-v036 .v36-value-grid,.visual-v036 .v36-usecase-grid,.visual-v036 .v36-group-grid,.visual-v036 .v36-solution-grid,.visual-v036 .v36-process-grid,.visual-v036 .v36-four-grid{grid-template-columns:1fr}.visual-v036 .v36-home-visual img{min-height:360px}.visual-v036 .v36-home-visual-note{left:16px;right:16px;bottom:16px}.visual-v036 .v36-editorial-panel{min-height:0}.visual-v036 .v36-home-points{gap:10px;font-size:14px}}


/* =========================================================
   v0.36.1 – Premium polish pass
   Smaller/lighter headings, clearer dark sections, cleaner hero overlay.
   ========================================================= */
.visual-v0361{
  --v361-ink:#183549;
  --v361-title:#163247;
  --v361-text:#5d7280;
  --v361-soft:#f7faf9;
  --v361-line:#dce5e7;
  --v361-card:#ffffff;
  --v361-navy:#133b71;
  --v361-green:#156d5b;
  --v361-footer-bg:#112638;
  --v361-footer-text:#dce7ef;
  --v361-footer-muted:#aebdca;
}
.visual-v0361 .btn{
  border-radius:999px;
  font-weight:620;
  letter-spacing:-.01em;
  box-shadow:none;
}
.visual-v0361 .btn.btn-primary{
  background:linear-gradient(180deg,#1e4d89 0%, #163f78 100%);
  border-color:#163f78;
}
.visual-v0361 .btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(22,63,120,.18)}
.visual-v0361 .btn.btn-secondary{
  color:#1c3f62;
  border-color:#cdd9df;
  background:rgba(255,255,255,.88);
}

/* Typography */
.visual-v0361 h1,
.visual-v0361 .v36-page-copy h1,
.visual-v0361 .v36-home-copy h1,
.visual-v0361 .premium-hero-copy h1,
.visual-v0361 .page-hero-copy-v033 h1{
  font-size:clamp(34px,4.8vw,58px);
  line-height:1.08;
  font-weight:650;
  letter-spacing:-.035em;
  color:var(--v361-title);
}
.visual-v0361 .v36-home-copy h1 span{font-weight:630}
.visual-v0361 .section-head h2,
.visual-v0361 .v36-balanced-head h2,
.visual-v0361 .v36-rich-card h2,
.visual-v0361 .premium-quote h2{
  font-size:clamp(28px,3vw,42px);
  line-height:1.16;
  font-weight:620;
  letter-spacing:-.025em;
  color:var(--v361-title);
}
.visual-v0361 h3,
.visual-v0361 .v36-path-card h3,
.visual-v0361 .v36-value-card h3,
.visual-v0361 .v36-process-card h3,
.visual-v0361 .v36-door-card h3,
.visual-v0361 .v36-group-card h3,
.visual-v0361 .v36-solution-card h3,
.visual-v0361 .v36-usecase-grid h3,
.visual-v0361 .v36-editorial-panel h3{
  font-size:clamp(20px,1.9vw,28px);
  line-height:1.28;
  font-weight:610;
  letter-spacing:-.015em;
}
.visual-v0361 .lead{font-size:17px;line-height:1.78;color:var(--v361-text)}
.visual-v0361 p,
.visual-v0361 li,
.visual-v0361 small,
.visual-v0361 .field-hint,
.visual-v0361 .product-meta span,
.visual-v0361 .price-placeholder,
.visual-v0361 .catalog-note,
.visual-v0361 .hero-actions-note,
.visual-v0361 .summary-card span{
  color:var(--v361-text);
}
.visual-v0361 .eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700}

/* Card + section polish */
.visual-v0361 .v36-trust-card,
.visual-v0361 .v36-value-card,
.visual-v0361 .v36-path-card,
.visual-v0361 .v36-process-card,
.visual-v0361 .v36-solution-card,
.visual-v0361 .v36-usecase-grid article,
.visual-v0361 .v36-group-card,
.visual-v0361 .v36-door-card,
.visual-v0361 .v36-rich-card,
.visual-v0361 .v36-editorial-panel,
.visual-v0361 .brand-tile,
.visual-v0361 .summary-card,
.visual-v0361 .contact-option,
.visual-v0361 .placeholder,
.visual-v0361 .form-card,
.visual-v0361 .form-shell,
.visual-v0361 .card,
.visual-v0361 .notice,
.visual-v0361 .content-rule .rule{
  border:1px solid var(--v361-line);
  box-shadow:0 14px 34px rgba(17,38,56,.05);
}
.visual-v0361 .section{padding:76px 0}
.visual-v0361 .v36-clean-section{background:#fff}
.visual-v0361 .v36-soft-section{background:linear-gradient(180deg,#fbfcfc 0%,#f6faf9 100%)}
.visual-v0361 .v36-balanced-head{margin-bottom:28px}
.visual-v0361 .v36-value-card,
.visual-v0361 .v36-process-card,
.visual-v0361 .v36-solution-card,
.visual-v0361 .v36-usecase-grid article,
.visual-v0361 .v36-door-card,
.visual-v0361 .v36-group-card{padding:24px}
.visual-v0361 .v36-trust-card{padding:20px 20px 18px}
.visual-v0361 .v36-path-card{padding:24px 22px}
.visual-v0361 .v36-path-card span,
.visual-v0361 .v36-value-card span,
.visual-v0361 .v36-process-card span{
  width:40px;height:40px;font-size:15px;
  background:#eef7f3;color:var(--v361-green);
}
.visual-v0361 .v36-home-points{gap:12px}
.visual-v0361 .v36-home-points span{
  display:inline-flex;align-items:center;gap:8px;
  background:#f4faf7;border:1px solid #dde9e3;color:var(--v361-green);
  padding:8px 12px;border-radius:999px;font-size:14px;font-weight:620;
}

/* Homepage hero */
.visual-v0361 .v36-home-hero{padding:42px 0 24px;background:linear-gradient(180deg,#faf7f1 0%,#ffffff 80%)}
.visual-v0361 .v36-home-hero-grid{gap:34px}
.visual-v0361 .v36-home-copy{padding-top:8px}
.visual-v0361 .v36-home-visual{
  border-radius:30px;
  border:1px solid #d8e2e6;
  box-shadow:0 24px 58px rgba(18,42,64,.09);
  background:#f2f5f6;
}
.visual-v0361 .v36-home-visual img{min-height:560px;object-position:center center;filter:saturate(1.02) contrast(1.02)}
.visual-v0361 .v36-home-visual-note{
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
  padding:0;
  left:24px;
  right:auto;
  bottom:24px;
  max-width:300px;
}
.visual-v0361 .v36-home-visual-note strong{
  color:#ffffff;
  margin-bottom:6px;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.visual-v0361 .v36-home-visual-note span{
  color:#ffffff;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
  font-size:14px;
  line-height:1.58;
}
.visual-v0361 .v36-home-trust{margin-top:20px}
.visual-v0361 .premium-hotline{margin-top:22px}

/* Page heroes */
.visual-v0361 .v36-page-hero{padding:40px 0;background:linear-gradient(180deg,#faf7f1 0%,#ffffff 88%)}
.visual-v0361 .v36-page-hero-grid{gap:32px;align-items:stretch}
.visual-v0361 .v36-page-copy{display:flex;flex-direction:column;justify-content:center}
.visual-v0361 .v36-editorial-panel{
  position:relative;overflow:hidden;padding:28px 28px 24px;
  background:linear-gradient(160deg,#ffffff 0%,#f7fbfa 62%,#eef7f3 100%);
}
.visual-v0361 .v36-editorial-panel::before{
  content:"";position:absolute;inset:auto -50px -50px auto;width:180px;height:180px;
  background:radial-gradient(circle,#d7efe6 0%, rgba(215,239,230,0) 68%);
}
.visual-v0361 .v36-editorial-panel::after{
  content:"";position:absolute;top:22px;right:22px;width:72px;height:72px;border-radius:18px;
  border:1px solid #d8e6e1;background:rgba(255,255,255,.45);
}
.visual-v0361 .v36-editorial-panel>*{position:relative;z-index:1}
.visual-v0361 .v36-editorial-panel ul li{margin-bottom:10px}
.visual-v0361 .v36-panel-note{background:#ffffff;border:1px dashed #d5e2dd;color:#728781}

/* Dark quote and CTA/footer readability */
.visual-v0361 .premium-quote{
  background:linear-gradient(135deg,#183452 0%,#0f5f5a 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(15,46,68,.12);
}
.visual-v0361 .premium-quote h2,
.visual-v0361 .premium-quote p,
.visual-v0361 .premium-quote .hero-actions-note,
.visual-v0361 .premium-quote .eyebrow,
.visual-v0361 .premium-quote .privacy-legal-ref,
.visual-v0361 .premium-quote label,
.visual-v0361 .premium-quote .check span{color:#eff6fb}
.visual-v0361 .premium-quote .form-card{background:rgba(255,255,255,.98)}
.visual-v0361 .premium-quote .form-card label,
.visual-v0361 .premium-quote .form-card .check span,
.visual-v0361 .premium-quote .form-card .privacy-legal-ref{color:#566b79}
.visual-v0361 .premium-cta-strip,.visual-v0361 .v36-cta-band{background:linear-gradient(135deg,#f4faf8 0%,#ffffff 100%)}
.visual-v0361 .v36-future-band{
  background:linear-gradient(135deg,#17385a 0%,#165a54 100%);
  box-shadow:0 20px 48px rgba(19,59,92,.14);
}
.visual-v0361 .v36-future-note{background:rgba(255,255,255,.18);color:#fff}

/* Footer premium dark but readable */
.visual-v0361 .footer{
  background:linear-gradient(180deg,#152b3f 0%, #102131 100%);
  color:var(--v361-footer-text);
  border-top:none;
  padding-top:58px;
  padding-bottom:32px;
}
.visual-v0361 .footer::before{
  content:"";display:block;width:min(1180px,calc(100% - 48px));height:1px;margin:0 auto 42px;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(215,230,240,.35) 18%,rgba(215,230,240,.35) 82%,rgba(255,255,255,0) 100%);
}
.visual-v0361 .footer .footer-grid{gap:42px}
.visual-v0361 .footer h4,
.visual-v0361 .footer .footer-slogan,
.visual-v0361 .footer strong{color:#ffffff}
.visual-v0361 .footer a,
.visual-v0361 .footer p,
.visual-v0361 .footer span,
.visual-v0361 .footer .legal-strip,
.visual-v0361 .footer-bottom,
.visual-v0361 .legal-links a{color:var(--v361-footer-text)}
.visual-v0361 .footer a:hover{color:#ffffff}
.visual-v0361 .footer .legal-strip{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
}
.visual-v0361 .footer-bottom{border-top:1px solid rgba(255,255,255,.12);color:var(--v361-footer-muted)}
.visual-v0361 .legal-links{border-top:1px solid rgba(255,255,255,.08);padding-top:18px;margin-top:20px}
.visual-v0361 .legal-links a{display:inline-block;margin-right:18px;color:var(--v361-footer-muted)}
.visual-v0361 .footer .zalo-pending{color:#ffffff!important}

/* Minor page-specific polish */
.visual-v0361 .brand-band{gap:16px;margin-bottom:24px}
.visual-v0361 .brand-tile{padding:22px;border-radius:20px;background:#fff}
.visual-v0361 .filter-chip{padding:10px 16px;border-color:#d8e3e7}
.visual-v0361 .filter-chip.active{background:#173f77;border-color:#173f77}
.visual-v0361 .v36-placeholder-visual,
.visual-v0361 .v36-empty-visual{min-height:190px;border-radius:18px;background:linear-gradient(180deg,#fcfdfd 0%,#f6f8f8 100%)}
.visual-v0361 .v36-inline-link{font-size:15px}
.visual-v0361 .contact-summary{gap:16px}
.visual-v0361 .contact-option{padding:18px}
.visual-v0361 .summary-card b{color:#16344d}
.visual-v0361 .form-shell,.visual-v0361 .form-card{border-radius:22px}
.visual-v0361 input,.visual-v0361 textarea,.visual-v0361 select{border-color:#d3dde2;background:#fff}
.visual-v0361 input:focus,.visual-v0361 textarea:focus,.visual-v0361 select:focus{border-color:#4f8db4;box-shadow:0 0 0 4px rgba(79,141,180,.12)}

@media(max-width:1100px){
  .visual-v0361 .footer::before{width:calc(100% - 32px)}
  .visual-v0361 .v36-home-visual img{min-height:420px}
}
@media(max-width:700px){
  .visual-v0361 .section{padding:58px 0}
  .visual-v0361 .v36-home-hero{padding:28px 0 16px}
  .visual-v0361 .v36-home-visual-note{left:18px;bottom:18px;max-width:240px}
  .visual-v0361 .footer{padding-top:42px}
  .visual-v0361 .footer::before{margin-bottom:30px}
}


/* =========================================================
   v0.36.2 – Final micro-tuning from design review
   ========================================================= */
.visual-v0361 .v36-page-copy h1,
.visual-v0361 .v36-home-copy h1,
.visual-v0361 .premium-hero-copy h1,
.visual-v0361 .page-hero-copy-v033 h1,
.visual-v0361 h1{
  font-size:clamp(32px,4.45vw,54px);
  line-height:1.08;
  font-weight:615;
  letter-spacing:-.038em;
}
.visual-v0361 .section-head h2,
.visual-v0361 .v36-balanced-head h2,
.visual-v0361 .v36-rich-card h2,
.visual-v0361 .premium-quote h2{
  font-size:clamp(26px,2.8vw,39px);
  line-height:1.17;
  font-weight:595;
  letter-spacing:-.025em;
}
.visual-v0361 h3,
.visual-v0361 .v36-path-card h3,
.visual-v0361 .v36-value-card h3,
.visual-v0361 .v36-process-card h3,
.visual-v0361 .v36-door-card h3,
.visual-v0361 .v36-group-card h3,
.visual-v0361 .v36-solution-card h3,
.visual-v0361 .v36-usecase-grid h3,
.visual-v0361 .v36-editorial-panel h3{
  font-weight:590;
}
.visual-v0361 .eyebrow{
  font-size:13.5px;
  font-weight:720;
  letter-spacing:.14em;
}
.visual-v0361 .eyebrow::after{transform:translateY(-1px);opacity:.92}

/* Hero caption reposition */
.visual-v0361 .v36-home-visual::after{
  content:"";
  position:absolute;
  top:0; right:0;
  width:42%; height:38%;
  background:linear-gradient(225deg, rgba(9,24,39,.28) 0%, rgba(9,24,39,.10) 42%, rgba(9,24,39,0) 100%);
  pointer-events:none;
}
.visual-v0361 .v36-home-visual-note{
  top:28px;
  right:28px;
  left:auto;
  bottom:auto;
  max-width:220px;
  text-align:left;
}
.visual-v0361 .v36-home-visual-note strong,
.visual-v0361 .v36-home-visual-note span{
  text-shadow:0 2px 10px rgba(0,0,0,.34);
}

/* Extra premium refinement */
.visual-v0361 .v36-editorial-panel,
.visual-v0361 .v36-trust-card,
.visual-v0361 .v36-value-card,
.visual-v0361 .v36-process-card,
.visual-v0361 .v36-path-card,
.visual-v0361 .v36-solution-card,
.visual-v0361 .v36-usecase-grid article,
.visual-v0361 .v36-door-card,
.visual-v0361 .v36-group-card,
.visual-v0361 .summary-card,
.visual-v0361 .contact-option,
.visual-v0361 .brand-tile,
.visual-v0361 .card,
.visual-v0361 .placeholder,
.visual-v0361 .form-card,
.visual-v0361 .form-shell{
  box-shadow:0 16px 34px rgba(17,38,56,.045);
}
.visual-v0361 .v36-home-visual,
.visual-v0361 .v36-future-band,
.visual-v0361 .premium-quote{
  box-shadow:0 28px 62px rgba(17,38,56,.11);
}
.visual-v0361 .footer h4{font-weight:620}
.visual-v0361 .footer a,
.visual-v0361 .footer p,
.visual-v0361 .footer span,
.visual-v0361 .footer-bottom{line-height:1.72}

@media(max-width:700px){
  .visual-v0361 .v36-home-visual-note{
    top:18px;
    right:18px;
    max-width:185px;
  }
  .visual-v0361 .v36-home-visual::after{
    width:55%; height:34%;
  }
}

/* =========================================================
   v0.36.3 — Premium typography + warmth + mobile/header/footer finish
   ========================================================= */
:root{
  --v363-ink:#1f3648;
  --v363-ink-soft:#556674;
  --v363-navy:#173d6d;
  --v363-teal:#18695f;
  --v363-teal-deep:#0f5d58;
  --v363-warm:#f7f1e8;
  --v363-warm-2:#fbf7f1;
  --v363-sand:#d0ab79;
  --v363-sand-soft:#ecdcc6;
  --v363-stone:#8f7b69;
}
body.visual-v0363{background:linear-gradient(180deg,#fffdfa 0%,#ffffff 260px);color:var(--v363-ink-soft)}
.visual-v0363 p,
.visual-v0363 li,
.visual-v0363 label,
.visual-v0363 input,
.visual-v0363 textarea,
.visual-v0363 select{color:var(--v363-ink-soft)}
.visual-v0363 h1,
.visual-v0363 h2,
.visual-v0363 h3,
.visual-v0363 h4,
.visual-v0363 .nav-links a,
.visual-v0363 .section-head h2,
.visual-v0363 .v36-home-copy h1,
.visual-v0363 .v36-page-copy h1{color:var(--v363-ink)}

/* Header refinement */
.visual-v0363 header{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(209,220,226,.75);
  box-shadow:0 8px 24px rgba(21,39,55,.04);
}
.visual-v0363 .nav{min-height:92px}
.visual-v0363 .nav-links{gap:24px;font-size:14px;color:#5e6f7d}
.visual-v0363 .nav-links a{padding:30px 0;font-weight:575;letter-spacing:-.01em}
.visual-v0363 .nav-links a[aria-current="page"]{color:var(--v363-navy)}
.visual-v0363 .actions{gap:12px}
.visual-v0363 .actions .btn{
  min-height:48px;padding:0 22px;border-radius:999px;font-weight:620;letter-spacing:-.01em
}
.visual-v0363 .actions .btn-primary{background:linear-gradient(135deg,#1a4d90 0%,#173f77 100%);box-shadow:0 10px 22px rgba(23,63,119,.16)}
.visual-v0363 .actions .btn-secondary{border-color:#d6dde3;color:#34536b;background:rgba(255,255,255,.72)}

/* Typography tuning */
.visual-v0363 .v36-page-copy h1,
.visual-v0363 .v36-home-copy h1,
.visual-v0363 .premium-hero-copy h1,
.visual-v0363 .page-hero-copy-v033 h1,
.visual-v0363 h1{
  font-size:clamp(31px,4.1vw,50px);
  line-height:1.08;
  font-weight:590;
  letter-spacing:-.042em;
}
.visual-v0363 .section-head h2,
.visual-v0363 .v36-balanced-head h2,
.visual-v0363 .v36-rich-card h2,
.visual-v0363 .premium-quote h2{
  font-size:clamp(26px,2.55vw,37px);
  line-height:1.18;
  font-weight:585;
  letter-spacing:-.03em;
}
.visual-v0363 h3,
.visual-v0363 .v36-path-card h3,
.visual-v0363 .v36-value-card h3,
.visual-v0363 .v36-process-card h3,
.visual-v0363 .v36-door-card h3,
.visual-v0363 .v36-group-card h3,
.visual-v0363 .v36-solution-card h3,
.visual-v0363 .v36-usecase-grid h3,
.visual-v0363 .v36-editorial-panel h3{font-weight:580;letter-spacing:-.018em}
.visual-v0363 .eyebrow,
.visual-v0363 .product-kicker{
  font-size:14px;
  font-weight:760;
  letter-spacing:.14em;
  color:var(--v363-teal);
}
.visual-v0363 .eyebrow::after{background:linear-gradient(90deg,var(--v363-sand) 0%, rgba(208,171,121,.35) 100%);opacity:1}
.visual-v0363 .lead{font-size:18px;line-height:1.72;color:#576977}
.visual-v0363 .section-head p{max-width:52ch;color:#677784}
.visual-v0363 .hero-actions-note{color:#7b6f63}

/* Warmth / anti-AI monotony */
.visual-v0363 .v36-clean-section{background:linear-gradient(180deg,#fffdfa 0%,#ffffff 100%)}
.visual-v0363 .v36-soft-section{background:linear-gradient(180deg,var(--v363-warm-2) 0%,#f7faf8 100%)}
.visual-v0363 .v36-page-hero{background:linear-gradient(180deg,#fbf6ee 0%,#ffffff 88%)}
.visual-v0363 .v36-home-hero{background:linear-gradient(180deg,#fbf7f0 0%,#ffffff 86%)}
.visual-v0363 .v36-home-points span,
.visual-v0363 .filter-chip,
.visual-v0363 .tag,
.visual-v0363 .chip{border-color:#ddcfbf;background:#fffaf4;color:#6d6258}
.visual-v0363 .v36-trust-card,
.visual-v0363 .v36-value-card,
.visual-v0363 .v36-process-card,
.visual-v0363 .v36-path-card,
.visual-v0363 .v36-solution-card,
.visual-v0363 .v36-usecase-grid article,
.visual-v0363 .v36-door-card,
.visual-v0363 .v36-group-card,
.visual-v0363 .summary-card,
.visual-v0363 .contact-option,
.visual-v0363 .brand-tile,
.visual-v0363 .card,
.visual-v0363 .placeholder,
.visual-v0363 .form-card,
.visual-v0363 .form-shell,
.visual-v0363 .v36-editorial-panel{
  background:linear-gradient(180deg,#ffffff 0%,#fffdf9 100%);
  border:1px solid #e6ddd1;
  box-shadow:0 18px 36px rgba(21,38,53,.05);
}
.visual-v0363 .v36-value-card span,
.visual-v0363 .v36-process-card span,
.visual-v0363 .v36-path-card span{background:#f4ede3;color:var(--v363-teal)}
.visual-v0363 .btn-secondary,
.visual-v0363 .btn-outline{border-color:#d9ccb9;background:#fffdf9;color:var(--v363-navy)}

/* Homepage hero visual */
.visual-v0363 .v36-home-hero-grid{align-items:center;gap:44px}
.visual-v0363 .v36-home-visual{
  background:linear-gradient(180deg,#f6efe7 0%,#f3f5f5 100%);
  border:1px solid #e6ddd1;
  box-shadow:0 30px 64px rgba(24,41,58,.12);
}
.visual-v0363 .v36-home-visual img{
  min-height:540px;
  object-position:56% center;
  filter:none;
}
.visual-v0363 .v36-home-visual::after{
  content:"";position:absolute;left:0;right:auto;bottom:0;top:auto;
  width:74%;height:46%;
  background:linear-gradient(0deg, rgba(9,18,28,.60) 0%, rgba(9,18,28,.28) 46%, rgba(9,18,28,0) 100%);
  pointer-events:none;
}
.visual-v0363 .v36-home-visual-note{
  left:28px;right:auto;bottom:26px;top:auto;
  max-width:290px;
  padding:0;z-index:2;text-align:left;
}
.visual-v0363 .v36-home-visual-note strong{
  font-size:12px;letter-spacing:.16em;color:#fff;text-transform:uppercase;
  margin-bottom:8px;text-shadow:0 4px 16px rgba(0,0,0,.40)
}
.visual-v0363 .v36-home-visual-note span{
  font-size:15px;line-height:1.55;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.42)
}

/* About and dark panels */
.visual-v0363 .v36-accent-card,
.visual-v0363 .premium-quote,
.visual-v0363 .v36-future-band{
  background:linear-gradient(135deg,#145f58 0%,#1a557c 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 52px rgba(19,53,77,.16);
}
.visual-v0363 .v36-accent-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.visual-v0363 .v36-accent-card h2,
.visual-v0363 .premium-quote h2,
.visual-v0363 .v36-future-band h2{color:rgba(255,255,255,.98)!important;text-shadow:0 2px 10px rgba(0,0,0,.12)}
.visual-v0363 .v36-accent-card p,
.visual-v0363 .premium-quote p,
.visual-v0363 .v36-future-band p,
.visual-v0363 .v36-accent-card .eyebrow,
.visual-v0363 .premium-quote .eyebrow,
.visual-v0363 .v36-future-band .eyebrow{color:rgba(255,255,255,.90)!important}
.visual-v0363 .v36-accent-card p{font-size:15px;line-height:1.7;max-width:34ch;margin-top:auto}
.visual-v0363 .v36-accent-card .eyebrow::after,
.visual-v0363 .premium-quote .eyebrow::after,
.visual-v0363 .v36-future-band .eyebrow::after{background:rgba(255,255,255,.55)}
.visual-v0363 .v36-panel-note,
.visual-v0363 .v36-future-note{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);color:#f7fbfe}

/* Footer refinement */
.visual-v0363 .footer{
  margin-top:56px;
  background:linear-gradient(180deg,#1a334a 0%,#14283b 100%);
  color:#dbe7ef;
  padding-top:64px;
}
.visual-v0363 .footer .footer-grid{gap:46px;align-items:start}
.visual-v0363 .footer-brand-v363{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.visual-v0363 .footer-brand-icon{width:54px;height:54px;display:block;object-fit:contain;flex:0 0 auto;border-radius:0;background:none;box-shadow:none}
.visual-v0363 .footer-wordmark{display:flex;flex-direction:column;line-height:1}
.visual-v0363 .footer-wordmark-top,
.visual-v0363 .footer-wordmark-bottom{font-weight:760;letter-spacing:-.02em}
.visual-v0363 .footer-wordmark-top{font-size:30px;color:#ffffff}
.visual-v0363 .footer-wordmark-top .tp{color:#34a26b}
.visual-v0363 .footer-wordmark-bottom{font-size:21px;color:#eaf2f8}
.visual-v0363 .footer-slogan{color:#d8e9e3;font-size:13px}
.visual-v0363 .footer p,
.visual-v0363 .footer a,
.visual-v0363 .footer span,
.visual-v0363 .footer-bottom,
.visual-v0363 .legal-links a{color:#dbe7ef}
.visual-v0363 .footer .legal-strip{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
  color:#e5eef5;
}
.visual-v0363 .footer .legal-strip strong,
.visual-v0363 .footer h4{color:#ffffff}
.visual-v0363 .footer-bottom,
.visual-v0363 .legal-links a{color:#b8cad7}
.visual-v0363 .footer::before{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(223,235,244,.34) 18%,rgba(223,235,244,.34) 82%,rgba(255,255,255,0) 100%)}

/* Mobile + header/footer completion */
@media(max-width:980px){
  .visual-v0363 .nav{min-height:82px}
  .visual-v0363 .brand img{height:66px}
  .visual-v0363 .nav-links{
    top:82px!important;left:12px;right:12px;
    padding:18px 18px 20px;
    border:1px solid #e2d7c7;
    border-radius:22px;
    background:rgba(255,255,255,.98);
    box-shadow:0 22px 44px rgba(23,39,54,.10);
    gap:0;
  }
  .visual-v0363 .nav-links a{width:100%;padding:12px 4px;border-bottom:1px solid #f0e7db}
  .visual-v0363 .nav-links a:last-child{border-bottom:none}
  .visual-v0363 .actions .btn-primary{display:inline-flex}
  .visual-v0363 .actions .btn-primary{min-height:44px;padding:0 16px;font-size:13px}
  .visual-v0363 .mobile-toggle{
    width:44px;height:44px;border-radius:14px;background:#fff8f0;border:1px solid #e2d8ca;
    display:grid;place-items:center;font-size:22px;color:var(--v363-navy)
  }
  .visual-v0363 .v36-home-hero-grid,.visual-v0363 .v36-page-hero-grid{grid-template-columns:1fr}
  .visual-v0363 .v36-home-copy{padding-top:0}
  .visual-v0363 .v36-home-visual{order:-1}
  .visual-v0363 .v36-home-visual img{min-height:420px;object-position:center}
  .visual-v0363 .v36-home-visual-note{max-width:260px;left:22px;bottom:22px}
}
@media(max-width:620px){
  .visual-v0363 .prelaunch{font-size:11px;padding:5px 12px}
  .visual-v0363 .nav{min-height:76px}
  .visual-v0363 .brand img{height:58px}
  .visual-v0363 .actions{gap:8px}
  .visual-v0363 .actions .btn-secondary{display:none!important}
  .visual-v0363 .actions .btn-primary{display:inline-flex!important;padding:0 13px;min-height:40px;font-size:12.5px}
  .visual-v0363 .section{padding:52px 0}
  .visual-v0363 .lead{font-size:16.5px}
  .visual-v0363 .v36-home-points{display:grid;grid-template-columns:1fr;gap:8px}
  .visual-v0363 .v36-home-visual img{min-height:360px}
  .visual-v0363 .v36-home-visual::after{width:100%;height:52%}
  .visual-v0363 .v36-home-visual-note{left:18px;right:18px;bottom:18px;max-width:none}
  .visual-v0363 .v36-home-visual-note span{font-size:14px}
  .visual-v0363 .footer{padding-top:44px;padding-bottom:26px}
  .visual-v0363 .footer .footer-grid{grid-template-columns:1fr;gap:28px}
  .visual-v0363 .footer-brand-icon{width:46px;height:46px}
  .visual-v0363 .footer-wordmark-top{font-size:24px}
  .visual-v0363 .footer-wordmark-bottom{font-size:17px}
  .visual-v0363 .legal-links{display:flex;flex-direction:column;gap:10px}
}

/* =========================================================
   v0.36.4 — Logo-safe footer + cleaner hero + richer accents
   ========================================================= */
.visual-v0364{
  --v364-plum:#7f5d67;
  --v364-sand:#b88a4a;
  --v364-copper:#b66f55;
  --v364-slate:#5e7286;
  --v364-olive:#6d8466;
  --v364-warm:#6f5d4f;
}
.visual-v0364 h1,
.visual-v0364 .v36-home-copy h1,
.visual-v0364 .v36-page-copy h1{font-weight:575;letter-spacing:-.045em}
.visual-v0364 h2,
.visual-v0364 .section-head h2,
.visual-v0364 .v36-rich-card h2{font-weight:570}
.visual-v0364 .eyebrow{color:var(--v363-teal);font-size:14.5px}
.visual-v0364 .lead,
.visual-v0364 .section-head p,
.visual-v0364 .v36-home-copy p,
.visual-v0364 .v36-page-copy p,
.visual-v0364 .v36-rich-card p{color:var(--v364-warm)}
.visual-v0364 .v36-home-copy h1 span{color:#27755f}
.visual-v0364 .hero-actions-note{color:var(--v364-slate)}
.visual-v0364 .v36-home-points span:nth-child(1){color:#21685a}
.visual-v0364 .v36-home-points span:nth-child(2){color:#8d6934}
.visual-v0364 .v36-home-points span:nth-child(3){color:#6a637d}
.visual-v0364 .v36-home-points span{
  background:#fff;border:1px solid #e7d8c7;box-shadow:0 8px 18px rgba(25,40,55,.05)
}
.visual-v0364 .v36-path-card:nth-child(1) span,
.visual-v0364 .v36-process-card:nth-child(1) span,
.visual-v0364 .v36-value-card:nth-child(1) span{background:#eef6f2;color:#1c6d5b}
.visual-v0364 .v36-path-card:nth-child(2) span,
.visual-v0364 .v36-process-card:nth-child(2) span,
.visual-v0364 .v36-value-card:nth-child(2) span{background:#f7efe2;color:#9a6f30}
.visual-v0364 .v36-path-card:nth-child(3) span,
.visual-v0364 .v36-process-card:nth-child(3) span,
.visual-v0364 .v36-value-card:nth-child(3) span{background:#f1edf8;color:#6d5a8b}
.visual-v0364 .v36-process-card:nth-child(4) span,
.visual-v0364 .v36-value-card:nth-child(4) span{background:#edf2fa;color:#486b9a}
.visual-v0364 .v36-value-card h3,
.visual-v0364 .v36-process-card h3,
.visual-v0364 .v36-path-card h3{color:#294055}
.visual-v0364 .v36-group-card:nth-child(1) .product-kicker{color:#91662d}
.visual-v0364 .v36-group-card:nth-child(2) .product-kicker{color:#1d6b64}
.visual-v0364 .v36-group-card:nth-child(3) .product-kicker{color:#7b5e82}
.visual-v0364 .v36-group-card a,
.visual-v0364 .v36-solution-card a,
.visual-v0364 .v36-path-card,
.visual-v0364 .article-list a{color:#1a5f79}
.visual-v0364 .v36-door-card p,
.visual-v0364 .v36-group-card p,
.visual-v0364 .v36-solution-card p,
.visual-v0364 .v36-trust-card p{color:#6d5d4f}

/* Cleaner homepage hero */
.visual-v0364 .v36-home-hero-grid{gap:48px}
.visual-v0364 .v36-home-visual{
  border-radius:34px;
  background:#efe8df;
  box-shadow:0 28px 60px rgba(21,39,55,.13);
}
.visual-v0364 .v36-home-visual::after{display:none}
.visual-v0364 .v36-home-visual img{
  min-height:560px;
  object-position:50% center;
}
.visual-v0364 .v36-home-visual-note{
  top:28px;right:28px;left:auto;bottom:auto;
  max-width:280px;padding:16px 18px;
  background:rgba(255,251,245,.92);
  border:1px solid rgba(214,194,166,.72);
  border-radius:20px;
  box-shadow:0 18px 34px rgba(34,45,60,.12);
  backdrop-filter:blur(8px);
}
.visual-v0364 .v36-home-visual-note strong{
  color:#1b5f57;text-shadow:none;margin-bottom:6px;font-size:11.5px;letter-spacing:.15em
}
.visual-v0364 .v36-home-visual-note span{
  color:#54463d;text-shadow:none;font-size:14px;line-height:1.55
}

/* About accent card readability */
.visual-v0364 .v36-accent-card h2{font-weight:585;letter-spacing:-.03em}
.visual-v0364 .v36-accent-card p{color:rgba(255,255,255,.92)!important;max-width:36ch}

/* Footer — preserve official logo */
.visual-v0364 .footer-brand-v364{display:block;margin-bottom:12px}
.visual-v0364 .footer-brand-panel{
  display:inline-flex;align-items:center;justify-content:flex-start;
  padding:14px 16px;border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);
  border:1px solid rgba(233,240,245,.8);
  box-shadow:0 12px 26px rgba(8,21,32,.18);
}
.visual-v0364 .footer-logo-true{height:48px;width:auto;display:block;object-fit:contain;filter:none}
.visual-v0364 .footer .legal-strip{background:rgba(255,255,255,.08)}
.visual-v0364 .footer-slogan{color:#f0d6a8}

/* Refine action surfaces */
.visual-v0364 .btn-secondary,
.visual-v0364 .btn-outline{color:#36526a;border-color:#d9c9b1;background:#fffdfa}
.visual-v0364 .btn-secondary:hover{background:#faf2e8}
.visual-v0364 .v36-future-note{color:#fff5e8}
.visual-v0364 .v36-trust-card b:nth-of-type(1){color:#1e665c}

@media(max-width:980px){
  .visual-v0364 .v36-home-visual img{min-height:440px;object-position:50% center}
  .visual-v0364 .v36-home-visual-note{top:auto;bottom:22px;right:22px;max-width:250px}
}
@media(max-width:620px){
  .visual-v0364 .v36-home-visual img{min-height:360px}
  .visual-v0364 .v36-home-visual-note{left:18px;right:18px;bottom:18px;top:auto;max-width:none;padding:14px 15px}
  .visual-v0364 .footer-logo-true{height:42px}
  .visual-v0364 .footer-brand-panel{padding:12px 14px;border-radius:16px}
}

/* =========================================================
   v0.36.5 — final visual QA pass
   ========================================================= */
.visual-v0364{
  --v365-coral:#b85a49;
  --v365-coral-deep:#a3493b;
  --v365-ink:#2f495d;
}

/* Header logo: protect edges and avoid clipped feeling */
.visual-v0364 .brand{padding:6px 0 6px 2px;min-width:272px}
.visual-v0364 .brand img{
  height:76px;
  max-width:238px;
  width:auto;
  object-fit:contain;
  object-position:left center;
}

/* Homepage hero: smaller, calmer, more laptop-friendly */
.visual-v0364 .v36-home-hero-grid{grid-template-columns:1.02fr .9fr;gap:38px;align-items:center}
.visual-v0364 .v36-home-copy{max-width:620px}
.visual-v0364 .v36-home-visual{
  max-width:640px;
  margin-left:auto;
  min-height:auto;
  border-radius:32px;
  overflow:hidden;
}
.visual-v0364 .v36-home-visual img{
  width:100%;
  height:430px;
  min-height:430px;
  object-fit:cover;
  object-position:56% center;
  display:block;
}
.visual-v0364 .v36-home-visual-note{
  top:auto;
  bottom:24px;
  left:24px;
  right:auto;
  max-width:285px;
  border-radius:22px;
  background:rgba(251,246,239,.94);
}

/* Hotline / contact accent: warm red emphasis, used sparingly */
.visual-v0364 .premium-hotline{gap:11px;color:#6a625d}
.visual-v0364 .premium-hotline span:nth-child(2){
  color:var(--v365-coral);
  font-weight:750;
  letter-spacing:.02em;
}
.visual-v0364 .premium-hotline a{color:var(--navy)}
.visual-v0364 .phone-dot{
  background:linear-gradient(135deg,var(--v365-coral-deep),#c36e5b);
  box-shadow:0 10px 22px rgba(184,90,73,.22);
}
.visual-v0364 .footer h4,
.visual-v0364 .contact-card h3,
.visual-v0364 .mini-kicker{color:#ffd9bf}

/* Footer logo panel: smaller white base, keep logo presence */
.visual-v0364 .footer-brand-panel{
  padding:8px 10px;
  border-radius:14px;
}
.visual-v0364 .footer-logo-true{height:54px}

/* Slightly richer text accents without over-coloring */
.visual-v0364 .hero-actions-note{color:#75685d}
.visual-v0364 .v36-home-points span:nth-child(1){color:#18695c}
.visual-v0364 .v36-home-points span:nth-child(2){color:#a06d2a}
.visual-v0364 .v36-home-points span:nth-child(3){color:#7c6278}
.visual-v0364 .section-head p strong,
.visual-v0364 .v36-future-note strong,
.visual-v0364 .v36-rich-card strong{color:var(--v365-coral)}

@media(max-width:1100px){
  .visual-v0364 .v36-home-hero-grid{grid-template-columns:1fr;gap:26px}
  .visual-v0364 .v36-home-visual{max-width:none;margin-left:0}
}
@media(max-width:980px){
  .visual-v0364 .brand img{height:68px;max-width:220px}
  .visual-v0364 .v36-home-visual img{height:380px;min-height:380px;object-position:56% center}
}
@media(max-width:620px){
  .visual-v0364 .brand{min-width:0;padding:4px 0 4px 1px}
  .visual-v0364 .brand img{height:60px;max-width:190px}
  .visual-v0364 .v36-home-visual img{height:320px;min-height:320px;object-position:58% center}
  .visual-v0364 .v36-home-visual-note{left:16px;right:16px;bottom:16px;max-width:none}
  .visual-v0364 .footer-brand-panel{padding:7px 9px}
  .visual-v0364 .footer-logo-true{height:50px}
}

/* =========================================================
   v0.36.6 — pre-launch release candidate / publish-trial pass
   ========================================================= */
.visual-v0366{
  --v366-coral:#cd644a;
  --v366-coral-deep:#b55541;
  --v366-warm-gold:#c79a59;
  --v366-footer-head:#ffd9bb;
  --v366-muted-ink:#6f665f;
}

/* Header / brand balance */
.visual-v0366 .nav{min-height:94px}
.visual-v0366 .brand{
  min-width:250px;
  padding:4px 0 4px 2px;
  overflow:visible;
}
.visual-v0366 .brand img{
  height:60px;
  max-width:none;
  width:auto;
  display:block;
  object-fit:contain;
  object-position:left center;
}

/* Secondary CTA needs to stand out more without looking harsh */
.visual-v0366 .actions .btn-secondary,
.visual-v0366 .btn-secondary{
  background:linear-gradient(180deg,#fff9f3 0%,#fffdfb 100%);
  border-color:#d9b9a0;
  color:var(--v366-coral-deep);
  font-weight:690;
  box-shadow:0 8px 18px rgba(181,85,65,.10);
}
.visual-v0366 .actions .btn-secondary:hover,
.visual-v0366 .btn-secondary:hover{background:#fff5eb;border-color:#cfaa8d;color:#a94c3d}

/* Homepage hero: new sharper image and calmer crop */
.visual-v0366 .v36-home-hero-grid{grid-template-columns:1.03fr .94fr;gap:38px;align-items:center}
.visual-v0366 .v36-home-copy{max-width:620px}
.visual-v0366 .v36-home-visual{
  max-width:660px;
  margin-left:auto;
  min-height:auto;
  background:linear-gradient(180deg,#f6efe7 0%,#f5f4f1 100%);
  border:1px solid #e4d9cb;
  box-shadow:0 28px 56px rgba(19,34,48,.10);
}
.visual-v0366 .v36-home-visual img{
  width:100%;
  min-height:430px;
  height:430px;
  object-fit:cover;
  object-position:66% center;
  filter:none;
}
.visual-v0366 .v36-home-visual::after{display:none}
.visual-v0366 .v36-home-visual-note{
  bottom:22px;
  left:22px;
  right:auto;
  top:auto;
  max-width:290px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(251,246,239,.92);
  border:1px solid rgba(215,194,170,.85);
  box-shadow:0 14px 28px rgba(36,45,54,.12);
}
.visual-v0366 .v36-home-visual-note strong{color:#1f6a60}
.visual-v0366 .v36-home-visual-note span{color:#5d4f46}

/* Warmer support emphasis */
.visual-v0366 .premium-hotline{gap:11px;color:var(--v366-muted-ink)}
.visual-v0366 .premium-hotline span:nth-child(2){
  color:var(--v366-coral);
  font-weight:760;
  letter-spacing:.015em;
}
.visual-v0366 .premium-hotline a{color:var(--navy)}
.visual-v0366 .phone-dot{
  background:linear-gradient(135deg,var(--v366-coral-deep) 0%, #df7a5c 100%);
  box-shadow:0 10px 22px rgba(205,100,74,.22);
}

/* Product page readability / chips */
.visual-v0366 .filter-chip,
.visual-v0366 .tag,
.visual-v0366 .chip{
  background:#fff8ef;
  border-color:#dcc7ad;
  color:#5f5f66;
  font-weight:640;
}
.visual-v0366 .filter-chip.active,
.visual-v0366 .filter-chip[aria-pressed="true"]{
  background:linear-gradient(135deg,#1c4e90 0%,#173f77 100%);
  border-color:#173f77;
  color:#fff;
}
.visual-v0366 .status-pill{
  background:#f7eee2;
  border-color:#dbc3a2;
  color:#8a6540;
  font-weight:720;
}
.visual-v0366 .catalog-note,
.visual-v0366 .product-meta span,
.visual-v0366 .price-placeholder,
.visual-v0366 .v36-placeholder-visual{
  color:#6c7a86;
}
.visual-v0366 .price-placeholder{font-weight:700;color:#214164}
.visual-v0366 .v36-placeholder-visual{
  background:linear-gradient(180deg,#f9fbfc 0%,#f3f6f8 100%);
  border-color:#d4dde3;
  font-weight:560;
}

/* Footer balance */
.visual-v0366 .footer-brand-panel{
  padding:6px 8px;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);
}
.visual-v0366 .footer-logo-true{height:54px;width:auto}
.visual-v0366 .footer h4{color:var(--v366-footer-head)}
.visual-v0366 .footer a{color:#d6e2ee}
.visual-v0366 .footer a:hover{color:#ffffff}
.visual-v0366 .footer-slogan{color:#f3d8ae}

/* Misc warm highlights for a less cold palette */
.visual-v0366 .eyebrow::after{background:linear-gradient(90deg,#d3b07e 0%, rgba(211,176,126,.35) 100%)}
.visual-v0366 .v36-home-points span:nth-child(1){color:#1d6b5f}
.visual-v0366 .v36-home-points span:nth-child(2){color:#ae7a32}
.visual-v0366 .v36-home-points span:nth-child(3){color:#7f6378}
.visual-v0366 .content-rule .rule b,
.visual-v0366 .brand-tile strong{color:#18364f}

/* Responsive refinements */
@media(max-width:1100px){
  .visual-v0366 .v36-home-hero-grid{grid-template-columns:1fr;gap:26px}
  .visual-v0366 .v36-home-visual{max-width:none;margin-left:0}
}
@media(max-width:980px){
  .visual-v0366 .brand img{height:56px}
  .visual-v0366 .v36-home-visual img{height:400px;min-height:400px;object-position:64% center}
}
@media(max-width:620px){
  .visual-v0366 .brand{min-width:0;padding:2px 0 2px 0}
  .visual-v0366 .brand img{height:52px}
  .visual-v0366 .v36-home-visual img{height:320px;min-height:320px;object-position:62% center}
  .visual-v0366 .v36-home-visual-note{left:16px;right:16px;bottom:16px;max-width:none;padding:14px 15px}
  .visual-v0366 .footer-brand-panel{padding:5px 7px}
  .visual-v0366 .footer-logo-true{height:50px}
}

/* =========================================================
   v0.37.2 — final two-point fix from screenshot review
   ========================================================= */
.visual-v0366 .v36-home-visual-note{
  left:12px;
  max-width:270px;
}
.visual-v0366 .footer-brand-panel{
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0;
}
.visual-v0366 .footer-logo-true{
  height:58px;
  width:auto;
  display:block;
  filter:none;
}
@media(max-width:620px){
  .visual-v0366 .v36-home-visual-note{left:14px;right:14px;max-width:none}
  .visual-v0366 .footer-logo-true{height:52px}
}

/* =========================================================
   v0.37.3 — FINAL footer logo treatment
   Official TPSS logo + compact white plaque
   ========================================================= */
.visual-v0366 .footer-brand-panel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 9px;
  background:#ffffff;
  border:1px solid rgba(231,237,242,.92);
  border-radius:12px;
  box-shadow:0 8px 18px rgba(5,18,30,.12);
}
.visual-v0366 .footer-logo-true{
  height:58px;
  width:auto;
  display:block;
  object-fit:contain;
  filter:none;
}
@media(max-width:620px){
  .visual-v0366 .footer-brand-panel{
    padding:5px 8px;
    border-radius:11px;
  }
  .visual-v0366 .footer-logo-true{height:52px}
}

/* Policy layer v0.1 local implementation */
.policy-footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:24px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.15)}.policy-footer-nav h4{grid-column:span 1;margin:10px 0 4px}.policy-footer-nav a{display:block}.policy-section{max-width:900px;margin:28px 0}.policy-section h2{margin-bottom:10px}.policy-section p{line-height:1.75}.policy-return{margin-top:32px}@media(max-width:720px){.policy-footer-nav{grid-template-columns:1fr}.policy-footer-nav h4{grid-column:1}.policy-section{margin:22px 0}}

/* Policy readability patch — compact hierarchy for long-form policy pages */
body[class*="page-warranty"] main > .section > .container > h1{
  font-size:clamp(24px,2.35vw,30px);
  line-height:1.22;
  letter-spacing:-.3px;
  margin-bottom:12px;
}
body[class*="page-warranty"] .policy-section h2{
  font-size:18px;
  line-height:1.38;
  letter-spacing:0;
  font-weight:600;
  margin:24px 0 8px;
}
body[class*="page-warranty"] .policy-section h3{
  font-size:15px;
  line-height:1.45;
  letter-spacing:0;
  font-weight:600;
}
body[class*="page-warranty"] main > .section > .container > .lead{
  font-size:15px;
  line-height:1.65;
  max-width:900px;
}
body[class*="page-warranty"] .policy-section p,
body[class*="page-warranty"] .policy-section li{
  font-size:15px;
  line-height:1.7;
}
@media(max-width:720px){
  body[class*="page-warranty"] main > .section > .container > h1{font-size:23px}
  body[class*="page-warranty"] .policy-section h2{font-size:17px;margin-top:21px}
  body[class*="page-warranty"] .policy-section h3{font-size:15px}
}

/* Founder visual patch 2026-09-22: brighter consultation accent + one-step smaller policy headings */
.visual-v0364 .premium-hotline span:nth-child(2),
.visual-v0364 .premium-hotline a,
a[href^="tel:+84902982931"]{
  color:#f21f2f;
}
.visual-v0364 .phone-dot{
  background:#f21f2f;
  box-shadow:0 10px 22px rgba(242,31,47,.24);
}
body[class*="page-warranty"] main > .section > .container > h1{
  font-size:clamp(22px,2.1vw,28px);
}
body[class*="page-warranty"] .policy-section h2{
  font-size:17px;
}
@media(max-width:720px){
  body[class*="page-warranty"] main > .section > .container > h1{font-size:21px}
  body[class*="page-warranty"] .policy-section h2{font-size:16px}
}

/* Founder visual refinement 2026-09-22b: smaller site headings; policy H2 preserved; red consultation labels only */
/* General content headings — reduce one visual step without changing layout */
body.visual-v0364:not(.page-warranty) main h1{
  font-size:clamp(34px,4.2vw,58px) !important;
  line-height:1.06;
}
body.visual-v0364:not(.page-warranty) main h2{
  font-size:clamp(24px,2.7vw,36px) !important;
  line-height:1.18;
}
body.visual-v0364:not(.page-warranty) main h3{
  font-size:16px !important;
  line-height:1.34;
}
/* Policy: keep H2 at accepted size; only H1/H3 step down */
body.page-warranty main > .section > .container > h1{
  font-size:clamp(20px,1.95vw,26px) !important;
}
body.page-warranty .policy-section h2{
  font-size:17px !important;
}
body.page-warranty .policy-section h3{
  font-size:14px !important;
}
/* Consultation labels: vivid red; phone number remains navy/default */
.visual-v0364 .premium-hotline span:nth-child(2){
  color:#f21f2f !important;
}
.visual-v0364 .premium-hotline a{
  color:var(--navy) !important;
}
header .actions a.btn-secondary[href^="tel:"]{
  color:#f21f2f !important;
  border-color:rgba(242,31,47,.38);
}
/* Contact label only; do not recolor the phone number below it */
.contact-option strong{color:inherit}
.contact-option:has(a[href^="tel:"]) strong{color:#f21f2f}
@media(max-width:720px){
  body.visual-v0364:not(.page-warranty) main h1{font-size:32px !important}
  body.visual-v0364:not(.page-warranty) main h2{font-size:23px !important}
  body.visual-v0364:not(.page-warranty) main h3{font-size:15px !important}
  body.page-warranty main > .section > .container > h1{font-size:20px !important}
  body.page-warranty .policy-section h2{font-size:16px !important}
  body.page-warranty .policy-section h3{font-size:14px !important}
}
a[href^="tel:+84902982931"]{color:inherit}
header .actions a.btn-secondary[href^="tel:+84902982931"]{color:#f21f2f !important}
.visual-v0364 .premium-hotline a[href^="tel:+84902982931"]{color:var(--navy) !important}

/* Founder heading refinement 2026-09-22c: compact primary page titles across all non-policy pages */
body.visual-v0364:not(.page-warranty) main h1{
  font-size:clamp(30px,3.35vw,48px) !important;
  line-height:1.08;
  letter-spacing:-.025em;
}
/* Keep accepted policy H2 unchanged */
@media(max-width:720px){
  body.visual-v0364:not(.page-warranty) main h1{
    font-size:28px !important;
    line-height:1.10;
  }
}

/* TPSS 2026-09-22 — heading refinement after Founder review
   H1 retained. General H2 down one level; general H3 up one level.
   Policy H2 retained at approved size; policy H3 restored one level. */
body.visual-v0364:not(.page-warranty) main h2{
  font-size:clamp(22px,2.35vw,32px) !important;
}
body.visual-v0364:not(.page-warranty) main h3{
  font-size:18px !important;
}
body.page-warranty .policy-section h2{
  font-size:17px !important;
}
body.page-warranty .policy-section h3{
  font-size:15px !important;
}
@media(max-width:720px){
  body.visual-v0364:not(.page-warranty) main h2{font-size:21px !important}
  body.visual-v0364:not(.page-warranty) main h3{font-size:17px !important}
  body.page-warranty .policy-section h2{font-size:16px !important}
  body.page-warranty .policy-section h3{font-size:15px !important}
}

/* TPSS 2026-09-22 — Founder final H3 micro-adjustment */
body.visual-v0364:not(.page-warranty) main h3{
  font-size:19px !important;
}
body.page-warranty .policy-section h3{
  font-size:16px !important;
}
@media(max-width:720px){
  body.visual-v0364:not(.page-warranty) main h3{font-size:18px !important}
  body.page-warranty .policy-section h3{font-size:16px !important}
}

/* TPSS 2026-09-23 — Founder approved desktop navigation refinement */
@media(min-width:981px){
  .nav-links{
    font-size:15px;
    font-weight:600;
  }
  .nav-links [aria-current="page"]{
    font-weight:600;
  }
}

/* TPSS 2026-09-23 — Founder desktop navigation refinement v2 */
@media(min-width:981px){
  .nav-links{
    font-size:16px;
    font-weight:700;
  }
  .nav-links [aria-current="page"]{
    font-weight:700;
  }
}

/* TPSS 2026-09-23 — Founder nav refinement v3: direct anchor override.
   Previous patch targeted .nav-links container; this targets rendered anchors explicitly. */
@media(min-width:981px){
  header .nav-links > a{
    font-size:17px !important;
    font-weight:700 !important;
    line-height:1.25;
  }
  header .nav-links > a[aria-current="page"]{
    font-size:17px !important;
    font-weight:700 !important;
  }
}

/* TPSS 2026-10-04 — Zalo CTA runtime/affordance micro-patch. Icons unchanged. */
a.zalo-text-cta{
  text-decoration:none;
  cursor:pointer;
  outline-offset:3px;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
a.zalo-text-cta strong,a.zalo-text-cta b{color:#0A74FF;}
a.zalo-text-cta:hover{border-color:#0A74FF!important;box-shadow:0 0 0 2px rgba(10,116,255,.10);}
a.zalo-text-cta:focus-visible,a.zalo-inline-cta:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
a.zalo-inline-cta{color:#0A74FF;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
a.zalo-inline-cta:hover{text-decoration-thickness:2px;}


/* TPSS 2026-10-04 — Hotline + Email actionable contact affordance micro-patch. */
a.contact-action-link{cursor:pointer;text-underline-offset:3px;}
a.contact-action-link:hover{text-decoration-thickness:2px;}
a.contact-action-link:focus-visible,a.contact-action-card:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
a.contact-action-card{color:inherit;text-decoration:none;cursor:pointer;outline-offset:3px;}
a.contact-action-card:hover{border-color:#163a73;box-shadow:0 0 0 2px rgba(22,58,115,.08);}


/* TPSS 2026-10-04 — Contact CTA section visual-emphasis micro-patch.
   Scope: “Trao đổi nhanh với TPSS” only. Existing icons/endpoints preserved. */
.contact-quick-panel{
  padding:22px;
  border:1px solid rgba(22,58,115,.16);
  border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 10px 28px rgba(22,58,115,.07);
}
.contact-quick-panel > h2{margin-top:0;margin-bottom:14px;}
.contact-quick-panel .contact-option{
  margin:8px 0;
  padding:13px 14px;
  border:1px solid #dbe4e8;
  border-radius:14px;
  background:#fff;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background-color .15s ease;
}
.contact-quick-panel .contact-option:last-of-type{border-bottom:1px solid #dbe4e8;}
.contact-quick-panel .contact-option strong{font-weight:700;}
.contact-quick-panel .contact-option:hover{
  border-color:#163a73;
  box-shadow:0 5px 16px rgba(22,58,115,.09);
  transform:translateY(-1px);
}
.contact-quick-panel .contact-option:focus-visible{
  outline:2px solid #163a73;
  outline-offset:3px;
}
.contact-quick-panel .contact-option.zalo-text-cta:hover{
  border-color:#0A74FF!important;
  box-shadow:0 5px 16px rgba(10,116,255,.10);
}
.contact-quick-panel .cta-row{margin-top:12px;}
@media(max-width:720px){
  .contact-quick-panel{padding:17px;border-radius:17px;}
  .contact-quick-panel .contact-option{padding:12px;}
}
\n\n/* TPSS 2026-10-04 — Contact section de-duplication + restrained premium emphasis.
   One canonical Hotline/Zalo/Email CTA set only; endpoints/icons/logic unchanged. */
.contact-quick-panel-refined{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid #dfe8e5;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfa 100%);
  box-shadow:0 8px 24px rgba(18,58,52,.06);
}
.contact-quick-panel-refined::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#1f6659;
  opacity:.72;
}
.contact-quick-panel-refined > h2{
  color:#173f39;
  margin:0 0 16px;
}
.contact-quick-panel-refined .contact-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0;
  padding:14px 15px;
  border:1px solid #e1e8e6;
  border-radius:14px;
  background:#fff;
  box-shadow:0 2px 8px rgba(18,58,52,.035);
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background-color .15s ease;
}
.contact-quick-panel-refined .contact-option::after{
  content:"›";
  margin-left:auto;
  font-size:24px;
  line-height:1;
  opacity:.55;
}
.contact-quick-panel-refined .contact-option strong{font-weight:750;}
.contact-quick-panel-refined .contact-option small{display:block;margin-top:2px;color:#667773;}
.contact-quick-panel-refined .contact-option[href^="tel:"] strong{color:#b73737;}
.contact-quick-panel-refined .contact-option[href^="tel:"]:hover{border-color:rgba(183,55,55,.38);background:#fffafa;box-shadow:0 5px 16px rgba(183,55,55,.07);}
.contact-quick-panel-refined .contact-option.zalo-text-cta strong{color:#0A74FF;}
.contact-quick-panel-refined .contact-option.zalo-text-cta:hover{border-color:rgba(10,116,255,.42)!important;background:#f8fbff;box-shadow:0 5px 16px rgba(10,116,255,.08);}
.contact-quick-panel-refined .contact-option[href^="mailto:"] strong{color:#176657;}
.contact-quick-panel-refined .contact-option[href^="mailto:"]:hover{border-color:rgba(23,102,87,.38);background:#f8fcfb;box-shadow:0 5px 16px rgba(23,102,87,.07);}
.contact-quick-panel-refined .contact-option:hover{transform:translateY(-1px);}
.contact-quick-panel-refined .contact-option:focus-visible{outline:2px solid #285e55;outline-offset:3px;}
.contact-quick-panel-refined .placeholder{
  margin-top:18px!important;
  padding:14px 16px;
  border:1px solid #dce8e4;
  border-radius:14px;
  background:#eef6f3;
  color:#38554f;
}
.contact-quick-panel-refined .legal-strip{
  margin-top:14px!important;
  padding-top:14px;
  border-top:1px solid #e3e9e7;
  color:#66736f;
}
.contact-form-note{
  border-left:4px solid #4b8176;
  background:#f1f7f5;
  border-radius:12px;
  padding:13px 15px;
}
@media(max-width:720px){
  .contact-quick-panel-refined{padding:18px;border-radius:17px;}
  .contact-quick-panel-refined .contact-option{padding:13px;}
}\n

/* TPSS Day-0 27-SKU multi-brand catalogue — Founder review build */
:root{--tpss-navy:#163a73;--tpss-ink:#13263a;--tpss-red:#c83232;--tpss-soft:#f5f8fb;--tpss-line:#dce5ef;--tpss-green:#176657}
.catalog-shell{background:#f7f9fc;padding:28px 0 64px}.catalog-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.catalog-sidebar{position:sticky;top:92px;background:#fff;border:1px solid var(--tpss-line);border-radius:18px;padding:18px;box-shadow:0 6px 22px rgba(22,58,115,.06)}.filter-group{border-top:1px solid #e8eef4;padding-top:14px;margin-top:14px}.filter-group:first-child{border-top:0;margin-top:0;padding-top:0}.filter-group h3{font-size:14px;margin:0 0 9px;color:#344a62;text-transform:uppercase;letter-spacing:.04em}.filter-option{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:14px;color:#263a4f;cursor:pointer}.filter-option input{accent-color:var(--tpss-navy)}.catalog-main{min-width:0}.catalog-toolbar2{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--tpss-line);border-radius:16px;padding:13px 15px;margin-bottom:14px}.result-count{font-weight:750;color:var(--tpss-ink)}.sort-select{border:1px solid #ccd7e4;border-radius:10px;padding:9px 10px;background:#fff}.active-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}.active-chip{border:1px solid #c7d4e3;background:#fff;border-radius:999px;padding:6px 10px;font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.day0-card{background:#fff;border:1px solid #dfe7f0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-height:100%;box-shadow:0 7px 22px rgba(20,48,78,.055);transition:transform .14s ease,box-shadow .14s ease}.day0-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,48,78,.10)}.day0-media{height:248px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#f8fafc,#eef3f8);position:relative;overflow:hidden}.day0-media img{width:100%;height:100%;object-fit:contain;padding:16px}.day0-media .media-source{position:absolute;right:9px;bottom:8px;background:rgba(255,255,255,.88);border:1px solid #d9e2eb;border-radius:8px;padding:3px 6px;font-size:10px;color:#647487}.day0-body{padding:16px;display:flex;flex-direction:column;flex:1}.brand-model{font-size:13px;color:#62768b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.day0-card h3{margin:5px 0 8px;font-size:20px}.card-role{font-size:13px;color:#51677d;margin-bottom:9px}.feature-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.feature-chip{font-size:11px;padding:4px 7px;border-radius:999px;background:#eef4fb;color:#214b77;border:1px solid #d7e5f4}.door-cue{font-size:13px;color:#4d6174;margin:0 0 12px}.price-box{margin-top:auto;padding-top:10px;border-top:1px solid #edf1f5}.price-current{font-size:21px;font-weight:800;color:#143962}.price-original{text-decoration:line-through;color:#8b9aab;font-size:13px;margin-right:7px}.price-label{font-size:11px;color:#738397}.card-actions{display:flex;gap:8px;margin-top:12px}.card-actions .btn{flex:1;text-align:center;padding:9px 10px;font-size:13px}.hotline-red{background:var(--tpss-red)!important;border-color:var(--tpss-red)!important;color:#fff!important}.hotline-red:hover{filter:brightness(.94)}.filter-mobile-btn{display:none}.brand-strip-real{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 20px}.brand-pill-real{background:#fff;border:1px solid #dfe7ef;border-radius:12px;padding:10px 8px;text-align:center;font-size:12px;font-weight:800;color:#29445f}.launch-note{background:#edf6f4;border:1px solid #cde4df;border-radius:14px;padding:13px 15px;color:#345a52;margin:15px 0}.empty-state{background:#fff;border:1px solid var(--tpss-line);border-radius:18px;padding:30px;text-align:center}.catalog-backdrop{display:none}
/* PDP */
.pdp-wrap{background:#f7f9fc;padding:28px 0 64px}.pdp-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:28px;align-items:start}.pdp-gallery,.pdp-buybox,.pdp-section{background:#fff;border:1px solid #dfe7ef;border-radius:20px;box-shadow:0 8px 24px rgba(20,48,78,.06)}.pdp-gallery{padding:20px}.pdp-main-image{height:500px;display:flex;align-items:center;justify-content:center;background:#f7f9fb;border-radius:15px;overflow:hidden}.pdp-main-image img{width:100%;height:100%;object-fit:contain;padding:16px}.pdp-thumbs{display:flex;gap:9px;margin-top:11px;overflow:auto}.pdp-thumb{width:78px;height:78px;border:1px solid #d9e3ed;border-radius:10px;background:#fff;padding:4px;cursor:pointer}.pdp-thumb img{width:100%;height:100%;object-fit:contain}.pdp-buybox{padding:24px;position:sticky;top:92px}.pdp-brand{font-weight:800;color:#5f7387;letter-spacing:.05em;font-size:13px}.pdp-buybox h1{font-size:34px;line-height:1.12;margin:5px 0 10px}.pdp-price{padding:15px 0;border-top:1px solid #e8eef3;border-bottom:1px solid #e8eef3;margin:14px 0}.pdp-price .price-current{font-size:30px}.pdp-safe{font-size:13px;color:#566b7d;background:#f4f7fa;padding:10px 12px;border-radius:10px;margin:8px 0}.pdp-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.pdp-actions .btn{padding:12px}.pdp-actions .wide{grid-column:1/-1}.pdp-section{padding:22px;margin-top:20px}.pdp-section h2{margin-top:0}.spec-table{width:100%;border-collapse:collapse}.spec-table td{border-bottom:1px solid #edf1f4;padding:9px 6px}.spec-table td:first-child{font-weight:700;color:#4a6075;width:42%}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-card{border:1px solid #dfe7ef;border-radius:14px;padding:12px;background:#fff;text-decoration:none;color:inherit}.related-card img{width:100%;height:140px;object-fit:contain;background:#f7f9fb;border-radius:9px}.review-ribbon{background:#fff6d8;color:#6b581e;border-bottom:1px solid #eadca6;padding:7px 12px;text-align:center;font-size:12px;font-weight:700}.remote-media-note{font-size:10px;color:#718194}
@media(max-width:1080px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.brand-strip-real{grid-template-columns:repeat(4,1fr)}}
@media(max-width:780px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none;position:fixed;z-index:1002;inset:72px 12px 16px;overflow:auto;top:72px}.catalog-sidebar.open{display:block}.catalog-backdrop.open{display:block;position:fixed;z-index:1001;inset:0;background:rgba(10,25,40,.45)}.filter-mobile-btn{display:inline-flex}.catalog-grid{grid-template-columns:1fr}.day0-media{height:280px}.brand-strip-real{grid-template-columns:repeat(2,1fr)}.catalog-toolbar2{align-items:flex-start;flex-wrap:wrap}.pdp-top{grid-template-columns:1fr}.pdp-buybox{position:static}.pdp-main-image{height:420px}.pdp-actions{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.pdp-buybox h1{font-size:29px}}

.day0-media.media-error::after{content:"Ảnh chính thức cần kết nối Internet";display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#6b7c8d;font-size:12px;font-weight:650}.pdp-main-image.media-error::after{content:"Ảnh chính thức cần kết nối Internet";color:#6b7c8d;font-size:13px}
.featured-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.featured-home-grid .day0-media{height:220px}@media(max-width:900px){.featured-home-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.featured-home-grid{grid-template-columns:1fr}}

/* === TPSS Premium Merchandising Candidate 2026-10-09 === */
:root{--tpss-navy:#173b70;--tpss-navy-deep:#0d284d;--tpss-stone:#f3f4f1;--tpss-warm:#fbfaf7;--tpss-teal:#2f7c78;--tpss-red:#c92f3d;--tpss-border:#dce3ea;--tpss-shadow:0 16px 40px rgba(18,43,75,.09)}
body{background:var(--tpss-warm);color:#172b42}.premium-section{position:relative}.catalogue-hero{background:linear-gradient(135deg,#f8fafc 0%,#eef4f6 55%,#f8f5ef 100%);border-bottom:1px solid #e3e8ec;padding:68px 0 58px}.catalogue-hero-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:48px;align-items:center}.catalogue-hero h1{font-size:clamp(36px,4.5vw,58px);line-height:1.08;letter-spacing:-.035em;color:var(--tpss-navy-deep);max-width:880px;margin:10px 0 18px}.catalogue-hero .lead{font-size:19px;line-height:1.7;max-width:760px;color:#53677a}.hero-trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-trust-row span{background:#fff;border:1px solid var(--tpss-border);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700;color:#526679}.hero-consult-card{background:#fff;border:1px solid #dfe6ea;box-shadow:var(--tpss-shadow);border-radius:22px;padding:28px}.hero-consult-card strong{font-size:19px;color:var(--tpss-navy-deep)}.hero-consult-card p{color:#607386;line-height:1.65}.btn-zalo-icon,.zalo-btn img{width:20px;height:20px;object-fit:contain;vertical-align:-4px}.quick-choice{padding:46px 0 34px;background:#fff}.section-head.compact{margin-bottom:20px}.section-head.compact h2{margin:4px 0;font-size:28px;color:var(--tpss-navy-deep)}.quick-choice-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-choice-card{appearance:none;border:1px solid #e0e6eb;background:#fbfcfc;border-radius:16px;padding:18px 14px;text-align:left;cursor:pointer;transition:.2s;min-height:132px}.quick-choice-card:hover{transform:translateY(-2px);border-color:#a8bccb;box-shadow:0 10px 28px rgba(20,53,86,.09);background:#fff}.quick-icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:#eaf3f1;color:var(--tpss-teal);font-size:20px;margin-bottom:12px}.quick-choice-card strong{display:block;color:#173654;font-size:15px;margin-bottom:6px}.quick-choice-card small{color:#708091;line-height:1.45}.catalog-shell{padding:38px 0 70px;background:#f5f6f4}.brand-showroom{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:28px}.brand-logo-tile{height:78px;border:1px solid #dde4e8;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;transition:.2s;box-shadow:0 5px 14px rgba(18,43,75,.035)}.brand-logo-tile:hover,.brand-logo-tile.active{border-color:#7897b2;box-shadow:0 10px 28px rgba(18,43,75,.09);transform:translateY(-1px)}.brand-logo-tile img{max-height:34px;max-width:120px;object-fit:contain}.brand-logo-tile.wordmark-fallback span{font-size:17px;font-weight:800;letter-spacing:.08em;color:#203e5d}.catalog-toolbar2{border:0;background:transparent;padding:4px 0 20px}.sort-select{border:1px solid #d4dde4;background:#fff;border-radius:10px;padding:11px 36px 11px 13px;color:#334a60}.catalog-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.catalog-sidebar{position:sticky;top:92px;background:#fff;border:1px solid #dfe5e9;border-radius:18px;padding:8px 18px 18px;box-shadow:0 12px 30px rgba(20,46,74,.055);max-height:calc(100vh - 112px);overflow:auto}.filter-group{border-bottom:1px solid #edf0f2;padding:0}.filter-group summary{list-style:none;cursor:pointer;padding:17px 0 13px;font-size:14px;font-weight:800;color:#203b55;display:flex;justify-content:space-between}.filter-group summary::-webkit-details-marker{display:none}.filter-group summary:after{content:'+';font-size:18px;font-weight:400;color:#6f8291}.filter-group[open] summary:after{content:'−'}.filter-options{padding:0 0 13px}.filter-option{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13.5px;color:#526779;line-height:1.35}.filter-option input{width:17px;height:17px;accent-color:var(--tpss-navy);flex:0 0 auto}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card-premium{background:#fff;border:1px solid #e1e6e9;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(20,45,73,.055);transition:.23s}.product-card-premium:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(20,45,73,.11)}.product-media-premium{display:flex;position:relative;height:330px;background:linear-gradient(180deg,#fff 0%,#f5f6f4 100%);align-items:center;justify-content:center;padding:24px}.product-media-premium img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.brand-corner{position:absolute;left:16px;top:14px;background:rgba(255,255,255,.92);border:1px solid #e3e7e9;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#536a7c}.product-card-content{padding:18px 18px 20px}.model-line{font-size:19px;font-weight:800;color:#142f4d;letter-spacing:-.01em;margin-bottom:11px}.feature-chips.compact{min-height:56px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}.feature-chip{font-size:11.5px!important;padding:5px 8px!important;background:#eef3f3!important;border:0!important;color:#3e5f61!important;border-radius:999px!important}.price-pair{border-top:1px solid #edf0f2;margin-top:13px;padding-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.price-kicker{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8492a0;margin-bottom:4px}.listed-price del{font-size:15px;color:var(--tpss-red);font-weight:400;text-decoration-thickness:1px}.tpss-price strong{font-size:17px;color:var(--tpss-navy);font-weight:700}.contact-price{display:block;color:var(--tpss-navy);font-weight:800;font-size:17px}.detail-link{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid #edf0f2;color:#173b70;font-weight:800;font-size:13.5px;text-decoration:none}.detail-link span{font-size:18px}.active-chips{margin-bottom:12px}.active-chip{border:0;background:#eaf0f4;color:#36536b;border-radius:999px;padding:7px 10px}.pdp-wrap{padding:34px 0 76px;background:linear-gradient(#fbfbf9,#f5f6f4)}.back-link{display:inline-block;margin-bottom:20px;color:#526a7f;text-decoration:none;font-weight:700}.pdp-top-premium{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:44px;align-items:start}.pdp-gallery-premium{min-width:0}.pdp-main-image{height:590px;background:#fff;border:1px solid #e0e5e8;border-radius:22px;box-shadow:var(--tpss-shadow);display:flex;align-items:center;justify-content:center;padding:42px}.pdp-main-image img{width:100%;height:100%;object-fit:contain}.pdp-thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto;padding-bottom:4px}.pdp-thumb{width:84px;height:84px;border:1px solid #dce3e7;background:#fff;border-radius:12px;padding:7px;flex:0 0 auto}.pdp-thumb.active{border-color:#476d8c;box-shadow:0 0 0 2px rgba(71,109,140,.12)}.pdp-thumb img{width:100%;height:100%;object-fit:contain}.pdp-buybox-premium{background:#fff;border:1px solid #e0e5e8;border-radius:22px;padding:30px;box-shadow:var(--tpss-shadow);position:sticky;top:96px}.pdp-brand{font-size:12px;font-weight:800;letter-spacing:.12em;color:#678095}.pdp-buybox-premium h1{font-size:36px;letter-spacing:-.03em;color:var(--tpss-navy-deep);margin:8px 0}.pdp-summary{color:#607286;line-height:1.65}.pdp-price{margin:24px 0}.pdp-price-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}.pdp-price .tpss-price strong{font-size:23px}.pdp-price .listed-price del{font-size:20px}.pdp-contact-price{font-size:24px;color:var(--tpss-navy);font-weight:800;padding:18px 0;border-block:1px solid #edf0f2}.pricing-note{font-size:12.5px;color:#718293}.fit-callout{background:#f0f5f3;border-left:3px solid var(--tpss-teal);padding:13px 15px;border-radius:8px;margin:18px 0}.fit-callout strong,.fit-callout span{display:block}.fit-callout span{font-size:13px;color:#5a6f72;margin-top:4px}.pdp-actions-premium{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pdp-actions-premium .wide{grid-column:1/-1}.call-red{background:var(--tpss-red)!important;color:#fff!important;border-color:var(--tpss-red)!important}.zalo-btn{background:#fff!important;color:#0b65c2!important;border:1px solid #b9d4ee!important}.zalo-btn img{margin-right:5px}.pdp-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.pdp-info-card{background:#fff;border:1px solid #e1e6e9;border-radius:18px;padding:24px;box-shadow:0 8px 22px rgba(20,45,73,.045)}.pdp-info-card h2{font-size:20px;color:#193855;margin-top:0}.info-list>div{padding:12px 0;border-bottom:1px solid #edf0f2}.info-list b,.info-list span{display:block}.info-list span{margin-top:5px;color:#64788a;font-size:13.5px}.related-section{margin-top:32px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{background:#fff;border:1px solid #e1e6e9;border-radius:16px;padding:14px;text-decoration:none;color:#17344f}.related-card img{width:100%;height:190px;object-fit:contain;background:#f7f8f6;border-radius:12px}.related-card span{display:block;font-size:10px;letter-spacing:.08em;color:#718598;margin-top:10px}.related-card strong{display:block;margin:4px 0}.footer{background:#102d4e!important}.page-products .footer,.pdp-wrap+.footer{margin-top:0}.section,.v36-clean-section{background:transparent}
@media(max-width:1180px){.quick-choice-grid{grid-template-columns:repeat(3,1fr)}.brand-showroom{grid-template-columns:repeat(4,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.pdp-top-premium{grid-template-columns:1fr 420px}.pdp-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.catalogue-hero{padding:42px 0}.catalogue-hero-inner{grid-template-columns:1fr;gap:22px}.catalogue-hero h1{font-size:38px}.quick-choice-grid{grid-template-columns:repeat(2,1fr)}.brand-showroom{grid-template-columns:repeat(2,1fr)}.brand-logo-tile{height:66px}.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:fixed!important;top:0!important;left:0;bottom:0;width:min(88vw,340px);max-height:none!important;border-radius:0 18px 18px 0;z-index:1200;transform:translateX(-105%);transition:.25s;padding:16px 20px}.catalog-sidebar.open{transform:translateX(0)}.catalog-grid{grid-template-columns:1fr 1fr;gap:12px}.product-media-premium{height:240px;padding:16px}.product-card-content{padding:14px}.feature-chips.compact{min-height:auto}.price-pair{grid-template-columns:1fr}.pdp-top-premium{grid-template-columns:1fr;gap:18px}.pdp-main-image{height:420px;padding:26px}.pdp-buybox-premium{position:static}.pdp-info-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}.pdp-actions-premium{grid-template-columns:1fr}.pdp-actions-premium .wide{grid-column:auto}}
@media(max-width:520px){.quick-choice-grid{grid-template-columns:1fr 1fr}.quick-choice-card{min-height:116px;padding:14px 12px}.catalog-grid{grid-template-columns:1fr}.product-media-premium{height:340px}.brand-showroom{grid-template-columns:repeat(2,1fr)}.pdp-main-image{height:360px}.pdp-buybox-premium{padding:22px}.pdp-buybox-premium h1{font-size:30px}.related-grid{grid-template-columns:1fr}.hero-trust-row span{font-size:12px}}
/* Site-wide premium restraint — no structural redesign */
header{background:rgba(255,255,255,.96)!important;box-shadow:0 1px 0 rgba(17,43,72,.08);backdrop-filter:saturate(140%) blur(10px)}
.nav{min-height:74px}.nav-links a{color:#314b63}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--tpss-navy)}
.card,.v36-editorial-panel,.info-card,.contact-card{border-color:#dfe5e9!important;box-shadow:0 10px 28px rgba(20,45,73,.055)!important;border-radius:18px!important}
.section{padding-top:64px;padding-bottom:64px}.eyebrow{letter-spacing:.11em;color:#55748b!important}.lead{color:#5d7184}
.btn{border-radius:10px!important}.btn-primary{background:var(--tpss-navy)!important;border-color:var(--tpss-navy)!important}.btn-primary:hover{background:var(--tpss-navy-deep)!important}

/* =========================================================
   04.2 Founder review candidate — catalogue / filter / PDP polish
   2026-10-09
   ========================================================= */
:root{
  --tpss-call:#c95347;
  --tpss-call-deep:#ae4339;
  --tpss-cream:#fbf7f1;
  --tpss-sand:#eadcc8;
  --tpss-teal-soft:#edf6f3;
}

/* Founder CTA rule: call is visually distinct; Zalo keeps native recognizability. */
.actions .contact-action-link.btn-secondary,
.cta-row .contact-action-link.btn-secondary{
  background:var(--tpss-call)!important;
  border-color:var(--tpss-call)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(174,67,57,.16);
}
.actions .contact-action-link.btn-secondary:hover,
.cta-row .contact-action-link.btn-secondary:hover{
  background:var(--tpss-call-deep)!important;
  border-color:var(--tpss-call-deep)!important;
}
.btn-zalo,.zalo-btn{
  box-shadow:0 8px 20px rgba(10,116,255,.10);
}

/* Catalogue hero + quick choice: more editorial, less tile-like. */
.page-products .catalogue-hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(24,105,95,.08),transparent 30%),
    linear-gradient(135deg,#fbf8f2 0%,#f6f8f7 52%,#fff 100%);
}
.quick-choice-head{align-items:flex-start}
.quick-choice-head p{max-width:720px;margin-top:8px;color:#667887}
.quick-choice-grid-v042{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.quick-choice-grid-v042 .quick-choice-card{
  min-height:178px;
  padding:22px 20px 18px;
  border-radius:20px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  position:relative;
  overflow:hidden;
}
.quick-choice-grid-v042 .quick-choice-card::after{
  content:"";
  position:absolute;
  width:110px;height:110px;border-radius:50%;
  right:-44px;top:-48px;
  background:rgba(24,105,95,.045);
  pointer-events:none;
}
.quick-choice-grid-v042 .quick-choice-primary{background:linear-gradient(160deg,#ffffff 0%,#f4f8f6 100%)}
.quick-choice-grid-v042 .quick-choice-secondary{background:linear-gradient(160deg,#ffffff 0%,#fbf6ee 100%)}
.quick-choice-grid-v042 .quick-kicker{
  display:block;
  font-size:10px;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#81909c;
  font-weight:800;
  margin-bottom:5px;
}
.quick-choice-grid-v042 .quick-icon{margin-bottom:14px;background:#edf5f2}
.quick-choice-grid-v042 .quick-choice-secondary .quick-icon{background:#f7eee3;color:#916629}
.quick-choice-grid-v042 strong{font-size:16px;margin-bottom:7px}
.quick-choice-grid-v042 small{font-size:12.5px;line-height:1.55;color:#697a88}
.quick-choice-grid-v042 .quick-arrow{
  margin-top:auto;
  padding-top:13px;
  color:#315a6f;
  font-size:12px;
  font-weight:800;
}

/* Real brand identity — all seven use controlled/local marks in this build. */
.brand-showroom{
  padding:14px;
  border:1px solid #e1e6e8;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 28px rgba(21,43,67,.035);
}
.brand-logo-tile{
  height:86px;
  padding:13px 14px;
  border-radius:16px;
  box-shadow:none;
}
.brand-logo-tile img{max-height:44px;max-width:126px;width:auto;height:auto}
.brand-logo-tile.brand-kaadas img{max-height:52px;border-radius:7px}
.brand-logo-tile.brand-osuno img{max-height:56px}
.brand-logo-tile.brand-philips img{max-height:54px}
.brand-logo-tile.active{
  background:#f4f8f7;
  border-color:#4d8378;
  box-shadow:0 0 0 2px rgba(77,131,120,.08);
}

/* Filter/sidebar: clearer hierarchy on desktop; proper drawer controls on mobile. */
.catalog-toolbar-left{display:flex;align-items:center;gap:12px}
.catalog-sidebar{
  border-radius:22px;
  padding:0 18px 18px;
  box-shadow:0 16px 38px rgba(21,43,67,.06);
}
.filter-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:18px 0 14px;
  border-bottom:1px solid #e9edef;
  position:sticky;
  top:0;
  z-index:2;
  background:#fff;
}
.filter-panel-head span{display:block;color:#173953;font-size:15px;font-weight:850}
.filter-panel-head small{display:block;color:#85939e;font-size:11px;margin-top:2px}
.filter-panel-close{
  display:none;
  width:36px;height:36px;border-radius:50%;
  border:1px solid #d7e0e5;background:#fff;color:#365169;
  font-size:24px;line-height:1;cursor:pointer;
}
.filter-group summary{padding:18px 0 14px;font-size:13.5px;letter-spacing:.01em}
.filter-option{padding:7px 2px;margin:0;border-radius:8px;transition:background .15s ease}
.filter-option:hover{background:#f6f8f8}
.filter-panel-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}
.filter-panel-actions .btn{width:100%}
.filter-apply-mobile{display:none}
.filter-mobile-count{font-size:11px;margin-left:3px}
body.filter-drawer-open{overflow:hidden}

/* Product card: larger visual, quieter content, TPSS price dominates. */
.catalog-grid{gap:20px}
.product-card-premium{border-radius:20px}
.product-media-premium{height:354px;padding:28px 24px 22px;background:linear-gradient(180deg,#fff 0%,#f7f7f4 100%)}
.product-media-premium img{mix-blend-mode:normal;filter:none}
.brand-corner{display:none}
.product-card-content{padding:17px 18px 19px}
.product-card-brand{
  color:#758797;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.model-line{font-size:19px;margin-bottom:10px}
.feature-chips.compact{min-height:31px;margin-bottom:7px;overflow:hidden}
.feature-chips.compact .feature-chip{font-size:10.5px!important;padding:4px 7px!important}
.price-pair{
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:end;
  padding-top:14px;
  margin-top:11px;
}
.listed-price del{color:#8a969f;font-size:13px;font-weight:500}
.tpss-price{text-align:right}
.tpss-price strong{font-size:20px;color:#153f70;font-weight:850;letter-spacing:-.02em}
.contact-price{font-size:16px;min-height:56px;align-items:center;color:#153f70}
.detail-link{margin-top:13px;padding-top:13px;font-size:13px}

/* PDP: product first, strong hierarchy, real brand mark, CTA separation. */
.pdp-top-premium{gap:50px}
.pdp-main-image{height:620px;padding:48px;background:linear-gradient(180deg,#fff,#fbfbf9)}
.pdp-brand-row{display:flex;align-items:center;gap:11px;margin-bottom:8px;min-height:44px}
.pdp-brand-row img{max-width:112px;max-height:42px;object-fit:contain;display:block}
.pdp-brand-row span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7a8a96;font-weight:850}
.pdp-buybox-premium h1{font-size:38px;margin:6px 0 10px}
.pdp-summary{font-size:15px}
.pdp-price-pair{gap:22px;padding:20px 0}
.pdp-price .listed-price del{font-size:16px;color:#8b969d}
.pdp-price .tpss-price strong{font-size:28px;color:#143f72}
.pdp-contact-price{font-size:26px}
.pdp-actions-premium{gap:10px}
.pdp-actions-premium .call-red{background:var(--tpss-call)!important;border-color:var(--tpss-call)!important}
.pdp-actions-premium .call-red:hover{background:var(--tpss-call-deep)!important;border-color:var(--tpss-call-deep)!important}
.pdp-actions-premium .zalo-btn{background:#0a74ff!important;border-color:#0a74ff!important;color:#fff!important}
.pdp-actions-premium .zalo-btn img{background:#fff;border-radius:5px;padding:1px}
.pdp-info-card{border-radius:20px}

@media(max-width:1180px){
  .quick-choice-grid-v042{grid-template-columns:repeat(3,1fr)}
  .product-media-premium{height:300px}
}
@media(max-width:800px){
  .quick-choice-grid-v042{grid-template-columns:repeat(2,1fr)}
  .quick-choice-grid-v042 .quick-choice-card{min-height:156px}
  .brand-showroom{padding:10px;gap:8px}
  .brand-logo-tile{height:72px;padding:10px}
  .filter-panel-close{display:grid;place-items:center}
  .filter-panel-actions{
    position:sticky;bottom:-16px;background:#fff;padding:12px 0 16px;
    grid-template-columns:1fr 1.15fr;border-top:1px solid #e8edef;z-index:3;
  }
  .filter-apply-mobile{display:inline-flex}
  .catalog-sidebar{padding:0 18px 16px!important}
  .catalog-grid{gap:14px}
  .product-media-premium{height:260px;padding:18px}
  .pdp-main-image{height:440px;padding:28px}
}
@media(max-width:520px){
  .quick-choice-grid-v042{grid-template-columns:1fr}
  .quick-choice-grid-v042 .quick-choice-card{min-height:142px}
  .quick-choice-grid-v042 .quick-icon{width:34px;height:34px;margin-bottom:10px}
  .brand-showroom{grid-template-columns:repeat(2,1fr)}
  .brand-logo-tile{height:68px}
  .catalog-toolbar2{padding-bottom:14px}
  .catalog-toolbar-left{width:100%;justify-content:space-between}
  .product-media-premium{height:360px;padding:24px}
  .product-card-content{padding:16px 17px 18px}
  .pdp-main-image{height:380px;padding:24px}
  .pdp-brand-row img{max-width:100px;max-height:38px}
  .pdp-buybox-premium h1{font-size:31px}
  .pdp-price .tpss-price strong{font-size:25px}
  .actions .contact-action-link.btn-secondary{display:none}
}

/* ============================================================
   04.2 FOUNDER VISUAL REVISION — 2026-10-09
   Quiet-premium catalogue / compact brand rail / unified toolbar
   ============================================================ */
:root{
  --tpss-call:#cf2432;
  --tpss-call-deep:#b51d29;
}
.sr-only{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}
header .actions a.contact-action-link.btn-secondary[href^="tel:"]{
  background:var(--tpss-call)!important;
  border-color:var(--tpss-call)!important;
  color:#fff!important;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-inline:17px;
  box-shadow:0 4px 12px rgba(207,36,50,.16);
}
header .actions a.contact-action-link.btn-secondary[href^="tel:"]:hover{
  background:var(--tpss-call-deep)!important;
  border-color:var(--tpss-call-deep)!important;
  color:#fff!important;
}
header .actions a.contact-action-link.btn-secondary[href^="tel:"]:focus-visible{
  outline:3px solid rgba(207,36,50,.22);
  outline-offset:2px;
}

/* Section rhythm: compact but breathable. */
.quick-choice{padding-bottom:26px}
.catalog-shell{padding-top:24px}

/* Compact horizontal brand rail. */
.brand-showroom{
  display:flex!important;
  align-items:center;
  gap:10px!important;
  margin:0 0 12px!important;
  padding:7px 8px 7px 12px!important;
  border:1px solid #e1e6e9!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 5px 18px rgba(20,44,70,.035)!important;
  min-height:62px;
}
.brand-rail-label{
  flex:0 0 128px;
  min-width:0;
  padding-right:12px;
  border-right:1px solid #e8ecef;
  line-height:1.15;
}
.brand-rail-label span{
  display:block;
  font-size:10.5px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:#25455f;
}
.brand-rail-label small{
  display:block;
  margin-top:4px;
  color:#84919a;
  font-size:10px;
  white-space:nowrap;
}
.brand-rail-scroll{
  display:grid;
  grid-template-columns:repeat(7,minmax(82px,1fr));
  align-items:center;
  gap:2px;
  flex:1 1 auto;
  min-width:0;
}
.brand-logo-tile{
  height:48px!important;
  min-width:0;
  padding:7px 10px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  position:relative;
}
.brand-logo-tile:hover{
  background:#f6f8f8!important;
  border-color:#e6eaec!important;
  transform:none!important;
  box-shadow:none!important;
}
.brand-logo-tile.active{
  background:#eef5f3!important;
  border-color:#c9ddd7!important;
  box-shadow:inset 0 -2px 0 #3f776d!important;
}
.brand-logo-tile img{
  max-height:28px!important;
  max-width:102px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain;
}
.brand-logo-tile.brand-kaadas img{max-height:31px!important;border-radius:5px}
.brand-logo-tile.brand-osuno img{max-height:32px!important}
.brand-logo-tile.brand-philips img{max-height:31px!important}

/* Result count, active filters and sort are one coherent toolbar. */
.catalog-toolbar2{
  display:grid!important;
  grid-template-columns:auto minmax(120px,1fr) auto;
  align-items:center;
  gap:12px!important;
  padding:8px 10px!important;
  margin:0 0 14px!important;
  min-height:52px;
  background:rgba(255,255,255,.9)!important;
  border:1px solid #e1e6e9!important;
  border-radius:13px!important;
  box-shadow:0 4px 16px rgba(20,44,70,.028);
}
.catalog-toolbar-left{display:flex;align-items:center;gap:10px;min-width:0}
.result-count{
  font-size:13px!important;
  font-weight:720!important;
  color:#53687a!important;
  white-space:nowrap;
  letter-spacing:0;
}
.toolbar-filter-summary{
  display:flex!important;
  align-items:center;
  gap:6px;
  min-width:0;
  margin:0!important;
  overflow-x:auto;
  scrollbar-width:none;
}
.toolbar-filter-summary::-webkit-scrollbar{display:none}
.toolbar-default-label{
  font-size:12px;
  color:#8a969f;
  white-space:nowrap;
}
.active-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #dbe5e7!important;
  background:#f4f7f6!important;
  color:#3e5c68!important;
  border-radius:999px!important;
  padding:6px 9px!important;
  font-size:11.5px!important;
  line-height:1!important;
  cursor:pointer;
}
.active-chip span{font-size:14px;color:#7b8d95;line-height:.8}
.toolbar-sort{display:flex;align-items:center;justify-content:flex-end}
.sort-select{
  min-height:36px;
  border:1px solid #d7dfe4!important;
  border-radius:9px!important;
  padding:7px 34px 7px 10px!important;
  background-color:#fff!important;
  color:#42596b!important;
  font-size:12.5px;
  font-weight:620;
}

/* Compact accordion filter. */
.catalog-layout{gap:22px!important}
.catalog-sidebar{padding:0 16px 14px!important;border-radius:18px!important}
.filter-panel-head{padding:14px 0 11px!important}
.filter-panel-head span{font-size:14px!important}
.filter-panel-head small{font-size:10.5px!important}
.filter-group summary{padding:13px 0 11px!important;font-size:13px!important}
.filter-options{padding-bottom:9px!important}
.filter-option{padding:5px 2px!important;font-size:12.75px!important}
.filter-option input{width:16px!important;height:16px!important}
.filter-panel-actions{margin-top:10px!important}
#clearFilters[hidden]{display:none!important}

/* Product stage: product dominates; less dead space. */
.catalog-grid{gap:18px!important}
.product-card-premium{border-radius:18px!important}
.product-media-premium{
  height:300px!important;
  padding:10px!important;
  background:linear-gradient(180deg,#fbfcfb 0%,#f4f5f2 100%)!important;
  overflow:hidden;
}
.product-media-premium img{
  width:94%!important;
  height:94%!important;
  max-width:94%!important;
  max-height:94%!important;
  object-fit:contain!important;
  object-position:center center!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
.product-card-content{padding:15px 16px 17px!important}
.model-line{font-size:18px!important;line-height:1.22!important;margin-bottom:8px!important}
.feature-chips.compact{margin-bottom:6px!important;min-height:28px!important}
.feature-chips.compact .feature-chip{font-size:10px!important;padding:4px 6px!important}
.price-pair{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:end!important;
  padding-top:12px!important;
  margin-top:9px!important;
}
.price-kicker{font-size:9.5px!important;letter-spacing:.055em!important;margin-bottom:4px!important}
.listed-price del{
  color:#c72d3a!important;
  font-size:16px!important;
  font-weight:400!important;
  text-decoration-thickness:1px!important;
}
.tpss-price{text-align:left!important}
.tpss-price-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.tpss-price strong{
  color:#164271!important;
  font-size:16px!important;
  font-weight:650!important;
  letter-spacing:-.01em!important;
}
.discount-badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:3px 6px;
  background:#fbeaec;
  color:#b92130;
  font-size:10px;
  font-weight:780;
  line-height:1;
}
.contact-price{display:flex!important;min-height:48px!important;align-items:center!important;color:#164271!important;font-size:15.5px!important;font-weight:700!important}
.detail-link{margin-top:12px!important;padding-top:12px!important}

/* PDP: one unified product module; nested internal accordions. */
.pdp-wrap{padding-top:28px!important}
.pdp-master-module{
  background:#fff;
  border:1px solid #e0e5e8;
  border-radius:24px;
  box-shadow:0 16px 42px rgba(20,45,73,.065);
  overflow:hidden;
}
.pdp-top-premium{
  padding:28px;
  gap:40px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfbf9 100%);
}
.pdp-main-image{
  height:560px!important;
  padding:24px!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:none!important;
  background:#f7f8f6!important;
}
.pdp-main-image img{width:96%!important;height:96%!important;max-width:96%!important;max-height:96%!important;object-fit:contain!important}
.pdp-buybox-premium{
  border:0!important;
  border-left:1px solid #e8ecef!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:20px 0 20px 30px!important;
  background:transparent!important;
}
.pdp-price-pair{grid-template-columns:1fr 1fr!important;gap:18px!important}
.pdp-price .listed-price del{font-size:20px!important;color:#c72d3a!important;font-weight:400!important}
.pdp-price .tpss-price strong{font-size:20px!important;color:#164271!important;font-weight:650!important}
.pdp-contact-price{font-size:20px!important;font-weight:700!important}
.pdp-actions-premium .call-red{
  background:var(--tpss-call)!important;
  border-color:var(--tpss-call)!important;
  color:#fff!important;
}
.pdp-actions-premium .call-red:hover{background:var(--tpss-call-deep)!important;border-color:var(--tpss-call-deep)!important;color:#fff!important}
.pdp-details-accordion{
  border-top:1px solid #e8ecef;
  padding:0 28px 22px;
  background:#fff;
}
.pdp-detail-section{border-bottom:1px solid #edf0f2}
.pdp-detail-section:last-child{border-bottom:0}
.pdp-detail-section summary{
  cursor:pointer;
  list-style:none;
  padding:17px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#183b58;
  font-size:14px;
  font-weight:800;
}
.pdp-detail-section summary::-webkit-details-marker{display:none}
.pdp-detail-section summary:after{content:'+';font-size:20px;color:#728390;font-weight:400}
.pdp-detail-section[open] summary:after{content:'−'}
.pdp-detail-content{padding:0 0 18px;color:#5b6f80;font-size:13.5px;line-height:1.65}
.pdp-detail-content p{margin:0}
.pdp-detail-content .spec-table{margin:0;width:100%}
.pdp-feature-list{display:flex;flex-wrap:wrap;gap:7px}
.pdp-feature-list .feature-chip{margin:0}
.pdp-info-grid{display:none!important}
.related-section{margin-top:28px!important}

@media(max-width:1180px){
  .brand-rail-label{flex-basis:112px}
  .brand-logo-tile img{max-width:88px!important}
  .product-media-premium{height:270px!important}
}
@media(max-width:800px){
  .quick-choice{padding-bottom:20px}
  .catalog-shell{padding-top:18px!important}
  .brand-showroom{display:block!important;padding:8px!important}
  .brand-rail-label{display:flex;align-items:center;justify-content:space-between;gap:12px;border-right:0;border-bottom:1px solid #edf0f2;padding:2px 4px 7px;margin-bottom:5px}
  .brand-rail-label small{margin:0}
  .brand-rail-scroll{display:flex!important;overflow-x:auto;gap:3px;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-width:none}
  .brand-rail-scroll::-webkit-scrollbar{display:none}
  .brand-logo-tile{flex:0 0 104px!important;height:46px!important;scroll-snap-align:start}
  .brand-logo-tile img{max-height:26px!important;max-width:86px!important}
  .catalog-toolbar2{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:8px!important}
  .toolbar-filter-summary{grid-column:1/-1;order:3;border-top:1px solid #edf0f2;padding-top:7px;min-height:28px}
  .catalog-toolbar-left{gap:7px}
  .result-count{font-size:12.5px!important}
  .sort-select{max-width:168px;font-size:11.5px!important;padding-right:28px!important}
  .filter-mobile-btn{display:inline-flex!important;padding:7px 9px!important;font-size:12px!important}
  .product-media-premium{height:238px!important;padding:8px!important}
  .pdp-top-premium{grid-template-columns:1fr!important;padding:18px!important;gap:16px!important}
  .pdp-main-image{height:420px!important;padding:18px!important}
  .pdp-buybox-premium{border-left:0!important;border-top:1px solid #e8ecef!important;padding:20px 0 4px!important}
  .pdp-details-accordion{padding:0 18px 18px!important}
}
@media(max-width:520px){
  .brand-rail-label small{display:none}
  .brand-logo-tile{flex-basis:96px!important}
  .catalog-toolbar2{min-height:0!important}
  .toolbar-default-label{font-size:11.5px}
  .product-media-premium{height:300px!important;padding:10px!important}
  .price-pair{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .listed-price del,.tpss-price strong{font-size:15px!important}
  .pdp-main-image{height:360px!important}
  .pdp-master-module{border-radius:18px}
}

/* ============================================================
   04.2 FOUNDER CORRECTION — BRAND RAIL + RESULTS TOOLBAR
   2026-10-09 / quiet-premium, compact browsing controls
   ============================================================ */
.page-products .quick-choice{padding-bottom:18px!important}
.page-products .catalog-shell{padding-top:16px!important}

/* Brand rail: compact trust cue, not a row of oversized cards. */
.page-products .brand-showroom{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-height:54px!important;
  margin:0 0 10px!important;
  padding:5px 7px 5px 11px!important;
  border:1px solid #dfe5e8!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 3px 12px rgba(20,44,70,.025)!important;
}
.page-products .brand-rail-label{
  flex:initial!important;
  min-width:0!important;
  padding:0 10px 0 1px!important;
  border-right:1px solid #e6eaec!important;
}
.page-products .brand-rail-label span{
  font-size:10px!important;
  letter-spacing:.10em!important;
  color:#29465c!important;
}
.page-products .brand-rail-label small{
  margin-top:2px!important;
  font-size:9.5px!important;
  color:#8b969d!important;
}
.page-products .brand-rail-scroll{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(72px,1fr))!important;
  gap:1px!important;
  align-items:center!important;
  min-width:0!important;
}
.page-products .brand-logo-tile{
  height:40px!important;
  padding:4px 7px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.page-products .brand-logo-tile:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-1px;
  top:9px;
  bottom:9px;
  width:1px;
  background:#edf0f2;
}
.page-products .brand-logo-tile:hover{
  background:#f5f7f7!important;
  border-color:#e4e9eb!important;
}
.page-products .brand-logo-tile.active{
  background:#edf5f2!important;
  border-color:#c7ddd6!important;
  box-shadow:inset 0 -2px 0 #3d786c!important;
}
.page-products .brand-logo-tile.active::after,
.page-products .brand-logo-tile:hover::after{opacity:0}
.page-products .brand-logo-tile img{
  max-height:23px!important;
  max-width:94px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
.page-products .brand-logo-tile.brand-kaadas img{max-height:26px!important;max-width:96px!important}
.page-products .brand-logo-tile.brand-osuno img{max-height:27px!important;max-width:96px!important}
.page-products .brand-logo-tile.brand-philips img{max-height:26px!important;max-width:96px!important}

/* Results controls: one compact browsing toolbar; no isolated count/sort ends. */
.page-products .catalog-toolbar2{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:42px!important;
  margin:0 0 12px!important;
  padding:0 0 9px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #dfe5e8!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.page-products .catalog-toolbar-left{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:auto!important;
  flex:0 0 auto!important;
}
.page-products .result-count{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 9px!important;
  border:1px solid #e1e6e9!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#556a78!important;
  font-size:12px!important;
  font-weight:700!important;
}
.page-products .toolbar-filter-summary{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  max-width:min(46vw,520px)!important;
  margin:0!important;
  padding:0!important;
  overflow-x:auto!important;
  flex:0 1 auto!important;
}
.page-products .toolbar-default-label{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 8px!important;
  border-radius:8px!important;
  color:#839099!important;
  background:transparent!important;
  font-size:11.5px!important;
  white-space:nowrap!important;
}
.page-products .active-chip{
  min-height:30px!important;
  padding:5px 8px!important;
  font-size:11px!important;
}
.page-products .toolbar-sort{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  margin:0!important;
}
.page-products .sort-select{
  min-height:32px!important;
  max-width:178px!important;
  padding:5px 30px 5px 9px!important;
  border-radius:8px!important;
  border-color:#dbe2e6!important;
  color:#526775!important;
  font-size:11.5px!important;
  font-weight:620!important;
}

@media(max-width:920px){
  .page-products .brand-showroom{
    grid-template-columns:96px minmax(0,1fr)!important;
  }
  .page-products .brand-logo-tile img{max-width:82px!important}
  .page-products .toolbar-filter-summary{max-width:38vw!important}
}

@media(max-width:800px){
  .page-products .quick-choice{padding-bottom:14px!important}
  .page-products .catalog-shell{padding-top:12px!important}
  .page-products .brand-showroom{
    display:block!important;
    min-height:0!important;
    padding:7px 7px 6px!important;
    margin-bottom:8px!important;
  }
  .page-products .brand-rail-label{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:0 3px 5px!important;
    margin:0 0 3px!important;
    border-right:0!important;
    border-bottom:1px solid #edf0f2!important;
  }
  .page-products .brand-rail-label small{margin:0!important}
  .page-products .brand-rail-scroll{
    display:flex!important;
    overflow-x:auto!important;
    gap:1px!important;
    padding:0!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .page-products .brand-rail-scroll::-webkit-scrollbar{display:none!important}
  .page-products .brand-logo-tile{
    flex:0 0 94px!important;
    height:38px!important;
    scroll-snap-align:start!important;
  }
  .page-products .brand-logo-tile img{max-height:22px!important;max-width:80px!important}
  .page-products .brand-logo-tile.brand-kaadas img,
  .page-products .brand-logo-tile.brand-osuno img,
  .page-products .brand-logo-tile.brand-philips img{max-height:24px!important;max-width:82px!important}

  .page-products .catalog-toolbar2{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 8px!important;
    padding-bottom:8px!important;
    margin-bottom:10px!important;
  }
  .page-products .catalog-toolbar-left{gap:6px!important}
  .page-products .result-count{font-size:11.5px!important;min-height:31px!important;padding:0 8px!important}
  .page-products .toolbar-sort{justify-content:flex-end!important}
  .page-products .sort-select{max-width:160px!important;min-height:31px!important;font-size:11px!important}
  .page-products .toolbar-filter-summary{
    grid-column:1/-1!important;
    max-width:none!important;
    min-height:0!important;
    padding-top:2px!important;
    border-top:0!important;
  }
  .page-products .toolbar-default-label{min-height:24px!important;padding:0 2px!important}
}

@media(max-width:520px){
  .page-products .brand-rail-label small{display:none!important}
  .page-products .brand-logo-tile{flex-basis:88px!important}
  .page-products .sort-select{max-width:148px!important}
}


/* ============================================================
   04.2 CONSOLIDATED FOUNDER PREMIUM REVISION — FINAL REVIEW CANDIDATE
   Quiet premium / customer-first / product-led
   ============================================================ */
:root{--tpss-ocean:#1765a3;--tpss-red-strong:#c9363f;--quiet-ink:#20364a;--quiet-muted:#6d7d8a;--quiet-line:#e2e7ea;--quiet-stone:#f6f6f3}
body{font-weight:400;color:var(--quiet-ink)}
h1,h2,h3,h4,.model-line,.result-count,.filter-group summary,.product-card-brand{font-weight:620!important}
.lead,p,li,.filter-option,.pdp-summary,.pricing-note{font-weight:400!important}
.section{padding-top:50px!important;padding-bottom:50px!important}
.v36-page-hero{padding-top:46px!important;padding-bottom:42px!important}
.v36-page-hero-grid{gap:30px!important}
.v36-editorial-panel,.placeholder{padding:20px!important}
.section-head{margin-bottom:22px!important}

/* Header call CTA: unmistakable TPSS red. */
header .actions a[href^="tel:"]{background:var(--tpss-red-strong)!important;border-color:var(--tpss-red-strong)!important;color:#fff!important;font-weight:650!important;box-shadow:none!important}
header .actions a[href^="tel:"]:hover,header .actions a[href^="tel:"]:focus{background:#a92831!important;border-color:#a92831!important;color:#fff!important;outline:3px solid rgba(201,54,63,.16);outline-offset:2px}

/* Homepage featured: six representative products, image-first, consistent scale. */
.featured-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.featured-home-grid .day0-card{border-radius:18px!important;box-shadow:none!important;border-color:var(--quiet-line)!important}
.featured-home-grid .day0-media{height:285px!important;background:var(--quiet-stone)!important;padding:12px!important}
.featured-home-grid .day0-media img{width:94%!important;height:94%!important;object-fit:contain!important;padding:0!important;filter:none!important}
.featured-home-grid .day0-body{padding:15px 16px 17px!important}
.featured-home-grid .day0-card h3{font-size:18px!important;font-weight:620!important;margin:4px 0 8px!important}
.featured-home-grid .brand-model{font-size:10px!important;font-weight:700!important;letter-spacing:.09em!important}
.featured-home-grid .price-current{font-size:inherit!important;font-weight:inherit!important;margin-top:auto!important}
.featured-price-pair{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #edf0f2}
.featured-list-price span{display:block;font-size:9px;color:#89959d;margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em}
.featured-list-price del{font-size:15px;color:#c72d3a;text-decoration-thickness:1px;font-weight:400}
.featured-current-price{display:flex;align-items:center;gap:7px;margin-left:auto}.featured-current-price strong{font-size:16px;font-weight:540;color:var(--tpss-ocean)}
.featured-contact-price{padding-top:12px;border-top:1px solid #edf0f2;color:var(--tpss-ocean);font-size:15px;font-weight:620}
.featured-detail-link{display:flex;align-items:center;justify-content:space-between;padding-top:11px;margin-top:10px;border-top:1px solid #edf0f2;color:#1f557b;font-size:12.5px;font-weight:620;text-decoration:none}.featured-detail-link:hover{text-decoration:underline}

/* Catalogue hero/quick choice: tighter first viewport and coherent icons. */
.page-products .catalogue-hero{padding:42px 0 34px!important}
.page-products .catalogue-hero h1{font-size:clamp(32px,4vw,48px)!important;font-weight:590!important;margin-bottom:12px!important}
.page-products .catalogue-hero .lead{font-size:16px!important;line-height:1.6!important}
.page-products .hero-consult-card{padding:20px!important;border-radius:18px!important;box-shadow:none!important}
.page-products .quick-choice{padding:28px 0 20px!important}
.quick-choice-grid-v042{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.quick-choice-grid-v042 .quick-choice-card{min-height:128px!important;padding:15px!important;border-radius:15px!important;background:#fff!important}
.quick-choice-grid-v042 .quick-icon{width:34px!important;height:34px!important;border-radius:10px!important;font-size:17px!important;margin-bottom:9px!important}
.quick-choice-grid-v042 .quick-choice-card strong{font-size:14px!important;font-weight:620!important}.quick-choice-grid-v042 small{font-size:11.5px!important}.quick-choice-grid-v042 .quick-arrow{padding-top:7px!important;font-size:11px!important}

/* Brand rail: premium showroom cue, optical logo normalization, minimal height. */
.page-products .brand-showroom{grid-template-columns:104px minmax(0,1fr)!important;min-height:50px!important;padding:4px 6px 4px 10px!important;margin-bottom:8px!important;border-radius:11px!important;box-shadow:none!important}
.page-products .brand-rail-label{padding-right:8px!important}.page-products .brand-rail-label span{font-weight:620!important}.page-products .brand-rail-label small{font-size:9px!important}
.page-products .brand-logo-tile{height:38px!important;padding:3px 6px!important;border-radius:7px!important}
.page-products .brand-logo-tile img{max-height:22px!important;max-width:92px!important;filter:none!important;opacity:1!important}
.page-products .brand-logo-tile.brand-kaadas img,.page-products .brand-logo-tile.brand-osuno img,.page-products .brand-logo-tile.brand-philips img{max-height:25px!important}

/* Results toolbar: coherent and understated. */
.page-products .catalog-toolbar2{min-height:38px!important;margin-bottom:10px!important;padding-bottom:7px!important;gap:7px!important}.page-products .result-count{min-height:29px!important;font-size:11.5px!important;font-weight:560!important}.page-products .sort-select{min-height:29px!important;font-size:11px!important}.page-products .active-chip{min-height:27px!important;font-size:10.5px!important}

/* Compact filter accordion. */
.catalog-layout{grid-template-columns:232px minmax(0,1fr)!important;gap:18px!important}.catalog-sidebar{padding:0 14px 12px!important;border-radius:16px!important;box-shadow:none!important}.filter-panel-head{padding:12px 0 9px!important}.filter-panel-head span{font-size:13.5px!important;font-weight:620!important}.filter-group summary{padding:11px 0 10px!important;font-size:12.5px!important;font-weight:590!important}.filter-option{padding:4px 1px!important;font-size:12px!important}.filter-option input{width:15px!important;height:15px!important}.filter-panel-actions{margin-top:8px!important}

/* Listing cards: image dominates, body scans quickly. */
.catalog-grid{gap:16px!important}.product-card-premium{box-shadow:none!important;border-color:var(--quiet-line)!important}.product-media-premium{height:320px!important;padding:8px!important;background:var(--quiet-stone)!important}.product-media-premium img{width:98%!important;height:98%!important;max-width:98%!important;max-height:98%!important;object-fit:contain!important;object-position:center!important}.product-card-content{padding:13px 14px 15px!important}.product-card-brand{font-size:9.5px!important;font-weight:650!important}.model-line{font-size:17px!important;font-weight:610!important;margin-bottom:7px!important}.feature-chips.compact{min-height:24px!important;margin-bottom:3px!important}.feature-chips.compact .feature-chip{font-size:9.5px!important;padding:3px 6px!important}.price-pair{padding-top:10px!important;margin-top:7px!important;gap:9px!important}.listed-price del{font-size:15px!important;color:#c72d3a!important;font-weight:400!important}.tpss-price strong{font-size:15px!important;color:var(--tpss-ocean)!important;font-weight:540!important}.price-kicker{font-weight:500!important}.discount-badge{font-size:9.5px!important;padding:3px 6px!important}.detail-link{margin-top:9px!important;padding-top:9px!important;font-size:12px!important}

/* PDP unified module: bigger product, lighter hierarchy, clean contact guidance. */
.pdp-wrap{padding-top:22px!important}.pdp-master-module{box-shadow:none!important;border-radius:20px!important}.pdp-top-premium{grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr)!important;padding:22px!important;gap:26px!important}.pdp-main-image{height:610px!important;padding:14px!important;background:var(--quiet-stone)!important}.pdp-main-image img{width:98%!important;height:98%!important;max-width:98%!important;max-height:98%!important;object-fit:contain!important}.pdp-buybox-premium{padding:14px 0 14px 24px!important}.pdp-buybox-premium h1{font-size:32px!important;font-weight:600!important}.pdp-summary{font-size:14px!important;line-height:1.55!important}.pdp-price-pair{gap:14px!important;padding:14px 0!important}.pdp-price .listed-price del{font-size:18px!important;color:#c72d3a!important;font-weight:400!important}.pdp-price .tpss-price strong{font-size:18px!important;color:var(--tpss-ocean)!important;font-weight:540!important}.pdp-contact-price{font-size:18px!important;font-weight:620!important;color:var(--tpss-ocean)!important}.pdp-contact-guidance{margin:14px 0 10px;padding:12px 14px;border-left:3px solid var(--tpss-red-strong);background:#fff6f6;border-radius:10px;color:#4b5965}.pdp-contact-guidance strong{display:block;font-size:13px;font-weight:620;color:#9f2830;margin-bottom:3px}.pdp-contact-guidance span{font-size:11.5px}.pdp-actions-premium{grid-template-columns:1fr!important}.pdp-actions-premium .wide{grid-column:auto!important}.pdp-details-accordion{padding:0 22px 16px!important}.pdp-detail-section summary{padding:14px 0!important;font-size:13px!important;font-weight:610!important}.pdp-detail-content{font-size:12.5px!important}

/* Persistent contact dock. */
.tpss-contact-dock{position:fixed;right:16px;bottom:16px;z-index:1500;display:flex;flex-direction:column;gap:7px;filter:drop-shadow(0 8px 18px rgba(20,43,67,.13))}.dock-action{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 11px 6px 7px;border-radius:999px;background:#fff;border:1px solid #dfe5e8;color:#314d62;text-decoration:none;font-size:11.5px;font-weight:620}.dock-action:hover{transform:translateY(-1px)}.dock-icon,.dock-zalo-mark,.dock-messenger-mark{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex:0 0 29px}.dock-phone .dock-icon{background:var(--tpss-red-strong);color:#fff}.dock-zalo-mark{background:#0877ff;color:#fff;font-weight:800}.dock-messenger-mark{background:linear-gradient(145deg,#0877ff,#9b4dff)}.dock-messenger-mark svg{width:18px;height:18px;fill:#fff}.dock-label{white-space:nowrap}

@media(max-width:900px){.featured-home-grid{grid-template-columns:repeat(2,1fr)!important}.quick-choice-grid-v042{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:800px){.section{padding-top:38px!important;padding-bottom:38px!important}.page-products .catalogue-hero{padding:30px 0 24px!important}.page-products .brand-showroom{padding:6px!important}.page-products .brand-logo-tile{height:36px!important;flex-basis:88px!important}.catalog-grid{grid-template-columns:1fr 1fr!important}.product-media-premium{height:245px!important}.pdp-top-premium{grid-template-columns:1fr!important;padding:14px!important}.pdp-main-image{height:460px!important}.pdp-buybox-premium{border-left:0!important;border-top:1px solid var(--quiet-line)!important;padding:16px 0 2px!important}.tpss-contact-dock{left:0;right:0;bottom:0;flex-direction:row;gap:0;background:#fff;border-top:1px solid #dfe5e8;filter:none;padding:max(5px,env(safe-area-inset-bottom)) 6px 5px;justify-content:space-around}.dock-action{flex:1;justify-content:center;border:0;border-radius:10px;padding:5px 4px;min-height:46px;flex-direction:column;gap:2px;font-size:10px}.dock-icon,.dock-zalo-mark,.dock-messenger-mark{width:25px;height:25px;flex-basis:25px}.dock-messenger-mark svg{width:16px;height:16px}body{padding-bottom:58px}.pdp-details-accordion{padding:0 14px 14px!important}}
@media(max-width:560px){.featured-home-grid{grid-template-columns:1fr!important}.catalog-grid{grid-template-columns:1fr!important}.product-media-premium{height:330px!important}.pdp-main-image{height:390px!important}.quick-choice-grid-v042 .quick-choice-card{min-height:120px!important}.dock-label{font-size:9.5px}}

/* Final icon / hero proportion refinement */
.quick-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.visual-v0366 .v36-home-hero{padding:42px 0 38px!important}
.visual-v0366 .v36-home-hero-grid{gap:30px!important}
.visual-v0366 .v36-home-copy h1{font-size:clamp(36px,4.6vw,58px)!important;font-weight:580!important;line-height:1.07!important}
.visual-v0366 .v36-home-copy p{font-size:16px!important;line-height:1.62!important}
.visual-v0366 .v36-home-visual img{height:430px!important;min-height:430px!important}
.visual-v0366 .v36-home-visual-note{padding:12px 14px!important}
@media(max-width:800px){.visual-v0366 .v36-home-hero{padding:28px 0 24px!important}.visual-v0366 .v36-home-visual img{height:330px!important;min-height:330px!important}.visual-v0366 .v36-home-copy h1{font-size:36px!important}}

/* ============================================================
   04.2 CONSOLIDATED FOUNDER REFINEMENT — visual-v037
   Quiet premium / product-led / lighter hierarchy / less dead space
   ============================================================ */
.visual-v037{
  --v37-navy:#163a73;
  --v37-slate:#243f54;
  --v37-teal:#2f766f;
  --v37-ocean:#1670a8;
  --v37-red:#cc2b38;
  --v37-text:#334b5e;
  --v37-muted:#71818e;
  --v37-line:#e3e8ea;
  --v37-stone:#f7f7f4;
  --v37-warm:#fcfbf8;
}
.visual-v037 body,.visual-v037{color:var(--v37-text)}
.visual-v037 h1{color:var(--v37-navy)!important;font-weight:590!important;letter-spacing:-.025em!important}
.visual-v037 h2{color:var(--v37-slate)!important;font-weight:560!important;letter-spacing:-.018em!important}
.visual-v037 h3{color:#315665!important;font-weight:560!important;letter-spacing:-.01em!important}
.visual-v037 .eyebrow{color:var(--v37-teal)!important;font-weight:650!important;letter-spacing:.095em!important}
.visual-v037 .lead{color:#586f80!important}
.visual-v037 .section-head p{color:#697d8b!important}
.visual-v037 .btn{font-weight:620!important}

/* More intentional site-wide rhythm. */
.visual-v037 .section{padding-top:48px;padding-bottom:48px}
.visual-v037 .v36-clean-section,.visual-v037 .v36-soft-section{padding-top:48px!important;padding-bottom:48px!important}
.visual-v037 .v36-balanced-head{margin-bottom:22px!important;gap:24px!important}
.visual-v037 .v36-value-card,.visual-v037 .v36-path-card,.visual-v037 .v36-process-card,.visual-v037 .placeholder{padding:20px!important}
.visual-v037 .v36-value-card h3,.visual-v037 .v36-path-card h3,.visual-v037 .v36-process-card h3{font-weight:560!important}
.visual-v037 .v36-home-hero{padding:36px 0 32px!important}
.visual-v037 .v36-home-hero-grid{gap:26px!important}
.visual-v037 .v36-home-copy h1{font-size:clamp(36px,4.4vw,56px)!important;font-weight:570!important;line-height:1.06!important}
.visual-v037 .v36-home-copy p{font-size:15.5px!important;line-height:1.62!important}
.visual-v037 .v36-home-visual img{height:400px!important;min-height:400px!important}
.visual-v037 .v36-home-trust{margin-top:22px!important;gap:12px!important}
.visual-v037 .v36-trust-card{padding:16px 18px!important}
.visual-v037 .v36-trust-card b{font-weight:590!important;color:#2a5365!important}

/* Product page first viewport. */
.visual-v037.page-products .catalogue-hero{padding:34px 0 26px!important;background:linear-gradient(180deg,#fbfcfb 0%,#fff 100%)!important}
.visual-v037.page-products .catalogue-hero-inner{gap:28px!important;align-items:center!important}
.visual-v037.page-products .catalogue-hero h1{font-size:clamp(31px,3.7vw,46px)!important;font-weight:580!important;line-height:1.08!important;margin-bottom:10px!important}
.visual-v037.page-products .catalogue-hero .lead{font-size:15px!important;line-height:1.58!important;max-width:760px!important}
.visual-v037.page-products .hero-consult-card{padding:18px!important;border:1px solid var(--v37-line)!important;background:#fff!important;border-radius:16px!important}
.visual-v037.page-products .hero-consult-card strong{font-weight:590!important;color:#284b5f!important}
.visual-v037.page-products .hero-consult-card p{font-size:12.5px!important;line-height:1.5!important}
.visual-v037.page-products .hero-trust-row{gap:7px!important;margin-top:15px!important}
.visual-v037.page-products .hero-trust-row span{
  background:#f0f6f4!important;border:1px solid #d9e7e2!important;color:#356a63!important;
  padding:6px 9px!important;border-radius:999px!important;font-size:11px!important;font-weight:560!important;
}

/* Quick choice: three disciplined columns; one icon family and lighter typography. */
.visual-v037.page-products .quick-choice{padding:24px 0 26px!important}
.visual-v037.page-products .quick-choice-head{margin-bottom:14px!important}
.visual-v037.page-products .quick-choice-head h2{font-size:25px!important;font-weight:560!important}
.visual-v037.page-products .quick-choice-head p{font-size:13px!important}
.visual-v037 .quick-choice-grid-v042{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.visual-v037 .quick-choice-grid-v042 .quick-choice-card{
  min-height:116px!important;padding:13px 14px!important;border-radius:14px!important;
  border:1px solid var(--v37-line)!important;background:#fff!important;box-shadow:none!important;
}
.visual-v037 .quick-choice-grid-v042 .quick-choice-card:hover{border-color:#cbd9d8!important;background:#fbfdfc!important;transform:translateY(-1px)!important}
.visual-v037 .quick-choice-grid-v042 .quick-icon{width:31px!important;height:31px!important;border-radius:9px!important;margin-bottom:7px!important;color:var(--v37-teal)!important;background:#edf6f3!important}
.visual-v037 .quick-choice-grid-v042 .quick-choice-card strong{font-size:13.5px!important;font-weight:590!important;color:#294d60!important}
.visual-v037 .quick-choice-grid-v042 .quick-kicker{font-size:9px!important;color:#69827f!important}
.visual-v037 .quick-choice-grid-v042 small{font-size:11px!important;line-height:1.38!important;color:#748590!important}
.visual-v037 .quick-choice-grid-v042 .quick-arrow{font-size:10.5px!important;color:#39736d!important;font-weight:560!important}

/* Featured discovery belongs only on Product page. */
.visual-v037 .featured-discovery{padding:28px 0 30px!important;background:var(--v37-warm)!important;border-top:1px solid #f0efea;border-bottom:1px solid #efeee9}
.visual-v037 .featured-discovery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px!important}
.visual-v037 .featured-discovery-head h2{font-size:25px!important;margin-bottom:5px!important}
.visual-v037 .featured-discovery-head p{max-width:790px;font-size:12.5px!important;line-height:1.5!important;margin:0!important;color:#6c7d87!important}
.visual-v037 .featured-jump{font-size:11.5px;color:#436e7e;text-decoration:none;white-space:nowrap;padding-bottom:2px}
.visual-v037 .featured-jump:hover{text-decoration:underline}
.visual-v037 .featured-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.visual-v037 .featured-product-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--v37-line);border-radius:17px;overflow:hidden;box-shadow:none}
.visual-v037 .featured-product-media{position:relative;height:278px;padding:10px;display:flex;align-items:center;justify-content:center;background:#fbfbf8;overflow:hidden;text-decoration:none}
.visual-v037 .featured-product-media img{width:96%;height:96%;object-fit:contain;object-position:center;display:block}
.visual-v037 .featured-role{position:absolute;z-index:2;left:11px;top:11px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid #dbe6e3;color:#3a6f68;font-size:9.5px;font-weight:650;letter-spacing:.02em;box-shadow:0 2px 7px rgba(27,55,70,.04)}
.visual-v037 .featured-product-body{display:flex;flex-direction:column;flex:1;padding:13px 14px 14px}
.visual-v037 .featured-brand{font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:650;color:#58778b;margin-bottom:6px}
.visual-v037 .featured-product-card h3{font-size:17px!important;line-height:1.18!important;font-weight:560!important;margin:0 0 4px!important;color:#264d61!important}
.visual-v037 .featured-role-note{font-size:11px;line-height:1.35;color:#72838e;margin:0 0 8px;min-height:30px}
.visual-v037 .featured-product-card .feature-chips.compact{min-height:48px!important;margin-bottom:6px!important}
.visual-v037 .featured-product-card .feature-chip{font-size:9px!important;padding:3px 6px!important;background:#f2f5f4!important;color:#5b706e!important}
.visual-v037 .featured-price-pair{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:7px;border-top:1px solid #edf0ef;min-height:54px}
.visual-v037 .featured-list-price{display:flex;align-items:baseline;gap:7px;color:var(--v37-red)}
.visual-v037 .featured-list-price span{font-size:9px;font-weight:520;letter-spacing:.025em}
.visual-v037 .featured-list-price del{font-size:14px;font-weight:400;text-decoration-thickness:1px}
.visual-v037 .featured-current-price{display:flex;align-items:center;gap:7px;min-height:23px}
.visual-v037 .featured-current-price strong{font-size:14px;font-weight:540;color:var(--v37-ocean)}
.visual-v037 .featured-product-card .contact-price{font-size:13.5px!important;font-weight:590!important;color:var(--v37-ocean)!important;min-height:54px!important;padding-top:9px!important}
.visual-v037 .featured-detail-link{display:flex;align-items:center;justify-content:space-between;padding-top:9px;margin-top:7px;border-top:1px solid #edf0ef;color:#315f78;font-size:11.5px;font-weight:560;text-decoration:none}
.visual-v037 .featured-detail-link:hover{color:#163a73;text-decoration:underline}

/* Premium multi-brand strip — minimal height, stronger logo presence. */
.visual-v037.page-products .catalog-shell{padding-top:20px!important}
.visual-v037.page-products .brand-showroom{
  display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:5px!important;
  min-height:44px!important;padding:4px 5px 4px 9px!important;margin-bottom:8px!important;
  border:1px solid var(--v37-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;
}
.visual-v037.page-products .brand-rail-label{padding-right:7px!important;border-right:1px solid #edf0f1!important}
.visual-v037.page-products .brand-rail-label span{font-size:9.5px!important;font-weight:650!important;letter-spacing:.075em!important;color:#426072!important}
.visual-v037.page-products .brand-rail-label small{font-size:8.5px!important;margin-top:2px!important;color:#92a0a7!important}
.visual-v037.page-products .brand-rail-scroll{gap:1px!important}
.visual-v037.page-products .brand-logo-tile{height:34px!important;padding:3px 6px!important;border-radius:7px!important}
.visual-v037.page-products .brand-logo-tile img{max-height:24px!important;max-width:94px!important;opacity:1!important;filter:none!important}
.visual-v037.page-products .brand-logo-tile:hover{background:#f7f9f8!important}
.visual-v037.page-products .brand-logo-tile.active{background:#eef5f3!important;border-color:#cddfd9!important;box-shadow:inset 0 -2px 0 #3d776e!important}

/* Results toolbar: count + active filters + sort as one compact browsing unit. */
.visual-v037.page-products .catalog-toolbar2{
  grid-template-columns:auto minmax(0,1fr) auto!important;min-height:40px!important;padding:5px 7px!important;
  gap:8px!important;margin-bottom:10px!important;border-radius:10px!important;box-shadow:none!important;background:#fbfcfb!important;
}
.visual-v037.page-products .result-count{font-size:10.8px!important;font-weight:540!important;color:#697a86!important;min-height:28px!important;padding:0 3px!important}
.visual-v037.page-products .toolbar-default-label{font-size:10.5px!important;color:#96a0a6!important}
.visual-v037.page-products .active-chip{min-height:25px!important;padding:5px 8px!important;font-size:10px!important;font-weight:520!important}
.visual-v037.page-products .sort-select{min-height:30px!important;font-size:10.5px!important;font-weight:540!important;border-radius:8px!important;padding:5px 29px 5px 9px!important}

/* Filter sidebar: customer tool, not admin form. */
.visual-v037 .catalog-layout{grid-template-columns:218px minmax(0,1fr)!important;gap:16px!important}
.visual-v037 .catalog-sidebar{border:1px solid var(--v37-line)!important;border-radius:15px!important;padding:0 13px 11px!important;box-shadow:none!important;background:#fff!important}
.visual-v037 .filter-panel-head{padding:10px 0 7px!important}
.visual-v037 .filter-panel-head span{font-size:12.5px!important;font-weight:580!important;color:#315265!important}
.visual-v037 .filter-panel-head small{font-size:9.5px!important;color:#8a979f!important}
.visual-v037 .filter-group{border-top:1px solid #edf0f1!important}
.visual-v037 .filter-group summary{padding:10px 1px 9px!important;font-size:11.8px!important;font-weight:550!important;color:#415d6d!important}
.visual-v037 .filter-group summary:after{color:#75909a!important;font-weight:400!important}
.visual-v037 .filter-options{padding-bottom:7px!important}
.visual-v037 .filter-option{padding:4px 1px!important;font-size:11.5px!important;color:#5b6f7c!important;gap:7px!important}
.visual-v037 .filter-option input{width:14px!important;height:14px!important;accent-color:#35776f!important}
.visual-v037 .filter-panel-actions{margin-top:6px!important}

/* Product listing cards: image first + consistent alignment + vertical price story. */
.visual-v037 .catalog-grid{gap:14px!important;align-items:stretch}
.visual-v037 .product-card-premium{display:flex;flex-direction:column;border-radius:16px!important;border:1px solid var(--v37-line)!important;box-shadow:none!important;overflow:hidden;background:#fff}
.visual-v037 .product-media-premium{height:310px!important;padding:7px!important;background:#fbfbf8!important}
.visual-v037 .product-media-premium img{width:98%!important;height:98%!important;max-width:98%!important;max-height:98%!important;object-fit:contain!important;object-position:center!important}
.visual-v037 .product-card-content{display:flex!important;flex-direction:column!important;flex:1!important;padding:12px 13px 13px!important}
.visual-v037 .product-card-brand{font-size:8.8px!important;font-weight:650!important;letter-spacing:.115em!important;color:#59778b!important;margin-bottom:5px!important}
.visual-v037 .model-line{font-size:16.5px!important;line-height:1.2!important;font-weight:560!important;color:#294e62!important;margin-bottom:7px!important;min-height:20px}
.visual-v037 .feature-chips.compact{min-height:46px!important;margin-bottom:3px!important;align-content:flex-start}
.visual-v037 .feature-chips.compact .feature-chip{font-size:8.8px!important;padding:3px 6px!important;font-weight:520!important;background:#f2f5f4!important;color:#607572!important}
.visual-v037 .price-pair{display:flex!important;flex-direction:column!important;gap:2px!important;align-items:flex-start!important;padding-top:8px!important;margin-top:auto!important;min-height:58px!important;border-top:1px solid #edf0ef}
.visual-v037 .listed-price{display:flex;align-items:baseline;gap:7px}
.visual-v037 .price-kicker{font-size:8.8px!important;font-weight:500!important;letter-spacing:.025em!important;color:#b13a42!important;margin-bottom:0!important}
.visual-v037 .listed-price del{font-size:14.5px!important;font-weight:400!important;color:var(--v37-red)!important;text-decoration-thickness:1px!important}
.visual-v037 .tpss-price-line{gap:7px!important}
.visual-v037 .tpss-price strong{font-size:14.5px!important;font-weight:540!important;color:var(--v37-ocean)!important}
.visual-v037 .discount-badge{font-size:9px!important;padding:3px 6px!important;font-weight:650!important;background:#fae8ea!important;color:#b72935!important}
.visual-v037 .contact-price{min-height:58px!important;padding-top:11px!important;font-size:13.5px!important;font-weight:590!important;color:var(--v37-ocean)!important}
.visual-v037 .detail-link{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:7px!important;padding-top:8px!important;border-top:1px solid #edf0ef!important;font-size:11.5px!important;font-weight:560!important;color:#315e77!important}

/* Subtle brand differentiation without separate typography systems. */
.visual-v037 .product-card-brand.brand-kaadas,.visual-v037 .featured-product-card[data-brand="KAADAS"] .featured-brand{color:#293a4b!important}
.visual-v037 .product-card-brand.brand-philips,.visual-v037 .featured-product-card[data-brand="PHILIPS"] .featured-brand{color:#006779!important}
.visual-v037 .product-card-brand.brand-osuno,.visual-v037 .featured-product-card[data-brand="OSUNO"] .featured-brand{color:#315e92!important}
.visual-v037 .product-card-brand.brand-solity,.visual-v037 .featured-product-card[data-brand="SOLITY"] .featured-brand{color:#3978a8!important}
.visual-v037 .product-card-brand.brand-avolock,.visual-v037 .featured-product-card[data-brand="AVOLOCK"] .featured-brand{color:#4d5b63!important}
.visual-v037 .product-card-brand.brand-bosch,.visual-v037 .featured-product-card[data-brand="BOSCH"] .featured-brand{color:#b8323e!important}
.visual-v037 .product-card-brand.brand-sharp,.visual-v037 .featured-product-card[data-brand="SHARP"] .featured-brand{color:#bd2935!important}

/* PDP: larger image, single coherent master module, vertical price pair. */
.visual-v037 .pdp-wrap{padding-top:18px!important;padding-bottom:40px!important}
.visual-v037 .pdp-master-module{border-radius:18px!important;border:1px solid var(--v37-line)!important;box-shadow:none!important}
.visual-v037 .pdp-top-premium{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;padding:18px!important;gap:22px!important;background:#fff!important}
.visual-v037 .pdp-main-image{height:660px!important;padding:10px!important;border-radius:14px!important;background:#fbfbf8!important}
.visual-v037 .pdp-main-image img{width:99%!important;height:99%!important;max-width:99%!important;max-height:99%!important;object-fit:contain!important}
.visual-v037 .pdp-thumbs{gap:7px!important;margin-top:8px!important}
.visual-v037 .pdp-thumb{width:64px!important;height:64px!important;border-radius:9px!important;padding:4px!important}
.visual-v037 .pdp-buybox-premium{padding:12px 0 8px 22px!important}
.visual-v037 .pdp-brand-row{margin-bottom:8px!important}
.visual-v037 .pdp-brand-row img{max-height:28px!important;max-width:92px!important}
.visual-v037 .pdp-buybox-premium h1{font-size:30px!important;line-height:1.08!important;font-weight:570!important;margin-bottom:8px!important}
.visual-v037 .pdp-summary{font-size:13.2px!important;line-height:1.52!important;color:#657681!important;margin-bottom:10px!important}
.visual-v037 .pdp-buybox-premium .feature-chips{gap:5px!important}
.visual-v037 .pdp-buybox-premium .feature-chip{font-size:9.5px!important;padding:4px 7px!important}
.visual-v037 .pdp-price-pair{display:flex!important;flex-direction:column!important;gap:2px!important;align-items:flex-start!important;padding:11px 0!important}
.visual-v037 .pdp-price .listed-price del{font-size:17px!important;font-weight:400!important;color:var(--v37-red)!important}
.visual-v037 .pdp-price .tpss-price strong{font-size:17px!important;font-weight:540!important;color:var(--v37-ocean)!important}
.visual-v037 .pdp-contact-price{font-size:17px!important;font-weight:590!important;color:var(--v37-ocean)!important}
.visual-v037 .pricing-note{font-size:10.5px!important;line-height:1.45!important;color:#7b8991!important;margin-top:6px!important}
.visual-v037 .fit-callout{padding:10px 12px!important;margin-top:4px!important;background:#f4f7f6!important;border-radius:10px!important}
.visual-v037 .fit-callout strong{font-size:10px!important;font-weight:620!important;color:#3e6a66!important}
.visual-v037 .fit-callout span{font-size:11.5px!important;color:#586e79!important}
.visual-v037 .pdp-contact-guidance{margin:10px 0 8px!important;padding:10px 12px!important;border-left:3px solid var(--v37-red)!important;background:#fff7f7!important}
.visual-v037 .pdp-contact-guidance strong{font-size:11.5px!important;font-weight:590!important;color:#9f3139!important}
.visual-v037 .pdp-contact-guidance span{font-size:10.5px!important}
.visual-v037 .pdp-actions-premium .btn{min-height:40px!important;font-size:11.5px!important}
.visual-v037 .pdp-details-accordion{padding:0 18px 12px!important}
.visual-v037 .pdp-detail-section summary{padding:12px 0!important;font-size:12px!important;font-weight:560!important;color:#355666!important}
.visual-v037 .pdp-detail-content{font-size:11.7px!important;line-height:1.55!important}
.visual-v037 .related-section{margin-top:22px!important}

/* Persistent contact: icon first on desktop, labels appear as native title/tooltip; compact mobile bar. */
.visual-v037 .tpss-contact-dock{right:16px!important;bottom:16px!important;gap:8px!important;filter:drop-shadow(0 7px 16px rgba(25,46,62,.12))!important}
.visual-v037 .dock-action{width:43px!important;height:43px!important;min-height:43px!important;padding:5px!important;border-radius:50%!important;justify-content:center!important;border:1px solid #dce3e6!important;background:#fff!important;box-shadow:none!important;transition:transform .16s ease,border-color .16s ease!important}
.visual-v037 .dock-action:hover{transform:translateY(-2px)!important;border-color:#c9d5da!important}
.visual-v037 .dock-label{display:none!important}
.visual-v037 .dock-icon,.visual-v037 .dock-zalo-mark,.visual-v037 .dock-messenger-mark{width:31px!important;height:31px!important;flex:0 0 31px!important;border-radius:50%!important}
.visual-v037 .dock-phone .dock-icon{background:var(--v37-red)!important;color:#fff!important}
.visual-v037 .dock-phone .dock-icon svg{width:16px;height:16px;fill:#fff}
.visual-v037 .dock-zalo-mark{background:#fff!important;overflow:hidden!important}
.visual-v037 .dock-zalo-mark img{width:31px;height:31px;object-fit:cover;border-radius:50%;display:block}
.visual-v037 .dock-messenger-mark{background:linear-gradient(145deg,#0a7cff,#8e4dff)!important}

/* Header call CTA stays unmistakably red. */
.visual-v037 header .actions a.contact-action-link.btn-secondary[href^="tel:"]{background:var(--v37-red)!important;border-color:var(--v37-red)!important;color:#fff!important;font-weight:620!important;box-shadow:none!important}
.visual-v037 header .actions a.contact-action-link.btn-secondary[href^="tel:"]:hover{background:#b62230!important;border-color:#b62230!important}

/* Mobile deliberate layout. */
@media(max-width:900px){
  .visual-v037 .featured-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .visual-v037 .quick-choice-grid-v042{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .visual-v037 .section,.visual-v037 .v36-clean-section,.visual-v037 .v36-soft-section{padding-top:34px!important;padding-bottom:34px!important}
  .visual-v037 .v36-home-hero{padding:26px 0 22px!important}
  .visual-v037 .v36-home-visual img{height:315px!important;min-height:315px!important}
  .visual-v037.page-products .catalogue-hero{padding:27px 0 21px!important}
  .visual-v037.page-products .catalogue-hero-inner{gap:16px!important}
  .visual-v037.page-products .hero-trust-row{gap:5px!important}
  .visual-v037 .featured-discovery{padding:24px 0!important}
  .visual-v037 .featured-discovery-head{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:13px!important}
  .visual-v037.page-products .brand-showroom{display:block!important;padding:5px!important}
  .visual-v037.page-products .brand-rail-label{display:flex!important;justify-content:space-between!important;border-right:0!important;border-bottom:1px solid #edf0f1!important;padding:1px 3px 5px!important;margin-bottom:3px!important}
  .visual-v037.page-products .brand-rail-scroll{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:1px!important}
  .visual-v037.page-products .brand-logo-tile{flex:0 0 86px!important;height:34px!important}
  .visual-v037.page-products .catalog-toolbar2{grid-template-columns:minmax(0,1fr) auto!important;padding:6px!important}
  .visual-v037.page-products .toolbar-filter-summary{grid-column:1/-1!important;order:3!important;border-top:1px solid #edf0f1!important;padding-top:5px!important;min-height:25px!important}
  .visual-v037 .catalog-layout{grid-template-columns:1fr!important;gap:12px!important}
  .visual-v037 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .visual-v037 .product-media-premium{height:235px!important;padding:6px!important}
  .visual-v037 .product-card-content{padding:10px 11px 11px!important}
  .visual-v037 .model-line{font-size:15px!important}
  .visual-v037 .feature-chips.compact{min-height:45px!important}
  .visual-v037 .pdp-top-premium{grid-template-columns:1fr!important;padding:12px!important;gap:12px!important}
  .visual-v037 .pdp-main-image{height:500px!important}
  .visual-v037 .pdp-buybox-premium{border-left:0!important;border-top:1px solid var(--v37-line)!important;padding:14px 0 2px!important}
  .visual-v037 .tpss-contact-dock{left:0!important;right:0!important;bottom:0!important;display:flex!important;flex-direction:row!important;justify-content:space-around!important;gap:0!important;background:#fff!important;border-top:1px solid #dfe5e7!important;filter:none!important;padding:5px 6px max(5px,env(safe-area-inset-bottom))!important}
  .visual-v037 .dock-action{flex:1!important;width:auto!important;height:48px!important;min-height:48px!important;border:0!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding:3px!important}
  .visual-v037 .dock-icon,.visual-v037 .dock-zalo-mark,.visual-v037 .dock-messenger-mark{width:25px!important;height:25px!important;flex-basis:25px!important}
  .visual-v037 .dock-zalo-mark img{width:25px;height:25px}
  .visual-v037 .dock-label{display:block!important;font-size:9px!important;font-weight:540!important;color:#526a78!important;line-height:1!important}
  .visual-v037 body{padding-bottom:58px!important}
}
@media(max-width:560px){
  .visual-v037 .quick-choice-grid-v042{grid-template-columns:1fr!important}
  .visual-v037 .quick-choice-grid-v042 .quick-choice-card{min-height:104px!important}
  .visual-v037 .featured-product-grid{grid-template-columns:1fr!important}
  .visual-v037 .featured-product-media{height:320px}
  .visual-v037 .catalog-grid{grid-template-columns:1fr!important}
  .visual-v037 .product-media-premium{height:350px!important}
  .visual-v037 .pdp-main-image{height:410px!important}
  .visual-v037 .pdp-buybox-premium h1{font-size:27px!important}
}

/* v0.37 final mobile-header balance: keep full TPSS mark readable beside the primary CTA. */
@media(max-width:620px){
  .visual-v037 .nav{gap:6px!important;min-height:72px!important}
  .visual-v037 .brand{min-width:0!important;max-width:128px!important;flex:1 1 128px!important}
  .visual-v037 .brand img{height:48px!important;max-width:126px!important;width:auto!important}
  .visual-v037 .actions{gap:5px!important;flex:0 0 auto!important}
  .visual-v037 .actions .btn-primary{display:inline-flex!important;min-height:38px!important;padding:0 10px!important;font-size:11px!important;white-space:nowrap!important}
  .visual-v037 .mobile-toggle{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important}
}
/* Optical logo normalization for compact multi-brand rail. */
.visual-v037.page-products .brand-logo-tile.brand-kaadas img{max-height:29px!important;max-width:98px!important}
.visual-v037.page-products .brand-logo-tile.brand-osuno img{max-height:30px!important;max-width:98px!important}
.visual-v037.page-products .brand-logo-tile.brand-philips img{max-height:29px!important;max-width:98px!important}
@media(max-width:800px){
  .visual-v037.page-products .brand-logo-tile.brand-kaadas img,
  .visual-v037.page-products .brand-logo-tile.brand-osuno img,
  .visual-v037.page-products .brand-logo-tile.brand-philips img{max-height:28px!important;max-width:84px!important}
}
.visual-v037.page-products .brand-logo-tile.brand-kaadas img{transform:scale(1.14)}
.visual-v037.page-products .brand-logo-tile.brand-osuno img{transform:scale(1.28)}
.visual-v037.page-products .brand-logo-tile.brand-philips img{transform:scale(1.20)}

/* v0.37 desktop-header containment: preserve desktop navigation without 1280px overflow. */
@media (max-width:1320px) and (min-width:981px){
  .visual-v037 .nav{gap:12px!important}
  .visual-v037 .brand{min-width:160px!important;flex:0 0 160px!important}
  .visual-v037 .brand img{height:54px!important;max-width:156px!important;width:auto!important}
  .visual-v037 .nav-links{gap:11px!important;font-size:12px!important}
  .visual-v037 .actions{gap:6px!important}
  .visual-v037 .actions .btn{padding-left:10px!important;padding-right:10px!important;font-size:11.5px!important;white-space:nowrap!important}
}


/* ==========================================================================\n   v0.38 Founder premium / pro final refinement\n   ========================================================================== */
.visual-v038{
  --v38-navy:#123754;
  --v38-slate:#435b6a;
  --v38-teal:#2d776e;
  --v38-teal-soft:#eef7f4;
  --v38-ocean:#1485b8;
  --v38-red:#c7373f;
  --v38-line:#e2e8e8;
  --v38-warm:#fbfaf7;
}
.visual-v038 .eyebrow{color:var(--v38-teal)!important;font-weight:620!important;letter-spacing:.1em!important}
.visual-v038 h2{color:#264b60!important;font-weight:550!important;letter-spacing:-.018em!important}
.visual-v038 h3{font-weight:550!important}
.visual-v038 .section{padding-top:50px!important;padding-bottom:50px!important}
.visual-v038 .v36-page-hero{padding:42px 0 36px!important}
.visual-v038 .v36-page-hero-grid{gap:24px!important}
.visual-v038 .v36-editorial-panel{padding:22px!important}
.visual-v038 .v36-editorial-panel h3{font-size:20px!important;color:#2c5264!important}

/* Summary chips are actions, not decoration. */
.visual-v038.page-products .hero-trust-row{align-items:center}
.visual-v038.page-products .hero-trust-chip{
  display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;
  background:#f1f7f5;border:1px solid #d6e7e1;color:#356d65;text-decoration:none;
  font-size:11px;font-weight:570;cursor:pointer;transition:background .18s,border-color .18s,transform .18s,color .18s;
}
.visual-v038.page-products .hero-trust-chip:hover{background:#e8f3ef;border-color:#bfd9cf;color:#1f625a;transform:translateY(-1px)}
.visual-v038.page-products .hero-trust-chip:active{transform:translateY(0)}
.visual-v038.page-products .hero-trust-chip:focus-visible{outline:3px solid rgba(20,133,184,.22);outline-offset:2px}
.visual-v038.page-products #brand-rail,.visual-v038.page-products #full-catalogue{scroll-margin-top:112px}

/* Quick choice icon family and hierarchy. */
.visual-v038 .quick-choice-grid-v042 .quick-icon{
  width:36px!important;height:36px!important;border-radius:10px!important;
  background:var(--v38-teal-soft)!important;color:var(--v38-teal)!important;
  display:grid!important;place-items:center!important;
}
.visual-v038 .quick-choice-grid-v042 .quick-icon svg,
.visual-v038 .usecase-entry-icon svg,
.visual-v038 .v38-group-icon svg,
.visual-v038 .v38-solution-icon svg{
  width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
.visual-v038 .quick-choice-grid-v042 .quick-kicker{color:#60817c!important;font-size:9.5px!important;font-weight:620!important}
.visual-v038 .quick-choice-grid-v042 .quick-choice-card strong{color:#29495c!important;font-size:14px!important;font-weight:560!important}
.visual-v038 .quick-choice-grid-v042 .quick-arrow{color:#26829a!important;font-weight:560!important}

/* New use-case layer: customer context without inventing door-fit compatibility. */
.visual-v038 .usecase-entry-layer{margin-top:14px;padding-top:14px;border-top:1px solid #edf0ee}
.visual-v038 .usecase-entry-head{display:flex;align-items:baseline;gap:10px;margin-bottom:9px}
.visual-v038 .usecase-entry-head>span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--v38-teal);font-weight:650}
.visual-v038 .usecase-entry-head small{color:#7a8a92;font-size:11px}
.visual-v038 .usecase-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.visual-v038 .usecase-entry{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;
  text-decoration:none;padding:10px 11px;border:1px solid #e0e7e5;border-radius:13px;background:#fff;color:inherit;transition:.18s}
.visual-v038 .usecase-entry:hover{border-color:#c5dbd5;background:#fbfdfc;transform:translateY(-1px)}
.visual-v038 .usecase-entry.villa{border-color:#c9ded8;background:#f8fcfa}
.visual-v038 .usecase-entry-icon{grid-row:1/3;width:32px;height:32px;border-radius:9px;background:#eff6f4;color:#3b776e;display:grid;place-items:center}
.visual-v038 .usecase-entry strong{font-size:12.5px;font-weight:590;color:#2f5263}
.visual-v038 .usecase-entry small{font-size:10.5px;color:#788991}

/* Featured cards: coordinated center line, image-first, lighter model hierarchy. */
.visual-v038 .featured-product-media{height:292px!important;background:#fcfcfa!important;padding:12px!important}
.visual-v038 .featured-product-media img{max-width:96%!important;max-height:96%!important;object-fit:contain!important}
.visual-v038 .featured-product-body{text-align:center!important;padding:13px 14px 14px!important}
.visual-v038 .featured-brand{min-height:12px;margin-bottom:5px!important;text-align:center!important;font-size:9px!important;font-weight:650!important;letter-spacing:.14em!important}
.visual-v038 .featured-product-card h3{text-align:center!important;font-size:17px!important;font-weight:520!important;color:#207b9f!important;min-height:20px;margin-bottom:4px!important}
.visual-v038 .featured-role-note{text-align:center!important;min-height:30px!important}
.visual-v038 .featured-product-card .feature-chips.compact{justify-content:center!important;align-content:flex-start}
.visual-v038 .featured-detail-link{justify-content:center!important;gap:7px!important}

/* One-row price pair on catalogue / featured cards. */
.visual-v038 .product-card-premium .price-pair.card-price-row,
.visual-v038 .featured-product-card .featured-price-pair.featured-price-row{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;gap:6px!important;min-height:36px!important;padding-top:7px!important;margin-top:auto!important;border-top:1px solid #edf0ef!important;
}
.visual-v038 .featured-product-card .featured-price-pair.featured-price-row{justify-content:center!important}
.visual-v038 .product-card-premium .listed-price,
.visual-v038 .featured-product-card .featured-list-price{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important}
.visual-v038 .product-card-premium .listed-price .price-kicker,
.visual-v038 .featured-product-card .featured-list-price span{font-size:8.5px!important;font-weight:500!important;color:#9e4a4f!important}
.visual-v038 .product-card-premium .listed-price del,
.visual-v038 .featured-product-card .featured-list-price del{font-size:12.5px!important;font-weight:390!important;color:var(--v38-red)!important;text-decoration-thickness:1px!important}
.visual-v038 .product-card-premium .tpss-price,
.visual-v038 .featured-product-card .featured-current-price{margin:0!important;padding:0!important;min-height:0!important}
.visual-v038 .product-card-premium .tpss-price strong,
.visual-v038 .featured-product-card .featured-current-price strong{font-size:13px!important;font-weight:520!important;color:var(--v38-ocean)!important}
.visual-v038 .discount-badge{font-size:9px!important;font-weight:650!important;padding:3px 5px!important;background:#fff1ee!important;color:#bc493f!important;border:1px solid #f0ccc6!important}
.visual-v038 .product-card-premium .contact-price,
.visual-v038 .featured-product-card .contact-price{min-height:36px!important;display:flex!important;align-items:center!important;color:var(--v38-ocean)!important;font-size:12.5px!important;font-weight:570!important}

/* Catalogue cards: image leads, brand/model hierarchy is crisp and consistent. */
.visual-v038 .product-card-premium .product-media-premium{height:286px!important;background:#fcfcfa!important;padding:10px!important}
.visual-v038 .product-card-premium .product-media-premium img{width:95%!important;height:95%!important;object-fit:contain!important;object-position:center!important}
.visual-v038 .product-card-content{padding:12px 13px 13px!important}
.visual-v038 .product-card-brand{font-size:8.5px!important;letter-spacing:.14em!important;font-weight:650!important;margin-bottom:5px!important}
.visual-v038 .model-line{font-size:15.5px!important;line-height:1.15!important;font-weight:510!important;color:#237da1!important;margin-bottom:7px!important}
.visual-v038 .product-card-premium .feature-chips.compact{min-height:45px!important;margin-bottom:5px!important}
.visual-v038 .product-card-premium .detail-link{font-weight:550!important;color:#2d708d!important}

/* Door-fit: one message, one action, four instantly readable photo examples. */
.visual-v038 #door-fit{scroll-margin-top:110px}
.visual-v038 #door-fit .v36-check-grid{gap:12px!important}
.visual-v038 .door-fit-guide-card{padding:0!important;overflow:hidden;border:1px solid #dfe7e6!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.visual-v038 .door-fit-guide-visual{height:118px;display:grid;place-items:center;background:linear-gradient(180deg,#f7faf9,#eef5f3);color:#55786f;border-bottom:1px solid #e6ecea}
.visual-v038 .door-fit-guide-visual svg{width:112px;height:78px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.visual-v038 .door-fit-guide-copy{padding:13px 14px 15px}
.visual-v038 .door-fit-guide-copy>span{display:block;font-size:9px;color:#528178;font-weight:700;letter-spacing:.12em;margin-bottom:4px}
.visual-v038 .door-fit-guide-copy h3{font-size:14px!important;margin:0 0 5px!important;color:#315365!important;font-weight:570!important}
.visual-v038 .door-fit-guide-copy p{font-size:11.5px!important;line-height:1.46!important;margin:0!important;color:#6e7e86!important}
.visual-v038 #door-fit .cta-row{justify-content:flex-start!important}
.visual-v038 .door-fit-primary-cta{background:#163a73!important;border-color:#163a73!important}

/* Home category cards: no oversized empty visual stage. */
.visual-v038 .v36-group-card{grid-template-columns:54px 1fr!important;gap:14px!important;padding:18px!important;align-items:start!important}
.visual-v038 .v38-group-icon{width:48px;height:48px;border-radius:14px;background:#edf6f3;color:#39776e;display:grid;place-items:center}
.visual-v038 .v36-group-card h3{font-size:19px!important;font-weight:540!important;color:#315366!important}
.visual-v038 .v36-group-card .product-kicker{font-size:9.5px!important;color:#477c72!important;letter-spacing:.1em!important}
.visual-v038 .v36-group-card p{font-size:12px!important}

/* Solution cards: meaningful icon, tighter proportion, stronger hierarchy. */
.visual-v038 .v36-solution-grid{gap:14px!important}
.visual-v038 .v36-solution-card{padding:18px!important;position:relative!important}
.visual-v038 .v38-solution-icon{width:42px;height:42px;border-radius:13px;background:#edf6f3;color:#3a776e;display:grid;place-items:center;margin-bottom:11px}
.visual-v038 .v36-solution-card h3{font-size:20px!important;font-weight:550!important;margin-bottom:6px!important;color:#2e5365!important}
.visual-v038 .v36-solution-card p{font-size:12.5px!important;line-height:1.5!important}
.visual-v038 .v36-solution-card ul{font-size:11.5px!important;margin-top:9px!important}
.visual-v038 .v36-solution-card a{font-size:11.5px!important;color:#287792!important}
.visual-v038 .v36-solution-kicker{font-size:9.5px!important;letter-spacing:.11em!important;color:#4c7c73!important;margin-bottom:7px!important}

/* Brand rail / toolbar refinement. */
.visual-v038 .brand-showroom{padding:8px 10px!important;gap:9px!important;scroll-margin-top:110px}
.visual-v038 .brand-rail-label{min-width:78px!important}
.visual-v038 .brand-logo-tile{height:43px!important;min-width:104px!important;padding:7px 12px!important;border-radius:11px!important;background:#fff!important}
.visual-v038 .brand-logo-tile img{max-height:23px!important;max-width:82px!important}
.visual-v038 .catalog-toolbar2{min-height:50px!important;padding:8px 10px!important;gap:10px!important}
.visual-v038 .result-count{font-size:11.5px!important;font-weight:560!important}
.visual-v038 .toolbar-filter-summary{min-width:0!important}
.visual-v038 .sort-select{font-size:11.5px!important;height:34px!important}

/* Contact dock: desktop is icons only; labels remain available on mobile. */
.visual-v038 .tpss-contact-dock .dock-action{width:45px!important;height:45px!important;min-width:45px!important;padding:0!important;border-radius:14px!important;display:grid!important;place-items:center!important}
.visual-v038 .tpss-contact-dock .dock-label{display:none!important}
.visual-v038 .tpss-contact-dock .dock-icon,.visual-v038 .tpss-contact-dock .dock-zalo-mark,.visual-v038 .tpss-contact-dock .dock-messenger-mark{margin:0!important}
.visual-v038 .tpss-contact-dock .dock-phone{background:#c9363e!important;color:#fff!important}
.visual-v038 .tpss-contact-dock .dock-zalo{background:#fff!important;border:1px solid #dbe4ea!important}
.visual-v038 .tpss-contact-dock .dock-messenger{background:#fff!important;border:1px solid #dbe4ea!important;color:#1688e8!important}

/* Keep PDP product-led; no giant spacing. */
.visual-v038 .pdp-main-image{min-height:540px!important;background:#fcfcfa!important}
.visual-v038 .pdp-main-image img{max-height:510px!important;max-width:96%!important}
.visual-v038 .pdp-master-module{gap:16px!important}
.visual-v038 .pdp-buybox-premium h1{font-weight:530!important;color:#237da1!important}

@media(max-width:980px){
  .visual-v038 .usecase-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .visual-v038 .product-card-premium .product-media-premium{height:260px!important}
  .visual-v038 .pdp-main-image{min-height:460px!important}
}
@media(max-width:620px){
  .visual-v038 .section{padding-top:38px!important;padding-bottom:38px!important}
  .visual-v038 .usecase-entry-head{display:block}.visual-v038 .usecase-entry-head small{display:block;margin-top:3px}
  .visual-v038 .usecase-entry-grid{grid-template-columns:1fr 1fr;gap:7px}
  .visual-v038 .usecase-entry{grid-template-columns:30px 1fr;padding:9px}.visual-v038 .usecase-entry-icon{width:29px;height:29px}
  .visual-v038 .featured-product-media{height:300px!important}
  .visual-v038 .product-card-premium .product-media-premium{height:300px!important}
  .visual-v038 .v36-group-card{grid-template-columns:44px 1fr!important;padding:15px!important}.visual-v038 .v38-group-icon{width:40px;height:40px}
  .visual-v038 .door-fit-guide-visual{height:105px}
  .visual-v038 .pdp-main-image{min-height:380px!important}.visual-v038 .pdp-main-image img{max-height:350px!important}
  .visual-v038 .tpss-contact-dock .dock-action{width:auto!important;height:auto!important;min-width:0!important;padding:5px 8px!important;display:flex!important;gap:5px!important;border-radius:10px!important;background:transparent!important;border:0!important}
  .visual-v038 .tpss-contact-dock .dock-label{display:inline!important;font-size:9.5px!important;font-weight:560!important;color:#506474!important}
  .visual-v038 .tpss-contact-dock .dock-phone .dock-label{color:#a92f37!important}
  .visual-v038 .brand-logo-tile{min-width:94px!important;height:40px!important}
}

/* v0.38 controlled Kaadas mark: blend the catalogue-derived gray stage into its tile. */
.visual-v038 .brand-logo-tile.brand-kaadas{background:rgb(188,188,183)!important;border-color:rgb(188,188,183)!important}
.visual-v038 .brand-logo-tile.brand-kaadas img{max-height:30px!important;max-width:96px!important;clip-path:inset(10% 5%);transform:scale(1.08)}


/* ============================================================
   04.2 FOUNDER REVIEW DELTA — visual-v039
   Actual Website upgrade: cleaner brand rail, product-led cards,
   premium icons, clearer discovery taxonomy, denser page rhythm.
   ============================================================ */
.visual-v039{
  --v39-navy:#12376c;--v39-ocean:#0677c8;--v39-teal:#2f7b73;--v39-teal-soft:#edf7f4;
  --v39-red:#d42d38;--v39-ink:#263f53;--v39-muted:#6e8090;--v39-line:#e1e8eb;--v39-warm:#fbfaf7;
}
.visual-v039 h1,.visual-v039 h2{letter-spacing:-.025em}.visual-v039 h3{letter-spacing:-.012em}
.visual-v039 .eyebrow{color:var(--v39-teal)!important;font-weight:700!important;letter-spacing:.11em!important}
.visual-v039 .section-head>p{color:#667b8a!important;max-width:520px}
.visual-v039 .v36-clean-section,.visual-v039 .v36-soft-section{padding-top:38px!important;padding-bottom:38px!important}
.visual-v039 .v36-soft-section{background:linear-gradient(180deg,#fbfaf7,#f6faf8)!important}

/* Product discovery: richer icon system and tighter rhythm. */
.visual-v039.page-products .quick-choice{padding-top:24px!important;padding-bottom:16px!important}
.visual-v039 .quick-choice-grid-v042{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.visual-v039 .quick-choice-grid-v042 .quick-choice-card{position:relative;overflow:hidden;min-height:142px!important;padding:17px 18px 16px 74px!important;text-align:left;border:1px solid #dce7e6!important;background:linear-gradient(135deg,#fff 0%,#fbfdfc 58%,#f0f7f5 100%)!important;box-shadow:0 8px 22px rgba(27,56,73,.045)!important}
.visual-v039 .quick-choice-grid-v042 .quick-choice-card::after{content:"";position:absolute;width:110px;height:110px;right:-38px;top:-42px;border-radius:50%;background:rgba(53,132,120,.055);pointer-events:none}
.visual-v039 .quick-choice-grid-v042 .quick-icon{position:absolute;left:18px;top:18px;width:42px!important;height:42px!important;border-radius:13px!important;margin:0!important;background:linear-gradient(145deg,#e9f6f2,#f7fbfa)!important;color:#1f7f75!important;box-shadow:inset 0 0 0 1px #d6ebe5;display:grid!important;place-items:center}
.visual-v039 .quick-choice-grid-v042 .quick-icon svg{width:23px!important;height:23px!important;stroke-width:1.5!important}
.visual-v039 .quick-choice-grid-v042 .quick-kicker{font-size:9px!important;color:#4c8279!important;letter-spacing:.12em!important;margin-bottom:5px!important}
.visual-v039 .quick-choice-grid-v042 .quick-choice-card strong{font-size:16px!important;font-weight:600!important;color:#244f67!important}
.visual-v039 .quick-choice-grid-v042 .quick-choice-card small{font-size:11.5px!important;line-height:1.45!important;color:#71828d!important;max-width:88%}
.visual-v039 .quick-choice-grid-v042 .quick-arrow{font-size:11px!important;font-weight:650!important;color:var(--v39-ocean)!important;padding-top:8px!important}
.visual-v039 .usecase-entry-layer{margin-top:12px!important;padding-top:10px!important;border-top:1px solid #e6eceb}
.visual-v039 .usecase-entry-head span{color:#3a776f!important;font-size:10px!important;letter-spacing:.1em!important}.visual-v039 .usecase-entry-head small{color:#84919a!important}
.visual-v039 .usecase-entry{border-color:#e0e8e8!important;border-radius:13px!important;background:#fff!important;padding:10px 12px!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.visual-v039 .usecase-entry:hover{transform:translateY(-2px);border-color:#bfd8d3!important;box-shadow:0 8px 20px rgba(26,63,76,.05)}
.visual-v039 .usecase-entry-icon{background:#ecf6f3!important;color:#2f7c73!important;width:34px!important;height:34px!important;border-radius:11px!important}
.visual-v039 .usecase-entry-icon svg{width:18px!important;height:18px!important}
.visual-v039 .usecase-entry strong{font-weight:600!important;color:#294d61!important}.visual-v039 .usecase-entry small{color:#7a8a94!important}

/* Brand rail: one continuous premium logo strip, no label or bulky brand cells. */
.visual-v039.page-products .brand-showroom{display:block!important;margin:0 0 12px!important;padding:7px 14px!important;border:1px solid #dde6e8!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;min-height:54px!important}
.visual-v039.page-products .brand-rail-scroll{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;align-items:center!important;gap:0!important}
.visual-v039.page-products .brand-logo-tile{position:relative!important;height:40px!important;min-width:0!important;padding:5px 13px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.visual-v039.page-products .brand-logo-tile+ .brand-logo-tile{border-left:1px solid #edf1f2!important}
.visual-v039.page-products .brand-logo-tile::after{display:none!important}
.visual-v039.page-products .brand-logo-tile img{max-width:108px!important;max-height:28px!important;filter:none!important;opacity:.96;transition:transform .16s ease,opacity .16s ease}
.visual-v039.page-products .brand-logo-tile:hover img,.visual-v039.page-products .brand-logo-tile.active img{transform:scale(1.07);opacity:1}
.visual-v039.page-products .brand-logo-tile:hover{background:#fafcfc!important}.visual-v039.page-products .brand-logo-tile.active{background:#f3f8f7!important;box-shadow:inset 0 -2px 0 var(--v39-teal)!important}
.visual-v039.page-products .brand-logo-tile.brand-kaadas{background:transparent!important;border-color:transparent!important}
.visual-v039.page-products .brand-logo-tile.brand-kaadas img{max-width:98px!important;max-height:26px!important;clip-path:none!important;transform:none!important}

/* Catalogue cards: remove ugly repeated brand text, use small brand mark + image-adjacent capability symbols. */
.visual-v039 .catalog-grid{gap:14px!important}
.visual-v039 .product-card-premium{border-radius:17px!important;border:1px solid #dfe7e9!important;background:#fff!important;box-shadow:0 8px 20px rgba(26,56,74,.035)!important}
.visual-v039 .product-media-premium{position:relative!important;height:318px!important;padding:18px 14px 58px!important;background:#fcfcfa!important;overflow:hidden!important}
.visual-v039 .product-media-premium>img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform-origin:center!important}
.visual-v039 .card-brand-mark,.visual-v039 .featured-brand-mark{position:absolute;left:13px;top:12px;z-index:3;display:grid;place-items:center;height:24px;min-width:50px;max-width:92px;padding:2px 6px;border-radius:7px;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);box-shadow:0 2px 7px rgba(23,48,64,.05)}
.visual-v039 .card-brand-mark img,.visual-v039 .featured-brand-mark img{max-height:18px;max-width:78px;width:auto;height:auto;object-fit:contain}
.visual-v039 .media-feature-strip{position:absolute;z-index:4;left:12px;right:12px;bottom:12px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap;pointer-events:none}
.visual-v039 .media-feature-pill{display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:4px 7px;border:1px solid #dfe9e7;border-radius:999px;background:rgba(247,251,250,.95);color:#58756f;font-size:9px;font-weight:560;line-height:1}
.visual-v039 .media-feature-pill svg{width:13px;height:13px;fill:none;stroke:#2e8177;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.visual-v039 .feature-dot{font-size:12px;color:#2e8177}
.visual-v039 .product-card-content{padding:12px 13px 13px!important;text-align:center!important;align-items:center!important}
.visual-v039 .product-card-content .model-line{font-size:17px!important;line-height:1.18!important;font-weight:590!important;color:#1678a8!important;margin:0 0 8px!important;min-height:auto!important}
.visual-v039 .product-card-brand,.visual-v039 .product-card-premium>.product-card-content>.feature-chips{display:none!important}
.visual-v039 .price-pair.card-price-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;min-height:38px!important;padding:9px 0 5px!important;margin-top:auto!important;border-top:1px solid #edf1f2!important}
.visual-v039 .listed-price-inline{display:inline-flex;align-items:baseline;gap:4px;color:var(--v39-red);font-size:10px;white-space:nowrap}.visual-v039 .listed-price-inline .price-kicker{font-size:8.5px!important;letter-spacing:.03em!important;color:#bd4650!important;text-transform:uppercase}.visual-v039 .listed-price-inline del{font-size:12.5px;color:#cf414a;font-weight:400;text-decoration-thickness:1px}
.visual-v039 .current-price-inline{font-size:15.5px!important;font-weight:560!important;color:var(--v39-ocean)!important;white-space:nowrap}.visual-v039 .discount-badge{font-size:9px!important;font-weight:650!important;padding:3px 6px!important;background:#fff0f1!important;color:#c72c38!important}
.visual-v039 .contact-price{justify-content:center!important;color:var(--v39-ocean)!important;font-weight:620!important;min-height:38px!important}
.visual-v039 .detail-link{width:100%;justify-content:center!important;gap:7px!important;margin-top:6px!important;padding-top:8px!important;font-size:11.5px!important;color:#2e6f8d!important}

/* Hide known supplier-sheet residue without altering product geometry. */
.visual-v039 [data-id="SHARP-A3-B"] .product-media-premium::before,.visual-v039 [data-id="SHARP-H7-FV"] .product-media-premium::before{content:"";position:absolute;z-index:2;right:7%;top:3%;width:13%;height:11%;background:#fcfcfa;border-radius:3px}
.visual-v039 [data-id="SHARP-H7-FV"] .product-media-premium::after{content:"";position:absolute;z-index:2;left:40%;bottom:15%;width:20%;height:7%;background:#fcfcfa}

/* Featured cards follow the same quiet premium logic. */
.visual-v039 .featured-product-card{border-radius:17px!important;border-color:#dfe7e9!important;box-shadow:0 8px 20px rgba(26,56,74,.035)!important}
.visual-v039 .featured-product-media{position:relative!important;height:302px!important;padding:16px 14px!important;background:#fcfcfa!important}
.visual-v039 .featured-product-media>img{width:95%!important;height:95%!important;object-fit:contain!important}.visual-v039 .featured-brand{display:none!important}
.visual-v039 .featured-role{left:auto!important;right:12px!important;top:12px!important;background:#eef7f4!important;border-color:#d8e9e5!important;color:#44766e!important}
.visual-v039 .featured-product-body{text-align:center!important;align-items:center!important}.visual-v039 .featured-product-body h3{font-size:18px!important;font-weight:590!important;color:#177da9!important}.visual-v039 .featured-role-note{font-size:11.5px!important;color:#74858e!important}.visual-v039 .featured-product-body .feature-chips{display:none!important}
.visual-v039 .featured-price-pair{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;padding-top:9px!important;border-top:1px solid #edf1f2!important;width:100%}.visual-v039 .featured-list-price-inline{font-size:9px;color:#c44750}.visual-v039 .featured-list-price-inline span{font-size:8.5px;text-transform:uppercase;letter-spacing:.03em}.visual-v039 .featured-list-price-inline del{font-size:12.5px;color:#cf414a}.visual-v039 .featured-current-price-inline{font-size:15.5px;font-weight:560;color:var(--v39-ocean)}.visual-v039 .featured-detail-link{justify-content:center!important;width:100%}

/* Home: richer use-case cards, safer fire-door wording, less dead space. */
.visual-v039 .v39-door-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.visual-v039 .v39-door-card{display:flex;flex-direction:column;gap:12px;min-height:238px;padding:16px;border:1px solid #dfe7e8;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 20px rgba(28,59,74,.035);transition:transform .16s ease,border-color .16s ease}
.visual-v039 .v39-door-card:hover{transform:translateY(-2px);border-color:#bfd6d4}.visual-v039 .v39-door-visual{height:78px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#edf7f4,#fafcfb);color:#307a72}.visual-v039 .v39-door-card:nth-child(2) .v39-door-visual{background:linear-gradient(145deg,#eef7fb,#f9fcfd);color:#317b98}.visual-v039 .v39-door-card:nth-child(4) .v39-door-visual{background:linear-gradient(145deg,#f2f5f7,#fbfcfd);color:#456779}.visual-v039 .v39-door-card.fire .v39-door-visual{background:linear-gradient(145deg,#fff1f1,#fffafa);color:#c64049}.visual-v039 .v39-door-visual svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.visual-v039 .v39-door-card h3{font-size:17px!important;font-weight:600!important;color:#294f63;margin:0 0 5px}.visual-v039 .v39-door-card p{font-size:11.5px!important;line-height:1.48!important;color:#74858e;margin:0}.visual-v039 .v39-door-card span{display:block;margin-top:auto;font-size:11px;font-weight:650;color:var(--v39-ocean)}
.visual-v039 .v36-group-grid{gap:12px!important}.visual-v039 .v36-group-card{border:1px solid #e0e7e8!important;background:#fff!important;box-shadow:none!important}.visual-v039 .v36-group-card h3{color:#2b5368!important}.visual-v039 .v36-group-card:nth-child(2) .v38-group-icon{background:#eef4fb!important;color:#2a6c9d!important}.visual-v039 .v36-group-card:nth-child(3) .v38-group-icon{background:#f5effb!important;color:#7758a5!important}

/* Solutions: less dead space, visual-first cards, disciplined color hierarchy. */
.visual-v039 .v39-solutions-hero{padding:38px 0 30px;background:linear-gradient(180deg,#fff,#f8fbfa)}.visual-v039 .v39-solutions-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}.visual-v039 .v39-solutions-copy{padding:20px 0}.visual-v039 .v39-solutions-copy h1{font-size:clamp(34px,4.2vw,52px);line-height:1.07;color:var(--v39-navy);margin:8px 0 14px}.visual-v039 .v39-solutions-copy .lead{max-width:640px;color:#647888}.visual-v039 .v39-solution-principles{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.visual-v039 .v39-solution-principles span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dfe8e7;border-radius:999px;background:#fff;color:#59727f;font-size:10.5px}.visual-v039 .v39-solution-principles b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eaf6f2;color:#2f7b73;font-size:9px}.visual-v039 .v39-solutions-hero-visual{position:relative;overflow:hidden;border-radius:20px;min-height:300px;background:#e8eeec}.visual-v039 .v39-hero-lock{position:absolute;inset:0}.visual-v039 .v39-hero-lock img{width:100%;height:100%;object-fit:cover;object-position:60% center}.visual-v039 .v39-solutions-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,45,61,.05),rgba(16,45,61,.18))}.visual-v039 .v39-hero-caption{position:absolute;z-index:2;left:18px;bottom:18px;right:18px;padding:13px 15px;border-radius:13px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:#34586c}.visual-v039 .v39-hero-caption strong{display:block;font-size:13px;color:#1e5f70;margin-bottom:3px}.visual-v039 .v39-hero-caption span{font-size:11px;color:#6e7f89}
.visual-v039 .v39-solution-heading{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:28px}.visual-v039 .v39-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.visual-v039 .v39-solution-card{overflow:hidden;border:1px solid #dfe7e8;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(27,57,72,.04)}.visual-v039 .v39-solution-art{height:148px;display:grid;place-items:center;background:linear-gradient(145deg,#edf7f4,#fbfcfb);color:#387b72}.visual-v039 .v39-solution-card.apartment .v39-solution-art{background:linear-gradient(145deg,#eef5fb,#fbfdff);color:#356d9b}.visual-v039 .v39-solution-card.villa .v39-solution-art{background:linear-gradient(145deg,#fbf4e9,#fffdf9);color:#9d6c29}.visual-v039 .v39-solution-art svg{width:150px;height:94px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.visual-v039 .v39-solution-body{padding:16px 17px 18px}.visual-v039 .v39-solution-body h3{font-size:21px!important;color:#294f63!important;font-weight:600!important;margin:2px 0 6px}.visual-v039 .v39-solution-body p{font-size:12px!important;line-height:1.5!important;color:#6c7e89}.visual-v039 .v39-solution-body ul{padding-left:17px;margin:9px 0 12px;color:#5e7481;font-size:11.3px;line-height:1.5}.visual-v039 .v39-solution-body a{font-size:11.5px;font-weight:650;color:var(--v39-ocean);text-decoration:none}.visual-v039 .v39-usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.visual-v039 .v39-usecase-grid article{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:15px 16px;border:1px solid #dfe7e8;border-radius:14px;background:#fff}.visual-v039 .v39-usecase-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef6f4;color:#327a72}.visual-v039 .v39-usecase-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.visual-v039 .v39-usecase-grid h3{font-size:15px!important;color:#31576a!important;margin:0 0 4px}.visual-v039 .v39-usecase-grid p{font-size:11.5px!important;line-height:1.45!important;margin:0;color:#74858e}.visual-v039 .v39-process-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center}.visual-v039 .v39-process-strip>div{min-height:96px;padding:13px 14px;border:1px solid #dfe7e8;border-radius:14px;background:#fff;display:flex;flex-direction:column}.visual-v039 .v39-process-strip>div span{font-size:9px;font-weight:700;color:#3f7d74;letter-spacing:.1em}.visual-v039 .v39-process-strip strong{font-size:14px;font-weight:600;color:#31566a;margin:5px 0 3px}.visual-v039 .v39-process-strip small{font-size:10.5px;line-height:1.35;color:#7a8992}.visual-v039 .v39-process-strip i{font-style:normal;color:#95aaa9}

/* Contact page: red phone cue + clean Messenger entry. */
.visual-v039 .contact-quick-panel{border:1px solid #dfe7e8!important;border-radius:18px!important;padding:18px!important;background:#fff!important}.visual-v039 .contact-option{position:relative;grid-template-columns:42px 1fr auto!important;min-height:70px!important;border-radius:13px!important;border:1px solid #dfe6ea!important;background:#fff!important}.visual-v039 .contact-option-phone{border-color:#efc1c5!important;background:#fffafa!important}.visual-v039 .contact-option-phone .contact-icon{background:var(--v39-red)!important;color:#fff!important}.visual-v039 .contact-option-phone strong,.visual-v039 .contact-option-phone .contact-option-arrow{color:#bd2631!important}.visual-v039 .contact-icon{width:38px!important;height:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important}.visual-v039 .contact-icon svg{width:19px;height:19px;fill:currentColor}.visual-v039 .contact-option-messenger .messenger-icon{background:linear-gradient(145deg,#0a7cff,#8851f6)!important;color:#fff!important}.visual-v039 .email-icon{background:#f7f0e6!important;color:#8f6530!important}.visual-v039 .contact-option-arrow{font-size:18px;color:#8193a0}.visual-v039 .contact-option strong{font-weight:600!important}.visual-v039 .contact-option small{color:#7b8a94!important}.visual-v039 .form-shell{border-radius:18px!important;border-color:#dfe7e8!important;box-shadow:none!important}

@media(max-width:980px){
  .visual-v039 .v39-door-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-v039 .v39-door-card{min-height:210px}.visual-v039 .v39-solution-grid{grid-template-columns:1fr 1fr}.visual-v039 .v39-solution-card.villa{grid-column:1/-1}.visual-v039 .v39-solutions-hero-grid{grid-template-columns:1fr}.visual-v039 .v39-solutions-hero-visual{min-height:260px}.visual-v039 .v39-process-strip{grid-template-columns:1fr 1fr}.visual-v039 .v39-process-strip i{display:none}.visual-v039 .quick-choice-grid-v042{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .visual-v039.page-products .brand-rail-scroll{display:flex!important;overflow-x:auto!important;gap:0!important}.visual-v039.page-products .brand-logo-tile{flex:0 0 110px!important;border-left:1px solid #edf1f2!important}.visual-v039.page-products .brand-logo-tile:first-child{border-left:0!important}.visual-v039 .product-media-premium{height:270px!important}.visual-v039 .v39-door-grid{grid-template-columns:1fr 1fr}.visual-v039 .v39-solution-heading{grid-template-columns:1fr}.visual-v039 .v39-usecase-grid{grid-template-columns:1fr}.visual-v039 .v39-solution-grid{grid-template-columns:1fr}.visual-v039 .v39-solution-card.villa{grid-column:auto}
}
@media(max-width:560px){
  .visual-v039 .quick-choice-grid-v042{grid-template-columns:1fr!important}.visual-v039 .quick-choice-grid-v042 .quick-choice-card{padding-left:70px!important}.visual-v039 .v39-door-grid{grid-template-columns:1fr}.visual-v039 .v39-process-strip{grid-template-columns:1fr}.visual-v039 .product-media-premium{height:330px!important}.visual-v039 .media-feature-pill{font-size:8.5px}.visual-v039 .v39-solution-art{height:126px}.visual-v039 .contact-option{min-height:64px!important}
}

/* v0.39 price-row lock: desktop catalogue keeps list/current/discount on one line. */
@media(min-width:561px){
  .visual-v039 .price-pair.card-price-row{flex-wrap:nowrap!important;gap:6px!important}
  .visual-v039 .listed-price-inline .price-kicker{font-size:8px!important}
  .visual-v039 .listed-price-inline del{font-size:12px!important}
  .visual-v039 .current-price-inline{font-size:15px!important}
}

/* ============================================================
   04.2 Founder refinement — visual-v040
   Supplier-derived brand marks / premium iconography / icon-only
   hero capabilities / darker ocean selling price / cleaner PDP media.
   ============================================================ */
.visual-v040{
  --v40-ocean:#005fae;
  --v40-ocean-strong:#004f96;
  --v40-teal:#2b7d73;
  --v40-line:#dfe8ea;
}

/* Quick choice: use authored SVG art assets instead of tiny glyph-like symbols. */
.visual-v040.page-products .quick-choice-grid-v042 .quick-choice-card{
  min-height:154px!important;
  padding:18px 18px 17px 88px!important;
  border-color:#dbe6e5!important;
  background:linear-gradient(138deg,#fff 0%,#fbfdfc 64%,#eef7f4 100%)!important;
}
.visual-v040.page-products .quick-choice-grid-v042 .quick-icon{
  left:16px!important;top:17px!important;
  width:58px!important;height:58px!important;
  border-radius:17px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden;
}
.visual-v040.page-products .quick-choice-grid-v042 .quick-icon img{
  display:block;width:58px;height:58px;object-fit:contain;
}
.visual-v040.page-products .quick-choice-grid-v042 .quick-kicker{
  color:#3f7e76!important;font-weight:700!important;
}
.visual-v040.page-products .quick-choice-grid-v042 .quick-choice-card strong{
  font-size:17px!important;color:#234d65!important;font-weight:620!important;
}
.visual-v040.page-products .quick-choice-grid-v042 .quick-arrow{color:var(--v40-ocean)!important}

/* Use-case entries: larger visual identity, still compact. */
.visual-v040.page-products .usecase-entry-grid{gap:10px!important}
.visual-v040.page-products .usecase-entry{
  min-height:74px;padding:9px 12px 9px 10px!important;
  grid-template-columns:52px minmax(0,1fr)!important;
}
.visual-v040.page-products .usecase-entry-icon{
  width:48px!important;height:48px!important;border-radius:15px!important;
  background:transparent!important;overflow:hidden;
}
.visual-v040.page-products .usecase-entry-icon img{
  display:block;width:48px;height:48px;object-fit:contain;
}
.visual-v040.page-products .usecase-entry strong{font-size:13.5px!important}
.visual-v040.page-products .usecase-entry small{font-size:10.5px!important}

/* Brand rail: supplier-derived marks fill the strip, no logo boxes. */
.visual-v040.page-products .brand-showroom{
  min-height:66px!important;padding:8px 12px!important;border-radius:14px!important;
  background:#fff!important;border-color:#dce5e8!important;
}
.visual-v040.page-products .brand-rail-scroll{
  min-height:48px!important;align-items:stretch!important;
}
.visual-v040.page-products .brand-logo-tile{
  height:48px!important;padding:5px 8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-left:0!important;background:transparent!important;
}
.visual-v040.page-products .brand-logo-tile+ .brand-logo-tile{
  border-left:1px solid #eef2f3!important;
}
.visual-v040.page-products .brand-logo-tile img{
  width:auto!important;height:auto!important;
  max-width:126px!important;max-height:36px!important;
  object-fit:contain!important;opacity:1!important;
  image-rendering:auto!important;
}
.visual-v040.page-products .brand-logo-tile[data-brand="AVOLOCK"] img{max-width:130px!important;max-height:28px!important}
.visual-v040.page-products .brand-logo-tile[data-brand="BOSCH"] img{max-width:124px!important;max-height:30px!important}
.visual-v040.page-products .brand-logo-tile[data-brand="KAADAS"] img{max-width:112px!important;max-height:33px!important}
.visual-v040.page-products .brand-logo-tile[data-brand="OSUNO"] img{max-width:102px!important;max-height:36px!important}
.visual-v040.page-products .brand-logo-tile[data-brand="PHILIPS"] img{max-width:104px!important;max-height:35px!important}
.visual-v040.page-products .brand-logo-tile[data-brand="SHARP"] img{max-width:114px!important;max-height:34px!important}
.visual-v040.page-products .brand-logo-tile[data-brand="SOLITY"] img{max-width:120px!important;max-height:29px!important}
.visual-v040.page-products .brand-logo-tile:hover img,.visual-v040.page-products .brand-logo-tile.active img{transform:scale(1.045)!important}
.visual-v040.page-products .brand-logo-tile.active{background:#f4f9f8!important;box-shadow:inset 0 -2px 0 var(--v40-teal)!important}

/* Product cards: capability symbols only, positioned beside hero. */
.visual-v040 .product-media-premium{
  height:320px!important;padding:14px 38px!important;background:#fcfcfb!important;
}
.visual-v040 .media-feature-strip{
  top:50%!important;bottom:auto!important;right:auto!important;
  transform:translateY(-50%);
  display:flex!important;flex-direction:column!important;gap:7px!important;
  width:auto!important;pointer-events:auto!important;
}
.visual-v040 .feature-side-left .media-feature-strip{left:9px!important}
.visual-v040 .feature-side-right .media-feature-strip{left:auto!important;right:9px!important}
.visual-v040 .media-feature-icon{
  width:29px;height:29px;display:grid;place-items:center;
  border:1px solid #dbe8e5;border-radius:10px;
  background:rgba(248,252,251,.94);color:#2b7f75;
  box-shadow:0 3px 10px rgba(26,68,77,.055);
}
.visual-v040 .media-feature-icon svg{
  width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.55;
  stroke-linecap:round;stroke-linejoin:round;
}
.visual-v040 .media-feature-icon:hover{border-color:#b9d6d0;background:#fff}
.visual-v040 .card-brand-mark{
  left:12px!important;top:10px!important;height:22px!important;
  min-width:44px!important;max-width:84px!important;padding:2px 5px!important;
  background:rgba(255,255,255,.84)!important;box-shadow:none!important;
}
.visual-v040 .card-brand-mark img{max-height:16px!important;max-width:72px!important}

/* Price: darker ocean blue, still light/clean typography. */
.visual-v040 .current-price-inline,
.visual-v040 .featured-current-price-inline,
.visual-v040 .pdp-price .tpss-price strong,
.visual-v040 .pdp-contact-price{
  color:var(--v40-ocean)!important;
}
.visual-v040 .current-price-inline,.visual-v040 .featured-current-price-inline{font-weight:650!important}
.visual-v040 .current-price-inline{font-size:16px!important}
.visual-v040 .featured-current-price-inline{font-size:16px!important}

/* Featured cards inherit clean supplier marks. */
.visual-v040 .featured-brand-mark{background:rgba(255,255,255,.9)!important;box-shadow:none!important}
.visual-v040 .featured-brand-mark img{max-width:76px!important;max-height:17px!important}

/* PDP: supplier mark, icon-only top capabilities, hide noisy supplier sheets. */
.visual-v040 .pdp-brand-row{min-height:30px!important;margin-bottom:6px!important}
.visual-v040 .pdp-brand-row img{max-width:126px!important;max-height:32px!important;object-fit:contain!important}
.visual-v040 .pdp-feature-icons{
  display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px;
}
.visual-v040 .pdp-feature-icon{
  width:34px;height:34px;display:grid;place-items:center;
  border:1px solid #dbe8e5;border-radius:11px;background:#f7fbfa;color:#2b7f75;
}
.visual-v040 .pdp-feature-icon svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;
  stroke-linecap:round;stroke-linejoin:round;
}
.visual-v040 .pdp-main-image{background:#fff!important}
.visual-v040 .pdp-main-image img{object-fit:contain!important;object-position:center!important}
.visual-v040 .pdp-thumbs{gap:8px!important}
.visual-v040 .pdp-thumb{background:#fff!important;border-color:#dfe6e9!important}
.visual-v040 .pdp-thumb img{object-fit:contain!important}

@media(max-width:800px){
  .visual-v040.page-products .brand-showroom{padding:7px 8px!important}
  .visual-v040.page-products .brand-logo-tile{flex:0 0 118px!important;height:48px!important}
  .visual-v040 .product-media-premium{height:275px!important;padding:12px 34px!important}
  .visual-v040 .media-feature-icon{width:27px;height:27px;border-radius:9px}
}
@media(max-width:560px){
  .visual-v040.page-products .quick-choice-grid-v042 .quick-choice-card{padding:15px 14px 15px 79px!important;min-height:136px!important}
  .visual-v040.page-products .quick-choice-grid-v042 .quick-icon{width:52px!important;height:52px!important;left:14px!important;top:15px!important}
  .visual-v040.page-products .quick-choice-grid-v042 .quick-icon img{width:52px;height:52px}
  .visual-v040 .product-media-premium{height:335px!important;padding:12px 38px!important}
}

/* ============================================================
   04.2 Founder refinement — visual-v041
   Image-led discovery, supplier-catalogue feature pictograms,
   sharper brand wordmarks, cleaner M7 hero, no icon overlap.
   ============================================================ */
.visual-v041{--v41-ocean:#045d9f;--v41-ocean-strong:#034f89;--v41-teal:#26786f;--v41-line:#dce6e8}
.visual-v041 .current-price-inline,.visual-v041 .featured-current-price-inline{color:var(--v41-ocean-strong)!important;font-weight:650!important}
/* Quick choice becomes image-led rather than app-board/glyph-led */
.visual-v041.page-products .quick-choice-grid-v042 .quick-choice-card{padding:0 0 14px!important;min-height:215px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;overflow:hidden!important;background:#fff!important}
.visual-v041.page-products .quick-choice-grid-v042 .quick-icon{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:102px!important;border-radius:0!important;overflow:hidden!important;background:#f4f7f6!important}
.visual-v041.page-products .quick-choice-grid-v042 .quick-icon img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.visual-v041.page-products .quick-choice-grid-v042 .quick-kicker,.visual-v041.page-products .quick-choice-grid-v042 .quick-choice-card strong,.visual-v041.page-products .quick-choice-grid-v042 .quick-choice-card small,.visual-v041.page-products .quick-choice-grid-v042 .quick-arrow{margin-left:16px!important;margin-right:16px!important}
.visual-v041.page-products .quick-choice-grid-v042 .quick-kicker{margin-top:13px!important}
.visual-v041.page-products .quick-choice-grid-v042 .quick-choice-card small{max-width:none!important}
.visual-v041.page-products .usecase-entry{grid-template-columns:62px 1fr!important;min-height:82px!important;padding:8px!important}
.visual-v041.page-products .usecase-entry-icon{width:58px!important;height:58px!important;border-radius:13px!important;overflow:hidden!important}
.visual-v041.page-products .usecase-entry-icon img{width:100%!important;height:100%!important;object-fit:cover!important}
/* Brand rail: crisp wordmarks with optical fill */
.visual-v041.page-products .brand-logo-tile img{max-width:138px!important;max-height:37px!important;image-rendering:auto!important;filter:none!important;transform:none!important}
.visual-v041.page-products .brand-logo-tile[data-brand="KAADAS"] img{max-width:124px!important;max-height:34px!important}
.visual-v041.page-products .brand-logo-tile[data-brand="PHILIPS"] img{max-width:126px!important;max-height:34px!important}
.visual-v041.page-products .brand-logo-tile[data-brand="SHARP"] img{max-width:126px!important;max-height:35px!important}
/* Supplier-catalogue pictograms sit in a clear side gutter, never over product geometry */
.visual-v041 .product-media-premium{padding-left:48px!important;padding-right:48px!important}
.visual-v041 .product-media-premium>img{max-width:88%!important;max-height:94%!important;margin:auto!important}
.visual-v041 .media-feature-strip{gap:8px!important;top:50%!important}
.visual-v041 .media-feature-icon{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;background:#fff!important;border:1px solid #d9e5e5!important;box-shadow:0 4px 10px rgba(27,55,70,.07)!important;display:grid!important;place-items:center!important;padding:5px!important}
.visual-v041 .supplier-feature-glyph{width:21px!important;height:21px!important;object-fit:contain!important;display:block!important}
.visual-v041 .feature-fallback-glyph{font-size:10px!important;font-weight:750!important;color:#2d766e!important;line-height:1!important}
.visual-v041 .pdp-feature-icons{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.visual-v041 .pdp-feature-icon{width:38px!important;height:38px!important;border-radius:50%!important;background:#fff!important;border:1px solid #d9e5e5!important;display:grid!important;place-items:center!important;box-shadow:0 4px 10px rgba(27,55,70,.06)!important}
.visual-v041 .pdp-feature-icon .supplier-feature-glyph{width:23px!important;height:23px!important}
/* Image-led solution page cards */
.visual-v041 .v39-solution-art.photo{height:180px!important;padding:0!important;overflow:hidden!important;background:#eef4f3!important}
.visual-v041 .v39-solution-art.photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.visual-v041 .v39-usecase-grid article{grid-template-columns:112px 1fr!important;align-items:stretch!important;overflow:hidden!important;padding:0!important}
.visual-v041 .v39-usecase-photo{display:block;width:112px;min-height:118px;overflow:hidden;background:#eef3f2}
.visual-v041 .v39-usecase-photo img{width:100%;height:100%;object-fit:cover;display:block}
.visual-v041 .v39-usecase-grid article>div{padding:17px 18px!important}
/* Homepage door discovery uses contextual images */
.visual-v041 .v39-door-card .v39-door-visual.photo{height:122px!important;margin:-18px -18px 14px!important;border-radius:15px 15px 0 0!important;overflow:hidden!important;background:#f1f5f4!important}
.visual-v041 .v39-door-card .v39-door-visual.photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
@media(max-width:760px){
 .visual-v041.page-products .quick-choice-grid-v042 .quick-choice-card{min-height:190px!important}
 .visual-v041.page-products .quick-choice-grid-v042 .quick-icon{height:92px!important}
 .visual-v041.page-products .usecase-entry{grid-template-columns:52px 1fr!important}.visual-v041.page-products .usecase-entry-icon{width:48px!important;height:48px!important}
 .visual-v041 .product-media-premium{padding-left:42px!important;padding-right:42px!important}
 .visual-v041 .v39-usecase-grid article{grid-template-columns:88px 1fr!important}.visual-v041 .v39-usecase-photo{width:88px}
}

/* ============================================================
   04.2 Day-0 content hardening — v042 micro-patch
   Content-only support styles; no architecture redesign.
   ============================================================ */
.pdp-product-type{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5f7f8b;font-weight:620;margin:0 0 8px}
.fit-applications{margin-top:6px!important;color:#365f66!important}
.detail-inline-link{display:inline-block;margin-top:8px;color:#045d9f;text-decoration:none;font-weight:600;font-size:12.5px}
.detail-inline-link:hover{text-decoration:underline}


/* ============================================================
   04.2 Founder aesthetic refinement — visual-v044
   Smaller image-led discovery, sharper contextual media,
   larger selected brand marks, photo-based Door-Fit guidance.
   ============================================================ */
.visual-v044{--v44-ocean:#034f89;--v44-teal:#27766d;--v44-line:#dce6e8}
/* Brand rail: slightly increase the three marks Founder called out. */
.visual-v044.page-products .brand-logo-tile[data-brand="KAADAS"] img{max-width:140px!important;max-height:39px!important}
.visual-v044.page-products .brand-logo-tile[data-brand="PHILIPS"] img{max-width:142px!important;max-height:39px!important}
.visual-v044.page-products .brand-logo-tile[data-brand="OSUNO"] img{max-width:128px!important;max-height:40px!important}
/* Product quick-choice: small premium thumbnail, never giant cropped image. */
.visual-v044.page-products .quick-choice-grid-v042 .quick-choice-card{
  display:grid!important;grid-template-columns:minmax(0,1fr) 116px!important;
  grid-template-rows:auto auto 1fr auto!important;column-gap:12px!important;
  min-height:154px!important;padding:16px!important;align-items:start!important;
}
.visual-v044.page-products .quick-choice-grid-v042 .quick-icon{
  grid-column:2!important;grid-row:1/5!important;position:relative!important;
  width:116px!important;height:92px!important;align-self:center!important;
  border-radius:14px!important;overflow:hidden!important;background:#f7f9f8!important;
  border:1px solid #e2e9e8!important;padding:6px!important;
}
.visual-v044.page-products .quick-choice-grid-v042 .quick-icon img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
  border-radius:10px!important;filter:none!important;
}
.visual-v044.page-products .quick-choice-grid-v042 .quick-kicker,
.visual-v044.page-products .quick-choice-grid-v042 .quick-choice-card strong,
.visual-v044.page-products .quick-choice-grid-v042 .quick-choice-card small,
.visual-v044.page-products .quick-choice-grid-v042 .quick-arrow{
  grid-column:1!important;margin-left:0!important;margin-right:0!important;
}
.visual-v044.page-products .quick-choice-grid-v042 .quick-kicker{margin-top:0!important}
.visual-v044.page-products .quick-choice-grid-v042 .quick-choice-card small{max-width:100%!important}
/* Use-case thumbnails: sharpened photo assets, compact and clear. */
.visual-v044.page-products .usecase-entry-icon img{object-fit:cover!important;filter:none!important}
/* Homepage door discovery: real photo thumbnails instead of artwork. */
.visual-v044 .v39-door-card .v39-door-visual.photo.v44-door-photo{
  height:126px!important;margin:-16px -16px 12px!important;border-radius:15px 15px 0 0!important;
  overflow:hidden!important;background:#eef3f2!important;
}
.visual-v044 .v39-door-card .v39-door-visual.photo.v44-door-photo img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  display:block!important;filter:none!important;
}
/* Need-based groups: controlled product photography replaces line artwork. */
.visual-v044 .v36-group-card.v44-group-card{
  display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:16px!important;
  align-items:center!important;padding:16px!important;
}
.visual-v044 .v44-group-photo{width:150px;height:116px;border-radius:14px;overflow:hidden;background:#f7f9f8;border:1px solid #e1e8e9}
.visual-v044 .v44-group-photo img{width:100%;height:100%;display:block;object-fit:contain;padding:6px;box-sizing:border-box}
/* Door-Fit: photo guidance rather than schematic-only cards. */
.visual-v044 .door-fit-guide-card{overflow:hidden!important;padding:0!important}
.visual-v044 .door-fit-guide-visual.v44-doorfit-photo{height:142px!important;background:#eef3f2!important;overflow:hidden!important;border-bottom:1px solid #e0e7e8}
.visual-v044 .door-fit-guide-visual.v44-doorfit-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:none}
.visual-v044 .door-fit-guide-copy{padding:15px 16px 17px!important}
.visual-v044 .v44-doorfit-contact-grid{gap:14px!important}
.visual-v044 .v44-doorfit-contact-card{padding:0!important;overflow:hidden!important;background:#fff;border:1px solid #dfe7e8;border-radius:16px}
.visual-v044 .v44-doorfit-contact-card>img{width:100%;height:132px;display:block;object-fit:cover;background:#eef3f2}
.visual-v044 .v44-doorfit-contact-card>div{padding:14px 15px 16px}
.visual-v044 .v44-doorfit-contact-card span{display:inline-block;color:#2b7b71;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:5px}
.visual-v044 .v44-doorfit-contact-card h3{margin:0 0 6px!important}
/* Solution media: keep current layout, use the sharpened 1040px assets at natural contrast. */
.visual-v044 .v39-solution-art.photo img,.visual-v044 .v39-usecase-photo img{filter:none!important;image-rendering:auto!important}
@media(max-width:900px){
 .visual-v044 .v36-group-card.v44-group-card{grid-template-columns:120px minmax(0,1fr)!important}.visual-v044 .v44-group-photo{width:120px;height:108px}
}
@media(max-width:700px){
 .visual-v044.page-products .quick-choice-grid-v042 .quick-choice-card{grid-template-columns:minmax(0,1fr) 94px!important;min-height:146px!important;padding:14px!important}.visual-v044.page-products .quick-choice-grid-v042 .quick-icon{width:94px!important;height:78px!important}
 .visual-v044 .v36-group-card.v44-group-card{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important}.visual-v044 .v44-group-photo{width:96px;height:92px}
 .visual-v044 .door-fit-guide-visual.v44-doorfit-photo{height:170px!important}
}


/* ============================================================
   04.2 Founder aesthetic + Day-0 reconciliation — visual-v045
   Controlled refinement; no architecture redesign.
   ============================================================ */
.visual-v045{--v45-ocean:#034f89;--v45-red:#c92d32;--v45-teal:#247a71;--v45-line:#dce5e8}

/* Brand rail: optical fill for Kaadas / Philips / OSUNO. */
.visual-v045.page-products .brand-logo-tile[data-brand="KAADAS"] img{max-width:154px!important;max-height:43px!important}
.visual-v045.page-products .brand-logo-tile[data-brand="PHILIPS"] img{max-width:156px!important;max-height:43px!important}
.visual-v045.page-products .brand-logo-tile[data-brand="OSUNO"] img{max-width:146px!important;max-height:44px!important}

/* Quick-choice cards: show the whole controlled product visual, no crop/blur. */
.visual-v045.page-products .quick-choice-grid-v042 .quick-choice-card{
  grid-template-columns:minmax(0,1fr) 142px!important;
  min-height:166px!important;
}
.visual-v045.page-products .quick-choice-grid-v042 .quick-icon{
  width:142px!important;height:108px!important;padding:0!important;
  border:1px solid #e0e8e8!important;background:#f6f8f7!important;
}
.visual-v045.page-products .quick-choice-grid-v042 .quick-icon img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
  padding:0!important;filter:none!important;
}

/* Price pair: list price and current price use the same optical size and weight. */
.visual-v045 .card-price-row,
.visual-v045 .featured-price-row{align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.visual-v045 .listed-price-inline del,
.visual-v045 .featured-list-price-inline del,
.visual-v045 .current-price-inline,
.visual-v045 .featured-current-price-inline{
  font-size:14px!important;
  font-weight:520!important;
  line-height:1.2!important;
}
.visual-v045 .listed-price-inline .price-kicker,
.visual-v045 .featured-list-price-inline>span{
  font-size:8px!important;font-weight:500!important;
}
.visual-v045 .current-price-inline,
.visual-v045 .featured-current-price-inline{color:var(--v45-ocean)!important}
.visual-v045 .listed-price-inline del,
.visual-v045 .featured-list-price-inline del{color:#c44348!important;text-decoration-thickness:1px!important}

/* Door-Fit: use the TPSS 4-photo guide crops. */
.visual-v045 .door-fit-guide-visual.v44-doorfit-photo,
.visual-v045 .v44-doorfit-contact-card>img{background:#f6f4ed!important}
.visual-v045 .door-fit-guide-visual.v44-doorfit-photo img,
.visual-v045 .v44-doorfit-contact-card>img{object-fit:cover!important;object-position:center!important;filter:none!important}

/* Solution page contextual media: clearer, less haze. */
.visual-v045 .v39-solution-art.photo img,
.visual-v045 .v39-usecase-photo img{
  filter:contrast(1.05) saturate(1.03)!important;
  image-rendering:auto!important;
}

/* Process strip is now actionable and compact. */
.visual-v045 .v045-process-strip{gap:8px!important;align-items:stretch!important}
.visual-v045 .v045-process-step{
  flex:1;min-width:0;padding:16px 14px;border:1px solid #dfe7e8;border-radius:15px;
  background:#fff;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:5px;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.visual-v045 .v045-process-step:hover,.visual-v045 .v045-process-step:focus-visible{
  transform:translateY(-2px);border-color:#bdd7d2;box-shadow:0 8px 20px rgba(28,63,77,.07);outline:none;
}
.visual-v045 .v045-process-step span{color:var(--v45-teal);font-size:11px;font-weight:750;letter-spacing:.08em}
.visual-v045 .v045-process-step strong{color:#274f63;font-size:14px;font-weight:620}
.visual-v045 .v045-process-step small{color:#74848c;font-size:11px;line-height:1.4}
.visual-v045 .v045-process-strip>i{align-self:center;color:#91a3aa;font-style:normal}

/* Knowledge block: useful previews instead of a sparse list. */
.visual-v045 .v045-knowledge-section{padding-top:34px!important;padding-bottom:46px!important}
.visual-v045 .v045-knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.visual-v045 .v045-knowledge-card{
  text-decoration:none;color:inherit;border:1px solid #dfe7e8;border-radius:16px;background:#fff;
  padding:18px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;
}
.visual-v045 .v045-knowledge-card>span{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:#edf7f4;color:var(--v45-teal);font-size:11px;font-weight:750;
}
.visual-v045 .v045-knowledge-card strong{display:block;color:#294f63;font-size:15px;font-weight:620;margin-bottom:6px}
.visual-v045 .v045-knowledge-card small{display:block;color:#71818a;font-size:12px;line-height:1.48;margin-bottom:9px}
.visual-v045 .v045-knowledge-card em{font-style:normal;color:#065d9c;font-size:11.5px;font-weight:620}

/* Contact phone card: red icon/text/number, no red background panel. */
.visual-v045 .contact-option-phone{background:#fff!important;border-color:#e2e8ea!important}
.visual-v045 .contact-option-phone .contact-icon{background:transparent!important;color:var(--v45-red)!important;box-shadow:none!important}
.visual-v045 .contact-option-phone .contact-icon svg{fill:var(--v45-red)!important}
.visual-v045 .contact-option-phone strong,
.visual-v045 .contact-option-phone small{color:var(--v45-red)!important}

/* Desktop Zalo QR modal. */
.tpss-zalo-modal[hidden]{display:none!important}
.tpss-zalo-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}
.tpss-zalo-backdrop{position:absolute;inset:0;background:rgba(7,22,36,.56);backdrop-filter:blur(3px)}
.tpss-zalo-dialog{position:relative;z-index:1;width:min(410px,94vw);background:#fff;border-radius:22px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.28);text-align:center}
.tpss-zalo-dialog h3{margin:8px 0 6px;color:#173c61;font-size:20px}
.tpss-zalo-dialog p{margin:0 0 14px;color:#6d7e88;font-size:13px;line-height:1.5}
.tpss-zalo-qr{width:238px;height:238px;object-fit:contain;border:1px solid #e2e7ea;border-radius:16px;padding:10px;background:#fff}
.tpss-zalo-modal-actions{display:flex;gap:9px;justify-content:center;margin-top:16px}
.tpss-zalo-modal-actions a,.tpss-zalo-modal-actions button{border-radius:10px;padding:10px 14px;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
.tpss-zalo-modal-actions a{background:#0a65b7;color:#fff;text-decoration:none;border:1px solid #0a65b7}
.tpss-zalo-modal-actions button{background:#fff;color:#3c5668;border:1px solid #d9e1e6}

@media(max-width:760px){
  .visual-v045.page-products .quick-choice-grid-v042 .quick-choice-card{grid-template-columns:minmax(0,1fr) 108px!important}
  .visual-v045.page-products .quick-choice-grid-v042 .quick-icon{width:108px!important;height:86px!important}
  .visual-v045 .v045-process-strip{display:grid!important;grid-template-columns:1fr 1fr!important}
  .visual-v045 .v045-process-strip>i{display:none!important}
  .visual-v045 .v045-knowledge-grid{grid-template-columns:1fr!important}
}


/* ============================================================
   04.2 Founder final refinement — visual-v046
   Better visual realism + unified PDP information hierarchy.
   ============================================================ */
.visual-v046{--v46-ocean:#034f89;--v46-red:#ca2f36;--v46-teal:#247a71;--v46-ink:#244d62;--v46-line:#dce5e8}

/* HOME — realistic category crops with stronger product/door context. */
.visual-v046.page-home .v39-door-card{padding:0!important;overflow:hidden!important;gap:0!important;min-height:286px!important}
.visual-v046.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{height:154px!important;margin:0!important;border-radius:0!important;background:#f4f6f5!important}
.visual-v046.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important}
.visual-v046.page-home .v39-door-card>div:last-child{padding:14px 15px 16px!important;display:flex;flex-direction:column;flex:1}
.visual-v046.page-home .v39-door-card h3{font-size:17px!important;margin:0 0 5px!important}
.visual-v046.page-home .v39-door-card p{font-size:11.5px!important;line-height:1.46!important}
.visual-v046.page-home .v39-door-card span{margin-top:auto!important;padding-top:8px!important}

/* PRODUCT DISCOVERY — make the image readable at tile size. */
.visual-v046.page-products .quick-choice-grid-v042 .quick-choice-card{grid-template-columns:minmax(0,1fr) 162px!important;min-height:174px!important;padding:15px 14px 15px 16px!important;gap:13px!important}
.visual-v046.page-products .quick-choice-grid-v042 .quick-icon{width:162px!important;height:118px!important;padding:0!important;border-radius:14px!important;overflow:hidden!important;background:#f6f8f7!important;border:1px solid #dfe7e8!important;align-self:center!important}
.visual-v046.page-products .quick-choice-grid-v042 .quick-icon img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;filter:none!important;transform:none!important}
.visual-v046.page-products .quick-choice-grid-v042 .quick-choice-card[data-filter-group="price"] .quick-icon img{object-fit:contain!important;padding:5px!important;background:#f8f6ef!important}
.visual-v046.page-products .quick-choice-grid-v042 .quick-kicker{font-size:9px!important;letter-spacing:.12em!important}
.visual-v046.page-products .quick-choice-grid-v042 strong{font-size:15px!important;line-height:1.22!important}
.visual-v046.page-products .quick-choice-grid-v042 small{font-size:10.8px!important;line-height:1.42!important}

/* Brand rail — Kaadas / Philips optical presence matches the stronger marks. */
.visual-v046.page-products .brand-logo-tile[data-brand="KAADAS"] img{max-width:174px!important;max-height:47px!important;width:auto!important;height:auto!important}
.visual-v046.page-products .brand-logo-tile[data-brand="PHILIPS"] img{max-width:176px!important;max-height:47px!important;width:auto!important;height:auto!important}
.visual-v046.page-products .brand-logo-tile[data-brand="OSUNO"] img{max-width:150px!important;max-height:44px!important}

/* Product listing price pair — equal visual scale, different semantic color only. */
.visual-v046.page-products .listed-price-inline del,
.visual-v046.page-products .featured-list-price-inline del,
.visual-v046.page-products .current-price-inline,
.visual-v046.page-products .featured-current-price-inline{font-size:14px!important;font-weight:600!important;line-height:1.25!important}
.visual-v046.page-products .listed-price-inline del,
.visual-v046.page-products .featured-list-price-inline del{color:#c4454b!important;text-decoration-thickness:1px!important}
.visual-v046.page-products .current-price-inline,
.visual-v046.page-products .featured-current-price-inline{color:var(--v46-ocean)!important}
.visual-v046.page-products .card-price-row,
.visual-v046.page-products .featured-price-row{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important}

/* SOLUTIONS — crisper contextual images. */
.visual-v046.page-solutions .v39-solution-art.photo{height:176px!important;background:#f3f6f5!important}
.visual-v046.page-solutions .v39-solution-art.photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important}
.visual-v046.page-solutions .v39-usecase-photo{width:78px!important;height:68px!important;border-radius:13px!important;overflow:hidden!important;background:#f4f6f5!important}
.visual-v046.page-solutions .v39-usecase-photo img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
.visual-v046.page-solutions .v39-usecase-grid article{grid-template-columns:78px 1fr!important;align-items:center!important;min-height:98px!important}

/* SOLUTIONS process — image-supported, compact, no giant empty cards. */
.visual-v046.page-solutions .v046-process-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.visual-v046.page-solutions .v046-process-strip>i{display:none!important}
.visual-v046.page-solutions .v046-process-step{padding:0 0 14px!important;min-height:224px!important;overflow:hidden!important;gap:4px!important;border-radius:16px!important}
.visual-v046.page-solutions .v046-step-visual{display:block!important;width:100%!important;height:118px!important;overflow:hidden!important;background:#f4f6f5!important;margin:0 0 8px!important;letter-spacing:0!important}
.visual-v046.page-solutions .v046-step-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.visual-v046.page-solutions .v046-process-step>span:not(.v046-step-visual),
.visual-v046.page-solutions .v046-process-step>strong,
.visual-v046.page-solutions .v046-process-step>small{margin-left:14px!important;margin-right:14px!important}
.visual-v046.page-solutions .v046-process-step>span:not(.v046-step-visual){font-size:10px!important}
.visual-v046.page-solutions .v046-process-step>strong{font-size:14px!important;margin-top:1px!important}
.visual-v046.page-solutions .v046-process-step>small{font-size:10.5px!important;line-height:1.35!important}
.visual-v046.page-solutions .v045-knowledge-section{padding-top:26px!important;padding-bottom:34px!important}

/* PDP — one coherent hero/feature/price/information system. */
.visual-v046.page-product-detail .v046-pdp-master{overflow:hidden!important}
.visual-v046.page-product-detail .v046-pdp-top{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:0!important;align-items:stretch!important;padding:0!important}
.visual-v046.page-product-detail .v046-pdp-gallery{padding:24px 22px 20px!important;border-right:1px solid #e1e8ea!important;background:#fff!important}
.visual-v046.page-product-detail .v046-pdp-media{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important;min-height:520px!important}
.visual-v046.page-product-detail .v046-feature-rail{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:center!important;align-items:center!important;padding:8px 0!important;margin:0!important}
.visual-v046.page-product-detail .v046-feature-rail .pdp-feature-icon{position:relative!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:13px!important;border:1px solid #dce7e7!important;background:#f7fbfa!important;display:grid!important;place-items:center!important;padding:9px!important;color:#276f69!important;box-shadow:none!important;overflow:visible!important}
.visual-v046.page-product-detail .v046-feature-rail .supplier-feature-glyph{width:26px!important;height:26px!important;object-fit:contain!important}
.visual-v046.page-product-detail .v046-feature-rail .feature-fallback-glyph{font-size:15px!important;font-weight:650!important}
.visual-v046.page-product-detail .pdp-feature-icon-label{position:absolute;left:58px;top:50%;transform:translateY(-50%);z-index:6;white-space:nowrap;background:#183e52;color:#fff;padding:6px 8px;border-radius:7px;font-size:10px;line-height:1;opacity:0;pointer-events:none;transition:opacity .12s ease}
.visual-v046.page-product-detail .pdp-feature-icon:hover .pdp-feature-icon-label,
.visual-v046.page-product-detail .pdp-feature-icon:focus-within .pdp-feature-icon-label{opacity:1}
.visual-v046.page-product-detail .v046-pdp-media .pdp-main-image{height:auto!important;min-height:520px!important;border:0!important;border-radius:18px!important;background:#fcfcfa!important;padding:22px!important;display:grid!important;place-items:center!important}
.visual-v046.page-product-detail .v046-pdp-media .pdp-main-image img{width:100%!important;height:100%!important;max-height:500px!important;object-fit:contain!important;object-position:center!important}
.visual-v046.page-product-detail .v046-pdp-gallery .pdp-thumbs{margin-top:12px!important}
.visual-v046.page-product-detail .v046-pdp-buybox{padding:24px 22px 20px!important;background:#fff!important;display:flex!important;flex-direction:column!important;min-width:0!important}
.visual-v046.page-product-detail .v046-pdp-buybox .pdp-brand-row{margin-bottom:2px!important}
.visual-v046.page-product-detail .v046-pdp-buybox h1{margin:2px 0 3px!important}
.visual-v046.page-product-detail .v046-pdp-buybox .pdp-summary{margin:8px 0 14px!important;line-height:1.48!important}
.visual-v046.page-product-detail .v046-pdp-price{padding:13px 0 13px!important;margin:0!important;border-top:1px solid #edf1f2!important;border-bottom:1px solid #edf1f2!important}
.visual-v046.page-product-detail .v046-pdp-price-pair{display:flex!important;align-items:flex-end!important;gap:20px!important;flex-wrap:wrap!important}
.visual-v046.page-product-detail .v046-pdp-price-pair .listed-price,
.visual-v046.page-product-detail .v046-pdp-price-pair .current-selling-price{display:flex!important;flex-direction:column!important;gap:3px!important;align-items:flex-start!important}
.visual-v046.page-product-detail .v046-pdp-price-pair .price-kicker{font-size:8.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#73858f!important;font-weight:600!important}
.visual-v046.page-product-detail .v046-pdp-price-pair del,
.visual-v046.page-product-detail .v046-pdp-price-pair .tpss-price-line strong{font-size:18px!important;font-weight:620!important;line-height:1.15!important}
.visual-v046.page-product-detail .v046-pdp-price-pair del{color:#c44349!important;text-decoration-thickness:1.2px!important}
.visual-v046.page-product-detail .v046-pdp-price-pair .tpss-price-line strong{color:var(--v46-ocean)!important}
.visual-v046.page-product-detail .v046-pdp-price .pricing-note{font-size:10.5px!important;line-height:1.4!important;margin:8px 0 0!important;color:#788992!important}
.visual-v046.page-product-detail .v046-info-stack{padding:8px 0 0!important;margin:0!important;border:0!important}
.visual-v046.page-product-detail .v046-info-stack .pdp-detail-section{border-bottom:1px solid #e8edef!important;margin:0!important;background:#fff!important}
.visual-v046.page-product-detail .v046-info-stack .pdp-detail-section:last-child{border-bottom:0!important}
.visual-v046.page-product-detail .v046-info-stack summary{min-height:46px!important;padding:13px 2px!important;font-size:11.5px!important;font-weight:620!important;color:#31576a!important}
.visual-v046.page-product-detail .v046-info-stack .pdp-detail-content{padding:0 2px 13px!important;font-size:10.8px!important;line-height:1.48!important;color:#657985!important}
.visual-v046.page-product-detail .v046-info-stack .spec-table{font-size:10.5px!important}
.visual-v046.page-product-detail .v046-primary-consult-cta{display:flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;padding:17px 22px!important;margin:0!important;background:linear-gradient(135deg,#c82d34,#b7222d)!important;color:#fff!important;text-decoration:none!important;border-top:1px solid #ad1f27!important;box-shadow:none!important;text-align:left!important}
.visual-v046.page-product-detail .v046-primary-consult-cta:hover{background:linear-gradient(135deg,#d0343b,#bd2630)!important}
.visual-v046.page-product-detail .v046-call-icon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:19px;flex:0 0 auto}
.visual-v046.page-product-detail .v046-primary-consult-cta strong{display:block!important;font-size:16px!important;line-height:1.25!important;font-weight:680!important;color:#fff!important}
.visual-v046.page-product-detail .v046-primary-consult-cta small{display:block!important;margin-top:3px!important;font-size:11px!important;color:rgba(255,255,255,.88)!important}
.visual-v046.page-product-detail .pdp-contact-guidance,
.visual-v046.page-product-detail .pdp-actions-premium,
.visual-v046.page-product-detail .fit-callout{display:none!important}

@media(max-width:980px){
  .visual-v046.page-home .v39-door-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .visual-v046.page-solutions .v046-process-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .visual-v046.page-product-detail .v046-pdp-top{grid-template-columns:1fr!important}
  .visual-v046.page-product-detail .v046-pdp-gallery{border-right:0!important;border-bottom:1px solid #e1e8ea!important}
  .visual-v046.page-product-detail .v046-pdp-media{min-height:460px!important}
  .visual-v046.page-product-detail .v046-pdp-media .pdp-main-image{min-height:460px!important}
}
@media(max-width:760px){
  .visual-v046.page-products .quick-choice-grid-v042 .quick-choice-card{grid-template-columns:minmax(0,1fr) 122px!important;min-height:154px!important}
  .visual-v046.page-products .quick-choice-grid-v042 .quick-icon{width:122px!important;height:92px!important}
  .visual-v046.page-products .brand-logo-tile[data-brand="KAADAS"] img,
  .visual-v046.page-products .brand-logo-tile[data-brand="PHILIPS"] img{max-width:146px!important;max-height:41px!important}
  .visual-v046.page-solutions .v046-process-strip{grid-template-columns:1fr 1fr!important}
  .visual-v046.page-product-detail .v046-pdp-gallery{padding:16px 12px!important}
  .visual-v046.page-product-detail .v046-pdp-media{grid-template-columns:52px minmax(0,1fr)!important;gap:8px!important;min-height:390px!important}
  .visual-v046.page-product-detail .v046-pdp-media .pdp-main-image{min-height:390px!important;padding:14px!important}
  .visual-v046.page-product-detail .v046-feature-rail .pdp-feature-icon{width:42px!important;height:42px!important;min-width:42px!important;padding:8px!important}
  .visual-v046.page-product-detail .pdp-feature-icon-label{display:none!important}
  .visual-v046.page-product-detail .v046-pdp-buybox{padding:18px 15px!important}
  .visual-v046.page-product-detail .v046-pdp-price-pair{gap:14px!important}
  .visual-v046.page-product-detail .v046-pdp-price-pair del,
  .visual-v046.page-product-detail .v046-pdp-price-pair .tpss-price-line strong{font-size:17px!important}
  .visual-v046.page-product-detail .v046-primary-consult-cta{padding:15px!important}
  .visual-v046.page-product-detail .v046-primary-consult-cta strong{font-size:14px!important}
}
@media(max-width:560px){
  .visual-v046.page-home .v39-door-grid{grid-template-columns:1fr!important}
  .visual-v046.page-products .quick-choice-grid-v042 .quick-choice-card{grid-template-columns:1fr!important;padding:0 14px 14px!important;overflow:hidden!important}
  .visual-v046.page-products .quick-choice-grid-v042 .quick-icon{width:calc(100% + 28px)!important;height:136px!important;margin:0 -14px 8px!important;border-radius:14px 14px 0 0!important;border-left:0!important;border-right:0!important;border-top:0!important}
  .visual-v046.page-solutions .v046-process-strip{grid-template-columns:1fr!important}
  .visual-v046.page-solutions .v046-process-step{min-height:0!important;display:grid!important;grid-template-columns:112px 1fr!important;grid-template-rows:auto auto auto!important;padding:0!important}
  .visual-v046.page-solutions .v046-step-visual{grid-row:1/4!important;width:112px!important;height:112px!important;margin:0!important;border-radius:0!important}
  .visual-v046.page-solutions .v046-process-step>span:not(.v046-step-visual),
  .visual-v046.page-solutions .v046-process-step>strong,
  .visual-v046.page-solutions .v046-process-step>small{margin-left:12px!important;margin-right:12px!important}
  .visual-v046.page-solutions .v046-process-step>span:not(.v046-step-visual){margin-top:12px!important}
  .visual-v046.page-solutions .v046-process-step>small{margin-bottom:10px!important}
  .visual-v046.page-product-detail .v046-pdp-media{grid-template-columns:46px minmax(0,1fr)!important;min-height:330px!important}
  .visual-v046.page-product-detail .v046-pdp-media .pdp-main-image{min-height:330px!important}
  .visual-v046.page-product-detail .v046-feature-rail{gap:6px!important}
  .visual-v046.page-product-detail .v046-feature-rail .pdp-feature-icon{width:38px!important;height:38px!important;min-width:38px!important;padding:7px!important}
  .visual-v046.page-product-detail .v046-feature-rail .supplier-feature-glyph{width:22px!important;height:22px!important}
  .visual-v046.page-product-detail .v046-primary-consult-cta{align-items:flex-start!important}
}
/* Featured discovery brand marks: Philips / Kaadas should read as confidently as Solity. */
.visual-v046.page-products .featured-product-card[data-brand="KAADAS"] .featured-brand-mark,
.visual-v046.page-products .featured-product-card[data-brand="PHILIPS"] .featured-brand-mark{height:31px!important;min-width:72px!important;max-width:112px!important;padding:3px 7px!important}
.visual-v046.page-products .featured-product-card[data-brand="KAADAS"] .featured-brand-mark img,
.visual-v046.page-products .featured-product-card[data-brand="PHILIPS"] .featured-brand-mark img{max-width:96px!important;max-height:24px!important;width:auto!important;height:auto!important}

/* ============================================================
   04.2 Founder visual refinement — visual-v047
   Coherent premium system / image-first storytelling / less card chrome.
   70-asset supplier job pack intentionally not used.
   ============================================================ */
.visual-v047{
  --v47-navy:#12375d;
  --v47-navy-deep:#0c2b4d;
  --v47-ocean:#075f9a;
  --v47-teal:#2d7b72;
  --v47-red:#c9333b;
  --v47-ink:#21384c;
  --v47-muted:#6d7f8e;
  --v47-line:#dfe6e8;
  --v47-soft:#f5f8f7;
  --v47-warm:#fbfaf7;
  --v47-shadow:0 18px 50px rgba(18,55,93,.075);
  color:var(--v47-ink);
  background:#fff;
}
.visual-v047 h1,.visual-v047 h2,.visual-v047 h3{color:var(--v47-navy-deep);letter-spacing:-.02em}
.visual-v047 .eyebrow{color:var(--v47-teal);font-weight:720;letter-spacing:.11em}
.visual-v047 .section{padding-top:54px;padding-bottom:54px}
.visual-v047 .v36-clean-section{background:#fff!important}
.visual-v047 .v36-soft-section{background:linear-gradient(180deg,#fbfaf7 0%,#f7faf9 100%)!important}
.visual-v047 .section-head{margin-bottom:22px!important}
.visual-v047 .section-head h2{font-size:clamp(28px,3vw,38px);line-height:1.12;font-weight:610}
.visual-v047 .section-head>p{max-width:560px;color:var(--v47-muted)!important;line-height:1.58}
.visual-v047 .btn{border-radius:12px;font-weight:650;letter-spacing:-.01em}
.visual-v047 .btn-primary{background:var(--v47-navy)!important}
.visual-v047 .btn-secondary{border-color:#d6e0e5!important;color:var(--v47-navy)!important;background:#fff!important}

/* Header: lighter, more architectural. */
.visual-v047 header{box-shadow:0 1px 0 rgba(18,55,93,.04)}
.visual-v047 .nav{height:92px!important}
.visual-v047 .brand{min-width:245px!important}
.visual-v047 .brand img{height:70px!important}
.visual-v047 .nav-links{gap:24px!important;font-size:14px!important;color:#29445d!important}
.visual-v047 .actions .btn{min-height:42px;padding:10px 17px!important}

/* HOME — hero becomes a strong editorial split instead of catalogue template. */
.visual-v047.page-home .v36-home-hero{
  padding:58px 0 34px!important;
  background:linear-gradient(118deg,#f7f9f8 0%,#fbfaf7 54%,#eef5f3 100%)!important;
  border-bottom:1px solid #e5ecea;
}
.visual-v047.page-home .v36-home-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr)!important;gap:58px!important;align-items:center!important}
.visual-v047.page-home .v36-home-copy h1{font-size:clamp(42px,5.1vw,66px)!important;line-height:1.01!important;font-weight:610!important;letter-spacing:-.045em!important;max-width:760px}
.visual-v047.page-home .v36-home-copy .lead{font-size:18px!important;line-height:1.68!important;color:#566d7c!important;max-width:690px}
.visual-v047.page-home .v36-home-points{margin:24px 0 22px!important;gap:9px!important}
.visual-v047.page-home .v36-home-points span{background:transparent!important;border:0!important;border-left:2px solid #9ec7bd!important;border-radius:0!important;padding:2px 14px!important;color:#456374!important;font-size:12px!important}
.visual-v047.page-home .v36-home-visual{border-radius:28px!important;overflow:hidden!important;box-shadow:0 26px 70px rgba(18,55,93,.16)!important;min-height:520px!important;background:#ddd!important}
.visual-v047.page-home .v36-home-visual>img{width:100%!important;height:100%!important;min-height:520px!important;object-fit:cover!important;object-position:center 48%!important}
.visual-v047.page-home .v36-home-visual-note{left:22px!important;right:auto!important;bottom:22px!important;max-width:330px!important;border:1px solid rgba(255,255,255,.58)!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)!important;box-shadow:0 10px 34px rgba(12,43,77,.14)!important}
.visual-v047.page-home .v36-home-trust{margin-top:26px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;border-top:1px solid #dfe7e5;border-bottom:1px solid #dfe7e5}
.visual-v047.page-home .v36-trust-card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:19px 24px!important}
.visual-v047.page-home .v36-trust-card+ .v36-trust-card{border-left:1px solid #e1e8e6!important}
.visual-v047.page-home .v36-trust-card b{font-size:13px!important;color:var(--v47-navy)!important}
.visual-v047.page-home .v36-trust-card p{font-size:11.5px!important;line-height:1.5!important;color:#6d7e88!important;margin-top:4px!important}

/* Homepage category storytelling: asymmetric editorial rail with real context images. */
.visual-v047.page-home .v39-door-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important}
.visual-v047.page-home .v39-door-card{min-height:0!important;border:1px solid #dfe6e4!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.visual-v047.page-home .v39-door-card:hover{transform:translateY(-3px);box-shadow:var(--v47-shadow)!important;border-color:#cbdad6!important}
.visual-v047.page-home .v39-door-card.wood{grid-column:span 5}
.visual-v047.page-home .v39-door-card.glass{grid-column:span 4}
.visual-v047.page-home .v39-door-card.aluminium{grid-column:span 3}
.visual-v047.page-home .v39-door-card.gate{grid-column:span 6}
.visual-v047.page-home .v39-door-card.fire{grid-column:span 6}
.visual-v047.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{height:214px!important;background:#eef2f1!important}
.visual-v047.page-home .v39-door-card.gate .v39-door-visual.photo.v44-door-photo,
.visual-v047.page-home .v39-door-card.fire .v39-door-visual.photo.v44-door-photo{height:190px!important}
.visual-v047.page-home .v39-door-card .v39-door-visual img{object-fit:cover!important;object-position:center!important;transition:transform .3s ease!important}
.visual-v047.page-home .v39-door-card:hover .v39-door-visual img{transform:scale(1.025)}
.visual-v047.page-home .v39-door-card>div:last-child{padding:17px 18px 18px!important}
.visual-v047.page-home .v39-door-card h3{font-size:18px!important;font-weight:620!important}
.visual-v047.page-home .v39-door-card p{font-size:12px!important;color:#6d7e88!important;max-width:95%}
.visual-v047.page-home .v39-door-card span{font-size:11px!important;color:var(--v47-ocean)!important;font-weight:650!important}

/* Homepage need groups: image-led, fewer boxes-inside-boxes. */
.visual-v047.page-home .v36-group-grid{gap:14px!important}
.visual-v047.page-home .v36-group-card{border:1px solid #dfe6e5!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;padding:0!important}
.visual-v047.page-home .v44-group-photo{height:198px!important;background:#f7f8f7!important;border-radius:0!important}
.visual-v047.page-home .v44-group-photo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px!important}
.visual-v047.page-home .v36-group-card>div:last-child{padding:18px 20px 21px!important}
.visual-v047.page-home .v36-group-card h3{font-size:19px!important;font-weight:610!important}
.visual-v047.page-home .v36-group-card p{font-size:12px!important;color:#70818d!important}

/* Homepage process becomes a concise premium sequence, not four oversized cards. */
.visual-v047.page-home .v36-process-grid{gap:0!important;border-top:1px solid #dfe7e5;border-bottom:1px solid #dfe7e5}
.visual-v047.page-home .v36-process-card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:20px 22px!important;min-height:0!important}
.visual-v047.page-home .v36-process-card+ .v36-process-card{border-left:1px solid #e2e9e7!important}
.visual-v047.page-home .v36-process-card>span{background:#edf5f2!important;color:var(--v47-teal)!important}

/* PRODUCTS — catalogue hero quieter and more commercial. */
.visual-v047.page-products .catalogue-hero{padding:54px 0 46px!important;background:linear-gradient(125deg,#f7f9f8,#fbfaf7 58%,#eef5f3)!important}
.visual-v047.page-products .catalogue-hero-inner{grid-template-columns:minmax(0,1fr) 350px!important;gap:52px!important}
.visual-v047.page-products .catalogue-hero h1{font-size:clamp(38px,4.6vw,56px)!important;font-weight:610!important;letter-spacing:-.04em!important}
.visual-v047.page-products .hero-consult-card{border:0!important;border-left:3px solid #9ec9be!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:4px 0 4px 22px!important}
.visual-v047.page-products .hero-trust-row span,.visual-v047.page-products .hero-trust-chip{background:transparent!important;border:0!important;border-left:2px solid #aaccc4!important;border-radius:0!important;padding:2px 12px!important}

/* Quick choice becomes clean image-first editorial tiles. */
.visual-v047.page-products .quick-choice{padding-top:38px!important;padding-bottom:24px!important}
.visual-v047.page-products .quick-choice-grid-v042{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.visual-v047.page-products .quick-choice-grid-v042 .quick-choice-card{display:flex!important;flex-direction:column!important;min-height:282px!important;padding:0 18px 17px!important;gap:0!important;border:1px solid #dfe6e5!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;text-align:left!important;overflow:hidden!important}
.visual-v047.page-products .quick-choice-grid-v042 .quick-choice-card::after{display:none!important}
.visual-v047.page-products .quick-choice-grid-v042 .quick-icon{order:-1!important;position:relative!important;left:auto!important;top:auto!important;width:calc(100% + 36px)!important;height:142px!important;margin:0 -18px 15px!important;border-radius:0!important;border:0!important;background:#f2f5f4!important;box-shadow:none!important}
.visual-v047.page-products .quick-choice-grid-v042 .quick-icon img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;transform:none!important}
.visual-v047.page-products .quick-choice-grid-v042 .quick-choice-card[data-filter-group="price"] .quick-icon img{object-fit:contain!important;padding:10px!important;background:#f8f6ef!important}
.visual-v047.page-products .quick-choice-grid-v042 .quick-kicker{font-size:9px!important;margin-bottom:6px!important;color:#568078!important}
.visual-v047.page-products .quick-choice-grid-v042 strong{font-size:18px!important;font-weight:610!important;color:var(--v47-navy)!important}
.visual-v047.page-products .quick-choice-grid-v042 small{font-size:11.5px!important;line-height:1.5!important;color:#6f808b!important;margin-top:5px!important}
.visual-v047.page-products .quick-choice-grid-v042 .quick-arrow{margin-top:auto!important;padding-top:10px!important;color:var(--v47-ocean)!important;font-weight:650!important}

/* Use-case rail: image + text, minimal chrome. */
.visual-v047.page-products .usecase-entry-layer{margin-top:20px!important;padding-top:16px!important}
.visual-v047.page-products .usecase-entry-grid{gap:12px!important}
.visual-v047.page-products .usecase-entry{grid-template-columns:74px 1fr!important;min-height:78px!important;padding:0 14px 0 0!important;border:1px solid #e1e7e7!important;border-radius:16px!important;overflow:hidden!important;box-shadow:none!important}
.visual-v047.page-products .usecase-entry-icon{width:74px!important;height:78px!important;border-radius:0!important;background:#eef2f1!important}
.visual-v047.page-products .usecase-entry-icon img{width:100%!important;height:100%!important;object-fit:cover!important}
.visual-v047.page-products .usecase-entry strong{font-size:13px!important;font-weight:620!important}
.visual-v047.page-products .usecase-entry small{font-size:10.3px!important}

/* Featured products and full catalogue share one premium product-first system. */
.visual-v047.page-products .featured-discovery{padding-top:44px!important;padding-bottom:42px!important;background:#fbfaf7!important}
.visual-v047.page-products .featured-product-grid{gap:14px!important}
.visual-v047.page-products .featured-product-card,
.visual-v047.page-products .product-card-premium{border:1px solid #dfe6e8!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.visual-v047.page-products .featured-product-card:hover,
.visual-v047.page-products .product-card-premium:hover{transform:translateY(-3px)!important;box-shadow:0 18px 42px rgba(18,55,93,.08)!important;border-color:#cbd9df!important}
.visual-v047.page-products .featured-product-media{height:330px!important;padding:14px!important;background:linear-gradient(180deg,#fbfcfb,#f5f7f6)!important}
.visual-v047.page-products .featured-product-media>img{width:100%!important;height:100%!important;object-fit:contain!important;transform:scale(1.04)!important}
.visual-v047.page-products .featured-product-body{padding:13px 16px 16px!important;text-align:left!important;align-items:flex-start!important}
.visual-v047.page-products .featured-product-body h3{font-size:18px!important;font-weight:620!important;color:var(--v47-ocean)!important;text-align:left!important}
.visual-v047.page-products .featured-role-note{font-size:11px!important;color:#74838c!important;text-align:left!important}
.visual-v047.page-products .featured-price-row{justify-content:flex-start!important}
.visual-v047.page-products .featured-detail-link{width:100%;justify-content:space-between!important;border-top:1px solid #edf1f2;margin-top:9px!important;padding-top:10px!important}

.visual-v047.page-products .brand-showroom{margin:0 0 14px!important;padding:8px 12px!important;border-radius:16px!important;border:1px solid #dfe6e6!important;box-shadow:none!important;background:#fff!important}
.visual-v047.page-products .brand-rail-scroll{min-height:56px!important}
.visual-v047.page-products .brand-logo-tile{height:56px!important;padding:6px 14px!important}
.visual-v047.page-products .brand-logo-tile img{max-height:36px!important;max-width:132px!important;opacity:.98!important}
.visual-v047.page-products .brand-logo-tile[data-brand="KAADAS"] img{max-width:160px!important;max-height:42px!important}
.visual-v047.page-products .brand-logo-tile[data-brand="PHILIPS"] img{max-width:158px!important;max-height:42px!important}
.visual-v047.page-products .brand-logo-tile[data-brand="OSUNO"] img{max-width:145px!important;max-height:40px!important}
.visual-v047.page-products .brand-logo-tile[data-brand="SOLITY"] img{max-width:132px!important;max-height:34px!important}
.visual-v047.page-products .catalog-shell{padding-top:28px!important;background:#f7f9f8!important}
.visual-v047.page-products .catalog-toolbar2{border:0!important;border-radius:0!important;background:transparent!important;padding:7px 2px 15px!important;border-bottom:1px solid #dde5e6!important;margin-bottom:18px!important}
.visual-v047.page-products .catalog-sidebar{border:1px solid #dfe6e6!important;box-shadow:none!important;border-radius:16px!important;background:#fff!important}
.visual-v047.page-products .catalog-grid{gap:15px!important}
.visual-v047.page-products .product-media-premium{height:350px!important;padding:18px 38px!important;background:linear-gradient(180deg,#fbfcfb 0%,#f4f7f6 100%)!important}
.visual-v047.page-products .product-media-premium>img{transform:scale(1.035)!important;object-fit:contain!important}
.visual-v047.page-products .card-brand-mark{top:13px!important;left:14px!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:25px!important}
.visual-v047.page-products .card-brand-mark img{max-height:19px!important;max-width:84px!important}
.visual-v047.page-products .media-feature-strip{gap:7px!important}
.visual-v047.page-products .media-feature-icon{width:30px!important;height:30px!important;border-radius:9px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(210,224,222,.95)!important;box-shadow:none!important}
.visual-v047.page-products .product-card-content{padding:15px 16px 16px!important;text-align:left!important;align-items:stretch!important}
.visual-v047.page-products .product-card-content .model-line{font-size:18px!important;font-weight:620!important;color:var(--v47-ocean)!important;text-align:left!important;margin-bottom:10px!important}
.visual-v047.page-products .price-pair.card-price-row{justify-content:flex-start!important;min-height:35px!important;padding:10px 0 6px!important;border-top:1px solid #edf1f2!important;gap:9px!important}
.visual-v047.page-products .listed-price-inline del,.visual-v047.page-products .current-price-inline{font-size:14px!important;font-weight:560!important}
.visual-v047.page-products .detail-link{justify-content:space-between!important;color:#2c617d!important;font-size:11.5px!important}

/* PDP — preserve v0.46 architecture, make the module feel designed as one object. */
.visual-v047.page-product-detail .pdp-wrap{padding-top:36px!important;background:linear-gradient(180deg,#f7f9f8,#fbfaf7)!important}
.visual-v047.page-product-detail .back-link{display:inline-flex;margin-bottom:15px;color:#5f7381;font-size:12px;font-weight:620}
.visual-v047.page-product-detail .pdp-master-module{border:1px solid #dfe6e6!important;border-radius:28px!important;background:#fff!important;box-shadow:0 24px 70px rgba(18,55,93,.085)!important;overflow:hidden!important}
.visual-v047.page-product-detail .v046-pdp-top{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important;gap:0!important}
.visual-v047.page-product-detail .v046-pdp-gallery{padding:24px!important;background:linear-gradient(160deg,#f8faf9,#f1f5f3)!important;border-right:1px solid #e1e8e6!important}
.visual-v047.page-product-detail .v046-pdp-media{grid-template-columns:62px minmax(0,1fr)!important;gap:15px!important;align-items:center!important}
.visual-v047.page-product-detail .v046-feature-rail{gap:9px!important;align-content:center!important}
.visual-v047.page-product-detail .v046-feature-rail .pdp-feature-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important;background:#fff!important;border:1px solid #d9e5e2!important;box-shadow:0 5px 14px rgba(18,55,93,.04)!important;padding:9px!important}
.visual-v047.page-product-detail .v046-feature-rail .supplier-feature-glyph{width:26px!important;height:26px!important;object-fit:contain!important}
.visual-v047.page-product-detail .v046-pdp-media .pdp-main-image{min-height:560px!important;background:transparent!important;padding:12px!important}
.visual-v047.page-product-detail .v046-pdp-media .pdp-main-image img{max-height:540px!important;transform:scale(1.02)!important}
.visual-v047.page-product-detail .pdp-thumbs{padding-top:8px!important;border-top:1px solid #e2e9e7!important}
.visual-v047.page-product-detail .pdp-thumb{width:72px!important;height:72px!important;border-radius:11px!important;background:#fff!important}
.visual-v047.page-product-detail .v046-pdp-buybox{padding:28px 28px 24px!important;background:#fff!important}
.visual-v047.page-product-detail .v046-pdp-buybox .pdp-brand-row img{max-height:30px!important;max-width:132px!important}
.visual-v047.page-product-detail .v046-pdp-buybox h1{font-size:40px!important;line-height:1.02!important;font-weight:610!important;color:var(--v47-ocean)!important;letter-spacing:-.035em!important;margin-top:6px!important}
.visual-v047.page-product-detail .pdp-product-type{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:#72828c!important}
.visual-v047.page-product-detail .v046-pdp-buybox .pdp-summary{font-size:13px!important;line-height:1.55!important;color:#657783!important;margin:11px 0 18px!important}
.visual-v047.page-product-detail .v046-pdp-price{padding:17px 0 16px!important;border-top:1px solid #e8eeec!important;border-bottom:1px solid #e8eeec!important}
.visual-v047.page-product-detail .v046-pdp-price-pair{gap:24px!important;align-items:flex-end!important}
.visual-v047.page-product-detail .v046-pdp-price-pair del,
.visual-v047.page-product-detail .v046-pdp-price-pair .tpss-price-line strong{font-size:20px!important;font-weight:590!important}
.visual-v047.page-product-detail .v046-pdp-price-pair .price-kicker{font-size:8.5px!important;color:#7b8991!important}
.visual-v047.page-product-detail .v046-info-stack{padding-top:4px!important}
.visual-v047.page-product-detail .v046-info-stack .pdp-detail-section{border-bottom:1px solid #e8eeec!important}
.visual-v047.page-product-detail .v046-info-stack summary{min-height:48px!important;padding:14px 1px!important;font-size:12px!important;color:#2e5569!important}
.visual-v047.page-product-detail .v046-info-stack .pdp-detail-content{padding:0 1px 15px!important;font-size:11.2px!important;color:#647985!important}
.visual-v047.page-product-detail .v046-primary-consult-cta{background:var(--v47-red)!important;border-top:0!important;padding:18px 26px!important;box-shadow:none!important;justify-content:center!important}
.visual-v047.page-product-detail .v046-primary-consult-cta:hover{background:#b92b33!important}
.visual-v047.page-product-detail .v046-call-icon{background:rgba(255,255,255,.12)!important;width:40px!important;height:40px!important}
.visual-v047.page-product-detail .v046-primary-consult-cta strong{font-size:15px!important;font-weight:660!important}
.visual-v047.page-product-detail .v046-primary-consult-cta small{font-size:10.8px!important}
.visual-v047.page-product-detail .related-section{margin-top:34px!important}
.visual-v047.page-product-detail .related-card{border:1px solid #dfe6e6!important;border-radius:18px!important;box-shadow:none!important;padding:14px!important}
.visual-v047.page-product-detail .related-card img{height:190px!important;background:#f5f7f6!important}

/* SOLUTIONS — storytelling instead of repeated white boxes. */
.visual-v047.page-solutions .v39-solutions-hero{padding:54px 0 50px!important;background:linear-gradient(125deg,#f7f9f8,#fbfaf7 58%,#edf5f2)!important}
.visual-v047.page-solutions .v39-solutions-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr)!important;gap:52px!important}
.visual-v047.page-solutions .v39-solutions-copy h1{font-size:clamp(40px,4.6vw,58px)!important;font-weight:610!important;letter-spacing:-.04em!important;line-height:1.04!important}
.visual-v047.page-solutions .v39-solutions-hero-visual{min-height:440px!important;border-radius:26px!important;overflow:hidden!important;box-shadow:var(--v47-shadow)!important}
.visual-v047.page-solutions .v39-hero-lock{height:100%!important;min-height:440px!important}
.visual-v047.page-solutions .v39-hero-lock img{width:100%!important;height:100%!important;object-fit:cover!important}
.visual-v047.page-solutions .v39-solution-grid{gap:14px!important}
.visual-v047.page-solutions .v39-solution-card{border:1px solid #dfe6e5!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;padding:0!important}
.visual-v047.page-solutions .v39-solution-art.photo{height:230px!important;border-radius:0!important}
.visual-v047.page-solutions .v39-solution-art.photo img{object-fit:cover!important;transition:transform .3s ease!important}
.visual-v047.page-solutions .v39-solution-card:hover .v39-solution-art img{transform:scale(1.025)}
.visual-v047.page-solutions .v39-solution-body{padding:20px 20px 22px!important}
.visual-v047.page-solutions .v39-solution-body h3{font-size:22px!important;font-weight:610!important}
.visual-v047.page-solutions .v39-solution-body p,.visual-v047.page-solutions .v39-solution-body li{font-size:12px!important;color:#6d7d88!important}
.visual-v047.page-solutions .v39-usecase-grid{gap:14px!important}
.visual-v047.page-solutions .v39-usecase-grid article{grid-template-columns:128px 1fr!important;min-height:126px!important;border:1px solid #e0e7e6!important;border-radius:18px!important;background:#fff!important;overflow:hidden!important;padding:0 16px 0 0!important}
.visual-v047.page-solutions .v39-usecase-photo{width:128px!important;height:126px!important;border-radius:0!important}
.visual-v047.page-solutions .v39-usecase-grid h3{font-size:16px!important;margin-bottom:4px!important}
.visual-v047.page-solutions .v39-usecase-grid p{font-size:11.5px!important;color:#70808a!important}
.visual-v047.page-solutions .v046-process-strip{gap:12px!important}
.visual-v047.page-solutions .v046-process-step{min-height:180px!important;border-radius:18px!important;border:1px solid #dfe6e5!important;background:#fff!important;box-shadow:none!important;padding:0 0 15px!important}
.visual-v047.page-solutions .v046-step-visual{height:92px!important;margin-bottom:10px!important}
.visual-v047.page-solutions .v046-process-step>span:not(.v046-step-visual),
.visual-v047.page-solutions .v046-process-step>strong,
.visual-v047.page-solutions .v046-process-step>small{margin-left:14px!important;margin-right:14px!important}
.visual-v047.page-solutions .v046-process-step>strong{font-size:14px!important;color:var(--v47-navy)!important}
.visual-v047.page-solutions .v046-process-step>small{font-size:10.5px!important;color:#72828b!important}
.visual-v047.page-solutions .v045-knowledge-section{background:#fbfaf7!important}
.visual-v047.page-solutions .v045-knowledge-card{border:0!important;border-top:1px solid #dfe6e5!important;border-radius:0!important;background:transparent!important;padding:18px 0!important;box-shadow:none!important}
.visual-v047.page-solutions .v045-knowledge-card>span{background:#edf5f2!important}

@media(max-width:1080px){
  .visual-v047.page-home .v36-home-hero-grid,
  .visual-v047.page-solutions .v39-solutions-hero-grid{grid-template-columns:1fr 1fr!important;gap:34px!important}
  .visual-v047.page-home .v39-door-card.wood,.visual-v047.page-home .v39-door-card.glass,.visual-v047.page-home .v39-door-card.aluminium,.visual-v047.page-home .v39-door-card.gate,.visual-v047.page-home .v39-door-card.fire{grid-column:span 6}
  .visual-v047.page-products .quick-choice-grid-v042{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .visual-v047 .nav{height:86px!important}
  .visual-v047 .brand img{height:66px!important}
  .visual-v047.page-home .v36-home-hero-grid,
  .visual-v047.page-solutions .v39-solutions-hero-grid{grid-template-columns:1fr!important}
  .visual-v047.page-home .v36-home-copy h1,.visual-v047.page-solutions .v39-solutions-copy h1{font-size:42px!important}
  .visual-v047.page-home .v36-home-visual,.visual-v047.page-home .v36-home-visual>img{min-height:390px!important}
  .visual-v047.page-home .v36-home-trust{grid-template-columns:1fr!important}
  .visual-v047.page-home .v36-trust-card+ .v36-trust-card{border-left:0!important;border-top:1px solid #e1e8e6!important}
  .visual-v047.page-home .v39-door-grid{grid-template-columns:1fr 1fr!important}
  .visual-v047.page-home .v39-door-card.wood,.visual-v047.page-home .v39-door-card.glass,.visual-v047.page-home .v39-door-card.aluminium,.visual-v047.page-home .v39-door-card.gate,.visual-v047.page-home .v39-door-card.fire{grid-column:auto!important}
  .visual-v047.page-products .brand-logo-tile{flex:0 0 132px!important}
  .visual-v047.page-products .product-media-premium{height:330px!important}
  .visual-v047.page-product-detail .v046-pdp-top{grid-template-columns:1fr!important}
  .visual-v047.page-product-detail .v046-pdp-gallery{border-right:0!important;border-bottom:1px solid #e1e8e6!important}
  .visual-v047.page-product-detail .v046-pdp-media .pdp-main-image{min-height:470px!important}
  .visual-v047.page-solutions .v39-solutions-hero-visual,.visual-v047.page-solutions .v39-hero-lock{min-height:340px!important}
  .visual-v047.page-solutions .v39-solution-grid{grid-template-columns:1fr!important}
  .visual-v047.page-solutions .v046-process-strip{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
  .visual-v047 .section{padding-top:42px;padding-bottom:42px}
  .visual-v047.page-home .v36-home-hero{padding-top:34px!important}
  .visual-v047.page-home .v36-home-copy h1,.visual-v047.page-solutions .v39-solutions-copy h1{font-size:34px!important}
  .visual-v047.page-home .v36-home-copy .lead{font-size:15px!important}
  .visual-v047.page-home .v36-home-visual,.visual-v047.page-home .v36-home-visual>img{min-height:330px!important}
  .visual-v047.page-home .v39-door-grid{grid-template-columns:1fr!important}
  .visual-v047.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{height:196px!important}
  .visual-v047.page-home .v36-process-grid{display:block!important;border-bottom:0!important}
  .visual-v047.page-home .v36-process-card{border-bottom:1px solid #e2e9e7!important}
  .visual-v047.page-home .v36-process-card+ .v36-process-card{border-left:0!important}
  .visual-v047.page-products .quick-choice-grid-v042{grid-template-columns:1fr!important}
  .visual-v047.page-products .quick-choice-grid-v042 .quick-choice-card{min-height:270px!important}
  .visual-v047.page-products .quick-choice-grid-v042 .quick-icon{height:150px!important}
  .visual-v047.page-products .product-media-premium{height:350px!important;padding:16px 40px!important}
  .visual-v047.page-products .catalog-toolbar2{gap:8px!important}
  .visual-v047.page-product-detail .pdp-master-module{border-radius:20px!important}
  .visual-v047.page-product-detail .v046-pdp-gallery{padding:14px!important}
  .visual-v047.page-product-detail .v046-pdp-media{grid-template-columns:46px minmax(0,1fr)!important;gap:7px!important}
  .visual-v047.page-product-detail .v046-feature-rail .pdp-feature-icon{width:38px!important;height:38px!important;min-width:38px!important;padding:7px!important;border-radius:11px!important}
  .visual-v047.page-product-detail .v046-pdp-media .pdp-main-image{min-height:340px!important;padding:4px!important}
  .visual-v047.page-product-detail .v046-pdp-buybox{padding:20px 16px!important}
  .visual-v047.page-product-detail .v046-pdp-buybox h1{font-size:31px!important}
  .visual-v047.page-product-detail .v046-pdp-price-pair{gap:14px!important}
  .visual-v047.page-product-detail .v046-primary-consult-cta{padding:16px!important;text-align:left!important}
  .visual-v047.page-solutions .v39-solution-art.photo{height:205px!important}
  .visual-v047.page-solutions .v39-usecase-grid article{grid-template-columns:104px 1fr!important;min-height:108px!important}
  .visual-v047.page-solutions .v39-usecase-photo{width:104px!important;height:108px!important}
  .visual-v047.page-solutions .v046-process-strip{grid-template-columns:1fr!important}
  .visual-v047.page-solutions .v046-process-step{display:grid!important;grid-template-columns:116px 1fr!important;grid-template-rows:auto auto auto!important;min-height:116px!important;padding:0!important}
  .visual-v047.page-solutions .v046-step-visual{grid-row:1/4!important;width:116px!important;height:116px!important;margin:0!important}
  .visual-v047.page-solutions .v046-process-step>span:not(.v046-step-visual),.visual-v047.page-solutions .v046-process-step>strong,.visual-v047.page-solutions .v046-process-step>small{margin-left:13px!important;margin-right:12px!important}
  .visual-v047.page-solutions .v046-process-step>span:not(.v046-step-visual){margin-top:13px!important}
  .visual-v047.page-solutions .v046-process-step>small{margin-bottom:10px!important}
}

/* v0.47 mobile coherence — final viewport hardening */
@media(max-width:780px){
  .visual-v047 .container.nav{padding-left:14px!important;padding-right:10px!important;gap:8px!important}
  .visual-v047 .brand img{height:50px!important;width:auto!important;max-width:154px!important}
  .visual-v047 .actions .btn-primary{display:none!important}
  .visual-v047 .mobile-toggle{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border:1px solid #dce5e7!important;border-radius:12px!important;background:#fff!important;color:var(--v47-navy)!important;font-size:21px!important}
  .visual-v047.page-products .catalogue-hero-inner{grid-template-columns:1fr!important;gap:24px!important}
  .visual-v047.page-products .catalogue-hero h1{font-size:clamp(36px,10vw,46px)!important;line-height:1.02!important;max-width:680px!important}
  .visual-v047.page-products .hero-consult-card{max-width:none!important}
}
@media(max-width:560px){
  .visual-v047 .nav{height:74px!important}
  .visual-v047 .brand img{height:44px!important;max-width:140px!important}
  .visual-v047.page-home .v36-home-copy{order:1!important}
  .visual-v047.page-home .v36-home-visual{order:2!important}
  .visual-v047.page-home .v36-home-copy h1{font-size:36px!important;line-height:1.03!important}
  .visual-v047.page-home .v36-home-visual,.visual-v047.page-home .v36-home-visual>img{min-height:310px!important}
  .visual-v047.page-products .catalogue-hero{padding:34px 0 30px!important}
  .visual-v047.page-products .catalogue-hero h1{font-size:38px!important;line-height:1.02!important;letter-spacing:-.035em!important}
  .visual-v047.page-products .catalogue-hero .lead{font-size:14.5px!important;line-height:1.55!important}
  .visual-v047.page-products .hero-trust-row{display:flex!important;flex-wrap:wrap!important;gap:8px 0!important}
  .visual-v047.page-products .featured-product-grid,
  .visual-v047.page-products .catalog-grid{grid-template-columns:1fr!important}
  .visual-v047.page-products .product-media-premium{height:390px!important;padding:18px 54px!important}
}

/* ============================================================
   v0.48 — Founder Final Premium Composition Pass
   Scope: layout proportion, image scale/crop, contextual decor,
   visual rhythm and mobile coherence only.
   Commercial/catalogue/routing/release controls remain unchanged.
   ============================================================ */
.visual-v048{
  --v48-navy:#0f3458;
  --v48-navy-deep:#082946;
  --v48-teal:#26776e;
  --v48-teal-soft:#eaf4f1;
  --v48-ocean:#075f9a;
  --v48-cream:#faf8f3;
  --v48-cream-2:#f5f1e9;
  --v48-line:#dfe7e6;
  --v48-muted:#687d8b;
  --v48-shadow:0 22px 60px rgba(10,43,74,.10);
  --v48-shadow-soft:0 14px 34px rgba(10,43,74,.06);
}
.visual-v048 .container{width:min(1180px,92vw)}
.visual-v048 .section{padding-top:66px;padding-bottom:66px}
.visual-v048 .section-head{margin-bottom:30px!important;align-items:flex-end!important}
.visual-v048 .section-head h2{font-size:clamp(30px,3.1vw,42px)!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.03em!important}
.visual-v048 .section-head>p{font-size:14px!important;line-height:1.62!important;max-width:520px!important}
.visual-v048 .eyebrow{font-size:11px!important;letter-spacing:.12em!important}
.visual-v048 .btn{border-radius:11px!important}

/* Header — reduce visual weight so the content feels more premium. */
.visual-v048 .nav{height:82px!important}
.visual-v048 .brand{min-width:218px!important}
.visual-v048 .brand img{height:58px!important;max-width:190px!important}
.visual-v048 .nav-links{gap:22px!important;font-size:13.5px!important}
.visual-v048 .actions{gap:9px!important}
.visual-v048 .actions .btn{min-height:40px!important;padding:9px 15px!important;font-size:12px!important}
.visual-v048 header{background:rgba(255,255,255,.975)!important;backdrop-filter:blur(12px);border-bottom:1px solid rgba(208,220,223,.9)!important}

/* HOME — stronger image proportion, richer but restrained depth. */
.visual-v048.page-home .v36-home-hero{
  position:relative;overflow:hidden;
  padding:66px 0 38px!important;
  background:
    radial-gradient(circle at 84% 20%,rgba(63,139,125,.12),transparent 28%),
    radial-gradient(circle at 8% 80%,rgba(190,166,120,.09),transparent 26%),
    linear-gradient(120deg,#f8faf9 0%,#fbfaf7 56%,#eef5f2 100%)!important;
}
.visual-v048.page-home .v36-home-hero:after{
  content:"";position:absolute;right:-90px;top:-100px;width:300px;height:300px;border-radius:50%;
  border:1px solid rgba(45,123,114,.10);box-shadow:0 0 0 38px rgba(45,123,114,.025),0 0 0 78px rgba(45,123,114,.018);pointer-events:none;
}
.visual-v048.page-home .v36-home-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)!important;gap:68px!important}
.visual-v048.page-home .v36-home-copy{position:relative;z-index:2}
.visual-v048.page-home .v36-home-copy h1{font-size:clamp(46px,5.15vw,68px)!important;line-height:.99!important;font-weight:590!important;max-width:650px!important}
.visual-v048.page-home .v36-home-copy .lead{font-size:17px!important;line-height:1.68!important;max-width:610px!important}
.visual-v048.page-home .v36-home-points{margin:22px 0 24px!important}
.visual-v048.page-home .v36-home-points span{font-size:11.5px!important;padding-left:12px!important;padding-right:12px!important}
.visual-v048.page-home .v36-home-visual{
  min-height:0!important;aspect-ratio:1.28/1!important;border-radius:30px!important;
  box-shadow:0 32px 78px rgba(8,41,70,.16)!important;border:1px solid rgba(255,255,255,.72)!important;
}
.visual-v048.page-home .v36-home-visual>img{min-height:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%!important;transform:scale(1.012)}
.visual-v048.page-home .v36-home-visual-note{left:24px!important;bottom:24px!important;max-width:300px!important;border-radius:17px!important;padding:15px 17px!important}
.visual-v048.page-home .v36-home-trust{margin-top:34px!important;background:rgba(255,255,255,.52)!important;backdrop-filter:blur(8px)}
.visual-v048.page-home .v36-trust-card{padding:20px 26px!important}
.visual-v048.page-home .v36-trust-card b{font-size:13.5px!important}
.visual-v048.page-home .v36-trust-card p{font-size:11.7px!important;max-width:300px}

/* Entry paths + value proposition: less cardy, more editorial. */
.visual-v048.page-home .v36-path-grid{gap:16px!important}
.visual-v048.page-home .v36-path-card{
  position:relative;padding:24px 24px 25px 74px!important;border-radius:18px!important;border:1px solid var(--v48-line)!important;
  box-shadow:none!important;background:linear-gradient(145deg,#fff,#fbfcfb)!important;min-height:154px!important;
}
.visual-v048.page-home .v36-path-card>span{position:absolute!important;left:22px;top:24px;width:36px!important;height:36px!important;margin:0!important;background:var(--v48-teal-soft)!important;color:var(--v48-teal)!important;font-size:11px!important}
.visual-v048.page-home .v36-path-card h3{font-size:19px!important;font-weight:610!important;margin-bottom:7px!important}
.visual-v048.page-home .v36-path-card p{font-size:12.5px!important;line-height:1.55!important}
.visual-v048.page-home .v36-value-grid{gap:0!important;border-top:1px solid var(--v48-line);border-bottom:1px solid var(--v48-line)}
.visual-v048.page-home .v36-value-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:26px 30px!important}
.visual-v048.page-home .v36-value-card+ .v36-value-card{border-left:1px solid var(--v48-line)!important}
.visual-v048.page-home .v36-value-card>span{width:32px!important;height:32px!important;font-size:10px!important;margin-bottom:14px!important}
.visual-v048.page-home .v36-value-card h3{font-size:20px!important;font-weight:610!important}
.visual-v048.page-home .v36-value-card p{font-size:12.5px!important;line-height:1.58!important}

/* Door/category storytelling: deliberate 7/5 + 4/4/4 editorial composition. */
.visual-v048.page-home .v39-door-grid{gap:16px!important}
.visual-v048.page-home .v39-door-card.wood{grid-column:span 7!important}
.visual-v048.page-home .v39-door-card.glass{grid-column:span 5!important}
.visual-v048.page-home .v39-door-card.aluminium,
.visual-v048.page-home .v39-door-card.gate,
.visual-v048.page-home .v39-door-card.fire{grid-column:span 4!important}
.visual-v048.page-home .v39-door-card{border-radius:20px!important;overflow:hidden!important;border-color:#dbe4e2!important;background:#fff!important}
.visual-v048.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{height:285px!important}
.visual-v048.page-home .v39-door-card.aluminium .v39-door-visual.photo.v44-door-photo,
.visual-v048.page-home .v39-door-card.gate .v39-door-visual.photo.v44-door-photo,
.visual-v048.page-home .v39-door-card.fire .v39-door-visual.photo.v44-door-photo{height:190px!important}
.visual-v048.page-home .v39-door-card .v39-door-visual{position:relative}
.visual-v048.page-home .v39-door-card .v39-door-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(8,41,70,.08));pointer-events:none}
.visual-v048.page-home .v39-door-card>div:last-child{padding:18px 20px 20px!important}
.visual-v048.page-home .v39-door-card h3{font-size:19px!important}
.visual-v048.page-home .v39-door-card p{font-size:12.3px!important;line-height:1.55!important}

/* Lock group media: make the product feel intentional, not floating in white space. */
.visual-v048.page-home .v36-group-grid{gap:16px!important}
.visual-v048.page-home .v36-group-card{border-radius:20px!important}
.visual-v048.page-home .v44-group-photo{height:224px!important;background:radial-gradient(circle at 50% 52%,#fff 0%,#f5f7f6 56%,#eef3f1 100%)!important}
.visual-v048.page-home .v44-group-photo img{padding:11px 24px!important;transform:scale(1.055)}
.visual-v048.page-home .v36-group-card>div:last-child{padding:20px 21px 23px!important}
.visual-v048.page-home .v36-group-card h3{font-size:20px!important}

/* Process ribbon — quiet sequence with a continuous visual axis. */
.visual-v048.page-home .v36-process-grid{position:relative;border-top:0!important;border-bottom:0!important;background:#fff}
.visual-v048.page-home .v36-process-grid:before{content:"";position:absolute;left:4%;right:4%;top:38px;height:1px;background:#dce7e4;z-index:0}
.visual-v048.page-home .v36-process-card{position:relative;z-index:1;padding:18px 22px 22px!important;background:#fff!important}
.visual-v048.page-home .v36-process-card+ .v36-process-card{border-left:0!important}
.visual-v048.page-home .v36-process-card>span{width:42px!important;height:42px!important;border:1px solid #d4e5df!important;background:#fff!important;box-shadow:0 4px 12px rgba(8,41,70,.04)!important}
.visual-v048.page-home .v36-process-card h3{font-size:17px!important;font-weight:610!important}
.visual-v048.page-home .v36-process-card p{font-size:12px!important;line-height:1.52!important}

/* PRODUCTS — consistent image canvas and calmer catalogue density. */
.visual-v048.page-products .catalogue-hero{padding:62px 0 52px!important;position:relative;overflow:hidden}
.visual-v048.page-products .catalogue-hero:after{content:"";position:absolute;right:3%;bottom:-85px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(45,123,114,.10),rgba(45,123,114,0) 67%);pointer-events:none}
.visual-v048.page-products .catalogue-hero-inner{grid-template-columns:minmax(0,1fr) 330px!important;gap:72px!important;align-items:center!important}
.visual-v048.page-products .catalogue-hero h1{font-size:clamp(42px,4.7vw,60px)!important;line-height:1.01!important}
.visual-v048.page-products .hero-consult-card{padding-left:24px!important}
.visual-v048.page-products .quick-choice{padding-top:48px!important;padding-bottom:32px!important}
.visual-v048.page-products .quick-choice-grid-v042{gap:16px!important}
.visual-v048.page-products .quick-choice-grid-v042 .quick-choice-card{min-height:296px!important;border-radius:18px!important;padding:0 20px 19px!important}
.visual-v048.page-products .quick-choice-grid-v042 .quick-icon{height:158px!important;margin:0 -20px 16px!important;width:calc(100% + 40px)!important}
.visual-v048.page-products .quick-choice-grid-v042 strong{font-size:18.5px!important}
.visual-v048.page-products .usecase-entry-grid{gap:14px!important}
.visual-v048.page-products .usecase-entry{border-radius:14px!important}
.visual-v048.page-products .featured-discovery{padding-top:54px!important;padding-bottom:50px!important;background:linear-gradient(180deg,#fbfaf7,#f7faf8)!important}
.visual-v048.page-products .featured-product-grid{gap:16px!important}
.visual-v048.page-products .featured-product-card,.visual-v048.page-products .product-card-premium{border-radius:18px!important}
.visual-v048.page-products .featured-product-media{height:342px!important;padding:10px 22px!important;background:radial-gradient(circle at 50% 45%,#fff 0%,#f7f9f8 55%,#eef3f1 100%)!important}
.visual-v048.page-products .featured-product-media>img{transform:scale(1.075)!important}
.visual-v048.page-products .brand-showroom{border-radius:14px!important;padding:7px 10px!important;margin-bottom:18px!important}
.visual-v048.page-products .brand-rail-scroll{min-height:62px!important}
.visual-v048.page-products .brand-logo-tile{height:62px!important;padding:7px 16px!important}
.visual-v048.page-products .catalog-shell{padding-top:34px!important;background:linear-gradient(180deg,#f7f9f8,#fbfcfb)!important}
.visual-v048.page-products .catalog-sidebar{border-radius:14px!important}
.visual-v048.page-products .catalog-grid{gap:16px!important}
.visual-v048.page-products .product-media-premium{height:324px!important;padding:13px 34px!important;background:radial-gradient(circle at 50% 48%,#fff 0%,#f8faf9 54%,#eef3f1 100%)!important}
.visual-v048.page-products .product-media-premium>img{transform:scale(1.075)!important}
.visual-v048.page-products .product-card-content{padding:16px 17px 17px!important}
.visual-v048.page-products .product-card-content .model-line{font-size:18.5px!important}

/* PDP — museum-like product stage with stronger visual balance. */
.visual-v048.page-product-detail .pdp-wrap{padding-top:42px!important;background:linear-gradient(180deg,#f6f9f8 0%,#fbfaf7 55%,#fff 100%)!important}
.visual-v048.page-product-detail .pdp-master-module{border-radius:26px!important;box-shadow:0 28px 78px rgba(8,41,70,.10)!important}
.visual-v048.page-product-detail .v046-pdp-top{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important}
.visual-v048.page-product-detail .v046-pdp-gallery{padding:26px!important;background:radial-gradient(circle at 58% 45%,#fff 0%,#f5f8f6 58%,#edf3f0 100%)!important}
.visual-v048.page-product-detail .v046-pdp-media{grid-template-columns:58px minmax(0,1fr)!important;gap:18px!important}
.visual-v048.page-product-detail .v046-pdp-media .pdp-main-image{min-height:540px!important;padding:2px 12px!important}
.visual-v048.page-product-detail .v046-pdp-media .pdp-main-image img{max-height:520px!important;transform:scale(1.075)!important;filter:drop-shadow(0 18px 24px rgba(17,48,67,.08))}
.visual-v048.page-product-detail .v046-feature-rail .pdp-feature-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:13px!important}
.visual-v048.page-product-detail .v046-pdp-buybox{padding:30px 30px 26px!important}
.visual-v048.page-product-detail .v046-pdp-buybox h1{font-size:42px!important;font-weight:600!important}
.visual-v048.page-product-detail .v046-pdp-buybox .pdp-summary{font-size:13.2px!important;line-height:1.62!important}
.visual-v048.page-product-detail .v046-pdp-price{padding:18px 0 17px!important}
.visual-v048.page-product-detail .v046-info-stack summary{font-size:12.2px!important}
.visual-v048.page-product-detail .v046-primary-consult-cta{background:linear-gradient(135deg,#ba2f37,#a92831)!important;padding:17px 26px!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}
.visual-v048.page-product-detail .related-card img{height:210px!important;object-fit:contain!important;padding:10px;background:radial-gradient(circle,#fff,#f3f6f5)!important}

/* SOLUTIONS — contextual imagery becomes the lead, not decoration. */
.visual-v048.page-solutions .v39-solutions-hero{padding:62px 0 54px!important;position:relative;overflow:hidden;background:linear-gradient(120deg,#f8faf9,#fbfaf7 58%,#edf5f2)!important}
.visual-v048.page-solutions .v39-solutions-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr)!important;gap:66px!important;align-items:center!important}
.visual-v048.page-solutions .v39-solutions-copy h1{font-size:clamp(43px,4.7vw,61px)!important;line-height:1.01!important}
.visual-v048.page-solutions .v39-solutions-hero-visual{min-height:0!important;aspect-ratio:1.36/1!important;border-radius:28px!important;box-shadow:0 30px 70px rgba(8,41,70,.14)!important}
.visual-v048.page-solutions .v39-hero-lock{min-height:0!important;height:100%!important}
.visual-v048.page-solutions .v39-hero-lock img{object-position:center 50%!important}
.visual-v048.page-solutions .v39-solution-grid{gap:16px!important}
.visual-v048.page-solutions .v39-solution-card{border-radius:20px!important}
.visual-v048.page-solutions .v39-solution-art.photo{height:244px!important}
.visual-v048.page-solutions .v39-solution-body{padding:21px 22px 24px!important}
.visual-v048.page-solutions .v39-solution-body h3{font-size:23px!important}
.visual-v048.page-solutions .v39-solution-body p,.visual-v048.page-solutions .v39-solution-body li{font-size:12.4px!important;line-height:1.55!important}
.visual-v048.page-solutions .v39-usecase-grid{gap:16px!important}
.visual-v048.page-solutions .v39-usecase-grid article{grid-template-columns:145px 1fr!important;min-height:132px!important;border-radius:16px!important}
.visual-v048.page-solutions .v39-usecase-photo{width:145px!important;height:132px!important}
.visual-v048.page-solutions .v39-usecase-grid h3{font-size:16.5px!important}
.visual-v048.page-solutions .v046-process-strip{gap:14px!important}
.visual-v048.page-solutions .v046-process-step{min-height:196px!important;border-radius:16px!important;border-color:#dce5e3!important}
.visual-v048.page-solutions .v046-step-visual{height:112px!important;margin-bottom:12px!important}
.visual-v048.page-solutions .v046-step-visual img{width:100%!important;height:100%!important;object-fit:cover!important}
.visual-v048.page-solutions .v045-knowledge-section{background:linear-gradient(180deg,#fbfaf7,#f7faf8)!important}

/* CONTACT — make evidence and form read as one composed service page. */
.visual-v048.page-contact .v44-doorfit-contact-grid{gap:14px!important}
.visual-v048.page-contact .v44-doorfit-contact-card{border-radius:16px!important;overflow:hidden!important;border:1px solid #dce5e3!important;background:#fff!important;box-shadow:none!important}
.visual-v048.page-contact .v44-doorfit-contact-card img{height:164px!important;width:100%!important;object-fit:cover!important}
.visual-v048.page-contact .v44-doorfit-contact-card>div{padding:16px 17px 18px!important}
.visual-v048.page-contact .two-col{gap:22px!important;grid-template-columns:.86fr 1.14fr!important}
.visual-v048.page-contact .contact-quick-panel,.visual-v048.page-contact .form-shell{border-radius:20px!important;border:1px solid #dce5e3!important;box-shadow:var(--v48-shadow-soft)!important;background:#fff!important}
.visual-v048.page-contact .contact-quick-panel{padding:24px!important}
.visual-v048.page-contact .form-shell{padding:26px!important}
.visual-v048.page-contact .contact-option{border-radius:12px!important;margin-bottom:8px!important;padding:12px 13px!important;border:1px solid #e3e9e9!important;background:#fbfcfc!important}

/* Footer and floating actions — cleaner end-state. */
.visual-v048 .footer{background:linear-gradient(180deg,#fbfaf7,#f6f3ec)!important;border-top:1px solid #e1ded6!important;padding-top:54px!important}
.visual-v048 .sticky-help a{box-shadow:0 8px 24px rgba(8,41,70,.12)!important}

@media(max-width:1080px){
  .visual-v048.page-home .v36-home-hero-grid,.visual-v048.page-solutions .v39-solutions-hero-grid{grid-template-columns:1fr 1fr!important;gap:38px!important}
  .visual-v048.page-home .v39-door-card.wood,.visual-v048.page-home .v39-door-card.glass,.visual-v048.page-home .v39-door-card.aluminium,.visual-v048.page-home .v39-door-card.gate,.visual-v048.page-home .v39-door-card.fire{grid-column:span 6!important}
  .visual-v048.page-product-detail .v046-pdp-top{grid-template-columns:1fr 1fr!important}
}
@media(max-width:780px){
  .visual-v048 .nav{height:76px!important}
  .visual-v048 .brand{min-width:auto!important}
  .visual-v048 .brand img{height:48px!important;max-width:150px!important}
  .visual-v048 .section{padding-top:50px;padding-bottom:50px}
  .visual-v048 .section-head{align-items:flex-start!important;margin-bottom:23px!important}
  .visual-v048.page-home .v36-home-hero{padding:42px 0 28px!important}
  .visual-v048.page-home .v36-home-hero-grid,.visual-v048.page-solutions .v39-solutions-hero-grid{grid-template-columns:1fr!important;gap:30px!important}
  .visual-v048.page-home .v36-home-copy h1,.visual-v048.page-solutions .v39-solutions-copy h1{font-size:42px!important;max-width:620px!important}
  .visual-v048.page-home .v36-home-visual{aspect-ratio:1.36/1!important}
  .visual-v048.page-home .v36-value-grid{grid-template-columns:1fr!important}
  .visual-v048.page-home .v36-value-card+ .v36-value-card{border-left:0!important;border-top:1px solid var(--v48-line)!important}
  .visual-v048.page-home .v39-door-card.wood,.visual-v048.page-home .v39-door-card.glass,.visual-v048.page-home .v39-door-card.aluminium,.visual-v048.page-home .v39-door-card.gate,.visual-v048.page-home .v39-door-card.fire{grid-column:auto!important}
  .visual-v048.page-home .v39-door-grid{grid-template-columns:1fr 1fr!important}
  .visual-v048.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{height:210px!important}
  .visual-v048.page-home .v36-process-grid:before{display:none}
  .visual-v048.page-products .catalogue-hero-inner{grid-template-columns:1fr!important;gap:26px!important}
  .visual-v048.page-products .featured-product-media{height:310px!important}
  .visual-v048.page-products .product-media-premium{height:310px!important}
  .visual-v048.page-product-detail .v046-pdp-top{grid-template-columns:1fr!important}
  .visual-v048.page-product-detail .v046-pdp-media .pdp-main-image{min-height:430px!important}
  .visual-v048.page-product-detail .v046-pdp-media .pdp-main-image img{max-height:410px!important}
  .visual-v048.page-solutions .v39-solutions-hero-visual{aspect-ratio:1.45/1!important}
  .visual-v048.page-solutions .v39-solution-grid{grid-template-columns:1fr!important}
  .visual-v048.page-solutions .v39-solution-art.photo{height:260px!important}
  .visual-v048.page-contact .two-col{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .visual-v048 .container{width:min(92.5vw,540px)}
  .visual-v048 .nav{height:72px!important}
  .visual-v048 .brand img{height:43px!important;max-width:138px!important}
  .visual-v048 .section{padding-top:42px;padding-bottom:42px}
  .visual-v048 .section-head h2{font-size:30px!important}
  .visual-v048.page-home .v36-home-copy h1,.visual-v048.page-solutions .v39-solutions-copy h1{font-size:36px!important;line-height:1.02!important}
  .visual-v048.page-home .v36-home-copy .lead{font-size:15px!important}
  .visual-v048.page-home .v36-home-visual{aspect-ratio:1.18/1!important;border-radius:22px!important}
  .visual-v048.page-home .v36-home-visual-note{left:14px!important;right:14px!important;bottom:14px!important;max-width:none!important}
  .visual-v048.page-home .v36-home-trust{margin-top:24px!important}
  .visual-v048.page-home .v36-path-card{padding:21px 18px 22px 66px!important;min-height:138px!important}
  .visual-v048.page-home .v36-path-card>span{left:18px;top:21px}
  .visual-v048.page-home .v39-door-grid{grid-template-columns:1fr!important}
  .visual-v048.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{height:210px!important}
  .visual-v048.page-home .v44-group-photo{height:210px!important}
  .visual-v048.page-products .catalogue-hero{padding:38px 0 32px!important}
  .visual-v048.page-products .catalogue-hero h1{font-size:39px!important}
  .visual-v048.page-products .quick-choice-grid-v042 .quick-choice-card{min-height:258px!important}
  .visual-v048.page-products .quick-choice-grid-v042 .quick-icon{height:145px!important}
  .visual-v048.page-products .product-media-premium{height:330px!important;padding:13px 44px!important}
  .visual-v048.page-product-detail .pdp-wrap{padding-top:26px!important}
  .visual-v048.page-product-detail .pdp-master-module{border-radius:19px!important}
  .visual-v048.page-product-detail .v046-pdp-gallery{padding:14px!important}
  .visual-v048.page-product-detail .v046-pdp-media{grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important}
  .visual-v048.page-product-detail .v046-pdp-media .pdp-main-image{min-height:330px!important;padding:0!important}
  .visual-v048.page-product-detail .v046-pdp-media .pdp-main-image img{max-height:320px!important;transform:scale(1.04)!important}
  .visual-v048.page-product-detail .v046-pdp-buybox{padding:21px 16px!important}
  .visual-v048.page-product-detail .v046-pdp-buybox h1{font-size:32px!important}
  .visual-v048.page-product-detail .v046-pdp-price-pair{gap:13px!important}
  .visual-v048.page-product-detail .v046-primary-consult-cta{padding:15px 16px!important}
  .visual-v048.page-solutions .v39-solutions-hero{padding:40px 0 34px!important}
  .visual-v048.page-solutions .v39-solutions-hero-visual{aspect-ratio:1.2/1!important;border-radius:21px!important}
  .visual-v048.page-solutions .v39-solution-art.photo{height:220px!important}
  .visual-v048.page-solutions .v39-usecase-grid article{grid-template-columns:110px 1fr!important;min-height:112px!important}
  .visual-v048.page-solutions .v39-usecase-photo{width:110px!important;height:112px!important}
  .visual-v048.page-solutions .v046-process-step{min-height:120px!important}
  .visual-v048.page-solutions .v046-step-visual{height:120px!important}
  .visual-v048.page-contact .v44-doorfit-contact-card img{height:145px!important}
  .visual-v048.page-contact .contact-quick-panel,.visual-v048.page-contact .form-shell{padding:18px!important;border-radius:16px!important}
}


/* ============================================================
   v0.49 — Founder Visual Relevance + Footer Correction
   Scope: semantic image correction, equalized category layout,
   Door-Fit framing, solutions/process relevance, footer clarity.
   Commercial/catalogue/pricing/routing/release controls unchanged.
   ============================================================ */

.visual-v049{
  --v49-footer:#0c2234;
  --v49-footer-2:#102d43;
  --v49-footer-text:#e7eef3;
  --v49-footer-muted:#bccbd6;
  --v49-footer-line:rgba(255,255,255,.14);
}

/* FOOTER — restore strong contrast and eliminate faded/blurred appearance. */
.visual-v049 .footer{
  background:linear-gradient(180deg,var(--v49-footer-2) 0%,var(--v49-footer) 100%)!important;
  color:var(--v49-footer-text)!important;
  border-top:1px solid #173b54!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
.visual-v049 .footer::before{
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.28) 18%,rgba(255,255,255,.28) 82%,rgba(255,255,255,0))!important;
}
.visual-v049 .footer h4,
.visual-v049 .footer strong,
.visual-v049 .footer .footer-slogan{color:#fff!important;opacity:1!important;filter:none!important;text-shadow:none!important}
.visual-v049 .footer p,
.visual-v049 .footer a,
.visual-v049 .footer span,
.visual-v049 .footer .legal-strip,
.visual-v049 .footer-bottom,
.visual-v049 .footer .policy-footer-nav a,
.visual-v049 .footer .legal-links a{
  color:var(--v49-footer-text)!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
.visual-v049 .footer .footer-slogan{color:#e9d5a8!important}
.visual-v049 .footer a:hover{color:#fff!important}
.visual-v049 .footer .footer-brand-panel{
  background:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14)!important;
}
.visual-v049 .footer .footer-logo-true{filter:none!important;opacity:1!important}
.visual-v049 .footer .legal-strip{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.visual-v049 .footer-bottom,
.visual-v049 .footer .legal-links,
.visual-v049 .footer .policy-footer-nav{
  border-color:var(--v49-footer-line)!important;
}
.visual-v049 .footer .policy-footer-nav h4{color:#fff!important}
.visual-v049 .footer .zalo-pending{color:#fff!important}

/* HOME — five door-category cards equal weight and equal image ratio. */
.visual-v049.page-home .v39-door-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
.visual-v049.page-home .v39-door-card.wood,
.visual-v049.page-home .v39-door-card.glass,
.visual-v049.page-home .v39-door-card.aluminium,
.visual-v049.page-home .v39-door-card.gate,
.visual-v049.page-home .v39-door-card.fire{
  grid-column:auto!important;
}
.visual-v049.page-home .v39-door-card{
  min-height:100%!important;
  border-radius:18px!important;
}
.visual-v049.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{
  height:auto!important;
  aspect-ratio:4/3!important;
  margin:0!important;
  border-radius:0!important;
  background:#eef3f2!important;
}
.visual-v049.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.visual-v049.page-home .v39-door-card>div:last-child{
  min-height:168px!important;
  padding:16px 16px 17px!important;
  display:flex!important;flex-direction:column!important;
}
.visual-v049.page-home .v39-door-card h3{font-size:17px!important}
.visual-v049.page-home .v39-door-card p{font-size:11.6px!important;line-height:1.5!important}
.visual-v049.page-home .v39-door-card span{margin-top:auto!important;padding-top:8px!important}

/* HOME Door-Fit — taller images, better door/lock visibility, balanced framing. */
.visual-v049.page-home #door-fit .v36-check-grid{gap:14px!important}
.visual-v049.page-home .door-fit-guide-card{border-radius:18px!important}
.visual-v049.page-home .door-fit-guide-visual.v44-doorfit-photo{
  height:198px!important;
}
.visual-v049.page-home .door-fit-guide-visual.v44-doorfit-photo img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center 48%!important;
}
.visual-v049.page-home .door-fit-guide-card:nth-child(1) .door-fit-guide-visual img{object-position:center 45%!important}
.visual-v049.page-home .door-fit-guide-card:nth-child(2) .door-fit-guide-visual img{object-position:center 45%!important}
.visual-v049.page-home .door-fit-guide-card:nth-child(3) .door-fit-guide-visual img{object-position:center 50%!important}
.visual-v049.page-home .door-fit-guide-card:nth-child(4) .door-fit-guide-visual img{object-position:center 47%!important}
.visual-v049.page-home .door-fit-guide-copy{padding:15px 16px 18px!important}

/* PRODUCT quick-choice — semantic visuals, consistent image stage. */
.visual-v049.page-products .quick-choice-grid-v042 .quick-icon{
  height:172px!important;
  background:#f3f5f3!important;
  overflow:hidden!important;
}
.visual-v049.page-products .quick-choice-grid-v042 .quick-icon img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  transform:none!important;filter:none!important;
}
.visual-v049.page-products .quick-choice-grid-v042 .quick-choice-card{
  overflow:hidden!important;
}
.visual-v049.page-products .quick-choice-grid-v042 .quick-choice-card:nth-child(6) .quick-icon img{
  object-fit:cover!important;
}

/* Product page context-entry images should read as spaces, not lock close-ups. */
.visual-v049.page-products .usecase-entry-icon img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
}

/* SOLUTIONS — architecture/context first, not product close-up first. */
.visual-v049.page-solutions .v39-solutions-hero-visual{
  aspect-ratio:1.52/1!important;
  background:#eef3f1!important;
}
.visual-v049.page-solutions .v39-hero-lock,
.visual-v049.page-solutions .v39-hero-lock img{
  width:100%!important;height:100%!important;min-height:0!important;
}
.visual-v049.page-solutions .v39-hero-lock img{
  object-fit:cover!important;object-position:center!important;filter:none!important;
}
.visual-v049.page-solutions .v39-solution-art.photo{
  height:auto!important;
  aspect-ratio:16/10!important;
}
.visual-v049.page-solutions .v39-solution-art.photo img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;
}
.visual-v049.page-solutions .v39-solution-card.villa .v39-solution-art img{object-position:center 54%!important}
.visual-v049.page-solutions .v39-usecase-photo{
  height:132px!important;
}
.visual-v049.page-solutions .v39-usecase-photo img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;
}
.visual-v049.page-solutions .v046-process-step{
  min-height:210px!important;
}
.visual-v049.page-solutions .v046-step-visual{
  height:124px!important;
  background:#eef3f1!important;
}
.visual-v049.page-solutions .v046-step-visual img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;
}
.visual-v049.page-solutions .v046-process-step:nth-of-type(1) .v046-step-visual img{object-position:center 47%!important}
.visual-v049.page-solutions .v046-process-step:nth-of-type(2) .v046-step-visual img{object-position:center 50%!important}
.visual-v049.page-solutions .v046-process-step:nth-of-type(3) .v046-step-visual img{object-position:center!important}
.visual-v049.page-solutions .v046-process-step:nth-of-type(4) .v046-step-visual img{object-position:center 50%!important}

/* Mobile/tablet equalization */
@media(max-width:1080px){
  .visual-v049.page-home .v39-door-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .visual-v049.page-home .v39-door-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .visual-v049.page-home .door-fit-guide-visual.v44-doorfit-photo{height:185px!important}
  .visual-v049.page-solutions .v39-solutions-hero-visual{aspect-ratio:1.3/1!important}
}
@media(max-width:560px){
  .visual-v049.page-home .v39-door-grid{grid-template-columns:1fr!important}
  .visual-v049.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{aspect-ratio:16/10!important}
  .visual-v049.page-home .v39-door-card>div:last-child{min-height:0!important}
  .visual-v049.page-home .door-fit-guide-visual.v44-doorfit-photo{height:220px!important}
  .visual-v049.page-products .quick-choice-grid-v042 .quick-icon{height:168px!important}
  .visual-v049.page-solutions .v39-solution-art.photo{aspect-ratio:16/10!important}
  .visual-v049.page-solutions .v046-process-step{
    display:block!important;min-height:0!important;padding-bottom:15px!important;
  }
  .visual-v049.page-solutions .v046-step-visual{
    width:100%!important;height:190px!important;margin:0 0 12px!important;grid-row:auto!important;
  }
}

/* ============================================================
   v0.50 — Founder Final Micro Polish Pass
   Scope: exact image equalization, larger lock-group media,
   Door-Fit reframing, product quick-choice refinements,
   sharper Solutions imagery, Installation visual enrichment.
   Commercial/catalogue/pricing/routing/release controls unchanged.
   ============================================================ */

/* HOME — force the five door images to an identical physical height. */
.visual-v050.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{
  height:184px!important;
  aspect-ratio:auto!important;
  min-height:184px!important;
  max-height:184px!important;
  overflow:hidden!important;
}
.visual-v050.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;object-position:center 50%!important;
}

/* HOME — lock families: remove visual dead-space and let the product dominate. */
.visual-v050.page-home .v44-group-photo{
  height:246px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 52%,#fff 0%,#f4f7f6 56%,#edf2f0 100%)!important;
}
.visual-v050.page-home .v44-group-photo img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;
  padding:8px 12px!important;
  transform:none!important;
  filter:none!important;
}
.visual-v050.page-home .v36-group-card:nth-child(2) .v44-group-photo img,
.visual-v050.page-home .v36-group-card:nth-child(3) .v44-group-photo img{
  padding:6px 18px!important;
}

/* HOME Door-Fit — last two cards pull back slightly to reveal door edge/frame. */
.visual-v050.page-home .door-fit-guide-card:nth-child(3) .door-fit-guide-visual img,
.visual-v050.page-home .door-fit-guide-card:nth-child(4) .door-fit-guide-visual img{
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}

/* PRODUCTS — quick choice image stage made slightly taller and more legible. */
.visual-v050.page-products .quick-choice-grid-v042 .quick-icon{
  height:188px!important;
  min-height:188px!important;
  background:#f2f5f4!important;
}
.visual-v050.page-products .quick-choice-grid-v042 .quick-icon img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  transform:none!important;filter:none!important;
}
/* Pull back aluminum and app visual so the lock is not clipped. */
.visual-v050.page-products .quick-choice-grid-v042 .quick-choice-card:nth-child(2) .quick-icon img,
.visual-v050.page-products .quick-choice-grid-v042 .quick-choice-card:nth-child(5) .quick-icon img{
  object-position:center!important;
}
/* Full-glass card should read as glass, not a narrow aluminum stile. */
.visual-v050.page-products .quick-choice-grid-v042 .quick-choice-card:nth-child(3) .quick-icon img{
  object-position:center 50%!important;
}
/* Budget selector becomes a semantic amount visual rather than another lock photo. */
.visual-v050.page-products .quick-choice-grid-v042 .quick-choice-card:nth-child(6) .quick-icon{
  background:
    radial-gradient(circle at 76% 18%,rgba(205,170,102,.24),transparent 28%),
    linear-gradient(135deg,#faf7ef 0%,#f1eadc 100%)!important;
  display:grid!important;place-items:center!important;
}
.visual-v050.page-products .v050-budget-visual{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#173d5b;text-align:center;padding:14px 10px;position:relative;
}
.visual-v050.page-products .v050-budget-visual:before,
.visual-v050.page-products .v050-budget-visual:after{
  content:"";position:absolute;border-radius:50%;background:#c6a362;opacity:.16;
}
.visual-v050.page-products .v050-budget-visual:before{width:58px;height:58px;right:22px;top:18px}
.visual-v050.page-products .v050-budget-visual:after{width:28px;height:28px;left:26px;bottom:24px}
.visual-v050.page-products .v050-budget-visual>span{
  font-size:10px;font-weight:800;letter-spacing:.16em;color:#876c38;margin-bottom:7px;z-index:1;
}
.visual-v050.page-products .v050-budget-visual>strong{
  font-size:32px!important;line-height:1!important;letter-spacing:-.035em;color:#173d5b!important;z-index:1;
}
.visual-v050.page-products .v050-budget-visual>em{
  margin-top:8px;font-size:11px;font-style:normal;color:#6c7b82;z-index:1;
}

/* SOLUTIONS — use higher-resolution contextual media and keep it crisp at large scale. */
.visual-v050.page-solutions .v39-solutions-hero-visual{
  background:#edf3f1!important;
  overflow:hidden!important;
}
.visual-v050.page-solutions .v39-hero-lock img{
  image-rendering:auto!important;
  object-fit:cover!important;
  object-position:center 56%!important;
  filter:contrast(1.025) saturate(.98)!important;
}
.visual-v050.page-solutions .v39-solution-art.photo img{
  image-rendering:auto!important;
  filter:contrast(1.02) saturate(.98)!important;
}
.visual-v050.page-solutions .v39-solution-card.home .v39-solution-art img{object-position:center 52%!important}
.visual-v050.page-solutions .v39-solution-card.apartment .v39-solution-art img{object-position:center 50%!important}
.visual-v050.page-solutions .v39-solution-card.villa .v39-solution-art img{object-position:center 55%!important}

/* INSTALLATION — visualise the four execution steps instead of leaving text-only cards. */
.visual-v050.page-installation .v36-process-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.visual-v050.page-installation .v36-process-card{
  padding:0 0 18px!important;
  overflow:hidden!important;
  display:flex!important;flex-direction:column!important;
  min-height:330px!important;
}
.visual-v050.page-installation .v050-install-visual{
  width:100%;height:170px;overflow:hidden;background:#eef3f1;margin:0 0 17px;
  border-bottom:1px solid #dbe5e2;
}
.visual-v050.page-installation .v050-install-visual img{
  width:100%;height:100%;object-fit:cover;object-position:center;display:block;
}
.visual-v050.page-installation .v36-process-card>span,
.visual-v050.page-installation .v36-process-card>h3,
.visual-v050.page-installation .v36-process-card>p{
  margin-left:18px!important;margin-right:18px!important;
}
.visual-v050.page-installation .v36-process-card>span{margin-bottom:12px!important}
.visual-v050.page-installation .v36-process-card h3{font-size:18px!important}
.visual-v050.page-installation .v36-process-card p{font-size:12.3px!important;line-height:1.52!important}
.visual-v050.page-installation .v36-process-card:nth-child(1) .v050-install-visual img{object-position:center 49%}
.visual-v050.page-installation .v36-process-card:nth-child(2) .v050-install-visual img{object-position:center 50%}
.visual-v050.page-installation .v36-process-card:nth-child(3) .v050-install-visual img{object-position:center 50%}
.visual-v050.page-installation .v36-process-card:nth-child(4) .v050-install-visual img{object-position:center 48%}

@media(max-width:1080px){
  .visual-v050.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{height:190px!important;min-height:190px!important;max-height:190px!important}
  .visual-v050.page-installation .v36-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .visual-v050.page-home .v39-door-card .v39-door-visual.photo.v44-door-photo{height:220px!important;min-height:220px!important;max-height:220px!important}
  .visual-v050.page-home .v44-group-photo{height:238px!important}
  .visual-v050.page-products .quick-choice-grid-v042 .quick-icon{height:185px!important;min-height:185px!important}
  .visual-v050.page-installation .v36-process-grid{grid-template-columns:1fr!important}
  .visual-v050.page-installation .v36-process-card{min-height:0!important}
  .visual-v050.page-installation .v050-install-visual{height:220px!important}
}

/* v0.50 Door-Fit final framing correction: no blurred extension; simply pull back the two close-up reference shots. */
.visual-v050.page-home .door-fit-guide-card:nth-child(3) .door-fit-guide-visual,
.visual-v050.page-home .door-fit-guide-card:nth-child(4) .door-fit-guide-visual{
  background:#f4f1e9!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.visual-v050.page-home .door-fit-guide-card:nth-child(3) .door-fit-guide-visual img,
.visual-v050.page-home .door-fit-guide-card:nth-child(4) .door-fit-guide-visual img{
  width:94%!important;height:94%!important;
  object-fit:contain!important;object-position:center!important;
  margin:auto!important;
}


/* ============================================================
   v0.51 — Founder Final Tiny Polish Pass
   Scope: homepage whitespace compression, corrected true-glass
   visuals, Door-Fit pull-back on Home + Contact, Solity price-pair
   consistency. No catalogue/SKU addition, routing or release change.
   ============================================================ */

/* HOME — compact the two text-card bands to reduce excess white space. */
.visual-v051.page-home .v36-path-grid{gap:14px!important}
.visual-v051.page-home .v36-path-card{
  min-height:116px!important;
  padding:18px 18px 18px 62px!important;
  border-radius:16px!important;
}
.visual-v051.page-home .v36-path-card>span{
  left:17px!important;top:18px!important;
  width:31px!important;height:31px!important;font-size:10px!important;
}
.visual-v051.page-home .v36-path-card h3{font-size:17.5px!important;margin-bottom:5px!important;line-height:1.22!important}
.visual-v051.page-home .v36-path-card p{font-size:11.8px!important;line-height:1.45!important}
.visual-v051.page-home .v36-value-card{padding:18px 24px!important}
.visual-v051.page-home .v36-value-card>span{width:29px!important;height:29px!important;margin-bottom:9px!important}
.visual-v051.page-home .v36-value-card h3{font-size:17px!important;margin-bottom:5px!important}
.visual-v051.page-home .v36-value-card p{font-size:11.7px!important;line-height:1.48!important}

/* HOME — true-glass category: glass should read as glass, not aluminum stile. */
.visual-v051.page-home .v39-door-card.glass .v39-door-visual img{
  object-fit:cover!important;object-position:center 52%!important;
}

/* HOME — last two Door-Fit evidence shots pull back further to reveal edge + strike context. */
.visual-v051.page-home .door-fit-guide-card:nth-child(3) .door-fit-guide-visual,
.visual-v051.page-home .door-fit-guide-card:nth-child(4) .door-fit-guide-visual{
  background:#f4f1e9!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.visual-v051.page-home .door-fit-guide-card:nth-child(3) .door-fit-guide-visual img,
.visual-v051.page-home .door-fit-guide-card:nth-child(4) .door-fit-guide-visual img{
  width:88%!important;height:88%!important;object-fit:contain!important;object-position:center!important;margin:auto!important;
}

/* CONTACT — mirror the Home Door-Fit pull-back for the same two evidence images. */
.visual-v051.page-contact .v44-doorfit-contact-card:nth-child(3),
.visual-v051.page-contact .v44-doorfit-contact-card:nth-child(4){background:#fff!important}
.visual-v051.page-contact .v44-doorfit-contact-card:nth-child(3)>img,
.visual-v051.page-contact .v44-doorfit-contact-card:nth-child(4)>img{
  width:88%!important;height:148px!important;object-fit:contain!important;object-position:center!important;
  margin:8px auto 0!important;background:#f4f1e9!important;border-radius:10px!important;
}

/* PRODUCTS — true-glass discovery visual, with the glass surface dominant. */
.visual-v051.page-products .quick-choice-grid-v042 .quick-choice-card:nth-child(3) .quick-icon img{
  object-fit:cover!important;object-position:center 52%!important;transform:none!important;
}

@media(max-width:700px){
  .visual-v051.page-home .v36-path-card{min-height:106px!important;padding:16px 16px 16px 58px!important}
  .visual-v051.page-home .v36-path-card>span{left:15px!important;top:16px!important}
  .visual-v051.page-home .v36-value-card{padding:16px 18px!important}
  .visual-v051.page-contact .v44-doorfit-contact-card:nth-child(3)>img,
  .visual-v051.page-contact .v44-doorfit-contact-card:nth-child(4)>img{height:136px!important}
}

/* ============================================================
   v0.52 — Founder Corrective Pass
   Fixes: visible whitespace compression; correct glass-lock visual
   using controlled glass-lock media; Door-Fit card size preserved
   while images 03/04 are pulled back INSIDE equal-size frames.
   ============================================================ */

/* HOME — make the two text bands materially tighter, not cosmetic. */
.visual-v052.page-home .v052-situation-section,
.visual-v052.page-home .v052-value-section{
  padding-top:38px!important;
  padding-bottom:38px!important;
}
.visual-v052.page-home .v052-situation-section .section-head,
.visual-v052.page-home .v052-value-section .section-head{
  margin-bottom:18px!important;
}
.visual-v052.page-home .v36-path-grid{gap:12px!important}
.visual-v052.page-home .v36-path-card{
  min-height:94px!important;
  padding:13px 15px 13px 54px!important;
  border-radius:15px!important;
}
.visual-v052.page-home .v36-path-card>span{
  left:14px!important;top:14px!important;
  width:28px!important;height:28px!important;
}
.visual-v052.page-home .v36-path-card h3{font-size:16.5px!important;margin-bottom:3px!important}
.visual-v052.page-home .v36-path-card p{font-size:11.4px!important;line-height:1.38!important}
.visual-v052.page-home .v36-value-card{padding:13px 20px!important}
.visual-v052.page-home .v36-value-card>span{width:27px!important;height:27px!important;margin-bottom:6px!important}
.visual-v052.page-home .v36-value-card h3{font-size:16.5px!important;margin-bottom:3px!important}
.visual-v052.page-home .v36-value-card p{font-size:11.4px!important;line-height:1.4!important}

/* HOME + PRODUCTS — category glass image uses controlled Kaadas R8 glass-lock media. */
.visual-v052.page-home .v39-door-card.glass .v39-door-visual img,
.visual-v052.page-products .quick-choice-grid-v042 .quick-choice-card[data-filter-group="door"][data-filter-value="GLASS"] .quick-icon img{
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}

/* HOME Door-Fit: frame dimensions stay EXACTLY equal across all four cards.
   Only image content 03/04 is reduced inside the unchanged 198px stage. */
.visual-v052.page-home .door-fit-guide-visual.v44-doorfit-photo{
  height:198px!important;
  min-height:198px!important;
  max-height:198px!important;
  width:100%!important;
}
.visual-v052.page-home .door-fit-guide-card:nth-child(3) .door-fit-guide-visual,
.visual-v052.page-home .door-fit-guide-card:nth-child(4) .door-fit-guide-visual{
  display:block!important;
  background:#f4f1e9!important;
  overflow:hidden!important;
}
.visual-v052.page-home .door-fit-guide-card:nth-child(3) .door-fit-guide-visual img,
.visual-v052.page-home .door-fit-guide-card:nth-child(4) .door-fit-guide-visual img{
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
  padding:18px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  background:#f4f1e9!important;
}

/* CONTACT: same correction — equal-size card/image stage, smaller content inside. */
.visual-v052.page-contact .v44-doorfit-contact-card>img{
  width:100%!important;
  height:164px!important;
  min-height:164px!important;
  max-height:164px!important;
  display:block!important;
}
.visual-v052.page-contact .v44-doorfit-contact-card:nth-child(3)>img,
.visual-v052.page-contact .v44-doorfit-contact-card:nth-child(4)>img{
  width:100%!important;
  height:164px!important;
  box-sizing:border-box!important;
  padding:15px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  background:#f4f1e9!important;
  border-radius:0!important;
}

@media(max-width:700px){
  .visual-v052.page-home .v052-situation-section,
  .visual-v052.page-home .v052-value-section{padding-top:30px!important;padding-bottom:30px!important}
  .visual-v052.page-home .v36-path-card{min-height:88px!important;padding:12px 14px 12px 51px!important}
  .visual-v052.page-home .v36-path-card>span{left:13px!important;top:13px!important}
  .visual-v052.page-home .door-fit-guide-visual.v44-doorfit-photo{height:220px!important;min-height:220px!important;max-height:220px!important}
  .visual-v052.page-home .door-fit-guide-card:nth-child(3) .door-fit-guide-visual img,
  .visual-v052.page-home .door-fit-guide-card:nth-child(4) .door-fit-guide-visual img{padding:22px!important}
  .visual-v052.page-contact .v44-doorfit-contact-card>img,
  .visual-v052.page-contact .v44-doorfit-contact-card:nth-child(3)>img,
  .visual-v052.page-contact .v44-doorfit-contact-card:nth-child(4)>img{height:145px!important;min-height:145px!important;max-height:145px!important}
}

/* ============================================================
   v0.53 — Founder Premium Final Detail Pass
   Scope: true-glass semantic visual, equal Door-Fit stages,
   premium budget image, Solutions hero caption relocation,
   sharper office/lodging contexts, improved comparison/confirmation.
   Commercial/pricing/routing logic unchanged.
   ============================================================ */

/* HOME — true frameless-glass visual, brand-neutral. */
.visual-v053.page-home .v39-door-card.glass .v39-door-visual.photo.v44-door-photo{
  background:#f2f6f5!important;
}
.visual-v053.page-home .v39-door-card.glass .v39-door-visual img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center 50%!important;
  filter:none!important;transform:none!important;
}

/* HOME — all four Door-Fit cards stay identical in size and get a larger, equal image stage.
   The photos are fitted INSIDE the stage so the full lock / edge / strike context remains visible. */
.visual-v053.page-home #door-fit .v36-check-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.visual-v053.page-home #door-fit .door-fit-guide-card{
  display:flex!important;flex-direction:column!important;
  min-width:0!important;height:100%!important;
}
.visual-v053.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo{
  height:224px!important;min-height:224px!important;max-height:224px!important;
  width:100%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;background:#f5f2eb!important;
}
.visual-v053.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo img{
  width:100%!important;height:100%!important;
  box-sizing:border-box!important;padding:8px!important;
  object-fit:contain!important;object-position:center!important;
  margin:0!important;background:#f5f2eb!important;
}
.visual-v053.page-home #door-fit .door-fit-guide-copy{flex:1!important}

/* CONTACT — mirror Homepage exactly: four equal visual stages, large and fully readable. */
.visual-v053.page-contact .v44-doorfit-contact-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;align-items:stretch!important;
}
.visual-v053.page-contact .v44-doorfit-contact-card{
  display:flex!important;flex-direction:column!important;height:100%!important;
}
.visual-v053.page-contact .v44-doorfit-contact-card>img{
  width:100%!important;height:196px!important;min-height:196px!important;max-height:196px!important;
  box-sizing:border-box!important;padding:8px!important;
  object-fit:contain!important;object-position:center!important;
  margin:0!important;border-radius:0!important;background:#f5f2eb!important;
}
.visual-v053.page-contact .v44-doorfit-contact-card>div{flex:1!important}

/* PRODUCTS — true-glass photo is glass-dominant and brand-neutral. */
.visual-v053.page-products .quick-choice-card[data-filter-group="door"][data-filter-value="GLASS"] .quick-icon{
  background:#f1f5f4!important;
}
.visual-v053.page-products .quick-choice-card[data-filter-group="door"][data-filter-value="GLASS"] .quick-icon img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 50%!important;
  transform:none!important;filter:none!important;
}
/* PRODUCTS — friendly budget cue, no lock product photo. */
.visual-v053.page-products .v053-budget-photo{
  display:block!important;background:#fbf7ef!important;overflow:hidden!important;
}
.visual-v053.page-products .v053-budget-photo img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  transform:none!important;filter:none!important;
}

/* SOLUTIONS — preserve hero image, move its caption OUTSIDE the image. */
.visual-v053.page-solutions .v39-solutions-hero-grid{align-items:center!important}
.visual-v053.page-solutions .v053-hero-stack{display:flex!important;flex-direction:column!important;min-width:0!important}
.visual-v053.page-solutions .v39-solutions-hero-visual{width:100%!important}
.visual-v053.page-solutions .v39-hero-caption.v053-hero-caption-below{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
  margin-top:12px!important;padding:15px 18px!important;border-radius:16px!important;
  border:1px solid #dbe5e2!important;
  background:linear-gradient(135deg,#ffffff,#f3f8f6)!important;
  backdrop-filter:none!important;box-shadow:0 10px 24px rgba(8,41,70,.045)!important;
  display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:12px!important;
}
.visual-v053.page-solutions .v39-hero-caption.v053-hero-caption-below strong{
  margin:0!important;font-size:13px!important;white-space:nowrap!important;color:#1f5f70!important;
}
.visual-v053.page-solutions .v39-hero-caption.v053-hero-caption-below span{
  font-size:11.5px!important;line-height:1.4!important;color:#6d7f88!important;
}
/* Sharper use-case crops and process photography. */
.visual-v053.page-solutions .v39-usecase-photo img{
  image-rendering:auto!important;object-fit:cover!important;object-position:center!important;filter:none!important;
}
.visual-v053.page-solutions .v046-process-step:nth-of-type(3) .v046-step-visual img{
  object-fit:cover!important;object-position:center 50%!important;
}

/* INSTALLATION — step 02 is now a consultation/confirmation visual, not a repeat of product comparison. */
.visual-v053.page-installation .v36-process-card:nth-child(2) .v050-install-visual img{
  object-fit:cover!important;object-position:center 48%!important;filter:none!important;
}

@media(max-width:1080px){
  .visual-v053.page-home #door-fit .v36-check-grid,
  .visual-v053.page-contact .v44-doorfit-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .visual-v053.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo{height:236px!important;min-height:236px!important;max-height:236px!important}
  .visual-v053.page-contact .v44-doorfit-contact-card>img{height:210px!important;min-height:210px!important;max-height:210px!important}
}
@media(max-width:700px){
  .visual-v053.page-home #door-fit .v36-check-grid,
  .visual-v053.page-contact .v44-doorfit-contact-grid{grid-template-columns:1fr!important}
  .visual-v053.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo{height:270px!important;min-height:270px!important;max-height:270px!important}
  .visual-v053.page-contact .v44-doorfit-contact-card>img{height:250px!important;min-height:250px!important;max-height:250px!important}
  .visual-v053.page-solutions .v39-hero-caption.v053-hero-caption-below{grid-template-columns:1fr!important;gap:4px!important}
}

/* ============================================================
   v0.54 — Founder Final Launch Polish
   Fixes: glass-lock realism, full-bleed Door-Fit images,
   homepage process visual balance, aluminium nested-image artifact,
   crisp budget cue, sharper process / installation visuals.
   ============================================================ */

/* HOME — true glass scene with clamp-style glass lock. */
.visual-v054.page-home .v39-door-card.glass .v39-door-visual.photo.v44-door-photo,
.visual-v054.page-products .quick-choice-card[data-filter-group="door"][data-filter-value="GLASS"] .quick-icon{
  background:#eef4f3!important;overflow:hidden!important;
}
.visual-v054.page-home .v39-door-card.glass .v39-door-visual img,
.visual-v054.page-products .quick-choice-card[data-filter-group="door"][data-filter-value="GLASS"] .quick-icon img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;object-position:center!important;
  padding:0!important;margin:0!important;transform:none!important;filter:none!important;
}

/* PRODUCTS — aluminium card is one real full-bleed image, never an inset image-on-image. */
.visual-v054.page-products .quick-choice-card[data-filter-group="door"][data-filter-value="ALUMINUM / ALUMINUM-GLASS"] .quick-icon{
  overflow:hidden!important;background:#eef3f2!important;
}
.visual-v054.page-products .quick-choice-card[data-filter-group="door"][data-filter-value="ALUMINUM / ALUMINUM-GLASS"] .quick-icon img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;object-position:center 52%!important;
  padding:0!important;margin:0!important;transform:none!important;filter:none!important;
}

/* PRODUCTS — high-resolution budget graphic. */
.visual-v054.page-products .v053-budget-photo{
  overflow:hidden!important;background:#faf7ef!important;
}
.visual-v054.page-products .v053-budget-photo img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;object-position:center!important;
  padding:0!important;margin:0!important;filter:none!important;transform:none!important;
}

/* HOME — process now uses the full width: 2x2 premium cards, copy left + visual right. */
.visual-v054.page-home .v054-home-process-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  border:0!important;background:transparent!important;
}
.visual-v054.page-home .v054-home-process-grid:before{display:none!important}
.visual-v054.page-home .v054-home-process-card{
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(210px,1.12fr)!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  min-height:190px!important;
  border:1px solid #dce5e3!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(8,41,70,.045)!important;
}
.visual-v054.page-home .v054-home-process-card + .v054-home-process-card{border-left:1px solid #dce5e3!important}
.visual-v054.page-home .v054-process-copy{
  padding:24px 22px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
}
.visual-v054.page-home .v054-process-copy>span{
  width:38px!important;height:38px!important;border-radius:50%!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:#edf5f2!important;color:#135a68!important;font-weight:800!important;
  margin-bottom:12px!important;
}
.visual-v054.page-home .v054-process-copy h3{font-size:18px!important;margin:0 0 7px!important;color:#173f5b!important}
.visual-v054.page-home .v054-process-copy p{font-size:12.2px!important;line-height:1.5!important;margin:0!important;color:#6d7e88!important}
.visual-v054.page-home .v054-process-visual{
  min-height:190px!important;overflow:hidden!important;background:#eef3f1!important;
}
.visual-v054.page-home .v054-process-visual img{
  width:100%!important;height:100%!important;min-height:190px!important;display:block!important;
  object-fit:cover!important;object-position:center!important;
  padding:0!important;margin:0!important;filter:none!important;transform:none!important;
}

/* HOME + CONTACT — four identical large frames, single full-bleed image plane per card. */
.visual-v054.page-home #door-fit .v36-check-grid,
.visual-v054.page-contact .v44-doorfit-contact-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;align-items:stretch!important;
}
.visual-v054.page-home #door-fit .door-fit-guide-card,
.visual-v054.page-contact .v44-doorfit-contact-card{
  height:100%!important;min-width:0!important;overflow:hidden!important;
  border-radius:16px!important;background:#fff!important;
}
.visual-v054.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo,
.visual-v054.page-contact .v44-doorfit-contact-card>img{
  width:100%!important;height:224px!important;min-height:224px!important;max-height:224px!important;
  display:block!important;overflow:hidden!important;
  padding:0!important;margin:0!important;background:#eef3f1!important;border-radius:0!important;
  object-fit:cover!important;object-position:center!important;
  transform:none!important;filter:none!important;box-sizing:border-box!important;
}
.visual-v054.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo img{
  width:100%!important;height:100%!important;display:block!important;
  padding:0!important;margin:0!important;background:transparent!important;
  object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important;
}
.visual-v054.page-home #door-fit .door-fit-guide-card:nth-child(3) img{object-position:center 48%!important}
.visual-v054.page-home #door-fit .door-fit-guide-card:nth-child(4) img{object-position:center 50%!important}
.visual-v054.page-contact .v44-doorfit-contact-card:nth-child(3)>img{object-position:center 48%!important}
.visual-v054.page-contact .v44-doorfit-contact-card:nth-child(4)>img{object-position:center 50%!important}

/* SOLUTIONS + INSTALLATION — process visuals always fill their stage cleanly. */
.visual-v054.page-solutions .v046-step-visual,
.visual-v054.page-installation .v050-install-visual{
  overflow:hidden!important;background:#eef3f1!important;
}
.visual-v054.page-solutions .v046-step-visual img,
.visual-v054.page-installation .v050-install-visual img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;object-position:center!important;
  padding:0!important;margin:0!important;filter:none!important;transform:none!important;
}
.visual-v054.page-installation .v36-process-grid{
  gap:14px!important;align-items:stretch!important;
}
.visual-v054.page-installation .v36-process-card{
  overflow:hidden!important;border-radius:17px!important;border:1px solid #dce5e3!important;background:#fff!important;
}
.visual-v054.page-installation .v050-install-visual{height:150px!important;margin:-18px -22px 14px!important}
.visual-v054.page-installation .v36-process-card:nth-child(2) .v050-install-visual img{object-position:center 45%!important}
.visual-v054.page-installation .v36-process-card:nth-child(4) .v050-install-visual img{object-position:center 50%!important}

@media(max-width:1080px){
  .visual-v054.page-home .v054-home-process-grid{grid-template-columns:1fr!important}
  .visual-v054.page-home #door-fit .v36-check-grid,
  .visual-v054.page-contact .v44-doorfit-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .visual-v054.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo,
  .visual-v054.page-contact .v44-doorfit-contact-card>img{height:236px!important;min-height:236px!important;max-height:236px!important}
}
@media(max-width:700px){
  .visual-v054.page-home .v054-home-process-card{grid-template-columns:1fr!important;min-height:0!important}
  .visual-v054.page-home .v054-process-visual{height:190px!important;min-height:190px!important;grid-row:1!important}
  .visual-v054.page-home .v054-process-copy{grid-row:2!important;padding:18px!important}
  .visual-v054.page-home #door-fit .v36-check-grid,
  .visual-v054.page-contact .v44-doorfit-contact-grid{grid-template-columns:1fr!important}
  .visual-v054.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo,
  .visual-v054.page-contact .v44-doorfit-contact-card>img{height:260px!important;min-height:260px!important;max-height:260px!important}
  .visual-v054.page-installation .v050-install-visual{height:190px!important}
}

/* ============================================================
   v0.55 — Founder Final Micro Adjustment
   Final visual correction before publish handoff:
   - center and fully expose the glass-lock visual
   - equalize / enlarge all Door-Fit stages
   - show more lock-edge / strike-hole context in cards 03 / 04
   Commercial, pricing and routing logic unchanged.
   ============================================================ */

/* HOME + PRODUCTS — keep the approved glass-lock type, but frame the whole lock centrally. */
.visual-v055.page-home .v39-door-card.glass .v39-door-visual.photo.v44-door-photo,
.visual-v055.page-products .quick-choice-card[data-filter-group="door"][data-filter-value="GLASS"] .quick-icon{
  overflow:hidden!important;
  background:#eef4f3!important;
}
.visual-v055.page-home .v39-door-card.glass .v39-door-visual img,
.visual-v055.page-products .quick-choice-card[data-filter-group="door"][data-filter-value="GLASS"] .quick-icon img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;object-position:center center!important;
  margin:0!important;padding:0!important;transform:none!important;filter:none!important;
}

/* HOME + CONTACT — all four photo stages are exactly equal and slightly larger. */
.visual-v055.page-home #door-fit .v36-check-grid,
.visual-v055.page-contact .v44-doorfit-contact-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.visual-v055.page-home #door-fit .door-fit-guide-card,
.visual-v055.page-contact .v44-doorfit-contact-card{
  height:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.visual-v055.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo,
.visual-v055.page-contact .v44-doorfit-contact-card>img{
  width:100%!important;
  height:236px!important;
  min-height:236px!important;
  max-height:236px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  display:block!important;
  border-radius:0!important;
  background:#eef3f1!important;
  box-sizing:border-box!important;
}
.visual-v055.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo img,
.visual-v055.page-contact .v44-doorfit-contact-card>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  padding:0!important;
  margin:0!important;
}
/* Card 03: broader edge/lock-body view. Card 04: full strike-hole / frame context. */
.visual-v055.page-home #door-fit .door-fit-guide-card:nth-child(3) img,
.visual-v055.page-contact .v44-doorfit-contact-card:nth-child(3)>img{
  object-position:center 48%!important;
}
.visual-v055.page-home #door-fit .door-fit-guide-card:nth-child(4) img,
.visual-v055.page-contact .v44-doorfit-contact-card:nth-child(4)>img{
  object-position:center 50%!important;
}

@media(max-width:1080px){
  .visual-v055.page-home #door-fit .v36-check-grid,
  .visual-v055.page-contact .v44-doorfit-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .visual-v055.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo,
  .visual-v055.page-contact .v44-doorfit-contact-card>img{height:248px!important;min-height:248px!important;max-height:248px!important}
}
@media(max-width:700px){
  .visual-v055.page-home #door-fit .v36-check-grid,
  .visual-v055.page-contact .v44-doorfit-contact-grid{grid-template-columns:1fr!important}
  .visual-v055.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo,
  .visual-v055.page-contact .v44-doorfit-contact-card>img{height:278px!important;min-height:278px!important;max-height:278px!important}
}

/* ============================================================
   v0.56 — Founder Final Correction / Publish Candidate
   Scope locked to the last Founder comments only:
   - use a real, controlled glass-lock image (no invented lock geometry)
   - restore semantically correct edge / lock-body photo for Door-Fit 03
   - restore full strike / frame photo for Door-Fit 04
   - keep four Door-Fit stages equal on Home + Contact
   Commercial, pricing, routing and legal content unchanged.
   ============================================================ */

/* HOME + PRODUCTS — actual controlled glass-lock photograph, centered and fully readable. */
.visual-v056.page-home .v39-door-card.glass .v39-door-visual.photo.v44-door-photo,
.visual-v056.page-products .quick-choice-card[data-filter-group="door"][data-filter-value="GLASS"] .quick-icon{
  overflow:hidden!important;
  background:#edf4f4!important;
}
.visual-v056.page-home .v39-door-card.glass .v39-door-visual img,
.visual-v056.page-products .quick-choice-card[data-filter-group="door"][data-filter-value="GLASS"] .quick-icon img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  filter:none!important;
}

/* HOME + CONTACT — same four frames, single image plane, no nested-image artifact. */
.visual-v056.page-home #door-fit .v36-check-grid,
.visual-v056.page-contact .v44-doorfit-contact-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.visual-v056.page-home #door-fit .door-fit-guide-card,
.visual-v056.page-contact .v44-doorfit-contact-card{
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.visual-v056.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo,
.visual-v056.page-contact .v44-doorfit-contact-card>img{
  width:100%!important;
  height:236px!important;
  min-height:236px!important;
  max-height:236px!important;
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  background:#eef3f1!important;
  box-sizing:border-box!important;
}
.visual-v056.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo img,
.visual-v056.page-contact .v44-doorfit-contact-card>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  filter:none!important;
}
/* 03: show the lock-body/door edge; 04: keep the strike plate and holes fully visible. */
.visual-v056.page-home #door-fit .door-fit-guide-card:nth-child(3) img,
.visual-v056.page-contact .v44-doorfit-contact-card:nth-child(3)>img{
  object-position:center center!important;
}
.visual-v056.page-home #door-fit .door-fit-guide-card:nth-child(4) img,
.visual-v056.page-contact .v44-doorfit-contact-card:nth-child(4)>img{
  object-position:center center!important;
}

@media(max-width:1080px){
  .visual-v056.page-home #door-fit .v36-check-grid,
  .visual-v056.page-contact .v44-doorfit-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .visual-v056.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo,
  .visual-v056.page-contact .v44-doorfit-contact-card>img{height:248px!important;min-height:248px!important;max-height:248px!important}
}
@media(max-width:700px){
  .visual-v056.page-home #door-fit .v36-check-grid,
  .visual-v056.page-contact .v44-doorfit-contact-grid{grid-template-columns:1fr!important}
  .visual-v056.page-home #door-fit .door-fit-guide-visual.v44-doorfit-photo,
  .visual-v056.page-contact .v44-doorfit-contact-card>img{height:278px!important;min-height:278px!important;max-height:278px!important}
}

/* =========================================================
   v0.57 — TPSS TECHNICAL FEATURE ICON SYSTEM
   Founder-approved visual direction: thin circular technical
   symbols inspired by supplier capability icons, redrawn as
   neutral TPSS-owned UI glyphs. No unsupported capacity values.
   ========================================================= */
.visual-v057 .tpss-feature-svg{
  width:100%;height:100%;display:block;overflow:visible;
  color:#247984;fill:none;stroke:currentColor;stroke-width:1.45;
  stroke-linecap:round;stroke-linejoin:round;
}
.visual-v057 .tpss-feature-svg .tpss-feature-ring{
  stroke:#2a7d86;stroke-width:1.35;fill:#fff;
}
.visual-v057 .tpss-feature-svg path,
.visual-v057 .tpss-feature-svg rect,
.visual-v057 .tpss-feature-svg circle:not(.tpss-feature-ring){
  vector-effect:non-scaling-stroke;
}
.visual-v057 .tpss-feature-svg .tpss-feature-text{
  fill:#247984;stroke:none;font-size:9px;font-weight:700;
  font-family:Arial,sans-serif;
}
.visual-v057 .media-feature-icon{
  width:34px!important;height:34px!important;border-radius:50%!important;
  border:0!important;background:#fff!important;padding:3px!important;
  color:#247984!important;box-shadow:0 4px 13px rgba(20,68,78,.08)!important;
}
.visual-v057 .media-feature-icon .tpss-feature-svg{width:28px!important;height:28px!important}
.visual-v057 .media-feature-icon:hover{background:#fbfefe!important;box-shadow:0 5px 16px rgba(20,68,78,.13)!important}
.visual-v057.page-product-detail .v046-feature-rail .pdp-feature-icon{
  width:50px!important;height:50px!important;min-width:50px!important;
  border-radius:50%!important;border:0!important;background:#fff!important;
  padding:4px!important;box-shadow:0 5px 15px rgba(20,68,78,.08)!important;
}
.visual-v057.page-product-detail .v046-feature-rail .pdp-feature-icon .tpss-feature-svg{
  width:39px!important;height:39px!important;
}
.visual-v057.page-product-detail .pdp-feature-icon-label{
  left:59px!important;background:#173f54!important;border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 5px 16px rgba(14,42,57,.12)!important;
}
@media(max-width:800px){
  .visual-v057 .media-feature-icon{width:31px!important;height:31px!important;padding:3px!important}
  .visual-v057 .media-feature-icon .tpss-feature-svg{width:25px!important;height:25px!important}
  .visual-v057.page-product-detail .v046-feature-rail .pdp-feature-icon{
    width:42px!important;height:42px!important;min-width:42px!important;padding:4px!important;
  }
  .visual-v057.page-product-detail .v046-feature-rail .pdp-feature-icon .tpss-feature-svg{width:33px!important;height:33px!important}
}


/* =========================================================
   v0.58 — FINAL MICRO PATCH BEFORE PUBLISH
   Scope: Contact 4-image equalization, featured feature icons,
   PDP price-row + hero scale.
   ========================================================= */

/* CONTACT — four photo cards use the exact same image viewport. */
.visual-v058.page-contact .v44-doorfit-contact-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;align-items:stretch!important;
}
.visual-v058.page-contact .v44-doorfit-contact-card{height:100%!important;overflow:hidden!important}
.visual-v058.page-contact .v44-doorfit-contact-card>img{
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:4/3!important;object-fit:cover!important;object-position:center center!important;
  display:block!important;padding:0!important;margin:0!important;transform:none!important;
}
@media(max-width:1080px){.visual-v058.page-contact .v44-doorfit-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.visual-v058.page-contact .v44-doorfit-contact-grid{grid-template-columns:1fr!important}}

/* PRODUCTS — show functional icons on the six featured recommendation cards. */
.visual-v058.page-products .featured-product-media .media-feature-strip{
  position:absolute!important;z-index:5!important;right:10px!important;left:auto!important;
  top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
  display:flex!important;flex-direction:column!important;gap:7px!important;pointer-events:none!important;
}
.visual-v058.page-products .featured-product-media .media-feature-icon{
  width:34px!important;height:34px!important;min-width:34px!important;padding:3px!important;
  border-radius:50%!important;background:rgba(255,255,255,.95)!important;
  box-shadow:0 4px 13px rgba(20,68,78,.10)!important;
}
.visual-v058.page-products .featured-product-media .media-feature-icon .tpss-feature-svg{width:28px!important;height:28px!important}

/* PDP — old price + current price must read on one horizontal line. */
.visual-v058.page-product-detail .v046-pdp-price-pair{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:baseline!important;gap:18px!important;white-space:nowrap!important;
}
.visual-v058.page-product-detail .v046-pdp-price-pair .listed-price,
.visual-v058.page-product-detail .v046-pdp-price-pair .current-selling-price{
  display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:7px!important;
}
.visual-v058.page-product-detail .v046-pdp-price-pair .price-kicker{margin:0!important;white-space:nowrap!important}
.visual-v058.page-product-detail .v046-pdp-price-pair .tpss-price-line{display:flex!important;align-items:center!important;gap:7px!important}

/* PDP — enlarge the hero while preserving contain / no crop. */
.visual-v058.page-product-detail .v046-pdp-media .pdp-main-image{
  min-height:590px!important;padding:0!important;background:#fbfcfa!important;
}
.visual-v058.page-product-detail .v046-pdp-media .pdp-main-image img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:570px!important;
  object-fit:contain!important;object-position:center!important;transform:scale(1.12)!important;
  transform-origin:center!important;
}
.visual-v058.page-product-detail .v046-pdp-media .pdp-main-image.portrait-hero img{transform:scale(1.28)!important;max-height:620px!important}
.visual-v058.page-product-detail .v046-pdp-media .pdp-main-image.wide-hero img{transform:scale(1.06)!important}
@media(max-width:900px){
  .visual-v058.page-product-detail .v046-pdp-price-pair{flex-wrap:wrap!important;white-space:normal!important}
  .visual-v058.page-product-detail .v046-pdp-media .pdp-main-image{min-height:440px!important}
  .visual-v058.page-product-detail .v046-pdp-media .pdp-main-image img{max-height:420px!important}
}
@media(max-width:620px){
  .visual-v058.page-product-detail .v046-pdp-price-pair{gap:10px!important}
  .visual-v058.page-product-detail .v046-pdp-price-pair .listed-price,
  .visual-v058.page-product-detail .v046-pdp-price-pair .current-selling-price{gap:5px!important}
  .visual-v058.page-product-detail .v046-pdp-media .pdp-main-image{min-height:340px!important}
  .visual-v058.page-product-detail .v046-pdp-media .pdp-main-image img{max-height:330px!important;transform:scale(1.08)!important}
}


/* =========================================================
   v0.59 — FINAL FIT CORRECTION BEFORE PUBLISH
   Founder final request:
   1) Contact four reference photos must render at exactly the same size.
   2) PDP hero media must never crop/overflow after v0.58 zoom enlargement.
   Commercial/product/pricing logic unchanged.
   ========================================================= */

/* CONTACT — hard-lock one identical media viewport for all four cards.
   Fixed height is intentional here: it supersedes all legacy pull-back rules. */
.visual-v059.page-contact #door-fit-guide .v44-doorfit-contact-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.visual-v059.page-contact #door-fit-guide .v44-doorfit-contact-card{
  height:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.visual-v059.page-contact #door-fit-guide .v44-doorfit-contact-card>img{
  width:100%!important;
  height:238px!important;
  min-height:238px!important;
  max-height:238px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  flex:0 0 238px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#eef3f1!important;
  transform:none!important;
  filter:none!important;
  box-sizing:border-box!important;
}
@media(max-width:1080px){
  .visual-v059.page-contact #door-fit-guide .v44-doorfit-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .visual-v059.page-contact #door-fit-guide .v44-doorfit-contact-card>img{
    height:250px!important;min-height:250px!important;max-height:250px!important;flex-basis:250px!important;
  }
}
@media(max-width:700px){
  .visual-v059.page-contact #door-fit-guide .v44-doorfit-contact-grid{grid-template-columns:1fr!important}
  .visual-v059.page-contact #door-fit-guide .v44-doorfit-contact-card>img{
    height:280px!important;min-height:280px!important;max-height:280px!important;flex-basis:280px!important;
  }
}

/* PDP — undo v0.58 optical zoom. Keep every hero fully inside the stage,
   centred vertically/horizontally, with a modest premium scale and no clipping. */
.visual-v059.page-product-detail .v046-pdp-media .pdp-main-image{
  min-height:540px!important;
  height:540px!important;
  padding:22px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#fbfcfa!important;
  box-sizing:border-box!important;
}
.visual-v059.page-product-detail .v046-pdp-media .pdp-main-image img,
.visual-v059.page-product-detail .v046-pdp-media .pdp-main-image.portrait-hero img,
.visual-v059.page-product-detail .v046-pdp-media .pdp-main-image.wide-hero img{
  width:auto!important;
  height:auto!important;
  max-width:92%!important;
  max-height:496px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  transform-origin:center center!important;
  margin:auto!important;
  display:block!important;
}
.visual-v059.page-product-detail .v046-pdp-media .pdp-main-image.wide-hero img{
  max-width:96%!important;
  max-height:470px!important;
}
.visual-v059.page-product-detail .v046-pdp-media .pdp-main-image.portrait-hero img{
  max-width:86%!important;
  max-height:500px!important;
}
@media(max-width:900px){
  .visual-v059.page-product-detail .v046-pdp-media .pdp-main-image{
    min-height:430px!important;height:430px!important;padding:18px!important;
  }
  .visual-v059.page-product-detail .v046-pdp-media .pdp-main-image img,
  .visual-v059.page-product-detail .v046-pdp-media .pdp-main-image.portrait-hero img,
  .visual-v059.page-product-detail .v046-pdp-media .pdp-main-image.wide-hero img{
    max-width:92%!important;max-height:392px!important;transform:none!important;
  }
}
@media(max-width:620px){
  .visual-v059.page-product-detail .v046-pdp-media .pdp-main-image{
    min-height:330px!important;height:330px!important;padding:14px!important;
  }
  .visual-v059.page-product-detail .v046-pdp-media .pdp-main-image img,
  .visual-v059.page-product-detail .v046-pdp-media .pdp-main-image.portrait-hero img,
  .visual-v059.page-product-detail .v046-pdp-media .pdp-main-image.wide-hero img{
    max-width:94%!important;max-height:302px!important;transform:none!important;
  }
}


/* =========================================================
   v0.61 — DEFECT-ONLY PRODUCT-CARD SAFE FIT
   Scope: only public SKUs whose inherited optical enlargement can clip
   product/source edges on desktop or mobile. Card architecture unchanged.
   ========================================================= */
.visual-v058.page-products .product-card-premium:is(
  [data-id="AVOLOCK-AC-997F"],
  [data-id="AVOLOCK-AL80FRVT"],
  [data-id="AVOLOCK-AN390"],
  [data-id="AVOLOCK-AN391"],
  [data-id="KAADAS-M5-B"],
  
  [data-id="OSUNO-OSN-2602"],
  [data-id="OSUNO-OSN-2606"],
  [data-id="OSUNO-OSN-3357"],
  [data-id="OSUNO-OSN-3359"],
  [data-id="OSUNO-OSN-3373"],
  [data-id="OSUNO-OSN-3601"],
  [data-id="OSUNO-OSN-KBT10"],
  [data-id="OSUNO-OSN-KBT11"],
  [data-id="PHILIPS-DDL720-MVP-17HWS"],
  [data-id="PHILIPS-DDL801-5HBS"],
  [data-id="PHILIPS-DDL902-MVP-11HWS"],
  [data-id="SHARP-H4-FV"],
  [data-id="SOLITY-GG-33B"]
) .product-media-premium>img{
  transform:none!important;
  transform-origin:center center!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* v0.61 affected-card top safe zone: keeps hero/source marks out of the card brand mark. */
.visual-v058.page-products .product-card-premium:is(
  [data-id="AVOLOCK-AC-997F"],[data-id="AVOLOCK-AL80FRVT"],[data-id="AVOLOCK-AN390"],[data-id="AVOLOCK-AN391"],
  [data-id="KAADAS-M5-B"],
  [data-id="OSUNO-OSN-2602"],[data-id="OSUNO-OSN-2606"],[data-id="OSUNO-OSN-3357"],[data-id="OSUNO-OSN-3359"],[data-id="OSUNO-OSN-3373"],[data-id="OSUNO-OSN-3601"],[data-id="OSUNO-OSN-KBT10"],[data-id="OSUNO-OSN-KBT11"],
  [data-id="PHILIPS-DDL720-MVP-17HWS"],[data-id="PHILIPS-DDL801-5HBS"],[data-id="PHILIPS-DDL902-MVP-11HWS"],
  [data-id="SHARP-H4-FV"],[data-id="SOLITY-GG-33B"]
) .product-media-premium{
  padding-top:42px!important;
}


/* =========================================================
   v0.64 — DESKTOP-ONLY DENSITY / PROPORTION REFINEMENT
   Founder objective:
   - bring desktop perceived density closer to the stronger mobile experience
   - preserve all <=1180px layout/visual behavior
   - no architecture, pricing, legal, CTA, routing or indexing changes
   ========================================================= */
@media (min-width:1181px){
  /* A. Content width / whitespace — slightly broader premium working canvas. */
  .container{
    width:min(1320px,94vw)!important;
  }

  /* C. Section density / vertical rhythm — reduce desktop-only dead space. */
  .visual-v047 .section,
  .visual-v048 .section{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
  .section-head,
  .visual-v047 .section-head,
  .visual-v048 .section-head{
    margin-bottom:26px!important;
    gap:26px!important;
  }
  .visual-v047.page-products .catalogue-hero{
    padding-top:46px!important;
    padding-bottom:40px!important;
  }
  .visual-v047.page-products .quick-choice{
    padding-top:34px!important;
    padding-bottom:22px!important;
  }
  .visual-v047.page-products .featured-discovery{
    padding-top:36px!important;
    padding-bottom:34px!important;
  }
  .visual-v047.page-products .catalog-shell{
    padding-top:24px!important;
    padding-bottom:54px!important;
  }

  /* B. Product card proportion — give catalogue cards more usable width
     without changing the approved 3-column architecture. */
  .visual-v047.page-products .catalog-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:18px!important;
  }
  .visual-v047.page-products .catalog-grid{
    gap:14px!important;
  }
  .visual-v047.page-products .product-card-premium{
    border-radius:18px!important;
  }
  .visual-v047.page-products .product-media-premium{
    height:344px!important;
    padding:12px 24px!important;
  }
  .visual-v047.page-products .product-card-content{
    padding:13px 15px 15px!important;
  }

  /* Product prominence through stage efficiency, not unsafe global zoom. */
  .visual-v047.page-products .product-media-premium>img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }

  /* Preserve v0.61 safe-fit cards: no transform / no clipping / no logo collision. */
  .visual-v058.page-products .product-card-premium:is(
    [data-id="AVOLOCK-AC-997F"],
    [data-id="AVOLOCK-AL80FRVT"],
    [data-id="AVOLOCK-AN390"],
    [data-id="AVOLOCK-AN391"],
    [data-id="KAADAS-M5-B"],
    [data-id="OSUNO-OSN-2602"],
    [data-id="OSUNO-OSN-2606"],
    [data-id="OSUNO-OSN-3357"],
    [data-id="OSUNO-OSN-3359"],
    [data-id="OSUNO-OSN-3373"],
    [data-id="OSUNO-OSN-3601"],
    [data-id="OSUNO-OSN-KBT10"],
    [data-id="OSUNO-OSN-KBT11"],
    [data-id="PHILIPS-DDL720-MVP-17HWS"],
    [data-id="PHILIPS-DDL801-5HBS"],
    [data-id="PHILIPS-DDL902-MVP-11HWS"],
    [data-id="SHARP-H4-FV"],
    [data-id="SOLITY-GG-33B"]
  ) .product-media-premium>img{
    transform:none!important;
  }
  .visual-v058.page-products .product-card-premium:is(
    [data-id="AVOLOCK-AC-997F"],[data-id="AVOLOCK-AL80FRVT"],[data-id="AVOLOCK-AN390"],[data-id="AVOLOCK-AN391"],
    [data-id="KAADAS-M5-B"],
    [data-id="OSUNO-OSN-2602"],[data-id="OSUNO-OSN-2606"],[data-id="OSUNO-OSN-3357"],[data-id="OSUNO-OSN-3359"],[data-id="OSUNO-OSN-3373"],[data-id="OSUNO-OSN-3601"],[data-id="OSUNO-OSN-KBT10"],[data-id="OSUNO-OSN-KBT11"],
    [data-id="PHILIPS-DDL720-MVP-17HWS"],[data-id="PHILIPS-DDL801-5HBS"],[data-id="PHILIPS-DDL902-MVP-11HWS"],
    [data-id="SHARP-H4-FV"],[data-id="SOLITY-GG-33B"]
  ) .product-media-premium{
    padding-top:42px!important;
  }

  /* Featured recommendations: slightly stronger image presence, same card system. */
  .visual-v047.page-products .featured-product-grid{
    gap:14px!important;
  }
  .visual-v047.page-products .featured-product-media{
    height:350px!important;
    padding:10px 18px!important;
  }

  /* Keep PDP composition compact on wide desktop without changing its architecture. */
  .visual-v047.page-product-detail .pdp-wrap{
    padding-top:30px!important;
    padding-bottom:58px!important;
  }
  .visual-v047.page-product-detail .related-section{
    margin-top:26px!important;
  }
}



/* =========================================================
   v0.65 — CONSOLIDATED CATALOGUE VISUAL NORMALIZATION
   Controlled scope:
   - desktop catalogue/PDP media-stage normalization only
   - consistent clean/white presentation and safe logo/feature zones
   - no mobile layout redesign
   - exact-model media replacement only where controlled source is cleaner
   ========================================================= */
@media (min-width:1181px){
  /* One clean media stage across all brands. The source image remains exact-model;
     non-white source art is contained rather than destructively cropped. */
  .visual-v047.page-products .product-media-premium,
  .visual-v047.page-products .featured-product-media{
    background:#fff!important;
  }
  .visual-v047.page-products .product-media-premium{
    padding:48px 48px 20px!important;
  }
  .visual-v047.page-products .product-media-premium>img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:scale(1.02)!important;
    transform-origin:center center!important;
    mix-blend-mode:normal!important;
  }
  /* Reserve a stable logo zone; never allow the hero to sit underneath it. */
  .visual-v047.page-products .card-brand-mark,
  .visual-v047.page-products .featured-brand-mark{
    background:rgba(255,255,255,.98)!important;
    border:1px solid #e2e8eb!important;
    border-radius:8px!important;
    box-shadow:0 2px 8px rgba(20,45,73,.045)!important;
    padding:3px 8px!important;
    height:27px!important;
    min-width:50px!important;
    max-width:96px!important;
  }
  .visual-v047.page-products .card-brand-mark img,
  .visual-v047.page-products .featured-brand-mark img{
    max-height:18px!important;
    max-width:78px!important;
    object-fit:contain!important;
  }
  /* Feature rail stays outside the central product footprint. */
  .visual-v047.page-products .feature-side-left .media-feature-strip{left:8px!important}
  .visual-v047.page-products .feature-side-right .media-feature-strip{right:8px!important}

  /* Per-SKU optical fit: small corrections only; no global unsafe zoom. */
  .visual-v047.page-products .product-card-premium[data-id="SOLITY-GG-33B"] .product-media-premium>img{transform:scale(1.04)!important}
  .visual-v047.page-products .product-card-premium[data-id="AVOLOCK-AN390"] .product-media-premium>img{transform:scale(1.04)!important}
  .visual-v047.page-products .product-card-premium:is(
    [data-id="KAADAS-6001"],
    [data-id="KAADAS-6002"],
    [data-id="AVOLOCK-AC-997F"],
    [data-id="AVOLOCK-AN391"],
    [data-id="SHARP-H4-FV"]
  ) .product-media-premium>img{transform:scale(.98)!important}

  /* Cleaner PDP canvas without changing approved PDP composition. */
  .visual-v047.page-product-detail .pdp-main-image{background:#fff!important}
  .visual-v047.page-product-detail .pdp-main-image img{mix-blend-mode:normal!important}
}


/* ============================================================
   v0.67 — Founder consolidated visual defect patch
   Scope only: HEXA brand strip, filter/PDP readability, exact-model
   hero cleanup, discovery/process/service image framing.
   No commercial, legal, CTA, routing or architecture changes.
   ============================================================ */

/* Brand rail — add the eighth controlled supplier identity without redesign. */
.visual-v067.page-products .brand-rail-scroll{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:center!important;
}
.visual-v067.page-products .brand-logo-tile{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.visual-v067.page-products .brand-logo-tile.brand-hexa img{
  max-width:118px!important;
  max-height:32px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}

/* Product filters — subtle contrast from white product cards; taxonomy/logic unchanged. */
.visual-v067.page-products .catalog-sidebar{
  background:#eef3f3!important;
  border-color:#cbd9d9!important;
}
.visual-v067.page-products .filter-panel-head{
  background:#e4ecec!important;
  border-bottom:1px solid #cbd8d8!important;
  margin:0 -14px 2px!important;
  padding:13px 14px 11px!important;
  border-radius:15px 15px 0 0!important;
}
.visual-v067.page-products .filter-panel-head span{
  color:#173f58!important;
  font-size:14px!important;
  font-weight:720!important;
}
.visual-v067.page-products .filter-panel-head small{
  color:#607985!important;
  font-size:10.5px!important;
}
.visual-v067.page-products .filter-group summary{
  color:#315566!important;
  font-size:12.4px!important;
  font-weight:680!important;
}
.visual-v067.page-products .filter-option{
  color:#405d69!important;
  font-size:11.8px!important;
  line-height:1.42!important;
}

/* PDP technical information — typography/readability only. */
.visual-v067.page-product-detail .v046-info-stack summary{
  min-height:50px!important;
  padding:15px 1px!important;
  font-size:13.4px!important;
  line-height:1.35!important;
  font-weight:680!important;
  color:#254f64!important;
}
.visual-v067.page-product-detail .v046-info-stack .pdp-detail-content{
  padding:1px 1px 17px!important;
  font-size:12.4px!important;
  line-height:1.62!important;
  color:#536c79!important;
}
.visual-v067.page-product-detail .v046-info-stack .spec-table{
  font-size:12px!important;
  line-height:1.5!important;
}
.visual-v067.page-product-detail .v046-info-stack .spec-table td{
  padding:9px 6px!important;
  vertical-align:top!important;
}
.visual-v067.page-product-detail .v046-info-stack .spec-table td:first-child{
  width:40%!important;
  color:#365a6b!important;
  font-weight:650!important;
}

/* Public product hero safety. Exact model media remains contained on a neutral canvas. */
.visual-v067.page-products .product-media-premium,
.visual-v067.page-products .featured-product-media{
  background:#fff!important;
}
.visual-v067.page-products .product-media-premium>img,
.visual-v067.page-products .featured-product-media>img{
  object-fit:contain!important;
  object-position:center!important;
  max-width:100%!important;
  max-height:100%!important;
}
.visual-v067.page-products .product-card-premium:is(
  [data-id="OSUNO-OSN-3359"],
  [data-id="SOLITY-GSP-2000BK"],
  [data-id="SOLITY-GG-33B"]
) .product-media-premium>img{
  transform:none!important;
  padding:2px!important;
}
.visual-v067.page-products .product-card-premium[data-id="SOLITY-GSP-2000BK"] .product-media-premium>img{
  transform:scale(.94)!important;
}
.visual-v067.page-products .product-card-premium[data-id="SOLITY-GG-33B"] .product-media-premium>img{
  transform:scale(.96)!important;
}

/* Six discovery tiles — reveal complete image composition instead of aggressive crop. */
.visual-v067.page-products .quick-choice-grid-v042 .quick-icon{
  height:196px!important;
  min-height:196px!important;
  background:#eef3f2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.visual-v067.page-products .quick-choice-grid-v042 .quick-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:7px!important;
  transform:none!important;
  filter:none!important;
}
.visual-v067.page-products .quick-choice-grid-v042 .quick-choice-card[data-filter-group="price"] .quick-icon img{
  object-fit:contain!important;
  padding:8px!important;
}

/* “Không cần tự chọn mẫu khóa trước” — full-frame process imagery. */
.visual-v067.page-solutions .v046-process-step{overflow:hidden!important}
.visual-v067.page-solutions .v046-step-visual{
  height:150px!important;
  background:#eef3f2!important;
  overflow:hidden!important;
}
.visual-v067.page-solutions .v046-step-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4px!important;
  transform:none!important;
  filter:none!important;
}

/* Installation workflow/service cards — same complete-frame treatment. */
.visual-v067.page-installation .v050-install-visual{
  height:180px!important;
  background:#eef3f2!important;
  overflow:hidden!important;
}
.visual-v067.page-installation .v050-install-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4px!important;
  transform:none!important;
  filter:none!important;
}

@media(max-width:1050px){
  .visual-v067.page-products .brand-rail-scroll{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    scrollbar-width:thin!important;
  }
  .visual-v067.page-products .brand-logo-tile{min-width:132px!important;width:132px!important;flex:0 0 132px!important}
}
@media(max-width:700px){
  .visual-v067.page-products .quick-choice-grid-v042 .quick-icon{
    height:176px!important;
    min-height:176px!important;
  }
  .visual-v067.page-products .quick-choice-grid-v042 .quick-icon img{padding:6px!important}
  .visual-v067.page-solutions .v046-process-step{
    display:block!important;
    min-height:0!important;
  }
  .visual-v067.page-solutions .v046-step-visual{
    width:100%!important;
    height:190px!important;
    margin:0 0 12px!important;
    grid-row:auto!important;
  }
  .visual-v067.page-installation .v050-install-visual{height:210px!important}
  .visual-v067.page-product-detail .v046-info-stack summary{font-size:13px!important}
  .visual-v067.page-product-detail .v046-info-stack .pdp-detail-content,
  .visual-v067.page-product-detail .v046-info-stack .spec-table{font-size:12px!important}
}


/* ============================================================
   v0.68 — Founder catalogue-wide hero normalization / filter density /
   PDP media-balance refinement. Visual-only controlled patch.
   Commercial, legal, CTA, routing and indexing controls preserved.
   ============================================================ */

/* Catalogue filter: darker anchor, denser scan rhythm; logic/taxonomy unchanged. */
.visual-v068.page-products .catalog-sidebar{
  background:#dfe8e8!important;
  border-color:#bccdce!important;
  box-shadow:0 8px 22px rgba(24,56,72,.07)!important;
  padding:0 13px 12px!important;
}
.visual-v068.page-products .filter-panel-head{
  background:#d2dfe0!important;
  border-bottom:1px solid #b9cbcc!important;
  margin:0 -13px 1px!important;
  padding:13px 13px 10px!important;
  border-radius:15px 15px 0 0!important;
}
.visual-v068.page-products .filter-panel-head span{
  color:#143d52!important;
  font-size:14.5px!important;
  font-weight:760!important;
  letter-spacing:.005em!important;
}
.visual-v068.page-products .filter-panel-head small{
  color:#536f7a!important;
  font-size:10.8px!important;
  font-weight:560!important;
}
.visual-v068.page-products .filter-group{
  margin-top:9px!important;
  padding-top:9px!important;
  border-top-color:#c8d6d7!important;
}
.visual-v068.page-products .filter-group summary{
  padding:7px 1px 6px!important;
  color:#274d5e!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:720!important;
}
.visual-v068.page-products .filter-option{
  margin:4px 0!important;
  gap:7px!important;
  color:#365866!important;
  font-size:12.5px!important;
  line-height:1.32!important;
  font-weight:540!important;
}
.visual-v068.page-products .filter-options{padding-bottom:1px!important}

/* Catalogue-wide hero presentation: neutral white stage and controlled footprint. */
.visual-v068.page-products .product-media-premium,
.visual-v068.page-products .featured-product-media{background:#fff!important}
.visual-v068.page-products .product-media-premium>img,
.visual-v068.page-products .featured-product-media>img{
  object-fit:contain!important;
  object-position:center!important;
  max-width:100%!important;
  max-height:100%!important;
  mix-blend-mode:normal!important;
}

/* PDP: balanced media/information split; reduce wasteful blank stage. */
.visual-v068.page-product-detail .pdp-top-premium{
  grid-template-columns:minmax(0,1fr) minmax(360px,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.visual-v068.page-product-detail .pdp-main-image{
  height:560px!important;
  min-height:560px!important;
  background:#fff!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.visual-v068.page-product-detail .pdp-main-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4px!important;
  mix-blend-mode:normal!important;
}
.visual-v068.page-product-detail .pdp-buybox-premium{padding-left:20px!important}

/* PDP technical readability: stronger contrast, size and row rhythm; content unchanged. */
.visual-v068.page-product-detail .v046-info-stack summary{
  min-height:52px!important;
  padding:15px 1px 13px!important;
  font-size:14.2px!important;
  line-height:1.38!important;
  font-weight:720!important;
  color:#214b60!important;
}
.visual-v068.page-product-detail .v046-info-stack .pdp-detail-content{
  padding:2px 1px 18px!important;
  font-size:13.2px!important;
  line-height:1.66!important;
  color:#405f6d!important;
  font-weight:450!important;
}
.visual-v068.page-product-detail .v046-info-stack .spec-table{
  font-size:13px!important;
  line-height:1.52!important;
  color:#405d6b!important;
}
.visual-v068.page-product-detail .v046-info-stack .spec-table td{
  padding:10px 7px!important;
  vertical-align:top!important;
  border-bottom-color:#e3eaed!important;
}
.visual-v068.page-product-detail .v046-info-stack .spec-table td:first-child{
  width:39%!important;
  color:#294f61!important;
  font-weight:700!important;
}

@media(max-width:900px){
  .visual-v068.page-product-detail .pdp-top-premium{grid-template-columns:1fr!important;gap:14px!important}
  .visual-v068.page-product-detail .pdp-main-image{height:480px!important;min-height:480px!important}
  .visual-v068.page-product-detail .pdp-buybox-premium{padding:14px 0 2px!important}
}
@media(max-width:560px){
  .visual-v068.page-products .catalog-sidebar{background:#e1e9e9!important}
  .visual-v068.page-product-detail .pdp-main-image{height:390px!important;min-height:390px!important;padding:5px!important}
  .visual-v068.page-product-detail .v046-info-stack summary{font-size:13.7px!important}
  .visual-v068.page-product-detail .v046-info-stack .pdp-detail-content,
  .visual-v068.page-product-detail .v046-info-stack .spec-table{font-size:12.6px!important}
}

/* v0.69 Founder critical visual defect correction */
.visual-v069.page-products .quick-choice-grid-v042 .quick-icon{height:255px!important;min-height:255px!important;background:#fff!important;border-bottom:1px solid #edf1f2!important}
.visual-v069.page-products .quick-choice-grid-v042 .quick-icon img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:10px 14px!important;transform:none!important}
.visual-v069.page-products .quick-choice-grid-v042 .quick-choice-card{overflow:hidden!important;background:#fff!important}
.visual-v069.page-products .brand-showroom{overflow:hidden!important}
.visual-v069.page-products .brand-rail-scroll{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:0!important;overflow:visible!important}
.visual-v069.page-products .brand-logo-tile{min-width:0!important;width:auto!important;height:76px!important;padding:12px 14px!important;border-right:1px solid #e3e9eb!important}
.visual-v069.page-products .brand-logo-tile:last-child{border-right:0!important}
.visual-v069.page-products .brand-logo-tile img{max-height:38px!important;max-width:132px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.visual-v069.page-products .brand-logo-tile.brand-hexa img{max-height:42px!important;max-width:128px!important;transform:scale(1.18)!important}
@media(min-width:901px){
.visual-v069.page-products .catalog-toolbar2{margin-top:16px!important}
.visual-v069.page-products .catalog-layout{display:block!important}
.visual-v069.page-products .catalog-sidebar{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;display:flex!important;align-items:stretch!important;gap:8px!important;padding:8px!important;margin:0 0 18px!important;background:#eef3f3!important;border:1px solid #cfdbdc!important;border-radius:14px!important;overflow:visible!important;z-index:18!important;box-shadow:none!important}
.visual-v069.page-products .filter-panel-head{display:flex!important;align-items:center!important;min-width:166px!important;margin:0!important;padding:9px 12px!important;border:0!important;border-radius:10px!important;background:#dce7e7!important}
.visual-v069.page-products .filter-panel-head small{display:none!important}.visual-v069.page-products .filter-panel-close{display:none!important}
.visual-v069.page-products .filter-group{position:relative!important;flex:1 1 0!important;min-width:135px!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;border-radius:10px!important}
.visual-v069.page-products .filter-group summary{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 12px!important;font-size:12.5px!important;font-weight:700!important;color:#234c5f!important;cursor:pointer!important;list-style:none!important}
.visual-v069.page-products .filter-group summary::-webkit-details-marker{display:none!important}.visual-v069.page-products .filter-group summary::after{content:"⌄";font-size:14px;color:#6c848e}
.visual-v069.page-products .filter-options{display:none!important;position:absolute!important;left:0!important;top:calc(100% + 5px)!important;z-index:40!important;min-width:220px!important;max-height:320px!important;overflow:auto!important;background:#fff!important;border:1px solid #cedbdd!important;border-radius:12px!important;padding:9px 11px!important;box-shadow:0 14px 34px rgba(20,48,65,.13)!important}
.visual-v069.page-products .filter-group[open] .filter-options,.visual-v069.page-products .filter-group:hover .filter-options,.visual-v069.page-products .filter-group:focus-within .filter-options{display:block!important}
.visual-v069.page-products .filter-option{padding:6px 2px!important;margin:0!important;font-size:12.5px!important}
.visual-v069.page-products .filter-panel-actions{display:flex!important;align-items:center!important;margin:0!important;padding:0!important}.visual-v069.page-products .filter-panel-actions .btn{min-height:44px!important;padding:8px 12px!important}.visual-v069.page-products .filter-apply-mobile{display:none!important}.visual-v069.page-products .catalog-main{width:100%!important;min-width:0!important}
}
.visual-v069.page-products .product-media-premium,.visual-v069.page-products .featured-product-media,.visual-v069.page-product-detail .pdp-main-image,.visual-v069.page-product-detail .v046-pdp-media{background:#fff!important;background-image:none!important}
.visual-v069.page-products .product-media-premium>img,.visual-v069.page-products .featured-product-media>img{width:100%!important;height:100%!important;object-fit:contain!important;padding:14px!important;box-sizing:border-box!important}
.visual-v069.page-product-detail .pdp-main-image{height:600px!important;min-height:600px!important;border-radius:18px!important;border:1px solid #edf0f1!important}
.visual-v069.page-product-detail .pdp-main-image img{width:100%!important;height:100%!important;object-fit:contain!important;padding:22px!important}
.visual-v069.page-product-detail .pdp-brand-row img{width:auto!important;height:38px!important;max-width:150px!important;object-fit:contain!important;filter:none!important;image-rendering:auto!important}
.visual-v069.page-solutions .v046-process-step{min-height:0!important;padding:0 0 16px!important;display:block!important}
.visual-v069.page-solutions .v046-step-visual{display:block!important;width:100%!important;height:210px!important;margin:0 0 14px!important;background:#fff!important;overflow:hidden!important}
.visual-v069.page-solutions .v046-step-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 50%!important;padding:0!important}
.visual-v069.page-installation .v36-process-card{padding:0 0 22px!important;overflow:hidden!important;min-height:0!important}
.visual-v069.page-installation .v050-install-visual{height:230px!important;margin:0 0 18px!important;background:#fff!important;overflow:hidden!important}
.visual-v069.page-installation .v050-install-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important}
.visual-v069.page-installation .v36-process-card>span,.visual-v069.page-installation .v36-process-card>h3,.visual-v069.page-installation .v36-process-card>p{margin-left:22px!important;margin-right:22px!important}
.visual-v069.page-warranty .section{padding-top:42px!important;padding-bottom:42px!important}.visual-v069.page-warranty .section + .section{padding-top:24px!important}.visual-v069.page-warranty .v36-page-hero{padding-bottom:42px!important}.visual-v069.page-warranty .section-head{margin-bottom:22px!important}.visual-v069.page-warranty .v36-process-grid{margin-top:8px!important}
.visual-v069.page-home .v069-home-featured{padding:72px 0!important;background:#fff!important}.visual-v069.page-home .featured-product-grid{margin-top:24px!important}
@media(max-width:900px){.visual-v069.page-products .brand-rail-scroll{display:flex!important;overflow-x:auto!important;gap:8px!important}.visual-v069.page-products .brand-logo-tile{flex:0 0 132px!important;width:132px!important;min-width:132px!important;border:1px solid #e1e8ea!important;border-radius:10px!important}.visual-v069.page-products .quick-choice-grid-v042 .quick-icon{height:220px!important;min-height:220px!important}.visual-v069.page-product-detail .pdp-main-image{height:470px!important;min-height:470px!important}.visual-v069.page-solutions .v046-process-step{display:block!important}.visual-v069.page-solutions .v046-step-visual{height:220px!important;width:100%!important;margin:0 0 14px!important}.visual-v069.page-installation .v050-install-visual{height:230px!important}}
@media(max-width:560px){.visual-v069.page-products .quick-choice-grid-v042 .quick-icon{height:205px!important;min-height:205px!important}.visual-v069.page-product-detail .pdp-main-image{height:390px!important;min-height:390px!important}.visual-v069.page-product-detail .pdp-main-image img{padding:12px!important}.visual-v069.page-solutions .v046-step-visual,.visual-v069.page-installation .v050-install-visual{height:205px!important}}


/* ============================================================
   v0.70 — PREMIUM FOUNDER REMEDIATION
   Cohesion + product media + PDP + filter surface only.
   Commercial/legal/routing/indexing controls preserved.
   ============================================================ */

:root{
  --v070-green:#0f4f46;
  --v070-green-2:#143f3a;
  --v070-green-soft:#edf5f2;
  --v070-ink:#14334a;
  --v070-line:#d9e4e4;
}

/* 1. Global rhythm: remove fragmented blank bands without crowding content. */
.visual-v070 .section,
.visual-v070 .premium-section{padding-top:52px!important;padding-bottom:52px!important}
.visual-v070 .section + .section,
.visual-v070 .premium-section + .premium-section{margin-top:0!important}
.visual-v070 .section-head{margin-bottom:24px!important}
.visual-v070 .section-head.compact{margin-bottom:20px!important}
.visual-v070 main>section:first-child{padding-top:44px!important}
.visual-v070 main>section:last-child{padding-bottom:58px!important}
.visual-v070 .v36-clean-section{padding-top:48px!important;padding-bottom:48px!important}
.visual-v070 .v069-home-featured{padding-top:58px!important;padding-bottom:58px!important}

/* 2. Homepage featured six — coherent premium card/media system. */
.visual-v070.page-home .featured-product-grid{gap:16px!important}
.visual-v070.page-home .featured-product-card{
  border:1px solid #dce5e7!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 8px 26px rgba(19,52,67,.055)!important;overflow:hidden!important;
}
.visual-v070.page-home .featured-product-media{
  height:360px!important;min-height:360px!important;background:#fff!important;background-image:none!important;
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:18px 54px 18px 22px!important;overflow:hidden!important;
}
.visual-v070.page-home .featured-product-media>img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
  padding:8px!important;box-sizing:border-box!important;background:#fff!important;
}
.visual-v070.page-home .featured-brand-mark{
  position:absolute!important;left:14px!important;top:14px!important;z-index:6!important;
  width:104px!important;height:34px!important;padding:5px 9px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;background:#fff!important;
  border:1px solid #e0e8ea!important;border-radius:9px!important;
}
.visual-v070.page-home .featured-brand-mark img{
  display:block!important;width:auto!important;height:auto!important;max-width:84px!important;max-height:22px!important;
  object-fit:contain!important;transform:none!important;
}
/* normalize optical weight rather than raw image pixel dimensions */
.visual-v070.page-home .featured-product-card[data-brand="OSUNO"] .featured-brand-mark img{max-width:72px!important;max-height:20px!important}
.visual-v070.page-home .featured-product-card[data-brand="PHILIPS"] .featured-brand-mark img,
.visual-v070.page-home .featured-product-card[data-brand="SHARP"] .featured-brand-mark img,
.visual-v070.page-home .featured-product-card[data-brand="KAADAS"] .featured-brand-mark img{max-width:82px!important;max-height:22px!important}
.visual-v070.page-home .featured-product-card[data-brand="SOLITY"] .featured-brand-mark img{max-width:84px!important;max-height:22px!important}
.visual-v070.page-home .featured-role{top:14px!important;right:14px!important;z-index:6!important}
.visual-v070.page-home .media-feature-strip{
  position:absolute!important;right:14px!important;top:74px!important;bottom:auto!important;left:auto!important;
  z-index:7!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:8px!important;width:34px!important;background:transparent!important;padding:0!important;
}
.visual-v070.page-home .media-feature-icon{width:32px!important;height:32px!important;margin:0!important;flex:none!important}
.visual-v070.page-home .featured-product-body{padding:18px 20px 17px!important;background:#fff!important}

/* 3. Discovery tiles — one media plane, no picture-within-picture illusion. */
.visual-v070.page-products .quick-choice-grid-v042{gap:16px!important}
.visual-v070.page-products .quick-choice-card{
  background:#fff!important;border:1px solid #dce5e7!important;border-radius:18px!important;
  box-shadow:0 8px 24px rgba(20,54,70,.045)!important;
}
.visual-v070.page-products .quick-choice-grid-v042 .quick-icon{
  height:294px!important;min-height:294px!important;padding:0!important;background:#fff!important;overflow:hidden!important;
  border-bottom:1px solid #e4eaec!important;
}
.visual-v070.page-products .quick-choice-grid-v042 .quick-icon img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  padding:0!important;margin:0!important;filter:none!important;transform:none!important;background:#fff!important;
}
.visual-v070.page-products .quick-choice-grid-v042 .v053-budget-photo img{object-fit:contain!important;padding:16px!important}
.visual-v070.page-products .quick-choice-card .quick-kicker{margin-top:17px!important}

/* 4. Brand strip — all eight brands one premium row, HEXA equalized. */
.visual-v070.page-products .brand-showroom{background:#fff!important;border:1px solid #dbe4e6!important;border-radius:16px!important;padding:0!important}
.visual-v070.page-products .brand-rail-scroll{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:0!important;overflow:visible!important}
.visual-v070.page-products .brand-logo-tile{height:78px!important;padding:13px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-right:1px solid #e4eaeb!important}
.visual-v070.page-products .brand-logo-tile:last-child{border-right:0!important}
.visual-v070.page-products .brand-logo-tile img{width:auto!important;height:auto!important;max-width:116px!important;max-height:32px!important;object-fit:contain!important;transform:none!important}
.visual-v070.page-products .brand-logo-tile.brand-hexa img{max-width:108px!important;max-height:33px!important;transform:scale(1.08)!important}

/* 5. Premium horizontal filter bar */
@media(min-width:901px){
  .visual-v070.page-products .catalog-sidebar{
    background:linear-gradient(135deg,var(--v070-green),var(--v070-green-2))!important;
    border:0!important;border-radius:16px!important;padding:10px!important;gap:8px!important;
    box-shadow:0 10px 26px rgba(15,79,70,.13)!important;margin-bottom:20px!important;
  }
  .visual-v070.page-products .filter-panel-head{
    min-width:150px!important;background:rgba(255,255,255,.11)!important;color:#fff!important;
    border:1px solid rgba(255,255,255,.14)!important;justify-content:center!important;text-align:center!important;
  }
  .visual-v070.page-products .filter-panel-head span{color:#fff!important;font-size:13px!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:uppercase!important}
  .visual-v070.page-products .filter-group{background:rgba(255,255,255,.97)!important;border-radius:10px!important}
  .visual-v070.page-products .filter-group summary{
    justify-content:center!important;gap:10px!important;text-align:center!important;text-transform:uppercase!important;
    letter-spacing:.018em!important;font-size:12px!important;font-weight:800!important;color:#204d47!important;padding:9px 10px!important;
  }
  .visual-v070.page-products .filter-options{padding:7px 10px!important;min-width:214px!important}
  .visual-v070.page-products .filter-option{padding:3px 1px!important;line-height:1.22!important;font-size:12.3px!important}
  .visual-v070.page-products .filter-option label{gap:7px!important}
  .visual-v070.page-products .filter-panel-actions .btn{border-radius:10px!important;font-weight:800!important;min-height:42px!important}
}

/* 6. Catalogue product cards — clean white image field + vertical feature rail. */
.visual-v070.page-products .product-card-premium{background:#fff!important;border-color:#dce5e7!important;box-shadow:0 7px 22px rgba(20,54,70,.04)!important}
.visual-v070.page-products .product-media-premium{height:360px!important;min-height:360px!important;background:#fff!important;background-image:none!important;padding:0!important;overflow:hidden!important}
.visual-v070.page-products .product-media-premium>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:20px 46px 18px 24px!important;background:#fff!important;box-sizing:border-box!important}
.visual-v070.page-products .product-media-premium .media-feature-strip{position:absolute!important;right:12px!important;top:86px!important;bottom:auto!important;left:auto!important;display:flex!important;flex-direction:column!important;gap:7px!important;width:34px!important;background:transparent!important;padding:0!important}
.visual-v070.page-products .product-media-premium .media-feature-icon{width:31px!important;height:31px!important;margin:0!important}

/* 7. PDP — larger product stage, true white, stronger technical information. */
.visual-v070.page-product-detail .pdp-wrap{background:#fff!important;padding-top:34px!important}
.visual-v070.page-product-detail .pdp-master-module{background:#fff!important;border:1px solid #dbe4e6!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 16px 44px rgba(20,54,70,.07)!important}
.visual-v070.page-product-detail .pdp-top-premium{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;align-items:stretch!important;background:#fff!important}
.visual-v070.page-product-detail .pdp-gallery-premium{background:#fff!important;padding:20px!important;border-right:1px solid #e1e8ea!important}
.visual-v070.page-product-detail .v046-pdp-media{background:#fff!important;background-image:none!important;min-height:620px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}
.visual-v070.page-product-detail .pdp-main-image{height:620px!important;min-height:620px!important;width:100%!important;background:#fff!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.visual-v070.page-product-detail .pdp-main-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:36px 56px!important;background:#fff!important;box-sizing:border-box!important}
.visual-v070.page-product-detail .pdp-feature-icons{left:16px!important;top:50%!important;transform:translateY(-50%)!important;gap:9px!important;z-index:8!important}
.visual-v070.page-product-detail .pdp-buybox-premium{background:#fff!important;padding:34px 34px 28px!important}
.visual-v070.page-product-detail .pdp-brand-row img{height:34px!important;max-width:140px!important;object-fit:contain!important}
.visual-v070.page-product-detail .pdp-buybox-premium h1{font-size:38px!important;line-height:1.05!important;margin-top:8px!important}
.visual-v070.page-product-detail .pdp-summary{font-size:15.5px!important;line-height:1.62!important;color:#445f70!important}
.visual-v070.page-product-detail .pdp-detail-section summary{font-size:15px!important;font-weight:800!important;color:#183c51!important;padding:16px 2px!important}
.visual-v070.page-product-detail .spec-table td{font-size:14.2px!important;line-height:1.42!important;padding:10px 8px!important;color:#264b5f!important;border-bottom:1px solid #e1e7e9!important}
.visual-v070.page-product-detail .spec-table td:first-child{font-weight:800!important;color:#173d53!important;width:40%!important}
.visual-v070.page-product-detail .pdp-detail-content p{font-size:14.4px!important;line-height:1.62!important;color:#3f5c6d!important}

/* 8. Related products — fixed white media stage, never crop tall locks. */
.visual-v070.page-product-detail .related-grid{gap:16px!important}
.visual-v070.page-product-detail .related-card{background:#fff!important;border:1px solid #dce5e7!important;border-radius:16px!important;padding:12px!important;overflow:hidden!important}
.visual-v070.page-product-detail .related-media{display:flex!important;align-items:center!important;justify-content:center!important;height:220px!important;background:#fff!important;border-radius:12px!important;overflow:hidden!important;margin-bottom:12px!important}
.visual-v070.page-product-detail .related-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:12px!important;background:#fff!important;box-sizing:border-box!important}

/* 9. Warranty spacing */
.visual-v070.page-warranty .v36-page-hero{padding-top:42px!important;padding-bottom:34px!important}
.visual-v070.page-warranty .section{padding-top:38px!important;padding-bottom:38px!important}
.visual-v070.page-warranty .section + .section{padding-top:24px!important}
.visual-v070.page-warranty .v36-process-grid,.visual-v070.page-warranty .service-grid,.visual-v070.page-warranty .faq-grid{margin-top:16px!important}

/* Mobile: retain density without regressions. */
@media(max-width:900px){
  .visual-v070 .section,.visual-v070 .premium-section{padding-top:38px!important;padding-bottom:38px!important}
  .visual-v070.page-home .featured-product-media{height:320px!important;min-height:320px!important;padding-right:48px!important}
  .visual-v070.page-products .brand-rail-scroll{display:flex!important;overflow-x:auto!important;gap:8px!important;padding:8px!important}
  .visual-v070.page-products .brand-logo-tile{flex:0 0 128px!important;width:128px!important;min-width:128px!important;border:1px solid #e1e8ea!important;border-radius:10px!important}
  .visual-v070.page-products .quick-choice-grid-v042 .quick-icon{height:240px!important;min-height:240px!important}
  .visual-v070.page-product-detail .pdp-top-premium{display:block!important}
  .visual-v070.page-product-detail .pdp-gallery-premium{border-right:0!important;border-bottom:1px solid #e1e8ea!important;padding:14px!important}
  .visual-v070.page-product-detail .v046-pdp-media,.visual-v070.page-product-detail .pdp-main-image{min-height:480px!important;height:480px!important}
  .visual-v070.page-product-detail .pdp-main-image img{padding:26px 42px!important}
  .visual-v070.page-product-detail .pdp-buybox-premium{padding:26px 22px!important}
  .visual-v070.page-product-detail .pdp-buybox-premium h1{font-size:32px!important}
}
@media(max-width:560px){
  .visual-v070.page-home .featured-product-media{height:290px!important;min-height:290px!important}
  .visual-v070.page-products .quick-choice-grid-v042 .quick-icon{height:220px!important;min-height:220px!important}
  .visual-v070.page-products .product-media-premium{height:320px!important;min-height:320px!important}
  .visual-v070.page-product-detail .v046-pdp-media,.visual-v070.page-product-detail .pdp-main-image{min-height:390px!important;height:390px!important}
  .visual-v070.page-product-detail .pdp-main-image img{padding:18px 30px!important}
  .visual-v070.page-product-detail .related-media{height:190px!important}
}

/* v0.71 — controlled catalogue/media/PDP composition delta. */
/* Each context has its own rhythm; legal, prices, routing and runtime controls are unchanged. */
body.visual-v071.visual-v070.page-products .catalog-shell{padding:24px 0 40px!important;background:#f7f9f8!important}
body.visual-v071.visual-v070.page-products .brand-showroom{margin-bottom:14px!important}
body.visual-v071.visual-v070.page-products .brand-logo-tile{height:64px!important;padding:10px 12px!important}
body.visual-v071.visual-v070.page-products .catalog-toolbar2{padding:0 0 12px!important;min-height:40px!important}
body.visual-v071.visual-v070.page-products .catalog-sidebar{margin-bottom:16px!important}
body.visual-v071.visual-v070.page-products .product-media-premium,
body.visual-v071.visual-v070.page-home .featured-product-media{height:310px!important;min-height:310px!important;padding:64px 48px 24px 24px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;background-image:none!important;isolation:isolate}
body.visual-v071.visual-v070 .product-optical-image{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important;flex:1 1 auto!important;background:#fff!important;transform:none!important;filter:none!important}
body.visual-v071.visual-v070 .product-optical-image image{filter:none!important}
body.visual-v071.visual-v070.page-products .product-media-premium .card-brand-mark{left:14px!important;top:14px!important;max-width:105px!important;z-index:3!important}
body.visual-v071.visual-v070.page-products .product-media-premium .media-feature-strip{top:72px!important;right:12px!important;gap:7px!important}
body.visual-v071.visual-v070.page-products .product-card-content{padding:16px 18px!important}
body.visual-v071.visual-v070.page-products .model-line{font-size:17px!important;line-height:1.3!important;overflow-wrap:anywhere}
body.visual-v071.visual-v070.page-home .featured-product-media{padding-top:68px!important}
body.visual-v071.visual-v070.page-home .featured-product-body{padding:16px 18px!important}
body.visual-v071.visual-v070.page-home .featured-product-body h3{margin-bottom:8px!important;line-height:1.3!important}

/* PDP — compact media stage, product and information form one module. */
body.visual-v071.visual-v070.page-product-detail .pdp-wrap{padding:24px 0 36px!important}
body.visual-v071.visual-v070.page-product-detail .back-link{margin-bottom:16px!important}
body.visual-v071.visual-v070.page-product-detail .pdp-top-premium{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important;padding:0!important;gap:0!important}
body.visual-v071.visual-v070.page-product-detail .pdp-gallery-premium{padding:24px!important;background:#fff!important;align-self:stretch!important;min-width:0!important}
body.visual-v071.visual-v070.page-product-detail .v046-pdp-media{height:480px!important;min-height:480px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important}
body.visual-v071.visual-v070.page-product-detail .pdp-main-image{height:480px!important;min-height:480px!important;padding:18px 22px 18px 72px!important;background:#fff!important;background-image:none!important;overflow:hidden!important}
body.visual-v071.visual-v070.page-product-detail .pdp-main-image>img{padding:0!important;object-fit:contain!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
body.visual-v071.visual-v070.page-product-detail .pdp-feature-icons{left:4px!important;top:50%!important;transform:translateY(-50%)!important;gap:8px!important;flex-wrap:nowrap!important}
body.visual-v071.visual-v070.page-product-detail .pdp-buybox-premium{padding:28px 30px 24px!important;min-width:0!important}
body.visual-v071.visual-v070.page-product-detail .pdp-buybox-premium h1{font-size:clamp(28px,2.6vw,36px)!important;line-height:1.12!important;margin:10px 0 10px!important;overflow-wrap:anywhere}
body.visual-v071.visual-v070.page-product-detail .pdp-summary{font-size:15px!important;line-height:1.55!important;margin:12px 0 16px!important}
body.visual-v071.visual-v070.page-product-detail .pdp-details-accordion{margin-top:18px!important;padding:0!important}
body.visual-v071.visual-v070.page-product-detail .pdp-detail-section summary{padding:13px 2px!important}
body.visual-v071.visual-v070.page-product-detail .spec-table td{padding:8px 6px!important;font-size:13.5px!important;line-height:1.4!important;overflow-wrap:anywhere}
body.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta{padding:18px 24px!important;margin:0!important}
body.visual-v071.visual-v070.page-product-detail .related-section{margin-top:30px!important;padding:0!important}
body.visual-v071.visual-v070.page-product-detail .related-media{height:200px!important;padding:12px!important}

/* Home: continuous discovery rhythm, sufficient space around image-led cards. */
body.visual-v071.visual-v070.page-home .v36-home-hero{padding-top:36px!important;padding-bottom:36px!important}
body.visual-v071.visual-v070.page-home .v052-situation-section{padding-top:32px!important;padding-bottom:34px!important}
body.visual-v071.visual-v070.page-home .v052-value-section{padding-top:34px!important;padding-bottom:34px!important}
body.visual-v071.visual-v070.page-home .v36-clean-section{padding-top:36px!important;padding-bottom:36px!important}
body.visual-v071.visual-v070.page-home .v36-soft-section{padding-top:36px!important;padding-bottom:36px!important}
body.visual-v071.visual-v070.page-home .v069-home-featured{padding-top:38px!important;padding-bottom:38px!important}
body.visual-v071.visual-v070.page-home #door-fit{padding-top:36px!important;padding-bottom:36px!important}
body.visual-v071.visual-v070.page-home main>.section:last-child{padding-top:36px!important;padding-bottom:42px!important}
body.visual-v071.visual-v070.page-home .section-head{margin-bottom:20px!important}
body.visual-v071.visual-v070.page-home .featured-product-grid{margin-top:20px!important;gap:16px!important}

/* Service and institutional pages: tighter transitions, independent of catalogue. */
body.visual-v071.visual-v070:is(.page-warranty,.page-installation,.page-about,.page-contact,.page-solutions) .v36-page-hero{padding-top:36px!important;padding-bottom:28px!important}
body.visual-v071.visual-v070:is(.page-warranty,.page-installation,.page-about,.page-contact,.page-solutions) .v36-clean-section{padding-top:28px!important;padding-bottom:32px!important}
body.visual-v071.visual-v070:is(.page-warranty,.page-installation,.page-about,.page-contact,.page-solutions) .v36-soft-section{padding-top:32px!important;padding-bottom:32px!important}
body.visual-v071.visual-v070:is(.page-warranty,.page-installation,.page-about,.page-contact,.page-solutions) .section-head{margin-bottom:20px!important}
body.visual-v071.visual-v070.page-warranty .section + .section{padding-top:24px!important}
body.visual-v071.visual-v070.page-about .section:last-child,body.visual-v071.visual-v070.page-installation .section:last-child{padding-bottom:36px!important}
body.visual-v071.visual-v070.page-legal .section{padding-top:32px!important;padding-bottom:32px!important}
body.visual-v071.visual-v070 .footer{padding-top:36px!important;padding-bottom:26px!important}

@media(max-width:1000px) and (min-width:901px){
 body.visual-v071.visual-v070.page-products .filter-panel-head{min-width:112px!important}
 body.visual-v071.visual-v070.page-products .filter-group{min-width:0!important}
 body.visual-v071.visual-v070.page-products .filter-group summary{font-size:10.5px!important;padding:8px 6px!important}
}
@media(max-width:900px){
 body.visual-v071.visual-v070.page-products .catalog-shell{padding-top:16px!important}
 body.visual-v071.visual-v070.page-products .brand-logo-tile{height:54px!important;flex-basis:110px!important;width:110px!important;min-width:110px!important}
 body.visual-v071.visual-v070.page-products .brand-logo-tile img{max-width:88px!important;max-height:26px!important}
 body.visual-v071.visual-v070.page-products .catalog-sidebar{margin-bottom:0!important}
 body.visual-v071.visual-v070.page-product-detail .pdp-top-premium{display:block!important}
 body.visual-v071.visual-v070.page-product-detail .pdp-gallery-premium{padding:18px!important}
 body.visual-v071.visual-v070.page-product-detail .v046-pdp-media,body.visual-v071.visual-v070.page-product-detail .pdp-main-image{height:400px!important;min-height:400px!important}
 body.visual-v071.visual-v070.page-product-detail .pdp-main-image{padding:16px 20px 16px 62px!important}
 body.visual-v071.visual-v070.page-product-detail .pdp-buybox-premium{padding:24px!important;border-left:0!important}
 body.visual-v071.visual-v070.page-home .featured-product-media{height:300px!important;min-height:300px!important}
}
@media(max-width:560px){
 body.visual-v071.visual-v070.page-products .catalog-grid{gap:14px!important}
 body.visual-v071.visual-v070.page-products .product-media-premium{height:300px!important;min-height:300px!important;padding:60px 48px 20px 24px!important}
 body.visual-v071.visual-v070.page-products .catalog-toolbar2{padding-bottom:10px!important;gap:8px!important}
 body.visual-v071.visual-v070.page-products .sort-select{max-width:156px!important;font-size:12px!important;padding:8px 26px 8px 10px!important}
 body.visual-v071.visual-v070.page-products .brand-rail-scroll{padding:6px!important}
 body.visual-v071.visual-v070.page-product-detail .pdp-wrap{padding-top:18px!important}
 body.visual-v071.visual-v070.page-product-detail .pdp-gallery-premium{padding:12px!important}
 body.visual-v071.visual-v070.page-product-detail .v046-pdp-media,body.visual-v071.visual-v070.page-product-detail .pdp-main-image{height:350px!important;min-height:350px!important}
 body.visual-v071.visual-v070.page-product-detail .pdp-main-image{padding:14px 10px 14px 54px!important}
 body.visual-v071.visual-v070.page-product-detail .pdp-feature-icons{left:0!important;gap:6px!important}
 body.visual-v071.visual-v070.page-product-detail .pdp-buybox-premium{padding:22px 18px!important}
 body.visual-v071.visual-v070.page-product-detail .pdp-buybox-premium h1{font-size:28px!important}
 body.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta{padding:16px!important;gap:10px!important}
 body.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta strong{font-size:15px!important}
 body.visual-v071.visual-v070.page-product-detail .related-media{height:190px!important}
 body.visual-v071.visual-v070.page-home .v36-home-hero{padding-top:24px!important;padding-bottom:24px!important}
 body.visual-v071.visual-v070.page-home :is(.v36-clean-section,.v36-soft-section,.v052-situation-section,.v052-value-section,#door-fit){padding-top:26px!important;padding-bottom:26px!important}
 body.visual-v071.visual-v070.page-home .v069-home-featured{padding-top:28px!important;padding-bottom:28px!important}
 body.visual-v071.visual-v070:is(.page-warranty,.page-installation,.page-about,.page-contact,.page-solutions) .v36-page-hero{padding-top:26px!important;padding-bottom:24px!important}
 body.visual-v071.visual-v070:is(.page-warranty,.page-installation,.page-about,.page-contact,.page-solutions) :is(.v36-clean-section,.v36-soft-section){padding-top:24px!important;padding-bottom:26px!important}
 body.visual-v071.visual-v070 .footer{padding-top:28px!important}
}

/* v0.71 final composed PDP and wider viewBox clipping. */
body.visual-v071.visual-v070 .pdp-key-features{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
body.visual-v071.visual-v070 .pdp-technical-panel{border-top:1px solid #e1e8ea;padding:12px 28px 20px;background:#fff}
body.visual-v071.visual-v070 .pdp-technical-panel .spec-table{width:100%;margin:0}
body.visual-v071.visual-v070 .pdp-technical-panel .spec-table td:first-child{width:30%!important}
body.visual-v071.visual-v070.page-product-detail .pdp-gallery-premium{display:flex;flex-direction:column;justify-content:center}
body.visual-v071.visual-v070.page-product-detail .pdp-main-image{display:flex!important;min-width:0!important;border-radius:0!important;box-shadow:none!important}
@media(max-width:560px){body.visual-v071.visual-v070 .pdp-technical-panel{padding:10px 18px 18px}body.visual-v071.visual-v070 .pdp-technical-panel .spec-table td:first-child{width:40%!important}}

/* Keep all feature icons inside the PDP media stage. */
body.visual-v071.visual-v070.page-product-detail .pdp-feature-icons{position:absolute!important;top:50%!important;bottom:auto!important;height:auto!important;width:40px!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;transform:translateY(-50%)!important}
body.visual-v071.visual-v070.page-product-detail .pdp-feature-icons .pdp-feature-icon{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:6px!important;flex:none!important}
body.visual-v071.visual-v070.page-product-detail .pdp-feature-icons .tpss-feature-svg{width:26px!important;height:26px!important}
@media(max-width:560px){body.visual-v071.visual-v070.page-product-detail .pdp-feature-icons{width:32px!important}body.visual-v071.visual-v070.page-product-detail .pdp-feature-icons .pdp-feature-icon{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:4px!important}}

/* Aspect-aware PDP stages: narrow, compact glass/rim, wide special-form. */
body.visual-v071.visual-v070.page-product-detail .pdp-media-compact,body.visual-v071.visual-v070.page-product-detail .pdp-media-compact .pdp-main-image{height:420px!important;min-height:420px!important}
body.visual-v071.visual-v070.page-product-detail .pdp-media-wide,body.visual-v071.visual-v070.page-product-detail .pdp-media-wide .pdp-main-image{height:370px!important;min-height:370px!important}
@media(max-width:900px){body.visual-v071.visual-v070.page-product-detail .pdp-media-compact,body.visual-v071.visual-v070.page-product-detail .pdp-media-compact .pdp-main-image{height:370px!important;min-height:370px!important}body.visual-v071.visual-v070.page-product-detail .pdp-media-wide,body.visual-v071.visual-v070.page-product-detail .pdp-media-wide .pdp-main-image{height:340px!important;min-height:340px!important}}
@media(max-width:560px){body.visual-v071.visual-v070.page-product-detail .pdp-media-compact,body.visual-v071.visual-v070.page-product-detail .pdp-media-compact .pdp-main-image{height:330px!important;min-height:330px!important}body.visual-v071.visual-v070.page-product-detail .pdp-media-wide,body.visual-v071.visual-v070.page-product-detail .pdp-media-wide .pdp-main-image{height:320px!important;min-height:320px!important}}

/* Compact navigation at laptop/tablet widths; same menu and contact routes. */
@media(min-width:901px) and (max-width:1180px){
 body.visual-v071.visual-v070 .nav{height:80px!important;gap:16px!important;position:relative!important}
 body.visual-v071.visual-v070 .brand img{width:auto!important;height:48px!important;max-width:160px!important}
 body.visual-v071.visual-v070 .nav-links{display:none!important}
 body.visual-v071.visual-v070 .mobile-toggle{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid #dce5e7!important;border-radius:12px!important;background:#fff!important}
 body.visual-v071.visual-v070 .actions{margin-left:auto!important;gap:10px!important}
 body.visual-v071.visual-v070 .actions .btn{font-size:12px!important;padding:10px 14px!important;white-space:nowrap!important}
 body.visual-v071.visual-v070.menu-open .nav-links{display:flex!important;position:absolute!important;top:80px!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;background:#fff!important;padding:12px 18px!important;box-shadow:0 14px 30px rgba(20,54,70,.12)!important;border:1px solid #dce5e7!important;border-radius:0 0 16px 16px!important;z-index:100!important}
 body.visual-v071.visual-v070.menu-open .nav-links a{padding:12px 0!important;font-size:15px!important}
}

/* v0.72: source-defect remediation. Preserve natural geometry of very long slim models. */
body.visual-v072.visual-v071.visual-v070.page-products .product-optical-image.shape-slim-long,
body.visual-v072.visual-v071.visual-v070.page-home .product-optical-image.shape-slim-long{
  height:84%!important;max-height:84%!important;flex:0 1 auto!important;
}
body.visual-v072.visual-v071.visual-v070.page-product-detail .related-media .product-optical-image.shape-slim-long{
  height:84%!important;max-height:84%!important;flex:0 1 auto!important;
}

/* Retired v039 catalogue-photo masks must never obscure current normalized media. */
body.visual-v072 .product-media-premium::before,
body.visual-v072 .product-media-premium::after{content:none!important;display:none!important;}

/* v0.73 — Founder visual correction: one white filter surface, red headings. */
body.visual-v073.visual-v071.visual-v070.page-products .catalog-sidebar{
 background:#fff!important;background-image:none!important;border:1px solid #dbe4e6!important;
 box-shadow:0 6px 20px rgba(20,54,70,.045)!important;
}
body.visual-v073.visual-v071.visual-v070.page-products .filter-panel-head,
body.visual-v073.visual-v071.visual-v070.page-products .filter-group{
 background:#fff!important;background-image:none!important;border:1px solid #e3e9eb!important;
 border-radius:10px!important;color:#c92332!important;
}
body.visual-v073.visual-v071.visual-v070.page-products .filter-panel-head span,
body.visual-v073.visual-v071.visual-v070.page-products .filter-group summary{
 color:#c92332!important;font-weight:800!important;letter-spacing:.018em!important;
}
body.visual-v073.visual-v071.visual-v070.page-products .filter-group summary::after{color:#c92332!important;}
body.visual-v073.visual-v071.visual-v070.page-products .filter-group summary:hover,
body.visual-v073.visual-v071.visual-v070.page-products .filter-group summary:focus-visible{
 background:#fff3f4!important;border-radius:9px!important;
}
body.visual-v073.visual-v071.visual-v070.page-products .filter-group[open] summary{background:#fff3f4!important;}
body.visual-v073.visual-v071.visual-v070.page-products .filter-options{background:#fff!important;border-color:#e3e9eb!important;}
body.visual-v073.visual-v071.visual-v070.page-products .brand-showroom,
body.visual-v073.visual-v071.visual-v070.page-products .brand-logo-tile{background:#fff!important;background-image:none!important;}
body.visual-v073.visual-v071.visual-v070.page-products .brand-logo-tile.active{
 background:#fff3f4!important;border-color:#c92332!important;box-shadow:inset 0 -3px 0 #c92332!important;
}
body.visual-v073.visual-v071.visual-v070.page-products .filter-panel-close{color:#c92332!important;}


/* ============================================================
   v0.78 MOTION / PDP TYPOGRAPHY PROTOTYPE
   Founder direction 2026-10-16:
   - homepage premium product glide, no public "autoplay" badge
   - edge triangle navigation
   - subtle product-image hover movement
   - stronger red "Xem đủ 47 sản phẩm" text CTA
   - PDP hierarchy/readability refinement
   Baseline v0.75 commercial/legal/SEO controls preserved.
   ============================================================ */
.motion-v078 .motion-v078-shell{
  position:relative!important;
  margin-top:20px!important;
}
.motion-v078 .motion-v078-track{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-snap-type:x mandatory!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:smooth!important;
}
.motion-v078 .motion-v078-track::-webkit-scrollbar{display:none!important}
.motion-v078 .motion-v078-track>*{scroll-snap-align:start!important;scroll-snap-stop:normal!important}

/* Edge navigation: quiet white hit area, visible triangle only. */
.motion-v078 .motion-v078-arrow{
  position:absolute!important;top:50%!important;z-index:12!important;
  width:44px!important;height:58px!important;padding:0!important;
  transform:translateY(-50%)!important;
  border:1px solid #e1e7e8!important;border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 28px rgba(20,49,70,.10)!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;
  transition:box-shadow .18s ease,border-color .18s ease,opacity .18s ease,background .18s ease!important;
}
.motion-v078 .motion-v078-prev{left:-18px!important}
.motion-v078 .motion-v078-next{right:-18px!important}
.motion-v078 .motion-v078-arrow span{width:0!important;height:0!important;display:block!important}
.motion-v078 .motion-v078-prev span{
  border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:11px solid #173d53!important;
  margin-left:-2px!important;
}
.motion-v078 .motion-v078-next span{
  border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:11px solid #173d53!important;
  margin-right:-2px!important;
}
.motion-v078 .motion-v078-arrow:hover:not(:disabled){
  border-color:#bacbcc!important;background:#fff!important;box-shadow:0 13px 32px rgba(20,49,70,.14)!important;
}
.motion-v078 .motion-v078-arrow:disabled{opacity:.20!important;cursor:default!important;box-shadow:none!important}
.motion-v078 .motion-v078-arrow:active{transform:translateY(-50%) scale(.96)!important}

/* Homepage — same TPSS cards, now browsable/moving. */
.motion-v078.page-home .motion-v078-featured{overflow:hidden!important}
.motion-v078.page-home .motion-v078-featured .featured-product-grid{
  display:flex!important;grid-template-columns:none!important;gap:16px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  padding:6px 2px 18px!important;margin:0!important;
}
.motion-v078.page-home .motion-v078-featured .featured-product-card{
  flex:0 0 calc((100% - 48px)/4)!important;min-width:0!important;
  transform:none!important;
  transition:box-shadow .22s ease,border-color .22s ease!important;
}
.motion-v078.page-home .motion-v078-featured .featured-product-card:hover{
  box-shadow:0 16px 34px rgba(20,49,70,.09)!important;border-color:#cbdad9!important;
}
.motion-v078.page-home .motion-v078-featured .featured-product-media>img{
  transition:transform .22s cubic-bezier(.2,.75,.25,1)!important;
  transform-origin:center 58%!important;
}
.motion-v078.page-home .motion-v078-featured .featured-product-card:hover .featured-product-media>img{
  transform:translateY(-3px) scale(1.018)!important;
}
.motion-v078.page-home .motion-v078-featured .featured-product-card:active .featured-product-media>img{
  transform:translateY(-1px) scale(1.008)!important;
}
.motion-v078.page-home .motion-v078-featured .featured-jump{
  color:#c92332!important;font-weight:760!important;white-space:nowrap!important;
  text-decoration-color:transparent!important;text-underline-offset:4px!important;
  transition:color .18s ease,text-decoration-color .18s ease,transform .18s ease!important;
}
.motion-v078.page-home .motion-v078-featured .featured-jump:hover{
  color:#a91f2c!important;text-decoration:underline!important;text-decoration-color:#c92332!important;transform:translateX(2px)!important;
}

/* PDP related discovery remains manual-only. */
.motion-v078.page-product-detail .motion-v078-related{overflow:hidden!important;margin-top:34px!important}
.motion-v078.page-product-detail .motion-v078-related .related-grid{
  display:flex!important;grid-template-columns:none!important;gap:14px!important;
  overflow-x:auto!important;overflow-y:hidden!important;padding:5px 2px 16px!important;margin:0!important;
}
.motion-v078.page-product-detail .motion-v078-related .related-card{
  flex:0 0 calc((100% - 28px)/3)!important;min-width:0!important;
  transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.motion-v078.page-product-detail .motion-v078-related .related-card:hover{
  transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(20,49,70,.08)!important;border-color:#cbdad9!important;
}
.motion-v078.page-product-detail .motion-v078-related .related-media{
  display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;overflow:hidden!important;border-radius:12px!important;
}
.motion-v078.page-product-detail .motion-v078-related .related-media img{background:#fff!important;object-fit:contain!important}

/* PDP information hierarchy: lighter subsection labels, clearer content/specs. */
.motion-v078.page-product-detail .v046-info-stack summary{
  font-size:15.2px!important;font-weight:680!important;line-height:1.35!important;color:#173d53!important;
  padding:15px 2px!important;
}
.motion-v078.page-product-detail .v046-info-stack .pdp-detail-content{
  font-size:13.8px!important;line-height:1.58!important;color:#405f70!important;padding:0 2px 15px!important;
}
.motion-v078.page-product-detail .pdp-technical-panel>.pdp-detail-section>summary{
  font-size:16.2px!important;font-weight:720!important;letter-spacing:.005em!important;color:#173d53!important;padding:16px 2px!important;
}
.motion-v078.page-product-detail .pdp-technical-panel .spec-table td{
  font-size:14.6px!important;line-height:1.48!important;padding:10px 8px!important;color:#294f63!important;
}
.motion-v078.page-product-detail .pdp-technical-panel .spec-table td:first-child{
  font-weight:650!important;color:#173d53!important;width:32%!important;
}
.motion-v078.page-product-detail .pdp-feature-list .feature-chip{
  font-size:13.2px!important;line-height:1.35!important;
}

@media(max-width:1100px){
  .motion-v078.page-home .motion-v078-featured .featured-product-card{flex-basis:calc((100% - 32px)/3)!important}
}
@media(max-width:780px){
  .motion-v078 .motion-v078-prev{left:2px!important}
  .motion-v078 .motion-v078-next{right:2px!important}
  .motion-v078 .motion-v078-arrow{width:38px!important;height:52px!important;background:rgba(255,255,255,.96)!important}
  .motion-v078.page-home .motion-v078-featured .featured-product-card{flex-basis:80%!important}
  .motion-v078.page-home .motion-v078-featured .featured-product-grid{gap:12px!important;padding-right:18%!important}
  .motion-v078.page-product-detail .motion-v078-related .related-card{flex-basis:80%!important}
  .motion-v078.page-product-detail .motion-v078-related .related-grid{padding-right:18%!important}
  .motion-v078.page-product-detail .v046-info-stack summary{font-size:14.6px!important}
  .motion-v078.page-product-detail .pdp-technical-panel>.pdp-detail-section>summary{font-size:15.5px!important}
  .motion-v078.page-product-detail .pdp-technical-panel .spec-table td{font-size:14px!important}
}
@media(max-width:520px){
  .motion-v078.page-home .motion-v078-featured .featured-product-card,
  .motion-v078.page-product-detail .motion-v078-related .related-card{flex-basis:86%!important}
  .motion-v078.page-home .motion-v078-featured .featured-product-grid,
  .motion-v078.page-product-detail .motion-v078-related .related-grid{padding-right:14%!important}
  .motion-v078.page-product-detail .pdp-technical-panel .spec-table td:first-child{width:39%!important}
}
@media(prefers-reduced-motion:reduce){
  .motion-v078 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
/* v0.78 specificity seal: supersede preserved v0.71 table sizing without touching source data. */
body.motion-v078.visual-v071.visual-v070.page-product-detail .pdp-technical-panel .spec-table td{
  font-size:14.6px!important;line-height:1.48!important;padding:10px 8px!important;color:#294f63!important;
}
body.motion-v078.visual-v071.visual-v070.page-product-detail .pdp-technical-panel .spec-table td:first-child{
  font-weight:650!important;color:#173d53!important;width:32%!important;
}
@media(max-width:780px){
  body.motion-v078.visual-v071.visual-v070.page-product-detail .pdp-technical-panel .spec-table td{font-size:14.2px!important}
}
@media(max-width:520px){
  body.motion-v078.visual-v071.visual-v070.page-product-detail .pdp-technical-panel .spec-table td:first-child{width:39%!important}
}


/* ============================================================
   v0.79 MOTION / UI POLISH REFINEMENT
   Founder direction 2026-10-16:
   - transparent low-emphasis edge triangles; reveal on interaction
   - faster premium homepage glide
   - clearer hover life on homepage product/discovery images
   - refined floating phone icon
   - PDP labels lighter + one step larger; function/spec text clearer
   - consultation CTA becomes white/red breathing emphasis + underline sweep
   - catalogue toolbar + filter typography refined
   Commercial/legal/routing/indexing controls preserved.
   ============================================================ */
.motion-v079 .motion-v079-shell{position:relative!important;margin-top:20px!important}
.motion-v079 .motion-v079-track{
  scrollbar-width:none!important;-ms-overflow-style:none!important;scroll-snap-type:x mandatory!important;
  overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important
}
.motion-v079 .motion-v079-track::-webkit-scrollbar{display:none!important}
.motion-v079 .motion-v079-track>*{scroll-snap-align:start!important;scroll-snap-stop:normal!important}

/* Navigation is almost invisible at rest; the triangle itself becomes clear on hover/focus. */
.motion-v079 .motion-v079-arrow{
  position:absolute!important;top:50%!important;z-index:12!important;width:42px!important;height:58px!important;padding:0!important;
  transform:translateY(-50%)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;opacity:.34!important;
  transition:opacity .18s ease,transform .18s ease!important
}
.motion-v079 .motion-v079-prev{left:-14px!important}.motion-v079 .motion-v079-next{right:-14px!important}
.motion-v079 .motion-v079-arrow span{width:0!important;height:0!important;display:block!important;filter:drop-shadow(0 2px 3px rgba(16,52,67,.14))}
.motion-v079 .motion-v079-prev span{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:12px solid #173d53!important}
.motion-v079 .motion-v079-next span{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:12px solid #173d53!important}
.motion-v079 .motion-v079-arrow:hover:not(:disabled),.motion-v079 .motion-v079-arrow:focus-visible:not(:disabled){opacity:.96!important;transform:translateY(-50%) scale(1.10)!important;outline:none!important}
.motion-v079 .motion-v079-arrow:active{opacity:1!important;transform:translateY(-50%) scale(.95)!important}
.motion-v079 .motion-v079-arrow:disabled{opacity:.11!important;cursor:default!important}

/* Homepage featured carousel. */
.motion-v079.page-home .motion-v079-featured{overflow:hidden!important}
.motion-v079.page-home .motion-v079-featured .featured-product-grid{display:flex!important;grid-template-columns:none!important;gap:16px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:7px 2px 18px!important;margin:0!important}
.motion-v079.page-home .motion-v079-featured .featured-product-card{flex:0 0 calc((100% - 48px)/4)!important;min-width:0!important;transition:transform .20s ease,box-shadow .22s ease,border-color .22s ease!important}
.motion-v079.page-home .motion-v079-featured .featured-product-card:hover{transform:translateY(-3px)!important;box-shadow:0 17px 36px rgba(20,49,70,.10)!important;border-color:#c7d7d7!important}
.motion-v079.page-home .motion-v079-featured .featured-product-media>img{transition:transform .24s cubic-bezier(.2,.76,.25,1),filter .24s ease!important;transform-origin:center 58%!important}
.motion-v079.page-home .motion-v079-featured .featured-product-card:hover .featured-product-media>img{transform:translateY(-5px) scale(1.028) rotate(.12deg)!important;filter:drop-shadow(0 10px 12px rgba(19,54,68,.08))!important}
.motion-v079.page-home .motion-v079-featured .featured-product-card:active .featured-product-media>img{transform:translateY(-2px) scale(1.014)!important}
.motion-v079.page-home .motion-v079-featured .featured-jump{color:#c92332!important;font-weight:720!important;white-space:nowrap!important;text-decoration-color:transparent!important;text-underline-offset:4px!important;transition:color .18s ease,text-decoration-color .18s ease,transform .18s ease!important}
.motion-v079.page-home .motion-v079-featured .featured-jump:hover{color:#a91f2c!important;text-decoration:underline!important;text-decoration-color:#c92332!important;transform:translateX(2px)!important}

/* Homepage “Khóa thông minh theo nhiều nhu cầu” gets the same subtle life. */
.motion-v079.page-home .v36-group-card.v44-group-card{transition:transform .20s ease,box-shadow .22s ease,border-color .22s ease!important}
.motion-v079.page-home .v36-group-card.v44-group-card:hover{transform:translateY(-3px)!important;box-shadow:0 15px 32px rgba(20,49,70,.085)!important;border-color:#cbd9d8!important}
.motion-v079.page-home .v44-group-photo img{transition:transform .24s cubic-bezier(.2,.76,.25,1),filter .24s ease!important;transform-origin:center 58%!important}
.motion-v079.page-home .v36-group-card.v44-group-card:hover .v44-group-photo img{transform:translateY(-4px) scale(1.075) rotate(.10deg)!important;filter:drop-shadow(0 8px 10px rgba(19,54,68,.07))!important}

/* Floating phone: lighter premium outline icon instead of a heavy red tile. */
.motion-v079 .tpss-contact-dock .dock-phone{background:#fff!important;border:1px solid rgba(201,35,50,.30)!important;color:#c92332!important;box-shadow:0 8px 24px rgba(24,48,64,.10)!important}
.motion-v079 .tpss-contact-dock .dock-phone .dock-icon{background:#fff!important;color:#c92332!important;border:1px solid rgba(201,35,50,.18)!important}
.motion-v079 .tpss-contact-dock .dock-phone .dock-icon svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
.motion-v079 .tpss-contact-dock .dock-phone:hover{background:#fff7f7!important;border-color:rgba(201,35,50,.52)!important;transform:translateY(-2px)!important}

/* PDP related products remain manual-only. */
.motion-v079.page-product-detail .motion-v079-related{overflow:hidden!important;margin-top:34px!important}
.motion-v079.page-product-detail .motion-v079-related .related-grid{display:flex!important;grid-template-columns:none!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:5px 2px 16px!important;margin:0!important}
.motion-v079.page-product-detail .motion-v079-related .related-card{flex:0 0 calc((100% - 28px)/3)!important;min-width:0!important;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease!important}
.motion-v079.page-product-detail .motion-v079-related .related-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(20,49,70,.08)!important;border-color:#cbdad9!important}
.motion-v079.page-product-detail .motion-v079-related .related-media{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;overflow:hidden!important;border-radius:12px!important}
.motion-v079.page-product-detail .motion-v079-related .related-media img{background:#fff!important;object-fit:contain!important}

/* PDP type hierarchy: labels one step larger, one step lighter. */
body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-info-stack summary{font-size:16.2px!important;font-weight:610!important;line-height:1.38!important;color:#173d53!important;padding:15px 2px!important}
body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-info-stack .pdp-detail-content{font-size:14.4px!important;line-height:1.62!important;color:#3c5c6e!important;padding:0 2px 15px!important}
body.motion-v079.visual-v071.visual-v070.page-product-detail .pdp-technical-panel>.pdp-detail-section>summary{font-size:17.2px!important;font-weight:650!important;letter-spacing:.002em!important;color:#173d53!important;padding:16px 2px!important}
body.motion-v079.visual-v071.visual-v070.page-product-detail .pdp-technical-panel .spec-table td{font-size:15.1px!important;line-height:1.52!important;padding:10px 8px!important;color:#274e62!important}
body.motion-v079.visual-v071.visual-v070.page-product-detail .pdp-technical-panel .spec-table td:first-child{font-weight:600!important;color:#173d53!important;width:32%!important}
body.motion-v079.visual-v071.visual-v070.page-product-detail .pdp-feature-list{gap:7px!important}
body.motion-v079.visual-v071.visual-v070.page-product-detail .pdp-feature-list .feature-chip{font-size:14px!important;font-weight:560!important;line-height:1.4!important;padding:6px 10px!important;color:#345b5c!important;background:#eef5f3!important}

/* Consultation CTA: white field, red breathing emphasis, slow underline sweep. */
@keyframes v079CallBreath{0%,100%{transform:scale(1);text-shadow:0 0 0 rgba(201,35,50,0)}48%{transform:scale(1.012);text-shadow:0 0 16px rgba(201,35,50,.14)}60%{transform:scale(1.012);text-shadow:0 0 16px rgba(201,35,50,.14)}}
@keyframes v079CallSweep{0%{transform:translateX(-118%);opacity:0}16%{opacity:0}36%{opacity:.75}65%{opacity:.28}82%,100%{transform:translateX(118%);opacity:0}}
body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta{
  position:relative!important;overflow:hidden!important;margin:-7px 24px 18px!important;padding:14px 18px 16px!important;
  background:#fff!important;background-image:none!important;border:0!important;border-radius:14px!important;box-shadow:none!important;
  color:#c92332!important;justify-content:center!important;text-align:left!important;gap:12px!important
}
body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta::after{
  content:""!important;position:absolute!important;left:16%!important;right:16%!important;bottom:7px!important;height:1.5px!important;
  background:linear-gradient(90deg,transparent,rgba(201,35,50,.82),transparent)!important;transform:translateX(-118%);animation:v079CallSweep 4.2s ease-in-out infinite
}
body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta .v046-call-icon{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid rgba(201,35,50,.22)!important;border-radius:50%!important;
  background:#fff7f7!important;color:#c92332!important;font-size:17px!important;animation:v079CallBreath 3.2s ease-in-out infinite
}
body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta strong{
  display:block!important;font-size:18.5px!important;line-height:1.26!important;font-weight:590!important;color:#c92332!important;
  animation:v079CallBreath 3.2s ease-in-out infinite;transform-origin:left center
}
body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta small{display:block!important;margin-top:4px!important;font-size:12px!important;font-weight:500!important;color:#8f4a50!important}
body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta:hover{background:#fff9f9!important}

/* Catalogue toolbar: three top fields one step larger. */
body.motion-v079.visual-v073.visual-v071.visual-v070.page-products .result-count{font-size:13.2px!important;font-weight:600!important;line-height:1.35!important}
body.motion-v079.visual-v073.visual-v071.visual-v070.page-products .toolbar-default-label{font-size:12.8px!important;font-weight:500!important;color:#8c989f!important;line-height:1.35!important}
body.motion-v079.visual-v073.visual-v071.visual-v070.page-products .sort-select{font-size:13.2px!important;font-weight:520!important;line-height:1.35!important;padding:9px 30px 9px 11px!important;max-width:190px!important}

/* Catalogue filter headings: one size larger, one weight lighter. */
body.motion-v079.visual-v073.visual-v071.visual-v070.page-products .filter-panel-head span{font-size:14px!important;font-weight:700!important;letter-spacing:.014em!important}
body.motion-v079.visual-v073.visual-v071.visual-v070.page-products .filter-group summary{font-size:13px!important;font-weight:700!important;letter-spacing:.014em!important;padding:10px 11px!important}

@media(max-width:1100px){.motion-v079.page-home .motion-v079-featured .featured-product-card{flex-basis:calc((100% - 32px)/3)!important}}
@media(max-width:780px){
  .motion-v079 .motion-v079-prev{left:1px!important}.motion-v079 .motion-v079-next{right:1px!important}.motion-v079 .motion-v079-arrow{width:36px!important;height:50px!important;opacity:.38!important}
  .motion-v079.page-home .motion-v079-featured .featured-product-card{flex-basis:80%!important}.motion-v079.page-home .motion-v079-featured .featured-product-grid{gap:12px!important;padding-right:18%!important}
  .motion-v079.page-product-detail .motion-v079-related .related-card{flex-basis:80%!important}.motion-v079.page-product-detail .motion-v079-related .related-grid{padding-right:18%!important}
  body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-info-stack summary{font-size:15.5px!important;font-weight:600!important}
  body.motion-v079.visual-v071.visual-v070.page-product-detail .pdp-technical-panel>.pdp-detail-section>summary{font-size:16.4px!important;font-weight:640!important}
  body.motion-v079.visual-v071.visual-v070.page-product-detail .pdp-technical-panel .spec-table td{font-size:14.5px!important}
  body.motion-v079.visual-v071.visual-v070.page-product-detail .pdp-feature-list .feature-chip{font-size:13.4px!important}
  body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta{margin:-4px 12px 16px!important;padding:13px 12px 15px!important}
  body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta strong{font-size:17px!important}
  body.motion-v079.visual-v071.visual-v070.page-product-detail .v046-primary-consult-cta small{font-size:11.5px!important}
}
@media(max-width:520px){
  .motion-v079.page-home .motion-v079-featured .featured-product-card,.motion-v079.page-product-detail .motion-v079-related .related-card{flex-basis:86%!important}
  .motion-v079.page-home .motion-v079-featured .featured-product-grid,.motion-v079.page-product-detail .motion-v079-related .related-grid{padding-right:14%!important}
  body.motion-v079.visual-v071.visual-v070.page-product-detail .pdp-technical-panel .spec-table td:first-child{width:39%!important}
}
@media(prefers-reduced-motion:reduce){
  .motion-v079 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* ============================================================
   v0.80 WEBSITE OWNER PREMIUM UI POLISH
   Founder grants 04.4 Website Owner design authority — 2026-10-16
   Scope:
   - PDP function chips: higher prominence without visual noise
   - Home carousel arrows: move outward toward rail edges
   - Home 01/02/03 hierarchy: larger, better-centered premium accents
   - Desktop header: preserve navy base; warm copper active/hover accent
   No commercial, legal, routing, Product Master or indexing-control change.
   ============================================================ */

/* PDP — make functional capabilities easier to scan while retaining the calm TPSS visual system. */
body.motion-v080.page-product-detail .pdp-feature-list{
  gap:8px!important;
  margin-top:2px!important;
}
body.motion-v080.page-product-detail .pdp-feature-list .feature-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:35px!important;
  padding:7px 12px!important;
  border:1px solid #d2e5e1!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f5faf8 0%,#eaf4f1 100%)!important;
  color:#1f5260!important;
  font-size:14.8px!important;
  font-weight:620!important;
  line-height:1.35!important;
  letter-spacing:.003em!important;
  box-shadow:0 3px 10px rgba(27,77,78,.045)!important;
}
body.motion-v080.page-product-detail .pdp-feature-list .feature-chip::before{
  content:""!important;
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
  border-radius:50%!important;
  background:#218474!important;
  box-shadow:0 0 0 3px rgba(33,132,116,.09)!important;
}

/* Carousel navigation — visually tied to the outside edges, not floating over card content. */
@media(min-width:781px){
  body.motion-v080 .motion-v079-prev{left:-34px!important}
  body.motion-v080 .motion-v079-next{right:-34px!important}
  body.motion-v080 .motion-v079-arrow{opacity:.30!important}
  body.motion-v080 .motion-v079-arrow:hover:not(:disabled),
  body.motion-v080 .motion-v079-arrow:focus-visible:not(:disabled){opacity:.98!important}
}

/* HOME — number medallions get stronger rhythm and clearer visual hierarchy. */
body.motion-v080.page-home .v36-path-card>span{
  width:38px!important;
  height:38px!important;
  left:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:760!important;
  border:1px solid rgba(25,92,79,.12)!important;
  box-shadow:0 5px 14px rgba(29,70,72,.06)!important;
}
body.motion-v080.page-home .v36-path-card{
  padding-left:70px!important;
}
body.motion-v080.page-home .v36-path-card:nth-child(1)>span{background:#e6f4ef!important;color:#176c5c!important}
body.motion-v080.page-home .v36-path-card:nth-child(2)>span{background:#fbefdf!important;color:#a66822!important;border-color:rgba(166,104,34,.14)!important}
body.motion-v080.page-home .v36-path-card:nth-child(3)>span{background:#f2ebf8!important;color:#76548b!important;border-color:rgba(118,84,139,.14)!important}

/* Lower value trio: center the medallion/title for a calmer three-column cadence. */
body.motion-v080.page-home .v36-value-card{
  text-align:center!important;
}
body.motion-v080.page-home .v36-value-card>span{
  width:38px!important;
  height:38px!important;
  margin:0 auto 12px!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:760!important;
  border:1px solid rgba(25,92,79,.12)!important;
  box-shadow:0 5px 14px rgba(29,70,72,.055)!important;
}
body.motion-v080.page-home .v36-value-card h3{
  text-align:center!important;
  margin-bottom:7px!important;
}
body.motion-v080.page-home .v36-value-card p{
  text-align:center!important;
  max-width:36ch!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.motion-v080.page-home .v36-value-card:nth-child(1)>span{background:#e6f4ef!important;color:#176c5c!important}
body.motion-v080.page-home .v36-value-card:nth-child(2)>span{background:#fbefdf!important;color:#a66822!important;border-color:rgba(166,104,34,.14)!important}
body.motion-v080.page-home .v36-value-card:nth-child(3)>span{background:#f2ebf8!important;color:#76548b!important;border-color:rgba(118,84,139,.14)!important}

/* HEADER — keep the security/trust navy base; introduce one warm premium accent only on intent/active state. */
@media(min-width:981px){
  body.motion-v080 header .nav-links>a{
    color:#243d54!important;
    transition:color .18s ease,transform .18s ease!important;
  }
  body.motion-v080 header .nav-links>a:hover,
  body.motion-v080 header .nav-links>a:focus-visible,
  body.motion-v080 header .nav-links>a[aria-current="page"]{
    color:#a94f35!important;
  }
  body.motion-v080 header .nav-links>a:hover{
    transform:translateY(-1px)!important;
  }
  body.motion-v080 header .nav-links>a::after{
    background:linear-gradient(90deg,#a94f35,#c77a53)!important;
    height:2px!important;
  }
}

@media(max-width:780px){
  body.motion-v080.page-product-detail .pdp-feature-list .feature-chip{
    min-height:33px!important;
    padding:6px 10px!important;
    font-size:13.8px!important;
  }
  body.motion-v080.page-home .v36-path-card>span{
    width:35px!important;height:35px!important;font-size:11.8px!important;left:14px!important
  }
  body.motion-v080.page-home .v36-path-card{padding-left:62px!important}
  body.motion-v080.page-home .v36-value-card>span{width:35px!important;height:35px!important;font-size:11.8px!important}
}


/* ============================================================
   v0.81 WEBSITE OWNER PREMIUM INTERACTION SYSTEM
   Founder review 2026-10-16
   Scope:
   - PDP capability chips/icons: stronger controlled colour + hover life
   - Home + related product rails: seamless circular autoplay
   - Numbered step hierarchy/hover behavior normalized across site
   - HEXA brand hover parity
   - Header warm active/hover accent available site-wide
   No commercial, legal, routing, Product Master or indexing-control change.
   ============================================================ */

/* PDP capability system — more visible at rest, tasteful warm response on intent. */
body.page-product-detail .pdp-feature-list .feature-chip{
  background:linear-gradient(180deg,#e9f7f2 0%,#dff1eb 100%)!important;
  border:1px solid rgba(26,126,111,.27)!important;
  color:#12685f!important;
  box-shadow:0 4px 12px rgba(22,101,91,.07)!important;
  transition:transform .20s cubic-bezier(.2,.8,.25,1),background .20s ease,color .20s ease,border-color .20s ease,box-shadow .20s ease!important;
}
body.page-product-detail .pdp-feature-list .feature-chip::before{
  background:#167c6e!important;
  box-shadow:0 0 0 3px rgba(22,124,110,.11)!important;
}
@keyframes v081CapabilityNudge{
  0%,100%{transform:translateY(-2px) rotate(0deg)}
  28%{transform:translateY(-3px) rotate(.45deg)}
  58%{transform:translateY(-2px) rotate(-.35deg)}
  82%{transform:translateY(-3px) rotate(.20deg)}
}
body.page-product-detail .pdp-feature-list .feature-chip:hover,
body.page-product-detail .pdp-feature-list .feature-chip:focus-visible{
  color:#a94f35!important;
  background:linear-gradient(180deg,#fff8f4 0%,#fceee8 100%)!important;
  border-color:rgba(169,79,53,.34)!important;
  box-shadow:0 9px 22px rgba(127,72,54,.10)!important;
  animation:v081CapabilityNudge .42s ease both!important;
}
body.page-product-detail .v046-feature-rail .pdp-feature-icon{
  background:linear-gradient(180deg,#f4fbf8,#e8f5f0)!important;
  border-color:rgba(28,124,110,.25)!important;
  color:#16756a!important;
  box-shadow:0 5px 14px rgba(20,92,83,.07)!important;
  transition:transform .20s cubic-bezier(.2,.8,.25,1),background .20s ease,color .20s ease,border-color .20s ease,box-shadow .20s ease!important;
}
body.page-product-detail .v046-feature-rail .pdp-feature-icon:hover,
body.page-product-detail .v046-feature-rail .pdp-feature-icon:focus-within{
  color:#a94f35!important;
  background:#fff5f1!important;
  border-color:rgba(169,79,53,.34)!important;
  box-shadow:0 10px 24px rgba(116,69,55,.12)!important;
  animation:v081CapabilityNudge .42s ease both!important;
}
body.page-product-detail .v046-feature-rail .pdp-feature-icon .tpss-feature-svg,
body.page-product-detail .v046-feature-rail .pdp-feature-icon .supplier-feature-glyph,
body.page-product-detail .v046-feature-rail .pdp-feature-icon .feature-fallback-glyph{
  transition:transform .20s ease,filter .20s ease!important;
}
body.page-product-detail .v046-feature-rail .pdp-feature-icon:hover .tpss-feature-svg,
body.page-product-detail .v046-feature-rail .pdp-feature-icon:hover .supplier-feature-glyph,
body.page-product-detail .v046-feature-rail .pdp-feature-icon:hover .feature-fallback-glyph{
  transform:scale(1.09)!important;
}

/* Circular rails: arrows always useful because there is no terminal edge. */
.motion-v081-track>[data-loop-clone]{scroll-snap-align:start!important}
.motion-v081-shell .motion-v079-arrow:disabled{opacity:.30!important;cursor:pointer!important}
@media(min-width:781px){
  .motion-v081-shell .motion-v079-prev{left:-42px!important}
  .motion-v081-shell .motion-v079-next{right:-42px!important}
}

/* Consistent numbered-step vocabulary across Home and supporting pages. */
.visual-v036 .v36-process-card>span,
.visual-v036 .v36-value-card>span,
.visual-v036 .v36-path-card>span,
.visual-v054 .v054-process-copy>span,
.visual-v038 .door-fit-guide-copy>span{
  width:40px!important;height:40px!important;min-width:40px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  font-size:12.8px!important;line-height:1!important;font-weight:760!important;
  letter-spacing:.025em!important;
  background:#e8f5f1!important;color:#176c5f!important;
  border:1px solid rgba(23,108,95,.13)!important;
  box-shadow:0 5px 14px rgba(25,73,72,.055)!important;
}
.visual-v038 .door-fit-guide-copy>span{margin:0 0 10px!important}
.visual-v054 .v054-process-copy>span{margin-bottom:11px!important}

/* Four-step colour cadence, used where a fourth step exists. */
.visual-v036 .v36-process-card:nth-child(2)>span,
.visual-v036 .v36-value-card:nth-child(2)>span,
.visual-v054 .v36-process-card:nth-child(2) .v054-process-copy>span{
  background:#fbefdf!important;color:#a66822!important;border-color:rgba(166,104,34,.14)!important
}
.visual-v036 .v36-process-card:nth-child(3)>span,
.visual-v036 .v36-value-card:nth-child(3)>span,
.visual-v054 .v36-process-card:nth-child(3) .v054-process-copy>span{
  background:#f2ebf8!important;color:#76548b!important;border-color:rgba(118,84,139,.14)!important
}
.visual-v036 .v36-process-card:nth-child(4)>span,
.visual-v036 .v36-value-card:nth-child(4)>span,
.visual-v054 .v36-process-card:nth-child(4) .v054-process-copy>span{
  background:#eaf0f8!important;color:#496f96!important;border-color:rgba(73,111,150,.14)!important
}

/* Step cards get one small premium nudge on hover; text hierarchy stays stable. */
@keyframes v081StepNudge{
  0%,100%{transform:translateY(-3px) rotate(0deg)}
  30%{transform:translateY(-4px) rotate(.22deg)}
  62%{transform:translateY(-3px) rotate(-.18deg)}
  82%{transform:translateY(-4px) rotate(.10deg)}
}
.visual-v036 .v36-process-card,
.visual-v036 .v36-value-card,
.visual-v036 .v36-path-card,
.visual-v038 .door-fit-guide-card{
  transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease!important;
}
.visual-v036 .v36-process-card:hover,
.visual-v036 .v36-value-card:hover,
.visual-v036 .v36-path-card:hover,
.visual-v038 .door-fit-guide-card:hover{
  border-color:#cbdad7!important;
  box-shadow:0 15px 32px rgba(20,58,70,.08)!important;
  animation:v081StepNudge .40s ease both!important;
}

/* Rebalance text around larger number medallions. */
.visual-v036 .v36-process-card>h3,
.visual-v036 .v36-value-card>h3{margin-top:0!important}
body.page-home .v054-process-copy{padding-top:1px!important}
body.page-home .v054-process-copy>h3{margin-top:0!important}

/* Brand showroom: HEXA receives the same optical hover response as every other logo. */
body.page-products .brand-logo-tile img{
  transition:transform .18s cubic-bezier(.2,.8,.25,1),opacity .18s ease,filter .18s ease!important;
}
body.page-products .brand-logo-tile:hover img,
body.page-products .brand-logo-tile.active img{
  transform:scale(1.065)!important;opacity:1!important;filter:none!important;
}
body.page-products .brand-logo-tile.brand-hexa:hover img,
body.page-products .brand-logo-tile.brand-hexa.active img{
  transform:scale(1.145)!important;opacity:1!important;filter:none!important;
}

/* Header warm intent/active state is site-wide, not Home-only. */
@media(min-width:981px){
  header .nav-links>a{
    color:#243d54!important;
    transition:color .18s ease,transform .18s ease!important;
  }
  header .nav-links>a:hover,
  header .nav-links>a:focus-visible,
  header .nav-links>a[aria-current="page"]{
    color:#a94f35!important;
  }
  header .nav-links>a:hover{transform:translateY(-1px)!important}
  header .nav-links>a::after{
    background:linear-gradient(90deg,#a94f35,#c77a53)!important;
    height:2px!important;
  }
}

@media(max-width:780px){
  .visual-v036 .v36-process-card>span,
  .visual-v036 .v36-value-card>span,
  .visual-v036 .v36-path-card>span,
  .visual-v054 .v054-process-copy>span,
  .visual-v038 .door-fit-guide-copy>span{
    width:36px!important;height:36px!important;min-width:36px!important;font-size:11.8px!important
  }
}
@media(prefers-reduced-motion:reduce){
  .motion-v081-track{scroll-behavior:auto!important}
  .visual-v036 .v36-process-card:hover,
  .visual-v036 .v36-value-card:hover,
  .visual-v036 .v36-path-card:hover,
  .visual-v038 .door-fit-guide-card:hover,
  body.page-product-detail .pdp-feature-list .feature-chip:hover,
  body.page-product-detail .v046-feature-rail .pdp-feature-icon:hover{animation:none!important;transform:none!important}
}


/* ============================================================
   v0.82 WEBSITE OWNER PREMIUM CONTINUOUS INTERACTION SYSTEM
   Founder direction 2026-10-16.
   Visual/interaction-only delta. Product data, price, routing, legal text,
   noindex/robots/indexing controls preserved.
   ============================================================ */

/* PDP capability chips: richer premium rest state + warm intent state. */
body.motion-v082.page-product-detail .pdp-feature-list .feature-chip,
body.motion-v082.page-product-detail .pdp-key-features .feature-chip{
  background:linear-gradient(180deg,#def4ed 0%,#d3eee5 100%)!important;
  color:#0d685f!important;border:1px solid rgba(14,111,99,.30)!important;
  box-shadow:0 6px 15px rgba(19,90,81,.085),inset 0 1px 0 rgba(255,255,255,.65)!important;
}
body.motion-v082.page-product-detail .pdp-feature-list .feature-chip:hover,
body.motion-v082.page-product-detail .pdp-key-features .feature-chip:hover{
  background:linear-gradient(180deg,#fff1e9 0%,#fbe5da 100%)!important;
  color:#a44d34!important;border-color:rgba(164,77,52,.35)!important;
  box-shadow:0 10px 24px rgba(128,70,52,.13)!important;
}

/* Feature icon hover parity: PDP, product catalogue, homepage featured, related cards. */
body.motion-v082 .pdp-feature-icon,
body.motion-v082 .media-feature-icon{
  transition:transform .20s cubic-bezier(.2,.8,.25,1),background .20s ease,color .20s ease,border-color .20s ease,box-shadow .20s ease,filter .20s ease!important;
}
body.motion-v082 .pdp-feature-icon:hover,
body.motion-v082 .media-feature-icon:hover{
  color:#a94f35!important;background:#fff4ee!important;border-color:rgba(169,79,53,.34)!important;
  box-shadow:0 9px 21px rgba(116,69,55,.14)!important;transform:translateY(-2px) scale(1.075)!important;
  animation:v081CapabilityNudge .42s ease both!important;
}
body.motion-v082 .media-feature-icon:hover .tpss-feature-svg,
body.motion-v082 .pdp-feature-icon:hover .tpss-feature-svg{transform:scale(1.08)!important;filter:saturate(1.15)!important}

/* Related cards: feature icons sit inside media frame, same as catalogue cards. */
body.motion-v082.page-product-detail .related-media{position:relative!important}
body.motion-v082.page-product-detail .related-media .media-feature-strip{
  position:absolute!important;left:10px!important;bottom:10px!important;z-index:4!important;display:flex!important;gap:5px!important;flex-wrap:wrap!important;max-width:calc(100% - 20px)!important
}
body.motion-v082.page-product-detail .related-media .media-feature-icon{
  width:30px!important;height:30px!important;border-radius:50%!important;background:rgba(241,249,246,.95)!important;border:1px solid rgba(29,116,103,.20)!important;color:#176f63!important;box-shadow:0 4px 10px rgba(20,72,69,.07)!important
}
body.motion-v082.page-product-detail .related-media .tpss-feature-svg{width:24px!important;height:24px!important}

/* Homepage hero proof-points (screenshot 3): colour, surface and movement. */
body.motion-v082.page-home .v36-home-points{gap:10px!important;align-items:stretch!important}
body.motion-v082.page-home .v36-home-points span{
  min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:8px 17px!important;border:1px solid rgba(22,117,104,.18)!important;border-left:3px solid #2a9b89!important;border-radius:12px!important;
  background:linear-gradient(180deg,#f5fbf9,#ebf6f2)!important;color:#214f5c!important;font-size:13px!important;font-weight:650!important;
  box-shadow:0 7px 18px rgba(30,73,72,.055)!important;transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease,border-color .2s ease!important
}
body.motion-v082.page-home .v36-home-points span:nth-child(2){border-left-color:#b97930!important;background:linear-gradient(180deg,#fffaf3,#fbf1e5)!important;color:#745024!important}
body.motion-v082.page-home .v36-home-points span:nth-child(3){border-left-color:#7c5c94!important;background:linear-gradient(180deg,#faf7fd,#f1eaf6)!important;color:#5e4770!important}
body.motion-v082.page-home .v36-home-points span:hover{transform:translateY(-3px)!important;box-shadow:0 13px 28px rgba(24,61,70,.10)!important;animation:v081StepNudge .4s ease both!important}

/* Homepage trust cards (screenshot 4): premium cards with stronger hierarchy and gentle life. */
body.motion-v082.page-home .v36-home-trust{gap:12px!important;border:0!important;background:transparent!important;backdrop-filter:none!important}
body.motion-v082.page-home .v36-trust-card{
  border:1px solid #dfe8e6!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)!important;
  padding:22px 25px!important;box-shadow:0 8px 22px rgba(23,60,69,.045)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important
}
body.motion-v082.page-home .v36-trust-card+ .v36-trust-card{border-left:1px solid #dfe8e6!important}
body.motion-v082.page-home .v36-trust-card b{font-size:14.6px!important;font-weight:670!important;color:#183f55!important}
body.motion-v082.page-home .v36-trust-card p{font-size:12.6px!important;line-height:1.55!important;color:#647b84!important;margin-top:7px!important}
body.motion-v082.page-home .v36-trust-card:nth-child(1){border-top:3px solid #2a9b89!important}
body.motion-v082.page-home .v36-trust-card:nth-child(2){border-top:3px solid #b97930!important}
body.motion-v082.page-home .v36-trust-card:nth-child(3){border-top:3px solid #7c5c94!important}
body.motion-v082.page-home .v36-trust-card:hover{transform:translateY(-4px)!important;box-shadow:0 17px 36px rgba(24,61,70,.09)!important;border-color:#cbdad7!important;animation:v081StepNudge .40s ease both!important}

/* True continuous rails: no terminal disabled state and arrows closer to viewport edges. */
body.motion-v082 .motion-v082-track{scroll-snap-type:x mandatory!important}
body.motion-v082 .motion-v082-shell .motion-v079-arrow{opacity:.32!important}
body.motion-v082 .motion-v082-shell .motion-v079-arrow:hover,
body.motion-v082 .motion-v082-shell .motion-v079-arrow:focus-visible{opacity:1!important}
@media(min-width:1180px){body.motion-v082 .motion-v082-shell .motion-v079-prev{left:-54px!important}body.motion-v082 .motion-v082-shell .motion-v079-next{right:-54px!important}}
@media(min-width:781px) and (max-width:1179px){body.motion-v082 .motion-v082-shell .motion-v079-prev{left:-36px!important}body.motion-v082 .motion-v082-shell .motion-v079-next{right:-36px!important}}

/* Number language normalized across all numbered cards. */
body.motion-v082 .v36-process-card>span,
body.motion-v082 .v36-value-card>span,
body.motion-v082 .v36-path-card>span,
body.motion-v082 .v054-process-copy>span,
body.motion-v082 .door-fit-guide-copy>span,
body.motion-v082 .v082-contact-step{
  width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;
  font-size:13px!important;font-weight:760!important;line-height:1!important;letter-spacing:.025em!important;
  background:#e6f4ef!important;color:#176c5c!important;border:1px solid rgba(23,108,92,.14)!important;box-shadow:0 6px 15px rgba(25,73,72,.06)!important
}
/* cadence colours */
body.motion-v082 .v36-process-card:nth-child(2)>span,body.motion-v082 .v36-value-card:nth-child(2)>span,body.motion-v082 .v36-path-card:nth-child(2)>span,body.motion-v082 .v054-home-process-card:nth-child(2) .v054-process-copy>span,body.motion-v082 .door-fit-guide-card:nth-child(2) .door-fit-guide-copy>span,body.motion-v082 .v082-contact-step-card:nth-of-type(2) .v082-contact-step{background:#fbefdf!important;color:#a66822!important;border-color:rgba(166,104,34,.15)!important}
body.motion-v082 .v36-process-card:nth-child(3)>span,body.motion-v082 .v36-value-card:nth-child(3)>span,body.motion-v082 .v36-path-card:nth-child(3)>span,body.motion-v082 .v054-home-process-card:nth-child(3) .v054-process-copy>span,body.motion-v082 .door-fit-guide-card:nth-child(3) .door-fit-guide-copy>span,body.motion-v082 .v082-contact-step-card:nth-of-type(3) .v082-contact-step{background:#f2ebf8!important;color:#76548b!important;border-color:rgba(118,84,139,.15)!important}
body.motion-v082 .v36-process-card:nth-child(4)>span,body.motion-v082 .v36-value-card:nth-child(4)>span,body.motion-v082 .v36-path-card:nth-child(4)>span,body.motion-v082 .v054-home-process-card:nth-child(4) .v054-process-copy>span,body.motion-v082 .door-fit-guide-card:nth-child(4) .door-fit-guide-copy>span{background:#eaf0f8!important;color:#496f96!important;border-color:rgba(73,111,150,.15)!important}

/* Placement: path/contact cards left-middle; process/value/photo guide centre-top. */
body.motion-v082 .v36-process-card>span,body.motion-v082 .v36-value-card>span,body.motion-v082 .door-fit-guide-copy>span{margin-left:auto!important;margin-right:auto!important}
body.motion-v082 .v36-path-card>span{left:18px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
body.motion-v082 .v36-path-card{padding-left:76px!important}
body.motion-v082 .v054-process-copy>span{margin-left:0!important;margin-right:0!important}
body.motion-v082 .door-fit-guide-copy{text-align:center!important}

/* Warranty numbered cards explicitly centered. */
body.motion-v082.page-warranty .v36-process-card,body.motion-v082.page-warranty .v36-value-card{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}
body.motion-v082.page-warranty .v36-process-card h3,body.motion-v082.page-warranty .v36-value-card h3{width:100%!important;text-align:center!important}
body.motion-v082.page-warranty .v36-process-card p,body.motion-v082.page-warranty .v36-value-card p{width:100%!important;text-align:center!important}

/* Contact page gets explicit numbered contact methods + same motion language. */
body.motion-v082.page-contact .v082-contact-step-card{position:relative!important;padding-left:68px!important;min-height:72px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
body.motion-v082.page-contact .v082-contact-step{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important}
body.motion-v082.page-contact .v082-contact-step-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 30px rgba(23,60,69,.09)!important;border-color:#cbdad7!important;animation:v081StepNudge .4s ease both!important}
body.motion-v082.page-contact .contact-icon{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease!important}
body.motion-v082.page-contact .v082-contact-step-card:hover .contact-icon{transform:scale(1.08) rotate(.8deg)!important;box-shadow:0 8px 18px rgba(23,72,78,.10)!important}

/* Product-page media feature icons get explicit hover colour/lift. */
body.motion-v082.page-products .product-media-premium .media-feature-icon{background:rgba(239,248,245,.96)!important;border:1px solid rgba(26,115,102,.20)!important;color:#176e62!important;box-shadow:0 4px 11px rgba(21,73,69,.07)!important}
body.motion-v082.page-products .product-media-premium .media-feature-icon:hover{background:#fff3ec!important;color:#a94f35!important;border-color:rgba(169,79,53,.34)!important;box-shadow:0 9px 22px rgba(119,70,54,.13)!important}

/* Same floating call dock everywhere, not only bodies carrying an earlier motion class. */
body.motion-v082 .tpss-contact-dock .dock-phone{background:#fff!important;border:1px solid rgba(201,35,50,.30)!important;color:#c92332!important;box-shadow:0 8px 24px rgba(24,48,64,.10)!important}
body.motion-v082 .tpss-contact-dock .dock-phone .dock-icon{background:#fff!important;color:#c92332!important;border:1px solid rgba(201,35,50,.18)!important}
body.motion-v082 .tpss-contact-dock .dock-phone .dock-icon svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
body.motion-v082 .tpss-contact-dock .dock-phone:hover{background:#fff7f7!important;border-color:rgba(201,35,50,.52)!important;transform:translateY(-2px)!important}

/* Footer policy/support links: warm copper intent treatment. */
body.motion-v082 .footer .policy-footer-nav a,body.motion-v082 .footer .legal-links a{transition:color .18s ease,transform .18s ease,text-decoration-color .18s ease!important;text-decoration-color:rgba(255,255,255,.35)!important}
body.motion-v082 .footer .policy-footer-nav a:hover,body.motion-v082 .footer .policy-footer-nav a:focus-visible,body.motion-v082 .footer .legal-links a:hover,body.motion-v082 .footer .legal-links a:focus-visible{color:#e3a27d!important;transform:translateX(2px)!important;text-decoration-color:#e3a27d!important}

@media(max-width:780px){
  body.motion-v082 .v36-process-card>span,body.motion-v082 .v36-value-card>span,body.motion-v082 .v36-path-card>span,body.motion-v082 .v054-process-copy>span,body.motion-v082 .door-fit-guide-copy>span,body.motion-v082 .v082-contact-step{width:38px!important;height:38px!important;min-width:38px!important;font-size:12px!important}
  body.motion-v082 .v36-path-card{padding-left:66px!important}
  body.motion-v082.page-home .v36-home-points{display:grid!important;grid-template-columns:1fr!important}
  body.motion-v082.page-home .v36-home-points span{width:100%!important}
  body.motion-v082.page-home .v36-home-trust{grid-template-columns:1fr!important;gap:10px!important}
  body.motion-v082.page-home .v36-trust-card+ .v36-trust-card{border-left:1px solid #dfe8e6!important}
}
@media(prefers-reduced-motion:reduce){
  body.motion-v082 .v36-home-points span:hover,body.motion-v082 .v36-trust-card:hover,body.motion-v082.page-contact .v082-contact-step-card:hover,body.motion-v082 .media-feature-icon:hover{animation:none!important}
}


/* ============================================================
   v0.83 WEBSITE OWNER — PREMIUM TYPOGRAPHY + SECTION CONSISTENCY
   Founder direction 2026-10-16.
   Visual/typography/interaction-only delta. Commercial, pricing,
   legal copy, CTA routing and indexing controls preserved.
   ============================================================ */

/* ---------- 1. Site-wide typography system ---------- */
body.motion-v083{
  font-family:"Segoe UI Variable Text","Segoe UI Variable Display",Inter,"SF Pro Text","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif!important;
  font-size:16.15px!important;
  line-height:1.66!important;
  font-weight:420!important;
  letter-spacing:-.006em!important;
  color:#344b5d!important;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.motion-v083 main h1,
body.motion-v083 main h2,
body.motion-v083 main h3,
body.motion-v083 main h4{
  font-family:"Segoe UI Variable Display","Segoe UI Variable Text",Inter,"Segoe UI",system-ui,sans-serif!important;
  color:#183e54!important;
  text-wrap:balance;
}
body.motion-v083 main h1{font-weight:660!important;letter-spacing:-.035em!important;line-height:1.08!important}
body.motion-v083 main h2{font-weight:635!important;letter-spacing:-.026em!important;line-height:1.14!important}
body.motion-v083 main h3{font-weight:610!important;letter-spacing:-.014em!important;line-height:1.28!important}
body.motion-v083 main p,
body.motion-v083 main li{letter-spacing:-.004em}
body.motion-v083 .lead{font-size:17.1px!important;line-height:1.67!important;font-weight:420!important;color:#62798a!important}
body.motion-v083 .section-head>p{font-size:15.6px!important;line-height:1.66!important;color:#687e8b!important}
body.motion-v083 .eyebrow,
body.motion-v083 .section-kicker{
  font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif!important;
  font-size:12.6px!important;
  line-height:1.3!important;
  font-weight:650!important;
  letter-spacing:.055em!important;
  text-transform:none!important;
  color:#1d756d!important;
}
body.motion-v083 .eyebrow::after,
body.motion-v083 .section-kicker::after{
  width:28px!important;height:1px!important;opacity:.85!important;
  background:linear-gradient(90deg,#b87949,rgba(184,121,73,.12))!important;
}
body.motion-v083 .v36-accent-card .eyebrow,
body.motion-v083 .premium-quote .eyebrow,
body.motion-v083 .v36-future-band .eyebrow{color:rgba(255,255,255,.90)!important}
body.motion-v083 .v36-accent-card .eyebrow::after,
body.motion-v083 .premium-quote .eyebrow::after,
body.motion-v083 .v36-future-band .eyebrow::after{background:rgba(255,255,255,.52)!important}

/* ---------- 2. Footer: all navigable text gets warm-copper intent ---------- */
body.motion-v083 .footer a{
  transition:color .18s ease,transform .18s ease,text-decoration-color .18s ease,opacity .18s ease!important;
  text-decoration-color:rgba(255,255,255,.28)!important;
}
body.motion-v083 .footer a:hover,
body.motion-v083 .footer a:focus-visible{
  color:#e4a078!important;
  transform:translateX(2px)!important;
  text-decoration-color:#e4a078!important;
}
body.motion-v083 .footer h4{font-weight:650!important;letter-spacing:-.01em!important}

/* ---------- 3. Shared premium numbered-card system ---------- */
body.motion-v083 .v36-process-card,
body.motion-v083 .v36-value-card,
body.motion-v083 .v36-path-card,
body.motion-v083 .v44-doorfit-contact-card,
body.motion-v083 .door-fit-guide-card{
  position:relative;
  border:1px solid #dce8e5!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfa 100%)!important;
  box-shadow:0 10px 26px rgba(20,60,70,.055)!important;
  transition:transform .22s cubic-bezier(.2,.8,.25,1),box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
}
body.motion-v083 .v36-process-card:hover,
body.motion-v083 .v36-value-card:hover,
body.motion-v083 .v36-path-card:hover,
body.motion-v083 .v44-doorfit-contact-card:hover,
body.motion-v083 .door-fit-guide-card:hover{
  transform:translateY(-4px)!important;
  border-color:#bfd7d1!important;
  background:linear-gradient(180deg,#ffffff 0%,#f3faf7 100%)!important;
  box-shadow:0 18px 38px rgba(21,67,75,.10)!important;
  animation:v081StepNudge .42s ease both!important;
}
body.motion-v083 .v36-process-card h3,
body.motion-v083 .v36-value-card h3,
body.motion-v083 .v36-path-card h3,
body.motion-v083 .v44-doorfit-contact-card h3,
body.motion-v083 .door-fit-guide-card h3{font-size:18px!important;font-weight:615!important;color:#214c5c!important}
body.motion-v083 .v36-process-card p,
body.motion-v083 .v36-value-card p,
body.motion-v083 .v36-path-card p,
body.motion-v083 .v44-doorfit-contact-card p,
body.motion-v083 .door-fit-guide-card p{font-size:14.4px!important;line-height:1.58!important;color:#6b7f88!important}

/* Contact/Home 4-photo guide: number system + image hover. */
body.motion-v083.page-contact .v44-doorfit-contact-card>div{padding:20px 22px 23px!important;text-align:left!important}
body.motion-v083.page-contact .v44-doorfit-contact-card>div>span,
body.motion-v083.page-home .door-fit-guide-copy>span{
  width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;margin:0 0 12px!important;
  background:#e6f4ef!important;color:#176c5c!important;border:1px solid rgba(23,108,92,.14)!important;
  font-size:13px!important;font-weight:760!important;box-shadow:0 6px 15px rgba(25,73,72,.06)!important;
}
body.motion-v083.page-contact .v44-doorfit-contact-card:nth-child(2)>div>span,
body.motion-v083.page-home .door-fit-guide-card:nth-child(2) .door-fit-guide-copy>span{background:#fbefdf!important;color:#a66822!important}
body.motion-v083.page-contact .v44-doorfit-contact-card:nth-child(3)>div>span,
body.motion-v083.page-home .door-fit-guide-card:nth-child(3) .door-fit-guide-copy>span{background:#f2ebf8!important;color:#76548b!important}
body.motion-v083.page-contact .v44-doorfit-contact-card:nth-child(4)>div>span,
body.motion-v083.page-home .door-fit-guide-card:nth-child(4) .door-fit-guide-copy>span{background:#eaf0f8!important;color:#496f96!important}
body.motion-v083.page-contact .v44-doorfit-contact-card>img,
body.motion-v083.page-home .door-fit-guide-visual img{
  transition:transform .34s cubic-bezier(.2,.8,.25,1),filter .34s ease!important;
}
body.motion-v083.page-contact .v44-doorfit-contact-card:hover>img,
body.motion-v083.page-home .door-fit-guide-card:hover .door-fit-guide-visual img{
  transform:scale(1.025)!important;filter:saturate(1.03) contrast(1.015)!important;
}

/* ---------- 4. Contact page: restore premium tint and elevate hero/notes ---------- */
body.motion-v083.page-contact .v36-editorial-panel,
body.motion-v083.page-about .v36-editorial-panel{
  position:relative;overflow:hidden!important;
  background:linear-gradient(135deg,#f7fbfd 0%,#eef8f4 58%,#f7f3ed 100%)!important;
  border:1px solid #d8e6e4!important;
  box-shadow:0 18px 44px rgba(21,62,72,.075)!important;
}
body.motion-v083.page-contact .v36-editorial-panel::after,
body.motion-v083.page-about .v36-editorial-panel::after{
  content:"";position:absolute;right:-46px;bottom:-58px;width:190px;height:190px;border-radius:50%;
  background:radial-gradient(circle,rgba(91,191,163,.20),rgba(91,191,163,0) 68%);pointer-events:none;
}
body.motion-v083.page-contact .v36-editorial-panel h3,
body.motion-v083.page-about .v36-editorial-panel h3{font-size:22px!important;font-weight:630!important;color:#1f5364!important}
body.motion-v083.page-contact .v36-editorial-panel li,
body.motion-v083.page-about .v36-editorial-panel li{font-size:16px!important;line-height:1.58!important;color:#556d7e!important}
body.motion-v083.page-contact .form-shell{
  background:linear-gradient(145deg,#f4f9ff 0%,#eef8f5 58%,#faf7f2 100%)!important;
  border:1px solid #d3e2e8!important;border-radius:24px!important;
  box-shadow:0 20px 46px rgba(24,67,87,.085)!important;padding:26px!important;
}
body.motion-v083.page-contact .contact-form-note{
  background:linear-gradient(90deg,#eaf5f2,#f6fbfa)!important;border:1px solid #cee1dc!important;border-left:4px solid #2e897c!important;
  color:#536f7e!important;border-radius:14px!important;padding:14px 17px!important;
}
body.motion-v083.page-contact .contact-form-note strong{color:#1c625b!important;font-weight:650!important}
body.motion-v083.page-contact .form-shell label{font-size:14.6px!important;font-weight:590!important;color:#35536a!important}
body.motion-v083.page-contact .form-shell input,
body.motion-v083.page-contact .form-shell select,
body.motion-v083.page-contact .form-shell textarea{
  background:rgba(255,255,255,.84)!important;border-color:#cddbe4!important;color:#344f63!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}

/* ---------- 5. About: centre the 01-04 system and premium-decor content ---------- */
body.motion-v083.page-about .v36-value-card{
  text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  padding:24px 20px!important;
}
body.motion-v083.page-about .v36-value-card>span{margin-left:auto!important;margin-right:auto!important}
body.motion-v083.page-about .v36-value-card h3,
body.motion-v083.page-about .v36-value-card p{text-align:center!important;width:100%!important}
body.motion-v083.page-about .v36-rich-card{
  border:1px solid #dce6e4!important;border-radius:22px!important;box-shadow:0 13px 32px rgba(22,61,70,.06)!important;
}
body.motion-v083.page-about .v36-rich-card:not(.v36-accent-card){background:linear-gradient(145deg,#fff,#f6faf9)!important}

/* ---------- 6. Warranty: stronger four-step/service surfaces ---------- */
body.motion-v083.page-warranty .v36-process-grid{gap:14px!important}
body.motion-v083.page-warranty .v36-process-card,
body.motion-v083.page-warranty .v36-value-card{padding:25px 22px!important;min-height:190px!important;justify-content:center!important}
body.motion-v083.page-warranty .v36-process-card:nth-child(1){border-top:3px solid #2f8e7f!important}
body.motion-v083.page-warranty .v36-process-card:nth-child(2){border-top:3px solid #b87835!important}
body.motion-v083.page-warranty .v36-process-card:nth-child(3){border-top:3px solid #7b5d91!important}
body.motion-v083.page-warranty .v36-process-card:nth-child(4){border-top:3px solid #557b9e!important}
body.motion-v083.page-warranty .placeholder{
  border:1px solid #dce7e4!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f7faf9)!important;
  box-shadow:0 9px 24px rgba(21,62,70,.045)!important;color:#60747f!important;
}
body.motion-v083.page-warranty .placeholder strong{color:#275367!important;font-weight:650!important}

/* ---------- 7. Installation: premium service cards ---------- */
body.motion-v083.page-installation .v36-process-card{padding:25px 22px!important;min-height:180px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
body.motion-v083.page-installation .v36-process-card>span{margin-left:auto!important;margin-right:auto!important}
body.motion-v083.page-installation .v36-check-grid article{
  border:1px solid #dce8e5!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f6faf8)!important;
  box-shadow:0 9px 24px rgba(21,62,70,.045)!important;padding:22px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
body.motion-v083.page-installation .v36-check-grid article:hover{transform:translateY(-3px)!important;border-color:#bfd7d1!important;box-shadow:0 16px 34px rgba(21,62,70,.085)!important}
body.motion-v083.page-installation .placeholder{border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fbfa)!important;border-color:#dce7e4!important;box-shadow:0 9px 24px rgba(21,62,70,.045)!important}

/* ---------- 8. Solutions: consistent 01/02/03 + premium solution cards ---------- */
body.motion-v083.page-solutions .v36-solution-grid{gap:16px!important}
body.motion-v083.page-solutions .v36-solution-card{
  border:1px solid #dce7e5!important;border-radius:22px!important;background:linear-gradient(180deg,#fff 0%,#f7fbf9 100%)!important;
  box-shadow:0 12px 30px rgba(22,62,72,.055)!important;padding:26px!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body.motion-v083.page-solutions .v36-solution-card:hover{transform:translateY(-4px)!important;border-color:#bfd7d1!important;box-shadow:0 19px 42px rgba(21,62,72,.10)!important}
body.motion-v083.page-solutions .v36-solution-kicker{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 13px!important;border-radius:999px!important;
  background:#e8f5f0!important;color:#176c5c!important;border:1px solid rgba(23,108,92,.14)!important;font-size:12.6px!important;font-weight:680!important;letter-spacing:.02em!important;
}
body.motion-v083.page-solutions .v36-solution-card:nth-child(2) .v36-solution-kicker{background:#fbefdf!important;color:#a66822!important}
body.motion-v083.page-solutions .v36-solution-card:nth-child(3) .v36-solution-kicker{background:#f2ebf8!important;color:#76548b!important}
body.motion-v083.page-solutions .v38-solution-icon{transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease!important}
body.motion-v083.page-solutions .v36-solution-card:hover .v38-solution-icon{transform:translateY(-2px) scale(1.07)!important;box-shadow:0 10px 22px rgba(26,76,80,.10)!important}
body.motion-v083.page-solutions .v36-usecase-grid article{border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fbfa)!important;border-color:#dce7e5!important;box-shadow:0 9px 24px rgba(21,62,70,.045)!important}

/* ---------- 9. Related products: technical icons vertical on the left ---------- */
body.motion-v083.page-product-detail .related-media .media-feature-strip{
  left:10px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  flex-wrap:nowrap!important;max-width:none!important;
}
body.motion-v083.page-product-detail .related-media .media-feature-icon{width:32px!important;height:32px!important;flex:0 0 32px!important}

/* ---------- 10. Contact photo-card consistency & premium note boxes ---------- */
body.motion-v083.page-contact .v44-doorfit-contact-grid{gap:16px!important}
body.motion-v083.page-contact .v44-doorfit-contact-card{border-radius:20px!important;overflow:hidden!important}
body.motion-v083.page-contact .v44-doorfit-contact-card h3{margin-top:0!important}
body.motion-v083.page-contact #door-fit-guide .placeholder{
  border:1px solid #dce6e3!important;border-radius:17px!important;background:linear-gradient(180deg,#fff,#f8fbfa)!important;
  box-shadow:0 8px 22px rgba(21,62,70,.04)!important;padding:18px 20px!important;
}
body.motion-v083.page-contact #door-fit-guide .placeholder strong{color:#275568!important;font-weight:650!important}

/* ---------- 11. Mobile typography + motion safety ---------- */
@media(max-width:780px){
  body.motion-v083{font-size:15.8px!important;line-height:1.62!important}
  body.motion-v083 main h1{font-size:clamp(30px,9vw,39px)!important}
  body.motion-v083 main h2{font-size:clamp(24px,7vw,31px)!important}
  body.motion-v083 .lead{font-size:16px!important}
  body.motion-v083 .eyebrow,body.motion-v083 .section-kicker{font-size:11.8px!important;letter-spacing:.045em!important}
  body.motion-v083.page-contact .v44-doorfit-contact-card>div{padding:18px 18px 20px!important}
  body.motion-v083.page-contact .form-shell{padding:19px!important;border-radius:20px!important}
  body.motion-v083.page-product-detail .related-media .media-feature-strip{left:8px!important;gap:5px!important}
  body.motion-v083.page-product-detail .related-media .media-feature-icon{width:29px!important;height:29px!important;flex-basis:29px!important}
}
@media(prefers-reduced-motion:reduce){
  body.motion-v083 .v36-process-card:hover,
  body.motion-v083 .v36-value-card:hover,
  body.motion-v083 .v36-path-card:hover,
  body.motion-v083 .v44-doorfit-contact-card:hover,
  body.motion-v083 .door-fit-guide-card:hover{animation:none!important;transform:none!important}
}


/* ============================================================
   v0.84 — Founder Final Polish + About Page Redesign
   Scope: numbered-card alignment, render-only image remediation,
   solution/usecase hover, installation visual polish, lighter H1,
   and a Vietnamese-only About page grounded in TPSS brand values.
   No product/price/legal/routing/indexing changes.
   ============================================================ */

/* 1) H1: less heavy on service/about/contact pages. */
body.motion-v084.page-installation main h1,
body.motion-v084.page-warranty main h1,
body.motion-v084.page-about main h1,
body.motion-v084.page-contact main h1{
  font-weight:540!important;
  letter-spacing:-.032em!important;
}

/* 2) Numbered 01/02/03/04 systems: centre and balance card copy. */
body.motion-v084.page-home .v054-process-copy{
  align-items:center!important;text-align:center!important;padding:24px 22px!important;
}
body.motion-v084.page-home .v054-process-copy>span{margin-left:auto!important;margin-right:auto!important}
body.motion-v084.page-home .v054-process-copy h3,
body.motion-v084.page-home .v054-process-copy p{width:100%!important;text-align:center!important}
body.motion-v084.page-home #door-fit .door-fit-guide-copy{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}

body.motion-v084.page-solutions .v046-process-step{
  text-align:center!important;align-items:center!important;
}
body.motion-v084.page-solutions .v046-process-step>span:not(.v046-step-visual),
body.motion-v084.page-solutions .v046-process-step>strong,
body.motion-v084.page-solutions .v046-process-step>small{
  margin-left:16px!important;margin-right:16px!important;text-align:center!important;width:calc(100% - 32px)!important;
}
body.motion-v084.page-solutions .v046-process-step>span:not(.v046-step-visual){
  width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  font-size:12.5px!important;font-weight:760!important;margin:10px auto 3px!important;background:#e6f4ef!important;color:#176c5c!important;border:1px solid rgba(23,108,92,.14)!important;
}
body.motion-v084.page-solutions .v046-process-step:nth-of-type(2)>span:not(.v046-step-visual){background:#fbefdf!important;color:#a66822!important}
body.motion-v084.page-solutions .v046-process-step:nth-of-type(3)>span:not(.v046-step-visual){background:#f2ebf8!important;color:#76548b!important}
body.motion-v084.page-solutions .v046-process-step:nth-of-type(4)>span:not(.v046-step-visual){background:#eaf0f8!important;color:#496f96!important}
body.motion-v084.page-solutions .v046-process-step>strong{font-size:15px!important;line-height:1.25!important;font-weight:620!important;margin-top:5px!important}
body.motion-v084.page-solutions .v046-process-step>small{font-size:11.5px!important;line-height:1.45!important;margin-top:4px!important;margin-bottom:13px!important;color:#6e808c!important}

body.motion-v084.page-installation .v36-process-card{
  text-align:center!important;align-items:center!important;
}
body.motion-v084.page-installation .v36-process-card>span{margin-left:auto!important;margin-right:auto!important}
body.motion-v084.page-installation .v36-process-card h3,
body.motion-v084.page-installation .v36-process-card p{text-align:center!important;width:100%!important}

/* 3) Render-only remediation: keep the exact six existing images; adjust framing/tone only. */
body.motion-v084.page-home .v084-home-process-2 .v054-process-visual img,
body.motion-v084.page-home .v084-home-process-4 .v054-process-visual img,
body.motion-v084.page-solutions .v084-solution-process-2 .v046-step-visual img,
body.motion-v084.page-solutions .v084-solution-process-4 .v046-step-visual img,
body.motion-v084.page-installation .v084-install-process-1 .v050-install-visual img,
body.motion-v084.page-installation .v084-install-process-3 .v050-install-visual img{
  transform:scale(1.045)!important;
  transform-origin:center!important;
  filter:saturate(.90) contrast(.975) brightness(1.015)!important;
  image-rendering:auto!important;
}
body.motion-v084.page-home .v084-home-process-2 .v054-process-visual img{object-position:48% 50%!important}
body.motion-v084.page-home .v084-home-process-4 .v054-process-visual img{object-position:50% 50%!important}
body.motion-v084.page-solutions .v084-solution-process-2 .v046-step-visual img{object-position:47% 50%!important}
body.motion-v084.page-solutions .v084-solution-process-4 .v046-step-visual img{object-position:50% 50%!important}
body.motion-v084.page-installation .v084-install-process-1 .v050-install-visual img{object-position:47% 50%!important}
body.motion-v084.page-installation .v084-install-process-3 .v050-install-visual img{object-position:50% 50%!important}

/* 4) Office / lodging / expanded-security images: premium hover movement. */
body.motion-v084.page-solutions .v39-usecase-grid article{
  overflow:hidden!important;transition:transform .24s cubic-bezier(.2,.8,.25,1),box-shadow .24s ease,border-color .24s ease,background .24s ease!important;
}
body.motion-v084.page-solutions .v39-usecase-photo{overflow:hidden!important}
body.motion-v084.page-solutions .v39-usecase-photo img{
  transition:transform .38s cubic-bezier(.2,.8,.25,1),filter .28s ease!important;
  transform:scale(1.001)!important;
}
body.motion-v084.page-solutions .v39-usecase-grid article:hover{
  transform:translateY(-4px)!important;border-color:#bdd5cf!important;box-shadow:0 18px 36px rgba(22,61,70,.10)!important;background:linear-gradient(180deg,#fff,#f6fbf9)!important;
}
body.motion-v084.page-solutions .v39-usecase-grid article:hover .v39-usecase-photo img{
  transform:scale(1.055)!important;filter:saturate(1.035) contrast(1.02)!important;
}

/* 5) Solution hero principles: larger premium pills and a tighter hero copy. */
body.motion-v084.page-solutions .v39-solutions-copy{align-self:center!important;padding:10px 0!important}
body.motion-v084.page-solutions .v39-solution-principles{gap:12px!important;margin-top:22px!important;margin-bottom:0!important}
body.motion-v084.page-solutions .v39-solution-principles span{
  min-height:54px!important;padding:10px 17px 10px 11px!important;gap:10px!important;border-radius:999px!important;
  background:linear-gradient(180deg,#fff,#f7fbfa)!important;border:1px solid #d3e2de!important;color:#385f6d!important;
  font-size:13.2px!important;font-weight:570!important;box-shadow:0 9px 22px rgba(23,62,72,.055)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
body.motion-v084.page-solutions .v39-solution-principles span:hover{transform:translateY(-3px)!important;box-shadow:0 15px 30px rgba(23,62,72,.10)!important;border-color:#bcd4ce!important}
body.motion-v084.page-solutions .v39-solution-principles b{
  width:34px!important;height:34px!important;font-size:11.5px!important;font-weight:760!important;background:#e5f4ef!important;color:#176c5c!important;
}
body.motion-v084.page-solutions .v39-solution-principles span:nth-child(2) b{background:#fbefdf!important;color:#a66822!important}
body.motion-v084.page-solutions .v39-solution-principles span:nth-child(3) b{background:#f2ebf8!important;color:#76548b!important}
@media(min-width:1000px){body.motion-v084.page-solutions .v39-solutions-hero-visual{aspect-ratio:1.52/1!important;min-height:0!important}}

/* 6) Installation: hero editorial panel, handover info cards, and Vietnamese pre-quote band. */
body.motion-v084.page-installation .v084-install-plan{
  background:linear-gradient(135deg,#eef8f5 0%,#f7fbfd 56%,#fbf6ef 100%)!important;
  border:1px solid #cbded9!important;box-shadow:0 18px 42px rgba(22,66,75,.085)!important;
}
body.motion-v084.page-installation .v084-install-plan h3{color:#1e655c!important;font-size:21px!important;font-weight:620!important}
body.motion-v084.page-installation .v084-install-plan li{color:#526c78!important;font-size:15px!important;line-height:1.58!important}
body.motion-v084.page-installation .v084-install-plan li::marker{color:#2d897b!important}
body.motion-v084.page-installation .v084-install-info{
  padding:24px 26px!important;border:1px solid #cfdfdc!important;border-radius:20px!important;
  background:linear-gradient(145deg,#f5fbf9 0%,#fff 58%,#fbf6ef 100%)!important;
  box-shadow:0 13px 30px rgba(21,62,70,.065)!important;color:#5c7380!important;line-height:1.65!important;
}
body.motion-v084.page-installation .v084-install-info strong{display:inline-block;margin-bottom:5px;color:#1d5d68!important;font-size:16px!important;font-weight:630!important}

body.motion-v084.page-installation .v084-prequote-section{
  background:linear-gradient(120deg,#f3f9f7 0%,#fbfaf6 54%,#eef5fb 100%)!important;border-top:1px solid #e2eae8!important;border-bottom:1px solid #e1e9e7!important;
}
body.motion-v084.page-installation .v084-prequote-grid{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important;gap:28px!important;align-items:center!important}
body.motion-v084.page-installation .v084-prequote-main{padding:6px 0!important}
body.motion-v084.page-installation .v084-prequote-main h2{font-size:clamp(28px,3vw,40px)!important;font-weight:560!important;color:#173f56!important;margin:8px 0 10px!important}
body.motion-v084.page-installation .v084-prequote-main p{max-width:760px!important;color:#617784!important;font-size:16px!important;line-height:1.62!important}
body.motion-v084.page-installation .v084-prequote-note{
  display:flex!important;flex-direction:column!important;gap:7px!important;padding:22px!important;border-radius:18px!important;
  background:linear-gradient(145deg,#164f61,#1e6a67)!important;color:#fff!important;box-shadow:0 15px 34px rgba(18,66,74,.18)!important;
}
body.motion-v084.page-installation .v084-prequote-note strong{font-size:16px!important;font-weight:640!important}
body.motion-v084.page-installation .v084-prequote-note span{font-size:13.2px!important;line-height:1.55!important;color:rgba(255,255,255,.83)!important}

/* 7) About: entirely redesigned, Vietnamese-only, values-led. */
body.motion-v084.page-about .v084-about-hero{padding:58px 0 54px!important;background:linear-gradient(120deg,#f8fbfa 0%,#fff 56%,#f6f1e9 100%)!important;border-bottom:1px solid #e6ecea!important}
body.motion-v084.page-about .v084-about-hero-grid{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr)!important;gap:52px!important;align-items:center!important}
body.motion-v084.page-about .v084-about-copy h1{font-size:clamp(42px,5vw,68px)!important;line-height:1.03!important;font-weight:520!important;color:#163f56!important;letter-spacing:-.045em!important;margin:11px 0 18px!important;max-width:770px!important}
body.motion-v084.page-about .v084-about-copy .lead{font-size:17px!important;line-height:1.72!important;color:#607785!important;max-width:760px!important}
body.motion-v084.page-about .v084-about-principle{padding:30px 32px!important;border-radius:26px!important;background:linear-gradient(145deg,#164f61 0%,#1d6966 100%)!important;color:#fff!important;box-shadow:0 26px 58px rgba(19,65,73,.18)!important;position:relative!important;overflow:hidden!important}
body.motion-v084.page-about .v084-about-principle::after{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 0 0 35px rgba(255,255,255,.025)!important}
body.motion-v084.page-about .v084-about-principle-kicker{font-size:12px!important;font-weight:680!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#b8e7db!important;margin-bottom:8px!important}
body.motion-v084.page-about .v084-about-principle h2{font-size:30px!important;line-height:1.18!important;font-weight:570!important;color:#fff!important;margin:0 0 18px!important}
body.motion-v084.page-about .v084-about-principle ul{margin:0!important;padding-left:19px!important;display:grid!important;gap:12px!important;position:relative!important;z-index:1!important}
body.motion-v084.page-about .v084-about-principle li{font-size:14px!important;line-height:1.55!important;color:rgba(255,255,255,.84)!important}
body.motion-v084.page-about .v084-about-promise-section{background:#fff!important}
body.motion-v084.page-about .v084-about-head p{max-width:620px!important}
body.motion-v084.page-about .v084-about-promise-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
body.motion-v084.page-about .v084-about-promise-card{padding:28px 26px!important;border:1px solid #dbe6e3!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#f7fbf9)!important;box-shadow:0 13px 30px rgba(22,61,70,.055)!important;text-align:center!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.motion-v084.page-about .v084-about-promise-card:hover{transform:translateY(-4px)!important;box-shadow:0 20px 42px rgba(22,61,70,.10)!important;border-color:#bcd6d0!important}
body.motion-v084.page-about .v084-about-promise-card span,
body.motion-v084.page-about .v084-about-values-grid article span{width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;margin:0 auto 15px!important;background:#e6f4ef!important;color:#176c5c!important;border:1px solid rgba(23,108,92,.14)!important;font-size:12.5px!important;font-weight:760!important}
body.motion-v084.page-about .v084-about-promise-card:nth-child(2) span{background:#fbefdf!important;color:#a66822!important}
body.motion-v084.page-about .v084-about-promise-card:nth-child(3) span{background:#f2ebf8!important;color:#76548b!important}
body.motion-v084.page-about .v084-about-promise-card h3{font-size:21px!important;font-weight:600!important;color:#244f62!important;margin:0 0 9px!important}
body.motion-v084.page-about .v084-about-promise-card p{font-size:13.5px!important;line-height:1.62!important;color:#657b86!important;margin:0!important}
body.motion-v084.page-about .v084-about-values-section{background:linear-gradient(180deg,#f6faf9,#fff)!important}
body.motion-v084.page-about .v084-about-values-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important}
body.motion-v084.page-about .v084-about-values-grid article{padding:23px 18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #dce7e4!important;text-align:center!important;box-shadow:0 10px 25px rgba(21,62,70,.045)!important;transition:transform .2s ease,box-shadow .2s ease!important}
body.motion-v084.page-about .v084-about-values-grid article:hover{transform:translateY(-4px)!important;box-shadow:0 17px 35px rgba(21,62,70,.09)!important}
body.motion-v084.page-about .v084-about-values-grid article:nth-child(2) span{background:#fbefdf!important;color:#a66822!important}
body.motion-v084.page-about .v084-about-values-grid article:nth-child(3) span{background:#f2ebf8!important;color:#76548b!important}
body.motion-v084.page-about .v084-about-values-grid article:nth-child(4) span{background:#eaf0f8!important;color:#496f96!important}
body.motion-v084.page-about .v084-about-values-grid article:nth-child(5) span{background:#f8ece6!important;color:#a65c43!important}
body.motion-v084.page-about .v084-about-values-grid h3{font-size:17px!important;font-weight:610!important;color:#244f62!important;margin:0 0 8px!important}
body.motion-v084.page-about .v084-about-values-grid p{font-size:12.5px!important;line-height:1.58!important;color:#6a7e88!important;margin:0!important}
body.motion-v084.page-about .v084-about-positioning-section{background:#fff!important}
body.motion-v084.page-about .v084-about-positioning{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:50px!important;align-items:center!important;padding:35px 38px!important;border-radius:25px!important;background:linear-gradient(120deg,#f8fbfa,#f4f8fc 55%,#fbf6ef)!important;border:1px solid #dce7e4!important;box-shadow:0 17px 38px rgba(21,62,70,.06)!important}
body.motion-v084.page-about .v084-about-positioning h2{font-size:clamp(30px,3.6vw,48px)!important;font-weight:540!important;line-height:1.08!important;color:#163f56!important;margin:7px 0 0!important}
body.motion-v084.page-about .v084-about-positioning-copy p{font-size:15px!important;line-height:1.7!important;color:#607784!important;margin:0 0 14px!important}
body.motion-v084.page-about .v084-about-positioning-note{padding:13px 16px!important;border-left:3px solid #b97835!important;background:rgba(255,255,255,.72)!important;border-radius:10px!important;color:#6d5233!important;font-size:13px!important;font-weight:580!important}

@media(max-width:1080px){
  body.motion-v084.page-about .v084-about-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
  body.motion-v084.page-about .v084-about-values-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.motion-v084.page-installation .v084-prequote-grid{grid-template-columns:1fr!important}
}
@media(max-width:780px){
  body.motion-v084.page-about .v084-about-hero{padding:38px 0!important}
  body.motion-v084.page-about .v084-about-copy h1{font-size:clamp(36px,11vw,48px)!important}
  body.motion-v084.page-about .v084-about-principle{padding:24px 22px!important;border-radius:21px!important}
  body.motion-v084.page-about .v084-about-promise-grid{grid-template-columns:1fr!important}
  body.motion-v084.page-about .v084-about-values-grid{grid-template-columns:1fr 1fr!important}
  body.motion-v084.page-about .v084-about-positioning{grid-template-columns:1fr!important;gap:20px!important;padding:25px 22px!important}
  body.motion-v084.page-solutions .v39-solution-principles span{min-height:48px!important;font-size:12px!important}
}
@media(max-width:520px){body.motion-v084.page-about .v084-about-values-grid{grid-template-columns:1fr!important}}

@media(prefers-reduced-motion:reduce){
  body.motion-v084.page-solutions .v39-usecase-grid article:hover,
  body.motion-v084.page-about .v084-about-promise-card:hover,
  body.motion-v084.page-about .v084-about-values-grid article:hover{transform:none!important}
}


/* ============================================================
   v0.85 FINAL PRE-PUBLISH POLISH
   warranty knowledge / same-asset image naturalization / editorial H1 / about sequence
   ============================================================ */

/* Warranty: knowledge block follows the same premium presentation language as Solutions. */
body.motion-v085.page-warranty .v085-warranty-knowledge{
  background:linear-gradient(180deg,#fbfdfc 0%,#f5faf8 100%)!important;
  border-top:1px solid #e4ece9!important;
}
body.motion-v085.page-warranty .v085-warranty-knowledge .section-head{max-width:760px!important;margin-bottom:24px!important}
body.motion-v085.page-warranty .v085-warranty-knowledge .section-head h2{font-weight:540!important;color:#173f56!important}
body.motion-v085.page-warranty .v085-warranty-knowledge .section-head p{font-size:15px!important;line-height:1.65!important;color:#647b87!important}
body.motion-v085.page-warranty .v085-warranty-knowledge .v045-knowledge-card{
  background:linear-gradient(145deg,#fff 0%,#f8fbfa 100%)!important;
  border-color:#dce7e4!important;
  box-shadow:0 13px 30px rgba(21,62,70,.055)!important;
}
body.motion-v085.page-warranty .v085-warranty-knowledge .v045-knowledge-card:hover{
  transform:translateY(-3px)!important;
  border-color:#bdd6d0!important;
  box-shadow:0 19px 38px rgba(21,62,70,.095)!important;
}

/* Knowledge editorial articles: refined H1 weight, preserve scale/hierarchy. */
body.motion-v085.knowledge-article article.section h1{
  font-weight:520!important;
  letter-spacing:-.035em!important;
  line-height:1.075!important;
}

/* About: hero H1 one size down. */
body.motion-v085.page-about .v084-about-copy h1{
  font-size:clamp(38px,4.35vw,60px)!important;
  font-weight:510!important;
  letter-spacing:-.04em!important;
}

/* About: CORE VALUES becomes the premium green signature section and is positioned before promise in HTML. */
body.motion-v085.page-about .v084-about-values-section{
  background:linear-gradient(125deg,#0f5a51 0%,#126d60 50%,#165d70 100%)!important;
  position:relative!important;
  overflow:hidden!important;
}
body.motion-v085.page-about .v084-about-values-section::before,
body.motion-v085.page-about .v084-about-values-section::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body.motion-v085.page-about .v084-about-values-section::before{width:300px;height:300px;right:-110px;top:-145px;box-shadow:0 0 0 58px rgba(255,255,255,.018)!important}
body.motion-v085.page-about .v084-about-values-section::after{width:220px;height:220px;left:-120px;bottom:-130px;box-shadow:0 0 0 42px rgba(255,255,255,.018)!important}
body.motion-v085.page-about .v084-about-values-section .container{position:relative!important;z-index:1!important}
body.motion-v085.page-about .v084-about-values-section .eyebrow{color:#d6e8b7!important}
body.motion-v085.page-about .v084-about-values-section .section-head h2{color:#fff!important;font-weight:540!important}
body.motion-v085.page-about .v084-about-values-section .section-head p{color:rgba(255,255,255,.78)!important}
body.motion-v085.page-about .v084-about-values-grid article{
  background:rgba(255,255,255,.955)!important;
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:0 18px 38px rgba(5,43,42,.19)!important;
}
body.motion-v085.page-about .v084-about-values-grid article:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 24px 46px rgba(5,43,42,.27)!important;
}
body.motion-v085.page-about .v084-about-values-grid h3{color:#17495a!important}
body.motion-v085.page-about .v084-about-values-grid p{color:#5f7580!important}

/* Promise follows values on a quiet white surface, creating values -> promise storytelling. */
body.motion-v085.page-about .v084-about-promise-section{
  background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)!important;
}

/* Targeted six-card image naturalization: same assets, now re-framed in-place. Avoid extra zoom from older patches. */
body.motion-v085 .v084-home-process-2 .v054-process-visual img,
body.motion-v085 .v084-home-process-4 .v054-process-visual img,
body.motion-v085.page-solutions .v084-solution-process-2 .v046-step-visual img,
body.motion-v085.page-solutions .v084-solution-process-4 .v046-step-visual img,
body.motion-v085.page-installation .v084-install-process-1 .v050-install-visual img,
body.motion-v085.page-installation .v084-install-process-3 .v050-install-visual img{
  transform:none!important;
  filter:saturate(.98) contrast(1.01)!important;
  object-position:center center!important;
}

@media(max-width:780px){
  body.motion-v085.page-about .v084-about-copy h1{font-size:clamp(34px,10vw,44px)!important}
  body.motion-v085.knowledge-article article.section h1{font-weight:520!important;line-height:1.1!important}
}

/* CGP-20261028 — scoped search and Zalo dialog presentation only. */
header .actions .tpss-search-open{display:inline-flex!important;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;flex:0 0 44px;border:1px solid #d6e1e7;border-radius:12px;background:#fff;color:#173c61;cursor:pointer;font:inherit}
.tpss-search-open span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tpss-search-open:hover{background:#eff6fa!important;border-color:#7d9bac!important}
.tpss-search-open:focus-visible,.tpss-search-dialog :focus-visible,.tpss-zalo-dialog :focus-visible{outline:3px solid #087fa2;outline-offset:3px}
.tpss-search-modal[hidden]{display:none!important}
.tpss-search-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;box-sizing:border-box}
.tpss-search-backdrop{position:absolute;inset:0;background:rgba(7,22,36,.56);backdrop-filter:blur(3px)}
.tpss-search-dialog{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;width:min(640px,100%);max-height:min(760px,calc(100vh - 32px));max-height:min(760px,calc(100dvh - 32px));box-sizing:border-box;margin:0;padding:24px;border:1px solid #e0e7eb;border-radius:20px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.28);text-align:left;color:#173c61;overflow:auto;overscroll-behavior:contain}
.tpss-search-dialog *{box-sizing:border-box}
.tpss-search-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tpss-search-heading h2{margin:0;padding:0;font-size:23px;line-height:1.3;color:#173c61}
.tpss-search-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #dce5e9;border-radius:12px;background:#f6f8fa;color:#173c61;font-size:27px;line-height:1;cursor:pointer}
.tpss-search-form{display:block;margin:0;padding:0;border:0;background:none;box-shadow:none}
.tpss-search-form label{display:block;margin:0 0 7px;font-size:13px;font-weight:650;color:#355567}
.tpss-search-form input{display:block;width:100%;min-width:0;min-height:48px;margin:0;padding:11px 14px;border:1px solid #9cb2c0;border-radius:10px;background:#fff;color:#172f40;font:inherit;font-size:16px;box-shadow:none}
#tpss-search-status{margin:0;padding:0;color:#607582;font-size:13px;line-height:1.5}
.tpss-search-results{display:block;list-style:none;min-height:0;max-height:48vh;margin:0;padding:0;overflow:auto;overscroll-behavior:contain}
.tpss-search-results li{list-style:none;margin:0;padding:0;border-bottom:1px solid #e6edf1}
.tpss-search-results a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:74px;padding:12px 10px;border-radius:9px;text-decoration:none;color:#173c61}
.tpss-search-results a:hover,.tpss-search-results a:focus-visible{background:#eff6fa}
.tpss-search-identity{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.tpss-search-identity small{font-size:11px;letter-spacing:.04em;color:#6c7e89}
.tpss-search-identity strong{font-size:16px;line-height:1.4}
.tpss-search-price{display:grid;gap:4px;justify-items:end;text-align:right;white-space:nowrap}
.tpss-search-price strong{font-size:14px;line-height:1.4;color:#0c5c7e}
.tpss-search-price del{font-size:12px;line-height:1.4;color:#6c7e89}
.tpss-search-more{min-height:44px;padding:10px 16px;border:1px solid #cbdce5;border-radius:10px;background:#f4f8fa;color:#173c61;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.tpss-search-more[hidden]{display:none!important}
.tpss-zalo-modal{padding:16px;box-sizing:border-box}
.tpss-zalo-dialog{display:grid;justify-items:center;gap:12px;width:min(410px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:0;padding:28px;box-sizing:border-box;text-align:center;overflow:auto;overscroll-behavior:contain}
.tpss-zalo-dialog>img:first-of-type{display:block;margin:0!important;justify-self:center}
.tpss-zalo-dialog h3{width:100%;margin:0!important;padding:0;line-height:1.35;text-align:center}
.tpss-zalo-dialog p{width:100%;max-width:34ch;margin:0!important;padding:0;text-align:center;line-height:1.55}
.tpss-zalo-dialog .tpss-zalo-qr{display:block;justify-self:center;width:238px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;box-sizing:border-box;margin:4px 0!important;padding:10px;border-radius:12px;background:#fff}
.tpss-zalo-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;width:100%;margin:0!important}
.tpss-zalo-modal-actions a,.tpss-zalo-modal-actions button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;margin:0;padding:10px 12px;box-sizing:border-box;font-size:14px;line-height:1.4;text-align:center}
.tpss-zalo-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:#4f6675;font-size:25px;line-height:1;cursor:pointer}
.tpss-zalo-close:hover{background:#eff4f7}
@media(max-width:600px){.tpss-search-dialog{padding:18px;gap:12px;border-radius:16px}.tpss-search-heading h2{font-size:21px}.tpss-search-results a{gap:10px;padding:12px 4px}.tpss-search-identity strong{font-size:15px}.tpss-search-price strong{font-size:13px}.tpss-search-price del{font-size:11px}.tpss-zalo-dialog{padding:24px;gap:10px}}
@media(max-height:540px){.tpss-zalo-dialog{padding:18px;gap:8px}.tpss-zalo-dialog .tpss-zalo-qr{width:180px}.tpss-zalo-dialog>img:first-of-type{width:32px!important;height:32px!important}.tpss-search-dialog{padding:16px;gap:8px}}

/* G07.7 CORR1: presentation only; existing server-confirmed form states. */
form[data-prototype] [role="status"][data-status] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 16px 0 0 !important;
  padding: 18px 20px;
  border: 2px solid #1d4f91;
  border-left-width: 6px;
  border-radius: 12px;
  background: #edf4ff;
  color: #143d75;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 650;
  text-align: left;
  overflow-wrap: anywhere;
}
form[data-prototype] [role="status"][data-status][hidden] { display: none; }
form[data-prototype] [role="status"][data-status="SUCCESS"] {
  border-color: #237146;
  background: #eaf7ee;
  color: #154c2f;
  font-weight: 750;
}
form[data-prototype] [role="status"][data-status="ERROR"] {
  border-color: #a52a31;
  background: #fff0f0;
  color: #812027;
}
@media (max-width: 480px) {
  form[data-prototype] [role="status"][data-status] {
    padding: 16px;
    font-size: 17px;
  }
}

/* HF1 media only: larger DL50 visual inside the same 300px catalogue media area. */
body.features-v093 #main-content .product-card-premium[data-id="EZVIZ-DL50FVS-PLUS"] .product-media-premium {
  padding:44px 14px 0!important;
}
body.features-v093 #main-content .product-card-premium[data-id="EZVIZ-DL50FVS-PLUS"] .v092-product-stage {
  flex-basis:256px!important;height:256px!important;
}