/* Keep the existing recommendation header layout; soften its color and add restrained motion. */
body .hot-products .hot-section-head{
 position:relative;
 isolation:isolate;
 background:linear-gradient(105deg,#d04630 0%,#cf4934 56%,#cb4330 100%)!important;
}

/* The tile stays still while its white flame gently flickers. */
body .hot-products .hot-section-head>div::before{
 background:rgba(255,255,255,.17)!important;
}
body .hot-products .hot-section-head>div::after{
 position:absolute;
 top:50%;
 left:8px;
 z-index:2;
 width:29px;
 height:29px;
 background:url("../assets/icon-hot-flame.svg?v=20261004-recommended-fire-3") center/contain no-repeat;
 content:"";
 pointer-events:none;
 transform:translate3d(0,-50%,0) scale(.97);
 animation:recommended-flame 2.3s ease-in-out infinite;
}

/* One soft streak crosses the whole header, then pauses before repeating. */
body .hot-products .hot-section-head::after{
 position:absolute;
 inset:0 auto 0 0;
 z-index:4;
 width:38%;
 background:linear-gradient(105deg,transparent 10%,rgba(255,255,255,.06) 28%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.06) 72%,transparent 90%);
 content:"";
 pointer-events:none;
 transform:translate3d(-120%,0,0);
 animation:recommended-sheen 6.2s ease-in-out infinite;
}

@keyframes recommended-flame{
 0%,100%{opacity:.88;filter:brightness(1);transform:translate3d(0,-50%,0) scale(.97)}
 28%{opacity:1;filter:brightness(1.18);transform:translate3d(0,-52%,0) scale(1.06)}
 58%{opacity:.91;filter:brightness(1.05);transform:translate3d(0,-49%,0) scale(.99)}
 78%{opacity:1;filter:brightness(1.14);transform:translate3d(0,-51%,0) scale(1.04)}
}
@keyframes recommended-sheen{
 0%,14%{transform:translate3d(-120%,0,0)}
 62%,100%{transform:translate3d(275%,0,0)}
}

@media(max-width:600px){
 body .hot-products .hot-section-head>div::after{
  left:6px;
  width:22px;
  height:22px;
 }
}
@media(prefers-reduced-motion:reduce){
 body .hot-products .hot-section-head>div::after,
 body .hot-products .hot-section-head::after{animation:none}
 body .hot-products .hot-section-head::after{display:none}
}
