/** Shopify CDN: Minification failed

Line 634:0 Unexpected "`"
Line 648:32 Unterminated string token
Line 929:3 Expected "}" to go with "{"

**/
/* =============================================
   VISOTALE - PRODUCT PAGE CSS
   Figma tasarımından birebir kodlama
   ============================================= */

/* Reset & Base */
.vp-product * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.vp-product {
  background-color: #FFFFFF;
  padding: 40px 20px;
  font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;
}

.vp-product__container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

/* ============================================
   SOL TARAF: GÖRSEL + THUMBNAILS
   ============================================ */

.vp-product__media {
  position: sticky;
  top: 40px;
}

.vp-product__image-wrapper {
  background-color: #1E3A2F;
  border-radius: 16px;
  aspect-ratio: 1 / 1.15;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.vp-product__main-image {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}

.vp-product__placeholder {
  width: 100%;
  height: 100%;
  background-color: #1E3A2F;
}

/* Thumbnails */
.vp-product__thumbnails-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.vp-product__thumb-arrow {
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: 0.5;
  transition: opacity 0.2s;
}

.vp-product__thumb-arrow:hover {
  opacity: 1;
}

.vp-product__thumbnails {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 1;
}

.vp-product__thumbnails::-webkit-scrollbar {
  display: none;
}

.vp-product__thumbnail {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  padding: 0;
  background: #E5E7EB;
}

.vp-product__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vp-product__thumbnail:hover {
  border-color: #14532D;
}

.vp-product__thumbnail.is-active {
  border-color: #14532D;
}

.vp-product__thumbnail--placeholder {
  background: linear-gradient(145deg, #1E3A2F, #2D5A4A);
}

.vp-product__thumbnail--placeholder:nth-child(3),
.vp-product__thumbnail--placeholder:nth-child(4) {
  background: #E5E7EB;
}

.vp-product__thumbnail--placeholder:nth-child(5),
.vp-product__thumbnail--placeholder:nth-child(6) {
  background: #C6F06A;
}

/* ============================================
   SAĞ TARAF: ÜRÜN BİLGİLERİ
   ============================================ */

.vp-product__info {
  padding-top: 10px;
}

/* Rating */
.vp-product__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.vp-product__stars {
  display: flex;
  gap: 2px;
}

.vp-product__star {
  font-size: 16px;
  color: #14532D;
}

.vp-product__star--half {
  background: linear-gradient(90deg, #14532D 50%, #D1D5DB 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.vp-product__rating-text {
  font-size: 14px;
  color: #000000;
  font-weight: 900;
}

/* Başlık */
.vp-product__title {
  font-size: 34px;
  font-weight: 900;
  color: #1B3E13;
  line-height: 1.2;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}

/* Badge */
.vp-product__badge {
  display: inline-block;
  background-color: #D3FA99;
  color: #1B3E13;
  padding: 8px 18px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 16px;
  border: none;
  line-height: 16px;
  text-align: center;
}

/* Fiyat */
.vp-product__price {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 16px;
}

.vp-product__price-current {
  font-size: 40px;
  font-weight: 900;
  color: #1A1A1A;
}

.vp-product__price-compare {
  font-size: 24px;
  color: #9CA3AF;
  text-decoration: line-through;
}

/* Açıklama */
.vp-product__description {
  font-size: 18px;
  line-height: 22px;
  color: #1B3E13;
  margin-bottom: 24px;
  font-weight: 600; /* Lato-Semibold */
}

.vp-product__description p {
  margin: 0;
}

.vp-product__description a {
  color: #1B3E13;
  text-decoration: none;
  background: linear-gradient(to top, #D3FA99 60%, transparent 60%);
  padding: 0 2px;
  border-radius: 3px;
}

.vp-product__description a:hover {
  background: linear-gradient(to top, #D3FA99 100%, transparent 0%);
}

/* 3 Özellik */
.vp-product__features {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
  padding: 0 10px;
}

.vp-product__feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}

.vp-product__feature-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vp-product__feature-icon img {
  width: 52px;
  height: 52px;
}

.vp-product__feature-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.vp-product__feature-value {
  font-size: 16px;
  font-weight: 900; /* Lato-Black */
  color: #1B3E13;
  line-height: 19px;
}

.vp-product__feature-label {
  font-size: 16px;
  color: #1B3E13;
  font-weight: 900; /* Lato-Black */
  line-height: 19px;
}

/* Butonlar */
.vp-product__buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}

.vp-product__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  border-radius: 28px;
  font-size: 24px;
  font-weight: 900;
  line-height: 29px;
  cursor: pointer;
  transition: all 0.25s ease;
  text-decoration: none;
  border: none;
  font-family: inherit;
  text-align: center;
}

.vp-product__btn--customize {
  background-color: #D3FA99;
  color: #1B3E13;
}

.vp-product__btn--customize:hover {
  background-color: #C8F58A;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(211, 250, 153, 0.5);
}

.vp-product__btn--cart {
  background-color: #1B3E13;
  color: #E9F0CA;
}

.vp-product__btn--cart:hover {
  background-color: #254A1C;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(27, 62, 19, 0.4);
}

.vp-product__btn--cart:disabled {
  background-color: #9CA3AF;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Teslimat Bilgisi */
.vp-product__delivery {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 24px;
  font-size: 13px;
  line-height: 16px;
  color: #1B3E13;
  font-weight: 500;
}

.vp-product__delivery-dot {
  position: relative;
  width: 12px;
  height: 12px;
}

.vp-product__delivery-dot::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: -1px;
  left: -1px;
  background: #D3FA99;
  border-radius: 50%;
  filter: blur(2px);
}

.vp-product__delivery-dot::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
  background: #5C9A00;
  border-radius: 50%;
}

.vp-product__delivery-dot span {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 3px;
  left: 3px;
  background: #FFFFFF;
  border-radius: 50%;
  z-index: 1;
}

.vp-product__delivery-text {
  font-weight: 500;
}

.vp-product__delivery-text strong {
  color: #1B3E13;
  font-weight: 900;
}

/* Bundle */
.vp-product__bundle {
  margin-bottom: 32px;
}

.vp-product__bundle-header {
  font-size: 13px;
  line-height: 16px;
  color: #1B3E13;
  margin-bottom: 12px;
  font-weight: 600;
}

.vp-product__bundle-discount {
  color: #76BB28;
  font-weight: 600;
}

.vp-product__bundle-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border: 2px solid #1B3E13;
  border-radius: 8px;
  background-color: #FFFFFF;
  height: 80px;
  box-sizing: border-box;
}

.vp-product__bundle-image {
  width: 50px;
  height: 48px;
  border-radius: 0;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #1B3E13;
}

.vp-product__bundle-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vp-product__bundle-placeholder {
  width: 100%;
  height: 100%;
  background-color: #1B3E13;
}

.vp-product__bundle-info {
  flex: 1;
}

.vp-product__bundle-title {
  display: block;
  font-size: 13px;
  line-height: 16px;
  font-weight: 900;
  color: #1B3E13;
  margin-bottom: 8px;
}

.vp-product__bundle-prices {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.vp-product__bundle-price {
  font-size: 13px;
  line-height: 16px;
  font-weight: 900;
  color: #1B3E13;
}

.vp-product__bundle-compare {
  font-size: 10px;
  line-height: 12px;
  font-weight: 900;
  color: #BCBCBC;
  text-decoration: line-through;
}

.vp-product__bundle-action {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.vp-product__bundle-badge {
  background-color: #D3FA99;
  color: #1B3E13;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 7px;
  line-height: 8px;
  font-weight: 900;
  white-space: nowrap;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Toggle Switch */
.vp-product__bundle-toggle {
  position: relative;
  width: 43px;
  height: 23px;
  cursor: pointer;
}

.vp-product__bundle-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.vp-product__bundle-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CCCCCC;
  border-radius: 13px;
  transition: 0.3s;
}

.vp-product__bundle-slider:before {
  content: "";
  position: absolute;
  height: 17px;
  width: 17px;
  left: 3px;
  bottom: 3px;
  background-color: #FFFFFF;
  border-radius: 50%;
  transition: 0.3s;
}

.vp-product__bundle-toggle input:checked + .vp-product__bundle-slider {
  background-color: #1B3E13;
}

.vp-product__bundle-toggle input:checked + .vp-product__bundle-slider:before {
  transform: translateX(20px);
}

/* Yorumlar */
.vp-product__reviews {
  margin-top: 8px;
}

.vp-product__reviews-title {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin-bottom: 16px;
}

.vp-product__reviews-carousel {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 8px;
}

.vp-product__reviews-carousel::-webkit-scrollbar {
  display: none;
}

.vp-product__review-card {
  flex: 0 0 140px;
  height: 200px;
  border-radius: 12px;
  scroll-snap-align: start;
  overflow: hidden;
}

.vp-product__review-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Sepete Ekle - Disabled state */
.vp-product__btn--cart:disabled {
  background-color: #CCCCCC;
  color: #888888;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.vp-product__btn--cart:disabled:hover {
  background-color: #CCCCCC;
  transform: none;
  box-shadow: none;
}

/* Kişiselleştir - Completed state (Düzenle) */
.vp-product__btn--customize.is-completed {
  background-color: #D3FA99;
  color: #1B3E13;
}
```

---

## Özet Akış
```
1. Kullanıcı ürün sayfasına gelir
   → "Sepete Ekle" butonu pasif (gri)
   → "Kişiselleştir" butonu aktif

2. "Kişiselleştir" butonuna tıklar
   → Customize sayfasına gider

3. 5 adımı tamamlar
   → localStorage'a kaydedilir
   → Ürün sayfasına yönlendirilir

4. Ürün sayfasına döner
   → "Kişiselleştir" butonu "✓ Kişiselleştirildi" olur
   → "Sepete Ekle" butonu aktif olur

5. "Sepete Ekle"ye tıklar
   → Kişiselleştirme bilgileriyle sepete eklenir
   → Sepet sayfasına yönlendirilir

/* ============================================
   MOBİL RESPONSIVE
   ============================================ */

@media (max-width: 968px) {
  .vp-product__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  
  .vp-product__media {
    position: relative;
    top: 0;
  }
  
  .vp-product__image-wrapper {
    aspect-ratio: 1 / 1.1;
    border-radius: 12px;
  }
  
  .vp-product__title {
    font-size: 26px;
  }
  
  .vp-product__price-current {
    font-size: 28px;
  }
}

@media (max-width: 640px) {
  .vp-product {
    padding: 16px;
  }
  
  .vp-product__image-wrapper {
    aspect-ratio: 1 / 1.05;
    border-radius: 10px;
  }
  
  .vp-product__thumbnails-wrapper {
    margin-top: 12px;
  }
  
  .vp-product__thumbnail {
    width: 52px;
    height: 52px;
    border-radius: 6px;
  }
  
  .vp-product__thumb-arrow {
    width: 24px;
    height: 24px;
  }
  
  .vp-product__rating {
    margin-bottom: 8px;
  }
  
  .vp-product__stars {
    font-size: 14px;
  }
  
 .vp-product__rating-text {
  font-size: 13px;
  color: #000000;
}
  
.vp-product__title {
  font-size: 28px;
  margin-bottom: 10px;
  color: #1B3E13;
}
  
.vp-product__badge {
  font-size: 13px;
  padding: 7px 16px;
  margin-bottom: 12px;
  background-color: #D3FA99;
  color: #1B3E13;
  border-radius: 14px;
  border: none;
}
  
  .vp-product__price {
    margin-bottom: 12px;
  }
  
 .vp-product__price-current {
  font-size: 32px;
}
  
.vp-product__price-compare {
  font-size: 20px;
}
  
.vp-product__description {
  font-size: 16px;
  line-height: 20px;
  color: #1B3E13;
  margin-bottom: 20px;
}

.vp-product__description a {
  color: #1B3E13;
  text-decoration: none;
  background: linear-gradient(to top, #D3FA99 60%, transparent 60%);
  padding: 0 2px;
  border-radius: 3px;
}
  
  .vp-product__features {
  gap: 16px;
  margin-bottom: 20px;
  padding: 0;
}

.vp-product__feature-icon {
  width: 44px;
  height: 44px;
}

.vp-product__feature-icon img {
  width: 44px;
  height: 44px;
}

.vp-product__feature-value {
  font-size: 14px;
  color: #1B3E13;
  line-height: 17px;
}

.vp-product__feature-label {
  font-size: 14px;
  color: #1B3E13;
  line-height: 17px;
}
  
.vp-product__btn {
  height: 52px;
  font-size: 20px;
  line-height: 24px;
  border-radius: 26px;
}
  
 .vp-product__delivery {
  font-size: 12px;
  line-height: 15px;
}

.vp-product__delivery-dot {
  width: 10px;
  height: 10px;
}

.vp-product__delivery-dot::before {
  width: 12px;
  height: 12px;
}

.vp-product__delivery-dot::after {
  width: 10px;
  height: 10px;
}

.vp-product__delivery-dot span {
  width: 5px;
  height: 5px;
  top: 2.5px;
  left: 2.5px;
}
  
 .vp-product__bundle-header {
  font-size: 12px;
  line-height: 15px;
}

.vp-product__bundle-item {
  padding: 12px;
  gap: 12px;
  height: 70px;
}

.vp-product__bundle-image {
  width: 44px;
  height: 42px;
}

.vp-product__bundle-title {
  font-size: 12px;
  line-height: 15px;
}

.vp-product__bundle-price {
  font-size: 12px;
  line-height: 15px;
}

.vp-product__bundle-compare {
  font-size: 9px;
  line-height: 11px;
}

.vp-product__bundle-badge {
  font-size: 6px;
  line-height: 7px;
  padding: 3px 8px;
  height: 15px;
}

.vp-product__bundle-toggle {
  width: 38px;
  height: 20px;
}

.vp-product__bundle-slider {
  border-radius: 10px;
}

.vp-product__bundle-slider:before {
  height: 14px;
  width: 14px;
}

.vp-product__bundle-toggle input:checked + .vp-product__bundle-slider:before {
  transform: translateX(18px);
}
  
  .vp-product__reviews-title {
    font-size: 15px;
    margin-bottom: 12px;
  }
  
  .vp-product__review-card {
    flex: 0 0 120px;
    height: 170px;
    border-radius: 10px;
  }
}

/* ============================================
   PRODUCT INFORMATION SECTION'I GİZLE
   ============================================ */

.product--template,
.main-product,
section.product:not(.vp-product),
.shopify-section-template-product > .product {
  display: none !important;
}
.vp-product__btn--cart:disabled {
  background-color: #CCCCCC;
  color: #888888;
}
@media (max-width: 968px) {
  .vp-product__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  
  .vp-product__media {
    position: relative;
    top: 0;
    width: 100%;
  }
  
  .vp-product__info {
    width: 100%;
  }