:root{--primary-color: #e5e5e5;--secondary-color: #070707;--accent-color: #d4af37;--transition-duration: .3s}body{margin:0;padding:0;font-family:Helvetica Neue,Arial,sans-serif;background-color:var(--primary-color);color:var(--secondary-color);overflow:hidden}.main-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow-y:auto;overflow-x:hidden}.product-viewer{display:grid;grid-template-columns:minmax(180px,200px) 1fr minmax(250px,300px);gap:1rem;padding:1rem;height:100%;box-sizing:border-box;min-height:0}.model-selector{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;margin-top:2.5rem}.bag-buttons{display:grid;grid-template-columns:repeat(1,1fr);gap:.5rem;margin-top:-1rem}.model-btn{padding:.75rem;background:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color);border-radius:3px;cursor:pointer;transition:all var(--transition-duration);font-size:.9rem;width:100%;box-sizing:border-box;text-align:center}.model-btn:hover{border-color:var(--accent-color);background:#ffffff1a}.model-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:var(--primary-color)}.model-btn:hover{background:#ffffff1a}.model-btn.active{background:var(--accent-color);border-color:var(--accent-color)}.material-section{margin-bottom:2rem}.section-title{font-size:1.2rem;margin-bottom:1rem;color:var(--secondary-color)}.material-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.material-btn{padding:.75rem;background:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color);border-radius:3px;cursor:pointer;transition:all var(--transition-duration);font-size:.9rem}.material-btn:hover{background:#ffffff1a}.material-btn.active{background:var(--accent-color);border-color:var(--accent-color)}.material-btn.disabled{opacity:.5;cursor:not-allowed;background-color:#ccc;border-color:#999}.material-btn.disabled:hover{background-color:#ccc;border-color:#999}.color-section{display:flex;flex-direction:column;gap:1rem}.color-option{display:flex;align-items:center;gap:1rem}.color-picker{position:relative}.color-preview{width:15px;height:15px;border-radius:3px;border:2px solid var(--secondary-color);cursor:pointer;transition:all var(--transition-duration)}.color-palette{display:none;position:absolute;left:0;background:#000000e6;border-radius:8px;top:auto;bottom:calc(100% + 10px);padding:1rem;grid-template-columns:repeat(4,1fr);gap:.5rem;z-index:1000;margin-top:.5rem}.color-swatch{width:30px;height:30px;border-radius:4px;cursor:pointer;transition:transform .2s;position:relative;display:flex;align-items:center;justify-content:center}.color-code{font-size:10px;font-weight:700;color:#fff;text-shadow:0px 0px 2px #000,0px 0px 2px #000;pointer-events:none}.color-swatch:hover{transform:scale(1.1)}.color-label{font-size:1rem;color:var(--secondary-color)}.linings-section{margin-top:2rem}.linings-option{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.checkbox-container{position:relative;display:inline-block;width:30px;height:30px;cursor:pointer}.checkbox-container input{opacity:0;width:0;height:0}.checkmark{position:absolute;top:0;left:0;width:30px;height:30px;background-color:transparent;border:2px solid var(--secondary-color);border-radius:3px;transition:all var(--transition-duration)}.checkbox-container input:checked~.checkmark:after{content:"";position:absolute;left:8px;top:2px;width:10px;height:20px;border:solid var(--secondary-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.linings-option.disabled{opacity:.5;pointer-events:none}.canvas-container{position:relative;width:100%;height:100%;min-height:450px;background:linear-gradient(to bottom,#676666,#444);border-radius:8px;overflow:visible}.webgl{position:absolute;top:0;left:0;width:100%!important;height:100%!important;outline:none}.customization-panel{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem;padding-bottom:300px;border-radius:8px;height:auto;min-height:300px;overflow-y:visible;box-sizing:border-box;margin-bottom:50px;margin-top:2rem}.material-section{margin-bottom:1.5rem}.material-btn{padding:.5rem;font-size:.85rem;width:100%;box-sizing:border-box}.color-section{gap:.75rem}.color-preview{width:30px;height:30px}.linings-section{margin-top:1.5rem}.linings-option{margin-bottom:.75rem}.donate-btn{background-color:#4caf50;color:#fff;padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.intro-overlay,.intro-overlay-bottom{position:fixed;top:0;left:0;width:100%;height:50%;background-color:var(--primary-color);z-index:1000;transition:transform 1.2s cubic-bezier(.7,0,.3,1)}.intro-overlay-bottom{top:50%}.intro-overlay.split{transform:translateY(-100%)}.intro-overlay-bottom.split{transform:translateY(100%)}.intro-button{background:transparent;border:2px solid var(--secondary-color);padding:20px;border-radius:50%;cursor:pointer;animation:pulse 2s infinite;transition:all .3s ease}.intro-button:hover{transform:scale(1.1);border-color:var(--accent-color)}.logo-image{width:60px;height:60px;object-fit:contain}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #0003}70%{transform:scale(1.05);box-shadow:0 0 0 10px #0000}to{transform:scale(1);box-shadow:0 0 #0000}}.qr-panel{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--primary-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:.5rem;z-index:1000;box-shadow:0 2px 10px #0000001a}.qr-panel.active{display:block}.qr-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.qr-code img{width:120px;height:120px;border-radius:4px;margin-bottom:.5rem}.qr-code p{margin:0;color:var(--text-color);font-size:.9rem}.donate-section{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:1rem}@media screen and (max-width: 992px){.model-selector{display:flex;flex-direction:column;gap:.5rem;margin-top:0;padding:0 .5rem}.section-title{margin-top:0;margin-bottom:1rem;order:-1}.bag-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;order:1}.model-btn:first-of-type{grid-column:1;grid-row:1}.model-btn:nth-of-type(2){grid-column:2;grid-row:1}.model-btn:nth-of-type(3){grid-column:1;grid-row:2}.model-btn:nth-of-type(4){grid-column:2;grid-row:2}}@media screen and (max-width: 992px){.main-container{padding-bottom:60px}.product-viewer{grid-template-columns:1fr;grid-template-rows:auto minmax(250px,40vh) auto;gap:2rem;height:auto;overflow-y:auto;padding:1rem 1rem 2rem;margin-bottom:2rem}.customization-panel{height:auto;max-height:none;overflow-y:visible;padding:1.5rem;padding-bottom:250px;margin-bottom:50px;background:#ffffff14;margin-top:12rem}.color-section,.linings-section{display:inline-block;vertical-align:top;width:45%;margin-top:0}.linings-section{margin-left:5%;margin-top:0}.color-section{gap:1rem}.color-option{margin-bottom:1rem}.model-selector{display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem}.canvas-container{height:60vh;min-height:400px;margin:-2rem 0}.customization-panel{height:auto;max-height:none;overflow-y:visible;padding:1rem}.material-section{margin-bottom:1rem;margin-top:-2rem}.material-btn{padding:.5rem;font-size:.85rem}.color-section{gap:.5rem}.color-preview{width:30px;height:30px}.color-palette{grid-template-columns:repeat(3,1fr)}.color-swatch{width:25px;height:25px}.section-title{font-size:1rem;margin-bottom:.75rem}.linings-section{margin-top:1rem}.linings-option{margin-bottom:.5rem}}@media screen and (max-width: 600px){.product-viewer{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;height:auto}.model-selector{display:flex;flex-direction:column;gap:.1rem;padding:.1rem,0;order:2}.section-title{margin-top:0;margin-bottom:1rem;order:-1}.bag-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;order:1;width:100%}.canvas-container{height:100vh;min-height:400px;margin:0;order:1}.customization-panel{order:3;padding:.75rem;margin-top:-2.5rem;background:#ffffff14}.material-section,.color-section,.linings-section{margin:.1rem 0}.material-options{grid-template-columns:repeat(2,1fr);gap:.5rem}.section-title{font-size:.9rem;margin-bottom:.4rem}}.main-container{height:100vh;overflow-y:auto}.dg.main{position:absolute!important;top:0!important;right:0!important;background:#000c!important}.dg.main .close-button{display:none!important}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-progress{width:300px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-bar{width:0;height:4px;background:#000;transition:width .3s ease}.progress-text{text-align:center;margin-top:8px;font-size:14px}.qr-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:1000}.qr-modal-content{background-color:#fff;padding:2rem;border-radius:8px;text-align:center;max-width:90%;width:400px}.close-modal{position:absolute;right:1rem;top:.5rem;font-size:1.5rem;cursor:pointer;color:#666}.qr-container{display:flex;justify-content:space-around;margin-top:1.5rem}.qr-code{text-align:center}.qr-code img{width:150px;height:200px;margin-bottom:.5rem}.qr-code p{margin:0;color:#666}.donate-btn{background-color:#4caf50;color:#fff;padding:8px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:15px 2px 4px;cursor:pointer;border:none;border-radius:4px;transition:background-color .3s}.donate-btn:hover{background-color:#45a049}.light-controls{position:fixed;bottom:20px;right:20px;background:#000000b3;border-radius:8px;padding:10px;width:250px;color:#fff;font-size:12px;z-index:1000;transition:transform .3s ease;transform:translate(calc(100% - 40px))}.light-controls.expanded{transform:translate(0)}.light-controls-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:#fff;padding:8px;cursor:pointer;border-radius:4px 0 0 4px}.light-control-item{margin-bottom:15px}.light-control-item:last-child{margin-bottom:0}.light-control-item h3{margin:0 0 5px;font-size:12px;color:#fff}.light-control-item .slider-container{display:flex;align-items:center;gap:10px}.light-control-item input[type=range]{flex:1;width:100%;height:4px;-webkit-appearance:none;background:#555;border-radius:2px;outline:none}.light-control-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.light-control-item .intensity-value{min-width:30px;text-align:right}.light-control-item input[type=color]{width:20px;height:20px;padding:0;border:none;border-radius:3px;cursor:pointer}.light-controls-reset{width:100%;padding:8px;margin-top:15px;background:#fff3;border:none;border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:background-color .2s}.light-controls-reset:hover{background:#ffffff4d}