/* =====================================================
   DUSHISTO — CATEGORY HERO (Premium Warm) — FINAL
   File: dush_natmayl-hero.css
   Scope: ONLY category "naturalnoe-mylo-ruchnoj-raboty"
   Includes:
   0) Layout fix (Astra) — no sidebar + full width
   1) Flex safety (hero всегда над каталогом)
   2) Premium hero styles + subtle texture
   3) Safe parallax (desktop only)
===================================================== */

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty{
  --dush-ink:#2a211b;
  --dush-muted:#4a433c;
  --dush-accent:#c9b6a3;
  --dush-accent-2:#a08d7b;
  --dush-bg-1:#faf6f1;
  --dush-bg-2:#f3ede6;
  --dush-line:rgba(42,33,27,.12);
  --dush-shadow:0 24px 70px rgba(24,18,14,.10);
}

/* =====================================================
   0) LAYOUT FIX (Astra) — only this category
   Убираем сайдбар, растягиваем контент на 100%, центрируем контейнер
===================================================== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty #secondary,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .secondary{
  display:none !important;
}

/* Astra container sometimes flex → force normal flow */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .site-content .ast-container{
  display:block !important;
}

/* Primary full width */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty #primary,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .content-area{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  flex:none !important;
  margin:0 !important;
}

/* Centered container like /magazin */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .site-content > .ast-container{
  width:min(1320px, calc(100% - 48px)) !important;
  margin:0 auto !important;

  /* Hero/каталог/SEO сами зададут отступы */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Clean side paddings */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .site-content{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* =====================================================
   1) FLEX SAFETY
   Hero не должен вставать рядом с каталогом даже если Woo/Astra flex
===================================================== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .site-main,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce{
  flex-wrap: wrap;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero{
  width:100%;
  flex:0 0 100%;
  max-width:100%;
}

/* каталожные блоки всегда с новой строки */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-result-count,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .woocommerce-ordering,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty ul.products{
  width:100%;
  flex:0 0 100%;
  max-width:100%;
  clear:both;
}

/* =====================================================
   2) HERO (Premium Warm)
   Требуется HTML:
   <section class="dush-cat-hero">
     <div class="dush-cat-hero__inner">
       <div class="dush-cat-hero__eyebrow">DUSHISTO</div>
       <h1 class="dush-cat-hero__title">...</h1>
       <div class="dush-cat-hero__divider"></div>
       <div class="dush-cat-hero__desc">...</div>
       <div class="dush-cat-hero__badges"><span>...</span></div>
     </div>
   </section>
===================================================== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero{
  padding: 128px 20px 92px;
  text-align:center;
  position:relative;
  overflow:hidden;

  border-radius: 26px;
  margin: 18px 0 26px;

  background:
    radial-gradient(1200px 520px at 18% 0%, rgba(199,182,164,0.26), transparent 60%),
    radial-gradient(900px 420px at 92% 20%, rgba(169,141,118,0.18), transparent 60%),
    linear-gradient(to bottom, var(--dush-bg-1) 0%, var(--dush-bg-2) 100%);

  box-shadow: var(--dush-shadow);
  border: 1px solid rgba(42,33,27,.08);
}

/* overlay + subtle texture */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    radial-gradient(900px 380px at 50% 0%, rgba(0,0,0,.05), rgba(0,0,0,0) 60%),
    radial-gradient(700px 420px at 10% 60%, rgba(191,163,122,.10), rgba(0,0,0,0) 60%),
    radial-gradient(700px 420px at 90% 65%, rgba(191,163,122,.08), rgba(0,0,0,0) 60%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.06), rgba(255,255,255,.06) 1px, rgba(255,255,255,0) 6px, rgba(255,255,255,0) 10px);

  opacity:.55;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__inner{
  max-width: 920px;
  margin: 0 auto;
  position:relative;
  z-index:1;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__eyebrow{
  font-family: var(--font-ui, "Inter", system-ui, -apple-system, Segoe UI, Arial);
  font-size:12px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color: var(--dush-accent-2);
  margin-bottom:22px;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__title{
  font-family: var(--font-brand, "Cormorant Garamond", serif);
  font-size:44px;
  line-height:1.12;
  margin:0 0 22px;
  color: var(--dush-ink);
  letter-spacing: .01em;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__divider{
  width:72px;
  height:1px;
  background: var(--dush-accent);
  margin:0 auto 26px;
  opacity:.95;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__desc{
  font-family: var(--font-ui, "Inter", system-ui, -apple-system, Segoe UI, Arial);
  font-size:16.5px;
  line-height:1.85;
  color: var(--dush-muted);
  max-width: 740px;
  margin:0 auto 34px;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__badges{
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top: 2px;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__badges span{
  padding:10px 18px;
  border-radius:999px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(42,33,27,.10);
  color: var(--dush-ink);

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

  box-shadow: 0 14px 44px rgba(24,18,14,.08);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
  backdrop-filter: blur(6px);
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__badges span:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(24,18,14,.12);
  border-color: rgba(191,163,122,.35);
  background: rgba(255,255,255,.88);
}

/* =====================================================
   3) SAFE PARALLAX (desktop only)
===================================================== */
@media (min-width: 1025px){
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero{
    background-attachment: fixed, fixed, scroll;
    background-size: auto, auto, auto;
  }
}
@media (max-width: 1024px){
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero{
    background-attachment: scroll;
  }
}

/* =====================================================
   4) RESPONSIVE
===================================================== */
@media (max-width: 768px){
  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero{
    padding: 96px 18px 72px;
    border-radius: 22px;
    margin: 10px 0 18px;
  }

  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__title{
    font-size:30px;
  }

  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__desc{
    font-size:14.5px;
    line-height:1.8;
  }

  .tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__badges span{
    font-size:11px;
    padding:9px 14px;
  }
}

/* ===== HERO: убрать CTA "Смотреть коллекцию" (на категории лишнее) ===== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero a,
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero .dush-cat-hero__btn{
  display:none !important;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__count{
  margin-top: 14px;
  font-family: var(--font-ui, "Inter", system-ui, -apple-system, Segoe UI, Arial);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(42,33,27,.62);
}

/* ===== HERO: CTA дороже (контраст + hover) ===== */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding: 12px 18px;
  border-radius: 999px;

  background:#2a211a;
  color:#fff;
  border: 1px solid rgba(255,255,255,.16);

  letter-spacing:.10em;
  text-transform: uppercase;
  font-size: 12px;

  box-shadow: 0 22px 70px rgba(24,18,14,.18);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 30px 90px rgba(24,18,14,.22);
  filter: saturate(1.02) contrast(1.02);
}

/* микро-линия под подзаголовком — премиум ритм */
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__sub{
  position:relative;
}
.tax-product_cat.term-naturalnoe-mylo-ruchnoj-raboty .dush-cat-hero__sub::after{
  content:"";
  display:block;
  width: 140px;
  height: 1px;
  margin: 18px auto 0;
  background: rgba(42,33,26,.14);
}