:root{--color-primary: #272727;--color-white: #FFFFFF;--color-background: #f2f2f2;--color-brand-100: #FCFEFE;--color-brand-200: #F0FAF9;--color-brand-1800: #6CCDC2;--color-brand-2200: #60B6AC;--color-gray-200: #EDEDED;--color-gray-400: #D2D2D2;--color-gray-1000: #8D8D8D;--color-gray-1800: #585858;--color-gray-border: #D9D9D9;--color-error: #F04438;--color-border: rgba(0, 0, 0, .08);--color-divider: rgba(39, 39, 39, .1);--font-primary: "Maven Pro", sans-serif;--font-heading: "Oxygen", sans-serif;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--radius-sm: 4px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 100px;--shadow-footer: 0px -8px 30px 0px rgba(45, 38, 34, .07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-primary);font-size:14px;line-height:1.5;color:var(--color-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.configurator{display:flex;height:100vh;background-color:var(--color-background);border-radius:var(--radius-md);overflow:hidden}.image-panel{flex:1;position:relative;overflow:hidden}.header{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;gap:var(--spacing-20);padding:var(--spacing-20) var(--spacing-40);z-index:10}.logo{width:199px;height:24px;object-fit:cover}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-12);font-weight:600;text-decoration:underline;appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;line-height:inherit;cursor:pointer}.back-link svg{flex-shrink:0}.sofa-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:920px;height:576px}.sofa-image img{width:100%;height:100%;object-fit:cover}.image-controls{position:absolute;bottom:var(--spacing-20);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-16);padding:var(--spacing-8);background-color:#cbcbca}.control-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12);background-color:var(--color-white);border:1px solid var(--color-gray-400)}.control-btn:hover{background-color:var(--color-gray-200)}.control-divider{width:1px;height:24px;background-color:var(--color-primary);opacity:.1}.add-module-control{position:absolute;bottom:var(--spacing-20);right:var(--spacing-20);padding:var(--spacing-8);background-color:#cbcbca}.config-panel{width:520px;height:100%;display:flex;flex-direction:column;background-color:var(--color-white);border-left:1px solid var(--color-border);overflow:hidden;flex-shrink:0}.config-nav{padding:var(--spacing-20);background-color:var(--color-white);border-bottom:1px solid var(--color-border);flex-shrink:0}.nav-tabs{display:flex;gap:var(--spacing-8)}.nav-tab{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-full);font-size:16px;font-weight:600;color:var(--color-gray-1000);transition:background-color .2s,color .2s}.nav-tab:hover{background-color:var(--color-gray-200)}.nav-tab--complete{background-color:var(--color-brand-200);color:var(--color-brand-2200)}.nav-tab--complete:hover{background-color:var(--color-brand-200)}.config-content{flex:1;overflow-y:auto;padding:var(--spacing-20);display:flex;flex-direction:column;gap:var(--spacing-40)}.config-section{display:flex;flex-direction:column;gap:var(--spacing-20)}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-family:var(--font-primary);font-size:18px;font-weight:600;line-height:1.5;color:var(--color-primary)}.section-header--with-info{display:flex;align-items:center;gap:var(--spacing-8)}.info-button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--color-secondary);cursor:pointer;transition:color .2s}.info-button:hover{color:var(--color-primary)}.info-button svg{width:16px;height:16px}.info-box{padding:var(--spacing-12);margin-bottom:var(--spacing-12);background-color:var(--color-light-gray, #f5f5f5);border-radius:4px;border-left:3px solid var(--color-secondary)}.info-box p{margin:0;font-size:13px;line-height:1.5;color:var(--color-secondary)}.text-link{font-size:14px;font-weight:600;text-decoration:underline}.direction-options{display:flex;flex-direction:column;gap:var(--spacing-12)}.direction-grid{display:flex;gap:var(--spacing-8)}.option-item{position:relative;width:73px;height:73px;padding:var(--spacing-4);border:1px solid var(--color-border);background-color:var(--color-white);overflow:hidden;cursor:pointer;transition:border-color .2s}.option-item img{width:100%;height:100%;object-fit:cover}.option-item:hover{border-color:var(--color-gray-400)}.option-item--selected{background-color:var(--color-gray-200);border:2px solid var(--color-gray-1800)}.option-check{position:absolute;bottom:-2px;right:-2px;display:flex;align-items:center;padding:var(--spacing-4);background-color:var(--color-gray-1800)}.option-label{font-size:14px}.option-label strong{font-weight:600}.module-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-8);width:480px}.module-item{position:relative;width:73px;padding:var(--spacing-4);border:1px solid var(--color-gray-400);background-color:var(--color-white);overflow:hidden;cursor:pointer}.module-item img{width:100%;height:65px;object-fit:cover}.module-add{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:65px;height:65px;padding:var(--spacing-8);background-color:#ffffff80;opacity:0;transition:opacity .2s}.module-item:hover .module-add{opacity:1}.added-modules{display:flex;flex-direction:column;gap:var(--spacing-8)}.added-module{display:flex;align-items:center;gap:var(--spacing-20);padding:var(--spacing-8) var(--spacing-20);background-color:#00000005;cursor:pointer;transition:background-color .15s ease}.added-module:hover{background-color:#0000000d}.added-module:active{background-color:#00000014}.added-module-img{width:64px;height:64px;object-fit:cover;flex-shrink:0}.added-module-info{flex:1;min-width:0}.added-module-header{display:flex;align-items:center;justify-content:space-between;width:100%}.added-module-details{display:flex;flex-direction:column;gap:var(--spacing-6)}.added-module-name{display:flex;align-items:center;gap:var(--spacing-8);font-weight:600}.color-swatch{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--color-gray-1800);padding:var(--spacing-4);background-color:var(--color-white);overflow:hidden;flex-shrink:0}.color-swatch img{width:16px;height:16px;border-radius:var(--radius-full);object-fit:cover}.edit-link{display:inline-flex;align-items:center;gap:var(--spacing-8);font-weight:600;text-decoration:underline;appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;line-height:inherit;cursor:pointer}.edit-hint{display:inline-flex;align-items:center;gap:var(--spacing-8);font-weight:600;color:var(--color-gray-1000);font-size:14px;transition:color .15s ease}.added-module:hover .edit-hint{color:var(--color-brand-2200)}.added-module:hover .edit-hint svg path{stroke:var(--color-brand-2200)}.delete-btn{padding:var(--spacing-4);flex-shrink:0}.delete-btn:hover{opacity:.7}.color-options{display:flex;flex-direction:column;gap:var(--spacing-12)}.color-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-8)}.color-item{position:relative;width:73px;height:73px;padding:var(--spacing-4);border:1px solid var(--color-border);background-color:var(--color-white);overflow:hidden;cursor:pointer;transition:border-color .2s}.color-item img{width:100%;height:100%;object-fit:cover}.color-item:hover{border-color:var(--color-gray-400)}.color-item--selected{background-color:var(--color-gray-200);border:2px solid var(--color-gray-1800)}.color-info{display:flex;flex-direction:column;gap:var(--spacing-4);font-size:14px}.color-info strong{font-weight:600}.summary-section{gap:var(--spacing-40)}.summary-header{display:flex;flex-direction:column;gap:var(--spacing-20)}.summary-title-row{display:flex;align-items:flex-start;justify-content:space-between}.summary-title{display:flex;align-items:center;gap:var(--spacing-8);font-size:18px;font-weight:600}.summary-logo{width:133px;height:16px;object-fit:cover}.summary-dimension{font-size:14px}.summary-dimension strong{font-weight:600}.summary-details{display:flex;flex-direction:column;gap:var(--spacing-20)}.summary-group{display:flex;flex-direction:column;gap:var(--spacing-8)}.summary-group-title{font-size:14px;font-weight:600}.summary-divider{height:1px;background-color:var(--color-primary);opacity:.1}.summary-row{display:flex;justify-content:space-between;font-size:14px}.config-footer{padding:var(--spacing-20);background-color:var(--color-white);border-top:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-footer);display:flex;flex-direction:column;gap:var(--spacing-16);flex-shrink:0}.price-row{display:flex;align-items:center;justify-content:space-between}.price-label{font-family:var(--font-heading);font-size:20px;font-weight:700;line-height:1.4}.price-value{font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.4}.footer-actions{display:flex;flex-direction:column;gap:var(--spacing-20);align-items:center}.btn-group{display:flex;gap:var(--spacing-16);width:100%}.btn-group .btn{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-24);font-size:14px;font-weight:600;line-height:1.5;border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s}.btn-primary{background-color:var(--color-brand-1800);border-color:var(--color-brand-2200);color:var(--color-brand-100)}.btn-primary:hover{background-color:var(--color-brand-2200)}.btn-outline{background-color:var(--color-white);border-color:var(--color-gray-400);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-gray-200)}.btn-full{width:100%}.payment-methods{display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);flex-wrap:wrap}.payment-icon{position:relative;width:35px;height:24px;background-color:var(--color-white);border:1px solid var(--color-gray-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.payment-icon img{max-width:70%;max-height:60%;object-fit:contain}.payment-icon.klarna{background-color:#feb4c7}.payment-icon.amex{background-color:#1f72cd}.payment-icon .gpay-g{position:absolute;left:5px;width:8px;height:auto}.shipping-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);background-color:var(--color-white);font-size:14px;font-weight:500}.mobile-back-link,.mobile-ruler-btn{display:none}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-20);display:none}.popup{width:600px;max-width:100%;max-height:90vh;overflow-y:auto;background-color:var(--color-white);padding:32px 24px;display:flex;flex-direction:column;gap:var(--spacing-20)}.popup-header{display:flex;align-items:flex-start;gap:var(--spacing-24)}.popup-title{flex:1;font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.4;color:var(--color-primary)}.popup-close{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);background-color:#eaecf0;flex-shrink:0;transition:background-color .2s}.popup-close:hover{background-color:var(--color-gray-400)}.popup-divider{height:1px;background-color:#eaecf0;width:100%}.popup-content{display:flex;flex-direction:column;gap:var(--spacing-20)}.fabric-section{display:flex;flex-direction:column;gap:var(--spacing-12)}.fabric-header{display:flex;align-items:center;justify-content:space-between}.fabric-label{font-size:14px;font-weight:600;color:var(--color-primary)}.fabric-count{font-size:14px;color:#3f3e3cbf}.fabric-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-8)}.fabric-item{position:relative;width:104px;height:80px;padding:var(--spacing-4);background-color:var(--color-white);border:2px solid #EAECF0;overflow:hidden;cursor:pointer;transition:border-color .2s}.fabric-item img{width:100%;height:100%;object-fit:cover}.fabric-item:hover{border-color:var(--color-gray-400)}.fabric-item--selected{background-color:var(--color-gray-200);border-color:var(--color-gray-1800)}.fabric-check{position:absolute;bottom:-2px;right:-2px;display:flex;align-items:center;padding:var(--spacing-4);background-color:var(--color-gray-1800)}.popup-footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-16)}.btn-lg{padding:var(--spacing-16) var(--spacing-32);font-size:16px}.btn-lg svg{width:24px;height:24px}.gallery-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;display:none}.gallery-popup{width:600px;max-width:calc(100% - 40px);max-height:90vh;overflow-y:auto;background-color:var(--color-white);padding:32px 24px;display:flex;flex-direction:column;gap:var(--spacing-20)}.gallery-header{display:flex;align-items:flex-start;gap:var(--spacing-24)}.gallery-title{flex:1;font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.4;color:var(--color-primary)}.gallery-close{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);background-color:var(--color-gray-300);flex-shrink:0;transition:background-color .2s}.gallery-close:hover{background-color:var(--color-gray-400)}.gallery-close svg{width:20px;height:20px}.gallery-divider{height:1px;background-color:var(--color-gray-300);width:100%}.gallery-colors{display:flex;flex-direction:column;gap:var(--spacing-12);align-items:flex-end}.gallery-colors-header{display:flex;align-items:center;justify-content:space-between;width:100%}.gallery-colors-label{font-size:14px;font-weight:600;color:var(--color-primary)}.gallery-colors-value{font-size:14px;color:#3f3e3cbf}.gallery-colors-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-8);width:100%}.gallery-color-item{position:relative;flex:1 0 0;min-width:0;height:42px;padding:var(--spacing-4);border:2px solid var(--color-gray-300);background-color:var(--color-white);overflow:hidden;cursor:pointer;transition:border-color .2s}.gallery-color-item:hover{border-color:var(--color-gray-400)}.gallery-color-item--selected{border-color:var(--color-gray-1800);background-color:var(--color-gray-200)}.gallery-color-item img{width:100%;height:100%;object-fit:cover}.gallery-color-check{position:absolute;bottom:-2px;right:-2px;display:flex;align-items:center;padding:var(--spacing-4);background-color:var(--color-gray-1800)}.gallery-color-check svg{width:16px;height:16px}.gallery-carousel{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-20);overflow:hidden}.gallery-images{display:flex;gap:var(--spacing-20)}.gallery-image{width:364px;height:240px;flex-shrink:0}.gallery-image img{width:100%;height:100%;object-fit:cover}.gallery-fade-left,.gallery-fade-right{position:absolute;top:0;bottom:0;width:56px;pointer-events:none;z-index:1;display:none!important}.gallery-fade-left{left:0;background:linear-gradient(to right,var(--color-white),transparent)}.gallery-fade-right{right:0;background:linear-gradient(to left,var(--color-white),transparent)}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-16);background-color:var(--color-white);border:1px solid var(--color-gray-400);cursor:pointer;transition:background-color .2s,border-color .2s;z-index:2}.gallery-nav:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-1800)}.gallery-nav svg{width:24px;height:24px}.gallery-nav--prev{left:0}.gallery-nav--next{right:0}.gallery-progress{position:relative;width:100%;height:2px;border-radius:var(--radius-full)}.gallery-progress-track{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-primary);opacity:.1;border-radius:var(--radius-full)}.gallery-progress-fill{position:absolute;top:0;bottom:0;left:0;width:17.65%;background-color:var(--color-primary);border-radius:var(--radius-full)}.gallery-nav-row{display:none}.config-content::-webkit-scrollbar{width:6px}.config-content::-webkit-scrollbar-track{background:transparent}.config-content::-webkit-scrollbar-thumb{background-color:var(--color-gray-400);border-radius:3px}.config-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-1000)}@media (max-width: 999px){.configurator{flex-direction:column;height:auto;min-height:100vh}.image-panel{flex:none;width:100%;height:auto;position:relative;padding:var(--spacing-20);padding-top:0;padding-bottom:var(--spacing-12)}.header{position:fixed;top:0;left:0;right:0;flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--spacing-12) var(--spacing-16);background-color:var(--color-white);border-bottom:1px solid var(--color-border);z-index:100;height:60px}.logo{width:166px;height:20px}.back-link{display:none}.sofa-image{position:relative;top:auto;left:auto;transform:none;width:100%;height:210px;margin-top:60px}.sofa-image img{width:100%;height:100%;object-fit:cover}.mobile-back-link{display:inline-flex;position:absolute;top:68px;left:var(--spacing-8);align-items:center;gap:var(--spacing-8);font-size:12px;font-weight:600;text-decoration:underline;z-index:10;appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:0;margin:0;font-family:inherit;color:inherit;line-height:inherit;cursor:pointer}.mobile-back-link svg{width:20px;height:20px}.image-controls{position:absolute;bottom:calc(var(--spacing-12) + var(--spacing-8));left:calc(var(--spacing-20) + var(--spacing-8));transform:none;flex-direction:column;gap:var(--spacing-4);padding:0;background-color:transparent}.control-btn{padding:var(--spacing-8)}.image-controls .control-btn:nth-child(1){order:2}.image-controls .control-btn:nth-child(2){order:1}.control-divider{display:none}.image-controls .control-btn:nth-child(4){display:none}.mobile-ruler-btn{display:flex;align-items:center;justify-content:center;position:absolute;bottom:calc(var(--spacing-12) + var(--spacing-8));right:calc(var(--spacing-20) + var(--spacing-8));padding:var(--spacing-8);background-color:var(--color-white);border:1px solid var(--color-gray-400);cursor:pointer}.add-module-control{position:absolute;bottom:calc(var(--spacing-12) + var(--spacing-8));left:50%;right:auto;transform:translate(-50%);padding:0;background-color:transparent}.add-module-control .btn{padding:var(--spacing-8) var(--spacing-16);gap:var(--spacing-8);background-color:var(--color-white);border:1px solid var(--color-gray-400)}.config-panel{width:100%;border-left:none;border-top:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;flex-shrink:0;max-height:none;height:auto}.config-nav{padding:var(--spacing-12) var(--spacing-20)}.nav-tabs{gap:var(--spacing-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{padding:var(--spacing-4) var(--spacing-8);font-size:14px;white-space:nowrap}.nav-tab svg{width:16px;height:16px}.config-content{gap:32px;overflow-y:visible;max-height:none}.section-title{font-size:16px}.text-link{font-size:12px}.option-item{width:49px;height:49px}.option-check svg{width:12px;height:12px}.option-label{font-size:12px}.module-grid{width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.module-item{width:49px;flex-shrink:0}.module-item img{height:41px}.module-add{width:49px;height:49px}.added-module{padding:var(--spacing-8) var(--spacing-12)}.added-module-img{width:48px;height:48px}.added-module-name,.added-module-name span{font-size:12px}.color-swatch{width:20px;height:20px;padding:var(--spacing-4)}.color-swatch img{width:12px;height:12px}.edit-link{font-size:12px}.edit-link svg{width:16px;height:16px}.edit-hint{font-size:12px}.edit-hint svg{width:16px;height:16px}.color-item{width:49px;height:49px}.color-item .option-check svg{width:12px;height:12px}.color-info{font-size:12px}.btn-full{font-size:12px;padding:var(--spacing-8) var(--spacing-12)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-12)}.summary-title{font-size:16px;flex-wrap:wrap}.summary-title-row{flex-direction:column;gap:var(--spacing-20)}.summary-dimension,.summary-group-title,.summary-row{font-size:12px}.config-footer{border-radius:var(--radius-md) var(--radius-md) 0 0}.price-label{font-size:18px}.price-value{font-size:20px}.footer-actions{gap:var(--spacing-12)}.btn-group{gap:var(--spacing-16)}.btn-group .btn{padding:var(--spacing-8) var(--spacing-16);gap:var(--spacing-8)}.btn-group .btn-outline{flex:none}.btn-group .btn-outline .btn-label-full{display:none}.btn-group .btn-outline .btn-label-short{display:inline}.payment-methods{gap:var(--spacing-8)}.payment-icon{width:23px;height:16px}.shipping-info{font-size:12px;padding:var(--spacing-8)}.shipping-info svg{width:16px;height:16px}}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-16);align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-8);cursor:pointer;font-size:14px;color:var(--color-primary);-webkit-user-select:none;user-select:none}.checkbox-label:hover .checkbox-input:not(:checked){border-color:var(--color-brand-2200)}.checkbox-input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--color-gray-400);border-radius:var(--radius-sm);background-color:var(--color-white);cursor:pointer;position:relative;transition:all .15s ease;flex-shrink:0}.checkbox-input:hover{border-color:var(--color-brand-2200)}.checkbox-input:checked{background-color:var(--color-brand-1800);border-color:var(--color-brand-2200)}.checkbox-input:checked:after{content:"";position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:focus{outline:none;box-shadow:0 0 0 3px var(--color-brand-200)}.checkbox-input:disabled{opacity:.5;cursor:not-allowed}.checkbox-input:disabled+span{opacity:.5;cursor:not-allowed}@media (max-width: 999px){.checkbox-group{gap:var(--spacing-12)}.checkbox-label{font-size:12px}.checkbox-input{width:18px;height:18px}.checkbox-input:checked:after{top:1px;left:5px;width:4px;height:9px}}.btn-group .btn-outline .btn-label-short{display:none}.btn-group .btn-outline .btn-label-full{display:inline}@media (max-width: 999px){.popup-overlay{padding:var(--spacing-16);align-items:flex-end}.popup{width:100%;max-height:85vh;padding:var(--spacing-24) var(--spacing-16);gap:var(--spacing-12);border-radius:0}.popup-header{gap:var(--spacing-16)}.popup-title{font-size:18px}.popup-close svg{width:16px;height:16px}.fabric-label,.fabric-count{font-size:12px}.fabric-item{width:55px;height:42px}.fabric-check svg{width:16px;height:16px}.btn-lg{padding:var(--spacing-12) var(--spacing-24);font-size:14px}.btn-lg svg{display:none}.popup .payment-icon{width:23px;height:16px}}@media (max-width: 999px){.gallery-overlay{padding:var(--spacing-16);align-items:flex-end}.gallery-popup{width:100%;max-height:85vh;padding:var(--spacing-24) var(--spacing-16);gap:var(--spacing-12)}.gallery-header{gap:var(--spacing-16)}.gallery-title{font-size:18px}.gallery-close svg{width:16px;height:16px}.gallery-colors-label,.gallery-colors-value{font-size:12px}.gallery-color-item{flex:none;width:55px;height:42px}.gallery-carousel{gap:var(--spacing-12);flex-direction:column}.gallery-images{width:100%}.gallery-image{width:100%;height:auto;aspect-ratio:364 / 240}.gallery-fade-left,.gallery-fade-right,.gallery-nav--desktop,.gallery-image--desktop,.gallery-progress--desktop{display:none}.gallery-nav-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-12);width:100%}.gallery-nav-row .gallery-nav{position:static;transform:none;padding:var(--spacing-12)}.gallery-nav-row .gallery-progress{flex:1}.gallery-popup .btn-lg{padding:var(--spacing-12) var(--spacing-24);font-size:14px}}.viewer-mode .config-panel,.viewer-mode .header,.viewer-mode .mobile-back-link,.viewer-mode .image-controls,.viewer-mode .mobile-ruler-btn,.viewer-mode~.module-edit-overlay{display:none!important}.viewer-mode .image-panel{width:100%;flex:1}.viewer-mode .sofa-viewer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.sofa-viewer{width:100%;height:100%;position:relative;background:#e8e8e8}.sofa-viewer canvas{width:100%!important;height:100%!important;display:block;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.image-panel .sofa-image.sofa-viewer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transform:none}.ruler-overlay{display:none;position:absolute;top:100px;left:20px;background:#000000d9;color:#fff;padding:16px 20px;border-radius:12px;font-family:Maven Pro,sans-serif;font-size:14px;z-index:10}.ruler-overlay.active{display:block}.ruler-overlay h4{margin:0 0 12px;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.ruler-overlay .dimension{margin:6px 0}.ruler-overlay .dimension span{color:#60b6ac;font-weight:600}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#f2f2f2f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;font-family:Maven Pro,sans-serif;color:#353535}.loading-overlay.hidden{display:none}.viewer-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#e8e8e8d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:15;font-family:Maven Pro,sans-serif;color:#353535;pointer-events:none;opacity:0;transition:opacity .2s ease}.viewer-loading-overlay.active{opacity:1;pointer-events:auto}.loading-spinner{width:48px;height:48px;border:3px solid #e5e5e5;border-top-color:#60b6ac;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.module-edit-overlay{display:flex;justify-content:flex-end;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;visibility:hidden;pointer-events:none;transition:visibility 0s .3s}.module-edit-overlay.active{visibility:visible;pointer-events:none;transition:visibility 0s 0s}.module-edit-overlay .module-sidebar{position:relative;height:100vh;max-width:520px;transform:translate(100%);transition:transform .3s ease;pointer-events:auto}.module-edit-overlay.active .module-sidebar{transform:translate(0)}.control-btn.active,.mobile-ruler-btn.active{background-color:var(--color-brand-200);border-color:var(--color-brand-2200)}.status-message{position:absolute;top:20px;right:20px;background:#000c;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;z-index:10;max-width:300px}.status-message.error{background:#f04438e6}.status-message.hidden{display:none}.gallery-overlay.active,.popup-overlay.active{display:flex}.config-nav{display:none}.config-panel{padding-top:0}.summary-section{display:none}.color-grid.loading{opacity:.5;pointer-events:none}.module-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--color-brand-1800);color:#fff;border-radius:12px;font-size:12px;font-weight:600;margin-left:8px}.w-full{width:100%}.flex-1{flex:1}.empty-modules-msg{padding:20px;text-align:center;color:var(--color-gray-1000);font-size:14px}.module-size-text{color:var(--color-gray-1000);font-weight:400}.config-select{width:100%;height:44px;border:1px solid var(--color-gray-400);padding:0 12px;font-size:14px;background:var(--color-background)}.btn-danger{width:100%;color:var(--color-error);border-color:var(--color-error)}[x-cloak]{display:none!important}@media (max-width: 999px){.image-panel{padding:60px 0 0}.image-panel .sofa-image.sofa-viewer{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;height:0;padding-bottom:100%;transform:none;margin-top:0}.image-panel .sofa-image.sofa-viewer canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.image-panel .sofa-image.sofa-viewer .loading-overlay,.image-panel .sofa-image.sofa-viewer .viewer-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.module-edit-overlay{background:#0000;align-items:flex-end;justify-content:center;transition:visibility 0s .3s,background .3s ease}.module-edit-overlay.active{background:#0000004d;pointer-events:auto;transition:visibility 0s 0s,background .3s ease}.module-edit-overlay .module-sidebar{position:relative;height:auto;max-height:55vh;min-height:300px;max-width:100%;width:100%;transform:translateY(100%)}.module-edit-overlay.active .module-sidebar{transform:translateY(0)}.ruler-overlay{top:44px;left:12px;padding:12px 16px;font-size:12px}.status-message{top:12px;left:auto;right:12px;max-width:calc(100% - 140px);font-size:12px}.module-edit-overlay .module-sidebar{width:100%;max-width:100%}.image-controls{position:absolute;bottom:12px;left:12px;transform:none;z-index:10}.mobile-ruler-btn{position:absolute;bottom:12px;right:12px;z-index:10}.mobile-back-link{position:absolute;top:72px;left:12px;z-index:10}body.edit-panel-open{overflow:hidden;position:fixed;width:100%;height:100%}}.napps-smartbanner,#napps-smartbanner{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/209/assets/sofa-config-styles.css.map */