/* «Отправить изображение дизайнеру» — кнопка и всплывающее окно (ananasposter.ru, 17.09.2026). Версию в ?v= менять при правках. */
.ap-designer-open{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 4px;padding:14px 26px;border-radius:10px;background:#01AA73;color:#fff;font-family:"Bold","Montserrat",Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.2;cursor:pointer;transition:background .2s ease,transform .2s ease;text-align:center}
.ap-designer-open:hover{background:#019463;color:#fff}
.ap-designer-open:active{transform:translateY(1px)}
.ap-designer-open:focus-visible{outline:3px solid rgba(1,170,115,.35);outline-offset:2px}
.ap-designer-open svg{width:20px;height:20px;flex:none}
@media (max-width:479px){.ap-designer-open{display:flex;width:100%}}

.ap-dz-overlay{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(14,13,10,.55);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.ap-dz-overlay.is-open{opacity:1;visibility:visible}
.ap-dz{position:relative;box-sizing:border-box;width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;padding:28px;border-radius:15px;background:#fff;color:#0E0D0A;font-family:"Regular","Montserrat",Arial,sans-serif;font-size:15px;line-height:1.45;box-shadow:0 20px 60px rgba(14,13,10,.25);transform:translateY(8px);transition:transform .2s ease}
.ap-dz-overlay.is-open .ap-dz{transform:none}
.ap-dz *{box-sizing:border-box}
.ap-dz__close{all:unset;position:absolute;top:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#5f6660}
.ap-dz__close:hover{background:#f2f5f3;color:#0E0D0A}
.ap-dz__close:focus-visible{outline:2px solid #01AA73}
.ap-dz__title{margin:0 40px 8px 0;font-family:"Bold","Montserrat",Arial,sans-serif;font-weight:700;font-size:24px;line-height:1.2;color:#0E0D0A}
.ap-dz__lead{margin:0 0 18px;color:#4a504b}
.ap-dz__form{display:grid;gap:14px;margin:0}
.ap-dz__label{display:grid;gap:6px;font-size:14px;color:#3a3f3b}
.ap-dz__label b{font-family:"Medium","Montserrat",Arial,sans-serif;font-weight:600;color:#0E0D0A}
.ap-dz__input,.ap-dz__textarea{width:100%;margin:0;padding:12px 14px;border:1px solid #d5dbd7;border-radius:10px;background:#fff;color:#0E0D0A;font:inherit;font-size:15px;box-shadow:none;transition:border-color .15s ease}
.ap-dz__input{height:48px}
.ap-dz__textarea{min-height:88px;resize:vertical}
.ap-dz__input:focus,.ap-dz__textarea:focus{outline:none;border-color:#01AA73;box-shadow:0 0 0 3px rgba(1,170,115,.15)}
.ap-dz__drop{position:relative;display:grid;place-items:center;gap:6px;padding:22px 16px;border:1.5px dashed #01AA73;border-radius:12px;background:#f2faf6;text-align:center;cursor:pointer;transition:background .15s ease}
.ap-dz__drop.is-over,.ap-dz__drop:hover{background:#e3f5ec}
.ap-dz__drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ap-dz__drop svg{width:34px;height:34px;color:#01AA73}
.ap-dz__drop-title{font-family:"Medium","Montserrat",Arial,sans-serif;font-weight:600;color:#0E0D0A}
.ap-dz__drop-hint{font-size:13px;color:#5f6660}
.ap-dz__files{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.ap-dz__file{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#f5f7f6;font-size:14px}
.ap-dz__file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-dz__file-size{color:#5f6660;font-variant-numeric:tabular-nums;white-space:nowrap}
.ap-dz__file-del{all:unset;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#5f6660}
.ap-dz__file-del:hover{background:#e6ebe8;color:#D12000}
.ap-dz__consent{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:13px;color:#4a504b}
.ap-dz__consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#01AA73}
.ap-dz__consent a{color:#01AA73;text-decoration:underline}
.ap-dz__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ap-dz__error{margin:0;padding:10px 12px;border-radius:10px;background:#fdeeec;color:#b01c00;font-size:14px}
.ap-dz__submit{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:14px 20px;border-radius:10px;background:#01AA73;color:#fff;font-family:"Bold","Montserrat",Arial,sans-serif;font-weight:700;font-size:16px;cursor:pointer;text-align:center}
.ap-dz__submit:hover{background:#019463}
.ap-dz__submit:focus-visible{outline:3px solid rgba(1,170,115,.35);outline-offset:2px}
.ap-dz__submit[disabled]{background:#8fcfb8;cursor:default}
.ap-dz__progress{height:4px;border-radius:2px;background:#e6ebe8;overflow:hidden}
.ap-dz__progress i{display:block;height:100%;width:0;background:#01AA73;transition:width .2s ease}
.ap-dz__done{display:grid;justify-items:center;gap:10px;padding:18px 4px 6px;text-align:center}
.ap-dz__done svg{width:56px;height:56px;color:#01AA73}
.ap-dz__done h3{margin:0;font-family:"Bold","Montserrat",Arial,sans-serif;font-weight:700;font-size:22px;color:#0E0D0A}
.ap-dz__done p{margin:0;color:#4a504b;max-width:40ch}
html.ap-dz-lock,html.ap-dz-lock body{overflow:hidden}
/* пока окно открыто, прячем виджет онлайн-чата (JivoSite рисуется тегами jdiv поверх всего) */
html.ap-dz-lock jdiv{visibility:hidden!important}
@media (max-width:479px){.ap-dz{padding:22px 18px}.ap-dz__title{font-size:20px}}
@media (prefers-reduced-motion:reduce){.ap-dz-overlay,.ap-dz{transition:none}}

/* ---------- блок «Помощь дизайнера» с сравнением до/после (v2) ---------- */
.ap-dsg{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:40px;align-items:center;margin:36px 0 8px;padding:32px;border:1px solid #cfeadd;border-radius:20px;background:linear-gradient(135deg,#f2faf6 0%,#ffffff 70%);font-family:"Regular","Montserrat",Arial,sans-serif;color:#0E0D0A;text-align:left}
.ap-dsg *{box-sizing:border-box}
.ap-dsg__media{margin:0;display:grid;gap:8px}
.ap-ba{--pos:50%;position:relative;overflow:hidden;border-radius:14px;aspect-ratio:1/1;max-width:100%;background:#e9efec;box-shadow:0 14px 34px rgba(1,80,54,.16);touch-action:pan-y;user-select:none}
.ap-ba img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.ap-ba__img{position:absolute;inset:0}
.ap-ba__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ap-ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);pointer-events:none}
.ap-ba__handle:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#01AA73 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6l-6 6 6 6M15 6l6 6-6 6'/></svg>") no-repeat center/22px;box-shadow:0 4px 12px rgba(0,0,0,.25);border:3px solid #fff}
.ap-ba{cursor:ew-resize}
.ap-ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;-webkit-appearance:none;appearance:none}
.ap-ba__range:focus-visible + .ap-ba__handle,.ap-ba:focus-within .ap-ba__handle:after{outline:3px solid rgba(255,255,255,.8)}
.ap-ba__tag{position:absolute;top:12px;padding:5px 10px;border-radius:999px;font-size:12px;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#fff;pointer-events:none;font-family:"Medium","Montserrat",Arial,sans-serif;font-weight:600}
.ap-ba__tag--l{left:12px;background:rgba(14,13,10,.55)}
.ap-ba__tag--r{right:12px;background:rgba(1,170,115,.9)}
.ap-dsg__credit{margin:0;font-size:12px;line-height:1.35;color:#6b736d}
.ap-dsg__eyebrow{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#01AA73;font-family:"Medium","Montserrat",Arial,sans-serif;font-weight:600}
.ap-dsg .ap-dsg__title{margin:0 0 14px;font-family:"Bold","Montserrat",Arial,sans-serif;font-weight:700;font-size:30px;line-height:1.15;color:#0E0D0A;text-wrap:balance}
.ap-dsg__lead{margin:0 0 20px;font-size:16px;line-height:1.55;color:#2f3531;max-width:60ch}
.ap-dsg__steps{counter-reset:apstep;list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px}
.ap-dsg__steps li{counter-increment:apstep;position:relative;margin:0;padding-left:44px;font-size:15px;line-height:1.45;color:#3a3f3b;min-height:30px}
.ap-dsg__steps li:before{content:counter(apstep);position:absolute;left:0;top:-2px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#01AA73;color:#fff;font-family:"Bold","Montserrat",Arial,sans-serif;font-size:14px}
.ap-dsg__steps b{color:#0E0D0A;font-family:"Medium","Montserrat",Arial,sans-serif;font-weight:600}
.ap-dsg__tools-label{margin:0 0 10px;font-size:14px;color:#4a504b}
.ap-dsg__tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}
.ap-dsg__tools li{margin:0;padding:6px 12px;border:1px solid #d5e7de;border-radius:999px;background:#fff;font-size:13px;line-height:1.2;color:#2f3531;white-space:nowrap}
.ap-dsg__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.ap-dsg__cta .ap-designer-open{margin:0}
.ap-dsg__note{font-size:13px;color:#5f6660}
@media (max-width:991px){.ap-dsg{grid-template-columns:1fr;gap:24px;padding:24px}.ap-dsg__media{max-width:440px;width:100%;margin:0 auto}}
@media (max-width:479px){.ap-dsg{padding:18px;border-radius:16px;margin-top:24px}.ap-dsg .ap-dsg__title{font-size:23px}.ap-dsg__lead{font-size:15px}.ap-dsg__tools li{font-size:12px;padding:5px 10px}}

.ap-dsg--flash{animation:apDsgFlash 1.6s ease .35s 1}
@keyframes apDsgFlash{0%{box-shadow:0 0 0 0 rgba(1,170,115,.55)}40%{box-shadow:0 0 0 10px rgba(1,170,115,.18)}100%{box-shadow:0 0 0 0 rgba(1,170,115,0)}}
@media (prefers-reduced-motion:reduce){.ap-dsg--flash{animation:none}}