.qa-top-picks {
    --qa-gap: 10px;
    --qa-visible-desktop: 5;
    --qa-visible-tablet: 4;
    --qa-visible-mobile: 2;
    --qa-visible: var(--qa-visible-desktop);
    --qa-accent: #9b742d;
    box-sizing: border-box;
    width: 100%;
    background: #f6f1e9;
    color: #30291f;
    padding: 18px 20px 20px;
    overflow: hidden;
}
.qa-top-picks *, .qa-top-picks *::before, .qa-top-picks *::after { box-sizing: border-box; }
.qa-top-picks__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 10px; }
.qa-top-picks__heading-wrap { min-width: 0; }
.qa-top-picks__title { margin: 0; color: #17130f; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(28px, 2.4vw, 42px); line-height: .95; font-weight: 700; letter-spacing: -0.03em; }
.qa-top-picks__subtitle { margin: 5px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35; font-weight: 400; }
.qa-top-picks__view-all,
.qa-top-picks__view-all:hover,
.qa-top-picks__view-all:focus,
.qa-top-picks__view-all:active,
.qa-top-picks__view-all:visited {
    flex: 0 0 auto;
    color: var(--qa-accent);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    text-decoration-line: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
    padding-bottom: 0;
}
.qa-top-picks__view-all::before,
.qa-top-picks__view-all::after { content: none !important; display: none !important; }

.qa-top-picks__carousel { position: relative; width: 100%; }
.qa-top-picks__arrow {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #d7c8ad;
    border-radius: 999px;
    background: #fffdf8;
    color: var(--qa-accent);
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(48,41,31,.12);
    transform: translateY(-50%);
    transition: background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}
.qa-top-picks__arrow:hover, .qa-top-picks__arrow:focus { background: var(--qa-accent); color: #fff; border-color: var(--qa-accent); outline: none; }
.qa-top-picks__arrow:disabled { opacity: .35; cursor: default; }
.qa-top-picks__prev { left: 0; }
.qa-top-picks__next { right: 0; }

.qa-top-picks__viewport { width: 100%; overflow: hidden; touch-action: pan-y; }
.qa-top-picks__track { display: flex; align-items: flex-start; gap: var(--qa-gap); transform: translate3d(0,0,0); transition: transform .45s cubic-bezier(.22,.61,.36,1); will-change: transform; }
.qa-top-picks__card { flex: 0 0 calc((100% - (var(--qa-gap) * (var(--qa-visible) - 1))) / var(--qa-visible)); min-width: 0; overflow: hidden; background: #fbf8f3; border: 1px solid #e7dfd3; border-radius: 5px; }
.qa-top-picks__card[hidden] { display: none !important; }
.qa-top-picks__image-wrap { width: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; padding: 8px 8px 2px; background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.02)); overflow: hidden; }
.qa-top-picks__image { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.qa-top-picks__placeholder { width: 58%; height: 82%; border-radius: 5px; background: linear-gradient(145deg, #f0ece5, #dfd8cd); }
.qa-top-picks__body { padding: 8px 10px 11px; text-align: center; }
.qa-top-picks__name { margin: 0; min-height: 2.6em; display: flex; align-items: flex-end; justify-content: center; color: #2d2924; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.3; font-weight: 600; letter-spacing: 0; }
.qa-top-picks__price { margin-top: 4px; color: #332d26; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3; font-weight: 700; }
.qa-top-picks__price del { opacity: .55; font-weight: 500; margin-right: 4px; }
.qa-top-picks__price ins { text-decoration: none; }
.qa-top-picks__button,
.qa-top-picks__button:hover,
.qa-top-picks__button:focus,
.qa-top-picks__button:active,
.qa-top-picks__button:visited {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 34px;
    margin-top: 10px;
    padding: 8px 10px;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 3px;
    background: var(--qa-accent);
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    text-decoration: none !important;
    text-decoration-line: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-image: none !important;
    transition: filter .2s ease, transform .2s ease;
}
.qa-top-picks__button:hover, .qa-top-picks__button:focus { color: #fff; filter: brightness(.94); transform: translateY(-1px); }
.qa-top-picks__button::before,
.qa-top-picks__button::after { content: none !important; display: none !important; }
.qa-top-picks__dots { display: none; align-items: center; justify-content: center; gap: 7px; margin-top: 12px; min-height: 10px; }
.qa-top-picks__dot { appearance: none; width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: #c8bca8; cursor: pointer; transition: width .2s ease, background .2s ease; }
.qa-top-picks__dot.is-active { width: 20px; background: var(--qa-accent); }
.qa-top-picks__empty { padding: 24px 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #6f6559; border: 1px dashed #d7ccbd; border-radius: 5px; }

@media (min-width: 768px) {
    .qa-top-picks__carousel { padding: 0 42px; }
    .qa-top-picks__arrow { display: flex; }
    .qa-top-picks__dots { display: flex; }
    .qa-top-picks__track { align-items: stretch; }
    .qa-top-picks__card { display: flex; flex-direction: column; height: auto; }
    .qa-top-picks__image-wrap { aspect-ratio: auto !important; height: 240px; min-height: 240px; padding: 12px; }
    .qa-top-picks__image { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; margin: auto; }
    .qa-top-picks__body { display: flex; flex-direction: column; flex: 1; padding: 10px 10px 11px; }
    .qa-top-picks__name { align-items: flex-start; min-height: 3.9em; }
    .qa-top-picks__price { min-height: 1.3em; }
    .qa-top-picks__button,
    .qa-top-picks__button:hover,
    .qa-top-picks__button:focus,
    .qa-top-picks__button:active,
    .qa-top-picks__button:visited { margin-top: auto; }
}

@media (max-width: 1024px) {
    .qa-top-picks { --qa-visible: var(--qa-visible-tablet); }
}

@media (max-width: 767px) {
    .qa-top-picks { --qa-visible: var(--qa-visible-mobile); padding: 16px 12px 14px; }
    .qa-top-picks__track { align-items: stretch; }
    .qa-top-picks__card { display: flex; flex-direction: column; height: auto; }
    .qa-top-picks__body { display: flex; flex-direction: column; flex: 1; }
    .qa-top-picks__button,
    .qa-top-picks__button:hover,
    .qa-top-picks__button:focus,
    .qa-top-picks__button:active,
    .qa-top-picks__button:visited { margin-top: auto; }
    .qa-top-picks__header { align-items: flex-start; margin-bottom: 12px; }
    .qa-top-picks__title { font-size: 30px; }
    .qa-top-picks__subtitle { max-width: 240px; font-size: 11.5px; }
    .qa-top-picks__view-all { font-size: 11px; margin-top: 3px; }
    .qa-top-picks__name { font-size: 12.5px; min-height: 2.6em; }
    .qa-top-picks__price { font-size: 12px; }
    .qa-top-picks__button { font-size: 11.5px; min-height: 33px; padding: 8px 5px; }
    .qa-top-picks__dots { display: flex; }
}

/* Product detail links */
.qa-top-picks__card[data-product-url]:not([data-product-url=""]) { cursor: pointer; }
.qa-top-picks__product-link { color: inherit; text-decoration: none !important; }
.qa-top-picks__image-link { display: block; width: 100%; }
.qa-top-picks__name-link { color: inherit !important; text-decoration: none !important; }
.qa-top-picks__name-link:hover,
.qa-top-picks__name-link:focus { color: #a57c2c !important; }