/* Storage Hub colour system, matched to the box-shop signage and printed cartons.
   Keep this file last. It changes colour only; layout, logo assets and photography are retained. */
:root{
 --sh-blue:#0034a7;--sh-blue-rgb:0 52 167;--sh-deep:#002a86;
 --sh-ink:#172847;--sh-muted:#4f5c6e;--sh-line:#d1daef;
 --sh-tint:#ebeff8;--sh-paper:#f5f7fb;--sh-white:#fff;
 --sh-night:#0e1a30;--sh-night-panel:#15243e;--sh-pale-blue:#cbd9f3;
 --blue:var(--sh-blue);--blue-dark:var(--sh-deep);
 --premium-blue:var(--sh-blue);--premium-deep:var(--sh-deep);--premium-sky:var(--sh-blue);
 --premium-ink:var(--sh-ink);--premium-line:var(--sh-line);
}
.storage-site{
 --retail-blue:var(--sh-blue);--hub-blue:var(--sh-blue);--retail-ink:var(--sh-ink);--hub-ink:var(--sh-ink);
 --retail-line:var(--sh-line);--hub-line:var(--sh-line);--hub-muted:var(--sh-muted);
 --retail-light:var(--sh-paper);--hub-tint:var(--sh-tint);
 --parking-charcoal:var(--sh-night);--parking-slate:var(--sh-night-panel);--parking-silver:var(--sh-pale-blue);
 background:var(--sh-white);color:var(--sh-ink);
}
.storage-site ::selection,.parking-site ::selection,.utility-site ::selection{background:#cedbf6;color:var(--sh-deep)}
.storage-site :focus-visible,.utility-site :focus-visible{outline-color:var(--sh-blue)}
.storage-site .hdr{background:#fff;border-bottom-color:var(--sh-line)}
.storage-site .nav>a,.storage-site .burger{color:var(--sh-ink)}
.storage-site .nav>a:hover,.storage-site .nav>a[aria-current=location]{color:var(--sh-blue);border-color:var(--sh-blue)}
.storage-site .hero{background:var(--sh-blue)!important}
.storage-site .hero :is(h1,.eyebrow,.lede){color:#fff}
.storage-site .btn:not(.btn--ghost):not(.hero-secondary){background:var(--sh-blue);border-color:var(--sh-blue);color:#fff}
.storage-site .btn:not(.btn--ghost):not(.hero-secondary):hover{background:var(--sh-deep);border-color:var(--sh-deep)}
.storage-site .btn--ghost,.storage-site .sizes-foot .btn,.storage-site .location-quick .btn{background:#fff;color:var(--sh-blue);border-color:var(--sh-line)}
.storage-site .btn--ghost:hover,.storage-site .sizes-foot .btn:hover,.storage-site .location-quick .btn:hover{background:var(--sh-tint);color:var(--sh-deep);border-color:var(--sh-blue)}
.storage-site .hero .btn-row .btn{background:#fff;border-color:#fff;color:var(--sh-blue)}
.storage-site .hero .btn-row .btn:hover{background:var(--sh-tint);border-color:var(--sh-tint);color:var(--sh-deep)}
.storage-site .hero .btn-row .hero-secondary{background:transparent;border-color:#fff;color:#fff}
.storage-site .hero .btn-row .hero-secondary:hover{background:#ffffff18;border-color:#fff;color:#fff}
.storage-site :is(.arrowlink,.text-link,.review-toggle,.gallery-foot button,.footer-invitation>a,.ftr a,.faq summary,.round-link){color:var(--sh-blue)}
.storage-site .round-link:hover{color:#fff;background:var(--sh-blue)}
.storage-site :is(.location-quick,.feature-strip.trust-strip,#sizes,.location-section,.ftr){background:#fff;border-color:var(--sh-line)}
.storage-site .feature-strip .wrap>div>span>b{color:var(--sh-blue)}
.storage-site :is(.size,.review,.form-card,.cedar-map){border-color:var(--sh-line)}
.storage-site .size.selected{outline-color:var(--sh-blue)}
.storage-site .size-filters button[aria-pressed=true]{color:var(--sh-blue);background:var(--sh-tint);border-color:var(--sh-blue)}
.storage-site .size-help{background:var(--sh-paper)}
.storage-site .size-help-icon{background:var(--sh-tint);color:var(--sh-blue)}
.storage-site #reviews{background:var(--sh-paper)}
.storage-site .carousel__nav button{color:var(--sh-blue);border-color:var(--sh-line);background:#fff}
.storage-site .carousel__dots button[aria-current=true],.storage-site #revDots button[aria-current=true]{background:var(--sh-blue);border-color:var(--sh-blue)}
.storage-site .feat-icon{color:var(--sh-blue);background:var(--sh-tint)}
.storage-site .cedar-map-link span{background:var(--sh-deep);border-color:var(--sh-blue);color:#fff}
.storage-site #enquire{background:var(--sh-paper);border-color:var(--sh-line)}
.storage-site #enquire .form-card,.storage-site #space-estimate{
 --panel-brand:var(--sh-blue);--panel-ink:var(--sh-ink);--panel-muted:var(--sh-muted);
 --panel-border:var(--sh-line);--panel-inset:var(--sh-paper);--panel-focus:var(--sh-blue);
}
.storage-site #calculator{--est-blue:var(--sh-blue);--est-ink:var(--sh-ink);--est-muted:var(--sh-muted);--est-line:var(--sh-line)}
.storage-site #calculator.packing-game:not([data-celebration]){
 --estimate-blue:var(--sh-blue);--estimate-ink:var(--sh-ink);--estimate-muted:var(--sh-muted);
 --estimate-line:var(--sh-line);--estimate-wash:var(--sh-paper);background:var(--sh-paper);
}
.storage-site #calculator.packing-game:not([data-celebration]) .calculator-heading{background:#fff;border-top-color:var(--sh-blue)}
.storage-site #calculator.packing-game:not([data-celebration]) .calculator-shell{background:#fff;border-color:var(--sh-line)}
.storage-site #calculator.packing-game:not([data-celebration]) .calculator-shell .calc-out{background:var(--sh-paper)}
.storage-site #calculator.packing-game:not([data-celebration]) #space-estimate{--panel-brand:var(--sh-blue);background:var(--sh-paper)}
.storage-site #calculator.packing-game:not([data-celebration]) #space-estimate .estimate-result{background:#fff;border-color:var(--sh-line)}
.storage-site #calculator.packing-game:not([data-celebration]) .calc-out .btn{background:var(--sh-blue)!important;border-color:var(--sh-blue)!important;color:#fff!important}
.storage-site #calculator.packing-game:not([data-celebration]) .calc-out .btn:hover{background:var(--sh-deep)!important;border-color:var(--sh-deep)!important}
.storage-site #calculator.packing-game:not([data-celebration]) .calc-tabs button[aria-pressed=true],
.storage-site #calculator.packing-game:not([data-celebration]) .calculator-shell .stepper button[data-step='1']{background:var(--sh-blue);border-color:var(--sh-blue);color:#fff}
.storage-site #calculator.packing-game:not([data-celebration]) .calculator-shell .stepper button[data-step='1']:hover:not(:disabled){background:var(--sh-deep);border-color:var(--sh-deep)}
.storage-site #calculator.packing-game:not([data-celebration]) .calculator-shell .calc-item.is-packed{background:var(--sh-tint)}
.storage-site #calculator.packing-game:not([data-celebration]) #space-estimate .estimate-size-scale>span.is-suggested{background:var(--sh-blue);border-color:var(--sh-blue);color:#fff}
.storage-site #calculator :is(.discovery-tools,.gem-cabinet,.estimate-undo){background:var(--sh-paper);border-color:var(--sh-line)}
.storage-site #calculator :is(.discovery-open,.surprise-open,.gem-follow-clue,.custom-item-link,.starter-buttons button){color:var(--sh-blue)}
.storage-site #calculator .gem-cabinet .gem-filters button[aria-pressed=true]{background:var(--sh-blue);border-color:var(--sh-blue);color:#fff}
.storage-site #calculator .gem-clue-panel,.storage-site #calculator .calc-surprise{background:var(--sh-tint);border-color:var(--sh-line);color:var(--sh-ink)}
.storage-site #calculator .custom-add,.storage-site #calculator .usage-track>span{background:var(--sh-blue);border-color:var(--sh-blue)}
.storage-site #calculator .custom-add:hover{background:var(--sh-deep)}
.gem-dialog{color:var(--sh-ink);border-color:var(--sh-line)}
.gem-dialog h2{color:var(--sh-ink)}
.gem-heading-art,.gem-dialog-top,.gem-dialog-foot{background:var(--sh-paper);border-color:var(--sh-line)}
.gem-primary{background:var(--sh-blue);border-color:var(--sh-blue)}
.gem-primary:hover{background:var(--sh-deep)}
.sgx-game{--sgx-blue:var(--sh-blue);--sgx-ink:var(--sh-ink);--sgx-muted:var(--sh-muted);--sgx-line:var(--sh-line)}
/* Seasonal artwork, natural materials and semantic success colours retain their own hues. */
.storage-site .parking-announcement{background:var(--sh-night);border-color:#314361}
.storage-site .parking-announcement-badge{background:var(--sh-night-panel);border-color:#566b8c;color:#fff}
.storage-site .parking-announcement-link{background:none;color:var(--sh-pale-blue)}
.storage-site .parking-teaser{background:var(--sh-night)}
.storage-site .parking-teaser a.btn:not(.btn--ghost){background:#fff;border-color:#fff;color:var(--sh-blue)}
.storage-site .parking-teaser a.btn:hover{background:var(--sh-tint);border-color:var(--sh-tint);color:var(--sh-deep)}
.storage-site .callbar a:first-child{background:var(--sh-blue);color:#fff}
.storage-site .callbar a:last-child{background:var(--sh-deep);color:#fff}
.storage-site .back-top{color:var(--sh-blue);border-color:var(--sh-line);background:#fff}
.parking-site{background:var(--sh-night);color:#f7f9fc}
.parking-site header,.parking-site footer{background:#091429;border-color:#314361}
.parking-site .hero,.parking-site .vision,.parking-site .enquiry-section{background:var(--sh-night)}
.parking-site .location-strip{background:var(--sh-night-panel);border-color:#314361}
.parking-site .hero h1 em{color:var(--sh-pale-blue)}
.parking-site :is(.hero .status,.eyebrow,.monogram span,.contact a){color:var(--sh-pale-blue)}
.parking-site .monogram{background:var(--sh-night-panel);border-color:#6d82a4}
.parking-site .button{background:var(--sh-blue);border-color:#547dc8;box-shadow:none;color:#fff}
.parking-site .button:hover{background:var(--sh-deep);border-color:#7797d3;color:#fff}
.parking-site #enquire .form-card{--panel-brand:var(--sh-pale-blue);--panel-inset:#101d34;--panel-surface:var(--sh-night-panel);--panel-border:#546580;--panel-focus:#a9bfeb}
.parking-site #enquire .form-card button[type=submit]{background:var(--sh-blue);border-color:#7797d3;color:#fff}
.parking-site #enquire .form-card button[type=submit]:hover{background:var(--sh-deep);border-color:#a9bfeb;color:#fff}
.utility-site{background:var(--sh-paper);color:var(--sh-ink)}
.utility-site :is(h1,h2){color:var(--sh-ink)}
.utility-site p{color:var(--sh-muted)}
.utility-site a{color:var(--sh-blue)}
body .enquiry-draft:not([hidden]){background:var(--sh-paper);border-color:var(--sh-line);color:var(--sh-ink)}
body .enquiry-draft .enquiry-draft-actions>.enquiry-draft-primary{background:var(--sh-blue);border-color:var(--sh-blue);color:#fff!important}
body .enquiry-draft .enquiry-draft-actions>.enquiry-draft-primary:hover{background:var(--sh-deep)}
body .enquiry-draft .enquiry-draft-actions>.enquiry-draft-secondary{color:var(--sh-blue)!important;border-color:var(--sh-line)}
@media(max-width:1050px){.storage-site #nav{background:#fff;border-color:var(--sh-line)}}

.storage-site #calculator.packing-game:not([data-celebration]){--game-accent:var(--sh-blue)}
.storage-site :is(.photo-prev,.photo-next){color:#fff;background:var(--sh-blue);border-color:var(--sh-blue)}
.storage-site :is(.photo-prev,.photo-next):hover{background:var(--sh-deep)}
.storage-site #calculator :is(.usage-heading strong,.custom-item-link,.calc-reset,.estimate-actions button,.estimate-actions a){color:var(--sh-blue)}
.storage-site #calculator .estimate-usage .usage-track>span{background:var(--sh-blue)}
.storage-site #calculator .estimate-jump{color:var(--sh-blue);border-color:var(--sh-line)}
.sgx-game .sgx-button:hover{background:var(--sh-deep);color:#fff}
.sgx-game .sgx-button-quiet:hover{background:var(--sh-tint);color:var(--sh-blue)}

.storage-site #calculator.packing-game .calculator-shell .calc-tabs button:hover{background:var(--game-accent,var(--sh-blue));border-color:var(--game-accent,var(--sh-blue));color:#fff}
.storage-site #calculator .estimate-packing input{accent-color:var(--sh-blue)}
.storage-site #calculator .packing-details>.estimate-metrics{margin:16px 0}
.storage-site #calculator .packing-details>.estimate-method{margin:0 0 20px}
.storage-site #calculator .packing-details>h4{margin-top:18px}

/* Carry the same brand colours through the smaller controls and supporting text. */
:root{--ink:var(--sh-ink);--ink-soft:var(--sh-muted);--paper:var(--sh-white);--concrete:var(--sh-paper);--line:var(--sh-line)}
.storage-site :is(.intro p,.location-quick p,.size__like,.size__dims,.size__fits,.size__fits li,.feat p,.step p,.review p,.review .who,.media-split p,.media-split li,.location-heading p,.location-label,.location-hours span,.location-hours p,.location-note,.faq .answer p,.faq .answer li,.info dt,.info dd,.ftr p,.ftr li,.ftr-base,.footer-invitation>span,.saved-note){color:var(--sh-muted)}
.storage-site :is(.size__area,.ftr h4,.feature-strip .wrap>div>span){color:var(--sh-ink)}
.storage-site :is(.info a,.location-hours b,.photo-button,.bruno-find,.photo-close){color:var(--sh-blue)}
.storage-site :is(.size__cta,.ftr-base,.faq details,.photo-dialog){border-color:var(--sh-line)}
.storage-site :is(.photo-counter,.photo-caption){color:var(--sh-muted)}
.storage-site .photo-dialog{background:var(--sh-white)}
.storage-site .size-filters button:not([aria-pressed=true]){color:var(--sh-muted)}
.storage-site .size-filters button:hover{border-color:var(--sh-blue)}
.storage-site .bruno-find:hover{background:var(--sh-tint)}
.storage-site #calculator .calculator-shell{color:var(--sh-ink)}
.storage-site #calculator .calculator-heading h2{color:var(--sh-ink)}
.storage-site #calculator .calculator-heading>p{color:var(--sh-muted)}
.storage-site #calculator .calculator-shell .calc-item>:first-child{color:var(--sh-ink)}
.storage-site #calculator :is(.item-measure,.calc-group h4,.starter-content p,.starter-content small,.estimate-starters>summary>span,.custom-intro,.custom-help,.estimate-packing small,.estimate-method,.estimate-usage p,.planner-coach b,.planner-coach p){color:var(--sh-muted)}
.storage-site #calculator :is(.estimate-starters>summary,.estimate-packing legend,.estimate-packing label,.custom-fields label,.selected-inventory li,.packing-details h4){color:var(--sh-ink)}
.storage-site #calculator .calculator-shell .calc-tabs button:not([aria-pressed=true]):not(:hover){color:var(--sh-muted);border-color:var(--sh-line)}
.storage-site #calculator .calculator-shell .stepper button[data-step='-1']{color:var(--sh-blue);background:var(--sh-white);border-color:var(--sh-line)}
.storage-site #calculator .calculator-shell .stepper button[data-step='-1']:hover:not(:disabled){color:#fff;background:var(--sh-deep);border-color:var(--sh-deep)}
.storage-site #calculator :is(.quantity-input,.inventory-controls input,.custom-fields input){color:var(--sh-ink);background:#fff;border-color:var(--sh-line)}
.storage-site #calculator :is(.custom-fields input,.discovery-search):focus-within{border-color:var(--sh-blue)}
.storage-site #calculator .discovery-search{border-color:var(--sh-line);color:var(--sh-muted)}
.storage-site #calculator .discovery-tools :is(.discovery-mode,.discovery-open){color:var(--sh-blue);border-color:var(--sh-line);background:#fff}
.storage-site #calculator .discovery-tools :is(.discovery-mode,.discovery-open):hover{color:var(--sh-deep);background:var(--sh-tint);border-color:var(--sh-blue)}
.storage-site #calculator .discovery-tools .discovery-mode[aria-pressed=true]{color:#fff;background:var(--sh-blue);border-color:var(--sh-blue)}
.storage-site #calculator :is(.estimate-undo button,.inventory-controls button){color:var(--sh-blue)}
.storage-site #calculator .inventory-controls button:hover{color:var(--sh-deep);background:var(--sh-tint)}
.storage-site #calculator .selected-inventory summary span{color:var(--sh-blue);background:var(--sh-tint)}
.storage-site #calculator .packing-category-picker select{color:var(--sh-ink);background:#fff;border-color:var(--sh-line)}
.storage-site #calculator :is(input,button,summary,a):focus-visible,.storage-site #nav a:focus-visible,.storage-site #burger:focus-visible{outline-color:var(--sh-blue)}
.storage-site #calculator .discovery-search input:focus-visible{outline-color:var(--sh-blue)}
.storage-site #calculator .gem-cabinet :is(h4,.gem-tile b){color:var(--sh-ink)}
.storage-site #calculator .gem-cabinet :is(.gem-cabinet-kicker,.gem-cabinet-intro,.gem-completed-count,.gem-tile small,.gem-empty-filter,.gem-collection-note,.gem-clue-label,.discovery-hint){color:var(--sh-muted)}
.storage-site #calculator .gem-cabinet :is(.gem-collection-count,.discovery-close,.gem-mystery i,.gem-filters button:not([aria-pressed=true]),.gem-cabinet-foot button){color:var(--sh-blue)}
.storage-site #calculator .gem-cabinet :is(.gem-tile,.gem-filters button){border-color:var(--sh-line)}
.storage-site #calculator .gem-cabinet .gem-tile:hover{border-color:var(--sh-blue)}
.storage-site #calculator .gem-cabinet .gem-tile.is-found{border-color:var(--sh-line)}
.storage-site #calculator .gem-cabinet .discovery-progress{background:var(--sh-tint)}
.storage-site #calculator .gem-cabinet .discovery-progress i{background:var(--sh-blue)}
.storage-site #calculator .gem-cabinet .gem-tile.is-complete small{color:#285f48}
.storage-site #calculator .calc-surprise :is(.surprise-copy .discovery-new,.surprise-stop){color:var(--sh-muted)}
.storage-site #calculator .surprise-copy .surprise-open{color:var(--sh-blue);border-color:var(--sh-line)}
.gem-dialog :is(.gem-series,.gem-number,.gem-description,.gem-dialog-foot,.gem-reveal-status){color:var(--sh-muted)}
.gem-dialog :is(.gem-dialog-close,.gem-stamp,.gem-gift-body span){color:var(--sh-blue)}
.gem-dialog.gem-finished .gem-stamp{color:#285f48}
.gem-dialog :is(button,a,input):focus-visible{outline-color:var(--sh-blue)}
.gem-gift-lid::after{border-color:var(--sh-blue)}
.gem-reveal-stage{border-color:var(--sh-line);background:radial-gradient(ellipse at 50% 36%,#fff 10%,var(--sh-paper) 80%)}
.gem-stage-orbit,.gem-stage-orbit::before{border-color:var(--sh-line)}
.bruno-encounter::backdrop{background:radial-gradient(ellipse at 50% 45%,#15243ef5,#0e1a30fa 76%)}
.bruno-encounter-copy>span,.bruno-encounter-copy p{color:var(--sh-pale-blue)}
.bruno-close:focus-visible{outline-color:var(--sh-pale-blue)}
.storage-site .bruno-find:focus-visible{outline-color:var(--sh-blue)}
.utility-site .secondary-skip,.parking-site .secondary-skip{background:var(--sh-blue);color:#fff!important}
.utility-site .secondary-skip:focus,.parking-site .secondary-skip:focus{outline-color:var(--sh-pale-blue)}
.utility-site.enquiry-info-page a:focus-visible{outline-color:var(--sh-blue)}
.parking-site :is(a,button):focus-visible{outline-color:var(--sh-pale-blue)}
body .enquiry-draft .enquiry-draft-title{color:var(--sh-ink)}
body .enquiry-draft :is(.enquiry-draft-note,.enquiry-draft-feedback,.enquiry-draft-preview>summary){color:var(--sh-muted)}
body .enquiry-draft .enquiry-draft-edit{color:var(--sh-blue)!important}
body .enquiry-draft .enquiry-draft-actions :is(a,button):hover{border-color:var(--sh-blue)}
body .enquiry-draft-preview{border-color:var(--sh-line)}
body .enquiry-draft-preview textarea{color:var(--sh-ink);border-color:var(--sh-line);background:#fff}
body .enquiry-draft :is(button,a,summary,textarea):focus-visible,body .enquiry-draft:focus-visible{outline-color:var(--sh-blue)}
/* Older parking status rules used !important; retain a readable shared draft panel. */
.parking-site .form-status.enquiry-draft:not([hidden]){background:var(--sh-paper)!important;color:var(--sh-ink)!important}
.parking-site .form-status.enquiry-draft .enquiry-draft-actions>.enquiry-draft-primary{background:var(--sh-blue)!important;color:#fff!important}
.parking-site .form-status.enquiry-draft .enquiry-draft-actions>.enquiry-draft-primary:hover{background:var(--sh-deep)!important}
.parking-site .status i{background:var(--sh-pale-blue);box-shadow:0 0 0 4px #0034a733}
.parking-site .back-top{background:var(--sh-night-panel);color:var(--sh-pale-blue);border-color:#546580}
.gem-dialog .sgx-game button:focus-visible{outline-color:var(--sh-blue);box-shadow:0 0 0 2px #fff}
.sgx-game :is(.sgx-count,.sgx-ornament[aria-pressed=true]){background:var(--sh-tint);border-color:var(--sh-blue)}
.sgx-game .sgx-ornament:hover{background:var(--sh-paper)}
.sgx-game .sgx-button-quiet{border-color:var(--sh-line)}
.storage-site #calculator .gem-cabinet .gem-tile:is(:hover,:focus-visible){border-color:var(--sh-blue)}

.storage-site #calculator .estimate-starters>summary::before{color:var(--sh-blue)}
.storage-site #calculator .discovery-play-notice{background:var(--sh-tint);color:var(--sh-blue);border-color:var(--sh-line)}
.storage-site :is(.section-kicker,.eyebrow){color:var(--sh-blue)}
.estimate-print-sheet h1,.estimate-print-sheet th{color:var(--sh-blue)}
.estimate-print-sheet th{background:var(--sh-tint)}