.header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;z-index:10}.logo{font-size:20px;font-weight:700;color:var(--color-dark-brown);text-decoration:none;transition:all .35s ease}.logo:hover{opacity:.6}.nav{display:flex;align-items:center;gap:24px}.nav-link{color:var(--color-dark-brown);text-decoration:none;transition:all .35s ease}.nav-link:hover{opacity:.6}.cart-button{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;transition:all .35s ease}.cart-button:hover{opacity:.6}.cart-icon{width:24px;height:24px}.cart-count{margin-left:4px;color:var(--color-dark-brown);font-size:14px}.clothes-card{position:relative;cursor:pointer;outline:none;transition:transform .35s ease}.clothes-card-media{position:relative;aspect-ratio:3 / 4;overflow:hidden}.clothes-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease}.clothes-card-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-dark-brown);color:var(--color-dark-brown);font-size:14px}.clothes-card-info{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background-color:var(--color-cream);color:var(--color-dark-brown)}.clothes-card-brand{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.clothes-card-name{font-size:14px}.clothes-card:hover{transform:scale(1.03)}.add-to-cart{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;border:none;outline:none;background-color:var(--color-cream);padding:6px;cursor:pointer;transition:all .35s ease}.add-to-cart:hover{background-color:var(--color-dark-brown)}.add-to-cart-icon{width:20px;height:20px;background-color:var(--color-dark-brown);-webkit-mask:url(/assets/icons/addtoCart.svg) no-repeat center / contain;mask:url(/assets/icons/addtoCart.svg) no-repeat center / contain;transition:background-color .35s ease}.add-to-cart:hover .add-to-cart-icon{background-color:var(--color-cream)}.remove-item{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;border:none;outline:none;background-color:var(--color-cream);padding:6px;cursor:pointer;transition:all .35s ease}.remove-item:hover{background-color:var(--color-dark-brown)}.remove-item-icon{width:20px;height:20px;background-color:var(--color-dark-brown);-webkit-mask:url(/assets/icons/cross.svg) no-repeat center / contain;mask:url(/assets/icons/cross.svg) no-repeat center / contain;transition:background-color .35s ease}.remove-item:hover .remove-item-icon{background-color:var(--color-cream)}.home-page{background-color:var(--color-cream);color:var(--color-dark-brown);overflow-x:hidden}.hero{position:relative;width:100vw;height:100vh;background-image:url(/assets/clothes/1.jpg);background-size:cover;background-position:center}.hero-text{position:absolute;right:40px;bottom:40px;max-width:320px;padding:20px;background-color:var(--color-cream)}.products{width:100vw;padding:60px 40px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.view-more{display:flex;justify-content:center;margin-top:40px}.view-more-button{padding:12px 32px;border:1px solid var(--color-dark-brown);color:var(--color-dark-brown);text-decoration:none;transition:all .35s ease}.view-more-button:hover{background-color:var(--color-dark-brown);color:var(--color-cream)}.lightroom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100}.lightroom-window{position:relative;display:flex;width:90vw;max-width:1100px;height:92vh;background-color:var(--color-cream);color:var(--color-dark-brown);outline:none}.lightroom-images{flex:2;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.lightroom-images img{width:100%;display:block}.lightroom-info{flex:1;overflow-y:auto;padding:50px 24px 80px}.lightroom-name{margin-bottom:8px}.lightroom-price{margin-bottom:16px;font-size:18px}.lightroom-row{margin-bottom:8px}.lightroom-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.lightroom-tag{border:1px solid var(--color-dark-brown);padding:4px 12px}.lightroom-description{margin-top:16px;line-height:1.6}.lightroom-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;border:none;outline:none;background-color:var(--color-cream);padding:6px;cursor:pointer;z-index:1;transition:all .35s ease}.lightroom-close:hover{background-color:var(--color-dark-brown)}.lightroom-close-icon{width:20px;height:20px;background-color:var(--color-dark-brown);-webkit-mask:url(/assets/icons/cross.svg) no-repeat center / contain;mask:url(/assets/icons/cross.svg) no-repeat center / contain;transition:background-color .35s ease}.lightroom-close:hover .lightroom-close-icon{background-color:var(--color-cream)}.lightroom-add-to-cart{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;border:1px solid var(--color-dark-brown);background-color:var(--color-cream);padding:6px;cursor:pointer;z-index:1;transition:all .35s ease}.lightroom-add-to-cart:hover{background-color:var(--color-dark-brown)}.lightroom-add-to-cart-icon{width:20px;height:20px;background-color:var(--color-dark-brown);-webkit-mask:url(/assets/icons/addtoCart.svg) no-repeat center / contain;mask:url(/assets/icons/addtoCart.svg) no-repeat center / contain;transition:background-color .35s ease}.lightroom-add-to-cart:hover .lightroom-add-to-cart-icon{background-color:var(--color-cream)}.clothes-page{min-height:100vh;background-color:var(--color-cream);color:var(--color-dark-brown);padding:100px 40px 60px}.filter-bar{display:flex;gap:12px;margin-bottom:24px}.filter{position:relative}.filter-button{border:1px solid var(--color-dark-brown);background:none;color:var(--color-dark-brown);padding:8px 20px;cursor:pointer;transition:all .35s ease}.filter-button:hover,.filter-button.active{background-color:var(--color-dark-brown);color:var(--color-cream)}.dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;display:flex;flex-direction:column;border:1px solid var(--color-dark-brown);background-color:var(--color-cream);z-index:5}.dropdown-item{border:none;background:none;color:var(--color-dark-brown);padding:8px 16px;text-align:left;cursor:pointer;transition:all .35s ease}.dropdown-item:hover,.dropdown-item.selected{background-color:var(--color-dark-brown);color:var(--color-cream)}.tag-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag{display:flex;align-items:center;gap:8px;border:1px solid var(--color-dark-brown);color:var(--color-dark-brown);padding:6px 12px}.tag-remove{display:flex;align-items:center;border:none;background:none;padding:0;cursor:pointer;transition:all .35s ease}.tag-remove:hover{opacity:.6}.tag-cross{width:18px;height:18px}.clothes-page .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.contact-page{min-height:100vh;background-color:var(--color-cream);color:var(--color-dark-brown);display:flex;align-items:center;padding:100px 40px 60px;gap:40px}.contact-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.contact-qr{width:180px;height:180px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-dark-brown);font-size:14px}.contact-text{font-size:14px;line-height:1.6}.shopping-cart-page{min-height:100vh;background-color:var(--color-cream);color:var(--color-dark-brown);padding:100px 40px 60px}.shopping-cart-page .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cart-checkout{display:flex;justify-content:center;margin-top:40px}.cart-checkout-button{border:1px solid var(--color-dark-brown);background-color:var(--color-cream);color:var(--color-dark-brown);padding:12px 32px;text-decoration:none;cursor:pointer;transition:all .35s ease}.cart-checkout-button:hover{background-color:var(--color-dark-brown);color:var(--color-cream)}.checkout-page{min-height:100vh;background-color:var(--color-cream);color:var(--color-dark-brown);padding:100px 40px 60px;display:flex;flex-direction:column;align-items:center}.checkout-title{margin-bottom:32px}.checkout-form{width:100%;max-width:500px;display:flex;flex-direction:column;gap:16px}.checkout-row{display:flex;gap:16px}.checkout-row .checkout-field{flex:1}.checkout-field{display:flex;flex-direction:column;gap:6px;font-size:14px}.checkout-field input{border:1px solid var(--color-dark-brown);background-color:var(--color-cream);color:var(--color-dark-brown);padding:10px 12px;outline:none}.checkout-button{margin-top:32px;border:1px solid var(--color-dark-brown);background-color:var(--color-cream);color:var(--color-dark-brown);padding:12px 32px;cursor:pointer;transition:all .35s ease}.checkout-button:hover{background-color:var(--color-dark-brown);color:var(--color-cream)}.form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100}.form-window{position:relative;width:90vw;max-width:900px;max-height:85vh;overflow-y:auto;background-color:var(--color-cream);color:var(--color-dark-brown);padding:40px 32px}.form-body{display:flex;gap:32px;align-items:flex-start}.form-qr-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.form-qr{width:180px;height:180px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-dark-brown);font-size:14px}.form-wechat{font-size:14px}.form-content{flex:1;min-width:0}.form-title{margin-bottom:20px}.form-details{margin-bottom:20px;font-size:14px;line-height:1.6}.form-table{width:100%;border-collapse:collapse;margin-bottom:24px}.form-table th,.form-table td{border:1px solid var(--color-dark-brown);padding:8px 10px;text-align:left;font-size:14px}.form-download{border:1px solid var(--color-dark-brown);background-color:var(--color-cream);color:var(--color-dark-brown);padding:10px 20px;cursor:pointer;transition:all .35s ease}.form-download:hover{background-color:var(--color-dark-brown);color:var(--color-cream)}.form-download:disabled{cursor:not-allowed;opacity:.5}.form-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;border:none;outline:none;background-color:var(--color-cream);padding:6px;cursor:pointer;transition:all .35s ease}.form-close:hover{background-color:var(--color-dark-brown)}.form-close-icon{width:20px;height:20px;background-color:var(--color-dark-brown);-webkit-mask:url(/assets/icons/cross.svg) no-repeat center / contain;mask:url(/assets/icons/cross.svg) no-repeat center / contain;transition:background-color .35s ease}.form-close:hover .form-close-icon{background-color:var(--color-cream)}:root{--color-cream: #f4efe6;--color-dark-brown: #3b2b22;--color-black: #000000;--color-white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}
