/* Shared storefront style. Source: retail; copies stay deployable independently. */
:root{--family-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--family-ink:#19232d;--family-muted:#6b7280;--family-blue:#0646ed;--family-line:#e1e3e9;--family-soft:#f5f5f7;--family-radius:14px;--family-shadow:0 3px 14px rgba(22,32,52,.035)}
html[data-family] body{font-family:var(--family-font);color:var(--family-ink);font-size:14px;-webkit-font-smoothing:antialiased}
html[data-family] button,html[data-family] input,html[data-family] textarea,html[data-family] select{font-family:var(--family-font)}
html[data-family] .family-nav{font-family:var(--family-font)!important;background:#f5f6fa!important}
html[data-family="wholesale"]{--blue:var(--family-blue);--line:var(--family-line);--muted:var(--family-muted);background:var(--family-soft);color:var(--family-ink);font-family:var(--family-font)}
[data-family="wholesale"] body{background:var(--family-soft)}
[data-family="wholesale"] h1,[data-family="wholesale"] h2,[data-family="company"] h1,[data-family="company"] h2{color:var(--family-ink);font-weight:750}
[data-family="wholesale"] .heading p,[data-family="wholesale"] .empty p,[data-family="company"] .hero p,[data-family="company"] .direction p,[data-family="company"] .contacts p{color:var(--family-muted)}
[data-family="wholesale"] .eyebrow,[data-family="company"] .eyebrow{color:#687181;font-size:11px;letter-spacing:1px}
[data-family="wholesale"] .catalog,[data-family="wholesale"] .basket,[data-family="wholesale"] .panel,[data-family="wholesale"] .filters,[data-family="company"] .direction,[data-family="company"] .contact-card{background:#fff;border:1px solid var(--family-line);border-radius:var(--family-radius);box-shadow:var(--family-shadow)}
[data-family="wholesale"] .filters{padding:20px 16px}
[data-family="wholesale"] .filters h2{margin-bottom:20px}
[data-family="wholesale"] .filters label{font-size:11px;font-weight:600;color:#687181}
[data-family="wholesale"] .catalog-tools{padding:16px;background:#fff;border-radius:14px 14px 0 0;gap:12px}
[data-family="wholesale"] .search input,[data-family="wholesale"] input:not([type="radio"]):not([type="checkbox"]),[data-family="wholesale"] textarea{border:1px solid var(--family-line);border-radius:10px;background:#fff;color:var(--family-ink);font-size:14px}
[data-family="wholesale"] input:not([type="radio"]):not([type="checkbox"]){min-height:40px}
[data-family="wholesale"] input:focus,[data-family="wholesale"] textarea:focus{outline:none;border-color:var(--family-blue);box-shadow:0 0 0 3px #0646ed12}
[data-family="wholesale"] select{appearance:none;min-height:40px;padding:0 34px 0 12px;border:1px solid var(--family-line);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center/14px;color:#242831;font-size:13px;font-weight:400;cursor:pointer}
[data-family="wholesale"] select:focus{outline:none;border-color:var(--family-blue);box-shadow:0 0 0 3px #0646ed12}
@supports (appearance:base-select){[data-family="wholesale"] select,[data-family="wholesale"] select::picker(select){appearance:base-select}[data-family="wholesale"] select{background-image:none;align-items:center;padding-right:12px}[data-family="wholesale"] select::picker-icon{color:#687181;transition:rotate .15s}[data-family="wholesale"] select:open::picker-icon{rotate:180deg}[data-family="wholesale"] select::picker(select){background:#fff;border:1px solid var(--family-line);border-radius:10px;box-shadow:0 15px 30px #17233b26;margin-top:5px;padding:4px 0}[data-family="wholesale"] option{font-family:var(--family-font);font-size:13px;padding:11px 14px;border-bottom:1px solid #f0f0f3;color:#242831}[data-family="wholesale"] option:last-child{border-bottom:0}[data-family="wholesale"] option:checked{background:#f0f0f0;font-weight:600}[data-family="wholesale"] option:hover,[data-family="wholesale"] option:focus{background:#f5f6fa}[data-family="wholesale"] option::checkmark{display:none}}
[data-family="wholesale"] .primary,[data-family="company"] .wholesale .button{background:var(--family-blue);border:1px solid var(--family-blue);border-radius:9px;color:#fff;font-size:14px;font-weight:600;min-height:42px}
[data-family="wholesale"] .primary:hover,[data-family="company"] .wholesale .button:hover{background:#003bd1}
[data-family="wholesale"] .contact,[data-family="company"] .contact-link,[data-family="company"] .button{border-radius:9px;border-color:var(--family-line);font-size:14px}
[data-family="wholesale"] .stock,[data-family="wholesale"] .info{background:#f3f5f9;border-radius:9px}
[data-family="wholesale"] .brand small{font-size:9px;font-weight:500;letter-spacing:1.3px;white-space:normal;max-width:225px}
[data-family="wholesale"] .product-icon{border-radius:10px;background:#f3f5f9;color:#49688c}
[data-family="wholesale"] .empty{margin:16px;border:1px dashed var(--family-line);border-radius:12px;background:#fff}
[data-family="company"] .hero h1{letter-spacing:-1.5px}
[data-family="company"] .hero h1 span{color:#707986}
[data-family="company"] .direction{background:#f6f7f9}
[data-family="company"] .wholesale{background:#f0f4fc}
[data-family="company"] .contact-details{padding:24px;border:1px solid var(--family-line);border-radius:14px;background:#fff;box-shadow:var(--family-shadow)}
[data-family="company"] .text-link{color:var(--family-blue)}
@media(max-width:1200px){[data-family="wholesale"] .filters{padding:16px;gap:14px}}
@media(max-width:520px){[data-family="wholesale"] .brand{font-size:18px;gap:9px}[data-family="wholesale"] .brand small{font-size:8px;letter-spacing:.8px;max-width:170px}[data-family="wholesale"] .contact{font-size:11px;padding:9px}[data-family="wholesale"] .empty{padding:44px 15px;margin:10px}[data-family="company"] .contact-details{padding:20px}[data-family="wholesale"] .filters label{min-width:120px}}
@media(prefers-reduced-motion:reduce){[data-family="wholesale"] select::picker-icon{transition:none}}

/* Spacious retail layout across all public sections. */
html[data-family="retail"]{--container:1640px;--retail-gutter:32px}
html[data-family="retail"] body{--container:1640px}
html[data-family="retail"] body>main,html[data-family="retail"] .product-main,html[data-family="retail"] .legal-main{width:calc(100% - var(--retail-gutter)*2)!important;max-width:var(--container)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html[data-family="retail"] body>main.retail-catalog{padding-left:0!important;padding-right:0!important}
html[data-family="retail"] #bpk-header-root .hdr-main,html[data-family="retail"] #bpk-header-root .nav-links,html[data-family="retail"] #bpk-footer-root .footer-inner{width:calc(100% - var(--retail-gutter)*2);max-width:var(--container);margin-left:auto;margin-right:auto;box-sizing:border-box}
@media(min-width:1400px){html[data-family="retail"] .catalog-workspace{grid-template-columns:210px minmax(0,1fr) 290px;gap:24px}html[data-family="retail"] .catalog-product{grid-template-columns:76px minmax(0,1fr) 125px 185px;gap:20px;padding:22px}html[data-family="retail"] .catalog-product-visual{grid-row:auto}html[data-family="retail"] .catalog-product-action{grid-column:auto}html[data-family="retail"] .catalog-product-name{font-size:15px}html[data-family="retail"] .catalog-product-copy p{font-size:12px}}
@media(max-width:760px){html[data-family="retail"]{--retail-gutter:16px}}