.sbg{padding:var(--sbg-pt) 0 var(--sbg-pb);background:#fff;font-family:Alexandria,Cairo,system-ui,sans-serif}@media screen and (min-width:750px){.sbg{padding:var(--sbg-pt-d) 0 var(--sbg-pb-d)}}.sbg--categories{background:#fff}.sbg--categories{position:relative;background:#fff}.sbg--categories:before,.sbg--categories:after{content:"";position:absolute;inset-inline:0;margin-inline:auto;width:min(560px,78%);height:1px;background:linear-gradient(90deg,transparent,rgba(var(--sds-rose-rgb),.28),transparent)}.sbg--categories:before{top:0}.sbg--categories:after{bottom:18px}@media(max-width:989px){.sbg__inner{padding-inline:16px}}.sbg__head{text-align:center;margin-bottom:28px}.sbg--categories .sbg__head{margin-bottom:1.5rem}.sbg--categories .sbg__sub{max-width:22rem;margin-top:.7rem;font-size:.9rem;font-weight:500;line-height:1.6;opacity:1}.sbg__eyebrow{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sds-muted);opacity:.85}.sbg__sub{margin:10px auto 0;max-width:340px;color:var(--sds-muted);font-size:12.5px;line-height:1.55;font-weight:400;opacity:.9}.sbg__grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:76px;gap:22px 18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 4px 12px;margin-inline:-16px;padding-inline:16px;justify-items:center}.sbg__grid--categories{grid-template-rows:repeat(2,auto);grid-auto-columns:76px;gap:24px 12px;padding-top:8px;padding-bottom:16px;scroll-padding-inline:16px}.sbg__grid::-webkit-scrollbar{display:none}@media(min-width:750px){.sbg__grid--categories{display:grid;grid-auto-flow:row;grid-template-rows:none;grid-auto-columns:unset;gap:36px 28px;overflow:visible;scroll-snap-type:none;margin-inline:0;padding:8px 0 4px;justify-items:center}}.sbg__card{display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;scroll-snap-align:start;text-decoration:none;color:inherit}.sbg__card--category{width:76px;gap:8px;-webkit-tap-highlight-color:transparent}@media(min-width:750px){.sbg__card--category{width:100%;max-width:96px}}.sbg__card:focus-visible{outline:2px solid var(--sds-rose);outline-offset:4px;border-radius:16px}.sbg__card--category:focus-visible{border-radius:20px}.sbg__card--static{cursor:default}.sbg__logo-wrap{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;background:#faf6f8;transition:background-color .2s ease,transform .2s ease,box-shadow .25s ease}.sbg__card--category .sbg__logo-wrap{--sbg-cat-ring: #f5eee7;width:64px;height:64px;background:#fff;border:1px solid var(--sbg-cat-ring);box-shadow:0 4px 12px #7a335812;transition:border-color .22s ease,transform .22s ease,box-shadow .25s ease}.sbg__card--tone-1{--sbg-pastel: #f8e8f0}.sbg__card--tone-2{--sbg-pastel: #f4e2ec}.sbg__card--tone-3{--sbg-pastel: #f7ebe6}.sbg__card--tone-4{--sbg-pastel: #f1e6ef}.sbg__card--tone-5{--sbg-pastel: #f6e9f1}@media(min-width:750px){.sbg__logo-wrap{width:84px;height:84px}}.sbg__grid--brands{--sbg-logo-fit: .74;grid-auto-columns:124px;gap:20px 12px;scroll-padding-inline:16px}.sbg__card--brand{width:124px;gap:9px}@media(max-width:749px){.sbg__grid--brands{grid-auto-columns:clamp(106px,28.5vw,112px)}.sbg__card--brand{width:clamp(106px,28.5vw,112px)}}.sbg__card--brand .sbg__logo-wrap{width:100%;height:auto;aspect-ratio:5 / 3;border-radius:16px;background:#fff;border:1px solid var(--sds-line);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.sbg__card--brand .sbg__logo{object-fit:contain;padding:0;transform:scale(calc(var(--sbg-logo-fit, .74) * var(--sbg-logo-scale, 1)))}.sbg__card--brand:not(.sbg__card--contain) .sbg__logo{object-fit:cover;transform:none}.sbg__card--brand .sbg__label{font-size:11px;font-weight:500;color:var(--sds-ink-2);transition:color .2s ease}@media(hover:hover)and (pointer:fine){.sbg__card--brand:hover .sbg__logo-wrap{border-color:rgba(var(--sds-rose-rgb),.32);box-shadow:0 6px 16px #7a335812;transform:translateY(-2px)}.sbg__card--brand:hover .sbg__label{color:var(--sds-rose-deep)}}.sbg__card--brand:active .sbg__logo-wrap{transform:scale(.98)}@media(min-width:990px){.sbg__grid--brands{display:flex;flex-wrap:wrap;justify-content:center;gap:26px 16px;overflow:visible;scroll-snap-type:none;margin-inline:0;padding:6px 0 4px}.sbg__card--brand{width:124px;max-width:none}.sbg__card--brand .sbg__label{font-size:11.5px;min-height:2.5em}}@media(min-width:1200px){.sbg__grid--brands{gap:28px 16px}.sbg__card--brand{width:132px}}.sbg__logo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sbg__card--category .sbg__logo{object-fit:cover;object-position:center;padding:0;box-sizing:border-box;background:transparent;transition:transform .3s ease}.sbg__card--text .sbg__logo-wrap{display:flex;align-items:center;justify-content:center;background:var(--sds-rose-petal)}.sbg__card--category.sbg__card--text .sbg__logo-wrap,.sbg__card--category .sbg__logo-fallback{background:var(--sbg-pastel)}.sbg__logo-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--sds-rose-petal);color:var(--sds-rose-dark);font-family:Alexandria,system-ui,sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.sbg__label{display:block;width:100%;font-size:11px;font-weight:500;line-height:1.3;text-align:center;color:#6b4a5a;letter-spacing:.01em}.sbg__card--category .sbg__label{min-height:2.55em;color:var(--sds-text, #4a2438);font-size:.8rem;font-weight:600;line-height:1.35;letter-spacing:0;text-wrap:balance;transition:color .22s ease}@media(hover:hover)and (pointer:fine){.sbg__card--category:hover .sbg__logo-wrap{transform:translateY(-4px);border-color:rgba(var(--sds-rose-rgb),.26);box-shadow:0 10px 20px #7a33581c}.sbg__card--category:hover .sbg__logo{transform:scale(1.05)}.sbg__card--category:hover .sbg__label{color:var(--sds-rose-deep, #7a3358)}}.sbg__card--category:active .sbg__logo-wrap{transform:scale(.96);box-shadow:0 4px 12px #7a33581a}@media(prefers-reduced-motion:reduce){.sbg__card--category,.sbg__card--category .sbg__logo-wrap,.sbg__card--category .sbg__logo{transition:none!important}}@media(min-width:750px){.sbg__grid--categories{grid-template-columns:repeat(7,minmax(0,1fr));gap:30px 12px;max-width:704px;margin-inline:auto}.sbg__card--category{width:100%;max-width:100px;gap:9px}.sbg__card--category .sbg__logo-wrap{width:72px;height:72px}.sbg__card--category .sbg__label{font-size:.84rem}}@media(min-width:990px){.sbg__grid--categories{grid-template-columns:repeat(7,minmax(0,1fr));gap:32px 14px;max-width:744px}.sbg__card--category .sbg__logo-wrap{width:78px;height:78px}.sbg__card--category .sbg__label{font-size:.88rem}}.sbg__swipe-hint{display:flex;justify-content:center;margin:1.05rem 0 0;padding:0}.sbg__swipe-hint-inner{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;background:#fdf5f9f2;border:1px solid rgba(200,116,159,.18);color:var(--sds-rose-dark, #a6527e);font-size:.78rem;font-weight:600;line-height:1}.sbg__swipe-icon{flex-shrink:0;opacity:.75}.sbg__swipe-icon--start{animation:sbg-swipe-nudge-start 1.6s ease-in-out infinite}.sbg__swipe-icon--end{animation:sbg-swipe-nudge-end 1.6s ease-in-out infinite}@keyframes sbg-swipe-nudge-start{0%,to{transform:translate(0);opacity:.55}50%{transform:translate(3px);opacity:1}}@keyframes sbg-swipe-nudge-end{0%,to{transform:translate(0);opacity:.55}50%{transform:translate(-3px);opacity:1}}@media(min-width:750px){.sbg__swipe-hint{display:none}}@media(prefers-reduced-motion:reduce){.sbg__swipe-icon--start,.sbg__swipe-icon--end{animation:none}}.sbg__footer{text-align:center;margin-top:28px}.sbg__all{display:inline-flex;align-items:center;gap:6px;padding:0 2px 3px;border-radius:0;background:transparent;color:var(--sds-rose-dark);font-size:.95rem;font-weight:600;text-decoration:none;border:0;border-bottom:1px solid rgba(var(--sds-rose-rgb),.4);transition:color .2s ease,border-color .2s ease}.sbg__all:hover{background:transparent;color:var(--sds-rose);border-color:var(--sds-rose)}.sbg__all:focus-visible{outline:2px solid var(--sds-rose);outline-offset:3px}.sbg__all svg{transform:none;width:14px;height:14px}
/*# sourceMappingURL=/cdn/shop/t/41/assets/sondos-brand-grid.css.map */