.solutions-tabs{--tabs-accent: #838A60;--tabs-btn-bg: var(--tabs-accent);--tabs-heading-color: #040032;--tabs-text-color: #040032;--border-radius: 8px;--transition-speed: .3s;--font-heading: "Muli", serif;--font-body: "Muli", sans-serif;padding:40px 0;background:#fff;font-family:var(--font-body);color:var(--tabs-text-color)}.solutions-tabs__container{max-width:1400px;margin:auto;padding:0 15px}.solutions-tabs__heading-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:25px}.solutions-tabs__title{font-family:var(--font-heading);font-size:32px;color:var(--tabs-heading-color);text-align:center;margin:0;font-weight:600}.solutions-tabs__heading-icon{width:40px;height:40px;object-fit:contain}@media(max-width:767px){.solutions-tabs__title{font-size:24px}.solutions-tabs__heading-icon{width:32px;height:32px}}@media(max-width:585px){.solutions-tabs__title{font-size:22px;line-height:1.3}.solutions-tabs__heading-icon{width:28px;height:28px}}.solutions-tabs__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;position:relative}.solutions-tab-trigger{font-family:var(--font-body);padding:8px 18px;border-radius:40px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;font-size:14px;transition:all var(--transition-speed) ease;white-space:nowrap}.solutions-tab-trigger.active{background:var(--tabs-btn-bg);color:#fff}.solutions-tab-trigger:hover:not(.active){border-color:var(--tabs-btn-bg);background:#f9f9f9}.tab-mobile-wrapper{display:none}@media(max-width:585px){.solutions-tabs__nav{display:none}.tab-mobile-wrapper{display:block;margin-bottom:25px}.tab-visible-container{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:0;scroll-behavior:smooth}.tab-visible-container::-webkit-scrollbar{display:none}.tab-mobile-nav{display:flex;gap:8px;padding:2px 0;width:max-content}.tab-mobile-trigger{font-family:var(--font-body);padding:6px 16px;border-radius:40px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;font-size:13px;white-space:nowrap;flex-shrink:0;transition:all var(--transition-speed) ease}.tab-mobile-trigger.active{background:var(--tabs-btn-bg);color:#fff;border-color:var(--tabs-btn-bg)}.tab-progress-bar{display:none}}@media(max-width:400px){.tab-visible-container{margin-bottom:12px}.tab-progress-bar{display:block;width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;position:relative}.tab-progress-fill{height:100%;background:var(--tabs-heading-color);transition:width .2s ease;border-radius:2px;position:absolute;left:0;top:0;width:0%}}.solutions-panel-wrapper{position:relative}.solutions-tab-panel{display:none}.solutions-tab-panel[hidden]{display:none!important}.solutions-tab-panel.active{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}.solutions-tab-panel.active::-webkit-scrollbar{display:none}.solution-card{border:1px solid #eee;border-radius:var(--border-radius);padding:12px;display:flex;flex-direction:column;background:#fff;transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease;flex-shrink:0;scroll-snap-align:start;position:relative;container-type:inline-size;container-name:solution-card}.solution-card:hover{transform:translateY(-2px);border-color:var(--tabs-btn-bg)}.solution-card__image-wrapper{position:relative;overflow:hidden;border-radius:4px;margin-bottom:12px}.solution-card__image-link{display:block;position:relative}.solution-card__title-link{color:inherit;text-decoration:none}.solution-card__title-link:hover .solution-card__title,.solution-card__title-link:focus-visible .solution-card__title{text-underline-offset:.16em}.solution-card__image{width:100%;height:auto;border-radius:4px;object-fit:cover;aspect-ratio:1 / 1;display:block}.solution-card__image--primary{opacity:1;transition:opacity var(--transition-speed) ease}.solution-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--transition-speed) ease}@media(hover:hover)and (pointer:fine){.solution-card__image-wrapper--has-hover:hover .solution-card__image--primary,.solution-card__image-wrapper--has-hover:focus-within .solution-card__image--primary{opacity:0}.solution-card__image-wrapper--has-hover:hover .solution-card__image--secondary,.solution-card__image-wrapper--has-hover:focus-within .solution-card__image--secondary{opacity:1}}.solution-card__badges{position:absolute;top:0;left:8px;right:8px;display:flex;flex-direction:column;gap:6px;z-index:2}.solution-card__badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-body);display:inline-block;width:fit-content}.solution-card__badge--sale{position:relative;background:#f44;color:#fff;overflow:hidden;contain:paint;transform:translateZ(0);will-change:transform}.solution-card__badge--sale:after{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);transform:skew(-20deg);animation:solution-sale-shimmer 2.6s ease-in-out infinite}@keyframes solution-sale-shimmer{to{left:150%}}@media(prefers-reduced-motion:reduce){.solution-card__badge--sale:after{animation:none}}.solution-card__badge--sold-out{position:absolute;top:0;right:8px;z-index:3;background:#666;color:#fff}.solution-card__badge--coming-soon{background:#1a1a1a;color:#fff}.solution-card__title{font-family:var(--font-body);font-size:14px;font-weight:600;margin:0;color:var(--tabs-text-color);line-height:1.4;min-height:42px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.solution-card__variants{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.variant-pill{padding:5px 12px;border-radius:20px;border:1.5px solid #ddd;background:#fff;font-size:12px;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500}.variant-pill.active{background:var(--tabs-btn-bg);color:#fff;border-color:var(--tabs-btn-bg)}.variant-pill.disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}@media(min-width:1024px){.solution-card{min-width:calc(25% - 12px);max-width:calc(25% - 12px)}}@media(min-width:768px)and (max-width:1023px){.solution-card{min-width:calc(33.333% - 11px);max-width:calc(33.333% - 11px)}}@media(min-width:375px)and (max-width:767px){.solution-card{min-width:calc(50% - 8px);max-width:calc(50% - 8px)}}@media(max-width:374px){.solution-card{min-width:100%;max-width:100%;scroll-snap-align:center}.solutions-tab-panel.active{gap:0}}@media(min-width:768px)and (max-width:1023px){.solution-card__badges,.solution-card__badge--sold-out{top:0}.solution-card__badges{left:7px}.solution-card__badge--sold-out{right:7px}.solution-card__badge{padding:4px 9px;font-size:10px}}@media(min-width:375px)and (max-width:767px){.solution-card__badges,.solution-card__badge--sold-out{top:0}.solution-card__badges{left:6px}.solution-card__badge--sold-out{right:6px}.solution-card__badge{padding:3px 8px;font-size:9px;letter-spacing:.3px}}@media(max-width:374px){.solution-card__badges,.solution-card__badge--sold-out{top:0}.solution-card__badges{left:6px}.solution-card__badge--sold-out{right:6px}.solution-card__badge{padding:3px 7px;font-size:9px;letter-spacing:.2px;border-radius:3px}}@container solution-card (max-width: 220px){.solution-card__badges,.solution-card__badge--sold-out{top:0}.solution-card__badges{left:6px}.solution-card__badge--sold-out{right:6px}.solution-card__badge{padding:3px 7px;font-size:9px;letter-spacing:.2px}}@container solution-card (max-width: 160px){.solution-card__badges{flex-direction:column;align-items:flex-start;left:4px}.solution-card__badge--sold-out{right:4px}.solution-card__badge{padding:2px 6px;font-size:8px;letter-spacing:.1px;border-radius:3px}}.solution-card__price-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.solution-card__price{font-family:var(--font-body);font-weight:700;color:#000;font-size:18px}.solution-card__price--sale{color:#f44}.solution-card__compare-price{font-family:var(--font-body);font-size:14px;color:#999;text-decoration:line-through;font-weight:400}.solution-card__price-qty-wrapper{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.qty-box{display:flex;border:1px solid #ddd;border-radius:4px;overflow:hidden;flex-shrink:0}.qty-box:focus-within{border-color:var(--tabs-btn-bg);box-shadow:0 0 0 1px var(--tabs-btn-bg)}.qty-btn{width:28px;height:28px;border:none;background:#f9f9f9;cursor:pointer;font-size:16px;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:#e9e9e9}.qty-input{width:35px;border:none;text-align:center;font-size:13px;font-family:var(--font-body);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;font-weight:600}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}.qty-input:focus{outline:none}.atc-btn{width:100%;padding:12px;background:var(--tabs-btn-bg);color:#fff;border:none;border-radius:4px;font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;font-size:13px;position:relative}.atc-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.atc-btn:active:not(:disabled){transform:scale(.98)}.atc-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.atc-btn.loading{pointer-events:none}.atc-btn.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.atc-btn.success{background:#28a745}.carousel-controls{display:none;position:absolute;top:40%;left:0;right:0;width:100%;justify-content:space-between;pointer-events:none;z-index:10;padding:0 5px;transform:translateY(-50%)}.carousel-controls.active{display:flex}.carousel-btn{pointer-events:auto;width:44px;height:44px;border-radius:50%;background:var(--tabs-btn-bg);color:#fff;border:none;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .3s ease;opacity:1}.carousel-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.carousel-btn:disabled{opacity:.3;cursor:not-allowed;transform:scale(1)}.carousel-btn:active:not(:disabled){transform:scale(.95)}@media(max-width:767px){.carousel-btn{width:40px;height:40px;font-size:20px}.carousel-controls{top:35%}}.solutions-tab-panel-empty{width:100%;min-height:220px;border:1px dashed #d9d9d9;border-radius:var(--border-radius);display:grid;place-items:center;padding:24px;text-align:center;color:#5b5b5b;background:#faf8f4}.solutions-tab-trigger:focus-visible,.tab-mobile-trigger:focus-visible,.variant-pill:focus-visible,.qty-btn:focus-visible,.atc-btn:focus-visible,.carousel-btn:focus-visible{outline:2px solid var(--tabs-heading-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){.solutions-tab-trigger,.tab-mobile-trigger,.solution-card,.solution-card__image--primary,.solution-card__image--secondary,.variant-pill,.qty-btn,.atc-btn,.carousel-btn,.tab-progress-fill{transition:none}.solutions-tab-panel.active,.tab-visible-container{scroll-behavior:auto}.solution-card:hover,.atc-btn:hover:not(:disabled),.carousel-btn:hover:not(:disabled){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/solution-card.css.map */