:root {
    --gift-ink: #123d35;
    --gift-green: #087e63;
    --gift-cream: #fffdf5;
    --gift-line: rgba(18, 61, 53, .13);
}

.chiba-gifts,
.chiba-gifts-home { color: var(--gift-ink); }

.chiba-gifts { max-width: 1180px; margin: 0 auto; padding: 24px 20px 80px; }
.chiba-gifts__review { display: flex; align-items: center; gap: 16px; padding: 14px 18px; border: 1px solid #ead58a; border-radius: 16px; background: #fff8d9; color: #5f4b13; }
.chiba-gifts__review strong { flex: 0 0 auto; padding: 7px 12px; border-radius: 999px; background: #ffe47f; font-size: .78rem; letter-spacing: .04em; }
.chiba-gifts__review span { font-size: .92rem; }
.chiba-gifts__breadcrumb { display: flex; gap: 9px; margin: 32px 0 18px; color: #5e796f; font-size: .83rem; }
.chiba-gifts__breadcrumb a { color: var(--gift-green); }

.chiba-gifts__hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr); gap: 38px; overflow: hidden; padding: clamp(34px, 6vw, 72px); border: 1px solid #e8dfbf; border-radius: 36px; background: radial-gradient(circle at 82% 18%, rgba(255,255,255,.96) 0 14%, transparent 15%), linear-gradient(135deg, #fff8d9, #f1fae9 53%, #e9f8f8); box-shadow: 0 24px 70px rgba(62, 94, 64, .12); }
.chiba-gifts__hero:after { position: absolute; right: -80px; bottom: -110px; width: 330px; height: 330px; border-radius: 50%; background: rgba(255, 198, 102, .18); content: ''; }
.chiba-gifts__hero-copy { position: relative; z-index: 2; }
.chiba-gifts__kicker { margin: 0 0 15px; color: var(--gift-green); font-size: .75rem; font-weight: 800; letter-spacing: .18em; }
.chiba-gifts__hero h2 { margin: 0; color: #173e36; font-size: clamp(2.2rem, 5.2vw, 4.8rem); line-height: 1.08; letter-spacing: -.05em; }
.chiba-gifts__hero h2 em { color: #d76f3c; font-style: normal; }
.chiba-gifts__hero-copy > p:not(.chiba-gifts__kicker) { max-width: 660px; margin: 24px 0 0; color: #49645c; font-size: 1.03rem; line-height: 1.95; }
.chiba-gifts__hero-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.chiba-gifts__hero-art { position: relative; z-index: 1; min-height: 330px; }
.chiba-gifts__hero-art strong { position: absolute; inset: 50% auto auto 50%; display: grid; place-items: center; width: 150px; height: 150px; transform: translate(-50%, -50%) rotate(-5deg); border: 10px solid rgba(255,255,255,.8); border-radius: 48% 52% 46% 54%; background: #ffbc57; color: #17443a; font-size: 1.6rem; line-height: 1.25; text-align: center; box-shadow: 0 20px 45px rgba(178, 116, 26, .22); }
.fruit { position: absolute; display: grid; place-items: center; width: 92px; height: 92px; border: 7px solid rgba(255,255,255,.8); border-radius: 48% 52% 50% 50%; font-weight: 900; box-shadow: 0 14px 35px rgba(28, 77, 63, .14); animation: chiba-fruit-float 6s ease-in-out infinite; }
.fruit--one { top: 7%; left: 5%; background: #cde78c; }
.fruit--two { top: 2%; right: 6%; width: 75px; height: 75px; background: #e9bf78; animation-delay: -1.4s; }
.fruit--three { right: 0; bottom: 7%; background: #8cd9dc; animation-delay: -2.7s; }
.fruit--four { bottom: 0; left: 8%; width: 78px; height: 78px; background: #ffe86f; animation-delay: -4.1s; }
@keyframes chiba-fruit-float { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-10px) rotate(3deg); } }

.chiba-gifts__section { padding: 78px 0 0; }
.chiba-gifts__heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 24px; }
.chiba-gifts__heading span,
.chiba-gifts-home__heading span { color: var(--gift-green); font-size: .73rem; font-weight: 800; letter-spacing: .16em; }
.chiba-gifts__heading h2,
.chiba-gifts-home__heading h2 { margin: 6px 0 0; color: var(--gift-ink); font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.035em; }
.chiba-gifts__heading > p { max-width: 460px; margin: 0; color: #63786f; line-height: 1.75; }

.chiba-gift-filters { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 25px; }
.chiba-gift-filters button { appearance: none; padding: 10px 17px; border: 1px solid #cfe0d8; border-radius: 999px; background: #fff; color: #31564c; font: inherit; font-size: .9rem; font-weight: 700; cursor: pointer; }
.chiba-gift-filters button:hover,
.chiba-gift-filters button:focus-visible,
.chiba-gift-filters button.is-active { border-color: var(--gift-green); background: var(--gift-green); color: #fff; }

.chiba-gift-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.chiba-gift-card { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 17px; min-height: 195px; padding: 20px; border: 1px solid var(--gift-line); border-radius: 24px; background: #fff; box-shadow: 0 12px 34px rgba(28, 67, 54, .07); transition: transform .2s ease, box-shadow .2s ease; }
.chiba-gift-card:hover { transform: translateY(-3px); box-shadow: 0 17px 42px rgba(28, 67, 54, .12); }
.chiba-gift-card[hidden] { display: none; }
.chiba-gift-card__mark { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 22px 44% 22px 44%; background: #e6f1ec; color: #17473c; font-size: 1.45rem; font-weight: 900; }
.chiba-gift-card--gold .chiba-gift-card__mark { background: #ffe398; }
.chiba-gift-card--lime .chiba-gift-card__mark { background: #dff0a8; }
.chiba-gift-card--coral .chiba-gift-card__mark { background: #ffc0a8; }
.chiba-gift-card--orange .chiba-gift-card__mark { background: #ffd399; }
.chiba-gift-card--mint .chiba-gift-card__mark { background: #c7efdc; }
.chiba-gift-card--sky .chiba-gift-card__mark { background: #cbe9f4; }
.chiba-gift-card--pink .chiba-gift-card__mark { background: #ffd2df; }
.chiba-gift-card--sand .chiba-gift-card__mark { background: #ead8b9; }
.chiba-gift-card--yellow .chiba-gift-card__mark { background: #ffef87; }
.chiba-gift-card--aqua .chiba-gift-card__mark { background: #bfe9e5; }
.chiba-gift-card--deep .chiba-gift-card__mark { background: #1f6659; color: #fff; }
.chiba-gift-card__season { display: inline-block; margin-bottom: 7px; color: #b05d33; font-size: .72rem; font-weight: 800; letter-spacing: .06em; }
.chiba-gift-card h3 { margin: 0; color: #173f36; font-size: 1.18rem; }
.chiba-gift-card p { margin: 9px 0 0; color: #65786f; font-size: .88rem; line-height: 1.65; }
.chiba-gift-card .chiba-gift-card__area { color: #3f5f56; font-size: .79rem; font-weight: 700; }
.chiba-gift-empty { padding: 30px; border-radius: 18px; background: #f5f8f6; text-align: center; }

.chiba-gifts__section--towns { margin-top: 78px; padding: 60px; border-radius: 34px; background: #f4f9f5; }
.chiba-town-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.chiba-town-group { padding: 22px; border: 1px solid #dae8e0; border-radius: 20px; background: #fff; }
.chiba-town-group h3 { margin: 0 0 13px; color: #166d58; font-size: 1rem; }
.chiba-town-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.chiba-town-chips span { padding: 6px 10px; border-radius: 999px; background: #f3f0e5; color: #355249; font-size: .78rem; font-weight: 700; }
.chiba-gifts__official-link { margin: 25px 0 0; text-align: right; }
.chiba-gifts__official-link a { color: #087e63; font-weight: 800; }

.chiba-gifts__policy-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.chiba-gifts__policy-grid article { padding: 24px; border-left: 4px solid #f5ad52; border-radius: 6px 18px 18px 6px; background: #fffaf0; }
.chiba-gifts__policy-grid strong { color: #1a493e; }
.chiba-gifts__policy-grid p { margin: 9px 0 0; color: #687a72; font-size: .88rem; line-height: 1.7; }
.chiba-gifts__sources { display: flex; flex-wrap: wrap; gap: 11px 18px; margin-top: 55px; padding: 20px; border-top: 1px solid #dbe6e0; border-bottom: 1px solid #dbe6e0; color: #587068; font-size: .82rem; }
.chiba-gifts__sources strong { width: 100%; color: #264f44; }
.chiba-gifts__sources a { color: #087e63; }

.chiba-gifts-home { padding: 76px 0; background: linear-gradient(180deg, #fffdf6, #f5faef); }
.chiba-gifts-home__heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 26px; }
.chiba-gifts-home__heading p { max-width: 440px; margin: 0; color: #61766d; }
.chiba-gift-grid--compact { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.chiba-gift-card--compact { display: block; min-height: 0; padding: 14px; border-radius: 19px; }
.chiba-gift-card--compact .chiba-gift-card__mark { width: 48px; height: 48px; margin-bottom: 13px; border-radius: 15px 40% 15px 40%; font-size: 1rem; }
.chiba-gift-card--compact h3 { font-size: .94rem; }
.chiba-gift-card--compact .chiba-gift-card__area { font-size: .68rem; line-height: 1.45; }
.chiba-gifts-home__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 25px; padding: 19px 22px; border: 1px solid #e8d99f; border-radius: 18px; background: rgba(255,255,255,.8); }
.chiba-gifts-home__footer p { margin: 0; color: #617168; font-size: .85rem; }
.chiba-gifts-home__footer strong { color: #8f6117; }

@media (prefers-reduced-motion: reduce) {
    .fruit { animation: none; }
    .chiba-gift-card { transition: none; }
}

@media (max-width: 980px) {
    .chiba-gifts__hero { grid-template-columns: 1fr; }
    .chiba-gifts__hero-art { min-height: 260px; }
    .chiba-gift-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .chiba-gift-grid--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .chiba-gifts { padding-inline: 15px; }
    .chiba-gifts__review { align-items: flex-start; flex-direction: column; gap: 9px; }
    .chiba-gifts__hero { padding: 32px 22px; border-radius: 25px; }
    .chiba-gifts__hero h2 { font-size: 2.35rem; }
    .chiba-gifts__hero-art { min-height: 230px; }
    .chiba-gifts__heading,
    .chiba-gifts-home__heading { align-items: flex-start; flex-direction: column; }
    .chiba-gift-grid,
    .chiba-gift-grid--compact { grid-template-columns: 1fr 1fr; }
    .chiba-gift-card { grid-template-columns: 58px minmax(0, 1fr); min-height: 0; padding: 15px; border-radius: 18px; }
    .chiba-gift-card__mark { width: 52px; height: 52px; border-radius: 16px 40% 16px 40%; font-size: 1rem; }
    .chiba-gift-card h3 { font-size: .96rem; }
    .chiba-gift-card p:not(.chiba-gift-card__area) { display: none; }
    .chiba-gift-card--compact { display: block; }
    .chiba-gifts__section--towns { margin-top: 58px; padding: 32px 18px; border-radius: 24px; }
    .chiba-town-groups,
    .chiba-gifts__policy-grid { grid-template-columns: 1fr; }
    .chiba-gifts-home { padding: 58px 0; }
    .chiba-gifts-home__footer { align-items: stretch; flex-direction: column; }
}

@media (max-width: 420px) {
    .chiba-gift-grid,
    .chiba-gift-grid--compact { grid-template-columns: 1fr; }
}