:root{
  --dw-red:#ef2b2d;
  --dw-red-dark:#cf1719;
  --dw-red-light:#fce3e3;
  --dw-black:#0a0a0b;
  --dw-charcoal:#141416;
  --dw-charcoal-2:#1b1b1e;
  --dw-white:#fff;
  --dw-offwhite:#f4f2ee;
  --dw-muted:#9b9b9f;
  --dw-line:rgba(255,255,255,.12);
  --dw-dark-line:rgba(10,10,11,.12);
  /* Chrome = topbar, header, offcanvas panels, footer. Emitted in full by
     catalog/controller/event/garage_theme.php from the active colour profile;
     these literals are the Crimson profile, i.e. the historical look. */
  --dw-chrome-bg:#0a0a0b;
  --dw-chrome-deep:#080809;
  --dw-chrome-surface:#141416;
  --dw-chrome-text:#ffffff;
  --dw-chrome-muted:#9b9b9f;
  --dw-chrome-line:rgba(255,255,255,.14);
  --dw-chrome-invert:#0a0a0b;
  --dw-radius:2px;
  --dw-container:1480px;
  --dw-shadow:0 30px 70px rgba(0,0,0,.16);
  --dw-body-font:Arial,Helvetica,sans-serif;
  --dw-heading-font:Arial,Helvetica,sans-serif;
}

html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--dw-black);
  background:var(--dw-white);
  font-family:var(--dw-body-font);
  font-size:14px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{text-decoration:none}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6,.dw-brand-name,.dw-brand-text,.dw-page-title,.garage-page-title{font-family:var(--dw-heading-font)}
.container-xxl{max-width:var(--dw-container)}

.dw-topbar{
  background:var(--dw-chrome-deep);
  color:var(--dw-chrome-muted);
  font-size:12px;
  letter-spacing:.02em;
  border-bottom:1px solid var(--dw-chrome-line);
}
.dw-topbar__left,.dw-topbar__right{display:flex;align-items:center;gap:30px;height:42px}
.dw-topbar__left>*+*,.dw-topbar__right>*+*{position:relative}
.dw-topbar__left>*+*:before,.dw-topbar__right>*+*:before{content:"";position:absolute;left:-15px;top:50%;width:1px;height:14px;background:rgba(255,255,255,.18);transform:translateY(-50%)}
.dw-topbar i{color:var(--dw-red);margin-right:6px}
.dw-topbar a{color:var(--dw-chrome-muted);transition:.2s ease}
.dw-topbar a:hover{color:var(--dw-chrome-text)}
.dw-topbar__right a[aria-label]{font-size:14px;line-height:1}
.dw-topbar__right a[aria-label] i{margin-right:0}

.dw-header{
  background:var(--dw-chrome-bg);
  backdrop-filter:blur(18px);
  z-index:1030;
  border-bottom:1px solid var(--dw-chrome-line);
}
.dw-header .navbar{min-height:84px;padding:0}
.dw-brand{display:inline-flex;align-items:center;gap:8px;color:var(--dw-chrome-text)}
.dw-logo{max-height:52px;max-width:230px;object-fit:contain}
.dw-brand-mark{
  display:inline-grid;place-items:center;
  min-width:42px;height:42px;padding:0 7px;
  background:var(--dw-red);color:#fff;
  font-weight:900;font-size:19px;letter-spacing:-.05em;
  transform:skew(-7deg);
}
.dw-brand-name{font-size:21px;font-weight:900;letter-spacing:.11em}
.dw-header .nav-link{
  color:var(--dw-chrome-text)!important;
  opacity:.82;
  text-transform:uppercase;
  font-weight:700;
  font-size:13px;
  letter-spacing:.09em;
  padding:32px 15px!important;
  position:relative;
}
.dw-header .navbar-nav>.nav-item+.nav-item>.nav-link:before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;background:rgba(255,255,255,.14);transform:translateY(-50%)}
.dw-header .nav-link:after{
  content:"";position:absolute;left:15px;right:15px;bottom:22px;height:2px;
  background:var(--dw-red);transform:scaleX(0);transform-origin:left;transition:.25s ease;
}
.dw-header .nav-link:hover{color:var(--dw-chrome-text)!important;opacity:1}
.dw-header .nav-link:hover:after{transform:scaleX(1)}
.dw-icon-btn{
  color:var(--dw-chrome-text);border:1px solid var(--dw-chrome-line);
  min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:0;gap:8px;
}
.dw-icon-btn:hover{background:var(--dw-chrome-text);color:var(--dw-chrome-invert)}
.dw-cart-label{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.dw-btn-primary,.dw-btn-dark,.dw-btn-outline{
  border-radius:0;
  min-height:46px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
  transition:.25s ease;
}
.dw-btn-primary{background:var(--dw-red);color:#fff;border:1px solid var(--dw-red)}
.dw-btn-primary:hover{background:#fff;border-color:#fff;color:#111}
.dw-btn-dark{background:#111;color:#fff;border:1px solid #111}
.dw-btn-dark:hover{background:var(--dw-red);border-color:var(--dw-red);color:#fff}
.dw-btn-outline{border:1px solid rgba(255,255,255,.55);color:#fff;background:transparent}
.dw-btn-outline:hover{background:#fff;color:#111;border-color:#fff}
.dw-btn-lg{min-height:58px;padding:0 30px}
/* Header call-to-action: shorter than the page buttons so it fits the navbar. */
.dw-header-cta{min-height:44px;padding:0 22px;font-size:12px;white-space:nowrap;align-items:center}
.dw-toggler{border:0;border-radius:0;padding:8px;margin-left:4px}
.dw-toggler:focus{box-shadow:none}
.dw-toggler span{display:block;width:26px;height:2px;background:var(--dw-chrome-text);margin:5px 0}
.dw-searchbar{background:var(--dw-chrome-surface);border-top:1px solid var(--dw-chrome-line)}
.dw-searchbar input{border-radius:0!important;min-height:48px}
.dw-searchbar .btn{border-radius:0!important}

.dw-offcanvas{background:var(--dw-chrome-surface);color:var(--dw-chrome-text);width:min(390px,88vw)!important}
.dw-offcanvas .offcanvas-header{padding:24px;border-bottom:1px solid var(--dw-line)}
.dw-brand-text{font-weight:900;letter-spacing:.12em}
.dw-brand-text span{color:var(--dw-red)}
.dw-mobile-nav{display:flex;flex-direction:column}
.dw-mobile-nav a{
  padding:18px 0;color:#fff;border-bottom:1px solid var(--dw-line);
  display:flex;justify-content:space-between;text-transform:uppercase;
  letter-spacing:.08em;font-weight:800;font-size:13px
}

.dw-hero{
  position:relative;
  background:#0a0a0b;
  color:#fff;
  overflow:hidden;
}
.dw-hero__media{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.12)),
    var(--garage-hero-image, url('/image/catalog/garage/hero-garage.jpg')) center/cover no-repeat;
  transform:scale(1.01);
}
.dw-hero__media:after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 78% 35%,rgba(255,255,255,.10),transparent 33%);
}
.dw-hero__overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.79) 35%,rgba(5,5,5,.26) 73%,rgba(5,5,5,.38) 100%);
}
.min-vh-75{min-height:clamp(610px,76vh,840px)}
.dw-eyebrow{
  display:flex;align-items:center;gap:12px;
  text-transform:uppercase;font-weight:900;letter-spacing:.17em;
  font-size:11px;color:#dedee1;margin-bottom:20px;
}
.dw-eyebrow span{display:block;width:34px;height:2px;background:var(--dw-red)}
.dw-eyebrow--dark{color:#69696e}
.dw-display,.dw-section h2,.dw-cta h2,.dw-process h2{
  text-transform:capitalize;
  font-weight:600;
  letter-spacing:-.055em;
  line-height:1.1;
  margin:0;
}
.dw-display,.dw-section h3,.dw-cta h3,.dw-process h3{
  
  font-weight:600;
  letter-spacing:-.055em;
  line-height:.92;
  margin:0;
}
.dw-display{font-size:clamp(38px,8vw,72px);max-width:1050px}
.dw-display em,.dw-section h2 em,.dw-cta h2 em,.dw-process h2 em{
  color:var(--dw-red);font-style:normal
}
.dw-hero__lead{
  max-width:660px;color:#c3c3c8;font-size:clamp(17px,1.7vw,22px);
  line-height:1.6;margin:28px 0 0
}
.dw-hero__strip{
  position:relative;border-top:1px solid rgba(255,255,255,.12);
  background:rgba(8,8,9,.78);backdrop-filter:blur(14px)
}
.dw-stat{
  display:flex;align-items:center;gap:16px;padding:20px 24px;
  border-right:1px solid rgba(255,255,255,.09)
}
.dw-stat strong{font-size:12px;color:var(--dw-red);font-weight:900}
.dw-stat span{text-transform:uppercase;font-weight:800;line-height:1.25;font-size:11px;letter-spacing:.08em;color:#dedee1}

.dw-section{padding:clamp(80px,9vw,110px) 0}
.dw-services{background:var(--dw-offwhite)}
.dw-section-heading{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  align-items:end;gap:70px;margin-bottom:28px
}
.dw-section h2{font-size:clamp(48px,6vw,68px)}
.dw-section-heading>p{font-size:16px;line-height:1.75;color:#626268;margin:0 0 7px}
.dw-service-card{
  background:#fff;color:#111;display:block;padding:32px;
  min-height:330px;border:1px solid rgba(0,0,0,.06);
  position:relative;overflow:hidden;transition:.3s ease
}
.dw-service-card:before{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;
  background:var(--dw-red);transform:scaleX(0);transform-origin:left;transition:.3s ease
}
.dw-service-card:hover{transform:translateY(-7px);box-shadow:var(--dw-shadow)}
.dw-service-card:hover:before{transform:scaleX(1)}
.dw-service-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}
.dw-service-card__top span{font-size:11px;color:#929298;font-weight:900}
.dw-service-card__top i{font-size:38px;color:var(--dw-red)}
.dw-service-card h3{text-transform:capitalize;font-weight:600;font-size:32px;letter-spacing:-.03em;margin-bottom:12px}
.dw-service-card p{color:#73737a;line-height:1.65;max-width:360px}
.dw-service-card__link{
  margin-top:30px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.1em;
  display:flex;align-items:center;gap:10px
}

.dw-about{
  position:relative;
  background:#080809;
  color:#fff;
  overflow:hidden;
}
.dw-about:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(110deg,rgba(5,5,5,.98) 0%,rgba(10,10,11,.94) 42%,rgba(20,20,22,.82) 70%,rgba(5,5,5,.96) 100%),
    radial-gradient(circle at 82% 35%,rgba(239,43,45,.18),transparent 32%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px);
  pointer-events:none;
}
.dw-about:after{
  content:"";
  position:absolute;
  right:-120px;
  top:50%;
  width:min(540px,38vw);
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.08);
  transform:translateY(-50%) rotate(-9deg);
  pointer-events:none;
}
.dw-about>.container-xxl{position:relative;z-index:2}
.dw-about h2{color:#fff}
.dw-about .dw-eyebrow--dark{color:#b8b8be}
.dw-about .dw-lead-dark{color:#bdbdc3}
.dw-about .dw-feature-list{border-top-color:rgba(255,255,255,.12)}
.dw-about .dw-feature{border-bottom-color:rgba(255,255,255,.12)}
.dw-about .dw-feature h4{color:#fff}
.dw-about .dw-feature p{color:#a4a4aa}
.dw-about .dw-feature__icon{background:var(--dw-red);color:#fff}
.dw-about-sketch{
  position:absolute;
  right: -3px;
    top: 24%;
  width:min(440px,34vw);
  transform:translateY(-50%);
  opacity:.18;
  z-index:1;
  pointer-events:none;
}
.dw-about-sketch img{display:block;width:100%;height:auto;object-fit:contain;}
.dw-about-image{
  min-height:650px;background:
  linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05)),
  url('/image/catalog/garage/about-workshop.jpg') center/cover no-repeat,
  linear-gradient(135deg,#d0d0d0,#7e7e7e);
  position:relative
}
.dw-about-image__overlay{
  position:absolute;
  right:80px;
  bottom:-20px;
  width:auto;
  z-index:2;
}
.dw-about-image__overlay:before{
  content:"";
  position:absolute;
  left:90px;
  top:-14px;
  width:72px;
  height:72px;
  border-top:4px solid var(--dw-red);
  border-left:4px solid var(--dw-red);
}
.dw-about-image__overlay img{display:block}
.dw-about-image__badge{
  position:absolute;right:-22px;bottom:35px;background:var(--dw-red);color:#fff;
  width:180px;height:180px;display:flex;align-items:center;justify-content:center;gap:13px;
  box-shadow:0 20px 50px rgba(239,43,45,.25);z-index:3
}
.dw-about-image__badge strong{font-size:50px;letter-spacing:-.08em}
.dw-about-image__badge span{text-transform:uppercase;font-size:10px;line-height:1.35;font-weight:900;letter-spacing:.1em}
.dw-lead-dark{font-size:18px;line-height:1.7;color:#64646a;max-width:650px}
.dw-feature-list{margin-top:38px;border-top:1px solid var(--dw-dark-line)}
.dw-feature{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--dw-dark-line)}
.dw-feature__icon{
  flex:0 0 34px;height:34px;background:#111;color:#fff;display:grid;place-items:center
}
.dw-feature h4{font-weight:900;text-transform:uppercase;font-size:15px;letter-spacing:.02em;margin:0 0 6px}
.dw-feature p{margin:0;color:#77777d;font-size:14px;line-height:1.55}

.dw-process{background:#0c0c0e;color:#fff}
.dw-process__intro{max-width:850px}
.dw-process-step{
  position:relative;padding:36px 28px 28px;border:1px solid var(--dw-line);min-height:265px
}
.dw-process-step+ .dw-process-step{border-left:0}
.dw-process-step>span{position:absolute;top:18px;right:20px;color:#69696f;font-size:11px;font-weight:900}
.dw-process-step i{font-size:40px;color:var(--dw-red);display:block;margin-bottom:42px}
.dw-process-step h3{text-transform:uppercase;font-weight:900;font-size:22px}
.dw-process-step p{color:#95959b;font-size:14px;line-height:1.55;margin:0}

.dw-shop-section{background:#f7f7f7}
.dw-module-zone .product-layout{margin-bottom:24px}
.dw-module-zone .product-thumb{
  border:1px solid #e8e8e8;background:#fff;padding:0;height:100%;transition:.25s ease
}
.dw-module-zone .product-thumb:hover{box-shadow:0 15px 40px rgba(0,0,0,.08);transform:translateY(-4px)}
.dw-module-zone .product-thumb .image{padding:22px}
.dw-module-zone .product-thumb .caption{padding:20px}
.dw-module-zone .product-thumb h4 a{color:#111;font-weight:900}
.dw-module-zone .product-thumb .price{color:var(--dw-red);font-weight:900}
.dw-module-zone .product-thumb .button-group{display:flex;border-top:1px solid #eee}
.dw-module-zone .product-thumb .button-group button{
  flex:1;border:0;border-right:1px solid #eee;background:#111;color:#fff;min-height:46px
}
.dw-module-zone .product-thumb .button-group button:hover{background:var(--dw-red)}

.dw-cta{
  position:relative;padding:95px 0;color:#fff;background:
  var(--garage-cta-image, url('/image/catalog/garage/cta-workshop.jpg')) center/cover no-repeat,#141416
}
.dw-cta__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.64))}
.dw-cta h2{font-size:clamp(44px,5.7vw,64px)}

.dw-footer{background:var(--dw-chrome-deep);color:var(--dw-chrome-muted);padding:80px 0 0}
.dw-footer-brand{display:inline-flex;align-items:center;gap:8px;color:var(--dw-chrome-text);margin-bottom:25px}
.dw-footer-copy{max-width:390px;line-height:1.75}
.dw-socials{display:flex;gap:8px;margin-top:24px}
.dw-socials a{
  width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--dw-line);
  color:#fff;transition:.2s ease
}
.dw-socials a:hover{background:var(--dw-red);border-color:var(--dw-red)}
.dw-footer h5{color:var(--dw-chrome-text);text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.12em;margin-bottom:24px}
.dw-footer ul{list-style:none;padding:0;margin:0}
.dw-footer li{margin-bottom:12px}
.dw-footer a{color:var(--dw-chrome-muted)}
.dw-footer a:hover{color:var(--dw-chrome-text)}
.dw-contact-line{display:flex;gap:13px;margin-bottom:14px}
.dw-contact-line i{color:var(--dw-red)}
.dw-footer-bottom{
  margin-top:65px;border-top:1px solid var(--dw-line);padding:24px 0;
  display:flex;justify-content:space-between;align-items:center;font-size:12px
}

/* OpenCart common compatibility */
#content{min-height:300px}
.breadcrumb{margin:24px 0;background:transparent;padding:0}
.breadcrumb-item,.breadcrumb a{font-size:13px}
.alert{border-radius:0}
.btn{border-radius:0}
.form-control,.form-select{border-radius:0}
.dropdown-menu{border-radius:0}
.pagination{gap:4px}
.pagination>li>a,.pagination>li>span{border-radius:0!important}

/* Search box generated by OpenCart */
#search{display:flex;width:100%}
#search input{flex:1;border:1px solid #ddd;padding:0 15px}
#search button{min-width:52px;background:var(--dw-red);color:#fff;border:0}

@media(max-width:1199.98px){
  .dw-header .nav-link{padding-left:10px!important;padding-right:10px!important}
  .dw-about-image{min-height:560px}
}
@media(max-width:991.98px){
  .dw-header .navbar{min-height:72px}
  .dw-section-heading{grid-template-columns:1fr;gap:25px}
  .dw-about-sketch{right:-40px;width:360px;opacity:.1}
  .dw-about-image__badge{right:18px}
  .dw-about-image__overlay{left:18px;width:min(260px,46%)}
  .dw-process-step+ .dw-process-step{border-left:1px solid var(--dw-line)}
  .dw-process-step:nth-child(n+3){border-top:0}
}
@media(max-width:767.98px){
  .dw-display{font-size:clamp(22px,14vw,56px)}
  .min-vh-75{min-height:650px}
  .dw-hero__overlay{background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.68))}
  .dw-stat{padding:15px 12px}
  .dw-about-image{min-height:440px}
  .dw-about-sketch{display:none}
  .dw-about-image__overlay{left:18px;bottom:22px;width:42%;padding:7px}
  .dw-about-image__badge{width:135px;height:135px}
  .dw-about-image__badge strong{font-size:37px}
  .dw-process-step{border-bottom:0}
  .dw-process-step:last-child{border-bottom:1px solid var(--dw-line)}
  .dw-footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}
}


/* =========================
   Garage Theme — Phase 2
   Storefront / commerce pages
   ========================= */
.dw-page{padding-top:28px;padding-bottom:90px}
.dw-page-hero{position:relative;background:#0b0b0d;color:#fff;padding:82px 0 72px;overflow:hidden}
.dw-page-hero:after{content:"";position:absolute;right:-8%;top:-80%;width:48%;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.dw-page-hero h1{position:relative;z-index:1;margin:0;text-transform:uppercase;font-weight:600;letter-spacing:-.05em;font-size:clamp(20px,5vw,32px);line-height:.95}
.dw-page-hero p{position:relative;z-index:1;max-width:650px;color:#aaaab0;font-size:18px;margin:18px 0 0}
.dw-page-hero--compact{padding:58px 0 52px}
.dw-breadcrumb{padding:20px 0;margin:0 0 30px;border-bottom:1px solid #e8e8e8;--bs-breadcrumb-divider:'/' }
.dw-breadcrumb a{color:#77777c}.dw-breadcrumb .active{color:#111;font-weight:700}
.dw-mini-heading{text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.14em;color:#79797f}
.dw-category-intro{display:flex;gap:30px;padding:28px;background:#f5f3ef;margin-bottom:36px;align-items:flex-start}
.dw-category-thumb{width:210px;max-height:160px;object-fit:cover}.dw-category-description{color:#626268;line-height:1.7}.dw-category-description>*:last-child{margin-bottom:0}
.dw-refine-link{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border:1px solid #ddd;color:#111;font-size:13px;font-weight:800;transition:.2s}.dw-refine-link:hover{background:#111;color:#fff;border-color:#111}
.dw-shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;padding:14px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.dw-toolbar-controls{display:flex;align-items:center;gap:10px}.dw-toolbar-controls label{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.dw-toolbar-controls .form-select{min-width:190px;height:42px;font-size:12px}.dw-toolbar-controls .dw-limit{min-width:80px}.dw-view-buttons .btn{border:1px solid #ddd;width:42px;height:42px;padding:0}.dw-compare-link{color:#111;font-size:12px;font-weight:800}.dw-compare-link i{color:var(--dw-red);margin-right:6px}
.dw-product-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e7e7e7;transition:.28s ease;overflow:hidden}.dw-product-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.09)}
.dw-product-card__image{position:relative;background:#f6f6f6;aspect-ratio:1/1;overflow:hidden}.dw-product-card__image>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:22px}.dw-product-card__image img{width:100%;height:100%;object-fit:contain;transition:.35s ease}.dw-product-card:hover .dw-product-card__image img{transform:scale(1.035)}
.dw-sale-badge{position:absolute;z-index:2;left:14px;top:14px;background:var(--dw-red);color:#fff;padding:7px 9px;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.08em}
.dw-product-actions{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px}.dw-product-actions button{width:38px;height:38px;border:0;background:#fff;display:grid;place-items:center;box-shadow:0 5px 14px rgba(0,0,0,.07);transition:.2s}.dw-product-actions button:hover{background:#111;color:#fff}
.dw-product-card__body{display:flex;flex-direction:column;flex:1;padding:20px}.dw-product-card__body h3{font-size:15px;line-height:1.35;font-weight:900;margin:0 0 9px}.dw-product-card__body h3 a{color:#111}.dw-product-card__desc{font-size:12px;color:#77777d;line-height:1.55;max-height:3.1em;overflow:hidden;margin-bottom:12px}.dw-rating{display:flex;align-items:center;gap:2px;color:#e0a800;font-size:12px;margin:5px 0 12px}.dw-rating a{color:#777;margin-left:8px}.dw-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;margin-top:auto;margin-bottom:16px}.dw-price strong{font-size:18px;color:#111}.dw-price del{font-size:12px;color:#999}.dw-price small{width:100%;font-size:10px;color:#999}.dw-add-cart{border:0;background:#111;color:#fff;min-height:44px;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.08em}.dw-add-cart:hover{background:var(--dw-red);color:#fff}
.dw-pagination-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:38px;padding-top:22px;border-top:1px solid #e7e7e7}.pagination{margin:0}.pagination .page-link,.pagination>li>a,.pagination>li>span{color:#111;border-color:#ddd;border-radius:0!important}.pagination .active .page-link,.pagination>.active>a,.pagination>.active>span{background:#111;border-color:#111;color:#fff}.dw-results{font-size:12px;color:#777}
.dw-empty-state{text-align:center;padding:75px 20px;background:#f6f6f6}.dw-empty-state>i{font-size:50px;color:var(--dw-red)}.dw-empty-state h2{font-size:24px!important;letter-spacing:-.02em!important;margin:18px 0 26px!important}
.dw-search-panel{background:#f4f2ee;padding:30px}.dw-search-panel .form-label,.dw-form-card .form-label,.dw-account-panel .form-label,.dw-product-options .form-label{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.07em}.form-control,.form-select{min-height:48px;border-color:#d7d7d7;padding-left:14px}.form-control:focus,.form-select:focus{border-color:#111;box-shadow:none}
.dw-product-page{padding-top:16px}.dw-product-gallery{position:sticky;top:120px}.dw-product-main-image{display:flex;align-items:center;justify-content:center;background:#f5f5f5;min-height:560px;padding:35px}.dw-product-main-image img{max-height:620px;object-fit:contain}.dw-product-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.dw-product-thumbs a{aspect-ratio:1;background:#f5f5f5;padding:8px;display:flex;align-items:center;justify-content:center}.dw-product-thumbs img{width:100%;height:100%;object-fit:contain}
.dw-product-summary{position:relative;padding:15px 0}.dw-product-summary h1{text-transform:uppercase;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.045em;font-weight:900;margin:0 0 25px}.dw-product-tools{display:flex;gap:7px;position:absolute;right:0;top:0}.dw-product-tools .btn{border:1px solid #ddd;font-size:11px}.dw-product-meta{list-style:none;padding:0;margin:0;border-top:1px solid #ddd}.dw-product-meta li{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eee;font-size:12px}.dw-product-meta span{color:#777}.dw-product-meta a,.dw-product-meta strong{color:#111}.dw-rating--large{margin:18px 0;font-size:14px}.dw-product-price{padding:20px 0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.dw-product-price strong{font-size:32px}.dw-product-price del{color:#999}.dw-product-price small{width:100%;color:#888;font-size:11px}.dw-product-options{border-top:1px solid #ddd;padding-top:22px}.dw-choice-grid{display:flex;flex-wrap:wrap;gap:8px}.dw-choice{border:1px solid #ddd;padding:9px 11px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px}.dw-choice img{width:38px;height:38px;object-fit:contain}.dw-choice small{display:block;color:#777}.dw-buy-row{display:grid;grid-template-columns:105px 1fr;gap:10px;margin-top:25px}.dw-qty label{display:block;font-size:10px;text-transform:uppercase;font-weight:900}.dw-qty input{height:52px}.dw-buy-button{justify-content:center;min-height:58px}.dw-btn-outline-dark{border:1px solid #111;color:#111;background:#fff;min-height:46px}.dw-btn-outline-dark:hover{background:#111;color:#fff}
.dw-product-tabs{border-top:1px solid #ddd}.dw-product-tabs .nav-tabs{border-bottom:1px solid #ddd;gap:25px}.dw-product-tabs .nav-link{border:0;border-radius:0;padding:22px 0;color:#777;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.09em}.dw-product-tabs .nav-link.active{color:#111;border-bottom:3px solid var(--dw-red)}.dw-product-tabs .tab-pane{padding:34px 0;line-height:1.75;color:#57575d}.dw-product-tabs .tab-pane img{max-width:100%;height:auto}.dw-spec-group h3{font-size:14px;text-transform:uppercase;font-weight:900;margin:25px 0 10px}.dw-spec-group th{width:35%;font-size:12px}.dw-spec-group td{font-size:12px}.dw-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.dw-tags a{padding:6px 10px;background:#f1f1f1;color:#555;font-size:11px}
.dw-cart-table{border:1px solid #e5e5e5}.dw-cart-table table{margin:0}.dw-cart-table thead th{background:#111;color:#fff;border:0;padding:15px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.dw-cart-table td{padding:15px}.dw-cart-image{width:80px;height:80px;object-fit:contain}.dw-cart-name{color:#111;font-weight:900}.dw-cart-qty{display:flex;min-width:145px}.dw-cart-qty .form-control{width:58px;min-height:40px;text-align:center;padding:5px}.dw-cart-qty .btn{width:40px;border:1px solid #ddd;border-left:0}.dw-order-summary{background:#f4f2ee;padding:28px}.dw-order-summary h3{text-transform:uppercase;font-weight:900;font-size:19px;padding-bottom:15px;border-bottom:1px solid #d6d3cd}.dw-total-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:13px}.dw-total-row:last-of-type{font-size:18px;border-top:1px solid #d6d3cd;margin-top:10px;padding-top:18px}.dw-cart-modules .panel,.dw-cart-modules .card{border-radius:0;border-color:#ddd}
.dw-checkout-intro{display:flex;gap:15px;align-items:center;background:#f4f2ee;padding:18px 22px;margin-bottom:20px}.dw-checkout-intro>i{font-size:28px;color:var(--dw-red)}.dw-checkout-intro strong,.dw-checkout-intro span{display:block}.dw-checkout-intro span{color:#777;font-size:12px;margin-top:2px}.dw-checkout-accordion .accordion-item{border-radius:0;border-color:#ddd;margin-bottom:10px}.dw-checkout-accordion .accordion-button{border-radius:0!important;font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;padding:20px}.dw-checkout-accordion .accordion-button:not(.collapsed){background:#111;color:#fff;box-shadow:none}.dw-checkout-accordion .accordion-button:focus{box-shadow:none}.dw-checkout-accordion .accordion-body{padding:25px}.dw-checkout-accordion .panel,.dw-checkout-accordion .panel-body{border:0!important;box-shadow:none!important}.dw-checkout-accordion .btn-primary{background:var(--dw-red);border-color:var(--dw-red);border-radius:0}.dw-checkout-accordion .btn-default{border-radius:0;border:1px solid #ccc}
.dw-contact-card,.dw-form-card,.dw-content-card,.dw-account-panel{border:1px solid #e5e5e5;padding:34px;background:#fff}.dw-contact-card h2,.dw-form-card h2,.dw-account-panel h2{font-size:30px;text-transform:uppercase;font-weight:900;letter-spacing:-.03em;margin:10px 0 25px}.dw-contact-store-image{width:100%;max-height:230px;object-fit:cover;margin-bottom:22px}.dw-contact-detail{display:flex;gap:13px;padding:15px 0;border-top:1px solid #eee}.dw-contact-detail i{color:var(--dw-red);font-size:18px}.dw-contact-detail strong,.dw-contact-detail span{display:block}.dw-contact-detail strong{text-transform:uppercase;font-size:10px;letter-spacing:.07em}.dw-contact-detail span{font-size:13px;color:#666;margin-top:3px}.dw-contact-note{font-size:12px;color:#777;background:#f6f6f6;padding:15px;margin-top:15px}.dw-richtext{line-height:1.78;color:#56565c}.dw-richtext h2,.dw-richtext h3{color:#111;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin-top:35px}.dw-richtext a{color:var(--dw-red)}
.dw-account-panel{height:100%;min-height:370px}.dw-account-panel--dark{background:#101012;color:#fff;border-color:#101012}.dw-account-panel--dark p{color:#aaaab0;line-height:1.7}.dw-form-link{display:inline-block;margin-top:8px;color:var(--dw-red);font-size:12px}.dw-account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dw-account-card{padding:28px;border:1px solid #e5e5e5}.dw-account-card>i{font-size:32px;color:var(--dw-red)}.dw-account-card h3{text-transform:uppercase;font-size:17px;font-weight:900;margin:22px 0 14px}.dw-account-card a{display:block;padding:9px 0;color:#555;border-bottom:1px solid #eee;font-size:13px}.dw-account-card a:hover{color:var(--dw-red)}
.dw-success-card{padding:80px 30px}.dw-success-icon{width:76px;height:76px;background:var(--dw-red);color:#fff;display:grid;place-items:center;margin:0 auto 25px;font-size:36px}.dw-success-card h1{text-transform:uppercase;font-weight:900;font-size:44px;letter-spacing:-.04em}
.dw-module-title{text-transform:uppercase;font-size:28px;font-weight:900;letter-spacing:-.03em;margin:20px 0 25px}
/* Bootstrap 3 extension compatibility helpers inside Bootstrap 5 theme */
.pull-right{float:right!important}.pull-left{float:left!important}.img-responsive{display:block;max-width:100%;height:auto}.help-block{display:block;color:#777;font-size:12px;margin-top:5px}.control-label{font-weight:700}.input-group-btn{display:flex}.input-group-btn>.btn{height:100%}.radio,.checkbox{margin:8px 0}.radio label,.checkbox label{cursor:pointer}.text-danger{font-size:12px;margin-top:5px}.has-error .form-control{border-color:#dc3545}.panel{border:1px solid #ddd;margin-bottom:18px}.panel-heading{padding:14px 18px;background:#f5f5f5;border-bottom:1px solid #ddd;font-weight:800}.panel-body{padding:18px}.well{padding:20px;background:#f5f5f5;border:1px solid #e5e5e5}
@media(max-width:991.98px){.dw-product-gallery{position:static}.dw-product-main-image{min-height:430px}.dw-account-grid{grid-template-columns:1fr 1fr}.dw-shop-toolbar{align-items:flex-start;flex-direction:column}.dw-toolbar-controls{width:100%;flex-wrap:wrap}.dw-toolbar-controls .form-select{flex:1}.dw-category-intro{flex-direction:column}.dw-category-thumb{width:100%;max-height:260px;object-fit:contain}}
@media(max-width:767.98px){.dw-page{padding-bottom:60px}.dw-page-hero{padding:45px 0}.dw-page-hero h1{font-size:46px}.dw-toolbar-controls .form-select{min-width:0}.dw-product-main-image{min-height:330px;padding:20px}.dw-product-thumbs{grid-template-columns:repeat(4,1fr)}.dw-product-tools{position:static;margin-bottom:15px}.dw-buy-row{grid-template-columns:90px 1fr}.dw-cart-table{border:0}.dw-cart-table table{min-width:760px}.dw-account-grid{grid-template-columns:1fr}.dw-contact-card,.dw-form-card,.dw-content-card,.dw-account-panel{padding:24px}.dw-pagination-wrap{align-items:flex-start;gap:15px;flex-direction:column}}

.dw-module-zone > .container, .dw-module-zone > .container-fluid{max-width:var(--dw-container);padding-top:36px;padding-bottom:70px}


/* Phase 4 */
.garage-mega-nav{background:#111;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.garage-mega-nav__list{display:flex;list-style:none;margin:0;padding:0;align-items:stretch}
.garage-mega-nav__item{position:relative}.garage-mega-nav__item>a{height:48px;display:flex;align-items:center;gap:8px;padding:0 18px;color:#ddd;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.08em}.garage-mega-nav__item>a:hover{background:#19191b;color:#fff}.garage-mega-nav__item>a>small{background:var(--dw-red);color:#fff;padding:2px 5px;font-size:8px}.garage-mega-caret{font-size:9px;margin-left:3px}.garage-mega-dropdown{position:absolute;left:0;top:100%;min-width:310px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:1040}.has-children:hover .garage-mega-dropdown{opacity:1;visibility:visible;transform:none}.garage-mega-dropdown__inner{padding:12px}.garage-mega-dropdown a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;color:#19191b;border-bottom:1px solid #eee;font-size:13px;font-weight:700}.garage-mega-dropdown a:hover{background:#f5f3ef;color:var(--dw-red)}
.garage-booking{padding:clamp(70px,8vw,120px) 0;background:#f4f2ee}.garage-booking h2{font-size:clamp(44px,5vw,72px);font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:-.045em}.garage-booking p{color:#666;line-height:1.7}.garage-booking-form{background:#fff;padding:clamp(22px,4vw,48px);box-shadow:0 20px 60px rgba(0,0,0,.07)}.garage-booking-form .form-label{text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.08em}.garage-booking-form .form-control,.garage-booking-form .form-select{min-height:48px;border-color:#ddd}.garage-booking-form textarea.form-control{min-height:120px}
.garage-page-title{font-weight:900;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(38px,5vw,64px);margin:15px 0 32px}.garage-breadcrumb{background:none;padding:0;margin:0 0 20px}.garage-breadcrumb a{color:#777}.garage-table{background:#fff;border:1px solid #e8e8e8}.garage-table table{margin:0}.garage-table thead th{background:#111;color:#fff;border:0;text-transform:uppercase;font-size:10px;letter-spacing:.08em;padding:15px}.garage-table td{padding:15px;border-color:#eee}.garage-table-thumb{width:74px;height:74px;object-fit:contain}.garage-empty{padding:35px;background:#f5f3ef;border-left:4px solid var(--dw-red);font-weight:700}.garage-status{display:inline-block;padding:6px 10px;background:#f1f1f1;font-size:11px;font-weight:800;text-transform:uppercase}.garage-account-card{padding:24px;background:#fff;border:1px solid #e4e4e4;color:#222}.garage-account-stack{display:grid;gap:12px}.garage-address{line-height:1.7}.garage-compare table th{min-width:170px;background:#f5f3ef}.garage-compare table td{min-width:220px}.garage-manufacturer-index{display:flex;flex-wrap:wrap;gap:8px}.garage-manufacturer-index a{min-width:40px;height:40px;display:grid;place-items:center;background:#111;color:#fff;font-weight:900}.garage-manufacturer-group{padding:30px 0;border-top:1px solid #ddd}.garage-manufacturer-group h2{font-weight:900}.garage-product-card{background:#fff;border:1px solid #e7e7e7}.garage-product-card__image{display:block;padding:25px;background:#fafafa}.garage-product-card__image img{width:100%;aspect-ratio:1/1;object-fit:contain}.garage-product-card__body{padding:22px}.garage-product-card__body h3{font-size:18px;font-weight:900}.garage-product-card__body h3 a{color:#111}.garage-product-card__body p{color:#777;font-size:13px}.garage-product-card__price{font-size:18px;font-weight:900;color:var(--dw-red);margin:15px 0}.garage-product-card__price s{font-size:12px;color:#999;margin-left:6px}


/* Phase 5: Mega Menu */
.dw-mega-menu .dropdown-toggle::after{margin-left:.5rem;vertical-align:.12em;color:var(--dw-red)}
.dw-mega-item{position:static}
.dw-mega-dropdown{
  left:50%!important;right:auto!important;transform:translateX(-50%) translateY(12px)!important;
  top:calc(100% - 2px)!important;min-width:min(660px,88vw);padding:0;
  background:#0b0b0d;border:1px solid rgba(255,255,255,.11);border-radius:0;box-shadow:0 30px 70px rgba(0,0,0,.45)
}
.dw-mega-dropdown.show{transform:translateX(-50%) translateY(0)!important}
@media(min-width:992px){.dw-mega-item:hover>.dw-mega-dropdown{display:block;transform:translateX(-50%) translateY(0)!important}}
.dw-mega-dropdown:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--dw-red)}
.dw-mega-dropdown__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 38%)}
.dw-mega-link{display:flex;align-items:center;justify-content:space-between;color:#eee;padding:13px 14px;border:1px solid rgba(255,255,255,.08);margin:-1px 0 0 -1px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;position:relative;overflow:hidden}
.dw-mega-link:before{content:"";width:6px;height:6px;background:var(--dw-red);margin-right:10px;flex:0 0 6px;transform:rotate(45deg);transition:.2s ease}
.dw-mega-link:hover{background:#171719;color:#fff;border-color:rgba(239,43,45,.5);padding-left:19px}
.dw-mega-link:hover:before{transform:rotate(45deg) scale(1.35)}
.dw-menu-badge{font-size:8px;background:var(--dw-red);padding:3px 5px;margin-left:5px;color:#fff;vertical-align:middle}
.dw-mobile-submenu{padding-left:18px;border-left:2px solid var(--dw-red)}
.dw-mobile-submenu a{font-size:11px;color:#bdbdc2;padding:13px 0}
.dw-mobile-menu-item>a{padding:18px 0;color:#fff;border-bottom:1px solid var(--dw-line);display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:13px}

/* Reusable Why Section module */
.dw-why-module{position:relative;overflow:hidden;color:#fff}
.dw-why-module:before{content:"";position:absolute;inset:0;pointer-events:none}
.dw-why-module--dark{background:#080809}
.dw-why-module--dark:before{background:linear-gradient(115deg,rgba(8,8,9,.98) 0%,rgba(14,14,16,.94) 46%,rgba(239,43,45,.2) 100%),repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px 18px)}
.dw-why-module--light{background:#f4f2ee;color:#111}
.dw-why-module--light:before{background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.28) 50%,rgba(10,10,11,.035)),repeating-linear-gradient(135deg,rgba(10,10,11,.035) 0 1px,transparent 1px 18px)}
.dw-why-module:after{content:"";position:absolute;right:-130px;top:50%;width:min(560px,40vw);aspect-ratio:1;border:1px solid currentColor;opacity:.08;transform:translateY(-50%) rotate(-9deg);pointer-events:none}
.dw-why-module>.container-xxl{position:relative;z-index:2}
.dw-why-module__sketch{position:absolute;right:clamp(18px,5vw,115px);top:50%;width:min(470px,34vw);transform:translateY(-50%);opacity:.17;z-index:1;pointer-events:none}
.dw-why-module--light .dw-why-module__sketch{opacity:.13}
.dw-why-module__sketch img{display:block;width:100%;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.12)}
.dw-why-module__image{position:relative;min-height:650px;background:linear-gradient(rgba(0,0,0,.07),rgba(0,0,0,.07)),url('/image/catalog/garage/about-workshop.jpg') center/cover no-repeat,#1b1b1e;box-shadow:0 34px 70px rgba(0,0,0,.24)}
.dw-why-module__overlay-image{position:absolute;right:70px;bottom:-24px;width:min(285px,47%);z-index:2;filter:drop-shadow(0 24px 44px rgba(0,0,0,.28))}
.dw-why-module__overlay-image:before{content:"";position:absolute;left:-14px;top:-14px;width:72px;height:72px;border-top:4px solid var(--dw-red);border-left:4px solid var(--dw-red)}
.dw-why-module__overlay-image img{display:block;width:100%;height:auto;object-fit:contain;position:relative;z-index:1}
.dw-why-module__badge{position:absolute;right:-22px;bottom:35px;background:var(--dw-red);color:#fff;width:180px;height:180px;display:flex;align-items:center;justify-content:center;gap:13px;box-shadow:0 20px 50px rgba(239,43,45,.25);z-index:3}
.dw-why-module__badge strong{font-size:50px;letter-spacing:-.08em}
.dw-why-module__badge span{text-transform:uppercase;font-size:10px;line-height:1.35;font-weight:900;letter-spacing:.1em}
.dw-why-module__title{font-size:clamp(44px,5.7vw,70px);font-weight:700;letter-spacing:-.055em;line-height:.96;margin:0 0 24px;text-transform:capitalize}
.dw-why-module__title em{color:var(--dw-red);font-style:normal}
.dw-why-module__lead{max-width:660px;color:#c4c4c9;font-size:18px;line-height:1.72;margin:0}
.dw-why-module--light .dw-why-module__lead{color:#64646a}
.dw-why-module__features{margin-top:38px;border-top:1px solid rgba(255,255,255,.14)}
.dw-why-module--light .dw-why-module__features{border-top-color:var(--dw-dark-line)}
.dw-why-module__feature{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.dw-why-module--light .dw-why-module__feature{border-bottom-color:var(--dw-dark-line)}
.dw-why-module__feature-icon{flex:0 0 38px;height:38px;background:var(--dw-red);color:#fff;display:grid;place-items:center}
.dw-why-module__feature h4{font-weight:900;text-transform:uppercase;font-size:15px;letter-spacing:.02em;margin:0 0 6px}
.dw-why-module__feature p{margin:0;color:#a6a6ab;font-size:14px;line-height:1.55}
.dw-why-module--light .dw-why-module__feature p{color:#77777d}
@media(max-width:991.98px){.dw-why-module__image{min-height:520px}.dw-why-module__sketch{right:-40px;width:360px;opacity:.09}.dw-why-module__badge{right:18px}.dw-why-module__overlay-image{right:auto;left:18px;width:min(260px,46%)}}
@media(max-width:767.98px){.dw-why-module__image{min-height:430px}.dw-why-module__sketch{display:none}.dw-why-module__overlay-image{left:18px;bottom:22px;width:42%}.dw-why-module__badge{width:135px;height:135px}.dw-why-module__badge strong{font-size:37px}.dw-why-module__title{font-size:clamp(38px,12vw,56px)}}

.dw-contact-block{position:relative;overflow:hidden;padding:clamp(80px,8vw,130px) 0;color:#fff;background:#0a0a0b center/cover no-repeat}
.dw-contact-block__overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.82) 48%,rgba(239,43,45,.34) 100%),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 18px)}
.dw-contact-block h2{font-size:clamp(42px,5.6vw,76px);font-weight:700;letter-spacing:-.055em;line-height:.96;margin:0;text-transform:capitalize}
.dw-contact-block h2 em{color:var(--dw-red);font-style:normal}
.dw-contact-block p{max-width:760px;color:#bebec4;font-size:18px;line-height:1.7;margin:24px 0 0}
.dw-contact-block__actions{display:grid;gap:10px;justify-items:stretch}
.dw-contact-block__actions>a:not(.btn){min-height:58px;display:flex;align-items:center;gap:14px;padding:0 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:800}
.dw-contact-block__actions>a:not(.btn) i{width:36px;height:36px;display:grid;place-items:center;background:var(--dw-red);color:#fff}
.dw-contact-block__actions>a:not(.btn):hover{background:#fff;color:#111}
.dw-testimonials{position:relative;background:#0b0b0d;color:#fff;overflow:hidden}
.dw-testimonials:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 18%,rgba(239,43,45,.22),transparent 34%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px);pointer-events:none}
.dw-testimonials>.container-xxl{position:relative;z-index:1}
.dw-testimonials .dw-section-heading>p{color:#aaaab0}
.dw-testimonials__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dw-testimonial-card{min-height:310px;display:flex;flex-direction:column;padding:28px;background:#141416;border:1px solid rgba(255,255,255,.09);transition:.25s ease}
.dw-testimonial-card:hover{transform:translateY(-5px);border-color:rgba(239,43,45,.5)}
.dw-testimonial-card__rating{display:flex;gap:3px;color:var(--dw-red);font-size:13px;margin-bottom:28px}
.dw-testimonial-card>p{color:#d0d0d5;font-size:16px;line-height:1.72;margin:0}
.dw-testimonial-card__client{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:28px}
.dw-testimonial-card__client img,.dw-testimonial-card__client span{width:54px;height:54px;object-fit:cover;background:var(--dw-red);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}
.dw-testimonial-card__client strong,.dw-testimonial-card__client small{display:block}
.dw-testimonial-card__client strong{color:#fff;text-transform:uppercase;font-size:13px;font-weight:900}
.dw-testimonial-card__client small{color:#8f8f96;font-size:11px;margin-top:4px}
@media(max-width:991.98px){.dw-testimonials__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dw-contact-block__actions{justify-items:start}}
@media(max-width:767.98px){.dw-testimonials__grid{grid-template-columns:1fr}.dw-contact-block__actions{justify-items:stretch}.dw-contact-block h2{font-size:clamp(38px,12vw,56px)}}
.dw-gallery-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#080809}
.dw-gallery-row__item{position:relative;aspect-ratio:1.18/1;margin:0;overflow:hidden}
.dw-gallery-row__item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.32));opacity:.65;transition:.25s ease}
.dw-gallery-row__item img{width:100%;height:100%;object-fit:cover;display:block;transition:.45s ease}
.dw-gallery-row__item:hover img{transform:scale(1.06)}
.dw-gallery-row__item:hover:after{opacity:.25}
.dw-road-top{position:fixed;right:22px;bottom:24px;z-index:1045;width:74px;height:132px;border:0;background:transparent;color:#fff;padding:0;display:grid;justify-items:center;align-items:end;opacity:0;visibility:hidden;transform:translateY(18px);transition:.25s ease}
.dw-road-top.is-visible{opacity:1;visibility:visible;transform:none}
.dw-road-top__road{position:absolute;inset:0 18px 0 18px;background:#0b0b0d;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 38px rgba(0,0,0,.28)}
.dw-road-top__road:before{content:"";position:absolute;left:50%;top:9px;bottom:9px;width:2px;background:repeating-linear-gradient(to bottom,var(--dw-red) 0 14px,transparent 14px 26px);transform:translateX(-50%)}
.dw-road-top__car{position:relative;z-index:2;width:46px;height:46px;display:grid;place-items:center;background:var(--dw-red);font-size:21px;box-shadow:0 10px 24px rgba(239,43,45,.28);transform:translateY(-54px);transition:.25s ease}
.dw-road-top:hover .dw-road-top__car{transform:translateY(-66px)}
.dw-road-top__label{position:relative;z-index:2;background:#fff;color:#111;padding:5px 7px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
@media(max-width:767.98px){.dw-gallery-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dw-road-top{right:12px;bottom:14px;transform:scale(.86) translateY(18px);transform-origin:right bottom}.dw-road-top.is-visible{transform:scale(.86)}}
.dw-why-check{background:#f4f2ee;position:relative;overflow:hidden}
.dw-why-check:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.68),rgba(255,255,255,.24)),repeating-linear-gradient(135deg,rgba(10,10,11,.035) 0 1px,transparent 1px 18px);pointer-events:none}
.dw-why-check>.container-xxl{position:relative;z-index:1}
.dw-why-check__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-left:1px solid rgba(10,10,11,.1);border-top:1px solid rgba(10,10,11,.1)}
.dw-why-check__item{min-height:250px;background:rgba(255,255,255,.58);padding:30px;border-right:1px solid rgba(10,10,11,.1);border-bottom:1px solid rgba(10,10,11,.1);transition:.25s ease}
.dw-why-check__item:hover{background:#fff;transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.08)}
.dw-why-check__item>i{width:48px;height:48px;display:grid;place-items:center;background:var(--dw-red);color:#fff;font-size:24px;margin-bottom:34px}
.dw-why-check__item h3{text-transform:uppercase;font-size:20px;font-weight:900;letter-spacing:-.02em;margin:0 0 12px}
.dw-why-check__item p{color:#707076;line-height:1.6;margin:0}
@media(max-width:991.98px){.dw-why-check__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.dw-why-check__grid{grid-template-columns:1fr}.dw-why-check__item{min-height:0}}
.dw-packages{position:relative;overflow:hidden;background:#080809;color:#fff}
.dw-packages:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(8,8,9,.98),rgba(14,14,16,.9) 58%,rgba(239,43,45,.2)),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px);pointer-events:none}
.dw-packages>.container-xxl{position:relative;z-index:2}
.dw-packages .dw-section-heading>p{color:#aaaab0}
.dw-packages__graphic{position:absolute;right:clamp(20px,6vw,130px);top:46%;width:min(430px,34vw);opacity:.13;transform:translateY(-50%);pointer-events:none;z-index:1}
.dw-packages__graphic img{display:block;width:100%;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.1)}
.dw-packages__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;z-index:2}
.dw-package-card{display:flex;flex-direction:column;min-height:470px;padding:34px;background:#141416;border:1px solid rgba(255,255,255,.1);transition:.25s ease}
.dw-package-card.is-featured{background:#1a1a1d;border-color:rgba(239,43,45,.65);box-shadow:0 26px 60px rgba(0,0,0,.25)}
.dw-package-card:hover{transform:translateY(-6px);border-color:rgba(239,43,45,.55)}
.dw-package-card>small{color:var(--dw-red);text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:18px}
.dw-package-card h3{text-transform:uppercase;font-size:28px;font-weight:900;letter-spacing:-.035em;margin:0 0 18px}
.dw-package-card__price{font-size:24px;font-weight:900;color:#fff;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.11)}
.dw-package-card ul{list-style:none;padding:24px 0 0;margin:0 0 28px;display:grid;gap:13px}
.dw-package-card li{display:flex;gap:11px;color:#c7c7cc;line-height:1.45}
.dw-package-card li i{color:var(--dw-red);font-size:18px;line-height:1.1}
.dw-package-card .btn{margin-top:auto;justify-content:center}
@media(max-width:991.98px){.dw-packages__grid{grid-template-columns:1fr 1fr}.dw-packages__graphic{right:-50px;width:340px}}
@media(max-width:767.98px){.dw-packages__grid{grid-template-columns:1fr}.dw-package-card{min-height:0}.dw-packages__graphic{display:none}}

/* Phase 5: checkout */
.dw-checkout-card,.dw-account-panel{background:#fff;border:1px solid #e6e6e7;padding:clamp(22px,3vw,38px)}
.dw-checkout-card h4,.dw-subheading,.dw-info-box h5{text-transform:uppercase;font-weight:900;letter-spacing:-.02em}
.dw-checkout-form .form-label,.dw-account-panel .form-label{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.dw-method-group{display:grid;gap:10px}
.dw-method-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #dedee1;background:#fff;cursor:pointer;transition:.2s ease}
.dw-method-option:hover{border-color:#111}
.dw-method-option input{margin-top:3px}
.dw-method-option span{display:flex;flex:1;justify-content:space-between;gap:15px}
.dw-method-option small{color:#717177;font-weight:600}
.dw-checkout-accordion .accordion-button{font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.dw-checkout-accordion .accordion-button:not(.collapsed){background:#111;color:#fff}
.dw-checkout-accordion .accordion-button:not(.collapsed)::after{filter:invert(1)}
.dw-checkout-accordion .accordion-body{padding:clamp(20px,3vw,36px);background:#f8f8f8}
.dw-info-box{height:100%;padding:22px;background:#f6f6f6;border-left:3px solid var(--dw-red);line-height:1.7}
.dw-order-status{display:inline-block;background:#111;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;padding:7px 10px;letter-spacing:.06em}
.dw-panel-title{font-size:clamp(30px,4vw,52px);font-weight:900;letter-spacing:-.04em}
.dw-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#777;font-weight:900}
.dw-table td{padding-top:16px;padding-bottom:16px}

@media(max-width:991.98px){
  .dw-mega-menu{display:none!important}
  .dw-mega-dropdown{display:none!important}
}

/* Phase 6 */
.dw-topbar__left a,.dw-topbar__right a{color:#c7c7ca}.dw-header-phone{position:relative;align-items:center;gap:13px;color:#fff;line-height:1.05;padding-left:18px;margin-left:8px}.dw-header-phone:before{content:"";position:absolute;left:0;top:50%;width:1px;height:34px;background:rgba(255,255,255,.16);transform:translateY(-50%)}.dw-header-phone:hover{color:#fff}
.dw-header-phone__icon{position:relative;width:55px;height:55px;border-radius:0;background:var(--dw-red);border:1px solid rgba(239,43,45,.85);display:grid;place-items:center;color:#fff;overflow:visible;animation:garagePhoneBoxMorph 2.4s ease-in-out infinite}
.dw-header-phone__icon svg{width:21px;height:21px;fill:currentColor;position:relative;z-index:2}.dw-header-phone__icon:before,.dw-header-phone__icon:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(239,43,45,.55);opacity:0;animation:garagePhonePulse 2.4s ease-out infinite}.dw-header-phone__icon:after{animation-delay:1.2s}.dw-header-phone:hover .dw-header-phone__icon svg{animation:garagePhoneShake .45s ease-in-out}
.dw-header-phone small{display:block;color:#aaaab0;text-transform:uppercase;font-size:13px;padding-left:30px;letter-spacing:.12em;font-weight:800;margin-bottom:6px}
.dw-header-phone__number{display:block;font-size:20px;font-weight:400;letter-spacing:.02em;white-space:nowrap; padding:0 10px 0 10px;}
.dw-contact-trigger{position:relative;width:60px;height:60px;border:0;border-radius:0;background:var(--dw-red);color:#fff;display:inline-grid;place-items:center;font-size:18px;overflow:hidden}
.dw-contact-trigger:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.42);transform:scale(.72);opacity:0;transition:.25s ease}.dw-contact-trigger:hover{background:#fff;color:#111}.dw-contact-trigger:hover:before{transform:scale(1);opacity:1;border-color:rgba(10,10,11,.28)}@keyframes garagePhoneBoxMorph{0%,100%{border-radius:0;box-shadow:0 0 0 0 rgba(239,43,45,.2)}45%,65%{border-radius:50%;box-shadow:0 0 0 8px rgba(239,43,45,.08)}}@keyframes garagePhonePulse{0%{opacity:.75;transform:scale(.72);border-radius:0}45%{border-radius:50%}80%,100%{opacity:0;transform:scale(1.48);border-radius:50%}}@keyframes garagePhoneShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}.dw-contact-panel{width:min(430px,92vw)!important;background:#0b0b0d;color:#fff;border-left:1px solid rgba(255,255,255,.1)}.dw-contact-panel .offcanvas-header,.dw-contact-panel .offcanvas-body{padding:30px}.dw-contact-panel h3{text-transform:uppercase;font-weight:900;font-size:34px;margin:0}.dw-contact-panel__item{display:flex;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}
.dw-contact-panel__item>i{width:45px;height:45px;/*background:#171719;*/color:var(--dw-red);display:grid;place-items:center;font-size:18px}.dw-contact-panel__item small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#77777e;font-size:9px;font-weight:900;margin-bottom:5px}.dw-contact-panel__item strong{display:block;font-size:14px;overflow-wrap:anywhere}
.dw-cart-panel{width:min(460px,94vw)!important;background:#0b0b0d;color:#fff;border-left:1px solid rgba(255,255,255,.1)}.dw-cart-panel .offcanvas-header,.dw-cart-panel .offcanvas-body{padding:30px}.dw-cart-panel h3{text-transform:uppercase;font-weight:900;font-size:34px;margin:0}.dw-cart-panel__items{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.1)}.dw-cart-panel__item{display:grid;grid-template-columns:74px 1fr 34px;gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}.dw-cart-panel__image{width:74px;height:74px;background:#171719;display:grid;place-items:center}.dw-cart-panel__image img{width:100%;height:100%;object-fit:contain;padding:8px}.dw-cart-panel__name{display:block;color:#fff;font-weight:900;font-size:13px;line-height:1.35}.dw-cart-panel__name:hover{color:var(--dw-red)}.dw-cart-panel__details small,.dw-cart-panel__options small{display:block;color:#8e8e94;font-size:11px;line-height:1.45;margin-top:3px}.dw-cart-panel__meta{display:flex;justify-content:space-between;gap:12px;color:#bdbdc2;font-size:12px;margin-top:10px}.dw-cart-panel__meta strong{color:#fff}.dw-cart-panel__remove{width:34px;height:34px;border:0;background:#171719;color:#fff;display:grid;place-items:center}.dw-cart-panel__remove:hover{background:var(--dw-red)}.dw-cart-panel__totals{margin-top:22px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.dw-cart-panel__total{display:flex;justify-content:space-between;gap:18px;padding:8px 0;color:#bdbdc2;font-size:13px}.dw-cart-panel__total:last-child{color:#fff;font-size:16px;font-weight:900;border-top:1px solid rgba(255,255,255,.12);margin-top:8px;padding-top:16px}.dw-cart-panel__actions{display:grid;gap:10px;margin-top:24px}.dw-cart-panel__empty{min-height:280px;display:grid;align-content:center;justify-items:center;text-align:center;color:#fff}.dw-cart-panel__empty i{font-size:48px;color:var(--dw-red);margin-bottom:16px}.dw-cart-panel__empty strong{font-size:18px}
.dw-hero-slider{position:relative;min-height:720px}.dw-hero-slides{position:relative;min-height:inherit}.dw-hero-slide{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;overflow:hidden}.dw-hero-slide.is-active{position:relative;z-index:2;opacity:1;pointer-events:auto}.dw-hero-slide.is-leaving{z-index:1;opacity:1}.dw-hero-slide__media{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.04)}.dw-hero-slide.is-active .dw-hero-slide__media{animation:garageHeroKenBurns 8s ease-out forwards}@keyframes garageHeroKenBurns{from{transform:scale(1.08)}to{transform:scale(1.01)}}.dw-hero-slider--fade .dw-hero-slide{transition:opacity .8s ease}.dw-hero-slider--wipe .dw-hero-slide:after{content:"";position:absolute;inset:0;background:var(--dw-red);transform:translateX(-102%);z-index:4;pointer-events:none}.dw-hero-slider--wipe .dw-hero-slide.is-active:after{animation:garageWipe .95s cubic-bezier(.76,0,.24,1)}@keyframes garageWipe{0%{transform:translateX(-102%)}46%{transform:translateX(0)}54%{transform:translateX(0)}100%{transform:translateX(102%)}}
.dw-hero-wheel{position:absolute;right:clamp(24px,7vw,140px);bottom:clamp(80px,13vw,120px);width:clamp(210px,25vw,390px);aspect-ratio:1;z-index:3;pointer-events:none;opacity:.9;filter:drop-shadow(0 34px 55px rgba(0,0,0,.38))}.dw-hero-wheel:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18) 0 7%,transparent 8% 27%,rgba(239,43,45,.18) 28% 29%,transparent 30% 48%,rgba(255,255,255,.22) 49% 50%,transparent 51%);box-shadow:inset 0 0 0 11px rgba(255,255,255,.08),inset 0 0 0 19px rgba(0,0,0,.34)}.dw-hero-wheel__orbit{position:absolute;inset:0;border:2px solid rgba(255,255,255,.14);border-left-color:rgba(239,43,45,.8);border-bottom-color:rgba(239,43,45,.45);border-radius:50%;animation:garageWheelOrbit 6s linear infinite}.dw-hero-wheel__rim{position:absolute;inset:13%;border:8px solid rgba(255,255,255,.8);border-right-color:rgba(239,43,45,.95);border-radius:50%;animation:garageWheelSpin 1.7s linear infinite}.dw-hero-wheel__rim:before,.dw-hero-wheel__rim:after{content:"";position:absolute;inset:18%;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.dw-hero-wheel__rim:after{inset:39%;background:var(--dw-red);border:7px solid rgba(255,255,255,.76);box-shadow:0 0 0 10px rgba(239,43,45,.18)}.dw-hero-wheel__rim span{position:absolute;left:50%;top:50%;width:42%;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.82));transform-origin:left center}.dw-hero-wheel__rim span:nth-child(1){transform:rotate(0deg)}.dw-hero-wheel__rim span:nth-child(2){transform:rotate(60deg)}.dw-hero-wheel__rim span:nth-child(3){transform:rotate(120deg)}.dw-hero-wheel__rim span:nth-child(4){transform:rotate(180deg)}.dw-hero-wheel__rim span:nth-child(5){transform:rotate(240deg)}.dw-hero-wheel__rim span:nth-child(6){transform:rotate(300deg)}.dw-hero-wheel__speed{position:absolute;right:76%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),rgba(239,43,45,.8));border-radius:99px;animation:garageSpeedLine 1.8s ease-in-out infinite}.dw-hero-wheel__speed--one{top:33%;width:58%;animation-delay:.15s}.dw-hero-wheel__speed--two{top:61%;width:44%;animation-delay:.55s}@keyframes garageWheelSpin{to{transform:rotate(360deg)}}@keyframes garageWheelOrbit{to{transform:rotate(-360deg)}}@keyframes garageSpeedLine{0%,100%{opacity:.18;transform:translateX(22px) scaleX(.55)}50%{opacity:.9;transform:translateX(-18px) scaleX(1)}}
.dw-hero-wheel--left{left:-180px;right:auto}.dw-hero-wheel--center{left:50%;right:auto;bottom:clamp(90px,10vw,150px);transform:translateX(-50%);opacity:.42}.dw-hero-wheel__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;animation:garageWheelSpin 3.8s linear infinite}.dw-hero-wheel__image~.dw-hero-wheel__orbit{opacity:.55}.dw-hero-wheel__image~.dw-hero-wheel__orbit .dw-hero-wheel__rim{opacity:0}
.dw-hero-widget{position:absolute;left:200px;top 10px;width:100px;z-index:4;pointer-events:none;opacity:.92;filter:drop-shadow(0 28px 48px rgba(0,0,0,.36));animation:garageHeroWidgetFloat 4.5s ease-in-out infinite}.dw-hero-widget img{display:block;width:100%;height:auto;object-fit:contain}.dw-hero-widget--right{left:auto;right:clamp(26px,8vw,170px)}.dw-hero-widget--center{left:50%;right:auto;bottom:clamp(120px,16vw,240px);transform:translateX(-50%);opacity:.62}@keyframes garageHeroWidgetFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-18px,0)}}.dw-hero-widget--center{animation-name:garageHeroWidgetFloatCenter}@keyframes garageHeroWidgetFloatCenter{0%,100%{transform:translate3d(-50%,0,0)}50%{transform:translate3d(-50%,-18px,0)}}
.dw-hero-copy .dw-animate-item{opacity:0}.dw-hero-slide.is-active .dw-text-transition--slide .dw-animate-item{animation:garageSlideUp .8s both}.dw-hero-slide.is-active .dw-text-transition--reveal .dw-animate-item{animation:garageMaskReveal .9s both}.dw-hero-slide.is-active .dw-text-transition--split .dw-animate-item{animation:garageSplitReveal .85s both}.dw-hero-slide.is-active .dw-animate-item:nth-child(2){animation-delay:.12s}.dw-hero-slide.is-active .dw-animate-item:nth-child(3){animation-delay:.24s}.dw-hero-slide.is-active .dw-animate-item:nth-child(4){animation-delay:.36s}@keyframes garageSlideUp{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}@keyframes garageMaskReveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-25px)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}@keyframes garageSplitReveal{0%{opacity:0;transform:translate3d(0,55px,0) skewY(5deg)}100%{opacity:1;transform:none}}
.dw-hero-controls{position:absolute;left:0;right:0;bottom:104px;z-index:6;pointer-events:none}.dw-hero-controls .container-xxl{pointer-events:auto}.dw-hero-pagination{display:flex;gap:8px}.dw-hero-dot{border:0;background:transparent;color:#828288;padding:7px 3px;position:relative;font-size:10px;font-weight:900}.dw-hero-dot:after{content:"";display:block;width:35px;height:2px;background:rgba(255,255,255,.24);margin-top:7px;transition:.35s}.dw-hero-dot.is-active{color:#fff}.dw-hero-dot.is-active:after{background:var(--dw-red);width:58px}.dw-hero-arrows{display:flex}.dw-hero-arrows button{width:48px;height:48px;border:1px solid rgba(255,255,255,.25);background:rgba(8,8,8,.35);color:#fff}.dw-hero-arrows button:hover{background:var(--dw-red);border-color:var(--dw-red)}
@media(max-width:991.98px){.dw-hero-slider{min-height:650px}.dw-hero-controls{bottom:118px}.dw-hero-wheel{right:-70px;bottom:150px;opacity:.35}.dw-hero-widget{width:clamp(125px,25vw,230px);opacity:.55}}@media(max-width:575.98px){.dw-hero-pagination{display:none}.dw-hero-wheel,.dw-hero-widget{display:none}}@media(prefers-reduced-motion:reduce){.dw-hero-slide,.dw-hero-slide__media,.dw-animate-item,.dw-hero-slider--wipe .dw-hero-slide:after,.dw-hero-wheel__orbit,.dw-hero-wheel__rim,.dw-hero-wheel__speed,.dw-hero-widget,.dw-header-phone__icon,.dw-header-phone__icon:before,.dw-header-phone__icon:after,.dw-header-phone:hover .dw-header-phone__icon svg{animation:none!important;transition:none!important}.dw-hero-copy .dw-animate-item{opacity:1}}

/* ==================================================================
   Appointment wizard - information/appointment
   ------------------------------------------------------------------
   Only the parts the theme has no equivalent for. The panel itself is
   .dw-form-card, every radio choice is .dw-method-group/.dw-method-option,
   the review sits in .dw-info-box and the buttons are the dw-btn-* set -
   none of that is restated here.
   ================================================================== */

/* ---- Progress rail ---- */

.ap-rail{list-style:none;display:flex;flex-wrap:wrap;gap:6px 26px;margin:0 0 22px;padding:0}
.ap-rail-step{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9b9b9f}
.ap-rail-step>span{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:1px solid var(--dw-dark-line);background:#fff;font-size:11px;font-weight:900;color:inherit}
.ap-rail-step.is-current{color:var(--dw-black)}
.ap-rail-step.is-current>span{background:var(--dw-red);border-color:var(--dw-red);color:#fff}
/* A finished step keeps its number rather than turning into a tick, so the
   customer can still count how far along they are. */
.ap-rail-step.is-done{color:var(--dw-black)}
.ap-rail-step.is-done>span{background:var(--dw-black);border-color:var(--dw-black);color:#fff}

/* ---- Panels ---- */

.ap-step{display:none}
.ap-step.is-current{display:block}
.ap-step h2{margin-top:6px}
.ap-optional{font-weight:400;font-size:11px;letter-spacing:0;text-transform:none;color:#9b9b9f}
.ap-plate-input{text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.ap-error{margin-top:6px;font-size:13px;color:var(--dw-red)}
.form-control.is-invalid{border-color:var(--dw-red)}

/* ---- Options ---- */

/* The theme's method group is a single column, which is right for checkout's
   two or three payment methods but not for a workshop's list of repair types.
   .ap-options wraps them, .ap-slots packs the times tighter still. */
.dw-method-group.ap-options{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.dw-method-group.ap-slots{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.dw-method-option.is-selected{border-color:var(--dw-red);box-shadow:inset 0 0 0 1px var(--dw-red)}
/* The theme's option lays its label out as a row - name left, price right.
   Here the second line describes the first rather than pricing it, so these
   stack. */
.ap-options .dw-method-option>span,
.ap-slots .dw-method-option>span{flex-direction:column;justify-content:flex-start;gap:0}
.ap-option-title{display:block;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.01em;color:var(--dw-black)}
.ap-options .dw-method-option small{margin-top:4px;line-height:1.5}

/* A full slot is shown rather than hidden, so the customer can see the workshop
   is busy at that hour instead of wondering where the time went. */
.ap-slot.is-full{opacity:.45;cursor:not-allowed;background:var(--dw-offwhite)}
.ap-slot .ap-slot-time{display:block;font-size:12px;color:#717177;font-variant-numeric:tabular-nums}
.ap-slot .ap-slot-left{display:block;margin-top:4px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9b9b9f}
.ap-slot-hint{grid-column:1/-1;margin:0;font-size:14px;color:#717177}

.ap-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--dw-dark-line);border-top-color:var(--dw-red);border-radius:50%;animation:apSpin .7s linear infinite;vertical-align:-3px}
@keyframes apSpin{to{transform:rotate(360deg)}}

/* ---- Review ---- */

.ap-review{margin:0}
.ap-review-row{display:flex;gap:14px;padding:7px 0;border-bottom:1px solid var(--dw-dark-line);font-size:13px}
.ap-review-row:last-child{border-bottom:0}
.ap-review-row dt{flex:0 0 42%;font-weight:600;color:#717177}
.ap-review-row dd{flex:1 1 auto;margin:0;font-weight:900;color:var(--dw-black);word-break:break-word}

/* ---- Actions ---- */

.ap-actions{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid var(--dw-dark-line)}
.ap-progress{margin-left:auto;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9b9b9f}

/* ---- Aside ---- */

.ap-aside{position:sticky;top:24px;background:var(--dw-offwhite);padding:28px}
.ap-aside .ap-feature-list{margin-top:18px;border-top:0}
.ap-aside .dw-feature{gap:14px;padding:16px 0}
.ap-aside .dw-feature:last-child{border-bottom:0}
.ap-aside .dw-feature h4{font-size:13px}
.ap-aside .dw-feature p{font-size:13px}

@media(max-width:991.98px){
  .ap-aside{position:static}
}

@media(max-width:575.98px){
  .ap-rail{gap:6px 16px}
  .ap-review-row{flex-direction:column;gap:2px}
  .ap-review-row dt{flex-basis:auto}
  .ap-actions{flex-wrap:wrap}
  .ap-progress{order:-1;margin-left:0;flex-basis:100%}
}

/* ── Garage Video Hero ─────────────────────────────────────────────── */
.dw-vhero{position:relative;display:flex;align-items:center;min-height:var(--dw-vhero-height,720px);overflow:hidden;background:var(--dw-black);color:#fff;isolation:isolate}
.dw-vhero__media{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat}
.dw-vhero__video,.dw-vhero__frame{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;transform:translate(-50%,-50%);border:0;pointer-events:none;opacity:0;transition:opacity .6s ease}
.dw-vhero__video.is-playing,.dw-vhero__frame.is-playing{opacity:1}
/* YouTube keeps a 16:9 box, so scale it past the frame instead of letterboxing. */
.dw-vhero__frame{width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh}
.dw-vhero__overlay{position:absolute;inset:0;z-index:1;pointer-events:none}
.dw-vhero .container-xxl{z-index:2;width:100%;max-width:var(--dw-container);margin-inline:auto;padding-block:clamp(90px,11vw,150px)}
.dw-vhero__inner{display:flex}
.dw-vhero__copy{max-width:760px}
.dw-vhero--center .dw-vhero__inner{justify-content:center;text-align:center}
.dw-vhero--center .dw-vhero__copy .d-flex{justify-content:center}
.dw-vhero--right .dw-vhero__inner{justify-content:flex-end;text-align:right}
.dw-vhero--right .dw-vhero__copy .d-flex{justify-content:flex-end}
.dw-vhero__item{opacity:0;animation:garageVheroRise .85s cubic-bezier(.22,.61,.36,1) both}
.dw-vhero__item:nth-child(2){animation-delay:.12s}
.dw-vhero__item:nth-child(3){animation-delay:.24s}
.dw-vhero__item:nth-child(4){animation-delay:.36s}
@keyframes garageVheroRise{from{opacity:0;transform:translate3d(0,48px,0)}to{opacity:1;transform:none}}
.dw-vhero__sound{position:absolute;right:clamp(18px,4vw,54px);bottom:clamp(18px,4vw,54px);z-index:4;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);background:rgba(8,8,8,.4);color:#fff;font-size:18px;transition:.25s}
.dw-vhero__sound:hover{background:var(--dw-red);border-color:var(--dw-red)}
.dw-vhero__scroll{position:absolute;left:50%;bottom:26px;z-index:3;width:26px;height:44px;margin-left:-13px;border:2px solid rgba(255,255,255,.42);border-radius:99px}
.dw-vhero__scroll span{position:absolute;left:50%;top:9px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--dw-red);animation:garageVheroScroll 1.8s ease-in-out infinite}
@keyframes garageVheroScroll{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(17px)}}
@media(max-width:991.98px){.dw-vhero{min-height:min(var(--dw-vhero-height,720px),86vh)}.dw-vhero--right .dw-vhero__inner{justify-content:flex-start;text-align:left}.dw-vhero--right .dw-vhero__copy .d-flex{justify-content:flex-start}}
@media(max-width:575.98px){.dw-vhero__scroll{display:none}}
@media(prefers-reduced-motion:reduce){.dw-vhero__item{opacity:1;animation:none!important}.dw-vhero__scroll span{animation:none}.dw-vhero__video,.dw-vhero__frame{transition:none}}


/* ---------------------------------------------------------------------------
   Light colour profile (Theme Studio -> Branding -> "Daylight", or any custom
   palette saved with mode = light).
   The chrome tokens above already carry the light values; what needs saying
   here is everything the dark-first CSS hardcoded as white-on-dark: hover
   inversions, the rgba() hairlines, the bootstrap close buttons and the panel
   backgrounds. Keyed off a body class so nothing here can leak into the
   default profile.
--------------------------------------------------------------------------- */
body.dw-theme-light .dw-topbar__left>*+*:before,
body.dw-theme-light .dw-topbar__right>*+*:before{background:var(--dw-chrome-line)}
body.dw-theme-light .dw-header .navbar-nav>.nav-item+.nav-item>.nav-link:before{background:var(--dw-chrome-line)}
body.dw-theme-light .dw-icon-btn:hover,
body.dw-theme-light .dw-contact-trigger:hover{background:var(--dw-chrome-text);color:var(--dw-chrome-bg)}
body.dw-theme-light .dw-contact-trigger:before{border-color:var(--dw-chrome-line)}
body.dw-theme-light .dw-btn-primary:hover{background:var(--dw-black);border-color:var(--dw-black);color:var(--dw-white)}
body.dw-theme-light .dw-btn-outline{border-color:var(--dw-chrome-line);color:var(--dw-chrome-text)}
body.dw-theme-light .dw-btn-outline:hover{background:var(--dw-black);border-color:var(--dw-black);color:var(--dw-white)}
body.dw-theme-light .dw-header-phone,
body.dw-theme-light .dw-header-phone:hover{color:var(--dw-chrome-text)}
body.dw-theme-light .dw-header-phone:before{background:var(--dw-chrome-line)}
body.dw-theme-light .dw-header-phone small{color:var(--dw-chrome-muted)}
body.dw-theme-light .dw-contact-panel{background:var(--dw-chrome-bg);color:var(--dw-chrome-text);border-left-color:var(--dw-chrome-line)}
body.dw-theme-light .dw-contact-panel__item{color:var(--dw-chrome-text);border-bottom-color:var(--dw-chrome-line)}
body.dw-theme-light .dw-offcanvas .offcanvas-header{border-bottom-color:var(--dw-chrome-line)}
body.dw-theme-light .dw-mobile-nav a,
body.dw-theme-light .dw-mobile-menu-item>a{color:var(--dw-chrome-text);border-bottom-color:var(--dw-chrome-line)}
/* btn-close-white is a white SVG mask -- invisible on a light panel. */
body.dw-theme-light .btn-close-white{filter:none}
body.dw-theme-light .dw-footer-bottom{border-top-color:var(--dw-chrome-line)}

/* The phone icon inherits its colour now (fill="currentColor" in the header
   templates); on the accent-filled badge it stays white in both profiles. */
.dw-header-phone__icon{color:#fff}

/* ---------------------------------------------------------------------------
   Header / footer layout styles (Theme Studio -> Header / Footer -> Layout).
   Style 1 is the base chrome above; these only describe what styles 2 and 3
   arrange differently. Every one of them inherits the --dw-chrome-* tokens, so
   a layout style and a colour profile are independent choices.
--------------------------------------------------------------------------- */

/* Style 2 -- Modern: centred brand row over a full-width nav row. */
.dw-header--modern .dw-topbar--modern{border-bottom:1px solid var(--dw-chrome-line)}
.dw-header--modern .dw-header-main{padding:18px 0}
.dw-header-main__grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.dw-header-main__side{align-items:center;min-width:0}
.dw-header-main__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.dw-brand--center{display:inline-flex;flex-direction:column;align-items:center;gap:4px;justify-self:center;text-align:center}
.dw-brand-tagline{color:var(--dw-chrome-muted);font-size:11px;text-transform:uppercase;letter-spacing:.18em}
.dw-header--modern .dw-header-nav{background:var(--dw-chrome-surface);border-top:1px solid var(--dw-chrome-line);padding:0;min-height:0}
.dw-header--modern .dw-header-nav .nav-link{padding:16px 18px!important}
.dw-header--modern .dw-header-nav .nav-link:after{bottom:8px}
.dw-header--modern .dw-header-phone__icon{width:44px;height:44px;animation:none;font-size:17px}
.dw-header--modern .dw-header-phone__icon:before,
.dw-header--modern .dw-header-phone__icon:after{display:none}
.dw-header--modern .dw-header-phone small{padding-left:0;font-size:11px;margin-bottom:2px}
.dw-header--modern .dw-header-phone__number{font-size:16px;padding:0}
@media(max-width:991.98px){
  .dw-header-main__grid{grid-template-columns:1fr auto}
  .dw-brand--center{justify-self:start;align-items:flex-start;text-align:left}
}

/* Style 3 -- Minimal: one compact row, icon-only actions. */
.dw-header--minimal .navbar{min-height:64px}
.dw-header--minimal .nav-link{padding:22px 12px!important;font-size:12px}
.dw-header--minimal .nav-link:after{bottom:14px}
.dw-header--minimal .dw-icon-btn{min-width:40px;height:40px;border-color:transparent}
.dw-header--minimal .dw-icon-btn:hover{border-color:var(--dw-chrome-line)}

/* Style 4 -- Pro Care: one branded row over an inset nav bar.
   The logo column is taller than the row that holds it and overhangs the bar
   below (negative margin + z-index), so brand, navigation and CTA line up as a
   single row. Both tiers reserve the same left gutter for it -- change
   --dw-pc-gutter alone and they stay in step.
   The bar and the icon fills are the style's signature colours, so they are
   local tokens rather than the chrome palette; override them per store in
   Theme Studio -> Tools -> Custom CSS. */
.dw-header--procare{
  --dw-pc-gutter:250px;
  --dw-pc-bar:#1d4ba9;
  --dw-pc-bar-line:rgba(255,255,255,.2);
  --dw-pc-accent:var(--dw-red);
  --dw-pc-bar-h:70px;
  /* How far the logo drops over the nav bar. Only the logo overhangs -- the
     bar itself is never pulled up, or it would cover the contact tiles. */
  --dw-pc-overlap:34px;
  background:var(--dw-chrome-bg);
}
/* The reference inset: a little more air at the page edges than the stock
   container gives, so the boxed actions and the bar never sit flush. */
.dw-header--procare .container-xxl{padding-left:26px;padding-right:26px}
.dw-header--procare .dw-procare-top{padding:16px 0 0}
/* Tall enough to clear a two-line tile plus the logo's overhang, so nothing
   is clipped by the bar below. */
.dw-procare-top__grid{
  display:flex;align-items:center;gap:24px;
  min-height:74px;padding-right:6px
}

/* The brand: fixed-width column, allowed to overhang downwards. */
.dw-procare-brand{
  flex:0 0 auto;width:var(--dw-pc-gutter);
  display:inline-flex;align-items:center;gap:10px;
  position:relative;z-index:3;
  /* Half the overhang each way keeps the logo optically centred on the seam
     between the two tiers instead of pushing it off the top of the header. */
  margin-top:calc(var(--dw-pc-overlap) / 2);
  margin-bottom:calc(var(--dw-pc-overlap) * -1)
}
/* The base .dw-logo caps the width at 230px, which is what actually limits a
   wide logo here -- both caps have to be lifted for this style. */
.dw-procare-brand .dw-logo{max-height:96px;max-width:100%;width:auto;height:auto}

.dw-procare-tiles{align-items:center;gap:30px;margin-left:36px;margin-right:auto}
.dw-procare-tile{
  display:inline-flex;align-items:center;gap:14px;
  color:var(--dw-chrome-text);text-decoration:none;max-width:300px
}
.dw-procare-tile:hover{color:var(--dw-chrome-text)}
.dw-procare-tile__icon{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:62px;height:46px;border-radius:12px;
  background:var(--dw-pc-accent);color:#fff;font-size:17px;transition:.25s ease
}
.dw-procare-tile:hover .dw-procare-tile__icon{transform:translateY(-2px)}
.dw-procare-tile__meta{display:flex;flex-direction:column;min-width:0}
.dw-procare-tile__meta small{
  font-size:15px;font-weight:700;font-style:italic;line-height:1.2;
  color:var(--dw-chrome-text);margin-bottom:3px
}
.dw-procare-tile__meta strong{
  font-size:14px;font-weight:700;font-style:italic;text-transform:uppercase;
  line-height:1.2;color:var(--dw-pc-bar);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
body.dw-theme-light .dw-procare-tile__meta strong{color:var(--dw-pc-bar)}

/* Filled boxed actions, pinned right -- cart on the bar colour, search on the
   accent, as in the reference. */
.dw-procare-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:24px}
.dw-procare-box{
  display:inline-flex;align-items:center;justify-content:center;
  width:55px;height:50px;padding:0;border:0;border-radius:14px;
  background:var(--dw-pc-bar);color:#fff;font-size:19px;transition:.25s ease
}
.dw-procare-box:hover{color:#fff;filter:brightness(1.12)}
.dw-procare-box--search{background:var(--dw-pc-accent)}

/* The nav bar: inset in the container, pulled up under the logo. */
.dw-procare-nav{padding-bottom:0}
.dw-procare-bar{
  display:flex;align-items:center;gap:20px;
  padding-left:var(--dw-pc-gutter);
  background:var(--dw-pc-bar);
  min-height:var(--dw-pc-bar-h);position:relative;z-index:1
}
.dw-procare-bar__nav{
  flex:1 1 auto;min-width:0;
  padding-left:20px;border-left:1px solid var(--dw-pc-bar-line)
}
/* The menu module's own <ul> carries mx-auto (it is centred in style 1);
   here the bar already places it, so the auto margins have to go. */
.dw-procare-bar .navbar-nav{display:flex;flex-direction:row;flex-wrap:wrap;margin:0!important;padding:0;list-style:none;align-items:center}
.dw-procare-bar .nav-link{
  display:block;padding:0 16px!important;
  line-height:var(--dw-pc-bar-h);font-size:16px;font-weight:500;
  text-transform:none;letter-spacing:0;color:#fff!important;opacity:1
}
.dw-procare-bar .nav-link:hover,
.dw-procare-bar .nav-item.active>.nav-link,
.dw-procare-bar .nav-link.active{color:#f33d53!important}
.dw-procare-bar .nav-link:after{display:none}
.dw-procare-bar .navbar-nav>.nav-item+.nav-item>.nav-link:before{display:none}
.dw-procare-cta{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:16px;
  padding:0 40px;line-height:var(--dw-pc-bar-h);
  background:var(--dw-pc-accent);color:#fff;
  font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em
}
.dw-procare-cta:hover{color:#fff;background:var(--dw-red-dark)}
.dw-procare-cta i{transition:.25s ease}
.dw-procare-cta:hover i{transform:translateX(4px)}

@media(max-width:1599.98px){
  .dw-header--procare{--dw-pc-gutter:210px;--dw-pc-overlap:28px}
  .dw-procare-tiles{gap:22px;margin-left:26px}
  .dw-procare-tile{max-width:250px}
  .dw-procare-brand .dw-logo{max-height:82px}
}
@media(max-width:1399.98px){
  .dw-header--procare{--dw-pc-gutter:180px;--dw-pc-overlap:24px}
  .dw-procare-tiles{gap:18px}
  .dw-procare-tile{gap:10px;max-width:210px}
  .dw-procare-tile__icon{width:52px;height:42px}
  .dw-procare-brand .dw-logo{max-height:70px}
}
@media(max-width:1199.98px){
  .dw-header--procare{--dw-pc-gutter:150px;--dw-pc-bar-h:60px;--dw-pc-overlap:18px}
  .dw-procare-brand .dw-logo{max-height:56px}
  .dw-procare-bar .nav-link{padding:0 12px!important;font-size:15px}
  .dw-procare-cta{padding:0 24px}
}
@media(max-width:991.98px){
  .dw-header--procare .container-xxl{padding-left:14px;padding-right:14px}
  .dw-header--procare .dw-procare-top{padding:10px 0}
  .dw-procare-brand{width:auto;margin-top:0;margin-bottom:0}
  .dw-procare-brand .dw-logo{max-height:48px}
  .dw-procare-actions{gap:6px;margin-left:auto}
  .dw-procare-box{width:46px;height:42px;border-radius:10px}
}

/* Footer styles 2 and 3 share the strip/inline-link layout. */
.dw-footer--compact{padding:0}
.dw-footer--minimal{padding:0}
.dw-footer-cta{
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  padding:46px 0;border-bottom:1px solid var(--dw-chrome-line);
}
.dw-footer-cta h4{color:var(--dw-chrome-text);text-transform:uppercase;font-weight:900;letter-spacing:.1em;font-size:16px;margin:0 0 10px}
.dw-footer-strip{
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  padding:34px 0;
}
.dw-footer-inline{display:flex;flex-wrap:wrap;gap:8px 26px;list-style:none;padding:0;margin:0}
.dw-footer-inline li{margin:0}
.dw-footer-inline a{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.dw-footer-contacts{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.dw-footer-contacts i{margin-right:7px;color:var(--dw-red)}
.dw-footer--minimal .dw-footer-brand{margin-bottom:0}
.dw-footer--compact .dw-footer-brand{margin-bottom:0}

/* Style 4 is a light-headed design: on the default (dark) chrome the top tier
   keeps the chrome background, and only the tile text needs pulling back to
   the chrome colours. Pair it with the Daylight profile for the reference look. */
body.dw-theme-light .dw-procare-tile,
body.dw-theme-light .dw-procare-tile:hover{color:var(--dw-chrome-text)}
