:root{--deep:#0c261f;--forest:#123128;--green:#1b4034;--raised:#295145;--sage:#8fa784;--soft:#b8c9a7;--lime:#cbd8a1;--cream:#eee2ca;--ivory:#f7f0e4;--clay:#a36d54;--brown:#765040;--darkbrown:#49382f;--mist:#d7ddd4;--line:rgba(238,226,202,.16);--radius:28px;--display:"Bodoni Moda",serif;--ui:"Outfit",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,rgba(143,167,132,.16),transparent 30%),radial-gradient(circle at 15% 45%,rgba(163,109,84,.08),transparent 28%),linear-gradient(150deg,#123128 0%,#0b251e 55%,#071b16 100%);color:var(--ivory);font-family:var(--ui);font-weight:300;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}.skip{position:fixed;left:1rem;top:-5rem;background:var(--cream);color:var(--deep);padding:.8rem 1rem;z-index:200}.skip:focus{top:1rem}.wrap{width:min(1200px,88vw);margin-inline:auto}.quiet{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--soft);font-weight:500}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500}a{text-decoration:none}.glass-tile{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.018)),rgba(15,49,40,.73);border:1px solid rgba(238,226,202,.14);box-shadow:inset 1px 1px rgba(255,255,255,.12),inset -1px -2px rgba(0,0,0,.18),0 22px 55px rgba(0,0,0,.24);backdrop-filter:blur(20px)}.raised-tile{position:relative;border:0;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.012)),var(--raised);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2),inset -3px -4px 6px rgba(0,0,0,.16),6px 8px 0 #102f27,12px 18px 32px rgba(1,13,10,.3),24px 38px 70px rgba(1,13,10,.22)}.raised-tile:after{content:"";position:absolute;inset:auto 5px -7px 8px;height:8px;border-radius:0 0 18px 18px;background:linear-gradient(90deg,#173c31,#0a211b);opacity:.8;z-index:-1}.app-shell{position:fixed;z-index:100;left:50%;top:18px;transform:translateX(-50%);width:min(1140px,92vw);height:70px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 20px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.83rem}.brand svg{width:31px;fill:none;stroke:var(--lime);stroke-width:1.6}.app-shell nav{display:flex;gap:30px}.app-shell nav a,.app-shell nav button,.shell-actions button{background:none;border:0;font-size:.8rem}.app-shell nav a:hover,.app-shell nav button:hover{color:var(--lime)}.shell-actions{display:flex;align-items:center;gap:8px}.shell-actions button{padding:.7rem;border-radius:12px}.request-mini{background:var(--lime)!important;color:var(--deep)!important}.shell-actions b{background:var(--clay);border-radius:99px;padding:1px 6px;margin-left:3px}.menu{display:none}.showroom{width:min(1320px,94vw);height:min(800px,94vh);min-height:690px;margin:0 auto 130px;padding-top:100px;display:grid;grid-template-columns:.82fr 1.4fr;align-items:center}.showroom-copy{padding-left:6vw;z-index:3}.showroom h1{font-size:clamp(4rem,7.6vw,8rem);line-height:.8;letter-spacing:-.055em;margin:1rem 0 2rem}.showroom h1 em{color:var(--lime);font-weight:500}.showroom-copy>p:not(.quiet){max-width:370px;color:var(--mist);line-height:1.7}.showroom-copy>a{display:inline-flex;gap:40px;border-bottom:1px solid var(--sage);padding:10px 0;font-weight:500}.showroom-object{height:620px;position:relative}.ghost-panel{position:absolute;border:1px solid rgba(238,226,202,.14);background:linear-gradient(145deg,rgba(184,201,167,.1),rgba(255,255,255,.01));backdrop-filter:blur(5px);border-radius:48% 52% 43% 57%/55% 38% 62% 45%;transform:rotate(-8deg)}.ghost-panel.one{inset:5% 8% 5% 4%}.ghost-panel.two{inset:16% 0 12% 17%;transform:rotate(9deg)}.object-platform{position:absolute;width:73%;height:23%;bottom:8%;left:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(203,216,161,.35),rgba(41,81,69,.3) 42%,transparent 72%);transform:perspective(500px) rotateX(65deg);box-shadow:0 30px 55px rgba(0,0,0,.4)}.product-sprite{background-image:url(assets/images/products/catalog-sheet.png);background-size:400% 300%;background-repeat:no-repeat}.hero-product{position:absolute;width:50%;height:83%;left:26%;top:4%;background-size:400% 300%;background-position:0 0;filter:drop-shadow(25px 35px 20px rgba(0,0,0,.5));animation:float 5s ease-in-out infinite}.float-card{position:absolute;color:var(--ivory);border-radius:20px;padding:18px;text-align:left;width:190px;z-index:5}.float-card span,.float-card small{display:block}.float-card strong{font-family:var(--display);font-size:1.35rem;display:block;margin:.5rem 0}.float-card small{color:var(--soft)}.product-call{left:2%;top:17%}.saved-call{right:0;top:29%;width:150px}.inside-call{right:7%;bottom:8%}@keyframes float{50%{transform:translateY(-9px)}}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-head h2,.case-intro h2,.control h2{font-size:clamp(3rem,6vw,6rem);line-height:.9;margin:0}.catalog-search{width:280px;display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--sage)}.catalog-search input{color:var(--ivory);border:0;background:none;outline:0;width:100%}.catalog-search input::placeholder{color:var(--soft)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.01)),#15352c;border:1px solid rgba(238,226,202,.11);border-radius:25px;padding:12px;overflow:hidden;transition:.3s}.product-card:hover{border-color:rgba(203,216,161,.35);transform:translateY(-4px)}.product-image{aspect-ratio:1.18;background-size:400% 300%;border-radius:17px;box-shadow:inset 0 -30px 45px rgba(0,0,0,.18)}.product-body{padding:20px 10px 10px}.product-body h3{font-size:1.12rem;margin-bottom:8px;font-weight:500}.product-body p{color:var(--soft);font-size:.85rem;line-height:1.5;min-height:42px}.product-price{font-family:var(--display);font-size:1.3rem}.card-actions{display:flex;gap:8px;margin-top:18px}.card-actions button{flex:1;border-radius:12px;padding:11px;border:1px solid var(--line);background:none}.card-actions .view{background:var(--cream);color:var(--deep);border-color:var(--cream)}.card-actions .is-saved{background:var(--raised)}.show-more{display:block;margin:48px auto 130px;background:none;border:0;border-bottom:1px solid var(--sage);padding:12px 20px;letter-spacing:.12em}.show-more span{margin-left:30px}.case-lab{margin-bottom:120px}.case-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.case-intro p{color:var(--soft)}.case-selector{display:flex;gap:10px;overflow:auto;padding:5px 5px 15px}.case-selector button{flex:0 0 auto;border:1px solid var(--line);color:var(--mist);background:#16382e;border-radius:13px;padding:12px 15px}.case-selector button.active{background:var(--cream);color:var(--deep);box-shadow:4px 5px 0 var(--brown)}.case-layout{display:grid;grid-template-columns:1fr 290px;gap:24px}.worktable{min-height:600px;border-radius:34px;position:relative;overflow:hidden;background-color:#183b31}.worktable:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(203,216,161,.18),transparent 19%);pointer-events:none}.worktable img{width:100%;height:100%;object-fit:cover;position:absolute;transition:.35s}.worktable.switching img{opacity:0;transform:scale(.96)}.hotspot{position:absolute;z-index:3;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid var(--cream);background:rgba(12,38,31,.7);color:var(--cream);box-shadow:0 0 0 7px rgba(203,216,161,.1),0 8px 18px rgba(0,0,0,.4)}.hotspot.active{background:var(--lime);color:var(--deep);box-shadow:0 0 0 10px rgba(203,216,161,.18),0 0 34px rgba(203,216,161,.45)}.hotspot.muted{opacity:.35}.ticks{position:absolute;z-index:2;opacity:.5}.zone-panel{border-radius:26px;padding:34px;display:flex;flex-direction:column;justify-content:end}.zone-panel>p:first-child{color:var(--soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.zone-panel h3{font-family:var(--display);font-size:2rem}.zone-panel p{line-height:1.6;color:var(--mist)}.zone-panel span{font-family:Oswald,sans-serif;color:var(--lime);margin-top:20px}.travel-aperture{width:min(900px,74vw);height:480px;margin:0 7vw 160px auto;position:relative}.travel-aperture div{height:100%;border-radius:200px 28px 200px 28px;background:linear-gradient(90deg,rgba(12,38,31,.1),rgba(12,38,31,.5)),url(assets/images/interiors/open-carry-on.png) center/cover;filter:saturate(.75);box-shadow:25px 35px 75px rgba(0,0,0,.35)}.travel-aperture figcaption{position:absolute;left:-14vw;top:50%;font-family:var(--display);font-size:clamp(2rem,5vw,5rem);white-space:nowrap}.control{display:grid;grid-template-columns:300px 1fr;gap:70px;align-items:start;margin-bottom:180px}.control-copy{position:sticky;top:130px}.control-copy p:last-child{color:var(--soft);line-height:1.7}.tile-deck{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:145px;gap:22px;perspective:900px}.deck-tile{border-radius:24px;color:var(--ivory);padding:18px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:.2s;isolation:isolate}.deck-tile:hover{filter:brightness(1.08);transform:translate(-2px,-3px)}.deck-tile span{color:var(--soft);font-size:.78rem}.deck-tile strong{font-family:var(--display);font-size:1.3rem;font-weight:500}.deck-tile small{color:var(--soft)}.icon-puck{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:1.25rem;background:linear-gradient(145deg,#41685b,#173a30);box-shadow:inset 1px 1px rgba(255,255,255,.2),3px 4px 0 #0b271f,8px 12px 19px rgba(0,0,0,.35)}.deck-tile.saved{grid-column:span 2;grid-row:span 2}.deck-tile.saved strong{font-size:4.5rem}.deck-tile.compare{background-color:var(--clay)}.deck-tile.inside{grid-row:span 2}.deck-tile.search{background-color:var(--brown)}.deck-tile.objects{grid-column:span 2}.deck-tile.objects strong{font-size:3rem}.deck-tile.company{background-color:#365d50}.deck-tile.request{grid-column:span 2;background-color:var(--darkbrown)}footer{padding:60px 6vw 30px;background:linear-gradient(transparent,#061813 25%);overflow:hidden}.footer-word{font-family:var(--display);font-size:18vw;line-height:.7;color:rgba(238,226,202,.07);letter-spacing:-.06em}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:50px;padding:80px 0}.footer-grid h2{font-size:3vw}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid button{padding:0;border:0;background:none}.footer-grid p{color:var(--soft);line-height:1.7}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--sage);font-size:.75rem}.overlay{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:30px}.overlay[hidden]{display:none}.scrim{position:absolute;inset:0;background:rgba(2,13,10,.78);backdrop-filter:blur(10px)}.overlay-panel{position:relative;width:min(1060px,94vw);max-height:88vh;overflow:auto;border-radius:30px;padding:45px}.close{position:sticky;z-index:4;float:right;top:0;width:44px;height:44px;border-radius:50%;background:var(--cream);color:var(--deep);border:0;font-size:1.7rem}.overlay h2{font-size:clamp(2.5rem,5vw,5rem);margin-bottom:30px}.detail-layout,.request-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px}.detail-image{aspect-ratio:1.18;border-radius:20px}.feature-list{padding:0;list-style:none;border-top:1px solid var(--line)}.feature-list li{padding:14px 0;border-bottom:1px solid var(--line)}.overlay-actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:1px solid var(--line);background:transparent;padding:13px 18px;border-radius:12px}.button.primary{background:var(--lime);color:var(--deep)}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;margin:0 0 20px}.qty button{background:none;border:0;color:inherit;padding:10px 15px}.qty span{min-width:30px;text-align:center}.saved-row{display:grid;grid-template-columns:90px 1fr auto auto;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.saved-row .product-sprite{width:80px;height:68px;background-size:400% 300%}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.compare-item{border:1px solid var(--line);border-radius:20px;padding:15px}.compare-item .product-sprite{aspect-ratio:1.18}.company-record{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px}.record-item{padding:17px 0;border-top:1px solid var(--line)}.record-item b{display:block;font-size:.72rem;letter-spacing:.1em;color:var(--sage);margin-bottom:8px}.request-layout label{display:block;margin-bottom:13px;color:var(--soft)}.request-layout input,.request-layout select,.request-layout textarea,.search-command input{width:100%;background:rgba(4,22,17,.45);border:1px solid var(--line);border-radius:12px;padding:13px;color:var(--ivory);margin-top:5px}.request-layout textarea{min-height:120px;resize:vertical}.request-layout select option{color:#111}.request-preview{background:rgba(4,22,17,.35);border-radius:18px;padding:22px;white-space:pre-wrap;color:var(--mist);max-height:430px;overflow:auto}.search-command input{font-size:1.5rem;padding:18px}.search-results{display:grid;gap:8px;margin-top:18px}.search-result{display:flex;justify-content:space-between;text-align:left;padding:16px;border:1px solid var(--line);background:none;border-radius:12px}.toast{position:fixed;z-index:300;bottom:30px;left:50%;transform:translate(-50%,30px);opacity:0;background:var(--cream);color:var(--deep);padding:12px 20px;border-radius:99px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{text-align:center;color:var(--sage)}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:900px){.app-shell nav{display:none}.app-shell.open nav{display:flex;position:absolute;top:80px;right:0;padding:20px;flex-direction:column;background:var(--deep);border-radius:16px}.menu{display:block}.shell-actions button span,.request-mini{display:none}.showroom{grid-template-columns:1fr;height:auto;padding-top:150px}.showroom-copy{padding-left:3vw}.showroom-object{height:540px}.product-grid{grid-template-columns:repeat(2,1fr)}.case-layout{grid-template-columns:1fr}.worktable{min-height:520px}.control{grid-template-columns:1fr}.control-copy{position:static}.tile-deck{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.detail-layout,.request-layout{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}.company-record{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:91vw}.app-shell{height:62px}.brand span{font-size:.7rem}.showroom{margin-bottom:70px;overflow:hidden}.showroom h1{font-size:3.8rem}.showroom-object{height:430px}.hero-product{width:80%;left:10%}.float-card{width:145px;padding:12px}.product-call{left:0}.saved-call{right:0}.inside-call{display:none}.section-head,.case-intro{display:block}.catalog-search{width:100%;margin-top:25px}.product-grid{grid-template-columns:1fr}.worktable{min-height:340px}.zone-panel{min-height:260px}.travel-aperture{width:88vw;height:360px;margin-bottom:100px}.travel-aperture figcaption{left:-5vw;white-space:normal}.tile-deck{grid-template-columns:repeat(2,1fr);grid-auto-rows:135px}.deck-tile.saved,.deck-tile.objects,.deck-tile.request{grid-column:span 2}.deck-tile.inside{grid-row:span 1}.control{gap:40px;margin-bottom:100px}.footer-grid{grid-template-columns:1fr}.footer-grid h2{font-size:2rem}.footer-bottom{flex-direction:column}.overlay{padding:10px}.overlay-panel{padding:22px}.saved-row{grid-template-columns:60px 1fr auto}.saved-row .product-sprite{width:58px;height:50px}.saved-row .qty{grid-column:2/4}.company-record{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.legal-wrap{width:min(900px,90vw);margin:0 auto;padding:80px 0 120px}.legal-back{color:var(--soft)}.legal-wrap>h1{font-size:clamp(3.5rem,8vw,7rem);margin:90px 0 5px}.legal-date{color:var(--sage)}.legal-panel{padding:clamp(25px,6vw,70px);border-radius:30px;margin-top:40px}.legal-panel h2{font-family:var(--display);font-size:2rem;margin:45px 0 12px}.legal-panel p{color:var(--mist);line-height:1.75;max-width:720px}

/* Interaction refinements */
.card-actions{display:grid;grid-template-columns:1fr 1fr}.card-actions button{min-width:0;padding-inline:7px}.card-actions .view{grid-column:1/-1}.case-selector{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain}.case-selector::-webkit-scrollbar{display:none}.case-image{position:absolute;inset:0;background-image:url(assets/images/interiors/open-case-sheet.png);background-size:300% 200%;background-repeat:no-repeat;transition:opacity .35s,transform .35s}.worktable.switching .case-image{opacity:0;transform:scale(.96)}.worktable img{display:none}.control{grid-template-columns:minmax(0,370px) minmax(0,1fr);gap:92px}.control-copy{min-width:0}.tile-deck{min-width:0}.overlay-panel[data-view="detail"]{width:min(1040px,calc(100vw - 40px));height:min(700px,calc(100dvh - 40px));max-height:none;overflow:hidden;display:flex;flex-direction:column}.overlay-panel[data-view="detail"] #overlayContent{min-height:0;flex:1;display:flex}.overlay-panel[data-view="detail"] .detail-layout{width:100%;align-items:center;min-height:0}.overlay-panel[data-view="detail"] .detail-image{max-height:520px}.overlay-panel[data-view="detail"] h2{font-size:clamp(2.3rem,4.5vw,4.5rem);margin-bottom:18px}.overlay-panel[data-view="detail"] .feature-list li{padding:10px 0}.compare-dock{position:fixed;right:24px;bottom:24px;z-index:120;border-radius:18px;padding:12px 14px 12px 18px;color:var(--ivory);display:flex;align-items:center;gap:16px;border:1px solid rgba(238,226,202,.22);animation:dock-in .3s ease-out}.compare-dock[hidden]{display:none}.compare-dock span{color:var(--soft);font-size:.78rem}.compare-dock strong{font-family:var(--display);font-size:1.15rem}.compare-dock i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--lime);color:var(--deep);font-style:normal}@keyframes dock-in{from{opacity:0;transform:translateY(15px)}}
@media(max-width:900px){.control{grid-template-columns:1fr;gap:55px}.overlay-panel[data-view="detail"]{height:min(820px,calc(100dvh - 20px));width:calc(100vw - 20px)}.overlay-panel[data-view="detail"] .detail-layout{grid-template-columns:1fr;grid-template-rows:minmax(150px,32vh) auto;gap:20px}.overlay-panel[data-view="detail"] .detail-image{height:100%;width:min(430px,100%);margin:auto}.overlay-panel[data-view="detail"] h2{font-size:clamp(1.8rem,7vw,3rem);margin-bottom:8px}.overlay-panel[data-view="detail"] p{margin-bottom:8px}.overlay-panel[data-view="detail"] .feature-list{margin:8px 0}.overlay-panel[data-view="detail"] .feature-list li{padding:6px 0}.overlay-panel[data-view="detail"] h3{margin-bottom:8px}.overlay-panel[data-view="detail"] .qty{margin-bottom:8px}}
@media(max-width:620px){.compare-dock{right:12px;bottom:12px}.compare-dock span{display:none}.overlay-panel[data-view="detail"]{padding:18px}.overlay-panel[data-view="detail"] .close{position:absolute;right:16px}.overlay-panel[data-view="detail"] .detail-layout{grid-template-rows:minmax(120px,28vh) auto}.overlay-panel[data-view="detail"] .quiet{display:none}.overlay-panel[data-view="detail"] .button{padding:9px 12px}}

/* Viewport-fitted overlays and layout corrections */
.zone-panel{justify-content:center;align-self:stretch}.zone-panel>p:first-child{margin-bottom:22px}.zone-panel span{margin-top:26px}.control{grid-template-columns:minmax(0,350px) minmax(0,1fr);column-gap:135px}.control-copy h2{font-size:clamp(3rem,5vw,5.1rem)}
.overlay-panel[data-view="detail"],.overlay-panel[data-view="compare"]{position:relative;height:min(730px,calc(100dvh - 32px));max-height:none;overflow:hidden;padding:32px}.overlay-panel[data-view="detail"] .close,.overlay-panel[data-view="compare"] .close{position:absolute;right:24px;top:24px;float:none}.overlay-panel[data-view="detail"] #overlayContent,.overlay-panel[data-view="compare"] #overlayContent{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.overlay-panel[data-view="detail"] .detail-layout{grid-template-columns:minmax(260px,1.05fr) minmax(300px,.95fr);gap:clamp(24px,4vw,48px);height:100%;min-height:0}.overlay-panel[data-view="detail"] .detail-image{width:100%;height:min(52vh,500px);max-height:100%;aspect-ratio:auto;background-size:400% 300%;align-self:center}.overlay-panel[data-view="detail"] .detail-layout>div:last-child{align-self:center;min-width:0}.overlay-panel[data-view="detail"] h2{font-size:clamp(2rem,4vw,4rem);line-height:.92;margin:8px 55px 14px 0}.overlay-panel[data-view="detail"] p{font-size:.92rem;line-height:1.45;margin-bottom:10px}.overlay-panel[data-view="detail"] .feature-list{margin:10px 0}.overlay-panel[data-view="detail"] .feature-list li{padding:8px 0;font-size:.88rem}.overlay-panel[data-view="detail"] h3{margin-bottom:9px}.overlay-panel[data-view="detail"] .qty{margin-bottom:10px}.overlay-panel[data-view="detail"] .button{padding:10px 14px}
.overlay-panel[data-view="compare"]{width:min(1120px,calc(100vw - 32px))}.overlay-panel[data-view="compare"] #overlayContent>.quiet{margin:0 0 4px}.overlay-panel[data-view="compare"] h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:0 60px 18px 0}.overlay-panel[data-view="compare"] .compare-grid{flex:1;min-height:0;display:grid;gap:14px}.overlay-panel[data-view="compare"] .compare-grid.count-1{grid-template-columns:minmax(240px,430px);justify-content:center}.overlay-panel[data-view="compare"] .compare-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-panel[data-view="compare"] .compare-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.overlay-panel[data-view="compare"] .compare-item{min-height:0;padding:13px;display:flex;flex-direction:column;overflow:hidden}.overlay-panel[data-view="compare"] .compare-item .product-sprite{height:min(25vh,210px);min-height:100px;aspect-ratio:auto;flex-shrink:1;border-radius:13px}.overlay-panel[data-view="compare"] .compare-item h3{font-size:1rem;margin:10px 0 5px}.overlay-panel[data-view="compare"] .compare-item p{font-size:.78rem;line-height:1.35;margin-bottom:7px;color:var(--soft)}.overlay-panel[data-view="compare"] .feature-list{margin:0 0 8px}.overlay-panel[data-view="compare"] .feature-list li{font-size:.76rem;padding:5px 0}.overlay-panel[data-view="compare"] .compare-item strong{margin-top:auto}.overlay-panel[data-view="compare"] .compare-item .button{margin-top:7px;padding:7px 10px;width:100%}
@media(max-width:900px){.control{grid-template-columns:1fr;column-gap:0}.control-copy h2{font-size:clamp(3rem,10vw,5rem)}.overlay-panel[data-view="detail"],.overlay-panel[data-view="compare"]{height:calc(100dvh - 20px);padding:20px}.overlay-panel[data-view="detail"] .detail-layout{grid-template-columns:1fr;grid-template-rows:minmax(100px,24vh) minmax(0,1fr);gap:12px}.overlay-panel[data-view="detail"] .detail-image{height:100%;width:min(390px,100%)}.overlay-panel[data-view="detail"] .detail-layout>div:last-child{align-self:start}.overlay-panel[data-view="detail"] h2{font-size:clamp(1.7rem,6vw,2.6rem);margin:2px 48px 7px 0}.overlay-panel[data-view="detail"] p{font-size:.8rem;margin-bottom:6px}.overlay-panel[data-view="detail"] .feature-list{margin:5px 0}.overlay-panel[data-view="detail"] .feature-list li{padding:4px 0;font-size:.76rem}.overlay-panel[data-view="detail"] h3{font-size:1rem;margin-bottom:5px}.overlay-panel[data-view="detail"] .qty{margin-bottom:5px}.overlay-panel[data-view="detail"] .qty button{padding:6px 12px}.overlay-panel[data-view="compare"] h2{margin-bottom:10px}.overlay-panel[data-view="compare"] .compare-item{padding:8px}.overlay-panel[data-view="compare"] .compare-item .product-sprite{height:min(18vh,145px);min-height:70px}.overlay-panel[data-view="compare"] .compare-item p{font-size:.7rem}.overlay-panel[data-view="compare"] .feature-list li{font-size:.68rem;padding:3px 0}}
@media(max-width:560px){.overlay-panel[data-view="compare"] .compare-grid.count-2,.overlay-panel[data-view="compare"] .compare-grid.count-3{grid-template-columns:repeat(var(--compare-cols,3),minmax(0,1fr))}.overlay-panel[data-view="compare"] .compare-grid.count-2{--compare-cols:2}.overlay-panel[data-view="compare"] .compare-grid.count-3{--compare-cols:3}.overlay-panel[data-view="compare"] .compare-item .product-sprite{height:12vh;min-height:58px}.overlay-panel[data-view="compare"] .compare-item h3{font-size:.74rem;line-height:1.1}.overlay-panel[data-view="compare"] .compare-item p{display:none}.overlay-panel[data-view="compare"] .feature-list li{font-size:.58rem;line-height:1.15}.overlay-panel[data-view="compare"] .compare-item strong{font-size:.72rem}.overlay-panel[data-view="compare"] .compare-item .button{font-size:.62rem;padding:6px 2px}}
@media(max-height:620px) and (min-width:901px){.overlay-panel[data-view="detail"],.overlay-panel[data-view="compare"]{padding:20px}.overlay-panel[data-view="detail"] h2{font-size:2.5rem}.overlay-panel[data-view="detail"] .detail-image{height:76vh}.overlay-panel[data-view="compare"] .compare-item .product-sprite{height:18vh}.overlay-panel[data-view="compare"] .compare-item p{display:none}.overlay-panel[data-view="compare"] .feature-list li{padding:3px 0}}

/* Stable comparison proportions */
.overlay-panel[data-view="compare"] .compare-grid{width:100%;max-width:920px;margin:auto;align-items:stretch;justify-content:center}.overlay-panel[data-view="compare"] .compare-grid.count-1{grid-template-columns:minmax(260px,360px)}.overlay-panel[data-view="compare"] .compare-grid.count-2{grid-template-columns:repeat(2,minmax(260px,360px))}.overlay-panel[data-view="compare"] .compare-grid.count-3{grid-template-columns:repeat(3,minmax(220px,290px))}.overlay-panel[data-view="compare"] .compare-item{width:100%;height:100%;max-height:540px}.overlay-panel[data-view="compare"] .compare-item .product-sprite{width:100%;height:auto;min-height:0;aspect-ratio:1.18;background-size:400% 300%;flex:0 0 auto}

/* Predictable Tile Deck layouts */
.tile-deck{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(145px,auto);align-items:stretch}.deck-tile{width:100%;min-width:0;min-height:145px;gap:12px}.deck-tile>*{flex-shrink:0}.deck-tile span,.deck-tile strong,.deck-tile small{max-width:100%;overflow-wrap:break-word}.deck-tile strong{line-height:1.08}.icon-puck{flex:0 0 48px}.deck-tile.saved{min-height:312px}
@media(max-width:1320px){.control{grid-template-columns:1fr;gap:55px}.control-copy{position:static;max-width:520px}.control-copy h2{font-size:clamp(3rem,8vw,5.1rem)}.tile-deck{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.tile-deck{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(145px,auto)}.deck-tile.saved{grid-column:span 2;grid-row:span 1;min-height:190px}.deck-tile.saved strong{font-size:3.4rem}.deck-tile.inside{grid-row:span 1}.deck-tile.objects,.deck-tile.request{grid-column:span 2}.overlay-panel[data-view="compare"] .compare-grid.count-1{grid-template-columns:minmax(230px,330px)}.overlay-panel[data-view="compare"] .compare-grid.count-2{grid-template-columns:repeat(2,minmax(0,280px))}.overlay-panel[data-view="compare"] .compare-grid.count-3{grid-template-columns:repeat(3,minmax(0,190px))}.overlay-panel[data-view="compare"] .compare-item .product-sprite{height:auto;min-height:0;aspect-ratio:1.18}}
@media(max-width:480px){.tile-deck{grid-template-columns:1fr}.deck-tile.saved,.deck-tile.objects,.deck-tile.request{grid-column:span 1}.deck-tile,.deck-tile.saved{min-height:150px}.deck-tile.saved strong{font-size:2.8rem}.overlay-panel[data-view="compare"] .compare-grid{gap:7px}.overlay-panel[data-view="compare"] .compare-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-panel[data-view="compare"] .compare-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.overlay-panel[data-view="compare"] .compare-item{padding:6px}.overlay-panel[data-view="compare"] .compare-item .product-sprite{aspect-ratio:1/1}.overlay-panel[data-view="compare"] .feature-list{display:none}}