/* ROST product pages v2 add-on (2026-10-24): gallery, photo swatches, lightbox, dimensions */
.rp-gal{position:relative}
.rp-gal>img{display:none;width:100%;height:auto}
.rp-gal>img:first-child{display:block}
.rp-gal.ready>img{display:none!important}
.rp-gal-main{position:relative;border-radius:10px;overflow:hidden;background:#fff;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.rp-gal-main img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.rp-gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.92);cursor:pointer;font-size:20px;line-height:1;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0}
.rp-gal-nav:hover{border-color:var(--red);color:var(--red)}
.rp-gal-nav.prev{left:8px}.rp-gal-nav.next{right:8px}
.rp-gal-thumbs{display:flex;gap:8px;margin-top:10px}
.rp-gal-thumbs button{width:72px;height:48px;border:2px solid var(--line);border-radius:6px;padding:0;background:#fff;cursor:pointer;overflow:hidden}
.rp-gal-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.rp-gal-thumbs button[aria-current=true]{border-color:var(--red)}
.rp-coats>.rp-coat{display:none}
.rp-cspecs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}
.rp-cspecs div{background:var(--soft);border-radius:8px;padding:8px 10px}
.rp-cspecs span{display:block;font-size:12px;color:var(--mut)}
.rp-cspecs b{font-size:15px}
.rp-swp{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px}
.rp-swp button{border:0;background:none;padding:0;cursor:pointer;text-align:center;font:inherit;color:var(--ink)}
.rp-swp button img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:transform .15s,box-shadow .15s}
.rp-swp button:hover img,.rp-swp button:focus-visible img{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.18)}
.rp-swp button b{display:block;font-size:13px;margin-top:5px}
.rp-swp button span{display:block;font-size:12px;color:var(--mut)}
.rp-lb{position:fixed;inset:0;z-index:9999;background:rgba(15,16,18,.86);display:none;align-items:center;justify-content:center;padding:20px}
.rp-lb.open{display:flex}
.rp-lb-box{background:#fff;border-radius:14px;max-width:920px;width:100%;max-height:100%;overflow:auto;position:relative;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#222}
.rp-lb-img{background:#111;display:flex;align-items:center;justify-content:center;border-radius:14px 14px 0 0;overflow:hidden}
.rp-lb-img img{max-width:100%;max-height:70vh;display:block}
.rp-lb-cap{padding:16px 20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.rp-lb-cap h3{margin:0;font-size:20px}
.rp-lb-cap p{margin:2px 0 0;color:#6b6f76;font-size:14px}
.rp-lb-x{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.95);font-size:24px;line-height:1;cursor:pointer;color:#222}
.rp-lb-nav{position:absolute;top:35%;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.95);font-size:24px;cursor:pointer;color:#222}
.rp-lb-nav.prev{left:10px}.rp-lb-nav.next{right:10px}
.rp-lb a.rp-btn{display:inline-flex;align-items:center;gap:8px;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:600;text-decoration:none;background:#229ed9;border:2px solid #229ed9;color:#fff}
.rp-lb a.rp-btn:before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M21.9 4.3 18.6 20c-.2 1.1-.9 1.4-1.8.9l-5-3.7-2.4 2.3c-.3.3-.5.5-1 .5l.4-5.1 9.2-8.3c.4-.4-.1-.6-.6-.2L6 13.6 1.1 12c-1.1-.3-1.1-1.1.2-1.6L20.5 3c.9-.3 1.7.2 1.4 1.3z'/%3E%3C/svg%3E") center/contain no-repeat}
.rp-lb a.rp-btn:hover{background:#1b8bc0;border-color:#1b8bc0}
.rp-dims{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;align-items:start}
.rp-dims-fig{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;position:sticky;top:10px}
.rp-dims-fig svg{width:100%;height:auto;display:block}
.rp-dims-fig .cap{font-size:12px;color:var(--mut);margin:6px 4px 0}
.rp ul.rp-dims-list{list-style:none!important;margin:0!important;padding:0!important}
.rp ul.rp-dims-list li{list-style:none!important;margin:0 0 8px!important;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.rp ul.rp-dims-list li.plain{cursor:default}
.rp ul.rp-dims-list li.on{border-color:var(--red);background:#fff6f6}
.rp-dims-list .hd{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.rp-dims-list .hd b{font-size:15px}
.rp-dims-list .hd .v{font-weight:700;color:var(--red);white-space:nowrap;font-size:16px}
.rp .rp-dims-list p{margin:4px 0 0;font-size:13px;color:var(--mut);line-height:1.45}
.rp-dsvg .sheet{fill:none;stroke:#3b4048;stroke-width:4;stroke-linejoin:round}
.rp-dsvg .sheet2{fill:none;stroke:#4b5058;stroke-width:2;stroke-dasharray:6 5;opacity:.7}
.rp-dsvg .ttl{font:600 28px "Segoe UI",Tahoma,Arial,sans-serif;fill:#222}
.rp-dsvg .d{opacity:.35;transition:opacity .15s}
.rp-dsvg .d line,.rp-dsvg .d path{stroke:#6b6f76;stroke-width:2.6;fill:none}
.rp-dsvg .d .ext{stroke-dasharray:5 4;stroke-width:1.6}
.rp-dsvg .d .ar{fill:#6b6f76;stroke:none}
.rp-dsvg .d text{font:600 28px "Segoe UI",Tahoma,Arial,sans-serif;fill:#6b6f76}
.rp-dsvg .d .lbg{fill:#fff;stroke:none}
.rp-dsvg.idle .d{opacity:1}
.rp-dsvg .d.on{opacity:1}
.rp-dsvg .d.on line,.rp-dsvg .d.on path{stroke:var(--red,#d9141b);stroke-width:3.6}
.rp-dsvg .d.on .ar{fill:var(--red,#d9141b)}
.rp-dsvg .d.on text{fill:var(--red,#d9141b)}
.rp-more{display:inline-block;margin-top:10px;font-size:14px;color:var(--red)!important}
@media (max-width:820px){.rp-dims{grid-template-columns:1fr}.rp-dims-fig{position:static}.rp-cspecs{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:520px){.rp-cspecs{gap:6px}.rp-cspecs div{padding:7px 8px}.rp-cspecs span{font-size:11px}.rp-cspecs b{font-size:13px}.rp-swp{grid-template-columns:repeat(3,1fr);gap:10px}.rp-swp button b{font-size:12px}.rp-swp button span{font-size:11px;line-height:1.3}}
.rp details.rp-tech{margin-top:36px;border-top:1px solid var(--line);padding-top:14px}
.rp details.rp-tech summary{cursor:pointer;color:var(--mut);font-size:14px}
.rp details.rp-tech .rp-scheme{margin-top:12px}
.rp-objs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.rp-objs button{border:0;padding:0;background:none;cursor:zoom-in;border-radius:10px;overflow:hidden;display:block}
.rp-objs button img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .2s}
.rp-objs button:hover img{transform:scale(1.04)}
.rp a.rp-btn.vb,.rp-lb a.rp-btn.vb{background:#7360f2;border-color:#7360f2;color:#fff}
.rp a.rp-btn.vb:hover,.rp-lb a.rp-btn.vb:hover{background:#5e4bd8;border-color:#5e4bd8}
.rp a.rp-btn.vb:before,.rp-lb a.rp-btn.vb:before{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2C6.5 2 3 4.9 3 10.3c0 3 1 5.1 2.9 6.4V21l3.3-2.5c.9.2 1.8.3 2.8.3 5.5 0 9-2.9 9-8.5S17.5 2 12 2zm4.3 12.1c-.3.6-1.2 1.2-1.8 1.2-.5 0-1.1-.1-3.2-1.2-2-1.1-3.4-3-3.9-4-.5-1-.6-1.7-.5-2.2.2-.6.8-1.3 1.3-1.3.3 0 .5.1.7.5l.8 1.5c.1.3.1.6-.1.8l-.5.6c-.1.1-.1.3 0 .5.6 1.1 1.5 2 2.6 2.6.2.1.4.1.5 0l.6-.6c.2-.2.5-.2.8-.1l1.5.8c.3.2.5.4.4.7l-.2.2z'/%3E%3C/svg%3E") center/contain no-repeat}
.rp-lb .rp-btns{display:flex;flex-wrap:wrap;gap:10px}
.rp-swp{align-items:start}
.rp-swp button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:start;height:auto}
.rp-objs button{align-self:start}
.rp-steel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;font-size:14px;color:var(--mut);min-height:30px}
.rp-steel b{color:var(--ink);font-weight:600;margin-right:2px}
.rp-steel i{font-style:normal;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:3px 11px;color:var(--ink);transition:opacity .15s}
.rp-steel i.off{opacity:.38;text-decoration:line-through;background:#fff}
.rp-two.rp-one{grid-template-columns:1fr}
.rp-one .rp-swp{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.rp-steel .rp-sc{font:inherit;font-size:14px;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s}
.rp-steel .rp-sc:hover{border-color:var(--red)}
.rp-steel .rp-sc.on{background:var(--ink);border-color:var(--ink);color:#fff}
.rp-steel .rp-sc.off{opacity:.45;text-decoration:line-through;background:#fff}
.rp-steel .rp-sc.off.on{opacity:1;text-decoration:none}
.rp .rp-steel-msg{margin:10px 0 0;color:var(--ink)}
/* full template width (2026-10-25) */
.rp{max-width:none}
.rp .rp-sub,.rp .rp-note,.rp .rp-lead{max-width:80ch}
@media (min-width:821px){.rp-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.rp .rp-hero .rp-lead{font-size:21px}}
@media (min-width:1300px){.rp-hero{padding:34px 40px}.rp-specs{gap:16px}.rp-why{grid-template-columns:repeat(3,1fr)}}

/* 2026-10-25: bottom CTA removed (contacts are in footer) */
.rp .rp-cta{display:none!important}
#rp-res .rp-btns{display:flex;flex-wrap:wrap;gap:8px}
#rp-res .rp-btns a{flex:1 1 210px;justify-content:center;text-align:center;margin:0}
.rp-gal-main,.rp-lb-img{touch-action:pan-y}
.rp-in-r{animation:rpInR .28s ease-out}.rp-in-l{animation:rpInL .28s ease-out}
@keyframes rpInR{from{transform:translateX(40px);opacity:.25}to{transform:none;opacity:1}}
@keyframes rpInL{from{transform:translateX(-40px);opacity:.25}to{transform:none;opacity:1}}