.spt-section,.spt-compare,.spt-compare-bar{--spt-navy: #11294B;--spt-navy-hover: #0d1f38;--spt-white: #ffffff;--spt-border: #e4e8ef;--spt-bg: #ffffff;--spt-radius: 8px;--spt-radius-pill: 9999px;--spt-card-gap: 20px;--spt-transition: .22s ease;--spt-card-width: calc((100% - (var(--spt-card-gap) * 3.3)) / 4.3)}.spt{padding:60px 40px;background:var(--spt-bg);overflow:hidden}.spt__title{color:var(--spt-navy);font-size:42px;font-weight:700;line-height:1;letter-spacing:0;text-align:center;margin:0 0 28px}.spt__subtitle{color:#555;font-size:15px;text-align:center;margin:-16px 0 32px;line-height:1.5}.spt__tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}.spt__tab{display:inline-flex;align-items:center;padding:10px 22px;border-radius:var(--spt-radius-pill);border:1.5px solid var(--spt-navy);background:var(--spt-white);color:var(--spt-navy);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--spt-transition),color var(--spt-transition);white-space:nowrap}.spt__tab:hover{background:var(--spt-white);color:var(--spt-navy);border-color:var(--spt-navy);box-shadow:inset 0 0 0 1px var(--spt-navy)}.spt__tab--active,.spt__tab[aria-selected=true]{background:var(--spt-navy);color:var(--spt-white);border-color:var(--spt-navy)}.spt__tab--active:hover,.spt__tab[aria-selected=true]:hover{background:var(--spt-navy-hover);box-shadow:none}.spt__panel{display:block}.spt__panel[hidden]{display:none}.spt__slider{display:block;position:relative}.spt__slider-header{display:flex;justify-content:flex-end;margin-bottom:16px}.spt__arrows{display:flex;gap:8px}.spt__arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--spt-navy);background:var(--spt-white);color:var(--spt-navy);cursor:pointer;transition:background var(--spt-transition),color var(--spt-transition),border-color var(--spt-transition);flex-shrink:0}.spt__arrow:hover:not(:disabled){background:var(--spt-navy);color:var(--spt-white);border-color:var(--spt-navy)}.spt__arrow:active:not(:disabled){background:var(--spt-navy-hover);color:var(--spt-white)}.spt__arrow:disabled,.spt__arrow[disabled]{opacity:.35;cursor:not-allowed}.spt__track-wrapper{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.spt__track-wrapper::-webkit-scrollbar{display:none}.spt__track-wrapper:active{cursor:grabbing}.spt__track{display:flex;gap:var(--spt-card-gap);list-style:none;margin:0;padding:4px 2px 8px;-webkit-user-select:none;user-select:none}.spt__card{flex:0 0 var(--spt-card-width);min-width:0;background:var(--spt-white);border:1px solid var(--spt-border);border-radius:var(--spt-radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--spt-transition);scroll-snap-align:start;scroll-snap-stop:always}.spt__card:hover{box-shadow:0 4px 20px #11294b1a}.spt__card-image-link{display:block;text-decoration:none}.spt__card-image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f8f9fb}.spt__card-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .35s ease}.spt__card:hover .spt__card-image{transform:scale(1.03)}.spt__card-image--placeholder{width:100%;height:100%;background:#f0f2f5}.spt__card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.spt__card-title-link{text-decoration:none}.spt__card-title{color:var(--spt-navy);font-size:18px;font-weight:500;line-height:1;letter-spacing:0;margin:0}.spt__card-price{color:var(--spt-navy);font-size:18px;font-weight:400;margin:0;line-height:1.2}.spt__card-rating{display:flex;align-items:center;gap:5px;margin-top:2px}.spt__card-stars{display:inline-flex;gap:2px;color:var(--spt-navy)}.spt__star--full{color:var(--spt-navy)}.spt__star--empty{color:var(--spt-navy);opacity:.3}.spt__card-rating-value{color:var(--spt-navy);font-size:13px;font-weight:500}.spt__card-rating-count{color:#6b7a99;font-size:12px}.spt__card-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.spt__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--spt-radius-pill);border:1.5px solid var(--spt-navy);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--spt-transition),color var(--spt-transition);white-space:nowrap;flex:1;min-width:0}.spt__btn--cart{background:var(--spt-navy);color:var(--spt-white)}.spt__btn--cart:hover:not(:disabled){background:var(--spt-white);color:var(--spt-navy)}.spt__btn--cart:disabled{opacity:.5;cursor:not-allowed}.spt__btn--cart.spt__btn--loading .spt__btn-text{display:none}.spt__btn--cart:not(.spt__btn--loading) .spt__btn-loading{display:none}.spt__btn--cart.spt__btn--loading .spt__btn-loading{display:flex}.spt__spinner{animation:spt-spin .9s linear infinite}@keyframes spt-spin{to{transform:rotate(360deg)}}.spt__btn--compare{background:var(--spt-white);color:var(--spt-navy);gap:5px;transition:background var(--spt-transition),color var(--spt-transition),border-color var(--spt-transition),transform .15s ease}.spt__btn--compare:hover{background:#f0f4f9;border-color:var(--spt-navy)}.spt__compare-check{display:inline-flex;align-items:center;flex-shrink:0}.spt__compare-icon-checked{display:none}.spt__compare-icon-unchecked{display:block}.spt__btn--compare-active{background:var(--spt-navy);color:var(--spt-white);border-color:var(--spt-navy)}.spt__btn--compare-active:hover{background:var(--spt-navy-hover)}.spt__btn--compare-active .spt__compare-icon-checked{display:block}.spt__btn--compare-active .spt__compare-icon-unchecked{display:none}.spt__compare-label{pointer-events:none}@keyframes spt-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.spt__btn--compare-shake{animation:spt-shake .4s ease}.spt__empty{color:#6b7a99;font-size:15px;padding:24px 0;list-style:none}.spt-compare-bar{position:fixed;bottom:0;left:0;right:0;z-index:8999;background:var(--spt-navy);color:var(--spt-white);box-shadow:0 -4px 24px #11294b40;animation:spt-bar-in .3s ease both}.spt-compare-bar[hidden]{display:none}@keyframes spt-bar-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.spt-compare-bar__inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:12px 28px;gap:20px}.spt-compare-bar__products{display:flex;gap:10px;align-items:center;flex-shrink:0}.spt-compare-bar__product{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.3);flex-shrink:0;animation:spt-thumb-in .25s ease both}@keyframes spt-thumb-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.spt-compare-bar__thumb{width:100%;height:100%;object-fit:contain;background:#fff;display:block}.spt-compare-bar__remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#b00020;color:#fff;border:none;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.spt-compare-bar__product:hover .spt-compare-bar__remove{opacity:1}.spt-compare-bar__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.spt-compare-bar__count{font-size:14px;font-weight:500;opacity:.85;white-space:nowrap}.spt-compare-bar__btn{padding:10px 22px;border-radius:var(--spt-radius-pill);border:1.5px solid rgba(255,255,255,.4);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--spt-transition),color var(--spt-transition),border-color var(--spt-transition);white-space:nowrap}.spt-compare-bar__btn--compare{background:var(--spt-white);color:var(--spt-navy);border-color:var(--spt-white)}.spt-compare-bar__btn--compare:hover:not(:disabled){background:#f0f4f9}.spt-compare-bar__btn--compare:disabled{opacity:.45;cursor:not-allowed}.spt-compare-bar__btn--clear{background:transparent;color:var(--spt-white);border-color:#ffffff4d}.spt-compare-bar__btn--clear:hover{background:#ffffff1a;border-color:#ffffff80}.spt-compare{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center}.spt-compare[hidden]{display:none}.spt-compare__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.spt-compare__modal{position:relative;background:var(--spt-white);border-radius:16px;width:min(1100px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 64px #11294b38;display:flex;flex-direction:column;animation:spt-modal-in .26s cubic-bezier(.34,1.56,.64,1) both}@keyframes spt-modal-in{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.spt-compare__modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--spt-border);position:sticky;top:0;background:var(--spt-white);z-index:1;border-radius:16px 16px 0 0}.spt-compare__title{color:var(--spt-navy);font-size:22px;font-weight:700;line-height:1;margin:0}.spt-compare__header-actions{display:flex;align-items:center;gap:10px}.spt-compare__add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--spt-radius-pill);border:1.5px solid var(--spt-navy);background:var(--spt-white);color:var(--spt-navy);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--spt-transition),color var(--spt-transition)}.spt-compare__add-btn:hover{background:var(--spt-navy);color:var(--spt-white)}.spt-compare__add-btn:disabled{display:none}.spt-compare__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--spt-border);background:transparent;color:var(--spt-navy);cursor:pointer;transition:background var(--spt-transition),border-color var(--spt-transition)}.spt-compare__close:hover{background:var(--spt-navy);color:var(--spt-white);border-color:var(--spt-navy)}.spt-compare__body{padding:24px 28px 28px;flex:1}.spt-compare__search-panel{margin-bottom:24px}.spt-compare__search-panel[hidden]{display:none}.spt-compare__search-hint{color:#6b7a99;font-size:14px;margin:0 0 12px}.spt-compare__search-box{position:relative;display:flex;align-items:center}.spt-compare__search-icon{position:absolute;left:14px;color:#6b7a99;pointer-events:none}.spt-compare__search-input{width:100%;padding:11px 14px 11px 42px;border:1.5px solid var(--spt-border);border-radius:var(--spt-radius-pill);font-size:14px;color:var(--spt-navy);outline:none;transition:border-color var(--spt-transition);background:#f8f9fb}.spt-compare__search-input:focus{border-color:var(--spt-navy);background:var(--spt-white)}.spt-compare__search-input::placeholder{color:#b0bac9}.spt-compare__results{list-style:none;margin:6px 0 0;padding:0;border:1.5px solid var(--spt-border);border-radius:var(--spt-radius);overflow:hidden;background:var(--spt-white);box-shadow:0 8px 24px #11294b1a;max-height:240px;overflow-y:auto}.spt-compare__results[hidden]{display:none}.spt-compare__result-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background var(--spt-transition);border-bottom:1px solid var(--spt-border)}.spt-compare__result-item:last-child{border-bottom:none}.spt-compare__result-item:hover,.spt-compare__result-item[aria-selected=true]{background:#f0f4f9}.spt-compare__result-img{width:44px;height:44px;object-fit:contain;border-radius:6px;border:1px solid var(--spt-border);background:#f8f9fb;flex-shrink:0}.spt-compare__result-info{flex:1;min-width:0}.spt-compare__result-name{color:var(--spt-navy);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spt-compare__result-price{color:#6b7a99;font-size:13px;margin-top:2px}.spt-compare__result-no{padding:16px 14px;color:#6b7a99;font-size:14px;text-align:center}.spt-compare__table-wrapper{overflow-x:auto}.spt-compare__table-wrapper[hidden]{display:none}.spt-compare__table{width:100%;border-collapse:collapse}.spt-compare__table-label{color:#6b7a99;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:14px 12px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--spt-border)}.spt-compare__table-cell{padding:14px 16px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--spt-border);color:var(--spt-navy);font-size:15px}.spt-compare__table-row--alt .spt-compare__table-cell,.spt-compare__table-row--alt .spt-compare__table-label{background:#f8f9fb}.spt-compare__prod-img{width:100%;max-width:140px;aspect-ratio:1/1;object-fit:contain;border-radius:var(--spt-radius);border:1px solid var(--spt-border);background:#f8f9fb;display:block}.spt-compare__badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--spt-radius-pill);font-size:12px;font-weight:500}.spt-compare__badge--in{background:#e6f4ea;color:#1a6630}.spt-compare__badge--out{background:#fdecea;color:#b00020}.spt-compare__stars{display:inline-flex;gap:2px;color:var(--spt-navy);align-items:center}.spt-compare__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--spt-radius-pill);border:1.5px solid var(--spt-navy);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--spt-transition),color var(--spt-transition);white-space:nowrap}.spt-compare__action-btn--cart{background:var(--spt-navy);color:var(--spt-white);display:block;width:100%;margin-bottom:8px;text-align:center}.spt-compare__action-btn--cart:hover{background:var(--spt-white);color:var(--spt-navy)}.spt-compare__action-btn--remove{background:var(--spt-white);color:#b00020;border-color:#f5c6c6;display:block;width:100%;text-align:center}.spt-compare__action-btn--remove:hover{background:#fdecea;border-color:#f5c6c6}.spt-compare__loading{padding:14px;text-align:center;color:#6b7a99;font-size:13px}@media(max-width:1199px){.spt{--spt-card-width: calc((100% - (var(--spt-card-gap) * 2.15)) / 3.15);padding:48px 24px}}@media(max-width:899px){.spt{--spt-card-width: calc((100% - (var(--spt-card-gap) * 1.175)) / 2.175);padding:40px 20px}.spt__title{font-size:32px}.spt-compare__modal{width:min(95vw,700px)}.spt-compare__prod-img{max-width:100px}}@media(max-width:599px){.spt{--spt-card-width: calc(100% - 17% - var(--spt-card-gap));padding:32px 16px}.spt__title{font-size:26px}.spt__tabs{gap:8px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.spt__tabs::-webkit-scrollbar{display:none}.spt__tab{padding:8px 16px;font-size:13px}.spt__btn{padding:9px 12px;font-size:12px}.spt-compare__modal{border-radius:16px 16px 0 0;width:100vw;max-height:90vh;position:absolute;bottom:0;left:0;right:0}.spt-compare{align-items:flex-end}@keyframes spt-modal-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.spt-compare__table-label{width:80px;font-size:11px;padding:10px 8px}.spt-compare__table-cell{padding:10px;font-size:13px}.spt-compare__prod-img{max-width:70px}.spt-compare-bar__inner{padding:10px 16px;flex-wrap:wrap;gap:10px}.spt-compare-bar__count{font-size:12px}.spt-compare-bar__btn{padding:8px 14px;font-size:12px}.spt-compare-bar__product{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/shop-by-type.css.map */