.customizer-page-wrapper{background:#09090e;padding:40px 30px!important;width:100%;box-sizing:border-box}.customizer-container{max-width:1260px;margin:0 auto;padding:0 20px;font-family:sans-serif;box-sizing:border-box}.customizer-intro h1{color:#fff;font-size:2.2rem;margin:0 0 5px 0}.customizer-intro p{color:#8a8a9e;font-size:.95rem;margin:0 0 25px 0}.customizer-steps{display:flex;gap:30px;margin-bottom:30px}.customizer-steps .step{display:flex;align-items:center;gap:8px;color:#4a4a5a;font-weight:700;font-size:.9rem}.customizer-steps .step.active{color:#a14cfc}.customizer-steps .step-num{width:24px;height:24px;background:#1c1c24;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#7a7a8a}.customizer-steps .step.active .step-num{background:#6a1b9a;color:#fff}.customizer-workspace{display:flex;gap:30px;align-items:flex-start;background-color:#fff;border-radius:20px}.controls-column{flex:1;background:#f4f5f9;border-radius:20px 0 0 20px;padding:30px;display:flex;flex-direction:column;gap:30px}.section-box{background:#fff0}.section-box h2{font-size:1.05rem;color:#111;margin:0 0 15px 0;display:flex;align-items:center;gap:8px;font-weight:700}.section-box h2 i{color:#6a1b9a}.form-grid{display:flex;gap:15px}.form-group{flex:1;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;color:#666;font-weight:700}.form-group select{padding:10px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:.9rem}.case-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.case-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px 10px;text-align:center;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.case-card.active{border:2px solid #6a1b9a}.badge-check{position:absolute;top:-8px;right:-8px;background:#6a1b9a;color:#fff;width:20px;height:20px;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center}.case-img-placeholder{width:45px;height:80px;border-radius:6px;background:#ddd;margin-bottom:4px}.transparent-case{background:linear-gradient(135deg,#fff 25%,#f0f0f0 25%,#f0f0f0 50%,#fff 50%,#fff 75%,#f0f0f0 75%);background-size:10px 10px;border:1px solid #ccc}.black-case{background:#1a1a1a}.tough-case{background:#333;border:2px solid #111}.wallet-case{background:#4a3b32;position:relative}.case-name{font-size:.8rem;font-weight:700;color:#222}.case-price{font-size:.8rem;color:#6a1b9a;font-weight:700}.design-actions{display:flex;gap:10px}.btn-action{flex:1;padding:12px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.btn-purple-action{background:#6a1b9a;color:#fff;border-color:#6a1b9a}.file-info{font-size:.75rem;color:#888;margin-top:5px;display:block}.controls-footer-box{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding-top:20px;margin-top:10px}.price-label{font-size:.8rem;color:#666;display:block}.total-amount{font-size:1.6rem;font-weight:700;color:#6a1b9a}.btn-preview-main{background:#6a1b9a;color:#fff;padding:14px 28px;border:none;border-radius:6px;font-weight:700;cursor:pointer}.mini-badges-grid{display:flex;gap:15px;margin-top:10px}.mini-badge{display:flex;gap:8px;align-items:center;flex:1}.mini-badge i{color:#6a1b9a;font-size:1.2rem}.mini-badge strong{font-size:.75rem;color:#222;display:block}.mini-badge span{font-size:.7rem;color:#666}.preview-column{width:480px;display:flex;flex-direction:column;align-items:center;padding:20px}.editor-toolbar{display:flex;gap:15px;margin-bottom:30px}.editor-toolbar button{background:#fff0;border:none;color:#8a8a9e;cursor:pointer;font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:5px}.editor-toolbar button:hover{color:#fff}.editor-toolbar button i{font-size:1.2rem}.canvas-area-wrapper{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:40px 0}.mock-anchor{position:absolute;width:6px;height:6px;background:#a14cfc;border-radius:50%}.anchor-top{top:0;left:50%}.anchor-left{left:40px;top:50%}.anchor-right{right:40px;top:50%}.anchor-bottom{bottom:0;left:50%}.customizer-container .main-phone-mockup{width:260px;height:520px;border-radius:36px;box-shadow:0 25px 50px rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;border:4px solid #333;overflow:hidden;position:relative!important;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1}.customizer-container .design-layer-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden;pointer-events:none;mix-blend-mode:multiply}.customizer-container #af-preview-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;display:block}.customizer-container .cam-lens-mock{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:99999!important;pointer-events:none;background-size:cover;background-position:center center;background-repeat:no-repeat;display:block!important}.customizer-container .placeholder-design-text{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:5!important;text-align:center;color:#fff;font-weight:700;font-size:1.2rem;padding:20px;width:80%;pointer-events:none;display:block}.placeholder-design-text{text-align:center;color:#fff;font-weight:700;font-size:1.8rem;letter-spacing:2px}.placeholder-design-text .small-text{font-size:1rem;font-style:italic;font-weight:400}.angle-thumbs-container{position:absolute;right:0;top:10%;display:flex;flex-direction:column;gap:20px}.thumb-item{text-align:center;cursor:pointer}.thumb-item span{color:#8a8a9e;font-size:.75rem;display:block;margin-top:4px}.thumb-preview-box{width:65px;height:110px;background:#1a1a24;border:1px solid #333;border-radius:6px}.thumb-item.active .thumb-preview-box{border-color:#a14cfc}.preview-notice-box{border:1px solid #1c1c28;border-radius:8px;padding:15px;display:flex;gap:10px;color:#8a8a9e;font-size:.75rem;margin-top:20px;width:100%;box-sizing:border-box}.preview-notice-box i{color:#a14cfc;font-size:1.1rem}.global-features-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #1c1c28;padding-top:30px;margin-top:50px;background:#fff0;box-shadow:none}.feature-item-capas{display:flex;gap:12px;align-items:center;background:#fff0;padding:0;box-shadow:none}.feature-item-capas i{color:#a14cfc;font-size:1.4rem}.feature-item-capas strong{color:#fff;font-size:.85rem;display:block;margin-bottom:2px}.feature-item-capas span{color:#8a8a9e;font-size:.75rem;display:block}@media (max-width:768px){.customizer-container{padding:0 10px!important;max-width:100%!important;overflow-y:auto!important}.customizer-container .customizer-workspace{display:flex!important;flex-direction:column!important;gap:30px!important}.customizer-container .controls-column,.customizer-container .preview-column{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.customizer-container .case-types-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.customizer-container .global-features-footer{grid-template-columns:repeat(2,1fr)!important;gap:20px 15px!important}.customizer-container .mini-badges-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:15px!important;width:100%!important}.customizer-container .mini-badge{flex-direction:column!important;text-align:center!important;align-items:center!important}.customizer-container .canvas-area-wrapper{display:flex!important;flex-direction:column!important;align-items:center!important;padding:20px 0!important}.customizer-container .angle-thumbs-container{position:relative!important;right:auto!important;top:auto!important;flex-direction:row!important;justify-content:center!important;gap:20px!important;margin-top:25px!important;width:100%!important}.controls-column{border-radius:20px}}.af-ajustes-imagem{margin-top:25px;margin-bottom:25px;padding:15px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.af-controlo-grupo{margin-bottom:18px}.af-controlo-grupo label{display:block;font-size:.9rem;font-weight:600;color:#334155;margin-bottom:8px}.af-controlo-flex{display:flex;align-items:center;gap:12px}.af-controlo-flex button{width:36px;height:36px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.af-controlo-flex button:hover{background:#e2e8f0;color:#0f172a}.af-controlo-flex input[type="range"]{flex:1;height:6px;border-radius:4px;background:#cbd5e1;cursor:pointer}.customizer-workspace,.customizer-workspace>div{position:relative!important}.customizer-workspace>div:first-child{max-height:550px;overflow-y:auto!important;padding-right:10px}.customizer-steps .step{opacity:.5;transition:all 0.3s ease}.customizer-steps .step.active{opacity:1!important;font-weight:700}.customizer-steps .step.active .step-num{background-color:#7c3aed!important;color:#ffffff!important;border-color:#7c3aed!important}.customizer-top-actions{display:none}@media (max-width:768px){.customizer-top-actions{display:flex}.af-btn-mobile-topo{width:34px;height:34px;border-radius:6px;border:none;background:#000;color:#fff;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;padding:0}.af-btn-mobile-topo.btn-limpar-topo{width:auto;padding:0 8px;gap:4px;font-size:.85rem;font-weight:600}}.customizer-top-actions .af-btn-mobile-topo:not(.btn-limpar-topo){display:none}.customizer-top-actions .af-divisor-mobile{display:none!important}@media (max-width:768px){.customizer-top-actions .af-btn-mobile-topo:not(.btn-limpar-topo){display:flex}.customizer-top-actions .af-divisor-mobile{display:block!important}}.af-accordion-content{display:none;overflow:hidden}.af-product-slider-wrapper h4{font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.af-slider-container{position:relative;display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;overflow:hidden;box-shadow:inset 0 2px 4px rgb(0 0 0 / .02)}#af-slider-imagem-real{width:100%!important;height:350px!important;max-height:350px!important;object-fit:contain!important;border-radius:8px!important;transition:opacity 0.3s ease;display:block;margin:0 auto}#af-slider-prev,#af-slider-next{position:absolute;background:rgb(15 23 42 / .7);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease,transform 0.2s ease;z-index:10}#af-slider-prev:hover,#af-slider-next:hover{background:rgb(15 23 42 / .9);transform:scale(1.05)}#af-slider-prev{left:15px}#af-slider-next{right:15px}#af-slider-prev i,#af-slider-next i{font-size:.8rem}#af-modal-preview.af-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(15 23 42 / .85);display:none;justify-content:center;align-items:center;z-index:999999;padding:10px}#af-modal-preview .af-modal-content{background:#fff;color:#1e293b;width:90%;max-width:950px;min-width:850px;border-radius:16px;padding:15px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .5);overflow:hidden;border:1px solid #e2e8f0;height:600px}#af-modal-preview .af-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #e2e8f0;padding-bottom:8px}#af-modal-preview .af-modal-header h3{margin:0;font-size:1.3rem;font-weight:700;color:#0f172a}#af-modal-preview .af-close-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#64748b}#af-modal-preview .af-modal-body{display:flex;gap:25px;padding:5px 0;align-items:stretch}#af-modal-preview .af-modal-visual-column{flex:1.1;display:flex;justify-content:center;align-items:center;background:#f8fafc;border-radius:12px;padding:5px;border:1px solid #e2e8f0}#af-modal-preview #af-modal-canvas-mirror{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#af-modal-preview .af-modal-info-column{flex:1;display:flex;flex-direction:column;justify-content:flex-start}#af-modal-preview .af-modal-disclaimer{font-size:.82rem;color:#475569;background:#f8fafc;padding:10px;border-radius:8px;border-left:4px solid #7c3aed;margin-bottom:12px}#af-modal-preview .af-modal-info-column h4{font-size:1.05rem;font-weight:700;margin:0 0 8px 0;color:#0f172a}#af-modal-preview .af-summary-list{list-style:none;padding:0;margin:0;font-size:.9rem;line-height:1.6;color:#334155}#af-modal-preview .af-summary-list span{font-weight:600;color:#0f172a}#af-modal-preview .af-summary-list #summary-imagem{color:#7c3aed;word-break:break-all}#af-modal-preview .af-summary-subspecs{background:#f1f5f9;padding:8px 12px;border-radius:8px;font-size:.85rem;margin-top:4px;color:#475569;font-family:monospace;line-height:1.4}#af-modal-preview .af-modal-actions-sidebar{display:flex;flex-direction:column;gap:8px;margin-top:15px}#af-modal-preview .af-modal-actions-sidebar button{width:100%;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s}#af-modal-preview #af-btn-modal-back{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}#af-modal-preview #af-btn-modal-pay{background:#7c3aed;color:#fff;border:none;box-shadow:0 4px 6px -1px rgb(124 58 237 / .3)}#af-modal-preview #af-modal-canvas-mirror img{width:auto;height:auto;max-width:100%;max-height:450px!important;object-fit:contain;display:block}@media (max-width:768px){#af-modal-preview .af-modal-content{width:95%;min-width:0;max-width:100%;max-height:95vh;padding:15px;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}#af-modal-preview .af-modal-header{flex-shrink:0}#af-modal-preview .af-modal-body{flex-direction:column;gap:15px;overflow-y:auto;min-height:0;flex:1}#af-modal-preview .af-modal-visual-column{width:100%;padding:5px;flex-shrink:0}#af-modal-preview #af-modal-canvas-mirror img{max-height:250px;width:auto}#af-modal-preview .af-modal-info-column{width:100%;flex-shrink:0}#af-modal-preview .af-modal-actions-sidebar{position:sticky;bottom:0;margin-top:15px;padding-top:10px;padding-bottom:5px;gap:10px;background:#fff;z-index:10}}#af-modal-preview .placeholder-design-text,.main-phone-mockup .placeholder-design-text{display:block;color:#7c3aed!important;font-weight:600;font-size:1.1rem;text-align:center;z-index:99999!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%}