/* MEK7 Shop – Grundlayout (ersetzt, was bisher Astra geliefert hat). Farben/Schriften: Designkit. */
:root{--mek7-max:1240px;--mek7-pad:20px;--mek7-ink:#17191a;--mek7-muted:#5c6368;--mek7-line:#e4e6e7;--mek7-red:#D91F1C;--mek7-dark:#0b0d0e;--mek7-surface:#15191b}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Barlow,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--mek7-ink);background:#fff}
img,video,iframe{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .6em}
p{margin:0 0 1em}
button,input,select,textarea{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100000;width:auto;height:auto;clip:auto;padding:10px 16px;background:#fff;color:#000}

/* Container und Inhaltsbereich */
.site{min-height:100vh;display:flex;flex-direction:column}
.site-content{flex:1 0 auto}
.ast-container,.mek7-container{width:100%;max-width:var(--mek7-max);margin:0 auto;padding:0 var(--mek7-pad)}
#primary{padding:28px 0 56px}
.entry-content>*:last-child{margin-bottom:0}
.alignwide{max-width:none}
.mek7-breadcrumb{font-size:14px;color:var(--mek7-muted);margin:0 0 18px}
.mek7-breadcrumb a{text-decoration:none}

/* Formulare und Knöpfe (Grundstil) */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],select,textarea{max-width:100%;padding:10px 12px;border:1px solid #c9cdcf;border-radius:4px;background:#fff;color:var(--mek7-ink)}
.mek7-btn,.button,button.button,a.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:0;border-radius:4px;background:var(--mek7-red);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}
.mek7-btn:hover,.button:hover{filter:brightness(.92)}

/* WooCommerce: Produktgitter ohne Floats */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 30px!important;padding:0!important;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;margin:0!important;float:none!important}
@media(max-width:1100px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:root{--mek7-pad:14px}}

/* Leere Seite / 404 */
.mek7-leer{max-width:640px;padding:40px 0}

/* Footer */
.mek7-footer{background:var(--mek7-dark);color:#c9cdcf;border-top:4px solid var(--mek7-red);margin-top:auto}
.mek7-footer a{color:#fff;text-decoration:none}
.mek7-footer a:hover{color:#FF4A3D}
.mek7-footer__inner{max-width:var(--mek7-max);margin:0 auto;padding:44px var(--mek7-pad) 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.mek7-footer__titel{margin:0 0 12px!important;font:italic 800 18px/1.1 "Barlow Condensed",Barlow,sans-serif!important;text-transform:uppercase;letter-spacing:.02em;color:#fff!important}
.mek7-footer__titel::after{content:"";display:block;width:28px;height:3px;margin-top:8px;background:var(--mek7-red)}
.mek7-footer__liste{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:6px;font-size:15px}
.mek7-footer__klein{font-size:13px;color:#9aa0a4;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}
.mek7-footer__chips{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mek7-footer__chips li{padding:5px 10px;border:1px solid #2a3033;border-radius:3px;font-size:13px;font-weight:600;color:#fff;background:#15191b}
.mek7-footer__versand{margin:0 0 26px;padding:14px 16px;border-left:3px solid var(--mek7-red);background:#15191b;font-size:14px}
.mek7-footer__adresse{font-style:normal;margin:0 0 12px;line-height:1.6}
.mek7-footer__unten{border-top:1px solid #22282b;padding:16px var(--mek7-pad);text-align:center;font-size:13px;color:#8a9195}
@media(max-width:900px){.mek7-footer__inner{grid-template-columns:1fr;gap:10px}}

/* v0.2.0 – Linien-Symbole statt Emojis */
.mek7-ico-wrap{display:inline-flex;vertical-align:-.2em;margin-right:.35em}
.mek7-ico{flex:none}

/* v0.2.0 – Shop-Seiten: Abstand, Brotkrumen, Überschrift */
.mek7-woo{padding-top:24px}
.woocommerce-products-header{margin:0 0 18px}
.woocommerce-products-header__title.page-title{margin:0!important}

/* v0.2.0 – Produktkacheln mit Innenabstand */
.woocommerce ul.products li.product{display:flex;flex-direction:column;border:1px solid var(--mek7-line);border-radius:8px;background:#fff;overflow:hidden}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1 1 auto;text-decoration:none}
.woocommerce ul.products li.product img{margin:0 0 12px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product .price{padding:0 14px!important}
.woocommerce ul.products li.product .price{margin-top:auto!important;padding-top:8px!important}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin:12px 14px 14px!important;align-self:flex-start}
.woocommerce ul.products li.product .onsale{top:10px!important;left:10px!important;right:auto!important;margin:0!important}
@media(max-width:767px){.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product .price{padding:0 10px!important}.woocommerce ul.products li.product .button{margin:10px!important}}

/* v0.2.0 – Warenkorb: Gutscheinfeld */
.woocommerce-cart table.cart td.actions .coupon{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:220px!important;min-height:44px}

/* v0.2.1 – Konto: Navigation als Seitenleiste (nur der Konto-Container, nicht die Header-Suche) */
.woocommerce:has(> .woocommerce-MyAccount-navigation){display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
.woocommerce:has(> .woocommerce-MyAccount-navigation)>.woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce:has(> .woocommerce-MyAccount-navigation)::before,.woocommerce:has(> .woocommerce-MyAccount-navigation)::after{display:none!important}
.woocommerce:has(> .woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-navigation{grid-column:1;grid-row:1}
.woocommerce:has(> .woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-content{grid-column:2;grid-row:1}
.woocommerce-MyAccount-navigation{float:none!important;width:auto!important}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--mek7-line);border-radius:8px;overflow:hidden}
.woocommerce-MyAccount-navigation li{margin:0;border-bottom:1px solid var(--mek7-line)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation a{display:block;padding:12px 16px;text-decoration:none;font-weight:600;color:var(--mek7-ink)}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation a:hover{background:#f5f6f6;color:var(--mek7-red);box-shadow:inset 3px 0 0 var(--mek7-red)}
.woocommerce-MyAccount-content{float:none!important;width:auto!important}
@media(max-width:767px){.woocommerce:has(> .woocommerce-MyAccount-navigation){grid-template-columns:1fr;gap:18px}.woocommerce:has(> .woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-content{grid-column:1;grid-row:2}}