/* GlobalTrade Apparel — v3 storefront styles (loaded after app.css + v2.css) */
@font-face{font-family:'GT Serif';src:url('/assets/v3/fonts/lora-var.woff') format('woff');font-weight:400 700;font-display:swap}
@font-face{font-family:'GT Sans';src:url('/assets/v3/fonts/inter-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'GT Sans';src:url('/assets/v3/fonts/inter-medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:'GT Sans';src:url('/assets/v3/fonts/inter-semibold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:'GT Sans';src:url('/assets/v3/fonts/inter-bold.woff') format('woff');font-weight:700 800;font-display:swap}
:root{--navy:#334d6d;--navy-d:#2c4462;--navy-ink:#16345e;--sage-b:#76854a;--sage-bh:#68773f;--cream:#f2ede4;--cream-2:#ebe4d3;--btn-cream:#ebe8cc;--btn-cream-b:#c9c6a3;--tile:#eeeff1;--ink:#111827;--muted:#4b5563;--line:#e3e6eb;--ok-bg:#dcebcf;--ok:#2f5a1e;--serif:'GT Serif',Georgia,'Times New Roman',serif;--sans:'GT Sans',Inter,'Segoe UI',Arial,sans-serif}
body{font-family:var(--sans);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--sans)}
.v3-wrap{max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}
.v3i{width:24px;height:24px;flex-shrink:0}

/* header */
.v3-header{background:var(--navy);padding:0 max(32px,calc((100% - 1240px)/2 + 32px));height:60px;gap:32px;position:relative;z-index:5}
.v3-header .v2-brand{font-family:var(--sans);font-weight:800;font-size:25px;letter-spacing:-.3px;line-height:1}
.v3-header .v2-brand small{font-size:15px;font-weight:400;letter-spacing:.3px;margin-top:4px}
.v3-header nav{gap:28px;font-size:14px;font-weight:500}
.v3-header nav a{padding:6px 0;border-bottom:2px solid transparent}
.v3-header nav a:hover,.v3-header nav a.on{border-color:#ffffffaa}
.v3-header .v2-actions{gap:22px;margin-left:8px}
.v3-header .v2-actions button{display:flex;align-items:center;position:relative}
.v3-header .v2-actions .v3i{width:22px;height:22px;stroke-width:1.7}
.v3-header #basketCount{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;border-radius:9px;background:#e0453a;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.v3-header #basketCount.zero{width:9px;min-width:9px;height:9px;padding:0;top:-2px;right:-3px;font-size:0}
.v3-header #accountBtn{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--navy-d);background:#fff;padding:8px 15px;border-radius:6px}

/* buttons */
.v3-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:13px 26px;font-size:16px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .15s,box-shadow .15s;text-align:center}
.v3-btn .v3i{width:18px;height:18px;stroke-width:2}
.v3-btn.navy{background:var(--navy);color:#fff}.v3-btn.navy:hover{background:var(--navy-d)}
.v3-btn.cream{background:var(--btn-cream);border-color:var(--btn-cream-b);color:#1b2433}.v3-btn.cream:hover{background:#e3dfbd}
.v3-btn.sage{background:var(--sage-b);color:#fff}.v3-btn.sage:hover{background:var(--sage-bh)}
.v3-btn.outline{background:#fff;border-color:#c4ccd6;color:#1b2433}.v3-btn.outline:hover{border-color:var(--navy)}
.v3-btn.block{display:flex;width:100%}
.v3-btn.lg{padding:16px;font-size:18px}

/* hero */
.v3-hero{background:#ebe7e0 url('/assets/v3/img/home-hero-1920.webp') right center/cover no-repeat;min-height:530px;display:flex;align-items:center}
.v3-hero .v3-wrap{width:100%}
.v3-hero-copy{max-width:560px;padding:40px 0}
.v3-eyebrow{display:block;font-size:17px;font-weight:600;letter-spacing:3px;color:#36506f;margin-bottom:18px}
.v3-hero h1{font-family:var(--serif);font-weight:700;font-size:70px;line-height:1.03;letter-spacing:-1px;color:#0e1726;margin:0 0 26px}
.v3-hero p{font-size:22px;line-height:1.45;color:#1d2533;margin:0 0 36px;max-width:440px}
.v3-hero-actions{display:flex;gap:22px;flex-wrap:wrap}
.v3-hero-actions .v3-btn{padding:17px 34px;font-size:18px}

/* trust strip */
.v3-trust{background:var(--cream)}
.v3-trust .v3-wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:20px;padding-bottom:22px}
.v3-trust .v3-wrap>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;border-right:1px solid #d9d4c8;padding:6px 10px}
.v3-trust .v3-wrap>div:last-child{border:0}
.v3-aicon{width:60px;height:60px;display:block;object-fit:contain;margin:-6px 0 -4px}
.v3-trust b{font-size:20px;line-height:1.25;font-weight:700;color:#111}

/* section titles */
.v3-section{padding-top:28px;padding-bottom:26px}
.v3-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.v3-title h2{font-family:var(--sans);font-size:35px;font-weight:700;letter-spacing:-.6px;margin:0;color:#111}
.v3-title a{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--navy-ink)}
.v3-title a .v3i{width:20px;height:20px;stroke-width:2}
.v3-lead{font-size:18px;color:var(--muted);margin:-8px 0 24px}

/* category tiles */
.v3-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.v3-cats button{border:0;padding:0;background:var(--tile);border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 1px 2px #0f1d3010;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}
.v3-cats button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f1d3020}
.v3-cat-img{display:block;aspect-ratio:1.42;overflow:hidden;background:#f3f3f2}
.v3-cat-img img{width:100%;height:100%;object-fit:cover;object-position:center 45%;mix-blend-mode:multiply}
.v3-cats b{display:block;padding:14px 6px 16px;font-size:18px;font-weight:600;color:#111;background:var(--tile)}

/* custom banner */
.v3-custom{margin:14px 0 4px;border-radius:12px;overflow:hidden;background:#ece5d6 url('/assets/v2-sewing.webp') right center/auto 100% no-repeat;min-height:265px;display:flex;align-items:center;padding:30px 54px;box-shadow:0 2px 6px #0f1d3014}
.v3-custom>div{max-width:440px}
.v3-custom h2{font-family:var(--serif);font-size:40px;line-height:1.08;font-weight:700;margin:0 0 16px;letter-spacing:-.4px;color:#0e1726}
.v3-custom p{font-size:20px;line-height:1.4;margin:0 0 20px;color:#1d2533}
.v3-custom .v3-btn{font-size:18px;padding:15px 30px}

/* suppliers */
.v3-suppliers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.v3-suppliers article{border:1px solid #d9dde3;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0f1d3012}
.v3-suppliers img{width:100%;aspect-ratio:2.45;object-fit:cover;object-position:center 62%;display:block}
.v3-suppliers article>div{padding:12px 14px 14px}
.v3-suppliers h3{font-size:17px;font-weight:600;margin:0 0 9px;color:#111}
.v3-suppliers p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:14px}
.v3-loc{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:#1d2533}
.v3-loc .v3i{width:18px;height:18px;color:var(--navy);fill:var(--navy);stroke:#fff;stroke-width:1.6}
.v3-pill{display:inline-flex;align-items:center;gap:5px;background:var(--ok-bg);color:#24421a;font-size:13px;font-weight:500;padding:4px 10px 4px 5px;border-radius:20px}
.v3-pill .v3i{width:17px;height:17px;fill:#1f6b1d;stroke:#fff;stroke-width:2.2}
.v3-pill.muted{background:#eceef1;color:#4b5563;padding-left:10px}

/* why */
.v3-why{background:var(--cream-2);margin-top:30px;padding:26px 0 30px}
.v3-why h2{font-family:var(--serif);text-align:center;font-size:34px;font-weight:700;margin:0 0 20px;letter-spacing:-.3px;color:#111}
.v3-why .v3-wrap>div{display:grid;grid-template-columns:repeat(5,1fr)}
.v3-why .v3-wrap>div>div{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border-right:1px solid #d3ccba;padding:4px 8px}
.v3-why .v3-wrap>div>div:last-child{border:0}
.v3-why .v3-aicon{width:60px;height:60px}
.v3-why b{font-size:18px;font-weight:700;line-height:1.3}

/* footer */
.v3-footer{background:var(--navy);grid-template-columns:1.5fr .9fr 1fr 1fr 1.35fr;gap:30px;padding:26px max(32px,calc((100% - 1240px)/2 + 32px)) 18px}
.v3-footer>div{display:flex;flex-direction:column;gap:6px}
.v3-footer>div+div{padding-left:0}
.v3-foot-brand{border-right:1px solid #ffffff3a;padding-right:30px}
.v3-footer h3{color:#fff;font-family:var(--sans);font-weight:800;font-size:22px;margin:0;letter-spacing:-.2px}
.v3-footer small{font-size:15px;margin-top:-2px}
.v3-foot-brand p{font-size:14px;line-height:1.45;margin:10px 0 0;opacity:.95}
.v3-footer h4{font-size:16px;font-weight:600;margin:0 0 6px}
.v3-footer a{font-size:14px;opacity:.92}.v3-footer a:hover{opacity:1;text-decoration:underline}
.v3-subscribe{display:flex;border-radius:5px;overflow:hidden;background:#fff;max-width:240px}
.v3-subscribe input{border:0;padding:10px 12px;font-size:13px;min-width:0;flex:1;color:#1b2433;border-radius:0}
.v3-subscribe button{border:0;background:#c4d1ad;color:#2c3a1f;width:46px;font-size:18px;border-radius:0}
.v3-social{display:flex;gap:22px;margin-top:12px;font-weight:700;font-size:18px}
.v3-social a{opacity:1;display:flex}.v3-social img{width:24px;height:24px;object-fit:contain}
.v3-footer .copyright{font-size:13px;border-top:1px solid #ffffff2e;padding-top:14px;margin-top:6px}

/* ---------- catalog ---------- */
.v3-search-hero{background:#4e6577 url('/assets/v3/catalog-banner-1920.webp') center/cover no-repeat;color:#fff;padding:52px 0 38px}
.v3-search-hero h1{font-family:var(--serif);font-size:56px;font-weight:600;margin:0 0 10px;letter-spacing:-.5px;color:#fff}
.v3-search-hero p{font-size:22px;line-height:1.35;margin:0 0 28px;max-width:470px;color:#f3f5f7}
.v3-search-hero form{display:flex;align-items:center;background:#fff;border-radius:7px;max-width:1050px;height:58px;overflow:hidden;box-shadow:0 4px 14px #0003}
.v3-search-hero .lead{width:26px;height:26px;margin:0 6px 0 22px;color:#2d3a4a;stroke-width:2}
.v3-search-hero input{flex:1;border:0;font-size:18px;padding:0 14px;color:#1b2433;min-width:0;background:none;outline:0}
.v3-search-hero form button{align-self:stretch;width:72px;border:0;border-radius:0;background:#8e9e69;color:#fff;display:grid;place-items:center}
.v3-search-hero form button .v3i{width:26px;height:26px;stroke-width:2}
.v3-catalog{display:grid;grid-template-columns:272px 1fr;gap:0;padding-left:0;padding-right:0}
.v3-catalog>aside{border-right:1px solid var(--line);padding:30px 22px 40px 32px}
.v3-catalog aside h3{font-size:19px;font-weight:700;margin:22px 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line);color:#111}
.v3-catalog aside h3:first-child{margin-top:0}
.v3-catalog aside h3 small{font-size:13px;font-weight:400;color:var(--muted)}
.v3-catalog aside label{display:flex;align-items:center;gap:12px;font-size:15px;margin:9px 0;cursor:pointer;color:#1b2433}
.v3-catalog aside input[type=checkbox]{appearance:none;width:19px;height:19px;border:1.5px solid #9aa3ae;border-radius:3px;margin:0;flex-shrink:0;display:grid;place-items:center;cursor:pointer;background:#fff}
.v3-catalog aside input[type=checkbox]:checked{background:var(--sage-b);border-color:var(--sage-b)}
.v3-catalog aside input[type=checkbox]:checked::after{content:'';width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.v3-price-in{display:flex;align-items:center;gap:8px}
.v3-price-in input{width:100%;min-width:0;border:1px solid #c8ced6;border-radius:5px;padding:10px;font-size:14px}
.v3-select{position:relative;display:inline-flex;align-items:center}
.v3-select select{appearance:none;border:1px solid #c8ced6;border-radius:6px;padding:10px 38px 10px 14px;font-size:15px;background:#fff;color:#1b2433;width:100%;margin:0;cursor:pointer}
.v3-select .v3i{position:absolute;right:12px;width:18px;height:18px;pointer-events:none;stroke-width:2}
.v3-catalog aside .v3-select{display:flex;width:100%}
.v3-catalog aside .v3-btn{margin-top:18px;font-size:16px;padding:12px}
.v3-catalog aside .v3-btn+.v3-btn{margin-top:10px}
.v3-results{padding:24px 32px 50px 34px;min-width:0}
.v3-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:18px}
.v3-results-head label{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}
.v3-results-head .v3-select select{font-weight:500;min-width:190px}
.v3-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.v3-card{position:relative;background:#fff;border:1px solid #dfe2e7;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 4px #0f1d3010;transition:box-shadow .15s,transform .15s;min-width:0}
.v3-card:hover{box-shadow:0 8px 20px #0f1d3020;transform:translateY(-2px)}
.v3-card-img{display:block;aspect-ratio:1/1;background:#f1f1ef;overflow:hidden}
.v3-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.v3-card:hover .v3-card-img img,.v3-mini:hover .v3-card-img img{transform:scale(1.04)}
.v3-save{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:9px;background:#fff;border:0;display:grid;place-items:center;box-shadow:0 1px 4px #0002;color:#1b2433;padding:0;cursor:pointer}
.v3-save .v3i{width:21px;height:21px;stroke-width:1.8}
.v3-save.on{color:#c2373a}.v3-save.on .v3i{fill:#c2373a}
.v3-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
.v3-card h3,.v3-mini h3{font-size:16px;font-weight:700;margin:0 0 4px;line-height:1.3;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v3-moq{font-size:14px;color:#2b3442;margin:0 0 3px}
.v3-price{font-size:19px;font-weight:700;margin:0 0 10px;color:#111}
.v3-price small{font-size:14px;font-weight:400;color:#2b3442;white-space:nowrap}
.v3-card-supplier{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:10px;margin-top:auto;margin-bottom:12px;min-width:0}
.v3-card-supplier img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--line)}
.v3-card-supplier div{min-width:0}
.v3-card-supplier b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3-ok{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#1b2433;margin-top:2px}
.v3-ok .v3i{width:15px;height:15px;fill:#2f7a20;stroke:#fff;stroke-width:2.4}
.v3-pending{font-size:12px;color:var(--muted)}
.v3-card .v3-btn{padding:11px;font-size:16px}
.v3-pages{display:flex;justify-content:center;gap:12px;margin-top:34px}
.v3-pages button{min-width:42px;height:42px;border:1px solid #d3d8df;background:#fff;border-radius:6px;font-weight:600;font-size:16px;color:#111;display:grid;place-items:center;padding:0 8px;cursor:pointer;box-shadow:0 1px 2px #0001}
.v3-pages button.on{background:#738443;border-color:#738443;color:#fff}
.v3-pages button:disabled{opacity:.4;cursor:default}
.v3-pages .v3i{width:20px;height:20px;stroke-width:2.2}

/* ---------- product detail ---------- */
.v3-crumb{background:#f4f5f8;border-bottom:1px solid #eceef2}
.v3-crumb .v3-wrap{display:flex;align-items:center;gap:12px;height:56px;font-size:15px;color:#1b2433;white-space:nowrap;overflow:hidden}
.v3-crumb a{color:#3b4656}.v3-crumb a:hover{text-decoration:underline}
.v3-crumb .v3i{width:16px;height:16px;stroke-width:2}
.v3-crumb span{overflow:hidden;text-overflow:ellipsis}
.v3-detail{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:40px;padding-top:24px;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:22px}
.v3-gallery{display:flex;gap:20px;min-width:0}
.v3-thumbs{display:flex;flex-direction:column;gap:12px;width:100px;flex-shrink:0;height:0;min-height:100%;overflow-y:auto;scrollbar-width:thin;padding:2px}
.v3-thumbs button{flex-shrink:0;padding:0;border:1.5px solid #e1e4e9;border-radius:8px;overflow:hidden;background:#f1f1ef;aspect-ratio:1;cursor:pointer}
.v3-thumbs button.on{border:2px solid var(--navy)}
.v3-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.v3-main-img{position:relative;flex:1;aspect-ratio:1/1;background:#f1f1ef;border-radius:10px;overflow:hidden;min-width:0}
.v3-main-img img{width:100%;height:100%;object-fit:cover;display:block}
.v3-main-img button{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:8px;border:0;background:#fff;display:grid;place-items:center;box-shadow:0 1px 4px #0002;color:#111;padding:0;cursor:pointer}
.v3-main-img button .v3i{width:20px;height:20px;stroke-width:2}
.v3-zoom{width:100%;border-radius:10px;background:#f1f1ef}
.v3-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.v3-info h1{font-family:var(--serif);font-size:40px;line-height:1.12;font-weight:700;margin:4px 0 14px;color:#0e1726;letter-spacing:-.3px}
.v3-verified{display:inline-flex;align-items:center;gap:8px;background:#e1edd6;color:#2a4a1c;font-weight:600;font-size:16px;padding:7px 14px 7px 9px;border-radius:7px;margin-bottom:14px}
.v3-verified .v3i{width:22px;height:22px;fill:#2f6b22;stroke:#fff;stroke-width:2.2}
.v3-rating{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:14px;min-height:24px}
.v3-rating b{font-size:19px}
.v3-rating a{color:#3b4656}.v3-rating a:hover{text-decoration:underline}
.v3-stars{display:inline-flex;gap:1px}
.v3-star .v3i{width:20px;height:20px;color:#d4d7dc;fill:#e6e8eb;stroke-width:1}
.v3-star.on .v3i{color:#f5a70a;fill:#fbb315}
.v3-star.half .v3i{color:#f5a70a;fill:#fde4a8}
.v3-star.lg .v3i{width:26px;height:26px}
.v3-desc{font-size:17px;line-height:1.55;color:#1d2533;margin:0 0 18px}
.v3-big-price{font-size:36px;font-weight:700;margin:0 0 6px;color:#0e1726;letter-spacing:-.4px}
.v3-big-price small{font-size:21px;font-weight:400}
.v3-moq-line{font-size:19px;color:#3b4656;margin:0 0 16px}
.v3-qty{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:15px;font-weight:600;margin-bottom:18px}
.v3-qty input{width:120px;border:1px solid #c8ced6;border-radius:6px;padding:9px 10px;font-size:15px;margin:0}
.v3-qty span{font-weight:400;color:var(--muted)}.v3-qty b{color:#111}
.v3-info .v3-btn{margin-bottom:14px}
.v3-info .v3-btn.outline{border:1.5px solid #3e5370;font-weight:600}
.v3-info .v3-btn.outline .v3i{width:22px;height:22px;stroke-width:1.8}
.v3-variants{padding-bottom:6px}
.v3-variants h3{font-size:22px;font-weight:700;margin:0 0 14px;color:#111}
.v3-variants h3 small{font-size:15px;font-weight:500;color:var(--muted);margin-left:8px}
.v3-swatches{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:26px}
.v3-swatches button{width:44px;height:44px;border-radius:50%;background:var(--sw,#ccc);border:1.5px solid #d4d7dc;padding:0;cursor:pointer;box-shadow:inset 0 -3px 6px #0000001c,0 1px 2px #0002;transition:transform .12s}
.v3-swatches button:hover{transform:scale(1.07)}
.v3-swatches button[aria-checked=true]{outline:2.5px solid var(--navy);outline-offset:3px}
.v3-sizes{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.v3-sizes button{min-width:84px;height:46px;border:1.5px solid #d3d8df;border-radius:7px;background:#f6f7f8;font-size:16px;font-weight:700;color:#111;cursor:pointer;padding:0 14px}
.v3-sizes button:hover{border-color:#94a0ae}
.v3-sizes button[aria-checked=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.v3-tabs-wrap{padding-bottom:10px}
.v3-tabs{display:flex;border-bottom:1.5px solid #d6dbe1;margin-bottom:22px;overflow-x:auto}
.v3-tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1.5px;padding:14px 10px;font-size:19px;font-weight:500;color:#2b3e52;white-space:nowrap;cursor:pointer;border-radius:0}
.v3-tabs button[aria-selected=true]{border-color:var(--navy);color:#111;font-weight:700}
.v3-table{width:100%;border:1px solid #dde1e6;border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:0 2px 4px #0f1d300d;margin-bottom:14px}
.v3-table th,.v3-table td{padding:12px 18px;font-size:16px;border-bottom:1px solid #e3e6ea;text-align:left}
.v3-table tr:last-child th,.v3-table tr:last-child td{border-bottom:0}
.v3-table th{width:27%;background:#f3f4f6;font-weight:700;color:#111;border-right:1px solid #e3e6ea}
.v3-note{font-size:14px;color:var(--muted)}
.v3-supplier-box{display:flex;gap:20px;border:1px solid #dde1e6;border-radius:9px;padding:18px;align-items:flex-start}
.v3-supplier-box img{width:160px;aspect-ratio:1.4;object-fit:cover;border-radius:7px}
.v3-supplier-box h3{margin:0 0 8px;font-size:20px}
.v3-supplier-box p{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 8px;color:#1d2533}

/* reviews */
.v3-reviews{padding-top:26px;padding-bottom:10px;border-top:1px solid var(--line);margin-top:20px}
.v3-reviews>h2,.v3-related h2{font-size:30px;font-weight:700;margin:0 0 20px;letter-spacing:-.4px}
.v3-rev-grid{display:grid;grid-template-columns:330px 1fr;gap:36px;align-items:start}
.v3-rev-summary{border:1px solid #dde1e6;border-radius:10px;padding:22px;background:#fbfbfa}
.v3-rev-avg{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px}
.v3-rev-avg b{font-size:46px;line-height:1;font-weight:700}
.v3-rev-avg span:last-child{font-size:14px;color:var(--muted)}
.v3-bar{display:grid;grid-template-columns:30px 1fr 28px;gap:10px;align-items:center;font-size:14px;margin:7px 0}
.v3-bar i{height:8px;border-radius:5px;background:#e6e8eb;overflow:hidden}
.v3-bar em{display:block;height:100%;background:#fbb315;border-radius:5px}
.v3-rev-cta{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.v3-rev-cta h3{font-size:18px;margin:0 0 6px}.v3-rev-cta p{font-size:14px;color:var(--muted);margin:0 0 12px}
.v3-rev-cta label{display:block;font-size:13px;font-weight:600;margin:10px 0 0}
.v3-rev-cta input,.v3-rev-cta textarea{width:100%;margin-top:5px;border:1px solid #c8ced6;border-radius:6px;padding:9px 10px;font-size:14px}
.v3-rev-cta .v3-btn{margin-top:14px}
.v3-rate-input{display:flex;gap:4px}
.v3-rate-input button{border:0;background:none;padding:2px;cursor:pointer}
.v3-rate-input .v3i{width:30px;height:30px;color:#c9cdd3;fill:#eceef1;stroke-width:1}
.v3-rate-input button.on .v3i{color:#f5a70a;fill:#fbb315}
.v3-rev-list article{border-bottom:1px solid var(--line);padding:4px 0 18px;margin-bottom:18px}
.v3-rev-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.v3-rev-head>div{flex:1}.v3-rev-head b{display:block;font-size:16px}.v3-rev-head small{font-size:13px;color:var(--muted)}
.v3-avatar{width:42px;height:42px;border-radius:50%;background:#dfe5ee;color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:18px;text-transform:uppercase}
.v3-rev-list h4{font-size:17px;margin:0 0 6px}.v3-rev-list p{margin:0;font-size:15px;line-height:1.55;color:#1d2533}
.v3-rev-empty{display:flex;gap:16px;align-items:center;border:1px dashed #c8ced6;border-radius:10px;padding:26px;color:#3b4656}
.v3-rev-empty .v3i{width:40px;height:40px;color:#f5a70a;fill:#fde4a8;stroke-width:1.2}
.v3-rev-empty p{margin:0;line-height:1.5}

/* related */
.v3-related{padding-top:26px;padding-bottom:40px;border-top:1px solid var(--line);margin-top:22px}
.v3-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.v3-mini{position:relative;border:1px solid #dfe2e7;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0f1d3010}
.v3-mini>div{padding:12px 14px 14px}
.v3-mini .v3-price{margin:6px 0 0}
.v3-rfq-var{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:4px}

/* about */
.v3-about h1{font-family:var(--serif);font-size:44px;margin:10px 0 12px}
.v3-trust-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:12px}
.v3-trust-inline>div{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--cream)}
.v3-trust-inline .v3i{width:38px;height:38px;stroke-width:1.4}
.v3-trust-inline h3{margin:10px 0 6px;font-size:19px}

/* responsive */
@media(max-width:1180px){.v3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v3-hero h1{font-size:60px}.v3-header nav{gap:22px}}
@media(max-width:1000px){.v3-wrap{padding-left:24px;padding-right:24px}.v3-header{padding:0 24px;gap:18px}.v3-hero{min-height:480px}.v3-hero h1{font-size:50px}.v3-hero p{font-size:19px}.v3-cats{grid-template-columns:repeat(4,1fr);gap:16px}.v3-suppliers{grid-template-columns:repeat(2,1fr)}.v3-detail{grid-template-columns:1fr;gap:26px}.v3-rev-grid{grid-template-columns:1fr}.v3-footer{grid-template-columns:repeat(3,1fr)}.v3-foot-brand{grid-column:1/-1;border:0}.v3-catalog{grid-template-columns:210px 1fr}.v3-results{padding:22px 24px 40px}.v3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-title h2{font-size:30px}}
@media(max-width:700px){
 .v3-wrap{padding-left:16px;padding-right:16px}
 .v3-header{height:auto;padding:12px 16px;flex-wrap:wrap;gap:10px 12px}
 .v3-header .v2-brand{font-size:20px}.v3-header .v2-brand small{font-size:12px}
 .v3-header nav{order:3;width:100%;justify-content:space-between;font-size:14px;margin:0}
 .v3-header .v2-actions{gap:14px;margin-left:auto}
 .v3-header #accountBtn{font-size:12px;padding:8px 10px}
 .v3-hero{min-height:420px;background-position:72% center;background-image:linear-gradient(90deg,#e9e5dcf2 0%,#e9e5dccc 45%,#e9e5dc00 75%),url('/assets/v3/img/home-hero-960.webp')}
 .v3-hero-copy{max-width:80%}.v3-eyebrow{font-size:11px;letter-spacing:2px}.v3-hero h1{font-size:36px}.v3-hero p{font-size:15px;margin-bottom:22px}
 .v3-hero-actions{gap:10px}.v3-hero-actions .v3-btn{padding:12px 16px;font-size:14px}
 .v3-trust .v3-wrap{grid-template-columns:repeat(2,1fr);gap:14px 0}.v3-trust .v3-wrap>div:nth-child(2){border:0}.v3-trust b{font-size:15px}.v3-aicon{width:44px;height:44px}
 .v3-title h2{font-size:23px}.v3-title a{font-size:14px}
 .v3-cats{grid-template-columns:repeat(2,1fr);gap:12px}.v3-cats b{font-size:15px;padding:10px 4px 12px}
 .v3-custom{padding:24px 20px;min-height:240px;background-position:62% center;background-size:cover}.v3-custom>div{max-width:80%;background:#ece5d6e6;padding:16px;border-radius:10px}.v3-custom h2{font-size:28px}.v3-custom p{font-size:15px}
 .v3-suppliers{grid-template-columns:1fr 1fr;gap:12px}.v3-suppliers h3{font-size:14px}.v3-suppliers p{flex-wrap:wrap;font-size:12px}
 .v3-why h2{font-size:24px;padding:0 10px}.v3-why .v3-wrap>div{grid-template-columns:repeat(2,1fr);gap:18px 0}.v3-why .v3-wrap>div>div:nth-child(2n){border:0}.v3-why b{font-size:15px}
 .v3-footer{grid-template-columns:1fr 1fr;padding:24px 16px 100px}.v3-footer>div:last-of-type{grid-column:1/-1}
 .v3-search-hero{padding:32px 0 26px}.v3-search-hero h1{font-size:36px}.v3-search-hero p{font-size:16px}.v3-search-hero form{height:50px}.v3-search-hero input{font-size:14px}
 .v3-catalog{display:block}.v3-catalog>aside{border-right:0;border-bottom:1px solid var(--line);padding:18px 16px;max-height:340px;overflow:auto}
 .v3-results{padding:18px 16px 36px}.v3-results-head{flex-wrap:wrap;font-size:16px}.v3-results-head .v3-select select{min-width:0}
 .v3-grid{gap:12px}.v3-card-body{padding:10px}.v3-card h3{font-size:14px}.v3-price{font-size:16px}.v3-card-supplier img{width:30px;height:30px}.v3-card .v3-btn{font-size:14px;padding:10px 6px}
 .v3-thumbs{width:64px}.v3-gallery{gap:10px}.v3-info h1{font-size:30px}.v3-big-price{font-size:28px}
 .v3-swatches button{width:38px;height:38px}.v3-sizes button{min-width:60px;height:42px}
 .v3-tabs button{font-size:15px;padding:12px 14px}.v3-table th,.v3-table td{padding:10px 12px;font-size:14px}.v3-table th{width:38%}
 .v3-related-grid{gap:12px}.v3-trust-inline{grid-template-columns:1fr}
}


/* logo */
.v3-logo{display:flex;align-items:center;line-height:0}.v3-header .v3-logo img{height:46px;width:auto;display:block}.v3-foot-brand .v3-logo img{height:66px;width:auto;margin:-4px 0 0 -4px}
@media(max-width:700px){.v3-header .v3-logo img{height:34px}.v3-header{padding:8px 16px;gap:6px 12px}.v3-header nav a{padding:4px 0}}

/* dashboard bottom CTA banners (05 buyer / 06 seller references) */
.v2-account .account-bottom-banner{min-height:240px;border-radius:12px;padding:34px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:56%;background:#334d6d url('/assets/v3/img/buyer-dashboard-banner-1920.webp') left center/cover no-repeat;color:#fff;box-shadow:0 2px 6px #0f1d3018}
.v2-account .account-bottom-banner h2{font-family:var(--sans);font-size:34px;font-weight:700;margin:0 0 10px;color:inherit;letter-spacing:-.4px}
.v2-account .account-bottom-banner p{font-size:19px;line-height:1.4;margin:0 0 20px;color:inherit;opacity:.95}
.v2-account .account-bottom-banner .beige{background:var(--btn-cream);border:1px solid var(--btn-cream-b);color:#1b2433;font-size:18px;padding:14px 30px;border-radius:7px}
.v2-account.role-seller .account-bottom-banner{padding-left:61%;background-image:url('/assets/v3/img/seller-dashboard-banner-1920.webp');background-color:#ece5d4;color:#14213a}
.v2-account.role-seller .account-bottom-banner h2{font-family:var(--serif);font-size:36px}
.v2-account.role-seller .account-bottom-banner .beige{background:var(--sage-b);border-color:var(--sage-b);color:#fff}
@media(max-width:700px){.v2-account .account-bottom-banner{padding:24px 20px;min-height:260px;background-position:20% center;justify-content:flex-end}.v2-account .account-bottom-banner>*{position:relative}.v2-account .account-bottom-banner h2{font-size:26px}.v2-account .account-bottom-banner p{font-size:15px}.v2-account .account-bottom-banner{padding-left:20px;background-image:linear-gradient(0deg,#334d6df2 40%,#334d6d00 80%),url('/assets/v3/img/buyer-dashboard-banner-960.webp')}.v2-account.role-seller .account-bottom-banner{padding-left:61%;background-image:linear-gradient(0deg,#ece5d4f5 40%,#ece5d400 80%),url('/assets/v3/img/seller-dashboard-banner-960.webp')}}

/* ================= Seller Dashboard (06) ================= */
.sd{display:grid;grid-template-columns:clamp(220px,18vw,270px) minmax(0,1fr);background:#f8f9fb;max-width:1440px;margin:0 auto}
.sd-side{background:#f8f8f8;border-right:1px solid #e8ebf0;padding:26px 18px 30px}
.sd-co{text-align:center;margin-bottom:22px}
.sd-co img{width:104px;height:104px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 10px;box-shadow:0 2px 6px #0002}
.sd-co h3{font-size:18px;font-weight:700;margin:0 0 3px;color:#111}
.sd-co p{font-size:15px;color:#5b6573;margin:0 0 10px}
.sd-vpill{display:inline-flex;align-items:center;gap:7px;background:#e3eedb;color:#1d2a16;font-weight:600;font-size:16px;padding:6px 14px 6px 8px;border-radius:20px}
.sd-vpill .v3i{width:20px;height:20px;fill:#2f7a20;stroke:#fff;stroke-width:2.4}
.sd-side nav{display:flex;flex-direction:column;gap:3px}
.sd-side nav a,.sd-logout{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:7px;font-size:16px;color:#1b2433;position:relative;background:none;border:0;cursor:pointer;text-align:left;width:100%;font-family:var(--sans)}
.sd-side nav a:hover{background:#eef1f5}
.sd-side nav a.on{background:#5c728f;color:#fff;font-weight:600;box-shadow:0 2px 4px #0f1d3020}
.sd-side nav .v3i{width:22px;height:22px;stroke-width:1.7}
.sd-dot-badge{position:absolute;right:14px;width:16px;height:16px;border-radius:50%;background:#d61f26;box-shadow:inset 0 0 0 4px #d61f26,inset 0 0 0 6px #fff}
.sd-side hr{border:0;border-top:1px solid #e1e4e9;margin:10px 12px}
.sd-logout{color:#b0101a;font-size:17px}
.sd-main{padding:28px 24px 26px 28px;min-width:0;display:flex;flex-direction:column;gap:18px}
.sd-main h1{font-family:var(--sans);font-size:36px;font-weight:800;letter-spacing:-.6px;margin:0;color:#0e1726}
.sd-sub{font-size:18px;color:#3b4656;margin:-12px 0 2px}
.sd-card{background:#fff;border:1px solid #e3e7ed;border-radius:10px;box-shadow:0 2px 6px #0f1d300d;padding:16px 18px}
.sd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sd-stat{display:flex;align-items:center;gap:14px;padding:16px}
.sd-stat b{display:block;font-size:27px;white-space:nowrap;font-weight:800;line-height:1.1;color:#0e1726}
.sd-stat div span{display:block;font-size:15px;color:#1d2533;line-height:1.25;margin-top:3px}
.sd-ic{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
.sd-ic .v3i{width:27px;height:27px;stroke-width:1.6}
.sd-ic.blue{background:#dfe9f7;color:#173563}.sd-ic.green{background:#e3efdc;color:#2b5a1e}.sd-ic.beige{background:#f6ecd0;color:#4a3608}
.sd-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.sd-head h2{font-family:var(--sans);font-size:23px;font-weight:700;margin:0;color:#0e1726;letter-spacing:-.3px}
.sd-head>a{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:var(--navy-ink)}
.sd-head>a .v3i{width:16px;height:16px;stroke-width:2.2}
.sd-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #eceff3;font-size:14px;color:#1d2533}
.sd-row b{font-size:16px;color:#111}
.sd-row.inq{grid-template-columns:88px minmax(0,1fr) auto auto}.sd-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-row small{font-size:13px;color:#5b6573;white-space:nowrap}
.sd-view{background:#76854a;color:#fff;font-weight:600;font-size:14px;padding:6px 14px;border-radius:5px}
.sd-view:hover{background:#68773f}
.sd-pill{display:inline-block;font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px;white-space:nowrap;text-align:center}
.sd-pill.prod,.sd-pill.done{background:#d6e8cb;color:#1f3a14}
.sd-pill.ship{background:#d4e3f7;color:#14305a}
.sd-prods{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.sd-prods article{border:1px solid #e3e7ed;border-radius:8px;overflow:hidden;background:#fff;padding-bottom:10px}
.sd-prods .sd-pimg{display:block;aspect-ratio:1/1.06;background:#eeeff0;overflow:hidden}
.sd-prods img{width:100%;height:100%;object-fit:cover;display:block}
.sd-prods b{display:block;font-size:15px;font-weight:700;margin:9px 10px 6px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-prods .sd-pill{margin-left:10px;padding:4px 14px}
.sd-table-wrap{overflow-x:auto}
.sd-table{width:100%;border-collapse:collapse;margin:0;font-size:15px;min-width:640px}
.sd-table th{background:#f5f6f8;font-weight:700;font-size:14px;color:#111;padding:10px 12px;border-bottom:1px solid #e3e7ed;text-align:left}
.sd-table td{padding:10px 12px;border-bottom:1px solid #eceff3;color:#1d2533}
.sd-table tr:last-child td{border-bottom:0}
.sd-table td:last-child,.sd-table th:last-child{text-align:center}
.sd-period select{padding:7px 34px 7px 12px;font-size:13px}
.sd-period .v3i{width:16px;height:16px}
.sd-perf{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.6fr);gap:14px}
.sd-kpis{display:flex;flex-direction:column;gap:8px}
.sd-kpi{display:flex;align-items:center;gap:12px;border:1px solid #e3e7ed;border-radius:8px;padding:9px 12px;box-shadow:0 1px 3px #0f1d300a}
.sd-kpi .sd-ic{width:48px;height:48px;border-radius:8px}.sd-kpi .sd-ic .v3i{width:22px;height:22px}
.sd-kpi div{flex:1}.sd-kpi b{display:block;font-size:20px;font-weight:800;color:#0e1726}.sd-kpi div span{font-size:14px;color:#1d2533}
.sd-kpi em{font-style:normal;font-size:14px;font-weight:700;color:#2e7a26;display:inline-flex;align-items:center;gap:3px}
.sd-kpi em .v3i{width:14px;height:14px;stroke-width:2.6}
.sd-chart-box{border:1px solid #e3e7ed;border-radius:8px;padding:12px 14px 4px}
.sd-chart-head{display:flex;align-items:center;gap:16px;margin-bottom:2px}
.sd-chart-head h3{font-size:17px;font-weight:700;margin:0 auto 0 0;color:#111}
.sd-chart-head span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#1d2533}
.sd-chart-head i{width:10px;height:10px;border-radius:50%}.sd-chart-head i.now{background:#26487a}.sd-chart-head i.last{background:#8fb06e}
.sd-chart{width:100%;height:auto;display:block}
.sd-grid{stroke:#e6e9ee;stroke-width:1}
.sd-axis{font-size:12px;fill:#1d2533;font-family:var(--sans)}
.sd-line{fill:none;stroke-width:2.5}.sd-line.now{stroke:#26487a}.sd-line.last{stroke:#8fb06e}
.sd-dot.now{fill:#26487a}.sd-dot.last{fill:#8fb06e}
.sd-banner{grid-column:1/-1;margin:14px 18px 30px;border-radius:12px;overflow:hidden;min-height:260px;background:#e9e1cb url('/assets/v3/img/seller-dashboard-banner-1920.webp') left center/cover no-repeat;display:flex;align-items:center;justify-content:flex-end;box-shadow:0 2px 6px #0f1d3018}
.sd-banner>div{width:38%;padding:24px 30px 24px 0}
.sd-banner h2{font-family:var(--serif);font-size:38px;line-height:1.08;font-weight:700;margin:0 0 12px;color:#14213a;letter-spacing:-.3px}
.sd-banner p{font-size:18px;line-height:1.4;margin:0 0 18px;color:#1d2533}
.sd-banner .v3-btn{font-size:17px;padding:13px 28px;background:#5f6f2e}
.sd-banner .v3-btn:hover{background:#536226}
@media(max-width:1180px){.sd-prods{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.sd{grid-template-columns:220px minmax(0,1fr)}.sd-two,.sd-perf{grid-template-columns:1fr}.sd-banner>div{width:48%}}
@media(max-width:700px){.sd{display:block}.sd-side{padding:16px;border-right:0;border-bottom:1px solid #e8ebf0}.sd-co{display:grid;grid-template-columns:64px 1fr;text-align:left;column-gap:14px;align-items:center}.sd-co img{width:64px;height:64px;grid-row:span 3;margin:0}.sd-co p{margin:0 0 6px}.sd-co .sd-vpill{justify-self:start;font-size:12px}.sd-side nav{flex-direction:row;overflow-x:auto;gap:6px}.sd-side nav a,.sd-logout{white-space:nowrap;font-size:13px;padding:8px 12px;width:auto}.sd-side nav hr{display:none}.sd-dot-badge{position:static;width:10px;height:10px}.sd-main{padding:18px 14px}.sd-main h1{font-size:27px}.sd-stat b{font-size:20px}.sd-stat{padding:12px;gap:10px}.sd-ic{width:40px;height:40px}.sd-stat div span{font-size:13px}.sd-row,.sd-row.inq{grid-template-columns:72px 1fr auto;font-size:13px}.sd-row.inq small{display:none}.sd-prods{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-banner{margin:10px 14px 24px;min-height:300px;align-items:flex-end;background-image:linear-gradient(0deg,#e9e1cbf5 45%,#e9e1cb00 80%),url('/assets/v3/img/seller-dashboard-banner-960.webp');background-position:20% top}.sd-banner>div{width:100%;padding:20px}.sd-banner h2{font-size:28px}.sd-banner p br{display:none}}
body[data-page=account] #app{background:#f8f9fb}
.sd-co h3{white-space:nowrap;font-size:clamp(15px,1.25vw,18px)}
.sd-row b{white-space:nowrap}.sd-table td,.sd-table th{white-space:nowrap}
@media(max-width:700px){.sd-row,.sd-row.inq{grid-template-columns:auto minmax(0,1fr) auto}.sd-banner{background-image:linear-gradient(0deg,#e9e1cb 52%,#e9e1cbd9 66%,#e9e1cb00 88%),url('/assets/v3/img/seller-dashboard-banner-960.webp');min-height:360px}.sd-head h2{font-size:21px}.sd-head>a{font-size:14px;white-space:nowrap}.sd-chart-head{flex-wrap:wrap;gap:4px 12px}.sd-chart-head h3{width:100%}}

/* ================= Buyer Dashboard (05) ================= */
.bd-grid{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);gap:16px;padding:0 22px 0 0;min-width:0}
.bd-mid{padding-right:0}
.bd-right{display:flex;flex-direction:column;gap:18px;padding-top:28px;min-width:0}
.bd-av{width:84px;height:84px;border-radius:50%;background:#5c7290;color:#fff;font-size:32px;font-weight:700;display:grid;place-items:center;margin:0 auto 12px;box-shadow:0 2px 6px #0002}
.bd .sd-co{margin-bottom:24px}
.bd-badge{margin-left:auto;min-width:22px;height:22px;border-radius:11px;background:#d61f26;color:#fff;font-style:normal;font-size:13px;font-weight:700;display:grid;place-items:center;padding:0 6px}
.bd-ok{margin-left:auto;display:flex}.bd-ok .v3i{width:24px;height:24px;fill:#2f7a20;stroke:#fff;stroke-width:2.4}
.bd-logout{margin-top:28px}
.bd-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bd-stats .sd-stat{padding:18px}
.sd-ic.green .v3i{color:#2b6b1f}.sd-ic.beige{background:#f8edc9}.sd-ic.beige .v3i{color:#a37a06}.sd-ic.blue .v3i{color:#2a63b5}
.bd-rfq{grid-template-columns:88px minmax(0,1fr) auto auto}
.bd-rfq .wrap{white-space:normal;line-height:1.3}
.bd-qt{grid-template-columns:88px minmax(0,1fr) auto auto}
.bd-qt strong{font-size:15px;white-space:nowrap}
.sd-pill.rev{background:#d6e8cb;color:#1f3a14}.sd-pill.revy{background:#fbeaa8;color:#4a3a05}.sd-pill.closed{background:#f9d6d2;color:#8a1d14}
.bd-acct h2,.bd-h{font-family:var(--sans);font-size:23px;font-weight:700;margin:2px 0 14px;color:#0e1726;letter-spacing:-.3px}
.bd-co{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.bd-co>span{width:54px;height:54px;border-radius:10px;background:#eef1f5;display:grid;place-items:center;color:#2b4166}
.bd-co .v3i{width:28px;height:28px}
.bd-co b{display:block;font-size:18px;color:#111}.bd-co small{font-size:15px;color:#4b5563}
.bd-vbar{display:flex;align-items:center;gap:12px;background:#e3eedb;border-radius:9px;padding:12px 14px;margin-bottom:12px}
.bd-vbar>.v3i:first-child{width:30px;height:30px;fill:#2f7a20;stroke:#fff;stroke-width:2.4}
.bd-vbar b{flex:1;font-size:19px;color:#14200f}
.bd-vbar>.v3i:last-child{width:20px;height:20px;stroke-width:2.2}
.bd-acct ul{list-style:none;margin:0;padding:0 0 4px 16px}
.bd-acct li{display:flex;align-items:center;gap:12px;font-size:15px;padding:6px 0;color:#1d2533}
.bd-acct li .v3i{width:20px;height:20px;fill:#2f7a20;stroke:#fff;stroke-width:2.4}
.bd-msg{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #eceff3}
.bd-mi{width:42px;height:42px;border-radius:8px;background:#eef1f5;display:grid;place-items:center;color:#2b4166}.bd-mi .v3i{width:21px;height:21px}
.bd-msg b{display:block;font-size:15px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-msg small{font-size:14px;color:#3b4656}
.bd-msg em{font-style:normal;font-size:13px;color:#3b4656;display:flex;flex-direction:column;align-items:flex-end;gap:10px;align-self:start;white-space:nowrap}
.bd-msg em i{width:10px;height:10px;border-radius:50%;background:#d61f26}
.bd-tl{list-style:none;margin:0;padding:0;position:relative}
.bd-tl li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0 12px 34px;border-top:1px solid #eceff3;position:relative}
.bd-tl li::before{content:'';position:absolute;left:4px;top:15px;width:9px;height:9px;border-radius:50%;border:2.5px solid #2f7a20;background:#fff;z-index:1}
.bd-tl li.b::before{border-color:#3d86d6}
.bd-tl li::after{content:'';position:absolute;left:10px;top:0;bottom:0;width:1.5px;background:#d6dbe1}
.bd-tl li:first-child::after{top:20px}.bd-tl li:last-child::after{bottom:auto;height:20px}
.bd-tl b{display:block;font-size:15px;color:#111}.bd-tl small{font-size:14px;color:#3b4656;line-height:1.35}
.bd-tl em{font-style:normal;font-size:13px;color:#3b4656;white-space:nowrap}
.bd-banner{grid-column:1/-1;margin:24px 0 34px;border-radius:12px;overflow:hidden;min-height:280px;background:#2f4c72 url('/assets/v3/img/buyer-dashboard-banner-1920.webp') left center/cover no-repeat;display:flex;align-items:center;justify-content:flex-end;box-shadow:0 2px 6px #0f1d3018}
.bd-banner>div{width:44%;padding:28px 40px 28px 0;color:#fff}
.bd-banner h2{font-family:var(--sans);font-size:40px;font-weight:700;margin:0 0 12px;letter-spacing:-.6px;color:#fff}
.bd-banner p{font-size:22px;line-height:1.35;margin:0 0 24px;color:#eef2f7}
.bd-banner .v3-btn{font-size:20px;padding:15px 34px}
@media(max-width:1180px){.bd-grid{grid-template-columns:1fr;padding:0 22px 0 26px}.bd-mid{padding-left:0}.bd-right{padding-top:0}}
@media(max-width:700px){.bd-grid{padding:0 14px}.bd-mid{padding:18px 0 0}.bd-av{width:60px;height:60px;font-size:22px;grid-row:span 2;margin:0}.bd-rfq,.bd-qt{grid-template-columns:auto minmax(0,1fr) auto}.bd-rfq small,.bd-qt small{display:none}.bd-logout{margin-top:0}.bd-banner{margin:18px 14px 26px;min-height:360px;align-items:flex-end;background-image:linear-gradient(0deg,#2f4c72 50%,#2f4c72d0 65%,#2f4c7200 88%),url('/assets/v3/img/buyer-dashboard-banner-960.webp');background-position:20% top}.bd-banner>div{width:100%;padding:22px}.bd-banner h2{font-size:28px}.bd-banner p{font-size:16px}.bd-banner p br{display:none}.bd-banner .v3-btn{font-size:16px;padding:12px 22px}}
.sd-side nav a span{white-space:nowrap}
.sd-ic.beige,.sd-ic.blue,.sd-ic.green{padding:0;border:0;border-radius:10px;display:grid;place-items:center;text-align:center}

/* ================= Account sub-pages (dp) ================= */
.dp-main{gap:16px}
.dp-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dp-top .sd-sub{margin:4px 0 0}
.dp-actions{display:flex;gap:10px}.dp-actions .v3-btn{padding:11px 20px;font-size:15px}
.dp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sd-pill.pend{background:#eceef1;color:#374151}.sd-pill.conf{background:#d6e8cb;color:#1f3a14}.sd-pill.qc{background:#e8defa;color:#4b2a85}.sd-pill.shipd{background:#e3dafb;color:#43218a}.sd-pill.deliv{background:#cdeee6;color:#0f5246}.sd-pill.cancel{background:#f9d6d2;color:#8a1d14}.sd-pill.open,.sd-pill.new{background:#d4e3f7;color:#14305a}.sd-pill.draft{background:#eceef1;color:#4b5563}
.dp-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.dp-tabs{display:flex;gap:6px;flex-wrap:wrap}
.dp-tabs button{border:1px solid #dfe3e9;background:#fff;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;color:#2b3442;cursor:pointer}
.dp-tabs button span{color:#6b7280;font-weight:500}
.dp-tabs button.on{background:var(--navy);border-color:var(--navy);color:#fff}.dp-tabs button.on span{color:#d7deea}
.dp-search{display:flex;align-items:center;gap:8px;border:1px solid #d3d8df;border-radius:22px;padding:0 14px;background:#fff;min-width:240px}
.dp-search .v3i{width:18px;height:18px;color:#4b5563}
.dp-search input{border:0;outline:0;padding:10px 0;font-size:14px;width:100%;margin:0;background:none}
.dp-table td{vertical-align:middle}.dp-table td small{display:block;font-size:12px;color:#6b7280;margin-top:2px}
.dp-prod{display:flex;align-items:center;gap:12px;min-width:240px}
.dp-prod img{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#f1f1ef;flex-shrink:0}
.dp-prod b{display:block;font-size:14.5px;color:#111;white-space:normal}.dp-prod small{display:block;font-size:12.5px;color:#6b7280}
.dp-prod.lg img{width:80px;height:80px}.dp-prod.lg .sd-pill{margin-top:6px}
.dp-btn{display:inline-flex;align-items:center;gap:6px;background:#76854a;color:#fff;border:0;border-radius:6px;padding:7px 14px;font-size:13.5px;font-weight:600;cursor:pointer}
.dp-btn:hover{background:#68773f}.dp-btn .v3i{width:15px;height:15px;stroke-width:2}
.dp-btn.ghost{background:#fff;color:#1b2433;border:1px solid #cfd5dd}.dp-btn.ghost:hover{border-color:var(--navy)}
.dp-empty{text-align:center;color:#6b7280;padding:30px}
.dp-badge{display:inline-block;font-size:11.5px;font-weight:700;border-radius:4px;padding:2px 7px;margin:4px 4px 0 0}
.dp-badge.best{background:#e1eed6;color:#2a5a18}.dp-badge.fast{background:#dfe9f7;color:#1c3e70}
.dp-cc{display:inline-grid;place-items:center;min-width:24px;height:17px;border-radius:3px;background:#e9edf3;color:#334d6d;font-size:10.5px;font-weight:800;letter-spacing:.3px;padding:0 4px;vertical-align:middle}
.dp-modal h3{margin:18px 0 8px}
/* inquiries */
.dp-inq{display:flex;flex-direction:column}
.dp-inq article{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #eceff3}
.dp-inq article>img{width:86px;height:86px;border-radius:9px;object-fit:cover;background:#f1f1ef}
.dp-inq-main>div{display:flex;align-items:center;gap:10px}.dp-inq-main>div small{color:#6b7280;font-size:13px;margin-left:auto}
.dp-inq h3{font-size:17px;margin:4px 0 2px}.dp-inq p{margin:0;font-size:14px;color:#3b4656}
.dp-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px!important}.dp-meta span{display:inline-flex;align-items:center;gap:5px}.dp-meta .v3i{width:15px;height:15px}
.dp-inq-act{display:flex;flex-direction:column;gap:8px}.dp-inq-act .v3-btn{padding:9px 18px;font-size:14px}
/* quotes */
.dp-quotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.dp-quote{border:1px solid #e3e7ed;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px;background:#fff}
.dp-qhead{display:flex;align-items:center;gap:10px}.dp-qhead img,.dp-ava{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0}
.dp-ava{display:grid;place-items:center;background:#dfe5ee;color:var(--navy);font-weight:700}
.dp-qhead>div{flex:1;min-width:0}.dp-qhead b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-qhead small{font-size:12.5px;color:#4b5563;display:flex;align-items:center;gap:4px}.dp-qhead small .v3i{width:13px;height:13px;color:#f5a70a;fill:#fbb315;stroke-width:1}
.dp-qprod{display:flex;gap:12px;align-items:center;background:#f7f8fa;border-radius:8px;padding:8px}
.dp-qprod img{width:60px;height:60px;border-radius:7px;object-fit:cover}.dp-qprod b{display:block;font-size:14.5px}.dp-qprod small{display:block;font-size:12.5px;color:#6b7280}
.dp-quote dl,.dp-order dl,.dp-sup dl{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;margin:0}
.dp-quote dt,.dp-order dt,.dp-sup dt{font-size:12px;color:#6b7280}.dp-quote dd,.dp-order dd,.dp-sup dd{margin:0;font-size:14.5px;color:#111}
.dp-qact{display:flex;gap:8px}.dp-qact .v3-btn{flex:1;padding:10px;font-size:14px}.dp-qact .v3i{width:16px;height:16px}
/* orders */
.dp-chips{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.dp-chips button{background:#fff;border:1px solid #e3e7ed;border-radius:10px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;box-shadow:0 2px 4px #0f1d300a}
.dp-chips button .v3i{width:22px;height:22px;color:#334d6d}.dp-chips b{font-size:20px;color:#0e1726}.dp-chips span{font-size:12px;color:#4b5563;text-align:center}
.dp-chips button.on{background:var(--navy);border-color:var(--navy)}.dp-chips button.on *{color:#fff}
.dp-orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:14px}
.dp-order{display:flex;flex-direction:column;gap:12px}
.dp-ohead{display:flex;justify-content:space-between;align-items:center}.dp-ohead b{font-size:17px}.dp-ohead small{display:block;font-size:12.5px;color:#6b7280}
.dp-obody{display:flex;gap:14px}.dp-obody>img{width:104px;height:104px;border-radius:9px;object-fit:cover;background:#f1f1ef;flex-shrink:0}
.dp-oinfo{flex:1;min-width:0}.dp-oinfo h3{font-size:16px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-oinfo p{font-size:13.5px;margin:0 0 8px;color:#3b4656}
.dp-oinfo dl{grid-template-columns:repeat(4,auto)}
.dp-track{list-style:none;margin:0;padding:6px 0 0;display:grid;grid-template-columns:repeat(5,1fr)}
.dp-track li{position:relative;text-align:center;font-size:11.5px;color:#9aa3ae}
.dp-track li i{display:block;width:16px;height:16px;border-radius:50%;background:#e3e7ed;margin:0 auto 6px;position:relative;z-index:1;border:3px solid #fff;box-shadow:0 0 0 1px #d3d8df}
.dp-track li::before{content:'';position:absolute;top:8px;left:-50%;right:50%;height:3px;background:#e3e7ed}
.dp-track li:first-child::before{display:none}
.dp-track li.done{color:#2b5a1e}.dp-track li.done i{background:#6f8a3c;box-shadow:0 0 0 1px #6f8a3c}.dp-track li.done::before,.dp-track li.cur::before{background:#6f8a3c}
.dp-track li.cur{color:#14305a;font-weight:700}.dp-track li.cur i{background:#334d6d;box-shadow:0 0 0 4px #c9d5e6}
.dp-wait,.dp-cancel{margin:0;font-size:13.5px;padding:10px 12px;border-radius:7px;display:flex;align-items:center;gap:8px}.dp-wait{background:#f5f6f8;color:#374151}.dp-wait .v3i{width:16px;height:16px}.dp-cancel{background:#fdecea;color:#8a1d14}
.dp-oact{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #eceff3;padding-top:10px}
.dp-oact>div{display:flex;gap:8px;flex-wrap:wrap}.dp-oact .v3-btn{padding:8px 13px;font-size:13.5px}.dp-oact .v3i{width:15px;height:15px}
.dp-trk{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#3b4656}.dp-trk .v3i{width:16px;height:16px}
/* saved suppliers */
.dp-sup{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.dp-sup article{padding:0;overflow:hidden;display:flex;flex-direction:column}
.dp-sup-img{position:relative;aspect-ratio:2.1;overflow:hidden}.dp-sup-img img{width:100%;height:100%;object-fit:cover;object-position:center 62%}
.dp-sup-b{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.dp-sup-b h3{font-size:17px;margin:0;display:flex;align-items:center;gap:6px}
.dp-sup-loc{margin:0;font-size:13.5px;color:#3b4656;display:flex;align-items:center;gap:6px}
.dp-sup-rate{margin:0;display:flex;align-items:center;gap:6px;font-size:14px}.dp-sup-rate small{color:#6b7280}.dp-sup-rate .v3-star .v3i{width:16px;height:16px}
.dp-chipset{display:flex;flex-wrap:wrap;gap:6px}.dp-chipset span{background:#eef1f5;color:#26364f;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:14px;display:inline-flex;align-items:center;gap:5px}
.dp-chipset.cert span{background:#e3eedb;color:#24421a}.dp-chipset .v3i{width:14px;height:14px}
.dp-sup dl{grid-template-columns:repeat(3,1fr);padding:8px 0;border-top:1px solid #eceff3;border-bottom:1px solid #eceff3}
.dp-sup-act{display:flex;gap:8px;margin-top:auto}.dp-sup-act .v3-btn{flex:1;padding:10px;font-size:14px}.dp-sup-act .v3i{width:16px;height:16px}
.dm-ver{display:inline-flex;vertical-align:middle}.dm-ver .v3i{width:18px;height:18px;fill:#2f62c0;stroke:#fff;stroke-width:2.4}
/* products */
.dp-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.dp-pgrid article{border:1px solid #e3e7ed;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.dp-pimg{position:relative;display:block;aspect-ratio:1;background:#f1f1ef}.dp-pimg img{width:100%;height:100%;object-fit:cover}.dp-pimg .sd-pill{position:absolute;top:10px;left:10px}
.dp-pgrid article>div{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}
.dp-pgrid h3{font-size:14.5px;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dp-pp{margin:0;font-weight:700;font-size:16px}.dp-pp small{font-weight:400;font-size:13px}
.dp-pm{margin:0;display:flex;gap:12px;font-size:12.5px;color:#4b5563}.dp-pm span{display:inline-flex;align-items:center;gap:4px}.dp-pm .v3i{width:14px;height:14px}
.dp-pact{display:flex;gap:6px;margin-top:auto}.dp-pact .dp-btn{flex:1;justify-content:center}
/* forms / modal */
.dp-form{display:flex;flex-direction:column;gap:12px}
.dp-form label{display:block;font-size:13.5px;font-weight:600;color:#1d2533}
.dp-form input,.dp-form select,.dp-form textarea{width:100%;margin-top:5px;border:1px solid #c8ced6;border-radius:6px;padding:10px 12px;font-size:14px;background:#fff}
.dp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dp-upl{border:1.5px dashed #9aa8b9;border-radius:10px;padding:22px;text-align:center;background:#f7f8fa;display:flex;flex-direction:column;align-items:center;gap:4px}.dp-upl .v3i{width:28px;height:28px}.dp-upl small{color:#6b7280}
/* profiles */
.dp-cover{padding:0;overflow:hidden}
.dp-cover-img{height:170px;background:#334d6d url('/assets/v3/img/buyer-dashboard-banner-1920.webp') center/cover}
.dp-cover.seller .dp-cover-img{background-image:url('/assets/v3/img/seller-dashboard-banner-1920.webp')}
.dp-cover-b{display:flex;align-items:flex-end;gap:18px;padding:0 22px 18px;margin-top:-44px}
.dp-cover-b .bd-av,.dp-logo{width:104px;height:104px;border:4px solid #fff;margin:0;flex-shrink:0}
.dp-logo{border-radius:50%;object-fit:cover;box-shadow:0 2px 6px #0002}
.dp-cover-b>div{flex:1;min-width:0}.dp-cover-b h2{font-size:26px;margin:0 0 2px;display:flex;align-items:center;gap:8px}.dp-cover-b p{margin:2px 0;color:#3b4656;font-size:14.5px}
.dp-cover-b .v3-btn{padding:10px 18px;font-size:14px}.dp-cover-b .v3-btn .v3i{width:16px;height:16px}
.dp-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dp-dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.dp-dl dt{font-size:12.5px;color:#6b7280}.dp-dl dd{margin:2px 0 0;font-size:15px;color:#111;font-weight:500}
.dp-pct{font-size:18px;color:#2b5a1e}
.dp-meter{height:10px;border-radius:6px;background:#e6e9ee;overflow:hidden;margin:4px 0 14px}.dp-meter i{display:block;height:100%;width:92%;background:linear-gradient(90deg,#8fb06e,#5f7f34);border-radius:6px}
.dp-check{list-style:none;margin:0;padding:0}.dp-check li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14.5px;color:#6b7280}.dp-check li .v3i{width:20px;height:20px}
.dp-check li.ok{color:#1d2533}.dp-check li.ok .v3i{fill:#2f7a20;stroke:#fff;stroke-width:2.4}
.dp-contact{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #eceff3}.dp-contact b{display:block}.dp-contact small{display:flex;align-items:center;gap:5px;font-size:13px;color:#4b5563;flex-wrap:wrap}.dp-contact .v3i{width:14px;height:14px}
.dp-h4{font-size:14px;margin:14px 0 8px;color:#111}.dp-p{font-size:15px;line-height:1.6;color:#1d2533;margin:0}
.dp-gal{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.dp-gal img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
/* verification */
.dp-vhero{display:flex;align-items:center;gap:18px;background:linear-gradient(100deg,#eef5e8,#fff)}
.dp-vbig{width:70px;height:70px;border-radius:50%;background:#2f7a20;display:grid;place-items:center;color:#fff;flex-shrink:0}.dp-vbig .v3i{width:38px;height:38px}
.dp-vhero h2{margin:0 0 4px;font-size:24px}.dp-vhero p{margin:0;color:#3b4656}.dp-vhero>div{flex:1}
.dp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.dp-steps li{border:1px solid #d6e8cb;background:#f6faf2;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px}
.dp-steps i{width:30px;height:30px;border-radius:50%;background:#2f7a20;display:grid;place-items:center;color:#fff}.dp-steps i .v3i{width:18px;height:18px;stroke-width:2.6}
.dp-steps small{font-size:12.5px;color:#4b5563}
.dp-doc{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eceff3}.dp-doc>span{width:40px;height:40px;border-radius:8px;background:#fdecea;color:#c0281e;display:grid;place-items:center;flex-shrink:0}.dp-doc>span .v3i{width:20px;height:20px}
.dp-doc>div{flex:1;min-width:0}.dp-doc b{display:block;font-size:14.5px}.dp-doc small{font-size:12.5px;color:#6b7280}
/* analytics */
.dp-legend{display:flex;align-items:center;gap:6px;font-size:13px}.dp-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:10px}.dp-legend i.now{background:#26487a}.dp-legend i.last{background:#8fb06e}
.dp-hbar{display:grid;grid-template-columns:44px 1fr 60px;gap:12px;align-items:center;padding:8px 0}.dp-hbar.nc{grid-template-columns:1fr 60px}
.dp-hbar img{width:44px;height:44px;border-radius:7px;object-fit:cover}.dp-hbar b{font-size:14px;display:block;margin-bottom:5px}
.dp-hbar i{display:block;height:9px;background:#eceff3;border-radius:5px;overflow:hidden}.dp-hbar em{display:block;height:100%;background:#334d6d;border-radius:5px}.dp-hbar em.g{background:#8fb06e}
.dp-hbar>span{text-align:right;font-weight:700;font-size:14px}
.w0{width:4%}.w1{width:10%}.w2{width:20%}.w3{width:30%}.w4{width:40%}.w5{width:50%}.w6{width:60%}.w7{width:70%}.w8{width:80%}.w9{width:90%}.w10{width:100%}
/* settings */
.dp-set{display:flex;flex-direction:column;gap:16px;margin-top:16px;max-width:820px}
.dp-tg{display:flex;flex-direction:column}
.dp-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #eceff3;cursor:pointer;font-weight:400!important}
.dp-toggle b{display:block;font-size:15px}.dp-toggle small{font-size:13px;color:#6b7280}
.dp-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.dp-toggle i{width:46px;height:26px;border-radius:14px;background:#cfd5dd;position:relative;flex-shrink:0;transition:background .15s}
.dp-toggle i::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .15s}
.dp-toggle input:checked+i{background:#76854a}.dp-toggle input:checked+i::after{left:23px}
.dp-toggle input:focus-visible+i{outline:2px solid var(--navy);outline-offset:2px}
.dp-save{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #eceff3;padding-top:14px}

/* ================= Messenger (dm) ================= */
.dm{display:grid;grid-template-columns:300px minmax(0,1fr) 330px;gap:14px;height:calc(100vh - 200px);min-height:640px}
.dm>*{background:#fff;border:1px solid #e3e7ed;border-radius:12px;box-shadow:0 2px 6px #0f1d300d;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.dm-list{padding:12px}.dm-list .dp-search{min-width:0}
.dm-filt{display:flex;gap:6px;margin:10px 0}
.dm-filt button{border:0;background:#eef1f5;border-radius:16px;padding:7px 13px;font-size:13px;font-weight:600;color:#1b2433;cursor:pointer}.dm-filt button.on{background:var(--navy);color:#fff}
#dmConvs{overflow-y:auto;flex:1;margin:0 -12px;padding:0 6px}
.dm-conv{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;border:0;background:none;padding:11px 8px;border-radius:10px;cursor:pointer;border-bottom:1px solid #f0f2f5}
.dm-conv:hover{background:#f5f7fa}.dm-conv.on{background:#e6edf6}
.dm-ava{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;display:grid;place-items:center;background:#dfe5ee;color:var(--navy);font-weight:800;font-size:19px}
.dm-ava.sm{width:36px;height:36px;font-size:15px;border-radius:8px}
.dm-conv b{display:flex;align-items:center;gap:4px;font-size:14px;color:#111;white-space:nowrap;overflow:hidden}.dm-conv span{display:block;font-size:13px;color:#3b4656;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-conv em{font-style:normal;font-size:12px;color:#334d6d;display:flex;flex-direction:column;align-items:flex-end;gap:6px;align-self:start;white-space:nowrap}
.dm-conv em i{min-width:20px;height:20px;border-radius:10px;background:#d61f26;color:#fff;font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center}
.dm-conv .dm-ver .v3i{width:15px;height:15px}
.dm-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #eceff3}
.dm-head>div:nth-child(2){flex:1;min-width:0}.dm-head b{display:flex;align-items:center;gap:6px;font-size:17px;color:#111}
.dm-head small{display:flex;align-items:center;gap:6px;font-size:13px;color:#3b4656}.dm-head small i{width:9px;height:9px;border-radius:50%;background:#9aa3ae}.dm-head small i.on{background:#2fa84f}.dm-head small span{color:#c8ced6}
.dm-tools{display:flex;gap:8px}.dm-tools button{width:40px;height:40px;border-radius:50%;border:1px solid #dfe3e9;background:#fff;display:grid;place-items:center;cursor:pointer;color:#1b2433}.dm-tools .v3i{width:19px;height:19px}
.dm-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#fafbfc}
.dm-day{align-self:center;background:#e3e7ed;color:#1b2433;font-weight:700;font-size:12.5px;padding:4px 14px;border-radius:12px}
.dm-row{display:flex;gap:10px;align-items:flex-end;max-width:78%}.dm-row.me{align-self:flex-end;flex-direction:row-reverse}
.dm-bub{background:#eef0f3;border-radius:14px 14px 14px 4px;padding:10px 14px;font-size:14.5px;line-height:1.45;color:#111;min-width:0}
.dm-row.me .dm-bub{background:#dbe5f2;border-radius:14px 14px 4px 14px}
.dm-bub p{margin:0}.dm-bub time{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11.5px;color:#4b5563;margin-top:4px}.dm-bub time .v3i{width:15px;height:15px;color:#334d6d;stroke-width:2.2}
.dm-file{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e7ed;border-radius:10px;padding:8px 10px;margin-top:6px;min-width:250px}
.dm-file>span{width:40px;height:44px;border-radius:6px;background:#d9342b;color:#fff;display:grid;place-items:center}.dm-file>span .v3i{width:22px;height:22px}
.dm-file>div{flex:1;min-width:0}.dm-file b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-file small{font-size:12px;color:#334d6d}
.dm-file button{width:36px;height:36px;border:1px solid #e3e7ed;border-radius:8px;background:#fff;display:grid;place-items:center;cursor:pointer}.dm-file button .v3i{width:18px;height:18px}
.dm-pcard{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e3e7ed;border-radius:10px;padding:8px;margin-top:6px;min-width:250px}
.dm-pcard img{width:64px;height:64px;border-radius:8px;object-fit:cover}.dm-pcard b{display:block;font-size:13.5px}.dm-pcard small{font-size:12.5px;color:#4b5563}
.dm-bub.typing{display:flex;gap:4px;padding:14px}.dm-bub.typing i{width:7px;height:7px;border-radius:50%;background:#8a94a3;animation:dmT 1s infinite}.dm-bub.typing i:nth-child(2){animation-delay:.15s}.dm-bub.typing i:nth-child(3){animation-delay:.3s}
@keyframes dmT{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.dm-quick{display:flex;gap:8px;padding:10px 14px 0;overflow-x:auto}
.dm-quick button{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe3e9;background:#fff;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;color:#111;white-space:nowrap;cursor:pointer}.dm-quick button:hover{border-color:var(--navy)}.dm-quick .v3i{width:16px;height:16px;color:#334d6d}
.dm-compose{display:flex;align-items:center;gap:10px;padding:12px 14px}
.dm-plus,.dm-send{width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.dm-plus{background:#eef1f5;color:#1b2433}.dm-send{background:var(--navy);color:#fff}.dm-send:hover{background:var(--navy-d)}
.dm-plus .v3i,.dm-send .v3i{width:20px;height:20px}
.dm-compose label{flex:1;display:flex;align-items:center;border:1px solid #c9d2de;border-radius:24px;padding:0 6px 0 16px;background:#fff}
.dm-compose input{flex:1;border:0;outline:0;padding:11px 0;font-size:14.5px;margin:0;background:none;min-width:0}
.dm-compose label button{border:0;background:none;padding:6px;cursor:pointer;display:grid}.dm-compose label .v3i{width:22px;height:22px;color:#1b2433}
.dm-info{padding:16px;overflow-y:auto!important}
.dm-prof{display:flex;gap:14px;align-items:center}.dm-prof img,.dm-big-ava{width:92px;height:92px;border-radius:12px;object-fit:cover;flex-shrink:0}
.dm-big-ava{display:grid;place-items:center;background:#dfe5ee;color:var(--navy);font-size:36px;font-weight:800}
.dm-prof b{display:flex;align-items:center;gap:6px;font-size:17px;color:#111}.dm-prof span{display:flex;align-items:center;gap:6px;font-size:14px;color:#3b4656;margin:4px 0 8px}
.dm-prof .sd-vpill{font-style:normal;font-size:13px}
.dm-rate{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0;padding-bottom:12px;border-bottom:1px solid #eceff3}
.dm-rate>div{display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center}.dm-rate>div .v3i{width:22px;height:22px;color:#f5a70a;fill:#fbb315;stroke-width:1}.dm-rate b{font-size:19px}.dm-rate small{grid-column:1/-1;font-size:13px;color:#3b4656}
.dm-rate button{display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--navy);color:var(--navy);background:#fff;border-radius:20px;padding:7px 12px;font-weight:600;font-size:13px;cursor:pointer}.dm-rate button .v3i{width:15px;height:15px}
.dm-facts{display:flex;flex-direction:column;gap:7px;margin:12px 0}
.dm-facts p{display:grid;grid-template-columns:20px 112px 1fr;gap:8px;align-items:center;margin:0;font-size:13px}.dm-facts .v3i{width:17px;height:17px;color:#334d6d}.dm-facts span{color:#3b4656}.dm-facts b{font-weight:500;color:#111}
.dm-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e3e7ed;border-radius:9px;overflow:hidden;margin:6px 0 8px}
.dm-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:#f5f7fa;padding:10px 4px;font-weight:700;font-size:13.5px;color:#26364f;cursor:pointer}.dm-tabs button+button{border-left:1px solid #e3e7ed}.dm-tabs button.on{background:var(--navy);color:#fff}.dm-tabs .v3i{width:16px;height:16px}
.dm-ot{width:100%;border-collapse:collapse;font-size:12.5px;margin:0}.dm-ot th{background:#f5f6f8;font-size:12px;padding:8px 6px;text-align:left}.dm-ot td{padding:8px 6px;border-bottom:1px solid #eceff3}.dm-ot a{color:#2f62c0;text-decoration:underline;font-weight:600}.dm-ot .sd-pill{font-size:11px;padding:3px 8px}
.dm-media{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dm-media img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}
.dm-files p{display:flex;align-items:center;gap:10px;margin:0;padding:9px 0;border-bottom:1px solid #eceff3}.dm-files p>.v3i{width:22px;height:22px;color:#c0281e}.dm-files span{flex:1;min-width:0}.dm-files b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-files small{font-size:12px;color:#6b7280}.dm-files button{border:1px solid #e3e7ed;background:#fff;border-radius:7px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.dm-files button .v3i{width:16px;height:16px}
.dm-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dm-pick button{border:1px solid #e3e7ed;border-radius:9px;background:#fff;padding:8px;text-align:left;cursor:pointer}.dm-pick img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.dm-pick b{display:block;font-size:12.5px;margin-top:5px}.dm-pick small{font-size:11.5px;color:#6b7280}

/* ================= Notifications (dn) ================= */
.dn{padding:16px 18px}
.dn-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.dn-tabs{display:flex;gap:8px;flex-wrap:wrap}
.dn-tabs button{display:inline-flex;align-items:center;gap:8px;border:0;background:#eef1f5;border-radius:9px;padding:11px 20px;font-size:15px;font-weight:600;color:#111;cursor:pointer}.dn-tabs .v3i{width:20px;height:20px}
.dn-tabs button.on{background:var(--navy);color:#fff}
.dn-act{display:flex;align-items:center;gap:14px}.dn-act span{width:1px;height:22px;background:#d3d8df}
.dn-act button,.dn-act a{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font-size:14.5px;font-weight:600;cursor:pointer}.dn-act button{color:var(--navy-ink)}.dn-act a{color:#111}.dn-act .v3i{width:19px;height:19px}
.dn-g{font-size:19px;font-weight:800;margin:16px 0 6px;color:#0e1726}
.dn-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto 14px 20px;gap:14px;align-items:center;width:100%;text-align:left;border:1px solid #edf0f4;background:#fff;border-radius:9px;padding:9px 14px;margin-bottom:6px;cursor:pointer}
.dn-row:hover{border-color:#c9d2de}.dn-row.unread{background:#eef3fa;border-color:#dfe8f4}
.dn-ic{width:44px;height:44px;border-radius:10px;display:grid;place-items:center}.dn-ic .v3i{width:22px;height:22px}
.dn-ic.amber{background:#fbeccb;color:#9a5b05}.dn-ic.violet{background:#ece4fb;color:#6b3fc4}.dn-ic.green{background:#dff1e2;color:#20803a}.dn-ic.blue{background:#dfe9f7;color:#2a63b5}.dn-ic.orange{background:#fde3d2;color:#c4560e}.dn-ic.sky{background:#dcf0f7;color:#16799c}.dn-ic.pink{background:#fbe1ea;color:#c22d63}
.dn-row p{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dn-row p b{font-size:15.5px;color:#111}
.dn-row p em{font-style:normal;font-size:12.5px;font-weight:600;color:#2f4f86;background:#e4ebf6;padding:2px 10px;border-radius:10px}
.dn-row small{display:block;font-size:14px;color:#1d2533;margin-top:2px}
.dn-row time{font-size:13.5px;color:#1d2533;white-space:nowrap}
.dn-dot{width:11px;height:11px;border-radius:50%;background:transparent}.dn-row.unread .dn-dot{background:#2f62c0}
.dn-row>.v3i{width:18px;height:18px;stroke-width:2.2}

/* responsive (dp/dm/dn) */
@media(max-width:1280px){.dm{grid-template-columns:270px minmax(0,1fr)}.dm-info{display:none!important}.dp-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.dp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-cols{grid-template-columns:1fr}.dp-orders{grid-template-columns:1fr}.dp-gal{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.dm{grid-template-columns:1fr;height:auto;min-height:0}.dm-list{max-height:300px}.dm-chat{height:78vh}.dm-row{max-width:92%}.dm-file,.dm-pcard{min-width:0}.dm-head b{font-size:15px}.dm-tools button{width:34px;height:34px}
 .dp-inq article{grid-template-columns:64px minmax(0,1fr)}.dp-inq article>img{width:64px;height:64px}.dp-inq-act{grid-column:1/-1;flex-direction:row}.dp-inq-act .v3-btn{flex:1}
 .dp-obody>img{width:76px;height:76px}.dp-oinfo dl{grid-template-columns:repeat(2,auto)}.dp-track li span{font-size:9.5px}.dp-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dp-chips span{font-size:10px}
 .dp-search{min-width:0;width:100%}.dp-grid2,.dp-dl{grid-template-columns:1fr}.dp-cover-b{flex-wrap:wrap}.dp-cover-b h2{font-size:21px}
 .dn-row{grid-template-columns:40px minmax(0,1fr) 10px;gap:10px;padding:9px 10px}.dn-row time{grid-column:2;font-size:12px}.dn-row>.v3i{display:none}.dn-ic{width:40px;height:40px}.dn-tabs button{padding:8px 12px;font-size:13px}.dn-act{width:100%;justify-content:space-between}}
.dp-cover-b>div{padding-top:52px}
.dp-chartwrap{max-width:860px;margin:0 auto}
/* fixes: icon/pill overflow */
.dp-doc>span{width:auto;height:auto;background:none;border-radius:0}
.dp-doc>span:first-child{width:40px;height:40px;border-radius:8px;background:#fdecea;color:#c0281e;display:grid;place-items:center;flex-shrink:0}
.dp-doc>.sd-pill,.dp-doc>.dp-btn{flex-shrink:0}
.dm-prof span{display:inline;margin:0}.dm-prof>div>span{display:flex;align-items:center;gap:6px;font-size:14px;color:#3b4656;margin:4px 0 8px}
.dm-conv span{display:inline}.dm-conv>div>span{display:block;font-size:13px;color:#3b4656;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-conv>div>b{min-width:0;text-overflow:ellipsis}.dm-conv .dm-ver{flex-shrink:0}
.dm-head{min-width:0}.dm-head>div:nth-child(2) b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.dm-head>div:nth-child(2) b .dm-ver,.dm-head>div:nth-child(2) b .dp-cc{margin-right:4px}
.dm-tools{flex-shrink:0;gap:6px}.dm-tools button{width:36px;height:36px}.dm-tools .v3i{width:17px;height:17px}
.dm-quick{flex-wrap:wrap;overflow:visible;padding-top:10px}
.dm-ot td:nth-child(2){max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-ot td,.dm-ot th{white-space:nowrap}
@media(max-width:1500px){.dm{grid-template-columns:280px minmax(0,1fr)}.dm-info{display:none!important}}
.dm-conv>div>b,.dm-head>div:nth-child(2) b{display:flex!important;align-items:center;gap:5px;min-width:0}
.dm-conv .nm,.dm-head .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important;color:inherit;font-size:inherit}
.dm-ot{table-layout:fixed}.dm-ot th:nth-child(1),.dm-ot td:nth-child(1){width:72px}.dm-ot th:nth-child(3),.dm-ot td:nth-child(3){width:112px;text-align:right}
.dm-ot td:nth-child(2){max-width:none;overflow:hidden;text-overflow:ellipsis}.dm-ot td small{display:block;font-size:11px;color:#6b7280}
@media(max-width:700px){.dp-orders{grid-template-columns:minmax(0,1fr)}.dp-order{min-width:0}.dp-oinfo dl{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-oact>div{width:100%}.dp-oact .v3-btn{flex:1}.dp-track{gap:0}}
.dp-doc>.sd-pill{border-radius:20px;padding:5px 14px;width:auto;height:auto;display:inline-block}
.dp-saved article{position:relative}.dp-unsave{top:10px;right:10px}
.dp-saved h3 a{color:inherit}.dp-saved .dp-pimg .sd-pill{left:10px;top:10px}
.dp-emptybox{text-align:center;padding:40px 20px;color:#3b4656}.dp-emptybox .v3i{width:44px;height:44px;color:#c2373a}.dp-emptybox h3{margin:10px 0 4px}
.sd.sd-wide{max-width:none}
.dm{grid-template-columns:290px minmax(0,1fr) 310px}
.dm-head{padding:14px 18px}.dm-compose{padding:12px 18px 16px}.dm-quick{padding:10px 18px 0}.dm-body{padding:18px}
.dm-tools{margin-left:8px}
@media(max-width:1500px){.dm{grid-template-columns:280px minmax(0,1fr)}}

/* messenger: company details as slide-in overlay (chat keeps its size) */
.dm,.dm[class]{grid-template-columns:290px minmax(0,1fr)!important;position:relative}
.dm>.dm-info{display:flex!important;position:absolute;top:0;right:0;bottom:0;width:360px;max-width:100%;z-index:6;transform:translateX(calc(100% + 24px));opacity:0;visibility:hidden;transition:transform .28s ease,opacity .2s ease,visibility 0s linear .28s;box-shadow:-12px 0 28px #0f1d3026}
.dm.info-open>.dm-info{transform:none;opacity:1;visibility:visible;transition:transform .28s ease,opacity .2s ease}
.dm-info-top{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 12px}
.dm-info-top b{font-size:15px;color:#111}
.dm-info-top button{width:34px;height:34px;border-radius:50%;border:1px solid #dfe3e9;background:#fff;display:grid;place-items:center;cursor:pointer}
.dm-info-top .v3i{width:18px;height:18px;transform:rotate(45deg)}
.dm-tools button.on{background:var(--navy);border-color:var(--navy);color:#fff}
@media(max-width:700px){.dm,.dm[class]{grid-template-columns:1fr!important}.dm>.dm-info{width:100%;top:auto;height:85vh}}
@media(prefers-reduced-motion:reduce){.dm>.dm-info{transition:none}}
.dm-info-top button{padding:0!important;flex-shrink:0;min-width:34px}.dm-tools button,.dm-plus,.dm-send,.dm-file button,.dm-files button{padding:0!important;flex-shrink:0}
.dm-page .dm{height:calc(100vh - 140px);min-height:600px}
@media(max-width:700px){.dm-page .dm{height:auto}}
body:has(.dm-page) #chatBtn{display:none!important}

/* ================= Floating help chat (gtHelp) ================= */
#chatBtn{display:none!important}
#gtHelp{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--sans)}
body[data-page=rfq] #gtHelp,body:has(.dm-page) #gtHelp{display:none}
.gth-btn{position:relative;width:60px;height:60px;border-radius:50%;border:0;padding:0!important;background:var(--navy);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px #1b2f4a55;transition:background .2s,transform .2s}
.gth-btn:hover{background:#76854a;transform:translateY(-2px)}
.gth-btn>svg{width:28px;height:28px;position:relative;z-index:1;transition:transform .25s}
.gth-btn.open>svg{transform:scale(.9)}
.gth-ring{position:absolute;inset:0;border-radius:50%;border:2px solid #334d6d;animation:gthPulse 2.8s ease-out infinite}
.gth-btn.open .gth-ring{display:none}
@keyframes gthPulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.55);opacity:0}100%{opacity:0}}
.gth-online{position:absolute;top:4px;right:4px;width:13px;height:13px;border-radius:50%;background:#3fb35f;border:2.5px solid #fff;z-index:2}
.gth-badge{position:absolute;top:-4px;left:-4px;min-width:21px;height:21px;border-radius:11px;background:#d61f26;color:#fff;font-style:normal;font-size:12px;font-weight:700;display:grid;place-items:center;border:2px solid #fff;z-index:2}
.gth-badge[hidden]{display:none}
.gth-btn.wiggle{animation:gthWiggle 1.1s ease-in-out}
@keyframes gthWiggle{0%,100%{transform:rotate(0)}15%{transform:rotate(-14deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-9deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}
.gth-greet{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e7ed;border-radius:14px 14px 4px 14px;padding:12px 34px 12px 12px;box-shadow:0 10px 28px #0f1d302e;max-width:270px;cursor:pointer;animation:gthIn .35s ease-out}
.gth-greet[hidden]{display:none}
.gth-greet img{width:34px;height:34px;flex-shrink:0}
.gth-greet p{margin:0;font-size:14px;line-height:1.35;color:#1b2433}
.gth-gx{position:absolute;top:6px;right:6px;width:22px;height:22px;border:0;padding:0!important;border-radius:50%;background:#f1f3f6;color:#4b5563;display:grid;place-items:center;cursor:pointer}
.gth-gx svg{width:13px;height:13px}
@keyframes gthIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.gth-win{width:360px;height:500px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 18px 48px #0f1d3040;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e3e7ed;animation:gthIn .25s ease-out}
.gth-win[hidden]{display:none}
.gth-win header{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:14px 14px}
.gth-win header img{width:38px;height:38px;border-radius:50%;background:#fff;padding:3px}
.gth-win header div{flex:1}.gth-win header b{display:block;font-size:15px}
.gth-win header small{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.9}.gth-win header small i{width:8px;height:8px;border-radius:50%;background:#5fd27e}
.gth-close{width:32px;height:32px;border-radius:50%;border:0;padding:0!important;background:#ffffff22;color:#fff;display:grid;place-items:center;cursor:pointer}.gth-close svg{width:18px;height:18px}
.gth-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f7f8fa}
.gth-m{display:flex}.gth-m.me{justify-content:flex-end}
.gth-m>div{max-width:84%;background:#fff;border:1px solid #e6e9ee;border-radius:14px 14px 14px 4px;padding:9px 12px;font-size:13.5px;line-height:1.45;color:#111}
.gth-m.me>div{background:#dbe5f2;border-color:#dbe5f2;border-radius:14px 14px 4px 14px}
.gth-m a{color:#2f4f86;font-weight:600;text-decoration:underline}
.gth-m time{display:block;font-size:10.5px;color:#6b7280;margin-top:3px;text-align:right}
.gth-typing{display:flex;gap:4px;padding:4px 2px}.gth-typing i{width:7px;height:7px;border-radius:50%;background:#8a94a3;animation:dmT 1s infinite}.gth-typing i:nth-child(2){animation-delay:.15s}.gth-typing i:nth-child(3){animation-delay:.3s}
.gth-quick{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 0;background:#fff;border-top:1px solid #eceff3}
.gth-quick button{border:1px solid #c9d2de;background:#fff;color:#26364f;border-radius:16px;padding:6px 11px!important;font-size:12.5px;font-weight:600;cursor:pointer}
.gth-quick button:hover{border-color:var(--navy);background:#eef2f8}
.gth-form{display:flex;gap:8px;padding:10px 12px 12px;background:#fff}
.gth-form input{flex:1;border:1px solid #c9d2de;border-radius:20px;padding:10px 14px;font-size:13.5px;margin:0;min-width:0}
.gth-form button{width:40px;height:40px;border-radius:50%;border:0;padding:0!important;background:var(--navy);color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.gth-form button svg{width:18px;height:18px}
@media(max-width:700px){#gtHelp{right:14px;bottom:86px}.gth-btn{width:52px;height:52px}.gth-btn>svg{width:24px;height:24px}.gth-win{width:calc(100vw - 28px);height:70vh}.gth-greet{max-width:230px}}
@media(prefers-reduced-motion:reduce){.gth-ring,.gth-btn.wiggle,.gth-greet,.gth-win{animation:none}.gth-ring{display:none}}

/* ===== v3.1 reference-proportion pass (fluid, matches 01 layout at any width) ===== */
.v3-wrap{max-width:1720px;padding-left:clamp(16px,3.2vw,60px);padding-right:clamp(16px,3.2vw,60px)}
.v3-header{padding:0 clamp(16px,5.5vw,104px)!important;height:64px}
.v3-header .v3-logo img{height:50px}
.v3-header nav{font-size:clamp(13px,1vw,16px)}
.v3-footer{padding-left:clamp(16px,5.5vw,104px)!important;padding-right:clamp(16px,5.5vw,104px)!important}
.v3-foot-brand .v3-logo img{height:72px;margin:0 0 4px -4px}
@media(min-width:701px){
 .v3-hero{min-height:clamp(420px,40vw,760px);background-position:right center}
 .v3-hero .v3-wrap{padding-left:clamp(24px,7vw,140px)}
 .v3-hero-copy{max-width:min(46%,820px)}
 .v3-eyebrow{font-size:clamp(11px,1.4vw,24px);letter-spacing:.2em;margin-bottom:1.1vw}
 .v3-hero h1{font-size:clamp(38px,5.15vw,98px);line-height:1.02;margin-bottom:1.6vw}
 .v3-hero p{font-size:clamp(15px,1.8vw,32px);max-width:21em;margin-bottom:2.4vw}
 .v3-hero-actions{gap:clamp(10px,1.7vw,30px)}
 .v3-hero-actions .v3-btn{font-size:clamp(14px,1.6vw,28px);padding:.68em 1.4em;border-radius:.4em}
 .v3-hero-actions .v3-btn .v3i{width:1em;height:1em}
 .v3-trust .v3-wrap{padding-top:clamp(12px,1.4vw,26px);padding-bottom:clamp(14px,1.8vw,32px);max-width:none;padding-left:clamp(16px,8vw,160px);padding-right:clamp(16px,8vw,160px)}
 .v3-trust .v3-aicon{width:clamp(32px,3.6vw,64px);height:clamp(32px,3.6vw,64px)}
 .v3-trust b{font-size:clamp(14px,1.65vw,28px)}
 .v3-section{padding-top:clamp(18px,2.2vw,40px);padding-bottom:clamp(14px,1.6vw,30px)}
 .v3-title{margin-bottom:clamp(14px,2vw,34px)}
 .v3-title h2{font-size:clamp(22px,2.85vw,50px)}
 .v3-title a{font-size:clamp(13px,1.5vw,24px)}.v3-title a .v3i{width:1.1em;height:1.1em}
 .v3-cats{gap:clamp(10px,1.6vw,28px)}
 .v3-cats b{font-size:clamp(13px,1.5vw,24px);padding:.75em .3em .85em}
 .v3-custom{min-height:clamp(220px,21.5vw,400px);padding:clamp(20px,2.6vw,48px) clamp(24px,4.4vw,80px);margin:clamp(8px,1vw,16px) calc(-1 * clamp(0px,1.1vw,20px)) 0}
 .v3-custom>div{max-width:min(36%,620px)}
 .v3-custom h2{font-size:clamp(26px,3.35vw,60px)}
 .v3-custom p{font-size:clamp(14px,1.75vw,30px)}
 .v3-custom .v3-btn{font-size:clamp(14px,1.6vw,26px);padding:.7em 1.4em}
 .v3-suppliers.v3-feat{grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,28px)}
 .v3-feat h3{font-size:clamp(13px,1.45vw,24px)}
 .v3-feat p{font-size:clamp(11px,1.15vw,19px)}
 .v3-feat .v3-pill{font-size:clamp(11px,1.1vw,18px)}
 .v3-why{margin-top:clamp(16px,2vw,36px);padding:clamp(16px,1.6vw,30px) 0 clamp(18px,2vw,36px)}
 .v3-why h2{font-size:clamp(22px,2.85vw,50px);margin-bottom:clamp(12px,1.4vw,26px)}
 .v3-why .v3-aicon{width:clamp(32px,3.6vw,64px);height:clamp(32px,3.6vw,64px)}
 .v3-why b{font-size:clamp(13px,1.5vw,25px)}
}
.v3-feat a{display:block;border:1px solid #d9dde3;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0f1d3012;transition:box-shadow .15s,transform .15s}
.v3-feat a:hover{box-shadow:0 6px 16px #0f1d3020;transform:translateY(-2px)}
.v3-feat img{width:100%;aspect-ratio:2.45;object-fit:cover;object-position:center 62%;display:block}
.v3-feat img.floor{object-position:30% 55%}
.v3-feat a>div{padding:.8em .9em .9em}
.v3-feat h3{margin:0 0 .5em;color:#111;font-weight:600}
.v3-feat p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}
@media(max-width:700px){.v3-suppliers.v3-feat{grid-template-columns:1fr 1fr;gap:12px}.v3-feat h3{font-size:13px}.v3-feat p{flex-wrap:wrap;font-size:12px}.v3-header .v3-logo img{height:38px}.v3-header{height:auto}}
main#app{max-width:none}
@media(max-width:1000px) and (min-width:761px){.v3-cats{grid-template-columns:repeat(5,1fr)}.v3-footer{grid-template-columns:1.5fr .9fr 1fr 1fr 1.35fr}.v3-foot-brand{grid-column:auto;border-right:1px solid #ffffff3a}.v3-suppliers.v3-feat{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1700px){.v3-hero-copy{max-width:min(42%,860px)}}
@media(min-width:701px){.v3-hero .v3-wrap{max-width:none}.v3-hero-copy,.v3-hero-copy[class]{max-width:46vw}}
.v3-header{min-height:0!important;height:58px;border-bottom:0}
.v3-header .v3-logo img{height:42px}
@media(max-width:700px){.v3-header{height:auto;padding:8px 16px!important}.v3-header .v3-logo img{height:34px}}
#websiteDemoNotice{background:transparent!important;color:#d61f26!important;font-weight:700}
#websiteDemoNotice span{color:#d61f26}
.v3-header .v3-logo{height:58px;align-self:stretch}
.v3-header .v3-logo img{height:56px!important;margin:1px 0}
@media(max-width:700px){.v3-header .v3-logo{height:46px}.v3-header .v3-logo img{height:44px!important}}
.dm{overflow:hidden;border-radius:12px}

/* language widget: keep clear of the account sidebar */
@media(min-width:701px){body[data-page=account] #languageWidget{left:auto;right:100px;bottom:30px}}
/* account sidebar: compact + locked (sticky) on desktop */
@media(min-width:701px){
 .sd-side{position:sticky;top:25px;align-self:start;height:calc(100vh - 25px);overflow-y:auto;scrollbar-width:thin;padding:18px 14px 16px;display:flex;flex-direction:column}
 .sd-co{margin-bottom:14px!important}
 .sd-co img,.bd-av{width:64px!important;height:64px!important;margin:0 auto 8px!important}
 .bd-av{font-size:24px}
 .sd-co h3{font-size:16px!important;margin-bottom:1px}
 .sd-co p{font-size:13px!important;margin-bottom:6px}
 .sd-vpill{font-size:13px!important;padding:4px 11px 4px 6px}.sd-vpill .v3i{width:17px;height:17px}
 .sd-side nav{gap:1px}
 .sd-side nav a,.sd-logout{padding:8px 12px!important;font-size:14.5px!important;gap:12px!important}
 .sd-side nav .v3i{width:19px;height:19px}
 .sd-side hr{margin:6px 10px}
 .bd-logout{margin-top:10px!important}
 .bd-badge{min-width:20px;height:20px;font-size:12px}.bd-ok .v3i{width:21px;height:21px}
}

/* ================= Seller team & staff ================= */
.sd-signed{display:block;font-size:11.5px;color:#4b5563;margin-top:8px;line-height:1.35}.sd-signed b{color:#111;font-weight:600}
.tm-ava{position:relative;width:38px;height:38px;border-radius:50%;background:#334d6d;color:#fff;display:inline-grid;place-items:center;font-weight:700;font-size:13.5px;flex-shrink:0;letter-spacing:.3px}
.tm-ava.sm{width:30px;height:30px;font-size:11.5px}
.tm-ava i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#3fb35f;border:2px solid #fff}
.tm-role{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:12px;background:#eef1f5;color:#26364f;white-space:nowrap}
.tm-role.own{background:#334d6d;color:#fff}.tm-role.adm{background:#dfe9f7;color:#1c3e70}.tm-role.sal{background:#fbeccb;color:#7a4a05}.tm-role.chat{background:#e3eedb;color:#24421a}.tm-role.pm{background:#ece4fb;color:#4b2a85}.tm-role.oc{background:#dcf0f7;color:#0f5a74}
.dp-set.wide{max-width:none}
.tm-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tm-top>div:first-child{flex:1;min-width:220px}.tm-top h3{margin:0 0 2px;font-size:19px}.tm-top p{margin:0;font-size:13.5px;color:#4b5563}
.tm-top .v3-btn{padding:10px 18px;font-size:14px}.tm-top .v3-btn .v3i{width:16px;height:16px}
.tm-top .v3-select select{padding:9px 34px 9px 12px;font-size:13.5px}
.tm-seats{min-width:160px;font-size:13px;color:#3b4656}.tm-seats i{display:block;height:7px;border-radius:4px;background:#e6e9ee;margin-top:5px;overflow:hidden}.tm-seats em{display:block;height:100%;background:#76854a}
.tm-who{display:flex;align-items:center;gap:10px}.tm-who b{display:block;font-size:14.5px}.tm-who small{display:block;font-size:12.5px;color:#6b7280}
.tm-act{white-space:nowrap;text-align:right!important}.tm-act .dp-btn{margin-left:4px;padding:6px 10px}.dp-btn.danger{color:#b0101a}
.tm-table td:last-child,.tm-table th:last-child{text-align:right}
.tm-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.tm-roles article{border:1px solid #e3e7ed;border-radius:10px;padding:14px}.tm-roles p{font-size:13.5px;color:#1d2533;margin:8px 0 6px;line-height:1.45}.tm-roles small{font-size:12px;color:#6b7280}
.tm-h{font-size:17px;margin:18px 0 10px}
.tm-matrix th,.tm-matrix td{text-align:center!important}.tm-matrix td:first-child,.tm-matrix th:first-child{text-align:left!important}
.tm-yes{display:inline-flex}.tm-yes .v3i{width:20px;height:20px;fill:#2f7a20;stroke:#fff;stroke-width:2.4}.tm-no{color:#c0c6cf}
.tm-perms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tm-perms label{display:flex;align-items:center;gap:8px;font-weight:500!important;font-size:13.5px}.tm-perms input{width:auto!important;margin:0!important}
.tm-roledesc{margin:-4px 0 0;font-size:13px;color:#4b5563}
.tm-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.tm-radio{display:flex;flex-direction:column;gap:8px}.tm-radio label{display:flex;gap:10px;align-items:flex-start;border:1px solid #e3e7ed;border-radius:9px;padding:11px 12px;cursor:pointer}.tm-radio label:has(input:checked){border-color:#76854a;background:#f6faf2}
.tm-radio input{margin-top:3px;accent-color:#76854a}.tm-radio b{display:block;font-size:14.5px}.tm-radio small{font-size:12.5px;color:#4b5563}
.tm-agent{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #eceff3}.tm-agent>span:nth-child(2){flex:1}.tm-agent b{display:block;font-size:14px}.tm-agent small{font-size:12px;color:#6b7280}
.dp-toggle.mini{border:0;padding:0}
.tm-hours{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.tm-hours>div{border:1px solid #e3e7ed;border-radius:8px;padding:8px 4px;text-align:center}.tm-hours b{display:block;font-size:13px}.tm-hours span{font-size:11.5px;color:#1d2533}.tm-hours small{grid-column:1/-1;font-size:12px;color:#6b7280}
.tm-away{display:block;font-size:13.5px;font-weight:600;margin-top:12px}.tm-away textarea{width:100%;margin-top:5px;border:1px solid #c8ced6;border-radius:6px;padding:10px;font-size:13.5px}
.tm-log{list-style:none;margin:10px 0 0;padding:0}
.tm-log li{display:grid;grid-template-columns:30px 30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #eceff3}
.tm-log li[hidden]{display:none}
.tm-lic{width:30px;height:30px;border-radius:8px;background:#eef1f5;display:grid;place-items:center;color:#334d6d}.tm-lic .v3i{width:16px;height:16px}
.tm-log p{margin:0;font-size:14px;color:#1d2533;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tm-log time{font-size:12.5px;color:#6b7280;white-space:nowrap}
/* team online card + messenger assignment */
.tm-online-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tm-on{display:flex;flex-direction:column;align-items:center;gap:3px;width:84px;text-align:center}.tm-on b{font-size:13.5px}.tm-on small{font-size:11px;color:#6b7280;line-height:1.2}.tm-on.off{opacity:.55}
.tm-on .tm-ava{width:46px;height:46px;font-size:15px}
.tm-online-sum{margin:0 0 0 auto;font-size:14px;color:#3b4656}
.dm-assign{display:flex;align-items:center;gap:10px;padding:8px 18px;background:#f5f7fa;border-bottom:1px solid #eceff3;font-size:13px;color:#3b4656}
.dm-assign>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-assign select{padding:6px 30px 6px 10px;font-size:12.5px}.dm-assign .v3-select .v3i{width:14px;height:14px;right:9px}
.dm-by{color:#334d6d;font-weight:600;margin-right:2px}
@media(max-width:1000px){.tm-cols{grid-template-columns:1fr}.tm-hours{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.tm-perms{grid-template-columns:repeat(2,1fr)}.tm-log li{grid-template-columns:30px minmax(0,1fr)}.tm-lic{display:none}.tm-log time{grid-column:2}.dm-assign{flex-wrap:wrap}.tm-online-sum{margin:0;width:100%}}
.dm-assign>span.tm-ava{flex:0 0 30px;width:30px}
.tm-radio label{text-align:left;font-weight:400}.tm-radio input{width:16px!important;height:16px;flex:0 0 16px;margin:3px 0 0!important;padding:0}
.tm-radio span{flex:1;text-align:left}

/* ================= Analytics v2 ================= */
.an-period select{padding:10px 36px 10px 14px;font-size:14px}
.an-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.an-kpi{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.an-kh{display:flex;align-items:center;gap:10px;font-size:14px;color:#3b4656;font-weight:600}.an-kh .sd-ic{width:36px;height:36px;border-radius:8px}.an-kh .sd-ic .v3i{width:19px;height:19px}
.an-kpi>b{font-size:28px;font-weight:800;color:#0e1726;letter-spacing:-.5px}
.an-kf{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.an-kf em{font-style:normal;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.an-kf em .v3i{width:13px;height:13px;stroke-width:2.6}
.an-kf em.up{color:#2e7a26}.an-kf em.down{color:#c0281e}.an-kf em.down .v3i{transform:rotate(180deg)}
.an-spark{width:110px;height:34px}
.an-row2{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px}.an-row2.rev{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.an-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.an-ser button{padding:6px 12px;font-size:13px}
.an-legend{display:flex;gap:18px;font-size:13px;color:#3b4656;margin:-2px 0 4px}.an-legend span{display:inline-flex;align-items:center;gap:6px}.an-legend i{width:18px;height:3px;border-radius:2px;background:#26487a}.an-legend i.last{background:repeating-linear-gradient(90deg,#8fb06e 0 5px,transparent 5px 9px)}
.an-funnel{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.an-fs{position:relative;border-radius:8px;padding:12px 14px;color:#fff;display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:100%}
.an-fs.s0{background:#334d6d}.an-fs.s1{background:#4a6a8f;width:88%}.an-fs.s2{background:#6f8a3c;width:76%}.an-fs.s3{background:#5a7030;width:64%}
.an-fs b{font-size:20px;display:block}.an-fs span{font-size:13px;opacity:.9}
.an-fs em{font-style:normal;font-size:13px;font-weight:700;background:#ffffff2e;padding:3px 9px;border-radius:12px}
.an-note{font-size:13px;color:#3b4656;margin:12px 0 0}
.an-top td{vertical-align:middle}.an-top .dp-prod{min-width:200px}.an-top .dp-prod img{width:42px;height:42px}
.an-tr{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:13px}.an-tr .v3i{width:13px;height:13px;stroke-width:2.6}.an-tr.up{color:#2e7a26}.an-tr.down{color:#c0281e}.an-tr.down .v3i{transform:rotate(180deg)}
.an-donut{display:flex;align-items:center;gap:16px}.an-donut svg{width:170px;flex-shrink:0}
.an-dn-big{font-size:30px;font-weight:800;fill:#0e1726;font-family:var(--sans)}.an-dn-sm{font-size:13px;fill:#4b5563;font-family:var(--sans)}
.an-donut ul{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:7px}.an-donut li{display:flex;align-items:center;gap:8px;font-size:13.5px}.an-donut li i{width:11px;height:11px;border-radius:3px;flex-shrink:0}.an-donut li b{margin-left:auto}
.an-bars{width:100%;height:auto}.an-bl{font-size:13px;fill:#1d2533;font-family:var(--sans)}.an-bv{font-size:13px;font-weight:700;fill:#111;font-family:var(--sans)}
.an-heat{width:100%;height:auto}
.an-rt{display:inline-flex;align-items:center;gap:4px;font-weight:700}.an-rt .v3i{width:15px;height:15px;color:#f5a70a;fill:#fbb315;stroke-width:1}
.an-gauge svg{width:100%;max-width:260px;display:block;margin:0 auto}
.an-g-big{font-size:38px;font-weight:800;fill:#0e1726;font-family:var(--sans)}.an-g-sm{font-size:13px;fill:#2e7a26;font-weight:700;font-family:var(--sans)}
.an-sc{list-style:none;margin:8px 0 0;padding:0}.an-sc li{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #eceff3;font-size:14px;color:#3b4656}.an-sc b{color:#111}
@media(max-width:1280px){.an-row3{grid-template-columns:1fr 1fr}.an-row3>:last-child{grid-column:1/-1}}
@media(max-width:1000px){.an-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.an-row2,.an-row2.rev,.an-row3{grid-template-columns:1fr}}
@media(max-width:700px){.an-kpi>b{font-size:22px}.an-spark{width:70px}.an-donut{flex-direction:column}}
.an-donut svg{height:170px!important}.an-gauge svg{height:auto!important;width:100%!important;max-width:240px}
.an-spark{height:34px!important}.an-bars,.an-heat,.sd-chart{height:auto!important}
.an-row3 .sd-card,.an-row2 .sd-card{display:flex;flex-direction:column}.an-donut,.an-score .an-gauge{flex:1;align-items:center}

/* ================= Marketing ================= */
.mk-tabs{margin-bottom:2px}
.mk-wallet{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mk-wallet>div{flex:1;min-width:200px}.mk-wallet small{display:block;font-size:13px;color:#4b5563}.mk-wallet b{font-size:26px;font-weight:800;margin-right:10px}.mk-wallet em{font-style:normal;font-size:13px;color:#2e7a26}
.mk-wallet .v3-btn{padding:10px 18px;font-size:14px}.mk-wallet .v3-btn .v3i{width:16px;height:16px}
.mk-table td{white-space:nowrap}.mk-table .dp-prod{min-width:230px}.mk-table .dp-prod img{width:42px;height:42px}
.mk-type{font-size:12px;font-weight:700;color:#26364f;background:#eef1f5;padding:4px 9px;border-radius:10px}
.mk-place{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mk-place article{border:1px solid #e3e7ed;border-radius:10px;padding:14px}.mk-place h3{font-size:16px;margin:10px 0 4px}.mk-place p{font-size:13.5px;color:#3b4656;margin:0 0 8px}.mk-place b{font-size:14px;color:#2e5a1e}
.mk-promos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.mk-promos article{border:1px solid #e3e7ed;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}
.mk-ph{display:flex;align-items:center;gap:10px}.mk-ph>div{flex:1}.mk-ph h3{margin:0;font-size:16px}.mk-ph small{font-size:12.5px;color:#6b7280}.mk-ph .sd-ic{width:42px;height:42px}
.mk-promos p{margin:0;font-size:14px;color:#1d2533}
.mk-promos dl,.mk-events dl,.mk-cast dl{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;margin:0}.mk-promos dt,.mk-events dt,.mk-cast dt{font-size:12px;color:#6b7280}.mk-promos dd,.mk-events dd,.mk-cast dd{margin:0;font-size:13.5px;color:#111}
.mk-hero{background:linear-gradient(100deg,#334d6d,#4f6f96);color:#fff}.mk-hero .v3-eyebrow{color:#cfd9e8;font-size:12px;margin-bottom:6px}.mk-hero h2{margin:0 0 6px;font-size:24px;color:#fff}.mk-hero p{margin:0;max-width:640px;color:#e7edf5}
.mk-events{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.mk-events article{padding:0;overflow:hidden;display:flex;flex-direction:column}
.mk-eimg{position:relative;aspect-ratio:2.2;background:#f1f1ef;overflow:hidden}.mk-eimg img{width:100%;height:100%;object-fit:cover}.mk-eimg .sd-pill{position:absolute;top:10px;left:10px}
.mk-eb{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1}.mk-eb h3{margin:0;font-size:17px}.mk-eb dl{grid-template-columns:1fr}.mk-eb .v3-btn{margin-top:auto;padding:10px;font-size:14px}
.mk-meta{display:flex;flex-direction:column;gap:4px;margin:0;font-size:13px;color:#3b4656}.mk-meta span{display:inline-flex;align-items:center;gap:6px}.mk-meta .v3i{width:15px;height:15px}
.mk-att{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mk-att img{width:54px;height:54px;border-radius:7px;object-fit:cover;border:2px solid transparent}.mk-att img.on{border-color:#76854a}
.mk-kw{display:flex;flex-direction:column;gap:6px}.mk-kw label{display:grid!important;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;font-weight:500!important;border:1px solid #e3e7ed;border-radius:7px;padding:8px 10px}.mk-kw input{width:auto!important;margin:0!important}.mk-kw small{font-size:12px;color:#6b7280}
.mk-cast{border-top:1px solid #eceff3;padding:12px 0;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:start}.mk-cast b{display:block;font-size:14.5px}.mk-cast small{font-size:12.5px;color:#6b7280}.mk-cast dl{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
.mk-adperf{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mk-adperf div{background:#f5f7fa;border-radius:9px;padding:12px 14px}.mk-adperf small{display:block;font-size:12.5px;color:#4b5563}.mk-adperf b{font-size:22px;font-weight:800;color:#0e1726}
/* catalog badges */
.v3-card-img{position:relative}
.v3-sp{position:absolute;top:10px;left:10px;background:#ffffffe8;color:#4b5563;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 7px;border-radius:4px;border:1px solid #dfe3e9}
.v3-bdgs{position:absolute;left:10px;bottom:10px;display:flex;flex-wrap:wrap;gap:5px}
.v3-bdg{font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:5px;white-space:nowrap}.v3-bdg.fs{background:#e3eedb;color:#24421a}.v3-bdg.vd{background:#fbeccb;color:#7a4a05}
.v3-bdgs .v3-bdg{box-shadow:0 1px 3px #0002}
@media(max-width:1000px){.mk-place,.mk-adperf{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.v3-bdg{font-size:10px;padding:3px 6px}.v3-sp{font-size:9.5px}}

/* ================= About page ================= */
.ab-hero{position:relative;min-height:clamp(380px,41vw,780px);display:flex;align-items:center;background:linear-gradient(90deg,#eef3f9 0%,#eef3f9f2 22%,#eef3f9a8 34%,#eef3f900 48%),url('/assets/v3/img/about/team-1600.webp') right bottom/auto 100% no-repeat,linear-gradient(180deg,#9cc8f4,#dbe9f6);overflow:hidden}
.ab-hero .v3-wrap{width:100%;max-width:none;padding-left:clamp(20px,4.6vw,90px)}
.ab-hero-copy{max-width:min(38%,680px)}
.ab-hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(34px,4.1vw,80px);line-height:1.05;letter-spacing:-.5px;color:#0e1726;margin:0 0 1.2vw}
.ab-hero p{font-size:clamp(15px,1.6vw,28px);line-height:1.4;color:#1d2533;margin:0 0 2vw}
.ab-hero .v3-eyebrow{font-size:clamp(11px,1.45vw,24px);letter-spacing:.14em;color:#1d2533;margin-bottom:1vw}
.ab-hero .v3-btn{font-size:clamp(14px,1.45vw,24px);padding:.65em 1.3em}
.ab-company{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,56px);align-items:center;padding-top:clamp(20px,2.2vw,40px);padding-bottom:clamp(14px,1.6vw,28px)}
.ab-company img{width:100%;aspect-ratio:2.2;object-fit:cover;object-position:center 45%;border-radius:12px;box-shadow:0 4px 14px #0f1d3022}
.ab-company h2{font-family:var(--serif);font-size:clamp(28px,3.9vw,72px);margin:0 0 .4em;color:#0e1726;letter-spacing:-.5px}
.ab-company p{font-size:clamp(15px,1.6vw,26px);line-height:1.45;color:#1d2533;margin:0;border-left:4px solid #8aa33a;padding-left:1em}
.ab-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,26px);padding-top:clamp(10px,1.2vw,22px);padding-bottom:clamp(16px,2.2vw,40px)}
.ab-stats>div{display:flex;align-items:center;gap:clamp(10px,1.2vw,20px);background:#fff;border:1px solid #e1e5ea;border-radius:10px;padding:clamp(12px,1.4vw,24px);box-shadow:0 4px 12px #0f1d300f}
.ab-ic{width:clamp(40px,5.4vw,90px);height:clamp(40px,5.4vw,90px);object-fit:contain;background:#eef3e3;border-radius:10px;padding:clamp(6px,.8vw,14px);flex-shrink:0}
.ab-stats b{display:block;font-size:clamp(18px,2.5vw,44px);font-weight:800;color:#0e1726;line-height:1.05}
.ab-stats span{display:block;font-size:clamp(12px,1.55vw,26px);font-weight:600;color:#1d2533}
.ab-mv{display:grid;grid-template-columns:1fr 1fr;background:#f3efe6;border-radius:14px;padding:clamp(18px,2vw,36px) clamp(18px,3vw,60px)}
.ab-mv>div{display:flex;gap:clamp(12px,1.6vw,28px);align-items:flex-start;padding:0 clamp(10px,2.4vw,46px)}
.ab-mv>div+div{border-left:1px solid #d7d1c2}
.ab-mv .ab-ic{background:#e7ebd8}
.ab-mv h2{font-family:var(--serif);font-size:clamp(22px,2.7vw,50px);margin:0 0 .25em;color:#0e1726}
.ab-mv p{margin:0;font-size:clamp(13px,1.45vw,24px);line-height:1.45;color:#1d2533}
.ab-values{padding-top:clamp(20px,2.2vw,40px);padding-bottom:clamp(18px,2.2vw,40px)}
.ab-values>h2{font-family:var(--serif);text-align:center;font-size:clamp(26px,3.4vw,62px);margin:0 0 clamp(14px,1.6vw,30px);color:#0e1726}
.ab-values>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.ab-values>div>div{text-align:center;padding:0 clamp(8px,1.4vw,26px);border-right:1px solid #dfe3e9}
.ab-values>div>div:last-child{border:0}
.ab-values .ab-ic{background:none;padding:0;width:clamp(40px,4.6vw,80px);height:clamp(40px,4.6vw,80px);margin:0 auto .5em}
.ab-values h3{font-size:clamp(15px,1.75vw,30px);margin:0 0 .35em;color:#0e1726}
.ab-values p{font-size:clamp(12px,1.35vw,22px);line-height:1.4;margin:0;color:#1d2533}
.ab-cta{border-radius:14px;overflow:hidden;min-height:clamp(200px,16.5vw,320px);display:flex;align-items:center;justify-content:flex-end;background:#2c4a73 url('/assets/v3/img/buyer-dashboard-banner-1920.webp') left center/cover no-repeat;box-shadow:0 4px 14px #0f1d3022;margin-bottom:clamp(20px,2.4vw,44px)}
.ab-cta>div{width:56%;padding:clamp(18px,2vw,36px) clamp(18px,2.4vw,46px) clamp(18px,2vw,36px) 0;color:#fff}
.ab-cta h2{font-family:var(--serif);font-size:clamp(22px,3.2vw,58px);margin:0 0 .3em;color:#fff;letter-spacing:-.3px}
.ab-cta p{font-size:clamp(14px,1.6vw,28px);line-height:1.35;margin:0 0 1.1em;color:#e8eef6}
.v3-btn.ab-lime{background:#a8bf4a;color:#fff;font-size:clamp(14px,1.6vw,26px);padding:.6em 1.3em}.v3-btn.ab-lime:hover{background:#97ad3e}
@media(max-width:760px){
 .ab-hero{min-height:560px;align-items:flex-start;background:linear-gradient(180deg,#eef3f9 0%,#eef3f9ee 44%,#eef3f900 62%),url('/assets/v3/img/about/team-800.webp') 60% bottom/auto 58% no-repeat,#dbe9f6}
 .ab-hero .v3-wrap{padding-top:26px}.ab-hero-copy{max-width:100%}.ab-hero h1{font-size:32px;margin-bottom:10px}.ab-hero p{font-size:15px;margin-bottom:16px}.ab-hero .v3-eyebrow{font-size:11px}.ab-hero .v3-btn{font-size:14px}
 .ab-company{grid-template-columns:1fr}.ab-stats{grid-template-columns:1fr 1fr}.ab-mv{grid-template-columns:1fr;gap:18px}.ab-mv>div{padding:0}.ab-mv>div+div{border:0;border-top:1px solid #d7d1c2;padding-top:18px}
 .ab-values>div{grid-template-columns:1fr 1fr;gap:22px 0}.ab-values>div>div:nth-child(2n){border:0}.ab-values>div>div:last-child{grid-column:1/-1}
 .ab-cta{align-items:flex-end;min-height:380px;background-image:linear-gradient(0deg,#2c4a73 48%,#2c4a73cc 64%,#2c4a7300 86%),url('/assets/v3/img/buyer-dashboard-banner-960.webp');background-position:20% top}.ab-cta>div{width:100%;padding:22px}
}

.ab-hero{background:linear-gradient(90deg,#eef3f9 0%,#eef3f9f5 26%,#eef3f9c0 38%,#eef3f900 52%),url('/assets/v3/img/about/team-1600.webp') right bottom/auto 100% no-repeat,linear-gradient(180deg,#9cc8f4,#dbe9f6)}
.ab-hero-copy{max-width:min(37%,680px)}
.ab-stats b{font-size:clamp(17px,2.2vw,42px)}.ab-stats span{font-size:clamp(11px,1.25vw,24px)}
.ab-stats>div{padding:clamp(10px,1.2vw,22px)}
.ab-ic{background:#e8eed9}
.ab-cta>div{width:58%}.ab-cta h2{font-size:clamp(20px,2.65vw,52px);white-space:nowrap}
@media(max-width:1100px) and (min-width:761px){.ab-stats{grid-template-columns:1fr 1fr}.ab-cta h2{white-space:normal}}
@media(max-width:760px){.ab-cta h2{white-space:normal}}
@media(max-width:760px){
 .ab-hero{min-height:600px;background:linear-gradient(180deg,#eef3f9 0%,#eef3f9ee 46%,#eef3f900 62%),url('/assets/v3/img/about/team-800.webp') 62% bottom/auto 52% no-repeat,#dbe9f6}
 .ab-hero-copy{max-width:100%}
 .ab-cta>div{width:100%}.ab-cta h2{font-size:26px}.ab-cta p{font-size:15px}
 .ab-stats b{font-size:20px}.ab-stats span{font-size:12.5px}.ab-ic{width:44px;height:44px}
 .ab-mv h2{font-size:24px}.ab-mv p{font-size:14px}.ab-values h3{font-size:16px}.ab-values p{font-size:13px}.ab-company p{font-size:15px}
}

/* ===== About extra sections ===== */
.ab-sec{padding-top:clamp(26px,3vw,56px);padding-bottom:clamp(20px,2.4vw,44px)}
.ab-head{text-align:center;max-width:820px;margin:0 auto clamp(18px,2vw,36px)}
.ab-head .v3-eyebrow{font-size:clamp(11px,.95vw,16px);letter-spacing:.16em;color:#5f7f34;margin-bottom:.4em}
.ab-head h2,.ab-geo h2,.ab-faq h2{font-family:var(--serif);font-size:clamp(26px,2.9vw,54px);margin:0;color:#0e1726;letter-spacing:-.3px;line-height:1.12}
.ab-head p{font-size:clamp(14px,1.2vw,20px);color:#3b4656;margin:.5em 0 0}
.ab-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,30px);position:relative}
.ab-steps li{position:relative;text-align:center;background:#fff;border:1px solid #e1e5ea;border-radius:12px;padding:clamp(18px,2vw,34px) clamp(12px,1.4vw,24px);box-shadow:0 4px 12px #0f1d300d}
.ab-steps li:not(:last-child)::after{content:'';position:absolute;top:50%;right:calc(-1 * clamp(12px,1.6vw,30px));width:clamp(12px,1.6vw,30px);border-top:2px dashed #b9c79a}
.ab-num{position:absolute;top:12px;left:14px;font-size:13px;font-weight:800;color:#76854a;background:#eef3e3;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}
.ab-sic{width:clamp(48px,4.6vw,76px);height:clamp(48px,4.6vw,76px);border-radius:50%;background:#e8eed9;color:#466808;display:grid;place-items:center;margin:0 auto 12px}
.ab-sic .v3i{width:48%;height:48%;stroke-width:1.6}
.ab-steps h3,.ab-verify h3{font-size:clamp(16px,1.4vw,24px);margin:0 0 .35em;color:#0e1726}
.ab-steps p,.ab-verify p{font-size:clamp(13px,1.05vw,18px);line-height:1.45;color:#3b4656;margin:0}
.ab-center{text-align:center;margin-top:clamp(16px,1.8vw,30px)}.ab-center .v3-btn{font-size:clamp(14px,1.15vw,19px)}
.ab-band{background:#f3efe6;margin-top:clamp(10px,1.2vw,20px)}
.ab-verify{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,26px)}
.ab-verify>div{background:#fff;border-radius:12px;padding:clamp(16px,1.6vw,28px);text-align:center;border:1px solid #e6e1d4}
.ab-verify small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#76854a;margin-bottom:.3em}
.ab-certs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:clamp(16px,1.8vw,30px)}
.ab-certs span{font-size:14px;font-weight:600;color:#3b4656;margin-right:4px}
.ab-certs em{font-style:normal;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d6dccb;color:#24421a;font-weight:700;font-size:13px;padding:7px 12px;border-radius:20px}.ab-certs .v3i{width:16px;height:16px}
.ab-time{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.ab-time::before{content:'';position:absolute;left:10%;right:10%;top:calc(clamp(20px,1.9vw,34px) + 14px);border-top:3px solid #d7dde6}
.ab-time li{text-align:center;padding:0 clamp(6px,1vw,18px);position:relative}
.ab-time b{display:block;font-family:var(--serif);font-size:clamp(20px,1.9vw,34px);color:#334d6d}
.ab-time i{display:block;width:18px;height:18px;border-radius:50%;background:#76854a;border:4px solid #fff;box-shadow:0 0 0 2px #76854a;margin:8px auto 12px;position:relative;z-index:1}
.ab-time li:last-child i{background:#334d6d;box-shadow:0 0 0 2px #334d6d,0 0 0 8px #33476d22}
.ab-time h3{font-size:clamp(15px,1.3vw,22px);margin:0 0 .3em;color:#0e1726}.ab-time p{font-size:clamp(12.5px,1vw,17px);line-height:1.45;color:#3b4656;margin:0}
.ab-geo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(20px,3vw,56px);align-items:center;background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:clamp(18px,2.4vw,44px)}
.ab-geo .v3-eyebrow{font-size:clamp(11px,.95vw,16px);letter-spacing:.16em;color:#5f7f34;margin-bottom:.4em}
.ab-geo p{font-size:clamp(14px,1.15vw,19px);line-height:1.5;color:#3b4656;margin:.6em 0 1em}
.ab-legend{list-style:none;margin:0 0 1em;padding:0;display:flex;gap:18px;font-size:14px;color:#1d2533}.ab-legend li{display:flex;align-items:center;gap:7px}.ab-legend i{width:12px;height:12px;border-radius:50%}.ab-legend i.s{background:#76854a}.ab-legend i.b{background:#334d6d}
.ab-geo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ab-geo-stats div{background:#f5f7fa;border-radius:10px;padding:10px 12px}.ab-geo-stats b{display:block;font-size:clamp(18px,1.7vw,30px);font-weight:800;color:#0e1726}.ab-geo-stats span{font-size:12.5px;color:#4b5563}
.ab-map{width:100%;height:auto!important}
.ab-team{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.4vw,26px)}
.ab-team>div{text-align:center;background:#fff;border:1px solid #e1e5ea;border-radius:12px;padding:clamp(16px,1.6vw,28px) 10px}
.ab-tav{display:grid;place-items:center;width:clamp(64px,5.6vw,100px);height:clamp(64px,5.6vw,100px);border-radius:50%;margin:0 auto 12px;color:#fff;font-weight:800;font-size:clamp(20px,1.8vw,32px);background:#334d6d;box-shadow:0 0 0 4px #fff,0 0 0 6px #e1e5ea}
.ab-team h3{font-size:clamp(14.5px,1.2vw,20px);margin:0 0 .2em;color:#0e1726}.ab-team p{font-size:clamp(12px,.95vw,16px);color:#4b5563;margin:0}
.ab-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:clamp(20px,3vw,60px);align-items:start}
.ab-faq .v3-eyebrow{font-size:clamp(11px,.95vw,16px);letter-spacing:.16em;color:#5f7f34;margin-bottom:.4em}
.ab-faq>div>p{font-size:clamp(14px,1.15vw,19px);color:#3b4656;margin:.6em 0 1.1em}
.ab-faq .v3-btn .v3i{width:18px;height:18px}
.ab-qs{display:flex;flex-direction:column;gap:10px}
.ab-qs details{background:#fff;border:1px solid #e1e5ea;border-radius:10px;overflow:hidden}
.ab-qs details[open]{border-color:#c7d2b0;box-shadow:0 4px 12px #0f1d300d}
.ab-qs summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(14px,1.2vw,20px) clamp(16px,1.4vw,24px);font-weight:700;font-size:clamp(14.5px,1.15vw,19px);color:#0e1726}
.ab-qs summary::-webkit-details-marker{display:none}
.ab-qs summary .v3i{width:20px;height:20px;flex-shrink:0;transition:transform .2s}.ab-qs details[open] summary .v3i{transform:rotate(180deg)}
.ab-qs details p{margin:0;padding:0 clamp(16px,1.4vw,24px) clamp(14px,1.2vw,20px);font-size:clamp(13.5px,1.05vw,17px);line-height:1.55;color:#3b4656}
@media(max-width:1100px){.ab-team{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-steps,.ab-verify{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-steps li::after{display:none}}
@media(max-width:760px){.ab-time{grid-template-columns:1fr;gap:18px}.ab-time::before{left:21px;right:auto;top:10px;bottom:10px;border-top:0;border-left:3px solid #d7dde6}.ab-time li{text-align:left;display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:0}.ab-time li i{grid-row:span 3;margin:6px auto 0}.ab-time b{font-size:20px}
 .ab-geo,.ab-faq{grid-template-columns:1fr}.ab-team{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-steps,.ab-verify{grid-template-columns:1fr 1fr;gap:10px}.ab-steps li,.ab-verify>div{padding:16px 10px}}
.ab-revs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,26px)}
.ab-revs article{background:#fff;border:1px solid #e1e5ea;border-radius:12px;padding:clamp(16px,1.6vw,28px);display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px #0f1d300d}
.ab-rh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ab-sample{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;background:#f1f3f6;border:1px dashed #c8ced6;padding:3px 8px;border-radius:5px;white-space:nowrap}
.ab-revs p{margin:0;font-size:clamp(14px,1.1vw,18px);line-height:1.55;color:#1d2533;flex:1}
.ab-rw{display:flex;align-items:center;gap:10px;border-top:1px solid #eceff3;padding-top:12px}
.ab-rw>div{flex:1;min-width:0}.ab-rw b{display:block;font-size:14px}.ab-rw small{font-size:12.5px;color:#6b7280}
.ab-rw em{font-style:normal;font-size:11.5px;font-weight:700;background:#eef3e3;color:#24421a;padding:3px 8px;border-radius:10px;white-space:nowrap}
.ab-tav.sm{width:42px;height:42px;font-size:15px;margin:0;box-shadow:none;flex-shrink:0}
@media(max-width:1100px){.ab-revs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ab-revs{grid-template-columns:1fr}}
.ab-photo{object-fit:cover;object-position:center 30%;background:#e6e8ec;display:block}
.v3-why .v3-aicon{width:clamp(48px,4.8vw,84px)!important;height:clamp(48px,4.8vw,84px)!important;margin:0 auto 4px}
.v3-trust .v3-aicon{width:clamp(44px,4.4vw,78px)!important;height:clamp(44px,4.4vw,78px)!important}
@media(max-width:700px){.v3-why .v3-aicon{width:48px!important;height:48px!important}.v3-trust .v3-aicon{width:42px!important;height:42px!important}}

/* ===== Homepage additions ===== */
.hm-search{display:flex;align-items:stretch;background:#fff;border-radius:9px;box-shadow:0 6px 20px #0f1d3026;margin-top:clamp(16px,1.8vw,30px);max-width:min(560px,100%);height:clamp(46px,3.4vw,60px);overflow:hidden;border:1px solid #d9dee6}
.hm-scat{position:relative;display:flex;align-items:center;border-right:1px solid #e3e7ed;flex-shrink:0}
.hm-scat select{appearance:none;border:0;background:#f5f7fa;height:100%;padding:0 30px 0 14px;font-size:clamp(12.5px,.95vw,15px);font-weight:600;color:#26364f;cursor:pointer;margin:0;border-radius:0}
.hm-scat .v3i{position:absolute;right:9px;width:15px;height:15px;pointer-events:none}
.hm-search input{flex:1;border:0;outline:0;padding:0 14px;font-size:clamp(13.5px,1.05vw,17px);min-width:0;margin:0;background:none}
.hm-search button{width:clamp(50px,4vw,66px);border:0;border-radius:0;background:var(--navy);color:#fff;display:grid;place-items:center;cursor:pointer}.hm-search button .v3i{width:22px;height:22px;stroke-width:2.2}
.hm-pop{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:#3b4656}
.hm-pop button{border:1px solid #c9c4b2;background:#ffffffb3;border-radius:14px;padding:4px 10px;font-size:12.5px;font-weight:600;color:#1b2433;cursor:pointer}.hm-pop button:hover{background:#fff;border-color:var(--navy)}
.v3-cats small{display:block;font-size:clamp(11px,.85vw,14px);color:#6b7280;font-weight:500;padding:0 0 .9em;margin-top:-.6em;background:var(--tile)}
.hm-trend .v3-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hm-rfq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(16px,2.4vw,44px);align-items:center;background:#fff;border:1px solid #e1e5ea;border-left:6px solid #76854a;border-radius:12px;padding:clamp(18px,2vw,34px) clamp(18px,2.4vw,44px);margin:clamp(22px,2.4vw,40px) 0 clamp(6px,.8vw,14px);box-shadow:0 4px 14px #0f1d3010}
.hm-rfq .v3-eyebrow{font-size:clamp(10.5px,.85vw,14px);letter-spacing:.14em;color:#5f7f34;margin-bottom:.3em}
.hm-rfq h2{font-family:var(--serif);font-size:clamp(22px,2.2vw,40px);margin:0;color:#0e1726}
.hm-rfq p{margin:.3em 0 0;font-size:clamp(13.5px,1.05vw,17px);color:#3b4656}
.hm-rfq-f{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) auto;gap:12px;align-items:end}
.hm-rfq-f label{display:block;font-size:13px;font-weight:600;color:#1d2533}
.hm-rfq-f input{width:100%;margin-top:5px;border:1px solid #c8ced6;border-radius:7px;padding:12px;font-size:15px}
.hm-qty{display:flex;align-items:center;position:relative}.hm-qty em{position:absolute;right:12px;top:calc(50% + 2px);transform:translateY(-50%);font-style:normal;color:#6b7280;font-size:14px}
.hm-rfq-f .v3-btn{padding:12px 22px;height:46px;font-size:15px}
.hm-num{background:#f5f7fa;margin-top:clamp(16px,2vw,36px);padding:clamp(22px,2.4vw,44px) 0}
.hm-num .v3-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,3vw,56px);align-items:center}
.hm-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hm-stats div{background:#fff;border:1px solid #e1e5ea;border-radius:10px;padding:clamp(12px,1.2vw,22px)}
.hm-stats b{display:block;font-size:clamp(24px,2.4vw,44px);font-weight:800;color:#334d6d;line-height:1.05}.hm-stats span{font-size:clamp(13px,1vw,17px);color:#3b4656;font-weight:600}
.hm-how h2{font-family:var(--serif);font-size:clamp(22px,2.2vw,40px);margin:0 0 .6em;color:#0e1726}
.hm-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hm-how li{text-align:center}.hm-how li span{width:clamp(46px,4vw,70px);height:clamp(46px,4vw,70px);border-radius:50%;background:#e8eed9;color:#466808;display:grid;place-items:center;margin:0 auto 8px}.hm-how li .v3i{width:48%;height:48%}
.hm-how b{font-size:clamp(13px,1.05vw,17px);color:#0e1726}
.hm-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:600;color:var(--navy-ink);font-size:15px}.hm-more .v3i{width:16px;height:16px}
.hm-revs .v3-title{align-items:center}.ab-revs.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.hm-sup{border-radius:14px;overflow:hidden;min-height:clamp(260px,22vw,420px);display:flex;align-items:center;background:#e9e1cb url('/assets/v3/img/seller-dashboard-banner-1920.webp') right center/cover no-repeat;margin:clamp(10px,1.2vw,20px) 0 clamp(24px,2.6vw,48px);position:relative}
.hm-sup::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f3eedf 0%,#f3eedff2 36%,#f3eedf00 62%)}
.hm-sup>div{position:relative;max-width:min(48%,640px);padding:clamp(22px,2.4vw,44px) clamp(22px,3vw,56px)}
.hm-sup .v3-eyebrow{font-size:clamp(10.5px,.85vw,14px);letter-spacing:.14em;color:#5f7f34;margin-bottom:.3em}
.hm-sup h2{font-family:var(--serif);font-size:clamp(24px,2.6vw,48px);margin:0 0 .3em;color:#0e1726;line-height:1.1}
.hm-sup p{font-size:clamp(14px,1.15vw,19px);color:#1d2533;margin:0 0 .8em}
.hm-sup ul{list-style:none;margin:0 0 1.1em;padding:0;display:flex;flex-direction:column;gap:6px}.hm-sup li{display:flex;align-items:center;gap:8px;font-size:clamp(13.5px,1.05vw,17px);font-weight:600;color:#1d2533}.hm-sup li .v3i{width:20px;height:20px;fill:#2f7a20;stroke:#fff;stroke-width:2.4}
.v3-btn.hm-ghost{background:#ffffffb3;border:1px solid #9aa58a;color:#1b2433}
/* featured supplier cards (article) */
.v3-feat article{border:1px solid #d9dde3;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0f1d3012;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.v3-feat article:hover{box-shadow:0 6px 16px #0f1d3020;transform:translateY(-2px)}
.v3-feat article>div{padding:.8em .9em .9em;display:flex;flex-direction:column;gap:.45em;flex:1}
.v3-feat article h3{margin:0}
.hm-fimg{display:block}
.hm-frate{display:flex!important;justify-content:flex-start!important;align-items:center;gap:5px!important;font-size:13px}.hm-frate .v3-star .v3i{width:15px;height:15px}.hm-frate small{color:#6b7280}
.hm-fmain{font-size:12.5px!important;color:#4b5563}
.hm-fact{display:flex;gap:6px;margin-top:auto;padding-top:4px}.hm-fact .dp-btn{flex:1;justify-content:center;padding:7px 8px}
/* footer contact */
.v3-fcontact{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:13px;opacity:.95}
@media(max-width:1000px){.hm-rfq{grid-template-columns:1fr}.hm-num .v3-wrap{grid-template-columns:1fr}.ab-revs.three{grid-template-columns:1fr 1fr}.hm-trend .v3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hm-search{max-width:100%}.hm-scat{display:none}.hm-pop{font-size:12px}.hm-rfq-f{grid-template-columns:1fr 1fr}.hm-rfq-f label:first-child{grid-column:1/-1}.hm-how ol{grid-template-columns:repeat(2,1fr);gap:16px}.ab-revs.three{grid-template-columns:1fr}.hm-sup{min-height:440px;align-items:flex-start}.hm-sup::before{background:linear-gradient(180deg,#f3eedf 0%,#f3eedff2 55%,#f3eedf00 85%)}.hm-sup>div{max-width:100%}.hm-revs .v3-title{flex-wrap:wrap}}
.v3-feat .hm-fact a.dp-btn{display:inline-flex;background:#76854a;color:#fff;border:0;border-radius:6px;box-shadow:none;transform:none!important;font-size:13px}
.v3-feat .hm-fact a.dp-btn.ghost{background:#fff;color:#1b2433;border:1px solid #cfd5dd}
.v3-feat a.hm-fimg{border:0;border-radius:0;box-shadow:none;transform:none!important}

/* hero search with suggestions */
.hm-search{position:relative;overflow:visible}
.hm-search input{border-radius:9px 0 0 9px}
.hm-search>button{border-radius:0 9px 9px 0}
.hm-pop{display:none}
.hm-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #dfe3e9;border-radius:10px;box-shadow:0 14px 34px #0f1d302e;padding:8px;z-index:20;max-height:420px;overflow-y:auto}
.hm-sug[hidden]{display:none}
.hm-sug h6{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:6px 8px 4px}
.hm-sug button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;padding:7px 8px;border-radius:7px;cursor:pointer;font-size:14px;color:#111}
.hm-sug button:hover,.hm-sug button.on{background:#eef2f7}
.hm-sug img{width:38px;height:38px;border-radius:6px;object-fit:cover;background:#f1f1ef;flex-shrink:0}
.hm-s-cat span{flex:1;font-weight:600}.hm-s-cat small{font-size:12px;color:#6b7280}
.hm-s-prod span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-s-prod small{display:block;font-size:12px;color:#6b7280}
.hm-sug mark{background:#e8eed9;color:inherit;border-radius:2px}
.hm-s-all{border-top:1px solid #eceff3!important;border-radius:0 0 7px 7px!important;margin-top:4px;color:var(--navy-ink)!important;font-weight:600}.hm-s-all .v3i{width:16px;height:16px}
.hm-none{margin:6px 8px;font-size:13.5px;color:#4b5563}
/* header categories */
.hd-cat{position:relative;display:flex;align-items:center}
.hd-cat>button{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:#fff;font:inherit;font-size:inherit;font-weight:500;padding:6px 0;cursor:pointer;border-bottom:2px solid transparent}
.hd-cat>button svg{width:15px;height:15px;transition:transform .2s}
.hd-cat.open>button{border-color:#ffffffaa}.hd-cat.open>button svg{transform:rotate(180deg)}
.hd-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:min(560px,92vw);background:#fff;border-radius:12px;box-shadow:0 18px 44px #0f1d3040;padding:12px;z-index:50;color:#111}
.hd-menu::before{content:'';position:absolute;top:-14px;left:0;right:0;height:14px}
.hd-menu[hidden]{display:none}
.hd-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.hd-grid a{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;color:#111;font-weight:600;font-size:14px}
.hd-grid a:hover{background:#eef2f7}
.hd-grid img{width:42px;height:42px;border-radius:7px;object-fit:cover;background:#f1f1ef}
.hd-grid small{display:block;font-size:12px;color:#6b7280;font-weight:400}
.hd-all{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:10px;border-top:1px solid #eceff3;color:var(--navy-ink);font-weight:600;font-size:14px}.hd-all .v3i{width:16px;height:16px}
@media(max-width:700px){.hd-menu{position:fixed;top:110px;left:12px;right:12px;width:auto;transform:none}.hd-grid{grid-template-columns:1fr}}
.hd-cat>button{font-size:inherit!important;font-family:inherit;line-height:inherit;padding:inherit 0}@media(max-width:700px){.hd-cat>button{font-size:14px!important;padding:4px 0}}
@media(max-width:700px){.hd-cat>button{font-size:12px!important;font-weight:400}.v3-header nav a{font-size:12px}}
/* ===== header categories: wide mega menu ===== */
@media(min-width:701px){
 .hd-cat{position:static}
 .v3-header{position:relative}
 .hd-menu{position:absolute;top:100%;left:clamp(16px,5.5vw,104px);right:clamp(16px,5.5vw,104px);width:auto;transform:none;padding:0;border-radius:0 0 14px 14px;box-shadow:0 22px 50px #0f1d3045;border-top:3px solid #76854a;animation:hdIn .18s ease-out}
 .hd-menu::before{top:-20px;height:20px}
 .hd-mega{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,22vw,340px)}
 .hd-main{padding:clamp(16px,1.6vw,26px)}
 .hd-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
 .hd-top b{font-size:clamp(16px,1.3vw,20px);color:#0e1726}
 .hd-top a{display:inline-flex;align-items:center;gap:6px;color:var(--navy-ink);font-weight:600;font-size:14px}.hd-top .v3i{width:16px;height:16px}
 .hd-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1vw,16px)}
 .hd-grid a{flex-direction:column;align-items:stretch;gap:0;padding:0;border-radius:10px;overflow:hidden;border:1px solid #e6e9ee;background:#fff;transition:box-shadow .15s,transform .15s,border-color .15s}
 .hd-grid a:hover{background:#fff;border-color:#c9d2de;box-shadow:0 8px 20px #0f1d301f;transform:translateY(-2px)}
 .hd-img{display:block;aspect-ratio:1.25;background:#eeeff1;overflow:hidden}
 .hd-grid img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 45%;mix-blend-mode:multiply;transition:transform .3s}
 .hd-grid a:hover img{transform:scale(1.05)}
 .hd-txt{padding:9px 10px 10px;font-size:clamp(13.5px,1.05vw,16px);font-weight:700;color:#111;text-align:center}
 .hd-txt small{font-size:12px}
 .hd-side{background:#f3efe6;padding:clamp(18px,1.8vw,30px);display:flex;flex-direction:column;gap:10px;border-radius:0 0 14px 0}
 .hd-side .v3-eyebrow{font-size:11.5px;letter-spacing:.14em;color:#5f7f34;margin:0}
 .hd-side h4{font-family:var(--serif);font-size:clamp(20px,1.7vw,28px);margin:0;color:#0e1726;line-height:1.15}
 .hd-side p{margin:0;font-size:14px;color:#3b4656;line-height:1.5}
 .hd-side .v3-btn{font-size:15px;padding:11px 16px;margin-top:4px}.hd-side .v3-btn .v3i{width:16px;height:16px}
 .hd-side ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.hd-side li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#1d2533}.hd-side li .v3i{width:18px;height:18px;fill:#2f7a20;stroke:#fff;stroke-width:2.4}
 .hd-all{display:none}
}
@media(min-width:701px) and (max-width:1100px){.hd-mega{grid-template-columns:1fr}.hd-side{display:none}.hd-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.hd-side,.hd-top{display:none}.hd-img{display:contents}.hd-grid img{width:42px;height:42px}.hd-txt{display:block}.hd-grid a{flex-direction:row}}
@keyframes hdIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hd-menu{animation:none}}
/* ===== language widget: upper right, compact, with flags ===== */
#languageWidget,body[data-page=account] #languageWidget{position:fixed;top:91px;right:clamp(12px,1.5vw,24px);left:auto;bottom:auto;z-index:40}
#languageToggle{padding:6px 10px!important;font-size:12px!important;gap:6px!important;border-radius:16px!important;box-shadow:0 2px 8px #192a4924!important}
#languageToggle>span[aria-hidden]{font-size:10px;transform:rotate(180deg);display:inline-block}
#languageOptions{bottom:auto!important;top:calc(100% + 6px);right:0;left:auto;width:180px!important;box-shadow:0 10px 26px #0f1d3026;z-index:41}
#languageOptions button{align-items:center;gap:9px;justify-content:flex-start!important;padding:8px 10px;font-size:13px}
#languageOptions button>span:last-child{margin-left:auto}
.lw-flag{display:inline-flex;width:22px;height:15px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #0000001f;flex-shrink:0}.lw-flag svg{width:100%;height:100%;display:block}
@media(max-width:700px){#languageWidget,body[data-page=account] #languageWidget{top:auto;bottom:86px;right:auto;left:12px}#languageOptions{top:auto;bottom:calc(100% + 6px);left:0;right:auto}#languageToggle>span[aria-hidden]{transform:none}}
/* help chat: when open, hide the bubble and dock window to bottom of screen */
#gtHelp.is-open{bottom:0}
#gtHelp.is-open .gth-btn,#gtHelp.is-open .gth-greet{display:none!important}
#gtHelp.is-open .gth-win{border-radius:16px 16px 0 0;border-bottom:0;height:min(560px,calc(100vh - 100px));max-height:none;box-shadow:0 -4px 40px #0f1d3040;animation:gthUp .25s ease-out}
@keyframes gthUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:700px){#gtHelp.is-open{right:0;left:0;bottom:0}#gtHelp.is-open .gth-win{width:100%;height:82vh}}

/* ================= Supplier directory & store ================= */
.st-logo{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#334d6d;color:#fff;font-weight:800;font-size:18px;letter-spacing:.5px;flex-shrink:0;box-shadow:0 2px 6px #0002}
.st-logo.sm{width:30px;height:30px;font-size:11.5px;border-radius:8px}
.st-logo.lg{width:clamp(76px,7vw,112px);height:clamp(76px,7vw,112px);font-size:clamp(26px,2.4vw,38px);border-radius:18px;border:4px solid #fff;box-shadow:0 6px 18px #0f1d3030}
.st-hero{background:linear-gradient(100deg,#2c4462 0%,#334d6dee 45%,#334d6daa 100%),url('/assets/optimized-v1/factory-1.webp') right center/cover;color:#fff;padding:clamp(30px,3.6vw,64px) 0 clamp(24px,2.6vw,44px)}
.st-hero .v3-eyebrow{color:#c8d6a5;font-size:13px;letter-spacing:.16em}
.st-hero h1{font-family:var(--serif);font-size:clamp(30px,3.6vw,60px);margin:.2em 0 .25em;color:#fff}
.st-hero p{font-size:clamp(15px,1.3vw,21px);max-width:640px;color:#e3e9f2;margin:0 0 1.2em}
.st-search{display:flex;align-items:center;background:#fff;border-radius:9px;max-width:760px;padding:5px 5px 5px 16px;gap:10px}
.st-search>span .v3i{width:22px;height:22px;color:#4b5563}.st-search input{flex:1;border:0;outline:0;font-size:16px;padding:10px 0;margin:0;min-width:0}
.st-search .v3-btn{padding:11px 22px}
.st-hstats{display:flex;gap:clamp(18px,3vw,54px);margin-top:22px;flex-wrap:wrap}.st-hstats b{display:block;font-size:clamp(20px,1.9vw,30px);font-weight:800}.st-hstats span{font-size:13px;color:#cfd9e8}
.st-dir{padding-top:22px;padding-bottom:40px}
.st-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.st-chips{display:flex;gap:6px;flex-wrap:wrap}.st-chips button{border:1px solid #dfe3e9;background:#fff;border-radius:20px;padding:8px 14px;font-size:14px;font-weight:600;color:#2b3442;cursor:pointer}.st-chips button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.st-filt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.st-filt select{padding:9px 34px 9px 12px;font-size:14px}
.st-ver{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600}.st-ver input{width:17px;height:17px;margin:0;accent-color:#76854a}
.st-count{margin:16px 0 12px;font-size:15px;color:#3b4656}
.st-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:18px}
.st-card{display:grid;grid-template-columns:200px minmax(0,1fr);background:#fff;border:1px solid #e1e5ea;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0f1d300d;transition:box-shadow .15s}
.st-card:hover{box-shadow:0 10px 26px #0f1d301f}
.st-cov img{width:100%;height:100%;object-fit:cover;display:block;min-height:100%}
.st-cb{padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.st-ch{display:flex;gap:12px;align-items:center}.st-ch h3{margin:0;font-size:17px;display:flex;align-items:center;gap:6px}.st-ch h3 a:hover{text-decoration:underline}.st-ch p{margin:2px 0 0;font-size:13px;color:#4b5563}
.st-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#1d2533}.st-meta>span{display:inline-flex;align-items:center;gap:5px}.st-meta .v3i{width:15px;height:15px;color:#334d6d}.st-meta .v3-star .v3i{width:14px;height:14px}.st-meta small{color:#6b7280}
.dp-chipset span.cert{background:#e3eedb;color:#24421a}
.st-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.st-thumbs a{position:relative;aspect-ratio:1;border-radius:7px;overflow:hidden;background:#f1f1ef}.st-thumbs img{width:100%;height:100%;object-fit:cover}.st-thumbs small{position:absolute;left:4px;bottom:4px;background:#fffffff0;font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:4px}
.st-more{display:grid;place-items:center;align-content:center;background:#eef1f5!important;font-weight:800;color:#334d6d;font-size:16px}.st-more small{position:static!important;background:none!important;font-weight:500;color:#4b5563}
.st-cact{display:flex;gap:8px;margin-top:auto}.st-cact .v3-btn{flex:1;padding:10px;font-size:14px}
/* store */
.st-head{background:#fff;border-bottom:1px solid #e3e7ed}
.st-cover{height:clamp(150px,16vw,260px);overflow:hidden;background:#334d6d}.st-cover img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(.95)}
.st-id{display:flex;align-items:flex-end;gap:18px;margin-top:calc(-1 * clamp(38px,3.5vw,56px));flex-wrap:wrap}
.st-name{flex:1;min-width:240px;padding-bottom:6px}
.st-name h1{font-family:var(--serif);font-size:clamp(24px,2.4vw,40px);margin:0;color:#0e1726;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.st-vbadge{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:14px;font-weight:600;background:#e3eedb;color:#24421a;padding:5px 12px 5px 7px;border-radius:20px}.st-vbadge .v3i{width:18px;height:18px;fill:#2f7a20;stroke:#fff;stroke-width:2.4}
.st-name p{margin:6px 0 0;font-size:14.5px;color:#3b4656;display:flex;align-items:center;gap:6px}
.st-act{display:flex;gap:8px;padding-bottom:8px}.st-act .v3-btn{padding:10px 16px;font-size:14.5px}.st-act .v3-btn .v3i{width:16px;height:16px}
.st-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#e6e9ee;border:1px solid #e6e9ee;border-radius:10px;overflow:hidden;margin:18px 0 6px}
.st-stats div{background:#fff;padding:12px 14px}.st-stats small{display:block;font-size:12.5px;color:#6b7280}.st-stats b{font-size:clamp(15px,1.25vw,19px);color:#0e1726}
.st-tabs{display:flex;gap:6px;overflow-x:auto}.st-tabs a{padding:14px 16px;font-weight:600;font-size:15px;color:#3b4656;border-bottom:3px solid transparent;white-space:nowrap}.st-tabs a.on{color:#0e1726;border-color:#76854a}.st-tabs a:hover{color:#0e1726}
.st-body{padding-top:22px;padding-bottom:44px;display:flex;flex-direction:column;gap:26px}
.st-promos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.st-promos>div{display:flex;gap:12px;align-items:center;background:#fff;border:1px dashed #b9c79a;border-radius:10px;padding:12px 14px}
.st-promos>div>span{width:42px;height:42px;border-radius:10px;background:#e8eed9;color:#466808;display:grid;place-items:center;flex-shrink:0}.st-promos .v3i{width:22px;height:22px}
.st-promos b{display:block;font-size:15px}.st-promos small{font-size:12.5px;color:#4b5563}
.st-t{margin-bottom:14px}.st-t h2{font-size:clamp(20px,1.8vw,30px)!important}
.st-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.st-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.st-cats button{border:1px solid #e1e5ea;background:#fff;border-radius:10px;overflow:hidden;padding:0 0 10px;cursor:pointer;text-align:center}.st-cats img{width:100%;aspect-ratio:1.3;object-fit:cover;display:block;margin-bottom:8px}.st-cats b{display:block;font-size:14px}.st-cats small{font-size:12px;color:#6b7280}
.st-banner{position:relative;border-radius:14px;overflow:hidden;min-height:220px;display:flex;align-items:center}
.st-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.st-banner::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2c4462f2 0%,#2c4462c8 45%,#2c446200 80%);z-index:1}
.st-banner>div{position:relative;z-index:2;padding:28px 34px;max-width:560px;color:#fff}.st-banner .v3-eyebrow{color:#c8d6a5;font-size:12px;letter-spacing:.14em}.st-banner h2{font-family:var(--serif);font-size:clamp(22px,2.2vw,36px);margin:.2em 0;color:#fff}.st-banner p{color:#e3e9f2;margin:0 0 14px}
.st-shop{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px}
.st-side{background:#fff;border:1px solid #e1e5ea;border-radius:10px;padding:12px;align-self:start;position:sticky;top:100px}
.st-side h4{margin:4px 6px 8px;font-size:15px}.st-side button{display:flex;justify-content:space-between;width:100%;border:0;background:none;padding:8px 8px;border-radius:7px;font-size:14px;color:#1d2533;cursor:pointer;text-align:left}.st-side button span{color:#6b7280}.st-side button.on{background:#eef2f7;font-weight:700}
.st-sortbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#f3f5f8;border-radius:9px;padding:8px 10px;margin-bottom:14px}.st-sortbar>span{font-size:13.5px;color:#4b5563;margin-right:4px}
.st-sortbar button{border:1px solid #dfe3e9;background:#fff;border-radius:6px;padding:6px 12px;font-size:13.5px;font-weight:600;cursor:pointer}.st-sortbar button.on{background:#76854a;border-color:#76854a;color:#fff}.st-sortbar em{margin-left:auto;font-style:normal;font-size:13px;color:#4b5563}
.st-shop .st-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.st-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.st-two.rev{grid-template-columns:340px 1fr}
.st-h{font-size:20px;margin:0 0 12px}
.st-verify{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.st-verify p{display:flex;align-items:center;gap:8px;margin:0;background:#f6faf2;border:1px solid #d6e8cb;border-radius:9px;padding:12px;font-size:14px;font-weight:600}.st-verify .v3i{width:20px;height:20px;fill:#2f7a20;stroke:#fff;stroke-width:2.4;flex-shrink:0}
.st-sub{margin-top:16px;border-top:1px solid #eceff3;padding-top:14px}
.st-samp{margin:0 0 10px;display:flex;align-items:center;gap:8px}
.st-revs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-revs article{display:flex;flex-direction:column;gap:10px}.st-revs p{margin:0;font-size:14px;line-height:1.5}
.st-rp{display:flex;align-items:center;gap:8px;background:#f5f7fa;border-radius:7px;padding:6px;font-size:13px;font-weight:600}.st-rp img{width:36px;height:36px;border-radius:5px;object-fit:cover}
/* card supplier link */
a.v3-card-supplier:hover b{text-decoration:underline}
/* ================= RFQ (professional) ================= */
.rq-hero{background:#f3f5f8;border-bottom:1px solid #e3e7ed;padding:22px 0 0}
.rq-back{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#3b4656}.rq-back .v3i{width:16px;height:16px}
.rq-hero h1{font-family:var(--serif);font-size:clamp(28px,2.8vw,46px);margin:8px 0 4px;color:#0e1726}.rq-hero>div>p{margin:0 0 18px;color:#3b4656;font-size:16px}
.rq-steps{list-style:none;margin:0;padding:0;display:flex;max-width:760px}
.rq-steps li{flex:1;display:flex;align-items:center;gap:10px;padding:12px 0 14px;border-bottom:3px solid #dfe3e9;color:#6b7280;font-size:14.5px}
.rq-steps li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e3e7ed;font-weight:800;color:#4b5563;flex-shrink:0}.rq-steps li span .v3i{width:16px;height:16px;stroke-width:3}
.rq-steps li.cur{border-color:var(--navy);color:#0e1726}.rq-steps li.cur span{background:var(--navy);color:#fff}
.rq-steps li.done{border-color:#76854a;color:#2b4a1e}.rq-steps li.done span{background:#76854a;color:#fff}
.rq-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding-top:24px;padding-bottom:44px;align-items:start}
.rq-main{display:flex;flex-direction:column;gap:18px}
.rq-sec{padding:22px 24px}
.rq-sh{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.rq-sh>span{width:34px;height:34px;border-radius:9px;background:#e8eed9;color:#466808;font-weight:800;display:grid;place-items:center;flex-shrink:0}
.rq-sh h2{margin:0;font-size:20px;color:#0e1726}.rq-sh p{margin:3px 0 0;font-size:14px;color:#4b5563}
.rq-item{display:grid;grid-template-columns:64px minmax(0,1fr) 140px 140px 38px;gap:12px;align-items:end;padding:12px 0;border-top:1px solid #eceff3}
.rq-item img{width:64px;height:64px;border-radius:8px;object-fit:cover;align-self:center}
.rq-in{align-self:center;min-width:0}.rq-in b{display:block;font-size:15px}.rq-in small{display:block;font-size:12.5px;color:#4b5563}.rq-in em{display:inline-block;margin-top:4px;font-style:normal;font-size:12px;background:#eef1f5;padding:2px 8px;border-radius:10px}
.rq-item label,.rq-grid label{display:block;font-size:13px;font-weight:600;color:#1d2533}
.rq-qty{display:flex;align-items:stretch;border:1px solid #c8ced6;border-radius:7px;overflow:hidden;margin-top:5px;background:#fff}
.rq-qty input,.rq-qty select{border:0!important;margin:0!important;border-radius:0!important;padding:10px!important;font-size:14.5px;min-width:0;flex:1;background:none;outline:0}
.rq-qty select{flex:0 0 auto;background:#f5f7fa;border-left:1px solid #e3e7ed!important;cursor:pointer}.rq-qty select:first-child{border-left:0!important;border-right:1px solid #e3e7ed!important}
.rq-qty em{display:grid;place-items:center;padding:0 10px;background:#f5f7fa;border-left:1px solid #e3e7ed;font-style:normal;font-size:13px;color:#4b5563}
.rq-del{width:38px;height:42px;border:1px solid #f0c9c4;background:#fff;border-radius:7px;color:#b0101a;display:grid;place-items:center;cursor:pointer;padding:0}.rq-del .v3i{width:18px;height:18px}
.rq-empty{display:flex;gap:14px;align-items:center;border:1px dashed #c8ced6;border-radius:10px;padding:18px;color:#3b4656}.rq-empty .v3i{width:36px;height:36px;color:#9aa3ae}.rq-empty p{margin:0}
.rq-add{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:12px;border:1.5px dashed #9aa8b9;border-radius:9px;font-weight:600;color:var(--navy-ink)}.rq-add:hover{background:#f5f7fa}.rq-add .v3i{width:18px;height:18px}
.rq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.rq-grid .full{grid-column:1/-1;position:relative}
.rq-grid label i{color:#c0281e;font-style:normal}
.rq-grid input,.rq-grid select,.rq-grid textarea{width:100%;margin-top:5px;border:1px solid #c8ced6;border-radius:7px;padding:10px 12px;font-size:14.5px;background:#fff}
.rq-grid input:focus,.rq-grid textarea:focus,.rq-grid select:focus,.rq-qty:focus-within{outline:2px solid #33476d33;border-color:var(--navy)}
.bad,.rq-grid .bad{border-color:#c0281e!important;background:#fff6f5!important}
.rq-cc{position:absolute;right:10px;bottom:8px;font-size:12px;color:#6b7280;font-weight:400}
.rq-h4{font-size:15px;margin:22px 0 10px}.rq-h4 small{font-weight:400;color:#6b7280;font-size:12.5px}
.rq-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rq-checks label{display:flex;gap:10px;align-items:flex-start;border:1px solid #dfe3e9;border-radius:9px;padding:11px 12px;cursor:pointer;font-weight:400}
.rq-checks label.on{border-color:#76854a;background:#f6faf2}
.rq-checks input{width:17px;height:17px;margin:2px 0 0;accent-color:#76854a;flex-shrink:0}.rq-checks b{display:block;font-size:14px}.rq-checks small{font-size:12px;color:#4b5563}
.rq-drop{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px dashed #b4c0cf;border-radius:10px;padding:24px;background:#f8fafc;cursor:pointer;text-align:center;font-weight:400!important}
.rq-drop.over{border-color:#76854a;background:#f6faf2}.rq-drop .v3i{width:30px;height:30px;color:#334d6d}.rq-drop small{color:#6b7280}
.rq-files p{display:flex;align-items:center;gap:10px;margin:8px 0 0;border:1px solid #e3e7ed;border-radius:8px;padding:8px 10px}.rq-files p>.v3i{width:20px;height:20px;color:#c0281e}.rq-files span{flex:1}.rq-files b{display:block;font-size:13.5px}.rq-files small{font-size:12px;color:#6b7280}
.rq-files button{border:0;background:none;color:#b0101a;cursor:pointer;padding:4px}.rq-files button .v3i{width:16px;height:16px}
.rq-selall{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px;border-bottom:1px solid #eceff3;margin-bottom:10px}.rq-selall label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.rq-selall input{width:17px;height:17px;margin:0;accent-color:#76854a}.rq-selall small{color:#4b5563}
.rq-sups{display:flex;flex-direction:column;gap:8px}
.rq-sups>label{display:flex;align-items:center;gap:12px;border:1px solid #dfe3e9;border-radius:10px;padding:10px 12px;cursor:pointer}
.rq-sups>label.on{border-color:#76854a;background:#f6faf2}
.rq-sups input{width:18px;height:18px;margin:0;accent-color:#76854a;flex-shrink:0}
.rq-si{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.rq-si>b{display:flex;align-items:center;gap:5px;font-size:15px}.rq-si>small{font-size:12.5px;color:#4b5563;display:flex;align-items:center;gap:5px}
.rq-tag{font-style:normal;font-size:11.5px;font-weight:700;background:#dfe9f7;color:#1c3e70;padding:3px 9px;border-radius:10px;white-space:nowrap}.rq-tag.alt{background:#fbeccb;color:#7a4a05}
.rq-rv{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.rq-rv h4{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #eceff3}.rq-rv h4+*{margin-bottom:16px}
.rq-rv h4 button{border:0;background:none;color:var(--navy-ink);font-weight:600;font-size:13px;cursor:pointer;text-decoration:underline}
.rq-rv dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0}.rq-rv dt{font-size:12px;color:#6b7280}.rq-rv dd{margin:0;font-size:14px;color:#111}
.rq-desc{background:#f5f7fa;border-radius:8px;padding:10px 12px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;margin-top:12px}
.rq-mini{display:flex;align-items:center;gap:10px;padding:5px 0}.rq-mini img{width:40px;height:40px;border-radius:6px;object-fit:cover}.rq-mini b{display:block;font-size:13.5px}.rq-mini small{font-size:12px;color:#6b7280}
.rq-sl{display:flex;flex-wrap:wrap;gap:6px}.rq-sl span{display:inline-flex;align-items:center;gap:6px;background:#f5f7fa;border-radius:16px;padding:3px 10px 3px 3px;font-size:13px;font-weight:600}
.rq-ct{margin:0;font-size:14px;line-height:1.5}
.rq-agree{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:12px;border-radius:9px;background:#f5f7fa;font-size:14px;cursor:pointer}.rq-agree input{width:18px;height:18px;margin:1px 0 0;accent-color:#76854a;flex-shrink:0}
.rq-err:empty{display:none}.rq-err{margin:0;padding:10px 12px;background:#fdecea;border-radius:8px;font-size:14px}
.rq-nav{display:flex;justify-content:space-between;gap:10px}.rq-nav .v3-btn{padding:13px 26px}.rq-nav .v3-btn .v3i{width:18px;height:18px}
.rq-aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:96px}
.rq-aside h3{margin:0 0 10px;font-size:16px}
.rq-aside dl{margin:0;display:flex;flex-direction:column;gap:8px}.rq-aside dl div{display:flex;justify-content:space-between;font-size:14px}.rq-aside dt{color:#4b5563}.rq-aside dd{margin:0;font-weight:700}
.rq-why ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.rq-why li{display:flex;gap:10px;align-items:center;font-size:13.5px}.rq-why li .v3i{width:30px;height:30px;padding:6px;border-radius:8px;background:#eef1f5;color:#334d6d;flex-shrink:0}
.rq-tip{display:flex;gap:10px;align-items:flex-start;background:#f6faf2;border-color:#d6e8cb}.rq-tip .v3i{width:24px;height:24px;color:#2f7a20;flex-shrink:0}.rq-tip p{margin:0;font-size:13px}
.rq-done{padding-top:36px;padding-bottom:50px}.rq-done>.sd-card{max-width:920px;margin:0 auto;text-align:center;padding:34px}
.rq-ok{width:72px;height:72px;border-radius:50%;background:#2f7a20;color:#fff;display:grid;place-items:center;margin:0 auto 12px}.rq-ok .v3i{width:38px;height:38px;stroke-width:3}
.rq-done h1{font-family:var(--serif);font-size:clamp(26px,2.4vw,38px);margin:12px 0 4px}.rq-done>.sd-card>p{color:#3b4656;margin:0 0 22px}
.rq-dgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}.rq-dgrid h3{font-size:16px;margin:0 0 10px}
.rq-dsup{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #eceff3}.rq-dsup span{flex:1}.rq-dsup b{display:block;font-size:14px}.rq-dsup small{font-size:12px;color:#6b7280}
.rq-dact{display:flex;justify-content:center;gap:10px;margin-top:24px}
@media(max-width:1100px){.rq-wrap{grid-template-columns:1fr}.rq-aside{position:static}.st-grid,.st-shop .st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-stats{grid-template-columns:repeat(3,1fr)}.st-promos{grid-template-columns:1fr 1fr}.st-verify{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.st-card{grid-template-columns:1fr}.st-cov{aspect-ratio:2.4}.st-shop{grid-template-columns:1fr}.st-side{position:static}.st-two,.st-two.rev,.st-revs{grid-template-columns:1fr}.st-act{width:100%}.st-act .v3-btn{flex:1;padding:10px 8px;font-size:13px}.st-id{margin-top:-36px}
 .rq-item{grid-template-columns:56px minmax(0,1fr) 38px}.rq-item label{grid-column:1/-1}.rq-item img{width:56px;height:56px}.rq-grid,.rq-rv,.rq-dgrid{grid-template-columns:1fr}.rq-checks{grid-template-columns:1fr}.rq-steps li b{font-size:12px}.rq-sec{padding:16px}}
.st-id{position:relative;z-index:2}
.rq-qty select{width:auto!important;flex:0 0 auto!important}.rq-qty input{width:auto!important;flex:1 1 0!important}
#rqFile,.rq-drop input[type=file]{display:none!important}
.rq-dsup span{flex:initial}.rq-dsup>span:not(.st-logo){flex:1}.rq-dsup>.st-logo{flex:0 0 30px}
.rq-sl span{display:inline-grid;padding:0;background:none}.rq-sl>span{display:inline-flex;align-items:center;gap:6px;background:#f5f7fa;border-radius:16px;padding:3px 10px 3px 3px}
.rq-sl .st-logo{background:#334d6d}
.st-name,.st-act{padding-top:calc(clamp(38px,3.5vw,56px) + 6px)}
@media(max-width:760px){.st-act{padding-top:0}}
.rq-wrap,.rq-hero{overflow-x:clip}

/* language: top-right rectangle on the demo bar */
#languageWidget,body[data-page] #languageWidget{position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:auto!important;z-index:120}
#languageToggle{height:25px;padding:0 10px!important;border-radius:0!important;border:0!important;border-left:1px solid #dfe3e9!important;box-shadow:none!important;background:#fff!important;font-size:11.5px!important;font-weight:600;gap:6px!important}
#languageToggle .lw-flag{width:18px;height:12px}
#languageOptions{top:25px!important;bottom:auto!important;right:0!important;left:auto!important;border-radius:0 0 8px 8px!important}
#languageToggle>span[aria-hidden]{transform:rotate(180deg)!important}
/* store verified badge */
.st-vbadge{font-family:var(--sans)!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;line-height:1!important;white-space:nowrap;padding:6px 12px 6px 7px!important;gap:6px!important;vertical-align:middle}
.st-vbadge .v3i{width:16px!important;height:16px!important}
.st-cover img{object-position:center 40%}

/* ===== RFQ compact layout ===== */
@media(min-width:1101px){
 .rq-hero{padding:12px 0 0}
 .rq-hero .v3-wrap{display:grid;grid-template-columns:auto minmax(420px,620px);grid-template-rows:auto auto;column-gap:40px;align-items:end;max-width:1600px}
 .rq-back{grid-column:1/-1;font-size:13px}
 .rq-hero h1{grid-column:1;font-size:30px;margin:2px 0 0}
 .rq-hero>div>p{grid-column:1;font-size:14px;margin:2px 0 12px}
 .rq-steps{grid-column:2;grid-row:2/4;align-self:end;max-width:none}
 .rq-steps li{padding:8px 0 10px;font-size:13.5px}.rq-steps li span{width:26px;height:26px;font-size:13px}
 .rq-wrap{max-width:1600px;grid-template-columns:minmax(0,1fr) 290px;gap:18px;padding-top:16px;padding-bottom:28px}
 .rq-main{gap:12px}
 .rq-sec{padding:14px 18px}
 .rq-sh{margin-bottom:10px;gap:10px;align-items:center}.rq-sh>span{width:28px;height:28px;border-radius:7px;font-size:14px}
 .rq-sh h2{font-size:17px}.rq-sh p{font-size:13px;margin-top:1px}
 .rq-item{padding:8px 0;grid-template-columns:52px minmax(0,1fr) 130px 130px 36px}.rq-item img{width:52px;height:52px}
 .rq-add{margin-top:8px;padding:8px}
 .rq-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px}
 .rq-grid label{font-size:12.5px}
 .rq-grid input,.rq-grid select,.rq-grid textarea{padding:8px 10px;font-size:14px;margin-top:4px}
 .rq-qty input,.rq-qty select{padding:8px 10px!important;font-size:14px}
 .rq-proj>label:nth-child(1){grid-column:1/3;grid-row:1}
 .rq-proj>label:nth-child(2){grid-column:1/3;grid-row:2/4;display:flex;flex-direction:column}
 .rq-proj>label:nth-child(2) textarea{flex:1;min-height:110px;resize:vertical}
 .rq-proj>label:nth-child(3){grid-column:3;grid-row:1}.rq-proj>label:nth-child(4){grid-column:4;grid-row:1}
 .rq-proj>label:nth-child(5){grid-column:3;grid-row:2}.rq-proj>label:nth-child(6){grid-column:4;grid-row:2}
 .rq-proj>label:nth-child(7){grid-column:3;grid-row:3}.rq-proj>label:nth-child(8){grid-column:4;grid-row:3}
 .rq-h4{margin:14px 0 8px;font-size:14px}
 .rq-checks{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.rq-checks label{padding:8px 10px}.rq-checks b{font-size:13px}.rq-checks small{font-size:11.5px}
 .rq-drop{flex-direction:row;justify-content:center;gap:12px;padding:12px}.rq-drop .v3i{width:24px;height:24px}
 .rq-nav .v3-btn{padding:10px 22px}
 .rq-aside{top:90px;gap:10px}.rq-aside .sd-card{padding:12px 14px}.rq-aside h3{font-size:15px;margin-bottom:8px}
 .rq-why ol{gap:7px}.rq-why li{font-size:12.5px}.rq-why li .v3i{width:26px;height:26px;padding:5px}
 /* step 2 */
 .rq-sups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .rq-sups>label{padding:8px 10px}
 /* contact grid: 4 across */
 /* review */
 .rq-rv{gap:18px}.rq-agree{margin-top:12px;padding:10px}
}
@media(min-width:1101px){.rq-proj>label:nth-child(2){display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:3px}.rq-proj>label:nth-child(2) textarea{grid-column:1/-1;height:100%}}

/* ===== Inquiry cart drawer ===== */
#gtCart{position:fixed;inset:0;z-index:130;pointer-events:none}
#gtCart .ct-bg{position:absolute;inset:0;background:#0f1d3066;opacity:0;transition:opacity .2s}
#gtCart .ct{position:absolute;top:0;right:0;bottom:0;width:min(440px,100vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;box-shadow:-10px 0 40px #0f1d3033}
#gtCart.open{pointer-events:auto}#gtCart.open .ct-bg{opacity:1}#gtCart.open .ct{transform:none}
body.ct-lock{overflow:hidden}
.ct header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eceff3}
.ct h2{margin:0;font-size:20px}.ct header small{font-size:13px;color:#4b5563}
.ct-x{width:36px;height:36px;border-radius:50%;border:1px solid #dfe3e9;background:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.ct-x .v3i{width:18px;height:18px;transform:rotate(45deg)}
.ct-all{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;border-bottom:1px solid #eceff3;background:#f8f9fb}
.ct input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:#76854a;flex-shrink:0}
.ct-list{flex:1;overflow-y:auto;padding:4px 0}
.ct-list section{border-bottom:6px solid #f3f5f8}
.ct-sup{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px}.ct-sup small{color:#6b7280;margin-left:auto}.ct-sup>.v3i{width:15px;height:15px}.ct-sup:hover b{text-decoration:underline}
.ct-item{display:grid;grid-template-columns:18px 64px minmax(0,1fr) 30px;gap:10px;align-items:start;padding:10px 18px;border-top:1px solid #f0f2f5}
.ct-item>input{margin-top:24px!important}
.ct-img img{width:64px;height:64px;border-radius:8px;object-fit:cover;background:#f1f1ef}
.ct-in b{display:block;font-size:14px;line-height:1.3;color:#111}.ct-in small{display:block;font-size:12px;color:#6b7280;margin-top:2px}
.ct-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.ct-step{display:inline-flex;border:1px solid #c8ced6;border-radius:7px;overflow:hidden}
.ct-step button{width:30px;border:0;background:#f5f7fa;font-size:16px;font-weight:700;cursor:pointer;padding:0}
.ct-step input{width:64px;border:0;text-align:center;font-size:14px;padding:6px 2px;margin:0;-moz-appearance:textfield}
.ct-step input::-webkit-inner-spin-button{-webkit-appearance:none}
.ct-sub{font-size:14.5px}
.ct-rm{border:0;background:none;color:#9aa3ae;cursor:pointer;padding:4px;margin-top:20px}.ct-rm:hover{color:#b0101a}.ct-rm .v3i{width:18px;height:18px}
.ct footer{border-top:1px solid #e3e7ed;padding:14px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 -6px 16px #0f1d300d}
.ct-tot{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.ct-tot b{font-size:20px}
.ct footer>small{font-size:12px;color:#6b7280}
.ct footer .v3-btn{padding:12px}.ct footer .v3-btn[disabled]{opacity:.5;cursor:not-allowed}
.ct-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:6px}.ct-empty .v3i{width:48px;height:48px;color:#9aa3ae}.ct-empty p{color:#4b5563;margin:0 0 12px}
#inquiryBtn{cursor:pointer}
@media(prefers-reduced-motion:reduce){#gtCart .ct,#gtCart .ct-bg{transition:none}}

/* ===== My Account dropdown ===== */
.v3-header .v2-actions{position:relative}
#accountBtn{display:inline-flex;align-items:center;gap:6px}
#accountBtn::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
#accountBtn.open::after{transform:rotate(-135deg) translateY(-1px)}
#acMenu{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:#fff;border-radius:12px;box-shadow:0 18px 44px #0f1d3040;border:1px solid #e3e7ed;color:#111;z-index:60;overflow:hidden;animation:hdIn .16s ease-out}
#acMenu[hidden]{display:none}
#acMenu::before{content:'';position:absolute;top:-6px;right:28px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-left:1px solid #e3e7ed;border-top:1px solid #e3e7ed}
.ac-head{display:flex;gap:12px;align-items:center;padding:14px 16px;background:#f5f7fa;border-bottom:1px solid #eceff3}
.ac-head img,.ac-head .bd-av{width:48px!important;height:48px!important;border-radius:50%;object-fit:cover;margin:0!important;font-size:17px;flex-shrink:0}
.ac-head b{display:block;font-size:15px}.ac-head small{display:block;font-size:12px;color:#6b7280;margin-top:3px}
.ac-head .sd-vpill{font-size:11.5px!important;padding:2px 8px 2px 4px!important;margin-top:3px}.ac-head .sd-vpill .v3i{width:14px;height:14px}
#acMenu nav{display:flex;flex-direction:column;padding:6px}
#acMenu nav a,.ac-out{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:7px;font-size:14px;color:#1b2433;background:none;border:0;cursor:pointer;width:100%;text-align:left;font-family:inherit}
#acMenu nav a:hover,.ac-out:hover{background:#eef2f7}
#acMenu nav .v3i{width:18px;height:18px;color:#334d6d;flex-shrink:0}
#acMenu nav span{flex:1}
#acMenu nav em{font-style:normal;font-size:11.5px;font-weight:700;background:#d61f26;color:#fff;border-radius:10px;padding:2px 7px}
.ac-low{border-top:1px solid #eceff3}
.ac-out,.ac-out .v3i{color:#b0101a!important}
.ac-store{display:flex;align-items:center;gap:10px;margin:0 12px 6px;padding:10px 12px;border-radius:9px;background:#e8eed9;color:#24421a;font-weight:700;font-size:14px}.ac-store .v3i{width:18px;height:18px}.ac-store .v3i:last-child{margin-left:auto}
.ac-guest{padding:18px 16px;display:flex;flex-direction:column;gap:8px}.ac-guest b{font-size:16px}.ac-guest p{margin:0 0 4px;font-size:13px;color:#4b5563}.ac-guest .v3-btn{padding:10px}.ac-guest small{text-align:center;font-size:12.5px;color:#4b5563}.ac-guest small a{color:var(--navy-ink);font-weight:600;text-decoration:underline}
.ac-pref{display:flex;border-top:1px solid #eceff3;background:#f8f9fb}
.ac-pref button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;padding:10px 6px;font-size:12.5px;font-weight:600;color:#26364f;cursor:pointer}
.ac-pref button+button{border-left:1px solid #eceff3}.ac-pref .v3i{width:15px;height:15px}.ac-pref .lw-flag{width:18px;height:12px}
.ac-pref button:hover{background:#eef2f7}
@media(max-width:700px){#acMenu{position:fixed;top:auto;left:8px;right:8px;width:auto;top:96px}#acMenu::before{display:none}}
.v3-header #acMenu nav{gap:1px!important;margin:0;width:auto;order:0;font-size:14px;justify-content:flex-start}
.v3-header #acMenu nav a{padding:8px 10px!important;border-bottom:0!important;font-weight:400}
.v3-header #acMenu button{font-size:14px!important;color:inherit;display:flex;align-items:center;justify-content:center;background:none}
.v3-header #acMenu .ac-out{justify-content:flex-start;color:#b0101a!important;padding:8px 10px!important}
.v3-header #acMenu .ac-guest .v3-btn{font-size:15px!important;padding:10px!important}
.v3-header #acMenu .ac-guest .v3-btn.navy{background:var(--navy);color:#fff}.v3-header #acMenu .ac-guest .v3-btn.outline{background:#fff;color:#1b2433;border:1px solid #c4ccd6}
.v3-header #acMenu .ac-pref button{font-size:12.5px!important;padding:10px 6px!important}
.v3-header #acMenu .v3i{width:18px;height:18px}

/* ===== Product page enhancements ===== */
.pd-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:0;border:1px solid #e1e5ea;border-radius:9px;overflow:hidden;margin:2px 0 10px;width:100%}
.pd-tiers>div{padding:8px 10px;background:#fafbfc;border-left:1px solid #e1e5ea}.pd-tiers>div:first-child{border-left:0}
.pd-tiers b{display:block;font-size:16px;color:#0e1726}.pd-tiers small{font-size:12px;color:#6b7280}
.pd-tiers>div.on{background:#eef3e3;box-shadow:inset 0 -3px 0 #76854a}.pd-tiers>div.on b{color:#2b4a1e}
.pd-var{width:100%;margin:4px 0 6px}
.pd-var h3{font-size:16px!important;margin:6px 0 8px!important}
.pd-var .v3-swatches{gap:10px;margin-bottom:12px}.pd-var .v3-swatches button{width:34px;height:34px}
.pd-var .v3-sizes{gap:8px;margin-bottom:10px}.pd-var .v3-sizes button{min-width:54px;height:38px;font-size:14px}
.pd-step{display:inline-flex;border:1px solid #c8ced6;border-radius:8px;overflow:hidden;background:#fff}
.pd-step button{width:38px;border:0;background:#f5f7fa;font-size:18px;font-weight:700;cursor:pointer;color:#1b2433}.pd-step button:hover{background:#e8edf3}
.v3-qty .pd-step input{width:90px!important;border:0!important;border-radius:0!important;text-align:center;-moz-appearance:textfield;margin:0!important}
.pd-step input::-webkit-inner-spin-button{-webkit-appearance:none}
.pd-acts{display:grid;grid-template-columns:1.25fr 1fr 52px;gap:10px;width:100%;margin-top:2px}
.pd-acts .v3-btn{padding:14px 12px;font-size:16px;margin:0}.pd-acts .v3-btn .v3i{width:20px;height:20px}
#pdCart{border:1.5px solid #3e5370;font-weight:600}#pdCart.in{background:#eef3e3;border-color:#76854a;color:#24421a}
.pd-fav{position:relative;border:1.5px solid #c4ccd6;background:#fff;border-radius:7px;display:grid;place-items:center;cursor:pointer;color:#1b2433;padding:0}
.pd-fav .v3i{width:24px;height:24px;stroke-width:1.8}.pd-fav:hover{border-color:#c2373a;color:#c2373a}
.pd-fav.on{border-color:#c2373a;color:#c2373a;background:#fdf0f0}.pd-fav.on .v3i{fill:#c2373a}
.pd-tip{position:absolute;bottom:calc(100% + 8px);right:0;background:#111;color:#fff;font-size:12px;padding:4px 8px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.pd-fav:hover .pd-tip,.pd-fav:focus-visible .pd-tip{opacity:1}
.pd-trust{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}.pd-trust li{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#24421a}.pd-trust .v3i{width:17px;height:17px;fill:#2f7a20;stroke:#fff;stroke-width:2.4}
.pd-sup{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:12px;border:1px solid #e1e5ea;border-radius:10px;background:#fafbfc;flex-wrap:wrap}
.pd-si{flex:1;min-width:160px}.pd-si a b{font-size:15px}.pd-si a:hover b{text-decoration:underline}.pd-si .dm-ver{margin-left:4px}.pd-si small{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#4b5563;margin-top:2px}
.pd-sup .v3-btn{padding:8px 12px;font-size:13.5px;margin:0}.pd-sup .v3-btn .v3i{width:16px;height:16px}
#inquiryBtn.bump{animation:pdBump .5s ease}
@keyframes pdBump{0%,100%{transform:none}30%{transform:scale(1.25) rotate(-8deg)}60%{transform:scale(.95)}}
#pdToast{position:fixed;top:96px;right:24px;z-index:140;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e5ea;border-left:4px solid #76854a;border-radius:10px;padding:10px 12px;box-shadow:0 14px 34px #0f1d3030;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.2s}
#pdToast.show{opacity:1;transform:none;pointer-events:auto}
#pdToast img{width:44px;height:44px;border-radius:6px;object-fit:cover}#pdToast b{display:block;font-size:14px}#pdToast small{font-size:12px;color:#4b5563}
#pdToast button{border:0;background:var(--navy);color:#fff;border-radius:6px;padding:8px 12px;font-weight:600;font-size:13px;cursor:pointer;margin-left:6px}
@media(max-width:700px){.pd-acts{grid-template-columns:1fr 1fr 48px}.pd-acts .v3-btn{font-size:14px;padding:12px 6px}#pdToast{left:12px;right:12px;top:auto;bottom:90px}}
@media(prefers-reduced-motion:reduce){#inquiryBtn.bump{animation:none}}
/* product page: compact desktop so actions fit above the fold at 100% zoom */
@media(min-width:1001px){
.v3-crumb .v3-wrap{height:44px;font-size:14px}
.v3-detail{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:36px;padding-top:18px}
.v3-thumbs{width:80px;gap:10px}.v3-gallery{gap:14px}
.v3-info h1{font-size:30px;line-height:1.15;margin:0 0 8px}
.pd-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-bottom:8px}
.pd-meta .v3-verified{margin:0;font-size:14px;padding:4px 10px 4px 7px}.pd-meta .v3-verified .v3i{width:18px;height:18px}
.pd-meta .v3-rating{margin:0;font-size:15px}.pd-meta .v3-rating b{font-size:16px}.pd-meta .v3-rating .v3i{width:17px;height:17px}
.v3-info .v3-desc{font-size:15px;line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v3-info .v3-big-price{font-size:30px;margin:0 0 8px}.v3-info .v3-big-price small{font-size:17px}
.pd-tiers{margin:0 0 6px}.pd-tiers>div{padding:6px 10px}.pd-tiers b{font-size:15px}.pd-tiers small{font-size:11.5px}
.v3-info .v3-moq-line{font-size:14.5px;margin:0 0 10px}
.pd-var{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 16px;margin:0 0 12px}
.pd-var h3{font-size:14.5px!important;margin:0!important;white-space:nowrap}
.pd-var .v3-swatches,.pd-var .v3-sizes{margin:0;gap:8px}
.pd-var .v3-swatches button{width:30px;height:30px}
.pd-var .v3-sizes button{min-width:48px;height:34px;font-size:13.5px;padding:0 10px}
.v3-info .v3-qty{margin-bottom:12px}
.pd-acts .v3-btn{padding:12px;font-size:15px}
.pd-trust{margin-top:10px}.pd-sup{margin-top:12px;padding:10px 12px}
}
@media(min-width:1001px){.v3-main-img{aspect-ratio:auto;height:clamp(460px,calc(100vh - 175px),720px)}}
/* suppliers: 2 per row */
.st-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media(max-width:1000px){.st-list{grid-template-columns:1fr}}
/* card rating + sample reviews */
.v3-card-rate{display:flex;align-items:center;gap:5px;margin:0 0 4px;font-size:13px;color:#1d2533}.v3-card-rate .v3-star .v3i{width:14px;height:14px}.v3-card-rate b{font-size:13.5px}.v3-card-rate small{color:#6b7280;font-size:12.5px}
.rv-note{grid-column:1/-1;margin:0 0 4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* ===== ultra-wide / zoomed-out: keep every full-width band aligned to the same 1720px content column ===== */
@media(min-width:1841px){
:root{--gx:calc((100vw - 1720px)/2 + 60px);--gimg:calc((100vw - 1720px)/2)}
.v3-header{padding-left:var(--gx)!important;padding-right:var(--gx)!important}
.v3-hero{background-size:auto 100%!important;background-position:right var(--gimg) center!important;min-height:760px}
.v3-hero .v3-wrap{max-width:none;padding-left:var(--gx)!important;padding-right:var(--gx)!important}
.v3-trust .v3-wrap{padding-left:var(--gx)!important;padding-right:var(--gx)!important}
.v3-footer{padding-left:var(--gx)!important;padding-right:var(--gx)!important}
.ab-hero{background:linear-gradient(90deg,#eef3f9 0%,#eef3f9 calc(var(--gimg) + 520px),#eef3f900 calc(var(--gimg) + 900px)),url('/assets/v3/img/about/team-1600.webp') right var(--gimg) bottom/auto 100% no-repeat,linear-gradient(180deg,#9cc8f4,#dbe9f6)!important;min-height:780px}
.ab-hero .v3-wrap{padding-left:var(--gx)!important;padding-right:var(--gx)!important}
}
@media(min-width:1841px){.v3-hero{background:url('/assets/v3/img/home-hero-1920.webp') right var(--gimg) center/auto 100% no-repeat,linear-gradient(90deg,#ede5dc 0,#ede5dc 50%,#dcd1c8 50%,#dcd1c8 100%)!important}}
@media(min-width:1841px){
.v3-hero{background:linear-gradient(90deg,#ede5dc calc(100vw - var(--gimg) - 1900px),#ede5dc00 calc(100vw - var(--gimg) - 1650px),#dcd1c800 calc(100vw - var(--gimg) - 160px),#dcd1c8 calc(100vw - var(--gimg))),url('/assets/v3/img/home-hero-1920.webp') right var(--gimg) center/auto 100% no-repeat,linear-gradient(90deg,#ede5dc 0,#ede5dc 50%,#dcd1c8 50%,#dcd1c8 100%)!important}
.ab-hero{background:linear-gradient(90deg,#eef3f9 0%,#eef3f9 calc(var(--gimg) + 520px),#eef3f900 calc(var(--gimg) + 900px),#dbe9f600 calc(100vw - var(--gimg) - 220px),#dbe9f6 calc(100vw - var(--gimg))),url('/assets/v3/img/about/team-1600.webp') right var(--gimg) bottom/auto 100% no-repeat,linear-gradient(180deg,#9cc8f4,#dbe9f6)!important}
}
@media(min-width:1841px){.sd{max-width:1600px}}
/* ===== Rich product description (Alibaba-style) ===== */
.pdx{padding-top:8px;padding-bottom:30px}
.pdx-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:linear-gradient(120deg,#1f3a5f,#2b4d7a);border-radius:14px;overflow:hidden;color:#fff;margin-bottom:14px}
.pdx-hero>div{padding:28px 32px}.pdx-eye{font-size:12px;letter-spacing:.14em;font-weight:700;color:#b9cce4}.pdx-hero h2{font-family:var(--serif);font-size:clamp(24px,2.4vw,36px);margin:6px 0 8px}.pdx-hero p{margin:0;color:#dbe6f3;font-size:15px}
.pdx-hero img{width:100%;height:260px;object-fit:cover;object-position:center 35%}
.pdx-hl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}
.pdx-hl>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#f6f7f9;border:1px solid #e3e7ed;border-radius:12px;padding:14px 10px}
.pdx-i{width:26px;height:26px;fill:none;stroke:#1f3a5f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pdx-hl b{font-size:14.5px}.pdx-hl small{font-size:12.5px;color:#5b6577}
.pdx-h{display:flex;align-items:center;gap:10px;font-size:18px;margin:24px 0 12px;padding-bottom:8px;border-bottom:2px solid #e3e7ed}.pdx-h span{font-size:12px;font-weight:800;color:#fff;background:#76854a;border-radius:6px;padding:3px 7px}
.pdx-attr{display:grid;grid-template-columns:repeat(2,1fr);margin:0;border:1px solid #e3e7ed;border-radius:10px;overflow:hidden}
.pdx-attr>div{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid #eef1f5}.pdx-attr>div:nth-last-child(-n+2){border-bottom:0}.pdx-attr>div:nth-child(odd){border-right:1px solid #eef1f5}
.pdx-attr dt{background:#f6f7f9;padding:9px 12px;font-size:13.5px;color:#5b6577}.pdx-attr dd{margin:0;padding:9px 12px;font-size:13.5px;font-weight:600}
.pdx-det{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pdx-det figure{margin:0;border:1px solid #e3e7ed;border-radius:12px;overflow:hidden;background:#fff}.pdx-det img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}
.pdx-det figcaption{padding:10px 14px;font-size:13.5px;color:#4b5563}.pdx-det figcaption b{display:block;color:#0e1726;font-size:15px;margin-bottom:2px}
.pdx-col{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pdx-col figure{margin:0;text-align:center}.pdx-col img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid #e3e7ed;background:#f3f4f6}.pdx-col figcaption{font-size:13px;font-weight:600;margin-top:6px}
.pdx-cust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pdx-c{border:1px solid #e3e7ed;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;background:#fff}
.pdx-c em{width:40px;height:40px;border-radius:10px;background:#eef3e3;display:grid;place-items:center}.pdx-c em .pdx-i{stroke:#4d5f24;width:22px;height:22px}
.pdx-c b{font-size:15px}.pdx-c small{font-size:12px;color:#6b7280;margin-top:auto}
.pdx-chips{display:flex;flex-wrap:wrap;gap:5px}.pdx-chips span{font-size:12px;background:#f1f4f8;border-radius:12px;padding:3px 9px;color:#2b3442}
.pdx-sw{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.pdx-sw i{aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}
.pdx-tw{overflow-x:auto}.pdx-size{width:100%;border-collapse:collapse;font-size:13.5px;text-align:center}.pdx-size th{background:#1f3a5f;color:#fff;padding:8px}.pdx-size td{padding:8px;border-bottom:1px solid #eef1f5}.pdx-size tr:nth-child(even) td{background:#f8f9fb}
.pdx-note{font-size:12.5px;color:#6b7280;margin:6px 0 0}
.pdx-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;counter-reset:s}
.pdx-flow li{position:relative;text-align:center;background:#f6f7f9;border-radius:10px;padding:14px 8px}.pdx-flow li span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1f3a5f;color:#fff;font-weight:700;font-size:13px;margin-bottom:6px}
.pdx-flow b{display:block;font-size:13.5px}.pdx-flow small{font-size:12px;color:#6b7280}
.pdx-faq details{border:1px solid #e3e7ed;border-radius:10px;padding:10px 14px;margin-bottom:8px;background:#fff}.pdx-faq summary{font-weight:600;cursor:pointer;font-size:14.5px}.pdx-faq p{margin:8px 0 0;font-size:14px;color:#4b5563}
@media(max-width:900px){.pdx-hero{grid-template-columns:1fr}.pdx-hero img{height:200px}.pdx-hl,.pdx-col{grid-template-columns:repeat(2,1fr)}.pdx-attr{grid-template-columns:1fr}.pdx-attr>div{border-right:0!important;border-bottom:1px solid #eef1f5!important}.pdx-attr>div{grid-template-columns:120px 1fr}.pdx-det{grid-template-columns:1fr}.pdx-cust{grid-template-columns:1fr 1fr}.pdx-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.pdx-cust{grid-template-columns:1fr}}
.pdx-det img{aspect-ratio:auto;height:260px}.pdx-sw{grid-template-columns:repeat(12,22px);gap:5px}.pdx-sw i{width:22px;height:22px}.pdx-col{max-width:900px}.pdx-col img{aspect-ratio:1}
.lg-role{margin:2px 0 6px}.lg-role>span{display:block;font-size:13px;font-weight:600;color:#3b4656;margin-bottom:6px}
.lg-role>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lg-role label{display:flex!important;flex-direction:column;gap:1px;border:1.5px solid #d6dce4;border-radius:10px;padding:9px 12px;cursor:pointer;position:relative;margin:0!important}
.lg-role label.on{border-color:var(--navy);background:#f1f5fb;box-shadow:0 0 0 3px #1f3a5f1a}
.lg-role input{position:absolute;opacity:0;pointer-events:none}.lg-role b{font-size:14.5px;color:#0e1726}.lg-role small{font-size:12px;color:#6b7280;font-weight:400}
.lg-role label:focus-within{outline:2px solid var(--navy);outline-offset:2px}
.lg-staff{display:flex;align-items:center;gap:12px;margin-top:14px;padding:11px 14px;border:1px dashed #b9c4d3;border-radius:10px;background:#f7f9fc;color:#0e1726;text-decoration:none}
.lg-staff:hover{border-style:solid;border-color:var(--navy);background:#eef3fa}
.lg-staff>span:first-child{width:36px;height:36px;border-radius:9px;background:#e3eaf4;color:var(--navy);display:grid;place-items:center;flex:none}.lg-staff>span:first-child svg{width:19px;height:19px}
.lg-staff b{display:block;font-size:14px}.lg-staff small{font-size:12.5px;color:#5b6577}.lg-staff .lg-arr{width:17px;height:17px;margin-left:auto;color:var(--navy)}