/* TkShop Vorschau tk9 – Kasse A (20.10.2026). Alles unter html.tk9, wirkt nur in der Vorschau. */
html.tk9{--tk9-p:#8E2F25;--tk9-d:#3F2A23;--tk9-t2:#5F5B58;--tk9-l:#e4dccd;--tk9-c:#EFE8D9;--tk9-ok:#1C6B26}

/* Vorschau-Hinweis */
html.tk9 .tk9-badge{position:fixed;display:block;left:10px;bottom:10px;z-index:2000;background:#10233f;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.2)}
html.tk9 .tk9-badge u{color:#cfe0ff}

/* Doppelte Kopfskript-Bausteine in der Vorschau ausblenden */
html.tk9 .tk-wk__vertrauen,html.tk9 .tk-wk2__frei{display:none!important}
html.tk9 .checkout-aside-summary .summary-net,html.tk9 .checkout-aside-summary .summary-tax{display:none!important}

/* Balken bis versandkostenfrei (Fenster) */
html.tk9 .tk9-frei{font-size:13px;margin:10px 0 4px;padding:9px 12px;border-radius:6px;background:var(--tk9-c);color:var(--tk9-d)}
html.tk9 .tk9-frei b{font-weight:800}
html.tk9 .tk9-bar{height:6px;border-radius:3px;background:#fff;margin-top:6px;overflow:hidden}
html.tk9 .tk9-bar i{display:block;height:100%;background:var(--tk9-p)}
html.tk9 .tk9-frei.is-erreicht .tk9-bar i{background:var(--tk9-ok)}

/* Fenster (Horizon: Bausteine liegen direkt in .offcanvas-cart): Express zuerst – PayPal, Apple Pay, Google Pay –, dann „oder“, dann Zur Kasse */
html.tk9 .offcanvas-cart{display:flex;flex-direction:column}
html.tk9 .offcanvas-cart>.offcanvas-cart-tax{order:5}
html.tk9 .offcanvas-cart>.btn-block{order:10;margin-top:10px}
html.tk9 .offcanvas-cart>.btn-block::before{content:"Schnell bezahlen";display:block;font-size:13px;font-weight:700;color:var(--tk9-d);margin-bottom:6px}
html.tk9 .offcanvas-cart>.unzer-express-buttons{order:11}
html.tk9 .offcanvas-cart>.unzer-express-buttons::after{content:"oder";display:block;text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--tk9-t2);margin:12px 0 4px}
html.tk9 .unzer-express-payment{display:flex;flex-direction:column;gap:10px} /* Apple Pay und Google Pay als zwei getrennte Knöpfe, nicht ein schwarzer Block */
html.tk9 .unzer-express-payment>[class*="express-container"]{margin-top:0!important}
html.tk9 .unzer-applepay-express-container{order:1}html.tk9 .unzer-google-pay-express-container{order:2}
html.tk9 .offcanvas-cart>.zen-offcanvas-cart-actions-checkout{order:12}
html.tk9 .offcanvas-cart>.zen-offcanvas-cart-actions-cart{order:13}
html.tk9 .offcanvas-cart>.js-offcanvas-cart-promotion{order:14}
html.tk9 .offcanvas-cart>.tk9-oc-mehr{order:15}
html.tk9 .offcanvas-cart>.hidden-line-items-information,html.tk9 .offcanvas-cart>[class*="hidden-line-items"]{order:20}
html.tk9 .offcanvas-cart .offcanvas-shipping-info,html.tk9 .offcanvas-cart .offcanvas-shipping-preference{display:none!important}
html.tk9 .tk9-oc-versand{font-size:12.5px;color:var(--tk9-t2);margin:6px 0 0}

/* Grußkarte */
html.tk9 .tk9-geschenk{margin:12px 0 0}
html.tk9 .tk9-geschenk-btn{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:12px;border:1px dashed #8f7f6c;border-radius:6px;background:#fff;font-size:14px;color:var(--tk9-d);cursor:pointer}
html.tk9 .tk9-geschenk-btn b{display:block}html.tk9 .tk9-geschenk-btn small{display:block;color:var(--tk9-t2);font-size:12.5px}
html.tk9 .tk9-geschenk-icon{flex:0 0 24px;height:24px;border-radius:50%;border:1.5px solid var(--tk9-p);color:var(--tk9-p);display:grid;place-items:center;font-weight:800;line-height:1}

/* Vertrauen */
html.tk9 .tk9-vertrauen{list-style:none;margin:14px 0 0;padding:12px 14px;display:grid;gap:9px;background:#fff;border:1px solid var(--tk9-l);border-radius:10px;font-size:14px;color:var(--tk9-d)}
html.tk9 .tk9-vertrauen li{display:flex;gap:10px;align-items:flex-start;margin:0}
html.tk9 .tk9-vertrauen svg{flex:0 0 20px;width:20px;height:20px;stroke:var(--tk9-p);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
html.tk9 .tk9-vertrauen b{display:block;font-size:14px}html.tk9 .tk9-vertrauen small{display:block;color:var(--tk9-t2);font-size:12.5px}
html.tk9 .tk9-weiter{font-size:13px;color:var(--tk9-t2);text-align:center;margin:8px 0 0}
html.tk9 .tk9-recht{font-size:13px;margin:10px 0 0}html.tk9 .tk9-recht a{color:var(--tk9-p);text-decoration:underline}

/* Passt dazu (Fenster, quer) und Reihe (Warenkorbseite) */
html.tk9 .tk9-passt{margin-top:14px;padding-top:12px;border-top:1px solid var(--tk9-l)}
html.tk9 .tk9-passt:empty{display:none}
html.tk9 .tk9-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tk9-p);margin-bottom:6px}
html.tk9 .tk9-pcard{background:#fff;border:1px solid var(--tk9-l);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
html.tk9 .tk9-pcard.quer{flex-direction:row;align-items:center;margin-top:6px}
html.tk9 .tk9-pcard.quer .tk9-pbild{flex:0 0 64px}html.tk9 .tk9-pcard.quer img{width:64px;height:64px;object-fit:contain;padding:4px}
html.tk9 .tk9-pin{padding:8px 10px;display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:14px}
html.tk9 .tk9-pin a{color:var(--tk9-d);text-decoration:none}html.tk9 .tk9-pin .l{font-size:12px;color:var(--tk9-t2)}html.tk9 .tk9-pin .p{font-weight:700}
html.tk9 .tk9-pcard form{margin:0}
html.tk9 .tk9-add{min-height:44px;border:1.5px solid var(--tk9-d);border-radius:6px;background:#fff;color:var(--tk9-d);font-weight:700;font-size:13px;cursor:pointer}
html.tk9 .tk9-pcard.quer .tk9-add{width:44px;margin-right:10px;font-size:20px;padding:0}
html.tk9 .tk9-pcard:not(.quer) .tk9-add{margin:8px 10px 10px;width:calc(100% - 20px)}
html.tk9 .tk9-pcard:not(.quer) img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:6%}
html.tk9 .tk9-reihe-block{margin:26px 0 10px}html.tk9 .tk9-reihe-block h2{font-size:24px;margin:0 0 10px}
html.tk9 .tk9-reihe{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
html.tk9 .tk9-reihe .tk9-pcard{flex:0 0 46%;scroll-snap-align:start}

/* Warenkorbseite: Summe + Knopf vor den Positionen (nur Handy) */
html.tk9 .tk9-kopf-kauf{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--tk9-l);border-radius:10px;padding:12px 14px;margin:0 0 14px}
html.tk9 .tk9-kopf-kauf small{display:block;font-size:12.5px;color:var(--tk9-t2)}
html.tk9 .tk9-kopf-kauf b{display:block;font-size:24px;color:var(--tk9-p);line-height:1.2}
html.tk9 .tk9-kopf-kauf .btn{white-space:nowrap;flex:0 0 auto}
html.tk9 .tk9-gruen{display:block;color:var(--tk9-ok);font-size:12.5px;font-weight:700;margin-top:2px}
html.tk9 .tk9-versand-hinweis{font-size:13px;color:var(--tk9-t2);margin:10px 0}

/* Warenkorbseite: Express zuerst in der Seitenspalte */
html.tk9 .checkout-aside-container{display:flex;flex-direction:column}
html.tk9 .checkout-aside-container>.checkout-aside-summary{order:1}
html.tk9 .checkout-aside-container>.btn-block,html.tk9 .checkout-aside-container>[class*="paypal"]{order:2;margin-top:12px}
html.tk9 .checkout-aside-container>.unzer-express-buttons{order:3}
html.tk9 .checkout-aside-container>.unzer-express-buttons::after{content:"oder";display:block;text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--tk9-t2);margin:12px 0 0}
html.tk9 .checkout-aside-container>.checkout-aside-action.d-grid{order:4}
html.tk9 .checkout-aside-container>.tk9-nach-kasse{order:5}
html.tk9 .checkout-aside-container>.checkout-aside-action:not(.d-grid){order:6}
html.tk9 .checkout-aside-container>.checkout-aside-action[data-swag-paypal-express-button]{order:2;margin-top:12px} /* PayPal-Express (Warenkorbseite) zuerst – wie im Fenster */

@media (min-width:768px){
 html.tk9 .tk9-kopf-kauf{display:none}
 html.tk9 .tk9-reihe .tk9-pcard{flex:0 0 calc(25% - 9px)}
}

/* ---------- Kasse B: Adressseite (20.10.2026) ---------- */
/* Kein Springen beim Umbau: Inhalt kurz verbergen, spätestens nach 1,5 s zeigen, falls das Skript ausbleibt */
@keyframes tk9zeigen{to{visibility:visible}}
html.tk9:not(.tk9-b) .checkout-main:has(form.register-form){visibility:hidden;animation:tk9zeigen 0s 1.5s forwards}
html.tk9-b .address-main-header{margin-bottom:2px}
html.tk9-b .tk9-unter{color:var(--tk9-t2);font-size:14px;margin:0 0 16px}
html.tk9-b .register-login-collapse-toogle{display:none}
html.tk9-b .tk9-karte{border:0;box-shadow:none;background:transparent}
html.tk9-b .tk9-karte>.card-body{padding:0}
html.tk9-b .tk9-karte>.card-body>.card-title{display:none}
html.tk9-b .register-form .form-required-label,html.tk9-b .register-form .register-required-info{display:none}
html.tk9-b .tk9-opt{font-weight:400;color:var(--tk9-t2)}
html.tk9-b .tk9-weg{display:none!important}
html.tk9-b .tk9-kontakt .form-group{width:100%;max-width:100%;flex:0 0 100%}
html.tk9-b .tk9-hilfe{font-size:12.5px;color:var(--tk9-t2);margin:4px 0 0}
html.tk9-b .tk9-login{font-size:14px;margin:6px 0 18px}
html.tk9-b .tk9-link{background:none;border:0;padding:0 2px;color:var(--tk9-p);font-weight:700;text-decoration:underline;min-height:32px;cursor:pointer}
html.tk9-b .tk9-h{font-size:20px;margin:6px 0 10px}
html.tk9-b .register-address{margin-bottom:12px!important}
html.tk9-b .tk9-firma,html.tk9-b .tk9-konto{margin:4px 0 12px}
html.tk9-b .tk9-hk,html.tk9-b .register-different-shipping,html.tk9-b .register-guest-control{min-height:28px;margin-bottom:10px!important}
html.tk9-b .register-guest-control small{display:block;color:var(--tk9-t2);font-size:12.5px}
html.tk9-b .register-submit{width:100%;margin-left:0!important;flex:0 0 100%;max-width:100%}
html.tk9-b .register-submit .btn{width:100%;min-height:52px}
html.tk9-b .privacy-notice{font-size:12.5px;color:var(--tk9-t2)}
html.tk9-b .tk9-recaptcha{font-size:12px;text-align:center;color:var(--tk9-t2);margin:10px 0 0}
html.tk9-b .tk9-fehler{background:#fdecea;border:1px solid #e3a49c;color:#6b1d14;border-radius:8px;padding:10px 12px;margin:0 0 14px;font-size:14px}
/* Bestellübersicht oben (Handy), eingeklappt und klebend */
html.tk9 .tk9-ueb{position:sticky;top:0;z-index:20;background:#fff;border:1px solid var(--tk9-l);border-radius:10px;margin:0 0 14px;box-shadow:0 2px 8px rgba(63,42,35,.06)}
html.tk9 .tk9-ueb summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;font-size:14px;color:var(--tk9-d);min-height:48px}
html.tk9 .tk9-ueb summary::-webkit-details-marker{display:none}
html.tk9 .tk9-ueb summary span::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 9px}
html.tk9 .tk9-ueb[open] summary span::after{transform:rotate(-135deg);margin-bottom:-1px}
html.tk9 .tk9-ueb summary b{font-size:17px;color:var(--tk9-p)}
html.tk9 .tk9-ueb-in{padding:0 14px 12px;max-height:60vh;overflow:auto}
html.tk9 .tk9-ueb ul{list-style:none;margin:0;padding:0}
html.tk9 .tk9-ueb li{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--tk9-l)}
html.tk9 .tk9-ueb li img,html.tk9 .tk9-ueb-leer{flex:0 0 48px;width:48px;height:48px;object-fit:contain;border-radius:6px;background:var(--tk9-c)}
html.tk9 .tk9-ueb-n{flex:1;min-width:0;font-size:14px}html.tk9 .tk9-ueb-n b,html.tk9 .tk9-ueb-p b{display:block}
html.tk9 .tk9-ueb small{display:block;font-size:12px;color:var(--tk9-t2)}
html.tk9 .tk9-ueb-p{text-align:right;font-size:14px;white-space:nowrap}
html.tk9 .tk9-ueb-sum{margin:6px 0 0;padding-top:6px;border-top:1px solid var(--tk9-l);font-size:14px}
html.tk9 .tk9-ueb-sum .z{display:flex;justify-content:space-between;gap:8px;padding:2px 0}html.tk9 .tk9-ueb-sum small{display:inline;font-size:12px}
html.tk9 .tk9-ueb-sum .ges{font-weight:800;font-size:16px;padding-top:6px}
html.tk9 .tk9-ueb-gew{font-size:12px;color:var(--tk9-t2);margin:6px 0 0}
html.tk9 .tk9-ueb-aendern{display:inline-block;margin-top:6px;font-size:13px;color:var(--tk9-p);text-decoration:underline;min-height:32px;line-height:32px}
@media (max-width:991.98px){
 html.tk9-b .checkout-main:has(form.register-form)~.checkout-aside{display:none}
}
@media (min-width:992px){
 html.tk9 .tk9-ueb{display:none}
}
html.tk9-b .tk9-werbung{font-size:12px;line-height:1.45;color:var(--tk9-t2);margin:6px 0 0}

/* Schritte-Leiste am Handy in einer Reihe */
@media (max-width:575.98px){
 html.tk9 .breadcrumb-steps{flex-wrap:nowrap}
 html.tk9 .breadcrumb-steps-item{flex:1 1 0!important;min-width:0;width:auto!important}
 html.tk9 .breadcrumb-steps-text{font-size:12px;white-space:normal;word-break:break-word}
}

/* Summe: Mehrwertsteuer-Hinweis direkt an der Gesamtsumme (Netto-/Steuerzeilen sind in der Vorschau ausgeblendet) */
html.tk9 .checkout-aside-summary-label.checkout-aside-summary-total::after{content:"inkl. MwSt.";display:block;font-size:12px;font-weight:400;color:var(--tk9-t2);line-height:1.2}

/* ---------- Kasse C: Bestellseite (20.10.2026) ---------- */
html.tk9:not(.tk9-c) .checkout-main:has(.confirm-payment-shipping){visibility:hidden;animation:tk9zeigen 0s 1.5s forwards}
html.tk9-c .confirm-main-header-item-counter{display:none!important}
html.tk9-c .confirm-main-header{margin-bottom:12px}
html.tk9-c .tk9-info{font-size:14px}
html.tk9-c .confirm-address .card-body{padding:12px 14px}
html.tk9-c .confirm-address .card-title{font-size:16px;margin-bottom:4px;border:0;padding:0}
html.tk9-c .confirm-address .card-actions .btn{padding:4px 0;background:none;border:0;color:var(--tk9-p);text-decoration:underline;font-size:14px;min-height:32px}
html.tk9-c .tk9-stapel>*{flex:0 0 100%;max-width:100%;width:100%}
html.tk9-c .tk9-stapel .checkout-card{margin-bottom:14px}
html.tk9-c .tk9-datum .row{margin:0}html.tk9-c .tk9-datum .col-sm-12{padding:0}
html.tk9-c .shipping-method,html.tk9-c .payment-method{border:1px solid var(--tk9-l);border-radius:8px;background:#fff;margin:0 0 8px;padding:10px 12px}
html.tk9-c .shipping-method:has(input:checked),html.tk9-c .payment-method:has(input:checked){border-color:var(--tk9-p);box-shadow:0 0 0 1px var(--tk9-p)}
html.tk9-c .shipping-method .form-group,html.tk9-c .payment-method .form-group{margin:0}
html.tk9-c .shipping-method-label,html.tk9-c .payment-method-label{width:100%;cursor:pointer}
html.tk9-c .tk9-vinfo{display:block;font-size:13px;color:var(--tk9-t2);margin-top:2px;line-height:1.4}
html.tk9-c .tk9-vinfo b{color:var(--tk9-d)}
html.tk9-c .tk9-weg{display:none!important}
html.tk9-c .confirm-product .tk9-h{font-size:20px;margin:6px 0 8px}
html.tk9-c .confirm-product .line-item-product-number{display:none}
html.tk9-c .tk9-notiz summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--tk9-d);min-height:32px;display:flex;align-items:center;gap:6px}
html.tk9-c .tk9-notiz summary small{font-weight:400;color:var(--tk9-t2)}
html.tk9-c .tk9-notiz textarea{margin-top:6px;min-height:80px}
html.tk9-c .checkout-additional .card-body{padding:10px 14px}
html.tk9-c .checkout-aside-container>*{order:0!important}
html.tk9-c .confirm-tos .card-body{padding:12px 14px}
html.tk9-c .confirm-tos .card-title{font-size:16px}
html.tk9-c #confirmFormSubmit{min-height:54px;font-size:17px}
@media (max-width:767.98px){
 html.tk9-c .confirm-product .line-item-tax-price{display:none}
}
@media (min-width:992px){html.tk9-c .tk9-ueb{display:none}}

/* ---------- Kasse D: Danke-Seite (20.10.2026) ---------- */
html.tk9-d .tk9-weiter-karte{margin:14px 0}
html.tk9-d .tk9-schritte{margin:8px 0 0;padding-left:1.3em;display:grid;gap:8px;font-size:15px;color:var(--tk9-d)}
html.tk9-d .tk9-fragen{margin:14px 0 0;font-size:14px;color:var(--tk9-t2)}
html.tk9-d .tk9-fragen a{color:var(--tk9-p)}
html.tk9-d .tk9-abo{margin-top:16px;padding:14px;border:1px solid var(--tk9-l);border-radius:10px;background:var(--tk9-c);display:grid;gap:6px;font-size:14px;color:var(--tk9-d)}
html.tk9-d .tk9-abo .btn{justify-self:start;margin-top:4px}
html.tk9-d .tk9-abo .btn{background:#fff;color:var(--tk9-p);border:1.5px solid var(--tk9-p);font-weight:700}
/* Bestellseite, Feinschliff nach Live-Prüfung */
html.tk9-c .tk9-adr-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
html.tk9-c .tk9-aendern{font-size:14px;color:var(--tk9-p)!important;text-decoration:underline;background:none!important;border:0!important;padding:0!important;min-height:32px;display:inline-flex;align-items:center}
html.tk9-c .confirm-address .card-col{margin-bottom:8px}
html.tk9-c .confirm-address .card-body{font-size:14px;line-height:1.4}
html.tk9-c .confirm-address .address,html.tk9-c .confirm-address-billing{margin:0!important}
html.tk9-c .tk9-datum .dtgs-datepicker-input{background-color:#fff!important}
html.tk9-c .tk9-datum:not(.tk9-versucht) .dtgs-datepicker-input.is-invalid{border-color:var(--tk9-d);background-image:none}
html.tk9-c .dtgs-delivery-date-clear-button{background:none!important;border:0!important;color:var(--tk9-p)!important;text-decoration:underline;padding:4px 0!important;font-size:13px;min-height:32px}
html.tk9-c .payment-method-description p{font-weight:400;font-size:13px;color:var(--tk9-t2)}
html.tk9-c .checkout-aside-container>*:not(.modal){margin-top:12px!important;margin-bottom:0!important}
html.tk9-c .checkout-aside-summary .checkout-aside-summary-header{font-size:20px;margin-bottom:6px}

/* ---------- Mobil 1 (20.10.2026, Skills mobile-native/apple-design) – gilt im ganzen Shop ---------- */
/* Kein blauer/grauer Blitz beim Tippen – Rückmeldung kommt stattdessen vom Knopf selbst */
html.tk9{-webkit-tap-highlight-color:transparent}
/* Kein Doppeltipp-Zoom und keine Tipp-Verzögerung auf Bedienelementen (Mengen-Plus/Minus!) */
html.tk9 a,html.tk9 button,html.tk9 .btn,html.tk9 input,html.tk9 select,html.tk9 label,html.tk9 summary,html.tk9 [role="button"]{touch-action:manipulation}
/* Druck-Rückmeldung sofort beim Aufsetzen des Fingers */
html.tk9 .btn:not(.btn-link):not(.btn-close):not([class*="slider"]):not([class*="tns"]),html.tk9 .tk-steller__btn,html.tk9 .tk9-add,html.tk9 .tk9-geschenk-btn,html.tk9 .tk9-link{transition-property:transform,box-shadow,background-color,border-color,color;transition-duration:.12s;transition-timing-function:cubic-bezier(.23,1,.32,1)}
html.tk9 .btn:not(.btn-link):not(.btn-close):not([class*="slider"]):not([class*="tns"]):active,html.tk9 .tk-steller__btn:active,html.tk9 .tk9-add:active,html.tk9 .tk9-geschenk-btn:active{transform:scale(.97)}
/* Schatten-Ring vom Mauszeiger bleibt am Handy nach dem Tippen nicht hängen */
@media (hover:none){html.tk9 .btn:hover:not(:active):not(:focus-visible){box-shadow:none}}
/* Fenster (Warenkorb, Menü, Filter) und Schnellansicht: Scrollen läuft nicht auf die Seite dahinter über */
html.tk9 .offcanvas,html.tk9 .offcanvas-body,html.tk9 .offcanvas-cart,html.tk9 .modal,html.tk9 .modal-body{overscroll-behavior:contain}
/* Fenster schneller und weicher (vorher 0,45 s): Schubladen-Kurve, rein und raus auf demselben Weg */
html.tk9 .offcanvas{transition-duration:.32s;transition-timing-function:cubic-bezier(.32,.72,0,1)}
/* Warenkorb und Kasse: kein „Nach oben“-Knopf über den Bedienelementen */
html.tk9 .is-ctl-checkout .scroll-up-button{display:none!important}
/* Suchvorschläge: sichtbare Höhe statt 100vh (rutschen am Handy sonst unter Leiste/Tastatur) */
@supports (height:100dvh){
 html.tk9 .is-srch-expandable .search-suggest-list{max-height:calc(100dvh - 0px - 42px - 90px - 82px - (2rem))}
 html.tk9 .is-srch-default .search-suggest-list{max-height:calc(100dvh - 0px - 42px - (45px) - 55px - (2rem))}
}
/* Bewegung reduzieren: keine Skalierung, Fenster ohne Gleiten */
@media (prefers-reduced-motion:reduce){
 html.tk9 .btn:active,html.tk9 .tk-steller__btn:active,html.tk9 .tk9-add:active,html.tk9 .tk9-geschenk-btn:active{transform:none}
 html.tk9 .offcanvas{transition-duration:.01s}
}

/* ---------- break-ui 20.10.2026 (Fehler aus dem Härtetest) ---------- */
/* Hinweis "Mehr ist nicht verfügbar." unter den Mengensteller statt daneben – lief bei 320 px aus der Karte und drängte im Warenkorb-Fenster den Preis */
.line-item-quantity-group:has(>.tk-steller__hinweis){flex-wrap:wrap!important}
.line-item-quantity-group>.tk-steller__hinweis{flex:0 0 auto!important;width:0!important;min-width:100%;margin-left:0!important}
/* Gesamtsumme und Betrag liefen bei 320 px und vierstelligen Summen ineinander */
.checkout-aside-summary-list dt.checkout-aside-summary-total{flex:1 1 auto;width:auto;max-width:none;min-width:0}
.checkout-aside-summary-list dd.checkout-aside-summary-total{flex:0 0 auto;width:auto;max-width:none;margin-left:auto;white-space:nowrap}
@media (max-width:374px){.checkout-aside-summary-list .checkout-aside-summary-total{font-size:1.0625rem}}
/* Bestellübersicht: Betrag nie umbrechen ("€" stand allein in der zweiten Zeile) */
html.tk9 .tk9-ueb summary b,html.tk9 .tk9-ueb-sum .z>:last-child{white-space:nowrap;flex:0 0 auto}
/* Nach-oben-Knopf lag auf der Adressseite über Eingabefeldern */
html.tk9 .is-ctl-register .scroll-up-button{display:none!important}
/* Kopfleiste: bei Handys unter 360 px waren "Versandkostenfrei ab 60 € mit DHL" und die Bewertungszeile links und rechts abgeschnitten */
@media (max-width:359.98px){.tk-claim{padding:0 .25em!important;letter-spacing:.01em;font-size:.9em!important}}

/* ---------- mobile-native Runde 2 (20.10.2026) ---------- */
/* Keine Schriftvergrößerung im Querformat (iOS) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Bedienelemente: langes Drücken markiert keinen Text und öffnet kein Link-Menü (Inhalte bleiben markierbar) */
html.tk9 button,html.tk9 .btn,html.tk9 [role="button"],html.tk9 summary{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
/* Eingaben unter 16 px lassen iOS beim Antippen hineinzoomen (Mengenfeld der Landingpages, Sortierung Vorschau-Liste) */
@media (pointer:coarse){#tkQty,#tkSort{font-size:16px!important}}
/* Filter: Scrollen am Listenende läuft nicht auf die Seite dahinter über */
html.tk9 .offcanvas .filter-panel{overscroll-behavior:contain}
/* Hover bleibt am Handy nach dem Tippen hängen: zurück auf den Ruhezustand */
@media (hover:none){
 html.tk9 .cms-element-product-listing .product-box:hover{transform:none;box-shadow:none}
 html.tk9 .tk-hp__cat:hover img{transform:none}
 html.tk9 .tk-hp .tk-abo2__g:hover{box-shadow:none}
 html.tk9 .base-slider-controls-prev:hover,html.tk9 .base-slider-controls-next:hover{box-shadow:0 0 0 0 transparent}
 html.tk9 .page-link:hover{box-shadow:none}
 html.tk9 .product-detail-media .product-wishlist .product-wishlist-action:hover{background-color:#fff;color:#3F2A23;box-shadow:none}
}