*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f7f7f7;color:#222;padding:40px 20px}.container{max-width:1400px;margin:auto}.top-section{display:grid;grid-template-columns:320px 520px 320px;gap:30px;align-items:start}.left-panel h1{font-size:42px;font-weight:700;margin-bottom:25px}.text-inputs{display:flex;flex-direction:column;gap:14px}.input-box{position:relative}.input-box input{width:100%;height:58px;border:1px solid #dcdcdc;border-radius:12px;padding:0 18px;font-size:16px;background:#fff}.input-box span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#888;font-size:13px}.preview-panel{width:100%}.preview-card{background:#d8e7e7;border-radius:24px;height:320px;display:flex;justify-content:center;align-items:center}.name-label{width:460px;height:125px;background:#fff;border-radius:18px;display:flex;align-items:center;gap:18px;padding:14px 24px;overflow:hidden;box-shadow:0 4px 12px #00000014}.name-label img{width:78px;height:78px;flex:0 0 78px;object-fit:contain}.preview-text{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;overflow:visible;padding-bottom:4px}.preview-text div{font-weight:700;line-height:1.15;white-space:nowrap;overflow:visible;padding-bottom:3px}.details-panel p{color:#666;line-height:1.7}.details-panel h2{margin-top:20px;font-size:34px}.small-text{margin-top:10px}.quantity-wrapper{display:flex;align-items:center;gap:15px;margin:25px 0}.quantity-wrapper button{width:42px;height:42px;border:none;border-radius:10px;background:#eee;cursor:pointer}.cart-btn{width:100%;height:58px;border:none;border-radius:12px;background:#78b1b4;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.configurator{margin-top:50px;background:#fff;border-radius:24px;padding:25px}.tabs{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:25px}.tab{height:50px;padding:0 24px;border:none;border-radius:30px;background:#efefef;cursor:pointer;font-weight:600}.tab.active{background:#d6eaeb}.search{height:50px;min-width:250px;border:1px solid #ddd;border-radius:12px;padding:0 15px}select{height:50px;border:1px solid #ddd;border-radius:12px;padding:0 15px}.slider-header{display:flex;justify-content:space-between;margin-bottom:20px}.slider-header button{border:none;background:#f2f2f2;border-radius:10px;padding:12px 18px;cursor:pointer}.name-label-configurator #motifGrid{display:grid!important;grid-template-columns:repeat(10,1fr)!important;gap:12px!important}.name-label-configurator #motifGrid .motif-item{height:82px!important}.motif-item{height:82px;background:#fff;border:1px solid #e6e6e6;border-radius:14px;padding:8px;cursor:pointer;transition:.25s}.motif-item:hover{transform:translateY(-3px)}.motif-item.active{border:3px solid #4f97a0}.motif-item img{width:100%;height:100%;object-fit:contain}.background-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.bg-card{height:95px;border-radius:14px;border:2px solid #e5e5e5;cursor:pointer;transition:.25s}.bg-card:hover{transform:translateY(-3px)}.bg-card.active{border:3px solid #4f97a0}.font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;margin-bottom:30px}.font-card{background:#fff;border:1px solid #ddd;border-radius:14px;padding:20px;text-align:center;cursor:pointer;font-size:24px;transition:.25s}.font-card.active{border:3px solid #4f97a0}.text-color-grid{display:grid;grid-template-columns:repeat(8,55px);gap:15px}.text-color-card{width:55px;height:55px;border-radius:50%;border:2px solid #eee;cursor:pointer}.text-color-card.active{border:4px solid #4f97a0}@media(max-width:1100px){.top-section{grid-template-columns:1fr}.preview-card{max-width:550px;margin:auto}.details-panel{max-width:550px}}@media(max-width:768px){body{padding:15px}.left-panel h1{font-size:32px}.preview-card{height:250px}.name-label{width:100%;max-width:340px;height:105px;padding:12px 18px;gap:14px}.name-label img{width:65px;height:65px;flex:0 0 65px}.motif-grid{grid-template-columns:repeat(6,1fr);gap:10px}.motif-item{height:75px}.background-grid,.font-grid{grid-template-columns:repeat(2,1fr)}.text-color-grid{grid-template-columns:repeat(4,45px)}.text-color-card{width:45px;height:45px}.search{width:100%;min-width:100%}}@media(max-width:480px){.font-grid{grid-template-columns:1fr}.motif-grid{grid-template-columns:repeat(4,1fr)}}.name-label-configurator{max-width:1400px!important;margin:0 auto!important;padding:40px 20px!important}.name-label-configurator .top-section{display:grid!important;grid-template-columns:320px 520px 320px!important;gap:30px!important;align-items:start!important}.name-label-configurator .preview-card{width:520px!important;height:320px!important;background:#d8e7e7!important;border-radius:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}.name-label-configurator .name-label{width:460px!important;height:125px!important;padding:14px 24px!important;display:flex!important;align-items:center!important;gap:18px!important;overflow:hidden!important}.name-label-configurator .name-label img{width:75px!important;height:75px!important;flex:0 0 75px!important;object-fit:contain!important}.name-label-configurator .preview-text{flex:1!important;min-width:0!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:visible!important}.name-label-configurator .preview-text div{font-weight:700!important;line-height:1.18!important;white-space:nowrap!important;overflow:visible!important;margin:0!important;padding:0 0 3px!important}.name-label-configurator .configurator{margin-top:50px!important;background:#fff!important;border-radius:24px!important;padding:25px!important}.name-label-configurator .motif-item{height:82px!important}.name-label-configurator .bg-card{height:82px!important;border-radius:14px!important;border:2px solid #e5e5e5!important;cursor:pointer!important}.name-label-configurator .text-color-grid{display:grid!important;grid-template-columns:repeat(8,55px)!important;gap:15px!important;margin-top:20px!important}.name-label-configurator .text-color-card{width:55px!important;height:55px!important;border-radius:50%!important;border:2px solid #eee!important;cursor:pointer!important}.name-label-configurator #motifSection[style*="display: none"]{display:none!important}.name-label-configurator #motifSection[style*="display: block"],.name-label-configurator #backgroundTab[style*="display: block"],.name-label-configurator #textTab[style*="display: block"]{display:block!important}.name-label-configurator .text-color-grid{display:grid;grid-template-columns:repeat(8,55px);gap:15px;margin-top:20px}.name-label-configurator #backgroundTab,.name-label-configurator #textTab{width:100%}.name-label-configurator #textColorGrid{display:grid;grid-template-columns:repeat(8,55px);gap:15px;margin-top:20px}.name-label-configurator .bg-card{width:100%;height:82px;border-radius:14px;border:2px solid #e5e5e5}.name-label-configurator .text-color-card{width:55px;height:55px;border-radius:50%;border:2px solid #eee}#backgroundTab[style*=block] #backgroundGrid,#textTab[style*=block] #textColorGrid{display:grid!important}.bg-card{background-clip:padding-box!important}.name-label-configurator #backgroundGrid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:12px!important;margin-top:20px!important}.name-label-configurator #backgroundGrid .bg-card{display:block!important;width:100%!important;height:95px!important;min-height:95px!important;border-radius:14px!important;border:2px solid #e5e5e5!important}.name-label-configurator #textColorGrid{display:grid!important;grid-template-columns:repeat(8,55px)!important;gap:15px!important;margin-top:20px!important}.name-label-configurator #textColorGrid .text-color-card{display:block!important;width:55px!important;height:55px!important;min-width:55px!important;min-height:55px!important;border-radius:50%!important;border:2px solid #eee!important}@media(max-width:768px){body{padding:0!important;overflow-x:hidden!important}.name-label-configurator{width:100%!important;padding:20px 15px!important;overflow:hidden!important}.name-label-configurator .top-section{display:flex!important;flex-direction:column!important;gap:25px!important;width:100%!important}.name-label-configurator .left-panel,.name-label-configurator .preview-panel,.name-label-configurator .details-panel{width:100%!important;max-width:100%!important}.name-label-configurator .preview-card{width:100%!important;max-width:100%!important;height:240px!important}.name-label-configurator .name-label{width:90%!important;max-width:340px!important;height:105px!important}.name-label-configurator .configurator{width:100%!important;padding:18px!important;margin-top:30px!important}.name-label-configurator .tabs{display:flex!important;gap:10px!important}.name-label-configurator .tab{height:45px!important;padding:0 18px!important;font-size:13px!important}.name-label-configurator .search,.name-label-configurator select{width:100%!important;min-width:100%!important}.name-label-configurator .motif-grid,.name-label-configurator #backgroundGrid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.name-label-configurator .motif-item,.name-label-configurator #backgroundGrid .bg-card{height:70px!important}.name-label-configurator #textColorGrid{grid-template-columns:repeat(5,45px)!important}.name-label-configurator #textColorGrid .text-color-card{width:45px!important;height:45px!important}}@media only screen and (max-width:768px){.name-label-configurator #motifGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.name-label-configurator #motifGrid .motif-item{height:80px!important;padding:8px!important}.name-label-configurator #motifGrid img{width:100%!important;height:100%!important;object-fit:contain!important}.name-label-configurator #backgroundGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.name-label-configurator #backgroundGrid .bg-card{height:80px!important}.name-label-configurator #textColorGrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;justify-items:center}.name-label-configurator .text-color-card{width:45px!important;height:45px!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/style.css.map */