/* Imported from Contact FAQ.dc.html; shared shell styles stay separate. */
.contact-page { background:#F3F2F2; }
.contact-main { margin:0; }
.contact-design { --bs-font-core:'Adapter Arabic Complete',sans-serif; --bs-font-pixel:'Handjet',monospace; isolation:isolate; }
.contact-design [hidden], .contact-faq__open { display:none !important; }
.contact-faq.is-open .contact-faq__closed { display:none; }
.contact-faq.is-open .contact-faq__open { display:block !important; }
.contact-faq.is-open { --faq-rows:1fr; }
.contact-faq:is(:hover,:focus-visible) { --faq-lift:translateY(var(--faq-hover-shift,-.95em)); }
.contact-faq:focus-visible { outline:2px solid #0711ff; outline-offset:-2px; }
/* The ZIP uses the Google Fonts weight-only Handjet face (ELSH=2). */
.contact-design h1 { flex:none; font-variation-settings:'ELGR' 1,'ELSH' 2 !important; }
.contact-design p { font-family:var(--bs-font-core); }
@keyframes faqMarquee{0%,3%{transform:translateX(0)}47%,53%{transform:translateX(var(--dx))}100%{transform:translateX(0)}}
.contact-design .contact-rule-7:is(:hover,:focus-visible){background:#0711FF;color:#FFFFFF}
.contact-design .contact-rule-10::before{content:'';position:absolute;width:12px;height:12px;pointer-events:none;background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2212%22%20height=%2212%22%20shape-rendering=%22crispEdges%22%3E%3Cpath%20fill=%22%231A1A1A%22%20d=%22M11%201h1v1h-1zM10%202h1v1h-1zM9%203h1v1h-1zM8%204h1v1h-1zM7%205h1v1h-1zM6%206h1v1h-1zM5%207h1v1h-1zM4%208h1v1h-1zM3%209h1v1h-1zM2%2010h1v1h-1zM1%2011h1v1h-1z%22/%3E%3C/svg%3E) no-repeat;left:-13px;top:-1px}
.contact-design .contact-rule-11::before{content:'';position:absolute;width:12px;height:12px;pointer-events:none;background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2212%22%20height=%2212%22%20shape-rendering=%22crispEdges%22%3E%3Cpath%20fill=%22%231A1A1A%22%20d=%22M11%201h1v1h-1zM10%202h1v1h-1zM9%203h1v1h-1zM8%204h1v1h-1zM7%205h1v1h-1zM6%206h1v1h-1zM5%207h1v1h-1zM4%208h1v1h-1zM3%209h1v1h-1zM2%2010h1v1h-1zM1%2011h1v1h-1z%22/%3E%3C/svg%3E) no-repeat;left:-1px;bottom:0}
.contact-design .contact-rule-12::after{content:'';position:absolute;width:12px;height:12px;pointer-events:none;background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2212%22%20height=%2212%22%20shape-rendering=%22crispEdges%22%3E%3Cpath%20fill=%22%231A1A1A%22%20d=%22M11%201h1v1h-1zM10%202h1v1h-1zM9%203h1v1h-1zM8%204h1v1h-1zM7%205h1v1h-1zM6%206h1v1h-1zM5%207h1v1h-1zM4%208h1v1h-1zM3%209h1v1h-1zM2%2010h1v1h-1zM1%2011h1v1h-1z%22/%3E%3C/svg%3E) no-repeat;right:-11px;bottom:0}
@media(max-width:1023px){.contact-design.contact-responsive-1,.contact-design .contact-responsive-1{flex-wrap:wrap !important}
.contact-design.contact-responsive-3,.contact-design .contact-responsive-3{flex:1 1 100% !important;order:2 !important}
.contact-design.contact-responsive-5,.contact-design .contact-responsive-5{border-left:none !important}
.contact-design.contact-responsive-8,.contact-design .contact-responsive-8{flex:1 1 100% !important}}
@media(max-width:699px){.contact-design.contact-responsive-2,.contact-design .contact-responsive-2{flex-wrap:wrap !important}
.contact-design.contact-responsive-4,.contact-design .contact-responsive-4{flex:1 1 100% !important;order:2 !important}
.contact-design.contact-responsive-6,.contact-design .contact-responsive-6{border-left:none !important}
.contact-design.contact-responsive-9,.contact-design .contact-responsive-9{flex:1 1 100% !important}
.contact-design.contact-responsive-13,.contact-design .contact-responsive-13{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 55px !important}
.contact-design.contact-responsive-14,.contact-design .contact-responsive-14{grid-column:span 2 !important}
.contact-design.contact-responsive-15,.contact-design .contact-responsive-15{order:2 !important;z-index:2 !important;grid-column:span 3 !important}
.contact-design.contact-responsive-16,.contact-design .contact-responsive-16{order:3 !important;z-index:3 !important}
.contact-design.contact-responsive-17,.contact-design .contact-responsive-17{order:4 !important;z-index:4 !important;grid-column:span 2 !important}
.contact-design.contact-responsive-18,.contact-design .contact-responsive-18{order:1 !important;z-index:1 !important}
.contact-design.contact-responsive-19,.contact-design .contact-responsive-19{grid-column:span 2 !important}
.contact-design.contact-responsive-20,.contact-design .contact-responsive-20{order:12 !important;z-index:12 !important;grid-column:span 3 !important}
.contact-design.contact-responsive-21,.contact-design .contact-responsive-21{order:13 !important;z-index:13 !important}
.contact-design.contact-responsive-22,.contact-design .contact-responsive-22{order:14 !important;z-index:14 !important;grid-column:span 2 !important}
.contact-design.contact-responsive-23,.contact-design .contact-responsive-23{order:11 !important;z-index:11 !important}
.contact-design.contact-responsive-24,.contact-design .contact-responsive-24{grid-column:span 2 !important}
.contact-design.contact-responsive-25,.contact-design .contact-responsive-25{display:none !important}
.contact-design.contact-responsive-26,.contact-design .contact-responsive-26{grid-column:span 2 !important}
.contact-design.contact-responsive-27,.contact-design .contact-responsive-27{display:none !important}}
.contact-design .contact-map{position:absolute;inset:0;background:#F3F2F2;font-family:var(--bs-font-core)}
.contact-design .leaflet-tile-pane{filter:grayscale(1) contrast(1.08) brightness(1.03) sepia(.06)}
.contact-design .leaflet-container a{color:#1A1A1A}
.contact-design .leaflet-container a:hover{color:#0711FF}
.contact-design .leaflet-bar{border:1px solid #1A1A1A!important;border-radius:0!important;box-shadow:none!important}
.contact-design .leaflet-bar a{width:40px!important;height:40px!important;line-height:38px!important;border-radius:0!important;background:#F3F2F2;color:#1A1A1A;font-family:var(--bs-font-pixel);font-size:26px;border-bottom:1px solid #1A1A1A!important}
.contact-design .leaflet-bar a:last-child{border-bottom:none!important}
.contact-design .leaflet-bar a:hover{background:#0711FF;color:#FFFFFF}
.contact-design .leaflet-control-attribution{background:#F3F2F2!important;border-top:1px solid #1A1A1A;border-left:1px solid #1A1A1A;font-family:var(--bs-font-core);font-size:11px;padding:2px 8px!important}
.contact-design .bs-pin{display:flex;flex-direction:column;align-items:center}
.contact-design .bs-pin-label{display:flex;align-items:stretch;border:1px solid #1A1A1A;background:#0711FF;color:#FFFFFF;white-space:nowrap;box-shadow:3px 3px 0 0 #1A1A1A}
.contact-design .bs-pin-label b{font-family:var(--bs-font-pixel);font-weight:600;font-size:24px;line-height:1;padding:8px 12px 10px}
.contact-design .bs-pin-label span{font-family:var(--bs-font-core);font-weight:500;font-size:14px;padding:0 12px;display:flex;align-items:center;background:#F3F2F2;color:#1A1A1A;border-right:1px solid #1A1A1A}
.contact-design .bs-pin-stem{width:1px;height:18px;background:#1A1A1A}
.contact-design .bs-pin-dot{width:12px;height:12px;border-radius:50%;background:#0711FF;border:1px solid #1A1A1A}

.contact-design [data-contact-view] { display:contents; }
@media (max-width:359px) {
  .contact-design h1 { font-size:clamp(40px,15vw,54px) !important; }
}
/* Center revealed questions while keeping resting text five pixels higher. */
.contact-design .contact-faq__open > div {
  display:flex;
  align-items:center;
  min-height:clamp(58px,4.66vw,72px);
  padding-block:12px !important;
}
.contact-design .contact-map__surface { position:absolute; inset:0; overflow:hidden; background:#fff; }
.contact-design .contact-map__view { position:absolute; inset:0; }
.contact-design .contact-map__frame { position:absolute; inset:0; width:100%; height:100%; border:0; background:#fff; }
.contact-design .contact-map__satellite { position:absolute; right:10px; bottom:10px; z-index:1; width:64px; height:64px; padding:3px; border:1px solid #1a1a1a; border-radius:0; background:#f3f2f2; color:#1a1a1a; font-family:var(--bs-font-core); font-size:12px; cursor:pointer; }
.contact-design .contact-map__satellite:is(:hover,:focus-visible) { background:#0711ff; color:#fff; }
.contact-design .contact-map__zoom { position:absolute; left:10px; bottom:10px; z-index:1; display:flex; flex-direction:column; border:1px solid #1a1a1a; }
.contact-design .contact-map__zoom button { width:40px; height:40px; padding:0; border:0; border-bottom:1px solid #1a1a1a; border-radius:0; background:#f3f2f2; color:#1a1a1a; font-family:var(--bs-font-pixel); font-size:26px; line-height:38px; cursor:pointer; }
.contact-design .contact-map__zoom button:last-child { border-bottom:0; }
.contact-design .contact-map__zoom button:is(:hover,:focus-visible) { background:#0711ff; color:#fff; }
.contact-design .contact-map__zoom button:disabled { opacity:1 !important; cursor:default; }
.contact-design [id^="contact-answer-"] p { white-space:pre-line; }
.contact-design [data-contact-map-label] a { color:inherit; text-decoration:none; }
.contact-design [data-screen-label="Hours"],
.contact-design [data-screen-label="Hours"] > div,
.contact-design .contact-branches > div > :not([data-contact-map-open]) { color:#000 !important; }
.contact-design [data-contact-map-open]:is(:hover,:focus-visible),
.contact-design [data-contact-map-close]:is(:hover,:focus-visible) { background:#000 !important; color:#fff !important; }
@media(max-width:699px) {
  .contact-design .contact-store__name { grid-column:span 2 !important; order:var(--contact-order) !important; }
  .contact-design .contact-store__address { grid-column:span 3 !important; order:calc(var(--contact-order) + 2) !important; }
  .contact-design .contact-store__phone { order:calc(var(--contact-order) + 3) !important; }
  .contact-design .contact-store__phone-alt { grid-column:span 2 !important; order:calc(var(--contact-order) + 4) !important; }
  .contact-design .contact-store__map { order:calc(var(--contact-order) + 1) !important; }
}
/* Keep the desktop contact canvas in the same screen-space geometry at browser zoom. */
.contact-design.contact-zoom-desktop { flex-wrap:nowrap !important; }
.contact-design.contact-zoom-desktop .contact-faq-panel { flex:0 0 calc(46.12% - 2px) !important; order:0 !important; }
.contact-zoom-desktop .contact-faq-panel > div:first-child { padding-bottom:calc(clamp(14px,calc(1.4 * var(--contact-layout-vw)),22px) * var(--contact-zoom-compensation)) !important; }
.contact-zoom-desktop .contact-faq-panel h1 { font-size:calc(clamp(56px,calc(5.95 * var(--contact-layout-vw)),92px) * var(--contact-zoom-compensation)) !important; }
.contact-design.contact-zoom-desktop .contact-faq-panel > div:last-child { height:calc(524px * var(--contact-zoom-compensation)) !important; border-left:1px solid #1a1a1a !important; }
.contact-design.contact-zoom-desktop .contact-info-panel { flex:0 0 calc(53.88% + 2px) !important; }
.contact-zoom-desktop .contact-info-panel > div { zoom:var(--contact-zoom-compensation); }
.contact-zoom-desktop .contact-info-panel > div:first-child {
  height:calc(clamp(180px,20.8vw,322px) / var(--contact-zoom-compensation)) !important;
  padding:0 clamp(18px,calc(2.3 * var(--contact-layout-vw)),36px) clamp(14px,calc(1.4 * var(--contact-layout-vw)),22px) 0 !important;
}
.contact-zoom-desktop .contact-info-panel h1 { font-size:clamp(56px,calc(5.95 * var(--contact-layout-vw)),92px) !important; }
.contact-zoom-desktop .contact-info-panel > div:last-child { min-height:min(524px,calc(72 * var(--contact-layout-vh))) !important; }
.contact-zoom-desktop .contact-branches { grid-template-columns:minmax(0,233fr) minmax(0,235fr) minmax(0,128fr) minmax(0,128fr) 55px !important; }
.contact-zoom-desktop .contact-branches > div > * { order:var(--contact-cell-order) !important; grid-column:span 1 !important; }
.contact-zoom-desktop .contact-branches .contact-responsive-25,
.contact-zoom-desktop .contact-branches .contact-responsive-27 { display:block !important; grid-column:span 3 !important; }
.contact-zoom-desktop [data-contact-view="map"] [data-screen-label="Map"] > div:last-child { height:clamp(320px,calc(24.3 * var(--contact-layout-vw)),376px) !important; }