html.magna-custom-cursor,
html.magna-custom-cursor body,
html.magna-custom-cursor a,
html.magna-custom-cursor button,
html.magna-custom-cursor input,
html.magna-custom-cursor select,
html.magna-custom-cursor textarea,
html.magna-custom-cursor label,
html.magna-custom-cursor summary,
html.magna-custom-cursor [role="button"],
html.magna-custom-cursor [role="link"] {
cursor: none !important;
}
.cursor,
.cursor-ring {
display: block !important;
position: fixed !important;
left: 0;
top: 0;
pointer-events: none !important;
border-radius: 50% !important;
opacity: 0;
will-change: left, top, transform;
}
.cursor {
width: 9px !important;
height: 9px !important;
background: #F7941D !important;
z-index: 2147483647 !important;
transform: translate(-50%, -50%) scale(1) !important;
transition: opacity .12s ease, transform .12s ease !important;
}
.cursor-ring {
width: 27px !important;
height: 27px !important;
border: 1.5px solid rgba(247,148,29,.95) !important;
background: transparent !important;
z-index: 2147483646 !important;
transform: translate(-50%, -50%) scale(1) !important;
transition: opacity .12s ease, transform .12s ease, box-shadow .12s ease !important;
}
body.cursor-visible .cursor,
body.cursor-visible .cursor-ring {
opacity: 1 !important;
}
body.cursor-hover .cursor {
transform: translate(-50%, -50%) scale(1.45) !important;
}
body.cursor-hover .cursor-ring {
transform: translate(-50%, -50%) scale(1.12) !important;
box-shadow: 0 0 16px rgba(247,148,29,.22) !important;
}
body.cursor-click .cursor,
body.cursor-click .cursor-ring {
transform: translate(-50%, -50%) scale(.86) !important;
}
.magna-select {
position: relative;
width: 100%;
z-index: 20;
}
.magna-select.is-open {
z-index: 4000;
}
.magna-select-native {
position: absolute !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
overflow: hidden !important;
inset: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
appearance: none !important;
}
.magna-select-button {
width: 100%;
min-height: 58px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 0 18px;
border: 1.5px solid rgba(255,255,255,.15);
background: rgba(0,0,0,.28);
color: #e8e6e0;
font: inherit;
font-size: 15px;
text-align: left;
outline: none;
transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.magna-select-button:hover,
.magna-select-button:focus-visible,
.magna-select.is-open .magna-select-button {
border-color: rgba(247,148,29,.78);
background: rgba(247,148,29,.055);
box-shadow: 0 0 0 1px rgba(247,148,29,.12);
}
.magna-select-arrow {
width: 10px;
height: 10px;
flex: 0 0 10px;
border-right: 2px solid #F7941D;
border-bottom: 2px solid #F7941D;
transform: rotate(45deg) translateY(-3px);
transition: transform .18s ease;
}
.magna-select.is-open .magna-select-arrow {
transform: rotate(225deg) translate(-2px,-2px);
}
.magna-select-list {
display: none;
position: absolute;
left: 0;
right: 0;
top: calc(100% + 6px);
max-height: 280px;
overflow-y: auto;
border: 1px solid rgba(247,148,29,.6);
background: #111;
box-shadow: 0 22px 48px rgba(0,0,0,.52);
z-index: 5000;
padding: 6px;
}
.magna-select.is-open .magna-select-list {
display: block;
}
.magna-select-option {
width: 100%;
min-height: 46px;
display: flex;
align-items: center;
padding: 10px 13px;
border: 0;
background: transparent;
color: #e8e6e0;
font: inherit;
font-size: 15px;
text-align: left;
transition: background .14s ease, color .14s ease, transform .14s ease;
}
.magna-select-option:hover,
.magna-select-option:focus-visible {
background: rgba(247,148,29,.16);
color: #fff;
outline: none;
transform: translateX(2px);
}
.magna-select-option.is-selected {
background: #F7941D;
color: #111;
font-weight: 700;
}
.magna-select-option.is-placeholder:not(.is-selected) {
color: #8d8d8d;
}
.compare-builder-panel,
.compare-controls-grid,
.compare-control,
.compare-selectors-grid,
.compare-select-wrap,
.quiz-form-card,
.form-group {
overflow: visible !important;
}
.product-card-img-wrap,
.model-card-media,
.recommendation-img-wrap,
.compare-img-wrap {
background: #ffffff !important;
border-bottom: 1px solid rgba(0,0,0,.06) !important;
}
.product-card[data-model] .product-bike-img,
.model-card[data-model] .model-card-img,
.recommendation-card[data-model] .recommendation-img,
.compare-img-wrap img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center !important;
transform: none !important;
filter: drop-shadow(0 16px 24px rgba(0,0,0,.2)) !important;
}
.product-card[data-model]:hover .product-bike-img,
.model-card[data-model]:hover .model-card-img,
.recommendation-card[data-model]:hover .recommendation-img,
.compare-dynamic-card:hover .compare-img-wrap img {
transform: scale(1.025) !important;
}
.finance-logo-wrap {
height: 170px !important;
background: #ffffff !important;
border-bottom: 1px solid rgba(0,0,0,.08) !important;
padding: 18px !important;
}
.finance-logo-img,
.finance-logo-img[alt="Banco de Bogotá"],
.finance-logo-img[alt="Sistecrédito"],
.finance-logo-img[alt="Addi"],
.finance-logo-img[alt="Vanti"] {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
transform: none !important;
filter: none !important;
}
.finance-card:hover .finance-logo-img,
.finance-card:hover .finance-logo-img[alt="Banco de Bogotá"],
.finance-card:hover .finance-logo-img[alt="Sistecrédito"],
.finance-card:hover .finance-logo-img[alt="Addi"],
.finance-card:hover .finance-logo-img[alt="Vanti"] {
transform: scale(1.025) !important;
}
.finance-logo-card {
background: #ffffff !important;
border-color: rgba(0,0,0,.08) !important;
}
.finance-logo-card img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
transform: none !important;
}
@media (hover: none), (pointer: coarse), (max-width: 1024px) {
html.magna-custom-cursor,
html.magna-custom-cursor body,
html.magna-custom-cursor a,
html.magna-custom-cursor button,
html.magna-custom-cursor input,
html.magna-custom-cursor select,
html.magna-custom-cursor textarea,
html.magna-custom-cursor label,
html.magna-custom-cursor summary,
html.magna-custom-cursor [role="button"],
html.magna-custom-cursor [role="link"] {
cursor: auto !important;
}
.cursor,
.cursor-ring {
display: none !important;
}
}
.product-card-img-wrap,
.model-card-media,
.recommendation-img-wrap,
.compare-img-wrap {
padding: 18px !important;
}
.product-card[data-model] .product-bike-img,
.model-card[data-model] .model-card-img,
.recommendation-card[data-model] .recommendation-img,
.compare-img-wrap img {
background: #ffffff !important;
}
.quiz-form-card .magna-select-inline {
position: relative;
z-index: 1;
width: 100%;
}
.quiz-form-card .magna-select-inline.is-open {
z-index: 2;
}
.quiz-form-card .magna-select-inline .magna-select-button {
min-height: 64px;
padding: 0 24px;
border: 1.5px solid rgba(255,255,255,.16);
background: rgba(0,0,0,.24);
font-size: 16px;
}
.quiz-form-card .magna-select-inline .magna-select-list {
display: grid;
position: relative;
left: auto;
right: auto;
top: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
max-height: 0;
margin-top: 0;
padding: 0 8px;
overflow: hidden;
visibility: hidden;
opacity: 0;
pointer-events: none;
border: 0 solid rgba(247,148,29,.45);
background: rgba(9,9,9,.94);
box-shadow: none;
transform: translateY(-6px);
transition: max-height .24s ease, margin-top .24s ease, padding .24s ease, border-width .24s ease, opacity .18s ease, transform .24s ease, visibility 0s linear .24s;
}
.quiz-form-card .magna-select-inline.is-open .magna-select-list {
display: grid;
max-height: 360px;
margin-top: 8px;
padding: 10px;
visibility: visible;
opacity: 1;
pointer-events: auto;
border-width: 1px;
transform: translateY(0);
transition: max-height .24s ease, margin-top .24s ease, padding .24s ease, border-width .24s ease, opacity .18s ease, transform .24s ease, visibility 0s;
}
.quiz-form-card .magna-select-inline .magna-select-option {
min-height: 50px;
padding: 11px 14px;
border: 1px solid rgba(255,255,255,.09);
background: rgba(255,255,255,.025);
line-height: 1.25;
transform: none;
}
.quiz-form-card .magna-select-inline .magna-select-option:hover,
.quiz-form-card .magna-select-inline .magna-select-option:focus-visible {
border-color: rgba(247,148,29,.58);
background: rgba(247,148,29,.12);
transform: none;
}
.quiz-form-card .magna-select-inline .magna-select-option.is-selected {
border-color: #F7941D;
background: #F7941D;
color: #111;
}
.quiz-form-card .form-group {
z-index: auto !important;
overflow: visible !important;
}
@media (max-width: 700px) {
.quiz-form-card .magna-select-inline .magna-select-list {
grid-template-columns: 1fr;
}
}
.finance-calculator-cta {
max-width: 1400px;
margin: 0 auto 42px;
padding: 28px 30px;
display: grid;
grid-template-columns: minmax(0,1fr) auto;
gap: 28px;
align-items: center;
border: 1px solid rgba(247,148,29,.28);
background: linear-gradient(110deg, rgba(247,148,29,.12), rgba(17,17,17,.95) 48%);
}
.finance-calculator-cta span { display:block; color:#F7941D; font-size:11px; font-weight:800; letter-spacing:3px; text-transform:uppercase; margin-bottom:8px; }
.finance-calculator-cta strong { display:block; color:#f5f4f0; font-family:'Barlow Condensed',sans-serif; font-size:28px; text-transform:uppercase; }
.finance-calculator-cta p { color:#999; line-height:1.55; margin-top:7px; }
.footer-payments-modern { padding:24px !important; border-radius:20px !important; }
.footer-whatsapp-box { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px 14px; align-items:center; padding-bottom:22px; border-bottom:1px solid rgba(255,255,255,.12); }
.footer-whatsapp-icon { width:42px; height:42px; display:grid; place-items:center; border:2px solid #F7941D; border-radius:50%; color:#F7941D; font-size:22px; }
.footer-whatsapp-box strong { display:block; color:#F7941D; font-family:'Barlow Condensed',sans-serif; font-size:20px; text-transform:uppercase; letter-spacing:1px; }
.footer-whatsapp-box span { display:block; color:#d8d8d8; font-size:13px; line-height:1.4; }
.footer-whatsapp-box a { grid-column:2; justify-self:start; background:#F7941D; color:#111; text-decoration:none; padding:10px 16px; font-size:11px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; transition:.22s ease; }
.footer-whatsapp-box a:hover { background:#fff; transform:translateY(-2px); box-shadow:0 8px 24px rgba(247,148,29,.24); }
.footer-payment-group { padding-top:22px; }
.footer-payment-group + .footer-payment-group { margin-top:20px; border-top:1px solid rgba(255,255,255,.1); }
.footer-payment-title { color:#d8d8d8; font-family:'Barlow Condensed',sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:14px; }
.payment-badges { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.payment-badge { min-width:64px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:4px; background:#fff; font-weight:900; font-family:Arial,sans-serif; box-shadow:0 8px 20px rgba(0,0,0,.2); }
.payment-badge.visa { color:#1b4ca1; font-size:20px; font-style:italic; }
.payment-badge.amex { color:#fff; background:#2a72bb; font-size:15px; }
.payment-badge.pse { color:#fff; background:#275c9a; border-radius:50%; min-width:42px; width:42px; text-transform:lowercase; }
.payment-badge.mastercard { position:relative; min-width:68px; background:#111; }
.payment-badge.mastercard i { width:26px; height:26px; border-radius:50%; display:block; position:absolute; }
.payment-badge.mastercard i:first-child { background:#eb001b; left:15px; }
.payment-badge.mastercard i:last-child { background:#f79e1b; right:15px; opacity:.92; }
.footer-finance-logos { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.footer-finance-logos img { width:100%; height:52px; object-fit:contain; background:#fff; border-radius:4px; padding:6px 8px; }
.btn-primary, .btn-secondary, .quick-card, .mini-action, .finance-action, .saving-model-btn, .saving-method-box, .compare-count-btn, .compare-model-option {
transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease !important;
}
.btn-primary:hover, .btn-primary:focus-visible, .btn-secondary:hover, .btn-secondary:focus-visible,
.quick-card:hover, .quick-card:focus-visible, .mini-action:hover, .mini-action:focus-visible,
.finance-action:hover, .finance-action:focus-visible, .saving-model-btn:hover, .saving-model-btn:focus-visible,
.saving-method-box:hover, .compare-count-btn:hover, .compare-count-btn:focus-visible,
.compare-model-option:hover, .compare-model-option:focus-visible {
transform:translateY(-3px) !important;
border-color:rgba(247,148,29,.85) !important;
box-shadow:0 0 0 1px rgba(247,148,29,.22), 0 12px 28px rgba(247,148,29,.14) !important;
}
.quick-card:hover, .quick-card:focus-visible, .saving-model-btn:hover, .compare-count-btn:hover, .compare-model-option:hover {
background:rgba(247,148,29,.12) !important;
color:#fff !important;
}
body.company-document .company-layout { grid-template-columns:1fr !important; gap:22px !important; }
body.company-document .company-sidebar { position:sticky !important; top:84px !important; z-index:20; display:flex !important; align-items:center; gap:8px; flex-wrap:wrap; padding:16px 18px !important; }
body.company-document .company-sidebar h2 { margin:0 14px 0 0 !important; font-size:25px !important; }
body.company-document .company-sidebar a { padding:10px 13px !important; border:1px solid rgba(255,255,255,.08) !important; font-size:14px !important; }
body.company-document .company-sidebar a:hover { padding-left:13px !important; background:rgba(247,148,29,.1); border-color:rgba(247,148,29,.45) !important; }
body.company-document .company-content { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px !important; }
body.company-document .company-card { min-height:100%; }
body.company-document #quienes-somos, body.company-document #garantia-respaldo { grid-column:1 / -1; }
body.company-document .company-redesign-intro, body.company-document .after-sale-grid { align-items:start; }
@media(max-width:900px){
.finance-calculator-cta { grid-template-columns:1fr; }
.footer-whatsapp-box { grid-template-columns:38px minmax(0,1fr); }
body.company-document .company-content { grid-template-columns:1fr !important; }
body.company-document #quienes-somos, body.company-document #garantia-respaldo { grid-column:auto; }
body.company-document .company-sidebar { position:relative !important; top:auto !important; }
}
@media(max-width:620px){.footer-finance-logos{grid-template-columns:repeat(2,minmax(0,1fr));}}
.testimonials-section {
overflow: hidden !important;
}
.testimonials-track {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 20px !important;
width: max-content !important;
max-width: none !important;
overflow: visible !important;
animation: testimonialsMarquee 42s linear infinite !important;
}
.testimonials-track:hover {
animation-play-state: paused !important;
}
.testimonial-card {
flex: 0 0 360px !important;
width: 360px !important;
min-width: 360px !important;
max-width: 360px !important;
min-height: 300px !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
overflow: hidden !important;
}
.testimonial-text {
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 700px) {
.testimonial-card {
flex-basis: 290px !important;
width: 290px !important;
min-width: 290px !important;
max-width: 290px !important;
min-height: 310px !important;
}
}
.parts-results {
display: grid;
gap: 24px;
}
.parts-selected-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 24px !important;
padding: 22px !important;
border: 1px solid rgba(255,255,255,.09) !important;
background: linear-gradient(135deg, rgba(31,31,31,.98), rgba(12,12,12,.98)) !important;
}
.parts-selected-model {
display: flex !important;
align-items: center !important;
gap: 22px !important;
min-width: 0;
}
.parts-selected-image-wrap {
width: 150px !important;
height: 110px !important;
flex: 0 0 150px !important;
background: #fff !important;
border: 1px solid rgba(255,255,255,.12) !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 8px !important;
}
.parts-selected-image-wrap img,
.parts-selected-model img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
}
.parts-selected-copy {
min-width: 0;
}
.parts-selected-copy h2 {
margin: 4px 0 8px !important;
color: var(--white) !important;
font-family: 'Barlow Condensed', sans-serif !important;
font-size: clamp(30px, 3vw, 46px) !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
.parts-selected-copy p {
margin: 0 !important;
color: var(--light-gray) !important;
font-family: 'Barlow', sans-serif !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
.parts-change-button {
min-height: 48px !important;
padding: 0 20px !important;
border: 1px solid rgba(247,148,29,.55) !important;
background: transparent !important;
color: var(--white) !important;
font-family: 'Barlow', sans-serif !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
transition: .22s ease !important;
}
.parts-change-button:hover,
.parts-change-button:focus-visible {
background: rgba(247,148,29,.12) !important;
border-color: var(--orange) !important;
box-shadow: 0 0 0 1px rgba(247,148,29,.18), 0 12px 28px rgba(247,148,29,.12) !important;
outline: none !important;
}
.parts-category-panel {
padding: 26px !important;
border: 1px solid rgba(255,255,255,.08) !important;
background: rgba(0,0,0,.18) !important;
}
.parts-category-heading {
display: grid !important;
grid-template-columns: minmax(260px,.7fr) minmax(320px,1fr) !important;
gap: 18px 32px !important;
align-items: end !important;
margin-bottom: 20px !important;
}
.parts-category-heading .section-tag {
grid-column: 1 / -1;
margin-bottom: 0 !important;
}
.parts-category-heading h3 {
color: var(--white) !important;
font-family: 'Barlow Condensed', sans-serif !important;
font-size: clamp(30px, 3vw, 44px) !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
.parts-category-heading p {
color: var(--light-gray) !important;
font-family: 'Barlow', sans-serif !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
.parts-category-buttons {
display: grid !important;
grid-template-columns: repeat(4, minmax(0,1fr)) !important;
gap: 12px !important;
}
.parts-category-button {
min-height: 78px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
padding: 14px 16px !important;
border: 1px solid rgba(255,255,255,.11) !important;
background: linear-gradient(180deg, rgba(30,30,30,.96), rgba(15,15,15,.98)) !important;
color: var(--white) !important;
font-family: 'Barlow Condensed', sans-serif !important;
font-size: 17px !important;
font-weight: 800 !important;
letter-spacing: .5px !important;
line-height: 1.05 !important;
text-align: left !important;
text-transform: uppercase !important;
transition: .22s ease !important;
}
.parts-category-button span {
width: 34px !important;
height: 34px !important;
flex: 0 0 34px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid rgba(247,148,29,.42) !important;
color: var(--orange) !important;
font-family: 'Barlow', sans-serif !important;
font-size: 18px !important;
}
.parts-category-button:hover,
.parts-category-button:focus-visible,
.parts-category-button.is-active {
transform: translateY(-3px) !important;
border-color: rgba(247,148,29,.75) !important;
background: rgba(247,148,29,.12) !important;
box-shadow: 0 12px 28px rgba(247,148,29,.12) !important;
outline: none !important;
}
.parts-category-button.is-active span {
background: var(--orange) !important;
color: #111 !important;
}
.parts-category-empty {
display: flex !important;
align-items: center !important;
gap: 18px !important;
min-height: 112px !important;
padding: 22px 26px !important;
border: 1px dashed rgba(247,148,29,.32) !important;
background: rgba(247,148,29,.045) !important;
}
.parts-category-empty[hidden] {
display: none !important;
}
.parts-category-empty > span {
color: var(--orange) !important;
font-family: 'Bebas Neue', sans-serif !important;
font-size: 44px !important;
line-height: 1 !important;
}
.parts-category-empty strong {
display: block !important;
margin-bottom: 5px !important;
color: var(--white) !important;
font-family: 'Barlow Condensed', sans-serif !important;
font-size: 23px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
}
.parts-category-empty p {
margin: 0 !important;
color: var(--light-gray) !important;
font-family: 'Barlow', sans-serif !important;
line-height: 1.55 !important;
}
.parts-product-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
gap: 18px !important;
}
.parts-product-grid:empty {
display: none !important;
}
.parts-product-card {
min-height: 100% !important;
overflow: hidden !important;
border: 1px solid rgba(255,255,255,.08) !important;
background: linear-gradient(180deg, rgba(31,31,31,.98), rgba(12,12,12,.98)) !important;
transition: .24s ease !important;
}
.parts-product-card:hover {
transform: translateY(-4px) !important;
border-color: rgba(247,148,29,.55) !important;
box-shadow: 0 20px 42px rgba(0,0,0,.28) !important;
}
.parts-product-card .card-inner {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
padding: 24px !important;
}
.parts-product-card .card-kicker {
font-family: 'Barlow', sans-serif !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: 2.4px !important;
}
.parts-product-card h3 {
margin: 0 0 10px !important;
color: var(--white) !important;
font-family: 'Barlow Condensed', sans-serif !important;
font-size: 28px !important;
font-weight: 800 !important;
letter-spacing: .8px !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
.parts-product-card p,
.parts-product-card li,
.parts-product-card .price-line {
font-family: 'Barlow', sans-serif !important;
}
.parts-product-card .mini-action {
min-height: 44px !important;
margin-top: 16px !important;
padding: 0 18px !important;
align-self: stretch !important;
background: var(--orange) !important;
color: #111 !important;
font-family: 'Barlow', sans-serif !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
@media (max-width: 1050px) {
.parts-category-buttons {
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}
}
@media (max-width: 720px) {
.parts-selected-head,
.parts-selected-model,
.parts-category-heading {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
}
.parts-selected-image-wrap {
width: 100% !important;
height: 170px !important;
flex-basis: auto !important;
}
.parts-change-button {
width: 100% !important;
}
.parts-category-buttons,
.parts-product-grid {
grid-template-columns: 1fr !important;
}
}
nav#mainNav {
min-height: 78px !important;
padding: 16px clamp(34px, 4vw, 70px) !important;
background: rgba(17,17,17,.96) !important;
border-bottom: 1px solid rgba(247,148,29,.16) !important;
font-family: 'Barlow', sans-serif !important;
}
nav#mainNav .nav-logo {
display: flex !important;
align-items: center !important;
gap: 10px !important;
text-decoration: none !important;
}
nav#mainNav .nav-logo svg {
width: 32px !important;
height: 32px !important;
}
nav#mainNav .nav-logo-text {
font-family: 'Bebas Neue', sans-serif !important;
font-size: 28px !important;
line-height: 1 !important;
letter-spacing: 2px !important;
color: #f5f4f0 !important;
}
nav#mainNav .magna-desktop-nav {
gap: clamp(14px, 2.1vw, 34px) !important;
}
nav#mainNav .magna-nav-item > a {
min-height: 44px !important;
padding: 0 12px !important;
font-family: 'Barlow', sans-serif !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
letter-spacing: .2px !important;
text-transform: none !important;
}
@media (max-width: 1000px) {
nav#mainNav { padding: 12px 24px !important; min-height: 72px !important; }
}
@media(hover:hover) and (pointer:fine) and (min-width:1025px){html.magna-custom-cursor,html.magna-custom-cursor body,html.magna-custom-cursor body *{cursor:none!important}.cursor,.cursor-ring{display:block!important;visibility:visible!important;pointer-events:none!important}}