/* Taixing Vacuum 独立站样式 v3 —— 深蓝+青科技工业风,提升精致度(分类横幅/徽标/斑马纹/焦点环/移动汉堡) */
:root{
  --navy:#0d2b52;      /* 主深蓝 */
  --navy2:#123a6d;     /* 深蓝亮阶 */
  --teal:#00879a;      /* 青(主强调,yiyvac #027598 系) */
  --teal2:#00badb;     /* 亮青(副强调) */
  --sky:#eef6fb;       /* 浅青背景 */
  --bg:#f6f8fb;        /* 页面浅底 */
  --card:#ffffff;
  --ink:#16233b;
  --mut:#5c6a82;
  --line:#e4e9f1;
  --ok:#1e9e6a; --warn:#c27d0f; --warnbg:#fff7ea;
  --amber:#d4911f; --amber2:#e8b33a;
  --shadow:0 1px 2px rgba(13,43,82,.05),0 8px 24px rgba(13,43,82,.08);
  --shadow-h:0 4px 8px rgba(13,43,82,.08),0 16px 40px rgba(13,43,82,.16);
  --r:12px;
  --card-min:252px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:15px/1.65 -apple-system,"Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:var(--teal);text-decoration:none}
a:hover{color:var(--navy)}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}

/* 可访问性:焦点可见环 */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal2);outline-offset:2px;border-radius:8px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 顶栏 */
.topbar{background:var(--navy);color:#bcd3e8;font-size:12.5px;letter-spacing:.2px}
.topbar .wrap{display:flex;justify-content:space-between;padding:7px 22px}
.topbar a{color:#d7e7f5}

/* 导航 */
header.nav{background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
header.nav .wrap{display:flex;align-items:center;gap:26px;height:66px}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;color:var(--ink);letter-spacing:.2px}
.logo img{height:40px;width:auto}
.logo b{color:var(--navy)}
.logo .slogan{display:block;font-weight:600;font-size:10.5px;color:var(--mut);letter-spacing:1.4px;text-transform:uppercase}
nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
nav a{padding:8px 13px;color:#33415e;font-weight:600;font-size:14px;border-radius:8px;position:relative;transition:color .15s,background .15s}
nav a:hover{color:var(--navy);background:linear-gradient(180deg,#e8f6f9,#d8eff5);text-decoration:none}
nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;border-radius:2px;background:var(--teal);transform:scaleX(0);transform-origin:center;transition:transform .18s}
nav a:hover::after{transform:scaleX(1)}
.nav-toggle{display:none}
.cart-link{margin-left:0;font-weight:700;color:var(--navy);background:var(--sky);border:1px solid var(--line);padding:8px 14px;border-radius:30px;font-size:13.5px;transition:background .16s,color .16s,border-color .16s;flex:none}
.cart-link:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.cart-count{background:var(--teal2);color:#04303a;border-radius:10px;padding:0 7px;font-size:11.5px;margin-left:5px;font-weight:800}

/* 语言切换器(header) */
.lang-switch{display:flex;gap:2px;background:var(--sky);border:1px solid var(--line);border-radius:30px;padding:3px;flex:none}
.lang-switch a{padding:4px 10px;border-radius:20px;font-size:12.5px;font-weight:700;color:var(--navy);transition:background .15s,color .15s}
.lang-switch a:hover{background:#fff;color:var(--teal);text-decoration:none}
.lang-switch a.active{background:var(--teal);color:#fff}

/* Hero */
.hero{position:relative;background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 55%,var(--teal) 130%);color:#fff;padding:74px 0 62px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 82% 18%,rgba(0,186,219,.28),transparent 42%),
  radial-gradient(circle at 12% 88%,rgba(0,186,219,.16),transparent 38%),
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,auto,34px 34px,34px 34px}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-size:40px;line-height:1.18;font-weight:800;letter-spacing:-.4px;margin-bottom:14px}
.hero h1 em{font-style:normal;color:var(--teal2)}
.hero p{color:#d4e4f4;max-width:680px;font-size:16px}
.hero .cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.badge{display:inline-block;background:rgba(0,186,219,.16);border:1px solid rgba(0,186,219,.4);color:#bfeff8;border-radius:30px;padding:5px 14px;font-size:12px;letter-spacing:.6px;margin-bottom:18px}

/* Hero 亮点行 */
.highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}
.hl{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 14px;backdrop-filter:blur(4px);transition:background .18s,transform .18s,border-color .18s}
.hl:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}
.hl svg{width:28px;height:28px;color:var(--teal2);flex:none}
.hl b{display:block;color:#fff;font-size:13.5px;line-height:1.2}
.hl span{color:#a9c3db;font-size:11.5px}

/* 区块标题 */
h2.section{font-size:26px;margin:44px 0 4px;letter-spacing:-.3px;color:var(--navy)}
p.sub{color:var(--mut);margin-bottom:18px}
.hd{display:flex;align-items:flex-end;justify-content:space-between;margin:44px 0 4px}
.hd h2{font-size:26px;color:var(--navy);margin:0}
.hd .sub{color:var(--mut);margin:4px 0 0}
.hd a.more{color:var(--teal);font-weight:700;font-size:14px}

/* 网格与卡片 */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min),1fr));gap:20px;margin:20px 0}

/* 分类卡片(equip=青,parts=琥珀,区分视觉) */
.cat-card{background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid var(--line);border-radius:var(--r);padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;border-top:3px solid var(--teal)}
.cat-card::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(0,135,154,.1),transparent 70%)}
.cat-card.parts{border-top-color:var(--amber);background:linear-gradient(180deg,#fffdf8,#fdfbf6)}
.cat-card.parts::after{background:radial-gradient(circle,rgba(212,145,31,.12),transparent 70%)}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:var(--teal)}
.cat-card.parts:hover{border-color:var(--amber)}
.cat-card .tag{display:inline-block;border-radius:6px;font-size:11px;padding:3px 10px;font-weight:800;letter-spacing:.5px}
.tag.equip{background:#e6f4f6;color:#00697a}
.tag.parts{background:#fff1dd;color:#9c6a10}
.cat-card h3{font-size:17px;margin:10px 0 3px}
.cat-card p{color:var(--mut);font-size:13px;margin-bottom:10px}
.cat-card .go{color:var(--teal);font-weight:700;font-size:13.5px}

/* 产品卡片:顶部色条 + 角标 + 底部对齐 */
.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:9px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}
.pcard::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--teal),var(--teal2))}
.pcard.parts::before{background:linear-gradient(90deg,var(--amber),var(--amber2))}
.pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:var(--teal)}
.pcard.parts:hover{border-color:var(--amber)}
.imgwrap{position:relative;height:120px;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#f4f8fc,#e7eef6)}
.imgwrap img.pthumb{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s ease}
.pcard:hover .imgwrap img.pthumb{transform:scale(1.07)}
.imgwrap .thumb{height:100%;border-radius:0}
.badge-corner{position:absolute;top:8px;left:8px;z-index:2;font-size:9.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;padding:3px 8px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--teal),var(--teal2));box-shadow:0 1px 4px rgba(13,43,82,.28)}
.badge-corner.parts{background:linear-gradient(135deg,var(--amber),var(--amber2))}
.pcard .thumb{height:120px;border-radius:8px;background:linear-gradient(145deg,#f2f7fb,#e7eef6);display:flex;align-items:center;justify-content:center;color:#8fa5c0;font-weight:800;font-size:13px;letter-spacing:.5px}
.pcard .brand{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.8px;font-weight:700}
.pcard h3{font-size:15.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.pcard h3 a{color:var(--ink)}
.pcard h3 a:hover{color:var(--teal)}
.pcard .name{font-size:12.5px;color:var(--mut);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.pcard .price{font-weight:800;color:var(--navy);font-size:16px;text-align:right}
.pcard .price.quote{color:#a86a10;font-size:13px;font-weight:700;text-align:right}
.pcard .row{display:flex;gap:8px;margin-top:auto}
.pcard .row .btn{flex:1}

/* 按钮(质感:内高光 + 渐变 + hover 上浮 + active 按下) */
.btn{display:inline-block;background:linear-gradient(180deg,#12a7bd,var(--teal) 42%,#00606e);color:#fff!important;border:none;border-radius:10px;padding:11px 19px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none!important;text-align:center;box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 2px 7px rgba(0,108,124,.32);transition:transform .16s,box-shadow .16s,filter .16s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 1px 0 rgba(255,255,255,.26) inset,0 7px 18px rgba(0,108,124,.4)}
.btn:active{transform:translateY(0);box-shadow:0 1px 0 rgba(0,0,0,.18) inset}
.btn.ghost{background:#fff;color:var(--teal)!important;border:1.5px solid var(--teal);box-shadow:none}
.btn.ghost:hover{background:var(--sky);box-shadow:0 4px 12px rgba(0,135,154,.15)}
.btn.ghost:active{box-shadow:none}
.btn.outline-light{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.55);box-shadow:none}
.btn.outline-light:hover{background:rgba(255,255,255,.12);border-color:#fff;box-shadow:0 4px 14px rgba(0,186,219,.25)}
.btn.quote{background:linear-gradient(180deg,#d4911f,#b46a08 45%,#925400);box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 2px 7px rgba(194,125,15,.3)}
.btn.quote:hover{box-shadow:0 1px 0 rgba(255,255,255,.26) inset,0 7px 18px rgba(194,125,15,.42)}
.btn.navy{background:linear-gradient(180deg,#1a4a8a,var(--navy))}
.btn.sm{padding:8px 13px;font-size:12.5px;border-radius:8px}
.btn.acc{background:linear-gradient(180deg,#1a4a8a,var(--navy))}

/* 面包屑 */
.breadcrumb{font-size:12.5px;color:var(--mut);padding:16px 0 2px;display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.breadcrumb a{color:var(--mut);transition:color .15s}
.breadcrumb a:hover{color:var(--teal)}
.breadcrumb .sep{color:#a9b6c8;font-size:14px;line-height:1}
.breadcrumb .here{color:#33415e;font-weight:600}

/* 分类页横幅 */
.cat-hero{position:relative;background:linear-gradient(135deg,var(--navy),var(--navy2) 60%,rgba(0,135,154,.55));color:#fff;border-radius:16px;padding:30px 32px;margin:18px 0 6px;overflow:hidden}
.cat-hero::after{content:"";position:absolute;right:-40px;top:-40px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(0,186,219,.32),transparent 70%);pointer-events:none}
.cat-hero.parts{background:linear-gradient(135deg,#5a3d10,#8a5a10 60%,rgba(196,125,15,.6))}
.cat-hero.parts::after{background:radial-gradient(circle,rgba(232,179,58,.28),transparent 70%)}
.cat-hero .tag{display:inline-block;border-radius:20px;font-size:11px;padding:4px 12px;font-weight:800;letter-spacing:.8px;background:rgba(0,186,219,.16);border:1px solid rgba(0,186,219,.4);color:#bfeff8}
.cat-hero .tag.parts{background:rgba(232,179,58,.16);border-color:rgba(232,179,58,.45);color:#ffd88a}
.cat-hero h1{font-size:28px;margin:10px 0 3px;letter-spacing:-.3px}
.cat-hero .sub{color:#cfe0f0;font-size:13.5px;margin:0}
.cat-hero .desc{color:#e3edf7;font-size:14.5px;max-width:760px;margin-top:10px}

/* 产品详情 */
.pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;margin:24px 0}
.pd .imgbox{background:linear-gradient(145deg,#f4f8fc,#e9eff7);border:1px solid var(--line);border-radius:16px;min-height:420px;display:flex;align-items:center;justify-content:center;color:#8fa5c0;font-weight:800;font-size:20px;letter-spacing:1px;padding:20px;overflow:hidden}
.pd .imgbox img{width:100%;height:100%;min-height:380px;object-fit:contain;border-radius:12px;transition:transform .45s ease}
.pd .imgbox:hover img{transform:scale(1.04)}
.pd .imgbox .img-ph{font-size:16px;letter-spacing:.5px;text-align:center;padding:20px}
.pd .brandline{color:var(--mut);font-size:13px;letter-spacing:.4px;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.pd h1{font-size:28px;margin-bottom:12px;letter-spacing:-.3px}
.pd .price{font-size:26px;font-weight:800;color:var(--navy);margin-bottom:18px}
.pd .price em{font-size:13px;font-style:normal;color:var(--mut);font-weight:500}
.pd .price.quote{color:#a86a10}
table.params{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
table.params th,table.params td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:13.5px;vertical-align:top}
table.params th{background:#eef3f9;width:38%;color:#33415e;font-weight:700}
table.params tr:nth-child(even) th,table.params tr:nth-child(even) td{background:#f5f8fc}
table.params tr:hover th,table.params tr:hover td{background:#eef4fb}
table.params tr:last-child th,table.params tr:last-child td{border-bottom:none}
.actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;align-items:stretch}
.act-sep{width:1px;background:linear-gradient(180deg,transparent,var(--line) 18%,var(--line) 82%,transparent);flex:none}
.note{background:var(--warnbg);border:1px solid #efd9a8;border-radius:10px;padding:13px 16px;font-size:13.5px;color:#7a5410;margin:18px 0}
.ok{background:#e7f7ef;border:1px solid #bfe6cf;border-radius:10px;padding:13px 16px;font-size:14px;color:#155a3a;margin:14px 0}

/* 产品详情描述块 */
.pdesc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;margin:26px 0;box-shadow:var(--shadow)}
.pdesc h2{font-size:18px;color:var(--navy);margin-bottom:10px}
.pdesc p{color:var(--mut);line-height:1.7;white-space:pre-line}

/* 购物车/结算 */
.cart-line{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:10px;box-shadow:var(--shadow)}
.cart-line .info{flex:1}
.cart-line .info b{display:block;font-size:14.5px}
.cart-line .info span{color:var(--mut);font-size:12.5px}
.cart-line input{width:68px;padding:7px;border:1px solid var(--line);border-radius:7px;font-size:14px}
.total{text-align:right;font-size:20px;font-weight:800;color:var(--navy);margin:16px 0}
form label{display:block;font-size:13px;color:#33415e;font-weight:700;margin:14px 0 4px}
form input,form textarea,form select{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:9px;font-size:14px;background:#fff;transition:.15s}
form input:focus,form textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,135,154,.12)}
.pay-opt{display:flex;gap:10px;margin:10px 0}
.pay-opt label{flex:1;border:1.5px solid var(--line);border-radius:10px;padding:12px;text-align:center;cursor:pointer;font-weight:700;background:#fff;margin:0;transition:.15s}
.pay-opt label:has(input:checked){border-color:var(--teal);background:var(--sky);color:var(--navy)}
.pay-opt input{display:none}
.pay-opt span{display:block;font-size:14px}

/* 页脚 */
footer{background:var(--navy);color:#9fb4cd;padding:44px 0 26px;margin-top:60px;font-size:13.5px}
footer a{color:#c9dcf0}
footer a:hover{color:#fff}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:28px;margin-bottom:26px}
footer h4{color:#fff;font-size:14px;margin-bottom:10px;letter-spacing:.3px}
footer .cols div>*{display:block;margin:4px 0}
footer .cols p{color:#9fb4cd;max-width:260px}
footer .foot-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px;color:#7f96b0;font-size:12.5px}
footer .foot-meta .policies a{color:#b9cbe0}
footer .foot-meta .policies a:hover{color:#fff}

/* ---- v3.2:搜索框 / Products 下拉 / 分类卡片图标+计数 / 筛选工具栏 / 信任区 ---- */
/* 搜索框 */
.search{position:relative;margin-left:auto;display:flex;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:30px;padding:0 6px 0 12px;transition:border-color .15s,box-shadow .15s;flex:none}
.search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,135,154,.12)}
.search>svg{width:16px;height:16px;color:var(--mut);flex:none}
.search input{border:none;outline:none;background:transparent;width:190px;padding:8px 10px;font-size:13.5px;color:var(--ink)}
.search input::placeholder{color:#9aa9bd}
.search-results{position:absolute;top:calc(100% + 8px);right:0;left:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-h);overflow:hidden;display:none;z-index:90}
.search-results a{display:flex;flex-direction:column;gap:1px;padding:9px 14px;border-bottom:1px solid var(--line)}
.search-results a:last-child{border-bottom:none}
.search-results a b{font-size:13.5px;color:var(--ink)}
.search-results a span{font-size:11.5px;color:var(--mut)}
.search-results a:hover{background:var(--sky)}
.search-results .sr-none{padding:10px 14px;color:var(--mut);font-size:12.5px}

/* Products 下拉巨型菜单(桌面 hover / 移动点击),锚定整个导航左缘 */
#siteNav{position:relative}
.nav-dd-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:8px 13px;color:#33415e;font-weight:600;font-size:14px;cursor:pointer;border-radius:8px;font-family:inherit;transition:color .15s,background .15s}
.nav-dd-btn:hover{color:var(--navy);background:linear-gradient(180deg,#e8f6f9,#d8eff5)}
.nav-dd-btn svg{width:15px;height:15px;color:var(--teal);transition:transform .18s}
.nav-dd.open .nav-dd-btn svg{transform:rotate(180deg)}
.nav-dd .dd{position:absolute;top:calc(100% + 12px);right:0;left:auto;min-width:560px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-h);padding:14px;display:none;grid-template-columns:1fr 1fr;gap:6px 20px;z-index:70}
.nav-dd:hover .dd,.nav-dd.open .dd{display:grid}
.nav-dd .dd::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.dd-col{display:flex;flex-direction:column;gap:2px}
.dd-head{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--teal);padding:4px 8px 6px}
.dd-col.pt .dd-head{color:var(--amber)}
.dd a{padding:6px 8px;border-radius:7px;color:#33415e;font-weight:600;font-size:13.5px}
.dd a::after{display:none}
.dd a:hover{background:var(--sky);color:var(--navy);text-decoration:none}
.dd-col.pt a:hover{background:#fff7ea;color:#8a5a10}
.dd a.dd-all{margin-top:6px;color:var(--teal);font-weight:800;font-size:13px}
.dd-col.pt a.dd-all{color:var(--amber)}

/* 分类卡片:图标 + 产品数徽章 */
.cat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.cat-ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#e6f4f6,#cdeaf0);color:var(--teal);flex:none}
.cat-ic svg{width:23px;height:23px}
.cat-card.parts .cat-ic{background:linear-gradient(135deg,#fff1dd,#fbe3bc);color:var(--amber)}
.cat-card h3{margin-top:12px}
.cat-count{display:inline-block;background:var(--sky);color:var(--teal);border-radius:12px;padding:1px 8px;font-size:11px;font-weight:800;margin-left:2px;vertical-align:1px}
.cat-card.parts .cat-count{background:#fff1dd;color:#9c6a10}
.cat-card .go{display:flex;align-items:center;gap:4px}

/* 分类页产品数徽章(横幅内) */
.count-pill{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:2px 11px;font-size:11.5px;font-weight:800;letter-spacing:.4px;margin-left:8px;vertical-align:2px;color:#fff}

/* 品牌筛选 + 排序工具栏 */
.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 4px}
.brand-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:30px;padding:6px 13px;font-size:12.5px;font-weight:700;color:#33415e;cursor:pointer;transition:border-color .15s,background .15s,color .15s;font-family:inherit}
.chip:hover{border-color:var(--teal);color:var(--teal)}
.chip.active{background:var(--teal);border-color:var(--teal);color:#fff}
.toolbar select{border:1.5px solid var(--line);border-radius:9px;padding:8px 10px;font-size:13px;background:#fff;color:#33415e;cursor:pointer;font-family:inherit}
.toolbar select:focus{outline:none;border-color:var(--teal)}

/* 首页信任区 */
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:18px 0 8px}
.t-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:8px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}
.t-card::after{content:"";position:absolute;right:-26px;top:-26px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(0,135,154,.08),transparent 70%)}
.t-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:var(--teal)}
.t-card svg{width:30px;height:30px;color:var(--teal);flex:none}
.t-card b{font-size:15px;color:var(--navy)}
.t-card span{font-size:13px;color:var(--mut);line-height:1.55}

/* View All Products 大按钮 */
.more-btn{text-align:center;margin:6px 0 26px}
.more-btn .btn{padding:13px 34px;font-size:15px}

/* 中屏:搜索框换行到独立行,导航保持可见 */
@media(max-width:1100px){
  header.nav .wrap{flex-wrap:wrap;height:auto;gap:8px 20px;padding:10px 22px}
  .search{order:7;width:100%;margin:2px 0 6px}
  .search input{width:100%}
  .nav-dd .dd{min-width:min(560px,92vw)}
}

@media(max-width:820px){
  .pd{grid-template-columns:1fr}
  header.nav .wrap{flex-wrap:wrap;height:auto;padding:10px 22px;gap:10px 14px}
  .nav-dd{width:100%}
  .nav-dd-btn{width:100%;justify-content:space-between;padding:11px 6px}
  .nav-dd .dd{position:static;display:none;grid-template-columns:1fr;box-shadow:none;border:none;background:transparent;padding:0;margin:0;min-width:0}
  .nav-dd.open .dd{display:grid}
  .dd-col{padding:8px 0}
  .dd-col+.dd-col{border-top:1px dashed var(--line)}
  .dd a{padding:9px 6px}
  .trust-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
  .nav-toggle{display:inline-flex;margin-left:auto;flex-direction:column;justify-content:center;gap:4.5px;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer;padding:0 11px;transition:border-color .15s}
  .nav-toggle:hover{border-color:var(--teal)}
  .nav-toggle span{display:block;height:2px;border-radius:2px;background:var(--navy);transition:transform .2s,opacity .2s}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  nav#siteNav{display:none;width:100%;order:9;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding-top:8px;margin-top:4px}
  nav#siteNav.open{display:flex}
  nav#siteNav a{padding:11px 6px;border-radius:8px}
  nav#siteNav a::after{display:none}
  .cart-link{margin-left:0}
  .hero h1{font-size:30px}
  .highlights{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px}
  .cat-hero{padding:24px 20px}
  .cat-hero h1{font-size:23px}
  .pd .imgbox{min-height:260px}
  .pd .imgbox img{min-height:240px}
  .act-sep{display:none}
}
@media(max-width:520px){
  .topbar .wrap{flex-direction:column;align-items:center;gap:2px}
  .hero{padding:52px 0 44px}
  .hero h1{font-size:25px}
  .highlights{grid-template-columns:1fr}
  :root{--card-min:150px}
  .grid{gap:12px}
  .pcard{padding:14px}
  .actions{gap:10px}
}

/* ================= v4 功能增强 ================= */
/* 币种切换(header) */
.cur-switch{display:flex;gap:2px;background:var(--sky);border:1px solid var(--line);border-radius:30px;padding:3px;flex:none}
.cur-btn{border:none;background:transparent;color:var(--navy);font-weight:800;font-size:13px;padding:4px 9px;border-radius:20px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.cur-btn:hover{background:#fff;color:var(--teal)}
.cur-btn.active{background:var(--teal);color:#fff}

/* 价格参考价标注 */
.pcard .price .ref,.pd .price .ref{font-size:10.5px;color:var(--mut);font-weight:500;letter-spacing:.2px;font-style:normal;display:block;text-align:right}

/* 现货 / 订货 标记 */
.stock-badge{display:inline-block;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.3px;padding:3px 8px;line-height:1.25;vertical-align:middle;white-space:nowrap}
.stock-badge.in{background:#e7f7ef;color:#155a3a;border:1px solid #bfe6cf}
.stock-badge.order{background:#eef2f7;color:#41506b;border:1px solid #dbe3ee}
.imgwrap .stock-badge{position:absolute;top:8px;right:8px;z-index:2;box-shadow:0 1px 4px rgba(13,43,82,.18)}
.pd .brandline .stock-badge{margin-left:8px}

/* 产品对比:卡片勾选 */
.cmp{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);cursor:pointer;user-select:none;margin-top:2px}
.cmp input{accent-color:var(--teal);width:15px;height:15px;cursor:pointer}
.cmp:hover{color:var(--teal)}
.cmp.cmp-lg{font-size:13px;padding:7px 4px}
.cmp.cmp-lg input{width:16px;height:16px}

/* 底部浮出对比栏 */
body.has-cmp{padding-bottom:78px}
.cmp-bar{position:fixed;left:0;right:0;bottom:0;z-index:120;background:rgba(13,43,82,.97);backdrop-filter:blur(6px);border-top:2px solid var(--teal);box-shadow:0 -8px 24px rgba(13,43,82,.28)}
.cmp-bar-in{max-width:1200px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#fff}
.cmp-meta{display:flex;flex-direction:column;gap:1px}
.cmp-title{font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--teal2)}
.cmp-hint{font-size:11px;color:#a9c3db}
.cmp-items{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:120px}
.cmp-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:4px 6px 4px 12px;font-size:12.5px;font-weight:600;color:#fff}
.cmp-chip .cmp-m{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmp-x{border:none;background:rgba(255,255,255,.18);color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:13px;line-height:1;font-family:inherit;flex:none}
.cmp-x:hover{background:#e5484d}
.cmp-acts{display:flex;gap:8px}
.cmp-go:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}

/* 对比页 */
.compare-actions{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}
.compare-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow-x:auto;margin:16px 0}
.compare-table{width:100%;border-collapse:collapse;min-width:640px;font-size:13.5px}
.compare-table th,.compare-table td{padding:11px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}
.compare-table .c-label{background:#eef3f9;color:#33415e;font-weight:700;width:150px;position:sticky;left:0;z-index:1}
.compare-table thead th{background:var(--navy);color:#fff;font-size:14px;position:sticky;top:0;z-index:2}
.compare-table thead th a{color:#fff;font-weight:800}
.compare-table thead th a:hover{color:var(--teal2)}
.compare-table .c-head{min-width:150px}
.compare-table tr:nth-child(even) td{background:#f5f8fc}
.compare-table .c-val{color:var(--ink);white-space:pre-wrap}

/* 404 */
.nf{text-align:center;padding:72px 20px}
.nf-code{font-size:96px;font-weight:800;color:var(--navy);line-height:1;letter-spacing:2px}
.nf h1{font-size:26px;color:var(--navy);margin:14px 0 6px}
.nf p{color:var(--mut);margin-bottom:24px}
.nf .actions{justify-content:center}

/* 收款码页 */
.pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin:22px 0}
.pay-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center;box-shadow:var(--shadow)}
.pay-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px}
.pay-head .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.pay-head h3{font-size:16px;color:var(--navy)}
.qr-ph{display:flex;align-items:center;justify-content:center;background:#fbfdff;border:2px dashed var(--line);border-radius:12px;padding:20px;margin-bottom:14px}
.qr-svg{width:150px;height:150px;display:block}
.pay-acc{font-size:12.5px;color:var(--mut)}
.pay-acc b{color:var(--navy);font-size:16px;display:block;margin-top:2px;letter-spacing:.5px}
.pay-note{font-size:12.5px;color:var(--mut);margin-top:10px}

/* 搜索空结果引导 */
.sr-guide{padding:6px 12px 12px;border-top:1px solid var(--line)}
.sg-title{font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--teal);margin:9px 0 6px}
.sg-chips{display:flex;flex-wrap:wrap;gap:6px}
.sg-chips a{border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:12px;color:#33415e;font-weight:600;background:#fff}
.sg-chips a:hover{border-color:var(--teal);color:var(--teal);background:var(--sky)}

@media(max-width:820px){
  .cmp-bar-in{gap:10px}
  .cmp-chip .cmp-m{max-width:120px}
  .nf-code{font-size:72px}
}

/* 太星类型模块页(同类型合并) */
.m-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);margin:18px 0}
.m-table th,.m-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:13.5px;vertical-align:middle}
.m-table th{background:#f2f6fb;color:#33415e;font-weight:700;font-size:13px}
.m-table tr:hover{background:#f8fbfd}
.m-table .m-img{width:56px}
.m-table .m-img img{display:block}
.m-table .m-model b{font-size:14px;color:var(--ink)}
.m-table .m-model a:hover b{color:var(--teal)}
.m-table .m-name{color:var(--mut);font-size:12px;margin-top:2px}
.m-table .m-spec{color:#44506b;font-size:12.5px;max-width:380px}
.m-table .m-price{font-weight:800;color:var(--navy);white-space:nowrap;font-size:14px}
.m-table .m-act{white-space:nowrap}
.m-table .m-act .btn{margin-right:6px}

/* 分类页:太星设备系列模块入口(替代重复图卡片) */
.module-entry{margin:20px 0;background:linear-gradient(135deg,#fff,#f2f8fb);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:.18s}
.module-entry:hover{border-color:var(--teal);box-shadow:var(--shadow-h)}
.module-entry a{display:flex;align-items:center;gap:16px;padding:22px;text-decoration:none}
.module-entry .me-ic svg{width:42px;height:42px;color:var(--teal)}
.module-entry .me-txt b{font-size:17px;color:var(--navy);display:block;margin-bottom:3px}
.module-entry .me-txt span{color:var(--mut);font-size:13px}
.module-entry .me-go{margin-left:auto;color:var(--teal);font-weight:800;font-size:15px;white-space:nowrap}

/* 分类页:系列入口(每系列一个卡片,消除重复图) */
.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:20px 0}
.series-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px;transition:.18s;text-decoration:none}
.series-card:hover{border-color:var(--teal);box-shadow:var(--shadow-h);transform:translateY(-2px)}
.series-card .sc-img{width:112px;height:74px;border-radius:10px;background:linear-gradient(145deg,#f4f8fc,#e7eef6);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.series-card .sc-img img{width:100%;height:100%;object-fit:contain}
.series-card .sc-txt b{display:block;font-size:15px;color:var(--navy)}
.series-card .sc-txt span{color:var(--mut);font-size:12.5px}
.series-card .me-go{margin-left:auto;color:var(--teal);font-weight:800;white-space:nowrap}

/* ---- About / FAQ 页 ---- */
.wrap-narrow{max-width:840px;margin:24px auto;padding:0 20px;line-height:1.7}
.wrap-narrow p{color:var(--ink);margin:12px 0}
.ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}
.ft-card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:10px;padding:14px 16px;font-size:14.5px;color:var(--navy);line-height:1.5}
.why-list{list-style:none;padding:0;margin:18px 0}
.why-list li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px;font-size:14.5px;color:var(--ink);line-height:1.6;position:relative;padding-left:38px}
.why-list li::before{content:"✓";position:absolute;left:14px;top:12px;color:var(--teal);font-weight:800}
.faq-item{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:var(--card);overflow:hidden}
.faq-item summary{cursor:pointer;padding:14px 16px;font-weight:700;color:var(--navy);font-size:15px;list-style:none;position:relative;padding-right:40px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:16px;top:10px;color:var(--teal);font-size:20px;font-weight:800}
.faq-item[open] summary::after{content:"−"}
.faq-item p{padding:0 16px 14px;margin:0;color:var(--ink);font-size:14.5px;line-height:1.7}

/* ================= v5 精致化:首页定位 / 产品画廊 / 规格与询价 ================= */
body{font-family:"Aptos","Inter","Noto Sans SC","Noto Sans",-apple-system,"Segoe UI",sans-serif;letter-spacing:.005em}
.hero{border-radius:0 0 22px 22px;margin:0 -22px;box-shadow:0 18px 48px rgba(13,43,82,.18)}
.hero .badge{font-weight:800;letter-spacing:.9px}
.positioning{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 8px}
.position-card{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.position-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-52px;top:-58px;background:rgba(0,135,154,.07)}
.position-card.sourcing{border-color:#efdfbf;background:linear-gradient(135deg,#fff,#fffbf3)}
.position-card.sourcing::after{background:rgba(212,145,31,.09)}
.position-card>svg{width:34px;height:34px;color:var(--teal);flex:none}
.position-card.sourcing>svg{color:var(--amber)}
.position-card b{display:block;color:var(--navy);font-size:16px;margin-bottom:3px}
.position-card p{color:var(--mut);font-size:13px;line-height:1.55}
.home-new{grid-template-columns:repeat(4,minmax(0,1fr))}

/* 产品详情主视觉与多图画廊 */
.product-gallery{min-width:0;align-self:start;position:sticky;top:92px}
.pd .product-gallery .imgbox{aspect-ratio:1.18/1;min-height:0;padding:26px;background:linear-gradient(145deg,#fff,#eef4fa);box-shadow:var(--shadow)}
.pd.parts .product-gallery .imgbox{background:linear-gradient(145deg,#fff,#fff8ec);border-color:#efdfbf}
.pd .product-gallery .imgbox img{height:100%;min-height:0;object-fit:contain}
.pd .product-gallery .imgbox img.is-changing{opacity:.25;transform:scale(.98)}
.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 5px;scrollbar-width:thin;scrollbar-color:#b8c7d8 transparent}
.gallery-thumb{width:88px;height:72px;flex:0 0 88px;padding:5px;border:1.5px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;overflow:hidden;transition:border-color .16s,box-shadow .16s,transform .16s}
.gallery-thumb:hover{border-color:var(--teal);transform:translateY(-1px)}
.gallery-thumb[aria-current="true"]{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,135,154,.12)}
.gallery-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.product-summary{min-width:0;padding-top:4px}
.product-kicker{display:inline-flex;align-items:center;border-radius:30px;background:#e4f5f8;border:1px solid #bfdee5;color:#00697a;padding:5px 11px;font-size:10.5px;font-weight:800;letter-spacing:.8px;margin-bottom:12px}
.product-kicker.parts{background:#fff4df;border-color:#efd59f;color:#8a5a10}
.pd.parts h1{color:#5a3d10}

/* 关键规格信息块 */
.key-specs{margin:16px 0 18px}
.key-specs h2,.technical-panel h2,.spec-request h2,.product-cta h2{font-size:17px;color:var(--navy);margin:0 0 10px}
.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.spec-item{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:0 2px 8px rgba(13,43,82,.04)}
.pd.parts .spec-item{border-color:#efe0c3;background:#fffcf7}
.spec-item span{display:block;color:var(--mut);font-size:10.5px;font-weight:800;letter-spacing:.55px;text-transform:uppercase;margin-bottom:2px}
.spec-item b{display:block;color:var(--ink);font-size:13.5px;line-height:1.42;overflow-wrap:anywhere}
.part-quote-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#fff8e9,#fff);border:1px solid #ead39f;border-radius:12px;padding:13px 15px;margin-top:17px}
.part-quote-panel>span{color:#8a5a10;font-size:10.5px;font-weight:800;letter-spacing:.6px;line-height:1.35}
.part-quote-panel .price{margin:0;text-align:right;white-space:nowrap;font-size:19px}
.part-quote-panel .price em{display:block}

/* 参数表、规格书索取与底部 CTA */
.technical-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:26px 0;box-shadow:var(--shadow)}
.technical-panel .table-scroll{margin:0 -1px -1px}
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.technical-panel table.params{min-width:560px;box-shadow:none}
.m-table{min-width:780px}
.m-table .m-img img{display:block;width:52px;height:52px;object-fit:contain;border-radius:7px}
.spec-request{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#edf7fa,#fff);border:1px solid #cae4e9;border-radius:14px;padding:20px 22px;margin:26px 0;box-shadow:var(--shadow)}
.spec-request>svg{width:38px;height:38px;color:var(--teal);flex:none}
.spec-request>div{flex:1}
.spec-request h2{margin-bottom:2px}
.spec-request p{color:var(--mut);font-size:13px;line-height:1.55}
.product-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,var(--navy),var(--navy2) 72%,#086f81);border-radius:16px;padding:26px 28px;margin:28px 0;color:#fff;box-shadow:0 16px 40px rgba(13,43,82,.2)}
.product-cta>div:first-child{max-width:600px}
.product-cta h2{color:#fff;font-size:20px;margin-bottom:4px}
.product-cta p{color:#cfe0f0;font-size:13.5px;line-height:1.6}
.product-cta-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.product-cta .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6);color:#fff!important}
.product-cta .btn.ghost:hover{background:rgba(255,255,255,.16)}
.product-pager{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 28px}
.product-pager a{display:flex;min-width:0;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 14px;color:var(--ink);transition:border-color .16s,box-shadow .16s,transform .16s}
.product-pager a:hover{border-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-1px)}
.product-pager a.next{text-align:right;grid-column:3}
.product-pager a.series{text-align:center;grid-column:2}
.product-pager a.prev{grid-column:1}
.product-pager span{font-size:10.5px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.product-pager b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--navy)}

/* 询价对话框 */
.quote-overlay{display:none;position:fixed;inset:0;background:rgba(7,24,43,.68);backdrop-filter:blur(4px);z-index:150;align-items:center;justify-content:center;padding:20px}
.quote-dialog{background:#fff;border-radius:16px;padding:24px;width:min(500px,96vw);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 28px 80px rgba(7,24,43,.35)}
.quote-dialog h3{font-size:20px;color:var(--navy);margin-bottom:2px}
.quote-product{color:var(--mut);font-size:13px;margin-bottom:3px}
.quote-dialog-actions{display:flex;gap:10px;margin-top:14px}
.quote-result{display:none;margin-top:10px}
body.dialog-open{overflow:hidden}

/* 控件和图片状态收敛 */
button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}
form input:hover,form textarea:hover,form select:hover,.toolbar select:hover{border-color:#b7c4d5}
form select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,135,154,.12)}
.pcard img,.series-card img,.m-table img{object-fit:contain}

@media(max-width:900px){
  .home-new{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-gallery{position:static}
  .product-cta{align-items:flex-start;flex-direction:column}
  .product-cta-actions{justify-content:flex-start}
}
@media(max-width:680px){
  .positioning{grid-template-columns:1fr}
  .spec-grid{grid-template-columns:1fr}
  .spec-request{align-items:flex-start;flex-wrap:wrap}
  .spec-request .btn{width:100%}
  .product-pager{grid-template-columns:1fr 1fr}
  .product-pager a.prev{grid-column:1}
  .product-pager a.next{grid-column:2}
  .product-pager a.series{grid-column:1/-1;grid-row:2}
}
@media(max-width:520px){
  .hero{border-radius:0 0 16px 16px}
  .position-card{padding:17px}
  .home-new{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd .product-gallery .imgbox{padding:14px;aspect-ratio:1/1}
  .gallery-thumb{width:76px;height:64px;flex-basis:76px}
  .technical-panel{padding:18px 14px}
  .product-cta{padding:22px 18px}
  .product-cta-actions,.product-cta-actions .btn{width:100%}
  .quote-dialog{padding:20px 16px}
}