/* Malwa Tires booking + exact reference map: isolated styles for modified sections */
:root{--booking-red:#bf002b;--booking-ink:#191c1b;--booking-paper:#f3f4f1;--booking-line:#dbe0db}
.booking-ui{font-family:'DM Sans',Arial,sans-serif;color:var(--booking-ink);font-size:14px;line-height:1.5}
.booking-ui *, .booking-contact-page *{box-sizing:border-box}
.booking-ui .booking-heading{margin-bottom:29px}
.booking-ui .booking-kicker{display:flex;align-items:center;gap:9px;color:var(--booking-red);font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:11px}
.booking-kicker-dot{display:inline-block;width:7px;height:7px;background:var(--booking-red);border-radius:50%}
.booking-ui .booking-heading h3{font-family:'Barlow Condensed',Impact,sans-serif!important;font-size:clamp(34px,3.5vw,48px)!important;line-height:.98!important;letter-spacing:.005em!important;font-weight:800!important;text-transform:uppercase!important;margin:0 0 11px!important;color:#191c1b!important}
.booking-ui .booking-heading p{font-size:13px!important;line-height:1.7!important;color:#66706c!important;margin:0!important;max-width:490px}
.booking-subheading{display:flex;align-items:center;gap:11px;padding:18px 0 13px;border-top:1px solid #dfe3df;margin-top:19px;margin-bottom:4px}
.booking-subheading:first-of-type{margin-top:0;border-top:0;padding-top:0}
.booking-subheading span{font-size:11px;color:var(--booking-red);font-weight:900;letter-spacing:.11em}
.booking-subheading strong{font-size:15px;letter-spacing:-.01em;color:#202422}
.booking-modes{padding:0;margin:6px 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;min-width:0}
.booking-modes legend{font-size:11px;font-weight:800;margin-bottom:9px;color:#323936}
.booking-mode{display:block;cursor:pointer;position:relative;min-width:0}
.booking-mode>input{position:absolute;width:1px;height:1px;opacity:0;left:0;top:0}
.booking-mode>span{display:block;border:1px solid #d5dad6;padding:13px 13px 14px;min-height:76px;background:#fff;transition:border-color .2s,background .2s}
.booking-mode>span strong{display:block;font-size:12px;font-weight:800;color:#222b25}
.booking-mode>span small{display:block;color:#69736d;font-size:10px;line-height:1.5;margin-top:4px}
.booking-mode>input:checked+span{border:2px solid var(--booking-red);padding:12px 12px 13px;background:#fff8f9}
.booking-mode>input:focus-visible+span{outline:3px solid #ee8caa;outline-offset:2px}
.booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}
.booking-field{min-width:0;display:flex;flex-direction:column;gap:7px;color:#303834;font-size:11px!important;font-weight:800!important;line-height:1.4}
.booking-field>span{color:var(--booking-red)}.booking-field>small{font-size:10px;color:#78817c;font-weight:500}
.booking-field.booking-wide{grid-column:1/-1}
.booking-field input,.booking-field select,.booking-field textarea{font-family:'DM Sans',Arial,sans-serif!important;display:block;box-sizing:border-box;width:100%;font-size:13px!important;font-weight:500!important;color:#1f2924!important;line-height:1.4;min-height:48px;border:1px solid #d0d8d1!important;border-radius:0!important;background:#fff!important;padding:12px 13px!important;margin:0!important;box-shadow:none!important;outline:none!important;appearance:auto}
.booking-field input:focus,.booking-field select:focus,.booking-field textarea:focus{border-color:var(--booking-red)!important;outline:2px solid #f3c9d3!important;outline-offset:0!important}
.booking-field input::placeholder,.booking-field textarea::placeholder{color:#8c9790}
.booking-field textarea{resize:vertical;min-height:83px!important}
.booking-roadside-field[hidden]{display:none!important}
.booking-time-note{font-size:11px;color:#5f6b64;margin:10px 0 19px;line-height:1.55}
.booking-urgent{display:flex;align-items:flex-start;gap:11px;background:#fff7f7;border-left:3px solid var(--booking-red);padding:13px 14px;margin:23px 0 17px;color:#3d3335;font-size:11px;line-height:1.6}
.booking-urgent-icon{flex:0 0 19px;height:19px;border:1px solid #c80030;color:#c80030;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px}
.booking-urgent strong{color:#272123}.booking-urgent a{color:#bd002b!important;text-decoration:underline!important;font-weight:800}
.booking-ui button.booking-submit{appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;min-height:53px;background:#bb0029!important;color:#fff!important;border:1px solid #bb0029!important;padding:13px 17px!important;border-radius:0!important;cursor:pointer;text-transform:uppercase;font-weight:800!important;font-size:11px!important;letter-spacing:.055em;text-align:left;transition:background .15s}
.booking-ui button.booking-submit:hover{background:#91001f!important}.booking-ui button.booking-submit span{font-size:20px;font-weight:500}
.booking-ui button.booking-copy{appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:45px;background:#fff!important;color:#25302b!important;border:1px solid #cbd3cc!important;padding:11px 17px!important;border-radius:0!important;margin-top:9px!important;cursor:pointer;text-align:left;font-weight:750;font-size:11px!important}
.booking-ui button.booking-copy:hover{background:#f7f8f5!important}.booking-copy span{font-size:17px}
.booking-disclaimer{font-size:10.5px!important;line-height:1.65!important;color:#67716b!important;margin:12px 0 0!important}
.booking-feedback{padding:12px 13px;background:#f1f6f1;color:#2d4f37;font-size:12px;margin-top:10px;line-height:1.5}
.booking-feedback[hidden],.booking-copy-fallback[hidden]{display:none!important}
.booking-copy-fallback{display:block;width:100%;min-height:145px;margin-top:9px;padding:12px;border:1px solid #aebdaf;font-size:12px;resize:vertical;color:#2b372f}
#contact .contact-form.booking-home-form{padding:0!important;background:transparent!important;color:var(--booking-ink)!important;border:0!important}
#contact .booking-home-form .booking-ui{background:#fff;padding:clamp(20px,2.4vw,38px);box-shadow:0 18px 55px #00000012}
/* Match the image supplied by the user, not a routing service */
#location .malwa-reference-map{display:flex!important;flex-direction:column!important;height:520px!important;min-height:520px!important;width:100%;background:#fff!important;border:1px solid #dce0dc!important;box-shadow:0 15px 34px #0000000a!important;overflow:hidden!important;position:relative!important;place-items:initial!important}
#location .malwa-reference-map:before,#location .malwa-reference-map:after{display:none!important;content:none!important}
#location .malwa-reference-map .map-info{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;gap:18px!important;padding:23px 27px!important;flex:none!important;min-height:120px!important;background:#fff!important;border-bottom:1px solid #e5e8e4!important}
#location .malwa-reference-map .map-info>div:first-child strong{font-family:'DM Sans',Arial,sans-serif!important;color:#171b19!important;font-size:20px!important;line-height:1.3!important;font-weight:800!important;display:block}
#location .malwa-reference-map .map-info>div:first-child span{font-size:12px!important;color:#67746c!important;line-height:1.5!important;margin-top:8px!important;display:block}
#location .malwa-reference-map .map-info .map-detail-label{font-size:10px!important;letter-spacing:.14em!important;color:#bd002b!important;font-weight:800!important;margin-bottom:7px!important}
#location .malwa-reference-map .map-info .map-detail strong{font-size:15px!important;color:#1d2421!important;line-height:1.4!important}
#location .malwa-reference-map .map-info .map-detail>span:last-child{display:block!important;font-size:12px!important;color:#707a72!important;margin-top:7px!important}
#location .malwa-reference-map #malwa-clean-map{display:block!important;position:relative!important;flex:1!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;background:#edf0ec!important}
#location .malwa-reference-map svg.calgary-street-map{display:block!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;max-width:none!important}
#location .malwa-reference-map .map-illustration-note{position:absolute;bottom:9px;right:9px;padding:6px 9px;background:#fff;color:#65716c;font:10px Arial,sans-serif}
/* Booking page -- sections only; shared header and footer remain untouched */
.booking-contact-page{background:#fff}.booking-contact-page .wrap{width:min(1320px,calc(100% - 96px));margin:auto}
.booking-contact-page .booking-page-hero{padding:70px 0;background:#f6f7f4;overflow:hidden}
.booking-page-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,4vw,70px)}
.booking-page-tag{font-size:10px;color:#b9002a;font-weight:800;letter-spacing:.13em;display:flex;align-items:center;gap:10px}
.booking-page-tag>span{width:5px;height:5px;border-radius:50%;background:#be002b}
.booking-breadcrumb{font-size:11px;color:#6b7770;margin-top:31px;margin-bottom:16px}.booking-breadcrumb a{text-decoration:underline!important;color:#4e5c51!important}.booking-breadcrumb>span{margin:0 9px}
.booking-page-intro h1{font-family:'Barlow Condensed',Impact,sans-serif!important;font-size:clamp(59px,6.3vw,104px)!important;line-height:.88!important;font-weight:900!important;letter-spacing:-.018em!important;margin:16px 0 28px!important;color:#151a18!important}
.booking-page-intro h1 em{font-style:normal;color:#bc0029}
.booking-page-intro>p{font-size:15px!important;line-height:1.85!important;color:#5c675f!important;max-width:520px;margin:0!important}
.booking-hero-actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:9px}
.booking-hero-actions a{display:inline-flex;min-height:53px;align-items:center;justify-content:space-between;gap:21px;padding:14px 20px!important;text-transform:uppercase;letter-spacing:.04em;font-size:10px!important;font-weight:900!important}
.booking-main-cta{color:white!important;background:#b90029}.booking-main-cta:hover{background:#8f0022!important}
.booking-outline-cta{border:1px solid #c5cec5!important;color:#1e2521!important;background:transparent}
.booking-hero-actions a>span{font-size:18px}
.booking-hero-media{height:clamp(420px,36vw,570px);position:relative;overflow:hidden;background:#d4dbd5}
.booking-hero-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.booking-hero-media:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0b0e0dbb)}
.booking-media-caption{position:absolute;left:30px;bottom:26px;z-index:1;color:#fff;display:grid;gap:6px}.booking-media-caption span{font-size:10px;letter-spacing:.14em;font-weight:800}.booking-media-caption strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:33px;text-transform:uppercase}
.booking-benefit-strip{background:#171c19;color:#fff;padding:21px 0}.booking-benefit-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.booking-benefit-strip span{font-size:10px;letter-spacing:.09em;font-weight:800}.booking-benefit-strip b{color:#ef6484;margin-right:8px}
.booking-request-section{padding:105px 0;background:#f0f3ef;scroll-margin-top:95px}.booking-request-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr);gap:clamp(38px,5vw,85px);align-items:start}
.booking-page-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#bc0029}
.booking-intro-column h2{font-family:'Barlow Condensed',Impact,sans-serif!important;color:#191e1b!important;font-size:clamp(55px,5vw,82px)!important;letter-spacing:-.01em!important;line-height:.91!important;margin:20px 0!important;font-weight:900!important}
.booking-intro-column h2 em{color:#bd002b;font-style:normal}
.booking-intro-column>p{color:#55615b;font-size:15px;line-height:1.8;max-width:480px;margin-bottom:45px!important}
.booking-step-card{border-top:1px solid #d3dcd3;padding:22px 0;display:flex;align-items:flex-start;gap:20px}.booking-step-num{color:#bd002b;font-size:12px;letter-spacing:.1em;font-weight:900;flex:0 0 31px}.booking-step-card strong{font-size:16px;color:#252f29}.booking-step-card p{font-size:12px;color:#707e73;line-height:1.7;margin:7px 0 0!important}
.booking-help-card{margin-top:43px;background:#1a201d;color:#fff;padding:28px}.booking-help-card>span{font-size:9px;letter-spacing:.15em;color:#eea6b5;font-weight:800}.booking-help-card>strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;text-transform:uppercase;margin-top:9px}.booking-help-card>p{font-size:12px;color:#c7d1c9;line-height:1.75;margin:10px 0 20px!important}.booking-help-card>a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 15px;border:1px solid #afbcc1!important;color:#fff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em}.booking-help-card>a:hover{background:#bc0029!important;border-color:#bc0029!important}
.booking-page-form>.booking-ui{background:#fff;padding:clamp(24px,3.2vw,48px);border:1px solid #dce2dd;box-shadow:0 25px 80px rgba(20,35,23,.05)}
.booking-location-section{padding:100px 0 110px;background:#fff}.booking-location-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:31px}.booking-location-intro h2{font-family:'Barlow Condensed',Impact,sans-serif!important;font-size:clamp(46px,5.2vw,78px)!important;line-height:.94!important;font-weight:900!important;letter-spacing:-.015em!important;color:#171b19!important;margin:15px 0!important}.booking-location-intro h2 em{color:#bd002b;font-style:normal}.booking-location-intro p{color:#66746a;font-size:13px;line-height:1.7;max-width:580px;margin:0!important}
.booking-direction-link{display:inline-block;background:#bc0029;color:#fff!important;font-size:10px!important;letter-spacing:.06em;font-weight:800;padding:17px 21px;white-space:nowrap}
.booking-map-card{background:#fff;border:1px solid #dce1dc;overflow:hidden;box-shadow:0 14px 35px #15251b0b}
.booking-map-info{padding:30px 36px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#fff;min-height:136px}
.booking-map-info>div{display:grid;align-content:center;gap:6px}.booking-map-info strong{display:block;font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#191e1b}
.booking-map-info span{font-size:14px;color:#6b7970;line-height:1.45}.booking-map-info .booking-address-tag{color:#bd002b;font-size:11px;letter-spacing:.14em;font-weight:900}
.booking-map-art{height:clamp(340px,41vw,570px);overflow:hidden;background:#edf1ed;position:relative}
.booking-map-art #malwa-clean-map{height:100%;position:relative}.booking-map-art .calgary-street-map{width:100%;height:100%;display:block}.booking-map-art .map-illustration-note{position:absolute;bottom:11px;right:13px;background:#fff;padding:7px 11px;color:#5c6b60;font:12px 'DM Sans',Arial,sans-serif}
.booking-location-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dfe4df;border:1px solid #dfe4df;margin-top:21px}.booking-location-cards>*{display:flex;min-width:0;flex-direction:column;gap:8px;padding:25px;background:#f8f9f7;color:#16201a!important}.booking-location-cards span{font-size:10px;color:#b9002a;letter-spacing:.11em;font-weight:900}.booking-location-cards strong{font-size:15px;overflow-wrap:anywhere}.booking-location-cards small{font-size:11px;color:#607069}.booking-location-cards>a:hover{background:#fff4f6}
@media(max-width:1000px){.booking-contact-page .wrap{width:calc(100% - 56px)}.booking-page-hero-grid{gap:30px}.booking-request-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:25px}}
@media(max-width:800px){.booking-page-hero-grid,.booking-request-layout{grid-template-columns:1fr}.booking-page-hero{padding:48px 0!important}.booking-hero-media{height:420px}.booking-intro-column>p{margin-bottom:25px!important}.booking-help-card{margin:22px 0 14px}.booking-request-section{padding:66px 0}.booking-location-section{padding:65px 0}.booking-location-cards{grid-template-columns:1fr 1fr}.booking-location-cards>*:last-child{grid-column:1/-1}}
@media(max-width:620px){.booking-ui .booking-heading h3{font-size:38px!important}.booking-contact-page .wrap{width:calc(100% - 34px)}.booking-page-intro h1{font-size:clamp(57px,13.3vw,77px)!important}.booking-page-hero{padding:34px 0 0!important}.booking-hero-media{height:330px;margin:12px -17px 0}.booking-benefit-strip .wrap{gap:12px;flex-wrap:wrap}.booking-benefit-strip span{font-size:9px}.booking-hero-actions{display:grid}.booking-page-form>.booking-ui{padding:23px 18px}.booking-grid{grid-template-columns:1fr}.booking-field.booking-wide{grid-column:auto}.booking-modes{grid-template-columns:1fr 1fr;gap:8px}.booking-mode>span{padding:11px!important;min-height:82px}.booking-mode>span strong{font-size:11px}.booking-mode>span small{font-size:9px}.booking-location-intro{display:block}.booking-location-intro .booking-direction-link{margin-top:20px}.booking-map-info{grid-template-columns:1fr;gap:16px;padding:21px 20px}.booking-map-info strong{font-size:18px}.booking-map-info span{font-size:12px}.booking-map-art{height:370px}.booking-location-cards{grid-template-columns:1fr}.booking-location-cards>*:last-child{grid-column:auto}#location .malwa-reference-map{min-height:440px!important;height:440px!important}#location .malwa-reference-map .map-info{grid-template-columns:1fr!important;padding:18px!important;min-height:0!important;gap:12px!important}#location .malwa-reference-map .map-info>div:first-child strong{font-size:17px!important}#location .malwa-reference-map .map-info .map-detail strong{font-size:13px!important}#location .malwa-reference-map .map-info>div:first-child span,#location .malwa-reference-map .map-info .map-detail>span:last-child{font-size:11px!important}}
/* Keep asterisks and '(optional)' beside their field labels, not on separate lines */
.booking-ui .booking-field{display:block!important;line-height:1.45!important}
.booking-ui .booking-field>span,.booking-ui .booking-field>small{display:inline!important;vertical-align:baseline}
.booking-ui .booking-field input,.booking-ui .booking-field select,.booking-ui .booking-field textarea{margin-top:8px!important}
.booking-ui .booking-roadside-field[hidden]{display:none!important}

/* Contact Us illustrated map: desktop-only compact height, preserve phone layout. */
@media (min-width: 801px) {
  .booking-contact-page .booking-map-art { height: 315px; }
}

/* 2026-11-02: visually balanced service-request layout and genuinely narrower desktop map */
@media (min-width: 801px) {
  .booking-contact-page .booking-request-layout { align-items: stretch; }
  .booking-contact-page .booking-intro-column { display:flex; flex-direction:column; min-width:0; }
  .booking-contact-page .booking-help-card { margin-top:auto; }
  .booking-contact-page .booking-map-card { width: min(100%, 940px); margin-inline:auto; }
  .booking-contact-page .booking-map-art { height: 280px; }
  .booking-contact-page .booking-map-info { min-height:110px; padding:22px 30px; }
  .booking-contact-page .booking-location-cards { max-width:940px; margin-inline:auto; margin-top:20px; }
}
.booking-contact-page .booking-help-card { background:#b90029; color:#fff; border:1px solid #b90029; }
.booking-contact-page .booking-help-card>span { color:#ffe0e7; }
.booking-contact-page .booking-help-card>p { color:#fff2f4; }
.booking-contact-page .booking-help-card>a { border-color:rgba(255,255,255,.75)!important; color:#fff!important; }
.booking-contact-page .booking-help-card>a:hover { background:#8e0020!important; border-color:#fff!important; }

/* Contact page only: match homepage's right-column map size and contain the full shop photo. */
@media (min-width: 801px) {
 .booking-contact-page .booking-map-card { width: min(100%, 610px) !important; max-width:610px !important; margin-inline:auto !important; }
 .booking-contact-page .booking-map-art { height:490px !important; }
 .booking-contact-page .booking-location-cards { max-width: 610px !important; margin-inline:auto !important; }
 .booking-contact-page .booking-hero-media { width:min(100%, 430px) !important; max-width:430px !important; aspect-ratio:1122 / 1402 !important; height:auto !important; max-height:none !important; margin-inline:auto !important; }
 .booking-contact-page .booking-hero-media > img { width:100% !important; height:100% !important; object-fit:contain !important; }
}