/* 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--pixelversae"]{background:#e9f7ff;color:#081c3a;padding:72px 0}.pv-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px}.pv-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700}.pv-hero h1{font-size:clamp(38px,5.5vw,76px);line-height:1.06;letter-spacing:-.04em;margin:22px 0}.pv-description{max-width:520px;font-size:18px;line-height:1.7;margin-bottom:28px}.pv-offer{font-size:13px;margin-top:24px}.pv-brand-art{background:transparent;border-radius:28px;padding:0;overflow:hidden}.pv-brand-art img{display:block;width:100%;height:auto;image-rendering:auto;object-fit:contain}.pv-brand-art p{font-size:30px;line-height:1.2;font-weight:700;margin-top:24px}@media(max-width:700px){.pv-hero-grid{grid-template-columns:1fr;gap:32px}[data-inventory="hero-section--pixelversae"]{padding:40px 0}.pv-brand-art{padding:0}.pv-brand-art p{font-size:24px}}
[data-inventory="home-category-section--pixelversae"]{padding:48px 0;background:white;color:#081c3a}.pv-categories h2{font-size:28px;margin-bottom:24px}.pv-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pv-category-grid a{display:flex;gap:12px;align-items:center;padding:22px 16px;border:1px solid #d0edff;border-radius:12px;color:#081c3a;text-decoration:none}.pv-category-grid a:hover{background:#e9f7ff}.pv-category-grid a span{color:#1264ff}.pv-category-grid a strong{flex:1}@media(max-width:900px){.pv-category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.pv-category-grid{grid-template-columns:1fr}}
.featured-section:not([data-inventory], [data-inventory] *){
	padding: 18px 0 44px;
}

/* PixelVersae homepage additions: scene collections and personal accessories. */
[data-inventory="pixelversae-scenes"],[data-inventory="pixelversae-personal"]{color:#081c3a}
.pv-discover{padding:64px 0 72px;background:#fff}
.pv-extra-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}
.pv-extra-kicker{font-size:11px;font-weight:700;letter-spacing:.13em;color:#1264ff;margin:0 0 12px}
.pv-extra-heading h2{font-size:clamp(27px,3vw,40px);line-height:1.2;letter-spacing:-.03em;margin:0}
.pv-extra-heading>p{max-width:260px;color:#59708b;font-size:15px;line-height:1.7;margin:0}
.pv-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pv-scene-card{min-width:0;border:1px solid #d0edff;border-radius:20px;overflow:hidden;background:#fff}
.pv-scene-photo{display:flex;align-items:center;justify-content:center;padding:26px;background:#f2f9fe;aspect-ratio:1.45;overflow:hidden}
.pv-scene-photo img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s ease}
.pv-scene-photo:hover img{transform:scale(1.04)}
.pv-scene-copy{padding:26px}
.pv-scene-copy h3{font-size:21px;line-height:1.35;margin:0 0 12px}
.pv-scene-copy>p:not(.pv-extra-kicker){font-size:14px;color:#59708b;line-height:1.75;margin:0 0 22px;min-height:50px}
.pv-extra-link{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#1264ff;font-weight:700;font-size:14px;text-decoration:none}
.pv-extra-link:hover{color:#074bd1}
.pv-personal{padding:64px 0;background:#e9f7ff}
.pv-personal-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:24px;align-items:stretch}
.pv-personal-intro{border-radius:22px;background:#081c3a;color:#fff;padding:38px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.pv-personal-intro .pv-extra-kicker{color:#8edbff}
.pv-personal-intro h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.03em;line-height:1.15;color:#fff;margin:10px 0 22px}
.pv-personal-intro h2 span{color:#8edbff}
.pv-personal-intro>p:not(.pv-extra-kicker){color:#d0edff;line-height:1.8;font-size:15px;margin-bottom:26px}
.pv-personal-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-radius:10px;padding:14px 16px;font-size:13px;font-weight:700;color:#081c3a;text-decoration:none}
.pv-personal-cta:hover{background:#d0edff;color:#081c3a}
.pv-style-card{background:#fff;border:1px solid #d0edff;border-radius:22px;overflow:hidden;color:#081c3a;text-decoration:none;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s ease}
.pv-style-card:hover{color:#081c3a;text-decoration:none;box-shadow:0 12px 28px #081c3a12}
.pv-style-photo{padding:24px;aspect-ratio:1.18;display:flex;align-items:center;justify-content:center}
.pv-style-photo img{display:block;width:100%;height:100%;object-fit:contain}
.pv-style-copy{padding:8px 24px 24px;flex:1;display:flex;flex-direction:column}
.pv-style-copy h3{font-size:17px;line-height:1.5;margin:0 0 22px}
.pv-style-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-weight:700}
.pv-style-arrow{display:grid;place-items:center;background:#e9f7ff;color:#1264ff;width:34px;height:34px;border-radius:50%}
.pv-discover a:focus-visible,.pv-personal a:focus-visible{outline:3px solid #1264ff;outline-offset:3px}
[dir=rtl] .pv-extra-kicker,[dir=rtl] .pv-extra-heading h2,[dir=rtl] .pv-personal-intro h2{letter-spacing:0}
[dir=rtl] .pv-personal-intro h2{line-height:1.4}
[dir=rtl] .pv-extra-link i,[dir=rtl] .pv-personal-cta i,[dir=rtl] .pv-style-arrow{transform:scaleX(-1)}
@media(max-width:900px){.pv-personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-personal-intro{grid-column:1/-1}.pv-scene-grid{gap:14px}.pv-scene-copy{padding:18px}.pv-scene-copy h3{font-size:18px}}
@media(max-width:600px){.pv-discover,.pv-personal{padding:42px 0}.pv-extra-heading{display:block}.pv-extra-heading>p{max-width:none;margin-top:14px}.pv-scene-grid{grid-template-columns:minmax(0,1fr);gap:20px}.pv-scene-photo{aspect-ratio:1.65}.pv-scene-copy{padding:22px}.pv-scene-copy>p:not(.pv-extra-kicker){min-height:0}.pv-personal-grid{gap:12px}.pv-personal-intro{padding:28px 24px}.pv-style-photo{padding:14px;aspect-ratio:1}.pv-style-copy{padding:8px 14px 18px}.pv-style-copy h3{font-size:14px}.pv-style-copy .pv-extra-kicker{font-size:10px;letter-spacing:0}.pv-style-bottom{font-size:13px}.pv-style-arrow{width:28px;height:28px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.pv-scene-photo img,.pv-style-card{transition:none}.pv-scene-photo:hover img{transform:none}}