.elementor-kit-549{--e-global-color-primary:#191012;--e-global-color-secondary:#272324;--e-global-color-text:#403B3C;--e-global-color-accent:#CF183F;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-549 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================
   SRC Mobility – WooCommerce Ürün Grid + Kart (final)
   Bu dosya eski CSS'lerin yerine TAMAMEN geçer.
   ================================ */

/* --- GRID (Shop veya ürün listesi) --- */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* Desktop: 3 sütun */
  gap: 24px;
  align-items: stretch;
  margin-left: 0 !important;  /* bazı temaların negatif marginini temizle */
  margin-right: 0 !important;
}

/* Tablet 2 sütun, mobil 1 sütun */
@media (max-width: 1024px){
  .woocommerce ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (max-width: 640px){
  .woocommerce ul.products{
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* --- KART GÖVDESİ --- */
.woocommerce ul.products li.product {
  list-style: none;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(16,24,40,.08);
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform .18s ease, box-shadow .18s ease;
}
.woocommerce ul.products li.product:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(16,24,40,.12);
}

/* Ürün link kapsayıcısını da dikey akış yap */
.woocommerce ul.products li.product a.woocommerce-LoopProduct__link{
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}

/* --- GÖRSEL: sabit oran / eş yükseklik --- */
.woocommerce ul.products li.product a img{
  width: 100%;
  aspect-ratio: 4 / 3;     /* aynı oran */
  height: auto;
  object-fit: cover;       /* oranı bozmadan kırp */
  border-radius: 10px;
  display: block;
  background: #f6f6f6;
}

/* SALE rozetinin görsele yapışmaması için küçük boşluk */
.woocommerce ul.products li.product .onsale{
  top: 12px !important;
  left: 12px !important;
}

/* --- BAŞLIK & FİYAT --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin: 8px 0 0;
  text-align: center;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.3;
  color: #1a1a1a;
  min-height: unset;
  display: -webkit-box;            /* uzun başlıkları 2 satırla sınırla */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.woocommerce ul.products li.product .price{
  text-align: center;
  margin-top: 4px;
}

/* --- BUTONU alta sabitle --- */
.woocommerce ul.products li.product .button{
  margin-top: auto;                /* kartın en altına iner */
  display: inline-block;
  text-align: center;
}

/* --- Alt kategori etiketi (tema alt yazısı) daha sakin renk --- */
.woocommerce ul.products li.product .posted_in,
.woocommerce ul.products li.product .woocommerce-loop-category__title{
  text-align: center;
  color: #667085;
}

/* --- Tema/Elementor varsayılan sütun kurallarını etkisizleştir --- */
.woocommerce ul.products.columns-4 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products.columns-2 li.product{
  width: auto !important;     /* grid’i biz yönetiyoruz */
  margin: 0 !important;
  float: none !important;
  clear: none !important;
}
/* PRODUCT CARD */
.product-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* opacity 0.1 */
  transition: transform .2s ease, box-shadow .2s ease;
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
}

/* Hover effect */
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0,0,0,0.15);
}

/* Center titles and text */
.product-card h1,
.product-card h2,
.product-card h3,
.product-card h4,
.product-card p {
  margin: 0;
  text-align: center;
}

/* Image consistency */
.product-card .pc-image img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 10px;
}

/* Button style (optional) */
.product-card .pc-btn .elementor-button {
  background: #111;
  color: #fff;
  border-radius: 8px;
  padding: 12px 18px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  transition: background .2s ease, transform .2s ease;
}

.product-card .pc-btn .elementor-button:hover {
  background: #333;
  transform: translateY(-1px);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .product-card .pc-image img { height: 240px; }
}
@media (max-width: 767px) {
  .product-card { padding: 16px; border-radius: 10px; }
  .product-card .pc-image img { height: 220px; }
}
/* ====== HOME 3’LÜ KART — GÖRSELİ UZAT / PROFESYONEL KIRPMA ====== */

/* Kart boşluklarını biraz artır, premium görünüm */
.product-card{
  padding: 26px;                 /* 22 → 26 */
  border-radius: 18px;           /* 16 → 18 */
  box-shadow: 0 12px 30px rgba(16,24,40,.10);
}

/* --- GÖRSEL: sabit YÜKSEKLİK (daha büyük) + düzgün kırpma --- */
/* Aspect-ratio kullanan eski bloğu kapat:  .product-card .pc-image{ aspect-ratio:4/3; ... }  */
/* Yerine bu iki bloğu kullan: */
.product-card .pc-image{
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  background: #f6f6f6;
}

/* Masaüstünde 340px, tablet 300px, mobil 260px yükseklik */
.product-card .pc-image img{
  width: 100%;
  height: 340px;                 /* DAHA UZUN GÖRÜNÜM */
  object-fit: cover;             /* oran bozulmadan, kenarlardan kırpar */
  object-position: center 45%;   /* dikey merkez biraz yukarı – yüz/ürün daha iyi görünür */
  display: block;
  border-radius: 14px;
}

/* Tablet */
@media (max-width: 1024px){
  .product-card .pc-image img{ height: 300px; }
}

/* Mobil */
@media (max-width: 640px){
  .product-card{ padding: 20px; border-radius: 16px; }
  .product-card .pc-image img{ height: 260px; }
}

/* Başlık ve alt yazıda nefes alanı */
.product-card h3{ margin-top: 10px; }
.product-card p{  margin-top: 8px;  font-weight: 600; color:#5f6b7a; }/* End custom CSS */