.tutorial-featured-products{width:100%;overflow:hidden}.tutorial-featured-products .page-width{max-width:1400px;margin:0 auto;padding:0 20px}.tutorial-featured-products__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px;flex-wrap:wrap}.tutorial-featured-products__heading{margin:0;font-size:var(--heading-font-size, 28px);color:var(--heading-color, #000000);font-weight:600;line-height:1.2}.tutorial-featured-products__add-all{display:flex;align-items:center;gap:16px}.tutorial-featured-products__total-price{font-size:18px;font-weight:600;color:#000}.tutorial-featured-products__add-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:160px;padding:12px 24px;background-color:var(--button-bg-color, #000000);color:var(--button-text-color, #ffffff);border:none;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tutorial-featured-products__add-all-btn:hover:not(:disabled){background-color:var(--button-hover-bg, #333333);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.tutorial-featured-products__add-all-btn:active:not(:disabled){transform:translateY(0)}.tutorial-featured-products__add-all-btn:disabled{opacity:.7;cursor:not-allowed}.tutorial-featured-products__add-all-loading{display:inline-flex;align-items:center;justify-content:center}.tutorial-featured-products__add-all-btn .spinner{width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tutorial-featured-products__grid{display:grid;gap:24px}.tutorial-featured-product__card{position:relative;background-color:var(--card-bg-color, #ffffff);border-radius:var(--card-border-radius, 12px);overflow:visible;box-shadow:var(--card-shadow, 0 2px 8px rgba(0, 0, 0, .1));transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;isolation:isolate}.tutorial-featured-product__card:hover{box-shadow:var(--card-hover-shadow, 0 8px 20px rgba(0, 0, 0, .15));transform:translateY(-4px);padding-bottom:56px;z-index:2}.tutorial-featured-product__link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit;position:relative;overflow:hidden;border-radius:var(--card-border-radius, 12px);background-color:var(--card-bg-color, #ffffff)}.tutorial-featured-product__placeholder{display:flex;flex-direction:column;height:100%;padding:0}.tutorial-featured-product__badges{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.tutorial-featured-product__badge{display:inline-block;padding:5px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;line-height:1.2}.tutorial-featured-product__badge--new{background-color:var(--badge-new-bg, #7c6ba6);color:var(--badge-new-text, #ffffff)}.tutorial-featured-product__badge--eco{background-color:var(--badge-eco-bg, #6ba6a6);color:var(--badge-eco-text, #ffffff)}.tutorial-featured-product__image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#f9f9f9}.tutorial-featured-product__image,.tutorial-featured-product__image.placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease}.tutorial-featured-product__card:hover .tutorial-featured-product__image{transform:scale(1.05)}.tutorial-featured-product__info{display:flex;flex-direction:column;gap:8px;padding:16px;flex-grow:1}.tutorial-featured-product__rating{display:flex;align-items:center;gap:3px;margin-bottom:4px}.tutorial-featured-product__star{width:16px;height:16px;color:#d0d0d0;transition:color .2s ease}.tutorial-featured-product__star--filled{color:var(--rating-color, #000000)}.tutorial-featured-product__title{margin:0;font-size:15px;font-weight:500;color:var(--product-title-color, #000000);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:42px}.tutorial-featured-product__price{font-size:15px;font-weight:600;color:var(--product-price-color, #000000);margin-top:auto}.tutorial-featured-product__price--sale{color:#c41e3a;margin-right:8px}.tutorial-featured-product__price--compare{text-decoration:line-through;color:#999;font-size:13px;font-weight:400}.tutorial-featured-product__cart-action{position:absolute;bottom:0;left:0;right:0;width:100%;transform:translateY(100%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(to top,#fffffffa,#fffffff2);padding:12px;z-index:10;pointer-events:none}.tutorial-featured-product__card:hover .tutorial-featured-product__cart-action{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.tutorial-featured-product__add-to-cart-btn{width:100%;padding:12px 20px;background-color:#000;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:none;letter-spacing:.3px}.tutorial-featured-product__add-to-cart-btn:hover:not(:disabled){background-color:#333;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.tutorial-featured-product__add-to-cart-btn:active:not(:disabled){transform:translateY(0)}.tutorial-featured-product__add-to-cart-btn:disabled,.tutorial-featured-product__add-to-cart-btn--disabled{background-color:#999;cursor:not-allowed;opacity:.8}.tutorial-featured-product__add-to-cart-loading{display:none}.tutorial-featured-product__add-to-cart-btn .spinner-small{width:18px;height:18px;animation:spin 1s linear infinite}.tutorial-featured-products__empty{text-align:center;padding:60px 20px;color:#666;font-size:16px}@media screen and (max-width: 989px){.tutorial-featured-products__header{flex-direction:column;align-items:flex-start;gap:16px}.tutorial-featured-products__add-all{width:100%;justify-content:space-between}.tutorial-featured-products__grid{grid-template-columns:repeat(2,1fr)!important;gap:20px}.tutorial-featured-products__heading{font-size:24px}.tutorial-featured-product__info{padding:14px}}@media screen and (max-width: 749px){.tutorial-featured-products .page-width{padding:0 16px}.tutorial-featured-products__header{margin-bottom:20px}.tutorial-featured-products__heading{font-size:20px}.tutorial-featured-products__total-price{font-size:16px}.tutorial-featured-products__add-all-btn{min-width:140px;padding:10px 20px;font-size:13px}.tutorial-featured-products__grid{gap:16px}.tutorial-featured-product__badges{top:8px;left:8px;gap:4px}.tutorial-featured-product__badge{padding:4px 10px;font-size:10px}.tutorial-featured-product__info{padding:12px;gap:6px}.tutorial-featured-product__star{width:14px;height:14px}.tutorial-featured-product__title{font-size:14px;min-height:38px}.tutorial-featured-product__price{font-size:14px}.tutorial-featured-product__price--compare{font-size:12px}.tutorial-featured-product__add-to-cart-btn{padding:10px 16px;font-size:13px}.tutorial-featured-product__card:hover{padding-bottom:52px}}@media screen and (max-width: 490px){.tutorial-featured-products__add-all{flex-direction:column;align-items:stretch;gap:12px}.tutorial-featured-products__add-all-btn{width:100%}.tutorial-featured-products__total-price{text-align:center}}.tutorial-featured-product__link:focus-visible{outline:2px solid #0066ff;outline-offset:2px}.tutorial-featured-products__add-all-btn:focus-visible{outline:2px solid #0066ff;outline-offset:2px}.tutorial-featured-product__add-to-cart-btn:focus-visible{outline:2px solid #0066ff;outline-offset:2px}@media print{.tutorial-featured-products__add-all,.tutorial-featured-product__cart-action{display:none}.tutorial-featured-product__card{break-inside:avoid}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-featured-product__card{animation:fadeIn .4s ease-out forwards}.tutorial-featured-product__card:nth-child(1){animation-delay:.05s}.tutorial-featured-product__card:nth-child(2){animation-delay:.1s}.tutorial-featured-product__card:nth-child(3){animation-delay:.15s}.tutorial-featured-product__card:nth-child(4){animation-delay:.2s}.tutorial-featured-product__card:nth-child(5){animation-delay:.25s}.tutorial-featured-product__card:nth-child(6){animation-delay:.3s}.tutorial-featured-products--no-shadow .tutorial-featured-product__card{box-shadow:none}.tutorial-featured-products--compact .tutorial-featured-product__info{padding:12px}.tutorial-featured-products--large-gap .tutorial-featured-products__grid{gap:40px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tutorial-featured-products.css.map */