/* assets/styles.css v4 - profesyonel, mobile-first, animasyonlu */
:root{
  --accent:#ff6b6b;
  --muted:#6b6b6b;
  --bg:#ffffff;
  --card-shadow: 0 10px 30px rgba(12,12,12,0.06);
  --radius:12px;
  --transition:180ms cubic-bezier(.2,.9,.3,1);
  font-family: Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:linear-gradient(180deg,#fbfbfd,#fff);color:#111;-webkit-font-smoothing:antialiased}
.container{max-width:1100px;margin:0 auto;padding:16px}

/* HEADER */
.site-header{position:sticky;top:0;background:rgba(255,255,255,0.96);backdrop-filter:blur(6px);border-bottom:1px solid #efefef;z-index:120;transition:box-shadow .2s}
.site-header.scrolled{box-shadow:0 8px 28px rgba(12,12,12,0.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo{height:44px;width:auto;display:block;object-fit:contain}
.site-title{font-weight:700;color:#333;font-size:14px}

/* nav */
.desktop-nav{display:flex;gap:18px;align-items:center}
.desktop-nav a{display:inline-flex;align-items:center;gap:8px;color:#222;text-decoration:none;padding:8px 10px;border-radius:10px;transition:transform var(--transition),background var(--transition)}
.desktop-nav a:hover{transform:translateY(-3px);background:#fff6f6}
.nav-icon{height:18px;width:18px;display:inline-block}

/* mobile */
.hamburger{display:none;background:transparent;border:0;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:background var(--transition)}
.mobile-nav{display:none;flex-direction:column;background:#fff;padding:10px 16px;border-top:1px solid #eee}
.mobile-nav a{padding:10px 0;color:#111;text-decoration:none;border-bottom:1px dashed #f6f6f6}

/* when open */
.site-header.open .mobile-nav{display:flex}
.site-header.open .hamburger{background:#fff0f0}

/* HERO */
.hero{position:relative;margin-top:18px;border-radius:12px;overflow:hidden}
.hero-slider{display:flex;transition:transform .6s ease;width:100%}
.hero-slide{min-width:100%;height:420px;display:flex;align-items:center;justify-content:center;background:#f6f6f8}
.hero-slide img.bg{width:100%;height:100%;object-fit:cover;display:block}
.hero-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.6) 80%)}

/* hero-brand and CTA */
.hero-brand{display:flex;align-items:center;flex-direction:column;gap:8px;padding:18px 0;text-align:center}
.brand-logo{height:72px;width:72px;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(12,12,12,0.04)}
.brand-logo img{height:64px;width:auto;object-fit:contain}

/* store ctas (cards) */
.store-cta{display:flex;gap:14px;justify-content:center;margin:22px 0;flex-wrap:wrap}
.store-card{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:12px;background:#fff;border:1px solid #ffecec;box-shadow:0 8px 22px rgba(12,12,12,0.04);text-decoration:none;color:#222;transition:transform var(--transition)}
.store-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(12,12,12,0.08)}
.store-card .icon{width:20px;height:20px;display:inline-block}

/* PRODUCTS */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;margin-top:18px}
.product-card{background:#fff;border-radius:12px;padding:10px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;transition:transform var(--transition)}
.product-card:hover{transform:translateY(-6px)}
.thumb{width:100%;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:3/4;background:#fafafa}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.title{margin:10px 0 0;font-weight:600;color:#222;font-size:14px;text-decoration:none}

/* PRODUCT DETAIL CAROUSEL */
.carousel{width:100%;max-width:720px;border-radius:12px;overflow:hidden}
.slides{display:flex;transition:transform .35s ease}
.slide{min-width:100%;display:flex;align-items:center;justify-content:center;background:#fff;min-height:360px}
.slide img{max-width:100%;max-height:640px;object-fit:contain;display:block;border-radius:6px}

/* carousel controls */
.carousel-controls{margin-top:10px;display:flex;gap:8px;align-items:center}
.carousel-controls button{background:#fff;border:1px solid #eee;padding:8px 12px;border-radius:8px;cursor:pointer;transition:transform .15s}
.carousel-controls button:hover{transform:translateY(-3px)}

/* placeholder fix for very large fallback logos */
img[data-placeholder="true"]{max-height:280px;object-fit:contain}

/* FOOTER */
.site-footer{border-top:1px solid #f1f1f1;background:#fff;padding:18px 0;margin-top:28px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}

/* small screens */
@media (max-width:900px){
  .desktop-nav{display:none}
  .hamburger{display:block}
  .hero-slide{height:36vh}
  .thumb{aspect-ratio:4/5}
  .container{padding:12px}
}


/* --- carousel / product image fixes --- */
.carousel { max-width: 760px; width:100%; }
.slides { display:flex; }
.slide { min-width:100%; display:flex; align-items:center; justify-content:center; padding:12px; box-sizing:border-box; }
.product-slide-img {
  width: auto;
  max-width: 100%;
  max-height: 720px;       /* önemli: ekrandan taşmayı engeller */
  object-fit: contain;     /* ürün tam görünür, kırpma yok */
  border-radius:8px;
  box-shadow: 0 8px 30px rgba(12,12,12,0.06);
}

/* thumbnail grid (product-grid) keeps cover */
.thumb img { object-fit: cover; }

/* small screens: daha küçük max-height */
@media(max-width:900px){
  .product-slide-img { max-height: 420px; }
}

/* footer logo küçültme */
.footer-logo { height:56px; width:auto; display:block; object-fit:contain; }

/* footer: center alignment and less space for big logo */
.site-footer .footer-inner { align-items:center; text-align:center; gap:18px; }
.site-footer .footer-left, .site-footer .footer-right { width:100%; }

/* nav icons */
.nav-icon { width:18px; height:18px; display:inline-block; margin-right:6px; vertical-align:middle; }

/* placeholder image rule (if used) */
img[data-placeholder="true"] { max-height:360px; object-fit:contain; }

/* optional lightbox modal */
.image-lightbox {
  position:fixed; inset:0; display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,0.75); z-index:9999; padding:20px;
}
.image-lightbox img { max-width:95%; max-height:95%; border-radius:8px; }
.image-lightbox .close { position:absolute; top:22px; right:22px; background:transparent; border:0; color:#fff; font-size:26px; cursor:pointer; }




/* ------ ikon & footer düzeltmeleri ------ */

/* nav/store icons */
.nav-icon, .store-icon, .social-icon { width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px; }
.nav-icon { max-height:20px; }
.nav-icon-fallback, .store-icon-fallback, .social-icon-fallback { display:none; font-size:18px; vertical-align:middle; color:var(--accent); }

/* Eğer svg yoksa js ile fallback göstereceğiz (aşağıda) */

/* store card */
.store-card { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:12px; border:1px solid #ffecec; background:#fff; text-decoration:none; color:#222; transition:transform .18s ease, box-shadow .18s ease; }
.store-card:hover { transform:translateY(-6px); box-shadow:0 12px 30px rgba(12,12,12,0.06); }

/* footer logo kesin boyut */
.footer-logo { height:64px; width:auto; display:block; margin:0 auto; object-fit:contain; }

/* footer social icons */
.social-links img.social-icon { width:64px; height:64px; object-fit:contain; border-radius:8px; background:#fff; padding:8px; box-shadow:0 6px 18px rgba(12,12,12,0.04); }
.social-links i.social-icon-fallback { display:none; }

/* eğer çok büyük background/resim sorunları varsa max-height ile sınırla */
.hero-slide img.bg { width:100%; height:100%; object-fit:cover; display:block; max-height:900px; }

/* placeholder small */
img[data-placeholder="true"] { max-height:420px; object-fit:contain; }

/* responsive düzeltme */
@media(max-width:900px){
  .social-links img.social-icon { width:48px; height:48px; padding:6px; }
  .footer-logo { height:56px; }
  .store-card{ padding:10px 14px; }
}




/* ----------new en sonki yeni css ---------- */
:root{
  --accent:#ff6b6b;
  --muted:#6b6b6b;
  --bg:#ffffff;
  --radius:12px;
  --transition:180ms cubic-bezier(.2,.9,.3,1);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}
*{box-sizing:border-box}
body{background:linear-gradient(180deg,#fbfbfd,#fff);color:#111;margin:0;}

/* header/nav */
.site-header{position:sticky;top:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(4px);border-bottom:1px solid #f1f1f3;z-index:120}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:12px}
.logo{height:44px;object-fit:contain}
.site-title{font-weight:700;margin-left:6px;color:#333}

/* nav items */
.desktop-nav{display:flex;gap:18px;align-items:center}
.nav-item{display:inline-flex;align-items:center;gap:8px;color:#222;text-decoration:none;padding:8px 10px;border-radius:10px;transition:transform .18s}
.nav-item:hover{transform:translateY(-3px);background:#fff6f6}
.nav-icon{width:20px;height:20px;display:inline-block}
.nav-icon-fallback{display:none;color:var(--accent)}

/* mobile */
.hamburger{display:none;background:transparent;border:0;font-size:20px;padding:8px;cursor:pointer}
.mobile-nav{display:none;flex-direction:column;background:#fff;padding:10px 16px;border-top:1px solid #eee}
.mobile-link{display:flex;gap:10px;align-items:center;padding:10px 0;color:#111;text-decoration:none}
.mobile-icon{width:20px;height:20px;display:inline-block}

/* HERO / CTA */
.hero { margin-top:18px; border-radius:12px; overflow:hidden }
.store-cta{display:flex;gap:14px;justify-content:center;margin:22px 0;flex-wrap:wrap}
.store-card{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;background:#fff;border:1px solid #ffecec;transition:transform .18s}

/* PRODUCTS grid */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;margin-top:18px}
.product-card{background:#fff;border-radius:12px;padding:10px;box-shadow:0 10px 24px rgba(12,12,12,0.05);transition:transform .18s}
.product-card:hover{transform:translateY(-6px)}
.thumb{height:200px;border-radius:10px;overflow:hidden;background:#fafafa;display:flex;align-items:center;justify-content:center}
.thumb img{width:100%;height:100%;object-fit:cover}

/* product detail carousel */
.carousel .slides{display:flex;transition:transform .35s ease}
.slide{min-width:100%;display:flex;align-items:center;justify-content:center;padding:8px}
.product-slide-img{max-width:100%;max-height:720px;object-fit:contain;border-radius:8px;box-shadow:0 8px 30px rgba(12,12,12,0.06)}
@media(max-width:900px){ .product-slide-img{max-height:420px} }

/* carousel controls */
.carousel-controls{display:flex;gap:8px;margin-top:8px}
.carousel-controls button{padding:8px 10px;border-radius:8px;border:1px solid #eee;background:#fff;cursor:pointer}

/* footer */
.site-footer{border-top:1px solid #eee;background:#fff;padding:28px 0;margin-top:36px;position:relative}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.footer-logo{height:64px;object-fit:contain;display:block;margin:0 auto}
.social-icon{width:64px;height:64px;object-fit:contain;border-radius:8px;padding:8px;background:#fff;box-shadow:0 8px 20px rgba(12,12,12,0.04)}
@media(max-width:900px){ .social-icon{width:48px;height:48px;padding:6px} .footer-logo{height:56px} }

/* back to top */
#backToTop{position:fixed;right:18px;bottom:18px;background:var(--accent);color:#fff;border:0;padding:10px 12px;border-radius:999px;cursor:pointer;box-shadow:0 8px 20px rgba(12,12,12,0.2);display:none;z-index:9999}

/* scrollbar styling (webkit + firefox) */
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),#b33);border-radius:999px}
::-webkit-scrollbar-track{background:#f2f2f2;border-radius:999px}
*{scroll-behavior:smooth}

/* small screens */
@media(max-width:900px){
  .desktop-nav{display:none}
  .hamburger{display:block}
  .mobile-nav{display:flex}
}



/* ===== UX / layout fixes (ekle) ===== */

/* Filtre formu (products.php) - daha modern, mobil uyumlu */
.search-filter {
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin:12px 0 6px;
}
.search-filter input[type="search"]{
  min-width:200px; flex:1 1 240px; padding:8px 10px; border-radius:8px; border:1px solid #e8e8ea;
  box-shadow: none; outline: none;
}
.search-filter select { padding:8px 10px; border-radius:8px; border:1px solid #e8e8ea; background:#fff; }
.search-filter .btn { padding:9px 12px; border-radius:8px; background:var(--accent); color:#fff; border:0; cursor:pointer; }

/* Product grid card spacing fix */
.product-card { overflow:hidden; display:flex; flex-direction:column; justify-content:flex-start; }
.product-card .title { margin-top:10px; white-space:normal; line-height:1.25; }

/* Thumb image container to avoid overflow and keep ratio */
.thumb { display:block; width:100%; height:0; padding-bottom:133%; position:relative; background:#fafafa; border-radius:12px; overflow:hidden; }
.thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* Product detail: carousel / image containment */
.product-top { display:flex; gap:28px; flex-wrap:wrap; align-items:flex-start; }
.carousel { flex:1 1 640px; max-width:760px; width:100%; box-sizing:border-box; }
.product-slide-img { width:100%; height:auto; max-height:820px; object-fit:contain; border-radius:10px; display:block; }
@media(max-width:900px){
  .carousel { max-width:100%; }
  .product-top { flex-direction:column; }
  .product-info { width:100%; }
  .product-slide-img { max-height:460px; }
}

/* Prevent buy links wrapping and keep icon + text inline */
.buy-links, .buy-links a { display:flex; flex-direction:column; gap:8px; }
.buy-links a {
  display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  padding:8px 12px; border-radius:8px; border:1px solid #eee; background:#fff; text-decoration:none; color:#1a1a1a;
}
.buy-links a .nav-icon { width:18px; height:18px; display:inline-block; margin:0; vertical-align:middle; }

/* Footer layout & alignment improvements */
.footer-inner { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.footer-left, .footer-center, .footer-right { flex:1 1 260px; min-width:220px; }
.footer-center { text-align:center; }
.footer-right { text-align:right; }
@media(max-width:900px){
  .footer-left, .footer-center, .footer-right { text-align:center; width:100%; }
}

/* Footer icons: hem küçük hem estetik */
.social-icon { width:56px; height:56px; padding:8px; border-radius:10px; background:#fff; box-shadow:0 8px 22px rgba(12,12,12,0.04); object-fit:contain; }

/* Mobile nav icons in menu */
.mobile-link img.mobile-icon, .mobile-link i { width:18px; height:18px; margin-right:10px; vertical-align:middle; }

/* Back-to-top already present; küçük fade */
#backToTop { transition:opacity .18s; opacity:0; }
#backToTop.show { opacity:1; }

/* Ensure overflow hidden for very large background images on footer/hero */
.hero-slide img.bg, .brand-logo img, .footer-logo { max-width:100%; height:auto; object-fit:contain; }

/* small polish */
.product-card .title a { color: #242424; text-decoration: none; }
.product-card .title a:hover { text-decoration: underline; color:var(--accent); }



.footer-inner{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:nowrap; }
@media(max-width:900px){
  .footer-inner{ flex-wrap:wrap; }
}



/* ---------- UI + Animations for products & buttons ---------- */

/* Smooth utility */
.u-fadeup { opacity:0; transform: translateY(12px); transition: opacity .45s ease, transform .45s cubic-bezier(.2,.9,.3,1); }
.u-fadeup.in-view { opacity:1; transform: translateY(0); }

/* Product card polish */
.product-card {
  border-radius:14px;
  overflow:visible;
  transition: transform .28s cubic-bezier(.2,.9,.3,1), box-shadow .28s;
  will-change: transform;
  background: #fff;
}
.product-card:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 24px 50px rgba(12,12,12,0.09);
}

/* thumbnail: fixed aspect, contain + subtle frame */
.thumb {
  width:100%;
  padding-bottom:133%; /* 3:4 aspect */
  position:relative;
  border-radius:12px;
  overflow:hidden;
  background: linear-gradient(180deg,#fff,#fbfbfd);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
.thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: transform .45s ease; }
.product-card:hover .thumb img { transform: scale(1.04); }

/* Title */
.product-card .title { margin-top:10px; font-size:14px; line-height:1.25; font-weight:600; color:#222; }

/* Filter form nicer button */
.search-filter .btn {
  background: var(--accent);
  color: #fff;
  border: 0;
  padding: 9px 12px;
  border-radius: 10px;
  cursor: pointer;
  transition: transform .14s, box-shadow .14s;
}
.search-filter .btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255,107,107,0.12); }

/* PRODUCT DETAIL: buy buttons (stacked on mobile, inline on desktop) */
.buy-links { display:flex; flex-direction:column; gap:10px; margin-top:8px; }
.buy-links .btn {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid #eee;
  background:#fff;
  text-decoration:none;
  color:#222;
  transition: transform .16s, box-shadow .16s;
  box-shadow: 0 6px 20px rgba(12,12,12,0.03);
}
.buy-links .btn:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(12,12,12,0.06); }

/* Icon container inside button */
.buy-links .btn svg { width:18px; height:18px; flex:0 0 18px; transition: transform .18s; }
.buy-links .btn span { white-space:nowrap; }

/* cool hover micro-animation: icon moves left slightly */
.buy-links .btn:hover svg { transform: translateX(-6px); }

/* Responsive: on wide screens show buy buttons vertically (ok) or group horizontally */
@media(min-width:980px){
  .buy-links { flex-direction:column; }
}

/* product title / meta spacing */
.product-info h1 { margin:0 0 8px 0; font-size:30px; }

/* footer polish and alignment */
.footer-inner { display:flex; gap:20px; align-items:center; justify-content:space-between; flex-wrap:wrap; padding-top:18px; }
.footer-left { flex:0 0 220px; text-align:center; }
.footer-center { flex:1; text-align:center; }
.footer-right { flex:0 0 260px; text-align:right; color:#666; font-size:14px; }
@media(max-width:900px){
  .footer-left,.footer-center,.footer-right{ text-align:center; width:100%; }
  .footer-right{ margin-top:10px; text-align:center; }
}

/* Back to top subtle */
#backToTop { opacity:0; transform: translateY(6px); transition: opacity .18s, transform .18s; }
#backToTop.show { opacity:1; transform: translateY(0); }

/* Lightbox minor visuals */
.image-lightbox { display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.78); position:fixed; inset:0; z-index:9999; padding:20px; }
.image-lightbox img { max-width:96%; max-height:96%; border-radius:8px; box-shadow:0 18px 60px rgba(0,0,0,0.6); }

/* small text polish for links */
a.btn.link { text-decoration:none; color:inherit; display:inline-flex; align-items:center; gap:8px; }

/* intersection reveal delay (stagger) */
.product-grid .product-card { opacity:0; transform: translateY(10px); transition: opacity .5s ease, transform .5s ease; }
.product-grid .product-card.in-view { opacity:1; transform:translateY(0); }

/* subtle focus outlines for accessibility */
a:focus, button:focus { outline: 3px solid rgba(255,107,107,0.15); outline-offset:4px; }

/* end UI additions */

/* ===== QUICK FIX: buttons, back-link, footer logo, hero logo ===== */

/* ürün bilgi columnu: butonları hizala */
.product-info { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }

/* buy-links: butonları tam genişlik (aside içinde maksimum 320px) */
.buy-links { width:100%; }
.buy-links .btn {
  width:100%;
  max-width:320px;            /* aside içinde maksimum genişlik */
  justify-content:flex-start; /* ikon + metin sol hizalı */
  padding:10px 14px;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(12,12,12,0.04);
  border:1px solid #eee;
  background:#fff;
  transition:transform .14s, box-shadow .14s;
}

/* eğer butonlar dar görünüyorsa inline-blocke zorla */
.buy-links .btn, .buy-links .btn > svg { display:inline-flex; align-items:center; }

/* ikon ve metin arası boşluk */
.buy-links .btn svg { margin-right:10px; flex:0 0 18px; }

/* Tüm Ürünlere Dön linki - küçük ghost buton stili */
.back-to-products {
  display:inline-block;
  padding:9px 12px;
  border-radius:10px;
  background:transparent;
  border:1px solid #e9e9ee;
  color:#4b2fa8;
  text-decoration:none;
  transition:background .14s, transform .12s;
}
.back-to-products:hover { background:#f9f8ff; transform:translateY(-2px); }

/* Footer logo kesin sınır (override oluyorsa !important ile zorla) */
.site-footer .footer-logo { max-height:120px; height:auto; width:auto; margin:0 auto; object-fit:contain; }

/* Eğer ana sayfadaki hero-brand çok büyükse */
.hero-brand .brand-logo, .brand-logo img { max-height:120px !important; width:auto !important; }

/* Footer: iconlar daha küçük, yan yana hizalı */
.footer-center .social-links { display:flex; gap:12px; align-items:center; justify-content:center; }
.footer-center .social-links img.social-icon { width:56px; height:56px; }

/* küçük ekranlarda aside içindeki butonların genişliği kontrolü */
@media(max-width:900px){
  .buy-links .btn { max-width:100%; }
  .product-info { width:100%; }
}

/* link varsayılan mavi görünümünü engelle */
a { color:inherit; }
a:link, a:visited { color:inherit; text-decoration:none; }



/* --- product detail: frame + image containment --- */
.carousel { overflow: hidden; }
.slides { display:flex; width:100%; transition:transform .35s ease; will-change:transform; }
.slide { min-width:100%; display:flex; align-items:center; justify-content:center; padding:12px; box-sizing:border-box; }
.image-frame {
  width:100%;
  max-width:760px;            /* genişlik sınırı */
  height: auto;
  background:#fff;
  padding:18px;
  border-radius:12px;
  box-shadow: 0 10px 30px rgba(12,12,12,0.05);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.product-slide-img {
  display:block;
  width:100%;
  height:auto;
  max-height:72vh;            /* dik ekranlarda taşmayı engeller */
  object-fit:contain;         /* görüntü tam görülsün, kırpma yok */
  border-radius:8px;
}

/* carousel controls (biraz daha belirgin) */
.carousel-controls { margin-top:12px; display:flex; gap:8px; align-items:center; justify-content:flex-start; }
.carousel-prev, .carousel-next {
  background:#fff; border:1px solid #eee; padding:8px 12px; border-radius:8px; cursor:pointer;
  box-shadow: 0 6px 18px rgba(12,12,12,0.04);
}
.carousel-prev:hover, .carousel-next:hover { transform:translateY(-3px); }

/* --- buy links: icon + text aynı satır, görselce hoş --- */
.buy-links { display:flex; flex-direction:column; gap:12px; margin-top:14px; }
.buy-links .btn {
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-radius:12px;
  background:#fff;
  border:1px solid #eee;
  text-decoration:none;
  color:inherit;
  box-shadow: 0 10px 30px rgba(12,12,12,0.04);
  transition: transform .14s ease, box-shadow .14s ease;
  max-width:360px;
  width:100%;
}
.buy-links .btn:hover { transform: translateY(-4px); box-shadow: 0 20px 50px rgba(12,12,12,0.07); }

.buy-links .btn .btn-icon { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; flex:0 0 22px; }
.buy-links .btn svg { display:block; width:18px; height:18px; }

/* small screens: butonlar tam genişlik */
@media(max-width:900px){
  .image-frame { padding:12px; max-width:100%; }
  .buy-links .btn { max-width:100%; }
}

/* Accessibility: focus styles */
.buy-links .btn:focus { outline: 3px solid rgba(255,107,107,0.12); outline-offset:3px; }

/* Back-to-products link */
.back-to-products {
  display:inline-block; padding:9px 12px; border-radius:10px; border:1px solid #e9e9ee;
  background:transparent; color:#444; text-decoration:none;
}
.back-to-products:hover { background:#f9f8ff; transform:translateY(-2px); }

/* If gardrops inline <text> renders odd, ensure fallback visibility minimal: */
.buy-links .btn svg text { font-family: Arial, Helvetica, sans-serif; font-weight:700; dominant-baseline:middle; text-anchor:middle; }