:root{
  --bg:#f4efe6;
  --paper:#fffdf8;
  --ink:#1f211f;
  --muted:#6d6b64;
  --line:#d8d0c2;
  --forest:#315548;
  --forest-dark:#203a32;
  --sage:#dfe7df;
  --sand:#e9ddc8;
  --clay:#c66b4e;
  --soft:#eee8de;
  --shadow:0 18px 48px rgba(59,49,36,.09);
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 85% 0%,rgba(198,107,78,.08),transparent 34%),
    var(--bg);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased
}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.page{width:min(1460px,100%);margin:0 auto;padding:0 28px}

.topbar{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid var(--line)
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  text-decoration:none;
  font-size:12px;
  font-weight:850;
  letter-spacing:.1em
}
.brand-mark{
  width:12px;height:12px;border-radius:2px;background:var(--clay);transform:rotate(45deg)
}
.topbar-meta{display:flex;gap:24px;color:var(--muted);font-size:12px}
.back-link{color:var(--forest);text-decoration:none;font-weight:800}

.micro,.hero-label{
  display:block;
  margin:0 0 10px;
  color:var(--forest);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase
}

/* Hero */
.hero-v3{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);
  gap:64px;
  align-items:center;
  padding:66px 0 54px;
  border-bottom:1px solid var(--line)
}
.hero-v3 h1{
  margin:0;
  max-width:9ch;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(4rem,7.6vw,7.3rem);
  line-height:.89;
  letter-spacing:-.055em;
  font-weight:700
}
.hero-note-inline{
  max-width:590px;
  margin-top:30px;
  padding:18px 0 0 18px;
  border-top:1px solid var(--line);
  border-left:4px solid var(--clay)
}
.hero-note-inline p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.hero-note-inline strong{color:var(--ink)}
.hero-visual{display:grid;place-items:center}
.hero-visual img{
  width:min(100%,390px);
  border-radius:28px;
  transform:rotate(3deg);
  box-shadow:var(--shadow)
}

/* purchase highlights */
.purchase-highlights{
  display:grid;
  grid-template-columns:1fr 1fr .9fr;
  gap:16px;
  padding:30px 0;
  border-bottom:1px solid var(--line)
}
.purchase-highlight,
.conditions-link-card{
  min-height:175px;
  border-radius:24px;
  padding:24px;
  border:1px solid var(--line);
  background:rgba(255,253,248,.72)
}
.purchase-highlight{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:18px;
  align-items:start
}
.purchase-highlight-icon{
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--sage);
  color:var(--forest);
  font-family:Georgia,serif;
  font-size:18px;
  font-weight:700
}
.purchase-highlight h2{
  margin:0 0 10px;
  font-family:Georgia,serif;
  font-size:clamp(1.35rem,2vw,2rem);
  line-height:1.08;
  letter-spacing:-.025em
}
.purchase-highlight p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.conditions-link-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:var(--paper);
  background:var(--forest);
  border-color:var(--forest);
  text-decoration:none
}
.conditions-link-card .micro{color:#d8e7df}
.conditions-link-card strong{
  display:block;
  font-family:Georgia,serif;
  font-size:1.55rem;
  line-height:1.05
}
.conditions-link-card>span:last-child{font-size:12px;color:#dbe4df}

/* expert note */
.expert-note{
  display:grid;
  grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr);
  gap:44px;
  padding:32px 0;
  border-bottom:1px solid var(--line)
}
.expert-note-head h2{
  margin:0;
  max-width:13ch;
  font-family:Georgia,serif;
  font-size:clamp(1.8rem,3vw,3rem);
  line-height:1;
  letter-spacing:-.03em
}
.expert-note-copy{max-width:840px}
.expert-note-copy p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.7}
.expert-note-copy strong{color:var(--ink)}

/* filters */
.controls{
  padding:28px 0 24px;
  border-bottom:1px solid var(--line)
}
.status-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.status-tab{
  border:1px solid var(--line);
  border-radius:999px;
  background:transparent;
  padding:9px 13px;
  font-size:12px;
  font-weight:800;
  cursor:pointer
}
.status-tab span{
  display:inline-grid;place-items:center;
  min-width:22px;height:22px;margin-left:6px;padding:0 6px;
  border-radius:999px;background:var(--soft);font-size:10px
}
.status-tab.active{background:var(--forest);border-color:var(--forest);color:white}
.status-tab.active span{background:var(--clay);color:white}

.filter-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr .9fr .9fr 1.3fr 1.05fr auto;
  gap:10px;
  align-items:stretch
}
.field{
  position:relative;
  min-height:72px;
  padding:12px 14px 10px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,253,248,.82);
  display:grid;
  align-content:center;
  gap:5px
}
.field>span{
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:9px;
  font-weight:900
}
.field input,.field select{
  width:100%;min-width:0;border:0;padding:0;outline:none;background:transparent;color:var(--ink);font-weight:750
}
.reset{
  border:0;border-radius:16px;padding:0 18px;background:var(--clay);color:white;font-weight:850;cursor:pointer
}
.reset:hover{filter:brightness(.95)}

.multi-select-trigger{
  width:100%;min-height:28px;display:flex;align-items:center;justify-content:space-between;
  border:0;padding:0;background:transparent;font-weight:750;cursor:pointer;text-align:left
}
.multi-select-dropdown{
  position:absolute;z-index:40;top:calc(100% + 8px);left:0;right:0;
  max-height:310px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:16px;
  background:var(--paper);box-shadow:var(--shadow)
}
.country-dropdown-head{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:6px 6px 10px;border-bottom:1px solid var(--line)
}
.country-dropdown-head strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.country-dropdown-head button{border:0;background:transparent;color:var(--clay);font-size:11px;font-weight:850;cursor:pointer}
.country-option-list{display:grid;padding-top:6px}
.country-option{
  min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:8px;border:0;border-radius:10px;background:transparent;text-align:left;font-size:13px;font-weight:700;cursor:pointer
}
.country-option:hover{background:var(--soft)}
.country-option.selected{background:var(--sage);color:var(--forest-dark)}
.country-option-mark{
  width:22px;height:22px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;background:white
}
.country-option.selected .country-option-mark{background:var(--forest);border-color:var(--forest);color:white}

.switch-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.switch-filter>span:first-child{font-size:13px;font-weight:750;text-transform:none;letter-spacing:0;color:var(--ink)}
.switch{position:relative;display:inline-flex;width:48px;height:28px;flex:0 0 auto}
.switch input{position:absolute;inset:0;opacity:0}
.switch-slider{width:100%;height:100%;border-radius:999px;background:#d8d2c6;position:relative;transition:.18s}
.switch-slider::after{
  content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;
  background:white;box-shadow:0 1px 5px rgba(0,0,0,.16);transition:.18s
}
.switch input:checked + .switch-slider{background:var(--forest)}
.switch input:checked + .switch-slider::after{transform:translateX(20px)}

.field-price-slider{grid-column:span 2}
.price-slider-topline strong{font-size:13px}
.price-slider-wrap{position:relative;height:26px;display:block}
.slider-track,.slider-range-fill{
  position:absolute;top:50%;height:4px;transform:translateY(-50%);border-radius:999px
}
.slider-track{left:0;right:0;background:#d7d0c4}
.slider-range-fill{background:var(--forest)}
.range-input{
  position:absolute;top:50%;left:0;width:100%;height:26px;margin:0;padding:0;
  transform:translateY(-50%);appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none
}
.range-input::-webkit-slider-runnable-track{height:4px;background:transparent;border:0}
.range-input::-webkit-slider-thumb{
  appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border:0;border-radius:50%;
  background:var(--clay);box-shadow:0 1px 4px rgba(0,0,0,.2);pointer-events:auto;cursor:pointer
}
.range-input::-moz-range-track{height:4px;background:transparent;border:0}
.range-input::-moz-range-thumb{
  width:16px;height:16px;border:0;border-radius:50%;background:var(--clay);
  box-shadow:0 1px 4px rgba(0,0,0,.2);pointer-events:auto;cursor:pointer
}

/* filter chips */
.active-filters-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0 0}
.active-filters-label{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.active-filter-chips{display:flex;gap:7px;flex-wrap:wrap;flex:1}
.filter-chip{
  display:inline-flex;align-items:center;gap:8px;min-height:33px;padding:6px 8px 6px 11px;
  border-radius:999px;background:var(--sage);color:var(--forest-dark);font-size:11px;font-weight:800
}
.filter-chip button{
  width:20px;height:20px;border:0;border-radius:50%;display:grid;place-items:center;
  background:rgba(49,85,72,.12);color:var(--forest-dark);cursor:pointer
}
.clear-active-filters{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}

/* results/catalog */
.results-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:38px 0 18px}
.results-head h2{
  margin:0;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.035em
}
.results-head p{margin:0;color:var(--muted);font-size:12px}
.result-actions{display:flex;align-items:center;gap:18px}
.text-action{border:0;background:transparent;color:var(--clay);font-size:12px;font-weight:850;cursor:pointer}
.text-action span{
  display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 6px;
  border-radius:999px;background:var(--clay);color:white;font-size:10px
}

.catalog-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:64px
}
.item{
  overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(255,253,248,.82);
  box-shadow:0 10px 30px rgba(59,49,36,.04);transition:.18s
}
.item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.item.highlight{border-color:#d0a88f}
.image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e6e1d7}
.image-wrap img{width:100%;height:100%;object-fit:cover;transition:.24s}
.item:hover .image-wrap img{transform:scale(1.015)}
.status-badge,.highlight-ribbon{
  position:absolute;top:12px;padding:7px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase
}
.status-badge{left:12px}.status-badge.available{background:var(--forest);color:white}.status-badge.sold{background:rgba(31,33,31,.84);color:white}
.highlight-ribbon{right:12px;background:var(--paper);color:var(--clay);box-shadow:0 3px 12px rgba(0,0,0,.1)}
.item.sold .image-wrap img{filter:grayscale(1);opacity:.64}
.item-body{padding:16px}
.select-row{margin-bottom:12px}
.select-offer{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}
.select-offer input{position:absolute;opacity:0}
.check-ui{width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;background:white}
.select-offer input:checked + .check-ui{background:var(--forest);border-color:var(--forest)}
.select-offer input:checked + .check-ui::after{content:"✓";color:white;font-size:12px}
.item.sold .select-offer{opacity:.35;pointer-events:none}
.item-top{display:flex;justify-content:space-between;gap:12px;align-items:start}
.number{font-size:12px;font-weight:900;letter-spacing:.04em}
.number-detail-link{color:var(--forest);text-decoration:none}
.number-detail-link:hover{text-decoration:underline}
.price{font-family:Georgia,serif;font-size:1.22rem;font-weight:700;white-space:nowrap}
.country{margin:8px 0;color:var(--muted);font-size:12px}
.type-tag{
  display:inline-block;margin-bottom:16px;padding:5px 8px;border-radius:999px;background:var(--soft);
  color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase
}
.offer-description{margin:0 0 16px;font-size:12px;line-height:1.6;color:var(--ink);white-space:pre-line}
.card-links{border-top:1px solid var(--line)}
.drive{
  min-height:44px;display:flex;justify-content:space-between;align-items:center;padding-top:12px;
  color:var(--ink);text-decoration:none;font-size:11px;font-weight:850
}
.drive:hover{color:var(--clay)}
.sold .price{text-decoration:line-through;color:#9c978e}

/* tray/dialog */
.selection-tray{
  position:fixed;z-index:50;left:50%;bottom:20px;width:min(800px,calc(100% - 28px));transform:translateX(-50%);
  display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 13px 13px 18px;
  border-radius:18px;background:var(--forest-dark);color:white;box-shadow:0 18px 60px rgba(0,0,0,.2)
}
.selection-label{color:#cbd8d2;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.selection-summary{display:flex;gap:10px;align-items:baseline}
.selection-actions{display:flex;gap:8px}
.tray-secondary,.tray-primary{
  min-height:44px;border-radius:12px;padding:0 14px;font-size:11px;font-weight:850;cursor:pointer
}
.tray-secondary{border:1px solid rgba(255,255,255,.22);background:transparent;color:white}
.tray-primary{border:0;background:var(--clay);color:white}

.inquiry-dialog{
  width:min(760px,calc(100% - 26px));max-height:calc(100dvh - 40px);
  padding:0;border:0;border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 40px 100px rgba(0,0,0,.28)
}
.inquiry-dialog::backdrop{background:rgba(32,30,25,.55);backdrop-filter:blur(5px)}
.dialog-shell{max-height:calc(100dvh - 40px);overflow:auto;padding:26px}
.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--line)}
.dialog-head h2{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em}
.dialog-close{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:white;font-size:24px;cursor:pointer}
.dialog-intro{margin:18px 0;color:var(--muted);font-size:13px}
.selected-list{border-top:1px solid var(--ink);margin-bottom:20px}
.selected-line{display:grid;grid-template-columns:72px 1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}
.selected-line .selected-country{color:var(--muted)}
.remove-selected{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
.shipping-box{padding:18px;border:1px solid var(--line);border-radius:16px;background:#faf7f1;margin-bottom:18px}
.shipping-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.shipping-option{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:white;cursor:pointer}
.shipping-option strong{display:block;font-size:13px}.shipping-option small{display:block;color:var(--muted);margin-top:3px}
.address-field,.message-field,.contact-field{display:grid;gap:7px}
.address-field>span,.message-field>span,.contact-field>span{
  font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)
}
.address-field textarea,.message-field textarea,.contact-field input{
  width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;outline:none;background:white;color:var(--ink)
}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.contact-note,.share-hint{margin:10px 0 0;color:var(--muted);font-size:10px}
.price-summary{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:12px 0;margin-bottom:18px}
.price-summary>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:13px}
.total-row{font-size:18px!important;padding-top:11px!important;border-top:1px solid var(--line)}
.minimum-hint{color:#9d4330;font-size:12px;font-weight:800}.free-shipping-hint{color:var(--forest);font-size:12px;font-weight:800}
.message-field textarea{min-height:220px;resize:vertical}
.dialog-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:12px}
.dialog-secondary,.dialog-primary{min-height:50px;border-radius:12px;font-weight:850;cursor:pointer}
.dialog-secondary{border:1px solid var(--line);background:white}
.dialog-primary{border:0;background:var(--forest);color:white}
.dialog-primary:disabled{opacity:.4;cursor:not-allowed}

/* misc/footer */
.empty{margin:0 0 60px;padding:64px 24px;text-align:center;border:1px solid var(--line);border-radius:22px;background:var(--paper)}
.empty span{font-family:Georgia,serif;font-size:2rem}.empty p{color:var(--muted)}
.data-notice{margin:-38px 0 60px;padding:14px 16px;border:1px solid #d8b9a6;border-radius:14px;background:#f5e7de;font-size:12px}
footer{
  min-height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;
  border-top:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.07em
}
footer>span:last-child{text-align:right}
.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.footer-links a{color:var(--forest);text-decoration:none}
.footer-links a:hover{color:var(--clay)}

@media(max-width:1180px){
  .hero-v3{grid-template-columns:1fr;gap:34px}
  .hero-visual{place-items:start}.hero-visual img{max-width:320px}
  .purchase-highlights{grid-template-columns:1fr 1fr}
  .conditions-link-card{grid-column:1/-1;min-height:130px}
  .filter-grid{grid-template-columns:repeat(4,1fr)}
  .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .expert-note{grid-template-columns:1fr;gap:18px}
  .purchase-highlights{grid-template-columns:1fr}
  .conditions-link-card{grid-column:auto}
  .filter-grid{grid-template-columns:1fr 1fr}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer{grid-template-columns:1fr;justify-items:start}
  footer>span:last-child{text-align:left}
  .footer-links{justify-content:flex-start}
}
@media(max-width:560px){
  .page{padding:0 14px}
  .hero-v3{padding:42px 0 32px}
  .hero-v3 h1{font-size:clamp(3rem,16vw,4.8rem)}
  .filter-grid{grid-template-columns:1fr}
  .field-price-slider{grid-column:auto}
  .catalog-grid{grid-template-columns:1fr}
  .selection-tray{align-items:stretch;flex-direction:column}
  .selection-actions{display:grid;grid-template-columns:1fr 1.25fr}
  .shipping-options,.contact-fields,.dialog-actions{grid-template-columns:1fr}
  .selected-line{grid-template-columns:62px 1fr auto}
  .selected-line .selected-country{grid-column:2}
}


/* ===== Version 18: Branding / Hero / Filter Feintuning ===== */
.brand{
  font-size:11px;
  letter-spacing:.06em
}
.hero-v3{
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.6fr);
  gap:54px;
  align-items:center
}
.hero-v3 h1{
  max-width:12ch;
  font-size:clamp(3rem,5.8vw,5.4rem);
  line-height:.95
}
.hero-note-inline{
  max-width:700px;
  margin-top:22px;
  padding:16px 0 0 16px
}
.hero-note-inline p{
  font-size:13px
}
.hero-visual{
  justify-items:end
}
.hero-visual img{
  width:min(100%, 520px);
  background:#121212;
  border-radius:26px;
  padding:16px;
  transform:none;
  box-shadow:0 18px 48px rgba(0,0,0,.18)
}

/* Filter mehr Luft, Preis kompakter */
.filter-grid{
  grid-template-columns:1.2fr 1fr .9fr .9fr .85fr .95fr auto;
  gap:12px
}
.field-price-slider{
  grid-column:auto
}
.price-slider-topline strong{
  font-size:12px
}
.price-slider-wrap{
  margin-top:2px
}

@media(max-width:1180px){
  .hero-v3{
    grid-template-columns:1fr;
    gap:28px
  }
  .hero-visual{
    justify-items:start
  }
  .hero-visual img{
    max-width:420px
  }
}

@media(max-width:560px){
  .hero-v3 h1{
    font-size:clamp(2.5rem,12vw,4rem);
    max-width:11ch
  }
}


/* ===== Version 19: komplett neues, kompakteres Design ===== */
:root{
  --bg:#f6f8fb;
  --paper:#ffffff;
  --paper-soft:#fbfcfe;
  --ink:#111827;
  --muted:#667085;
  --line:#e4e7ec;
  --primary:#2563eb;
  --primary-soft:#eff6ff;
  --primary-dark:#1d4ed8;
  --success:#0f766e;
  --success-soft:#ecfdf3;
  --shadow:0 10px 30px rgba(17,24,39,.06);
}

html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.06), transparent 26%),
    linear-gradient(180deg,#f8fbff 0%, #f6f8fb 42%, #f6f8fb 100%);
  color:var(--ink);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.page{width:min(1400px,100%);padding:0 24px}
.topbar{
  min-height:68px;
  border-bottom:1px solid var(--line);
}
.brand{
  font-size:12px;
  font-weight:800;
  color:var(--ink);
}
.brand-mark{
  width:10px;height:10px;border-radius:3px;background:var(--primary);transform:rotate(0deg)
}
.topbar-meta{
  color:var(--muted);
  font-size:12px;
}

/* Kompakter Hero */
.hero-v3{
  grid-template-columns:minmax(0,1.1fr) minmax(260px,.6fr);
  gap:28px;
  padding:34px 0 24px;
  border-bottom:1px solid var(--line);
  align-items:center;
}
.hero-label,.micro{
  color:var(--primary);
  font-size:10px;
  letter-spacing:.12em;
}
.hero-v3 h1{
  max-width:12ch;
  margin:0;
  font-size:clamp(2.2rem,4vw,3.7rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:800;
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
}
.hero-note-inline{
  margin-top:16px;
  max-width:760px;
  padding:0;
  border:0;
}
.hero-note-inline p{
  font-size:14px;
  line-height:1.7;
  color:var(--muted);
}
.hero-note-inline strong{
  color:var(--ink);
}
.hero-visual{
  justify-items:end;
}
.hero-visual img{
  width:min(100%, 310px);
  padding:0;
  border-radius:18px;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 10px 25px rgba(17,24,39,.08));
}

/* Kompakter Versand-/Info-Strip */
.purchase-strip{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  padding:18px 0 22px;
  border-bottom:1px solid var(--line);
}
.purchase-pill{
  min-height:unset;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--paper);
  text-decoration:none;
  box-shadow:var(--shadow);
}
.pill-label{
  color:var(--primary);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.purchase-pill strong{
  font-size:15px;
  line-height:1.35;
  font-weight:800;
  color:var(--ink);
}
.purchase-pill-link{
  background:var(--primary-soft);
  border-color:#dbeafe;
}
.purchase-pill-link strong{
  color:var(--primary-dark);
}

/* Hinweisbereich */
.expert-note{
  grid-template-columns:minmax(190px,.5fr) minmax(0,1.5fr);
  gap:22px;
  padding:22px 0;
  border-bottom:1px solid var(--line);
}
.expert-note-head h2{
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-size:1.45rem;
  line-height:1.15;
  font-weight:800;
  max-width:14ch;
}
.expert-note-copy p{
  font-size:13px;
  line-height:1.65;
  color:var(--muted);
}

/* Filter klarer und moderner */
.controls{
  padding:20px 0 18px;
  border-bottom:1px solid var(--line);
}
.status-tabs{
  margin-bottom:12px;
}
.status-tab{
  padding:10px 14px;
  border-radius:999px;
  background:var(--paper);
  border:1px solid var(--line);
  box-shadow:none;
}
.status-tab span{
  background:#f2f4f7;
  color:var(--muted);
}
.status-tab.active{
  background:var(--primary);
  border-color:var(--primary);
  color:white;
}
.status-tab.active span{
  background:rgba(255,255,255,.18);
  color:white;
}

.filter-grid{
  grid-template-columns:1.2fr 1fr .9fr .9fr .75fr 1fr auto;
  gap:10px;
}
.field{
  min-height:66px;
  padding:11px 13px 10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--paper);
  box-shadow:none;
}
.field>span{
  color:var(--muted);
}
.reset{
  border-radius:14px;
  background:var(--primary);
  color:white;
  font-weight:800;
}
.reset:hover{
  filter:brightness(.97);
}
.field-price-slider{
  grid-column:auto;
}
.price-slider-topline strong{
  font-size:12px;
}
.slider-track{background:#d0d5dd}
.slider-range-fill{background:var(--primary)}
.range-input::-webkit-slider-thumb{
  background:var(--primary);
  box-shadow:0 0 0 3px #ffffff, 0 1px 6px rgba(17,24,39,.2);
}
.range-input::-moz-range-thumb{
  background:var(--primary);
  box-shadow:0 0 0 3px #ffffff, 0 1px 6px rgba(17,24,39,.2);
}

.multi-select-dropdown{
  border-radius:14px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  background:var(--paper);
}
.country-dropdown-head button{
  color:var(--primary);
}
.country-option:hover{
  background:#f8fafc;
}
.country-option.selected{
  background:var(--primary-soft);
  color:var(--primary-dark);
}
.country-option.selected .country-option-mark{
  background:var(--primary);
  border-color:var(--primary);
}
.switch-slider{
  background:#d0d5dd;
}
.switch input:checked + .switch-slider{
  background:var(--primary);
}

/* Aktive Filter */
.active-filters-bar{
  padding-top:12px;
}
.active-filters-label,.clear-active-filters{
  color:var(--muted);
}
.filter-chip{
  background:var(--primary-soft);
  color:var(--primary-dark);
}
.filter-chip button{
  background:#dbeafe;
  color:var(--primary-dark);
}

/* Ergebnisse / schneller sichtbar */
.results-head{
  padding:22px 0 14px;
}
.results-head h2{
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-size:clamp(1.7rem,3vw,2.4rem);
  font-weight:800;
  letter-spacing:-.035em;
}
.results-head p{
  color:var(--muted);
}
.text-action{
  color:var(--primary);
}
.text-action span{
  background:var(--primary);
  color:white;
}

/* Karten moderner */
.catalog-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:56px;
}
.item{
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--paper);
  box-shadow:var(--shadow);
}
.item:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(17,24,39,.08);
}
.item.highlight{
  border-color:#bfdbfe;
  box-shadow:0 16px 40px rgba(37,99,235,.08);
}
.image-wrap{
  aspect-ratio:4/3;
  background:#f8fafc;
}
.status-badge{
  font-size:9px;
}
.status-badge.available{
  background:var(--success);
}
.highlight-ribbon{
  background:var(--paper);
  color:var(--primary);
}
.item-body{
  padding:14px;
}
.number{
  font-size:12px;
  font-weight:800;
}
.number-detail-link{
  color:var(--primary);
}
.number-detail-link:hover{
  color:var(--primary-dark);
}
.price{
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-size:1.15rem;
  font-weight:800;
}
.country{
  margin:7px 0;
  font-size:12px;
  color:var(--muted);
}
.type-tag{
  margin-bottom:14px;
  background:#f2f4f7;
  color:var(--muted);
}
.offer-description{
  font-size:12px;
  color:var(--muted);
}
.drive{
  color:var(--ink);
}
.drive:hover{
  color:var(--primary);
}

/* Dialog / Tray */
.selection-tray{
  background:rgba(17,24,39,.96);
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.22);
}
.tray-primary{
  background:var(--primary);
}
.dialog-head{
  border-bottom:1px solid var(--line);
}
.dialog-head h2{
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-size:clamp(1.8rem,4vw,2.8rem);
  font-weight:800;
}
.shipping-box{
  border:1px solid var(--line);
  background:#f8fafc;
}
.shipping-option{
  border:1px solid var(--line);
}
.price-summary{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.minimum-hint{color:#b42318}
.free-shipping-hint{color:var(--success)}
.dialog-secondary{border:1px solid var(--line)}
.dialog-primary{background:var(--primary)}

/* Footer */
footer{
  min-height:82px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:11px;
  letter-spacing:0;
}
.footer-links a{
  color:var(--primary);
}

/* Detail- und Rechtsseiten optisch anpassen */
.detail-loading{color:var(--muted)}
.detail-image-wrap{
  border-radius:22px;
  background:#f8fafc;
}
.detail-title-row{
  border-bottom:1px solid var(--line);
}
.detail-title-row h1,
.detail-price{
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight:800;
}
.detail-condition,
.detail-expert-note{
  border:1px solid var(--line);
  background:var(--paper);
}
.detail-primary{background:var(--primary)}
.detail-secondary{border:1px solid var(--line)}
.legal-page h1{
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight:800;
}
.legal-block{
  border-top:1px solid var(--line);
}
.condition-card{
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}
.condition-card strong{
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight:800;
}
.condition-card-accent{
  background:var(--primary);
  border-color:var(--primary);
}

/* Responsive */
@media(max-width:1180px){
  .hero-v3{
    grid-template-columns:1fr;
    gap:20px;
  }
  .hero-visual{
    justify-items:start;
  }
  .hero-visual img{
    max-width:240px;
  }
  .purchase-strip{
    grid-template-columns:1fr;
  }
  .filter-grid{
    grid-template-columns:repeat(4,1fr);
  }
  .catalog-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:820px){
  .expert-note{
    grid-template-columns:1fr;
    gap:14px;
  }
  .filter-grid{
    grid-template-columns:1fr 1fr;
  }
  .catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .page{
    padding:0 14px;
  }
  .topbar{
    min-height:62px;
  }
  .hero-v3{
    padding:24px 0 18px;
  }
  .hero-v3 h1{
    font-size:clamp(2rem,10vw,2.9rem);
  }
  .hero-note-inline p{
    font-size:13px;
  }
  .filter-grid{
    grid-template-columns:1fr;
  }
  .catalog-grid{
    grid-template-columns:1fr;
  }
}


/* ===== Version 20: Streichpreise ===== */
.price-block{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:1px
}
.old-price{
  color:#98a2b3;
  font-size:11px;
  font-weight:700;
  text-decoration:line-through;
  white-space:nowrap
}
.item.sold .old-price{
  opacity:.65
}

/* ===== Versandfortschritt in Auswahlleiste ===== */
.selection-main{
  min-width:0;
  flex:1;
  display:grid;
  gap:9px
}
.shipping-progress{
  width:min(390px,100%)
}
.shipping-progress-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:5px;
  color:#d0d5dd;
  font-size:10px;
  font-weight:750
}
.shipping-progress-row strong{
  color:white;
  font-size:10px
}
.shipping-progress-track{
  position:relative;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.16)
}
.shipping-progress-fill{
  width:0;
  height:100%;
  border-radius:inherit;
  background:#60a5fa;
  transition:width .35s ease, background .25s ease
}
.selection-tray.free-shipping-achieved{
  background:rgba(5,78,69,.97);
  box-shadow:0 18px 60px rgba(5,78,69,.24)
}
.selection-tray.free-shipping-achieved .shipping-progress-fill{
  background:#6ee7b7
}
.selection-tray.free-shipping-achieved .shipping-progress-row{
  color:#d1fae5
}
.selection-tray.free-shipping-achieved .shipping-progress-row strong{
  color:#a7f3d0
}
.selection-tray.free-shipping-celebrate{
  animation:freeShippingPulse .72s ease
}
.selection-tray.free-shipping-celebrate::before,
.selection-tray.free-shipping-celebrate::after{
  content:"✦";
  position:absolute;
  top:-14px;
  color:#fbbf24;
  font-size:22px;
  pointer-events:none;
  animation:freeShippingSpark 1s ease forwards
}
.selection-tray.free-shipping-celebrate::before{left:14%}
.selection-tray.free-shipping-celebrate::after{right:16%;animation-delay:.08s}
@keyframes freeShippingPulse{
  0%{transform:translateX(-50%) scale(1)}
  38%{transform:translateX(-50%) scale(1.025)}
  100%{transform:translateX(-50%) scale(1)}
}
@keyframes freeShippingSpark{
  0%{opacity:0;transform:translateY(8px) scale(.7) rotate(0)}
  25%{opacity:1}
  100%{opacity:0;transform:translateY(-28px) scale(1.2) rotate(45deg)}
}

/* Versandfortschritt im Anfragefenster */
.dialog-shipping-progress{
  margin:12px 0 4px;
  padding:11px 12px;
  border-radius:12px;
  background:#f8fafc
}
.dialog-shipping-progress .shipping-progress-row{
  color:var(--muted)
}
.dialog-shipping-progress .shipping-progress-row strong{
  color:var(--ink)
}
.dialog-shipping-progress .shipping-progress-track{
  background:#e4e7ec
}
.dialog-shipping-progress .shipping-progress-fill{
  background:var(--primary)
}
.dialog-shipping-progress.free-shipping-achieved{
  background:#ecfdf3
}
.dialog-shipping-progress.free-shipping-achieved .shipping-progress-row{
  color:#047857
}
.dialog-shipping-progress.free-shipping-achieved .shipping-progress-row strong{
  color:#047857
}
.dialog-shipping-progress.free-shipping-achieved .shipping-progress-fill{
  background:#10b981
}

/* ===== Bestätigung unverbindliche Anfrage ===== */
.request-confirmation{
  position:relative;
  display:grid;
  grid-template-columns:22px 1fr;
  gap:10px;
  align-items:start;
  margin:0 0 18px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
  cursor:pointer
}
.request-confirmation input{
  position:absolute;
  opacity:0;
  pointer-events:none
}
.request-confirmation-box{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid #cbd5e1;
  border-radius:6px;
  background:white
}
.request-confirmation input:checked + .request-confirmation-box{
  border-color:var(--primary);
  background:var(--primary)
}
.request-confirmation input:checked + .request-confirmation-box::after{
  content:"✓";
  color:white;
  font-size:13px;
  font-weight:900
}
.request-confirmation-copy{
  color:var(--muted);
  font-size:11px;
  line-height:1.55
}
.request-confirmation-copy strong{
  color:var(--ink)
}
.request-confirmation-copy a{
  color:var(--primary);
  font-weight:800
}

/* Detailseite Streichpreis */
.detail-price-block{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px
}
.detail-old-price{
  color:#98a2b3;
  font-size:1rem;
  font-weight:700;
  text-decoration:line-through
}

@media(max-width:680px){
  .selection-tray{
    align-items:stretch
  }
  .shipping-progress{
    width:100%
  }
}


/* ===== Version 21: Anfrageübersicht mit Bild & Galerie ===== */
.selected-line-rich{
  grid-template-columns:64px minmax(0,1fr) auto 28px;
  gap:14px;
  min-height:86px;
  padding:11px 0
}

.selected-thumb{
  width:64px;
  height:64px;
  display:block;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
  text-decoration:none
}

.selected-thumb img{
  width:100%;
  height:100%;
  object-fit:contain
}

.selected-info{
  min-width:0;
  display:grid;
  align-content:center;
  gap:3px
}

.selected-info strong{
  font-size:13px
}

.selected-info .selected-country{
  color:var(--muted);
  font-size:11px
}

.selected-gallery-link{
  width:max-content;
  margin-top:2px;
  color:var(--primary);
  font-size:10px;
  font-weight:800;
  text-decoration:none
}

.selected-gallery-link:hover{
  text-decoration:underline
}

.selected-price{
  align-self:center;
  font-size:12px;
  font-weight:800;
  white-space:nowrap
}

.selected-line-rich .remove-selected{
  align-self:center
}

/* Kostenloser Versand in den beiden Versandkarten hervorheben */
.shipping-option small{
  transition:color .2s ease, font-weight .2s ease
}

.shipping-option small[id^="shippingOption"]{
  line-height:1.35
}

@media(max-width:600px){
  .selected-line-rich{
    grid-template-columns:54px minmax(0,1fr) auto;
    gap:10px
  }

  .selected-thumb{
    width:54px;
    height:54px
  }

  .selected-line-rich .remove-selected{
    grid-column:3;
    grid-row:1;
  }

  .selected-price{
    grid-column:3;
    grid-row:2;
    align-self:start
  }
}


/* =========================================================
   Version 23 – neuer Angebotskarten-Stil
   ========================================================= */

:root{
  --bg:#f5f3ef;
  --paper:#ffffff;
  --paper-soft:#faf9f6;
  --ink:#181818;
  --muted:#74716b;
  --line:#e5e0d8;
  --primary:#dd5b3d;
  --primary-soft:#fff0eb;
  --primary-dark:#b94127;
  --success:#19705f;
  --success-soft:#eaf7f3;
  --accent-dark:#242321;
}

body{
  background:
    radial-gradient(circle at 88% -4%,rgba(221,91,61,.06),transparent 26%),
    var(--bg);
}

/* Allgemeine Akzente */
.brand-mark,
.reset,
.status-tab.active,
.text-action span,
.dialog-primary,
.tray-primary,
.request-confirmation input:checked + .request-confirmation-box,
.country-option.selected .country-option-mark,
.switch input:checked + .switch-slider{
  background:var(--primary);
}

.status-tab.active{
  border-color:var(--primary);
}
.number-detail-link,
.text-action,
.country-dropdown-head button,
.selected-gallery-link,
.request-confirmation-copy a,
.footer-links a{
  color:var(--primary);
}
.filter-chip{
  background:var(--primary-soft);
  color:var(--primary-dark);
}
.filter-chip button{
  color:var(--primary-dark);
  background:#f9d9cf;
}
.slider-range-fill{
  background:var(--primary);
}
.range-input::-webkit-slider-thumb{
  background:var(--primary);
}
.range-input::-moz-range-thumb{
  background:var(--primary);
}

/* Grid etwas luftiger */
.catalog-grid{
  gap:20px;
}

/* Neue Karte */
.item{
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:0;
  border-radius:24px;
  background:var(--paper);
  box-shadow:0 8px 26px rgba(43,36,29,.065);
  transition:transform .18s ease, box-shadow .18s ease;
}
.item:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 46px rgba(43,36,29,.11);
}
.item.highlight{
  border:0;
  box-shadow:
    0 0 0 2px rgba(221,91,61,.18),
    0 12px 34px rgba(43,36,29,.08);
}
.item.selected{
  outline:0;
  box-shadow:
    0 0 0 2px var(--primary),
    0 18px 46px rgba(43,36,29,.11);
}

/* Nummer wirklich oberhalb des Bildes */
.card-number-bar{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:0 18px;
  border-bottom:1px solid var(--line);
  background:var(--paper);
}
.card-number-bar .number{
  color:var(--ink);
  font-size:13px;
  font-weight:850;
  letter-spacing:.015em;
}
.card-number-bar .number-detail-link,
.card-number-bar .number-detail-link:hover,
.card-number-bar .number-detail-link:focus,
.card-number-bar .number-detail-link:visited{
  color:var(--ink);
  text-decoration:none;
  border:0;
}
.card-number-bar .number-detail-link:hover{
  color:var(--primary);
}

/* Bild */
.image-wrap{
  aspect-ratio:4/3;
  margin:0;
  background:#f0eeea;
}
.image-wrap img{
  object-fit:contain;
  padding:14px;
}
.status-badge{
  top:14px;
  left:14px;
  border-radius:999px;
  padding:7px 10px;
}
.status-badge.available{
  background:var(--success);
}
.highlight-ribbon{
  top:14px;
  right:14px;
  background:rgba(255,255,255,.94);
  color:var(--primary);
}

/* Weitere Bilder direkt unter dem Bild */
.image-action-wrap{
  padding:12px 14px 0;
  background:var(--paper);
}
.drive-pill{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  padding:9px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--paper-soft);
  color:var(--ink);
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
.drive-pill:hover{
  border-color:#cec5ba;
  background:#f4f0ea;
  color:var(--primary);
}
.drive-pill .drive-arrow{
  font-size:14px;
}

/* Inhalt */
.item-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:16px 16px 18px;
}
.item-top-content{
  align-items:flex-start;
  margin:0;
}
.item-identity{
  min-width:0;
}
.country{
  margin:0 0 7px;
  color:var(--ink);
  font-size:14px;
  font-weight:750;
}
.type-tag{
  margin:0;
  background:#f0ede8;
  color:#66625c;
}
.price-block{
  margin-left:auto;
}
.price{
  color:var(--ink);
  font-size:1.2rem;
  font-weight:850;
}
.old-price{
  color:#a09b94;
}
.offer-description{
  margin:16px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}

/* Entfernt alte Checkbox-Zeile komplett */
.select-row{
  display:none !important;
}

/* Neuer CTA ganz unten */
.card-interest-area{
  margin-top:auto;
  padding-top:20px;
}
.interest-button{
  position:relative;
  width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:10px 14px;
  border:0;
  border-radius:15px;
  background:var(--accent-dark);
  color:white;
  cursor:pointer;
  user-select:none;
  font-size:12px;
  font-weight:850;
  text-transform:none;
  letter-spacing:0;
  transition:
    transform .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}
.interest-button:hover{
  transform:translateY(-1px);
  background:#111;
  box-shadow:0 9px 20px rgba(24,24,24,.14);
}
.interest-button input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.interest-button-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:white;
  font-size:15px;
  line-height:1;
}
.interest-button.checked{
  background:var(--primary);
}
.interest-button.checked .interest-button-icon{
  background:rgba(255,255,255,.22);
}
.item.sold .interest-button{
  opacity:.38;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

/* Alte Check-UI nicht mehr nötig */
.check-ui{
  display:none !important;
}

/* Mobile */
@media(max-width:560px){
  .card-number-bar{
    min-height:42px;
    padding:0 14px;
  }
  .image-action-wrap{
    padding:10px 12px 0;
  }
  .item-body{
    padding:14px 14px 16px;
  }
}


/* ===== Version 24: 5er-Vorteil ===== */
.purchase-strip{
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.purchase-pill-promo{
  background:#fff7ed;
  border-color:#fed7aa
}
.purchase-pill-promo .pill-label{
  color:#c2410c
}
.purchase-pill .pill-sub{
  color:var(--muted);
  font-size:10px;
  line-height:1.45
}

/* Zwei Fortschrittsbalken in der Auswahl */
.selection-main{
  gap:8px
}
.promo-progress-fill{
  background:#f59e0b
}
.selection-tray.promo-achieved .promo-progress-fill{
  background:#fbbf24
}
.selection-tray.promo-achieved .promo-progress .shipping-progress-row{
  color:#fde68a
}
.selection-tray.promo-achieved .promo-progress .shipping-progress-row strong{
  color:#fef3c7
}
.selection-tray.promo-celebrate{
  animation:promoPulse .65s ease
}
@keyframes promoPulse{
  0%{transform:translateX(-50%) scale(1)}
  40%{transform:translateX(-50%) scale(1.02)}
  100%{transform:translateX(-50%) scale(1)}
}
.dialog-promo-progress.promo-achieved{
  background:#fffbeb
}
.dialog-promo-progress.promo-achieved .shipping-progress-row,
.dialog-promo-progress.promo-achieved .shipping-progress-row strong{
  color:#b45309
}
.dialog-promo-progress.promo-achieved .promo-progress-fill{
  background:#f59e0b
}

/* Rabatt in Preisübersicht */
.promo-discount-row{
  color:#047857
}
.promo-discount-row strong{
  color:#047857
}

/* Gratisartikel in Anfrage-Liste */
.selected-line-free{
  background:#fffaf0;
  margin-inline:-8px;
  padding-inline:8px;
  border-radius:10px
}
.selected-free-badge{
  width:max-content;
  margin-top:2px;
  padding:3px 7px;
  border-radius:999px;
  background:#fef3c7;
  color:#92400e;
  font-size:9px;
  font-weight:850
}
.selected-price-is-free{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:1px
}
.selected-price-is-free strong{
  color:#047857;
  font-size:11px
}
.selected-price-original{
  color:#98a2b3;
  font-size:10px;
  text-decoration:line-through
}

/* Hinweis ganz unten im Auswahlbalken */
.selection-tray{
  flex-wrap:wrap
}
.selection-reload-note{
  flex:0 0 100%;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#98a2b3;
  font-size:9px;
  line-height:1.35
}

/* Gebiet statt Land – rein visuell kein Spezial-CSS nötig */

@media(max-width:1180px){
  .purchase-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:650px){
  .purchase-strip{
    grid-template-columns:1fr
  }
}


/* ===== Version 25: Typ-Filter als Toggle-Buttons ===== */
.field-type-buttons{
  align-content:center
}
.type-filter-buttons{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap
}
.type-filter-button{
  min-height:28px;
  padding:5px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--muted);
  font-size:9px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease,
    transform .15s ease
}
.type-filter-button:hover{
  border-color:#bfc5ce;
  color:var(--ink);
  transform:translateY(-1px)
}
.type-filter-button.active{
  border-color:var(--primary);
  background:var(--primary);
  color:white
}
.type-filter-all.active{
  background:var(--ink);
  border-color:var(--ink)
}

/* Etwas mehr Platz für die kleinen Typbuttons, ohne den Preisfilter wieder aufzublähen */
.filter-grid{
  grid-template-columns:1.15fr 1fr 1.45fr .8fr .78fr .95fr auto
}

@media(max-width:1180px){
  .field-type-buttons{
    grid-column:span 2
  }
}
@media(max-width:560px){
  .field-type-buttons{
    grid-column:auto
  }
  .type-filter-buttons{
    gap:7px
  }
  .type-filter-button{
    min-height:32px;
    padding:7px 10px;
  }
}


/* =========================================================
   Version 28 – Filter UX, Prüfstatus, neue Angebote
   ========================================================= */

.catalog-quick-note{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin:0 0 16px;
  padding:13px 15px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.72)
}
.catalog-quick-icon{
  width:26px;height:26px;
  display:grid;place-items:center;
  border-radius:50%;
  background:var(--ink);
  color:white;
  font-size:12px;
  font-weight:900
}
.catalog-quick-note p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55
}
.catalog-quick-note strong{color:var(--ink)}

.filter-search-mobile{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:10px;
  margin-bottom:12px
}
.search-field-primary{min-height:62px}
.mobile-filter-toggle{
  display:none;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 15px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--paper);
  color:var(--ink);
  font-weight:850
}
.mobile-filter-count{
  min-width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--primary);
  color:white;
  font-size:9px
}
.mobile-filter-chevron{font-size:16px}
.filter-panel{display:block}

.filter-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:10px;
  align-items:stretch
}
.field-multiselect{grid-column:span 3}
.field-type-buttons{grid-column:span 5}
.field-segmented{grid-column:span 4}
.field-switch{grid-column:span 4}
.field-price-slider{grid-column:span 4}
.field-sort{grid-column:span 3}
.reset{grid-column:span 1;min-height:66px}

.icon-type-filter{
  gap:6px;
  flex-wrap:nowrap
}
.type-icon-button{
  position:relative;
  width:36px;
  min-width:36px;
  height:34px;
  padding:0;
  display:grid;
  place-items:center
}
.type-symbol{
  width:17px;height:17px;
  display:grid;
  place-items:center
}
.type-symbol svg{
  width:17px;height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round
}
.type-mobile-label{display:none}
.type-icon-button::after{
  content:attr(data-tooltip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 8px);
  transform:translateX(-50%) translateY(3px);
  z-index:30;
  opacity:0;
  pointer-events:none;
  padding:6px 8px;
  border-radius:7px;
  background:#151515;
  color:white;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
  transition:.15s ease
}
.type-icon-button:hover::after,
.type-icon-button:focus-visible::after{
  opacity:1;
  transform:translateX(-50%) translateY(0)
}

.segmented-filter{
  display:flex;
  flex-wrap:wrap;
  gap:5px
}
.segmented-filter-button{
  min-height:30px;
  padding:5px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  background:white;
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  cursor:pointer
}
.segmented-filter-button.active{
  border-color:var(--ink);
  background:var(--ink);
  color:white
}
.stacked-filter-actions{
  display:grid;
  gap:7px
}
.new-only-toggle{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:5px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  cursor:pointer
}
.new-only-toggle.active{
  border-color:#0f766e;
  background:#ecfdf3;
  color:#0f766e
}
.new-dot{
  width:7px;height:7px;border-radius:50%;
  background:#10b981
}

.card-number-bar{
  justify-content:space-between;
  gap:10px
}
.card-number-flags{
  display:flex;
  align-items:center;
  gap:5px
}
.exam-badge,
.new-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.02em;
  white-space:nowrap
}
.exam-badge.checked{
  background:#ecfdf3;
  color:#047857
}
.exam-badge.unchecked{
  background:#f2f4f7;
  color:#667085
}
.new-badge{
  background:#eff6ff;
  color:#1d4ed8
}
.card-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px
}
.object-kind-tag{
  background:#eef2ff;
  color:#4338ca
}
.forgery-service{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:8px;
  align-items:start;
  margin-top:14px;
  padding:10px;
  border:1px solid #fed7aa;
  border-radius:11px;
  background:#fff7ed;
  color:#9a3412;
  font-size:10px;
  line-height:1.45
}
.forgery-service-icon{
  width:22px;height:22px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#fb923c;
  color:white;
  font-weight:900
}
.forgery-service strong{color:#7c2d12}

.third-reich-checkout{
  margin:0 0 18px;
  padding:16px;
  border:1px solid #d0d5dd;
  border-left:4px solid #344054;
  border-radius:12px;
  background:#f9fafb
}
.third-reich-checkout h3{
  margin:5px 0 8px;
  font-size:1rem;
  line-height:1.25
}
.third-reich-checkout>p{
  margin:0 0 12px;
  color:var(--muted);
  font-size:11px;
  line-height:1.55
}
.third-reich-confirmation{
  position:relative;
  display:grid;
  grid-template-columns:22px 1fr;
  gap:10px;
  align-items:start;
  padding:12px;
  border-radius:10px;
  background:white;
  cursor:pointer;
  color:#475467;
  font-size:10px;
  line-height:1.55
}
.third-reich-confirmation input{
  position:absolute;
  opacity:0;
  pointer-events:none
}
.third-reich-confirmation input:checked + .request-confirmation-box{
  border-color:var(--primary);
  background:var(--primary)
}
.third-reich-confirmation input:checked + .request-confirmation-box::after{
  content:"✓";
  color:white;
  font-size:13px;
  font-weight:900
}
.third-reich-links{
  display:flex;
  gap:12px;
  margin-top:10px !important
}
.third-reich-links a{color:var(--primary);font-weight:800}

.footer-history-notice{
  flex:0 0 100%;
  width:100%;
  margin:0;
  padding-top:12px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:9px;
  line-height:1.55;
  letter-spacing:0;
  text-transform:none
}
.footer-history-notice strong{color:var(--ink)}
.footer-history-notice a{color:var(--primary);text-decoration:none}

.selection-reload-note{
  color:#d0d5dd
}

@media(max-width:1100px){
  .filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .field-multiselect,
  .field-type-buttons,
  .field-segmented,
  .field-switch,
  .field-price-slider,
  .field-sort,
  .reset{
    grid-column:auto
  }
  .field-type-buttons{grid-column:span 2}
  .reset{min-height:56px}
}

@media(max-width:760px){
  .controls{
    padding-top:14px
  }
  .filter-search-mobile{
    grid-template-columns:1fr;
    gap:8px;
    margin-bottom:8px
  }
  .search-field-primary{
    min-height:62px
  }
  .mobile-filter-toggle{
    display:flex;
    width:100%;
    min-height:46px
  }
  .filter-panel{
    display:none;
    margin-top:10px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(255,255,255,.78)
  }
  .filter-panel.open{display:block}
  .status-tabs{
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
    padding-bottom:4px
  }
  .status-tabs::-webkit-scrollbar{display:none}
  .status-tab{
    flex:0 0 auto;
    min-height:42px
  }
  .filter-grid{
    grid-template-columns:1fr;
    gap:9px
  }
  .field-type-buttons{grid-column:auto}
  .field{
    min-height:auto;
    padding:12px
  }
  .icon-type-filter{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px
  }
  .type-filter-all{
    min-height:52px
  }
  .type-icon-button{
    width:100%;
    height:58px;
    display:flex;
    flex-direction:column;
    gap:4px;
    border-radius:12px
  }
  .type-mobile-label{
    display:block;
    font-size:8px;
    line-height:1
  }
  .type-icon-button::after{display:none}
  .segmented-filter-button,
  .new-only-toggle{
    min-height:42px;
    padding:8px 11px;
    font-size:10px
  }
  .multi-select-dropdown{
    position:static;
    width:100%;
    margin-top:8px;
    box-shadow:none
  }
  .country-option{
    min-height:42px
  }
  .price-slider-wrap{
    min-height:34px
  }
  .range-input::-webkit-slider-thumb{
    width:23px;height:23px
  }
  .range-input::-moz-range-thumb{
    width:23px;height:23px
  }
  .reset{
    width:100%;
    min-height:46px
  }
  .catalog-quick-note{
    grid-template-columns:26px 1fr;
    padding:11px 12px
  }
  .catalog-quick-note p{
    font-size:10px
  }
}

@media(max-width:430px){
  .icon-type-filter{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .third-reich-checkout{
    padding:13px
  }
}


/* =========================================================
   Version 33 – Online-Freigabe, Fotostatus & Auswahlübersicht
   ========================================================= */

:root{
  --ci-blue:#2563eb;
  --photo-green:#0f766e;
}

.drive-pill-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  line-height:1.15
}
.drive-pill-copy strong{
  font-size:11px
}
.drive-pill-copy small{
  font-size:8px;
  font-weight:800;
  opacity:.9
}

.drive-pill.photo-complete{
  border-color:var(--photo-green);
  background:var(--photo-green);
  color:white
}
.drive-pill.photo-complete:hover{
  border-color:#0b5d50;
  background:#0b5d50;
  color:white
}
.drive-pill.photo-partial{
  border-color:var(--ci-blue);
  background:var(--ci-blue);
  color:white
}
.drive-pill.photo-partial:hover{
  border-color:#1d4ed8;
  background:#1d4ed8;
  color:white
}

.tray-selection{
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:12px;
  background:rgba(255,255,255,.1);
  color:white;
  font-weight:850;
  cursor:pointer
}
.tray-selection:hover{
  background:rgba(255,255,255,.17)
}
.selection-actions{
  display:grid;
  grid-template-columns:auto auto minmax(150px,1fr);
  gap:8px
}

.selection-overview-shell{
  width:min(760px,calc(100vw - 32px))
}
.selection-overview-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 12px;
  padding:12px 14px;
  border-radius:12px;
  background:#f8fafc
}
.selection-overview-summary strong{
  font-size:13px
}
.selection-overview-summary span{
  font-size:13px;
  font-weight:850
}
.selection-overview-list{
  max-height:min(60vh,620px);
  overflow:auto;
  padding-right:4px
}
.selection-overview-actions{
  position:sticky;
  bottom:0;
  padding-top:14px;
  background:var(--paper)
}
.selected-photo-status{
  width:max-content;
  margin-top:2px;
  padding:3px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:850
}
.selected-photo-status.complete{
  background:#ecfdf3;
  color:#047857
}
.selected-photo-status.partial{
  background:#eff6ff;
  color:#1d4ed8
}

@media(max-width:680px){
  .selection-actions{
    grid-template-columns:1fr 1fr;
  }
  .selection-actions .tray-primary{
    grid-column:span 2
  }
  .selection-overview-shell{
    width:calc(100vw - 18px)
  }
}


/* ===== Version 34 overrides ===== */
:root{--ink:#162133;--muted:#5b6678;--paper:#fbfaf7;--line:#dadfe6;--accent:#dc6137;--accent-strong:#c8522a;--green:#1f6a5b;}
html,body,button,input,select,textarea{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6,.purchase-pill strong,.dialog-head h2{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; letter-spacing:-0.03em;}
.topbar{padding:16px 0 14px;align-items:center;}
.brand{display:flex;align-items:center;text-decoration:none;gap:0;}
.brand img.brand-logo{display:block;height:28px;width:auto;max-width:min(340px,70vw);}
.brand-mark{display:none !important;}
.hero.hero-v3{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:34px;padding:22px 0 18px;}
.hero-copy-v3 h1{font-size:clamp(2.05rem,4.9vw,4rem);line-height:0.95;max-width:8.2ch;margin:0 0 14px;}
.hero-note-inline{margin-top:0;padding:0;border:0;background:transparent;max-width:68ch;}
.hero-note-inline p{font-size:14px;line-height:1.7;color:var(--muted);}
.hero-visual img{max-width:100%;height:auto;display:block;}
.purchase-strip{margin-top:10px;}
.filter-grid{align-items:start;}
.field-type-buttons > span,.field-segmented > span,.field-price-slider > span,.field-toggle-inline > span,.field-sort > span,.field-multiselect > span{display:block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;}
.field-toggle-inline{display:flex;flex-direction:column;justify-content:flex-start;}
.toggle-filter-button{min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink);font-size:14px;font-weight:700;cursor:pointer;transition:.2s;}
.toggle-filter-button.active{background:#e8f1ff;border-color:#9bbcf7;color:#1d4ed8;box-shadow:inset 0 0 0 1px rgba(29,78,216,.08);}
.toggle-filter-button:hover{border-color:#b8c2cf;}
.price-slider-shell{display:flex;flex-direction:column;gap:10px;}
.price-bounds{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);font-weight:700;}
.price-slider-topline{display:flex;justify-content:flex-start;}
.catalog-toolbar{display:flex;justify-content:flex-end;align-items:end;gap:12px;padding:8px 0 0;}
.field-sort-compact{width:min(320px,100%);}
.reset-compact{min-height:44px;padding:0 14px;border-radius:12px;background:#fff5f1;color:var(--accent-strong);border:1px solid #f2c8bc;font-size:13px;font-weight:800;}
.reset-compact:hover{background:#ffece5;}
.results-head{padding:18px 0 18px;align-items:center;}
.results-head h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.02;}
.results-head .micro{display:none !important;}
@media (min-width:1080px){.filter-grid{grid-template-columns:1.05fr 1.55fr 1fr 1.1fr 1.1fr 1fr;} .field-type-buttons{grid-column:span 2;} .field-price-slider{grid-column:span 2;} .field-segmented{grid-column:span 1;} .field-toggle-inline{grid-column:span 1;} }
@media (max-width:900px){.catalog-toolbar{justify-content:stretch;flex-direction:column;align-items:stretch;} .field-sort-compact{width:100%;} .hero.hero-v3{grid-template-columns:1fr;} .hero-copy-v3 h1{max-width:10ch;} }
@media (max-width:640px){.brand img.brand-logo{height:22px;} .hero-copy-v3 h1{font-size:2.2rem;} .hero-note-inline p{font-size:13px;line-height:1.6;} .toggle-filter-button{width:100%;} .price-bounds{font-size:11px;} }


/* =========================================================
   Version 35 – Filter-/Suchbereich nach Referenzlayout
   ========================================================= */

.controls{
  padding:18px 0 10px;
  border-bottom:0;
}

.filter-panel{
  display:block;
}

.status-tabs{
  margin:0 0 10px;
  display:flex;
  gap:7px;
}
.status-tab{
  min-height:36px;
  padding:7px 12px;
  font-size:10px;
}

.filter-grid{
  display:grid;
  grid-template-columns:minmax(190px,1.05fr) minmax(360px,1.7fr) minmax(220px,.95fr) minmax(220px,.95fr);
  gap:10px;
  align-items:stretch;
}

.field-multiselect{
  grid-column:1;
}
.field-type-buttons{
  grid-column:2;
}
.field-segmented{
  grid-column:3;
}
.field-switch{
  grid-column:4;
}

.field{
  min-height:62px;
  padding:10px 12px;
  border-radius:14px;
}

.field-type-buttons{
  display:grid;
  grid-template-columns:auto max-content;
  grid-template-rows:auto 1fr;
  column-gap:10px;
  align-items:center;
}
.field-type-buttons > span{
  grid-column:1 / -1;
  margin-bottom:6px !important;
}
.field-type-buttons .icon-type-filter{
  grid-column:1;
  min-width:0;
}
.scope-exam-toggle{
  grid-column:2;
  min-height:32px;
  align-self:center;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:white;
  color:var(--muted);
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
  cursor:pointer;
}
.scope-exam-toggle.active{
  border-color:var(--success);
  background:var(--success-soft);
  color:var(--success);
}
.scope-exam-icon{
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f2f4f7;
}
.scope-exam-toggle.active .scope-exam-icon{
  background:var(--success);
  color:white;
}

.active-filters-bar{
  min-height:34px;
  padding:9px 4px 4px;
  border-bottom:1px solid var(--line);
}
.active-filters-label span{
  font-size:8px;
}

.results-head-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:16px;
  align-items:center;
  padding:16px 4px 10px;
}
.results-title-wrap{
  min-width:0;
}
.results-head-layout h2{
  margin:0;
  font-size:clamp(1.9rem,3vw,2.65rem);
  line-height:1.03;
  max-width:none;
}
.results-toolbar-inline{
  display:flex;
  gap:7px;
  align-items:end;
}
.results-toolbar-inline .field-sort-compact{
  min-width:185px;
  width:185px;
  padding:0;
  border:0;
  background:transparent;
  min-height:auto;
}
.results-toolbar-inline .field-sort-compact > span{
  display:none;
}
.results-toolbar-inline .field-sort-compact select{
  min-height:38px;
  border-radius:10px;
  font-size:10px;
}
.results-toolbar-inline .reset-compact{
  min-height:38px;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:transparent;
  color:var(--muted);
  font-size:9px;
}
.results-toolbar-inline .reset-compact:hover{
  background:white;
  color:var(--ink);
}
.results-head-layout .result-actions{
  display:flex;
  align-items:center;
  gap:13px;
  white-space:nowrap;
}
.results-head-layout .result-actions p{
  font-size:10px;
}

.search-price-row{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(290px,1fr);
  gap:16px;
  align-items:stretch;
  padding:8px 4px 14px;
}
.search-field-wide{
  min-height:62px;
}
.search-field-wide input{
  font-size:13px;
}
.price-row-panel{
  min-width:0;
}
.price-row-panel .field-price-slider{
  height:100%;
  min-height:62px;
  grid-column:auto;
}
.price-row-panel .price-slider-topline{
  margin-bottom:4px;
}
.price-row-panel .price-bounds{
  margin-top:2px;
  font-size:8px;
}
.price-row-panel .slider-track{
  height:4px;
}
.price-row-panel .range-input::-webkit-slider-thumb{
  width:17px;
  height:17px;
}
.price-row-panel .range-input::-moz-range-thumb{
  width:17px;
  height:17px;
}

.search-price-row > .mobile-filter-toggle{
  display:none;
}

.catalog-grid{
  margin-top:0;
}

/* Compact hierarchy so products arrive faster */
.results-head + .search-price-row{
  margin-top:0;
}

/* Tablet */
@media(max-width:1100px){
  .filter-grid{
    grid-template-columns:1fr 1fr;
  }
  .field-multiselect,
  .field-type-buttons,
  .field-segmented,
  .field-switch{
    grid-column:auto;
  }
  .field-type-buttons{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
  }
  .field-type-buttons > span,
  .field-type-buttons .icon-type-filter,
  .scope-exam-toggle{
    grid-column:1;
  }
  .scope-exam-toggle{
    justify-self:start;
  }
  .results-head-layout{
    grid-template-columns:1fr auto;
  }
  .results-toolbar-inline{
    grid-column:1;
    grid-row:2;
    justify-self:start;
  }
  .result-actions{
    grid-column:2;
    grid-row:1 / span 2;
  }
}

/* Mobile: search always visible, rest behind Filter button */
@media(max-width:760px){
  .controls{
    padding-top:10px;
  }
  .filter-panel{
    display:none;
    margin-top:8px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(255,255,255,.82);
  }
  .filter-panel.open{
    display:block;
  }
  .status-tabs{
    overflow-x:auto;
    scrollbar-width:none;
  }
  .status-tabs::-webkit-scrollbar{
    display:none;
  }
  .filter-grid{
    grid-template-columns:1fr;
  }
  .field-type-buttons{
    grid-template-columns:1fr;
  }
  .scope-exam-toggle{
    width:100%;
    min-height:42px;
    justify-content:center;
  }

  .active-filters-bar{
    padding-top:8px;
  }

  .results-head-layout{
    grid-template-columns:1fr auto;
    padding-top:14px;
  }
  .results-head-layout h2{
    font-size:1.75rem;
  }
  .results-toolbar-inline{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
  }
  .results-toolbar-inline .field-sort-compact{
    flex:1;
    width:auto;
    min-width:0;
  }
  .results-head-layout .result-actions{
    grid-column:2;
    grid-row:1;
    align-self:center;
  }

  .search-price-row{
    grid-template-columns:1fr;
    gap:8px;
    padding-top:6px;
  }
  .search-price-row > .mobile-filter-toggle{
    display:flex;
    order:2;
    width:100%;
    min-height:44px;
  }
  .price-row-panel{
    order:3;
  }
  .search-field-wide{
    order:1;
  }
  .price-row-panel .field-price-slider{
    min-height:66px;
  }
}

@media(max-width:480px){
  .results-head-layout{
    grid-template-columns:1fr;
  }
  .results-head-layout .result-actions{
    grid-column:1;
    grid-row:auto;
    justify-content:space-between;
  }
  .results-toolbar-inline{
    grid-column:1;
    flex-wrap:wrap;
  }
  .results-toolbar-inline .field-sort-compact{
    min-width:180px;
  }
}


/* =========================================================
   Version 36 – Breite korrigiert + Hero neu angeordnet
   ========================================================= */

.hero.hero-v4{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);
  gap:28px;
  align-items:start;
  padding:18px 0 22px;
}
.hero-copy-v4 h1{
  margin:0 0 10px;
  font-size:clamp(2.25rem,4.7vw,4.1rem);
  line-height:0.98;
  letter-spacing:-0.04em;
  max-width:11ch;
}
.hero-shop-note,
.hero-detail-note{
  margin:0;
  max-width:78ch;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.hero-shop-note strong,
.hero-detail-note strong{
  color:var(--ink);
}
.hero-detail-note{
  margin-top:6px;
}
.hero-link-line{
  margin:10px 0 0;
}
.hero-link-line a{
  color:var(--accent-strong);
  font-weight:800;
  text-decoration:none;
}
.hero-link-line a:hover{
  text-decoration:underline;
}

.hero-sidecards{
  display:grid;
  gap:12px;
  padding-top:4px;
}
.hero-sidecard{
  display:grid;
  gap:5px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 6px 22px rgba(15,23,42,.04);
}
.hero-sidecard strong{
  color:var(--ink);
  font-size:1.08rem;
  line-height:1.2;
}
.hero-sidecard p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.hero-side-label{
  color:var(--accent-strong);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* Der Bereich ab Filter/Suche soll nicht über die komplette Seitenbreite laufen */
.controls,
.active-filters-bar,
.results-head-layout,
.search-price-row,
.catalog-grid,
.empty,
.data-notice{
  width:min(1280px,100%);
  margin-left:auto;
  margin-right:auto;
}

.results-head-layout{
  padding-left:0;
  padding-right:0;
}
.search-price-row{
  padding-left:0;
  padding-right:0;
}
.catalog-grid{
  margin-top:6px;
}

.search-price-row{
  grid-template-columns:minmax(0,1.75fr) minmax(320px,.9fr);
  gap:14px;
}
.search-field-wide{
  min-height:64px;
}
.price-row-panel .field-price-slider{
  min-height:64px;
}

@media(max-width:1100px){
  .hero.hero-v4{
    grid-template-columns:1fr;
  }
  .hero-copy-v4 h1{
    max-width:14ch;
  }
}

@media(max-width:760px){
  .hero.hero-v4{
    gap:18px;
    padding:14px 0 16px;
  }
  .hero-copy-v4 h1{
    font-size:2.15rem;
    max-width:none;
  }
  .hero-shop-note,
  .hero-detail-note{
    font-size:13px;
    line-height:1.58;
  }
  .controls,
  .active-filters-bar,
  .results-head-layout,
  .search-price-row,
  .catalog-grid,
  .empty,
  .data-notice{
    width:100%;
  }
}


/* =========================================================
   Version 37 – Tray, Logo, versetzte Vorteile, ruhiger Galeriebutton
   ========================================================= */

/* Logo deutlich größer */
.topbar{
  padding:18px 0 16px;
}
.brand img.brand-logo{
  height:44px;
  max-width:min(440px,78vw);
}

/* Bereich über den Filtern: Vorteile versetzt wie im Entwurf */
.hero.hero-v4{
  grid-template-columns:minmax(0,1.24fr) minmax(300px,.76fr);
  gap:34px;
}
.hero-sidecards{
  gap:18px;
  max-width:430px;
  margin-left:auto;
  padding-top:20px;
}
.hero-sidecard{
  background:#fff;
}
.hero-sidecard:first-child{
  width:min(100%, 360px);
  margin-left:74px;
}
.hero-sidecard:last-child{
  width:min(100%, 360px);
  margin-left:0;
  margin-top:-6px;
}

/* Auswahlbalken unten breiter und mit mehr Raum */
.selection-tray{
  width:min(1120px,calc(100% - 34px));
  bottom:22px;
  padding:16px 18px 14px 18px;
  gap:18px;
  border-radius:20px;
}
.selection-main{
  min-width:0;
  flex:1 1 auto;
}
.selection-summary{
  gap:14px;
  flex-wrap:wrap;
}
.selection-summary strong{
  font-size:1rem;
}
.selection-actions{
  flex:0 0 auto;
  align-items:center;
  flex-wrap:wrap;
}
.tray-secondary,.tray-primary{
  min-height:46px;
  padding:0 16px;
}
.selection-reload-note{
  margin-top:2px;
}

/* Damit Footer und unterer Bereich trotz fixed tray sichtbar bleiben */
main{
  padding-bottom:84px;
}
footer{
  margin-bottom:150px;
}

/* Weitere-Bilder-Buttons ruhiger und einheitlich */
.drive-pill{
  background:#f7f5f1 !important;
  border-color:#ddd7cf !important;
  color:var(--ink) !important;
}
.drive-pill:hover{
  background:#f2eee8 !important;
  border-color:#cec6bb !important;
  color:var(--ink) !important;
}
.drive-pill .drive-arrow{
  color:var(--muted);
}
.drive-pill-copy strong{
  color:var(--ink);
}
.drive-pill-copy small{
  font-size:8px;
  font-weight:900;
  opacity:1;
}
.drive-pill.photo-complete .drive-pill-copy small{
  color:#047857;
}
.drive-pill.photo-partial .drive-pill-copy small{
  color:#2563eb;
}

/* Auch auf Detailseite ruhig halten */
.detail-drive.photo-complete,
.detail-drive.photo-partial{
  background:#f7f5f1 !important;
  border-color:#ddd7cf !important;
  color:var(--ink) !important;
}
.detail-drive.photo-complete small{
  color:#047857 !important;
}
.detail-drive.photo-partial small{
  color:#2563eb !important;
}

/* Desktop/Tablet Feinschliff */
@media(max-width:1180px){
  .selection-tray{
    width:min(1040px,calc(100% - 28px));
  }
  .hero-sidecards{
    max-width:390px;
  }
  .hero-sidecard:first-child{
    margin-left:46px;
  }
}

/* Mobil */
@media(max-width:760px){
  .topbar{
    padding:14px 0 12px;
  }
  .brand img.brand-logo{
    height:32px;
    max-width:min(360px,84vw);
  }

  .hero.hero-v4{
    grid-template-columns:1fr;
    gap:18px;
  }
  .hero-sidecards{
    max-width:none;
    margin-left:0;
    padding-top:4px;
  }
  .hero-sidecard:first-child,
  .hero-sidecard:last-child{
    width:100%;
    margin-left:0;
    margin-top:0;
  }

  .selection-tray{
    width:calc(100% - 18px);
    bottom:10px;
    padding:14px 14px 12px;
    gap:12px;
  }
  .selection-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .tray-secondary,.tray-primary{
    width:100%;
  }

  main{
    padding-bottom:110px;
  }
  footer{
    margin-bottom:220px;
  }
}