/* =========================================================
   SECTION: S1 FEATURE BOX
   Style:Modern Electric Tools / Industrial
========================================================= */
/* =========================
   WRAPPER
========================= */
.trust-section{--primary:#ffb300;--primary2:#ff8f00;max-width:1280px;margin:40px auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
/* =========================
   CARD
========================= */
.feature-box{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;padding:22px 20px;border-radius:22px;background:linear-gradient(
            180deg,rgba(10,22,48,0.96),rgba(15,28,58,0.98)
        );border:1px solid rgba(255,255,255,0.06);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;box-shadow:0 10px 30px rgba(0,0,0,0.22);backdrop-filter:blur(14px)}
/* glowing border */
.feature-box::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(
            135deg,rgba(255,179,0,0.45),transparent 40%,transparent 60%,rgba(255,179,0,0.2)
        );-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}
/* ambient glow */
.feature-box::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(
            rgba(255,179,0,0.12),transparent 70%
        );top:-90px;right:-90px;transition:.45s ease}
/* hover */
.feature-box:hover{transform:translateY(-8px);border-color:rgba(255,179,0,0.24);box-shadow:0 22px 45px rgba(0,0,0,0.35),0 0 25px rgba(255,179,0,0.08)}
.feature-box:hover::after{transform:scale(1.15)}
/* =========================
   ICON
========================= */
.icon{position:relative;width:58px;height:58px;min-width:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;font-size:26px;background:linear-gradient(
            135deg,var(--primary),var(--primary2)
        );box-shadow:0 10px 22px rgba(255,179,0,0.28);z-index:2}
/* shine animation */
.icon::after{content:"";position:absolute;top:-120%;left:-40%;width:60%;height:250%;background:rgba(255,255,255,0.25);transform:rotate(25deg);animation:shine 4s infinite}
@keyframes shine{0%{left:-80%}100%{left:180%}}
/* =========================
   TEXT
========================= */
.text{position:relative;z-index:2}
.text h3{margin:0 0 6px;font-size:18px;font-weight:700;color:#fff;transition:.3s ease}
.text p{margin:0;color:rgba(219,230,255,0.72);font-size:13px;line-height:1.7}
/* title hover */
.feature-box:hover .text h3{color:var(--primary)}
/* =========================
   TABLET
========================= */
@media(max-width:992px){.trust-section{grid-template-columns:repeat(2,1fr)}}
/* =========================
   MOBILE
========================= */
@media(max-width:640px){.trust-section{grid-template-columns:repeat(2,1fr;)        gap:14px}.feature-box{padding:18px 16px}.icon{width:52px;height:52px;min-width:52px;font-size:23px}.text h3{font-size:16px}.text p{font-size:12px}}
@media(max-width:429px){.feature-box{padding:16px 14px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:20px}}


/* =========================================================
   SECTION:S2 PRODUCT GIFTS
   Style:Modern Electric Tools / Industrial
========================================================= */

.s2g-section{position:relative;overflow:hidden;padding:28px;margin:40px 0;border-radius:24px;background:radial-gradient(circle at top left,rgba(255,183,0,0.12),transparent 30%),linear-gradient(
            135deg,#07152f 0%,#0c1d3f 45%,#081327 100%
        );border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px rgba(0,0,0,.35)}
/* Glow */
.s2g-section:before{content:"";position:absolute;inset:0;background:linear-gradient(
            90deg,transparent,rgba(255,255,255,.03),transparent
        );pointer-events:none}
/* =========================================================
   HEADER
========================================================= */
.s2g-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.s2g-title{position:relative;margin:0;font-size:32px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;color:#fff}
.s2g-title:after{content:"";display:block;width:90px;height:4px;margin-top:12px;border-radius:30px;background:linear-gradient(
            90deg,#ffb300,#ff7a00
        )}
.s2g-viewall{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#111;background:#ffb300;transition:.25s ease;text-decoration:none}
.s2g-viewall:hover{transform:translateY(-2px);background:#ffc83d;box-shadow:0 10px 30px rgba(255,179,0,.35)}
/* =========================================================
   FEATURED PRODUCT
========================================================= */
.s2g-featured-card{position:relative;height:100%;border-radius:24px;overflow:hidden;background:linear-gradient(
            180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)
        );border:1px solid rgba(255,255,255,.06);transition:.35s ease}
.s2g-featured-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.35)}
.s2g-featured-thumb{display:block;position:relative;overflow:hidden;background:#fff}
.s2g-featured-thumb img{width:100%;aspect-ratio:1 / 1;object-fit:contain;padding:30px;transition:.45s ease}
.s2g-featured-card:hover .s2g-featured-thumb img{transform:scale(1.05)}
.s2g-featured-content{padding:28px}
.s2g-hot-label{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;margin-bottom:18px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#111;background:linear-gradient(
            90deg,#ffcf33,#ff9900
        )}
.s2g-featured-content h3{margin:0 0 18px}
.s2g-featured-content h3 a{color:#fff;font-size:24px;font-weight:700;line-height:1.45;text-decoration:none;transition:.2s ease}
.s2g-featured-content h3 a:hover{color:#ffb300}
/* =========================================================
   PRICE
========================================================= */
.s2g-price{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.s2g-price del{opacity:.55;color:#fff;font-size:15px;font-weight:500}
.s2g-price ins{text-decoration:none;color:#ffb300;font-size:28px;font-weight:700}
/* =========================================================
   BUTTON
========================================================= */
.s2g-buy-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:14px;background:linear-gradient(
            135deg,#ffb300,#ff7a00
        );color:#111;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:.3s ease}
.s2g-buy-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(255,136,0,.4)}
/* =========================================================
   RIGHT SIDE
========================================================= */
.s2g-wrapper{position:relative}
.s2g-scroll{overflow:hidden}
.s2g-page{display:flex;flex-wrap:wrap;row-gap: 10px;column-gap: 20px;}
.s2g-col{width:calc(50% - 10px)}
/* =========================================================
   PRODUCT CARD
========================================================= */
.s2g-card{position:relative;height:100%;border-radius:20px;overflow:hidden;background:linear-gradient(
            180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)
        );border:1px solid rgba(255,255,255,.06);transition:.3s ease}
.s2g-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.3)}
.s2g-thumb{display:block;background:#fff}
.s2g-thumb img{width:100%;aspect-ratio:1 / 1;object-fit:contain;padding:18px;transition:.4s ease}
.s2g-card:hover .s2g-thumb img{transform:scale(1.05)}
.s2g-content{padding:18px}
.s2g-product-title{margin:0 0 14px;min-height:52px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.s2g-product-title a{color:#fff;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;transition:.2s ease}
.s2g-product-title a:hover{color:#ffb300}
/* =========================================================
   SALE BADGE
========================================================= */
.s2g-sale{position:absolute;top:14px;left:14px;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:58px;padding:6px;border-radius:50%;background:linear-gradient(
            135deg,#ff2d2d,#ff7300
        );color:#fff;font-size:14px;font-weight:700;box-shadow:0 8px 20px rgba(255,70,70,.35)}
/* =========================================================
   NAVIGATION
========================================================= */
.s2g-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;border:0;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);color:#fff;font-size:28px;font-weight:300;transition:.25s ease}
.s2g-nav:hover{background:#ffb300;color:#111;transform:translateY(-50%)
        scale(1.08)}
.s2g-nav-left{left:-20px}
.s2g-nav-right{right:-20px}
/* =========================================================
   RESPONSIVE
========================================================= */
@media(max-width:991px){
  .s2g-section{padding:20px;border-radius:18px}
  .s2g-title{font-size:24px}
  .s2g-featured-content h3 a{font-size:20px}
  .s2g-nav{display:none}
}
@media(max-width:767px){
  .s2g-header{flex-direction:column;align-items:flex-start}
  .s2g-section .row{display:block}
  .s2g-section .col-md-6{width:100%;max-width:100%}
  .s2g-section .col-md-6:first-child{margin-bottom:20px}
  .s2g-col{width:100%}
  .s2g-featured-content{padding:22px}
  .s2g-featured-content h3 a{font-size:18px}
  .s2g-price ins{font-size:22px}
  .s2g-buy-btn{width:100%}
}
/* =========================================================
   VERTICAL SLIDE
========================================================= */
.s2g-wrapper{position:relative;overflow:hidden;height:100%}
.s2g-scroll{display:flex;flex-direction:column;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.s2g-page{flex:0 0 100%;min-height:100%;display:flex;flex-wrap:wrap;margin:-10px -10px -28px -10px}
/* =========================================================
   NAV BUTTON
========================================================= */
.s2g-nav{position:absolute;left:50%;transform:translateX(-50%);z-index:50;width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(10px);transition:.25s ease}
.s2g-nav:hover{background:#ffb300;color:#111}
.s2g-nav-left{top:12px}
.s2g-nav-right{bottom:12px}
/* =========================================================
   MOBILE:RIGHT SIDE = HORIZONTAL SLIDER
========================================================= */
@media(max-width:767px){
  /*    |------------------------------------------------------    | RIGHT WRAPPER    |------------------------------------------------------    */
      .s2g-wrapper{margin-top:14px;height:auto!important}
  /*    |------------------------------------------------------    | SCROLL    |------------------------------------------------------    */
      .s2g-scroll{display:flex!important;flex-direction:row!important;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;transform:none!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .s2g-scroll::-webkit-scrollbar{display:none}
  /*    |------------------------------------------------------    | PAGE    |------------------------------------------------------    */
      .s2g-page{flex:0 0 auto;width:88vw;display:grid!important;grid-template-columns:repeat(2,1fr);gap:8px;margin:0;scroll-snap-align:start}
  /*    |------------------------------------------------------    | COL    |------------------------------------------------------    */
      .s2g-col{width:auto;padding:0}
  /*    |------------------------------------------------------    | CARD    |------------------------------------------------------    */
      .s2g-card{border-radius:14px;overflow:hidden}
  .s2g-thumb img{padding:10px}
  .s2g-content{padding:10px}
  .s2g-product-title{margin-bottom:8px;min-height:auto}
  .s2g-product-title a{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .s2g-card .s2g-price{gap:4px;margin-bottom:0}
  .s2g-card .s2g-price del{font-size:10px}
  .s2g-card .s2g-price ins{font-size:14px}
  /*    |------------------------------------------------------    | SALE    |------------------------------------------------------    */
      .s2g-sale{min-width:34px;height:34px;font-size:9px;top:6px;left:6px}
  /*    |------------------------------------------------------    | HIDE NAV    |------------------------------------------------------    */
      .s2g-nav{display:none!important}
}
/* =========================================================
   TABLET PORTRAIT
========================================================= */
@media(min-width:768px) and (max-width:991px){
  .s2g-section{padding:22px}
  .s2g-title{font-size:24px}
  /*    |------------------------------------------------------    | STACK LAYOUT    |------------------------------------------------------    */
      .s2g-section .row{display:block}
  .s2g-section .col-md-6{width:100%;max-width:100%}
  .s2g-section .col-md-6:first-child{margin-bottom:20px}
  /*    |------------------------------------------------------    | FEATURED    |------------------------------------------------------    */
      .s2g-featured-card{display:flex;align-items:center}
  .s2g-featured-thumb{width:42%;flex:0 0 42%}
  .s2g-featured-content{width:58%;flex:0 0 58%}
  /*    |------------------------------------------------------    | RIGHT SLIDE    |------------------------------------------------------    */
      .s2g-wrapper{height:auto!important}
  .s2g-scroll{display:flex!important;flex-direction:row!important;gap:14px;overflow-x:auto;overflow-y:hidden;transform:none!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  .s2g-scroll::-webkit-scrollbar{display:none}
  .s2g-page{flex:0 0 auto;width:78vw;display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px;margin:0;scroll-snap-align:start}
  .s2g-col{width:auto;padding:0}
  .s2g-nav{display:none!important}
}
/* =========================================================
   SMALL LAPTOP
========================================================= */
@media(min-width:992px) and (max-width:1200px){
  .s2g-section{padding:24px}
  .s2g-featured-content{padding:22px}
  .s2g-featured-content h3 a{font-size:20px}
  .s2g-price ins{font-size:22px}
  .s2g-product-title a{font-size:14px}
  .s2g-nav{width:42px;height:42px}
}
/* =========================================================
   LARGE DESKTOP
========================================================= */
@media(min-width:1600px){
  .s2g-section{padding:36px}
  .s2g-title{font-size:38px}
  .s2g-featured-content{padding:34px}
  .s2g-featured-content h3 a{font-size:28px}
  .s2g-price ins{font-size:34px}
  .s2g-product-title a{font-size:16px}
}

/* =========================================================
   SECTION: S3 PRODUCT SALE OFF
   Style:Modern Electric Tools / Industrial
========================================================= */
.products-section-saleoff{position:relative;background:linear-gradient(
        180deg,rgba(255,255,255,.98),rgba(248,250,255,.98)
    );border-radius:32px;padding:28px
    24px
    34px;border:1px solid
    rgba(13,94,255,.06);box-shadow:0 15px 50px rgba(0,0,0,.04);overflow:hidden}
/* Ambient */
.products-section-saleoff:before{content:"";position:absolute;left:-120px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(
        circle,rgba(13,94,255,.12),transparent 70%
    );pointer-events:none}
/* =========================================================
   TOP BANNER
========================================================= */
.saleoff-top-banner{position:relative;margin-bottom:26px;border-radius:28px;overflow:hidden;background:#07152f;box-shadow:0 18px 45px rgba(0,0,0,.12)}
/* Link */
.saleoff-top-banner a{position:relative;display:block;color:#fff;text-decoration:none}
/* Image */
.saleoff-top-banner img{width:100%;display:block;aspect-ratio:4 / 1;object-fit:cover;transition:transform .7s ease,filter .5s ease}
/* Hover */
.saleoff-top-banner:hover img{transform:scale(1.03);filter:brightness(1.03)}
/* Overlay */
.saleoff-top-banner-overlay{position:absolute;inset:0;display:flex;align-items:center;padding:40px
    60px;background:linear-gradient(
        90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.05) 100%
    )}
/* Content */
.saleoff-top-banner-content{position:relative;z-index:2;max-width:520px}
/* Mini Label */
.saleoff-mini-label{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0
    16px;margin-bottom:16px;border-radius:50px;background:linear-gradient(
        135deg,#ffb800,#ff8400
    );color:#111;font-size:12px;font-weight:800;letter-spacing:.8px;box-shadow:0 10px 25px rgba(255,180,0,.28)}
/* Title */
.saleoff-top-banner-content h3{margin:0
    0
    12px;color:#fff;font-size:42px;font-weight:800;line-height:1.1;text-shadow:0 6px 20px rgba(0,0,0,.35)}
/* Desc */
.saleoff-top-banner-content p{margin:0
    0
    22px;color:rgba(255,255,255,.92);font-size:16px;line-height:1.7}
/* Button */
.saleoff-banner-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0
    24px;border-radius:14px;background:#fff;color:#111;font-size:14px;font-weight:700;transition:transform .25s ease,background .25s ease}
/* Hover */
.saleoff-top-banner:hover .saleoff-banner-btn{transform:translateY(-2px);background:#f5f7ff}
/* Glow */
.saleoff-top-banner:before{content:"";position:absolute;right:-100px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(
        circle,rgba(13,94,255,.35),transparent 70%
    );z-index:1;pointer-events:none}
/* =========================================================
   CARD EXTRA
========================================================= */
.saleoff-card{transition:.35s ease}
.saleoff-card:hover{transform:translateY(-4px)}
/* =========================================================
   CARD GLOW
========================================================= */
.saleoff-card-glow{position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(
        circle,rgba(13,94,255,.18),transparent 70%
    );pointer-events:none;z-index:1}
/* =========================================================
   HOT TAG
========================================================= */
.saleoff-hot-tag{position:absolute;top:14px;right:14px;z-index:6;height:28px;padding:0
    12px;border-radius:50px;background:linear-gradient(
        135deg,#ffb800,#ff8400
    );color:#111;font-size:11px;font-weight:800;letter-spacing:.4px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(255,180,0,.25)}
/* =========================================================
   META
========================================================= */
.saleoff-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}
/* Sold */
.saleoff-sold{display:inline-flex;align-items:center;gap:5px;color:#666;font-size:12px;font-weight:600}
.saleoff-sold:before{content:"●";color:#00b67a;font-size:10px}
/* Rating */
.saleoff-rating{margin-left:auto;color:#ffb400;font-size:12px;letter-spacing:1px;text-shadow:0 2px 10px rgba(255,180,0,.25)}
/* =========================================================
   BUTTON
========================================================= */
.saleoff-actions{margin-top:16px}
.saleoff-buy-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:44px;border-radius:14px;background:linear-gradient(
        135deg,#0d5eff,#083ea7
    );color:#fff;font-size:14px;font-weight:700;text-decoration:none;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.saleoff-buy-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 25px rgba(13,94,255,.25)}
/* Shine */
.saleoff-buy-btn:after{content:"";position:absolute;top:0;left:-40%;width:30%;height:100%;background:linear-gradient(
        90deg,transparent,rgba(255,255,255,.3),transparent
    );transform:skewX(-20deg);transition:1s}
.saleoff-buy-btn:hover:after{left:140%}
/* =========================================================
   BANNER CARD
========================================================= */
.saleoff-banner-card{position:relative}
.saleoff-banner-card:after{content:"";position:absolute;inset:0;border-radius:22px;border:1px solid
    rgba(255,255,255,.18);pointer-events:none}
.saleoff-banner-overlay h3{text-shadow:0 4px 18px rgba(0,0,0,.3)}
/* =========================================================
   PROGRESS
========================================================= */
.saleoff-progress{margin-top:22px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}
.saleoff-progress span{position:relative;overflow:hidden}
.saleoff-progress span:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(
        90deg,transparent,rgba(255,255,255,.7),transparent
    );animation:saleoffProgress 2s linear infinite}
@keyframes saleoffProgress{
  from{left:-40%}
  to{left:140%}
}
/* =========================================================
   MOBILE
========================================================= */
@media(max-width:991px){
  .saleoff-top-banner-overlay{padding:30px
          34px}
  .saleoff-top-banner-content h3{font-size:34px}
}
@media(max-width:767px){
  .products-section-saleoff{border-radius:22px;padding:20px
          14px
          24px}
  .saleoff-top-banner{border-radius:22px}
  .saleoff-top-banner img{aspect-ratio:16 / 9}
  .saleoff-top-banner-overlay{align-items:flex-end;padding:24px
          20px}
  .saleoff-top-banner-content h3{font-size:26px}
  .saleoff-top-banner-content p{font-size:14px;line-height:1.6}
  .saleoff-banner-btn{height:42px;padding:0
          18px;font-size:13px}
  .saleoff-hot-tag{font-size:10px;padding:0
          10px}
  .saleoff-buy-btn{height:40px;font-size:13px}
}

/* =========================================================
   SECTION:S6 BEST SELLER
   Style:Modern Electric Tools / Industrial
========================================================= */
/* =========================================================
   TOP LABEL
========================================================= */
.bestseller-rank{position:absolute;top:12px;right:12px;/* đổi từ left sang right */
    z-index:20;display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:34px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#111;background:linear-gradient(
        135deg,#ffd54a 0%,#ffb300 45%,#ff7a00 100%
    );box-shadow:0 8px 18px rgba(255,179,0,.35),inset 0 1px 0 rgba(255,255,255,.5);overflow:hidden}
/* Shine */
.bestseller-rank::before{content:"";position:absolute;inset:0;background:linear-gradient(
        120deg,transparent 0%,rgba(255,255,255,.45) 45%,transparent 100%
    );transform:translateX(-120%);animation:bestsellerShine 2.8s linear infinite}
@keyframes bestsellerShine{
  100%{transform:translateX(120%)}
}
/* =========================================================
   TOP 1 / 2 / 3
========================================================= */
.bestseller-card:nth-child(2) .bestseller-rank{background:linear-gradient(
        135deg,#ffe082 0%,#ffc107 45%,#ff9800 100%
    )}
.bestseller-card:nth-child(3) .bestseller-rank{background:linear-gradient(
        135deg,#f5f5f5 0%,#d6d6d6 45%,#9e9e9e 100%
    );color:#111}
.bestseller-card:nth-child(4) .bestseller-rank{background:linear-gradient(
        135deg,#ffcc80 0%,#c97a35 50%,#8d4e1f 100%
    );color:#fff}
/* =========================================================
   CARD GLOW
========================================================= */
.bestseller-card{position:relative;overflow:hidden}
.bestseller-card::after{content:"";position:absolute;inset:auto -30% -40% auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(
        circle,rgba(255,179,0,.22),transparent 70%
    );pointer-events:none}
/* =========================================================
   SOLD
========================================================= */
.bestseller-sold{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#ffb300}
/* =========================================================
   BUTTON
========================================================= */
.bestseller-buy-btn{background:linear-gradient(
        135deg,#ffb300 0%,#ff7a00 100%
    );color:#111}
.bestseller-buy-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,136,0,.35)}
/* =========================================================
   BANNER
========================================================= */
.bestseller-banner-card{overflow:hidden;border-radius:24px}
.bestseller-banner-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bestseller-banner-card:hover img{transform:scale(1.05)}
/* =========================================================
   MOBILE
========================================================= */
@media(max-width:767px){
  .bestseller-rank{min-width:58px;height:28px;font-size:10px;top:8px;right:8px;/* đổi theo mobile luôn */}
}

/* =========================================================
   SECTION:S8 NEWS HIGHLIGHT
   Style:Modern Electric Tools / Industrial
========================================================= */
  
/* =========================================================
   S8 NEWS HIGHLIGHT
========================================================= */
.s8-news-highlight{position:relative;margin:40px 0}
/* =========================================================
   WRAPPER
========================================================= */
.s8-news-wrapper{position:relative;overflow:hidden}
/* =========================================================
   TRACK
========================================================= */
.s8-news-track{display:flex;transition:transform .5s ease;will-change:transform}
/* =========================================================
   SLIDE
========================================================= */
.s8-news-slide{flex:0 0 100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
/* =========================================================
   CARD
========================================================= */
.s8-news-card{overflow:hidden;border-radius:20px;background:#fff;border:1px solid #eee;transition:.3s ease}
.s8-news-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.08)}
/* =========================================================
   THUMB
========================================================= */
.s8-news-thumb{display:block;overflow:hidden}
.s8-news-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:.4s ease}
.s8-news-card:hover .s8-news-thumb img{transform:scale(1.05)}
/* =========================================================
   CONTENT
========================================================= */
.s8-news-content{padding:22px}
.s8-news-date{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;background:#f5f5f5;font-size:12px;font-weight:600;color:#666}
.s8-news-title{margin:14px 0 14px}
.s8-news-title a{color:#111;font-size:22px;font-weight:700;line-height:1.45;text-decoration:none;transition:.2s ease}
.s8-news-title a:hover{color:#ff9900}
.s8-news-excerpt{color:#666;font-size:15px;line-height:1.7}
/* =========================================================
   BUTTON
========================================================= */
.s8-news-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:18px;border-radius:12px;background:#111;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:.25s ease}
.s8-news-btn:hover{background:#ff9900;color:#111}
/* =========================================================
   NAV
========================================================= */
.s8-news-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:46px;height:46px;border:0;border-radius:50%;background:#111;color:#fff;font-size:28px;cursor:pointer;transition:.25s ease}
.s8-news-nav:hover{background:#ff9900;color:#111}
.s8-news-prev{left:-10px}
.s8-news-next{right:-10px}
/* =========================================================
   MOBILE
========================================================= */
@media(max-width:767px){
  .s8-news-slide{grid-template-columns:1fr;gap:16px}
  .s8-news-title a{font-size:18px}
  .s8-news-content{padding:16px}
  .s8-news-nav{display:none}
}