/* Antennenfreund design layer for NOVA 1.7.x. Parent layout and shop logic remain intact. */
:root {
    --af-bg: #050a0f;
    --af-bg-secondary: #091119;
    --af-card: #0d151d;
    --af-card-raised: #111d27;
    --af-border: #26333d;
    --af-cyan: #00c8ff;
    --af-cyan-hover: #32d5ff;
    --af-orange: #ff8500;
    --af-success: #4bcb63;
    --af-text: #f5f7fa;
    --af-text-muted: #aab4be;
    --af-radius-sm: 8px;
    --af-radius-md: 12px;
    --af-radius-lg: 18px;
    --af-container: 1500px;
}

html { scroll-behavior: smooth; }
body.is-nova {
    background: var(--af-bg);
    color: var(--af-text);
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
body.is-nova #main-wrapper, body.is-nova #content-wrapper, body.is-nova #content { background: var(--af-bg); }
body.is-nova #content-wrapper:has(.af-hero) { padding-top: 0; }
body.is-nova #content:has(.af-hero) { padding-bottom: 0; }
body.is-nova a { color: var(--af-cyan); }
body.is-nova a:hover { color: var(--af-cyan-hover); }
body.is-nova h1, body.is-nova h2, body.is-nova h3,
body.is-nova .h1, body.is-nova .h2, body.is-nova .h3 { color: var(--af-text); letter-spacing: -.025em; }
body.is-nova p, body.is-nova label, body.is-nova small { line-height: 1.55; }
body.is-nova :focus-visible { outline: 2px solid var(--af-cyan); outline-offset: 3px; }
body.is-nova ::selection { background: var(--af-cyan); color: var(--af-bg); }
.af-container { width: min(var(--af-container), calc(100% - 48px)); margin-inline: auto; }
@media (min-width: 1200px) { body.is-nova .container { max-width: var(--af-container); } }
.af-eyebrow { color: var(--af-cyan); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.af-home-cms { padding-block: 16px; color: var(--af-text-muted); font-size: 15px; }
.af-home-cms .link-content { width: min(var(--af-container), calc(100% - 48px)); margin-inline: auto; }

/* Existing NOVA header, search, account, wishlist and cart remain functional. */
.af-announcement { background: #071018; border-bottom: 1px solid var(--af-border); color: var(--af-text-muted); font-size: .73rem; }
.af-announcement .af-container { display: flex; justify-content: space-between; gap: 1rem; align-items: center; min-height: 32px; }
.af-announcement span:first-child { color: var(--af-text); font-weight: 600; }
body.is-nova header, body.is-nova #header, body.is-nova .header-wrapper { background: rgba(5,10,15,.97); color: var(--af-text); }
body.is-nova #header-top-bar { background: #08121a; border-bottom: 1px solid var(--af-border); color: var(--af-text-muted); }
body.is-nova #jtl-nav-wrapper { border-bottom: 1px solid var(--af-border); box-shadow: 0 12px 32px rgba(0,0,0,.2); }
body.is-nova #jtl-nav-wrapper nav.navbar { border: 0; box-shadow: none; }
body.is-nova .navbar-brand img { max-width: min(230px, 48vw); object-fit: contain; }
.af-navbar-brand { display: inline-flex; align-items: center; gap: .55rem; min-height: 56px; color: var(--af-text) !important; font-size: clamp(1.1rem, 1.6vw, 1.55rem); font-weight: 800; letter-spacing: -.04em; white-space: nowrap; }
.af-navbar-brand:hover { color: var(--af-cyan) !important; }
.af-navbar-brand .af-brand-mark { width: 36px; height: 36px; flex: none; }
body.is-nova #mainNavigation .nav-link { color: var(--af-text); font-size: 16px; font-weight: 600; padding-inline: 16px; transition: color .18s ease; }
body.is-nova #mainNavigation > .nav > .nav-item > .nav-link { background: transparent; }
body.is-nova #jtl-nav-wrapper .search-wrapper .btn-secondary { background: var(--af-cyan); border-color: var(--af-cyan); color: var(--af-bg); }
body.is-nova #mainNavigation .nav-link:hover, body.is-nova #mainNavigation .active > .nav-link { color: var(--af-cyan); }
body.is-nova #mainNavigation .active > .nav-link:after { background: var(--af-cyan); }
body.is-nova .header-shop-nav a, body.is-nova .header-shop-nav button, body.is-nova .navbar-toggler { color: var(--af-text); }
body.is-nova .form-control, body.is-nova .custom-select, body.is-nova .bootstrap-select > .dropdown-toggle, body.is-nova textarea {
    background: var(--af-card); border: 1px solid var(--af-border); color: var(--af-text); border-radius: var(--af-radius-sm);
}
body.is-nova .form-control:focus, body.is-nova .custom-select:focus, body.is-nova textarea:focus { border-color: var(--af-cyan); background: var(--af-card); color: var(--af-text); box-shadow: 0 0 0 3px rgba(0,200,255,.12); }
body.is-nova .form-control::placeholder { color: var(--af-text-muted); }
body.is-nova .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label { background: var(--af-card); color: var(--af-text); }
body.is-nova .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label:after { background: var(--af-card); }
body.is-nova .form-counter .btn { color: var(--af-text); background: var(--af-card-raised); border-color: var(--af-border); }
body.is-nova .form-counter .btn:hover { color: var(--af-cyan); background: var(--af-card); }
body.is-nova .alert { color: var(--af-text); background: var(--af-card-raised); border-color: var(--af-border); }
body.is-nova .alert-info { border-left: 3px solid var(--af-cyan); }
body.is-nova .alert-warning { border-left: 3px solid var(--af-orange); }
body.is-nova .alert-success { border-left: 3px solid var(--af-success); }
body.is-nova .alert-danger { border-left: 3px solid #ff8f83; }
body.is-nova .dropdown-menu, body.is-nova .nav-mobile-body { background: var(--af-card); border-color: var(--af-border); color: var(--af-text); }
body.is-nova .dropdown-item:hover { background: var(--af-card-raised); color: var(--af-cyan); }

/* Core controls */
body.is-nova .btn-primary, body.is-nova .btn-outline-primary:hover, body.is-nova .af-button--primary {
    background: var(--af-cyan); border-color: var(--af-cyan); color: #041017; font-weight: 800;
}
body.is-nova .btn-primary:hover, body.is-nova .af-button--primary:hover { background: var(--af-cyan-hover); border-color: var(--af-cyan-hover); color: #041017; }
body.is-nova .btn-outline-primary { border-color: var(--af-cyan); color: var(--af-cyan); }
body.is-nova .btn, .af-button { border-radius: var(--af-radius-sm); transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
body.is-nova .btn:hover, .af-button:hover { transform: translateY(-2px); }
.af-button { display: inline-flex; justify-content: center; align-items: center; gap: 1.1rem; min-height: 48px; padding: .72rem 1.18rem; text-decoration: none !important; font-size: .88rem; }
.af-button--outline { border: 1px solid var(--af-orange); background: rgba(5,10,15,.4); color: var(--af-text) !important; font-weight: 700; }
.af-button--outline:hover { border-color: #ffac4f; color: #fff !important; background: rgba(255,133,0,.1); }
.af-button span { font-size: 1rem; line-height: 1; }

/* Homepage introduction */
.af-hero { position: relative; overflow: hidden; border-bottom: 1px solid rgba(38,51,61,.8); background: radial-gradient(circle at 76% 48%, #123044 0%, #09151f 32%, #050a0f 66%); }
.af-hero:before { content: ""; position: absolute; inset: 0; opacity: .28; pointer-events: none; background-image: linear-gradient(90deg, transparent 97%, rgba(0,200,255,.11) 98%), linear-gradient(0deg, transparent 97%, rgba(0,200,255,.11) 98%); background-size: 42px 42px; mask-image: linear-gradient(90deg, transparent 30%, #000 100%); }
.af-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: center; min-height: 470px; }
.af-hero__copy { position: relative; z-index: 1; padding: 48px 0 64px; }
.af-hero h1 { margin: 18px 0; font-size: clamp(44px, 3.6vw, 64px); line-height: 1.08; font-weight: 800; letter-spacing: -.045em; }
.af-hero h1 span { color: var(--af-cyan); }
.af-hero__lead { margin: 0 0 .25rem; color: var(--af-text); font-size: clamp(1rem, 1.4vw, 1.2rem); font-weight: 600; }
.af-hero__detail { max-width: 33rem; color: var(--af-text-muted); font-size: 1rem; }
.af-hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.9rem; }
/* Hero services: distinct pictograms, two-line captions, no repeated checkmarks. */
.af-hero__facts{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
 padding:0;max-width:810px;margin:1.8rem 0 0;list-style:none;
}
.af-hero__facts .af-hero__fact{
 display:flex;align-items:center;gap:9px;min-width:0;min-height:60px;
 color:var(--af-text);margin:0;padding:7px 0;
}
.af-hero__fact-icon{display:grid;flex:0 0 32px;place-items:center;width:32px;height:36px;color:var(--af-cyan)}
.af-hero__fact-svg{display:block;width:29px;height:29px;max-width:100%}
.af-hero__fact-svg.af-tools-icon{width:27px;height:27px}
.af-hero__fact-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.af-hero__fact-copy strong{font-size:clamp(11px,.83vw,13px);line-height:1.2;font-weight:750;color:var(--af-text)}
.af-hero__fact-copy small{font-size:clamp(10px,.70vw,12px);line-height:1.32;color:var(--af-text-muted)}
@media(max-width:1199.98px){
 .af-hero__facts{grid-template-columns:repeat(2,minmax(0,1fr));max-width:580px}
 .af-hero__fact-copy strong{font-size:13px}
 .af-hero__fact-copy small{font-size:12px}
}
@media(max-width:575px){
 .af-hero__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
 .af-hero__facts .af-hero__fact{min-height:52px;gap:6px}
 .af-hero__fact-icon{flex-basis:30px;width:30px;height:31px}
 .af-hero__fact-svg{width:27px;height:27px}
}
@media(max-width:365px){.af-hero__facts{grid-template-columns:1fr}}
.af-hero__visual { position: relative; min-height: 420px; display: grid; place-items: center; isolation: isolate; }
/* Category links use the live JTL category tree. */
.af-categories { position: relative; z-index: 1; margin-top: 0; padding-block: 20px 16px; }
.af-section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 1.2rem; }
.af-section-heading h2, .af-brand h2 { font-size: clamp(28px, 2.2vw, 36px); font-weight: 800; margin: 4px 0 0; }
.af-category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: .8rem; }
.af-category-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 165px; overflow: hidden; padding: 1.25rem; border: 1px solid var(--af-border); border-bottom: 2px solid var(--af-cyan); border-radius: var(--af-radius-md); background: linear-gradient(145deg, var(--af-card), #071017); color: var(--af-text) !important; text-decoration: none !important; transition: border-color .2s ease, transform .2s ease, background .2s ease; }
.af-category-card:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,16,23,.98), rgba(7,16,23,.28)); pointer-events: none; }
.af-category-card__image { position: absolute; inset: 0 0 0 auto; width: 72%; height: 100%; object-fit: contain; opacity: .65; }
.af-category-card__index, .af-category-card__body, .af-category-card__arrow { position: relative; z-index: 1; }
.af-category-card:nth-child(even) { border-bottom-color: var(--af-orange); }
.af-category-card:hover { transform: translateY(-3px); border-color: var(--af-cyan); background: var(--af-card-raised); }
.af-category-card__index { color: var(--af-cyan); font-size: .75rem; font-weight: 800; letter-spacing: .14em; }
.af-category-card__body { display: flex; flex-direction: column; gap: .25rem; padding-right: 1.5rem; }
.af-category-card__body strong { font-size: 20px; line-height: 1.25; color: var(--af-text); overflow-wrap: anywhere; }
.af-category-card__body > span { color: var(--af-text-muted); font-size: 14px; }
.af-category-card__arrow { position: absolute; right: 1.25rem; bottom: 1.2rem; display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border: 1px solid var(--af-border); border-radius: 50%; color: var(--af-cyan); }

/* Homepage bestsellers and reusable JTL product boxes. */
.af-bestsellers { padding-block: 24px; background: var(--af-bg); }
.af-bestsellers__all { color: var(--af-cyan) !important; font-size: 15px; font-weight: 700; text-decoration: none; }
.af-bestsellers__all span { margin-left: .4rem; }
.af-bestsellers__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: .9rem; }
.af-product-card { min-width: 0; display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 60%); min-height: 250px; overflow: hidden; border: 1px solid var(--af-border); border-radius: var(--af-radius-md); background: var(--af-card); transition: border-color .2s ease, transform .2s ease; }
.af-product-card:hover { border-color: rgba(0,200,255,.58); transform: translateY(-2px); }
.af-product-card__image { display: grid; place-items: center; min-width: 0; overflow: hidden; padding: 12px; background: #edf2f5; }
.af-product-card__image picture { display: block; width: 100%; }
.af-product-card__photo { display: block; width: 100%; height: auto; max-height: 260px; object-fit: contain; }
.af-product-card__body { min-width: 0; display: flex; flex-direction: column; padding: 16px; }
.af-product-card__brand { margin-bottom: 6px; color: var(--af-text-muted); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; overflow-wrap: anywhere; }
.af-product-card h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.35; font-weight: 700; overflow-wrap: anywhere; }
.af-product-card h3 a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.af-product-card h3 a { color: var(--af-text); text-decoration: none; }
.af-product-card__rating { margin-bottom: .4rem; }
.af-product-card__price { margin-bottom: 8px; font-size: 15px; font-weight: 800; }
.af-product-card__price .price { font-size: 23px; line-height: 1.2; }
.af-product-card .delivery-status { margin-bottom: 12px; color: var(--af-text-muted); font-size: 14px; }
.af-product-card .delivery-status small { font-size: inherit; }
.af-product-card__form .btn, .af-product-card__details { font-size: 14px; white-space: normal; }
.af-product-card__form, .af-product-card__details { margin-top: auto; }
.af-product-card__form .btn, .af-product-card__details { width: 100%; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
body.is-nova .productbox-column { display: flex; flex-direction: column; }
body.is-nova .productbox-column > .form-basket { display: flex; flex: 1; flex-direction: column; }
body.is-nova .productbox-column .productbox-inner { display: flex; flex: 1; flex-direction: column; }
body.is-nova .productbox-column .productbox-inner > .row { flex: 1; }
body.is-nova .productbox-column .productbox-title { font-size: 1rem; line-height: 1.35; }
body.is-nova .productbox-column .productbox-image { background: #edf2f5; }
.af-productbox-actions { display: grid; gap: .65rem; margin-top: .7rem; padding-top: .7rem; border-top: 1px solid var(--af-border); }
.af-productbox-actions .delivery-status { min-height: 1.2rem; color: var(--af-text-muted); font-size: .8rem; }
.af-productbox-actions .btn { min-height: 44px; width: 100%; }
body.is-nova .product-slider-wrapper { padding-block: 2rem 3rem; background: var(--af-bg-secondary); }
body.is-nova .product-slider-wrapper .hr-sect { color: var(--af-text); font-weight: 800; font-size: clamp(1.6rem, 2.3vw, 2.25rem); }
body.is-nova .product-slider-wrapper .hr-sect:before, body.is-nova .product-slider-wrapper .hr-sect:after { border-color: var(--af-border); }
body.is-nova .product-wrapper-product, body.is-nova .productbox { border: 1px solid var(--af-border); border-radius: var(--af-radius-md); background: var(--af-card); overflow: hidden; transition: border-color .2s ease, transform .2s ease; }
body.is-nova .product-wrapper-product:hover, body.is-nova .productbox:hover { border-color: rgba(0,200,255,.58); transform: translateY(-2px); }
body.is-nova .product-wrapper-product .item-slider, body.is-nova .productbox-image { background: #edf2f5; }
body.is-nova .product-wrapper-product .item-slider-desc { padding-inline: .85rem; color: var(--af-text); font-weight: 600; line-height: 1.4; }
body.is-nova .product-wrapper-product .item-slider-price { padding: .4rem .85rem .95rem; color: var(--af-text); font-weight: 800; }
body.is-nova .productbox-title { font-weight: 700; }
body.is-nova .productbox-title a { color: var(--af-text); }
body.is-nova .productbox-title a:hover { color: var(--af-cyan); }
body.is-nova .productbox-inner { background: var(--af-card); }
body.is-nova .productbox .price, body.is-nova .product-detail .price { color: var(--af-text); font-weight: 800; }
body.is-nova .delivery-status .signal_image, body.is-nova .delivery-status .available { color: var(--af-success); }
body.is-nova .ribbon-1 { background: var(--af-orange); color: #091119; }
body.is-nova .slick-arrow { background: var(--af-card-raised); border: 1px solid var(--af-border); color: var(--af-text); }

/* Trust section, listings, product page, cart and checkout. */
.af-brand { display: grid; gap: 16px; padding-block: 24px 32px; }
.af-brand__points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding: 1.25rem 0; border: 1px solid var(--af-border); border-radius: var(--af-radius-md); background: var(--af-card); }
.af-point { min-width: 0; display: grid; grid-template-columns: 2rem 1fr; column-gap: .55rem; align-items: baseline; padding: .25rem 1rem; border-right: 1px solid var(--af-border); }
.af-point:last-child { border-right: 0; }
.af-point > span { color: var(--af-cyan); font-size: .75rem; font-weight: 800; }
.af-point h3 { margin: 0; font-size: 1.12rem; font-weight: 700; }
.af-point p { grid-column: 2; margin: .25rem 0 0; color: var(--af-text-muted); font-size: 14px; }
.af-point p a { color: var(--af-cyan) !important; font-weight: 700; text-decoration: underline; text-underline-offset: .2em; }
body.is-nova #content-wrapper.is-item-list, body.is-nova .product-detail, body.is-nova .basket_wrapper, body.is-nova .checkout { background: var(--af-bg); }
body.is-nova .product-gallery, body.is-nova .product-info-inner { border-radius: var(--af-radius-lg); }
body.is-nova .product-info-inner { background: var(--af-card); border: 1px solid var(--af-border); padding: clamp(1.2rem, 2vw, 2rem); }
body.is-nova .product-title { font-size: clamp(1.7rem, 2.8vw, 2.6rem); font-weight: 800; line-height: 1.18; }
body.is-nova #product-offer { gap: 1.4rem 0; padding-block: 1.2rem 2.8rem; }
body.is-nova .product-gallery { align-self: flex-start; background: #eaf0f3; border: 1px solid var(--af-border); padding: clamp(.6rem, 1.6vw, 1.5rem); }
body.is-nova .product-gallery .gallery-with-action-main { margin-inline: 0; }
body.is-nova .product-info .info-essential { color: var(--af-text-muted); font-size: .88rem; }
body.is-nova .product-info .info-essential strong { color: var(--af-text); font-weight: 600; }
body.is-nova .product-offer { border-top: 1px solid var(--af-border); margin-top: 1.3rem; padding-top: 1.3rem; }
body.is-nova .product-offer .price { font-size: clamp(1.65rem, 2.6vw, 2.3rem); }
body.is-nova .product-offer .stock-information { color: var(--af-text-muted); border-block: 1px solid var(--af-border); padding-block: .85rem; margin-block: 1rem; }
body.is-nova .product-offer .btn-primary { min-height: 48px; }
body.is-nova .product-offer .custom-control-label { cursor: pointer; }
body.is-nova .product-offer .custom-control-label:before { border-color: var(--af-border); background: var(--af-card-raised); }
body.is-nova .product-offer .custom-control-input:checked ~ .custom-control-label:before { background: var(--af-cyan); border-color: var(--af-cyan); }
body.is-nova .product-info-inner .variations { margin-block: 1.1rem; }
body.is-nova .product-info-inner .variation-wrapper { padding-block: .8rem; border-top: 1px solid var(--af-border); }
body.is-nova .product-info-inner .variation-wrapper dt { color: var(--af-text); font-weight: 700; }
body.is-nova .product-info-inner .variation.swatches { border: 1px solid var(--af-border); border-radius: var(--af-radius-sm); background: var(--af-card-raised); color: var(--af-text); }
body.is-nova .product-info-inner .variation.swatches:hover, body.is-nova .product-info-inner .variation.swatches.active { border-color: var(--af-cyan); color: var(--af-text); }
body.is-nova .product-info-inner .variation.swatches.not-available { opacity: .55; }
body.is-nova .product-info-inner .choose-variations { border-color: var(--af-orange); background: rgba(255,133,0,.08); color: var(--af-text); }
body.is-nova .tab-navigation { border-bottom: 1px solid var(--af-border); margin-bottom: 1.5rem; }
body.is-nova .tab-navigation .nav-link { color: var(--af-text-muted); border-color: transparent; }
body.is-nova .tab-navigation .nav-link.active { color: var(--af-cyan); border-bottom-color: var(--af-cyan); background: transparent; }
body.is-nova .tab-content, body.is-nova #tabAccordion .card { color: var(--af-text); }
body.is-nova .tab-content .desc, body.is-nova #tabAccordion .desc { max-width: 76ch; line-height: 1.7; }
body.is-nova .tab-content table, body.is-nova #tabAccordion table { max-width: 100%; }
body.is-nova .product-list { row-gap: 1.2rem; }
body.is-nova .product-list .product-wrapper { display: flex; }
body.is-nova .product-list .product-wrapper > .productbox { width: 100%; }
body.is-nova .filter-collapsible-control, body.is-nova .filter-item { border-color: var(--af-border); }
body.is-nova .card, body.is-nova .box, body.is-nova .basket-summary, body.is-nova .checkout .panel { background: var(--af-card); border-color: var(--af-border); color: var(--af-text); border-radius: var(--af-radius-md); }
body.is-nova .basket-items, body.is-nova .cart-summary, body.is-nova .checkout-confirmation { color: var(--af-text); }
body.is-nova .basket-items .cart-items-header { border-bottom: 1px solid var(--af-border); padding-bottom: .8rem; color: var(--af-text-muted); }
body.is-nova .basket-items .cart-items-body, body.is-nova .checkout-items-item { border-bottom: 1px solid var(--af-border); padding-block: 1rem; }
body.is-nova .basket-items .cart-items-name { color: var(--af-text); font-weight: 700; text-decoration: none; }
body.is-nova .basket-items .cart-items-name:hover { color: var(--af-cyan); }
body.is-nova .basket-items .cart-items-quantity .form-counter { border-color: var(--af-border); }
body.is-nova .basket-items .cart-items-price .price_overall { color: var(--af-text); font-weight: 800; }
body.is-nova .basket-items .cart-items-delete-button { color: var(--af-text-muted); }
body.is-nova .basket-items .cart-items-delete-button:hover { color: #ff8f83; }
body.is-nova .basket-summary { padding: clamp(1rem, 2vw, 1.5rem); }
body.is-nova .basket-summary-total, body.is-nova .checkout-items-total-total { border-top: 1px solid var(--af-border); padding-top: 1rem; color: var(--af-text); font-weight: 800; }
body.is-nova .checkout-button-row .btn-primary, body.is-nova .order-submit .btn-primary { min-height: 48px; }
body.is-nova #checkout .card-header { background: var(--af-card-raised); color: var(--af-text); border-color: var(--af-border); }
body.is-nova #checkout .card-header .card-title { color: var(--af-text); }
body.is-nova .checkout-steps { gap: .35rem; margin-block: 1rem 2rem; background: var(--af-card); border: 1px solid var(--af-border); padding-bottom: 1.2rem; }
body.is-nova .checkout-steps .step { background: var(--af-card); color: var(--af-text-muted); }
body.is-nova .checkout-steps .step-current { background: var(--af-card-raised); color: var(--af-text); font-weight: 700; }
body.is-nova .checkout-steps .step-current .badge-primary { background: var(--af-cyan); color: var(--af-bg); }
body.is-nova .checkout .form-group label { color: var(--af-text); font-weight: 600; }
body.is-nova .checkout-payment-method, body.is-nova .checkout-shipping-form-options-radio { border-color: var(--af-border); border-radius: var(--af-radius-sm); }
body.is-nova .checkout-payment-method:hover, body.is-nova .checkout-shipping-form-options-radio:hover { border-color: var(--af-cyan); }
body.is-nova .invalid-feedback, body.is-nova .has-error .form-control-feedback { color: #ff8f83; }
body.is-nova .table { color: var(--af-text); }
body.is-nova .table td, body.is-nova .table th, body.is-nova hr { border-color: var(--af-border); }
body.is-nova .text-muted, body.is-nova .text-muted-util { color: var(--af-text-muted) !important; }
body.is-nova .breadcrumb, body.is-nova .breadcrumb-container { background: transparent; color: var(--af-text-muted); }
body.is-nova #footer { background: #071018; border-top: 1px solid var(--af-border); color: var(--af-text-muted); }
body.is-nova #footer h3, body.is-nova #footer .h3, body.is-nova #footer .footer-col-title { color: var(--af-text); }
body.is-nova #copyright { margin-top: 0; background: var(--af-bg); color: var(--af-text-muted); border-top: 1px solid var(--af-border); }
.af-footer-layout { display: grid; grid-template-columns: 1.15fr .7fr 2fr; gap: 40px; padding-block: 16px 32px; }
.af-footer-brand p { max-width: 28ch; color: var(--af-text-muted); font-size: 15px; }
.af-footer-support { display: grid; gap: 4px; font-size: 15px; margin-top: 20px; }
.af-footer-support span { color: var(--af-cyan); }
.af-footer-categories > strong { display: block; margin: 12px 0 16px; color: var(--af-text); font-size: 17px; }
.af-footer-categories ul { display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; font-size: 15px; }
body.is-nova #footer { padding-top: 32px; }
body.is-nova #footer-boxes { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 24px; margin: 0; }
body.is-nova #footer-boxes > div { width: 100%; max-width: none; padding: 0; }
body.is-nova #footer-boxes .card, body.is-nova #footer-boxes .box { border: 0; background: transparent; }
body.is-nova #footer-boxes .nav-link { font-size: 15px; padding-block: 5px; }
body.is-nova #footer-boxes .h5, body.is-nova #footer-boxes h5, body.is-nova #footer-boxes .footer-col-title { font-size: 17px; }

@media (min-width: 1200px) and (max-width: 1599px) {
    .af-bestsellers__grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 1199px) {
    .af-hero h1 { font-size: clamp(38px, 4.5vw, 54px); }
    .af-category-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .af-bestsellers__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .af-brand__points { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .af-point:nth-child(2) { border-right: 0; }
    .af-point:nth-child(-n+2) { padding-bottom: 1rem; border-bottom: 1px solid var(--af-border); }
    .af-point:nth-child(n+3) { padding-top: 1rem; }
}
@media (max-width: 991px) {
    .af-hero__grid { grid-template-columns: 1fr; gap: 0; min-height: 0; }
    .af-hero__copy { padding: 3.5rem 0 1rem; }
    .af-hero__visual { min-height: 300px; max-height: 420px; }
    .af-brand { gap: 1rem; }
    .af-footer-layout { grid-template-columns: 1fr 1fr; gap: 24px; }
    .af-footer-existing { grid-column: 1 / -1; }
    body.is-nova .navbar-toggler, body.is-nova .header-shop-nav a { min-width: 44px; min-height: 44px; }
}
@media (max-width: 575px) {
    /* Retain the accessible brand name while giving all mobile controls room. */
    #jtl-nav-wrapper .af-navbar-brand { position: relative; padding-inline: 4px; margin-right: 0; }
    #jtl-nav-wrapper .af-navbar-brand > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    #jtl-nav-wrapper .af-navbar-brand .af-brand-mark { width: 32px; height: 32px; }
    #jtl-nav-wrapper #shop-nav .nav-link { padding-inline: 10px; }
    .af-container { width: min(var(--af-container), calc(100% - 32px)); }
    .af-announcement .af-container { justify-content: center; }
    .af-announcement span:last-child { display: none; }
    .af-hero__copy { padding-top: 2.8rem; }
    .af-hero h1 { font-size: clamp(32px, 9vw, 40px); }
    .af-hero__actions { display: grid; grid-template-columns: 1fr; }
    .af-hero__facts { margin-top: 1.7rem; gap: .5rem; }

    .af-hero__visual { min-height: 240px; max-height: 330px; }
    .af-category-grid { grid-template-columns: 1fr; }
    .af-category-card { min-height: 145px; }
    .af-bestsellers__grid { grid-template-columns: 1fr; }
    .af-product-card { min-height: 240px; }
    .af-product-card__body { padding: 12px; }
    .af-product-card h3 { font-size: 16px; }
    .af-footer-layout { grid-template-columns: 1fr; }
    .af-brand__points { grid-template-columns: 1fr; }
    .af-point, .af-point:nth-child(2), .af-point:nth-child(-n+2), .af-point:nth-child(n+3) { padding: 1rem; border-right: 0; border-bottom: 1px solid var(--af-border); }
    .af-point:last-child { border-bottom: 0; }
    .af-section-heading { align-items: start; gap: 1rem; flex-direction: column; }
    .af-point { grid-template-columns: 2.2rem 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    body.is-nova *, body.is-nova *:before, body.is-nova *:after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Homepage photography and card layout: consolidated 1.0.12 overrides. */
.af-hero { background: #050a0f; }
.af-hero:before { display: none; }
.af-hero__visual { min-height: 440px; overflow: visible; }
.af-hero__photo {
    display: block; width: 110%; height: 470px; max-width: none; margin-left: -5%;
    object-fit: cover; object-position: 66% center;
    -webkit-mask-image: linear-gradient(to right, transparent, black 22%);
    mask-image: linear-gradient(to right, transparent, black 22%);
}
.af-category-card { min-height: 190px; }
.af-category-card__image {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: center; opacity: .98;
}
.af-category-card:after {
    background: linear-gradient(90deg, rgba(4,10,15,.92), rgba(4,10,15,.65) 42%, rgba(4,10,15,.14));
}
.af-brand { position: relative; isolation: isolate; overflow: hidden; }
.af-brand__intro, .af-brand__points { position: relative; z-index: 1; }
.af-brand__photo { position: absolute; inset: 0 0 0 auto; width: 54%; z-index: -1; pointer-events: none; }
.af-brand__photo img {
    width: 100%; height: 100%; object-fit: cover; object-position: 44% center; opacity: .52;
    -webkit-mask-image: linear-gradient(to right, transparent, black 55%);
    mask-image: linear-gradient(to right, transparent, black 55%);
}
@media (min-width: 992px) {
    .af-hero__grid { position: relative; isolation: isolate; grid-template-columns: 1fr 1fr; min-height: 490px; }
    .af-hero__copy { z-index: 2; }
    .af-hero__visual {
        position: absolute; z-index: 0; top: 0; bottom: 0;
        right: calc((min(var(--af-container), 100vw - 48px) - 100vw)/2);
        width: min(75vw, 1360px); min-height: 0; overflow: hidden; pointer-events: none;
    }
    .af-hero__photo { margin: 0; width: 100%; height: 100%; object-position: 65% center; -webkit-mask-image: linear-gradient(to right, transparent, black 34%); mask-image: linear-gradient(to right, transparent, black 34%); }
}
@media (min-width: 1200px) {
    .af-hero__grid { min-height: 495px; }
    .af-hero__copy { max-width: 800px; }
    .af-hero h1 { max-width: 800px; font-size: clamp(46px, 3.25vw, 62px); }
    .af-hero__visual { width: min(70vw, 1280px); }
    .af-category-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .af-category-card { min-height: 205px; }
    /* Cap the grid at four columns while allowing three products to fill a row. */
    .af-bestsellers__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .af-bestsellers__grid:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .af-bestsellers__grid:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .af-bestsellers__grid:has(> :first-child:last-child) { grid-template-columns: minmax(0, 1fr); }
    .af-product-card { grid-template-columns: minmax(0, 1fr); grid-template-rows: 220px minmax(0, 1fr); min-height: 430px; }
    .af-product-card__image { padding: 14px; }
    .af-product-card__photo { max-height: 195px; height: 100%; object-fit: contain; }
    .af-product-card__body { padding: 17px; }
    .af-product-card h3 { font-size: 17px; }
    .af-brand { min-height: 330px; padding-block: 48px; }
    .af-brand__photo { width: 62%; }
    .af-brand__photo img { opacity: .8; object-position: 45% center; }
    .af-brand__points { margin-top: 38px; background: rgba(13,21,29,.90); backdrop-filter: blur(6px); }
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
    .af-bestsellers__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .af-bestsellers__grid:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .af-bestsellers__grid:has(> :first-child:last-child) { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .af-bestsellers__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .af-product-card { grid-template-columns: minmax(0, 42%) minmax(0, 58%); }
    .af-category-card { min-height: 190px; }
}
@media (max-width: 991.98px) {
    .af-hero__visual { min-height: 330px; overflow: hidden; }
    .af-hero__photo { width: 110%; height: 360px; margin-left: -5%; object-position: right center; }
    .af-brand__photo { width: 70%; opacity: .6; }
}
@media (max-width: 767.98px) {
    .af-brand__photo { opacity: .24; }
    .af-category-card { min-height: 175px; }
}
@media (max-width: 575.98px) {
    .af-hero__photo { height: 260px; width: 100%; margin-left: 0; -webkit-mask-image: none; mask-image: none; }
    .af-hero__visual { min-height: 260px; }
    .af-brand__photo { width: 100%; opacity: .22; }
}

/* 1.0.14: Premium header/footer finish; preserve NOVA behavior and menu markup. */
@media (min-width: 992px) {
  body.is-nova #jtl-nav-wrapper { background: rgba(5,10,15,.96); }
  body.is-nova #jtl-nav-wrapper nav.navbar { min-height: 76px; }
  body.is-nova #mainNavigation .nav-link { font-size: 15px; font-weight: 650; padding-inline: clamp(10px, 1vw, 21px); }
  #jtl-nav-wrapper .af-navbar-brand { font-size: clamp(1.25rem, 1.35vw, 1.65rem); gap: .7rem; }
  #jtl-nav-wrapper .af-navbar-brand .af-brand-mark { width: 40px; height: 40px; }
}
body.is-nova #jtl-nav-wrapper { border-bottom: 1px solid rgba(0,200,255,.22); }
body.is-nova #mainNavigation .nav-link { transition: color .2s ease, background-color .2s ease; }
body.is-nova #mainNavigation .nav-link:hover { background: rgba(0,200,255,.045); }
body.is-nova #header-top-bar { background: #080e14; }
.af-announcement { border-bottom: 1px solid rgba(38,51,61,.62); }
.af-announcement .af-container { min-height: 34px; }
body.is-nova #footer { padding-top: 54px; background: linear-gradient(180deg,#08131c,#050a0f); }
.af-footer-layout { grid-template-columns: minmax(240px, 1.2fr) minmax(160px, .7fr) minmax(0, 2fr); gap: clamp(28px, 4vw, 72px); padding-block: 20px 68px; }
.af-footer-brand p { margin-top: 12px; max-width: 30ch; line-height: 1.65; }
.af-footer-support { display: inline-flex; flex-direction: column; gap: 8px; margin-top: 12px; text-decoration: none; font-weight: 600; }
.af-footer-categories > strong { margin-top: 10px; }
.af-footer-categories a { text-decoration: none; }
.af-footer-categories a:hover { color: var(--af-cyan) !important; }
body.is-nova #footer-boxes { gap: clamp(20px, 2.4vw, 44px); }
body.is-nova #footer-boxes .nav-link { line-height: 1.55; }
@media (max-width: 991.98px) {
  .af-footer-layout { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; padding-block: 18px 42px; }
  .af-footer-existing { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
  body.is-nova #footer { padding-top: 32px; }
  .af-footer-layout { grid-template-columns: 1fr; gap: 22px; }
  .af-footer-existing { grid-column: auto; }
}

/* 1.0.15: focused visual polish; do not alter NOVA controls or JTL data binding. */
.af-product-card__body { gap: 2px; }
.af-product-card h3 { line-height: 1.38; margin-bottom: 6px; }
.af-product-card h3 a:hover { color: var(--af-cyan); }
.af-product-card__image { transition: background-color .18s ease; }
.af-product-card:hover .af-product-card__image { background: #f5f8fa; }
.af-product-card__brand { letter-spacing: .045em; }
.af-product-card__price { margin-bottom: 6px; }
.af-product-card__form .btn:focus-visible,
.af-product-card__details:focus-visible { outline: 2px solid var(--af-cyan); outline-offset: 3px; }
body.is-nova #footer .af-footer-brand .af-navbar-brand { text-decoration: none; }
body.is-nova #footer .af-footer-brand .af-navbar-brand:hover { color: var(--af-cyan) !important; }
body.is-nova #footer-boxes a:focus-visible,
.af-footer-categories a:focus-visible { outline: 2px solid var(--af-cyan); outline-offset: 3px; }
@media (min-width: 1200px) {
  .af-product-card__image { min-height: 220px; }
  .af-product-card__body { padding: 18px; }
  .af-product-card__price .price { font-size: 24px; }
}
@media (max-width: 575.98px) {
  .af-product-card__image { padding: 10px; }
  .af-product-card__body { gap: 0; }
}

/* 1.0.16 – homepage-only visual alignment with the 16:9 design reference.
   Keep section geometry independent of demo catalog names and prices. */
@media (min-width: 1200px) {
  .af-hero__grid { min-height: clamp(455px, 31vw, 560px); }
  .af-hero__copy { padding-block: 48px 56px; }
  .af-hero__actions { margin-top: 1.5rem; }
  .af-hero__facts { margin-top: 1.4rem; }
  .af-categories { padding-block: 26px 20px; }
  .af-category-grid { gap: 14px; }
  .af-category-card { min-height: 215px; }
  .af-bestsellers { padding-block: 20px 28px; }
  .af-bestsellers__grid { gap: 16px; }
  .af-section-heading { margin-bottom: 18px; }
  .af-brand { padding-block: 38px 46px; }
}
.af-category-card__image { transition: transform .25s ease; }
.af-category-card:hover .af-category-card__image { transform: scale(1.035); }
.af-category-card__body strong { text-shadow: 0 1px 8px rgba(0,0,0,.6); }
.af-brand__points { box-shadow: 0 12px 32px rgba(0,0,0,.22); }
@media (max-width: 575.98px) {
  .af-categories { padding-block: 22px 14px; }
  .af-bestsellers { padding-block: 22px; }
  .af-category-card { min-height: 175px; }
}
@media (prefers-reduced-motion: reduce) {
  .af-category-card__image { transition: none; }
}

/* 1.0.18: expanded FPV + VR + repair editorial homepage. */
.af-editorial,.af-workflow,.af-help{padding-block:26px 18px}
.af-offerings,.af-repairs,.af-systems{display:grid;gap:14px}
.af-offerings,.af-repairs{grid-template-columns:repeat(4,minmax(0,1fr))}
.af-offering,.af-repair{position:relative;display:flex;flex-direction:column;min-width:0;text-decoration:none!important;color:var(--af-text)!important;border:1px solid var(--af-border);border-bottom:2px solid var(--af-cyan);border-radius:12px;background:linear-gradient(135deg,#142330,#081018);padding:24px;min-height:212px;overflow:hidden}
.af-offering:nth-child(even),.af-repair:nth-child(even){border-bottom-color:var(--af-orange)}
.af-offering:hover,.af-repair:hover{border-color:var(--af-cyan);transform:translateY(-2px)}
.af-offering h3,.af-repair h3{font-size:clamp(16px,1.3vw,21px);margin:16px 0 7px}
.af-offering p,.af-repair p{color:var(--af-text-muted);font-size:14px;line-height:1.5;margin:0;max-width:29ch}
.af-offering__icon{color:var(--af-cyan);font-size:31px;font-weight:800;line-height:1}
.af-offering__arrow{position:absolute;right:20px;bottom:17px;color:var(--af-cyan)}
.af-offering--fpv{background:linear-gradient(115deg,rgba(7,17,25,.96),rgba(7,17,25,.55)),url('images/category-ufl.webp') center/cover}
.af-offering--spares{background:linear-gradient(115deg,rgba(7,17,25,.96),rgba(7,17,25,.58)),url('images/category-accessories.webp') center/cover}
.af-offering--custom{background:linear-gradient(115deg,rgba(7,17,25,.96),rgba(7,17,25,.58)),url('images/category-custom.webp') center/cover}
.af-repair{min-height:180px;background:linear-gradient(135deg,#10202e,#0a1119)}
.af-repair__marker{font-weight:800;font-size:12px;letter-spacing:.12em;color:var(--af-cyan)}
.af-repair strong{color:var(--af-cyan);font-size:13px;margin-top:auto;padding-top:18px}
.af-systems{grid-template-columns:repeat(6,minmax(0,1fr))}
.af-systems a{display:flex;flex-direction:column;gap:8px;min-width:0;padding:19px 16px;border:1px solid var(--af-border);background:var(--af-card);border-radius:10px;text-decoration:none;color:var(--af-text)!important}
.af-systems a:hover{border-color:var(--af-cyan)}
.af-systems strong{font-size:16px}.af-systems small{color:var(--af-text-muted)}
.af-workflow__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.af-workflow__steps li{display:flex;gap:15px;align-items:flex-start;padding:20px;border:1px solid var(--af-border);border-radius:10px;background:var(--af-card)}
.af-workflow__steps b{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--af-cyan);color:#041017}
.af-workflow__steps h3{font-size:16px;margin:0 0 6px}.af-workflow__steps p{font-size:13px;color:var(--af-text-muted);margin:0}
.af-brand__intro>p:last-child{color:var(--af-text-muted)}
.af-help__layout{display:grid;grid-template-columns:1fr 1.5fr;gap:18px}
.af-help__contact,.af-help__faq{background:var(--af-card);border:1px solid var(--af-border);border-radius:12px;padding:24px}
.af-help__contact h3{font-size:23px}.af-help__contact p{color:var(--af-text-muted);max-width:44ch}
.af-help__faq details{border-bottom:1px solid var(--af-border);padding:13px 0}.af-help__faq details:first-child{padding-top:0}.af-help__faq details:last-child{border-bottom:0}
.af-help__faq summary{cursor:pointer;font-weight:600;color:var(--af-text)}.af-help__faq details p{color:var(--af-text-muted);font-size:14px;margin:10px 0 0}
@media(max-width:1199.98px){.af-offerings,.af-repairs{grid-template-columns:repeat(2,minmax(0,1fr))}.af-systems{grid-template-columns:repeat(3,minmax(0,1fr))}.af-workflow__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.af-help__layout{grid-template-columns:1fr}.af-offerings,.af-repairs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.af-offerings,.af-repairs,.af-systems,.af-workflow__steps{grid-template-columns:1fr}.af-offering{min-height:185px}}

/* 1.0.19 – genuine product photography from Antennenfreund repair listings. */
.af-offering--repair{background:linear-gradient(90deg,rgba(7,17,25,.98) 0%,rgba(7,17,25,.8) 48%,rgba(7,17,25,.15) 100%),url('images/repair-thumbstick.jpg') right center/cover}
.af-repairs{align-items:stretch}
.af-repair{isolation:isolate;min-height:286px;justify-content:flex-end;padding:20px;background:#0d151d;transition:border-color .2s ease,transform .2s ease}
.af-repair:before{content:"";position:absolute;inset:0 0 40% 0;z-index:-1;background-position:center;background-size:cover;background-repeat:no-repeat}
.af-repair:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#081018 0%,rgba(8,16,24,.95) 36%,rgba(8,16,24,.05) 80%);pointer-events:none}
.af-repair:nth-child(1):before{background-image:url('images/repair-thumbstick.jpg')}
.af-repair:nth-child(2):before{background-image:url('images/repair-trigger.jpg')}
.af-repair:nth-child(3):before{background-image:url('images/repair-thumbstick.jpg')}
.af-repair:nth-child(4):before{background-image:url('images/repair-lenses.jpg')}
.af-repair__marker{position:absolute;top:14px;left:15px;background:rgba(5,10,15,.88);padding:5px 9px;border-radius:6px}
.af-repair h3{margin:18px 0 8px;text-shadow:0 2px 6px rgba(0,0,0,.8)}
.af-repair p{font-size:14px}
.af-repair strong{margin-top:12px}
.af-systems a{min-height:106px;justify-content:center;gap:8px;position:relative;border-bottom:2px solid rgba(0,200,255,.48);transition:background .2s ease}
.af-systems a:after{content:"↗";position:absolute;right:12px;top:12px;color:var(--af-cyan)}
.af-systems a:hover{background:var(--af-card-raised)}
@media(min-width:1200px){.af-offering{min-height:235px}.af-repair{min-height:308px}}
@media(max-width:575.98px){.af-repair{min-height:272px}}

.af-shortcuts{background:#09141e;border-bottom:1px solid var(--af-border)}
.af-shortcuts__inner{display:flex;align-items:center;gap:clamp(12px,2vw,35px);padding-block:12px;overflow-x:auto;scrollbar-width:thin}
.af-shortcuts a{flex:none;color:var(--af-text-muted)!important;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.af-shortcuts a:hover,.af-shortcuts a:focus-visible{color:var(--af-cyan)!important}

/* Version 1.0.20 – combined FPV and VR campaign imagery; no impact on JTL product logic. */
.af-hero__photo{object-position:58% center}
.af-offering--repair{background:linear-gradient(90deg,rgba(7,17,25,.96),rgba(7,17,25,.28)),url('images/category-vr-repairs.webp') center/cover}
.af-repair:nth-child(3):before{background-image:url('images/category-vr-repairs.webp')}
.af-repair:nth-child(4):before{background-image:url('images/category-vr-lenses.webp')}
.af-offering{min-height:260px;justify-content:flex-end}
.af-offering__icon{position:absolute;top:18px;left:22px;display:grid;place-items:center;width:38px;height:38px;background:rgba(4,12,19,.72);border:1px solid rgba(0,200,255,.22);border-radius:9px}
.af-offering h3{margin-top:34px;text-shadow:0 1px 12px rgba(0,0,0,.8)}
.af-offering p{color:#d2dce5;text-shadow:0 1px 8px #000}
.af-repair{min-height:320px}
.af-repair:before{inset:0 0 33% 0;background-size:cover;background-position:center}
.af-repair:after{background:linear-gradient(0deg,#081018 0%,rgba(8,16,24,.89) 34%,rgba(8,16,24,.05) 76%)}
.af-repair h3{font-size:19px}
.af-shortcuts__inner{min-height:48px}
.af-systems a{min-height:120px}
@media(max-width:575.98px){.af-offering{min-height:210px}.af-repair{min-height:285px}.af-systems a{min-height:94px}}

/* 1.0.21 – visually consistent service imagery without simulated VR hardware. */
.af-repair{min-height:330px;background:#0a131c;overflow:hidden}
.af-repair:before{inset:0 0 36% 0;background-size:contain;background-position:center center;background-color:#0a141e}
.af-repair:nth-child(1):before{background-image:url('images/service-thumbstick.webp')}
.af-repair:nth-child(2):before{background-image:url('images/service-trigger.webp')}
.af-repair:nth-child(3):before{background-image:none;background-color:#122633}
.af-repair:nth-child(4):before{background-image:url('images/service-lenses.webp')}
.af-repair:after{background:linear-gradient(0deg,#081018 0%,#081018 30%,rgba(8,16,24,.18) 74%)}
.af-offering--repair{background:linear-gradient(90deg,rgba(7,17,25,.98),rgba(7,17,25,.6)),url('images/service-thumbstick.webp') right center/cover}
.af-repair:nth-child(3):before{content:'VR SERVICE';display:flex;align-items:center;justify-content:center;color:#00c8ff;font-size:22px;letter-spacing:.18em;font-weight:800}
.af-repair__marker{z-index:1}
@media (max-width:575.98px){.af-repair{min-height:290px}}

/* 1.0.22: specific Quest product image, balanced repair cards, clearer systems. */
.af-repair:nth-child(3):before{background-image:url('images/service-quest.webp');background-color:#0a141e}
.af-repair:nth-child(3):before{content:"";display:block}
.af-repair{min-height:350px}
.af-repair:before{inset:0 0 37%;background-position:center;background-size:contain}
.af-repair h3{font-size:20px;line-height:1.25}
.af-repair p{line-height:1.5}
.af-repair strong{font-size:14px}
.af-systems a{min-height:120px;padding:22px 17px}
.af-systems strong{font-size:18px}
.af-systems small{font-size:13px}
@media (max-width:575.98px){.af-repair{min-height:310px}.af-systems a{min-height:95px}}

/* 1.0.23: authentic Antennenfreund photographs from user-supplied image collection.
   Editorial images only; JTL product images and catalog content remain dynamic. */
.af-offering--fpv{background:linear-gradient(0deg,rgba(6,15,23,.97),rgba(6,15,23,.06) 85%),url('images/original-fpv-antennen.webp') center/cover}
.af-offering--repair{background:linear-gradient(0deg,rgba(6,15,23,.97),rgba(6,15,23,.10) 85%),url('images/original-meta-quest-reparatur.webp') center/cover}
.af-offering--spares{background:linear-gradient(0deg,rgba(6,15,23,.97),rgba(6,15,23,.06) 85%),url('images/original-ersatzteile.webp') center/cover}
.af-offering--custom{background:linear-gradient(0deg,rgba(6,15,23,.97),rgba(6,15,23,.08) 85%),url('images/original-3d-druck.webp') center/cover}
.af-repair:nth-child(1):before{background-image:url('images/original-valve-index-thumbstick.webp')}
.af-repair:nth-child(2):before{background-image:url('images/original-valve-index-trigger.webp')}
.af-repair:nth-child(3):before{background-image:url('images/original-meta-quest-reparatur.webp')}
.af-repair:nth-child(4):before{background-image:url('images/original-vr-linsen.webp')}
.af-repair:before{inset:0 0 38%;background-size:contain;background-color:#111a23;background-position:center}
.af-repair:after{background:linear-gradient(0deg,#081018 0%,#081018 28%,rgba(8,16,24,.04) 78%)}
.af-offering h3,.af-repair h3{text-shadow:0 2px 10px rgba(0,0,0,.9)}

/* 1.0.24: graded, full-width editorial composites from Antennenfreund's authentic photographs. */
.af-offering--fpv{background:linear-gradient(0deg,rgba(5,13,20,.97),rgba(5,13,20,.05) 80%),url('images/editorial-fpv-antennen.webp') center/cover}
.af-offering--repair{background:linear-gradient(0deg,rgba(5,13,20,.97),rgba(5,13,20,.05) 80%),url('images/editorial-meta-quest-reparatur.webp') center/cover}
.af-offering--spares{background:linear-gradient(0deg,rgba(5,13,20,.97),rgba(5,13,20,.05) 80%),url('images/editorial-ersatzteile.webp') center/cover}
.af-offering--custom{background:linear-gradient(0deg,rgba(5,13,20,.97),rgba(5,13,20,.05) 80%),url('images/editorial-3d-druck.webp') center/cover}
.af-repair:nth-child(1):before{background-image:url('images/editorial-valve-index-thumbstick.webp')}
.af-repair:nth-child(2):before{background-image:url('images/editorial-valve-index-trigger.webp')}
.af-repair:nth-child(3):before{background-image:url('images/editorial-meta-quest-reparatur.webp')}
.af-repair:nth-child(4):before{background-image:url('images/editorial-vr-linsen.webp')}
.af-repair:before{background-size:cover;background-position:center;inset:0 0 30%}
.af-repair:after{background:linear-gradient(0deg,#081018 0%,rgba(8,16,24,.97) 28%,rgba(8,16,24,.05) 75%)}

/* 1.0.27 real-photo category imagery and 1.0.26 full-resolution repair crops. */
.af-offering--fpv{background:linear-gradient(0deg,rgba(4,11,18,.96),transparent 85%),url('images/business-fpv-photo.webp') center/cover}
.af-offering--repair{background:linear-gradient(0deg,rgba(4,11,18,.96),transparent 85%),url('images/business-vr-photo.webp') center/cover}
.af-offering--spares{background:linear-gradient(0deg,rgba(4,11,18,.96),transparent 85%),url('images/business-spares-photo.webp') center/cover}
.af-offering--custom{background:linear-gradient(0deg,rgba(4,11,18,.96),transparent 85%),url('images/business-custom-photo.webp') center/cover}
.af-repair:nth-child(1):before{background-image:url('images/repair-native-valve-index-thumbstick.webp')}
.af-repair:nth-child(2):before{background-image:url('images/repair-native-valve-index-trigger.webp')}
.af-repair:nth-child(3):before{background-image:url('images/repair-native-meta-quest-reparatur.webp')}
.af-repair:nth-child(4):before{background-image:url('images/repair-native-vr-linsen.webp')}
.af-repair:before{inset:0 0 28%;background-size:cover;background-position:center}
.af-repair:after{background:linear-gradient(0deg,#081018 0%,rgba(8,16,24,.94) 29%,transparent 80%)}

/* 1.0.30 systemfinder: meaningful icon sizing and native JTL search/category links. */
.af-systems .af-system{
 display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
 gap:clamp(10px,.85vw,17px);min-height:112px;padding:13px 12px;
 border:1px solid var(--af-border);border-bottom:2px solid rgba(0,200,255,.5);
 border-radius:10px;background:#0b1721;color:var(--af-text)!important;
 position:relative;transition:background .2s ease,border-color .2s ease;
}
.af-systems .af-system:hover,.af-systems .af-system:focus-visible{
 background:#112737;border-color:var(--af-cyan);
}
.af-systems .af-system::after{
 content:"↗";position:absolute;top:9px;right:10px;font-size:12px;line-height:1;color:var(--af-cyan);
}
.af-system__visual{
 display:flex;align-items:center;justify-content:center;flex:none;
 width:clamp(52px,5vw,80px);height:68px;
}
.af-system__visual img{
 display:block;width:100%;max-width:80px;max-height:65px;height:auto;object-fit:contain;
}
.af-system--hdzero .af-system__visual img,.af-system--walksnail .af-system__visual img{
 max-height:65px;width:clamp(60px,4.4vw,74px);
}
.af-system--valve .af-system__visual img{
 border-radius:6px;width:84px;max-width:100%;height:auto;
}
.af-system__copy{min-width:0;display:flex;flex-direction:column;gap:4px;padding-right:2px}
.af-systems .af-system__copy strong{font-size:clamp(13px,1vw,16px);font-weight:750;line-height:1.2}
.af-systems .af-system__copy small{font-size:clamp(11px,.75vw,12px);color:var(--af-text-muted);line-height:1.3}
@media(min-width:1200px) and (max-width:1540px){
 .af-systems .af-system{padding:12px 9px;gap:7px}
 .af-system__visual{width:50px;height:57px}
 .af-system__visual img{max-height:55px}
 .af-systems .af-system__copy strong{font-size:13px}
}
@media(max-width:575.98px){
 .af-systems{grid-template-columns:repeat(2,minmax(0,1fr))}
 .af-systems .af-system{min-height:100px;padding:10px;gap:9px}
 .af-system__visual{width:46px;height:53px}
 .af-system__visual img{max-height:49px}
 .af-systems .af-system__copy strong{font-size:13px}
 .af-systems .af-system__copy small{font-size:11px}
}
@media(max-width:380px){.af-systems{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.af-systems .af-system{transition:none}}

/* v1.0.31 – visual workflow and trust features; scoped to new visual classes. */
.af-workflow--visual {padding-block:30px 18px}
.af-workflow--visual .af-workflow__steps {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;
  list-style:none;margin:0;padding:0;counter-reset:none;
}
.af-workflow--visual .af-workflow__step {
  position:relative;display:grid;grid-template-columns:40px 48px minmax(0,1fr);
  align-items:center;gap:14px;min-height:140px;padding:20px 17px;
  border:1px solid rgba(39,85,106,.62);border-bottom:2px solid rgba(0,200,255,.72);
  border-radius:12px;background:linear-gradient(135deg,#10202c 0%,#07121b 100%);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.af-workflow--visual .af-workflow__step::after {
  content:"";position:absolute;z-index:2;right:-21px;top:50%;width:21px;height:18px;transform:translateY(-50%);
  background-color:#00c8ff;
  -webkit-mask:url('images/workflow-arrow.svg') center/contain no-repeat;
  mask:url('images/workflow-arrow.svg') center/contain no-repeat;
  filter:drop-shadow(0 0 5px rgba(0,200,255,.3));
}
.af-workflow--visual .af-workflow__step:last-child::after{content:none}
.af-workflow--visual .af-workflow__number {
  display:grid;place-items:center;width:40px;height:40px;flex:none;
  background:var(--af-cyan);color:#03141c;font-size:14px;font-weight:800;border-radius:8px;
}
.af-workflow--visual .af-workflow__icon {
  display:grid;place-items:center;width:46px;height:46px;color:#e6f7ff;
}
.af-workflow--visual .af-workflow__icon svg{width:42px;height:42px;max-width:100%}
.af-workflow--visual .af-workflow__copy{min-width:0}
.af-workflow--visual .af-workflow__copy h3{font-size:clamp(15px,1.2vw,19px);line-height:1.2;margin:0 0 8px}
.af-workflow--visual .af-workflow__copy p{font-size:13px;line-height:1.5;color:var(--af-text-muted);margin:0}
.af-workflow--visual .af-workflow__step:is(:hover,:focus-within){transform:translateY(-3px);border-color:var(--af-cyan);box-shadow:0 15px 32px rgba(0,0,0,.22)}

.af-brand--visual{gap:20px;padding-block:32px 40px}
.af-brand--visual .af-brand__intro{max-width:70ch}
.af-brand--visual .af-brand__points{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  border:1px solid rgba(43,91,114,.64);border-radius:12px;
  padding:14px 4px;background:rgba(7,19,27,.89);backdrop-filter:blur(6px);
}
.af-brand--visual .af-point{
  display:grid;grid-template-columns:20px 45px minmax(0,1fr);
  align-items:start;gap:11px;padding:12px 14px;
  border-right:1px solid rgba(57,96,117,.55);
}
.af-brand--visual .af-point:last-child{border-right:0}
.af-brand--visual .af-point__number{font-size:12px;font-weight:800;color:var(--af-cyan);line-height:26px}
.af-brand--visual .af-point__icon{
  grid-column:2;grid-row:1/span 2;display:grid;place-items:center;
  color:var(--af-cyan);width:43px;height:43px
}
.af-brand--visual .af-point__icon svg{width:36px;height:36px;max-width:100%}
.af-brand--visual .af-point__copy{grid-column:3;grid-row:1/span 2;min-width:0}
.af-brand--visual .af-point__copy h3{font-size:clamp(15px,1.1vw,18px);line-height:1.2;margin:0 0 7px}
.af-brand--visual .af-point__copy p{grid-column:auto;font-size:13px;line-height:1.5;margin:0;color:var(--af-text-muted)}
.af-brand--visual .af-point__copy a{color:var(--af-cyan);font-weight:750;text-decoration:underline}
@media(max-width:1399.98px){
 .af-workflow--visual .af-workflow__steps{gap:16px}
 .af-workflow--visual .af-workflow__step{grid-template-columns:32px 36px minmax(0,1fr);gap:10px;padding:15px 12px}
 .af-workflow--visual .af-workflow__number{width:32px;height:32px;font-size:12px}
 .af-workflow--visual .af-workflow__icon{width:36px;height:36px}
 .af-workflow--visual .af-workflow__icon svg{width:34px;height:34px}
}
@media(max-width:1199.98px){
 .af-workflow--visual .af-workflow__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}
 .af-workflow--visual .af-workflow__step:nth-child(2)::after{content:none}
 .af-brand--visual .af-brand__points{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}
 .af-brand--visual .af-point:nth-child(2){border-right:0}
}
@media(max-width:640px){
 .af-workflow--visual .af-workflow__steps{grid-template-columns:1fr;gap:25px}
 .af-workflow--visual .af-workflow__step{min-height:102px;grid-template-columns:37px 46px minmax(0,1fr);gap:12px}
 .af-workflow--visual .af-workflow__step::after,.af-workflow--visual .af-workflow__step:nth-child(2)::after{
   content:"";right:calc(50% - 11px);top:auto;bottom:-23px;transform:rotate(90deg);
 }
 .af-workflow--visual .af-workflow__step:last-child::after{content:none}
 .af-workflow--visual .af-workflow__number{width:37px;height:37px}
 .af-brand--visual .af-brand__points{grid-template-columns:1fr;gap:0;padding:8px}
 .af-brand--visual .af-point{border-right:0;border-bottom:1px solid rgba(57,96,117,.5);padding:14px 10px}
 .af-brand--visual .af-point:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){
 .af-workflow--visual .af-workflow__step{transition:none}
 .af-workflow--visual .af-workflow__step:is(:hover,:focus-within){transform:none}
}


/* 1.0.32 - public-domain Icooon Mono crossed wrench & hammer */
.af-workflow--visual .af-workflow__icon svg.af-tools-icon{width:36px;height:36px}
.af-brand--visual .af-point__icon svg.af-tools-icon{width:33px;height:33px}
@media(max-width:1399.98px){
 .af-workflow--visual .af-workflow__icon svg.af-tools-icon{width:30px;height:30px}
}

/* 1.0.35 desktop & mobile header proportions — NOVA widgets remain native. */
.af-service-strip{
 position:relative;z-index:1022;
 background:#06131d;border-bottom:1px solid rgba(54,97,117,.5);
 color:#e8eef3;
}
.af-service-strip__inner{
 display:flex;align-items:center;gap:clamp(14px,1.35vw,26px);
 width:min(1700px,calc(100% - 40px));min-height:44px;margin-inline:auto;
}
.af-service-strip__item{
 display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;
 min-width:0;white-space:nowrap;line-height:1.15;
 font-size:clamp(12px,.83vw,14px);letter-spacing:-.005em;
}
.af-service-strip__item svg{width:20px;height:20px;flex:none;color:var(--af-cyan)}
.af-service-strip__item--germany{margin-left:auto}
.af-service-strip__item--germany svg{width:24px;height:18px}
.af-service-strip__settings{margin-left:0;font-size:12px;flex:0 0 auto}
.af-service-strip__settings .topbar-main{
 display:flex;align-items:center;justify-content:flex-end;gap:3px;
 margin:0;padding:0;white-space:nowrap;
}
.af-service-strip__settings .topbar-note{display:none}
.af-service-strip__settings .topbar-main .nav-link{
 padding:8px 7px;color:#e8eef3;font-size:12px;line-height:1.2;
}
.af-service-strip__settings .topbar-main .nav-link:hover{color:var(--af-cyan)}
body.is-nova:has(.af-service-strip) #header-top-bar{display:none!important}
body.is-nova:has(.af-service-strip) #jtl-nav-wrapper{
 box-shadow:none;border-bottom:1px solid rgba(0,200,255,.22);background:#06111a;
}
body.is-nova #jtl-nav-wrapper .af-navbar-brand{
 min-height:62px;font-size:clamp(20px,1.35vw,25px);
 gap:10px;letter-spacing:-.035em;
}
body.is-nova #jtl-nav-wrapper .af-navbar-brand .af-brand-mark{width:35px;height:35px}
body.is-nova #jtl-nav-wrapper .nav-icons-wrapper{
 padding-right:0;min-width:0;
}
body.is-nova #jtl-nav-wrapper #shop-nav{
 display:flex;align-items:center;flex-wrap:nowrap;margin-bottom: revert;
}
body.is-nova #jtl-nav-wrapper #shop-nav .nav-link{
 display:inline-flex;align-items:center;justify-content:center;
 padding:9px 10px;min-height:46px;min-width:40px;
 color:#f1f5f8;transition:color .18s ease,background-color .18s ease;
}
body.is-nova #jtl-nav-wrapper #shop-nav .nav-link:is(:hover,:focus-visible){
 color:var(--af-cyan);background:rgba(0,200,255,.055);
}
body.is-nova #jtl-nav-wrapper #shop-nav .account-icon-dropdown .fa-user,
body.is-nova #jtl-nav-wrapper #shop-nav #shop-nav-wish .fa-heart{
 font-family:"Font Awesome 5 Free";font-weight:400;font-size:21px;
}
body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown-icon{font-size:21px}
body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown-price{
 font-size:13px;color:var(--af-cyan);font-weight:700;
 white-space:nowrap;margin-left:7px;
}
body.is-nova #jtl-nav-wrapper #shop-nav .fa-sup{
 background:var(--af-cyan);color:#04111b;font-size:10px;
 border-radius:100px;min-width:16px;min-height:16px;
}
body.is-nova #jtl-nav-wrapper #search .search-wrapper,
body.is-nova #jtl-nav-wrapper #search .search-wrapper form,
body.is-nova #jtl-nav-wrapper #search .form-icon,
body.is-nova #jtl-nav-wrapper #search .input-group{
 width:100%;min-width:0;
}
body.is-nova #jtl-nav-wrapper #search .search-wrapper form .input-group{
 display:flex;align-items:stretch;
 border:1px solid #355365;background:#091721;border-radius:24px;
 overflow:hidden;box-shadow:0 0 0 1px rgba(0,200,255,.035);
}
body.is-nova #jtl-nav-wrapper #search .search-wrapper form .input-group:focus-within{
 border-color:var(--af-cyan);box-shadow:0 0 0 2px rgba(0,200,255,.16);
}
body.is-nova #jtl-nav-wrapper #search-header{
 flex:1 1 auto;width:100%;min-width:0;min-height:45px;
 padding:10px 13px;color:#f4f8fa;background:transparent;
 border:0;border-radius:0;box-shadow:none;font-size:13px;
}
body.is-nova #jtl-nav-wrapper #search-header::placeholder{
 color:#bbc7d0;opacity:1;text-overflow:ellipsis;
}
body.is-nova #jtl-nav-wrapper #search .input-group-append{
 flex:0 0 49px;min-width:49px;margin:0;
}
body.is-nova #jtl-nav-wrapper #search .input-group-append :is(.btn,button){
 display:grid;place-items:center;width:49px;min-width:49px;height:45px;
 padding:0;background:var(--af-cyan);border:0;
 border-radius:0 23px 23px 0;color:#05131d;
}
body.is-nova #jtl-nav-wrapper #search .input-group-append :is(.btn,button):hover{
 background:var(--af-cyan-hover);
}
body.is-nova #jtl-nav-wrapper #search .fa-search{font-size:17px}
@media(min-width:992px){
 body.is-nova #jtl-nav-wrapper nav.navbar{min-height:74px}
 body.is-nova #jtl-nav-wrapper .nav-logo-wrapper{
  flex:0 0 auto;max-width:max-content;margin-right:clamp(12px,1.15vw,24px);
 }
 body.is-nova #jtl-nav-wrapper .nav-icons-wrapper{
  flex:0 0 auto;max-width:max-content;padding-left:8px;
 }
 body.is-nova #jtl-nav-wrapper #mainNavigation .nav-link{
  font-size:clamp(13px,.77vw,15px);
  padding-inline:clamp(7px,.6vw,12px);white-space:nowrap;
 }
 /* Fixed minimum reservation stops the category/menu columns shrinking the search. */
 body.is-nova #jtl-nav-wrapper .main-search-wrapper{
  flex:0 0 clamp(225px,19.5vw,355px)!important;
  width:clamp(225px,19.5vw,355px)!important;
  max-width:355px!important;min-width:225px;
 }
 body.is-nova #jtl-nav-wrapper .main-search-wrapper #search{width:100%;max-width:100%}
 /* Fallback when NOVA places the search within the nav-icons row. */
 body.is-nova #jtl-nav-wrapper #shop-nav > #search{
  width:clamp(225px,19.5vw,355px);
  min-width:225px;margin-right:6px;
 }
}
@media(min-width:992px) and (max-width:1360px){
 body.is-nova #jtl-nav-wrapper .af-navbar-brand{font-size:20px;gap:6px}
 body.is-nova #jtl-nav-wrapper .af-navbar-brand .af-brand-mark{width:31px;height:31px}
 body.is-nova #jtl-nav-wrapper #mainNavigation .nav-link{font-size:12px;padding-inline:6px}
 body.is-nova #jtl-nav-wrapper .main-search-wrapper{
  flex-basis:220px!important;width:220px!important;max-width:220px!important;min-width:0;
 }
 body.is-nova #jtl-nav-wrapper #shop-nav .nav-link{padding-inline:7px;min-width:36px}
 body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown-price{font-size:12px}
}
@media(max-width:1610px){
 .af-service-strip__item--custom{display:none}
}
@media(max-width:1330px){
 .af-service-strip__inner{gap:14px}
 .af-service-strip__item{font-size:12px}
 .af-service-strip__item--workshop{display:none}
}
@media(max-width:991.98px){
 .af-service-strip__inner{width:calc(100% - 28px);min-height:38px;gap:10px}
 .af-service-strip__item{font-size:12px}
 .af-service-strip__item--support,.af-service-strip__item--germany{display:none}
 .af-service-strip__settings{margin-left:auto}
 .af-service-strip__settings .topbar-main .nav-link{padding:6px 5px}
 body.is-nova #jtl-nav-wrapper .af-navbar-brand{font-size:20px;min-height:54px}
 body.is-nova #jtl-nav-wrapper .search-wrapper form .input-group{border-radius:12px}
 body.is-nova #jtl-nav-wrapper #shop-nav .nav-link{min-height:44px}
}
@media(max-width:575px){
 .af-service-strip__item--shipping{max-width:56%;white-space:normal}
 .af-service-strip__settings .topbar-main .nav-link{font-size:11px;padding:5px 4px}
 body.is-nova #jtl-nav-wrapper #shop-nav .nav-link{padding:7px;min-width:34px}
}
@media(max-width:390px){
 .af-service-strip__item svg{width:18px;height:18px}
 .af-service-strip__item{font-size:11px}
 .af-service-strip__settings .topbar-main{gap:0}
}
@media(prefers-reduced-motion:reduce){
 body.is-nova #jtl-nav-wrapper #shop-nav .nav-link{transition:none}
}


/* 1.0.36 – search and icon repair. Scoped to NOVA, no JS/widget replacements. */
body.is-nova #jtl-nav-wrapper #search .input-group {
  display:flex!important;flex-wrap:nowrap!important;align-items:stretch;
  justify-content:flex-start;position:relative;min-width:0;
}
body.is-nova #jtl-nav-wrapper #search .input-group > :is(.twitter-typeahead, .tt-search-wrapper) {
  display:block!important;order:1;flex:1 1 0%!important;
  width:auto!important;min-width:0!important;max-width:100%;
}
body.is-nova #jtl-nav-wrapper #search .input-group > input#search-header {
  order:1;flex:1 1 0%!important;width:auto!important;min-width:0!important;
}
body.is-nova #jtl-nav-wrapper #search .twitter-typeahead > input,
body.is-nova #jtl-nav-wrapper #search .twitter-typeahead > .form-control,
body.is-nova #jtl-nav-wrapper #search input#search-header {
  display:block;width:100%!important;max-width:100%;
  box-sizing:border-box;min-width:0!important;
  padding-inline:14px;background:transparent!important;
  font-size:13px;line-height:1.45;color:#f6f9fc;
}
body.is-nova #jtl-nav-wrapper #search .twitter-typeahead .tt-hint {
  color:transparent!important;opacity:0;pointer-events:none;
}
body.is-nova #jtl-nav-wrapper #search .input-group > .input-group-append {
  display:flex!important;align-items:stretch;order:3;
  position:relative!important;flex:0 0 49px!important;
  width:49px!important;min-width:49px!important;
  margin-left:auto!important;margin-right:0;
}
body.is-nova #jtl-nav-wrapper #search .input-group-append > button {
  display:grid!important;place-items:center;
  width:49px;height:100%;min-height:45px;
  padding:0;background:var(--af-cyan)!important;
  border-radius:0 23px 23px 0!important;color:#03141e!important;
}
body.is-nova #jtl-nav-wrapper #search .input-group-append > button:is(:hover,:focus-visible){
  background:var(--af-cyan-hover)!important;
}
body.is-nova #jtl-nav-wrapper #search .input-group > .form-clear {
  position:absolute;top:50%;right:53px;z-index:3;
  transform:translateY(-50%);margin:0;
}
body.is-nova #jtl-nav-wrapper #search button .fa-search::before {
  content:"";display:block;width:21px;height:21px;background-color:#03141e;
  -webkit-mask:url("images/af-header-search.svg") center / contain no-repeat;
  mask:url("images/af-header-search.svg") center / contain no-repeat;
}
/* Use coherent stroked vector silhouettes inside original account/wish/cart
   link triggers. All dropdown handlers, counters and labels remain native. */
body.is-nova #jtl-nav-wrapper #shop-nav :is(.fa-user,.fa-user-check),
body.is-nova #jtl-nav-wrapper #shop-nav-wish .fa-heart,
body.is-nova #jtl-nav-wrapper .cart-icon-dropdown .cart-icon-dropdown-icon {
  display:inline-grid;place-items:center;position:relative;
  width:24px;height:24px;flex:0 0 24px;font-size:0;
  vertical-align:middle;line-height:1;
}
body.is-nova #jtl-nav-wrapper #shop-nav :is(.fa-user,.fa-user-check)::before,
body.is-nova #jtl-nav-wrapper #shop-nav-wish .fa-heart::before,
body.is-nova #jtl-nav-wrapper .cart-icon-dropdown .cart-icon-dropdown-icon::before {
  content:""!important;display:block!important;width:24px;height:24px;
  background-color:currentColor;
}
body.is-nova #jtl-nav-wrapper #shop-nav :is(.fa-user,.fa-user-check)::before {
  -webkit-mask:url("images/af-header-user.svg") center / contain no-repeat;
  mask:url("images/af-header-user.svg") center / contain no-repeat;
}
body.is-nova #jtl-nav-wrapper #shop-nav-wish .fa-heart::before {
  -webkit-mask:url("images/af-header-heart.svg") center / contain no-repeat;
  mask:url("images/af-header-heart.svg") center / contain no-repeat;
}
body.is-nova #jtl-nav-wrapper .cart-icon-dropdown .cart-icon-dropdown-icon::before {
  -webkit-mask:url("images/af-header-cart.svg") center / contain no-repeat;
  mask:url("images/af-header-cart.svg") center / contain no-repeat;
}
/* Preserve JTL dynamic quantity badges inside <i> wrappers. */
body.is-nova #jtl-nav-wrapper #shop-nav :is(.fa-heart,.cart-icon-dropdown-icon) .fa-sup {
  position:absolute;z-index:2;top:-8px;right:-9px;
  min-width:16px;min-height:16px;font-size:10px;line-height:16px;
  color:#04121b;background:var(--af-cyan);border-radius:50%;
  text-align:center;
}
body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown .nav-link {
  display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
}
body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown-price {
  display:inline-block!important;margin-left:1px;font-size:13px;
}
@media(max-width:1199.98px){
  body.is-nova #jtl-nav-wrapper #shop-nav .nav-link{min-width:36px}
  body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown .nav-link{gap:5px}
}


/* 1.0.37 – category and product listing contrast (native JTL data untouched).
   The NOVA gallery places its images and captions in distinct columns inside
   .productbox-inner. Both must be styled; the light picture stage stays light
   because many original antenna photos have a white/transparent background. */

/* Product listing: all structural surfaces for gallery cards. */
body.is-nova .product-list.layout-gallery .productbox,
body.is-nova .product-list.layout-gallery .productbox > form.form-basket,
body.is-nova .product-list.layout-gallery .productbox .productbox-inner,
body.is-nova .product-list.layout-gallery .productbox .productbox-inner > .row,
body.is-nova .product-list.layout-gallery .productbox .productbox-inner > .row > .col {
  background-color:var(--af-card);
  color:var(--af-text);
}
body.is-nova .product-list.layout-gallery .productbox {
  border:1px solid var(--af-border);border-radius:var(--af-radius-md);
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
body.is-nova .product-list.layout-gallery .productbox .productbox-inner > .row > .col:has(.productbox-title) {
  padding-top:12px;padding-bottom:13px;
  background:var(--af-card);color:var(--af-text);
}
body.is-nova .product-list.layout-gallery .productbox .productbox-title,
body.is-nova .product-list.layout-gallery .productbox .productbox-title a,
body.is-nova .product-list.layout-gallery .productbox .price_wrapper,
body.is-nova .product-list.layout-gallery .productbox .price_wrapper .price,
body.is-nova .product-list.layout-gallery .productbox .first-range-price,
body.is-nova .product-list.layout-gallery .productbox .second-range-price {
  color:var(--af-text)!important;opacity:1;text-shadow:none;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-title a:hover {
  color:var(--af-cyan)!important;
}
body.is-nova .product-list.layout-gallery .productbox .price-note,
body.is-nova .product-list.layout-gallery .productbox .footnote-reference {
  color:var(--af-text-muted);
}
body.is-nova .product-list.layout-gallery .productbox .productbox-image,
body.is-nova .product-list.layout-gallery .productbox .productbox-images,
body.is-nova .product-list.layout-gallery .productbox .square-image,
body.is-nova .product-list.layout-gallery .productbox .square-image > .inner {
  background-color:#edf2f5;
}
body.is-nova .product-list.layout-gallery .productbox .square-image picture,
body.is-nova .product-list.layout-gallery .productbox .square-image picture img {
  display:block;max-width:100%;height:auto;object-fit:contain;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-images img {
  opacity:1;visibility:visible;
}
/* Existing HTML contains a normal productbox-ribbon; keep the product badges visible. */
body.is-nova .product-list.layout-gallery .productbox .ribbon {
  z-index:3;
}
body.is-nova .product-list.layout-gallery .productbox .price_wrapper{
  padding-top:5px;
}
body.is-nova .product-list.layout-gallery .productbox .price_wrapper .price{
  font-weight:750;font-size:clamp(15px,1.2vw,18px);
}

/* Categories sidebox: NOVA expands nested .snippets-categories-collapse
   into a light .nav-panel by default; keep ALL nested levels legible. */
body.is-nova #sidepanel_left .box-categories,
body.is-nova #sidepanel_left .box-categories .nav-panel,
body.is-nova #sidepanel_left .box-categories .nav,
body.is-nova #sidepanel_left .box-categories .snippets-categories-collapse,
body.is-nova #sidepanel_left .box-categories .snippets-categories-collapse > .nav {
  background:var(--af-card)!important;color:var(--af-text);
}
body.is-nova #sidepanel_left .box-categories .nav-panel {
  border-top:1px solid var(--af-border);
  padding-block:6px;border-radius:0 0 var(--af-radius-md) var(--af-radius-md);
}
body.is-nova #sidepanel_left .box-categories .productlist-filter-headline,
body.is-nova #sidepanel_left .box-categories .box-normal-link{
  color:var(--af-text)!important;background:var(--af-card);
}
body.is-nova #sidepanel_left .box-categories .nav-item,
body.is-nova #sidepanel_left .box-categories .nav-link,
body.is-nova #sidepanel_left .box-categories .nav-link > a {
  background:transparent!important;color:var(--af-text-muted)!important;
  border-color:transparent;
}
body.is-nova #sidepanel_left .box-categories .nav-link,
body.is-nova #sidepanel_left .box-categories .nav-link > a {
  text-decoration:none;line-height:1.45;overflow-wrap:anywhere;
}
body.is-nova #sidepanel_left .box-categories .nav-link {
  padding-top:9px;padding-bottom:9px;
}
body.is-nova #sidepanel_left .box-categories .nav-item.active > .nav-link,
body.is-nova #sidepanel_left .box-categories .nav-item.active > .nav-link > a{
  color:var(--af-cyan)!important;font-weight:700;
}
body.is-nova #sidepanel_left .box-categories .nav-item > .nav-link:hover,
body.is-nova #sidepanel_left .box-categories .nav-item > .nav-link:hover > a,
body.is-nova #sidepanel_left .box-categories .nav-link:focus-visible,
body.is-nova #sidepanel_left .box-categories .nav-link:focus-visible > a {
  color:var(--af-cyan)!important;background:var(--af-card-raised)!important;
}
body.is-nova #sidepanel_left .box-categories .snippets-categories-nav-link-child {
  padding-left:1.1rem;border-left:2px solid transparent;
}
body.is-nova #sidepanel_left .box-categories .nav-item.active > .snippets-categories-nav-link-child{
  border-left-color:var(--af-cyan);
}
body.is-nova #sidepanel_left .box-categories .dropdown-toggle::after {
  border-top-color:currentColor;
}

/* Listing filters and price slider: readable against the dark background. */
body.is-nova #sidepanel_left .box .box-normal-link,
body.is-nova #sidepanel_left .box .productlist-filter-headline{
  color:var(--af-text-muted);
}
body.is-nova #sidepanel_left .box .card-header,
body.is-nova #sidepanel_left .box .card-body,
body.is-nova #sidepanel_left .box .collapse,
body.is-nova #sidepanel_left .box .price-slider,
body.is-nova #sidepanel_left .box .form-group{
  border-color:var(--af-border);color:var(--af-text);
}
body.is-nova #sidepanel_left .box input,
body.is-nova #sidepanel_left .box select{
  background:var(--af-card-raised);color:var(--af-text);
  border-color:var(--af-border);
}
body.is-nova .product-list .productbox .delivery-status{
  color:var(--af-text-muted);
}
@media(max-width:767.98px){
  body.is-nova #sidepanel_left .box-categories .nav-panel{max-height:none}
}


/* 1.0.37 gallery stacking correction: use one visual stage for the
   native JTL first/second pictures, not two vertically stacked image blocks. */
body.is-nova .product-list.layout-gallery .productbox .productbox-images {
  position:relative;display:block;
  width:100%;max-width:100%;
  aspect-ratio:1 / 1;height:auto;
  overflow:hidden;background:#edf2f5;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-images > a {
  position:absolute;inset:0;display:block;width:100%;height:100%;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-images .square-image.first-wrapper,
body.is-nova .product-list.layout-gallery .productbox .productbox-images .square-image.second-wrapper {
  display:block;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  min-height:0!important;margin:0;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-images .square-image::before {
  content:none!important;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-images .square-image > .inner {
  position:absolute!important;inset:0!important;
  display:grid;place-items:center;
  width:100%!important;height:100%!important;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-images .square-image picture {
  display:block;width:100%;height:100%;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-images .square-image img {
  display:block;width:100%!important;height:100%!important;
  max-width:100%;max-height:100%;object-fit:contain;
  opacity:1;visibility:visible;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-images .first-wrapper{
  z-index:1;opacity:1;visibility:visible;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-images .second-wrapper{
  z-index:2;opacity:0;visibility:hidden;
  transition:opacity .2s ease,visibility .2s ease;
}
@media(hover:hover){
  body.is-nova .product-list.layout-gallery .productbox:hover .productbox-images .second-wrapper,
  body.is-nova .product-list.layout-gallery .productbox:focus-within .productbox-images .second-wrapper{
    opacity:1;visibility:visible;
  }
}
@media(prefers-reduced-motion:reduce){
  body.is-nova .product-list.layout-gallery .productbox .productbox-images .second-wrapper{
    transition:none;
  }
}


/* 1.0.37 listing toolbar and filter legibility – no behavior changes. */
body.is-nova .product-list.layout-gallery .productbox .productbox-title a {
  text-decoration:none!important;text-underline-offset:2px;
}
body.is-nova .product-list.layout-gallery .productbox .productbox-title a:hover {
  text-decoration:underline!important;
}
body.is-nova .filter-type-FilterItemSort > .btn,
body.is-nova .filter-type-FilterItemLimits > .btn,
body.is-nova .productlist-page-nav .btn-outline-secondary {
  background:var(--af-card);
  color:var(--af-text)!important;
  border:1px solid var(--af-border);
}
body.is-nova .filter-type-FilterItemSort > .btn:hover,
body.is-nova .filter-type-FilterItemLimits > .btn:hover,
body.is-nova .productlist-page-nav .btn-outline-secondary:hover {
  background:var(--af-card-raised);
  color:var(--af-cyan)!important;
  border-color:var(--af-cyan);
}
body.is-nova #sidepanel_left .box .btn-filter-box {
  color:var(--af-text)!important;
  opacity:1!important;
  border-bottom:1px solid var(--af-border);
  font-weight:650;
}
body.is-nova #sidepanel_left .box .btn-filter-box:hover,
body.is-nova #sidepanel_left .box .btn-filter-box:focus-visible {
  color:var(--af-cyan)!important;
}
body.is-nova #sidepanel_left .box .filter-item {
  color:var(--af-text-muted);
}
body.is-nova #sidepanel_left .box .filter-item:hover,
body.is-nova #sidepanel_left .box .filter-item.active {
  color:var(--af-cyan);
}
body.is-nova .productlist-page-nav .dropdown-menu {
  background:var(--af-card);border-color:var(--af-border);
}
body.is-nova .productlist-page-nav .dropdown-menu .dropdown-item {
  color:var(--af-text-muted);
}
body.is-nova .productlist-page-nav .dropdown-menu .dropdown-item:hover,
body.is-nova .productlist-page-nav .dropdown-menu .dropdown-item.active{
  background:var(--af-card-raised);
  color:var(--af-cyan);
}


/* 1.0.38 original logo integration. Both wordmark & emblem are original PNG crops.
   Text is image-based; no CSS font substitutes the ANTENNENFREUND artwork. */
body.is-nova #jtl-nav-wrapper .af-navbar-brand.af-authentic-brand,
body.is-nova #footer .af-navbar-brand.af-authentic-brand {
  display:inline-flex;align-items:center;justify-content:flex-start;
  gap:10px;white-space:nowrap;max-width:100%;
}
body.is-nova #jtl-nav-wrapper .af-authentic-brand .af-authentic-brand__emblem {
  display:block;flex:none;width:46px;height:auto;max-height:54px;
  object-fit:contain;
}
body.is-nova #jtl-nav-wrapper .af-authentic-brand .af-authentic-brand__wordmark {
  display:block;flex:none;width:clamp(195px,14vw,265px);height:auto;
  max-width:100%;object-fit:contain;
}
body.is-nova #footer .af-authentic-brand .af-authentic-brand__emblem {
  display:block;flex:none;width:57px;height:auto;object-fit:contain;
}
body.is-nova #footer .af-authentic-brand .af-authentic-brand__wordmark {
  display:block;flex:none;width:clamp(155px,11vw,200px);height:auto;
  max-width:100%;object-fit:contain;
}
@media(min-width:992px) and (max-width:1450px){
 body.is-nova #jtl-nav-wrapper .af-authentic-brand .af-authentic-brand__emblem{
  width:38px;
 }
 body.is-nova #jtl-nav-wrapper .af-authentic-brand .af-authentic-brand__wordmark{
  width:clamp(175px,13vw,210px);
 }
}
@media(min-width:992px) and (max-width:1190px){
 /* The native category links and search field take priority. */
 body.is-nova #jtl-nav-wrapper .af-authentic-brand .af-authentic-brand__wordmark{
  display:none;
 }
 body.is-nova #jtl-nav-wrapper .af-authentic-brand .af-authentic-brand__emblem{
  width:42px;
 }
}
@media(max-width:991.98px){
 body.is-nova #jtl-nav-wrapper .af-authentic-brand .af-authentic-brand__emblem{
  width:36px;
 }
 body.is-nova #jtl-nav-wrapper .af-authentic-brand .af-authentic-brand__wordmark{
  display:none;
 }
 body.is-nova #footer .af-authentic-brand .af-authentic-brand__wordmark{
  display:block;width:190px;
 }
}
@media(max-width:420px){
 body.is-nova #footer .af-authentic-brand .af-authentic-brand__emblem{width:43px}
 body.is-nova #footer .af-authentic-brand .af-authentic-brand__wordmark{width:175px}
}
/* Respect reduced motion: no animated logo effects. */