.dt-gallery{ position:relative; overflow:hidden; border-radius:24px; }
    .dt-decor{ position:absolute; inset:0; pointer-events:none; z-index:1; }

    .dt-gallery::before{
      content:"";
      position:absolute;
      inset:12px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,.18);
      pointer-events:none;
      z-index:1;
    }

    .dt-default{ background:linear-gradient(135deg,#f4f4f4,#e5e5e5,#ffffff); }
    .dt-default .dt-shine{
      background:radial-gradient(120% 80% at 20% 25%,rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 65%);
      mix-blend-mode:screen;
      opacity:.9;
    }

    .dt-renata{
      background:repeating-radial-gradient(circle at 20% 60%, rgb(255 255 255 / 0%) 0px, rgb(255 255 255 / 4%) 1px, transparent 1px, #00000000 10px), linear-gradient(132deg, #041c3a, #1b355a, #1f4fa3, #0a2a55);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.12), inset 0 -12px 28px rgba(0,0,0,.28);
    }

    .dt-energizer{
      background:linear-gradient(135deg,#fbfbfb 0%,#e9e9e9 18%,#ffffff 34%,#dcdcdc 55%,#f7f7f7 72%,#cfcfcf 100%);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -12px 28px rgba(0,0,0,.18);
    }

    .dt-energizer .dt-ring{
      background:repeating-radial-gradient(circle at 58% 38%, rgba(0,0,0,.05) 0px, rgb(0 0 0 / 0%) 2px, rgba(255,255,255,0) 7px, rgba(255,255,255,0) 12px);
      opacity:.85;
    }

    .dt-energizer .dt-band{
      position:absolute;
      inset:auto;
      left:-30%;
      right:-30%;
      top:45%;
      height:15%;
      transform:rotate(-14deg);
      background:linear-gradient(180deg,#ff3a2f 0%,#d51310 60%,#b80f0e 100%);
      box-shadow:0 10px 20px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.35);
      opacity:.95;
    }

    .dt-duracell{
      background:linear-gradient(135deg,#0b0b0b,#1d1d1d,#2a2a2a);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -12px 28px rgba(0,0,0,.35);
    }

    .dt-duracell .dt-glow{
      background:radial-gradient(80% 60% at 20% 20%,rgba(244,180,0,.35) 0%, rgba(244,180,0,0) 70%);
      opacity:.9;
    }

    .dt-panasonic{
      background:linear-gradient(135deg,#003b8e,#005bbb,#0071d1);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -12px 28px rgba(0,0,0,.22);
    }

    .dt-panasonic .dt-wave{
      background:repeating-radial-gradient(circle at 30% 70%,rgba(255,255,255,.11) 0px,rgba(255,255,255,.11) 1px,rgba(255,255,255,0) 8px,rgba(255,255,255,0) 14px);
      opacity:.75;
    }

    .dt-kodak{
      background:linear-gradient(135deg,#ffcc00,#ffd84d,#fff0b3);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.20), inset 0 -12px 28px rgba(0,0,0,.18);
    }

    .dt-kodak .dt-kblock{
      position:absolute;
      left:-20%;
      right:-20%;
      top:55%;
      height:30%;
      transform:rotate(-12deg);
      background:linear-gradient(180deg,#ff2a2a,#cc0000);
      opacity:.92;
      z-index:2;
    }

    .dt-kodak .dt-kstripes{
      background:repeating-linear-gradient(135deg,rgba(0,0,0,.08) 0 10px,rgba(0,0,0,0) 10px 22px);
      opacity:.25;
    }

    .dt-gp{
      background:linear-gradient(135deg,#0a7a3a,#10a64f,#46d17e);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.14), inset 0 -12px 28px rgba(0,0,0,.22);
    }

    .dt-gp .dt-gdiag{
      position:absolute;
      left:-35%;
      right:-35%;
      top:56%;
      height:28%;
      transform:rotate(-14deg);
      background:linear-gradient(90deg, rgba(255,255,255,.25), rgba(255,255,255,0));
      opacity:.55;
      z-index:2;
    }

    .dt-gp .dt-dots{
      background:radial-gradient(rgba(255,255,255,.16) 1px, transparent 1px);
      background-size:14px 14px;
      opacity:.28;
    }

    .strap-main-image{
      padding:2rem;
      display:block;
      margin:auto;
      width:55%;
      max-height:520px;
      object-fit:contain;
      position:relative;
      z-index:2;
      transition:transform .35s ease;
    }

    .strap-tab-panel{ display:none; }
    .strap-tab-panel.active{ display:block; }

    .strap-pack-list{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:12px;
    }

    .strap-pack-item{
      border:1px solid #e5e7eb;
      background:#f8fafc;
      border-radius:12px;
      padding:10px 16px;
      font-weight:700;
      color:#111827;
      cursor:pointer;
      transition:all .25s ease;
    }

    .strap-pack-item:hover,
    .strap-pack-item.active{
      background:#111827;
      border-color:#111827;
      color:#fff;
    }

    .strap-stock-out{
      color:#dc2626;
      font-weight:700;
      margin-left:6px;
    }

    .strap-swiper-prev,
    .strap-swiper-next{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:5;
      width:42px;
      height:42px;
      border-radius:50%;
      background:#fff;
      color:#111827;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      box-shadow:0 10px 25px rgba(0,0,0,.15);
    }

    .strap-swiper-prev{ left:14px; }
    .strap-swiper-next{ right:14px; }

    .strap-swiper-pagination{
      position:absolute;
      bottom:12px !important;
      left:0;
      width:100%;
      z-index:5;
    }

    .swiper-thumbs .swiper-slide{
      cursor:pointer;
      opacity:.55;
    }

    .swiper-thumbs .swiper-slide-thumb-active{
      opacity:1;
      border:2px solid #111827;
      border-radius:14px;
    }

    .battery-benefits{
      max-width:1200px;
      margin:40px auto 0;
      padding:0 15px;
    }

    @media (max-width:768px){
      .strap-main-image{
        width:90%;
        padding:1rem;
      }

      .strap-swiper-prev,
      .strap-swiper-next{
        width:34px;
        height:34px;
      }
    }
  



    .dt-gallery{
      position:relative;
      overflow:hidden;
      border-radius:24px;
      background:linear-gradient(135deg,#111827,#374151,#6b7280);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -12px 28px rgba(0,0,0,.22);
    }

    .dt-gallery::before{
      content:"";
      position:absolute;
      inset:12px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,.18);
      pointer-events:none;
      z-index:1;
    }

    .strap-main-image{
      padding:2rem;
      display:block;
      margin:auto;
      width:70%;
      max-height:540px;
      object-fit:contain;
      position:relative;
      z-index:2;
      transition:transform .35s ease;
    }

    .swiper-slide:hover .strap-main-image{
      transform:scale(1.02);
    }

    .strap-tab-panel{
      display:none;
    }

    .strap-tab-panel.active{
      display:block;
    }

    .strap-swiper-prev,
    .strap-swiper-next{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:5;
      width:42px;
      height:42px;
      border-radius:50%;
      background:#fff;
      color:#111827;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      box-shadow:0 10px 25px rgba(0,0,0,.15);
    }

    .strap-swiper-prev{ left:14px; }
    .strap-swiper-next{ right:14px; }

    .strap-swiper-pagination{
      position:absolute;
      bottom:12px !important;
      left:0;
      width:100%;
      z-index:5;
    }

    .swiper-thumbs .swiper-slide{
      cursor:pointer;
      opacity:.55;
    }

    .swiper-thumbs .swiper-slide-thumb-active{
      opacity:1;
      border:2px solid #111827;
      border-radius:14px;
    }

    .tool-benefits{
      max-width:1200px;
      margin:40px auto 0;
      padding:0 15px;
    }

    .stock-out-text{
      color:#dc2626;
      font-weight:700;
    }

    @media (max-width:768px){
      .strap-main-image{
        width:90%;
        padding:1rem;
      }

      .strap-swiper-prev,
      .strap-swiper-next{
        width:34px;
        height:34px;
      }
    }
  

  
    .dt-gallery{
      position:relative;
      overflow:hidden;
      border-radius:24px;
      background:linear-gradient(135deg,#111827,#374151,#6b7280);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -12px 28px rgba(0,0,0,.22);
    }

    .dt-gallery::before{
      content:"";
      position:absolute;
      inset:12px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,.18);
      pointer-events:none;
      z-index:1;
    }

    .strap-main-image{
      padding:2rem;
      display:block;
      margin:auto;
      width:70%;
      max-height:540px;
      object-fit:contain;
      position:relative;
      z-index:2;
      transition:transform .35s ease;
    }

    .swiper-slide:hover .strap-main-image{
      transform:scale(1.02);
    }

    .strap-tab-panel{
      display:none;
    }

    .strap-tab-panel.active{
      display:block;
    }

    .strap-swiper-prev,
    .strap-swiper-next{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:5;
      width:42px;
      height:42px;
      border-radius:50%;
      background:#fff;
      color:#111827;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      box-shadow:0 10px 25px rgba(0,0,0,.15);
    }

    .strap-swiper-prev{ left:14px; }
    .strap-swiper-next{ right:14px; }

    .strap-swiper-pagination{
      position:absolute;
      bottom:12px !important;
      left:0;
      width:100%;
      z-index:5;
    }

    .swiper-thumbs .swiper-slide{
      cursor:pointer;
      opacity:.55;
    }

    .swiper-thumbs .swiper-slide-thumb-active{
      opacity:1;
      border:2px solid #111827;
      border-radius:14px;
    }

    .watchpart-benefits{
      max-width:1200px;
      margin:40px auto 0;
      padding:0 15px;
    }

    .stock-out-text{
      color:#dc2626;
      font-weight:700;
    }

    @media (max-width:768px){
      .strap-main-image{
        width:90%;
        padding:1rem;
      }

      .strap-swiper-prev,
      .strap-swiper-next{
        width:34px;
        height:34px;
      }
    }