/* Milliy naqsh — anor-qizil, oltin, suzani bezak */

:root {
  --fon: #7A1F2B;
  --fon-2: #8E2A36;
  --matn: #F5DDB0;
  --matn-2: #E2C08A;
  --urgu: #D9A94E;
  --urgu-matn: #5A1520;
  --chiziq: #B8873A;
  --konvert-fon: #6A1A25;
  --muhr: #D9A94E;
  --shrift-sarlavha: "Cormorant Garamond", Georgia, serif;
  --shrift-ism: "Cormorant Garamond", Georgia, serif;
  --shrift-matn: "Cormorant Garamond", Georgia, serif;
}

/* Ismlar kursivda — qo'lyozma shrift o'rniga */
.ismlar, .konvert-ismlar, .kutamiz, .taymer-holat { font-style: italic; font-weight: 500; }
.ismlar { font-size: 52px; }
.kutamiz { font-size: 32px; }

/* Muhr o'rnida rozetka */
.muhr {
  width: 96px;
  height: 96px;
  background: url("decor/rozetka.svg") no-repeat center / contain;
  color: transparent;
  box-shadow: none;
}

/* Konvert — oltin naqshli hoshiya */
.konvert::after {
  content: "";
  position: absolute;
  inset: 14px;
  border: 3px double var(--urgu);
  pointer-events: none;
}

/* Bosh qism — tepada va pastda rozetka */
.bosh { padding-top: 24px; }
.bosh::before, .bosh::after {
  content: "";
  display: block;
  width: 84px;
  height: 84px;
  margin: 0 auto 28px;
  background: url("decor/rozetka.svg") no-repeat center / contain;
}
.bosh::after { margin: 28px auto 0; }

/* Bo'limlar orasida naqshli hoshiya */
.sahifa > section + section::before {
  content: "";
  display: block;
  width: 220px;
  height: 22px;
  margin: 0 auto 40px;
  background: url("decor/hoshiya.svg") no-repeat center / contain;
}

.taymer-qism { border-color: var(--chiziq); }
.boshqaruv-tugma { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); }
