*{box-sizing:border-box}body{margin:0;color:#182b3d;font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f4f7fa}a{color:inherit;text-decoration:none}.container{width:min(1000px,calc(100% - 40px));margin:auto}.top{background:#102b46;color:#d9e3ed;font-size:12px;padding:9px 0}.head{background:white;border-bottom:1px solid #e2e8ee}.head .container{min-height:83px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;flex:0 0 auto}.brand-logo{display:block;width:120px;height:auto;max-height:68px;object-fit:contain}.headnav{display:flex;gap:22px;align-items:center;font-size:12px;font-weight:650}.cta{background:#d92e3a;color:#fff!important;padding:11px 15px;border-radius:4px}.crumbs{padding:24px 0;color:#627385;font-size:12px}.crumbs span{padding:0 8px;color:#d92e3a}.main{padding:27px 0 90px}.kicker{color:#d92e3a;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:750}.main h1{font-size:clamp(38px,6vw,60px);line-height:1.1;letter-spacing:-1.8px;color:#102b46;margin:13px 0}.intro{max-width:640px;color:#627385;font-size:16px;margin:15px 0 32px}.actions{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #e2e8ee;margin-top:28px;padding-top:20px;font-size:12px}.actions a:last-child{color:#d92e3a;font-weight:700}footer{padding:19px 0;background:#0c2238;color:#cbd6e0;font-size:10px}@media(max-width:600px){.head .container{min-height:69px}.headnav>a:not(.cta){display:none}.intro{font-size:14px}.placeholder{min-height:230px}.actions{align-items:flex-start;flex-direction:column}}
.catalog-visual img.image-fallback,.chemical-visual img.image-fallback{object-fit:contain!important;padding:14%!important;background:linear-gradient(145deg,#f1f5f7,#e8eef2)}
.catalog-visual img.pillow-photo{object-fit:contain!important;padding:4px!important;background:#eceae4!important;mix-blend-mode:normal!important}

/* Keep the product-page logo at the same display size as the homepage. */
.head .container{min-height:108px}
.head .brand-logo{display:block;width:170px;height:auto;max-height:105px;object-fit:contain}
@media(max-width:700px){.head .container{min-height:90px}.head .brand-logo{width:130px;max-height:86px}}


/* Quiet, consistent motion for product catalogs. */
.family-card,.chemical-card,.catalog-card,.door-card,.curtain-card,.rox-card{transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease}
.family-card:focus-within,.chemical-card:focus-within,.catalog-card:focus-within,.door-card:focus-within,.curtain-card:focus-within,.rox-card:focus-within{outline:2px solid #d92e3a;outline-offset:3px}
@media(hover:hover){.family-card:hover,.chemical-card:hover,.catalog-card:hover,.door-card:hover,.curtain-card:hover,.rox-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(16,43,70,.12);border-color:#d8e0e7}.family-visual img,.chemical-visual img,.catalog-visual img{transition:transform .42s cubic-bezier(.2,.75,.25,1)}.family-card:hover .family-visual img,.chemical-card:hover .chemical-visual img,.catalog-card:hover .catalog-visual img{transform:scale(1.025)}html.product-motion-ready .family-card.is-visible:hover,html.product-motion-ready .chemical-card.is-visible:hover,html.product-motion-ready .catalog-card.is-visible:hover,body.motion-ready .rox-card.is-visible:hover,body.motion-ready .door-card.is-visible:hover,body.motion-ready .curtain-card.is-visible:hover{transform:translateY(-3px)}}
html.product-motion-ready .family-card,html.product-motion-ready .chemical-card,html.product-motion-ready .catalog-card{opacity:0;transform:translateY(14px);transition:opacity .48s ease,transform .52s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease;transition-delay:var(--card-delay,0ms)}
html.product-motion-ready .family-card.is-visible,html.product-motion-ready .chemical-card.is-visible,html.product-motion-ready .catalog-card.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.family-card,.chemical-card,.catalog-card,.door-card,.curtain-card,.rox-card,.family-visual img,.chemical-visual img,.catalog-visual img,.door-photo img,.curtain-photo img,.rox-photo img{animation:none!important;transition:none!important;transform:none!important}html.product-motion-ready .family-card,html.product-motion-ready .chemical-card,html.product-motion-ready .catalog-card{opacity:1!important;transition:none!important}}

/* Product page product navigation dropdown */
.head .container { position:relative; }
.product-menu { position:relative; }
.product-menu > summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:7px; padding:10px 0; color:#182b3d; }
.product-menu > summary::-webkit-details-marker { display:none; }
.product-menu > summary::after { content:"⌄"; color:#d92e3a; font-size:14px; transition:transform .2s ease; }
.product-menu[open] > summary::after { transform:rotate(180deg); }
.product-menu-panel { position:absolute; z-index:40; top:calc(100% + 13px); right:0; width:min(280px,calc(100vw - 32px)); max-height:min(65vh,430px); overflow:auto; display:grid; gap:2px; padding:8px; border:1px solid #e1e8ee; border-radius:9px; background:#fff; box-shadow:0 16px 38px rgba(16,43,70,.16); }
.product-menu-panel a { display:block; padding:10px 11px; border-radius:5px; color:#233a4e; font-size:12px; font-weight:600; }
.product-menu-panel a:hover, .product-menu-panel a:focus-visible { background:#f3f6f8; color:#d92e3a; }
@media(max-width:600px) {
  .headnav > a:not(.cta) { display:none; }
  .headnav { gap:14px; }
  .product-menu-panel { right:-60px; }
}
