@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}:root{--primary-color: #8b4513;--secondary-color: #d2691e;--text-color: #333;--bg-color: #fff;--gray-light: #f5f5f5;--gray-medium: #ddd;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}body{font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-color);line-height:1.6;margin:0;padding:0;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--bg-color);box-shadow:var(--shadow);position:sticky;top:0;z-index:100;margin:0;padding:0}.navbar{padding:1rem 0;margin:0}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;position:relative}.logo h1{color:var(--primary-color);font-size:1.5rem;font-weight:700}.logo{text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.mobile-menu-toggle{display:none;background:transparent;color:var(--primary-color);font-size:1.5rem;padding:.5rem;width:40px;height:40px;border:none;cursor:pointer}.mobile-menu-toggle:hover{background:#8b45131a;border-radius:4px}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.cart-link{background:var(--primary-color);color:#fff!important;padding:.5rem 1rem;border-radius:4px}.cart-link:hover{background:var(--secondary-color);color:#fff!important}main{min-height:calc(100vh - 200px);padding:0}footer{background:var(--text-color);color:#fff;padding:3rem 0 0;margin:0}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{min-width:0}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--secondary-color)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#fff;text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--secondary-color)}.footer-bottom{text-align:center;padding:2rem 0 0;margin:0;border-top:1px solid rgba(255,255,255,.1)}.newsletter-form{margin-top:1rem}.newsletter-input-wrapper{display:flex;gap:.5rem;flex-wrap:wrap}.newsletter-form input[type=email]{flex:1 1 auto;min-width:0;padding:.75rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff1a;color:#fff;font-size:.9rem}.newsletter-form input[type=email]::placeholder{color:#fff9}.newsletter-form input[type=email]:focus{outline:none;border-color:var(--secondary-color);background:#ffffff26}.newsletter-submit{width:100%;padding:.75rem 1.5rem;background:var(--secondary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s;white-space:nowrap;flex-shrink:0}.newsletter-submit:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.newsletter-submit:disabled{background:var(--gray-medium);cursor:not-allowed;transform:none}.newsletter-message{margin-top:.75rem;padding:.5rem;border-radius:4px;font-size:.85rem;animation:slideDown .3s ease-out}.newsletter-message.success{background:#28a74533;color:#90ee90;border:1px solid rgba(40,167,69,.5)}.newsletter-message.error{background:#dc354533;color:#ff7b7b;border:1px solid rgba(220,53,69,.5)}.newsletter-subscribed{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#28a74526;border:1px solid rgba(40,167,69,.3);border-radius:8px;color:#90ee90}.newsletter-subscribed svg{flex-shrink:0;stroke:#90ee90}.newsletter-subscribed p{margin:0;font-size:.95rem;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;font-family:inherit;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .3s}button:hover{background:var(--secondary-color)}button:disabled{background:var(--gray-medium);cursor:not-allowed}input:not(type="radio"),select,textarea{width:100%;padding:.75rem;border:1px solid var(--gray-medium);border-radius:4px;font-size:1rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.error{color:#dc3545;font-size:.875rem;margin-top:.25rem}.success{color:#28a745;font-size:.875rem;margin-top:.25rem}@media(min-width:769px){.mobile-menu-toggle{display:none!important}.nav-links{display:flex!important;position:static!important;flex-direction:row!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;background:transparent!important}}@media(max-width:768px){.nav-wrapper{flex-wrap:nowrap}.logo h1{font-size:1.1rem}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;order:3}.nav-links{position:fixed;top:65px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:0;box-shadow:0 4px 12px #00000026;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;z-index:99;order:4}.nav-links.mobile-open{max-height:500px;overflow-y:auto}.nav-links a{padding:1rem 1.5rem;width:100%;border-bottom:1px solid var(--gray-light);text-align:left;display:block}.nav-links a:last-child{border-bottom:none}.cart-link{background:transparent!important;color:var(--primary-color)!important;font-weight:600;border-radius:0!important}.footer-content{grid-template-columns:1fr;gap:2.5rem}.newsletter-input-wrapper{flex-direction:column;gap:.75rem}.newsletter-form input[type=email],.newsletter-submit{width:100%}}.add-to-cart{border-top:2px solid var(--gray-medium);padding-top:2rem}.quantity-selector{margin-bottom:1.5rem}.quantity-selector label{display:block;margin-bottom:.75rem;font-weight:700;color:var(--text-color);font-size:1rem}.quantity-controls{display:flex;align-items:stretch;gap:0;width:fit-content;border:2px solid rgba(139,69,19,.2);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.quantity-controls:focus-within{border-color:#8b4513;box-shadow:0 4px 12px #8b451326}.quantity-controls button{width:48px;height:48px;padding:0;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fefaf6,#f5f0e8);color:#8b4513;border:none;border-right:1px solid rgba(139,69,19,.15);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quantity-controls button:last-child{border-right:none;border-left:1px solid rgba(139,69,19,.15)}.quantity-controls button:hover:not(:disabled){background:linear-gradient(135deg,#8b4513,sienna);color:#fff}.quantity-controls button:active:not(:disabled){transform:scale(.95)}.quantity-controls button:disabled{opacity:.4;cursor:not-allowed;background:#f3f4f6}.quantity-controls input{width:80px;height:48px;text-align:center;border:none;font-size:1.125rem;font-weight:700;color:#8b4513;background:#fff;padding:0 .5rem}.quantity-controls input:focus{outline:none;background:#8b451308}.quantity-controls input:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.quantity-controls input[type=number]::-webkit-inner-spin-button,.quantity-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-controls input[type=number]{-moz-appearance:textfield}.size-selector{margin-bottom:1.5rem}.size-selector label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.size-selector select{width:100%;padding:.875rem 2.5rem .875rem 1rem;font-size:1rem;border:2px solid rgba(139,69,19,.2);border-radius:8px;background:#fff;color:var(--text-color);cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%238b4513' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.size-selector select:hover{border-color:#8b451366}.size-selector select:focus{outline:none;border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a}.size-selector select:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.add-to-cart-btn{width:100%;padding:1rem;font-size:1.1rem}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto auto;gap:1.5rem;align-items:center;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:var(--shadow)}.cart-item .item-image{width:100px;height:100px;border-radius:4px;overflow:hidden}.cart-item .item-image img{width:100%;height:100%;object-fit:cover}.cart-item .no-image{width:100%;height:100%;background:var(--gray-light);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-color)}.cart-item .item-details{flex:1}.cart-item .item-name{text-decoration:none}.cart-item .item-name h3{color:var(--text-color);font-size:1.1rem;margin-bottom:.5rem}.cart-item .item-name:hover h3{color:var(--primary-color)}.cart-item .item-size{color:var(--text-color);opacity:.7;font-size:.875rem;margin:.25rem 0;font-weight:600}.cart-item .item-price{color:var(--text-color);font-size:.9rem}.cart-item .item-price .price-note{color:var(--text-color);opacity:.6;font-size:.8rem}.cart-item .item-quantity{display:flex;align-items:center;gap:.5rem}.cart-item .item-quantity button{width:32px;height:32px;padding:0;font-size:1rem}.cart-item .item-quantity span{min-width:30px;text-align:center;font-weight:600}.cart-item .item-total{font-weight:700;color:var(--primary-color);font-size:1.2rem}.cart-item .remove-btn{background:transparent;color:#dc3545;width:32px;height:32px;padding:0;font-size:1.2rem}.cart-item .remove-btn:hover{background:#dc3545;color:#fff}@media(max-width:768px){.cart-item{grid-template-columns:80px 1fr;gap:1rem}.cart-item .item-image{width:80px;height:80px}.cart-item .item-quantity,.cart-item .item-total{grid-column:2}.cart-item .remove-btn{grid-column:2;justify-self:end}}.no-image{width:100%;height:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#6b7280;font-weight:600}.multi-image-upload-container,.image-upload-container{display:flex;flex-direction:column;gap:.75rem}.multi-image-upload-container input[type=file],.image-upload-container input[type=file]{padding:1rem 1.25rem;border:2px solid rgba(139,69,19,.2);border-radius:12px;background:#fafafa;cursor:pointer;font-size:.95rem;color:#666;transition:all .3s ease}.multi-image-upload-container input[type=file]:hover,.image-upload-container input[type=file]:hover{border-color:sienna;background:#fffcf9}.multi-image-upload-container input[type=file]:focus,.image-upload-container input[type=file]:focus{outline:none;border-color:#8b4513;box-shadow:0 0 0 4px #8b45131a}.multi-image-upload-container input[type=file]::file-selector-button,.image-upload-container input[type=file]::file-selector-button{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;padding:.5rem 1.25rem;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;margin-right:1rem;transition:all .3s ease}.multi-image-upload-container input[type=file]::file-selector-button:hover,.image-upload-container input[type=file]::file-selector-button:hover{background:linear-gradient(135deg,sienna,#8b4513)}.images-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:.5rem;min-height:50px;padding:1rem;background:#ffffff80;border:2px dashed #e5d4b8;border-radius:10px;transition:border-color .2s ease}.images-gallery:empty{display:none}.images-gallery.has-images{display:grid}.images-gallery:hover{border-color:#c4a77d}.image-gallery-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:grab;transition:all .2s ease;border:2px solid transparent}.image-gallery-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b451333}.image-gallery-item.dragging{opacity:.5;cursor:grabbing}.image-gallery-item.drag-over{border-color:#8b4513;transform:scale(1.05)}.image-gallery-item.is-main{border-color:#10b981;box-shadow:0 0 0 2px #10b981}.image-gallery-item img{width:100%;height:100%;object-fit:cover}.image-gallery-item .main-badge{position:absolute;top:4px;left:4px;background:#10b981;color:#fff;font-size:.625rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.image-gallery-item .remove-image{position:absolute;top:4px;right:4px;background:#dc2626e6;color:#fff;border:none;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;padding:0;line-height:1}.image-gallery-item:hover .remove-image{opacity:1}.image-gallery-item .remove-image:hover{background:#dc2626;transform:scale(1.1)}.image-gallery-item .image-order{position:absolute;bottom:4px;left:4px;background:#0009;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px}.image-preview{margin-top:.5rem}.image-preview img{max-width:200px;height:auto;border-radius:8px;border:2px solid rgba(139,69,19,.2)}.form-hint{display:block;margin-top:.5rem;color:#8b4513;font-size:.875rem}