.wfs-outer{
  position:relative;
  width:100%;
  /*margin:20px 0;*/
  padding:0;
  box-sizing:border-box;
}
.wfs-wrap{
  width:100%;
  margin:0;
  padding:22px 22px 16px;
  box-sizing:border-box;
  border-radius:18px;
  background:var(--wfs-bg,#FFF4E8);
  background-image:
    radial-gradient(120% 70% at 50% -10%, rgba(255,255,255,.92) 0%, rgba(255,255,255,0) 52%),
    linear-gradient(180deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,0) 42%, rgba(0,0,0,.06) 100%);
  color:var(--wfs-title,#1A1A1A);
  overflow:hidden;
}
.wfs-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.wfs-heading{
  display:flex;
  align-items:center;
  min-width:0;
}
.wfs-bolt{
  font-size:var(--wfs-icon-title,28px);
  line-height:1;
  color:var(--wfs-accent,#FF7A00);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.wfs-bolt img{
  width:var(--wfs-icon-title,28px);
  height:var(--wfs-icon-title,28px);
  object-fit:contain;
  display:block;
}
.wfs-head h2{
  margin:0;
  font-size:28px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--wfs-title,#1A1A1A);
}
.wfs-head h2 .wfs-t1{color:var(--wfs-title,#1A1A1A)}
.wfs-head h2 .wfs-t2{color:var(--wfs-title2,#FF7A00)}
.wfs-subtitle{
  margin:4px 0 0;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#8a8a8a;
  font-weight:600;
}
.wfs-countdown-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  padding:7px 10px 7px 14px;
  border-radius:12px;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
  flex-shrink:0;
  white-space:nowrap;
  color:#444;
}
.wfs-clock{
  width:var(--wfs-icon-cd,16px);
  height:var(--wfs-icon-cd,16px);
  flex-shrink:0;
  background:currentColor;
  color:var(--wfs-accent,#FF7A00);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2a10 10 0 1 0 .01 20.01A10 10 0 0 0 12 2zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm.75 3v5.2l3.6 2.16-.75 1.23L11.25 13V7h1.5z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2a10 10 0 1 0 .01 20.01A10 10 0 0 0 12 2zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm.75 3v5.2l3.6 2.16-.75 1.23L11.25 13V7h1.5z'/></svg>") center/contain no-repeat;
}
.wfs-clock:has(img){
  background:none;
  -webkit-mask:none;
  mask:none;
  width:auto;
  height:auto;
}
.wfs-clock img{
  width:var(--wfs-icon-cd,16px);
  height:var(--wfs-icon-cd,16px);
  object-fit:contain;
  display:block;
}
.wfs-countdown-wrap .fs-cd-label{
  font-size:13px;
  font-weight:600;
}
.wfs-countdown{
  display:flex;
  align-items:center;
  gap:4px;
}
.wfs-countdown b,
.wfs-countdown .wfs-num{
  min-width:36px;
  height:30px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--wfs-accent,#FF7A00);
  color:#fff;
  border-radius:8px;
  font-size:15px;
  font-weight:800;
}
.wfs-countdown i{
  font-style:normal;
  font-weight:800;
  color:var(--wfs-accent,#FF7A00);
}
.wfs-slider{position:relative;overflow:hidden;touch-action:pan-y}
.wfs-track{touch-action:pan-y}
.wfs-track{
  display:flex;
  gap:14px;
  overflow:visible;
  padding:6px 2px 10px;
  will-change:transform;
}
.wfs-card{
  flex:0 0 calc(20% - 12px);
  min-width:170px;
  background:#fff;
  border-radius:14px;
  padding:12px 10px 12px;
  color:#000;
  text-align:center;
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  box-shadow:0 6px 16px rgba(0,0,0,.05);
}
.wfs-card:hover{
  box-shadow:0 8px 22px rgba(255,122,0,.22);
  outline:2px solid var(--wfs-accent,#FF7A00);
  outline-offset:-2px;
}
.wfs-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:5;
  height:24px;
  padding:0 8px;
  pointer-events:none;
  background:linear-gradient(90deg,var(--wfs-accent,#FF7A00),#ff9a3d);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.wfs-badge .fs-badge-text{
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:1;
}
.wfs-hot{
  position:absolute;
  top:10px;
  right:10px;
  z-index:5;
  background:#e53935;
  color:#fff;
  font-size:10px;
  font-weight:800;
  padding:3px 7px;
  border-radius:8px;
}
.wfs-img{
  display:block;
  background:#fff;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:10px;
}
.wfs-img img{
  min-height:80px;
  background:#fff;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:10px;
}
.wfs-name{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin:8px 4px 6px;
  min-height:36px;
  height:36px;
  color:#222;
  font-size:13px;
  line-height:1.35;
  font-weight:600;
  text-decoration:none;
}
.wfs-price{padding:0 0 2px}
.wfs-price del{
  display:block;
  font-size:12px;
  color:#b0b0b0;
  line-height:1.2;
  text-decoration:line-through;
}
.wfs-price ins,
.wfs-price ins .amount,
.wfs-price ins .woocommerce-Price-amount,
.wfs-price ins bdi{
  display:inline;
  margin-top:2px;
  color:var(--wfs-price,#F15A00) !important;
  font-weight:800;
  font-size:16px;
  text-decoration:none;
}
.wfs-price ins{
  display:block;
}
.wfs-slogan{display:none}
.wfs-footer{
  display:flex;
  justify-content:space-between;
  gap:10px;
  list-style:none;
  margin:8px 4px 0;
  padding:12px 8px 2px;
  border-top:1px solid rgba(0,0,0,.06);
  color:#666;
  font-size:13px;
  font-weight:600;
  flex-wrap:wrap;
}
.wfs-footer li{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
}
.wfs-footer li img{
  width:var(--wfs-icon-foot,18px);
  height:var(--wfs-icon-foot,18px);
  object-fit:contain;
  display:block;
}
.wfs-footer li:has(img):before{display:none}
.wfs-footer li:before{
  content:"";
  width:var(--wfs-icon-foot,18px);
  height:var(--wfs-icon-foot,18px);
  flex-shrink:0;
  background:var(--wfs-accent,#FF7A00);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
}
.wfs-f-shield:before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2 4 5v7c0 5.25 3.4 9.74 8 11 4.6-1.26 8-5.75 8-11V5l-8-3zm-1.2 13.3-3.3-3.3 1.4-1.4 1.9 1.9 4.1-4.1 1.4 1.4-5.5 5.5z'/></svg>");
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2 4 5v7c0 5.25 3.4 9.74 8 11 4.6-1.26 8-5.75 8-11V5l-8-3zm-1.2 13.3-3.3-3.3 1.4-1.4 1.9 1.9 4.1-4.1 1.4 1.4-5.5 5.5z'/></svg>");
}
.wfs-f-truck:before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 5h11v10H3V5zm12 3h3.5L21 11.5V15h-6V8zM7 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/></svg>");
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 5h11v10H3V5zm12 3h3.5L21 11.5V15h-6V8zM7 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/></svg>");
}
.wfs-f-head:before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 3a7 7 0 0 0-7 7v2H4a1 1 0 0 0-1 1v3a2 2 0 0 0 2 2h2v-8a5 5 0 0 1 10 0v8h1a3 3 0 0 1-3 3h-3v-2h3a1 1 0 0 0 1-1h-1v-2h3v-3a1 1 0 0 0-1-1h-1v-2a7 7 0 0 0-7-7z'/></svg>");
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 3a7 7 0 0 0-7 7v2H4a1 1 0 0 0-1 1v3a2 2 0 0 0 2 2h2v-8a5 5 0 0 1 10 0v8h1a3 3 0 0 1-3 3h-3v-2h3a1 1 0 0 0 1-1h-1v-2h3v-3a1 1 0 0 0-1-1h-1v-2a7 7 0 0 0-7-7z'/></svg>");
}
.wfs-f-sale:before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12.8 2.2 3 12l8.8 8.8 9.8-9.8V2.2h-8.8zM8 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/></svg>");
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12.8 2.2 3 12l8.8 8.8 9.8-9.8V2.2h-8.8zM8 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/></svg>");
}
.wfs-footer li + li:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:16px;
  background:#e2e2e2;
  transform:translateY(-50%);
}
.wfs-nav{
  position:absolute;
  top:52%;
  z-index:6;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#fff;
  box-shadow:0 3px 10px rgba(0,0,0,.16);
  cursor:pointer;
  padding:0;
  color:#222;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(-50%);
  line-height:1;
}
.wfs-nav span{
  display:block;
  font-size:26px;
  line-height:1;
  margin-top:-2px;
}
.wfs-prev{left:-25px}
.wfs-next{right:-41px}
.wfs-nav:hover{box-shadow:0 4px 14px rgba(0,0,0,.22)}
@media(max-width:1024px){
  .wfs-card{flex-basis:calc(33.333% - 10px);min-width:160px}
  .wfs-head h2{font-size:22px}
}
@media(max-width:600px){
  .wfs-wrap{padding:14px 10px 10px;border-radius:14px}
  .wfs-head{flex-direction:column;align-items:flex-start}
  .wfs-head h2{font-size:20px}
  .wfs-card{flex-basis:calc(50% - 8px);min-width:140px}
  .wfs-nav{display:none}
  .wfs-footer{justify-content:center;font-size:12px}
  .wfs-footer li + li:before{display:none}
}