:root{
–acb-orange:#FE5000;
–acb-orange-2:#FF9900;
–acb-black:#000000;
–acb-charcoal:#111111;
–acb-charcoal-2:#1A1A1A;
–acb-grey:#4D4F51;
–acb-grey-2:#D6D6D6;
–acb-grey-3:#F5F5F5;
–acb-white:#FFFFFF;
–acb-max:1240px;
–acb-pad:24px;
–acb-radius:18px;
–acb-border:rgba(214,214,214,.9);
–acb-shadow:0 14px 40px rgba(0,0,0,.08);
–acb-font:”Poppins”,system-ui,-apple-system,”Segoe UI”,Arial,sans-serif;
–acb-focus:0 0 0 4px rgba(254,80,0,.22);
}
.acb-homepage,
.acb-homepage *{box-sizing:border-box;}
.acb-homepage{
font-family:var(–acb-font);
color:var(–acb-black);
background:#fff;
}
.acb-homepage a{
color:var(–acb-orange);
text-decoration:none;
}
.acb-wrap{
max-width:var(–acb-max);
margin:0 auto;
padding:0 var(–acb-pad);
}
.acb-section{padding:64px 0;}
.acb-section–tight{padding:44px 0;}
.acb-section–light{
background:
radial-gradient(1000px 360px at 8% 0%, rgba(254,80,0,.08), rgba(254,80,0,0) 62%),
radial-gradient(900px 320px at 92% 20%, rgba(255,153,0,.08), rgba(255,153,0,0) 58%),
#faf7f4;
}
.acb-section–warm{
background:
radial-gradient(1200px 420px at 15% 0%, rgba(254,80,0,.12), rgba(254,80,0,0) 62%),
radial-gradient(900px 360px at 90% 18%, rgba(255,153,0,.10), rgba(255,153,0,0) 58%),
linear-gradient(180deg,#fff7f1 0%, #fff 100%);
}
.acb-section–charcoal{
background:
radial-gradient(900px 420px at 10% 0%, rgba(254,80,0,.18), rgba(254,80,0,0) 60%),
radial-gradient(900px 420px at 88% 10%, rgba(255,153,0,.12), rgba(255,153,0,0) 60%),
linear-gradient(135deg,#161616 0%, #222 100%);
color:#fff;
}
.acb-card{
background:var(–acb-white);
border:1px solid var(–acb-border);
border-radius:var(–acb-radius);
box-shadow:var(–acb-shadow);
}
.acb-h1{
margin:0 0 14px;
font-size:clamp(34px,4.6vw,58px);
line-height:1.04;
font-weight:800;
letter-spacing:-0.02em;
color:var(–acb-black);
}
.acb-h2{
margin:0 0 10px;
font-size:clamp(26px,2.5vw,38px);
line-height:1.12;
font-weight:800;
letter-spacing:-0.01em;
color:var(–acb-black);
}
.acb-h3{
margin:0 0 8px;
font-size:20px;
line-height:1.22;
font-weight:700;
color:var(–acb-black);
}
.acb-p{
margin:0 0 14px;
font-size:16px;
line-height:1.7;
color:var(–acb-grey);
}
.acb-section–charcoal .acb-h1,
.acb-section–charcoal .acb-h2,
.acb-section–charcoal .acb-h3,
.acb-section–charcoal .acb-p{
color:#fff;
}
.acb-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
margin-bottom:14px;
padding:8px 14px;
border-radius:999px;
background:rgba(254,80,0,.10);
color:var(–acb-orange);
font-size:12px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
line-height:1;
}
.acb-section-head{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:20px;
flex-wrap:wrap;
margin-bottom:24px;
}
.acb-btns{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:18px;
}
.acb-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:13px 20px;
border-radius:12px;
border:2px solid transparent;
font-weight:700;
line-height:1.2;
transition:transform .12s ease, box-shadow .18s ease, border-color .18s ease;
}
.acb-btn:focus{
outline:none;
box-shadow:var(–acb-focus);
}
.acb-btn–primary{
background:linear-gradient(135deg,var(–acb-orange),var(–acb-orange-2));
color:#fff !important;
box-shadow:0 14px 30px rgba(254,80,0,.22);
}
.acb-btn–primary:hover{
transform:translateY(-1px);
box-shadow:0 18px 34px rgba(254,80,0,.26);
}
.acb-btn–secondary{
background:#fff;
color:var(–acb-black) !important;
border-color:rgba(0,0,0,.12);
}
.acb-btn–secondary:hover{
transform:translateY(-1px);
border-color:rgba(254,80,0,.55);
box-shadow:0 14px 30px rgba(0,0,0,.06);
}
/* UTILITY HERO */
.acb-shop-utility{
position:relative;
overflow:hidden;
background:
radial-gradient(1100px 460px at 6% 0%, rgba(254,80,0,.20), rgba(254,80,0,0) 58%),
radial-gradient(900px 380px at 94% 10%, rgba(255,153,0,.12), rgba(255,153,0,0) 56%),
linear-gradient(135deg,#121212 0%, #1c1c1c 100%);
color:#fff;
}
.acb-shop-utility-grid{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
gap:28px;
align-items:stretch;
padding:64px 0;
}
.acb-shop-utility .acb-kicker{
background:rgba(255,255,255,.12);
color:#fff;
}
.acb-shop-utility-copy .acb-h1,
.acb-shop-utility-copy .acb-p{
color:#fff;
}
.acb-shop-utility-points{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:22px;
max-width:620px;
}
.acb-point{
min-height:52px;
display:flex;
align-items:center;
padding:12px 14px;
border-radius:14px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.10);
font-size:14px;
font-weight:600;
line-height:1.4;
color:#fff;
}
.acb-search-panel{
padding:24px;
border-radius:22px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
box-shadow:0 18px 44px rgba(0,0,0,.24);
backdrop-filter:blur(8px);
align-self:center;
}
.acb-search-panel h3{
margin:0 0 8px;
color:#fff;
font-size:24px;
line-height:1.15;
font-weight:800;
}
.acb-search-panel p{
margin:0 0 16px;
color:rgba(255,255,255,.84);
font-size:14px;
line-height:1.6;
}
.acb-search-form{
display:grid;
grid-template-columns:1fr auto;
gap:10px;
}
.acb-search-input{
min-height:54px;
padding:0 16px;
border-radius:14px;
border:1px solid rgba(255,255,255,.14);
background:#fff;
color:#111;
font-size:15px;
font-family:var(–acb-font);
}
.acb-search-input:focus{
outline:none;
box-shadow:var(–acb-focus);
border-color:rgba(254,80,0,.8);
}
.acb-search-shortcuts{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-top:16px;
}
.acb-shortcut{
display:flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:10px 12px;
border-radius:12px;
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.12);
color:#fff !important;
font-size:14px;
font-weight:600;
text-align:center;
}
.acb-shortcut:hover{
background:rgba(255,255,255,.16);
color:#fff !important;
}
/* CATEGORY NAV */
.acb-category-nav{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.acb-category-nav-card{
padding:18px;
min-height:200px;
display:flex;
flex-direction:column;
gap:12px;
transition:transform .16s ease, box-shadow .18s ease, border-color .18s ease;
}
.acb-category-nav-card:hover{
transform:translateY(-3px);
border-color:rgba(254,80,0,.22);
box-shadow:0 18px 36px rgba(0,0,0,.10);
}
.acb-category-nav-media{
height:84px;
border-radius:14px;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.acb-category-nav-media img{
width:100%;
height:100%;
object-fit:contain;
display:block;
}
.acb-category-nav-title{
margin:0;
font-size:20px;
line-height:1.18;
font-weight:800;
color:var(–acb-black);
}
.acb-category-nav-text{
margin:0;
color:var(–acb-grey);
font-size:14px;
line-height:1.55;
}
.acb-category-nav-link{
margin-top:auto;
font-size:14px;
font-weight:700;
color:var(–acb-orange) !important;
}
/* QUICK BUY */
.acb-quickbuy{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.acb-quickbuy-card{
padding:22px;
min-height:210px;
position:relative;
overflow:hidden;
}
.acb-quickbuy-card::after{
content:””;
position:absolute;
right:-36px;
bottom:-36px;
width:126px;
height:126px;
background:radial-gradient(circle at center, rgba(254,80,0,.14), rgba(254,80,0,0) 64%);
pointer-events:none;
}
.acb-mini-badge{
display:inline-flex;
align-items:center;
justify-content:center;
margin-bottom:12px;
padding:7px 12px;
border-radius:999px;
background:rgba(254,80,0,.10);
color:var(–acb-orange);
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
line-height:1;
align-self:flex-start;
}
.acb-quickbuy-card .acb-p{
font-size:14px;
line-height:1.6;
}
/* PRODUCT GRID */
.acb-products-grid-shell .woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:22px !important;
margin:0 !important;
padding:0 !important;
}
.acb-products-grid-shell .woocommerce ul.products li.product{
width:auto !important;
margin:0 !important;
float:none !important;
padding:18px !important;
list-style:none !important;
background:#fff !important;
border:1px solid var(–acb-border) !important;
border-radius:16px !important;
box-shadow:var(–acb-shadow) !important;
min-height:430px !important;
display:flex !important;
flex-direction:column !important;
}
.acb-products-grid-shell .woocommerce ul.products li.product > a:first-child{
display:flex !important;
flex-direction:column !important;
flex:1 1 auto !important;
text-decoration:none !important;
}
.acb-products-grid-shell .woocommerce ul.products li.product a{
text-decoration:none !important;
}
.acb-products-grid-shell .woocommerce ul.products li.product img{
width:100% !important;
height:190px !important;
object-fit:contain !important;
object-position:center !important;
margin:0 0 14px !important;
border-radius:12px !important;
background:#fff !important;
}
.acb-products-grid-shell .woocommerce-loop-product__title{
font-size:17px !important;
line-height:1.35 !important;
font-weight:700 !important;
color:var(–acb-black) !important;
padding:0 !important;
margin:0 0 10px !important;
min-height:48px !important;
display:-webkit-box !important;
-webkit-line-clamp:2 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
}
.acb-products-grid-shell .price{
color:var(–acb-grey) !important;
font-weight:600 !important;
font-size:15px !important;
margin:0 0 14px !important;
min-height:24px !important;
display:block !important;
}
.acb-products-grid-shell .button,
.acb-products-grid-shell .added_to_cart{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:48px !important;
margin-top:auto !important;
padding:12px 16px !important;
border:none !important;
border-radius:12px !important;
background:linear-gradient(135deg,var(–acb-orange),var(–acb-orange-2)) !important;
color:#fff !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:0 14px 30px rgba(254,80,0,.22) !important;
opacity:1 !important;
visibility:visible !important;
position:static !important;
transform:none !important;
}
/* USE CASES / GROUPINGS */
.acb-usecase-grid,
.acb-solution-grid,
.acb-brand-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.acb-usecase-card,
.acb-solution-card{
padding:22px;
min-height:210px;
display:flex;
flex-direction:column;
transition:transform .16s ease, box-shadow .18s ease, border-color .18s ease;
}
.acb-usecase-card:hover,
.acb-solution-card:hover{
transform:translateY(-3px);
box-shadow:0 18px 36px rgba(0,0,0,.10);
border-color:rgba(254,80,0,.22);
}
.acb-usecase-card .acb-p,
.acb-solution-card .acb-p{
font-size:14px;
line-height:1.6;
}
.acb-link-arrow{
margin-top:auto;
font-size:14px;
font-weight:700;
color:var(–acb-orange) !important;
}
/* BRANDS */
.acb-brand-shell{
position:relative;
overflow:hidden;
border-radius:24px;
padding:28px;
background:
radial-gradient(800px 260px at 0% 0%, rgba(254,80,0,.12), rgba(254,80,0,0) 62%),
radial-gradient(700px 240px at 100% 20%, rgba(255,153,0,.10), rgba(255,153,0,0) 58%),
linear-gradient(180deg,#ffffff 0%, #faf7f4 100%);
border:1px solid rgba(254,80,0,.10);
box-shadow:0 18px 40px rgba(0,0,0,.06);
}
.acb-brand-card{
position:relative;
min-height:120px;
border-radius:18px;
padding:22px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:#fff;
border:1px solid rgba(214,214,214,.9);
box-shadow:0 10px 28px rgba(0,0,0,.05);
transition:transform .16s ease, box-shadow .18s ease, border-color .18s ease;
}
.acb-brand-card:hover{
transform:translateY(-3px);
box-shadow:0 16px 34px rgba(0,0,0,.09);
border-color:rgba(254,80,0,.22);
}
.acb-brand-card::before{
content:””;
position:absolute;
top:0;
left:0;
right:0;
height:4px;
border-radius:18px 18px 0 0;
background:linear-gradient(135deg,var(–acb-orange),var(–acb-orange-2));
}
.acb-brand-name{
font-size:24px;
line-height:1.1;
font-weight:800;
color:var(–acb-black);
letter-spacing:-0.01em;
}
.acb-brand-sub{
display:block;
margin-top:6px;
color:var(–acb-grey);
font-size:13px;
line-height:1.5;
font-weight:500;
}
/* REASSURANCE BAND */
.acb-reassurance{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
}
.acb-reassurance-item{
padding:18px;
border-radius:16px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.10);
text-align:center;
}
.acb-reassurance-title{
display:block;
font-size:16px;
line-height:1.35;
font-weight:700;
color:#fff;
}
.acb-reassurance-sub{
display:block;
margin-top:6px;
font-size:13px;
line-height:1.5;
color:rgba(255,255,255,.76);
}
/* FINAL CTA */
.acb-dark-band{
padding:24px;
border-radius:var(–acb-radius);
background:linear-gradient(135deg,var(–acb-black),#1a1a1a);
color:#fff;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
flex-wrap:wrap;
box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.acb-dark-band h3{
margin:0 0 6px;
color:#fff;
font-size:24px;
}
.acb-dark-band p{
margin:0;
color:rgba(255,255,255,.88);
font-size:15px;
line-height:1.6;
}
@media (max-width:1100px){
.acb-shop-utility-grid{
grid-template-columns:1fr;
}
.acb-category-nav,
.acb-quickbuy,
.acb-usecase-grid,
.acb-solution-grid,
.acb-brand-grid{
grid-template-columns:repeat(2,1fr);
}
.acb-products-grid-shell .woocommerce ul.products{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.acb-reassurance{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width:767px){
.acb-section{padding:52px 0;}
.acb-btn{width:100%;}
.acb-shop-utility-grid,
.acb-category-nav,
.acb-quickbuy,
.acb-usecase-grid,
.acb-solution-grid,
.acb-brand-grid,
.acb-reassurance,
.acb-shop-utility-points,
.acb-search-shortcuts{
grid-template-columns:1fr;
}
.acb-search-form{
grid-template-columns:1fr;
}
.acb-products-grid-shell .woocommerce ul.products{
grid-template-columns:1fr !important;
}
.acb-products-grid-shell .woocommerce ul.products li.product{
min-height:400px !important;
}
.acb-products-grid-shell .woocommerce ul.products li.product img{
height:170px !important;
}
}