.spg{padding:48px 0;--spg-accent: var(--sup-color-accent);--spg-card-bg: var(--sup-color-accent-soft);--spg-text: var(--sup-color-heading);--spg-muted: var(--sup-color-text-muted);--spg-card-radius: var(--sup-space-13);--spg-card-gap: 28px;--spg-shadow-size: 18px;--spg-shadow-gutter: 16px;--spg-img-pad-mobile: 14px;--spg-img-pad-desktop: 18px}.spg__head{margin-bottom:28px}.spg__title{font-size:clamp(24px,2vw,28px);font-weight:var(--sup-weight-bold);font-family:var(--sup-font-heading);color:var(--spg-text);line-height:1.2;margin-bottom:var(--sup-space-13)}.spg__empty{color:var(--spg-muted);text-align:center;padding:32px 0}.spg__slider-wrap{position:relative}@media(min-width:1024px){.spg:not(.spg--carousel) .spg__slider-wrap[data-overlayscrollbars]{overflow:visible!important}.spg:not(.spg--carousel) .spg__slider-wrap[data-overlayscrollbars]>.os-scrollbar{display:none!important}}.spg__grid{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px}@media(min-width:600px){.spg__grid{grid-auto-columns:46%;gap:16px}}@media(min-width:768px){.spg__grid{grid-auto-columns:30%;gap:20px}}@media(max-width:749px){.spg .spg__slider{width:calc(100% + var(--gutter, 20px));padding:20px 0;margin-top:-14px}}@media(min-width:1024px){.spg__slider{overflow:visible!important;padding:0!important;scroll-snap-type:none!important}.spg__slider::-webkit-scrollbar{display:none}.spg__grid{grid-auto-flow:row;grid-auto-columns:initial;grid-template-columns:repeat(var(--spg-cols, 4),minmax(0,1fr));gap:var(--spg-card-gap)}}.spg__nav{display:none}@media(min-width:768px)and (max-width:1023.98px){.spg__nav{display:block}}@media(min-width:750px){.spg--carousel .spg__slider{padding:24px var(--spg-shadow-gutter) 28px!important;margin-top:-12px;margin-inline:calc(-1 * var(--spg-shadow-gutter))!important;width:calc(100% + (var(--spg-shadow-gutter) * 2));scroll-padding-inline:var(--spg-shadow-gutter)}}@media(min-width:1024px){.spg--carousel .spg__slider{overflow:auto!important;scroll-snap-type:x mandatory!important;-ms-overflow-style:none;scrollbar-width:none}.spg--carousel .spg__slider::-webkit-scrollbar{display:none}.spg--carousel .spg__grid{grid-auto-flow:column;grid-template-columns:initial;grid-auto-columns:calc((100% - 60px)/4);gap:20px}}@media(min-width:1280px){.spg--carousel .spg__grid{grid-auto-columns:calc((100% - 96px)/5);gap:24px}}.spg-card-wrap{display:flex;background:transparent;border:0;box-shadow:none;--spg-accent: var(--sup-color-accent);--spg-card-bg: var(--sup-color-accent-soft);--spg-text: var(--sup-color-heading);--spg-muted: var(--sup-color-text-muted);--spg-card-radius: var(--sup-space-13);--spg-card-gap: 28px;--spg-shadow-size: 18px;--spg-img-pad-mobile: 14px;--spg-img-pad-desktop: 18px}.spg-card-wrap>.spg-card{width:100%}@media(max-width:1023.98px){.spg__slider[data-overlayscrollbars-viewport]{padding-top:16px!important;padding-left:16px!important}}.spg-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--spg-card-radius);overflow:hidden;position:relative;box-shadow:0 1px 3px #14281e0f,0 6px 14px #14281e14;transition:box-shadow .2s ease,transform .2s ease;isolation:isolate}.spg-card.has-feature-badge{overflow:visible}.spg-card.has-feature-badge .spg-card__media{border-top-left-radius:var(--spg-card-radius);border-top-right-radius:var(--spg-card-radius)}@media(min-width:1024px){.spg-card:hover{box-shadow:0 2px 6px #14281e14,0 8px 18px #14281e24;transform:translateY(-2px);z-index:2}}.spg-card__media-link{display:block;text-decoration:none;color:inherit;background:#fff;border-top-left-radius:var(--spg-card-radius);border-top-right-radius:var(--spg-card-radius);overflow:hidden}.spg-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#fff}.spg-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s ease,opacity .35s ease}.spg-card__img--hover{opacity:0;pointer-events:none}@media(hover:hover)and (min-width:1024px){.spg-card.has-hover-img:hover .spg-card__img--primary{opacity:0}.spg-card.has-hover-img:hover .spg-card__img--hover{opacity:1}.spg-card:hover .spg-card__img{transform:scale(1.03)}}.spg-card__body{background:var(--spg-card-bg);padding:var(--sup-space-21);display:flex;flex-direction:column;flex:1;border-bottom-left-radius:var(--spg-card-radius);border-bottom-right-radius:var(--spg-card-radius)}.spg-card__feature-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;white-space:nowrap;background:var(--spg-accent);color:var(--sup-color-on-accent);padding:6px 12px;border-radius:999px;font-size:var(--sup-fs-xs);font-weight:var(--sup-weight-bold);line-height:1.2;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 2px 8px #14281e2e;pointer-events:none}@media(max-width:749px){.spg-card__feature-badge{top:0;left:50%;transform:translate(-50%,-50%);padding:5px 10px;font-size:var(--sup-fs-2xs)}}.spg-card__rating{display:flex;align-items:center;gap:6px;font-size:var(--sup-fs-xs);color:var(--spg-muted)}.spg-card__stars{--rating: 0;--rating-max: 5;font-size:var(--sup-fs-md);letter-spacing:1px;line-height:1;background:linear-gradient(90deg,#f5c518 calc(var(--rating) / var(--rating-max) * 100%),#00000026 calc(var(--rating) / var(--rating-max) * 100%));-webkit-background-clip:text;background-clip:text;color:transparent}.spg-card__rating-count{font-size:var(--sup-fs-xs);color:var(--spg-muted)}.spg-card__title{display:block;font-size:var(--sup-fs-body);font-weight:var(--sup-weight-bold);font-family:var(--sup-font-heading);color:var(--spg-text);text-decoration:none;line-height:1.3;margin:var(--sup-space-8) 0 0}.spg-card__title:hover{color:var(--spg-accent)}.spg-card__subtitle{font-size:var(--sup-fs-sm);color:var(--spg-muted);font-weight:var(--sup-weight-semibold);margin-top:var(--sup-space-8)}.spg-card__variants{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sup-space-8)}.spg-card__variant{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--sup-fs-xs);font-weight:var(--sup-weight-semibold);border-radius:999px;background:#fff;color:var(--spg-text);text-decoration:none;border:1px solid rgba(0,0,0,.05);transition:background .15s,color .15s}.spg-card__variant:hover{background:var(--spg-accent);color:var(--sup-color-on-accent)}.spg-card__desc{font-size:var(--sup-fs-sm);line-height:1.45;color:var(--spg-text);margin:var(--sup-space-13) 0 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spg-card__prices{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:var(--sup-space-21);margin-bottom:var(--sup-space-21)}.spg-card__price{font-size:17px;font-weight:var(--sup-weight-bold);color:var(--spg-text)}.spg-card__price--compare{font-weight:var(--sup-weight-normal);font-size:var(--sup-fs-sm);color:var(--spg-muted);text-decoration:line-through}.spg-card__form{margin-top:auto}.spg-card__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:4.5rem;padding:0 var(--sup-space-21);background:var(--spg-accent);color:var(--sup-color-on-accent);border:none;border-radius:var(--sup-space-13);font-size:var(--sup-fs-body);font-weight:var(--sup-weight-semibold);font-family:inherit;text-transform:none;cursor:pointer;transition:background .15s ease}.spg-card__btn:hover{background:var(--sup-color-accent-hover)}.spg-card__btn:disabled{background:#aac4ba;cursor:not-allowed}.spg-card__unit{font-size:var(--sup-fs-2xs);color:var(--spg-muted);text-align:left;margin-top:var(--sup-space-13)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/supplementa-product-grid.css.map */