.scarf-builder{--sb-primary: #333;--sb-secondary: #666;--sb-border: #e5e5e5;--sb-bg: #fff;--sb-bg-hover: #f9f9f9;--sb-accent: #000;--sb-success: #22c55e;--sb-error: #ef4444;--sb-spacing: 1.5rem;--sb-radius: 8px;--sb-transition: .3s ease;max-width:1400px;margin:0 auto;padding:var(--sb-spacing)}.scarf-builder__header{text-align:center;margin-bottom:2rem}.scarf-builder__title{font-size:2rem;font-weight:600;color:var(--sb-primary);margin:0 0 .5rem}.scarf-builder__subtitle{font-size:1rem;color:var(--sb-secondary);margin:0}.scarf-builder__steps{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.scarf-builder__step{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--sb-bg);border:1px solid var(--sb-border);border-radius:50px;opacity:.5;transition:all var(--sb-transition)}.scarf-builder__step--active{opacity:1;border-color:var(--sb-accent);background:var(--sb-accent)}.scarf-builder__step--active .scarf-builder__step-number,.scarf-builder__step--active .scarf-builder__step-label{color:#fff}.scarf-builder__step--completed{opacity:1;border-color:var(--sb-success)}.scarf-builder__step--completed .scarf-builder__step-number{background:var(--sb-success);color:#fff}.scarf-builder__step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--sb-border);font-size:.75rem;font-weight:600;color:var(--sb-secondary)}.scarf-builder__step-label{font-size:.875rem;font-weight:500;color:var(--sb-secondary)}.scarf-builder__step-divider{width:30px;height:2px;background:var(--sb-border)}.scarf-builder__grid{display:grid;gap:1rem}.scarf-builder__grid--7x2{grid-template-columns:repeat(7,1fr)}@media (max-width: 1200px){.scarf-builder__grid--7x2{grid-template-columns:repeat(5,1fr)}}@media (max-width: 900px){.scarf-builder__grid--7x2{grid-template-columns:repeat(4,1fr)}}@media (max-width: 700px){.scarf-builder__grid--7x2{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.scarf-builder__grid--7x2{grid-template-columns:repeat(2,1fr)}.scarf-builder__step-label{display:none}.scarf-builder__step{padding:.5rem}}.scarf-builder__grid-item{position:relative;display:flex;flex-direction:column;background:var(--sb-bg);border:2px solid var(--sb-border);border-radius:var(--sb-radius);overflow:hidden;cursor:pointer;transition:all var(--sb-transition);text-align:left;padding:0}.scarf-builder__grid-item:hover{border-color:var(--sb-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.scarf-builder__grid-item:focus{outline:none;border-color:var(--sb-accent);box-shadow:0 0 0 3px #0000001a}.scarf-builder__grid-item:disabled{cursor:not-allowed;opacity:.6}.scarf-builder__grid-item:disabled:hover{transform:none;box-shadow:none}.scarf-builder__item-image{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#f5f5f5}.scarf-builder__item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--sb-transition)}.scarf-builder__grid-item:hover .scarf-builder__item-image img{transform:scale(1.05)}.scarf-builder__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.scarf-builder__placeholder svg{width:40%;height:40%;color:#ccc}.scarf-builder__item-info{padding:.75rem}.scarf-builder__item-title{font-size:.875rem;font-weight:500;color:var(--sb-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scarf-builder__item-price{font-size:.8rem;color:var(--sb-secondary)}.scarf-builder__collection-item .scarf-builder__item-title{padding:.75rem;text-align:center;font-weight:600}.scarf-builder__sold-out-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:#000000b3;color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;border-radius:4px}.scarf-builder__products-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.scarf-builder__products-title{font-size:1.5rem;font-weight:600;color:var(--sb-primary);margin:0}.scarf-builder__back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--sb-border);border-radius:var(--sb-radius);color:var(--sb-secondary);font-size:.875rem;cursor:pointer;transition:all var(--sb-transition)}.scarf-builder__back-btn:hover{background:var(--sb-bg-hover);border-color:var(--sb-primary);color:var(--sb-primary)}.scarf-builder__back-btn svg{flex-shrink:0}.scarf-builder__pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--sb-border)}.scarf-builder__pagination-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--sb-bg);border:1px solid var(--sb-border);border-radius:var(--sb-radius);color:var(--sb-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--sb-transition)}.scarf-builder__pagination-btn:hover:not(:disabled){background:var(--sb-accent);border-color:var(--sb-accent);color:#fff}.scarf-builder__pagination-btn:disabled{opacity:.4;cursor:not-allowed}.scarf-builder__pagination-info{font-size:.875rem;color:var(--sb-secondary)}.scarf-builder__product-display{transition:opacity var(--sb-transition)}.scarf-builder__product-header{margin-bottom:1.5rem}.scarf-builder__product-container{min-height:400px}.scarf-builder__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.scarf-builder__spinner{width:40px;height:40px;border:3px solid var(--sb-border);border-top-color:var(--sb-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scarf-builder__loading p{margin:0;color:var(--sb-secondary);font-size:.875rem}.scarf-builder__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center}.scarf-builder__error p{margin:0;color:var(--sb-error)}.scarf-builder__retry-btn{padding:.75rem 1.5rem;background:var(--sb-accent);border:none;border-radius:var(--sb-radius);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--sb-transition)}.scarf-builder__retry-btn:hover{opacity:.9}[data-step]{transition:opacity var(--sb-transition)}.scarf-builder__product-container .hdt-main-product{padding:0}.scarf-builder__product-container .teeinblue-enabled{display:block}.scarf-builder__product-display{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--sb-border)}.scarf-builder__product-display-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.scarf-builder__customize-title{font-size:1.5rem;font-weight:600;color:var(--sb-primary);margin:0}.scarf-builder__close-product{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--sb-border);border-radius:var(--sb-radius);color:var(--sb-secondary);font-size:.875rem;cursor:pointer;transition:all var(--sb-transition)}.scarf-builder__close-product:hover{background:var(--sb-error);border-color:var(--sb-error);color:#fff}.scarf-builder__product-item--selected{border-color:var(--sb-accent)!important;box-shadow:0 0 0 3px #0003!important}.scarf-builder__product-item--selected:after{content:"\2713";position:absolute;top:.5rem;left:.5rem;width:24px;height:24px;background:var(--sb-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scarf-builder.css.map */