/* Анкета La Soleil — общая для сайта и мастерской. Переменные сайта с запасными значениями (мастерская их не знает). */
.ank{--a-ink:var(--ink,#1c1613);--a-ink2:var(--ink2,#4a3f38);--a-mute:var(--mute,#8a7d74);--a-card:var(--card,#fffaf5);--a-line:var(--line,rgba(40,25,20,.12));--a-rose:var(--rose,#e8475a);--a-serif:var(--serif,'Playfair Display',Georgia,serif);display:flex;flex-direction:column;gap:18px;margin-top:26px}
.ank-g{background:var(--a-card);border-radius:22px;padding:22px 22px 24px;box-shadow:inset 0 0 0 1px var(--a-line)}
.ank-gh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ank-gh h3{font:400 22px/1.2 var(--a-serif);color:var(--a-ink)}
.ank-gh span{font-size:13px;color:var(--a-mute)}
.ank-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.ank-q{display:flex;flex-direction:column;gap:8px;min-width:0}
.ank-q.wide{grid-column:1/-1}
.ank-q.hid{display:none}
.ank-l{font-size:13px;font-weight:600;color:var(--a-ink2);display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.ank-l small{font-weight:400;color:var(--a-mute)}
.ank-q.imp .ank-l:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--a-rose);align-self:center;opacity:.7}
.ank input,.ank textarea{font:16px/1.4 Inter,system-ui,sans-serif;color:var(--a-ink);background:#fff;border:1px solid var(--a-line);border-radius:14px;padding:12px 14px;width:100%;transition:border-color .25s,box-shadow .25s;-webkit-appearance:none;appearance:none}
.ank textarea{min-height:92px;resize:vertical}
.ank input:focus,.ank textarea:focus{outline:0;border-color:var(--a-rose);box-shadow:0 0 0 4px rgba(232,71,90,.12)}
.ank input[type=date]{min-height:48px}
/* метки */
.ank-p{display:flex;flex-wrap:wrap;gap:8px}
.ank-p button{font:500 14px/1 Inter,system-ui,sans-serif;color:var(--a-ink2);background:#fff;border:1px solid var(--a-line);border-radius:99px;padding:11px 15px;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}
.ank-p button:hover{border-color:var(--a-ink)}
.ank-p button.on{background:var(--a-ink);color:#fff;border-color:var(--a-ink)}
.ank-p button.pop{animation:ankpop .35s cubic-bezier(.2,.9,.3,1.4)}
@keyframes ankpop{40%{transform:scale(1.07)}}
/* карточки стиля */
.ank-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ank-sc{position:relative;text-align:left;background:#fff;border:1px solid var(--a-line);border-radius:18px;padding:10px 10px 14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.ank-sc:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(60,30,20,.45)}
.ank-sc .ank-sw{display:block;width:100%;height:74px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);transition:transform .5s}
.ank-sc:hover .ank-sw{transform:scale(1.02)}
.ank-sc b{font:400 18px/1.15 var(--a-serif);color:var(--a-ink);margin-top:4px}
.ank-sc span{font-size:12.5px;line-height:1.35;color:var(--a-mute)}
.ank-sc em{position:absolute;top:16px;right:16px;width:26px;height:26px;border-radius:50%;background:var(--a-rose);color:#fff;font:700 14px/26px Inter,sans-serif;text-align:center;font-style:normal;transform:scale(0);transition:transform .35s cubic-bezier(.2,.9,.3,1.4)}
.ank-sc.on{border-color:var(--a-rose);box-shadow:0 0 0 2px var(--a-rose),0 16px 34px -18px rgba(232,71,90,.6)}
.ank-sc.on em{transform:scale(1)}
/* кольцо заполнения */
.ank-m{display:flex;gap:18px;align-items:center;background:var(--a-card,#fffaf5);border-radius:22px;padding:18px 20px;box-shadow:inset 0 0 0 1px var(--a-line,rgba(40,25,20,.12))}
.ank-m .ring{--p:0;flex:none;width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--a-rose,#e8475a) calc(var(--p)*1%),rgba(232,71,90,.12) 0);display:grid;place-items:center;transition:background .6s}
.ank-m .ring b{width:58px;height:58px;border-radius:50%;background:var(--a-card,#fffaf5);display:grid;place-items:center;font:400 19px var(--a-serif,Georgia,serif);color:var(--a-ink,#1c1613)}
.ank-m .t>b{display:block;font:400 18px/1.3 var(--a-serif,Georgia,serif);color:var(--a-ink,#1c1613)}
.ank-m ul{list-style:none;margin:8px 0 0;padding:0;font-size:13px;color:var(--a-mute,#8a7d74);display:flex;flex-direction:column;gap:4px}
.ank-m ul a{color:var(--a-rose,#e8475a);font-weight:600;text-decoration:none;border-bottom:1px dashed currentColor}
.ank-q.flash{animation:ankfl 1.4s ease}
@keyframes ankfl{0%,100%{background:transparent}25%{background:rgba(232,71,90,.1)}}
@media (max-width:760px){
  .ank-g{padding:18px 16px 20px;border-radius:18px}
  .ank-f{grid-template-columns:1fr}
  .ank-st{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ank-sc .ank-sw{height:56px}
  .ank-p button{padding:10px 13px;font-size:13.5px}
  .ank-m{padding:14px 14px}
}

/* ── проверка фото (Claude смотрит сразу после загрузки) */
.pc{margin-top:16px;border-radius:18px;padding:16px 18px;background:var(--card,#fffaf5);box-shadow:inset 0 0 0 1px var(--line,rgba(40,25,20,.12));font-size:14px;color:var(--ink2,#4a3f38)}
.pc.run{display:flex;gap:12px;align-items:center}
.pc.run:before{content:'';width:18px;height:18px;border-radius:50%;border:2px solid rgba(232,71,90,.25);border-top-color:#e8475a;animation:pcsp 1s linear infinite;flex:none}
@keyframes pcsp{to{transform:rotate(360deg)}}
.pc.good{background:#eef7f1;box-shadow:inset 0 0 0 1px #bfe0cb}
.pc.warn{background:#fff6e8;box-shadow:inset 0 0 0 1px #f0d3a8}
.pc.bad{background:#fdeeee;box-shadow:inset 0 0 0 1px #f0b9bd}
.pc>b{display:block;font:400 18px/1.3 var(--serif,Georgia,serif);color:var(--ink,#1c1613);margin-bottom:6px}
.pc ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.pc .ack{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:13.5px;cursor:pointer}
.pc .ack input{margin-top:3px;accent-color:#e8475a}
.th .vb{position:absolute;left:6px;bottom:6px;min-width:22px;height:22px;padding:0 7px;border-radius:99px;font:700 12px/22px Inter,sans-serif;color:#fff;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.th .vb.good{background:#2e9b63}.th .vb.warn{background:#e3a33b}.th .vb.bad{background:#d63a4a}
/* примеры фото «как надо и как не надо» */
.ex{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}
.ex figure{margin:0;display:flex;flex-direction:column;gap:6px}
.ex .ph{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#ddd}
.ex .ph img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.ex .ph i{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;font:700 14px/24px Inter,sans-serif;text-align:center;font-style:normal;color:#fff}
.ex .ok i{background:#2e9b63}.ex .no i{background:#d63a4a}
.ex figcaption{font-size:12.5px;line-height:1.35;color:var(--ink2,#4a3f38)}
.ex figcaption b{display:block;font-size:13px;color:var(--ink,#1c1613)}
.ex .f-retouch img{filter:blur(1.4px) saturate(1.25) brightness(1.08) contrast(.92)}
.ex .f-lamp img{filter:sepia(.55) saturate(1.5) hue-rotate(-12deg) brightness(.92)}
.ex .f-far img{transform:scale(.42);transform-origin:center 30%}
.ex .f-far .ph{background:#cfc6bc}
.ex .f-dark img{filter:brightness(.5) contrast(1.15)}
@media (max-width:760px){.ex{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ex figcaption{font-size:11.5px}.ex figcaption b{font-size:12px}}
.ready{display:flex;flex-direction:column;gap:12px;margin:26px 0 6px}