.tpr-recommendations{padding:2rem 0;margin-top:2rem;border-top:1px solid #e0e0e0}.tpr-item__checkbox{position:absolute;top:8px;left:8px;z-index:2}.tpr-item__checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#000}.tpr-item.selected{border-color:#000;box-shadow:0 0 0 2px #0000001a}.tpr-add-all-container{margin-top:2rem;padding:1rem 0}.tpr-add-all-btn{width:100%;padding:1rem 2rem;background:#000;color:#fff;border:2px solid #000;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-transform:uppercase;letter-spacing:.5px;position:relative;white-space:nowrap}.tpr-btn-text{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tpr-btn-total{background:#fff3;padding:.3rem .8rem;border-radius:6px;font-size:1.2rem;font-weight:700;min-width:80px;text-align:center;flex-shrink:0}.tpr-add-all-btn:hover:not(:disabled){background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tpr-add-all-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.tpr-add-all-btn.loading{pointer-events:none;opacity:.7}.tpr-add-all-btn.loading span{display:none}.tpr-add-all-btn.loading:after{content:"";display:inline-block;width:20px;height:20px;border:3px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.tpr-recommendations__container{max-width:100%;overflow:hidden}.tpr-recommendations__heading{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.tpr-recommendations__content{max-width:100%;margin-bottom:2rem}.tpr-recommendations__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:100%}.tpr-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.tpr-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.tpr-item__media{width:100%;aspect-ratio:1;overflow:hidden;border-radius:6px;margin-bottom:.6rem;cursor:pointer;position:relative}.tpr-item__media:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;transition:background .2s ease}.tpr-item.selected .tpr-item__media:after{background:#0000000d}.tpr-item__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tpr-item:hover .tpr-item__image{transform:scale(1.05)}.tpr-item__placeholder{width:100%;height:100%;opacity:.5}.tpr-item__info{flex:1;display:flex;flex-direction:column;gap:.5rem}.tpr-item__title{font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;color:#333;word-wrap:break-word}.tpr-item__title:hover{color:#000}.tpr-item__title a{color:inherit;text-decoration:none}.tpr-item__title a:hover{text-decoration:underline}.tpr-item__price{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.tpr-price--regular{font-size:1.5rem;font-weight:700;color:#000}.tpr-price--compare{font-size:1.2rem;color:#999;text-decoration:line-through}.tpr-price--sale{font-size:1.5rem;font-weight:700;color:#e74c3c}.tpr-item__variants{margin:.6rem 0}.tpr-variant-select{width:100%;padding:.8rem 1rem;border:2px solid #ddd;border-radius:8px;font-size:1.1rem;background:#fff;cursor:pointer;transition:border-color .2s ease;font-weight:600;color:#333}.tpr-variant-select:hover{border-color:#999}.tpr-variant-select:focus{outline:none;border-color:#000}.tpr-item__add-btn{width:100%;padding:.7rem 1rem;background:#000;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto}.tpr-item__add-btn:hover:not(:disabled){background:#333;transform:translateY(-1px)}.tpr-item__add-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.tpr-cart-icon{width:16px;height:16px}.tpr-item__add-btn.loading{pointer-events:none;opacity:.7}.tpr-item__add-btn.loading span{display:none}.tpr-item__add-btn.loading:after{content:"";display:inline-block;width:14px;height:14px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tpr-item__add-btn.success{background:#4caf50}@media screen and (max-width: 900px){.tpr-recommendations__grid{gap:1rem}.tpr-item{padding:.8rem}.tpr-item__title{font-size:1rem}.tpr-price--regular,.tpr-price--sale{font-size:1.3rem}}@media screen and (max-width: 768px){.tpr-recommendations__grid{gap:.8rem}.tpr-item{padding:.6rem}.tpr-item__title{font-size:.9rem}.tpr-variant-select{padding:.6rem .8rem;font-size:1rem}.tpr-item__add-btn{padding:.6rem .8rem;font-size:.9rem}.tpr-add-all-btn{font-size:.9rem;padding:.8rem 1rem;gap:.5rem}.tpr-btn-text{font-size:.85rem}.tpr-btn-total{font-size:1rem;padding:.2rem .6rem}}@media screen and (max-width: 550px){.tpr-recommendations__grid{grid-template-columns:1fr;gap:1rem}.tpr-item{display:flex;flex-direction:row;gap:1rem}.tpr-item__media{width:120px;min-width:120px}.tpr-item__info{flex:1}.tpr-item__title{font-size:.9rem}.tpr-price--regular,.tpr-price--sale{font-size:1rem}.tpr-add-all-btn{font-size:.8rem;padding:.7rem .8rem;gap:.5rem}.tpr-btn-text{font-size:.75rem}.tpr-btn-total{font-size:.9rem;min-width:60px;padding:.2rem .4rem}.tpr-add-all-btn svg{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/todohits-product-recommendations.css.map */