/* Selected B sample: scoped refinements; original A/C remain unchanged. */
.b-quickbar{display:none}
@media(max-width:800px){
 .design-b{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}
 .b-quickbar{display:grid;grid-template-columns:1fr 1fr 1.2fr;position:fixed;z-index:20;left:0;right:0;bottom:0;min-height:60px;background:#fff;color:#142e43;border-top:1px solid #d6e0e9;box-shadow:0 -5px 22px #173c5310;padding-bottom:env(safe-area-inset-bottom,0px)}
 .b-quickbar a,.b-quickbar button{min-width:0;display:flex;align-items:center;justify-content:center;min-height:60px;padding:10px 5px;font-size:14px;line-height:1.4;font-weight:600;white-space:nowrap;border:0;background:#fff}
 .b-quickbar button{background:#0c51d7;color:white}
 .design-b .site-header{border-bottom:1px solid #dce4eb}
}

.design-b .hero-b{grid-template-columns:1fr 1fr;min-height:490px;background:#f6f8fc}
.hero-b .hero-copy{padding:65px 3.8vw 48px 5vw;align-self:center}
.hero-b .hero-copy h1{font-size:clamp(36px,3.55vw,60px);letter-spacing:-.055em;line-height:1.35}
.hero-b .hero-copy p{font-size:17px;line-height:1.8;margin-top:23px;color:#4d5d70}
.hero-b .eyebrow{font-size:14px;color:#285586;letter-spacing:.065em;margin-bottom:23px}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}
.hero-actions .solid-button{background:#0c51d7;gap:36px;min-height:51px}
.hero-actions .line-link{margin-top:0;padding:12px 0;gap:26px}
.hero-footnote{display:block;font-size:12px;color:#637084;margin-top:26px}
.b-showcase{background:#edf2f9;padding:32px 4vw 25px 3vw;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.showcase-heading{display:flex;justify-content:space-between;gap:20px;color:#315879;align-items:center;padding-bottom:20px;border-bottom:1px solid #cbd7e5;font-size:12px}
.showcase-heading>span:first-child{letter-spacing:.12em;font-weight:600}
.showcase-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;margin:18px 0 10px}
.showcase-products figure{margin:0;min-width:0;text-align:center}
.showcase-products figure>div{height:290px;overflow:hidden}
.showcase-products figure.showcase-tall>div{height:335px}
.showcase-products img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.showcase-products figcaption{color:#3c5672;font-size:13px;margin-top:9px}
.showcase-note{color:#63738a;font-size:12px;text-align:center;padding-top:20px;line-height:1.6}
.design-b .service-section{padding-bottom:85px}
.design-b .service-card{min-height:290px;padding:30px 28px}
.design-b .service-card p{font-size:16px;word-break:keep-all}
.design-b .service-top{font-size:13px}
.design-b .service-action{font-size:15px;padding-top:24px}
.split-actions a{font-size:14px;display:flex;justify-content:space-between;gap:7px;flex:1;white-space:nowrap;font-weight:600;padding:10px 0;border-bottom:1px solid #ffffff50}
.design-b .split-actions{gap:20px;padding-top:14px}
.service-hint{font-size:12px;color:#dce8ff;margin-top:12px;line-height:1.6;display:block}
.design-b .collection-head h2{font-size:clamp(29px,2.7vw,43px)}
.design-b .result-count{font-size:14px;color:#53677e}
.design-b .product-group{font-size:12px}
.design-b .product-card p{font-size:14px}
.design-b .product-image{height:285px;background:#f2f5f9}
.design-b .product-image img{padding:24px;object-fit:contain}
.design-b .product-image img[src*="card-"],.design-b .product-image img[src*="b-chamisul"]{object-fit:cover}
.design-b .detail-photo img[src*="b-chamisul"]{object-fit:cover}
.design-b .product-image img[src*="card-cass"]{object-fit:contain}
.design-b .sample-note{font-size:13px}
.design-b .sample-note a{color:#064fd3;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.design-b .about-section{padding:85px 5%;gap:7%;background:#eef3fb}
.about-lead{margin-top:27px;font-size:16px;line-height:1.85;color:#52667c}
.company-facts{margin:0 0 24px}
.company-facts>div{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #cdd9e9;font-size:16px}
.company-facts dt{color:#566b83}.company-facts dd{margin:0;font-weight:600}
.company-facts small{display:block;font-weight:400;font-size:13px;color:#64778e;margin-top:3px}
.document-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.document-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #c8d6e8;padding:17px 18px;font-size:14px}
.document-links a:hover{border-color:#0c51d7;color:#0c51d7}
.document-links small{display:block;font-size:12px;color:#6b7a8c;margin-top:4px}
.trade-section{padding:90px 5%;background:#fff}
.trade-section .collection-head{margin-bottom:40px}
.trade-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.trade-steps li{border-top:2px solid #163654;padding-top:21px}
.trade-steps li>span{display:block;font-size:14px;color:#0c51d7;letter-spacing:.1em;margin-bottom:22px}
.trade-steps h3{font-size:21px;letter-spacing:-.025em;margin-bottom:15px}
.trade-steps p{font-size:16px;color:#5a6c7d;line-height:1.8;word-break:keep-all}
.trade-foot{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:30px}
.trade-foot>p{font-size:14px;color:#63758a}
.trade-foot .line-link{font-size:14px;white-space:nowrap}
.design-b .contact-section{padding:75px 5%;gap:7%}
.design-b .contact-section>div>p{color:#e0eaff}
.design-b .contact-options>span,.design-b .contact-options>p{color:#e0eaff!important;font-size:14px!important}
.inquiry-guide{padding-top:22px;margin-top:24px;border-top:1px solid #ffffff45}
.inquiry-guide p{font-size:14px;line-height:1.8;color:#e3ecff;margin-top:8px}
.inquiry-guide strong{display:inline-block;width:85px;color:white}
.empty-contact{display:inline-block;padding:11px 18px;color:#064fd3;font-size:14px}
.design-b .detail-copy dt{width:38px}
.design-b .solid-button{background:#0c51d7}
.design-b .footer{font-size:13px}
.design-b .footer-brand span,.design-b .footer small{font-size:12px}
.b-quickbar a.quick-order{background:#0c51d7;color:#fff}
.catalog-shortcuts{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}
.search-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.search-shortcuts>span{font-size:13px;color:#62758a;margin-right:6px}
.search-shortcuts button{border:1px solid #dce4ee;background:#f6f8fc;border-radius:3px;padding:8px 12px;font-size:14px;min-height:40px}
.search-shortcuts button:hover{border-color:#0c51d7;color:#0c51d7;background:#edf3ff}
.normalized-packshot .product-photo-unavailable{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#617080;font-size:16px;font-weight:600;transform:none}
.normalized-packshot .product-photo-unavailable strong{font-size:1em;color:#31475c}
.normalized-packshot .product-photo-unavailable small{display:block;margin-top:4px;font-size:.82em;font-weight:500;color:#6b7c8d}
.design-b .catalog-quality-note{display:grid;gap:4px;margin-top:26px;padding:16px 18px;border:1px solid #d9e2ea;border-radius:4px;background:#f7f9fb;line-height:1.7}
.design-b .catalog-quality-note strong{color:#173b53;font-size:14px}
.design-b .catalog-quality-note span{display:block}
.search-reset{border:0;background:none;font-size:14px;color:#526a84;padding:10px 0;white-space:nowrap}
.catalog-consumer{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f2f6fc;border:1px solid #dce6f4;padding:24px 28px;margin-top:32px}
.catalog-consumer strong{font-size:18px;letter-spacing:-.03em}.catalog-consumer p{font-size:16px;color:#617389;margin-top:6px}
.catalog-consumer>a{color:#0c51d7;font-size:15px;font-weight:600;display:flex;gap:30px;white-space:nowrap;padding:12px 0;border-bottom:1px solid #0c51d7}
.trade-actions{display:flex;gap:24px;align-items:center}.trade-actions .solid-button{font-size:14px;white-space:nowrap;gap:20px;min-height:48px}
.design-b .product-image img[src*="b-juseonbang"]{object-fit:contain;padding:16px}
.design-b .service-action:hover,.design-b .split-actions a:hover{text-decoration:underline;text-underline-offset:5px}
.detail-routes{border-top:1px solid #d6e0eb;padding-top:18px;margin-top:22px;display:grid;gap:18px}
.detail-routes>div>span{display:block;font-size:12px;font-weight:600;color:#64758b;margin-bottom:7px}
.consumer-product-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #c3d5ed;color:#0c51d7;font-size:15px;font-weight:600}
.detail-routes .solid-button{width:100%;justify-content:space-between;min-height:48px;font-size:15px}
.existing-order-link{font-size:14px;color:#425b76;padding:7px 0;display:flex;justify-content:space-between;gap:15px}
.detail-copy p{word-break:keep-all}
.selected-inquiry{margin-top:25px;background:#fff;color:#17324f;padding:22px;border-left:4px solid #a8cafb}
.selected-inquiry>span{display:block;font-size:12px;color:#5b7190;margin-bottom:8px}
.selected-inquiry strong{font-size:21px;display:block;line-height:1.4}
.selected-inquiry p{font-size:14px;margin-top:10px;color:#526c8a;line-height:1.7}
.selected-inquiry>div{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
.selected-inquiry button{border:1px solid #0c51d7;background:#0c51d7;color:#fff;padding:10px 14px;font-size:14px;min-height:44px}
.selected-inquiry #clear-inquiry{border-color:#d0dceb;background:white;color:#4d6783}
.b-faq{padding:75px 5%;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;background:#f5f8fc;border-top:1px solid #e2e8f2}
.b-faq h2{font-size:clamp(28px,2.7vw,40px);letter-spacing:-.045em}
.b-faq>div>p{font-size:16px;color:#60738a;margin-top:20px}
.faq-list details{border-bottom:1px solid #cdd8e8;padding:0 0 19px;margin-bottom:20px}
.faq-list summary{font-size:17px;font-weight:600;cursor:pointer;line-height:1.65;padding-right:8px}
.faq-list details p{font-size:16px;color:#546b86;line-height:1.85;padding-top:15px;word-break:keep-all}
.faq-list details a{display:inline-block;font-size:14px;color:#0c51d7;font-weight:600;margin-top:10px;padding:6px 0;text-decoration:underline;text-underline-offset:5px}
.design-b .product-image img[src*="b-yantai"],.design-b .product-image img[src*="b-tsingtao1903"]{object-fit:contain;padding:18px}
@media(max-width:800px){.b-faq{grid-template-columns:1fr;gap:32px;padding:60px 5%}}
@media(max-width:520px){.b-faq{padding:50px 24px}.faq-list summary{font-size:16px}.selected-inquiry{padding:20px}.detail-routes{gap:15px}.design-b .product-image img[src*="b-yantai"],.design-b .product-image img[src*="b-tsingtao1903"]{padding:10px}}
.design-b dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.design-b:has(dialog[open]){overflow:hidden}
@media(max-width:800px){.b-quickbar{grid-template-columns:repeat(4,minmax(0,1fr))}.trade-actions{margin-top:20px}.trade-actions .line-link{margin:0}.catalog-consumer{padding:22px}.catalog-shortcuts{align-items:flex-start}.search-shortcuts>span{display:none}}
@media(max-width:520px){.catalog-shortcuts{display:block}.search-reset{margin-top:5px;padding:10px 0}.search-shortcuts{gap:7px}.search-shortcuts button{padding:8px 10px;min-height:42px}.catalog-consumer{display:block;padding:22px}.catalog-consumer strong{font-size:17px}.catalog-consumer>a{margin-top:16px;justify-content:space-between}.trade-actions{flex-wrap:wrap;gap:18px}.trade-actions .solid-button{padding:12px 16px}.b-quickbar a{font-size:14px;padding:10px 2px}}
@media(min-width:1700px){.design-b .hero-b{grid-template-columns:1fr 1fr}.hero-b .hero-copy{padding-left:8vw}.b-showcase{padding-right:8vw}.design-b .hero-b{min-height:570px}.showcase-products figure>div{height:340px}.showcase-products figure.showcase-tall>div{height:380px}}
@media(max-width:1100px){.hero-b .hero-copy h1{font-size:36px}.hero-b .hero-copy{padding:48px 4vw}.hero-b .hero-copy p{font-size:16px}.hero-actions{gap:20px}.hero-actions .solid-button{gap:22px;padding:14px 16px}.b-showcase{padding:30px 24px}.showcase-heading>span:last-child{display:none}.showcase-products figure>div{height:260px}.showcase-products figure.showcase-tall>div{height:305px}.design-b .service-card{padding:25px 22px}.design-b .split-actions{gap:12px;flex-direction:column}.split-actions a{width:100%;padding:3px 0}.trade-steps{gap:22px}.trade-steps h3{font-size:19px}.trade-steps p br{display:none}.document-links{grid-template-columns:1fr}}
@media(max-width:800px){.design-b .hero-b{grid-template-columns:1fr 1fr;min-height:440px}.hero-b .hero-copy{padding:36px 5vw}.hero-b .hero-copy h1{font-size:31px}.hero-b .eyebrow{font-size:13px;letter-spacing:0}.hero-actions{gap:14px;flex-wrap:wrap}.hero-actions .solid-button{font-size:14px}.hero-actions .line-link{font-size:14px;gap:15px}.showcase-products{gap:0}.showcase-products figure>div{height:210px}.showcase-products figure.showcase-tall>div{height:255px}.showcase-note{font-size:12px}.design-b .service-section{padding-bottom:60px}.design-b .service-card{display:flex;min-height:0;padding:25px 28px}.design-b .service-card h3{margin:13px 0 8px}.design-b .service-card p br{display:none}.design-b .service-action{max-width:none;padding-top:18px}.design-b .split-actions{flex-direction:row;padding-top:15px;gap:30px}.split-actions a{padding:7px 0}.service-hint{margin-top:7px}.design-b .product-image{height:250px}.design-b .about-section{grid-template-columns:1fr;gap:35px;padding:65px 5%}.document-links{grid-template-columns:1fr 1fr}.trade-section{padding:65px 5%}.trade-steps{grid-template-columns:1fr 1fr;gap:32px 25px}.trade-foot{display:block}.trade-foot .line-link{margin-top:12px}.design-b .contact-section{grid-template-columns:1fr;gap:35px;padding:65px 5%}}
@media(max-width:520px){.design-b .hero-b{display:flex;flex-direction:column}.hero-b .hero-copy{padding:37px 24px 30px}.hero-b .hero-copy h1{font-size:33px}.hero-b .hero-copy p{font-size:16px;margin-top:17px}.hero-actions{margin-top:22px;gap:24px}.hero-footnote{margin-top:20px}.b-showcase{padding:20px 24px 18px}.showcase-heading{font-size:12px;padding-bottom:13px}.showcase-heading>span:last-child{display:block;font-size:12px}.showcase-products{margin:12px 0 0;gap:4px}.showcase-products figure>div{height:175px}.showcase-products figure.showcase-tall>div{height:212px}.showcase-products figcaption{font-size:12px;margin-top:3px}.showcase-note{padding-top:14px;font-size:12px}.design-b .service-section{padding:0 20px 58px}.design-b .service-card{padding:24px}.design-b .service-card h3{font-size:28px}.design-b .service-card p{font-size:16px}.design-b .service-top{font-size:13px}.design-b .split-actions{gap:18px}.design-b .collection-section{padding-left:20px;padding-right:20px;padding-bottom:55px}.design-b .collection-head>p{font-size:16px}.design-b .category-tabs{gap:18px}.design-b .category-tabs button{font-size:14px;min-height:42px}.design-b .product-search input{font-size:16px;min-height:44px}.design-b .product-image{height:210px}.design-b .product-image img{padding:16px}.design-b .product-card h3{font-size:16px}.design-b .about-section{padding:55px 24px}.about-lead br{display:none}.document-links{gap:10px}.document-links a{padding:15px 12px;font-size:14px}.trade-section{padding:55px 24px}.trade-section .collection-head>p{font-size:16px}.trade-steps{gap:28px 18px}.trade-steps h3{font-size:18px;line-height:1.5}.trade-steps p{font-size:16px}.trade-steps li>span{margin-bottom:13px}.trade-foot>p{font-size:14px}.design-b .contact-section{padding:55px 24px}.inquiry-guide strong{width:auto;display:block;margin-top:12px}.design-b .contact-options>p{font-size:13px!important}.design-b .detail-copy{padding:30px 24px}.design-b .detail-copy h2{font-size:27px}}
@media(max-width:360px){.hero-b .hero-copy h1{font-size:29px}.hero-actions{gap:15px}.hero-actions .solid-button{gap:15px}.showcase-heading>span:last-child{display:none}.document-links{grid-template-columns:1fr}.design-b .split-actions{gap:14px}.split-actions a{font-size:13px}.design-b .product-image{height:180px}.design-b .product-image img{padding:12px}.trade-steps{grid-template-columns:1fr}.b-quickbar a{font-size:13px}}

/* Search clarity, touch targets and persistent dialog close control. */
html:has(body.design-b){scroll-behavior:auto}
.design-b .category-tabs{gap:6px 10px}
.design-b .category-tabs button{min-width:44px;min-height:44px;padding:9px 10px;color:#52667b}
.design-b .category-tabs button[aria-pressed=true]{background:#edf3ff;border-radius:3px;color:#064fd3}
.design-b .product-search{max-width:310px;min-width:230px}
.design-b .product-search input{font-size:16px;min-height:44px}
.design-b .product-search button{width:44px;min-width:44px;height:44px;padding:6px;font-size:27px}
.design-b .search-shortcuts button,.design-b .search-reset,.design-b .mobile-menu{min-height:44px}
.design-b .mobile-menu{padding:8px 4px;font-size:14px}
.design-b .split-actions a,.design-b .existing-order-link{min-height:44px;align-items:center}
.catalog-result-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 28px}
.catalog-result-row .result-count{margin:0;color:#254363;font-weight:600}
#search-help{font-size:13px;color:#61738a}
.design-b .product-group{font-size:13px;letter-spacing:0;color:#55708e}
.design-b .product-card h3{line-height:1.45;margin-top:6px}
.design-b .product-card .product-spec{line-height:1.65;color:#526880;font-size:14px;word-break:keep-all}
.design-b .product-card{align-self:start;border-radius:3px}
.design-b .empty-contact{min-height:44px}
.dialog-tools{position:sticky;top:0;z-index:5;height:0;display:flex;justify-content:flex-end;pointer-events:none}
.design-b .dialog-tools .dialog-close{position:static;flex:none;margin:12px 12px 0 0;pointer-events:auto;box-shadow:0 2px 12px #122b321a;border:1px solid #d5dfeb;border-radius:50%}
.design-b .detail-copy{overflow-wrap:anywhere}
.design-b .detail-copy dl{font-size:15px}
.design-b .detail-routes>div>span{font-size:13px}
.design-b #inquiry-product{overflow-wrap:anywhere}
.design-b .faq-list summary{min-height:44px}
@media(max-width:1100px){.design-b .catalog-toolbar{align-items:stretch;flex-direction:column;gap:16px}.design-b .product-search{max-width:none}}
@media(max-width:520px){.catalog-result-row{display:block;margin:20px 0 24px}#search-help{margin-top:6px}.design-b .category-tabs{gap:4px}.design-b .category-tabs button{padding:9px 8px}.design-b .product-search{min-width:0}.design-b .detail-copy{padding-top:30px}}
@media(prefers-reduced-motion:reduce){html:has(.design-b){scroll-behavior:auto}.design-b .product-image img{transition:none}.design-b .product-card:hover .product-image img{transform:none}}

/* Keep customer routes and product families clear. */
.design-b .trade-steps .trade-step-registration{border-color:#0c51d7}
.trade-step-registration p strong{font-weight:600;color:#123e72}
.trade-step-registration small{display:block;margin-top:12px;font-size:13px;line-height:1.7;color:#526880;word-break:keep-all}
.design-b .product-image img[src*="b-cass-fresh"]{object-fit:contain;padding:18px}
.design-b .empty{border:1px solid #d9e4f0;border-radius:3px;background:#f8faff;padding:44px 24px;word-break:keep-all;overflow-wrap:anywhere}
.design-b .empty button{background:#0c51d7;border-color:#0c51d7;color:white;min-height:48px;border-radius:2px}
.design-b .empty p{font-size:16px;line-height:1.8}
.design-b .empty h3{line-height:1.5}
.design-b .empty-contact{margin-left:12px}
.design-b .result-count{overflow-wrap:anywhere;word-break:keep-all}
@media(max-width:520px){.design-b .empty{padding:30px 20px}.design-b .empty h3{font-size:20px}.design-b .empty button{width:100%}.design-b .empty-contact{margin:12px 0 0}.trade-step-registration small{font-size:13px}.design-b .product-image img[src*="b-cass-fresh"]{padding:10px}}

.catalog-business-entry{max-width:380px;flex-shrink:0}
.catalog-business-entry p{font-size:16px;line-height:1.8;color:#526880}
.catalog-business-entry .solid-button{margin-top:15px;min-height:48px;font-size:15px;gap:24px}
.catalog-business-entry small,.order-entry-note{display:block;margin-top:8px;font-size:13px;line-height:1.65;color:#526880}
.design-b .detail-routes .detail-inquiry-link{background:#fff;color:#0c51d7;border:1px solid #b8cdee}
@media(max-width:800px){.design-b .collection-head{align-items:flex-start;flex-direction:column;gap:24px}.catalog-business-entry{max-width:none;width:100%}}
@media(max-width:520px){.catalog-business-entry{margin-top:24px}.catalog-business-entry .solid-button{font-size:14px;gap:12px;padding:14px 16px}.design-b .detail-copy{padding-bottom:28px}}

/* Final-review presentation: one corporate brand with clear service roles. */
.design-b .footer{display:grid;grid-template-columns:1fr 1.7fr auto;gap:28px 32px}
.footer-services{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:28px;margin-bottom:4px;border-bottom:1px solid #ffffff30}
.footer-services a{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:60px;padding:7px 0}
.footer-services strong{font-size:17px;font-weight:600;color:#fff}
.footer-services strong span{font-size:16px;margin-left:8px}
.footer-services a>span{font-size:14px;line-height:1.7;color:#c2d0e4;word-break:keep-all}
.footer-services a:hover strong{text-decoration:underline;text-underline-offset:5px}
.design-b .footer>div:nth-child(2){margin-top:0}
@media(max-width:800px){.design-b .footer{grid-template-columns:1fr 1.5fr;gap:24px}.design-b .footer>small{grid-column:1/-1;margin-top:0}.footer-services{gap:20px}}
@media(max-width:520px){.design-b .footer{grid-template-columns:1fr;padding:36px 24px}.footer-services{grid-template-columns:1fr;gap:8px;padding-bottom:24px;margin-bottom:0}.footer-services a{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;min-height:54px}.footer-services strong{font-size:16px;white-space:nowrap}.footer-services a>span{font-size:14px;max-width:160px;text-align:right}}

/* Keep the selected inquiry visible, editable and usable without automatic copy. */
.design-b .inquiry-message-label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}
.design-b #inquiry-message{display:block;width:100%;min-height:210px;resize:vertical;border:1px solid #bdd0f0;border-radius:3px;background:#fff;color:#173550;padding:14px;font:inherit;font-size:16px;line-height:1.7}
.design-b #inquiry-message:focus-visible{outline:3px solid #9adaff;outline-offset:3px}
.design-b #inquiry-message-help{font-size:14px;line-height:1.75;color:#526880;margin:10px 0 18px}
.design-b #copy-status{min-height:1.7em;font-size:14px;line-height:1.75}
.design-b .contact-options{align-self:start}
@media(min-width:801px){.design-b .mobile-nav{display:none}}

/* Preserve the focus route and show empty-draft controls accurately. */
.design-b #main:focus{outline:none}
.design-b .selected-inquiry #copy-inquiry:disabled{background:#e6edf5;border-color:#ced9e6;color:#68798c;cursor:not-allowed}

/* Clear focus on brand surfaces and a comfortable product-inquiry target. */
.design-b .collection-section>.sample-note>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;margin-left:4px;font-size:14px}
.design-b .service-card a:focus-visible,.design-b .contact-options a:focus-visible,.design-b .footer a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.design-b .b-quickbar .quick-order:focus-visible{outline:3px solid #fff;outline-offset:-6px}

/* B presentation: consistent packshot bounds without changing image files. */
.hero-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:28px;color:#254a74;font-size:13px;font-weight:600}
.hero-facts span+span{border-left:1px solid #becde0;padding-left:18px}
.hero-facts+.hero-footnote{margin-top:9px;line-height:1.7}
.design-b .hero-b .hero-copy h1{font-size:clamp(33px,3.35vw,57px)}
.design-b .service-section{padding-bottom:62px}
.design-b .collection-head{margin-bottom:34px}
.design-b .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}
.design-b .product-image.normalized-packshot{height:auto;aspect-ratio:1;background:#f3f6fa;margin-bottom:17px}
.design-b .normalized-packshot{position:relative;overflow:hidden}
.design-b .normalized-packshot img{position:absolute;top:50%;left:50%;display:block;width:var(--packshot-width,100%);max-width:none;height:auto!important;padding:0!important;object-fit:contain!important;transform:translate(var(--packshot-x,-50%),var(--packshot-y,-50%));transition:none;mix-blend-mode:multiply}
.design-b .product-card:hover .normalized-packshot img{transform:translate(var(--packshot-x,-50%),var(--packshot-y,-50%))}
.design-b .product-card:hover h3{color:#064fd3}
.design-b .detail-photo{display:flex;align-items:center;justify-content:center;padding:24px;background:#f3f6fa;min-width:0}
.design-b .detail-packshot{width:100%;max-width:440px;aspect-ratio:1}
.catalog-expand{text-align:center;margin:32px 0 14px}
.catalog-expand:has(button[hidden]){display:none}
.catalog-expand button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border:1px solid #bdd0e9;background:white;color:#123f76;font:inherit;font-size:15px;font-weight:600;border-radius:2px}
.catalog-expand button:hover{border-color:#0c51d7;background:#f3f7ff}
.trade-conditions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:38px 0 0;padding:24px 0;border-top:1px solid #d4dfed;border-bottom:1px solid #d4dfed}
.trade-conditions dt{font-size:14px;color:#526880;margin-bottom:8px}
.trade-conditions dd{margin:0;font-size:17px;font-weight:600;color:#193c62;line-height:1.6}
.trade-conditions small{display:block;margin-top:7px;font-size:14px;font-weight:400;color:#526880;line-height:1.75;word-break:keep-all}
@media(max-width:800px){.design-b .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.trade-conditions{grid-template-columns:1fr;gap:20px}.trade-conditions>div{display:grid;grid-template-columns:100px 1fr;gap:16px}.trade-conditions dt{margin:4px 0 0}.trade-conditions small{margin-top:3px}}
@media(max-width:520px){.design-b .hero-b .hero-copy h1{font-size:31px}.hero-facts{margin-top:22px;gap:6px 12px;font-size:12px}.hero-facts span+span{padding-left:12px}.design-b .product-grid{gap:25px 14px}.design-b .service-section{padding-bottom:45px}.design-b .product-image.normalized-packshot{margin-bottom:13px}.catalog-expand{margin-top:28px}.catalog-expand button{width:100%;font-size:14px}.design-b .detail-photo{padding:20px 35px}.design-b .detail-packshot{max-width:300px}.trade-conditions>div{grid-template-columns:1fr;gap:3px}.trade-conditions dt{margin:0}.trade-conditions dd{font-size:16px}}
@media(max-width:360px){.design-b .hero-b .hero-copy h1{font-size:27px}.hero-facts span+span{border:0;padding-left:0}.hero-facts{flex-direction:column}}

/* Preserve public company documents and specialist pages from the existing site. */
.document-links a:nth-child(3){grid-column:1/-1}
.footer-company{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:-12px}
.footer-company a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#dce7f7;font-size:14px}
.footer-company a:hover{text-decoration:underline;text-underline-offset:5px}
.design-b .footer .footer-brand{margin-top:0}
@media(max-width:520px){.footer-company{gap:4px 24px;margin-top:-8px}}

/* Search submission moves to readable results; typing retains its input focus. */
.design-b #catalog-result{scroll-margin-top:20px}
.design-b #catalog-result:focus-visible{outline:3px solid #0c51d7;outline-offset:6px}
.faq-actions{display:flex;flex-wrap:wrap;gap:4px 24px}
.faq-list .faq-actions a{display:inline-flex;align-items:center;gap:14px;min-height:44px}

/* Continue an inquiry without leaving the written draft to find contact links. */
.design-b .inquiry-send-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #d4dfed;padding-top:18px;margin-top:8px}
.inquiry-send-actions a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;border:1px solid #b9cde8;padding:11px 14px;color:#0748b7;font-size:14px;font-weight:600;line-height:1.6}
.inquiry-send-actions a:hover{background:#f1f6ff;border-color:#0c51d7}
.inquiry-send-actions a:focus-visible{outline:3px solid #0c51d7;outline-offset:3px}
.design-b .selected-inquiry .inquiry-send-note{font-size:14px;color:#526880;line-height:1.7;margin-top:12px;word-break:keep-all;overflow-wrap:anywhere}.design-b .selected-inquiry .inquiry-send-note strong{font-size:15px;line-height:1.5;margin-bottom:8px}
@media(max-width:520px){.design-b .inquiry-send-actions{grid-template-columns:1fr}}
@media(min-width:801px){.design-b .contact-options{position:sticky;top:28px}}

/* Corporate B sample: hospitality scene, purpose-first services and concrete company information. */
.design-b #main{scroll-margin-top:110px}
.design-b .brand-hero{position:relative;display:flex;align-items:center;min-height:600px;isolation:isolate;overflow:hidden;background:#102638;color:#fff}
.brand-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.design-b .brand-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,22,39,.94) 0%,rgba(5,22,39,.79) 36%,rgba(5,22,39,.20) 72%,rgba(5,22,39,.12) 100%)}
.design-b .brand-hero .hero-copy{width:100%;padding:76px 6vw 82px;max-width:900px;align-self:auto;position:relative}
.design-b .brand-hero .eyebrow{display:block;color:#d5e7fa;font-size:14px;letter-spacing:.06em;margin:0 0 25px}
.design-b .brand-hero .hero-copy h1{font-size:clamp(38px,4.25vw,66px);letter-spacing:-.055em;line-height:1.28;color:#fff;font-weight:600}
.design-b .brand-hero .hero-copy h1 em{color:#fff;font-style:normal;font-weight:600}
.design-b .brand-hero .hero-copy p{margin-top:26px;font-size:17px;line-height:1.9;color:#e3eaf0;word-break:keep-all}
.design-b .brand-hero .hero-actions{margin-top:34px;gap:28px}
.design-b .brand-hero .solid-button{background:#fff;color:#10314b;padding:16px 22px;font-size:15px;gap:32px;border:1px solid #fff}
.design-b .brand-hero .line-link{color:#fff;border-color:#bdcedd;font-size:15px;gap:32px}
.design-b .brand-hero .hero-facts{color:#d7e4f0;margin-top:44px;font-size:14px;font-weight:400}
.brand-hero .hero-image-caption{position:absolute;right:24px;bottom:18px;font-size:12px;color:#fff;background:#102638a6;padding:5px 9px;line-height:1.5}
.design-b .brand-hero a:focus-visible{outline:3px solid #a3dbff;outline-offset:6px}
.design-b .brand-services{padding:0 6vw 80px;background:#fff}
.design-b .brand-services .service-grid{gap:0;border-bottom:1px solid #dce3ec}
.design-b .brand-services .service-card{background:#fff;color:#122d43;min-height:263px;padding:34px 30px 25px;border-right:1px solid #dce3ec;display:flex;flex-direction:column}
.design-b .brand-services .service-card:first-child{padding-left:0}
.design-b .brand-services .service-card:last-child{padding-right:0;border-right:0}
.design-b .brand-services .service-top{font-size:12px;letter-spacing:.06em;color:#657a8c;align-items:center}
.brand-services .service-brand{font-size:15px;font-weight:600;letter-spacing:-.02em;color:#0750c6}
.design-b .brand-services .service-card h3{font-size:27px;font-weight:600;line-height:1.35;margin:18px 0 12px;letter-spacing:-.035em}
.design-b .brand-services .service-card p{font-size:16px;color:#52677a;line-height:1.75;margin:0}
.design-b .brand-services .split-actions{margin-top:auto;padding-top:20px;gap:17px;flex-direction:row}
.design-b .brand-services .split-actions a,.design-b .brand-services .service-action{border-color:#c2cfdd;color:#143954;min-height:44px;font-size:14px;line-height:1.5;font-weight:600}
.design-b .brand-services .service-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;max-width:none}
.design-b .brand-services a:hover{color:#0750c6;border-color:#0750c6}
.design-b .brand-services .service-card .service-action{flex-direction:row}
.design-b .brand-services a:focus-visible{outline:3px solid #0750c6;outline-offset:4px}
.design-b .collection-section{padding-left:6vw;padding-right:6vw}
.collection-intro{font-size:16px;color:#52677a;line-height:1.7;margin-top:14px}
.design-b .collection-head h2{letter-spacing:-.04em;font-weight:600}
.catalog-business-entry .solid-button{margin-top:0}
.design-b .product-image.normalized-packshot{background:#f5f7f9;border:1px solid #e8edf2;border-radius:0}
.design-b .product-card h3{font-weight:600}
.design-b .catalog-consumer{margin-top:24px;padding:19px 24px;background:#fff;border-width:1px 0}
.design-b .catalog-consumer strong{font-size:17px;font-weight:500}
.design-b .brand-about{padding:84px 6vw;grid-template-columns:.95fr 1.05fr;gap:44px 8%;background:#eef3f8}
.brand-about .about-heading h2{font-size:clamp(28px,3vw,44px);line-height:1.4;letter-spacing:-.05em;font-weight:600}
.brand-about .about-lead{font-size:16px;line-height:1.9;margin-top:24px}
.about-principles article{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #cdd9e5}
.about-principles article:last-child{margin-bottom:0;padding-bottom:0;border:0}
.about-principles article>span{font-size:14px;color:#0750c6;line-height:1.8}
.about-principles h3{font-size:20px;font-weight:600;line-height:1.6;letter-spacing:-.03em;margin:0 0 9px}
.about-principles p{font-size:16px;color:#52677a;line-height:1.8;word-break:keep-all;max-width:540px}
.brand-about .company-evidence{grid-column:1/-1;padding-top:30px;border-top:1px solid #bacbdd}
.brand-about .company-facts{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;margin:0 0 22px}
.brand-about .company-facts>div{display:block;border:0;padding:0;font-size:16px}
.brand-about .company-facts dt{font-size:13px;margin-bottom:9px}
.brand-about .company-facts dd{font-size:17px;line-height:1.7}
.brand-about .company-facts small{font-size:13px;line-height:1.65;margin-top:5px}
.brand-about .document-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.brand-about .document-links a{padding:16px;font-size:14px;background:transparent;border-color:#bdcddd;min-height:66px}
.brand-about .document-links a:nth-child(3){grid-column:auto}
.brand-about .document-links small{font-size:12px}
.design-b .trade-section,.design-b .b-faq,.design-b .contact-section{padding-left:6vw;padding-right:6vw}
@media(max-width:1100px){.design-b .brand-services .service-card{padding:28px 20px 23px}.design-b .brand-services .service-card h3{font-size:23px}.design-b .brand-services .split-actions{gap:6px;flex-direction:column;padding-top:16px}.design-b .brand-services .split-actions a{font-size:14px}.design-b .brand-hero .hero-copy{padding-top:66px;padding-bottom:72px}.brand-about .document-links a{padding:14px 12px}}
@media(max-width:800px){.design-b .brand-hero{min-height:540px}.design-b .brand-hero .hero-copy{max-width:680px}.design-b .brand-hero::before{background:linear-gradient(90deg,#071e32e6,#071e3280 85%)}.design-b .brand-services{padding:0 6vw 54px}.design-b .brand-services .service-grid{grid-template-columns:1fr}.design-b .brand-services .service-card,.design-b .brand-services .service-card:first-child,.design-b .brand-services .service-card:last-child{padding:24px 0;min-height:0;border-right:0;border-bottom:1px solid #dce3ec;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.design-b .brand-services .service-card:last-child{border-bottom:0}.brand-services .service-top{grid-column:1/-1}.design-b .brand-services .service-card h3{font-size:24px;margin:8px 0}.design-b .brand-services .service-card p{grid-column:1;font-size:15px}.design-b .brand-services .split-actions,.design-b .brand-services .service-action{grid-column:2;grid-row:2/4;padding-top:0;margin-top:0;justify-content:center;align-self:center;flex-direction:column}.design-b .brand-services .service-action{justify-content:space-between;align-items:center;width:100%}.design-b .brand-services .service-card p br{display:none}.design-b .brand-about{grid-template-columns:1fr;padding:62px 6vw;gap:36px}.brand-about .about-heading h2{font-size:34px}.brand-about .company-facts{grid-template-columns:1fr 1fr;gap:22px}.brand-about .company-facts>div:last-child{grid-column:1/-1}.brand-about .document-links{grid-template-columns:1fr}.brand-about .document-links a{min-height:56px}.brand-about .document-links a>span:first-child{display:flex;align-items:center;gap:15px}.brand-about .document-links small{margin:0}}
@media(max-width:520px){.design-b .brand-hero{min-height:545px;display:flex;flex-direction:row;align-items:flex-start}.brand-hero-image{object-position:65% center}.design-b .brand-hero::before{background:linear-gradient(90deg,#071e32ed,#071e32a1 70%,#071e3278)}.design-b .brand-hero .hero-copy{padding:55px 24px 64px}.design-b .brand-hero .hero-copy h1{font-size:36px;line-height:1.35}.design-b .brand-hero .eyebrow{font-size:13px;margin-bottom:22px}.design-b .brand-hero .hero-copy p{font-size:16px;margin-top:23px;max-width:315px}.design-b .brand-hero .hero-copy p br{display:none}.design-b .brand-hero .hero-actions{margin-top:27px;gap:16px;flex-wrap:wrap}.design-b .brand-hero .solid-button{font-size:14px;padding:14px 16px;gap:20px}.design-b .brand-hero .line-link{font-size:14px;gap:16px}.design-b .brand-hero .hero-facts{font-size:13px;margin-top:34px;gap:10px 18px}.brand-hero .hero-image-caption{right:16px;bottom:14px;font-size:12px}.design-b .brand-services{padding:0 24px 48px}.design-b .brand-services .service-card,.design-b .brand-services .service-card:first-child,.design-b .brand-services .service-card:last-child{display:flex;padding:25px 0;gap:0}.design-b .brand-services .service-top{font-size:12px}.brand-services .service-brand{font-size:14px}.design-b .brand-services .service-card h3{font-size:24px;margin:13px 0 9px}.design-b .brand-services .service-card p{font-size:16px}.design-b .brand-services .split-actions{flex-direction:row;width:100%;padding-top:15px;gap:20px}.design-b .brand-services .split-actions a{width:auto;flex:1;white-space:normal;font-size:14px}.design-b .brand-services .service-action{padding-top:15px}.design-b .collection-section{padding-left:24px;padding-right:24px}.collection-intro{font-size:15px;line-height:1.8}.catalog-business-entry{margin-top:0}.design-b .collection-head{gap:22px}.design-b .catalog-consumer{padding:18px 0}.design-b .catalog-consumer>a{margin-top:4px}.design-b .brand-about{padding:54px 24px;gap:32px}.brand-about .about-heading h2{font-size:29px}.brand-about .about-lead{margin-top:19px}.about-principles article{gap:10px;grid-template-columns:27px 1fr;padding-bottom:22px;margin-bottom:22px}.about-principles h3{font-size:18px}.about-principles p{font-size:16px}.brand-about .company-facts{gap:22px 16px}.brand-about .company-facts dd{font-size:16px}.brand-about .document-links a>span:first-child{display:block}.brand-about .document-links small{margin-top:2px}.design-b .trade-section,.design-b .b-faq,.design-b .contact-section{padding-left:24px;padding-right:24px}}
@media(max-width:360px){.design-b .brand-hero .hero-copy h1{font-size:31px}.design-b .brand-hero .hero-copy{padding:45px 22px 60px}.design-b .brand-hero{min-height:530px}.design-b .brand-hero .hero-actions{gap:10px}.design-b .brand-hero .solid-button{padding:13px 12px;gap:10px}.design-b .brand-hero .line-link{gap:10px}.design-b .brand-hero .hero-facts{flex-direction:row}.hero-facts span+span{border-left:1px solid #8298af;padding-left:14px}.brand-about .about-heading h2{font-size:26px}.design-b .brand-services .split-actions{gap:12px}}

/* Let visitors prepare an inquiry here and keep edits when changing context. */
.design-b .inquiry-mode-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.inquiry-mode-buttons button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 16px;border:1px solid #9abff7;background:transparent;color:#fff;font:inherit;font-size:14px;line-height:1.6;text-align:left;cursor:pointer}
.inquiry-mode-buttons button:hover,.inquiry-mode-buttons button[aria-pressed="true"]{background:white;color:#0748b7;border-color:white}
.inquiry-mode-buttons button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.design-b .inquiry-mode-help{font-size:14px;line-height:1.8;color:#dce9ff;margin-top:12px}
.design-b #inquiry-change{background:#eef5ff;border:1px solid #b6cdee;padding:18px;margin-bottom:24px}
.design-b #inquiry-change-title{font-size:18px;line-height:1.6;margin:0;color:#17324f}
.design-b #inquiry-change-title:focus-visible{outline:2px solid #0c51d7;outline-offset:4px}
.design-b #inquiry-change p{font-size:14px;line-height:1.8;margin-top:10px;color:#3d5877}
.design-b #inquiry-change-target{display:inline;font-size:14px;line-height:inherit;overflow-wrap:anywhere}
.inquiry-change-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.design-b #replace-inquiry{background:white;color:#0748b7;border-color:#a9c1e3}
.design-b .inquiry-change-actions button:focus-visible{outline:3px solid #0c51d7;outline-offset:3px}
@media(max-width:520px){.design-b .inquiry-mode-buttons{display:grid;grid-template-columns:1fr}.inquiry-mode-buttons button{width:100%;min-height:50px}.design-b #inquiry-change{padding:16px}.inquiry-change-actions{flex-direction:column}.inquiry-change-actions button{width:100%;min-height:48px}}

/* Product identity comes before the photo on small screens. */
.design-b #product-dialog{width:min(920px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
.design-b .product-detail{grid-template-columns:1fr 1.1fr;grid-template-areas:"photo heading" "photo copy";grid-template-rows:auto 1fr}
.design-b .detail-heading{grid-area:heading;padding:42px 64px 20px 32px;min-width:0;background:#fff}
.design-b .detail-heading .eyebrow{font-size:14px;letter-spacing:0;color:#0750c6;margin:0 0 12px;display:block}
.design-b .detail-heading h2{font-size:30px;line-height:1.4;letter-spacing:-.04em;font-weight:600;overflow-wrap:anywhere;margin:0}
.design-b .detail-heading .detail-spec{font-size:17px;line-height:1.7;color:#4e6780;margin:12px 0 0;word-break:keep-all;overflow-wrap:anywhere}
.design-b .detail-photo{grid-area:photo}
.design-b .detail-copy{grid-area:copy;padding:0 32px 32px}
.design-b .detail-copy>p{font-size:16px;line-height:1.8;margin-top:0;color:#52677a}
.design-b .detail-copy .detail-availability{border-top:1px solid #d8e1ec;margin-top:22px;padding-top:18px;font-size:14px;line-height:1.8}
.detail-availability strong{display:block;font-weight:600;color:#193c62;margin-bottom:5px}
.design-b .detail-routes{margin-top:18px;padding-top:0;border:0}
.design-b .detail-routes>div>span{font-size:14px;color:#465f7d;margin-bottom:8px}
.design-b .detail-copy .sample-note{font-size:13px;line-height:1.8;margin:22px 0 0}
@media(max-width:680px){.design-b .product-detail{grid-template-columns:1fr;grid-template-areas:"heading" "photo" "copy";grid-template-rows:auto auto 1fr}.design-b .detail-heading{padding:27px 64px 22px 24px}.design-b .detail-heading h2{font-size:27px}.design-b .detail-heading .eyebrow{margin-bottom:9px}.design-b .detail-heading .detail-spec{font-size:16px;margin-top:10px}.design-b .detail-photo{padding:18px 30px}.design-b .detail-packshot{max-width:240px}.design-b .detail-copy{padding:24px}.design-b .detail-copy .detail-availability{margin-top:18px;padding-top:16px}}

/* Keep the primary navigation available throughout the long company page. */
html:has(body.design-b){--b-header-height:88px;scroll-padding-top:calc(var(--b-header-height) + 16px)}
.design-b .site-header{position:sticky;top:0;z-index:30;height:var(--b-header-height);box-shadow:0 2px 10px #123b6010}
.design-b .desktop-nav a{display:flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;padding:9px 0;transition:color .15s,border-color .15s}
.design-b .desktop-nav a:hover,.design-b .desktop-nav a[aria-current="location"]{color:#0750c6;border-bottom-color:#0750c6}
.design-b .mobile-nav{max-height:calc(100dvh - var(--b-header-height) - 72px);overflow:auto;overscroll-behavior:contain}
.design-b .mobile-nav a[aria-current="location"]{color:#0750c6;background:#eef5ff;border-left:3px solid #0750c6;padding-left:12px;font-weight:600}
.design-b #main{scroll-margin-top:0}
.design-b #catalog-result{scroll-margin-top:12px}
@media(min-width:801px){.design-b .contact-options{top:calc(var(--b-header-height) + 24px)}}
@media(max-width:800px){html:has(body.design-b){--b-header-height:74px}.design-b .site-header{height:var(--b-header-height)}}
@media(max-height:480px) and (max-width:800px){html:has(body.design-b){--b-header-height:64px}.design-b .brand-logo{height:48px}}
@media(prefers-reduced-motion:reduce){.design-b .desktop-nav a{transition:none}}

/* Show the existing message limit and keep the full business template readable. */
.design-b .selected-inquiry .inquiry-input-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-top:20px}
.design-b .inquiry-input-heading .inquiry-message-label{margin:0 0 8px}
.design-b #inquiry-length{font-size:14px;line-height:1.6;color:#526880;white-space:nowrap}
.design-b #inquiry-limit-note{font-size:14px;line-height:1.8;color:#714609;background:#fff7e8;border-left:3px solid #b77c22;padding:12px 14px;margin-top:12px}

/* All consultation entry points use the Miso Liquor Kakao Channel. */
.design-b .kakao-contact-card{padding:30px;border:1px solid #7ea9eb;background:#ffffff0a;min-width:0}
.design-b .kakao-contact-card .kakao-channel-label{font-size:12px!important;letter-spacing:.06em}
.design-b .kakao-contact-card h3{font-size:26px;line-height:1.45;letter-spacing:-.04em;margin:12px 0 8px}
.design-b .kakao-contact-card>p{margin-top:12px}
.design-b .kakao-primary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;margin:26px 0 20px;padding:15px 20px;background:#fee500;color:#191919;font-size:17px;font-weight:700;line-height:1.5}
.design-b .kakao-primary:hover{background:#ffeb38}
.design-b .kakao-primary:focus-visible{outline:3px solid #fff;outline-offset:5px}
.design-b .kakao-contact-card .kakao-region{border-top:1px solid #6b99dd;padding-top:18px;margin-top:20px;font-size:13px!important}
.design-b .inquiry-send-actions{grid-template-columns:1fr}
.design-b .inquiry-send-actions .inquiry-kakao{background:#fee500;color:#191919;border-color:#fee500}
.design-b .inquiry-send-actions .inquiry-kakao:hover{background:#ffeb38}
.design-b .b-quickbar .quick-kakao{background:#fee500;color:#191919}
@media(max-width:520px){.design-b .kakao-contact-card{padding:22px 18px}.design-b .kakao-contact-card h3{font-size:23px}.design-b .kakao-primary{font-size:15px;padding:14px 16px}.design-b .contact-section h2{font-size:29px}}

/* Separate personal purchase guidance from business consultation. */
.design-b .personal-support{padding:48px 6vw;display:flex;align-items:center;justify-content:space-between;gap:36px;background:#f0f5fc;color:#123353}
.personal-support .eyebrow{font-size:12px;margin-bottom:14px;color:#496b90}
.personal-support h2{font-size:28px;line-height:1.5;letter-spacing:-.04em}
.personal-support p{font-size:16px;line-height:1.8;margin-top:12px;color:#4b627d}
.personal-support-actions{min-width:260px;display:flex;flex-direction:column;gap:12px}
.personal-support-actions>a{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 20px;background:#fff;border:1px solid #8aa4c2;font-size:16px;font-weight:600;color:#123353}
.personal-support-actions>a:hover{border-color:#164fb0;background:#e7effb}
.personal-support-actions>span{font-size:14px;color:#526b87}
.design-b .consumer-support-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:8px;font-size:14px;color:#0748b7;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.design-b .personal-support{align-items:flex-start;flex-direction:column;gap:24px}.personal-support-actions{width:100%;min-width:0;max-width:420px}.personal-support h2{font-size:26px}}
@media(max-width:520px){.design-b .personal-support{padding:36px 24px}.personal-support h2{font-size:24px}.personal-support p br{display:none}.personal-support-actions>a{font-size:15px}}

/* Search recovery offers separate business and personal next steps. */
.design-b .personal-support:focus{outline:none}
.design-b .empty-next-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:760px;margin:26px auto;text-align:left}
.design-b .empty-next-steps>div{padding:22px;background:#fff;border:1px solid #d5e1ef;min-width:0}
.design-b .empty-next-steps>div>span{display:block;font-size:14px;font-weight:600;color:#49647f;margin-bottom:12px}
.design-b .empty-next-steps a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;margin:0;padding:12px 14px;border:1px solid #7797be;color:#123f76;font-size:15px;font-weight:600;line-height:1.65}
.design-b .empty-next-steps .empty-contact{background:#0c51d7;border-color:#0c51d7;color:#fff}
.design-b .empty-next-steps a:hover{border-color:#0a42a6;text-decoration:underline;text-underline-offset:4px}
.design-b .empty-next-steps p{font-size:14px;line-height:1.8;color:#526880;margin:12px 0 0}
.design-b .empty .empty-reset{background:transparent;color:#234c7c;border:0;border-bottom:1px solid #9db2cc;border-radius:0;font-size:14px;min-height:44px;margin:0;padding:8px 2px}
.design-b .personal-purchase-note{font-size:14px;line-height:1.8;max-width:460px;margin-top:16px}
.design-b .personal-support-actions{min-width:285px;max-width:350px}
.design-b .personal-support-actions .personal-shop-link{background:#123f76;color:#fff;border-color:#123f76}
.design-b .personal-support-actions .personal-shop-link:hover{background:#0b315f}
.design-b .personal-support-actions .personal-shop-link:focus-visible{outline:3px solid #0c51d7;outline-offset:4px}
@media(max-width:800px){.design-b .personal-support-actions{min-width:0;max-width:420px}}
@media(max-width:520px){.design-b .empty-next-steps{grid-template-columns:1fr;gap:14px;margin:22px 0}.design-b .empty-next-steps>div{padding:18px 14px}.design-b .empty-next-steps a{font-size:14px}.design-b .empty .empty-reset{width:auto;max-width:100%}}

/* Named section receives anchor focus without a decorative outline. */
.design-b #contact:focus{outline:none}

/* Keep the selected product clear when personal customers continue searching. */
.design-b .consumer-search-note{display:block;margin-top:10px;color:#52677a;font-size:14px;line-height:1.8;overflow-wrap:anywhere}

/* Keep focused controls above the fixed mobile service bar. */
@media(max-width:800px){html:has(body.design-b){scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
.design-b .catalog-result-row .result-count{font-size:16px;line-height:1.65}
.design-b #search-help{font-size:14px;line-height:1.7}

/* A single matching product gets enough room to inspect its photo on a phone. */
@media(max-width:520px){.design-b .product-grid:has(>.product-card:only-child){grid-template-columns:minmax(0,1fr);max-width:360px}}


/* Give a single search result a balanced photo-and-information layout. */
.design-b .product-detail-label{display:none}
.design-b .product-card:only-child .product-detail-label{display:inline-flex;align-items:center;gap:28px;width:fit-content;margin-top:20px;padding-bottom:7px;border-bottom:1px solid currentColor;color:#064fd3;font-size:16px;line-height:1.5;font-weight:600}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:30px 0 14px}
.catalog-pagination[hidden]{display:none}
.catalog-pagination-top{justify-content:flex-end;margin:0 0 24px}
.catalog-pagination button,.catalog-pagination select{min-height:44px;border:1px solid #c7d5e6;border-radius:2px;background:#fff;color:#234363;font:inherit;font-size:14px;padding:10px 15px}
.catalog-pagination select{min-width:142px;cursor:pointer}
.catalog-pagination button:not(:disabled):hover{background:#f1f6ff;border-color:#0c51d7;color:#064fd3}
.catalog-pagination button:disabled{color:#8090a1;background:#f6f8fa;cursor:default}
.catalog-pagination :focus-visible{outline:3px solid #0c51d7;outline-offset:3px}
@media(max-width:520px){.catalog-pagination-top{justify-content:center}.catalog-pagination{gap:7px}.catalog-pagination button{padding:10px 12px}.catalog-pagination select{min-width:135px;padding:10px 8px}}
@media(min-width:521px){
  .design-b .product-grid>.product-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(190px,0.85fr) minmax(0,1.3fr);grid-template-rows:1fr auto auto auto auto 1fr;grid-template-areas:"photo ." "photo category" "photo title" "photo spec" "photo action" "photo .";column-gap:clamp(24px,4vw,64px);row-gap:12px;padding-right:24px;border:1px solid #e8edf2;border-radius:0}
  .design-b .product-card:only-child .product-image{grid-area:photo;width:100%;margin:0;border:0}
  .design-b .product-card:only-child .product-group{grid-area:category;margin:0;font-size:14px}
  .design-b .product-card:only-child h3{grid-area:title;margin:0;font-size:clamp(24px,3vw,36px);line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}
  .design-b .product-card:only-child .product-spec{grid-area:spec;margin:0;font-size:16px;line-height:1.7}
  .design-b .product-card:only-child .product-detail-label{grid-area:action;margin-top:8px}
  .design-b .product-card:only-child .product-image>span[aria-hidden="true"]{display:none}
}

/* Ten representative products: two clear rows on wide screens. */
@media (min-width:1200px){
  .design-b .product-grid.featured-selection{grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 20px}
  .design-b .featured-selection .product-card h3{font-size:19px;line-height:1.5}
}
@media (min-width:801px) and (max-width:1199px){
  .design-b .product-grid.featured-selection{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.design-b .business-only-note p{font-size:14px;line-height:1.7;color:#526880;margin:12px 0 0}

.design-b .consumer-route-note{padding:14px 16px;margin:12px 0;background:#f2f5f8;border-left:3px solid #94a8be;text-align:left}
.design-b .consumer-route-note strong{font-size:14px;line-height:1.6;color:#233f5a}
.design-b .consumer-route-note p{margin:6px 0 0;font-size:13px;line-height:1.75;color:#526880;word-break:keep-all}

/* New business consultation: clear first step within the existing B design. */
.brand-hero .hero-copy .hero-consult-note{font-size:14px;line-height:1.7;color:#dce6f4;margin-top:16px}
.new-trade-section{background:#f3f6fa}
.new-trade-section .collection-head{margin-bottom:24px}
.trade-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 0 34px;margin-bottom:4px}
.trade-intro p{font-size:16px;line-height:1.8;color:#4b6077;word-break:keep-all}
.trade-intro .solid-button{white-space:nowrap;min-height:50px;background:#0c51d7}
.new-trade-section .trade-foot{align-items:flex-start}
.new-trade-section .trade-foot>p{max-width:28em;line-height:1.7}
.new-trade-section .trade-actions{flex-wrap:wrap;gap:16px 24px}
.new-trade-section .trade-actions .line-link{margin-top:0;min-height:44px}
.inquiry-mode-buttons [data-contact-mode="new"]{border-color:#d4e7ff}
@media(max-width:800px){.trade-intro{align-items:flex-start;flex-direction:column;gap:18px}.new-trade-section .trade-foot>p{max-width:none}.new-trade-section .trade-actions{margin-top:14px}}
@media(max-width:520px){.brand-hero .hero-copy .hero-consult-note{font-size:14px}.trade-intro p br{display:none}.trade-intro .solid-button{width:100%;justify-content:space-between;white-space:normal}.new-trade-section .trade-steps{gap:26px 18px}.new-trade-section .trade-steps h3{font-size:18px}.new-trade-section .trade-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}}

/* Keep the selected product available while composing a business inquiry. */
.inquiry-review-product{display:inline-flex;align-items:center;gap:24px;min-height:44px;padding:10px 0;margin:0 0 18px;border:0;border-bottom:1px solid #7799c2;background:transparent;color:#eef5ff;font:inherit;font-size:14px;cursor:pointer}
.inquiry-review-product[hidden]{display:none}
.inquiry-review-product:hover{color:#fff;border-color:#fff}
.inquiry-review-product:focus-visible{outline:3px solid #ffdc45;outline-offset:5px}

/* Catalog scope and view controls stay together before the product list. */
.catalog-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 28px}
.catalog-overview .catalog-result-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;min-width:0}
.catalog-overview .catalog-expand{flex-shrink:0;margin:0;text-align:right}
.catalog-overview .catalog-expand button{padding:10px 20px;min-height:48px}
@media(max-width:620px){.catalog-overview{display:block;margin:20px 0 24px}.catalog-overview .catalog-expand{margin-top:14px}.catalog-overview .catalog-expand button{width:100%}.catalog-overview #search-help{margin:0}}

/* Make requested quantity units explicit before copying a business inquiry. */
.design-b .selected-inquiry #inquiry-quantity-help{margin:4px 0 20px;padding:12px 14px;background:#eff4fa;color:#365572;font-size:14px;line-height:1.75;border-left:3px solid #8aa9cf}

/* Compare products in the visible catalog without repeatedly closing the dialog. */
.design-b .detail-browse{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid #dfe6ee}
.design-b .detail-browse>span{font-size:13px;line-height:1.5;color:#52677e;white-space:nowrap;font-variant-numeric:tabular-nums}
.design-b .detail-browse button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #d4deeb;border-radius:4px;background:#fff;color:#163a63;font:inherit;font-size:14px;white-space:nowrap;cursor:pointer}
.design-b .detail-browse button:hover:not(:disabled){background:#edf4fd;border-color:#0750c6}
.design-b .detail-browse button:disabled{color:#8b96a3;background:#f5f7fa;border-color:#e2e7ed;cursor:default}
@media(min-width:681px){.design-b .detail-photo{align-items:flex-start;padding-top:64px}.design-b .detail-packshot{position:sticky;top:40px}}
@media(max-width:680px){.design-b .detail-heading{padding-right:24px}.design-b .detail-heading .eyebrow,.design-b .detail-heading h2{padding-right:40px}.design-b .detail-browse{gap:6px;margin-top:18px;padding-top:15px}.design-b .detail-browse button{padding:8px 9px;gap:4px}.design-b .detail-browse>span{font-size:12px}}

/* Narrow the current results using volumes present in the displayed product data. */
.catalog-overview{flex-wrap:wrap}
.catalog-overview .catalog-result-row{flex:1 1 300px}
.catalog-volume{display:flex;align-items:center;gap:12px;margin-left:auto;flex:0 0 auto}
.catalog-volume[hidden]{display:none}
.catalog-volume label{font-size:14px;line-height:1.6;color:#365572;white-space:nowrap}
.catalog-volume select{min-height:48px;min-width:176px;max-width:100%;padding:10px 34px 10px 14px;border:1px solid #b9cbdf;border-radius:2px;background:#fff;color:#163a63;font:inherit;font-size:15px;cursor:pointer}
.catalog-volume select:focus-visible{outline:3px solid #0c51d7;outline-offset:3px}
@media(max-width:620px){.catalog-volume{justify-content:space-between;margin:16px 0 0;gap:12px}.catalog-volume select{flex:1;min-width:0;max-width:240px}}

/* Related product filters share one clear control group. */
.catalog-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-left:auto}
.catalog-filters[hidden]{display:none}
.catalog-filters .catalog-volume{margin:0}
@media(max-width:620px){.catalog-filters{display:block;margin-top:16px}.catalog-filters .catalog-volume{margin:12px 0 0}}

/* Keep the copied version visible while the customer prepares a Kakao inquiry. */
.design-b .selected-inquiry .inquiry-copy-heading{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:24px 0 14px;padding-top:20px;border-top:1px solid #d4dfed;color:#163a63;font-size:14px;line-height:1.6}
.design-b .inquiry-copy-heading strong{padding:5px 10px;background:#edf2f8;color:#395675;font-size:13px;font-weight:600;border-radius:3px;max-width:100%;overflow-wrap:anywhere}
.design-b .inquiry-copy-heading strong[data-state="copied"]{background:#e4f3ee;color:#14614d}
.design-b .inquiry-copy-heading strong[data-state="changed"],.design-b .inquiry-copy-heading strong[data-state="failed"]{background:#fff0d9;color:#805000}
.design-b .selected-inquiry #copy-status{color:#365572;margin:12px 0 18px}
.design-b .selected-inquiry #copy-inquiry{min-height:48px;white-space:normal;line-height:1.6}
@media(max-width:520px){.design-b .selected-inquiry #copy-inquiry{width:100%;justify-content:center}.design-b .selected-inquiry #clear-inquiry{margin-top:8px}}

/* Keep consultation entry and catalog return visible without losing the draft. */
.design-b .selected-inquiry{scroll-margin-top:8px}
.design-b .selected-inquiry #return-inquiry-catalog{display:flex;align-items:center;gap:12px;min-height:44px;margin:0 0 18px;padding:10px 0;border:0;border-bottom:1px solid #a8bdd5;background:transparent;color:#164e9e;font:inherit;font-size:14px;text-align:left}
.design-b .selected-inquiry #return-inquiry-catalog[hidden]{display:none}
.design-b .selected-inquiry #return-inquiry-catalog:focus-visible{outline:3px solid #0c51d7;outline-offset:4px}
.catalog-inquiry-return{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:0 0 24px;padding:14px 18px;background:#edf4ff;border-left:3px solid #1855bb;color:#365572;font-size:14px;line-height:1.65}
.catalog-inquiry-return[hidden]{display:none}
.catalog-inquiry-return button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;background:#fff;border:1px solid #b9cde8;padding:9px 14px;color:#0748b7;font:inherit;font-weight:600}
.catalog-inquiry-return button:focus-visible{outline:3px solid #0c51d7;outline-offset:3px}
@media(max-width:520px){.catalog-inquiry-return{display:block;padding:14px 16px}.catalog-inquiry-return button{margin-top:10px;width:100%}}

/* A compact visual product reference and a text area that grows with the message. */
.design-b .selected-inquiry .inquiry-product-summary{display:flex;flex-wrap:nowrap;align-items:center;gap:16px;margin:0}
.inquiry-product-heading{min-width:0}
.design-b .inquiry-product-heading #inquiry-label{display:block;margin-bottom:7px;font-size:12px;color:#5b7190;line-height:1.6}
.design-b .inquiry-product-heading #inquiry-product{font-size:20px;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
.inquiry-product-photo{width:88px;height:88px;flex:0 0 88px;background:#f3f6fa;border:1px solid #e3eaf3}
.inquiry-product-photo[hidden]{display:none}
.design-b .inquiry-product-photo .product-photo-unavailable{font-size:12px;padding:8px;text-align:center;line-height:1.5}
.design-b .selected-inquiry #inquiry-spec{margin:14px 0;color:#365572}
.design-b .selected-inquiry .inquiry-product-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.design-b .selected-inquiry .inquiry-product-actions[hidden]{display:none}
.design-b .selected-inquiry #inquiry-product-actions button{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:9px 12px;background:#fff;border:1px solid #bacde4;border-radius:2px;color:#164e9e;font:inherit;font-size:14px;line-height:1.6;white-space:normal}
.design-b .selected-inquiry #inquiry-product-actions button[hidden]{display:none}
.design-b .selected-inquiry #inquiry-product-actions button:focus-visible{outline:3px solid #0c51d7;outline-offset:3px}
.design-b #inquiry-message{resize:none;overflow-y:hidden;min-height:210px}
.design-b .selected-inquiry #inquiry-scroll-note{font-size:13px;line-height:1.65;color:#526880;margin:8px 0}
@media(max-width:360px){.inquiry-product-photo{width:64px;height:64px;flex-basis:64px}.design-b .selected-inquiry .inquiry-product-summary{gap:12px}.design-b .inquiry-product-heading #inquiry-product{font-size:18px}.design-b .selected-inquiry .inquiry-product-actions{gap:8px}.design-b .selected-inquiry #inquiry-product-actions button{font-size:13px;padding:9px 10px}}

/* State the scope of the temporary draft without implying a submitted inquiry. */
.design-b .selected-inquiry #inquiry-draft-status{margin:12px 0 18px;padding:12px 14px;background:#edf4fb;border-left:3px solid #8badcf;color:#365572;font-size:13px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
.design-b .selected-inquiry #inquiry-draft-status:empty{display:none}
.design-b .selected-inquiry #inquiry-draft-status[data-state="unavailable"]{background:#fff2dd;border-color:#c68a22;color:#805000}

/* A collapsible first-trade example helps customers prepare without inserting demo data. */
.trade-inquiry-example{margin:0 0 28px;border:1px solid #d0dceb;background:#fff;color:#163a63}
.trade-inquiry-example>summary{min-height:48px;padding:16px 22px;cursor:pointer;font-size:17px;font-weight:600;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
.trade-inquiry-example>summary:focus-visible{outline:3px solid #0c51d7;outline-offset:3px}
.trade-example-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px 26px 28px;border-top:1px solid #dce5ef}
.trade-example-label{display:block;margin-bottom:12px;font-size:12px;line-height:1.7;color:#62778e}
.trade-example-body h3{font-size:20px;line-height:1.6;margin:0 0 18px;letter-spacing:-.03em}
.trade-example-fields{margin:0}
.trade-example-fields>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;margin:0 0 14px;font-size:15px;line-height:1.8}
.trade-example-fields dt{color:#526c88}.trade-example-fields dd{margin:0;color:#183b61}
.trade-example-next ul{padding-left:20px;margin:0 0 18px;color:#365572;font-size:15px;line-height:1.95}
.trade-example-next p{font-size:14px;line-height:1.8;color:#60738a;word-break:keep-all;overflow-wrap:anywhere}
.trade-example-next a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;margin-top:20px;padding:12px 16px;background:#0c4ac3;color:#fff;font-size:14px;font-weight:600;line-height:1.6}
.trade-example-next a:focus-visible{outline:3px solid #0c51d7;outline-offset:4px}
@media(max-width:620px){.trade-inquiry-example>summary{padding:15px 18px;font-size:16px}.trade-example-body{grid-template-columns:1fr;gap:24px;padding:22px 18px}.trade-example-fields>div{grid-template-columns:76px minmax(0,1fr);gap:8px;font-size:14px}.trade-example-body h3{font-size:19px}.trade-example-next{border-top:1px solid #dce5ef;padding-top:22px}.trade-example-next a{display:flex;width:100%}}

/* Keep different Tsingtao bottle sizes and keg ordering units distinct. */
.detail-pack-guide{margin:20px 0;padding:16px;background:#f3f6fa;border:1px solid #d8e1ec}
.detail-pack-guide table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6;color:#193c62}
.detail-pack-guide caption{text-align:left;font-size:15px;font-weight:600;padding-bottom:12px}
.detail-pack-guide th,.detail-pack-guide td{text-align:left;padding:9px 6px;border-bottom:1px solid #d8e1ec;word-break:keep-all}
.detail-pack-guide thead th{font-weight:500;color:#52677a}
.detail-pack-guide tbody th{font-weight:600}
.detail-pack-guide p{font-size:13px;line-height:1.8;color:#52677a;margin:13px 0 0}
.detail-pack-choice{margin-top:16px;padding-top:16px;border-top:1px solid #d8e1ec}
.detail-pack-choice label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#193c62}
.detail-pack-choice select{width:100%;max-width:100%;min-height:48px;padding:10px 12px;border:1px solid #9eafc1;border-radius:0;background:#fff;color:#173a60;font:inherit;font-size:16px}
.detail-pack-choice select:focus-visible{outline:2px solid #173a60;outline-offset:3px}
.design-b .product-card .product-photo-note{font-size:12px;line-height:1.6;color:#596f80;margin:5px 0 0}
.design-b .empty-related{max-width:760px;margin:26px auto;padding:22px;background:#edf4ff;border:1px solid #c5d7ed;text-align:left}
.design-b .empty-related h4{font-size:17px;line-height:1.6;margin:0;color:#193c62}
.design-b .empty .empty-related-search{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;width:100%;margin:13px 0 0;padding:12px 16px;border:1px solid #0c51d7;border-radius:0;background:#fff;color:#0748b7;font:inherit;font-size:16px;font-weight:600;text-align:left;line-height:1.7;overflow-wrap:anywhere}
.design-b .empty-related-search:hover{background:#dfeaff}
.design-b .empty-related-search:focus-visible{outline:3px solid #0c51d7;outline-offset:3px}
.design-b .empty-related p{margin:12px 0 0;font-size:14px;line-height:1.8;color:#526880}
@media(max-width:520px){.design-b .empty-related{padding:18px 14px;margin:22px 0}.design-b .empty .empty-related-search{font-size:15px;padding:12px}}
@media(min-width:521px){.design-b .product-grid>.product-card:only-child:has(.product-photo-note){grid-template-rows:1fr auto auto auto auto auto 1fr;grid-template-areas:"photo ." "photo category" "photo title" "photo spec" "photo note" "photo action" "photo ."}.design-b .product-card:only-child .product-photo-note{grid-area:note;margin:0}}

/* New trade: intent first, using the existing business inquiry and draft guard. */
.trade-purpose-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 38px}
.trade-purpose-cards a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:24px;background:#fff;border:1px solid #d5ddeb;border-top:3px solid #1454d3;color:#172d3b;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.trade-purpose-cards a:hover{border-color:#1454d3;box-shadow:0 4px 16px #17324d0d}
.trade-purpose-cards a:focus-visible,.new-trade-purposes button:focus-visible{outline:3px solid #1454d3;outline-offset:4px}
.trade-purpose-number{font-size:.875rem;font-weight:700;color:#1454d3}
.trade-purpose-cards strong{font-size:1.25rem;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.trade-purpose-cards a>span:not(.trade-purpose-number):not(.trade-purpose-action){font-size:1rem;line-height:1.7;color:#536474;word-break:keep-all;overflow-wrap:anywhere}
.trade-purpose-cards .trade-purpose-action{margin-top:auto;padding-top:12px;font-size:.9375rem;font-weight:700;color:#1454d3}
.new-trade-purposes{margin:16px 0 22px;padding:16px 0;border-top:1px solid #d5ddeb;border-bottom:1px solid #d5ddeb}
.new-trade-purposes>span{display:block;margin-bottom:10px;font-size:.875rem;font-weight:700;color:#536474}
.new-trade-purposes>div{display:flex;gap:8px;flex-wrap:wrap}
.new-trade-purposes button{min-height:44px;padding:10px 15px;border:1px solid #b6c4d5;background:#fff;color:#172d3b;font:inherit;font-size:.9375rem;cursor:pointer}
.new-trade-purposes button[aria-pressed="true"]{background:#1454d3;border-color:#1454d3;color:#fff}
@media(max-width:760px){.trade-purpose-cards{grid-template-columns:1fr;gap:12px;margin:22px 0 28px}.trade-purpose-cards a{padding:20px;gap:8px}.trade-purpose-cards strong{font-size:1.125rem}.trade-purpose-cards .trade-purpose-action{padding-top:4px}}

/* Corporate B: large product photography, concise routes, and company evidence. */
.design-b .brand-hero.corporate-hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:stretch;min-height:610px;background:#fff;color:#152d43;overflow:visible}
.design-b .brand-hero.corporate-hero::before{display:none}
.design-b .corporate-hero .hero-copy{width:auto;min-width:0;max-width:none;padding:76px 4vw 66px 6vw;align-self:center}
.design-b .corporate-hero .eyebrow{font-size:14px;letter-spacing:.025em;color:#24527e;margin-bottom:28px}
.design-b .brand-hero.corporate-hero .hero-copy h1{font-size:clamp(36px,3.65vw,64px);line-height:1.32;color:#142c42;letter-spacing:-.055em;font-weight:650}
.design-b .brand-hero.corporate-hero .hero-copy h1 em{color:#1053ca;font-weight:650}
.design-b .corporate-hero .hero-copy .hero-description{font-size:17px;color:#52677a;line-height:1.85;margin-top:28px}
.design-b .corporate-hero .hero-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:34px}
.design-b .corporate-hero .hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 22px;margin:0;font-size:15px;line-height:1.4;text-decoration:none}
.design-b .corporate-hero .solid-button{background:#104fc4;color:#fff;border:1px solid #104fc4}
.design-b .corporate-hero .line-link{background:#fff;color:#183b5a;border:1px solid #acbfd1}
.design-b .corporate-hero .hero-copy .hero-consult-note{font-size:14px;line-height:1.75;color:#596d7f;margin-top:20px}
.design-b .corporate-hero .hero-consult-note>span{display:block}
.design-b .corporate-hero .hero-facts{display:flex;flex-wrap:wrap;flex-direction:row;gap:10px 18px;color:#425b72;font-size:14px;margin-top:34px}
.design-b .corporate-hero a:focus-visible{outline:3px solid #1053ca;outline-offset:4px}
.hero-collection{min-width:0;background:#f0f4f8;padding:44px 28px 28px;display:flex;flex-direction:column;justify-content:center}
.hero-collection-heading{padding:0 12px}
.hero-collection-heading>span{display:block;color:#48627b;font-size:12px;letter-spacing:.15em;font-weight:600;margin-bottom:12px}
.hero-collection-heading h2{font-size:24px;line-height:1.45;letter-spacing:-.045em;color:#1b3852;font-weight:600}
.hero-product-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.hero-product{margin:0;min-width:0}
.hero-product-image{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;height:360px;padding-bottom:12px}
.hero-product-image img{display:block;flex:none;width:auto;max-width:none;object-fit:contain;mix-blend-mode:multiply}
.hero-product-whisky img{height:300px}.hero-product-wine img{height:350px}.hero-product-beer img{height:255px}
.hero-product figcaption{text-align:center;font-size:15px;font-weight:600;color:#294761;line-height:1.7}
.hero-product figcaption span{display:block;font-size:11px;font-weight:500;letter-spacing:.1em;color:#6c8194}
.hero-product-note{text-align:center;margin-top:25px;font-size:12px;line-height:1.6;color:#60758a;word-break:keep-all}
.design-b .brand-services{padding-bottom:56px}
.design-b .brand-services .service-card h3{font-size:25px}
.design-b .brand-about.corporate-about{background:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:42px 6%;padding:70px 6vw 80px;border-top:1px solid #dce5ee}
.corporate-about .about-heading h2{font-size:clamp(29px,2.8vw,44px);line-height:1.4;color:#18344e;word-break:keep-all}
.corporate-about .about-lead{font-size:16px;line-height:1.85;color:#5b7083}
.company-guide-link{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;border-bottom:1px solid #1c527c;font-size:15px;font-weight:600;color:#1c527c;text-decoration:none}
.company-guide-link:focus-visible{outline:3px solid #1053ca;outline-offset:4px}
.corporate-about .company-evidence{padding-top:28px;border-color:#d4e0eb}
.corporate-about .company-facts dt{font-size:14px;color:#62778b}
.corporate-about .company-facts dd{font-size:21px;color:#1d3d59;line-height:1.55}
.corporate-about .company-facts small{font-size:14px;color:#65798c}
.corporate-about .document-links a{background:#f4f7fa;border:0;border-bottom:1px solid #d8e3ec;padding:18px;min-height:72px}
@media(min-width:1700px){.hero-collection{padding-left:52px;padding-right:52px}.hero-product-image{height:410px}.hero-product-whisky img{height:345px}.hero-product-wine img{height:395px}.hero-product-beer img{height:290px}}
@media(max-width:1050px){.design-b .corporate-hero .hero-copy{padding-left:5vw;padding-right:3vw}.hero-collection{padding:35px 14px 26px}.hero-collection-heading h2{font-size:21px}.hero-product-image{height:305px}.hero-product-whisky img{height:250px}.hero-product-wine img{height:295px}.hero-product-beer img{height:215px}}
@media(max-width:850px){.design-b .brand-hero.corporate-hero{grid-template-columns:1fr;min-height:0}.design-b .corporate-hero .hero-copy{padding:54px 6vw 42px}.design-b .brand-hero.corporate-hero .hero-copy h1{font-size:clamp(34px,6vw,48px)}.hero-collection{padding:28px 6vw 22px}.hero-product-lineup{max-width:570px;width:100%;margin:8px auto 0}.hero-collection-heading{text-align:center;padding:0}.hero-collection-heading>span{font-size:11px;margin-bottom:8px}.hero-product-image{height:285px}.hero-product-whisky img{height:240px}.hero-product-wine img{height:275px}.hero-product-beer img{height:205px}.hero-product-note{margin-top:16px}.design-b .brand-about.corporate-about{grid-template-columns:1fr;padding:54px 6vw;gap:30px}.corporate-about .company-facts{grid-template-columns:1fr 1fr}.corporate-about .company-facts>div:last-child{grid-column:1/-1}}
@media(max-width:520px){.design-b .brand-hero.corporate-hero{display:grid;align-items:stretch}.design-b .corporate-hero .hero-copy{padding:42px 24px 34px}.design-b .corporate-hero .eyebrow{font-size:13px;margin-bottom:22px}.design-b .brand-hero.corporate-hero .hero-copy h1{font-size:34px}.design-b .corporate-hero .hero-copy .hero-description{font-size:16px;margin-top:22px}.hero-description br{display:none}.design-b .corporate-hero .hero-actions{gap:10px;margin-top:26px}.design-b .corporate-hero .hero-actions a{padding:13px 16px;font-size:14px;min-height:48px}.design-b .corporate-hero .hero-facts{font-size:13px;gap:7px 12px;margin-top:24px}.hero-collection{padding:24px 20px 20px}.hero-collection-heading h2{font-size:20px}.hero-product-lineup{gap:3px}.hero-product-image{height:225px}.hero-product-whisky img{height:185px}.hero-product-wine img{height:215px}.hero-product-beer img{height:165px}.hero-product figcaption{font-size:14px}.hero-product figcaption span{font-size:10px}.hero-product-note{font-size:12px}.design-b .brand-services{padding-bottom:38px}.design-b .brand-about.corporate-about{padding:44px 24px;gap:26px}.corporate-about .about-heading h2{font-size:29px}.corporate-about .company-facts{grid-template-columns:1fr}.corporate-about .company-facts>div:last-child{grid-column:auto}.corporate-about .company-facts dd{font-size:20px}.corporate-about .document-links a{padding:15px;min-height:66px}}
@media(max-width:360px){.design-b .brand-hero.corporate-hero .hero-copy h1{font-size:30px}.design-b .corporate-hero .hero-actions{display:grid;grid-template-columns:1fr 1fr}.design-b .corporate-hero .hero-actions a{padding:12px 8px;font-size:14px}.hero-product-image{height:195px}.hero-product-whisky img{height:165px}.hero-product-wine img{height:185px}.hero-product-beer img{height:145px}}

/* A typography-led company story: no fleet or warehouse photography. */
.design-b .brand-about.corporate-about.brand-story-section{display:block;padding:0;border:0;background:#fff}
.brand-story-section .company-story{display:grid;grid-template-columns:1.15fr 1fr;column-gap:8%;row-gap:64px;padding:80px 6vw 52px;background:#102f43;color:#fff}
.company-story .company-story-heading{min-width:0}
.company-story .eyebrow{display:block;margin:0 0 28px;color:#adc9dc;font-size:12px;letter-spacing:.18em}
.company-story h2{margin:0;font-size:clamp(36px,3.7vw,60px);line-height:1.35;font-weight:600;letter-spacing:-.05em;color:#fff;word-break:keep-all}
.company-story h2 em{font-style:normal;color:#9dcde7}
.company-story-copy{min-width:0;padding-top:43px}
.company-story-copy .company-story-lead{font-size:25px;font-weight:500;line-height:1.6;color:#fff;margin:0 0 20px;letter-spacing:-.025em}
.company-story-copy p{margin:0;color:#c1d1dc;font-size:16px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
.company-story .company-guide-link{display:inline-flex;justify-content:space-between;gap:38px;margin-top:22px;min-height:48px;border-color:#83a5bd;color:#fff;font-size:14px}
.company-story .company-guide-link:hover{color:#b7e4ff;border-color:#b7e4ff}
.company-story .company-guide-link:focus-visible{outline:3px solid #b7e4ff;outline-offset:5px}
.company-story-flow{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0;border-top:1px solid #486175}
.company-story-flow li{padding-top:28px;min-width:0}
.company-flow-label{display:block;color:#a5bfd1;font-size:11px;letter-spacing:.1em;line-height:1.6;margin-bottom:16px}
.company-story-flow h3{margin:0 0 10px;color:#fff;font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1.5}
.company-story-flow p{margin:0;color:#c1d1dc;font-size:14px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
.brand-story-section .company-evidence{margin:0;padding:40px 6vw 66px;border:0}
.company-evidence-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.company-evidence-heading h3{margin:0;font-size:20px;line-height:1.5;letter-spacing:-.02em;color:#18344e}
.company-evidence-heading>span{color:#62798d;font-size:11px;letter-spacing:.12em}
.brand-story-section .company-facts{padding-top:24px;border-top:1px solid #d4e0eb}
@media(max-width:900px){.brand-story-section .company-story{grid-template-columns:1fr 1fr;column-gap:6%;padding-top:62px;row-gap:42px}.company-story h2{font-size:38px}.company-story-copy{padding-top:36px}.company-story-copy .company-story-lead{font-size:22px}.company-story-flow{gap:22px}.company-story-flow h3{font-size:21px}}
@media(max-width:680px){.brand-story-section .company-story{grid-template-columns:1fr;gap:28px;padding:48px 24px 34px}.company-story .eyebrow{margin-bottom:22px;font-size:11px}.company-story h2{font-size:36px}.company-story-copy{padding-top:0}.company-story-copy .company-story-lead{font-size:21px;margin-bottom:14px}.company-story-copy p{font-size:15px}.company-story .company-guide-link{margin-top:16px}.company-story-flow{grid-template-columns:1fr;gap:0}.company-story-flow li{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:14px;padding:22px 0;border-bottom:1px solid #486175}.company-story-flow li:last-child{border-bottom:0;padding-bottom:0}.company-flow-label{grid-column:1/-1;margin-bottom:10px;font-size:10px}.company-story-flow h3{margin:0;font-size:20px}.company-story-flow p{font-size:14px}.brand-story-section .company-evidence{padding:32px 24px 42px}.company-evidence-heading{display:block;margin-bottom:18px}.company-evidence-heading>span{display:block;margin-top:8px;font-size:10px}.brand-story-section .company-facts{padding-top:20px}}
@media(max-width:360px){.company-story h2{font-size:31px}.company-story-copy .company-story-lead{font-size:20px}.company-story-flow li{grid-template-columns:80px minmax(0,1fr);column-gap:10px}.company-story-flow h3{font-size:18px}}

/* Search first; compact mobile controls keep real product images closer to view. */
.design-b .category-tabs button:focus-visible,.design-b .search-shortcuts button:focus-visible{outline:2px solid #0c51d7;outline-offset:-3px}
.design-b #collection .catalog-toolbar{gap:28px}
.design-b #collection .product-search{flex:0 1 350px;min-width:0}
.design-b #collection .category-tabs{margin-left:auto;justify-content:flex-end}
.design-b #collection .product-search:focus-within{border-bottom-color:#0c51d7;box-shadow:0 2px 0 #0c51d7}
@media(max-width:1100px){.design-b #collection .catalog-toolbar{gap:16px}.design-b #collection .product-search{flex:0 0 auto;width:100%}.design-b #collection .category-tabs{margin-left:0;justify-content:flex-start}}
@media(max-width:700px){
 .design-b #collection .collection-head{gap:12px;margin-bottom:20px}
 .design-b #collection .collection-head .eyebrow{margin-bottom:14px}
 .design-b #collection .collection-head h2{font-size:29px;line-height:1.35;margin:0}
 .design-b #collection .collection-intro{margin-top:10px;font-size:14px;line-height:1.7}
 .design-b #collection .catalog-business-entry{margin-top:0}
 .design-b #collection .catalog-business-entry .solid-button{min-height:44px;padding:10px 16px}
 .design-b #collection .catalog-business-entry small{margin-top:6px;font-size:12px}
 .design-b #collection .catalog-toolbar{gap:12px;padding-bottom:12px;min-width:0}
 .design-b #collection .product-search{min-height:46px;background:#f5f7fa;border:1px solid #c6d3df;padding:0 12px;box-sizing:border-box}
 .design-b #collection .product-search input{min-width:0;width:100%;min-height:44px;padding:9px 0;background:transparent;font-size:16px}
 .design-b #collection .product-search button{flex:none;min-width:40px;min-height:44px}
 .design-b #collection .product-search:focus-within{border-color:#0c51d7;box-shadow:0 0 0 1px #0c51d7}
 .design-b #collection .category-tabs{width:100%;min-width:0;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bbc9d8 transparent;padding-bottom:4px}
 .design-b #collection .category-tabs button{flex:0 0 auto;white-space:nowrap;min-height:44px;font-size:13px;padding:8px 10px}
 .design-b #collection .catalog-shortcuts{display:flex;align-items:center;gap:10px;min-width:0;margin-top:12px}
 .design-b #collection .search-shortcuts{min-width:0;flex:1;flex-wrap:nowrap;gap:7px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bbc9d8 transparent;padding:2px 2px 5px}
 .design-b #collection .search-shortcuts button{flex:none;white-space:nowrap;font-size:13px;padding:8px 10px;min-height:44px}
 .design-b #collection .search-reset{flex:none;white-space:nowrap;margin:0;padding:8px 0;font-size:12px;min-height:44px}
 .design-b #collection .catalog-overview{margin:16px 0 22px}
 .design-b #collection .catalog-result-row{gap:3px}
 .design-b #collection .result-count{font-size:14px;line-height:1.7}
 .design-b #collection #search-help{font-size:12px;line-height:1.65}
 .design-b #collection .catalog-expand{margin-top:10px}
 .design-b #collection .catalog-expand button{min-height:44px;padding:8px 14px;font-size:13px}
 .design-b #collection .product-card .product-spec{font-size:13px;line-height:1.7}
 .design-b #collection .product-card h3{line-height:1.5}
}

/* Missing product photos should not consume a full packshot on small screens. */
@media(max-width:680px){
 .design-b .detail-photo:has(.product-photo-unavailable){padding:0 24px;background:#fff}
 .design-b .detail-photo:has(.product-photo-unavailable) .detail-packshot{width:100%;max-width:none;height:88px;aspect-ratio:auto;border:1px solid #dce5ee;background:#f5f7fa}
 .design-b .detail-photo .product-photo-unavailable{font-size:14px;padding:12px;text-align:center;line-height:1.6}
}

/* Keep the product search while clearing only the selected size/packaging. */
.catalog-filter-reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #b9cbdf;border-radius:2px;background:#fff;color:#254363;font:inherit;font-size:14px;white-space:nowrap;cursor:pointer}
.catalog-filter-reset[hidden]{display:none}
.catalog-filter-reset:hover{background:#edf3ff;border-color:#0c51d7;color:#0c51d7}
.catalog-filter-reset:focus-visible{outline:3px solid #0c51d7;outline-offset:3px}
@media(max-width:620px){.catalog-filter-reset{margin-top:12px;margin-left:auto;display:flex}}
@media(max-width:380px){.catalog-pagination button{flex:0 0 auto;white-space:nowrap;padding:10px 8px}.catalog-pagination select{min-width:0;flex:0 1 135px;width:135px}}

/* Available even when the catalog scripts cannot load. */
[data-catalog-controls][hidden],.catalog-load-links[hidden],.catalog-reload[hidden]{display:none!important}
.catalog-load-state{grid-column:1/-1;padding:36px;border:1px solid #dce4ee;background:#f6f8fc;color:#163a63}
.catalog-load-state h3{margin:0 0 10px;font-size:22px;line-height:1.5;word-break:keep-all}
.catalog-load-state p{margin:0;color:#53677e;font-size:15px;line-height:1.8;word-break:keep-all}
.catalog-reload{min-height:46px;margin-top:20px;padding:10px 18px;border:1px solid #0c51d7;border-radius:2px;background:#0c51d7;color:#fff;font:inherit;font-size:15px;cursor:pointer}
.catalog-load-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.catalog-load-links a{display:block;padding:18px;border:1px solid #c7d5e6;background:#fff;color:#234363;text-decoration:none}
.catalog-load-links strong,.catalog-load-links span{display:block;line-height:1.6;font-size:14px}
.catalog-load-links span{margin-top:6px;color:#53677e}
.catalog-reload:focus-visible,.catalog-load-links a:focus-visible{outline:3px solid #0c51d7;outline-offset:4px}
@media(max-width:620px){.catalog-load-state{padding:24px 20px}.catalog-load-state h3{font-size:20px}.catalog-load-links{grid-template-columns:1fr;gap:10px}.catalog-load-links a{padding:14px}}

.design-b .detail-heading .detail-photo-note{margin:10px 0 0;color:#53677e;font-size:13px;line-height:1.7;word-break:keep-all}
.design-b .detail-photo .product-photo-unavailable{flex-direction:column;text-align:center;line-height:1.7;padding:16px}
@media(min-width:681px){.design-b #product-dialog:has(.detail-photo .product-photo-unavailable){width:min(680px,calc(100vw - 32px))}.design-b .product-detail:has(.detail-photo .product-photo-unavailable){grid-template-columns:1fr;grid-template-areas:"heading" "photo" "copy";grid-template-rows:auto auto 1fr}.design-b .detail-photo:has(.product-photo-unavailable){padding:0 32px;background:#fff}.design-b .detail-photo:has(.product-photo-unavailable) .detail-packshot{position:relative;top:auto;width:100%;max-width:none;height:88px;aspect-ratio:auto;border:1px solid #dce5ee;background:#f5f7fa}}

.normalized-packshot img[hidden]{display:none!important}
.normalized-packshot .photo-load-error{flex-direction:column;gap:10px;padding:12px;text-align:center;line-height:1.6;font-size:14px}
.photo-load-error .photo-load-message{position:static;display:block;font:inherit;color:inherit}
.design-b .detail-photo:has(.photo-load-error) .detail-packshot{height:148px}
.photo-retry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #0c51d7;border-radius:2px;background:#fff;color:#0c51d7;font:inherit;font-size:14px;cursor:pointer}
.photo-retry:disabled{color:#617080;border-color:#c7d5e6;cursor:wait}
.photo-retry:focus-visible{outline:3px solid #0c51d7;outline-offset:3px}
.design-b .inquiry-product-photo .photo-load-error{font-size:11px;padding:6px;gap:0}

.design-b .inquiry-copy-heading strong[data-state="partial"]{background:#fff0d9;color:#805000}
.design-b .selected-inquiry .inquiry-manual-select{min-height:44px;margin:0 0 18px;background:#fff;color:#164b91;border:1px solid #a7bcd7;line-height:1.6}
.design-b .selected-inquiry .inquiry-manual-select[hidden]{display:none!important}
.design-b .inquiry-manual-select:focus-visible{outline:3px solid #0c51d7;outline-offset:3px}

.design-b .inquiry-load-state{margin:24px 0;padding:24px;background:#fff;color:#163a63;border:1px solid #d2e0f0;scroll-margin-top:calc(var(--b-header-height) + 16px)}
.design-b .inquiry-load-state[hidden]{display:none!important}
.design-b .inquiry-load-state h3{margin:0 0 10px;font-size:19px;line-height:1.6;color:#163a63}
.design-b .inquiry-load-state p{margin:0 0 18px;color:#425e7c;font-size:15px;line-height:1.8}
.design-b .inquiry-load-actions{display:flex;flex-wrap:wrap;gap:10px}
.design-b .inquiry-load-actions button,.design-b .inquiry-load-actions a{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 16px;border:1px solid #b5c8e1;font:inherit;font-size:14px;line-height:1.6;background:#fff;color:#164b91;text-decoration:none;cursor:pointer}
.design-b .inquiry-load-actions a{background:#fee500;color:#191919;border-color:#fee500}
.design-b .inquiry-load-state .inquiry-load-note{margin:16px 0 0;font-size:13px}
@media(max-width:520px){.design-b .inquiry-load-state{padding:20px}.design-b .inquiry-load-actions>*{width:100%}}

/* Keep secondary information readable on the existing light surfaces. */
.design-b .hero-product figcaption span,
.design-b .hero-product-note,
.design-b .brand-services .service-top > span:first-child,
.design-b .brand-about .document-links small,
.design-b .new-trade-section .trade-foot > p,
.design-b .sample-note { color: #52677d; }

/* Make every liquor category visible without horizontal swiping on small screens. */
@media(max-width:620px){
 .design-b #collection .category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:0;scrollbar-width:auto}
 .design-b #collection .category-tabs button{width:100%;min-width:0;white-space:normal;min-height:44px}
 .design-b #collection .category-tabs button:last-child{grid-column:span 2}
}

/* Customer routes: consistent actions and clearly separated purchase/support destinations. */
.design-b .brand-services { padding-top: 52px; }
.service-guide-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding-bottom:32px; border-bottom:1px solid #dce3ec; }
.service-guide-heading .eyebrow { color:#52677d; margin-bottom:14px; }
.service-guide-heading h2 { font-size:clamp(28px,3vw,40px); line-height:1.35; letter-spacing:-.045em; font-weight:650; }
.service-guide-heading > p { color:#52677a; font-size:15px; line-height:1.8; }
.design-b .brand-services .split-actions { flex-direction:column; gap:4px; width:100%; }
.design-b .brand-services .split-actions a { width:100%; flex:none; white-space:normal; padding:10px 0; min-height:46px; }
.design-b .brand-services .split-actions a:first-child { color:#0750c6; }
.design-b .brand-services .service-card .service-route-note { font-size:13px; line-height:1.7; color:#52677d; margin-top:14px; }
@media (min-width:801px) { .design-b .brand-services .service-card { min-height:330px; } .design-b .brand-services .service-card .service-route-note { min-height:44px; } }
@media (min-width:521px) and (max-width:800px) { .design-b .brand-services .service-card .service-route-note { grid-column:1/-1; margin-top:4px; } }
@media (max-width:600px) { .design-b .brand-services { padding-top:34px; } .service-guide-heading { display:block; padding-bottom:24px; } .service-guide-heading > p { margin-top:16px; } .service-guide-heading h2 { font-size:28px; } }

/* Make the long product detail's specifications and customer routes easy to reach. */
.design-b .detail-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.design-b .detail-shortcuts button{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:9px 13px;border:1px solid #bdcfe4;border-radius:4px;background:#f1f6fd;color:#0750c6;font:inherit;font-size:14px;font-weight:600;line-height:1.5;text-align:left}
.design-b .detail-shortcuts button:hover{background:#e5effc;border-color:#0750c6}
.design-b .detail-shortcuts button:focus-visible{outline:3px solid #0750c6;outline-offset:3px}
.design-b .detail-route-section{margin-top:24px;padding-top:20px;border-top:1px solid #d6e0eb}
.design-b .detail-route-section>h3{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.025em;color:#163a63;padding-right:36px}
.design-b .detail-route-section:focus,.design-b .detail-pack-guide:focus{outline:2px solid #0750c6;outline-offset:4px}
@media(max-width:360px){.design-b .detail-shortcuts{flex-direction:column}.design-b .detail-shortcuts button{width:100%}}

/* v1.19: optional desktop-to-phone Kakao entry */
.design-b .kakao-phone-qr{margin:0 0 22px;border:1px solid #a5bce2;border-radius:4px;overflow:hidden}
.design-b .kakao-phone-qr summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;color:#fff;font-size:14px;font-weight:600;line-height:1.6;cursor:pointer;list-style:none}
.design-b .kakao-phone-qr summary::-webkit-details-marker{display:none}
.design-b .kakao-phone-qr summary:hover{background:#ffffff12}
.design-b .kakao-phone-qr summary:focus-visible{outline:3px solid #fee500;outline-offset:-4px}
.design-b .kakao-qr-toggle{font-size:21px;line-height:1;flex-shrink:0;transition:transform .15s ease}
.design-b .kakao-phone-qr[open] .kakao-qr-toggle{transform:rotate(45deg)}
.design-b .kakao-qr-content{padding:18px 14px;background:#fff;color:#25364a;text-align:center}
.design-b .kakao-qr-content img{width:185px;height:auto;max-width:100%;margin:0 auto 10px;background:#fff}
.design-b .kakao-qr-step{font-size:14px;line-height:1.7}
.design-b .kakao-qr-note{margin-top:14px;padding-top:14px;border-top:1px solid #dfe6ee;color:#526276;font-size:13px;line-height:1.75;text-align:left;word-break:keep-all;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.design-b .kakao-qr-toggle{transition:none}}

/* Make unresolved product specifications visible before consultation. */
.design-b .product-confirmation-badge{display:block;width:fit-content;margin-top:8px;padding:3px 8px;border:1px solid #d5c392;border-radius:2px;background:#fff7e5;color:#674b09;font-size:12px;line-height:1.6;font-weight:600}
.design-b #inquiry-confirmation{margin:0 0 16px;padding:12px 14px;border-left:3px solid #b78525;background:#fff7e5;color:#674b09;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.design-b #inquiry-confirmation[hidden]{display:none}

/* v1.20: shorter decision path and a consistent product-photo canvas. */
.design-b .brand-services .service-summary-note{margin:22px 0 0;padding-top:18px;border-top:1px solid #d8e1eb;color:#52677d;font-size:13px;line-height:1.75}
@media(min-width:801px){
 .design-b .brand-services .service-card{min-height:270px}
 .design-b .new-trade-section .trade-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.design-b .supply-guide{padding:0;overflow:hidden}
.design-b .supply-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:18px 24px;cursor:pointer;list-style:none}
.design-b .supply-guide>summary::-webkit-details-marker{display:none}
.design-b .supply-guide>summary span:first-child{display:flex;flex-direction:column;gap:4px}
.design-b .supply-guide>summary strong{font-size:20px;line-height:1.5}
.design-b .supply-guide>summary small{color:#52677a;font-size:13px;line-height:1.6}
.design-b .supply-guide>summary span:last-child{font-size:22px;color:#1555ce;transition:transform .15s ease}
.design-b .supply-guide[open]>summary span:last-child{transform:rotate(45deg)}
.design-b .supply-guide>summary:focus-visible{outline:3px solid #1555ce;outline-offset:-4px}
.design-b .supply-guide-body{padding:0 28px 26px;border-top:1px solid #d5dfe7}
.design-b .supply-guide-body>p{margin-top:18px;color:#52677a;font-size:14px;line-height:1.8}
.design-b .product-image.normalized-packshot{background:linear-gradient(145deg,#fbfaf7 0%,#f1f3f4 100%);border-color:#e1e6e9;box-shadow:inset 0 0 0 10px rgba(255,255,255,.55)}
.design-b .normalized-packshot img{filter:contrast(1.03) saturate(.98)}
@media(max-width:800px){.design-b .new-trade-section .trade-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){
 .design-b .new-trade-section .trade-steps{grid-template-columns:1fr}
 .design-b .supply-guide>summary{min-height:70px;padding:16px 18px}
 .design-b .supply-guide>summary strong{font-size:18px}
 .design-b .supply-guide-body{padding:0 20px 22px}
 .design-b .brand-services .service-summary-note{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.design-b .supply-guide>summary span:last-child{transition:none}}