/*
Theme Name: Ultimate 4x4 Australia
Theme URI: https://www.ultimate4x4aus.com.au
Author: Ultimate 4x4 Australia
Description: Dark and red WooCommerce block theme for a 4x4 accessories store. Everything (header, menus, home page, colours, fonts) is editable in the Site Editor and the normal page editor.
Version: 2.4.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ultimate4x4aus
*/

:root{--u4-orange:#e31b23;--u4-orange-d:#b8141b;--u4-black:#04080b;--u4-ink:#0b1016;--u4-surface:#f6f7f9;--u4-line:rgba(255,255,255,.14);--u4-cond:var(--wp--preset--font-family--condensed)}
:root{--ico-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z%22/%3E%3C/svg%3E");--ico-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%222%22 y=%224%22 width=%2220%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M22 6 12 13 2 6%22/%3E%3C/svg%3E");--ico-truck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%221%22 y=%223%22 width=%2215%22 height=%2213%22/%3E%3Cpath d=%22M16 8h4l3 3v5h-7z%22/%3E%3Ccircle cx=%225.5%22 cy=%2218.5%22 r=%222.5%22/%3E%3Ccircle cx=%2218.5%22 cy=%2218.5%22 r=%222.5%22/%3E%3C/svg%3E");--ico-cart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%229%22 cy=%2221%22 r=%221%22/%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%221%22/%3E%3Cpath d=%22M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6%22/%3E%3C/svg%3E");--ico-car:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M7 17a2 2 0 1 0 4 0 2 2 0 0 0-4 0zM13 17a2 2 0 1 0 4 0 2 2 0 0 0-4 0zM5 17H3v-6l2-5h14l2 5v6h-2M9 17h4M3 11h18%22/%3E%3C/svg%3E");--ico-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z%22/%3E%3Cpath d=%22m9 12 2 2 4-4%22/%3E%3C/svg%3E");--ico-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E");--ico-au:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M2.5 11.5 5 9l3-1 2 1.2 3.2-3.4 2.3 2.2v3.2l3.2 2.2 1.1 4.2-3.2 3.1-3.2-1-2.1 3.1-3.4-2-4.2.1-2-3.3z%22/%3E%3C/svg%3E");--ico-window:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M4 4h16v16H4zM4 12h16M12 4v16%22/%3E%3C/svg%3E");--ico-paw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%226%22 cy=%2210%22 r=%221.8%22/%3E%3Ccircle cx=%2210%22 cy=%226%22 r=%221.8%22/%3E%3Ccircle cx=%2214%22 cy=%226%22 r=%221.8%22/%3E%3Ccircle cx=%2218%22 cy=%2210%22 r=%221.8%22/%3E%3Cpath d=%22M12 12c-3 0-5 3-5 5 0 2 2 3 5 3s5-1 5-3c0-2-2-5-5-5z%22/%3E%3C/svg%3E");--ico-box:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M21 8l-9-5-9 5v8l9 5 9-5V8zM3 8l9 5 9-5M12 13v8%22/%3E%3C/svg%3E");--ico-rack:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 8h18M3 16h18M6 8v8M12 8v8M18 8v8%22/%3E%3C/svg%3E");--ico-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22/%3E%3Cpath d=%22m21 21-4.35-4.35%22/%3E%3C/svg%3E");--ico-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E");--ico-mountain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M2 20 9 8l4 6 3-4 6 10z%22/%3E%3C/svg%3E");}
.u4-i-phone{--ico:var(--ico-phone)}
.u4-i-mail{--ico:var(--ico-mail)}
.u4-i-truck{--ico:var(--ico-truck)}
.u4-i-cart{--ico:var(--ico-cart)}
.u4-i-car{--ico:var(--ico-car)}
.u4-i-shield{--ico:var(--ico-shield)}
.u4-i-pin{--ico:var(--ico-pin)}
.u4-i-au{--ico:var(--ico-au)}
.u4-i-window{--ico:var(--ico-window)}
.u4-i-paw{--ico:var(--ico-paw)}
.u4-i-box{--ico:var(--ico-box)}
.u4-i-rack{--ico:var(--ico-rack)}
.u4-i-search{--ico:var(--ico-search)}
.u4-i-arrow{--ico:var(--ico-arrow)}
.u4-i-mountain{--ico:var(--ico-mountain)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.u4-wrap{max-width:1320px;margin-left:auto!important;margin-right:auto!important;padding-left:1.5rem;padding-right:1.5rem;width:100%;box-sizing:border-box}
.u4-small{font-size:.85rem;opacity:.85}
main>.wp-block-post-content,main>*{margin-block-start:0}
.wp-site-blocks>*{margin-block-start:0}

/* generic mask icons */
.u4-i::before,.u4-feat::before,.u4-usp::before{content:"";display:inline-block;flex:none;background:var(--u4-orange);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.u4-i::before{width:1.1em;height:1.1em;margin-right:.45em;vertical-align:-.2em}

/* buttons */
.wp-block-button__link{font-family:var(--u4-cond);letter-spacing:.03em;text-transform:uppercase;line-height:1.1}
.wp-block-button__link:hover{background:var(--u4-orange-d)}
.is-style-outline>.wp-block-button__link{background:transparent!important;border:2px solid currentColor}
.u4-btn-cart .wp-block-button__link::before,.u4-btn-car .wp-block-button__link::before,.u4-btn-cart .wp-block-button__link::after,.u4-btn-car .wp-block-button__link::after,.u4-btn-arrow .wp-block-button__link::after{content:"";display:inline-block;width:1.15em;height:1.15em;background:currentColor;vertical-align:-.2em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.u4-btn-cart .wp-block-button__link::before{margin-right:.6em;-webkit-mask-image:var(--ico-cart);mask-image:var(--ico-cart)}
.u4-btn-car .wp-block-button__link::before{margin-right:.6em;-webkit-mask-image:var(--ico-car);mask-image:var(--ico-car)}
.u4-btn-cart .wp-block-button__link::after,.u4-btn-car .wp-block-button__link::after,.u4-btn-arrow .wp-block-button__link::after{margin-left:.6em;-webkit-mask-image:var(--ico-arrow);mask-image:var(--ico-arrow)}

/* ---------- header ---------- */
.u4-header{position:relative;z-index:100}
.u4-topbar{font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.09)}
.u4-topbar__in{padding-top:.5rem;padding-bottom:.5rem;gap:.4rem 2rem}
.u4-topbar p{margin:0}
.u4-topbar a{color:#fff;text-decoration:none}
.u4-topbar__links{gap:.4rem 2rem}
.u4-headmain__in{padding-top:.95rem;padding-bottom:.95rem;gap:1.5rem}
.u4-brand{flex:none;align-items:center}
.u4-brand .wp-block-site-title a{color:#fff;text-decoration:none;font-family:var(--u4-cond);font-weight:800;font-size:1.7rem}
.u4-brand:has(.wp-block-site-logo img) .wp-block-site-title{display:none}
.u4-search{flex:1;max-width:780px;min-width:0}
.u4-search .wp-block-search__inside-wrapper{background:#fff;border:0;border-radius:3px;padding:0;overflow:hidden;gap:0}
.u4-search .wp-block-search__input{border:0;background:#fff;color:var(--u4-ink);padding:.85rem 1rem;font-size:.95rem;min-width:0}
.u4-search .wp-block-search__button{background:var(--u4-orange);color:#fff;border:0;border-radius:0;margin:0;padding:.85rem 1.1rem}
.u4-tools{gap:1.4rem;flex:none}
.u4-tools,.u4-tools a,.u4-tools button,.u4-tools .wc-block-mini-cart__amount{color:#fff}
.u4-tools .wc-block-mini-cart__amount{display:none}
.u4-navrow{border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.u4-nav{gap:0}
.u4-nav .wp-block-navigation__container{gap:0}
.u4-nav .wp-block-navigation-item__content{color:#fff;font-family:var(--u4-cond);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.02em;padding:.8rem .72rem;text-decoration:none}
.u4-nav .wp-block-navigation-item:hover>.wp-block-navigation-item__content,.u4-nav .current-menu-item>.wp-block-navigation-item__content{color:var(--u4-orange)}
.u4-nav .u4-nav-home>.wp-block-navigation-item__content{background:var(--u4-orange);color:#fff!important;border-radius:3px;padding:.5rem 1rem;margin:.45rem .6rem .45rem 0}
.u4-nav .wp-block-navigation__submenu-container{background:var(--u4-ink)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:4px;min-width:230px;padding:.4rem 0}
.u4-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:#fff;padding:.55rem 1rem;font-size:.98rem}
.u4-nav .wp-block-navigation__responsive-container-open{color:#fff}
.u4-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--u4-black);color:#fff}
.u4-nav-spacer{flex:1}

/* ---------- hero ---------- */
.u4-hero{position:relative;min-height:clamp(430px,38vw,640px)!important}
.u4-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,8,11,.9) 0%,rgba(4,8,11,.62) 34%,rgba(4,8,11,0) 66%),linear-gradient(0deg,rgba(4,8,11,.35),rgba(4,8,11,0) 40%)}
.u4-hero .wp-block-cover__inner-container{position:relative;z-index:2;max-width:1320px;width:100%;margin:0 auto;padding:3rem 1.5rem;box-sizing:border-box}
.u4-hero__h{color:#fff;font-size:clamp(2.7rem,6.4vw,5.1rem);line-height:.98;margin:0 0 1rem}
.u4-hero__p{color:#fff;font-size:clamp(1rem,1.5vw,1.2rem);max-width:30rem}
.u4-hero__btns{margin-top:1.6rem;gap:.9rem}
.u4-hero .is-style-outline>.wp-block-button__link,.u4-closer .is-style-outline>.wp-block-button__link,.u4-cta .is-style-outline>.wp-block-button__link{color:#fff;border-color:#fff}
.u4-hero .wp-block-button__link{padding:1rem 1.6rem;font-size:1.05rem}

/* ---------- vehicle finder ---------- */
.u4-finder{border-top:1px solid rgba(255,255,255,.07)}
.u4-finder__in{display:flex;align-items:center;gap:2rem;padding-top:1.15rem;padding-bottom:1.15rem}
.u4-finder__h{margin:0;font-size:1.85rem;line-height:1.05;padding-right:2rem;border-right:2px solid var(--u4-orange);flex:none;color:#fff}
.u4-finder__form{display:flex;gap:1rem;flex:1;min-width:0;margin:0}
.u4-finder__form select{flex:1;min-width:0;height:46px;border:0;border-radius:3px;padding:0 1rem;background:#fff;color:var(--u4-ink);font:inherit;font-size:.95rem}
.u4-finder__form select:disabled{opacity:.75}
.u4-finder__btn{flex:none;height:46px;background:var(--u4-orange);color:#fff;border:0;border-radius:3px;padding:0 1.7rem;font-family:var(--u4-cond);font-weight:700;font-size:1.1rem;letter-spacing:.03em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.55rem;cursor:pointer}
.u4-finder__btn:hover{background:var(--u4-orange-d)}
.u4-finder__btn::before{content:"";width:1.1em;height:1.1em;background:#fff;-webkit-mask:var(--ico-search) center/contain no-repeat;mask:var(--ico-search) center/contain no-repeat}

/* ---------- category tiles ---------- */
.u4-tilesec{padding:1.75rem 0}
.u4-tiles{display:grid;grid-template-columns:repeat(7,1fr);gap:.8rem}
.u4-tile{position:relative;display:block;aspect-ratio:.72;border-radius:6px;overflow:hidden;background:var(--u4-ink);text-decoration:none;box-shadow:var(--wp--preset--shadow--card)}
.u4-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.u4-tile:hover img{transform:scale(1.06)}
.u4-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,11,.94) 0%,rgba(4,8,11,.55) 36%,rgba(4,8,11,0) 62%)}
.u4-tile__label{position:absolute;left:.9rem;right:2.6rem;bottom:.85rem;z-index:2;color:#fff;font-family:var(--u4-cond);font-weight:800;text-transform:uppercase;font-size:1.15rem;line-height:1.05}
.u4-tile__arrow{position:absolute;right:.75rem;bottom:.95rem;z-index:2;width:22px;height:22px;background:var(--u4-orange);-webkit-mask:var(--ico-arrow) center/contain no-repeat;mask:var(--ico-arrow) center/contain no-repeat;transition:transform .2s}
.u4-tile:hover .u4-tile__arrow{transform:translateX(3px)}

/* ---------- canopy banner ---------- */
.u4-canopy{position:relative;padding:0!important;min-height:330px!important}
.u4-canopy::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,8,11,.95) 0%,rgba(4,8,11,.8) 38%,rgba(4,8,11,0) 68%)}
.u4-canopy .wp-block-cover__inner-container{position:relative;z-index:2;max-width:none;width:100%;padding:0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}
.u4-canopy__in{padding-top:2rem}
.u4-canopy__h{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 .35rem}
.u4-canopy__h a{color:var(--u4-orange);text-decoration:none}
.u4-canopy__sub{color:#fff;font-weight:500;font-size:1.1rem;margin:0 0 1rem}
.u4-feats{display:grid;grid-template-columns:repeat(4,max-content);gap:1.4rem}
.u4-feat{display:flex;align-items:center;gap:.6rem;margin:0;color:#fff;font-size:.82rem;line-height:1.2}
.u4-feat::before{width:32px;height:32px}
.u4-free{background:var(--u4-orange);padding:.7rem 3.2rem .7rem max(1.5rem,calc((100vw - 1320px)/2 + 1.5rem));width:max-content;max-width:100%;clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);display:flex;align-items:center;gap:1.4rem;margin-top:1.5rem;box-sizing:border-box}
.u4-free__h{font-size:clamp(1.9rem,3.6vw,3rem);color:#fff;margin:0}
.u4-free__s{color:#fff;margin:0;font-weight:700;font-size:.85rem;line-height:1.25;text-transform:uppercase}

/* ---------- trust strip ---------- */
.u4-usps{border-top:1px solid rgba(255,255,255,.08);color:#fff}
.u4-usps__in{display:grid;grid-template-columns:repeat(4,1fr);padding-top:1.4rem;padding-bottom:1.4rem}
.u4-usp{display:flex;align-items:center;gap:1rem;margin:0;color:#fff;font-family:var(--u4-cond);font-weight:700;text-transform:uppercase;font-size:1.15rem;line-height:1.1;padding:.2rem 1.25rem;border-left:1px solid var(--u4-line)}
.u4-usp:first-child{border-left:0;padding-left:0}
.u4-usp::before{width:48px;height:48px}

/* ---------- featured products ---------- */
.u4-featured{padding:2rem 0 2.5rem}
.u4-sechead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.1rem}
.u4-feat__h{margin:0;font-size:2rem}
.u4-viewall{margin:0;font-family:var(--u4-cond);font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.u4-viewall a{color:var(--u4-ink);text-decoration:none}
.u4-viewall a::after{content:"";display:inline-block;width:1em;height:1em;margin-left:.4em;vertical-align:-.15em;background:var(--u4-orange);-webkit-mask:var(--ico-arrow) center/contain no-repeat;mask:var(--ico-arrow) center/contain no-repeat}
ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;list-style:none;padding:0;margin:0}
ul.products::before,ul.products::after{display:none!important}
.u4-featured ul.products{grid-template-columns:repeat(6,1fr)}
ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#fff;border:1px solid #e6e9ee;border-radius:4px;padding:.75rem .75rem 1rem;display:flex;flex-direction:column;text-align:left;position:relative}
ul.products li.product a{text-decoration:none;color:inherit}
ul.products li.product img{width:100%!important;aspect-ratio:4/3;object-fit:contain;margin:0 0 .7rem!important;display:block}
ul.products li.product .woocommerce-loop-product__title{font-family:var(--wp--preset--font-family--body)!important;text-transform:none!important;font-size:.82rem!important;font-weight:700!important;line-height:1.3!important;padding:0!important;margin:0 0 .3rem!important;color:var(--u4-ink)}
ul.products li.product .price{display:block;margin:auto 0 .4rem;padding-top:.4rem;font-weight:800;font-size:.98rem;color:var(--u4-ink)}
ul.products li.product .price del{font-weight:500;color:#596473;margin-right:.3rem}
ul.products li.product .price ins{text-decoration:none}
ul.products li.product .button{display:block;text-align:center;margin:.35rem 0 0;background:var(--u4-orange);color:#fff;font-family:var(--u4-cond);font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:2px;padding:.6rem .5rem;font-size:.9rem}
ul.products li.product .button:hover{background:var(--u4-orange-d)}
ul.products li.product .onsale{position:absolute;top:.6rem;left:.6rem;right:auto;background:var(--u4-orange);color:#fff;border-radius:2px;min-height:0;min-width:0;line-height:1;padding:.35rem .55rem;font-family:var(--u4-cond);font-weight:700;text-transform:uppercase;font-size:.8rem}

/* ---------- closing banner ---------- */
.u4-closer{position:relative;padding:0!important;min-height:160px!important}
.u4-closer::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,8,11,.92) 0%,rgba(4,8,11,.7) 40%,rgba(4,8,11,.15) 100%)}
.u4-closer .wp-block-cover__inner-container{position:relative;z-index:2;max-width:none;width:100%}
.u4-closer__in{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1.6rem;padding-bottom:1.6rem}
.u4-closer__l{display:flex;align-items:center;gap:1.1rem}
.u4-mark{margin:0;width:60px;height:48px;flex:none;background:var(--u4-orange);-webkit-mask:var(--ico-mountain) center/contain no-repeat;mask:var(--ico-mountain) center/contain no-repeat}
.u4-closer__h{font-size:clamp(1.8rem,3.2vw,2.6rem);color:#fff;margin:0}
.u4-closer__s{color:#fff;margin:.2rem 0 0}
.u4-closer .wp-block-buttons{flex:none}
.u4-closer .wp-block-button__link{padding:.9rem 2.2rem}

/* ---------- footer ---------- */
.u4-footer{padding:3rem 0 1.5rem;color:#fff}
.u4-footer a{color:#fff;text-decoration:none}
.u4-footer a:hover{color:var(--u4-orange)}
.u4-footer h3{color:#fff;margin-bottom:.6rem}
.u4-footer .wp-block-navigation a{opacity:.9}
.u4-footer>.u4-small{margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--u4-line)}

/* ---------- inner pages (vehicle pages, guides, about) ---------- */
.u4-section{padding:3.5rem 1.25rem}
.u4-tight{padding-top:2rem;padding-bottom:2rem}
.u4-narrow>*{max-width:760px;margin-left:auto;margin-right:auto}
.u4-pagehero{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(2.5rem,5vw,3.5rem);border-bottom:4px solid var(--u4-orange)}
.u4-pagehero>*{max-width:1000px;margin-left:auto;margin-right:auto}
.u4-eyebrow{font-family:var(--u4-cond);font-weight:700;letter-spacing:.16em;color:var(--wp--preset--color--accent-dark);font-size:.95rem;text-transform:uppercase;margin-bottom:.4rem}
.u4-cta{text-align:center}
.u4-cta h2,.u4-cta p{color:#fff}
.u4-cards{gap:1.5rem;margin-top:1.5rem;max-width:1320px;margin-left:auto;margin-right:auto}
.u4-card{background:#fff;border:1px solid #e3e6ea;border-top:3px solid var(--u4-orange);border-radius:4px;padding:1.4rem;box-shadow:var(--wp--preset--shadow--card);height:100%;transition:transform .18s ease}
.u4-card:hover{transform:translateY(-3px)}
.u4-card h3 a{text-decoration:none;color:var(--u4-ink)}
.u4-more{font-weight:700;margin-top:auto}
.u4-more a{text-decoration:none}
.wp-block-details{border-bottom:1px solid #dfe3e8;padding:1rem 0}
.wp-block-details summary{font-weight:700;cursor:pointer;font-size:1.1rem}
.term-description{max-width:860px}
.term-description ul{padding-left:1.25rem}
:focus-visible{outline:3px solid var(--u4-orange);outline-offset:2px}

/* ---------- responsive ---------- */
@media (max-width:1180px){
 .u4-tiles{grid-template-columns:repeat(4,1fr)}
 .u4-featured ul.products{grid-template-columns:repeat(3,1fr)}
 .u4-usps__in{grid-template-columns:repeat(2,1fr);row-gap:1rem}
 .u4-usp:nth-child(3){border-left:0;padding-left:0}
 .u4-finder__in{flex-direction:column;align-items:stretch;gap:1rem}
 .u4-finder__h{border-right:0;padding-right:0}
 .u4-feats{grid-template-columns:repeat(2,max-content)}
}
@media (max-width:900px){
 .u4-headmain__in{flex-wrap:wrap}
 .u4-search{order:3;flex-basis:100%;max-width:none}
 .u4-topbar__msg{display:none}
 .u4-closer__in{flex-direction:column;align-items:flex-start}
}
@media (max-width:700px){
 .u4-tiles{grid-template-columns:repeat(2,1fr)}
 .u4-featured ul.products{grid-template-columns:repeat(2,1fr)}
 .u4-finder__form{flex-direction:column}
 .u4-usps__in{grid-template-columns:1fr}
 .u4-usp{border-left:0;padding-left:0}
 .u4-free{flex-direction:column;align-items:flex-start;gap:.2rem;clip-path:none}
 .u4-hero::before{background:linear-gradient(0deg,rgba(4,8,11,.85),rgba(4,8,11,.4))}
 .u4-topbar .u4-i-mail,.u4-topbar .u4-i-truck{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- v2.0.5: header gaps + mobile menu ---------- */
.u4-header>*+*{margin-block-start:0!important}
.u4-header .wp-block-group{margin-block-start:0}
.wp-block-navigation.u4-nav .wp-block-navigation__responsive-container-open{color:#fff;padding:.4rem}
.wp-block-navigation.u4-nav .wp-block-navigation__responsive-container-open svg{width:30px;height:30px}
.wp-block-navigation.u4-nav .wp-block-navigation__responsive-container.is-menu-open{background-color:#04080b!important;color:#fff!important;padding:1rem 1.5rem 2rem!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;overflow-x:hidden!important}
.wp-block-navigation.u4-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{color:#fff;top:1rem;right:1rem}
.wp-block-navigation.u4-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:3rem}
.wp-block-navigation.u4-nav .is-menu-open .wp-block-navigation__container,
.wp-block-navigation.u4-nav .is-menu-open .wp-block-page-list{width:100%;align-items:stretch!important;gap:0}
.wp-block-navigation.u4-nav .is-menu-open .wp-block-navigation-item{width:100%;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.1)}
.wp-block-navigation.u4-nav .is-menu-open .wp-block-navigation-item__content{color:#fff!important;font-size:1.25rem;padding:.75rem 0!important;margin:0!important}
.wp-block-navigation.u4-nav .is-menu-open .u4-nav-home>.wp-block-navigation-item__content{background:none;color:var(--u4-orange)!important;border-radius:0}
.wp-block-navigation.u4-nav .is-menu-open .wp-block-navigation__submenu-container{position:static!important;display:flex!important;flex-direction:column;visibility:visible!important;opacity:1!important;height:auto!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;padding:0 0 .6rem 1rem!important;gap:0}
.wp-block-navigation.u4-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{border-bottom:0}
.wp-block-navigation.u4-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:1.05rem;color:rgba(255,255,255,.82)!important;padding:.45rem 0!important;text-transform:none;font-weight:600}
.wp-block-navigation.u4-nav .is-menu-open .wp-block-navigation__submenu-icon{display:none}

html,body{overflow-x:clip}

/* v2.1.0 speed + accessibility */
:root{--u4-orange-btn:#d0021b;--u4-orange-btn-d:#a80215}
.u4-finder__btn,ul.products li.product .button,.u4-search .wp-block-search__button,.u4-nav .u4-nav-home>.wp-block-navigation-item__content,ul.products li.product .onsale{background:var(--u4-orange-btn);color:#fff}
.u4-finder__btn:hover,ul.products li.product .button:hover{background:var(--u4-orange-btn-d)}
.u4-brand img,.u4-footer .wp-block-image img{height:auto}

/* Contact form: centred, full-width fields, red button */
.wp-block-contact-form-7-contact-form-selector{max-width:640px;margin:2rem auto;padding:0 16px;box-sizing:border-box}
.wpcf7-form label{display:block;font-weight:600;margin-bottom:.9rem}
.wpcf7-form .wpcf7-form-control-wrap{display:block;margin-top:6px}
.wpcf7-form input[type=text],.wpcf7-form input[type=tel],.wpcf7-form input[type=email],.wpcf7-form input[type=number],.wpcf7-form textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #bdbdbd;border-radius:4px;font:inherit;background:#fff;color:#111}
.wpcf7-form textarea{min-height:160px}
.wpcf7-form input:focus,.wpcf7-form textarea:focus{outline:2px solid #d0021b;border-color:#d0021b}
.wpcf7-form input[type=submit]{background:#d0021b;color:#fff;border:0;border-radius:4px;padding:14px 36px;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.wpcf7-form input[type=submit]:hover{background:#a80215}

/* Contact Us and Installers pages: centred text in a readable column */
.page-id-1051 .entry-content,.page-id-3054 .entry-content{text-align:center}
.page-id-1051 .entry-content>*,.page-id-3054 .entry-content>*{max-width:960px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.page-id-1051 .entry-content ul,.page-id-1051 .entry-content ol,.page-id-3054 .entry-content ul,.page-id-3054 .entry-content ol{list-style-position:inside;padding-left:0}
.page-id-1051 .wpcf7-form input,.page-id-1051 .wpcf7-form textarea{text-align:left}
.page-id-3054 .entry-content .wp-block-image img{margin-left:auto;margin-right:auto}
.page-id-1051 .entry-content>.wp-block-contact-form-7-contact-form-selector{max-width:640px}

/* v2.1.1 accessibility: badge text contrast and easier-to-tap links */
.acoplw-badge .acoplw-blockText{background:#d0021b!important;color:#fff!important}
.u4-nav .wp-block-navigation-item__content{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}
.u4-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{min-height:40px}
.wc-block-customer-account__link{display:inline-flex;align-items:center;min-height:44px;min-width:44px;box-sizing:border-box}
.wp-block-search__input{min-height:44px}
.u4-topbar a{display:inline-block;padding:.45rem 0;min-height:24px}
.u4-footer a{display:inline-block;padding:.2rem 0}

/* Customer reviews section (home page) */
.u4-reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1100px;margin:1.5rem auto 0}
.u4-reviews>.u4-review{margin:0!important}
.u4-review{background:#fff;border:1px solid #e3e3e3;border-top:3px solid #d0021b;border-radius:4px;padding:1.25rem}
.u4-review__stars{color:#d0021b;letter-spacing:.15em;font-size:1.25rem;margin:0 0 .5rem}
.u4-review__text{margin:0 0 .9rem}
.u4-review__by{font-weight:700;margin:0;font-size:.95rem}
.u4-review__by span{font-weight:400;font-size:.85rem;color:#444}

/* Trade portal */
.u4-trade-tag{display:inline-block;background:#0b1016;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:3px;margin-left:.35rem;vertical-align:middle}
.u4-trade-note{background:#fff1f1;border-left:4px solid #d0021b;padding:.8rem 1rem;margin:1rem 0}
.u4-trade-form{max-width:560px;margin:1.5rem auto;text-align:left}
.u4-trade-form label{display:block;font-weight:600}
.u4-trade-form input[type=text],.u4-trade-form input[type=email],.u4-trade-form input[type=tel],.u4-trade-form select,.u4-trade-form textarea{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #bdbdbd;border-radius:4px;font:inherit;background:#fff;color:#111;margin-top:6px}
.u4-trade-form input:focus,.u4-trade-form select:focus,.u4-trade-form textarea:focus{outline:2px solid #d0021b;border-color:#d0021b}
.u4-trade-form .u4-req{color:#a80215}
.u4-trade-form .u4-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.u4-trade-btn{background:#d0021b;color:#fff;border:0;border-radius:4px;padding:14px 36px;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.u4-trade-btn:hover{background:#a80215}
.u4-trade-msg{max-width:560px;margin:1rem auto;padding:.9rem 1rem;border-radius:4px;background:#eef7ee;border-left:4px solid #2e7d32;text-align:left}
.u4-trade-msg--error,.u4-trade-msg--limit,.u4-trade-msg--exists{background:#fff1f1;border-left-color:#d0021b}
.u4-trade-msg[hidden],.u4-trade-form[hidden]{display:none}