/* ============ CLOVES CAFE — ana sayfa stilleri ============
   Renkler: doğal taş sitesinin footer/topbar rengiyle aynı yeşil (#6a7058) — marka bütünlüğü için;
   zemin beyaz, koyu bölümler (footer, "neden biz", rezervasyon, iletişim) için --cf-dark/--cf-dark2.
   Yazı tipleri: Oswald (başlık) + Open Sans (gövde) */
:root{
  --cf-accent:#6a7058; --cf-accent-d:#575c48; --cf-accent-light:#9db48a;
  --cf-dark:#24252c; --cf-dark2:#1b1c22; --cf-light:#f6f6f4; --cf-bg:#ffffff;
  --cf-ink:#111; --cf-text:#777; --cf-border:#ece3d8;
}
*,*::before,*::after{ box-sizing:border-box; }
html:not(.lenis){ scroll-behavior:smooth; }
html.lenis, html.lenis body{ height:auto; }
.lenis.lenis-smooth{ scroll-behavior:auto !important; }
.lenis.lenis-stopped{ overflow:hidden; }
body.cf{
  margin:0; background:var(--cf-bg); color:var(--cf-text);
  font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; line-height:30px; font-weight:500;
  -webkit-font-smoothing:antialiased;
}
:where(.cf) a{ color:inherit; text-decoration:none; }
.cf h1,.cf h2,.cf h3,.cf h4{ font-family:'Oswald',Helvetica,Arial,sans-serif; font-weight:600; text-transform:uppercase; margin:0; color:var(--cf-ink); }
.cf p{ margin:0 0 20px; }
.cf ul{ list-style:none; margin:0; padding:0; }
.cf-wrap{ max-width:1328px; margin:0 auto; padding:0 12px; }

/* ---------- ortak parçalar ---------- */
.cf-eyebrow{ font-size:17px; line-height:25px; font-weight:600; text-transform:uppercase; color:var(--cf-accent); margin-bottom:8px; letter-spacing:.3px; }
/* koyu zemin/fotoğraf üzerindeki eyebrow'lar (hero, imza içecekler, neden biz, rezervasyon) daha açık tonla okunur kalır */
.cf-dark .cf-eyebrow, .cf-why .cf-eyebrow, .cf-reserve .cf-eyebrow, .cf-slide-in .cf-eyebrow{ color:var(--cf-accent-light); }
.cf-head h2{ font-size:48px; line-height:1.2; letter-spacing:-1.6px; }
.cf-btn{
  display:inline-block; background:var(--cf-accent); color:#fff !important; font-size:15px; font-weight:600;
  line-height:30px; padding:6px 30px; border:0; border-radius:3px; cursor:pointer; text-transform:none;
  transition:background .25s ease, transform .25s ease;
}
.cf-btn:hover{ background:var(--cf-accent-d); transform:translateY(-2px); }
.cf-btn-sm{ padding:4px 22px; font-size:14px; }
.cf-sec{ padding:130px 0; position:relative; }
.cf-light{ background:var(--cf-light); }
.cf-dark{ background:var(--cf-dark); color:rgba(255,255,255,.9); }
.cf-dark h2,.cf-dark h3,.cf-dark h4{ color:#fff; }
.cf-head-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:56px; }
.cf-head-row .cf-head{ margin:0; }

/* yer tutucu / görsel */
.cf-img{ position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .9s cubic-bezier(.2,.7,.2,1); }
.cf-ph{ background:linear-gradient(135deg,var(--a,#6b4a35),var(--b,#2c1d14)); }
.cf-ph::before{ content:''; position:absolute; inset:0; background:radial-gradient(circle at 30% 25%, rgba(255,214,170,.22), transparent 55%); }
.cf-ph::after{ content:''; position:absolute; inset:0; background:repeating-linear-gradient(45deg, rgba(255,255,255,.035) 0 2px, transparent 2px 12px); }
.cf-card-img,.cf-post-img{ position:relative; display:block; overflow:hidden; aspect-ratio:1/1; }
.cf-card:hover .cf-img,.cf-zoom:hover .cf-img,.cf-offer:hover .cf-img,.cf-post:hover .cf-img{ transform:scale(1.08); }

/* kaydırma efektleri (cafe.js / GSAP ScrollTrigger): eyebrow scaleIn, harf harf başlık,
   çizgi genişlemesi, fadeIn blokları ve "Neden Biz" pin bölümü */
.cf-title .cf-word{ display:inline-block; white-space:nowrap; }
.cf-title .cf-char{ display:inline-block; will-change:transform,opacity; }
.cf-divider{ display:block; width:100px; height:3px; background:var(--cf-accent-light); margin:26px 0 34px; transform-origin:center center; }
.cf-reserve .cf-divider,.cf-why .cf-divider{ margin-top:22px; }

/* ---------- duyuru şeridi (kayan, doğal taş sitesindeki topbar ile aynı mekanik) ---------- */
.cf-topbar{
  background:var(--cf-accent); color:#fff; font-family:'Oswald',sans-serif; font-size:12.5px;
  font-weight:500; letter-spacing:.04em; text-transform:uppercase; line-height:1.3; padding:14.4px 0; overflow:hidden; white-space:nowrap;
}
.cf-topbar-track{ display:inline-flex; animation:cf-topbar-marquee 22s linear infinite; will-change:transform; }
.cf-topbar:hover .cf-topbar-track{ animation-play-state:paused; }
.cf-topbar-msg{ display:inline-block; padding:0 20px; }
.cf-topbar-sep{ display:inline-flex; align-items:center; opacity:.65; padding:0 2px; }
.cf-topbar-sep svg{ width:8px; height:8px; stroke-width:2.2; }
@keyframes cf-topbar-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .cf-topbar-track{ animation:none; } }

/* ---------- header (doğal taş sitesindeki gibi: beyaz zemin, sticky, aynı dikey boşluk) ---------- */
.cf-header{ position:sticky; top:0; left:0; right:0; z-index:60; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.05); transition:box-shadow .3s ease; }
.cf-header.scrolled{ box-shadow:0 4px 18px rgba(0,0,0,.12); }
.cf-header-in{ max-width:1328px; margin:0 auto; padding:26px 12px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.cf-logo{ display:inline-flex; align-items:center; gap:8px; color:var(--cf-accent); font-family:'Oswald',sans-serif; font-size:27px; font-weight:700; letter-spacing:1px; text-transform:uppercase; transition:color .25s ease; }
.cf-logo svg{ height:42px; width:auto; display:block; }
.cf-logo-img{ display:block; width:auto; max-width:240px; }
.cf-logo:hover{ color:var(--cf-accent-d); }
.cf-logo-foot{ color:#fff; }
.cf-logo-foot svg{ height:52.5px; }
.cf-logo-foot .cf-logo-img{ height:auto; max-height:52.5px; }
.cf-logo-foot:hover{ color:#fff; }
.cf-logo-foot svg{ filter:url(#cfInnerGlow); } /* iç gölge (inner shadow): normalde görünür; üzerine gelince cafe.js ile 1 sn'de yavaşça kaybolur; renk değişmez */
.cf-nav{ display:flex; align-items:center; gap:34px; }
.cf-nav > ul{ display:flex; align-items:center; gap:34px; }
.cf-nav > ul > li{ position:relative; }
.cf-nav > ul > li > a{ display:block; padding:8px 0; font-family:'Oswald',sans-serif; font-size:15px; font-weight:500; line-height:1.4; text-transform:uppercase; color:var(--cf-ink); transition:color .2s; }
.cf-nav > ul > li > a:hover,.cf-nav > ul > li > a.is-active{ color:var(--cf-accent); }
.cf-nav li.has-sub > a{ display:flex; align-items:center; }
.cf-caret{ display:block; flex:none; width:6px; height:6px; margin-left:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); }
.cf-caret{ transition:transform .25s ease; }
.cf-nav li.open > a > .cf-caret{ transform:translateY(2px) rotate(-135deg); }
.cf-sub a{ display:block; padding:8px 24px; font-family:'Oswald',sans-serif; font-size:14px; text-transform:uppercase; color:var(--cf-ink); }
.cf-sub a:hover,.cf-sub a.is-active{ color:var(--cf-accent); }
/* masaüstü: alt menü, menü çubuğunun bittiği yerden başlar; sayfa genişliğinde, menü çubuğu yüksekliğinde; üstte iç gölge; bağlantılar ortalı */
@media (min-width:992px){
  .cf-nav > ul > li.has-sub{ position:static; }
  .cf-sub{ position:absolute; top:100%; left:0; right:0; width:100%; height:var(--cf-hdr-h,94px); display:flex; align-items:center; justify-content:center; gap:14px; padding:0 24px; background:#fff; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s; box-shadow:inset 0 14px 16px -12px rgba(20,25,12,.4), 0 14px 26px rgba(0,0,0,.08); border-radius:0; }
  .cf-nav li.open > .cf-sub{ opacity:1; visibility:visible; transform:none; transition-delay:0s; }
  .cf-sub a{ padding:10px 26px; font-size:15px; font-weight:500; letter-spacing:.3px; }
}
.cf-burger{ display:none; background:none; border:0; width:44px; height:44px; padding:10px; cursor:pointer; }
.cf-burger span{ display:block; height:2px; background:var(--cf-ink); margin:6px 0; transition:transform .3s, opacity .3s; }

/* ---------- ana sayfa: menü çubuğu banner'ın üzerinde, şeffaf durur (video/foto tam ekran görünsün); kaydırılınca normal beyaz çubuğa döner ---------- */
.cf-home .cf-header{ position:absolute; top:var(--cf-topbar-h,54px); left:0; right:0; background:transparent; box-shadow:none; transition:background .3s ease, box-shadow .3s ease; }
.cf-home .cf-header:not(.scrolled){ --cf-ink:#fff; }
.cf-home .cf-header:not(.scrolled) .cf-logo{ color:#fff; }
.cf-home .cf-header:not(.scrolled) .cf-logo:hover{ color:var(--cf-accent-light); }
.cf-home .cf-header:not(.scrolled) .cf-nav > ul > li > a.is-active{ color:var(--cf-accent-light); }
.cf-home .cf-header.scrolled{ position:fixed; top:0; background:#fff; box-shadow:0 4px 18px rgba(0,0,0,.12); }
/* mobilde açılan menü paneli her zaman beyaz zemin üzerinde durur; şeffaf üst çubuktaki beyaz yazı rengi buraya sızmasın */
@media (max-width:991px){
  .cf-home .cf-header:not(.scrolled) .cf-nav{ --cf-ink:#111; }
  .cf-home .cf-header:not(.scrolled) .cf-nav > ul > li > a.is-active{ color:var(--cf-accent); }
}

/* ---------- hero ---------- */
.cf-hero{ position:relative; min-height:max(640px, var(--cf-hero-h, 0px)); background:#1a1512; color:#fff; overflow:hidden; } /* --cf-hero-h: cafe.js, ekran yüksekliği - üst menü (bkz. main.js fitHero) */
.cf-slides,.cf-slide{ position:absolute; inset:0; }
.cf-slide{ opacity:0; visibility:hidden; transition:opacity 1.5s ease, visibility 0s linear 1.5s; }
.cf-slide.is-active{ opacity:1; visibility:visible; transition:opacity 1.5s ease; }
.cf-slide-bg.cf-img{ transform:scale(1.1); transition:transform 1.5s ease; }
.cf-slide.is-active .cf-slide-bg.cf-img{ transform:scale(1); }
.cf-slide-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; background:#161710; pointer-events:none; transform:scale(1.1); transition:transform 1.5s ease; }
.cf-slide.is-active .cf-slide-video{ transform:scale(1); }
.cf-slide-shade{ position:absolute; inset:0; background:linear-gradient(rgba(10,6,3,.45), rgba(10,6,3,.65)); }
.cf-slide-in{ position:relative; height:100%; max-width:960px; margin:0 auto; padding:60px 24px 110px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.cf-slide-in > *{ opacity:0; transform:translateY(26px); }
.cf-slide.is-active .cf-slide-in > *{ opacity:1; transform:none; transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.cf-slide.is-active .cf-slide-in > :nth-child(1){ transition-delay:.35s; }
.cf-slide.is-active .cf-slide-in > :nth-child(2){ transition-delay:.5s; }
.cf-slide.is-active .cf-slide-in > :nth-child(3){ transition-delay:.65s; }
.cf-slide.is-active .cf-slide-in > :nth-child(4){ transition-delay:.8s; }
.cf-slide.is-active .cf-slide-in > :nth-child(5){ transition-delay:.95s; }
.cf-slide-in .cf-eyebrow{ font-size:17px; }
.cf-slide-in h1{ color:#fff; font-size:72px; line-height:1.1; letter-spacing:-1.44px; margin-bottom:6px; }
.cf-rule{ display:block; width:60px; height:2px; background:var(--cf-accent-light); margin:22px auto 24px; }
.cf-slide-in p{ max-width:720px; color:rgba(255,255,255,.9); margin-bottom:28px; }
.cf-arrow{ position:absolute; top:50%; z-index:5; width:46px; height:46px; margin-top:-23px; background:none; border:0; cursor:pointer; opacity:.75; transition:opacity .2s, transform .2s; }
.cf-arrow:hover{ opacity:1; }
.cf-arrow svg{ width:100%; height:100%; stroke:#fff; stroke-width:1.6; fill:none; stroke-linecap:round; stroke-linejoin:round; padding:10px; }
.cf-arrow-prev{ left:24px; } .cf-arrow-next{ right:24px; }
.cf-arrow-prev:hover{ transform:translateX(-3px); } .cf-arrow-next:hover{ transform:translateX(3px); }
.cf-hero-info{ position:absolute; left:0; right:0; bottom:0; z-index:4; max-width:1328px; margin:0 auto; padding:0 12px 44px; display:grid; grid-template-columns:repeat(3,1fr); }
.cf-hero-info-item{ display:flex; align-items:center; justify-content:center; text-align:left; gap:16px; padding:0 30px; border-left:1px solid rgba(255,255,255,.22); font-size:13px; line-height:24px; color:#fff; }
.cf-hero-info-item:first-child{ border-left:0; }
.cf-hero-info-item span:not(.cf-ico){ display:block; }
.cf-ico{ flex:0 0 46px; width:46px; height:46px; color:var(--cf-accent-light); }
.cf-ico svg{ width:100%; height:100%; }

/* ---------- keşfedin ---------- */
.cf-discover{ overflow:hidden; }
.cf-deco{ position:absolute; top:0; right:0; width:285px; height:433px; pointer-events:none; }
.cf-discover .cf-wrap{ position:relative; z-index:1; }
.cf-discover .cf-head{ max-width:760px; margin-bottom:34px; }
.cf-cols2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px; max-width:1040px; }

/* ---------- hoş geldiniz / mozaik ---------- */
.cf-split{ display:grid; grid-template-columns:1.5fr 1fr; gap:48px; align-items:end; margin-bottom:56px; }
.cf-split .cf-head h2{ max-width:640px; }
.cf-split-p{ margin:0; max-width:420px; }
.cf-mosaic{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; max-width:1280px; margin:0 auto; }
.cf-tile{ position:relative; display:block; overflow:hidden; aspect-ratio:1/1; }
.cf-tile-big{ grid-column:1 / 3; grid-row:1 / 3; }
.cf-tile-over{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(20,15,10,.5); opacity:0; transition:opacity .35s ease; }
.cf-tile:hover .cf-tile-over{ opacity:1; }
.cf-tile:hover .cf-img{ transform:scale(1.2); }
.cf-tile-over .cf-btn{ transform:translateY(12px); transition:transform .35s ease, background .25s; }
.cf-tile:hover .cf-tile-over .cf-btn{ transform:none; }

/* ---------- kartlar (imza içecekler / fırsatlar) ---------- */
.cf-cards3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 40px; }
.cf-card h3,.cf-offer h3{ font-size:18px; line-height:28.8px; margin:22px 0 6px; }
.cf-card p{ color:rgba(255,255,255,.9); margin:0; }
.cf-offer h3{ font-size:20px; color:var(--cf-ink); }
.cf-offer p{ margin:0; }
.cf-badge{ position:absolute; top:16px; left:16px; z-index:2; background:var(--cf-accent); color:#fff; font-size:12px; font-weight:700; line-height:1; padding:8px 12px; text-transform:uppercase; letter-spacing:.5px; border-radius:2px; }

/* ---------- neden biz ---------- */
.cf-why{ overflow:hidden; color:rgba(255,255,255,.9); }
.cf-why-bg{ position:absolute; inset:0; }
.cf-fill.cf-img{ position:absolute; inset:0; }
.cf-why-shade{ position:absolute; inset:0; background:rgba(18,14,10,.72); }
.cf-why{ min-height:100vh; display:flex; align-items:center; padding:110px 0 80px; }
.cf-why-in{ position:relative; z-index:2; width:100%; display:grid; grid-template-columns:1fr 1.4fr; gap:64px; align-items:center; }
.cf-why h2,.cf-why h3{ color:#fff; }
.cf-feat{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px 40px; }
.cf-feat-ico{ display:block; width:77px; height:77px; color:var(--cf-accent-light); margin-bottom:16px; }
.cf-feat-ico svg{ width:100%; height:100%; stroke-width:1; }
.cf-feat-item h3{ font-size:22px; line-height:1.3; margin-bottom:8px; }
.cf-feat-item p{ margin:0; }

/* ---------- menü ---------- */
.cf-menu{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 40px; }
.cf-menu-item{ display:flex; align-items:flex-start; gap:20px; }
.cf-menu-thumb{ position:relative; flex:0 0 80px; width:80px; height:80px; border-radius:50%; overflow:hidden; }
.cf-menu-thumb.cf-img{ position:relative; inset:auto; }
.cf-menu-body{ flex:1; min-width:0; }
.cf-dotted{ display:flex; align-items:baseline; gap:12px; }
.cf-dotted h3{ font-size:20px; line-height:30px; white-space:nowrap; }
.cf-line{ flex:1; border-bottom:2px dotted #b9b2a7; transform:translateY(-4px); }
.cf-price{ font-weight:700; color:var(--cf-ink); font-size:16px; }
.cf-menu-body p{ margin:2px 0 0; }
.cf-tag{ display:inline-block; font-style:normal; font-size:11px; font-weight:700; line-height:1; text-transform:uppercase; color:var(--cf-accent); border:1px solid var(--cf-accent); padding:3px 7px; margin-left:6px; vertical-align:middle; border-radius:2px; }

/* ---------- iletişim kutuları ---------- */
.cf-contact{ padding:130px 0; }
.cf-info3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; text-align:center; }
.cf-info-ico{ display:block; width:80px; height:80px; margin:0 auto 22px; color:var(--cf-accent-light); }
.cf-info-ico svg{ width:100%; height:100%; stroke-width:1; }
.cf-info-box h4{ font-size:20px; line-height:32px; letter-spacing:-.2px; margin-bottom:8px; }
.cf-info-box p{ margin:0 0 4px; color:rgba(255,255,255,.9); }

/* ---------- rezervasyon ---------- */
.cf-reserve{ padding:130px 0; overflow:hidden; color:rgba(255,255,255,.9); }
.cf-reserve h2{ color:#fff; font-size:48px; line-height:1.2; letter-spacing:-1.6px; }
.cf-reserve-in{ position:relative; z-index:2; max-width:1328px; }
.cf-reserve-in > *{ max-width:560px; }
.cf-reserve-in p{ margin:14px 0 26px; }

/* ---------- blog ---------- */
.cf-blog{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; margin-top:52px; }
.cf-head + .cf-blog{ margin-top:52px; }
.cf-post{ display:flex; gap:30px; align-items:center; }
.cf-post-img{ flex:0 0 294px; width:294px; height:294px; aspect-ratio:auto; }
.cf-post-body{ min-width:0; }
.cf-post-tag{ display:inline-block; font-size:12px; font-weight:700; text-transform:uppercase; color:var(--cf-accent); letter-spacing:.5px; }
.cf-post h3{ font-size:24px; line-height:1.3; margin:6px 0 14px; letter-spacing:-.3px; }
.cf-post h3 a:hover{ color:var(--cf-accent); }
.cf-more{ font-weight:700; color:var(--cf-accent); }
.cf-more:hover{ color:var(--cf-accent-d); }

/* ---------- footer ---------- */
.cf-footer{ background:var(--cf-accent); color:rgba(255,255,255,.88); padding:80px 0 30px; text-align:center; box-shadow:inset 0 16px 20px -12px rgba(20,25,12,.45); } /* üst kenarda iç gölge: sitenin geri kalanından ayırır */
.cf-logo-foot{ margin-bottom:10px; }
.cf-foot-text{ margin:6px 0 26px; }
.cf .cf-foot-links{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px 34px; margin:0 0 46px; } /* .cf ul { margin:0 } kuralını geçmek için .cf ile birlikte */
.cf-foot-links a{ font-family:'Oswald',sans-serif; font-size:15px; text-transform:uppercase; color:#fff; transition:color .2s; }
.cf-foot-links a:hover{ color:#fff; text-decoration:underline; text-underline-offset:6px; }
.cf-social{ display:flex; justify-content:center; gap:18px; margin-bottom:44px; }
.cf-social a{ width:38px; height:38px; border:1px solid rgba(255,255,255,.55); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; text-transform:uppercase; color:#fff; line-height:1; transition:background .25s, border-color .25s; }
.cf-social a:hover{ background:#fff; border-color:#fff; color:var(--cf-accent); }
.cf-foot-bottom{ display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.28); padding-top:24px; font-size:13px; }
.cf-foot-bottom a:hover{ color:#fff; text-decoration:underline; text-underline-offset:4px; }

/* ---------- iç sayfa başlık bandı ---------- */
.cf-pagehead{ position:relative; overflow:hidden; background:#1a1512; color:#fff; text-align:center; }
.cf-pagehead-shade{ position:absolute; inset:0; background:linear-gradient(rgba(10,6,3,.55), rgba(10,6,3,.72)); }
.cf-pagehead-in{ position:relative; z-index:2; padding-top:90px; padding-bottom:90px; }
.cf-pagehead h1{ color:#fff; font-size:56px; line-height:1.1; letter-spacing:-1px; }
.cf-pagehead p.cf-pagehead-sub{ margin:14px auto 0; max-width:640px; color:rgba(255,255,255,.88); }
.cf-pagehead p.cf-crumb{ margin:18px 0 0; font-size:13px; line-height:24px; text-transform:uppercase; letter-spacing:.5px; color:rgba(255,255,255,.8); }
.cf-crumb a:hover{ color:var(--cf-accent-light); }
.cf-crumb span{ margin:0 10px; opacity:.6; }
.cf-crumb em{ font-style:normal; color:var(--cf-accent-light); }
.cf-feats-light .cf-feat{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 32px; }
.cf-cards4{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px 28px; }
.cf-product .cf-price{ display:block; margin:10px 0 6px; }
.cf-feats-light .cf-feat-ico{ color:var(--cf-accent); }

/* tembel yüklenen görseller: yüklenene kadar sakin bir zemin, gelince yumuşak belirir */
.cf-lazy{ background-color:#ecebe6; }
.cf-dark .cf-lazy{ background-color:#2d2e36; }

/* galeri büyütme penceresi */
.cf-lightbox{ position:fixed; inset:0; z-index:200; background:rgba(10,8,6,.92); display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; visibility:hidden; transition:opacity .25s ease, visibility 0s linear .25s; cursor:zoom-out; }
.cf-lightbox.open{ opacity:1; visibility:visible; transition:opacity .25s ease; }
.cf-lightbox img{ max-width:min(1100px,100%); max-height:100%; object-fit:contain; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.cf-lightbox-close{ position:absolute; top:14px; right:22px; width:44px; height:44px; background:none; border:0; color:#fff; font-size:34px; line-height:1; cursor:pointer; }

/* ---------- menü slider (Glide.js 3.6 çekirdek stilleri + cafe teması) ---------- */
.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}
.cf-mtabs{ display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin:0 0 46px; }
.cf-mtab{ font-family:'Oswald',sans-serif; font-size:15px; font-weight:500; letter-spacing:.6px; text-transform:uppercase; line-height:1; padding:14px 34px; border-radius:40px; border:1px solid var(--cf-border); background:#fff; color:var(--cf-ink); cursor:pointer; transition:background .22s, color .22s, border-color .22s, transform .22s; }
.cf-mtab:hover{ border-color:var(--cf-accent); color:var(--cf-accent); }
.cf-mtab.is-active{ background:var(--cf-accent); border-color:var(--cf-accent); color:#fff; }
.cf-mtab:active{ transform:scale(.96); }
.cf-mpanel{ display:none; }
.cf-mpanel.is-active{ display:block; animation:cf-panel-in .35s ease both; }
@keyframes cf-panel-in{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.cf-mempty{ text-align:center; padding:70px 20px 80px; margin:0; border:1px dashed #cfd5c4; border-radius:16px; background:var(--cf-light); color:var(--cf-text); }
@media (prefers-reduced-motion:reduce){ .cf-mpanel.is-active{ animation:none; } }
.cf-mglide{ position:relative; padding:0 64px; }
.cf-mslide{ padding:6px 0 4px; opacity:.5; transform:scale(.9); transition:opacity .32s ease-out, transform .32s ease-out; }
.cf-mslide.is-focus{ opacity:1; transform:scale(1); }
.cf-noanim .cf-mslide{ transition:none !important; }
.cf-mcard{ text-align:center; }
.cf-mcard-img{ position:relative; overflow:hidden; border-radius:16px; background:radial-gradient(circle at 50% 62%, #f4f6ef 0%, #e0e6d5 100%); }
.cf-mcard-img img{ display:block; width:100%; height:auto; mix-blend-mode:multiply; -webkit-user-drag:none; }
.cf-mcard-img .cf-badge{ top:14px; left:14px; }
.cf-mcard-cat{ display:block; margin-top:22px; font-size:12px; line-height:1; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:var(--cf-accent); }
.cf-mcard h3{ margin:10px 0 8px; font-size:24px; line-height:1.25; }
.cf-mcard p{ margin:0 auto 10px; max-width:340px; }
.cf-mcard-price{ display:inline-block; font-family:'Oswald',sans-serif; font-size:22px; font-weight:600; color:var(--cf-accent); }
.cf-marrow{ position:absolute; top:38%; z-index:5; width:48px; height:48px; margin-top:-24px; border-radius:50%; border:1px solid var(--cf-border); background:#fff; color:var(--cf-ink); cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(0,0,0,.1); transition:background .25s, color .25s, border-color .25s; }
.cf-marrow:hover{ background:var(--cf-accent); border-color:var(--cf-accent); color:#fff; }
.cf-marrow svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.cf-marrow-prev{ left:0; } .cf-marrow-next{ right:0; }
.cf-mbullets{ display:flex; justify-content:center; gap:10px; margin-top:34px; }
.cf-mbullets button{ width:11px; height:11px; padding:0; border:0; border-radius:50%; background:#d6dacb; cursor:pointer; transition:background .25s, transform .25s; }
.cf-mbullets button:hover{ background:var(--cf-accent-light); }
.cf-mbullets button.glide__bullet--active{ background:var(--cf-accent); transform:scale(1.35); }

/* ---------- menü sayfası: küçük fotoğraflı ürün listesi ---------- */
.cf-mlist-group + .cf-mlist-group{ margin-top:58px; }
.cf-mlist-cat{ font-size:26px; line-height:1.2; margin:0 0 28px; padding-bottom:14px; border-bottom:2px solid var(--cf-accent); }
.cf-mlist-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 56px; }
.cf-mlist-item{ display:flex; align-items:flex-start; gap:20px; }
.cf-mlist-thumb{ position:relative; flex:0 0 84px; width:84px; height:84px; border-radius:12px; overflow:hidden; background-color:#e3e8da; background-blend-mode:multiply; }
.cf-mlist-thumb.cf-img{ position:relative; inset:auto; background-size:cover; background-position:center 46%; }
.cf-mlist-item .cf-dotted h3{ font-size:19px; line-height:30px; white-space:nowrap; }
.cf-mlist-item p{ margin:2px 0 0; }

/* ---------- Menü Kitabı: kategori ayraçları + her ürün için renkli sayfa ---------- */
.cf-mb-intro{ text-align:center; padding:90px 0 56px; }
.cf-mb-intro .cf-divider{ margin:22px auto 24px; }
.cf-mb-intro p{ max-width:560px; margin:0 auto; }
.cf-mb-chips{ position:sticky; top:94px; z-index:30; background:rgba(255,255,255,.94); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-top:1px solid var(--cf-border); border-bottom:1px solid var(--cf-border); }
.cf-mb-chips .cf-wrap{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; padding-top:11px; padding-bottom:11px; }
.cf-mb-chips a{ font-family:'Oswald',sans-serif; font-size:13px; line-height:1; letter-spacing:.09em; text-transform:uppercase; padding:9px 18px; border:1px solid var(--cf-border); border-radius:30px; transition:border-color .2s, color .2s; }
.cf-mb-chips a:hover{ border-color:var(--cf-accent); color:var(--cf-accent); }
.cf-mb-chips em{ font-style:normal; margin-left:8px; opacity:.5; }

.cf-mb-cat{ position:relative; min-height:64vh; display:flex; align-items:center; overflow:hidden; color:#fff; scroll-margin-top:150px; }
.cf-mb-cat-shade{ position:absolute; inset:0; background:linear-gradient(rgba(14,12,10,.5), rgba(14,12,10,.72)); }
.cf-mb-cat-in{ position:relative; z-index:2; width:100%; }
.cf-mb-cat-no{ display:block; font-size:12px; letter-spacing:.3em; text-transform:uppercase; color:var(--cf-accent-light); margin-bottom:6px; }
.cf .cf-mb-cat h2{ font-family:'Open Sans',sans-serif; font-weight:300; text-transform:none; font-size:clamp(68px,12vw,160px); line-height:1; letter-spacing:-.04em; color:#fff; }
.cf-mb-cat p{ max-width:520px; margin:14px 0 20px; font-size:16px; color:rgba(255,255,255,.88); }
.cf-mb-cat-count{ display:inline-block; border:1px solid rgba(255,255,255,.45); border-radius:30px; padding:5px 15px; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; }

.cf-mb-item{ position:relative; overflow:hidden; background:var(--tone,#eeebe4); padding:76px 0; scroll-margin-top:150px; }
.cf-mb-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:56px; align-items:center; }
.cf-mb-item.is-flip .cf-mb-vis{ order:2; }
.cf-mb-vis{ position:relative; }
.cf-mb-num{ position:absolute; z-index:0; left:50%; top:47%; transform:translate(-50%,-50%); font-family:'Oswald',sans-serif; font-weight:600; font-size:clamp(220px,32vw,430px); line-height:1; color:transparent; -webkit-text-stroke:1.5px rgba(0,0,0,.15); pointer-events:none; user-select:none; }
.cf-mb-stage{ position:relative; aspect-ratio:5/6; max-width:680px; margin:0 auto; }
.cf-mb-stage img{ position:absolute; left:20%; top:4%; width:60%; height:auto; mix-blend-mode:multiply; -webkit-user-drag:none; opacity:0; transform:translateY(26px); transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.cf-mb-item.is-in .cf-mb-stage img{ opacity:1; transform:none; }
.cf-mb-call{ position:absolute; top:var(--y); left:var(--x,1%); width:var(--w,33%); height:0; color:rgba(20,20,20,.8); }
.cf-mb-call::before{ content:''; position:absolute; left:0; right:0; top:0; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left center; transition:transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0s); }
.cf-mb-call.r::before{ transform-origin:right center; }
.cf-mb-item.is-in .cf-mb-call::before{ transform:scaleX(1); }
.cf-mb-call::after{ content:''; position:absolute; top:-3.5px; width:8px; height:8px; border-radius:50%; background:var(--cf-accent); opacity:0; transition:opacity .4s ease calc(var(--d,0s) + .7s); }
.cf-mb-call.l::after{ right:-4px; } .cf-mb-call.r::after{ left:-4px; }
.cf-mb-item.is-in .cf-mb-call::after{ opacity:1; }
.cf-mb-call b{ position:absolute; bottom:9px; left:0; right:0; font:600 11px/1.3 'Open Sans',sans-serif; letter-spacing:.09em; text-transform:uppercase; opacity:0; transition:opacity .6s ease calc(var(--d,0s) + .3s); }
.cf-mb-call.r b{ text-align:right; }
.cf-mb-item.is-in .cf-mb-call b{ opacity:1; }
.cf-mb-call i{ font-style:normal; color:var(--cf-accent); margin-right:3px; }

.cf-mb-info{ display:flex; flex-direction:column; }
.cf-mb-info > *{ opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }
.cf-mb-item.is-in .cf-mb-info > *{ opacity:1; transform:none; }
.cf-mb-item.is-in .cf-mb-info > :nth-child(2){ transition-delay:.08s; } .cf-mb-item.is-in .cf-mb-info > :nth-child(3){ transition-delay:.14s; }
.cf-mb-item.is-in .cf-mb-info > :nth-child(4){ transition-delay:.2s; } .cf-mb-item.is-in .cf-mb-info > :nth-child(5){ transition-delay:.28s; }
.cf-mb-item.is-in .cf-mb-info > :nth-child(6){ transition-delay:.36s; } .cf-mb-item.is-in .cf-mb-info > :nth-child(7){ transition-delay:.44s; }
.cf-mb-idx{ display:block; font-size:11.5px; line-height:1.4; letter-spacing:.2em; text-transform:uppercase; color:rgba(0,0,0,.5); }
.cf .cf-mb-title{ font-family:'Open Sans',sans-serif; font-weight:300; text-transform:none; font-size:clamp(40px,5vw,68px); line-height:1.05; letter-spacing:-.03em; margin:14px 0; color:#1d1d1d; }
.cf-mb-badge{ display:inline-block; align-self:flex-start; background:var(--cf-accent); color:#fff; font-size:11px; line-height:1; font-weight:700; letter-spacing:.09em; text-transform:uppercase; padding:6px 11px; border-radius:2px; margin-bottom:14px; }
.cf-mb-desc{ max-width:440px; font-size:15px; color:rgba(0,0,0,.64); margin:0; }
.cf-mb-prof{ list-style:none; margin:26px 0 0; padding:0; max-width:380px; }
.cf-mb-prof li{ display:flex; align-items:center; justify-content:space-between; padding:7px 0; border-bottom:1px solid rgba(0,0,0,.1); font-size:13px; line-height:20px; color:rgba(0,0,0,.7); }
.cf-mb-prof em{ display:flex; gap:6px; }
.cf-mb-prof i{ width:10px; height:10px; border-radius:50%; border:1px solid rgba(0,0,0,.42); }
.cf-mb-prof i.on{ background:var(--cf-accent); border-color:var(--cf-accent); }
.cf-mb-price{ margin-top:24px; }
.cf-mb-price strong{ font-family:'Oswald',sans-serif; font-weight:500; font-size:46px; line-height:1; letter-spacing:-.01em; color:#1d1d1d; }
.cf-mb-opts{ list-style:none; margin:16px 0 0; padding:0; max-width:380px; }
.cf-mb-opts li{ display:flex; align-items:center; gap:12px; padding:7px 0; font-size:13.5px; line-height:20px; color:rgba(0,0,0,.72); }
.cf-mb-opts li::before{ content:''; width:7px; height:7px; background:var(--cf-accent); flex:0 0 auto; }
.cf-mb-opts span{ flex:1; } .cf-mb-opts em{ font-style:normal; font-weight:700; }

.cf-mb-rail{ position:fixed; right:20px; top:50%; transform:translateY(-50%); z-index:35; display:none; flex-direction:column; gap:15px; }
.cf-mb-rail.show{ display:flex; }
.cf-mb-rail a{ position:relative; width:9px; height:9px; border-radius:50%; background:rgba(0,0,0,.25); transition:transform .2s, background .2s; }
.cf-mb-rail a.on{ background:var(--cf-accent); transform:scale(1.55); }
.cf-mb-rail a span{ position:absolute; right:20px; top:50%; transform:translateY(-50%); white-space:nowrap; background:#1d1d1d; color:#fff; font-size:11px; line-height:1; padding:6px 10px; border-radius:3px; opacity:0; pointer-events:none; transition:opacity .2s; }
.cf-mb-rail a:hover span{ opacity:1; }
@media (max-width:1199px){ .cf-mb-rail{ display:none !important; } }
@media (prefers-reduced-motion:reduce){
  .cf-mb-stage img, .cf-mb-info > *{ opacity:1; transform:none; transition:none; }
  .cf-mb-call::before{ transform:scaleX(1); transition:none; } .cf-mb-call::after, .cf-mb-call b{ opacity:1; transition:none; }
}

/* ---------- iletişim: form + harita ---------- */
.cf-cs-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.cf-cs .cf-head h2{ font-size:42px; }
.cf-cs-form > p{ max-width:520px; }
.cf-form{ margin-top:26px; }
.cf-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.cf-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px; }
.cf-form label{ display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:600; line-height:1.4; color:var(--cf-ink); }
.cf-form-wide{ grid-column:1 / -1; }
.cf-form input, .cf-form textarea{ width:100%; font:inherit; font-size:14px; font-weight:500; line-height:1.5; color:var(--cf-ink); background:#fff; border:1px solid #d9d9d2; border-radius:3px; padding:12px 14px; outline:none; transition:border-color .2s, box-shadow .2s; }
.cf-form textarea{ resize:vertical; min-height:150px; }
.cf-form input:focus, .cf-form textarea:focus{ border-color:var(--cf-accent); box-shadow:0 0 0 3px rgba(106,112,88,.15); }
.cf-form input.is-bad, .cf-form textarea.is-bad{ border-color:#b3413f; }
.cf-form-foot{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:22px; }
.cf-form-foot .cf-btn[disabled]{ opacity:.6; cursor:wait; }
.cf-form-status{ margin:0; font-size:14px; line-height:1.5; flex:1; min-width:200px; }
.cf-form-status.is-ok{ color:#2c6a25; } .cf-form-status.is-err{ color:#b3413f; }
.cf-map{ position:relative; height:460px; border-radius:6px; overflow:hidden; background:#e7e7e1; }
.cf-map iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.cf-map-btn{ margin-top:20px; }

/* ---------- duyarlı ---------- */
@media (max-width:1199px){
  .cf-pagehead h1{ font-size:46px; }
  .cf-feats-light .cf-feat{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cf-cards4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cf-cs-grid{ grid-template-columns:1fr; gap:48px; }
  .cf-mb-grid{ grid-template-columns:1fr; gap:26px; }
  .cf-mb-item{ padding:54px 0; }
  .cf-mb-item.is-flip .cf-mb-vis{ order:0; }
  .cf-mb-vis{ margin-bottom:-19%; } /* mobil/tablet: fotoğraf ile bilgi arasındaki boşluğu (iki kademede ~%44) azaltır (yüzde = sütun genişliği) */
  .cf-mb-cat{ min-height:52vh; }
  .cf-mlist-grid{ grid-template-columns:1fr; gap:26px; }
  .cf-mglide{ padding:0 52px; }
  .cf-slide-in h1{ font-size:56px; }
  .cf-head h2,.cf-reserve h2{ font-size:42px; }
  .cf-post-img{ flex-basis:220px; width:220px; height:220px; }
}
@media (max-width:991px){
  .cf-sec,.cf-contact,.cf-reserve{ padding:90px 0; }
  .cf-burger{ display:block; }
  .cf-nav{ position:absolute; top:100%; left:0; right:0; background:#fff; flex-direction:column; align-items:stretch; gap:0; padding:8px 24px 24px; max-height:0; overflow:hidden; opacity:0; visibility:hidden; transition:all .35s ease; box-shadow:0 14px 24px rgba(0,0,0,.1); }
  .cf-nav.open{ max-height:80vh; opacity:1; visibility:visible; overflow:auto; }
  .cf-nav > ul{ flex-direction:column; align-items:stretch; gap:0; }
  .cf-nav > ul > li > a{ padding:12px 0; border-bottom:1px solid var(--cf-border); }
  .cf-sub{ position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; padding:0 0 0 14px; display:none; background:transparent; }
  .cf-nav li.has-sub.open > .cf-sub{ display:block; }
  .cf-slide-in h1{ font-size:44px; }
  .cf-hero-info{ display:none; }
  .cf-slide-in{ padding-top:50px; padding-bottom:40px; }
  .cf-cols2{ grid-template-columns:1fr; }
  .cf-split{ grid-template-columns:1fr; gap:14px; }
  .cf-mosaic{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cf-tile-big{ grid-column:1 / 3; grid-row:auto; }
  .cf-cards3{ grid-template-columns:1fr 1fr; }
  .cf-why{ min-height:0; padding:90px 0; }
  .cf-why-in{ grid-template-columns:1fr; gap:40px; }
  .cf-menu{ grid-template-columns:1fr; }
  .cf-info3{ grid-template-columns:1fr; gap:44px; }
  .cf-blog{ grid-template-columns:1fr; }
  .cf-deco{ display:none; }
}
@media (max-width:575px){
  .cf-pagehead h1{ font-size:34px; }
  .cf-pagehead-in{ padding-top:64px; padding-bottom:64px; }
  .cf-feats-light .cf-feat{ grid-template-columns:1fr; }
  .cf-cards4{ grid-template-columns:1fr; }
  .cf-form-grid{ grid-template-columns:1fr; }
  .cf-map{ height:340px; }
  .cf-cs .cf-head h2{ font-size:34px; }
  .cf-mb-call b{ font-size:9.5px; letter-spacing:.05em; }
  .cf-mb-price strong{ font-size:38px; }
  .cf-mb-chips a{ padding:8px 14px; font-size:12px; }
  .cf-mglide{ padding:0; }
  .cf-marrow{ top:34%; width:40px; height:40px; margin-top:-20px; }
  .cf-marrow-prev{ left:6px; } .cf-marrow-next{ right:6px; }
  .cf-mcard h3{ font-size:22px; }
  .cf-slide-in h1{ font-size:34px; letter-spacing:-.6px; }
  .cf-head h2,.cf-reserve h2{ font-size:34px; }
  .cf-cards3,.cf-feat{ grid-template-columns:1fr; }
  .cf-post{ flex-direction:column; align-items:flex-start; }
  .cf-post-img{ flex-basis:auto; width:100%; height:auto; aspect-ratio:1/1; }
  .cf-arrow{ display:none; }
  .cf-foot-bottom{ justify-content:center; text-align:center; }
}
@media (prefers-reduced-motion:reduce){
  .cf-slide-in > *{ opacity:1 !important; transform:none !important; transition:none !important; }
  .cf-slide-bg.cf-img,.cf-slide-video{ transition:none; transform:none; }
}

/* ---------- blog yazısı sayfası ---------- */
.cf-article-in{ max-width:780px; }
.cf-article p{ font-size:16px; line-height:1.95; color:#555; margin:0 0 24px; }
.cf-article-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:28px; padding-bottom:26px; border-bottom:1px solid var(--cf-border); font-family:'Oswald',sans-serif; font-size:13px; font-weight:500; letter-spacing:.4px; text-transform:uppercase; color:#8a8a80; }
.cf-article-avatar{ width:38px; height:38px; border-radius:50%; background:var(--cf-accent); color:#fff; font:600 14px/38px 'Oswald',sans-serif; text-align:center; text-transform:uppercase; }
.cf-article-who{ display:flex; flex-direction:column; margin-right:4px; text-transform:none; letter-spacing:0; }
.cf-article-who strong{ font-family:'Open Sans',sans-serif; font-size:14px; font-weight:700; color:var(--cf-ink); line-height:1.3; }
.cf-article-who em{ font-style:normal; font-size:12px; color:#999; }
.cf-article-dot{ width:3px; height:3px; border-radius:50%; background:#c9c9be; flex:none; }
.cf-article-lead{ font-family:'Oswald',sans-serif; font-size:20px; line-height:1.6; font-weight:500; color:var(--cf-ink); margin:0 0 34px; }
.cf-article-body h2{ font-size:26px; line-height:1.35; letter-spacing:-.3px; margin:48px 0 18px; }
.cf-article-body h2:first-child{ margin-top:0; }
.cf-article-body blockquote{ margin:34px 0; padding:22px 28px; border-left:3px solid var(--cf-accent); background:var(--cf-light); font-family:'Oswald',sans-serif; font-size:19px; font-weight:500; font-style:normal; line-height:1.6; color:var(--cf-ink); }
.cf-article-back{ margin-top:8px; }
.cf-post-excerpt{ font-size:14.5px; line-height:1.75; color:#888; margin:0 0 16px; }
.cf-article-related{ padding-top:100px; }
.cf-related-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; }
.cf-related-grid .cf-post{ flex-direction:column; align-items:stretch; }
.cf-related-grid .cf-post-img{ width:100%; flex:none; aspect-ratio:4/3; }
.cf-related-grid .cf-post h3{ font-size:19px; margin:14px 0 10px; }
@media (max-width:575px){
  .cf-article-meta{ font-size:12px; gap:8px; }
  .cf-article-lead{ font-size:18px; }
  .cf-article-body h2{ font-size:22px; margin-top:36px; }
  .cf-article-body blockquote{ font-size:17px; padding:18px 20px; }
}

/* =====================================================================
   MAĞAZA: araçlar (ara / hesap / sepet), arama paneli, sepet çekmecesi, sepet-sipariş ve hesap sayfaları
   ===================================================================== */
.cf-header-in .cf-nav{ margin-left:auto; }
.cf-tools{ display:flex; align-items:center; gap:2px; margin-left:12px; }
.cf-tool{ position:relative; width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; background:none; border:0; padding:0; color:var(--cf-ink); cursor:pointer; border-radius:50%; transition:color .2s ease, background .2s ease; }
.cf-tool svg{ width:23px; height:23px; display:block; }
.cf-tool:hover,.cf-tool[aria-expanded="true"]{ color:var(--cf-accent); }
.cf-tool:focus-visible{ outline:2px solid var(--cf-accent); outline-offset:1px; }
.cf-avatar{ width:29px; height:29px; border-radius:50%; background:var(--cf-accent); color:#fff; font:600 13px/29px 'Oswald',sans-serif; text-align:center; display:block; }
.cf-cart-count{ position:absolute; top:2px; right:0; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:var(--cf-accent); color:#fff; font:700 11px/18px 'Open Sans',sans-serif; text-align:center; box-shadow:0 0 0 2px #fff; }

/* arama paneli — "Hakkımızda" alt menüsüyle aynı: menü çubuğunun bittiği yerden, tam genişlikte, üstte iç gölge */
.cf-search{ position:absolute; top:100%; left:0; right:0; background:#fff; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .25s ease, transform .25s ease, visibility 0s linear .25s; box-shadow:inset 0 14px 16px -12px rgba(20,25,12,.4), 0 18px 30px rgba(0,0,0,.1); }
.cf-search.open{ opacity:1; visibility:visible; transform:none; transition-delay:0s; }
.cf-search-bar{ height:var(--cf-hdr-h,94px); display:flex; align-items:center; justify-content:center; padding:0 24px; }
.cf-search-box{ width:50%; min-width:320px; max-width:100%; position:relative; display:flex; align-items:center; }
.cf-search-box > svg{ position:absolute; left:16px; width:20px; height:20px; color:#8a8a80; pointer-events:none; }
.cf-search-box input{ width:100%; height:52px; font:inherit; font-size:16px; font-weight:500; color:var(--cf-ink); background:#fff; border:1px solid #d9d9d2; border-radius:3px; padding:0 48px 0 46px; outline:none; transition:border-color .2s, box-shadow .2s; -webkit-appearance:none; appearance:none; }
.cf-search-box input::-webkit-search-cancel-button{ display:none; }
.cf-search-box input:focus{ border-color:var(--cf-accent); box-shadow:0 0 0 3px rgba(106,112,88,.16); }
.cf-search-x{ position:absolute; right:6px; width:38px; height:38px; background:none; border:0; border-radius:50%; font-size:15px; color:#777; cursor:pointer; }
.cf-search-x:hover{ color:var(--cf-ink); background:#f1f1ec; }
.cf-search-res{ width:50%; min-width:320px; max-width:100%; margin:0 auto; max-height:min(56vh,520px); overflow-y:auto; overscroll-behavior:contain; padding:0 4px 22px; }
.cf-res-hint{ margin:0; padding:2px 2px 4px; font-size:14px; line-height:1.6; color:#777; }
.cf-res-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.cf-res-chip{ font:inherit; font-size:13px; font-weight:600; color:var(--cf-accent); background:#f4f5ef; border:1px solid #e3e5da; border-radius:20px; padding:4px 14px; cursor:pointer; }
.cf-res-chip:hover{ background:var(--cf-accent); color:#fff; }
.cf-res-group h4{ margin:14px 0 4px; padding-bottom:6px; border-bottom:1px solid var(--cf-border); font-family:'Oswald',sans-serif; font-size:13px; font-weight:600; letter-spacing:.9px; text-transform:uppercase; color:var(--cf-accent); }
.cf-res-group h4 em{ font-style:normal; color:#aaa; margin-left:4px; }
.cf-res{ display:flex; align-items:center; gap:10px; }
.cf-res-link{ flex:1; min-width:0; display:flex; align-items:center; gap:14px; padding:8px 8px; border-radius:4px; color:var(--cf-ink); transition:background .15s; }
.cf-res-link:hover,.cf-res-link.is-sel{ background:#f4f5ef; }
.cf-res-img{ flex:none; width:52px; height:52px; border-radius:4px; background:#eee center/cover no-repeat; }
.cf-res-ph{ display:flex; align-items:center; justify-content:center; background:var(--cf-accent); color:#fff; font:600 18px 'Oswald',sans-serif; }
.cf-res-txt{ flex:1; min-width:0; display:flex; flex-direction:column; }
.cf-res-txt strong{ font-size:15px; line-height:1.35; font-weight:600; }
.cf-res-txt small{ font-size:12.5px; line-height:1.4; color:#777; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cf-res mark{ background:rgba(157,180,138,.45); color:inherit; padding:0; border-radius:2px; }
.cf-res-price{ flex:none; font-weight:700; font-size:14px; color:var(--cf-ink); }
.cf-res-add{ flex:none; font:inherit; font-size:12.5px; font-weight:700; color:var(--cf-accent); background:#fff; border:1px solid var(--cf-accent); border-radius:3px; padding:5px 12px; cursor:pointer; transition:background .2s, color .2s; }
.cf-res-add:hover{ background:var(--cf-accent); color:#fff; }
.cf-res-add[disabled]{ opacity:.6; cursor:wait; }

/* adet düğmeleri */
.cf-qty{ display:inline-flex; align-items:center; border:1px solid #d9d9d2; border-radius:3px; background:#fff; }
.cf-qty button{ width:30px; height:30px; padding:0; font:inherit; font-size:17px; line-height:1; color:var(--cf-ink); background:none; border:0; cursor:pointer; }
.cf-qty button:hover{ background:#f1f1ec; }
.cf-qty output{ min-width:30px; text-align:center; font-size:14px; font-weight:700; color:var(--cf-ink); }
.cf-btn-ghost{ background:transparent; color:var(--cf-accent) !important; box-shadow:inset 0 0 0 1px var(--cf-accent); }
.cf-btn-ghost:hover{ background:var(--cf-accent); color:#fff !important; }
.cf-btn[disabled]{ opacity:.6; cursor:wait; }
.cf-add{ margin-top:6px; }
.cf-product{ scroll-margin-top:150px; }
.cf-product:target{ animation:cf-flash 1.8s ease 1; }
@keyframes cf-flash{ 0%,60%{ box-shadow:0 0 0 3px rgba(106,112,88,.5); } 100%{ box-shadow:0 0 0 3px rgba(106,112,88,0); } }

/* sepet çekmecesi */
html.cf-lock{ overflow:hidden; }
.cf-scrim{ position:fixed; inset:0; z-index:95; background:rgba(17,17,17,.45); opacity:0; transition:opacity .3s ease; }
.cf-scrim.show{ opacity:1; }
.cf-drawer{ position:fixed; top:0; right:0; bottom:0; z-index:100; width:min(430px,100vw); background:#fff; display:flex; flex-direction:column; transform:translateX(102%); visibility:hidden; transition:transform .35s cubic-bezier(.2,.7,.2,1), visibility 0s linear .35s; box-shadow:-18px 0 40px rgba(0,0,0,.18); }
.cf-drawer.open{ transform:none; visibility:visible; transition-delay:0s; }
.cf-drawer-head{ display:flex; align-items:center; justify-content:space-between; padding:20px 24px; border-bottom:1px solid var(--cf-border); }
.cf-drawer-head strong{ font-family:'Oswald',sans-serif; font-size:20px; font-weight:600; letter-spacing:.4px; text-transform:uppercase; color:var(--cf-ink); }
.cf-drawer-x{ width:38px; height:38px; background:none; border:0; border-radius:50%; font-size:16px; color:#777; cursor:pointer; }
.cf-drawer-x:hover{ color:var(--cf-ink); background:#f1f1ec; }
.cf-drawer-body{ flex:1; overflow-y:auto; overscroll-behavior:contain; padding:6px 24px; }
.cf-dr-list{ list-style:none; margin:0; padding:0; }
.cf-dr-item{ display:flex; gap:14px; padding:16px 0; border-bottom:1px solid var(--cf-border); }
.cf-dr-thumb{ flex:none; width:70px; height:70px; border-radius:4px; background:#eee center/cover no-repeat; }
.cf-dr-noimg{ background:linear-gradient(135deg,#6b4a35,#2c1d14); }
.cf-dr-info{ flex:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.cf-dr-info strong{ font-size:14.5px; line-height:1.35; color:var(--cf-ink); }
.cf-dr-info em{ font-style:normal; font-size:13px; color:#888; line-height:1.2; }
.cf-dr-info .cf-qty{ margin-top:4px; }
.cf-dr-info .cf-qty button{ width:26px; height:26px; }
.cf-dr-side{ display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; }
.cf-dr-side b{ font-size:15px; color:var(--cf-ink); }
.cf-dr-del{ background:none; border:0; padding:0; font:inherit; font-size:12.5px; color:#999; text-decoration:underline; cursor:pointer; }
.cf-dr-del:hover{ color:#b3413f; }
.cf-dr-empty{ text-align:center; padding:70px 10px; color:#888; }
.cf-dr-empty svg{ width:54px; height:54px; color:#c8c8be; }
.cf-dr-empty p{ margin:12px 0 6px; }
.cf-drawer-foot{ padding:0 24px; }
.cf-drawer-foot:not(:empty){ padding:16px 24px 22px; border-top:1px solid var(--cf-border); background:#fafaf7; }
.cf-dr-free{ margin:0 0 6px; font-size:13px; line-height:1.5; color:#666; }
.cf-dr-free.is-ok{ color:#2c6a25; font-weight:600; }
.cf-dr-bar{ display:block; height:5px; border-radius:3px; background:#e6e6de; overflow:hidden; margin-bottom:12px; }
.cf-dr-bar i{ display:block; height:100%; background:var(--cf-accent); border-radius:3px; transition:width .35s ease; }
.cf-dr-sub{ display:flex; justify-content:space-between; align-items:baseline; margin:8px 0 14px; font-size:15px; color:var(--cf-ink); }
.cf-dr-sub strong{ font-size:22px; }
.cf-dr-go{ display:block; text-align:center; width:100%; }
.cf-dr-more{ display:block; width:100%; margin-top:10px; background:none; border:0; font:inherit; font-size:13px; color:#777; text-decoration:underline; cursor:pointer; }
.cf-toast{ position:fixed; left:50%; bottom:28px; z-index:120; max-width:min(92vw,460px); transform:translate(-50%,20px); opacity:0; pointer-events:none; background:#24252c; color:#fff; font-size:14px; line-height:1.5; padding:12px 20px; border-radius:4px; transition:opacity .25s, transform .25s; }
.cf-toast.show{ opacity:1; transform:translate(-50%,0); }

/* form parçaları (sepet / hesap) */
.cf-form small{ font-weight:400; color:#8a8a80; }
.cf-form input[type=checkbox],.cf-form input[type=radio]{ width:auto; padding:0; margin:3px 0 0; flex:none; accent-color:var(--cf-accent); box-shadow:none; }
.cf-form .cf-check{ flex-direction:row; align-items:flex-start; gap:10px; font-weight:500; font-size:13px; color:#555; cursor:pointer; }
.cf-form-grid + .cf-form-grid{ margin-top:18px; }
.cf-form-grid.cf-one{ grid-template-columns:1fr; }
.cf-form input[disabled]{ background:#f4f4ef; color:#888; }

/* sepet ve sipariş */
.cf-co{ background:#fafaf7; }
.cf-co-grid{ display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:36px; align-items:start; margin:0; }
.cf-co-main{ display:flex; flex-direction:column; gap:22px; min-width:0; }
.cf-co-side{ position:sticky; top:calc(var(--cf-hdr-h,94px) + 22px); }
.cf-co-card{ background:#fff; border:1px solid var(--cf-border); border-radius:6px; padding:26px 28px; }
.cf-co-card h3{ display:flex; align-items:center; gap:10px; margin:0 0 18px; font-size:20px; line-height:1.3; }
.cf-co-card h3 i{ flex:none; width:28px; height:28px; border-radius:50%; background:var(--cf-accent); color:#fff; font:600 14px/28px 'Oswald',sans-serif; text-align:center; font-style:normal; }
.cf-co-card h3 small{ font-family:'Open Sans',sans-serif; font-size:13px; font-weight:400; color:#999; }
.cf-co-items{ list-style:none; margin:0; padding:0; }
.cf-co-item{ display:grid; grid-template-columns:64px minmax(0,1fr) auto 84px 30px; align-items:center; gap:16px; padding:14px 0; border-bottom:1px solid var(--cf-border); }
.cf-co-item:last-child{ border-bottom:0; padding-bottom:0; }
.cf-co-thumb{ position:relative; width:64px; height:64px; border-radius:4px; overflow:hidden; }
.cf-co-info{ display:flex; flex-direction:column; min-width:0; line-height:1.4; }
.cf-co-info strong{ color:var(--cf-ink); font-size:15px; }
.cf-co-info em{ font-style:normal; color:#888; font-size:13px; }
.cf-co-line{ text-align:right; color:var(--cf-ink); font-size:15px; }
.cf-co-del{ width:30px; height:30px; background:none; border:0; border-radius:50%; color:#999; cursor:pointer; }
.cf-co-del:hover{ color:#b3413f; background:#f8ecec; }
.cf-co-login{ margin:0; padding:14px 18px; background:#f1f4ea; border-left:3px solid var(--cf-accent); font-size:14px; line-height:1.6; color:#555; }
.cf-co-login a{ color:var(--cf-accent); font-weight:700; text-decoration:underline; }
.cf-co-choices{ display:grid; gap:10px; }
.cf-form .cf-co-choice{ flex-direction:row; align-items:flex-start; gap:12px; padding:14px 16px; border:1px solid #d9d9d2; border-radius:4px; cursor:pointer; font-weight:500; transition:border-color .2s, background .2s; }
.cf-form .cf-co-choice[hidden]{ display:none; }
.cf-co-choice span{ display:flex; flex-direction:column; gap:2px; }
.cf-co-choice strong{ color:var(--cf-ink); font-size:15px; }
.cf-co-choice em{ font-style:normal; font-size:13px; line-height:1.55; color:#777; font-weight:400; }
.cf-co-choice:has(input:checked){ border-color:var(--cf-accent); background:#f6f8f1; box-shadow:0 0 0 1px var(--cf-accent); }
.cf-co-addr[hidden]{ display:none; }
.cf-co-notefield textarea{ min-height:90px; }
.cf-co-note{ margin:14px 0 0; font-size:12.5px; line-height:1.6; color:#8a8a80; }
.cf-co-sum h3{ margin-bottom:14px; }
.cf-co-rows{ margin:0; }
.cf-co-rows > div{ display:flex; justify-content:space-between; padding:9px 0; font-size:15px; color:#555; border-bottom:1px dashed var(--cf-border); }
.cf-co-rows dt,.cf-co-rows dd{ margin:0; }
.cf-co-rows .is-total{ border-bottom:0; font-size:20px; color:var(--cf-ink); font-weight:700; padding-top:14px; }
.cf-co-free{ margin:0 0 14px; font-size:13px; color:#2c6a25; }
.cf-co-free:empty{ display:none; }
.cf-co-err{ margin:14px 0 0; padding:10px 14px; background:#fbeeee; border-left:3px solid #b3413f; color:#8f2f2d; font-size:13.5px; line-height:1.55; }
.cf-co-err[hidden]{ display:none; }
.cf-co-submit{ display:block; width:100%; margin-top:16px; text-align:center; padding:10px 20px; font-size:16px; }
.cf-form input.is-bad,.cf-form textarea.is-bad{ border-color:#b3413f; }
.cf-co-empty,.cf-co-done{ max-width:720px; margin:0 auto; text-align:center; }
.cf-co-empty p,.cf-co-done p{ margin:0 0 18px; line-height:1.8; }
.cf-co-bag svg{ width:76px; height:76px; color:#c8c8be; }
.cf-co-tick{ display:inline-flex; width:74px; height:74px; margin-bottom:8px; border-radius:50%; background:var(--cf-accent); color:#fff; font-size:38px; line-height:1; align-items:center; justify-content:center; }
.cf-co-no{ font-size:17px; color:var(--cf-ink); }
.cf-co-bank{ text-align:left; margin:0 0 20px; padding:14px 18px; background:#f1f4ea; border-left:3px solid var(--cf-accent); }
.cf-co-bank p{ margin:6px 0 0; }
.cf-co-done .cf-co-card{ text-align:left; margin-bottom:18px; }
.cf-co-mini{ list-style:none; margin:0 0 6px; padding:0; }
.cf-co-mini li{ display:flex; justify-content:space-between; gap:14px; padding:8px 0; border-bottom:1px solid var(--cf-border); font-size:14.5px; color:#555; }
.cf-co-mini em{ font-style:normal; color:#999; }
.cf-co-mini b{ color:var(--cf-ink); white-space:nowrap; }
.cf-co-meta{ margin:12px 0 0; font-size:13.5px; line-height:1.8; color:#666; }
.cf-co-mailnote{ font-size:13.5px; color:#777; }
.cf-co-actions{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* hesap */
.cf-acc{ background:#fafaf7; min-height:50vh; }
.cf-acc-flash{ max-width:900px; margin:0 auto 22px; padding:12px 18px; border-left:3px solid; font-size:14px; line-height:1.55; }
.cf-acc-flash.is-ok{ background:#eef6ec; border-color:#2c6a25; color:#245a1f; }
.cf-acc-flash.is-err{ background:#fbeeee; border-color:#b3413f; color:#8f2f2d; }
.cf-acc-auth{ max-width:720px; margin:0 auto; }
.cf-acc-switch{ display:flex; margin-bottom:-1px; }
.cf-acc-switch button{ flex:1; padding:14px 10px; font-family:'Oswald',sans-serif; font-size:16px; font-weight:500; letter-spacing:.6px; text-transform:uppercase; color:#888; background:#efefe9; border:1px solid var(--cf-border); border-bottom-color:transparent; cursor:pointer; transition:color .2s, background .2s; }
.cf-acc-switch button.is-on{ color:var(--cf-accent); background:#fff; border-bottom-color:#fff; }
.cf-acc-auth .cf-acc-pane{ display:none; border-radius:0 0 6px 6px; margin:0; }
.cf-acc-auth:not(.is-reg) [data-pane="giris"], .cf-acc-auth.is-reg [data-pane="uye"]{ display:block; }
.cf-acc-auth .cf-form-foot{ margin-top:20px; }
.cf-acc-layout{ display:grid; grid-template-columns:250px minmax(0,1fr); gap:30px; align-items:start; }
.cf-acc-nav{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--cf-border); border-radius:6px; overflow:hidden; }
.cf-acc-nav a,.cf-acc-nav button{ display:flex; justify-content:space-between; align-items:center; text-align:left; padding:14px 18px; font:inherit; font-size:14.5px; font-weight:600; line-height:1.4; color:var(--cf-ink); background:none; border:0; border-bottom:1px solid var(--cf-border); cursor:pointer; width:100%; }
.cf-acc-nav form{ margin:0; } .cf-acc-nav form button{ border-bottom:0; color:#b3413f; }
.cf-acc-nav a:hover,.cf-acc-nav a.is-on{ color:var(--cf-accent); background:#f6f8f1; }
.cf-acc-nav em{ font-style:normal; font-size:12px; color:#fff; background:var(--cf-accent); border-radius:10px; padding:0 8px; }
.cf-acc-h3{ margin-top:30px !important; }
.cf-ord{ border:1px solid var(--cf-border); border-radius:4px; margin-bottom:12px; }
.cf-ord summary{ display:grid; grid-template-columns:auto 1fr auto auto; gap:6px 18px; align-items:center; padding:14px 16px; cursor:pointer; list-style:none; font-size:14px; }
.cf-ord summary::-webkit-details-marker{ display:none; }
.cf-ord-no{ font-weight:700; color:var(--cf-ink); }
.cf-ord-date{ color:#888; font-size:13px; }
.cf-ord-st{ font-size:12px; font-weight:700; padding:2px 10px; border-radius:12px; background:#eef0e6; color:#575c48; white-space:nowrap; }
.cf-ord-st.is-iptal{ background:#f6e4e4; color:#8f2f2d; } .cf-ord-st.is-tamamlandi{ background:#e4f1e2; color:#245a1f; } .cf-ord-st.is-yeni{ background:#fdf3d8; color:#8a6a10; }
.cf-ord .cf-co-mini,.cf-ord .cf-co-meta{ padding:0 16px; }
.cf-ord .cf-co-meta{ padding-bottom:14px; }

@media (max-width:1199px){
  .cf-co-grid{ grid-template-columns:minmax(0,1fr) 340px; gap:26px; }
}
@media (max-width:991px){
  .cf-tools{ order:2; margin-left:auto; }
  .cf-burger{ order:3; margin-right:-10px; }
  .cf-search-bar{ height:76px; padding:0 16px; }
  .cf-search-box,.cf-search-res{ width:100%; min-width:0; }
  .cf-search-res{ padding:0 16px 20px; }
  .cf-co-grid{ grid-template-columns:1fr; }
  .cf-co-side{ position:static; }
  .cf-acc-layout{ grid-template-columns:1fr; }
  .cf-acc-nav{ flex-direction:row; flex-wrap:wrap; }
  .cf-acc-nav a,.cf-acc-nav button{ flex:1 1 auto; width:auto; border-right:1px solid var(--cf-border); justify-content:center; gap:8px; }
}
@media (max-width:575px){
  .cf-tool{ width:38px; height:38px; }
  .cf-tool svg{ width:22px; height:22px; }
  .cf-co-card{ padding:20px 16px; }
  .cf-co-item{ grid-template-columns:54px minmax(0,1fr) auto; gap:10px 12px; }
  .cf-co-thumb{ width:54px; height:54px; }
  .cf-co-line{ grid-column:2; text-align:left; }
  .cf-co-item .cf-co-del{ grid-column:3; grid-row:1; }
  .cf-co-item .cf-qty{ grid-column:3; grid-row:2; }
  .cf-res-add{ display:none; }
  .cf-ord summary{ grid-template-columns:1fr auto; }
}

/* mağaza: ürün paket seçeneği (açılır menü) */
.cf-opt{ display:flex; flex-direction:column; gap:5px; margin:12px auto 12px; max-width:240px; text-align:left; }
.cf-opt span{ font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.4px; color:var(--cf-accent); }
.cf-opt select{ width:100%; padding:9px 34px 9px 12px; border:1px solid var(--cf-border); border-radius:4px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236a7058' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center; -webkit-appearance:none; appearance:none; font:inherit; font-size:14px; color:var(--cf-ink); cursor:pointer; }
.cf-opt select:focus{ outline:2px solid var(--cf-accent-light); outline-offset:1px; }

/* mağaza kartı bağlantıları */
.cf-offer h3 a{ color:inherit; } .cf-offer h3 a:hover{ color:var(--cf-accent); }
a.cf-card-img{ display:block; }
.cf-detail-link{ display:inline-block; margin-top:10px; font-size:13.5px; }
.cf-offer .cf-add{ margin-right:4px; }

/* ürün detay sayfası */
.cf-pd-back{ display:inline-block; margin-bottom:22px; }
.cf-pd-grid{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:48px; align-items:start; }
.cf-pd-media{ position:relative; aspect-ratio:1/1; border-radius:6px; overflow:hidden; background:var(--cf-light); }
.cf-pd-media .cf-img{ position:absolute; inset:0; }
.cf-pd-name{ font-size:clamp(26px, 3.2vw, 38px); line-height:1.2; margin:4px 0 12px; }
.cf-pd-price{ display:block; font-family:'Oswald',sans-serif; font-size:28px; font-weight:600; color:var(--cf-accent); margin-bottom:14px; }
.cf-pd-short{ margin:0 0 20px; line-height:1.7; }
.cf-opt-wide{ max-width:none; margin:0 0 16px; }
.cf-pd-actions{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin:6px 0 24px; }
.cf-pd-actions .cf-btn{ padding:10px 34px; font-size:15px; }
.cf-pd-actions .cf-qty output{ min-width:34px; text-align:center; }
.cf-pd-info{ list-style:none; margin:0; padding:18px 0 0; border-top:1px solid var(--cf-border); display:grid; gap:9px; font-size:14px; }
.cf-pd-info li{ position:relative; padding-left:22px; } .cf-pd-info li::before{ content:'✓'; position:absolute; left:0; color:var(--cf-accent); font-weight:700; }
.cf-pd-desc{ margin-top:56px; padding-top:36px; border-top:1px solid var(--cf-border); max-width:820px; }
.cf-pd-desc h2, .cf-pd-related h2{ font-size:24px; margin-bottom:18px; }
.cf-pd-desc p{ margin:0 0 16px; line-height:1.85; font-size:15.5px; }
.cf-pd-related{ margin-top:64px; }
@media (max-width:860px){ .cf-pd-grid{ grid-template-columns:1fr; gap:26px; } .cf-pd-desc{ margin-top:40px; } }

/* mağaza ürün görselleri kırpılmadan, tamamı görünecek şekilde sığdırılır */
.cf-product .cf-card-img, .cf-pd-media{ background:var(--cf-light); }
.cf-product .cf-card-img .cf-img, .cf-pd-media .cf-img{ background-size:contain; background-repeat:no-repeat; background-position:center; }
.cf-product:hover .cf-card-img .cf-img, .cf-pd-media:hover .cf-img{ transform:none; }

/* mağaza kategori butonları */
.cf-shop-cats{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 0 34px; }
.cf-shop-cat{ display:inline-flex; align-items:center; gap:8px; padding:8px 20px; border:1px solid var(--cf-border); border-radius:30px; font-family:'Oswald',sans-serif; font-size:14px; font-weight:500; text-transform:uppercase; letter-spacing:.3px; color:var(--cf-ink); background:#fff; transition:all .2s ease; }
.cf-shop-cat em{ font-style:normal; font-family:'Open Sans',sans-serif; font-size:12px; color:var(--cf-text); }
.cf-shop-cat:hover{ border-color:var(--cf-accent); color:var(--cf-accent); }
.cf-shop-cat.is-active{ background:var(--cf-accent); border-color:var(--cf-accent); color:#fff; } .cf-shop-cat.is-active em{ color:rgba(255,255,255,.8); }
.cf-eyebrow a{ color:inherit; } .cf-eyebrow a:hover{ text-decoration:underline; }

/* ürün detay: fotoğraf galerisi + büyütme (slayt) */
.cf-pd-gal{ min-width:0; }
button.cf-pd-media{ display:block; width:100%; padding:0; border:none; cursor:zoom-in; font:inherit; }
.cf-pd-zoomico{ position:absolute; right:14px; bottom:14px; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.92); color:var(--cf-ink); display:flex; align-items:center; justify-content:center; box-shadow:0 2px 10px rgba(0,0,0,.15); transition:background .2s, color .2s; z-index:2; } .cf-pd-zoomico svg{ width:20px; height:20px; }
button.cf-pd-media:hover .cf-pd-zoomico{ background:var(--cf-accent); color:#fff; }
.cf-pd-thumbs{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.cf-pd-thumb{ width:72px; height:72px; border:2px solid transparent; border-radius:4px; background:var(--cf-light) center/cover no-repeat; cursor:pointer; padding:0; opacity:.75; transition:all .2s; } .cf-pd-thumb:hover{ opacity:1; } .cf-pd-thumb.is-active{ border-color:var(--cf-accent); opacity:1; }
.cf-lb{ position:fixed; inset:0; z-index:5000; display:flex; flex-direction:column; background:rgba(14,14,16,.96); color:#fff; animation:cfLbIn .22s ease; }
.cf-lb[hidden]{ display:none; }
@keyframes cfLbIn{ from{ opacity:0; } to{ opacity:1; } }
.cf-lb-top{ display:flex; align-items:center; gap:14px; padding:14px 20px; flex:0 0 auto; }
.cf-lb-count{ font-size:13px; letter-spacing:.08em; color:rgba(255,255,255,.75); min-width:60px; }
.cf-lb-title{ flex:1; text-align:center; font-family:'Oswald',sans-serif; font-weight:500; font-size:16px; letter-spacing:.5px; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cf-lb-x{ width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.08); color:#fff; font-size:16px; cursor:pointer; margin-left:auto; } .cf-lb-x:hover{ background:var(--cf-accent); border-color:var(--cf-accent); }
.cf-lb-stage{ position:relative; flex:1; min-height:0; display:flex; align-items:center; justify-content:center; padding:0 64px; }
.cf-lb-stage img{ max-width:100%; max-height:100%; object-fit:contain; user-select:none; -webkit-user-drag:none; }
.cf-lb-nav{ position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border-radius:50%; border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.1); color:#fff; font-size:28px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; padding-bottom:4px; } .cf-lb-nav:hover{ background:var(--cf-accent); border-color:var(--cf-accent); }
.cf-lb-prev{ left:10px; } .cf-lb-next{ right:10px; }
.cf-lb-nav[hidden], .cf-lb-strip[hidden], .cf-lb-count[hidden]{ display:none; }
.cf-lb-strip{ display:flex; justify-content:center; gap:10px; padding:12px 16px 18px; flex:0 0 auto; overflow-x:auto; }
.cf-lb-th{ flex:0 0 64px; height:64px; border:2px solid transparent; border-radius:4px; background:#222 center/cover no-repeat; opacity:.55; cursor:pointer; padding:0; transition:all .2s; } .cf-lb-th:hover{ opacity:.9; } .cf-lb-th.is-active{ border-color:#fff; opacity:1; }
@media (max-width:640px){ .cf-lb-stage{ padding:0 8px; } .cf-lb-nav{ width:40px; height:40px; background:rgba(0,0,0,.45); } .cf-lb-prev{ left:6px; } .cf-lb-next{ right:6px; } .cf-lb-title{ font-size:14px; } }

/* mağaza kartları: aynı satırdaki tüm kartlar aynı yükseklikte; görsel, başlık, fiyat ve düğmeler aynı hizada başlar/biter */
.cf-cards4{ align-items:stretch; }
.cf-cards4 > .cf-product{ display:flex; flex-direction:column; height:100%; }
.cf-product > a.cf-card-img{ flex:0 0 auto; width:100%; }
.cf-product h3{ line-height:1.3; margin:18px 0 8px; min-height:2.6em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cf-product > p{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:4.8em; line-height:1.6; }
.cf-product-foot{ margin-top:auto; padding-top:14px; display:flex; flex-direction:column; gap:10px; }
.cf-product-foot .cf-price{ display:block; }
.cf-product-act{ min-height:74px; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }

/* canlı destek (WhatsApp) — doğal taş sitesindekiyle aynı pencere; cafe'de sepet çekmecesinin altında kalır */
/* ================= HIZLI İLETİŞİM (WhatsApp) ================= */
.qc{ position:fixed; bottom:22px; z-index:95; display:flex; flex-direction:column; gap:12px; }
.qc-right{ right:22px; align-items:flex-end; } .qc-left{ left:22px; align-items:flex-start; }
.qc-fab{ width:58px; height:58px; border-radius:50%; border:none; background:#25d366; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(37,211,102,.45); transition:transform .2s ease, box-shadow .2s ease; }
.qc-fab svg{ width:32px; height:32px; }
.qc-fab:hover{ transform:scale(1.07); }
.qc:not(.is-open) .qc-fab::after{ content:''; position:absolute; width:58px; height:58px; border-radius:50%; border:2px solid #25d366; animation:qcPulse 2.4s ease-out infinite; pointer-events:none; }
.qc-fab{ position:relative; }
@keyframes qcPulse{ 0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(1.6); opacity:0; } }
@media (prefers-reduced-motion:reduce){ .qc:not(.is-open) .qc-fab::after{ animation:none; display:none; } }
.qc-panel{ width:min(330px, calc(100vw - 32px)); background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 16px 48px rgba(0,0,0,.25); animation:qcIn .22s ease; }
.qc-panel[hidden]{ display:none; }
@keyframes qcIn{ from{ opacity:0; transform:translateY(10px) scale(.98); } to{ opacity:1; transform:none; } }
.qc-head{ display:flex; align-items:center; gap:12px; background:#075e54; color:#fff; padding:14px 16px; position:relative; }
.qc-head strong{ display:block; font-size:15px; } .qc-head small{ display:flex; align-items:center; gap:6px; font-size:12px; opacity:.85; margin-top:2px; }
.qc-dot{ width:8px; height:8px; border-radius:50%; background:#4ade80; display:inline-block; }
.qc-avatar{ width:42px; height:42px; border-radius:50%; background:#25d366; display:flex; align-items:center; justify-content:center; flex:0 0 auto; } .qc-avatar svg{ width:24px; height:24px; }
.qc-x{ margin-left:auto; background:none; border:none; color:#fff; font-size:15px; cursor:pointer; opacity:.8; align-self:flex-start; } .qc-x:hover{ opacity:1; }
.qc-body{ padding:16px; background:#ece5dd; display:flex; flex-direction:column; gap:12px; }
.qc-bubble{ margin:0; background:#fff; border-radius:0 10px 10px 10px; padding:11px 14px; font-size:14px; line-height:1.55; color:#222; box-shadow:0 1px 2px rgba(0,0,0,.08); }
.qc-wa{ display:flex; align-items:center; justify-content:center; gap:10px; background:#25d366; color:#fff; border-radius:30px; padding:12px 18px; font-weight:600; font-size:14.5px; } .qc-wa svg{ width:22px; height:22px; } .qc-wa:hover{ background:#1ebe5b; }
.qc-text{ width:100%; border:none; border-radius:10px; padding:11px 14px; font:inherit; font-size:14px; line-height:1.5; resize:none; background:#fff; color:#222; box-shadow:0 1px 2px rgba(0,0,0,.08); } .qc-text:focus{ outline:2px solid #25d366; }
.qc-call{ text-align:center; font-size:13.5px; color:#075e54; text-decoration:underline; }
@media (max-width:640px){ .qc{ bottom:16px; } .qc-right{ right:14px; } .qc-left{ left:14px; } .qc-fab{ width:54px; height:54px; }  }

/* canlı destek sohbet kutusu */
.qc-msgs{ display:flex; flex-direction:column; gap:8px; max-height:min(300px, 42vh); min-height:90px; overflow-y:auto; padding-right:2px; scroll-behavior:smooth; }
.qc-bubble{ max-width:88%; word-wrap:break-word; white-space:pre-wrap; }
.qc-bubble small{ display:block; text-align:right; font-size:10.5px; color:#8a8a8a; margin-top:3px; }
.qc-bubble.qc-me{ align-self:flex-end; background:#d9fdd3; border-radius:10px 0 10px 10px; }
.qc-bubble.qc-them{ align-self:flex-start; }
.qc-form{ display:flex; align-items:flex-end; gap:8px; position:relative; }
.qc-form .qc-text, .qc-form textarea{ flex:1; border:none; border-radius:20px; padding:10px 14px; font:inherit; font-size:14px; line-height:1.4; resize:none; background:#fff; color:#222; max-height:110px; box-shadow:0 1px 2px rgba(0,0,0,.08); }
.qc-form textarea:focus{ outline:2px solid #25d366; }
.qc-send{ width:40px; height:40px; border-radius:50%; border:none; background:#25d366; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; flex:0 0 auto; } .qc-send svg{ width:19px; height:19px; } .qc-send:disabled{ opacity:.5; }
.qc-trap{ position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0; }
.qc-err{ margin:0; font-size:12.5px; color:#b3261e; }
.qc-contact{ background:#fff; border-radius:10px; padding:10px 12px; font-size:12.5px; line-height:1.5; color:#444; } .qc-contact em{ color:#888; }
.qc-contact div{ display:flex; gap:6px; margin-top:6px; } .qc-contact input{ flex:1; min-width:0; border:1px solid #ddd; border-radius:8px; padding:7px 10px; font:inherit; font-size:13px; } .qc-contact button{ border:none; background:#075e54; color:#fff; border-radius:8px; padding:0 12px; cursor:pointer; font-size:13px; }
.qc-ok{ margin:0; color:#256b3c; }
.qc-badge{ position:absolute; top:-4px; right:-4px; min-width:20px; height:20px; border-radius:10px; background:#e5383b; color:#fff; font-size:11px; font-weight:600; display:flex; align-items:center; justify-content:center; padding:0 5px; border:2px solid #fff; }
.qc-badge[hidden]{ display:none; }

.cf .qc{ z-index:90; font-family:'Open Sans',system-ui,sans-serif; }
.cf .qc button, .cf .qc textarea, .cf .qc input{ font-family:inherit; }
.cf .qc p{ margin:0; }
.cf .qc strong{ text-transform:none; }

/* mağaza ürün görselleri: beyaz zemin + 2px yeşil çerçeve */
.cf-product .cf-card-img, .cf-pd-media{ background:#fff; border:2px solid var(--cf-accent); border-radius:6px; box-sizing:border-box; }
.cf-pd-thumb{ background-color:#fff; }
.cf-product .cf-card-img .cf-img, .cf-pd-media .cf-img, .cf-pd-media .cf-lazy{ background-color:#fff; }   /* yüklenirken görünen gri zemin de beyaz */

/* ürün görselleri çerçevenin içinde %20 daha büyük görünür (kenarlardaki boş beyazlık çerçeveyle kırpılır) */
.cf-product .cf-card-img .cf-img, .cf-pd-media .cf-img,
.cf-product:hover .cf-card-img .cf-img, .cf-pd-media:hover .cf-img{ transform:scale(1.2); transform-origin:center; transition:none; }

/* ---------- üye hesabı (cafe/hesap.php): genel bakış, sipariş takibi, adresler, fatura ---------- */
.cf-acc [hidden]{ display:none !important; }
.cf-form select{ width:100%; font:inherit; font-size:14px; font-weight:500; color:var(--cf-ink); background:#fff; border:1px solid #d9d9d2; border-radius:3px; padding:12px 14px; outline:none; }
.cf-form select:focus{ border-color:var(--cf-accent); box-shadow:0 0 0 3px rgba(106,112,88,.15); }
.cf-acc-body > .cf-co-card, .cf-acc-body > .cf-acc-two{ margin-bottom:22px; }
.cf-acc-me{ display:flex; align-items:center; gap:12px; padding:18px; background:#f6f8f1; border-bottom:1px solid var(--cf-border); }
.cf-acc-me strong{ display:block; font-size:15px; line-height:1.3; } .cf-acc-me small{ display:block; font-size:12.5px; color:#8a8a80; word-break:break-all; }
.cf-acc-avatar{ flex:0 0 46px; width:46px; height:46px; border-radius:50%; background:var(--cf-accent); color:#fff; display:flex; align-items:center; justify-content:center; font-family:'Oswald',sans-serif; font-size:17px; letter-spacing:.5px; }
.cf-acc-nav em.is-warn{ background:#b3413f; }
.cf-acc-need{ margin:0 0 16px; padding:12px 16px; background:#f6f8f1; border-left:3px solid var(--cf-accent); font-size:14px; line-height:1.6; color:#444; }
.cf-acc-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:20px; }
.cf-acc-kpi{ display:flex; flex-direction:column; gap:4px; padding:16px 18px; background:#f6f8f1; border-radius:6px; color:var(--cf-ink); transition:background .2s; }
a.cf-acc-kpi:hover{ background:#e9eedd; }
.cf-acc-kpi strong{ font-family:'Oswald',sans-serif; font-size:26px; font-weight:500; line-height:1.2; } .cf-acc-kpi span{ font-size:12.5px; color:#777; }
.cf-acc-pct{ margin-left:auto; font-family:'Open Sans',sans-serif; font-size:14px; color:var(--cf-accent); }
.cf-acc-bar{ height:8px; background:#eceee6; border-radius:6px; overflow:hidden; margin:0 0 14px; } .cf-acc-bar i{ display:block; height:100%; background:var(--cf-accent); border-radius:6px; }
.cf-acc-checks{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:6px 18px; font-size:14px; color:#777; } .cf-acc-checks li.is-done{ color:#2c6a25; } .cf-acc-checks a{ color:var(--cf-accent); text-decoration:underline; }
.cf-acc-ord{ display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:16px; padding:14px 16px; margin-bottom:10px; border:1px solid var(--cf-border); border-radius:6px; color:var(--cf-ink); transition:border-color .2s, box-shadow .2s; }
.cf-acc-ord:hover{ border-color:var(--cf-accent); box-shadow:0 6px 18px rgba(106,112,88,.12); } .cf-acc-ord small{ display:block; color:#8a8a80; font-size:12.5px; margin-top:2px; } .cf-acc-ord b{ white-space:nowrap; }
.cf-acc-back{ display:inline-block; margin-bottom:12px; font-size:14px; }
.cf-acc-ordhead{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:6px; } .cf-acc-ordhead small{ color:#8a8a80; }
.cf-acc-steps{ list-style:none; margin:22px 0 6px; padding:0; display:grid; grid-template-columns:repeat(4,1fr); }
.cf-acc-steps li{ position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; font-size:12.5px; color:#8a8a80; }
.cf-acc-steps li i{ position:relative; z-index:1; width:34px; height:34px; border-radius:50%; background:#f1f1ea; border:2px solid #d9d9d2; display:flex; align-items:center; justify-content:center; font-style:normal; font-size:13px; font-weight:600; color:#999; }
.cf-acc-steps li::before{ content:''; position:absolute; top:16px; left:-50%; width:100%; height:2px; background:#d9d9d2; } .cf-acc-steps li:first-child::before{ display:none; }
.cf-acc-steps li.is-done::before, .cf-acc-steps li.is-current::before{ background:var(--cf-accent); }
.cf-acc-steps li.is-done i{ background:var(--cf-accent); border-color:var(--cf-accent); color:#fff; }
.cf-acc-steps li.is-current i{ background:#fff; border-color:var(--cf-accent); color:var(--cf-accent); box-shadow:0 0 0 4px rgba(106,112,88,.18); }
.cf-acc-steps li.is-done, .cf-acc-steps li.is-current{ color:var(--cf-ink); font-weight:600; }
.cf-acc-note{ margin:16px 0 0; padding:12px 16px; background:#f6f8f1; border-radius:6px; font-size:14px; line-height:1.6; } .cf-acc-note.is-warn{ background:#fbeeee; color:#8f2f2d; }
.cf-acc-two{ display:grid; grid-template-columns:1fr 1fr; gap:22px; } .cf-acc-two .cf-co-card{ margin:0; }
.cf-acc-cardhead{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.cf-acc-addrs{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; }
.cf-acc-addr{ border:1px solid var(--cf-border); border-radius:6px; padding:16px 18px; display:flex; flex-direction:column; gap:8px; } .cf-acc-addr.is-default{ border-color:var(--cf-accent); background:#fafcf6; }
.cf-acc-addr-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; } .cf-acc-addr p{ margin:0; font-size:14px; line-height:1.7; color:#666; flex:1; }
.cf-acc-pill{ font-style:normal; font-size:11.5px; padding:3px 10px; border-radius:20px; white-space:nowrap; } .cf-acc-pill.is-green{ background:#eef6ec; color:#2c6a25; } .cf-acc-pill.is-blue{ background:#eaf0f8; color:#35609b; }
.cf-acc-addr-act{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; font-size:13px; } .cf-acc-addr-act form{ display:inline; margin:0; }
.cf-acc-addr-act a, .cf-acc-addr-act button{ background:none; border:none; padding:0; cursor:pointer; color:var(--cf-accent); font:inherit; font-size:13px; font-weight:600; } .cf-acc-addr-act .is-danger{ color:#b3413f; }
.cf-acc-req{ font-family:'Open Sans',sans-serif; font-size:11px; font-weight:600; background:#fbeeee; color:#b3413f; border-radius:20px; padding:2px 10px; margin-left:6px; text-transform:none; }
.cf-acc-radios{ display:flex; gap:26px; flex-wrap:wrap; margin-bottom:16px; }
.cf-acc-billaddr{ border-top:1px solid var(--cf-border); margin-top:18px; padding-top:16px; }
.cf-acc-billopt{ margin-bottom:8px; align-items:flex-start; } .cf-acc-billopt span{ font-size:14px; line-height:1.5; }
.cf-acc-danger{ border-color:#e6bcbc; background:#fffafa; } .cf-acc-danger h3{ color:#8f2f2d; }
.cf-acc-danger-btn{ background:#b3413f !important; } .cf-acc-danger-btn:hover{ background:#8f2f2d !important; }
.cf-co-gatecard p{ font-size:14px; line-height:1.7; color:#666; margin:0 0 18px; } .cf-co-gatecard .cf-btn{ display:block; text-align:center; margin-top:10px; }
@media (max-width:991px){
  .cf-acc-layout{ grid-template-columns:1fr; gap:18px; }
  .cf-acc-nav{ flex-direction:row; flex-wrap:wrap; } .cf-acc-me{ flex:1 1 100%; }
  .cf-acc-nav a, .cf-acc-nav button{ width:auto; flex:1 1 auto; border-bottom:0; border-right:1px solid var(--cf-border); justify-content:center; gap:8px; padding:12px 14px; }
  .cf-acc-nav form{ flex:1 1 auto; } .cf-acc-nav form button{ width:100%; }
  .cf-acc-kpis{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){ .cf-acc-two, .cf-acc-checks{ grid-template-columns:1fr; } .cf-acc-ord{ grid-template-columns:1fr auto; } .cf-acc-ord b{ grid-column:1 / -1; } .cf-acc-steps li{ font-size:11px; } }

.qc-hbtns{ margin-left:auto; display:flex; align-items:center; gap:8px; align-self:flex-start; }
.qc-hbtns .qc-x{ margin-left:0; }
.qc-new{ background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.35); color:#fff; border-radius:16px; padding:4px 11px; font-size:12px; cursor:pointer; white-space:nowrap; line-height:1.4; }
.qc-new:hover{ background:rgba(255,255,255,.28); } .qc-new[hidden]{ display:none; }