.elementor-widget-nobonobo_bestsellers_nbbs2409 { min-width: 0; max-width: 100%; }
.nbbs { --nbbs-columns: 3.2; --nbbs-gap: 14px; --nbbs-caption-gap: 12px; --nbbs-heading-gap: 24px; box-sizing: border-box; width: 100%; min-width: 0; overflow: hidden; padding: 36px 18px 44px; background: #e9e4de; color: #171512; }
.nbbs *, .nbbs *::before, .nbbs *::after { box-sizing: border-box; }
.nbbs .nbbs__header { display: grid; grid-template-columns: 88px minmax(0, 1fr) 88px; align-items: center; margin-bottom: var(--nbbs-heading-gap); }
.nbbs .nbbs__heading { grid-column: 2; grid-row: 1; margin: 0; padding: 0; font-family: Georgia, serif; font-size: 27px; font-weight: 400; line-height: 1.3; letter-spacing: .12em; text-align: center; overflow-wrap: anywhere; }
.nbbs .nbbs__arrows { grid-column: 3; grid-row: 1; display: flex; justify-content: flex-end; }
.nbbs .nbbs__arrows[hidden] { display: none; }
.nbbs .nbbs__arrow { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #8e8982; cursor: pointer; }
.nbbs .nbbs__arrow svg { display: block; width: 23px; height: 23px; padding: 4px; border-radius: 50%; background: #f4f1ec; fill: none; stroke: currentColor; stroke-width: 1.2; }
.nbbs .nbbs__arrow:disabled { opacity: .35; cursor: default; }
.nbbs .nbbs__arrow:not(:disabled):hover svg { filter: brightness(.94); }
.nbbs .nbbs__track { display: flex; gap: var(--nbbs-gap); width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; direction: ltr; }
.nbbs .nbbs__track::-webkit-scrollbar { display: none; }
.nbbs .nbbs__card { flex: 0 0 calc((100% - (var(--nbbs-columns) - 1) * var(--nbbs-gap)) / var(--nbbs-columns)); min-width: 0; scroll-snap-align: start; padding: 0; margin: 0; }
.nbbs .nbbs__link { display: block; text-decoration: none; color: inherit; }
.nbbs .nbbs__media { display: block; width: 100%; aspect-ratio: 1 / 1; margin: 0; overflow: hidden; background: #f4f1ec; }
.nbbs .nbbs__image { display: block; width: 100%; height: 100%; max-width: none; border: 0; border-radius: 0; box-shadow: none; object-fit: contain; object-position: center; }
.nbbs .nbbs__title { margin-top: var(--nbbs-caption-gap); font-size: 14px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.nbbs .nbbs__designer { margin-top: 1px; line-height: 1.4; overflow-wrap: anywhere; }
.nbbs .nbbs__designer-label, .nbbs .nbbs__designer-name { font-family: Georgia, serif; font-size: 12px; font-weight: 400; letter-spacing: .04em; }
.nbbs .nbbs__designer-name { font-style: italic; }
.nbbs .nbbs__link:focus-visible, .nbbs .nbbs__arrow:focus-visible, .nbbs .nbbs__track:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
.nbbs__notice { padding: 12px; border: 1px solid #c7b89e; background: #fff9ef; color: #332b20; font: 14px/1.5 sans-serif; }
@media (max-width: 1024px) { .nbbs { --nbbs-columns: 2.15; } }
@media (max-width: 767px) {
    .nbbs { --nbbs-columns: 1.12; }
    .nbbs .nbbs__header { grid-template-columns: minmax(0, 1fr) 88px; }
    .nbbs .nbbs__heading { grid-column: 1; font-size: 22px; text-align: left; }
    .nbbs .nbbs__arrows { grid-column: 2; }
}

/* Allow the controls to wrap before the approved heading breaks on narrow phones. */
@media (max-width: 400px) {
    .nbbs .nbbs__header { display: flex; flex-wrap: wrap; gap: 12px 8px; }
    .nbbs .nbbs__heading { flex: 1 0 auto; max-width: 100%; overflow-wrap: normal; }
    .nbbs .nbbs__arrows { flex: 0 0 88px; margin-left: auto; }
}