@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{
  --tlv-leaf:#1F7123;--tlv-leaf-d:#10491a;--tlv-leaf-l:#2f9e3b;--tlv-sprout:#46CF76;
  --tlv-harvest:#F2A52C;--tlv-harvest-d:#DB8E16;
  --tlv-ink:#0f231a;--tlv-soft:#566b5d;--tlv-line:#e4efe5;--tlv-line-2:#eef5ee;
  --tlv-paper:#eef6ec;--tlv-surface:#fff;--tlv-mist:#e7f4e9;
  --tlv-radius:20px;--tlv-radius-sm:14px;--tlv-pill:999px;
  --tlv-sh-sm:0 2px 12px rgba(15,49,30,.06);
  --tlv-sh:0 16px 40px -18px rgba(15,49,30,.22);
  --tlv-sh-lg:0 30px 70px -24px rgba(15,49,30,.32);
  --tlv-glow:0 0 0 4px rgba(70,207,118,.18);
  --tlv-disp:'Space Grotesk','Inter',system-ui,sans-serif;
  --tlv-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --tlv-e:cubic-bezier(.22,.61,.36,1);
}
html{scroll-behavior:smooth}
body{font-family:var(--tlv-body)!important;color:var(--tlv-ink)!important;background-color:var(--tlv-paper)!important;
  background-image:
    radial-gradient(1200px 520px at 92% -6%,rgba(70,207,118,.20),transparent 60%),
    radial-gradient(1000px 520px at -8% 4%,rgba(31,113,35,.12),transparent 58%),
    radial-gradient(900px 560px at 50% 116%,rgba(242,165,44,.10),transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E")!important;
  background-attachment:fixed,fixed,fixed,fixed!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.section .title,.section-header .title,.product-title,.footer-title,.blog-post-title{font-family:var(--tlv-disp)!important;letter-spacing:-.015em}
a{transition:color .18s var(--tlv-e)}
::selection{background:var(--tlv-sprout);color:#06301a}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.btn:focus-visible{outline:3px solid rgba(31,113,35,.30)!important;outline-offset:2px!important}
*{scrollbar-color:var(--tlv-leaf) transparent}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-thumb{background:linear-gradient(var(--tlv-sprout),var(--tlv-leaf));border-radius:99px}
#header{position:relative;z-index:50}
#header .top-bar{background:rgba(255,255,255,.78)!important;backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--tlv-line)!important}
#header .top-bar a,#header .top-bar .nav-link{color:var(--tlv-soft)!important;font-weight:500;font-size:13px;transition:.18s}
#header .top-bar a:hover{color:var(--tlv-leaf)!important}
.logo img{filter:saturate(1.05) drop-shadow(0 2px 8px rgba(15,73,26,.12))}
.top-search-bar .input-search,.form_search_main .input-search,input.input-search{
  border:1.6px solid var(--tlv-line)!important;border-radius:var(--tlv-pill)!important;background:rgba(255,255,255,.95)!important;
  height:50px!important;padding:0 54px 0 20px!important;font-size:14.5px!important;color:var(--tlv-ink)!important;
  box-shadow:var(--tlv-sh-sm);transition:border-color .2s var(--tlv-e),box-shadow .2s var(--tlv-e),transform .2s var(--tlv-e)!important}
.top-search-bar .input-search:focus,input.input-search:focus{border-color:var(--tlv-sprout)!important;box-shadow:var(--tlv-glow),var(--tlv-sh)!important;transform:translateY(-1px)}
.btn-search{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:var(--tlv-pill)!important;
  background:linear-gradient(135deg,var(--tlv-sprout),var(--tlv-leaf))!important;border:none!important;color:#fff!important;box-shadow:0 8px 18px -8px rgba(31,113,35,.7)!important;display:grid;place-items:center}
.btn-search .icon-search{color:#fff!important}
.button-link{transition:.18s var(--tlv-e)}.button-link:hover{color:var(--tlv-leaf-d)!important;transform:translateY(-1px)}


.nav-main .nav-link,.main-menu .nav-link,.mega-menu>li>a{color:rgba(255,255,255,.94)!important;font-weight:600!important;border-radius:10px;transition:background .18s,color .18s,transform .18s!important}
.nav-main .nav-link:hover,.main-menu .nav-link:hover,.mega-menu>li>a:hover{background:rgba(255,255,255,.16)!important;color:#fff!important;transform:translateY(-1px)}




.section{margin-bottom:42px}
.section-header .title,.section .title{position:relative;padding-left:16px;font-weight:700!important;font-size:clamp(19px,2.2vw,25px)!important;color:var(--tlv-ink)!important}
.section-header .title::before,.section .title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:1.05em;border-radius:99px;background:linear-gradient(180deg,var(--tlv-sprout),var(--tlv-leaf))}
.section-header a,.section-header .button-link{color:var(--tlv-leaf-d)!important;font-weight:600!important;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--tlv-pill);background:var(--tlv-mist);transition:.2s var(--tlv-e)}
.section-header a:hover{background:var(--tlv-leaf);color:#fff!important;transform:translateX(2px)}
.section-slider-nav .prev,.section-slider-nav .next{background:#fff!important;border:1px solid var(--tlv-line)!important;border-radius:var(--tlv-pill)!important;box-shadow:var(--tlv-sh-sm);color:var(--tlv-leaf-d)!important;transition:.18s}
.section-slider-nav .prev:hover,.section-slider-nav .next:hover{background:var(--tlv-leaf)!important;color:#fff!important;transform:scale(1.08)}
.featured-categories .card,.featured-categories .card-columns .card{position:relative;border-radius:var(--tlv-radius)!important;border:1px solid var(--tlv-line)!important;box-shadow:var(--tlv-sh-sm)!important;overflow:hidden!important;transition:transform .35s var(--tlv-e),box-shadow .35s var(--tlv-e);background-size:cover!important;background-position:center!important}
.featured-categories .card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,40,22,.66));transition:opacity .35s;pointer-events:none}
.featured-categories .card:hover{transform:translateY(-7px) scale(1.012);box-shadow:var(--tlv-sh-lg)!important}
.featured-categories .card .card-title,.featured-categories .card .caption,.featured-categories .card figcaption,.featured-categories .card a span{position:relative;z-index:2;color:#fff!important;font-family:var(--tlv-disp)!important;font-weight:600!important;background:rgba(8,40,22,.42)!important;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);border-radius:var(--tlv-pill)!important;padding:6px 14px!important;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.product-item{position:relative;background:var(--tlv-surface)!important;border:1px solid var(--tlv-line)!important;border-radius:var(--tlv-radius)!important;box-shadow:var(--tlv-sh-sm)!important;padding:10px!important;overflow:hidden;transition:transform .3s var(--tlv-e),box-shadow .3s var(--tlv-e),border-color .3s var(--tlv-e)}
.product-item:hover{transform:translateY(-7px);box-shadow:var(--tlv-sh-lg)!important;border-color:rgba(70,207,118,.55)!important}
.ratio-product-box,.product-item .img-holder{border-radius:var(--tlv-radius-sm)!important;overflow:hidden!important;background:linear-gradient(135deg,#eef7ee,#dcefe0)}
.product-item .img-product{transition:transform .55s var(--tlv-e)}
.product-item:hover .img-product{transform:scale(1.06)}
.product-title a{color:var(--tlv-ink)!important;font-family:var(--tlv-disp)!important;font-weight:600!important;letter-spacing:-.01em}
.product-title a:hover{color:var(--tlv-leaf-d)!important}
.product-user,.product-user a{color:var(--tlv-soft)!important;font-size:12.5px}
.rating .icon-star,.rating i,.product-item-rating i{color:var(--tlv-harvest)!important}
.price{display:inline-block;color:var(--tlv-leaf-d)!important;font-family:var(--tlv-disp)!important;font-weight:700!important;background:linear-gradient(135deg,#fff6e6,#fdedcf);border:1px solid #f5e0b1;padding:2px 11px;border-radius:var(--tlv-pill);font-size:14.5px}
.btn-add-remove-wishlist,.item-wishlist{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(6px);border:1px solid var(--tlv-line)!important;border-radius:var(--tlv-pill)!important;box-shadow:var(--tlv-sh-sm);transition:transform .18s,background .18s}
.btn-add-remove-wishlist:hover{transform:scale(1.12);background:#fff!important;color:#e23!important}
.btn{border-radius:var(--tlv-pill)!important;font-weight:600!important;transition:transform .16s var(--tlv-e),box-shadow .2s,filter .2s!important}
.btn-primary,.btn-success,.btn-contact-seller{background-image:linear-gradient(135deg,var(--tlv-sprout),var(--tlv-leaf))!important;background-color:var(--tlv-leaf)!important;border:none!important;color:#fff!important;box-shadow:0 12px 26px -12px rgba(31,113,35,.75)!important}
.btn-primary:hover,.btn-success:hover,.btn-contact-seller:hover{transform:translateY(-2px);filter:brightness(1.05);color:#fff!important}
.btn-warning,a.btn-warning{background-image:linear-gradient(135deg,var(--tlv-harvest),var(--tlv-harvest-d))!important;border:none!important;color:#3a2600!important;box-shadow:0 12px 26px -12px rgba(219,142,22,.7)!important}
.btn-default,.btn-outline-primary,.btn-secondary{background:#fff!important;border:1.5px solid var(--tlv-line)!important;color:var(--tlv-leaf-d)!important}
.btn-default:hover{border-color:var(--tlv-leaf)!important;background:var(--tlv-mist)!important}
.blog-item{background:#fff!important;border:1px solid var(--tlv-line)!important;border-radius:var(--tlv-radius)!important;overflow:hidden;box-shadow:var(--tlv-sh-sm);transition:transform .3s var(--tlv-e),box-shadow .3s}
.blog-item:hover{transform:translateY(-6px);box-shadow:var(--tlv-sh)}
.blog-post-title,.blog-post-title a{font-family:var(--tlv-disp)!important;color:var(--tlv-ink)!important;font-weight:600}
.footer-top,.footer{background-color:#0a2014!important;background-image:radial-gradient(800px 320px at 86% -20%,rgba(70,207,118,.18),transparent 60%),radial-gradient(640px 320px at 0% 120%,rgba(242,165,44,.12),transparent 60%)!important;color:#cfe0d4!important;border-top:1px solid rgba(255,255,255,.06)}
.footer-top a,.footer a,.footer-about,.footer-about p{color:#b4cabb!important}
.footer-top a:hover,.footer a:hover{color:var(--tlv-sprout)!important}
.footer-title{color:#fff!important;font-weight:600!important;position:relative;padding-bottom:10px}
.footer-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--tlv-sprout),var(--tlv-harvest))}
.footer-social-links a{background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:var(--tlv-pill)!important;width:40px;height:40px;line-height:40px!important;text-align:center;transition:.2s}
.footer-social-links a:hover{background:var(--tlv-leaf)!important;transform:translateY(-3px)}
.footer-bottom,.copyright{background:#06160d!important;color:#9db4a4!important;border-top:1px solid rgba(255,255,255,.05)!important}
@media(max-width:991.98px){
  .nav-mobile-header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--tlv-line)!important}
  .top-search-bar .input-search{height:46px!important}
  .product-item{padding:8px!important;border-radius:var(--tlv-radius-sm)!important}
  
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* === ROZET (mini) — kart içi kesin boyut & hizalama === */
.tlv-card,.tlv-inline{display:inline-flex!important;flex-wrap:wrap;gap:4px;vertical-align:middle;margin-top:4px;max-width:100%}
.tlv-strip,.tlv-strip.tlv-mini{display:inline-flex!important;flex-wrap:wrap;gap:4px;margin:0}
.tlv-chip{display:inline-flex!important;align-items:center;gap:4px;padding:2px 8px!important;border-radius:999px;font-size:10.5px!important;line-height:1.5!important;font-weight:700;white-space:nowrap}
.tlv-chip .tlv-ic,.tlv-chip svg{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;flex:0 0 auto!important}
.product-item .tlv-card{margin-top:3px}
.product-item .tlv-chip span{max-width:90px;overflow:hidden;text-overflow:ellipsis}

/* ===== HEADER MENÜ BARI (kopukluk düzeltildi) ===== */
.main-menu{background:linear-gradient(100deg,var(--tlv-leaf-d),var(--tlv-leaf) 48%,var(--tlv-leaf-l))!important;box-shadow:0 10px 30px -16px rgba(15,73,26,.55),inset 0 1px 0 rgba(255,255,255,.12)!important;position:relative;margin:0!important;border-radius:0!important}
.main-menu::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 90px at 12% 0,rgba(255,255,255,.16),transparent 70%);pointer-events:none}
.main-menu .container,.main-menu .container-fluid{position:relative;z-index:1}
/* ikinci bar (nav-main) görünür değilse şeffaf; görünürse aynı düzgün stili al */
.nav-main{background:transparent!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
.nav-main .navbar{background:transparent!important}
.main-menu .nav-link,.nav-main .nav-link,.mega-menu>li>a{color:rgba(255,255,255,.95)!important;font-weight:600!important;border-radius:10px;transition:background .18s,color .18s,transform .18s!important}
.main-menu .nav-link:hover,.nav-main .nav-link:hover,.mega-menu>li>a:hover{background:rgba(255,255,255,.16)!important;color:#fff!important;transform:translateY(-1px)}
/* header ile bar arasında boşluk/çizgi kalmasın */
#header{margin-bottom:0!important}
.main-menu,.nav-main{margin-top:0!important}

/* ===== MEGA MENÜ açılır panel görünürlüğü (overflow düzeltmesi) ===== */
#header,.main-menu,.nav-main,.navbar,.mega-menu,.mega-menu>li,.main-menu .container,.main-menu .container-fluid,.nav-main .container{overflow:visible!important}
.mega-menu{position:relative}
.mega-menu>li{position:static}
/* açılır panel üstte kalsın, header'ın altında ezilmesin */
.dropdown-menu,.dropdown-menu-large,.large-menu-content,.mega-menu .dropdown-menu,.menu-subcategories{z-index:1080!important}
.main-menu,.nav-main{z-index:60!important}

/* ===== MEGA MENÜ: orijinal tasarımı koru, sadece görünürlük + kapsayıcı ===== */
#header,.main-menu,.nav-main,.navbar,.mega-menu,.mega-menu>li,
.main-menu .container,.main-menu .container-fluid,.nav-main .container{overflow:visible!important}
.dropdown-menu-large,.large-menu-content,.menu-subcategories{z-index:1080!important;overflow:visible!important}
.main-menu,.nav-main{z-index:60!important}
/* menü içindeki .card'lara tema kart stilini UYGULAMA (orijinal kalsın) */
.item-large-menu-content.card,.large-menu-content .card,.dropdown-menu-large .card{
  background:initial!important;border:initial!important;box-shadow:none!important;
  border-radius:0!important;transform:none!important;transition:none!important;padding:initial!important}
.item-large-menu-content.card:hover{transform:none!important;box-shadow:none!important}


/* ===================================================================
   MEGA MENÜ TAM MUAFİYET — panel içine tema HİÇ karışmaz (orijinal)
   =================================================================== */
.dropdown-menu-large, .dropdown-menu-large *,
.large-menu-content, .large-menu-content *,
.mega-menu .dropdown-menu, .mega-menu .dropdown-menu *{
  font-family:inherit !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
  background-image:none !important;
}
/* panelin kendi arka planı/sınırı beyaz-temiz kalsın (kartlar görünür) */
.dropdown-menu-large, .large-menu-content{
  background:#fff !important;
  border:1px solid #e6ece6 !important;
  box-shadow:0 24px 60px -24px rgba(15,49,30,.35) !important;
  overflow:visible !important;
}
/* panel içindeki .card sütunlarını tema kart stilinden tamamen çıkar */
.item-large-menu-content.card, .large-menu-content .card{
  background:transparent !important;
  border:0 !important;
  margin:0 !important;
}
/* açma/görünürlük garantisi */
#header,.main-menu,.nav-main,.navbar,.mega-menu,.mega-menu>li,
.main-menu .container,.main-menu .container-fluid,.nav-main .container{overflow:visible !important}
.main-menu,.nav-main{z-index:60 !important}
.dropdown-menu-large,.large-menu-content{z-index:1080 !important}