.custom-model-page { --custom-accent:#3d5467; color:#172027; background:#f7f8f7; }
.custom-model-main { padding:clamp(88px,10vw,138px) 0 90px; }
.custom-model-shell { width:min(1400px,calc(100% - 48px)); margin:auto; }
.custom-model-page .custom-model-heading { display:block; width:100%; height:auto; margin-bottom:34px; padding:0; background:transparent; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.custom-model-eyebrow { display:block; margin-bottom:12px; color:var(--custom-accent); font-size:12px; font-weight:700; text-transform:uppercase; }
.custom-model-heading h1 { margin:0; font-size:52px; line-height:1.08; font-weight:600; }
.custom-model-heading p { margin:12px 0 0; color:#596770; line-height:1.55; }
.custom-model-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr); gap:38px; align-items:start; }
.custom-model-map-column,.custom-model-options { min-width:0; }
.custom-model-search { position:relative; z-index:5; margin-bottom:14px; }
.custom-model-search label,.custom-model-email span,.custom-model-fieldset legend { display:block; margin-bottom:9px; font-size:14px; font-weight:700; color:#29343b; }
.custom-model-search__row { display:flex; gap:8px; }
.custom-model-search input,.custom-model-email input { min-width:0; width:100%; height:50px; padding:0 15px; border:1px solid #bbc5c9; border-radius:6px; background:#fff; color:#172027; font:inherit; }
.custom-model-search button,.custom-model-submit button { min-height:50px; padding:0 20px; border:0; border-radius:6px; background:var(--custom-accent); color:#fff; font:inherit; font-weight:700; cursor:pointer; }
.custom-model-search button:hover,.custom-model-submit button:hover { background:#293e4e; }
.custom-model-search button:disabled,.custom-model-submit button:disabled { opacity:.6; cursor:wait; }
.custom-model-search input:focus-visible,.custom-model-email input:focus-visible,.custom-model-search button:focus-visible,.custom-model-submit button:focus-visible { outline:3px solid #9eb3c1; outline-offset:2px; }
.custom-model-results { position:absolute; top:100%; left:0; right:0; margin-top:4px; padding:5px; background:#fff; border:1px solid #c7d0d3; border-radius:6px; box-shadow:0 12px 28px #14212c1b; max-height:260px; overflow:auto; }
.custom-model-results[hidden] { display:none; }
.custom-model-results button { display:block; width:100%; min-height:43px; padding:9px 12px; color:#25343c; background:#fff; text-align:left; font-weight:500; }
.custom-model-results button:hover,.custom-model-results button:focus-visible { color:#fff; background:var(--custom-accent); }
.custom-model-results p { margin:8px 10px; color:#65727a; font-size:13px; }
.custom-model-map-wrap { position:relative; height:clamp(430px,60vw,670px); border:1px solid #c8d0d1; background:#e7eceb; overflow:hidden; }
.custom-model-map { width:100%; height:100%; }
.custom-model-map-status { position:absolute; top:14px; left:14px; max-width:calc(100% - 80px); padding:9px 12px; border-radius:4px; background:#fff; color:#33434d; font-size:13px; box-shadow:0 2px 8px #17202726; }
.custom-model-map-status[hidden] { display:none; }
.custom-model-map-caption { position:absolute; top:12px; left:12px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px 12px; width:fit-content; max-width:calc(100% - 70px); padding:10px 14px; background:#fff; color:#33434d; border:1px solid #d9dfdf; border-radius:5px; font-size:12px; pointer-events:none; }
.custom-model-map-caption strong { color:#172027; }
.custom-model-map-credit { margin:8px 0 0; color:#6a777b; font-size:11px; }
.custom-model-map-credit a { color:inherit; }
.custom-model-options { display:grid; gap:26px; }
.custom-model-fieldset { min-width:0; padding:0; margin:0; border:0; }
.custom-model-sizes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.custom-model-sizes label,.custom-model-palettes label { position:relative; cursor:pointer; }
.custom-model-sizes input,.custom-model-palettes input { position:absolute; width:1px; height:1px; opacity:0; }
.custom-model-sizes label>span { min-height:76px; display:grid; align-content:center; gap:5px; padding:10px 4px; border:1px solid #c7d0d1; border-radius:5px; background:#fff; text-align:center; }
.custom-model-sizes strong { font-size:14px; }
.custom-model-sizes small { color:#617079; font-size:11px; }
.custom-model-sizes input:checked+span,.custom-model-palettes input:checked+span { border-color:var(--custom-accent); box-shadow:inset 0 0 0 1px var(--custom-accent); }
.custom-model-sizes input:focus-visible+span,.custom-model-palettes input:focus-visible+span { outline:3px solid #9eb3c1; outline-offset:2px; }
.custom-model-palettes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.custom-model-palettes label>span { display:block; padding:10px; border:1px solid #c7d0d1; border-radius:5px; background:#fff; text-align:center; }
.custom-model-palette-bar { display:grid; grid-template-columns:repeat(var(--palette-count,4),minmax(0,1fr)); height:34px; margin-bottom:8px; overflow:hidden; border:1px solid #c7d0d1; border-radius:5px; }
.custom-model-palette-bar>span { min-width:0; }
.custom-model-palette-bar>span+span { box-shadow:inset 1px 0 #1720271a; }
.custom-model-palettes img { display:block; width:100%; aspect-ratio:1; object-fit:cover; margin-bottom:8px; }
.custom-model-palettes strong { font-size:11px; font-weight:650; overflow-wrap:anywhere; }
.custom-model-email { display:block; }
.custom-model-honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important; }
.custom-model-submit button { width:100%; }
.custom-model-submit>p { margin:10px 0 0; color:#69747a; font-size:12px; line-height:1.5; }
.custom-model-submit a { color:var(--custom-accent); }
.custom-model-status.is-error { color:#9d3935; }
.custom-model-status.is-success { color:#276348; font-weight:650; }
@media(max-width:950px) { .custom-model-layout { grid-template-columns:1fr; gap:24px; } .custom-model-options { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; } .custom-model-email,.custom-model-submit { grid-column:1/-1; } }
@media(max-width:620px) { .custom-model-main { padding:84px 0 64px; } .custom-model-shell { width:calc(100% - 28px); } .custom-model-heading { margin-bottom:24px; } .custom-model-heading h1 { font-size:34px; } .custom-model-heading p { font-size:14px; } .custom-model-map-wrap { height: min(58svh,500px); min-height:340px; } .custom-model-options { grid-template-columns:1fr; gap:22px; } .custom-model-email,.custom-model-submit { grid-column:auto; } }
@media(max-width:360px) { .custom-model-palettes { grid-template-columns:repeat(2,minmax(0,1fr)); } .custom-model-search button { padding:0 13px; } }