/* Radiant Blue: colour and surface refinements. Readable typography and game themes retained. */
:root{--blue:#033982;--blue-dark:#022d67;--premium-blue:#033982;--premium-deep:#022d67;--premium-sky:#2b9fd8;--premium-ink:#142d47;--premium-line:#d7e5f2;--premium-shadow:0 12px 36px #164c7910}
.storage-site{--pad:104px;--line:var(--premium-line);background:#fff;color:var(--premium-ink)}
.storage-site ::selection,.parking-site ::selection{background:#cceaff;color:#12344f}
.storage-site :focus-visible,.parking-site :focus-visible{outline-color:#033982;outline-offset:4px}
.storage-site .hdr{background:#ffffffef;border-bottom:1px solid #dce9f4;box-shadow:0 3px 20px #164b7405}
.storage-site .nav>a{color:#34516e}
.storage-site .nav>a:hover,.storage-site .nav>a[aria-current=location]{color:#0065a8;border-color:#033982}
.storage-site .hero{position:relative;background:radial-gradient(ellipse at 88% 8%,#dcefff 0,transparent 52%),linear-gradient(135deg,#fbfdff,#f1f7fc);border-bottom:1px solid #dbe9f5}
.storage-site .hero h1 em{color:#033982;background:linear-gradient(120deg,#0066ad 10%,#0088c8 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.storage-site .hero .eyebrow,.storage-site .section-kicker,.storage-site .eyebrow{color:#022d67}
.storage-site .hero-media{border-radius:14px;border:1px solid #d0e2f1;box-shadow:0 22px 55px #113d6019}
.storage-site .hero-image-label{background:#fffffff2;border:1px solid #e4eff8;border-radius:6px;color:#005e9b;box-shadow:0 3px 12px #12345109}
.storage-site .hero-proof-icon{border-color:#b9d7ed;background:#edf7ff;color:#022d67}
.storage-site .hero-bottom{color:#4c6782}
.storage-site .btn{border-radius:9px;transition:background .2s,box-shadow .2s,transform .2s;border-color:#022d67}
.storage-site .btn:not(.btn--ghost){background:linear-gradient(125deg,#033982,#022d67);color:#fff;box-shadow:0 6px 17px #006bad16}
.storage-site .btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px #006bad24}
.storage-site .btn--ghost{background:#fff;border-color:#b5d3e9;color:#0068ad;box-shadow:none}
.storage-site .btn--ghost:hover{background:#e8f5ff;color:#022d67;border-color:#78b5df}
.storage-site .text-link,.storage-site .arrowlink{color:#022d67}
.storage-site .trust-strip{background:linear-gradient(105deg,#0061a5,#0078bd);border-block:1px solid #0067a9;box-shadow:inset 0 1px 0 #ffffff12}
.storage-site .trust-strip .wrap>div{border-right-color:#ffffff30}
.storage-site #sizes{background:linear-gradient(180deg,#f2f8fd,#f7faff);border-top:1px solid #e6f0f8}
.storage-site .size-filters button{border-radius:9px;color:#45617b}
.storage-site .size-filters button[aria-pressed=true]{color:#0063a5;background:#fff;border-color:#b9d5ec;box-shadow:0 3px 12px #155a8a08}
.storage-site .size{border-color:#d6e4f1;border-radius:14px;box-shadow:0 5px 20px #174b7206}
.storage-site .size:hover{transform:translateY(-3px);border-color:#a5cce9;box-shadow:var(--premium-shadow)}
.storage-site .size.selected{outline-color:#4b9bd2}
.storage-site .size__cta{border-top-color:#e0edf6}
.storage-site .size__area{color:#123450}
.storage-site .sizes-foot .btn{background:#fff;color:#0066aa;border-color:#bad5e9;box-shadow:0 4px 16px #14507908}
/* Default calculator palette. Celebration colours continue to take over only on discovery. */
.storage-site #calculator.packing-game:not([data-celebration]){background:radial-gradient(ellipse at 95% 0,#13486d 0,transparent 50%),linear-gradient(140deg,#102c46,#143b5c)}
.storage-site #calculator.packing-game .intro .section-kicker{color:#c7e5fb}
.storage-site #calculator.packing-game:not([data-celebration]) .intro h2 em{color:#a8dcff}
.storage-site .packing-game .calculator-shell{border:1px solid #7595b2;border-radius:18px;box-shadow:0 22px 62px #071b2c35}
.storage-site .packing-game .calculator-heading{background:linear-gradient(105deg,#fff,#f6faff)}
.storage-site .packing-game .discovery-tools{background:#f0f7fd;border-bottom-color:#d8e8f5}
.storage-site .packing-game .calculator-shell .calc-out{background:linear-gradient(150deg,#edf7ff,#f4f9fe);border-left-color:#d3e5f4}
.storage-site #calculator.packing-game:not([data-celebration]) .calc-out .btn{background:linear-gradient(125deg,#033982,#022d67)!important;border-color:#022d67!important}
.storage-site .packing-game .calculator-shell .calc-item{border-color:#d6e5f3;background:#fbfdff;border-radius:12px}
.storage-site .packing-game .calculator-shell .calc-item.is-packed{background:#edf7ff;border-color:#85b8dc;box-shadow:inset 0 0 0 1px #85b8dc22}
.storage-site .packing-game .calculator-shell .stepper button{border-color:#bbd5e9;box-shadow:0 3px 0 #d6e6f2}
.storage-site #calculator.packing-game:not([data-celebration]) .calculator-shell .stepper button[data-step='1']{background:#033982;border-color:#022d67;box-shadow:0 3px 0 #022d67}
.storage-site .packing-game .calculator-shell .calc-tabs button{border-color:#ccdfee;background:#fff}
.storage-site #calculator.packing-game:not([data-celebration]) .calc-tabs button[aria-pressed=true]{background:#033982;border-color:#033982;color:#fff}
.storage-site .packing-game .packing-sound,.storage-site .packing-game .discovery-open{background:#e9f5ff;border-color:#b3d4ed;color:#0066a9}
.storage-site .packing-game .discovery-search{border-color:#b6d4eb;box-shadow:0 2px 8px #164c7904}
.storage-site .packing-game .discovery-album{background:#f2f8fe;border-color:#bad5ea;box-shadow:0 8px 24px #15477506}
.storage-site .packing-game .discovery-badge.is-found{border-color:#8db9db;box-shadow:0 3px 0 #cadfed}
.storage-site .packing-game .discovery-play-notice{background:#e6f3ff;color:#075b96;border-bottom-color:#c9e1f2}
.storage-site .facility-gallery figure{border-radius:12px;border:1px solid #dce8f2}
.storage-site .gallery-foot{border-bottom-color:#d9e8f4}
.storage-site .feat{border-top-color:#d8e8f5}
.storage-site .feat-icon{background:#eef8ff;color:#033982;border-radius:10px;width:43px;height:43px}
.storage-site .steps{border-top-color:#d5e6f2}
.storage-site .round-link{border-color:#adcde5;color:#022d67;background:#f6fbff}
.storage-site .round-link:hover{background:#033982;color:#fff}
.storage-site .parking-teaser{background:radial-gradient(ellipse at 85% 0,#143d5c,transparent 70%),#0d1d2e}
.storage-site .parking-teaser .section-kicker{color:#a6d7fa}
.storage-site .parking-teaser h2 em{color:#9fd7ff}
.storage-site .parking-teaser figure img{border-radius:12px;border:1px solid #305571}
.storage-site .parking-teaser .btn{border-color:#2289c8;color:#fff}
.storage-site .review{border-color:#d8e7f2;border-radius:13px;box-shadow:0 5px 22px #164b7307}
.storage-site .carousel__nav button{border-color:#b8d4e9;color:#0069ac;background:#f9fcff}
.storage-site .media-split>img{border-radius:14px;box-shadow:var(--premium-shadow);border:1px solid #d8e6f1}
.storage-site .location-section{background:linear-gradient(180deg,#fff,#f6fbff)}
.storage-site .location-hours{border-top-color:#d3e4f2}
.storage-site .cedar-map{border-radius:15px;border-color:#c8dfef;box-shadow:0 10px 30px #164b730b}
.storage-site .cedar-map-link span{border:1px solid #23547b;background:#123b5c;border-radius:8px;box-shadow:0 4px 14px #1234511c}
.storage-site .faq summary{color:#234b6d}
.storage-site .faq details{border-bottom-color:#dae8f3}
.storage-site #enquire{background:radial-gradient(ellipse at 6% 15%,#d9edff 0,transparent 50%),#f0f7fd;border-top:1px solid #dceaf5}
.storage-site .form-card{border-radius:16px;border-color:#ccdfef;box-shadow:0 16px 42px #164b730e}
.storage-site .field input,.storage-site .field select,.storage-site .field textarea{background:#fbfdff;border-color:#bed5e8;border-radius:8px}
.storage-site .field input:focus,.storage-site .field select:focus,.storage-site .field textarea:focus{border-color:#033982;outline:2px solid #bce3ff;outline-offset:2px}
.storage-site .consent input{accent-color:#033982}
.storage-site .footer-invitation{border-bottom-color:#d7e7f3}
.storage-site .footer-invitation>a,.storage-site .ftr a{color:#0067ab}
.storage-site .ftr{background:linear-gradient(180deg,#fff,#f4f9fd)}
.storage-site .ftr-base{border-top-color:#d7e7f3}
.storage-site .callbar{border-top:1px solid #c6dfee;box-shadow:0 -5px 22px #123d5b0b}
.storage-site .callbar a:first-child{background:#022d67;color:#fff}
.storage-site .callbar a:last-child{background:#123b5c;color:#fff}
/* A brighter blue signature on the black parking page. */
.parking-site{background:#070e16}
.parking-site header{background:#070f19ef;border-bottom-color:#24425b}
.parking-site .hero{background:radial-gradient(ellipse at 90% 8%,#123752 0,transparent 60%),#0a1521}
.parking-site .hero h1 em{color:#8ed2ff}
.parking-site .hero .status,.parking-site .eyebrow{color:#afdfff}
.parking-site .monogram{border-color:#447a9f;background:#0c2032}
.parking-site .monogram span{color:#84ccfc}
.parking-site .button{background:linear-gradient(125deg,#033982,#022d67);border-color:#2287c5;border-radius:9px;box-shadow:0 6px 20px #0073bc1b}
.parking-site .button:hover{background:#0066aa;border-color:#4b9dd5}
.parking-site .parking-visual,.parking-site .vision-panorama img,.parking-site .enquiry-concept img{border-radius:13px;border-color:#315877;box-shadow:0 16px 42px #020a1230}
.parking-site .location-strip{background:#0e2031;border-bottom-color:#284760}
.parking-site .vision{background:#070e16}
.parking-site .enquiry-section{background:radial-gradient(ellipse at 5% 20%,#112d45,transparent 60%),#070e16}
.parking-site .form-card{background:linear-gradient(150deg,#11253a,#101c2c);border-color:#355a7b;border-radius:16px;box-shadow:0 18px 48px #00000020}
.parking-site .field input,.parking-site .field select,.parking-site .field textarea{background:#0b1827;border-color:#3b5d7c;border-radius:8px}
.parking-site .field input:focus,.parking-site .field select:focus,.parking-site .field textarea:focus{border-color:#61b8ec;outline-color:#3283b830}
.parking-site .contact a{color:#b4dfff}
.parking-site footer{background:#050b12;border-top-color:#29465e}
/* Bruno keeps his full, uncropped portrait. */
.bruno-chat-widget{--bruno-blue:#033982}
.bruno-chat-widget .bruno-launch{background:linear-gradient(120deg,#033982,#022d67);border-color:#4397ce;box-shadow:0 9px 28px #075c9630}
.bruno-chat-widget .bruno-chat{border-color:#bcd8eb;box-shadow:0 20px 60px #123b5c33}
.bruno-chat-widget .bruno-chat-head{background:linear-gradient(115deg,#153c5d,#022d67)}
.bruno-chat-widget .bruno-chat-topics button,.bruno-chat-widget .bruno-reply-actions a{border-color:#b5d5eb;color:#0064a6!important}
.bruno-chat-widget .bruno-chat-topics button[aria-pressed=true]{background:#033982;color:#fff!important}
.bruno-chat-widget .bruno-chat-form>button{background:#033982}
.bruno-chat-widget .bruno-chat-note{background:#f0f8ff}
.utility-site{background:#f3f9fe}
.utility-site a{color:#0067ab}
@media(max-width:760px){
 .storage-site{--pad:74px}
 .storage-site .hero{background:radial-gradient(ellipse at 95% 15%,#e0f1ff,transparent 65%),#f7fbff}
 .storage-site .hero-media{border-radius:12px;box-shadow:0 12px 28px #123d6014}
 .storage-site .size,.storage-site .review,.storage-site .form-card{border-radius:12px}
 .storage-site .packing-game .calculator-shell{border-radius:16px}
 .storage-site .packing-game .calculator-shell .calc-out{border-top-color:#d2e5f4}
 .storage-site .facility-gallery figure{border-radius:10px}
 .storage-site .form-card{padding:24px 20px}
 .parking-site .form-card{padding:26px 20px;border-radius:13px}
}
@media(prefers-reduced-motion:reduce){.storage-site .btn,.storage-site .size,.parking-site .button{transition:none!important;transform:none!important}}
.bruno-chat-widget .bruno-chat-topics button:hover{background:#033982;border-color:#033982;color:#fff!important}
/* Preserve the Springboks' light-green estimate panel during its celebration. */
.storage-site #calculator.packing-game[data-celebration=rugby] .calculator-shell .calc-out{background:#eff5ef}
