:root{--sb-color-brown: #974E26;--sb-color-brown-dark: #482922;--sb-color-brown-light: #B8764E;--sb-color-accent: #FF5E00;--sb-color-cream: #FEFAF5;--sb-color-cream-deep: #FFEEDE;--sb-color-white: #FFFFFF;--sb-color-page: #FFFFFF;--sb-color-cream-light: var(--sb-color-cream);--sb-color-warm-white: var(--sb-color-page);--sb-color-gray-200: #E5DDD5;--sb-color-gray-500: #8A7B6D;--sb-color-gray-700: #5C4F42;--sb-color-heading: #482922;--sb-color-primary: var(--sb-color-brown);--sb-color-primary-hover: #482922;--sb-color-secondary: #5C2E14;--sb-color-secondary-fill: #FFF3E3;--sb-color-secondary-fill-text: #83380C;--sb-color-background: var(--sb-color-page);--sb-color-surface: var(--sb-color-white);--sb-color-text: #482922;--sb-color-text-muted: var(--sb-color-gray-500);--sb-color-on-dark: #FFEEDE;--sb-color-border: var(--sb-color-gray-200);--sb-color-outline: #482922;--sb-color-dark-section: var(--sb-color-brown-dark);--sb-color-marquee: var(--sb-color-brown-dark);--sb-color-star: var(--sb-color-brown);--sb-flavor-classic: #B5622A;--sb-flavor-oolong: #8E3558;--sb-flavor-hojicha: #6B4332;--sb-flavor-jasmine: #2EAE6D;--sb-flavor-earlgrey: #2B6B7A;--sb-flavor-matcha: #5B8C3A;--sb-flavor-genmaicha: #A8802F;--sb-flavor-peachoolong: #D2703F;--sb-color-on-accent: #FFFFFF;--sb-color-success: #2E7D32;--sb-color-error: #C62828;--sb-color-footer-bg: var(--sb-color-brown-dark);--sb-color-footer-text: var(--sb-color-on-dark);--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-weight-body: 400;--sb-weight-medium: 500;--sb-weight-ui: 700;--sb-weight-price: 800;--sb-text-xs: 1.1rem;--sb-text-sm: clamp(1.2rem, 1.1rem + .2vw, 1.4rem);--sb-text-base: clamp(1.4rem, 1.36rem + .1vw, 1.5rem);--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.4rem);--sb-text-3xl: clamp(2.6rem, 2rem + 1.6vw, 3.4rem);--sb-text-4xl: clamp(3.4rem, 2.6rem + 2vw, 5.2rem);--sb-text-h2-lg: clamp(2.8rem, 2rem + 2.3vw, 4.8rem);--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: 6rem;--sb-section-padding-mobile: 4rem;--sb-container-max: 135rem;--sb-container-narrow: 80rem;--sb-container-padding: 2rem;--sb-radius-btn: 1.4rem;--sb-radius-card: 1.2rem;--sb-radius-badge: 99.9rem;--sb-radius-input: .8rem;--sb-radius-sm: .4rem;--sb-radius-md: .8rem;--sb-radius-lg: 1.2rem;--sb-radius-xl: 2rem;--sb-radius-full: 99.9rem;--sb-border-w: 2px;--sb-punch-offset: 4px;--sb-shadow-punch: var(--sb-punch-offset) var(--sb-punch-offset) 0 var(--sb-color-outline);--sb-shadow-punch-secondary: var(--sb-punch-offset) var(--sb-punch-offset) 0 var(--sb-color-secondary);--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:var(--sb-radius-btn);white-space:nowrap;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-primary-hover);color:var(--sb-color-white);border-color:var(--sb-color-primary-hover)}.sb-btn--dark{background:linear-gradient(to right,var(--sb-color-brown) 25%,var(--sb-color-brown-dark) 100%);color:var(--sb-color-white);border-color:var(--sb-color-brown-dark)}.sb-btn--dark:hover{background:linear-gradient(to right,var(--sb-color-brown) 25%,var(--sb-color-brown-dark) 100%);border-color:var(--sb-color-brown-dark);opacity:.9}.sb-btn-price{display:inline-flex;align-items:center;gap:0;width:100%}.sb-btn-price__label{flex:1;text-align:left}.sb-btn-price__divider{width:1px;height:2.4rem;background:#ffffff40;margin-inline:1.6rem;flex-shrink:0}.sb-btn-price__prices{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.sb-btn-price__original{text-decoration:line-through;opacity:.5;font-weight:400}.sb-btn-price__sale{font-weight:700}.sb-btn-price__arrow{margin-left:.8rem;opacity:.7}.sb-btn--secondary{background-color:var(--sb-color-secondary-fill);color:var(--sb-color-secondary-fill-text);border-color:var(--sb-color-secondary)}.sb-btn--secondary:hover{background-color:var(--sb-color-secondary);color:var(--sb-color-white);border-color:var(--sb-color-secondary)}.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-card-punch{background:var(--sb-color-white);border:var(--sb-border-w) solid var(--sb-color-outline);border-radius:var(--sb-radius-card);box-shadow:var(--sb-shadow-punch)}.sb-btn--punch{border:var(--sb-border-w) solid var(--sb-color-outline);box-shadow:var(--sb-shadow-punch)}.sb-btn--punch:hover{transform:translate(-1px,-1px)}.sb-btn--punch:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--sb-color-outline)}.sb-btn--secondary.sb-btn--punch{border-color:var(--sb-color-secondary);box-shadow:var(--sb-shadow-punch-secondary)}.sb-btn--secondary.sb-btn--punch:active{box-shadow:0 0 0 var(--sb-color-secondary)}.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-white)}.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-brown-dark);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-star)}.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}.sb-btn{width:100%;justify-content:center;text-align:center}}@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-brown-dark);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/55/assets/superboba-design-system.css.map */