/* Headlight Covers — Dark Luxury skin over JTL NOVA. Owner: Autokorrektur by REFS420 */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root{
  --hlc-bg:#0a0a0a; --hlc-bg2:#141414; --hlc-bg3:#1c1c1c;
  --hlc-gold:#e8c547; --hlc-gold-dim:#c9a93a;
  --hlc-txt:#f0f0f0; --hlc-mut:#b0b0b0; --hlc-line:#2a2a2a;
}

/* ---------- base ---------- */
html,body{background:var(--hlc-bg)!important;color:var(--hlc-txt)!important;
  font-family:'Inter','Montserrat',system-ui,sans-serif!important;}
a{color:var(--hlc-txt);}
a:hover{color:var(--hlc-gold)!important;text-decoration:none;}
h1,h2,h3,.h1,.h2,.h3,.product-title,.producttitle{
  font-family:'Montserrat',sans-serif!important;font-weight:800!important;letter-spacing:-.01em;color:#fff!important;}
.display-1,.display-2,.display-3,.display-4,.hero-title{font-family:'Bebas Neue',sans-serif!important;letter-spacing:.02em;}
section,.container,.container-fluid{background:transparent;}
hr{border-color:var(--hlc-line)!important;}
.text-muted,small,.small{color:var(--hlc-mut)!important;}

/* ---------- header / nav ---------- */
header,.navbar,.header,.nav-wrapper,#shopnavigation,.main-header,.navbar-light{
  background:#000!important;border-bottom:1px solid var(--hlc-line)!important;}
.navbar .nav-link,.navbar a,.nav-link,.megamenu a,.dropdown-item{color:var(--hlc-txt)!important;font-weight:600;}
.dropdown-menu,.megamenu,.submenu{background:var(--hlc-bg2)!important;border:1px solid var(--hlc-line)!important;}
.dropdown-item:hover{background:var(--hlc-bg3)!important;color:var(--hlc-gold)!important;}
.navbar-toggler{border-color:var(--hlc-gold)!important;}
.badge,.cart-count,.label-default{background:var(--hlc-gold)!important;color:#000!important;}

/* ---------- buttons ---------- */
.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-buy,.add-to-cart,.btn-add-to-cart{
  background:var(--hlc-gold)!important;border-color:var(--hlc-gold)!important;color:#0a0a0a!important;
  font-weight:700!important;letter-spacing:.02em;border-radius:2px!important;transition:.18s;}
.btn-primary:hover,.btn-secondary:hover,.btn-buy:hover,.add-to-cart:hover{
  background:#fff!important;border-color:#fff!important;color:#000!important;transform:translateY(-1px);}
.btn-outline-primary,.btn-outline-secondary{
  border-color:var(--hlc-gold)!important;color:var(--hlc-gold)!important;background:transparent!important;border-radius:2px!important;}
.btn-outline-primary:hover{background:var(--hlc-gold)!important;color:#000!important;}

/* ---------- cards / products ---------- */
.card,.product,.product-item,.productbox,.artikel,.tile,.well,.panel{
  background:var(--hlc-bg2)!important;border:1px solid var(--hlc-line)!important;border-radius:4px!important;color:var(--hlc-txt)!important;}
.card:hover,.product:hover,.productbox:hover{border-color:var(--hlc-gold)!important;box-shadow:0 10px 30px -12px rgba(0,0,0,.8);}
.price,.preis,.product-price,.priceContainer,.price-default{color:var(--hlc-gold)!important;font-weight:800!important;}
.product-title a,.productbox a,.tile a{color:#fff!important;}

/* form controls */
.form-control,select,input,textarea{background:var(--hlc-bg3)!important;border:1px solid var(--hlc-line)!important;color:var(--hlc-txt)!important;}
.form-control:focus,select:focus,input:focus{border-color:var(--hlc-gold)!important;box-shadow:0 0 0 .15rem rgba(232,197,71,.25)!important;}

.breadcrumb,.bg-light,.bg-white,.jumbotron,.alert{background:var(--hlc-bg2)!important;color:var(--hlc-txt)!important;border-color:var(--hlc-line)!important;}

/* ---------- footer ---------- */
footer,.footer,.shop-footer{background:#000!important;color:var(--hlc-mut)!important;border-top:1px solid var(--hlc-line)!important;}
footer a{color:var(--hlc-mut)!important;}
footer a:hover{color:var(--hlc-gold)!important;}

/* ---------- trust bar ---------- */
#hlc-trustbar{background:linear-gradient(90deg,#000,#161616,#000);color:var(--hlc-txt);
  font:600 12.5px/1 'Montserrat',sans-serif;letter-spacing:.03em;text-align:center;
  padding:9px 12px;border-bottom:1px solid var(--hlc-line);display:flex;gap:26px;justify-content:center;flex-wrap:wrap;}
#hlc-trustbar b{color:var(--hlc-gold);font-weight:800;}
#hlc-trustbar span{opacity:.92;}

/* ---------- HERO ---------- */
.hlc-hero{position:relative;background:
   radial-gradient(1200px 380px at 78% -10%, rgba(232,197,71,.16), transparent 60%),
   radial-gradient(900px 320px at 10% 120%, rgba(232,197,71,.07), transparent 55%),
   linear-gradient(180deg,#0c0c0c,#0a0a0a);
  border-bottom:1px solid var(--hlc-line);overflow:hidden;}
.hlc-hero .inner{max-width:1180px;margin:0 auto;padding:84px 20px 78px;}
.hlc-hero .kicker{font:700 13px/1 'Montserrat',sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--hlc-gold);margin:0 0 16px;}
.hlc-hero h1{font-family:'Bebas Neue',sans-serif!important;font-size:clamp(54px,9vw,118px);line-height:.92;letter-spacing:.01em;color:#fff!important;margin:0;}
.hlc-hero h1 span{color:var(--hlc-gold);}
.hlc-hero .sub{color:var(--hlc-mut);font-size:clamp(15px,1.8vw,19px);line-height:1.6;max-width:60ch;margin:20px 0 30px;}
.hlc-hero .cta{display:flex;gap:14px;flex-wrap:wrap;}
.hlc-hero .line{position:absolute;right:-60px;top:0;bottom:0;width:46%;
  background:repeating-linear-gradient(115deg, transparent 0 38px, rgba(232,197,71,.05) 38px 39px);pointer-events:none;}

/* ---------- info blocks ---------- */
.hlc-blocks{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1180px;margin:46px auto;padding:0 16px;}
@media(max-width:768px){.hlc-blocks{grid-template-columns:1fr;}}
.hlc-block{background:linear-gradient(160deg,#161616,#0c0c0c);border:1px solid var(--hlc-line);
  border-radius:8px;padding:30px 28px;position:relative;overflow:hidden;}
.hlc-block::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--hlc-gold);}
.hlc-block h3{font-family:'Bebas Neue',sans-serif!important;font-size:30px;letter-spacing:.04em;color:#fff!important;margin:0 0 10px;}
.hlc-block p{color:var(--hlc-mut);font-size:14.5px;line-height:1.6;margin:0 0 18px;max-width:46ch;}
.hlc-cta{display:inline-flex;align-items:center;gap:9px;background:var(--hlc-gold);color:#000!important;
  font-weight:700;padding:12px 22px;border-radius:3px;letter-spacing:.02em;transition:.18s;font-family:'Montserrat',sans-serif;}
.hlc-cta:hover{background:#fff;color:#000!important;transform:translateY(-1px);}
.hlc-cta.ghost{background:transparent;border:1px solid var(--hlc-gold);color:var(--hlc-gold)!important;}
.hlc-cta.ghost:hover{background:var(--hlc-gold);color:#000!important;}

/* ---------- floating social stack ---------- */
#hlc-floats{position:fixed;right:18px;bottom:18px;z-index:9998;display:flex;flex-direction:column;gap:11px;}
#hlc-floats a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;
  box-shadow:0 8px 22px -6px rgba(0,0,0,.7);transition:.18s;color:#fff;}
#hlc-floats a:hover{transform:translateY(-3px) scale(1.05);}
#hlc-floats svg{width:24px;height:24px;fill:#fff;}
.hlc-wa{background:#25d366;} .hlc-ig{background:radial-gradient(circle at 30% 110%,#fdf497,#fd5949,#d6249f,#285aeb);} .hlc-yt{background:#ff0000;}

/* ---------- coming soon overlay ---------- */
#hlc-soon{position:fixed;inset:0;z-index:10000;background:rgba(6,6,6,.92);backdrop-filter:blur(7px);
  display:flex;align-items:center;justify-content:center;padding:20px;}
#hlc-soon .box{background:linear-gradient(160deg,#161616,#0b0b0b);border:1px solid var(--hlc-line);
  border-radius:12px;max-width:480px;width:100%;padding:42px 34px;text-align:center;}
#hlc-soon h2{font-family:'Bebas Neue',sans-serif!important;font-size:46px;letter-spacing:.04em;color:var(--hlc-gold)!important;margin:0 0 8px;}
#hlc-soon p{color:var(--hlc-mut);font-size:15px;line-height:1.6;margin:0 0 22px;}
#hlc-soon .row{display:flex;gap:8px;}
#hlc-soon input{flex:1;padding:13px 14px;border-radius:3px;}
#hlc-soon button{background:var(--hlc-gold);color:#000;font-weight:700;border:none;padding:13px 18px;border-radius:3px;cursor:pointer;}
#hlc-soon button:hover{background:#fff;}
#hlc-soon .back{display:inline-block;margin-top:16px;color:var(--hlc-mut);font-size:13px;cursor:pointer;}
#hlc-soon .ok{color:var(--hlc-gold);font-weight:700;margin-top:14px;}

/* ---------- A8 homepage sections ---------- */
#hlc-home .eyebrow{font:700 12px/1 'Montserrat',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--hlc-gold);margin:0 0 12px}
.hlc-social-bar{display:flex;justify-content:center;gap:0;flex-wrap:wrap;background:#000;border-top:1px solid var(--hlc-line);border-bottom:1px solid var(--hlc-line)}
.hlc-social-bar .hs{display:flex;flex-direction:column;align-items:center;gap:3px;padding:20px 34px;border-left:1px solid var(--hlc-line)}
.hlc-social-bar .hs:first-child{border-left:none}
.hlc-social-bar .hs b{font-family:'Bebas Neue',sans-serif;font-size:30px;color:var(--hlc-gold);line-height:1}
.hlc-social-bar .hs span{font:600 11px/1 'Montserrat',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--hlc-mut)}
@media(max-width:640px){.hlc-social-bar .hs{padding:14px 18px}.hlc-social-bar .hs b{font-size:22px}}

.hlc-fwidget{padding:60px 20px;background:radial-gradient(900px 300px at 50% -20%,rgba(232,197,71,.10),transparent 60%)}
.hlc-fwidget .inner{max-width:760px;margin:0 auto;text-align:center}
.hlc-fwidget h2{font-family:'Bebas Neue',sans-serif!important;font-size:clamp(34px,5vw,52px);color:#fff!important;margin:0 0 22px;letter-spacing:.02em}
.hlc-fwidget .fw-row{display:flex;gap:10px;max-width:540px;margin:0 auto;flex-wrap:wrap}
.hlc-fwidget select{flex:1;min-width:200px;padding:15px;border-radius:4px}
@media(max-width:520px){.hlc-fwidget .fw-row{flex-direction:column}.hlc-fwidget .hlc-cta{justify-content:center}}

.hlc-catgrid .inner{max-width:1180px;margin:0 auto;padding:10px 16px 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:820px){.hlc-catgrid .inner{grid-template-columns:1fr}}
.hcat{display:block}
.hcat .hc-in{background:linear-gradient(160deg,#171717,#0c0c0c);border:1px solid var(--hlc-line);border-radius:10px;padding:30px 26px;height:100%;transition:.18s;position:relative;overflow:hidden}
.hcat:hover .hc-in{border-color:var(--hlc-gold);transform:translateY(-4px)}
.hcat .hc-in::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(232,197,71,.14),transparent 70%)}
.hcat h3{font-family:'Bebas Neue',sans-serif!important;font-size:28px;color:#fff!important;margin:0 0 10px;letter-spacing:.03em}
.hcat p{color:var(--hlc-mut);font-size:14px;line-height:1.6;margin:0 0 16px;min-height:44px}
.hcat .hc-go{color:var(--hlc-gold);font-weight:700;font-size:13.5px;letter-spacing:.02em}

.hlc-sewn{padding:56px 20px;background:#000;border-top:1px solid var(--hlc-line)}
.hlc-sewn .inner{max-width:1000px;margin:0 auto;text-align:center}
.hlc-sewn h2{font-family:'Bebas Neue',sans-serif!important;font-size:clamp(34px,5vw,54px);color:#fff!important;margin:0 0 30px;letter-spacing:.02em}
.sewn-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}
@media(max-width:680px){.sewn-cols{grid-template-columns:1fr}}
.sewn{border-radius:10px;padding:26px 26px;border:1px solid var(--hlc-line)}
.sewn h3{font-family:'Montserrat',sans-serif!important;font-size:19px;margin:0 0 14px;font-weight:800}
.sewn ul{margin:0;padding:0 0 0 2px;list-style:none}
.sewn li{padding:9px 0 9px 22px;position:relative;color:var(--hlc-txt);font-size:14.5px;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.05)}
.sewn li::before{content:"";position:absolute;left:0;top:15px;width:8px;height:8px;border-radius:50%}
.sewn.bad{background:linear-gradient(160deg,#1a0e0e,#0c0707)}
.sewn.bad h3{color:#e06464}
.sewn.bad li::before{background:#e06464}
.sewn.good{background:linear-gradient(160deg,#0e1a10,#070c08)}
.sewn.good h3{color:#5fd07a}
.sewn.good li::before{background:#5fd07a}

.hlc-follow{padding:56px 20px;text-align:center;border-top:1px solid var(--hlc-line)}
.hlc-follow h2{font-family:'Bebas Neue',sans-serif!important;font-size:clamp(30px,4.5vw,46px);color:var(--hlc-gold)!important;margin:0 0 22px;letter-spacing:.02em}
.hlc-follow .fl-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* brand logo (dark artwork) on dark header — light chip keeps it visible */
#shop-logo{background:#fff!important;padding:7px 12px!important;border-radius:9px!important;max-height:84px!important;width:auto!important;display:block!important}
#logo,.logo-wrapper,.navbar-brand{max-height:none!important;height:auto!important}

/* 6-flag language switcher */
#hlc-langs{display:inline-flex;gap:7px;align-items:center}
#hlc-langs.hlc-langs-fixed{position:fixed;top:46px;right:14px;z-index:9997;background:rgba(0,0,0,.75);padding:6px 8px;border:1px solid var(--hlc-line);border-radius:30px}
.hlc-flag{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:15px;
  filter:grayscale(.6) opacity(.7);transition:.15s;text-decoration:none;line-height:1}
.hlc-flag:hover{filter:none;transform:scale(1.15)}
.hlc-flag.on{filter:none;box-shadow:0 0 0 2px var(--hlc-gold);background:#000}

/* hide empty OPC placeholders we flag from JS */
.hlc-hidden{display:none!important;}
img.hlc-phimg{object-fit:cover;background:var(--hlc-bg2);}