/* ============================================================
   LEZZET10DA — CATEGORY PAGE
   Namespace: lz10c-
   ============================================================ */
.lz10c-root,.lz10c-root *,.lz10c-root *::before,.lz10c-root *::after{margin:0;padding:0;box-sizing:border-box}

.lz10c-root{
  --lz10c-font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --lz10c-font-ed:"Newsreader",Georgia,serif;
  --lz10c-bg:#FAFAF8;--lz10c-surface:#FFFFFF;--lz10c-hero-bg:#F4F1EB;
  --lz10c-text:#1A1A18;--lz10c-text-soft:#5C5B56;--lz10c-text-muted:#8E8D88;
  --lz10c-accent:#6B7F3A;--lz10c-accent-dark:#4E5F28;
  --lz10c-border:#E8E6E1;--lz10c-border-light:#F0EEE9;
  --lz10c-gold:#D4A03C;--lz10c-badge-bg:#C0392B;--lz10c-badge-text:#FFF;
  --lz10c-sp-1:8px;--lz10c-sp-2:13px;--lz10c-sp-3:21px;--lz10c-sp-4:34px;--lz10c-sp-5:55px;--lz10c-sp-6:89px;
  --lz10c-r-sm:6px;--lz10c-r-md:10px;--lz10c-r-lg:14px;
  --lz10c-ease:cubic-bezier(.4,0,.2,1);--lz10c-dur:.25s;
  font-family:var(--lz10c-font);color:var(--lz10c-text);background:var(--lz10c-bg);
  line-height:1.5;-webkit-font-smoothing:antialiased;
}

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

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

/* HERO */
.lz10c-hero{position:relative;background:var(--lz10c-hero-bg);padding:var(--lz10c-sp-4) 0 var(--lz10c-sp-5);overflow:hidden}
.lz10c-hero__surface{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 85% 40%,rgba(107,127,58,.08),transparent),radial-gradient(ellipse 60% 50% at 10% 70%,rgba(212,160,60,.06),transparent);pointer-events:none}

.lz10c-breadcrumb{margin-bottom:var(--lz10c-sp-3);position:relative;z-index:1}
.lz10c-breadcrumb__list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--lz10c-sp-1);row-gap:4px;font-size:13px;color:var(--lz10c-text-muted)}
.lz10c-breadcrumb__item:not(:last-child)::after{content:"/";margin-left:var(--lz10c-sp-1);opacity:.5}
.lz10c-breadcrumb__link{color:var(--lz10c-text-muted);text-decoration:none;transition:color var(--lz10c-dur) var(--lz10c-ease)}
.lz10c-breadcrumb__link:hover{color:var(--lz10c-accent)}
.lz10c-breadcrumb__current{color:var(--lz10c-text-soft);font-weight:500}

.lz10c-hero__content{position:relative;z-index:1;max-width:680px}
.lz10c-hero__title{font-family:var(--lz10c-font-ed);font-weight:600;font-size:clamp(28px,4vw,52px);line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--lz10c-sp-2)}
.lz10c-hero__desc{font-size:clamp(14px,1.2vw,17px);line-height:1.65;color:var(--lz10c-text-soft);max-width:560px}
.lz10c-hero__br{display:none}
@media(min-width:640px){.lz10c-hero__br{display:inline}}

/* LAYOUT */
.lz10c-layout{display:flex;gap:var(--lz10c-sp-5);padding:var(--lz10c-sp-5) 0 var(--lz10c-sp-6);align-items:flex-start}

/* SIDEBAR — sticky: sabit header altında kalsın (yükseklik tema header’a göre ayarlanabilir) */
.lz10c-sidebar{width:260px;flex-shrink:0;position:sticky;top:88px;align-self:flex-start}
.lz10c-sidebar__header{display:none}
.lz10c-sidebar__inner{display:flex;flex-direction:column;gap:var(--lz10c-sp-4)}

/* MAIN */
.lz10c-main{flex:1;min-width:0}

/* TOOLBAR */
.lz10c-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--lz10c-sp-3);padding-bottom:var(--lz10c-sp-3);margin-bottom:var(--lz10c-sp-4);border-bottom:1px solid var(--lz10c-border-light)}
.lz10c-toolbar__count{font-size:13px;font-weight:600;color:var(--lz10c-text-muted)}
.lz10c-toolbar__right{display:flex;align-items:center;gap:var(--lz10c-sp-2)}
.lz10c-toolbar__select,.lz10c-toolbar select{font-family:var(--lz10c-font);font-size:13px;font-weight:500;color:var(--lz10c-text);background:var(--lz10c-surface);border:1px solid var(--lz10c-border);border-radius:var(--lz10c-r-sm);padding:8px 34px 8px 13px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' stroke='%235C5B56' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}

/* MOBILE BAR */
.lz10c-mbar{display:none;gap:var(--lz10c-sp-1);margin-bottom:var(--lz10c-sp-3)}
.lz10c-mbar__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border:1px solid var(--lz10c-border);border-radius:var(--lz10c-r-md);background:var(--lz10c-surface);font-family:var(--lz10c-font);font-size:13px;font-weight:600;color:var(--lz10c-text);cursor:pointer}
.lz10c-mbar__btn svg{width:16px;height:16px}
.lz10c-mbar__sort{flex:1}
.lz10c-mbar__select,.lz10c-mbar select{width:100%;height:44px;border:1px solid var(--lz10c-border);border-radius:var(--lz10c-r-md);background:var(--lz10c-surface);font-family:var(--lz10c-font);font-size:13px;font-weight:600;color:var(--lz10c-text);padding:0 14px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' stroke='%235C5B56' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;text-align:center;cursor:pointer}

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

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

.lz10c-card__link{display:block;text-decoration:none;color:inherit}
.lz10c-card__media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f7f6f3}
.lz10c-card__img{width:100%;height:100%;object-fit:contain;padding:var(--lz10c-sp-2);transition:transform .4s var(--lz10c-ease)}
.lz10c-card:hover .lz10c-card__img{transform:scale(1.04)}

.lz10c-card__badge{position:absolute;top:var(--lz10c-sp-1);left:var(--lz10c-sp-1);background:var(--lz10c-badge-bg);color:var(--lz10c-badge-text);font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--lz10c-r-sm);z-index:2}
.lz10c-card__ribbon{position:absolute;top:var(--lz10c-sp-2);left:0;z-index:2;background:var(--lz10c-accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 14px 5px 12px;border-radius:0 100px 100px 0}
.lz10c-card__media:has(.lz10c-card__badge) .lz10c-card__ribbon{top:36px}

.lz10c-card__actions{position:absolute;top:var(--lz10c-sp-1);right:var(--lz10c-sp-1);display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateX(6px);transition:all var(--lz10c-dur) var(--lz10c-ease);z-index:2}
.lz10c-card:hover .lz10c-card__actions{opacity:1;transform:translateX(0)}

.lz10c-card__action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);border:1px solid var(--lz10c-border-light);border-radius:50%;cursor:pointer;color:var(--lz10c-text-soft);transition:all var(--lz10c-dur) var(--lz10c-ease)}
.lz10c-card__action-btn svg{width:16px;height:16px}
.lz10c-card__action-btn:hover{color:var(--lz10c-accent);border-color:var(--lz10c-accent)}
.lz10c-card__action-btn--active{background-color:#f08183!important;color:#fff!important;border-color:#f08183!important}

/* CARD BODY */
.lz10c-card__body{padding:var(--lz10c-sp-2) var(--lz10c-sp-2) var(--lz10c-sp-3);display:flex;flex-direction:column;gap:4px;flex:1}
.lz10c-card__brand{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lz10c-text-muted)}
.lz10c-card__name{font-size:14px;font-weight:600;line-height:1.3;color:var(--lz10c-text)}
.lz10c-card__name a{color:inherit;text-decoration:none}
.lz10c-card__name a:hover{color:var(--lz10c-accent-dark)}
.lz10c-card__stars{line-height:0}.lz10c-card__stars svg{width:68px;height:12px}

.lz10c-card__pricing{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:auto;padding-top:var(--lz10c-sp-1)}
.lz10c-card__old-price{font-size:12px;color:var(--lz10c-text-muted);text-decoration:line-through;white-space:nowrap}
.lz10c-card__new-price{font-size:clamp(16px,4vw,22px);font-weight:800;color:var(--lz10c-text);letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
.lz10c-card__stokout{font-size:13px;font-weight:600;color:var(--lz10c-badge-bg);margin-top:auto;padding-top:var(--lz10c-sp-1)}
.lz10c-card__login-warn{font-size:12px;color:var(--lz10c-text-muted);margin-top:auto;padding-top:var(--lz10c-sp-1);display:flex;align-items:center;gap:4px}

.lz10c-card__cart-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:42px;margin-top:var(--lz10c-sp-1);border:none;border-radius:var(--lz10c-r-md);background:var(--lz10c-accent);color:#fff;font-family:var(--lz10c-font);font-size:13px;font-weight:700;cursor:pointer;transition:background var(--lz10c-dur) var(--lz10c-ease)}
.lz10c-card__cart-btn svg{width:16px;height:16px}
.lz10c-card__cart-btn:hover{background:var(--lz10c-accent-dark)}

/* OVERLAY — site header (yüksek z-index) üstünde */
.lz10c-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(26,26,24,.45);z-index:100000;opacity:0;transition:opacity var(--lz10c-dur) var(--lz10c-ease)}
.lz10c-sidebar-overlay--visible{display:block;opacity:1}

/* CATEGORY DESC */
.lz10c-catdesc{border-top:1px solid var(--lz10c-border-light);background:var(--lz10c-surface);padding:var(--lz10c-sp-5) 0 var(--lz10c-sp-6)}
.lz10c-catdesc__inner{max-width:780px}
.lz10c-catdesc__title{font-family:var(--lz10c-font-ed);font-weight:600;font-size:clamp(20px,2vw,28px);margin-bottom:var(--lz10c-sp-3);letter-spacing:-.01em}
.lz10c-catdesc__text{font-size:14px;line-height:1.75;color:var(--lz10c-text-soft)}
.lz10c-catdesc__text p{margin-bottom:var(--lz10c-sp-3)}
.lz10c-catdesc__text p:last-child{margin-bottom:0}

/* Toolbar: Nice Select uyumu */
.lz10c-toolbar .nice-select{border-radius:var(--lz10c-r-sm);border-color:var(--lz10c-border);font-family:var(--lz10c-font);font-size:13px;min-width:200px;height:auto;line-height:1.2;padding:8px 34px 8px 13px}
.lz10c-toolbar .nice-select:after{border-bottom:2px solid var(--lz10c-text-soft);border-right:2px solid var(--lz10c-text-soft);height:7px;width:7px;margin-top:-5px}

/* ─── Eski sol filtre HTML (left-bar.php) → lz10c görünümü ─── */
.lz10c-sidebar__inner .detail-none,
.lz10c-sidebar__inner .cat-left-main{width:100%;margin:0;padding:0;background:transparent;border:none;box-shadow:none;max-width:none}
.lz10c-sidebar__inner .cat-left-box-main{margin:0 0 var(--lz10c-sp-4);padding:0;background:transparent;border:none;box-shadow:none}
.lz10c-sidebar__inner .cat-left-box-h{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lz10c-text);margin:0 0 var(--lz10c-sp-2);padding-bottom:var(--lz10c-sp-2);border-bottom:1px solid var(--lz10c-border-light)}
.lz10c-sidebar__inner .cat-left-box-h > div{display:none!important}
.lz10c-sidebar__inner .cat-left-box-out,
.lz10c-sidebar__inner .cat-left-box-out-first{margin:0;padding:0;border:none;background:transparent;max-height:none!important;overflow:visible!important}
.lz10c-sidebar__inner .cat-left-box-t{margin:0;padding:0;border:none}
.lz10c-sidebar__inner .cat-left-box-t + .cat-left-box-t{margin-top:2px}
.lz10c-sidebar__inner .category-sub-design-box{list-style:none;margin:0;padding:0}
.lz10c-sidebar__inner .category-sub-design-box li{list-style:none;margin:0;padding:0;position:relative}
.lz10c-sidebar__inner .category-sub-design-box a{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:400;color:var(--lz10c-text-soft);text-decoration:none;padding:6px 0;transition:color var(--lz10c-dur) var(--lz10c-ease);border:none}
.lz10c-sidebar__inner .category-sub-design-box a:hover{color:var(--lz10c-accent)}
.lz10c-sidebar__inner .category-sub-design-box a i{margin-right:6px;opacity:.75}
.lz10c-sidebar__inner .category-sub-design-box-arrow{color:var(--lz10c-text-muted);font-size:12px}
.lz10c-sidebar__inner .megadrop{position:static;display:block;margin:4px 0 8px 12px;padding:0;border:none;background:transparent;box-shadow:none}
.lz10c-sidebar__inner .megadrop .cat-left-box-h{display:none}
.lz10c-sidebar__inner .megadrop .megadrop-cat-box{display:block;font-size:13px;color:var(--lz10c-text-soft);text-decoration:none;padding:4px 0;margin:0;border:none}
.lz10c-sidebar__inner .megadrop .megadrop-cat-box:hover{color:var(--lz10c-accent)}
.lz10c-sidebar__inner .custom-control{min-height:0;padding:5px 0;margin:0}
.lz10c-sidebar__inner .custom-control-label{font-size:14px;font-weight:400;color:var(--lz10c-text-soft);cursor:pointer;line-height:1.35;padding-top:2px}
.lz10c-sidebar__inner .custom-control-label:hover{color:var(--lz10c-text)}
.lz10c-sidebar__inner .custom-checkbox .custom-control-label::before{border-radius:4px;border:1.5px solid var(--lz10c-border);width:18px;height:18px;top:.15rem;background:var(--lz10c-surface)}
.lz10c-sidebar__inner .custom-checkbox .custom-control-input:checked~.custom-control-label::before{background:var(--lz10c-accent);border-color:var(--lz10c-accent)}
.lz10c-sidebar__inner .custom-checkbox .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 2px rgba(107,127,58,.2)}
.lz10c-sidebar__inner fieldset.filter-price{border:none;margin:0;padding:0;min-width:0}
.lz10c-sidebar__inner .filter-price .price-field{display:flex;flex-direction:column;gap:10px;margin:0 0 var(--lz10c-sp-2)}
.lz10c-sidebar__inner .filter-price input[type=range]{width:100%;height:6px;border-radius:4px;accent-color:var(--lz10c-accent);cursor:pointer}
.lz10c-sidebar__inner .price-wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--lz10c-sp-2);margin:0 0 var(--lz10c-sp-2);flex-wrap:wrap}
.lz10c-sidebar__inner .price-wrap-outputbox{font-size:13px;font-weight:600;color:var(--lz10c-text-soft);margin:0!important}
.lz10c-sidebar__inner .price-filter-range-button{margin:0;padding:0}
.lz10c-sidebar__inner .price-filter-range-button .button-1x,
.lz10c-sidebar__inner .price-filter-range-button button{width:100%!important;border-radius:var(--lz10c-r-md)!important;background:var(--lz10c-accent)!important;color:#fff!important;border:none!important;font-family:var(--lz10c-font)!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;padding:11px 14px!important;cursor:pointer;transition:background var(--lz10c-dur) var(--lz10c-ease)}
.lz10c-sidebar__inner .price-filter-range-button button:hover{background:var(--lz10c-accent-dark)!important}

/* PAGINATION override */
.lz10c-root .category-pagination-out{margin-top:var(--lz10c-sp-5)}
.lz10c-root .category-pagination-out .pagination{flex-wrap:wrap;gap:4px}
.lz10c-root .category-pagination-out .page-link{border-radius:var(--lz10c-r-sm);border-color:var(--lz10c-border);color:var(--lz10c-text-soft);font-family:var(--lz10c-font);font-size:13px}
.lz10c-root .category-pagination-out .page-item.active .page-link{background:var(--lz10c-accent);border-color:var(--lz10c-accent);color:#fff}

/* TABLET */
@media(max-width:1024px){
  .lz10c-sidebar{width:220px}
  .lz10c-grid{grid-template-columns:repeat(2,1fr)}
}

/* MOBILE */
@media(max-width:768px){
  .lz10c-hero{padding:var(--lz10c-sp-3) 0 var(--lz10c-sp-4)}
  .lz10c-hero__title{font-size:26px}
  .lz10c-hero__desc{font-size:13px}
  .lz10c-layout{flex-direction:column;gap:0;padding:var(--lz10c-sp-3) 0 var(--lz10c-sp-5)}

  .lz10c-sidebar{position:fixed;top:0;left:0;width:min(320px,88vw);max-width:100%;height:100dvh;background:var(--lz10c-surface);z-index:100001;transform:translateX(-100%);transition:transform .3s var(--lz10c-ease);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--lz10c-sp-3) var(--lz10c-sp-4);box-shadow:4px 0 24px rgba(0,0,0,.12);align-self:stretch}
  .lz10c-sidebar--open{transform:translateX(0)}
  .lz10c-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--lz10c-sp-3) 0;border-bottom:1px solid var(--lz10c-border-light);margin-bottom:var(--lz10c-sp-3);position:sticky;top:0;background:var(--lz10c-surface);z-index:2}
  .lz10c-sidebar__header-title{font-size:16px;font-weight:700;color:var(--lz10c-text)}
  .lz10c-sidebar__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--lz10c-border);border-radius:50%;background:none;cursor:pointer;color:var(--lz10c-text-soft)}
  .lz10c-sidebar__close svg{width:16px;height:16px}

  .lz10c-toolbar{display:none}
  .lz10c-mbar{display:flex}
  .lz10c-grid{grid-template-columns:repeat(2,1fr);gap:var(--lz10c-sp-1)}

  .lz10c-card{border-radius:var(--lz10c-r-md)}
  .lz10c-card__img{padding:var(--lz10c-sp-1)}
  .lz10c-card__badge{font-size:10px;padding:2px 6px;top:6px;left:6px}
  .lz10c-card__actions{opacity:1;transform:translateX(0);top:6px;right:6px}
  .lz10c-card__action-btn{width:30px;height:30px}
  .lz10c-card__action-btn svg{width:14px;height:14px}
  .lz10c-card__body{padding:var(--lz10c-sp-1) var(--lz10c-sp-1) var(--lz10c-sp-2)}
  .lz10c-card__brand{font-size:9px}
  .lz10c-card__name{font-size:12px;line-height:1.25}
  .lz10c-card__stars svg{width:60px;height:10px}
  .lz10c-card__pricing{flex-direction:column;gap:2px}
  .lz10c-card__old-price{font-size:11px}
  .lz10c-card__new-price{font-size:16px}
  .lz10c-card__cart-btn{height:38px;font-size:12px;gap:4px;border-radius:var(--lz10c-r-sm)}
  .lz10c-card__cart-btn svg{width:14px;height:14px}
  .lz10c-catdesc{padding:var(--lz10c-sp-4) 0 var(--lz10c-sp-5)}
}

@media(max-width:380px){
  .lz10c-card__new-price{font-size:14px}
  .lz10c-card__cart-btn{height:36px;font-size:11px}
  .lz10c-card__cart-btn svg{display:none}
}