/* Display owns its shell. Legacy ordering/Admin CSS is intentionally not imported. */
:root{font-family:Arial,sans-serif;color:#f0f4f8;background:#080e19;--line:rgba(183,200,221,.18);--muted:#aebed0;color-scheme:dark}*{box-sizing:border-box}body{margin:0;height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr)}button,input,select{font:inherit}button{cursor:pointer}button,input,select{min-height:44px;line-height:24px}button{background:#142235;color:#eef3f8;border:1px solid var(--line);border-radius:10px;padding:10px 16px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #65dfed;outline-offset:3px}button:disabled{opacity:.3}h1,h2,p{margin-top:0}h1{font-size:30px;font-weight:550}button svg{display:block}.skip-link{position:fixed;top:-60px;z-index:10;background:#132235;padding:12px;color:white}.skip-link:focus{top:0}
.app-header{grid-row:1;min-width:0;display:flex;align-items:center;gap:20px;padding:12px 24px;background:#0b1422;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:#e8dca5;text-decoration:none;white-space:nowrap;font-size:12px;letter-spacing:1.5px}.brand img{width:116px;height:42px;object-fit:contain}.app-header nav{display:flex;gap:4px;margin-left:auto}.app-header nav button{border:0;background:transparent;color:#c4cddb;white-space:nowrap}.app-header nav button[aria-current=page]{background:#182536;color:#f3e2a4}.header-utilities{display:flex;gap:8px}.header-utilities select{height:44px;background:#172536;color:#fff;border:1px solid var(--line);border-radius:8px;padding:0 10px}main#app{grid-row:3;min-height:0;min-width:0;overflow:auto;padding:20px 24px;overscroll-behavior:contain}
/* Home: one photo rail and two equal, stationary functional destinations. */
.display-home{max-width:1400px;margin:auto;min-width:0}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.gallery-toolbar h1{margin:0}.gallery-toolbar>div{display:flex;gap:8px}.gallery-toolbar button:not(#browseEntry){width:46px;padding:0;border-radius:50%;font-size:20px}.gallery-toolbar #browseEntry{background:transparent}.home-categories{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#334156 transparent;padding:4px 0 14px;touch-action:pan-x pan-y pinch-zoom}.home-categories .gallery-card{position:relative;flex:0 0 37%;min-width:250px;height:310px;min-height:310px;padding:0;border:0;border-radius:14px;overflow:hidden;scroll-snap-align:start;background:#101a28;text-align:left;color:#fff;isolation:isolate}.gallery-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 220ms ease}.gallery-card:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(3,8,15,.94) 100%)}.gallery-copy{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:24px 58px 24px 24px;text-shadow:0 1px 12px #000}.gallery-copy>span{display:block;font-size:24px;font-weight:550;line-height:1.2}.gallery-copy small{display:block;color:#c0cad8;font-size:13px;margin-top:8px}.gallery-arrow{position:absolute;right:22px;bottom:30px;z-index:2;color:#e4dcc8}.home-subcategories{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.home-subcategories button{height:44px;background:transparent;color:#bfcddd;border-radius:24px;font-size:13px}.display-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.display-entries button{position:relative;height:140px;text-align:left;padding:24px 88px 24px 24px;border-radius:16px;background:#131e2d}.display-entries #designEntry{background:radial-gradient(ellipse at 100% 100%,rgba(167,91,185,.2),transparent 75%),#131e2d}.display-entries span{display:block;font-size:25px;line-height:32px;font-weight:550}.display-entries small{display:block;line-height:22px;margin-top:8px;font-size:14px;color:var(--muted)}.display-entries i{position:absolute;right:24px;top:42px;color:#82dce7}.display-entries #designEntry i{color:#ee98de}
/* Browse and detail retain the original catalogue identity, without price UI. */
.display-catalog{max-width:1450px;margin:auto}.display-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.display-filters input{width:280px;max-width:100%}input,select{background:#111d2d;color:#eef3f8;border:1px solid #364359;border-radius:8px;padding:10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product{padding:0;overflow:hidden;border:0;background:#101b2a;text-align:left}.product img{width:100%;height:240px;object-fit:cover;display:block}.product .info{display:block;padding:18px}.product .name{font-size:19px}.image-fallback{display:flex;align-items:center;justify-content:center;min-height:240px;padding:24px;background:#101b29;color:var(--muted)}.gallery-card .image-fallback{position:absolute;inset:0;min-height:0;padding:24px 24px 110px;font-size:14px;background:radial-gradient(ellipse at 50% 40%,#1c2a40,#0a1320)}img[hidden]{display:none!important}#detail{width:min(950px,94vw);max-height:90dvh;overflow:auto;background:#0d1828;color:#eff3f8;border:1px solid var(--line);border-radius:18px;padding:28px}#detail::backdrop{background:#030812bf}.close{float:right;font-size:24px;min-width:44px}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.detail-image{width:100%;max-height:500px;object-fit:contain}#variant{width:100%;margin-top:12px}.muted{color:var(--muted);line-height:1.5}
/* Designer: one compact toolbar, then a bounded iframe; the configuration panel owns scrolling. */
body[data-view=design] main#app{padding:8px 12px 12px;overflow:hidden}.display-designer{height:100%;min-height:0;display:grid;grid-template-rows:44px minmax(0,1fr);gap:8px}.designer-toolbar{display:flex;align-items:center;justify-content:space-between}.designer-toolbar button{height:44px;padding:8px 16px}.customizer-frame{display:block;width:100%;height:100%;min-height:0;border:0;border-radius:12px;background:#f7f7f2}
/* Independent shipping calculator. */
.standalone-shipping{max-width:1100px;margin:auto}.display-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.display-heading h1{margin:0}.shipping-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;margin-top:28px}.shipping-dimensions,.standalone-quote{padding:28px;background:#111d2b;border:1px solid #344357;border-radius:18px}.shipping-dimensions label{display:block;font-size:16px;margin-bottom:12px}.shipping-dimensions input{width:100%;min-height:56px;font-size:22px;margin-bottom:24px}.shipping-result,.standalone-quote dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}.shipping-result strong{color:#e8dca7;font-size:26px}.standalone-quote dl{border-top:1px solid #344357;padding-top:24px}.standalone-quote dd{margin:0;text-align:right}.standalone-quote p{font-size:13px;color:#bccbda}
@media(orientation:portrait){.home-subcategories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.home-subcategories button{height:52px;line-height:20px;padding:6px 10px}.app-header{flex-wrap:wrap;gap:8px 16px}.app-header nav{order:3;width:100%;margin:0;justify-content:center}.header-utilities{margin-left:auto}.home-categories .gallery-card{flex-basis:72%;height:360px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.display-entries button{height:150px;padding-right:70px}.display-entries span{font-size:23px}.display-entries i{right:16px;top:48px}.shipping-layout,.split{grid-template-columns:1fr}.display-entries small{max-width:260px}}
@media(max-width:650px){.brand span{display:none}.app-header{padding:8px 12px}main#app{padding:16px 12px}.display-entries{grid-template-columns:1fr}.gallery-toolbar h1{font-size:24px}.home-categories .gallery-card{flex-basis:85%;min-width:220px}.grid{grid-template-columns:1fr}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.gallery-card:hover>img{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.gallery-card>img{transition:none}.home-categories{scroll-behavior:auto}}

/* D02: recovery choice replaces the workspace; no previous design is mounted. */
.draft-gate{max-width:760px;margin:48px auto;padding:28px;background:#142136;color:#f7f5f0;border-radius:16px}.draft-gate h1{font-size:26px}.draft-gate p{line-height:1.6}.draft-gate div{display:flex;gap:16px;flex-wrap:wrap}.draft-gate button{min-height:48px;padding:12px 18px}#draftNotice{grid-row:2;min-height:0}#draftNotice:not([hidden]){padding:10px 22px;background:#fff1cf;color:#49350c}.designer-toolbar>div{display:flex;gap:12px;flex-wrap:wrap}
