/* ROSH CATALOG X V2 — restrained industrial luxury product detail system */

/* Product gallery directional controls — clean and restrained. */
.technical-gallery{position:relative}
.px-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px;background:#17232d;color:#b9cedd;border-top:1px solid #354654}
.px-gallery-controls button{width:42px;height:38px;border-radius:9px;border:1px solid #516879;color:#dcebf4;background:#203341;font-size:19px;cursor:pointer}
.px-gallery-controls button:hover{background:#2a4253}
.px-gallery-count{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.12em}
@media(max-width:520px){.px-gallery-controls button{width:44px;height:44px}.technical-details .technical-actions .submit{min-height:56px}}
body:has(.product-page){--px-bg:#111b24;--px-panel:#17232d;--px-line:#354450;--px-ink:#f1f5f7;--px-muted:#a4b3bf;--px-blue:#7fb5e3;background:radial-gradient(ellipse 65% 55% at 14% 2%,#243847 0%,transparent 78%),#111b24;color:var(--px-ink)}
body:has(.product-page) .nav{background:#101c25;border-bottom:1px solid #364653}
body:has(.product-page) footer{background:#0b141c}
.product-page{width:min(1440px,calc(100% - 72px));padding-bottom:105px}
.technical-breadcrumb{padding:30px 0 26px;display:flex;gap:13px;align-items:center;font-size:12px;color:#b1c0ca;font-weight:600}
.technical-breadcrumb a{color:#e1ebf1}
.technical-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:clamp(20px,2.5vw,38px)}
.technical-gallery{border:1px solid var(--px-line);border-radius:20px;background:#eff2f3;min-width:0;overflow:hidden;box-shadow:0 24px 65px #050c1433}
.technical-hero-image{display:block;width:100%;height:clamp(340px,42vw,590px);padding:clamp(18px,2.4vw,38px);object-fit:contain;background:#f2f4f5;cursor:zoom-in;transition:opacity .16s ease}
.technical-thumbnails{display:flex;gap:11px;padding:15px;overflow-x:auto;scroll-snap-type:x proximity;background:#17232d;border-top:1px solid #34434f;scrollbar-width:thin}
.technical-thumb{flex:0 0 89px;scroll-snap-align:start;border:1px solid #53616b;background:#e8ecef;border-radius:10px;padding:5px;cursor:pointer;transition:border-color .18s,transform .18s}
.technical-thumb img{display:block;width:100%;height:73px;object-fit:contain}
.technical-thumb[aria-pressed="true"],.technical-thumb:focus-visible{border-color:#85c0f1;outline:2px solid #85c0f1;outline-offset:1px}
@media(hover:hover){.technical-thumb:hover{transform:translateY(-2px)}}
.technical-no-image{min-height:420px;display:grid;place-items:center;color:#566779}
.technical-details{background:linear-gradient(150deg,#1c2a35,#131e27);border:1px solid #3a4a56;border-radius:20px;padding:clamp(25px,3vw,42px);min-width:0;box-shadow:0 24px 64px #03090f22}
.technical-details .kicker{font:700 11px 'DM Sans',sans-serif;letter-spacing:.17em;color:#94c6ed}
.technical-details h1{font:700 clamp(32px,3.2vw,51px)/1.06 'Barlow Condensed',sans-serif;letter-spacing:-.013em;margin:20px 0 18px;color:#f5f8fa;text-wrap:balance}
.technical-details .technical-context{font-size:13px;line-height:1.7;color:var(--px-muted);margin-bottom:28px}
.technical-info{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #354551;font-size:12px}
.technical-info span{color:var(--px-muted)}.technical-info strong{text-align:right;color:#f1f5f7;word-break:break-word}
#technical-sku{-webkit-user-select:text;user-select:text}
.technical-select-label{display:block;margin-top:27px;margin-bottom:9px;font-weight:700;font-size:11px;color:#c3d4df}
.technical-details select{width:100%;min-height:50px;border:1px solid #546472;background:#192631;color:#f3f7f9;padding:12px 14px;border-radius:11px}
.technical-purchase{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:23px;padding:22px;border-radius:14px;border:1px solid #344a5a;background:#20313e}
.technical-purchase span{display:block;color:#abc1d1;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.technical-purchase strong{display:block;margin:5px 0;font:700 clamp(35px,3.2vw,47px)/1 'Barlow Condensed',sans-serif;color:white;font-variant-numeric:tabular-nums}
.technical-purchase p{margin:0;color:#b3c4cf;font-size:11px;line-height:1.5}
.technical-purchase label{font-size:11px;color:#bed0da;font-weight:700}
.technical-purchase input{display:block;margin-top:8px;width:83px;min-height:44px;text-align:center;border:1px solid #577084;border-radius:9px;background:#152631;color:white}
.technical-actions{display:flex;flex-wrap:wrap;gap:11px;margin:21px 0 15px}
.technical-actions .submit{flex:1 1 225px;min-height:53px;background:#e4f0f8;border:1px solid #c1d6e5;border-radius:10px;color:#143047;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 8px 24px #030d1520}
.technical-actions .outline{flex:1 1 155px;display:flex;align-items:center;justify-content:center;min-height:53px;border:1px solid #738b9d;border-radius:10px;background:transparent;color:#ebf4f9;font-weight:700;font-size:12px;text-align:center}
.technical-actions .outline:hover,.technical-actions .submit:hover{filter:brightness(1.07)}
.technical-details>small{display:block;font-size:11px;color:#aabcc8;line-height:1.7}
#technical-checkout-status{font-size:11px;line-height:1.6;color:#c9d6de}
.technical-description{padding:65px 0 0;max-width:900px}.technical-description .kicker{color:#9ec7e4}.technical-description h2{font-size:clamp(37px,4vw,59px);margin:14px 0 21px;color:#fff}.technical-description p{white-space:pre-line;color:#bac9d3;line-height:1.85;font-size:14px}.technical-description a{color:#9cc9eb;font-weight:700}
.product-page-error{min-height:50vh;padding:90px 20px}.product-page-error h1{font:700 clamp(44px,5vw,70px) 'Barlow Condensed',sans-serif}
.px-copy{margin-left:10px;padding:5px 9px;border:1px solid #597084;border-radius:8px;background:transparent;color:#d8eafa;font:700 10px 'DM Sans',sans-serif;cursor:pointer}
.px-copy:focus-visible,.technical-gallery button:focus-visible,.technical-details a:focus-visible,.technical-details input:focus-visible,.technical-details select:focus-visible{outline:3px solid #97c9f1;outline-offset:3px}
.px-lightbox{border:0;padding:0;max-width:min(96vw,1250px);width:100%;max-height:94vh;border-radius:15px;background:#111b24;color:white;overflow:hidden}
.px-lightbox::backdrop{background:rgba(2,8,14,.9);backdrop-filter:blur(10px)}
.px-lightbox img{height:min(79vh,850px);width:100%;object-fit:contain;background:#f4f6f7}
.px-lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;color:#c5d5df;font-size:12px}
.px-lightbox-bar button{border:1px solid #587086;border-radius:8px;background:#20323f;color:white;padding:10px 16px;cursor:pointer}
@media(min-width:1100px){.technical-details{position:sticky;top:24px}}
@media(max-width:850px){.technical-grid{grid-template-columns:1fr;gap:18px}.product-page{width:calc(100% - 36px)}.technical-hero-image{height:440px}}
@media(max-width:520px){.product-page{width:calc(100% - 26px)}.technical-breadcrumb{padding:19px 0}.technical-hero-image{height:310px;padding:12px}.technical-details{padding:21px}.technical-details h1{font-size:35px}.technical-thumbnails{gap:8px;padding:10px}.technical-thumb{flex-basis:73px}.technical-thumb img{height:56px}.technical-purchase{padding:15px;align-items:center}.technical-purchase strong{font-size:35px}.technical-actions{flex-direction:column}.technical-actions>*{flex:initial}.technical-info{gap:8px}.technical-info strong{max-width:60%}.technical-description{padding-top:46px}}
@media(prefers-reduced-motion:reduce){.technical-hero-image,.technical-thumb{transition:none!important}}