/** Shopify CDN: Minification failed

Line 412:46 Unexpected "--sold-out"
Line 416:46 Unexpected "--sold-out"

**/
/* ============================================================
   LOLA TOPTAN — Product Detail Page + Wishlist
   ============================================================ */

:root {
  --lola-burgundy: #8b1538;
  --lola-rose: #c15045;
}

/* ============================================================
   Header — Wishlist (kalp) ikonu + count bubble
   ============================================================ */
.lola-wishlist-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--color-foreground);
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

.lola-wishlist-action:hover {
  color: var(--lola-rose);
  transform: scale(1.05);
}

.lola-wishlist-action .svg-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--button-size, 44px);
  height: var(--button-size, 44px);
}

.lola-wishlist-action svg {
  width: var(--icon-size-md, 22px);
  height: var(--icon-size-md, 22px);
  transition: fill 0.3s ease, stroke 0.3s ease;
}

/* Aktif (en az 1 favori) durumunda kalp dolu */
.lola-wishlist-action.has-items svg {
  fill: var(--lola-rose);
  stroke: var(--lola-rose);
}

/* Count bubble — küçük badge, kalbin sağ üst köşesinde dışarı taşar */
.lola-wishlist-bubble {
  position: absolute;
  top: 4px;
  right: 0px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: var(--lola-rose);
  color: #ffffff;
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0;
  pointer-events: none;
  border: 2px solid var(--color-background, #ffffff);
  box-sizing: content-box;
  animation: lola-bubble-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 2;
}

.lola-wishlist-bubble[hidden] {
  display: none !important;
}

@keyframes lola-bubble-in {
  0%   { transform: scale(0); opacity: 0; }
  60%  { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

/* ============================================================
   Favorilerim Sayfası
   ============================================================ */
.lola-wishlist-page {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding-inline: clamp(16px, 4vw, 32px);
  box-sizing: border-box;
}

/* Page-width-content kısıtlamasını override et */
.section--page-width:has(.lola-wishlist-page),
.section:has(.lola-wishlist-page) {
  max-width: none !important;
  width: 100% !important;
}

.lola-wishlist-page__header {
  text-align: center;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lola-wishlist-page__title {
  font-family: var(--font-accent--family, var(--font-heading--family));
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--lola-burgundy);
  margin: 0 0 12px;
  letter-spacing: 0.04em;
  line-height: 1.1;
}

.lola-wishlist-page__title::after {
  content: '✿';
  display: block;
  font-size: 1rem;
  color: var(--lola-rose);
  margin-top: 12px;
  opacity: 0.6;
}

.lola-wishlist-page__subtitle {
  color: var(--lola-burgundy);
  font-size: 0.9375rem;
  opacity: 0.7;
  margin: 0;
}

/* Boş durum — ortalanmış */
.lola-wishlist-empty {
  text-align: center;
  padding: 64px 24px;
  max-width: 520px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* HTML hidden attribute display:flex'i override etsin */
.lola-wishlist-empty[hidden] {
  display: none !important;
}

.lola-wishlist-empty .button {
  display: inline-block;
  margin: 0 auto;
}

.lola-wishlist-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: rgba(193, 80, 69, 0.08);
  color: var(--lola-rose);
  margin-bottom: 24px;
}

.lola-wishlist-empty h2 {
  font-family: var(--font-heading--family);
  font-size: 1.5rem;
  color: var(--lola-burgundy);
  margin: 0 0 12px;
}

.lola-wishlist-empty p {
  color: var(--color-foreground);
  opacity: 0.75;
  margin: 0 0 24px;
  line-height: 1.6;
}

/* Loading */
.lola-wishlist-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 64px 24px;
  color: var(--lola-burgundy);
}

.lola-wishlist-loading__spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(193, 80, 69, 0.15);
  border-top-color: var(--lola-rose);
  border-radius: 50%;
  animation: lola-spin 0.7s linear infinite;
}

.lola-wishlist-loading[hidden] {
  display: none;
}

@keyframes lola-spin {
  to { transform: rotate(360deg); }
}

/* Ürün grid'i — masaüstünde 4 kolon, tablet 3, mobil 2 */
.lola-wishlist-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

@media screen and (min-width: 750px) {
  .lola-wishlist-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

@media screen and (min-width: 990px) {
  .lola-wishlist-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
}

.lola-wishlist-grid[hidden] {
  display: none;
}

/* Wishlist card */
.lola-wishlist-card {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.lola-wishlist-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(193, 80, 69, 0.12);
}

.lola-wishlist-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.lola-wishlist-card__media {
  position: relative;
  aspect-ratio: 1 / 1.25;
  overflow: hidden;
  background: rgba(193, 80, 69, 0.04);
}

.lola-wishlist-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.lola-wishlist-card:hover .lola-wishlist-card__image {
  transform: scale(1.04);
}

.lola-wishlist-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 4px 10px;
  background: var(--lola-burgundy);
  color: #ffffff;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 4px;
}

.lola-wishlist-card__badge[hidden] {
  display: none;
}

.lola-wishlist-card__info {
  padding: 16px 14px 18px;
}

.lola-wishlist-card__title {
  font-family: var(--font-body--family);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--color-foreground);
  margin: 0 0 8px;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.lola-wishlist-card__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}

.lola-wishlist-card__price-current {
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--lola-burgundy);
}

.lola-wishlist-card__price-compare {
  font-size: 0.8125rem;
  color: var(--color-foreground);
  opacity: 0.5;
  text-decoration: line-through;
}

.lola-wishlist-card__price-compare[hidden] {
  display: none;
}

/* Çıkar butonu — sağ üst kalp ikonu */
.lola-wishlist-card__remove {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  border: none;
  border-radius: 50%;
  color: var(--lola-rose);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
  z-index: 2;
}

.lola-wishlist-card__remove:hover {
  background: var(--lola-rose);
  color: #ffffff;
  transform: scale(1.1);
}

.lola-wishlist-card__remove svg {
  fill: currentColor;
  stroke: currentColor;
}

@media screen and (max-width: 749px) {
  .lola-wishlist-card__remove {
    width: 32px;
    height: 32px;
  }
}

/* ============================================================
   Koleksiyon Sayfası — Ürün Kartları Refinements
   ============================================================ */

/* Grid gap artır — kartlar nefes alsın */
.product-grid,
[class*="product-grid"] {
  gap: 20px !important;
}

@media screen and (min-width: 750px) {
  .product-grid,
  [class*="product-grid"] {
    gap: 28px 20px !important;
  }
}

/* Kart container — subtle border + hover lift */
:is(.product-grid__item, .resource-list__item) {
  border-radius: 8px;
  overflow: visible;
  transition: transform 0.3s ease;
  position: relative;
}

:is(.product-grid__item, .resource-list__item):hover {
  transform: translateY(-4px);
}

/* Kart görseli */
:is(.product-grid__item, .resource-list__item) [class*="product-card"] img,
:is(.product-grid__item, .resource-list__item) [class*="card-gallery"] img {
  border-radius: 8px;
  transition: opacity 0.3s ease;
}

/* Tükenen ürünler hafif soluk */
:is(.product-grid__item, .resource-list__item)--sold-out [class*="product-card"] img {
  opacity: 0.65;
}

:is(.product-grid__item, .resource-list__item)--sold-out [class*="product-title"] {
  opacity: 0.7;
}

/* Ürün başlığı — clean, line-clamp 2 */
[class*="product-card"] [class*="product-title"],
[class*="product-card"] product-title,
[class*="product-card"] .text-block:has(a[href*="/products/"]) {
  font-family: var(--font-body--family);
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.35 !important;
  color: var(--color-foreground) !important;
  text-transform: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 4px;
}

[class*="product-card"] [class*="product-title"] a,
[class*="product-card"] product-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

[class*="product-card"] [class*="product-title"] a:hover,
[class*="product-card"] product-title a:hover {
  color: var(--lola-rose);
}

/* ============================================================
   Koleksiyon Kart — Fiyat Tipografisi
   ============================================================ */

/* compare-at-price (eski fiyat) — küçük + opacity + line-through */
:is(.product-grid__item, .resource-list__item) .compare-at-price,
[class*="product-card"] .compare-at-price,
:is(.product-grid__item, .resource-list__item) .price-item--regular.compare-at-price {
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  opacity: 0.45 !important;
  text-decoration: line-through !important;
  color: var(--color-foreground) !important;
  letter-spacing: normal !important;
  margin-left: 8px;
}

/* sale price (indirimli) — vivid rose, dikkat çekici */
:is(.product-grid__item, .resource-list__item) .price-item--sale,
[class*="product-card"] .price-item--sale,
:is(.product-grid__item, .resource-list__item) .price__sale .price {
  font-size: 1.0625rem !important;
  font-weight: 700 !important;
  color: var(--lola-rose) !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
}

/* normal price (indirim yoksa) */
:is(.product-grid__item, .resource-list__item) .price-item--regular:not(.compare-at-price),
[class*="product-card"] .price-item--regular:not(.compare-at-price),
:is(.product-grid__item, .resource-list__item) .price:not(.price-item--sale):not(.compare-at-price) {
  font-size: 1.0625rem !important;
  font-weight: 700 !important;
  color: var(--lola-burgundy) !important;
  letter-spacing: -0.01em !important;
}

/* Fiyat satırı genel — daha rahat boşluk */
:is(.product-grid__item, .resource-list__item) .price,
:is(.product-grid__item, .resource-list__item) [class*="price"]:has(.price-item) {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  margin-top: 2px;
}

/* "İndirimde" / "Tükendi" rozetleri biraz refine */
.product-badges__badge {
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
}

/* Card içindeki başlık+fiyat group'unu görsele yaklaştır */
:is(.product-grid__item, .resource-list__item) .layout-panel-flex,
:is(.product-grid__item, .resource-list__item) [class*="card-group"],
:is(.product-grid__item, .resource-list__item) [class*="product-card-group"] {
  padding-block-start: 4px !important;
  gap: 2px !important;
}

/* Card içindeki text-block / title — üst margin küçük */
:is(.product-grid__item, .resource-list__item) product-title,
:is(.product-grid__item, .resource-list__item) [class*="product-title"],
:is(.product-grid__item, .resource-list__item) .text-block {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

/* Swatches (varyant renkleri) — fiyatın altında, daha kompakt */
:is(.product-grid__item, .resource-list__item) swatches,
:is(.product-grid__item, .resource-list__item) [class*="swatches"] {
  padding-block-start: 6px !important;
  padding-block-end: 0 !important;
  margin-top: 6px !important;
}

/* ============================================================
   Koleksiyon kartlarında kalp ikonu — sol üst, hover'da görünür
   ============================================================ */
.lola-card-wishlist {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(193, 80, 69, 0.15);
  border-radius: 50%;
  color: var(--lola-burgundy, #8b1538);
  cursor: pointer;
  z-index: 3;
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.25s ease;
  padding: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

/* Card hover'da kalp görünür */
.product-card:hover .lola-card-wishlist,
[class*="product-card"]:hover .lola-card-wishlist,
:is(.product-grid__item, .resource-list__item):hover .lola-card-wishlist {
  opacity: 1;
  transform: scale(1);
}

/* Mobil ve touch için her zaman görünür */
@media (hover: none) {
  .lola-card-wishlist {
    opacity: 1;
    transform: scale(1);
  }
}

.lola-card-wishlist:hover {
  background: var(--lola-rose, #c15045);
  color: #ffffff;
  border-color: var(--lola-rose, #c15045);
  transform: scale(1.08);
}

.lola-card-wishlist svg {
  width: 16px;
  height: 16px;
  transition: fill 0.3s ease;
}

/* Aktif (favoride) durumu — kalp dolu */
.lola-card-wishlist.is-active {
  opacity: 1;
  transform: scale(1);
  background: var(--lola-rose, #c15045);
  color: #ffffff;
  border-color: var(--lola-rose, #c15045);
}

.lola-card-wishlist.is-active svg {
  fill: currentColor;
}

.lola-card-wishlist.lola-wishlist--pulse {
  animation: lola-pulse 0.4s ease;
}

/* ============================================================
   Fiyat bloğu — eski fiyat sade, yeni fiyat vurgulu
   ============================================================ */

/* compare_at_price (eski/üstü çizili fiyat) — küçük, soluk, sade */
.product-information :is(.price__sale, [class*="price"]) s,
.product-information :is(.price__sale, [class*="price"]) del,
.product-information .price__compare,
.product-information [class*="compare"],
.product-information .price--on-sale .price__regular {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  opacity: 0.5 !important;
  text-decoration: line-through;
  color: var(--color-foreground) !important;
  letter-spacing: normal !important;
  margin-right: 8px;
}

/* sale price / current price — büyük, bold, burgundy */
.product-information .price__current,
.product-information .price-item--sale,
.product-information .price--on-sale .price-item--regular,
.product-information [class*="price"] ins {
  font-size: 1.875rem !important;
  font-weight: 600 !important;
  color: var(--lola-burgundy) !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
}

/* Installments info (taksit bilgisi) — küçük not */
.product-information .price__installments,
.product-information [class*="installment"] {
  display: block;
  font-size: 0.75rem;
  opacity: 0.7;
  margin-top: 4px;
}

/* ============================================================
   Variant picker (beden / renk seçimi)
   ============================================================ */

/* Beden butonları daha kompakt — full width değil */
.variant-picker fieldset {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.variant-picker__option-value {
  min-width: 56px !important;
  padding: 10px 18px !important;
  flex: 0 0 auto !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.04em !important;
  transition: all 0.2s ease;
  border-radius: var(--style-border-radius-buttons-secondary, 4px);
}

.variant-picker__option-value:hover {
  border-color: var(--lola-rose) !important;
  color: var(--lola-rose);
}

.variant-picker__option-label {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--color-foreground-muted) !important;
  margin-bottom: 8px !important;
}

/* ============================================================
   Wishlist / Favorilere Ekle
   ============================================================ */
.lola-wishlist-wrap {
  width: 100%;
  margin-top: 12px;
}

.lola-wishlist {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 18px;
  background: transparent;
  border: 1px solid rgba(139, 21, 56, 0.18);
  border-radius: var(--style-border-radius-buttons-secondary, 4px);
  color: var(--lola-burgundy);
  font-family: var(--font-body--family);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: all 0.25s ease;
  min-height: 48px;
  box-sizing: border-box;
}

.lola-wishlist:hover {
  background: rgba(193, 80, 69, 0.06);
  border-color: var(--lola-rose);
  color: var(--lola-rose);
}

.lola-wishlist__icon {
  width: 16px;
  height: 16px;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.lola-wishlist.is-active {
  background: rgba(193, 80, 69, 0.08);
  border-color: var(--lola-rose);
  color: var(--lola-rose);
}

.lola-wishlist.is-active .lola-wishlist__icon {
  fill: var(--lola-rose);
  stroke: var(--lola-rose);
  animation: lola-heart-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes lola-heart-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.4); }
  70%  { transform: scale(0.95); }
  100% { transform: scale(1); }
}

.lola-wishlist--pulse {
  animation: lola-pulse 0.4s ease;
}

@keyframes lola-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(0.95); }
}

/* ============================================================
   Buton dizilimi — daha temiz hizalama
   ============================================================ */

/* Add-to-cart ve Favorilere ekle yan yana, eşit yükseklik */
.product-form-buttons {
  gap: 10px !important;
}

.product-form-buttons .button:not(.lola-wishlist) {
  min-height: 48px;
  font-weight: 500;
  letter-spacing: 0.06em;
}

/* ============================================================
   Ürün başlığı & tipografi
   ============================================================ */

.product-information [class*="text"] h1 {
  font-family: var(--font-accent--family, var(--font-heading--family));
  letter-spacing: 0.02em;
  line-height: 1.1;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  margin-bottom: 0.5em;
}

/* Açıklama metni rahat oku */
.product-information [class*="product-description"] {
  line-height: 1.75;
  font-size: 0.9375rem;
}

/* ============================================================
   Media gallery — görsel daha kontrollü, soft radius
   ============================================================ */

.product-media-container img,
.product-media-container picture,
.product-media-container [class*="media"] img {
  border-radius: 8px;
}

/* Sayfada main section spacing — daha rahat */
#shopify-section-template--product .section,
.product .section,
[id*="product-information"] {
  --section-top-offset: 32px;
}

/* ============================================================
   Mobile refinements
   ============================================================ */
@media screen and (max-width: 749px) {
  .product-information .price__current,
  .product-information .price-item--sale {
    font-size: 1.5rem !important;
  }

  .product-information [class*="text"] h1 {
    font-size: 1.5rem;
  }

  .lola-wishlist {
    padding: 10px 14px;
    font-size: 0.8125rem;
  }
}
