:root{
  --brand:#0d6efd;
  --soft:#f6f8fb;
  --text:#1f2937;
}
body{ color:var(--text); background:#fff; }
.navbar-brand{ font-weight:700; letter-spacing:.2px; }
.hero{
  background: linear-gradient(120deg, rgba(13,110,253,.10), rgba(25,135,84,.10));
  border:1px solid rgba(13,110,253,.12);
}

.badge-soft{
  background: rgba(13,110,253,.10);
  color: var(--brand);
  border:1px solid rgba(13,110,253,.18);
}
.card-hover{
  transition: transform .15s ease, box-shadow .15s ease;
}
.card-hover:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(16,24,40,.10);
}
.price{ font-weight:800; }
.strike{ text-decoration: line-through; color:#6b7280; }
.rating i{ color:#f59e0b; }
.section-title{
  font-weight:800;
  letter-spacing:-.2px;
}
.soft{
  background: var(--soft);
}
.footer{
  background:#0b1220;
  /*color:#cbd5e1; */
}
.footer a{ color:#bcc1c8; text-decoration:none; }
.footer a:hover{ color:#0d6efd; }
.form-help{ font-size:.875rem; color:#6b7280; }
.table td, .table th{ vertical-align: middle; }
.kpi{
  border:1px solid rgba(2,6,23,.08);
  border-radius: 1rem;
  padding: 1rem;
  background:#fff;
}
.skeleton{
  background: linear-gradient(90deg, #f1f5f9, #e2e8f0, #f1f5f9);
  background-size: 200% 100%;
  animation: shimmer 1.2s infinite;
  border-radius: .75rem;
}
@keyframes shimmer{
  0%{ background-position: 200% 0; }
  100%{ background-position: -200% 0; }
}

/* Navbar toggler icon (offcanvas) */
.navbar .navbar-toggler{ border-color: rgba(2,6,23,.12); }
.navbar .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%282,6,23,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* Full image slider fixed height */
.home-carousel-img{
  width:100%;
  height:300px;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.carousel .carousel-item{
  height:300px;
}
.carousel .carousel-item img{
  height:300px;
}

/* Pinterest-style masonry (CSS columns) */
.masonry-5{
  column-count: 5;
  column-gap: 1rem;
}
.masonry-item{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin: 0 0 1rem;
}
.masonry-item .card{
  width: 100%;
}
@media (max-width: 1399.98px){
  .masonry-5{ column-count: 4; }
}
@media (max-width: 1199.98px){
  .masonry-5{ column-count: 3; }
}
@media (max-width: 767.98px){
  .masonry-5{ column-count: 2; }
}
@media (max-width: 575.98px){
  .masonry-5{ column-count: 2; }
}
@media (max-width: 420px){
  .masonry-5{ column-count: 1; }
}

/* Swiper (touch slider) */
.home-swiper{ position: relative; }
.home-swiper .swiper-button-prev,
.home-swiper .swiper-button-next{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(2,6,23,.10);
  backdrop-filter: blur(6px);
}
.home-swiper .swiper-button-prev:after,
.home-swiper .swiper-button-next:after{
  font-size: 16px;
  color: rgba(2,6,23,.85);
  font-weight: 700;
}
.home-swiper .swiper-pagination-bullet{
  background: rgba(255,255,255,.85);
  opacity: .8;
}
.home-swiper .swiper-pagination-bullet-active{
  opacity: 1;
}

/* WooCommerce -> Bootstrap-ish buttons */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit{
  border-radius: .75rem;
}
.woocommerce a.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
}

/* ShoplyWoo single product + Woo pages polish */
.woocommerce div.product .woocommerce-product-gallery { margin-bottom: 0; }
.woocommerce div.product div.images .flex-control-thumbs { margin-top: .75rem; }
.woocommerce div.product div.images .flex-control-thumbs li { padding: .25rem; }
.woocommerce div.product .product_title { font-weight: 800; letter-spacing: -0.02em; }
.woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 1.5rem; font-weight: 800; }
.woocommerce div.product form.cart { margin-top: 1rem; }
.woocommerce div.product form.cart .quantity { margin-right: .75rem; }
.woocommerce .woocommerce-tabs ul.tabs { display:flex; gap:.5rem; padding:0; margin:0 0 1rem 0; border:0; }
.woocommerce .woocommerce-tabs ul.tabs li { border:0; margin:0; padding:0; background:transparent; }
.woocommerce .woocommerce-tabs ul.tabs li a{
  display:inline-block;
  padding:.5rem .9rem;
  border:1px solid rgba(2,6,23,.12);
  border-radius:999px;
  text-decoration:none;
  color:rgba(2,6,23,.85);
  background:#fff;
}
.woocommerce .woocommerce-tabs ul.tabs li.active a{
  border-color: var(--brand);
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.15);
}
.woocommerce table.shop_table { border-radius: 1rem; overflow: hidden; }
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-checkout #order_review { border:1px solid rgba(2,6,23,.12); border-radius: 1rem; padding: 1rem; background:#fff; }
.woocommerce form.checkout .form-row input.input-text,
.woocommerce form.checkout .form-row textarea,
.woocommerce form.checkout .form-row select { border-radius: .75rem; }
.woocommerce .woocommerce-form-login, .woocommerce .woocommerce-MyAccount-content { background:#fff; border:1px solid rgba(2,6,23,.12); border-radius: 1rem; padding: 1rem; }

/* Single product professional polish */
.single-product .summary .cart .quantity .qty{ width: 90px; }
.single-product .summary .cart{ display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }
.single-product .summary .cart .quantity{ margin:0 !important; }
.single-product .summary .cart button.single_add_to_cart_button{ flex:1 1 240px; }
.single-product .woocommerce-product-gallery img{ width:100%; height:auto; display:block; }
.single-product .woocommerce-product-gallery{ max-width: 100%; }

/* Related products masonry */
.masonry-related .masonry-item .card{ width:100%; }
@media (max-width: 1399.98px){ .masonry-related{ column-count: 4; } }
@media (max-width: 1199.98px){ .masonry-related{ column-count: 3; } }
@media (max-width: 767.98px){ .masonry-related{ column-count: 2; } }
@media (max-width: 575.98px){ .masonry-related{ column-count: 1; } }

/* Instagram-story style categories */
.story-strip{
  display:flex;
  gap: 1rem;
  overflow-x:auto;
  padding-bottom:.25rem;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling: touch;
}
.story-strip::-webkit-scrollbar{ height: 6px; }
.story-strip::-webkit-scrollbar-thumb{ background: rgba(2,6,23,.12); border-radius: 999px; }
.story-item{
  flex: 0 0 auto;
  text-decoration:none;
  color: inherit;
  text-align:center;
  scroll-snap-align: start;
  width: 92px;
}
.story-ring{
  width: 76px;
  height: 76px;
  border-radius: 999px;
  padding: 3px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg, rgba(13,110,253,.95), rgba(214,51,132,.85));
  box-shadow: 0 10px 24px rgba(2,6,23,.10);
}
.story-ring img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px;
  border: 3px solid #fff;
  display:block;
}
.story-fallback{
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background:#fff;
  border: 3px solid #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(2,6,23,.65);
  font-size: 1.25rem;
}
.story-name{
  display:block;
  margin-top:.5rem;
  font-size:.85rem;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.story-strip-sm .story-item{ width: 82px; }
.story-strip-sm .story-ring{ width: 64px; height: 64px; }
.story-strip-sm .story-name{ font-size:.8rem; }

/* Shop masonry: variable image heights for Pinterest feel */
.masonry-shop .product-thumb{ height: 260px; }
.masonry-shop .masonry-item:nth-child(6n+1) .product-thumb{ height: 220px; }
.masonry-shop .masonry-item:nth-child(6n+2) .product-thumb{ height: 320px; }
.masonry-shop .masonry-item:nth-child(6n+3) .product-thumb{ height: 200px; }
.masonry-shop .masonry-item:nth-child(6n+4) .product-thumb{ height: 280px; }
.masonry-shop .masonry-item:nth-child(6n+5) .product-thumb{ height: 360px; }
.masonry-shop .masonry-item:nth-child(6n+6) .product-thumb{ height: 240px; }

.product-thumb img{ width:100% !important; height:100% !important; object-fit:cover; object-position:center; display:block; }

/* Load more button */
button[data-load-more]{ min-width: 220px; }

.footer{
  font-size: 14px;
}

.footer-links li{
  margin-bottom:6px;
}

.footer-links a{
  color:#6c757d;
  text-decoration:none;
}

.footer-links a:hover{
  color:#0d6efd;
}

.footer-features{
  border-bottom:1px solid #eee;
  padding-bottom:25px;
}
/* Woo tabs bullet kaldır */
.wc-tabs,
.wc-tabs li{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* ekstra garanti */
.wc-tabs li::marker{
  content: "" !important;
}
/* WooCommerce yorum formu -> Bootstrap form-control görünümü */
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"],
.woocommerce #review_form #respond input[type="url"],
.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond select{
  display:block;
  width:100%;
  padding:.375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  color:#212529;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ced4da;
  border-radius:.375rem;
  transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.woocommerce #review_form #respond textarea{ min-height: 140px; }

.woocommerce #review_form #respond input:focus,
.woocommerce #review_form #respond textarea:focus,
.woocommerce #review_form #respond select:focus{
  border-color:#86b7fe;
  outline:0;
  box-shadow:0 0 0 .25rem rgba(13,110,253,.25);
}

/* Butonu da Bootstrap gibi */
.woocommerce #review_form #respond .form-submit input[type="submit"]{
  display:inline-block;
  padding:.375rem .75rem;
  border-radius:.375rem;
  border:1px solid transparent;
  background:#0d6efd;
  color:#fff;
}
.woocommerce #review_form #respond .form-submit input[type="submit"]:hover{
  background:#0b5ed7;
}

.footer-nav .nav-link{
  position:relative;
}
.footer-nav .nav-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:0;
  height:2px;
  background:#0d6efd;
  transition:.3s;
}
.footer-nav .nav-link:hover::after{
  width:100%;
}

/* Desktop */
.home-swiper,
.home-swiper .swiper-slide,
.home-carousel-img{
  height: 330px;
}

.home-carousel-img{
  width:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

/* Tablet */
@media (max-width: 992px){
  .home-swiper,
  .home-swiper .swiper-slide,
  .home-carousel-img{
    height: 260px;
  }
}

/* Mobil */
@media (max-width: 576px){
  .home-swiper,
  .home-swiper .swiper-slide,
  .home-carousel-img{
    height: 180px; /* burada 160-220 arası deneyebilirsin */
  }
}

/* My Account navigation -> Bootstrap list-group */
.woocommerce-MyAccount-navigation{
  max-width: 260px;
}

.woocommerce-MyAccount-navigation ul{
  border: 1px solid #e9ecef;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}

.woocommerce-MyAccount-navigation li a{
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1rem;
  border-bottom: 1px solid #f1f3f5;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}

.woocommerce-MyAccount-navigation li:last-child a{
  border-bottom: 0;
}

.woocommerce-MyAccount-navigation li a:hover{
  background: #f8f9fa;
}

.woocommerce-MyAccount-navigation li.is-active a{
  background: #0d6efd;
  color: #fff !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li::marker { content: ""; }

/* ===== Desktop only navbar underline (premium) ===== */
@media (min-width: 992px){

  .navbar .nav-link{
    position: relative;
    text-decoration: none;
  }

  /* çizgi */
  .navbar .nav-link::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
    width: 0;
    height: 3px;                 /* daha kalın */
    border-radius: 6px;

    /* gradient */
    background: #b4651b ;

    transition: width .30s ease;
  }

  /* hover → ortadan iki yana açılır */
  .navbar .nav-link:hover::after{
    width: 100%;
  }

  /* aktif sayfa */
  .navbar .current-menu-item > .nav-link::after,
  .navbar .current_page_item > .nav-link::after{
    width: 100%;
  }
}


.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #b4651b !important;
    --bs-btn-border-color: #ae7f5d !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #cb8538 !important;
    --bs-btn-hover-border-color: #d49e70 !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #0a58ca !important;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgb(180 101 27) !important;
}


.form-control:focus{
  border-color:#212529 !important;
  box-shadow:0 0 0 .2rem rgba(33,37,41,.15) !important;
}

.link-primary{
  color:#212529 !important;
}
.link-primary:hover{
  color:#000 !important;
}

.payment-logos img{
  opacity:.9;
  transition:.2s ease;
}

.payment-logos img:hover{
  opacity:1;
  transform: translateY(-2px);
}

.footer-policies a:not(:last-child)::after{
  content:"•";
  margin-left:12px;
  color:#ccc;
}

.policy-chip{
  padding:6px 14px;
  border-radius:50px;
  background:#f1f3f5;
  color:#495057;
  font-size:13px;
  text-decoration:none;
  transition:.2s ease;
}

.policy-chip:hover{
  background:var(--bs-primary);
  color:#fff;
}




.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.woocommerce ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

.woocommerce ul.products li.product .card {
  height: 100%;
}

@media (max-width: 991.98px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
}




.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.woocommerce ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

.woocommerce ul.products li.product .card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.woocommerce ul.products li.product .card-body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Sabit görsel alanı */
.product-thumb-fixed {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 220px;
  background: #f8f9fa;
}

/* Eski tarayıcı desteği için yedek */
.product-thumb-fixed::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.product-thumb-fixed > img.product-thumb-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Ürün grid */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Her ürün kartı */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
}

/* Kart tam yükseklik */
.woocommerce ul.products li.product > .card,
.woocommerce-page ul.products li.product > .card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Card body tam yükseklik */
.woocommerce ul.products li.product .card-body,
.woocommerce-page ul.products li.product .card-body {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Görsel kutusu: sabit oran */
.woocommerce ul.products li.product .product-thumb,
.woocommerce-page ul.products li.product .product-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  background: #f8f9fa !important;
  border-radius: 16px !important;
  margin-bottom: 12px !important;
}

/* aspect-ratio desteklemeyenler için yedek */
.woocommerce ul.products li.product .product-thumb::before,
.woocommerce-page ul.products li.product .product-thumb::before {
  content: "" !important;
  display: block !important;
  padding-top: 125% !important;
}

/* Görseli kutuya oturt */
.woocommerce ul.products li.product .product-thumb img,
.woocommerce-page ul.products li.product .product-thumb img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Başlık yüksekliği sabit */
.woocommerce ul.products li.product .fw-bold,
.woocommerce-page ul.products li.product .fw-bold {
  min-height: 48px !important;
  line-height: 1.35 !important;
  display: block !important;
  margin-bottom: 8px !important;
}

/* Kategori satırı sabit */
.woocommerce ul.products li.product .small.text-muted.mb-2,
.woocommerce-page ul.products li.product .small.text-muted.mb-2 {
  min-height: 38px !important;
  display: block !important;
}

/* Fiyat alanı */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  min-height: 24px !important;
}

/* Butonları alta it */
.woocommerce ul.products li.product .d-grid.gap-2.mt-3,
.woocommerce-page ul.products li.product .d-grid.gap-2.mt-3 {
  margin-top: auto !important;
}

/* Buton yükseklikleri eşit */
.woocommerce ul.products li.product .btn,
.woocommerce-page ul.products li.product .btn {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Tablet */
@media (max-width: 991.98px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobil */
@media (max-width: 575.98px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr !important;
  }
}



.product_meta {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.product_meta a {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 575.98px) {
  .product_meta {
    font-size: 13px;
    line-height: 1.5;
  }
}