@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700;900&display=swap";.maviva-customizer-section *{box-sizing:border-box;font-family:Red Hat Display,sans-serif}.maviva-customizer-section{position:relative;z-index:1;color:var(--text-color, #F1F1E6);padding:var(--padding-top-desktop) 0 var(--padding-bottom-desktop) 0;min-height:80vh}.maviva-cust-bg-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background-color:var(--bg-color, #121412)}.maviva-cust-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(var(--bg-blur));transform:scale(1.1);z-index:0}.maviva-cust-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:var(--bg-overlay-opacity);z-index:1}.maviva-cust-mega-title{text-align:center;font-size:var(--mega-title-size-desktop);font-weight:900;text-transform:uppercase;letter-spacing:-2px;margin:0 0 50px;background:linear-gradient(to right,var(--accent-color, #4CAF50),#ffffff,var(--accent-color, #4CAF50));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shineMegaTitle 4s linear infinite;text-shadow:0 10px 30px rgba(0,0,0,.5);padding:0 20px}@keyframes shineMegaTitle{to{background-position:200% center}}.maviva-cust-container{max-width:1400px;margin:0 auto;padding:0 24px}.maviva-top-grid{display:grid;grid-template-columns:380px 1fr;gap:40px;align-items:stretch;margin-bottom:40px}.mockup-side{display:flex;flex-direction:column;gap:16px}.mockup-outer{background:#c6b093;border-radius:32px;overflow:hidden;box-shadow:0 20px 40px #0000004d;display:flex;align-items:center;justify-content:center;width:100%}.mockup-stage{position:relative;width:100%;aspect-ratio:4 / 5}.mockup-base-img{width:100%;height:100%;object-fit:contain;object-position:center;transition:filter .3s ease,transform .3s ease}.mockup-base-img.is-switching{filter:blur(6px) brightness(.9);transform:scale(.98)}.mockup-disclaimer{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 16px;font-size:13px;color:var(--text-color);opacity:.9;display:flex;align-items:center;gap:10px;line-height:1.4}.mockup-disclaimer svg{width:24px;height:24px;fill:var(--accent-color);flex-shrink:0}.mockup-print-area{position:absolute;top:25%;left:30%;width:40%;height:45%;border:2px dashed rgba(76,175,80,.6);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;z-index:10}.mockup-print-area.has-image{border-color:#4caf5033}.mockup-uploaded-img{width:100%;height:100%;object-fit:contain;object-position:center center;opacity:0;transform:scale(.9);transition:all .4s ease;mix-blend-mode:var(--blend-mode, multiply)}.mockup-print-area.has-image .mockup-uploaded-img{opacity:1;transform:scale(1)}.info-wrapper{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:32px;padding:40px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center}@media(min-width:991px){.cust-info-summary{pointer-events:none;cursor:default;list-style:none;outline:none}.cust-info-summary *{pointer-events:auto}.cust-summary-icon{display:none!important}}.cust-info-summary::-webkit-details-marker{display:none}.cust-badge{align-self:flex-start;display:inline-block;background:linear-gradient(135deg,#4caf50,#2d5a27);color:#121412;font-size:11px;font-weight:900;text-transform:uppercase;padding:6px 14px;border-radius:50px;margin-bottom:16px}.cust-title{font-size:clamp(32px,3vw,48px);font-weight:900;line-height:1.1;margin:0 0 20px;transition:none!important;transform:none!important}.cust-title:hover{transform:none!important;color:inherit!important;text-decoration:none!important}.cust-description{font-size:16px;line-height:1.6;opacity:.85;margin-top:15px}.cust-description table{width:100%;border-collapse:separate;border-spacing:0;margin:25px 0;background:#0003;border-radius:12px;overflow:hidden;border:1px solid var(--accent-color)}.cust-description th{background:#4caf5026;color:var(--accent-color, #4CAF50);font-weight:800;text-transform:uppercase;font-size:13px;padding:14px 16px;text-align:center;border-bottom:1px solid var(--accent-color);border-right:1px solid var(--accent-color);letter-spacing:1px}.cust-description th:last-child{border-right:none}.cust-description td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--accent-color);border-right:1px solid var(--accent-color);color:var(--text-color);text-align:center}.cust-description td:last-child{border-right:none}.cust-description tr:last-child td{border-bottom:none}.cust-description tr:hover td{background:#ffffff0a}.maviva-bottom-controls{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:32px;padding:40px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controls-inner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.step-box{border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:30px;display:flex;flex-direction:column;position:relative;transition:transform .3s ease,border-color .3s ease;box-shadow:0 10px 30px #0000001a}.step-box-1{background:linear-gradient(145deg,#4caf500d,#ffffff03)}.step-box-2{background:linear-gradient(145deg,#2196f30a,#ffffff03)}.step-box-3{background:linear-gradient(145deg,#ffc1070a,#ffffff03)}.step-box-4{background:linear-gradient(145deg,#9c27b00a,#ffffff03)}.step-box:hover{border-color:#ffffff26;transform:translateY(-4px)}.inner-step-box{background:#00000026;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;display:flex;flex-direction:column}.cust-tutorial{font-size:13px;opacity:.85;margin-top:0;margin-bottom:20px;line-height:1.5;background:#ffffff08;padding:12px;border-radius:12px;border-left:3px solid var(--accent-color)}.cust-tutorial strong{color:var(--accent-color)}.cust-controls-group{display:flex;flex-direction:column;flex-grow:1}.cust-label{display:block;font-size:16px;font-weight:900;text-transform:uppercase;margin-bottom:12px;color:#fff;letter-spacing:1px}.cust-sub-label{display:block;font-size:13px;font-weight:800;text-transform:uppercase;color:var(--accent-color);margin-bottom:12px;opacity:.9}.cust-color-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:10px;width:100%}.maviva-color-btn{width:100%;height:46px;border-radius:50px;cursor:pointer;border:2px solid rgba(255,255,255,.2);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.maviva-color-btn:before{content:attr(aria-label);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.maviva-color-btn[data-color=white]{background:#fff}.maviva-color-btn[data-color=white]:before{color:#111}.maviva-color-btn[data-color=black]{background:#111}.maviva-color-btn[data-color=black]:before{color:#fff}.maviva-color-btn.is-active{border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 8px 20px #4caf5066}.cust-view-selector{display:flex;gap:10px;flex-wrap:wrap;width:100%}.step-3-split{display:flex;flex-direction:column;gap:20px;margin-top:10px;flex-grow:1;width:100%}.cust-size-selector{display:flex;gap:12px;width:100%}.cust-align-selector{display:flex;gap:8px;width:100%}.maviva-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:50px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-color);font-family:inherit;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.maviva-pill svg{width:16px;height:16px;fill:currentColor;display:none}.maviva-pill.is-active,.maviva-pill:hover{border-color:var(--accent-color);background:#4caf501a;color:var(--accent-color)}.maviva-pill.is-premium-size{border-color:gold;color:gold;box-shadow:inset 0 0 10px #ffd7001a}.maviva-pill.is-premium-size.is-active,.maviva-pill.is-premium-size:hover{background:#ffd70026;box-shadow:0 0 15px #ffd7004d;color:gold;border-color:gold}.pill-saved-indicator{display:none;align-items:center;justify-content:center;margin-left:2px;color:var(--bg-color);background:var(--accent-color);border-radius:50%;padding:2px}.pill-saved-indicator svg{width:10px;height:10px;fill:currentColor;display:block}.maviva-pill.has-file .pill-saved-indicator{display:inline-flex}.size-pill-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 1 0;min-width:0}.size-btn{padding:10px 4px;font-size:12px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.size-cm-text{font-size:11px;opacity:.7;color:var(--text-color);text-align:center}.size-cm-text.is-premium-text{color:gold;opacity:.9;font-weight:700}.maviva-align-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:10px 4px;border-radius:50px;border:1px solid rgba(255,255,255,.15);background:#0003;color:var(--text-color);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;flex:1 1 0;min-width:0;white-space:nowrap}.maviva-align-btn.is-active,.maviva-align-btn:hover{border-color:var(--accent-color);background:#4caf501a;color:var(--accent-color);transform:translateY(-2px)}.cust-current-side{font-size:14px;margin-bottom:12px;color:var(--text-color);opacity:.9}.cust-current-side strong{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px}.hidden-file-input,.hidden-size-input,.hidden-style-input,.hidden-extra-graphics-fee,.hidden-sizes-fee,.hidden-color-input,.hidden-align-input{display:none}.cust-dropzone{border:2px dashed var(--accent-color);border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#0003;width:100%}.cust-dropzone:hover,.cust-dropzone.dragover{background:#4caf500d}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:10px}.dropzone-icon{width:42px;height:42px;fill:var(--accent-color);margin-bottom:10px}.dropzone-preview-img{max-height:100px;object-fit:contain;margin-bottom:10px;border-radius:8px}.dropzone-text{font-size:16px;font-weight:500;pointer-events:none}.dropzone-text strong{color:var(--accent-color)}.dropzone-hint{font-size:13px;opacity:.6;pointer-events:none;margin-top:5px}.cust-remove-img{display:inline-flex;align-items:center;justify-content:center;background:#ff5252;border:none;color:#fff;font-family:inherit;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:14px 28px;border-radius:50px;cursor:pointer;margin-top:20px;transition:all .3s ease;box-shadow:0 4px 15px #ff52524d;align-self:center}.cust-remove-img svg{margin-right:8px;width:18px;height:18px;fill:currentColor;display:block}.cust-remove-img:hover{background:#e00000;box-shadow:0 6px 20px #ff525280;transform:translateY(-2px)}.cust-sticky-action{position:sticky;bottom:20px;background:#121412f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:100;margin-top:40px;box-shadow:0 20px 40px #0009}.cust-sticky-action .cust-price{margin:0;font-size:28px;font-weight:900;color:var(--accent-color);transition:color .3s}.maviva-btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 32px;border-radius:50px;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:transform .2s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease,background .3s,color .3s;border:none;flex-grow:1}.btn-primary{background:linear-gradient(135deg,var(--accent-color) 0%,#2D5A27 100%);color:#121412;box-shadow:0 8px 20px #0000004d}.btn-primary:hover:not(:disabled){box-shadow:0 10px 25px #4caf5066;transform:translateY(-3px)}.btn-primary:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed;box-shadow:none;transform:none}@media(max-width:990px){.maviva-customizer-section{padding:var(--padding-top-mobile) 0 var(--padding-bottom-mobile) 0}.maviva-cust-mega-title{font-size:var(--mega-title-size-mobile);margin-bottom:30px}.maviva-cust-container{padding:0 16px}.maviva-top-grid{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.mockup-outer{border-radius:24px}.info-wrapper{padding:20px 24px;border-radius:24px}.cust-info-summary{cursor:pointer;display:flex;flex-direction:column;outline:none;pointer-events:auto}.cust-header{position:relative;margin-bottom:0}.cust-summary-icon{display:flex!important;position:absolute;right:0;top:50%;transform:translateY(-50%);width:32px;height:32px;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;transition:transform .3s ease}.cust-summary-icon svg{width:16px;height:16px;fill:#fff}.cust-info-details[open] .cust-summary-icon{transform:translateY(-50%) rotate(180deg)}.cust-title{font-size:28px;margin-bottom:0;padding-right:40px}.maviva-bottom-controls{padding:20px;border-radius:24px}.controls-inner-grid{grid-template-columns:1fr;gap:20px}.step-box{padding:20px;border-radius:20px}.cust-view-selector{display:flex;flex-direction:column;gap:10px;width:100%}.cust-view-selector .maviva-pill{width:100%;justify-content:center}.step-3-split{flex-direction:column;gap:24px}.cust-size-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.size-pill-wrapper{flex:auto}.size-btn{padding:12px 16px;font-size:14px;white-space:normal}.cust-align-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.maviva-align-btn{flex:auto;padding:12px;font-size:13px;white-space:normal}.maviva-align-btn[data-align=center]{grid-column:span 2}.cust-sticky-action{position:fixed;bottom:0;left:0;width:100%;padding:16px 20px 24px;margin:0;border-radius:24px 24px 0 0;border-left:none;border-right:none;border-bottom:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/maviva-customizer.css.map */