/* Optional modern homepage template */
.atv-home { --content-width: 1220px; background: #fff; }
.atv-home__container { width: min(var(--content-width), calc(100% - 32px)); margin-inline: auto; }
.atv-hero { background: radial-gradient(circle at 78% 25%, #dff0ff 0, #eff7ff 30%, #fff 64%); padding: 58px 0; overflow: hidden; }
.atv-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 42px; }
.atv-hero__eyebrow { color: var(--atv-blue); font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.atv-hero h1 { font-size: clamp(38px, 5.1vw, 70px); line-height: 1.04; margin: 12px 0 20px; color: var(--atv-blue-dark); }
.atv-hero h1 span { color: var(--atv-orange); }
.atv-hero__lead { font-size: 1.13em; color: var(--atv-muted); max-width: 660px; }
.atv-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.atv-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 22px; text-decoration: none; }
.atv-hero__visual { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; position: relative; }
.atv-hero__visual img { width: 100%; height: 250px; object-fit: contain; background: #fff; border: 1px solid var(--atv-border); border-radius: 18px; box-shadow: 0 18px 45px rgba(8,43,114,.12); }
.atv-section { padding: 62px 0; }
.atv-section--soft { background: var(--atv-blue-soft); }
.atv-section__head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.atv-section__head h2 { margin: 0; font-size: clamp(28px, 3vw, 42px); }
.atv-section__head p { margin: 8px 0 0; color: var(--atv-muted); }
.atv-category-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.atv-category-card { padding: 20px 14px; text-align: center; color: var(--atv-blue-dark); text-decoration: none; }
.atv-category-card__image { display: grid; place-items: center; height: 124px; margin-bottom: 12px; }
.atv-category-card__image img { max-height: 116px; width: auto; object-fit: contain; }
.atv-category-card strong { display: block; font-size: 1.02em; }
.atv-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.atv-product-card__image { display: block; aspect-ratio: 1/1; background: #f8fafc; }
.atv-product-card__image img { width: 100%; height: 100%; object-fit: contain; }
.atv-product-card__body { padding: 16px; }
.atv-product-card__body h3 { font-size: 1.02em; margin: 0 0 7px; }
.atv-product-card__body a { text-decoration: none; }
.atv-product-card__price { color: var(--atv-orange); font-weight: 800; }
.atv-benefits { background: linear-gradient(135deg, var(--atv-blue-dark), var(--atv-blue)); color: #fff; border-radius: 18px; padding: 34px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.atv-benefit strong { display: block; color: #fff; font-size: 1.05em; margin-bottom: 7px; }
.atv-benefit span { color: rgba(255,255,255,.78); }
.atv-quote { display: grid; grid-template-columns: .8fr 1.2fr; gap: 34px; padding: 34px; border: 1px solid var(--atv-border); border-radius: 18px; box-shadow: 0 18px 50px rgba(8,43,114,.10); }
.atv-quote__intro { background: linear-gradient(135deg, var(--atv-blue-dark), var(--atv-blue)); border-radius: 14px; color: #fff; padding: 30px; }
.atv-quote__intro h2 { color: #fff; }
.atv-quote__intro p { color: rgba(255,255,255,.82); }
@media (max-width: 1024px) { .atv-category-grid { grid-template-columns: repeat(3, 1fr); } .atv-product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 849px) { .atv-hero { padding: 38px 0; } .atv-hero__grid, .atv-quote { grid-template-columns: 1fr; } .atv-hero__visual img { height: 190px; } .atv-benefits { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 549px) { .atv-category-grid, .atv-product-grid { grid-template-columns: repeat(2, 1fr); } .atv-section { padding: 42px 0; } .atv-section__head { align-items: start; flex-direction: column; } .atv-benefits { grid-template-columns: 1fr; padding: 24px; } .atv-quote { padding: 18px; } }