/*
NexaGadget Shared Stylesheet
Generated from:
- index.html
- product.html
- category.html
- company.html
- news.html
- single-news.html
*/

/* =========================
   index.html
   ========================= */

:root{
      --brand:#db141a;
      --ink:#171a1f;
      --muted:#595e66;
      --line:#e0e3e5;
      --panel:#f6f7f8;
      --dark:#1a1c21;
      --image:#e5e8eb;
    }

    html,body{
      max-width:100%;
      overflow-x:clip;
    }

    body{
      margin:0;
      background:var(--panel);
      color:var(--ink);
      font-family:"Inter",sans-serif;
      font-size:15px; /* increased from the Tailwind version */
    }

    a{color:inherit;text-decoration:none}
    .site-container{width:1280px;max-width:calc(100% - 32px);margin:0 auto}
    .top-strip{height:28px;background:#ebebeb}
    .brand-red{background:var(--brand)}
    .text-brand{color:var(--brand)!important}
    .bg-panel{background:var(--panel)!important}
    .bg-dark-custom{background:var(--dark)!important}

    .site-header-main{height:86px}
    .site-logo{font-size:28px;font-weight:700;line-height:1}
    .site-tagline{font-size:11px;font-weight:600;color:var(--muted)}
    .search-box{
      width:190px;height:38px;border:0;border-radius:5px;background:var(--panel);
      padding:0 14px;font-size:13px;outline:none;
    }

    .primary-nav a{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}
    .secondary-nav{background:#8c8f94}
    .secondary-nav a{font-size:11px;color:#fff;white-space:nowrap}

    .section-box{background:#fff}
    .section-title{font-size:20px;font-weight:650;text-transform:uppercase;margin:0}
    .section-rule{display:flex;align-items:center;gap:8px;margin-top:8px}
    .section-rule:before{content:"";width:38px;height:3px;background:var(--brand)}
    .section-rule:after{content:"";height:1px;background:var(--line);flex:1}

    .img-ph{
      background:var(--image);border-radius:3px;display:flex;align-items:center;justify-content:center;
      font-size:10px;font-weight:600;color:var(--muted);text-align:center;padding:4px;
    }

    .story-title{
      font-size:14px;line-height:1.42;margin:8px 0 0;color:var(--ink);
    }

    .side-heading{
      background:var(--brand);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:9px 10px;
    }

    .left-rail-title{font-size:16px;font-weight:700;color:var(--brand)}
    .left-rail p,.side-small{font-size:11.5px;line-height:1.4}
    .category-tile{
      min-height:82px;background:#fff;border-radius:6px;display:flex;flex-direction:column;
      align-items:center;justify-content:center;text-align:center;padding:6px;border:1px solid #f1f1f1;
    }
    .category-tile.active{background:#fff2f2;color:var(--brand)}
    .category-icon{width:30px;height:30px;margin-bottom:6px}
    .category-name{font-size:10.5px;font-weight:600}
    .finder-row{background:#f0f0f0;border-radius:9px;padding:10px}
    .finder-submenu{
      background:#f0f0f0;
      border-radius:10px;
      padding:12px;
      overflow:hidden;
    }
    .finder-submenu-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .finder-submenu-title{
      font-size:14px;
      font-weight:700;
      margin:0;
    }
    .finder-submenu-link{
      color:var(--brand);
      font-size:11px;
      font-weight:600;
      white-space:nowrap;
    }
    .finder-products{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      background:#fff;
      border-radius:9px;
      overflow:hidden;
      border:1px solid #e8e8e8;
    }
    .finder-product{
      min-width:0;
      padding:10px 8px 9px;
      text-align:center;
      border-right:1px solid #ececec;
      background:#fff;
    }
    .finder-product:last-child{border-right:0}
    .finder-product-img{
      width:100%;
      aspect-ratio:1 / .78;
      border-radius:5px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--muted);
      font-size:9px;
      font-weight:600;
      overflow:hidden;
    }
    .finder-product-img img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
    }
    .finder-product-name{
      margin-top:8px;
      font-size:11px;
      line-height:1.35;
      font-weight:500;
    }
    .finder-product-meta{
      margin-top:4px;
      font-size:10px;
      color:var(--muted);
    }
    .finder-product-action{
      display:inline-block;
      margin-top:5px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .finder-comparison .finder-product-img{aspect-ratio:1 / .64}
    .finder-brands .finder-product-img{aspect-ratio:1 / .55;background:#fff;border:1px solid #eee}

    @media (max-width:767.98px){
      .finder-products{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
      }
      .finder-product{
        flex:0 0 145px;
        scroll-snap-align:start;
      }
      .finder-submenu{
        padding:10px;
      }
      .finder-submenu-title{font-size:13px}
    }

    .finder-row-title{font-size:13px;font-weight:700;margin-bottom:8px}
    .product-name{font-size:10.5px;margin-top:5px}
    .budget-chip{background:#fff;border-radius:18px;padding:8px 13px;font-size:11px;display:inline-block}
    .form-select,.form-control{font-size:13px}
    .btn-brand{background:var(--brand);color:#fff;border:0}
    .btn-brand:hover{background:#bd1016;color:#fff}

    .review-card-img{position:relative}
    .review-score{
      position:absolute;left:8px;bottom:-14px;width:31px;height:31px;border-radius:50%;
      background:#fff;display:flex;align-items:center;justify-content:center;color:var(--brand);
      font-size:12px;font-weight:700;box-shadow:0 2px 7px rgba(0,0,0,.14);
    }

    .footer-heading{font-size:14px;font-weight:700;color:#fff}
    footer a,footer li,footer p{font-size:11px}
    footer ul{list-style:none;margin:0;padding:0}
    footer li{margin-bottom:10px}
    .footer-about{line-height:1.65}


    /* Full-width Product Finder mega menu */
    .primary-nav-wrap{
      position:relative;
      width:100%;
    }
    .mega-trigger{
      position:static!important;
      display:flex;
      align-items:center;
    }
    .mega-trigger > a{
      display:flex;
      align-items:center;
      gap:5px;
    }
    .mega-trigger > a .chev{
      width:11px;height:11px;transition:transform .18s ease;
    }
    .product-mega-menu{
      position:absolute;
      z-index:1055;
      top:100%;
      left:0;
      right:0;
      width:100%;
      transform:none;
      background:#fff;
      color:var(--ink);
      border-top:3px solid var(--brand);
      border-bottom:1px solid #ddd;
      box-shadow:0 10px 28px rgba(0,0,0,.17);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform-origin:top center;
      transition:opacity .12s ease, visibility .12s ease;
    }

    .product-mega-menu.show{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }
    .mega-trigger.menu-open > a .chev{transform:rotate(180deg)}
    .product-mega-inner{
      width:1280px;
      max-width:calc(100% - 32px);
      margin:0 auto;
      padding:20px 18px 22px;
    }
    .mega-heading{
      font-size:15px;
      font-weight:700;
      margin:0 0 13px;
      padding-bottom:9px;
      border-bottom:2px solid var(--brand);
      display:inline-block;
    }
    .mega-category-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      border:1px solid #e5e5e5;
      border-radius:8px;
      overflow:hidden;
      background:#fff;
    }
    .mega-category{
      display:flex;
      align-items:center;
      gap:11px;
      min-height:58px;
      padding:10px 13px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:13px!important;
      font-weight:500!important;
      color:var(--ink)!important;
      background:#fff;
      transition:background .15s,color .15s;
    }
    .mega-category:nth-child(4n){border-right:0}
    .mega-category:nth-last-child(-n+4){border-bottom:0}
    .mega-category:hover{background:#fff3f3;color:var(--brand)!important}
    .mega-category svg{width:25px;height:25px;flex:0 0 25px}
    .mega-feature{
      display:block;
      color:var(--ink)!important;
      font-size:12px!important;
      font-weight:500!important;
    }
    .mega-feature-img{
      height:95px;
      border-radius:7px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:9px;
      color:var(--muted);
      margin-bottom:8px;
      overflow:hidden;
    }
    .mega-feature-img img{width:100%;height:100%;object-fit:cover}
    .mega-feature strong{
      display:block;
      font-size:12px;
      line-height:1.35;
      color:var(--ink);
    }
    .mega-feature small{
      display:block;
      margin-top:4px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .mega-quick-link{
      display:inline-block;
      background:#f3f4f5;
      color:var(--ink)!important;
      font-size:11px!important;
      font-weight:600!important;
      border-radius:18px;
      padding:8px 12px;
    }
    .mega-quick-link:hover{background:#ffe9ea;color:var(--brand)!important}


    .mobile-finder-toggle{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      background:none;
      border:0;
      padding:0;
      font-size:14px;
      font-weight:600;
      color:var(--ink);
      text-align:left;
    }
    .mobile-finder-toggle svg{transition:transform .2s ease}
    .mobile-finder-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
    .mobile-mega-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      border:1px solid #e8e8e8;
      border-radius:8px;
      overflow:hidden;
      margin-top:12px;
    }
    .mobile-mega-item{
      display:flex;
      align-items:center;
      gap:9px;
      min-height:52px;
      padding:9px 10px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:12px;
      font-weight:500;
      background:#fff;
    }
    .mobile-mega-item:nth-child(2n){border-right:0}
    .mobile-mega-item svg{width:23px;height:23px;flex:0 0 23px}
    .mobile-feature-card{
      display:grid;
      grid-template-columns:72px 1fr;
      gap:10px;
      align-items:center;
      padding:10px 0;
      border-bottom:1px solid #eee;
    }
    .mobile-feature-img{
      height:58px;
      border-radius:6px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:8px;
      color:var(--muted);
    }


    .mobile-search-btn{
      width:38px;
      height:38px;
      border:0;
      background:transparent;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--ink);
      padding:0;
    }
    .mobile-search-btn svg{width:25px;height:25px}
    .mobile-search-panel{
      display:none;
      background:#fff;
      border-top:1px solid #eee;
      padding:10px 12px;
    }
    .mobile-search-panel.show{display:block}
    .mobile-search-input{
      width:100%;
      height:42px;
      border:1px solid #dfe2e5;
      border-radius:6px;
      padding:0 13px;
      font-size:14px;
      outline:none;
    }
    .mobile-category-strip{
      display:none;
      background:#fff;
      border-top:1px solid #ececec;
      border-bottom:1px solid #ececec;
      box-shadow:0 2px 5px rgba(0,0,0,.04);
    }
    .mobile-category-scroll{
      display:flex;
      align-items:center;
      gap:0;
      overflow-x:auto;
      white-space:nowrap;
      scrollbar-width:none;
      -ms-overflow-style:none;
      scroll-behavior:smooth;
      -webkit-overflow-scrolling:touch;
    }
    .mobile-category-scroll::-webkit-scrollbar{display:none}
    .mobile-category-link{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:6px;
      min-height:48px;
      padding:0 14px;
      border-right:1px solid #ececec;
      font-size:13px;
      font-weight:500;
      color:var(--ink);
    }
    .mobile-category-link.active{
      color:var(--brand);
      font-weight:700;
    }
    .mobile-category-link svg{
      width:20px;
      height:20px;
      flex:0 0 20px;
    }
    .mobile-strip-wrap{
      position:relative;
    }
    .mobile-strip-arrow{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:3;
      width:30px;
      height:38px;
      border:0;
      background:linear-gradient(90deg,#fff 60%,rgba(255,255,255,0));
      display:none;
      align-items:center;
      justify-content:center;
      padding:0;
    }
    .mobile-strip-arrow.right{
      right:0;
      left:auto;
      background:linear-gradient(270deg,#fff 60%,rgba(255,255,255,0));
    }
    .mobile-strip-arrow.left{left:0}
    @media (max-width:991.98px){
      .mobile-category-strip{display:block}
      .mobile-strip-arrow{display:flex}
      .mobile-category-scroll{padding:0 24px}
    }

    @media (min-width:992px){
      .main-layout{
        display:grid;
        grid-template-columns:132px 694px 162px;
        gap:19px;
        align-items:start;
      }
      .top-stories-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr)) 170px;
        gap:16px;
        width:100%;
        align-items:stretch;
      }
      .top-stories-grid > *{
        min-width:0;
      }

      .top-stories-grid.row{
        margin-left:0;
        margin-right:0;
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:0;
        padding-right:0;
        width:auto;
        max-width:none;
      }

      .top-stories-grid .ad-column{
        width:100%;
      }
    }

    @media (max-width:991.98px){
      body{font-size:15px}
      .site-container{width:auto;max-width:760px;padding-left:14px;padding-right:14px}

      .top-stories-grid.row{
        display:flex;
        margin-left:calc(-.5 * var(--bs-gutter-x));
        margin-right:calc(-.5 * var(--bs-gutter-x));
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5);
        width:50%;
      }

      .site-header-main{height:72px}
      .site-logo{font-size:25px}
      .section-title{font-size:19px}
      .story-title{font-size:14.5px}
      .mobile-nav-link{font-size:14px!important}
    }

    @media (max-width:575.98px){

      .top-stories-grid.row > [class*="col-"]{
        width:100%;
      }

      .site-container{width:auto;padding-left:12px;padding-right:12px}
      .site-logo{font-size:23px}
      .section-title{font-size:18px}
      .story-title{font-size:14px}
      .img-ph{font-size:9px}
    }
  
/* HOMEPAGE 1280px LAYOUT REPAIR
   The old lower homepage grid was still hard-coded for the previous 1026px container.
   These overrides make all homepage sections use the new 1280px container consistently. */
@media (min-width:1200px){
  .main-layout{
    display:grid !important;
    grid-template-columns:150px minmax(0,1fr) 240px !important;
    gap:18px !important;
    width:100% !important;
    align-items:start !important;
  }

  .top-stories-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) 220px !important;
    gap:16px !important;
  }

  .left-rail,
  .main-column,
  .right-rail{
    min-width:0 !important;
    width:100% !important;
  }

  .main-column .section-box,
  .main-column > section,
  .main-column > div{
    max-width:100% !important;
  }

  .right-rail .section-box,
  .right-rail > section,
  .right-rail > div{
    width:100% !important;
    max-width:100% !important;
  }
}

/* Slightly narrower desktop */
@media (min-width:992px) and (max-width:1199.98px){
  .main-layout{
    grid-template-columns:130px minmax(0,1fr) 190px !important;
    gap:14px !important;
  }

  .top-stories-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) 185px !important;
    gap:12px !important;
  }
}

/* Keep cards visually balanced in the wider homepage */
@media (min-width:992px){
  .main-layout{
    margin-top:0 !important;
  }

  .main-column{
    min-width:0 !important;
  }

  .main-column .row{
    max-width:100% !important;
  }

  .finder-products,
  .finder-row,
  .finder-submenu{
    max-width:100% !important;
  }
}


/* HOMEPAGE WIDTH ALIGNMENT
   Make the upper Top Stories area and lower homepage content use the same
   wider desktop container, including the right advertisement/sidebar. */
@media (min-width: 1200px) {
  body.home-page .container,
  body.home-page .container-xl,
  body.home-page .site-container,
  body.home-page main > .container {
    max-width: 1280px !important;
  }

  .top-stories-grid {
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 240px !important;
    gap: 16px !important;
  }

  .main-layout {
    width: 100% !important;
    grid-template-columns: 150px minmax(0, 1fr) 240px !important;
    gap: 18px !important;
  }

  .top-stories-grid > *,
  .main-layout > *,
  .main-column,
  .right-rail,
  .left-rail {
    min-width: 0 !important;
  }

  .top-stories-grid .ad-card,
  .right-rail,
  .right-rail .section-box {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 1200px) {
  .top-stories-grid,
  .main-layout {
    max-width: none !important;
  }
}

/* =========================
   product.html
   ========================= */

:root{
      --brand:#db141a;
      --ink:#171a1f;
      --muted:#595e66;
      --line:#e0e3e5;
      --panel:#f6f7f8;
      --dark:#1a1c21;
      --image:#e5e8eb;
    }

    html,body{
      max-width:100%;
      overflow-x:clip;
    }

    body{
      margin:0;
      background:var(--panel);
      color:var(--ink);
      font-family:"Inter",sans-serif;
      font-size:15px; /* increased from the Tailwind version */
    }

    a{color:inherit;text-decoration:none}
    .site-container{width:1280px;max-width:calc(100% - 32px);margin:0 auto}
    .top-strip{height:28px;background:#ebebeb}
    .brand-red{background:var(--brand)}
    .text-brand{color:var(--brand)!important}
    .bg-panel{background:var(--panel)!important}
    .bg-dark-custom{background:var(--dark)!important}

    .site-header-main{height:86px}
    .site-logo{font-size:28px;font-weight:700;line-height:1}
    .site-tagline{font-size:11px;font-weight:600;color:var(--muted)}
    .search-box{
      width:190px;height:38px;border:0;border-radius:5px;background:var(--panel);
      padding:0 14px;font-size:13px;outline:none;
    }

    .primary-nav a{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}
    .secondary-nav{background:#8c8f94}
    .secondary-nav a{font-size:11px;color:#fff;white-space:nowrap}

    .section-box{background:#fff}
    .section-title{font-size:20px;font-weight:650;text-transform:uppercase;margin:0}
    .section-rule{display:flex;align-items:center;gap:8px;margin-top:8px}
    .section-rule:before{content:"";width:38px;height:3px;background:var(--brand)}
    .section-rule:after{content:"";height:1px;background:var(--line);flex:1}

    .img-ph{
      background:var(--image);border-radius:3px;display:flex;align-items:center;justify-content:center;
      font-size:10px;font-weight:600;color:var(--muted);text-align:center;padding:4px;
    }

    .story-title{
      font-size:14px;line-height:1.42;margin:8px 0 0;color:var(--ink);
    }

    .side-heading{
      background:var(--brand);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:9px 10px;
    }

    .left-rail-title{font-size:16px;font-weight:700;color:var(--brand)}
    .left-rail p,.side-small{font-size:11.5px;line-height:1.4}
    .category-tile{
      min-height:82px;background:#fff;border-radius:6px;display:flex;flex-direction:column;
      align-items:center;justify-content:center;text-align:center;padding:6px;border:1px solid #f1f1f1;
    }
    .category-tile.active{background:#fff2f2;color:var(--brand)}
    .category-icon{width:30px;height:30px;margin-bottom:6px}
    .category-name{font-size:10.5px;font-weight:600}
    .finder-row{background:#f0f0f0;border-radius:9px;padding:10px}
    .finder-submenu{
      background:#f0f0f0;
      border-radius:10px;
      padding:12px;
      overflow:hidden;
    }
    .finder-submenu-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .finder-submenu-title{
      font-size:14px;
      font-weight:700;
      margin:0;
    }
    .finder-submenu-link{
      color:var(--brand);
      font-size:11px;
      font-weight:600;
      white-space:nowrap;
    }
    .finder-products{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      background:#fff;
      border-radius:9px;
      overflow:hidden;
      border:1px solid #e8e8e8;
    }
    .finder-product{
      min-width:0;
      padding:10px 8px 9px;
      text-align:center;
      border-right:1px solid #ececec;
      background:#fff;
    }
    .finder-product:last-child{border-right:0}
    .finder-product-img{
      width:100%;
      aspect-ratio:1 / .78;
      border-radius:5px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--muted);
      font-size:9px;
      font-weight:600;
      overflow:hidden;
    }
    .finder-product-img img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
    }
    .finder-product-name{
      margin-top:8px;
      font-size:11px;
      line-height:1.35;
      font-weight:500;
    }
    .finder-product-meta{
      margin-top:4px;
      font-size:10px;
      color:var(--muted);
    }
    .finder-product-action{
      display:inline-block;
      margin-top:5px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .finder-comparison .finder-product-img{aspect-ratio:1 / .64}
    .finder-brands .finder-product-img{aspect-ratio:1 / .55;background:#fff;border:1px solid #eee}

    @media (max-width:767.98px){
      .finder-products{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
      }
      .finder-product{
        flex:0 0 145px;
        scroll-snap-align:start;
      }
      .finder-submenu{
        padding:10px;
      }
      .finder-submenu-title{font-size:13px}
    }

    .finder-row-title{font-size:13px;font-weight:700;margin-bottom:8px}
    .product-name{font-size:10.5px;margin-top:5px}
    .budget-chip{background:#fff;border-radius:18px;padding:8px 13px;font-size:11px;display:inline-block}
    .form-select,.form-control{font-size:13px}
    .btn-brand{background:var(--brand);color:#fff;border:0}
    .btn-brand:hover{background:#bd1016;color:#fff}

    .review-card-img{position:relative}
    .review-score{
      position:absolute;left:8px;bottom:-14px;width:31px;height:31px;border-radius:50%;
      background:#fff;display:flex;align-items:center;justify-content:center;color:var(--brand);
      font-size:12px;font-weight:700;box-shadow:0 2px 7px rgba(0,0,0,.14);
    }

    .footer-heading{font-size:14px;font-weight:700;color:#fff}
    footer a,footer li,footer p{font-size:11px}
    footer ul{list-style:none;margin:0;padding:0}
    footer li{margin-bottom:10px}
    .footer-about{line-height:1.65}


    /* Full-width Product Finder mega menu */
    .primary-nav-wrap{
      position:relative;
      width:100%;
    }
    .mega-trigger{
      position:static!important;
      display:flex;
      align-items:center;
    }
    .mega-trigger > a{
      display:flex;
      align-items:center;
      gap:5px;
    }
    .mega-trigger > a .chev{
      width:11px;height:11px;transition:transform .18s ease;
    }
    .product-mega-menu{
      position:absolute;
      z-index:1055;
      top:100%;
      left:0;
      right:0;
      width:100%;
      transform:none;
      background:#fff;
      color:var(--ink);
      border-top:3px solid var(--brand);
      border-bottom:1px solid #ddd;
      box-shadow:0 10px 28px rgba(0,0,0,.17);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform-origin:top center;
      transition:opacity .12s ease, visibility .12s ease;
    }

    .product-mega-menu.show{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }
    .mega-trigger.menu-open > a .chev{transform:rotate(180deg)}
    .product-mega-inner{
      width:1280px;
      max-width:calc(100% - 32px);
      margin:0 auto;
      padding:20px 18px 22px;
    }
    .mega-heading{
      font-size:15px;
      font-weight:700;
      margin:0 0 13px;
      padding-bottom:9px;
      border-bottom:2px solid var(--brand);
      display:inline-block;
    }
    .mega-category-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      border:1px solid #e5e5e5;
      border-radius:8px;
      overflow:hidden;
      background:#fff;
    }
    .mega-category{
      display:flex;
      align-items:center;
      gap:11px;
      min-height:58px;
      padding:10px 13px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:13px!important;
      font-weight:500!important;
      color:var(--ink)!important;
      background:#fff;
      transition:background .15s,color .15s;
    }
    .mega-category:nth-child(4n){border-right:0}
    .mega-category:nth-last-child(-n+4){border-bottom:0}
    .mega-category:hover{background:#fff3f3;color:var(--brand)!important}
    .mega-category svg{width:25px;height:25px;flex:0 0 25px}
    .mega-feature{
      display:block;
      color:var(--ink)!important;
      font-size:12px!important;
      font-weight:500!important;
    }
    .mega-feature-img{
      height:95px;
      border-radius:7px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:9px;
      color:var(--muted);
      margin-bottom:8px;
      overflow:hidden;
    }
    .mega-feature-img img{width:100%;height:100%;object-fit:cover}
    .mega-feature strong{
      display:block;
      font-size:12px;
      line-height:1.35;
      color:var(--ink);
    }
    .mega-feature small{
      display:block;
      margin-top:4px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .mega-quick-link{
      display:inline-block;
      background:#f3f4f5;
      color:var(--ink)!important;
      font-size:11px!important;
      font-weight:600!important;
      border-radius:18px;
      padding:8px 12px;
    }
    .mega-quick-link:hover{background:#ffe9ea;color:var(--brand)!important}


    .mobile-finder-toggle{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      background:none;
      border:0;
      padding:0;
      font-size:14px;
      font-weight:600;
      color:var(--ink);
      text-align:left;
    }
    .mobile-finder-toggle svg{transition:transform .2s ease}
    .mobile-finder-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
    .mobile-mega-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      border:1px solid #e8e8e8;
      border-radius:8px;
      overflow:hidden;
      margin-top:12px;
    }
    .mobile-mega-item{
      display:flex;
      align-items:center;
      gap:9px;
      min-height:52px;
      padding:9px 10px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:12px;
      font-weight:500;
      background:#fff;
    }
    .mobile-mega-item:nth-child(2n){border-right:0}
    .mobile-mega-item svg{width:23px;height:23px;flex:0 0 23px}
    .mobile-feature-card{
      display:grid;
      grid-template-columns:72px 1fr;
      gap:10px;
      align-items:center;
      padding:10px 0;
      border-bottom:1px solid #eee;
    }
    .mobile-feature-img{
      height:58px;
      border-radius:6px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:8px;
      color:var(--muted);
    }


    .mobile-search-btn{
      width:38px;
      height:38px;
      border:0;
      background:transparent;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--ink);
      padding:0;
    }
    .mobile-search-btn svg{width:25px;height:25px}
    .mobile-search-panel{
      display:none;
      background:#fff;
      border-top:1px solid #eee;
      padding:10px 12px;
    }
    .mobile-search-panel.show{display:block}
    .mobile-search-input{
      width:100%;
      height:42px;
      border:1px solid #dfe2e5;
      border-radius:6px;
      padding:0 13px;
      font-size:14px;
      outline:none;
    }
    .mobile-category-strip{
      display:none;
      background:#fff;
      border-top:1px solid #ececec;
      border-bottom:1px solid #ececec;
      box-shadow:0 2px 5px rgba(0,0,0,.04);
    }
    .mobile-category-scroll{
      display:flex;
      align-items:center;
      gap:0;
      overflow-x:auto;
      white-space:nowrap;
      scrollbar-width:none;
      -ms-overflow-style:none;
      scroll-behavior:smooth;
      -webkit-overflow-scrolling:touch;
    }
    .mobile-category-scroll::-webkit-scrollbar{display:none}
    .mobile-category-link{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:6px;
      min-height:48px;
      padding:0 14px;
      border-right:1px solid #ececec;
      font-size:13px;
      font-weight:500;
      color:var(--ink);
    }
    .mobile-category-link.active{
      color:var(--brand);
      font-weight:700;
    }
    .mobile-category-link svg{
      width:20px;
      height:20px;
      flex:0 0 20px;
    }
    .mobile-strip-wrap{
      position:relative;
    }
    .mobile-strip-arrow{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:3;
      width:30px;
      height:38px;
      border:0;
      background:linear-gradient(90deg,#fff 60%,rgba(255,255,255,0));
      display:none;
      align-items:center;
      justify-content:center;
      padding:0;
    }
    .mobile-strip-arrow.right{
      right:0;
      left:auto;
      background:linear-gradient(270deg,#fff 60%,rgba(255,255,255,0));
    }
    .mobile-strip-arrow.left{left:0}
    @media (max-width:991.98px){
      .mobile-category-strip{display:block}
      .mobile-strip-arrow{display:flex}
      .mobile-category-scroll{padding:0 24px}
    }

    @media (min-width:992px){
      .main-layout{
        display:grid;
        grid-template-columns:132px 694px 162px;
        gap:19px;
        align-items:start;
      }
      .top-stories-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr)) 170px;
        gap:16px;
        width:100%;
        align-items:stretch;
      }
      .top-stories-grid > *{
        min-width:0;
      }

      .top-stories-grid.row{
        margin-left:0;
        margin-right:0;
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:0;
        padding-right:0;
        width:auto;
        max-width:none;
      }

      .top-stories-grid .ad-column{
        width:100%;
      }
    }

    @media (max-width:991.98px){
      body{font-size:15px}
      .site-container{width:auto;max-width:760px;padding-left:14px;padding-right:14px}

      .top-stories-grid.row{
        display:flex;
        margin-left:calc(-.5 * var(--bs-gutter-x));
        margin-right:calc(-.5 * var(--bs-gutter-x));
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5);
        width:50%;
      }

      .site-header-main{height:72px}
      .site-logo{font-size:25px}
      .section-title{font-size:19px}
      .story-title{font-size:14.5px}
      .mobile-nav-link{font-size:14px!important}
    }

    @media (max-width:575.98px){

      .top-stories-grid.row > [class*="col-"]{
        width:100%;
      }

      .site-container{width:auto;padding-left:12px;padding-right:12px}
      .site-logo{font-size:23px}
      .section-title{font-size:18px}
      .story-title{font-size:14px}
      .img-ph{font-size:9px}
    }
  
.gallery-trigger{cursor:pointer}
.gallery-trigger:hover{opacity:.94}
.gallery-count{
  position:relative;
  cursor:pointer;
  overflow:hidden;
}
.gallery-count::after{
  content:"+58";
  position:absolute;
  inset:0;
  background:rgba(23,26,31,.72);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:800;
  border-radius:7px;
}
.gallery-modal .modal-dialog{
  max-width:920px;
}
.gallery-modal .modal-content{
  border:0;
  border-radius:0;
  overflow:hidden;
}
.gallery-modal .modal-header{
  padding:0 12px;
  min-height:48px;
  border-bottom:1px solid #ddd;
}
.gallery-tabs{
  display:flex;
  align-items:center;
  gap:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.gallery-tabs::-webkit-scrollbar{display:none}
.gallery-tab{
  border:0;
  background:#fff;
  padding:14px 16px 12px;
  font-size:14px;
  white-space:nowrap;
  color:#333;
  position:relative;
}
.gallery-tab.active{
  color:#e50914;
}
.gallery-tab.active::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:#e50914;
}
.gallery-modal-body{
  min-height:550px;
  background:#fff;
  display:flex;
  flex-direction:column;
  padding:0;
}
.gallery-stage{
  flex:1;
  min-height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:24px 60px;
}
.gallery-stage-img{
  width:min(500px,80%);
  height:360px;
  object-fit:contain;
  background:#fff;
}
.gallery-placeholder{
  width:min(500px,80%);
  height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f4f5;
  color:#6b7280;
  font-weight:700;
  border-radius:8px;
}
.gallery-caption{
  text-align:center;
  font-size:14px;
  padding:0 20px 18px;
}
.gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:38px;height:38px;
  border:1px solid #ddd;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0d6efd;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.gallery-arrow.prev{left:14px}
.gallery-arrow.next{right:14px}
.gallery-thumbs{
  display:flex;
  gap:8px;
  padding:10px;
  border-top:1px solid #eee;
  overflow-x:auto;
  background:#fff;
}
.gallery-thumb{
  flex:0 0 86px;
  height:78px;
  border:1px solid #ddd;
  background:#f4f5f6;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px;
  cursor:pointer;
}
.gallery-thumb.active{
  border:2px solid #e50914;
}
@media(max-width:767.98px){
  .gallery-modal .modal-dialog{
    max-width:none;
    margin:0;
    min-height:100vh;
  }
  .gallery-modal .modal-content{
    min-height:100vh;
  }
  .gallery-modal-body{
    min-height:calc(100vh - 48px);
  }
  .gallery-stage{
    min-height:420px;
    padding:20px 42px;
  }
  .gallery-placeholder,
  .gallery-stage-img{
    width:100%;
    height:300px;
  }
  .gallery-tab{
    padding:14px 12px 12px;
    font-size:13px;
  }
}


/* Stable sticky product header - added without changing the existing page grid */
.ng-product-sticky{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1035;
  background:#fff;
  border-bottom:1px solid #ddd;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
  transform:translateY(-110%);
  opacity:0;
  pointer-events:none;
  transition:transform .2s ease, opacity .2s ease;
}
.ng-product-sticky.is-visible{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}
.ng-product-sticky-inner{
  width:1280px;
  max-width:calc(100% - 32px);
  margin:0 auto;
  padding:10px 0 0;
}
.ng-sticky-top{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:20px;
}
.ng-sticky-title-wrap{display:flex;align-items:center;gap:9px}
.ng-sticky-title{font-size:24px;line-height:1.2;font-weight:800;margin:0}
.ng-share-btn{
  width:35px;height:35px;border:0;border-radius:50%;
  background:#f2f3f4;display:flex;align-items:center;justify-content:center;
}
.ng-share-btn svg{width:18px;height:18px}
.ng-sticky-score{text-align:center;min-width:82px}
.ng-score-circle{
  width:52px;height:52px;border:3px solid #f7a91d;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 3px;font-size:22px;font-weight:800;
}
.ng-sticky-price{font-size:14px;font-weight:800}
.ng-tabs{
  display:flex;align-items:center;overflow-x:auto;white-space:nowrap;
  scrollbar-width:none;margin-top:6px;
}
.ng-tabs::-webkit-scrollbar{display:none}
.ng-tab{
  flex:0 0 auto;padding:11px 14px 10px;
  border-bottom:3px solid transparent;color:#222;font-size:13px;
}
.ng-tab:hover,.ng-tab.active{color:#e50914;border-bottom-color:#e50914}
.ng-anchor{scroll-margin-top:128px}

/* share popup */
.ng-share-pop{
  display:none;position:fixed;z-index:1085;min-width:220px;
  background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.ng-share-pop.show{display:block}
.ng-share-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ng-share-action{
  border:0;border-radius:8px;background:#f5f6f7;padding:8px 4px;
  font-size:10px;text-align:center;
}

/* Video section */
.ng-video{
  aspect-ratio:16/9;background:#191919;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
}
.ng-play{
  width:68px;height:68px;border:0;border-radius:50%;
  background:#e50914;color:#fff;display:flex;align-items:center;justify-content:center;
}
.ng-play svg{width:28px;height:28px;margin-left:4px}

/* Help + price list */
.ng-help-card{background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:16px}
.ng-service{
  display:inline-flex;align-items:center;gap:10px;background:#f2f2f2;
  border-radius:22px;padding:10px 16px;font-size:13px;font-weight:600;
}
.ng-price-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.ng-price-strip::-webkit-scrollbar{display:none}
.ng-price-brand{
  flex:0 0 180px;border:1px solid #e5e5e5;background:#fff;text-align:center;
}
.ng-price-logo{
  height:74px;display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid #eee;font-size:20px;font-weight:800;
}
.ng-price-name{padding:9px;font-size:12px}

@media(max-width:991.98px){
  .ng-product-sticky-inner{padding-left:12px;padding-right:12px}
  .ng-sticky-title{font-size:20px}
   .ng-tab{font-size:12px;padding:10px 12px}
  .ng-anchor{scroll-margin-top:108px}
}

#normalProductHeader{padding-top:2px}
#normalProductHeader .breadcrumbs{font-size:12px;color:#6f7378}
#normalProductHeader .product-title{font-size:29px;font-weight:800}
@media(max-width:575.98px){#normalProductHeader .product-title{font-size:23px}}

/* Mobile menu safety: keep the offcanvas inside the viewport */
@media (max-width: 991.98px){
  #mobileMenu{
    --bs-offcanvas-width: min(88vw, 360px);
    max-width: 88vw;
  }
  #mobileMenu .offcanvas-body{
    overflow-y:auto;
    overflow-x:hidden;
  }
  body.offcanvas-open{
    overflow:hidden;
  }
}


/* Desktop Product Finder mega-menu safety */
@media (min-width: 992px){
  .primary-nav-wrap{
    position:relative;
    overflow:visible !important;
  }
  .primary-nav{
    overflow:visible !important;
  }
  .mega-trigger{
    position:static !important;
  }
  .product-mega-menu{
    top:100%;
    left:0;
    right:0;
    width:100%;
    transform:none;
  }
}


/* Share modal */
.share-modal .modal-content{
  border:0;
  border-radius:14px;
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.share-modal .modal-header{
  border-bottom:1px solid #eee;
  padding:16px 18px;
}
.share-modal .modal-title{
  font-size:18px;
  font-weight:800;
}
.share-modal .modal-body{padding:18px}
.share-social-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.share-social{
  border:1px solid #e5e5e5;
  background:#fff;
  border-radius:12px;
  min-height:88px;
  padding:12px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:11px;
  font-weight:600;
  transition:.15s ease;
}
.share-social:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.share-social-icon{
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
}
.share-social-icon svg{width:21px;height:21px}
.bg-whatsapp{background:#25D366}
.bg-facebook{background:#1877F2}
.bg-x{background:#111}
.bg-linkedin{background:#0A66C2}
.bg-telegram{background:#229ED9}
.bg-pinterest{background:#E60023}
.bg-reddit{background:#FF4500}
.bg-email{background:#6c757d}
.bg-copy{background:#343a40}
.bg-messenger{background:#0084FF}
.bg-tumblr{background:#35465C}
.bg-line{background:#06C755}
.share-copy-row{
  display:flex;
  gap:8px;
  margin-top:16px;
}
.share-copy-row input{
  flex:1;
  height:42px;
  border:1px solid #ddd;
  border-radius:8px;
  padding:0 12px;
  font-size:12px;
  background:#f8f9fa;
}
.share-copy-row button{
  border:0;
  border-radius:8px;
  background:#e50914;
  color:#fff;
  padding:0 16px;
  font-weight:700;
  font-size:12px;
}
@media(max-width:575.98px){
  .share-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .share-modal .modal-dialog{margin:12px}
}

.product-page{padding:22px 0 50px}
.breadcrumbs{font-size:12px;color:#777;margin-bottom:12px}
.product-title{font-size:28px;font-weight:800;margin:0 0 6px}
.product-subtitle{font-size:13px;color:#777}
.product-card,.spec-card,.side-card{background:#fff;border:1px solid #e7e7e7;border-radius:10px}
.product-card{padding:16px}
.product-gallery-main{height:330px;background:#f1f3f5;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#777;font-weight:700}
.thumb{height:66px;background:#f1f3f5;border:1px solid #e5e5e5;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px}
.score{width:54px;height:54px;border:3px solid #ffb12b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}
.quick-spec{background:#f7f7f7;border-radius:8px;padding:11px;height:100%}
.quick-spec small{color:#777;display:block}.quick-spec strong{font-size:13px}
.price-box{background:#f7f7f7;border-radius:9px;padding:14px}
.price{font-size:24px;font-weight:800}
.buy-btn{background:#e50914;color:#fff;border:0;border-radius:5px;padding:10px 20px;font-weight:700}
.section-title{font-size:20px;font-weight:800;border-bottom:1px solid #ddd;padding-bottom:10px;margin:26px 0 14px}
.section-title:after{content:"";display:block;width:42px;border-bottom:3px solid #e50914;position:relative;top:13px}
.rating-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rating-pill{width:38px;height:38px;border:2px solid #7bc900;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.spec-card{padding:14px;margin-bottom:12px}
.spec-head{font-size:15px;font-weight:800;margin-bottom:9px}
.spec-row{display:grid;grid-template-columns:42% 58%;padding:8px 6px;border-top:1px solid #eee;font-size:13px}
.spec-row span:first-child{color:#777}
.offer-card{display:flex;gap:12px;align-items:center;border:1px solid #eee;border-radius:8px;padding:10px;margin-bottom:10px}
.offer-img{width:72px;height:65px;background:#eef0f2;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px}
.side-title{background:#e50914;color:#fff;padding:8px 10px;font-weight:800;font-size:13px}
.side-card{overflow:hidden;margin-bottom:15px}
.side-body{padding:10px}
.side-product{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #eee;font-size:12px}
.side-img{height:52px;background:#eef0f2;display:flex;align-items:center;justify-content:center;font-size:8px}
.compare-strip{display:flex;gap:10px;overflow:auto}
.compare-item{min-width:145px;border:1px solid #eee;border-radius:8px;padding:10px;text-align:center}
.compare-img{height:80px;background:#eef0f2;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px}
.article-text{font-size:14px;line-height:1.75}
@media(max-width:991.98px){
 .product-page{padding-top:14px}.product-title{font-size:23px}.product-gallery-main{height:270px}
}
@media(max-width:575.98px){
 .product-title{font-size:21px}.product-card{padding:12px}.product-gallery-main{height:235px}
 .spec-row{grid-template-columns:45% 55%;font-size:12px}
}

/* =========================
   category.html
   ========================= */

:root{
      --brand:#db141a;
      --ink:#171a1f;
      --muted:#595e66;
      --line:#e0e3e5;
      --panel:#f6f7f8;
      --dark:#1a1c21;
      --image:#e5e8eb;
    }

    html,body{
      max-width:100%;
      overflow-x:clip;
    }

    body{
      margin:0;
      background:var(--panel);
      color:var(--ink);
      font-family:"Inter",sans-serif;
      font-size:15px; /* increased from the Tailwind version */
    }

    a{color:inherit;text-decoration:none}
    .site-container{width:1280px;max-width:calc(100% - 32px);margin:0 auto}
    .top-strip{height:28px;background:#ebebeb}
    .brand-red{background:var(--brand)}
    .text-brand{color:var(--brand)!important}
    .bg-panel{background:var(--panel)!important}
    .bg-dark-custom{background:var(--dark)!important}

    .site-header-main{height:86px}
    .site-logo{font-size:28px;font-weight:700;line-height:1}
    .site-tagline{font-size:11px;font-weight:600;color:var(--muted)}
    .search-box{
      width:190px;height:38px;border:0;border-radius:5px;background:var(--panel);
      padding:0 14px;font-size:13px;outline:none;
    }

    .primary-nav a{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}
    .secondary-nav{background:#8c8f94}
    .secondary-nav a{font-size:11px;color:#fff;white-space:nowrap}

    .section-box{background:#fff}
    .section-title{font-size:20px;font-weight:650;text-transform:uppercase;margin:0}
    .section-rule{display:flex;align-items:center;gap:8px;margin-top:8px}
    .section-rule:before{content:"";width:38px;height:3px;background:var(--brand)}
    .section-rule:after{content:"";height:1px;background:var(--line);flex:1}

    .img-ph{
      background:var(--image);border-radius:3px;display:flex;align-items:center;justify-content:center;
      font-size:10px;font-weight:600;color:var(--muted);text-align:center;padding:4px;
    }

    .story-title{
      font-size:14px;line-height:1.42;margin:8px 0 0;color:var(--ink);
    }

    .side-heading{
      background:var(--brand);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:9px 10px;
    }

    .left-rail-title{font-size:16px;font-weight:700;color:var(--brand)}
    .left-rail p,.side-small{font-size:11.5px;line-height:1.4}
    .category-tile{
      min-height:82px;background:#fff;border-radius:6px;display:flex;flex-direction:column;
      align-items:center;justify-content:center;text-align:center;padding:6px;border:1px solid #f1f1f1;
    }
    .category-tile.active{background:#fff2f2;color:var(--brand)}
    .category-icon{width:30px;height:30px;margin-bottom:6px}
    .category-name{font-size:10.5px;font-weight:600}
    .finder-row{background:#f0f0f0;border-radius:9px;padding:10px}
    .finder-submenu{
      background:#f0f0f0;
      border-radius:10px;
      padding:12px;
      overflow:hidden;
    }
    .finder-submenu-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .finder-submenu-title{
      font-size:14px;
      font-weight:700;
      margin:0;
    }
    .finder-submenu-link{
      color:var(--brand);
      font-size:11px;
      font-weight:600;
      white-space:nowrap;
    }
    .finder-products{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      background:#fff;
      border-radius:9px;
      overflow:hidden;
      border:1px solid #e8e8e8;
    }
    .finder-product{
      min-width:0;
      padding:10px 8px 9px;
      text-align:center;
      border-right:1px solid #ececec;
      background:#fff;
    }
    .finder-product:last-child{border-right:0}
    .finder-product-img{
      width:100%;
      aspect-ratio:1 / .78;
      border-radius:5px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--muted);
      font-size:9px;
      font-weight:600;
      overflow:hidden;
    }
    .finder-product-img img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
    }
    .finder-product-name{
      margin-top:8px;
      font-size:11px;
      line-height:1.35;
      font-weight:500;
    }
    .finder-product-meta{
      margin-top:4px;
      font-size:10px;
      color:var(--muted);
    }
    .finder-product-action{
      display:inline-block;
      margin-top:5px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .finder-comparison .finder-product-img{aspect-ratio:1 / .64}
    .finder-brands .finder-product-img{aspect-ratio:1 / .55;background:#fff;border:1px solid #eee}

    @media (max-width:767.98px){
      .finder-products{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
      }
      .finder-product{
        flex:0 0 145px;
        scroll-snap-align:start;
      }
      .finder-submenu{
        padding:10px;
      }
      .finder-submenu-title{font-size:13px}
    }

    .finder-row-title{font-size:13px;font-weight:700;margin-bottom:8px}
    .product-name{font-size:10.5px;margin-top:5px}
    .budget-chip{background:#fff;border-radius:18px;padding:8px 13px;font-size:11px;display:inline-block}
    .form-select,.form-control{font-size:13px}
    .btn-brand{background:var(--brand);color:#fff;border:0}
    .btn-brand:hover{background:#bd1016;color:#fff}

    .review-card-img{position:relative}
    .review-score{
      position:absolute;left:8px;bottom:-14px;width:31px;height:31px;border-radius:50%;
      background:#fff;display:flex;align-items:center;justify-content:center;color:var(--brand);
      font-size:12px;font-weight:700;box-shadow:0 2px 7px rgba(0,0,0,.14);
    }

    .footer-heading{font-size:14px;font-weight:700;color:#fff}
    footer a,footer li,footer p{font-size:11px}
    footer ul{list-style:none;margin:0;padding:0}
    footer li{margin-bottom:10px}
    .footer-about{line-height:1.65}


    /* Full-width Product Finder mega menu */
    .primary-nav-wrap{
      position:relative;
      width:100%;
    }
    .mega-trigger{
      position:static!important;
      display:flex;
      align-items:center;
    }
    .mega-trigger > a{
      display:flex;
      align-items:center;
      gap:5px;
    }
    .mega-trigger > a .chev{
      width:11px;height:11px;transition:transform .18s ease;
    }
    .product-mega-menu{
      position:absolute;
      z-index:1055;
      top:100%;
      left:0;
      right:0;
      width:100%;
      transform:none;
      background:#fff;
      color:var(--ink);
      border-top:3px solid var(--brand);
      border-bottom:1px solid #ddd;
      box-shadow:0 10px 28px rgba(0,0,0,.17);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform-origin:top center;
      transition:opacity .12s ease, visibility .12s ease;
    }

    .product-mega-menu.show{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }
    .mega-trigger.menu-open > a .chev{transform:rotate(180deg)}
    .product-mega-inner{
      width:1280px;
      max-width:calc(100% - 32px);
      margin:0 auto;
      padding:20px 18px 22px;
    }
    .mega-heading{
      font-size:15px;
      font-weight:700;
      margin:0 0 13px;
      padding-bottom:9px;
      border-bottom:2px solid var(--brand);
      display:inline-block;
    }
    .mega-category-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      border:1px solid #e5e5e5;
      border-radius:8px;
      overflow:hidden;
      background:#fff;
    }
    .mega-category{
      display:flex;
      align-items:center;
      gap:11px;
      min-height:58px;
      padding:10px 13px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:13px!important;
      font-weight:500!important;
      color:var(--ink)!important;
      background:#fff;
      transition:background .15s,color .15s;
    }
    .mega-category:nth-child(4n){border-right:0}
    .mega-category:nth-last-child(-n+4){border-bottom:0}
    .mega-category:hover{background:#fff3f3;color:var(--brand)!important}
    .mega-category svg{width:25px;height:25px;flex:0 0 25px}
    .mega-feature{
      display:block;
      color:var(--ink)!important;
      font-size:12px!important;
      font-weight:500!important;
    }
    .mega-feature-img{
      height:95px;
      border-radius:7px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:9px;
      color:var(--muted);
      margin-bottom:8px;
      overflow:hidden;
    }
    .mega-feature-img img{width:100%;height:100%;object-fit:cover}
    .mega-feature strong{
      display:block;
      font-size:12px;
      line-height:1.35;
      color:var(--ink);
    }
    .mega-feature small{
      display:block;
      margin-top:4px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .mega-quick-link{
      display:inline-block;
      background:#f3f4f5;
      color:var(--ink)!important;
      font-size:11px!important;
      font-weight:600!important;
      border-radius:18px;
      padding:8px 12px;
    }
    .mega-quick-link:hover{background:#ffe9ea;color:var(--brand)!important}


    .mobile-finder-toggle{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      background:none;
      border:0;
      padding:0;
      font-size:14px;
      font-weight:600;
      color:var(--ink);
      text-align:left;
    }
    .mobile-finder-toggle svg{transition:transform .2s ease}
    .mobile-finder-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
    .mobile-mega-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      border:1px solid #e8e8e8;
      border-radius:8px;
      overflow:hidden;
      margin-top:12px;
    }
    .mobile-mega-item{
      display:flex;
      align-items:center;
      gap:9px;
      min-height:52px;
      padding:9px 10px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:12px;
      font-weight:500;
      background:#fff;
    }
    .mobile-mega-item:nth-child(2n){border-right:0}
    .mobile-mega-item svg{width:23px;height:23px;flex:0 0 23px}
    .mobile-feature-card{
      display:grid;
      grid-template-columns:72px 1fr;
      gap:10px;
      align-items:center;
      padding:10px 0;
      border-bottom:1px solid #eee;
    }
    .mobile-feature-img{
      height:58px;
      border-radius:6px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:8px;
      color:var(--muted);
    }


    .mobile-search-btn{
      width:38px;
      height:38px;
      border:0;
      background:transparent;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--ink);
      padding:0;
    }
    .mobile-search-btn svg{width:25px;height:25px}
    .mobile-search-panel{
      display:none;
      background:#fff;
      border-top:1px solid #eee;
      padding:10px 12px;
    }
    .mobile-search-panel.show{display:block}
    .mobile-search-input{
      width:100%;
      height:42px;
      border:1px solid #dfe2e5;
      border-radius:6px;
      padding:0 13px;
      font-size:14px;
      outline:none;
    }
    .mobile-category-strip{
      display:none;
      background:#fff;
      border-top:1px solid #ececec;
      border-bottom:1px solid #ececec;
      box-shadow:0 2px 5px rgba(0,0,0,.04);
    }
    .mobile-category-scroll{
      display:flex;
      align-items:center;
      gap:0;
      overflow-x:auto;
      white-space:nowrap;
      scrollbar-width:none;
      -ms-overflow-style:none;
      scroll-behavior:smooth;
      -webkit-overflow-scrolling:touch;
    }
    .mobile-category-scroll::-webkit-scrollbar{display:none}
    .mobile-category-link{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:6px;
      min-height:48px;
      padding:0 14px;
      border-right:1px solid #ececec;
      font-size:13px;
      font-weight:500;
      color:var(--ink);
    }
    .mobile-category-link.active{
      color:var(--brand);
      font-weight:700;
    }
    .mobile-category-link svg{
      width:20px;
      height:20px;
      flex:0 0 20px;
    }
    .mobile-strip-wrap{
      position:relative;
    }
    .mobile-strip-arrow{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:3;
      width:30px;
      height:38px;
      border:0;
      background:linear-gradient(90deg,#fff 60%,rgba(255,255,255,0));
      display:none;
      align-items:center;
      justify-content:center;
      padding:0;
    }
    .mobile-strip-arrow.right{
      right:0;
      left:auto;
      background:linear-gradient(270deg,#fff 60%,rgba(255,255,255,0));
    }
    .mobile-strip-arrow.left{left:0}
    @media (max-width:991.98px){
      .mobile-category-strip{display:block}
      .mobile-strip-arrow{display:flex}
      .mobile-category-scroll{padding:0 24px}
    }

    @media (min-width:992px){
      .main-layout{
        display:grid;
        grid-template-columns:132px 694px 162px;
        gap:19px;
        align-items:start;
      }
      .top-stories-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr)) 170px;
        gap:16px;
        width:100%;
        align-items:stretch;
      }
      .top-stories-grid > *{
        min-width:0;
      }

      .top-stories-grid.row{
        margin-left:0;
        margin-right:0;
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:0;
        padding-right:0;
        width:auto;
        max-width:none;
      }

      .top-stories-grid .ad-column{
        width:100%;
      }
    }

    @media (max-width:991.98px){
      body{font-size:15px}
      .site-container{width:auto;max-width:760px;padding-left:14px;padding-right:14px}

      .top-stories-grid.row{
        display:flex;
        margin-left:calc(-.5 * var(--bs-gutter-x));
        margin-right:calc(-.5 * var(--bs-gutter-x));
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5);
        width:50%;
      }

      .site-header-main{height:72px}
      .site-logo{font-size:25px}
      .section-title{font-size:19px}
      .story-title{font-size:14.5px}
      .mobile-nav-link{font-size:14px!important}
    }

    @media (max-width:575.98px){

      .top-stories-grid.row > [class*="col-"]{
        width:100%;
      }

      .site-container{width:auto;padding-left:12px;padding-right:12px}
      .site-logo{font-size:23px}
      .section-title{font-size:18px}
      .story-title{font-size:14px}
      .img-ph{font-size:9px}
    }
  
.gallery-trigger{cursor:pointer}
.gallery-trigger:hover{opacity:.94}
.gallery-count{
  position:relative;
  cursor:pointer;
  overflow:hidden;
}
.gallery-count::after{
  content:"+58";
  position:absolute;
  inset:0;
  background:rgba(23,26,31,.72);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:800;
  border-radius:7px;
}
.gallery-modal .modal-dialog{
  max-width:920px;
}
.gallery-modal .modal-content{
  border:0;
  border-radius:0;
  overflow:hidden;
}
.gallery-modal .modal-header{
  padding:0 12px;
  min-height:48px;
  border-bottom:1px solid #ddd;
}
.gallery-tabs{
  display:flex;
  align-items:center;
  gap:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.gallery-tabs::-webkit-scrollbar{display:none}
.gallery-tab{
  border:0;
  background:#fff;
  padding:14px 16px 12px;
  font-size:14px;
  white-space:nowrap;
  color:#333;
  position:relative;
}
.gallery-tab.active{
  color:#e50914;
}
.gallery-tab.active::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:#e50914;
}
.gallery-modal-body{
  min-height:550px;
  background:#fff;
  display:flex;
  flex-direction:column;
  padding:0;
}
.gallery-stage{
  flex:1;
  min-height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:24px 60px;
}
.gallery-stage-img{
  width:min(500px,80%);
  height:360px;
  object-fit:contain;
  background:#fff;
}
.gallery-placeholder{
  width:min(500px,80%);
  height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f4f5;
  color:#6b7280;
  font-weight:700;
  border-radius:8px;
}
.gallery-caption{
  text-align:center;
  font-size:14px;
  padding:0 20px 18px;
}
.gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:38px;height:38px;
  border:1px solid #ddd;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0d6efd;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.gallery-arrow.prev{left:14px}
.gallery-arrow.next{right:14px}
.gallery-thumbs{
  display:flex;
  gap:8px;
  padding:10px;
  border-top:1px solid #eee;
  overflow-x:auto;
  background:#fff;
}
.gallery-thumb{
  flex:0 0 86px;
  height:78px;
  border:1px solid #ddd;
  background:#f4f5f6;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px;
  cursor:pointer;
}
.gallery-thumb.active{
  border:2px solid #e50914;
}
@media(max-width:767.98px){
  .gallery-modal .modal-dialog{
    max-width:none;
    margin:0;
    min-height:100vh;
  }
  .gallery-modal .modal-content{
    min-height:100vh;
  }
  .gallery-modal-body{
    min-height:calc(100vh - 48px);
  }
  .gallery-stage{
    min-height:420px;
    padding:20px 42px;
  }
  .gallery-placeholder,
  .gallery-stage-img{
    width:100%;
    height:300px;
  }
  .gallery-tab{
    padding:14px 12px 12px;
    font-size:13px;
  }
}


/* Stable sticky product header - added without changing the existing page grid */
.ng-product-sticky{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1035;
  background:#fff;
  border-bottom:1px solid #ddd;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
  transform:translateY(-110%);
  opacity:0;
  pointer-events:none;
  transition:transform .2s ease, opacity .2s ease;
}
.ng-product-sticky.is-visible{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}
.ng-product-sticky-inner{
  width:1280px;
  max-width:calc(100% - 32px);
  margin:0 auto;
  padding:10px 0 0;
}
.ng-sticky-top{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:20px;
}
.ng-sticky-title-wrap{display:flex;align-items:center;gap:9px}
.ng-sticky-title{font-size:24px;line-height:1.2;font-weight:800;margin:0}
.ng-share-btn{
  width:35px;height:35px;border:0;border-radius:50%;
  background:#f2f3f4;display:flex;align-items:center;justify-content:center;
}
.ng-share-btn svg{width:18px;height:18px}
.ng-sticky-score{text-align:center;min-width:82px}
.ng-score-circle{
  width:52px;height:52px;border:3px solid #f7a91d;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 3px;font-size:22px;font-weight:800;
}
.ng-sticky-price{font-size:14px;font-weight:800}
.ng-tabs{
  display:flex;align-items:center;overflow-x:auto;white-space:nowrap;
  scrollbar-width:none;margin-top:6px;
}
.ng-tabs::-webkit-scrollbar{display:none}
.ng-tab{
  flex:0 0 auto;padding:11px 14px 10px;
  border-bottom:3px solid transparent;color:#222;font-size:13px;
}
.ng-tab:hover,.ng-tab.active{color:#e50914;border-bottom-color:#e50914}
.ng-anchor{scroll-margin-top:128px}

/* share popup */
.ng-share-pop{
  display:none;position:fixed;z-index:1085;min-width:220px;
  background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.ng-share-pop.show{display:block}
.ng-share-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ng-share-action{
  border:0;border-radius:8px;background:#f5f6f7;padding:8px 4px;
  font-size:10px;text-align:center;
}

/* Video section */
.ng-video{
  aspect-ratio:16/9;background:#191919;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
}
.ng-play{
  width:68px;height:68px;border:0;border-radius:50%;
  background:#e50914;color:#fff;display:flex;align-items:center;justify-content:center;
}
.ng-play svg{width:28px;height:28px;margin-left:4px}

/* Help + price list */
.ng-help-card{background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:16px}
.ng-service{
  display:inline-flex;align-items:center;gap:10px;background:#f2f2f2;
  border-radius:22px;padding:10px 16px;font-size:13px;font-weight:600;
}
.ng-price-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.ng-price-strip::-webkit-scrollbar{display:none}
.ng-price-brand{
  flex:0 0 180px;border:1px solid #e5e5e5;background:#fff;text-align:center;
}
.ng-price-logo{
  height:74px;display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid #eee;font-size:20px;font-weight:800;
}
.ng-price-name{padding:9px;font-size:12px}

@media(max-width:991.98px){
  .ng-product-sticky-inner{padding-left:12px;padding-right:12px}
  .ng-sticky-title{font-size:20px}
   .ng-tab{font-size:12px;padding:10px 12px}
  .ng-anchor{scroll-margin-top:108px}
}

#normalProductHeader{padding-top:2px}
#normalProductHeader .breadcrumbs{font-size:12px;color:#6f7378}
#normalProductHeader .product-title{font-size:29px;font-weight:800}
@media(max-width:575.98px){#normalProductHeader .product-title{font-size:23px}}

/* Mobile menu safety: keep the offcanvas inside the viewport */
@media (max-width: 991.98px){
  #mobileMenu{
    --bs-offcanvas-width: min(88vw, 360px);
    max-width: 88vw;
  }
  #mobileMenu .offcanvas-body{
    overflow-y:auto;
    overflow-x:hidden;
  }
  body.offcanvas-open{
    overflow:hidden;
  }
}


/* Desktop Product Finder mega-menu safety */
@media (min-width: 992px){
  .primary-nav-wrap{
    position:relative;
    overflow:visible !important;
  }
  .primary-nav{
    overflow:visible !important;
  }
  .mega-trigger{
    position:static !important;
  }
  .product-mega-menu{
    top:100%;
    left:0;
    right:0;
    width:100%;
    transform:none;
  }
}



/* Category page */
.category-page{padding:24px 0 48px}
.category-breadcrumb{font-size:12px;color:#747980;margin-bottom:10px}
.category-heading-row{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:16px;flex-wrap:wrap;margin-bottom:16px
}
.category-title{font-size:30px;font-weight:800;margin:0}
.category-desc{font-size:13px;color:#6b7078;margin-top:5px;max-width:760px}
.category-toolbar{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;background:#fff;border:1px solid #e6e6e6;border-radius:9px;
  padding:10px 12px;margin-bottom:14px
}
.category-toolbar-left,.category-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.filter-btn,.view-btn{
  height:38px;border:1px solid #ddd;background:#fff;border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:0 12px;font-size:12px;font-weight:600
}
.view-btn{width:38px;padding:0}
.view-btn.active{background:#171a1f;color:#fff;border-color:#171a1f}
.filter-chip{
  border:1px solid #ddd;background:#fff;border-radius:18px;
  padding:7px 11px;font-size:11px;white-space:nowrap
}
.category-layout{display:grid;grid-template-columns:1fr 245px;gap:18px;align-items:start}
.category-main{min-width:0}
.category-sidebar{min-width:0}
.category-product-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px
}
.category-product-grid.list-view{grid-template-columns:1fr}
.category-product-card{
  background:#fff;border:1px solid #e5e5e5;border-radius:9px;
  padding:10px;min-width:0
}
.category-product-grid.list-view .category-product-card{
  display:grid;grid-template-columns:150px 1fr auto;gap:15px;align-items:center
}
.category-product-img{
  height:150px;background:#eef0f2;border-radius:7px;
  display:flex;align-items:center;justify-content:center;
  font-size:9px;color:#6f747b;font-weight:600
}
.category-product-grid.list-view .category-product-img{height:110px}
.category-product-title{font-size:13px;font-weight:700;line-height:1.35;margin-top:9px}
.category-product-grid.list-view .category-product-title{margin-top:0;font-size:15px}
.product-meta{font-size:11px;color:#71767d;margin-top:5px}
.product-rating{color:#f39c12;font-size:11px;margin-top:5px}
.product-price{font-size:16px;font-weight:800;margin-top:7px}
.product-actions{display:flex;gap:6px;margin-top:9px}
.product-actions .btn{font-size:10px}
.category-product-grid.list-view .product-actions{flex-direction:column;min-width:100px;margin-top:0}
.load-more-wrap{text-align:center;margin-top:18px}
.category-panel{
  background:#fff;border:1px solid #e5e5e5;border-radius:9px;
  overflow:hidden;margin-bottom:14px
}
.category-panel-title{
  background:#e50914;color:#fff;padding:9px 11px;font-size:12px;font-weight:800
}
.category-panel-body{padding:10px}
.category-side-item{
  display:grid;grid-template-columns:58px 1fr;gap:9px;
  padding:9px 0;border-bottom:1px solid #eee;font-size:11px
}
.category-side-img{
  height:54px;background:#eef0f2;border-radius:4px;
  display:flex;align-items:center;justify-content:center;font-size:8px;color:#666
}
.category-section{margin-top:28px}
.category-section-title{
  font-size:20px;font-weight:800;margin:0 0 12px;padding-bottom:9px;
  border-bottom:1px solid #ddd;position:relative
}
.category-section-title::after{
  content:"";position:absolute;left:0;bottom:-1px;width:42px;height:3px;background:#e50914
}

/* Price list */
.price-list-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.price-list-scroll::-webkit-scrollbar{display:none}
.price-list-card{
  flex:0 0 180px;background:#fff;border:1px solid #e5e5e5;text-align:center
}
.price-logo{
  height:72px;display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:800;border-bottom:1px solid #eee
}
.price-label{font-size:12px;padding:9px}

/* brand slider */
.brand-box{background:#f0f0f0;border-radius:10px;padding:14px}
.brand-scroll{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none}
.brand-scroll::-webkit-scrollbar{display:none}
.brand-card{flex:0 0 92px;text-align:center}
.brand-logo{
  height:66px;background:#fff;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800
}
.brand-name{font-size:11px;line-height:1.4;margin-top:8px}

/* News row */
.category-news-list{background:#fff;border:1px solid #e5e5e5}
.category-news-item{
  display:grid;grid-template-columns:110px 1fr;gap:12px;
  padding:10px;border-bottom:1px solid #ddd
}
.category-news-item:last-child{border-bottom:0}
.news-img{
  height:76px;background:#e8eaed;border-radius:5px;
  display:flex;align-items:center;justify-content:center;font-size:8px;color:#666
}
.news-title{font-size:13px;font-weight:600;line-height:1.45}

/* Mobile controls */
.mobile-filter-bar{display:none}
@media(max-width:991.98px){
  .category-layout{grid-template-columns:1fr}
  .category-sidebar{display:none}
  .category-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-product-grid.list-view .category-product-card{
    grid-template-columns:100px 1fr;
  }
  .category-product-grid.list-view .category-product-card > .product-actions{
    grid-column:1/-1;flex-direction:row
  }
  .category-product-grid.list-view .category-product-img{height:95px}
  .mobile-filter-bar{
    display:flex;position:sticky;bottom:10px;z-index:20;
    justify-content:center;margin-top:12px
  }
  .mobile-filter-bar button{
    border:0;background:#171a1f;color:#fff;border-radius:22px;
    padding:11px 18px;font-size:12px;font-weight:700;
    box-shadow:0 7px 20px rgba(0,0,0,.18)
  }
}
@media(max-width:575.98px){
  .category-title{font-size:24px}
  .category-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .category-product-card{padding:8px}
  .category-product-img{height:125px}
  .category-product-title{font-size:12px}
  .category-toolbar{align-items:flex-start}
  .category-toolbar-left{display:none}
  .category-news-item{grid-template-columns:95px 1fr}
}

/* Row/Grid behavior requested */
.category-layout{
  display:grid;
  grid-template-columns:1fr 245px;
  gap:18px;
  align-items:start;
}
.category-main{min-width:0}

/* Inner desktop listing area: filter + products */
.category-content-wrap{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:14px;
  align-items:start;
}

/* Filter remains permanently visible in ROW/LIST mode */
.desktop-filter-panel{
  display:block;
  position:sticky;
  top:14px;
  background:#efefef;
  border:1px solid #dedede;
  border-radius:10px;
  padding:12px;
  max-height:calc(100vh - 28px);
  overflow:auto;
}
.desktop-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-bottom:10px;
  margin-bottom:12px;
  border-bottom:1px solid #d7d7d7;
}
.desktop-filter-head strong{font-size:15px}
.filter-reset{
  border:0;
  background:transparent;
  font-size:11px;
  color:#777;
}
.filter-group{
  padding:10px 0 14px;
  border-bottom:1px solid #d8d8d8;
}
.filter-group:last-child{border-bottom:0}
.filter-group-title{
  font-size:13px;
  font-weight:800;
  margin-bottom:9px;
}
.filter-search{
  height:36px;
  border:1px solid #ccc;
  border-radius:5px;
  width:100%;
  padding:0 9px;
  font-size:11px;
  background:#fff;
}
.filter-check{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  font-size:11px;
  margin-top:8px;
}
.filter-check label{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
}
.filter-check input{width:14px;height:14px}
.price-range-demo{
  height:5px;
  background:#ff2d18;
  border-radius:4px;
  position:relative;
  margin:15px 8px 18px;
}
.price-range-demo::before,
.price-range-demo::after{
  content:"";
  position:absolute;
  top:50%;
  width:18px;height:18px;
  border-radius:50%;
  background:#ff2d18;
  transform:translateY(-50%);
}
.price-range-demo::before{left:-6px}
.price-range-demo::after{right:-6px}
.price-inputs{
  display:grid;
  grid-template-columns:1fr 1fr 48px;
  gap:5px;
}
.price-inputs input{
  width:100%;
  height:33px;
  border:1px solid #ccc;
  border-radius:4px;
  text-align:center;
  font-size:11px;
}
.price-inputs button{
  border:0;
  background:#ff2d18;
  color:#fff;
  border-radius:4px;
  font-size:11px;
  font-weight:700;
}

/* Default is ROW view */
.category-product-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

/* Row cards inspired by reference */
.category-product-card{
  display:grid;
  grid-template-columns:125px minmax(0,1fr) 170px;
  gap:14px;
  align-items:center;
  background:#fff;
  border:1px solid #e0e0e0;
  border-radius:10px;
  padding:12px;
}
.category-product-img{height:112px}
.category-product-title{font-size:16px;margin-top:0}
.product-meta{font-size:12px}
.product-specs-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 16px;
  margin-top:9px;
}
.product-spec-item{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:11px;
}
.spec-icon{
  width:26px;height:26px;
  flex:0 0 26px;
  border:1px solid #ddd;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#888;
  font-size:10px;
}
.spec-label{color:#777;display:block}
.spec-value{font-weight:700;display:block;color:#222}
.product-buy-column{
  border-left:1px solid #eee;
  padding-left:14px;
  text-align:center;
}
.product-buy-column .release{
  font-size:10px;
  color:#777;
  margin-bottom:8px;
}
.product-buy-column .price{
  font-size:18px;
  font-weight:800;
}
.product-buy-column .old-price{
  color:#999;
  font-size:11px;
  text-decoration:line-through;
}
.product-buy-column .btn{margin-top:8px;font-size:11px}

/* GRID mode: hide filter, use full width, show exactly 2 cards per row */
body.category-grid-mode .desktop-filter-panel{display:none}
body.category-grid-mode .category-content-wrap{
  grid-template-columns:minmax(0,1fr);
}
body.category-grid-mode .category-product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.category-grid-mode .category-product-card{
  display:block;
}
body.category-grid-mode .category-product-img{
  height:170px;
}
body.category-grid-mode .product-specs-row{
  display:none;
}
body.category-grid-mode .product-buy-column{
  border-left:0;
  border-top:1px solid #eee;
  margin-top:10px;
  padding:10px 0 0;
  text-align:left;
}
body.category-grid-mode .product-buy-column .release{display:none}
body.category-grid-mode .product-buy-column .btn{float:right;margin-top:-31px}

/* Toolbar in row mode doesn't need offcanvas Filter button on desktop */
@media(min-width:992px){
  .category-toolbar .filter-btn{display:none}
}

/* Mobile: keep offcanvas filter; list is single column, grid is 2 columns */
@media(max-width:991.98px){
  .category-layout{grid-template-columns:1fr}
  .category-content-wrap{grid-template-columns:1fr}
  .desktop-filter-panel{display:none !important}
  .category-sidebar{display:none}
  .category-toolbar .filter-btn{display:inline-flex}
  .category-product-card{
    grid-template-columns:100px minmax(0,1fr);
  }
  .product-buy-column{
    grid-column:1/-1;
    border-left:0;
    border-top:1px solid #eee;
    padding:9px 0 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align:left;
  }
  body.category-grid-mode .category-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.category-grid-mode .category-product-card{
    display:block;
  }
  body.category-grid-mode .category-product-img{height:135px}
}


/* === category layout structural repair === */
.category-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 245px !important;
  gap:18px !important;
  align-items:start !important;
}
.category-main{min-width:0 !important}
.category-sidebar{
  display:block !important;
  min-width:0 !important;
}
.category-content-wrap{
  display:grid !important;
  grid-template-columns:230px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
  width:100% !important;
}
.category-results-column{min-width:0}
.desktop-filter-panel{
  position:sticky !important;
  top:14px !important;
  align-self:start !important;
  width:100% !important;
}
.category-section{
  width:100% !important;
  clear:both !important;
}

/* ROW mode */
body:not(.category-grid-mode) .desktop-filter-panel{display:block !important}
body:not(.category-grid-mode) .category-content-wrap{
  grid-template-columns:230px minmax(0,1fr) !important;
}
body:not(.category-grid-mode) .category-product-grid{
  grid-template-columns:1fr !important;
}

/* GRID mode */
body.category-grid-mode .desktop-filter-panel{display:none !important}
body.category-grid-mode .category-content-wrap{
  grid-template-columns:minmax(0,1fr) !important;
}
body.category-grid-mode .category-product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* The bottom sections must never sit beside the desktop filter */
.category-main > .category-section,
.category-main > .mobile-filter-bar{
  grid-column:auto !important;
}

@media(max-width:991.98px){
  .category-layout{grid-template-columns:1fr !important}
  .category-sidebar{display:none !important}
  .category-content-wrap{grid-template-columns:1fr !important}
  .desktop-filter-panel{display:none !important}
}


/* FINAL CATEGORY BEHAVIOR: LIST ONLY, NO GRID TOGGLE */
.view-btn{display:none!important}
body.category-grid-mode .desktop-filter-panel,
.desktop-filter-panel{
  display:block!important;
}
body.category-grid-mode .category-content-wrap,
.category-content-wrap{
  grid-template-columns:240px minmax(0,1fr)!important;
}
body.category-grid-mode .category-product-grid,
.category-product-grid{
  grid-template-columns:1fr!important;
}
body.category-grid-mode .category-product-card,
.category-product-card{
  display:grid!important;
  grid-template-columns:140px minmax(0,1fr) 180px!important;
  gap:16px!important;
  align-items:center!important;
}
body.category-grid-mode .product-specs-row,
.product-specs-row{
  display:grid!important;
}
body.category-grid-mode .product-buy-column,
.product-buy-column{
  border-left:1px solid #eee!important;
  border-top:0!important;
  margin-top:0!important;
  padding:0 0 0 16px!important;
  text-align:center!important;
}
body.category-grid-mode .product-buy-column .release,
.product-buy-column .release{
  display:block!important;
}
body.category-grid-mode .product-buy-column .btn,
.product-buy-column .btn{
  float:none!important;
  margin-top:8px!important;
}

/* Permanent sticky filter on desktop */
.desktop-filter-panel{
  position:sticky!important;
  top:16px!important;
  align-self:start!important;
  max-height:calc(100vh - 32px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

/* Better 1280 desktop proportions */
.category-layout{
  grid-template-columns:minmax(0,1fr) 270px!important;
  gap:20px!important;
}
.category-content-wrap{
  grid-template-columns:240px minmax(0,1fr)!important;
  gap:16px!important;
}
.category-product-img{
  height:120px!important;
}
.category-product-title{
  font-size:16px!important;
}

/* TABLET */
@media(max-width:1199.98px){
  .category-layout{
    grid-template-columns:minmax(0,1fr) 230px!important;
    gap:14px!important;
  }
  .category-content-wrap{
    grid-template-columns:215px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .category-product-card{
    grid-template-columns:115px minmax(0,1fr) 145px!important;
    gap:12px!important;
  }
  .product-specs-row{
    grid-template-columns:1fr 1fr!important;
    gap:7px 10px!important;
  }
}

/* MOBILE / SMALL TABLET */
@media(max-width:991.98px){
  .category-page{
    padding-top:16px!important;
  }
  .category-layout{
    display:block!important;
  }
  .category-sidebar{
    display:none!important;
  }
  .category-content-wrap{
    display:block!important;
  }
  .desktop-filter-panel{
    display:block!important;
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin-bottom:14px!important;
    padding:12px!important;
  }

  /* collapse the permanent filter visually on mobile while keeping it present */
  .desktop-filter-panel .filter-group{
    padding:8px 0 10px!important;
  }
  .desktop-filter-panel .filter-group-title{
    font-size:12px!important;
  }
  .filter-search{
    height:34px!important;
  }

  .category-product-grid{
    grid-template-columns:1fr!important;
  }
  .category-product-card{
    grid-template-columns:105px minmax(0,1fr)!important;
    gap:12px!important;
    padding:10px!important;
  }
  .category-product-img{
    height:100px!important;
  }
  .product-specs-row{
    grid-template-columns:1fr 1fr!important;
    gap:6px 8px!important;
  }
  .product-buy-column{
    grid-column:1/-1!important;
    border-left:0!important;
    border-top:1px solid #eee!important;
    padding:10px 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    text-align:left!important;
  }
  .product-buy-column .release{
    margin-bottom:0!important;
  }

  .category-toolbar{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .category-toolbar-left{
    display:flex!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:2px!important;
  }
  .category-toolbar-right{
    margin-left:0!important;
    width:100%!important;
  }
  .category-toolbar-right .form-select{
    width:100%!important;
  }

  .category-heading-row{
    margin-bottom:12px!important;
  }
  .category-title{
    font-size:25px!important;
  }
  .category-desc{
    font-size:12px!important;
    line-height:1.55!important;
  }
}

/* PHONE */
@media(max-width:575.98px){
  .site-container{
    max-width:100%!important;
    width:auto!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .desktop-filter-panel{
    border-radius:8px!important;
  }
  .price-inputs{
    grid-template-columns:1fr 1fr 46px!important;
  }
  .category-product-card{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .category-product-img{
    height:88px!important;
  }
  .category-product-title{
    font-size:14px!important;
  }
  .product-meta,
  .product-spec-item{
    font-size:10px!important;
  }
  .spec-icon{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
  }
  .product-buy-column{
    flex-wrap:wrap!important;
  }
  .product-buy-column .price{
    font-size:17px!important;
  }
  .category-section-title{
    font-size:18px!important;
  }
  .price-list-card{
    flex-basis:150px!important;
  }
  .category-news-item{
    grid-template-columns:88px 1fr!important;
    gap:10px!important;
  }
  .news-img{
    height:70px!important;
  }
  .news-title{
    font-size:12px!important;
  }
}


/* Filter should scroll normally with the page */
.desktop-filter-panel{
  position:relative !important;
  top:auto !important;
  max-height:none !important;
  overflow:visible !important;
  align-self:start !important;
}


/* Category intro read-more + share */
.category-intro-card{
  position:relative;
  background:#f1f1f1;
  border-radius:10px;
  padding:18px 86px 18px 18px;
  margin-bottom:18px;
}
.category-intro-text{
  position:relative;
  max-height:48px;
  overflow:hidden;
  font-size:13px;
  line-height:1.55;
  color:#666;
  transition:max-height .25s ease;
}
.category-intro-card.expanded .category-intro-text{
  max-height:500px;
}
.category-intro-text::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:22px;
  background:linear-gradient(transparent,#f1f1f1);
}
.category-intro-card.expanded .category-intro-text::after{
  display:none;
}
.category-readmore-wrap{
  text-align:center;
  margin-top:-2px;
}
.category-readmore-btn{
  border:0;
  background:#fff;
  color:#e50914;
  font-size:12px;
  font-weight:700;
  border-radius:20px;
  padding:8px 16px;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.category-share-btn{
  position:absolute;
  right:14px;
  top:14px;
  width:48px;
  height:48px;
  border:0;
  border-radius:8px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.category-share-btn svg{width:23px;height:23px}
.category-share-modal .modal-content{
  border:0;
  border-radius:14px;
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.category-share-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.category-share-item{
  border:1px solid #e5e5e5;
  background:#fff;
  border-radius:10px;
  padding:12px 6px;
  display:flex;
  flex-direction:column;
  gap:7px;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:600;
}
.category-share-circle{
  width:38px;height:38px;border-radius:50%;
  color:#fff;display:flex;align-items:center;justify-content:center;
}
.category-share-circle svg{width:20px;height:20px}
.cs-whatsapp{background:#25D366}
.cs-facebook{background:#1877F2}
.cs-x{background:#111}
.cs-linkedin{background:#0A66C2}
.cs-telegram{background:#229ED9}
.cs-pinterest{background:#E60023}
.cs-reddit{background:#FF4500}
.cs-email{background:#6c757d}
.cs-copy{background:#343a40}

@media(max-width:575.98px){
  .category-intro-card{padding:14px 62px 14px 14px}
  .category-share-btn{width:42px;height:42px;right:10px;top:10px}
  .category-share-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* Popular Filters */
.popular-filters{
  margin:18px 0 14px;
}
.popular-filters h3{
  font-size:17px;
  font-weight:800;
  margin:0 0 10px;
}
.popular-filter-scroll{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.popular-filter-chip{
  border:0;
  background:#ededed;
  border-radius:20px;
  padding:8px 13px;
  font-size:11px;
  color:#333;
  white-space:nowrap;
}
.popular-filter-chip.active{
  background:#171a1f;
  color:#fff;
}

/* Mobile bottom Sort/Filter bar */
.mobile-sort-filter-bar{
  display:none;
}
.mobile-filter-sheet,
.mobile-sort-sheet{
  display:none;
}

@media(max-width:991.98px){
  body{
    padding-bottom:64px;
  }

  .popular-filter-scroll{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .popular-filter-scroll::-webkit-scrollbar{display:none}

  /* desktop filter hidden on mobile; mobile sheet will be used */
  .desktop-filter-panel{
    display:none !important;
  }
  .category-content-wrap{
    display:block !important;
  }

  .mobile-sort-filter-bar{
    display:grid;
    grid-template-columns:1fr 1fr;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1060;
    height:58px;
    background:#fff;
    border-top:1px solid #d9d9d9;
    box-shadow:0 -4px 16px rgba(0,0,0,.08);
  }
  .mobile-sort-filter-btn{
    position:relative;
    border:0;
    background:#fff;
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#202124;
  }
  .mobile-sort-filter-btn + .mobile-sort-filter-btn{
    border-left:1px solid #e1e1e1;
  }
  .mobile-sort-filter-btn svg{
    width:20px;
    height:20px;
  }
  .filter-count{
    position:absolute;
    top:8px;
    left:calc(50% + 24px);
    width:20px;
    height:20px;
    border-radius:50%;
    background:#e50914;
    color:#fff;
    font-size:10px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  /* FULL SCREEN FILTER */
  .mobile-filter-sheet{
    display:block;
    position:fixed;
    inset:0;
    z-index:1070;
    background:#fff;
    transform:translateY(100%);
    transition:transform .22s ease;
    overflow:hidden;
  }
  .mobile-filter-sheet.show{
    transform:translateY(0);
  }
  .mobile-filter-content{
    height:calc(100vh - 58px);
    overflow-y:auto;
    padding:14px 14px 90px;
  }
  .mobile-filter-titlebar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:12px;
    margin-bottom:8px;
    border-bottom:1px solid #ddd;
  }
  .mobile-filter-titlebar strong{
    font-size:18px;
  }
  .mobile-filter-close-x{
    border:0;
    background:transparent;
    font-size:26px;
    line-height:1;
    color:#777;
  }
  .mobile-filter-group{
    padding:14px 0;
    border-bottom:1px solid #ddd;
  }
  .mobile-filter-group:last-child{
    border-bottom:0;
  }
  .mobile-filter-group-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:14px;
    font-weight:800;
    margin-bottom:12px;
  }
  .mobile-price-range{
    height:5px;
    background:#ff2d18;
    border-radius:4px;
    margin:22px 10px 20px;
    position:relative;
  }
  .mobile-price-range::before,
  .mobile-price-range::after{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:20px;
    border-radius:50%;
    background:#ff2d18;
  }
  .mobile-price-range::before{left:-8px}
  .mobile-price-range::after{right:-8px}
  .mobile-price-inputs{
    display:grid;
    grid-template-columns:1fr 1fr 52px;
    gap:6px;
    align-items:end;
  }
  .mobile-price-inputs label{
    font-size:11px;
    color:#666;
    text-align:center;
  }
  .mobile-price-inputs input{
    width:100%;
    height:34px;
    border:1px solid #ccc;
    border-radius:4px;
    text-align:center;
    font-size:12px;
  }
  .mobile-price-inputs button{
    height:34px;
    border:0;
    border-radius:4px;
    background:#ff2d18;
    color:#fff;
    font-size:12px;
    font-weight:700;
  }
  .mobile-filter-search{
    height:38px;
    width:100%;
    border:1px solid #cfcfcf;
    border-radius:5px;
    padding:0 11px;
    font-size:12px;
    margin-bottom:8px;
  }
  .mobile-filter-option{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin:9px 0;
    font-size:12px;
  }
  .mobile-filter-option label{
    display:flex;
    align-items:center;
    gap:9px;
    margin:0;
  }
  .mobile-filter-option input{
    width:18px;
    height:18px;
  }
  .mobile-filter-more{
    color:#e50914;
    font-size:11px;
    font-weight:700;
    margin-top:8px;
  }
  .mobile-filter-footer{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:58px;
    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid #ddd;
    background:#fff;
  }
  .mobile-filter-footer button{
    border:0;
    font-size:14px;
    font-weight:700;
  }
  .mobile-filter-close{
    background:#e7e7e7;
    color:#444;
  }
  .mobile-filter-apply{
    background:#ff2d18;
    color:#fff;
  }

  /* SORT BOTTOM SHEET */
  .mobile-sort-sheet{
    display:block;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1070;
    background:#fff;
    transform:translateY(105%);
    transition:transform .22s ease;
    box-shadow:0 -8px 28px rgba(0,0,0,.18);
    border-top-left-radius:12px;
    border-top-right-radius:12px;
  }
  .mobile-sort-sheet.show{
    transform:translateY(0);
  }
  .mobile-sort-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    font-size:12px;
    color:#666;
    border-bottom:1px solid #eee;
  }
  .mobile-sort-close{
    border:0;
    background:transparent;
    font-size:24px;
    line-height:1;
    color:#e50914;
  }
  .mobile-sort-option{
    width:100%;
    min-height:51px;
    border:0;
    border-bottom:1px solid #eee;
    background:#fff;
    text-align:left;
    padding:0 20px;
    display:flex;
    align-items:center;
    gap:12px;
    font-size:13px;
    color:#555;
  }
  .mobile-sort-option.active{
    color:#e50914;
    border-left:3px solid #e50914;
  }
  .mobile-sort-option span:first-child{
    width:22px;
    font-size:18px;
    text-align:center;
  }

  .mobile-sheet-backdrop{
    position:fixed;
    inset:0;
    z-index:1065;
    background:rgba(0,0,0,.35);
    display:none;
  }
  .mobile-sheet-backdrop.show{
    display:block;
  }
}


/* FINAL FILTER REPAIR */
#categoryFilters,
.offcanvas-start#categoryFilters{
  display:none !important;
}

.mobile-filter-footer.single-action{
  grid-template-columns:1fr !important;
}
.mobile-filter-footer.single-action .mobile-filter-close{
  width:100% !important;
  background:#efefef !important;
  color:#333 !important;
}

/* Filters are AJAX driven: no Apply button */
.mobile-filter-apply{
  display:none !important;
}

/* Loading state for AJAX-style interactions */
.category-ajax-loading{
  position:relative;
  pointer-events:none;
  opacity:.72;
}
.category-ajax-loading::after{
  content:"Updating...";
  position:absolute;
  top:8px;
  right:8px;
  z-index:5;
  background:#171a1f;
  color:#fff;
  font-size:10px;
  font-weight:700;
  border-radius:14px;
  padding:5px 9px;
}

/* Mobile sheet cleanup */
@media(max-width:991.98px){
  .mobile-filter-sheet{
    width:100% !important;
    max-width:100% !important;
  }
  .mobile-filter-content{
    background:#fff !important;
  }
  .mobile-filter-footer{
    height:56px !important;
  }
  .mobile-filter-footer.single-action{
    display:block !important;
  }
  .mobile-filter-close{
    height:56px !important;
  }
}


/* Desktop result controls: count + sort-by links + search */
.results-meta-row{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:16px;
  align-items:end;
  margin:12px 0 0;
}
.results-count{
  font-size:13px;
  color:#666;
  padding:0 0 10px;
}
.results-tools{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:12px;
  align-items:end;
}
.sort-by-links{
  display:flex;
  align-items:center;
  gap:0;
  min-height:42px;
  border-bottom:1px solid #ddd;
  overflow-x:auto;
  scrollbar-width:none;
}
.sort-by-links::-webkit-scrollbar{display:none}
.sort-label{
  font-size:11px;
  color:#777;
  margin-right:7px;
  white-space:nowrap;
}
.sort-link{
  flex:0 0 auto;
  border:0;
  background:transparent;
  padding:13px 9px 11px;
  font-size:11px;
  color:#555;
  border-bottom:3px solid transparent;
  white-space:nowrap;
}
.sort-link:hover,
.sort-link.active{
  color:#e50914;
  border-bottom-color:#e50914;
}
.category-search-box{
  position:relative;
  height:42px;
}
.category-search-box input{
  width:100%;
  height:42px;
  border:1px solid #d7d7d7;
  background:#fff;
  padding:0 42px 0 12px;
  font-size:12px;
  outline:none;
}
.category-search-box button{
  position:absolute;
  right:0;
  top:0;
  width:42px;
  height:42px;
  border:0;
  background:#fff;
  color:#e50914;
  display:flex;
  align-items:center;
  justify-content:center;
}
.category-search-box button svg{
  width:21px;
  height:21px;
}

/* Hide the old dropdown sort because sort-by links now replace it */
.category-toolbar-right .form-select{
  display:none !important;
}

/* Keep old toolbar for chips only */
.category-toolbar{
  margin-bottom:8px;
}

@media(max-width:991.98px){
  .results-meta-row{
    display:block;
    margin-top:8px;
  }
  .results-count{
    padding:0 0 8px;
    font-size:12px;
  }
  .results-tools{
    display:block;
  }
  .sort-by-links,
  .category-search-box{
    display:none;
  }
}


/* === POLISHED CATEGORY RESULTS HEADER === */
.category-main{
  min-width:0;
}

.popular-filters{
  margin-bottom:18px !important;
}

.results-meta-row{
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr) !important;
  gap:16px !important;
  align-items:end !important;
  margin:0 0 0 !important;
}

.results-count{
  min-height:48px;
  display:flex;
  align-items:center;
  padding:0 4px 8px !important;
  border-bottom:1px solid transparent;
  font-size:13px !important;
  color:#676b70;
}

.results-tools{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 300px !important;
  gap:12px !important;
  align-items:end !important;
}

.sort-by-links{
  min-width:0;
  height:48px !important;
  min-height:48px !important;
  display:flex !important;
  align-items:flex-end !important;
  border-bottom:1px solid #ddd !important;
}

.sort-label{
  padding:0 8px 13px 0;
  font-size:11px !important;
}

.sort-link{
  height:48px;
  display:flex;
  align-items:flex-end;
  padding:0 10px 11px !important;
  font-size:11px !important;
}

.category-search-box{
  height:48px !important;
  margin:0 !important;
}

.category-search-box input{
  height:48px !important;
  border:1px solid #d7d7d7 !important;
  border-radius:0 !important;
  background:#fff !important;
  font-size:12px !important;
}

.category-search-box button{
  width:48px !important;
  height:48px !important;
}

/* Results block should start directly below the aligned controls */
.category-content-wrap{
  margin-top:0 !important;
}

/* Keep the filter/results columns exactly aligned with count/sort/search row */
@media(min-width:992px){
  .category-content-wrap{
    grid-template-columns:240px minmax(0,1fr) !important;
    gap:16px !important;
  }

  .desktop-filter-panel{
    width:100% !important;
    position:relative !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }

  .category-product-card{
    width:100% !important;
  }
}

/* Mobile: desktop result header/search/filter are hidden because the mobile bottom controls handle them */
@media(max-width:991.98px){
  .results-meta-row{
    display:block !important;
    margin-bottom:8px !important;
  }

  .results-count{
    min-height:auto !important;
    padding:0 0 8px !important;
  }

  .results-tools{
    display:none !important;
  }

  .desktop-filter-panel{
    display:none !important;
  }

  .category-content-wrap{
    display:block !important;
  }
}


/* FINAL mobile cleanup: hide the desktop left filter completely */
@media (max-width: 991.98px){
  .desktop-filter-panel,
  aside.desktop-filter-panel,
  .category-content-wrap > .desktop-filter-panel,
  .category-content-wrap > aside:first-child{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  .category-content-wrap{
    display:block !important;
    grid-template-columns:1fr !important;
  }

  .category-products-column,
  #categoryProducts{
    width:100% !important;
    max-width:100% !important;
  }
}

/* Desktop search: stronger red search button + breathing room below controls */
@media (min-width: 992px){
  .results-meta-row{
    margin-bottom:16px !important;
  }

  .category-search-box{
    margin-bottom:0 !important;
  }

  .category-search-box input{
    border-color:#d9d9d9 !important;
    padding-right:52px !important;
  }

  .category-search-box button{
    right:0 !important;
    background:#ed1c24 !important;
    color:#fff !important;
    border:1px solid #ed1c24 !important;
    border-radius:0 4px 4px 0 !important;
  }

  .category-search-box button:hover{
    background:#d91018 !important;
    border-color:#d91018 !important;
  }

  .category-content-wrap{
    padding-top:4px !important;
  }
}

/* =========================
   company.html
   ========================= */

:root{
      --brand:#db141a;
      --ink:#171a1f;
      --muted:#595e66;
      --line:#e0e3e5;
      --panel:#f6f7f8;
      --dark:#1a1c21;
      --image:#e5e8eb;
    }

    html,body{
      max-width:100%;
      overflow-x:clip;
    }

    body{
      margin:0;
      background:var(--panel);
      color:var(--ink);
      font-family:"Inter",sans-serif;
      font-size:15px; /* increased from the Tailwind version */
    }

    a{color:inherit;text-decoration:none}
    .site-container{width:1280px;max-width:calc(100% - 32px);margin:0 auto}
    .top-strip{height:28px;background:#ebebeb}
    .brand-red{background:var(--brand)}
    .text-brand{color:var(--brand)!important}
    .bg-panel{background:var(--panel)!important}
    .bg-dark-custom{background:var(--dark)!important}

    .site-header-main{height:86px}
    .site-logo{font-size:28px;font-weight:700;line-height:1}
    .site-tagline{font-size:11px;font-weight:600;color:var(--muted)}
    .search-box{
      width:190px;height:38px;border:0;border-radius:5px;background:var(--panel);
      padding:0 14px;font-size:13px;outline:none;
    }

    .primary-nav a{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}
    .secondary-nav{background:#8c8f94}
    .secondary-nav a{font-size:11px;color:#fff;white-space:nowrap}

    .section-box{background:#fff}
    .section-title{font-size:20px;font-weight:650;text-transform:uppercase;margin:0}
    .section-rule{display:flex;align-items:center;gap:8px;margin-top:8px}
    .section-rule:before{content:"";width:38px;height:3px;background:var(--brand)}
    .section-rule:after{content:"";height:1px;background:var(--line);flex:1}

    .img-ph{
      background:var(--image);border-radius:3px;display:flex;align-items:center;justify-content:center;
      font-size:10px;font-weight:600;color:var(--muted);text-align:center;padding:4px;
    }

    .story-title{
      font-size:14px;line-height:1.42;margin:8px 0 0;color:var(--ink);
    }

    .side-heading{
      background:var(--brand);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:9px 10px;
    }

    .left-rail-title{font-size:16px;font-weight:700;color:var(--brand)}
    .left-rail p,.side-small{font-size:11.5px;line-height:1.4}
    .category-tile{
      min-height:82px;background:#fff;border-radius:6px;display:flex;flex-direction:column;
      align-items:center;justify-content:center;text-align:center;padding:6px;border:1px solid #f1f1f1;
    }
    .category-tile.active{background:#fff2f2;color:var(--brand)}
    .category-icon{width:30px;height:30px;margin-bottom:6px}
    .category-name{font-size:10.5px;font-weight:600}
    .finder-row{background:#f0f0f0;border-radius:9px;padding:10px}
    .finder-submenu{
      background:#f0f0f0;
      border-radius:10px;
      padding:12px;
      overflow:hidden;
    }
    .finder-submenu-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .finder-submenu-title{
      font-size:14px;
      font-weight:700;
      margin:0;
    }
    .finder-submenu-link{
      color:var(--brand);
      font-size:11px;
      font-weight:600;
      white-space:nowrap;
    }
    .finder-products{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      background:#fff;
      border-radius:9px;
      overflow:hidden;
      border:1px solid #e8e8e8;
    }
    .finder-product{
      min-width:0;
      padding:10px 8px 9px;
      text-align:center;
      border-right:1px solid #ececec;
      background:#fff;
    }
    .finder-product:last-child{border-right:0}
    .finder-product-img{
      width:100%;
      aspect-ratio:1 / .78;
      border-radius:5px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--muted);
      font-size:9px;
      font-weight:600;
      overflow:hidden;
    }
    .finder-product-img img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
    }
    .finder-product-name{
      margin-top:8px;
      font-size:11px;
      line-height:1.35;
      font-weight:500;
    }
    .finder-product-meta{
      margin-top:4px;
      font-size:10px;
      color:var(--muted);
    }
    .finder-product-action{
      display:inline-block;
      margin-top:5px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .finder-comparison .finder-product-img{aspect-ratio:1 / .64}
    .finder-brands .finder-product-img{aspect-ratio:1 / .55;background:#fff;border:1px solid #eee}

    @media (max-width:767.98px){
      .finder-products{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
      }
      .finder-product{
        flex:0 0 145px;
        scroll-snap-align:start;
      }
      .finder-submenu{
        padding:10px;
      }
      .finder-submenu-title{font-size:13px}
    }

    .finder-row-title{font-size:13px;font-weight:700;margin-bottom:8px}
    .product-name{font-size:10.5px;margin-top:5px}
    .budget-chip{background:#fff;border-radius:18px;padding:8px 13px;font-size:11px;display:inline-block}
    .form-select,.form-control{font-size:13px}
    .btn-brand{background:var(--brand);color:#fff;border:0}
    .btn-brand:hover{background:#bd1016;color:#fff}

    .review-card-img{position:relative}
    .review-score{
      position:absolute;left:8px;bottom:-14px;width:31px;height:31px;border-radius:50%;
      background:#fff;display:flex;align-items:center;justify-content:center;color:var(--brand);
      font-size:12px;font-weight:700;box-shadow:0 2px 7px rgba(0,0,0,.14);
    }

    .footer-heading{font-size:14px;font-weight:700;color:#fff}
    footer a,footer li,footer p{font-size:11px}
    footer ul{list-style:none;margin:0;padding:0}
    footer li{margin-bottom:10px}
    .footer-about{line-height:1.65}


    /* Full-width Product Finder mega menu */
    .primary-nav-wrap{
      position:relative;
      width:100%;
    }
    .mega-trigger{
      position:static!important;
      display:flex;
      align-items:center;
    }
    .mega-trigger > a{
      display:flex;
      align-items:center;
      gap:5px;
    }
    .mega-trigger > a .chev{
      width:11px;height:11px;transition:transform .18s ease;
    }
    .product-mega-menu{
      position:absolute;
      z-index:1055;
      top:100%;
      left:0;
      right:0;
      width:100%;
      transform:none;
      background:#fff;
      color:var(--ink);
      border-top:3px solid var(--brand);
      border-bottom:1px solid #ddd;
      box-shadow:0 10px 28px rgba(0,0,0,.17);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform-origin:top center;
      transition:opacity .12s ease, visibility .12s ease;
    }

    .product-mega-menu.show{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }
    .mega-trigger.menu-open > a .chev{transform:rotate(180deg)}
    .product-mega-inner{
      width:1280px;
      max-width:calc(100% - 32px);
      margin:0 auto;
      padding:20px 18px 22px;
    }
    .mega-heading{
      font-size:15px;
      font-weight:700;
      margin:0 0 13px;
      padding-bottom:9px;
      border-bottom:2px solid var(--brand);
      display:inline-block;
    }
    .mega-category-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      border:1px solid #e5e5e5;
      border-radius:8px;
      overflow:hidden;
      background:#fff;
    }
    .mega-category{
      display:flex;
      align-items:center;
      gap:11px;
      min-height:58px;
      padding:10px 13px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:13px!important;
      font-weight:500!important;
      color:var(--ink)!important;
      background:#fff;
      transition:background .15s,color .15s;
    }
    .mega-category:nth-child(4n){border-right:0}
    .mega-category:nth-last-child(-n+4){border-bottom:0}
    .mega-category:hover{background:#fff3f3;color:var(--brand)!important}
    .mega-category svg{width:25px;height:25px;flex:0 0 25px}
    .mega-feature{
      display:block;
      color:var(--ink)!important;
      font-size:12px!important;
      font-weight:500!important;
    }
    .mega-feature-img{
      height:95px;
      border-radius:7px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:9px;
      color:var(--muted);
      margin-bottom:8px;
      overflow:hidden;
    }
    .mega-feature-img img{width:100%;height:100%;object-fit:cover}
    .mega-feature strong{
      display:block;
      font-size:12px;
      line-height:1.35;
      color:var(--ink);
    }
    .mega-feature small{
      display:block;
      margin-top:4px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .mega-quick-link{
      display:inline-block;
      background:#f3f4f5;
      color:var(--ink)!important;
      font-size:11px!important;
      font-weight:600!important;
      border-radius:18px;
      padding:8px 12px;
    }
    .mega-quick-link:hover{background:#ffe9ea;color:var(--brand)!important}


    .mobile-finder-toggle{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      background:none;
      border:0;
      padding:0;
      font-size:14px;
      font-weight:600;
      color:var(--ink);
      text-align:left;
    }
    .mobile-finder-toggle svg{transition:transform .2s ease}
    .mobile-finder-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
    .mobile-mega-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      border:1px solid #e8e8e8;
      border-radius:8px;
      overflow:hidden;
      margin-top:12px;
    }
    .mobile-mega-item{
      display:flex;
      align-items:center;
      gap:9px;
      min-height:52px;
      padding:9px 10px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:12px;
      font-weight:500;
      background:#fff;
    }
    .mobile-mega-item:nth-child(2n){border-right:0}
    .mobile-mega-item svg{width:23px;height:23px;flex:0 0 23px}
    .mobile-feature-card{
      display:grid;
      grid-template-columns:72px 1fr;
      gap:10px;
      align-items:center;
      padding:10px 0;
      border-bottom:1px solid #eee;
    }
    .mobile-feature-img{
      height:58px;
      border-radius:6px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:8px;
      color:var(--muted);
    }


    .mobile-search-btn{
      width:38px;
      height:38px;
      border:0;
      background:transparent;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--ink);
      padding:0;
    }
    .mobile-search-btn svg{width:25px;height:25px}
    .mobile-search-panel{
      display:none;
      background:#fff;
      border-top:1px solid #eee;
      padding:10px 12px;
    }
    .mobile-search-panel.show{display:block}
    .mobile-search-input{
      width:100%;
      height:42px;
      border:1px solid #dfe2e5;
      border-radius:6px;
      padding:0 13px;
      font-size:14px;
      outline:none;
    }
    .mobile-category-strip{
      display:none;
      background:#fff;
      border-top:1px solid #ececec;
      border-bottom:1px solid #ececec;
      box-shadow:0 2px 5px rgba(0,0,0,.04);
    }
    .mobile-category-scroll{
      display:flex;
      align-items:center;
      gap:0;
      overflow-x:auto;
      white-space:nowrap;
      scrollbar-width:none;
      -ms-overflow-style:none;
      scroll-behavior:smooth;
      -webkit-overflow-scrolling:touch;
    }
    .mobile-category-scroll::-webkit-scrollbar{display:none}
    .mobile-category-link{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:6px;
      min-height:48px;
      padding:0 14px;
      border-right:1px solid #ececec;
      font-size:13px;
      font-weight:500;
      color:var(--ink);
    }
    .mobile-category-link.active{
      color:var(--brand);
      font-weight:700;
    }
    .mobile-category-link svg{
      width:20px;
      height:20px;
      flex:0 0 20px;
    }
    .mobile-strip-wrap{
      position:relative;
    }
    .mobile-strip-arrow{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:3;
      width:30px;
      height:38px;
      border:0;
      background:linear-gradient(90deg,#fff 60%,rgba(255,255,255,0));
      display:none;
      align-items:center;
      justify-content:center;
      padding:0;
    }
    .mobile-strip-arrow.right{
      right:0;
      left:auto;
      background:linear-gradient(270deg,#fff 60%,rgba(255,255,255,0));
    }
    .mobile-strip-arrow.left{left:0}
    @media (max-width:991.98px){
      .mobile-category-strip{display:block}
      .mobile-strip-arrow{display:flex}
      .mobile-category-scroll{padding:0 24px}
    }

    @media (min-width:992px){
      .main-layout{
        display:grid;
        grid-template-columns:132px 694px 162px;
        gap:19px;
        align-items:start;
      }
      .top-stories-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr)) 170px;
        gap:16px;
        width:100%;
        align-items:stretch;
      }
      .top-stories-grid > *{
        min-width:0;
      }

      .top-stories-grid.row{
        margin-left:0;
        margin-right:0;
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:0;
        padding-right:0;
        width:auto;
        max-width:none;
      }

      .top-stories-grid .ad-column{
        width:100%;
      }
    }

    @media (max-width:991.98px){
      body{font-size:15px}
      .site-container{width:auto;max-width:760px;padding-left:14px;padding-right:14px}

      .top-stories-grid.row{
        display:flex;
        margin-left:calc(-.5 * var(--bs-gutter-x));
        margin-right:calc(-.5 * var(--bs-gutter-x));
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5);
        width:50%;
      }

      .site-header-main{height:72px}
      .site-logo{font-size:25px}
      .section-title{font-size:19px}
      .story-title{font-size:14.5px}
      .mobile-nav-link{font-size:14px!important}
    }

    @media (max-width:575.98px){

      .top-stories-grid.row > [class*="col-"]{
        width:100%;
      }

      .site-container{width:auto;padding-left:12px;padding-right:12px}
      .site-logo{font-size:23px}
      .section-title{font-size:18px}
      .story-title{font-size:14px}
      .img-ph{font-size:9px}
    }

/* =========================
   news.html
   ========================= */

:root{
      --brand:#db141a;
      --ink:#171a1f;
      --muted:#595e66;
      --line:#e0e3e5;
      --panel:#f6f7f8;
      --dark:#1a1c21;
      --image:#e5e8eb;
    }

    html,body{
      max-width:100%;
      overflow-x:clip;
    }

    body{
      margin:0;
      background:var(--panel);
      color:var(--ink);
      font-family:"Inter",sans-serif;
      font-size:15px; /* increased from the Tailwind version */
    }

    a{color:inherit;text-decoration:none}
    .site-container{width:1280px;max-width:calc(100% - 32px);margin:0 auto}
    .top-strip{height:28px;background:#ebebeb}
    .brand-red{background:var(--brand)}
    .text-brand{color:var(--brand)!important}
    .bg-panel{background:var(--panel)!important}
    .bg-dark-custom{background:var(--dark)!important}

    .site-header-main{height:86px}
    .site-logo{font-size:28px;font-weight:700;line-height:1}
    .site-tagline{font-size:11px;font-weight:600;color:var(--muted)}
    .search-box{
      width:190px;height:38px;border:0;border-radius:5px;background:var(--panel);
      padding:0 14px;font-size:13px;outline:none;
    }

    .primary-nav a{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}
    .secondary-nav{background:#8c8f94}
    .secondary-nav a{font-size:11px;color:#fff;white-space:nowrap}

    .section-box{background:#fff}
    .section-title{font-size:20px;font-weight:650;text-transform:uppercase;margin:0}
    .section-rule{display:flex;align-items:center;gap:8px;margin-top:8px}
    .section-rule:before{content:"";width:38px;height:3px;background:var(--brand)}
    .section-rule:after{content:"";height:1px;background:var(--line);flex:1}

    .img-ph{
      background:var(--image);border-radius:3px;display:flex;align-items:center;justify-content:center;
      font-size:10px;font-weight:600;color:var(--muted);text-align:center;padding:4px;
    }

    .story-title{
      font-size:14px;line-height:1.42;margin:8px 0 0;color:var(--ink);
    }

    .side-heading{
      background:var(--brand);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:9px 10px;
    }

    .left-rail-title{font-size:16px;font-weight:700;color:var(--brand)}
    .left-rail p,.side-small{font-size:11.5px;line-height:1.4}
    .category-tile{
      min-height:82px;background:#fff;border-radius:6px;display:flex;flex-direction:column;
      align-items:center;justify-content:center;text-align:center;padding:6px;border:1px solid #f1f1f1;
    }
    .category-tile.active{background:#fff2f2;color:var(--brand)}
    .category-icon{width:30px;height:30px;margin-bottom:6px}
    .category-name{font-size:10.5px;font-weight:600}
    .finder-row{background:#f0f0f0;border-radius:9px;padding:10px}
    .finder-submenu{
      background:#f0f0f0;
      border-radius:10px;
      padding:12px;
      overflow:hidden;
    }
    .finder-submenu-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .finder-submenu-title{
      font-size:14px;
      font-weight:700;
      margin:0;
    }
    .finder-submenu-link{
      color:var(--brand);
      font-size:11px;
      font-weight:600;
      white-space:nowrap;
    }
    .finder-products{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      background:#fff;
      border-radius:9px;
      overflow:hidden;
      border:1px solid #e8e8e8;
    }
    .finder-product{
      min-width:0;
      padding:10px 8px 9px;
      text-align:center;
      border-right:1px solid #ececec;
      background:#fff;
    }
    .finder-product:last-child{border-right:0}
    .finder-product-img{
      width:100%;
      aspect-ratio:1 / .78;
      border-radius:5px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--muted);
      font-size:9px;
      font-weight:600;
      overflow:hidden;
    }
    .finder-product-img img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
    }
    .finder-product-name{
      margin-top:8px;
      font-size:11px;
      line-height:1.35;
      font-weight:500;
    }
    .finder-product-meta{
      margin-top:4px;
      font-size:10px;
      color:var(--muted);
    }
    .finder-product-action{
      display:inline-block;
      margin-top:5px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .finder-comparison .finder-product-img{aspect-ratio:1 / .64}
    .finder-brands .finder-product-img{aspect-ratio:1 / .55;background:#fff;border:1px solid #eee}

    @media (max-width:767.98px){
      .finder-products{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
      }
      .finder-product{
        flex:0 0 145px;
        scroll-snap-align:start;
      }
      .finder-submenu{
        padding:10px;
      }
      .finder-submenu-title{font-size:13px}
    }

    .finder-row-title{font-size:13px;font-weight:700;margin-bottom:8px}
    .product-name{font-size:10.5px;margin-top:5px}
    .budget-chip{background:#fff;border-radius:18px;padding:8px 13px;font-size:11px;display:inline-block}
    .form-select,.form-control{font-size:13px}
    .btn-brand{background:var(--brand);color:#fff;border:0}
    .btn-brand:hover{background:#bd1016;color:#fff}

    .review-card-img{position:relative}
    .review-score{
      position:absolute;left:8px;bottom:-14px;width:31px;height:31px;border-radius:50%;
      background:#fff;display:flex;align-items:center;justify-content:center;color:var(--brand);
      font-size:12px;font-weight:700;box-shadow:0 2px 7px rgba(0,0,0,.14);
    }

    .footer-heading{font-size:14px;font-weight:700;color:#fff}
    footer a,footer li,footer p{font-size:11px}
    footer ul{list-style:none;margin:0;padding:0}
    footer li{margin-bottom:10px}
    .footer-about{line-height:1.65}


    /* Full-width Product Finder mega menu */
    .primary-nav-wrap{
      position:relative;
      width:100%;
    }
    .mega-trigger{
      position:static!important;
      display:flex;
      align-items:center;
    }
    .mega-trigger > a{
      display:flex;
      align-items:center;
      gap:5px;
    }
    .mega-trigger > a .chev{
      width:11px;height:11px;transition:transform .18s ease;
    }
    .product-mega-menu{
      position:absolute;
      z-index:1055;
      top:100%;
      left:0;
      right:0;
      width:100%;
      transform:none;
      background:#fff;
      color:var(--ink);
      border-top:3px solid var(--brand);
      border-bottom:1px solid #ddd;
      box-shadow:0 10px 28px rgba(0,0,0,.17);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform-origin:top center;
      transition:opacity .12s ease, visibility .12s ease;
    }

    .product-mega-menu.show{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }
    .mega-trigger.menu-open > a .chev{transform:rotate(180deg)}
    .product-mega-inner{
      width:1280px;
      max-width:calc(100% - 32px);
      margin:0 auto;
      padding:20px 18px 22px;
    }
    .mega-heading{
      font-size:15px;
      font-weight:700;
      margin:0 0 13px;
      padding-bottom:9px;
      border-bottom:2px solid var(--brand);
      display:inline-block;
    }
    .mega-category-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      border:1px solid #e5e5e5;
      border-radius:8px;
      overflow:hidden;
      background:#fff;
    }
    .mega-category{
      display:flex;
      align-items:center;
      gap:11px;
      min-height:58px;
      padding:10px 13px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:13px!important;
      font-weight:500!important;
      color:var(--ink)!important;
      background:#fff;
      transition:background .15s,color .15s;
    }
    .mega-category:nth-child(4n){border-right:0}
    .mega-category:nth-last-child(-n+4){border-bottom:0}
    .mega-category:hover{background:#fff3f3;color:var(--brand)!important}
    .mega-category svg{width:25px;height:25px;flex:0 0 25px}
    .mega-feature{
      display:block;
      color:var(--ink)!important;
      font-size:12px!important;
      font-weight:500!important;
    }
    .mega-feature-img{
      height:95px;
      border-radius:7px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:9px;
      color:var(--muted);
      margin-bottom:8px;
      overflow:hidden;
    }
    .mega-feature-img img{width:100%;height:100%;object-fit:cover}
    .mega-feature strong{
      display:block;
      font-size:12px;
      line-height:1.35;
      color:var(--ink);
    }
    .mega-feature small{
      display:block;
      margin-top:4px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .mega-quick-link{
      display:inline-block;
      background:#f3f4f5;
      color:var(--ink)!important;
      font-size:11px!important;
      font-weight:600!important;
      border-radius:18px;
      padding:8px 12px;
    }
    .mega-quick-link:hover{background:#ffe9ea;color:var(--brand)!important}


    .mobile-finder-toggle{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      background:none;
      border:0;
      padding:0;
      font-size:14px;
      font-weight:600;
      color:var(--ink);
      text-align:left;
    }
    .mobile-finder-toggle svg{transition:transform .2s ease}
    .mobile-finder-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
    .mobile-mega-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      border:1px solid #e8e8e8;
      border-radius:8px;
      overflow:hidden;
      margin-top:12px;
    }
    .mobile-mega-item{
      display:flex;
      align-items:center;
      gap:9px;
      min-height:52px;
      padding:9px 10px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:12px;
      font-weight:500;
      background:#fff;
    }
    .mobile-mega-item:nth-child(2n){border-right:0}
    .mobile-mega-item svg{width:23px;height:23px;flex:0 0 23px}
    .mobile-feature-card{
      display:grid;
      grid-template-columns:72px 1fr;
      gap:10px;
      align-items:center;
      padding:10px 0;
      border-bottom:1px solid #eee;
    }
    .mobile-feature-img{
      height:58px;
      border-radius:6px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:8px;
      color:var(--muted);
    }


    .mobile-search-btn{
      width:38px;
      height:38px;
      border:0;
      background:transparent;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--ink);
      padding:0;
    }
    .mobile-search-btn svg{width:25px;height:25px}
    .mobile-search-panel{
      display:none;
      background:#fff;
      border-top:1px solid #eee;
      padding:10px 12px;
    }
    .mobile-search-panel.show{display:block}
    .mobile-search-input{
      width:100%;
      height:42px;
      border:1px solid #dfe2e5;
      border-radius:6px;
      padding:0 13px;
      font-size:14px;
      outline:none;
    }
    .mobile-category-strip{
      display:none;
      background:#fff;
      border-top:1px solid #ececec;
      border-bottom:1px solid #ececec;
      box-shadow:0 2px 5px rgba(0,0,0,.04);
    }
    .mobile-category-scroll{
      display:flex;
      align-items:center;
      gap:0;
      overflow-x:auto;
      white-space:nowrap;
      scrollbar-width:none;
      -ms-overflow-style:none;
      scroll-behavior:smooth;
      -webkit-overflow-scrolling:touch;
    }
    .mobile-category-scroll::-webkit-scrollbar{display:none}
    .mobile-category-link{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:6px;
      min-height:48px;
      padding:0 14px;
      border-right:1px solid #ececec;
      font-size:13px;
      font-weight:500;
      color:var(--ink);
    }
    .mobile-category-link.active{
      color:var(--brand);
      font-weight:700;
    }
    .mobile-category-link svg{
      width:20px;
      height:20px;
      flex:0 0 20px;
    }
    .mobile-strip-wrap{
      position:relative;
    }
    .mobile-strip-arrow{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:3;
      width:30px;
      height:38px;
      border:0;
      background:linear-gradient(90deg,#fff 60%,rgba(255,255,255,0));
      display:none;
      align-items:center;
      justify-content:center;
      padding:0;
    }
    .mobile-strip-arrow.right{
      right:0;
      left:auto;
      background:linear-gradient(270deg,#fff 60%,rgba(255,255,255,0));
    }
    .mobile-strip-arrow.left{left:0}
    @media (max-width:991.98px){
      .mobile-category-strip{display:block}
      .mobile-strip-arrow{display:flex}
      .mobile-category-scroll{padding:0 24px}
    }

    @media (min-width:992px){
      .main-layout{
        display:grid;
        grid-template-columns:132px 694px 162px;
        gap:19px;
        align-items:start;
      }
      .top-stories-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr)) 170px;
        gap:16px;
        width:100%;
        align-items:stretch;
      }
      .top-stories-grid > *{
        min-width:0;
      }

      .top-stories-grid.row{
        margin-left:0;
        margin-right:0;
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:0;
        padding-right:0;
        width:auto;
        max-width:none;
      }

      .top-stories-grid .ad-column{
        width:100%;
      }
    }

    @media (max-width:991.98px){
      body{font-size:15px}
      .site-container{width:auto;max-width:760px;padding-left:14px;padding-right:14px}

      .top-stories-grid.row{
        display:flex;
        margin-left:calc(-.5 * var(--bs-gutter-x));
        margin-right:calc(-.5 * var(--bs-gutter-x));
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5);
        width:50%;
      }

      .site-header-main{height:72px}
      .site-logo{font-size:25px}
      .section-title{font-size:19px}
      .story-title{font-size:14.5px}
      .mobile-nav-link{font-size:14px!important}
    }

    @media (max-width:575.98px){

      .top-stories-grid.row > [class*="col-"]{
        width:100%;
      }

      .site-container{width:auto;padding-left:12px;padding-right:12px}
      .site-logo{font-size:23px}
      .section-title{font-size:18px}
      .story-title{font-size:14px}
      .img-ph{font-size:9px}
    }
  
.gallery-trigger{cursor:pointer}
.gallery-trigger:hover{opacity:.94}
.gallery-count{
  position:relative;
  cursor:pointer;
  overflow:hidden;
}
.gallery-count::after{
  content:"+58";
  position:absolute;
  inset:0;
  background:rgba(23,26,31,.72);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:800;
  border-radius:7px;
}
.gallery-modal .modal-dialog{
  max-width:920px;
}
.gallery-modal .modal-content{
  border:0;
  border-radius:0;
  overflow:hidden;
}
.gallery-modal .modal-header{
  padding:0 12px;
  min-height:48px;
  border-bottom:1px solid #ddd;
}
.gallery-tabs{
  display:flex;
  align-items:center;
  gap:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.gallery-tabs::-webkit-scrollbar{display:none}
.gallery-tab{
  border:0;
  background:#fff;
  padding:14px 16px 12px;
  font-size:14px;
  white-space:nowrap;
  color:#333;
  position:relative;
}
.gallery-tab.active{
  color:#e50914;
}
.gallery-tab.active::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:#e50914;
}
.gallery-modal-body{
  min-height:550px;
  background:#fff;
  display:flex;
  flex-direction:column;
  padding:0;
}
.gallery-stage{
  flex:1;
  min-height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:24px 60px;
}
.gallery-stage-img{
  width:min(500px,80%);
  height:360px;
  object-fit:contain;
  background:#fff;
}
.gallery-placeholder{
  width:min(500px,80%);
  height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f4f5;
  color:#6b7280;
  font-weight:700;
  border-radius:8px;
}
.gallery-caption{
  text-align:center;
  font-size:14px;
  padding:0 20px 18px;
}
.gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:38px;height:38px;
  border:1px solid #ddd;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0d6efd;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.gallery-arrow.prev{left:14px}
.gallery-arrow.next{right:14px}
.gallery-thumbs{
  display:flex;
  gap:8px;
  padding:10px;
  border-top:1px solid #eee;
  overflow-x:auto;
  background:#fff;
}
.gallery-thumb{
  flex:0 0 86px;
  height:78px;
  border:1px solid #ddd;
  background:#f4f5f6;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px;
  cursor:pointer;
}
.gallery-thumb.active{
  border:2px solid #e50914;
}
@media(max-width:767.98px){
  .gallery-modal .modal-dialog{
    max-width:none;
    margin:0;
    min-height:100vh;
  }
  .gallery-modal .modal-content{
    min-height:100vh;
  }
  .gallery-modal-body{
    min-height:calc(100vh - 48px);
  }
  .gallery-stage{
    min-height:420px;
    padding:20px 42px;
  }
  .gallery-placeholder,
  .gallery-stage-img{
    width:100%;
    height:300px;
  }
  .gallery-tab{
    padding:14px 12px 12px;
    font-size:13px;
  }
}


/* Stable sticky product header - added without changing the existing page grid */
.ng-product-sticky{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1035;
  background:#fff;
  border-bottom:1px solid #ddd;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
  transform:translateY(-110%);
  opacity:0;
  pointer-events:none;
  transition:transform .2s ease, opacity .2s ease;
}
.ng-product-sticky.is-visible{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}
.ng-product-sticky-inner{
  width:1280px;
  max-width:calc(100% - 32px);
  margin:0 auto;
  padding:10px 0 0;
}
.ng-sticky-top{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:20px;
}
.ng-sticky-title-wrap{display:flex;align-items:center;gap:9px}
.ng-sticky-title{font-size:24px;line-height:1.2;font-weight:800;margin:0}
.ng-share-btn{
  width:35px;height:35px;border:0;border-radius:50%;
  background:#f2f3f4;display:flex;align-items:center;justify-content:center;
}
.ng-share-btn svg{width:18px;height:18px}
.ng-sticky-score{text-align:center;min-width:82px}
.ng-score-circle{
  width:52px;height:52px;border:3px solid #f7a91d;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 3px;font-size:22px;font-weight:800;
}
.ng-sticky-price{font-size:14px;font-weight:800}
.ng-tabs{
  display:flex;align-items:center;overflow-x:auto;white-space:nowrap;
  scrollbar-width:none;margin-top:6px;
}
.ng-tabs::-webkit-scrollbar{display:none}
.ng-tab{
  flex:0 0 auto;padding:11px 14px 10px;
  border-bottom:3px solid transparent;color:#222;font-size:13px;
}
.ng-tab:hover,.ng-tab.active{color:#e50914;border-bottom-color:#e50914}
.ng-anchor{scroll-margin-top:128px}

/* share popup */
.ng-share-pop{
  display:none;position:fixed;z-index:1085;min-width:220px;
  background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.ng-share-pop.show{display:block}
.ng-share-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ng-share-action{
  border:0;border-radius:8px;background:#f5f6f7;padding:8px 4px;
  font-size:10px;text-align:center;
}

/* Video section */
.ng-video{
  aspect-ratio:16/9;background:#191919;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
}
.ng-play{
  width:68px;height:68px;border:0;border-radius:50%;
  background:#e50914;color:#fff;display:flex;align-items:center;justify-content:center;
}
.ng-play svg{width:28px;height:28px;margin-left:4px}

/* Help + price list */
.ng-help-card{background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:16px}
.ng-service{
  display:inline-flex;align-items:center;gap:10px;background:#f2f2f2;
  border-radius:22px;padding:10px 16px;font-size:13px;font-weight:600;
}
.ng-price-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.ng-price-strip::-webkit-scrollbar{display:none}
.ng-price-brand{
  flex:0 0 180px;border:1px solid #e5e5e5;background:#fff;text-align:center;
}
.ng-price-logo{
  height:74px;display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid #eee;font-size:20px;font-weight:800;
}
.ng-price-name{padding:9px;font-size:12px}

@media(max-width:991.98px){
  .ng-product-sticky-inner{padding-left:12px;padding-right:12px}
  .ng-sticky-title{font-size:20px}
   .ng-tab{font-size:12px;padding:10px 12px}
  .ng-anchor{scroll-margin-top:108px}
}

#normalProductHeader{padding-top:2px}
#normalProductHeader .breadcrumbs{font-size:12px;color:#6f7378}
#normalProductHeader .product-title{font-size:29px;font-weight:800}
@media(max-width:575.98px){#normalProductHeader .product-title{font-size:23px}}

/* Mobile menu safety: keep the offcanvas inside the viewport */
@media (max-width: 991.98px){
  #mobileMenu{
    --bs-offcanvas-width: min(88vw, 360px);
    max-width: 88vw;
  }
  #mobileMenu .offcanvas-body{
    overflow-y:auto;
    overflow-x:hidden;
  }
  body.offcanvas-open{
    overflow:hidden;
  }
}


/* Desktop Product Finder mega-menu safety */
@media (min-width: 992px){
  .primary-nav-wrap{
    position:relative;
    overflow:visible !important;
  }
  .primary-nav{
    overflow:visible !important;
  }
  .mega-trigger{
    position:static !important;
  }
  .product-mega-menu{
    top:100%;
    left:0;
    right:0;
    width:100%;
    transform:none;
  }
}


/* Share modal */
.share-modal .modal-content{
  border:0;
  border-radius:14px;
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.share-modal .modal-header{
  border-bottom:1px solid #eee;
  padding:16px 18px;
}
.share-modal .modal-title{
  font-size:18px;
  font-weight:800;
}
.share-modal .modal-body{padding:18px}
.share-social-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.share-social{
  border:1px solid #e5e5e5;
  background:#fff;
  border-radius:12px;
  min-height:88px;
  padding:12px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:11px;
  font-weight:600;
  transition:.15s ease;
}
.share-social:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.share-social-icon{
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
}
.share-social-icon svg{width:21px;height:21px}
.bg-whatsapp{background:#25D366}
.bg-facebook{background:#1877F2}
.bg-x{background:#111}
.bg-linkedin{background:#0A66C2}
.bg-telegram{background:#229ED9}
.bg-pinterest{background:#E60023}
.bg-reddit{background:#FF4500}
.bg-email{background:#6c757d}
.bg-copy{background:#343a40}
.bg-messenger{background:#0084FF}
.bg-tumblr{background:#35465C}
.bg-line{background:#06C755}
.share-copy-row{
  display:flex;
  gap:8px;
  margin-top:16px;
}
.share-copy-row input{
  flex:1;
  height:42px;
  border:1px solid #ddd;
  border-radius:8px;
  padding:0 12px;
  font-size:12px;
  background:#f8f9fa;
}
.share-copy-row button{
  border:0;
  border-radius:8px;
  background:#e50914;
  color:#fff;
  padding:0 16px;
  font-weight:700;
  font-size:12px;
}
@media(max-width:575.98px){
  .share-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .share-modal .modal-dialog{margin:12px}
}

.product-page{padding:22px 0 50px}
.breadcrumbs{font-size:12px;color:#777;margin-bottom:12px}
.product-title{font-size:28px;font-weight:800;margin:0 0 6px}
.product-subtitle{font-size:13px;color:#777}
.product-card,.spec-card,.side-card{background:#fff;border:1px solid #e7e7e7;border-radius:10px}
.product-card{padding:16px}
.product-gallery-main{height:330px;background:#f1f3f5;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#777;font-weight:700}
.thumb{height:66px;background:#f1f3f5;border:1px solid #e5e5e5;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px}
.score{width:54px;height:54px;border:3px solid #ffb12b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}
.quick-spec{background:#f7f7f7;border-radius:8px;padding:11px;height:100%}
.quick-spec small{color:#777;display:block}.quick-spec strong{font-size:13px}
.price-box{background:#f7f7f7;border-radius:9px;padding:14px}
.price{font-size:24px;font-weight:800}
.buy-btn{background:#e50914;color:#fff;border:0;border-radius:5px;padding:10px 20px;font-weight:700}
.section-title{font-size:20px;font-weight:800;border-bottom:1px solid #ddd;padding-bottom:10px;margin:26px 0 14px}
.section-title:after{content:"";display:block;width:42px;border-bottom:3px solid #e50914;position:relative;top:13px}
.rating-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rating-pill{width:38px;height:38px;border:2px solid #7bc900;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.spec-card{padding:14px;margin-bottom:12px}
.spec-head{font-size:15px;font-weight:800;margin-bottom:9px}
.spec-row{display:grid;grid-template-columns:42% 58%;padding:8px 6px;border-top:1px solid #eee;font-size:13px}
.spec-row span:first-child{color:#777}
.offer-card{display:flex;gap:12px;align-items:center;border:1px solid #eee;border-radius:8px;padding:10px;margin-bottom:10px}
.offer-img{width:72px;height:65px;background:#eef0f2;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px}
.side-title{background:#e50914;color:#fff;padding:8px 10px;font-weight:800;font-size:13px}
.side-card{overflow:hidden;margin-bottom:15px}
.side-body{padding:10px}
.side-product{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #eee;font-size:12px}
.side-img{height:52px;background:#eef0f2;display:flex;align-items:center;justify-content:center;font-size:8px}
.compare-strip{display:flex;gap:10px;overflow:auto}
.compare-item{min-width:145px;border:1px solid #eee;border-radius:8px;padding:10px;text-align:center}
.compare-img{height:80px;background:#eef0f2;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px}
.article-text{font-size:14px;line-height:1.75}
@media(max-width:991.98px){
 .product-page{padding-top:14px}.product-title{font-size:23px}.product-gallery-main{height:270px}
}
@media(max-width:575.98px){
 .product-title{font-size:21px}.product-card{padding:12px}.product-gallery-main{height:235px}
 .spec-row{grid-template-columns:45% 55%;font-size:12px}
}

.news-page{
  padding:28px 0 48px;
}
.news-shell{
  width:1280px;
  max-width:calc(100% - 32px);
  margin:0 auto;
}
.news-breadcrumb{
  font-size:12px;
  color:#727982;
  margin-bottom:12px;
}
.news-layout{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) 250px;
  gap:20px;
  align-items:start;
}
.news-panel{
  background:#fff;
  border:1px solid #e0e3e5;
}
.news-panel-title{
  padding:10px 11px;
  color:#db141a;
  font-size:13px;
  font-weight:800;
  border-bottom:2px solid #db141a;
}
.news-side-story{
  padding:10px;
  border-bottom:1px solid #ececec;
}
.news-side-story:last-child{border-bottom:0}
.news-ph{
  background:#e5e8eb;
  color:#69717a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px;
}
.news-side-story .news-ph{
  height:90px;
  margin-bottom:7px;
}
.news-side-story h4{
  font-size:11px;
  line-height:1.4;
  margin:0;
  font-weight:600;
}
.news-content{
  background:#fff;
  padding:0 18px 14px;
  min-width:0;
}
.news-content-title{
  font-size:22px;
  font-weight:800;
  margin:0;
  padding:0 0 11px;
  border-bottom:1px solid #ddd;
  position:relative;
}
.news-content-title::after{
  content:"";
  width:48px;
  height:3px;
  background:#db141a;
  position:absolute;
  left:0;
  bottom:-1px;
}
.news-item{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:18px;
  padding:17px 0;
  border-bottom:1px solid #ddd;
}
.news-item .news-ph{height:105px}
.news-item h2{
  font-size:16px;
  font-weight:500;
  line-height:1.35;
  margin:0 0 7px;
}
.news-meta{
  font-size:10px;
  color:#848a91;
  margin-bottom:6px;
}
.news-category{
  font-size:10px;
  color:#db141a;
  font-weight:800;
  text-transform:uppercase;
}
.news-load-more{
  display:block;
  margin:22px auto 8px;
  border:0;
  border-radius:20px;
  background:#db141a;
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:10px 28px;
}
.news-ad-label{
  font-size:9px;
  color:#777;
  text-align:center;
  padding:6px;
}
.news-ad-box{
  height:250px;
  background:#fff0c5;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#db141a;
  font-weight:800;
}
.news-right-box{margin-top:16px}
.news-product{
  display:grid;
  grid-template-columns:68px 1fr;
  gap:9px;
  padding:9px;
  border-bottom:1px solid #eee;
}
.news-product .news-ph{height:57px}
.news-product strong{
  display:block;
  font-size:11px;
  line-height:1.35;
}
.news-product span{
  display:block;
  font-size:10px;
  margin-top:3px;
}
.news-product a{
  display:block;
  margin-top:5px;
  color:#db141a;
  font-size:10px;
  font-weight:800;
}
.news-simple-list{
  list-style:none;
  margin:0;
  padding:0 11px;
}
.news-simple-list li{
  padding:8px 0;
  border-bottom:1px solid #eee;
  font-size:11px;
}
.news-social{
  display:flex;
  gap:8px;
  padding:12px;
}
.news-social span{
  width:27px;
  height:27px;
  border-radius:50%;
  background:#f0f1f2;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:700;
}
@media(max-width:991.98px){
  .news-shell{
    width:auto;
    max-width:760px;
    padding-left:14px;
    padding-right:14px;
  }
  .news-layout{
    grid-template-columns:1fr;
  }
  .news-left,.news-right{display:none}
  .news-page{padding-top:18px}
}
@media(max-width:575.98px){
  .news-shell{
    max-width:100%;
    padding-left:12px;
    padding-right:12px;
  }
  .news-content{padding:0 10px 12px}
  .news-item{
    grid-template-columns:105px minmax(0,1fr);
    gap:11px;
    padding:13px 0;
  }
  .news-item .news-ph{height:78px}
  .news-item h2{font-size:14px}
  .news-content-title{font-size:20px}
}

/* =========================
   single-news.html
   ========================= */

:root{
      --brand:#db141a;
      --ink:#171a1f;
      --muted:#595e66;
      --line:#e0e3e5;
      --panel:#f6f7f8;
      --dark:#1a1c21;
      --image:#e5e8eb;
    }

    html,body{
      max-width:100%;
      overflow-x:clip;
    }

    body{
      margin:0;
      background:var(--panel);
      color:var(--ink);
      font-family:"Inter",sans-serif;
      font-size:15px; /* increased from the Tailwind version */
    }

    a{color:inherit;text-decoration:none}
    .site-container{width:1280px;max-width:calc(100% - 32px);margin:0 auto}
    .top-strip{height:28px;background:#ebebeb}
    .brand-red{background:var(--brand)}
    .text-brand{color:var(--brand)!important}
    .bg-panel{background:var(--panel)!important}
    .bg-dark-custom{background:var(--dark)!important}

    .site-header-main{height:86px}
    .site-logo{font-size:28px;font-weight:700;line-height:1}
    .site-tagline{font-size:11px;font-weight:600;color:var(--muted)}
    .search-box{
      width:190px;height:38px;border:0;border-radius:5px;background:var(--panel);
      padding:0 14px;font-size:13px;outline:none;
    }

    .primary-nav a{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}
    .secondary-nav{background:#8c8f94}
    .secondary-nav a{font-size:11px;color:#fff;white-space:nowrap}

    .section-box{background:#fff}
    .section-title{font-size:20px;font-weight:650;text-transform:uppercase;margin:0}
    .section-rule{display:flex;align-items:center;gap:8px;margin-top:8px}
    .section-rule:before{content:"";width:38px;height:3px;background:var(--brand)}
    .section-rule:after{content:"";height:1px;background:var(--line);flex:1}

    .img-ph{
      background:var(--image);border-radius:3px;display:flex;align-items:center;justify-content:center;
      font-size:10px;font-weight:600;color:var(--muted);text-align:center;padding:4px;
    }

    .story-title{
      font-size:14px;line-height:1.42;margin:8px 0 0;color:var(--ink);
    }

    .side-heading{
      background:var(--brand);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:9px 10px;
    }

    .left-rail-title{font-size:16px;font-weight:700;color:var(--brand)}
    .left-rail p,.side-small{font-size:11.5px;line-height:1.4}
    .category-tile{
      min-height:82px;background:#fff;border-radius:6px;display:flex;flex-direction:column;
      align-items:center;justify-content:center;text-align:center;padding:6px;border:1px solid #f1f1f1;
    }
    .category-tile.active{background:#fff2f2;color:var(--brand)}
    .category-icon{width:30px;height:30px;margin-bottom:6px}
    .category-name{font-size:10.5px;font-weight:600}
    .finder-row{background:#f0f0f0;border-radius:9px;padding:10px}
    .finder-submenu{
      background:#f0f0f0;
      border-radius:10px;
      padding:12px;
      overflow:hidden;
    }
    .finder-submenu-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .finder-submenu-title{
      font-size:14px;
      font-weight:700;
      margin:0;
    }
    .finder-submenu-link{
      color:var(--brand);
      font-size:11px;
      font-weight:600;
      white-space:nowrap;
    }
    .finder-products{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      background:#fff;
      border-radius:9px;
      overflow:hidden;
      border:1px solid #e8e8e8;
    }
    .finder-product{
      min-width:0;
      padding:10px 8px 9px;
      text-align:center;
      border-right:1px solid #ececec;
      background:#fff;
    }
    .finder-product:last-child{border-right:0}
    .finder-product-img{
      width:100%;
      aspect-ratio:1 / .78;
      border-radius:5px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--muted);
      font-size:9px;
      font-weight:600;
      overflow:hidden;
    }
    .finder-product-img img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
    }
    .finder-product-name{
      margin-top:8px;
      font-size:11px;
      line-height:1.35;
      font-weight:500;
    }
    .finder-product-meta{
      margin-top:4px;
      font-size:10px;
      color:var(--muted);
    }
    .finder-product-action{
      display:inline-block;
      margin-top:5px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .finder-comparison .finder-product-img{aspect-ratio:1 / .64}
    .finder-brands .finder-product-img{aspect-ratio:1 / .55;background:#fff;border:1px solid #eee}

    @media (max-width:767.98px){
      .finder-products{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
      }
      .finder-product{
        flex:0 0 145px;
        scroll-snap-align:start;
      }
      .finder-submenu{
        padding:10px;
      }
      .finder-submenu-title{font-size:13px}
    }

    .finder-row-title{font-size:13px;font-weight:700;margin-bottom:8px}
    .product-name{font-size:10.5px;margin-top:5px}
    .budget-chip{background:#fff;border-radius:18px;padding:8px 13px;font-size:11px;display:inline-block}
    .form-select,.form-control{font-size:13px}
    .btn-brand{background:var(--brand);color:#fff;border:0}
    .btn-brand:hover{background:#bd1016;color:#fff}

    .review-card-img{position:relative}
    .review-score{
      position:absolute;left:8px;bottom:-14px;width:31px;height:31px;border-radius:50%;
      background:#fff;display:flex;align-items:center;justify-content:center;color:var(--brand);
      font-size:12px;font-weight:700;box-shadow:0 2px 7px rgba(0,0,0,.14);
    }

    .footer-heading{font-size:14px;font-weight:700;color:#fff}
    footer a,footer li,footer p{font-size:11px}
    footer ul{list-style:none;margin:0;padding:0}
    footer li{margin-bottom:10px}
    .footer-about{line-height:1.65}


    /* Full-width Product Finder mega menu */
    .primary-nav-wrap{
      position:relative;
      width:100%;
    }
    .mega-trigger{
      position:static!important;
      display:flex;
      align-items:center;
    }
    .mega-trigger > a{
      display:flex;
      align-items:center;
      gap:5px;
    }
    .mega-trigger > a .chev{
      width:11px;height:11px;transition:transform .18s ease;
    }
    .product-mega-menu{
      position:absolute;
      z-index:1055;
      top:100%;
      left:0;
      right:0;
      width:100%;
      transform:none;
      background:#fff;
      color:var(--ink);
      border-top:3px solid var(--brand);
      border-bottom:1px solid #ddd;
      box-shadow:0 10px 28px rgba(0,0,0,.17);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform-origin:top center;
      transition:opacity .12s ease, visibility .12s ease;
    }

    .product-mega-menu.show{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }
    .mega-trigger.menu-open > a .chev{transform:rotate(180deg)}
    .product-mega-inner{
      width:1280px;
      max-width:calc(100% - 32px);
      margin:0 auto;
      padding:20px 18px 22px;
    }
    .mega-heading{
      font-size:15px;
      font-weight:700;
      margin:0 0 13px;
      padding-bottom:9px;
      border-bottom:2px solid var(--brand);
      display:inline-block;
    }
    .mega-category-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      border:1px solid #e5e5e5;
      border-radius:8px;
      overflow:hidden;
      background:#fff;
    }
    .mega-category{
      display:flex;
      align-items:center;
      gap:11px;
      min-height:58px;
      padding:10px 13px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:13px!important;
      font-weight:500!important;
      color:var(--ink)!important;
      background:#fff;
      transition:background .15s,color .15s;
    }
    .mega-category:nth-child(4n){border-right:0}
    .mega-category:nth-last-child(-n+4){border-bottom:0}
    .mega-category:hover{background:#fff3f3;color:var(--brand)!important}
    .mega-category svg{width:25px;height:25px;flex:0 0 25px}
    .mega-feature{
      display:block;
      color:var(--ink)!important;
      font-size:12px!important;
      font-weight:500!important;
    }
    .mega-feature-img{
      height:95px;
      border-radius:7px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:9px;
      color:var(--muted);
      margin-bottom:8px;
      overflow:hidden;
    }
    .mega-feature-img img{width:100%;height:100%;object-fit:cover}
    .mega-feature strong{
      display:block;
      font-size:12px;
      line-height:1.35;
      color:var(--ink);
    }
    .mega-feature small{
      display:block;
      margin-top:4px;
      color:var(--brand);
      font-size:10px;
      font-weight:600;
    }
    .mega-quick-link{
      display:inline-block;
      background:#f3f4f5;
      color:var(--ink)!important;
      font-size:11px!important;
      font-weight:600!important;
      border-radius:18px;
      padding:8px 12px;
    }
    .mega-quick-link:hover{background:#ffe9ea;color:var(--brand)!important}


    .mobile-finder-toggle{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      background:none;
      border:0;
      padding:0;
      font-size:14px;
      font-weight:600;
      color:var(--ink);
      text-align:left;
    }
    .mobile-finder-toggle svg{transition:transform .2s ease}
    .mobile-finder-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
    .mobile-mega-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      border:1px solid #e8e8e8;
      border-radius:8px;
      overflow:hidden;
      margin-top:12px;
    }
    .mobile-mega-item{
      display:flex;
      align-items:center;
      gap:9px;
      min-height:52px;
      padding:9px 10px;
      border-right:1px solid #ececec;
      border-bottom:1px solid #ececec;
      font-size:12px;
      font-weight:500;
      background:#fff;
    }
    .mobile-mega-item:nth-child(2n){border-right:0}
    .mobile-mega-item svg{width:23px;height:23px;flex:0 0 23px}
    .mobile-feature-card{
      display:grid;
      grid-template-columns:72px 1fr;
      gap:10px;
      align-items:center;
      padding:10px 0;
      border-bottom:1px solid #eee;
    }
    .mobile-feature-img{
      height:58px;
      border-radius:6px;
      background:#e5e8eb;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:8px;
      color:var(--muted);
    }


    .mobile-search-btn{
      width:38px;
      height:38px;
      border:0;
      background:transparent;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--ink);
      padding:0;
    }
    .mobile-search-btn svg{width:25px;height:25px}
    .mobile-search-panel{
      display:none;
      background:#fff;
      border-top:1px solid #eee;
      padding:10px 12px;
    }
    .mobile-search-panel.show{display:block}
    .mobile-search-input{
      width:100%;
      height:42px;
      border:1px solid #dfe2e5;
      border-radius:6px;
      padding:0 13px;
      font-size:14px;
      outline:none;
    }
    .mobile-category-strip{
      display:none;
      background:#fff;
      border-top:1px solid #ececec;
      border-bottom:1px solid #ececec;
      box-shadow:0 2px 5px rgba(0,0,0,.04);
    }
    .mobile-category-scroll{
      display:flex;
      align-items:center;
      gap:0;
      overflow-x:auto;
      white-space:nowrap;
      scrollbar-width:none;
      -ms-overflow-style:none;
      scroll-behavior:smooth;
      -webkit-overflow-scrolling:touch;
    }
    .mobile-category-scroll::-webkit-scrollbar{display:none}
    .mobile-category-link{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:6px;
      min-height:48px;
      padding:0 14px;
      border-right:1px solid #ececec;
      font-size:13px;
      font-weight:500;
      color:var(--ink);
    }
    .mobile-category-link.active{
      color:var(--brand);
      font-weight:700;
    }
    .mobile-category-link svg{
      width:20px;
      height:20px;
      flex:0 0 20px;
    }
    .mobile-strip-wrap{
      position:relative;
    }
    .mobile-strip-arrow{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:3;
      width:30px;
      height:38px;
      border:0;
      background:linear-gradient(90deg,#fff 60%,rgba(255,255,255,0));
      display:none;
      align-items:center;
      justify-content:center;
      padding:0;
    }
    .mobile-strip-arrow.right{
      right:0;
      left:auto;
      background:linear-gradient(270deg,#fff 60%,rgba(255,255,255,0));
    }
    .mobile-strip-arrow.left{left:0}
    @media (max-width:991.98px){
      .mobile-category-strip{display:block}
      .mobile-strip-arrow{display:flex}
      .mobile-category-scroll{padding:0 24px}
    }

    @media (min-width:992px){
      .main-layout{
        display:grid;
        grid-template-columns:132px 694px 162px;
        gap:19px;
        align-items:start;
      }
      .top-stories-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr)) 170px;
        gap:16px;
        width:100%;
        align-items:stretch;
      }
      .top-stories-grid > *{
        min-width:0;
      }

      .top-stories-grid.row{
        margin-left:0;
        margin-right:0;
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:0;
        padding-right:0;
        width:auto;
        max-width:none;
      }

      .top-stories-grid .ad-column{
        width:100%;
      }
    }

    @media (max-width:991.98px){
      body{font-size:15px}
      .site-container{width:auto;max-width:760px;padding-left:14px;padding-right:14px}

      .top-stories-grid.row{
        display:flex;
        margin-left:calc(-.5 * var(--bs-gutter-x));
        margin-right:calc(-.5 * var(--bs-gutter-x));
      }
      .top-stories-grid.row > [class*="col-"]{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5);
        width:50%;
      }

      .site-header-main{height:72px}
      .site-logo{font-size:25px}
      .section-title{font-size:19px}
      .story-title{font-size:14.5px}
      .mobile-nav-link{font-size:14px!important}
    }

    @media (max-width:575.98px){

      .top-stories-grid.row > [class*="col-"]{
        width:100%;
      }

      .site-container{width:auto;padding-left:12px;padding-right:12px}
      .site-logo{font-size:23px}
      .section-title{font-size:18px}
      .story-title{font-size:14px}
      .img-ph{font-size:9px}
    }
  
.gallery-trigger{cursor:pointer}
.gallery-trigger:hover{opacity:.94}
.gallery-count{
  position:relative;
  cursor:pointer;
  overflow:hidden;
}
.gallery-count::after{
  content:"+58";
  position:absolute;
  inset:0;
  background:rgba(23,26,31,.72);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:800;
  border-radius:7px;
}
.gallery-modal .modal-dialog{
  max-width:920px;
}
.gallery-modal .modal-content{
  border:0;
  border-radius:0;
  overflow:hidden;
}
.gallery-modal .modal-header{
  padding:0 12px;
  min-height:48px;
  border-bottom:1px solid #ddd;
}
.gallery-tabs{
  display:flex;
  align-items:center;
  gap:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.gallery-tabs::-webkit-scrollbar{display:none}
.gallery-tab{
  border:0;
  background:#fff;
  padding:14px 16px 12px;
  font-size:14px;
  white-space:nowrap;
  color:#333;
  position:relative;
}
.gallery-tab.active{
  color:#e50914;
}
.gallery-tab.active::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:#e50914;
}
.gallery-modal-body{
  min-height:550px;
  background:#fff;
  display:flex;
  flex-direction:column;
  padding:0;
}
.gallery-stage{
  flex:1;
  min-height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:24px 60px;
}
.gallery-stage-img{
  width:min(500px,80%);
  height:360px;
  object-fit:contain;
  background:#fff;
}
.gallery-placeholder{
  width:min(500px,80%);
  height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f4f5;
  color:#6b7280;
  font-weight:700;
  border-radius:8px;
}
.gallery-caption{
  text-align:center;
  font-size:14px;
  padding:0 20px 18px;
}
.gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:38px;height:38px;
  border:1px solid #ddd;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0d6efd;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.gallery-arrow.prev{left:14px}
.gallery-arrow.next{right:14px}
.gallery-thumbs{
  display:flex;
  gap:8px;
  padding:10px;
  border-top:1px solid #eee;
  overflow-x:auto;
  background:#fff;
}
.gallery-thumb{
  flex:0 0 86px;
  height:78px;
  border:1px solid #ddd;
  background:#f4f5f6;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px;
  cursor:pointer;
}
.gallery-thumb.active{
  border:2px solid #e50914;
}
@media(max-width:767.98px){
  .gallery-modal .modal-dialog{
    max-width:none;
    margin:0;
    min-height:100vh;
  }
  .gallery-modal .modal-content{
    min-height:100vh;
  }
  .gallery-modal-body{
    min-height:calc(100vh - 48px);
  }
  .gallery-stage{
    min-height:420px;
    padding:20px 42px;
  }
  .gallery-placeholder,
  .gallery-stage-img{
    width:100%;
    height:300px;
  }
  .gallery-tab{
    padding:14px 12px 12px;
    font-size:13px;
  }
}


/* Stable sticky product header - added without changing the existing page grid */
.ng-product-sticky{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1035;
  background:#fff;
  border-bottom:1px solid #ddd;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
  transform:translateY(-110%);
  opacity:0;
  pointer-events:none;
  transition:transform .2s ease, opacity .2s ease;
}
.ng-product-sticky.is-visible{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}
.ng-product-sticky-inner{
  width:1280px;
  max-width:calc(100% - 32px);
  margin:0 auto;
  padding:10px 0 0;
}
.ng-sticky-top{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:20px;
}
.ng-sticky-title-wrap{display:flex;align-items:center;gap:9px}
.ng-sticky-title{font-size:24px;line-height:1.2;font-weight:800;margin:0}
.ng-share-btn{
  width:35px;height:35px;border:0;border-radius:50%;
  background:#f2f3f4;display:flex;align-items:center;justify-content:center;
}
.ng-share-btn svg{width:18px;height:18px}
.ng-sticky-score{text-align:center;min-width:82px}
.ng-score-circle{
  width:52px;height:52px;border:3px solid #f7a91d;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 3px;font-size:22px;font-weight:800;
}
.ng-sticky-price{font-size:14px;font-weight:800}
.ng-tabs{
  display:flex;align-items:center;overflow-x:auto;white-space:nowrap;
  scrollbar-width:none;margin-top:6px;
}
.ng-tabs::-webkit-scrollbar{display:none}
.ng-tab{
  flex:0 0 auto;padding:11px 14px 10px;
  border-bottom:3px solid transparent;color:#222;font-size:13px;
}
.ng-tab:hover,.ng-tab.active{color:#e50914;border-bottom-color:#e50914}
.ng-anchor{scroll-margin-top:128px}

/* share popup */
.ng-share-pop{
  display:none;position:fixed;z-index:1085;min-width:220px;
  background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.ng-share-pop.show{display:block}
.ng-share-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ng-share-action{
  border:0;border-radius:8px;background:#f5f6f7;padding:8px 4px;
  font-size:10px;text-align:center;
}

/* Video section */
.ng-video{
  aspect-ratio:16/9;background:#191919;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
}
.ng-play{
  width:68px;height:68px;border:0;border-radius:50%;
  background:#e50914;color:#fff;display:flex;align-items:center;justify-content:center;
}
.ng-play svg{width:28px;height:28px;margin-left:4px}

/* Help + price list */
.ng-help-card{background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:16px}
.ng-service{
  display:inline-flex;align-items:center;gap:10px;background:#f2f2f2;
  border-radius:22px;padding:10px 16px;font-size:13px;font-weight:600;
}
.ng-price-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.ng-price-strip::-webkit-scrollbar{display:none}
.ng-price-brand{
  flex:0 0 180px;border:1px solid #e5e5e5;background:#fff;text-align:center;
}
.ng-price-logo{
  height:74px;display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid #eee;font-size:20px;font-weight:800;
}
.ng-price-name{padding:9px;font-size:12px}

@media(max-width:991.98px){
  .ng-product-sticky-inner{padding-left:12px;padding-right:12px}
  .ng-sticky-title{font-size:20px}
   .ng-tab{font-size:12px;padding:10px 12px}
  .ng-anchor{scroll-margin-top:108px}
}

#normalProductHeader{padding-top:2px}
#normalProductHeader .breadcrumbs{font-size:12px;color:#6f7378}
#normalProductHeader .product-title{font-size:29px;font-weight:800}
@media(max-width:575.98px){#normalProductHeader .product-title{font-size:23px}}

/* Mobile menu safety: keep the offcanvas inside the viewport */
@media (max-width: 991.98px){
  #mobileMenu{
    --bs-offcanvas-width: min(88vw, 360px);
    max-width: 88vw;
  }
  #mobileMenu .offcanvas-body{
    overflow-y:auto;
    overflow-x:hidden;
  }
  body.offcanvas-open{
    overflow:hidden;
  }
}


/* Desktop Product Finder mega-menu safety */
@media (min-width: 992px){
  .primary-nav-wrap{
    position:relative;
    overflow:visible !important;
  }
  .primary-nav{
    overflow:visible !important;
  }
  .mega-trigger{
    position:static !important;
  }
  .product-mega-menu{
    top:100%;
    left:0;
    right:0;
    width:100%;
    transform:none;
  }
}


/* Share modal */
.share-modal .modal-content{
  border:0;
  border-radius:14px;
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.share-modal .modal-header{
  border-bottom:1px solid #eee;
  padding:16px 18px;
}
.share-modal .modal-title{
  font-size:18px;
  font-weight:800;
}
.share-modal .modal-body{padding:18px}
.share-social-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.share-social{
  border:1px solid #e5e5e5;
  background:#fff;
  border-radius:12px;
  min-height:88px;
  padding:12px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:11px;
  font-weight:600;
  transition:.15s ease;
}
.share-social:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.share-social-icon{
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
}
.share-social-icon svg{width:21px;height:21px}
.bg-whatsapp{background:#25D366}
.bg-facebook{background:#1877F2}
.bg-x{background:#111}
.bg-linkedin{background:#0A66C2}
.bg-telegram{background:#229ED9}
.bg-pinterest{background:#E60023}
.bg-reddit{background:#FF4500}
.bg-email{background:#6c757d}
.bg-copy{background:#343a40}
.bg-messenger{background:#0084FF}
.bg-tumblr{background:#35465C}
.bg-line{background:#06C755}
.share-copy-row{
  display:flex;
  gap:8px;
  margin-top:16px;
}
.share-copy-row input{
  flex:1;
  height:42px;
  border:1px solid #ddd;
  border-radius:8px;
  padding:0 12px;
  font-size:12px;
  background:#f8f9fa;
}
.share-copy-row button{
  border:0;
  border-radius:8px;
  background:#e50914;
  color:#fff;
  padding:0 16px;
  font-weight:700;
  font-size:12px;
}
@media(max-width:575.98px){
  .share-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .share-modal .modal-dialog{margin:12px}
}


/* Sticky compact article header */
.article-sticky-bar{
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:1080;
  background:#fff;
  border-bottom:1px solid #d9d9d9;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  transform:translateY(-110%);
  opacity:0;
  pointer-events:none;
  transition:transform .2s ease, opacity .2s ease;
}
.article-sticky-bar.show{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}
.article-sticky-inner{
  width:1280px;
  max-width:calc(100% - 24px);
  margin:0 auto;
  min-height:58px;
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
}
.article-sticky-logo{
  font-size:22px;
  font-weight:800;
  white-space:nowrap;
}
.article-sticky-title{
  min-width:0;
  font-size:16px;
  font-weight:700;
  color:#444;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.article-sticky-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.article-sticky-comment{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:11px;
  color:#666;
  padding-right:10px;
  border-right:1px solid #ddd;
}
.article-sticky-icon{
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
  color:#fff;
}
.article-sticky-icon.facebook{background:#4267B2}
.article-sticky-icon.x{background:#111}
.article-sticky-icon.snap{background:#ffdf00;color:#111}
.article-sticky-icon.mail{background:#aaa}
.article-sticky-icon.reddit{background:#8ba0b2}
.article-sticky-icon.alert{background:#ef4444}

@media(max-width:991.98px){
  .article-sticky-inner{
    grid-template-columns:auto minmax(0,1fr) auto;
    min-height:54px;
  }
  .article-sticky-logo{
    font-size:18px;
  }
  .article-sticky-title{
    font-size:13px;
  }
  .article-sticky-comment{
    display:none;
  }
  .article-sticky-icon{
    width:28px;
    height:28px;
  }
}
@media(max-width:575.98px){
  .article-sticky-inner{
    max-width:calc(100% - 12px);
    gap:8px;
  }
  .article-sticky-logo{
    font-size:16px;
  }
  .article-sticky-title{
    font-size:12px;
  }
  .article-sticky-actions .article-sticky-icon:nth-of-type(n+4){
    display:none;
  }
}


/* Single share trigger in sticky article header */
.article-sticky-share{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#f2f3f5;
  position:relative;
  cursor:pointer;
  flex:0 0 auto;
}
.article-sticky-share:hover{background:#e7e9ec}
.article-sticky-share .share-node{
  position:absolute;width:6px;height:6px;border-radius:50%;background:#111;z-index:2
}
.article-sticky-share .n1{left:10px;top:18px}
.article-sticky-share .n2{right:9px;top:10px}
.article-sticky-share .n3{right:9px;bottom:9px}
.article-sticky-share .share-line{
  position:absolute;left:14px;width:14px;height:1.5px;background:#111;transform-origin:left center
}
.article-sticky-share .l1{top:18px;transform:rotate(-29deg)}
.article-sticky-share .l2{top:21px;transform:rotate(29deg)}

/* Share modal */
.news-share-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:2000;
  display:none;align-items:center;justify-content:center;padding:18px
}
.news-share-backdrop.show{display:flex}
.news-share-modal{
  width:430px;max-width:100%;background:#fff;border-radius:12px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);padding:18px
}
.news-share-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.news-share-head strong{font-size:17px}
.news-share-close{border:0;background:#f1f1f1;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1}
.news-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.news-share-item{
  border:1px solid #e5e5e5;background:#fff;border-radius:9px;padding:12px 6px;
  text-align:center;font-size:11px;cursor:pointer;text-decoration:none;color:#222
}
.news-share-item:hover{background:#f7f7f7}
.news-share-circle{
  width:40px;height:40px;border-radius:50%;margin:0 auto 7px;display:flex;
  align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:800
}
.news-share-circle.fb{background:#4267B2}.news-share-circle.x{background:#111}
.news-share-circle.wa{background:#25D366}.news-share-circle.in{background:#0A66C2}
.news-share-circle.rd{background:#ff4500}.news-share-circle.mail{background:#777}
.news-share-circle.copy{background:#e50914}.news-share-circle.tg{background:#229ED9}
.news-share-copy-status{font-size:11px;color:#198754;text-align:center;min-height:17px;margin-top:10px}
@media(max-width:575.98px){
  .news-share-modal{width:100%}
  .news-share-grid{grid-template-columns:repeat(4,1fr);gap:8px}
  .news-share-item{padding:10px 3px}
  .news-share-circle{width:36px;height:36px}
}

.product-page{padding:22px 0 50px}
.breadcrumbs{font-size:12px;color:#777;margin-bottom:12px}
.product-title{font-size:28px;font-weight:800;margin:0 0 6px}
.product-subtitle{font-size:13px;color:#777}
.product-card,.spec-card,.side-card{background:#fff;border:1px solid #e7e7e7;border-radius:10px}
.product-card{padding:16px}
.product-gallery-main{height:330px;background:#f1f3f5;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#777;font-weight:700}
.thumb{height:66px;background:#f1f3f5;border:1px solid #e5e5e5;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px}
.score{width:54px;height:54px;border:3px solid #ffb12b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}
.quick-spec{background:#f7f7f7;border-radius:8px;padding:11px;height:100%}
.quick-spec small{color:#777;display:block}.quick-spec strong{font-size:13px}
.price-box{background:#f7f7f7;border-radius:9px;padding:14px}
.price{font-size:24px;font-weight:800}
.buy-btn{background:#e50914;color:#fff;border:0;border-radius:5px;padding:10px 20px;font-weight:700}
.section-title{font-size:20px;font-weight:800;border-bottom:1px solid #ddd;padding-bottom:10px;margin:26px 0 14px}
.section-title:after{content:"";display:block;width:42px;border-bottom:3px solid #e50914;position:relative;top:13px}
.rating-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rating-pill{width:38px;height:38px;border:2px solid #7bc900;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.spec-card{padding:14px;margin-bottom:12px}
.spec-head{font-size:15px;font-weight:800;margin-bottom:9px}
.spec-row{display:grid;grid-template-columns:42% 58%;padding:8px 6px;border-top:1px solid #eee;font-size:13px}
.spec-row span:first-child{color:#777}
.offer-card{display:flex;gap:12px;align-items:center;border:1px solid #eee;border-radius:8px;padding:10px;margin-bottom:10px}
.offer-img{width:72px;height:65px;background:#eef0f2;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px}
.side-title{background:#e50914;color:#fff;padding:8px 10px;font-weight:800;font-size:13px}
.side-card{overflow:hidden;margin-bottom:15px}
.side-body{padding:10px}
.side-product{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #eee;font-size:12px}
.side-img{height:52px;background:#eef0f2;display:flex;align-items:center;justify-content:center;font-size:8px}
.compare-strip{display:flex;gap:10px;overflow:auto}
.compare-item{min-width:145px;border:1px solid #eee;border-radius:8px;padding:10px;text-align:center}
.compare-img{height:80px;background:#eef0f2;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px}
.article-text{font-size:14px;line-height:1.75}
@media(max-width:991.98px){
 .product-page{padding-top:14px}.product-title{font-size:23px}.product-gallery-main{height:270px}
}
@media(max-width:575.98px){
 .product-title{font-size:21px}.product-card{padding:12px}.product-gallery-main{height:235px}
 .spec-row{grid-template-columns:45% 55%;font-size:12px}
}

.single-news{padding:24px 0 50px;background:#fff}
.single-news .shell{width:1280px;max-width:calc(100% - 32px);margin:auto}
.breadcrumb{font-size:12px;color:#6d737a;margin-bottom:10px}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.article-title{font-size:30px;line-height:1.12;margin:0 0 8px;font-weight:800}
.article-subtitle{font-size:13px;color:#555;margin-bottom:6px}
.byline{font-size:11px;color:#777;margin-bottom:12px}
.share-row{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 18px}
.share-row button{border:0;padding:6px 10px;font-size:10px;border-radius:2px;background:#e9ecef}
.hero{height:440px;background:#e5e8eb;display:flex;align-items:center;justify-content:center;font-size:15px;color:#66707a;margin-bottom:8px}
.caption{font-size:10px;color:#777;margin-bottom:18px}
.trusted{background:#f2f2f2;padding:12px;text-align:center;font-weight:700;font-size:12px;margin-bottom:20px}
.article-body-wrap{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px}
.article-nav{font-size:11px;color:#666}
.article-nav h4{font-size:11px;margin:0 0 8px;text-transform:uppercase}
.article-nav ul{padding-left:14px;margin:0}
.article-nav li{margin-bottom:8px}
.article-body{font-size:14px;line-height:1.65;color:#4a4f55}
.article-body h2{font-size:17px;color:#222;margin:20px 0 8px;font-weight:800}
.article-body p{margin:0 0 14px}
.also-see{border:1px solid #e2e2e2;padding:12px 14px;margin:16px 0;font-size:12px}
.also-see strong{color:#e10f17;margin-right:8px}
.video-box{height:340px;background:#252525;color:white;display:flex;align-items:center;justify-content:center;font-size:22px;margin:28px 0}
.author-box{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:16px 0;margin-top:24px;display:flex;gap:12px;align-items:center}
.author-avatar{width:54px;height:54px;border-radius:50%;background:#ddd}
.related h2{font-size:18px;margin:28px 0 12px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.related-card .img{height:115px;background:#e5e8eb}
.related-card h3{font-size:11px;line-height:1.35;margin:6px 0}
.side-box{border:1px solid #e2e2e2;margin-bottom:16px}
.side-title{background:#e50914;color:white;padding:9px 10px;font-size:12px;font-weight:800}
.ad{height:260px;background:#fff0c7;display:flex;align-items:center;justify-content:center;color:#d00;font-weight:800}
.side-item{display:grid;grid-template-columns:80px 1fr;gap:9px;padding:9px;border-bottom:1px solid #eee}
.side-item .img{height:64px;background:#e5e8eb;display:flex;align-items:center;justify-content:center;font-size:9px}
.side-item strong{font-size:11px;line-height:1.3;display:block}
.side-item a{font-size:10px;color:#e50914;font-weight:800}
.socials{display:flex;gap:8px;padding:12px}
.socials span{width:28px;height:28px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center;font-size:10px}
@media(max-width:991.98px){
 .single-news .shell{max-width:760px}
 .article-grid{grid-template-columns:1fr}
 .article-sidebar{display:none}
 .article-body-wrap{grid-template-columns:1fr}
 .article-nav{display:none}
 .article-title{font-size:26px}
 .hero{height:360px}
}
@media(max-width:575.98px){
 .single-news .shell{max-width:100%;padding:0 12px}
 .article-title{font-size:22px}
 .hero{height:250px}
 .article-body{font-size:13px}
 .video-box{height:220px}
 .related-grid{grid-template-columns:repeat(2,1fr)}
}

/* =========================================================
   HOMEPAGE: prevent duplicate red underline
   Homepage already uses .section-rule below each title.
   Other pages may use .section-title::after, so disable that
   pseudo underline only on index.html.
   ========================================================= */
.home-page .section-title::after,
.home-page .section-title:after{
  content:none !important;
  display:none !important;
}


/* =========================================================
   HOMEPAGE SAFE UNDERLINE FIX
   Keep all original styles. Homepage uses one pseudo underline only.
   ========================================================= */
.home-page .section-rule{
  display:none !important;
}

/* Keep fixed article/product title bars below the WordPress admin toolbar. */
body.admin-bar .ng-product-sticky,
body.admin-bar .article-sticky-bar{
  top:32px;
}

.ng-product-sticky .ng-sticky-top{
  justify-content:space-between;
}

@media screen and (max-width:782px){
  body.admin-bar .ng-product-sticky,
  body.admin-bar .article-sticky-bar{
    top:46px;
  }
}
.home-page .section-title{
  position:relative;
}
.home-page .section-title::after{
  content:"";
  display:block;
  width:40px;
  height:3px;
  background:#e50914;
  margin-top:9px;
}


/* =========================================================
   HOMEPAGE SECTION TITLE — match Product page heading style
   ========================================================= */
.home-page .section-title{
  display:block !important;
  width:100% !important;
  font-size:20px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  border-bottom:1px solid #ddd !important;
  padding-bottom:10px !important;
  margin:26px 0 14px !important;
  position:relative !important;
}

.home-page .section-title::after,
.home-page .section-title:after{
  content:"" !important;
  display:block !important;
  width:42px !important;
  height:0 !important;
  border:0 !important;
  border-bottom:3px solid #e50914 !important;
  background:transparent !important;
  position:relative !important;
  top:13px !important;
  margin:0 !important;
}

.home-page .section-rule{
  display:none !important;
}