.vatpan-rack-configurator{--vatpan-rk-yellow: #f2b705;--vatpan-rk-yellow-soft: #fff7da;--vatpan-rk-dark: #1f2328;--vatpan-rk-muted: #6b7280;--vatpan-rk-line: #e5e7eb;--vatpan-rk-bg: #f5f6f8;--vatpan-rk-card: #ffffff;--vatpan-rk-shadow: 0 18px 55px rgba(17, 24, 39, .08);--vatpan-rk-radius: 24px;box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--vatpan-rk-dark);background:var(--vatpan-rk-bg);margin:0;font-size:16px;line-height:1.5;position:relative}.vatpan-rack-configurator *,.vatpan-rack-configurator *:before,.vatpan-rack-configurator *:after{box-sizing:border-box}.vatpan-rack-configurator__shell{max-width:1440px;margin:0 auto;padding:34px 28px 60px}.vatpan-rack-configurator .hero{background:#111827;color:#fff;border-radius:34px;padding:34px;margin-bottom:28px;box-shadow:var(--vatpan-rk-shadow)}.vatpan-rack-configurator .eyebrow{color:var(--vatpan-rk-yellow);text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:12px;margin-bottom:14px}.vatpan-rack-configurator .hero h1{font-size:clamp(28px,5vw,48px);line-height:1.02;margin:0 0 16px;letter-spacing:-.055em}.vatpan-rack-configurator .hero p,.vatpan-rack-configurator .hero__rte{color:#d1d5db;line-height:1.7;margin:0;max-width:760px}.vatpan-rack-configurator .hero__rte p{margin:0}.vatpan-rack-configurator .hero__rte p+p{margin-top:.75em}.vatpan-rack-configurator .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.vatpan-rack-configurator .chip{border:1px solid rgba(255,255,255,.12);background:#ffffff14;padding:8px 12px;border-radius:999px;color:#f3f4f6;font-size:12px;font-weight:700}.vatpan-rack-configurator .layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:28px}.vatpan-rack-configurator .left{display:flex;flex-direction:column;gap:18px}.vatpan-rack-configurator .card{background:var(--vatpan-rk-card);border:1px solid var(--vatpan-rk-line);border-radius:var(--vatpan-rk-radius);box-shadow:0 8px 24px #1118270a;padding:24px}.vatpan-rack-configurator .section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.vatpan-rack-configurator .step{width:32px;height:32px;background:var(--vatpan-rk-yellow);border-radius:50%;display:grid;place-items:center;font-weight:900;color:#111827;flex:0 0 auto}.vatpan-rack-configurator .section-head h2{font-size:20px;margin:0 0 5px;letter-spacing:-.02em}.vatpan-rack-configurator .section-head p{margin:0;color:var(--vatpan-rk-muted);font-size:13px;line-height:1.5}.vatpan-rack-configurator .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vatpan-rack-configurator .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vatpan-rack-configurator .grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.vatpan-rack-configurator .grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.vatpan-rack-configurator .option{border:1px solid var(--vatpan-rk-line);border-radius:18px;background:#fff;padding:15px;cursor:pointer;min-height:86px;transition:.18s;position:relative}.vatpan-rack-configurator .option:hover{transform:translateY(-1px);border-color:#cbd5e1}.vatpan-rack-configurator .option.selected{border-color:var(--vatpan-rk-yellow);background:var(--vatpan-rk-yellow-soft);box-shadow:0 8px 24px #f2b70524}.vatpan-rack-configurator .option:focus-visible{outline:2px solid var(--vatpan-rk-yellow);outline-offset:2px}.vatpan-rack-configurator .icon{font-size:24px;line-height:1;margin-bottom:10px}.vatpan-rack-configurator .option strong{display:block;font-size:14px}.vatpan-rack-configurator .option small{display:block;color:var(--vatpan-rk-muted);font-size:12px;margin-top:4px;line-height:1.35}.vatpan-rack-configurator .check{position:absolute;top:10px;right:10px;background:var(--vatpan-rk-yellow);color:#111827;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px;font-weight:900}.vatpan-rack-configurator .pills{display:flex;gap:10px;flex-wrap:wrap}.vatpan-rack-configurator .pill{border:1px solid var(--vatpan-rk-line);background:#fff;border-radius:999px;padding:11px 14px;font-size:13px;font-weight:750;cursor:pointer;color:#374151;font-family:inherit}.vatpan-rack-configurator .pill:focus-visible{outline:2px solid var(--vatpan-rk-yellow);outline-offset:2px}.vatpan-rack-configurator .pill.selected{border-color:var(--vatpan-rk-yellow);background:var(--vatpan-rk-yellow-soft);color:#111827}.vatpan-rack-configurator .field{display:flex;flex-direction:column;gap:6px}.vatpan-rack-configurator .field label{font-size:12px;font-weight:800;color:#374151}.vatpan-rack-configurator .field input,.vatpan-rack-configurator .field select,.vatpan-rack-configurator .field textarea{border:1px solid var(--vatpan-rk-line);border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.35;background:#fff;outline:none}.vatpan-rack-configurator .field textarea{min-height:110px;resize:vertical}.vatpan-rack-configurator .field input:focus,.vatpan-rack-configurator .field select:focus,.vatpan-rack-configurator .field textarea:focus{border-color:var(--vatpan-rk-yellow);box-shadow:0 0 0 4px #f2b70521}.vatpan-rack-configurator .custom-field{display:none;margin-top:12px}.vatpan-rack-configurator .custom-field.show{display:block}.vatpan-rack-configurator .muted-note{margin-top:14px;border-radius:16px;background:#f9fafb;border:1px solid #edf0f3;padding:13px;color:#6b7280;font-size:13px}.vatpan-rack-configurator .preview{position:sticky;top:86px;align-self:start;background:#fff;border:1px solid var(--vatpan-rk-line);border-radius:30px;box-shadow:var(--vatpan-rk-shadow);padding:22px}.vatpan-rack-configurator .preview-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px}.vatpan-rack-configurator .preview-head h2{margin:0;font-size:20px}.vatpan-rack-configurator .badge{background:#f9fafb;border:1px solid var(--vatpan-rk-line);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;color:#6b7280}.vatpan-rack-configurator .stage{background:radial-gradient(circle at 50% 45%,#fff,#eef0f3);min-height:360px;border-radius:24px;border:1px solid #eceff3;display:grid;place-items:center;padding:22px;overflow:hidden}.vatpan-rack-configurator .cabinet{position:relative;transition:.2s ease}.vatpan-rack-configurator .cab-body{width:160px;height:285px;border-radius:15px;border:7px solid #171717;background:#242424;box-shadow:0 24px 42px #00000042;position:relative}.vatpan-rack-configurator .cab-door{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:10px;border:2px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#ffffff2e,#ffffff0a)}.vatpan-rack-configurator .handle{position:absolute;right:14px;top:48%;width:7px;height:48px;background:var(--vatpan-rk-yellow);border-radius:999px}.vatpan-rack-configurator .perfs{position:absolute;left:18px!important;right:34px!important;top:34px!important;bottom:34px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important;opacity:0}.vatpan-rack-configurator .perfs i{width:6px!important;height:6px!important;border-radius:50%;background:#d1d5db!important;box-shadow:0 0 0 1px #ffffff14}.vatpan-rack-configurator .perforated .perfs{opacity:1!important}.vatpan-rack-configurator .perforated .cab-door{background:#1f2328!important}.vatpan-rack-configurator .solid .cab-door{background:#333}.vatpan-rack-configurator .glass .cab-door{background:linear-gradient(135deg,#ffffff80,#5fa0dc38)}.vatpan-rack-configurator .outdoor .cab-body{border-color:#9ca3af;background:#d6d9dd}.vatpan-rack-configurator .outdoor .cab-door{border-color:#a9adb4;background:#cfd3d8}.vatpan-rack-configurator .outdoor .canopy{position:absolute;top:-28px;left:50%;transform:translate(-50%);width:198px;height:30px;border-radius:14px 14px 5px 5px;background:#c7ccd2;border:1px solid #a5abb3;box-shadow:0 9px 18px #0000001f}.vatpan-rack-configurator .outdoor .ac{display:block}.vatpan-rack-configurator .outdoor .fan{display:grid}.vatpan-rack-configurator .outdoor .plinth{background:#747b84}.vatpan-rack-configurator .outdoor.perforated .cab-door{background:#c5c9ce!important}.vatpan-rack-configurator .outdoor.perforated .perfs i{background:#7b818a!important}.vatpan-rack-configurator .industrial .cab-body{border-color:#8f949d;background:#b9bfc8}.vatpan-rack-configurator .industrial .cab-door{border-color:#8b919a;background:#aeb5bd}.vatpan-rack-configurator .datacenter .cab-body{border-color:#111827;background:#1f2937}.vatpan-rack-configurator .datacenter .cab-door{border-color:#374151}.vatpan-rack-configurator .plinth{width:135px;height:38px;background:#111;margin:0 auto;border-radius:0 0 14px 14px}.vatpan-rack-configurator .fan{display:none;position:absolute;right:-46px;top:58px;gap:12px}.vatpan-rack-configurator .fan span{width:34px;height:34px;background:#fff;border:1px solid #c7ccd2;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 12px #00000014}.vatpan-rack-configurator .ac{display:none;position:absolute;right:-58px;bottom:68px;width:46px;height:82px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 8px 20px #00000024;text-align:center;font-size:18px;padding-top:22px}.vatpan-rack-configurator .wallmount .cab-body{width:145px;height:190px}.vatpan-rack-configurator .wallmount .plinth{display:none}.vatpan-rack-configurator .wallmount .cab-door{overflow:hidden}.vatpan-rack-configurator .wallmount.perforated .perfs{top:18px!important;bottom:18px!important;left:12px!important;right:26px!important;gap:4px!important;align-content:start}.vatpan-rack-configurator .wallmount.perforated .perfs i{width:5px!important;height:5px!important}.vatpan-rack-configurator .summary{border:1px solid var(--vatpan-rk-line);border-radius:22px;padding:18px;margin-top:14px;background:#fff}.vatpan-rack-configurator .summary h3{margin:0 0 12px;font-size:16px}.vatpan-rack-configurator .sum-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px dashed #e5e7eb;font-size:12.5px}.vatpan-rack-configurator .sum-row span{color:#6b7280}.vatpan-rack-configurator .sum-row b{text-align:right;color:#111827;font-weight:700}.vatpan-rack-configurator .sum-row:last-child{border-bottom:0}.vatpan-rack-configurator .pdf{margin-top:14px;width:100%;border:1px solid #e7c250;background:#fff9df;color:#6b4e00;border-radius:16px;padding:13px;font-weight:900;cursor:pointer;font-family:inherit;font-size:inherit}.vatpan-rack-configurator .pdf:focus-visible{outline:2px solid var(--vatpan-rk-yellow);outline-offset:2px}.vatpan-rack-configurator .quote{background:#111827;color:#fff;border:0;border-radius:999px;padding:12px 20px;font-weight:800;cursor:pointer;font-family:inherit}.vatpan-rack-configurator .quote:focus-visible{outline:2px solid var(--vatpan-rk-yellow);outline-offset:2px}.vatpan-rack-configurator .vatpan-rack-configurator__submit{width:100%;margin-top:16px;border-radius:18px;padding:15px}.vatpan-rack-configurator .vatpan-rack-configurator__forms-instruction{margin-top:14px}.vatpan-rack-configurator .upload{position:relative;border:1px dashed #cbd5e1;background:#fafafa;border-radius:18px;padding:18px;text-align:center;cursor:pointer;min-height:92px;margin:0;display:block}.vatpan-rack-configurator .upload strong{display:block}.vatpan-rack-configurator .upload small{color:var(--vatpan-rk-muted);font-size:13px;line-height:1.4}.vatpan-rack-configurator .upload .filename{margin-top:8px;color:#111827;font-weight:800;font-size:12px}.vatpan-rack-configurator .upload input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.vatpan-rack-configurator .vatpan-rack-configurator__upload-row{align-items:stretch}.vatpan-rack-configurator .sync-banner{display:none;margin-top:12px;padding:12px 14px;border-radius:14px;font-size:13px;font-weight:700}.vatpan-rack-configurator .sync-banner.show{display:block}.vatpan-rack-configurator .sync-banner--ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.vatpan-rack-configurator .sync-banner--warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.vatpan-rack-configurator__form-errors{margin-top:12px;margin-bottom:8px;padding:12px 14px;border-radius:14px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:13px}.vatpan-rack-configurator__form-errors ul{margin:0;padding-left:1.25rem}.vatpan-rack-configurator__form-success{margin-bottom:12px}@media screen and (max-width:749px){.vatpan-rack-configurator .vatpan-rk-select-shell{position:relative;width:100%}.vatpan-rack-configurator .vatpan-rk-select-trigger{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;border:1px solid #e5e7eb;border-radius:12px;padding:9px 36px 9px 10px;font-size:13px;line-height:1.35;font-family:inherit;font-weight:600;color:#1f2328;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.vatpan-rack-configurator .vatpan-rk-select-trigger:after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border-right:2px solid #6b7280;border-bottom:2px solid #6b7280;transform:translateY(-65%) rotate(45deg);pointer-events:none}.vatpan-rack-configurator .vatpan-rk-select-trigger:focus-visible{outline:2px solid #f2b705;outline-offset:2px}.vatpan-rack-configurator select.vatpan-rk-select-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;opacity:0!important;pointer-events:none!important}}html.vatpan-rk-sheet-lock,html.vatpan-rk-sheet-lock body{overflow:hidden;overscroll-behavior:none}.vatpan-rk-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100050;background:#0f172a7a;opacity:0;transition:opacity .22s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vatpan-rk-sheet-backdrop.is-open{opacity:1}.vatpan-rk-sheet-panel{position:fixed;left:0;right:0;bottom:0;z-index:100051;max-height:min(78vh,560px);background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -16px 44px #11182733;transform:translateY(105%);transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,Segoe UI,Arial,sans-serif}.vatpan-rk-sheet-panel.is-open{transform:translateY(0)}.vatpan-rk-sheet-grab{width:40px;height:5px;border-radius:99px;background:#d1d5db;margin:10px auto 6px;flex-shrink:0}.vatpan-rk-sheet-head{display:flex;align-items:center;gap:10px;padding:4px 14px 12px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.vatpan-rk-sheet-title{font-size:16px;font-weight:800;color:#1f2328;flex:1;min-width:0;line-height:1.25}.vatpan-rk-sheet-close{flex-shrink:0;width:40px;height:40px;border:none;border-radius:12px;background:#f3f4f6;color:#374151;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.vatpan-rk-sheet-close:focus-visible{outline:2px solid #f2b705;outline-offset:2px}.vatpan-rk-sheet-list{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px 16px;flex:1;min-height:0}.vatpan-rk-sheet-option{display:flex;align-items:center;width:100%;text-align:left;border:1px solid transparent;border-radius:14px;padding:14px;margin-bottom:6px;font-size:15px;font-weight:600;color:#1f2937;background:#f9fafb;cursor:pointer;font-family:inherit}.vatpan-rk-sheet-option.is-selected{border-color:#f2b705;background:#fff7da;box-shadow:inset 0 0 0 1px #f2b70566}.vatpan-rk-sheet-option:focus-visible{outline:2px solid #f2b705;outline-offset:2px}body.template-page-custom-rack-cabinet-configurator .vatpan-rack-configurator-outer.shopify-section+.shopify-section,body.template-page-custom-rack-cabinet-configurator [id*=cabinet_form_apps],body.page-tpl-custom-rack-cabinet-configurator .vatpan-rack-configurator-outer.shopify-section+.shopify-section,body.page-tpl-custom-rack-cabinet-configurator [id*=cabinet_form_apps],.vatpan-rack-configurator-outer.shopify-section+.shopify-section{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-rack-cabinet-configurator.css.map?rackCss=13 */