:root{--ink:#09090b;--gray:#5b5f73;--muted:#8a8fa3;--line:#e7e8f0;--canvas:#f6f7fb;--tint:#eeedfe;--violet:#3e34f9;--soft:#7871fb;--deep:#251f95;--green:#168957;--display:'Clash Display','Space Grotesk',Inter,sans-serif;--body:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.5 var(--body);background:#fff}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.035em}h1{font-size:36px;line-height:1.15}h2{font-size:26px;line-height:1.25}h3{font-size:15px;line-height:1.4;font-weight:650}p{color:var(--gray)}small{font-size:11px;color:var(--gray)}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #9e99ff;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #b5b0ff;border-color:var(--violet)}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.wrap{max-width:1512px;width:calc(100% - 80px);margin:auto}.announcement{height:34px;background:linear-gradient(110deg,#3e34f9 20%,#665bf5 80%,#d7d0fa);display:flex;align-items:center;justify-content:space-between;padding:0 40px;color:white;font-size:11px;letter-spacing:.02em;gap:20px}.announcement>span:first-child{font-size:10px;font-weight:700;letter-spacing:.14em}.announcement a{font-weight:600;margin-left:15px;text-decoration:underline;text-underline-offset:4px}.announcement .icon{width:16px}.local-label{font-size:10px;letter-spacing:.08em;color:#261b69}header{background:white;border-bottom:1px solid var(--line)}.head-main{height:88px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:132px;max-height:48px;object-fit:contain}.brand>span{font-family:var(--display);font-size:26px;letter-spacing:-.04em;border-left:1px solid #ddd;line-height:1.05;padding-left:12px}.beta{display:block;font:10px var(--body);letter-spacing:.22em;margin-top:4px;color:var(--gray)}.brand-note{color:#777686;font-size:12px;flex:1}.utilities{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:12px;white-space:nowrap}.utilities>a>.icon{width:22px;height:22px}.utilities .deliver{line-height:1.4;font-size:10px}.deliver b{font-size:11px}.locale{display:flex;align-items:center;gap:6px}.account-btn{display:flex;gap:6px;align-items:center;padding:0}.main-nav{height:45px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.main-nav>div{display:flex;align-items:center;gap:25px}.main-nav a{display:flex;align-items:center;gap:7px;white-space:nowrap}.main-nav .icon{width:16px;height:16px}.main-nav a:hover,.text-link:hover{color:var(--violet)}.demo-link{background:var(--tint);color:var(--deep);font-size:10px;padding:5px 8px;border-radius:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:30px;min-height:44px;padding:10px 22px;font-weight:600;font-size:13px;line-height:1.3;transition:background .18s,transform .18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.primary{background:var(--violet);color:white;box-shadow:0 2px 5px #3e34f914}.primary:hover{background:var(--deep)}.outline{border-color:#bfc0cc;background:white}.outline:hover{background:var(--canvas);border-color:var(--ink)}.full{width:100%}.small{min-height:32px;padding:6px 13px;font-size:11px}.text-btn{font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:4px;color:var(--gray)}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:550}.search-hero{background:linear-gradient(115deg,#f8f7ff,#fafaff 50%,#f3f2ff);padding:28px 0 30px}.search-hero .wrap{max-width:1100px}.search-tabs{display:flex;align-items:center;justify-content:center;gap:55px;margin-bottom:20px}.search-tabs a{font-family:var(--display);font-size:24px;font-weight:600;padding:5px 0;position:relative;color:#53505f;letter-spacing:-.02em}.search-tabs a.active{color:var(--violet)}.search-tabs a.active:after{content:'';position:absolute;bottom:-2px;left:10%;width:80%;height:3px;border-radius:3px;background:var(--violet)}.search-tabs .icon{width:19px;margin-left:3px}.search-box{border:1.5px solid var(--violet);border-radius:17px;background:#fff;padding:13px 15px;box-shadow:0 4px 14px #251f9510}.search-input{display:flex;align-items:center;gap:12px}.search-input>.icon{width:24px;color:#888598;margin-left:6px}.search-input input{min-width:0;flex:1;border:0;background:transparent;font-size:16px;outline:none;padding:10px 0}.search-input input::placeholder{color:#96929e}.search-input .btn{min-width:125px}.search-bottom{padding:12px 10px 0;display:flex;justify-content:space-between;align-items:center;color:#868290;font-size:11px}.search-bottom a{font-weight:550;color:#6b657d}.search-bottom .icon{width:14px}.trending{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:16px;font-size:11px}.trending>span{color:#827b92}.trending a{padding:5px 10px;background:#ffffff95;border:1px solid #e9e5f1;border-radius:20px;color:#665e79}.trending .icon{width:12px;height:12px;margin-left:5px}.compact{padding:5px 6px 5px 9px;border-radius:30px;flex:1;min-width:250px;box-shadow:none}.compact .search-input{gap:4px}.compact .search-input>.icon{display:none}.compact .search-input input{font-size:12px;padding-left:8px}.compact .search-input .btn{min-height:33px;min-width:90px;padding:6px 13px;font-size:11px}.compact .btn .icon{width:14px;height:14px}.head-main:has(.compact){gap:24px}.head-main:has(.compact) .utilities{gap:17px}.head-main:has(.compact) .locale{display:none}.home-main{padding-top:29px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.section-head>a,.section-head>div>a{font-size:12px;display:inline-flex;gap:6px;align-items:center}.section-head .icon{width:17px;height:17px}.welcome h2{font-size:22px}.welcome>div{display:flex;gap:24px}.welcome>div>a{font-weight:550}.discovery-row{display:grid;grid-template-columns:240px 1.15fr 1fr 1.05fr;gap:16px;min-height:304px}.category-rail{border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:12px 0;background:#fff}.category-rail h3{padding:3px 15px 10px;font-size:12px;display:flex;align-items:center;gap:9px}.category-rail h3 .icon{width:18px;height:18px}.category-rail>a{display:flex;align-items:center;gap:11px;font-size:11px;padding:7px 15px}.category-rail>a:hover{color:var(--violet);background:var(--tint)}.category-rail>a>.icon{width:17px;height:17px}.category-rail>a>.icon:last-child{width:12px;height:12px;margin-left:auto}.category-rail>a.all{border-top:1px solid var(--line);margin-top:5px;font-size:10px}.mini-discovery{background:#f6f7f9;padding:19px 16px 13px;border-radius:10px;display:flex;flex-direction:column}.mini-discovery .section-head{margin:0 0 3px;gap:5px}.mini-discovery h3{font-family:var(--display);font-size:19px;letter-spacing:-.03em}.mini-discovery>p{font-size:11px}.mini-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 11px;flex:1}.mini-products>a{position:relative;min-width:0}.mini-products img{border-radius:6px;width:100%;height:173px;object-fit:cover}.mini-products>a>span{position:absolute;top:146px;left:7px;background:white;border-radius:20px;font-weight:700;padding:2px 10px;font-size:12px;box-shadow:0 2px 7px #0000000d}.mini-products p{font-size:10px;color:#34333e;line-height:1.5;padding-top:7px}.mini-discovery>.text-link{font-size:10px}.material-tile,.country-tile{padding:23px;border-radius:10px;position:relative;overflow:hidden;min-height:316px}.material-tile{background:#efebe5}.eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:.13em;color:#797486;margin-bottom:8px}.material-tile .eyebrow{font-size:10px;color:#716254}.material-tile h2{font-size:29px;position:relative;z-index:1;line-height:1.08}.pill{display:inline-flex;align-items:center;gap:12px;border:1px solid #ffffffd0;border-radius:30px;padding:7px 12px;font-weight:550;font-size:10px;margin-top:17px;background:#ffffffb5;position:relative;z-index:2}.pill .icon{width:14px;height:14px}.fabric-rolls{position:absolute;bottom:-44px;right:-12px;transform:rotate(-25deg);display:flex;gap:4px}.fabric-rolls i{display:block;width:56px;height:207px;border-radius:50% 50% 10px 10px/18% 18% 10px 10px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#ffffff15 3px),linear-gradient(90deg,#827661,#d2c8b4 30%,#9e947f 80%);box-shadow:inset -9px -3px 20px #0002,3px 3px 8px #0002;position:relative}.fabric-rolls i:before{content:'';position:absolute;top:8px;left:7px;width:40px;height:34px;background:radial-gradient(ellipse,#6e6555 10%,#b8ae9a 13%,#c7beaf 26%,#8f836c 27%,#c9c0b0 35%,#a89b85 38%,#cbc3b5 56%,#998b77 60%,#c3b9a8 80%);border-radius:50%}.fabric-rolls i:nth-child(2){filter:hue-rotate(55deg) saturate(.6);height:180px;margin-top:25px}.fabric-rolls i:nth-child(3){filter:brightness(.55);height:221px;margin-top:-10px}.fabric-rolls i:nth-child(4){filter:brightness(1.2);height:180px;margin-top:26px}.country-tile{background:linear-gradient(135deg,#302485,#6552b5);color:white}.country-tile .eyebrow{color:#d2c6ee;font-size:10px}.country-tile h2{font-size:35px;line-height:1.05;margin-top:19px;position:relative;z-index:1}.country-tile p{font-size:11px;color:#e2dcee;position:relative;z-index:1;margin-top:12px}.country-tile .pill{color:#342862;margin-top:16px}.flag-stripe{width:29px;height:6px;background:linear-gradient(90deg,#ffd75b 50%,#4059b6 50%,#4059b6 75%,#dc596c 75%);margin-bottom:14px}.country-art{position:absolute;right:-20px;bottom:-46px;font-family:var(--display);font-size:160px;letter-spacing:-.15em;font-weight:700;color:#ffffff0e;transform:rotate(-10deg)}.country-art span{position:absolute;font:10px var(--body);letter-spacing:.15em;color:#a99cce;left:20px;top:58px}.benefit-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:27px 0 32px}.benefit-strip>div{display:flex;align-items:center;justify-content:center;gap:14px}.benefit-strip>div+div{border-left:1px solid var(--line)}.benefit-strip .icon{width:26px;height:26px;color:#6a5a99}.benefit-strip b{display:block;font-size:12px;font-weight:600;margin-bottom:2px}.benefit-strip span{font-size:10px;color:#76717f}.benefit-strip span b{color:#282530}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}.product-card{position:relative;min-width:0;border:1px solid #eeedf2;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .2s,border-color .2s}.product-card:hover{border-color:#c7c2ec;box-shadow:0 6px 18px #3024850c}.product-photo{display:block;position:relative;height:230px;overflow:hidden;background:#f4f4f5}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-photo img{transform:scale(1.035)}.photo-tag{position:absolute;left:10px;bottom:10px;font-size:10px;letter-spacing:.09em;font-weight:550;background:#ffffffed;padding:3px 6px;border-radius:3px;color:#645c6d}.save-btn{position:absolute;right:10px;top:10px;background:#ffffffef;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;box-shadow:0 1px 5px #00000008}.save-btn .icon{width:17px;height:17px}.save-btn.saved{color:var(--violet);background:var(--tint)}.save-btn.saved svg{fill:var(--violet)}.product-copy{padding:12px}.country{display:block;color:#7a7180;font-size:10px;margin-bottom:7px}.country>span{font-size:10px;color:#978f9b}.product-title{font-size:12px;font-weight:450;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:36px;color:#26222e}.price{font-size:17px;letter-spacing:-.04em;display:block;margin:9px 0 3px}.moq{font-size:10px;color:#7d7583}.moq b{font-weight:450;color:#443b4c}.card-foot{margin-top:13px;padding-top:10px;border-top:1px solid #f0edf2;display:flex;justify-content:space-between;align-items:center;gap:3px;font-size:10px;color:#8a8290}.card-foot .icon{width:11px;height:11px}.compare-small{font-size:10px;color:#5f556b;padding:0;white-space:nowrap}.supplier-banner{margin:48px 0;background:#eeedfe;border-radius:12px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.supplier-banner h2{font-size:31px}.supplier-banner p{font-size:12px;margin:15px 0 22px;max-width:470px}.banner-right{font-family:var(--display);font-size:43px;color:#342380;line-height:1.1;align-self:center;border-left:1px solid #d2cbe6;padding-left:65px}.banner-right em{font-style:normal;color:#8775bc}.banner-right span{display:block;font:11px var(--body);color:#6d5e8b;margin-top:21px}footer{background:#f8f8fb;border-top:1px solid var(--line);padding:40px 0 18px;margin-top:45px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.footer-brand img{width:115px}.footer-brand p{font-size:11px;line-height:1.8;margin-top:15px;color:#8a8190}.footer-grid b{display:block;font-size:12px;margin-bottom:16px}.footer-grid>div>a{display:block;font-size:11px;color:#777080;margin-bottom:9px}.footer-bottom{margin-top:35px;border-top:1px solid #e8e5ec;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#918897}.footer-bottom span{max-width:55%;text-align:right}.breadcrumb{display:flex;gap:10px;font-size:11px;color:#8b8391;padding:20px 0 24px}.results-head{margin:8px 0 30px}.results-head p{font-size:12px;margin-top:10px}.results-layout{display:grid;grid-template-columns:215px 1fr;gap:28px}.filters{border:1px solid var(--line);border-radius:9px;padding:18px;align-self:start}.filters>h3{margin-bottom:22px;display:flex;align-items:center;gap:9px}.filters .field{font-size:11px;margin-bottom:17px}.filters .btn{margin:18px 0 12px}.filter-help{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.filter-help p{font-size:11px;line-height:1.8;margin:8px 0 14px}.filter-help a{font-size:11px;color:var(--violet)}.results-layout .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#797181;margin-bottom:18px}.results-toolbar>span>.icon{width:13px;height:13px;color:#238664}.results-toolbar select{border:1px solid var(--line);padding:8px 10px;border-radius:6px;margin-left:7px;font-size:10px;background:white}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:550;margin-bottom:17px}.field input,.field textarea,.field select{border:1px solid #dcd8e3;background:#fff;border-radius:7px;padding:11px 12px;width:100%;color:#2b2433;font-weight:400;min-height:42px}.field textarea{resize:vertical;min-height:95px;line-height:1.6}.field select{font-size:12px}.field input::placeholder,.field textarea::placeholder{color:#a69dab}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check-field{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#6c6076;margin:16px 0;line-height:1.65}.check-field input{margin:4px 0 0;accent-color:var(--violet);width:15px;height:15px;flex-shrink:0}.check-field a{text-decoration:underline}.panel{border:1px solid var(--line);border-radius:10px;padding:25px;background:white}.muted{color:#8c8196;font-size:11px;line-height:1.7}.notice{background:var(--tint);border-radius:7px;padding:17px 20px;font-size:12px;color:#61507f;margin:20px 0}.notice a{text-decoration:underline}.empty{text-align:center;padding:55px 25px;background:#faf9fc;border-radius:10px;margin:20px 0}.empty>.icon{width:40px;height:40px;color:#b1a5c2;margin-bottom:18px}.empty h3{font-family:var(--display);font-size:24px;letter-spacing:-.02em;margin-bottom:9px}.empty p{font-size:12px;margin-bottom:20px}.badge{display:inline-flex;border-radius:4px;background:#f0edf5;color:#786586;font-size:10px;line-height:1.4;font-weight:550;padding:4px 7px;text-transform:capitalize;white-space:nowrap}.badge.green{background:#e9f7ee;color:#287e4e}.pdp-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(350px,1.08fr) 295px;gap:24px}.gallery{display:grid;grid-template-columns:54px 1fr;gap:12px;align-content:start}.thumbs{display:flex;flex-direction:column;gap:10px}.thumbs button{border:1px solid var(--line);padding:3px;border-radius:6px}.thumbs button.selected{border-color:var(--violet)}.thumbs img{width:46px;height:57px;object-fit:cover;border-radius:3px}.gallery-main{height:480px;position:relative;background:#f4f3f5;border-radius:8px;overflow:hidden}.gallery-main>img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:12px;left:12px;font-size:10px;border-radius:3px;padding:4px 8px;background:#fffd;color:#5c5462}.gallery-note{grid-column:1/-1;display:flex;gap:12px;background:#f6f5f8;border-radius:8px;padding:16px;margin-top:3px}.gallery-note>.icon{width:26px;height:26px;color:#867b95}.gallery-note b{font-size:11px}.gallery-note p{font-size:10px;margin-top:4px;line-height:1.7}.pdp-ribbon{background:linear-gradient(100deg,var(--tint),#f9f8fd);padding:12px 13px;color:var(--violet);font-size:10px;letter-spacing:.08em;border-radius:6px;margin-bottom:17px;font-weight:650}.pdp-ribbon span{font-size:10px;letter-spacing:0;color:#897b9d;display:block;margin-top:2px;font-weight:400}.tags{display:flex;gap:6px;margin-bottom:10px}.product-detail h1{font-family:var(--body);font-size:21px;line-height:1.5;letter-spacing:-.025em;font-weight:600}.product-subtitle{font-size:10px;margin-top:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.tier-prices{display:flex;justify-content:space-between;gap:10px;margin-top:21px;margin-bottom:10px}.tier-prices span{font-size:10px;color:#8c8197;display:block;margin-bottom:8px}.tier-prices strong{font-size:24px;letter-spacing:-.06em}.tier-prices+ p{font-size:10px}.sample-line{display:flex;align-items:center;gap:10px;background:#f5f4f8;border-radius:7px;padding:13px 11px;margin:20px 0}.sample-line>.icon{width:19px;height:19px;color:#706180}.sample-line>span{flex:1}.sample-line b{display:block;font-size:11px}.sample-line small{display:block;font-size:10px;margin-top:3px;max-width:170px}.sample-line .btn{font-size:10px;padding:5px 9px;min-height:27px}.variant-field{margin:20px 0}.variant-field>b{font-size:12px}.choices{display:flex;flex-wrap:wrap;gap:9px;margin-top:9px}.choices label{cursor:pointer}.choices input{position:absolute;opacity:0;pointer-events:none}.choices span{display:block;padding:9px 14px;border:1px solid #e1dce6;border-radius:6px;font-size:11px;min-width:38px;text-align:center}.choices input:checked+span{border-color:var(--violet);color:var(--violet);background:#f5f3ff}.choices input:focus-visible+span{outline:2px solid var(--violet)}.quantity-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-top:20px}.quantity-line label>b{font-size:12px}.quantity-line small{display:block;margin-top:4px;font-size:10px}.quantity-control{display:flex;border:1px solid #ddd6e4;border-radius:6px;overflow:hidden}.quantity-control button{width:33px;font-size:18px;background:#faf9fc}.quantity-control input{width:68px;border:0;text-align:center;padding:8px 2px;font-size:12px;appearance:textfield}.quantity-control input::-webkit-inner-spin-button{appearance:none}.customization{margin-top:22px}.customization h3{font-size:13px;margin-bottom:10px}.customization>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:10px;border-bottom:1px solid #f0edf4;color:#7c6e88}.customization>div>span:first-child{color:#40344b}.product-description{padding-top:25px}.product-description p{font-size:12px;line-height:1.9;margin-top:10px}.inquiry-panel{border:1px solid var(--line);padding:23px;border-radius:10px;align-self:start;position:sticky;top:20px;box-shadow:0 3px 15px #35245605}.inquiry-panel>h3{font-size:15px}.inquiry-panel>p{font-size:11px;line-height:1.8;margin-top:10px}.inquiry-panel hr{border:0;border-top:1px solid var(--line);margin:20px 0}.estimate span{display:block;font-size:11px}.estimate strong{display:block;font-size:28px;letter-spacing:-.06em;margin:7px 0 2px}.estimate small{font-size:10px}.estimate{margin-bottom:22px}.inquiry-panel>.btn{font-size:12px;margin-bottom:10px;padding:11px 14px}.assurances{margin-top:15px}.assurances>div{display:flex;gap:10px;margin:20px 0}.assurances>.icon,.assurances .icon{width:18px;height:18px;color:#675084}.assurances span{font-size:10px;color:#8f7e9f;line-height:1.7}.assurances b{display:block;font-size:11px;color:#504158;margin-bottom:4px}.sandbox-note{font-size:10px;color:#9989a7;border-top:1px solid var(--line);padding-top:15px;line-height:1.8}.specification{margin:40px 0}.specification h2{margin-bottom:20px}.specification table{font-size:12px}.specification th{background:#f7f5f9;font-size:11px}.auth-page{max-width:1030px;width:calc(100% - 80px);margin:55px auto;display:grid;grid-template-columns:1fr 1fr;min-height:580px;border:1px solid var(--line);border-radius:15px;overflow:hidden}.auth-story{padding:55px 45px;background:linear-gradient(140deg,#eeebf8,#d9d1ee);position:relative;overflow:hidden}.auth-story h1{font-size:43px;line-height:1.12;margin-top:30px}.auth-story p{font-size:13px;line-height:1.9;margin-top:22px;color:#847091}.auth-story .fabric-rolls{right:60px;bottom:-70px;transform:rotate(-30deg) scale(1.3)}.auth-form{padding:45px}.auth-form h2{font-size:28px}.auth-form>p{font-size:12px;margin:10px 0 24px}.auth-form>.text-btn{margin-top:15px}.auth-form>a{display:block;font-size:11px;margin-top:25px;color:#827190}.demo-access{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.demo-access>b{font-size:12px}.demo-access p{font-size:10px;line-height:1.7;margin:7px 0 14px}.demo-access .btn{padding:7px 12px;min-height:34px;font-size:10px;margin:0 5px 6px 0}.demo-access small{display:block;font-size:10px;margin-top:8px}.portal-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:35px;margin-top:25px;min-height:630px}.portal-nav{border-right:1px solid var(--line);padding:15px 20px 20px 0}.workspace-label{display:block;font-size:10px;letter-spacing:.1em;color:#a391af;margin-bottom:22px}.portal-nav>a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:6px;font-size:11px;margin-bottom:5px;color:#7c6a87}.portal-nav>a>.icon{width:17px;height:17px}.portal-nav>a.active{color:var(--violet);background:var(--tint);font-weight:600}.workspace-bottom{margin:60px 12px 0;padding-top:20px;border-top:1px solid var(--line)}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--violet);font-size:14px;font-weight:600;flex-shrink:0}.workspace-bottom b{display:block;font-size:12px;margin-top:10px}.workspace-bottom small{display:block;font-size:10px;overflow-wrap:anywhere}.workspace-bottom .text-btn{font-size:10px;padding:0;margin-top:10px}.portal-content{padding:20px 0;min-width:0}.page-heading{align-items:center;margin-bottom:30px}.page-heading h1{font-size:33px}.page-heading p{margin-top:9px;font-size:12px;line-height:1.8;max-width:740px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin-bottom:30px}.stats>div{border:1px solid var(--line);border-radius:9px;padding:22px}.stats span{font-size:11px;color:#9b85a7}.stats strong{display:block;font-size:32px;font-family:var(--display);font-weight:550;margin-top:9px}.portal-callout{padding:30px;background:linear-gradient(120deg,#efedfc,#f9f7fc);border:1px solid #e8e2f4;border-radius:10px;margin-bottom:30px}.portal-callout h2{font-size:28px}.portal-callout p{font-size:12px;margin:10px 0 20px}.portal-content>h2{font-size:21px;margin:25px 0 18px}.list-panel{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.inquiry-row{display:flex;align-items:center;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.inquiry-row:last-child{border-bottom:0}.inquiry-row:hover{background:#faf9fd}.inquiry-row>img{width:65px;height:67px;object-fit:cover;border-radius:5px}.inquiry-row>div{flex:1}.inquiry-row .eyebrow{font-size:10px;letter-spacing:.07em;margin-bottom:5px}.inquiry-row h3{font-size:13px}.inquiry-row p{font-size:10px;margin-top:6px}.inquiry-row>.icon{width:15px;color:#b4a7bc}.portal-content .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{font-weight:550;background:#faf9fc;color:#8d7b99;font-size:10px;padding:14px 18px;white-space:nowrap}td{padding:15px 18px;border-top:1px solid var(--line);vertical-align:middle}td small{display:block;font-size:10px;margin-top:4px}td>button+button{margin-left:6px}td>a{color:var(--violet);font-size:10px;white-space:nowrap}.table-product{display:flex;align-items:center;gap:12px;min-width:220px;max-width:400px}.table-product img{width:45px;height:53px;object-fit:cover;border-radius:4px}.table-product b{font-size:11px;font-weight:550}.table-product small{font-size:10px}.table-wrap code{font-size:10px;color:#a38caf}.admin-launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-launch-grid h3{margin:14px 0 8px}.admin-launch-grid p{font-size:11px}.form-panel{max-width:670px}.form-panel>.muted,.form-panel>p{font-size:12px;margin:12px 0 22px}.order-card{margin-bottom:20px}.order-card>.section-head{margin-bottom:16px}.order-card h2{font-size:22px}.order-card>p{font-size:11px;margin-top:10px}.order-amount{margin:20px 0}.order-amount strong{font-size:25px;letter-spacing:-.04em}.order-amount span{display:block;font-size:10px;color:#96869f;margin-top:5px}.order-progress{display:flex;margin:20px 0;gap:10px}.order-progress>span{display:flex;gap:6px;align-items:center;flex:1;background:#f7f5fa;color:#aa9ab4;padding:9px;border-radius:4px;font-size:10px;text-transform:capitalize}.order-progress .icon{width:14px;height:14px}.order-progress>span.active{background:var(--tint);color:var(--violet)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.button-row .btn{font-size:11px;min-height:35px;padding:9px 15px}.ticket{padding:22px;border-bottom:1px solid var(--line)}.ticket:last-child{border:0}.ticket h3{font-size:13px}.ticket p{font-size:12px;white-space:pre-wrap;line-height:1.8}.ticket small{display:block;margin-top:12px}.thread-page{padding-top:30px}.thread-layout{display:grid;grid-template-columns:1fr 330px;gap:28px;max-width:1180px}.conversation{padding:0;align-self:start;overflow:hidden}.conversation-heading{display:flex;align-items:center;gap:12px;padding:22px;border-bottom:1px solid var(--line)}.conversation-heading>div{flex:1}.conversation-heading h3{font-size:13px}.conversation-heading small{font-size:10px;line-height:1.6;display:block;margin-top:3px}.message-list{padding:25px;min-height:260px;background:#fdfcfe}.message{border:1px solid #e8e2ee;background:#fff;border-radius:10px;padding:17px;margin-bottom:18px;max-width:90%;width:fit-content;min-width:160px}.message.own{background:#f0edff;border-color:#e8e2fc;margin-left:auto}.message b{font-size:10px;color:#857092}.message p{font-size:12px;white-space:pre-wrap;line-height:1.9;margin:7px 0;color:#4f3b5e}.message>small{display:block;font-size:10px;color:#b49fc0}.message-compose{border-top:1px solid var(--line);padding:22px}.message-compose textarea{min-height:85px}.message-compose .section-head{margin:0}.message-compose small{font-size:10px;max-width:65%;line-height:1.6}.message-compose .btn{font-size:11px}.review-status{border-top:1px solid #dbd0ef;margin-top:13px;padding-top:12px}.review-status .btn{margin-top:8px}.request-summary{margin-bottom:25px}.request-summary img{height:160px;width:100%;object-fit:cover;border-radius:6px;margin-bottom:15px}.request-summary h3{font-size:13px}.request-summary p{font-size:11px;margin:10px 0}.request-summary a{font-size:10px}.thread-layout aside>.section-head{margin:20px 0 12px}.thread-layout aside>.section-head h2{font-size:21px}.quote-card{padding:20px;margin-bottom:15px}.quote-card .section-head{margin-bottom:12px}.quote-card h3{font-size:12px}.quote-card>strong{font-size:27px;letter-spacing:-.04em}.quote-card>p{font-size:11px;line-height:1.9;margin-top:10px}.quote-card>small{display:block;font-size:10px;margin-top:10px}.quote-card>.btn{margin-top:20px;font-size:11px}.signup-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1160px;margin-top:50px}.signup-intro{padding:35px 0}.signup-intro h1{font-size:48px;line-height:1.12;margin-top:24px}.signup-intro h1 em{font-style:normal;color:var(--violet)}.signup-intro>p{max-width:390px;font-size:13px;line-height:1.9;margin-top:24px}.signup-benefits{margin-top:32px}.signup-benefits>div{display:flex;align-items:center;gap:12px;font-size:12px;padding:11px 0;color:#6c577b}.signup-benefits .icon{width:17px;height:17px;color:var(--violet)}.qr-card{display:flex;align-items:center;gap:18px;background:#f7f4fb;padding:18px;border-radius:9px;margin-top:30px;max-width:440px}.qr-card img{width:96px;height:96px;background:white}.qr-card b{font-size:12px}.qr-card p{font-size:10px;line-height:1.8;margin:7px 0}.qr-card a{font-size:10px;text-decoration:underline;color:var(--violet)}.signup-form{padding:30px}.stepper{display:flex;gap:14px;font-size:10px;color:#beaec7;margin-bottom:30px}.stepper span{padding-bottom:10px;border-bottom:2px solid #eee9f3;flex:1;white-space:nowrap}.stepper .active{color:var(--violet);border-color:var(--violet)}.signup-form>h2{font-size:28px}.signup-form>p{font-size:11px;margin:10px 0 25px;line-height:1.8}.signup-form .field{font-size:11px}.signup-form .field input{font-size:12px}.signup-form .section-head{margin:15px 0 0;gap:8px}.signup-form .section-head button{font-size:10px;text-align:left;padding:0}.signup-form .section-head small{font-size:10px;max-width:130px}.signup-form .check-field{font-size:10px}.sell-page{padding-top:50px}.sell-hero{background:linear-gradient(125deg,#f1edfc,#e9e2f8);padding:65px;border-radius:15px}.sell-hero h1{font-size:65px;line-height:1.05;max-width:680px;margin:25px 0}.sell-hero h1 em{color:var(--violet);font-style:normal}.sell-hero p{line-height:1.9;font-size:13px;margin-bottom:25px}.sell-hero .btn+.btn{margin-left:12px}.three-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-number{font-family:var(--display);font-size:36px;color:#b2a0d1}.three-panels h2{font-size:24px;margin:20px 0 12px}.three-panels p{font-size:12px;line-height:1.8}.collections-page{padding-top:45px}.collections-page .page-heading h1{max-width:700px;font-size:42px}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.collection-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}.collection-card>img{height:245px;width:100%;object-fit:cover}.collection-card>div{padding:22px}.collection-card>div>span{font-size:10px;letter-spacing:.1em;color:#a38daf}.collection-card h2{margin:9px 0;font-size:25px}.collection-card p{font-size:11px}.collection-card p .icon{width:17px;float:right}.compare-table img{height:180px;width:170px;object-fit:cover;border-radius:6px;margin-bottom:15px}.compare-table th{max-width:260px;white-space:normal;color:#5a436d;font-size:12px}.info-page,.rfq-page{padding-top:50px;max-width:1100px}.prose{max-width:800px;padding:35px}.prose h2{font-size:24px;margin:25px 0 15px}.prose h2:first-child{margin-top:0}.prose p,.prose li{font-size:13px;line-height:1.95;color:#7c638f;margin-bottom:20px}.prose .btn{margin:7px 0 15px}.upload-zone{padding:35px 20px;border:1px dashed #baaaca;border-radius:9px;background:#faf7fe;display:flex;align-items:center;flex-direction:column;gap:18px;margin:25px 0}.upload-zone>.icon{width:36px;height:36px;color:#a48cbc}.upload-zone>b{font-size:12px;font-weight:550}.upload-zone input{font-size:11px;max-width:100%}.demo-options{display:grid;gap:12px;margin:25px 0}.demo-options .btn{min-height:48px}dialog{border:1px solid #dfd2eb;border-radius:15px;padding:35px;width:520px;max-width:calc(100% - 32px);max-height:90vh;box-shadow:0 30px 110px #16082e40}dialog::backdrop{background:#140b2a65;backdrop-filter:blur(4px)}dialog h2{font-size:26px;padding-right:20px}dialog>p{font-size:12px;line-height:1.8;margin:13px 0 22px}dialog>.close{position:absolute;top:17px;right:17px;color:#94839f}.iconbtn{width:28px;height:28px;display:grid;place-items:center}dialog form{margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);padding:15px 24px;border-radius:10px;color:white;background:#241530;box-shadow:0 8px 40px #200d3c30;z-index:1000;opacity:0;pointer-events:none;font-size:12px;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.loading{padding:100px;text-align:center;color:var(--violet)}
@media(min-width:1700px){.wrap{max-width:1640px}.product-photo{height:260px}.discovery-row{grid-template-columns:250px 1.15fr 1fr 1.05fr}.gallery-main{height:560px}.pdp-layout{grid-template-columns:1fr 1.08fr 330px}}
@media(max-width:1250px){.wrap{width:calc(100% - 48px)}.announcement{padding:0 24px}.announcement>span:first-child{display:none}.utilities{gap:17px}.brand-note{display:none}.brand img{width:112px}.brand>span{font-size:23px}.main-nav>div{gap:17px;font-size:11px}.discovery-row{grid-template-columns:205px 1.1fr 1fr 1fr;gap:12px}.mini-products{gap:7px}.mini-products img{height:155px}.mini-products>a>span{top:130px}.material-tile,.country-tile{padding:20px}.material-tile h2{font-size:26px}.country-tile h2{font-size:30px}.country-tile p{font-size:10px}.eyebrow{font-size:10px}.product-grid{gap:18px 13px}.product-photo{height:200px}.product-copy{padding:10px}.price{font-size:15px}.card-foot{font-size:10px}.compare-small{font-size:10px}.welcome>div{gap:16px}.welcome>div>a{font-size:10px}.pdp-layout{grid-template-columns:minmax(270px,1fr) minmax(310px,1.1fr) 255px;gap:18px}.gallery{grid-template-columns:43px 1fr;gap:8px}.thumbs img{height:49px}.gallery-main{height:405px}.inquiry-panel{padding:18px}.product-detail h1{font-size:19px}.tier-prices strong{font-size:22px}.head-main:has(.compact) .deliver{display:none}.head-main:has(.compact) .utilities{gap:14px}.results-layout .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-shell{grid-template-columns:195px 1fr;gap:25px}.portal-content .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.signup-layout{gap:40px}.signup-intro h1{font-size:42px}.thread-layout{grid-template-columns:1fr 300px}.footer-bottom{font-size:10px}}
@media(max-width:980px){.utilities .locale{display:none}.main-nav>div:first-child>a:nth-child(2){display:none}.welcome>div>a:last-child{display:none}.discovery-row{grid-template-columns:190px 1fr 1fr}.material-tile{display:none}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-photo{height:210px}.supplier-banner{padding:30px;gap:25px}.banner-right{padding-left:30px;font-size:36px}.supplier-banner h2{font-size:27px}.pdp-layout{grid-template-columns:1fr 1fr}.inquiry-panel{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.inquiry-panel hr,.inquiry-panel>.assurances{display:none}.inquiry-panel>.estimate{grid-column:2;grid-row:1/3;margin:0}.inquiry-panel>.btn{margin:0}.inquiry-panel>.sandbox-note{grid-column:1/-1}.gallery-main{height:450px}.head-main:has(.compact) .utilities>a{display:none}.head-main:has(.compact) .account-btn>span{display:none}.search-input input{font-size:14px}.search-tabs a{font-size:22px}.category-cards{grid-template-columns:repeat(2,1fr)}.results-layout{grid-template-columns:180px 1fr;gap:20px}.results-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-toolbar>span{display:none}.results-toolbar{justify-content:flex-end}.portal-shell{grid-template-columns:165px 1fr;gap:20px}.portal-nav{padding-right:12px}.portal-nav>a{font-size:10px;padding:10px 8px;gap:7px}.workspace-label{font-size:10px}.page-heading h1{font-size:29px}.page-heading .btn{font-size:10px;padding:9px 13px;min-height:37px}.inquiry-row{padding:15px;gap:13px}.inquiry-row>.icon{display:none}.thread-layout{grid-template-columns:1fr 270px;gap:20px}.signup-intro h1{font-size:37px}.signup-form{padding:23px}.signup-layout{gap:28px}.signup-form .form-grid{display:block}.signup-intro{padding-top:25px}.signup-intro .eyebrow{font-size:10px}.qr-card{align-items:flex-start}.qr-card img{width:75px;height:75px}.signup-benefits>div{font-size:11px}.auth-page{width:calc(100% - 48px)}.auth-story,.auth-form{padding:35px}.auth-story h1{font-size:37px}.order-progress{flex-wrap:wrap}.order-progress>span{flex:1 0 40%}.stats{gap:10px}.stats>div{padding:17px}.stats span{font-size:10px}.stats strong{font-size:27px}.portal-content .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body{font-size:13px}.wrap{width:calc(100% - 32px)}.announcement{height:29px;font-size:10px;justify-content:center;padding:0 12px}.announcement>span:nth-child(2){font-size:10px}.announcement a{margin-left:8px;font-size:10px}.announcement a .icon{width:12px;height:12px}.local-label{display:none}.head-main{height:68px;gap:15px}.brand img{width:91px}.brand>span{font-size:21px;padding-left:9px}.brand{gap:8px}.beta{font-size:10px}.utilities{gap:15px}.utilities .deliver,.utilities .locale,.utilities>a:nth-last-of-type(1),.utilities>a:nth-last-of-type(2){display:none}.utilities>a>.icon{width:20px;height:20px}.account-btn span{display:none}.account-btn .icon{width:20px;height:20px}.main-nav{height:39px;overflow:auto;width:100%;padding:0 16px;gap:20px;font-size:10px;scrollbar-width:none}.main-nav>div{gap:18px}.main-nav>div:first-child>a:nth-child(2),.main-nav>div:first-child>a:nth-child(3),.main-nav>div:last-child>a:first-child{display:none}.main-nav>div:last-child{margin-left:auto}.main-nav .icon{width:13px;height:13px}.main-nav a{font-size:10px}.demo-link{font-size:10px;white-space:nowrap;padding:5px}.head-main:has(.compact){flex-wrap:wrap;height:auto;padding-top:15px;padding-bottom:13px;gap:15px}.head-main:has(.compact) .utilities{margin-left:auto}.head-main:has(.compact) .brand{order:0}.head-main:has(.compact) .compact{order:2;flex-basis:100%;min-width:0}.head-main:has(.compact) .utilities{order:1}.compact .search-input input{font-size:11px}.compact .search-input .btn{min-height:33px;font-size:10px}.search-hero{padding:18px 0 20px}.search-tabs{gap:28px;margin-bottom:18px}.search-tabs a{font-size:18px}.search-tabs .icon{width:15px;height:15px}.search-box{padding:8px 8px 10px;border-radius:12px}.search-input{gap:7px}.search-input>.icon{display:none}.search-input input{font-size:11px;padding:11px 4px;line-height:1.5}.search-input .btn{min-width:70px;font-size:11px;padding:10px 12px;min-height:36px;gap:5px}.search-input .btn>.icon{width:14px;height:14px}.search-bottom{padding:5px 4px 0;font-size:10px}.search-bottom>span{display:none}.search-bottom a{font-size:10px}.search-bottom .icon{width:11px;height:11px}.trending{justify-content:flex-start;overflow:auto;white-space:nowrap;gap:7px;margin-top:12px;padding-bottom:1px;scrollbar-width:none}.trending>span{font-size:10px}.trending>a{font-size:10px;padding:4px 7px}.trending .icon{display:none}.home-main{padding-top:22px}.section-head{gap:15px;margin-bottom:17px}.welcome h2{font-size:20px}.welcome>div{display:none}.discovery-row{grid-template-columns:1fr 1fr;gap:12px;min-height:0}.category-rail{grid-column:1/-1;display:flex;flex-wrap:nowrap;overflow:auto;border:0;border-radius:0;padding:0 0 7px;gap:8px;background:none;margin-bottom:2px;scrollbar-width:none}.category-rail h3,.category-rail .all{display:none!important}.category-rail>a{flex:0 0 auto;border:1px solid var(--line);border-radius:24px;font-size:10px;padding:8px 10px;gap:6px}.category-rail>a>.icon{width:14px;height:14px}.category-rail>a>.icon:last-child{display:none}.mini-discovery{padding:13px 11px 12px;min-height:240px}.mini-discovery h3{font-size:17px;line-height:1.2}.mini-discovery>p{font-size:10px;margin-top:6px}.mini-products{margin:13px 0 8px;gap:7px}.mini-products>a:first-child{grid-column:1/-1}.mini-products>a:nth-child(2){display:none}.mini-products img{height:140px;object-fit:cover;object-position:50% 45%}.mini-products>a>span{top:115px;font-size:11px}.mini-products p{display:none}.mini-discovery>.text-link{font-size:10px}.mini-discovery>.text-link>.icon{width:12px;height:12px}.country-tile{padding:15px;min-height:240px}.country-tile .eyebrow{font-size:10px;line-height:1.5}.country-tile h2{font-size:28px;margin-top:16px}.country-tile p{font-size:10px;margin-top:9px;line-height:1.5}.country-tile .pill{font-size:10px;padding:6px 9px;gap:5px;margin-top:14px}.country-tile .pill .icon{width:12px;height:12px}.flag-stripe{margin-bottom:10px;height:5px;width:24px}.country-art{font-size:135px;bottom:-47px;right:-18px}.benefit-strip{padding:16px 0;margin:22px 0 25px;gap:10px;grid-template-columns:1fr 1fr}.benefit-strip>div{gap:8px;align-items:flex-start;padding-right:3px}.benefit-strip>div:last-child{display:none}.benefit-strip .icon{width:20px;height:20px}.benefit-strip b{font-size:10px;line-height:1.5}.benefit-strip span{font-size:10px;line-height:1.7}.benefit-strip>div+div{padding-left:10px}.section-head h2{font-size:22px}.section-head>a{font-size:10px;white-space:nowrap}.section-head>a>.icon{width:13px;height:13px}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:6px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 11px}.product-photo{height:190px}.photo-tag{font-size:10px;left:7px;bottom:7px;padding:3px 5px}.save-btn{width:27px;height:27px;right:7px;top:7px}.save-btn>.icon{width:15px;height:15px}.product-copy{padding:10px}.country{font-size:10px;margin-bottom:6px}.country>span{font-size:10px}.product-title{font-size:11px;line-height:1.55;height:35px}.price{font-size:15px;margin-top:8px;overflow-wrap:break-word}.moq{font-size:10px}.card-foot{margin-top:10px;padding-top:9px;font-size:10px;gap:4px}.card-foot .icon{display:none}.compare-small{font-size:10px}.supplier-banner{grid-template-columns:1fr;padding:25px;margin:30px 0;gap:0}.supplier-banner h2{font-size:26px}.supplier-banner p{font-size:11px;line-height:1.8;margin:13px 0 20px}.supplier-banner .btn{font-size:11px}.banner-right{display:none}footer{margin-top:32px;padding:30px 0 17px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 25px}.footer-brand{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.footer-brand img{width:100px;margin-top:3px}.footer-brand p{margin-top:0;font-size:10px;line-height:1.7;max-width:180px}.footer-grid b{font-size:11px;margin-bottom:13px}.footer-grid>div>a{font-size:10px;margin-bottom:9px}.footer-grid>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.footer-grid>div:last-child b{width:100%;margin-bottom:0}.footer-grid>div:last-child a{margin:0}.footer-bottom{display:block;margin-top:25px;font-size:10px;line-height:1.8}.footer-bottom span{display:block;text-align:left;max-width:100%;margin-top:7px}.breadcrumb{font-size:10px;padding:16px 0 20px;line-height:1.8;display:block}.breadcrumb a{margin:0 5px 0 0}.results-head{margin:0 0 22px}.results-head h1{font-size:28px}.results-head p{font-size:10px;line-height:1.7}.results-head .btn{font-size:10px;min-height:34px;padding:7px 12px}.results-layout{display:block}.filters{padding:14px;margin-bottom:20px}.filters>h3{font-size:12px;margin:0;cursor:pointer}.filters>form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.filters .field{font-size:10px;margin:0}.filters .field select{font-size:10px;padding:8px;min-height:34px}.filters small{grid-column:1/-1;font-size:10px}.filters .btn{margin:0;min-height:34px;font-size:10px;padding:8px 12px}.filters .text-link{font-size:10px;justify-self:center}.filter-help{display:none}.results-toolbar{margin-bottom:15px;font-size:10px}.results-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdp-layout{display:flex;flex-direction:column;gap:25px}.gallery{grid-template-columns:41px 1fr;gap:9px}.gallery-main{height:400px}.thumbs img{height:48px}.gallery-note{padding:12px}.gallery-note b{font-size:10px}.gallery-note p{font-size:10px}.product-detail h1{font-size:22px}.pdp-ribbon{display:none}.product-subtitle{font-size:10px;padding-bottom:17px}.tier-prices{margin-top:18px}.tier-prices strong{font-size:25px}.tier-prices span{font-size:10px}.sample-line small{max-width:none;font-size:10px}.sample-line .btn{font-size:10px}.sample-line b{font-size:11px}.quantity-control input{width:75px}.customization>div{font-size:11px}.product-description p{font-size:12px}.inquiry-panel{display:block;width:100%;padding:24px}.inquiry-panel>h3{font-size:17px}.inquiry-panel>p{font-size:12px;margin-bottom:20px}.inquiry-panel .estimate{margin-bottom:20px}.inquiry-panel>.btn{margin-bottom:10px;min-height:47px;font-size:13px}.inquiry-panel .assurances{display:block}.inquiry-panel .assurances b{font-size:12px}.inquiry-panel .assurances span{font-size:11px}.inquiry-panel .sandbox-note{font-size:10px;margin-top:10px}.specification{overflow:auto;margin:30px 0}.specification table{min-width:550px}.specification th,.specification td{font-size:10px}.auth-page{width:calc(100% - 32px);margin:28px auto;display:block}.auth-story{padding:30px;min-height:220px}.auth-story h1{font-size:31px;margin-top:16px}.auth-story p{font-size:10px;line-height:1.8;margin-top:15px;max-width:240px}.auth-story .fabric-rolls{right:-25px;bottom:-100px;transform:rotate(-28deg) scale(.8);opacity:.65}.auth-form{padding:30px 24px}.auth-form h2{font-size:26px}.auth-form>p{font-size:11px}.auth-form>a{font-size:10px}.portal-shell{display:block;margin-top:14px}.portal-nav{padding:0;border:0;display:flex;gap:8px;overflow:auto;white-space:nowrap;scrollbar-width:none}.workspace-label,.workspace-bottom{display:none}.portal-nav>a{padding:8px 11px;border:1px solid var(--line);font-size:10px;margin:0;gap:6px;flex-shrink:0}.portal-nav>a>.icon{width:14px;height:14px}.portal-nav>a.active{border-color:var(--tint)}.portal-content{padding-top:27px}.page-heading{align-items:flex-start;margin-bottom:24px;gap:12px}.page-heading h1{font-size:28px;line-height:1.15}.page-heading p{font-size:10px;line-height:1.8;margin-top:9px}.page-heading .btn{font-size:10px;padding:8px 11px;min-height:32px}.page-heading:has(.btn){flex-wrap:wrap}.stats{gap:8px;margin-bottom:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.stats>div{padding:14px 12px}.stats span{font-size:10px;line-height:1.5;display:block}.stats strong{font-size:27px;margin-top:10px}.stats:has(>div:nth-child(4)){grid-template-columns:1fr 1fr}.portal-callout{padding:23px}.portal-callout h2{font-size:25px}.portal-callout p{font-size:11px;line-height:1.9}.portal-callout .btn{font-size:11px;min-height:39px;padding:9px 15px}.inquiry-row{padding:15px 12px;gap:10px;flex-wrap:wrap}.inquiry-row>img{width:47px;height:57px}.inquiry-row h3{font-size:11px}.inquiry-row .eyebrow{font-size:10px;letter-spacing:.03em}.inquiry-row p{font-size:10px;margin-top:6px}.inquiry-row>.badge{font-size:10px;padding:3px 5px}.badge{font-size:10px}.panel{padding:21px}.form-panel .field{font-size:11px}.field input,.field select,.field textarea{font-size:13px}.field select{font-size:12px}.order-card h2{font-size:21px}.order-card>.section-head h3{font-size:12px}.order-card>p{font-size:10px;line-height:1.8}.order-progress{gap:7px}.order-progress>span{font-size:10px}.button-row{gap:8px}.button-row .btn{font-size:10px;padding:8px 11px}.admin-launch-grid{grid-template-columns:1fr}.table-wrap th{font-size:10px}.table-wrap td{font-size:10px;padding:13px}.table-product{min-width:185px}.thread-page{padding-top:28px}.thread-layout{display:flex;flex-direction:column;gap:20px}.conversation{padding:0;width:100%}.conversation-heading{padding:16px}.conversation-heading small{font-size:10px}.conversation-heading h3{font-size:12px}.conversation-heading .avatar{width:31px;height:31px}.message-list{padding:16px;min-height:220px}.message{max-width:94%;padding:13px}.message p{font-size:12px}.message-compose{padding:17px}.message-compose .section-head{gap:10px}.message-compose .btn{font-size:10px;padding:9px 13px;min-height:38px}.message-compose small{font-size:10px;max-width:55%}.request-summary{display:grid;grid-template-columns:80px 1fr;gap:7px 13px;margin-bottom:20px}.request-summary img{grid-row:1/4;width:80px;height:100px;margin:0}.request-summary h3{font-size:12px}.request-summary p{font-size:10px;margin:0}.request-summary a{font-size:10px}.quote-card>strong{font-size:28px}.signup-layout{display:block;margin-top:30px}.signup-intro{padding:0 5px 28px}.signup-intro h1{font-size:39px;line-height:1.1;margin-top:15px}.signup-intro>p{font-size:12px;line-height:1.8;margin-top:19px;max-width:330px}.signup-benefits{margin-top:18px}.signup-benefits>div{padding:8px 0;font-size:10px}.signup-benefits .icon{width:15px;height:15px}.qr-card{display:none}.signup-form{padding:23px 20px}.signup-form .stepper{font-size:10px;gap:10px;margin-bottom:24px}.signup-form>h2{font-size:26px}.signup-form .field input,.signup-form .field select{font-size:14px;min-height:46px}.signup-form .check-field{font-size:10px;line-height:1.8}.signup-form .btn{min-height:48px;font-size:12px}.signup-form .section-head{margin-top:20px}.sell-page{padding-top:25px}.sell-hero{padding:32px 24px}.sell-hero h1{font-size:43px;margin:24px 0}.sell-hero p{font-size:11px;line-height:1.9}.sell-hero .btn{font-size:11px;min-height:42px;padding:10px 15px}.sell-hero .btn+.btn{margin:12px 0 0}.three-panels{grid-template-columns:1fr;gap:15px}.three-panels h2{margin:12px 0 10px}.three-panels p{font-size:11px}.collections-page{padding-top:30px}.collections-page .page-heading h1{font-size:33px}.category-cards{gap:16px;grid-template-columns:1fr 1fr}.collection-card>img{height:175px}.collection-card>div{padding:14px}.collection-card>div>span{font-size:10px}.collection-card h2{font-size:21px;line-height:1.2;margin:9px 0}.collection-card p{font-size:10px;line-height:1.7}.collection-card p>.icon{display:none}.info-page,.rfq-page{padding-top:30px}.prose{padding:24px}.prose h2{font-size:23px}.prose p,.prose li{font-size:12px;line-height:1.9}.compare-table img{height:140px;width:130px;max-width:none}.compare-table th{min-width:155px}.compare-table th:first-child{min-width:90px}.empty{padding:35px 20px}.empty h3{font-size:23px}.empty p{font-size:11px;line-height:1.8}.empty .btn{font-size:11px}.footer-bottom{overflow-wrap:anywhere}dialog{padding:30px 22px}dialog h2{font-size:24px}.form-grid{gap:0 12px}dialog .field{font-size:11px}.demo-options .btn{font-size:12px}#toast{font-size:11px;bottom:18px;min-width:240px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* AJAW's Inter body face keeps compact marketplace headings legible. */
.welcome h2,.mini-discovery h3{font-family:var(--body);letter-spacing:-.015em;font-weight:650}
h1,h2{letter-spacing:-.01em;word-spacing:.04em}
.welcome h2,.mini-discovery h3{letter-spacing:-.01em;word-spacing:normal}
@media(max-width:700px){.signup-layout{display:flex;flex-direction:column;margin-top:22px;gap:20px}.signup-form{order:-1}.signup-intro{padding-top:20px}.signup-intro h1{font-size:35px}.signup-intro .signup-benefits{margin-top:15px}}

/* Browse navigation and real directory destinations. */
.browse-strip{border-bottom:1px solid var(--line);padding-top:16px}.browse-strip .search-tabs{justify-content:center;margin:0;gap:55px}.browse-strip .search-tabs a{padding:12px 0}.search-tabs a{min-height:44px;display:inline-flex;align-items:center}.search-tabs a:hover{color:var(--violet)}.search-tabs a[aria-current=page]{font-weight:600}.directory-filters{display:flex;gap:14px;align-items:end;max-width:540px;margin-bottom:20px}.directory-filters .field{margin:0;flex:1}.directory-filters>a{padding:12px 0;font-size:12px;text-decoration:underline}.directory-count{margin:0 0 20px;color:var(--gray)}.manufacturer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.manufacturer-card{display:grid;grid-template-columns:170px 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.manufacturer-photo img{height:100%;min-height:300px;width:100%;object-fit:cover}.manufacturer-info{padding:25px;display:flex;flex-direction:column;align-items:start;gap:12px;min-width:0}.manufacturer-info h2{font-family:var(--body);font-size:21px;letter-spacing:-.025em;line-height:1.3}.manufacturer-info h2 a:hover{text-decoration:underline;text-underline-offset:4px}.manufacturer-info p{font-size:12px;line-height:1.8}.manufacturer-info .eyebrow{margin:0}.manufacturer-info .btn{margin-top:auto}.manufacturer-facts{display:flex;gap:20px;font-size:11px;color:var(--gray);margin:4px 0 10px}.manufacturer-facts b{color:var(--ink);font-size:16px;margin-right:3px}.manufacturer-profile{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 0 36px;margin-bottom:32px;border-bottom:1px solid var(--line)}.manufacturer-profile h1{margin:12px 0 16px}.manufacturer-profile p{max-width:650px;line-height:1.8}.manufacturer-profile .profile-disclosure{background:var(--tint);padding:12px 16px;border-radius:8px;font-size:12px;margin-bottom:15px}.country-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.country-choice{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:45% 1fr;min-height:260px}.country-choice>img{height:100%;width:100%;object-fit:cover}.country-choice>div{padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px}.country-flag{font-size:32px}.country-choice p{font-size:12px}.country-choice .text-link{margin-top:10px}.country-choice:hover,.manufacturer-card:has(a:hover){border-color:var(--soft)}.country-categories{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.country-categories a{padding:10px 15px;border:1px solid var(--line);border-radius:30px;font-size:12px}.country-categories a:hover{background:var(--tint);border-color:var(--soft)}.country-categories .icon{width:14px}.compare-table button{display:block;margin:10px auto 0}.filters summary{list-style:none;font-weight:650;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}.filters summary::-webkit-details-marker{display:none}.filters summary:after{content:'+';font-size:22px}.filters details[open] summary:after{content:'−'}.filters form{margin-top:18px}.filters summary:focus-visible{outline:3px solid var(--soft);outline-offset:4px}#app[aria-busy=true] main{opacity:.5;pointer-events:none}#app[aria-busy=true]:before{content:'';position:fixed;top:0;left:0;right:0;height:3px;background:var(--violet);z-index:20}button:active,.btn:active{transform:translateY(1px)}
@media(max-width:1000px){.manufacturer-card{grid-template-columns:125px 1fr}.manufacturer-info{padding:20px}.manufacturer-info h2{font-size:19px}.manufacturer-facts{flex-wrap:wrap;gap:6px}.country-choice>div{padding:20px}}
@media(max-width:700px){.main-nav{min-height:44px;height:auto;overflow:visible;gap:10px}.main-nav>div{gap:12px}.main-nav>div:last-child{gap:12px}.main-nav a,.main-nav button{min-height:40px;display:inline-flex;align-items:center}.main-nav .demo-link{font-size:10px;padding:5px}.browse-strip{padding-top:4px}.browse-strip .search-tabs{gap:28px;justify-content:center}.browse-strip .search-tabs a{font-size:18px;min-height:48px;padding:10px 0}.manufacturer-grid,.country-directory{grid-template-columns:1fr;gap:18px}.manufacturer-card{grid-template-columns:115px 1fr}.manufacturer-photo img{min-height:270px}.manufacturer-info{padding:18px 15px;gap:10px}.manufacturer-info h2{font-size:18px}.manufacturer-info p{font-size:11px}.manufacturer-info .btn{font-size:10px;min-height:40px;padding:8px 12px}.manufacturer-info .badge{font-size:10px}.manufacturer-facts{font-size:10px;gap:8px}.manufacturer-profile{display:block;padding-top:0}.manufacturer-profile h1{font-size:30px}.manufacturer-profile>.btn{margin-top:20px}.country-choice{min-height:240px;grid-template-columns:42% 1fr}.country-choice h2{font-size:27px}.country-choice>div{padding:20px}.country-categories{gap:8px}.country-categories a{font-size:11px;min-height:40px}.directory-filters{flex-wrap:wrap;gap:10px}.directory-filters .field select{min-height:44px}.directory-filters>a{font-size:10px}.filters{margin-bottom:18px}.filters form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filters .field{margin:0}.filters .field select{min-height:44px;font-size:12px}.filters .btn{min-height:44px}.filters .text-link{align-self:center;justify-self:center}.filters summary{font-size:13px;min-height:30px}.results-toolbar>span{max-width:45%;font-size:10px}.results-toolbar select{max-width:160px}.product-card .compare-small{min-height:36px}.collection-card h2{font-size:20px}}
.search-tabs a{white-space:nowrap;flex-shrink:0}
@media(max-width:700px){.search-hero .search-tabs,.browse-strip .search-tabs{gap:8px;justify-content:space-between}}
.retail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.retail-price{display:block;font-size:32px;margin:24px 0}.custom-order-note{border-top:1px solid #e5e4ea;padding-top:24px;margin-top:28px}.product-description p{line-height:1.7;overflow-wrap:anywhere}.retail-layout .product-detail h1{font-size:34px}
.project-intake{padding-top:40px;padding-bottom:60px}.project-intake-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px}.project-steps{padding-left:22px}.project-steps li{padding:12px 0}.project-steps p{margin:6px 0;line-height:1.6}.intake-product{display:flex;gap:14px;align-items:center;margin-bottom:20px}.intake-product img{width:70px;height:85px;object-fit:cover}.project-row{justify-content:space-between}.project-row h2{font-size:20px;margin:10px 0}.chat-policy{font-size:13px;line-height:1.6;background:#f5f4ff;padding:14px;border-radius:8px}.shared-file{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #e5e4ea}.shared-file div{min-width:0}.shared-file b{display:block;overflow-wrap:anywhere}.shared-file small,.shared-file a{display:block;margin-top:6px}.chat-attachments{margin-top:20px}.chat-attachments form{margin-top:24px}.chat-attachments input{max-width:100%}.message-list{max-height:560px;overflow-y:auto;scroll-behavior:smooth}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.message-compose textarea{min-height:110px}.project-intake-grid .panel{min-width:0}.retail-layout select{max-width:100%}
@media(max-width:700px){.retail-layout,.project-intake-grid{grid-template-columns:1fr}.retail-layout .product-detail h1{font-size:27px}.project-intake{padding-top:25px}.project-intake-grid{gap:20px}.project-row{align-items:start;gap:10px}.project-row h2{font-size:17px}.message-list{max-height:440px}.thread-layout>aside{min-width:0}}
.pdp-layout.retail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.retail-layout .btn.full+.btn.full{margin-top:12px}
@media(max-width:700px){.pdp-layout.retail-layout{grid-template-columns:1fr}}

/* The language control stays reachable on small screens, shortened to a code. */
.locale-short{display:none}
.locale-mob{display:none}
@media(max-width:980px){
 .utilities .locale{display:flex;gap:4px;font-weight:600}
 .utilities .locale .locale-full{display:none}
 .utilities .locale .locale-short{display:inline}
 .main-nav .locale-mob{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:650;color:var(--violet);padding:5px 8px;white-space:nowrap}
 .main-nav .locale-mob .icon{width:13px;height:13px}
}
.head-main:has(.compact)+nav .locale-mob{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:650;color:var(--violet);padding:5px 8px;white-space:nowrap}
.head-main:has(.compact)+nav .locale-mob .icon{width:13px;height:13px}

/* ---- Search modes, AI Mode and the homepage panel row ------------------- */
.search-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}
.search-modes{display:flex;align-items:center;gap:12px}
.search-modes button{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#5b5f73;padding:4px 0;min-height:32px}
.search-modes button:hover{color:var(--violet)}
.search-modes .icon{width:15px;height:15px}
.mode-split{width:1px;height:13px;background:var(--line)}

.ai-page .ai-brief{display:flex;gap:12px;align-items:flex-end;margin-bottom:24px}
.ai-brief textarea{flex:1;padding:13px 15px;border:1px solid var(--line);border-radius:10px;resize:vertical;min-height:78px;font:inherit;color:var(--ink)}
.ai-brief .btn{flex-shrink:0}
.ai-readout{background:var(--tint);border-radius:10px;padding:16px 18px;margin-bottom:24px}
.ai-readout .eyebrow{display:block;margin-bottom:9px}
.ai-chips{display:flex;flex-wrap:wrap;gap:8px}
.ai-chips span{background:#fff;border:1px solid #e3e0f5;border-radius:20px;padding:5px 11px;font-size:11px;color:#514c66}
.ai-chips b{color:var(--ink);font-weight:650}
.ai-note{font-size:11px;color:var(--gray);margin-top:11px}

.home-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}
.panel-card{border:1px solid var(--line);border-radius:10px;padding:16px 16px 14px;background:#fff;display:flex;flex-direction:column;gap:11px}
.panel-card h3{font-size:13px}
.panel-cats{display:flex;flex-direction:column}
.panel-cats a{display:flex;align-items:center;gap:10px;font-size:11px;padding:6px 0;color:#4c4a5c}
.panel-cats a:hover{color:var(--violet)}
.panel-cats .icon{width:16px;height:16px}
.panel-cats .icon:last-child{width:11px;height:11px;margin-left:auto}
.panel-duo{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.panel-duo a{display:block}
.panel-duo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--canvas)}
.panel-duo span{display:block;font-size:10px;color:var(--gray);margin-top:6px;line-height:1.35}
.panel-card>.text-link{margin-top:auto;font-size:11px;display:inline-flex;align-items:center;gap:6px}
.panel-card>.text-link .icon{width:13px;height:13px}

.account-card{gap:13px}
.account-head{display:flex;align-items:center;gap:11px}
.account-head>.icon{width:32px;height:32px;padding:6px;border-radius:50%;background:var(--tint);color:var(--violet)}
.account-head small{display:block;font-size:10px;color:var(--gray)}
.account-head b{font-size:13px;letter-spacing:-.01em}
.account-counts{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--line);border-radius:9px;padding:11px 0}
.account-counts a{text-align:center;border-right:1px solid var(--line)}
.account-counts a:last-child{border-right:0}
.account-counts b{display:block;font-size:19px;font-family:var(--display);letter-spacing:-.03em}
.account-counts span{font-size:10px;color:var(--gray)}
.account-card>p{font-size:11px;line-height:1.6}
.account-history small{display:block;font-size:10px;color:var(--gray);margin-bottom:7px}
.account-history>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.account-history img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:var(--canvas)}
.account-card>.btn{margin-top:auto}

.deliver{text-align:left}
.delivery-form{display:grid;gap:12px}

@media(max-width:1100px){.home-panels{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
 .home-panels{grid-template-columns:1fr;gap:12px;margin:18px 0}
 .search-bottom{flex-direction:column;align-items:flex-start;gap:8px}
 .search-modes{gap:10px}
 .search-modes button{font-size:10px}
 .ai-page .ai-brief{flex-direction:column;align-items:stretch}
}

.discovery-row.three-up{grid-template-columns:1.15fr 1fr 1.05fr}
@media(max-width:980px){.discovery-row.three-up{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.discovery-row.three-up{grid-template-columns:1fr}}

/* ---- Sign in -------------------------------------------------------------- */
.auth-shell{min-height:100vh;background:#fff}
.auth-topbar{max-width:1030px;width:calc(100% - 80px);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 0 0}
.auth-topbar .brand img{height:26px}
.auth-topbar .locale{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-size:12px;min-height:38px}
.auth-topbar .locale:hover{border-color:var(--violet);color:var(--violet)}
.auth-topbar .locale .icon{width:16px;height:16px}
.auth-shell .auth-page{margin-top:24px}

.provider-stack{display:flex;flex-direction:column;gap:11px}
.provider-btn{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;border:1px solid #d5d6e0;border-radius:9px;padding:12px 16px;min-height:48px;font-size:13px;font-weight:600;color:var(--ink);background:#fff;text-align:center}
.provider-btn:hover{border-color:var(--ink);background:#fbfbfd}
.provider-btn .pmark{width:19px;height:19px;flex-shrink:0}
.provider-btn>.icon{width:19px;height:19px;flex-shrink:0}
.auth-form>.provider-btn{margin-top:0}
.auth-or{display:flex;align-items:center;gap:14px;margin:17px 0;color:var(--muted);font-size:11px}
.auth-or:before,.auth-or:after{content:'';flex:1;height:1px;background:var(--line)}
.email-form{margin-top:13px;display:grid;gap:12px}
.email-form[hidden]{display:none}
[hidden]{display:none!important}
.auth-error{background:#fdeceb;border:1px solid #f6c9c5;color:#9c2a20;border-radius:8px;padding:10px 13px;font-size:11px;margin-bottom:15px}
.auth-switch{font-size:12px;margin-top:20px;text-align:center;color:var(--gray)}
.auth-switch .text-btn{font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#modal .provider-stack{margin-bottom:0}
#modal .auth-or{margin:15px 0}

@media(max-width:860px){
 .auth-topbar{width:calc(100% - 48px);padding-top:20px}
}
@media(max-width:700px){
 .auth-topbar{width:calc(100% - 32px)}
 .auth-topbar .brand img{height:22px}
 .provider-btn{font-size:12px;min-height:46px}
}

/* ---- Factory profile, stated capabilities and reviews -------------------- */
.factory-facts{display:block;font-size:11px;color:var(--gray);margin-top:5px}
.rating-line{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray);margin:8px 0}
.rating-line b{color:var(--ink);font-size:13px}
.no-rating{font-size:11px;color:var(--muted)}
.stars{display:inline-flex;gap:1px}
.stars i{width:14px;height:14px;color:#d9dae4}
.stars i.on,.stars i.half{color:#f5a623}
.stars .icon{width:14px;height:14px}
.factory-caps{margin-top:11px;border-top:1px solid var(--line);padding-top:11px}
.caps-title{display:block;font-size:11px;font-weight:650;color:var(--ink);margin-bottom:7px}
.factory-caps ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.factory-caps li{font-size:11px;color:#4c4a5c;padding-left:11px;position:relative}
.factory-caps li:before{content:'·';position:absolute;left:2px;color:var(--muted)}
.factory-caps .cert-line b{font-weight:650;color:var(--ink)}
.cert{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:10px;margin-left:5px;color:#514c66}
.factory-caps small{display:block;margin-top:9px;font-size:10px;color:var(--muted)}
.collections-page>.factory-caps{border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:26px;border-top:1px solid var(--line)}
.collections-page>.factory-caps ul{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 18px}

.capability-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.capability-chips a{border:1px solid var(--line);border-radius:20px;padding:6px 13px;font-size:11px;color:#5b5f73;background:#fff}
.capability-chips a:hover{border-color:var(--violet);color:var(--violet)}
.capability-chips a.on{background:var(--tint);border-color:var(--violet);color:var(--violet);font-weight:600}

.reviews-block{margin-bottom:30px}
.review-list{display:grid;gap:12px}
.review{border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.review-head{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.review-head b{font-size:12px}
.review-head small{color:var(--muted);margin-left:auto}
.review p{font-size:12px;line-height:1.65}

@media(max-width:700px){
 .collections-page>.factory-caps ul{grid-template-columns:1fr}
 .capability-chips{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
 .capability-chips a{flex:0 0 auto;font-size:10px;padding:6px 11px}
}

/* ---- Header messages panel ---------------------------------------------- */
.msg-widget{position:relative;display:flex}
.msg-widget>a{position:relative;display:flex}
.msg-badge{position:absolute;top:-5px;right:-7px;background:#e8483a;color:#fff;font-size:10px;font-weight:700;line-height:1;padding:3px 5px;border-radius:9px;min-width:16px;text-align:center}
.msg-panel{position:absolute;top:calc(100% + 12px);right:-8px;width:352px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(16,14,48,.16);padding:14px;z-index:60}
.msg-panel:before{content:'';position:absolute;top:-12px;right:0;left:0;height:12px}
.msg-panel-head{font-size:13px;margin-bottom:10px}
.msg-list{display:flex;flex-direction:column;max-height:330px;overflow:auto;margin:0 -6px 11px}
.msg-list>a{display:flex;gap:10px;align-items:flex-start;padding:9px 6px;border-radius:8px}
.msg-list>a:hover{background:var(--canvas)}
.msg-avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--tint);color:var(--violet);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.msg-list>a>div{min-width:0;flex:1}
.msg-top{display:flex;align-items:baseline;gap:8px}
.msg-top b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-top small{margin-left:auto;color:var(--muted);font-size:10px;flex-shrink:0}
.msg-sub{display:block;font-size:10px;color:var(--violet);margin:1px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-list p{font-size:11px;color:var(--gray);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.msg-list>a.is-unread .msg-top b{font-weight:700}
.msg-count{flex-shrink:0;background:#e8483a;color:#fff;font-size:10px;font-weight:700;font-style:normal;border-radius:9px;padding:2px 6px;margin-top:3px}
.msg-empty{font-size:11px;color:var(--gray);padding:6px 4px 14px}
.msg-support{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:var(--gray);margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.msg-support:hover{color:var(--violet)}
.msg-support .icon{width:15px;height:15px}

@media(max-width:700px){
 .msg-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:auto;border-radius:14px 14px 0 0;max-height:72vh;overflow:auto;box-shadow:0 -8px 40px rgba(16,14,48,.2)}
 .msg-list{max-height:46vh}
}

/* ---- Sign-in artwork ------------------------------------------------------ */
.auth-story{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,#2a2470 0%,#3e34f9 45%,#7871fb 100%);color:#fff;position:relative;overflow:hidden}
.auth-story .eyebrow{color:#c9c4ff}
.auth-story h1{color:#fff;margin-top:26px}
.auth-story p{color:#cfcbf5}
.auth-copy{position:relative;z-index:2;max-width:330px}
.auth-art{position:absolute;inset:0;z-index:1}
.auth-art .orb{position:absolute;border-radius:50%;filter:blur(46px);opacity:.55}
.auth-art .orb.a{width:300px;height:300px;background:#8f86ff;top:-90px;right:-70px}
.auth-art .orb.b{width:260px;height:260px;background:#241d8f;bottom:-90px;left:-80px;opacity:.7}
.auth-art .grid-lines{position:absolute;inset:0;opacity:.16;
 background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);
 background-size:46px 46px;
 -webkit-mask-image:radial-gradient(circle at 70% 30%,#000,transparent 72%);
 mask-image:radial-gradient(circle at 70% 30%,#000,transparent 72%)}
.art-cards{position:absolute;inset:0}
.art-card{position:absolute;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);
 backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-radius:12px;padding:11px 14px;color:#fff;font-size:11px;
 box-shadow:0 10px 30px rgba(12,8,60,.25)}
.art-card b{display:block;font-family:var(--display);font-size:23px;letter-spacing:-.03em;line-height:1}
.art-card small{color:#d8d4ff;font-size:10px}
.art-card.c1{right:30px;top:46%;transform:rotate(4deg)}
.art-card.c2{right:104px;bottom:24%;display:flex;align-items:center;gap:8px;transform:rotate(-3deg);font-weight:600}
.art-card.c3{left:40px;bottom:12%;transform:rotate(-5deg)}
.art-card .dot{width:7px;height:7px;border-radius:50%;background:#6ef2ad;box-shadow:0 0 0 4px rgba(110,242,173,.22)}
.auth-story .fabric-rolls{display:none}
@media(max-width:860px){
 .auth-story{min-height:250px}
 .art-card.c1{top:26%;right:24px}
 .art-card.c3{display:none}
}

/* ---- Messages list -------------------------------------------------------- */
.thread-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.thread-row{display:flex;gap:13px;align-items:flex-start;padding:15px 17px;border-bottom:1px solid var(--line);background:#fff}
.thread-row:last-child{border-bottom:0}
.thread-row:hover{background:var(--canvas)}
.thread-row.is-unread{background:#fbfaff}
.thread-row .msg-avatar{width:42px;height:42px;font-size:14px}
.thread-main{flex:1;min-width:0}
.thread-main .msg-top b{font-size:13px}
.thread-main .msg-sub{font-size:11px}
.thread-main p{font-size:12px;color:var(--gray);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.thread-row.is-unread .thread-main p{color:var(--ink)}
.thread-end{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}
.msg-support.standalone{justify-content:flex-start;border-top:0;margin-top:18px;padding-top:0}
@media(max-width:700px){
 .thread-row{padding:13px 12px;gap:10px}
 .thread-row .msg-avatar{width:36px;height:36px;font-size:12px}
 .thread-main .msg-top b{font-size:12px}
 .thread-main p{-webkit-line-clamp:1}
 .thread-end .badge{display:none}
}

/* ---- AI Mode console ------------------------------------------------------ */
.ai-console{display:grid;grid-template-columns:264px 1fr;min-height:calc(100vh - 190px);border-top:1px solid var(--line)}
.ai-rail{border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:12px;background:#fcfcfe}
.ai-rail-head{display:flex;align-items:center;justify-content:space-between}
.ai-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:-.02em}
.ai-brand .icon{width:18px;height:18px;color:var(--violet)}
.ai-new{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:600;background:#fff;min-height:40px}
.ai-new:hover{border-color:var(--violet);color:var(--violet)}
.ai-new .icon{width:15px;height:15px}
.ai-rail-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.ai-history{display:flex;flex-direction:column;gap:2px;overflow:auto}
.ai-history a{font-size:12px;padding:8px 10px;border-radius:8px;color:#4c4a5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-history a:hover{background:var(--canvas)}
.ai-history a.on{background:var(--tint);color:var(--violet);font-weight:600}
.ai-rail-empty{font-size:11px;color:var(--muted);padding:6px 10px}

.ai-main{display:flex;flex-direction:column;min-width:0;position:relative}
.ai-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--line);font-size:13px}
.ai-topbar span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.ai-topbar .icon{width:14px;height:14px}
.ai-offline{margin:16px 28px 0;background:#fff8e6;border:1px solid #f0dfae;color:#7a5c14;border-radius:9px;padding:10px 13px;font-size:11px}
.ai-scroll{flex:1;overflow:auto;padding:28px}
.ai-disclaimer{display:block;text-align:center;padding:10px 0 16px;color:var(--muted);font-size:10px}

.ai-welcome{max-width:740px;margin:6vh auto 0}
.ai-welcome h1{font-size:32px;text-align:center;margin-bottom:26px}
.ai-examples{display:flex;flex-direction:column;margin-top:22px;border-top:1px solid var(--line)}
.ai-examples button{display:flex;align-items:center;gap:14px;text-align:left;font-size:12px;color:#4c4a5c;padding:14px 4px;border-bottom:1px solid var(--line);line-height:1.5}
.ai-examples button:hover{color:var(--violet)}
.ai-examples .icon{width:14px;height:14px;margin-left:auto;flex-shrink:0;transform:rotate(45deg);opacity:.5}

.ai-composer{border:1.5px solid var(--violet);border-radius:14px;padding:12px 14px 10px;background:#fff;box-shadow:0 4px 20px rgba(62,52,249,.07)}
.ai-composer textarea{width:100%;border:0;outline:0;resize:none;font:inherit;font-size:14px;color:var(--ink);min-height:26px;max-height:180px;background:none}
.ai-composer-foot{display:flex;align-items:center;gap:10px;margin-top:8px}
.ai-attach{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center}
.ai-attach:hover{border-color:var(--violet);color:var(--violet)}
.ai-attach .icon{width:15px;height:15px}
.ai-model{margin-left:auto;font-size:10px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.ai-model .icon{width:13px;height:13px}
.ai-send{width:34px;height:34px;border-radius:50%;background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center}
.ai-send .icon{width:17px;height:17px}
.ai-send:disabled{opacity:1;background:#2a2470}
.ai-stop{width:11px;height:11px;background:#fff;border-radius:2px;display:block}
.ai-dock{padding:0 28px 8px}
.ai-dock .ai-composer{max-width:860px;margin:auto}

.ai-thread{max-width:860px;margin:auto;display:flex;flex-direction:column;gap:26px}
.ai-turn.user{display:flex;justify-content:flex-end}
.ai-bubble{background:var(--tint);border-radius:13px;padding:12px 16px;font-size:13px;line-height:1.6;max-width:72%}
.ai-who{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;margin-bottom:10px}
.ai-who .icon{width:16px;height:16px;color:var(--violet)}
.ai-reply{font-size:13.5px;line-height:1.75;color:var(--ink)}
.ai-products{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px}
.ai-steps{margin-bottom:12px}
.ai-steps summary{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--gray);cursor:pointer;list-style:none}
.ai-steps summary::-webkit-details-marker{display:none}
.ai-steps summary .icon{width:14px;height:14px}
.ai-steps ol{margin:10px 0 0;padding:0 0 0 6px;list-style:none;border-left:2px solid var(--line)}
.ai-steps li{font-size:11px;color:var(--gray);padding:4px 0 4px 12px}
.ai-steps li b{color:var(--ink);font-weight:600;margin-right:7px}
.ai-working{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--gray);margin-bottom:14px}
.ai-working .icon{width:14px;height:14px}
.dots{display:inline-flex;gap:3px;margin-left:3px}
.dots i{width:4px;height:4px;border-radius:50%;background:var(--soft);animation:aiDot 1.2s infinite}
.dots i:nth-child(2){animation-delay:.18s}
.dots i:nth-child(3){animation-delay:.36s}
@keyframes aiDot{0%,60%,100%{opacity:.25}30%{opacity:1}}

/* Skeleton loader */
.skeleton-lines{display:flex;flex-direction:column;gap:9px}
.skeleton-lines i,.skeleton-grid i{display:block;border-radius:7px;
 background:linear-gradient(90deg,#f1f0f8 25%,#e7e6f3 37%,#f1f0f8 63%);
 background-size:400% 100%;animation:shimmer 1.4s ease infinite}
.skeleton-lines i{height:12px}
.skeleton-lines i:nth-child(1){width:92%}
.skeleton-lines i:nth-child(2){width:78%}
.skeleton-lines i:nth-child(3){width:56%}
.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:20px}
.skeleton-grid i{aspect-ratio:3/4;border-radius:10px}
@keyframes shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media(prefers-reduced-motion:reduce){.skeleton-lines i,.skeleton-grid i,.dots i{animation:none}}

@media(max-width:980px){
 .ai-console{grid-template-columns:1fr}
 .ai-rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:10px;overflow:auto;padding:12px 16px}
 .ai-rail-label,.ai-rail-empty{display:none}
 .ai-history{flex-direction:row;gap:6px}
 .ai-history a{flex:0 0 auto;max-width:150px;border:1px solid var(--line)}
 .ai-new{flex-shrink:0}
 .ai-scroll,.ai-dock{padding-left:16px;padding-right:16px}
 .ai-welcome h1{font-size:24px}
 .ai-products,.skeleton-grid{grid-template-columns:1fr 1fr}
}

/* ---- AI Mode attachments -------------------------------------------------- */
.ai-files{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}
.ai-file{display:inline-flex;align-items:center;gap:6px;background:var(--canvas);border:1px solid var(--line);border-radius:7px;padding:5px 7px 5px 9px;font-size:11px;max-width:230px}
.ai-file .icon{width:13px;height:13px;color:var(--violet);flex-shrink:0}
.ai-file>button{display:flex;padding:2px;border-radius:4px;color:var(--muted)}
.ai-file>button:hover{color:var(--ink);background:#e9e9f2}
.ai-file>button .icon{width:11px;height:11px;color:inherit}
.bubble-files{display:flex;flex-direction:column;gap:4px;margin-bottom:7px;font-size:11px;color:var(--deep)}
.bubble-files .icon{width:12px;height:12px;margin-right:5px}

/* ---- Deep Search panel ---------------------------------------------------- */
.deep-panel{border:1px solid #dcd8fb;background:linear-gradient(180deg,#fbfaff,#fff);border-radius:11px;padding:14px 18px;margin:20px 0 4px}
.deep-panel summary{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:15px;font-weight:600;color:var(--violet);cursor:pointer;list-style:none}
.deep-panel summary::-webkit-details-marker{display:none}
.deep-panel summary .icon{width:16px;height:16px}
.deep-panel summary span{font-size:11px;font-weight:500;color:var(--gray);font-family:var(--body)}
.deep-steps{margin:13px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.deep-steps li{display:flex;flex-direction:column;gap:2px;padding-left:22px;position:relative;font-size:12px}
.deep-steps li:before{content:'';position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;
 background:var(--violet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='m5 12 4 4L20 5'/%3E%3C/svg%3E") center/9px no-repeat}
.deep-steps b{font-size:12px;font-weight:650}
.deep-steps span{color:var(--gray);line-height:1.55}
.deep-steps mark{background:#e9e6ff;color:var(--deep);padding:0 4px;border-radius:3px}
.deep-facets{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;font-size:11px}
.deep-facets>span{color:var(--gray);font-weight:600;margin-right:2px}
.deep-facets a{border:1px solid var(--line);background:#fff;border-radius:18px;padding:5px 11px;color:#4c4a5c;display:inline-flex;gap:6px;align-items:center}
.deep-facets a:hover{border-color:var(--violet);color:var(--violet)}
.deep-facets i{font-style:normal;color:var(--muted);font-size:10px}
@media(max-width:700px){
 .deep-panel{padding:12px 13px;margin:14px 0 0}
 .deep-facets{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
 .deep-facets a{flex:0 0 auto}
}

/* Categories grow independently of supplier inventory. */
.sourcing-category{min-width:0}.sourcing-category>div{position:static!important}.sourcing-category .category-placeholder{height:150px;background:#f1f0ff;display:grid;place-items:center;color:#5143ed}.category-placeholder svg{width:48px;height:48px}.sourcing-category>div:last-child{padding:20px}.sourcing-category h2{font-size:20px}.sourcing-category p{font-size:13px;line-height:1.6}.sourcing-category img{height:150px;width:100%;object-fit:contain;background:#fafafa}
@media(max-width:979px){.browse-strip .search-tabs{flex-wrap:wrap;gap:12px 24px}.browse-strip .search-tabs a{font-size:18px}.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sourcing-category h2,.sourcing-category p{overflow-wrap:anywhere}}
@media(max-width:480px){.category-cards{grid-template-columns:1fr}.sourcing-category .category-placeholder,.sourcing-category img{height:125px}.sourcing-category>div:last-child{padding:18px}}
@media(max-width:480px){.main-nav{flex-wrap:wrap}.main-nav>div{flex-wrap:wrap;max-width:100%}.main-nav>div:last-child{margin-left:auto}}

/* AJAW signature gradient, with a white search surface. */
:root{--ajaw-brand-gradient:linear-gradient(110deg,var(--soft) 0%,var(--violet) 48%,var(--deep) 100%)}
.announcement{background:var(--ajaw-brand-gradient)}
.announcement .local-label{color:white;opacity:.85}
.search-box,.search-box.compact{border:2px solid transparent;background:linear-gradient(white,white) padding-box,var(--ajaw-brand-gradient) border-box;box-shadow:0 3px 12px #251f9514}
.search-box .search-input input,.search-box .search-input input:focus{background:white}
.search-box .btn.primary{background:var(--ajaw-brand-gradient);box-shadow:inset 0 1px 2px #ffffff40,0 2px 6px #251f9520}
.search-box .btn.primary:hover{filter:brightness(1.08)}
.search-tabs a.active:after{background:var(--ajaw-brand-gradient)}
.factory-hero h1{font:700 24px/1.3 var(--body);text-align:center;margin:24px 0 6px}.factory-hero p{text-align:center;font-size:13px}.factory-hero p span{margin:0 12px;color:var(--muted)}.factory-welcome{background:#fafafa;padding:24px 0}.factory-welcome>.wrap{display:flex;align-items:center;gap:28px}.factory-welcome b{margin-right:auto;font-size:16px}.factory-welcome a{font-size:13px;display:flex;gap:8px;align-items:center}.factory-market{background:#f5f5f6;padding:28px 0 48px}.factory-discovery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.factory-discovery>article{background:white;border-radius:10px;padding:16px;min-width:0}.factory-discovery h2{font:700 16px/1.3 var(--body);margin-bottom:14px}.factory-category{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:12px}.factory-category span{flex:1}.factory-category>.icon:last-child{width:12px}.factory-tile-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.factory-tile-pair img{height:130px;width:100%;object-fit:contain;background:#f6f6f6;border-radius:6px}.factory-tile-pair span{display:block;text-align:center;font-size:11px;color:var(--gray);margin-top:8px}.factory-feature-link{display:block;border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:12px}.factory-feature-link p,.factory-discovery-note{font-size:12px;line-height:1.6;margin:10px 0 16px}.factory-buyer>p,.factory-request p{font-size:12px;line-height:1.6;margin:10px 0 16px}.factory-buyer .msg-avatar{margin-bottom:10px}.factory-request{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.factory-filter-panel{background:white;border-radius:10px;overflow:hidden}.factory-filter-panel>nav{display:flex;gap:26px;overflow:auto;padding:16px 18px;border-bottom:1px solid var(--line)}.factory-filter-panel>nav a{white-space:nowrap;font-size:12px;padding-bottom:8px}.factory-filter-panel>nav a.selected{font-weight:700;border-bottom:2px solid var(--violet)}.factory-filter-bottom{padding:12px 18px;display:flex;align-items:center;gap:18px}.factory-filter-bottom .directory-filters{margin:0;flex-shrink:0}.factory-filter-bottom .field{margin:0}.factory-filter-bottom .capability-chips{overflow:auto;flex-wrap:nowrap;margin:0}.factory-filter-bottom .capability-chips a{white-space:nowrap}.factory-result{background:white;border-radius:10px;padding:20px;margin-top:16px}.factory-result-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.factory-result-head h2{font:700 15px/1.4 var(--body);text-decoration:underline;text-underline-offset:3px}.factory-result-head p{font-size:12px;margin-top:5px}.factory-monogram{border:1px solid var(--line);width:46px;height:46px;display:grid;place-items:center;font-weight:700;color:var(--deep);flex:none;border-radius:5px}.factory-contact{margin-left:auto;display:flex;gap:12px}.factory-result-body{display:grid;grid-template-columns:220px minmax(0,1fr) 26%;gap:20px}.factory-result-body aside h3{font-size:12px;font-weight:500}.factory-result-body aside>p{font-size:12px;margin-top:16px}.factory-product-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.factory-product-previews img{height:180px;width:100%;object-fit:contain;background:#f7f7f7;border-radius:7px}.factory-product-previews b{display:block;font-size:14px;margin-top:10px}.factory-product-previews span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4;margin:5px 0}.factory-product-previews small{display:block;font-size:11px}.factory-catalog-cover{position:relative;min-width:0;background:#f7f7f7;border-radius:8px;overflow:hidden}.factory-catalog-cover img{width:100%;height:260px;object-fit:contain}.factory-catalog-cover span{position:absolute;bottom:0;left:0;right:0;background:var(--ajaw-brand-gradient);color:white;padding:12px;font-size:12px;display:flex;justify-content:space-between}.factory-result .factory-caps{margin-top:18px}
@media(max-width:1100px){.factory-discovery{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-result-body{grid-template-columns:180px minmax(0,1fr)}.factory-catalog-cover{display:none}.factory-filter-bottom{display:block}.factory-filter-bottom .capability-chips{margin-top:12px}}
@media(max-width:700px){.factory-hero h1{font-size:20px}.factory-hero p{font-size:11px}.factory-welcome>.wrap{flex-wrap:wrap;gap:12px}.factory-welcome b{width:100%;font-size:14px}.factory-welcome a{font-size:11px}.factory-discovery{gap:10px}.factory-discovery>article{padding:12px}.factory-discovery h2{font-size:14px}.factory-category{font-size:11px;gap:6px}.factory-tile-pair{gap:6px}.factory-tile-pair img{height:90px}.factory-buyer .btn{font-size:11px;padding:10px}.factory-result{padding:14px}.factory-result-head{flex-wrap:wrap}.factory-result-head>div:nth-child(2){flex:1;min-width:0}.factory-contact{width:100%;margin:0}.factory-result-body{display:block}.factory-result-body aside{margin-bottom:18px}.factory-product-previews{gap:8px}.factory-product-previews img{height:125px}.factory-product-previews b{font-size:12px}.factory-product-previews span,.factory-product-previews small{font-size:10px}.factory-filter-bottom .directory-filters{flex-wrap:wrap}.factory-filter-panel>nav{gap:20px}.factory-hero .search-tabs{margin-bottom:20px}}
/* Consistent AJAW action buttons and reference-style lower search action. */
.btn,.btn.primary,.btn.outline,.search-box .btn.primary{background:var(--ajaw-brand-gradient);color:white;border-color:transparent;box-shadow:inset 0 1px 2px #ffffff30,0 2px 5px #251f9514}
.btn:hover,.btn.primary:hover,.btn.outline:hover{background:var(--ajaw-brand-gradient);color:white;filter:brightness(1.08)}
.search-box:not(.compact){position:relative;padding-bottom:17px}
.search-box:not(.compact) .search-input{padding-right:135px}
.search-box:not(.compact) .search-input>.btn{position:absolute;right:15px;bottom:15px;min-height:40px}
.search-box:not(.compact) .search-bottom{padding-right:140px;min-height:42px;align-items:center}
@media(max-width:700px){.search-box:not(.compact) .search-input{padding-right:0}.search-box:not(.compact) .search-input>.btn{right:12px;bottom:12px;min-width:92px;min-height:38px;padding:8px 12px}.search-box:not(.compact) .search-bottom{padding-right:100px;padding-left:0}.search-box:not(.compact) .search-modes{flex-wrap:wrap;gap:6px}.search-box:not(.compact) .search-modes button{font-size:10px}}
.product-ai-action{position:absolute;left:10px;top:10px;z-index:2;display:flex;align-items:center;gap:4px;padding:6px 9px;border-radius:6px;background:var(--ajaw-brand-gradient);color:white;font-size:11px}.product-ai-action .icon{width:14px;height:14px}.search-ai-tool{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--deep)}

/* ===== Mobile legibility pass ===== */
.retail-sticky-bar{display:none}
@media(max-width:700px){
/* Bigger central search: input, button and helper rows sized for phones. */
.search-hero .search-input input{font-size:15px;padding:13px 6px}
.search-hero .search-input .btn{min-width:88px;min-height:42px;font-size:13px}
.search-hero .search-bottom{font-size:11px}
.search-hero .search-bottom a{font-size:11px}
.search-box:not(.compact) .search-bottom .search-modes button{font-size:12px;min-height:30px}

/* Desktop-connection search in the header stays readable too. */
.head-main:has(.compact) .compact .search-input input{font-size:14px}
.head-main:has(.compact) .compact .search-input .btn{min-height:40px;font-size:12.5px;min-width:96px}

/* Font floor: nothing interactive below 10px, primary text 12px+. */
.announcement{font-size:10.5px}
.announcement>span:nth-child(2){font-size:10px}
.announcement a{font-size:10px}
.main-nav{font-size:12px}
.main-nav a{font-size:12px}
.main-nav .icon{width:15px;height:15px}
.main-nav>div{gap:20px}
.demo-link{font-size:10px;padding:6px 9px}
.brand>span{font-size:22px}
.beta{font-size:10px}
.trending{margin-top:13px}
.trending>span{font-size:11px}
.trending>a{font-size:11px;padding:6px 11px}
.trending a .icon{width:13px;height:13px}
.section-head>a,.section-head>div>a{font-size:11px}
.eyebrow{font-size:10px}
.category-rail>a{font-size:11px;padding:11px 14px}
.mini-discovery>p{font-size:10.5px}
.mini-discovery>.text-link{font-size:10.5px}
.country-tile p{font-size:10.5px}
.country-tile .pill{font-size:10.5px}
.country-tile .eyebrow{font-size:10px}
.benefit-strip b{font-size:11px}
.benefit-strip span{font-size:10px}
.footer-brand p{font-size:10.5px}
.footer-grid b{font-size:12px}
.footer-grid>div>a{font-size:11px}
.footer-bottom{font-size:10.5px}
.breadcrumb{font-size:10px;padding:14px 0 18px}
.results-head h1{font-size:30px}
.results-head p{font-size:11.5px}
.results-toolbar{font-size:11px}
.filters>h3{font-size:13px}
.filters .field{font-size:11.5px}
.filters small{font-size:10.5px}

/* Product cards: readable without blowing the 2-column grid. */
.product-card .photo-tag{font-size:10px;padding:4px 7px}
.product-card .country{font-size:10.5px}
.product-card .product-title{font-size:12px;height:38px}
.product-card .price{font-size:16px}
.product-card .moq{font-size:10px}
.product-card .card-foot{font-size:10.5px;padding-top:8px;margin-top:9px}
.product-card .compare-small{font-size:10.5px}

/* Price-on-request product: portrait gallery, CTA in the fold. */
.pdp-layout.retail-layout .gallery{grid-template-columns:minmax(0,1fr);gap:9px}
.pdp-layout.retail-layout .product-detail h1{font-size:22px;line-height:1.3}
.pdp-layout.retail-layout .thumbs{display:none}
.pdp-layout.retail-layout .gallery-main{height:min(58vw,320px)}
.pdp-layout.retail-layout .thumbs button{flex:0 0 auto;padding:2px}
.pdp-layout.retail-layout .thumbs img{width:50px;height:58px}
.pdp-layout.retail-layout .product-detail .retail-price{font-size:26px}
.pdp-layout.retail-layout .product-detail>p{font-size:12.5px;line-height:1.8}
.pdp-layout.retail-layout .product-detail>.btn{min-height:48px;font-size:14px;border-radius:24px}

/* Sticky pricing bar - the "everything of value stays reachable" rule. */
.retail-sticky-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:500;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:14px;padding:9px 10px 9px 16px;box-shadow:0 12px 40px rgba(20,10,50,.28)}
.retail-sticky-bar>span{font-size:12.5px;font-weight:700;letter-spacing:-.02em}
.retail-sticky-bar .btn{min-height:42px;padding:10px 18px;font-size:12.5px;border-radius:22px}
}
@media(min-width:701px){.retail-sticky-bar{display:none!important}}
.cur-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}
.cur-options .btn{min-height:42px;font-size:12.5px}
.cur-options h3{margin-top:8px}
.help-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:4px 0 18px}
.help-topic{display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.help-topic:hover{border-color:var(--soft);transform:translateY(-2px)}
.help-topic svg{width:20px;height:20px;color:var(--violet)}
.help-topic b{font-size:13px;letter-spacing:-.01em}
.help-topic small{font-size:11px;line-height:1.5;color:var(--muted)}
.help-articles section{border-bottom:1px solid var(--line);padding:6px 0 18px;margin-bottom:14px;scroll-margin-top:24px}
.help-articles section:last-of-type{border-bottom:0}
.help-articles h3{margin-top:14px}
.panel.help-articles .btn{margin-top:6px}
.work-trace{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}
.work-trace>span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11px;color:var(--gray)}
.work-trace>span svg{width:14px;height:14px;color:var(--muted)}
.work-trace>span.done{border-color:var(--green);color:var(--green);background:#f3fbf7}
.work-trace>span.done svg{color:var(--green)}
.rfq-rail-link{display:inline-block;margin-top:8px;font-size:11px;font-weight:600;color:var(--violet);text-decoration:none}
.rfq-rail-link svg{width:12px;height:12px;vertical-align:-1px}
.rfq-draft-note{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:rgba(250,204,21,.12);color:var(--warn,#b45309);font-size:12px;line-height:1.45;margin-bottom:14px}
.rfq-draft-note svg{flex-shrink:0;width:16px;height:16px}
.rfq-draft-note .btn{margin-left:auto}
.rfq-draft-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.rfq-draft-examples button{padding:4px 10px;border:1px dashed var(--line);border-radius:999px;background:transparent;font-size:11px;line-height:1.35;cursor:pointer;color:var(--gray)}
.rfq-draft-examples button:hover{border-color:var(--violet);color:var(--violet)}
#modal .rfq-draft-form textarea{resize:vertical}
.ai-handoff-wrap{margin-top:10px}
.ai-handoff-wrap button{font-size:12px;line-height:1.35}
.work-ref{margin:4px 0 0;padding:0;display:flex;gap:6px;flex-wrap:wrap;font-size:12px;line-height:1.4;color:var(--muted)}
.work-ref dt{font-weight:600}
.deep-handoff{margin:8px 0 2px}
.deep-handoff .btn{font-size:11px;min-height:30px;padding:6px 12px}
@media(max-width:700px){.results-head{flex-wrap:wrap;row-gap:8px}.results-head>div{flex:1 1 100%}.results-head .btn{gap:4px}.results-head .btn .icon{display:none}}

/* =====================================================================
   AJAW design parity pass (reference-style):
   - single source of gradient identity; no gradient-on-gradient
   - outline buttons stay light; primary/search carry the vibrant gradient
   - product imagery stays inside a clean square frame
   - flag chips replace emoji; country directory centered
   ===================================================================== */
:root{--vibrant-from:#8f6bff;--vibrant-mid:#6b3dff;--vibrant-to:#4a21f5;--ajaw-search-gradient:linear-gradient(110deg,var(--vibrant-from) 0%,var(--vibrant-mid) 52%,var(--vibrant-to) 100%)}

/* Search surface is a clean white field; the gradient lives on the action only. */
.search-box,.search-box.compact{border:1.5px solid #e5e3f2;border-radius:18px;background:#fff;box-shadow:0 6px 24px rgba(37,31,149,.07)}
.search-box:focus-within{border-color:var(--vibrant-mid);box-shadow:0 8px 30px rgba(107,61,255,.16)}
.search-input input{background:transparent!important}
.search-box .btn.primary{background:var(--ajaw-search-gradient);border:0;color:#fff;box-shadow:0 4px 14px rgba(74,33,245,.28),inset 0 1px 1px rgba(255,255,255,.45)}
.search-box .btn.primary:hover{background:var(--ajaw-search-gradient);filter:saturate(1.15) brightness(1.08)}

/* One gradient family for real buttons; outline buttons stay light. */
.btn,.btn.primary{background:var(--ajaw-search-gradient);color:#fff;border-color:transparent;box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 3px 10px rgba(74,33,245,.2)}
.btn:hover,.btn.primary:hover{background:var(--ajaw-search-gradient);filter:saturate(1.12) brightness(1.07)}
.btn.outline{background:#fff;color:var(--ink);border:1.5px solid #d9d7e8;box-shadow:none}
.btn.outline:hover{background:#f7f6ff;color:var(--vibrant-mid);border-color:var(--vibrant-mid);filter:none}
.btn.ghost,.btn.small,.text-btn{background:none;color:var(--vibrant-mid);box-shadow:none}
.btn.ghost:hover,.text-btn:hover{background:none;color:var(--vibrant-to)}

/* Gradient stays on primary CTAs and accents, not on chip/tertiary elements. */
.product-ai-action{background:var(--vibrant-mid);color:#fff;box-shadow:0 2px 8px rgba(74,33,245,.25)}
.photo-tag{background:var(--vibrant-mid);color:#fff}
.flag-stripe{background:var(--ajaw-search-gradient)}
.search-tabs a.active:after{background:var(--ajaw-search-gradient)}

/* Product image frame: square, padded, contained — no cropping overlap. */
.product-photo{display:grid;place-items:center;height:auto;aspect-ratio:1;background:linear-gradient(180deg,#fbfbfe,#f4f3fb);padding:22px}
.product-photo img{width:100%;height:100%;object-fit:contain;transform:none!important;border-radius:6px}
.product-photo:has(img){background:linear-gradient(180deg,#fbfbfe,#f4f3fb)}
.product-card:has(.product-photo){border-radius:12px}
.compact .product-photo{aspect-ratio:1;padding:16px}

/* mini-discovery product tiles also stay contained. */
.mini-products img{height:142px;object-fit:contain;background:#f4f3fb;padding:12px;border-radius:8px}

/* Overlays sit on the frame corners, never on the product itself. */
.photo-tag{left:9px;bottom:9px;border-radius:6px;font-size:10px;padding:4px 8px}
.save-btn{right:9px;top:9px;background:rgba(255,255,255,.92);border:1px solid #e6e4f2;color:var(--ink);box-shadow:0 2px 10px rgba(20,15,60,.14)}
.save-btn.saved{color:#e8483a}
.product-card:hover .photo-tag{background:var(--vibrant-mid)}

/* reference-style countries page: centered, evenly spaced cards. */
.country-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;max-width:1240px;margin:0 auto;justify-content:center}
.country-choice{grid-template-columns:44% 1fr;min-height:252px;border-radius:14px}
.country-choice>div{padding:28px;gap:12px}
.country-flag{width:46px;height:32px;border-radius:5px;overflow:hidden;display:inline-flex;box-shadow:0 2px 8px rgba(20,15,60,.18)}
.country-categories{justify-content:center}

/* SVG flag chips — small rounded, replaced emoji everywhere. */
.nflag{display:inline-flex;width:20px;height:14px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.9),0 1px 3px rgba(20,15,60,.25);vertical-align:-2px;flex-shrink:0}
.nflag svg{width:100%;height:100%;display:block}
.art-card .nflag{width:26px;height:18px;vertical-align:-4px}
.country .nflag,.product-subtitle .nflag{width:18px;height:12px}
.manufacturer-profile .eyebrow .nflag{width:22px;height:15px}

/* Header nav scrolls like a marketplace, never wraps taller on desktop. */
.main-nav{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.main-nav::-webkit-scrollbar{display:none}

/* Deliver-to chip: clean flag + text alignment. */
.deliver b{display:flex;align-items:center;gap:7px;font-weight:700}

/* Signup form: provider actions crowd the top; OR divider matches auth drawer. */
.signup-form .provider-stack{margin:16px 0 2px}
.auth-or span{background:var(--surface,#fff);padding:0 12px;color:var(--muted)}
@media(max-width:760px){.signup-layout{grid-template-columns:1fr;gap:28px}.signup-intro{order:0}}

/* Region flag discs show crisp SVG flags inside the circular chip. */
.region-flag-disc .nflag{width:38px;height:26px;border-radius:4px;box-shadow:0 1px 4px rgba(20,15,60,.25)}
.region-hub h3 .nflag{width:24px;height:17px;vertical-align:-3px}
.region-hub h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* ==== reference-parity top region: continuous brand glow, gradient search border ==== */
:root{--ajaw-glow-a:rgba(120,113,251,.55);--ajaw-glow-b:rgba(62,52,249,.42);--ajaw-glow-tint:#efecff}
.announcement{background:linear-gradient(90deg,var(--deep) 0%,var(--violet) 40%,var(--soft) 70%,#cbc6ff 90%,#e6e3ff 100%)}
.announcement .local-label{color:var(--deep);opacity:1;font-weight:650}
#app:has(>.search-hero:not(.country-search-hero)),#app:has(>.sell-page){background:radial-gradient(900px 440px at 2% 20px,var(--ajaw-glow-a),transparent 66%),radial-gradient(900px 440px at 98% 20px,var(--ajaw-glow-b),transparent 66%),linear-gradient(180deg,var(--ajaw-glow-tint) 0,#fff 540px);background-repeat:no-repeat}
#app:has(>.search-hero:not(.country-search-hero)) header,#app:has(>.sell-page) header{background:transparent;border-bottom-color:transparent}
#app:has(>.search-hero:not(.country-search-hero)) .search-hero{background:transparent;padding:22px 0 34px}
.search-tabs a{color:#3b3847}
.search-box,.search-box.compact{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--ajaw-search-gradient) border-box;box-shadow:0 10px 30px rgba(37,31,149,.10)}
.search-box:focus-within{border-color:transparent;box-shadow:0 12px 36px rgba(107,61,255,.20)}
.trending a{background:#fff;border-color:#e3e0f4}
@media (max-width:760px){#app:has(>.search-hero:not(.country-search-hero)),#app:has(>.sell-page){background:radial-gradient(420px 260px at 0 0,var(--ajaw-glow-a),transparent 70%),radial-gradient(420px 260px at 100% 0,var(--ajaw-glow-b),transparent 70%),linear-gradient(180deg,var(--ajaw-glow-tint) 0,#fff 420px);background-repeat:no-repeat}}

/* ==== Seller landing (/sell) — dense, operator voice ==== */
.sell-page{padding-top:22px;padding-bottom:40px}
.sell-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px 40px;box-shadow:0 12px 40px rgba(37,31,149,.08)}
.sell-hero h1{font-size:46px;line-height:1.06;max-width:560px;margin:10px 0 14px}
.sell-hero h1 em{color:var(--violet);font-style:normal}
.sell-hero p{font-size:13px;line-height:1.6;margin-bottom:18px;max-width:520px}
.sell-hero .sell-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sell-hero .btn+.btn{margin:0}
.sell-hero .sell-note{display:flex;gap:16px;margin-top:14px;font-size:11px;color:var(--gray)}
.sell-hero .sell-note span{display:inline-flex;align-items:center;gap:6px}
.sell-hero .sell-note .icon{width:14px;height:14px;color:var(--green)}
.store-preview{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#faf9ff,#fff);padding:14px;box-shadow:0 8px 24px rgba(37,31,149,.08)}
.store-preview-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.store-preview-head .store-avatar{width:34px;height:34px;border-radius:9px;background:var(--ajaw-brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.store-preview-head b{display:block;font-size:13px}
.store-preview-head small{display:block;font-size:11px;color:var(--gray)}
.store-preview-head .verified{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--green);background:#e9f7f0;border-radius:20px;padding:4px 9px}
.store-preview-head .verified .icon{width:12px;height:12px}
.store-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:12px}
.store-preview-grid a{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.store-preview-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}.store-preview-grid>img{border-radius:8px}
.store-preview-grid span{display:block;font-size:10px;padding:6px 8px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-preview-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;color:var(--gray)}
.store-preview-foot b{color:var(--ink)}
.sell-kpis{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:#fff;margin:20px 0 28px}
.sell-kpis>div{padding:14px 20px}
.sell-kpis>div+div{border-left:1px solid var(--line)}
.sell-kpis b{display:block;font-size:22px;font-weight:650;letter-spacing:-.02em;line-height:1.1}
.sell-kpis span{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--gray);margin-top:4px}
.sell-section{margin:0 0 30px}
.sell-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}
.sell-section-head h2{font-family:var(--body);font-size:18px;font-weight:650;letter-spacing:-.01em}
.sell-section-head p{font-size:12px}
.sell-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sell-steps .panel{padding:18px 20px;display:flex;gap:14px;align-items:flex-start}
.sell-steps .step-number{font-family:var(--body);font-size:12px;font-weight:700;color:var(--violet);background:var(--tint);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sell-steps h3{font-size:14px;margin-bottom:4px}
.sell-steps p{font-size:12px;line-height:1.5}
.sell-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sell-features .panel{padding:18px 20px}
.sell-features .icon{width:22px;height:22px;color:var(--violet);margin-bottom:10px}
.sell-features h3{font-size:14px;margin-bottom:4px}
.sell-features p{font-size:12px;line-height:1.5}
.sell-model{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sell-model .panel{padding:20px}
.sell-model h3{font-size:14px;margin-bottom:8px}
.sell-model ol{margin:0;padding-left:18px;font-size:12px;line-height:1.7;color:var(--gray)}
.sell-model ol b{color:var(--ink);font-weight:600}
.sell-model .price{display:flex;align-items:baseline;gap:6px;margin:6px 0 10px}
.sell-model .price b{font-size:24px;font-weight:650;letter-spacing:-.02em}
.sell-model .price span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--gray)}
.sell-model ul{margin:0;padding:0;list-style:none;font-size:12px;line-height:1.5}
.sell-model li{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-top:1px solid var(--line)}
.sell-model li:first-child{border-top:0}
.sell-model li .icon{width:15px;height:15px;color:var(--green);flex-shrink:0;margin-top:2px}
.sell-faq{border:1px solid var(--line);border-radius:12px;background:#fff}
.sell-faq details{border-top:1px solid var(--line)}
.sell-faq details:first-child{border-top:0}
.sell-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:13px;font-weight:600}
.sell-faq summary::-webkit-details-marker{display:none}
.sell-faq summary .icon{width:16px;height:16px;color:var(--gray);transition:transform .18s}
.sell-faq details[open] summary .icon{transform:rotate(180deg)}
.sell-faq details p{padding:0 20px 14px;font-size:12px;line-height:1.6;max-width:760px}
.sell-final{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ajaw-brand-gradient);color:#fff;border-radius:14px;padding:22px 28px}
.sell-final h2{font-family:var(--body);font-size:18px;font-weight:650;color:#fff;margin-bottom:2px}
.sell-final p{color:#e4e1ff;font-size:12px}
.sell-final .btn.outline{background:#fff;color:var(--deep);border-color:#fff}
.sell-final .btn.ghost{color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.sell-final .btn.ghost:hover{background:rgba(255,255,255,.12);color:#fff}
@media (max-width:1100px){.sell-hero{grid-template-columns:1fr}.sell-hero h1{font-size:38px}.sell-kpis{grid-template-columns:repeat(3,1fr)}.sell-features,.sell-steps{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.sell-hero{padding:22px 18px;gap:20px}.sell-hero h1{font-size:30px}.sell-hero p{font-size:12px}.store-preview-grid{grid-template-columns:repeat(2,1fr)}.sell-features,.sell-steps,.sell-model{grid-template-columns:1fr}.sell-section-head{flex-direction:column;gap:2px}.sell-final{flex-direction:column;align-items:flex-start}.sell-final .btn{width:100%}.sell-hero .sell-note{flex-direction:column;gap:6px}}

/* ==== v2: glow sits under the search box; the header stays clean so the logo reads ==== */
#app:has(>.search-hero:not(.country-search-hero)),#app:has(>.sell-page){background:radial-gradient(1100px 380px at 50% 330px,rgba(120,113,251,.42),transparent 70%),radial-gradient(640px 320px at 10% 440px,rgba(62,52,249,.16),transparent 70%),radial-gradient(640px 320px at 90% 440px,rgba(62,52,249,.16),transparent 70%),linear-gradient(180deg,#fff 0,#fff 140px,#f3f1ff 330px,#fff 520px);background-repeat:no-repeat;background-size:100% 520px}
@media (max-width:760px){#app:has(>.search-hero:not(.country-search-hero)),#app:has(>.sell-page){background:radial-gradient(520px 300px at 50% 470px,rgba(120,113,251,.40),transparent 70%),linear-gradient(180deg,#fff 0,#fff 200px,#f3f1ff 460px,#fff 860px);background-repeat:no-repeat;background-size:100% 860px}}
/* real flag images */
.nflag img{width:100%;height:100%;display:block;object-fit:cover}
/* ==== product page: contained photos, no cropping, arrows, protection rail ==== */
.gallery-main,.pdp-layout.retail-layout .gallery-main{height:auto;aspect-ratio:1/1;background:#fff;border:1px solid var(--line);border-radius:10px}
.gallery-main>img{object-fit:contain;padding:14px;background:#fff}
.thumbs img,.pdp-layout.retail-layout .thumbs img{object-fit:contain;background:#fff}
.gallery-step{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 2px 8px rgba(20,15,60,.14);display:flex;align-items:center;justify-content:center;color:var(--ink);opacity:0;transition:opacity .18s}
.gallery-step.prev{left:10px}.gallery-step.next{right:10px}
.gallery-main:hover .gallery-step,.gallery-step:focus-visible{opacity:1}
.gallery-step .icon{width:18px;height:18px}
@media (min-width:1101px){.pdp-layout.retail-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr) 290px;gap:22px}}
@media (max-width:1100px){.pdp-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}}
@media (max-width:760px){.pdp-rail{grid-template-columns:1fr}}
.pdp-rail{display:flex;flex-direction:column;gap:14px;align-self:start;position:sticky;top:16px}
@media (max-width:1100px){.pdp-rail{position:static;display:grid}}
.rail-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px 18px}
.rail-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;margin-bottom:10px}
.rail-title .icon{width:18px;height:18px;color:var(--green)}
.rail-list{list-style:none;margin:0;padding:0}
.rail-list li{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.rail-list li:first-child{border-top:0;padding-top:0}
.rail-list li>.icon{width:16px;height:16px;color:var(--violet);flex-shrink:0;margin-top:2px}
.rail-list b{display:block;font-size:12px;font-weight:600}
.rail-list p{font-size:11px;line-height:1.5;margin-top:2px}
.rail-logos{display:inline-flex;gap:4px;margin:4px 0 2px}
.rail-logos img{height:12px;width:auto;border:1px solid var(--line);border-radius:3px;padding:1px 3px;background:#fff}
.rail-card .text-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--violet);margin-top:10px}
.rail-card .text-link .icon{width:14px;height:14px}
.rail-card small{display:block;margin-top:8px;font-size:10.5px;color:var(--muted)}
.rail-card>p{font-size:11.5px;line-height:1.5}
.rail-pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
/* ==== footer: the reference marketplace structure, AJAW look ==== */
footer{background:#fff;border-top:1px solid var(--line);padding:38px 0 22px;margin-top:48px}
.footer-grid{grid-template-columns:1.35fr repeat(5,1fr);gap:28px}
.footer-grid b{font-size:13px;font-weight:650;margin-bottom:14px;color:var(--ink)}
.footer-grid>div>a{font-size:12px;color:var(--gray);margin-bottom:10px}
.footer-grid>div>a:hover{color:var(--ink)}
.footer-brand p{font-size:12px;line-height:1.7;margin:14px 0 18px;color:var(--gray)}
.footer-brand>b{display:block;font-size:13px;font-weight:650;margin-bottom:10px}
.footer-social{display:flex;gap:14px}
.footer-social a{display:inline-flex;color:#6b6f82}
.footer-social a:hover{color:var(--ink)}
.footer-social .icon{width:22px;height:22px}
.footer-pay{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.footer-pay>span:first-child{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--gray);margin-right:12px}
.pay-badge{height:30px;min-width:46px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700;color:var(--ink);letter-spacing:.02em}
.pay-badge img{height:16px;width:auto;display:block}
.pay-badge.klarna{background:#ffb3c7;border-color:#ffb3c7}
.pay-badge.afterpay{background:#b2fce4;border-color:#b2fce4}
.pay-badge.klarna img,.pay-badge.afterpay img{height:13px}
.pay-badge.ach .icon{width:15px;height:15px;color:var(--ink)}
.footer-bottom{margin-top:22px;padding-top:16px;font-size:11px;color:var(--muted)}
@media (max-width:1100px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}
@media (max-width:700px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px 20px}.footer-brand{display:block}.footer-brand p{max-width:none}.footer-grid>div:last-child{display:block}.footer-grid>div:last-child b{margin-bottom:13px}.footer-grid>div:last-child a{margin-bottom:10px}.footer-pay{gap:6px}.footer-pay>span:first-child{width:100%;margin:0 0 4px}}
.pay-badge.klarna,.pay-badge.afterpay{font-size:11px;font-weight:700;letter-spacing:-.01em;gap:4px}
/* By country page is flat white: no glow, no tint, no grey band */
#app:has(>.country-search-hero){background:#fff}
#app:has(>.country-search-hero) header{background:#fff}
.search-hero.country-search-hero{background:#fff}
.country-guide{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* ==== recent searches dropdown ==== */
.search-box{position:relative}
.search-suggest{position:absolute;left:-2px;right:-2px;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(16,14,48,.16);padding:14px 18px 16px;z-index:70;text-align:left}
.search-suggest-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:650;margin-bottom:2px}
.search-suggest-head button{color:var(--gray);display:inline-flex;padding:4px}
.search-suggest-head button:hover{color:var(--ink)}
.search-suggest-head .icon{width:16px;height:16px}
.search-suggest-list a{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;color:var(--ink)}
.search-suggest-list a:hover{color:var(--violet)}
.search-suggest-list button{opacity:0;color:var(--muted);display:inline-flex;padding:2px}
.search-suggest-list a:hover button{opacity:1}
.search-suggest-list .icon{width:14px;height:14px}
.search-suggest-more{font-size:12px;color:var(--gray);padding:4px 0 6px;display:inline-flex;gap:4px;align-items:center;text-decoration:underline;text-underline-offset:3px}
.search-suggest-more .icon{width:13px;height:13px;transform:rotate(90deg)}
.search-suggest-empty{font-size:12px;color:var(--gray);padding:4px 0 8px}
.search-suggest-ai{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
.search-suggest-ai>b{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--violet);margin-bottom:10px}
.search-suggest-ai .icon{width:15px;height:15px}
.search-suggest-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.search-suggest-chips a{display:block;background:var(--tint);border-radius:8px;padding:12px 14px;font-size:12px;color:var(--deep);font-weight:550;text-transform:capitalize}
.search-suggest-chips a:hover{background:#e4e1ff}
@media (max-width:760px){.search-suggest{padding:12px 14px}.search-suggest-chips{grid-template-columns:1fr}}
/* ==== floating right dock ==== */
.side-dock{position:fixed;right:0;top:50%;transform:translateY(-40%);z-index:50;background:#fff;border:1px solid var(--line);border-right:0;border-radius:12px 0 0 12px;box-shadow:0 8px 28px rgba(16,14,48,.14);display:flex;flex-direction:column;width:76px}
.side-dock>a,.side-dock>button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;font-size:10px;color:var(--gray);position:relative;border-top:1px solid var(--line);text-align:center;line-height:1.2}
.side-dock>a:first-child{border-top:0}
.side-dock>a:hover,.side-dock>button:hover{color:var(--violet);background:#faf9ff}
.side-dock .icon{width:22px;height:22px;color:var(--ink)}
.side-dock>a:hover .icon,.side-dock>button:hover .icon{color:var(--violet)}
.side-dock .dock-badge{position:absolute;top:6px;right:14px;background:#e5484d;color:#fff;font-size:9px;font-weight:700;border-radius:10px;padding:1px 5px}
@media (max-width:1100px){.side-dock{display:none}}

/* ==== v3: the glow is painted by the hero itself and ends at its bottom edge.
   Nothing below the hero (welcome strip, panels) can ever sit on tint. ==== */
#app:has(>.search-hero:not(.country-search-hero)),#app:has(>.sell-page){background:#fff}
#app:has(>.search-hero:not(.country-search-hero)) header,#app:has(>.sell-page) header{background:#fff;border-bottom-color:var(--line)}
#app:has(>.search-hero:not(.country-search-hero)) .search-hero{background:radial-gradient(1100px 420px at 50% 62%,rgba(120,113,251,.42),transparent 70%),radial-gradient(640px 320px at 8% 110%,rgba(62,52,249,.16),transparent 70%),radial-gradient(640px 320px at 92% 110%,rgba(62,52,249,.16),transparent 70%),linear-gradient(180deg,#fff 0,#f3f1ff 45%,#f7f6ff 100%);background-repeat:no-repeat}
.welcome-strip,.home-main{background:#fff}
.sell-hero{background:radial-gradient(900px 360px at 50% 100%,rgba(120,113,251,.22),transparent 70%),linear-gradient(180deg,#fff,#f6f5ff)}

/* ==== header popovers ==== */
.head-widget{position:relative;display:inline-flex}
.head-pop{position:absolute;top:calc(100% + 14px);right:-6px;width:320px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(16,14,48,.16);padding:16px;z-index:60;text-align:left;font-size:12px;white-space:normal;line-height:1.45}
.head-pop:before{content:'';position:absolute;top:-14px;left:0;right:0;height:14px}
.head-pop h3{font-size:13px;font-weight:650;margin-bottom:4px}
.head-pop>p,.head-pop form>p{font-size:11px;color:var(--gray);margin:0 0 12px}
.head-pop .field{display:block;font-size:11px;font-weight:600;margin:0 0 10px;color:var(--ink)}
.head-pop .field select,.head-pop .field input{display:block;width:100%;margin-top:5px;font-size:12px;font-weight:400;padding:8px 10px;border:1px solid #d9d7e8;border-radius:8px;background:#fff}
.head-pop .btn{min-height:38px;font-size:12px;margin-top:4px}
.head-pop .muted{margin:10px 0 0;font-size:10.5px}
/* ==== help center hero + FAQ tabs ==== */
.help-hero{background:radial-gradient(700px 260px at 50% 100%,rgba(120,113,251,.25),transparent 70%),linear-gradient(180deg,#fff,#f4f2ff);border:1px solid var(--line);border-radius:16px;padding:34px 40px 30px;margin-bottom:16px;text-align:center}
.help-hero .eyebrow{margin-bottom:8px}
.help-hero h1{font-size:30px;margin-bottom:16px}
.help-search{display:flex;align-items:center;gap:10px;max-width:640px;margin:0 auto;background:#fff;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--ajaw-search-gradient) border-box;border-radius:30px;padding:6px 8px 6px 18px;box-shadow:0 8px 24px rgba(37,31,149,.10)}
.help-search .icon{width:18px;height:18px;color:var(--gray)}
.help-search input{flex:1;border:0;outline:none;background:transparent!important;font-size:14px;padding:8px 0;min-width:0}
.help-faq{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:18px;overflow:hidden}
.help-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);background:var(--canvas)}
.help-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;font-size:12px;font-weight:600;color:var(--gray);border-right:1px solid var(--line);white-space:nowrap}
.help-tabs button:last-child{border-right:0}
.help-tabs button .icon{width:16px;height:16px}
.help-tabs button.is-active{background:var(--ajaw-brand-gradient);color:#fff}
.help-tabs button:not(.is-active):hover{color:var(--violet);background:#fff}
.help-faq-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 24px;padding:18px 22px}
.help-faq-panel a{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink);padding:5px 0}
.help-faq-panel a:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--violet);margin-top:8px;flex-shrink:0}
.help-faq-panel a:hover{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1000px){.help-tabs{grid-template-columns:repeat(3,1fr)}.help-tabs button{border-bottom:1px solid var(--line)}.help-faq-panel{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.help-hero{padding:22px 16px}.help-hero h1{font-size:24px}.help-tabs{grid-template-columns:1fr 1fr}.help-faq-panel{grid-template-columns:1fr;padding:14px 16px}}
/* ==== payment protection hero ==== */
.protect-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;background:var(--ajaw-brand-gradient);color:#fff;border-radius:16px;padding:36px 40px;margin-bottom:20px}
.protect-mark{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:20px;padding:5px 12px;margin-bottom:14px}
.protect-mark .icon{width:16px;height:16px}
.protect-hero h1{color:#fff;font-size:36px;line-height:1.1;margin-bottom:10px;max-width:520px}
.protect-hero>div>p{color:#e6e3ff;font-size:14px;max-width:520px;margin-bottom:16px}
.protect-points{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#fff}
.protect-points span{display:inline-flex;align-items:center;gap:6px}
.protect-points .icon{width:15px;height:15px}
.protect-hero-card{background:#fff;color:var(--ink);border-radius:12px;padding:18px 20px}
.protect-hero-card>b{display:block;font-size:13px;font-weight:650;margin-bottom:6px}
.protect-hero-card .footer-pay{margin:0;padding:0;border:0}
.protect-hero-card small{display:block;margin-top:12px;font-size:11px;color:var(--gray)}
@media (max-width:900px){.protect-hero{grid-template-columns:1fr;padding:24px 20px}.protect-hero h1{font-size:28px}}
.protect-pay{display:flex;flex-wrap:wrap;gap:6px}

/* ==== AI Mode reads as vibrant gradient text (the reference marketplace paints it orange); search hover goes brighter, never grey ==== */
.search-tabs a:first-child,.search-ai-tool,.side-dock a[href="/ai"] span{background:var(--ajaw-search-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:650}
.search-tabs a:first-child .icon,.search-ai-tool .icon,.side-dock a[href="/ai"] .icon{stroke:var(--vibrant-mid);color:var(--vibrant-mid)}
.search-tabs a:first-child:hover{filter:saturate(1.2) brightness(1.08)}
.search-box .btn.primary:hover,.compact .search-input .btn:hover,.search-box .btn.primary:focus-visible{background:linear-gradient(110deg,#a78bff 0%,#7c4dff 50%,#5a2ef7 100%)!important;filter:none;box-shadow:0 8px 22px rgba(107,61,255,.42),inset 0 1px 1px rgba(255,255,255,.5)}
.search-modes button:hover{color:var(--vibrant-mid)}
.main-nav a:hover{color:var(--vibrant-mid)}
/* ==== seller signup: wider, form sits further left, storefront preview on the right ==== */
.signup-layout{grid-template-columns:1.02fr .98fr;gap:44px;max-width:1320px;margin-top:34px}
.signup-form{padding:26px 28px}
.signup-intro{padding:10px 0 0}
.signup-intro h1{font-size:40px}
.signup-preview{margin-top:20px}
@media (max-width:1000px){.signup-layout{grid-template-columns:1fr;gap:24px}}

/* ==== search results parity: supplier strip, chips, list view, drawer, pager ==== */
.card-supplier{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0 2px;font-size:11px;color:var(--gray)}
.card-supplier-mark{width:18px;height:18px;border-radius:5px;background:var(--tint);color:var(--deep);font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.card-supplier-name{color:var(--ink);font-weight:600;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-verified{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:650;color:var(--green);background:#e9f7f0;border-radius:10px;padding:2px 7px}
.card-verified .icon{width:11px;height:11px}
.card-supplier small{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--gray)}
.card-supplier small .icon{width:12px;height:12px;color:#f5a623}
.card-supplier:hover .card-supplier-name{color:var(--violet)}
.product-title b{font-weight:700;color:var(--ink)}
.results-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.results-chips>span{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--gray);margin-right:4px}
.results-chips .chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #d9d7e8;border-radius:20px;font-size:12px;color:var(--ink);background:#fff}
.results-chips .chip .icon{width:14px;height:14px;color:var(--gray)}
.results-chips .chip:hover{border-color:var(--vibrant-mid);color:var(--vibrant-mid)}
.results-chips .chip.is-on{background:var(--tint);border-color:var(--violet);color:var(--deep)}
.results-chips .chip.is-on .icon{color:var(--violet)}
.results-toolbar{flex-wrap:wrap}
.results-toolbar label{margin-left:auto}
.view-toggle{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.view-toggle button{width:34px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--gray)}
.view-toggle button .icon{width:16px;height:16px}
.view-toggle button.is-active{background:var(--tint);color:var(--violet)}
.results-toolbar .more-filters{min-height:32px;padding:6px 12px;font-size:12px;border-radius:8px}
.results-toolbar .more-filters .icon{width:14px;height:14px}
.product-grid.is-list{grid-template-columns:1fr!important;gap:12px}
.product-grid.is-list .product-card{display:grid;grid-template-columns:160px 1fr;align-items:start}
.product-grid.is-list .product-photo img{aspect-ratio:1;height:auto}
.product-grid.is-list .product-copy{padding:16px 18px}
.product-grid.is-list .product-title{height:auto;font-size:14px;margin-bottom:6px}
.product-grid.is-list .product-ai-action{left:auto;right:14px;top:14px}
.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin:26px 0 8px;font-size:13px}
.pager a{min-width:34px;height:34px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--ink)}
.pager a .icon{width:15px;height:15px}
.pager a:hover{border-color:var(--vibrant-mid);color:var(--vibrant-mid)}
.pager a.is-active{background:var(--ajaw-brand-gradient);color:#fff;border-color:transparent}
.pager span{color:var(--muted)}
.pager small{margin-left:12px;color:var(--gray)}
.drawer-backdrop{position:fixed;inset:0;background:rgba(9,9,11,.35);z-index:80}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;z-index:81;box-shadow:-12px 0 40px rgba(16,14,48,.2);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s ease}
.drawer.is-open{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);font-size:15px}
.drawer-head .iconbtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}
.drawer-head .iconbtn:hover{background:var(--canvas)}
.drawer-body{flex:1;overflow:auto;padding:6px 20px 90px}
.drawer-body section{padding:14px 0;border-bottom:1px solid var(--line)}
.drawer-body h4{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--gray);margin-bottom:10px}
.drawer-body .check-field,.drawer-body .radio-row{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 0;cursor:pointer}
.drawer-body .radio-row .icon{width:13px;height:13px;color:#f5a623}
.drawer-list{max-height:240px;overflow:auto;padding-right:6px}
.drawer-body select,.drawer-body .field input{width:100%;padding:9px 10px;border:1px solid #d9d7e8;border-radius:8px;font-size:13px;background:#fff;margin-top:4px}
.drawer-body .field{display:block;font-size:12px;font-weight:600}
.drawer-foot{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;padding:14px 20px;background:#fff;border-top:1px solid var(--line)}
.drawer-foot .btn{flex:1;min-height:42px}

/* ==== supplier storefront (the reference marketplace 13/14) ==== */
.store-page{padding-top:10px}
.store-head{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;margin:12px 0 0}
.store-cover{height:150px;background:linear-gradient(120deg,#f1efff,#e9e6ff);overflow:hidden}
.store-cover img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.9}
.store-head-main{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 22px}
.store-logo{width:64px;height:64px;border-radius:14px;background:var(--ajaw-brand-gradient);color:#fff;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.store-id h1{font-family:var(--body);font-size:22px;font-weight:650;letter-spacing:-.01em;margin-bottom:6px}
.store-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12px;color:var(--gray)}
.store-meta>span{display:inline-flex;align-items:center;gap:5px}
.store-cats{font-size:12px;margin-top:6px}
.store-ctas{display:flex;gap:8px}
.store-nav{display:flex;align-items:center;gap:4px;padding:0 14px;border-top:1px solid var(--line);background:linear-gradient(180deg,#faf9ff,#fff)}
.store-nav a{padding:12px 12px;font-size:13px;font-weight:600;color:var(--gray);border-bottom:2px solid transparent}
.store-nav a.is-active,.store-nav a:hover{color:var(--violet);border-bottom-color:var(--violet)}
.store-search{margin-left:auto;display:flex;align-items:center;border:1px solid var(--line);border-radius:20px;padding:2px 4px 2px 12px;background:#fff}
.store-search input{border:0;outline:none;font-size:12px;width:200px;background:transparent}
.store-search button{width:28px;height:28px;border-radius:50%;background:var(--ajaw-brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center}
.store-search button .icon{width:14px;height:14px}
.store-metrics{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:12px;background:#fff;margin:14px 0 22px}
.store-metrics>div{padding:14px 18px;border-left:1px solid var(--line)}
.store-metrics>div:first-child{border-left:0}
.store-metrics span{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--gray)}
.store-metrics strong{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:650;margin-top:4px}
.store-metrics small{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}
.store-metrics .store-disclosure{grid-column:1/-1;border-top:1px solid var(--line);padding:8px 18px;font-size:10.5px;color:var(--muted)}
.store-metrics>p{grid-column:1/-1;padding:14px 18px}
.store-catalog{display:grid;grid-template-columns:230px 1fr;gap:22px;margin-bottom:28px}
.store-rail{border:1px solid var(--line);border-radius:12px;padding:14px;align-self:start;background:#fff}
.store-rail h3{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--gray);margin-bottom:8px}
.store-rail a{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--ink)}
.store-rail a span{color:var(--muted);font-size:11px}
.store-rail a:hover{background:var(--canvas)}
.store-rail a.is-active{background:var(--tint);color:var(--violet);font-weight:600}
.store-toolbar{font-size:12px;color:var(--gray)}
.store-toolbar>span b{color:var(--ink)}
.store-overview{margin-bottom:28px}
.store-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.store-overview-grid .panel{padding:18px 20px}
.store-overview-grid h3{font-size:14px;margin-bottom:8px}
.store-facts{margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.store-facts div{border-top:1px solid var(--line);padding-top:8px}
.store-facts dt{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--gray)}
.store-facts dd{margin:2px 0 0;font-size:13px;display:flex;align-items:center;gap:6px}
@media (max-width:1000px){.store-metrics{grid-template-columns:repeat(3,1fr)}.store-metrics>div:nth-child(3n+1){border-left:0}.store-metrics>div:nth-child(n+4){border-top:1px solid var(--line)}.store-catalog{grid-template-columns:1fr}.store-rail{display:flex;flex-wrap:wrap;gap:4px}.store-rail h3{width:100%}.store-overview-grid{grid-template-columns:1fr}}
@media (max-width:760px){.store-head-main{grid-template-columns:auto 1fr;padding:14px}.store-ctas{grid-column:1/-1}.store-ctas .btn{flex:1}.store-nav{flex-wrap:wrap;padding:6px 8px}.store-search{margin:6px 0;width:100%}.store-search input{width:100%}.store-metrics{grid-template-columns:1fr 1fr}}
/* ==== product page: anchor tabs, attributes, supplier card, related ==== */
.pdp-qty{margin:6px 0 14px}
.pdp-qty .quantity-control{display:inline-flex;align-items:center;border:1px solid #d9d7e8;border-radius:8px;overflow:hidden}
.pdp-qty .quantity-control button{width:36px;height:36px;font-size:18px;color:var(--ink);background:#fff}
.pdp-qty .quantity-control button:hover{background:var(--tint);color:var(--violet)}
.pdp-qty .quantity-control input{width:72px;height:36px;border:0;border-left:1px solid #d9d7e8;border-right:1px solid #d9d7e8;text-align:center;font-size:14px;font-weight:600}
.pdp-qty label{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;font-size:13px}
.pdp-qty label small{color:var(--gray)}
.pdp-tabs{position:sticky;top:0;z-index:30;display:flex;gap:4px;background:#fff;border-bottom:1px solid var(--line);margin:28px 0 0;padding:0 4px}
.pdp-tabs a{padding:12px 14px;font-size:13px;font-weight:600;color:var(--gray);border-bottom:2px solid transparent;margin-bottom:-1px}
.pdp-tabs a.is-active,.pdp-tabs a:hover{color:var(--violet);border-bottom-color:var(--violet)}
.pdp-section{padding:22px 0 8px;border-bottom:1px solid var(--line)}
.pdp-section>h2,.pdp-section .section-head h2{font-family:var(--body);font-size:17px;font-weight:650;letter-spacing:-.01em;margin-bottom:12px}
.attr-table{width:100%;border-collapse:collapse;font-size:13px;max-width:820px}
.attr-table th{width:200px;text-align:left;font-weight:500;color:var(--gray);padding:9px 12px;background:var(--canvas);border-bottom:1px solid #fff}
.attr-table td{padding:9px 12px;border-bottom:1px solid var(--line)}
.review-summary{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:12px}
.review-summary b{font-size:18px}
.supplier-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:#fff}
.supplier-card h2{font-family:var(--body);font-size:17px;font-weight:650;margin-bottom:6px}
.supplier-metrics{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:10px}
.supplier-metrics span{display:block;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--gray)}
.supplier-metrics strong{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:650;margin-top:2px}
.supplier-card-ctas{display:flex;flex-direction:column;gap:8px}
.related{border-bottom:0}
.related-row{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.related-card{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;font-size:11.5px}
.related-card img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff;padding:6px}
.related-card b{display:block;padding:6px 8px 0;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.related-card small{display:block;padding:2px 8px 8px;color:var(--gray)}
.related-card:hover{border-color:#c7c2ec}
@media (max-width:1100px){.related-row{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){.pdp-tabs{overflow:auto;scrollbar-width:none}.pdp-tabs a{white-space:nowrap;padding:10px 10px;font-size:12px}.attr-table th{width:120px}.supplier-card{grid-template-columns:auto 1fr}.supplier-card-ctas{grid-column:1/-1;flex-direction:row}.supplier-card-ctas .btn{flex:1}.related-row{grid-template-columns:repeat(2,1fr)}}
.store-cover{height:110px;background:radial-gradient(700px 200px at 20% 120%,rgba(120,113,251,.45),transparent 70%),linear-gradient(120deg,#ede9ff,#f7f5ff)}.store-cover img{display:none}
/* Review stars. Icons are stroke-only outlines, so "filled" means setting fill as
   well as colour. Two stacked rows (grey base + gold overlay clipped to width)
   give exact fractional scores - 4.6 shows as 4.6, not rounded to a half star. */
.stars{position:relative;display:inline-flex;vertical-align:middle;line-height:0}
.stars-base,.stars-fill{display:flex;gap:2px}
.stars-base{color:#dcdde8}
.stars-base .icon{fill:#eceef5}
.stars-fill{position:absolute;top:0;left:0;bottom:0;overflow:hidden;color:#ff9f00}
.stars-fill .icon{fill:#ff9f00}
.stars .icon{width:15px;height:15px;flex:none}
.stars.lg .icon{width:19px;height:19px}

/* ---- Header hover panels: cart, orders, account (the reference marketplace parity 2026-09-17) ----
   Same anchoring as .msg-panel. On phones there is no hover, so these are hidden
   and the icon stays a plain link to the full page. */
.hover-widget{position:relative;display:flex}
.hover-panel{position:absolute;top:calc(100% + 12px);right:-8px;width:330px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(16,14,48,.16);padding:14px;z-index:60}
.hover-panel .btn{margin-top:10px}
.cart-panel-list{max-height:330px;overflow:auto;display:grid;gap:12px}
.cart-panel-group>b{font-size:12px;display:block;margin-bottom:6px}
.cart-panel-row{display:grid;grid-template-columns:44px 1fr auto;gap:9px;align-items:center;padding:6px 0}
.cart-panel-row img{width:44px;height:44px;object-fit:cover;border-radius:7px}
.cart-panel-row span{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cart-panel-row small{display:block;color:var(--muted);margin-top:2px}
.cart-panel-row b{display:block;font-size:12px;margin-top:3px}
.cart-panel-qty{font-size:12px;color:var(--gray)}
.cart-gone{font-size:11px;color:#c0392b;font-style:normal}
.orders-panel-assurance{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfbff}
.assurance-title{display:flex;align-items:center;gap:7px;font-size:13px}
.assurance-title .icon{color:var(--violet);width:17px;height:17px}
.orders-panel-assurance p{font-size:12px;margin:5px 0 9px}
.orders-panel-assurance ul{list-style:none;margin:0 0 9px;padding:0;display:grid;gap:7px}
.orders-panel-assurance li{display:flex;align-items:center;gap:8px;font-size:12px}
.orders-panel-assurance li .icon{width:16px;height:16px;color:var(--green)}
.account-panel-head{padding-bottom:9px;border-bottom:1px solid var(--line);margin-bottom:8px}
.account-panel-head b{font-size:13px;display:block}
.account-panel-links{display:grid}
.account-panel-links a{padding:7px 0;font-size:13px}
.account-panel-links a:hover{color:var(--violet)}
.account-panel-out{border-top:1px solid var(--line);margin-top:8px;padding-top:9px;font-size:13px;text-align:left;width:100%;color:var(--gray)}
@media (max-width:980px){.hover-panel{display:none}}

/* ---- Shopping cart page (the reference marketplace parity 2026-09-17) ---- */
.cart-page{padding:22px 0 48px}
.cart-page>h1{font-size:26px;margin-bottom:18px}
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.cart-selectall{padding:10px 0 14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.cart-selectall label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}
.cart-group{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}
.cart-group>h2{font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:10px}
.cart-group>h2 .icon{width:17px;height:17px;color:var(--violet)}
.cart-group-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cart-group-head h2{font-size:14px;display:flex;align-items:center;gap:8px;margin:0}
.cart-group-head h2 .icon{width:17px;height:17px;color:var(--violet)}
.cart-product{border-top:1px solid var(--line);padding:12px 0}
.cart-product-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;margin-bottom:8px}
.cart-product-head small{display:block;color:var(--muted);margin-top:3px}
.cart-line-title{font-size:13px;line-height:1.45;font-weight:600}
.cart-var{display:grid;grid-template-columns:auto 56px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;background:#fafafc;border-radius:10px;padding:9px 12px;margin-top:7px}
.cart-var img{width:56px;height:56px;object-fit:cover;border-radius:8px}
.cart-var-name{font-size:12px;color:var(--gray)}
.cart-var-price{text-align:right;white-space:nowrap}
.cart-var-price b{font-size:14px}
.cart-var-price b.soft{font-size:12px;color:var(--gray)}
.cart-var-price small{color:var(--muted);margin-left:2px}
.cart-dead{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.cart-dead .section-head h2{font-size:15px}
.cart-dead-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 0;opacity:.6}
.cart-dead-row img{width:56px;height:56px;object-fit:cover;border-radius:8px}
.cart-dead-row b{font-size:13px;display:block}
.cart-dead-row em{font-style:normal;font-size:11.5px;color:#c0392b}
.cart-trash{color:var(--muted);padding:6px}
.cart-trash:hover{color:#c0392b}
.cart-summary{position:sticky;top:16px;display:grid;gap:12px}
.cart-summary h2{font-size:15px;margin-bottom:12px}
.cart-summary h2 small{color:var(--muted);font-weight:500}
.cart-sum-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;padding:6px 0}
.cart-sum-line b.soft{color:var(--gray);font-size:12px}
.cart-sum-line.total{border-top:1px solid var(--line);margin-top:6px;padding-top:11px}
.cart-sum-line.total b{font:700 20px/1 var(--display)}
.cart-summary .btn{margin-top:12px}
.cart-protect ul{list-style:none;margin:10px 0;padding:0;display:grid;gap:11px}
.cart-protect li{display:flex;gap:9px}
.cart-protect li .icon{width:17px;height:17px;color:var(--green);flex:none;margin-top:1px}
.cart-protect li b{font-size:12px;display:block}
.cart-protect li p{font-size:11px;margin-top:2px}
@media (max-width:900px){
 .cart-layout{grid-template-columns:minmax(0,1fr)}
 .cart-summary{position:static}
 .cart-var{grid-template-columns:auto 48px minmax(0,1fr) auto;row-gap:8px}
 .cart-var img{width:48px;height:48px}
 .cart-var-price{grid-column:3;text-align:left}
 .cart-line-qty{grid-column:3/5;justify-self:start}
 .cart-page>h1{font-size:21px}
}

/* ---- AJAW Guaranteed page ---- */
.guar-page{padding-bottom:50px}
.guar-hero{background:linear-gradient(135deg,#f3f1ff,#fbfaff 55%,#eeebff);padding:44px 0 40px;margin-bottom:34px}
.guar-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:700;color:var(--deep);margin-bottom:16px}
.guar-badge .icon{width:17px;height:17px;color:var(--violet)}
.guar-hero h1{font-size:38px;max-width:720px;margin-bottom:12px}
.guar-hero p{font-size:15px;max-width:620px}
.guar-pay{margin-top:20px}
.guar-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:38px}
.guar-pillar{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}
.guar-pillar .icon{width:24px;height:24px;color:var(--violet);margin-bottom:11px}
.guar-pillar b{display:block;font-size:15px;margin-bottom:6px}
.guar-pillar p{font-size:13px}
.guar-section{margin-bottom:38px}
.guar-section>h2{font-size:22px;margin-bottom:16px}
.guar-cover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:14px}
.guar-cover-grid>div{border:1px solid var(--line);border-radius:14px;padding:18px}
.guar-cover-grid b{display:block;font-size:13px;margin-bottom:11px}
.guar-cover-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.guar-cover-grid li{display:flex;gap:9px;font-size:13px;color:var(--gray);align-items:flex-start}
.guar-cover-grid li .icon{width:16px;height:16px;flex:none;margin-top:2px;color:var(--green)}
.guar-cover-grid>div:last-child li .icon{color:var(--muted)}
.guar-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border:1px solid var(--line);border-radius:16px;padding:26px;background:#fbfbff}
.guar-cta h2{font-size:21px;margin-bottom:6px}
.guar-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:860px){
 .guar-pillars,.guar-cover-grid{grid-template-columns:1fr}
 .guar-hero{padding:30px 0 28px}
 .guar-hero h1{font-size:26px}
 .guar-hero p{font-size:13px}
 .guar-section>h2{font-size:18px}
 .guar-cta{padding:20px}
}

/* ---- Home spotlight banner (replaces the old sign-in panel) ---- */
.spotlight-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#efecff,#f7f6ff 55%,#e9e5ff);display:flex;flex-direction:column;justify-content:space-between;min-height:250px}
.spotlight-track{position:relative;flex:1}
.spotlight-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .45s ease,transform .45s ease}
.spotlight-slide.is-on{opacity:1;transform:none;pointer-events:auto}
.spotlight-copy .eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--deep);margin-bottom:7px}
.spotlight-copy h3{font-family:var(--display);font-size:19px;line-height:1.25;margin-bottom:5px}
.spotlight-copy p{font-size:12px;margin-bottom:12px}
.spotlight-copy .btn{padding:0 16px;min-height:36px;font-size:12px}
.spotlight-art{display:flex;gap:8px;margin-top:auto}
.spotlight-art img{width:33%;aspect-ratio:1;object-fit:cover;border-radius:10px;box-shadow:0 6px 18px rgba(25,20,80,.12)}
.spotlight-dots{display:flex;gap:6px;justify-content:center;padding-top:12px}
.spotlight-dots button{width:18px;height:4px;border-radius:3px;background:#cdc8ef}
.spotlight-dots button.is-on{background:var(--violet);width:26px}
@media (max-width:760px){.spotlight-card{min-height:300px}.spotlight-copy h3{font-size:17px}}

/* ---- Nav mega-panels: Verified manufacturers, About AJAW (the reference marketplace parity) ---- */
/* The panel is 1080px wide but its trigger is a short nav link, so it anchors to
   the nav row rather than the link - otherwise translateX(-50%) hangs it off the
   left edge. .main-nav also scrolls horizontally on small screens (overflow:auto),
   which clips an absolutely positioned child, so overflow is restored on desktop
   where these panels are the only thing that needs to escape the row. */
@media (min-width:981px){.main-nav{position:relative;overflow:visible}}
.nav-widget{position:static}
.nav-panel{width:100%;left:0;right:auto;transform:none;top:calc(100% + 10px);padding:0;overflow:hidden}
.nav-panel-inner{display:grid;grid-template-columns:minmax(330px,0.9fr) minmax(0,1.6fr) 220px;gap:0}
.nav-panel-inner.about-inner{grid-template-columns:minmax(0,1fr) 260px}
/* The reference marketplace’s layout: tinted lead card + three full-bleed photo tiles + grey column. */
.nav-panel-inner{display:grid;grid-template-columns:minmax(300px,1.15fr) repeat(3,minmax(0,1fr)) 200px;gap:0;align-items:stretch}
.nav-lead{background:linear-gradient(150deg,#eef0ff,#f6f5ff 60%,#e9ebff);padding:26px 24px;display:flex;flex-direction:column;justify-content:center}
.nav-lead h3{font-family:var(--display);font-size:25px;line-height:1.18;letter-spacing:-.03em;margin-bottom:10px}
.nav-vmark{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#1a73e8;color:#fff;vertical-align:-4px;margin-right:7px}
.nav-vmark .icon{width:14px;height:14px;stroke-width:3}
.nav-lead p{font-size:12.5px;line-height:1.55;margin-bottom:18px;max-width:31ch}
.nav-lead-cta{display:inline-flex;align-items:center;justify-content:center;background:#16123a;color:#fff;font-size:13px;font-weight:650;padding:11px 26px;border-radius:999px;width:max-content}
.nav-lead-cta:hover{background:var(--violet)}
.nav-tile{position:relative;display:block;overflow:hidden;min-height:250px}
.nav-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.nav-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(12,9,40,.82) 0,rgba(12,9,40,.34) 42%,rgba(12,9,40,.06) 72%)}
.nav-tile:hover img{transform:scale(1.045)}
.nav-tile-label{position:absolute;left:18px;right:56px;bottom:20px;z-index:1;color:#fff;font-size:15px;font-weight:650;line-height:1.3}
.nav-tile-go{position:absolute;right:16px;bottom:16px;z-index:1;width:34px;height:34px;border-radius:50%;background:#fff;color:#16123a;display:grid;place-items:center}
.nav-tile:hover .nav-tile-go{background:var(--violet);color:#fff}
.nav-tile-go .icon{width:17px;height:17px}
.nav-panel-side{background:#f5f5fa;padding:24px 20px;display:flex;flex-direction:column;gap:9px;border-left:1px solid var(--line)}
.nav-panel-side>b{font-size:12px;margin-bottom:3px}
.nav-panel-side a{font-size:12.5px;color:var(--gray)}
.nav-panel-side a:hover{color:var(--violet)}
.app-side p{font-size:11.5px;margin-bottom:4px}
.app-qr{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;width:max-content}
.app-qr img{width:104px;height:104px;display:block}
.app-badges{display:grid;gap:6px;margin-top:4px}
.app-badge{border:1px solid var(--line);border-radius:7px;padding:6px 9px;font-size:10.5px;color:var(--gray);background:#fff;text-align:center}
@media (max-width:1180px){.nav-panel-inner{grid-template-columns:240px minmax(0,1fr)}.nav-panel-side{display:none}.nav-panel-inner.about-inner{grid-template-columns:minmax(0,1fr)}}

/* ---- Help centre AI answer ---- */
.help-search{display:flex;align-items:center;gap:10px}
.help-search .btn{flex:none;min-height:42px;padding:0 18px;white-space:nowrap}
.help-hint{font-size:11.5px;color:var(--muted);margin-top:9px}
.help-answer{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:left;box-shadow:0 8px 26px rgba(20,16,60,.07)}
.help-answer-head{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.help-answer-head .icon{width:17px;height:17px;color:var(--violet)}
.help-answer-head b{font-size:13px}
.help-answer-head small{color:var(--muted);margin-left:auto}
.help-answer p{font-size:14px;line-height:1.65;color:var(--ink)}
.help-answer-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.help-answer-links span{font-size:11.5px;color:var(--gray)}
.help-answer-links a{font-size:12px;color:var(--violet);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.help-answer-links a:hover{border-color:var(--violet)}
.help-answer-note{display:block;margin-top:11px;color:var(--muted)}
.help-answer-note a{color:var(--violet);text-decoration:underline}
.help-answer-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray)}
.help-answer-loading .icon{color:var(--violet);animation:helpPulse 1.1s ease-in-out infinite}
.help-answer-error{color:#c0392b;font-size:13px}
@keyframes helpPulse{0%,100%{opacity:.35}50%{opacity:1}}
@media (max-width:640px){.help-search{flex-wrap:wrap}.help-search .btn{width:100%}}

/* ---- campaign strip + card badges ---- */
.campaign-strip{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:linear-gradient(100deg,var(--deep),var(--violet) 45%,var(--soft));color:#fff;padding:9px 20px;font-size:13px}
.campaign-strip b{font-weight:800;letter-spacing:.01em}
.campaign-strip .campaign-off{background:#fff;color:var(--deep);font-weight:800;border-radius:6px;padding:2px 9px;font-size:12px}
.campaign-strip .campaign-left{display:inline-flex;align-items:center;gap:5px;opacity:.95;font-size:12px}
.campaign-strip .campaign-left .icon{width:14px;height:14px}
.campaign-strip a{text-decoration:underline;text-underline-offset:3px;font-weight:650}
/* Sits above the DEMO/CATALOG tag at the bottom-left; the top-left corner is
   already taken by the Ask AI button. */
.card-promo{position:absolute;left:10px;bottom:34px;background:linear-gradient(120deg,var(--violet),var(--deep));color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em;border-radius:5px;padding:4px 8px;z-index:2;box-shadow:0 2px 8px rgba(62,52,249,.34)}
.price-was{font-size:11px;color:var(--muted);text-decoration:line-through;margin-left:5px}
@media (max-width:640px){.campaign-strip{font-size:11.5px;gap:9px;padding:8px 14px}}

/* Deliver-to hover panel */
.deliver-panel{width:290px}
.deliver-current{font-size:13px;margin-bottom:6px}
.deliver-note{font-size:11.5px;color:var(--gray);margin-bottom:10px}
.deliver-rows{display:grid;gap:6px;margin-bottom:4px}
.deliver-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:12px;text-align:left;background:#fff}
.deliver-row:hover{border-color:var(--violet)}
.deliver-row.is-on{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}
.deliver-row em{font-style:normal;font-size:10px;color:var(--violet);background:var(--tint);border-radius:4px;padding:2px 6px}

/* "Keep looking for" home panel */
.keep-card h3 span{color:var(--violet)}
.keep-card .panel-duo a span{display:block;font-size:12px;font-weight:700;margin-top:6px}

/* ---- search results: horizontal filters, matching 03-search-results.jpg ----
   the reference marketplace has no left sidebar on search: Attributes and "Select by" are chip rows
   across the top, which is why they fit six product columns and we only fit four.
   The existing filter form is kept (it is the accessible fallback and the mobile
   drawer) but on desktop it lays out horizontally above the grid. */
@media (min-width: 981px) {
  .results-layout.is-topfilters { display: block; }
  .results-layout.is-topfilters > .filters {
    width: 100%; margin-bottom: 14px; border: 1px solid var(--line);
    border-radius: 12px; padding: 12px 14px; background: #fff;
  }
  .results-layout.is-topfilters > .filters > details > summary { margin-bottom: 10px; }
  .results-layout.is-topfilters > .filters form {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px 14px; align-items: end;
  }
  .results-layout.is-topfilters > .filters form .field { margin: 0; }
  .results-layout.is-topfilters > .filters form .btn { min-height: 40px; }
  .results-layout.is-topfilters > .filters form .text-link { align-self: center; }
  .results-layout.is-topfilters > section { width: 100%; }
  .results-layout.is-topfilters .product-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (min-width:981px) and (max-width:1400px){
  .results-layout.is-topfilters .product-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (min-width:981px) and (max-width:1180px){
  .results-layout.is-topfilters .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ---- search: get to the products faster (03-search-results.jpg) ----
   Measured at 2341px: our grid started at 756px, theirs at ~370px. The difference was
   all chrome - a breadcrumb they do not have, an oversized results heading, a tall
   filter block and a roomy tab strip. */
.search-results .results-head { margin: 10px 0 12px; align-items: center; }
.search-results .results-head h1 { font-size: 20px; line-height: 1.2; }
.search-results .results-head > div { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.search-results .results-head p { font-size: 12.5px; }
.search-results .browse-strip { padding: 6px 0; }
@media (min-width: 981px) {
  .search-results .results-layout.is-topfilters > .filters { padding: 10px 12px; margin-bottom: 10px; }
  .search-results .results-layout.is-topfilters > .filters form { gap: 8px 12px; }
  .search-results .results-layout.is-topfilters > .filters form .btn { min-height: 36px; }
  .search-results .results-toolbar { margin-bottom: 10px; }
}

/* Card certification marks + guarantee line (their cards carry CB / FCC / RoHS marks). */
.card-certs{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 4px}
.card-certs em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.02em;color:#1a5fb4;background:#eaf2fd;border:1px solid #d3e4fa;border-radius:4px;padding:2px 6px}
.card-guarantee{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--gray);margin-top:4px}
.card-guarantee .icon{width:13px;height:13px;color:var(--green)}

/* ---- quantity steppers: they looked cheap. Proper control, not three loose boxes. ---- */
.quantity-control{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.quantity-control button{width:36px;display:grid;place-items:center;background:#fafafc;color:var(--ink);font-size:17px;line-height:1;border:0;transition:background .12s}
.quantity-control button:hover{background:var(--tint);color:var(--violet)}
.quantity-control button:first-child{border-right:1px solid var(--line)}
.quantity-control button:last-child{border-left:1px solid var(--line)}
.quantity-control input{width:78px;border:0;text-align:center;font-size:14px;font-weight:600;padding:9px 4px;-moz-appearance:textfield}
.quantity-control input::-webkit-outer-spin-button,.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.quantity-control input:focus{outline:2px solid var(--soft);outline-offset:-2px;border-radius:2px}
.cart-line-qty{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}
.cart-line-qty input{width:64px;border:0;text-align:center;padding:8px 2px;font-size:13px;font-weight:600;-moz-appearance:textfield}
.cart-line-qty input::-webkit-outer-spin-button,.cart-line-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cart-step{width:32px;background:#fafafc;font-size:16px;line-height:1;color:var(--ink)}
.cart-step:hover{background:var(--tint);color:var(--violet)}

/* Supplier logos replace the monogram when one has been uploaded. */
.store-logo.has-img,.card-supplier-mark.has-img,.factory-monogram.has-img{background:#fff;border:1px solid var(--line);padding:5px;display:grid;place-items:center;overflow:hidden}
.store-logo.has-img img,.card-supplier-mark.has-img img,.factory-monogram.has-img img{width:100%;height:100%;object-fit:contain;display:block}
/* Wordmarks are wide (Ann Michell is ~3.3:1), so a square slot shrinks them to nothing.
   Logo slots are rectangular; the monogram fallback stays square. */
.store-logo.has-img{width:116px;height:52px;border-radius:9px;flex:none}
.card-supplier-mark.has-img{width:46px;height:20px;border-radius:4px;padding:1px 3px}
.factory-monogram.has-img{width:104px;height:48px;border-radius:9px;flex:none}

/* About AJAW nav dropdown (2026-09-21). `navCard()` emits .nav-panel-cards / .nav-card but
   NEITHER class had a single CSS rule anywhere, so each photo rendered at its intrinsic size
   (about-team.jpg is 900x605) and the panel grew to 1817px tall inside a 900px viewport. */
.nav-panel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 22px;align-content:start}
.nav-card{display:flex;flex-direction:column;gap:0;min-width:0;position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s}
.nav-card:hover{border-color:var(--soft);box-shadow:0 6px 20px rgba(37,31,149,.08)}
.nav-card>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--canvas)}
.nav-card>div{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;min-width:0}
.nav-card b{font-size:14px;line-height:1.35;color:var(--ink)}
.nav-card:hover b{color:var(--violet)}
.nav-card p{font-size:12.5px;line-height:1.5;color:var(--gray);margin:0}
.nav-card-go{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}
.nav-card-go .icon{width:15px;height:15px;color:var(--violet)}
.nav-card:hover .nav-card-go{opacity:1}
@media (max-width:1180px){.nav-panel-cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}}

/* Visually-hidden heading: keeps the document outline correct for search engines and screen
   readers without changing an approved layout. The homepage rendered with zero <h1> and
   jumped straight to <h3>; the server-rendered h1 in app/seo.py is replaced once the SPA boots,
   and Google indexes the rendered DOM. */
.a11y-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* Mic alignment (2026-09-22): .search-input reserved 135px on the right for the Search
   button, but on the tall search box that button is absolutely placed on the second row.
   The padding only pushed the microphone 135px inward, so it floated between the rows
   instead of sitting at the box edge. The input row needs no reservation here. */
.search-box:not(.compact) .search-input{padding-right:0}
.search-box:not(.compact) .search-input>.voice-search-btn{margin-right:2px}

/* /lookup - image/file search results (lookupPage() in app.js). Reuses .results-head,
   .results-chips/.chip and .product-grid from search results; only the thumbnail and the
   empty-state retry button are new here.
   .results-head is display:none below 760px (mobile-navigation.css - the mobile pdp-topbar
   takes over, same as /search), so the preview thumbnail sits in .lookup-top as a SIBLING of
   .results-head, not nested inside it, or it would disappear on a phone along with the title. */
.lookup-top{display:flex;align-items:center;gap:20px;margin-bottom:21px}
.results-head .lookup-chips{margin-top:10px}
.lookup-preview{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
.lookup-preview img{width:96px;height:96px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.lookup-preview-file{width:96px;height:96px;border-radius:14px;border:1px solid var(--line);background:var(--canvas);display:flex;align-items:center;justify-content:center}
.lookup-preview-file .icon{width:32px;height:32px;color:var(--muted)}
.lookup-preview span{font-size:11px;color:var(--muted)}
.lookup-retry{margin-top:18px;display:flex;justify-content:center}
@media (max-width: 760px){
 .lookup-top{margin:10px 0 12px}
 .lookup-preview img,.lookup-preview-file{width:64px;height:64px;border-radius:10px}
}

/* 2026-09-30: on 1025-1600px screens the square main photo (fixed height) was wider than its column and covered the product title. Keep it square, never wider than the column, never bigger than before (400px). */
@media (min-width:1025px){.pdp-v2-layout .gallery{min-width:0}.pdp-v2-layout .gallery-main{width:min(100%,400px);height:auto!important;aspect-ratio:1/1;min-width:0}}

/* 2026-10-01: About AJAW menu cards were cut off on the left at >=981px. Cause: `.main-nav a` (nowrap + align-items:center)
   out-ranks `.nav-card`, so the text block stayed on one line, grew wider than the 340px card and was centred, which clipped it
   on BOTH sides (hidden by overflow:hidden). Desktop only; mobile styles untouched (hover panels are hidden <=980px). */
@media (min-width:981px){.main-nav .nav-card{white-space:normal;align-items:stretch;text-align:left}.main-nav .nav-card>div{align-items:flex-start}}

/* 2026-10-01 copy/layout pass.
   1) Clash Display is set with negative tracking and a very narrow space, so headings read as one word
      ("Noproductsmatchthesefilters", "Picked foryour business"). Give display headings a real word gap.
      Desktop everywhere; on phones everywhere EXCEPT the home page, which the owner signed off as is. */
@media (min-width:981px){
 body h1,body h2,body h3,body .search-tabs a>span,body .empty h3,body .nav-lead h3,body .promo-panel-title,body .promo-divider span,body .account-counts b,body .art-card b,body .ai-brand,body .sp-head b,body .deep-panel summary,body .mega-sec-head h4,body .gc-chrome-title,body .region-hub h3,body .region-soon h3,body .spotlight-copy h3,body .work-shortcuts b,body .work-stats b{word-spacing:.16em}
}
@media (max-width:980px){
 body:not(:has(main.home-main)) h1,body:not(:has(main.home-main)) h2,body:not(:has(main.home-main)) h3,body:not(:has(main.home-main)) .search-tabs a>span,body:not(:has(main.home-main)) .empty h3,body:not(:has(main.home-main)) .sp-head b,body:not(:has(main.home-main)) .ai-brand,body:not(:has(main.home-main)) .deep-panel summary,body:not(:has(main.home-main)) .region-hub h3,body:not(:has(main.home-main)) .work-shortcuts b,body:not(:has(main.home-main)) .work-stats b{word-spacing:.16em}
}
/* 2) The floating dock (Messenger / AI Mode / Image search / Back to top) sat on the right edge and covered
      "More filters" and the "+" of the filter bar on search and category pages. Park it at the bottom-right there. */
@media (min-width:981px){
 body:has(.search-results) .side-dock{top:auto;bottom:20px;transform:none}
}
[data-quote-fx]{margin:8px 0 14px;font-size:12px;line-height:1.5}

/* round 2 (2026-10-01): status chips are sentence case outside English ("Pendiente de revisión", not "Pendiente De Revisión"). */
html:not([lang="en"]) .badge,html:not([lang="en"]) .order-progress>span{text-transform:none}
.messenger-header-actions .buyer-title,.table-product .buyer-title{display:block;color:var(--muted);font-weight:400}
/* round 2 (2026-10-01): filter bar keeps its icon next to the label (the "+" stays at the far right) */
.filters summary>svg,.filters summary>.icon{margin-right:auto}
/* the fixed side dock (75px) must not cover the right-most product card on desktop widths that have a narrow page margin */
@media (min-width:981px) and (max-width:1560px){main.search-results.wrap{padding-right:88px;box-sizing:border-box}}
/* round 2: "Chatear ahora" on the order card stays on one line (it wrapped into a 3-line sliver on phones) */
.od-product .work-row>.text-link{white-space:nowrap;flex:none}
.od-product .work-row>.ord-sup{min-width:0;flex:1 1 auto}

/* ==== round 4 (2026-10-01) ==== */
/* Right dock: the cart summary ("Check out") and the storefront header ("Chat now") sat under the fixed dock at 1440. */
@media (min-width:981px) and (max-width:1560px){main.cart-page.wrap,main.store-page.wrap{padding-right:88px;box-sizing:border-box}}
/* Seller product actions (Editar / Pausar / Duplicar / Eliminar) - plain white, inline confirm, no popups */
.seller-acts{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:8px}
.seller-acts .text-btn,.seller-acts a.text-btn{font-size:13px;font-weight:600;color:var(--violet,#5b3df5);background:none;border:0;padding:2px 0;cursor:pointer;text-decoration:none}
.seller-acts .text-btn:hover{text-decoration:underline}
.seller-acts .text-btn.is-danger{color:#b42318}
.seller-acts-confirm{background:#fff;border:1px solid #f1c9c5;border-radius:8px;padding:8px 10px;font-size:13px}
.btn.small.danger{background:#b42318;color:#fff;border-color:#b42318}
.seller-status.is-draft{background:#f3f4f6;color:#4b5563}
/* Tracking entry on the seller order card */
.trk-block{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#e7e5ee)}
.trk-block h4{margin:0 0 8px;font-size:14px}
.trk-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px;font-size:14px}
.trk-list small{display:block;color:var(--muted,#6b7280)}
.trk-add summary{cursor:pointer;font-weight:600;color:var(--violet,#5b3df5);font-size:14px}
.trk-add form{display:grid;gap:10px;margin-top:10px;max-width:460px}
.trk-add .field,.payout-form .field{display:grid;gap:4px;font-size:13px}
.trk-err{color:#b42318;font-size:13px;margin:0}
.payout-last4{background:#f6f5ff;border-radius:8px;padding:8px 12px;font-size:14px;margin:0}
/* Save supplier */
.save-sup{display:inline-flex;align-items:center;gap:6px}
.save-sup .icon{width:16px;height:16px}
.save-sup.is-saved{color:var(--violet,#5b3df5);border-color:var(--violet,#5b3df5);background:#f6f5ff}
.save-sup.is-saved .icon{fill:currentColor}
.store-ctas{flex-wrap:wrap}
/* Storefront pager */
.store-pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin:24px 0 8px}
.store-pager a{min-width:36px;padding:8px 12px;text-align:center;border:1px solid var(--line,#e7e5ee);border-radius:8px;color:inherit;text-decoration:none;font-weight:600;background:#fff}
.store-pager a.is-active{background:var(--violet,#5b3df5);border-color:var(--violet,#5b3df5);color:#fff}
.store-pager small{flex-basis:100%;text-align:center;color:var(--muted,#6b7280)}
/* Manufacturer's own words on the product page */
.pdp-own-desc{margin:18px 0 6px;font-size:15px}
.pdp-own-desc small{font-weight:400;color:var(--muted,#6b7280)}
/* 2026-10-20 owner: the drawn fabric rolls in "Tu idea. Tus detalles." looked cheap. Real production floor photo instead. */
.material-tile{background:#f4f3fb}
.material-tile .eyebrow{color:var(--deep)}
.material-tile .pill{position:relative;z-index:1}
.material-photo{position:absolute;left:0;right:0;bottom:0;width:100%;height:50%;object-fit:cover;object-position:40% 45%;border-radius:0 0 10px 10px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%)}
.v-seal{display:inline-block;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(37,31,149,.25))}
.guar-band-top b .v-seal,.assurance-title .v-seal{width:24px;height:24px}
/* "Empieza por lo esencial": the price pill sat on top of the product name (absolute top:146px vs a shorter image). */
.mini-products>a>span{position:static;display:inline-block;margin-top:6px;box-shadow:none;border:1px solid var(--line)}
.mini-products p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v-seal-lg{width:30px;height:30px}
.also-like-head{margin:28px 0 14px}
.also-like-head h2{font-size:22px}