/*
Theme Name: Ekins Garage Native
Theme URI: https://ekinsgarage.com/
Author: Ekins Garage
Description: Custom Ekins Garage Website Theme
Version: 4.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: ekins-garage-native
*/

:root{
  --eg-black:#050505;--eg-deep:#0b0b0b;--eg-panel:#111;--eg-line:rgba(255,255,255,.11);
  --eg-white:#f7f7f4;--eg-soft:#bdbdb8;--eg-muted:#7f7f7a;--eg-red:#c62f22;--eg-red-dark:#961f18;
  --eg-max:1380px;--eg-radius:2px;--eg-shadow:0 22px 70px rgba(0,0,0,.24)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f7f7f4;font-family:Arial,Helvetica,sans-serif;line-height:1.6}img{max-width:100%;height:auto}a{color:inherit}button,input,textarea,select{font:inherit}
.eg-wrap{width:min(var(--eg-max),calc(100% - 64px));margin-inline:auto}.eg-kicker{margin:0 0 14px;color:var(--eg-red);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.eg-display{margin:0;font-size:clamp(40px,6vw,86px);line-height:.94;letter-spacing:-.045em}.eg-h2{margin:0;font-size:clamp(34px,4.6vw,64px);line-height:1;letter-spacing:-.035em}.eg-copy{max-width:760px;color:#545454;font-size:17px}.eg-section{padding:96px 0}.eg-section--dark{background:var(--eg-black);color:var(--eg-white)}.eg-section--dark .eg-copy{color:var(--eg-soft)}.eg-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 24px;background:var(--eg-red);color:#fff!important;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transition:.2s}.eg-button:hover{background:var(--eg-red-dark);transform:translateY(-1px)}.eg-button--ghost{background:transparent;border:1px solid rgba(255,255,255,.26)}.eg-grid{display:grid;gap:28px}

/* Header */
.eg-site-header{position:sticky;top:0;z-index:9999;background:linear-gradient(180deg,#0d0d0d,#050505);color:#fff;border-bottom:1px solid var(--eg-line)}.eg-header-inner{min-height:96px;display:grid;grid-template-columns:minmax(220px,430px) 1fr auto;gap:34px;align-items:center}.eg-brand img{display:block;width:min(100%,430px);max-height:82px;object-fit:contain;object-position:left center}.eg-brand-text{color:#fff;text-decoration:none;font-size:24px;font-weight:900;letter-spacing:.04em}.eg-primary-menu,.eg-primary-menu ul{margin:0;padding:0;list-style:none}.eg-primary-menu{display:flex;justify-content:center;align-items:center;gap:clamp(20px,2vw,38px)}.eg-primary-menu>li{position:relative}.eg-primary-menu a{display:flex;align-items:center;min-height:46px;color:var(--eg-soft);text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.eg-primary-menu>li>a:hover,.eg-primary-menu>.current-menu-item>a,.eg-primary-menu>.current_page_item>a{color:#fff}.eg-primary-menu .sub-menu{position:absolute;top:100%;left:-16px;width:250px;padding:8px;background:#090909;border:1px solid var(--eg-line);border-top:2px solid var(--eg-red);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}.eg-primary-menu li:hover>.sub-menu,.eg-primary-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.eg-primary-menu .sub-menu a{padding:0 14px;min-height:44px}.eg-header-actions{display:flex;gap:12px;align-items:center}.eg-cart-link{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid var(--eg-line);color:#fff;text-decoration:none}.eg-cart-count{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;margin-left:6px;border-radius:20px;background:var(--eg-red);font-size:10px}.eg-menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--eg-line);background:transparent;color:#fff;font-weight:900}.eg-mobile-nav{display:none;padding:0 0 18px}.eg-mobile-nav.is-open{display:block}.eg-mobile-nav ul{margin:0;padding:0;list-style:none}.eg-mobile-nav a{display:block;padding:13px 0;border-bottom:1px solid var(--eg-line);color:#fff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

/* Homepage styling lives in front-page.php and is deliberately scoped to #eg-premium. */

/* General page/content */
.eg-main{min-height:55vh}.eg-page-shell{padding:72px 0 96px}.eg-page-title{margin:0 0 36px;font-size:clamp(40px,5vw,68px);line-height:1}.eg-content{font-size:17px}.eg-content>*>:first-child,.eg-content>:first-child{margin-top:0}.eg-content a{color:var(--eg-red)}.eg-content table{width:100%;border-collapse:collapse}.eg-content td,.eg-content th{padding:10px;border:1px solid #ddd}.eg-content .elementor{display:contents}

/* Legacy vehicle renderer */
.eg-vehicle{background:#070707;color:#fff}.eg-vehicle-hero{padding:68px 0 40px}.eg-vehicle-video{aspect-ratio:16/9;background:#111;box-shadow:var(--eg-shadow)}.eg-vehicle-video iframe{width:100%;height:100%;border:0}.eg-vehicle-copy{max-width:900px;padding:52px 0}.eg-vehicle-copy h1,.eg-vehicle-copy h2{font-size:clamp(38px,5vw,68px);line-height:1}.eg-vehicle-copy p{color:#d2d2cd;font-size:18px}.eg-gallery{position:relative;padding:0 0 70px}.eg-gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72%,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-inline:contain}.eg-gallery-track figure{margin:0;scroll-snap-align:start;background:#111}.eg-gallery-track img{display:block;width:100%;height:clamp(360px,62vw,760px);object-fit:cover}.eg-gallery--secondary .eg-gallery-track{grid-auto-columns:minmax(42%,1fr)}.eg-gallery--secondary .eg-gallery-track img{height:clamp(260px,40vw,520px)}

/* WooCommerce */
.woocommerce .woocommerce-breadcrumb{margin:0 0 25px;color:#777}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding-bottom:18px;background:#fff;border:1px solid #e9e9e6}.woocommerce ul.products li.product a img{margin:0!important;aspect-ratio:1/1;object-fit:cover}.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .button{margin-left:18px!important;margin-right:18px!important}.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--eg-red)!important;color:#fff!important;border-radius:0!important}.woocommerce div.product{padding:72px 0}.woocommerce div.product div.images img{border:1px solid #eee}.woocommerce div.product .product_title{font-size:clamp(36px,4vw,58px);line-height:1}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--eg-red)}

/* Footer */
.eg-site-footer{background:#050505;color:#fff}.eg-footer-logo{padding:36px 0;text-align:center;border-bottom:1px solid var(--eg-line)}.eg-footer-logo img{width:min(520px,90%);max-height:150px;object-fit:contain}.eg-footer-main{padding:64px 0}.eg-footer-grid{display:grid;grid-template-columns:1.1fr .8fr .9fr;gap:60px}.eg-footer-col{padding-left:20px;border-left:1px solid rgba(198,47,34,.6)}.eg-footer-col h3{margin:0 0 16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.eg-footer-col,.eg-footer-col a{color:var(--eg-soft);font-size:14px;text-decoration:none}.eg-footer-col ul{margin:0;padding:0;list-style:none}.eg-footer-col li+li{margin-top:10px}.eg-footer-col a:hover{color:#fff}.eg-hours-row{display:flex;justify-content:space-between;gap:20px}.eg-footer-bottom{border-top:1px solid var(--eg-line)}.eg-footer-bottom-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--eg-muted);font-size:13px}.eg-footer-meta{display:flex;gap:18px;flex-wrap:wrap}.eg-footer-meta a{color:var(--eg-muted);text-decoration:none}

@media(max-width:1100px){.eg-header-inner{grid-template-columns:1fr auto}.eg-desktop-nav,.eg-start-build{display:none}.eg-menu-toggle{display:block}.eg-service-grid{grid-template-columns:repeat(2,1fr)}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.eg-wrap{width:min(100% - 36px,var(--eg-max))}.eg-section{padding:72px 0}.eg-hero-inner{min-height:620px}.eg-card-grid,.eg-service-grid,.eg-footer-grid{grid-template-columns:1fr}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.eg-gallery-track,.eg-gallery--secondary .eg-gallery-track{grid-auto-columns:92%}.eg-footer-bottom-inner{align-items:flex-start;flex-direction:column;padding:18px 0}}
@media(max-width:520px){.eg-header-inner{min-height:78px;gap:14px}.eg-brand img{max-height:58px}.eg-hero-inner{min-height:560px}.eg-hero-content{padding:68px 0}.woocommerce ul.products{grid-template-columns:1fr}.eg-actions{align-items:stretch;flex-direction:column}.eg-button{width:100%}}


/* v1.3 migration fidelity fixes */
.eg-native-code-page{width:100%;margin:0;padding:0;background:#050505;color:#f7f7f4;overflow:hidden}
.eg-native-code-page > :first-child{margin-top:0}
.eg-commerce-page{min-height:55vh;background:#050505;color:#f7f7f4;padding:0 0 96px}
.eg-commerce-page > .woocommerce,
.eg-commerce-page > .wc-block-cart,
.eg-commerce-page > .wc-block-checkout {
    width:min(var(--eg-max),calc(100% - 64px));
    margin-inline:auto;
}

body.woocommerce-checkout .eg-commerce-checkout > .woocommerce {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

/* Native shop — mirrors the live Parts Store / Apparel Store structure. */
.eg-shop-page{background:#050505;color:#f7f7f4;padding:70px 0 110px}
.eg-shop-head{padding-bottom:34px;border-bottom:1px solid var(--eg-line)}
.eg-shop-head h1{margin:0;color:#fff;font-size:clamp(42px,5.6vw,76px);font-weight:900;letter-spacing:-.045em;line-height:.95}
.eg-shop-section{padding:58px 0 12px}
.eg-shop-section+.eg-shop-section{margin-top:34px;border-top:1px solid var(--eg-line)}
.eg-shop-section h2{margin:0 0 34px;color:#c62f22;font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em;line-height:1}

/* WooCommerce dark treatment */
.woocommerce,.woocommerce-page{color:#ddd}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-breadcrumb{color:#999}
.woocommerce .woocommerce-ordering select{background:#111;color:#fff;border:1px solid #333;padding:10px 12px}
.woocommerce ul.products li.product{background:#0c0c0c!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff!important;font-weight:800}
.woocommerce ul.products li.product .price{color:#d7d7d2!important}
.woocommerce ul.products li.product .onsale{background:#c62f22!important;color:#fff!important;border-radius:0!important}
.woocommerce div.product{color:#ddd}
.woocommerce div.product .product_title,.woocommerce div.product .woocommerce-tabs h2,.woocommerce div.product .woocommerce-tabs h3{color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#111!important;border-color:#333!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#ddd!important}

/* Cart / checkout */
.eg-commerce-cart-2{padding-top:70px}
.eg-commerce-cart-2 .woocommerce{width:min(1240px,calc(100% - 64px));margin:0 auto}
.woocommerce table.shop_table{border:1px solid #2a2a2a!important;border-radius:0!important;background:#0b0b0b;color:#ddd}
.woocommerce table.shop_table th{color:#fff;background:#101010}
.woocommerce table.shop_table td{border-top:1px solid #292929!important}
.woocommerce table.shop_table a{color:#fff}
.woocommerce-cart table.cart img{width:90px}
.woocommerce .quantity .qty,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{background:#111!important;color:#fff!important;border:1px solid #333!important;border-radius:0!important;padding:12px}
.woocommerce-cart .cart-collaterals .cart_totals{background:#0c0c0c;padding:30px;border:1px solid #292929}
.woocommerce-cart .cart-collaterals .cart_totals h2{margin-top:0;color:#fff;font-size:30px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#101010!important;color:#eee!important;border-top-color:#c62f22!important}
.woocommerce-info::before,.woocommerce-message::before{color:#c62f22!important}

/* Ensure exact custom pages are not constrained by theme generic wrappers. */
body.page-template-default .eg-native-code-page #eg-about-page,
body.page-template-default .eg-native-code-page #eg-contact-page,
body.page-template-default .eg-native-code-page #eg-builds,
body.page-template-default .eg-native-code-page #eg-privacy-page,
body.page-template-default .eg-native-code-page #eg-terms-page{margin-top:0;margin-bottom:0}

@media(max-width:820px){
  .eg-commerce-page>.woocommerce,.eg-commerce-page>.wc-block-cart,.eg-commerce-page>.wc-block-checkout,.eg-commerce-cart-2 .woocommerce{width:calc(100% - 36px)}
  .eg-shop-page{padding-top:48px}
}


/* v1.4 fidelity: compact chrome + balanced commerce cards */
.eg-site-header{position:relative}
.eg-header-inner{min-height:82px;grid-template-columns:minmax(190px,360px) 1fr auto;gap:24px}
.eg-brand img{width:min(100%,360px);max-height:68px}
.eg-primary-menu{gap:clamp(16px,1.65vw,28px)}
.eg-primary-menu a{min-height:40px;font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:none}
.eg-primary-menu .sub-menu a{font-size:11px}
.eg-header-actions{gap:8px}
.eg-start-build{min-height:40px;padding:0 17px;font-size:10px;letter-spacing:.07em}

.eg-footer-logo{padding:22px 0}
.eg-footer-logo img{width:min(410px,82%);max-height:112px}
.eg-footer-main{padding:42px 0}
.eg-footer-grid{gap:38px}
.eg-footer-col{padding-left:16px;font-size:12px;line-height:1.55}
.eg-footer-col h3{margin-bottom:11px;font-size:10px;letter-spacing:.12em}
.eg-footer-col,.eg-footer-col a{font-size:12px}
.eg-footer-col li+li{margin-top:6px}
.eg-hours-row{gap:14px}
.eg-footer-bottom-inner{min-height:54px;font-size:11px}
.eg-footer-meta{gap:14px}

/* Product grids: one disciplined card height regardless of source photography/title length. */
.eg-shop-page .woocommerce ul.products{align-items:stretch!important;gap:24px!important}
.eg-shop-page .woocommerce ul.products li.product{
  display:flex!important;min-width:0;min-height:430px;flex-direction:column;
  padding:0 0 18px!important;background:transparent!important;border:0!important;
}
.eg-shop-page .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link{
  display:flex;min-width:0;flex:1;flex-direction:column;text-decoration:none;
}
.eg-shop-page .woocommerce ul.products li.product a img{
  width:100%!important;height:260px!important;aspect-ratio:auto!important;margin:0 0 16px!important;
  object-fit:contain!important;object-position:center;background:transparent!important;
}
.eg-shop-page .woocommerce ul.products li.product .woocommerce-loop-product__title{
  display:-webkit-box;min-height:44px;max-height:44px;margin:0 2px 7px!important;overflow:hidden;
  color:#f1f1ef!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.55!important;
  text-transform:none!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.eg-shop-page .woocommerce ul.products li.product .price{
  min-height:28px;margin:0 2px 13px!important;color:#d0d0cc!important;font-size:14px!important;font-weight:500!important;
}
.eg-shop-page .woocommerce ul.products li.product .button{
  align-self:flex-start;margin:auto 2px 0!important;padding:11px 15px!important;font-size:10px!important;font-weight:700!important;
  letter-spacing:.06em!important;text-transform:none!important;
}
.eg-shop-page .woocommerce ul.products li.product .onsale{top:8px!important;right:8px!important;left:auto!important;min-width:auto!important;min-height:auto!important;padding:5px 8px!important;font-size:9px!important;line-height:1.2!important}
.eg-shop-page .woocommerce ul.products li.product .star-rating{margin:0 2px 10px!important}

/* Some wishlist/quick-view plugins inject empty dark overlays. Keep them unobtrusive. */
.eg-shop-page .yith-wcwl-add-to-wishlist,
.eg-shop-page .yith-wcqv-button,
.eg-shop-page .bravis-product-overlay,
.eg-shop-page .woocommerce-loop-product__link + .button + div:empty{background:transparent!important;box-shadow:none!important}

/* Exact native Our Builds portfolio markup */
#eg-builds{width:100%!important;max-width:none!important;margin:0!important}
#eg-builds .eg-header{padding:72px 0 58px}
#eg-builds .eg-gallery{padding:62px 0 92px}
#eg-builds .eg-build-grid{gap:22px}
#eg-builds .eg-build-card{grid-template-rows:260px auto!important;min-height:395px!important}
#eg-builds .eg-build-card__image{height:260px!important}
#eg-builds .eg-build-card__body{min-height:135px!important}

@media(max-width:1100px){
  .eg-header-inner{grid-template-columns:1fr auto}.eg-desktop-nav,.eg-start-build{display:none}.eg-menu-toggle{display:block}
}
@media(max-width:820px){
  .eg-footer-logo img{width:min(340px,84%)}
  .eg-shop-page .woocommerce ul.products li.product{min-height:400px}
  .eg-shop-page .woocommerce ul.products li.product a img{height:230px!important}
}

/* v1.5 exact live header/footer take precedence over old theme approximations. */
.eg-site-header,.eg-site-footer,.eg-footer-logo{display:none!important}

/* Native recreation of Promotors BR Gallery Carousel build pages. Live order: 3-up gallery, video, story, 1-up gallery. */
.eg-vehicle-live{background:#fff;color:#111;padding:0 0 80px;font-family:Arial,Helvetica,sans-serif}
.eg-build-gallery{position:relative;width:100%;background:#fff;padding:0}
.eg-build-gallery__viewport{width:100%;overflow:hidden;scroll-behavior:smooth}
.eg-build-gallery__track{display:flex;width:max-content;min-width:100%}
.eg-build-slide{display:block;flex:0 0 33.333333%;padding:0 1px;background:#fff}
.eg-build-slide img{display:block;width:100%;height:clamp(260px,31vw,610px);object-fit:cover}
.eg-build-gallery--one .eg-build-slide{flex-basis:100%}.eg-build-gallery--one .eg-build-slide img{height:auto;max-height:900px;object-fit:contain;background:#fff}
.eg-build-arrow{position:absolute;top:50%;z-index:4;width:48px;height:58px;margin-top:-29px;border:0;background:rgba(0,0,0,.58);color:#fff;font:300 42px/1 Arial;cursor:pointer;opacity:.82;transition:.2s}.eg-build-arrow:hover{background:#c62f22;opacity:1}.eg-build-arrow--prev{left:16px}.eg-build-arrow--next{right:16px}
.eg-build-video-wrap{width:min(1294px,calc(100% - 56px));margin:76px auto 0}.eg-build-video{aspect-ratio:16/9;background:#000}.eg-build-video iframe{display:block;width:100%;height:100%;border:0}
.eg-build-copy{background:#fff;padding:70px 0 76px}.eg-build-copy__inner{width:min(1040px,calc(100% - 56px));margin:0 auto}.eg-build-copy h1,.eg-build-copy h2{margin:0 0 28px;color:#111;font-size:clamp(38px,4.2vw,62px);font-weight:700;line-height:1.08}.eg-build-copy p{margin:0 0 22px;color:#333;font-size:17px;line-height:1.9}.eg-build-copy p:last-child{margin-bottom:0}
.eg-build-gallery--one{width:min(1294px,calc(100% - 56px));margin:0 auto}
@media(max-width:820px){.eg-build-gallery--three .eg-build-slide{flex-basis:50%}.eg-build-video-wrap,.eg-build-gallery--one{width:calc(100% - 32px);margin-top:44px}.eg-build-copy{padding:48px 0}.eg-build-copy__inner{width:calc(100% - 36px)}}
@media(max-width:560px){.eg-build-gallery--three .eg-build-slide{flex-basis:100%}.eg-build-slide img{height:72vw}.eg-build-arrow{width:40px;height:48px;margin-top:-24px;font-size:34px}.eg-build-arrow--prev{left:8px}.eg-build-arrow--next{right:8px}}

/* v1.6 — build-page fidelity: centered content column, left-aligned copy */
.eg-vehicle-live .eg-build-copy{
  width:100%;
  padding:64px 0 70px;
  background:#fff;
}
.eg-vehicle-live .eg-build-copy__inner{
  width:min(900px,calc(100% - 56px));
  margin-left:auto;
  margin-right:auto;
  text-align:left !important;
}
.eg-vehicle-live .eg-build-copy__inner h1,
.eg-vehicle-live .eg-build-copy__inner h2,
.eg-vehicle-live .eg-build-copy__inner h3,
.eg-vehicle-live .eg-build-copy__inner p,
.eg-vehicle-live .eg-build-copy__inner div{
  text-align:left !important;
}
.eg-vehicle-live .eg-build-copy__inner h1{
  margin:0 0 26px !important;
  color:#111 !important;
  font-size:clamp(38px,4.2vw,58px) !important;
  line-height:1.08 !important;
  font-weight:700 !important;
}
.eg-vehicle-live .eg-build-copy__inner p{
  margin:0 0 20px !important;
  color:#333 !important;
  font-size:17px !important;
  line-height:1.85 !important;
  font-weight:400 !important;
}
@media(max-width:700px){
  .eg-vehicle-live .eg-build-copy{padding:46px 0 52px}
  .eg-vehicle-live .eg-build-copy__inner{width:calc(100% - 36px)}
}


/* v1.7 — force legacy build pages to match the site's dark presentation. */
html body.eg-legacy-vehicle-page,
html body.eg-legacy-vehicle-page #page,
html body.eg-legacy-vehicle-page #content,
html body.eg-legacy-vehicle-page main,
html body.eg-legacy-vehicle-page .site,
html body.eg-legacy-vehicle-page .site-content{
  background:#050505 !important;
  color:#f5f5f2 !important;
}
body.eg-legacy-vehicle-page .eg-vehicle-live{
  width:100%;
  margin:0;
  padding:0 0 88px;
  background:#050505 !important;
  color:#f5f5f2 !important;
  overflow:hidden;
}
body.eg-legacy-vehicle-page .eg-build-gallery{
  background:#050505 !important;
}
body.eg-legacy-vehicle-page .eg-build-slide{
  background:#050505 !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--one .eg-build-slide img{
  background:#050505 !important;
}
body.eg-legacy-vehicle-page .eg-build-video-wrap{
  margin-top:70px;
  margin-bottom:0;
}
body.eg-legacy-vehicle-page .eg-build-copy{
  width:100%;
  margin:0;
  padding:64px 0 70px;
  background:#050505 !important;
  color:#f5f5f2 !important;
}
body.eg-legacy-vehicle-page .eg-build-copy__inner{
  width:min(900px,calc(100% - 56px));
  margin:0 auto;
  text-align:left !important;
}
body.eg-legacy-vehicle-page .eg-build-copy__inner h1,
body.eg-legacy-vehicle-page .eg-build-copy__inner h2,
body.eg-legacy-vehicle-page .eg-build-copy__inner h3{
  margin:0 0 26px !important;
  color:#fff !important;
  font-size:clamp(36px,4vw,56px) !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  text-align:left !important;
}
body.eg-legacy-vehicle-page .eg-build-copy__inner p,
body.eg-legacy-vehicle-page .eg-build-copy__inner div,
body.eg-legacy-vehicle-page .eg-build-copy__inner span{
  color:#d5d5d2 !important;
  font-size:17px !important;
  line-height:1.85 !important;
  font-weight:400 !important;
  text-align:left !important;
}
body.eg-legacy-vehicle-page .eg-build-copy__inner p{margin:0 0 20px !important;}
body.eg-legacy-vehicle-page .eg-build-gallery--one{
  margin-top:0;
  padding-bottom:10px;
}
body.eg-legacy-vehicle-page .eg-build-gallery--one .eg-build-slide img{
  width:100%;
  max-height:none;
  object-fit:contain;
}
@media(max-width:700px){
  body.eg-legacy-vehicle-page .eg-build-copy{padding:46px 0 52px}
  body.eg-legacy-vehicle-page .eg-build-copy__inner{width:calc(100% - 36px)}
}
body.eg-legacy-vehicle-page .eg-build-back{width:min(900px,calc(100% - 56px));margin:42px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
body.eg-legacy-vehicle-page .eg-build-back a{color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.eg-legacy-vehicle-page .eg-build-back a:hover{color:#c62f22}


/* v1.8 — live Elementor footer fragment must remain visible on every page, including legacy build pages. */
#eg-lux-footer,
#eg-lux-footer .eg-footer-main,
#eg-lux-footer .eg-footer-bottom,
#eg-lux-footer .eg-footer-bottom-inner,
.eg-logo-divider{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
#eg-lux-footer{
  position:relative;
  z-index:20;
  clear:both;
  width:100%;
  margin:0;
  background:#050505 !important;
}
body.eg-legacy-vehicle-page #eg-lux-footer,
body.eg-legacy-vehicle-page .eg-logo-divider{
  position:relative;
  z-index:30;
  clear:both;
}
body.eg-legacy-vehicle-page .eg-main{
  overflow:visible !important;
}
body.eg-legacy-vehicle-page .eg-vehicle-live{
  padding-bottom:72px;
}
/* Keep the live footer's own inner layout intact; only override the old theme hide rule. */
#eg-lux-footer .eg-footer-main{width:100% !important;}
#eg-lux-footer .eg-footer-bottom{width:100% !important;}


/* v1.9 — legacy build-page fidelity pass: center live logo divider, restore Promotors gallery proportions, and tighten spacing. */
body.eg-legacy-vehicle-page .eg-logo-divider{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 auto !important;
  padding:24px 0 !important;
  text-align:center !important;
}
body.eg-legacy-vehicle-page .eg-logo-divider .line{
  margin-left:auto !important;
  margin-right:auto !important;
}
body.eg-legacy-vehicle-page .eg-logo-divider img{
  display:block !important;
  width:min(520px,90%) !important;
  height:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* The original BR Gallery Carousel defaults to 3 columns on desktop. The first Camaro gallery used FULL images. */
body.eg-legacy-vehicle-page .eg-build-gallery--three{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-gallery__track{
  align-items:flex-start !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-slide{
  flex:0 0 33.333333% !important;
  padding:0 1px !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-slide img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-arrow{
  display:none !important;
}

/* The lower live carousel uses the Promotors widget's default 1294x674 image size. */
body.eg-legacy-vehicle-page .eg-build-gallery--one{
  width:min(1294px,calc(100% - 56px)) !important;
  margin:0 auto !important;
  padding:0 !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--one .eg-build-gallery__viewport{
  width:100% !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--one .eg-build-slide{
  flex:0 0 100% !important;
  padding:0 !important;
  aspect-ratio:1294 / 674 !important;
  overflow:hidden !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--one .eg-build-slide img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Match the live vertical rhythm more closely. */
body.eg-legacy-vehicle-page .eg-build-video-wrap{
  width:min(1040px,calc(100% - 56px)) !important;
  margin:62px auto 0 !important;
}
body.eg-legacy-vehicle-page .eg-build-copy{
  padding:52px 0 58px !important;
}
body.eg-legacy-vehicle-page .eg-build-copy__inner{
  width:min(900px,calc(100% - 56px)) !important;
}
body.eg-legacy-vehicle-page .eg-build-copy__inner h1,
body.eg-legacy-vehicle-page .eg-build-copy__inner h2,
body.eg-legacy-vehicle-page .eg-build-copy__inner h3{
  margin-bottom:22px !important;
}
body.eg-legacy-vehicle-page .eg-build-copy__inner p{
  margin-bottom:17px !important;
  line-height:1.72 !important;
}
body.eg-legacy-vehicle-page .eg-vehicle-live{
  padding-bottom:58px !important;
}

@media(max-width:820px){
  body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-slide{flex-basis:50% !important;}
  body.eg-legacy-vehicle-page .eg-build-video-wrap,
  body.eg-legacy-vehicle-page .eg-build-gallery--one{width:calc(100% - 32px) !important;}
}
@media(max-width:560px){
  body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-slide{flex-basis:100% !important;}
  body.eg-legacy-vehicle-page .eg-build-video-wrap{margin-top:38px !important;}
  body.eg-legacy-vehicle-page .eg-build-copy{padding:38px 0 44px !important;}
}


/* v2.0 — correct Promotors carousel sizing + exact Contact widget + global footer/logo fidelity. */
html,body{background:#050505 !important;}
body.page-contact,
body.page-id-55,
body.page-contact #page,
body.page-id-55 #page,
body.page-contact #content,
body.page-id-55 #content,
body.page-contact main,
body.page-id-55 main{
  background:#050505 !important;
  color:#f7f7f4 !important;
}

/* Original Elementor logo-divider code is centered on every page, not only build pages. */
.eg-logo-divider{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 auto !important;
  padding:24px 0 !important;
  text-align:center !important;
  background:#050505 !important;
}
.eg-logo-divider .line{
  display:block !important;
  width:min(820px,84%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.eg-logo-divider img{
  display:block !important;
  width:min(520px,90%) !important;
  height:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#eg-lux-footer{display:block !important;width:100% !important;background:#050505 !important;}
#eg-lux-footer .eg-footer-main{display:block !important;width:100% !important;}
#eg-lux-footer .eg-footer-bottom{display:block !important;width:100% !important;}
#eg-lux-footer .eg-footer-bottom-inner{display:flex !important;}

/* Critical fix: a flex track with width:max-content made percentage slide widths resolve against the
   intrinsic image strip rather than the viewport. Slick's real track is viewport-constrained. */
body.eg-legacy-vehicle-page .eg-build-gallery__viewport{
  width:100% !important;
  overflow:hidden !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery__track{
  display:flex !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  align-items:flex-start !important;
  overflow:visible !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-slide{
  flex:0 0 33.333333% !important;
  width:33.333333% !important;
  min-width:0 !important;
  overflow:hidden !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-slide img{
  display:block !important;
  width:100% !important;
  height:clamp(220px,30vw,500px) !important;
  max-height:500px !important;
  object-fit:cover !important;
  object-position:center center !important;
}
/* Lower 1-up carousel remains at the original widget's default 1294x674 crop. */
body.eg-legacy-vehicle-page .eg-build-gallery--one .eg-build-gallery__track{
  width:100% !important;
}
body.eg-legacy-vehicle-page .eg-build-gallery--one .eg-build-slide{
  flex:0 0 100% !important;
  width:100% !important;
}

/* Contact custom HTML widget was restored verbatim from Elementor; prevent generic page styles from bleaching it. */
body.page-id-55 .eg-native-code-page,
body.page-contact .eg-native-code-page,
body.page-id-55 #eg-contact-page,
body.page-contact #eg-contact-page{
  width:100% !important;
  margin:0 !important;
  background:#050505 !important;
  color:#f7f7f4 !important;
}

@media(max-width:820px){
  body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-slide{
    flex-basis:50% !important;width:50% !important;
  }
  body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-slide img{
    height:clamp(220px,52vw,420px) !important;
  }
}
@media(max-width:560px){
  body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-slide{
    flex-basis:100% !important;width:100% !important;
  }
  body.eg-legacy-vehicle-page .eg-build-gallery--three .eg-build-slide img{
    height:68vw !important;max-height:380px !important;
  }
}


/* v2.1 — build-page sequence fidelity + black logo divider + lowercase footer email. */
body.eg-legacy-vehicle-page,
body.eg-legacy-vehicle-page .eg-main,
body.eg-legacy-vehicle-page .eg-vehicle-live,
body.page-id-1331,
body.page-id-1331 .eg-main,
body.page-id-1331 #eg-builds{
  background:#050505 !important;
}

/* Build pages: video first, then story, then a single clean build gallery. */
body.eg-legacy-vehicle-page .eg-build-v21{
  width:100% !important;
  padding:0 0 48px !important;
  background:#050505 !important;
  color:#f5f5f2 !important;
}
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-video-wrap{
  width:min(1180px,calc(100% - 56px)) !important;
  margin:58px auto 0 !important;
}
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-video{
  width:100% !important;
  aspect-ratio:16/9 !important;
  background:#000 !important;
  overflow:hidden !important;
}
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-video iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
}
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-copy{
  width:100% !important;
  padding:58px 0 60px !important;
  background:#050505 !important;
}
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-copy__inner{
  width:min(900px,calc(100% - 56px)) !important;
  margin:0 auto !important;
  text-align:left !important;
}
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-copy__inner h1,
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-copy__inner h2,
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-copy__inner h3{
  color:#fff !important;
  text-align:left !important;
}
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-copy__inner p,
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-copy__inner div,
body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-copy__inner span{
  color:#d2d2cd !important;
  text-align:left !important;
}
body.eg-legacy-vehicle-page .eg-build-photo-gallery{
  width:min(1294px,calc(100% - 56px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  background:#050505 !important;
}
body.eg-legacy-vehicle-page .eg-build-photo{
  display:block !important;
  aspect-ratio:4/3 !important;
  overflow:hidden !important;
  background:#111 !important;
}
body.eg-legacy-vehicle-page .eg-build-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  transition:transform .25s ease !important;
}
body.eg-legacy-vehicle-page .eg-build-photo:hover img{transform:scale(1.02) !important;}

/* The Ekins logo divider always sits on black and stays centered, including Our Builds. */
body .eg-logo-divider,
body.page-id-1331 .eg-logo-divider,
body.eg-legacy-vehicle-page .eg-logo-divider{
  background:#050505 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  text-align:center !important;
}
body .eg-logo-divider img{
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Keep the footer email visually lowercase regardless of inherited typography. */
#eg-lux-footer a[href^="mailto:ekinsgarage@gmail.com"]{
  text-transform:lowercase !important;
}

@media(max-width:820px){
  body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-video-wrap,
  body.eg-legacy-vehicle-page .eg-build-photo-gallery{width:calc(100% - 32px) !important;}
  body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-copy{padding:44px 0 48px !important;}
  body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-copy__inner{width:calc(100% - 36px) !important;}
  body.eg-legacy-vehicle-page .eg-build-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
}
@media(max-width:540px){
  body.eg-legacy-vehicle-page .eg-build-v21 .eg-build-video-wrap{margin-top:30px !important;}
  body.eg-legacy-vehicle-page .eg-build-photo-gallery{grid-template-columns:1fr !important;}
}


/* v2.2 — one-column build gallery for every vehicle page, preserving any image format/orientation. */
body.eg-legacy-vehicle-page .eg-build-photo-gallery{
  width:min(1180px,calc(100% - 56px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:28px !important;
  background:#050505 !important;
}
body.eg-legacy-vehicle-page .eg-build-photo{
  display:block !important;
  width:100% !important;
  aspect-ratio:auto !important;
  overflow:visible !important;
  background:#050505 !important;
}
body.eg-legacy-vehicle-page .eg-build-photo img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto !important;
}
body.eg-legacy-vehicle-page .eg-build-photo:hover img{
  transform:none !important;
}
@media(max-width:820px){
  body.eg-legacy-vehicle-page .eg-build-photo-gallery{
    width:calc(100% - 32px) !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
}
@media(max-width:540px){
  body.eg-legacy-vehicle-page .eg-build-photo-gallery{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
}

/* v2.3 — page-specific one-image carousel for every vehicle build page. */
body.eg-legacy-vehicle-page .eg-build-photo-gallery{display:none !important;}
body.eg-legacy-vehicle-page .eg-build-carousel{
  position:relative !important;
  width:min(1180px,calc(100% - 56px)) !important;
  margin:0 auto 64px !important;
  background:#050505 !important;
  outline:none !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__viewport{
  width:100% !important;
  overflow:hidden !important;
  background:#050505 !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__track{
  display:flex !important;
  width:100% !important;
  transition:transform .38s ease !important;
  will-change:transform !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__slide{
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#050505 !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__slide img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:760px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__arrow{
  position:absolute !important;
  z-index:3 !important;
  top:50% !important;
  width:34px !important;
  height:44px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.35) !important;
  border-radius:0 !important;
  background:rgba(0,0,0,.58) !important;
  color:#fff !important;
  font:400 28px/40px Arial,sans-serif !important;
  text-align:center !important;
  transform:translateY(-50%) !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__arrow:hover{
  background:rgba(198,47,34,.92) !important;
  border-color:#c62f22 !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__arrow--prev{left:12px !important;}
body.eg-legacy-vehicle-page .eg-build-carousel__arrow--next{right:12px !important;}
body.eg-legacy-vehicle-page .eg-build-carousel__count{
  margin-top:10px !important;
  color:#8f8f8b !important;
  font:400 11px/1.4 Arial,sans-serif !important;
  letter-spacing:.08em !important;
  text-align:center !important;
}
@media(max-width:820px){
  body.eg-legacy-vehicle-page .eg-build-carousel{width:calc(100% - 32px) !important;margin-bottom:48px !important;}
  body.eg-legacy-vehicle-page .eg-build-carousel__slide img{max-height:70vh !important;}
  body.eg-legacy-vehicle-page .eg-build-carousel__arrow{width:30px !important;height:40px !important;font-size:25px !important;line-height:36px !important;}
  body.eg-legacy-vehicle-page .eg-build-carousel__arrow--prev{left:6px !important;}
  body.eg-legacy-vehicle-page .eg-build-carousel__arrow--next{right:6px !important;}
}


/* v2.4 — functional vehicle carousel + clean WPClever shop utility links. */
body.eg-legacy-vehicle-page .eg-build-carousel__viewport{
  position:relative !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__arrow{
  top:50% !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
}

/* WPC Smart Quick View / Smart Wishlist: text links, not boxed buttons. */
.eg-shop-page .woosq-btn,
.eg-shop-page .woosw-btn,
.eg-shop-page a.woosq-btn,
.eg-shop-page a.woosw-btn,
.eg-shop-page button.woosq-btn,
.eg-shop-page button.woosw-btn{
  display:inline-flex !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  margin:4px 10px 4px 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  font-weight:400 !important;
  line-height:1.4 !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
  text-transform:none !important;
}
.eg-shop-page .woosq-btn:hover,
.eg-shop-page .woosw-btn:hover{
  background:transparent !important;
  color:#cfcfcb !important;
  box-shadow:none !important;
}
.eg-shop-page .woosq-btn-icon,
.eg-shop-page .woosw-btn-icon{
  display:none !important;
}
.eg-shop-page .woosq-btn-text,
.eg-shop-page .woosw-btn-text{
  color:inherit !important;
  font:inherit !important;
}


/* v2.5 — carousel arrows overlay the build photo itself. */
body.eg-legacy-vehicle-page .eg-build-carousel__viewport{
  position:relative !important;
  isolation:isolate !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__track{
  position:relative !important;
  z-index:1 !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__arrow{
  position:absolute !important;
  top:50% !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:2px !important;
  background:rgba(0,0,0,.48) !important;
  color:#fff !important;
  font:300 30px/1 Arial,sans-serif !important;
  transform:translateY(-50%) !important;
  box-shadow:none !important;
  opacity:.9 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}
body.eg-legacy-vehicle-page .eg-build-carousel__arrow--prev{left:14px !important;right:auto !important;}
body.eg-legacy-vehicle-page .eg-build-carousel__arrow--next{right:14px !important;left:auto !important;}
body.eg-legacy-vehicle-page .eg-build-carousel__arrow:hover,
body.eg-legacy-vehicle-page .eg-build-carousel__arrow:focus-visible{
  background:rgba(198,47,34,.92) !important;
  color:#fff !important;
  outline:none !important;
}
@media(max-width:600px){
  body.eg-legacy-vehicle-page .eg-build-carousel__arrow{
    width:28px !important;
    height:40px !important;
    font-size:26px !important;
  }
  body.eg-legacy-vehicle-page .eg-build-carousel__arrow--prev{left:8px !important;}
  body.eg-legacy-vehicle-page .eg-build-carousel__arrow--next{right:8px !important;}
}

/* v2.7 — Ekins Garage dark commerce overlays */
#woosq-popup,.woosq-popup,#woosq-popup .woosq-product,.woosq-popup .woosq-product,#woosq-popup .product,.woosq-popup .product,#woosq-popup .summary,.woosq-popup .summary,#woosq-popup .summary-content,.woosq-popup .summary-content{background:#000!important;background-color:#000!important;color:#fff!important}
#woosq-popup .summary *,.woosq-popup .summary *{color:#fff!important}
#woosq-popup input,#woosq-popup select,#woosq-popup textarea,.woosq-popup input,.woosq-popup select,.woosq-popup textarea{background:#111!important;color:#fff!important;border-color:#444!important}
.woocommerce-wishlist,.wishlist-page,.woosw-list,.woosw-list table,.woosw-popup,.woosw-popup-inner,.woosw-popup-content,#woosw_wishlist,#woosw_wishlist table,body.page-id-889 main,body.page-id-889 .site-main,body.page-id-889 .entry-content{background:#000!important;background-color:#000!important;color:#fff!important}
.woosw-list *,.woosw-popup *,#woosw_wishlist *,body.page-id-889 .entry-content *{color:#fff}
a.wc-backward,.woocommerce a.wc-backward,.woocommerce-message a.button.wc-forward,.woocommerce-message .button,a.continue-shopping,.continue-shopping a,.woosw-continue,.woosw-continue a{color:#d71920!important}
a.wc-backward:hover,.woocommerce a.wc-backward:hover,a.continue-shopping:hover,.continue-shopping a:hover,.woosw-continue:hover,.woosw-continue a:hover{color:#ff3038!important}


/* v2.8 — compact Quick View + refined Wishlist */

/* QUICK VIEW: compact enough to see normal product details without an inner scroll. */
.woosq-popup{
  max-width: 980px !important;
  max-height: min(580px, 88vh) !important;
  background:#000 !important;
}
.woosq-product > .product > div{
  height: min(580px, 88vh) !important;
}
.woosq-product .thumbnails{
  max-height: min(580px, 88vh) !important;
  background:#090909 !important;
}
.woosq-product .thumbnails img{
  max-height: min(580px, 88vh) !important;
}
#woosq-popup .summary .summary-content,
.woosq-popup .summary .summary-content{
  padding:14px 18px 52px !important;
  font-size:13px !important;
  line-height:1.35 !important;
  background:#000 !important;
}
#woosq-popup .summary .product_title,
.woosq-popup .summary .product_title,
#woosq-popup .summary h1,
.woosq-popup .summary h1{
  font-size:22px !important;
  line-height:1.08 !important;
  margin:0 0 7px !important;
  font-weight:600 !important;
}
#woosq-popup .summary .price,
.woosq-popup .summary .price{
  font-size:16px !important;
  line-height:1.15 !important;
  margin:0 0 8px !important;
}
#woosq-popup .summary p,
.woosq-popup .summary p,
#woosq-popup .woocommerce-product-details__short-description,
.woosq-popup .woocommerce-product-details__short-description{
  font-size:13px !important;
  line-height:1.35 !important;
  margin-top:0 !important;
  margin-bottom:8px !important;
}
#woosq-popup .summary form.cart,
.woosq-popup .summary form.cart{
  margin:8px 0 !important;
}
#woosq-popup .summary .product_meta,
.woosq-popup .summary .product_meta{
  font-size:11px !important;
  line-height:1.3 !important;
  margin-top:7px !important;
}
#woosq-popup .summary table,
.woosq-popup .summary table{
  font-size:12px !important;
  margin:6px 0 !important;
}
#woosq-popup .summary table td,
#woosq-popup .summary table th,
.woosq-popup .summary table td,
.woosq-popup .summary table th{
  padding:4px 6px !important;
}
.woosq-popup .view-details-btn{
  height:38px !important;
  line-height:38px !important;
  font-size:12px !important;
  box-shadow:none !important;
  background:#c92026 !important;
  color:#fff !important;
}
.mfp-woosq .mfp-close:before{
  color:#fff !important;
}

/* WISHLIST: black panel, red/white Continue Shopping, no divider lines. */
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot{
  background:#000 !important;
  color:#fff !important;
  border:0 !important;
  padding:16px 20px !important;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner,
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner *{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
.woosw-popup .woosw-popup-content-bot .woosw-continue,
.woosw-popup .woosw-popup-content-bot a.woosw-continue,
.woosw-popup .woosw-popup-content-bot .woosw-continue a{
  display:inline-block !important;
  background:#c92026 !important;
  color:#fff !important;
  border:0 !important;
  padding:10px 16px !important;
  line-height:1 !important;
  font-size:12px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  border-radius:0 !important;
}
.woosw-popup .woosw-popup-content-bot .woosw-continue:hover,
.woosw-popup .woosw-popup-content-bot a.woosw-continue:hover,
.woosw-popup .woosw-popup-content-bot .woosw-continue a:hover{
  background:#a9191e !important;
  color:#fff !important;
}
/* The plugin's transient added/removed notice was green. Keep the feedback, but brand it red. */
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-notice,
.woosw-popup .woosw-notice.woosw-notice-show{
  background:#c92026 !important;
  color:#fff !important;
  border:0 !important;
}


/* v2.9 — Individual product page utility actions */
body.single-product .woosw-btn,
body.single-product .woosq-btn,
body.single-product a.woosw-btn,
body.single-product a.woosq-btn,
body.single-product button.woosw-btn,
body.single-product button.woosq-btn,
body.single-product .woocommerce .woosw-btn,
body.single-product .woocommerce .woosq-btn {
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:8px 18px 8px 0 !important;
    padding:5px 0 4px !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.34) !important;
    border-radius:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    color:#fff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.25 !important;
    letter-spacing:.055em !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    cursor:pointer !important;
}

body.single-product .woosw-btn:hover,
body.single-product .woosq-btn:hover,
body.single-product a.woosw-btn:hover,
body.single-product a.woosq-btn:hover,
body.single-product button.woosw-btn:hover,
body.single-product button.woosq-btn:hover {
    color:#c92026 !important;
    border-bottom-color:#c92026 !important;
    background:transparent !important;
    box-shadow:none !important;
}

body.single-product .woosw-btn-icon,
body.single-product .woosq-btn-icon {
    display:none !important;
}

body.single-product .woosw-btn-text,
body.single-product .woosq-btn-text {
    color:inherit !important;
    font:inherit !important;
    letter-spacing:inherit !important;
    text-transform:inherit !important;
}

body.single-product .woosw-btn:focus,
body.single-product .woosq-btn:focus {
    outline:1px solid rgba(201,32,38,.65) !important;
    outline-offset:4px !important;
}

/* Keep any product-level action container neat and on the dark theme. */
body.single-product .summary .woosw-btn,
body.single-product .summary .woosq-btn {
    vertical-align:middle !important;
}

@media(max-width:600px){
    body.single-product .woosw-btn,
    body.single-product .woosq-btn,
    body.single-product a.woosw-btn,
    body.single-product a.woosq-btn {
        font-size:10px !important;
        margin-right:14px !important;
    }
}


/* v3.0 — Browse Wishlist state on individual product pages */
body.single-product .woosw-btn.woosw-added,
body.single-product .woosw-btn.woosw-added:hover,
body.single-product a.woosw-btn.woosw-added,
body.single-product button.woosw-btn.woosw-added,
body.single-product .woosw-btn[data-state="added"] {
    display:inline-flex !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:5px 0 4px !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.34) !important;
    border-radius:0 !important;
    outline:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    color:#fff !important;
}

body.single-product .woosw-btn.woosw-added *,
body.single-product .woosw-btn.woosw-added .woosw-btn-text,
body.single-product .woosw-btn.woosw-added span,
body.single-product .woosw-btn.woosw-added a {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#fff !important;
}

body.single-product .woosw-btn.woosw-added:hover,
body.single-product .woosw-btn.woosw-added:hover *,
body.single-product .woosw-btn.woosw-added:hover .woosw-btn-text {
    color:#c92026 !important;
    border-bottom-color:#c92026 !important;
}


/* v3.1 — Native service-page shell safety.
   The pages carry their own extracted custom HTML/CSS; these rules only keep
   the WordPress/theme shell from reintroducing a white Elementor-era canvas. */
body.eg-native-service-page,
body.eg-native-service-page #page,
body.eg-native-service-page .site,
body.eg-native-service-page .site-content,
body.eg-native-service-page main,
body.eg-native-service-page .eg-native-code-page{
    background:#050505 !important;
    color:#fff;
}
body.eg-native-service-page .eg-native-code-page{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:none !important;
}


/* v3.3 — exact live Custom HTML service pages. */
body.eg-native-service-page,
body.eg-native-service-page #page,
body.eg-native-service-page .site,
body.eg-native-service-page .site-content,
body.eg-native-service-page .eg-native-service-route,
body.eg-native-service-page .eg-native-code-page{
  background:#050505 !important;
  color:#fff;
}
body.eg-native-service-page .eg-native-service-route,
body.eg-native-service-page .eg-native-code-page{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
body.eg-native-service-page .eg-native-code-page > main,
body.eg-native-service-page .eg-native-code-page > section{
  position:relative;
}


/* v3.7 — site-wide responsive safety net */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img, video, iframe, svg {
  max-width: 100%;
}

img, video {
  height: auto;
}

.eg-main,
.site-main,
main {
  min-width: 0;
}

@media (max-width: 820px) {
  /* Homepage */
  #eg-premium .eg-wrap {
    width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  #eg-premium .eg-hero__inner,
  #eg-premium .eg-parts-grid,
  #eg-premium .eg-build-grid,
  #eg-premium .eg-service-grid,
  #eg-premium .eg-video-grid,
  #eg-premium .eg-project {
    grid-template-columns: minmax(0,1fr) !important;
  }

  #eg-premium .eg-hero__content,
  #eg-premium .eg-project__content {
    width: 100% !important;
    max-width: 100% !important;
  }

  #eg-premium .eg-title,
  #eg-premium .eg-section-title {
    overflow-wrap: anywhere;
  }

  /* WooCommerce */
  body.woocommerce div.product,
  body.single-product div.product,
  .woocommerce-cart-form,
  .cart-collaterals,
  .woocommerce-checkout,
  .woocommerce-account {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.single-product div.product {
    display: block !important;
  }

  body.single-product div.product div.images,
  body.single-product div.product div.summary {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .woocommerce ul.products {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .woocommerce table.shop_table {
    width: 100% !important;
  }

  /* Build pages */
  body.eg-legacy-vehicle-page .eg-build-video,
  body.eg-legacy-vehicle-page .eg-build-story,
  body.eg-legacy-vehicle-page .eg-build-carousel,
  body.eg-legacy-vehicle-page .eg-build-gallery {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.eg-legacy-vehicle-page iframe,
  body.eg-legacy-vehicle-page video,
  body.eg-legacy-vehicle-page img {
    max-width: 100% !important;
  }
}

@media (max-width: 560px) {
  .woocommerce ul.products {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .woocommerce ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
  }

  input, select, textarea, button {
    max-width: 100%;
  }
}


/* v3.8 — dedicated mobile/tablet footer */
.eg-mobile-footer{
  display:none;
}

@media (max-width: 1024px){
  /* Hide the full desktop footer on tablets/phones. */
  .eg-footer-main,
  .eg-footer-bottom,
  .site-footer .eg-footer-main,
  .site-footer .eg-footer-bottom{
    display:none !important;
  }

  .eg-mobile-footer{
    display:block !important;
    width:100%;
    background:#000;
    color:#fff;
    border-top:1px solid #1f1f1f;
  }

  .eg-mobile-footer__inner{
    width:min(100%, 720px);
    margin:0 auto;
    padding:34px 20px 26px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:22px;
  }

  .eg-mobile-footer__logo{
    display:block;
    width:100%;
    max-width:190px;
    margin:0 auto;
    line-height:0;
  }

  .eg-mobile-footer__logo img{
    display:block;
    width:100%;
    height:auto;
    margin:0 auto;
  }

  .eg-mobile-footer__nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 22px;
    width:100%;
    max-width:420px;
  }

  .eg-mobile-footer__nav a,
  .eg-mobile-footer__contact a,
  .eg-mobile-footer__legal a{
    color:#fff !important;
    text-decoration:none !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.4;
    font-weight:400;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .eg-mobile-footer__nav a:hover,
  .eg-mobile-footer__contact a:hover,
  .eg-mobile-footer__legal a:hover{
    color:#c92026 !important;
  }

  .eg-mobile-footer__contact{
    width:100%;
    padding-top:2px;
  }

  .eg-mobile-footer__contact a{
    text-transform:none;
    letter-spacing:.04em;
    font-size:13px;
  }

  .eg-mobile-footer__legal{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px 20px;
    width:100%;
    padding-top:16px;
    border-top:1px solid #222;
  }

  .eg-mobile-footer__legal a{
    font-size:10px;
    color:#aaa !important;
  }
}

@media (max-width: 560px){
  .eg-mobile-footer__inner{
    padding:28px 16px 22px;
    gap:18px;
  }

  .eg-mobile-footer__logo{
    max-width:165px;
  }

  .eg-mobile-footer__nav{
    grid-template-columns:1fr;
    gap:9px;
  }

  .eg-mobile-footer__nav a{
    font-size:11px;
  }

  .eg-mobile-footer__contact a{
    font-size:12px;
  }
}


/* v3.9 — About page uses the exact original Custom HTML widget. */
body.eg-native-about-page,
body.eg-native-about-page #page,
body.eg-native-about-page .site,
body.eg-native-about-page .site-content,
body.eg-native-about-page main,
body.eg-native-about-page .eg-native-code-page {
    background:#050505 !important;
}
body.eg-native-about-page .eg-native-code-page {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}


/* v4.0 — Cart Continue Shopping button */
body.woocommerce-cart a.wc-backward,
body.woocommerce-cart .wc-backward,
body.woocommerce-cart a.continue-shopping,
body.woocommerce-cart .continue-shopping a,
body.woocommerce-cart .woocommerce-message a.button,
body.woocommerce-cart .woocommerce-message a.button.wc-forward {
    color:#fff !important;
}

body.woocommerce-cart a.wc-backward:hover,
body.woocommerce-cart .wc-backward:hover,
body.woocommerce-cart a.continue-shopping:hover,
body.woocommerce-cart .continue-shopping a:hover,
body.woocommerce-cart .woocommerce-message a.button:hover,
body.woocommerce-cart .woocommerce-message a.button.wc-forward:hover {
    color:#fff !important;
}

/* =========================================================
   EKINS GARAGE 4.0 — FINAL NATIVE CHECKOUT
   One authoritative checkout section.
   ========================================================= */

body.woocommerce-checkout {
    background:#050505 !important;
    color:#f7f7f4;
}

/* Checkout page is allowed to use the full browser canvas. */
body.woocommerce-checkout .eg-commerce-page,
body.woocommerce-checkout .eg-commerce-checkout,
body.woocommerce-checkout .eg-commerce-checkout > .woocommerce,
body.woocommerce-checkout .wp-block-shortcode,
body.woocommerce-checkout .wp-block-shortcode > .woocommerce {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Coupon and checkout share one centered viewport-based container. */
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .eg-checkout {
    width:min(1200px, calc(100vw - 64px)) !important;
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle {
    margin-top:32px !important;
    margin-bottom:0 !important;
}

body.woocommerce-checkout .woocommerce-info {
    background:#101010 !important;
    color:#f3f3f0 !important;
    border-top:2px solid #c62f22 !important;
}

body.woocommerce-checkout .woocommerce-info::before {
    color:#c62f22 !important;
}

/* Checkout heading */
body.woocommerce-checkout .eg-checkout {
    padding:62px 0 96px !important;
    color:#f7f7f4;
}

body.woocommerce-checkout .eg-checkout__header {
    width:100% !important;
    max-width:760px !important;
    margin:0 0 46px !important;
}

body.woocommerce-checkout .eg-checkout__kicker {
    margin:0 0 10px !important;
    color:#c62f22 !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
}

body.woocommerce-checkout .eg-checkout__header h1 {
    margin:0 0 14px !important;
    color:#fff !important;
    font-size:clamp(42px,4.5vw,64px) !important;
    font-weight:800 !important;
    letter-spacing:-.035em !important;
    line-height:.98 !important;
}

body.woocommerce-checkout .eg-checkout__header > p:last-child {
    margin:0 !important;
    color:#aaa !important;
    font-size:14px !important;
}

/* Form is a normal block. Only .eg-checkout__grid controls columns. */
body.woocommerce-checkout form.checkout.eg-checkout__form {
    display:block !important;
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* Desktop layout */
body.woocommerce-checkout .eg-checkout__grid {
    display:grid !important;
    grid-template-columns:minmax(0, 1.45fr) minmax(430px, .95fr) !important;
    gap:44px !important;
    align-items:start !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

body.woocommerce-checkout .eg-checkout__customer,
body.woocommerce-checkout .eg-checkout__summary {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
}

/* Billing / shipping */
body.woocommerce-checkout #customer_details {
    display:block !important;
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
    float:none !important;
    clear:both !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 28px !important;
    padding:34px !important;
    background:#0d0d0d !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:2px !important;
    box-sizing:border-box !important;
}

body.woocommerce-checkout #customer_details h3 {
    margin:0 0 28px !important;
    color:#fff !important;
    font-size:22px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
}

/* Fields */
body.woocommerce-checkout .form-row {
    margin-bottom:18px !important;
}

body.woocommerce-checkout .form-row-first,
body.woocommerce-checkout .form-row-last {
    width:calc(50% - 10px) !important;
}

body.woocommerce-checkout .form-row-first { float:left !important; }
body.woocommerce-checkout .form-row-last { float:right !important; }
body.woocommerce-checkout .form-row-wide { clear:both !important; }

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper::after,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::after {
    content:"";
    display:table;
    clear:both;
}

body.woocommerce-checkout .form-row label {
    display:block !important;
    margin:0 0 7px !important;
    color:#d7d7d2 !important;
    font-size:12px !important;
    font-weight:650 !important;
}

body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container .select2-selection--single {
    width:100% !important;
    min-height:48px !important;
    padding:11px 12px !important;
    background:#090909 !important;
    color:#fff !important;
    border:1px solid #3a3a3a !important;
    border-radius:0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

body.woocommerce-checkout textarea {
    min-height:112px !important;
    resize:vertical !important;
}

body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout .select2-container--focus .select2-selection--single {
    border-color:#c62f22 !important;
    outline:none !important;
    box-shadow:0 0 0 1px #c62f22 !important;
}

body.woocommerce-checkout .select2-container {
    width:100% !important;
}

body.woocommerce-checkout .select2-selection__rendered {
    color:#fff !important;
    line-height:46px !important;
}

body.woocommerce-checkout .select2-selection__arrow {
    height:46px !important;
}

/* Order summary */
body.woocommerce-checkout .eg-checkout__summary {
    position:sticky !important;
    top:24px !important;
    justify-self:stretch !important;
    padding:34px !important;
    background:#0d0d0d !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:2px !important;
    box-sizing:border-box !important;
}

body.woocommerce-checkout .eg-checkout__summary-heading {
    margin:0 0 8px !important;
    padding:0 0 20px !important;
    border-bottom:1px solid #292929 !important;
}

body.woocommerce-checkout .eg-checkout__summary-heading > span {
    display:block !important;
    margin:0 0 7px !important;
    color:#c62f22 !important;
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
}

body.woocommerce-checkout .eg-checkout__summary-heading h2 {
    margin:0 !important;
    color:#fff !important;
    font-size:26px !important;
    font-weight:750 !important;
    line-height:1.1 !important;
}

body.woocommerce-checkout #order_review {
    position:static !important;
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table {
    width:100% !important;
    margin:0 0 24px !important;
    background:transparent !important;
    border:0 !important;
    border-collapse:collapse !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td {
    padding:14px 8px !important;
    color:#f4f4f1 !important;
    border-color:#2d2d2d !important;
    font-size:13px !important;
    vertical-align:top !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
    background:transparent !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total td {
    padding-top:18px !important;
    color:#fff !important;
    font-size:18px !important;
    font-weight:800 !important;
}

/* WooPayments exterior only. Stripe's internal "night" appearance stays controlled in functions.php. */
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-payment {
    width:100% !important;
    max-width:none !important;
    margin:22px 0 0 !important;
    background:#080808 !important;
    border:1px solid #2d2d2d !important;
    border-radius:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
    margin:0 !important;
    padding:20px !important;
    background:#0d0d0d !important;
    border-bottom:1px solid #2d2d2d !important;
}

body.woocommerce-checkout #payment div.payment_box,
body.woocommerce-checkout #payment .payment_box.payment_method_woocommerce_payments {
    margin:14px 0 !important;
    padding:18px !important;
    background:#111 !important;
    color:#ddd !important;
    border:1px solid #333 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
}

body.woocommerce-checkout #payment div.payment_box::before,
body.woocommerce-checkout #payment .payment_box.payment_method_woocommerce_payments::before {
    border-bottom-color:#111 !important;
}

body.woocommerce-checkout #payment .wcpay-upe-form,
body.woocommerce-checkout #payment .wc-payment-form,
body.woocommerce-checkout #payment .wcpay-upe-form fieldset {
    background:#111 !important;
    color:#fff !important;
    border-color:#333 !important;
}

body.woocommerce-checkout #payment .place-order {
    margin:0 !important;
    padding:20px !important;
}

body.woocommerce-checkout #place_order {
    width:100% !important;
    min-height:54px !important;
    margin:12px 0 0 !important;
    padding:0 24px !important;
    background:#c62f22 !important;
    color:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.1em !important;
    text-transform:uppercase !important;
    cursor:pointer !important;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout #place_order:focus {
    background:#961f18 !important;
}

body.woocommerce-checkout a { color:#fff; }
body.woocommerce-checkout a:hover { color:#c62f22; }

/* Tablet */
@media (max-width:980px) {
    body.woocommerce-checkout .woocommerce-form-coupon-toggle,
    body.woocommerce-checkout .eg-checkout {
        width:calc(100vw - 36px) !important;
    }

    body.woocommerce-checkout .eg-checkout {
        padding:44px 0 72px !important;
    }

    body.woocommerce-checkout .eg-checkout__grid {
        grid-template-columns:1fr !important;
        gap:30px !important;
    }

    body.woocommerce-checkout .eg-checkout__summary {
        position:static !important;
    }
}

/* Mobile */
@media (max-width:620px) {
    body.woocommerce-checkout .woocommerce-form-coupon-toggle,
    body.woocommerce-checkout .eg-checkout {
        width:calc(100vw - 28px) !important;
    }

    body.woocommerce-checkout .eg-checkout__header {
        margin-bottom:32px !important;
    }

    body.woocommerce-checkout .eg-checkout__header h1 {
        font-size:38px !important;
    }

    body.woocommerce-checkout #customer_details .col-1,
    body.woocommerce-checkout #customer_details .col-2,
    body.woocommerce-checkout .eg-checkout__summary {
        padding:22px !important;
    }

    body.woocommerce-checkout .form-row-first,
    body.woocommerce-checkout .form-row-last {
        width:100% !important;
        float:none !important;
    }

    body.woocommerce-checkout table.woocommerce-checkout-review-order-table th,
    body.woocommerce-checkout table.woocommerce-checkout-review-order-table td {
        padding:11px 6px !important;
        font-size:12px !important;
    }
}


/* =========================================================
   EKINS GARAGE 4.2 — CHECKOUT WIDTH OVERRIDE
   Must remain at the VERY END of style.css.
   This overrides the older 4.0 checkout width rules above.
   ========================================================= */

html body.woocommerce-checkout .eg-checkout-viewport {
    position:relative !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:100vw !important;
    max-width:100vw !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

html body.woocommerce-checkout .eg-checkout-viewport > .eg-checkout {
    position:relative !important;
    left:auto !important;
    transform:none !important;
    width:calc(100vw - 80px) !important;
    max-width:1450px !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:62px 0 96px !important;
    box-sizing:border-box !important;
}

html body.woocommerce-checkout .eg-checkout-viewport .eg-checkout__form,
html body.woocommerce-checkout .eg-checkout-viewport .eg-checkout__grid {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

html body.woocommerce-checkout .eg-checkout-viewport .eg-checkout__grid {
    display:grid !important;
    grid-template-columns:minmax(0, 1.45fr) minmax(460px, .85fr) !important;
    column-gap:48px !important;
    row-gap:0 !important;
    align-items:start !important;
    justify-content:stretch !important;
}

html body.woocommerce-checkout .eg-checkout-viewport .eg-checkout__customer,
html body.woocommerce-checkout .eg-checkout-viewport .eg-checkout__summary,
html body.woocommerce-checkout .eg-checkout-viewport #customer_details,
html body.woocommerce-checkout .eg-checkout-viewport #customer_details .col-1,
html body.woocommerce-checkout .eg-checkout-viewport #customer_details .col-2 {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}

/* Stop any page/content wrapper from clipping the full-width checkout. */
html body.woocommerce-checkout .eg-main,
html body.woocommerce-checkout main,
html body.woocommerce-checkout .site-main,
html body.woocommerce-checkout .site-content,
html body.woocommerce-checkout .entry-content,
html body.woocommerce-checkout .eg-native-code-page,
html body.woocommerce-checkout .eg-commerce-page,
html body.woocommerce-checkout .eg-commerce-checkout,
html body.woocommerce-checkout .eg-commerce-checkout > .woocommerce,
html body.woocommerce-checkout .wp-block-shortcode,
html body.woocommerce-checkout .wp-block-shortcode > .woocommerce {
    max-width:none !important;
    overflow:visible !important;
}

/* Coupon follows the same centered desktop width. */
html body.woocommerce-checkout .woocommerce-form-coupon-toggle {
    width:calc(100vw - 80px) !important;
    max-width:1450px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media (max-width:980px) {
    html body.woocommerce-checkout .eg-checkout-viewport > .eg-checkout {
        width:calc(100vw - 36px) !important;
        padding:44px 0 72px !important;
    }

    html body.woocommerce-checkout .eg-checkout-viewport .eg-checkout__grid {
        grid-template-columns:1fr !important;
        gap:30px !important;
    }

    html body.woocommerce-checkout .eg-checkout-viewport .eg-checkout__summary {
        position:static !important;
    }

    html body.woocommerce-checkout .woocommerce-form-coupon-toggle {
        width:calc(100vw - 36px) !important;
    }
}

@media (max-width:620px) {
    html body.woocommerce-checkout .eg-checkout-viewport > .eg-checkout {
        width:calc(100vw - 28px) !important;
        padding:40px 0 64px !important;
    }

    html body.woocommerce-checkout .woocommerce-form-coupon-toggle {
        width:calc(100vw - 28px) !important;
    }
}


/* =========================================================
   EKINS GARAGE 4.1.1 — CHECKOUT SPACING REFINEMENT
   Tightens top spacing without changing checkout widths.
   ========================================================= */

html body.woocommerce-checkout .woocommerce-form-coupon-toggle {
    margin-top:24px !important;
    margin-bottom:0 !important;
}

html body.woocommerce-checkout .eg-checkout-viewport > .eg-checkout {
    padding-top:36px !important;
}

html body.woocommerce-checkout .eg-checkout__header {
    margin-bottom:30px !important;
}

html body.woocommerce-checkout .eg-checkout__header > p:last-child {
    margin-bottom:0 !important;
}

@media (max-width:980px) {
    html body.woocommerce-checkout .eg-checkout-viewport > .eg-checkout {
        padding-top:30px !important;
    }

    html body.woocommerce-checkout .eg-checkout__header {
        margin-bottom:26px !important;
    }
}

@media (max-width:620px) {
    html body.woocommerce-checkout .eg-checkout-viewport > .eg-checkout {
        padding-top:26px !important;
    }

    html body.woocommerce-checkout .eg-checkout__header {
        margin-bottom:24px !important;
    }
}