/* CASETICS -- общий, лёгкий стиль для информационных страниц подвала
   (Shipping / Returns & Refunds / Privacy / Terms / Cookie Policy / FAQ).
   11.09.2026: сделан отдельным маленьким файлом (не общий 2MB+ бандл
   главной страницы) специально ради скорости (п.15 чек-листа запуска) --
   эти страницы не используют конструктор/корзину/Shop, поэтому им не нужен
   тяжёлый JS. Цвета/шрифты продублированы из :root в deploy/index.html,
   чтобы выглядело как одна и та же марка. */
:root{
  color-scheme: light;
  --paper:#FCFBF9;
  --panel:#FFFFFF;
  --panel-soft:#F8F7F5;
  --topbar-bg:#F2EAE2;
  --ink:#171512;
  --ink-muted:#6B6558;
  --line:#EBE5DA;
  --font-display:'Playfair Display',Georgia,'Times New Roman',serif;
  --font-body:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.6;
}
a{color:var(--ink);text-decoration-color:var(--line)}
a:hover{text-decoration-color:var(--ink)}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
header.site-header{
  background:var(--panel);
  border-bottom:1px solid var(--line);
}
.site-header-inner{
  max-width:1200px;margin:0 auto;padding:16px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.site-header-inner .logo-link{display:flex;align-items:center}
.site-header-inner img.logo{height:28px;width:auto;display:block}
.site-header-inner nav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:500}
.site-header-inner nav a{color:var(--ink);text-decoration:none}
.site-header-inner nav a:hover{color:var(--ink-muted)}
main{padding:56px 0 72px}
.page-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-weight:600;margin:0 0 10px}
h1.page-title{font-family:var(--font-display);font-size:clamp(28px,5vw,42px);margin:0 0 28px;line-height:1.15}
main h2{font-family:var(--font-display);font-size:20px;margin:34px 0 10px}
main h2:first-of-type{margin-top:0}
main h3{font-family:var(--font-body);font-weight:600;font-size:14.5px;margin:20px 0 8px;color:var(--ink)}
.seller-info{
  background:var(--panel);border:1px solid var(--line);border-radius:10px;
  padding:16px 18px;margin:0 0 28px;font-size:13.5px;
}
.seller-info p{margin:0 0 4px}
.seller-info p:last-child{margin-bottom:0}
.footer-contact-inline{
  background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;
  text-decoration:underline;text-decoration-color:var(--line);cursor:pointer;
}
.footer-contact-inline:hover{text-decoration-color:var(--ink)}
main p{margin:0 0 14px;color:var(--ink)}
main ul{margin:0 0 14px;padding-left:20px}
main li{margin-bottom:6px}
.updated-note{color:var(--ink-muted);font-size:12.5px;margin:-14px 0 30px}
footer.site-footer{
  background:var(--panel-soft);
  border-top:1px solid var(--line);
  padding:36px 0 28px;
  font-size:12.5px;
  color:var(--ink-muted);
}
.footer-links{
  display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 18px;padding:0;list-style:none;
  font-size:13px;
}
.footer-links a, .footer-links button{
  color:var(--ink);text-decoration:none;background:none;border:none;padding:0;
  font:inherit;cursor:pointer;
}
.footer-links a:hover, .footer-links button:hover{color:var(--ink-muted)}
.footer-copy{margin:0 0 6px}
.footer-trademark-note{max-width:720px}
@media(max-width:640px){
  .site-header-inner{padding:14px 16px}
  main{padding:36px 0 56px}
}

/* 11.09.2026: всплывающий Contact Us прямо на лёгких страницах подвала --
   раньше кнопка просто уводила на главную с #contact в адресе, продавец
   попросил настоящий попап без перехода (см. openPolicyContactModal в
   footer()/build_policy_pages.py). Своя лёгкая копия визуального стиля
   формы с главной, без общего 2MB+ бандла ради скорости. */
.inline-contact-btn{
  background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;
  text-decoration:underline;text-decoration-color:var(--line);cursor:pointer;
}
.inline-contact-btn:hover{text-decoration-color:var(--ink)}
.policy-contact-overlay{
  position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  padding:20px;
}
.policy-contact-scrim{position:absolute;inset:0;background:rgba(23,21,18,.45)}
.policy-contact-modal{
  position:relative;background:var(--panel);border-radius:14px;max-width:440px;width:100%;
  max-height:calc(100vh - 40px);overflow:auto;padding:28px 24px 24px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:left;
}
.policy-contact-close{
  position:absolute;top:14px;right:14px;background:none;border:0;padding:6px;cursor:pointer;color:var(--ink-muted);
}
.policy-contact-close:hover{color:var(--ink)}
.policy-contact-close svg{width:18px;height:18px;display:block}
.policy-contact-title{font-family:var(--font-display);font-size:22px;margin:0 0 18px}
.policy-contact-field{margin-bottom:14px;text-align:left}
.policy-contact-field label{display:block;font-size:12.5px;color:var(--ink-muted);margin-bottom:5px}
.policy-contact-field input, .policy-contact-field textarea{
  width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;
  font-size:14px;color:var(--ink);background:var(--panel);resize:vertical;box-sizing:border-box;
}
.policy-contact-field textarea{min-height:100px}
.policy-contact-field input:focus, .policy-contact-field textarea:focus{outline:2px solid var(--ink);outline-offset:1px}
.policy-contact-error{color:#b3261e;font-size:12.5px;margin-bottom:12px;text-align:center}
.policy-contact-attach-btn{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid var(--line);border-radius:8px;padding:9px 14px;
  background:none;font:inherit;font-size:13px;color:var(--ink);cursor:pointer;
}
.policy-contact-attach-btn:hover{background:var(--panel-soft)}
.policy-contact-attach-btn svg{width:16px;height:16px;flex-shrink:0}
.policy-contact-photo-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.policy-contact-photo-item{display:flex;flex-direction:column;align-items:center;gap:5px}
.policy-contact-photo-item img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.policy-contact-photo-remove{
  background:none;border:0;padding:0;color:var(--ink-muted);font:inherit;font-size:12px;
  cursor:pointer;text-decoration:underline;
}
.policy-contact-photo-remove:hover{color:var(--ink)}
.policy-contact-photo-hint{color:var(--ink-muted);font-size:12px;margin:6px 0 0}
.policy-contact-submit{
  width:100%;border:0;border-radius:8px;padding:12px 16px;background:var(--ink);color:var(--paper);
  font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin-top:6px;
}
.policy-contact-submit:disabled{opacity:.6;cursor:default}
.policy-contact-success{text-align:center;padding:14px 0 6px}
.policy-contact-success svg{width:38px;height:38px;color:var(--ink);margin-bottom:12px}
.policy-contact-success p{color:var(--ink-muted);font-size:13.5px}

/* 14.09.2026: простой рабочий баннер согласия на cookies -- раньше на
   сайте не было ни баннера, ни хранения выбора, хотя Cookie Policy
   ссылалась на "настройки cookie". Показывается один раз, выбор
   запоминается в localStorage (casetics_cookie_consent), кнопка
   "Cookie Settings" на cookie-policy.html вызывает
   window.CaseticsCookieConsent.show() чтобы показать его снова. */
.cookie-consent-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:300;
  background:var(--ink);color:var(--paper);
  padding:16px 20px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;
  font-size:13.5px;line-height:1.5;
  box-shadow:0 -6px 24px rgba(0,0,0,.18);
}
.cookie-consent-banner[hidden]{display:none}
.cookie-consent-text{flex:1 1 320px;max-width:640px;margin:0}
.cookie-consent-text a{color:var(--paper);text-decoration-color:rgba(255,255,255,.5)}
.cookie-consent-text a:hover{text-decoration-color:var(--paper)}
.cookie-consent-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-consent-btn{border:0;border-radius:8px;padding:9px 18px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.cookie-consent-accept{background:var(--paper);color:var(--ink)}
.cookie-consent-accept:hover{opacity:.9}
.cookie-consent-reject{background:transparent;color:var(--paper);border:1px solid rgba(255,255,255,.5)}
.cookie-consent-reject:hover{border-color:var(--paper)}
.cookie-settings-btn{
  background:none;border:1px solid var(--line);border-radius:8px;padding:9px 16px;
  font:inherit;font-size:13px;color:var(--ink);cursor:pointer;
}
.cookie-settings-btn:hover{background:var(--panel-soft)}
@media(max-width:640px){
  .cookie-consent-banner{padding:14px 16px;justify-content:flex-start}
}