/* Flexible market cards replace the original fixed-width, single flex row. */
#supermarkte{scroll-margin-top:6rem;padding-block:5rem;background:#101014}
#supermarkte>.max-w-7xl{max-width:78rem;display:grid;grid-template-columns:minmax(0,1fr) 19rem;column-gap:2rem;align-items:center}
#supermarkte>.max-w-7xl>.max-w-4xl,#supermarkte>.max-w-7xl>.mt-12{grid-column:1/-1}
#supermarkte .text-center.mb-16{margin-bottom:2rem;text-align:left;max-width:52rem}
#supermarkte .text-center.mb-16>p:last-child{margin-left:0;font-size:1.125rem;line-height:1.65}
#supermarkte h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.12;letter-spacing:-.035em}
#supermarkte .mb-12{margin-bottom:2.5rem}
#supermarkte .aspect-\[16\/10\]{max-width:36rem;aspect-ratio:2/1}
#supermarkte .max-w-4xl{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:none;align-items:stretch}
#supermarkte .max-w-4xl>div{min-width:0;height:100%}
#supermarkte .cursor-default{width:100%!important;height:auto!important;min-height:9rem;padding:1.5rem;align-items:flex-start;justify-content:center;text-align:left;border:1px solid #34313c;border-radius:1rem;background:#1a1820;gap:.5rem;transition:background .2s,border-color .2s}
#supermarkte .cursor-default:hover{background:#24202b;border-color:#c864e7}
#supermarkte .cursor-default>span{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
#supermarkte .cursor-default>span:first-child{color:#fafafa!important;font-size:1.25rem;font-weight:750;line-height:1.35;letter-spacing:-.02em}
#supermarkte .cursor-default>span:last-child{color:#c7bece;font-size:1rem;line-height:1.5;margin-top:0}
#supermarkte .max-w-4xl>div:first-child .cursor-default{border-color:#a649c4;background:#291932}
#supermarkte .max-w-4xl>div:first-child span:first-child{color:#ecb5ff!important}
#supermarkte .mt-12{margin-top:2rem}
#supermarkte .mt-12 p{font-size:1rem;line-height:1.6}
section[id]{scroll-margin-top:6rem}
main{overflow-x:clip}
/* The original Instagram image service rejects these archived image URLs. */
a[href^="https://www.instagram.com/p/"] div:has(>img){display:none}
#standorte .grid>div{min-width:0}
@media(max-width:640px){#standorte .grid.lg\:grid-cols-3{grid-template-columns:minmax(0,1fr)}#standorte .grid.lg\:grid-cols-3>div{max-width:100%;width:100%}#standorte .px-6{padding-left:1rem;padding-right:1rem}}
@media(min-width:1200px){#supermarkte .max-w-4xl{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){#supermarkte>.max-w-7xl{display:block}#supermarkte .max-w-4xl{grid-template-columns:repeat(2,minmax(0,1fr))}#supermarkte .aspect-\[16\/10\]{max-width:22rem}}
@media(max-width:520px){#supermarkte{padding-block:3.5rem}#supermarkte .max-w-4xl{grid-template-columns:minmax(0,1fr);gap:.75rem}#supermarkte .cursor-default{min-height:7rem;padding:1.25rem}#supermarkte .aspect-\[16\/10\]{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){#supermarkte *{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}

/* Keep the first line safely below the fixed menu at every viewport height. */
main>section:first-child:has(.truck-glow){padding-top:calc(var(--nav-height,5.5rem) + 3rem);padding-bottom:5rem;min-height:100svh}
main>section:first-child:has(.truck-glow) .pt-28{padding-top:0!important;padding-bottom:0}
main>section:first-child>.pointer-events-none{display:none}
.truck-glow{filter:none!important;box-shadow:none!important;animation:none!important}
div:has(>.truck-glow)>.absolute{display:none}

/* Same image, title and excerpt space; only the selected description expands. */
#produkte .grid{align-items:start}
#produkte .grid>div{min-width:0}
#produkte .product-card{height:auto;transition:border-color .2s,box-shadow .2s}
#produkte .product-card>div:first-child{height:clamp(12rem,23vw,16rem)}
#produkte .product-body{display:flex;flex-direction:column}
#produkte .product-body>p:first-child{font-size:.875rem;min-height:1.5em}
#produkte .product-body h3{font-size:1.25rem;line-height:1.35;min-height:2.7em}
#produkte .product-description{font-size:1rem;line-height:1.625;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.875em;max-height:4.875em;margin-bottom:.5rem}
#produkte .description-expanded .product-description{display:block;max-height:none;-webkit-line-clamp:unset;overflow:visible}
#produkte .description-toggle{align-self:flex-start;min-height:2.75rem;font-size:.875rem;font-weight:650;color:#e1a5f3;cursor:pointer;text-decoration:underline;text-underline-offset:.25em}
#produkte .description-toggle:hover{color:#fff}
#produkte .description-toggle.not-needed{visibility:hidden;pointer-events:none}
#produkte .product-body>div:last-child{margin-top:1rem;min-height:2.75rem;align-items:center}
#produkte .product-body>div:last-child button{font-size:.875rem;min-height:2.75rem;color:#c4bdca}
.description-toggle:focus-visible,.market-location:focus-visible{outline:2px solid #e1a5f3;outline-offset:5px;border-radius:3px}

/* Recognizable brand colours with legible contrast on the dark cards. */
#supermarkte .cursor-default{justify-content:flex-start;min-height:14rem;gap:.625rem}
#supermarkte .cursor-default[data-brand=edeka]>span:first-child{color:#ffe233!important}
#supermarkte .cursor-default[data-brand=rewe]>span:first-child{color:#ff5362!important}
#supermarkte .cursor-default[data-brand=dewust]>span:first-child{color:#db9cf4!important}
#supermarkte .cursor-default[data-brand=gutkauf]>span:first-child{color:#f5a623!important}
#supermarkte .cursor-default[data-brand=rehm]>span:first-child{color:#f5a623!important}
#supermarkte .cursor-default[data-brand=brase]>span:first-child{color:#8acb83!important}
#supermarkte .original-location{display:none}
#supermarkte .market-location{color:#eee8f2;font-size:1rem;line-height:1.5;text-decoration:underline;text-decoration-color:#8b7898;text-underline-offset:.25em;margin-top:auto;padding-top:.5rem;min-height:2.75rem}
#supermarkte .market-location:hover{color:#e1a5f3;text-decoration-color:currentColor}
#supermarkte .market-address{font-style:normal;font-size:.875rem;line-height:1.6;color:#bdb6c5;overflow-wrap:anywhere}
#supermarkte .text-center.mb-16>.maps-notice{font-size:.875rem;line-height:1.6;color:#bdb6c5;margin-top:.75rem;max-width:42rem}
@media(max-width:520px){main>section:first-child:has(.truck-glow){padding-top:calc(var(--nav-height,5.5rem) + 2rem)}#supermarkte .cursor-default{min-height:12rem}}

.dewust-social{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.dewust-social a{display:inline-flex;align-items:center;gap:.5rem;color:#d8c4e5;text-decoration:none;font-size:.9rem}.dewust-social a:hover{color:#efabff}.dewust-social svg{width:24px;height:24px;flex-shrink:0}