:root{--dp-bg: #000000;--dp-card: #12141c;--dp-c: #00E5FF;--dp-m: #FF00B8;--dp-y: #FFD200;--dp-text: rgba(255, 255, 255, .9);--dp-muted: rgba(255, 255, 255, .5);--dp-border: rgba(255, 255, 255, .12);--dp-error: #ff3366;--dp-success: #00e676;--font-main: "Red Hat Display", system-ui, sans-serif}.pdi-kit-wrapper{background-color:var(--dp-bg);color:var(--dp-text);font-family:var(--font-main);padding:40px 20px 80px;overflow-x:hidden}.pdi-kit-wrapper *{box-sizing:border-box}.pdi-kit-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.pdi-kit-top-grid{display:grid;grid-template-columns:45% 55%;gap:25px;align-items:stretch;margin-bottom:10px;height:420px}.pdi-kit-gallery-wrap,.pdi-kit-info-wrap{display:flex;flex-direction:column;height:100%;overflow:hidden}.pdi-kit-gallery{background:var(--dp-card);border:1px solid var(--dp-border);border-radius:20px;padding:20px;display:flex;height:100%;align-items:center;justify-content:center}.pdi-kit-main-image{width:100%;height:100%;object-fit:contain;border-radius:12px;display:block}.pdi-kit-no-img{margin:auto;padding:50px;text-align:center;color:var(--dp-muted);font-size:14px;border:1px dashed var(--dp-border);border-radius:12px;width:100%}.pdi-kit-header-card{background:linear-gradient(180deg,#151720,#0a0c10);border:1px solid var(--dp-border);border-radius:20px;padding:35px;display:block;height:100%;overflow-y:auto}.pdi-kit-header-card::-webkit-scrollbar{width:6px}.pdi-kit-header-card::-webkit-scrollbar-track{background:transparent;margin:15px 0}.pdi-kit-header-card::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.pdi-kit-header-card::-webkit-scrollbar-thumb:hover{background:var(--dp-c)}.pdi-kit-badge-wrap{margin-bottom:15px;flex-shrink:0}.pdi-kit-badge{display:inline-block;background:#00e5ff1a;color:var(--dp-c);padding:6px 14px;border-radius:99px;font-size:12px;font-weight:800;text-transform:uppercase;border:1px solid rgba(0,229,255,.3)}.pdi-kit-header-card h1{font-size:34px;font-weight:900;margin:0 0 15px;line-height:1.1;color:#fff;text-transform:uppercase;letter-spacing:-.02em;flex-shrink:0}.pdi-kit-description{font-size:15px;color:var(--dp-text);line-height:1.6;margin:0}.pdi-kit-tutorial-box{background:#00e5ff14;border-left:3px solid var(--dp-c);padding:15px 20px;border-radius:0 10px 10px 0;font-size:14px;color:#fff;margin-bottom:25px;line-height:1.5}.pdi-kit-builder-wrap{width:100%;display:flex;flex-direction:column;gap:30px}#pdiKitBuilderContent{background:linear-gradient(180deg,#151720,#0d0f14);border:1px solid var(--dp-border);border-radius:24px;padding:40px}.pdi-kit-section-header{margin-bottom:20px;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:15px}.pdi-kit-section-header h2{font-size:24px;font-weight:900;margin:0 0 8px;color:#fff;text-transform:uppercase}.pdi-kit-section-header p{font-size:14px;color:var(--dp-muted);margin:0}.pdi-kit-global-tracker{background:#00000080;border:1px solid var(--dp-error);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;transition:.3s}.pdi-kit-global-tracker.is-success{border-color:var(--dp-success);background:#00e6760d}.pdi-kit-tracker-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.pdi-kit-tracker-label{font-size:14px;font-weight:800;color:#fff;text-transform:uppercase}.pdi-kit-global-editor{display:flex;align-items:center;background:#000;border:1px solid var(--dp-error);border-radius:8px;overflow:hidden;height:42px;transition:.3s}.pdi-kit-global-tracker.is-success .pdi-kit-global-editor{border-color:var(--dp-success)}.pdi-kit-global-qbtn{background:transparent;border:none;color:#fff;font-size:20px;width:40px;height:100%;cursor:pointer;font-weight:900;transition:.2s}.pdi-kit-global-qbtn:hover{background:#ffffff1a}.pdi-kit-global-qinput{background:transparent;border:none;color:var(--dp-error);font-size:22px;font-weight:900;text-align:center;width:50px;outline:none;-moz-appearance:textfield;transition:color .3s}.pdi-kit-global-tracker.is-success .pdi-kit-global-qinput{color:var(--dp-success)}.pdi-kit-tracker-target{font-size:14px;color:var(--dp-muted);font-weight:700;margin-left:auto}.pdi-kit-tracker-bar-wrap{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.pdi-kit-tracker-fill{height:100%;width:0%;background:var(--dp-error);transition:background .3s,width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px var(--dp-error)}.pdi-kit-global-tracker.is-success .pdi-kit-tracker-fill{background:var(--dp-success);box-shadow:0 0 10px var(--dp-success)}.pdi-kit-rows-container{display:flex;flex-direction:column;gap:20px}.pdi-kit-row{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:25px;transition:.3s}.pdi-kit-row:hover{border-color:#ffffff4d;background:#ffffff08}.pdi-kit-row-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:15px;margin-bottom:20px}.pdi-kit-row-badge{background:#00000080;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:900;color:var(--dp-c);text-transform:uppercase;border:1px solid rgba(0,229,255,.2)}.pdi-kit-row-del{background:transparent;border:none;color:var(--dp-muted);font-size:12px;font-weight:800;cursor:pointer;transition:.2s;text-transform:uppercase}.pdi-kit-row-del:hover{color:var(--dp-error)}.pdi-kit-items-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.pdi-kit-item-block{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;display:flex;flex-direction:column}.pdi-kit-item-name{font-size:16px;font-weight:900;color:#fff;margin-bottom:15px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:10px}.pdi-kit-vetrina-notice{font-size:11px;color:var(--dp-muted);font-weight:600;margin-bottom:10px;line-height:1.4;font-style:italic}.pdi-kit-swatch-display{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pdi-kit-swatch-img{width:var(--pdi-kit-swatch-size, 60px);height:var(--pdi-kit-swatch-size, 60px);object-fit:contain;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.pdi-kit-dropdowns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:auto}@media(max-width:400px){.pdi-kit-dropdowns{grid-template-columns:1fr}}.pdi-kit-opt-group label{display:block;font-size:12px;font-weight:800;color:var(--dp-muted);margin-bottom:8px;text-transform:uppercase}.pdi-kit-select{width:100%;background-color:#0009;color:#fff;border:1px solid var(--dp-border);padding:12px 15px;border-radius:10px;font-size:14px;font-family:var(--font-main);font-weight:700;outline:none;cursor:pointer;transition:.3s;appearance:none;-webkit-appearance:none}.pdi-kit-select:focus{border-color:var(--dp-c);box-shadow:0 0 5px #00e5ff4d}.pdi-kit-row-qty-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.1)}.pdi-kit-row-qty-label{font-size:14px;font-weight:800;color:#fff;text-transform:uppercase}.pdi-kit-row-qty{display:flex;align-items:center;background:#0009;border:1px solid var(--dp-border);border-radius:10px;overflow:hidden;height:42px}.pdi-kit-row-qbtn{background:transparent;border:none;color:#fff;font-size:18px;width:40px;height:100%;cursor:pointer;transition:.2s;font-weight:900}.pdi-kit-row-qbtn:hover{background:#00e5ff1a;color:var(--dp-c)}.pdi-kit-row-qinput{background:transparent;border:none;color:#fff;font-size:18px;font-weight:900;text-align:center;width:50px;pointer-events:none;-moz-appearance:textfield}.pdi-kit-add-row-btn{width:100%;background:transparent;border:1px dashed rgba(255,255,255,.3);color:#fff;padding:18px;border-radius:16px;font-size:14px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:.3s;margin-top:10px}.pdi-kit-add-row-btn:hover{background:#ffffff0d;border-color:var(--dp-c);color:var(--dp-c)}.pdi-kit-form-section{background:#0000004d;border:1px solid rgba(255,255,255,.05);padding:30px;border-radius:16px;margin-top:20px}.pdi-kit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pdi-kit-input-group label{display:block;font-size:13px;font-weight:800;color:var(--dp-muted);margin-bottom:6px}.pdi-kit-input{width:100%;background:#000;border:1px solid var(--dp-border);color:#fff;padding:14px;border-radius:10px;font-size:14px;font-family:var(--font-main);transition:.3s;outline:none}.pdi-kit-input:focus{border-color:var(--dp-c);box-shadow:0 0 5px #00e5ff4d}.pdi-kit-textarea{resize:vertical;min-height:80px}.pdi-kit-submit-btn{width:100%;background:var(--dp-c);color:#000;border:none;padding:20px;border-radius:14px;font-size:16px;font-weight:900;text-transform:uppercase;cursor:pointer;transition:.3s;margin-top:20px;box-shadow:0 4px 15px #00e5ff4d}.pdi-kit-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00e5ff80}.pdi-kit-submit-btn:disabled{background:#222;color:var(--dp-muted);box-shadow:none;cursor:not-allowed;border:1px solid var(--dp-border);transform:none}.pdi-kit-error-card{background:#ff32321a;border:1px solid var(--dp-error);color:var(--dp-error);padding:15px;border-radius:12px;font-weight:800;font-size:14px;text-align:center}.pdi-kit-success-card{background:#00e6760d;border:1px solid var(--dp-success);padding:40px;border-radius:24px;text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:15px}.pdi-kit-success-icon{font-size:40px;color:var(--dp-success);background:#00e6761a;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--dp-success)}.pdi-kit-success-card h3{color:#fff;font-size:26px;font-weight:900;margin:0;text-transform:uppercase}.pdi-kit-success-card p{color:var(--dp-text);font-size:16px;margin:0;line-height:1.6;max-width:500px}@media(max-width:900px){.pdi-kit-top-grid{grid-template-columns:1fr;height:auto;gap:20px}.pdi-kit-gallery,.pdi-kit-header-card{height:400px}}@media(max-width:600px){.pdi-kit-gallery{height:320px;padding:15px}.pdi-kit-header-card{height:320px;padding:25px 20px}#pdiKitBuilderContent{padding:25px 15px}.pdi-kit-form-section{padding:20px 15px}.pdi-kit-form-grid{grid-template-columns:1fr}.pdi-kit-row-qty-wrap{flex-direction:column;align-items:stretch;gap:10px}.pdi-kit-row-qty{width:100%;justify-content:space-between}.pdi-kit-row-qbtn{padding:0 25px}.pdi-kit-row{padding:15px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pdi-costruttore-kit.css.map */