.mobile-product-bar[hidden]{display:none}
.mobile-product-bar{position:fixed;inset:auto 0 0;z-index:40;background:#fff;border-top:1px solid #dae3ee;box-shadow:0 -4px 24px #06274c18;padding:12px 16px calc(10px + env(safe-area-inset-bottom));color:#122338}
.kaufleiste-innen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);grid-template-areas:"preis knopf" "steuer steuer";gap:6px 12px;align-items:center}
.kaufleiste-artikel{display:none}.kaufleiste-preis{grid-area:preis;min-width:0}.mobile-product-bar button{grid-area:knopf}
.mobile-product-bar strong{display:block;font-size:19px;line-height:1.3;overflow-wrap:anywhere}
.mobile-product-bar small{display:block;font-size:12px;color:#526174}
.mobile-product-bar button{min-height:48px;background:#0752a3;color:#fff;border:0;border-radius:12px;padding:10px 12px;font-weight:650;line-height:1.25}
.mobile-product-tax{grid-area:steuer}.mobile-product-tax a{text-decoration:underline}
.cart-adjustments{border:1px solid #e1c793;border-radius:14px;background:#fffaf0;color:#503913;padding:16px;margin-bottom:16px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.cart-adjustments h3{font-weight:700;font-size:16px;margin-bottom:10px}.cart-adjustments li{padding:10px 0;border-bottom:1px solid #e7dbc6}.cart-adjustments small{display:block}.cart-adjustments p{margin:6px 0}.cart-adjustments a{text-decoration:underline;display:inline-flex;align-items:center;min-height:44px}.cart-adjustments button{min-height:44px;padding:8px 14px;border:1px solid #a88b59;border-radius:8px;background:#fff;margin-top:8px;font-weight:600}.cart-adjustments button:disabled{opacity:.6}
.cart-adjustments-drawer{padding:0 16px}.cart-adjustments-drawer:has(.cart-adjustments){padding-top:12px}
@media(min-width:768px){
.mobile-product-bar{padding:10px 24px calc(10px + env(safe-area-inset-bottom))}
.kaufleiste-innen{max-width:1352px;margin:0 auto;grid-template-columns:minmax(0,1fr) auto minmax(220px,auto);grid-template-areas:"artikel preis knopf" "artikel steuer knopf";gap:0 24px}
.kaufleiste-artikel{grid-area:artikel;display:flex;align-items:center;gap:12px;min-width:0}
.kaufleiste-artikel img{width:48px;height:48px;flex-shrink:0;object-fit:contain;background:#fff;border:1px solid #dae3ee;border-radius:8px;padding:2px}
.kaufleiste-artikel>div{min-width:0}.kaufleiste-artikel span{display:block;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kaufleiste-preis{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;align-self:end}.kaufleiste-preis strong{font-size:20px}
.mobile-product-tax{text-align:right;align-self:start}
.kaufleiste-innen:not(:has(.mobile-product-tax)) .kaufleiste-preis{grid-row:1/3;align-self:center}
.mobile-product-bar button{padding:10px 24px}
}

/* One scroll area keeps change notices from squeezing cart items into a strip. */
.cart-drawer-panel{height:100dvh;max-height:100dvh}
.cart-drawer-header{flex-shrink:0}
.cart-drawer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.cart-touch-button{width:44px;min-width:44px;height:44px;min-height:44px}
.cart-item-image{width:64px;height:64px}
.cart-item-name{overflow-wrap:anywhere}
.cart-item-controls{flex-wrap:wrap}
.cart-item-controls>div:first-child{flex-shrink:0}
.cart-item-price{margin-left:auto;white-space:nowrap}
.cart-drawer-footer{flex-shrink:0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
@media(min-width:400px){.cart-item-image{width:80px;height:80px}}
@media(max-height:600px){
    .cart-drawer-panel{overflow-y:auto;overscroll-behavior:contain}
    .cart-drawer-body{flex:none;overflow:visible}
    .cart-drawer-header{position:sticky;top:0;z-index:2}
}
.cart-item-name,.checkout-item-name{word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.cart-item-sku{overflow-wrap:anywhere}
.cart-drawer-footer>div:first-child{flex-wrap:wrap}
.cart-drawer-footer>div:first-child>span:last-child{white-space:nowrap;margin-left:auto}
.checkout-summary-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 12px}
.checkout-summary-item>span{grid-row:1/span 2}
.checkout-summary-item>p{grid-column:2}
.checkout-summary-item>div>p:last-child{overflow-wrap:anywhere}
.checkout-summary-totals>div{flex-wrap:wrap}
.checkout-summary-totals>div>span:last-child{white-space:nowrap;margin-left:auto}

/* Native image loading indicator: keeps image dimensions and alternative text. */
img[data-image-loading] {
    background-image: url('/assets/image-loading.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
}
.buyer-panel{margin-top:20px;padding:16px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--background))}
.buyer-panel label,.buyer-panel h2{display:block;font-weight:600;margin-bottom:8px}.buyer-panel select{width:100%;min-height:44px;border:1px solid hsl(var(--border));border-radius:8px;padding:8px;background:hsl(var(--background));font-size:16px}.buyer-panel p{margin-top:8px}.buyer-panel dl{display:grid;gap:8px}.buyer-panel dt{font-size:.8rem;color:hsl(var(--muted-foreground))}.buyer-panel dd{overflow-wrap:anywhere}
.buyer-selection-line{display:flex!important;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid hsl(var(--border));font-weight:400!important}.buyer-selection-line span{flex:1;min-width:0;overflow-wrap:anywhere}.buyer-selection-line input{width:80px;min-height:44px;background:white;border:1px solid hsl(var(--border));border-radius:8px;padding:8px}.buyer-button{min-height:44px;padding:12px 18px;border-radius:10px;background:hsl(var(--primary));color:white;font-weight:600}.buyer-button:disabled{opacity:.5}.buyer-quote-form{display:grid;gap:12px;margin-top:20px}.buyer-quote-form input,.buyer-quote-form textarea{display:block;width:100%;padding:12px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:8px;font-size:16px}
/* auto-fill: eine einzelne Karte bleibt schmal (auto-fit zog sie ueber die ganze Breite). */
.buyer-recent-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.buyer-recent-pfeile{display:flex;gap:8px;flex-shrink:0}.buyer-recent-pfeile[hidden]{display:none}.buyer-recent-pfeile button{width:40px;height:40px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:inset 0 0 0 1px hsl(var(--border))}.buyer-recent-pfeile button:not([aria-disabled=true]):hover{color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsl(var(--primary))}.buyer-recent-pfeile button[aria-disabled=true]{opacity:.4;cursor:default}.buyer-recent{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px)/2);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;scrollbar-width:none;padding:4px;margin:-4px}.buyer-recent::-webkit-scrollbar{display:none}.buyer-recent a{scroll-snap-align:start}@media(min-width:640px){.buyer-recent{grid-auto-columns:calc((100% - 32px)/3)}}@media(min-width:768px){.buyer-recent{grid-auto-columns:calc((100% - 48px)/4)}}@media(min-width:1024px){.buyer-recent{grid-auto-columns:calc((100% - 64px)/5)}}.buyer-recent img{width:80px;height:80px}.buyer-recent a{padding:16px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--background));display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.buyer-recent img{object-fit:contain;align-self:center}.buyer-recent small{color:hsl(var(--muted-foreground))}.buyer-reorder-line{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid hsl(var(--border));overflow-wrap:anywhere}

.guest-access-notice{margin:0 0 24px;position:relative}.guest-access-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.guest-access-actions a{display:inline-flex;align-items:center;text-align:center;background:hsl(var(--secondary));color:hsl(var(--foreground))}

.order-tracking-card{margin:0 0 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.order-tracking-card>div{min-width:0}.order-tracking-card a{display:inline-flex;align-items:center;gap:8px}

.order-tracking-inline{margin-top:12px;padding:14px 16px;border:1px solid hsl(var(--primary)/.22);border-left:4px solid hsl(var(--primary));border-radius:10px;background:hsl(var(--primary)/.06);display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.order-tracking-inline>span{font-size:.8rem;color:hsl(var(--muted-foreground))}.order-tracking-inline strong{font-family:ui-monospace,monospace;font-size:1.05rem;color:hsl(var(--primary));overflow-wrap:anywhere;max-width:100%}.order-tracking-inline a{display:inline-flex;align-items:center;gap:6px;color:hsl(var(--primary));text-decoration:underline;min-height:44px}

/* Reorder review: named prices and quantities instead of ambiguous arrows. */
.buyer-reorder h2{font-size:1.25rem}.buyer-reorder-items{list-style:none;margin:20px 0 0;padding:0}.buyer-reorder-item{display:grid;grid-template-columns:72px minmax(0,1fr) 130px 90px;gap:16px;align-items:start;border-top:1px solid hsl(var(--border));padding:20px 0}.buyer-reorder-item img{object-fit:contain;border:1px solid hsl(var(--border));border-radius:12px;background:white}.buyer-reorder-info{min-width:0;overflow-wrap:anywhere}.buyer-reorder-info>strong,.buyer-reorder-info>small{display:block}.buyer-reorder-info p{font-size:.875rem}.buyer-reorder small,.buyer-reorder-help{font-size:.8rem;color:hsl(var(--muted-foreground))}.buyer-reorder-price{display:flex;flex-direction:column;gap:6px}.buyer-reorder-price strong{font-size:1.1rem}.buyer-reorder-quantity input{display:block;width:100%;min-height:44px;margin-top:6px;padding:8px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));font-size:16px}.buyer-reorder-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;margin-top:20px;border-top:1px solid hsl(var(--border))}.buyer-reorder-footer>div{display:flex;flex-direction:column;gap:4px}.buyer-reorder-footer strong{font-size:1.5rem}.buyer-reorder-refresh{margin-top:16px;background:transparent!important;color:hsl(var(--foreground))!important;border:1px solid hsl(var(--border))}.buyer-reorder button:disabled{opacity:.55;cursor:not-allowed}.buyer-reorder :is(button,input):focus-visible{outline:3px solid #2779c5;outline-offset:3px}@media(max-width:640px){.buyer-reorder-item{grid-template-columns:64px minmax(0,1fr);gap:12px}.buyer-reorder-item img{width:64px;height:64px}.buyer-reorder-price{grid-column:2}.buyer-reorder-quantity{grid-column:2;max-width:120px}.buyer-reorder-footer>button{width:100%}}
.buyer-reorder-cart{color:#164e80;font-weight:600}.buyer-reorder-enquiry{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;color:#075ba5;text-decoration:underline;text-underline-offset:3px;font-weight:600}.buyer-reorder-result{grid-column:2/-1;margin:0!important;font-size:.875rem;color:hsl(var(--muted-foreground))}.buyer-reorder-enquiry:focus-visible{outline:3px solid #2779c5;outline-offset:3px}@media(max-width:640px){.buyer-reorder-result{grid-column:2}}

/* Keep routine purchase changes next to the value they describe. */
.buyer-reorder-purchase{grid-column:3/-1;display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:16px;min-width:0}.buyer-reorder-price-update{font-size:.75rem;font-weight:500;color:#164e80;line-height:1.5}.buyer-reorder-unavailable{color:#526276;border-left:2px solid #ced8e2;padding-left:10px;line-height:1.6}.buyer-reorder-quantity small{display:block;margin-top:6px;font-weight:400;line-height:1.5}.buyer-reorder-result{padding-top:6px}@media(max-width:640px){.buyer-reorder-purchase{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 110px;gap:16px;padding:16px 0 0;margin-top:4px;border-top:1px solid hsl(var(--border))}.buyer-reorder-purchase .buyer-reorder-price{grid-column:1}.buyer-reorder-purchase .buyer-reorder-quantity{grid-column:2;max-width:none}.buyer-reorder-result{grid-column:1/-1}.buyer-reorder-info p{line-height:1.5}}
