/* ============================================================
   LEZZET10DA — HOMEPAGE HERO + CATEGORIES
   Namespace: lz10homehero-
   ============================================================ */
.lz10homehero-root,.lz10homehero-root *,.lz10homehero-root *::before,.lz10homehero-root *::after{margin:0;padding:0;box-sizing:border-box}

.lz10homehero-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;
  --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(--panel-slider-bg, var(--cream));
  line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

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

/* ============================================================
   SLIDER
   ============================================================ */
.lz10homehero-slider{
  position:relative;
  width:min(100%, var(--panel-slider-width, 100%));
  margin:var(--panel-slider-margin, 0px) auto;
  border-radius:var(--panel-slider-round, 0px);
  overflow:hidden;
}

.lz10homehero-slider__track{position:relative;width:100%;aspect-ratio:16/6;min-height:var(--panel-slider-height, 620px)}

.lz10homehero-slide{
  position:absolute;inset:0;
  background:var(--slide-bg,var(--sand-d));
  background-size:cover;
  background-position:top center;
  display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;
  transition:opacity .6s var(--ease),visibility .6s var(--ease);
  overflow:hidden;
}

.lz10homehero-slide--active{opacity:1;visibility:visible}

.lz10homehero-slide__overlay{
  position:absolute;inset:0;
  background:rgba(0,0,0,0.6);
  z-index:1;
}

.lz10homehero-slide__fulllink{
  position:absolute;inset:0;
  z-index:9;
  display:block;
}

.lz10homehero-slide__inner{
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);
  position:relative;
  z-index:5;
}

.lz10homehero-slide__tag{
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-3);background:rgba(255,255,255,.5);
  padding:5px 14px;border-radius:100px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}

.lz10homehero-slide__label{
  font-family:var(--panel-slider-baslik-font, var(--font-ed));font-weight:var(--panel-slider-baslik-weight, 600);
  font-size:var(--panel-slider-baslik-size, clamp(22px,2.8vw,40px));letter-spacing:-.01em;line-height:1.2;
}

.lz10homehero-slide__dim{
  font-family:var(--panel-slider-spot-font, var(--font));
  font-size:var(--panel-slider-spot-size, clamp(14px,1.2vw,18px));font-weight:var(--panel-slider-spot-weight, 600);
  letter-spacing:.06em;font-variant-numeric:tabular-nums;
  padding:8px 20px;border-radius:var(--r-sm);
  margin-top:var(--sp-1);
}

.lz10homehero-slide__sub{
  font-size:clamp(11px,.9vw,13px);letter-spacing:.02em;margin-top:var(--sp-1);
}

.lz10homehero-slide__cta{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:var(--sp-3);
  padding:12px 28px;
  border-radius:100px;
  font-size:15px;font-weight:600;
  text-decoration:none;
  transition:all var(--dur) var(--ease);
  z-index:10;
  position:relative;
}

/* ============================================================
   CONTROLS
   ============================================================ */
.lz10homehero-controls{
  position:absolute;bottom:var(--sp-3);left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:var(--sp-4);
  background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(212,208,200,.5);
  border-radius:100px;padding:8px 10px 8px 10px;
  z-index:10;
}

.lz10homehero-controls__left{display:flex;align-items:center;gap:var(--sp-2)}
.lz10homehero-controls__right{display:flex;align-items:center;gap:var(--sp-2)}

.lz10homehero-controls__arrow{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--sand-d);border-radius:50%;background:var(--white);
  color:var(--text);cursor:pointer;transition:all var(--dur) var(--ease);flex-shrink:0;
}
.lz10homehero-controls__arrow svg{width:16px;height:16px}
.lz10homehero-controls__arrow:hover{border-color:var(--green);color:var(--green)}
.lz10homehero-controls__arrow:focus-visible{outline:2px solid var(--green);outline-offset:2px}

.lz10homehero-controls__counter{
  display:flex;align-items:baseline;gap:4px;
  font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;
  min-width:48px;justify-content:center;
}
.lz10homehero-controls__current{color:var(--text);font-size:16px}
.lz10homehero-controls__sep{color:var(--stone);font-weight:400}
.lz10homehero-controls__total{color:var(--text-3);font-size:13px}

/* Progress */
.lz10homehero-progress{
  width:80px;height:3px;background:var(--sand-d);border-radius:3px;overflow:hidden;flex-shrink:0;
}
.lz10homehero-progress__bar{
  height:100%;width:0;background:var(--panel-slider-dots, var(--green));border-radius:3px;
  transition:none;
}
.lz10homehero-progress__bar--running{
  animation:lz10Progress 6s linear forwards;
}
@keyframes lz10Progress{from{width:0}to{width:100%}}

/* Play/pause */
.lz10homehero-controls__playpause{
  width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  border:none;border-radius:50%;background:transparent;color:var(--text-3);
  cursor:pointer;transition:color var(--dur) var(--ease);flex-shrink:0;
}
.lz10homehero-controls__playpause svg{width:14px;height:14px}
.lz10homehero-controls__playpause:hover{color:var(--green)}
.lz10homehero-controls__playpause:focus-visible{outline:2px solid var(--green);outline-offset:2px}

.lz10homehero-controls__icon-play{display:none}
.lz10homehero-root--paused .lz10homehero-controls__icon-pause{display:none}
.lz10homehero-root--paused .lz10homehero-controls__icon-play{display:block}

.lz10homehero-controls__timer{
  font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.04em;white-space:nowrap;
}

/* ============================================================
   CATEGORIES
   ============================================================ */
.lz10homehero-cats{
  padding:var(--sp-5) 0 var(--sp-6);
  background:var(--cream);
}

/* Öne çıkan ürünler (tabs) hemen alttaysa kategori şeridinin alt boşluğunu azalt */
.lz10homehero-root:has(+ .lz10tabs-root) .lz10homehero-cats{
  padding-bottom:var(--sp-3);
}

/* Tabs modulu hemen ustteyse aradaki boslugu sikistir */
.lz10tabs-root + .lz10homehero-cats{
  padding-top:var(--sp-3);
}

.lz10homehero-cats__shell{
  max-width:1440px;margin:0 auto;
  padding:0 var(--sp-3);
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);
}
@media(min-width:1024px){.lz10homehero-cats__shell{padding:0 var(--sp-5)}}

.lz10homehero-card{
  display:flex;flex-direction:column;
  background:var(--white);border:1px solid var(--sand-d);border-radius:var(--r-lg);
  overflow:hidden;text-decoration:none;color:inherit;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.lz10homehero-card:hover{
  border-color:#ff800a;
  box-shadow:0 8px 32px rgba(255,128,10,.08);
  text-decoration:none;
}
.lz10homehero-card:hover .lz10homehero-card__title{
  color:#ff800a;
  text-decoration-color:#ff800a;
  border-bottom-color:#ff800a;
}
.lz10homehero-card:hover .lz10homehero-card__title::after{
  background-color:#ff800a;
  border-color:#ff800a;
}
.lz10homehero-card:focus-visible{outline:2px solid var(--green);outline-offset:2px}

.lz10homehero-card__img{
  aspect-ratio:4/3;background:var(--sand-d);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}

.lz10homehero-card__img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .4s var(--ease);
}
.lz10homehero-card:hover .lz10homehero-card__img img{
  transform:scale(1.04);
}

.lz10homehero-card__placeholder{
  font-size:12px;font-weight:600;color:var(--text-3);
  text-align:center;letter-spacing:.04em;line-height:1.6;
  padding:var(--sp-2);
  border:1.5px dashed var(--stone);border-radius:var(--r-sm);
  background:rgba(255,255,255,.35);
}

.lz10homehero-card__body{
  padding:var(--sp-3);display:flex;flex-direction:column;gap:4px;position:relative;
}

.lz10homehero-card__title{
  font-family:var(--font-ed);font-weight:600;
  font-size:clamp(18px,1.5vw,24px);color:var(--text);letter-spacing:-.01em;line-height:1.2;
}

.lz10homehero-card__desc{
  font-size:14px;color:var(--text-3);line-height:1.5;
}

.lz10homehero-card__arrow{
  position:absolute;top:var(--sp-3);right:var(--sp-3);
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--sand-d);border-radius:50%;color:var(--text-3);
  transition:all var(--dur) var(--ease);
}
.lz10homehero-card__arrow svg{width:16px;height:16px}
.lz10homehero-card:hover .lz10homehero-card__arrow{
  border-color:#ff800a;color:#ff800a;transform:translateX(3px);
}
.lz10homehero-card:hover .lz10homehero-card__arrow svg{
  color:#ff800a;
}

/* ============================================================
   RESPONSIVE — TABLET
   ============================================================ */
@media(max-width:1024px){
  .lz10homehero-slider__track{aspect-ratio:1024/460}
  .lz10homehero-cats__shell{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}
}

/* ============================================================
   RESPONSIVE — MOBILE
   ============================================================ */
@media(max-width:768px){
  .lz10homehero-slider__track{aspect-ratio:9/10;min-height:var(--panel-slider-mobil-height, 420px)}
  .lz10homehero-slide{border-radius:0}

  .lz10homehero-controls{
    gap:var(--sp-2);padding:6px 8px;
  }
  .lz10homehero-controls__arrow{width:34px;height:34px}
  .lz10homehero-progress{width:52px}
  .lz10homehero-controls__timer{display:none}

  .lz10homehero-cats{padding:var(--sp-4) 0 var(--sp-5)}
  .lz10homehero-root:has(+ .lz10tabs-root) .lz10homehero-cats{padding-bottom:var(--sp-2)}
  .lz10tabs-root + .lz10homehero-cats{padding-top:var(--sp-2)}
  .lz10homehero-cats__shell{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}

  .lz10homehero-card__body{padding:var(--sp-2)}
  .lz10homehero-card__arrow{top:var(--sp-2);right:var(--sp-2);width:28px;height:28px}
  .lz10homehero-card__arrow svg{width:14px;height:14px}
}

@media(max-width:420px){
  .lz10homehero-slider__track{aspect-ratio:9/12}
  .lz10homehero-slide__sub{display:none}
}