/* Shared homepage inventory primitives. Variant styles may only own their scoped layout. */
:where(.inventory-module) {
 --module-space: clamp(32px, 5vw, 64px);
 --module-gap: clamp(18px, 2.5vw, 32px);
 --module-radius: var(--radius-lg, 24px);
 --module-surface: var(--site-surface, #fff);
 --module-text: var(--site-text, #17251d);
 --module-muted: var(--site-muted, #607268);
 --module-border: var(--site-border, #d7e3da);
 min-width: 0; max-width: 100%; color: var(--module-text);
 font-family: var(--font-body, sans-serif);
}
:where(.inventory-module) > section { padding-block: var(--module-space); }
:where(.inventory-module) .container { min-width: 0; }
:where(.inventory-module) img { max-width: 100%; }
:where(.inventory-module) h1 { font-size: clamp(2rem, 4.5vw, 4rem); line-height: 1.12; margin: 0 0 22px; overflow-wrap: anywhere; }
:where(.inventory-module) h2 { font-size: clamp(1.5rem, 2.8vw, 2.3rem); line-height: 1.25; margin: 0 0 18px; }
:where(.inventory-module) h3 { font-size: 1.2rem; line-height: 1.35; }
:where(.inventory-module) p { color: var(--module-muted); }
:where(.inventory-module) .section-head { margin-bottom: 28px; }
:where(.inventory-module) .section-kicker,
:where(.inventory-module) .hero-kicker,
:where(.inventory-module) .promo-tag { color: var(--site-primary); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 12px; }
:where(.inventory-module) .hero-layout,
:where(.inventory-module) .hero-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--module-gap); align-items: center; }
:where(.inventory-module) .hero-copy { min-width: 0; }
:where(.inventory-module) .hero-copy p { line-height: 1.75; margin-bottom: 24px; }
:where(.inventory-module) .hero-copy .btn { margin-top: 12px; }
:where(.inventory-module) .hero-visual { position: relative; min-width: 0; min-height: 340px; border-radius: var(--module-radius); overflow: hidden; display: grid; place-items: center; }
:where(.inventory-module) .hero-visual img { display: block; width: 100%; height: 100%; max-height: 560px; object-fit: contain; position: relative; }
:where(.inventory-module) .visual-glow { position: absolute; pointer-events: none; }
:where(.inventory-module) .hero-categories { padding: 24px; background: var(--module-surface); border-radius: var(--module-radius); }
:where(.inventory-module) .hero-categories-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; list-style: none; }
:where(.inventory-module) .hero-categories-list img { height: 80px; object-fit: contain; }
:where(.inventory-module) .hero-categories-list h3 { font-size: .9rem; }
:where(.inventory-module) .banner-wrapper,
:where(.inventory-module) .hero-banner,
:where(.inventory-module) .swiper { width: 100%; min-width: 0; overflow: hidden; }
:where(.inventory-module) .banner-item { position: relative; }
:where(.inventory-module) .banner-item > img { width: 100%; height: clamp(240px,36vw,500px); object-fit: contain; }
:where(.inventory-module) .banner-content { padding: 20px; }
:where(.inventory-module) .product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
:where(.inventory-module) .product-card { min-width: 0; }
:where(.inventory-module) .category-grid,
:where(.inventory-module) .category-grid-home,
:where(.inventory-module) .home-category-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 18px; }
:where(.inventory-module) .category-tile-home,
:where(.inventory-module) .home-category-card { display: flex; flex-direction: column; gap: 14px; padding: 20px; text-align: center; background: var(--module-surface); border: 1px solid var(--module-border); border-radius: var(--module-radius); }
:where(.inventory-module) .category-tile-home img,
:where(.inventory-module) .home-category-media img { width: 100%; height: 140px; object-fit: contain; }
:where(.inventory-module) .category-tile-home h3 { font-size: 1rem; }
:where(.inventory-module) .promo-layout,
:where(.inventory-module) .spotlight-grid,
:where(.inventory-module) .scene-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: var(--module-gap); }
:where(.inventory-module) .promo-banner,
:where(.inventory-module) .why-card,
:where(.inventory-module) .spotlight-card,
:where(.inventory-module) .scene-card { min-width: 0; padding: clamp(20px,3vw,36px); border-radius: var(--module-radius); border: 1px solid var(--module-border); background: var(--module-surface); }
:where(.inventory-module) .promo-slide img { width: 100%; height: 240px; object-fit: contain; }
:where(.inventory-module) .bundle-grid,
:where(.inventory-module) .scene-products { display: grid; gap: 18px; }
:where(.inventory-module) .why-card ul { padding-left: 20px; margin-block: 18px; }
:where(.inventory-module) .service-grid,
:where(.inventory-module) .services-grid,
:where(.inventory-module) .advantage-grid,
:where(.inventory-module) .testimonial-grid,
:where(.inventory-module) .review-grid,
:where(.inventory-module) .reviews-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--module-gap); }
:where(.inventory-module) .service-card,
:where(.inventory-module) .service-item,
:where(.inventory-module) .advantage-card,
:where(.inventory-module) .testimonial-card { padding: 24px; background: var(--module-surface); border: 1px solid var(--module-border); border-radius: var(--module-radius); }
:where(.inventory-module) .tab-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
:where(.inventory-module) [data-tab] { padding: 9px 16px; border: 1px solid var(--module-border); border-radius: 999px; background: var(--module-surface); color: var(--module-text); cursor: pointer; }
:where(.inventory-module) [data-tab].active { background: var(--site-primary); color: #fff; }
:where(.inventory-module) .tab-panel { display: none; }
:where(.inventory-module) .tab-panel.active { display: block; }
:where(.inventory-module) .inventory-empty { padding: 24px; grid-column: 1/-1; }
@media(max-width: 900px) {
 :where(.inventory-module) .hero-layout,
 :where(.inventory-module) .hero-grid,
 :where(.inventory-module) .promo-layout,
 :where(.inventory-module) .spotlight-grid,
 :where(.inventory-module) .scene-grid { grid-template-columns: minmax(0,1fr); }
 :where(.inventory-module) .product-grid,
 :where(.inventory-module) .service-grid,
 :where(.inventory-module) .services-grid,
 :where(.inventory-module) .advantage-grid,
 :where(.inventory-module) .testimonial-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width: 560px) {
 :where(.inventory-module) .product-grid,
 :where(.inventory-module) .service-grid,
 :where(.inventory-module) .services-grid,
 :where(.inventory-module) .advantage-grid,
 :where(.inventory-module) .testimonial-grid,
 :where(.inventory-module) .review-grid,
 :where(.inventory-module) .reviews-grid { grid-template-columns: minmax(0,1fr); }
 :where(.inventory-module) .hero-visual { min-height: 240px; }
}

:where(.inventory-module) .brand-panel { margin-top: 24px; padding: 24px; border: 1px solid var(--module-border); border-radius: var(--module-radius); background: var(--module-surface); }
:where(.inventory-module) .brand-grid { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
:where(.inventory-module) .brand-grid > span { padding: 8px 14px; border: 1px solid var(--module-border); border-radius: var(--radius-sm, 10px); }
:where(.inventory-module) .service-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: var(--radius-sm,10px); margin-bottom: 16px; color: var(--site-primary); font-size: 1.7rem; }

[data-inventory="hero-section--vortictechs"] .vt-hero{background:linear-gradient(115deg,var(--site-bg-soft),var(--site-secondary));padding:38px 0 0}[data-inventory="hero-section--vortictechs"] .vt-hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center;min-height:410px}[data-inventory="hero-section--vortictechs"] .vt-eyebrow{font-size:11px;letter-spacing:2px;color:var(--site-muted);font-weight:700;margin-bottom:18px}[data-inventory="hero-section--vortictechs"] h1{font-size:clamp(34px,3.8vw,54px);font-weight:800;letter-spacing:-2px;line-height:1.12;color:var(--site-dark);margin:0 0 20px}[data-inventory="hero-section--vortictechs"] h1 span{color:var(--site-primary)}[data-inventory="hero-section--vortictechs"] .vt-hero-description{font-size:15px;line-height:1.7;max-width:420px;margin:0 0 24px;color:var(--site-text)}[data-inventory="hero-section--vortictechs"] .vt-hero-copy .btn{padding:14px 24px;display:inline-flex;gap:24px;font-size:14px;font-weight:700}[data-inventory="hero-section--vortictechs"] .vt-hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:center;padding-top:20px;padding-bottom:22px;margin-top:18px;background:rgba(255,255,255,.7);border-radius:32px 32px 0 0}[data-inventory="hero-section--vortictechs"] .vt-hero-trust>div{display:flex;align-items:center;justify-content:center;min-width:0;gap:12px}[data-inventory="hero-section--vortictechs"] .vt-hero-trust p{margin:0}[data-inventory="hero-section--vortictechs"] .vt-hero-trust strong{font-size:12px;display:block}[data-inventory="hero-section--vortictechs"] .vt-hero-trust small{font-size:11px;color:var(--site-muted)}
@media(max-width:767px){[data-inventory="hero-section--vortictechs"] .vt-hero{padding-top:30px}[data-inventory="hero-section--vortictechs"] .vt-hero-grid{grid-template-columns:1fr;gap:12px}[data-inventory="hero-section--vortictechs"] h1{font-size:38px;letter-spacing:-1.4px}[data-inventory="hero-section--vortictechs"] .vt-hero-description{font-size:13px}[data-inventory="hero-section--vortictechs"] .vt-hero-trust{gap:10px;padding:16px 12px;border-radius:18px 18px 0 0;justify-content:space-between}[data-inventory="hero-section--vortictechs"] .vt-hero-trust>div{gap:6px;flex:1}[data-inventory="hero-section--vortictechs"] .vt-hero-trust strong{font-size:9px}[data-inventory="hero-section--vortictechs"] .vt-hero-trust small{font-size:8px}[data-inventory="hero-section--vortictechs"] .vt-hero-trust .vt-icon{width:26px;height:26px;flex-shrink:0}}

[data-inventory="hero-section--vortictechs"] .vt-hero-image{min-width:0}
[data-inventory="hero-section--vortictechs"] .vt-hero-image img{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px}

[data-inventory="home-category-section--vortictechs"] .vt-brands{padding-top:40px;padding-bottom:10px}[data-inventory="home-category-section--vortictechs"] .vt-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}[data-inventory="home-category-section--vortictechs"] h2{font-size:28px;letter-spacing:-1px;margin:0 0 6px;font-weight:800}[data-inventory="home-category-section--vortictechs"] .vt-heading p{color:var(--site-muted);margin:0;font-size:14px}[data-inventory="home-category-section--vortictechs"] .vt-heading>a{font-size:12px;color:var(--site-primary);white-space:nowrap}[data-inventory="home-category-section--vortictechs"] .vt-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}[data-inventory="home-category-section--vortictechs"] .vt-brand-card{text-align:center;border:1px solid var(--site-border);border-radius:14px;padding:24px 14px;background:white;box-shadow:var(--site-shadow);transition:transform .2s,border-color .2s,box-shadow .2s;color:var(--site-text);text-decoration:none}[data-inventory="home-category-section--vortictechs"] .vt-brand-card:hover{transform:translateY(-3px);border-color:var(--site-primary);box-shadow:0 10px 26px rgba(0,123,255,.12);text-decoration:none}[data-inventory="home-category-section--vortictechs"] .vt-brand-card img{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto 14px}[data-inventory="home-category-section--vortictechs"] .vt-brand-card strong{font-size:15px}[data-inventory="home-category-section--vortictechs"] .vt-brand-card p{font-size:12px;color:var(--site-muted);margin:5px 0 0}
@media(max-width:767px){[data-inventory="home-category-section--vortictechs"] .vt-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-inventory="home-category-section--vortictechs"] h2{font-size:23px}[data-inventory="home-category-section--vortictechs"] .vt-heading{align-items:flex-start}[data-inventory="home-category-section--vortictechs"] .vt-heading>a{font-size:10px;white-space:normal;max-width:95px;text-align:right}[data-inventory="home-category-section--vortictechs"] .vt-heading p{font-size:12px}[data-inventory="home-category-section--vortictechs"] .vt-brand-card{padding:20px 10px}}

[data-inventory="featured-section--vortictechs"] .vt-featured{padding-top:38px;padding-bottom:30px}[data-inventory="featured-section--vortictechs"] .vt-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}[data-inventory="featured-section--vortictechs"] h2{font-size:28px;font-weight:800;letter-spacing:-1px;margin:0 0 6px}[data-inventory="featured-section--vortictechs"] .vt-heading p{color:var(--site-muted);font-size:14px;margin:0}[data-inventory="featured-section--vortictechs"] .vt-heading>a{color:var(--site-primary);font-size:12px;white-space:nowrap}[data-inventory="featured-section--vortictechs"] .vt-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}[data-inventory="featured-section--vortictechs"] .product-card{display:flex;flex-direction:column}[data-inventory="featured-section--vortictechs"] .product-info{flex:1;display:flex;flex-direction:column}[data-inventory="featured-section--vortictechs"] .price{margin-top:auto}
@media(max-width:767px){[data-inventory="featured-section--vortictechs"] .vt-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-inventory="featured-section--vortictechs"] h2{font-size:23px}[data-inventory="featured-section--vortictechs"] .vt-heading p{font-size:12px}[data-inventory="featured-section--vortictechs"] .vt-heading>a{font-size:10px}}

[data-inventory="promo-section--vortictechs"] .vt-welcome-wrap{padding-top:4px;padding-bottom:28px}[data-inventory="promo-section--vortictechs"] .vt-welcome{display:flex;align-items:center;gap:24px;background:var(--site-gradient);border-radius:20px;padding:24px 30px;overflow:hidden}[data-inventory="promo-section--vortictechs"] .vt-gift{width:155px;height:165px;object-fit:contain}[data-inventory="promo-section--vortictechs"] .vt-welcome-copy{flex:1}[data-inventory="promo-section--vortictechs"] .vt-welcome-copy>p:first-child{color:var(--site-primary);font-size:15px;font-weight:700;margin:0 0 6px}[data-inventory="promo-section--vortictechs"] h2{font-size:25px;font-weight:800;letter-spacing:-.6px;margin:0 0 8px}[data-inventory="promo-section--vortictechs"] .vt-welcome-desc{font-size:13px;color:var(--site-muted);margin:0 0 16px}[data-inventory="promo-section--vortictechs"] .btn{font-size:12px;padding:10px 22px}[data-inventory="promo-section--vortictechs"] .vt-welcome-shipping{display:flex;align-items:center;gap:12px;min-width:170px}[data-inventory="promo-section--vortictechs"] .vt-welcome-shipping strong{display:block;font-size:18px}[data-inventory="promo-section--vortictechs"] .vt-welcome-shipping small{display:block;color:var(--site-muted)}
@media(max-width:767px){[data-inventory="promo-section--vortictechs"] .vt-welcome{flex-direction:column;gap:14px;text-align:center;padding:24px}[data-inventory="promo-section--vortictechs"] .vt-gift{width:100px;height:100px}[data-inventory="promo-section--vortictechs"] h2{font-size:23px}[data-inventory="promo-section--vortictechs"] .vt-welcome-shipping{margin-top:8px;text-align:left}}

[data-inventory="advantage-section--vortictechs"] .vt-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:0;padding-bottom:28px}[data-inventory="advantage-section--vortictechs"] .vt-trust-card{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--site-border);border-radius:12px;padding:20px 14px;box-shadow:var(--site-shadow)}[data-inventory="advantage-section--vortictechs"] p{margin:0}[data-inventory="advantage-section--vortictechs"] strong{display:block;font-size:12px}[data-inventory="advantage-section--vortictechs"] small{display:block;font-size:11px;color:var(--site-muted);margin-top:4px}[data-inventory="advantage-section--vortictechs"] .vt-icon{flex-shrink:0}
@media(max-width:767px){[data-inventory="advantage-section--vortictechs"] .vt-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-inventory="advantage-section--vortictechs"] .vt-trust-card{padding:14px 9px;gap:8px}[data-inventory="advantage-section--vortictechs"] strong{font-size:10px}[data-inventory="advantage-section--vortictechs"] small{font-size:9px}[data-inventory="advantage-section--vortictechs"] .vt-icon{width:28px;height:28px}}
