html body main:has(>.fh-saved-favorites)>div.container{display:none!important}
/* FrameHali favorites page */
html body main .fh-saved-favorites{padding:28px 12px 40px}html body main .fh-saved-favorites h1{font-size:26px;margin-bottom:20px}html body main .fh-saved-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}html body main .fh-saved-card{background:#fff;border:1px solid #e8dfd3;border-radius:14px;padding:12px;min-width:0}html body main .fh-saved-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px}html body main .fh-saved-card h2{font-size:14px;line-height:1.45;margin:12px 0;color:#30291f}html body main .fh-saved-view{display:flex;justify-content:center;align-items:center;min-height:42px;border-radius:8px;background:#dbc09a;color:#30291f;font-size:13px;font-weight:600}html body main .fh-saved-remove{display:block;width:100%;min-height:40px;background:transparent;color:#765946;border:0;font-size:12px;margin-top:6px}html body main .fh-favorite-selected:not(.product-action-1 a){color:#d92d2d!important}html body main .fh-favorite-selected i{color:#d92d2d!important}@media(max-width:767px){html body main .fh-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html body main .fh-saved-card{padding:10px}html body main .fh-saved-card h2{font-size:12px}}
html body main #carousel-6-columns-products .product-cart-wrap .product-action-1.frame-favorite-stable>a.action-btn{inset:0!important;top:0!important;right:0!important;left:0!important;bottom:0!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;padding:0!important;margin:0!important;transform:none!important}
/* FrameHali centered featured hearts and matching dock icons */
html body main #carousel-6-columns-products .product-img-action-wrap>.product-action-1.frame-favorite-stable{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;top:6px!important;right:6px!important;left:auto!important;box-sizing:border-box!important}
html body main #carousel-6-columns-products .product-action-1.frame-favorite-stable::before{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important}
html body main #carousel-6-columns-products .product-action-1.frame-favorite-stable>a.action-btn{inset:0!important;top:0!important;right:0!important;left:0!important;bottom:0!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;padding:0!important;margin:0!important;transform:none!important}
html body nav.fh-mobile-dock>a>span{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;font-size:0!important;line-height:0!important;color:#3d3429!important}
html body nav.fh-mobile-dock>a>span::before{content:"";display:block;width:26px;height:26px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
html body nav.fh-mobile-dock>a{gap:4px!important;font-size:11px!important;line-height:1.3!important;color:#3d3429!important;letter-spacing:.1px}
html body nav.fh-mobile-dock>a:active{color:#a3773e!important}
html body nav.fh-mobile-dock>a:nth-child(1)>span::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10a1%201%200%200%201-1%201h-5v-8H9v8H4a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10a1%201%200%200%201-1%201h-5v-8H9v8H4a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E")}
html body nav.fh-mobile-dock>a:nth-child(2)>span::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
html body nav.fh-mobile-dock>a:nth-child(3)>span::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1.1-1.1a5.5%205.5%200%200%200-7.8%207.8L12%2021l8.8-8.6a5.5%205.5%200%200%200%200-7.8z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1.1-1.1a5.5%205.5%200%200%200-7.8%207.8L12%2021l8.8-8.6a5.5%205.5%200%200%200%200-7.8z%22%2F%3E%3C%2Fsvg%3E")}
html body nav.fh-mobile-dock>a:nth-child(4)>span::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%203h3l2.3%2011.5A2%202%200%200%200%209.3%2016h8.4a2%202%200%200%200%202-1.6L21%207H6%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%203h3l2.3%2011.5A2%202%200%200%200%209.3%2016h8.4a2%202%200%200%200%202-1.6L21%207H6%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")}
/* FrameHali mobile refinements 2026-09-02 */
@media(max-width:767px){
html body main section.home-slider.home-slider{margin-bottom:16px!important;padding-bottom:0!important}
html body main .home-slider .hero-slider-1 .slick-dots{position:relative!important;bottom:auto!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:24px!important;margin:10px 0 0!important;padding:0!important;width:100%!important}
html body main .home-slider .hero-slider-1 .slick-dots li{margin:0!important}
html body main nav.fh-quick-nav{margin-top:12px!important;padding-top:4px!important;justify-content:flex-start!important}
html body main section.featured.section-padding-60>.container>.row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:0!important}
html body main section.featured.section-padding-60>.container>.row>[class*="col-"]{width:auto!important;max-width:none!important;min-width:0!important;flex:none!important;margin:0!important;padding:0!important}
html body main section.featured.section-padding-60 .banner-left-icon.banner-left-icon{aspect-ratio:auto!important;height:82px!important;min-height:0!important;width:100%!important;padding:8px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-radius:10px!important;box-shadow:none!important;transform:none!important}
html body main section.featured.section-padding-60 .banner-left-icon .banner-icon{margin:0!important;padding:0!important;flex:0 0 24px!important;width:24px!important;min-width:24px!important;height:24px!important}
html body main section.featured.section-padding-60 .banner-left-icon .banner-icon img{width:24px!important;min-width:24px!important;height:24px!important;max-width:24px!important}
html body main section.featured.section-padding-60 .banner-text{padding:0!important;width:100%!important;min-width:0!important}
html body main section.featured.section-padding-60 .banner-text h3.icon-box-title{font-size:9px!important;line-height:1.3!important;font-weight:600!important;margin:0!important;white-space:normal!important;overflow-wrap:normal!important;text-align:center!important}
html body main #carousel-6-columns-products .product-cart-wrap{height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:5px!important;margin:0 4px!important;box-sizing:border-box!important}
html body main #carousel-6-columns-products .product-content-wrap{padding:6px 2px!important}
html body main #carousel-6-columns-products .product-content-wrap h2{font-size:10px!important;line-height:1.3!important;min-height:39px!important;margin:0!important}
html body main #carousel-6-columns-products .product-price,html body main #carousel-6-columns-products .product-price span{font-size:11px!important;line-height:1.3!important;margin:6px 0!important}
html body main #carousel-6-columns-products .product-img-action-wrap{padding:0!important}
html body main #carousel-6-columns-products .product-img img{width:100%!important;height:auto!important;aspect-ratio:1!important;object-fit:contain!important}
html body main #carousel-6-columns-products .product-img-action-wrap>.product-action-1,html body main #carousel-6-columns-products .product-img-action-wrap>.product-action-1>.js-add-to-wishlist-button{width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;top:3px!important;right:3px!important}
}
html body main .fh-mobile-search{display:none!important}
html body main .featured .banner-left-icon .banner-icon{width:32px!important;min-width:32px!important;max-width:32px!important;padding:0!important;flex:0 0 32px!important}html body main .featured .banner-left-icon .banner-icon img{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;padding:0!important;margin:0!important}
@media(max-width:767px){html body main .row>div.col-lg-4.col-md-4:has(>.product-cart-wrap){width:50%!important;flex:0 0 50%!important;max-width:50%!important;padding-left:6px!important;padding-right:6px!important}html body main .fh-mobile-search{display:flex!important;gap:8px;padding:0 12px;margin:8px auto 16px;max-width:600px}html body main .fh-mobile-search input{min-width:0;flex:1;height:46px;border:1px solid #ded5c9;border-radius:10px;padding:0 12px;font-size:16px;background:#fff}html body main .fh-mobile-search button{min-width:60px;border:0;border-radius:10px;background:#30291f;color:#fff;padding:10px 14px;font-size:14px}}
html body .fh-mobile-dock{display:none!important}
@media(max-width:767px){html body:has(.fh-mobile-dock){padding-bottom:76px!important}html body .fh-mobile-dock{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#fff;border-top:1px solid #e8dfd3;padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -3px 16px #0000000c}html body .fh-mobile-dock a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;color:#30291f;font-size:11px;font-weight:600}html body .fh-mobile-dock span{font-size:23px;line-height:1}}
/* FrameHalı - arama kutusu canlı ürün önerileri */
/* FrameHali mobile shopping 2026-09-02 */
html body main .fh-quick-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:12px!important;white-space:nowrap;scrollbar-width:none}
html body main .fh-quick-nav p{display:flex;gap:8px;margin:0}
html body main .fh-quick-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border:1px solid #ded5c9;border-radius:24px;background:#faf7f2;color:#30291f;font-weight:600;flex-shrink:0}
html body main .featured{padding:18px 0!important}
html body main .featured .banner-left-icon{padding:12px!important;min-height:0!important;box-shadow:none!important;border:1px solid #eee5da;border-radius:12px}
html body main .featured .banner-icon{max-width:32px!important;flex:0 0 32px!important;margin-right:10px!important}
html body main .featured .banner-icon img{width:28px!important;height:28px!important;object-fit:contain}
html body main .featured .banner-text h3{font-size:12px!important;margin:0!important;line-height:1.4!important}
html body main .featured .banner-text p{display:none!important}
@media(max-width:767px){
html body main .home-slider{margin:8px 0 12px!important}
html body main .product-tabs,html body main .section-padding-60{padding-top:18px!important;padding-bottom:18px!important}
html body main .product-grid-4{margin-left:-6px!important;margin-right:-6px!important}
html body main .product-grid-4>div{width:50%!important;flex:0 0 50%!important;max-width:50%!important;padding-left:6px!important;padding-right:6px!important}
html body main .product-cart-wrap{border-radius:12px!important;margin-bottom:14px!important;overflow:hidden!important}
html body main .product-cart-wrap .product-content-wrap{padding:10px 8px!important}
html body main .product-cart-wrap .product-content-wrap h2{font-size:13px!important;line-height:1.45!important;min-height:40px!important}
html body main .product-cart-wrap .product-category{display:none!important}
html body main .product-cart-wrap .product-price{font-size:15px!important;margin:8px 0!important}
html body main .product-cart-wrap .product-img-action-wrap{padding:0!important}
html body main .product-cart-wrap .product-img img.default-img{width:100%!important;aspect-ratio:1!important;object-fit:contain!important;height:auto!important}
html body main .product-cart-wrap .product-content-wrap .product-action-1{position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;width:100%!important}
html body main .product-cart-wrap .add-to-cart-button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;width:100%!important;border-radius:8px!important}
html body main .featured .row>div{width:50%!important;flex:0 0 50%!important;max-width:50%!important;margin-bottom:8px!important;padding:0 5px!important}
html body main .product-tabs .nav-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important}
html body main .product-tabs .nav-tabs .nav-link{white-space:nowrap!important;padding:10px!important;font-size:12px!important;min-height:44px}
html body main h1{font-size:23px!important;line-height:1.3!important}
}
html body .frame-search-form {
position: relative !important;
}
html body .frame-search-suggestions {
position: absolute !important;
/* FrameHalı - arama kutusu canlı ürün önerileri */
html body .frame-search-form {
position: relative !important;
}
html body .frame-search-suggestions {
position: absolute !important;
top: calc(100% + 7px) !important;
/* FrameHalı - ürün paylaşım ikonları kesin marka renkleri ve hizası */
html body main .mobile-social-icon.mobile-social-icon { display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link { display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:4px!important;box-sizing:border-box!important;line-height:1!important;vertical-align:middle!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook,
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook:hover,
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook:focus { background:#1877F2!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share:hover,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share:focus { background:#25D366!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link:hover,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link:focus { background:linear-gradient(135deg,#F9CE34 0%,#EE2A7B 48%,#6228D7 100%)!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook > i,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share > i,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link > i { color:#fff!important;font-size:17px!important;line-height:1!important;margin:0!important; }
/* FrameHalı - tüm ürün sayfalarında kalıcı marka renkli, eşit hizalı paylaşım ikonları */
html body .mobile-social-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
flex-wrap: nowrap !important;
}
html body .mobile-social-icon > a.facebook,
html body .mobile-social-icon > a.frame-product-whatsapp-share,
html body .mobile-social-icon > a.frame-product-instagram-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 4px !important;
box-sizing: border-box !important;
line-height: 1 !important;
vertical-align: middle !important;
color: #fff !important;
}
html body .mobile-social-icon > a.facebook,
html body .mobile-social-icon > a.facebook:hover,
html body .mobile-social-icon > a.facebook:focus {
background: #1877F2 !important;
color: #fff !important;
}
html body .mobile-social-icon > a.frame-product-whatsapp-share,
html body .mobile-social-icon > a.frame-product-whatsapp-share:hover,
html body .mobile-social-icon > a.frame-product-whatsapp-share:focus {
background: #25D366 !important;
color: #fff !important;
}
html body .mobile-social-icon > a.frame-product-instagram-link,
html body .mobile-social-icon > a.frame-product-instagram-link:hover,
html body .mobile-social-icon > a.frame-product-instagram-link:focus {
background: linear-gradient(135deg, #F9CE34 0%, #EE2A7B 48%, #6228D7 100%) !important;
color: #fff !important;
}
html body .mobile-social-icon > a.facebook > i,
html body .mobile-social-icon > a.frame-product-whatsapp-share > i,
html body .mobile-social-icon > a.frame-product-instagram-link > i {
color: #fff !important;
font-size: 17px !important;
line-height: 1 !important;
margin: 0 !important;
}
left: 170px !important;
right: 54px !important;
z-index: 99999 !important;
max-height: 430px !important;
overflow-y: auto !important;
padding: 7px !important;
background: #fff !important;
border: 1px solid #eadfce !important;
border-radius: 12px !important;
box-shadow: 0 10px 28px rgba(52, 43, 31, 0.14) !important;
}
html body .frame-search-suggestions[hidden] {
display: none !important;
}
html body .frame-search-item {
display: flex !important;
align-items: center !important;
gap: 11px !important;
min-height: 64px !important;
padding: 7px 9px !important;
color: #312a22 !important;
text-decoration: none !important;
border-radius: 8px !important;
}
html body .frame-search-item + .frame-search-item {
border-top: 1px solid #f1eadf !important;
}
html body .frame-search-item:hover {
background: #f8f3eb !important;
}
html body .frame-search-item img {
flex: 0 0 50px !important;
width: 50px !important;
height: 50px !important;
object-fit: cover !important;
border-radius: 7px !important;
background: #f5f1eb !important;
}
html body .frame-search-item-details {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
gap: 3px !important;
}
html body .frame-search-item-details strong {
overflow: hidden !important;
color: #312a22 !important;
font-size: 13px !important;
line-height: 1.35 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
html body .frame-search-item-details small {
color: #a4763e !important;
font-size: 12px !important;
font-weight: 700 !important;
}
html body .frame-search-status {
padding: 13px 12px !important;
color: #75695c !important;
font-size: 13px !important;
text-align: center !important;
}
@media (max-width: 768px) {
html body .frame-search-suggestions {
left: 0 !important;
right: 0 !important;
max-height: 360px !important;
}
}
/* FrameHalı - ana slider çift animasyonu kaldır ve geçişi akıcılaştır */
html body .hero-slider-1 .slick-track,
html body .hero-slider-1 .slick-slide {
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
will-change: opacity !important;
}
html body .hero-slider-1 .slick-slide img.animated {
animation: none !important;
-webkit-animation: none !important;
transition: none !important;
transform: translateZ(0) !important;
-webkit-transform: translateZ(0) !important;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
}
html body .hero-slider-1:not(.slick-initialized) .single-hero-slider:first-child {
display: block !important;
opacity: 1 !important;
}
html body .hero-slider-1:not(.slick-initialized) .single-hero-slider:not(:first-child) {
display: none !important;
}
/* FrameHalı - ürün kartı fiyat hizası */
html body .product-cart-wrap .product-content-wrap .product-price {
display: block !important;
width: 100% !important;
text-align: center !important;
}
/* FrameHalı - sabit sağ üst favori kalbi */
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 > .js-quick-view-button {
display: none !important;
}
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 > .js-add-to-wishlist-button {
position: absolute !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
display: flex !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
.widget_archive li a, .widget_categories li.cat-item a, .widget_pages li a {
color:#000;
}
.product-sidebar .single-post .content h5 a{
color:#000;
font-weight: 300;
}
.x
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
.widget_categories {
background-color: #f3f6f8;
border: 1px solid #f3f6f8;
}
.header-bottom.header-bottom-bg-color,
.bg-brand {
position: relative;
overflow: hidden;
}
.header-bottom.header-bottom-bg-color::before,
.bg-brand::before {
content: "";
position: absolute;
inset: 0;
background-image: url('/themes/bakim/assets/img/bej-hali.png') !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.08;
pointer-events: none;
}
.header-bottom.header-bottom-bg-color > *,
.bg-brand > * {
position: relative;
z-index: 1;
}
/* ana rengi bej yap */
:root {
--color-brand: #d8bc96 !important;
}
/* ===== FRAMEHALI GENEL RENK AYARI ===== */
/* Ana marka rengini bej-krem yap */
:root {
--color-brand: #d8bc96 !important;
}
/* Site genel arka planını kırık beyaz yap */
body {
background-color: #f5f2eb !important;
}
/* Genel kutular ve beyaz alanlar daha yumuşak olsun */
section,
.container,
.card,
.box,
.content,
.bg-white,
.main,
.newsletter,
footer,
header {
background-color: transparent;
}
/* Kenarlıkları yumuşat */
* {
border-color: #e5dfd5 !important;
}
/* Üst mavi bar ve footer mavi alanına halı deseni ekle */
.header-bottom.header-bottom-bg-color,
.bg-brand {
position: relative;
overflow: hidden;
background-color: #d8bc96 !important;
}
/* Halı deseni overlay */
.header-bottom.header-bottom-bg-color::before,
.bg-brand::before {
content: "";
position: absolute;
inset: 0;
background-image: url('/themes/bakim/assets/img/bej-hali.png') !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.08;
pointer-events: none;
}
/* İçerikler desenden önde kalsın */
.header-bottom.header-bottom-bg-color > *,
.bg-brand > * {
position: relative;
z-index: 1;
}
/* Widget kategori kutusu tonu uyumlu olsun */
.widget_categories {
background-color: #d8bc96 !important;
border: 1px solid #d8bc96 !important;
}
/* Linkler siyaha yakın olsun */
a,
.widget_archive li a,
.widget_categories li.cat-item a,
.widget_pages li a,
.product-sidebar .single-post .content h5 a {
color: #2f2a24 !important;
}
/* Hover rengi */
a:hover {
color: #8b6b4a !important;
}
/* Butonlar için uyumlu ton */
.btn,
button,
input[type="submit"] {
background-color: #d8bc96 !important;
border-color: #d8bc96 !important;
color: #2f2a24 !important;
}
/* Buton hover */
.btn:hover,
button:hover,
input[type="submit"]:hover {
background-color: #cbb087 !important;
border-color: #cbb087 !important;
color: #2f2a24 !important;
}
/* ===== ÜRÜN KARTI İÇ BOŞLUK HACK ===== */
.product-cart-wrap.small.hover-up.p-10 {
padding: 15px !important;
margin: 0 6px !important;
box-sizing: border-box !important;
}
/* slider taşmasını engelle */
.carousel-6-columns-products .slick-list {
overflow: hidden !important;
}
/* ===== TAB MENÜ ESKİ HALİ ===== */
.nav-tabs {
border-bottom: 1px solid #e5e5e5 !important;
}
.nav-tabs .nav-link {
background: transparent !important;
border: none !important;
color: #777 !important;
font-weight: 500;
padding: 10px 15px;
}
/* aktif olan */
.nav-tabs .nav-link.active {
background: transparent !important;
color: #2d5be3 !important; /* mavi ton */
border-bottom: 2px solid #2d5be3 !important;
}
/* hover */
.nav-tabs .nav-link:hover {
color: #2d5be3 !important;
}
.header-bottom.header-bottom-bg-color,
.bg-brand {
overflow: visible !important;
}
/* ANA ALANI ŞEFFAF YAP (uzun beyazı kaldır) */
.featured-section .row {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
/* TEK TEK KARTLAR */
.banner-left-icon {
background: #fff !important;
border-radius: 25px;
padding: 20px;
box-shadow: 0 10px 25px rgba(0,0,0,0.06);
transition: all 0.3s ease;
height: 100%;
}
/* ARALARINA BOŞLUK VER */
.featured-section .col-lg-3 {
margin-bottom: 20px;
}
/* HOVER EFEKTİ (premium hissiyat) */
.banner-left-icon:hover {
transform: translateY(-6px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
/* İKON DAHA ŞIK */
.banner-icon {
background: #f5f2eb;
border-radius: 50%;
padding: 12px;
}
/* BAŞLIK */
.banner-left-icon h3 {
font-weight: 600;
}
/* ALT YAZI */
.banner-left-icon p {
color: #777;
}
@media (max-width: 768px) {
/* YATAY KAYDIRMA */
.featured-products .row,
.product-tabs .row,
.product-grid .row,
.row.product-grid {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: 12px !important;
padding-bottom: 10px !important;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
/* Scrollbar gizle */
.featured-products .row::-webkit-scrollbar,
.product-tabs .row::-webkit-scrollbar,
.product-grid .row::-webkit-scrollbar,
.row.product-grid::-webkit-scrollbar {
display: none;
}
/* KART GENİŞLİĞİ (38%) */
.featured-products .row > [class*="col-"],
.product-tabs .row > [class*="col-"],
.product-grid .row > [class*="col-"],
.row.product-grid > [class*="col-"] {
flex: 0 0 38% !important;
max-width: 38% !important;
width: 38% !important;
scroll-snap-align: start;
padding-right: 0 !important;
padding-left: 0 !important;
}
/* KART */
.product-cart-wrap {
padding: 8px !important;
margin: 0 !important;
min-height: auto !important;
border-radius: 16px !important;
box-shadow: 0 6px 18px rgba(0,0,0,0.07) !important;
overflow: visible !important;
}
/* GÖRSEL */
.product-img {
height: 140px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.product-img img {
max-height: 125px !important;
width: auto !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
}
/* BAŞLIK */
.product-cart-wrap h2,
.product-cart-wrap h3,
.product-title {
font-size: 11px !important;
line-height: 1.35 !important;
margin-bottom: 5px !important;
}
/* FİYAT */
.product-price,
.price,
.current-price {
font-size: 12px !important;
line-height: 1.3 !important;
}
/* İÇ BOŞLUK */
.product-content-wrap,
.product-card-bottom,
.product-cart-wrap .product-content-wrap {
padding: 0 !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
padding: 0 !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button i {
font-size: 12px !important;
line-height: 1 !important;
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button .colAddCart {
display: none !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap {
position: relative !important;
overflow: hidden !important;
}
.product-img-action-wrap {
position: relative !important;
}
/* İkon grubunu görselin üstünde tek noktada tut */
.product-cart-wrap .product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
bottom: auto !important;
z-index: 50 !important;
display: flex !important;
gap: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
/* Göz ve karşılaştırmayı gizle */
.product-cart-wrap .product-action-1 a.js-quick-view-button,
.product-cart-wrap .product-action-1 a.js-add-to-compare-button {
display: none !important;
}
/* Sadece kalp görünsün */
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button {
display: flex !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
padding: 0 !important;
border-radius: 50% !important;
background: #fff !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.12) !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
}
@media (max-width: 768px) {
/* Sepeti tekrar fiyatın yanına/aşağıya indir */
.product-cart-wrap .product-action-1 a.js-add-to-cart-button,
.product-cart-wrap .product-action-1 a.add-to-cart-button {
position: absolute !important;
right: 0px !important;
top: auto !important;
bottom: -260px !important;
z-index: 60 !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-img-action-wrap {
position: relative !important;
}
.product-cart-wrap .product-action-1 a.js-quick-view-button,
.product-cart-wrap .product-action-1 a.js-add-to-compare-button {
display: none !important;
}
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button,
.product-cart-wrap .product-action-1 a.wis_added {
position: absolute !important;
top: -5px !important;
right: -10px !important;
left: auto !important;
bottom: auto !important;
width: 25px !important;
height: 25px !important;
min-width: 25px !important;
border-radius: 50% !important;
background-color: #fff !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 15px 15px !important;
z-index: 999 !important;
overflow: hidden !important;
}
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button i,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button i,
.product-cart-wrap .product-action-1 a.wis_added i {
display: none !important;
}
/* DOLU KALP */
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button:not(.js-add-to-wishlist-button) {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s-7-4.6-9.5-9C.3 8.1 2.5 4 6.7 4c2.1 0 3.8 1.2 5.3 3 1.5-1.8 3.2-3 5.3-3 4.2 0 6.4 4.1 4.2 8-2.5 4.4-9.5 9-9.5 9z' fill='%23d8bc96' stroke='%23d8bc96' stroke-width='2'/%3E%3C/svg%3E") !important;
}
/* BOŞ KALP - EN ALTA KOYDUK, kaldırınca bunu bassın */
.product-cart-wrap .product-action-1 a.action-btn.js-add-to-wishlist-button {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s-7-4.6-9.5-9C.3 8.1 2.5 4 6.7 4c2.1 0 3.8 1.2 5.3 3 1.5-1.8 3.2-3 5.3-3 4.2 0 6.4 4.1 4.2 8-2.5 4.4-9.5 9-9.5 9z' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E") !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:hover,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:active,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:focus,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:focus-visible,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:hover,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:active,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:focus,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:focus-visible {
background-color: #fff !important;
box-shadow: none !important;
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
}
}
/* Ürün görselleri taşmasın */
.product-cart-wrap .product-img {
overflow: hidden !important;
}
/* Hover'daki ikinci görseli de aynı boyuta zorla */
.product-cart-wrap .product-img img,
.product-cart-wrap .product-img-zoom img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* Hover container da taşmasın */
.product-cart-wrap .product-img-zoom {
width: 100% !important;
height: 100% !important;
}
@media (max-width: 768px) {
section.featured .row > div {
margin-bottom: 18px !important;
}
section.featured .row > div:last-child {
margin-bottom: 0 !important;
}
}
@media (max-width: 768px) {
/* Default resmi gizle (hover sırasında arkadan görünmesin) */
.product-cart-wrap:hover .default-img {
opacity: 0 !important;
}
/* Hover resmi üstte olsun */
.product-cart-wrap .hover-img {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
z-index: 2 !important;
}
/* Default resim altta kalsın */
.product-cart-wrap .default-img {
position: relative !important;
z-index: 1 !important;
}
/* Container referans olsun */
.product-cart-wrap .product-img {
position: relative !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap.hover .default-img {
opacity: 0 !important;
}
}
.product-content-wrap .product-category a {
font-weight: 600 !important;
}
@media (max-width: 768px) {
/* Kart içeriğini ortala */
.product-content-wrap {
text-align: center !important;
}
/* Kategori */
.product-content-wrap .product-category {
text-align: center !important;
}
/* Ürün adı */
.product-content-wrap h2 {
text-align: center !important;
}
.product-content-wrap h2 a {
text-align: center !important;
}
/* Fiyat */
.product-content-wrap .product-price {
text-align: center !important;
}
/* Rating / yıldızlar */
.product-content-wrap .rating_wrap {
justify-content: center !important;
display: flex !important;
}
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button,
.product-cart-wrap .product-action-1 a.js-add-to-cart-button,
.product-cart-wrap .product-action-1 a.add-to-cart-button {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* FRAMEHALI sade ürün kartı aksiyonları */
.product-img-action-wrap > .product-action-1 .js-quick-view-button,
.product-img-action-wrap > .product-action-1 .js-add-to-compare-button {
display: none !important;
}
.product-img-action-wrap { position: relative !important; }
.product-img-action-wrap > .product-action-1 {
position: absolute !important;
top: 10px !important; right: 10px !important; left: auto !important; bottom: auto !important;
display: flex !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important;
}
.product-img-action-wrap > .product-action-1 .js-add-to-wishlist-button,
.product-img-action-wrap > .product-action-1 .js-remove-from-wishlist-button {
display: flex !important; width: 34px !important; height: 34px !important; min-width: 34px !important;
align-items: center !important; justify-content: center !important;
background: #fff !important; border-radius: 50% !important;
box-shadow: 0 3px 10px rgba(0,0,0,.12) !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
.product-content-wrap > .product-action-1.show {
position: static !important; display: block !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
}
.product-content-wrap > .product-action-1.show .add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin-top: 10px !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
background: #d8bc96 !important; color: #2f2a24 !important; border-radius: 8px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
.product-content-wrap > .product-action-1.show .add-to-cart-button::after { content: "Sepete Ekle"; font-size: 12px; font-weight: 600; }
@media (max-width: 768px) {
.product-content-wrap > .product-action-1.show .add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; border-radius: 8px !important; }
.product-content-wrap > .product-action-1.show .add-to-cart-button::after { content: none !important; }
}
/* Kart aksiyon düzeni başlangıç */
/* Önceki sepet gizleme kuralını geçersiz kıl */
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin: 10px 0 0 !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; }
}
/* Önceki sepet gizleme kuralını geçersiz kıl */
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin: 10px 0 0 !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
content: "Sepete Ekle" !important; color: #2f2a24 !important; opacity: 1 !important; visibility: visible !important; display: block !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after { content: none !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
content: "Sepete Ekle" !important; color: #2f2a24 !important; opacity: 1 !important; visibility: visible !important; display: block !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after { content: none !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
transform: none !important; position: static !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
transform: none !important; position: static !important;
}
/* FrameHalı - sosyal medya son düzen */
a[title="Instagram"][href*="instagram.com/framehali"] {
background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 48%, #6228d7 100%) !important;
border-color: #ee2a7b !important;
color: #ffffff !important;
}
a[title="Instagram"][href*="instagram.com/framehali"] i {
color: #ffffff !important;
}
a.twitter[href*="twitter.com/intent"],
a.linkedin[href*="linkedin.com/share"] {
display: none !important;
}
/* FrameHalı - yalnızca gölgesiz Sepete Ekle */
.product-cart-wrap .product-content-wrap > .product-action-1.show {
display: block !important;
width: 100% !important;
}
.product-cart-wrap .frame-buy-now {
display: none !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show > a.add-to-cart-button {
position: static !important;
display: flex !important;
width: 100% !important;
max-width: none !important;
height: 36px !important;
margin: 10px 0 0 !important;
padding: 0 12px !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
text-shadow: none !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show > a.add-to-cart-button::after {
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
/* FrameHalı - favori kalbini kartın sağ üstüne sabitle */
.product-cart-wrap .product-img-action-wrap > .product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.product-cart-wrap .product-img-action-wrap > .product-action-1 .js-quick-view-button {
display: none !important;
}
.product-cart-wrap .product-img-action-wrap > .product-action-1 .js-add-to-wishlist-button {
position: static !important;
display: flex !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
/* FrameHalı - üst şerit duyuru kapsülü */
.frame-top-promo {
position: relative !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 30px !important;
height: auto !important;
margin: 3px 0 !important;
padding: 5px 18px !important;
overflow: hidden;
border: 1px solid rgba(185, 139, 78, .32);
border-radius: 999px;
background: linear-gradient(90deg, #f8efe0 0%, #f2dfbf 50%, #f8efe0 100%);
box-shadow: 0 2px 7px rgba(97, 69, 35, .08);
color: #5b432b;
transition: border-color .2s ease, background .2s ease;
}
.frame-top-promo:hover {
border-color: rgba(185, 139, 78, .58);
background: linear-gradient(90deg, #f5e7cf 0%, #ecd3a9 50%, #f5e7cf 100%);
}
.frame-top-promo-text {
position: relative;
z-index: 1;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
letter-spacing: .05px;
color: #5b432b;
white-space: nowrap;
pointer-events: none;
}
.frame-top-promo-link {
position: absolute !important;
inset: 0;
z-index: 2;
display: block !important;
width: 100%;
height: 100%;
font-size: 0 !important;
}
@media (max-width: 991px) {
.frame-top-promo { padding: 4px 12px !important; }
.frame-top-promo-text { font-size: 12px; }
}
/* FrameHalı - üst şerit kapsül hizalama düzeltmesi */
.frame-top-promo-wrap {
min-height: 30px !important;
height: auto !important;
overflow: visible !important;
vertical-align: middle;
}
.frame-top-promo-list {
height: auto !important;
min-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
}
.frame-top-promo {
border: 1px solid rgba(185, 139, 78, .32) !important;
}
/* FrameHalı - üst şeride tam sığan kompakt duyuru */
.frame-top-promo-wrap {
min-height: 24px !important;
height: 24px !important;
overflow: hidden !important;
vertical-align: top !important;
}
.frame-top-promo-list {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 24px !important;
height: 24px !important;
margin: 0 !important;
padding: 0 !important;
}
.frame-top-promo {
box-sizing: border-box !important;
min-height: 22px !important;
height: 22px !important;
margin: 1px 0 !important;
padding: 2px 14px !important;
border: 1px solid rgba(185, 139, 78, .32) !important;
}
.frame-top-promo-text {
font-size: 12px !important;
line-height: 16px !important;
}
/* FrameHalı - duyuru kapsülünü sabit tut */
.frame-top-promo,
.frame-top-promo:hover,
.frame-top-promo:focus,
.frame-top-promo:active,
.frame-top-promo-link,
.frame-top-promo-link:hover,
.frame-top-promo-link:focus,
.frame-top-promo-link:active {
top: auto !important;
bottom: auto !important;
transform: none !important;
translate: none !important;
}
/* FrameHalı - tek sabit favori görünümü */
html body .product-cart-wrap .product-action-1.frame-favorite-stable {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
overflow: visible !important;
border: 1px solid rgba(80,72,62,.12) !important;
border-radius: 50% !important;
background: #fff !important;
box-shadow: 0 2px 7px rgba(0,0,0,.14) !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable::before {
content: "" !important;
position: absolute !important;
top: 7px !important;
left: 7px !important;
z-index: 999 !important;
display: block !important;
width: 19px !important;
height: 19px !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
animation: none !important;
transition: none !important;
transform: none !important;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23333' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable:not(.frame-favorite-on):not(.frame-favorite-just-off):has(.js-add-to-wishlist-button:hover)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23d92d2d' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable.frame-favorite-on::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23d92d2d' stroke='%23d92d2d' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable.frame-favorite-just-off::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23333' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button i,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button i,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button::before,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button::before,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button::after,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button::after {
display: none !important;
content: none !important;
}
.product-img-action-wrap:has(.js-add-to-wishlist-button:hover) .product-img img.default-img,
.product-img-action-wrap:has(.js-remove-from-wishlist-button:hover) .product-img img.default-img {
opacity: 1 !important;
visibility: visible !important;
}
.product-img-action-wrap:has(.js-add-to-wishlist-button:hover) .product-img img.hover-img,
.product-img-action-wrap:has(.js-remove-from-wishlist-button:hover) .product-img img.hover-img {
opacity: 0 !important;
visibility: hidden !important;
}
/* FrameHalı - favori tıklamasında tek daire ve şeffaf dokunma alanı */
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:hover,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:hover,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:focus,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:focus,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:active,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:active,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.button-loading {
position: absolute !important;
inset: 0 !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
outline: 0 !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
filter: none !important;
transform: none !important;
animation: none !important;
transition: none !important;
-webkit-tap-highlight-color: transparent !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:focus-visible,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:focus-visible {
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* FrameHalı - WhatsApp ve paylaşım son düzen */
.product-detail a[href*="wa.me/"] {
background: #25D366 !important;
background-color: #25D366 !important;
border-color: #25D366 !important;
color: #ffffff !important;
box-shadow: none !important;
}
.product-detail a[href*="wa.me/"] i { color: #ffffff !important; }
.product-detail a[href*="wa.me/"]:hover,
.product-detail a[href*="wa.me/"]:focus {
background: #1EBE5D !important;
background-color: #1EBE5D !important;
border-color: #1EBE5D !important;
color: #ffffff !important;
}
footer a.frame-footer-whatsapp {
color: inherit !important;
font-weight: 600;
text-decoration: none !important;
}
footer a.frame-footer-whatsapp:hover,
footer a.frame-footer-whatsapp:focus { color: #25D366 !important; }
.single-social-share > p {
cursor: default !important;
color: inherit !important;
}
.single-social-share .frame-product-whatsapp-share {
background: #25D366 !important;
border-color: #25D366 !important;
color: #ffffff !important;
}
.single-social-share .frame-product-instagram-link {
background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 48%, #6228d7 100%) !important;
border-color: #ee2a7b !important;
color: #ffffff !important;
}
.single-social-share .frame-product-whatsapp-share i,
.single-social-share .frame-product-instagram-link i { color: #ffffff !important; }
/* FrameHalı - mobil sıfır yorum satırı */
.product-content-wrap .rating_wrap[style*="display: none"],
.product-content-wrap .rating_wrap[style*="display:none"] {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* FrameHalı - mobil hizmet kutuları 2x2 ve slider görünürlüğü */
.frame-featured-products-stable,
.frame-featured-products-stable .container,
.frame-featured-products-stable .carousel-slider-wrapper,
.frame-featured-products-stable .slick-list,
.frame-featured-products-stable .slick-track,
.frame-featured-products-stable .slick-slide {
visibility: visible !important;
opacity: 1 !important;
}
@media (max-width: 767px) {
.featured.section-padding-60 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.featured.section-padding-60 > .container > .row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 !important;
}
.featured.section-padding-60 > .container > .row > [class*="col-"] {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.featured .banner-left-icon {
width: 100% !important;
min-height: 0 !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
padding: 12px 9px !important;
border-radius: 16px !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
}
.featured .banner-icon {
margin: 0 0 7px !important;
}
.featured .banner-icon img {
width: 42px !important;
height: 42px !important;
object-fit: contain !important;
}
.featured .banner-text {
width: 100% !important;
}
.featured .icon-box-title {
margin: 0 0 4px !important;
font-size: 13px !important;
line-height: 1.25 !important;
}
.featured .banner-text p {
margin: 0 !important;
font-size: 11px !important;
line-height: 1.35 !important;
}
}
/* FrameHalı - English layout direction */
html[lang="en"] body {
direction: ltr !important;
}
/* FrameHalı - arama kutusu canlı ürün önerileri */
html body .frame-search-form {
position: relative !important;
}
html body .frame-search-suggestions {
position: absolute !important;
top: calc(100% + 7px) !important;
left: 170px !important;
right: 54px !important;
z-index: 99999 !important;
max-height: 430px !important;
overflow-y: auto !important;
padding: 7px !important;
background: #fff !important;
border: 1px solid #eadfce !important;
border-radius: 12px !important;
box-shadow: 0 10px 28px rgba(52, 43, 31, 0.14) !important;
}
html body .frame-search-suggestions[hidden] {
display: none !important;
}
html body .frame-search-item {
display: flex !important;
align-items: center !important;
gap: 11px !important;
min-height: 64px !important;
padding: 7px 9px !important;
color: #312a22 !important;
text-decoration: none !important;
border-radius: 8px !important;
}
html body .frame-search-item + .frame-search-item {
border-top: 1px solid #f1eadf !important;
}
html body .frame-search-item:hover {
background: #f8f3eb !important;
}
html body .frame-search-item img {
flex: 0 0 50px !important;
width: 50px !important;
height: 50px !important;
object-fit: cover !important;
border-radius: 7px !important;
background: #f5f1eb !important;
}
html body .frame-search-item-details {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
gap: 3px !important;
}
html body .frame-search-item-details strong {
overflow: hidden !important;
color: #312a22 !important;
font-size: 13px !important;
line-height: 1.35 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
html body .frame-search-item-details small {
color: #a4763e !important;
font-size: 12px !important;
font-weight: 700 !important;
}
html body .frame-search-status {
padding: 13px 12px !important;
color: #75695c !important;
font-size: 13px !important;
text-align: center !important;
}
@media (max-width: 768px) {
html body .frame-search-suggestions {
left: 0 !important;
right: 0 !important;
max-height: 360px !important;
}
}
/* FrameHalı - ana slider çift animasyonu kaldır ve geçişi akıcılaştır */
html body .hero-slider-1 .slick-track,
html body .hero-slider-1 .slick-slide {
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
will-change: opacity !important;
}
html body .hero-slider-1 .slick-slide img.animated {
animation: none !important;
-webkit-animation: none !important;
transition: none !important;
transform: translateZ(0) !important;
-webkit-transform: translateZ(0) !important;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
}
html body .hero-slider-1:not(.slick-initialized) .single-hero-slider:first-child {
display: block !important;
opacity: 1 !important;
}
html body .hero-slider-1:not(.slick-initialized) .single-hero-slider:not(:first-child) {
display: none !important;
}
/* FrameHalı - ürün kartı fiyat hizası */
html body .product-cart-wrap .product-content-wrap .product-price {
display: block !important;
width: 100% !important;
text-align: center !important;
}
/* FrameHalı - sabit sağ üst favori kalbi */
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 > .js-quick-view-button {
display: none !important;
}
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 > .js-add-to-wishlist-button {
position: absolute !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
display: flex !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
.widget_archive li a, .widget_categories li.cat-item a, .widget_pages li a {
color:#000;
}
.product-sidebar .single-post .content h5 a{
color:#000;
font-weight: 300;
}
.x
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
.widget_categories {
background-color: #f3f6f8;
border: 1px solid #f3f6f8;
}
.header-bottom.header-bottom-bg-color,
.bg-brand {
position: relative;
overflow: hidden;
}
.header-bottom.header-bottom-bg-color::before,
.bg-brand::before {
content: "";
position: absolute;
inset: 0;
background-image: url('/themes/bakim/assets/img/bej-hali.png') !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.08;
pointer-events: none;
}
.header-bottom.header-bottom-bg-color > *,
.bg-brand > * {
position: relative;
z-index: 1;
}
/* ana rengi bej yap */
:root {
--color-brand: #d8bc96 !important;
}
/* ===== FRAMEHALI GENEL RENK AYARI ===== */
/* Ana marka rengini bej-krem yap */
:root {
--color-brand: #d8bc96 !important;
}
/* Site genel arka planını kırık beyaz yap */
body {
background-color: #f5f2eb !important;
}
/* Genel kutular ve beyaz alanlar daha yumuşak olsun */
section,
.container,
.card,
.box,
.content,
.bg-white,
.main,
.newsletter,
footer,
header {
background-color: transparent;
}
/* Kenarlıkları yumuşat */
* {
border-color: #e5dfd5 !important;
}
/* Üst mavi bar ve footer mavi alanına halı deseni ekle */
.header-bottom.header-bottom-bg-color,
.bg-brand {
position: relative;
overflow: hidden;
background-color: #d8bc96 !important;
}
/* Halı deseni overlay */
.header-bottom.header-bottom-bg-color::before,
.bg-brand::before {
content: "";
position: absolute;
inset: 0;
background-image: url('/themes/bakim/assets/img/bej-hali.png') !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.08;
pointer-events: none;
}
/* İçerikler desenden önde kalsın */
.header-bottom.header-bottom-bg-color > *,
.bg-brand > * {
position: relative;
z-index: 1;
}
/* Widget kategori kutusu tonu uyumlu olsun */
.widget_categories {
background-color: #d8bc96 !important;
border: 1px solid #d8bc96 !important;
}
/* Linkler siyaha yakın olsun */
a,
.widget_archive li a,
.widget_categories li.cat-item a,
.widget_pages li a,
.product-sidebar .single-post .content h5 a {
color: #2f2a24 !important;
}
/* Hover rengi */
a:hover {
color: #8b6b4a !important;
}
/* Butonlar için uyumlu ton */
.btn,
button,
input[type="submit"] {
background-color: #d8bc96 !important;
border-color: #d8bc96 !important;
color: #2f2a24 !important;
}
/* Buton hover */
.btn:hover,
button:hover,
input[type="submit"]:hover {
background-color: #cbb087 !important;
border-color: #cbb087 !important;
color: #2f2a24 !important;
}
/* ===== ÜRÜN KARTI İÇ BOŞLUK HACK ===== */
.product-cart-wrap.small.hover-up.p-10 {
padding: 15px !important;
margin: 0 6px !important;
box-sizing: border-box !important;
}
/* slider taşmasını engelle */
.carousel-6-columns-products .slick-list {
overflow: hidden !important;
}
/* ===== TAB MENÜ ESKİ HALİ ===== */
.nav-tabs {
border-bottom: 1px solid #e5e5e5 !important;
}
.nav-tabs .nav-link {
background: transparent !important;
border: none !important;
color: #777 !important;
font-weight: 500;
padding: 10px 15px;
}
/* aktif olan */
.nav-tabs .nav-link.active {
background: transparent !important;
color: #2d5be3 !important; /* mavi ton */
border-bottom: 2px solid #2d5be3 !important;
}
/* hover */
.nav-tabs .nav-link:hover {
color: #2d5be3 !important;
}
.header-bottom.header-bottom-bg-color,
.bg-brand {
overflow: visible !important;
}
/* ANA ALANI ŞEFFAF YAP (uzun beyazı kaldır) */
.featured-section .row {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
/* TEK TEK KARTLAR */
.banner-left-icon {
background: #fff !important;
border-radius: 25px;
padding: 20px;
box-shadow: 0 10px 25px rgba(0,0,0,0.06);
transition: all 0.3s ease;
height: 100%;
}
/* ARALARINA BOŞLUK VER */
.featured-section .col-lg-3 {
margin-bottom: 20px;
}
/* HOVER EFEKTİ (premium hissiyat) */
.banner-left-icon:hover {
transform: translateY(-6px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
/* İKON DAHA ŞIK */
.banner-icon {
background: #f5f2eb;
border-radius: 50%;
padding: 12px;
}
/* BAŞLIK */
.banner-left-icon h3 {
font-weight: 600;
}
/* ALT YAZI */
.banner-left-icon p {
color: #777;
}
@media (max-width: 768px) {
/* YATAY KAYDIRMA */
.featured-products .row,
.product-tabs .row,
.product-grid .row,
.row.product-grid {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: 12px !important;
padding-bottom: 10px !important;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
/* Scrollbar gizle */
.featured-products .row::-webkit-scrollbar,
.product-tabs .row::-webkit-scrollbar,
.product-grid .row::-webkit-scrollbar,
.row.product-grid::-webkit-scrollbar {
display: none;
}
/* KART GENİŞLİĞİ (38%) */
.featured-products .row > [class*="col-"],
.product-tabs .row > [class*="col-"],
.product-grid .row > [class*="col-"],
.row.product-grid > [class*="col-"] {
flex: 0 0 38% !important;
max-width: 38% !important;
width: 38% !important;
scroll-snap-align: start;
padding-right: 0 !important;
padding-left: 0 !important;
}
/* KART */
.product-cart-wrap {
padding: 8px !important;
margin: 0 !important;
min-height: auto !important;
border-radius: 16px !important;
box-shadow: 0 6px 18px rgba(0,0,0,0.07) !important;
overflow: visible !important;
}
/* GÖRSEL */
.product-img {
height: 140px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.product-img img {
max-height: 125px !important;
width: auto !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
}
/* BAŞLIK */
.product-cart-wrap h2,
.product-cart-wrap h3,
.product-title {
font-size: 11px !important;
line-height: 1.35 !important;
margin-bottom: 5px !important;
}
/* FİYAT */
.product-price,
.price,
.current-price {
font-size: 12px !important;
line-height: 1.3 !important;
}
/* İÇ BOŞLUK */
.product-content-wrap,
.product-card-bottom,
.product-cart-wrap .product-content-wrap {
padding: 0 !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
padding: 0 !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button i {
font-size: 12px !important;
line-height: 1 !important;
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button .colAddCart {
display: none !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap {
position: relative !important;
overflow: hidden !important;
}
.product-img-action-wrap {
position: relative !important;
}
/* İkon grubunu görselin üstünde tek noktada tut */
.product-cart-wrap .product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
bottom: auto !important;
z-index: 50 !important;
display: flex !important;
gap: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
/* Göz ve karşılaştırmayı gizle */
.product-cart-wrap .product-action-1 a.js-quick-view-button,
.product-cart-wrap .product-action-1 a.js-add-to-compare-button {
display: none !important;
}
/* Sadece kalp görünsün */
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button {
display: flex !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
padding: 0 !important;
border-radius: 50% !important;
background: #fff !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.12) !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
}
@media (max-width: 768px) {
/* Sepeti tekrar fiyatın yanına/aşağıya indir */
.product-cart-wrap .product-action-1 a.js-add-to-cart-button,
.product-cart-wrap .product-action-1 a.add-to-cart-button {
position: absolute !important;
right: 0px !important;
top: auto !important;
bottom: -260px !important;
z-index: 60 !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-img-action-wrap {
position: relative !important;
}
.product-cart-wrap .product-action-1 a.js-quick-view-button,
.product-cart-wrap .product-action-1 a.js-add-to-compare-button {
display: none !important;
}
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button,
.product-cart-wrap .product-action-1 a.wis_added {
position: absolute !important;
top: -5px !important;
right: -10px !important;
left: auto !important;
bottom: auto !important;
width: 25px !important;
height: 25px !important;
min-width: 25px !important;
border-radius: 50% !important;
background-color: #fff !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 15px 15px !important;
z-index: 999 !important;
overflow: hidden !important;
}
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button i,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button i,
.product-cart-wrap .product-action-1 a.wis_added i {
display: none !important;
}
/* DOLU KALP */
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button:not(.js-add-to-wishlist-button) {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s-7-4.6-9.5-9C.3 8.1 2.5 4 6.7 4c2.1 0 3.8 1.2 5.3 3 1.5-1.8 3.2-3 5.3-3 4.2 0 6.4 4.1 4.2 8-2.5 4.4-9.5 9-9.5 9z' fill='%23d8bc96' stroke='%23d8bc96' stroke-width='2'/%3E%3C/svg%3E") !important;
}
/* BOŞ KALP - EN ALTA KOYDUK, kaldırınca bunu bassın */
.product-cart-wrap .product-action-1 a.action-btn.js-add-to-wishlist-button {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s-7-4.6-9.5-9C.3 8.1 2.5 4 6.7 4c2.1 0 3.8 1.2 5.3 3 1.5-1.8 3.2-3 5.3-3 4.2 0 6.4 4.1 4.2 8-2.5 4.4-9.5 9-9.5 9z' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E") !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:hover,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:active,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:focus,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:focus-visible,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:hover,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:active,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:focus,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:focus-visible {
background-color: #fff !important;
box-shadow: none !important;
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
}
}
/* Ürün görselleri taşmasın */
.product-cart-wrap .product-img {
overflow: hidden !important;
}
/* Hover'daki ikinci görseli de aynı boyuta zorla */
.product-cart-wrap .product-img img,
.product-cart-wrap .product-img-zoom img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* Hover container da taşmasın */
.product-cart-wrap .product-img-zoom {
width: 100% !important;
height: 100% !important;
}
@media (max-width: 768px) {
section.featured .row > div {
margin-bottom: 18px !important;
}
section.featured .row > div:last-child {
margin-bottom: 0 !important;
}
}
@media (max-width: 768px) {
/* Default resmi gizle (hover sırasında arkadan görünmesin) */
.product-cart-wrap:hover .default-img {
opacity: 0 !important;
}
/* Hover resmi üstte olsun */
.product-cart-wrap .hover-img {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
z-index: 2 !important;
}
/* Default resim altta kalsın */
.product-cart-wrap .default-img {
position: relative !important;
z-index: 1 !important;
}
/* Container referans olsun */
.product-cart-wrap .product-img {
position: relative !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap.hover .default-img {
opacity: 0 !important;
}
}
.product-content-wrap .product-category a {
font-weight: 600 !important;
}
@media (max-width: 768px) {
/* Kart içeriğini ortala */
.product-content-wrap {
text-align: center !important;
}
/* Kategori */
.product-content-wrap .product-category {
text-align: center !important;
}
/* Ürün adı */
.product-content-wrap h2 {
text-align: center !important;
}
.product-content-wrap h2 a {
text-align: center !important;
}
/* Fiyat */
.product-content-wrap .product-price {
text-align: center !important;
}
/* Rating / yıldızlar */
.product-content-wrap .rating_wrap {
justify-content: center !important;
display: flex !important;
}
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button,
.product-cart-wrap .product-action-1 a.js-add-to-cart-button,
.product-cart-wrap .product-action-1 a.add-to-cart-button {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* FRAMEHALI sade ürün kartı aksiyonları */
.product-img-action-wrap > .product-action-1 .js-quick-view-button,
.product-img-action-wrap > .product-action-1 .js-add-to-compare-button {
display: none !important;
}
.product-img-action-wrap { position: relative !important; }
.product-img-action-wrap > .product-action-1 {
position: absolute !important;
top: 10px !important; right: 10px !important; left: auto !important; bottom: auto !important;
display: flex !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important;
}
.product-img-action-wrap > .product-action-1 .js-add-to-wishlist-button,
.product-img-action-wrap > .product-action-1 .js-remove-from-wishlist-button {
display: flex !important; width: 34px !important; height: 34px !important; min-width: 34px !important;
align-items: center !important; justify-content: center !important;
background: #fff !important; border-radius: 50% !important;
box-shadow: 0 3px 10px rgba(0,0,0,.12) !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
.product-content-wrap > .product-action-1.show {
position: static !important; display: block !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
}
.product-content-wrap > .product-action-1.show .add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin-top: 10px !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
background: #d8bc96 !important; color: #2f2a24 !important; border-radius: 8px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
.product-content-wrap > .product-action-1.show .add-to-cart-button::after { content: "Sepete Ekle"; font-size: 12px; font-weight: 600; }
@media (max-width: 768px) {
.product-content-wrap > .product-action-1.show .add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; border-radius: 8px !important; }
.product-content-wrap > .product-action-1.show .add-to-cart-button::after { content: none !important; }
}
/* Kart aksiyon düzeni başlangıç */
/* Önceki sepet gizleme kuralını geçersiz kıl */
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin: 10px 0 0 !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; }
}
/* Önceki sepet gizleme kuralını geçersiz kıl */
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin: 10px 0 0 !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
content: "Sepete Ekle" !important; color: #2f2a24 !important; opacity: 1 !important; visibility: visible !important; display: block !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after { content: none !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
content: "Sepete Ekle" !important; color: #2f2a24 !important; opacity: 1 !important; visibility: visible !important; display: block !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after { content: none !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
transform: none !important; position: static !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
transform: none !important; position: static !important;
}
/* FrameHalı - sosyal medya son düzen */
a[title="Instagram"][href*="instagram.com/framehali"] {
background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 48%, #6228d7 100%) !important;
border-color: #ee2a7b !important;
color: #ffffff !important;
}
a[title="Instagram"][href*="instagram.com/framehali"] i {
color: #ffffff !important;
}
a.twitter[href*="twitter.com/intent"],
a.linkedin[href*="linkedin.com/share"] {
display: none !important;
}
/* FrameHalı - yalnızca gölgesiz Sepete Ekle */
.product-cart-wrap .product-content-wrap > .product-action-1.show {
display: block !important;
width: 100% !important;
}
.product-cart-wrap .frame-buy-now {
display: none !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show > a.add-to-cart-button {
position: static !important;
display: flex !important;
width: 100% !important;
max-width: none !important;
height: 36px !important;
margin: 10px 0 0 !important;
padding: 0 12px !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
text-shadow: none !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show > a.add-to-cart-button::after {
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
/* FrameHalı - favori kalbini kartın sağ üstüne sabitle */
.product-cart-wrap .product-img-action-wrap > .product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.product-cart-wrap .product-img-action-wrap > .product-action-1 .js-quick-view-button {
display: none !important;
}
.product-cart-wrap .product-img-action-wrap > .product-action-1 .js-add-to-wishlist-button {
position: static !important;
display: flex !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
/* FrameHalı - üst şerit duyuru kapsülü */
.frame-top-promo {
position: relative !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 30px !important;
height: auto !important;
margin: 3px 0 !important;
padding: 5px 18px !important;
overflow: hidden;
border: 1px solid rgba(185, 139, 78, .32);
border-radius: 999px;
background: linear-gradient(90deg, #f8efe0 0%, #f2dfbf 50%, #f8efe0 100%);
box-shadow: 0 2px 7px rgba(97, 69, 35, .08);
color: #5b432b;
transition: border-color .2s ease, background .2s ease;
}
.frame-top-promo:hover {
border-color: rgba(185, 139, 78, .58);
background: linear-gradient(90deg, #f5e7cf 0%, #ecd3a9 50%, #f5e7cf 100%);
}
.frame-top-promo-text {
position: relative;
z-index: 1;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
letter-spacing: .05px;
color: #5b432b;
white-space: nowrap;
pointer-events: none;
}
.frame-top-promo-link {
position: absolute !important;
inset: 0;
z-index: 2;
display: block !important;
width: 100%;
height: 100%;
font-size: 0 !important;
}
@media (max-width: 991px) {
.frame-top-promo { padding: 4px 12px !important; }
.frame-top-promo-text { font-size: 12px; }
}
/* FrameHalı - üst şerit kapsül hizalama düzeltmesi */
.frame-top-promo-wrap {
min-height: 30px !important;
height: auto !important;
overflow: visible !important;
vertical-align: middle;
}
.frame-top-promo-list {
height: auto !important;
min-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
}
.frame-top-promo {
border: 1px solid rgba(185, 139, 78, .32) !important;
}
/* FrameHalı - üst şeride tam sığan kompakt duyuru */
.frame-top-promo-wrap {
min-height: 24px !important;
height: 24px !important;
overflow: hidden !important;
vertical-align: top !important;
}
.frame-top-promo-list {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 24px !important;
height: 24px !important;
margin: 0 !important;
padding: 0 !important;
}
.frame-top-promo {
box-sizing: border-box !important;
min-height: 22px !important;
height: 22px !important;
margin: 1px 0 !important;
padding: 2px 14px !important;
border: 1px solid rgba(185, 139, 78, .32) !important;
}
.frame-top-promo-text {
font-size: 12px !important;
line-height: 16px !important;
}
/* FrameHalı - duyuru kapsülünü sabit tut */
.frame-top-promo,
.frame-top-promo:hover,
.frame-top-promo:focus,
.frame-top-promo:active,
.frame-top-promo-link,
.frame-top-promo-link:hover,
.frame-top-promo-link:focus,
.frame-top-promo-link:active {
top: auto !important;
bottom: auto !important;
transform: none !important;
translate: none !important;
}
/* FrameHalı - tek sabit favori görünümü */
html body .product-cart-wrap .product-action-1.frame-favorite-stable {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
overflow: visible !important;
border: 1px solid rgba(80,72,62,.12) !important;
border-radius: 50% !important;
background: #fff !important;
box-shadow: 0 2px 7px rgba(0,0,0,.14) !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable::before {
content: "" !important;
position: absolute !important;
top: 7px !important;
left: 7px !important;
z-index: 999 !important;
display: block !important;
width: 19px !important;
height: 19px !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
animation: none !important;
transition: none !important;
transform: none !important;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23333' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable:not(.frame-favorite-on):not(.frame-favorite-just-off):has(.js-add-to-wishlist-button:hover)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23d92d2d' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable.frame-favorite-on::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23d92d2d' stroke='%23d92d2d' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable.frame-favorite-just-off::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23333' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button i,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button i,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button::before,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button::before,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button::after,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button::after {
display: none !important;
content: none !important;
}
.product-img-action-wrap:has(.js-add-to-wishlist-button:hover) .product-img img.default-img,
.product-img-action-wrap:has(.js-remove-from-wishlist-button:hover) .product-img img.default-img {
opacity: 1 !important;
visibility: visible !important;
}
.product-img-action-wrap:has(.js-add-to-wishlist-button:hover) .product-img img.hover-img,
.product-img-action-wrap:has(.js-remove-from-wishlist-button:hover) .product-img img.hover-img {
opacity: 0 !important;
visibility: hidden !important;
}
/* FrameHalı - favori tıklamasında tek daire ve şeffaf dokunma alanı */
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:hover,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:hover,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:focus,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:focus,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:active,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:active,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.button-loading {
position: absolute !important;
inset: 0 !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
outline: 0 !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
filter: none !important;
transform: none !important;
animation: none !important;
transition: none !important;
-webkit-tap-highlight-color: transparent !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:focus-visible,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:focus-visible {
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* FrameHalı - WhatsApp ve paylaşım son düzen */
.product-detail a[href*="wa.me/"] {
background: #25D366 !important;
background-color: #25D366 !important;
border-color: #25D366 !important;
color: #ffffff !important;
box-shadow: none !important;
}
.product-detail a[href*="wa.me/"] i { color: #ffffff !important; }
.product-detail a[href*="wa.me/"]:hover,
.product-detail a[href*="wa.me/"]:focus {
background: #1EBE5D !important;
background-color: #1EBE5D !important;
border-color: #1EBE5D !important;
color: #ffffff !important;
}
footer a.frame-footer-whatsapp {
color: inherit !important;
font-weight: 600;
text-decoration: none !important;
}
footer a.frame-footer-whatsapp:hover,
footer a.frame-footer-whatsapp:focus { color: #25D366 !important; }
.single-social-share > p {
cursor: default !important;
color: inherit !important;
}
.single-social-share .frame-product-whatsapp-share {
background: #25D366 !important;
border-color: #25D366 !important;
color: #ffffff !important;
}
.single-social-share .frame-product-instagram-link {
background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 48%, #6228d7 100%) !important;
border-color: #ee2a7b !important;
color: #ffffff !important;
}
.single-social-share .frame-product-whatsapp-share i,
.single-social-share .frame-product-instagram-link i { color: #ffffff !important; }
/* FrameHalı - mobil sıfır yorum satırı */
.product-content-wrap .rating_wrap[style*="display: none"],
.product-content-wrap .rating_wrap[style*="display:none"] {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* FrameHalı - mobil hizmet kutuları 2x2 ve slider görünürlüğü */
.frame-featured-products-stable,
.frame-featured-products-stable .container,
.frame-featured-products-stable .carousel-slider-wrapper,
.frame-featured-products-stable .slick-list,
.frame-featured-products-stable .slick-track,
.frame-featured-products-stable .slick-slide {
visibility: visible !important;
opacity: 1 !important;
}
@media (max-width: 767px) {
.featured.section-padding-60 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.featured.section-padding-60 > .container > .row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 !important;
}
.featured.section-padding-60 > .container > .row > [class*="col-"] {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.featured .banner-left-icon {
width: 100% !important;
min-height: 0 !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
padding: 12px 9px !important;
border-radius: 16px !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
}
.featured .banner-icon {
margin: 0 0 7px !important;
}
.featured .banner-icon img {
width: 42px !important;
height: 42px !important;
object-fit: contain !important;
}
.featured .banner-text {
width: 100% !important;
}
.featured .icon-box-title {
margin: 0 0 4px !important;
font-size: 13px !important;
line-height: 1.25 !important;
}
.featured .banner-text p {
margin: 0 !important;
font-size: 11px !important;
line-height: 1.35 !important;
}
}
/* FrameHalı - responsive English storefront fixes */
html, body { max-width: 100%; overflow-x: hidden !important; }
.product-image-slider { overflow: hidden !important; background: #fff !important; }
.product-image-slider .slick-list { overflow: hidden !important; }
.single-social-share { height: auto !important; min-height: 90px; display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; }
.single-social-share > p { flex: 0 0 100%; margin: 0 0 4px !important; }
.single-social-share a { margin: 0 !important; flex: 0 0 34px; }
.frame-product-whatsapp-share { font-size: 0 !important; white-space: nowrap !important; }
.frame-product-whatsapp-share i { font-size: 15px !important; }
.product-extra-link2 { max-width: 100%; white-space: normal; }
.frame-en-footer-info {
width: min(1110px, calc(100% - 40px));
margin: 0 auto 35px;
padding: 35px 0 25px;
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 36px;
border-bottom: 1px solid rgba(79,93,119,.18);
color: #4f5d77;
}
.frame-en-footer-info h4 { margin: 0 0 16px; color: #171717; }
.frame-en-footer-info p { margin: 0 0 9px; line-height: 1.65; }
.frame-en-footer-info a { color: #4f5d77; text-decoration: none; }
.frame-en-footer-info a:hover { color: #d8b682; }
.frame-en-contact-info {
width: min(1110px, calc(100% - 40px));
margin: 35px auto;
padding: 28px 32px;
border: 1px solid rgba(216,182,130,.45);
border-radius: 14px;
background: #fbf8f1;
}
.frame-en-contact-info h1 { margin: 0 0 14px; font-size: 30px; }
.frame-en-contact-info p { margin: 8px 0; line-height: 1.65; }
@media (min-width: 992px) and (max-width: 1199px) {
.header-middle .search-style-2 { width: 52% !important; max-width: 620px; }
.header-middle .search-style-2 .select2-container { width: 165px !important; max-width: 165px; }
.header-middle .search-style-2 input { min-width: 0 !important; }
}
@media (max-width: 991px) {
.product-detail .row.mb-50 { display: flex; flex-wrap: wrap; }
.product-detail .row.mb-50 > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
.detail-gallery, .detail-info { width: 100% !important; max-width: 100% !important; }
.detail-info { margin-top: 28px !important; padding-left: 0 !important; padding-right: 0 !important; }
.product-extra-link2 { display: flex !important; flex-wrap: wrap; gap: 10px; width: 100% !important; }
.product-extra-link2 .button, .product-extra-link2 button { max-width: 100%; white-space: normal; }
.frame-en-footer-info { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
.detail-info h1 { font-size: 25px !important; line-height: 1.3 !important; }
.product-extra-link2 { align-items: stretch; }
.product-extra-link2 .detail-qty { flex: 0 0 80px; }
.product-extra-link2 .button, .product-extra-link2 button { flex: 1 1 150px; min-width: 0 !important; }
.single-social-share { justify-content: center; text-align: center; }
.frame-en-footer-info { grid-template-columns: 1fr; gap: 20px; width: calc(100% - 30px); }
.frame-en-contact-info { width: calc(100% - 30px); padding: 22px 18px; }
}
/* FrameHalı English LTR header and hero slider fix */
body.rtl .search-style-2 form button { left: auto !important; right: 0 !important; }
body.rtl .search-style-2 form input[name="q"] { padding-right: 68px !important; }
body.rtl .hero-slider-1 .slick-slide { float: left !important; }
body.rtl .hero-slider-1 .slick-track { direction: ltr !important; }
@media (max-width: 991px) {
body.rtl .search-style-2 form { width: 100% !important; min-width: 0 !important; }
body.rtl .search-style-2 .form-group--icon, body.rtl .search-style-2 .select2-container { width: 150px !important; flex: 0 0 150px !important; }
body.rtl .search-style-2 form input[name="q"] { min-width: 0 !important; width: auto !important; flex: 1 1 auto !important; }
}
/* Turkish blog share icons: keep Instagram plain like Facebook */
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"] {
background: none !important;
background-image: none !important;
color: #c1c7cf !important;
box-shadow: none !important;
}
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"]:hover { color: #3b5998 !important; }
/* Exact Facebook-style appearance for Turkish blog Instagram */
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"],
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"] i,
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"]:hover,
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"]:hover i,
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"]:focus,
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"]:focus i {
color: #c1c7cf !important;
background: none !important;
background-image: none !important;
box-shadow: none !important;
}
/* Turkish blog share hover brand colors */
body:not(.frame-en-ltr) main ul li a[href*="instagram.com/framehali.tr"]:hover,
body:not(.frame-en-ltr) main ul li a[href*="instagram.com/framehali.tr"]:focus {
color: #ffffff !important;
background: linear-gradient(135deg, #F9CE34 0%, #EE2A7B 48%, #6228D7 100%) !important;
background-image: linear-gradient(135deg, #F9CE34 0%, #EE2A7B 48%, #6228D7 100%) !important;
}
body:not(.frame-en-ltr) main ul li a[href*="instagram.com/framehali.tr"]:hover i,
body:not(.frame-en-ltr) main ul li a[href*="instagram.com/framehali.tr"]:focus i { color: #ffffff !important; }
body:not(.frame-en-ltr) main ul li a[href*="wa.me"]:hover,
body:not(.frame-en-ltr) main ul li a[href*="wa.me"]:focus {
color: #ffffff !important;
background: #25D366 !important;
background-image: none !important;
}
body:not(.frame-en-ltr) main ul li a[href*="wa.me"]:hover i,
body:not(.frame-en-ltr) main ul li a[href*="wa.me"]:focus i { color: #ffffff !important; }
/* FrameHalı - ürün paylaşım ikonları SON kesin marka renkleri ve hizası */
html body main .mobile-social-icon.mobile-social-icon { display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link { display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:4px!important;box-sizing:border-box!important;line-height:1!important;vertical-align:middle!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook,
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook:hover,
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook:focus { background:#1877F2!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share:hover,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share:focus { background:#25D366!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link:hover,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link:focus { background:linear-gradient(135deg,#F9CE34 0%,#EE2A7B 48%,#6228D7 100%)!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook > i,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share > i,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link > i { color:#fff!important;font-size:17px!important;line-height:1!important;margin:0!important; }
top: calc(100% + 7px) !important;
/* FrameHalı - ürün paylaşım ikonları kesin marka renkleri ve hizası */
html body main .mobile-social-icon.mobile-social-icon { display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link { display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:4px!important;box-sizing:border-box!important;line-height:1!important;vertical-align:middle!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook,
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook:hover,
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook:focus { background:#1877F2!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share:hover,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share:focus { background:#25D366!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link:hover,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link:focus { background:linear-gradient(135deg,#F9CE34 0%,#EE2A7B 48%,#6228D7 100%)!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook > i,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share > i,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link > i { color:#fff!important;font-size:17px!important;line-height:1!important;margin:0!important; }
/* FrameHalı - tüm ürün sayfalarında kalıcı marka renkli, eşit hizalı paylaşım ikonları */
html body .mobile-social-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
flex-wrap: nowrap !important;
}
html body .mobile-social-icon > a.facebook,
html body .mobile-social-icon > a.frame-product-whatsapp-share,
html body .mobile-social-icon > a.frame-product-instagram-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 4px !important;
box-sizing: border-box !important;
line-height: 1 !important;
vertical-align: middle !important;
color: #fff !important;
}
html body .mobile-social-icon > a.facebook,
html body .mobile-social-icon > a.facebook:hover,
html body .mobile-social-icon > a.facebook:focus {
background: #1877F2 !important;
color: #fff !important;
}
html body .mobile-social-icon > a.frame-product-whatsapp-share,
html body .mobile-social-icon > a.frame-product-whatsapp-share:hover,
html body .mobile-social-icon > a.frame-product-whatsapp-share:focus {
background: #25D366 !important;
color: #fff !important;
}
html body .mobile-social-icon > a.frame-product-instagram-link,
html body .mobile-social-icon > a.frame-product-instagram-link:hover,
html body .mobile-social-icon > a.frame-product-instagram-link:focus {
background: linear-gradient(135deg, #F9CE34 0%, #EE2A7B 48%, #6228D7 100%) !important;
color: #fff !important;
}
html body .mobile-social-icon > a.facebook > i,
html body .mobile-social-icon > a.frame-product-whatsapp-share > i,
html body .mobile-social-icon > a.frame-product-instagram-link > i {
color: #fff !important;
font-size: 17px !important;
line-height: 1 !important;
margin: 0 !important;
}
left: 170px !important;
right: 54px !important;
z-index: 99999 !important;
max-height: 430px !important;
overflow-y: auto !important;
padding: 7px !important;
background: #fff !important;
border: 1px solid #eadfce !important;
border-radius: 12px !important;
box-shadow: 0 10px 28px rgba(52, 43, 31, 0.14) !important;
}
html body .frame-search-suggestions[hidden] {
display: none !important;
}
html body .frame-search-item {
display: flex !important;
align-items: center !important;
gap: 11px !important;
min-height: 64px !important;
padding: 7px 9px !important;
color: #312a22 !important;
text-decoration: none !important;
border-radius: 8px !important;
}
html body .frame-search-item + .frame-search-item {
border-top: 1px solid #f1eadf !important;
}
html body .frame-search-item:hover {
background: #f8f3eb !important;
}
html body .frame-search-item img {
flex: 0 0 50px !important;
width: 50px !important;
height: 50px !important;
object-fit: cover !important;
border-radius: 7px !important;
background: #f5f1eb !important;
}
html body .frame-search-item-details {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
gap: 3px !important;
}
html body .frame-search-item-details strong {
overflow: hidden !important;
color: #312a22 !important;
font-size: 13px !important;
line-height: 1.35 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
html body .frame-search-item-details small {
color: #a4763e !important;
font-size: 12px !important;
font-weight: 700 !important;
}
html body .frame-search-status {
padding: 13px 12px !important;
color: #75695c !important;
font-size: 13px !important;
text-align: center !important;
}
@media (max-width: 768px) {
html body .frame-search-suggestions {
left: 0 !important;
right: 0 !important;
max-height: 360px !important;
}
}
/* FrameHalı - ana slider çift animasyonu kaldır ve geçişi akıcılaştır */
html body .hero-slider-1 .slick-track,
html body .hero-slider-1 .slick-slide {
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
will-change: opacity !important;
}
html body .hero-slider-1 .slick-slide img.animated {
animation: none !important;
-webkit-animation: none !important;
transition: none !important;
transform: translateZ(0) !important;
-webkit-transform: translateZ(0) !important;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
}
html body .hero-slider-1:not(.slick-initialized) .single-hero-slider:first-child {
display: block !important;
opacity: 1 !important;
}
html body .hero-slider-1:not(.slick-initialized) .single-hero-slider:not(:first-child) {
display: none !important;
}
/* FrameHalı - ürün kartı fiyat hizası */
html body .product-cart-wrap .product-content-wrap .product-price {
display: block !important;
width: 100% !important;
text-align: center !important;
}
/* FrameHalı - sabit sağ üst favori kalbi */
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 > .js-quick-view-button {
display: none !important;
}
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 > .js-add-to-wishlist-button {
position: absolute !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
display: flex !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
.widget_archive li a, .widget_categories li.cat-item a, .widget_pages li a {
color:#000;
}
.product-sidebar .single-post .content h5 a{
color:#000;
font-weight: 300;
}
.x
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
.widget_categories {
background-color: #f3f6f8;
border: 1px solid #f3f6f8;
}
.header-bottom.header-bottom-bg-color,
.bg-brand {
position: relative;
overflow: hidden;
}
.header-bottom.header-bottom-bg-color::before,
.bg-brand::before {
content: "";
position: absolute;
inset: 0;
background-image: url('/themes/bakim/assets/img/bej-hali.png') !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.08;
pointer-events: none;
}
.header-bottom.header-bottom-bg-color > *,
.bg-brand > * {
position: relative;
z-index: 1;
}
/* ana rengi bej yap */
:root {
--color-brand: #d8bc96 !important;
}
/* ===== FRAMEHALI GENEL RENK AYARI ===== */
/* Ana marka rengini bej-krem yap */
:root {
--color-brand: #d8bc96 !important;
}
/* Site genel arka planını kırık beyaz yap */
body {
background-color: #f5f2eb !important;
}
/* Genel kutular ve beyaz alanlar daha yumuşak olsun */
section,
.container,
.card,
.box,
.content,
.bg-white,
.main,
.newsletter,
footer,
header {
background-color: transparent;
}
/* Kenarlıkları yumuşat */
* {
border-color: #e5dfd5 !important;
}
/* Üst mavi bar ve footer mavi alanına halı deseni ekle */
.header-bottom.header-bottom-bg-color,
.bg-brand {
position: relative;
overflow: hidden;
background-color: #d8bc96 !important;
}
/* Halı deseni overlay */
.header-bottom.header-bottom-bg-color::before,
.bg-brand::before {
content: "";
position: absolute;
inset: 0;
background-image: url('/themes/bakim/assets/img/bej-hali.png') !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.08;
pointer-events: none;
}
/* İçerikler desenden önde kalsın */
.header-bottom.header-bottom-bg-color > *,
.bg-brand > * {
position: relative;
z-index: 1;
}
/* Widget kategori kutusu tonu uyumlu olsun */
.widget_categories {
background-color: #d8bc96 !important;
border: 1px solid #d8bc96 !important;
}
/* Linkler siyaha yakın olsun */
a,
.widget_archive li a,
.widget_categories li.cat-item a,
.widget_pages li a,
.product-sidebar .single-post .content h5 a {
color: #2f2a24 !important;
}
/* Hover rengi */
a:hover {
color: #8b6b4a !important;
}
/* Butonlar için uyumlu ton */
.btn,
button,
input[type="submit"] {
background-color: #d8bc96 !important;
border-color: #d8bc96 !important;
color: #2f2a24 !important;
}
/* Buton hover */
.btn:hover,
button:hover,
input[type="submit"]:hover {
background-color: #cbb087 !important;
border-color: #cbb087 !important;
color: #2f2a24 !important;
}
/* ===== ÜRÜN KARTI İÇ BOŞLUK HACK ===== */
.product-cart-wrap.small.hover-up.p-10 {
padding: 15px !important;
margin: 0 6px !important;
box-sizing: border-box !important;
}
/* slider taşmasını engelle */
.carousel-6-columns-products .slick-list {
overflow: hidden !important;
}
/* ===== TAB MENÜ ESKİ HALİ ===== */
.nav-tabs {
border-bottom: 1px solid #e5e5e5 !important;
}
.nav-tabs .nav-link {
background: transparent !important;
border: none !important;
color: #777 !important;
font-weight: 500;
padding: 10px 15px;
}
/* aktif olan */
.nav-tabs .nav-link.active {
background: transparent !important;
color: #2d5be3 !important; /* mavi ton */
border-bottom: 2px solid #2d5be3 !important;
}
/* hover */
.nav-tabs .nav-link:hover {
color: #2d5be3 !important;
}
.header-bottom.header-bottom-bg-color,
.bg-brand {
overflow: visible !important;
}
/* ANA ALANI ŞEFFAF YAP (uzun beyazı kaldır) */
.featured-section .row {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
/* TEK TEK KARTLAR */
.banner-left-icon {
background: #fff !important;
border-radius: 25px;
padding: 20px;
box-shadow: 0 10px 25px rgba(0,0,0,0.06);
transition: all 0.3s ease;
height: 100%;
}
/* ARALARINA BOŞLUK VER */
.featured-section .col-lg-3 {
margin-bottom: 20px;
}
/* HOVER EFEKTİ (premium hissiyat) */
.banner-left-icon:hover {
transform: translateY(-6px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
/* İKON DAHA ŞIK */
.banner-icon {
background: #f5f2eb;
border-radius: 50%;
padding: 12px;
}
/* BAŞLIK */
.banner-left-icon h3 {
font-weight: 600;
}
/* ALT YAZI */
.banner-left-icon p {
color: #777;
}
@media (max-width: 768px) {
/* YATAY KAYDIRMA */
.featured-products .row,
.product-tabs .row,
.product-grid .row,
.row.product-grid {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: 12px !important;
padding-bottom: 10px !important;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
/* Scrollbar gizle */
.featured-products .row::-webkit-scrollbar,
.product-tabs .row::-webkit-scrollbar,
.product-grid .row::-webkit-scrollbar,
.row.product-grid::-webkit-scrollbar {
display: none;
}
/* KART GENİŞLİĞİ (38%) */
.featured-products .row > [class*="col-"],
.product-tabs .row > [class*="col-"],
.product-grid .row > [class*="col-"],
.row.product-grid > [class*="col-"] {
flex: 0 0 38% !important;
max-width: 38% !important;
width: 38% !important;
scroll-snap-align: start;
padding-right: 0 !important;
padding-left: 0 !important;
}
/* KART */
.product-cart-wrap {
padding: 8px !important;
margin: 0 !important;
min-height: auto !important;
border-radius: 16px !important;
box-shadow: 0 6px 18px rgba(0,0,0,0.07) !important;
overflow: visible !important;
}
/* GÖRSEL */
.product-img {
height: 140px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.product-img img {
max-height: 125px !important;
width: auto !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
}
/* BAŞLIK */
.product-cart-wrap h2,
.product-cart-wrap h3,
.product-title {
font-size: 11px !important;
line-height: 1.35 !important;
margin-bottom: 5px !important;
}
/* FİYAT */
.product-price,
.price,
.current-price {
font-size: 12px !important;
line-height: 1.3 !important;
}
/* İÇ BOŞLUK */
.product-content-wrap,
.product-card-bottom,
.product-cart-wrap .product-content-wrap {
padding: 0 !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
padding: 0 !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button i {
font-size: 12px !important;
line-height: 1 !important;
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button .colAddCart {
display: none !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap {
position: relative !important;
overflow: hidden !important;
}
.product-img-action-wrap {
position: relative !important;
}
/* İkon grubunu görselin üstünde tek noktada tut */
.product-cart-wrap .product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
bottom: auto !important;
z-index: 50 !important;
display: flex !important;
gap: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
/* Göz ve karşılaştırmayı gizle */
.product-cart-wrap .product-action-1 a.js-quick-view-button,
.product-cart-wrap .product-action-1 a.js-add-to-compare-button {
display: none !important;
}
/* Sadece kalp görünsün */
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button {
display: flex !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
padding: 0 !important;
border-radius: 50% !important;
background: #fff !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.12) !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
}
@media (max-width: 768px) {
/* Sepeti tekrar fiyatın yanına/aşağıya indir */
.product-cart-wrap .product-action-1 a.js-add-to-cart-button,
.product-cart-wrap .product-action-1 a.add-to-cart-button {
position: absolute !important;
right: 0px !important;
top: auto !important;
bottom: -260px !important;
z-index: 60 !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-img-action-wrap {
position: relative !important;
}
.product-cart-wrap .product-action-1 a.js-quick-view-button,
.product-cart-wrap .product-action-1 a.js-add-to-compare-button {
display: none !important;
}
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button,
.product-cart-wrap .product-action-1 a.wis_added {
position: absolute !important;
top: -5px !important;
right: -10px !important;
left: auto !important;
bottom: auto !important;
width: 25px !important;
height: 25px !important;
min-width: 25px !important;
border-radius: 50% !important;
background-color: #fff !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 15px 15px !important;
z-index: 999 !important;
overflow: hidden !important;
}
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button i,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button i,
.product-cart-wrap .product-action-1 a.wis_added i {
display: none !important;
}
/* DOLU KALP */
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button:not(.js-add-to-wishlist-button) {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s-7-4.6-9.5-9C.3 8.1 2.5 4 6.7 4c2.1 0 3.8 1.2 5.3 3 1.5-1.8 3.2-3 5.3-3 4.2 0 6.4 4.1 4.2 8-2.5 4.4-9.5 9-9.5 9z' fill='%23d8bc96' stroke='%23d8bc96' stroke-width='2'/%3E%3C/svg%3E") !important;
}
/* BOŞ KALP - EN ALTA KOYDUK, kaldırınca bunu bassın */
.product-cart-wrap .product-action-1 a.action-btn.js-add-to-wishlist-button {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s-7-4.6-9.5-9C.3 8.1 2.5 4 6.7 4c2.1 0 3.8 1.2 5.3 3 1.5-1.8 3.2-3 5.3-3 4.2 0 6.4 4.1 4.2 8-2.5 4.4-9.5 9-9.5 9z' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E") !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:hover,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:active,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:focus,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:focus-visible,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:hover,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:active,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:focus,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:focus-visible {
background-color: #fff !important;
box-shadow: none !important;
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
}
}
/* Ürün görselleri taşmasın */
.product-cart-wrap .product-img {
overflow: hidden !important;
}
/* Hover'daki ikinci görseli de aynı boyuta zorla */
.product-cart-wrap .product-img img,
.product-cart-wrap .product-img-zoom img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* Hover container da taşmasın */
.product-cart-wrap .product-img-zoom {
width: 100% !important;
height: 100% !important;
}
@media (max-width: 768px) {
section.featured .row > div {
margin-bottom: 18px !important;
}
section.featured .row > div:last-child {
margin-bottom: 0 !important;
}
}
@media (max-width: 768px) {
/* Default resmi gizle (hover sırasında arkadan görünmesin) */
.product-cart-wrap:hover .default-img {
opacity: 0 !important;
}
/* Hover resmi üstte olsun */
.product-cart-wrap .hover-img {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
z-index: 2 !important;
}
/* Default resim altta kalsın */
.product-cart-wrap .default-img {
position: relative !important;
z-index: 1 !important;
}
/* Container referans olsun */
.product-cart-wrap .product-img {
position: relative !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap.hover .default-img {
opacity: 0 !important;
}
}
.product-content-wrap .product-category a {
font-weight: 600 !important;
}
@media (max-width: 768px) {
/* Kart içeriğini ortala */
.product-content-wrap {
text-align: center !important;
}
/* Kategori */
.product-content-wrap .product-category {
text-align: center !important;
}
/* Ürün adı */
.product-content-wrap h2 {
text-align: center !important;
}
.product-content-wrap h2 a {
text-align: center !important;
}
/* Fiyat */
.product-content-wrap .product-price {
text-align: center !important;
}
/* Rating / yıldızlar */
.product-content-wrap .rating_wrap {
justify-content: center !important;
display: flex !important;
}
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button,
.product-cart-wrap .product-action-1 a.js-add-to-cart-button,
.product-cart-wrap .product-action-1 a.add-to-cart-button {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* FRAMEHALI sade ürün kartı aksiyonları */
.product-img-action-wrap > .product-action-1 .js-quick-view-button,
.product-img-action-wrap > .product-action-1 .js-add-to-compare-button {
display: none !important;
}
.product-img-action-wrap { position: relative !important; }
.product-img-action-wrap > .product-action-1 {
position: absolute !important;
top: 10px !important; right: 10px !important; left: auto !important; bottom: auto !important;
display: flex !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important;
}
.product-img-action-wrap > .product-action-1 .js-add-to-wishlist-button,
.product-img-action-wrap > .product-action-1 .js-remove-from-wishlist-button {
display: flex !important; width: 34px !important; height: 34px !important; min-width: 34px !important;
align-items: center !important; justify-content: center !important;
background: #fff !important; border-radius: 50% !important;
box-shadow: 0 3px 10px rgba(0,0,0,.12) !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
.product-content-wrap > .product-action-1.show {
position: static !important; display: block !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
}
.product-content-wrap > .product-action-1.show .add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin-top: 10px !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
background: #d8bc96 !important; color: #2f2a24 !important; border-radius: 8px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
.product-content-wrap > .product-action-1.show .add-to-cart-button::after { content: "Sepete Ekle"; font-size: 12px; font-weight: 600; }
@media (max-width: 768px) {
.product-content-wrap > .product-action-1.show .add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; border-radius: 8px !important; }
.product-content-wrap > .product-action-1.show .add-to-cart-button::after { content: none !important; }
}
/* Kart aksiyon düzeni başlangıç */
/* Önceki sepet gizleme kuralını geçersiz kıl */
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin: 10px 0 0 !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; }
}
/* Önceki sepet gizleme kuralını geçersiz kıl */
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin: 10px 0 0 !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
content: "Sepete Ekle" !important; color: #2f2a24 !important; opacity: 1 !important; visibility: visible !important; display: block !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after { content: none !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
content: "Sepete Ekle" !important; color: #2f2a24 !important; opacity: 1 !important; visibility: visible !important; display: block !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after { content: none !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
transform: none !important; position: static !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
transform: none !important; position: static !important;
}
/* FrameHalı - sosyal medya son düzen */
a[title="Instagram"][href*="instagram.com/framehali"] {
background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 48%, #6228d7 100%) !important;
border-color: #ee2a7b !important;
color: #ffffff !important;
}
a[title="Instagram"][href*="instagram.com/framehali"] i {
color: #ffffff !important;
}
a.twitter[href*="twitter.com/intent"],
a.linkedin[href*="linkedin.com/share"] {
display: none !important;
}
/* FrameHalı - yalnızca gölgesiz Sepete Ekle */
.product-cart-wrap .product-content-wrap > .product-action-1.show {
display: block !important;
width: 100% !important;
}
.product-cart-wrap .frame-buy-now {
display: none !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show > a.add-to-cart-button {
position: static !important;
display: flex !important;
width: 100% !important;
max-width: none !important;
height: 36px !important;
margin: 10px 0 0 !important;
padding: 0 12px !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
text-shadow: none !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show > a.add-to-cart-button::after {
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
/* FrameHalı - favori kalbini kartın sağ üstüne sabitle */
.product-cart-wrap .product-img-action-wrap > .product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.product-cart-wrap .product-img-action-wrap > .product-action-1 .js-quick-view-button {
display: none !important;
}
.product-cart-wrap .product-img-action-wrap > .product-action-1 .js-add-to-wishlist-button {
position: static !important;
display: flex !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
/* FrameHalı - üst şerit duyuru kapsülü */
.frame-top-promo {
position: relative !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 30px !important;
height: auto !important;
margin: 3px 0 !important;
padding: 5px 18px !important;
overflow: hidden;
border: 1px solid rgba(185, 139, 78, .32);
border-radius: 999px;
background: linear-gradient(90deg, #f8efe0 0%, #f2dfbf 50%, #f8efe0 100%);
box-shadow: 0 2px 7px rgba(97, 69, 35, .08);
color: #5b432b;
transition: border-color .2s ease, background .2s ease;
}
.frame-top-promo:hover {
border-color: rgba(185, 139, 78, .58);
background: linear-gradient(90deg, #f5e7cf 0%, #ecd3a9 50%, #f5e7cf 100%);
}
.frame-top-promo-text {
position: relative;
z-index: 1;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
letter-spacing: .05px;
color: #5b432b;
white-space: nowrap;
pointer-events: none;
}
.frame-top-promo-link {
position: absolute !important;
inset: 0;
z-index: 2;
display: block !important;
width: 100%;
height: 100%;
font-size: 0 !important;
}
@media (max-width: 991px) {
.frame-top-promo { padding: 4px 12px !important; }
.frame-top-promo-text { font-size: 12px; }
}
/* FrameHalı - üst şerit kapsül hizalama düzeltmesi */
.frame-top-promo-wrap {
min-height: 30px !important;
height: auto !important;
overflow: visible !important;
vertical-align: middle;
}
.frame-top-promo-list {
height: auto !important;
min-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
}
.frame-top-promo {
border: 1px solid rgba(185, 139, 78, .32) !important;
}
/* FrameHalı - üst şeride tam sığan kompakt duyuru */
.frame-top-promo-wrap {
min-height: 24px !important;
height: 24px !important;
overflow: hidden !important;
vertical-align: top !important;
}
.frame-top-promo-list {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 24px !important;
height: 24px !important;
margin: 0 !important;
padding: 0 !important;
}
.frame-top-promo {
box-sizing: border-box !important;
min-height: 22px !important;
height: 22px !important;
margin: 1px 0 !important;
padding: 2px 14px !important;
border: 1px solid rgba(185, 139, 78, .32) !important;
}
.frame-top-promo-text {
font-size: 12px !important;
line-height: 16px !important;
}
/* FrameHalı - duyuru kapsülünü sabit tut */
.frame-top-promo,
.frame-top-promo:hover,
.frame-top-promo:focus,
.frame-top-promo:active,
.frame-top-promo-link,
.frame-top-promo-link:hover,
.frame-top-promo-link:focus,
.frame-top-promo-link:active {
top: auto !important;
bottom: auto !important;
transform: none !important;
translate: none !important;
}
/* FrameHalı - tek sabit favori görünümü */
html body .product-cart-wrap .product-action-1.frame-favorite-stable {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
overflow: visible !important;
border: 1px solid rgba(80,72,62,.12) !important;
border-radius: 50% !important;
background: #fff !important;
box-shadow: 0 2px 7px rgba(0,0,0,.14) !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable::before {
content: "" !important;
position: absolute !important;
top: 7px !important;
left: 7px !important;
z-index: 999 !important;
display: block !important;
width: 19px !important;
height: 19px !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
animation: none !important;
transition: none !important;
transform: none !important;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23333' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable:not(.frame-favorite-on):not(.frame-favorite-just-off):has(.js-add-to-wishlist-button:hover)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23d92d2d' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable.frame-favorite-on::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23d92d2d' stroke='%23d92d2d' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable.frame-favorite-just-off::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23333' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button i,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button i,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button::before,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button::before,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button::after,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button::after {
display: none !important;
content: none !important;
}
.product-img-action-wrap:has(.js-add-to-wishlist-button:hover) .product-img img.default-img,
.product-img-action-wrap:has(.js-remove-from-wishlist-button:hover) .product-img img.default-img {
opacity: 1 !important;
visibility: visible !important;
}
.product-img-action-wrap:has(.js-add-to-wishlist-button:hover) .product-img img.hover-img,
.product-img-action-wrap:has(.js-remove-from-wishlist-button:hover) .product-img img.hover-img {
opacity: 0 !important;
visibility: hidden !important;
}
/* FrameHalı - favori tıklamasında tek daire ve şeffaf dokunma alanı */
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:hover,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:hover,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:focus,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:focus,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:active,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:active,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.button-loading {
position: absolute !important;
inset: 0 !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
outline: 0 !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
filter: none !important;
transform: none !important;
animation: none !important;
transition: none !important;
-webkit-tap-highlight-color: transparent !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:focus-visible,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:focus-visible {
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* FrameHalı - WhatsApp ve paylaşım son düzen */
.product-detail a[href*="wa.me/"] {
background: #25D366 !important;
background-color: #25D366 !important;
border-color: #25D366 !important;
color: #ffffff !important;
box-shadow: none !important;
}
.product-detail a[href*="wa.me/"] i { color: #ffffff !important; }
.product-detail a[href*="wa.me/"]:hover,
.product-detail a[href*="wa.me/"]:focus {
background: #1EBE5D !important;
background-color: #1EBE5D !important;
border-color: #1EBE5D !important;
color: #ffffff !important;
}
footer a.frame-footer-whatsapp {
color: inherit !important;
font-weight: 600;
text-decoration: none !important;
}
footer a.frame-footer-whatsapp:hover,
footer a.frame-footer-whatsapp:focus { color: #25D366 !important; }
.single-social-share > p {
cursor: default !important;
color: inherit !important;
}
.single-social-share .frame-product-whatsapp-share {
background: #25D366 !important;
border-color: #25D366 !important;
color: #ffffff !important;
}
.single-social-share .frame-product-instagram-link {
background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 48%, #6228d7 100%) !important;
border-color: #ee2a7b !important;
color: #ffffff !important;
}
.single-social-share .frame-product-whatsapp-share i,
.single-social-share .frame-product-instagram-link i { color: #ffffff !important; }
/* FrameHalı - mobil sıfır yorum satırı */
.product-content-wrap .rating_wrap[style*="display: none"],
.product-content-wrap .rating_wrap[style*="display:none"] {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* FrameHalı - mobil hizmet kutuları 2x2 ve slider görünürlüğü */
.frame-featured-products-stable,
.frame-featured-products-stable .container,
.frame-featured-products-stable .carousel-slider-wrapper,
.frame-featured-products-stable .slick-list,
.frame-featured-products-stable .slick-track,
.frame-featured-products-stable .slick-slide {
visibility: visible !important;
opacity: 1 !important;
}
@media (max-width: 767px) {
.featured.section-padding-60 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.featured.section-padding-60 > .container > .row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 !important;
}
.featured.section-padding-60 > .container > .row > [class*="col-"] {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.featured .banner-left-icon {
width: 100% !important;
min-height: 0 !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
padding: 12px 9px !important;
border-radius: 16px !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
}
.featured .banner-icon {
margin: 0 0 7px !important;
}
.featured .banner-icon img {
width: 42px !important;
height: 42px !important;
object-fit: contain !important;
}
.featured .banner-text {
width: 100% !important;
}
.featured .icon-box-title {
margin: 0 0 4px !important;
font-size: 13px !important;
line-height: 1.25 !important;
}
.featured .banner-text p {
margin: 0 !important;
font-size: 11px !important;
line-height: 1.35 !important;
}
}
/* FrameHalı - English layout direction */
html[lang="en"] body {
direction: ltr !important;
}
/* FrameHalı - arama kutusu canlı ürün önerileri */
html body .frame-search-form {
position: relative !important;
}
html body .frame-search-suggestions {
position: absolute !important;
top: calc(100% + 7px) !important;
left: 170px !important;
right: 54px !important;
z-index: 99999 !important;
max-height: 430px !important;
overflow-y: auto !important;
padding: 7px !important;
background: #fff !important;
border: 1px solid #eadfce !important;
border-radius: 12px !important;
box-shadow: 0 10px 28px rgba(52, 43, 31, 0.14) !important;
}
html body .frame-search-suggestions[hidden] {
display: none !important;
}
html body .frame-search-item {
display: flex !important;
align-items: center !important;
gap: 11px !important;
min-height: 64px !important;
padding: 7px 9px !important;
color: #312a22 !important;
text-decoration: none !important;
border-radius: 8px !important;
}
html body .frame-search-item + .frame-search-item {
border-top: 1px solid #f1eadf !important;
}
html body .frame-search-item:hover {
background: #f8f3eb !important;
}
html body .frame-search-item img {
flex: 0 0 50px !important;
width: 50px !important;
height: 50px !important;
object-fit: cover !important;
border-radius: 7px !important;
background: #f5f1eb !important;
}
html body .frame-search-item-details {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
gap: 3px !important;
}
html body .frame-search-item-details strong {
overflow: hidden !important;
color: #312a22 !important;
font-size: 13px !important;
line-height: 1.35 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
html body .frame-search-item-details small {
color: #a4763e !important;
font-size: 12px !important;
font-weight: 700 !important;
}
html body .frame-search-status {
padding: 13px 12px !important;
color: #75695c !important;
font-size: 13px !important;
text-align: center !important;
}
@media (max-width: 768px) {
html body .frame-search-suggestions {
left: 0 !important;
right: 0 !important;
max-height: 360px !important;
}
}
/* FrameHalı - ana slider çift animasyonu kaldır ve geçişi akıcılaştır */
html body .hero-slider-1 .slick-track,
html body .hero-slider-1 .slick-slide {
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
will-change: opacity !important;
}
html body .hero-slider-1 .slick-slide img.animated {
animation: none !important;
-webkit-animation: none !important;
transition: none !important;
transform: translateZ(0) !important;
-webkit-transform: translateZ(0) !important;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
}
html body .hero-slider-1:not(.slick-initialized) .single-hero-slider:first-child {
display: block !important;
opacity: 1 !important;
}
html body .hero-slider-1:not(.slick-initialized) .single-hero-slider:not(:first-child) {
display: none !important;
}
/* FrameHalı - ürün kartı fiyat hizası */
html body .product-cart-wrap .product-content-wrap .product-price {
display: block !important;
width: 100% !important;
text-align: center !important;
}
/* FrameHalı - sabit sağ üst favori kalbi */
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 > .js-quick-view-button {
display: none !important;
}
html body .product-cart-wrap .product-img-action-wrap > div.product-action-1 > .js-add-to-wishlist-button {
position: absolute !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
display: flex !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
.widget_archive li a, .widget_categories li.cat-item a, .widget_pages li a {
color:#000;
}
.product-sidebar .single-post .content h5 a{
color:#000;
font-weight: 300;
}
.x
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
.widget_categories {
background-color: #f3f6f8;
border: 1px solid #f3f6f8;
}
.header-bottom.header-bottom-bg-color,
.bg-brand {
position: relative;
overflow: hidden;
}
.header-bottom.header-bottom-bg-color::before,
.bg-brand::before {
content: "";
position: absolute;
inset: 0;
background-image: url('/themes/bakim/assets/img/bej-hali.png') !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.08;
pointer-events: none;
}
.header-bottom.header-bottom-bg-color > *,
.bg-brand > * {
position: relative;
z-index: 1;
}
/* ana rengi bej yap */
:root {
--color-brand: #d8bc96 !important;
}
/* ===== FRAMEHALI GENEL RENK AYARI ===== */
/* Ana marka rengini bej-krem yap */
:root {
--color-brand: #d8bc96 !important;
}
/* Site genel arka planını kırık beyaz yap */
body {
background-color: #f5f2eb !important;
}
/* Genel kutular ve beyaz alanlar daha yumuşak olsun */
section,
.container,
.card,
.box,
.content,
.bg-white,
.main,
.newsletter,
footer,
header {
background-color: transparent;
}
/* Kenarlıkları yumuşat */
* {
border-color: #e5dfd5 !important;
}
/* Üst mavi bar ve footer mavi alanına halı deseni ekle */
.header-bottom.header-bottom-bg-color,
.bg-brand {
position: relative;
overflow: hidden;
background-color: #d8bc96 !important;
}
/* Halı deseni overlay */
.header-bottom.header-bottom-bg-color::before,
.bg-brand::before {
content: "";
position: absolute;
inset: 0;
background-image: url('/themes/bakim/assets/img/bej-hali.png') !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.08;
pointer-events: none;
}
/* İçerikler desenden önde kalsın */
.header-bottom.header-bottom-bg-color > *,
.bg-brand > * {
position: relative;
z-index: 1;
}
/* Widget kategori kutusu tonu uyumlu olsun */
.widget_categories {
background-color: #d8bc96 !important;
border: 1px solid #d8bc96 !important;
}
/* Linkler siyaha yakın olsun */
a,
.widget_archive li a,
.widget_categories li.cat-item a,
.widget_pages li a,
.product-sidebar .single-post .content h5 a {
color: #2f2a24 !important;
}
/* Hover rengi */
a:hover {
color: #8b6b4a !important;
}
/* Butonlar için uyumlu ton */
.btn,
button,
input[type="submit"] {
background-color: #d8bc96 !important;
border-color: #d8bc96 !important;
color: #2f2a24 !important;
}
/* Buton hover */
.btn:hover,
button:hover,
input[type="submit"]:hover {
background-color: #cbb087 !important;
border-color: #cbb087 !important;
color: #2f2a24 !important;
}
/* ===== ÜRÜN KARTI İÇ BOŞLUK HACK ===== */
.product-cart-wrap.small.hover-up.p-10 {
padding: 15px !important;
margin: 0 6px !important;
box-sizing: border-box !important;
}
/* slider taşmasını engelle */
.carousel-6-columns-products .slick-list {
overflow: hidden !important;
}
/* ===== TAB MENÜ ESKİ HALİ ===== */
.nav-tabs {
border-bottom: 1px solid #e5e5e5 !important;
}
.nav-tabs .nav-link {
background: transparent !important;
border: none !important;
color: #777 !important;
font-weight: 500;
padding: 10px 15px;
}
/* aktif olan */
.nav-tabs .nav-link.active {
background: transparent !important;
color: #2d5be3 !important; /* mavi ton */
border-bottom: 2px solid #2d5be3 !important;
}
/* hover */
.nav-tabs .nav-link:hover {
color: #2d5be3 !important;
}
.header-bottom.header-bottom-bg-color,
.bg-brand {
overflow: visible !important;
}
/* ANA ALANI ŞEFFAF YAP (uzun beyazı kaldır) */
.featured-section .row {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
/* TEK TEK KARTLAR */
.banner-left-icon {
background: #fff !important;
border-radius: 25px;
padding: 20px;
box-shadow: 0 10px 25px rgba(0,0,0,0.06);
transition: all 0.3s ease;
height: 100%;
}
/* ARALARINA BOŞLUK VER */
.featured-section .col-lg-3 {
margin-bottom: 20px;
}
/* HOVER EFEKTİ (premium hissiyat) */
.banner-left-icon:hover {
transform: translateY(-6px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
/* İKON DAHA ŞIK */
.banner-icon {
background: #f5f2eb;
border-radius: 50%;
padding: 12px;
}
/* BAŞLIK */
.banner-left-icon h3 {
font-weight: 600;
}
/* ALT YAZI */
.banner-left-icon p {
color: #777;
}
@media (max-width: 768px) {
/* YATAY KAYDIRMA */
.featured-products .row,
.product-tabs .row,
.product-grid .row,
.row.product-grid {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: 12px !important;
padding-bottom: 10px !important;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
/* Scrollbar gizle */
.featured-products .row::-webkit-scrollbar,
.product-tabs .row::-webkit-scrollbar,
.product-grid .row::-webkit-scrollbar,
.row.product-grid::-webkit-scrollbar {
display: none;
}
/* KART GENİŞLİĞİ (38%) */
.featured-products .row > [class*="col-"],
.product-tabs .row > [class*="col-"],
.product-grid .row > [class*="col-"],
.row.product-grid > [class*="col-"] {
flex: 0 0 38% !important;
max-width: 38% !important;
width: 38% !important;
scroll-snap-align: start;
padding-right: 0 !important;
padding-left: 0 !important;
}
/* KART */
.product-cart-wrap {
padding: 8px !important;
margin: 0 !important;
min-height: auto !important;
border-radius: 16px !important;
box-shadow: 0 6px 18px rgba(0,0,0,0.07) !important;
overflow: visible !important;
}
/* GÖRSEL */
.product-img {
height: 140px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.product-img img {
max-height: 125px !important;
width: auto !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
}
/* BAŞLIK */
.product-cart-wrap h2,
.product-cart-wrap h3,
.product-title {
font-size: 11px !important;
line-height: 1.35 !important;
margin-bottom: 5px !important;
}
/* FİYAT */
.product-price,
.price,
.current-price {
font-size: 12px !important;
line-height: 1.3 !important;
}
/* İÇ BOŞLUK */
.product-content-wrap,
.product-card-bottom,
.product-cart-wrap .product-content-wrap {
padding: 0 !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
padding: 0 !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button i {
font-size: 12px !important;
line-height: 1 !important;
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button .colAddCart {
display: none !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap {
position: relative !important;
overflow: hidden !important;
}
.product-img-action-wrap {
position: relative !important;
}
/* İkon grubunu görselin üstünde tek noktada tut */
.product-cart-wrap .product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
bottom: auto !important;
z-index: 50 !important;
display: flex !important;
gap: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
/* Göz ve karşılaştırmayı gizle */
.product-cart-wrap .product-action-1 a.js-quick-view-button,
.product-cart-wrap .product-action-1 a.js-add-to-compare-button {
display: none !important;
}
/* Sadece kalp görünsün */
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button {
display: flex !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
padding: 0 !important;
border-radius: 50% !important;
background: #fff !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.12) !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
}
@media (max-width: 768px) {
/* Sepeti tekrar fiyatın yanına/aşağıya indir */
.product-cart-wrap .product-action-1 a.js-add-to-cart-button,
.product-cart-wrap .product-action-1 a.add-to-cart-button {
position: absolute !important;
right: 0px !important;
top: auto !important;
bottom: -260px !important;
z-index: 60 !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-img-action-wrap {
position: relative !important;
}
.product-cart-wrap .product-action-1 a.js-quick-view-button,
.product-cart-wrap .product-action-1 a.js-add-to-compare-button {
display: none !important;
}
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button,
.product-cart-wrap .product-action-1 a.wis_added {
position: absolute !important;
top: -5px !important;
right: -10px !important;
left: auto !important;
bottom: auto !important;
width: 25px !important;
height: 25px !important;
min-width: 25px !important;
border-radius: 50% !important;
background-color: #fff !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 15px 15px !important;
z-index: 999 !important;
overflow: hidden !important;
}
.product-cart-wrap .product-action-1 a.js-add-to-wishlist-button i,
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button i,
.product-cart-wrap .product-action-1 a.wis_added i {
display: none !important;
}
/* DOLU KALP */
.product-cart-wrap .product-action-1 a.js-remove-from-wishlist-button:not(.js-add-to-wishlist-button) {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s-7-4.6-9.5-9C.3 8.1 2.5 4 6.7 4c2.1 0 3.8 1.2 5.3 3 1.5-1.8 3.2-3 5.3-3 4.2 0 6.4 4.1 4.2 8-2.5 4.4-9.5 9-9.5 9z' fill='%23d8bc96' stroke='%23d8bc96' stroke-width='2'/%3E%3C/svg%3E") !important;
}
/* BOŞ KALP - EN ALTA KOYDUK, kaldırınca bunu bassın */
.product-cart-wrap .product-action-1 a.action-btn.js-add-to-wishlist-button {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s-7-4.6-9.5-9C.3 8.1 2.5 4 6.7 4c2.1 0 3.8 1.2 5.3 3 1.5-1.8 3.2-3 5.3-3 4.2 0 6.4 4.1 4.2 8-2.5 4.4-9.5 9-9.5 9z' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E") !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:hover,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:active,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:focus,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-add-to-wishlist-button:focus-visible,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:hover,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:active,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:focus,
.product-cart-wrap .product-action-1 a.action-btn.hover-up.js-remove-from-wishlist-button:focus-visible {
background-color: #fff !important;
box-shadow: none !important;
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
}
}
/* Ürün görselleri taşmasın */
.product-cart-wrap .product-img {
overflow: hidden !important;
}
/* Hover'daki ikinci görseli de aynı boyuta zorla */
.product-cart-wrap .product-img img,
.product-cart-wrap .product-img-zoom img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* Hover container da taşmasın */
.product-cart-wrap .product-img-zoom {
width: 100% !important;
height: 100% !important;
}
@media (max-width: 768px) {
section.featured .row > div {
margin-bottom: 18px !important;
}
section.featured .row > div:last-child {
margin-bottom: 0 !important;
}
}
@media (max-width: 768px) {
/* Default resmi gizle (hover sırasında arkadan görünmesin) */
.product-cart-wrap:hover .default-img {
opacity: 0 !important;
}
/* Hover resmi üstte olsun */
.product-cart-wrap .hover-img {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
z-index: 2 !important;
}
/* Default resim altta kalsın */
.product-cart-wrap .default-img {
position: relative !important;
z-index: 1 !important;
}
/* Container referans olsun */
.product-cart-wrap .product-img {
position: relative !important;
}
}
@media (max-width: 768px) {
.product-cart-wrap.hover .default-img {
opacity: 0 !important;
}
}
.product-content-wrap .product-category a {
font-weight: 600 !important;
}
@media (max-width: 768px) {
/* Kart içeriğini ortala */
.product-content-wrap {
text-align: center !important;
}
/* Kategori */
.product-content-wrap .product-category {
text-align: center !important;
}
/* Ürün adı */
.product-content-wrap h2 {
text-align: center !important;
}
.product-content-wrap h2 a {
text-align: center !important;
}
/* Fiyat */
.product-content-wrap .product-price {
text-align: center !important;
}
/* Rating / yıldızlar */
.product-content-wrap .rating_wrap {
justify-content: center !important;
display: flex !important;
}
}
.product-cart-wrap .product-action-1 a.action-btn.add-to-cart-button,
.product-cart-wrap .product-action-1 a.js-add-to-cart-button,
.product-cart-wrap .product-action-1 a.add-to-cart-button {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* Ürün kartlarındaki tekrarlanan ücretsiz kargo rozetlerini gizle */
.product-badges.product-badges-position.product-badges-mrg {
display: none !important;
}
/* FRAMEHALI sade ürün kartı aksiyonları */
.product-img-action-wrap > .product-action-1 .js-quick-view-button,
.product-img-action-wrap > .product-action-1 .js-add-to-compare-button {
display: none !important;
}
.product-img-action-wrap { position: relative !important; }
.product-img-action-wrap > .product-action-1 {
position: absolute !important;
top: 10px !important; right: 10px !important; left: auto !important; bottom: auto !important;
display: flex !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 20 !important;
}
.product-img-action-wrap > .product-action-1 .js-add-to-wishlist-button,
.product-img-action-wrap > .product-action-1 .js-remove-from-wishlist-button {
display: flex !important; width: 34px !important; height: 34px !important; min-width: 34px !important;
align-items: center !important; justify-content: center !important;
background: #fff !important; border-radius: 50% !important;
box-shadow: 0 3px 10px rgba(0,0,0,.12) !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
.product-content-wrap > .product-action-1.show {
position: static !important; display: block !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
}
.product-content-wrap > .product-action-1.show .add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin-top: 10px !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
background: #d8bc96 !important; color: #2f2a24 !important; border-radius: 8px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
.product-content-wrap > .product-action-1.show .add-to-cart-button::after { content: "Sepete Ekle"; font-size: 12px; font-weight: 600; }
@media (max-width: 768px) {
.product-content-wrap > .product-action-1.show .add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; border-radius: 8px !important; }
.product-content-wrap > .product-action-1.show .add-to-cart-button::after { content: none !important; }
}
/* Kart aksiyon düzeni başlangıç */
/* Önceki sepet gizleme kuralını geçersiz kıl */
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin: 10px 0 0 !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; }
}
/* Önceki sepet gizleme kuralını geçersiz kıl */
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button {
position: static !important; display: flex !important; width: 100% !important; height: 36px !important;
margin: 10px 0 0 !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button { width: 32px !important; height: 32px !important; margin: 8px auto 0 !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
content: "Sepete Ekle" !important; color: #2f2a24 !important; opacity: 1 !important; visibility: visible !important; display: block !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after { content: none !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
content: "Sepete Ekle" !important; color: #2f2a24 !important; opacity: 1 !important; visibility: visible !important; display: block !important;
}
@media (max-width: 768px) {
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after { content: none !important; }
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
transform: none !important; position: static !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show a.action-btn.add-to-cart-button::after {
transform: none !important; position: static !important;
}
/* FrameHalı - sosyal medya son düzen */
a[title="Instagram"][href*="instagram.com/framehali"] {
background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 48%, #6228d7 100%) !important;
border-color: #ee2a7b !important;
color: #ffffff !important;
}
a[title="Instagram"][href*="instagram.com/framehali"] i {
color: #ffffff !important;
}
a.twitter[href*="twitter.com/intent"],
a.linkedin[href*="linkedin.com/share"] {
display: none !important;
}
/* FrameHalı - yalnızca gölgesiz Sepete Ekle */
.product-cart-wrap .product-content-wrap > .product-action-1.show {
display: block !important;
width: 100% !important;
}
.product-cart-wrap .frame-buy-now {
display: none !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show > a.add-to-cart-button {
position: static !important;
display: flex !important;
width: 100% !important;
max-width: none !important;
height: 36px !important;
margin: 10px 0 0 !important;
padding: 0 12px !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
text-shadow: none !important;
}
.product-cart-wrap .product-content-wrap > .product-action-1.show > a.add-to-cart-button::after {
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
/* FrameHalı - favori kalbini kartın sağ üstüne sabitle */
.product-cart-wrap .product-img-action-wrap > .product-action-1 {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.product-cart-wrap .product-img-action-wrap > .product-action-1 .js-quick-view-button {
display: none !important;
}
.product-cart-wrap .product-img-action-wrap > .product-action-1 .js-add-to-wishlist-button {
position: static !important;
display: flex !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
/* FrameHalı - üst şerit duyuru kapsülü */
.frame-top-promo {
position: relative !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 30px !important;
height: auto !important;
margin: 3px 0 !important;
padding: 5px 18px !important;
overflow: hidden;
border: 1px solid rgba(185, 139, 78, .32);
border-radius: 999px;
background: linear-gradient(90deg, #f8efe0 0%, #f2dfbf 50%, #f8efe0 100%);
box-shadow: 0 2px 7px rgba(97, 69, 35, .08);
color: #5b432b;
transition: border-color .2s ease, background .2s ease;
}
.frame-top-promo:hover {
border-color: rgba(185, 139, 78, .58);
background: linear-gradient(90deg, #f5e7cf 0%, #ecd3a9 50%, #f5e7cf 100%);
}
.frame-top-promo-text {
position: relative;
z-index: 1;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
letter-spacing: .05px;
color: #5b432b;
white-space: nowrap;
pointer-events: none;
}
.frame-top-promo-link {
position: absolute !important;
inset: 0;
z-index: 2;
display: block !important;
width: 100%;
height: 100%;
font-size: 0 !important;
}
@media (max-width: 991px) {
.frame-top-promo { padding: 4px 12px !important; }
.frame-top-promo-text { font-size: 12px; }
}
/* FrameHalı - üst şerit kapsül hizalama düzeltmesi */
.frame-top-promo-wrap {
min-height: 30px !important;
height: auto !important;
overflow: visible !important;
vertical-align: middle;
}
.frame-top-promo-list {
height: auto !important;
min-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
}
.frame-top-promo {
border: 1px solid rgba(185, 139, 78, .32) !important;
}
/* FrameHalı - üst şeride tam sığan kompakt duyuru */
.frame-top-promo-wrap {
min-height: 24px !important;
height: 24px !important;
overflow: hidden !important;
vertical-align: top !important;
}
.frame-top-promo-list {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 24px !important;
height: 24px !important;
margin: 0 !important;
padding: 0 !important;
}
.frame-top-promo {
box-sizing: border-box !important;
min-height: 22px !important;
height: 22px !important;
margin: 1px 0 !important;
padding: 2px 14px !important;
border: 1px solid rgba(185, 139, 78, .32) !important;
}
.frame-top-promo-text {
font-size: 12px !important;
line-height: 16px !important;
}
/* FrameHalı - duyuru kapsülünü sabit tut */
.frame-top-promo,
.frame-top-promo:hover,
.frame-top-promo:focus,
.frame-top-promo:active,
.frame-top-promo-link,
.frame-top-promo-link:hover,
.frame-top-promo-link:focus,
.frame-top-promo-link:active {
top: auto !important;
bottom: auto !important;
transform: none !important;
translate: none !important;
}
/* FrameHalı - tek sabit favori görünümü */
html body .product-cart-wrap .product-action-1.frame-favorite-stable {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
overflow: visible !important;
border: 1px solid rgba(80,72,62,.12) !important;
border-radius: 50% !important;
background: #fff !important;
box-shadow: 0 2px 7px rgba(0,0,0,.14) !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable::before {
content: "" !important;
position: absolute !important;
top: 7px !important;
left: 7px !important;
z-index: 999 !important;
display: block !important;
width: 19px !important;
height: 19px !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
animation: none !important;
transition: none !important;
transform: none !important;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23333' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable:not(.frame-favorite-on):not(.frame-favorite-just-off):has(.js-add-to-wishlist-button:hover)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23d92d2d' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable.frame-favorite-on::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23d92d2d' stroke='%23d92d2d' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable.frame-favorite-just-off::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23333' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button i,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button i,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button::before,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button::before,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-add-to-wishlist-button::after,
html body .product-cart-wrap .product-action-1.frame-favorite-stable a.js-remove-from-wishlist-button::after {
display: none !important;
content: none !important;
}
.product-img-action-wrap:has(.js-add-to-wishlist-button:hover) .product-img img.default-img,
.product-img-action-wrap:has(.js-remove-from-wishlist-button:hover) .product-img img.default-img {
opacity: 1 !important;
visibility: visible !important;
}
.product-img-action-wrap:has(.js-add-to-wishlist-button:hover) .product-img img.hover-img,
.product-img-action-wrap:has(.js-remove-from-wishlist-button:hover) .product-img img.hover-img {
opacity: 0 !important;
visibility: hidden !important;
}
/* FrameHalı - favori tıklamasında tek daire ve şeffaf dokunma alanı */
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:hover,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:hover,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:focus,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:focus,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:active,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:active,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.button-loading {
position: absolute !important;
inset: 0 !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
outline: 0 !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
filter: none !important;
transform: none !important;
animation: none !important;
transition: none !important;
-webkit-tap-highlight-color: transparent !important;
}
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-add-to-wishlist-button:focus-visible,
html body .product-cart-wrap .product-action-1.frame-favorite-stable > a.action-btn.js-remove-from-wishlist-button:focus-visible {
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* FrameHalı - WhatsApp ve paylaşım son düzen */
.product-detail a[href*="wa.me/"] {
background: #25D366 !important;
background-color: #25D366 !important;
border-color: #25D366 !important;
color: #ffffff !important;
box-shadow: none !important;
}
.product-detail a[href*="wa.me/"] i { color: #ffffff !important; }
.product-detail a[href*="wa.me/"]:hover,
.product-detail a[href*="wa.me/"]:focus {
background: #1EBE5D !important;
background-color: #1EBE5D !important;
border-color: #1EBE5D !important;
color: #ffffff !important;
}
footer a.frame-footer-whatsapp {
color: inherit !important;
font-weight: 600;
text-decoration: none !important;
}
footer a.frame-footer-whatsapp:hover,
footer a.frame-footer-whatsapp:focus { color: #25D366 !important; }
.single-social-share > p {
cursor: default !important;
color: inherit !important;
}
.single-social-share .frame-product-whatsapp-share {
background: #25D366 !important;
border-color: #25D366 !important;
color: #ffffff !important;
}
.single-social-share .frame-product-instagram-link {
background: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 48%, #6228d7 100%) !important;
border-color: #ee2a7b !important;
color: #ffffff !important;
}
.single-social-share .frame-product-whatsapp-share i,
.single-social-share .frame-product-instagram-link i { color: #ffffff !important; }
/* FrameHalı - mobil sıfır yorum satırı */
.product-content-wrap .rating_wrap[style*="display: none"],
.product-content-wrap .rating_wrap[style*="display:none"] {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* FrameHalı - mobil hizmet kutuları 2x2 ve slider görünürlüğü */
.frame-featured-products-stable,
.frame-featured-products-stable .container,
.frame-featured-products-stable .carousel-slider-wrapper,
.frame-featured-products-stable .slick-list,
.frame-featured-products-stable .slick-track,
.frame-featured-products-stable .slick-slide {
visibility: visible !important;
opacity: 1 !important;
}
@media (max-width: 767px) {
.featured.section-padding-60 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.featured.section-padding-60 > .container > .row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 !important;
}
.featured.section-padding-60 > .container > .row > [class*="col-"] {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.featured .banner-left-icon {
width: 100% !important;
min-height: 0 !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
padding: 12px 9px !important;
border-radius: 16px !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
}
.featured .banner-icon {
margin: 0 0 7px !important;
}
.featured .banner-icon img {
width: 42px !important;
height: 42px !important;
object-fit: contain !important;
}
.featured .banner-text {
width: 100% !important;
}
.featured .icon-box-title {
margin: 0 0 4px !important;
font-size: 13px !important;
line-height: 1.25 !important;
}
.featured .banner-text p {
margin: 0 !important;
font-size: 11px !important;
line-height: 1.35 !important;
}
}
/* FrameHalı - responsive English storefront fixes */
html, body { max-width: 100%; overflow-x: hidden !important; }
.product-image-slider { overflow: hidden !important; background: #fff !important; }
.product-image-slider .slick-list { overflow: hidden !important; }
.single-social-share { height: auto !important; min-height: 90px; display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; }
.single-social-share > p { flex: 0 0 100%; margin: 0 0 4px !important; }
.single-social-share a { margin: 0 !important; flex: 0 0 34px; }
.frame-product-whatsapp-share { font-size: 0 !important; white-space: nowrap !important; }
.frame-product-whatsapp-share i { font-size: 15px !important; }
.product-extra-link2 { max-width: 100%; white-space: normal; }
.frame-en-footer-info {
width: min(1110px, calc(100% - 40px));
margin: 0 auto 35px;
padding: 35px 0 25px;
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 36px;
border-bottom: 1px solid rgba(79,93,119,.18);
color: #4f5d77;
}
.frame-en-footer-info h4 { margin: 0 0 16px; color: #171717; }
.frame-en-footer-info p { margin: 0 0 9px; line-height: 1.65; }
.frame-en-footer-info a { color: #4f5d77; text-decoration: none; }
.frame-en-footer-info a:hover { color: #d8b682; }
.frame-en-contact-info {
width: min(1110px, calc(100% - 40px));
margin: 35px auto;
padding: 28px 32px;
border: 1px solid rgba(216,182,130,.45);
border-radius: 14px;
background: #fbf8f1;
}
.frame-en-contact-info h1 { margin: 0 0 14px; font-size: 30px; }
.frame-en-contact-info p { margin: 8px 0; line-height: 1.65; }
@media (min-width: 992px) and (max-width: 1199px) {
.header-middle .search-style-2 { width: 52% !important; max-width: 620px; }
.header-middle .search-style-2 .select2-container { width: 165px !important; max-width: 165px; }
.header-middle .search-style-2 input { min-width: 0 !important; }
}
@media (max-width: 991px) {
.product-detail .row.mb-50 { display: flex; flex-wrap: wrap; }
.product-detail .row.mb-50 > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
.detail-gallery, .detail-info { width: 100% !important; max-width: 100% !important; }
.detail-info { margin-top: 28px !important; padding-left: 0 !important; padding-right: 0 !important; }
.product-extra-link2 { display: flex !important; flex-wrap: wrap; gap: 10px; width: 100% !important; }
.product-extra-link2 .button, .product-extra-link2 button { max-width: 100%; white-space: normal; }
.frame-en-footer-info { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
.detail-info h1 { font-size: 25px !important; line-height: 1.3 !important; }
.product-extra-link2 { align-items: stretch; }
.product-extra-link2 .detail-qty { flex: 0 0 80px; }
.product-extra-link2 .button, .product-extra-link2 button { flex: 1 1 150px; min-width: 0 !important; }
.single-social-share { justify-content: center; text-align: center; }
.frame-en-footer-info { grid-template-columns: 1fr; gap: 20px; width: calc(100% - 30px); }
.frame-en-contact-info { width: calc(100% - 30px); padding: 22px 18px; }
}
/* FrameHalı English LTR header and hero slider fix */
body.rtl .search-style-2 form button { left: auto !important; right: 0 !important; }
body.rtl .search-style-2 form input[name="q"] { padding-right: 68px !important; }
body.rtl .hero-slider-1 .slick-slide { float: left !important; }
body.rtl .hero-slider-1 .slick-track { direction: ltr !important; }
@media (max-width: 991px) {
body.rtl .search-style-2 form { width: 100% !important; min-width: 0 !important; }
body.rtl .search-style-2 .form-group--icon, body.rtl .search-style-2 .select2-container { width: 150px !important; flex: 0 0 150px !important; }
body.rtl .search-style-2 form input[name="q"] { min-width: 0 !important; width: auto !important; flex: 1 1 auto !important; }
}
/* Turkish blog share icons: keep Instagram plain like Facebook */
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"] {
background: none !important;
background-image: none !important;
color: #c1c7cf !important;
box-shadow: none !important;
}
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"]:hover { color: #3b5998 !important; }
/* Exact Facebook-style appearance for Turkish blog Instagram */
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"],
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"] i,
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"]:hover,
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"]:hover i,
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"]:focus,
body:not(.frame-en-ltr) main a[href*="instagram.com/framehali.tr"]:focus i {
color: #c1c7cf !important;
background: none !important;
background-image: none !important;
box-shadow: none !important;
}
/* Turkish blog share hover brand colors */
body:not(.frame-en-ltr) main ul li a[href*="instagram.com/framehali.tr"]:hover,
body:not(.frame-en-ltr) main ul li a[href*="instagram.com/framehali.tr"]:focus {
color: #ffffff !important;
background: linear-gradient(135deg, #F9CE34 0%, #EE2A7B 48%, #6228D7 100%) !important;
background-image: linear-gradient(135deg, #F9CE34 0%, #EE2A7B 48%, #6228D7 100%) !important;
}
body:not(.frame-en-ltr) main ul li a[href*="instagram.com/framehali.tr"]:hover i,
body:not(.frame-en-ltr) main ul li a[href*="instagram.com/framehali.tr"]:focus i { color: #ffffff !important; }
body:not(.frame-en-ltr) main ul li a[href*="wa.me"]:hover,
body:not(.frame-en-ltr) main ul li a[href*="wa.me"]:focus {
color: #ffffff !important;
background: #25D366 !important;
background-image: none !important;
}
body:not(.frame-en-ltr) main ul li a[href*="wa.me"]:hover i,
body:not(.frame-en-ltr) main ul li a[href*="wa.me"]:focus i { color: #ffffff !important; }
/* FrameHalı - ürün paylaşım ikonları SON kesin marka renkleri ve hizası */
html body main .mobile-social-icon.mobile-social-icon { display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link { display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:4px!important;box-sizing:border-box!important;line-height:1!important;vertical-align:middle!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook,
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook:hover,
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook:focus { background:#1877F2!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share:hover,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share:focus { background:#25D366!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link:hover,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link:focus { background:linear-gradient(135deg,#F9CE34 0%,#EE2A7B 48%,#6228D7 100%)!important;color:#fff!important; }
html body main .mobile-social-icon.mobile-social-icon > a.facebook.facebook > i,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-whatsapp-share.frame-product-whatsapp-share > i,
html body main .mobile-social-icon.mobile-social-icon > a.frame-product-instagram-link.frame-product-instagram-link > i { color:#fff!important;font-size:17px!important;line-height:1!important;margin:0!important; }