/* Full opening scenes, original product photography and unclipped profile previews. */
html body.studio-page:is(.sterowniki-led,.profile-led) #main{padding-top:0}
.studio-page .touch-opening,.studio-page .profile-hero{box-sizing:border-box;position:relative;isolation:isolate;min-height:100svh;padding:130px 8% 150px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;border:0;background:linear-gradient(90deg,#060b0ee8 0%,#060b0e87 48%,#060b0e20 100%),url('/offer-studio/noir/media/profile-room-noir.webp') center/cover no-repeat}
.studio-page .touch-opening{background-image:linear-gradient(90deg,#060b0eea 0%,#060b0e99 44%,#060b0e44 100%),url('/offer-studio/noir/media/delux-room.webp')}
.studio-page .touch-opening>div:first-child,.studio-page .profile-hero-copy{position:relative;z-index:2}
.studio-page :is(.touch-opening,.profile-hero) h1{font-size:clamp(44px,5.7vw,88px);line-height:1.05;margin:24px 0;letter-spacing:-.045em}
.studio-page :is(.touch-opening,.profile-hero) p:not(.eyebrow){font-size:clamp(18px,1.6vw,23px);line-height:1.6;color:#d2d7d3;margin-bottom:28px}
.studio-page :is(.touch-opening,.profile-hero) .eyebrow{color:#c5cfc9;font-size:13px;letter-spacing:.13em}
.studio-page :is(.touch-opening,.profile-hero) .prescot-glass{gap:32px;min-width:210px}
.studio-page .intro-remote{width:min(48vw,660px);height:min(48vw,660px);position:relative;justify-self:center;transform:rotate(12deg);animation:none}
.studio-page .intro-remote img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%;filter:drop-shadow(0 26px 22px #000a)}
.studio-page .opening-watermark{font-size:clamp(85px,16vw,250px);right:6%;bottom:115px;color:#ffffff09;line-height:1}
.studio-page #sterowanie,.studio-page #profile{scroll-margin-top:105px}
.studio-page #sterowanie{padding-top:44px}
.studio-page .tile-section :is(.profile-section-glow,.profile-section-emitter){display:initial}
.studio-page .tile-facts{font-size:18px;line-height:1.45}
.studio-page .tile-facts small{font-size:15px;line-height:1.5;margin-top:5px}
.studio-page .tile-model{object-fit:contain;width:100%}
.studio-page .detail-body{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:stretch}
.studio-page .model-frame{height:auto;min-height:540px;position:relative}
.studio-page .model-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.studio-page .detail-info{padding:28px;display:flex;flex-direction:column;gap:18px}
.studio-page .detail-section{height:110px;flex:none}
.studio-page .detail-section svg{height:100%;width:100%}
.studio-page .detail-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.studio-page .detail-specs dt{font-size:15px;margin-bottom:8px}
.studio-page .detail-specs dd{font-size:24px}
.studio-page .detail-info>p{font-size:17px;margin:0}
.studio-page .profile-options #controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.studio-page .profile-options label{display:grid;gap:7px;min-width:0;font-size:14px;color:#bdc9c4}
.studio-page .profile-options :is(select,button){font:500 14px/1.4 Manrope,Arial,sans-serif;min-width:0;width:100%;border:1px solid #ffffff70;border-radius:10px;background:linear-gradient(135deg,#ffffff24,#ffffff0e);color:white;padding:12px;min-height:46px;color-scheme:dark}
.studio-page .profile-options button{cursor:pointer}
.studio-page .profile-accessories{padding:16px 0 0;border-top:1px solid #ffffff22}
.studio-page .profile-accessories summary{font-size:17px;cursor:pointer}
.studio-page .profile-accessories ul{grid-template-columns:1fr;max-height:240px;overflow:auto;margin:16px 0}
.studio-page .profile-accessories li{padding:12px;font-size:15px}
.studio-page .detail-info>.solid-cta{flex:none;align-self:stretch}
@media(max-width:900px){.studio-page :is(.touch-opening,.profile-hero){padding:120px 6% 135px}.studio-page .detail-body{grid-template-columns:1fr 1fr}.studio-page .detail-info{padding:20px}.studio-page .detail-specs{gap:10px}.studio-page .detail-specs dd{font-size:20px}.studio-page .detail-specs dt{font-size:13px}}
@media(max-width:600px){.studio-page .touch-opening{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100svh;padding:115px 7% 115px;gap:12px}.studio-page .touch-opening h1{font-size:45px;margin:14px 0}.studio-page .touch-opening .eyebrow{font-size:10px}.studio-page .touch-opening p{font-size:17px;margin-bottom:16px}.studio-page .intro-remote{width:330px;height:330px;margin:-30px 0 -20px;max-width:100%;justify-self:center}.studio-page .opening-watermark{bottom:130px;font-size:76px}.studio-page .profile-hero{grid-template-columns:1fr;min-height:100svh;background-position:62% center}.studio-page .profile-hero h1{font-size:49px}.studio-page .tile-facts{font-size:15px}.studio-page .tile-facts small{font-size:13px}.studio-page .profile-tile{min-height:250px}.studio-page .detail-body{grid-template-columns:1fr}.studio-page .model-frame{min-height:320px}.studio-page .detail-info{padding:20px;gap:18px}.studio-page .detail-specs dd{font-size:22px}.studio-page .detail-specs dt{font-size:14px}.studio-page #sterowanie,.studio-page #profile{scroll-margin-top:80px}}

.studio-page .profile-options .full-option{grid-column:1/-1}
.studio-page .profile-options .extra-options{padding:10px 0}
.studio-page .profile-options .extra-options summary{font-size:15px;cursor:pointer;color:#d3c0a1}
.studio-page .profile-options .extra-options label{margin-top:12px}
.studio-page .fit-message{font-size:13px;color:#d3c0a1;line-height:1.5}
.studio-page .profile-detail-actions{display:flex;gap:12px;margin-top:4px}
.studio-page .model-frame{background:radial-gradient(ellipse at 45% 35%,#52595d,#282f33 75%)}
.studio-page .profile-detail{scroll-margin-top:110px}
.studio-page .photo-actions{display:flex;align-items:center;gap:24px;padding:12px 24px;justify-content:center}
.studio-page .photo-actions button{max-width:100px}
.studio-page .photo-dialog>img{max-height:65vh}
.studio-page .profile-options [hidden]{display:none!important}

.studio-page .accessory-section .showcase-live[data-card-motion=connector]{height:820px}
.studio-page .accessory-section .acc-showcase{grid-template-rows:85px minmax(0,1fr);padding-bottom:40px}
.studio-page .accessory-section{padding-bottom:80px;scroll-margin-top:100px}
@media(max-width:900px){.studio-page .accessory-section .showcase-live[data-card-motion=connector]{height:880px}.studio-page .accessory-section .acc-showcase{grid-template-rows:90px minmax(0,1fr)}}
@media(max-width:600px){.studio-page .accessory-section .showcase-live[data-card-motion=connector]{height:1080px}.studio-page .accessory-section .acc-showcase{grid-template-rows:auto 390px 390px;gap:24px}.studio-page .accessory-section{padding-bottom:40px}}
.studio-page .profile-options select{-webkit-appearance:none;appearance:none;min-height:46px;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23d4ddd8' stroke-width='1.5'/%3E%3C/svg%3E"),linear-gradient(135deg,#ffffff24,#ffffff0e);background-repeat:no-repeat;background-position:right 10px center,0 0;background-size:12px 8px,100% 100%}

.studio-page .preview-background{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#bdc9c4;font-size:14px}
.studio-page .preview-background>div{display:flex;gap:8px}
.studio-page .preview-background button{min-height:38px;padding:8px 16px;width:auto}
.studio-page .preview-background button[aria-pressed=true]{border-color:#dcc19b;background:#dcc19b20}
.studio-page .profile-source-note{font-size:12px!important;line-height:1.6!important;color:#9caaa4!important;margin:0}
.studio-page .profile-source-note a{color:#cfb996;text-underline-offset:3px}

/* Product inspection: large viewport, quiet component selectors and consistent spacing. */
.studio-page .model-frame{min-height:650px}
.studio-page .detail-info{padding:32px;gap:28px;justify-content:flex-start}
.studio-page .detail-specs{padding-bottom:24px;border-bottom:1px solid #ffffff1c;gap:20px}
.studio-page .detail-specs dt{font-size:15px;margin-bottom:10px}
.studio-page .detail-specs dd{font-size:26px;line-height:1.35}
.studio-page .profile-options #controls{gap:22px 16px}
.studio-page .option-field{min-width:0;display:grid;gap:9px}
.studio-page .option-label{font-size:14px;line-height:1.5;color:#bdc9c4}
.studio-page .component-picker{position:relative;min-width:0}
.studio-page .component-picker summary{min-height:48px;padding:13px 36px 13px 14px;border:1px solid #ffffff65;border-radius:10px;background:linear-gradient(135deg,#ffffff18,#ffffff08);color:#f2f5f1;font:500 14px/1.5 Manrope,Arial,sans-serif;cursor:pointer;list-style:none;overflow-wrap:anywhere}
.studio-page .component-picker summary::-webkit-details-marker{display:none}
.studio-page .component-picker summary::after{content:'';position:absolute;right:16px;top:19px;width:7px;height:7px;border-right:1.5px solid #cad5cc;border-bottom:1.5px solid #cad5cc;transform:rotate(45deg)}
.studio-page .component-picker[open] summary{border-color:#d6bb8f;border-radius:10px 10px 0 0}
.studio-page .component-picker[open] summary::after{transform:rotate(225deg);top:23px}
.studio-page .component-options{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:20;max-height:260px;overflow-y:auto;padding:6px;background:#17211e;border:1px solid #d6bb8f;border-radius:0 0 10px 10px;box-shadow:0 15px 35px #0007;scrollbar-width:thin}
.studio-page .profile-options .component-options button{display:block;text-align:left;border:0;border-radius:5px;background:transparent;font-size:13px;line-height:1.5;padding:11px 10px;min-height:42px}
.studio-page .profile-options .component-options button:hover,.studio-page .profile-options .component-options button[aria-pressed=true]{background:#d6bb8f20;color:#e9d6b6}
.studio-page .component-picker summary:focus-visible{outline:2px solid #e0c69e;outline-offset:3px}
.studio-page .profile-detail-actions{margin-top:auto;flex-wrap:wrap}
.studio-page .profile-source-note{padding-top:0}
.studio-page .extra-options .option-field{margin-top:16px}
@media(max-width:900px){.studio-page .detail-info{padding:24px;gap:24px}.studio-page .detail-specs dd{font-size:23px}}
@media(max-width:600px){.studio-page .model-frame{min-height:510px}.studio-page .detail-info{padding:22px 18px;gap:24px}.studio-page .detail-specs{gap:12px;padding-bottom:20px}.studio-page .detail-specs dd{font-size:22px}.studio-page .profile-options #controls{grid-template-columns:1fr;gap:18px}.studio-page .component-picker summary{min-height:48px}.studio-page .component-options{position:relative;top:-1px;max-height:240px}.studio-page .detail-info .profile-detail-actions{gap:10px}}

.studio-page .detail-specs>div{padding:14px 13px;border:1px solid #ffffff17;border-radius:9px;background:#ffffff04}
.studio-page .detail-specs{border:0;padding-bottom:0;gap:12px}
.studio-page .detail-specs .detail-finish{grid-column:1/-1}
.studio-page .detail-specs .detail-finish dd{font-size:16px;line-height:1.65;color:#d9dfda}
.studio-page .profile-options #controls{grid-template-columns:1fr}
@media(max-width:600px){.studio-page .detail-specs{gap:8px}.studio-page .detail-specs>div{padding:12px 9px}.studio-page .detail-specs dt{font-size:12px}.studio-page .detail-specs dd{font-size:20px}.studio-page .detail-specs .detail-finish dd{font-size:15px}}

.studio-page .detail-technical{display:flex;justify-content:center;padding:0 0 8px}
.studio-page .detail-technical #technical-diagram{margin:0;width:min(100%,270px);height:185px;--profile-light:#ffe09a}
.studio-page .detail-technical svg{width:100%;height:155px;overflow:visible}
.studio-page .detail-technical figcaption{font-size:12px;line-height:1.5;text-align:center;color:#bfcac4;margin-top:10px}
.studio-page .detail-technical .profile-section-glow,.studio-page .detail-technical .profile-section-emitter{display:initial}
.studio-page .detail-technical .profile-section-body{fill:#aebdb5;stroke:#d2ded7;stroke-width:.18}
.studio-page .detail-technical .profile-section-emitter{fill:none;stroke:#ffe7ac;stroke-width:.7}
.studio-page .detail-technical .profile-section-cover{fill:none;stroke:#f7faf7;stroke-width:1.1}
.studio-page .profile-detail{overflow:visible}
.studio-page .model-frame{border-radius:0;overflow:hidden}
@media(max-width:600px){.studio-page .detail-technical #technical-diagram{height:155px;width:230px}.studio-page .detail-technical svg{height:125px}}

/* Keep the viewer broad on tablets, with dimensions on one line. */
.studio-page .detail-specs>div:not(.detail-finish) dd{white-space:nowrap;font-size:clamp(19px,1.8vw,26px)}
@media(min-width:601px) and (max-width:1000px){.studio-page .detail-body{grid-template-columns:1fr}.studio-page .model-frame{height:570px;min-height:570px}.studio-page .profile-options #controls{grid-template-columns:1fr 1fr}.studio-page .detail-specs>div:not(.detail-finish) dd{font-size:25px}}

/* TOUCH: the original pilot is the invitation; the room wakes on interaction. */
.studio-page .touch-opening{background-image:linear-gradient(90deg,#060b0ef2 0%,#060b0e99 48%,#060b0e22 100%),url('/offer-studio/noir/media/profile-room-noir.webp');background-position:center,60% center}
.studio-page #sterowanie{padding:40px 2vw 100px;max-width:none}
.studio-page .showcase-live[data-card-motion=touch]{height:auto;min-height:0;border:0;overflow:visible;background:#090f11}
.studio-page .showcase-live[data-card-motion=touch]>.demo-touch{position:relative;inset:auto;overflow:visible}
.studio-page .tp-banner-heading{position:relative;inset:auto;padding:30px 0 38px}
.studio-page .tp-banner-heading>strong{font-size:clamp(36px,4.2vw,68px)}
.studio-page .tp-family-tabs{display:none!important}
.studio-page .tp-panels{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.studio-page .tp-panel{position:relative!important;inset:auto!important;display:block!important;height:clamp(780px,88svh,1100px);background:#101619;pointer-events:auto;overflow:hidden;border:1px solid #ffffff20!important}
.studio-page .tp-panel-heading{top:28px;left:28px;right:28px;opacity:1!important}
.studio-page .tp-panel-heading h4{font-size:clamp(30px,2.6vw,44px)}
.studio-page .tp-panel-heading p{font-size:clamp(15px,1.1vw,19px)}
.studio-page .tp-products{top:115px;height:calc(100% - 390px);max-width:none;transform:none!important;opacity:1!important}
.studio-page .tp-remote{height:90%;animation:none!important}
.studio-page .tp-room-scene{opacity:0!important;transition:opacity .8s ease;background:#101619}
.studio-page .tp-panel.is-lit .tp-room-scene{opacity:1!important}
.studio-page .tp-panel .tp-beacon{opacity:0}
.studio-page .tp-panel.is-lit .tp-beacon{opacity:1}
.studio-page .tp-control-area{left:28px;right:28px;bottom:26px;opacity:1!important;visibility:visible!important}
.studio-page .tp-start{position:absolute;inset:-8px -18px;z-index:10;border:0;background:transparent;color:transparent;cursor:pointer;pointer-events:auto;padding:0;min-width:0}
.studio-page .tp-start:focus-visible{outline:2px solid #e3c396;outline-offset:10px;border-radius:24px}
.studio-page .tp-panel:not(.is-lit) .tp-products::after{content:'Najedź lub dotknij pilota';position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:13px;letter-spacing:.03em;color:#bbc6c0;pointer-events:none}
.studio-page .tp-panel.is-lit .tp-start{cursor:default}
@media(max-width:900px){.studio-page #sterowanie{padding:24px 5% 70px}.studio-page .tp-panels{grid-template-columns:1fr;gap:30px}.studio-page .tp-panel{height:810px}.studio-page .tp-products{max-width:420px;left:0;right:0;margin:auto;top:115px;height:415px}.studio-page .tp-banner-heading{padding:18px 0 30px}.studio-page .tp-control-area{left:28px;right:28px}.studio-page .tp-panel-heading p{font-size:17px}}
@media(max-width:420px){.studio-page .tp-panel{height:780px}.studio-page .tp-products{height:355px}.studio-page .tp-control-area{left:20px;right:20px}.studio-page .tp-panel-heading{left:20px;right:20px}.studio-page .tp-panel-heading p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.studio-page .tp-room-scene{transition:none}}

.studio-page .touch-opening{background-image:linear-gradient(90deg,#060b0eea 0%,#060b0e88 48%,#060b0e25 100%),url('/assets/offer-editorial-20260927/touch-architecture-full.webp')}

/* Original KLUŚ architectural visualization, with the luminaires visible. */
.studio-page .profile-hero{background-image:linear-gradient(90deg,#060b0eed 0%,#060b0e9a 35%,#060b0e15 74%),url('/offer-studio/konfigurator/assets/profile-photos/giza-ll-zmg/05_wizualizacja_2-full.webp');background-position:center}
.studio-page .detail-measurements{display:flex;flex-direction:column;gap:28px}
@media(max-width:600px){
 .studio-page .profile-hero{background-image:linear-gradient(0deg,#060b0eea 0%,#060b0e80 50%,#060b0e15 100%),url('/offer-studio/konfigurator/assets/profile-photos/giza-ll-zmg/05_wizualizacja_2-full.webp');background-position:65% center;align-items:end}
 .studio-page .detail-body>.detail-measurements{padding:24px 18px;gap:22px;min-width:0}
}

/* Both original DC LOCK colors in the product column; one technical drawing. */
.studio-page [data-fixed-family=lock] .acc-product{grid-template-rows:minmax(300px,1fr) auto}
.studio-page .acc-photo-stage.lock-colors{grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;gap:10px}
.studio-page .acc-photo-stage.lock-colors img{width:80%;height:100%;max-height:165px;min-height:0}
.studio-page .lock-colors-caption{margin:0;font-size:14px;color:#c4d0c9;text-align:center;line-height:1.5}
@media(max-width:600px){
 .studio-page [data-fixed-family=lock] .acc-showcase{grid-template-rows:auto 620px 390px}
 .studio-page .accessory-section [data-fixed-family=lock].showcase-live{height:1300px}
 .studio-page [data-fixed-family=lock] .acc-product{grid-template-rows:330px auto;gap:20px}
}

.studio-page .acc-photo-stage.lock-colors>img{position:static!important;inset:auto;margin:0 auto;width:88%;height:100%!important;max-height:150px!important;aspect-ratio:auto}
/* Desktop sleeve demonstrations: readable section/model pairs and larger source photos. */
@media(min-width:1101px){
 .studio-page .sp-family-media{height:640px}
 .studio-page .sp-family.is-active .sp-family-photo{width:46%;mask-image:linear-gradient(90deg,#000 72%,transparent)}
 .studio-page .sp-family.is-active .sp-family-photo img{object-position:48% 50%;transform:scale(1.06);filter:brightness(.86)}
 .studio-page .sp-technical{left:40%}
 .studio-page .sp-model-label{left:auto;right:164px;top:34px;max-width:calc(100% - 184px);text-align:right;gap:9px}
 .studio-page .sp-model-label strong{font-size:24px;line-height:1.2}
 .studio-page .sp-model-label>span{font-size:12px;line-height:1.4;letter-spacing:.06em}
 .studio-page .sp-cross{right:25px;top:22px;width:118px}
 .studio-page .sp-cross svg{width:118px;height:108px}
 .studio-page .sp-cross small{font-size:15px;line-height:1.4;margin-top:3px;white-space:nowrap}
 .studio-page .sp-canvas{top:105px;bottom:60px}
 .studio-page .sp-sequence>span,.studio-page .sp-sequence>[data-sp-note]{font-size:11px}
}
/* Original front cutouts, kept below source resolution and fanned around their bases. */
.studio-page .touch-opening .opening-watermark{position:static;display:block;margin:38px 0 0;font-size:clamp(90px,9.3vw,170px);font-weight:700;line-height:.9;letter-spacing:.025em;color:#eee7dc52;text-shadow:0 3px 22px #0004;pointer-events:none}
.studio-page .touch-opening .touch-remote-fan{position:relative;isolation:isolate;width:min(49vw,720px);height:min(49vw,720px);transform:none;animation:none;justify-self:center;margin:0;overflow:visible}
.studio-page .touch-opening .touch-remote-fan img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform-origin:50% 84%;filter:drop-shadow(0 12px 10px #0009);image-rendering:auto}
.studio-page .touch-remote-fan .fan-mono{z-index:1;transform:translate(-7%,-1%) rotate(-19deg)}
.studio-page .touch-remote-fan .fan-color{z-index:2;transform:translate(7%,-1%) rotate(19deg)}
.studio-page .touch-remote-fan .fan-cct{z-index:3;transform:translateY(-5%)}
@media(min-width:601px) and (max-width:1000px){.studio-page .touch-opening .opening-watermark{font-size:80px;margin-top:30px}.studio-page .touch-opening .touch-remote-fan{width:49vw;height:49vw}}
@media(max-width:600px){.studio-page .touch-opening{grid-template-rows:auto auto;gap:24px;padding-bottom:180px}.studio-page .touch-opening .opening-watermark{font-size:76px;margin-top:26px}.studio-page .touch-opening .touch-remote-fan{width:min(100%,370px);height:350px;margin:0 auto;max-width:100%}}

/* TOUCH: controls first, model selection and the matching product gallery below. */
.studio-page .tp-kit-note{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:30px 0 0;text-align:center;font-size:clamp(16px,1.25vw,21px);line-height:1.5;color:#c4ccc6}
.studio-page .tp-kit-note strong{font-weight:500;color:#e9eade}
.studio-page .tp-panel{height:clamp(900px,100svh,1180px)}
.studio-page .tp-products{height:calc(100% - 470px)}
.studio-page .tp-control-area{display:flex;flex-direction:column;gap:12px;bottom:26px}
.studio-page .tp-status{margin:0 0 4px;min-height:38px}
.studio-page .tp-channels{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 2px;align-self:stretch}
.studio-page .tp-channels button{min-height:40px;padding:8px 16px;border:1px solid #79878070;border-radius:8px;background:#0b1012d9;color:#c7d1cc;font-size:15px;line-height:1.3;text-align:center}
.studio-page .tp-channels button[aria-pressed=true]{background:#352f25;border-color:#cfb38a;color:#f0d3a8}
.studio-page .tp-slider{grid-template-columns:110px minmax(0,1fr);gap:12px;min-height:38px}
.studio-page .tp-modes{margin:6px 0 0;gap:7px}
.studio-page .tp-modes button{border-radius:7px;min-height:42px;font-size:14px}
.studio-page .tp-sku{margin:2px 0 0;text-align:center;font-size:13px;color:#b7c2bc}
.studio-page .tp-gallery-button{pointer-events:auto;width:100%;min-height:48px;justify-content:center;text-align:center;background:linear-gradient(135deg,#242727,#070909);border:1px solid #aaaead;border-radius:12px;color:#fff;font-size:16px;line-height:1.3;padding:12px 18px;cursor:pointer}
.studio-page .tp-gallery-button:hover{border-color:#e2c399;background:linear-gradient(135deg,#343735,#101413)}
.studio-page .touch-gallery{width:min(820px,calc(100vw - 32px));max-height:90svh;padding:24px;background:#111917;box-sizing:border-box}
.studio-page .touch-gallery header strong{font-size:23px;font-weight:500}
.studio-page .touch-gallery header p{font-size:14px;color:#b9c6be;line-height:1.5;margin:8px 0 0}
.studio-page .touch-gallery header>button{flex:none;min-width:44px;min-height:44px;margin-left:16px;cursor:pointer}
.studio-page .touch-gallery figure{margin:18px 0}
.studio-page .touch-photo-stage{height:min(52svh,490px);display:flex;justify-content:center;align-items:center;background:#e5e8e5;border-radius:6px;overflow:hidden;position:relative}
.studio-page .touch-photo-stage>img{width:100%;height:100%;max-height:none;margin:0;object-fit:contain;background:transparent}
.studio-page .touch-photo-stage.is-holder{width:190px;height:min(52svh,445px);margin:auto;overflow:hidden;border-radius:0;background:transparent}
.studio-page .touch-photo-stage.is-holder>img{position:absolute;max-width:none;width:539%;height:230%;left:-199.5%;top:-99.3%;object-fit:fill;clip-path:inset(43.5% 45% 13% 37%)}
.studio-page .touch-gallery figcaption{font-size:15px;text-align:center;color:#c6cfc8;margin-top:14px}
.studio-page .touch-photo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.studio-page .touch-photo-tabs button{width:auto;height:auto;min-height:46px;border-radius:10px;font-size:15px;padding:10px;cursor:pointer;text-align:center;justify-content:center}
.studio-page .touch-photo-tabs button[aria-pressed=true]{border-color:#dfbf8e;color:#efd1a9;background:#332e24}
@media(min-width:901px) and (max-width:1200px){.studio-page .tp-control-area{left:18px;right:18px}.studio-page .tp-slider{grid-template-columns:88px minmax(0,1fr)}.studio-page .tp-slider>span{font-size:13px}}
@media(max-width:900px){.studio-page .tp-panel{height:940px}.studio-page .tp-products{height:415px}.studio-page .tp-kit-note{margin-top:24px;gap:2px}.studio-page .tp-kit-note strong,.studio-page .tp-kit-note span{width:100%}}
@media(max-width:420px){.studio-page .tp-panel{height:890px}.studio-page .tp-products{height:355px}.studio-page .tp-control-area{left:18px;right:18px}.studio-page .tp-slider{grid-template-columns:96px minmax(0,1fr);gap:8px}.studio-page .touch-gallery{padding:16px}.studio-page .touch-photo-tabs{gap:6px}.studio-page .touch-photo-tabs button{font-size:12px;padding:8px 4px}.studio-page .touch-gallery header strong{font-size:20px}}
.studio-page .touch-photo-stage.is-holder{clip-path:polygon(12% 3%,38% 0,64% 1%,77% 7%,80% 11%,98% 16%,99% 83%,94% 94%,77% 99%,30% 99%,3% 92%,0 23%,6% 11%)}
.studio-page .touch-photo-stage.is-holder>img{clip-path:none}
.studio-page .touch-photo-tabs button[aria-pressed=true]{color:#efd1a9!important;background:#332e24!important;border-color:#dfbf8e!important}
/* The function leads; MONO / CCT / Kolor is the secondary label. */
.studio-page .tp-panel-heading h4{font-size:clamp(23px,2.1vw,34px);line-height:1.2;max-width:100%;text-wrap:balance}
.studio-page .tp-panel-heading p{font-size:15px;font-weight:400;line-height:1.5;margin-top:8px}
.studio-page .tp-panel-heading{max-height:none}
@media(min-width:901px){.studio-page .tp-products{top:150px}}
@media(max-width:900px){.studio-page .tp-panel-heading h4{font-size:29px}.studio-page .tp-products{top:150px}}
.detail-finish .finish-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.finish-swatches button,.finish-swatches a{display:flex;flex:0 0 88px;align-items:center;flex-direction:column;gap:6px;padding:10px 5px;background:#ffffff03;border:1px solid #ffffff1e;border-radius:7px;color:#dbe1e1;font:12px/1.4 Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer}
.finish-swatches button[aria-pressed=true]{border-color:#f5764e;background:#f5764e08}.finish-swatches button:disabled{opacity:.6;cursor:wait}
.finish-swatches .finish-chip{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff42;border-radius:3px;font-size:10px;font-style:normal}
.finish-chip.finish-silver,.finish-chip.finish-raw{background:linear-gradient(135deg,#969f9f,#d4d9d7 48%,#8f9797)}.finish-chip.finish-white{background:#f4f2e9}.finish-chip.finish-black{background:#151719}.finish-chip.finish-ral{background:conic-gradient(#bfa788,#627c70,#697e93,#a97c74,#bfa788);color:#fff;text-shadow:0 1px 2px #000}
.finish-swatches small{font-size:9px;color:#99aaa8;text-align:center}

/* A consistent inset for every native dropdown arrow. */
html body select:not([multiple]){appearance:none!important;-webkit-appearance:none!important;padding-right:48px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23b8c6bf' stroke-width='1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 18px center!important;background-size:12px 8px!important}
.studio-page .component-picker summary{padding-right:48px;position:relative}.studio-page .component-picker summary::after{right:20px}

/* PCB limits stay within the small manufacturer cross-section. */
.sp-pcb-limit{fill:#fff;font-family:Arial,sans-serif;font-weight:600;letter-spacing:0;paint-order:stroke;stroke:#10201a;stroke-width:.12px}
.sp-pcb-fact{display:block;margin-top:8px;font-size:13px;line-height:1.4;color:#b9c8bf}
.studio-page .sp-specs{align-items:start;column-gap:24px;row-gap:24px}
.studio-page .sp-cross svg{margin-bottom:-3px}

/* RAL is a single square; its options list uses the profile's catalogue finishes. */
.detail-finish dd{position:relative}
.finish-swatches{align-items:flex-start}
.finish-swatches>button{flex-basis:96px;min-height:112px}
.finish-swatches>button small{font-size:10px;line-height:1.5}
.finish-chip.finish-raw{background:#a9b0b1}
.finish-chip.finish-ral{background:#050606!important;color:#fff;text-shadow:none}
.finish-ral-picker{position:static;flex:0 0 44px;margin-top:10px}
.finish-ral-picker>summary{list-style:none;cursor:pointer;display:block;padding:0;border:0;background:none;width:44px;height:44px}
.finish-ral-picker>summary::-webkit-details-marker{display:none}
.finish-ral-picker>summary .finish-chip{width:44px;height:44px;box-sizing:border-box;font-size:13px}
.finish-ral-picker[open]>summary .finish-chip{border-color:#c5b494}
.finish-ral-picker>summary:focus-visible{outline:2px solid #c5b494;outline-offset:3px}
.finish-ral-options{position:absolute;z-index:10;left:0;right:0;top:calc(100% + 8px);max-height:280px;overflow:auto;box-sizing:border-box;padding:8px;background:#111b18;border:1px solid #62736a;border-radius:8px;box-shadow:0 12px 32px #0008}
.finish-swatches .finish-ral-options button{width:100%;display:flex;flex-direction:row;align-items:center;gap:12px;text-align:left;padding:12px;white-space:normal;border:0}
.finish-ral-options .finish-chip{flex:0 0 30px;width:30px;height:30px}
.finish-ral-options button b{display:block;font-size:13px;line-height:1.5;font-weight:500}
.finish-ral-options button small{display:block;text-align:left;margin-top:3px;font-size:11px}

.studio-page .sp-cross svg{height:auto!important;width:100%!important}
@media(max-width:1100px){.studio-page .sp-cross{width:96px;top:18px}.studio-page .sp-model-label{max-width:calc(100% - 140px)}.studio-page .sp-model-label strong{font-size:17px}.studio-page .sp-cross small{font-size:10px}}
@media(max-width:600px){.studio-page .sp-cross{width:100px;right:16px}.studio-page .sp-model-label{max-width:calc(100% - 142px)}}
/* Keep the mobile strip away from the section dimensions. */
@media(max-width:600px){
 .studio-page .sp-canvas{left:-30px;right:30px}
 .studio-page [data-sleeve-family="side"] .sp-cross{width:76px}
}

.finish-ral-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px;max-height:310px;padding:10px;scrollbar-gutter:stable}
.finish-swatches .finish-ral-options button{flex-direction:column;padding:10px 6px;gap:7px;border:1px solid #ffffff14;font-size:12px;text-align:center}
.finish-swatches .finish-ral-options button[aria-pressed=true]{border-color:#c5b494;background:#c5b49412}
.finish-ral-options .finish-chip{width:36px;height:30px;flex:none}

.finish-swatches .finish-code{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:#dbe1e1}

/* Compact profile window; details scroll without stretching the 3D preview. */
.studio-page .profile-detail{max-height:50svh;display:flex;flex-direction:column;overflow:hidden}
.studio-page .profile-detail .detail-top{flex:none;padding:12px 20px}
.studio-page .profile-detail .detail-top h3{font-size:24px;margin:0}
.studio-page .profile-detail .detail-top p{margin:3px 0 0;font-size:12px}
.studio-page .profile-detail .detail-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.studio-page .profile-detail .model-frame{min-height:260px;height:260px}
.studio-page .profile-detail .detail-info{padding:20px;gap:18px;min-width:0}
@media(min-width:1001px){
 .studio-page .profile-detail .detail-body{grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr);overflow:hidden;scrollbar-gutter:auto}
 .studio-page .profile-detail .model-frame{height:100%;min-height:0}
 .studio-page .profile-detail .detail-info{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
}

body.studio-page:has(.profile-hero)>.prescot-hero-arrow{position:fixed!important}