/* ================================================================
   HN4YOU — Design System (Dark Premium, Cyan/Blau/Violett)
   TwoPixels GmbH
   ================================================================ */
:root{
  --hn-bg:#0f1826; --hn-bg-soft:#16212f; --hn-surface:#1c2838; --hn-surface-2:#243248;
  --hn-text:#ffffff; --hn-text-soft:#bcc7d4;
  --hn-btn-grad:linear-gradient(120deg,#12bfe8 0%,#3a8fe6 26%,#5f63e0 50%,#a83d8f 74%,#e8213d 100%);
  --hn-cyan:#12bfe8; --hn-blue:#3d6ee8; --hn-violet:#6842e8; --hn-red:#e8213d;
  --hn-border:rgba(255,255,255,.11);
  --hn-gradient:linear-gradient(100deg,#12bfe8 0%,#3d6ee8 45%,#e8213d 100%);
  --hn-gradient-blue:linear-gradient(100deg,#12bfe8,#3d6ee8);
  --hn-radius:6px; --hn-radius-lg:10px;
  --hn-maxw:1240px;
  --hn-shadow:0 24px 60px -32px rgba(0,0,0,.9);
  --hn-glow:0 0 0 1px rgba(18,191,232,.5), 0 16px 40px -18px rgba(18,191,232,.35);
  font-synthesis:none;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.hn-body{margin:0;background:radial-gradient(1200px 760px at 6% -8%,rgba(18,191,232,.20),transparent 58%),radial-gradient(1200px 820px at 100% 2%,rgba(232,33,61,.16),transparent 55%),radial-gradient(1100px 900px at 50% 120%,rgba(61,110,232,.14),transparent 58%),linear-gradient(180deg,#16222f 0%,var(--hn-bg) 40%),var(--hn-bg);background-attachment:fixed;color:var(--hn-text);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;}
.hn-header,.hn-nav{background:rgba(22,33,47,.82)!important;backdrop-filter:blur(12px);}
img{max-width:100%;height:auto;display:block;}
a{color:var(--hn-cyan);text-decoration:none;}
h1,h2,h3,h4{font-weight:800;line-height:1.08;color:#fff;margin:0 0 .5em;letter-spacing:-.01em;}
.hn-container{max-width:var(--hn-maxw);margin:0 auto;padding:0 1.4rem;}
.hn-grad-text{background:var(--hn-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---- Buttons ---- */
.hn-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85em 1.6em;border-radius:var(--hn-radius);font-weight:700;font-size:.92rem;border:2px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s,background .2s;}
.hn-btn-lg{padding:1.05em 2em;font-size:1rem;}
.hn-btn-primary{background:var(--hn-btn-grad);background-size:180% 100%;color:#04121a;transition:transform .2s,box-shadow .2s,background-position .4s;}
.hn-btn-primary:hover{background-position:100% 0;}
.hn-btn-primary:hover{filter:brightness(1.08);box-shadow:0 12px 30px -12px rgba(18,191,232,.6);transform:translateY(-2px);}
.hn-btn-ghost{background:transparent;border-color:rgba(18,191,232,.5);color:var(--hn-cyan);}
.hn-btn-ghost:hover{background:rgba(18,191,232,.1);box-shadow:var(--hn-glow);}

/* ---- Topbar ---- */
.hn-topbar{background:#02040a;border-bottom:1px solid var(--hn-border);font-size:.78rem;color:var(--hn-text-soft);}
.hn-topbar-in{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.4rem;gap:1rem;}
.hn-topbar-usps{display:flex;gap:1.6rem;flex-wrap:wrap;}
.hn-topbar-service{color:var(--hn-text-soft);}
.hn-topbar-service:hover{color:var(--hn-cyan);}

/* ---- Header ---- */
.hn-header{background:var(--hn-bg-soft);border-bottom:1px solid var(--hn-border);position:sticky;top:0;z-index:50;}
.hn-header-in{display:flex;align-items:center;gap:1.4rem;padding:.7rem 1.4rem;}
.hn-logo img{height:44px;width:auto;}
.hn-search{flex:1 1 420px;display:flex;align-items:center;background:rgba(255,255,255,.045);border:1px solid var(--hn-border);border-radius:999px;overflow:hidden;max-width:430px;transition:border-color .2s,box-shadow .2s,background .2s;}
.hn-search:focus-within{border-color:rgba(18,191,232,.6);box-shadow:0 0 0 3px rgba(18,191,232,.12);background:rgba(255,255,255,.06);}
.hn-search input{flex:1;background:transparent;border:0;color:#fff;padding:.58rem 1.1rem;font-size:.9rem;outline:none;}
.hn-search input::placeholder{color:#7a8794;}
.hn-search button{background:var(--hn-btn-grad);border:0;color:#04121a;margin:3px 3px 3px 0;width:38px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.95rem;cursor:pointer;flex:0 0 auto;}
.hn-header-actions{display:flex;align-items:center;gap:1.3rem;margin-left:auto;}
.hn-haction{display:flex;align-items:center;gap:.5rem;color:var(--hn-text);font-size:.82rem;font-weight:600;position:relative;}
.hn-haction:hover{color:var(--hn-cyan);}
.hn-haction .hn-ic{font-size:1.15rem;}
.hn-cart .hn-cart-count{background:var(--hn-gradient);color:#04121a;font-size:.68rem;font-weight:800;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;position:absolute;top:-8px;right:-12px;}
.hn-burger{display:none;flex-direction:column;gap:4px;background:none;border:0;cursor:pointer;padding:6px;}
.hn-burger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:.25s;}

/* ---- Nav ---- */
.hn-nav{background:var(--hn-bg-soft);border-bottom:1px solid var(--hn-border);}
.hn-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:.2rem 0;flex-wrap:wrap;}
.hn-menu>li>a{display:block;color:var(--hn-text);font-weight:600;font-size:.86rem;text-transform:uppercase;letter-spacing:.04em;padding:.7rem 0;border-bottom:2px solid transparent;transition:.2s;}
.hn-menu>li>a:hover{color:var(--hn-cyan);border-bottom-color:var(--hn-cyan);}

/* ---- HERO ---- */
.hn-hero{position:relative;background:radial-gradient(820px 520px at 8% 18%,rgba(18,191,232,.30),transparent 62%),radial-gradient(900px 560px at 96% 30%,rgba(232,33,61,.26),transparent 62%),transparent;border-bottom:1px solid var(--hn-border);overflow:hidden;}
.hn-hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:5rem 1.4rem;min-height:640px;}
.hn-hero-kicker{color:var(--hn-cyan);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:700;}
.hn-hero h1{font-size:clamp(2.6rem,5.5vw,4.6rem);font-weight:900;margin:.6rem 0 1rem;}
.hn-hero-text{position:relative;z-index:3;max-width:560px;}
.hn-hero-text>p{color:var(--hn-text-soft);font-size:1.1rem;max-width:40ch;margin:0 0 1.8rem;}
.hn-hero-trust{display:flex;gap:1.4rem 1.8rem;flex-wrap:wrap;margin-top:2rem;max-width:560px;}
.hn-hero-trust>div{display:flex;gap:.6rem;align-items:center;}
.hn-hero-trust .hn-ic{color:var(--hn-cyan);font-size:1.2rem;}
.hn-hero-trust b{display:block;font-size:.86rem;color:#fff;}
.hn-hero-trust span{color:var(--hn-text-soft);font-size:.78rem;}
.hn-hero-media{position:absolute;top:0;right:0;bottom:0;width:47vw;max-width:820px;border-radius:0;overflow:hidden;z-index:1;}
.hn-hero-media img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block;will-change:transform;animation:hn-hero-drift 42s ease-in-out infinite;}
@keyframes hn-hero-drift{0%,100%{transform:scale(1.06) translate3d(0,0,0)}50%{transform:scale(1.12) translate3d(-1.6%,1.2%,0)}}
/* linke Kante ins Dunkel verschmelzen (kein harter Rand) */
.hn-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--hn-bg) 0%,rgba(10,15,22,.55) 26%,rgba(10,15,22,.15) 46%,transparent 62%),linear-gradient(0deg,var(--hn-bg),transparent 22%);}
.hn-hero-script{position:absolute;right:6%;top:16%;z-index:3;font-family:'Inter',cursive;font-style:italic;font-weight:600;color:#fff;font-size:1.4rem;line-height:1.2;text-align:right;text-shadow:0 2px 20px rgba(0,0,0,.8);opacity:.92;}

/* ---- KATEGORIE-CARDS ---- */
.hn-cats{padding:2.5rem 0;}
.hn-cats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;}
.hn-cat-card{position:relative;display:flex;flex-direction:column;gap:.25rem;background:linear-gradient(180deg,var(--hn-surface),var(--hn-bg-soft));border:1px solid var(--hn-border);border-radius:var(--hn-radius-lg);padding:1.4rem 1.2rem 2.4rem;transition:transform .22s,box-shadow .22s,border-color .22s;min-height:150px;}
.hn-cat-card:hover{transform:translateY(-4px);border-color:rgba(18,191,232,.6);box-shadow:var(--hn-glow);}
.hn-cat-ic{font-size:1.7rem;color:var(--hn-cyan);margin-bottom:.6rem;}
.hn-cat-title{font-weight:800;color:#fff;font-size:1.02rem;}
.hn-cat-sub{color:var(--hn-text-soft);font-size:.8rem;}
.hn-cat-arrow{position:absolute;bottom:1rem;right:1.2rem;color:var(--hn-cyan);font-size:1.1rem;transition:transform .2s;}
.hn-cat-card:hover .hn-cat-arrow{transform:translateX(4px);}

/* ---- Section head ---- */
.hn-sec-head{display:flex;justify-content:space-between;align-items:baseline;margin:1rem 0 1.6rem;}
.hn-sec-head h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:0;}
.hn-sec-link{color:var(--hn-cyan);font-weight:600;font-size:.9rem;}

/* ---- Produktkarten (Bestseller + Shop) ---- */
.hn-best{padding:2rem 0 3rem;}
.hn-pgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;}
.hn-pcard{background:var(--hn-surface);border:1px solid var(--hn-border);border-radius:var(--hn-radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;}
.hn-pcard:hover{transform:translateY(-5px);border-color:rgba(18,191,232,.5);box-shadow:var(--hn-glow);}
.hn-pcard-media{position:relative;display:block;background:#fff;padding:1rem;aspect-ratio:1/1;}
.hn-pcard-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;}
.hn-badge{position:absolute;top:.6rem;left:.6rem;z-index:2;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.3em .7em;border-radius:999px;color:#04121a;}
.hn-badge-best{background:var(--hn-cyan);} .hn-badge-new{background:var(--hn-violet);color:#fff;} .hn-badge-sale{background:linear-gradient(90deg,#e8213d,#ff5a6e);color:#fff;}
.hn-pcard-body{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.2rem;flex:1;}
.hn-pcard-cat{color:var(--hn-text-soft);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;}
.hn-pcard-title{font-size:.95rem;font-weight:700;margin:.1rem 0;min-height:2.5em;}
.hn-pcard-title a{color:#fff;}
.hn-pcard-title a:hover{color:var(--hn-cyan);}
.hn-pcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.6rem;gap:.5rem;}
.hn-pcard-price,.hn-pcard-price .amount,.hn-pcard-price bdi{color:#fff!important;font-weight:800;font-size:1.05rem;}
.hn-pcard-price del{color:var(--hn-text-soft);font-weight:500;font-size:.82rem;margin-right:.3rem;}
.hn-pcard-cart,.hn-pcard .button{background:var(--hn-btn-grad)!important;color:#04121a!important;border:0!important;border-radius:var(--hn-radius)!important;padding:.55em .8em!important;font-size:.8rem!important;font-weight:800!important;min-width:40px;text-align:center;}
.hn-pcard-cart:hover{filter:brightness(1.1);}

/* ---- Marken ---- */
.hn-brands{padding:1rem 0 2.5rem;}
.hn-brands-box{background:var(--hn-surface);border:1px solid var(--hn-border);border-radius:var(--hn-radius-lg);padding:2rem;}
.hn-brands-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem;}
.hn-brands-head h3{margin:0;font-size:1.3rem;}
.hn-brands-head p{margin:0;color:var(--hn-text-soft);font-size:.88rem;}
.hn-brand-row{display:flex;flex-wrap:wrap;gap:.7rem 1rem;align-items:center;}
.hn-brand{font-weight:700;font-size:1.05rem;color:var(--hn-text-soft);padding:.5rem 1.2rem;border:1px solid var(--hn-border);border-radius:999px;transition:.2s;}
.hn-brand:hover{color:#fff;border-color:var(--hn-cyan);box-shadow:var(--hn-glow);}

/* ---- Promo Banner ---- */
.hn-promos{padding:1rem 0 3rem;}
.hn-promos-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
.hn-promo{position:relative;min-height:280px;border-radius:var(--hn-radius-lg);overflow:hidden;background-size:cover;background-position:center;border:1px solid var(--hn-border);display:flex;align-items:center;}
.hn-promo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.9) 0%,rgba(5,7,10,.5) 55%,transparent 100%);}
.hn-promo-body{position:relative;padding:2.4rem;}
.hn-promo-body h3{font-size:1.9rem;font-weight:900;margin:0 0 .5rem;}
.hn-promo-body p{color:var(--hn-text-soft);margin:0 0 1.2rem;}
.hn-promo-cta{color:var(--hn-cyan);font-weight:700;}
.hn-promo:hover .hn-promo-cta{text-decoration:underline;}

/* ---- Service-Leiste ---- */
.hn-service{background:var(--hn-bg-soft);border-top:1px solid var(--hn-border);border-bottom:1px solid var(--hn-border);}
.hn-service-in{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;padding:1.8rem 1.4rem;}
.hn-svc{display:flex;gap:.9rem;align-items:center;}
.hn-svc-ic{font-size:1.6rem;}
.hn-svc b{display:block;font-size:.92rem;color:#fff;}
.hn-svc span{color:var(--hn-text-soft);font-size:.8rem;}

/* ---- Footer ---- */
.hn-footer{background:linear-gradient(180deg,#182534 0%,#111c29 55%,#0e1723 100%);border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(18,191,232,.5),rgba(232,33,61,.45),transparent) 1;padding-top:3rem;}
.hn-footer-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.4fr;gap:2rem;padding-bottom:2.5rem;}
.hn-foot-brand img{height:46px;width:auto;margin-bottom:.8rem;}
.hn-foot-brand p{color:var(--hn-text-soft);font-size:.86rem;}
.hn-social{display:flex;gap:.6rem;margin-top:1rem;}
.hn-social a{width:36px;height:36px;border:1px solid var(--hn-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--hn-text-soft);}
.hn-social a:hover{color:var(--hn-cyan);border-color:var(--hn-cyan);}
.hn-foot-col{display:flex;flex-direction:column;gap:.5rem;}
.hn-foot-col strong{color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;}
.hn-foot-col a{color:var(--hn-text-soft);font-size:.88rem;}
.hn-foot-col a:hover{color:var(--hn-cyan);}
.hn-foot-news strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:.3rem;}
.hn-foot-news p{color:var(--hn-text-soft);font-size:.85rem;margin:0 0 .8rem;}
.hn-news-form{display:flex;gap:.5rem;}
.hn-news-form input{flex:1;background:var(--hn-surface);border:1px solid var(--hn-border);border-radius:var(--hn-radius);color:#fff;padding:.7rem .9rem;}
.hn-news-form .hn-btn{padding:.7rem 1.1rem;}
.hn-news-check{display:flex;gap:.5rem;align-items:center;color:var(--hn-text-soft);font-size:.78rem;margin-top:.7rem;}
.hn-foot-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;border-top:1px solid var(--hn-border);color:var(--hn-text-soft);font-size:.8rem;flex-wrap:wrap;gap:.5rem;}
.hn-foot-tag{background:var(--hn-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;font-style:italic;}
.hn-foot-credit{color:var(--hn-text-soft);font-size:.8rem;font-weight:600;letter-spacing:.01em;transition:color .2s;}
.hn-foot-credit .hn-tp{background:var(--hn-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;}
.hn-foot-credit:hover{color:#fff;text-shadow:0 0 16px rgba(18,191,232,.25);}

/* ---- Seiten (page/index) ---- */
.hn-page{padding:2.5rem 1.4rem;min-height:50vh;}
.hn-page-title{font-size:2rem;}
.hn-entry{color:var(--hn-text-soft);}
.hn-entry a{color:var(--hn-cyan);}

/* ================================================================
   WooCommerce (Shop, Produkt, Warenkorb, Checkout, Konto) — dunkel
   ================================================================ */
.hn-woo-wrap{padding:2.5rem 1.4rem;}
.woocommerce .woocommerce-breadcrumb{color:var(--hn-text-soft);font-size:.82rem;margin-bottom:1.2rem;}
.woocommerce .woocommerce-breadcrumb a{color:var(--hn-cyan);}
.woocommerce h1,.woocommerce h2{color:#fff;}
.woocommerce .page-title,.woocommerce-products-header__title{color:#fff!important;}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:0!important;}
.woocommerce ul.products li.product{background:var(--hn-surface);border:1px solid var(--hn-border);border-radius:var(--hn-radius-lg);padding:0;overflow:hidden;text-align:left;margin:0!important;width:auto!important;transition:transform .22s,box-shadow .22s,border-color .22s;}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);border-color:rgba(18,191,232,.5);box-shadow:var(--hn-glow);}
.woocommerce ul.products li.product a img{background:#fff;padding:1rem;border-radius:0;margin:0 0 .8rem;aspect-ratio:1/1;object-fit:contain;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff!important;font-size:.98rem!important;padding:0 1rem!important;font-weight:700;}
.woocommerce ul.products li.product .price{color:#fff!important;font-weight:800;display:block;padding:.3rem 1rem;}
.woocommerce ul.products li.product .price del{color:var(--hn-text-soft);}
.woocommerce ul.products li.product .button{margin:.6rem 1rem 1.1rem!important;background:var(--hn-btn-grad)!important;color:#04121a!important;border-radius:var(--hn-radius)!important;font-weight:800!important;}
.woocommerce .star-rating span:before{color:var(--hn-cyan);}
.woocommerce .woocommerce-ordering select,.woocommerce input,.woocommerce select,.woocommerce textarea{background:var(--hn-surface);color:#fff;border:1px solid var(--hn-border);border-radius:var(--hn-radius);padding:.5rem .8rem;}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce #respond input#submit{background:var(--hn-btn-grad)!important;color:#04121a!important;border:0!important;border-radius:var(--hn-radius)!important;font-weight:800!important;}
.woocommerce .button.alt,.woocommerce #place_order{background:var(--hn-btn-grad)!important;}
.woocommerce div.product .product_title{color:#fff!important;}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--hn-cyan)!important;font-weight:800;}
.woocommerce table.shop_table{background:var(--hn-surface);border-color:var(--hn-border);color:#fff;border-radius:var(--hn-radius-lg);}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--hn-border)!important;color:#fff;}
.woocommerce .cart_totals,.woocommerce-checkout #order_review,.woocommerce-checkout .woocommerce-checkout-review-order{background:var(--hn-surface);border:1px solid var(--hn-border);border-radius:var(--hn-radius-lg);padding:1.2rem;}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;}
.woocommerce-account .woocommerce-MyAccount-navigation li{border:1px solid var(--hn-border);border-radius:var(--hn-radius);margin-bottom:.4rem;}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:.7rem 1rem;color:var(--hn-text);}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active{background:var(--hn-surface);border-color:var(--hn-cyan);}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--hn-surface);border-top-color:var(--hn-cyan);color:#fff;border-radius:var(--hn-radius);}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:1100px){
  .hn-cats-grid{grid-template-columns:repeat(3,1fr);}
  .hn-pgrid{grid-template-columns:repeat(3,1fr);}
  .hn-footer-in{grid-template-columns:1fr 1fr 1fr;}
  .hn-foot-news{grid-column:1/-1;}
}
@media(max-width:900px){
  .hn-hero-in{grid-template-columns:1fr;}
  .hn-hero-media{order:-1;}
  .hn-service-in{grid-template-columns:repeat(2,1fr);}
  .hn-topbar-usps{gap:1rem;font-size:.72rem;}
  .hn-nav{display:none;}
  .hn-nav.hn-open{display:block;}
  .hn-menu{flex-direction:column;gap:0;}
  .hn-menu>li>a{padding:.9rem 0;border-bottom:1px solid var(--hn-border);}
  .hn-burger{display:flex;}
  .hn-search{order:3;flex-basis:100%;max-width:none;margin-top:.6rem;}
  .hn-header-in{flex-wrap:wrap;}
  .hn-lbl{display:none;}
}
@media(max-width:620px){
  .hn-cats-grid{grid-template-columns:repeat(2,1fr);}
  .hn-pgrid{grid-template-columns:repeat(2,1fr);}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;}
  .hn-promos-grid{grid-template-columns:1fr;}
  .hn-footer-in{grid-template-columns:1fr 1fr;}
  .hn-topbar-usps span:nth-child(n+3){display:none;}
  .hn-hero h1{font-size:2.4rem;}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}

/* Woo-Float-Klassen im Grid neutralisieren */
.woocommerce ul.products li.product{float:none!important;clear:none!important;margin:0!important;}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important;}

/* ================================================================
   Eigene SVG-Icons (Gradient + Glow)
   ================================================================ */
.hn-svg{fill:none;stroke:url(#hnGrad);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;overflow:visible;display:block;filter:drop-shadow(0 0 6px rgba(18,191,232,.35));}
.hn-hero-trust .hn-ic{display:flex;}
.hn-hero-trust .hn-ic .hn-svg{width:26px;height:26px;}
.hn-svc-ic{display:flex;}
.hn-svc-ic .hn-svg{width:34px;height:34px;}
.hn-cat-ic{display:flex;margin-bottom:.6rem;}
.hn-cat-ic .hn-svg{width:34px;height:34px;transition:filter .25s,transform .25s;}
.hn-cat-card:hover .hn-cat-ic .hn-svg{filter:drop-shadow(0 0 12px rgba(18,191,232,.8));transform:translateY(-2px) scale(1.06);}

/* ================================================================
   Marken-Marquee mit Mittel-Spotlight
   ================================================================ */
.hn-marquee{position:relative;overflow:hidden;padding:.6rem 0;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(18,191,232,.5),rgba(232,33,61,.5),transparent) 1;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);}
.hn-marquee-track{display:flex;gap:3rem;align-items:center;width:max-content;animation:hn-scroll 34s linear infinite;will-change:transform;}
.hn-marquee:hover .hn-marquee-track{animation-play-state:paused;}
@keyframes hn-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hn-marquee .hn-brand{opacity:.38;filter:grayscale(.4);white-space:nowrap;transform:scale(.94);transition:opacity .35s ease,filter .35s ease,transform .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease;will-change:opacity,transform;}
.hn-marquee .hn-brand.hn-lit{opacity:1;filter:none;transform:scale(1.1);background:var(--hn-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;border-color:transparent;text-shadow:0 0 22px rgba(18,191,232,.35);}

/* Vektorisierte Marken-Logos: Silhouette als Maske, mit Verlauf gefuellt.
   Gedaempft im Lauf, in der Mitte leuchtet das Logo farbig auf (Farbwechsel). */
.hn-marquee .hn-brand-logo{--h:48px;display:block;height:var(--h);width:calc(var(--h) * var(--ar,4));
  padding:0;border:0;border-radius:0;background:var(--hn-text-soft);white-space:normal;
  -webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;
  transition:opacity .35s ease,transform .35s ease,background .35s ease,filter .35s ease;}
.hn-marquee .hn-brand-logo.hn-lit{background:var(--hn-gradient);-webkit-background-clip:border-box;background-clip:border-box;color:transparent;text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(18,191,232,.55)) drop-shadow(0 0 22px rgba(232,33,61,.35));}
@media(max-width:640px){.hn-marquee .hn-brand-logo{--h:38px;}}

@media(prefers-reduced-motion:reduce){.hn-marquee-track{animation:none;}.hn-marquee{-webkit-mask-image:none;mask-image:none;}.hn-marquee-track{flex-wrap:wrap;justify-content:center;}.hn-marquee .hn-brand{opacity:1;filter:none;transform:none;}.hn-marquee .hn-brand-logo{background:var(--hn-gradient);}}

/* Hero immersiv (Mobile): EIN Fullscreen = Bild + Text + Button zusammen.
   Die Trust-Badges liegen knapp unter der Kante und erscheinen beim Scrollen. */
@media(max-width:900px){
  /* Hero fuellt genau den sichtbaren Bereich unter dem Header (kein schwarzes Loch oben) */
  .hn-hero{position:relative;display:flex;align-items:flex-end;
    min-height:calc(100vh - 150px);min-height:calc(100svh - 150px);
    padding-bottom:118px;/* Platz fuer die Badge-Leiste unterhalb der Kante */
    background:linear-gradient(180deg,rgba(15,24,38,0) 0%,rgba(15,24,38,.10) 42%,rgba(15,24,38,.72) 74%,var(--hn-bg) 100%),var(--hn-hero-img,url(../images/hero.webp)) center center/cover no-repeat;}
  .hn-hero-media{display:none;}
  .hn-smoke-hero{display:none;}/* Rauch steckt bereits im Bild */
  .hn-hero-in{position:static;grid-template-columns:1fr;align-items:flex-end;
    min-height:calc(100vh - 150px);min-height:calc(100svh - 150px);
    padding:0 1.4rem 5.4rem;/* 5.4rem haelt den Button ueber der Sticky-Bar */}
  .hn-hero-text{position:static;max-width:none;}
  .hn-hero-kicker{margin-top:0;}
  .hn-hero h1{font-size:clamp(2.6rem,11vw,3.7rem);}
  .hn-hero-text>p{max-width:none;margin-bottom:1.3rem;}
  .hn-btn-lg{width:100%;justify-content:center;}
  /* Badge-Leiste: direkt unter der ersten Bildschirmseite */
  .hn-hero-trust{position:absolute;left:0;right:0;bottom:0;margin:0;
    justify-content:center;gap:1rem 1.6rem;max-width:none;
    padding:1.25rem 1.4rem;background:var(--hn-bg);border-top:1px solid var(--hn-border);}
  .hn-hero-script{display:none;}
}

/* ================================================================
   Sticky Kontakt-Bar (Demo)
   ================================================================ */
.hn-sticky{position:fixed;z-index:80;display:flex;gap:.5rem;}
.hn-sticky-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;cursor:pointer;color:#fff;text-decoration:none;background:var(--hn-surface);}
.hn-sticky-btn .hn-svg{width:22px;height:22px;stroke:#fff;filter:none;}
.hn-sticky-btn span{font-size:.6rem;font-weight:600;letter-spacing:.02em;color:#fff;}
/* farbige Buttons in Markenfarben */
.hn-sb-call{background:linear-gradient(135deg,#12bfe8,#1f8fd8);}
.hn-sb-chat{background:linear-gradient(135deg,#3d6ee8,#6842e8);}
.hn-sb-mail{background:linear-gradient(135deg,#8a3fce,#e8213d);}
.hn-sb-acc{background:linear-gradient(135deg,#1c2838,#243248);}
.hn-sb-acc .hn-svg{stroke:var(--hn-cyan);}
.hn-sticky-btn:hover{filter:brightness(1.1);}

/* Mobile: fixe Bottom-Bar ueber volle Breite */
@media(max-width:900px){
  .hn-sticky{left:0;right:0;bottom:0;gap:0;border-top:1px solid var(--hn-border);
    background:rgba(15,24,38,.92);backdrop-filter:blur(12px);
    box-shadow:0 -8px 30px -10px rgba(0,0,0,.6);}
  .hn-sticky:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--hn-gradient);}
  .hn-sticky-btn{flex:1;padding:.6rem 0 .55rem;background:transparent!important;}
  .hn-sticky-btn .hn-svg{width:24px;height:24px;stroke:url(#hnGrad);filter:drop-shadow(0 0 6px rgba(18,191,232,.4));}
  .hn-sb-acc .hn-svg{stroke:url(#hnGrad);}
  .hn-footer{padding-bottom:5.5rem;}
}
/* Desktop: schwebende vertikale Pillen rechts unten */
@media(min-width:901px){
  .hn-sticky{right:1.2rem;bottom:1.2rem;flex-direction:column;}
  .hn-sticky-btn{width:54px;height:54px;border-radius:50%;box-shadow:0 12px 30px -12px rgba(0,0,0,.7);}
  .hn-sticky-btn span{display:none;}
}

/* ================================================================
   Animierter zweifarbiger Rauch (performant: nur transform + blur-Layer)
   ================================================================ */
.hn-smoke{pointer-events:none;overflow:hidden;}
.hn-smoke-global{position:fixed;inset:0;z-index:-1;}
.hn-smoke-hero{position:absolute;inset:0;z-index:2;}
.hn-smoke .s{position:absolute;border-radius:50%;mix-blend-mode:screen;will-change:transform;filter:blur(70px);opacity:.14;}
.hn-smoke .s-c{width:52vmax;height:52vmax;left:-14vmax;top:-8vmax;background:radial-gradient(circle,rgba(18,191,232,.9),transparent 66%);animation:hn-sm1 52s ease-in-out infinite;}
.hn-smoke .s-r{width:48vmax;height:48vmax;right:-16vmax;top:4vmax;background:radial-gradient(circle,rgba(232,33,61,.85),transparent 66%);animation:hn-sm2 64s ease-in-out infinite;}
.hn-smoke .s-v{width:44vmax;height:44vmax;left:26vmax;bottom:-20vmax;background:radial-gradient(circle,rgba(104,66,232,.8),transparent 68%);animation:hn-sm3 76s ease-in-out infinite;}
.hn-smoke-hero .s{opacity:.18;filter:blur(60px);}
.hn-smoke-hero .s-v{display:none;}
@keyframes hn-sm1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(16vmax,9vmax,0) scale(1.16)}}
@keyframes hn-sm2{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-15vmax,13vmax,0) scale(1.1)}}
@keyframes hn-sm3{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(9vmax,-11vmax,0) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.hn-smoke .s{animation:none!important;}}

/* ================================================================
   WooCommerce — Shop / Kategorie / Produktseite (HN4YOU-Dark-Look)
   ================================================================ */
.hn-woo-wrap{padding:2rem 1.4rem 3.5rem;}
.woocommerce-breadcrumb{color:var(--hn-text-soft);font-size:.82rem;margin:0 0 1.6rem;}
.woocommerce-breadcrumb a{color:var(--hn-cyan);}
.woocommerce-products-header__title,.hn-woo-wrap h1.entry-title{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;margin:0 0 .4rem;}
.term-description{color:var(--hn-text-soft);max-width:70ch;margin:0 0 1.6rem;}

/* --- Toolbar (Result-Count + Sortierung) --- */
.woocommerce-result-count{color:var(--hn-text-soft);font-size:.85rem;margin:0;}
.woocommerce-ordering select,.orderby{background:var(--hn-surface);color:#fff;border:1px solid var(--hn-border);border-radius:999px;padding:.5rem 1rem;font-size:.85rem;}

/* --- Produkt-Grid (Shop/Archiv) --- */
.woocommerce ul.products,ul.products{display:grid !important;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.4rem 0 0;padding:0;list-style:none;}
.woocommerce ul.products li.product,ul.products li.product{width:auto !important;margin:0 !important;float:none !important;background:linear-gradient(180deg,var(--hn-surface),var(--hn-bg-soft));border:1px solid var(--hn-border);border-radius:var(--hn-radius-lg);padding:1rem;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);border-color:rgba(18,191,232,.55);box-shadow:var(--hn-glow);}
.woocommerce ul.products li.product a img{border-radius:var(--hn-radius);background:#fff;margin-bottom:.8rem;aspect-ratio:1/1;object-fit:cover;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff;font-size:.98rem;font-weight:700;padding:0;margin:.2rem 0 .4rem;}
.woocommerce ul.products li.product .price{color:#fff;font-weight:800;font-size:1rem;}
.woocommerce ul.products li.product .price del{color:var(--hn-text-soft);font-weight:400;}
.woocommerce ul.products li.product .price ins{color:var(--hn-cyan);text-decoration:none;}
.woocommerce span.onsale{background:var(--hn-gradient);color:#fff;border-radius:999px;padding:.2rem .7rem;font-weight:700;min-height:0;min-width:0;line-height:1.6;top:1rem;left:1rem;margin:0;}

/* --- Buttons (einheitlich Marken-Verlauf) --- */
.woocommerce a.button,.woocommerce button.button,.woocommerce .button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--hn-btn-grad) !important;color:#04121a !important;border:0 !important;border-radius:999px !important;font-weight:700 !important;padding:.7rem 1.3rem !important;transition:filter .2s,transform .2s;}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover{filter:brightness(1.08);transform:translateY(-1px);}
.woocommerce .button.added,.woocommerce .added_to_cart{background:var(--hn-surface-2) !important;color:#fff !important;}

/* --- Einzelnes Produkt --- */
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.6rem;align-items:start;}
.woocommerce div.product .woocommerce-product-gallery{width:100% !important;margin:0;float:none;position:sticky;top:96px;}
.woocommerce div.product .woocommerce-product-gallery__wrapper{margin:0;}
.woocommerce div.product .woocommerce-product-gallery__image,.woocommerce div.product .woocommerce-product-gallery__image--placeholder{border:1px solid var(--hn-border);border-radius:var(--hn-radius-lg);overflow:hidden;background:#fff;}
.woocommerce div.product .woocommerce-product-gallery__image a,.woocommerce div.product .woocommerce-product-gallery__image img{display:block;width:100%;height:auto;margin:0;}
.woocommerce div.product .flex-control-thumbs{display:flex;gap:.6rem;margin:.8rem 0 0;padding:0;list-style:none;}
.woocommerce div.product .flex-control-thumbs li{width:72px;}
.woocommerce div.product .flex-control-thumbs img{border:1px solid var(--hn-border);border-radius:10px;background:#fff;opacity:.7;cursor:pointer;}
.woocommerce div.product .flex-control-thumbs img.flex-active,.woocommerce div.product .flex-control-thumbs img:hover{opacity:1;border-color:var(--hn-cyan);}
.woocommerce div.product .summary{margin:0;}
.woocommerce div.product .summary .product_title{font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:900;margin:0 0 .6rem;line-height:1.1;}
.woocommerce div.product .summary .price{color:#fff;font-size:1.9rem;font-weight:800;margin:.2rem 0 1rem;}
.woocommerce div.product .summary .price .amount{color:var(--hn-cyan);}
.woocommerce div.product .summary .woocommerce-product-details__short-description{color:var(--hn-text-soft);font-size:1rem;line-height:1.6;margin-bottom:1.4rem;}
.woocommerce div.product form.cart{display:flex;gap:.8rem;align-items:center;margin:1.2rem 0 1.4rem;flex-wrap:wrap;}
.woocommerce div.product form.cart .quantity input.qty{width:74px;background:var(--hn-surface);border:1px solid var(--hn-border);border-radius:999px;color:#fff;padding:.7rem .6rem;text-align:center;font-weight:700;}
.woocommerce div.product form.cart .button{padding:.85rem 1.8rem !important;font-size:1rem !important;}
.woocommerce div.product .product_meta{border-top:1px solid var(--hn-border);padding-top:1rem;color:var(--hn-text-soft);font-size:.85rem;}
.woocommerce div.product .product_meta a{color:var(--hn-cyan);}
/* HN4YOU Trust-Box neben dem Produkt */
.hn-prod-usp{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.2rem;margin:1.2rem 0;padding:1rem 1.2rem;background:var(--hn-surface);border:1px solid var(--hn-border);border-radius:var(--hn-radius-lg);}
.hn-prod-usp div{display:flex;gap:.55rem;align-items:center;font-size:.82rem;color:var(--hn-text-soft);}
.hn-prod-usp b{color:#fff;font-weight:600;}
.hn-prod-usp .hn-svg{width:22px;height:22px;flex:0 0 auto;}

/* --- Tabs --- */
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:2.6rem;}
.woocommerce div.product .woocommerce-tabs ul.tabs{border:0;padding:0;display:flex;gap:.5rem;flex-wrap:wrap;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--hn-surface);border:1px solid var(--hn-border);border-radius:999px;margin:0;padding:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--hn-text-soft);font-weight:700;padding:.55rem 1.2rem;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--hn-gradient);border-color:transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#04121a;}
.woocommerce div.product .woocommerce-Tabs-panel{padding-top:1.4rem;color:var(--hn-text-soft);line-height:1.7;}
.woocommerce div.product .woocommerce-Tabs-panel h2{color:#fff;font-size:1.3rem;}

/* --- Related / Upsells --- */
.woocommerce .related,.woocommerce .upsells{grid-column:1/-1;margin-top:2.6rem;}
.woocommerce .related>h2,.woocommerce .upsells>h2{font-size:1.5rem;margin-bottom:1.2rem;}

/* --- Filter-Widgets (Layered Nav / Preis) --- */
.hn-woo-wrap .widget{background:var(--hn-surface);border:1px solid var(--hn-border);border-radius:var(--hn-radius-lg);padding:1.1rem 1.2rem;margin:0 0 1.2rem;}
.hn-woo-wrap .widget .widget-title,.hn-woo-wrap .widgettitle{color:#fff;font-size:.95rem;font-weight:800;margin:0 0 .8rem;}
.hn-woo-wrap .widget ul{list-style:none;margin:0;padding:0;}
.hn-woo-wrap .widget ul li{padding:.3rem 0;color:var(--hn-text-soft);}
.hn-woo-wrap .widget ul li a{color:var(--hn-text-soft);}
.hn-woo-wrap .widget ul li a:hover{color:var(--hn-cyan);}
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit,.woocommerce .price_slider_amount .button{margin-top:.6rem;}

/* --- Pagination --- */
.woocommerce nav.woocommerce-pagination ul{border:0;gap:.4rem;display:flex;justify-content:center;}
.woocommerce nav.woocommerce-pagination ul li{border:0;}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{background:var(--hn-surface);border:1px solid var(--hn-border);border-radius:10px;color:var(--hn-text);min-width:40px;padding:.5rem;}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--hn-gradient);color:#04121a;border-color:transparent;}

/* --- Notices --- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--hn-surface);border-top:3px solid var(--hn-cyan);color:var(--hn-text);border-radius:10px;}
.woocommerce-message::before,.woocommerce-info::before{color:var(--hn-cyan);}

/* --- Mobile --- */
@media(max-width:900px){
  .woocommerce div.product{grid-template-columns:1fr;gap:1.6rem;}
  .woocommerce div.product .woocommerce-product-gallery{position:static;}
  .woocommerce ul.products,ul.products{grid-template-columns:1fr 1fr;gap:.8rem;}
  .hn-prod-usp{grid-template-columns:1fr;}
}