/* Aircraft shopping layout inspired by modern vehicle marketplaces. */
:root{--ink:#183b56;--muted:#647b8e;--line:#dde5ec;--paper:#f4f7fa;--mint:#d8f0fa;--radius:14px}
body{background:#f4f7fa;color:#183b56}
.preview-bar{background:#eaf3f9;border-bottom:0;color:#5b768d;padding:5px 24px;min-height:30px;font-size:.75rem;gap:14px}
.preview-bar span{color:#466a87;letter-spacing:.05em}
.header{max-width:none!important;padding:20px max(4%,calc((100% - 1260px)/2));background:#fff;border-bottom:1px solid #e3eaf0;gap:26px;min-height:86px}
.brand{font-size:1.7rem;letter-spacing:-.055em;color:#183b56}
.brand-icon{background:#087eb6;border-radius:50%;color:#fff;width:36px;height:36px;font-weight:700}
.header nav{margin-right:auto;margin-left:40px;gap:28px;color:#4e6b83;align-items:center}
.header nav button{font-weight:600;font-size:.875rem;padding:12px 0}
.header .nav-active{border-bottom-color:#087eb6;color:#087eb6}
.header>.button{border-radius:24px;background:#087eb6;padding:11px 25px;font-size:.875rem}
.header>.button:hover{background:#086b9a}
main{max-width:1340px;padding:32px 40px 60px;margin:auto}
.browse-controls{padding:0 0 23px;border-bottom:1px solid #dfe7ee;margin-bottom:23px}
.browse-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}
.browse-heading h1{font-size:1.8rem;line-height:1.25;font-weight:700;letter-spacing:-.04em;color:#183b56}
.inventory-label{font-size:.8125rem;color:#6c8598}
.search-row{display:flex;gap:18px;align-items:center;margin-bottom:20px}
.search-row .search-box{flex:1;max-width:770px;position:relative}
.search-box svg{position:absolute;left:20px;top:17px;width:22px;height:22px;stroke:#5d7d96;stroke-width:1.8;fill:none;pointer-events:none}
.search-row input{padding:17px 24px 17px 56px;border-radius:32px;background:#fff;border:1px solid #d8e2eb;box-shadow:0 2px 5px #204f7310;font-size:1rem;height:56px}
.search-row input::placeholder{color:#6d8394;opacity:1}
.search-row input:focus{outline:2px solid #188ac0;outline-offset:2px}
.tour-button{border:1px solid #bfd4e2;color:#087eb6;background:#fff;border-radius:28px;min-height:50px;padding:12px 24px;font-size:.875rem}
.tour-button:hover{background:#e7f3fa}
.filters{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0;border:0;border-radius:0;background:transparent;align-items:center}
.filter-item{max-width:240px;min-width:145px}
.filter-item select{appearance:auto;border:1px solid #cbd9e4;border-radius:30px;background:#fff;color:#264e6c;padding:12px 18px;font-size:.875rem;font-weight:600;min-height:46px;cursor:pointer}
.filter-item select:hover{border-color:#6a9cbc}
.filters>.text-button{margin:0 8px;padding:10px 4px;color:#57768b;text-decoration:none;font-size:.8125rem}
.filters>.text-button:hover{text-decoration:underline}
.results-toolbar{min-height:40px;margin-bottom:19px;gap:16px;align-items:center}
.results-toolbar h2{font-size:.9375rem;font-weight:600;color:#304e65}
.sort-label{font-size:.8125rem;color:#678195}
.sort-label select{font-size:.875rem;font-weight:600;color:#1d4e70;padding:8px}
.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.aircraft-card{border:1px solid #e2e8ed;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 7px #234d7410;transition:box-shadow .2s,transform .2s}
.aircraft-card:hover{transform:translateY(-3px);box-shadow:0 7px 23px #22486a1c}
.card-photo-wrap{position:relative;background:#eaf0f4}
.card-image{border-radius:0;aspect-ratio:1.5;width:100%;background:#eaf0f4;overflow:hidden}
.card-image img{object-fit:contain;width:100%;height:100%;display:block;transition:transform .35s}
.card-image:hover img{transform:scale(1.025)}
.image-badges{pointer-events:none;position:absolute;top:13px;left:13px;display:flex;gap:6px;max-width:calc(100% - 26px)}
.badge{background:#fffffff2;color:#2a5573;border-radius:5px;box-shadow:0 1px 5px #21465b14;font-size:.75rem;font-weight:600;letter-spacing:0;padding:6px 10px}
.badge.mint{background:#087eb6;color:white}
.photo-count{position:absolute;right:13px;bottom:12px;color:#fff;background:#173b56df;border-radius:5px;padding:5px 8px;font-size:.75rem;font-weight:500;pointer-events:none}
.card-content{padding:22px 23px 18px}
.card-content h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.025em;font-weight:700;margin:0 0 4px;color:#183b56}
.card-content h3 button{padding:0;color:inherit}
.card-model{font-size:.9375rem;color:#4b6a82;margin-bottom:12px;overflow-wrap:anywhere}
.card-hours{font-size:.8125rem;color:#617d93;margin-bottom:21px;line-height:1.65}
.card-price-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.price{font-size:1.8rem;font-family:Manrope,system-ui,sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.25;color:#173b56}
.price-caption{font-size:.75rem;color:#7c90a1;white-space:nowrap}
.card-location{margin:0;border-top:1px solid #ebeff3;padding-top:14px;font-size:.8125rem;color:#5d7a90;display:flex;align-items:center;gap:8px;line-height:1.5;overflow-wrap:anywhere}
.location-marker{font-size:.5rem;color:#087eb6;flex-shrink:0}
.card-actions{display:flex;align-items:center;border-top:1px solid #e6edf2;background:#fff}
.card-actions button{flex:1;padding:14px 10px;color:#087eb6;font-size:.875rem;font-weight:700;min-height:49px}
.card-actions button:hover{background:#eef7fb}
.card-actions button+button{border-left:1px solid #e6edf2}
.studio-promo{background:#e7f2f9;border:1px solid #d9e8f2;border-radius:14px;padding:26px 30px;display:flex;flex-direction:row;align-items:center;gap:26px;margin-top:34px}
.studio-promo h2{font-size:1.4rem;font-weight:700;color:#183b56;letter-spacing:-.035em}
.studio-promo p{color:#5f7d93;font-size:.875rem;max-width:650px}
.studio-promo .eyebrow{color:#087eb6;font-size:.6875rem;letter-spacing:.09em}
.dark,.mint{background:#087eb6;color:#fff}
.dark:hover,.mint:hover{background:#086b9a}
.studio-promo .button{border-radius:26px;flex-shrink:0;padding:12px 22px}
.text-button{color:#087eb6}
footer{max-width:1260px;padding:30px 0 36px;border-top-color:#dee6ed;color:#6d8496}
footer strong{color:#183b56}
.empty-state{border-color:#dce7ee;border-radius:14px;color:#183b56}
.detail-dialog{width:100%;max-width:none!important;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;background:#f4f7fa;padding:0;overflow-y:auto}
.detail-dialog>.dialog-top{position:sticky;top:0;z-index:4;margin:0;padding:15px max(32px,calc((100% - 1260px)/2));align-items:center;gap:20px;background:#fff;border-bottom:1px solid #dfe7ef;min-height:70px}
.back-to-results{font-weight:600;font-size:.875rem;color:#087eb6;padding:8px 0}
.back-to-results:hover{text-decoration:underline}
.detail-brand{font-family:Manrope,system-ui,sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.04em;margin-left:auto;color:#183b56}
.close-button{background:#f0f5f8;color:#4b6b85}
#detailContent{max-width:1340px;margin:auto;padding:30px 40px 60px}
.detail-layout{grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);gap:28px;align-items:start}
.detail-media{min-width:0}
.detail-photo{aspect-ratio:1.42;background:#e7eef4;border-radius:14px;object-fit:contain;width:100%}
.detail-info{background:#fff;border:1px solid #e0e8ee;border-radius:14px;box-shadow:0 3px 11px #234d7410;padding:27px 28px;position:sticky;top:100px}
.detail-info h2{font-size:1.75rem;line-height:1.25;font-weight:800;color:#183b56;letter-spacing:-.04em}
.detail-year{color:#6a879c;font-size:.6875rem;line-height:1.7;margin-top:17px}
.detail-info p{color:#638099;font-size:.875rem;margin-bottom:16px}
.detail-price{font-size:2.1rem;color:#173b56;font-weight:800;letter-spacing:-.045em;margin:20px 0}
.detail-info .specs{border-top:1px solid #e5edf3;margin:0 0 7px;padding:22px 0;gap:18px}
.specs dt{color:#68859b;font-size:.75rem;line-height:1.55}
.specs dd{color:#244861;font-weight:600;font-size:.9375rem}
.detail-info .button{border-radius:26px;padding:12px 18px;font-size:.875rem}
.detail-info .outline{color:#476b84;border-color:#cfdee8}
.detail-info .detail-description{font-size:.875rem;color:#648299;line-height:1.7}
.sample-note{border-radius:10px;background:#e8f0f6;color:#648299;margin-top:14px;line-height:1.6}
.gallery-thumbs button{border-radius:7px;height:60px;flex-basis:86px}
.gallery-thumbs button.active{border-color:#087eb6}
.aircraft-specifications{border-top:0;margin-top:35px;padding-top:0}
.spec-heading{margin-bottom:24px}
.spec-heading h3{font-size:1.7rem;color:#183b56;font-weight:700}
.spec-heading p{color:#6b8599}
.spec-panel{background:#fff;border:1px solid #e0e8ee;border-radius:14px;padding:26px;box-shadow:0 2px 6px #234d7408}
.spec-panel h4{color:#1e4665;font-weight:700;font-size:1.1rem}
.spec-panel h5,.private-lock{color:#087eb6}
.spec-list dt{color:#6d8699}
.spec-list dd{color:#24465f}
.not-provided{color:#8197a7}
.spec-note,.spec-footnote{color:#6b879b}
.logbook-panel p{color:#678397}
.spin-stage{background:#eef4f8;border-color:#d9e7f0}
.spin-controls input{accent-color:#087eb6}
.spin-hint{background:#173b56e6}
.toast{background:#173b56}
@media(min-width:1550px){main{max-width:1440px}.header{padding-left:max(4%,calc((100% - 1360px)/2));padding-right:max(4%,calc((100% - 1360px)/2))}.listing-grid{gap:28px}}
@media(max-width:1100px){main{padding-left:30px;padding-right:30px}.header nav{margin-left:10px;gap:20px}.card-content{padding:20px}.price{font-size:1.6rem}.price-caption{font-size:.6875rem}.card-price-row{gap:8px}.studio-promo{flex-direction:column;align-items:start}footer{margin-left:30px;margin-right:30px}.detail-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:22px}.detail-info{padding:23px}.detail-info h2{font-size:1.55rem}#detailContent{padding:26px 30px 50px}}
@media(max-width:900px){.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.header{flex-wrap:wrap;padding:18px 30px;gap:14px}.header nav{order:3;width:100%;margin:0;gap:27px}.header>.button{margin-left:auto}.detail-layout{grid-template-columns:1fr}.detail-info{position:static;top:auto;padding:26px}.detail-info h2{font-size:1.8rem}.detail-info .specs{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-description{max-width:850px}.detail-info .button{max-width:360px}.spec-category-grid{grid-template-columns:1fr 1fr}.detail-photo{aspect-ratio:1.7}}
@media(max-width:650px){main{padding:26px 20px 44px}.header{padding:15px 20px}.header nav{gap:22px}.header nav button{font-size:.8125rem}.header>.button{padding:10px 18px;min-height:42px}.brand{font-size:1.5rem}.brand-icon{width:31px;height:31px;font-size:1rem;margin-right:8px}.preview-bar{flex-direction:row;flex-wrap:wrap;gap:2px 10px;font-size:.6875rem;padding:6px 12px}.preview-bar span{font-size:.6875rem}.browse-heading{margin-bottom:18px;align-items:start;gap:10px}.browse-heading h1{font-size:1.5rem;max-width:235px}.inventory-label{font-size:.75rem;padding-top:3px}.search-row{display:block;margin-bottom:17px}.search-row .search-box{max-width:none}.search-row input{height:52px;font-size:.9375rem;padding-left:50px}.search-box svg{left:17px;top:15px;width:21px;height:21px}.tour-button{margin-top:12px;min-height:40px;padding:9px 17px;font-size:.8125rem}.filters{gap:9px}.filter-item{min-width:0;max-width:none;flex:1 1 auto}.filter-item select{font-size:.8125rem;min-height:42px;padding:10px 12px}.filters>.text-button{font-size:.75rem;margin:0;padding-left:5px}.results-toolbar{margin-bottom:16px}.results-toolbar h2{font-size:.8125rem}.sort-label select{max-width:155px;font-size:.8125rem}.listing-grid{gap:18px}.card-image{aspect-ratio:1.4}.card-content{padding:17px}.card-content h3{font-size:1.1rem}.card-model{font-size:.875rem;min-height:42px}.card-hours{font-size:.75rem;margin-bottom:15px;min-height:40px}.card-price-row{display:block;margin-bottom:14px}.price{font-size:1.55rem}.price-caption{display:block;margin-top:4px;font-size:.6875rem}.card-location{font-size:.75rem;min-height:46px}.card-actions button{font-size:.8125rem}.image-badges{top:9px;left:9px}.badge{font-size:.6875rem;padding:5px 7px}.photo-count{font-size:.6875rem;padding:4px 6px;right:9px;bottom:9px}.studio-promo{padding:23px}.studio-promo h2{font-size:1.3rem}footer{margin:0 20px;padding:25px 0}.detail-dialog>.dialog-top{padding:12px 20px;min-height:65px}.detail-brand{font-size:1.15rem}#detailContent{padding:22px 20px 40px}.detail-info{padding:22px}.detail-info .specs{grid-template-columns:1fr 1fr}.detail-photo{aspect-ratio:1.4}.spec-category-grid{grid-template-columns:1fr}.spec-panel{padding:22px}.back-to-results{font-size:.8125rem}}
@media(max-width:430px){.listing-grid{grid-template-columns:1fr}.card-image{aspect-ratio:1.55}.card-content{padding:22px}.card-content h3{font-size:1.3rem}.card-model{min-height:0;font-size:.9375rem}.card-hours{min-height:0;font-size:.8125rem;margin-bottom:20px}.card-price-row{display:flex;align-items:baseline}.price{font-size:1.85rem}.price-caption{font-size:.75rem}.card-location{min-height:0;font-size:.8125rem}.card-actions button{font-size:.875rem;padding:15px}.header nav{gap:18px}.header nav button{font-size:.75rem}.filter-item{flex:1 1 calc(50% - 9px)}.filter-item select{width:100%}.filters>.text-button{flex:1;min-height:42px;text-align:center}.browse-heading h1{font-size:1.4rem}.inventory-label{max-width:65px;text-align:right}.detail-brand{display:none}}
