/* === Upvestor: 3D Cards === */
.product-default{
  position:relative;
  border:0 !important;
  border-radius:16px !important;
  background:#fff;
  overflow:hidden;
  box-shadow:
    0 1px 0 rgba(0,0,0,.06),
    0 10px 24px rgba(0,0,0,.08) !important;
  transform:translateZ(0);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
  will-change:transform, box-shadow, filter;
}
.product-default::after{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 40%);
  mix-blend-mode:soft-light;
}
.product-default:hover,
.product-default:focus-within{
  transform:translateY(-4px);
  box-shadow:
    0 4px 10px rgba(0,0,0,.08),
    0 18px 38px rgba(0,0,0,.16) !important;
  filter:saturate(1.02);
}
.product-default .product-img{ border-radius:16px 16px 0 0 !important; overflow:hidden; }
.product-default .product-img img{ display:block; width:100%; height:auto; transition:transform .22s ease; }
.product-default:hover .product-img img,
.product-default:focus-within .product-img img{ transform:scale(1.02); }
.product-default .product-details{ padding:18px 18px 16px !important; }
.product-category{ background:#eef5ff; color:#2a6df6; padding:6px 10px; border-radius:999px; font-weight:600; }
@media (max-width:576px){
  .product-default{ border-radius:14px !important; }
  .product-default .product-details{ padding:16px 14px 14px !important; }
}

/* === Section Spacing & Centering === */
.category-area{ padding-top:50px !important; padding-bottom:40px !important; }
.category-area .section-title,
.category-area .section-title h2,
.category-area h2.title{
  text-align:center !important;
  margin:0 auto 28px !important;
  display:block;
}
#category-slider-1-pagination{ display:flex; justify-content:center; }

.product-area{ padding-top:30px !important; padding-bottom:50px !important; }
.product-area .section-title,
.product-area h2.title{ text-align:center !important; margin-bottom:24px !important; }
.product-area h3,
.product-area h3.text-center,
.product-area .text-center{ text-align:center !important; margin-top:10px; font-weight:600; }

.top-listing{ margin-top:40px !important; }

/* === Header: Desktop logo sizing === */
@media (min-width: 992px) {
  .header-area .navbar-brand img,
  .header-area .site-logo img {
    max-height: 48px !important; 
    height:auto !important;
    width:auto !important;
    object-fit:contain !important;
    display:block !important;
  }
  .header-area .navbar .navbar-brand {
    padding: 6px 0 !important;
    margin:0 !important;
  }
}

/* === Header: Mobile logo (оставляем бургер родной) === */
@media (max-width: 991.98px) {
  .main-responsive-nav .container {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:8px 12px !important;
    min-height:56px !important;
  }

  .main-responsive-nav .logo img {
    max-height:36px !important;
    height:auto !important;
    width:auto !important;
    object-fit:contain !important;
    display:block !important;
  }

  /* НЕ трогаем .menu-toggler — пусть работает по умолчанию */
}