/* =====================================================
   DUSH-POPULAR — ART PREMIUM FINAL
===================================================== */

.dushisto-popular-wrap,
.dushisto-popular,
.dushisto-popular *{
  box-sizing:border-box;
}

/* Отступ секции */
.dushisto-popular-wrap{
  padding:120px 0;
}

/* Панель */
.dushisto-popular{
  max-width:1320px;
  margin:0 auto;
  padding:90px 80px;

  background:linear-gradient(180deg,#f4ece3 0%,#e7dbcc 100%);
  border-radius:44px;

  box-shadow:
    0 50px 140px rgba(70,45,30,.10),
    inset 0 1px 0 rgba(255,255,255,.65);

  position:relative;
}

/* лёгкая художественная подсветка */
.dushisto-popular:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:44px;
  background:
    radial-gradient(800px 500px at 50% -50px,
      rgba(255,255,255,.35),
      transparent 60%);
  pointer-events:none;
}

/* Заголовок */
.dushisto-popular__head{
  text-align:center;
  margin-bottom:60px;
}

.dushisto-popular__head h2{
  font-family:var(--font-brand)!important;
  font-size:30px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin:0 0 10px!important;
}

.dushisto-popular__head p{
  font-family:var(--font-ui)!important;
  font-size:14px!important;
  color:rgba(43,33,26,.7)!important;
  margin:0 0 18px!important;
}

.dushisto-popular__line{
  width:60px;
  height:1px;
  background:rgba(43,33,26,.35);
  margin:0 auto;
}

/* GRID */
.dushisto-popular ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:48px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}

/* КАРТОЧКА */
.dushisto-popular ul.products li.product{
  display:flex!important;
  flex-direction:column!important;

  background:#fff;
  border-radius:30px;
  padding:32px 26px 34px;

  box-shadow:
    0 20px 45px rgba(70,45,30,.10),
    0 6px 18px rgba(70,45,30,.06);

  transition:all .35s ease;
}

.dushisto-popular ul.products li.product:hover{
  transform:translateY(-12px);
  box-shadow:
    0 45px 110px rgba(70,45,30,.18),
    0 15px 30px rgba(70,45,30,.12);
}

/* Картинка */
.dushisto-popular ul.products li.product img{
  width:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border-radius:24px!important;
  margin-bottom:20px!important;
  transition:transform .5s ease;
}

.dushisto-popular ul.products li.product:hover img{
  transform:scale(1.06);
}

/* SALE */
.dushisto-popular span.onsale{
  background:#2b211a!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:7px 14px!important;
  font-size:11px!important;
  letter-spacing:.05em;
  top:20px!important;
  left:20px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

/* Название */
.dushisto-popular .woocommerce-loop-product__title{
  font-family:var(--font-brand)!important;
  font-size:13px!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  line-height:1.4!important;
  margin:8px 0 10px!important;
  min-height:calc(1.4em * 2);
}

/* Цена */
.dushisto-popular .price{
  font-family:var(--font-ui)!important;
  font-size:13px!important;
  margin-bottom:16px!important;
}

/* Кнопка */
.dushisto-popular .button{
  margin-top:auto;

  background:#e3d1bd!important;
  color:#2b211a!important;
  border-radius:999px!important;
  padding:12px 28px!important;

  font-family:var(--font-ui)!important;
  font-size:12px!important;
  font-weight:500!important;

  box-shadow:0 16px 38px rgba(70,45,30,.15);
  transition:all .25s ease;
}

.dushisto-popular .button:hover{
  background:#d8c2aa!important;
  transform:translateY(-3px);
  box-shadow:0 24px 55px rgba(70,45,30,.22);
}

/* Responsive */
@media(max-width:1100px){
  .dushisto-popular ul.products{
    grid-template-columns:repeat(2,1fr)!important;
  }
}

@media(max-width:600px){
  .dushisto-popular{
    padding:60px 28px;
    border-radius:34px;
  }

  .dushisto-popular ul.products{
    grid-template-columns:1fr!important;
  }
}


/* ===== ART DEPTH FIX ===== */

/* Панель — глубже и мягче */
.dushisto-popular{
  box-shadow:
    0 60px 160px rgba(70,45,30,.12),
    0 25px 60px rgba(70,45,30,.08),
    inset 0 1px 0 rgba(255,255,255,.7);
}

/* Лёгкое боковое затемнение (объём) */
.dushisto-popular:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:44px;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.04),
      transparent 25%,
      transparent 75%,
      rgba(0,0,0,.04)
    );
  pointer-events:none;
}

/* Карточки — чуть больше воздуха */
.dushisto-popular ul.products{
  gap:58px!important;
}

/* Карточки — мягче */
.dushisto-popular ul.products li.product{
  padding:36px 30px 40px;
  border-radius:34px;
}

/* Кнопка — менее маркетплейсная */
.dushisto-popular .button{
  background:#dcc8b2!important;
  font-weight:500!important;
  letter-spacing:.04em;
}

.dushisto-popular .button:hover{
  background:#d2bca3!important;
}


/* ===== ART CENTER BALANCE ===== */

/* Центрируем сетку внутри панели */
.dushisto-popular ul.products{
  justify-content:center!important;
}

/* Чуть уменьшаем ширину карточек для композиции */
.dushisto-popular ul.products li.product{
  max-width: 260px;
  margin: 0 auto!important;
}

/* Баланс верха и низа панели */
.dushisto-popular{
  padding-top: 72px!important;
  padding-bottom: 78px!important;
}

/* Мягкое внутреннее свечение */
.dushisto-popular{
  background:
    radial-gradient(1200px 400px at 50% -100px, rgba(255,255,255,.6), transparent 70%),
    linear-gradient(180deg, #f6efe6 0%, #efe4d8 100%)!important;
}


/* ================================
   ART REFINEMENT — POPULAR BLOCK
================================ */

/* больше воздуха */
.dushisto-popular{
  padding: 80px 70px!important;
}

/* центрируем сетку как витрину */
.dushisto-popular ul.products{
  justify-content:center!important;
  gap: 46px!important;
}

/* фиксируем ширину карточек для композиции */
.dushisto-popular ul.products li.product{
  max-width: 250px!important;
  margin: 0 auto!important;
}

/* мягкое свечение под карточками */
.dushisto-popular ul.products li.product{
  position: relative;
}

.dushisto-popular ul.products li.product::after{
  content:"";
  position:absolute;
  bottom:-18px;
  left:50%;
  transform:translateX(-50%);
  width:70%;
  height:30px;
  background: radial-gradient(ellipse at center, rgba(80,55,35,.12), transparent 70%);
  filter: blur(8px);
  opacity:.6;
  pointer-events:none;
}

/* более “брендовый” заголовок */
.dushisto-popular__head h2{
  font-size: 28px!important;
  letter-spacing: .12em!important;
}

.dushisto-popular__head p{
  font-size: 13px!important;
  opacity:.75!important;
}


/* ===== PREMIUM DEPTH LIGHT ===== */

.dushisto-popular{
  position: relative;
  overflow: hidden;
}

.dushisto-popular::before{
  content:"";
  position:absolute;
  top:-120px;
  left:50%;
  transform:translateX(-50%);
  width:900px;
  height:400px;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.55), transparent 70%);
  pointer-events:none;
  opacity:.6;
}


.dushisto-popular ul.products li.product{
  backdrop-filter: blur(4px);
  background: rgba(255,255,255,.96)!important;
}


.dushisto-popular ul.products li.product{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 14px 30px rgba(90,70,50,.12),
    0 4px 10px rgba(90,70,50,.08)!important;
}