.configurator-page{--c-900: #111827;--c-800: #1f2937;--c-700: #374151;--c-600: #4b5563;--c-500: #6b7280;--c-400: #d1d5db;--c-300: #e5e7eb;--c-200: #f3f4f6;--c-100: #f9fafb;--c-50: #fefeff;--brand-grad: linear-gradient(135deg, #fc00ff 0%, #00b6de 100%);--radius: 14px;--radius-pill: 56px}.configurator-container{display:flex;height:var(--cfg-h, calc(100vh - 134px) );background:#fff;position:relative}@media(max-width:992px){.configurator-container.page-width{flex-direction:column;height:unset;padding:0;max-width:100%}}.viewer-section{flex:1;min-width:50%;display:flex;flex-direction:column;position:relative}@media(max-width:992px){.viewer-section{width:100%;aspect-ratio:1/1}}.viewer-canvas{flex:1;display:flex;align-items:center;justify-content:center;min-height:500px;position:relative;overflow:hidden;background:var(--c-100)}@media(max-width:992px){.viewer-canvas{min-height:unset}}.viewer-canvas canvas{width:100%;height:100%}.viewer-placeholder{text-align:center;color:var(--c-500);padding:40px;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.viewer-placeholder p{font-size:18px;font-weight:600}.viewer-controls{position:absolute;top:16px;right:16px;display:flex;gap:10px;z-index:2;width:calc(100% - 32px);justify-content:space-between}@media(max-width:992px){.viewer-controls{justify-content:center}}.lens-switch{display:flex;gap:4px;background:#fffffff2;border:none;border-radius:var(--radius-pill);padding:5px;box-shadow:0 6px 20px #1118271a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lens-switch-btn{padding:9px 20px;background:transparent;color:var(--c-600);border:none;border-radius:var(--radius-pill);cursor:pointer;font-size:13px;font-weight:600;transition:background .25s ease,color .25s ease}@media(max-width:992px){.lens-switch-btn{font-size:11px;padding:8px 14px}}.lens-switch-btn:hover{background:var(--c-200);color:var(--c-900)}.lens-switch-btn.active{background:var(--c-900);color:#fff}.products-section{flex:1;min-width:50%;padding:0;display:flex;flex-direction:column;position:relative;overflow:hidden;height:var(--cfg-h, calc(100vh - 134px) )}@media(max-width:992px){.products-section{height:unset;overflow:visible}}.products-header{position:absolute;bottom:24px;left:24px;z-index:20}@media(max-width:992px){.products-header{display:none}}.products-header h2{font-size:24px;color:var(--c-900);margin-bottom:0}.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:12px}.tab-button{padding:14px 18px;display:flex;align-items:center;gap:8px;border:none;border-radius:10px;position:relative;background:transparent;cursor:pointer;color:var(--c-700);font-size:14px;font-weight:600;transition:background .2s ease,color .2s ease}@media(max-width:992px){.tab-button{padding:12px 8px;font-size:12px;flex-grow:1;text-align:center;justify-content:center}}.tab-button:hover:not(:disabled){color:var(--c-900);background:var(--c-100)}.tab-button.active{color:var(--c-900)}.tab-button.active:before{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:block;content:"";width:calc(100% - 28px);height:3px;border-radius:3px;background:var(--brand-grad)}.tab-button:disabled{color:var(--c-400);cursor:not-allowed;background:transparent}.tab-label{display:block;text-align:center}.tab-required,.tab-optional{position:absolute;top:-4px;right:-4px;padding:4px;border-radius:4px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1;display:none;align-items:center;gap:4px;background:var(--c-900);color:var(--c-50)}.tab-content{display:none;width:100%;height:calc(100% - 69px);overflow-y:auto;background:var(--c-100);border-top:1px solid var(--c-200)}.tab-content.active{display:block;animation:cfg-fadeIn .3s ease}@keyframes cfg-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.products-grid{display:flex;flex-wrap:wrap;gap:12px;padding:16px 16px 120px}@media(max-width:992px){.products-grid{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:16px}}.product-card{background:#fff;padding:0;cursor:pointer;position:relative;overflow:hidden;width:calc((100% - 24px) / 3);border:1px solid var(--c-300);border-radius:var(--radius);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}@media(max-width:992px){.product-card{width:44vw;flex:0 0 auto}}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1118271f;border-color:var(--c-400)}.product-card.selected{border-color:transparent}.product-card.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);padding:2px;background:var(--brand-grad);pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.product-image{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--c-100)}.product-info{padding:12px 16px 16px}.product-title{font-size:14px;font-weight:600;color:var(--c-900);margin-bottom:6px;line-height:1.4}.product-price{font-size:16px;color:var(--c-900);font-weight:700}.product-sku{font-size:11px;color:var(--c-500);margin-top:5px;letter-spacing:.02em}.stock-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;display:none}.stock-badge.in-stock{background:#16a34a;color:#fff}.stock-badge.out-of-stock{background:#dc2626;color:#fff}.empty-state{text-align:center;padding:60px 20px;color:var(--c-500)}.disabled-message{text-align:center;padding:48px 24px;color:var(--c-500);background:var(--c-50);border-radius:var(--radius);border:2px dashed var(--c-300);margin:16px}.disabled-message svg{width:56px;height:56px;opacity:.35;margin-bottom:16px}.disabled-message p{font-size:15px;font-weight:600}.selection-summary{position:absolute;bottom:24px;left:24px;right:24px;z-index:20}@media(max-width:992px){.selection-summary{position:sticky;bottom:0;top:unset;left:unset;right:unset;width:100%;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 20px #1118271a;z-index:30}}.selection-summary h3{font-size:16px;margin-bottom:15px;color:var(--c-900);display:none}.selected-items{display:none;flex-direction:column;gap:10px}.selected-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:8px 0;border-bottom:1px solid var(--c-300)}.selected-item:last-child{border-bottom:none}.selected-item-label{color:var(--c-600);font-weight:500}.selected-item-value{color:var(--c-900);font-weight:600;text-align:right;max-width:60%}.selected-item-value.not-selected{color:var(--c-500);font-style:italic}.warning-message{margin-top:15px;padding:12px 16px;background:#111827eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;font-size:13px;color:#fff;display:none;animation:cfg-slideIn .3s ease}@media(max-width:992px){.warning-message{margin-top:unset;margin-bottom:8px}}.warning-message.show{display:flex;align-items:center;gap:10px}.warning-message svg{width:20px;height:20px;flex-shrink:0}.add-to-cart-btn{width:100%;padding:18px;background:var(--brand-grad);background-size:160% 160%;background-position:left center;color:#fff;border:none;border-radius:var(--radius-pill);font-size:13px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;cursor:pointer;margin-top:20px;z-index:999;transition:background-position .5s ease,transform .2s ease,box-shadow .2s ease}@media(max-width:992px){.add-to-cart-btn{margin-top:unset;padding:13px;font-size:12px}}.add-to-cart-btn:hover:not(:disabled){background-position:right center;transform:translateY(-2px);box-shadow:0 12px 28px #fc00ff40}.add-to-cart-btn:disabled{background:var(--c-300);color:var(--c-500);cursor:not-allowed;transform:none;box-shadow:none}.cart-notification{margin-top:12px;padding:12px 16px;background:#dcfce7;border:1px solid #bbf7d0;border-radius:var(--radius);font-size:14px;color:#166534;display:none;animation:cfg-slideIn .3s ease;position:fixed;bottom:90px;right:24px;width:calc(50% - 48px);z-index:1000}.cart-notification.show{display:block}.cart-notification.error{background:#fee2e2;border-color:#fecaca;color:#991b1b}@keyframes cfg-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{position:absolute;top:0;right:0;bottom:0;left:0;background:#11182740;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;flex-direction:column;z-index:1000}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top:5px solid #fc00ff;border-radius:50%;animation:cfg-spin 1s linear infinite}@keyframes cfg-spin{to{transform:rotate(360deg)}}.loading-text{color:#fff;margin-top:20px;font-size:16px;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:10000;animation:cfg-fadeIn .2s ease}.modal-overlay.show{display:flex}.modal-box{background:#fff;border-radius:20px;padding:32px;max-width:440px;width:calc(100% - 40px);box-shadow:0 24px 60px #1118274d;animation:cfg-slideUp .3s ease}@keyframes cfg-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-icon{width:56px;height:56px;margin:0 auto 20px;background:var(--brand-grad);border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-icon svg{width:28px;height:28px;stroke:#fff}.modal-title{font-size:22px;font-weight:700;color:var(--c-900);text-align:center;margin-bottom:12px}.modal-message{font-size:15px;color:var(--c-600);text-align:center;margin-bottom:28px;line-height:1.5}.modal-buttons{display:flex;gap:12px}.modal-btn{flex:1;padding:14px 16px;border:none;border-radius:var(--radius-pill);font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.modal-btn-primary{background:var(--brand-grad);color:#fff}.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #fc00ff40}.modal-btn-secondary{background:var(--c-200);color:var(--c-700)}.modal-btn-secondary:hover{background:var(--c-300)}.modal-box-info{max-width:560px;max-height:80vh;overflow-y:auto;position:relative}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;background:var(--c-100)}.modal-close-btn svg{width:20px;height:20px;color:var(--c-900)}.modal-close-btn:hover{background:var(--c-200)}.modal-content{font-size:15px;color:var(--c-600);line-height:1.7;text-align:left}.modal-content p{margin:0 0 16px}.modal-content img{max-width:100%;height:auto;margin:16px 0;border-radius:8px}.configurator-info-icon{position:absolute;bottom:16px;right:16px;width:40px;height:40px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:help;z-index:100;box-shadow:0 6px 20px #1118271a;transition:background .3s ease,transform .3s ease}.configurator-info-icon svg{width:20px;height:20px;color:var(--c-900);transition:transform .3s ease}.configurator-info-icon:hover{background:var(--c-900);transform:scale(1.05)}.configurator-info-icon:hover svg{color:#fff;transform:rotate(15deg)}.configurator-info-icon:hover .configurator-info-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.configurator-info-tooltip{position:absolute;bottom:calc(100% + 12px);right:0;min-width:280px;max-width:320px;padding:16px;background:#111827f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:10px;font-size:13px;line-height:1.6;box-shadow:0 8px 24px #0000004d;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s ease;pointer-events:none;z-index:1000}.configurator-info-tooltip:after{content:"";position:absolute;top:100%;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(17,24,39,.95)}.configurator-info-tooltip strong,.configurator-info-tooltip a{color:#5cd6f5}.product-info-btn{position:absolute;top:10px;left:10px;width:32px;height:32px;background:#fffffff2;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px #11182726;transition:background .2s ease,transform .2s ease}.product-info-btn svg{width:18px;height:18px;color:var(--c-900);transition:transform .2s ease}.product-info-btn:hover{background:var(--c-900);transform:scale(1.1)}.product-info-btn:hover svg{color:#fff;transform:rotate(15deg)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/configurator.css.map */