/* A039 Stufe 1 (Design B "Marktplatz kompakt", Sasan 08.10.2026): Kopf, Fuß, Menü und Cookie-Fenster.
   Nur Optik; Markup, Links, Suche und Menü-Logik bleiben. Reference: marketing/design/vorlagen-2026-10-08/B-marktplatz-kompakt (tokens.css).
   Geladen als letztes Stylesheet im Shopping-Rahmen. */
.shopping-chrome,.shop-footer,.reference-category-menu,.privacy-dialog{--b-blue:#075fff;--b-navy:#0c1f44;--b-deal:#fd6318;--b-muted:#4c586b;--b-line:#cad2df;--b-soft:#eef2f7}

/* Kopf: weiß, Reiter als Pillen, Werkzeuge in Markenblau */
.site-header.shared-header.mag-head{background:#fff;color:var(--b-navy);border-bottom:1px solid var(--b-line)}
.site-header.shared-header.mag-head::before{display:none}
.site-header.shared-header.mag-head .shop-header-row{grid-template-columns:174px auto minmax(0,1fr) auto;grid-template-areas:"brand areas search utility";grid-template-rows:auto;column-gap:22px;row-gap:0;padding-block:14px}
.site-header.shared-header.mag-head .header-areas{margin:0;height:auto;gap:6px}
.site-header.shared-header.mag-head .header-areas>a{min-height:44px;padding:8px 16px;border-radius:8px;color:var(--b-navy);font:650 16px/1.2 "DM Sans",Arial,sans-serif}
.site-header.shared-header.mag-head .header-areas>a svg{display:none}
.site-header.shared-header.mag-head .header-areas>a[aria-current]{background:var(--b-soft);color:var(--b-blue)}
.site-header.shared-header.mag-head .header-areas>a:not([aria-current]):hover{background:var(--b-soft);color:var(--b-navy)}
.site-header.shared-header.mag-head .header-areas>a:focus-visible,.site-header.shared-header.mag-head :is(.shop-utility>a,.shop-navigation-links>a,summary):focus-visible{outline:3px solid var(--b-blue);outline-offset:2px}
.site-header.shared-header.mag-head .shop-utility>a{padding:0 0 0 18px;color:var(--b-blue);font-size:15px;font-weight:500}
.site-header.shared-header.mag-head .shop-utility>a+a{margin-left:18px;border-left:0}
.site-header.shared-header.mag-head .shop-utility svg{width:20px;height:20px}
.site-header.shared-header.mag-head .shop-brand{width:174px}
.site-header.shared-header.mag-head .shop-brand img{width:174px;height:48px}
.site-header.shared-header.mag-head .catalog-search{height:46px;border:1px solid var(--b-line);border-radius:8px;overflow:hidden}
.site-header.shared-header.mag-head .catalog-search:focus-within{border-color:var(--b-blue);box-shadow:0 0 0 3px #075fff26}
.site-header.shared-header.mag-head .catalog-search input::placeholder{color:var(--b-muted)}
.site-header.shared-header.mag-head .catalog-search button{min-height:44px;margin:0;border-radius:0;background:var(--b-blue);color:#fff}
.site-header.shared-header.mag-head .catalog-search button:hover{background:var(--b-navy)}
.site-header.shared-header.mag-head .shop-navigation-border{border-block:0;border-top:1px solid #e3e8f0}
.site-header.shared-header.mag-head .shop-navigation-links>a,.site-header.shared-header.mag-head .shop-all-categories>summary{color:var(--b-navy)}
.site-header.shared-header.mag-head .shop-all-categories>summary svg{color:var(--b-blue)}
.site-header.shared-header.mag-head .shop-navigation-links>a:hover,.site-header.shared-header.mag-head .shop-all-categories>summary:hover{color:var(--b-blue)}
.site-header.shared-header.mag-head .shop-navigation-links>a[data-shop-section="deals"]{color:#c2410c}
.site-header.shared-header.mag-head .shop-navigation-links>a[data-shop-section="geschenke"]{color:var(--b-navy);font-weight:500}
.site-header.shared-header.mag-head .shop-navigation-links>a[aria-current]{color:var(--b-blue)}

@media(max-width:1100px){
  .site-header.shared-header.mag-head .shop-header-row{grid-template-columns:160px auto minmax(0,1fr);grid-template-areas:"brand areas utility" "search search search";grid-template-rows:auto auto;row-gap:10px;column-gap:16px}
  .site-header.shared-header.mag-head .header-areas{margin:0;gap:4px}
  .site-header.shared-header.mag-head .shop-utility{justify-self:end}
  .site-header.shared-header.mag-head .shop-brand,.site-header.shared-header.mag-head .shop-brand img{width:160px}
}
@media(max-width:599px){
  .site-header.shared-header.mag-head .shop-header-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"areas areas" "brand utility" "search search";grid-template-rows:auto auto auto;row-gap:0;padding-block:8px 0}
  .site-header.shared-header.mag-head .header-areas{display:flex;justify-content:flex-start;gap:6px;height:auto;padding:0 12px}
  .site-header.shared-header.mag-head .header-areas>a{flex:1;padding:8px 10px;font-size:15px}
  .site-header.shared-header.mag-head .shop-utility>a{color:var(--b-blue);font-size:14px}
  .site-header.shared-header.mag-head .shop-brand{margin:10px 0 0 16px}
  .site-header.shared-header.mag-head .shop-utility{margin:10px 16px 0 0}
  .site-header.shared-header.mag-head .catalog-search{margin:10px 16px 12px}
}
@media(max-width:767px){
  .site-header.shared-header.mag-head .shop-navigation-links>a{border-color:var(--b-line);color:var(--b-navy)}
  .site-header.shared-header.mag-head .shop-navigation-links>a[aria-current]{border-color:var(--b-blue);background:var(--b-soft);color:var(--b-blue)}
  .site-header.shared-header.mag-head .shop-navigation-links>a[data-shop-section="deals"]{border-color:var(--b-deal);background:var(--b-deal);color:var(--b-navy)}
  .site-header.shared-header.mag-head .shop-navigation-links>a[data-shop-section="geschenke"]{border-color:var(--b-line)}
}

/* Menü (Mega-Menü, Desktop/iPad): flach, 8 px, Linien statt Schatten */
.menu-enhanced:not(.menu-drill) .reference-category-menu{border:1px solid var(--b-line);border-radius:8px;box-shadow:none}
.menu-enhanced:not(.menu-drill) .category-domain-rail{background:#f3f5f8;border-right-color:var(--b-line)}
.menu-enhanced:not(.menu-drill) .category-domain-rail>a{border-radius:8px;color:var(--b-navy)}
.menu-enhanced:not(.menu-drill) .category-domain-rail>a[aria-current]{background:#fff;color:var(--b-blue);box-shadow:inset 0 0 0 1px var(--b-line)}
.reference-category-menu a:hover,.reference-category-menu a:focus-visible{background:var(--b-soft);color:var(--b-blue)}
.menu-enhanced[open]>.category-menu-backdrop{background:#0c1f4466}

/* Fuß: weiß, Linie oben, Spalten mit blauen Links, Provisionshinweis klein */
.shop-footer.mag-foot{background:#fff;border-top:1px solid var(--b-line);color:var(--b-navy)}
.mag-foot .mag-foot-group h2{font-size:15px;font-weight:700;color:var(--b-navy)}
.mag-foot .mag-foot-group a{color:var(--b-blue);font-size:14px}
.mag-foot .mag-foot-group a:hover{color:var(--b-navy)}
.mag-foot .mag-foot-brand p,.mag-foot .mag-foot-note{color:var(--b-muted)}
.mag-foot .mag-foot-note{border-top-color:var(--b-line);font-size:12px}
.mag-foot :is(a,button):focus-visible{outline:3px solid var(--b-blue);outline-offset:3px}

/* Cookie-Fenster: gleiche Texte und Schalter, B-Optik (flach, 8 px, gleichwertige Knöpfe) */
.privacy-dialog{border:1px solid var(--b-line);border-radius:8px;box-shadow:none}
.privacy-dialog::backdrop{background:#0c1f4473}
.privacy-option{border-color:var(--b-line);border-radius:8px}
.privacy-option input[type=checkbox]:checked{background:var(--b-blue);border-color:var(--b-blue)}
.privacy-dialog__section-title,.privacy-option summary{color:var(--b-navy)}
.privacy-dialog__footer{border-top-color:var(--b-line)}
.privacy-dialog .privacy-actions .button{background:var(--b-blue);border-color:var(--b-blue);border-radius:8px}
.privacy-dialog .privacy-actions .button:hover{background:var(--b-navy);border-color:var(--b-navy)}
.privacy-dialog .privacy-actions .privacy-actions__secondary{background:#fff;color:var(--b-navy);border-color:var(--b-line)}
.privacy-dialog .privacy-actions .privacy-actions__secondary:hover{background:var(--b-soft);border-color:var(--b-blue);color:var(--b-blue)}

/* A039 Stufe 5 (Design B): Merkliste, Ratgeber, Service/FAQ, Recht-Layout, 404. Nur Optik und Rahmen, Texte und Links bleiben wortgleich. */
:is(.page-saved-products,.page-guides,.page-guide,.page-bestseller,.page-checklist,.page-method,.page-sorting,.page-faq,.page-contact,.page-privacy,.page-404){--b-blue:#075fff;--b-navy:#0c1f44;--b-muted:#4c586b;--b-line:#cad2df;--b-soft:#eef2f7;background:#f3f5f8;color:var(--b-navy)}
:is(.page-saved-products,.page-guides,.page-guide,.page-bestseller,.page-checklist,.page-method,.page-sorting,.page-faq,.page-contact,.page-privacy,.page-404) main .page-content{width:min(100% - 32px,1344px);max-width:none;margin-inline:auto;padding:32px 0 72px}
:is(.page-saved-products,.page-guides,.page-guide,.page-bestseller,.page-checklist,.page-method,.page-sorting,.page-faq,.page-contact,.page-privacy,.page-404) main h1{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.05;letter-spacing:-.045em;font-weight:750;color:var(--b-navy)}
:is(.page-saved-products,.page-guides,.page-guide,.page-bestseller,.page-checklist,.page-method,.page-sorting,.page-faq,.page-contact,.page-privacy,.page-404) main h2{letter-spacing:-.025em;color:var(--b-navy)}
:is(.page-saved-products,.page-guides,.page-guide,.page-bestseller,.page-checklist,.page-method,.page-sorting,.page-faq,.page-contact,.page-privacy,.page-404) main :is(h1,h2,h3,p,li){font-family:"DM Sans",Arial,sans-serif}
:is(.page-saved-products,.page-guides,.page-guide,.page-bestseller,.page-checklist,.page-method,.page-sorting,.page-faq,.page-contact,.page-privacy,.page-404) main a{color:var(--b-blue)}
:is(.page-saved-products,.page-guides,.page-guide,.page-bestseller,.page-checklist,.page-method,.page-sorting,.page-faq,.page-contact,.page-privacy,.page-404) main :is(a,button,summary):focus-visible{outline:3px solid var(--b-blue);outline-offset:3px}

/* Merkliste: Knöpfe wie in B (44 px, 1 px Linie, 8 px) */
.page-saved-products main :is(.research-links a,.research-links button,.small-button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--b-line);border-radius:8px;background:#fff;color:var(--b-navy);font-weight:650;text-decoration:none}
.page-saved-products main .research-links :is(a,button):hover{border-color:var(--b-blue);color:var(--b-blue)}

/* Ratgeber: Themenreiter und Karten flach, weiß, 8 px */
.page-guides main .guide-topics a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--b-line);border-radius:8px;background:#fff;color:var(--b-navy);font-weight:600;text-decoration:none}
.page-guides main .guide-topics a:hover{border-color:var(--b-blue);color:var(--b-blue)}
.page-guides main .guide-card{background:#fff;border:1px solid var(--b-line);border-radius:8px;box-shadow:none}
.page-guides main .guide-card h3 a{color:var(--b-navy);text-decoration:none}
.page-guides main .guide-card h3 a:hover{color:var(--b-blue)}

/* Service, FAQ, Recht: Text in weißer Karte (max. 860 px), Wortlaut unverändert */
:is(.page-method,.page-sorting,.page-contact,.page-privacy,.page-faq) main .prose.standalone,
:is(.page-method,.page-sorting,.page-contact,.page-privacy) main .page-content>.prose{max-width:860px;padding:28px 32px;background:#fff;border:1px solid var(--b-line);border-radius:8px;box-shadow:none}
:is(.page-method,.page-sorting,.page-contact,.page-privacy,.page-faq) main .page-intro{max-width:860px}
.page-faq main details{background:#fff;border:1px solid var(--b-line);border-radius:8px}
.page-faq main summary{min-height:44px}

/* 404: mittige Karte mit großer 404 */
.page-404 main .not-found{text-align:center;display:flex;flex-direction:column;align-items:center;margin-block:32px;padding:64px 24px;background:#fff;border:1px solid var(--b-line);border-radius:8px}
.page-404 main .not-found::before{content:"404";display:block;font-size:clamp(4rem,12vw,8rem);line-height:1;font-weight:500;color:var(--b-blue);letter-spacing:-.04em;margin-bottom:8px}
.page-404 main .not-found .meta{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.page-404 main .not-found h1{font-size:clamp(1.75rem,3vw,2.5rem);margin:0 0 16px}
.page-404 main .not-found .lead{margin:0 0 28px;color:var(--b-muted)}
.page-404 main .not-found .button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:11px 20px;border-radius:8px;background:var(--b-blue);color:#fff;font-weight:650;text-decoration:none}
.page-404 main .not-found .button:hover{background:var(--b-navy)}