:root{
  --red:#9c2024; --red-dark:#681519; --cream:#fffaf3; --ink:#26231f;
  --muted:#6c665f; --line:#e3d8c9; --card:rgba(255,255,255,.94); --accent:#b3262c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f7f0e7;color:var(--ink);min-height:100vh}
.page-background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.42;filter:saturate(.82) contrast(.96);z-index:0;pointer-events:none}
body::before{content:"";position:fixed;inset:0;background:rgba(255,250,243,.10);z-index:0;pointer-events:none}
body>header,body>.top-actions,body>main,body>footer,body>dialog{position:relative;z-index:1}


.hero{
  max-width:1180px;margin:20px auto 0;border-radius:22px;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  background:linear-gradient(135deg,rgba(156,32,36,.97),rgba(104,21,25,.96));color:white;
  box-shadow:0 14px 35px rgba(61,29,22,.18)
}
.hero-copy{padding:30px 32px;align-self:center}
.hero h1{margin:.15rem 0 .35rem;font-size:clamp(1.9rem,4vw,3.15rem);line-height:1.03}
.hero p{margin:.2rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:800;opacity:.9}
.eyebrow.dark{color:var(--red-dark)}
.hero-photo{width:100%;height:100%;min-height:230px;max-height:330px;object-fit:cover;object-position:center 48%}
.top-actions{max-width:1180px;margin:12px auto 0;padding:8px 4px;background:transparent;border:0;border-radius:0;box-shadow:none}
.actions,.toolbar{display:flex;gap:9px;flex-wrap:wrap}
button,.secondary,.file-button{
  border:0;border-radius:11px;padding:10px 13px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:white
}
button:disabled{opacity:.42;cursor:not-allowed}.secondary{background:rgba(255,255,255,.82);backdrop-filter:blur(6px);color:#352b28;border:1px solid rgba(227,216,201,.9)}
.stop-speak:not(:disabled){background:#3d3430;color:#fff;border-color:#3d3430}
.hidden{display:none!important}
main{
  max-width:1180px;margin:18px auto 0;padding:18px 18px 26px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none
}
.notice{background:#fff1c7;border:1px solid #e4c56c;padding:12px 14px;border-radius:12px;margin-bottom:18px}
.warning{background:#ffe3e3;border-color:#db8f8f}
.success{background:#e8f5e9;border-color:#a5d6a7}
.category-nav{display:flex;gap:8px;overflow:auto;padding:8px 0 12px;position:sticky;top:0;z-index:2;background:transparent;}
.category-nav a{white-space:nowrap;background:rgba(255,255,255,.78);backdrop-filter:blur(6px);color:var(--red-dark);border:1px solid var(--line);border-radius:999px;padding:9px 12px;text-decoration:none;font-weight:750}
.category-block{margin:27px 0}.category-block h2{border-bottom:2px solid var(--red);padding:7px 10px 8px;margin-left:-10px;margin-right:-10px;background:rgba(255,255,255,.58);backdrop-filter:blur(5px);border-radius:10px 10px 0 0;text-shadow:0 1px #fff}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.product-card{background:rgba(255,255,255,.84);backdrop-filter:blur(7px);border:1px solid rgba(227,216,201,.9);border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(58,42,30,.08);display:flex;flex-direction:column;min-height:178px;backdrop-filter:blur(3px)}
.product-images{display:grid;grid-template-columns:1fr;background:#f1ece4}.multi-image .product-images{grid-template-columns:repeat(2,1fr);gap:2px}
.product-image{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f1ece4;border-bottom:1px solid var(--line)}
.product-image-wrap{position:relative}
.product-body{padding:14px 15px;display:flex;flex-direction:column;flex:1}.product-card h3{margin:0 0 8px;font-size:1.1rem}
.product-meta{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:auto}.size{color:var(--muted)}.price{font-size:1.3rem;font-weight:850;color:var(--red-dark);text-align:right}
.price.pending{font-size:.95rem;color:var(--muted);font-weight:700}.speak{margin-top:12px;width:100%;background:#f1f1f1;color:#222}
.product-visual{aspect-ratio:1/1;display:grid;place-items:center;font-size:2.6rem;letter-spacing:.12em;background:#f7f2ea;border-bottom:1px solid var(--line)}
footer{padding:28px 20px;text-align:center;color:var(--muted)}

.panel{max-width:1180px;margin:18px auto;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;padding:18px}.narrow{max-width:430px}
label{display:block;font-weight:700;margin:12px 0}input,select,textarea{width:100%;padding:10px;border:1px solid #bbb;border-radius:9px;font:inherit;background:white;color:#222}textarea{resize:vertical}
input[type=checkbox]{width:auto}.hint{color:var(--muted);font-size:.9rem}.file-button input{display:none}
.editor-row{display:grid;grid-template-columns:1.5fr .75fr .75fr 1fr 1.6fr auto auto;gap:8px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}
.editor-row label{margin:0;font-size:.82rem}.editor-row .remove{background:#6f1e1e}.editor-row .active-wrap{display:flex;align-items:center;gap:6px;padding-bottom:10px}

.table-mode .product-grid{display:block}.table-mode .product-card{display:grid;grid-template-columns:minmax(0,1fr) auto;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;min-height:0;overflow:visible;background:#fff}
.table-mode .product-image-wrap,.table-mode .product-visual,.table-mode .speak{display:none}.table-mode .product-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;padding:9px 2px}
.table-mode .product-card h3{grid-column:1;margin:0}.table-mode .size{grid-column:1;margin:0}.table-mode .price{grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap}
#viewCards[aria-pressed="true"],#viewTable[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:1px}

dialog{border:0;border-radius:18px;padding:0;box-shadow:0 28px 80px rgba(0,0,0,.3);max-width:min(92vw,520px)}
dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
.dialog-card{position:relative;padding:24px;background:#fff;color:var(--ink);margin:0}
.dialog-close{position:absolute;right:10px;top:10px;width:38px;height:38px;border-radius:999px;padding:0;background:#eee;color:#222;font-size:23px}
.order-dialog{max-width:min(96vw,1200px);width:1200px}.order-shell{padding:22px}.order-head{display:flex;align-items:end;justify-content:space-between;padding-right:46px}
.order-head h2{margin:.1rem 0}.order-total{font-size:2rem;font-weight:900;color:var(--red-dark)}
.order-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px}
.order-cats{position:static;background:none}.order-cats button[data-active="true"]{background:var(--red);color:#fff}
.order-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;max-height:62vh;overflow:auto;padding:2px}
.order-product{min-height:92px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;background:#fff;color:#222;border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.04)}
.order-product span{font-size:.8rem;color:var(--muted);font-weight:500}.order-product b{margin-top:auto;color:var(--red-dark)}
.basket{border-left:1px solid var(--line);padding-left:16px}.basket h3{margin-top:0}.basket-items{max-height:52vh;overflow:auto}
.basket-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px 0;border-bottom:1px solid var(--line)}.basket-row>div:first-child{grid-column:1}.basket-row>b{grid-column:2;grid-row:1;text-align:right}
.basket-row small{display:block;color:var(--muted)}.qty-controls{grid-column:1/-1;display:flex;gap:7px;align-items:center}.qty-controls button{padding:4px 10px}
.basket-actions{display:flex;gap:8px;margin-top:14px}.basket-actions button{flex:1}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}.stat{background:#f7f2ea;border-radius:12px;padding:12px}.stat strong{display:block;font-size:1.4rem;color:var(--red-dark)}
.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{border-bottom:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}

@media(max-width:760px){
  .hero{margin:0;border-radius:0;grid-template-columns:1fr}.hero-photo{max-height:250px}
  .top-actions,main{padding-left:14px;padding-right:14px}
  .editor-row{grid-template-columns:1fr 1fr}.editor-row label:first-child,.editor-row .image-field{grid-column:1/-1}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .order-layout{grid-template-columns:1fr}.basket{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}
}
@media(max-width:600px){
  .hero-copy{padding:22px 16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-body{padding:11px}.product-card h3{font-size:1rem}.price{font-size:1.12rem}.speak{font-size:.9rem;padding:9px}.category-block{margin:22px 0}
}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}}


/* 2.0.0: Druck/PDF übernimmt die aktuell gewählte Ansicht.
   "Mit Bildern" => Bildkarten im Ausdruck.
   "Ohne Bilder" => kompakte Textliste im Ausdruck. */
@media print{
  @page{size:A4;margin:8mm}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}

  .top-actions,.category-nav,.speak,dialog{display:none!important}

  body{
    background:white!important;
    font-size:9pt;
  }
  body::before{
    display:block!important;
    background:rgba(255,255,255,.08)!important;
  }

  /* Eigenes Druck-/PDF-Hintergrundmotiv */
  body::after{
    content:"";
    position:fixed;
    inset:0;
    background-image:url("../bilder/thumbs/bootshaus-04.webp");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:.18;
    z-index:0;
    pointer-events:none;
  }
  .page-background{display:none!important}
  body>header,body>.top-actions,body>main,body>footer,body>dialog{
    position:relative;
    z-index:1;
  }

  .hero{
    margin:0 0 5mm!important;
    border-radius:0!important;
    display:grid!important;
    grid-template-columns:1.25fr .75fr!important;
    box-shadow:none!important;
    break-inside:avoid;
  }
  .hero-copy{padding:5mm!important}
  .hero h1{font-size:19pt!important}
  .hero-photo{
    display:block!important;
    min-height:30mm!important;
    height:30mm!important;
    object-fit:cover!important;
  }

  main{
    padding:0!important;
    max-width:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .category-block{margin:4mm 0!important}
  .category-block h2{
    font-size:13pt!important;
    margin:0 0 2mm!important;
    padding:1.5mm 2mm!important;
    background:rgba(255,255,255,.72)!important;
    break-after:avoid;
  }

  /* MIT BILDERN: normale Kartenansicht drucken */
  body:not(.table-mode) .product-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:2.5mm!important;
  }
  body:not(.table-mode) .product-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    background:rgba(255,255,255,.82)!important;
    border:.25mm solid rgba(180,170,160,.75)!important;
    border-radius:3mm!important;
    overflow:hidden!important;
    box-shadow:none!important;
    break-inside:avoid;
  }
  body:not(.table-mode) .product-image-wrap,
  body:not(.table-mode) .product-visual{
    display:block!important;
  }
  body:not(.table-mode) .product-images{
    display:grid!important;
  }
  body:not(.table-mode) .product-image{
    display:block!important;
    width:100%!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
  }
  body:not(.table-mode) .product-visual{
    display:grid!important;
    place-items:center!important;
    aspect-ratio:1/1!important;
  }
  body:not(.table-mode) .product-body{
    display:flex!important;
    flex-direction:column!important;
    padding:2mm!important;
  }
  body:not(.table-mode) .product-card h3{
    margin:0 0 1mm!important;
    font-size:9.2pt!important;
    line-height:1.15!important;
  }
  body:not(.table-mode) .product-meta{
    display:flex!important;
    justify-content:space-between!important;
    gap:1.5mm!important;
    align-items:flex-end!important;
    margin-top:auto!important;
  }
  body:not(.table-mode) .size{font-size:7.6pt!important}
  body:not(.table-mode) .price{
    font-size:9.3pt!important;
    white-space:nowrap!important;
  }

  /* OHNE BILDER: kompakte Tabellen-/Listenansicht drucken */
  body.table-mode .product-grid{display:block!important}
  body.table-mode .product-image-wrap,
  body.table-mode .product-visual{display:none!important}
  body.table-mode .product-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    border:0!important;
    border-bottom:.25mm solid #aaa!important;
    border-radius:0!important;
    box-shadow:none!important;
    min-height:0!important;
    background:rgba(255,255,255,.80)!important;
    break-inside:avoid;
  }
  body.table-mode .product-body{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:1mm 5mm!important;
    padding:1.5mm 1mm!important;
  }
  body.table-mode .product-card h3{
    grid-column:1!important;
    margin:0!important;
    font-size:10pt!important;
  }
  body.table-mode .size{
    grid-column:1!important;
    font-size:8pt!important;
  }
  body.table-mode .price{
    grid-column:2!important;
    grid-row:1/3!important;
    align-self:center!important;
    white-space:nowrap!important;
    font-size:10.5pt!important;
  }

  footer{padding:4mm 0 0!important;font-size:8pt!important}
}

/* ==========================================================
   Bootshaus 2.0.0
   Bilddarstellung / Responsive Grid / Druckoptimierung
   ========================================================== */

/* Große Ansicht: zuverlässig vier Karten nebeneinander */
.product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

/* Bilder nicht mehr brutal quadratisch beschneiden */
.product-images{
  width:100%;
  min-height:180px;
  background:#f1ece4;
}

.product-image{
  width:100%;
  height:220px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:#f1ece4;
}

/* Zwei Bilder: beide ausreichend groß und gleichberechtigt */
.multi-image .product-images{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:3px;
}

.multi-image .product-image{
  width:100%;
  height:220px;
  object-fit:contain;
}

/* Responsive klar definiert */
@media (max-width:900px) and (min-width:761px){
  .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:760px) and (min-width:601px){
  .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:600px) and (min-width:381px){
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .product-image,
  .multi-image .product-image{
    height:190px;
  }
}

@media (max-width:380px){
  .product-grid{
    grid-template-columns:1fr;
  }

  .product-image,
  .multi-image .product-image{
    height:220px;
  }
}

/* Druck/PDF mit Bildern */
@media print{

  body:not(.table-mode) .product-image{
    width:100%!important;
    height:30mm!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    background:rgba(245,240,233,.85)!important;
  }

  body:not(.table-mode) .multi-image .product-images{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.5mm!important;
  }

  body:not(.table-mode) .multi-image .product-image{
    height:30mm!important;
    object-fit:contain!important;
  }
}

/* === BOOTSHAUS 2.0.1 IMAGE-FRAME START === */

/*
   Einheitliche Bilddarstellung:
   - Bilddateien bleiben unverändert
   - kein Cropping
   - gleiche Bildbox
   - gleicher Innenabstand
*/

.product-images{
    box-sizing:border-box;
    width:100%;
    height:220px;
    min-height:0;
    padding:10px;
    overflow:hidden;
    background:#f1ece4;
    display:grid;
    place-items:center;
}

.product-image{
    display:block;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    max-width:100%;
    max-height:100%;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
    border:0;
    background:transparent;
}

/* Karten mit zwei Bildern, z.B. Wein-/Roséschorle */
.multi-image .product-images{
    height:220px;
    padding:10px;
    gap:8px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:center;
}

.multi-image .product-image{
    width:100%;
    height:100%;
    object-fit:contain;
}

/* Tablet */
@media (max-width:900px){
    .product-images,
    .multi-image .product-images{
        height:205px;
        padding:9px;
    }
}

/* Smartphone */
@media (max-width:600px){
    .product-images,
    .multi-image .product-images{
        height:185px;
        padding:8px;
    }

    .multi-image .product-images{
        gap:6px;
    }
}

/* Sehr schmale Geräte */
@media (max-width:380px){
    .product-images,
    .multi-image .product-images{
        height:210px;
        padding:9px;
    }
}

/* Druck / PDF */
@media print{

    body:not(.table-mode) .product-images,
    body:not(.table-mode) .multi-image .product-images{
        box-sizing:border-box!important;
        width:100%!important;
        height:31mm!important;
        min-height:0!important;
        padding:2mm!important;
        overflow:hidden!important;
        background:rgba(245,240,233,.88)!important;
        align-items:center!important;
        justify-items:center!important;
    }

    body:not(.table-mode) .multi-image .product-images{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:1.5mm!important;
    }

    body:not(.table-mode) .product-image,
    body:not(.table-mode) .multi-image .product-image{
        display:block!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-width:100%!important;
        max-height:100%!important;
        aspect-ratio:auto!important;
        object-fit:contain!important;
        object-position:center!important;
        border:0!important;
        background:transparent!important;
    }
}

/* === BOOTSHAUS 2.0.1 IMAGE-FRAME END === */

/* === BOOTSHAUS 2.0.2 LEGAL START === */

.legal-footer{
    width:min(1180px,calc(100% - 32px));
    margin:26px auto 18px;
    padding:14px 16px;
    box-sizing:border-box;

    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px;

    font-size:.82rem;
    line-height:1.4;
    text-align:center;

    background:rgba(255,255,255,.78);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    border:1px solid rgba(120,90,70,.18);
    border-radius:12px;
}

.legal-footer a{
    color:inherit;
    font-weight:600;
    text-decoration:none;
}

.legal-footer a:hover,
.legal-footer a:focus-visible{
    text-decoration:underline;
}

.legal-separator{
    opacity:.55;
}

@media(max-width:600px){
    .legal-footer{
        width:calc(100% - 20px);
        margin:20px auto 12px;
        padding:12px;
        font-size:.78rem;
    }
}

@media print{
    .legal-footer{
        width:100%!important;
        margin:5mm auto 0!important;
        padding:2mm!important;
        background:transparent!important;
        border:0!important;
        font-size:8pt!important;
    }
}

/* === BOOTSHAUS 2.0.2 LEGAL END === */

/* === BOOTSHAUS SQUARE PRODUCT IMAGE FIX START === */

/*
   Produktbilder niemals verzerren.
   Die neuen KI-Bilder sind 1:1 und sollen auch 1:1 dargestellt werden.
*/

.product-image-wrap,
.product-visual {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
}

.product-image-wrap img,
.product-visual img,
.product-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
}

/*
   Falls ältere Regeln eine feste Bildhöhe setzen,
   wird diese für die Karten aufgehoben.
*/
.product-image-wrap,
.product-visual {
    height: auto !important;
}

/*
   Bild selbst quadratisch halten.
*/
.product-image-wrap img,
.product-visual img {
    aspect-ratio: 1 / 1;
}

/*
   Mobile Darstellung ebenfalls unverzerrt.
*/
@media (max-width: 700px) {
    .product-image-wrap,
    .product-visual {
        aspect-ratio: 1 / 1;
    }

    .product-image-wrap img,
    .product-visual img,
    .product-card img {
        object-fit: contain;
        object-position: center center;
    }
}

/* === BOOTSHAUS SQUARE PRODUCT IMAGE FIX END === */

/* === BOOTSHAUS IMAGE RATIO HARD FIX START === */

/*
   Produktbildfläche exakt quadratisch.
   Das Bild selbst darf niemals gestreckt werden.
*/

.product-card .product-image-wrap,
.product-card .product-visual {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.product-card .product-image-wrap img,
.product-card .product-visual img,
.product-card img.product-image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: 50% 50% !important;

    aspect-ratio: 1 / 1 !important;
    display: block !important;
}

/*
   Falls das IMG direkt im Karten-Medienbereich sitzt.
*/
.product-card > img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* === BOOTSHAUS IMAGE RATIO HARD FIX END === */

/* === BOOTSHAUS 2.2.0 BESTELLMODUS START === */

.order-page{
    overflow-x:hidden;
}

.order-page-header{
    position:relative;
    z-index:1;
    width:min(1180px,calc(100% - 28px));
    margin:14px auto 0;
    padding:18px 20px;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            rgba(156,32,36,.97),
            rgba(104,21,25,.96)
        );

    border-radius:18px;
    box-shadow:0 12px 32px rgba(61,29,22,.18);
}

.order-page-header h1{
    margin:.15rem 0;
}

.order-page-header p{
    margin:.2rem 0;
}

.order-page-header-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.order-page-main{
    width:min(1180px,100%);
    max-width:1180px;
    margin:0 auto;
    padding:14px;
}

.order-page-categories{
    display:flex;
    gap:8px;

    overflow-x:auto;
    overscroll-behavior-x:contain;

    padding:5px 1px 12px;

    scrollbar-width:thin;
}

.order-page-categories button{
    flex:0 0 auto;
    white-space:nowrap;
}

.order-page-categories button[data-active="true"]{
    background:var(--red);
    color:#fff;
    border-color:var(--red);
}

.order-page-layout{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);
    gap:14px;
    align-items:start;
    min-width:0;
}

.order-page-products-panel,
.order-page-basket{
    min-width:0;

    background:rgba(255,255,255,.94);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    border:1px solid var(--line);
    border-radius:16px;
    padding:14px;
}

.order-page-products-panel h2,
.order-page-basket h2{
    margin-top:0;
}

.order-page-products{
    display:grid;
    grid-template-columns:repeat(
        auto-fit,
        minmax(145px,1fr)
    );
    gap:9px;
    min-width:0;
}

.order-page-product{
    width:100%;
    min-width:0;
    min-height:92px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:4px;

    text-align:left;

    background:#fff;
    color:#222;

    border:1px solid var(--line);

    box-shadow:0 2px 8px rgba(0,0,0,.04);
}

.order-page-product strong{
    overflow-wrap:anywhere;
}

.order-page-product span{
    font-size:.8rem;
    color:var(--muted);
    font-weight:500;
}

.order-page-product b{
    margin-top:auto;
    color:var(--red-dark);
}

.order-page-basket{
    position:sticky;
    top:10px;
}

.order-page-basket-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.order-page-total{
    flex:0 0 auto;
    font-size:1.55rem;
    color:var(--red-dark);
    white-space:nowrap;
}

.order-page-basket-items{
    min-width:0;
}

.order-page-basket-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;

    padding:11px 0;

    border-bottom:1px solid var(--line);
}

.order-page-basket-name{
    min-width:0;
}

.order-page-basket-name strong{
    display:block;
    overflow-wrap:anywhere;
}

.order-page-basket-name small{
    display:block;
    color:var(--muted);
}

.order-page-line-total{
    white-space:nowrap;
    text-align:right;
}

.order-page-qty{
    grid-column:1/-1;

    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;

    min-width:0;
}

.order-page-qty span{
    min-width:0;
    overflow-wrap:anywhere;
}

.order-page-qty button{
    flex:0 0 auto;
    min-width:42px;
}

.order-page-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;

    margin-top:14px;
}

.order-page-actions button{
    width:100%;
}

.admin-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}

.admin-section-head h2{
    margin-top:0;
    margin-bottom:4px;
}

.orders-table-wrap{
    width:100%;
    overflow-x:auto;
}

.order-status{
    display:inline-block;

    padding:5px 8px;

    border-radius:999px;

    font-size:.78rem;
    font-weight:800;

    white-space:nowrap;
}

.order-status.active{
    background:#e8f5e9;
    color:#245d2b;
}

.order-status.cancelled{
    background:#eee;
    color:#666;
}

.order-cancelled{
    opacity:.64;
}

.order-cancelled td{
    text-decoration:none;
}

.order-actions-cell{
    min-width:150px;
}

.order-small-button{
    padding:7px 9px;
    margin:0 5px 5px 0;

    font-size:.82rem;
}

.order-delete{
    background:#6f1e1e;
    color:#fff;
}

@media(max-width:760px){

    .order-page-header{
        width:100%;
        margin:0;
        border-radius:0;

        align-items:flex-start;
        flex-direction:column;

        padding:
            max(16px,env(safe-area-inset-top))
            14px
            16px;
    }

    .order-page-header-actions{
        width:100%;
    }

    .order-page-header-actions a{
        flex:1;
    }

    .order-page-main{
        width:100%;
        padding:10px;
    }

    .order-page-layout{
        display:block;
        width:100%;
        min-width:0;
    }

    .order-page-products-panel,
    .order-page-basket{
        width:100%;
        min-width:0;
        padding:12px;
    }

    .order-page-basket{
        position:static;
        margin-top:12px;
    }

    .order-page-products{
        grid-template-columns:1fr;
        width:100%;
    }

    .order-page-product{
        min-height:76px;
    }

    .order-page-basket-row{
        width:100%;
        min-width:0;
    }

    .admin-section-head{
        display:block;
    }

    .admin-section-head>a{
        width:100%;
        margin-bottom:12px;
    }

    .order-admin-toolbar{
        display:grid;
        grid-template-columns:1fr;
    }

    .order-admin-toolbar button{
        width:100%;
    }
}

@media(max-width:420px){

    .order-page-basket-head{
        align-items:flex-start;
    }

    .order-page-total{
        font-size:1.3rem;
    }

    .order-page-qty{
        display:grid;
        grid-template-columns:42px minmax(0,1fr) 42px;
        text-align:center;
    }
}

@media print{

    body.order-page{
        display:none!important;
    }

    #adminPanel,
    #loginBox,
    .hero,
    .order-admin-toolbar,
    .admin-section-head>a,
    #ordersInfo{
        display:none!important;
    }

    #statsPanel{
        display:block!important;

        max-width:none!important;
        width:100%!important;

        margin:0!important;
        padding:0!important;

        border:0!important;
        box-shadow:none!important;
        background:#fff!important;
    }

    #statsPanel h2{
        font-size:18pt;
    }

    .orders-table-wrap{
        overflow:visible!important;
    }

    .orders-table{
        font-size:8.5pt;
    }

    .orders-table th,
    .orders-table td{
        padding:2mm!important;
    }

    .orders-table th:last-child,
    .orders-table td:last-child{
        display:none!important;
    }
}

/* === BOOTSHAUS 2.2.0 BESTELLMODUS END === */
/* === BOOTSHAUS 2.3.0 ADMIN TABS START === */

.operator-tabs{
    width:min(1180px,100%);
    margin:0 auto 14px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    padding:7px;
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
    border:1px solid rgba(227,216,201,.9);
    border-radius:15px;
}

.operator-tab{
    min-height:52px;
    background:transparent;
    color:var(--ink);
    border:1px solid transparent;
    text-align:center;
}

.operator-tab[aria-selected="true"]{
    background:var(--red);
    color:#fff;
    box-shadow:0 3px 9px rgba(80,25,25,.16);
}

.operator-tab-panel{
    margin-top:0;
}

.operator-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}

.operator-section-head h2,
.operator-section-head h3{
    margin-top:0;
    margin-bottom:5px;
}

.order-primary-action{
    flex:0 0 auto;
    padding:13px 18px;
    border-radius:12px;
    background:var(--red);
    color:#fff;
    font-weight:800;
    text-decoration:none;
}

.operator-dashboard-stats{
    margin-top:20px;
}

.operator-quick-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}

.operator-big-action{
    min-height:105px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:15px;
    padding:18px;
    text-align:left;
    text-decoration:none;
    border-radius:15px;
    background:var(--red);
    color:#fff;
}

.operator-big-action.secondary{
    background:rgba(255,255,255,.9);
    color:var(--ink);
    border:1px solid var(--line);
}

.operator-big-action-icon{
    font-size:2rem;
}

.operator-big-action strong,
.operator-big-action small{
    display:block;
}

.operator-big-action small{
    margin-top:4px;
    opacity:.76;
}

.analytics-filter{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    margin:18px 0 6px;
    padding:14px;
    background:#f8f3ec;
    border-radius:13px;
}

.analytics-presets{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
}

.analytics-custom-range{
    display:flex;
    align-items:flex-end;
    gap:8px;
    flex-wrap:wrap;
}

.analytics-custom-range label{
    margin:0;
    min-width:145px;
    font-size:.82rem;
}

.analytics-custom-range input{
    margin-top:4px;
}

.analytics-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:18px 0;
}

.analytics-card{
    min-width:0;
    padding:16px;
    background:#f8f3ec;
    border:1px solid rgba(227,216,201,.9);
    border-radius:14px;
}

.analytics-card h3{
    margin-top:0;
    margin-bottom:4px;
}

.bar-chart{
    margin-top:18px;
}

.bar-chart-row{
    display:grid;
    grid-template-columns:minmax(90px,1.05fr) minmax(100px,2fr) auto;
    align-items:center;
    gap:9px;
    margin:9px 0;
}

.bar-chart-label{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}

.bar-chart-track{
    height:18px;
    overflow:hidden;
    background:#e6ddd1;
    border-radius:999px;
}

.bar-chart-value{
    height:100%;
    background:linear-gradient(90deg,var(--red),var(--red-dark));
    border-radius:999px;
}

.daily-chart{
    min-height:260px;
    display:flex;
    align-items:flex-end;
    gap:7px;
    overflow-x:auto;
    padding-top:20px;
}

.daily-chart-column{
    flex:1 0 54px;
    min-width:54px;
    text-align:center;
}

.daily-chart-value{
    min-height:30px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    font-size:.72rem;
    font-weight:700;
    white-space:nowrap;
}

.daily-chart-bar-wrap{
    height:150px;
    display:flex;
    align-items:flex-end;
    margin:4px auto 7px;
    width:30px;
    background:#e6ddd1;
    border-radius:8px;
    overflow:hidden;
}

.daily-chart-bar{
    width:100%;
    min-height:3px;
    background:linear-gradient(0deg,var(--red-dark),var(--red));
}

.daily-chart-date{
    font-size:.76rem;
    font-weight:700;
}

.daily-chart-column small{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:.68rem;
}

.order-history-section{
    margin-top:20px;
    padding-top:18px;
    border-top:1px solid var(--line);
}

.product-admin-warning{
    display:flex;
    align-items:center;
    gap:10px;
    margin:14px 0 18px;
    padding:12px 14px;
    background:#fff1c7;
    border:1px solid #e4c56c;
    border-radius:12px;
}

.product-admin-warning strong{
    flex:0 0 auto;
}

.product-admin-toolbar{
    margin-bottom:12px;
}

@media(max-width:760px){

    .operator-tabs{
        grid-template-columns:1fr;
        margin-bottom:10px;
        border-radius:12px;
    }

    .operator-tab{
        width:100%;
        text-align:left;
    }

    .operator-section-head{
        display:block;
    }

    .order-primary-action,
    .operator-section-head>a{
        width:100%;
        margin-top:10px;
    }

    .operator-quick-actions{
        grid-template-columns:1fr;
    }

    .analytics-filter{
        display:block;
    }

    .analytics-presets{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        margin-bottom:12px;
    }

    .analytics-custom-range{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .analytics-custom-range label{
        min-width:0;
    }

    .analytics-custom-range button{
        grid-column:1/-1;
        width:100%;
    }

    .analytics-grid{
        grid-template-columns:1fr;
    }

    .bar-chart-row{
        grid-template-columns:minmax(75px,.8fr) minmax(80px,1.5fr) auto;
        font-size:.82rem;
    }

    .product-admin-warning{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:430px){

    .analytics-presets{
        grid-template-columns:1fr;
    }

    .analytics-custom-range{
        grid-template-columns:1fr;
    }

    .analytics-custom-range button{
        grid-column:1;
    }

    .bar-chart-row{
        grid-template-columns:1fr auto;
    }

    .bar-chart-track{
        grid-column:1/-1;
        grid-row:2;
    }
}

@media print{

    .operator-tabs,
    #tab-orders,
    #tab-products,
    .analytics-filter,
    #rangeInfo,
    .order-admin-toolbar,
    .order-actions-cell{
        display:none!important;
    }

    #tab-analytics{
        display:block!important;
    }

    .analytics-grid{
        grid-template-columns:1fr 1fr!important;
    }
}

/* === BOOTSHAUS 2.3.0 ADMIN TABS END === */
/* === BOOTSHAUS 2.4.0 HERO + INLINE ORDER START === */

/*
   ------------------------------------------------------------
   HERO-EINSTELLUNGEN
   ------------------------------------------------------------

   Hier lassen sich Textdarstellung und Version ohne HTML-Umbau
   anpassen.

   Version ausblenden:
   --hero-version-display:none;

   Version einblenden:
   --hero-version-display:block;
*/

.public-page{
    --hero-version-display:block;

    --hero-title-color:#ffffff;
    --hero-title-font-family:Georgia,"Times New Roman",serif;
    --hero-title-font-size:clamp(1.9rem,4vw,3.25rem);

    --hero-subtitle-color:#ffffff;
    --hero-subtitle-font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    --hero-subtitle-font-size:clamp(.95rem,1.7vw,1.15rem);

    --hero-eyebrow-color:#ffffff;
}

.admin-page{
    --hero-version-display:block;

    --hero-title-color:#ffffff;
    --hero-title-font-family:Georgia,"Times New Roman",serif;
    --hero-title-font-size:clamp(2rem,4vw,3.4rem);

    --hero-subtitle-color:#ffffff;
    --hero-subtitle-font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    --hero-subtitle-font-size:clamp(.95rem,1.7vw,1.16rem);

    --hero-eyebrow-color:#ffffff;
}


/* Vollflächiger Hero statt alter Rot/Fototeilung */

.hero.hero-banner{
    position:relative;
    display:block;

    width:min(1180px,calc(100% - 28px));
    max-width:1180px;

    min-height:300px;

    margin:20px auto 0;

    overflow:hidden;

    border-radius:22px;

    background:#3e3027;

    color:#fff;

    box-shadow:0 14px 35px rgba(61,29,22,.18);
}

.hero-banner-image{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    min-height:0;
    max-height:none;

    object-fit:cover;
    object-position:center;

    display:block;
}

.hero-banner-shade{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(18,15,13,.73) 0%,
            rgba(18,15,13,.49) 36%,
            rgba(18,15,13,.14) 67%,
            rgba(18,15,13,.04) 100%
        );

    pointer-events:none;
}

.hero-overlay-copy{
    position:relative;
    z-index:2;

    width:min(58%,680px);

    padding:42px 38px;

    align-self:auto;

    text-shadow:
        0 2px 4px rgba(0,0,0,.7),
        0 1px 16px rgba(0,0,0,.38);
}

.hero.hero-banner h1{
    margin:.16rem 0 .45rem;

    color:var(--hero-title-color);

    font-family:var(--hero-title-font-family);
    font-size:var(--hero-title-font-size);

    line-height:1.02;
}

.hero.hero-banner .hero-subtitle{
    margin:.25rem 0;

    color:var(--hero-subtitle-color);

    font-family:var(--hero-subtitle-font-family);
    font-size:var(--hero-subtitle-font-size);

    font-weight:600;
}

.hero.hero-banner .hero-version,
.hero.hero-banner .hero-location{
    display:var(--hero-version-display);

    color:var(--hero-eyebrow-color);

    opacity:.96;
}


/* Betreiber-Bild etwas nach rechts ausrichten,
   damit die Kasse sauber im sichtbaren Bereich bleibt. */

.operator-hero .hero-banner-image{
    object-position:center center;
}

.public-hero .hero-banner-image{
    object-position:center center;
}


/* Eingebetteter Bestellmodus */

.admin-order-categories{
    margin-top:16px;
}

.admin-order-layout{
    margin-top:2px;
}

.admin-page #tab-orders .order-page-products-panel,
.admin-page #tab-orders .order-page-basket{
    background:rgba(255,255,255,.91);
}

.admin-page #tab-orders .order-page-basket{
    top:12px;
}

.operator-tab-footer-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:14px;
}

.order-mobile-link{
    flex:0 0 auto;
}


/* Desktop: Artikel etwas kompakter als auf separater Mobilseite */

.admin-page #tab-orders .order-page-products{
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(135px,1fr)
        );
}

.admin-page #tab-orders .order-page-product{
    min-height:84px;
}


/* Tablet / Smartphone */

@media(max-width:760px){

    .hero.hero-banner{
        width:100%;
        margin:0;

        min-height:300px;

        border-radius:0;
    }

    .hero-overlay-copy{
        width:80%;
        padding:
            max(28px,env(safe-area-inset-top))
            18px
            32px;
    }

    .hero-banner-shade{
        background:
            linear-gradient(
                90deg,
                rgba(18,15,13,.74) 0%,
                rgba(18,15,13,.48) 55%,
                rgba(18,15,13,.12) 100%
            );
    }

    .order-mobile-link{
        width:100%;
        margin-top:10px;
    }

    .operator-tab-footer-actions{
        display:block;
    }

    .operator-tab-footer-actions button{
        width:100%;
    }
}

@media(max-width:520px){

    .hero.hero-banner{
        min-height:270px;
    }

    .hero-overlay-copy{
        width:92%;
        padding-left:16px;
        padding-right:16px;
    }

    .hero.hero-banner h1{
        max-width:90%;
    }
}


/* Druck:
   öffentliches Menü darf Hero weiterhin zeigen,
   Betreiber-Auswertung bleibt beim bisherigen Drucklayout. */

@media print{

    .public-page .hero.hero-banner{
        min-height:30mm!important;
        height:30mm!important;
        display:block!important;
        overflow:hidden!important;
        position:relative!important;
    }

    .public-page .hero-banner-image{
        display:block!important;
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
    }

    .public-page .hero-overlay-copy{
        position:relative!important;
        z-index:2!important;
        width:65%!important;
        padding:4mm 5mm!important;
    }
}

/* === BOOTSHAUS 2.4.0 HERO + INLINE ORDER END === */
/* === BOOTSHAUS 2.5.1 VISUAL ORDER + SETTINGS + PASSKEY START === */

.admin-page .operator-hero .hero-version.hidden{
    display:none!important;
}

.public-page .public-hero .hero-location{
    display:block;
}

.order-page-product{
    overflow:hidden;
}

.order-page-product.has-order-image{
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    text-align:left;
}

.order-product-image-wrap{
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:#f1ece4;
    border-bottom:1px solid var(--line);
}

.order-product-image{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
}

.order-product-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    width:100%;
    flex:1;
    padding:10px;
}

.order-product-copy > span{
    color:var(--muted);
    font-size:.8rem;
    font-weight:500;
}

.order-product-copy > b{
    margin-top:auto;
    color:var(--red-dark);
}

.order-page-basket-row.has-basket-image{
    grid-template-columns:54px minmax(0,1fr) auto;
}

.order-page-basket-row.has-basket-image .order-basket-thumb{
    grid-column:1;
    grid-row:1 / 3;
}

.order-page-basket-row.has-basket-image .order-page-basket-name{
    grid-column:2;
}

.order-page-basket-row.has-basket-image .order-page-line-total{
    grid-column:3;
}

.order-page-basket-row.has-basket-image .order-page-qty{
    grid-column:2 / 4;
}

.order-basket-thumb{
    width:52px;
    height:52px;
    border-radius:9px;
    object-fit:cover;
    background:#f1ece4;
    border:1px solid var(--line);
}

.inline-switch{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin:0;
    padding:9px 11px;
    border:1px solid rgba(227,216,201,.95);
    border-radius:11px;
    background:rgba(255,255,255,.84);
    color:#352b28;
    font-weight:750;
    cursor:pointer;
}

.inline-switch input{
    width:19px;
    height:19px;
    margin:0;
}

.order-head-tools{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    flex-wrap:wrap;
}

.login-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:12px;
}

.operator-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.display-settings-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.settings-card{
    background:rgba(255,255,255,.86);
    border:1px solid var(--line);
    border-radius:14px;
    padding:16px;
}

.settings-card h3{
    margin-top:0;
}

.settings-card h4{
    margin:18px 0 4px;
}

.settings-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.style-controls{
    display:grid;
    grid-template-columns:minmax(0,1.8fr) minmax(90px,.65fr) minmax(90px,.55fr);
    gap:9px;
    align-items:end;
}

.style-controls label{
    margin:7px 0;
}

.style-controls input[type="color"]{
    min-height:43px;
    padding:4px;
    cursor:pointer;
}

.settings-save-bar{
    margin-top:16px;
}

.passkey-card{
    grid-column:1 / -1;
}

.passkey-count{
    font-weight:800;
    color:var(--red-dark);
}

.admin-page #tab-orders .order-page-product.has-order-image{
    min-height:190px;
}

.order-page .order-page-product.has-order-image{
    min-height:180px;
}

.operator-tab-footer-actions{
    display:none!important;
}

@media(max-width:900px){
    .operator-tabs{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .display-settings-grid{
        grid-template-columns:1fr;
    }

    .passkey-card{
        grid-column:auto;
    }
}

@media(max-width:640px){
    .operator-tabs{
        grid-template-columns:1fr;
    }

    .order-head-tools{
        width:100%;
        justify-content:stretch;
    }

    .order-head-tools .inline-switch,
    .order-head-tools .order-mobile-link{
        flex:1 1 100%;
    }

    .style-controls{
        grid-template-columns:1fr 1fr;
    }

    .style-controls label:first-child{
        grid-column:1 / -1;
    }

    .settings-card-head{
        display:block;
    }

    .settings-card-head button{
        width:100%;
        margin-top:8px;
    }
}

@media(max-width:420px){
    .style-controls{
        grid-template-columns:1fr;
    }

    .style-controls label:first-child{
        grid-column:auto;
    }

    .order-page-basket-row.has-basket-image{
        grid-template-columns:48px minmax(0,1fr) auto;
    }

    .order-basket-thumb{
        width:46px;
        height:46px;
    }
}

/* === BOOTSHAUS 2.5.1 VISUAL ORDER + SETTINGS + PASSKEY END === */

/* === BOOTSHAUS 2.5.1 SAMPLE-BESTELLHISTORIE START === */

.sample-history-control{
  margin:14px 0 18px;
  padding:14px 16px;
  border:1px dashed rgba(156,32,36,.45);
  border-radius:14px;
  background:rgba(255,250,243,.82);
}

.sample-history-switch{
  margin:0 0 6px;
}

.sample-history-info{
  margin-top:10px;
  display:flex;
  gap:8px 12px;
  flex-wrap:wrap;
  align-items:center;
  padding:10px 12px;
  border-radius:10px;
  background:#fff1c7;
  border:1px solid #e4c56c;
}

.sample-history-info strong{
  color:var(--red-dark);
}

.sample-order-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:5px 9px;
  font-size:.78rem;
  font-weight:800;
  background:#fff1c7;
  color:#6a4b00;
  border:1px solid #e4c56c;
  white-space:nowrap;
}

@media(max-width:760px){
  .sample-history-control{
    padding:12px;
  }
}

/* === BOOTSHAUS 2.5.1 SAMPLE-BESTELLHISTORIE END === */