/* Страницата за отзив (otziv.php). В стила на витрината: ползва токените на flipgo.css (цветовете и шрифтовете на
   марката), иначе своите. */
.ov{
  --o-bg:var(--bg,#f6f4ef);
  --o-paper:var(--paper,#fff);
  --o-ink:var(--ink,#1d2128);
  --o-mute:var(--mute,#636a73);
  --o-line:var(--line,#e3dfd6);
  --o-red:var(--accent,#c0841a);
  --o-silver:var(--main,#1f2a44);
  background:var(--o-bg);color:var(--o-ink);padding:clamp(28px,6vw,72px) 16px clamp(40px,7vw,96px)}
.ov-w{max-width:720px;margin:0 auto}
.ov-box{
  background:var(--o-paper);
  border:1px solid var(--o-line);
  border-radius:var(--r,18px);
  padding:clamp(22px,4vw,40px);
  box-shadow:var(--sh,none)
}
.ov-k{
  margin:0 0 8px;
  font:800 13px/1.2 var(--body,inherit);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--o-red)
}
.ov-h{margin:0 0 12px;font:800 clamp(30px,5vw,44px)/1.08 var(--head,inherit);letter-spacing:-.02em;color:var(--o-ink)}
.ov-p{margin:0 0 22px;color:var(--o-mute);font-size:17px;line-height:1.55}
.ov-p a{color:var(--o-ink)}
.ov-f{display:grid;gap:18px}
.ov-fl{display:grid;gap:8px;margin:0}
.ov-l{display:block;font-weight:800;font-size:14px;letter-spacing:.02em;color:var(--o-ink)}
.ov-l em{font-style:normal;font-weight:600;color:var(--o-mute);margin-left:6px}
.ov-l #ovCnt{float:right;margin:0}
.ov-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ov input:not([type=checkbox]):not([type=file]),.ov textarea{
  width:100%;
  min-height:52px;
  padding:13px 15px;
  border:1.5px solid var(--o-line);
  border-radius:14px;
  background:var(--o-paper);
  color:var(--o-ink);
  font:400 16px/1.45 var(--body,inherit);
  box-sizing:border-box
}
.ov textarea{min-height:140px;resize:vertical}
.ov input:focus,.ov textarea:focus{outline:none;border-color:var(--o-silver)}
.ov ::placeholder{color:color-mix(in srgb,var(--o-mute) 75%,transparent)}
.ov-stars{display:flex;gap:8px}
.ov-stars button{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1.5px solid var(--o-line);
  border-radius:14px;
  background:var(--o-paper);
  cursor:pointer;
  padding:0
}
.ov-stars svg{width:26px;height:26px;fill:var(--o-line)}
.ov-stars button.on{border-color:var(--o-red)}
.ov-stars button.on svg{fill:var(--o-red)}
.ov-help{border:1px solid var(--o-line);border-radius:14px;padding:12px 15px;color:var(--o-mute);font-size:15px}
.ov-help summary{
  cursor:pointer;
  font-weight:700;
  color:var(--o-ink);
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:12px
}
.ov-help summary::-webkit-details-marker{display:none}
.ov-help summary::after{content:'+';font-size:20px;line-height:1;color:var(--o-red)}
.ov-help[open] summary::after{content:'\2212'}
.ov-help ol{margin:10px 0 6px;padding-left:20px;display:grid;gap:4px}
.ov-help p{margin:0}
.ov-file{
  display:flex;
  align-items:center;
  min-height:52px;
  border:1.5px dashed var(--o-line);
  border-radius:14px;
  padding:0 15px;
  cursor:pointer;
  color:var(--o-mute)
}
.ov-file input{position:absolute;opacity:0;width:1px;height:1px}
.ov-file:focus-within{border-color:var(--o-silver)}
.ov-ck{
  display:grid;
  grid-template-columns:22px 1fr;
  gap:12px;
  align-items:start;
  font-size:15px;
  line-height:1.5;
  color:var(--o-mute);
  cursor:pointer
}
.ov-ck input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--o-red)}
.ov-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ov-err{margin:0;min-height:1px;color:var(--err,#B4413B);font-weight:700}
.ov-err:empty{display:none}
.ov-btn{display:flex;width:100%;text-decoration:none}
.ov-btn:disabled{opacity:.6;cursor:wait}
@media (max-width:620px){.ov-2{grid-template-columns:1fr}.ov-stars button{width:46px;height:46px}}