/* SoftwareKing24 – Produktdetailseite (Variante A)
   Tokens in :root; Kaufbereich-Regeln siehe Kommentar dort. */
/* ------------------------------------------------------------
   Tokens – dieselben Werte in Home / Warenkorb / Kasse verwenden
   ------------------------------------------------------------ */
#sk24-product-page{
  --ink:#171a26;  --ink-2:#4f5566;  --ink-3:#8a90a0;
  --paper:#ffffff; --surface:#f5f6f8; --line:#e1e4ea; --line-strong:#c9cdd6;

  --brand:#f5b400;   --brand-dark:#d99e00; --brand-ink:#1a1500; --brand-soft:#fff6d6;  /* Gelb: Header, Hauptaktion */
  --navy:#111827;    --navy-2:#1f2937;                                                 /* Navi, dunkle Buttons, Footer */
  --blue:#1d5bd6;    --blue-soft:#eaf1ff;  --blue-line:#c7d8fb;                       /* Info, Links, Frage-Button */
  --green:#15803d;   --green-soft:#e8f7ee; --green-line:#b9e4c9;                      /* Verfügbar, Ersparnis, Bundle */

  --radius:6px; --radius-lg:10px;
  --maxw:1180px; --gutter:clamp(16px,4vw,40px);
  --font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
#sk24-product-page,#sk24-product-page *{box-sizing:border-box}
#sk24-product-page{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--ink);background:var(--paper);font-feature-settings:"tnum"}
#sk24-product-page img,#sk24-product-page svg{display:block;max-width:100%}
#sk24-product-page a{color:inherit}
#sk24-product-page button{font:inherit;cursor:pointer}
#sk24-product-page h1,#sk24-product-page h2,#sk24-product-page h3{margin:0;line-height:1.15;letter-spacing:-.01em}
#sk24-product-page p{margin:0}
#sk24-product-page ul,#sk24-product-page ol{margin:0;padding:0;list-style:none}
#sk24-product-page :focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#sk24-product-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
#sk24-product-page .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#sk24-product-page .ico{width:18px;height:18px;flex:none}

/* Buttons */
#sk24-product-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:var(--radius);border:1px solid transparent;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
#sk24-product-page .btn-primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
#sk24-product-page .btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
#sk24-product-page .btn-dark{background:var(--navy);color:#fff;border-color:var(--navy)}
#sk24-product-page .btn-dark:hover{background:#000}
#sk24-product-page .btn-blue{background:var(--blue);color:#fff;border-color:var(--blue)}
#sk24-product-page .btn-blue:hover{background:#174ab0}
#sk24-product-page .btn-secondary{background:var(--paper);color:var(--ink);border-color:var(--line-strong)}
#sk24-product-page .btn-secondary:hover{border-color:var(--ink)}
#sk24-product-page .btn-sm{height:38px;padding:0 14px;font-size:14px}

/* Badges */
#sk24-product-page .badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:1}
#sk24-product-page .badge-green{background:var(--green-soft);color:var(--green)}
#sk24-product-page .badge-blue{background:var(--blue-soft);color:var(--blue)}
#sk24-product-page .badge-brand{background:var(--brand-soft);color:#7a5700}

/* ------------------------------------------------------------
   Header
   ------------------------------------------------------------ */
#sk24-product-page .topbar{background:var(--navy);color:#cbd2e0;font-size:13px}
#sk24-product-page .topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:36px}
#sk24-product-page .topbar a{text-decoration:none;color:#fff}
#sk24-product-page .topbar nav{display:flex;gap:20px}
#sk24-product-page .topbar .stars{color:var(--brand)}
#sk24-product-page .header{background:var(--brand)}
#sk24-product-page .header .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;height:76px}
#sk24-product-page .logo{font-weight:700;font-size:22px;letter-spacing:-.02em;text-decoration:none;color:var(--brand-ink)}
#sk24-product-page .logo b{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15)}
#sk24-product-page .search{display:flex;background:#fff;border-radius:var(--radius);overflow:hidden;max-width:600px;width:100%;box-shadow:0 1px 0 rgba(0,0,0,.08)}
#sk24-product-page .search input{flex:1;border:0;padding:0 16px;height:46px;font:inherit;min-width:0;background:transparent}
#sk24-product-page .search button{border:0;background:var(--navy);color:#fff;padding:0 18px}
#sk24-product-page .header-actions{display:flex;gap:4px}
#sk24-product-page .header-actions a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);text-decoration:none;font-size:14px;font-weight:600;color:var(--brand-ink)}
#sk24-product-page .header-actions a:hover{background:rgba(0,0,0,.08)}
#sk24-product-page .header-actions small{display:block;font-weight:400;font-size:12px;opacity:.75}
#sk24-product-page .cart-count{background:var(--navy);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-grid;place-items:center;padding:0 5px}
#sk24-product-page .mainnav{background:var(--navy-2)}
#sk24-product-page .mainnav ul{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
#sk24-product-page .mainnav a{display:flex;align-items:center;gap:8px;padding:13px 14px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;color:#fff}
#sk24-product-page .mainnav a:hover{background:rgba(255,255,255,.08)}
#sk24-product-page .mainnav .dot{width:8px;height:8px;border-radius:2px;background:var(--brand)}
#sk24-product-page .mainnav .news{margin-left:auto;color:var(--brand)}

/* ------------------------------------------------------------
   Produkt – Kopfbereich
   ------------------------------------------------------------ */
#sk24-product-page .crumbs{font-size:13px;color:var(--ink-3);padding:18px 0 6px}
#sk24-product-page .crumbs ol{display:flex;gap:8px;flex-wrap:wrap}
#sk24-product-page .crumbs li+li::before{content:"›";margin-right:8px;color:var(--line-strong)}
#sk24-product-page .crumbs a{text-decoration:none;color:var(--ink-2)}
#sk24-product-page .product{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,460px);gap:clamp(24px,5vw,64px);padding:16px 0 40px;align-items:start}

/* Galerie */
#sk24-product-page .gallery{position:sticky;top:16px}
#sk24-product-page .stage{position:relative;aspect-ratio:1/1;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff 0%,var(--surface) 100%);display:grid;place-items:center;overflow:hidden}
#sk24-product-page .stage .badges{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
#sk24-product-page .box{width:52%;aspect-ratio:4/5;background:var(--paper);border:1px solid var(--line-strong);border-radius:4px;box-shadow:14px 14px 0 var(--line);padding:9% 8%;display:flex;flex-direction:column;justify-content:space-between}
#sk24-product-page .box small{font-size:12px;color:var(--ink-3)}
#sk24-product-page .box strong{font-size:clamp(20px,3.2vw,38px);line-height:1;letter-spacing:-.03em;color:var(--navy)}
#sk24-product-page .strip{display:grid;grid-template-columns:32px 1fr 32px;gap:6px;align-items:center;margin-top:10px}
#sk24-product-page .strip .nav{height:72px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink-2);display:grid;place-items:center;padding:0}
#sk24-product-page .strip .nav:hover{border-color:var(--ink);color:var(--ink)}
#sk24-product-page .strip .nav:disabled{opacity:.35;cursor:default;border-color:var(--line);color:var(--ink-2)}
#sk24-product-page .strip .nav svg{width:16px;height:16px}
#sk24-product-page .thumbs{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
#sk24-product-page .thumbs::-webkit-scrollbar{display:none}
#sk24-product-page .thumbs button{flex:none;scroll-snap-align:start;width:72px;height:72px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fff,var(--surface));padding:0;display:grid;place-items:center;color:var(--ink-3);transition:border-color .15s,color .15s}
#sk24-product-page .thumbs button:hover{border-color:var(--line-strong);color:var(--ink-2)}
#sk24-product-page .thumbs button[aria-current="true"]{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#sk24-product-page .thumbs svg{width:26px;height:26px}
#sk24-product-page .thumbs .mini{width:24px;height:30px;border:1.5px solid currentColor;border-radius:2px;box-shadow:4px 4px 0 var(--line)}

/* ------------------------------------------------------------
   Kaufbereich – Regeln
   1. Keine farbigen Flächen. Gruppen werden nur durch Hairlines getrennt.
   2. Farbe nur an Interaktion und Status: Gelb = Hauptaktion,
      Grün = verfügbar / Ersparnis (nur Text), Blau = Links.
   3. Jede Information genau einmal.
   4. Reihenfolge: Titel → Bewertung → Kaufoption → Preis → Aktion
      → Leistungen → Details.
   ------------------------------------------------------------ */
#sk24-product-page .buy{display:flex;flex-direction:column;min-width:0}
#sk24-product-page .buy>*+*{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
#sk24-product-page .buy>.pricebox{border-top:0;padding-top:0;margin-top:14px}
#sk24-product-page .buy>.rating{border-top:0;padding-top:0;margin-top:14px}
#sk24-product-page .buy>.lead{border-top:0;padding-top:0;margin-top:12px}

#sk24-product-page .kicker{font-size:13px;color:var(--ink-3);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#sk24-product-page .kicker a{text-decoration:none;color:var(--blue);font-weight:600}
#sk24-product-page .title{font-size:clamp(26px,3vw,32px);font-weight:700;margin-top:6px}
#sk24-product-page .rating{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}
#sk24-product-page .stars{display:inline-flex;color:var(--brand);letter-spacing:1px}
#sk24-product-page .rating a{color:var(--ink-2)}
#sk24-product-page .lead{color:var(--ink-2);font-size:15px;max-width:52ch}
#sk24-product-page .lead b{color:var(--ink);font-weight:600}

/* Kaufoptionen: Einzellizenz oder Bundle */
#sk24-product-page .options{border:0;padding-left:0;padding-right:0;padding-bottom:0;margin-left:0;margin-right:0;margin-bottom:0;min-width:0}
#sk24-product-page .options h2{font-size:14px;font-weight:600;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline}
#sk24-product-page .options h2 span{font-weight:400;color:var(--ink-3)}
#sk24-product-page .option{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;font-size:14px;margin-bottom:8px}
#sk24-product-page .option:last-child{margin-bottom:0}
#sk24-product-page .option.is-bundle{background:linear-gradient(135deg,#eaf6ee 0%,#ffffff 45%,#fdf8e7 100%);border-color:#cfe6d6}
#sk24-product-page .option.is-bundle:has(:checked){background:linear-gradient(135deg,#e2f2e7 0%,#ffffff 45%,#fcf3d8 100%)}
#sk24-product-page .option:hover{border-color:var(--line-strong)}
#sk24-product-page .option:has(:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#sk24-product-page .option input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
#sk24-product-page .option .name{font-weight:600}
#sk24-product-page .option .tag{display:inline-block;font-style:normal;font-size:11px;font-weight:600;line-height:1;padding:3px 6px;border:1px solid var(--green);color:var(--green);border-radius:3px;margin-left:6px;vertical-align:1px}
#sk24-product-page .option .name small{display:block;font-weight:400;color:var(--ink-3);margin-top:1px}
#sk24-product-page .option .amt{text-align:right;white-space:nowrap;font-weight:600}
#sk24-product-page .option .amt small{display:block;font-weight:600;font-size:12px;color:var(--green)}

/* Preis */
#sk24-product-page .pricebox{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:16px}
#sk24-product-page .pricebox .price{grid-column:1/-1}
#sk24-product-page .price .now{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1}
#sk24-product-page .price .was{font-size:15px;color:var(--ink-3);text-decoration:line-through;margin-left:10px;font-weight:400}
#sk24-product-page .pricebox .vat{font-size:13px;color:var(--ink-3);margin-top:6px}
#sk24-product-page .stock{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--green);font-weight:600;white-space:nowrap;margin-top:6px}
#sk24-product-page .stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
#sk24-product-page .stock.out-of-stock{color:var(--ink-2)}
#sk24-product-page .stock.available-on-backorder{color:#946200;white-space:normal}

/* Aktion: ein gelber Hauptbutton, ein dunkler Direktkauf, Express darunter */
#sk24-product-page .action{display:grid;gap:10px}
#sk24-product-page .purchase{display:grid;grid-template-columns:auto 1fr;gap:10px}
#sk24-product-page .qty{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius);height:48px}
#sk24-product-page .qty button{width:40px;border:0;background:transparent;font-size:18px;color:var(--ink-2)}
#sk24-product-page .qty button:hover{color:var(--ink)}
#sk24-product-page .qty input{width:44px;border:0;text-align:center;font:inherit;font-weight:600;-moz-appearance:textfield}
#sk24-product-page .qty input::-webkit-inner-spin-button,#sk24-product-page .qty input::-webkit-outer-spin-button{appearance:none;margin:0}
#sk24-product-page .or{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ink-3);margin:2px 0}
#sk24-product-page .or::before,#sk24-product-page .or::after{content:"";flex:1;height:1px;background:var(--line)}
#sk24-product-page .express{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#sk24-product-page .express .btn{font-size:14px}
#sk24-product-page .meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);margin-top:4px}
#sk24-product-page .meta .ask{color:var(--blue);font-weight:600;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
#sk24-product-page .meta .ask:hover{text-decoration:underline}
#sk24-product-page .meta .live{display:inline-flex;align-items:center;gap:6px}
#sk24-product-page .meta .live{position:relative;padding-left:16px;isolation:isolate}
#sk24-product-page .meta .live::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(21,128,61,.45);animation:sk24-product-live-pulse 2.4s ease-out infinite}
#sk24-product-page .meta .live .txt{position:relative;background:linear-gradient(90deg,var(--ink-2) 0 30%,var(--ink) 45%,#9a7a1a 50%,var(--ink) 55%,var(--ink-2) 70% 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}
#sk24-product-page .meta .live.sweep .txt{animation:sk24-product-shine 2.8s cubic-bezier(.45,0,.2,1) forwards}
#sk24-product-page .meta .live canvas{position:absolute;left:-10px;top:-14px;pointer-events:none;z-index:1}
@keyframes sk24-product-live-pulse{70%{box-shadow:0 0 0 7px rgba(21,128,61,0)}100%{box-shadow:0 0 0 0 rgba(21,128,61,0)}}
@keyframes sk24-product-shine{from{background-position:100% 0}to{background-position:0 0}}

/* Leistungen: dunkle Leiste, Icons in Shop-Gelb, kein Kastenraster */
#sk24-product-page .perks-bar{background:var(--navy);color:#fff}
#sk24-product-page .perks{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:22px 0;font-size:13px;color:#aeb6c6;line-height:1.45}
#sk24-product-page .perks li{display:flex;gap:12px;align-items:flex-start;min-width:0}
#sk24-product-page .perks .ico{width:22px;height:22px;color:var(--brand);flex:none;margin-top:0}
#sk24-product-page .perks b{display:block;color:#fff;font-weight:600;font-size:14px;letter-spacing:-.005em;white-space:nowrap;margin-bottom:2px}
#sk24-product-page .perks a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#4b5566}
#sk24-product-page .perks a:hover{text-decoration-color:#fff}

/* Details */
#sk24-product-page .details-box{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
#sk24-product-page .facts{font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:0 0 10px}
#sk24-product-page .facts div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:5px 0}
#sk24-product-page .facts dt{color:var(--ink-3)}
#sk24-product-page .facts dd{margin:0;font-weight:600;text-align:right}
#sk24-product-page .links{display:flex;flex-wrap:nowrap;gap:0;font-size:12px;white-space:nowrap;overflow:hidden}
#sk24-product-page .links a+a::before{content:"·";margin:0 8px;color:var(--line-strong)}
#sk24-product-page .links a{color:var(--blue);text-decoration:none}
#sk24-product-page .links a:hover{text-decoration:underline}
#sk24-product-page .links .ico{width:16px;height:16px;color:var(--ink-3)}

/* ------------------------------------------------------------
   Beschreibung
   ------------------------------------------------------------ */
#sk24-product-page .details{background:var(--surface);border-top:1px solid var(--line);padding:48px 0 56px}
#sk24-product-page .details .wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,5vw,64px)}
#sk24-product-page .subnav{position:sticky;top:24px;align-self:start;display:grid;gap:4px;font-size:14px}
#sk24-product-page .subnav a{text-decoration:none;color:var(--ink-2);padding:9px 14px;border-radius:var(--radius)}
#sk24-product-page .subnav a:hover{color:var(--ink);background:#fff}
#sk24-product-page .subnav a[aria-current="true"]{color:var(--blue);background:var(--blue-soft);font-weight:600}
#sk24-product-page .prose{min-width:0;overflow-wrap:anywhere;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(20px,3vw,40px)}
#sk24-product-page .prose>header{margin-bottom:32px}
#sk24-product-page .prose>header .kicker{margin-bottom:8px}
#sk24-product-page .prose>header h2{font-size:clamp(24px,2.6vw,30px);font-weight:700;margin-bottom:8px}
#sk24-product-page .prose>header p{color:var(--ink-2);max-width:60ch}
#sk24-product-page .prose section{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid var(--line);scroll-margin-top:24px;max-width:72ch}
#sk24-product-page .prose section:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}
#sk24-product-page .prose section h2{font-size:22px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:10px}
#sk24-product-page .prose section h2 .ico{color:var(--blue);width:22px;height:22px}
#sk24-product-page .prose h3{font-size:16px;font-weight:600;margin:24px 0 8px}
#sk24-product-page .prose p{color:var(--ink-2);margin-bottom:14px}
#sk24-product-page .prose p:last-child{margin-bottom:0}
#sk24-product-page .note{display:flex;gap:12px;border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:var(--radius);padding:12px 16px;color:var(--ink);font-size:15px;margin:20px 0}
#sk24-product-page .note .ico{color:var(--blue);margin-top:2px}
#sk24-product-page .note b{font-weight:600}
#sk24-product-page .table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;margin-top:8px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
#sk24-product-page .table th,#sk24-product-page .table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
#sk24-product-page .table tbody tr:last-child th,#sk24-product-page .table tbody tr:last-child td{border-bottom:0}
#sk24-product-page .table th{width:36%;font-weight:600}
#sk24-product-page .table td{color:var(--ink-2)}
#sk24-product-page .table thead th{font-size:13px;color:var(--ink-2);font-weight:600;background:var(--surface)}
#sk24-product-page .source{font-size:13px;color:var(--ink-3);margin-top:12px}
#sk24-product-page .source a{color:var(--blue)}
#sk24-product-page .scope{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#sk24-product-page .scope>div{border:1px solid var(--line);border-radius:var(--radius);padding:16px}
#sk24-product-page .scope h3{margin:0 0 10px;display:flex;align-items:center;gap:8px}
#sk24-product-page .scope h3 .ico{color:var(--green)}
#sk24-product-page .scope ul{display:grid;gap:8px;color:var(--ink-2);font-size:15px}
#sk24-product-page .scope ul li{display:flex;gap:8px}
#sk24-product-page .scope ul li::before{content:"✓";color:var(--green);font-weight:700}
#sk24-product-page .scope dl{margin:0;font-size:14px}
#sk24-product-page .scope dl div{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}
#sk24-product-page .scope dl div:last-child{border-bottom:0}
#sk24-product-page .scope dt{color:var(--ink-3)}
#sk24-product-page .scope dd{margin:0;font-weight:600}

/* FAQ */
#sk24-product-page .faq details{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px;background:#fff}
#sk24-product-page .faq details[open]{border-color:var(--blue-line)}
#sk24-product-page .faq summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:center}
#sk24-product-page .faq summary::-webkit-details-marker{display:none}
#sk24-product-page .faq summary::after{content:"+";font-size:20px;color:var(--blue);line-height:1;transition:transform .2s}
#sk24-product-page .faq details[open] summary::after{transform:rotate(45deg)}
#sk24-product-page .faq .a{padding:0 16px 16px;color:var(--ink-2)}

/* ------------------------------------------------------------
   Produktreihen
   ------------------------------------------------------------ */
#sk24-product-page .row{padding:48px 0 0}
#sk24-product-page .row:last-of-type{padding-bottom:64px}
#sk24-product-page .row-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}
#sk24-product-page .row-head h2{font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px}
#sk24-product-page .row-head h2 .ico{color:var(--brand-dark);width:22px;height:22px}
#sk24-product-page .row-head a{font-size:14px;color:var(--blue);font-weight:600}
#sk24-product-page .cards{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:4px}
#sk24-product-page .cards::-webkit-scrollbar{display:none}
#sk24-product-page .cards .card{flex:0 0 calc((100% - 64px)/5);scroll-snap-align:start}
#sk24-product-page .row-head .ctrls{display:flex;gap:8px;align-items:center}
#sk24-product-page .row-head .nav{width:32px;height:32px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink-2);display:grid;place-items:center;padding:0}
#sk24-product-page .row-head .nav:hover{border-color:var(--ink);color:var(--ink)}
#sk24-product-page .row-head .nav:disabled{opacity:.35;cursor:default}
#sk24-product-page .row-head .nav svg{width:16px;height:16px}
#sk24-product-page .card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:8px;text-decoration:none;background:#fff;transition:border-color .15s,box-shadow .15s}
#sk24-product-page .card:hover{border-color:var(--blue-line);box-shadow:0 6px 20px rgba(29,91,214,.08)}
#sk24-product-page .card .img{position:relative;aspect-ratio:1/1;background:var(--surface);border-radius:var(--radius);display:grid;place-items:center}
#sk24-product-page .card .img .badge{position:absolute;top:8px;left:8px}
#sk24-product-page .card .img .box{width:44%;box-shadow:8px 8px 0 var(--blue-soft);padding:8% 7%}
#sk24-product-page .card .img .box strong{font-size:14px}
#sk24-product-page .card h3{font-size:15px;font-weight:600;line-height:1.3;min-height:2.6em}
#sk24-product-page .card .rate{font-size:13px;color:var(--ink-2);display:flex;gap:6px;align-items:center}
#sk24-product-page .card .rate .stars{font-size:12px}
#sk24-product-page .card .tags{display:flex;gap:6px;flex-wrap:nowrap;overflow:hidden}
#sk24-product-page .card .tags span{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--surface);color:var(--ink-2);white-space:nowrap}
#sk24-product-page .card .tags span.dig{background:var(--blue-soft);color:var(--blue)}
#sk24-product-page .card .tags span.orig{background:var(--green-soft);color:var(--green)}
#sk24-product-page .card .p{display:flex;align-items:baseline;gap:8px;margin-top:auto}
#sk24-product-page .card .p b{font-size:19px;font-weight:700}
#sk24-product-page .card .p small{font-size:12px;color:var(--ink-3)}
#sk24-product-page .card .btn{margin-top:4px}

/* ------------------------------------------------------------
   Footer
   ------------------------------------------------------------ */
#sk24-product-page .footer{background:var(--navy);color:#b8c0d0;padding:56px 0 28px;font-size:14px}
#sk24-product-page .footer .cols{display:grid;grid-template-columns:1.2fr 1fr 1.4fr 1fr;gap:36px}
#sk24-product-page .footer h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:14px}
#sk24-product-page .footer li{margin-bottom:7px}
#sk24-product-page .footer a{text-decoration:none}
#sk24-product-page .footer a:hover{color:#fff;text-decoration:underline}
#sk24-product-page .footer .mail{color:var(--brand);font-weight:600}
#sk24-product-page .selects{display:flex;gap:8px;margin-top:16px}
#sk24-product-page .selects select{background:var(--navy-2);color:#fff;border:1px solid #334155;border-radius:var(--radius);padding:7px 10px;font:inherit;font-size:13px}
#sk24-product-page .tags{display:flex;flex-wrap:wrap;gap:6px}
#sk24-product-page .tags a{font-size:12px;padding:4px 9px;border:1px solid #334155;border-radius:4px;color:#cbd2e0}
#sk24-product-page .tags a:hover{border-color:var(--brand);color:#fff;text-decoration:none}
#sk24-product-page .seals{display:grid;gap:10px}
#sk24-product-page .seal-card{display:flex;align-items:center;gap:12px;background:var(--navy-2);border:1px solid #334155;border-radius:var(--radius);padding:10px 12px;color:#fff}
#sk24-product-page .seal-card .sq{width:40px;height:40px;border-radius:var(--radius);display:grid;place-items:center;font-weight:700;flex:none}
#sk24-product-page .seal-card .sq.ts{background:var(--brand);color:var(--brand-ink);border-radius:50%}
#sk24-product-page .seal-card .sq.law{background:var(--blue);color:#fff}
#sk24-product-page .seal-card .sq.eu{background:#fff;color:var(--navy)}
#sk24-product-page .seal-card small{display:block;color:#b8c0d0;font-weight:400;font-size:12px}
#sk24-product-page .social{display:flex;gap:8px;margin-top:16px}
#sk24-product-page .social a{width:36px;height:36px;border-radius:var(--radius);border:1px solid #334155;display:grid;place-items:center;color:#fff}
#sk24-product-page .social a:hover{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
#sk24-product-page .footer .bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #334155;margin-top:44px;padding-top:22px;font-size:13px}
#sk24-product-page .pay{display:flex;gap:6px;flex-wrap:wrap}
#sk24-product-page .pay span{background:#fff;color:var(--navy);border-radius:4px;padding:4px 9px;font-size:12px;font-weight:700}

/* Verkaufs-Toast */
#sk24-product-page .toast{position:fixed;left:16px;bottom:16px;z-index:30;display:flex;gap:12px;align-items:center;background:var(--navy);color:#fff;border-radius:var(--radius-lg);padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:320px;font-size:13px;transform:translateY(20px);opacity:0;transition:transform .3s,opacity .3s}
#sk24-product-page .toast.show{transform:none;opacity:1}
#sk24-product-page .toast .sq{width:40px;height:40px;border-radius:var(--radius);background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;flex:none}
#sk24-product-page .toast b{color:var(--brand)}
#sk24-product-page .toast small{display:block;color:#b8c0d0;margin-top:2px}
#sk24-product-page .toast button{margin-left:auto;background:transparent;border:0;color:#b8c0d0;font-size:18px;line-height:1;padding:4px}

/* Mobile Kaufleiste */
#sk24-product-page .stickybar{display:none}

@media (max-width:960px){
  #sk24-product-page .cards .card{flex-basis:calc((100% - 32px)/3)}
  #sk24-product-page .product{grid-template-columns:minmax(0,1fr)}
  #sk24-product-page .gallery{position:static;min-width:0}
  #sk24-product-page .details .wrap{grid-template-columns:minmax(0,1fr)}
  #sk24-product-page .perks{grid-template-columns:1fr 1fr;gap:16px 32px}
  #sk24-product-page .subnav{position:static;display:flex;overflow-x:auto;gap:4px;margin-bottom:20px;scrollbar-width:none}
  #sk24-product-page .subnav a{white-space:nowrap;background:#fff;border:1px solid var(--line)}
  #sk24-product-page .footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  #sk24-product-page .cards .card{flex-basis:70%}
  #sk24-product-page .topbar nav{display:none}
  #sk24-product-page .header .wrap{grid-template-columns:auto auto;grid-template-rows:auto auto;height:auto;padding-top:12px;padding-bottom:12px;gap:12px}
  #sk24-product-page .search{grid-column:1/-1}
  #sk24-product-page .header-actions a span{display:none}
  #sk24-product-page .scope{grid-template-columns:1fr}
  #sk24-product-page .price .now{font-size:36px}
  #sk24-product-page .facts{grid-template-columns:1fr}
  #sk24-product-page .purchase{grid-template-columns:auto minmax(0,1fr)}
  #sk24-product-page .purchase .btn,#sk24-product-page .stickybar .btn{min-width:0;white-space:normal;line-height:1.2}
  #sk24-product-page .perks{grid-template-columns:1fr;gap:14px;padding:18px 0}
  #sk24-product-page .meta{flex-direction:column}
  #sk24-product-page .footer .cols{grid-template-columns:1fr}
  #sk24-product-page .toast{left:12px;right:12px;bottom:80px;max-width:none}
  #sk24-product-page .stickybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--line);padding:10px var(--gutter);gap:12px;align-items:center;justify-content:space-between}
  #sk24-product-page .stickybar b{font-size:18px}
  body.sk24-product-page-active{padding-bottom:72px}
}
@media (prefers-reduced-motion:reduce){#sk24-product-page,#sk24-product-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Keep the existing full-width megamenu within the usable viewport, including classic scrollbars. */
body.sk24-product-page-active .mega-menu > li > .mega-sub-menu{max-width:var(--sk24-page-viewport,100vw)!important}

/* Live WooCommerce content inside the unchanged reference layout. */
#sk24-product-page [hidden]{display:none!important}
#sk24-product-page{width:100%;min-width:0}
#sk24-product-page .stage>img{display:block;width:100%;height:100%;object-fit:contain}
#sk24-product-page .thumbs button img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
#sk24-product-page .card .img>img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
#sk24-product-page .card>a:not(.btn),#sk24-product-page .card h3 a{color:inherit;text-decoration:none}
#sk24-product-page .card .p del{font-size:13px;color:var(--ink-3)}
#sk24-product-page .card .p ins{background:transparent;text-decoration:none}
#sk24-product-page .price .now .price,#sk24-product-page .price .now .amount{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}
#sk24-product-page .price ins,#sk24-product-page .option ins{background:transparent;text-decoration:none}
#sk24-product-page .price .was:empty{display:none}
#sk24-product-page .option .amt del{display:block;font-size:12px;font-weight:400;color:var(--ink-3)}
#sk24-product-page .qty input{display:block;padding:1px 2px;background:#fff;color:#000;border-radius:0;min-width:0;height:auto;box-shadow:none;align-items:normal}
#sk24-product-page .btn:disabled,#sk24-product-page .btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
#sk24-product-page .offer-forms:empty{display:none}
#sk24-product-page .offer-form form.cart{margin:0}
#sk24-product-page.is-enhanced .offer-form form.cart>.quantity,
#sk24-product-page.is-enhanced .offer-form form.cart>.single_add_to_cart_button,
#sk24-product-page.is-enhanced .offer-form .variations_button>.quantity,
#sk24-product-page.is-enhanced .offer-form .variations_button>.single_add_to_cart_button{display:none!important}
#sk24-product-page .offer-form .variations{width:100%;margin:0 0 10px;border:0}
#sk24-product-page .offer-form .variations tbody,#sk24-product-page .offer-form .variations tr,#sk24-product-page .offer-form .variations th,#sk24-product-page .offer-form .variations td{display:block;width:100%}
#sk24-product-page .offer-form .variations th,#sk24-product-page .offer-form .variations td{padding:4px 0;text-align:left;border:0}
#sk24-product-page .offer-form .variations select{width:100%;min-height:40px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:6px 10px;font:inherit;background:#fff;color:var(--ink)}
#sk24-product-page .variation-select{position:relative;display:block;width:100%}
#sk24-product-page .variation-select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}
#sk24-product-page .variation-select-value{display:block;min-height:44px;padding:10px 36px 10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--ink);font:inherit;line-height:1.4;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
#sk24-product-page .variation-select::after{content:"";position:absolute;right:15px;top:calc(50% - 5px);width:7px;height:7px;border:solid var(--ink);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);pointer-events:none}
#sk24-product-page .variation-select:focus-within .variation-select-value{outline:2px solid var(--blue);outline-offset:2px}
#sk24-product-page .variation-select select:disabled+.variation-select-value{opacity:.5}
#sk24-product-page .subnav .copy-navigation{display:contents}
@media (max-width:359px){
  #sk24-product-page .links{flex-wrap:wrap;overflow:visible}
  #sk24-product-page .option .amt{max-width:100px;white-space:normal}
  #sk24-product-page .purchase{grid-template-columns:1fr}
  #sk24-product-page .purchase .qty{justify-self:start}
}
#sk24-product-page .offer-form .reset_variations{font-size:13px;color:var(--blue)}
#sk24-product-page .offer-form .woocommerce-variation-price{display:none}
#sk24-product-page .offer-form .woocommerce-variation-description,#sk24-product-page .offer-form .woocommerce-variation-availability{font-size:14px;color:var(--ink-2)}
#sk24-product-page.is-enhanced .offer-form .woocommerce-variation-availability{display:none!important}
#sk24-product-page.is-enhanced .offer-form .single_variation:has(.woocommerce-variation-description:empty){margin:0;padding:0;min-height:0}
#sk24-product-page .prose img{height:auto}
#sk24-product-page .prose table{max-width:100%}
#sk24-product-page .prose ul,#sk24-product-page .prose ol{padding-left:1.25em;margin-bottom:14px;list-style:revert}
#sk24-product-page .prose li{color:var(--ink-2)}
/* Neutralize observed Grogin, Bootstrap and button-plugin rules in this view. */
#sk24-product-page h1,#sk24-product-page h2,#sk24-product-page h3,#sk24-product-page legend,#sk24-product-page .btn,#sk24-product-page .price,#sk24-product-page .amount{font-family:var(--font)!important}
#sk24-product-page{text-align:start}
#sk24-product-page p{font-size:inherit!important;font-weight:inherit;line-height:inherit}
#sk24-product-page .kicker{font-size:13px!important}
#sk24-product-page .lead{font-size:15px!important;font-weight:400}
#sk24-product-page .or{font-size:12px!important}
#sk24-product-page .meta,#sk24-product-page .source,#sk24-product-page .card .rate{font-size:13px!important}
#sk24-product-page .option .name small{font-size:smaller}
#sk24-product-page .qty button{display:block;align-items:normal;padding:1px 6px;border-radius:0}
#sk24-product-page .facts dt{font-weight:400}
#sk24-product-page .facts dt,#sk24-product-page .facts dd{line-height:inherit}
#sk24-product-page .table th,#sk24-product-page .table td{border-width:0 0 1px;border-style:solid;border-color:currentColor currentColor var(--line);background:transparent;box-shadow:none}
#sk24-product-page .table th{color:var(--ink)}
#sk24-product-page .table thead th{background:var(--surface);color:var(--ink-2)}
#sk24-product-page .card{position:static}
#sk24-product-page .price{display:block;flex-flow:initial;align-items:initial;letter-spacing:normal;font-size:inherit;font-weight:inherit;line-height:inherit}
#sk24-product-page .price .now bdi{font:inherit}
#sk24-product-page .options legend{float:none;width:auto;margin:0;padding:0;font:inherit;line-height:inherit}
#sk24-product-page .row{display:block;flex-wrap:initial;margin-left:0;margin-right:0}
#sk24-product-page .btn{box-shadow:none!important;text-shadow:none!important;filter:none!important;transform:none!important;border-radius:var(--radius)!important;transition:background .15s,border-color .15s!important}
#sk24-product-page .btn-primary{background:var(--brand)!important;border:1px solid var(--brand)!important;color:var(--brand-ink)!important}
#sk24-product-page .btn-primary:hover,#sk24-product-page .btn-primary:active{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important}
#sk24-product-page .offer-form>.stock,#sk24-product-page .offer-form .buy_now_button,#sk24-product-page .offer-form .sk24-produktfrage-button-73918{display:none!important}
#sk24-product-page .star-rating{position:relative;display:block;float:none;width:max-content;height:1.5em;line-height:1.5;font-family:var(--font);font-size:inherit;letter-spacing:1px;overflow:hidden}
#sk24-product-page .star-rating::before{content:"★★★★★";position:relative;inset:auto;color:var(--line-strong);font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap}
#sk24-product-page .star-rating>span{position:absolute;inset:0 auto auto 0;height:100%;overflow:hidden;padding:0;text-indent:-9999px;white-space:nowrap;font:inherit}
#sk24-product-page .star-rating>span::before{content:"★★★★★";position:absolute;inset:0 auto auto 0;color:var(--brand);font:inherit;letter-spacing:inherit;line-height:inherit;text-indent:0}
#sk24-product-page .star-rating strong.rating{display:inline;font:inherit;color:inherit}
#sk24-product-page .stage picture,#sk24-product-page .card .img picture{width:100%;height:100%}
#sk24-product-page .stage img,#sk24-product-page .card .img img{width:100%;height:100%;object-fit:contain}
#sk24-product-page .thumbs button{overflow:hidden}
#sk24-product-page img{image-rendering:auto}
#sk24-product-page #wc-stripe-express-checkout-element{margin:0}
#sk24-product-page #wc-stripe-express-checkout-button-separator{display:none!important}
#sk24-product-page .express-checkout .or{margin:0 0 10px}
#sk24-product-page .sk24-fixed-bundle{display:none!important}
#sk24-product-page .woosb-wrap:has(.sk24-fixed-bundle){margin:0;padding:0;border:0}
#sk24-product-page .woosb-wrap:has(.sk24-fixed-bundle) .woosb-summary{display:none!important}
#sk24-product-page.is-enhanced .offer-forms{display:block}
#sk24-product-page.is-enhanced .offer-forms:not(:has(.offer-form[data-requires-selection="1"]:not([hidden]))){display:none}
#sk24-product-page.is-enhanced .offer-form[data-requires-selection="0"]{display:none}
#sk24-product-page:not(.is-enhanced) .purchase,#sk24-product-page:not(.is-enhanced) [data-buy-now],#sk24-product-page:not(.is-enhanced) .stickybar{display:none}
#sk24-product-page .review-dialog{width:min(840px,calc(100% - 32px));max-width:none;max-height:80vh;margin:auto;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);font:inherit;overflow:auto;overscroll-behavior:contain;box-shadow:0 10px 30px rgba(0,0,0,.25)}
#sk24-product-page .review-dialog::backdrop{background:rgba(17,24,39,.55)}
#sk24-product-page .review-dialog>form{display:flex;justify-content:flex-end;margin:0 0 12px}
#sk24-product-page .review-dialog>h2{font-size:22px;font-weight:700;margin:0 0 20px}
#sk24-product-page .review-list{font-size:15px;line-height:1.5}
#sk24-product-page .review-list>li{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#sk24-product-page .review-list>li:first-child{padding-top:0}
#sk24-product-page .review-list>li:last-child{border-bottom:0;padding-bottom:0}
#sk24-product-page .review-list b{font-weight:600}
#sk24-product-page .review-list time{font-size:13px;color:var(--ink-3);margin-left:8px}
#sk24-product-page .review-list .stars{display:flex;margin:6px 0}
#sk24-product-page .review-list p+p{margin-top:8px}
#sk24-product-page .review-pages{display:flex;justify-content:space-between;gap:16px;margin-top:20px;font-size:14px}
#sk24-product-page .review-pages:empty{display:none}
#sk24-product-page .review-pages a{color:var(--blue)}
@media (max-width:640px){
  #sk24-product-page .option .name{min-width:0;overflow-wrap:anywhere}
  #sk24-product-page .prose .table th,#sk24-product-page .prose .table td{overflow-wrap:anywhere}
}
