/*
 Theme Name: Hello Child
 Template: hello-elementor
*/
.my-shop-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;max-width:1240px;margin:0 auto;padding:20px;}
.my-shop-main{min-width:0;}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;margin:0;padding:0;}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;list-style:none;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:0 0 12px;transition:transform .15s,box-shadow .2s;}
.woocommerce ul.products li.product:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.08);}
.woocommerce ul.products li.product a img{width:100%;height:auto;display:block;}
@media (max-width:900px){.my-shop-layout{grid-template-columns:1fr}}
@media (max-width:600px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.woocommerce ul.products{grid-template-columns:1fr}}

/* Контейнер: ліворуч сайдбар, праворуч товари */
.my-shop-layout{
  display:grid;
  grid-template-columns: 280px minmax(0,1fr);
  gap:40px;
  max-width:1240px;
  margin:0 auto;
  padding:20px;
}
.my-shop-main{ min-width:0; }

.my-shop-topbar{
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  margin:8px 0 18px;
}
.my-shop-topbar .woocommerce-result-count{ margin:0; }
.my-shop-topbar .woocommerce-ordering select{ min-width:210px; }

/* ГРІД ТОВАРІВ — надійний */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px,1fr));
  gap:28px;
  margin:0; padding:0;
}
/* Якщо Woo додає клас columns-* — усе одно примушуємо грід */
.woocommerce ul.products[class*="columns-"]{
  display:grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px,1fr));
}

/* прибрати Woo clearfix */
.woocommerce ul.products::before,
.woocommerce ul.products::after{ display:none !important; }

/* скидання float/width Woo + стиль картки */
.woocommerce ul.products li.product{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  list-style:none;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  padding:0 0 12px;
  transition:transform .15s, box-shadow .2s;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(0,0,0,.08);
}
.woocommerce ul.products li.product a img{
  width:100%; height:auto; display:block;
}

/* Сайдбар */
.my-shop-sidebar .widget{
  padding-bottom:18px; margin-bottom:28px; border-bottom:1px solid #e9eef3;
}
.my-shop-sidebar .widget-title{
  font-weight:700; margin:0 0 12px;
}

/* Адаптив */
@media (max-width:900px){ .my-shop-layout{ grid-template-columns:1fr; } }
@media (max-width:600px){ .woocommerce ul.products{ grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:420px){ .woocommerce ul.products{ grid-template-columns: 1fr; } }

/* 1) Контейнер і сайдбар */
.my-shop-layout{
  display:grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap:40px;
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px;
}
.my-shop-sidebar{
  position: sticky; top: 96px;  /* липкий сайдбар */
}
.my-shop-sidebar .widget{ padding-bottom:18px; margin-bottom:28px; border-bottom:1px solid #e9eef3; }
.my-shop-sidebar .widget-title{ font-weight:700; margin:0 0 12px; }
/* Прибрати дубль заголовка всередині віджета категорій */
.my-shop-sidebar .widget .widgettitle{ display:none; }

/* 2) Топбар */
.my-shop-topbar{
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  margin: 8px 0 18px;
}
.my-shop-topbar .woocommerce-result-count{ margin:0; }
.my-shop-topbar .woocommerce-ordering select{ min-width:210px; }

/* 3) Грід товарів (надійно) */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap:28px;
  margin:0; padding:0;
}
/* Прибрати clearfix від Woo */
.woocommerce ul.products::before,
.woocommerce ul.products::after{ display:none !important; }
/* Скинути float/width у карток */
.woocommerce ul.products li.product{
  float:none !important; width:auto !important; margin:0 !important; list-style:none;
  background:#fff; border-radius:12px; overflow:hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  padding: 0 0 12px;
  transition: transform .15s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
.woocommerce ul.products li.product a img{ width:100%; height:auto; display:block; }

/* 4) Коли товар лише один — робимо красиву центральну картку */
.woocommerce ul.products:has(> li.product:first-child:last-child){
  grid-template-columns: minmax(320px, 560px);
  justify-content: center;        /* по центру контейнера */
}

/* 5) Трохи кнопці стилю (за бажанням під бренд) */
.woocommerce ul.products li.product .button{
  background:#1F88C9; color:#fff; border-radius:10px; padding:10px 16px;
}
.woocommerce ul.products li.product .button:hover{ filter:brightness(.95); }

/* Адаптив */
@media (max-width: 900px){
  .my-shop-layout{ grid-template-columns: 1fr; }
  .my-shop-sidebar{ position: static; }
}
@media (max-width: 520px){
  .woocommerce ul.products{ grid-template-columns: 1fr; }
}