:root {
  --bg: #090a0c;
  --panel: #111318;
  --panel-2: #181b20;
  --ink: #f7f7f5;
  --muted: #b9bdc5;
  --paper: #f3f1ed;
  --paper-2: #e7e3dc;
  --accent: #f26522;
  --accent-2: #ff7a2f;
  --border: rgba(255,255,255,.12);
  --shadow: 0 18px 60px rgba(0,0,0,.28);
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family: Arial, Helvetica, sans-serif; background: var(--bg); color: var(--ink); line-height:1.55; }
a { color: inherit; text-decoration: none; }
img { max-width:100%; display:block; }
button, input, textarea, select { font: inherit; }
.container { width:min(var(--max), calc(100% - 36px)); margin-inline:auto; }
.eyebrow { color:var(--accent); text-transform:uppercase; font-size:.78rem; font-weight:800; letter-spacing:.13em; }
.display { font-family: Georgia, 'Times New Roman', serif; text-transform:uppercase; letter-spacing:.02em; line-height:.92; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:46px; border-radius:5px; padding:.75rem 1rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; border:1px solid transparent; cursor:pointer; transition:.18s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { background:var(--accent); color:white; }
.btn-primary:hover { background:var(--accent-2); }
.btn-secondary { border-color:rgba(255,255,255,.5); color:white; background:rgba(0,0,0,.18); }
.btn-dark { border-color:#25282e; background:#0b0c0f; color:white; }
.btn-link { color:var(--accent); font-weight:800; }

.site-header { position:sticky; top:0; z-index:50; background:rgba(7,8,10,.95); backdrop-filter: blur(12px); border-bottom:1px solid var(--border); }
.header-inner { min-height:82px; display:flex; align-items:center; gap:28px; }
.brand { width:285px; flex:0 0 auto; }
.brand img { width:100%; max-height:64px; object-fit:contain; object-position:left center; }
.nav { display:flex; gap:20px; align-items:center; margin-left:auto; }
.nav a { font-size:.82rem; font-weight:800; text-transform:uppercase; letter-spacing:.055em; color:#e7e7e7; }
.nav a:hover,.nav a.active { color:var(--accent); }
.header-phone { display:flex; flex-direction:column; line-height:1.1; min-width:165px; }
.header-phone strong { font-size:1.02rem; }
.header-phone span { color:var(--muted); font-size:.74rem; margin-top:5px; }
.mobile-toggle { display:none; margin-left:auto; background:none; color:white; border:1px solid var(--border); width:44px; height:44px; border-radius:5px; }

.hero { min-height:620px; position:relative; display:grid; align-items:center; overflow:hidden; background:#0a0b0e; }
.hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(6,7,9,.96) 0%, rgba(6,7,9,.83) 40%, rgba(6,7,9,.25) 74%, rgba(6,7,9,.6) 100%), url('/assets/classic-lineup.webp') center 46%/cover no-repeat; transform:scale(1.01); }
.hero::after { content:''; position:absolute; inset:auto 0 0; height:150px; background:linear-gradient(transparent, #090a0c); }
.hero-inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr); gap:50px; align-items:center; padding:72px 0 92px; }
.hero h1 { font-size:clamp(3rem,6vw,5.6rem); margin:.45rem 0 1rem; max-width:770px; text-shadow:0 3px 26px #000; }
.hero-sub { font-size:1.15rem; color:#eee; max-width:680px; }
.hero-slogan { display:flex; gap:14px; align-items:center; margin:23px 0; font-size:1.1rem; text-transform:uppercase; letter-spacing:.25em; }
.hero-slogan::before,.hero-slogan::after { content:''; width:90px; max-width:12vw; height:2px; background:var(--accent); }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 25px; }
.trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; max-width:700px; }
.trust-item { border-top:2px solid var(--accent); padding-top:10px; }
.trust-item strong { display:block; text-transform:uppercase; font-size:.8rem; }
.trust-item span { color:#d1d4d9; font-size:.78rem; }
.daisy-card { justify-self:end; width:min(390px,100%); background:linear-gradient(160deg,rgba(17,19,24,.92),rgba(7,8,10,.92)); border:1px solid rgba(242,101,34,.5); box-shadow:var(--shadow); padding:22px; border-radius:12px; text-align:center; }
.daisy-card img { width:245px; margin:-85px auto 4px; filter:drop-shadow(0 16px 22px rgba(0,0,0,.5)); }
.daisy-card h2 { margin:0; font-size:1.5rem; }
.daisy-card p { color:#d6d8dc; margin:.5rem 0 1rem; }
.daisy-card .mini { font-size:.8rem; color:#aaaeb5; }

.light-section { background:var(--paper); color:#111; padding:70px 0; }
.dark-section { background:#0d0f12; padding:72px 0; }
.section-heading { display:flex; justify-content:space-between; gap:20px; align-items:end; margin-bottom:28px; }
.section-heading h2 { margin:.3rem 0 0; font-size:clamp(2rem,4vw,3.5rem); }
.section-heading p { max-width:560px; margin:0; color:#555; }
.dark-section .section-heading p { color:var(--muted); }

.services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.service-card { min-height:185px; padding:22px; background:white; border:1px solid #d8d4cc; border-bottom:3px solid var(--accent); border-radius:8px; box-shadow:0 8px 22px rgba(0,0,0,.06); }
.service-icon { font-size:1.8rem; }
.service-card h3 { margin:12px 0 4px; text-transform:uppercase; font-size:1rem; }
.service-card p { color:#555; font-size:.9rem; margin:0; }

.philosophy { display:grid; grid-template-columns:1.05fr .95fr; gap:24px; align-items:stretch; }
.quote-card { background:linear-gradient(145deg,#14171b,#08090b); border:1px solid var(--border); padding:40px; border-radius:12px; display:flex; flex-direction:column; justify-content:center; }
.quote-card blockquote { font-family:Georgia,serif; font-size:clamp(2rem,4vw,3.8rem); line-height:1.06; margin:0 0 18px; }
.quote-card p { color:var(--muted); max-width:700px; }
.photo-card { position:relative; min-height:460px; border-radius:12px; overflow:hidden; }
.photo-card img { width:100%; height:100%; object-fit:cover; }
.photo-card .caption { position:absolute; inset:auto 0 0; padding:28px; background:linear-gradient(transparent,rgba(0,0,0,.9)); }

.gallery-grid { display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:260px; gap:14px; }
.gallery-item { border-radius:10px; overflow:hidden; position:relative; background:#191b20; border:1px solid var(--border); }
.gallery-item:nth-child(1) { grid-column:span 5; }
.gallery-item:nth-child(2) { grid-column:span 7; }
.gallery-item:nth-child(3), .gallery-item:nth-child(4), .gallery-item:nth-child(5) { grid-column:span 4; }
.gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.gallery-item:hover img { transform:scale(1.025); }
.gallery-item .overlay { position:absolute; inset:auto 0 0; padding:45px 18px 17px; background:linear-gradient(transparent,rgba(0,0,0,.9)); }
.gallery-item strong { display:block; }
.gallery-item span { color:#ddd; font-size:.82rem; }

.stars { color:var(--accent); letter-spacing:.08em; }

.community-banner { background:linear-gradient(120deg,#111318,#201c17); border:1px solid rgba(242,101,34,.4); padding:36px; border-radius:12px; display:grid; grid-template-columns:1.4fr .9fr; gap:24px; align-items:center; }
.community-banner h2 { font-size:clamp(2.3rem,5vw,4.4rem); margin:.3rem 0 1rem; }
.sponsor-chips { display:flex; flex-wrap:wrap; gap:10px; }
.sponsor-chips span { border:1px solid var(--border); background:#17191d; border-radius:999px; padding:9px 13px; font-size:.85rem; }

.page-hero { padding:90px 0 65px; background:radial-gradient(circle at 80% 20%, rgba(242,101,34,.14), transparent 35%), #0a0b0e; border-bottom:1px solid var(--border); }
.page-hero h1 { font-size:clamp(3rem,7vw,6.5rem); margin:.4rem 0 1rem; }
.page-hero p { color:var(--muted); max-width:760px; font-size:1.05rem; }

.booking-layout { display:grid; grid-template-columns:1.35fr .65fr; gap:28px; align-items:start; }
.form-card { background:white; color:#111; border-radius:12px; padding:28px; box-shadow:var(--shadow); }
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.field { display:flex; flex-direction:column; gap:6px; }
.field.full { grid-column:1/-1; }
.field label { font-weight:800; font-size:.84rem; }
.field input,.field textarea,.field select { width:100%; border:1px solid #c9c5be; border-radius:6px; min-height:46px; padding:10px 12px; background:#fff; color:#111; }
.field textarea { min-height:145px; resize:vertical; }
.form-note { font-size:.78rem; color:#626262; }
.status { margin-top:14px; padding:12px 14px; border-radius:6px; display:none; }
.status.show { display:block; }
.status.success { background:#e6f5e9; color:#145522; }
.status.error { background:#fee9e6; color:#852716; }
.side-card { border:1px solid var(--border); padding:26px; border-radius:12px; background:#111318; }
.side-card h3 { margin-top:0; }
.contact-list { display:grid; gap:14px; }
.contact-list a { color:white; }

.timeline { display:grid; gap:16px; }
.timeline-item { display:grid; grid-template-columns:150px 1fr; gap:24px; padding:24px; border:1px solid var(--border); background:#111318; border-radius:10px; }
.timeline-item .date { color:var(--accent); font-weight:900; text-transform:uppercase; }
.timeline-item h3 { margin:0 0 6px; font-size:1.4rem; }
.timeline-item p { margin:0; color:var(--muted); }
.history-art { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:28px; }
.history-art figure { margin:0; background:#111318; border:1px solid var(--border); border-radius:10px; overflow:hidden; }
.history-art img { width:100%; aspect-ratio:3/2; object-fit:cover; }
.history-art figcaption { padding:12px 14px; color:var(--muted); font-size:.8rem; }

.sponsor-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.sponsor-card { padding:24px; min-height:170px; background:#111318; border:1px solid var(--border); border-radius:10px; }
.sponsor-card h3 { margin:.4rem 0; }
.sponsor-card p { color:var(--muted); margin:0; }

.daisy-widget { position:fixed; z-index:70; right:22px; bottom:22px; }
.daisy-launch { width:66px; height:66px; border:none; padding:0; border-radius:50%; background:#111318; box-shadow:0 12px 40px rgba(0,0,0,.4); overflow:hidden; cursor:pointer; border:2px solid var(--accent); }
.daisy-launch img { width:100%; height:100%; object-fit:cover; }
.daisy-chat { position:absolute; right:0; bottom:78px; width:min(380px,calc(100vw - 28px)); background:#101216; border:1px solid var(--border); box-shadow:var(--shadow); border-radius:12px; overflow:hidden; display:none; }
.daisy-chat.open { display:block; }
.daisy-chat-head { display:flex; align-items:center; gap:12px; padding:14px; border-bottom:1px solid var(--border); background:#15181d; }
.daisy-chat-head img { width:45px; height:45px; object-fit:cover; border-radius:50%; }
.daisy-chat-head strong { display:block; }
.daisy-chat-head span { color:var(--muted); font-size:.72rem; }
.daisy-chat-messages { height:310px; overflow:auto; padding:14px; display:flex; flex-direction:column; gap:10px; }
.bubble { max-width:86%; padding:10px 12px; border-radius:10px; font-size:.88rem; white-space:pre-wrap; }
.bubble.assistant { background:#20242a; align-self:flex-start; }
.bubble.user { background:var(--accent); align-self:flex-end; }
.daisy-chat-form { display:flex; gap:8px; padding:12px; border-top:1px solid var(--border); }
.daisy-chat-form input { flex:1; min-width:0; border:1px solid #3a3d43; background:#0b0c0f; color:white; border-radius:6px; padding:10px; }
.daisy-chat-form button { border:none; background:var(--accent); color:white; border-radius:6px; padding:0 14px; font-weight:800; }

.site-footer { background:#060709; border-top:1px solid var(--border); padding:55px 0 25px; }
.footer-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr 1fr; gap:28px; }
.footer-brand img { width:285px; }
.footer-brand p,.footer-col p,.footer-col li { color:var(--muted); font-size:.88rem; }
.footer-col h4 { color:var(--accent); text-transform:uppercase; letter-spacing:.08em; }
.footer-col ul { list-style:none; padding:0; margin:0; display:grid; gap:6px; }
.footer-bottom { border-top:1px solid var(--border); margin-top:32px; padding-top:18px; color:#777d85; font-size:.75rem; display:flex; justify-content:space-between; gap:20px; }

@media (max-width: 1050px) {
  .header-phone,.header-inner>.btn { display:none; }
  .mobile-toggle { display:block; }
  .nav { display:none; position:absolute; top:82px; left:0; right:0; background:#090a0c; padding:18px; flex-direction:column; align-items:flex-start; border-bottom:1px solid var(--border); }
  .nav.open { display:flex; }
  .hero-inner { grid-template-columns:1fr; }
  .daisy-card { justify-self:start; margin-top:60px; }
  .services-grid { grid-template-columns:repeat(2,1fr); }
  .community-banner,.philosophy,.booking-layout { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 700px) {
  .brand { width:230px; }
  .hero { min-height:auto; }
  .hero-inner { padding:58px 0 75px; gap:20px; }
  .hero h1 { font-size:3.25rem; }
  .hero-slogan { letter-spacing:.11em; font-size:.85rem; }
  .trust-row { grid-template-columns:1fr; }
  .daisy-card img { width:200px; }
  .services-grid,.form-grid,.sponsor-grid,.history-art { grid-template-columns:1fr; }
  .field.full { grid-column:auto; }
  .gallery-grid { grid-template-columns:1fr; grid-auto-rows:240px; }
  .gallery-item:nth-child(n) { grid-column:auto; }
  .timeline-item { grid-template-columns:1fr; gap:6px; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; }
}

/* Real shop / vehicle photo additions */
.project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.project-card { margin:0; overflow:hidden; border-radius:11px; background:#111318; border:1px solid var(--border); box-shadow:0 10px 26px rgba(0,0,0,.14); }
.project-card.featured { grid-column:span 2; }
.project-card img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.project-card figcaption { padding:16px 17px 18px; display:grid; gap:5px; }
.project-card figcaption strong { font-size:1.06rem; }
.project-card figcaption span { color:var(--muted); font-size:.87rem; line-height:1.45; }
.history-photo-heading { margin-top:56px; }
.real-history figure { background:#0f1114; }
.photo-cta { overflow:hidden; }
.photo-cta img { width:100%; max-height:360px; height:100%; object-fit:cover; border-radius:10px; }
@media (max-width: 900px) {
  .project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .project-card.featured { grid-column:span 2; }
}
@media (max-width: 620px) {
  .project-grid { grid-template-columns:1fr; }
  .project-card.featured { grid-column:auto; }
}


/* ===== V5: lighter heritage-forward direction ===== */
:root {
  --bg:#eee8de;
  --panel:#f8f4ed;
  --panel-2:#e6dfd3;
  --ink:#171614;
  --muted:#5f5b55;
  --paper:#f8f5ef;
  --paper-2:#e9e2d8;
  --accent:#c8521c;
  --accent-2:#df6528;
  --border:rgba(40,32,25,.14);
  --shadow:0 18px 55px rgba(58,43,29,.16);
}
body{background:var(--bg);color:var(--ink)}
.site-header{background:rgba(18,17,15,.96);border-bottom:1px solid rgba(255,255,255,.12)}
.hero{background:#d8d0c5;min-height:640px;color:#fff}
.hero::before{background:linear-gradient(90deg,rgba(24,20,17,.88) 0%,rgba(24,20,17,.72) 42%,rgba(24,20,17,.28) 72%,rgba(24,20,17,.46) 100%),url('/assets/heritage-concept-1.webp') center 52%/cover no-repeat;filter:saturate(.85) contrast(.98)}
.hero::after{height:120px;background:linear-gradient(transparent,rgba(238,232,222,.9))}
.hero h1{text-shadow:0 3px 22px rgba(0,0,0,.4)}
.hero-sub{color:#f6f0e8}
.daisy-card{background:rgba(248,245,239,.93);color:#171614;border-color:rgba(200,82,28,.55);backdrop-filter:blur(5px)}
.daisy-card p,.daisy-card .mini{color:#5b5650}.daisy-card .btn{color:#fff}
.light-section{background:var(--paper);color:var(--ink)}
.dark-section{color:var(--ink);background:linear-gradient(rgba(241,235,225,.93),rgba(241,235,225,.93)),url('/assets/heritage-concept-2.webp') center/cover fixed;border-top:1px solid rgba(63,47,36,.12);border-bottom:1px solid rgba(63,47,36,.12)}
.dark-section .section-heading p{color:var(--muted)}
.quote-card,.side-card,.timeline-item,.sponsor-card,.project-card{background:rgba(255,252,247,.9);color:var(--ink);border-color:rgba(70,54,42,.16);box-shadow:0 12px 30px rgba(60,42,28,.08)}
.quote-card p,.timeline-item p,.sponsor-card p,.project-card figcaption span{color:var(--muted)}
.quote-card p[style]{color:var(--ink)!important}
.community-banner{background:rgba(250,246,239,.91);color:var(--ink);border-color:rgba(200,82,28,.35);box-shadow:var(--shadow)}
.sponsor-chips span{background:#eee6da;border-color:#d1c6b7;color:#24201c}
.page-hero{position:relative;background:linear-gradient(90deg,rgba(249,246,240,.96),rgba(249,246,240,.82)),url('/assets/heritage-concept-2.webp') center/cover no-repeat;color:var(--ink);border-bottom:1px solid rgba(61,47,36,.15)}
.page-hero p{color:#4f4a44}
.heritage-page-hero{background:linear-gradient(90deg,rgba(249,246,240,.94),rgba(249,246,240,.63)),url('/assets/heritage-concept-2.webp') center 54%/cover no-repeat;min-height:390px;display:flex;align-items:center}
.tire-hero{background:linear-gradient(90deg,rgba(249,246,240,.93),rgba(249,246,240,.62)),url('/assets/yellow-firebird-mural.webp') center 58%/cover no-repeat}
.storage-hero{background:linear-gradient(90deg,rgba(249,246,240,.94),rgba(249,246,240,.68)),url('/assets/daisy-yellow-firebird.webp') center 52%/cover no-repeat}
.site-footer{background:#171614;color:#f5f1eb;border-color:rgba(255,255,255,.1)}
.site-notice{background:#c8521c;color:#fff;padding:10px 0;text-align:center;font-weight:800}
.heritage-strip{padding:75px 0;color:#fff;background:linear-gradient(90deg,rgba(22,18,15,.78),rgba(22,18,15,.5)),url('/assets/heritage-concept-1.webp') center 63%/cover no-repeat}.heritage-strip h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4rem);margin:.25rem 0}.heritage-strip p{max-width:700px;font-size:1.05rem}

/* Tire shopping */
.tire-search-card{display:flex;align-items:end;gap:18px;background:#fff;border:1px solid #d7cec1;border-radius:12px;padding:24px;box-shadow:var(--shadow)}.tire-search-card form{display:flex;align-items:end;gap:12px;flex:1}.tire-search-card .field{flex:1}.tire-results{margin-top:34px}.tire-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tire-card{background:#fff;border:1px solid #d9d0c5;border-radius:11px;padding:20px;box-shadow:0 10px 24px rgba(55,42,30,.08)}.tire-top{display:flex;justify-content:space-between;gap:14px}.tire-brand{font-size:.75rem;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.tire-card h3{margin:.2rem 0}.tire-card p{color:#615b55;margin:.2rem 0}.tire-price{font-size:1.45rem;white-space:nowrap}.tire-price small{display:block;font-size:.65rem;color:#777;font-weight:normal}.tire-stock{margin:16px 0;padding:8px 10px;background:#f0ebe3;border-radius:6px;font-size:.78rem;color:#575149}.tire-empty{padding:36px;background:#fff;border:1px dashed #c8bcad;border-radius:10px;text-align:center}.estimate-modal{position:fixed;inset:0;background:rgba(20,17,14,.72);z-index:100;display:grid;place-items:center;padding:20px;overflow:auto}.estimate-card{position:relative;width:min(780px,100%);max-height:92vh;overflow:auto}.modal-close{position:absolute;right:12px;top:10px;border:none;background:none;font-size:2rem;cursor:pointer}.estimate-total{background:#eee6da;border-radius:7px;padding:12px 14px;margin-bottom:18px;font-size:1.05rem}

/* Tire storage customer area */
.storage-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;align-items:start}.storage-account{min-height:250px}.storage-card{background:#fff;border:1px solid #d6ccbf;border-radius:12px;padding:30px;box-shadow:var(--shadow)}.storage-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.storage-details div{background:#f0ebe3;border-radius:7px;padding:13px}.storage-details span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#746d65}.storage-details strong{display:block;margin-top:3px}.storage-notes{border-left:3px solid var(--accent);padding-left:14px}

/* Shop admin */
.admin-body{background:#e8e1d7;color:#201d19}.admin-main{padding:50px 0 90px}.admin-login{display:grid;place-items:center;min-height:65vh}.admin-card{background:#fff;border:1px solid #d4c9bb;border-radius:12px;padding:26px;box-shadow:var(--shadow)}.admin-card.narrow{width:min(520px,100%)}.admin-card h1,.admin-card h2{font-family:Georgia,serif}.admin-top{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.admin-top h1{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,4rem);margin:.2rem 0}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.admin-tabs button{border:1px solid #bfb3a4;background:#f7f2eb;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.admin-tabs button.active{background:#1b1916;color:#fff;border-color:#1b1916}.admin-panel{display:none}.admin-panel.active{display:block}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.84rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e2d9cd;padding:10px 7px;vertical-align:top}.mini-btn{border:1px solid #a99d8d;background:#f5f0e9;border-radius:5px;padding:5px 8px;cursor:pointer}.mini-btn.danger{color:#8a2c20}.admin-clear{margin-left:8px}.csv-help{background:#f1ece5;padding:10px;border-radius:6px;margin:12px 0;overflow:auto}.catalog-summary{margin-top:16px;padding:14px;background:#f1ece5;border-radius:7px}.vin-result{margin-top:20px}.vin-card{background:#f1ece5;padding:18px;border-radius:8px}.vin-card dl{display:grid;grid-template-columns:120px 1fr;gap:7px;margin:14px 0}.vin-card dt{font-weight:800}.muted-dark{color:#655f58}

@media(max-width:900px){.tire-grid{grid-template-columns:repeat(2,1fr)}.admin-grid,.storage-layout{grid-template-columns:1fr}}
@media(max-width:650px){.tire-grid{grid-template-columns:1fr}.tire-search-card,.tire-search-card form{display:grid;width:100%}.storage-details{grid-template-columns:1fr}.dark-section{background-attachment:scroll}.admin-top{flex-direction:column}}

/* V6 tire-storage management */
.admin-storage-layout{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(560px,1.1fr);gap:20px;align-items:start}
.storage-admin-summary{display:grid;grid-template-columns:repeat(8,minmax(105px,1fr));gap:10px;margin:0 0 20px}
.storage-stat{background:#fff;border:1px solid #d4c9bb;border-radius:10px;padding:15px;box-shadow:0 8px 20px rgba(55,42,30,.06)}
.storage-stat span{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:.67rem;color:#776e64;font-weight:800}
.storage-stat strong{font-family:Georgia,serif;font-size:1.75rem;display:block;margin:.15rem 0;color:#211e1a}.storage-stat small{color:#6c645b}.storage-stat.small strong{font-size:1.25rem}
.storage-search{display:flex;gap:8px;align-items:center;margin:12px 0 5px}.storage-search input{flex:1;min-width:260px;padding:11px 12px;border:1px solid #cfc3b5;border-radius:7px;background:#fbf8f3}.storage-search-note{margin:.4rem 0 1rem}
.storage-map-card{margin-top:20px}.storage-map{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px;overflow:auto;padding-bottom:4px}
.sea-can-card{background:#f4eee6;border:1px solid #d4c8b9;border-radius:10px;padding:10px;min-width:180px}.sea-can-head{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #d8cec1;padding:3px 2px 9px;margin-bottom:7px}.sea-can-head strong{font-family:Georgia,serif}.sea-can-head span{font-size:.68rem;color:#71695f}
.storage-map-row{display:grid;grid-template-columns:42px 1fr 1fr;gap:5px;align-items:stretch;margin:5px 0}.storage-row-label{display:flex;align-items:center;font-size:.65rem;font-weight:800;color:#746b62}.storage-slot{border:1px solid transparent;border-radius:6px;padding:6px 5px;text-align:left;cursor:pointer;min-height:57px}.storage-slot span{font-size:.8rem;font-weight:900;display:block}.storage-slot small{font-size:.58rem;display:block}.storage-slot em{font-size:.62rem;font-style:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.storage-slot.empty{background:#edf4eb;border-color:#b8ceb4;color:#294724}.storage-slot.empty:hover{background:#deedd9}.storage-slot.occupied{background:#f4dfd7;border-color:#d7a693;color:#6d271b}.storage-slot.occupied:hover{background:#efd0c4}.storage-map-legend{display:flex;gap:20px;margin-top:12px;font-size:.78rem;color:#665e56}.slot-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.slot-dot.empty{background:#8fba85}.slot-dot.occupied{background:#c4775b}
[data-location-preview]{font-weight:800;background:#f3eee7;color:#503f31}
@media(max-width:1200px){.storage-admin-summary{grid-template-columns:repeat(4,1fr)}.admin-storage-layout{grid-template-columns:1fr}.storage-map{grid-template-columns:repeat(3,minmax(190px,1fr))}}
@media(max-width:760px){.storage-admin-summary{grid-template-columns:repeat(2,1fr)}.storage-map{grid-template-columns:repeat(2,minmax(180px,1fr))}.storage-search{align-items:stretch;flex-direction:column}.storage-search input{min-width:0}}
@media(max-width:500px){.storage-map{grid-template-columns:1fr}}

/* ===== V8 definitive light heritage theme ===== */
:root {
  --bg: #eee7dc;
  --panel: #fffaf2;
  --panel-2: #eadfce;
  --ink: #201b17;
  --muted: #625a52;
  --paper: #fbf7f0;
  --paper-2: #eee5d8;
  --accent: #b94f24;
  --accent-2: #d7652f;
  --border: rgba(59,45,34,.16);
  --shadow: 0 18px 48px rgba(61,43,29,.14);
}

body {
  background:
    linear-gradient(rgba(245,239,230,.92), rgba(245,239,230,.92)),
    url('/assets/heritage-concept-2.webp') center top / cover fixed no-repeat;
  color: var(--ink);
}

/* Light header: keep the existing transparent logo asset but invert it to dark. */
.site-header {
  background: rgba(250,246,239,.97);
  border-bottom: 1px solid rgba(55,43,34,.16);
  box-shadow: 0 7px 25px rgba(64,47,34,.08);
}
.site-header .brand img { filter: invert(1); }
.nav a { color:#2d2823; }
.nav a:hover,.nav a.active { color:var(--accent); }
.header-phone strong { color:#241f1b; }
.header-phone span { color:#6a625a; }
.mobile-toggle { color:#241f1b; border-color:rgba(55,43,34,.22); }
.btn-secondary { border-color:#3e352d; color:#2c2722; background:rgba(255,251,245,.76); }
.btn-secondary:hover { background:#fff; }

/* Hero: make the heritage artwork visible instead of burying it under a dark mask. */
.hero {
  min-height: 650px;
  background:#ddd1c0;
  color:var(--ink);
}
.hero::before {
  background:
    linear-gradient(90deg,
      rgba(250,246,239,.90) 0%,
      rgba(250,246,239,.80) 40%,
      rgba(250,246,239,.28) 67%,
      rgba(250,246,239,.12) 100%),
    url('/assets/heritage-concept-1.webp') center 56% / cover no-repeat;
  filter:saturate(.96) contrast(1.02);
}
.hero::after {
  height:100px;
  background:linear-gradient(transparent, rgba(238,231,220,.96));
}
.hero-inner { gap:38px; }
.hero-inner > div:first-child {
  background:rgba(255,251,245,.82);
  border:1px solid rgba(74,55,40,.16);
  border-left:4px solid var(--accent);
  border-radius:12px;
  padding:34px 36px;
  box-shadow:0 22px 58px rgba(53,37,25,.18);
  backdrop-filter:blur(3px);
}
.hero h1 { color:#201a16; text-shadow:none; }
.hero-sub { color:#4d453e; }
.hero-slogan { color:#312b26; }
.trust-item strong { color:#2d2722; }
.trust-item span { color:#5f5750; }
.daisy-card {
  background:rgba(255,251,245,.94);
  color:#211c18;
  border-color:rgba(185,79,36,.48);
  box-shadow:0 24px 65px rgba(47,33,22,.18);
}
.daisy-card p,.daisy-card .mini { color:#5c554e; }

/* Main content is warm and airy. */
.light-section {
  background:rgba(251,247,240,.96);
  color:var(--ink);
  border-top:1px solid rgba(69,51,38,.08);
  border-bottom:1px solid rgba(69,51,38,.08);
}
.service-card,.form-card,.storage-card,.tire-card,.tire-empty {
  background:#fffdf9;
  border-color:#d7ccbd;
  box-shadow:0 10px 26px rgba(66,47,31,.08);
}
.service-card p,.section-heading p { color:#5d554d; }

/* Sections previously called dark-section now use the heritage art as a visible background. */
.dark-section {
  color:var(--ink);
  background:
    linear-gradient(rgba(244,237,226,.78), rgba(244,237,226,.78)),
    url('/assets/heritage-concept-2.webp') center 55% / cover fixed no-repeat;
  border-top:1px solid rgba(65,48,35,.13);
  border-bottom:1px solid rgba(65,48,35,.13);
}
.quote-card,.side-card,.timeline-item,.sponsor-card,.project-card {
  background:rgba(255,252,247,.93);
  color:var(--ink);
  border-color:rgba(70,54,42,.17);
  box-shadow:0 15px 36px rgba(58,42,29,.10);
  backdrop-filter:blur(3px);
}
.quote-card blockquote { color:#241e19; }
.quote-card p,.timeline-item p,.sponsor-card p,.project-card figcaption span { color:#625a52; }
.quote-card p[style] { color:#2b251f!important; }
.photo-card { box-shadow:0 18px 44px rgba(55,38,26,.16); }

.community-banner {
  background:
    linear-gradient(90deg,rgba(255,251,245,.94),rgba(255,251,245,.82)),
    url('/assets/heritage-concept-1.webp') center 61% / cover no-repeat;
  color:var(--ink);
  border-color:rgba(185,79,36,.35);
  box-shadow:0 18px 48px rgba(53,37,25,.14);
}
.community-banner p { color:#524a43; }
.sponsor-chips span { background:rgba(255,252,247,.85); border-color:#d0c3b3; color:#302922; }

/* Internal page heroes now use the heritage artwork plainly and consistently. */
.page-hero,
.heritage-page-hero {
  color:var(--ink);
  background:
    linear-gradient(90deg,rgba(251,247,240,.92),rgba(251,247,240,.70) 48%,rgba(251,247,240,.34)),
    url('/assets/heritage-concept-2.webp') center 56% / cover no-repeat;
  border-bottom:1px solid rgba(61,47,36,.15);
}
.page-hero h1 { color:#211b17; }
.page-hero p { color:#554d46; }
.tire-hero {
  background:
    linear-gradient(90deg,rgba(251,247,240,.92),rgba(251,247,240,.68),rgba(251,247,240,.28)),
    url('/assets/yellow-firebird-mural.webp') center 58% / cover no-repeat;
}
.storage-hero {
  background:
    linear-gradient(90deg,rgba(251,247,240,.92),rgba(251,247,240,.70),rgba(251,247,240,.30)),
    url('/assets/daisy-yellow-firebird.webp') center 52% / cover no-repeat;
}

/* Gallery cards stay photographic, with softer overlays. */
.gallery-item { background:#d8ccbc; border-color:rgba(66,49,36,.16); box-shadow:0 10px 28px rgba(54,38,26,.11); }
.gallery-item .overlay { background:linear-gradient(transparent,rgba(28,22,18,.86)); color:#fff; }

/* Footer is the one intentionally dark anchor on the page. */
.site-footer { background:#28221d; color:#f7f1e8; border-top:4px solid var(--accent); }
.site-footer .btn-link { color:#ef9a70; }

/* Daisy chat stays high contrast but less black-heavy. */
.daisy-chat { background:#fffaf3; color:#211c18; border-color:rgba(82,59,43,.18); box-shadow:0 18px 55px rgba(45,31,21,.25); }
.daisy-chat-head { background:#352c25; color:#fff; }
.bubble.assistant { background:#eee4d7; color:#29231e; }
.bubble.user { background:#b94f24; color:#fff; }
.daisy-chat-form { background:#f7f0e6; border-top-color:#d7ccbd; }
.daisy-chat-form input { background:#fff; color:#211c18; border-color:#cabbaa; }

@media(max-width:900px){
  .hero::before { background-position:62% 55%; }
  .hero-inner > div:first-child { padding:28px; }
}
@media(max-width:650px){
  body { background-attachment:scroll; }
  .dark-section { background-attachment:scroll; }
  .hero::before {
    background:
      linear-gradient(rgba(250,246,239,.87),rgba(250,246,239,.76)),
      url('/assets/heritage-concept-1.webp') center / cover no-repeat;
  }
  .hero-inner > div:first-child { background:rgba(255,251,245,.91); }
}

/* ===== V9: mobile-width and light navigation fixes ===== */
html, body { max-width:100%; overflow-x:hidden; }
body { min-width:0; }
.container { max-width:100%; }
.header-inner, .hero-inner, .section-heading, .philosophy, .booking-layout, .community-banner, .storage-layout { min-width:0; }
.header-inner > *, .hero-inner > *, .philosophy > *, .booking-layout > *, .community-banner > *, .storage-layout > * { min-width:0; }
.display, h1, h2, h3, p, a, span { overflow-wrap:break-word; }

@media (max-width:1050px) {
  .site-header { overflow:visible; }
  .header-inner { min-height:72px; gap:12px; position:relative; }
  .brand { width:min(240px, calc(100vw - 92px)); }
  .brand img { max-height:54px; }
  .mobile-toggle { flex:0 0 44px; color:#2a241f; background:#fffaf3; border:1px solid #cdbfac; box-shadow:0 4px 12px rgba(58,42,29,.08); }
  .mobile-toggle:hover { background:#f4eadc; }
  .nav {
    top:72px;
    left:0;
    right:0;
    width:100%;
    max-height:calc(100vh - 72px);
    overflow-y:auto;
    background:rgba(255,250,243,.99);
    padding:10px 18px 18px;
    gap:0;
    border-top:1px solid #dfd3c4;
    border-bottom:1px solid #cdbfac;
    box-shadow:0 18px 34px rgba(54,39,27,.16);
  }
  .nav a {
    width:100%;
    color:#29231e;
    padding:13px 4px;
    border-bottom:1px solid #e8ddd0;
    font-size:.9rem;
  }
  .nav a:last-child { border-bottom:0; }
  .nav a:hover, .nav a.active { color:var(--accent); background:#f7eee3; padding-left:10px; }
}

@media (max-width:700px) {
  .container { width:calc(100% - 28px); }
  .header-inner { min-height:68px; }
  .brand { width:min(195px, calc(100vw - 86px)); }
  .brand img { max-height:48px; }
  .nav { top:68px; padding-inline:14px; }
  .hero { min-height:auto; }
  .hero-inner { padding:38px 0 58px; }
  .hero-inner > div:first-child { padding:22px 18px; border-left-width:3px; }
  .hero h1 { font-size:clamp(2.25rem,12vw,3rem); line-height:.95; }
  .page-hero { padding:62px 0 44px; }
  .page-hero h1 { font-size:clamp(2.35rem,13vw,3.5rem); line-height:.95; }
  .hero-sub, .page-hero p { font-size:1rem; }
  .hero-slogan { gap:8px; letter-spacing:.07em; font-size:.78rem; }
  .hero-slogan::before, .hero-slogan::after { width:32px; min-width:18px; }
  .hero-actions { display:grid; grid-template-columns:1fr; }
  .hero-actions .btn { width:100%; }
  .daisy-card { width:100%; margin-top:70px; padding:18px; }
  .daisy-card img { width:175px; }
  .section-heading { display:block; }
  .section-heading p { margin-top:12px; }
  .light-section, .dark-section { padding:52px 0; }
  .quote-card { padding:25px 20px; }
  .quote-card blockquote { font-size:clamp(1.8rem,9vw,2.6rem); }
  .community-banner { padding:24px 19px; }
  .community-banner h2 { font-size:clamp(2rem,11vw,3rem); }
  .form-card, .side-card, .storage-card, .admin-card { padding:20px 17px; }
  .tire-search-card { padding:18px 15px; }
  .tire-top { display:block; }
  .tire-price { margin-top:8px; white-space:normal; }
  .storage-details { min-width:0; }
  .footer-brand img { width:min(250px,100%); }
  .daisy-widget { right:12px; bottom:12px; }
  .daisy-chat { width:min(360px, calc(100vw - 24px)); right:0; }
}

@media (max-width:420px) {
  .container { width:calc(100% - 22px); }
  .brand { width:min(172px, calc(100vw - 78px)); }
  .mobile-toggle { width:42px; height:42px; }
  .hero h1 { font-size:clamp(2rem,11.5vw,2.65rem); }
  .page-hero h1 { font-size:clamp(2.1rem,12vw,3rem); }
  .services-grid { gap:10px; }
  .service-card { padding:18px 16px; }
  .gallery-grid { grid-auto-rows:220px; }
  .btn { padding:.7rem .8rem; font-size:.88rem; }
}

/* ===== V10: desktop header fit + customer login + hero word wrapping ===== */
@media (min-width:1321px) {
  .site-header .header-inner {
    width:min(1540px, calc(100% - 44px));
    max-width:none;
    min-height:78px;
    gap:16px;
  }
  .site-header .brand { width:220px; }
  .site-header .brand img { max-height:57px; }
  .site-header .nav {
    margin-left:auto;
    gap:14px;
    flex:0 1 auto;
    min-width:0;
  }
  .site-header .nav a {
    font-size:.76rem;
    letter-spacing:.035em;
    white-space:nowrap;
  }
  .site-header .header-phone {
    min-width:132px;
    flex:0 0 132px;
  }
  .site-header .header-phone strong { font-size:.92rem; white-space:nowrap; }
  .site-header .header-phone span { font-size:.68rem; white-space:nowrap; }
  .site-header .header-book { flex:0 0 auto; padding-inline:.9rem; }
  .header-login {
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 .85rem;
    border:1px solid #cdbfac;
    border-radius:5px;
    background:#fffaf3;
    color:#29231e;
    font-size:.76rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.045em;
  }
  .header-login:hover { border-color:var(--accent); color:var(--accent); background:#fff; }
}

/* Switch to the proven compact menu sooner, before desktop links can collide. */
@media (max-width:1320px) {
  .header-phone,.header-inner>.header-book,.header-inner>.header-login { display:none; }
  .mobile-toggle { display:block; }
  .site-header { overflow:visible; }
  .header-inner { min-height:72px; gap:12px; position:relative; }
  .brand { width:min(240px, calc(100vw - 92px)); }
  .brand img { max-height:54px; }
  .nav {
    display:none;
    position:absolute;
    top:72px;
    left:0;
    right:0;
    width:100%;
    max-height:calc(100vh - 72px);
    overflow-y:auto;
    background:rgba(255,250,243,.99);
    padding:10px 18px 18px;
    gap:0;
    flex-direction:column;
    align-items:flex-start;
    border-top:1px solid #dfd3c4;
    border-bottom:1px solid #cdbfac;
    box-shadow:0 18px 34px rgba(54,39,27,.16);
  }
  .nav.open { display:flex; }
  .nav a {
    width:100%;
    color:#29231e;
    padding:13px 4px;
    border-bottom:1px solid #e8ddd0;
    font-size:.9rem;
  }
  .nav a:last-child { border-bottom:0; }
  .nav a:hover,.nav a.active { color:var(--accent); background:#f7eee3; padding-left:10px; }
  .hero-inner { grid-template-columns:1fr; }
  .daisy-card { justify-self:start; margin-top:60px; }
}

.hero-title {
  font-size:clamp(3rem,5vw,4.8rem)!important;
  line-height:.98!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none;
}
.hero-title span { display:block; white-space:nowrap; overflow-wrap:normal; word-break:normal; }

@media (max-width:700px) {
  .hero-title { font-size:clamp(2.25rem,11vw,3rem)!important; }
  .hero-title span { white-space:nowrap; }
}
@media (max-width:380px) {
  .hero-title { font-size:clamp(2rem,10.6vw,2.55rem)!important; }
}

/* V11 — clickable Daisy assistant links */
.daisy-chat .bubble.assistant .daisy-inline-link{display:inline-block;margin:.35rem .15rem .1rem 0;padding:.45rem .72rem;border-radius:8px;background:#bd4a21;color:#fff!important;font-weight:800;text-decoration:none;line-height:1.2}
.daisy-chat .bubble.assistant .daisy-inline-link:hover,.daisy-chat .bubble.assistant .daisy-inline-link:focus{background:#963819;text-decoration:none}


/* V12 staff portal + visual sea-can storage */
.sea-can-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#d9d2c6 0,#bcb3a5 44px,#f6f1e9 44px,#f6f1e9 100%);
  border:2px solid #8b8174;
  box-shadow:0 10px 24px rgba(56,45,34,.12), inset 0 0 0 3px rgba(255,255,255,.35);
}
.sea-can-card:before{
  content:"";position:absolute;left:8px;right:8px;top:43px;height:7px;
  background:repeating-linear-gradient(90deg,rgba(91,82,70,.22) 0 3px,transparent 3px 17px);
  pointer-events:none;
}
.sea-can-head{position:relative;z-index:1;background:rgba(255,255,255,.5);margin:-2px -2px 10px;padding:10px 10px 9px;border-bottom:2px solid #8b8174}
.sea-can-head strong:before{content:"▰ ";color:var(--accent)}
.storage-slot{position:relative;z-index:1;transition:transform .12s ease,box-shadow .12s ease}
.storage-slot:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.storage-slot.occupied:after{content:"STORED";position:absolute;right:5px;top:5px;font-size:.48rem;letter-spacing:.08em;font-weight:900;opacity:.65}
.storage-slot.empty:after{content:"OPEN";position:absolute;right:5px;top:5px;font-size:.48rem;letter-spacing:.08em;font-weight:900;opacity:.62}
.storage-modal[hidden]{display:none}.storage-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.storage-modal-backdrop{position:absolute;inset:0;background:rgba(31,26,22,.62);backdrop-filter:blur(3px)}.storage-modal-card{position:relative;z-index:1;width:min(720px,100%);max-height:88vh;overflow:auto;background:#fbf7f0;border:1px solid #cfc3b4;border-radius:16px;padding:26px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.storage-modal-x{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:2rem;line-height:1;cursor:pointer;color:#4b443d}.storage-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.storage-detail-grid>div,.storage-detail-notes{background:#f0e9df;border:1px solid #d8ccbd;border-radius:9px;padding:10px}.storage-detail-grid span,.storage-detail-notes span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:900;color:#7a6e61;margin-bottom:4px}.storage-detail-grid strong{font-size:.92rem;color:#302a25}.storage-detail-notes{margin-top:10px}.storage-detail-notes p{margin:0;white-space:pre-wrap}.storage-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.modal-open{overflow:hidden}
@media(max-width:620px){.storage-detail-grid{grid-template-columns:1fr}.storage-modal{padding:10px}.storage-modal-card{padding:22px 16px 18px}}
\n/* ===== V13 staff media manager + 32-position sea cans ===== */\n.hero::before{background:linear-gradient(90deg,rgba(249,246,240,.90) 0%,rgba(249,246,240,.78) 44%,rgba(249,246,240,.45) 72%,rgba(249,246,240,.58) 100%),var(--hero-bg,url('/assets/heritage-concept-1.webp')) center 52%/cover no-repeat!important}\n.media-background-preview{height:170px;border-radius:10px;background:#e8dfd3 center/cover no-repeat;border:1px solid #d2c5b6;margin:12px 0 16px}\n.media-library-card{margin-top:20px}.media-library{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}.media-admin-item{border:1px solid #d7ccbe;border-radius:10px;overflow:hidden;background:#fbf7f0}.media-admin-item img{width:100%;height:150px;object-fit:cover;display:block}.media-admin-body{padding:12px}.media-admin-body .field{margin:7px 0}.media-admin-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.media-admin-actions button{font-size:.72rem}.managed-media-section{padding:58px 0;background:rgba(251,247,240,.92)}.managed-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.managed-media-item{margin:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(55,42,30,.1)}.managed-media-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.managed-media-item figcaption{padding:12px 14px;font-weight:700;color:#3d352f}\n.storage-map{grid-template-columns:repeat(5,minmax(265px,1fr))}.sea-can-card{position:relative;background:linear-gradient(90deg,#d8c7ad,#efe3d1 12%,#d8c7ad 13%,#efe3d1 25%,#d8c7ad 26%,#efe3d1 38%,#d8c7ad 39%,#efe3d1 51%,#d8c7ad 52%,#efe3d1 64%,#d8c7ad 65%,#efe3d1 77%,#d8c7ad 78%,#efe3d1 90%,#d8c7ad 91%);border:2px solid #9e8a70;box-shadow:inset 0 0 0 4px rgba(255,255,255,.25),0 10px 24px rgba(54,42,29,.1);min-width:265px}.sea-can-head{background:rgba(43,38,31,.88);color:#fff;border-radius:6px;padding:9px 10px;margin:-2px -2px 10px}.sea-can-head span{color:#e9dfd1}.sea-can-side{background:rgba(255,250,242,.86);border:1px solid rgba(91,72,51,.18);border-radius:8px;padding:8px;margin-top:8px}.sea-can-side-title{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#4c4034;margin-bottom:6px}.storage-map-row{grid-template-columns:38px 1fr 1fr;margin:4px 0}.storage-row-label{font-size:.62rem}.storage-slot{min-height:51px;padding:5px}.storage-slot span{font-size:.72rem}.storage-slot small,.storage-slot em{font-size:.56rem}.storage-slot-code{display:flex;justify-content:space-between;gap:3px}.storage-slot-code b{font-size:.68rem}.storage-slot-code i{font-style:normal;font-size:.52rem}\n@media(max-width:1150px){.media-library{grid-template-columns:repeat(3,1fr)}.managed-media-grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:760px){.media-library{grid-template-columns:repeat(2,1fr)}.managed-media-grid{grid-template-columns:1fr}}\n@media(max-width:500px){.media-library{grid-template-columns:1fr}}\n
/* ===== V14 secure staff portal, full-page editor, interleaved sea-can layout ===== */
.storage-map{grid-template-columns:repeat(5,minmax(380px,1fr));gap:14px;overflow-x:auto}
.sea-can-card{min-width:380px}
.sea-can-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sea-can-head strong{font-size:1.02rem;line-height:1.1;white-space:nowrap}
.sea-can-head span{font-size:.72rem;line-height:1.25;text-align:right}
.sea-can-aisle{display:grid;gap:6px}
.storage-aisle-head,.storage-aisle-row{display:grid;grid-template-columns:66px minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:stretch}
.storage-aisle-head{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;text-align:center;color:#5b4c3d;padding:2px 4px 6px}
.storage-aisle-row{padding:6px 0;border-top:1px dashed rgba(79,61,43,.25)}
.storage-spot-number{display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:900;color:#625546;text-align:center;line-height:1.15}
.storage-side-pair{background:rgba(255,250,242,.84);border:1px solid rgba(91,72,51,.18);border-radius:8px;padding:6px}
.storage-side-label{font-size:.57rem;font-weight:900;letter-spacing:.08em;text-align:center;color:#554638;margin-bottom:5px}
.storage-level-pair{display:grid;grid-template-columns:repeat(2,minmax(72px,1fr));gap:6px}
.storage-level-pair .storage-slot{min-width:0}
.storage-slot{min-height:84px;padding:18px 6px 7px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.storage-slot:after{display:none!important}
.storage-slot-code{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;margin-bottom:3px}
.storage-slot-code b{display:block;font-size:.76rem;line-height:1.05;letter-spacing:.02em}
.storage-slot-code i{display:block;font-style:normal;font-size:.5rem;line-height:1;letter-spacing:.08em}
.storage-slot small{font-size:.56rem;line-height:1.12;margin-top:1px}
.storage-slot em{font-size:.55rem;line-height:1.12;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;max-width:100%}
@media(max-width:1400px){.storage-map{grid-template-columns:repeat(3,minmax(360px,1fr))}.sea-can-card{min-width:360px}}
@media(max-width:1200px){.storage-map{grid-template-columns:repeat(2,minmax(340px,1fr))}.sea-can-card{min-width:340px}}
@media(max-width:760px){.storage-map{grid-template-columns:1fr}.sea-can-card{min-width:0}.storage-aisle-head,.storage-aisle-row{grid-template-columns:52px minmax(0,1fr) minmax(0,1fr)}.storage-slot{min-height:76px;padding:16px 5px 6px}}
@media(max-width:430px){.storage-slot{padding:14px 3px 5px}.storage-slot-code b{font-size:.62rem}.storage-slot-code i,.storage-side-label{font-size:.48rem}.storage-slot small,.storage-slot em{font-size:.5rem}}


/* ===== V17 simplified tire-bin labels ===== */
.storage-slot{
  min-height:58px !important;
  padding:8px 4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.storage-slot:after{display:none !important}
.storage-slot small,
.storage-slot em,
.storage-slot i{display:none !important}
.storage-slot-code{display:flex !important; align-items:center !important; justify-content:center !important; width:100%; margin:0 !important}
.storage-slot-code b{display:block !important; font-size:.9rem !important; line-height:1.05 !important; letter-spacing:.02em !important}
.storage-slot.empty{background:#dff3e0 !important; border-color:#73b07a !important; color:#1f5e29 !important}
.storage-slot.empty:hover{background:#d2ecd4 !important}
.storage-slot.occupied{background:#f6d6d6 !important; border-color:#cd6f6f !important; color:#8e2020 !important}
.storage-slot.occupied:hover{background:#efc6c6 !important}
@media(max-width:760px){
  .storage-slot{min-height:52px !important;padding:6px 3px !important}
  .storage-slot-code b{font-size:.78rem !important}
}


/* ===== V18 staff auth + number-only tire bins ===== */
.storage-slot{
  min-height:54px !important;
  padding:6px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  overflow:hidden !important;
}
.storage-slot::after,.storage-slot small,.storage-slot em,.storage-slot i,.storage-slot-code{display:none !important}
.storage-bin-number{font-size:.92rem !important;line-height:1 !important;font-weight:900 !important;letter-spacing:.02em !important;white-space:nowrap !important}
.storage-slot.empty{background:#cfead1 !important;border:2px solid #6aa873 !important;color:#1c5925 !important}
.storage-slot.empty:hover{background:#bfe2c2 !important}
.storage-slot.occupied{background:#efbcbc !important;border:2px solid #bd5757 !important;color:#7d1717 !important}
.storage-slot.occupied:hover{background:#e9aaaa !important}
@media(max-width:760px){.storage-bin-number{font-size:.8rem !important}.storage-slot{min-height:48px !important;padding:4px !important}}


/* ===== V20 force 3-over-2 Sea Can layout ===== */
.storage-map{display:block !important;overflow:visible !important;padding-bottom:0 !important}
.storage-can-row{display:grid !important;gap:28px !important;align-items:start !important;margin-bottom:28px !important}
.storage-can-row-top{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.storage-can-row-bottom{grid-template-columns:repeat(2,minmax(0,1fr)) !important;max-width:calc(66.666% - 9px)}
.storage-can-row .sea-can-card{min-width:0 !important;width:100% !important;margin:0 !important}
.storage-level-pair{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
.storage-side-pair{padding:8px !important}
.storage-aisle-row{column-gap:14px !important}
@media(max-width:1450px){
  .storage-can-row-top,.storage-can-row-bottom{grid-template-columns:repeat(2,minmax(0,1fr)) !important;max-width:none !important}
}
@media(max-width:800px){
  .storage-can-row-top,.storage-can-row-bottom{grid-template-columns:1fr !important;max-width:none !important}
  .storage-can-row{gap:18px !important;margin-bottom:18px !important}
}

/* ===== V21 Newby's Towing integration ===== */
.btn-tow{background:#f47721;border-color:#f47721;color:#fff}.btn-tow:hover{background:#d95f13;border-color:#d95f13;color:#fff}
.towing-partner-section{padding:34px 0;background:#fff7ef;border-top:1px solid #ead8c8;border-bottom:1px solid #ead8c8}
.towing-partner-card{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:34px;align-items:center;background:#fff;border:1px solid #e3d5c6;border-radius:16px;padding:26px 32px;box-shadow:0 12px 30px rgba(74,54,34,.08)}
.towing-logo-wrap{display:flex;align-items:center;justify-content:center}.towing-logo-wrap img{display:block;width:min(100%,240px);height:auto;border-radius:8px}
.towing-partner-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:2.15rem;margin:.2rem 0 .5rem;color:#2b2520}.towing-partner-copy p{margin:.35rem 0 1.1rem;color:#5e554d}.towing-partner-copy p a{font-weight:900;color:#d75e14}.towing-actions{display:flex;gap:10px;flex-wrap:wrap}
.page-hero-inner{display:grid;grid-template-columns:1fr minmax(230px,360px);gap:36px;align-items:center}.rates-logo-card{background:#fff;border:1px solid #e1d4c7;border-radius:14px;padding:18px;box-shadow:0 12px 28px rgba(55,42,30,.08)}.rates-logo-card img{display:block;width:100%;height:auto}
.rate-disclaimer{background:#fff6ec;border-left:4px solid #f47721;border-radius:8px;padding:18px 20px;margin-bottom:32px}.rate-disclaimer p{margin:.35rem 0 0;color:#61584f}.rate-disclaimer a{font-weight:900;color:#d65d13}
.rates-section{margin:36px 0}.rates-section .section-heading{margin-bottom:14px}.table-scroll{overflow-x:auto;border:1px solid #ddd2c5;border-radius:10px;background:#fff}.rates-table{width:100%;border-collapse:collapse;min-width:680px}.rates-table th,.rates-table td{padding:12px 14px;border-bottom:1px solid #e7ded4;text-align:left;vertical-align:top}.rates-table th{background:#f3ebe1;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;color:#584b40}.rates-table td:last-child,.rates-table th:last-child{width:180px;text-align:right;white-space:nowrap;font-weight:900}.rates-table tr:last-child td{border-bottom:0}.rates-table tbody tr:nth-child(even){background:#fdfaf6}
.rates-storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rates-callout{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center;margin-top:42px;background:#26211e;color:#fff;border-radius:14px;padding:24px}.rates-callout img{width:100%;height:auto;border-radius:8px;background:#fff}.rates-callout h2{margin:0 0 .25rem;font-family:Georgia,'Times New Roman',serif}.rates-callout p{margin:.25rem 0 1rem;color:#e8ddd3}
@media(max-width:900px){.towing-partner-card,.page-hero-inner{grid-template-columns:1fr}.towing-logo-wrap{justify-content:flex-start}.towing-logo-wrap img{width:190px}.rates-storage-grid{grid-template-columns:1fr}.rates-callout{grid-template-columns:150px 1fr}}
@media(max-width:560px){.towing-partner-card{padding:20px}.towing-partner-copy h2{font-size:1.75rem}.rates-callout{grid-template-columns:1fr}.rates-callout img{width:160px}.rates-table{min-width:580px}}

/* ===== V22 dashboard control, inventory, valuation and community ===== */
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap}
.admin-tabs button{white-space:nowrap}
.inline-field{display:flex;gap:8px}.inline-field input{flex:1;min-width:0}
.admin-list-item{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-top:1px solid #ddd2c4;padding:13px 0}.admin-list-item:first-child{margin-top:14px}.admin-list-item small{display:block;color:#776e64;margin-top:2px}.admin-list-item p{margin:.35rem 0 0;color:#554e47}
.media-admin-item.media-hidden{opacity:.56}.media-admin-item.media-hidden img{filter:grayscale(1)}.media-admin-item small{display:block;color:#776e64;margin-top:3px}
.inventory-admin-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}
.inventory-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.inventory-photo-grid figure{margin:0;border:1px solid #d9cec0;border-radius:9px;overflow:hidden;background:#fff}.inventory-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.inventory-photo-grid button{margin:7px}
.value-links{display:flex;gap:8px;flex-wrap:wrap}.valuation-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.valuation-cards>div{background:#f0e8dd;border:1px solid #d8c9b7;border-radius:9px;padding:13px}.valuation-cards span{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;color:#74695d;font-weight:800}.valuation-cards strong{display:block;font-size:1.35rem;margin-top:4px}.fine-print{font-size:.75rem;color:#716961;line-height:1.45;margin-top:12px}
.inventory-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.inventory-card{display:block;background:#fff;border:1px solid #d9cfc2;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px rgba(55,42,30,.08);color:inherit;transition:.16s ease}.inventory-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(55,42,30,.13)}.inventory-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f0e8dd}.inventory-card-body{padding:16px}.inventory-card-body h2{font-size:1.18rem;margin:.45rem 0}.inventory-card-body p{margin:.25rem 0;color:#685f57}.inventory-badge{display:inline-block;padding:5px 8px;border-radius:4px;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.inventory-badge.certified{background:#dfeede;color:#2d5f32}.inventory-badge.as-is{background:#f4d6d2;color:#8b251d}.inventory-price{font-size:1.5rem;display:block;margin-top:8px}.inventory-price.big{font-size:2.1rem;margin:12px 0}.inventory-empty{grid-column:1/-1;background:#fff;border:1px dashed #cbbdad;border-radius:12px;padding:46px 24px;text-align:center}.vehicle-sale-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);gap:28px;align-items:start}.sale-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sale-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#eee5d9}.vehicle-sale-info{position:sticky;top:110px;background:#fff;border:1px solid #d9cfc2;border-radius:12px;padding:22px;box-shadow:0 12px 28px rgba(55,42,30,.08)}.vehicle-sale-info .btn{width:100%;margin-top:9px}.vehicle-specs{display:grid;grid-template-columns:110px 1fr;gap:6px 10px;margin:18px 0}.vehicle-specs dt{font-weight:800;color:#74695d}.vehicle-specs dd{margin:0}.as-is-disclosure{background:#fff0ed;border:1px solid #d99b91;border-radius:8px;padding:12px;margin:16px 0;font-size:.78rem;line-height:1.5;color:#64231d}.as-is-disclosure strong{display:block;margin-bottom:5px}.vehicle-inquiry-modal[hidden]{display:none}.vehicle-inquiry-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px}.community-subheading{margin-top:46px}
@media(max-width:1050px){.inventory-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-admin-grid,.vehicle-sale-layout{grid-template-columns:1fr}.vehicle-sale-info{position:static}.media-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.inventory-public-grid,.sale-gallery,.valuation-cards,.inventory-photo-grid{grid-template-columns:1fr}.inline-field{flex-direction:column}.media-library{grid-template-columns:1fr}.admin-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:7px}.admin-tabs button{flex:0 0 auto}}


/* ===== V23 inventory photo manager ===== */
.inventory-photo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;background:#f1e9de;border:1px solid #d9cbbb;border-radius:8px}.inventory-photo-toolbar strong,.inventory-photo-toolbar small{display:block}.inventory-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.inventory-photo-grid figure{margin:0;background:#fff;border:1px solid #d8cdbf;border-radius:10px;overflow:hidden}.inventory-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.inventory-photo-grid figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px}.inventory-photo-grid figcaption span{font-size:.72rem;font-weight:800}.inventory-photo-empty,.inventory-photo-none{padding:16px;border:1px dashed #cdbfae;border-radius:9px;background:#faf5ee}@media(max-width:800px){.inventory-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.inventory-photo-grid{grid-template-columns:1fr}}


/* ===== V24 community links + careers ===== */
.join-team-home{padding:34px 0 58px;background:#f7f0e7}.join-team-home-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;border:1px solid #d8c8b5;border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 12px 30px rgba(60,42,26,.08)}.join-team-home-card h2{font-family:Georgia,serif;font-size:2rem;margin:.15rem 0 .4rem}.join-team-home-card p{margin:0;max-width:700px}.join-team-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:start}.sponsor-card .btn-link{display:inline-block;margin-top:8px}.admin-list-item a{overflow-wrap:anywhere}.field small{display:block;margin-top:5px;color:#6d655c}@media(max-width:760px){.join-team-home-card{align-items:flex-start;flex-direction:column}.join-team-layout{grid-template-columns:1fr}}