<style>
.zb-circle-links{max-width:1200px;margin:0 auto;padding:12px 20px 10px;font-family:Outfit,Arial,sans-serif;overflow:hidden}
.zb-circle-links__track{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;align-items:start}
.zb-circle-links__item{display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center;color:#111;text-decoration:none;font-size:14px;font-weight:500;line-height:1.25;transition:color .2s ease}
.zb-circle-links__image{width:85px;height:85px;aspect-ratio:1/1;display:block;border-radius:50%;object-fit:cover;transition:transform .25s ease,box-shadow .25s ease}
.zb-circle-links__name{display:block;margin-top:12px;white-space:normal}
.zb-circle-links__item:hover{color:#075b57}
.zb-circle-links__item:hover .zb-circle-links__image{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.zb-circle-links__item:focus-visible{outline:2px solid #075b57;outline-offset:4px;border-radius:8px}
@media(max-width:767px){.zb-circle-links{padding:10px 14px 6px}.zb-circle-links__track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2px 2px 4px;scrollbar-width:none}.zb-circle-links__track::-webkit-scrollbar{display:none}.zb-circle-links__item{flex:0 0 86px;scroll-snap-align:start;font-size:13px}.zb-circle-links__image{width:76px;height:76px}.zb-circle-links__name{margin-top:9px}}
@media(max-width:768px){
.rich-text-content:has(.zb-circle-links){margin-top:0!important;margin-bottom:0!important;padding:0!important}
.zb-circle-links.zb-circle-links{box-sizing:border-box!important;padding:12px 28px 12px!important}
.zb-circle-links .zb-circle-links__track{gap:6px!important;padding:2px 0 4px!important}
.zb-circle-links .zb-circle-links__item{box-sizing:border-box!important;flex:0 0 calc((100% - 18px)/4)!important;width:calc((100% - 18px)/4)!important;min-width:0!important;font-size:12px!important;line-height:1.25!important}
.zb-circle-links .zb-circle-links__image{width:min(70px,100%)!important;height:auto!important;aspect-ratio:1!important}
.zb-circle-links .zb-circle-links__name{margin-top:6px!important}
}
/* Ürün kartlarında eşit başlık ve fiyat hizası */
.product-list-item-info.products-slider-info-main{
display:flex!important;
flex-direction:column!important;
height:100%!important;
}
.product-list-item-info > .flex.justify-between.items-center{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
width:100%!important;
gap:8px!important;
}
.product-list-item-info .product-name{
box-sizing:border-box!important;
width:100%!important;
min-height:61px!important;
max-height:61px!important;
margin:12px 0 0!important;
line-height:1.35!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:3!important;
overflow:hidden!important;
}
.product-list-item-info .price-main{
box-sizing:border-box!important;
width:100%!important;
min-height:42px!important;
margin-top:0!important;
display:flex!important;
align-items:flex-start!important;
justify-content:flex-start!important;
}
.product-list-item-info .discount-price-main{
width:100%!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
}
.product-list-item-info .discount-price{
flex-direction:row!important;
align-items:baseline!important;
flex-wrap:wrap!important;
gap:4px 8px!important;
}
.product-list-item-info .discount-price span:first-child{order:2!important}
.product-list-item-info .discount-price span:last-child{order:1!important}
.product-list-item-info .discount-percent{flex:0 0 auto!important}
@media(max-width:768px){
.product-list-item-info .product-name{
min-height:57px!important;
max-height:57px!important;
font-size:14px!important;
margin-top:10px!important;
}
.product-list-item-info > .flex.justify-between.items-center{gap:7px!important}
.product-list-item-info .price-main{min-height:48px!important}
.product-list-item-info .discount-price-main{gap:6px!important}
.product-list-item-info .discount-price{gap:3px 6px!important}
}
/* Bilgisayarda tüm yuvarlak kategorileri birlikte göster */
@media (min-width:769px){
.zb-circle-links.zb-circle-links{
padding:12px 20px 10px!important;
overflow:visible!important;
}
.zb-circle-links .zb-circle-links__track{
display:grid!important;
grid-template-columns:repeat(9,minmax(0,1fr))!important;
gap:8px!important;
overflow:visible!important;
scroll-snap-type:none!important;
}
.zb-circle-links .zb-circle-links__item{
flex:unset!important;
width:auto!important;
min-width:0!important;
scroll-snap-align:none!important;
}
.zb-circle-links .zb-category-arrow{display:none!important}
}
/* Hafif arka plan yıldırım efekti */
.zb-lightning-bg{
position:fixed;
inset:0;
z-index:4;
pointer-events:none;
overflow:hidden;
opacity:0;
mix-blend-mode:screen;
animation:zb-lightning-ambient 14s linear infinite;
}
.zb-lightning-bg::before{
content:"";
position:absolute;
top:-5vh;
left:71%;
width:90px;
height:72vh;
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(190,220,255,.82) 48%,rgba(255,255,255,0));
clip-path:polygon(46% 0,61% 0,53% 31%,70% 31%,37% 100%,46% 52%,29% 52%);
filter:blur(.35px) drop-shadow(0 0 9px rgba(190,220,255,.75));
transform:rotate(4deg);
}
.zb-lightning-bg::after{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at 73% 13%,rgba(205,225,255,.48),rgba(225,238,255,.18) 18%,transparent 48%);
}
@keyframes zb-lightning-ambient{
0%,82%,86%,100%{opacity:0}
83%{opacity:.09}
83.35%{opacity:.015}
83.7%{opacity:.15}
84.15%{opacity:0}
84.65%{opacity:.06}
85.15%{opacity:0}
}
@media(max-width:768px){
.zb-lightning-bg::before{left:66%;width:68px;height:62vh}
.zb-lightning-bg::after{background:radial-gradient(circle at 68% 12%,rgba(205,225,255,.42),rgba(225,238,255,.14) 20%,transparent 52%)}
}
@media(prefers-reduced-motion:reduce){.zb-lightning-bg{display:none!important}}
</style>
<div class="zb-lightning-bg" aria-hidden="true"></div>
<nav class="zb-circle-links" aria-label="Ürün kategorileri"><div class="zb-circle-links__track">
<a class="zb-circle-links__item" href="/search?c=dogal-tas-bileklikler-1&o=3"><img class="zb-circle-links__image" src="https://zenginbilinc.com/wp-content/uploads/2024/04/2-4.png" alt="Bileklikler" loading="lazy"><span class="zb-circle-links__name">Bileklikler</span></a>
<a class="zb-circle-links__item" href="/search?c=dogal-tas-kolyeler-1&o=3"><img class="zb-circle-links__image" src="https://zenginbilinc.com/wp-content/uploads/2024/04/kolyeler.png" alt="Kolyeler" loading="lazy"><span class="zb-circle-links__name">Kolyeler</span></a>
<a class="zb-circle-links__item" href="/search?c=tespihler&o=3"><img class="zb-circle-links__image" src="https://zenginbilinc.com/wp-content/uploads/2024/04/Adsiz-tasarim-5-1.png" alt="Tesbihler" loading="lazy"><span class="zb-circle-links__name">Tesbihler</span></a>
<a class="zb-circle-links__item" href="/search?c=ham-kristaller-1&o=3"><img class="zb-circle-links__image" src="https://zenginbilinc.com/wp-content/uploads/2024/04/ham.png" alt="Ham Kristaller" loading="lazy"><span class="zb-circle-links__name">Ham Kristaller</span></a>
<a class="zb-circle-links__item" href="/search?c=kureler&o=3"><img class="zb-circle-links__image" src="https://zenginbilinc.com/wp-content/uploads/2024/04/4-2.png" alt="Küreler" loading="lazy"><span class="zb-circle-links__name">Küreler</span></a>
<a class="zb-circle-links__item" href="/search?c=selenit-urunler&o=3"><img class="zb-circle-links__image" src="https://zenginbilinc.com/wp-content/uploads/2022/03/aaselenitlamba-150x150.jpeg" alt="Saf Selenitler" loading="lazy"><span class="zb-circle-links__name">Saf Selenitler</span></a>
<a class="zb-circle-links__item" href="/search?c=roleks-kesim-bileklikler&o=3"><img class="zb-circle-links__image" src="https://zenginbilinc.com/wp-content/uploads/2024/04/1-4.png" alt="Roleks Bileklik" loading="lazy"><span class="zb-circle-links__name">Roleks Bileklik</span></a>
<a class="zb-circle-links__item" href="/search?c=sertifikali-kehribarlar&o=3"><img class="zb-circle-links__image" src="https://zenginbilinc.com/wp-content/uploads/2024/04/Adsiz-tasarim-6.png" alt="Kehribarlar" loading="lazy"><span class="zb-circle-links__name">Kehribarlar</span></a>
<a class="zb-circle-links__item" href="/search?c=sarkac&o=3"><img class="zb-circle-links__image" src="https://zenginbilinc.com/wp-content/uploads/2024/04/3-4.png" alt="Sarkaç" loading="lazy"><span class="zb-circle-links__name">Sarkaç</span></a>
</div></nav>
<style id="zb-home-enhance-v1">
.zb-home-h1{max-width:1200px;margin:12px auto 6px;padding:0 20px;text-align:center;font-family:Outfit,Arial,sans-serif;font-size:clamp(22px,2.1vw,30px);line-height:1.2;font-weight:600;color:#171717}
.zb-mobile-nav{display:none}
@media(max-width:767px){
.zb-home-h1{margin:10px auto 4px;padding:0 16px;font-size:20px;line-height:1.25}
body.zb-has-mobile-nav{padding-bottom:68px!important}
.zb-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:9997;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 4px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #e4e4e4;box-shadow:0 -7px 22px rgba(0,0,0,.09);backdrop-filter:blur(10px)}
.zb-mobile-nav a,.zb-mobile-nav button{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:#333;text-decoration:none;font:600 10.5px/1.1 Outfit,Arial,sans-serif;cursor:pointer}
.zb-mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.zb-mobile-nav__active{color:#087f79!important}
.zb-social-buttons{bottom:78px!important}}
</style>
<nav id="zb-mobile-nav" class="zb-mobile-nav" aria-label="Mobil hızlı menü">
<a class="zb-mobile-nav__active" href="/" aria-label="Ana Sayfa"><svg viewBox="0 0 24 24"><path d="m3 11 9-8 9 8v9a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z"></path></svg><span>Ana Sayfa</span></a>
<a href="/magaza" aria-label="Kategoriler"><svg viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7" rx="1"></rect><rect x="14" y="3" width="7" height="7" rx="1"></rect><rect x="3" y="14" width="7" height="7" rx="1"></rect><rect x="14" y="14" width="7" height="7" rx="1"></rect></svg><span>Kategoriler</span></a>
<button type="button" id="zb-mobile-cart" aria-label="Sepeti Aç"><svg viewBox="0 0 24 24"><path d="M4 7h16l-2 13H6zM8 7a4 4 0 0 1 8 0"></path></svg><span>Sepet</span></button>
<a href="/account" aria-label="Hesabım"><svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"></circle><path d="M4 21a8 8 0 0 1 16 0"></path></svg><span>Hesabım</span></a>
</nav>
<script id="zb-home-enhance-script-v1">
(function(){
document.documentElement.lang='tr';
document.body.classList.add('zb-has-mobile-nav');
var cart=document.getElementById('zb-mobile-cart');
if(cart)cart.addEventListener('click',function(){var trigger=document.querySelector('.basket-bag');if(trigger)trigger.click()});
})();
</script>
<style id="zb-home-slider-container-v1">
/* Ana slayt: görselleri 16:9 oranına yaklaştır, baş ve alt kısımların kırpılmasını azalt */
@media (min-width:1024px){
.home-slider-main{
box-sizing:border-box!important;
width:calc(100% - 40px)!important;
max-width:1360px!important;
--zb-slider-h:min(calc((100vw - 40px) * .5625),765px);
height:var(--zb-slider-h)!important;
margin-left:auto!important;
margin-right:auto!important;
border-radius:12px!important;
overflow:hidden!important;
}
}
@media (min-width:769px) and (max-width:1023px){
.home-slider-main{
box-sizing:border-box!important;
width:calc(100% - 24px)!important;
--zb-slider-h:calc((100vw - 24px) * .5625);
height:var(--zb-slider-h)!important;
margin-left:auto!important;
margin-right:auto!important;
border-radius:10px!important;
overflow:hidden!important;
}
}
@media (max-width:768px){
.home-slider-main{
box-sizing:border-box!important;
width:calc(100% - 12px)!important;
--zb-slider-h:calc((100vw - 12px) * .5625);
height:var(--zb-slider-h)!important;
margin-left:auto!important;
margin-right:auto!important;
border-radius:8px!important;
overflow:hidden!important;
}
}
.home-slider-main .slick-slider,
.home-slider-main .slick-list,
.home-slider-main .slick-track,
.home-slider-main .slick-slide,
.home-slider-main .slick-slide > div,
.home-slider-main .slider-grid-main,
.home-slider-main .slider-grid,
.home-slider-main .slider-image,
.home-slider-main .desktop-image-slider,
.home-slider-main .desktop-image-slider > span,
.home-slider-main .mobile-image-slider,
.home-slider-main .mobile-image-slider > span{
height:var(--zb-slider-h)!important;
}
.home-slider-main .slider-grid{min-height:0!important;overflow:hidden!important}
.home-slider-main .slider-image{
min-height:0!important;
max-height:none!important;
object-fit:cover!important;
object-position:50% 50%!important;
}
</style>
<style id="zb-product-slider-width-v1">
/* Ürün slaytlarında dengeli sağ-sol boşluk */
@media (min-width:769px){
.products-slider-main{
box-sizing:border-box!important;
width:calc(100% - 64px)!important;
max-width:1200px!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
@media (max-width:768px){
.products-slider-main{
box-sizing:border-box!important;
width:100%!important;
padding-left:12px!important;
padding-right:12px!important;
}
}
</style>
<style id="zb-product-button-size-v1">
/* Ürün slaytı sepete ekle düğmelerini daha dengeli genişlikte tut */
.products-slider-main .add-to-cart-overlay > .flex{
justify-content:center!important;
}
.products-slider-main .add-to-cart-overlay > .flex > button.stock{
box-sizing:border-box!important;
width:100%!important;
max-width:205px!important;
}
</style>
