body { font-family: Arial; }
h1 {
    font-size: 32pt;
    font-family: Verdana;
}
p { font-size: 14pt; }
ul {
    font-size: 14pt;
    list-style-type: square;
}
p.greeting { font-size: 24pt; }
.picture img { width: 67%; }
ul li strong {
    font-style: italic;
}
.advertising { margin-left :30pt; }
.advertising p {
    font-size: 12pt;
    margin-top: 2pt;
    margin-bottom: 2pt;
}
header { text-align: center; }
footer { text-align: right; }
.bar-title {
    font-variant-caps: small-caps;
    font-size: 60pt;
}
.time {
    font-variant-numeric: oldstyle-nums;
    font-size: larger;
}
table.price-list th, table.price-list td {
    border: grey thin solid;
    padding: 2pt;
}
table.catalog td {
    border-bottom: black thin dotted;
    padding: 3pt;
}
table.catalog img { width: 200px; }
table.price-list thead {
    color: white;
    background-color: grey;
}
table.price-list tfoot {
    font-style: italic;
    text-align: right;
}
nav {
    background-color: blanchedalmond;
    float: left;
    width: 200px;
    margin: 10px 0px 10px 10px;
    padding: 20px;
    border-radius: 10px;
}
nav div {
    font-size: 24pt;
    margin: 10px 0px;
}
main { margin-left: 300px; }
table.catalog tr:last-child td {
    border-bottom: none;
}
table.price-list th[colspan=2] {
    text-align: center;
}
/* Отодвигаем весь контент вправо, чтобы он не залезал под меню */
p, ul, ol, div:not(nav div) {
    margin-left: 240px; 
}

/* Сбрасываем этот отступ для элементов внутри самого меню, чтобы они не улетели */
nav div {
    margin-left: 0 !important;
}
/* Шаг 6 из учебника: задаем внешний просвет слева в 300 пикселей */
body > p, body > ul, body > ol, body > h1, body > div:not(nav) {
    margin-left: 300px;
}
table.catalog tr:last-child td {
 border-bottom: none;
}
table.price-list th[colspan=2] {
 text-align: center;
}
table.catalog h3 + p::first-letter {
 font-size: 150%;
 background-color: blanchedalmond;
 }
 ul li::marker {
 font-size: 150%;
 color: orange;
}
/* Правило для цен (серый фон): применится только к реальным ячейкам цен */
td:last-child:not(:only-child) {
    background-color: #cccccc; /* или ваш оттенок серого */
    text-align: center;
}

/* Правило для увеличения шрифта в объединенных ячейках */
td[rowspan] {
    font-size: larger;
}

table.catalog h3 {
 font-family: 'Caviar Dreams';
 font-size: 32pt;
 font-variant-caps: all-small-caps;
}