/* Preserve the inspected reference geometry; banners use keykeer product scene artwork. */
.reference-adaptation{font-family:Helvetica,Arial,sans-serif;--blue:#191919;--ink:#191919}
.reference-adaptation .preview-note{height:48px;display:flex;align-items:center;justify-content:center;padding:0 18px;font-size:12px;font-weight:600;background:#191919}
.reference-adaptation .header{height:76px;margin-bottom:-76px;padding:0 48px;background:transparent;border:0;color:#fff;transition:background .2s,color .2s;gap:24px}
.reference-adaptation .header .brand{width:136px;height:45px}
.reference-adaptation .header .brand img{width:148px;filter:invert(1)}
.reference-adaptation .header nav{font-size:16px;gap:30px;font-weight:700;margin-right:auto}
.reference-adaptation .header nav span{font-size:15px;margin-left:5px}
.reference-adaptation .header.scrolled{background:#fff;color:#191919;box-shadow:0 1px 0 #e8e8e8}
.reference-adaptation .header.scrolled .brand img{filter:none}
.header-contact{font-size:14px;font-weight:600;white-space:nowrap}
.reference-adaptation .button{border-radius:14px;min-height:54px;padding:17px 31px;background:#191919;color:#fff;font-size:16px;font-weight:700;line-height:20px;transition:opacity .2s,transform .2s}
.reference-adaptation .button:hover{opacity:.85}
.reference-adaptation .header .button{padding:12px 20px;min-height:44px;background:#fff;color:#191919;font-size:14px}
.reference-adaptation .header.scrolled .button{background:#191919;color:#fff}
.reference-poster{height:640px;position:relative;display:flex;align-items:center;isolation:isolate;color:#fff;margin-bottom:25.6px;overflow:hidden;background:#272b2d}
.poster-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-3}
.poster-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 72%),linear-gradient(180deg,#0005,transparent 25%);z-index:-2}
.poster-copy{padding:0 48px;width:100%;max-width:600px;transform:translateY(36px)}
.poster-copy>p{font-size:16px;font-weight:700;line-height:24px;color:#fff;margin-bottom:24px}
.poster-copy h1,.poster-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:600;line-height:1.2;letter-spacing:0;color:#fff;margin:0 0 32px}
.poster-copy .button{background:#fff;color:#191919}
.reference-label{position:absolute;right:18px;bottom:12px;padding:5px 8px;background:#0008;color:#fff;font-size:10px;border-radius:3px}
.reference-adaptation h2{letter-spacing:0;font-size:40px;font-weight:500}
.reference-adaptation .section{padding:80px 48px}
.reference-adaptation .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px}
.reference-adaptation .product-info h3{font-size:20px;letter-spacing:0}
.reference-adaptation .product-image{background:#f5f5f5;border-radius:10px;aspect-ratio:1}
.reference-adaptation .factory-feature{margin:0 0 26px;background:#f5f5f5}
.reference-adaptation .factory-copy{padding:60px 8%}
.reference-adaptation .business{background:#f5f5f5}
.reference-adaptation .support-grid strong{font-size:48px}
.reference-adaptation .floating-wa{background:#191919}
.reference-adaptation .mobile-cta a{background:#191919}
.reference-adaptation .mobile-cta a:last-child{background:#185b42}
@media(min-width:1800px){.reference-poster{height:44.45vw}}
@media(max-width:1190px){.reference-adaptation .header{padding:0 28px;gap:18px}.reference-adaptation .header nav{gap:19px;font-size:14px}.header-contact{display:none}}
@media(max-width:900px){.reference-adaptation .header nav{gap:14px;font-size:12px}.reference-adaptation .header .brand{width:112px}.reference-adaptation .header .brand img{width:123px}.reference-adaptation .header .button{padding:12px;font-size:12px}.reference-adaptation .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-adaptation .section{padding:65px 32px}}
@media(max-width:760px){
 .reference-adaptation .preview-note{height:38px;font-size:9px;padding:0 10px;line-height:1.4}
 .reference-adaptation .header{height:62px;margin-bottom:-62px;padding:0 20px;gap:18px}
 .reference-adaptation .header .brand{width:130px}.reference-adaptation .header .brand img{width:142px}
 .reference-adaptation .menu-toggle{color:inherit;font-size:13px}
 .reference-adaptation .header nav{top:62px;background:#fff;color:#191919;gap:22px;font-size:17px}
 .reference-adaptation .header nav a:hover{color:#191919}
 .reference-adaptation .header .button{min-height:38px;padding:9px 12px;font-size:12px;border-radius:10px}
 .reference-poster{height:560px;margin-bottom:16px;align-items:flex-end}
 .poster-copy{padding:0 24px 80px;transform:none}
 .poster-copy>p{font-size:14px;line-height:20px;margin-bottom:15px}
 .poster-copy h1,.poster-copy h2{font-size:30px;line-height:1.2;letter-spacing:0;margin-bottom:25px;max-width:320px}
 .poster-copy .button{font-size:14px;padding:15px 24px;min-height:48px}
 .poster-shade{background:linear-gradient(180deg,#0002 0%,#0000 35%,#0007 100%)}
 .reference-label{font-size:8px;right:12px;bottom:10px}
 .reference-adaptation .section{padding:58px 24px}.reference-adaptation h2{font-size:30px;line-height:1.2}
 .reference-adaptation .product-grid{grid-template-columns:1fr 1fr;gap:28px 18px}
 .reference-adaptation .factory-copy{padding:35px 24px 45px}
 .reference-adaptation .faq{padding-top:0}.reference-adaptation .inquiry h2{font-size:34px}
}
@media(prefers-reduced-motion:reduce){.reference-adaptation .header{transition:none}}

.catalog-search{display:flex;align-items:center;gap:18px;margin-top:24px;font-size:14px}.catalog-search input{width:min(100%,340px);padding:12px 14px;border:1px solid #dfe2e7;border-radius:6px;background:white;font:inherit}.active-filters{display:flex;gap:10px;flex-wrap:wrap;margin:-5px 0 28px}.filter-chip{background:#f2f3f5;border:1px solid #dfe2e7;border-radius:30px;padding:8px 13px;color:#333;font-size:12px}.filter-chip:hover{background:#e5e8ed}.collection-tabs button{white-space:nowrap}.filters label select{max-width:230px}.filters{flex-wrap:wrap}.catalog-search input:focus-visible{outline:2px solid #191919;outline-offset:2px}@media(max-width:760px){.catalog-search{align-items:flex-start;flex-direction:column;gap:8px;font-size:12px}.catalog-search input{width:100%;font-size:16px}.collection-tabs button{font-size:12px;white-space:normal}.filters label select{max-width:none}.active-filters{margin:0 0 20px}}

@media(max-width:760px){.poster-background{object-position:65% center}.poster-copy{padding-bottom:48px}.poster-shade{background:linear-gradient(180deg,#0006,transparent 28%,#0001 48%,#000c 100%)}.collection-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .reference-poster{background:#171a1d}
 .poster-background{height:380px;object-position:80% center;mask-image:linear-gradient(#000 72%,transparent 100%)}
 .poster-shade{background:linear-gradient(180deg,#0005,transparent 24%,transparent 60%,#171a1d 82%)}
 .poster-copy h1,.poster-copy h2{font-size:27px;max-width:342px}
}
/* Catalog extension: preserve the reference-style homepage and hero posters. */
.reference-adaptation .product-actions{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #dedfe2;padding-top:16px;font-size:13px;font-weight:600}.reference-adaptation .product-actions a:hover{text-decoration:underline}.reference-adaptation .product-meta{font-size:13px;color:#65686d;margin-top:22px}.reference-adaptation .product-card h3 a{color:inherit}.reference-adaptation .catalog-all-link{margin-top:42px}.reference-adaptation #empty-results{padding:45px;background:#f5f5f5}.reference-adaptation .product-card>p:not(.product-meta){font-size:14px;color:#65686d}.reference-adaptation .product-image img{object-fit:contain;padding:20px}.reference-adaptation .product-card[hidden]{display:none!important}