.configurator{background-color:var(--color-swx-gray-900);min-height:100vh;color:var(--color-swx-white)}.configurator-container{max-width:1440px;margin:0 auto;padding:0 24px}.cfg-hero{align-items:flex-end;width:100%;height:380px;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.cfg-hero{height:420px}}@media (min-width:1024px){.cfg-hero{height:480px}}.cfg-hero-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.cfg-hero-overlay{z-index:1;background:linear-gradient(#1717174d 0%,#171717b3 60%,#171717 100%);position:absolute;inset:0}.cfg-hero-content{z-index:2;width:100%;max-width:1440px;margin:0 auto;padding:0 24px 48px;position:relative}.cfg-hero-breadcrumb{color:var(--color-swx-gray-400);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.cfg-hero-breadcrumb a{color:var(--color-swx-gray-400);text-decoration:none;transition:color .15s}.cfg-hero-breadcrumb a:hover,.cfg-hero-breadcrumb span{color:var(--color-swx-white)}.cfg-hero-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;color:var(--color-swx-white);margin:0 0 16px;font-size:32px;font-style:italic;font-weight:800}@media (min-width:640px){.cfg-hero-title{font-size:38px}}@media (min-width:1024px){.cfg-hero-title{font-size:42px}}.cfg-hero-title span{color:var(--color-swx-red)}.cfg-hero-subtitle{color:var(--color-swx-gray-300);max-width:680px;margin:0;font-size:15px;line-height:1.7}@media (min-width:640px){.cfg-hero-subtitle{font-size:16px}}.configurator-header{border-bottom:1px solid var(--color-swx-gray-700);padding:24px 0}.configurator-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.configurator-title{font-family:var(--font-heading);text-transform:uppercase;color:var(--color-swx-white);letter-spacing:.02em;font-size:28px;font-style:italic;font-weight:800}.configurator-title span{color:var(--color-swx-red)}.configurator-actions{align-items:center;gap:10px;display:flex}.configurator-btn{font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex}.configurator-btn--ghost{color:var(--color-swx-gray-400);border:1px solid var(--color-swx-gray-700);background-color:#0000}.configurator-btn--ghost:hover{background-color:var(--color-swx-gray-800);color:var(--color-swx-white)}.configurator-btn--primary{background-color:var(--color-swx-red);color:var(--color-swx-white)}.configurator-btn--primary:hover{background-color:var(--color-swx-red-dark)}.configurator-btn--primary:disabled{opacity:.4;cursor:not-allowed}.step-nav{scrollbar-width:none;gap:0;padding:16px 0;display:flex;overflow-x:auto}.step-nav::-webkit-scrollbar{display:none}.step-nav-item{cursor:pointer;border-bottom:2px solid #0000;flex-direction:column;align-items:center;gap:4px;min-width:80px;padding:10px 16px;transition:border-color .15s,opacity .15s;display:flex;position:relative}.step-nav-item:hover{border-bottom-color:var(--color-swx-gray-500)}.step-nav-item--active{border-bottom-color:var(--color-swx-red)}.step-nav-item--completed{border-bottom-color:var(--color-swx-green)}.step-nav-item--skipped{opacity:.3;pointer-events:none}.step-nav-icon{justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.step-nav-icon img{filter:brightness(0)invert();opacity:.7}.step-nav-item--active .step-nav-icon img{opacity:1}.step-nav-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-swx-gray-400);white-space:nowrap;font-size:11px;font-weight:600}.step-nav-item--active .step-nav-label{color:var(--color-swx-white)}.step-nav-item--completed .step-nav-label{color:var(--color-swx-green)}.step-nav-check{width:14px;height:14px;color:var(--color-swx-green);position:absolute;top:4px;right:4px}.step-nav-mandatory{text-transform:uppercase;color:var(--color-swx-red);letter-spacing:.5px;font-size:8px;font-weight:700}.configurator-body{grid-template-columns:1fr;gap:24px;padding:24px 0 48px;display:grid}@media (min-width:1024px){.configurator-body{grid-template-columns:1fr 360px}}.configurator-step-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.configurator-step-title{font-family:var(--font-heading);color:var(--color-swx-white);font-size:20px;font-style:italic;font-weight:700}.configurator-step-subtitle{color:var(--color-swx-gray-400);font-size:13px}.configurator-step-info{background-color:var(--color-swx-gray-800);border:1px solid var(--color-swx-gray-700);color:var(--color-swx-gray-300);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.configurator-step-info svg{color:var(--color-swx-red);flex-shrink:0}.screen-mode-toggle{border:1px solid var(--color-swx-gray-700);border-radius:8px;gap:0;margin-bottom:16px;display:flex;overflow:hidden}.screen-mode-btn{font-size:13px;font-weight:600;font-family:var(--font-body);background-color:var(--color-swx-gray-800);color:var(--color-swx-gray-400);cursor:pointer;border:none;flex:1;padding:10px 16px;transition:background-color .15s,color .15s}.screen-mode-btn:hover{background-color:var(--color-swx-gray-700);color:var(--color-swx-white)}.screen-mode-btn--active{background-color:var(--color-swx-red);color:var(--color-swx-white)}.screen-mode-btn--active:hover{background-color:var(--color-swx-red-dark)}.configurator-products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.configurator-products--empty{text-align:center;color:var(--color-swx-gray-500);grid-column:1/-1;padding:48px 24px;font-size:14px}.cfg-sidebar{z-index:15;align-self:start;max-height:calc(100vh - 12.5rem);position:sticky;top:12rem;overflow-y:auto}.cfg-sidebar-card{background-color:var(--color-swx-gray-800);border:1px solid var(--color-swx-gray-700);border-radius:12px;overflow:hidden}.cfg-sidebar-header{border-bottom:1px solid var(--color-swx-gray-700);padding:16px 20px}.cfg-sidebar-title{font-family:var(--font-heading);text-transform:uppercase;color:var(--color-swx-white);font-size:16px;font-style:italic;font-weight:700}.cfg-sidebar-items{max-height:400px;padding:12px 20px;overflow-y:auto}.cfg-sidebar-item{border-bottom:1px solid var(--color-swx-gray-700);align-items:center;gap:10px;padding:8px 0;display:flex}.cfg-sidebar-item:last-child{border-bottom:none}.cfg-sidebar-item-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:24px;font-size:16px;display:flex}.cfg-sidebar-item-icon img{filter:brightness(0)invert();opacity:.7}.cfg-sidebar-item-info{flex:1;min-width:0}.cfg-sidebar-item-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-swx-gray-400);font-size:11px;font-weight:600}.cfg-sidebar-item-name{color:var(--color-swx-white);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cfg-sidebar-item-price{color:var(--color-swx-red);white-space:nowrap;font-size:13px;font-weight:700;font-family:var(--font-heading)}.cfg-sidebar-item--empty .cfg-sidebar-item-name{color:var(--color-swx-gray-600);font-style:italic}.cfg-sidebar-footer{border-top:1px solid var(--color-swx-gray-700);background-color:#0003;padding:16px 20px}.cfg-sidebar-montage{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.cfg-sidebar-montage-label{color:var(--color-swx-gray-400)}.cfg-sidebar-montage-value{color:var(--color-swx-green);font-style:italic;font-weight:700;text-decoration:line-through}.cfg-sidebar-total{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cfg-sidebar-total-label{color:var(--color-swx-gray-300);font-size:14px;font-weight:600}.cfg-sidebar-total-price{font-family:var(--font-heading);color:var(--color-swx-white);font-size:24px;font-style:italic;font-weight:800}.cfg-sidebar-add-btn{width:100%;font-size:14px;font-weight:700;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background-color:var(--color-swx-red);color:var(--color-swx-white);border:none;border-radius:8px;padding:14px;transition:background-color .15s,opacity .15s}.cfg-sidebar-add-btn:hover{background-color:var(--color-swx-red-dark)}.cfg-sidebar-add-btn:disabled{opacity:.4;cursor:not-allowed}.cfg-sidebar-share{border:1px solid var(--color-swx-gray-700);width:100%;font-size:12px;font-weight:500;font-family:var(--font-body);color:var(--color-swx-gray-400);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px;transition:color .15s,border-color .15s;display:flex}.cfg-sidebar-share:hover{color:var(--color-swx-white);border-color:var(--color-swx-gray-500)}.cfg-sidebar-warning{color:var(--color-swx-red-light);background-color:#e635451a;border:1px solid #e6354533;border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:flex}.cfg-sidebar-warning svg{flex-shrink:0}.configurator-presets{border-bottom:1px solid var(--color-swx-gray-700);padding:20px 0}.configurator-presets-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-swx-gray-400);margin-bottom:12px;font-size:13px;font-weight:600}.configurator-presets-grid{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.configurator-presets-grid::-webkit-scrollbar{display:none}.preset-card{background-color:var(--color-swx-gray-800);border:1px solid var(--color-swx-gray-700);cursor:pointer;border-radius:8px;flex-shrink:0;min-width:160px;padding:12px 20px;transition:border-color .15s,background-color .15s}.preset-card:hover{border-color:var(--color-swx-red);background-color:#e635450d}.preset-card-name{color:var(--color-swx-white);margin-bottom:4px;font-size:14px;font-weight:700}.preset-card-desc{color:var(--color-swx-gray-400);font-size:11px}.preset-card-price{font-family:var(--font-heading);color:var(--color-swx-red);margin-top:6px;font-size:16px;font-style:italic;font-weight:700}@media (max-width:768px){.configurator-title{font-size:22px}.configurator-products{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.cfg-product-image-container{height:9rem;min-height:9rem}.cfg-product-info{padding:var(--spacing-2)var(--spacing-3)var(--spacing-3)}.cfg-product-title,.cfg-product-price-current{font-size:var(--font-size-xs)}.cfg-product-price-original{font-size:10px}.step-nav-item{min-width:64px;padding:8px 12px}.step-nav-icon{font-size:16px}.step-nav-label{font-size:9px}}