/* ARU's compact cover. Catalog behavior and the existing logo intro stay independent. */
.beauty-hero{--rose:#f7dce8;position:relative;isolation:isolate;min-height:422px;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 83% 30%,#fff5f9 0,transparent 53%),linear-gradient(118deg,#f9eaf0,#f4c6dc);display:grid;grid-template-columns:1fr 1fr;margin-top:7px}
.beauty-hero:before{content:'';position:absolute;width:460px;height:460px;border:1px solid #fff9;border-radius:50%;right:-55px;top:-78px;z-index:-1;box-shadow:0 0 0 40px #fff2,0 0 0 82px #fff1}
.beauty-hero:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.22;background-image:radial-gradient(#c485a9 .55px,transparent .55px);background-size:6px 6px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.beauty-copy{position:relative;z-index:2;align-self:center;padding:38px 0 40px 48px;pointer-events:none}.beauty-kicker{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;font-weight:500;color:#a16583}.beauty-kicker:before{content:'';width:22px;height:1px;background:currentColor}.beauty-copy h1{font:400 clamp(46px,5.2vw,72px)/.98 var(--serif);letter-spacing:-3px;margin:22px 0 18px;color:#342630}.beauty-copy h1 span{display:block}.beauty-copy h1 em{color:#ac326a;font-weight:400}.beauty-copy p{font-size:12px;line-height:1.8;color:#947082}.beauty-cta{pointer-events:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:23px;min-height:46px;padding:7px 8px 7px 20px;background:#33252e;color:#fff9fc;border-radius:30px;font-size:11px}.beauty-cta .icon{padding:7px;width:32px;height:32px;border-radius:50%;background:#ffffff15;transition:transform .25s,background .25s}.beauty-cta:hover .icon{transform:rotate(-35deg);background:#ffffff25}
.beauty-art{position:absolute;inset:0 0 0 48%;perspective:900px}.beauty-orbit{position:absolute;width:355px;height:355px;right:65px;top:28px;border:1px solid #fff9;border-radius:50%;transform:rotate(-26deg) scaleX(1.2);pointer-events:none}.beauty-orbit:before{content:'';position:absolute;width:11px;height:11px;left:35px;top:35px;border-radius:50%;background:#fff;box-shadow:0 0 30px 6px #fffc}.beauty-photo-button{position:absolute;inset:0;width:100%;border:0;background:none;perspective:900px;touch-action:pan-y;cursor:pointer;border-radius:26px}.beauty-photo-button:focus-visible{outline-offset:-7px}
.beauty-frame{position:absolute;padding:7px;background:#ffffffe8;border:1px solid #fff;border-radius:20px;box-shadow:0 18px 35px #a0627a22,0 3px 5px #fff5 inset;overflow:hidden;transition:transform .75s cubic-bezier(.2,.7,.2,1),width .75s,height .75s,right .75s,top .75s,box-shadow .75s;will-change:transform}.beauty-frame img{width:100%;height:100%;object-fit:cover;border-radius:14px;pointer-events:none}.beauty-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#fff7 43%,transparent 62%);transform:translateX(-130%);pointer-events:none}
.beauty-frame-anua{width:230px;height:302px;right:65px;top:54px;transform:rotate(10deg);z-index:2}.beauty-frame-centella{width:193px;height:253px;right:244px;top:93px;transform:rotate(-14deg);z-index:1}.beauty-hero[data-feature=centella] .beauty-frame-anua{width:193px;height:253px;right:244px;top:93px;transform:rotate(-14deg);z-index:1}.beauty-hero[data-feature=centella] .beauty-frame-centella{width:230px;height:302px;right:65px;top:54px;transform:rotate(10deg);z-index:2}
.beauty-sticker{position:absolute;right:254px;top:284px;z-index:3;transform:rotate(-9deg);padding:11px 18px;border:1px solid #fff;background:#fff9;backdrop-filter:blur(10px);border-radius:30px;font:italic 16px var(--serif);color:#9d567b;box-shadow:0 6px 20px #9f668319;pointer-events:none}.beauty-star{position:absolute;z-index:3;color:#ac5d86;pointer-events:none}.beauty-star-one{width:32px;height:32px;right:39px;top:44px;transform:rotate(12deg)}.beauty-star-two{width:18px;height:18px;right:403px;top:95px;color:#c286a4}.beauty-feature-name{position:absolute;bottom:24px;right:53px;display:flex;align-items:center;gap:12px;color:#9b5f7e;font-size:9px;letter-spacing:1px;pointer-events:none}.beauty-feature-name svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.4;fill:none;transform:rotate(-35deg)}
.beauty-switcher{position:absolute;right:54px;top:18px;z-index:4;display:flex;gap:5px;align-items:center}.beauty-switcher>span{font-size:8px;letter-spacing:1px;color:#af7c96;margin-right:7px}.beauty-switcher button{display:grid;place-items:center;width:30px;height:30px;border:0;background:none;border-radius:50%}.beauty-switcher button:after{content:'';width:5px;height:5px;border-radius:8px;background:#d4a2bc;transition:width .3s,background .3s}.beauty-switcher button[aria-pressed=true]:after{width:17px;background:#a64675}
.beauty-hero.motion-enabled:not(.has-entered) .beauty-copy{opacity:0;transform:translateY(12px)}.beauty-hero.motion-enabled:not(.has-entered) .beauty-frame-anua{opacity:0;transform:translate(55px,40px) rotate(24deg) scale(.9)}.beauty-hero.motion-enabled:not(.has-entered) .beauty-frame-centella{opacity:0;transform:translate(45px,50px) rotate(-30deg) scale(.9)}.beauty-hero.motion-enabled:not(.has-entered) .beauty-sticker{opacity:0;transform:translateY(20px) rotate(-20deg)}.beauty-copy,.beauty-sticker{transition:opacity .7s,transform .9s cubic-bezier(.16,1,.3,1)}.beauty-hero.has-entered .beauty-frame{opacity:1}.beauty-hero.has-entered .beauty-frame:after{animation:beauty-shine 1.4s ease .3s both}.beauty-hero.has-entered.is-in-view .beauty-orbit:before{animation:beauty-light 6s ease-in-out infinite}.beauty-hero.is-changing .beauty-frame:after{animation:beauty-shine 1.2s ease both}
@keyframes beauty-shine{to{transform:translateX(130%)}}@keyframes beauty-light{0%,100%{opacity:.65;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
.home-page .category{border-radius:25px}.home-page .filter-button{border-radius:13px}.home-page .product-photo{border-radius:12px}.home-page .card-add{border-radius:50%}.home-page .stepper{border-radius:23px}.home-page .help-banner{border-radius:20px}.home-page .benefits{padding-block:24px}.home-page .catalog{padding-top:37px}
@media(max-width:1100px) and (min-width:761px){.beauty-hero{min-height:390px}.beauty-copy{padding-left:32px}.beauty-copy h1{font-size:58px}.beauty-frame-anua{right:25px;width:200px;height:270px}.beauty-frame-centella{right:175px;width:164px;height:223px}.beauty-hero[data-feature=centella] .beauty-frame-anua{right:175px;width:164px;height:223px}.beauty-hero[data-feature=centella] .beauty-frame-centella{right:25px;width:200px;height:270px}.beauty-sticker{right:166px;top:273px}.beauty-star-two{right:280px}.beauty-feature-name{right:30px}.beauty-switcher{right:26px}}
@media(max-width:760px){
  .home-page .announcement{height:26px;font-size:7px;letter-spacing:.9px}.home-page .announcement-demo{font-size:7px;letter-spacing:0}.home-page .header{height:65px;background:#fffdfdf5;backdrop-filter:blur(16px)}.home-page .header::before{background:#fffdfdf5}.home-page .brand-logo{width:49px;height:49px;border-radius:12px}.home-page .header-tools{gap:8px}
  .beauty-hero{min-height:0;height:254px;margin-top:9px;border-radius:19px;display:block;background:radial-gradient(ellipse at 85% 20%,#fff5f9,transparent 70%),linear-gradient(120deg,#faeaf0,#f1c4d9)}.beauty-hero:before{width:235px;height:235px;right:-43px;top:-61px;box-shadow:0 0 0 24px #fff2,0 0 0 49px #fff1}.beauty-copy{padding:19px 0 15px 19px;height:100%;width:54%}.beauty-kicker{font-size:6px;letter-spacing:1.2px;gap:7px;white-space:nowrap}.beauty-kicker:before{width:13px}.beauty-copy h1{font-size:clamp(32px,9.7vw,41px);line-height:.99;letter-spacing:-1.7px;margin:15px 0 10px}.beauty-copy p{font-size:10px;line-height:1.55}.beauty-cta{position:absolute;left:18px;bottom:15px;margin:0;min-height:38px;padding:5px 6px 5px 13px;gap:13px;font-size:10px;white-space:nowrap}.beauty-cta .icon{width:27px;height:27px;padding:6px}
  .beauty-art{left:48%;border-radius:19px}.beauty-orbit{width:180px;height:180px;right:0;top:29px}.beauty-orbit:before{width:6px;height:6px;left:19px;top:19px;box-shadow:0 0 14px 3px #fff9}.beauty-frame{padding:4px;border-radius:13px;box-shadow:0 12px 20px #a0627a25}.beauty-frame img{border-radius:9px}.beauty-frame-anua{width:124px;height:171px;right:13px;top:40px;transform:rotate(10deg)}.beauty-frame-centella{width:97px;height:134px;right:86px;top:62px;transform:rotate(-14deg)}.beauty-hero[data-feature=centella] .beauty-frame-anua{width:97px;height:134px;right:86px;top:62px;transform:rotate(-14deg)}.beauty-hero[data-feature=centella] .beauty-frame-centella{width:124px;height:171px;right:13px;top:40px;transform:rotate(10deg)}.beauty-sticker{right:77px;top:176px;padding:6px 10px;font-size:11px;white-space:nowrap}.beauty-star-one{width:23px;height:23px;right:11px;top:28px}.beauty-star-two{width:13px;height:13px;right:156px;top:53px}.beauty-feature-name{right:15px;bottom:15px;gap:6px;max-width:148px;font-size:6px;letter-spacing:.6px;white-space:nowrap}.beauty-feature-name svg{width:11px;height:11px}.beauty-switcher{top:4px;right:10px;gap:0}.beauty-switcher>span{font-size:6px;margin-right:0;letter-spacing:.7px}.beauty-switcher button{width:26px;height:26px}.beauty-switcher button:after{width:4px;height:4px}.beauty-switcher button[aria-pressed=true]:after{width:13px}
  .home-page .catalog{padding-top:18px}.home-page .search-tools .search-box{border-radius:13px;background:#fff9fc}.home-page .filter-button{background:#fff9fc}.home-page .category{font-size:10px;min-height:42px;padding:8px 13px}.home-page .product-photo{border-radius:12px;background:#fbf1f6}.home-page .preview-note{margin-bottom:14px}.home-page .catalog-toolbar{margin-top:11px}.home-page .benefits{display:none}
}
@media(max-width:360px){.beauty-hero{height:234px}.beauty-copy{padding-left:16px;padding-top:17px;width:55%}.beauty-copy h1{font-size:33px;margin-top:14px}.beauty-copy p{font-size:9px}.beauty-cta{left:15px;bottom:13px;gap:8px;font-size:9px;min-height:36px}.beauty-cta .icon{width:25px;height:25px}.beauty-frame-anua{width:106px;height:153px;right:9px;top:38px}.beauty-frame-centella{width:80px;height:115px;right:70px;top:64px}.beauty-hero[data-feature=centella] .beauty-frame-anua{width:80px;height:115px;right:70px;top:64px}.beauty-hero[data-feature=centella] .beauty-frame-centella{width:106px;height:153px;right:9px;top:38px}.beauty-sticker{right:54px;top:163px;padding:6px 8px;font-size:10px}.beauty-star-two{right:130px}.beauty-feature-name{right:12px;bottom:13px;font-size:5.5px;gap:4px}.beauty-kicker{font-size:5.5px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.beauty-hero *,.beauty-hero *:before,.beauty-hero *:after{animation:none!important;transition:none!important}.beauty-hero.motion-enabled .beauty-copy,.beauty-hero.motion-enabled .beauty-frame,.beauty-hero.motion-enabled .beauty-sticker{opacity:1!important}.beauty-hero.motion-enabled .beauty-copy{transform:none!important}}
@media(max-width:760px){.beauty-copy p{color:#80576c}.beauty-frame-centella,.beauty-hero[data-feature=centella] .beauty-frame-anua{right:66px}.beauty-switcher{top:0;right:5px}.beauty-switcher>span{font-size:7px}.beauty-switcher button{width:44px;height:44px}.beauty-hero:not(.has-entered) .beauty-switcher{opacity:0}.beauty-switcher{transition:opacity .6s}}
@media(max-width:360px){.beauty-frame-centella,.beauty-hero[data-feature=centella] .beauty-frame-anua{right:52px}.beauty-switcher>span{font-size:6px}}

/* --- подпись разработчика --- */
.page-credit{margin:0 auto 30px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#a98d9c;text-align:center}
.page-credit a{color:#b83270;text-decoration:none;border-bottom:1px solid rgba(184,50,112,.28);padding-bottom:1px}
.page-credit a:hover{border-color:#b83270}

/* --- кнопка «наверх» --- */
.to-top{position:fixed;right:20px;bottom:22px;z-index:60;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:50%;background:rgba(255,253,253,.94);color:var(--accent);box-shadow:0 10px 26px rgba(92,42,72,.16);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease,background .2s ease}
.to-top.is-visible{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:#fff}
.to-top:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.to-top .icon{width:19px;height:19px;transform:rotate(-90deg)}
@media(max-width:760px){
  .to-top{right:14px;bottom:18px;width:44px;height:44px}
  body:has(.mobile-cart-bar:not(.hidden)) .to-top{bottom:96px}
}

/* --- скелетон вместо пустой плитки, пока грузится фото --- */
.product-photo::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,#faf1f6 22%,#f2dce7 48%,#faf1f6 74%);background-size:220% 100%;animation:photoShimmer 1.4s linear infinite}
.product-photo .photo-button{position:relative;z-index:1}
.product-photo.is-ready::before{display:none}
@keyframes photoShimmer{from{background-position:130% 0}to{background-position:-30% 0}}

/* --- мягкое затухание ленты категорий --- */
.categories{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%)}

/* --- счётчик корзины не показываем при нуле --- */
.cart-count.is-empty{display:none}

@media(prefers-reduced-motion:reduce){.product-photo::before{animation:none}.to-top{transition:none}}