.discovery-shortcuts {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-top: 22px;
    padding-bottom: 8px;
    scrollbar-width: thin;
}
.discovery-chip {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 44px;
    padding: 10px 20px;
    border: 1px solid #ded7cf;
    border-radius: 2px;
    font-size: 13px;
    text-decoration: none;
    color: #29251f;
    background: #fff;
}
.discovery-chip span { color: #756b60; font-size: 12px; }
.discovery-chip-all { background: #29251f; color: #fff; border-color: #29251f; }
.discovery-chip-all span { color: inherit; }
.discovery-chip:hover { border-color: #29251f; }
.discovery-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.discovery-actions { display: flex; align-items: center; gap: 24px; flex-shrink: 0; }
.discovery-controls { display: flex; gap: 8px; }
.discovery-controls[hidden] { display: none; }
.discovery-controls button {
    width: 44px;
    height: 44px;
    border: 1px solid #dcd5cc;
    border-radius: 50%;
    background: #fff;
    color: #29251f;
    font-size: 20px;
    cursor: pointer;
}
.discovery-controls button:disabled { opacity: .3; cursor: default; }
.discovery-controls button:not(:disabled):hover { background: #f6f3ee; border-color: #29251f; }
.discovery-rail {
    --rail-gap: 18px;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 3 * var(--rail-gap)) / 4);
    gap: var(--rail-gap);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    scrollbar-width: thin;
    scrollbar-color: #bfb4a6 #f5f2ed;
    padding: 2px 0 18px;
}
.discovery-rail > .product-card { min-width: 0; scroll-snap-align: start; }
.discovery-rail:focus-visible,
.discovery-chip:focus-visible,
.discovery-controls button:focus-visible { outline: 2px solid #6d543b; outline-offset: 3px; }
/* All twelve arrivals remain visible at tablet widths too. */
.home-product-grid > .product-card:nth-child(n) { display: block; }
@media (max-width: 1024px) {
    .discovery-rail { grid-auto-columns: calc((100% - 2 * var(--rail-gap)) / 3); }
}
@media (max-width: 767px) {
    .discovery-shortcuts { gap: 8px; padding-top: 16px; }
    .discovery-chip { padding: 10px 14px; font-size: 12px; gap: 10px; }
    .discovery-heading { align-items: start; gap: 12px; }
    .discovery-heading h2 { font-size: clamp(22px, 5vw, 28px); }
    .discovery-heading .eyebrow { font-size: 10px; }
    .discovery-actions { flex-direction: column; align-items: end; gap: 12px; padding-top: 4px; }
    .discovery-actions .text-link { font-size: 11px; white-space: nowrap; }
    .discovery-controls { gap: 6px; }
    .discovery-controls button { width: 44px; height: 44px; }
    .discovery-rail { --rail-gap: 10px; grid-auto-columns: calc((100% - var(--rail-gap)) / 2.15); }
}

/* Keep the product sections close together instead of stacking large section paddings. */
#new-products.section,
#featured-products.section,
.home-categories.section,
.discovery-shelf.section {
    padding-block: clamp(24px, 3vw, 44px);
}
.discovery-shelf .section-heading,
.home-categories .section-heading {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    #new-products.section,
    #featured-products.section,
    .home-categories.section,
    .discovery-shelf.section {
        padding-block: 20px;
    }
    .discovery-shelf .section-heading,
    .home-categories .section-heading {
        margin-bottom: 16px;
    }
}

/* Avoid stacking the product detail bottom padding with the recommendation section. */
.product-detail { padding-bottom: 0; }