/* HL3C Home/Category V3 */
.home-v3-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;padding:70px 7vw;background:linear-gradient(135deg,#111827 0%,#1f2937 55%,#7f1d1d 130%);color:white}
.home-v3-hero-main h1{font-size:clamp(42px,6vw,76px);line-height:1.1;margin:0 0 20px;font-weight:950}
.home-v3-hero-main p{font-size:21px;color:#e5e7eb;max-width:820px}
.home-v3-search,.cat-v3-search{display:flex;gap:10px;margin-top:26px;background:rgba(255,255,255,.1);padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:18px;backdrop-filter:blur(8px)}
.home-v3-search input,.cat-v3-search input{flex:1;border:0;border-radius:12px;padding:14px 16px;font-size:17px}
.home-v3-quick-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.home-v3-quick-tags a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:999px;color:white}
.home-v3-quick-tags a:hover{background:white;color:#111827}
.home-v3-hero-panel{background:rgba(255,255,255,.96);color:#111827;border-radius:30px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.24)}
.home-v3-hero-panel h2{margin-top:0}
.home-v3-need-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home-v3-need-grid a{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:12px;background:#f8fafc}
.home-v3-need-grid a:hover{border-color:#e8422c;background:#fff1f2}
.home-v3-need-grid strong{grid-row:span 2;width:48px;height:48px;border-radius:14px;background:#e8422c;color:white;display:flex;align-items:center;justify-content:center;font-weight:900}
.home-v3-need-grid span{font-weight:800}
.home-v3-need-grid small{color:#6b7280}

.home-v3-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}
.home-v3-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-v3-category-card{display:flex;gap:14px;background:white;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 8px 30px rgba(0,0,0,.04);transition:.18s ease}
.home-v3-category-card:hover{transform:translateY(-4px);box-shadow:0 16px 44px rgba(0,0,0,.08);border-color:#fecaca}
.home-v3-cat-icon{flex:0 0 54px;width:54px;height:54px;border-radius:16px;background:#fff1f2;color:#e8422c;display:flex;align-items:center;justify-content:center;font-weight:950}
.home-v3-category-card h3{margin:0 0 8px;font-size:20px}
.home-v3-category-card p{margin:0 0 8px;color:#6b7280;font-size:15px;line-height:1.55}
.home-v3-category-card small{color:#e8422c;font-weight:800}
.home-v3-scenarios{background:#f8fafc}
.home-v3-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-v3-scenario-card{background:white;border:1px solid var(--line);border-radius:24px;padding:22px}
.home-v3-scenario-card h3{font-size:24px;margin:0 0 14px}
.home-v3-scenario-card div{display:flex;flex-wrap:wrap;gap:8px}
.home-v3-scenario-card a{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:7px 11px;color:#374151}
.home-v3-scenario-card a:hover{background:#e8422c;color:white}
.home-v3-featured{background:white}
.home-v3-product-grid,.cat-v3-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-v3-product-card,.cat-v3-product-card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.04);transition:.18s ease}
.home-v3-product-card:hover,.cat-v3-product-card:hover{transform:translateY(-4px);box-shadow:0 16px 44px rgba(0,0,0,.08)}
.home-v3-product-img,.cat-v3-product-img{position:relative;display:block;background:#f8fafc}
.home-v3-product-img img,.cat-v3-product-img img{width:100%;height:210px;object-fit:contain;padding:10px}
.home-v3-product-img span,.cat-v3-product-img span{position:absolute;top:12px;left:12px;background:#e8422c;color:white;border-radius:999px;padding:4px 10px;font-size:13px}
.home-v3-product-body,.cat-v3-product-body{padding:18px}
.home-v3-product-body small,.cat-v3-product-body small{display:block;color:#6b7280;margin-bottom:6px}
.home-v3-product-body h3,.cat-v3-product-body h3{font-size:21px;margin:0 0 8px}
.home-v3-product-body p,.cat-v3-product-body p{color:#4b5563;min-height:54px}
.home-v3-spec,.cat-v3-spec{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px;color:#374151;font-size:14px;margin:12px 0}
.home-v3-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#e8422c,#991b1b);color:white;padding:50px 7vw}
.home-v3-cta h2{font-size:34px;margin:0 0 8px}
.home-v3-cta p{margin:0;color:#fee2e2}
.home-v3-cta .btn{background:white;color:#b91c1c}

.cat-v3-hero{display:grid;grid-template-columns:1fr .9fr;gap:30px;align-items:end;background:linear-gradient(135deg,#111827,#1f2937);color:white;padding:58px 7vw}
.cat-v3-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.12;margin:0 0 14px}
.cat-v3-hero p{font-size:20px;color:#e5e7eb;max-width:820px}
.cat-v3-layout{display:grid;grid-template-columns:300px 1fr;gap:28px;padding:34px 7vw;background:#f8fafc}
.cat-v3-sidebar{position:sticky;top:86px;align-self:start;background:white;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 8px 30px rgba(0,0,0,.04)}
.cat-v3-sidebar h2{margin:0 0 14px;font-size:22px}
.cat-v3-side-list{display:flex;flex-direction:column;gap:8px}
.cat-v3-side-list a{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:16px;padding:9px;background:#fff}
.cat-v3-side-list a.active,.cat-v3-side-list a:hover{background:#fff1f2;border-color:#fecaca}
.cat-v3-side-list span{width:42px;height:42px;border-radius:12px;background:#f3f4f6;color:#e8422c;display:flex;align-items:center;justify-content:center;font-weight:900}
.cat-v3-side-list strong{font-size:15px}
.cat-v3-side-list small{color:#6b7280}
.cat-v3-main{min-width:0}
.cat-v3-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;border:1px solid var(--line);border-radius:22px;padding:18px 22px;margin-bottom:18px}
.cat-v3-bar h2{margin:0;font-size:28px}
.cat-v3-bar p{margin:4px 0 0;color:#6b7280}

@media(max-width:1100px){
  .home-v3-category-grid,.home-v3-product-grid,.cat-v3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-v3-scenario-grid{grid-template-columns:1fr 1fr}
  .cat-v3-layout{grid-template-columns:1fr}
  .cat-v3-sidebar{position:static}
}
@media(max-width:780px){
  .home-v3-hero,.cat-v3-hero{grid-template-columns:1fr;padding:46px 7vw}
  .home-v3-search,.cat-v3-search{display:block}
  .home-v3-search .btn,.cat-v3-search .btn{margin-top:10px;width:100%}
  .home-v3-need-grid,.home-v3-category-grid,.home-v3-product-grid,.cat-v3-product-grid,.home-v3-scenario-grid{grid-template-columns:1fr}
  .home-v3-cta,.cat-v3-bar{display:block}
  .home-v3-cta .btn,.cat-v3-bar .btn{margin-top:14px}
}