.catalog-popup{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:24px;background:rgba(8,18,16,.66);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;overflow:hidden}.catalog-popup.is-open{opacity:1;visibility:visible}
.catalog-popup__box{position:relative;width:min(1260px,calc(100vw - 48px));overflow:hidden;border:1px solid rgba(40,86,75,.22);border-radius:34px;background:linear-gradient(130deg,#f8f5f2,#edf1ed);box-shadow:0 32px 90px rgba(0,0,0,.3);transform:translateY(18px) scale(.985);transition:transform .32s ease;min-width:0}.catalog-popup.is-open .catalog-popup__box{transform:translateY(0) scale(1)}
.catalog-popup__close{position:absolute;z-index:4;top:15px;right:17px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:rgba(25,41,37,.08);color:#264a41;cursor:pointer;font-size:29px;line-height:1}.catalog-popup__close:hover{background:rgba(25,41,37,.16)}
.catalog-popup__content{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);min-height:500px;min-width:0}.catalog-popup__copy{position:relative;z-index:2;min-width:0;padding:50px 38px 37px 58px}.catalog-popup h2{margin:0 0 20px;color:#173f39;font-size:55px;line-height:1.07;letter-spacing:-.055em}.catalog-popup__intro{position:relative;margin:0 0 28px;padding-left:40px;color:#45675f;font-size:23px;line-height:1.42}.catalog-popup__intro:before{content:'';position:absolute;top:.47em;left:2px;width:18px;height:18px;border-radius:50%;background:#29a88e}
.catalog-form{display:grid;grid-template-columns:minmax(270px,1fr) minmax(245px,.8fr);gap:13px;align-items:start}.catalog-phone{position:relative;min-height:105px}.catalog-phone label{position:absolute;z-index:1;top:28px;left:26px;color:#929496;font-size:20px;line-height:1;pointer-events:none;transition:.18s ease}.catalog-phone input{width:100%;height:82px;padding:24px 26px;border:1px solid transparent;border-radius:21px;outline:0;background:#fff;color:#263f39;font:inherit;font-size:20px}.catalog-phone input::placeholder{color:transparent}.catalog-phone.is-floating input::placeholder{color:transparent!important;opacity:0!important}.catalog-phone.is-floating label{top:-8px;left:17px;padding:0 2px;background:transparent;color:#557a70;font-size:13px;font-weight:700;text-shadow:-3px 0 #f4f5f2,3px 0 #f4f5f2}.catalog-phone.is-focused input{border-color:#4eaf9a;box-shadow:0 0 0 3px rgba(78,175,154,.13)}.catalog-phone.has-error input{border-color:#c04949}.catalog-phone__error{position:absolute;top:85px;left:10px;margin:0;color:#a33232;font-size:12px;line-height:1.2}
.catalog-form__submit{min-height:82px;padding:16px 24px;border:1px solid rgba(19,126,105,.58);border-radius:21px;background:linear-gradient(120deg,#4bcdb0,#1da88d 52%,#137d69);box-shadow:inset 0 2px 2px #ffffffaa,inset 0 -2px 6px #0e6b5c70,0 10px 20px rgba(32,185,154,.22);color:#fff;cursor:pointer;font:800 17px/1.15 Manrope,Arial,sans-serif;transition:transform .18s ease,filter .18s ease;animation:turquoise-pulse 1s infinite}.catalog-form__submit:hover{filter:brightness(1.07);transform:translateY(-2px)}.catalog-form__submit:disabled{cursor:wait;filter:saturate(.45);transform:none;animation:none}.catalog-popup__note{margin:12px 0 0;color:#55736b;font-size:16px;line-height:1.35}
.catalog-popup__visual{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background:linear-gradient(145deg,#e9f1ed,#d8e6df)}.catalog-popup__visual:before{content:'';position:absolute;width:450px;height:450px;border-radius:50%;background:rgba(41,168,142,.14);filter:blur(20px)}.catalog-magazine{position:relative;z-index:1;width:min(530px,112%);max-height:455px;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(28,41,35,.26));transform:rotate(2deg)}.catalog-discount{position:absolute;z-index:2;top:35px;left:9%;display:grid;place-items:center;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#7ce0c7,#23977f);border:5px solid #c5f0e4;box-shadow:0 10px 22px rgba(27,131,108,.28);color:#fff;font-size:39px;font-weight:800;line-height:.8;transform:rotate(-8deg)}.catalog-discount span{display:none}
.catalog-float{position:fixed;z-index:17;right:22px;bottom:22px;width:90px;height:90px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 30% 24%,#65dcc4,#25a78e 66%,#138b75);cursor:pointer;box-shadow:0 13px 25px rgba(13,113,93,.34),inset 0 2px 2px rgba(255,255,255,.5);animation:catalog-float 2.7s ease-in-out infinite}.catalog-float:focus-visible{outline:3px solid var(--aqua);outline-offset:5px}.catalog-float__disc{display:grid;place-items:center;width:100%;height:100%;overflow:visible;border-radius:50%}.catalog-float img{width:108px;max-width:none;transform:translateY(2px) rotate(3deg);filter:drop-shadow(0 7px 5px rgba(0,0,0,.27))}.catalog-float:before{content:'';position:absolute;inset:-7px;border:1px solid rgba(90,210,184,.7);border-radius:50%;animation:catalog-ring 2.7s ease-out infinite}@keyframes catalog-float{50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes catalog-ring{0%,30%{transform:scale(.82);opacity:0}48%{opacity:.85}100%{transform:scale(1.3);opacity:0}}
.theme--b .catalog-popup__box{border-color:rgba(125,215,191,.3);background:linear-gradient(135deg,#18312b,#0f1e1b);box-shadow:0 32px 90px rgba(0,0,0,.58)}.theme--b .catalog-popup__close{background:rgba(214,255,241,.1);color:#eafff8}.theme--b .catalog-popup__close:hover{background:rgba(214,255,241,.18)}.theme--b .catalog-popup h2{color:#f0fffa}.theme--b .catalog-popup__intro{color:#c4d8d1}.theme--b .catalog-popup__intro:before{background:#79cfbd}.theme--b .catalog-phone input{background:#0d1b18;color:#f0fffa;border-color:rgba(135,220,198,.27)}.theme--b .catalog-phone.is-floating label{color:#8ce1cc;text-shadow:-3px 0 #173029,3px 0 #173029}.theme--b .catalog-phone.is-focused input{border-color:#71d4bb;box-shadow:0 0 0 3px rgba(98,207,179,.16)}.theme--b .catalog-popup__note{color:#b8cec6}.theme--b .catalog-popup__visual{background:radial-gradient(circle at 42% 37%,#255247,#122620)}.theme--b .catalog-popup__visual:before{background:rgba(87,202,175,.16)}.theme--b .catalog-discount{background:radial-gradient(circle at 30% 25%,#63c7b0,#236e60);border-color:#a4e6d6}.theme--b .catalog-form__submit{border-color:rgba(111,220,190,.6);background:linear-gradient(135deg,#42cdb0,#198e78);box-shadow:inset 0 1px rgba(255,255,255,.35),0 10px 20px rgba(4,38,31,.35)}
@media (max-width:860px){.catalog-popup{padding:12px;place-items:center;background:rgba(4,14,12,.72)}.catalog-popup__box{width:min(100%,420px);max-height:none;border-radius:25px;overflow:hidden}.catalog-popup__content{display:flex;flex-direction:column;min-height:0}.catalog-popup__copy{width:100%;padding:39px 18px 18px}.catalog-popup h2{margin-bottom:13px;font-size:34px;line-height:1.05}.catalog-popup__intro{margin-bottom:17px;padding-left:26px;font-size:14px;line-height:1.35}.catalog-popup__intro:before{top:.4em;left:1px;width:12px;height:12px}.catalog-form{grid-template-columns:1fr;gap:8px}.catalog-phone{min-height:80px}.catalog-phone label{top:21px;left:17px;font-size:15px}.catalog-phone input{height:63px;padding:20px 17px;border-radius:16px;font-size:16px}.catalog-phone.is-floating label{top:-7px;left:12px;font-size:10px}.catalog-phone__error{top:66px;font-size:10px}.catalog-form__submit{min-height:63px;border-radius:16px;font-size:14px}.catalog-popup__note{margin-top:13px;font-size:11px}.catalog-popup__visual{order:-1;width:100%;min-height:130px}.catalog-magazine{width:225px;max-height:148px;transform:rotate(2deg) translateY(8px)}.catalog-discount{top:14px;left:13%;width:64px;height:64px;border-width:3px;font-size:20px}.catalog-popup__close{top:9px;right:9px;width:32px;height:32px;background:rgba(255,255,255,.72);font-size:24px}.catalog-float{right:14px;bottom:14px;width:62px;height:62px}.catalog-float img{width:76px;transform:translateY(2px) rotate(3deg)}}
@media (max-width:860px) and (min-height:720px){.catalog-popup__visual{min-height:185px}.catalog-magazine{width:276px;max-height:196px;transform:rotate(2deg) translateY(10px)}}
@media (prefers-reduced-motion:reduce){.catalog-float,.catalog-float:before,.catalog-form__submit{animation:none}.catalog-popup,.catalog-popup__box{transition:none}}
