/* Technical datasheet: two A4 pages, on screen and in print ("Save as PDF") */
@page { size: A4; margin: 0; }
.ds-body { background: #e9e6e0; color: var(--ink); margin: 0; }
.ds-toolbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 16px; padding: 10px 20px; background: var(--ink); color: var(--white); font-size: .85rem; }
.ds-toolbar a { color: var(--gold-on-dark); text-decoration: none; }
.ds-toolbar span { margin-inline-start: auto; color: var(--text-on-dark-soft); }
.ds-page { box-sizing: border-box; inline-size: 210mm; min-block-size: 297mm; margin: 24px auto; padding: 14mm 15mm 20mm; background: var(--white); position: relative; box-shadow: 0 10px 40px rgb(0 0 0 / .15); display: flex; flex-direction: column; gap: 5mm; font-size: 9.3pt; line-height: 1.5; }
.ds-head { display: flex; align-items: center; justify-content: space-between; border-block-end: 0.6mm solid var(--gold); padding-block-end: 4mm; }
.ds-brand { display: flex; align-items: center; gap: 3mm; }
.ds-brand img { inline-size: 11mm; block-size: auto; }
.ds-brand span { font-weight: 600; letter-spacing: .3em; font-size: 12pt; line-height: 1.1; }
.ds-brand small { display: block; font-weight: 300; font-size: 6.5pt; letter-spacing: .5em; color: var(--gold-strong); }
.ds-kicker { margin: 0; font-size: 8pt; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-strong); font-weight: 600; }
:lang(ar) .ds-kicker { letter-spacing: 0; font-size: 10pt; }
.ds-head-small { padding-block-end: 3mm; }
.ds-cover { position: relative; block-size: 105mm; overflow: hidden; clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%); }
.ds-cover picture, .ds-cover img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; }
.ds-cover-text { position: absolute; inset: auto 0 0 0; padding: 18mm 8mm 19mm; background: linear-gradient(0deg, rgb(0 0 0 / .72), transparent); color: var(--white); }
.ds-cover h1 { margin: 0 0 2mm; font-size: 24pt; font-weight: 400; text-transform: uppercase; letter-spacing: .03em; line-height: 1.05; }
:lang(ar) .ds-cover h1 { text-transform: none; font-weight: 600; }
.ds-cover p { margin: 0; font-size: 10.5pt; max-inline-size: 120mm; color: var(--text-on-dark); }
.ds-page h2 { margin: 0 0 3mm; font-size: 10pt; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); display: flex; align-items: center; gap: 3mm; }
:lang(ar) .ds-page h2 { letter-spacing: 0; font-size: 11.5pt; }
.ds-page h2::before { content: ""; inline-size: 6mm; block-size: 0.6mm; background: var(--gold); }
.ds-page p { margin: 0 0 2.5mm; color: #3d3a35; }
.ds-grid2 { display: grid; grid-template-columns: 1.15fr 1fr; gap: 9mm; }
.ds-keys { margin: 0; display: grid; gap: 0; border-block-start: 0.3mm solid var(--line); }
.ds-keys div { display: grid; grid-template-columns: 30mm 1fr; gap: 3mm; padding-block: 2.2mm; border-block-end: 0.3mm solid var(--line); }
.ds-keys dt { font-weight: 600; color: var(--gold-strong); font-size: 8.5pt; }
.ds-keys dd { margin: 0; }
.ds-types { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 3mm 8mm; counter-reset: t; }
.ds-types li { counter-increment: t; display: grid; gap: 1mm; padding: 3mm 4mm; background: var(--grey-bg); border-inline-start: 0.8mm solid var(--gold); }
.ds-types b::before { content: counter(t, decimal-leading-zero) "  "; color: var(--gold-strong); font-family: var(--serif); }
.ds-types span { color: #4a4740; font-size: 9pt; }
.ds-table { inline-size: 100%; border-collapse: collapse; }
.ds-table th, .ds-table td { text-align: start; vertical-align: top; padding: 1.8mm 3mm; border-block-end: 0.3mm solid var(--line); }
.ds-table th { inline-size: 45mm; font-weight: 600; color: var(--gold-strong); background: #faf8f4; font-size: 8.5pt; }
.ds-table tr:first-child th, .ds-table tr:first-child td { border-block-start: 0.6mm solid var(--ink); }
.ds-checks { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.5mm; }
.ds-checks li { position: relative; padding-inline-start: 6mm; }
.ds-checks li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: var(--gold-strong); font-weight: 700; }
.ds-swatches { list-style: none; padding: 0; margin: 0 0 3mm; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2mm 4mm; font-size: 8.5pt; }
.ds-swatches li { display: flex; align-items: center; gap: 2.5mm; }
.ds-swatches span { inline-size: 6mm; block-size: 6mm; border-radius: 50%; background: radial-gradient(circle at 32% 28%, rgb(255 255 255 / .5), transparent 45%), var(--c); border: 0.3mm solid rgb(0 0 0 / .15); flex: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.ds-swatches span.is-wood { background: repeating-linear-gradient(100deg, #8b5a35 0 2px, #774a2a 2px 3px, #9a6942 3px 5px); }
.ds-small { font-size: 8.5pt; }
.ds-photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3mm; }
.ds-photos picture, .ds-photos img { inline-size: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.ds-contact { background: var(--ink); color: var(--white); padding: 4mm 6mm; margin-block-start: auto; }
.ds-contact h2 { margin-block-end: 2mm; }
.ds-contact h2 { color: var(--white); }
.ds-contact p { color: var(--text-on-dark); margin-block-end: 1mm; }
.ds-note { font-size: 7.5pt; color: #8a8478; margin: 0; }
.ds-foot { position: absolute; inset-inline: 15mm; inset-block-end: 8mm; display: flex; justify-content: space-between; font-size: 7.5pt; color: #8a8478; border-block-start: 0.3mm solid var(--line); padding-block-start: 2mm; }
@media print {
  .ds-body { background: none; }
  .ds-toolbar, .wa-float { display: none !important; }
  .ds-page { margin: 0; box-shadow: none; break-after: page; inline-size: 210mm; block-size: 297mm; min-block-size: 0; overflow: hidden; }
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
@media screen and (max-width: 820px) { .ds-page { inline-size: auto; min-block-size: 0; margin: 12px; padding: 18px; } .ds-grid2, .ds-types { grid-template-columns: 1fr; } .ds-foot { position: static; } .ds-toolbar span { display: none; } }
.ds-cover .ds-cover-text p { color: var(--text-on-dark); margin: 0; }
.ds-photos.is-compact picture, .ds-photos.is-compact img { aspect-ratio: 5 / 2; }
.ds-dense { gap: 4mm; }
.ds-dense .ds-table th, .ds-dense .ds-table td { padding-block: 1.5mm; }