/* A single visual system: three collection colors, consistent cards, owned artwork. */
@font-face { font-family: "Asnaf UI"; src: url("../fonts/IRANSansWeb_FaNum.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Asnaf UI"; src: url("../fonts/IRANSansWeb_FaNum_Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "Asnaf UI"; src: url("../fonts/IRANSansWeb_FaNum_Bold.woff2") format("woff2"); font-style: normal; font-weight: 700 900; font-display: swap; }
.hd {
  --hd-ink: #172c46; --hd-muted: #617084; --hd-line: #e3e9f0;
  --tone: #2858df; --tone-dark: #2449b4; --wash: #edf2ff; --soft: #dce6ff;
  color: var(--hd-ink); background: #fff;
  font-family: "Asnaf UI", sans-serif; font-weight: 400; padding-bottom: 1px;
}
.hd *, .hd *::before, .hd *::after { box-sizing: border-box; }
.hd h2, .hd h3, .hd p { margin: 0; }
.hd h2 { font-family: var(--font-display); font-size: clamp(1.65rem, 2.3vw, 2.25rem); font-weight: 800; line-height: 1.6; }
.hd h2 em { color: #087c78; font-style: normal; }
.hd h3 { font-family: "Asnaf UI", sans-serif; font-weight: 700; line-height: 1.9; }
.hd a, .hd summary { -webkit-tap-highlight-color: transparent; }
.hd a:focus-visible, .hd summary:focus-visible { outline: 3px solid #152c49; outline-offset: 5px; }
.hd svg { flex-shrink: 0; }
.hd [hidden] { display: none !important; }
.hd [id] { scroll-margin-top: 8rem; }
.hd-wrap { width: min(80rem, calc(100% - 4rem)); margin-inline: auto; }
.hd-section { padding-block: 4.5rem; }
.hd-theme--web { --tone: #2858df; --tone-dark: #2449b4; --wash: #edf2ff; --soft: #dce6ff; --art-main: #3965e6; --art-light: #e0e9ff; --art-shade: #afc3ff; --art-white: #fff; --art-shadow: #14357c; }
.hd-theme--gov { --tone: #087e74; --tone-dark: #07695f; --wash: #eaf7f3; --soft: #d1eee4; --art-main: #16958a; --art-light: #d6f3e9; --art-shade: #9ad4c5; --art-white: #fff; --art-shadow: #064e49; }
.hd-theme--biz { --tone: #c24b27; --tone-dark: #a73c1c; --wash: #fff2e9; --soft: #ffe0cb; --art-main: #ef754b; --art-light: #ffe7d6; --art-shade: #f5b79c; --art-white: #fff; --art-shadow: #8c3417; }
.hd-art { display: block; width: 100%; height: auto; }
.hd-heading { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.6rem; }
.hd-heading > div { min-width: 0; }
.hd-eyebrow { display: flex; align-items: center; gap: .5rem; color: var(--tone-dark); font-size: .75rem; line-height: 1.8; font-weight: 500; }
.hd-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #f3b541; box-shadow: 0 0 0 4px #f3b54120; }
.hd-heading h2, .hd-faq h2 { margin-top: .35rem; }
.hd .hd-lead { color: var(--hd-muted); font-size: .83rem; line-height: 2; margin-top: .4rem; }
.hd-more { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.25rem; min-height: 44px; padding: .7rem 1rem; font-size: .78rem; font-weight: 500; border: 1px solid var(--hd-line); border-radius: 11px; background: #fff; white-space: nowrap; flex-shrink: 0; transition: border-color .2s, color .2s; }
.hd-more:hover { border-color: var(--tone); color: var(--tone-dark); }
.hd-more svg { width: 17px; }
.hd-empty { padding: 2rem; font-size: .9rem; line-height: 2; }

/* The same three colors introduce the three collections immediately after the hero. */
.hd-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; padding-top: 2rem; }
.hd-path { display: flex; position: relative; align-items: center; min-width: 0; min-height: 190px; padding: 1.6rem; border: 1px solid var(--soft); border-radius: 20px; background: var(--wash); overflow: hidden; isolation: isolate; transition: transform .25s, border-color .25s; }
.hd-path:hover { transform: translateY(-4px); border-color: var(--tone); }
.hd-path__copy { position: relative; z-index: 1; }
.hd-path__copy small { display: block; color: var(--tone-dark); font-size: .66rem; margin-bottom: .5rem; }
.hd-path__copy strong { display: block; font-family: var(--font-display); font-size: 1.45rem; font-weight: 800; line-height: 1.6; }
.hd-path__copy > span { display: block; margin-top: .4rem; color: #596b7e; font-size: .67rem; }
.hd-path__copy > i { display: grid; place-items: center; width: 32px; height: 32px; margin-top: 1rem; border-radius: 50%; background: #fff; color: var(--tone); }
.hd-path .hd-art { position: absolute; width: 190px; left: -19px; bottom: -1px; z-index: -1; transform: rotate(-8deg); transition: transform .3s; }
.hd-path:hover .hd-art { transform: rotate(-3deg) translateY(-4px); }
.hd-path::after { content: ''; position: absolute; width: 145px; height: 145px; border: 1px solid var(--soft); border-radius: 50%; top: -95px; right: 20px; }

/* Card identity never depends on a user-supplied cover photograph. */
.hd-recent__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.15rem; }
.hd-fresh, .hd-listing { display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid var(--hd-line); border-radius: 16px; padding: 1.3rem; transition: transform .2s, box-shadow .2s, border-color .2s; }
.hd-fresh { background: linear-gradient(135deg, #fff 65%, var(--wash)); border-top: 3px solid var(--soft); }
.hd-fresh:hover, .hd-listing:hover { transform: translateY(-3px); border-color: var(--tone); box-shadow: 0 10px 25px #172c4609; }
.hd-fresh__top, .hd-listing__top { display: flex; align-items: center; gap: .8rem; min-width: 0; }
.hd-fresh__top .hd-tag, .hd-listing__top .hd-tag { margin-inline-start: auto; }
.hd-identity { display: grid; place-items: center; position: relative; width: 54px; height: 54px; flex: 0 0 auto; border: 1px solid var(--soft); border-radius: 15px; background: var(--wash); color: var(--tone); overflow: hidden; }
.hd-identity > img { position: absolute; inset: 0; width: 100%; height: 100%; padding: 5px; object-fit: contain; background: #fff; }
.hd-tag { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60%; font-size: .64rem; font-weight: 500; line-height: 1.8; padding: .3rem .55rem; border-radius: 6px; color: var(--tone-dark); background: var(--wash); }
.hd-fresh h3, .hd-listing h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 3.8em; font-size: .86rem; margin-block: 1rem; }
.hd-card-meta { display: flex; align-items: center; gap: .4rem; padding-top: .8rem; border-top: 1px solid #edf0f5; margin-top: auto; min-width: 0; color: var(--hd-muted); font-size: .68rem; }
.hd-card-meta > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.hd-card-meta > span[dir="ltr"] { font-family: system-ui, sans-serif; font-size: .72rem; }
.hd-card-meta > i, .hd-feature__foot > i { display: grid; place-items: center; margin-inline-start: auto; width: 28px; height: 28px; flex: none; border-radius: 50%; color: var(--tone); background: var(--wash); transition: background .2s; }
.hd-card-meta > i svg { width: 16px; }
.hd-fresh:hover .hd-card-meta > i, .hd-listing:hover .hd-card-meta > i { background: var(--soft); }

/* Shared collection frame: illustration, count, real listings. */
.hd-collection { padding: 2rem; border-radius: 26px; background: var(--wash); border: 1px solid var(--soft); margin-bottom: 2.5rem; }
.hd-collection .hd-heading { margin-bottom: 1.75rem; }
.hd-collection h2 { font-size: clamp(1.55rem, 2.1vw, 2rem); }
.hd-collection .hd-more { border-color: var(--soft); color: var(--tone-dark); }
.hd-collection__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 2.3fr); gap: 1.25rem; align-items: stretch; }
.hd-feature { display: flex; flex-direction: column; position: relative; min-width: 0; border-radius: 19px; background: var(--tone); overflow: hidden; padding: 1.65rem; isolation: isolate; }
body.asnaf-home-body .hd a.hd-feature { color: #fff; }
.hd-feature::before { content: ''; pointer-events: none; position: absolute; width: 310px; height: 310px; border: 1px solid #ffffff1c; border-radius: 50%; right: -155px; bottom: -135px; box-shadow: 0 0 0 28px #ffffff06, 0 0 0 56px #ffffff04; z-index: -1; }
.hd-feature__pill { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid #ffffff40; border-radius: 50px; padding: .35rem .65rem; font-size: .65rem; }
.hd-feature__copy p { font-family: var(--font-display); font-size: 1.6rem; font-weight: 800; line-height: 1.65; margin-top: .85rem; }
.hd-feature .hd-art { width: calc(100% + 3.3rem); max-height: 200px; margin: auto -1.65rem; filter: drop-shadow(0 12px 9px #10274718); --art-white: #fff; --art-main: #cee0ff; --art-light: #ffffff22; --art-shade: #769cf1; }
.hd-theme--gov .hd-feature .hd-art { --art-main: #d6f8e8; --art-shade: #64baa9; }
.hd-theme--biz .hd-feature .hd-art { --art-main: #ffdeb8; --art-shade: #f6a67e; }
.hd-feature__foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1rem; border-top: 1px solid #ffffff38; }
.hd-feature__foot strong { display: block; font-size: 1.55rem; line-height: 1.2; font-weight: 700; }
.hd-feature__foot small { display: block; font-size: .66rem; margin-top: .55rem; color: #fff; }
.hd-feature__foot > i { width: 38px; height: 38px; background: #fff; }
.hd-feature:hover .hd-feature__foot > i { transform: translateX(-3px); }
.hd-listings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; }
.hd-listing { padding: 1.25rem; border-color: #ffffff; box-shadow: 0 2px 2px #1b2c4503; }
.hd-listing h3 { font-size: .9rem; }
.hd-listings--gov .hd-listing { position: relative; padding: 1rem 5rem 1rem 1rem; }
.hd-listings--gov .hd-identity { position: absolute; right: 1rem; top: 1.1rem; width: 48px; height: 48px; border-radius: 13px; }
.hd-listings--gov .hd-listing__top .hd-tag { max-width: 100%; margin: 0; padding: 0; color: var(--hd-muted); background: none; }
.hd-listings--gov h3 { min-height: 3.8em; font-size: .79rem; margin-block: .3rem .5rem; }
.hd-listings--gov .hd-card-meta { border: 0; padding-top: 0; }
.hd-listings--gov .hd-card-meta > i { width: 24px; height: 24px; }

/* Local discovery uses the same compact card language. */
.hd-places { padding-top: 2rem; }
.hd-provinces { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.hd-province { display: flex; align-items: center; gap: .8rem; min-width: 0; padding: 1.2rem; border: 1px solid var(--hd-line); border-radius: 15px; transition: border-color .2s, background .2s; }
.hd-province__icon { display: grid; place-items: center; width: 44px; height: 44px; flex: none; background: #eef5f7; color: #217f84; border-radius: 12px; }
.hd-province > div { min-width: 0; flex: 1; }
.hd-province h3 { font-size: .86rem; }
.hd-province small { display: block; margin-top: .2rem; font-size: .69rem; color: var(--hd-muted); }
.hd-province > svg { width: 16px; color: #7c8c9d; }
.hd-province:hover { border-color: #379a97; background: #f7fcfb; }

/* Final invitation, using the same illustration language instead of a stock photo. */
.hd-join { position: relative; display: grid; grid-template-columns: 1.15fr 1fr; gap: 2rem; align-items: center; padding: 3.2rem 3.5rem; background: #153c59; border-radius: 26px; color: #fff; overflow: hidden; isolation: isolate; }
.hd-join::before { content: ''; pointer-events: none; position: absolute; inset: 0; background: radial-gradient(ellipse at 10% 80%, #0f81714d, transparent 60%); z-index: -1; }
.hd-join .hd-eyebrow { color: #d3e6e9; }
.hd-join h2 { margin-top: .7rem; font-size: clamp(2rem, 3vw, 3rem); line-height: 1.5; }
.hd-join h2 em { color: #ffd16d; }
.hd-join .hd-lead { max-width: 30rem; color: #c0d4df; margin-top: 1rem; }
.hd-join__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem; margin-top: 1.6rem; }
.hd-button { display: inline-flex; align-items: center; gap: 1.8rem; min-height: 48px; padding: .9rem 1.2rem; background: #ffd16d; border-radius: 11px; font-size: .86rem; font-weight: 700; }
body.asnaf-home-body .hd a.hd-button { color: #17314b; }
.hd-button:hover { background: #ffda8b; }
.hd-join__link { display: inline-flex; gap: .7rem; align-items: center; min-height: 44px; font-size: .78rem; }
.hd-join__art { position: relative; height: 310px; }
.hd-join__shop { position: absolute; width: 310px; left: 50%; top: 50%; transform: translate(-50%, -47%) rotate(-7deg); --art-main: #248c91; --art-light: #d0ede6; --art-shade: #9bcdc5; --art-white: #fff; --art-shadow: #041e30; }
.hd-orbit { position: absolute; width: 310px; height: 310px; border: 1px solid #ffffff18; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.hd-orbit--two { width: 390px; height: 390px; border-style: dashed; }
.hd-join__badge { position: absolute; display: flex; align-items: center; gap: .65rem; background: #fff; color: #24465a; border-radius: 12px; padding: .85rem 1rem; font-size: .73rem; box-shadow: 0 12px 35px #031c302b; z-index: 1; }
.hd-join__badge svg { color: #168578; }
.hd-join__badge--one { top: 10px; right: 0; transform: rotate(4deg); }
.hd-join__badge--two { bottom: 5px; left: 0; transform: rotate(-4deg); }
.hd-faq { display: grid; grid-template-columns: .75fr 1.5fr; gap: 4rem; }
.hd-faq header .hd-more { margin-top: 1.3rem; }
.hd-faq__items { display: grid; gap: .7rem; align-content: start; }
.hd-faq details { border: 1px solid var(--hd-line); border-radius: 13px; padding-inline: 1.2rem; background: #f9fbfd; }
.hd-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1.2rem; cursor: pointer; list-style: none; font-size: .84rem; font-weight: 500; line-height: 1.9; }
.hd-faq summary::-webkit-details-marker { display: none; }
.hd-faq summary svg { color: #177d7c; width: 18px; transition: transform .2s; }
.hd-faq details[open] { background: #fff; border-color: #b4d8d5; }
.hd-faq details[open] summary svg { transform: rotate(45deg); }
.hd-faq details p { color: var(--hd-muted); font-size: .8rem; line-height: 2.1; padding: 0 0 1.2rem; }

@media (max-width: 1150px) {
  .hd-path { padding: 1.3rem; min-height: 185px; }
  .hd-path__copy strong { font-size: 1.3rem; }
  .hd-path .hd-art { width: 145px; left: -28px; bottom: 0; }
  .hd-path__copy > span { max-width: 140px; line-height: 1.9; }
  .hd-collection { padding: 1.6rem; }
  .hd-collection__layout { grid-template-columns: minmax(0, .85fr) minmax(0, 2fr); }
  .hd-feature { padding: 1.3rem; }
  .hd-feature__copy p { font-size: 1.5rem; }
  .hd-feature .hd-art { width: calc(100% + 2.6rem); margin-inline: -1.3rem; }
  .hd-listings { gap: .85rem; }
  .hd-listing { padding: 1rem; }
  .hd-listings--gov .hd-listing { padding-inline-start: 4.4rem; }
  .hd-listings--gov .hd-identity { width: 39px; height: 42px; }
  .hd-fresh { padding: 1rem; }
  .hd-tag { font-size: .6rem; }
  .hd-identity { width: 48px; height: 48px; }
  .hd-province { padding: 1rem; gap: .6rem; }
  .hd-province__icon { width: 36px; height: 40px; }
}
@media (max-width: 900px) {
  .hd-wrap { width: calc(100% - 2.5rem); }
  .hd-section { padding-block: 3.5rem; }
  .hd-paths { gap: .8rem; }
  .hd-path { min-height: 235px; align-items: flex-start; padding: 1.1rem; }
  .hd-path__copy strong { font-size: 1.2rem; }
  .hd-path__copy > span { max-width: none; font-size: .62rem; }
  .hd-path__copy > i { margin-top: 2.5rem; }
  .hd-path .hd-art { width: 165px; bottom: -2px; left: -5px; }
  .hd-recent__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  .hd-heading { align-items: flex-start; }
  .hd-collection h2 { font-size: 1.6rem; }
  .hd-collection .hd-heading { flex-wrap: wrap; gap: .8rem; }
  .hd-collection__layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr); }
  .hd-listings { grid-template-columns: 1fr; }
  .hd-listing { position: relative; padding: 1rem 5.3rem 1rem 1rem; }
  .hd-listing .hd-identity { position: absolute; top: 1.15rem; right: 1rem; }
  .hd-listing__top .hd-tag { margin: 0; max-width: 100%; padding: 0; background: none; }
  .hd-listing h3 { min-height: 0; font-size: .8rem; margin-block: .35rem .6rem; }
  .hd-listing .hd-card-meta { border: 0; padding: 0; }
  .hd-feature { justify-content: center; }
  .hd-feature .hd-art { margin-block: 1rem; max-height: 280px; }
  .hd-listings--gov .hd-listing { padding-inline-start: 5.3rem; }
  .hd-listings--gov .hd-identity { width: 48px; height: 48px; }
  .hd-listings--gov h3 { min-height: 0; }
  .hd-provinces { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hd-join { padding: 2.5rem 2rem; gap: 1rem; }
  .hd-join__shop { width: 260px; }
  .hd-join__badge { font-size: .6rem; padding: .7rem; }
  .hd-join__badge--one { right: -15px; }
  .hd-join__badge--two { left: -10px; }
  .hd-faq { gap: 2rem; grid-template-columns: .8fr 1.5fr; }
}
@media (max-width: 640px) {
  .hd [id] { scroll-margin-top: 11rem; }
  .hd-wrap { width: calc(100% - 2rem); }
  .hd-section { padding-block: 2.75rem; }
  .hd h2 { font-size: 1.7rem; }
  .hd-heading { gap: .8rem; flex-wrap: wrap; margin-bottom: 1.2rem; }
  .hd-heading .hd-more { min-height: 44px; padding: .5rem .7rem; font-size: .7rem; }
  .hd-eyebrow { font-size: .68rem; }
  .hd .hd-lead { font-size: .78rem; }
  .hd-paths { gap: .6rem; padding-top: 1.2rem; }
  .hd-path { min-height: 170px; border-radius: 14px; padding: .75rem .55rem; text-align: center; justify-content: center; }
  .hd-path__copy { width: 100%; }
  .hd-path__copy small { font-size: .51rem; margin-bottom: .25rem; }
  .hd-path__copy strong { font-size: .93rem; line-height: 1.7; }
  .hd-path__copy > span, .hd-path__copy > i { display: none; }
  .hd-path .hd-art { width: 135px; max-width: 130%; left: 50%; bottom: -6px; transform: translateX(-50%); }
  .hd-path:hover .hd-art { transform: translateX(-50%) translateY(-3px); }
  .hd-recent__grid { gap: .7rem; }
  .hd-fresh { border-radius: 13px; padding: .9rem; }
  .hd-fresh__top { gap: .5rem; flex-wrap: wrap; }
  .hd-fresh__top .hd-tag { margin: 0; max-width: 100%; padding: 0; background: none; }
  .hd-fresh h3 { font-size: .74rem; margin-block: .7rem; }
  .hd-fresh .hd-identity { width: 42px; height: 42px; border-radius: 11px; }
  .hd-fresh .hd-card-meta { gap: .3rem; font-size: .6rem; }
  .hd-fresh .hd-card-meta > i { display: none; }
  .hd-fresh .hd-card-meta > span[dir="ltr"] { font-size: .65rem; }
  .hd-collection { padding: 1.1rem; margin-bottom: 1.5rem; border-radius: 20px; }
  .hd-collection h2 { font-size: 1.55rem; }
  .hd-collection .hd-heading { margin-bottom: 1.15rem; }
  .hd-collection__layout { grid-template-columns: 1fr; gap: 1rem; }
  .hd-feature { display: grid; grid-template-columns: 1fr .9fr; min-height: 192px; padding: 1.15rem; border-radius: 15px; }
  .hd-feature__copy { grid-column: 1; position: relative; z-index: 1; }
  .hd-feature__copy p { font-size: 1.2rem; margin-top: .5rem; }
  .hd-feature__pill { font-size: .58rem; padding: .25rem .5rem; }
  .hd-feature .hd-art { position: absolute; width: 180px; max-width: 48%; left: 0; top: 15px; margin: 0; }
  .hd-feature__foot { grid-column: 1 / -1; margin-top: 1rem; padding-top: .8rem; position: relative; z-index: 1; }
  .hd-feature__foot > span { display: flex; align-items: center; gap: .6rem; }
  .hd-feature__foot strong { font-size: 1.35rem; }
  .hd-feature__foot small { font-size: .6rem; margin: 0; }
  .hd-feature__foot > i { width: 30px; height: 30px; }
  .hd-listings { gap: .7rem; }
  .hd-listing, .hd-listings--gov .hd-listing { padding: .9rem 4.7rem .9rem .8rem; border-radius: 12px; }
  .hd-listing .hd-identity, .hd-listings--gov .hd-identity { width: 43px; height: 43px; top: 1rem; right: .9rem; }
  .hd-listing h3 { font-size: .77rem; margin-block: .3rem .4rem; }
  .hd-listing .hd-card-meta { font-size: .65rem; }
  .hd-places { padding-top: 1.25rem; }
  .hd-provinces { gap: .7rem; }
  .hd-province { padding: .85rem .7rem; gap: .55rem; border-radius: 12px; }
  .hd-province__icon { width: 32px; height: 36px; border-radius: 9px; }
  .hd-province__icon svg { width: 18px; }
  .hd-province h3 { font-size: .76rem; }
  .hd-province small { font-size: .61rem; }
  .hd-province > svg { display: none; }
  .hd-join { grid-template-columns: 1fr; padding: 1.7rem; gap: 1rem; border-radius: 20px; }
  .hd-join h2 { font-size: 2.2rem; }
  .hd-join__actions { gap: .7rem 1rem; }
  .hd-button { font-size: .78rem; gap: 1rem; }
  .hd-join__link { font-size: .68rem; }
  .hd-join__art { height: 245px; margin-top: 1rem; }
  .hd-join__shop { width: 265px; }
  .hd-join__badge--one { right: 0; top: 0; }
  .hd-join__badge--two { left: 0; bottom: 0; }
  .hd-faq { grid-template-columns: 1fr; gap: 1.5rem; }
  .hd-faq summary { font-size: .76rem; gap: .7rem; }
  .hd-faq details { padding-inline: 1rem; }
}
@media (max-width: 360px) {
  .hd-wrap { width: calc(100% - 1.5rem); }
  .hd-paths { gap: .4rem; }
  .hd-path { min-height: 158px; padding-inline: .3rem; }
  .hd-path__copy strong { font-size: .85rem; }
  .hd-path .hd-art { bottom: -3px; }
  .hd-fresh { padding: .75rem; }
  .hd-collection { padding: .9rem; }
  .hd-feature__copy p { font-size: 1.1rem; }
  .hd-feature .hd-art { top: 15px; }
  .hd-province { padding-inline: .5rem; gap: .4rem; }
  .hd-province h3 { font-size: .7rem; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.hd) { scroll-behavior: auto; }
  .hd *, .hd *::before, .hd *::after { animation: none !important; transition: none !important; }
}