:root{
  --paper:#ffffff;
  --ink:#111111;
  --muted:#666666;
  --line:rgba(17,17,17,.12);
  --serif:"Times New Roman",TimesNewRoman,"Times New Roman PS",serif;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --pad:clamp(18px,2.6vw,42px);
  --header:64px;
}
body.kuntroversie-native *{box-sizing:border-box}
html{scroll-behavior:smooth}
body.kuntroversie-native{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:13px;line-height:1.4;overflow-x:hidden}
body.kuntroversie-native.locked{overflow:hidden}
body.kuntroversie-native a{color:inherit;text-decoration:none}
body.kuntroversie-native button,body.kuntroversie-native input{font:inherit;color:inherit}
body.kuntroversie-native button{border:0;background:none;padding:0;cursor:pointer}
body.kuntroversie-native img{display:block;max-width:100%}
body.kuntroversie-native ::selection{background:#111;color:#fff}

/* LOADER */
body.kuntroversie-native .loader{position:fixed;z-index:1000;inset:0;background:#10100f;color:#f5f3ee;display:grid;place-items:center;transition:opacity .45s ease,visibility .45s ease}
body.kuntroversie-native .loader span{font:32px/1 var(--serif);letter-spacing:-.025em}
body.kuntroversie-native .loader.hidden{opacity:0;visibility:hidden;pointer-events:none}

/* =========================================================
   NYT INSPIRED MOVING FOLIO BANNER
   ========================================================= */

   body.kuntroversie-native .folio-banner {
    position: fixed;
    top: var(--header);
    left: 0;
    right: 0;
    z-index: 70; /* Sits just under the header */
    height: 28px;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
    background: var(--paper);
    display: flex;
    align-items: center;
  }
  
  body.kuntroversie-native .folio-track {
    display: flex;
    white-space: nowrap;
    animation: folio-scroll 30s linear infinite;
  }
  
  body.kuntroversie-native .folio-track span {
    font-family: var(--serif-display); /* NYT Serif font */
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink);
    padding-right: 10px;
  }
  
  @keyframes folio-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  
  /* Make sure all main content pushes down past the banner */
  body.kuntroversie-native .shop, body.kuntroversie-native .checkout-page, body.kuntroversie-native .kart-page, body.kuntroversie-native .entry-page, body.kuntroversie-native main {
    padding-top: calc(var(--header) + 28px) !important;
  }
  
  /* Force hero to start right under banner */
  body.kuntroversie-native .hero {
    padding-top: 28px;
  }
  
/* HEADER */
body.kuntroversie-native .site-header{position:fixed;z-index:80;top:0;left:0;right:0;height:var(--header);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 var(--pad);color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.20),rgba(0,0,0,0));border-bottom:1px solid transparent;transition:color .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease}
body.kuntroversie-native .site-header.is-light{color:var(--ink);background:rgba(252,252,250,.94);border-bottom-color:rgba(17,17,17,.10);box-shadow:0 8px 26px rgba(17,17,17,.025);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}
body.kuntroversie-native .site-header.is-light .wordmark,body.kuntroversie-native .site-header.is-light .nav-button,body.kuntroversie-native .site-header.is-light .kontakt-link{color:var(--ink);text-shadow:none}
body.kuntroversie-native .site-header.is-light .hamburger span{background:var(--ink)}
body.kuntroversie-native .header-left{display:flex;align-items:center;gap:16px;justify-self:start;min-width:0}
body.kuntroversie-native .hamburger{width:20px;height:16px;display:flex;flex-direction:column;justify-content:space-between}
body.kuntroversie-native .hamburger span{display:block;width:100%;height:1px;background:#fff;transition:opacity .2s,background-color .28s ease}
body.kuntroversie-native .menu-trigger:hover .hamburger span{opacity:.5}
body.kuntroversie-native .wordmark{grid-column:2;justify-self:center;font:26px/1 var(--serif);letter-spacing:-.03em;color:#fff;white-space:nowrap;text-shadow:0 1px 10px rgba(0,0,0,.22);transition:color .28s ease,opacity .2s ease}
body.kuntroversie-native .header-right{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:18px;min-width:0}
body.kuntroversie-native .nav-button{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.20);transition:color .28s ease,opacity .2s ease}
body.kuntroversie-native .kontakt-link{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.20);white-space:nowrap;transition:color .28s ease,opacity .2s ease}
body.kuntroversie-native .wordmark:hover,body.kuntroversie-native .nav-button:hover,body.kuntroversie-native .kontakt-link:hover,body.kuntroversie-native .menu-close:hover,body.kuntroversie-native .search-close:hover{opacity:.58}

/* MENU */
body.kuntroversie-native .menu-overlay{position:fixed;z-index:170;inset:0;background:#fcfcfc;color:var(--ink);padding:24px var(--pad) 30px;display:flex;flex-direction:column;transform:translateY(-101%);visibility:hidden;transition:transform .55s cubic-bezier(.77,0,.18,1),visibility .55s}
body.kuntroversie-native .menu-overlay.open{transform:none;visibility:visible}
body.kuntroversie-native .overlay-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.11em}
body.kuntroversie-native .overlay-wordmark{grid-column:2;justify-self:center;font:25px/1 var(--serif);text-transform:none;letter-spacing:-.03em}
body.kuntroversie-native .menu-close{grid-column:1;grid-row:1;justify-self:start;color:inherit;text-transform:uppercase;font-size:9px;letter-spacing:.11em}
body.kuntroversie-native .overlay-nav{margin:auto 0;padding:20px 0}
body.kuntroversie-native .nav-main{list-style:none;padding:0;margin:0}
body.kuntroversie-native .nav-main>li{margin-bottom:12px;position:relative}
body.kuntroversie-native .nav-main>li>a,body.kuntroversie-native .nav-main>li>.nav-label{display:block;font:clamp(22px,3vw,38px)/1 var(--serif);font-weight:400;letter-spacing:-.02em;padding:4px 0;cursor:pointer;transition:opacity .2s}
body.kuntroversie-native .nav-main>li>.nav-label:hover{opacity:.5}
body.kuntroversie-native .nav-label{text-align:left}
body.kuntroversie-native .mobile-search-item{display:none}
body.kuntroversie-native .nav-main .caret{font-size:.6em;vertical-align:middle;display:inline-block;margin-left:10px}
body.kuntroversie-native .submenu{list-style:none;padding:0 0 0 20px;margin:2px 0 10px;display:none}
body.kuntroversie-native .submenu.open{display:block}
body.kuntroversie-native .submenu a,body.kuntroversie-native .submenu .nav-label{font:16px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:block;padding:2px 0;cursor:pointer}
body.kuntroversie-native .submenu .nav-label{display:inline-block}
body.kuntroversie-native .submenu .nav-label:hover{color:var(--ink)}
body.kuntroversie-native .overlay-footer{border-top:1px solid var(--line);padding-top:12px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}

/* SEARCH */
body.kuntroversie-native .search-panel{position:fixed;z-index:180;top:0;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--ink);padding:28px var(--pad) 34px;transform:translateY(-105%);visibility:hidden;transition:transform .42s cubic-bezier(.77,0,.18,1),visibility .42s}
body.kuntroversie-native .search-panel.open{transform:none;visibility:visible}
body.kuntroversie-native .search-panel label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}
body.kuntroversie-native .search-panel input{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;outline:0;padding:0 70px 10px 0;font:clamp(24px,3.3vw,48px)/1.1 var(--serif);letter-spacing:-.03em}
body.kuntroversie-native .search-panel input::placeholder{color:#a6a29b}
body.kuntroversie-native .search-close{position:absolute;right:var(--pad);top:28px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
body.kuntroversie-native .search-status{margin-top:10px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}

/* KART */
body.kuntroversie-native .kart-page{padding-top:var(--header);min-height:76vh}
body.kuntroversie-native .kart-shell{padding:46px var(--pad) 110px}
body.kuntroversie-native .kart-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}
body.kuntroversie-native .kart-season{justify-self:start;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
body.kuntroversie-native .kart-head h1{justify-self:center;margin:0;font:clamp(38px,5vw,64px)/1 var(--serif);font-weight:400;letter-spacing:-.04em;text-transform:uppercase}
body.kuntroversie-native .continue-link{justify-self:end;font-size:9px;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--ink);padding-bottom:2px}

body.kuntroversie-native .kart-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:clamp(36px,6vw,90px);padding-top:42px;align-items:start}
body.kuntroversie-native .kart-items{border-top:1px solid var(--line)}
body.kuntroversie-native .kart-item{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}
body.kuntroversie-native .kart-item-image{display:block;width:150px;aspect-ratio:3/4;background:#eae8e3;overflow:hidden}
body.kuntroversie-native .kart-item-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
body.kuntroversie-native .kart-item-main{display:flex;flex-direction:column;min-width:0;padding:3px 0}
body.kuntroversie-native .kart-item-series{margin:0 0 8px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
body.kuntroversie-native .kart-item-name{margin:0 0 5px;font:24px/1.05 var(--serif);font-weight:400;letter-spacing:-.025em}
body.kuntroversie-native .kart-item-meta{margin:0 0 18px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
body.kuntroversie-native .kart-item-actions{margin-top:auto;display:flex;align-items:center;gap:18px}
body.kuntroversie-native .qty-control{display:flex;align-items:center;border:1px solid var(--line)}
body.kuntroversie-native .qty-control button{width:30px;height:30px;font-size:12px}
body.kuntroversie-native .qty-value{min-width:30px;text-align:center;font-size:10px}
body.kuntroversie-native .remove-item{font-size:8px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:1px}
body.kuntroversie-native .kart-item-price{align-self:start;padding-top:4px;font:18px/1 var(--serif);white-space:nowrap}

body.kuntroversie-native .kart-summary{position:sticky;top:calc(var(--header) + 28px);border-top:1px solid var(--ink);padding-top:18px}
body.kuntroversie-native .summary-label{display:block;margin-bottom:28px;font-size:9px;text-transform:uppercase;letter-spacing:.11em}
body.kuntroversie-native .summary-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
body.kuntroversie-native .summary-total{padding-top:18px;padding-bottom:18px;color:var(--ink)}
body.kuntroversie-native .summary-total span:last-child{font:20px/1 var(--serif);letter-spacing:0;text-transform:none}
body.kuntroversie-native .checkout-button{width:100%;margin-top:18px;padding:14px;background:var(--ink);color:var(--paper);font-size:9px;text-transform:uppercase;letter-spacing:.11em;transition:opacity .2s}
body.kuntroversie-native .checkout-button:hover{opacity:.78}
body.kuntroversie-native .checkout-button:disabled{opacity:.3;cursor:not-allowed}
body.kuntroversie-native .summary-note{text-align:center;margin:11px 0 0;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}

body.kuntroversie-native .kart-empty{padding:100px 0 140px;text-align:center}
body.kuntroversie-native .kart-empty p{margin:0 0 14px;font:clamp(34px,5vw,56px)/1 var(--serif);letter-spacing:-.04em}
body.kuntroversie-native .kart-empty a{font-size:9px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--ink);padding-bottom:2px}

/* FOOTER */
body.kuntroversie-native .site-footer{padding:40px var(--pad) 24px;background:#fcfcfc;border-top:1px solid var(--line)}
body.kuntroversie-native .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:32px}
body.kuntroversie-native .footer-links div{display:flex;flex-direction:column;gap:8px}
body.kuntroversie-native .footer-links a{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);transition:color .2s}
body.kuntroversie-native .footer-links a:hover{color:var(--ink)}
body.kuntroversie-native .footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;flex-wrap:wrap;gap:16px}
body.kuntroversie-native .footer-copy{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
body.kuntroversie-native .footer-newsletter{display:flex;gap:10px}
body.kuntroversie-native .footer-newsletter input{border:1px solid var(--line);padding:8px 12px;font-size:10px;background:transparent;width:200px;outline:0}
body.kuntroversie-native .footer-newsletter input:focus{border-color:var(--ink)}
body.kuntroversie-native .footer-newsletter button{border:1px solid var(--ink);padding:8px 16px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:transparent;transition:background .2s,color .2s}
body.kuntroversie-native .footer-newsletter button:hover{background:var(--ink);color:#fff}

/* TOAST */
body.kuntroversie-native .toast{position:fixed;z-index:230;left:50%;bottom:20px;transform:translate(-50%,14px);background:#111;color:#fff;padding:9px 12px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;opacity:0;visibility:hidden;transition:.25s}
body.kuntroversie-native .toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}

@media(max-width:820px){
  :root{--header:58px}
  body.kuntroversie-native .kart-shell{padding-top:34px}
  body.kuntroversie-native .kart-head{grid-template-columns:1fr;text-align:center;justify-items:center;gap:8px}
  body.kuntroversie-native .kart-season,body.kuntroversie-native .kart-head h1,body.kuntroversie-native .continue-link{justify-self:center}
  body.kuntroversie-native .kart-layout{grid-template-columns:1fr;gap:46px}
  body.kuntroversie-native .kart-summary{position:static}
  body.kuntroversie-native .footer-links{grid-template-columns:repeat(3,1fr);gap:20px}
}

@media(max-width:560px){
  :root{--pad:15px}
  body.kuntroversie-native .wordmark{font-size:22px}
  body.kuntroversie-native .search-trigger{display:none}
  body.kuntroversie-native .mobile-search-item{display:block}
  body.kuntroversie-native .kontakt-link{font-size:8px}
  body.kuntroversie-native .kart-shell{padding:28px var(--pad) 76px}
  body.kuntroversie-native .kart-head h1{font-size:38px}
  body.kuntroversie-native .kart-layout{padding-top:28px;gap:38px}
  body.kuntroversie-native .kart-item{grid-template-columns:94px minmax(0,1fr);gap:14px;padding:16px 0}
  body.kuntroversie-native .kart-item-image{width:94px}
  body.kuntroversie-native .kart-item-price{grid-column:2;grid-row:2;justify-self:end;margin-top:-28px;font-size:16px}
  body.kuntroversie-native .kart-item-name{font-size:20px}
  body.kuntroversie-native .kart-item-meta{margin-bottom:15px;font-size:8px}
  body.kuntroversie-native .kart-item-actions{gap:14px}
  body.kuntroversie-native .qty-control button{width:28px;height:28px}
  body.kuntroversie-native .qty-value{min-width:28px}
  body.kuntroversie-native .footer-links{grid-template-columns:1fr 1fr;gap:24px 12px;margin-bottom:24px}
  body.kuntroversie-native .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}
  body.kuntroversie-native .footer-newsletter{width:100%}
  body.kuntroversie-native .footer-newsletter input{flex:1;width:auto}
  body.kuntroversie-native .nav-main>li>a,body.kuntroversie-native .nav-main>li>.nav-label{font-size:8vw}
}

@media(max-width:420px){
  body.kuntroversie-native .site-header{padding-left:14px;padding-right:14px}
  body.kuntroversie-native .kontakt-link{display:none}
  body.kuntroversie-native .header-right{gap:8px}
  body.kuntroversie-native .wordmark{font-size:21px}
}

@media(prefers-reduced-motion:reduce){
  body.kuntroversie-native *,body.kuntroversie-native *::before,body.kuntroversie-native *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}