/* Sevinç storefront, 2026-10-07. Presentation only; shared by home and collections.
   Scoped body class deliberately excludes admin, staff, cart and checkout. */
body.sv-white-storefront {
  --ivory: #fff;
  --paper: #fff;
  --sf-paper: #fff;
  --sv-accent: #a44f70;
  --sv-accent-dark: #873c59;
  --sv-soft: #fcf2f6;
  --sv-ink: #342c31;
  --sv-muted: #74666d;
  --sv-line: #eee4e9;
  background: #fff !important;
  color: var(--sv-ink);
}

/* White canvas, rose accents, no coloured page-sized panels. */
body.sv-white-storefront .site-header,
body.sv-white-storefront .sf-header {
  background: #fff !important;
  border-bottom: 1px solid var(--sv-line);
  box-shadow: none !important;
}
body.sv-white-storefront .brand strong,
body.sv-white-storefront .sf-brand strong { color: var(--sv-accent); }
body.sv-white-storefront .header-actions .shop-cta,
body.sv-white-storefront .mobile-cart-header,
body.sv-white-storefront .sf-cart,
body.sv-white-storefront .sf-button:not(.sf-button-light) {
  background: var(--sv-accent) !important;
  border-color: var(--sv-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}
body.sv-white-storefront .desktop-track {
  background: var(--sv-soft) !important;
  color: var(--sv-accent-dark) !important;
  border-color: var(--sv-line) !important;
}
body.sv-white-storefront .collection-search,
body.sv-white-storefront .sf-header-search {
  background: #fff !important;
  border-color: #e7dbe1 !important;
  box-shadow: none !important;
}
body.sv-white-storefront .cats.ready-cats.unified-categories,
body.sv-white-storefront .mobile-search-slot,
body.sv-white-storefront #koleksiyon,
body.sv-white-storefront .collection-group { background: #fff !important; }

/* Preserve category pictures and their existing sizing. */
body.sv-white-storefront .cats.ready-cats.unified-categories .cat {
  background: transparent !important;
  box-shadow: none !important;
}
body.sv-white-storefront #koleksiyon .sevinc-shop-tools,
body.sv-white-storefront .sf-filters {
  background: #fff !important;
  border-color: var(--sv-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
body.sv-white-storefront #koleksiyon .filter-dropdown summary,
body.sv-white-storefront .sf-filter-toggle {
  background: var(--sv-soft) !important;
  border-color: #ead7e0 !important;
  color: #704356 !important;
  box-shadow: none !important;
}
body.sv-white-storefront .sf-chips a[aria-current],
body.sv-white-storefront .sf-pagination a[aria-current] {
  background: var(--sv-accent);
  color: #fff;
  border-color: var(--sv-accent);
}

/* Borderless product grid. Keep genuine full images, linked targets and badges. */
body.sv-white-storefront #koleksiyon .products,
body.sv-white-storefront .sf-products {
  column-gap: 26px;
  row-gap: 40px;
  align-items: stretch;
}
body.sv-white-storefront #koleksiyon .product,
body.sv-white-storefront .sf-product,
body.sv-white-storefront #koleksiyon .product:hover,
body.sv-white-storefront .sf-product:hover,
body.sv-white-storefront #koleksiyon .product:focus-within {
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
body.sv-white-storefront #koleksiyon .product-photo,
body.sv-white-storefront .sf-photo {
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.sv-white-storefront #koleksiyon .product-image,
body.sv-white-storefront .sf-photo > img:not(.sf-photo-logo) {
  object-fit: contain;
  background: #fff;
}
body.sv-white-storefront #koleksiyon .product .body,
body.sv-white-storefront .sf-product-copy {
  background: #fff !important;
  border: 0 !important;
  padding: 16px 2px 0 !important;
}
body.sv-white-storefront #koleksiyon .product h4,
body.sv-white-storefront .sf-product h3 {
  color: var(--sv-ink) !important;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -.2px;
  min-height: 2.3em;
  margin: 0 0 10px !important;
}
body.sv-white-storefront #koleksiyon .product-price-line,
body.sv-white-storefront .sf-price {
  gap: 9px;
  margin: 0 0 12px !important;
}
body.sv-white-storefront #koleksiyon .product-price,
body.sv-white-storefront .sf-price strong {
  color: var(--sv-accent) !important;
  font: 700 18px/1.4 Manrope, Arial, sans-serif !important;
  letter-spacing: -.3px;
}
body.sv-white-storefront #koleksiyon .product-price-line del,
body.sv-white-storefront .sf-price del {
  color: #82777c;
  font: 400 12px/1.4 Manrope, Arial, sans-serif;
}
body.sv-white-storefront #koleksiyon .catalog-card-badges {
  left: 9px;
  top: 9px;
  gap: 5px;
}
body.sv-white-storefront #koleksiyon .catalog-badge,
body.sv-white-storefront .sf-sale {
  border-radius: 6px;
  box-shadow: none !important;
}
body.sv-white-storefront #koleksiyon .catalog-badge-sale,
body.sv-white-storefront .sf-sale { background: var(--sv-accent); color: #fff; }
body.sv-white-storefront #koleksiyon .catalog-badge-featured {
  background: var(--sv-soft);
  border-color: #f0dce5;
  color: var(--sv-accent-dark);
}
body.sv-white-storefront #koleksiyon .photo-watermark,
body.sv-white-storefront .sf-photo > .sf-photo-logo {
  width: 48px;
  height: 48px;
  right: 8px;
  bottom: 8px;
  border: 1px solid #f1e9ed;
  box-shadow: none;
  opacity: .88;
}
body.sv-white-storefront #koleksiyon .catalog-rating {
  order: 2;
  color: var(--sv-muted);
  margin: 0 0 7px;
}
body.sv-white-storefront #koleksiyon .catalog-rating small {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: var(--sv-muted) !important;
}
body.sv-white-storefront #koleksiyon .product-price-line { order: 1; }
body.sv-white-storefront #koleksiyon .catalog-delivery { order: 3; }
body.sv-white-storefront #koleksiyon .catalog-delivery,
body.sv-white-storefront .sf-availability {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-height: 22px;
  color: var(--sv-muted) !important;
  box-shadow: none !important;
}
body.sv-white-storefront #koleksiyon .catalog-delivery {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
body.sv-white-storefront #koleksiyon .catalog-delivery > span {
  background: transparent;
  color: var(--sv-accent);
  width: auto;
}
body.sv-white-storefront #koleksiyon .catalog-delivery strong { font-size: 10px; }
body.sv-white-storefront #koleksiyon .catalog-delivery small {
  border: 0;
  padding: 0;
  color: var(--sv-muted);
  font-size: 9px;
}
body.sv-white-storefront .sf-availability { font-size: 11px; }
body.sv-white-storefront #koleksiyon .collection-head { border-color: var(--sv-line); }
body.sv-white-storefront .sf-intro-note,
body.sv-white-storefront .sf-delivery-note {
  background: var(--sv-soft);
  border-color: #ecdce4;
}
body.sv-white-storefront .sf-intro-note > span:first-child,
body.sv-white-storefront .sf-intro-note > span:not(:first-child) { color: #89516a; }
body.sv-white-storefront .sf-footer,
body.sv-white-storefront .site-footer { background: #fbf0f5 !important; color: #513542 !important; }
body.sv-white-storefront .sf-footer a,
body.sv-white-storefront .sf-footer p,
body.sv-white-storefront .sf-footer .sf-eyebrow,
body.sv-white-storefront .sf-footer-bottom,
body.sv-white-storefront .site-footer a,
body.sv-white-storefront .site-footer p,
body.sv-white-storefront .site-footer span,
body.sv-white-storefront .site-footer small,
body.sv-white-storefront .site-footer h2,
body.sv-white-storefront .site-footer h3 { color: #664653 !important; }
body.sv-white-storefront .sf-footer-bottom,
body.sv-white-storefront .site-footer .footer-bottom { border-color: #ead3de !important; }

@media (max-width: 1100px) and (min-width: 801px) {
  body.sv-white-storefront #koleksiyon .products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  body.sv-white-storefront #koleksiyon .products,
  body.sv-white-storefront .sf-products {
    column-gap: 14px;
    row-gap: 28px;
  }
  body.sv-white-storefront #koleksiyon .product .body,
  body.sv-white-storefront .sf-product-copy { padding-top: 12px !important; }
  body.sv-white-storefront #koleksiyon .product h4,
  body.sv-white-storefront .sf-product h3 { font-size: 21px !important; min-height: 3.45em; }
  body.sv-white-storefront #koleksiyon .product-price,
  body.sv-white-storefront .sf-price strong { font-size: 16px !important; }
  body.sv-white-storefront #koleksiyon .product-price-line del,
  body.sv-white-storefront .sf-price del { font-size: 10px; }
  body.sv-white-storefront #koleksiyon .photo-watermark,
  body.sv-white-storefront .sf-photo > .sf-photo-logo { width: 36px; height: 36px; right: 5px; bottom: 5px; }
}
@media (max-width: 380px) {
  body.sv-white-storefront #koleksiyon .products,
  body.sv-white-storefront .sf-products { column-gap: 10px; }
  body.sv-white-storefront #koleksiyon .product h4,
  body.sv-white-storefront .sf-product h3 { font-size: 19px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.sv-white-storefront #koleksiyon .product-image,
  body.sv-white-storefront .sf-photo > img { transition: none; }
}

/* 2026-10-07: calm pointer preview; no extra images, scripts or layout movement. */
body.sv-white-storefront #koleksiyon .product .product-image,
body.sv-white-storefront .sf-product .sf-photo > img:not(.sf-photo-logo) {
  transform: none !important;
  transform-origin: 50% 50%;
  transition: transform .45s cubic-bezier(.2,.65,.25,1) !important;
}
body.sv-white-storefront #koleksiyon .product-photo,
body.sv-white-storefront .sf-photo { position: relative; overflow: hidden; }
body.sv-white-storefront #koleksiyon .product h4,
body.sv-white-storefront .sf-product h3 { transition: color .2s ease; }

@media (hover: hover) and (pointer: fine) {
  body.sv-white-storefront #koleksiyon .product:is(:hover,:focus-within) .product-image,
  body.sv-white-storefront .sf-product:is(:hover,:focus-within) .sf-photo > img:not(.sf-photo-logo) {
    transform: scale(1.055) !important;
  }
  body.sv-white-storefront #koleksiyon .product:is(:hover,:focus-within) h4,
  body.sv-white-storefront .sf-product:is(:hover,:focus-within) h3 { color: var(--sv-accent) !important; }
  body.sv-white-storefront #koleksiyon .product-photo::after,
  body.sv-white-storefront .sf-photo::after {
    content: "Ürünü incele  ↗";
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: 12px;
    padding: 8px 14px;
    border: 1px solid #e9cbd8;
    border-radius: 999px;
    background: rgba(255,255,255,.97);
    color: #8e4562;
    box-shadow: 0 4px 14px #6e364a0c;
    font: 650 11px/1.4 Manrope,Arial,sans-serif;
    letter-spacing: .02em;
    white-space: nowrap;
    opacity: 0;
    transform: translate(-50%,6px);
    transition: opacity .22s ease, transform .3s ease;
    pointer-events: none;
  }
  body.sv-white-storefront #koleksiyon .product:is(:hover,:focus-within) .product-photo::after,
  body.sv-white-storefront .sf-product:is(:hover,:focus-within) .sf-photo::after {
    opacity: 1;
    transform: translate(-50%,0);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.sv-white-storefront #koleksiyon .product .product-image,
  body.sv-white-storefront #koleksiyon .product:is(:hover,:focus-within) .product-image,
  body.sv-white-storefront .sf-product .sf-photo > img:not(.sf-photo-logo),
  body.sv-white-storefront .sf-product:is(:hover,:focus-within) .sf-photo > img:not(.sf-photo-logo) {
    transform: none !important;
    transition: none !important;
  }
  body.sv-white-storefront #koleksiyon .product-photo::after,
  body.sv-white-storefront .sf-photo::after,
  body.sv-white-storefront #koleksiyon .product h4,
  body.sv-white-storefront .sf-product h3 { transition: none !important; }
}