.fh-shop {
    --fh-ink: #29251f;
    --fh-muted: #625b51;
    --fh-ember: #a3471f;
    --fh-rule: #ded5c8;
    box-sizing: border-box;
    margin: 42px 0 58px;
    padding: clamp(24px, 4vw, 48px);
    color: var(--fh-ink);
    background: #f7f3ec;
    border: 1px solid #e8e0d5;
    scroll-margin-top: 110px;
}
.fh-shop *, .fh-shop *::before, .fh-shop *::after { box-sizing: border-box; }
.fh-shop .fh-shop__intro { margin-bottom: 36px; }
.fh-shop .fh-shop__eyebrow {
    margin: 0 0 10px;
    color: var(--fh-ember);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .14em;
    line-height: 1.5;
    text-transform: uppercase;
}
.fh-shop .fh-shop__title {
    margin: 0 0 10px;
    color: var(--fh-ink);
    font-family: "Crimson Text", Georgia, serif;
    font-size: clamp(36px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.025em;
}
.fh-shop .fh-shop__description {
    max-width: 42em;
    margin: 0;
    color: var(--fh-muted);
    font-size: 18px;
    line-height: 1.55;
}
.fh-shop__columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; }
.fh-shop__panel { min-width: 0; display: flex; flex-direction: column; }
.fh-shop__panel + .fh-shop__panel { border-left: 1px solid var(--fh-rule); padding-left: 40px; }
.fh-shop .fh-shop__panel-heading { position: relative; padding-top: 18px; border-top: 2px solid var(--fh-ink); }
.fh-shop .fh-shop__panel--gift .fh-shop__panel-heading { border-top-color: var(--fh-ember); }
.fh-shop__icon { display: block; margin-bottom: 15px; color: var(--fh-ember); }
.fh-shop .fh-shop__panel-heading h3 {
    margin: 0 0 9px;
    color: var(--fh-ink);
    font-family: "Crimson Text", Georgia, serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.015em;
}
.fh-shop .fh-shop__panel-heading p { margin: 0 0 24px; color: var(--fh-muted); font-size: 17px; line-height: 1.5; }
.fh-shop .fh-shop__list { list-style: none; padding: 0; margin: 0; }
.fh-shop .fh-shop__item {
    position: relative;
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    padding: 25px 0;
    border-top: 1px solid var(--fh-rule);
}
.fh-shop__number { padding-top: 3px; color: var(--fh-ember); font-size: 14px; font-variant-numeric: tabular-nums; }
.fh-shop .fh-shop__post-title {
    margin: 0 0 10px;
    color: var(--fh-ink);
    font-family: "Crimson Text", Georgia, serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.01em;
    overflow-wrap: anywhere;
}
.fh-shop .fh-shop__post-title a { color: inherit; text-decoration: none; }
.fh-shop__post-title a::after { content: ""; position: absolute; inset: 0; }
.fh-shop .fh-shop__post-title a:focus-visible { outline: none; }
.fh-shop__post-title a:focus-visible::after { outline: 2px solid var(--fh-ember); outline-offset: 4px; }
.fh-shop .fh-shop__item:hover .fh-shop__post-title, .fh-shop .fh-shop__item:focus-within .fh-shop__post-title { color: var(--fh-ember); }
.fh-shop .fh-shop__summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 0 0 13px;
    color: var(--fh-muted);
    font-size: 16px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}
.fh-shop__read { display: inline-flex; gap: 10px; align-items: center; color: var(--fh-ember); font-size: 15px; font-weight: 600; }
.fh-shop__read span { transition: transform .15s ease; }
.fh-shop__item:hover .fh-shop__read span { transform: translateX(3px); }
.fh-shop__empty { flex-grow: 1; min-height: 172px; padding: 26px 24px; border: 1px solid var(--fh-rule); background: #fcfaf6; }
.fh-shop__soon { color: var(--fh-ember); font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; }
.fh-shop .fh-shop__empty p { max-width: 18em; margin: 15px 0 24px; color: var(--fh-muted); font-size: 21px; line-height: 1.4; }
.fh-shop__empty-line { display: block; width: 40px; border-bottom: 2px solid #bd8d69; }
@media (max-width: 800px) {
    .fh-shop { margin: 32px 0 42px; }
    .fh-shop__columns { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .fh-shop__panel + .fh-shop__panel { border-left: 0; padding-left: 0; }
    .fh-shop .fh-shop__intro { margin-bottom: 28px; }
    .fh-shop__empty { min-height: 150px; }
}
@media (max-width: 420px) {
    .fh-shop { padding: 22px 18px; }
    .fh-shop .fh-shop__item { grid-template-columns: 20px minmax(0, 1fr); gap: 8px; }
    .fh-shop .fh-shop__post-title { font-size: 23px; }
    .fh-shop .fh-shop__panel-heading h3 { font-size: 29px; }
}
@media (prefers-reduced-motion: reduce) {
    .fh-shop__read span { transition: none; }
    .fh-shop__item:hover .fh-shop__read span { transform: none; }
}