/* FMKE feature strip — sits below the announcement bar, above the header.
   Orange gradient strip with 4 rotating trust items + a "Shop Now" CTA.
   [fmke_feature_strip]

   Rebuilt from scratch: no overflow:hidden anywhere near the icons, and
   the icon's white ring is a `border` (part of the layout box) instead of
   a `box-shadow` (rendered outside the box) — so nothing can ever get
   clipped, regardless of row height or animation. */

.fmke-fstrip{position:relative;z-index:49;background:linear-gradient(90deg,#FF6A00,#FF8A3D);color:#fff}
.fmke-fstrip *{box-sizing:border-box}

.fmke-fstrip__inner{display:flex;align-items:center;gap:28px;min-height:72px;padding:16px 2.617em}
@media(max-width:782px){.fmke-fstrip__inner{padding:16px 14px;gap:16px}}
@media(min-width:1025px){
 .fmke-fstrip__inner{width:90vw;max-width:1800px;margin-left:calc(50% - 45vw);margin-right:calc(50% - 45vw);padding:16px 0}
}

.fmke-fstrip__list{display:flex;align-items:center;gap:30px;flex:1;min-width:0;overflow-x:auto;overflow-y:visible;scrollbar-width:none;padding:6px 0}
.fmke-fstrip__list::-webkit-scrollbar{display:none}

.fmke-fstrip__item{display:flex;align-items:center;gap:9px;flex:0 0 auto;opacity:0;transform:translateY(10px);animation:fmkeFstripIn .55s cubic-bezier(.22,.7,.2,1) forwards}
.fmke-fstrip__item:nth-child(1){animation-delay:.05s}
.fmke-fstrip__item:nth-child(2){animation-delay:.18s}
.fmke-fstrip__item:nth-child(3){animation-delay:.31s}
.fmke-fstrip__item:nth-child(4){animation-delay:.44s}
@keyframes fmkeFstripIn{to{opacity:1;transform:none}}

/* Icon: flat outline icon (no circle badge), matching the plain, minimal
   icon treatment already used in the nav — just the icon itself, colored
   white for contrast against the orange strip, with the same subtle
   float animation as before. */
.fmke-fstrip__icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;
 color:#fff;flex:0 0 auto;animation:fmkeFstripFloat 3.6s ease-in-out infinite}
.fmke-fstrip__icon svg{width:20px;height:20px;stroke-width:2.1}
.fmke-fstrip__item:nth-child(even) .fmke-fstrip__icon{animation-delay:.6s}
@keyframes fmkeFstripFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

.fmke-fstrip__text{display:flex;flex-direction:column;line-height:1.25;white-space:nowrap}
.fmke-fstrip__text b{font-size:13.5px;font-weight:800}
.fmke-fstrip__text span{font-size:11.5px;color:rgba(255,255,255,.85)}

.fmke-fstrip__cta{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;background:var(--fmke-dark,#1F3D2C);color:#fff!important;font-weight:800;font-size:14px;text-decoration:none!important;white-space:nowrap;transition:transform .2s,background .2s}
.fmke-fstrip__cta::before{content:"";position:absolute;inset:-5px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);animation:fmkeFstripPulse 2.2s ease-out infinite}
.fmke-fstrip__cta:hover{background:#16301f;transform:translateY(-1px)}
.fmke-fstrip__cta span{transition:transform .2s}
.fmke-fstrip__cta:hover span{transform:translateX(3px)}
@keyframes fmkeFstripPulse{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}

@media(max-width:640px){
 /* keep only the last (strongest social-proof) item + the CTA on small
    screens, instead of a cramped horizontally-scrolling row of four */
 .fmke-fstrip__list{gap:12px;overflow:visible}
 .fmke-fstrip__item{display:none}
 .fmke-fstrip__item:last-child{display:flex}
 .fmke-fstrip__text span{display:none}
 .fmke-fstrip__cta{padding:9px 16px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .fmke-fstrip *{animation:none!important;opacity:1!important;transform:none!important}
}