/* =========================================================
   PRODUCT GRID
========================================================= */
        .product-grid {
          display: grid;
          grid-template-columns: repeat(5, minmax(0, 1fr));
          gap: 20px;
        }
        /* =========================================================
   PRODUCT CARD
========================================================= */
        .product-card {
          min-width: 0;
          overflow: hidden;
          border: 1px solid #eee8e3;
          border-radius: 12px;
          background: #fff;
          box-shadow: 0 2px 8px rgba(80, 60, 50, 0.025);
          transition:
            transform 0.22s ease,
            box-shadow 0.22s ease;
        }
        .product-card:hover {
          transform: translateY(-3px);
          box-shadow: 0 9px 25px rgba(80, 60, 50, 0.09);
        }
        /* =========================================================
   PRODUCT IMAGE
========================================================= */
        .product-image {
          position: relative;
          width: 100%;
          aspect-ratio: 1 / 1;
          overflow: hidden;
          background: #f5eee8;
        }
        .product-image img {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover;
          transition: transform 0.35s ease;
        }
        .product-card:hover .product-image img {
          transform: scale(1.025);
        }
        /* =========================================================
   PRODUCT TAG
========================================================= */
        .product-tag {
          position: absolute;
          top: 10px;
          left: 10px;
          padding: 4px 10px;
          border-radius: 12px;
          color: white;
          font-size: 11px;
          line-height: 1;
        }
        .product-tag.bestseller,
        .product-tag.memory {
          background: #e77680;
        }
        .product-tag.new {
          background: #77977f;
        }
        /* =========================================================
   WISHLIST
========================================================= */
        .wishlist {
          position: absolute;
          top: 10px;
          right: 10px;
          width: 32px;
          height: 32px;
          border: none;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.82);
          color: #756e69;
          font-size: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          backdrop-filter: blur(3px);
        }
        .wishlist:hover {
          color: #dc6574;
        }
        /* =========================================================
   PRODUCT INFO
========================================================= */
        .product-info {
          padding: 12px;
        }
        .product-info h3 {
          margin: 0 0 4px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 14px;
          line-height: 1.3;
          font-weight: 600;
          color: #403b37;
        }
        .product-category {
          display: block;
          margin-bottom: 10px;
          font-size: 11px;
          color: #958c86;
        }
        /* =========================================================
   PRICE
========================================================= */
        .product-bottom {
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        .price {
          display: flex;
          align-items: center;
          gap: 6px;
        }
        .price strong {
          font-size: 14px;
          font-weight: 700;
          color: #e05267;
        }
        .price del {
          font-size: 11px;
          color: #aaa39e;
        }
        /* =========================================================
   CART
========================================================= */
        .cart-btn {
          width: 32px;
          height: 32px;
          border: none;
          border-radius: 50%;
          background: #fde7e7;
          color: #db6574;
          font-size: 13px;
          cursor: pointer;
          transition: 0.2s ease;
        }
        .cart-btn:hover {
          background: #f8d5d8;
          transform: scale(1.05);
        }
        /* =========================================================
   TABLET
========================================================= */
        @media (max-width: 900px) {
          .gallery-page {
            max-width: 100%;
          }
          .product-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
          }
        }
        /* =========================================================
   MOBILE
========================================================= */
        @media (max-width: 650px) {
          .gallery-page {
            padding: 12px 14px 30px;
          }
          .category {
            flex-basis: 76px;
            min-height: 60px;
            font-size: 11px;
          }
          .filter-row {
            align-items: flex-start;
            flex-direction: column;
            gap: 12px;
          }
          .filter-left {
            width: 100%;
            overflow-x: auto;
            scrollbar-width: none;
          }
          .filter-left::-webkit-scrollbar {
            display: none;
          }
          .filter-right {
            width: 100%;
            justify-content: flex-end;
          }
          .sort-label {
            margin-right: auto;
          }
          .product-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
          }
          .product-info {
            padding: 10px;
          }
          .product-info h3 {
            font-size: 13px;
          }
          .price strong {
            font-size: 13px;
          }
        }
        /* =========================================================
   SMALL MOBILE
========================================================= */
        @media (max-width: 380px) {
          .product-grid {
            gap: 10px;
          }
          .product-tag {
            top: 8px;
            left: 8px;
            padding: 3px 7px;
            font-size: 10px;
          }
          .wishlist {
            top: 8px;
            right: 8px;
            width: 28px;
            height: 28px;
            font-size: 12px;
          }
        }
        .pagination {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 17px;
          margin: 18px 0;
        }
        .page-number,
        .page-arrow {
          width: 25px;
          height: 25px;
          border: none;
          background: transparent;
          color: #4e4945;
          font-family: inherit;
          font-size: 8px;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .page-number.active {
          background: #df6472;
          color: white;
          border-radius: 8px;
        }
        .page-arrow {
          color: #77716c;
        }
        .page-arrow:hover {
          color: #df6472;
        }
        .page-dots {
          font-size: 8px;
          color: #77716c;
        }