:root{--sb-color-brown: #974E26;--sb-color-brown-dark: #5C2E14;--sb-color-brown-light: #B8764E;--sb-color-accent: #D4952B;--sb-color-accent-hover: #B87D20;--sb-color-wheat: #F5DEB3;--sb-color-cream: #E8D5C4;--sb-color-cream-light: #F5EDE7;--sb-color-gold: #E8A838;--sb-color-white: #FFFFFF;--sb-color-black: #000000;--sb-color-warm-white: #FDFAF7;--sb-color-charcoal: #5C2E14;--sb-color-dark: #1C1108;--sb-color-green: #55C1A7;--sb-color-green-hover: #3DAA90;--sb-color-gray-100: #F5F0EB;--sb-color-gray-200: #E5DDD5;--sb-color-gray-300: #CFC5BA;--sb-color-gray-500: #8A7B6D;--sb-color-gray-700: #5C4F42;--sb-color-primary: var(--sb-color-brown);--sb-color-primary-hover: var(--sb-color-brown-dark);--sb-color-secondary: var(--sb-color-brown-light);--sb-color-background: var(--sb-color-warm-white);--sb-color-surface: var(--sb-color-cream-light);--sb-color-text: var(--sb-color-charcoal);--sb-color-text-muted: var(--sb-color-gray-500);--sb-color-border: var(--sb-color-gray-200);--sb-color-success: #2E7D32;--sb-color-error: #C62828;--sb-color-footer-bg: var(--sb-color-dark);--sb-color-footer-text: var(--sb-color-cream-light);--sb-font-display: "PP Right Grotesk", var(--font-heading-family), sans-serif;--sb-font-heading: "ABC Favorit", var(--font-heading-family), sans-serif;--sb-font-mono: "ABC Favorit Mono", var(--font-heading-family), monospace;--sb-font-body: "ABC Favorit", var(--font-body-family), sans-serif;--sb-text-xs: clamp(1rem, .9rem + .2vw, 1.2rem);--sb-text-sm: clamp(1.2rem, 1.1rem + .2vw, 1.4rem);--sb-text-base: clamp(1.4rem, 1.3rem + .2vw, 1.6rem);--sb-text-lg: clamp(1.6rem, 1.4rem + .4vw, 2rem);--sb-text-xl: clamp(2rem, 1.6rem + .8vw, 2.8rem);--sb-text-2xl: clamp(2.4rem, 1.8rem + 1.2vw, 3.6rem);--sb-text-3xl: clamp(3rem, 2.2rem + 1.6vw, 4.8rem);--sb-text-4xl: clamp(3.6rem, 2.6rem + 2vw, 6rem);--sb-space-1: .8rem;--sb-space-2: 1.6rem;--sb-space-3: 2.4rem;--sb-space-4: 3.2rem;--sb-space-5: 4rem;--sb-space-6: 4.8rem;--sb-space-8: 6.4rem;--sb-space-10: 8rem;--sb-space-15: 12rem;--sb-section-padding-desktop: 8rem;--sb-section-padding-mobile: 4.8rem;--sb-container-max: 135rem;--sb-container-narrow: 80rem;--sb-container-padding: 2rem;--sb-radius-sm: .4rem;--sb-radius-md: .8rem;--sb-radius-lg: 1.2rem;--sb-radius-xl: 2rem;--sb-radius-full: 99.9rem;--sb-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--sb-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--sb-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--sb-transition-fast: .15s ease;--sb-transition-base: .25s ease;--sb-transition-slow: .4s ease}@media screen and (min-width:750px){:root{--sb-container-padding: 4rem}}.sb-container{width:100%;max-width:var(--sb-container-max);margin-inline:auto;padding-inline:var(--sb-container-padding)}.sb-container--narrow{max-width:var(--sb-container-narrow)}.sb-section{padding-block:var(--sb-section-padding-mobile)}@media screen and (min-width:750px){.sb-section{padding-block:var(--sb-section-padding-desktop)}}.sb-grid{display:grid;gap:var(--sb-space-3)}.sb-grid--2,.sb-grid--3{grid-template-columns:1fr}.sb-grid--4{grid-template-columns:repeat(2,1fr)}@media screen and (min-width:750px){.sb-grid--2{grid-template-columns:repeat(2,1fr)}.sb-grid--3{grid-template-columns:repeat(3,1fr)}.sb-grid--4{grid-template-columns:repeat(4,1fr)}}.sb-display{font-family:var(--sb-font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}.sb-heading{font-family:var(--sb-font-heading);font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.sb-subheading{font-family:var(--sb-font-mono);font-weight:500;line-height:1.3;text-transform:uppercase;letter-spacing:.04em;font-size:var(--sb-text-sm);color:var(--sb-color-primary)}.sb-body{font-family:var(--sb-font-body);font-weight:400;line-height:1.6}.sb-text-center{text-align:center}.sb-text-uppercase{text-transform:uppercase}.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sb-space-1);padding:1.4rem 3.2rem;font-family:var(--sb-font-body);font-size:var(--sb-text-sm);font-weight:700;line-height:1;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;border:2px solid transparent;border-radius:1rem;cursor:pointer;transition:background-color var(--sb-transition-base),color var(--sb-transition-base),border-color var(--sb-transition-base),transform var(--sb-transition-fast);-webkit-appearance:none;appearance:none;max-width:100%;box-sizing:border-box}.sb-btn:active{transform:scale(.98)}.sb-btn--primary{background-color:var(--sb-color-primary);color:var(--sb-color-white);border-color:var(--sb-color-primary)}.sb-btn--primary:hover{background-color:var(--sb-color-wheat);color:var(--sb-color-charcoal);border-color:var(--sb-color-wheat)}.sb-btn--secondary{background-color:transparent;color:var(--sb-color-primary);border-color:var(--sb-color-primary)}.sb-btn--secondary:hover{background-color:var(--sb-color-primary);color:var(--sb-color-white)}.sb-btn--secondary-light{background-color:transparent;color:currentColor;border-color:currentColor}.sb-btn--secondary-light:hover{background-color:#ffffff1f}.sb-btn--ghost{background-color:transparent;color:var(--sb-color-primary);border-color:transparent;padding-inline:var(--sb-space-1)}.sb-btn--ghost:hover{color:var(--sb-color-primary-hover)}.sb-btn--sm{padding:1rem 2rem;font-size:var(--sb-text-xs)}.sb-btn--lg{padding:1.8rem 4rem;font-size:var(--sb-text-base)}.sb-btn--full{width:100%}.sb-badge{display:inline-flex;align-items:center;padding:.4rem 1.2rem;font-family:var(--sb-font-body);font-size:1rem;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--sb-radius-sm);white-space:nowrap}.sb-badge--primary{background-color:var(--sb-color-primary);color:var(--sb-color-gold)}.sb-badge--secondary{background-color:var(--sb-color-cream);color:var(--sb-color-primary)}.sb-badge--success{background-color:var(--sb-color-success);color:var(--sb-color-white)}.sb-badge--best-deal{background-color:#c41e3a;color:var(--sb-color-white)}.sb-card{background-color:var(--sb-color-white);border-radius:var(--sb-radius-lg);overflow:hidden;transition:box-shadow var(--sb-transition-base),transform var(--sb-transition-base)}.sb-card:hover{box-shadow:var(--sb-shadow-md)}.sb-card__image{width:100%;aspect-ratio:1;object-fit:cover}.sb-card__body{padding:var(--sb-space-2)}@keyframes sb-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.sb-marquee{overflow:hidden;white-space:nowrap;position:relative}.sb-marquee__track{display:inline-flex;animation:sb-marquee 30s linear infinite;will-change:transform}.sb-marquee__item{display:inline-flex;align-items:center;gap:var(--sb-space-1);padding-inline:var(--sb-space-4);font-family:var(--sb-font-mono);font-size:var(--sb-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.sb-marquee__item:before{content:"\2713";display:inline-block;margin-right:.4rem}@media(prefers-reduced-motion:reduce){.sb-marquee__track{animation:none}}.sb-carousel{position:relative;overflow:hidden}.sb-carousel__track{display:flex;gap:var(--sb-space-2);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sb-carousel__track::-webkit-scrollbar{display:none}.sb-carousel__slide{flex:0 0 auto;scroll-snap-align:start}.sb-carousel__nav{display:flex;align-items:center;gap:var(--sb-space-1)}.sb-carousel__btn{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;background-color:var(--sb-color-charcoal);color:var(--sb-color-white);border:none;border-radius:0;cursor:pointer;transition:opacity var(--sb-transition-fast)}.sb-carousel__btn:hover{opacity:.8}.sb-carousel__btn:disabled{opacity:.3;cursor:not-allowed}.sb-carousel__btn svg{width:1.6rem;height:1.6rem}.sb-accordion{border-top:1px solid var(--sb-color-border)}.sb-accordion__item{border-bottom:1px solid var(--sb-color-border)}.sb-accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--sb-space-2);padding:var(--sb-space-2) 0;font-family:var(--sb-font-body);font-size:var(--sb-text-base);font-weight:700;text-align:left;background:none;border:none;cursor:pointer;color:inherit}.sb-accordion__trigger:hover{color:var(--sb-color-primary)}.sb-accordion__icon{flex-shrink:0;width:2.4rem;height:2.4rem;transition:transform var(--sb-transition-base)}.sb-accordion__item[open] .sb-accordion__icon{transform:rotate(45deg)}.sb-accordion__content{padding-bottom:var(--sb-space-3);font-size:var(--sb-text-sm);line-height:1.6;color:var(--sb-color-gray-700)}.sb-stars{display:inline-flex;align-items:center;gap:.2rem;color:var(--sb-color-gold)}.sb-stars svg{width:1.6rem;height:1.6rem;fill:currentColor}.sb-stars__count{margin-left:var(--sb-space-1);font-family:var(--sb-font-body);font-size:var(--sb-text-sm);color:var(--sb-color-text-muted)}.sb-input{width:100%;padding:1.2rem 1.6rem;font-family:var(--sb-font-body);font-size:var(--sb-text-sm);color:var(--sb-color-text);background-color:var(--sb-color-white);border:1px solid var(--sb-color-border);border-radius:var(--sb-radius-md);transition:border-color var(--sb-transition-fast);-webkit-appearance:none;appearance:none}.sb-input:focus{outline:none;border-color:var(--sb-color-primary)}.sb-input::placeholder{color:var(--sb-color-gray-500)}.sb-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sb-img-cover{width:100%;height:100%;object-fit:cover}.sb-img-contain{width:100%;height:100%;object-fit:contain}@media screen and (max-width:749px){.sb-hide-mobile{display:none!important}}@media screen and (min-width:750px){.sb-hide-desktop{display:none!important}}.sb-heading-xl{font-family:var(--sb-font-heading);font-size:clamp(36px,4.1vw,59px);font-weight:400;line-height:1;letter-spacing:-1.44px;color:inherit;margin:0}.sb-heading-lg{font-family:var(--sb-font-heading);font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1;letter-spacing:-1.04px;color:inherit;margin:0}.sb-heading-md{font-family:var(--sb-font-heading);font-size:clamp(24px,2.3vw,33px);font-weight:400;line-height:1;letter-spacing:-.35px;color:inherit;margin:0}.sb-heading-sm{font-family:var(--sb-font-body);font-size:clamp(16px,1.5vw,21px);font-weight:400;line-height:1.1;letter-spacing:-.44px;text-transform:uppercase;color:inherit;margin:0}.sb-body-lg{font-family:var(--sb-font-body);font-size:clamp(16px,1.45vw,21px);font-weight:400;line-height:1.3;letter-spacing:-.22px;color:inherit;margin:0}.sb-label{font-family:var(--sb-font-body);font-size:clamp(10px,.85vw,12px);font-weight:400;line-height:1;text-transform:uppercase;color:inherit;margin:0}.sb-small{font-family:var(--sb-font-body);font-size:clamp(12px,.92vw,13px);font-weight:400;line-height:1.2;color:inherit;margin:0}.sb-divider{border:none;border-top:1px solid var(--sb-color-border);margin:0}.sb-page{font-family:var(--sb-font-body);color:var(--sb-color-black);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sb-page *,.sb-page *:before,.sb-page *:after{box-sizing:border-box}.sb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/53/assets/superboba-design-system.css.map */