/* Hikari Pixel Exact V7 — homepage and shell alignment to approved reference */
:root{
  --px-orange:#ff4f0b;
  --px-dark:#0e1419;
  --px-line:#dfe3e7;
  --px-soft:#f7f8f9;
  --px-muted:#7a838c;
}
.px-mobile-header{display:none}
@media (min-width:761px){
  .topbar{height:24px;font-size:9px}
  .topbar .container,.site-header>.container,.header-nav-wrap .container{width:min(1028px,calc(100% - 40px))}
  .top-contact,.top-auth{gap:21px}
  .topbar svg{width:12px;height:12px}
  .header-main{height:65px;grid-template-columns:190px minmax(430px,1fr) 235px;gap:24px}
  .brand{gap:7px}
  .brand img{width:45px;height:45px}
  .brand b{font-size:24px;letter-spacing:.3px}
  .brand strong{font-size:12px;letter-spacing:4.7px}
  .global-search{height:33px;grid-template-columns:minmax(0,1fr) 135px 40px;border-radius:4px}
  .global-search input,.global-search select{font-size:9px;padding:0 12px}
  .global-search select{background-position:calc(100% - 16px) 13px,calc(100% - 12px) 13px}
  .global-search>button svg{width:17px;height:17px}
  .header-actions{height:42px}
  .account-button,.cart-button{padding:0 12px;gap:8px}
  .account-button>svg,.cart-icon>svg{width:23px;height:23px}
  .header-actions b{font-size:10px}.header-actions small{font-size:8px}
  .cart-icon em{min-width:16px;height:16px;font-size:8px;right:-6px;top:-5px}
  .header-nav-wrap{height:35px}
  .header-nav{height:35px;grid-template-columns:183px minmax(0,1fr)}
  .browse-button{font-size:10px;gap:8px;border-radius:4px 4px 0 0}
  .browse-button svg{width:15px;height:15px}
  .main-nav{gap:28px;justify-content:flex-start;padding-left:38px}
  .main-nav a{font-size:9px}
  .model-strip{display:none!important}
}

.px-home{background:#fff;color:#111820}
.px-container{width:min(1028px,calc(100% - 40px));margin-inline:auto}
.px-hero{position:relative;height:226px;overflow:hidden;background:#0b1116;color:#fff}
.px-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.px-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,15,.97) 0%,rgba(6,11,15,.88) 31%,rgba(6,11,15,.24) 57%,rgba(6,11,15,.05) 100%)}
.px-hero-inner{position:relative;height:100%}
.px-hero-copy{position:absolute;left:8px;top:18px;width:405px}
.px-hero-copy h1{margin:0;font-size:29px;line-height:1.05;letter-spacing:-.7px;font-weight:850}
.px-hero-copy h1 span{display:block;color:var(--px-orange);margin-top:3px}
.px-hero-copy p{margin:6px 0 8px;font-size:11px;line-height:1.55;color:#fff}
.px-hero-actions{display:flex;gap:12px}
.px-hero-actions button{height:29px;padding:0 17px;border-radius:3px;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.px-primary{border:1px solid var(--px-orange);background:var(--px-orange);color:#fff}
.px-secondary{border:1px solid rgba(255,255,255,.66);background:rgba(8,12,16,.42);color:#fff}
.px-hero-dots{display:none}
.px-trust-row{position:absolute;left:0;bottom:0;height:38px;width:675px;display:grid;grid-template-columns:repeat(4,max-content);align-items:center;gap:38px;border-top:1px solid rgba(255,255,255,.16);font-size:8px;font-weight:650}
.px-trust-row span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.px-home-body{padding:0 0 34px;background:#fff}
.px-section-title,.px-panel-title{display:flex;align-items:center;justify-content:space-between}
.px-section-title h2,.px-panel-title h2{margin:0;font-size:11px;font-weight:850}
.px-section-title button,.px-panel-title button{border:0;background:transparent;color:var(--px-orange);font-size:8px;font-weight:700;display:flex;align-items:center;gap:4px;padding:0}

.px-models-block{padding-top:17px}
.px-models-block .px-section-title{margin-bottom:8px}
.px-model-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow:hidden}
.px-model-card{height:63px;min-width:0;border:1px solid var(--px-line);border-radius:4px;background:#fff;display:grid;grid-template-columns:51px minmax(0,1fr);align-items:center;gap:4px;padding:4px 7px;text-align:left}
.px-model-card:hover{border-color:#ff9b72}
.px-model-card img{width:49px;height:42px;object-fit:contain}
.px-model-card span{min-width:0}
.px-model-card b,.px-model-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-model-card b{font-size:9px}.px-model-card small{font-size:7px;color:#69727c;margin-top:3px}

.px-finder-card{margin-top:16px;border:1px solid var(--px-line);border-radius:5px;padding:12px 13px 14px}
.px-finder-card h2{margin:0 0 10px;font-size:11px}
.px-finder-form{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 126px;gap:12px;align-items:end}
.px-finder-form label{display:grid;gap:5px;min-width:0}.px-finder-form label>span{font-size:7px;color:#69727c}
.px-finder-form select,.px-finder-form input{width:100%;height:28px;border:1px solid #d9dee2;border-radius:3px;background:#fff;padding:0 10px;font-size:8px;color:#555f69;outline:none}
.px-finder-form select:focus,.px-finder-form input:focus{border-color:var(--px-orange)}
.px-finder-form button{height:28px;border:0;border-radius:3px;background:var(--px-orange);color:#fff;font-size:9px;font-weight:850}

.px-systems-block{margin-top:13px}.px-systems-block .px-section-title{margin-bottom:8px}
.px-system-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:11px}
.px-system-grid button{height:77px;min-width:0;border:1px solid var(--px-line);border-radius:4px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px;text-align:center}
.px-system-grid button:hover{border-color:#ff9b72;color:var(--px-orange)}
.px-system-grid svg{width:27px;height:27px}.px-system-grid b{font-size:8px;line-height:1.15;max-width:100%}.px-system-grid small{font-size:7px;color:#747d86}

.px-market-grid{margin-top:12px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.px-market-panel{border:1px solid var(--px-line);border-radius:5px;background:#fff;padding:10px 9px 9px;min-width:0;overflow:hidden}
.px-panel-title{height:17px;margin-bottom:7px}
.px-deals-panel{grid-column:1 / span 2}.px-bestseller-panel{grid-column:3 / span 5}.px-diagram-panel{grid-column:8 / span 5}
.px-latest-panel{grid-column:1 / span 6}.px-recommend-panel{grid-column:7 / span 6}
.px-deal-card{position:relative;width:100%;height:121px;border:1px solid #e1e4e7;border-radius:4px;background:#fff;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:77px 30px;gap:0 4px;padding:5px;text-align:left}
.px-deal-card img{width:55px;height:67px;object-fit:contain}.px-sale-badge{position:absolute;left:5px;top:5px;background:#ff3118;color:#fff;border-radius:2px;padding:2px 5px;font-size:8px;font-weight:850}
.px-deal-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.px-deal-copy b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-deal-copy del{font-size:7px;color:#9aa0a6;margin-top:7px}.px-deal-copy strong{font-size:10px;color:#ff3118;margin-top:2px}
.px-deal-copy small{font-size:7px;color:#69727c;margin-top:5px;line-height:1.25}
.px-countdown{grid-column:1/-1;border-radius:4px;background:#fff0ed;display:flex;align-items:center;justify-content:center;gap:6px;color:#ff4d27}.px-countdown small{font-size:7px;margin-right:2px}.px-countdown b{background:#fff;color:#121820;border-radius:2px;padding:3px 5px;font-size:10px}.px-countdown i{font-style:normal;color:#111820;font-weight:800}
.px-product-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.px-product-card{min-width:0;height:121px;border:1px solid #e1e4e7;border-radius:4px;background:#fff;padding:4px;text-align:left;display:grid;grid-template-rows:65px minmax(0,1fr)}
.px-product-media{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.px-product-media img{width:100%;height:61px;object-fit:contain}.px-product-media em{position:absolute;left:0;top:0;z-index:1;background:var(--px-orange);color:#fff;border-radius:2px;padding:2px 4px;font-size:7px;font-style:normal;font-weight:850}
.px-product-copy{display:flex;flex-direction:column;min-width:0}.px-product-copy b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-product-copy small{font-size:6px;color:#747d86;margin-top:2px}.px-product-copy strong{font-size:9px;color:#ff3d16;margin-top:4px}.px-product-copy i{font-size:6px;color:#59626b;font-style:normal;margin-top:auto}
.px-diagram-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.px-diagram-card{height:121px;min-width:0;border:1px solid #e1e4e7;border-radius:4px;background:#fff;text-align:left;padding:4px;display:grid;grid-template-rows:69px 1fr}
.px-diagram-card img{width:100%;height:66px;object-fit:contain}.px-diagram-card span{display:flex;flex-direction:column;min-width:0}.px-diagram-card b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-diagram-card small{font-size:6px;color:#6f7881;margin-top:2px}.px-diagram-card em{font-style:normal;font-size:7px;color:#555f68;margin-top:3px}

/* Compact native inquiry assistance — shares the Hikari catalogue palette and button language. */
.inquiry-assist-banner{min-height:84px;margin-top:12px;padding:12px 14px;border:1px solid var(--px-line);border-left:3px solid var(--px-orange);border-radius:5px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;box-shadow:0 5px 16px rgba(17,24,31,.035)}
.inquiry-assist-copy h2{margin:0 0 5px;font-size:12px;line-height:1.2;font-weight:850}.inquiry-assist-copy p{max-width:640px;margin:0;color:#626d76;font-size:8.5px;line-height:1.5}
.inquiry-assist-actions{display:grid;grid-template-columns:auto auto;gap:6px;align-items:center;justify-content:end}.inquiry-assist-primary,.inquiry-assist-secondary{height:29px;border-radius:3px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-family:inherit;font-size:8px;font-weight:850;white-space:nowrap;text-decoration:none;cursor:pointer}.inquiry-assist-primary{border:1px solid var(--px-orange);background:var(--px-orange);color:#fff}.inquiry-assist-primary:hover{background:#e64708;color:#fff}.inquiry-assist-secondary{border:1px solid #cfd6dc;background:#fff;color:#17212a}.inquiry-assist-secondary:hover{border-color:#ff9b72;color:#c74107}.inquiry-assist-actions small{grid-column:1/-1;text-align:right;color:#7a838c;font-size:7px;white-space:nowrap}
.inquiry-assist-popup{position:fixed;right:24px;bottom:24px;z-index:85;width:380px;max-width:calc(100vw - 32px);padding:18px 18px 15px;border:1px solid #dce2e7;border-top:3px solid var(--px-orange);border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(13,22,31,.22);color:#111820}.inquiry-assist-popup[hidden]{display:none}.inquiry-assist-popup h2{margin:5px 30px 7px 0;font-size:16px;line-height:1.18}.inquiry-assist-popup p{margin:0;color:#5f6a73;font-size:11px;line-height:1.5}.inquiry-assist-eyebrow{color:var(--px-orange);font-size:9px;font-weight:900;letter-spacing:.8px}.inquiry-assist-close{position:absolute;top:9px;right:9px;width:28px;height:28px;border:0;border-radius:4px;background:#f4f6f7;color:#58626b;display:grid;place-items:center;cursor:pointer}.inquiry-assist-close:hover{background:#e8ecef;color:#111820}.inquiry-assist-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.inquiry-assist-popup-actions>*{height:34px;font-size:9px}.inquiry-assist-popup small{display:block;margin-top:11px;color:#69737c;font-size:8px;font-weight:750}.inquiry-assist-popup em{display:block;margin-top:4px;color:#8a5a42;font-size:8px;font-style:normal}
.empty-search-inquiry{align-items:center}.empty-search-inquiry h3{margin-bottom:5px}.empty-search-inquiry-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.empty-search-inquiry-actions .btn{min-height:34px}.empty-reset-link{border:0;background:transparent;color:#68737b;font:inherit;font-size:10px;text-decoration:underline;cursor:pointer}.inquiry-rfq-context{margin:0 0 12px;padding:11px;border:1px solid #ffe0d2;border-radius:6px;background:#fff8f4;color:#404a53}.inquiry-rfq-context b{display:block;color:#bf450e;font-size:10px}.inquiry-rfq-context pre{margin:7px 0 0;white-space:pre-wrap;font:8px/1.45 inherit;color:#56616b}

@media(max-width:760px){
  .header-nav-wrap{display:block!important;position:static;pointer-events:none}
  .header-nav{height:0!important;display:block!important}
  .header-nav .browse-button,.header-nav .mobile-menu-button{display:none!important}
  .main-nav{pointer-events:none}
  .main-nav.open{position:fixed!important;top:56px!important;left:8px;right:8px;z-index:120;pointer-events:auto}
  .topbar,.header-main,.model-strip{display:none!important}
  .site-header{position:sticky;top:0;background:#fff;box-shadow:0 1px 0 #e6e8ea;z-index:90}
  .px-mobile-header{height:56px;display:grid;grid-template-columns:44px minmax(0,1fr) 82px;align-items:center;padding:0 8px;background:#fff}
  .px-mobile-header button{border:0;background:transparent;height:42px;display:grid;place-items:center;position:relative}.px-mobile-header svg{width:21px;height:21px}
  .px-mobile-brand{justify-self:center;display:flex;align-items:center;gap:4px}.px-mobile-brand img{width:25px;height:25px;object-fit:contain}.px-mobile-brand span{display:flex;flex-direction:column;line-height:.77}.px-mobile-brand b{font-size:12px;color:var(--px-orange);font-style:italic}.px-mobile-brand strong{font-size:6px;letter-spacing:2px}
  .px-mobile-actions{display:grid;grid-template-columns:41px 41px}.px-mobile-actions em{position:absolute;right:3px;top:4px;background:var(--px-orange);color:#fff;border-radius:50%;min-width:15px;height:15px;display:grid;place-items:center;font-size:7px;font-style:normal;font-weight:800}
  .main-nav.open{position:absolute;display:flex!important;left:8px;right:8px;top:52px;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:7px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.main-nav.open a{height:38px;padding:0 12px}
  .px-container{width:calc(100% - 16px)}
  .px-hero{height:227px}
  .px-hero-image{object-position:67% center}
  .px-hero-overlay{background:linear-gradient(90deg,rgba(5,10,14,.93) 0%,rgba(5,10,14,.72) 50%,rgba(5,10,14,.15) 100%)}
  .px-hero-copy{left:4px;top:24px;width:225px}
  .px-hero-copy h1{font-size:18px;line-height:1.08;letter-spacing:-.25px}.px-hero-copy h1 span{margin-top:4px}
  .px-hero-copy p{font-size:10px;line-height:1.55;margin:13px 0 14px;width:205px}
  .px-hero-actions{display:grid;gap:9px;width:151px}.px-hero-actions button{height:31px;font-size:8px;padding:0 12px}.px-secondary{width:119px}
  .px-hero-dots{display:flex;gap:9px;position:absolute;left:112px;bottom:-18px}.px-hero-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55)}.px-hero-dots i.active{background:#fff}
  .px-trust-row{display:none}
  .px-home-body{background:#f7f7f7;padding-bottom:30px}
  .px-models-block{padding-top:13px}
  .px-section-title h2,.px-panel-title h2{font-size:11px}.px-section-title button,.px-panel-title button{font-size:8px}
  .px-models-block .px-section-title{margin-bottom:8px}
  .px-model-strip{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.px-model-strip::-webkit-scrollbar{display:none}
  .px-model-card{flex:0 0 78px;height:86px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 7px}.px-model-card img{width:55px;height:43px;align-self:center}.px-model-card b{font-size:8px}.px-model-card small{font-size:7px}
  .px-finder-card{margin-top:11px;padding:11px 8px 13px;background:#fff;border-radius:5px}.px-finder-card h2{font-size:11px;margin-bottom:9px;padding-left:3px}
  .px-finder-form{grid-template-columns:1fr;gap:7px}.px-finder-form label{gap:0}.px-finder-form label>span{display:none}.px-finder-form select,.px-finder-form input{height:29px;font-size:8px;padding:0 10px}.px-finder-form button{height:29px;font-size:9px;margin-top:1px}
  .px-systems-block{margin-top:13px}.px-systems-block .px-section-title{margin-bottom:8px}
  .px-system-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.px-system-grid button{height:61px;padding:5px 2px;gap:3px}.px-system-grid button:nth-child(n+5):not(:last-child){display:none}.px-system-grid svg{width:21px;height:21px}.px-system-grid b{font-size:7px}.px-system-grid small{display:none}
  .px-market-grid{width:100%;margin-top:12px;display:flex;flex-direction:column;gap:8px}
  .px-market-panel{width:calc(100% - 16px);margin-inline:auto;border-radius:4px;padding:10px 8px;background:#fff}.px-panel-title{margin-bottom:8px}
  .px-deal-card{height:115px;grid-template-columns:62px minmax(0,1fr);grid-template-rows:73px 28px;padding:4px}.px-deal-card img{width:59px;height:67px}.px-deal-copy b{font-size:8px}.px-deal-copy del{font-size:7px}.px-deal-copy strong{font-size:11px}.px-countdown{justify-content:flex-start;padding-left:7px}.px-countdown b{font-size:10px;padding:3px 5px}
  .px-product-strip{display:flex;overflow-x:auto;gap:7px;scrollbar-width:none}.px-product-strip::-webkit-scrollbar{display:none}
  .px-product-card{flex:0 0 calc(100% - 8px);height:117px;grid-template-columns:85px minmax(0,1fr);grid-template-rows:1fr;align-items:center;padding:7px}.px-product-media img{height:83px}.px-product-copy{height:78px;justify-content:center}.px-product-copy b{font-size:9px}.px-product-copy small{font-size:7px}.px-product-copy strong{font-size:11px}.px-product-copy i{font-size:7px;margin-top:6px}
  .px-product-media em{font-size:7px}
  .px-diagram-strip{display:flex;overflow-x:auto}.px-diagram-card{flex:0 0 76%;height:142px}.px-latest-panel .px-product-card,.px-recommend-panel .px-product-card{flex-basis:45%;height:145px;display:grid;grid-template-columns:1fr;grid-template-rows:82px 1fr}.px-latest-panel .px-product-copy,.px-recommend-panel .px-product-copy{height:auto}.px-latest-panel .px-product-media img,.px-recommend-panel .px-product-media img{height:79px}
  .benefit-strip,.footer-running-rail,.site-footer{margin-top:0}
}

/* V7 mobile footer integrity: keep the storefront compact without overlapping trust items. */
@media(max-width:760px){
  .support-fab{display:none!important}
  .benefit-strip{min-height:0!important;height:auto!important}
  .benefit-grid{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:6px 0}
  .benefit-grid>div{height:auto!important;min-height:58px!important;justify-content:flex-start!important;align-items:flex-start!important;gap:7px!important;padding:8px 6px!important;border-bottom:1px solid var(--px-line)}
  .benefit-grid>div:nth-child(2n){border-right:0!important}
  .benefit-grid>div:nth-last-child(-n+2){border-bottom:0}
  .benefit-grid svg{width:18px!important;height:18px!important;flex:0 0 auto;margin-top:1px}
  .benefit-grid b{font-size:8px!important;line-height:1.2}
  .benefit-grid small{font-size:6.5px!important;line-height:1.25;margin-top:3px!important}
  .footer-grid{padding-inline:8px!important;gap:16px 12px!important}
  .footer-bottom{padding-inline:8px!important;font-size:6px!important}
}

/* V9 mobile buyer flow: no clipped horizontal strips; everything should feel like a usable phone storefront. */
@media(max-width:760px){
  .px-home{background:#f4f6f7}
  .px-mobile-header{height:58px;padding:0 12px;grid-template-columns:48px minmax(0,1fr) 86px}
  .px-mobile-header button:first-child{border:1px solid #e0e5ea;border-radius:10px;background:#fff}
  .main-nav.open{position:fixed!important;top:58px!important;left:10px!important;right:10px!important;max-height:calc(100vh - 76px);overflow:auto;padding:8px!important;border-radius:13px!important;border:1px solid #dce2e7!important;box-shadow:0 24px 60px rgba(13,22,31,.24)!important}
  .main-nav.open a{height:44px!important;padding:0 14px!important;font-size:12px!important;font-weight:800!important;border-bottom:1px solid #eef1f3!important}
  .px-container{width:calc(100% - 20px)}
  .px-hero{height:auto;min-height:286px;border-bottom:1px solid #e5e9ed}
  .px-hero-image{object-position:73% center}
  .px-hero-overlay{background:linear-gradient(90deg,rgba(5,10,14,.96) 0%,rgba(5,10,14,.84) 48%,rgba(5,10,14,.28) 100%)}
  .px-hero-inner{min-height:286px;padding:25px 0 20px}
  .px-hero-copy{position:relative;left:auto;top:auto;width:min(268px,70vw)}
  .px-hero-copy h1{font-size:22px;line-height:1.08;letter-spacing:-.35px;text-shadow:0 2px 10px rgba(0,0,0,.34)}
  .px-hero-copy p{width:auto;margin:12px 0 15px;font-size:10.5px;line-height:1.6;color:rgba(255,255,255,.93)}
  .px-hero-actions{display:grid;grid-template-columns:1fr;gap:8px;width:194px}.px-hero-actions button{width:100%;height:36px;border-radius:7px;font-size:9px}.px-secondary{width:100%}
  .px-hero-dots{display:none}
  .px-home-body{padding:12px 0 32px;background:#f4f6f7}
  .px-models-block,.px-finder-card,.px-systems-block,.px-market-panel{background:#fff;border:1px solid #dfe5ea;border-radius:14px;box-shadow:0 8px 22px rgba(18,28,38,.05)}
  .px-models-block{padding:12px 10px;margin-inline:auto}.px-models-block .px-section-title{margin-bottom:10px}
  .px-section-title h2,.px-panel-title h2{font-size:13px;line-height:1.2}.px-section-title button,.px-panel-title button{font-size:9px}
  .px-model-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:9px;padding-bottom:0}
  .px-model-card{height:86px;min-width:0;flex:none;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:7px;padding:8px;border-radius:10px;border-color:#dbe1e6;background:linear-gradient(180deg,#fff,#fbfcfd)}
  .px-model-card img{width:62px;height:52px;object-fit:contain;align-self:center}.px-model-card b{font-size:10px}.px-model-card small{font-size:7.5px}
  .px-finder-card{margin-top:12px;padding:14px 10px}.px-finder-card h2{font-size:13px;margin-bottom:11px;padding-left:0}
  .px-finder-form{gap:9px}.px-finder-form select,.px-finder-form input{height:38px;border-radius:8px;font-size:10px}.px-finder-form button{height:40px;border-radius:8px;font-size:11px}
  .px-systems-block{margin-top:12px;padding:12px 10px}.px-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.px-system-grid button{height:70px;border-radius:10px}.px-system-grid button:nth-child(n+7):not(:last-child){display:none}.px-system-grid b{font-size:8.5px}.px-system-grid small{display:block;font-size:7px}
  .px-market-grid{margin-top:12px;display:grid;grid-template-columns:1fr;gap:12px}.px-market-panel{width:100%;max-width:100%;margin:0;padding:12px 9px;overflow:hidden;grid-column:1/-1!important}.px-panel-title{height:auto;margin-bottom:10px}
  .px-deal-card{height:126px;border-radius:10px;grid-template-columns:88px minmax(0,1fr);grid-template-rows:1fr;padding:8px}.px-deal-card img{width:80px;height:86px}.px-countdown{display:none}.px-deal-copy b{font-size:10px;white-space:normal}.px-deal-copy small{font-size:8px}.px-deal-copy strong{font-size:12px}
  .px-product-strip{display:grid;grid-template-columns:1fr;overflow:visible;gap:8px}
  .px-product-card,.px-latest-panel .px-product-card,.px-recommend-panel .px-product-card{height:112px;display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:1fr;align-items:center;padding:8px;border-radius:10px;flex:none}.px-product-media img,.px-latest-panel .px-product-media img,.px-recommend-panel .px-product-media img{height:82px}.px-product-copy{height:auto}.px-product-copy b{font-size:10px}.px-product-copy small{font-size:8px}.px-product-copy strong{font-size:12px}
  .px-diagram-strip{display:grid;grid-template-columns:1fr;overflow:visible;gap:8px}
  .px-diagram-card{height:154px;display:grid;grid-template-columns:132px minmax(0,1fr);grid-template-rows:1fr;align-items:center;border-radius:10px;flex:none}.px-diagram-card img{width:126px;height:132px}.px-diagram-card b{font-size:10px;white-space:normal}.px-diagram-card small,.px-diagram-card em{font-size:8px}
}

/* Exact approved homepage composition. Keep the assistance feature available on inner routes, but remove the floating overlay from the home reference layout. */
body:has(.px-home) .support-fab{display:none!important}
.px-deals-panel .px-panel-title{gap:3px}
.px-deals-panel .px-panel-title h2{font-size:10px;white-space:nowrap}
.px-market-panel{box-shadow:0 5px 16px rgba(17,24,31,.045)}
.px-market-panel:hover{border-color:#cfd6dc}
.px-deal-card,.px-product-card,.px-diagram-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.px-deal-card:hover,.px-product-card:hover,.px-diagram-card:hover{border-color:#f3a07b;box-shadow:0 7px 16px rgba(17,24,31,.08);transform:translateY(-1px)}
.px-countdown{background:#f7f8f9;color:#505b65;border:1px solid #e5e8eb}.px-countdown b{color:#d84408;font-size:9px}.px-sale-badge{background:#27313a;letter-spacing:.4px}
.px-deals-panel .px-panel-title button{font-size:7px;white-space:nowrap;gap:2px}

/* Mobile uses a compact bottom sheet rather than the desktop floating card. */
@media(max-width:760px){
  .inquiry-assist-banner{min-height:0;margin-top:12px;padding:14px 12px;grid-template-columns:1fr;gap:11px;border-radius:12px;border-left-width:3px;box-shadow:0 8px 22px rgba(18,28,38,.05)}
  .inquiry-assist-copy h2{margin-bottom:6px;font-size:13px}.inquiry-assist-copy p{font-size:9.5px;line-height:1.52}.inquiry-assist-actions{width:100%;grid-template-columns:1fr 1fr;gap:8px;justify-content:stretch}.inquiry-assist-primary,.inquiry-assist-secondary{height:38px;border-radius:8px;font-size:9.5px;padding:0 8px}.inquiry-assist-actions small{font-size:7.5px;text-align:left;white-space:normal}
  .inquiry-assist-popup{left:10px;right:10px;bottom:10px;width:auto;max-width:none;max-height:40svh;overflow:auto;padding:16px 15px 14px;border-radius:14px;box-shadow:0 -10px 32px rgba(13,22,31,.2)}
  .inquiry-assist-popup h2{font-size:15px}.inquiry-assist-popup p{font-size:10px}.inquiry-assist-popup-actions>*{height:39px;font-size:9.5px}.inquiry-assist-popup small,.inquiry-assist-popup em{font-size:7.5px}
  .empty-search-inquiry{padding:20px 14px!important}.empty-search-inquiry-actions{display:grid;grid-template-columns:1fr;gap:8px}.empty-search-inquiry-actions .btn{justify-content:center}.empty-reset-link{text-align:center;padding:6px}
}

/* Supplied catalog photos: a compact, browseable product-reference gallery. Images remain fully visible. */
.marketplace-catalog{margin-top:14px;padding:16px;border:1px solid var(--px-line);border-radius:8px;background:#fff;box-shadow:0 5px 16px rgba(17,24,31,.045)}
.marketplace-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid #edf0f2}
.marketplace-catalog-head>div{min-width:0}.marketplace-catalog-head>div>span{display:block;margin-bottom:5px;color:var(--px-orange);font-size:8px;font-weight:900;letter-spacing:1.05px}.marketplace-catalog-head h2{margin:0;color:#111820;font-size:18px;line-height:1.1;letter-spacing:-.25px}.marketplace-catalog-head p{max-width:670px;margin:7px 0 0;color:#64707a;font-size:10px;line-height:1.48}.marketplace-catalog-head>small{flex:0 0 auto;padding-bottom:1px;color:#717b84;font-size:9px;font-weight:750;white-space:nowrap}
.marketplace-catalog-filters{display:flex;gap:7px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:thin}.marketplace-catalog-filters button{flex:0 0 auto;min-height:29px;padding:0 10px;border:1px solid #dce2e6;border-radius:999px;background:#fff;color:#4f5b65;font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer}.marketplace-catalog-filters button:hover{border-color:#f2a078;color:#c8480b}.marketplace-catalog-filters button.active{border-color:var(--px-orange);background:var(--px-orange);color:#fff}
.marketplace-catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}.market-photo-card{min-width:0;overflow:hidden;border:1px solid #dfe5e8;border-radius:7px;background:#fff;box-shadow:0 2px 7px rgba(17,24,31,.025);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.market-photo-card:hover{border-color:#f1a079;box-shadow:0 8px 18px rgba(17,24,31,.09);transform:translateY(-2px)}
.market-photo-media{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border:0;border-bottom:1px solid #e8ecef;background:#f8f9fa;cursor:zoom-in}.market-photo-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .24s ease}.market-photo-card:hover .market-photo-media img{transform:scale(1.025)}.market-photo-media span{position:absolute;right:7px;bottom:7px;display:inline-flex;align-items:center;gap:2px;padding:5px 6px;border-radius:4px;background:rgba(17,24,32,.8);color:#fff;font-size:7px;font-weight:800;opacity:0;transform:translateY(3px);transition:opacity .18s ease,transform .18s ease}.market-photo-card:hover .market-photo-media span,.market-photo-media:focus-visible span{opacity:1;transform:none}.market-photo-media svg{width:10px;height:10px}
.market-photo-copy{display:grid;gap:3px;min-height:70px;padding:9px 9px 7px}.market-photo-copy small{overflow:hidden;color:#79848d;font-size:7px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.market-photo-copy h3{display:-webkit-box;overflow:hidden;margin:0;color:#172029;font-size:10px;line-height:1.22;font-weight:850;-webkit-box-orient:vertical;-webkit-line-clamp:2}.market-photo-copy code{overflow:hidden;color:#c74a0e;font:800 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1px;text-overflow:ellipsis;white-space:nowrap}
.market-photo-fitment{display:grid;gap:2px;min-height:35px;padding:6px 9px;border-top:1px solid #edf0f2;background:#f8fbf9}.market-photo-fitment strong{color:#287044;font-size:7px;font-weight:850;line-height:1.25}.market-photo-fitment span{overflow:hidden;color:#68747c;font-size:6.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.market-photo-fitment[data-market-fitment="unmatched"]{background:#fff8f4}.market-photo-fitment[data-market-fitment="unmatched"] strong{color:#9b552a}
.market-photo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 8px 8px}.market-photo-actions button{height:28px;min-width:0;border:1px solid #dce2e6;border-radius:4px;background:#fff;color:#3b4750;font-size:7px;font-weight:850;white-space:nowrap;cursor:pointer}.market-photo-actions button:hover{border-color:#f1a079;color:#c8480b}.market-photo-actions .market-rfq-action{border-color:var(--px-orange);background:var(--px-orange);color:#fff}.market-photo-actions .market-rfq-action:hover{background:#df4607}.market-photo-actions:has(> :only-child){grid-template-columns:1fr}
.marketplace-catalog-more{display:flex;justify-content:center;padding-top:13px}.marketplace-catalog-more button{min-height:34px;padding:0 14px;border:1px solid #d6dde2;border-radius:5px;background:#fff;color:#343f48;font-size:9px;font-weight:850;cursor:pointer}.marketplace-catalog-more button:hover{border-color:#f1a079;color:#c8480b}.marketplace-catalog-more button[hidden]{display:none}
.market-photo-modal{display:grid;gap:13px}.market-photo-modal img{display:block;width:100%;max-height:min(62vh,620px);border:1px solid #e1e6e9;border-radius:7px;background:#f7f8f9;object-fit:contain}.market-photo-modal p{margin:0;color:#64707a;font-size:11px;line-height:1.55}.market-photo-modal-actions{display:flex;flex-wrap:wrap;gap:8px}.market-photo-modal-actions .btn{min-height:35px}
@media(max-width:1180px){.marketplace-catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.marketplace-catalog{width:calc(100% - 20px);margin:12px auto 0;padding:13px 9px;border-radius:14px;box-shadow:0 8px 22px rgba(18,28,38,.05)}.marketplace-catalog-head{align-items:flex-start;gap:8px;padding:0 3px 11px}.marketplace-catalog-head>div>span{font-size:7px}.marketplace-catalog-head h2{font-size:14px}.marketplace-catalog-head p{margin-top:6px;font-size:9px;line-height:1.48}.marketplace-catalog-head>small{padding-top:2px;font-size:7.5px}.marketplace-catalog-filters{gap:6px;padding:11px 3px 3px}.marketplace-catalog-filters button{min-height:31px;padding:0 10px;font-size:8px}.marketplace-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}.market-photo-card{border-radius:10px}.market-photo-media span{right:5px;bottom:5px;padding:4px 5px;font-size:6.5px;opacity:1;transform:none}.market-photo-copy{min-height:69px;padding:8px 8px 6px}.market-photo-copy small{font-size:6.5px}.market-photo-copy h3{font-size:9px}.market-photo-copy code{font-size:7px}.market-photo-actions{gap:4px;padding:0 7px 7px}.market-photo-actions button{height:30px;padding:0 4px;border-radius:6px;font-size:7px}.marketplace-catalog-more{padding-top:11px}.marketplace-catalog-more button{min-height:37px;border-radius:8px;font-size:9px}.market-photo-modal p{font-size:10px}.market-photo-modal-actions{display:grid;grid-template-columns:1fr}.market-photo-modal-actions .btn{justify-content:center}}
@media(max-width:360px){.marketplace-catalog-head{display:grid;grid-template-columns:1fr}.marketplace-catalog-head>small{padding-top:0}.market-photo-actions{grid-template-columns:1fr}.market-photo-copy h3{font-size:8.5px}}

/* The Indonesian hero headline can wrap to three lines. Keep the trust row in
   normal document flow so it never overlays the CTA buttons at narrow desktop
   widths, browser zoom, or after a language switch. */
@media(min-width:761px){
  .px-hero{height:auto;min-height:280px}
  .px-hero-inner{min-height:280px;display:flex;flex-direction:column;justify-content:space-between;padding:18px 8px 10px}
  .px-hero-copy{position:static;width:min(455px,100%)}
  .px-trust-row{position:static;width:100%;height:auto;min-height:38px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:center}
  .px-trust-row span{min-width:0;font-size:8px}
}