
.av-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--av-lilac-pale) 0,var(--av-milk) 100%)}
.av-hero__in{display:grid;gap:3.2rem;align-items:stretch;padding-top:3.2rem;padding-bottom:4.8rem}
@media screen and (min-width:750px){.av-hero__in{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
@media screen and (min-width:990px){.av-hero__in{gap:4.8rem;padding-top:3.2rem;padding-bottom:3.6rem}.av-hero__box{gap:1.6rem}}
.av-hero__box{display:grid;gap:2rem;align-content:center;justify-items:start;min-width:0}
.av-hero__areas{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}
.av-hero__areas li{display:inline-flex;align-items:center;gap:.7rem;min-height:3.6rem;padding:0 1.4rem;border-radius:4rem;background:var(--f);color:var(--fd);font-weight:700;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase}
.av-hero__areas .av-ico{width:2rem;height:2rem;color:var(--fd)}
.av-hero__areas .av-ico-strip{width:2.6rem}
.av-hero .banner__heading{max-width:14ch;font-size:clamp(4.6rem,4.6vw,6.6rem)}
.av-hero .banner__text p{font-size:1.8rem;max-width:52rem;margin:0}
.banner__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2.4rem}
.av-hero__art{position:relative;width:100%;max-width:41rem;aspect-ratio:1/.98;justify-self:center;align-self:start}
.av-hero__blob{position:absolute;left:8%;top:10%;width:84%;aspect-ratio:1;border-radius:50%;background:var(--av-lemon);background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.6) 0 .22rem,transparent .24rem) 0 0/2.4rem 2.4rem,radial-gradient(circle at 75% 75%,rgba(255,255,255,.6) 0 .22rem,transparent .24rem) 0 0/2.4rem 2.4rem}
.av-hero__dots{position:absolute;right:30%;bottom:-2%;width:22%;aspect-ratio:1;border-radius:50%;background:var(--av-plum)}
.av-hero__art figure{position:absolute;margin:0;overflow:hidden;background:#fff}
.av-hero__art img{display:block;width:100%;height:auto}
.av-hero__main{left:0;top:15%;width:60%;border-radius:50% 50% 2.4rem 2.4rem / 34% 34% 2.4rem 2.4rem;box-shadow:0 2rem 4rem rgba(34,22,38,.18)}
.av-hero__tile--jar{right:0;top:0;width:36%;border-radius:2.4rem;box-shadow:0 1.2rem 2.4rem rgba(34,22,38,.16)}
.av-hero__tile--hair{right:0;bottom:0;width:36%;border-radius:2.4rem 2.4rem 50% 50% / 2.4rem 2.4rem 26% 26%;box-shadow:0 1.2rem 2.4rem rgba(34,22,38,.16)}
.av-hero__tiles{display:contents}
@media screen and (max-width:749px){.av-hero__in{padding-top:1.2rem;gap:1.6rem}.av-hero__box{gap:1.6rem}
  .av-hero__art{order:-1;aspect-ratio:auto;max-width:28rem;display:grid;grid-template-columns:minmax(0,2.33fr) minmax(0,1fr);gap:.8rem;align-items:start}
  .av-hero__art figure{position:static;width:auto;box-shadow:none}
  .av-hero__tiles{display:grid;gap:.8rem;align-content:start;min-width:0}
  .av-hero__tile--jar{border-radius:1.6rem}.av-hero__tile--hair{border-radius:1.6rem 1.6rem 50% 50% / 1.6rem 1.6rem 22% 22%}
  .av-hero__blob,.av-hero__dots{display:none}}
/* лента фактов с упаковок */
.av-stats--band li{background:transparent;color:#fff;padding:.8rem 1.2rem;text-align:center;justify-items:center}
.av-stats--band b{color:var(--av-lemon)}
/* панели изделий: поле области, вещь на круге-пэде, подпись-польза, цена */
.av-panels{margin:0;padding:0;list-style:none;--rg:2rem}
.av-panel{position:relative;min-width:0;display:flex;flex-direction:column;border-radius:3.2rem;background:var(--fs);color:var(--av-ink);overflow:hidden}
.av-panel__img{position:relative;display:flex;align-items:flex-end;justify-content:center;height:30rem;padding-top:2.4rem}
.av-panel__img::before{content:"";position:absolute;left:12%;right:12%;top:2.4rem;bottom:0;border-radius:50% 50% 0 0 / 15rem 15rem 0 0;background:var(--f);background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.55) 0 .22rem,transparent .24rem) 0 0/2.4rem 2.4rem,radial-gradient(circle at 75% 75%,rgba(255,255,255,.55) 0 .22rem,transparent .24rem) 0 0/2.4rem 2.4rem}
.av-panel__img img{position:relative;display:block;width:auto;height:auto;max-width:min(32rem,82%);max-height:26rem;object-fit:contain;filter:drop-shadow(0 1.2rem 1.4rem rgba(34,22,38,.25))}
.av-panel__body{position:relative;display:grid;gap:.9rem;align-content:start;padding:2.4rem 2.4rem 2.6rem;flex:1}
.av-panel__name{font-size:2.3rem;line-height:1.15}
.av-panel__name a{color:inherit;text-decoration:none}
.av-panel__name a::after{content:"";position:absolute;inset:0}
.av-panel:hover .av-panel__name a{text-decoration:underline;text-underline-offset:.3rem}
.av-panel__fact{margin:0;font-size:1.6rem}
.av-panel__price{margin:0;font-size:1.5rem}
.av-panel__price b{font-size:2.4rem}
.av-panel__go{display:inline-flex;align-items:center;gap:.7rem;justify-self:start;margin-top:.6rem;min-height:4.4rem;padding:0 1.8rem;border-radius:4rem;background:var(--av-ink);color:#fff;font-weight:700;font-size:1.5rem}
@media screen and (min-width:750px) and (max-width:989px){.av-panel__img{height:22rem}.av-panel__img::before{left:8%;right:8%;border-radius:50% 50% 0 0 / 9rem 9rem 0 0}.av-panel__img img{max-height:19rem;max-width:19rem}.av-panel__body{padding:1.8rem 1.6rem 2rem}.av-panel__name{font-size:1.9rem}}
@media screen and (max-width:749px){.av-panel__img{height:26rem}.av-panel__img img{max-height:22rem;max-width:30rem}}
/* рассказ: текст и наглядный блок рядом, с одного верха */
.av-story{display:grid;gap:2.4rem 5.6rem;align-items:stretch}
@media screen and (min-width:990px){.av-story{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.av-story--wide{grid-template-columns:minmax(0,1fr)!important;margin-bottom:3.2rem}
.av-story__text{display:grid;gap:1.4rem;align-content:center;min-width:0}
.av-story--wide .av-story__text{align-content:start}
@media screen and (min-width:990px){.av-story--wide .av-story__text{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:1.4rem 5.6rem}.av-story--wide .av-story__text h2{grid-row:1 / span 6}.av-story--wide .av-story__text p{grid-column:2;margin:0}}
.av-story__text p{font-size:1.8rem;margin:0}
.av-story__side{min-width:0;display:flex;align-items:center}
.av-story__fig{margin:0 auto;width:100%;max-width:60rem;border-radius:50% 50% 3.2rem 3.2rem / 26% 26% 3.2rem 3.2rem;overflow:hidden;line-height:0}
.av-story__fig img{display:block;width:100%;height:auto}
/* состав вперёд */
.av-inside{margin:0;padding:0;list-style:none;--rg:2rem}
.av-inside>li{min-width:0;display:grid;gap:1rem;align-content:start;padding:2.4rem;border-radius:3.2rem;background:#fff;color:var(--av-ink)}
.av-inside>li>b{font-size:2.2rem;line-height:1.15}
.av-inside ul{margin:.4rem 0 0;padding:0;list-style:none;display:grid;gap:0}
.av-inside ul li{display:grid;gap:.2rem;padding:1rem 0;border-top:.1rem solid var(--av-line)}
.av-inside ul li span{font-weight:700;font-size:1.6rem}
.av-inside ul li i{font-style:normal;font-weight:700;color:var(--av-violet);margin-left:.4rem}
.av-inside ul li small{font-size:1.4rem}
/* на сколько хватает */
.av-lasts{margin:0;padding:0;list-style:none;--rg:2rem}
.av-lasts>li{min-width:0;display:grid;grid-template-columns:10.4rem minmax(0,1fr);gap:1.6rem;align-items:center;padding:2rem;border-radius:3.2rem;background:#fff;color:var(--av-ink)}
.av-lasts__img{width:10.4rem;height:10.4rem;border-radius:50%;background:var(--f);background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.5) 0 .22rem,transparent .24rem) 0 0/2.4rem 2.4rem,radial-gradient(circle at 75% 75%,rgba(255,255,255,.5) 0 .22rem,transparent .24rem) 0 0/2.4rem 2.4rem;display:flex;align-items:center;justify-content:center}
.av-lasts__img img{display:block;width:auto;height:auto;max-width:9.6rem;max-height:9.2rem;object-fit:contain}
.av-lasts__body{display:grid;gap:.4rem;min-width:0}
.av-lasts__body b{font-family:var(--av-head);font-weight:700;font-size:4.4rem;line-height:.95;text-transform:uppercase;color:var(--av-ink)}
.av-lasts__body>span{font-size:1.5rem}
/* сплит: кадр и цветная панель с переходом в магазин */
.av-storeband{display:grid;gap:0;border-radius:3.2rem;overflow:hidden;align-items:stretch;background:var(--av-lilac)}
@media screen and (min-width:990px){.av-storeband{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
.av-storeband__fig{margin:0;line-height:0;min-width:0;display:flex;align-items:flex-end;background:#f4efff}
.av-storeband__fig img{display:block;width:100%;height:auto;max-width:60rem;margin-inline:auto}
@media screen and (min-width:990px){.av-storeband__fig img{max-width:none}}
.av-storeband__panel{display:grid;gap:1.6rem;align-content:center;justify-items:start;padding:3.2rem 2.4rem;background:var(--av-plum-deep);color:#fff;min-width:0}
@media screen and (min-width:750px){.av-storeband__panel{padding:4.8rem}}
.av-storeband__panel h2{color:#fff}
.av-storeband__panel p{margin:0;font-size:1.8rem}
.av-storeband__panel .av-buynote{font-size:1.4rem;opacity:.9}
.av-storeband__panel .button{box-shadow:inset 0 0 0 .15rem rgba(255,255,255,.35)}
