.jh-col-hero{position:relative;display:flex;align-items:flex-end;height:46vh;min-height:320px;overflow:hidden;background:#EAE0D3}
.jh-col-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.jh-col-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgb(40 22 14/.5),transparent 60%);pointer-events:none}
.jh-col-hero__content{position:relative;z-index:2;width:100%;padding:0 3.5vw 44px;color:#fff;text-align:center}
.jh-col-hero__title{margin:0;color:#fff;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.1}
.jh-col-hero__desc{max-width:36em;margin:14px auto 0;font-size:1.05rem;line-height:1.6}
.jh-col-hero__desc p{margin:0}
.jh-col-hero--plain{height:auto;min-height:0;padding:72px 0 8px;background:none}
.jh-col-hero--plain::after{display:none}
.jh-col-hero--plain .jh-col-hero__content,.jh-col-hero--plain .jh-col-hero__title{color:#1E1A17}
.jh-col{padding:28px 3.5vw 88px}
.jh-col__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid #E2D5C5}
.jh-col__chips{display:flex;flex-wrap:wrap;gap:8px}
.jh-chip{padding:9px 16px;border:1px solid #E2D5C5;color:#1E1A17;text-decoration:none;font-family:var(--font-heading--family);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;transition:background .2s,color .2s,border-color .2s}
.jh-chip:hover{border-color:#8E4A3A;color:#8E4A3A}
.jh-chip.is-active{background:#8E4A3A;border-color:#8E4A3A;color:#F4EEE6}
.jh-col__tools{display:flex;align-items:center;gap:18px;margin-left:auto}
.jh-col__count{font-size:.85rem;color:#6E5C50}
.jh-col__sort{padding:9px 32px 9px 12px;border:1px solid #E2D5C5;background:#FBF8F3;color:#1E1A17;font-size:.85rem;border-radius:0}
.jh-col__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px}
.jh-col__empty{padding:48px 0;text-align:center;opacity:.7}
.jh-pag{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:56px;font-family:var(--font-heading--family);text-transform:uppercase;letter-spacing:.16em}
.jh-pag a{color:#1E1A17;text-decoration:none}
.jh-pag a:hover{color:#8E4A3A}
.jh-card{text-align:center}
.jh-card__badge{position:absolute;top:10px;left:10px;z-index:2;padding:5px 10px;background:#8E4A3A;color:#F4EEE6;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.jh-card__badge--out{background:#EAE0D3;color:#1E1A17}
.jh-card__price s{margin-left:6px;color:#6E5C50;font-size:.9em}
@media (max-width:989px){.jh-col__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:749px){.jh-col-hero{height:34vh;min-height:240px}.jh-col-hero__content{padding-bottom:28px}.jh-col{padding:20px 12px 64px}.jh-col__bar{flex-direction:column;align-items:stretch}.jh-col__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px}.jh-chip{flex:none}.jh-col__tools{margin-left:0;justify-content:space-between}.jh-col__grid{grid-template-columns:1fr 1fr;gap:22px 10px}}