/* ============================================================
   MONOPAK — Kataloq səhifəsi (A4)
   Təmiz, redaksiya üslublu qiymət-kataloqu.
   Rəng nizamı: navy = mətn, qırmızı = yalnız aksent, boz = ikinci dərəcəli.
   Bütün ölçülər mm → çapda və PDF-də dəqiq A4.
   ============================================================ */

:root{
  --navy:#0B3B5F;
  --navy-soft:#2A5478;
  --red:#ED323B;
  --red-deep:#C42730;
  --green:#008A48;
  --muted:#63798F;
  --faint:#93A6B8;
  --line:#E4EAF0;
  --tile-line:#E7ECF1;
}

.page{
  position:relative;width:210mm;height:297mm;overflow:hidden;background:#fff;
  color:var(--navy);
  font-family:Arial,"Helvetica Neue",Helvetica,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* ---------- Başlıq ---------- */
.pg-head{
  position:absolute;left:15mm;right:15mm;top:15mm;height:11mm;
  display:flex;align-items:center;justify-content:space-between;z-index:2;
}
.pg-logo{height:8.4mm;width:auto;display:block}
.pg-title{
  display:flex;align-items:center;gap:3mm;
  font-size:3.5mm;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);
}
.pg-title i{width:2.1mm;height:2.1mm;background:var(--red);display:block;transform:rotate(45deg);flex:none}

.pg-rule{position:absolute;left:15mm;right:15mm;top:31mm;height:.5mm;background:var(--line);z-index:2}
.pg-rule i{position:absolute;left:0;top:0;width:24mm;height:.5mm;background:var(--red)}

/* ---------- Məhsul sətirləri ---------- */
.rows{position:absolute;left:15mm;right:15mm;top:41mm;height:226mm;z-index:2}
.row{
  display:flex;align-items:center;height:var(--row-h,37.6mm);
  border-bottom:.25mm solid var(--line);
}
.row:last-child{border-bottom:0}

.tile{
  flex:none;width:30mm;height:30mm;background:#fff;border:.25mm solid var(--tile-line);border-radius:3mm;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.tile img{max-width:86%;max-height:86%;object-fit:contain;display:block}
.tile .ph{width:9mm;height:9mm;border:.4mm solid #D6E0E9;border-radius:1.4mm;transform:rotate(45deg)}

.info{flex:1;min-width:0;padding:0 8mm 0 9mm;overflow:hidden}
.code{font-size:2.9mm;font-weight:700;letter-spacing:.14em;color:var(--faint);line-height:1}
.name{margin-top:1.8mm;font-size:4.6mm;font-weight:700;line-height:1.2;color:var(--navy);letter-spacing:-.005em}
.spec{margin-top:1.6mm;font-size:3.4mm;line-height:1.35;color:var(--muted)}

.pricebox{flex:none;width:46mm;text-align:right}
.pv{display:flex;align-items:baseline;justify-content:flex-end;gap:1.1mm;line-height:1}
.pv .num{font-size:7mm;font-weight:700;color:var(--navy);letter-spacing:-.025em}
.pv .cur{font-size:3.9mm;font-weight:700;color:var(--red)}
.unit{margin-top:2mm;font-size:2.6mm;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--faint)}

/* ---------- Alt bilgi ---------- */
.pfoot{
  position:absolute;left:15mm;right:15mm;bottom:13mm;z-index:2;
  display:flex;align-items:center;justify-content:space-between;
  padding-top:2.8mm;border-top:.25mm solid var(--line);
  font-size:2.9mm;color:var(--muted);
}
.pfoot .l{display:flex;align-items:center}
.pfoot .l b{color:var(--navy);font-weight:700}
.pfoot .dot{width:1mm;height:1mm;border-radius:50%;background:var(--red);margin:0 2.6mm;flex:none}
.pfoot .pg b{color:var(--navy);font-weight:700}
.pfoot .pg span{color:var(--faint)}

/* ============================================================
   Üz qabığı
   ============================================================ */
.cover{
  position:relative;width:210mm;height:297mm;overflow:hidden;background:#fff;
  color:var(--navy);font-family:Arial,"Helvetica Neue",Helvetica,"Segoe UI",sans-serif;
}
.cv-line,.cv-stripe,.cv-band{position:absolute;left:-30mm;width:300mm;height:120mm;transform:rotate(-7deg)}
.cv-line{bottom:-44mm;background:#CBD8E3}
.cv-stripe{bottom:-52mm;background:var(--red)}
.cv-band{bottom:-59mm;background:var(--navy)}

.cv-inner{position:absolute;inset:0;z-index:3;padding:26mm 20mm 0;display:flex;flex-direction:column}
.cv-logo{width:66mm;display:block}
.cv-mid{margin-top:auto;margin-bottom:84mm}
.cv-kicker{font-size:3.3mm;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--red)}
.cv-title{margin-top:6mm;font-size:17mm;font-weight:700;line-height:1.02;letter-spacing:-.025em;color:var(--navy)}
.cv-sub{margin-top:8mm;font-size:4.4mm;line-height:1.5;color:var(--muted);max-width:116mm}
.cv-date{
  margin-top:11mm;display:inline-flex;align-items:center;gap:3mm;align-self:flex-start;
  font-size:3.3mm;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
}
.cv-date i{width:9mm;height:.6mm;background:var(--red);display:block}

.cv-foot{
  position:absolute;left:20mm;right:20mm;bottom:15mm;z-index:4;color:#fff;
  display:flex;justify-content:space-between;align-items:center;
  font-size:3.4mm;font-weight:700;letter-spacing:.03em;
}
.cv-foot span{opacity:.95}