/*
Template:       ciri
Theme Name:     Ciri Child
Theme URI:      https://themeforest.net/user/LaStudio/portfolio?ref=LaStudio
Author:         LA Studio
Author URI:     https://themeforest.net/user/LaStudio?ref=LaStudio
Description:    Ciri - Furniture & Interior WooCommerce Theme
Version:        1.0.0
Requires at least: 5.0
Requires PHP:   7.0
Tags:           catalog, ceramics, craftsman, decor, elementor, furniture, furniture catalog, furniture portfolio, furniture shop, furniture store, home decor, interior decoration, lighting, woocommerce, woodworker
License:        GNU General Public License
License URI:    licence/GPL.txt
Text Domain:    ciri
Domain Path:    /languages/
*/

/*
Template:       ciri
Theme Name:     Ciri Child
Theme URI:      https://themeforest.net/user/LaStudio/portfolio?ref=LaStudio
Author:         LA Studio
Author URI:     https://themeforest.net/user/LaStudio?ref=LaStudio
Description:    Ciri - Furniture & Interior WooCommerce Theme
Version:        1.0.0
Requires at least: 5.0
Requires PHP:   7.0
Tags:           catalog, ceramics, craftsman, decor, elementor, furniture, furniture catalog, furniture portfolio, furniture shop, furniture store, home decor, interior decoration, lighting, woocommerce, woodworker
License:        GNU General Public License
License URI:    licence/GPL.txt
Text Domain:    ciri
Domain Path:    /languages/
*/

/* === ÜRÜN AİLESİ ALANI === */
.product-family {
  margin-top: 30px;
}
.product-family h3 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}
.product-family-carousel {
  display: flex;
  overflow-x: auto;
  gap: 20px;
  scroll-behavior: smooth;
  padding-bottom: 10px;
}
.product-family-carousel::-webkit-scrollbar {
  height: 8px;
}
.product-family-carousel::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 4px;
}
.product-family-carousel > div {
  flex: 0 0 auto;
  width: 160px;
  text-align: center;
  background: #f8f8f8;
  border-radius: 10px;
  padding: 10px;
  transition: transform 0.2s ease;
}
.product-family-carousel > div:hover {
  transform: scale(1.05);
}
.product-family-carousel img {
  width: 100%;
  border-radius: 8px;
  height: auto;
}

/* === VARYASYON ALANI === */
.product-variations-wrapper {
  display: flex;
  overflow-x: auto;
  gap: 20px;
  scroll-behavior: smooth;
  margin-top: 30px;
  padding-bottom: 10px;
}
.product-variations-wrapper::-webkit-scrollbar {
  height: 8px;
}
.product-variations-wrapper::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 4px;
}
.product-variations-wrapper > div {
  flex: 0 0 auto;
  width: 150px;
  text-align: center;
  background: #f2f2f2;
  border-radius: 10px;
  padding: 10px;
  transition: box-shadow 0.2s;
}
.product-variations-wrapper > div:hover {
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.product-variations-wrapper img {
  width: 100%;
  border-radius: 8px;
  height: auto;
}