* { box-sizing: border-box; }
body { margin: 0; background: #edf3ef; color: #263c30; font: 14px/1.6 Arial, sans-serif; }
[dir="rtl"] body { font-family: "Noto Sans Arabic", Tahoma, sans-serif; }
a { color: #0f5132; overflow-wrap: anywhere; }
.catalogue-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px; }
button { font: inherit; padding: 8px 18px; border: 1px solid #0f5132; background: white; color: #0f5132; border-radius: 6px; cursor: pointer; }
.catalogue-sheet { max-width: 820px; margin: 0 auto 32px; padding: 36px; background: white; }
header { display: flex; gap: 24px; align-items: center; border-bottom: 3px solid #c99a2e; padding-bottom: 18px; }
header img { object-fit: contain; }
h1 { font-size: 27px; margin: 0; } h2 { font-size: 21px; margin: 0 0 8px; }
header p { margin: 0 0 6px; }
.intro { margin: 18px 0; color: #52655a; }
article { display: grid; grid-template-columns: 155px minmax(0, 1fr); gap: 24px; padding: 18px 0; border-bottom: 1px solid #dce6df; break-inside: avoid; }
.product-photo { width: 155px; height: 165px; object-fit: contain; background: #f7f9f8; border-radius: 12px; }
dl { margin: 0; } dl > div { margin-bottom: 7px; } dt { display: inline; font-weight: bold; } dt::after { content: ': '; } dd { display: inline; margin: 0; }
footer { padding-top: 16px; break-inside: avoid; } footer p { margin: 4px 0; }
@media (max-width: 550px) { .catalogue-sheet { padding: 20px; } article { grid-template-columns: 1fr; } .product-photo { width: 100%; height: 180px; } h1 { font-size: 22px; } }
@page { size: A4; margin: 12mm; }
@media print {
    body { background: white; font-size: 10px; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
    .catalogue-actions { display: none; }
    .catalogue-sheet { margin: 0; padding: 0; max-width: none; }
    header { padding-bottom: 12px; } header img { width: 70px; height: 70px; }
    h1 { font-size: 24px; } h2 { font-size: 18px; }
    article { grid-template-columns: 135px minmax(0, 1fr); padding: 14px 0; }
    .product-photo { width: 135px; height: 145px; }
    a { text-decoration: none; }
}