/* AtlasTrade global B2B marketplace UI preview
   Main design tokens: edit these once to restyle every page. */
:root{--brand:#ff6500;--brand-dark:#ea5300;--brand-soft:#fff1e8;--ink:#191919;--muted:#666c76;--line:#e7e8ea;--paper:#fff;--canvas:#f8f9fa;--dark:#242424;--radius:13px;--shadow:0 3px 15px #2222220b;--container:1400px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.45}h1,h2,h3,h4,p{margin-top:0}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button,select,input,textarea{outline-offset:3px}a:hover{color:var(--brand)}.container{max-width:var(--container);padding-left:22px;padding-right:22px;margin:auto}.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}.muted{color:var(--muted)}.tiny{font-size:11px}.surface{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 7px #00000003}.btn,.orange-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;min-height:38px;padding:10px 18px;font-weight:700;font-size:13px;border:1px solid transparent;transition:background .2s,transform .2s,color .2s}.btn:hover,.orange-button:hover{transform:translateY(-1px)}.btn-primary,.orange-button{background:var(--brand);color:white}.btn-primary:hover,.orange-button:hover{background:var(--brand-dark);color:white}.btn-outline{color:var(--ink);background:#fff;border-color:#cfd1d5}.btn-outline:hover{background:#fff8f4;color:var(--brand);border-color:var(--brand)}.btn-large{padding:13px 24px;font-size:15px}.loading{padding:24px;color:var(--muted)}.empty-state{background:#fff;border:1px dashed #d1d2d5;padding:26px;text-align:center;border-radius:12px;color:var(--muted)}
/* Top orange navigation and hero */
.site-header{color:white;background:var(--brand);position:relative;z-index:5}.hero-header{background:linear-gradient(110deg,#ff7005,#ff5600)}.header-top{height:51px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-size:26px;font-weight:800;display:inline-flex;align-items:center;letter-spacing:-1.3px;white-space:nowrap;gap:4px;color:inherit}.logo:hover{color:inherit}.brand-icon{font-weight:900;font-size:32px;line-height:1;color:inherit;display:inline-block;transform:rotate(-23deg)}.brand-dot{font-weight:650;font-size:.83em;letter-spacing:-1px}.header-top-right{display:flex;align-items:center;gap:22px;font-size:11px}.header-top-right .ico{width:17px;height:17px}.header-top-right a:hover{color:#fff1dd}.deliver{display:flex;align-items:center;gap:7px;white-space:nowrap}.deliver span{font-size:11px}.deliver .ico{width:12px}.tiny-top{display:flex;align-items:center;gap:7px;background:transparent;border:0;color:white;white-space:nowrap;font-size:11px}.tiny-top .ico:last-child{width:11px}.header-icon{position:relative;display:flex}.header-icon em{position:absolute;right:-8px;top:-8px;background:#fff;color:var(--brand);font:700 10px Arial;min-width:15px;height:15px;border-radius:20px;text-align:center;line-height:15px;font-style:normal}.sign-in{display:flex;align-items:center;gap:5px;white-space:nowrap}.pill-light{background:#fff;padding:7px 17px;color:#d95500;border-radius:100px;font-weight:750;font-size:11px;white-space:nowrap}.pill-light:hover{color:var(--brand);background:#fff5ec}.main-nav{display:flex;align-items:center;gap:31px;height:39px;font-size:13px;font-weight:600}.main-nav a:hover{color:#fff5e9}.nav-all{display:flex;align-items:center;gap:8px;white-space:nowrap}.nav-all .ico{width:19px}.nav-separator{display:block;width:1px;height:18px;background:#ffffff99}.main-nav sup{position:relative;top:-6px;background:white;color:#f45100;font-size:8px;padding:1px 3px;border-radius:4px;letter-spacing:.3px;margin-left:2px}.nav-rfq-mobile,.mobile-menu-toggle{display:none}.inner-header .main-nav{background:#fff;color:#252525;max-width:none;padding-left:max(22px,calc((100vw - var(--container))/2 + 22px));padding-right:max(22px,calc((100vw - var(--container))/2 + 22px));border-bottom:1px solid var(--line)}.inner-header .main-nav a:hover{color:var(--brand)}.inner-header .nav-separator{background:#ddd}.hero{background:radial-gradient(ellipse at 73% 80%,#ff8a10 0,transparent 51%),linear-gradient(122deg,#ff6800,#fb5400);color:white;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;left:-10%;bottom:-190px;width:69%;height:345px;border-radius:50%;background:#ff990e1c;transform:rotate(-10deg)}.hero-content{height:179px;position:relative;display:flex;align-items:center;flex-direction:column;padding-top:4px}.hero h1{font-size:clamp(29px,3.6vw,40px);letter-spacing:-1.4px;line-height:1.18;margin:0 0 17px;font-weight:800;z-index:1;text-align:center}.hero-globe{position:absolute;right:-15px;top:-79px;height:264px;width:400px;object-fit:contain;opacity:.65;pointer-events:none}.hero-search{z-index:2;display:flex;align-items:center;width:min(670px,75%);height:46px;padding:4px 4px 4px 15px;border-radius:32px;background:white;box-shadow:0 4px 20px #ba38001f;color:#222}.hero-search>svg{width:19px;height:19px;margin-right:12px}.hero-search input{border:0;outline:none;background:transparent;flex:1;min-width:0;font-size:13px}.hero-search button{border:0;color:#fff;background:#0c0c0c;padding:9px 28px;border-radius:30px;font-weight:700;height:38px;min-width:100px}.hero-search button:hover{background:#303030}.hero-shortcuts{position:relative;z-index:1;display:flex;justify-content:center;gap:40px;margin-top:18px;width:85%}.hero-shortcuts a{color:#fff;display:flex;align-items:center;gap:12px;min-width:190px}.hero-shortcuts a:not(:last-child)::after{content:"";height:29px;border-right:1px solid #ffdfc4;position:relative;left:25px}.hero-shortcuts .ico{height:29px;width:29px;stroke-width:1.5}.hero-shortcuts strong{font-size:13px;display:block}.hero-shortcuts small{font-size:11px;display:block}.hero-shortcuts a:hover{opacity:.9}
/* Dense homepage sections */
.home-main{display:flex;flex-direction:column;gap:14px;padding-top:16px;padding-bottom:14px}.intro-grid{display:grid;grid-template-columns:200px minmax(0,1.56fr) minmax(230px,1fr);gap:13px;min-height:230px}.home-categories{padding:9px 12px;display:flex;flex-direction:column;overflow:hidden}.sidebar-title{font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sidebar-title .ico{width:15px}.home-categories>a{display:flex;align-items:center;gap:11px;padding:6px 2px;border-top:1px solid #f6f6f6;font-size:12px;white-space:nowrap}.home-categories>a .ico{width:16px;height:16px}.home-categories>a .ico:last-child{margin-left:auto;width:12px}.home-categories>a:hover{color:var(--brand)}.home-categories .category-more{font-weight:700;color:var(--brand);font-size:11px;margin-top:auto}.frequently{padding:12px 12px 10px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.section-heading h2{font-size:17px;letter-spacing:-.35px;line-height:1.2;margin:0;font-weight:800}.section-heading h2 small{font-size:10px;margin-left:8px;font-weight:500;letter-spacing:0;color:#565656}.section-heading a{white-space:nowrap;font-size:11px;display:flex;gap:4px;align-items:center}.section-heading a .ico{height:12px;width:12px}.frequent-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.frequent-products>a{min-width:0;display:flex;flex-direction:column}.frequent-products img{width:100%;height:128px;object-fit:cover;border-radius:9px;background:#f6f6f7}.frequent-products strong{font-size:12px;line-height:1.2;margin-top:7px;white-space:normal}.frequent-products small{color:var(--muted);margin-top:5px;font-size:10px}.promo{position:relative;overflow:hidden;min-height:229px;color:#fff;background:radial-gradient(circle at 75% 38%,#625040 0,#121212 40%,#080808 75%);display:flex;align-items:center}.promo:hover{color:#fff}.promo-text{position:relative;z-index:1;width:56%;padding:22px 0 22px 20px}.promo h2{font-size:26px;line-height:1.08;letter-spacing:-.9px;margin-bottom:12px}.promo h2 em{color:#ff6600;font-style:normal;display:block}.promo p{font-size:13px;line-height:1.3}.promo .orange-button{padding:9px 17px;min-height:28px;font-size:11px}.promo .orange-button .ico{height:14px;width:14px}.promo-img{position:absolute;width:62%;height:99%;object-fit:cover;object-position:53% center;right:0;bottom:0;mask-image:linear-gradient(to right,transparent 0%,#000 24%)}.promo .dots{position:absolute;bottom:8px;left:45%;font-size:16px;color:#ff820c;letter-spacing:4px}
.product-rail,.ranking,.regions{padding:11px 12px 12px}.scroll-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.product-card{min-width:0;position:relative;border:1px solid #e8eaed;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 5px 18px #00000012;transform:translateY(-2px)}.product-photo{display:block;height:175px;background:#f4f5f6;overflow:hidden}.product-photo img{height:100%;width:100%;object-fit:cover;display:block}.product-details{padding:10px 11px 12px}.product-name{font-size:12px;font-weight:650;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}.product-price{font-size:13px;font-weight:800;margin-top:7px;letter-spacing:-.2px}.heart-btn{position:absolute;z-index:2;top:9px;right:9px;border:0;width:28px;height:28px;display:grid;place-items:center;color:#454545;background:#ffffffdd;border-radius:50%;box-shadow:0 1px 5px #00000015}.heart-btn .ico{height:17px;width:17px}.heart-btn.saved{color:#ff4e31}.heart-btn.saved .ico{fill:#ff4e3133}.product-card.compact{border:0;border-radius:5px}.product-card.compact .product-photo{height:79px;border-radius:7px}.product-card.compact .product-details{padding:5px 1px 2px}.product-card.compact .product-name{min-height:0;height:auto;font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}.product-card.compact .product-price{font-size:10px;margin-top:3px;white-space:nowrap}.product-card.compact .tiny{font-size:10px}.product-card.compact .heart-btn{display:none}
.custom-strip{display:grid;grid-template-columns:265px 165px minmax(0,1fr);min-height:129px;overflow:hidden}.custom-copy{padding:13px}.custom-copy h2{font-size:19px;line-height:1.18;letter-spacing:-.7px;margin-bottom:6px}.custom-copy p{font-size:12px;line-height:1.3;color:#484848;margin:0 0 8px}.outline-pill{background:#fff;border-radius:100px;border:1px solid #777;color:#222;font-size:10px;padding:5px 16px;display:inline-flex;align-items:center;gap:4px}.outline-pill .ico{width:11px;height:11px}.outline-pill:hover{background:var(--brand);color:white;border-color:var(--brand)}.custom-factory{height:100%;width:100%;object-fit:cover;object-position:center}.custom-items{padding:10px;display:grid;gap:9px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.custom-items a{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.custom-items img{width:100%;height:73px;border-radius:8px;object-fit:cover;background:#f5f5f5}.custom-items strong{font-size:10px;margin-top:6px;text-align:center;line-height:1.2}
.rank-items{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.rank-card{min-width:0}.rank-img{height:89px;border-radius:9px;border:1px solid #e9eaeb;background:#f7f7f8;overflow:hidden;position:relative}.rank-img img{width:100%;height:100%;object-fit:cover}.rank-num{position:absolute;top:5px;left:5px;color:var(--brand);font-size:13px;text-shadow:0 1px #fff}.rank-card strong{display:block;font-size:11px;margin:4px 0 1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank-card small{font-size:10px;color:var(--muted)}
.manufacturer-strip{display:grid;grid-template-columns:225px 1fr;gap:7px;padding:10px;min-height:127px}.factory-intro{padding:8px 4px}.factory-intro h2{font-size:18px;line-height:1.15;letter-spacing:-.6px;margin-bottom:6px}.factory-intro h2 span{color:#056ad7}.factory-intro p{font-size:11px;margin-bottom:10px;color:#555}.factory-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.factory-card{display:block;min-width:0}.factory-card>div{position:relative}.factory-card img{width:100%;height:76px;object-fit:cover;border-radius:8px}.verified{background:#ff7007;color:white;font-size:9px;padding:1px 4px;position:absolute;left:5px;bottom:6px;border-radius:4px}.factory-card strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.factory-card small{font-size:10px;color:#4c4c4c;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trade-strip{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;min-height:90px;align-items:stretch}.trade-strip>a{display:flex;align-items:center;gap:13px;padding:14px 18px;min-width:0}.trade-strip>a:not(:last-child){border-right:1px solid #eee}.trade-strip>a>svg{height:36px;width:36px;color:var(--brand);stroke-width:1.6}.trade-strip strong{font-size:13px}.trade-strip p{font-size:11px;margin:3px 0 0;color:#454545;line-height:1.3}.trade-strip .orange-button{padding:4px 12px;min-height:22px;margin-top:5px;font-size:10px}.trade-strip .orange-button .ico{height:12px;width:12px}
.region-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.region-card{display:block;min-width:0;position:relative;padding-bottom:7px;border-radius:7px;box-shadow:0 1px 4px #00000018;overflow:hidden}.region-card img{width:100%;height:65px;object-fit:cover;display:block}.region-card strong{display:block;margin:3px 8px 0;font-size:12px}.region-card small{display:block;margin:1px 8px 0;font-size:10px;color:#555}.region-card>.ico{position:absolute;right:6px;bottom:8px;height:13px;width:13px}.app-banner{background:linear-gradient(112deg,#fff1eb,#ffebdf);border-radius:10px;padding:12px 45px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;min-height:88px}.app-banner h2{font-size:20px;margin-bottom:5px;letter-spacing:-.6px}.app-banner p{font-size:11px;margin:0}.app-phone{position:absolute;left:46%;bottom:0;height:88px;width:auto;object-fit:contain}.app-badges{display:flex;gap:10px;z-index:1}.app-badges span{background:#121212;color:#fff;border:1px solid #444;border-radius:5px;padding:7px 13px;font-size:13px;font-weight:700;white-space:nowrap}.app-badges small{display:block;font-size:8px;font-weight:400}
/* Common inner-page layouts */
.page-main{padding-top:22px;padding-bottom:50px;min-height:60vh}.breadcrumbs{color:#787878;font-size:12px;display:flex;align-items:center;gap:8px;margin-bottom:24px}.breadcrumbs .ico{height:12px;width:12px}.breadcrumbs a:hover{color:var(--brand)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{display:block;color:var(--brand);font-size:11px;letter-spacing:1.2px;font-weight:800;margin-bottom:8px}.page-heading h1,.rfq-hero h1{font-size:32px;letter-spacing:-1px;line-height:1.15;margin:0 0 9px}.page-heading p,.rfq-hero p{font-size:14px;color:var(--muted);margin:0}.category-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.category-tile{border:1px solid #e9e9eb;border-radius:12px;background:white;overflow:hidden;display:block;transition:transform .2s,box-shadow .2s}.category-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-tile>div{height:165px;background:#f3f4f6}.category-tile img{width:100%;height:100%;object-fit:cover}.category-tile .tile-title{display:flex;align-items:center;gap:8px;padding:12px 14px 0;font-weight:800;font-size:15px}.category-tile .ico{color:var(--brand)}.category-tile small{display:block;padding:2px 14px 9px;color:var(--muted);font-size:11px}.tile-link{display:block;padding:0 14px 15px;color:var(--brand);font-size:12px;font-weight:700}.related-block{margin-top:38px}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.products-grid .product-photo{height:200px}.products-grid .product-name{font-size:13px}.products-grid .product-price{font-size:15px}.catalog-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:20px;align-items:start}.filters{padding:19px 17px;position:sticky;top:12px}.filters h3{display:flex;align-items:center;gap:7px;font-size:16px;margin:0 0 22px}.filters .ico{height:18px;width:18px}.filter-header{display:flex;align-items:center;justify-content:space-between}.filter-header h3{margin-bottom:14px}.link-button{color:var(--brand);border:0;background:transparent;font-size:12px}.filter-label{display:block;font-size:12px;font-weight:700;margin:17px 0 7px}.filters input,.filters select{width:100%;border:1px solid #dfe0e2;border-radius:7px;min-height:39px;padding:8px 9px;background:#fff;color:#333}.filter-help{margin:18px 0 0;font-size:11px;color:var(--muted);line-height:1.5}.filter-help-link{color:var(--brand);font-size:11px;font-weight:700}.listing-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border-radius:10px;border:1px solid var(--line);padding:9px 13px;margin-bottom:14px}.listing-toolbar strong{font-size:13px}.listing-toolbar a{font-size:12px;color:var(--brand)}.toolbar-sort{display:flex;align-items:center;gap:9px;font-size:12px}.toolbar-sort select{padding:7px 8px;border:1px solid #ddd;border-radius:7px;background:white}.catalog-products{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-products .product-photo{height:175px}.page-controls{display:flex;gap:8px;justify-content:center;margin:20px 0}.page-controls button{min-width:38px;height:36px;border:1px solid #ddd;border-radius:7px;background:#fff}.page-controls button.active{background:var(--brand);color:white;border-color:var(--brand)}.page-controls button:disabled{opacity:.4}
/* Product details */
.product-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 300px;align-items:start;gap:16px}.detail-photo-wrap{background:#f5f6f7;border-radius:11px;display:flex;align-items:center;justify-content:center;height:380px;overflow:hidden}.detail-photo-wrap img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.detail-thumbs{display:flex;gap:8px;margin-top:10px}.detail-thumbs button{width:65px;height:65px;border:1px solid #ddd;border-radius:8px;padding:0;overflow:hidden;background:#fff}.detail-thumbs button.active{border:2px solid var(--brand)}.detail-thumbs img{width:100%;height:100%;object-fit:cover}.detail-info,.detail-gallery,.detail-supplier{padding:19px;background:#fff;border:1px solid var(--line);border-radius:12px}.detail-info h1{font-size:25px;line-height:1.22;letter-spacing:-.7px;margin-bottom:12px}.detail-tag{background:var(--brand-soft);color:var(--brand-dark);font-size:11px;font-weight:750;padding:5px 8px;border-radius:6px;display:inline-flex;gap:6px;margin-bottom:14px}.price-box{background:#fff6ef;padding:15px;border-radius:10px;margin:15px 0}.price-box small{display:block;color:#666}.price-box strong{color:#d54a00;font-size:23px;letter-spacing:-.5px}.price-box span{font-size:13px;margin-left:4px}.product-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:16px 0}.product-points div{font-size:12px;color:var(--muted)}.product-points strong{display:block;color:var(--ink);font-size:14px;margin-top:2px}.qty-row{display:flex;align-items:center;gap:10px;margin:18px 0}.qty-row input{width:105px;min-height:41px;border:1px solid #ddd;border-radius:7px;padding:6px 9px}.detail-actions{display:flex;flex-wrap:wrap;gap:9px}.detail-supplier h3{font-size:16px;margin-bottom:12px}.detail-supplier>img{width:100%;height:116px;object-fit:cover;border-radius:8px}.detail-supplier .supplier-name{font-size:15px;font-weight:800;display:block;margin-top:10px}.detail-supplier .verified-demo{color:#f46900;font-size:11px;margin:9px 0}.detail-supplier p{color:var(--muted);font-size:12px}.detail-supplier .btn{width:100%;margin-top:8px}.detail-specs{margin-top:18px;padding:22px}.detail-specs h2{font-size:20px}.spec-table{width:100%;border-collapse:collapse}.spec-table td{border-bottom:1px solid #eee;padding:11px;font-size:13px}.spec-table td:first-child{width:190px;background:#fafafa;color:#666}.detail-description{font-size:13px;color:#656565;line-height:1.8}
/* Supplier directory and profile */
.supplier-list{display:flex;flex-direction:column;gap:13px}.supplier-list-card{display:grid;grid-template-columns:205px minmax(0,1fr) 165px;gap:20px;padding:15px;align-items:center}.supplier-list-card>img{width:100%;height:145px;object-fit:cover;border-radius:8px}.supplier-list-card h2{font-size:17px;margin:0 0 6px}.supplier-list-card p{font-size:12px;color:var(--muted);margin:7px 0}.supplier-list-card .supplier-meta{display:flex;gap:12px;font-size:11px;color:var(--muted)}.supplier-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.supplier-chips span{padding:5px 8px;border-radius:6px;background:#f1f2f3;color:#555;font-size:10px}.supplier-ctas{display:flex;flex-direction:column;gap:10px;align-items:stretch}.supplier-cover{background:linear-gradient(115deg,#1f242b,#394858);color:white;padding:24px;border-radius:14px;margin-bottom:20px;position:relative;overflow:hidden}.supplier-cover::before{content:"";position:absolute;right:0;top:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,#ffffff09),url('../images/factory-electronics.webp') center/cover;opacity:.24}.supplier-cover h1{font-size:28px;margin:8px 0}.supplier-cover p{position:relative;max-width:700px}.supplier-cover .tagline{color:#e1e5ed}.supplier-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:19px}.company-panel,.company-contact{padding:22px}.company-panel h2,.company-contact h2{font-size:18px}.company-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.company-meta span{background:#f9f9fa;border:1px solid #eee;border-radius:8px;padding:13px;font-size:12px;color:var(--muted)}.company-meta strong{display:block;font-size:15px;color:#222}.company-contact img{width:100%;height:160px;object-fit:cover;border-radius:10px;margin-bottom:12px}.company-contact .btn{width:100%}
/* RFQ form */
.rfq-hero{border-radius:15px;background:linear-gradient(110deg,#fff0e5,#fffaf6);border:1px solid #ffe0c9;padding:32px 36px;margin-bottom:20px}.rfq-hero p{max-width:720px}.rfq-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.form-surface{padding:27px}.form-surface h2{font-size:20px;margin-bottom:5px}.form-surface>.muted{font-size:12px}.styled-form{margin-top:20px}.field{margin-bottom:17px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #d9dbdf;border-radius:8px;padding:11px 12px;background:#fff;font-size:13px}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#ff8b3e;box-shadow:0 0 0 3px #ff65001c}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkbox-line{display:flex;align-items:flex-start;gap:9px;color:#565656;font-size:12px;margin:18px 0}.checkbox-line input{margin-top:3px}.form-feedback{border-radius:8px;padding:13px 15px;background:#edfff5;color:#086b3f;margin-top:18px;font-size:13px}.rfq-help{display:flex;flex-direction:column;gap:16px}.rfq-help>.surface,.help-side{padding:23px}.rfq-help h3,.help-side h3{font-size:17px}.steps{margin-top:20px}.steps>div{display:flex;gap:12px;margin:18px 0}.steps b{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--brand-soft);color:var(--brand)}.steps strong,.steps small{display:block}.steps strong{font-size:13px}.steps small{font-size:11px;color:var(--muted);margin-top:2px}.light-promo{background:#f7faff}.light-promo p{font-size:12px;color:var(--muted)}
/* Inquiry basket & dashboard */
.basket-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px;align-items:start}.basket-items{display:flex;flex-direction:column;gap:12px}.basket-item{display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;padding:14px}.basket-item img{height:85px;width:100px;border-radius:8px;object-fit:cover}.basket-item h3{font-size:14px;margin:0 0 6px}.basket-item p{color:var(--muted);font-size:12px;margin:0}.basket-item button{background:#fff;border:1px solid #ddd;border-radius:7px;padding:8px;color:#ca3a00}.basket-side{padding:20px}.basket-side h2{font-size:19px}.basket-side p{color:var(--muted);font-size:13px}.basket-side .btn{width:100%}.account-tabs{display:flex;gap:8px;margin-bottom:15px}.account-tabs button{border:1px solid #ddd;background:white;border-radius:10px;padding:11px 15px;font-weight:700}.account-tabs button.active{background:var(--brand);color:white;border-color:var(--brand)}.account-panel{padding:24px;min-height:230px}.account-panel h2{font-size:19px}.saved-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rfq-draft{border-bottom:1px solid #eee;padding:14px 2px}.rfq-draft strong{display:block}.rfq-draft p{font-size:12px;color:var(--muted);margin:3px 0}
/* Supporting pages */
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{padding:25px;min-height:195px}.service-card>.ico{width:35px;height:35px;color:var(--brand)}.service-card h2{font-size:19px;margin:15px 0 8px}.service-card p{font-size:13px;color:var(--muted)}.service-card a{color:var(--brand);font-size:12px;font-weight:700}.cta-panel{text-align:center;border-radius:12px;background:#fff1e7;margin-top:25px;padding:30px}.cta-panel h2{font-size:24px}.cta-panel p{color:var(--muted)}.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.faq-list{padding:14px 22px}.faq-list details{border-bottom:1px solid #eaeaea;padding:18px 0}.faq-list details:last-child{border:0}.faq-list summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .ico{width:15px;height:15px}.faq-list details[open] summary .ico{transform:rotate(180deg)}.faq-list details p{color:var(--muted);font-size:13px;margin:12px 0 0}.help-side p{font-size:13px;color:var(--muted)}.about-hero{border-radius:18px;padding:70px 40px;color:white;background:radial-gradient(circle at right top,#ff924e,var(--brand-dark) 62%,#c84200);max-width:100%;margin-bottom:25px}.about-hero .eyebrow{color:#fff0de}.about-hero h1{font-size:40px;max-width:690px;line-height:1.15}.about-hero p{max-width:700px;font-size:16px}.about-hero .btn{background:white;color:var(--brand);margin-top:10px}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.about-values>div{padding:25px}.about-values span{color:var(--brand);font-size:14px;font-weight:800}.about-values h2{font-size:23px;margin:13px 0 7px}.about-values p{color:var(--muted);font-size:13px}.demo-callout{font-size:12px;color:#5d5d5d;margin-top:25px}
/* Footer */
.site-footer{background:#242424;color:#eee;padding-top:24px}.footer-cols{display:grid;grid-template-columns:1.35fr repeat(5,minmax(0,1fr));gap:25px;padding-bottom:25px}.footer-brand .logo{font-size:23px}.footer-brand .brand-icon{font-size:27px}.footer-brand p{font-size:12px;margin:10px 0;max-width:260px}.preview-note{opacity:.68;font-size:10px!important;line-height:1.4}.footer-cols h4{font-size:12px;margin:7px 0 9px}.footer-cols a:not(.logo){display:block;font-size:11px;color:#dbdbdb;line-height:1.95}.footer-cols a:not(.logo):hover{color:#ff9f6e}.socials{display:flex;gap:15px;font-size:13px;margin-top:18px}.footer-bottom{border-top:1px solid #5b5b5b;display:flex;align-items:center;gap:20px;min-height:39px;font-size:10px;color:#c7c7c7}.footer-bottom span:last-child{margin-left:auto}.footer-bottom .ico{width:13px;height:13px}.toast{position:fixed;right:18px;bottom:22px;max-width:min(390px,calc(100vw - 36px));z-index:99;background:#242424;color:white;padding:13px 17px;border-radius:9px;box-shadow:0 6px 25px #0003;font-size:12px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}
/* Responsive adaptations: a real layout, not a squeezed desktop screenshot */
@media (max-width:1250px){.intro-grid{grid-template-columns:195px minmax(0,1.48fr) minmax(230px,.95fr)}.frequent-products img{height:116px}.custom-strip{grid-template-columns:245px 148px minmax(0,1fr)}.custom-items img{height:69px}.trade-strip>a{padding:13px 10px;gap:10px}.trade-strip strong{font-size:12px}.trade-strip p{font-size:10px}.product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 270px}.catalog-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){.container{padding-left:17px;padding-right:17px}.header-top-right{gap:12px}.deliver{display:none}.intro-grid{grid-template-columns:185px minmax(0,1fr)}.promo{grid-column:1/-1;min-height:150px}.promo-img{width:30%;height:190px;mask-image:linear-gradient(to right,transparent,#000 35%)}.promo-text{width:70%;padding:16px 25px}.promo h2 em{display:inline}.promo h2{font-size:24px}.home-categories{min-height:222px}.scroll-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card.compact .product-photo{height:115px}.custom-strip{grid-template-columns:1fr 145px}.custom-items{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.custom-items img{height:98px}.rank-items{grid-template-columns:repeat(4,1fr)}.rank-img{height:118px}.manufacturer-strip{grid-template-columns:1fr}.factory-items img{height:114px}.trade-strip{grid-template-columns:repeat(2,1fr)}.trade-strip>a:nth-child(2){border-right:0}.trade-strip>a:nth-child(-n+2){border-bottom:1px solid #eee}.region-grid{grid-template-columns:repeat(3,1fr)}.region-card img{height:102px}.app-phone{display:none}.footer-cols{grid-template-columns:repeat(3,1fr)}.product-layout{grid-template-columns:1fr 1fr}.detail-supplier{grid-column:1/-1}.detail-supplier>img{display:none}.category-tile-grid{grid-template-columns:repeat(3,1fr)}.catalog-layout{grid-template-columns:205px 1fr}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-list-card{grid-template-columns:150px 1fr;gap:13px}.supplier-ctas{grid-column:1/-1;flex-direction:row}.supplier-profile-grid{grid-template-columns:1fr 260px}}
@media (max-width:700px){body{font-size:13px}.container{padding-left:13px;padding-right:13px}.header-top{height:55px}.logo{font-size:22px}.brand-icon{font-size:27px}.header-top-right{gap:15px}.header-top-right .tiny-top,.header-top-right .pill-light,.header-top-right .sign-in span{display:none}.main-nav{height:auto;min-height:38px;gap:17px;overflow-x:auto;scrollbar-width:none;padding-bottom:5px;white-space:nowrap;font-size:12px}.main-nav::-webkit-scrollbar{display:none}.nav-separator{display:none}.main-nav a:not(.nav-all){display:none}.main-nav .nav-rfq-mobile{display:inline!important}.mobile-menu-toggle{display:block;border:0;background:transparent;color:inherit;margin-left:auto}.main-nav.open{flex-wrap:wrap;overflow:visible;padding-bottom:11px;white-space:normal}.main-nav.open a{display:flex!important}.inner-header .main-nav{padding-left:13px;padding-right:13px}.hero-content{height:235px;padding-top:24px}.hero h1{font-size:28px;margin-bottom:21px}.hero-globe{right:-160px;top:-40px;opacity:.38}.hero-search{width:100%;height:48px}.hero-search button{min-width:72px;padding:8px 17px}.hero-search input{font-size:12px}.hero-shortcuts{width:100%;gap:5px;margin-top:25px}.hero-shortcuts a{flex:1;min-width:0;gap:6px;align-items:flex-start}.hero-shortcuts a:not(:last-child)::after{display:none}.hero-shortcuts .ico{width:21px;height:21px}.hero-shortcuts strong{font-size:10px;line-height:1.2}.hero-shortcuts small{display:none}.home-main{gap:11px;padding-top:10px}.intro-grid{grid-template-columns:1fr}.home-categories{min-height:0;display:block}.home-categories>a{display:inline-flex;padding:8px 11px;border:1px solid #e8eaed;border-radius:30px;margin:4px;font-size:11px}.home-categories>a>.ico:last-child{display:none}.home-categories>a>.ico:first-child{width:14px}.sidebar-title{margin:3px 6px 5px}.frequent-products img{height:auto;aspect-ratio:1}.promo{grid-column:auto;min-height:156px}.promo-text{width:72%;padding:15px}.promo h2{font-size:23px}.promo p{font-size:11px;max-width:190px}.promo-img{width:48%;height:100%}.section-heading h2{font-size:16px}.section-heading h2 small{display:block;margin:4px 0 0}.section-heading a{font-size:10px}.frequently,.product-rail,.ranking,.regions{padding:10px}.scroll-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.scroll-rail .product-card.compact{flex:0 0 135px;scroll-snap-align:start}.product-card.compact .product-photo{height:110px}.custom-strip{display:flex;flex-direction:column}.custom-copy{padding:13px}.custom-factory{display:none}.custom-items{display:flex;overflow:auto}.custom-items a{flex:0 0 120px}.custom-items img{height:85px}.rank-items{grid-template-columns:repeat(4,1fr);gap:8px}.rank-img{height:76px}.rank-card strong{font-size:10px}.rank-card small{display:none}.factory-items{display:flex;overflow-x:auto}.factory-card{flex:0 0 180px}.factory-items img{height:90px}.trade-strip{grid-template-columns:1fr 1fr}.trade-strip>a{padding:12px 10px;align-items:flex-start;gap:6px}.trade-strip>a>svg{width:24px;height:24px}.trade-strip strong{font-size:11px}.trade-strip p{font-size:10px}.trade-strip .rfq-feature .orange-button{font-size:9px}.region-grid{grid-template-columns:repeat(2,1fr)}.region-card img{height:90px}.app-banner{padding:18px;flex-direction:column;align-items:flex-start;gap:12px}.app-banner h2{font-size:18px}.app-badges span{padding:6px 11px}.footer-cols{grid-template-columns:repeat(2,1fr);gap:15px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.footer-bottom span:last-child{margin-left:0}.page-main{padding-top:15px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-heading h1,.rfq-hero h1{font-size:26px}.category-tile-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-tile>div{height:125px}.category-tile .tile-title{font-size:12px;padding:9px 9px 0}.category-tile .tile-title .ico{width:14px;height:14px}.category-tile small{padding:3px 9px 6px;font-size:10px}.category-tile .tile-link{padding:0 9px 11px;font-size:10px}.products-grid,.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.products-grid .product-photo,.catalog-products .product-photo{height:150px}.product-details{padding:8px}.products-grid .product-name{font-size:12px}.products-grid .product-price{font-size:13px}.catalog-layout{display:block}.filters{position:static;margin-bottom:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px}.filters h3,.filter-header{grid-column:1/-1}.filters .filter-label{margin:4px 0 0}.filters .filter-help,.filters .filter-help-link{grid-column:1/-1}.filters input,.filters select{min-width:0}.listing-toolbar{flex-wrap:wrap}.product-layout,.supplier-profile-grid,.rfq-layout,.basket-layout,.faq-layout{grid-template-columns:1fr}.detail-photo-wrap{height:270px}.detail-info h1{font-size:21px}.detail-supplier{grid-column:auto}.detail-specs{padding:14px}.supplier-list-card{grid-template-columns:100px 1fr;gap:12px}.supplier-list-card>img{height:95px}.supplier-list-card h2{font-size:14px}.supplier-list-card .supplier-meta{display:block}.supplier-chips{margin-top:6px}.supplier-ctas .btn{font-size:11px;padding:8px}.rfq-hero{padding:20px}.form-surface{padding:17px}.service-grid,.about-values{grid-template-columns:1fr}.about-hero{padding:40px 23px}.about-hero h1{font-size:29px}.saved-grid{grid-template-columns:repeat(2,1fr)}.account-tabs{overflow:auto}.account-tabs button{white-space:nowrap}.account-panel{padding:14px}}
@media (max-width:370px){.header-top-right{gap:9px}.logo{font-size:19px}.hero h1{font-size:24px}.hero-shortcuts a .ico{display:none}.frequent-products{gap:5px}.frequent-products strong{font-size:10px}.frequent-products small{font-size:9px}.rank-items{grid-template-columns:repeat(2,1fr)}.rank-img{height:100px}.section-heading h2{font-size:15px}.category-tile-grid{grid-template-columns:1fr 1fr}.two-cols{grid-template-columns:1fr}}