.elementor-15938 .elementor-element.elementor-element-1b85f505 > .elementor-container{max-width:1300px;}.elementor-15938 .elementor-element.elementor-element-1b85f505{margin:-40px 0px 20px 0px;}.elementor-15938 .elementor-element.elementor-element-f765dae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15938 .elementor-element.elementor-element-6ddeaf3{margin:-150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15938 .elementor-element.elementor-element-722fb16f > .elementor-container{max-width:1300px;}.elementor-15938 .elementor-element.elementor-element-4bafe33e > .elementor-element-populated{margin:31px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}@media(max-width:1024px) and (min-width:768px){.elementor-15938 .elementor-element.elementor-element-4bafe33e{width:100%;}}@media(max-width:1024px){.elementor-15938 .elementor-element.elementor-element-1b85f505{margin:-40px 0px 5px 0px;}}@media(max-width:767px){.elementor-15938 .elementor-element.elementor-element-6ddeaf3{margin:-127px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15938 .elementor-element.elementor-element-4bafe33e > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-15938 .elementor-element.elementor-element-69d3c853 > .elementor-widget-container{margin:30px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-6ddeaf3 *//* =========================================================
ASM SPORTS TECH — TUNING SHOP HERO
FULL CSS
========================================================= */

.asm-shop-hero{
--asm-bg:#050505;
--asm-bg-soft:#090909;
--asm-panel:#0b0b0b;
--asm-line:rgba(255,255,255,.08);
--asm-line-soft:rgba(255,255,255,.04);
--asm-text:#f5f5f5;
--asm-text-soft:rgba(255,255,255,.76);
--asm-red-dark:#5a0000;
--asm-red-mid:#7e0d0d;
--asm-red-border:#8f1111;
--asm-red-hover-top:#991313;
--asm-red-hover-bottom:#700000;
--asm-wrap:1360px;

position:relative;
overflow:hidden;
background:
radial-gradient(circle at 18% 20%, rgba(179,0,0,.07) 0%, rgba(179,0,0,0) 24%),
radial-gradient(circle at 82% 26%, rgba(255,255,255,.025) 0%, rgba(255,255,255,0) 14%),
linear-gradient(180deg, #070707 0%, #040404 44%, #050505 100%);
border-top:1px solid rgba(255,255,255,.05);
border-bottom:1px solid rgba(255,255,255,.05);
}

.asm-shop-hero::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.018;
background-image:
linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
background-size:88px 88px, 88px 88px;
}

.asm-shop-hero::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.012;
background:
repeating-linear-gradient(
120deg,
rgba(255,255,255,.02) 0px,
rgba(255,255,255,.02) 1px,
transparent 1px,
transparent 18px
);
}

.asm-shop-hero__bg{
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(circle at 72% 42%, rgba(120,0,0,.12) 0%, rgba(120,0,0,0) 24%),
linear-gradient(90deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 16%, rgba(255,255,255,0) 84%, rgba(255,255,255,.02) 100%);
z-index:1;
}

.asm-shop-wrap{
width:min(var(--asm-wrap), calc(100% - 56px));
margin:0 auto;
position:relative;
z-index:2;
}

.asm-shop-hero__inner{
position:relative;
padding:88px 0 72px;
max-width:1100px;
}

.asm-shop-kicker{
display:inline-block;
margin:0 0 16px;
color:rgba(255,255,255,.72);
font-family:"Plus Jakarta Sans", sans-serif;
font-size:10px;
font-weight:600;
line-height:1;
letter-spacing:.24em;
text-transform:uppercase;
}

.asm-shop-hero h1{
margin:0;
color:#ffffff;
font-family:"Plus Jakarta Sans", sans-serif;
font-size:clamp(44px, 7vw, 88px);
font-weight:400;
line-height:.92;
letter-spacing:-.055em;
text-transform:uppercase;
text-rendering:geometricPrecision;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.asm-shop-hero p{
max-width:920px;
margin:18px 0 0;
color:var(--asm-text-soft);
font-family:"Plus Jakarta Sans", sans-serif;
font-size:18px;
font-weight:400;
line-height:1.78;
}

.asm-shop-hero__actions{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:32px;
}

.asm-shop-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:56px;
padding:0 24px;
text-decoration:none;
border-radius:0;
font-family:"Plus Jakarta Sans", sans-serif;
font-size:11px;
font-weight:700;
line-height:1;
letter-spacing:.16em;
text-transform:uppercase;
transition:
transform .28s ease,
border-color .28s ease,
background .28s ease,
color .28s ease,
box-shadow .28s ease;
}

/* PRIMARY — EXACT DARKER ASM STYLE */
.asm-shop-btn-primary{
background:linear-gradient(180deg, #7e0d0d 0%, #5a0000 100%) !important;
border:1px solid #8f1111 !important;
color:#ffffff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 14px 28px rgba(90,0,0,.22) !important;
}

.asm-shop-btn-primary:hover,
.asm-shop-btn-primary:focus{
background:linear-gradient(180deg, #991313 0%, #700000 100%) !important;
border-color:#a81818 !important;
color:#ffffff !important;
transform:translateY(-1px);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 16px 30px rgba(90,0,0,.24) !important;
}

/* SECONDARY */
.asm-shop-btn-secondary{
background:linear-gradient(180deg, rgba(14,14,14,.98) 0%, rgba(9,9,9,.98) 100%) !important;
border:1px solid rgba(255,255,255,.14) !important;
color:#ffffff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.asm-shop-btn-secondary:hover,
.asm-shop-btn-secondary:focus{
background:linear-gradient(180deg, rgba(18,18,18,.98) 0%, rgba(10,10,10,.98) 100%) !important;
border-color:rgba(255,255,255,.24) !important;
color:#ffffff !important;
transform:translateY(-1px);
}

.asm-shop-hero__pills{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:24px;
}

.asm-shop-hero__pills span{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:0 16px;
border:1px solid rgba(255,255,255,.10);
background:linear-gradient(180deg, rgba(14,14,14,.94) 0%, rgba(9,9,9,.94) 100%);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.03),
inset 0 0 0 1px rgba(255,255,255,.02);
color:rgba(255,255,255,.74);
font-family:"Plus Jakarta Sans", sans-serif;
font-size:11px;
font-weight:600;
line-height:1;
letter-spacing:.12em;
text-transform:uppercase;
transition:
transform .28s ease,
border-color .28s ease,
background .28s ease,
color .28s ease;
}

.asm-shop-hero__pills span:hover{
border-color:rgba(143,17,17,.28);
color:#ffffff;
transform:translateY(-1px);
}

/* subtle red left accent line */
.asm-shop-hero__inner::before{
content:"";
position:absolute;
left:-18px;
top:84px;
bottom:70px;
width:2px;
background:linear-gradient(
180deg,
rgba(126,13,13,0) 0%,
rgba(126,13,13,.24) 10%,
rgba(126,13,13,.88) 50%,
rgba(126,13,13,.24) 90%,
rgba(126,13,13,0) 100%
);
box-shadow:0 0 12px rgba(126,13,13,.10);
pointer-events:none;
}

/* =========================================================
TABLET
========================================================= */

@media (max-width: 1180px){
.asm-shop-wrap{
width:min(var(--asm-wrap), calc(100% - 36px));
}

.asm-shop-hero__inner{
padding:74px 0 62px;
}

.asm-shop-hero h1{
font-size:clamp(40px, 8vw, 72px);
}

.asm-shop-hero p{
font-size:16px;
max-width:860px;
}
}

/* =========================================================
MOBILE
========================================================= */

@media (max-width: 767px){
.asm-shop-wrap{
width:calc(100% - 20px);
}

.asm-shop-hero__inner{
padding:54px 0 46px;
}

.asm-shop-hero__inner::before{
left:-6px;
top:54px;
bottom:46px;
}

.asm-shop-kicker{
display:block;
font-size:9px;
letter-spacing:.22em;
margin:0 0 14px;
}

.asm-shop-hero h1{
font-size:clamp(34px, 12vw, 52px);
line-height:.94;
letter-spacing:-.05em;
}

.asm-shop-hero p{
margin-top:14px;
font-size:14px;
line-height:1.74;
max-width:100%;
}

.asm-shop-hero__actions{
display:grid;
grid-template-columns:1fr;
gap:10px;
margin-top:24px;
}

.asm-shop-btn{
width:100%;
min-height:52px;
padding:0 18px;
font-size:11px;
letter-spacing:.14em;
}

.asm-shop-hero__pills{
display:grid;
grid-template-columns:1fr;
gap:10px;
margin-top:18px;
}

.asm-shop-hero__pills span{
width:100%;
min-height:42px;
justify-content:flex-start;
padding:0 14px;
font-size:10px;
letter-spacing:.11em;
}
}

/* =========================================================
ASM SHOP HERO — BUTTON STYLE MATCH
Same style as Shipping Policy / legal pages
========================================================= */

.asm-shop-hero .asm-shop-btn{
min-height:56px !important;
padding:0 24px !important;
border-radius:0 !important;
font-family:"Plus Jakarta Sans", sans-serif !important;
font-size:11px !important;
font-weight:700 !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
transition:
transform .28s ease,
border-color .28s ease,
background .28s ease,
color .28s ease,
box-shadow .28s ease !important;
}

/* PRIMARY = dark button with red outline */
.asm-shop-hero .asm-shop-btn-primary{
background:linear-gradient(180deg, rgba(14,14,14,.98) 0%, rgba(9,9,9,.98) 100%) !important;
border:2px solid #e10600 !important;
color:#ffffff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
inset 0 0 0 1px rgba(255,255,255,.02),
0 10px 20px rgba(0,0,0,.20) !important;
}

.asm-shop-hero .asm-shop-btn-primary:hover,
.asm-shop-hero .asm-shop-btn-primary:focus{
background:linear-gradient(180deg, rgba(22,10,10,.98) 0%, rgba(14,6,6,.98) 100%) !important;
border-color:#ff2a2a !important;
color:#ffffff !important;
transform:translateY(-1px) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
inset 0 0 0 1px rgba(255,255,255,.02),
0 14px 26px rgba(60,0,0,.22) !important;
}

/* SECONDARY = dark subtle outline */
.asm-shop-hero .asm-shop-btn-secondary{
background:linear-gradient(180deg, rgba(14,14,14,.98) 0%, rgba(9,9,9,.98) 100%) !important;
border:1px solid rgba(255,255,255,.18) !important;
color:#ffffff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

.asm-shop-hero .asm-shop-btn-secondary:hover,
.asm-shop-hero .asm-shop-btn-secondary:focus{
background:linear-gradient(180deg, rgba(18,18,18,.98) 0%, rgba(10,10,10,.98) 100%) !important;
border-color:rgba(255,255,255,.28) !important;
color:#ffffff !important;
transform:translateY(-1px) !important;
}

/* mobile */
@media (max-width: 767px){
.asm-shop-hero .asm-shop-btn{
width:100% !important;
min-height:52px !important;
font-size:11px !important;
letter-spacing:.14em !important;
}
}

/* =========================================================
ASM SHOP HERO — BUTTON STYLE MATCH
Matches shipping policy / legal pages button language
========================================================= */

.asm-shop-hero .asm-shop-hero__actions{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:28px;
}

.asm-shop-hero .asm-shop-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:54px;
padding:0 22px;
text-decoration:none;
text-transform:uppercase;
letter-spacing:.16em;
font-size:11px;
font-weight:700;
font-family:"Plus Jakarta Sans", sans-serif;
border-radius:0;
transition:
transform .28s ease,
border-color .28s ease,
background .28s ease,
color .28s ease,
box-shadow .28s ease;
}

/* primary = exact subtle dark red filled style */
.asm-shop-hero .asm-shop-btn-primary{
background:
radial-gradient(circle at 50% 50%, rgba(155,0,0,.16) 0%, rgba(155,0,0,.08) 26%, rgba(155,0,0,0) 70%),
linear-gradient(180deg, #190909 0%, #0f0606 58%, #090404 100%) !important;
border:1px solid #e10600 !important;
color:#fff !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
inset 0 0 0 1px rgba(255,255,255,.015),
0 10px 22px rgba(90,0,0,.14) !important;
}

.asm-shop-hero .asm-shop-btn-primary:hover{
background:
radial-gradient(circle at 50% 50%, rgba(170,0,0,.20) 0%, rgba(170,0,0,.10) 28%, rgba(170,0,0,0) 72%),
linear-gradient(180deg, #1d0a0a 0%, #110606 58%, #0a0404 100%) !important;
border-color:#ff2f2f !important;
color:#fff !important;
transform:translateY(-1px);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.06),
0 12px 24px rgba(95,0,0,.18),
0 0 16px rgba(140,0,0,.10) !important;
}

/* secondary = dark transparent bordered */
.asm-shop-hero .asm-shop-btn-secondary{
background:rgba(255,255,255,.01) !important;
border:1px solid rgba(255,255,255,.18) !important;
color:#fff !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.asm-shop-hero .asm-shop-btn-secondary:hover{
background:rgba(255,255,255,.04) !important;
border-color:rgba(255,255,255,.30) !important;
color:#fff !important;
transform:translateY(-1px);
}

/* mobile */
@media (max-width: 767px){
.asm-shop-hero .asm-shop-hero__actions{
display:grid;
grid-template-columns:1fr;
gap:10px;
}

.asm-shop-hero .asm-shop-btn{
width:100%;
min-height:52px;
padding:0 18px;
font-size:11px;
letter-spacing:.14em;
}
}

/* =========================================================
ASM TUNING SHOP — FULL WIDTH BREAKOUT
========================================================= */

/* force full width page container */
body.postid-15938 .main-page-wrapper,
body.postid-15938 .wd-content-layout,
body.postid-15938 .wd-content-area,
body.postid-15938 .content-layout-wrapper,
body.postid-15938 .site-content,
body.postid-15938 .container,
body.postid-15938 .container-fluid,
body.postid-15938 .elementor,
body.postid-15938 .elementor-section-wrap,
body.postid-15938 .elementor-container{
width:100% !important;
max-width:100% !important;
padding-left:0 !important;
padding-right:0 !important;
margin-left:0 !important;
margin-right:0 !important;
}

/* breakout ONLY the hero */
body.postid-15938 .asm-shop-hero{
position:relative !important;
left:50% !important;
margin-left:-50vw !important;
width:100vw !important;
max-width:100vw !important;
}

/* inner content stays centered */
body.postid-15938 .asm-shop-wrap{
width:min(1560px, calc(100vw - 84px)) !important;
margin:0 auto !important;
}

/* =========================================================
ASM SHOP HERO — HEADER OVERLAP FIX
========================================================= */

.asm-shop-hero{
padding-top:140px !important; /* adjust if needed */
}

/* optional: slightly more spacing just for label */
.asm-shop-hero .asm-shop-kicker{
margin-top:10px !important;
}

/* =========================================================
ASM SHOP HERO — LEFT RED LINE POSITION FIX
========================================================= */

.asm-shop-hero__inner{
position:relative;
padding-left:15px; /* creates breathing space from line */
}

/* red vertical line */
.asm-shop-hero__inner::before{
content:"";
position:absolute;
left:px; /* move line further left */
top:0;
width:2px;
height:100%;
background:linear-gradient(
to bottom,
rgba(225,6,0,0.0),
rgba(225,6,0,0.9),
rgba(225,6,0,0.0)
);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-722fb16f */.elementor-15938 .elementor-element.elementor-element-722fb16f{
position:relative;
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:42px 0 70px !important;
background:
radial-gradient(circle at 18% 14%, rgba(179,0,0,.06) 0%, rgba(179,0,0,0) 24%),
radial-gradient(circle at 82% 12%, rgba(255,255,255,.018) 0%, rgba(255,255,255,0) 16%),
linear-gradient(180deg, #070707 0%, #050505 100%) !important;
overflow:hidden !important;
border-top:1px solid rgba(255,255,255,.05) !important;
border-bottom:1px solid rgba(255,255,255,.05) !important;
}

/* subtle grid texture */
.elementor-15938 .elementor-element.elementor-element-722fb16f::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.015;
background-image:
linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
background-size:88px 88px, 88px 88px;
}

/* soft red accent wash */
.elementor-15938 .elementor-element.elementor-element-722fb16f::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(circle at 50% 0%, rgba(179,0,0,.08) 0%, rgba(179,0,0,0) 36%);
opacity:.9;
}

/* keep all inner content above overlays */
.elementor-15938 .elementor-element.elementor-element-722fb16f > .elementor-container,
.elementor-15938 .elementor-element.elementor-element-722fb16f > .e-con-inner,
.elementor-15938 .elementor-element.elementor-element-722fb16f > .elementor-widget-wrap,
.elementor-15938 .elementor-element.elementor-element-722fb16f .elementor-widget,
.elementor-15938 .elementor-element.elementor-element-722fb16f .elementor-widget-container{
position:relative;
z-index:2;
}

/* remove boxed feel from internal wrappers */
.elementor-15938 .elementor-element.elementor-element-722fb16f .wd-products,
.elementor-15938 .elementor-element.elementor-element-722fb16f .products,
.elementor-15938 .elementor-element.elementor-element-722fb16f ul.products,
.elementor-15938 .elementor-element.elementor-element-722fb16f .woocommerce,
.elementor-15938 .elementor-element.elementor-element-722fb16f .woocommerce-page{
background:transparent !important;
}

/* stronger top spacing under hero */
.elementor-15938 .elementor-element.elementor-element-722fb16f .products{
margin-top:8px !important;
}

/* section width control */
@media (min-width: 1025px){
.elementor-15938 .elementor-element.elementor-element-722fb16f{
padding-left:28px !important;
padding-right:28px !important;
}
}

@media (max-width: 1024px){
.elementor-15938 .elementor-element.elementor-element-722fb16f{
padding:34px 18px 56px !important;
}
}

@media (max-width: 767px){
.elementor-15938 .elementor-element.elementor-element-722fb16f{
padding:26px 14px 46px !important;
}
}

.elementor-15938 .elementor-element.elementor-element-722fb16f .elementor-widget-wrap,
.elementor-15938 .elementor-element.elementor-element-722fb16f .e-con-inner{
position:relative;
}

.elementor-15938 .elementor-element.elementor-element-722fb16f .elementor-widget-wrap::before,
.elementor-15938 .elementor-element.elementor-element-722fb16f .e-con-inner::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:1px;
background:linear-gradient(
90deg,
rgba(179,0,0,0),
rgba(179,0,0,.55),
rgba(179,0,0,0)
);
pointer-events:none;
opacity:.9;
}/* End custom CSS */