/* ns-newsletter v2 26.09.2026: підписка у стилі сайту — біла картка на зеленій смузі, іконка листа, заголовок і підзаголовок,
   поле й кнопка як у пошуку (Golos, #117a46). Тексти — {{trans}} (сервер віддає мову вітрини; скрипт нижче — ті самі слова). */
#ns-newsletter-mini,#ns-newsletter-mini *{box-sizing:border-box}
#ns-newsletter-mini{font-family:"Golos Text",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:10px 0 12px}
#ns-newsletter-mini .ns-mini-form{max-width:1040px;margin:0 auto;padding:0 12px}
#ns-newsletter-mini .ns-mini-box{display:flex;align-items:center;gap:24px;padding:14px 14px 14px 18px;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(10,40,15,.06),0 18px 36px -24px rgba(10,40,15,.55)}
#ns-newsletter-mini .ns-mini-head{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0}
#ns-newsletter-mini .ns-mini-ic{flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:#eaf4e4;color:#2f6b27;display:flex;align-items:center;justify-content:center}
#ns-newsletter-mini .ns-mini-ic svg{display:block;width:22px;height:22px}
#ns-newsletter-mini .ns-mini-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
#ns-newsletter-mini .ns-mini-text{color:#16241a;font-size:17px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
#ns-newsletter-mini .ns-mini-sub{color:#65735f;font-size:13.5px;font-weight:400;line-height:1.35}
#ns-newsletter-mini .ns-mini-field{display:flex;align-items:center;gap:8px;flex:0 1 480px;min-width:0;padding:5px;border:1px solid #dfe7da;border-radius:999px;background:#f5f8f3;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
#ns-newsletter-mini .ns-mini-field:focus-within{border-color:#117a46;background:#fff;box-shadow:0 0 0 3px rgba(17,122,70,.14)}
#ns-newsletter-mini input[type="email"]{flex:1 1 auto;height:40px;width:100%;min-width:0;margin:0;padding:0 14px;border:0;border-radius:999px;outline:none;box-shadow:none;background:transparent;color:#16241a;font-family:inherit;font-size:15px;font-weight:500}
#ns-newsletter-mini input[type="email"]::placeholder{color:#8b968a;font-weight:400}
#ns-newsletter-mini .ns-mini-btn{flex:0 0 auto;height:40px;padding:0 22px;border:0;border-radius:999px;cursor:pointer;background:#117a46;color:#fff;font-family:inherit;font-size:14.5px;font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:0 6px 16px -8px rgba(17,122,70,.7);transition:background-color .15s ease,transform .15s ease}
#ns-newsletter-mini .ns-mini-btn:hover{background:#0d693b}
#ns-newsletter-mini .ns-mini-btn:active{transform:translateY(1px)}
#ns-newsletter-mini .ns-mini-btn:focus-visible{outline:2px solid #fff;outline-offset:-4px}
#ns-newsletter-mini .ns-mini-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
#ns-newsletter-mini input[type="email"][aria-invalid="true"]{box-shadow:none}
#ns-newsletter-mini .ns-mini-field:has(input[aria-invalid="true"]){border-color:#D92D20;box-shadow:0 0 0 3px rgba(217,45,32,.14)}
@media (max-width:900px){
  #ns-newsletter-mini .ns-mini-box{flex-direction:column;align-items:stretch;gap:14px;padding:16px}
  #ns-newsletter-mini .ns-mini-field{flex-basis:auto}
}
@media (max-width:480px){
  #ns-newsletter-mini .ns-mini-box{border-radius:20px}
  #ns-newsletter-mini .ns-mini-ic{flex-basis:40px;width:40px;height:40px;border-radius:12px}
  #ns-newsletter-mini .ns-mini-text{font-size:16px}
  #ns-newsletter-mini .ns-mini-sub{font-size:13px}
  #ns-newsletter-mini .ns-mini-btn{padding:0 16px}
}
@media (max-width:359px){
  #ns-newsletter-mini .ns-mini-field,#ns-newsletter-mini .ns-mini-field:focus-within{flex-direction:column;align-items:stretch;padding:0;border:0;background:none;box-shadow:none}
  #ns-newsletter-mini input[type="email"]{height:44px;border:1px solid #dfe7da;background:#f5f8f3}
  #ns-newsletter-mini input[type="email"]:focus{border-color:#117a46;background:#fff;box-shadow:0 0 0 3px rgba(17,122,70,.14)}
  #ns-newsletter-mini .ns-mini-btn{width:100%;height:44px}
}
@media (prefers-reduced-motion:reduce){#ns-newsletter-mini .ns-mini-field,#ns-newsletter-mini .ns-mini-btn{transition:none}}

/* NS 25.09.2026: статус — біла пігулка з іконкою під формою (видно на зеленому тлі); помилка — червона рамка поля */

#ns-newsletter-mini .ns-mini-status{

  display:none;

  align-items:center;

  gap:8px;

  width:max-content;

  max-width:100%;

  margin:10px auto 0;

  padding:7px 14px 7px 8px;

  border-radius:999px;

  background:#fff;

  box-shadow:0 8px 20px rgba(10,40,15,.18);

  color:#1b5e20;

  font-size:13px;

  font-weight:600;

  line-height:1.35;

}



#ns-newsletter-mini .ns-mini-status.is-shown{

  display:flex;

  animation:nsMiniIn .18s ease-out;

}



#ns-newsletter-mini .ns-mini-status::before{

  content:"";

  flex:none;

  width:20px;

  height:20px;

  border-radius:50%;

  background:#2E7D32 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat;

}



#ns-newsletter-mini .ns-mini-status.is-error{

  color:#b42318;

}



#ns-newsletter-mini .ns-mini-status.is-error::before{

  background:#D92D20 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6.5v7M12 17.6v.1'/%3E%3C/svg%3E") center/13px no-repeat;

}



#ns-newsletter-mini input[type="email"][aria-invalid="true"]{

  border-color:#D92D20;

  box-shadow:0 0 0 3px rgba(217,45,32,.14);

}



#ns-newsletter-mini .mage-error:not(input){

  display:none!important;

}



@media(max-width:640px){

  #ns-newsletter-mini .ns-mini-status{border-radius:16px;padding:8px 14px 8px 10px;}

}



@keyframes nsMiniIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}



@media (prefers-reduced-motion:reduce){

  #ns-newsletter-mini .ns-mini-status.is-shown{animation:none}

}



#ns-newsletter-mini .ns-hp{

  position:absolute!important;

  left:-9999px!important;

  width:1px!important;

  height:1px!important;

  opacity:0!important;

  overflow:hidden!important;

  pointer-events:none!important;

}



#ns-newsletter-mini .ns-sr-only{

  position:absolute!important;

  width:1px!important;

  height:1px!important;

  padding:0!important;

  margin:-1px!important;

  overflow:hidden!important;

  clip:rect(0,0,0,0)!important;

  white-space:nowrap!important;

  border:0!important;

}