/*
Theme Name: SwZoo
Description: Фирменная тема SwZoo — тёмный дизайн из Claude Design. Ферма кормов, аксессуары, ветеринария.
Version: 1.0
Author: SwZoo
Text Domain: swzoo
*/
/* SwZoo — общие стили (тёмная тема из макета Claude Design) */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#0a0b0e;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#b4e330;text-decoration:none}
a:hover{color:#2fd4c4}
::selection{background:#b4e330;color:#0a0b0e}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.32)}
input:focus,textarea:focus,select:focus{border-color:#b4e330 !important}
select option{background:#141519;color:#fff}
input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.5)}
@keyframes swglow{0%,100%{opacity:.55}50%{opacity:.9}}

.site{min-height:100vh;background:#0a0b0e;color:#e9eaec;overflow-x:hidden}
.rainbow{background:linear-gradient(90deg,#b4e330,#f7b32b,#f0562e,#e0459a,#8b5cf6,#3b82f6,#2fd4c4)}
.section{max-width:1180px;margin:0 auto;padding-left:clamp(18px,5vw,40px);padding-right:clamp(18px,5vw,40px)}
.eyebrow{font:600 12px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:18px}
.ph{background:#141519 repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 12px,rgba(255,255,255,.015) 12px 24px);border:1px solid rgba(255,255,255,.07);border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,.4);font:500 12px 'JetBrains Mono',monospace;padding:16px}

/* Навигация */
.topnav{position:sticky;top:0;z-index:60;background:rgba(10,11,14,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.topnav-inner{max-width:1180px;margin:0 auto;padding:13px clamp(18px,5vw,40px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:11px}
.brand span{font:800 20px 'Unbounded',sans-serif;letter-spacing:-.01em;color:#fff}
.nav-desktop{display:flex;align-items:center;gap:22px}
.nav-link{padding:8px 0;font:600 14px 'Manrope',sans-serif;white-space:nowrap;color:rgba(255,255,255,.55);border-bottom:2px solid transparent}
.nav-link:hover{color:#fff}
.nav-link.active{color:#fff;border-bottom-color:#b4e330}
.btn-gradient{border:1px solid transparent;background:linear-gradient(#0a0b0e,#0a0b0e) padding-box,linear-gradient(90deg,#b4e330,#f0562e,#8b5cf6,#2fd4c4) border-box;border-radius:999px;padding:10px 20px;color:#fff;font:700 13px 'Manrope',sans-serif;cursor:pointer;white-space:nowrap}
.btn-gradient:hover{color:#b4e330}
.nav-burger{display:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;width:42px;height:42px;border-radius:10px;font-size:18px;cursor:pointer;align-items:center;justify-content:center}
.nav-mobile{border-top:1px solid rgba(255,255,255,.08);padding:6px clamp(18px,5vw,40px) 14px;flex-direction:column;display:flex}
.nav-mobile[hidden]{display:none}
.nav-mlink{padding:13px 2px;font:600 16px 'Manrope',sans-serif;color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-mlink.active{color:#b4e330}
@media (max-width:1119px){
  .nav-desktop,.nav-cta{display:none}
  .nav-burger{display:flex}
}
@media (min-width:1120px){
  .nav-mobile{display:none !important}
}

/* Кнопки */
.btn-lime{background:#b4e330;color:#0a0b0e;border-radius:999px;padding:13px 24px;font:700 14px 'Manrope',sans-serif;cursor:pointer;border:none;display:inline-block}
.btn-lime:hover{background:#c7f04a;color:#0a0b0e}
.btn-teal{background:#2fd4c4;color:#0a0b0e;border-radius:999px;padding:12px 24px;font:700 14px 'Manrope',sans-serif;cursor:pointer;border:none;display:inline-block}
.btn-teal:hover{background:#5fe3d6;color:#0a0b0e}
.btn-amber{background:#f7b32b;color:#0a0b0e;border-radius:999px;padding:12px 24px;font:700 14px 'Manrope',sans-serif;cursor:pointer;border:none;display:inline-block}
.btn-amber:hover{background:#ffc74f;color:#0a0b0e}
.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:13px 24px;font:700 14px 'Manrope',sans-serif;cursor:pointer;display:inline-block}
.btn-outline:hover{border-color:#b4e330;color:#b4e330}
.btn-outline.teal:hover{border-color:#2fd4c4;color:#2fd4c4}
.btn-outline.amber:hover{border-color:#f7b32b;color:#f7b32b}
.submit-teal{background:#2fd4c4;color:#0a0b0e;border:none;border-radius:10px;padding:14px;font:700 15px 'Manrope',sans-serif;cursor:pointer}
.submit-teal:hover{background:#5fe3d6}
.submit-amber{background:#f7b32b;color:#0a0b0e;border:none;border-radius:10px;padding:14px;font:700 15px 'Manrope',sans-serif;cursor:pointer}
.submit-amber:hover{background:#ffc74f}
.submit-lime{background:#b4e330;color:#0a0b0e;border:none;border-radius:10px;padding:14px;font:700 15px 'Manrope',sans-serif;cursor:pointer}
.submit-lime:hover{background:#c7f04a}

/* Формы */
.form{display:flex;flex-direction:column;gap:16px}
.lbl{display:block;font:600 11px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:7px}
.inp{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#fff;font:400 15px 'Manrope',sans-serif;padding:12px 14px;border-radius:10px;outline:none}
textarea.inp{resize:vertical}
.form-card{flex:1 1 380px;min-width:0;background:#0c0d11;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:clamp(22px,3vw,30px)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

/* Карточки */
.card{background:#0c0d11;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}
.card-hover:hover{border-color:rgba(255,255,255,.2)}
.link-lime{font:700 13px 'Manrope',sans-serif;color:#b4e330}
.link-orange{font:700 13px 'Manrope',sans-serif;color:#f0562e}
.link-violet{font:700 13px 'Manrope',sans-serif;color:#8b5cf6}
.tag{align-self:flex-start;font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:6px;border:1px solid}

/* Фильтр каталога */
.chip{padding:9px 16px;border-radius:999px;font:600 13px 'Manrope',sans-serif;cursor:pointer;white-space:nowrap;border:1px solid rgba(255,255,255,.16);background:transparent;color:rgba(255,255,255,.7)}
.chip.active{border-color:var(--c);background:var(--c);color:#fff}
.chip.active.on-dark-text{color:#0a0b0e}

/* Подвал */
.footer{border-top:1px solid rgba(255,255,255,.08);margin-top:40px}
.footer-grid{max-width:1180px;margin:0 auto;padding:44px clamp(18px,5vw,40px) 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:32px}
.footer-head{font:600 11px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:14px}
.flink{font:500 14px 'Manrope',sans-serif;color:rgba(255,255,255,.62)}
.flink:hover{color:#b4e330}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:18px clamp(18px,5vw,40px);max-width:1180px;margin:0 auto;font:400 12px 'JetBrains Mono',monospace;color:rgba(255,255,255,.34);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}

/* Блок «успех» после отправки формы */
.sent-box{text-align:center;padding:20px 6px}
.sent-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:26px}

/* Редактируемый контент страниц (лонгриды из админки) */
.longread p{font:400 15px/1.78 'Manrope',sans-serif;color:rgba(255,255,255,.74);margin:0 0 1em;text-align:justify;text-wrap:pretty}
.longread p:last-child{margin-bottom:0}
.longread.cols{columns:2 320px;column-gap:48px}
.longread h2{font:800 clamp(22px,3vw,30px) 'Unbounded',sans-serif;color:#fff;margin:1.4em 0 .6em}
.longread a{color:#b4e330}
.longread ul,.longread ol{color:rgba(255,255,255,.74);font:400 15px/1.78 'Manrope',sans-serif;padding-left:1.4em}
.longread img{max-width:100%;height:auto;border-radius:14px}