/*
Theme Name: Good Old Fits
Version: 2.0.0
Description: Eigenständiges Vintage-Theme für WooCommerce – Layout nach dem Good-Old-Fits-Mockup.
Author: Good Old Fits
Text Domain: good-old-fits
*/

/* ---------- Fonts (selbst gehostet, OFL) ---------- */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/fraunces-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(assets/fonts/fraunces-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/fraunces-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(assets/fonts/fraunces-latin-ext-wght-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Karla";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/karla-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Karla";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/karla-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Karla";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/karla-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Karla";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/karla-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Karla";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/karla-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Karla";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/karla-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Tokens ---------- */
:root{
  --bg:#f3eee4;--bg-2:#e9e3d5;--bg-3:#fbf8f1;
  --fg:#183d32;--fg-muted:#5c6c63;
  --accent:#c97947;--accent-ink:#1d2a24;
  --line:rgba(24,61,50,.18);--line-strong:rgba(24,61,50,.4);
  --inv-bg:#183d32;--inv-fg:#f3eee4;--inv-muted:#b8c7bd;
  --ok:#2f6b4f;--warn-bg:#f6e2c7;--warn-fg:#4a2f17;--err:#b3412c;
  --shadow:0 18px 50px rgba(24,61,50,.18);
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --body:"Karla","Helvetica Neue",Arial,sans-serif;
  --radius:4px;
  --logo-light:inline-block;--logo-dark:none;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#12221c;--bg-2:#1a2e27;--bg-3:#16281f;
  --fg:#efe8d9;--fg-muted:#a8b5ab;
  --accent:#dc9060;--accent-ink:#15211b;
  --line:rgba(239,232,217,.16);--line-strong:rgba(239,232,217,.4);
  --inv-bg:#efe8d9;--inv-fg:#12221c;--inv-muted:#55665d;
  --ok:#8fcfae;--warn-bg:#3a2a18;--warn-fg:#f1d6b4;--err:#e07a65;
  --shadow:0 18px 50px rgba(0,0,0,.5);
  --logo-light:none;--logo-dark:inline-block;
  color-scheme:dark}}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:0;text-wrap:balance;overflow-wrap:anywhere}
h1 em,h2 em{font-style:italic;font-weight:400;color:var(--accent)}
p{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.sr,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:100;background:var(--bg);padding:12px}
svg.i{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{max-width:1180px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.label,.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0}
.muted{color:var(--fg-muted)}
.num{font-variant-numeric:tabular-nums}

/* ---------- Strip / Status ---------- */
.strip{background:var(--inv-bg);color:var(--inv-fg);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.strip .wrap{display:flex;justify-content:space-between;gap:16px;padding-block:8px;align-items:center}
.strip .badge{background:var(--accent);color:var(--accent-ink);padding:2px 8px;border-radius:2px;letter-spacing:.08em;font-weight:700;white-space:nowrap}
.strip .msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gof-status{background:var(--warn-bg);color:var(--warn-fg);text-align:center;padding:10px 16px;font-size:13px}

/* ---------- Header ---------- */
.hdr{position:sticky;top:0;z-index:9;background:var(--bg);border-bottom:1px solid var(--line)}
.admin-bar .hdr{top:32px}@media (max-width:782px){.admin-bar .hdr{top:46px}}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:8px}
.logo{display:inline-flex;align-items:center;height:60px}
.logo img{height:100%;width:auto}
.logo .l-light{display:var(--logo-light)}.logo .l-dark{display:var(--logo-dark)}
.logo.big{height:84px}
@media (max-width:760px){.logo{height:48px}.logo.big{height:68px}}
.nav{display:flex;gap:28px;font-size:14px}
.nav a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav a[aria-current="page"]{border-bottom-color:var(--accent)}
.hdr-actions{display:flex;align-items:center;gap:6px}
.icon-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;font-size:14px;text-decoration:none;background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.icon-btn:hover{background:var(--bg-2)}
.icon-btn svg.i{font-size:22px}
.count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:12px;font-weight:700;display:grid;place-items:center}
.count[data-n="0"]{background:var(--bg-2);color:var(--fg-muted)}
.menu-btn{display:none}
.mnav{display:none;border-bottom:1px solid var(--line);background:var(--bg)}
.mnav .wrap{display:flex;flex-direction:column;padding-block:6px}
.mnav a{text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;display:flex;justify-content:space-between;align-items:center}
.mnav a:last-child{border-bottom:0}
.mnav.open{display:block}
@media (max-width:760px){.nav{display:none}.menu-btn{display:inline-flex}}

/* ---------- Buttons ---------- */
.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce .wc-block-components-button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border-radius:var(--radius);background:var(--inv-bg);color:var(--inv-fg);text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.02em;border:1px solid var(--inv-bg);line-height:1.2;cursor:pointer;transition:transform .15s,background .15s;font-family:var(--body)}
.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{transform:translateY(-1px);background:var(--inv-bg);color:var(--inv-fg)}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line-strong)}
.btn.accent,.woocommerce button.button.alt.single_add_to_cart_button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce #payment #place_order{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.accent:hover,.woocommerce button.button.alt.single_add_to_cart_button:hover,.woocommerce #payment #place_order:hover{background:var(--accent);color:var(--accent-ink)}
.btn.full,.woocommerce button.button.alt.single_add_to_cart_button{width:100%}
.woocommerce a.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled]{opacity:.55;cursor:default;transform:none;background:var(--inv-bg);color:var(--inv-fg);padding:15px 22px}
.btn svg.i{font-size:18px}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;text-decoration:none;border-bottom:1.5px solid var(--accent);padding-bottom:2px}
.link svg.i{font-size:16px}

/* ---------- Hero ---------- */
.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-block:48px 40px}
.hero h1{font-size:clamp(44px,7vw,92px);font-weight:400}
.hero .eyebrow{margin-bottom:22px;color:var(--fg-muted)}
.hero .intro{font-size:17px;line-height:1.6;max-width:38ch;margin:26px 0 30px;color:var(--fg-muted)}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
.hero-visual{position:relative;aspect-ratio:4/5;max-height:620px;overflow:hidden;border-radius:var(--radius);background:var(--bg-2)}
.hero-visual img{width:100%;height:100%;object-fit:cover}
.chip{position:absolute;left:16px;bottom:16px;background:var(--bg);color:var(--fg);padding:8px 12px;border-radius:2px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
@media (max-width:760px){.hero .wrap{grid-template-columns:1fr;gap:28px;padding-block:28px 32px}.hero-visual{aspect-ratio:5/4;max-height:380px}.hero .intro{margin:18px 0 22px}}

/* ---------- Sections ---------- */
.section .wrap{padding-block:56px}
.section.tight .wrap{padding-block:36px}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.sec-head h2,.sec-head h1{font-size:clamp(32px,4vw,48px)}
.sec-head .label{color:var(--fg-muted);margin-bottom:10px;display:block}
.sec-head .link{margin-bottom:6px}
.sec-intro{color:var(--fg-muted);max-width:62ch;margin:-10px 0 26px}
.sec-intro p{margin:0 0 8px}

/* ---------- Steps / Band ---------- */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);padding-top:28px}
.steps div{min-width:0}
.steps .n{font-family:var(--display);font-style:italic;font-size:30px;color:var(--accent);line-height:1;margin-bottom:12px}
.steps h3{font-size:20px;margin-bottom:8px}
.steps p{font-size:14px;color:var(--fg-muted);max-width:34ch}
@media (max-width:640px){.steps{grid-template-columns:1fr;gap:26px}}
.band{background:var(--inv-bg);color:var(--inv-fg)}
.band .wrap{padding-block:72px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.band .label{color:var(--inv-muted)}
.band h2{font-size:clamp(36px,5.5vw,68px);font-weight:400;max-width:16ch}
.band p{max-width:52ch;color:var(--inv-muted);font-size:16px}
.band .btn{background:var(--inv-fg);color:var(--inv-bg);border-color:var(--inv-fg)}

/* ---------- Footer ---------- */
.ftr{border-top:1px solid var(--line)}
.ftr .wrap{padding-block:40px 28px;display:flex;flex-direction:column;gap:28px}
.ftr-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:start}
.ftr-top p{font-size:14px;color:var(--fg-muted);margin-top:10px;max-width:30ch}
.ftr-top .stmt{font-family:var(--display);font-style:italic;font-size:28px;line-height:1.1;text-align:right;max-width:14ch;color:var(--fg)}
.ftr-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--fg-muted)}
.ftr-bot nav{display:flex;gap:16px;flex-wrap:wrap}
.ftr-bot a{text-decoration:none}
@media (max-width:640px){.ftr-top .stmt{text-align:left}}

/* ---------- Product cards (WooCommerce loop) ---------- */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;margin:0;padding:0;list-style:none}
.woocommerce ul.products.columns-2,.woocommerce ul.products.columns-3{grid-template-columns:repeat(4,minmax(0,1fr))}
.woocommerce ul.products.few{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
@media (max-width:980px){.woocommerce ul.products,.woocommerce ul.products.columns-2,.woocommerce ul.products.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.woocommerce ul.products,.woocommerce ul.products.columns-2,.woocommerce ul.products.columns-3,.woocommerce ul.products.few{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;max-width:none}}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none;width:auto;margin:0;padding:0;min-width:0;position:relative}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;gap:10px;text-decoration:none;min-width:0}
.woocommerce ul.products li.product .ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg-2);border-radius:var(--radius)}
.woocommerce ul.products li.product .ph img,.woocommerce ul.products li.product a img{width:100%;height:100%;object-fit:cover;margin:0;transition:transform .5s;box-shadow:none}
.woocommerce ul.products li.product:hover .ph img{transform:scale(1.03)}
.woocommerce ul.products li.product .tag{position:absolute;top:10px;left:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:5px 8px;background:var(--bg);color:var(--fg);border-radius:2px;z-index:2}
.woocommerce ul.products li.product.sold .ph img{filter:saturate(.3);opacity:.7}
.woocommerce ul.products li.product.sold .tag{background:var(--inv-bg);color:var(--inv-fg)}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{font-family:var(--display);font-size:18px;line-height:1.2;letter-spacing:-.01em;font-weight:600;padding:0;margin:0;color:var(--fg)}
.woocommerce ul.products li.product .m{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--fg-muted)}
.woocommerce ul.products li.product .m b{color:var(--fg);font-weight:700;white-space:nowrap}
.woocommerce ul.products li.product.sold .m b{text-decoration:line-through;color:var(--fg-muted);font-weight:400}
.woocommerce ul.products li.product .m .amount{color:inherit;font-weight:inherit}
.woocommerce ul.products li.product .onsale,.woocommerce ul.products li.product .wc-gzd-additional-info{display:none}

/* ---------- Shop / Archive ---------- */
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips a{border:1px solid var(--line-strong);padding:8px 14px;border-radius:999px;font-size:13px;text-decoration:none;background:none;color:var(--fg)}
.chips a[aria-current="page"]{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}
.woocommerce .woocommerce-ordering{margin:0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-muted)}
.woocommerce .woocommerce-ordering select,select{font:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-3);color:var(--fg)}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-breadcrumb,.woocommerce-products-header__title{display:none}
.empty{border:1px dashed var(--line-strong);padding:48px 20px;text-align:center;border-radius:var(--radius)}
.empty h3{font-size:26px;margin-bottom:8px}
.woocommerce nav.woocommerce-pagination{margin-top:36px}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:6px;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{padding:8px 12px;border:1px solid var(--line-strong);border-radius:999px;color:var(--fg);background:none}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}

/* ---------- Product page ---------- */
.crumb{font-size:13px;color:var(--fg-muted);display:flex;gap:8px;align-items:center;margin-bottom:22px}
.crumb a{text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.woocommerce div.product{display:block}
.woocommerce div.product .pdp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
@media (max-width:860px){.woocommerce div.product .pdp{grid-template-columns:1fr;gap:28px}}
.woocommerce div.product div.images,.woocommerce-page div.product div.images{float:none;width:auto;margin:0}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{display:grid;gap:10px}
.woocommerce div.product div.images .woocommerce-product-gallery__image:first-child{aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius);background:var(--bg-2)}
.woocommerce div.product div.images .woocommerce-product-gallery__image:first-child img{width:100%;height:100%;object-fit:cover}
.woocommerce div.product div.images .flex-control-thumbs{display:flex;gap:10px;margin:10px 0 0;padding:0;list-style:none}
.woocommerce div.product div.images .flex-control-thumbs li{width:72px;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius);background:var(--bg-2);float:none;margin:0}
.woocommerce div.product div.images .flex-control-thumbs img{width:100%;height:100%;object-fit:cover;border:2px solid transparent;opacity:1}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active{border-color:var(--accent)}
.woocommerce div.product div.summary,.woocommerce-page div.product div.summary{float:none;width:auto;margin:0;display:flex;flex-direction:column;gap:18px;position:sticky;top:96px}
@media (max-width:860px){.woocommerce div.product div.summary{position:static}}
.woocommerce div.product .product_title{font-size:clamp(30px,4vw,44px);font-family:var(--display);font-weight:600;letter-spacing:-.02em;line-height:1.05}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:6px 10px;border:1px solid var(--line-strong);border-radius:999px}
.pill.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-family:var(--display);font-size:32px;line-height:1;color:var(--fg);margin:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.woocommerce div.product p.price .amount{color:var(--fg)}
.woocommerce div.product .legal-price-info,.woocommerce div.product .wc-gzd-additional-info,.woocommerce div.product p.wc-gzd-additional-info{font-family:var(--body);font-size:12px;color:var(--fg-muted);margin:0}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--fg-muted);max-width:52ch}
.woocommerce div.product .woocommerce-product-details__short-description p{margin:0 0 10px}
.woocommerce div.product form.cart{margin:0;display:flex;flex-direction:column;gap:12px}
.woocommerce div.product form.cart div.quantity{display:none}
.woocommerce div.product form.cart .button{float:none;margin:0}
.woocommerce div.product .stock{margin:0;font-size:13px}
.woocommerce div.product .stock.out-of-stock{color:var(--fg-muted)}
.woocommerce div.product .product_meta{display:none}
.note{font-size:13px;color:var(--fg-muted);display:flex;gap:10px;align-items:start;margin:0}
.note svg.i{font-size:18px;margin-top:2px;color:var(--ok)}
.gof-details{border-top:1px solid var(--line);font-size:14px;width:100%;border-collapse:collapse;margin:0}
.gof-details tr{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.gof-details th{color:var(--fg-muted);font-weight:400;text-align:left;padding:0;vertical-align:top}
.gof-details td{padding:0}
.gof-details .fit{color:var(--fg-muted)}
.woocommerce div.product .woocommerce-tabs{display:none}
.woocommerce div.product .gof-longdesc{max-width:720px;margin-top:56px}
.woocommerce div.product .gof-longdesc h2{font-size:26px;margin:28px 0 10px}
.woocommerce div.product .gof-longdesc h2:first-child{margin-top:0}
.woocommerce div.product .gof-longdesc p{color:var(--fg-muted);margin:0 0 12px;max-width:62ch}
.woocommerce div.product section.related,.woocommerce div.product section.up-sells{margin-top:56px}
.woocommerce div.product section.related>h2,.woocommerce div.product section.up-sells>h2{font-size:clamp(32px,4vw,48px);margin-bottom:28px}
.woocommerce div.product section.related>h2::before{content:"Passt dazu";display:block;font-family:var(--body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--fg-muted);margin-bottom:10px;letter-spacing:.14em}

/* ---------- Notices ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice{background:var(--bg-2);color:var(--fg);border:0;border-left:3px solid var(--accent);border-radius:var(--radius);padding:14px 16px 14px 20px;margin:0 0 24px;font-size:14px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-error{border-left-color:var(--err);background:var(--warn-bg);color:var(--warn-fg)}
.woocommerce-error li{list-style:none}
.woocommerce-message .button{padding:10px 14px;font-size:13px}

/* ---------- Cart / Checkout / Account ---------- */
.shop-wrap{max-width:1180px}
.woocommerce table.shop_table{border:0;border-collapse:collapse;border-radius:0;margin-bottom:24px}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border:0;border-bottom:1px solid var(--line);padding:14px 10px;font-size:14px}
.woocommerce table.shop_table th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);font-weight:700}
.woocommerce table.shop_table td.product-thumbnail img{width:64px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}
.woocommerce table.shop_table td.product-name a{text-decoration:none;font-family:var(--display);font-size:17px}
.woocommerce table.shop_table .quantity{display:none}
.woocommerce a.remove{color:var(--fg-muted)!important;font-size:1.2em}
.woocommerce a.remove:hover{background:var(--fg);color:var(--bg)!important}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:none;width:auto;max-width:440px;margin-left:auto;background:var(--bg-2);border-radius:var(--radius);padding:22px}
.woocommerce .cart_totals h2{font-size:22px;margin-bottom:12px}
.woocommerce .cart_totals table.shop_table td,.woocommerce .cart_totals table.shop_table th{border-bottom:1px solid var(--line);padding:10px 0;text-transform:none;letter-spacing:0;font-size:14px}
.woocommerce .cart_totals .order-total td,.woocommerce .cart_totals .order-total th{font-size:18px;font-weight:700;color:var(--fg)}
.woocommerce .wc-proceed-to-checkout{padding:16px 0 0}
.woocommerce .wc-proceed-to-checkout a.checkout-button{width:100%;font-size:14px;margin:0}
.woocommerce .coupon{display:flex;gap:8px}.woocommerce .coupon .input-text{min-width:0}
.woocommerce form .form-row{margin:0 0 12px;padding:0}
.woocommerce form .form-row label{font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.6}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce form .form-row .select2-container .select2-selection--single{font:inherit;padding:12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-3);color:var(--fg);width:100%;height:auto;line-height:1.3}
.woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__rendered{line-height:1.3;padding:0;color:var(--fg)}
.woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__arrow{height:100%}
.woocommerce form .form-row.woocommerce-invalid .select2-container,.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:var(--err);box-shadow:0 0 0 2px rgba(179,65,44,.15)}
.woocommerce-checkout h3,.woocommerce-checkout #order_review_heading{font-family:var(--display);font-size:22px;margin:0 0 14px;font-weight:600}
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr;gap:0}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{float:none;width:auto}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.woocommerce-checkout form.checkout #customer_details{grid-column:1}
.woocommerce-checkout form.checkout #order_review_heading,.woocommerce-checkout form.checkout #order_review{grid-column:2}
.woocommerce-checkout form.checkout #order_review_heading{grid-row:1;align-self:end}
.woocommerce-checkout form.checkout #order_review{grid-row:1/span 3;background:var(--bg-2);border-radius:var(--radius);padding:22px;position:sticky;top:96px}
.woocommerce-checkout form.checkout #order_review_heading{position:absolute;left:-9999px}
@media (max-width:860px){.woocommerce-checkout form.checkout{grid-template-columns:1fr;gap:28px}.woocommerce-checkout form.checkout #customer_details,.woocommerce-checkout form.checkout #order_review{grid-column:1;grid-row:auto;position:static}}
.woocommerce-checkout #payment{background:transparent;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0}
.woocommerce-checkout #payment ul.payment_methods li{display:flex;gap:12px;align-items:start;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius);margin-bottom:8px;background:var(--bg-3);flex-wrap:wrap}
.woocommerce-checkout #payment ul.payment_methods li label{font-size:14px;font-weight:700;flex:1;min-width:0;display:inline}
.woocommerce-checkout #payment ul.payment_methods li img{max-height:22px}
.woocommerce-checkout #payment div.payment_box{background:var(--bg);color:var(--fg);font-size:13px;width:100%;margin:0}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--bg)}
.woocommerce-checkout #payment div.place-order{padding:16px 0 0}
.woocommerce-checkout #payment #place_order{width:100%;float:none}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,.woocommerce-checkout .legal{font-size:13px;color:var(--fg-muted)}
.woocommerce-checkout #order_review table.shop_table td,.woocommerce-checkout #order_review table.shop_table th{padding:10px 0;text-transform:none;letter-spacing:0;font-size:14px;color:var(--fg)}
.woocommerce-checkout #order_review table.shop_table .order-total td,.woocommerce-checkout #order_review table.shop_table .order-total th{font-size:18px;font-weight:700}
.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:auto;margin-bottom:24px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.woocommerce-account .woocommerce-MyAccount-navigation a{border:1px solid var(--line-strong);padding:8px 14px;border-radius:999px;font-size:13px;text-decoration:none;display:inline-block}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto}
.woocommerce-form-login,.woocommerce-form-register{max-width:480px;border:1px solid var(--line)!important;border-radius:var(--radius)!important;padding:22px!important}
.woocommerce form.checkout_coupon,.woocommerce form.login{border:1px solid var(--line);border-radius:var(--radius)}

/* ---------- Text pages ---------- */
.content-wrap{max-width:1180px;min-height:55vh;margin:auto;padding:48px max(16px,env(safe-area-inset-left,0px)) 80px}
.page-narrow{max-width:720px}
.page-narrow h1,.page-about h1,.content-wrap>h1{font-size:clamp(32px,5vw,52px);margin-bottom:22px}
.page-about h2{font-size:30px;margin:40px 0 14px}.page-about p{color:var(--fg-muted);margin:0 0 14px;max-width:62ch}.page-about .about-text h2{margin-top:0}
.page-narrow p,.page-narrow li{color:var(--fg-muted);max-width:62ch}
.page-narrow p{margin:0 0 14px}
.page-narrow h2{font-size:26px;margin:32px 0 12px}
.page-narrow h3{font-size:20px;margin:24px 0 8px}
.page-narrow p.lead{font-size:18px;color:var(--fg)}
.placeholder,.page-narrow .placeholder{background:var(--warn-bg);color:var(--warn-fg);padding:14px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:22px}
.about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;margin:0 0 48px}
.about-photo{margin:0}
.about-photo img{width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:var(--radius);box-shadow:12px 12px 0 var(--accent)}
.about-text .eyebrow{margin-bottom:14px;color:var(--fg-muted)}
.about-text h2{font-size:clamp(34px,4.5vw,52px);margin:0 0 18px}
.about-text p{max-width:none}
@media (max-width:860px){.about-grid{grid-template-columns:minmax(0,1fr);gap:32px}.about-photo{max-width:380px}}
.page-404{text-align:center;padding-block:40px;display:flex;flex-direction:column;align-items:center;gap:18px}
.page-404 h1{font-size:clamp(36px,6vw,64px)}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ================= v2.0 – Navigation, Layer, Filter, Produktseite ================= */
/* Laufband */
.strip .rotator{position:relative;min-width:0;flex:1;height:1.6em}
.strip .rotator span{position:absolute;left:0;top:0;opacity:0;transition:opacity .4s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.strip .rotator span.on{opacity:1}
.strip>.wrap>.msg{flex:none}
@media (max-width:640px){.strip>.wrap>.msg{display:none}}
/* Header-Aktionen */
.hdr-actions .icon-btn{position:relative;padding:8px}
.hdr-actions .count{position:absolute;top:0;right:0;transform:translate(25%,-10%);min-width:18px;height:18px;font-size:11px;padding:0 5px}
.hdr-actions .count[data-n="0"]{display:none}
/* Mega-Menü */
.nav{position:static}
.nav>div{position:relative}
.nav>div>a{display:inline-flex;align-items:center;gap:4px}
.nav>div>a svg.i{font-size:14px;transition:transform .2s}
.nav .has-sub.open>a svg.i,.nav .has-sub:hover>a svg.i{transform:rotate(180deg)}
.nav .sale>a{color:var(--accent);font-weight:700}
.mega{position:absolute;left:50%;top:100%;transform:translateX(-50%) translateY(6px);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 26px 14px;min-width:560px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:20}
.nav .has-sub:hover .mega,.nav .has-sub.open .mega,.nav .has-sub:focus-within .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 28px}
.mega-grid>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.mega-h{font-family:var(--display);font-size:17px;font-weight:600;text-decoration:none;margin-bottom:4px;color:var(--fg)}
.mega-grid a{text-decoration:none;font-size:13px;color:var(--fg-muted)}
.mega-grid a:hover{color:var(--fg)}
.mega-grid a.mega-all{color:var(--accent);font-weight:700;margin-top:4px}
.mega-foot{border-top:1px solid var(--line);margin-top:16px;padding-top:10px;font-size:13px;font-weight:700}
.mega-foot a{text-decoration:none}
/* Mobile-Nav */
body.mnav-open{overflow:hidden}
.mnav{max-height:calc(100vh - 120px);overflow:auto}
.mnav .acc{border-bottom:1px solid var(--line)}
.mnav .acc>button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 0;font:inherit;font-size:16px;background:none;border:0;color:inherit}
.mnav .acc>button svg.i{transition:transform .2s}
.mnav .acc.open>button svg.i{transform:rotate(180deg)}
.mnav .acc-body{display:none;padding:0 0 10px 12px}
.mnav .acc.open .acc-body{display:flex;flex-direction:column}
.mnav .acc-body a,.mnav .acc-body .sub-h{border:0;padding:7px 0;font-size:14px}
.mnav .acc-body .sub-h{font-family:var(--display);font-size:16px;margin-top:8px;font-weight:600}
.mnav .acc-body .sub{color:var(--fg-muted)}
.mnav-help{display:flex;gap:16px;flex-wrap:wrap;padding:14px 0 4px;font-size:13px}
.mnav-help a{border:0;padding:0;color:var(--fg-muted)}
/* Layer: Scrim, Drawer, Modal, Toast */
.gof-scrim{position:fixed;inset:0;background:rgba(10,22,18,.45);z-index:40;opacity:0;pointer-events:none;transition:opacity .25s}
.gof-scrim.on{opacity:1;pointer-events:auto}
body.layer-open{overflow:hidden}
.gof-layer{visibility:hidden}
.gof-layer.on{visibility:visible}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--bg);z-index:41;transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.drawer.on{transform:none;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.drawer>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.drawer>header h2{font-size:22px}
.drawer .items{flex:1;overflow:auto;padding:14px 20px}
.citem{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.citem .ph{aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius);background:var(--bg-2);display:block}
.citem .ph img{width:100%;height:100%;object-fit:cover}
.citem .t{font-family:var(--display);font-size:17px;line-height:1.2;text-decoration:none;display:block}
.citem .s{font-size:13px;color:var(--fg-muted);margin-top:4px}
.citem .rm{font-size:12px;color:var(--fg-muted);text-decoration:underline;margin-top:8px;background:none;border:0;padding:0;cursor:pointer;font-family:inherit;display:inline-block}
.citem .p{font-weight:700;white-space:nowrap}
.gof-drawer-foot{padding:16px 0 0;display:flex;flex-direction:column;gap:10px}
.sum{display:flex;justify-content:space-between;font-size:15px;font-weight:700}
.small{font-size:12px}
.empty-cart{text-align:center;padding:48px 10px;color:var(--fg-muted);display:flex;flex-direction:column;gap:14px;align-items:center}
.gof-shipbar{background:var(--bg-2);border-radius:var(--radius);padding:12px 14px;margin-bottom:6px;font-size:13px}
.gof-shipbar .bar{height:6px;background:var(--line);border-radius:3px;margin-top:8px;overflow:hidden}
.gof-shipbar .bar span{display:block;height:100%;background:var(--accent);transition:width .4s}
.gof-shipbar[data-done="1"] .bar span{background:var(--ok)}
@media (max-width:600px){.drawer{top:auto;left:0;width:100%;max-height:88%;transform:translateY(105%);border-radius:14px 14px 0 0}.drawer.on{transform:none}}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);width:min(560px,calc(100% - 32px));max-height:88vh;overflow:auto;background:var(--bg);border-radius:8px;box-shadow:var(--shadow);padding:32px 28px 26px;z-index:42;opacity:0;transition:opacity .2s,transform .2s,visibility 0s .2s}
.modal.on{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .2s,transform .2s}
.modal h2{font-size:28px;margin-bottom:14px}
.modal p{color:var(--fg-muted);margin-bottom:12px}
.modal-x{position:absolute;top:10px;right:10px}
.modal .btn{margin-top:6px}
.modal.popup{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 32px 28px}
.modal.popup h2{font-size:34px}
.gof-search{display:flex;gap:10px;margin:10px 0 14px}
.gof-search input{flex:1;font:inherit;font-size:18px;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-3);color:var(--fg);min-width:0}
.link-btn{background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:700;color:var(--fg);text-decoration:underline;text-underline-offset:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.cond-list dt{font-family:var(--display);font-size:19px;margin-top:14px}
.cond-list dd{margin:4px 0 0;color:var(--fg-muted);font-size:14px}
.measure{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:start}
.measure-svg{width:150px;height:auto;color:var(--fg-muted)}
.measure dt{font-weight:700;font-size:14px;margin-top:8px}.measure dd{margin:0;font-size:13px;color:var(--fg-muted)}
@media (max-width:520px){.measure{grid-template-columns:1fr}}
.gof-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--inv-bg);color:var(--inv-fg);padding:12px 16px;border-radius:999px;font-size:14px;display:flex;gap:12px;align-items:center;opacity:0;pointer-events:none;transition:all .25s;z-index:50;white-space:nowrap;max-width:calc(100% - 32px)}
.gof-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.gof-toast button{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;font-weight:700;cursor:pointer}
/* Filterleiste */
.toolbar{align-items:start}
.filters{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.fgroup{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.flabel{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--fg-muted);min-width:64px}
.chips a small{color:var(--fg-muted);font-weight:400;margin-left:4px}
.chips.subcats{margin:-10px 0 22px}
.chips.brands a{font-size:14px;padding:10px 18px}
.seo-text{max-width:760px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}
.seo-text h2{font-size:24px;margin-bottom:10px}
.seo-text p{color:var(--fg-muted);font-size:14px;margin:0 0 10px}
/* Karten: Tags, Herz */
.woocommerce ul.products li.product .tags{position:absolute;top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}
.woocommerce ul.products li.product .tags .tag{position:static}
.woocommerce ul.products li.product .tag.sale{background:var(--accent);color:var(--accent-ink)}
.woocommerce ul.products li.product .tag.new{background:var(--inv-bg);color:var(--inv-fg)}
.gof-fav{background:var(--bg);border:0;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:var(--fg);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.gof-fav svg.i{font-size:18px}
.gof-fav.on{color:var(--accent)}
.gof-fav.on svg.i{fill:currentColor}
.gof-fav.on-card{position:absolute;top:10px;right:10px;z-index:3}
.woocommerce ul.products li.product .m .price del{color:var(--fg-muted);font-weight:400;margin-right:6px;opacity:.8}
.woocommerce ul.products li.product .m .price ins{text-decoration:none;color:var(--accent)}
/* Produktseite */
.pill-btn{background:none;cursor:pointer;font:inherit;color:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.pill-btn svg.i{font-size:13px}
.save{font-size:13px;color:var(--accent);font-weight:700;margin:-8px 0 0}
.buy-extra{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:-6px}
.buy-extra .gof-fav{box-shadow:none;border:1px solid var(--line-strong);width:40px;height:40px}
.pay-icons{font-size:12px;color:var(--fg-muted)}
.hurry{font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center;margin:0}
.hurry svg.i{color:var(--accent)}
.gof-added{font-size:14px;color:var(--ok);font-weight:700;display:flex;gap:8px;align-items:center;margin:0}
.links-row{display:flex;gap:18px;flex-wrap:wrap;margin:0}
.links-row .link-btn svg.i{font-size:15px}
.guarantee{display:flex;gap:12px;align-items:start;background:var(--bg-2);border-radius:var(--radius);padding:14px 16px;font-size:13px}
.guarantee svg.i{font-size:24px;color:var(--ok);flex:none;margin-top:2px}
.guarantee b{display:block;margin-bottom:2px}.guarantee span{color:var(--fg-muted)}
.woocommerce div.product p.price del{font-size:20px;color:var(--fg-muted);opacity:.8}
.woocommerce div.product p.price ins{text-decoration:none}
.gof-sticky{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(24,61,50,.12);transform:translateY(110%);transition:transform .25s;z-index:30;padding-bottom:env(safe-area-inset-bottom,0px)}
.gof-sticky.on{transform:none}
.gof-sticky .wrap{display:flex;align-items:center;gap:14px;padding-block:10px}
.gof-sticky img{width:44px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}
.gof-sticky .st-t{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px}
.gof-sticky .st-t b{font-family:var(--display);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gof-sticky .btn{padding:12px 18px}
@media (max-width:520px){.gof-sticky .st-t b{display:none}}
/* Startseite */
.drop-hint{margin-top:22px;font-size:13px;color:var(--fg-muted);display:flex;gap:8px;align-items:center}
.drop-hint svg.i{color:var(--accent)}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tile{position:relative;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:var(--bg-2);text-decoration:none;display:block}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tile:hover img{transform:scale(1.03)}
.tile-t{position:absolute;left:12px;bottom:12px;background:var(--bg);color:var(--fg);padding:8px 12px;border-radius:2px;font-family:var(--display);font-size:17px;font-weight:600}
.tile-t small{font-family:var(--body);font-size:11px;color:var(--fg-muted);margin-left:6px}
@media (max-width:760px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.why{background:var(--bg-2)}
.why .wrap{padding-block:64px}
.why .sec-head h2 span{color:var(--accent)}
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.why-grid article{border-top:2px solid var(--fg);padding-top:18px}
.why-grid article svg.i{font-size:26px;color:var(--accent);margin-bottom:10px}
.why-grid h3{font-size:21px;margin:0 0 8px}
.why-grid p{font-size:14px;color:var(--fg-muted);margin:0}
@media (max-width:900px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr}}
.intro-wrap{max-width:820px}
.intro-wrap h2{font-size:clamp(28px,3.6vw,40px);margin-bottom:16px}
.intro-text{color:var(--fg-muted);max-height:5.2em;overflow:hidden;position:relative;transition:max-height .3s}
.intro-text::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.4em;background:linear-gradient(transparent,var(--bg))}
.intro-text.open{max-height:60em}.intro-text.open::after{display:none}
.intro-text p{margin:0 0 12px}
.intro-wrap .link-btn{margin-top:10px}
/* Footer */
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.ftr-grid h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--body);font-weight:700;margin:0 0 12px;color:var(--fg-muted)}
.ftr-grid h3.mt{margin-top:22px}
.ftr-grid nav{display:flex;flex-direction:column;gap:7px}
.ftr-grid nav a{text-decoration:none;font-size:14px}
.ftr-brand p{font-size:14px;color:var(--fg-muted);margin-top:10px;max-width:34ch}
.ftr-brand .stmt{font-family:var(--display);font-style:italic;font-size:26px;line-height:1.1;color:var(--fg);margin-top:18px;max-width:none}
@media (max-width:860px){.ftr-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ftr-grid{grid-template-columns:1fr}}
@media (max-width:640px){.toolbar{flex-direction:column;align-items:stretch;gap:10px}.flabel{min-width:auto;width:100%}.chips a{padding:7px 12px;font-size:12px}.woocommerce .woocommerce-ordering{justify-content:flex-end}.mega{display:none}}
.gof-ph{background:var(--warn-bg);color:var(--warn-fg);padding:0 4px;border-radius:2px}