.custom-page-wrapper{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;position:relative;width:100%;padding-top:20px}.custom-page-wrapper:before{content:"";position:absolute;top:-120px;left:0;right:0;height:calc(70% + 120px);background:linear-gradient(to bottom,#ffeafa 0%,rgba(255,234,250,.8) 50%,transparent 100%);pointer-events:none;z-index:0}.custom-page-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,#ffeafa 0%,rgba(255,234,250,.8) 30%,transparent 100%);pointer-events:none;z-index:0}.myfamily-configurator{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:Poppins,sans-serif;scroll-behavior:smooth;position:relative;z-index:1}.configurator-container{position:relative;z-index:1}button:focus,input:focus,select:focus,textarea:focus,.category-btn:focus,.frame-option:focus,.background-option:focus,.character-option:focus,.woman-option:focus,.man-option:focus,.boy-option:focus,.girl-option:focus,.baby-option:focus,.animal-option:focus,.option-item:focus,.decoration-item:focus,.nav-btn:focus,.order-btn:focus,.save-character-btn:focus,.hair-btn:focus,.color-btn:focus,.animal-type-btn:focus,.phrase-select:focus,.phrase-input:focus{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}a,button,div,span,input,label,select,textarea{-webkit-tap-highlight-color:transparent}.configurator-header{text-align:center;padding:30px 20px;color:#333;position:relative}.title-container{display:flex;justify-content:center;align-items:center;position:relative;max-width:600px;margin:0 auto}.configurator-title{font-size:2.5rem;font-weight:700;margin:0;flex:1;text-align:center}.configurator-subtitle{font-size:1.1rem;margin:10px 0 30px;opacity:.9}.global-counter{background:#fff;color:#333;border:2px solid #dd1ad7;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 2px 8px #dd1ad733;cursor:pointer;transition:all .3s ease;margin-left:auto;margin-right:40px}.global-counter:hover{background:#f8f9fa;transform:scale(1.1);box-shadow:0 4px 12px #dd1ad74d}.progress-bar{display:flex;justify-content:center;gap:40px;flex-wrap:nowrap;padding:10px 0;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.progress-bar::-webkit-scrollbar{display:none}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:all .3s ease;cursor:pointer;min-width:80px;position:relative}.progress-step:hover{opacity:.8;transform:translateY(-2px)}.progress-step.active{opacity:1;transform:translateY(-2px)}.step-number{width:45px;height:45px;border-radius:50%;background:#fff;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#999;font-size:1.1rem;transition:all .3s ease;box-shadow:0 2px 5px #0000000d;z-index:2}.progress-step.active .step-number{background:#dd1ad7;color:#fff;border-color:#dd1ad7;box-shadow:0 4px 10px #dd1ad74d}.step-label{font-size:.9rem;text-align:center;font-weight:500;color:#555;white-space:nowrap}.progress-step.active .step-label{color:#dd1ad7;font-weight:700}.configurator-step{display:none;padding:40px 20px;animation:fadeIn .5s ease}.configurator-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-content{max-width:800px;margin:0 auto}.step-description{text-align:center;color:#666;margin:0 0 30px;font-size:1rem}.frame-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:800px;margin:0 auto}.frame-option{border:3px solid transparent;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff80}.frame-option:hover{border-color:#dd1ad7;box-shadow:0 8px 25px #dd1ad726;transform:translateY(-2px)}.frame-option.selected{border-color:#dd1ad7;box-shadow:0 8px 25px #dd1ad740;background:#dd1ad70d}.frame-preview{width:100%;height:250px;border-radius:8px;margin:0 0 20px;display:flex;align-items:center;justify-content:center}.frame-image{width:100%;height:100%;object-fit:contain;border-radius:4px}.frame-name{font-size:1.4rem;margin:0 0 8px;color:#333;font-weight:600}.frame-price{font-size:1.3rem;font-weight:700;color:#dd1ad7;margin:0}.character-categories{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.category-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-content:center;margin-bottom:30px;padding:10px}.category-btn{background:#fff;border:2px solid #e0e0e0;padding:15px 10px;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);font-size:1rem;font-weight:600;width:100%;min-width:auto;white-space:normal;box-shadow:0 4px 10px #00000008;display:flex;align-items:center;justify-content:center;text-align:center;color:#555}.category-btn:hover{background:#fff;border-color:#dd1ad7;color:#dd1ad7;transform:translateY(-3px);box-shadow:0 8px 20px #dd1ad726}.category-selector.has-selection .category-btn{padding:10px;font-size:.9rem;min-width:auto}.category-selector.has-selection .category-btn.active{background:#dd1ad7;color:#fff;border-color:#dd1ad7;box-shadow:0 4px 15px #dd1ad74d}.woman-images-grid,.man-images-grid,.boy-images-grid,.girl-images-grid,.baby-images-grid,.dog-images-grid,.cat-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(192px,240px));gap:20px;max-width:1000px;margin:0 auto;justify-items:center;justify-content:center}.woman-selection h3,.man-selection h3,.boy-selection h3,.girl-selection h3,.baby-selection h3,.animal-selection h3{text-align:center;margin-bottom:40px;font-size:1.8rem;color:#333}.woman-option,.man-option,.boy-option,.girl-option,.baby-option,.animal-option{border:3px solid transparent;border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;width:100%;max-width:240px;background:#fff}.woman-option:hover,.man-option:hover,.boy-option:hover,.girl-option:hover,.baby-option:hover,.animal-option:hover{border-color:#dd1ad7;box-shadow:0 8px 25px #dd1ad726;transform:translateY(-2px)}.woman-option.selected,.man-option.selected,.boy-option.selected,.girl-option.selected,.baby-option.selected,.animal-option.selected{border-color:#dd1ad7;background:#fff;box-shadow:0 8px 25px #dd1ad740}.man-type-btn,.boy-type-btn,.girl-type-btn{background:transparent;border:none;padding:0;width:100%;display:block;cursor:pointer}.woman-preview,.man-preview,.boy-preview,.girl-preview,.baby-preview,.animal-preview{width:100%;height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px;padding:0}.woman-image,.man-image,.boy-image,.girl-image,.baby-image,.animal-image{width:100%;height:100%;object-fit:contain;transform-origin:center center;display:block;margin:0 auto}.woman-image,.man-image,.boy-image,.girl-image{transform:scale(1.6)}.baby-image,.animal-image{transform:scale(1)}.animal-type-selector{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.animal-type-btn{background:#fff;border:2px solid #e0e0e0;padding:12px 30px;border-radius:25px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s ease}.animal-type-btn:hover{border-color:#dd1ad7;color:#dd1ad7}.animal-type-btn.active{background:#dd1ad7;color:#fff;border-color:#dd1ad7}.character-customization{max-width:600px;margin:30px auto;padding:30px;border-radius:16px;background:#fffc;box-shadow:0 8px 32px #0000001a;text-align:center}.customization-group{margin:0 0 25px}.customization-group label{display:block;margin:0 0 15px;font-weight:600;color:#333}.character-name{width:100%;max-width:400px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;text-align:center}.character-name:focus{outline:none;border-color:#dd1ad7}.hair-type-options,.hair-color-options,.facial-hair-options,.glasses-options,.skin-color-options{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hair-btn,.facial-hair-btn,.glasses-btn{background:#fff;border:2px solid #e0e0e0;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease;min-width:80px}.hair-btn.selected,.facial-hair-btn.selected,.glasses-btn.selected{background:#dd1ad7;color:#fff;border-color:#dd1ad7}.facial-hair-img-btn{width:60px;height:60px;border-radius:50%;padding:0;background-color:#fff;background-size:115%;background-position:center;background-repeat:no-repeat;border:2px solid #e0e0e0;min-width:auto}.facial-hair-img-btn.selected{background-color:#fff!important;border-color:#dd1ad7!important;border-width:3px;background-size:115%;background-position:center;background-repeat:no-repeat}.color-btn{width:45px;height:45px;border-radius:50%;border:3px solid #e0e0e0;cursor:pointer;transition:all .3s ease}.color-btn.selected{border-color:#dd1ad7;transform:scale(1.15)}.save-character-btn{background:linear-gradient(135deg,#dd1ad7,#c117b8);color:#fff;border:none;padding:15px 30px;border-radius:30px;cursor:pointer;font-weight:600;font-size:1.1rem;margin-top:20px;box-shadow:0 4px 15px #dd1ad74d}.save-character-btn:hover{transform:translateY(-2px)}.decorations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,200px));gap:20px;margin-bottom:30px;justify-content:center;padding:15px}.decoration-item{border:3px solid transparent;border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;background:#fff;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:200px}.decoration-item:hover{border-color:#dd1ad7;box-shadow:0 8px 25px #dd1ad726;transform:translateY(-2px)}.decoration-item.active{border-color:#dd1ad7;background:#fff;box-shadow:0 8px 25px #dd1ad740}.decoration-counter{position:absolute;top:-10px;right:-10px;background:#dd1ad7;color:#fff;font-size:.8rem;font-weight:700;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;z-index:10;box-shadow:0 2px 5px #0003}.decoration-price-badge{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:#dd1ad7;color:#fff;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:700;display:none;white-space:nowrap;box-shadow:0 2px 5px #0003;z-index:10}.decoration-price-badge.visible{display:block}.decoration-counter.visible{opacity:1}.decoration-image{width:100%;height:100%;object-fit:contain}.decoration-preview{width:100%;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.decoration-categories{margin-bottom:20px}.decoration-selector{flex-wrap:wrap}.decoration-selector .category-btn{min-width:auto;padding:10px 20px;font-size:1rem}.decoration-name{display:none}.decoration-price,.decoration-note{font-size:.85rem;color:#dd1ad7;font-weight:500}.decoration-note{color:#28a745}.selected-decorations{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:8px}.selected-list{display:flex;flex-wrap:wrap;gap:10px}.selected-decoration{background:#fff;border:2px solid #dd1ad7;border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:8px}.remove-decoration{background:#ff4757;color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem}.phrase-input-container{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:30px}.phrase-input-container:focus-within{border-color:#dd1ad7}.phrase-input{width:100%;padding:15px;border:1px solid #e0e0e0;border-radius:8px;font-size:1.1rem;margin-bottom:10px}.phrase-input:focus{outline:none;border-color:#dd1ad7}.options-container{display:grid;grid-template-columns:1fr 1fr;gap:25px}.option-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px}.option-item{display:flex;align-items:center;padding:15px;border:2px solid #f0f0f0;border-radius:8px;cursor:pointer;margin-bottom:10px;position:relative}.option-item.selected{border-color:#dd1ad7;background:#f8f4ff}.option-item input[type=radio]{position:absolute;opacity:0}.option-sample.elegante{font-family:Brush Script MT,cursive;color:#dd1ad7}.order-summary-container{max-width:700px;margin:0 auto;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px #0000000d}.summary-section{border-bottom:1px solid rgba(221,26,215,.1);padding:20px 0}.summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f8f8f8}.item-price,.total-price{color:#dd1ad7;font-weight:600}.total-price{font-size:1.8rem}.order-actions{padding:30px;display:flex;justify-content:center}.order-btn{width:100%;padding:15px 25px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.order-btn.primary{background:#dd1ad7;color:#fff}.order-btn.primary:hover{background:#c618c5;transform:translateY(-2px)}.configurator-navigation{position:relative;margin-top:40px;margin-bottom:40px;display:flex;justify-content:center;gap:20px;padding:0 20px;z-index:10;pointer-events:all}.nav-btn{width:auto;height:auto;padding:15px 40px;border-radius:50px;background:#fff;border:none;box-shadow:0 5px 20px #00000014;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-weight:600;font-size:1.1rem;color:#333;transition:all .3s ease}.nav-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:#f5f5f5;color:#999}.nav-icon-arrow svg{width:18px;height:18px;stroke-width:2.5px}@media (max-width: 768px){.configurator-navigation{position:relative;top:auto;bottom:auto;transform:none;padding:20px;background:transparent;box-shadow:none;justify-content:space-between}.nav-btn{padding:12px 25px;font-size:1rem;width:48%}}.cart-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.cart-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cart-content{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;z-index:1;box-shadow:0 20px 60px #0000004d}.cart-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.cart-item{display:flex;gap:15px;padding:15px;border-bottom:1px solid #f0f0f0;align-items:center}.remove-cart-item{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.header-cart-wrapper{position:relative;margin-left:20px}.header-cart-btn{background:#fff;border:2px solid #dd1ad7;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:#dd1ad7;transition:all .3s ease}.header-cart-btn:hover{background:#f8f4ff;transform:scale(1.05)}.cart-count-badge{position:absolute;top:-5px;right:-5px;background:#dd1ad7;color:#fff;font-size:11px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.header-cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}.header-cart-overlay.active{opacity:1;visibility:visible}.header-cart-drawer{position:fixed;top:0;right:-400px;width:100%;max-width:400px;height:100%;background:#fff;z-index:9999;transition:right .3s ease;display:flex;flex-direction:column;box-shadow:-5px 0 30px #0000001a}.header-cart-drawer.active{right:0}.drawer-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.drawer-header h3{margin:0;font-size:1.3rem}.drawer-close{background:none;border:none;font-size:2rem;cursor:pointer;line-height:1;color:#666}.dropdown-items{flex:1;overflow-y:auto;padding:20px}.dropdown-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #f5f5f5}.dropdown-item:last-child{border-bottom:none}.dropdown-item img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #eee}.dropdown-item-info{flex:1;display:flex;flex-direction:column;justify-content:center}.dropdown-item-title{font-size:.95rem;font-weight:600;color:#333;margin-bottom:5px}.dropdown-item-price{font-size:.9rem;color:#dd1ad7;font-weight:500}.remove-item-btn{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0 5px;align-self:flex-start;line-height:1;transition:color .2s}.remove-item-btn:hover{color:#dd1ad7}.dropdown-footer{padding:20px;border-top:1px solid #eee;background:#f9f9f9}.dropdown-cart-link{display:block;background:#dd1ad7;color:#fff;padding:15px;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;transition:background .2s}.dropdown-cart-link:hover{background:#c618c5}@media (max-width: 768px){.configurator-title{font-size:1.8rem}.configurator-subtitle{font-size:1rem;margin-bottom:20px}.progress-bar{gap:10px}.step-number{width:35px;height:35px}.options-container{grid-template-columns:1fr}.frame-options{grid-template-columns:1fr;gap:20px}.woman-images-grid,.man-images-grid,.boy-images-grid,.girl-images-grid,.baby-images-grid,.dog-images-grid,.cat-images-grid,.background-grid,.decorations-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:100%}.category-selector{grid-template-columns:repeat(2,1fr);gap:10px}.woman-preview,.man-preview,.boy-preview,.girl-preview,.baby-preview,.animal-preview{height:180px;padding:0;display:flex;align-items:center;justify-content:center}.myfamily-configurator{padding:10px}.configurator-step{padding:20px 0}.step-description{font-size:.9rem}}@media (max-width: 768px){.progress-bar{justify-content:flex-start;gap:15px;padding:10px 20px;margin:0 -20px 20px;width:calc(100% + 40px)}.progress-step{flex:0 0 auto;min-width:70px;width:auto}.step-number{width:38px;height:38px;font-size:1rem;margin-bottom:4px}.step-label{font-size:.8rem;white-space:normal;max-width:80px;line-height:1.2}}.header-actions{display:flex;align-items:center;gap:15px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.cart-icon-container{position:relative;cursor:pointer;color:#333;transition:color .3s ease}.cart-icon-container:hover{color:#dd1ad7}.cart-count{position:absolute;top:-8px;right:-8px;background:#dd1ad7;color:#fff;font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.background-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px;padding:10px}.background-option{border:4px solid transparent;border-radius:16px;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);background:#fff;overflow:hidden;box-shadow:0 4px 12px #00000014;position:relative}.background-option:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 24px #0000001f;z-index:1}.background-option.selected{border-color:#dd1ad7;box-shadow:0 8px 25px #dd1ad740}.background-preview{width:100%;aspect-ratio:1;margin:0;display:block;border-radius:0}.background-image{width:100%;height:100%;object-fit:cover;display:block}.background-name{display:none}.phrase-type-selector{display:flex;gap:20px;margin-bottom:20px;justify-content:center}.phrase-type-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.phrase-type-option input[type=radio]{accent-color:#dd1ad7}.phrase-select{width:100%;padding:15px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;background-color:#fff;cursor:pointer}.phrase-select:focus{outline:none;border-color:#dd1ad7}.cart-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}.cart-drawer-overlay.active{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:-400px;width:100%;max-width:400px;height:100%;background:#fff;z-index:9999;transition:right .3s ease;display:flex;flex-direction:column;box-shadow:-5px 0 30px #0000001a}.cart-drawer.active{right:0}.cart-drawer-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.cart-drawer-header h2{margin:0;font-size:1.5rem}.cart-drawer-close{background:none;border:none;font-size:2rem;cursor:pointer;line-height:1}.cart-drawer-items{flex:1;overflow-y:auto;padding:20px}.cart-drawer-item{display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5f5f5}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:8px}.cart-item-details{flex:1}.cart-item-title{font-weight:600;margin-bottom:5px;display:block}.cart-item-price{color:#dd1ad7;font-weight:600}.cart-item-remove{color:#999;font-size:.8rem;text-decoration:underline;cursor:pointer;margin-top:5px;display:inline-block}.cart-drawer-footer{padding:20px;border-top:1px solid #eee;background:#f9f9f9}.cart-total{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;margin-bottom:20px}.cart-checkout-btn{display:block;width:100%;padding:15px;background:#dd1ad7;color:#fff;text-align:center;text-decoration:none;border-radius:8px;font-weight:600;transition:background .3s ease}.cart-checkout-btn:hover{background:#c618c5}.cart-empty-message{text-align:center;color:#666;margin-top:50px}.character-name-label{display:none}.dog-images-grid,.cat-images-grid,.decorations-grid,.baby-images-grid{content-visibility:auto;contain-intrinsic-size:1000px}.load-more-btn{width:auto;padding:12px 30px;border-radius:50px;background:#fff;border:none;box-shadow:0 5px 20px #00000014;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;font-size:1rem;color:#333;transition:all .3s ease;margin:0 auto;display:inline-block}.load-more-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f;color:#dd1ad7}
/*# sourceMappingURL=/cdn/shop/t/9/assets/myfamily-configurator.css.map */