/* Shared purchase entry: same session, real configurations and server-confirmed row count. */
.header-whatsapp{display:none}
@media(min-width:1200px){
 .site-header .header-whatsapp{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 10px;border:1px solid var(--brand);border-radius:var(--radius);color:var(--brand);font-size:14px;font-weight:600;white-space:nowrap}
 .header-whatsapp:hover{background:var(--brand-soft)}
 .header-whatsapp>.icon{width:22px;height:22px}
 .site-header .header-inner{grid-template-columns:200px minmax(0,1fr) auto;gap:16px}
 .site-header #navigation{gap:14px}
 .site-header .header-actions{gap:10px}
}
@media(min-width:1200px) and (max-width:1399px){
 .site-header .header-inner{width:calc(100% - 48px);grid-template-columns:200px minmax(0,1fr) auto;gap:12px}
 .site-header #navigation{gap:10px}
 .site-header #navigation>a{font-size:14px}
 .site-header .header-actions{gap:8px}
 .site-header .header-actions>.button{padding-inline:10px;font-size:14px}
 .site-header .header-whatsapp{padding-inline:8px;font-size:14px}
}
.floating-quote{position:fixed;z-index:95;right:24px;bottom:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:64px;height:64px;min-height:64px;padding:6px;background:var(--brand);color:var(--surface);border:1px solid var(--surface);border-radius:50%;box-shadow:var(--shadow);font-size:14px;line-height:18px;font-weight:600}
.floating-quote>.icon{width:22px;height:22px}
.floating-quote:hover{background:var(--brand-hover);color:var(--surface)}
.floating-quote>b{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border:2px solid var(--surface);border-radius:20px;background:var(--accent-text,#8A682D);color:var(--surface);font-size:14px;line-height:20px}
.drawer-open .floating-quote,.keyboard-open .floating-quote{visibility:hidden}
.quick-quote-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);overscroll-behavior:contain}
.quick-quote-dialog::backdrop{background:var(--photo-dark)}
.quick-quote-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.quick-quote-dialog h2{font-size:24px;line-height:32px}
.quick-quote-dialog h3{font-size:18px;line-height:28px;margin-bottom:16px}
.quick-quote-dialog [data-drawer-close]{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--brand)}
.quick-quote-dialog label{display:block;font-size:16px;line-height:26px;margin:12px 0}
.quick-quote-dialog input,.quick-quote-dialog select{min-height:48px;font-size:16px}
.quick-quote-dialog textarea{min-height:112px;font-size:16px}
.quick-quote-dialog .quantity-stepper{display:flex;align-items:stretch;margin-top:6px}
.quick-quote-dialog .quantity-stepper input{margin:0;flex:1;min-width:0;text-align:center}
.quick-quote-dialog .quantity-stepper button{width:48px;min-height:48px;flex:none;border:1px solid var(--control-border);background:var(--surface);color:var(--brand)}
.quick-quote-dialog .button{min-height:48px;font-size:16px;width:100%;margin-top:8px}
.quick-quote-dialog .config-list-link{display:block;min-height:44px;padding:12px 0;color:var(--brand);text-decoration:underline}
.quick-quote-dialog .reference-note,.quick-quote-dialog [data-moq]{font-size:14px;line-height:22px}
.quick-quote-dialog .form-error:empty{display:none}
@media(max-width:1199px){.floating-quote{right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}.b2b-view-detail-branded .floating-quote,.b2b-view-detail-bulk .floating-quote,.b2b-view-detail-oem .floating-quote{bottom:calc(152px + env(safe-area-inset-bottom,0px))}}
@media(max-width:767px){.quick-quote-dialog{padding:16px;max-height:calc(100dvh - 32px)}}

/* Keep the public WhatsApp name and configured phone visible together. */
@media(max-width:1199px){
 #main .mobile-hero-actions .hero-whatsapp-label{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
 #main .mobile-hero-actions .hero-whatsapp-number{white-space:nowrap}
}
@media(max-width:767px){
 #main .mobile-hero-actions .hero-whatsapp{display:grid;grid-template-columns:28px max-content;grid-template-rows:repeat(2,18px);column-gap:4px;row-gap:0;justify-content:center;align-content:center;height:48px;min-height:48px;padding:4px 6px;font-size:12px;line-height:18px}
 #main .mobile-hero-actions .hero-whatsapp>.icon{grid-column:1;grid-row:1 / 3;align-self:center;width:28px;height:28px}
 #main .mobile-hero-actions .hero-whatsapp-label{grid-column:2;grid-row:1;justify-self:start}
 #main .mobile-hero-actions .hero-whatsapp-number{grid-column:2;grid-row:2;justify-self:start}
}

/* One product photo frame across shared cards; preserve complete packaging artwork. */
#main .product-card .product-media{height:auto;aspect-ratio:1;min-height:0;align-self:start}
#main .product-card .product-media img{width:100%;height:100%;object-fit:contain}
#main .product-card .product-media picture{display:block;width:100%;height:100%}