body a[href]{
  --sk-near: 0;
  --sk-hover: 0;
  -webkit-tap-highlight-color: transparent;
  transition:
    scale .45s cubic-bezier(.34,1.56,.64,1),
    translate .38s cubic-bezier(.22,1,.36,1),
    filter .32s ease,
    outline-color .30s ease,
    text-shadow .30s ease,
    box-shadow .30s ease,
    color .20s ease, background .20s ease,
    transform .28s cubic-bezier(.22,1,.36,1),
    opacity .30s ease, letter-spacing .30s ease;
  scale: calc(1 + var(--sk-near) * .035 + var(--sk-hover) * .025);
  translate: 0 calc(var(--sk-near) * -4px + var(--sk-hover) * -2px);
  filter: drop-shadow(0 0 calc(var(--sk-near) * 12px + var(--sk-hover) * 8px)
          rgba(51,204,204, calc(var(--sk-near) * .55 + var(--sk-hover) * .30)));
  outline: calc((var(--sk-near) + var(--sk-hover)) * 1.6px) solid rgba(51,204,204,.55);
  outline-offset: 2px;
}

body a[href]:hover,
body a[href]:focus-visible{ --sk-hover: 1; }
body a[href]:hover{ text-shadow: 0 0 10px rgba(51,204,204,.35); }
body a[href]:focus-visible{
  --sk-near: .85 !important;
  outline: 2px solid #33cccc !important;
  outline-offset: 3px;
}

body a[href]#scroll-top,
body a[href][data-sk-no-motion]{
  --sk-near: 0 !important; --sk-hover: 0 !important;
  transition: none; scale: none; translate: none;
  filter: none; outline: none; text-shadow: none;
}


@keyframes skBtnBreath{
  from{ box-shadow: 0  6px 20px rgba(10,158,122,.38); }
  to  { box-shadow: 0 10px 34px rgba(51,204,204,.70); }
}
@keyframes skPop{ 0%{scale:1;} 55%{scale:1.055;} 100%{scale:1.02;} }
@keyframes skLetterGlow{
  from{ box-shadow: 0 6px 18px rgba(10,158,122,.40); }
  to  { box-shadow: 0 8px 26px rgba(51,204,204,.80); }
}
body a[href].cta-btn:hover,
body .nav-block a[href]:hover,
body .footer-links a[href]:hover,
body .sk-nav a[href]:hover,
body .sk-footer-links a[href]:hover,
body .letter-jump a[href]:hover,
body a[href].sk-btn-green:hover,
body a[href].sk-btn-teal:hover,
body a[href].sk-btn-blue:hover,
body a[href].sk-btn-cart:hover{
  animation: skPop .42s cubic-bezier(.22,1,.36,1) both,
             skBtnBreath 1.1s ease-in-out infinite alternate;
}
body .alpha-links a[href]:hover,
body .sk-alpha a[href]:hover{
  animation: skPop .42s cubic-bezier(.22,1,.36,1) both,
             skLetterGlow 1s ease-in-out infinite alternate;
}

body .countries-strip[href]:hover{
  animation: fadeUp .6s ease both,
             bgFlow 7s linear infinite,
             skPop .42s cubic-bezier(.22,1,.36,1) both,
             skBtnBreath 1.1s ease-in-out infinite alternate;
}


body .logo-row .logo-block a[href] img,
body .cart-icon-wrap a[href] img,
body .partner-block a[href] img,
body .fw-cart-icon a[href] img{
  transition: transform .45s cubic-bezier(.22,1,.36,1), filter .30s ease;
}
body .logo-row .logo-block a[href]:hover img,
body .logo-row .logo-block a[href].sk-hot img,
body .partner-block a[href]:hover img,
body .fw-cart-icon a[href]:hover img{
  transform: scale(1.045) translateY(-2px);
  filter: brightness(1.06) saturate(1.06);
}
body .cart-icon-wrap a[href]:hover img{
  transform: scale(1.10) rotate(-5deg);
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.35)) brightness(1.06);
}
body .logo-row .logo-block a[href]:hover{ animation: none; }

@keyframes skTitleGlow{
  from{ text-shadow: 0 2px 12px rgba(0,0,0,.40), 0 0 20px rgba(51,204,204,.25); }
  to  { text-shadow: 0 2px 12px rgba(0,0,0,.40), 0 0 40px rgba(51,204,204,.85), 0 0 12px rgba(255,255,255,.60); }
}
body .sitename-box a[href]:hover{
  letter-spacing: .075em;
  animation: skTitleGlow 1.1s ease-in-out infinite alternate;
}
body .tagline-box a[href]:hover{
  letter-spacing: .10em;
  color: #062c18;
  text-shadow: 0 0 10px rgba(255,255,255,.75);
}


@media (hover: none){
  body a[href]{ scale: none; translate: none; filter: none; outline: none; text-shadow: none; }
  body a[href]:hover{ animation: none; }
}
@media (prefers-reduced-motion: reduce){
  body a[href]{
    transition: color .15s linear, background-color .15s linear;
    scale: none !important; translate: none !important;
    filter: none !important; outline: none; text-shadow: none;
  }
  body a[href]:hover,
  body a[href].cta-btn:hover,
  body .nav-block a[href]:hover,
  body .footer-links a[href]:hover,
  body .sk-nav a[href]:hover,
  body .sk-footer-links a[href]:hover,
  body .alpha-links a[href]:hover,
  body .sk-alpha a[href]:hover,
  body .countries-strip[href],
  body .countries-strip[href]:hover,
  body .sitename-box a[href]:hover,
  body .logo-row, body .logo-block, body .tagline-box,
  body .cart-icon-wrap img,
  body .search-block input[type="submit"]{ animation: none !important; }
  body .sitename-box a[href]:hover,
  body .tagline-box a[href]:hover{ letter-spacing: normal; }
}



:where(html){ -webkit-text-size-adjust: 100%; }

html{ overflow-x: clip; }
html img{ max-width: min(100%, 1000px) !important; height: auto; }
html body img:not(.logo-row img):not(.sk-logo img){
  max-width: min(100%, 1000px) !important; height: auto !important;
}
:where(video, iframe, embed, object){ max-width: 100%; height: auto; }
:where(table){ max-width: 100%; }
:where(pre){ overflow-x: auto; -webkit-overflow-scrolling: touch; }
:where(td, th, p, div, li, a){ overflow-wrap: break-word; }
:where(a, button, input[type="submit"], input[type="button"], .lang-btn){
  -webkit-tap-highlight-color: rgba(51, 204, 204, .18);
  touch-action: manipulation;
}


@media (max-width: 480px){
  :where(a, button, input[type="submit"], input[type="button"], select){ min-height: 36px; }
  :where(.lang-btn){ min-height: 36px; }
  html input[type="text"], html input[type="search"], html input[type="email"],
  html input[type="password"], html input[type="tel"], html input[type="number"],
  html textarea, html select{
    min-height: 44px; font-size: 16px !important;
  }
  :where(button, input[type="submit"], input[type="button"]){ font-size: 16px !important; }
  :where(body){ padding-bottom: env(safe-area-inset-bottom, 0); }
}
@media print{
  :where(.sk-lang-bar, .sk-search-tip){ display: none !important; }
}


@media (max-width: 600px){
  html body .banner-agri{
    flex-wrap: wrap !important;
    gap: 3px 9px !important;
    padding: 10px 12px !important;
    overflow: visible;
  }
  html body .banner-agri span:not(.dot){
    font-size: clamp(.84rem, 3.4vw, 1.05rem) !important;
    letter-spacing: .02em !important;
    flex-shrink: 0;
  }
  html body .banner-agri .dot{ font-size: 1rem !important; }
}
@media (min-width: 601px) and (max-width: 1024px){
  html body .banner-agri{ flex-wrap: wrap !important; gap: 6px 14px !important; }
  html body .banner-agri span:not(.dot){
    font-size: clamp(1.05rem, 2.4vw, 1.6rem) !important;
    letter-spacing: .03em !important;
  }
}