/* =====================================================
   DUSH-COLL.css (FINAL) — Коллекции (Art-brand premium)
   Astra-friendly, под твой HTML:
   .dushisto-collections / .dushisto-collections__* / .dushisto-card__*
   Шрифты НЕ импортируем (они в dush-base.css)
   - var(--font-brand) -> Cormorant Garamond
   - var(--font-ui)    -> Inter
===================================================== */

:root{
  --d-paper: #fbf7f1;
  --d-ink: rgba(43,29,20,.92);
  --d-ink-soft: rgba(43,29,20,.76);
  --d-line: rgba(43,29,20,.18);
  --d-border: rgba(43,29,20,.10);
  --d-shadow: 0 18px 45px rgba(60,40,20,.10);
  --d-shadow2: 0 34px 90px rgba(60,40,20,.14);
}

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

/* =========================
   SECTION
========================= */
.dushisto-collections{
  position: relative;
  padding: 82px 0 92px; /* чуть благороднее по воздуху */
  margin: 0 !important;
}

/* мягкая подсветка фона секции (очень тонко) */
.dushisto-collections::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1200px 520px at 18% 0%, rgba(217,186,155,.12), transparent 60%),
    radial-gradient(900px 420px at 88% 20%, rgba(142,106,79,.08), transparent 60%);
  opacity: .9;
}

.dushisto-collections__container{
  position: relative;
  z-index: 1;
  width: min(1320px, calc(100% - 56px)); /* ширина более “премиум” (не слишком растягиваем) */
  margin: 0 auto;
}

/* =========================
   HEAD
========================= */
.dushisto-collections__head{
  text-align: center;
  margin: 0 0 36px;
}

.dushisto-collections__head h2{
  font-family: var(--font-ui) !important; /* как в hero: более галерейно */
  font-size: 16px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--d-ink);
  margin: 0 0 10px;
  font-weight: 500;
}

.dushisto-collections__head p{
  font-family: var(--font-brand) !important;
  font-size: 17px;
  line-height: 1.75;
  letter-spacing: 0;
  color: var(--d-ink-soft);
  opacity: 1;
  margin: 0 auto 18px;
  max-width: 60ch;
}

.dushisto-collections__line{
  width: 118px;
  height: 1px;
  background: linear-gradient(90deg, rgba(43,29,20,.08), rgba(43,29,20,.22), rgba(43,29,20,.08));
  margin: 0 auto;
  opacity: .95;
}

/* =========================
   GRID
========================= */
.dushisto-collections__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px; /* вместо 72 — премиум-сетка компактнее, как витрина */
  align-items: stretch;
}

/* =========================
   CARD
========================= */
.dushisto-card{
  text-align: left; /* выглядит дороже, чем центр */
}

.dushisto-card__link{
  display: block;
  text-decoration: none !important;
  color: inherit;
  position: relative;

  background: var(--d-paper);
  border: 1px solid var(--d-border);
  border-radius: 22px;
  overflow: hidden;

  padding: 16px 16px 18px;
  box-shadow: var(--d-shadow);

  transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease;
  will-change: transform;
}

/* бумажная подсветка + фактура */
.dushisto-card__link::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(700px 320px at 18% 0%, rgba(217,186,155,.18), transparent 60%),
    radial-gradient(520px 260px at 90% 30%, rgba(142,106,79,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.14));
  opacity: .95;
  pointer-events:none;
}

.dushisto-card__link::after{
  content:"";
  position:absolute; inset:0;
  background-image: repeating-linear-gradient(0deg, rgba(43,29,20,.02) 0 1px, transparent 1px 3px);
  opacity: .16;
  pointer-events:none;
}

.dushisto-card__link > *{
  position: relative;
  z-index: 1;
}

/* =========================
   IMAGE
========================= */
.dushisto-card__img{
  border-radius: 18px;
  overflow: hidden;
  background: rgba(0,0,0,.03);
  box-shadow: 0 18px 45px rgba(60,40,20,.12);
  transform: translateZ(0);
}

.dushisto-card__img img{
  width: 100%;
  height: 220px; /* фиксируем высоту для идеальной витрины */
  object-fit: cover;
  display: block;
  transition: transform .6s ease, filter .6s ease;
  filter: saturate(1.03) contrast(1.02);
}

/* =========================
   TITLE
========================= */
.dushisto-card h3{
  font-family: var(--font-brand) !important; /* как “подпись экспоната” */
  margin: 14px 0 12px;
  font-size: 18px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--d-ink);
  font-weight: 500;
}

/* =========================
   BUTTON (wax seal)
========================= */
.dushisto-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-family: var(--font-ui) !important;
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;

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

  background: rgba(74,47,34,.08);
  border: 1px solid rgba(74,47,34,.20);
  color: rgba(43,29,20,.88);

  transition: transform .25s ease, background .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* Hover — эффект “экспоната” */
@media (hover:hover){
  .dushisto-card__link:hover{
    transform: translateY(-8px) rotate(-0.10deg);
    box-shadow: var(--d-shadow2);
    border-color: rgba(43,29,20,.16);
  }

  .dushisto-card__link:hover .dushisto-card__img img{
    transform: scale(1.04);
    filter: saturate(1.06) contrast(1.03);
  }

  .dushisto-card__link:hover .dushisto-card__btn{
    transform: translateY(-2px);
    background: rgba(74,47,34,.14);
    border-color: rgba(74,47,34,.28);
    box-shadow: 0 16px 40px rgba(60,40,20,.14);
  }
}

/* Доступность */
.dushisto-card__link:focus-visible{
  outline: 2px solid rgba(156,106,79,.45);
  outline-offset: 4px;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1024px){
  .dushisto-collections__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (max-width: 900px){
  .dushisto-collections{
    padding: 72px 0 82px;
  }

  .dushisto-collections__container{
    width: min(1320px, calc(100% - 36px));
  }

  .dushisto-collections__head{
    margin: 0 0 30px;
  }

  .dushisto-collections__head h2{
    font-size: 15px;
    letter-spacing: .20em;
  }

  .dushisto-card__img img{
    height: 240px;
  }
}

@media (max-width: 640px){
  .dushisto-collections__grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .dushisto-card__link{
    border-radius: 18px;
    padding: 14px;
  }

  .dushisto-card__img{
    border-radius: 14px;
  }

  .dushisto-card h3{
    font-size: 17px;
  }

  .dushisto-card__btn{
    padding: 12px 20px;
  }
}

/* ===== DUSH-COLL FINAL OVERRIDE (ставь самым последним) ===== */

.dushisto-collections{
  padding: 64px 0 70px !important;
}

.dushisto-collections__container{
  width: min(1180px, calc(100% - 56px)) !important;
}

/* Заголовок как в hero/philo: галерейный */
.dushisto-collections__head{
  margin: 0 0 30px !important;
}

.dushisto-collections__head h2{
  font-family: var(--font-ui) !important;
  font-size: 16px !important;
  letter-spacing: .24em !important;
  font-weight: 500 !important;
  color: rgba(43,29,20,.92) !important;
}

.dushisto-collections__head p{
  font-family: var(--font-brand) !important;
  font-size: 17px !important;
  color: rgba(43,29,20,.76) !important;
  letter-spacing: 0 !important;
  margin: 0 auto 16px !important;
  max-width: 60ch !important;
}

.dushisto-collections__line{
  width: 118px !important;
  background: linear-gradient(90deg, rgba(43,29,20,.08), rgba(43,29,20,.22), rgba(43,29,20,.08)) !important;
  opacity: .95 !important;
}

/* Сетка: меньше воздуха — витрина премиум */
.dushisto-collections__grid{
  gap: 18px !important;
}

/* Карточка — “экспонат на бумаге” */
.dushisto-collections .dushisto-card{
  text-align: left !important;
}

.dushisto-collections .dushisto-card__link{
  position: relative !important;
  background: #fbf7f1 !important;
  border: 1px solid rgba(43,29,20,.10) !important;
  border-radius: 22px !important;
  padding: 16px 16px 18px !important;
  box-shadow: 0 18px 45px rgba(60,40,20,.10) !important;
  overflow: hidden !important;
  transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease !important;
}

/* Бумажная подсветка + фактура */
.dushisto-collections .dushisto-card__link::before{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  background:
    radial-gradient(700px 320px at 18% 0%, rgba(217,186,155,.18), transparent 60%),
    radial-gradient(520px 260px at 90% 30%, rgba(142,106,79,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.14)) !important;
  opacity: .95 !important;
  pointer-events:none !important;
}

.dushisto-collections .dushisto-card__link::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-image: repeating-linear-gradient(0deg, rgba(43,29,20,.02) 0 1px, transparent 1px 3px) !important;
  opacity: .16 !important;
  pointer-events:none !important;
}

.dushisto-collections .dushisto-card__link > *{
  position: relative !important;
  z-index: 1 !important;
}

/* Картинка: у тебя сейчас квадратная логика перебивает — фиксируем */
.dushisto-collections .dushisto-card__img{
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 45px rgba(60,40,20,.12) !important;
}

.dushisto-collections .dushisto-card__img img{
  width: 100% !important;
  height: 190px !important;          /* витринная высота */
  aspect-ratio: auto !important;     /* убираем квадрат */
  object-fit: cover !important;
  display: block !important;
  filter: saturate(1.03) contrast(1.02) !important;
  transition: transform .6s ease, filter .6s ease !important;
}

/* Название: чтобы не было “мелко и бледно” */
.dushisto-collections .dushisto-card h3{
  font-family: var(--font-brand) !important;
  font-size: 18px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(43,29,20,.92) !important;
  margin: 14px 0 12px !important;
  font-weight: 500 !important;
}

/* Кнопка: “восковая печать” */
.dushisto-collections .dushisto-card__btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 11px 18px !important;
  font-family: var(--font-ui) !important;
  font-size: 12px !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  background: rgba(74,47,34,.08) !important;
  border: 1px solid rgba(74,47,34,.20) !important;
  color: rgba(43,29,20,.88) !important;
  box-shadow: none !important;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

/* Hover — “экспонат” */
@media (hover:hover){
  .dushisto-collections .dushisto-card__link:hover{
    transform: translateY(-8px) rotate(-0.10deg) !important;
    box-shadow: 0 34px 90px rgba(60,40,20,.14) !important;
    border-color: rgba(43,29,20,.16) !important;
  }

  .dushisto-collections .dushisto-card__link:hover .dushisto-card__img img{
    transform: scale(1.04) !important;
    filter: saturate(1.06) contrast(1.03) !important;
  }

  .dushisto-collections .dushisto-card__link:hover .dushisto-card__btn{
    transform: translateY(-2px) !important;
    background: rgba(74,47,34,.14) !important;
    border-color: rgba(74,47,34,.28) !important;
    box-shadow: 0 16px 40px rgba(60,40,20,.14) !important;
  }
}

/* Адаптив */
@media (max-width: 900px){
  .dushisto-collections__container{
    width: min(1180px, calc(100% - 36px)) !important;
  }
  .dushisto-collections .dushisto-card__img img{
    height: 220px !important;
  }
}

/* ===== COLLECTIONS: FINAL ALIGN + PREMIUM BUTTON ===== */

/* 1) Ровный низ карточек */
.dushisto-collections .dushisto-card__link{
  display: flex !important;
  flex-direction: column !important;
  min-height: 300px !important; /* держит сетку ровной */
}

.dushisto-collections .dushisto-card__img{
  margin-bottom: 12px !important;
}

/* Заголовок пусть занимает “свою” высоту, а кнопка уезжает вниз */
.dushisto-collections .dushisto-card h3{
  min-height: 44px !important;   /* выравнивает по 2 строки максимум */
  margin-bottom: 12px !important;
}

/* Кнопка всегда внизу */
.dushisto-collections .dushisto-card__btn{
  margin-top: auto !important;
  align-self: flex-start !important;
}

/* 2) Кнопка чуть дороже */
.dushisto-collections .dushisto-card__btn{
  padding: 10px 16px !important;
  font-size: 11.5px !important;
  letter-spacing: .12em !important;
  border: 1px solid rgba(43,29,20,.18) !important;
  background: rgba(255,255,255,.28) !important;
}

/* Чуть “нажатие” */
@media (hover:hover){
  .dushisto-collections .dushisto-card__link:hover .dushisto-card__btn{
    background: rgba(255,255,255,.40) !important;
  }
}

/* ===== ART DEPTH FOR COLLECTION CARDS ===== */

.dushisto-card{
  background: linear-gradient(180deg, #f7f1ea 0%, #f2e9df 100%);
  padding: 22px 20px 26px;
  border-radius: 24px;
  box-shadow: 
    0 6px 16px rgba(43,33,26,0.04),
    0 18px 55px rgba(43,33,26,0.08);
  transition: transform .35s ease, box-shadow .35s ease;
}

.dushisto-card__link:hover{
  transform: translateY(-8px);
}

.dushisto-card__link:hover .dushisto-card{
  box-shadow:
    0 12px 30px rgba(43,33,26,0.08),
    0 28px 70px rgba(43,33,26,0.12);
}


/* ===== COLLECTIONS: TALLER IMAGE ===== */
.dushisto-collections .dushisto-card__img img{
  height: 240px !important;
}