/* Tellerland — Premium-Schicht v1 (nach Feedback: keine Raster-/Karotexturen, ruhiger, hochwertiger)
   Inspiration: Heath/Royal Copenhagen (nahtloser Studiofond), Aesop (Ruhe, Haarlinien), East Fork (Set als Komposition),
   Made In / Our Place (klare Kaufbox). Wird als letzte CSS-Datei geladen. */
:root{
  --pm-sweep: radial-gradient(120% 95% at 50% 30%, #FAF7F1 0%, #F1EBE0 62%, #E9E1D3 100%);
  --pm-sweep-sand: radial-gradient(120% 95% at 50% 30%, #F2EBDF 0%, #E6DCCB 65%, #DDD1BC 100%);
  --pm-sweep-green: radial-gradient(120% 95% at 50% 28%, #3A4A3B 0%, #2C392D 60%, #222D23 100%);
  --pm-sweep-blue: radial-gradient(120% 95% at 50% 28%, #EEF1F5 0%, #E3E8EF 65%, #D8DFE9 100%);
  --pm-line: #E3DCCF;
  --pm-shadow-plate: 0 1px 1px rgba(40,30,15,.10), 0 10px 16px -6px rgba(40,30,15,.16), 0 34px 48px -22px rgba(40,30,15,.30);
  --tl-section-pad: clamp(80px, 5rem + 5vw, 160px);
}

/* 1 — Texturen raus: nahtlose Studiofonds */
.tex-linen{background:var(--pm-sweep)!important;background-image:var(--pm-sweep)!important}
.tex-oak{background:var(--pm-sweep-sand)!important}
.tex-green{background:var(--pm-sweep-green)!important;background-image:var(--pm-sweep-green)!important}
.abend.tex-green,.gastro.tex-green,.editorial.tex-green{background:#2C392D!important}
.light{display:none!important}

/* 2 — Teller: realistischer Schatten, ruhige Hover-Bewegung */
.plate,.cup{box-shadow:var(--pm-shadow-plate)!important;transition:transform 700ms cubic-bezier(.2,.7,.2,1)}
.card:hover .plate,.card:hover .cup{transform:scale(1.035)}
.print .plate,.editorial__img .plate{box-shadow:0 2px 2px rgba(0,0,0,.18),0 40px 70px -24px rgba(0,0,0,.5)!important}

/* 3 — Karten ohne Rahmen (Aesop / East Fork) */
.card{background:transparent!important;border:0!important;border-radius:0!important}
.card__media{border-radius:2px!important;aspect-ratio:4/5}
.card__body{padding:18px 2px 0!important;gap:6px!important}
.card__name{font-weight:400!important;letter-spacing:.005em}
.card__props{gap:14px;opacity:.9}
.card__badge{display:none}
.card__quick{left:16px;right:16px;bottom:16px}
.card__quick .btn{background:rgba(251,250,247,.96);color:var(--tl-color-primary);border:1px solid var(--tl-color-primary)}
.card__quick .btn:hover{background:var(--tl-color-primary);color:var(--tl-color-on-primary)}

/* 4 — Kopf & Typo: mehr Luft, feinere Laufweiten */
.hdr{border-bottom-color:var(--pm-line)}
.hdr .tl-wrap{height:84px}
.logo{letter-spacing:.01em}
.logo small{letter-spacing:.36em}
.hdr__nav{gap:34px}
.t-display,.abend h2,.editorial__txt h2{letter-spacing:-.022em!important}
.t-h2{letter-spacing:-.015em!important}
.t-eyebrow{letter-spacing:.22em!important}
.ann{letter-spacing:.01em}

/* 5 — Hero: grösser, randabfallend, ruhige Textspalte */
.hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important;min-height:min(88vh,860px)!important}
.hero__media{min-height:620px}
.hero__copy{padding:clamp(48px,6vw,104px) clamp(24px,5vw,88px)!important}
.hero__copy h1{margin:26px 0 26px!important}
.hero__facts{border-top-color:var(--pm-line)!important}
.hero__price b{letter-spacing:-.01em}

/* 6 — Serien: grosse, randlose Kacheln mit Swatch statt Farbbalken */
.series{gap:clamp(16px,2vw,32px)!important}
.series .card{border-top:0!important}
.series .card__media{aspect-ratio:4/5}
.series .card__media .plate{width:66%!important;left:17%!important;top:17%!important}
.series .card:nth-child(1) .card__media{background:var(--pm-sweep)!important}
.series .card:nth-child(2) .card__media{background:var(--pm-sweep-green)!important}
.series .card:nth-child(3) .card__media{background:var(--pm-sweep-blue)!important}
.series .card__row{border-top-color:var(--pm-line)!important}
.sernum{display:none}
.series h3::before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:12px;vertical-align:.12em;box-shadow:inset 0 0 0 1px #8C8577}
.series .card:nth-child(1) h3::before{background:#F7F4EE}
.series .card:nth-child(2) h3::before{background:radial-gradient(circle closest-side,#F7F4EE 0 52%,#A8996B 56% 100%)}
.series .card:nth-child(3) h3::before{background:radial-gradient(circle closest-side,#F7F4EE 0 46%,#1E3A8A 50% 100%)}

/* 7 — Set-Wähler: weiche Flächen statt Kästen */
.sets-sec{background:#EFE9DE!important}
.set{border:1px solid transparent!important;background:#FBFAF7!important;box-shadow:0 1px 2px rgba(40,30,15,.06),0 18px 40px -28px rgba(40,30,15,.35);padding:30px!important;transition:border-color 200ms,box-shadow 300ms}
.set[aria-checked=true]{border-color:var(--tl-color-primary)!important;padding:30px!important;box-shadow:0 0 0 1px var(--tl-color-primary),0 24px 50px -30px rgba(40,30,15,.45)}
.set ul{border-top-color:var(--pm-line)!important}.set li{border-bottom-color:var(--pm-line)!important}
.dots i{width:16px;height:16px;box-shadow:0 0 0 1px #B9B1A2,0 2px 3px rgba(40,30,15,.12)}

/* 8 — Haarlinien & Trust ruhiger */
.trust{border-color:var(--pm-line)!important}
.trust > div + div{border-left-color:var(--pm-line)!important}
.trust .tl-icon{color:var(--tl-color-accent-text)!important}
.pay i{border-color:var(--pm-line)!important}
.spec th,.spec td,.acc,.acc details{border-color:var(--pm-line)!important}

/* 9 — PDP: nahtloser Fond, keine Konturen */
.gallery{gap:12px!important}
.gallery figure{border-radius:2px!important}
.tech .plate{outline:0!important}
.g3.tech{background:var(--pm-sweep)!important}
.props,.setoffer,.details .care{background:#FBFAF7!important;border-color:var(--pm-line)!important}
.buy__head h1{letter-spacing:-.015em}

/* 10 — Kollektion: Filter leiser, mehr Raum */
.layout{gap:clamp(32px,4vw,72px)!important}
.facet{border-bottom-color:var(--pm-line)!important}
.toolbar{border-color:var(--pm-line)!important}
.grid{row-gap:clamp(36px,3vw,56px)!important}
.promo{background:transparent!important;gap:12px!important}
.promo > div{border-radius:2px;overflow:hidden}

/* 11 — Drei Abende: Linien feiner */
.abend,.abend__intro,.print{border-color:rgba(168,153,107,.28)!important}

@media (max-width:1023px){
  .hero{grid-template-columns:1fr!important;min-height:0!important}
  .hero__media{min-height:0}
}
@media (max-width:639px){
  .hero__media{height:42vh!important}
  .hero__copy{padding:28px 20px 36px!important}
  .card__body{padding-top:12px!important}
}

/* 12 — Zwei Tische (RAK): randabfallendes Duo mit Foto */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#F4F0E8}
.duo__tile{position:relative;min-height:min(70vh,640px);overflow:hidden;display:flex;align-items:flex-end;background:#2C392D}
.duo__tile .fx-cover{transition:transform 1200ms cubic-bezier(.2,.7,.2,1)}
.duo__tile:hover .fx-cover{transform:scale(1.04)}
.duo__tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,36,29,.82),rgba(28,36,29,.1) 55%);z-index:1}
.duo__txt{position:relative;z-index:2;display:grid;gap:12px;padding:clamp(28px,4vw,56px);color:#F4F0E8;max-width:30ch}
.duo__txt .t-eyebrow{color:#D9D3C5!important}
.duo__cta{font:var(--tl-type-label);border-bottom:1px solid rgba(244,240,232,.6);justify-self:start;padding-bottom:4px}
@media (max-width:639px){.duo{grid-template-columns:1fr}.duo__tile{min-height:52vh}}

/* 13 — Vollflächiger Hero (Aesop / Palmer): Foto über die ganze Breite, Text links auf Verlauf */
.hero--full{position:relative;display:block!important;min-height:min(92vh,900px)!important;background:#1C241D;color:var(--tl-color-dark-text);overflow:hidden}
.hero--full .hero__media{position:absolute!important;inset:0;min-height:0!important;height:100%!important}
.hero--full .hero__media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(22,29,23,.92) 0%,rgba(22,29,23,.78) 34%,rgba(22,29,23,.25) 60%,rgba(22,29,23,0) 78%)}
.hero--full .hero__media .fx-credit{z-index:2}
.hero--full .hero__copy{position:relative;z-index:2;max-width:620px;min-height:min(92vh,900px);padding:clamp(56px,7vw,120px) clamp(24px,5vw,96px)!important}
.hero--full .hero__lead{color:var(--tl-color-dark-text)}
.hero--full .hero__price{color:var(--tl-color-dark-muted)!important}
.hero--full .hero__price b{color:var(--tl-color-dark-text)}
.hero--full .hero__facts{color:var(--tl-color-dark-muted)!important;border-top-color:rgba(244,240,232,.22)!important}
.hero--full .hero__facts .tl-icon{color:var(--tl-color-dark-text)!important}
.hero--full .btn--ghost{border-bottom-color:rgba(244,240,232,.6)}
@media (max-width:1023px){
  .hero--full{min-height:0!important}
  .hero--full .hero__media{position:relative!important;height:52vh!important}
  .hero--full .hero__media::after{background:linear-gradient(0deg,rgba(28,36,29,.55),rgba(28,36,29,0) 45%)}
  .hero--full .hero__copy{min-height:0;max-width:none;background:#2C392D}
}
@media (max-width:639px){.hero--full .hero__media{height:38vh!important}}

/* 14 — PDP: grosse Bilder untereinander (Heath / Coquet), Kaufbox klebt */
@media (min-width:1024px){.pdp{grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important;gap:clamp(40px,5vw,96px)!important}}
.pdp > *{min-width:0}
.gallery{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:12px!important}
.gallery figure{grid-column:auto!important;grid-row:auto!important;aspect-ratio:4/5!important}
.gallery .g4{aspect-ratio:4/3!important}
.gallery .g1 .plate{width:70%!important;left:15%!important;top:15%!important}
.gallery .g3 .plate{width:58%!important;left:21%!important;top:21%!important}
.gallery .g3 > .dimline:nth-child(2){left:21%!important;right:21%!important;top:15%!important}
.gallery .g3 > .dim:nth-child(3){top:11%!important;left:46%!important}
.gallery .g3 > .dimline:nth-child(4){left:32%!important;right:32%!important;top:83%!important}
.gallery .g3 > .dim:nth-child(5){top:86%!important;left:43%!important}
.gallery .fx-cover{object-fit:cover}
.gal-count{position:absolute;left:16px;top:16px;z-index:3;font:var(--tl-type-caption);letter-spacing:.12em;color:var(--tl-color-muted);background:rgba(251,250,247,.9);padding:4px 8px;border-radius:2px}
.buy{top:calc(var(--tl-header-h) + 24px)!important}
@media (max-width:1023px){
  .gallery{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px!important;margin-inline:calc(var(--tl-margin)*-1);padding-inline:var(--tl-margin);scrollbar-width:none}
  .gallery::-webkit-scrollbar{display:none}
  .gallery figure{flex:0 0 86%;scroll-snap-align:center}
  .gallery .g4{aspect-ratio:4/5!important}
}
.gallery .g3 .dimline{position:absolute;border-color:#2C392D!important;z-index:2}
@media (min-width:1024px){.strip__row{grid-template-columns:repeat(5,minmax(0,1fr))!important}.strip__row .card__row{flex-wrap:wrap;gap:2px 8px}}
@media (min-width:1024px) and (max-width:1279px){.pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:40px!important}.buy{min-width:0}.series-sw{flex-wrap:wrap}}