.spt-section,.spt-compare{--spt-black: #111111;--spt-white: #ffffff;--spt-blush: #c9a89a;--spt-blush-hover: #b89080;--spt-blush-light: #e8d5ce;--spt-bg: #fdf8f5;--spt-bg-card: #ffffff;--spt-bg-image: #f5f0ec;--spt-text: #1a1a1a;--spt-text-sub: #555555;--spt-text-muted: #999999;--spt-border: #e8e0da;--spt-radius: 10px;--spt-radius-pill: 9999px;--spt-card-gap: 20px;--spt-transition: .2s ease;--spt-card-width: calc((100% - (var(--spt-card-gap) * 3.3)) / 4.3)}.spt{padding:64px 40px;background:var(--spt-bg);overflow:hidden}.spt__title{color:var(--spt-black);font-size:42px;font-weight:700;line-height:1;letter-spacing:-.01em;text-align:center;margin:0 0 10px}.spt__title:after{content:"";display:block;width:48px;height:2px;background:var(--spt-blush);border-radius:2px;margin:12px auto 0}.spt__subtitle{color:var(--spt-text-sub);font-size:15px;text-align:center;margin:0 0 36px;line-height:1.6}.spt__tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:36px;margin-top:24px}.spt__tab{display:inline-flex;align-items:center;padding:9px 22px;border-radius:var(--spt-radius-pill);border:1.5px solid var(--spt-black);background:var(--spt-black);color:var(--spt-white);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--spt-transition),color var(--spt-transition),border-color var(--spt-transition);white-space:nowrap}.spt__tab:hover{background:var(--spt-blush);border-color:var(--spt-blush);color:var(--spt-white)}.spt__tab--active,.spt__tab[aria-selected=true]{background:var(--spt-blush);color:var(--spt-white);border-color:var(--spt-blush)}.spt__tab--active:hover,.spt__tab[aria-selected=true]:hover{background:var(--spt-blush-hover);border-color:var(--spt-blush-hover)}.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:18px}.spt__arrows{display:flex;gap:8px}.spt__arrow{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--spt-border);background:var(--spt-white);color:var(--spt-text-sub);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-black);color:var(--spt-white);border-color:var(--spt-black)}.spt__arrow:active:not(:disabled){background:#333;color:var(--spt-white)}.spt__arrow:disabled,.spt__arrow[disabled]{opacity:.3;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 12px;-webkit-user-select:none;user-select:none}.spt__card{flex:0 0 var(--spt-card-width);min-width:0;background:var(--spt-bg-card);border:1px solid var(--spt-border);border-radius:var(--spt-radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--spt-transition),transform var(--spt-transition);scroll-snap-align:start;scroll-snap-stop:always}.spt__card:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-2px)}.spt__card-image-link{display:block;text-decoration:none}.spt__card-image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--spt-bg-image)}.spt__card-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .38s ease}.spt__card:hover .spt__card-image{transform:scale(1.04)}.spt__card-image--placeholder{width:100%;height:100%;background:var(--spt-bg-image)}.spt__card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:5px;flex:1}.spt__card-title-link{text-decoration:none}.spt__card-title{color:var(--spt-text);font-size:14px;font-weight:500;line-height:1.4;margin:0}.spt__card-title-link:hover .spt__card-title{color:var(--spt-blush-hover)}.spt__card-price{color:var(--spt-text);font-size:15px;font-weight:500;margin:0;line-height:1.3}.spt__card-rating{display:flex;align-items:center;gap:5px;margin-top:2px}.spt__card-stars{display:inline-flex;gap:2px;color:var(--spt-blush)}.spt__star--full{color:var(--spt-blush)}.spt__star--empty{color:var(--spt-blush);opacity:.25}.spt__card-rating-value{color:var(--spt-text);font-size:13px;font-weight:500}.spt__card-rating-count{color:var(--spt-text-muted);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);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--spt-transition),color var(--spt-transition),border-color var(--spt-transition);white-space:nowrap;flex:1;min-width:0}.spt__btn--cart{background:var(--spt-black);color:var(--spt-white);border:1.5px solid var(--spt-black)}.spt__btn--cart:hover:not(:disabled){background:#333;border-color:#333}.spt__btn--cart:disabled{opacity:.45;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-text-sub);border:1.5px solid var(--spt-border)}.spt__btn--compare:hover{border-color:var(--spt-blush);color:var(--spt-blush-hover)}.spt__empty{color:var(--spt-text-muted);font-size:15px;padding:24px 0;list-style:none}.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:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.spt-compare__modal{position:relative;background:var(--spt-white);border-radius:16px;width:min(860px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 64px #0000002e;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-black);font-size:22px;font-weight:700;line-height:1;margin:0}.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-text-sub);cursor:pointer;transition:background var(--spt-transition),border-color var(--spt-transition),color var(--spt-transition)}.spt-compare__close:hover{background:var(--spt-black);color:var(--spt-white);border-color:var(--spt-black)}.spt-compare__body{padding:24px 28px 28px;flex:1}.spt-compare__search-panel{margin-bottom:24px}.spt-compare__search-hint{color:var(--spt-text-muted);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:var(--spt-text-muted);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-text);outline:none;transition:border-color var(--spt-transition);background:var(--spt-bg)}.spt-compare__search-input:focus{border-color:var(--spt-blush);background:var(--spt-white)}.spt-compare__search-input::placeholder{color:var(--spt-text-muted)}.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 #0000001a;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:var(--spt-bg)}.spt-compare__result-img{width:44px;height:44px;object-fit:contain;border-radius:6px;border:1px solid var(--spt-border);background:var(--spt-bg-image);flex-shrink:0}.spt-compare__result-info{flex:1;min-width:0}.spt-compare__result-name{color:var(--spt-text);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spt-compare__result-price{color:var(--spt-text-sub);font-size:13px;margin-top:2px}.spt-compare__result-no{padding:16px 14px;color:var(--spt-text-muted);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;table-layout:fixed}.spt-compare__table-label{width:120px;color:var(--spt-text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;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-text);font-size:15px}.spt-compare__table-row--alt .spt-compare__table-cell,.spt-compare__table-row--alt .spt-compare__table-label{background:var(--spt-bg)}.spt-compare__table-row--actions .spt-compare__table-cell{border-bottom:none}.spt-compare__prod-img{width:100%;max-width:160px;aspect-ratio:1/1;object-fit:contain;border-radius:var(--spt-radius);border:1px solid var(--spt-border);background:var(--spt-bg-image);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-blush);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);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--spt-transition),color var(--spt-transition),border-color var(--spt-transition);white-space:nowrap}.spt-compare__action-btn--cart{background:var(--spt-black);color:var(--spt-white);border:1.5px solid var(--spt-black);display:block;width:100%;margin-bottom:8px;text-align:center}.spt-compare__action-btn--cart:hover{background:#333;border-color:#333}.spt-compare__action-btn--remove{background:var(--spt-white);color:#b00020;border:1.5px solid #f5c6c6;display:block;width:100%;text-align:center}.spt-compare__action-btn--remove:hover{background:#fdecea}.spt-compare__loading{padding:14px;text-align:center;color:var(--spt-text-muted);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}}@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}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/shop-by-type.css.map */