/* DREWNOPLAST — REX UPDATE 50
   Product pages: title + lead + wide horizontal photo, then product content.
   Typography is inherited from the global REX stylesheet (Montserrat). */
.rex50-page{background:#fff;color:#111;overflow:hidden}
.rex50-head{padding-top:78px;padding-bottom:42px}
.rex50-head-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:80px;align-items:end}
.rex50-head .section-kicker{margin-bottom:16px}
.rex50-head h1{font-size:clamp(44px,5.2vw,74px);line-height:.98;letter-spacing:-.05em;margin:0;font-weight:700;max-width:760px}
.rex50-head p{font-size:14px;line-height:1.78;color:#5d6064;margin:0;max-width:670px}
.rex50-wide-media{padding-bottom:76px}
.rex50-wide-media-frame{width:100%;aspect-ratio:10/3;min-height:360px;max-height:540px;overflow:hidden;background:#eceae6;position:relative}
.rex50-wide-media-frame img{width:100%;height:100%;object-fit:cover;display:block}
.rex50-wide-media-frame.rex50-contain{background:#f3f1ed}
.rex50-wide-media-frame.rex50-contain img{object-fit:contain;padding:34px;background:#fff}
.rex50-body{background:#f3f1ed;padding:76px 0 90px}
.rex50-body-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:78px;align-items:start}
.rex50-copy h2,.rex50-features-wrap h2,.rex50-hardware-head h2{font-size:clamp(34px,3.7vw,54px);line-height:1.03;letter-spacing:-.043em;margin:0;font-weight:700}
.rex50-copy p{font-size:14px;line-height:1.78;color:#5d6064;margin:22px 0 0;max-width:650px}
.rex50-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.rex50-features-wrap{background:#fff;padding:40px 44px}
.rex50-features-wrap .section-kicker{margin-bottom:12px}
.rex50-features{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid #ddd8d1}
.rex50-features li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid #ddd8d1;font-size:13px;line-height:1.55;font-weight:600}
.rex50-features b{font-size:9px;color:var(--red,#ef101a);letter-spacing:.12em}
.rex50-hardware{padding:76px 0 94px;background:#fff}
.rex50-hardware-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:end;margin-bottom:34px}
.rex50-hardware-head p{font-size:13px;line-height:1.75;color:#64676b;margin:0;max-width:650px;justify-self:end}
.rex50-hardware-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rex50-hardware-card{position:relative;min-height:330px;background:#16191a;color:#fff;overflow:hidden}
.rex50-hardware-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease}
.rex50-hardware-card:nth-child(1) img{object-position:8% center}.rex50-hardware-card:nth-child(2) img{object-position:28% center}.rex50-hardware-card:nth-child(3) img{object-position:50% center}.rex50-hardware-card:nth-child(4) img{object-position:72% center}.rex50-hardware-card:nth-child(5) img{object-position:92% center}
.rex50-hardware-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,13,.95) 0%,rgba(10,12,13,.58) 38%,rgba(10,12,13,.08) 77%)}
.rex50-hardware-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}
.rex50-hardware-copy small{display:block;font-size:8px;font-weight:700;letter-spacing:.14em;color:#ed1c24;margin-bottom:8px}
.rex50-hardware-copy h3{font-size:18px;line-height:1.12;font-weight:650;letter-spacing:-.025em;margin:0}
.rex50-hardware-copy p{font-size:10px;line-height:1.55;color:rgba(255,255,255,.68);margin:9px 0 0}
@media(hover:hover) and (pointer:fine){.rex50-hardware-card:hover img{transform:scale(1.045)}.rex50-hardware-card{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.rex50-hardware-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.12)}}
@media(max-width:1180px){.rex50-hardware-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.rex50-head-inner,.rex50-body-grid,.rex50-hardware-head{grid-template-columns:1fr;gap:28px}.rex50-hardware-head p{justify-self:start}.rex50-wide-media-frame{min-height:300px}.rex50-hardware-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.rex50-head{padding-top:52px;padding-bottom:30px}.rex50-head h1{font-size:38px;line-height:1.03}.rex50-head p{font-size:13px}.rex50-wide-media{padding-bottom:50px}.rex50-wide-media-frame{aspect-ratio:16/9;min-height:0}.rex50-body{padding:52px 0 64px}.rex50-copy h2,.rex50-features-wrap h2,.rex50-hardware-head h2{font-size:35px}.rex50-features-wrap{padding:30px 22px}.rex50-actions{display:grid;grid-template-columns:1fr}.rex50-actions .primary-btn,.rex50-actions .outline-btn{justify-content:center}.rex50-hardware{padding:56px 0 70px}.rex50-hardware-grid{grid-template-columns:1fr}.rex50-hardware-card{min-height:315px}}