* { box-sizing: border-box; margin: 0; padding: 0; }

    .carousel {
      width: 100%;
      max-width: 750px;
    }

    .main-img {
      width: 100%;
      overflow: hidden;
    }

    .main-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: opacity 0.2s;
    }

    .thumbs {
      display: flex;
      gap: 8px;
      margin-top: 10px;
      overflow-x: auto;
      padding-bottom: 4px;
    }

    .thumbs::-webkit-scrollbar { height: 4px; }
    .thumbs::-webkit-scrollbar-track { background: transparent; }
    .thumbs::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }

    .thumb {
      flex-shrink: 0;
      width: clamp(60px, 14.6vw, 110px);
      height: clamp(38px, 9.3vw, 70px);
      overflow: hidden;
      cursor: pointer;
      border: 2px solid transparent;
      transition: border-color 0.15s;
      background: #eee;
    }

    .thumb.active { border-color: #111; }

    .thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }