/* =====================================================
   DUSHISTO — CATEGORY "Натуральное мыло" — CATALOG (PREMIUM) — FINAL
   File: dush_natmayl-catalog.css
   Scope: .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty
===================================================== */

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty{
  --dush-ink:#2a211a;
  --dush-muted:#6f6a63;
  --dush-accent:#bfa37a;
  --dush-card:#ffffff;
  --dush-line:rgba(42,33,26,.12);

  --dush-shadow:0 30px 90px rgba(30,20,10,.08);
  --dush-shadow-hover:0 45px 120px rgba(30,20,10,.12);
}

/* =====================================================
   1) Top bar: results + ordering (single premium row)
===================================================== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-notices-wrapper{
  margin: 0 0 10px !important;
}

/* контейнер верхней панели */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-result-count,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-ordering{
  float:none !important;
  margin:0 !important;
}

/* делаем одну строку: слева count, справа select */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-result-count{
  font-family: var(--font-ui, "Inter", system-ui, -apple-system, Segoe UI, Arial);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--dush-muted);
  padding: 8px 0 0;
  display:inline-block;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-ordering{
  display:inline-flex;
  justify-content:flex-end;
  align-items:center;
  float:right !important;
  margin: 0 0 16px !important;
}

/* FIX: select не растягиваем на 100% (Astra/Woo часто задаёт width:100%) */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-ordering select{
  width:auto !important;
  min-width: 220px;
  max-width: 340px;

  font-family: var(--font-ui, "Inter", system-ui, -apple-system, Segoe UI, Arial);
  font-size: 13px;
  color: var(--dush-ink);
  background: rgba(255,255,255,.80);

  border: 1px solid var(--dush-line);
  border-radius: 14px;
  padding: 10px 14px;

  outline:none;
  box-shadow: 0 14px 40px rgba(24,18,14,.06);
}

/* мобилка: переносим select вниз и на всю ширину */
@media (max-width: 640px){
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-result-count{
    display:block;
    padding: 0 0 8px;
  }

  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-ordering{
    float:none !important;
    display:block;
    margin: 0 0 14px !important;
  }

  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-ordering select{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }
}

/* clearfix чтобы ul.products всегда начинался ниже */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce::after{
  content:"";
  display:block;
  clear:both;
}

/* =====================================================
   2) Products grid (more air)
===================================================== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
}

@media (max-width: 1100px){
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products{
    grid-template-columns: 1fr;
    gap: 16px !important;
  }
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product{
  list-style:none !important;
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;

  /* equal-height card */
  display:flex;
  flex-direction:column;

  position:relative;
  background: var(--dush-card);
  border: 1px solid rgba(42,33,26,.10);
  border-radius: 22px;
  overflow:hidden;

  box-shadow: var(--dush-shadow);
  transform: translateY(0);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product:hover{
  transform: translateY(-4px);
  box-shadow: var(--dush-shadow-hover);
  border-color: rgba(191,163,122,.35);
}

/* =====================================================
   3) Image block
===================================================== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product a{
  text-decoration:none !important;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product a.woocommerce-LoopProduct-link{
  display:block;
  padding: 14px 14px 0;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product img{
  width:100% !important;
  height: 260px !important;
  object-fit:cover !important;
  border-radius: 16px;
  background:#f3ede6;
  box-shadow: 0 18px 50px rgba(24,18,14,.08);
  transition: transform .35s ease, filter .35s ease;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product:hover img{
  transform: scale(1.02);
  filter: saturate(1.02) contrast(1.02);
}

@media (max-width: 640px){
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product img{
    height: 240px !important;
  }
}

/* =====================================================
   4) Typography / title / price (price in one line)
===================================================== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .ast-woo-product-category,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .woocommerce-loop-category__title{
  display:none !important;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product h2.woocommerce-loop-product__title{
  font-family: var(--font-brand, "Cormorant Garamond", serif);
  font-size: 18px !important;
  line-height: 1.15 !important;
  color: var(--dush-ink);
  padding: 14px 16px 0 !important;
  margin: 0 !important;
  letter-spacing: .02em;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .price{
  padding: 10px 16px 0 !important;
  margin: 0 !important;

  font-family: var(--font-ui, "Inter", system-ui, -apple-system, Segoe UI, Arial);
  color: var(--dush-ink);

  display:flex;
  align-items: baseline;
  gap: 8px;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .price del{
  opacity:.55;
  color: var(--dush-muted);
  margin: 0;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .price ins{
  text-decoration:none !important;
  color: var(--dush-ink);
  font-weight:600;
  font-size: 16px;
}

/* =====================================================
   5) Button "В корзину" — warmer premium (no blue)
===================================================== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product a.button,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product a.button:visited,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product a.button:focus{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;

  width: calc(100% - 32px) !important;
  margin: 14px 16px 16px !important;
  padding: 11px 14px !important;

  border-radius:999px !important;
  border: none !important;

  background: linear-gradient(180deg, #eadfcf 0%, #d7c3a4 100%) !important;

  color: var(--dush-ink) !important;
  font-family: var(--font-ui, "Inter", system-ui, -apple-system, Segoe UI, Arial) !important;
  font-size: 12px !important;
  letter-spacing: .12em;
  text-transform: uppercase;

  box-shadow: 0 18px 54px rgba(24,18,14,.12) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

/* push to bottom for equal-height cards */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product a.button{
  margin-top:auto !important;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product a.button:hover{
  transform: translateY(-2px);
  box-shadow: 0 28px 80px rgba(24,18,14,.16) !important;
  filter: saturate(1.02) contrast(1.02);
}

/* "added to cart" link */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .added_to_cart{
  display:inline-block;
  margin: 0 16px 18px !important;
  font-family: var(--font-ui, "Inter", system-ui, -apple-system, Segoe UI, Arial);
  font-size: 12px;
  color: var(--dush-muted);
}

/* =====================================================
   6) Sale badge — smaller, cleaner
===================================================== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product span.onsale{
  position:absolute !important;
  top: 16px;
  left: 16px;

  background: rgba(255,255,255,.88) !important;
  color: var(--dush-ink) !important;
  border: 1px solid rgba(42,33,26,.12) !important;

  font-family: var(--font-ui, "Inter", system-ui, -apple-system, Segoe UI, Arial);
  font-size: 9px !important;
  letter-spacing: .14em;
  text-transform: uppercase;

  padding: 5px 8px !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 44px rgba(24,18,14,.10);
}

/* =====================================================
   7) Pagination
===================================================== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-pagination{
  margin-top: 26px;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-pagination ul.page-numbers{
  border: 0 !important;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-pagination .page-numbers li a,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-pagination .page-numbers li span{
  border-radius: 12px !important;
  border: 1px solid var(--dush-line) !important;
  background: rgba(255,255,255,.75) !important;
  color: var(--dush-ink) !important;
  box-shadow: 0 16px 50px rgba(24,18,14,.08);
}

/* =====================================================
   FIX: цены ушли влево — центрируем price в карточке
===================================================== */

/* сам блок цены по центру */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .price{
  justify-content: center;
  text-align: center;
  width: 100%;
}

/* на всякий: элементы цены не растягиваем */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .price del,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .price ins{
  display: inline-block;
}


/* опционально: центрируем типографику внутри карточки */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product h2.woocommerce-loop-product__title{
  text-align: center;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .price{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* ===== TOP BAR: делаем аккуратную плашку ===== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-result-count,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-ordering{
  position: relative;
  z-index: 2;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce{
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(42,33,26,.10);
  box-shadow: 0 20px 60px rgba(24,18,14,.06);
  margin: 0 0 18px;
}

/* чтобы ul.products начинался после плашки */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products{
  margin-top: 18px !important;
}

/* ===== CARD: чуть больше ритма между title/price/button ===== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product .price{
  margin-bottom: 6px !important;
}

/* ===== HOVER: еще чуть "парит" ===== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product:hover{
  transform: translateY(-6px);
}

/* ===== Мягкое появление карточек (премиум анимация) ===== */
@media (prefers-reduced-motion: no-preference){
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product{
    opacity: 0;
    transform: translateY(10px);
    animation: dushFadeUp .45s ease forwards;
  }
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product:nth-child(2){ animation-delay:.04s; }
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product:nth-child(3){ animation-delay:.08s; }
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product:nth-child(4){ animation-delay:.12s; }
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product:nth-child(5){ animation-delay:.16s; }
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product:nth-child(6){ animation-delay:.20s; }
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products li.product:nth-child(7){ animation-delay:.24s; }

  @keyframes dushFadeUp{
    to{ opacity:1; transform: translateY(0); }
  }
}