.elementor-kit-174{--e-global-color-primary:#111111;--e-global-color-secondary:#E85D93;--e-global-color-text:#5F5F5F;--e-global-color-accent:#FBEAF1;--e-global-color-83fd55b:#E9E9E9;--e-global-color-2696962:#FFFFFF;--e-global-color-785e2a9:#E9E9E9;--e-global-color-1092652:#FFFFFF;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Cormorant Garamond";--e-global-typography-accent-font-weight:500;font-size:16px;background-color:var( --e-global-color-1092652 );}.elementor-kit-174 h1{font-size:52px;}.elementor-kit-174 h2{font-size:40px;}.elementor-kit-174 h3{font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-174 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-174{font-size:15px;}.elementor-kit-174 h1{font-size:34px;}.elementor-kit-174 h2{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */body.woocommerce-shop ul.products li.product .woocommerce-loop-product__link, body.tax-product_cat ul.products li.product .woocommerce-loop-product__link { display: block; position: relative; overflow: visible; } body.woocommerce-shop ul.products li.product:nth-child(2n) .woocommerce-loop-product__link img, body.tax-product_cat ul.products li.product:nth-child(2n) .woocommerce-loop-product__link img { border-radius: 44% 56% 60% 40% / 55% 43% 57% 45% !important; } body.woocommerce-shop ul.products li.product .woocommerce-loop-product__link img, body.tax-product_cat ul.products li.product .woocommerce-loop-product__link img { border-radius: 58% 42% 50% 50% / 46% 52% 48% 54% !important; width: 100% !important; height: 100% !important; object-fit: cover !important; aspect-ratio: 1 / 1; overflow: hidden; } /* Ipek Bahce - hero: reveal decorative blur blobs instead of photo */ .elementor-element-e050ef0 { background-image: linear-gradient(160deg, var(--fw-blush) 0%, var(--fw-cream) 70%) !important; } .elementor-element-e050ef0 h1, .elementor-element-e050ef0 .elementor-heading-title { color: var(--fw-ink) !important; } /* Ipek Bahce - hero: hide dynamic Archive Title (kept for SEO H1), show designed hero content */ .elementor-element-e050ef0 .elementor-widget-theme-archive-title { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; } .fw-hero-inner { position: relative; text-align: center; padding: 8px 20px 4px; max-width: 720px; margin: 0 auto; } .fw-hero-flourish { width: 70px; height: auto; display: block; margin: 0 auto 22px; opacity: 0.7; } .fw-hero-eyebrow { font-size: 12px; letter-spacing: 0.32em; text-transform: uppercase; color: #8E123F; font-weight: 500; margin-bottom: 18px; } .fw-hero-title { font-family: 'Italiana', serif; letter-spacing: 0.04em; font-size: 52px; margin: 0 0 18px; font-weight: 400; line-height: 1.15; color: #3A2530; } .fw-hero-desc { max-width: 520px; margin: 0 auto 28px; color: #93737E; font-size: 15px; line-height: 1.75; } .fw-hero-cta { display: inline-block; background: linear-gradient(120deg, #C2185B 0%, #8E123F 100%); color: #fff !important; border: none; padding: 14px 32px; border-radius: 32px; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 0.04em; cursor: pointer; box-shadow: 0 10px 24px rgba(194,24,91,0.28); text-decoration: none !important; transition: transform .2s ease; } .fw-hero-cta:hover { transform: translateY(-2px); color: #fff !important; } @media (max-width: 767px) { .fw-hero-title { font-size: 34px; } } /* Ipek Bahce - spotlight card: span full grid row width like the mockup banner */ .fw-spotlight { grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; } /* Ipek Bahce - product category label above title (injected via JS, real taxonomy names) */ .fw-cat-label { font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: #93737E; margin-bottom: 6px; display: block; text-align: center; width: 100%; } /* Ipek Bahce - match shop page content width to the header's boxed container (1440px), like the homepage sections do. Hero keeps its full-bleed gradient background; only these two rows were stretching edge-to-edge. */ body.woocommerce-shop .elementor-element-852e586, body.tax-product_cat .elementor-element-852e586, body.woocommerce-shop .elementor-element-1365755, body.tax-product_cat .elementor-element-1365755 { max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; } /* Ipek Bahce - center product name, price and Sepete Ekle button like the mockup */ body.woocommerce-shop ul.products li.product, body.tax-product_cat ul.products li.product { text-align: center; } /* Ipek Bahce - spotlight (imza koleksiyon) kartindaki Sepete Ekle / Incele butonlarini site genelindeki urun butonlariyla ayni fontta ve marka renginde goster */ .fw-spotlight .button { font-family: var( --e-global-typography-accent-font-family ), sans-serif; font-weight: var( --e-global-typography-accent-font-weight ); } .fw-spotlight a.add_to_cart_button { color: rgb(142, 18, 63); border-radius: 30px; } .fw-spotlight a.add_to_cart_button:hover { color: rgb(194, 24, 91); } .fw-spotlight a.button:not(.add_to_cart_button) { border-radius: 24px; } /* Ipek Bahce - sayfada marka fontu tasimayan (tarayici varsayilanina dusen) metinleri sitenin genel govde fontuyla (Poppins) hizala: hero etiket/aciklama, kategori filtre pilleri, sonuc sayaci, siralama menusu, imza koleksiyon rozeti, urun kategori etiketleri; imza koleksiyon urun ismini de diger urun isimleriyle ayni baslik fontuna (Italiana) getir */ body.woocommerce-shop, body.tax-product_cat { font-family: 'Poppins', sans-serif; } .fw-spotlight h3 { font-family: 'Italiana', sans-serif; } /* Ipek Bahce - Sepete Ekle butonundaki varsayilan WooCommerce gri zemini kaldir, site paletindeki (rose) cerceveli/dolgusuz pill stiline gecir; hover'da dolu renge donsun */ .fw-spotlight a.add_to_cart_button, ul.products li.product a.add_to_cart_button { background: transparent; border: 1.5px solid var(--fw-rose, #6B1A30); color: var(--fw-rose, #6B1A30); border-radius: 30px; transition: background 0.25s ease, color 0.25s ease; } .fw-spotlight a.add_to_cart_button:hover, ul.products li.product a.add_to_cart_button:hover { background: var(--fw-rose, #6B1A30); border-color: var(--fw-rose, #6B1A30); color: #fff; } /* Ipek Bahce - Sepete Ekle hover'inda metin rengi Elementor widget'in kendi hover stilinden (pembemsi C2185B) eziliyor, koyu gul zemin ustunde okunmuyordu; yeterli oncelikle beyaza sabitleniyor. Kenarlik da hover'da dolu zeminle ayni tona getiriliyor */ .fw-spotlight a.add_to_cart_button:hover, ul.products li.product a.add_to_cart_button:hover { color: #fff !important; border-color: var(--fw-rose, #6B1A30) !important; } /* Ipek Bahce - Sepete Ekle metni "sonuk/belirsiz" gorunuyordu: acik pudra/blush kart zemininde ince ve orta tonlu gul rengi (--fw-rose) hem kenarlik hem yazida yeterli "agirlik" hissi vermiyordu, ozellikle yanindaki dolu "Incele" butonuna kiyasla soluk kaliyordu. Kenarlik ve yaziyi daha koyu/doygun --fw-rose-deep tonuna, kenarligi da 2px'e cikartarak daha belirgin/okunur hale getiriliyor. (Grid butonlarda Elementor widget'inin kendi varsayilan rengi yuksek ozguculukle bunu eziyordu, bu yuzden !important gerekiyor.) */ .fw-spotlight a.add_to_cart_button, ul.products li.product a.add_to_cart_button { color: var(--fw-rose-deep, #4A1224) !important; border-color: var(--fw-rose-deep, #4A1224) !important; border-width: 2px !important; } .fw-spotlight a.add_to_cart_button:hover, ul.products li.product a.add_to_cart_button:hover { background: var(--fw-rose-deep, #4A1224) !important; border-color: var(--fw-rose-deep, #4A1224) !important; color: #fff !important; } /* Ipek Bahce - kullanici geri bildirimi: kenarlik 1px kalsin, ama yazi tipi (Cormorant Garamond, ince gövdeli bir serif) hala sonuk/zayif gorunuyor. Kenarlik 2px'den 1px'e geri alinip, ince serif harflerin gorsel agirligini artirmak icin hafif bir text-stroke (kalem kalinlastirma efekti) ekleniyor - font dosyasi degismeden harfler daha "dolu" gorunuyor */ .fw-spotlight a.add_to_cart_button, ul.products li.product a.add_to_cart_button { border-width: 1px !important; font-weight: 800 !important; -webkit-text-stroke: 0.4px currentColor; } /* Ipek Bahce - kullanici geri bildirimi: font-weight 800 + text-stroke kombinasyonu "cok sert" gorunuyor, begenilmedi. Orijinal 700 agirliga (Incele butonuyle ayni) geri donuluyor, text-stroke kaldiriliyor - kontrast icin sadece daha koyu --fw-rose-deep renk ve 1px kenarlik yeterli kaliyor */ .fw-spotlight a.add_to_cart_button, ul.products li.product a.add_to_cart_button { font-weight: 700 !important; -webkit-text-stroke: 0 !important; } /* Ipek Bahce - kategori filtre pilllerinin (Tumu, Yeni Gelenler, ...) bulundugu konteyner (.fw-cat-tabs) dikeyde cok kalin/genis duruyordu (22px ust/alt bosluk, 83.5px yukseklik). Hem konteynerin hem de tek tek pillerin dikey padding'i azaltilarak bar inceltiliyor */ .fw-cat-tabs { padding: 12px 24px !important; } .fw-cat-tab { padding: 7px 18px !important; } /* Ipek Bahce - favori (kalp) butonu urun karti (li.product) icinde mutlak konumlu oldugundan, kalbe mouse getirildiginde tarayici li.product:hover'i da tetikliyor ve bu da urun resmini buyutuyordu (transform: scale + golge) - halbuki sadece kalp kendi hover'ini gostermeli. :has() ile, mouse ozellikle favori butonunun uzerindeyken karttaki resim buyutme/golge efekti iptal ediliyor */ ul.products li.product:has(.fw-favorite-btn:hover) .woocommerce-LoopProduct-link img { transform: none !important; box-shadow: none !important; } /* Ipek Bahce - tum sitede genel button:hover kurali (arka plan pembe/kirmizi yapiyor) favori (kalp) butonunun de bir