/* ==========================================================================
   Homepage: navy hero (copy, search, category chips, floating coupon cards,
   lime % tag), section spacing
   ========================================================================== */

.hero { position: relative; overflow: hidden; background: var(--hero-bg); color: var(--hero-text); }
.hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
    align-items: center;
    gap: var(--space-7);
    padding-block: 72px 80px;
}
.hero__copy { min-width: 0; display: flex; flex-direction: column; }
.hero__eyebrow { margin-bottom: 18px; font-size: var(--fs-sm); padding: 5px 12px; }
.hero__title {
    margin: 0 0 26px;
    color: var(--hero-text);
    font-size: var(--fs-h1);
    letter-spacing: -0.035em;
    line-height: 1;
}
.hero__title-accent { display: block; color: var(--color-accent); }
.hero__text { max-width: 540px; margin: 0 0 34px; color: var(--hero-text-soft); font-size: var(--fs-md); line-height: 1.5; }
.hero .search-suggest { color: var(--color-text); }

.hero__chips { margin-top: 24px; max-width: 600px; }
.chip--dark { background: var(--hero-chip); color: var(--hero-text); border: 1px solid var(--hero-chip-border); }
.chip--dark:hover { background: var(--hero-chip-hover); color: var(--hero-text); border-color: #3E4570; }
.chip--dark .brand-icon { width: 18px; height: 18px; }

/* Floating coupon cards + lime tag */
.hero__visual { position: relative; min-height: 520px; }
.hero__card {
    position: absolute;
    width: 360px;
    max-width: 100%;
    box-shadow: var(--shadow-float);
}
.hero__card:hover { box-shadow: var(--shadow-float); }
.hero__card--1 { top: 0; right: 36px; transform: rotate(3deg); z-index: 2; }
.hero__card--2 { top: 255px; right: 210px; transform: rotate(-4deg); z-index: 1; }
.hero__card--solo { top: 60px; right: 80px; }
.hero__tag { position: absolute; right: -40px; bottom: 30px; width: 190px; height: 190px; color: var(--color-accent); transform: rotate(8deg); }
@media (prefers-reduced-motion: no-preference) {
    .hero__card { transition: transform var(--transition); }
    .hero__card--1:hover { transform: rotate(1.5deg) translateY(-4px); }
    .hero__card--2:hover { transform: rotate(-2deg) translateY(-4px); }
}

@media (max-width: 1279.98px) {
    .hero__inner { grid-template-columns: minmax(0, 1fr) 440px; }
    .hero__card { width: 330px; }
    .hero__card--1 { right: 0; }
    .hero__card--2 { right: 120px; }
    .hero__tag { right: -70px; width: 160px; height: 160px; }
}
@media (max-width: 991.98px) {
    .hero__inner { grid-template-columns: minmax(0, 1fr); padding-block: 48px 56px; }
    .hero__visual { display: none; }
}
@media (max-width: 640px) {
    .hero__inner { padding-block: 32px 36px; }
    .hero__eyebrow { margin-bottom: 14px; font-size: 0.8125rem; }
    .hero__title { margin-bottom: 18px; font-size: clamp(2.6rem, 11.5vw, 3.25rem); }
    .hero__text { margin-bottom: 26px; font-size: 1.0625rem; }
    .hero__chips { margin-top: 24px; }
}

/* Category tiles row (shop by category) */
.home .page-block:last-child { padding-bottom: 0; }