.home{max-width:1200px;margin:0 auto;padding:20px}.hero video{background-size:cover;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);height:100%;width:100%;position:absolute;top:50%;right:0rem;bottom:0rem;left:50%;border-radius:8px;object-fit:cover}.hero{position:relative;background:linear-gradient(#00000080,#00000080);background-size:cover;background-position:center;height:600px;width:84vw;left:0;right:0;margin:auto auto 40px;padding:60px 20px;text-align:center;border-radius:8px;display:flex;align-items:center;overflow:hidden;justify-content:center}.hero-content{color:#fff;max-width:800px;padding:20px;z-index:1}.hero-content h1{font-size:2.8rem;margin-bottom:20px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-content p{font-size:1.5rem;color:#fff;margin-bottom:30px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.cta-button{padding:15px 40px;font-size:1.2rem;background-color:var(--primary-color);color:#fff;border:2px solid white;border-radius:4px;cursor:pointer;transition:all .3s ease}.cta-button:hover{background-color:#fff;color:var(--primary-color);transform:translateY(-2px)}.presets-button{padding:15px 40px;font-size:1.2rem;background-color:#fff;color:#000;border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .3s ease}.presets-button:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.divider{font-weight:100;color:#d3d3d3}.buttons{display:flex;gap:20px;justify-content:center}.featured-products{padding:60px 0}.featured-products h2{text-align:center;margin-bottom:40px;font-size:2.5rem;color:var(--text-color)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;padding:20px}.product-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.product-card:hover{transform:translateY(-5px)}.product-image{height:250px;background-color:#e2e8f0;border-radius:8px;margin-bottom:20px;background-size:cover;background-position:center}.product-card h3{font-size:1.5rem;margin-bottom:10px;color:var(--text-color)}.product-card p{font-size:1.2rem;color:var(--primary-color);font-weight:700}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.view-more{display:flex;align-items:center;gap:8px;color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease}.view-more:hover{color:var(--primary-dark);transform:translate(5px)}.view-more i{font-size:14px}.materials-section{background-color:#f3f4f6;padding:4rem 2rem;text-align:center}.materials-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#333}.materials-content p{font-size:1.1rem;margin-bottom:2rem;color:#555}.material-cards{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.material-card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.material-card:hover{transform:scale(1.05)}.material-card h3{font-size:1.5rem;color:#444}.material-card p{font-size:1rem;color:#666}.material-icon{font-size:2.5rem;color:#4a5568;margin-bottom:.5rem}.photos{display:flex;width:100%!important;flex-wrap:wrap;margin-bottom:30px}.coaster-image{width:50%;padding:5px}.about h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#333;text-align:center}.info{display:flex;justify-content:space-between;flex-direction:row;margin-top:50px}.about p{max-width:450px;margin-bottom:50px;min-width:300px}.text{flex-direction:column}.about img{width:100%;border-radius:15px;min-width:300px;max-width:600px}@media screen and (max-width: 600px){.coaster-image{width:100%}}@media screen and (max-width: 700px){.info{flex-direction:column}}.about{max-width:1200px;margin:0 auto;padding:20px;position:relative}.about-hero{text-align:center;background-color:#f5f5f5;border-radius:8px;margin-bottom:40px}.who-text{font-size:1.5rem}.about-hero h1{font-size:2.5rem;margin-bottom:20px}.craftsmanship{padding:40px 0;text-align:center}.craftsmanship h2{margin-bottom:20px}.process{padding:40px 0}.process h2{text-align:center;margin-bottom:40px}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;padding:20px}.step{text-align:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.step h3{margin-bottom:15px;color:#2d3748}.group{width:80vw;height:fit-content;border-radius:15px}@media (max-width: 700px){.who-text{font-size:1rem}}.contact-page{max-width:1200px;margin:0 auto;padding:20px}.contact-page h1{text-align:center;margin-bottom:40px;color:var(--text-color)}.contact-container{display:grid;grid-template-columns:2fr 1fr;gap:40px;max-width:1200px;margin:0 auto}.contact-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:none}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.form-control{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-color);font-size:14px;transition:all .3s ease}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}textarea.form-control{min-height:150px;resize:vertical}.submit-button{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.submit-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{color:#dc3545;font-size:14px;margin-top:5px}.success-message{color:#28a745;text-align:center;padding:20px;background:#28a7451a;border-radius:6px;margin-bottom:20px}.contact-info{padding:20px}.contact-info h3{margin-bottom:15px;color:#2d3748}.social-links{display:flex;gap:15px}.social-links a{color:#4a5568;text-decoration:none}.social-links a:hover{color:#2d3748}.contact-info{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a;height:fit-content}.info-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.info-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-section h3{font-size:1.2rem;color:var(--text-color);margin-bottom:15px}.info-item{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--text-light)}.info-item a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.info-item a:hover{color:var(--primary-dark)}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{display:flex;align-items:center;gap:10px;color:var(--text-color);text-decoration:none;padding:8px 12px;border-radius:6px;transition:all .3s ease}.social-link:hover{background:var(--background-light);transform:translate(5px)}.social-link i{font-size:20px;width:24px}@media (max-width: 768px){.contact-container{grid-template-columns:1fr}.contact-info{order:-1}}.cart-image{height:60px}.cart-item{display:flex;justify-content:space-between;width:100%;margin-bottom:20px;gap:10vw}.cart-container{overflow-y:scroll;width:80vw;height:70vh;border-radius:15px;background-color:#fff;padding-left:5vw;padding-right:5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center}.trash-button{background-color:red;border:solid 2px red;cursor:pointer;height:60px;width:60px;border-radius:50%;color:#fff}.trash-button:hover{background-color:transparent;border:solid 2px red;color:red}.cart-info{display:flex;flex-direction:row;justify-content:space-between;width:100%}.span{width:100px}.customize{max-width:1200px;margin:0 auto;padding:20px}.customize h1{text-align:center;margin-bottom:40px;color:var(--text-color)}.customization-container{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}.options-panel{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.customization-section{margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.customization-section h2{margin-bottom:20px;color:var(--text-color);font-size:1.5rem}.shape-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.shape-option{text-align:center;cursor:pointer;transition:transform .3s ease}.shape-option:hover{transform:translateY(-3px)}.shape-preview{width:60px;height:60px;margin:0 auto 10px;background:var(--background-light);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.shape-preview.cirkel{border-radius:50%}.shape-preview.hexagon{position:relative;background:transparent;border:none;box-shadow:none!important}.shape-preview.hexagon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background-light);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:1;transition:background .3s ease}.shape-preview.hexagon:after{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:var(--primary-color);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:0;opacity:0;transition:opacity .3s ease}.shape-preview.square{border-radius:12px}.shape-option:hover .shape-preview{background:var(--background-light);border-color:var(--primary-color);box-shadow:0 4px 8px #0000001a}.shape-option.selected .shape-preview{border-color:var(--primary-color);background:var(--background-light)}.shape-option:hover .shape-preview.hexagon,.shape-option.selected .shape-preview.hexagon{border-color:transparent;background:transparent}.shape-option:hover .shape-preview.hexagon:after,.shape-option.selected .shape-preview.hexagon:after{opacity:1}.shape-option:hover .shape-preview.hexagon:before,.shape-option.selected .shape-preview.hexagon:before{background:var(--background-light)}.shape-option span{color:var(--text-color);transition:color .3s ease}.shape-option:hover span{color:var(--primary-color)}.shape-option.selected span{color:var(--primary-color);font-weight:500}.upload-section{border:2px dashed var(--border-color);padding:20px;border-radius:8px;text-align:center;background:var(--background-light);transition:all .3s ease}.upload-section:hover{border-color:var(--primary-color);background:#fff}.file-input{width:100%;padding:10px;background:#fff;border:1px solid var(--border-color);border-radius:6px;cursor:pointer}.file-input:hover{background:var(--background-light)}.upload-hint{color:var(--text-light);font-size:.9rem;margin:0}.text-options{display:flex;flex-direction:column;gap:15px}.option-group{display:flex;flex-direction:column;gap:5px}.option-group label{font-weight:500;color:var(--text-color)}.size-controls{display:flex;align-items:center;gap:10px}.size-button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem}.size-button:hover{background:var(--primary-dark)}.size-value{min-width:50px;text-align:center}.delete-button{padding:8px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.delete-button:hover{background:#bd2130}.select-input option{padding:8px}.color-picker{width:100%;height:40px;padding:5px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.color-input{width:100%;height:40px;padding:0;border:none;cursor:pointer}.select-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-color);font-size:14px;transition:all .3s ease}.select-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.position-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.position-btn{padding:8px;border:1px solid var(--border-color);background:#fff;border-radius:4px;cursor:pointer}.position-btn.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.preview-panel{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;position:sticky;top:20px}.coaster-preview{width:400px;height:400px;margin:0 auto;background:var(--background-light);border-radius:8px;position:relative;overflow:hidden}.coaster-preview.cirkel{border-radius:50%}.coaster-preview.hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.uploaded-image{width:100%;height:100%;object-fit:cover}.preview-text{position:absolute;left:50%;transform:translate(-50%);background:#00000080;color:#fff;padding:8px 16px;border-radius:4px;text-align:center;max-width:90%}.preview-text.position-top{top:20px}.preview-text.position-center{top:50%;transform:translate(-50%,-50%)}.preview-text.position-bottom{bottom:20px}.add-to-cart-button{width:100%;padding:15px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.add-to-cart-button:hover{background:var(--primary-dark)}@media (max-width: 768px){.customization-container{grid-template-columns:1fr}}.draggable-element{position:absolute;cursor:move;padding:8px;background:#fffc;border-radius:4px;min-width:50px;min-height:20px}.draggable-element img{display:block;max-width:100%;height:auto}.draggable-element [contenteditable]{outline:none;min-width:50px;min-height:20px}.element-editor{background:var(--background-light);padding:15px;border-radius:8px;margin-bottom:15px}.element-editor h3{margin-bottom:10px;font-size:1rem}.style-controls{display:flex;gap:10px;margin-top:10px}.rotation-input{width:100%;margin-top:10px}.element-controls{display:flex;flex-direction:column;gap:15px}.control-button{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.control-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.coaster-canvas{width:100%;height:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:move;margin-bottom:20px}.preview-panel{display:flex;flex-direction:column;align-items:center}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.payment-modal{background:#fff;padding:30px;border-radius:12px;min-width:300px;max-width:500px;box-shadow:0 4px 6px #0000001a}.payment-modal h2{margin-bottom:20px;text-align:center}.order-summary{margin-bottom:30px;padding:20px;background:var(--background-light);border-radius:8px}.order-summary p{margin:10px 0}.payment-button{width:100%;padding:15px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease;margin-bottom:10px}.payment-button:hover:not(:disabled){background:var(--primary-dark)}.payment-button:disabled{opacity:.7;cursor:not-allowed}.cancel-button{width:100%;padding:15px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.cancel-button:hover:not(:disabled){background:#bd2130}.cancel-button:disabled{opacity:.7;cursor:not-allowed}.svg-options{display:flex;flex-direction:column;gap:15px}.rotation-controls{display:flex;align-items:center;gap:10px}.rotation-value{min-width:50px;text-align:center}.thickness-controls{display:flex;align-items:center;gap:10px;padding-right:5px}.thickness-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;outline:none}.thickness-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;transition:background-color .3s ease}.thickness-slider::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;transition:background-color .3s ease;border:none}.thickness-slider::-webkit-slider-thumb:hover{background:var(--primary-dark)}.thickness-slider::-moz-range-thumb:hover{background:var(--primary-dark)}.thickness-value{min-width:45px;text-align:right;color:var(--text-color);margin-right:5px}.dimension-input{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dimension-input label{min-width:60px}.dimension-input input{width:60px;padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:#fff;color:var(--text-color)}.dimension-input span{color:var(--text-light)}.reset-button{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;font-size:16px;transition:all .3s ease}.reset-button:hover{background:var(--border-color);transform:rotate(-180deg)}.text-edit-input{position:absolute;border:1px solid var(--primary-color);outline:none;padding:2px 4px;background:#fff;color:var(--text-color);pointer-events:auto;box-shadow:0 2px 6px #0000001a;min-width:100px;max-width:300px}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.quantity-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.quantity-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.quantity-button:disabled{opacity:.5;cursor:not-allowed}.quantity-value{font-size:1.1rem;color:var(--text-color);min-width:80px;text-align:center}.price-display{text-align:center;font-size:1.4rem;font-weight:500;color:var(--primary-color);margin-top:10px}.reset-design-button{width:100%;padding:15px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px}.reset-design-button:hover{background:#bd2130;transform:translateY(-2px)}.reset-design-button i{font-size:1.2rem}.product-container{background-color:#f0f0f0;border-radius:15px;width:300px;height:fit-content;display:flex;flex-direction:column;text-align:center;padding:10px}.price-input-container{display:flex;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:10px}.main-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.img{width:100%;min-height:200px;border-radius:15px;object-fit:cover}.name{font-size:20px;font-weight:600;margin-top:10px}.price{font-size:16px;font-weight:400}input{width:50px;background:#fff;border:none;border-radius:5px;height:30px;color:#000}h1{margin-top:20px;margin-bottom:40px}#root{width:100%;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{min-height:100vh;display:flex;flex-direction:column}.nav-wrapper{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.nav{margin:0 auto;width:85vw;height:70px;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:24px;display:inline-flex;align-items:center;gap:20px;font-weight:700;color:var(--text-color);text-decoration:none}.logo{margin:0;padding:0;width:65px;height:65px}.nav-links{display:flex;gap:20px;align-items:center}@media (max-width: 700px){.nav-link{display:none}.nav-brand{display:inline-flex;justify-content:center;width:100%}}.bm-burger-button{display:none}.menu-item:hover{background:var(--background-light)}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;padding:8px 12px;border-radius:6px;transition:all .3s ease}.nav-link:hover{background:var(--background-light)}.nav-link.active{color:var(--primary-color);background:var(--background-light)}.cart-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color);color:#fff;border-radius:8px;text-decoration:none;transition:all .3s ease}.cart-button span{width:fit-content}.cart-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.cart-icon{font-size:20px}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:20px}:root{--primary-color: #4a5568;--primary-dark: #2d3748;--text-color: #333;--text-light: #666;--background-light: #f5f5f5;--border-color: #ddd;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-light);min-width:320px}h1,h2,h3,h4,h5,h6{line-height:1.2}button{font-family:inherit;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app{min-height:100vh}@media (prefers-color-scheme: light){:root{color:var(--text-color);background-color:var(--background-light)}}