/* ============================================================
   LEZZET10DA — TABBED PRODUCT SHOWCASE
   Namespace: lz10tabs-
   ============================================================ */
.lz10tabs-root,.lz10tabs-root *,.lz10tabs-root *::before,.lz10tabs-root *::after{margin:0;padding:0;box-sizing:border-box}

.lz10tabs-root{
  --font:var(--panel-global-font, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --font-ed:var(--panel-baslik-font, var(--panel-global-font, "Playfair Display", Georgia, serif));
  --white:#FFFFFF;--cream:#FDFCF9;--sand:#F5F3EE;--sand-d:#EBE8E1;--stone:#D4D0C8;
  --text:#1A1A1A;--text-2:#4A4640;--text-3:#8A857C;
  --green:#4A6B2A;--green-h:#3B5621;--green-bg:rgba(74,107,42,.06);--olive:#6B7F3A;
  --badge:#9B2C2C;
  --sp-1:8px;--sp-2:13px;--sp-3:21px;--sp-4:34px;--sp-5:55px;--sp-6:89px;
  --r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;
  --ease:cubic-bezier(.4,0,.2,1);--dur:.25s;
  font-family:var(--font);color:var(--text);background:var(--cream);
  line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  padding:var(--sp-6) 0 var(--sp-4);
}

/* Anasayfa: lz10homehero-root (slider + temel kategoriler) hemen üstteyse boşluğu sıkılaştır */
.lz10homehero-root + .lz10tabs-root{
  padding-top:var(--sp-3);
}

@media(prefers-reduced-motion:reduce){.lz10tabs-root *{transition-duration:0s!important;animation-duration:0s!important}}

.lz10tabs-shell{max-width:1440px;margin:0 auto;padding:0 var(--sp-3)}
@media(min-width:1024px){.lz10tabs-shell{padding:0 var(--sp-5)}}

/* HEADER */
.lz10tabs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}
.lz10tabs-head__eyebrow{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:var(--sp-1)}
.lz10tabs-head__title{font-family:var(--font-ed);font-weight:600;font-size:clamp(26px,3vw,42px);line-height:1.15;letter-spacing:-.02em;color:var(--text)}
.lz10tabs-head__desc{font-size:15px;color:var(--text-3);margin-top:var(--sp-1);max-width:440px;line-height:1.6}

.lz10tabs-head__cta{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
  font-size:13.5px;font-weight:600;color:var(--green);
  padding:10px 20px;border:1px solid var(--sand-d);border-radius:100px;
  text-decoration:none;white-space:nowrap;
  transition:all var(--dur) var(--ease);
}
.lz10tabs-head__cta svg{width:14px;height:14px;transition:transform var(--dur) var(--ease)}
.lz10tabs-head__cta:hover{border-color:var(--green);background:var(--green-bg)}
.lz10tabs-head__cta:hover svg{transform:translateX(3px)}
.lz10tabs-head__cta:focus-visible{outline:2px solid var(--green);outline-offset:2px}

/* TABS NAV */
.lz10tabs-nav{margin-bottom:var(--sp-4);position:relative}
.lz10tabs-nav__track{
  display:flex;gap:var(--sp-1);
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
  padding-bottom:2px;
}
.lz10tabs-nav__track::-webkit-scrollbar{display:none}

.lz10tabs-nav__btn{
  font-family:var(--font);font-size:14px;font-weight:600;
  color:var(--text-3);white-space:nowrap;
  padding:10px 22px;border-radius:100px;
  border:1px solid transparent;background:transparent;
  cursor:pointer;transition:all var(--dur) var(--ease);
  flex-shrink:0;
}
.lz10tabs-nav__btn:hover{color:var(--text-2);background:var(--sand)}
.lz10tabs-nav__btn--active{color:var(--white);background:var(--green);border-color:var(--green)}
.lz10tabs-nav__btn--active:hover{background:var(--green-h)}
.lz10tabs-nav__btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}

/* PANELS */
.lz10tabs-panel{display:none}
.lz10tabs-panel--active{display:block;animation:lz10tabFade .35s var(--ease)}
@keyframes lz10tabFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* GRID */
.lz10tabs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}

/* CARD */
.lz10tabs-card{
  background:var(--white);border:1px solid var(--sand-d);border-radius:var(--r-lg);
  overflow:hidden;display:flex;flex-direction:column;
  transition:box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.lz10tabs-card:hover{box-shadow:0 8px 32px rgba(26,26,24,.07);border-color:var(--stone)}

.lz10tabs-card__link{display:block;text-decoration:none;color:inherit}
.lz10tabs-card__link:focus-visible{outline:2px solid var(--green);outline-offset:-2px;border-radius:var(--r-lg) var(--r-lg) 0 0}

.lz10tabs-card__media{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--sand)}

.lz10tabs-card__img{width:100%;height:100%;object-fit:contain;padding:var(--sp-3);transition:transform .4s var(--ease)}
.lz10tabs-card:hover .lz10tabs-card__img{transform:scale(1.04)}

.lz10tabs-card__ribbon{
  position:absolute;top:var(--sp-2);left:0;z-index:2;
  background:var(--green);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.04em;
  padding:5px 14px 5px 12px;
  border-radius:0 100px 100px 0;
}

.lz10tabs-card__badge{
  position:absolute;top:var(--sp-2);right:var(--sp-2);z-index:2;
  background:var(--badge);color:#fff;
  font-size:11.5px;font-weight:700;
  padding:4px 9px;border-radius:var(--r-sm);
  letter-spacing:.02em;line-height:1.3;
}

.lz10tabs-card__actions{
  position:absolute;bottom:var(--sp-2);right:var(--sp-2);z-index:2;
  display:flex;gap:5px;
  opacity:0;transform:translateY(6px);
  transition:all var(--dur) var(--ease);
}
.lz10tabs-card:hover .lz10tabs-card__actions{opacity:1;transform:translateY(0)}

.lz10tabs-card__action{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.92);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  border:1px solid var(--sand-d);border-radius:50%;
  cursor:pointer;color:var(--text-3);
  transition:all var(--dur) var(--ease);
}
.lz10tabs-card__action svg{width:17px;height:17px}
.lz10tabs-card__action:hover{border-color:var(--green);color:var(--green);background:var(--white)}
.lz10tabs-card__action:focus-visible{outline:2px solid var(--green);outline-offset:2px}

.lz10tabs-card__action--active{background-color:#f08183!important;color:#fff!important;border-color:#f08183!important}

.lz10tabs-card__body{padding:var(--sp-3);display:flex;flex-direction:column;gap:5px;flex:1}

.lz10tabs-card__brand{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}

.lz10tabs-card__name{font-size:15px;font-weight:600;line-height:1.35;color:var(--text)}
.lz10tabs-card__name a{color:inherit;text-decoration:none}
.lz10tabs-card__name a:hover{color:var(--green-h)}

.lz10tabs-card__stars{line-height:0;margin-top:2px}
.lz10tabs-card__stars svg{width:72px;height:13px}

.lz10tabs-card__pricing{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:var(--sp-1)}
.lz10tabs-card__old{font-size:13px;color:var(--text-3);text-decoration:line-through}
.lz10tabs-card__new{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.1}

.lz10tabs-card__stokout{
  font-size:13px;font-weight:600;color:var(--badge);
  margin-top:auto;padding-top:var(--sp-1);
}

.lz10tabs-card__login-warn{
  font-size:12px;color:var(--text-3);
  margin-top:auto;padding-top:var(--sp-1);
  display:flex;align-items:center;gap:4px;
}

.lz10tabs-card__cart{
  display:flex;align-items:center;justify-content:center;gap:7px;
  width:100%;height:46px;margin-top:var(--sp-2);
  border:none;border-radius:var(--r-md);
  background:var(--green);color:#fff;
  font-family:var(--font);font-size:13.5px;font-weight:700;
  cursor:pointer;transition:background var(--dur) var(--ease);
}
.lz10tabs-card__cart svg{width:17px;height:17px}
.lz10tabs-card__cart:hover{background:var(--green-h)}
.lz10tabs-card__cart:focus-visible{outline:2px solid var(--green);outline-offset:2px}

/* RESPONSIVE — TABLET */
@media(max-width:1024px){
  .lz10tabs-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}
}

/* RESPONSIVE — MOBILE */
@media(max-width:768px){
  .lz10tabs-root{padding:var(--sp-5) 0 var(--sp-3)}
  .lz10tabs-head{flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-4)}
  .lz10tabs-nav__btn{font-size:13px;padding:8px 18px}
  .lz10tabs-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}
  .lz10tabs-card__actions{opacity:1;transform:translateY(0)}
  .lz10tabs-card__action{width:32px;height:32px}
  .lz10tabs-card__action svg{width:15px;height:15px}
  .lz10tabs-card__body{padding:var(--sp-2)}
  .lz10tabs-card__name{font-size:13.5px}
  .lz10tabs-card__new{font-size:18px}
  .lz10tabs-card__cart{height:44px;font-size:13px}
}

@media(max-width:420px){
  .lz10tabs-card__img{padding:var(--sp-2)}
}