@font-face{font-family:MakaliNoto;src:url('/catalog-brand-v1/noto-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MakaliNoto;src:url('/catalog-brand-v1/noto-bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
:root:has(.catalog-shell, .compare-page){--ink:#202124;--muted:#62666d;--line:#dcdfe3;--paper:#fff;--white:#fff;--accent:#ef304f;--accent-dark:#ad1733;--soft:#eceef1;--max:1600px;--shadow:none}
html:has(.catalog-shell, .compare-page){scroll-padding-top:110px}
:where(html:has(.catalog-shell, .compare-page)) body{font-family:var(--font-sans),MakaliNoto,Arial,sans-serif;background:#fff;color:#202124;font-size:15px;line-height:1.6}
:where(html:has(.catalog-shell, .compare-page)) h1,:where(html:has(.catalog-shell, .compare-page)) h2,:where(html:has(.catalog-shell, .compare-page)) h3,:where(html:has(.catalog-shell, .compare-page)) .wordmark,:where(html:has(.catalog-shell, .compare-page)) .category-tile span,:where(html:has(.catalog-shell, .compare-page)) .search-field input,:where(html:has(.catalog-shell, .compare-page)) .product-card__price strong,:where(html:has(.catalog-shell, .compare-page)) .sourcing-band li span,:where(html:has(.catalog-shell, .compare-page)) .site-footer>span{font-family:var(--font-sans),MakaliNoto,Arial,sans-serif}
:where(html:has(.catalog-shell, .compare-page)) button,:where(html:has(.catalog-shell, .compare-page)) input,:where(html:has(.catalog-shell, .compare-page)) select,:where(html:has(.catalog-shell, .compare-page)) textarea{font-family:inherit;border-radius:0}
:where(html:has(.catalog-shell, .compare-page)) :focus-visible{outline:3px solid #ad1733;outline-offset:4px}
:where(html:has(.catalog-shell, .compare-page)) .site-header{background:#fff;backdrop-filter:none;min-height:88px;padding:12px clamp(24px,4vw,64px);gap:32px;align-items:center}
:where(html:has(.catalog-shell, .compare-page)) .wordmark{display:block;width:158px;height:44px;flex:0 0 158px;background:url('/catalog-brand-v1/logo.svg') no-repeat left center;background-size:contain;font-size:0;letter-spacing:0;color:transparent}
:where(html:has(.catalog-shell, .compare-page)) .site-header nav{gap:clamp(16px,2vw,30px)}
:where(html:has(.catalog-shell, .compare-page)) .site-header nav a{font-size:13px;letter-spacing:0;min-height:44px;display:inline-flex;align-items:center;font-weight:600}
:where(html:has(.catalog-shell, .compare-page)) .site-header nav a[href$='/inquiry']{color:#ad1733}
:where(html:has(.catalog-shell, .compare-page)) .site-header nav a[hreflang]{border-left:1px solid #dcdfe3;padding-left:24px}
:where(html:has(.catalog-shell, .compare-page)) .catalog-hero{position:relative;max-width:1600px;min-height:0;grid-template-columns:minmax(0,1.85fr) minmax(250px,.8fr);column-gap:40px;row-gap:16px;padding:52px clamp(24px,4vw,64px) 48px;align-items:center}
:where(html:has(.catalog-shell, .compare-page)) .catalog-hero::after{content:'';position:absolute;bottom:0;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);height:2px;background:#ef304f}
:where(html:has(.catalog-shell, .compare-page)) .catalog-hero h1{font-size:clamp(44px,5.25vw,78px);line-height:1.03;letter-spacing:-.052em;font-weight:800;text-wrap:initial;margin:0}
:where(html:has(.catalog-shell, .compare-page)) .catalog-hero p{font-size:16px;line-height:1.65;border-left:1px solid #c6c9ce;padding:12px 0 12px 30px;margin:0;max-width:400px;color:#44484e}
:where(html:has(.catalog-shell, .compare-page)) main[lang='ja'] .catalog-hero h1{font-family:MakaliNoto,sans-serif;font-size:clamp(32px,3.9vw,60px);line-height:1.28;letter-spacing:-.045em;grid-column:1;grid-row:1/3}
:where(html:has(.catalog-shell, .compare-page)) main[lang='ja'] .catalog-hero p{font-size:14px;grid-column:2}
:where(html:has(.catalog-shell, .compare-page)) main[lang='ja'] .catalog-hero p+p{font-size:12px;padding-top:0;color:#62666d}
:where(html:has(.catalog-shell, .compare-page)) .catalog-shell{display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-areas:'categories controls' 'categories result' 'categories products';column-gap:28px;align-items:start;border:0;padding:40px clamp(24px,4vw,64px) 80px}
:where(html:has(.catalog-shell, .compare-page)) .category-browser{grid-area:categories;border:0;border-right:1px solid #dcdfe3;margin:0;padding:0 22px 0 0;position:sticky;top:116px;max-height:calc(100vh - 140px);overflow-y:auto;scrollbar-width:thin}
:where(html:has(.catalog-shell, .compare-page)) .category-browser__heading{display:block;margin:0 0 18px}
:where(html:has(.catalog-shell, .compare-page)) .category-browser__heading p{display:none}
:where(html:has(.catalog-shell, .compare-page)) .category-browser__heading h2{font-size:23px;font-weight:750;line-height:1.2;letter-spacing:-.045em;text-wrap:initial}
:where(html:has(.catalog-shell, .compare-page)) main[lang='ja'] .category-browser__heading h2{font-size:20px;text-wrap:balance}
:where(html:has(.catalog-shell, .compare-page)) .category-browser__heading .text-button{font-size:12px;margin:6px 0 0;padding:4px 0;text-align:left;min-height:44px}
:where(html:has(.catalog-shell, .compare-page)) .category-tiles{display:flex;flex-direction:column;gap:0}
:where(html:has(.catalog-shell, .compare-page)) .category-tile{border:0;border-top:1px solid #dcdfe3;padding:13px 8px 13px 0;min-height:68px;background:transparent;display:flex;flex-direction:column;gap:4px}
:where(html:has(.catalog-shell, .compare-page)) .category-tile:last-child{border-bottom:1px solid #dcdfe3}
:where(html:has(.catalog-shell, .compare-page)) .category-tile span{font-size:14px;line-height:1.4;letter-spacing:-.015em;font-weight:500;max-width:100%}
:where(html:has(.catalog-shell, .compare-page)) .category-tile small{font-size:11px;line-height:1.4;align-self:auto;color:#62666d}
:where(html:has(.catalog-shell, .compare-page)) .category-tile em{display:none}
:where(html:has(.catalog-shell, .compare-page)) .category-tile:hover{transform:none;background:#f4f5f7;border-color:#dcdfe3}
:where(html:has(.catalog-shell, .compare-page)) .category-tile.is-active{background:#202124;color:#fff;padding-left:12px;border-color:#202124;box-shadow:inset 3px 0 #ef304f}
:where(html:has(.catalog-shell, .compare-page)) .category-tile.is-active small{color:#dce0e4}
:where(html:has(.catalog-shell, .compare-page)) .category-tile.is-active span{font-weight:650}
:where(html:has(.catalog-shell, .compare-page)) .catalog-controls{grid-area:controls;padding:0 0 22px;min-width:0}
:where(html:has(.catalog-shell, .compare-page)) .search-field{margin:0 0 16px}
:where(html:has(.catalog-shell, .compare-page)) .search-field input{border:1px solid transparent;border-bottom:1px solid #c6c9ce;background:#eceef1;font-family:inherit;font-size:15px;line-height:1.5;min-height:54px;padding:14px 18px}
:where(html:has(.catalog-shell, .compare-page)) .search-field input::placeholder{color:#62666d;opacity:1}
:where(html:has(.catalog-shell, .compare-page)) .filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1.2fr) auto;gap:10px}
:where(html:has(.catalog-shell, .compare-page)) .filter-row label{min-width:0}
:where(html:has(.catalog-shell, .compare-page)) .filter-row select{font-size:12px;min-width:0;min-height:44px;border-color:#d0d4da;padding:8px 24px 8px 10px}
:where(html:has(.catalog-shell, .compare-page)) .filter-row .text-button{font-size:12px;color:#62666d;font-weight:500;padding:4px;min-height:44px}
:where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar{grid-area:result;border:0;margin:0 0 22px;padding:0;gap:16px;min-width:0}
:where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar p{font-size:18px;font-weight:700;letter-spacing:-.02em}
:where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar label{gap:10px;min-width:0}
:where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar span{font-size:12px;text-transform:none;white-space:nowrap}
:where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar select{font-size:12px;min-width:150px;min-height:44px;padding:8px 28px 8px 10px;border-color:#d0d4da;max-width:210px}
:where(html:has(.catalog-shell, .compare-page)) .product-grid{grid-area:products;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px;min-width:0}
:where(html:has(.catalog-shell, .compare-page)) .product-card{display:flex;flex-direction:column;align-items:stretch;padding-bottom:0;min-width:0}
:where(html:has(.catalog-shell, .compare-page)) .product-card__image{background:#eceef1;padding-bottom:100%;margin:0 0 15px}
:where(html:has(.catalog-shell, .compare-page)) .product-card__image img{object-fit:contain;padding:3%;transition:transform .22s ease}
:where(html:has(.catalog-shell, .compare-page)) .product-card:hover .product-card__image img{transform:scale(1.025)}
:where(html:has(.catalog-shell, .compare-page)) .product-card__brand{font-size:11px;font-weight:600;letter-spacing:.035em;line-height:1.4;margin:0 0 7px;color:#62666d}
:where(html:has(.catalog-shell, .compare-page)) .product-card h2{font-size:clamp(18px,1.55vw,23px);font-weight:750;line-height:1.23;letter-spacing:-.035em;min-height:2.46em;margin:0 0 9px;text-wrap:initial;overflow-wrap:anywhere}
:where(html:has(.catalog-shell, .compare-page)) .product-card__moq{font-size:12px;line-height:1.6;color:#62666d;margin:0 0 6px}
:where(html:has(.catalog-shell, .compare-page)) .product-card__storage{align-self:flex-start;font-size:10px;font-weight:650;letter-spacing:.055em;line-height:1.5;background:#eceef1;border:0;color:#4a5059;margin:4px 0 9px;padding:4px 7px}
:where(html:has(.catalog-shell, .compare-page)) .product-card__price{font-size:12px;line-height:1.5;margin:4px 0 4px;color:#44484e}
:where(html:has(.catalog-shell, .compare-page)) .product-card__price strong{font-size:23px;line-height:1.3;letter-spacing:-.045em;font-weight:750;color:#202124}
:where(html:has(.catalog-shell, .compare-page)) .product-card__actions{gap:10px;margin-top:auto;padding-top:11px;border-color:#dcdfe3;min-height:62px;align-items:center}
:where(html:has(.catalog-shell, .compare-page)) .product-card__actions>a{font-size:12px;font-weight:650;color:#ad1733;min-height:44px;display:flex;align-items:center;gap:8px;line-height:1.35}
:where(html:has(.catalog-shell, .compare-page)) .product-card__actions>a::after{content:'';display:block;width:13px;height:13px;flex:0 0 13px;background:url('/catalog-brand-v1/arrow.svg') no-repeat center/contain}
:where(html:has(.catalog-shell, .compare-page)) .product-card__actions .text-button{font-size:11px;line-height:1.4;font-weight:500;text-decoration:none;color:#62666d;text-align:right;padding:6px 0;max-width:50%;min-height:44px}
:where(html:has(.catalog-shell, .compare-page)) .product-card__actions .text-button[aria-pressed='true']{color:#ad1733;font-weight:700}
:where(html:has(.catalog-shell, .compare-page)) .product-card__actions .text-button:disabled{color:#8a8e95}
:where(html:has(.catalog-shell, .compare-page)) .empty-state{grid-area:products;padding:50px 25px;border:1px solid #dcdfe3;text-align:center}
:where(html:has(.catalog-shell, .compare-page)) .empty-state h2{font-size:28px;font-weight:750;line-height:1.2}
:where(html:has(.catalog-shell, .compare-page)) .sourcing-band{background:#202124;grid-template-columns:1fr;gap:32px;padding:60px max(clamp(24px,4vw,64px),calc((100vw - 1600px)/2 + 64px))}
:where(html:has(.catalog-shell, .compare-page)) .sourcing-band h2{font-size:clamp(32px,3.8vw,56px);line-height:1.1;letter-spacing:-.045em;font-weight:750;max-width:860px;text-wrap:initial;margin-bottom:20px}
:where(html:has(.catalog-shell, .compare-page)) .sourcing-band p{font-size:14px;line-height:1.65;color:#ccd0d5;max-width:780px}
:where(html:has(.catalog-shell, .compare-page)) .sourcing-band ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
:where(html:has(.catalog-shell, .compare-page)) .sourcing-band li{display:flex;align-items:center;border-bottom:0;border-top:1px solid #565b63;padding:22px 0 0;font-size:16px;font-weight:600;gap:16px;line-height:1.4}
:where(html:has(.catalog-shell, .compare-page)) .sourcing-band li span{font-size:42px;line-height:1.1;letter-spacing:-.04em;font-weight:650;color:#b8bec7;margin:0}
:where(html:has(.catalog-shell, .compare-page)) .sourcing-band .button{justify-self:start;background:#dd2144;color:white;border:1px solid #dd2144;font-size:13px;min-height:48px;padding:12px 22px;letter-spacing:0}
:where(html:has(.catalog-shell, .compare-page)) .site-footer{padding:32px clamp(24px,4vw,64px) 86px;gap:24px;max-width:1600px}
:where(html:has(.catalog-shell, .compare-page)) .site-footer>span{font-size:0;width:130px;height:40px;background:url('/catalog-brand-v1/logo.svg') no-repeat center/contain;display:block}
:where(html:has(.catalog-shell, .compare-page)) .site-footer a{font-size:12px;min-height:44px;display:flex;align-items:center}
:where(html:has(.catalog-shell, .compare-page)) .compare-tray{background:#202124;color:#fff;border-color:#202124;bottom:20px;box-shadow:0 8px 30px #20212422}
:where(html:has(.catalog-shell, .compare-page)) .compare-tray a{background:#dd2144;color:white;min-height:44px;padding:10px 16px;text-decoration:none;font-weight:650}
:where(html:has(.catalog-shell, .compare-page)) .compare-page h1{font-family:inherit;font-size:clamp(32px,4vw,56px);line-height:1.1;font-weight:750}
:where(html:has(.catalog-shell, .compare-page)) .compare-page h2{font-weight:700;font-family:inherit}
:where(html:has(.catalog-shell, .compare-page)) .compare-page .button--primary{background:#dd2144;border-color:#dd2144}
:where(html:has(.catalog-shell, .compare-page)) .compare-page .compare-table th,:where(html:has(.catalog-shell, .compare-page)) .compare-page .compare-table td{font-size:14px}
@media(min-width:1600px){:where(html:has(.catalog-shell, .compare-page)) .catalog-hero h1{font-size:80px}:where(html:has(.catalog-shell, .compare-page)) .catalog-shell{grid-template-columns:220px minmax(0,1fr);column-gap:36px}:where(html:has(.catalog-shell, .compare-page)) .product-card h2{font-size:24px}}
@media(max-width:1100px){:where(html:has(.catalog-shell, .compare-page)) .catalog-shell{grid-template-columns:180px minmax(0,1fr);column-gap:22px}:where(html:has(.catalog-shell, .compare-page)) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}:where(html:has(.catalog-shell, .compare-page)) .catalog-hero{grid-template-columns:1.6fr 1fr;gap:28px}:where(html:has(.catalog-shell, .compare-page)) .catalog-hero p{font-size:14px;padding-left:22px}:where(html:has(.catalog-shell, .compare-page)) .filter-row{grid-template-columns:1fr 1fr}:where(html:has(.catalog-shell, .compare-page)) .filter-row label:nth-child(3){grid-column:1}:where(html:has(.catalog-shell, .compare-page)) .category-browser__heading h2{font-size:21px}:where(html:has(.catalog-shell, .compare-page)) .category-browser{padding-right:18px}:where(html:has(.catalog-shell, .compare-page)) .site-header{gap:20px}:where(html:has(.catalog-shell, .compare-page)) .site-header nav{gap:15px}:where(html:has(.catalog-shell, .compare-page)) .site-header nav a{font-size:12px}:where(html:has(.catalog-shell, .compare-page)) .product-card h2{font-size:21px}}
@media(max-width:760px){
  html:has(.catalog-shell, .compare-page){scroll-padding-top:150px}:where(html:has(.catalog-shell, .compare-page)) .site-header{padding:12px 20px;display:flex;flex-wrap:wrap;gap:8px 20px;position:relative;min-height:0}:where(html:has(.catalog-shell, .compare-page)) .wordmark{width:140px;flex-basis:140px;height:38px}:where(html:has(.catalog-shell, .compare-page)) .site-header nav{display:flex;gap:0 16px;width:100%;align-items:center}:where(html:has(.catalog-shell, .compare-page)) .site-header nav a{font-size:12px;min-height:40px}:where(html:has(.catalog-shell, .compare-page)) .site-header nav a[hreflang]{border-left:1px solid #dcdfe3;padding-left:14px;margin-left:0}:where(html:has(.catalog-shell, .compare-page)) .site-header nav a[href^='https://supplier']{font-size:11px}
  :where(html:has(.catalog-shell, .compare-page)) .catalog-hero{display:block;padding:32px 20px 28px}:where(html:has(.catalog-shell, .compare-page)) .catalog-hero h1{font-size:clamp(37px,7.4vw,56px);line-height:1.05;letter-spacing:-.05em}:where(html:has(.catalog-shell, .compare-page)) .catalog-hero p{border:0;padding:0;margin:20px 0 0;max-width:520px;font-size:14px;line-height:1.65}:where(html:has(.catalog-shell, .compare-page)) .catalog-hero::after{left:20px;right:20px}:where(html:has(.catalog-shell, .compare-page)) .catalog-hero h1 br{display:none}:where(html:has(.catalog-shell, .compare-page)) main[lang='ja'] .catalog-hero h1{font-size:clamp(29px,6.4vw,44px);line-height:1.3}:where(html:has(.catalog-shell, .compare-page)) main[lang='ja'] .catalog-hero p+p{margin-top:8px}
  :where(html:has(.catalog-shell, .compare-page)) .catalog-shell{display:block;padding:26px 20px 54px}:where(html:has(.catalog-shell, .compare-page)) .category-browser{position:static;max-height:none;overflow:visible;border:0;padding:0;margin-bottom:24px}:where(html:has(.catalog-shell, .compare-page)) .category-browser__heading{display:flex;align-items:center;margin-bottom:14px;gap:12px}:where(html:has(.catalog-shell, .compare-page)) .category-browser__heading h2{font-size:20px;letter-spacing:-.025em}:where(html:has(.catalog-shell, .compare-page)) .category-browser__heading .text-button{margin:0;font-size:11px}:where(html:has(.catalog-shell, .compare-page)) .category-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}:where(html:has(.catalog-shell, .compare-page)) .category-tile{padding:10px 5px 10px 0;min-height:66px;gap:3px;border-top:1px solid #dcdfe3}:where(html:has(.catalog-shell, .compare-page)) .category-tile:last-child{border-bottom:0}:where(html:has(.catalog-shell, .compare-page)) .category-tile span{font-size:12px;line-height:1.35}:where(html:has(.catalog-shell, .compare-page)) .category-tile small{font-size:10px}:where(html:has(.catalog-shell, .compare-page)) .category-tile.is-active{padding-left:10px}
  :where(html:has(.catalog-shell, .compare-page)) .catalog-controls{padding:0 0 18px}:where(html:has(.catalog-shell, .compare-page)) .search-field{margin-bottom:12px}:where(html:has(.catalog-shell, .compare-page)) .search-field input{font-size:14px;padding:12px;min-height:52px}:where(html:has(.catalog-shell, .compare-page)) .filter-row{gap:8px}:where(html:has(.catalog-shell, .compare-page)) .filter-row select{font-size:12px;min-height:44px}:where(html:has(.catalog-shell, .compare-page)) .filter-row .text-button{text-align:right}:where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar{margin-bottom:18px;gap:8px}:where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar p{font-size:16px}:where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar label{gap:6px}:where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar span{font-size:11px}:where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar select{max-width:145px;min-width:0;width:145px;font-size:11px}
  :where(html:has(.catalog-shell, .compare-page)) .product-grid{grid-template-columns:1fr;gap:34px}:where(html:has(.catalog-shell, .compare-page)) .product-card__image{padding-bottom:84%;margin-bottom:14px}:where(html:has(.catalog-shell, .compare-page)) .product-card h2{font-size:24px;min-height:0;line-height:1.24}:where(html:has(.catalog-shell, .compare-page)) .product-card__brand{font-size:11px}:where(html:has(.catalog-shell, .compare-page)) .product-card__moq{font-size:13px}:where(html:has(.catalog-shell, .compare-page)) .product-card__price{font-size:13px}:where(html:has(.catalog-shell, .compare-page)) .product-card__price strong{font-size:27px}:where(html:has(.catalog-shell, .compare-page)) .product-card__actions{margin-top:12px}:where(html:has(.catalog-shell, .compare-page)) .product-card__actions>a,:where(html:has(.catalog-shell, .compare-page)) .product-card__actions .text-button{font-size:13px;min-height:44px}
  :where(html:has(.catalog-shell, .compare-page)) .sourcing-band{padding:40px 20px;gap:26px}:where(html:has(.catalog-shell, .compare-page)) .sourcing-band h2{font-size:36px}:where(html:has(.catalog-shell, .compare-page)) .sourcing-band p{font-size:14px}:where(html:has(.catalog-shell, .compare-page)) .sourcing-band ol{grid-template-columns:1fr;gap:18px}:where(html:has(.catalog-shell, .compare-page)) .sourcing-band li{padding-top:18px;font-size:16px}:where(html:has(.catalog-shell, .compare-page)) .sourcing-band li span{font-size:36px}:where(html:has(.catalog-shell, .compare-page)) .site-footer{padding:25px 20px 95px;flex-wrap:wrap}:where(html:has(.catalog-shell, .compare-page)) .site-footer div{gap:22px}:where(html:has(.catalog-shell, .compare-page)) .compare-tray{left:12px;right:12px;bottom:12px;gap:12px;padding:12px;font-size:12px;max-width:none}:where(html:has(.catalog-shell, .compare-page)) .compare-tray a{font-size:12px;padding:10px 12px}:where(html:has(.catalog-shell, .compare-page)) .compare-page{padding:30px 20px 120px}
}
@media(min-width:560px) and (max-width:760px){:where(html:has(.catalog-shell, .compare-page)) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html:has(.catalog-shell, .compare-page)) .product-card h2{font-size:20px}:where(html:has(.catalog-shell, .compare-page)) .product-card__actions>a,:where(html:has(.catalog-shell, .compare-page)) .product-card__actions .text-button{font-size:11px}:where(html:has(.catalog-shell, .compare-page)) .category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Mobile uses the existing category selector, without a duplicate seven-item rail. */
@media(max-width:760px){
  :where(html:has(.catalog-shell, .compare-page)) .site-header{flex-direction:row;align-items:center}
  :where(html:has(.catalog-shell, .compare-page)) .site-header:not(.site-header--portal) nav{display:flex;flex-wrap:wrap;gap:0 16px;padding-bottom:0}
  :where(html:has(.catalog-shell, .compare-page)) .site-header nav a{min-height:44px}
  :where(html:has(.catalog-shell, .compare-page)) .catalog-hero h1 br{display:initial}
  :where(html:has(.catalog-shell, .compare-page)) .category-browser{display:none}
  :where(html:has(.catalog-shell, .compare-page)) .search-field input{font-size:16px}
  :where(html:has(.catalog-shell, .compare-page)) .filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  :where(html:has(.catalog-shell, .compare-page)) .filter-row label:first-child,:where(html:has(.catalog-shell, .compare-page)) .filter-row label:nth-child(2){grid-column:span 2}
  :where(html:has(.catalog-shell, .compare-page)) .filter-row label:nth-child(3){grid-column:span 3}
  :where(html:has(.catalog-shell, .compare-page)) .filter-row .text-button{grid-column:4;font-size:11px;padding:4px 0}
  :where(html:has(.catalog-shell, .compare-page)) .filter-row select{font-size:14px}
  :where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar{flex-direction:row;align-items:center}
  :where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar p{white-space:nowrap;flex-shrink:0}
  :where(html:has(.catalog-shell, .compare-page)) .catalog-result-bar label{width:auto;margin-left:auto}
}
@media(prefers-reduced-motion:reduce){html:has(.catalog-shell, .compare-page){scroll-behavior:auto}:where(html:has(.catalog-shell, .compare-page)) *,:where(html:has(.catalog-shell, .compare-page)) *::before,:where(html:has(.catalog-shell, .compare-page)) *::after{transition:none!important;animation:none!important}:where(html:has(.catalog-shell, .compare-page)) .product-card:hover .product-card__image img{transform:none}}

/* Product-list gallery and selective editorial picks in the approved 83 theme. */
:where(html:has(.catalog-shell)) .product-card__media{margin-bottom:15px}
:where(html:has(.catalog-shell)) .product-card__track{aspect-ratio:1}
:where(html:has(.catalog-shell)) .product-card__slide{background:#eceef1}
:where(html:has(.catalog-shell)) .product-card__media-arrow{height:44px;width:44px;border:1px solid #dcdfe3}
:where(html:has(.catalog-shell)) .product-card__media-arrow:hover:not(:disabled){border-color:#dd2144;color:#ad1733}
:where(html:has(.catalog-shell)) .product-card__recommendation{background:#dd2144;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:8px 10px}
:where(html:has(.catalog-shell)) .product-card__media-count{background:#202124}
@media(max-width:760px){
  :where(html:has(.catalog-shell)) .product-card__track{aspect-ratio:1}
}

/* Department entrance extends the approved 83 catalogue language without
   changing the existing product-card or portal presentation. */
:where(html:has(.catalog-shell)) .catalog-shell--hub{display:block;grid-template-columns:none;border:0;padding-top:42px}
:where(html:has(.catalog-shell)) .department-hub__heading{border-color:#dcdfe3}
:where(html:has(.catalog-shell)) .department-hub__heading h2{font-size:clamp(28px,3.2vw,48px);font-weight:750;letter-spacing:-.04em}
:where(html:has(.catalog-shell)) .department-hub__heading p{font-size:13px;color:#62666d}
:where(html:has(.catalog-shell)) .department-link{border-color:#dcdfe3;transition:background .2s ease}
:where(html:has(.catalog-shell)) .department-link:hover{background:#f4f5f7}
:where(html:has(.catalog-shell)) .department-link__number,:where(html:has(.catalog-shell)) .department-link__arrow{color:#dd2144}
:where(html:has(.catalog-shell)) .department-link__body strong{font-family:var(--font-sans),MakaliNoto,Arial,sans-serif;font-weight:750;letter-spacing:-.04em}
:where(html:has(.catalog-shell)) .department-link__body small{color:#62666d}
:where(html:has(.catalog-shell)) .catalog-shell:has(.department-pending){display:block}
:where(html:has(.catalog-shell)) .department-pending{border-color:#dcdfe3}
:where(html:has(.catalog-shell)) .department-pending h2{font-weight:750;letter-spacing:-.035em}
:where(html:has(.catalog-shell)) .department-back{color:#ad1733}
@media(max-width:760px){
  :where(html:has(.catalog-shell)) .catalog-shell--hub{padding-top:28px}
  :where(html:has(.catalog-shell)) .department-hub__grid{display:block}
}

/* The 83 mobile language now covers every public buyer page, including
   product details, guidance, inquiry and legal pages. Portal UI stays out. */
@media(max-width:760px){
  :where(html:has(.site-header:not(.site-header--portal))){--ink:#202124;--muted:#62666d;--line:#dcdfe3;--paper:#fff;--white:#fff;--accent:#ef304f;--accent-dark:#ad1733;--soft:#eceef1}
  :where(html:has(.site-header:not(.site-header--portal))) body{background:#fff;color:#202124;font-family:var(--font-sans),MakaliNoto,Arial,sans-serif;font-size:14px;line-height:1.6}
  :where(html:has(.site-header:not(.site-header--portal))) h1,:where(html:has(.site-header:not(.site-header--portal))) h2,:where(html:has(.site-header:not(.site-header--portal))) h3{font-family:var(--font-sans),MakaliNoto,Arial,sans-serif;letter-spacing:-.035em}
  :where(html:has(.site-header:not(.site-header--portal))) .site-header{background:#fff;border-color:#dcdfe3;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:0;padding:12px 20px;position:relative;backdrop-filter:none}
  :where(html:has(.site-header:not(.site-header--portal))) .site-header .wordmark{display:block;width:140px;height:38px;flex:0 0 140px;background:url('/catalog-brand-v1/logo.svg') no-repeat left center;background-size:contain;font-size:0;color:transparent}
  :where(html:has(.site-header:not(.site-header--portal))) .site-header:not(.site-header--portal) nav{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;width:100%;max-width:100%;padding:0;overflow:visible;white-space:normal}
  :where(html:has(.site-header:not(.site-header--portal))) .site-header nav a{font-size:12px;font-weight:650;letter-spacing:0;line-height:1.3;min-height:42px;display:inline-flex;align-items:center}
  :where(html:has(.site-header:not(.site-header--portal))) .site-header nav a[href$='/inquiry']{color:#ad1733}
  :where(html:has(.site-header:not(.site-header--portal))) .site-header nav a[hreflang]{border-left:1px solid #dcdfe3;padding-left:14px}
  :where(html:has(.site-header:not(.site-header--portal))) .button--primary{background:#dd2144;border-color:#dd2144;color:#fff;font-size:13px;letter-spacing:0;min-height:48px}
  :where(html:has(.site-header:not(.site-header--portal))) .button--secondary{border-color:#202124;color:#202124;font-size:13px;letter-spacing:0;min-height:48px}
  :where(html:has(.site-header:not(.site-header--portal))) .product-page,:where(html:has(.site-header:not(.site-header--portal))) .standard-page{padding:28px 20px 96px;max-width:100%}
  :where(html:has(.site-header:not(.site-header--portal))) .product-page .back-link{color:#ad1733;font-weight:650;margin-bottom:22px;text-decoration:none}
  :where(html:has(.site-header:not(.site-header--portal))) .product-intro{gap:24px;grid-template-columns:minmax(0,1fr)}
  :where(html:has(.site-header:not(.site-header--portal))) .gallery__main{background:#eceef1}
  :where(html:has(.site-header:not(.site-header--portal))) .gallery__thumbs button{background:#eceef1;min-height:76px}
  :where(html:has(.site-header:not(.site-header--portal))) .gallery__thumbs button.is-selected{border-color:#dd2144}
  :where(html:has(.site-header:not(.site-header--portal))) .product-maker,:where(html:has(.site-header:not(.site-header--portal))) .section-label{color:#ad1733;font-size:11px;letter-spacing:.05em}
  :where(html:has(.site-header:not(.site-header--portal))) .product-commercial h1{font-size:clamp(29px,8vw,42px);font-weight:750;line-height:1.13;letter-spacing:-.045em;margin:12px 0 18px}
  :where(html:has(.site-header:not(.site-header--portal))) .product-description-summary{color:#44484e;font-size:14px;line-height:1.65}
  :where(html:has(.site-header:not(.site-header--portal))) .price-block{border-color:#dcdfe3;margin:24px 0 20px;padding:18px 0}
  :where(html:has(.site-header:not(.site-header--portal))) .price-block strong{font-family:inherit;font-size:36px;font-weight:750;letter-spacing:-.045em}
  :where(html:has(.site-header:not(.site-header--portal))) .product-content-grid{gap:34px;grid-template-columns:minmax(0,1fr);margin-top:52px;padding-top:36px}
  :where(html:has(.site-header:not(.site-header--portal))) .product-content-grid h2,:where(html:has(.site-header:not(.site-header--portal))) .product-options>h2,:where(html:has(.site-header:not(.site-header--portal))) .product-videos>h2{font-size:25px;font-weight:750;line-height:1.2;margin:32px 0 14px}
  :where(html:has(.site-header:not(.site-header--portal))) .product-content-grid h2:first-child{margin-top:0}
  :where(html:has(.site-header:not(.site-header--portal))) .spec-list div{border-color:#dcdfe3;gap:12px;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
  :where(html:has(.site-header:not(.site-header--portal))) .manufacturer-band{background:#202124;color:#fff;grid-template-columns:minmax(0,1fr);margin-top:55px;padding:30px 24px}
  :where(html:has(.site-header:not(.site-header--portal))) .manufacturer-band p{color:#ccd0d5}
  :where(html:has(.site-header:not(.site-header--portal))) .manufacturer-band>a{color:#fff;text-underline-offset:.25em}
  :where(html:has(.site-header:not(.site-header--portal))) .standard-page>h1{font-size:clamp(32px,8vw,44px);font-weight:750;line-height:1.12;letter-spacing:-.045em;max-width:100%}
  :where(html:has(.site-header:not(.site-header--portal))) .page-intro{color:#44484e;font-size:15px;line-height:1.7}
  :where(html:has(.site-header:not(.site-header--portal))) .process-list{margin:40px 0}
  :where(html:has(.site-header:not(.site-header--portal))) .process-list li{border-color:#dcdfe3;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:24px 0}
  :where(html:has(.site-header:not(.site-header--portal))) .process-list li>span{color:#dd2144;font-family:inherit;font-size:26px;font-weight:750;line-height:1}
  :where(html:has(.site-header:not(.site-header--portal))) .process-list h2{font-size:21px;font-weight:700}
  :where(html:has(.site-header:not(.site-header--portal))) .notice-box{background:#eceef1;border-color:#dd2144;margin:36px 0;padding:24px}
  :where(html:has(.site-header:not(.site-header--portal))) .notice-box h2{font-size:22px;font-weight:750}
  :where(html:has(.site-header:not(.site-header--portal))) .inquiry-form{border-color:#dcdfe3;margin-top:38px;padding-top:30px}
  :where(html:has(.site-header:not(.site-header--portal))) .inquiry-form input,:where(html:has(.site-header:not(.site-header--portal))) .inquiry-form select,:where(html:has(.site-header:not(.site-header--portal))) .inquiry-form textarea{border-color:#c6c9ce;border-radius:0;font-family:inherit;font-size:16px}
  :where(html:has(.site-header:not(.site-header--portal))) .inquiry-form button{font-family:inherit}
  :where(html:has(.site-header:not(.site-header--portal))) .site-footer>span{font-size:0;width:130px;height:40px;background:url('/catalog-brand-v1/logo.svg') no-repeat center/contain}
}