@charset "UTF-8";
:root {
      --primary-color: #0d9488;
      --primary-hover: #0f766e;
      --accent-color: #f59e0b;
      --freezer-blue: #0284c7;
      --bg-light: #f8fafc;
      --card-bg: #ffffff;
      --text-main: #1e293b;
      --text-muted: #64748b;
      --border-color: #e2e8f0;
      --radius-sm: 8px;
      --radius-md: 14px;
      --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
      --shadow-hover: 0 10px 20px rgba(13, 148, 136, 0.12);
    }

    body {
      font-family: 'Inter', sans-serif;
      background-color: var(--bg-light);
      color: var(--text-main);
      margin: 0;
      padding-top: 24px;
      padding-bottom: 40px;
    }

    .pdp-card {
      background: var(--card-bg);
      border: 1px solid var(--border-color);
      border-radius: var(--radius-md);
      padding: 24px;
      box-shadow: var(--shadow-sm);
      margin-bottom: 24px;
    }

    /* Product Gallery Styles */
    .product-gallery-main {
      width: 100%;
      height: 380px;
      object-fit: contain;
      background-color: var(--bg-light);
      border-radius: var(--radius-sm);
      padding: 16px;
      border: 1px solid var(--border-color);
      transition: all 0.3s ease;
    }

    .thumb-grid {
      display: flex;
      gap: 10px;
      margin-top: 12px;
      overflow-x: auto;
      padding-bottom: 4px;
    }

    .thumb-item {
      width: 70px;
      height: 70px;
      object-fit: cover;
      background-color: var(--bg-light);
      border: 2px solid var(--border-color);
      border-radius: var(--radius-sm);
      padding: 4px;
      cursor: pointer;
      transition: all 0.2s ease;
      flex-shrink: 0;
    }

    .thumb-item:hover, .thumb-item.active {
      border-color: var(--primary-color);
      transform: translateY(-2px);
      box-shadow: 0 4px 10px rgba(13, 148, 136, 0.15);
    }

    .seller-badge {
      font-size: 0.82rem;
      color: var(--text-muted);
      font-weight: 500;
    }

    .seller-name {
      color: var(--primary-color);
      font-weight: 600;
      text-decoration: none;
    }

    .product-price-current {
      font-size: 1.8rem;
      font-weight: 800;
      color: var(--text-main);
    }

    .product-price-old {
      font-size: 1.1rem;
      color: var(--text-muted);
      text-decoration: line-through;
      margin-left: 8px;
    }

    /* Variant Pill Radio Buttons */
    .variant-pill-input {
      display: none;
    }

    .variant-pill-label {
      padding: 6px 14px;
      border: 1px solid var(--border-color);
      border-radius: 20px;
      font-size: 0.85rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s ease;
      background-color: var(--bg-light);
    }

    .variant-pill-input:checked + .variant-pill-label {
      border-color: var(--primary-color);
      background-color: rgba(13, 148, 136, 0.1);
      color: var(--primary-color);
    }

   

    /* Similar Products Cards */
    .store-card {
      background: var(--card-bg);
      border: 1px solid var(--border-color);
      border-radius: var(--radius-md);
      padding: 14px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      position: relative;
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
      box-shadow: var(--shadow-sm);
    }

    .store-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-hover);
      border-color: rgba(13, 148, 136, 0.3);
    }

    .store-card-img-wrapper {
      width: 100%;
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;
      margin-bottom: 8px;
      background: var(--bg-light);
      border-radius: var(--radius-sm);
    }

    .store-card-img-wrapper img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }
 /* Action Buttons */
    .btn-action-group {display: flex;flex-direction: column;gap: 6px;}
    
	.btn-add-cart {background-color: var(--primary-color);color: #fff;border: none;font-size: 0.8rem;font-weight: 600;padding: 8px 10px;border-radius: var(--radius-sm);transition: background-color 0.2s ease;display: flex;align-items: center;justify-content: center;gap: 6px;width: 100%;}
    .btn-add-cart:hover {background-color: var(--primary-hover);color: #fff;}
    .btn-cart-lg {background-color: var(--primary-color);color: #fff;font-weight: 700;padding: 12px 24px;border-radius: var(--radius-sm);border: none;transition: background-color 0.2s ease;}
    .btn-cart-lg:hover {background-color: var(--primary-hover);color: #fff;}

    .btn-add-cart-sm {background-color: var(--primary-color);color: #fff;border: none;font-size: 0.7rem;font-weight: 600;padding: 6px 10px;
      border-radius: var(--radius-sm);width: 100%;}
	.btn-add-cart-sm:hover {background-color: var(--primary-hover);color: #fff;}
	
	.btn-add-freezer {text-decoration:none;text-align:center;background-color: transparent;color: var(--freezer-blue);border: 1px solid var(--freezer-blue);font-size: 0.8rem;font-weight: 600;padding: 7px 10px;border-radius: var(--radius-sm);transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;gap: 6px;width: 100%;}
    .btn-add-freezer:hover {background-color: var(--freezer-blue);color: #fff;}
	
	
    .btn-freezer-lg {text-decoration:none;text-align:center;background-color: transparent;color: var(--freezer-blue);border: 1.5px solid var(--freezer-blue);font-weight: 700;padding: 11px 24px;border-radius: var(--radius-sm);transition: all 0.2s ease;}
    .btn-freezer-lg:hover {background-color: var(--freezer-blue);color: #fff;}
	
    .btn-add-freezer-sm {text-decoration:none;text-align:center;background-color: transparent;color: var(--freezer-blue);border: 1px solid var(--freezer-blue);font-size: 0.6rem;font-weight: 600;padding: 5px 10px;border-radius: var(--radius-sm);width: 100%;transition: background-color 0.2s ease;}
	.btn-add-freezer-sm:hover {background-color: var(--freezer-blue);color: #fff;}
	
	
	/* Product Card Component */
    .product-card {background: var(--card-bg);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 14px;display: flex;flex-direction: column;justify-content: space-between;height: 100%;position: relative;transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);box-shadow: var(--shadow-sm);}
    .product-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-hover);border-color: rgba(13, 148, 136, 0.3);}
    .badge-discount {position: absolute;top: 12px;left: 12px;background: #ef4444;color: #fff;font-size: 0.72rem;font-weight: 700;padding: 3px 8px;border-radius: 6px;z-index: 2;}
    .product-img-wrapper {width: 100%;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;padding: 10px;margin-bottom: 10px;background: var(--bg-light);border-radius: var(--radius-sm);}
    .product-img-wrapper img {max-width: 100%;max-height: 100%;object-fit: contain;}
    .product-title {font-size: 0.92rem;font-weight: 700;color: var(--text-main);margin-bottom: 2px;text-decoration: none;line-height: 1.3;}
	.product-title a {color: inherit;text-decoration: none;}
    .product-unit {font-size: 0.8rem;color: var(--text-muted);margin-bottom: 10px;}
    .price-wrapper {display: flex;align-items: baseline;gap: 6px;margin-bottom: 12px;}
    .current-price {font-size: 1.05rem;font-weight: 800;color: var(--text-main);}
    .old-price {font-size: 0.82rem;color: var(--text-muted);text-decoration: line-through;}