@import"https://api.fontshare.com/v2/css?f[]=switzer@1&display=swap";:root{--font-body: "Switzer", system-ui, -apple-system, sans-serif;--color-bg: #F4F4F4;--color-text: #000000;--color-gray-text: #767676;--color-border: #E5E5E5;--color-card-bg: #FFFFFF;--color-button-bg: #111111;--color-button-text: #FFFFFF;--color-button-hover: #333333;--color-input-bg: #F5F5F5;--color-input-border: #DDDDDD;--color-error: #D32F2F;--space-8: .5rem;--space-16: 1rem;--space-24: 1.5rem;--space-32: 2rem;--space-48: 3rem;--space-64: 4rem;--transition-fast: .2s ease-in-out;--transition-normal: .4s cubic-bezier(.25, .46, .45, .94)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.7}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}p{font-size:1rem;margin-bottom:var(--space-16)}button{font-family:var(--font-body);border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}.header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:var(--space-32) var(--space-64);background-color:var(--color-bg);z-index:100;max-width:1200px;margin-inline:auto;width:100%}.header-left,.header-right{display:flex;flex:1}.header-left{gap:var(--space-24)}.header-right{justify-content:flex-end}.header-center{display:flex;justify-content:center;flex:1}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.nav-link{font-size:.875rem;color:var(--color-gray-text);position:relative}.nav-link.active{color:var(--color-text)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background-color:var(--color-text)}.cart-link{display:flex;align-items:center;gap:var(--space-8);color:var(--color-text)}.cart-count{font-size:.875rem;font-weight:500}.footer{padding:var(--space-64) var(--space-64);background-color:var(--color-bg);border-top:1px solid var(--color-border);margin-top:auto;max-width:1200px;margin-inline:auto;width:100%}.footer-content{display:flex;justify-content:space-between;align-items:flex-start}.footer-left,.footer-right,.footer-center{flex:1}.footer-left p{font-size:.875rem;color:var(--color-text)}.footer-left a{text-decoration:underline;cursor:pointer}.footer-center{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-center p{font-size:.875rem;margin-bottom:var(--space-24)}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-16);width:100%;max-width:300px}.newsletter-form input{padding:12px 16px;border:1px solid var(--color-input-border);background-color:var(--color-card-bg);font-family:var(--font-body);font-size:.875rem;border-radius:0;outline:none;transition:border-color var(--transition-fast)}.newsletter-form input:focus{border-color:var(--color-text)}.newsletter-form button{background-color:var(--color-button-bg);color:var(--color-button-text);padding:12px 16px;font-size:.875rem;border-radius:0}.newsletter-form button:hover{background-color:var(--color-button-hover)}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}.home{padding:0 var(--space-64) var(--space-64);max-width:1200px;margin-inline:auto;width:100%}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24);row-gap:var(--space-64);background-color:var(--color-bg)}.product-card{display:flex;flex-direction:column;background-color:var(--color-card-bg);cursor:pointer;text-align:center;padding-bottom:var(--space-48)}.product-image-container{width:100%;aspect-ratio:4 / 5;overflow:hidden;background-color:#f0f0f0;position:relative}.product-image{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-normal)}.base-image{position:relative;z-index:1}.hover-image{position:absolute;top:0;left:0;z-index:2;opacity:0}.product-card:hover .hover-image{opacity:1}.product-info{margin-top:var(--space-24);display:flex;flex-direction:column;align-items:center}.product-title{font-size:1.125rem;font-weight:500;margin-bottom:var(--space-8);color:var(--color-text)}.product-price{font-size:.875rem;color:var(--color-text);margin-bottom:var(--space-8)}.product-status{font-size:.875rem;color:var(--color-gray-text)}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}.home{padding:0}}@media(max-width:600px){.product-grid{grid-template-columns:1fr}.home{padding:0}}.product-detail{display:flex;flex-direction:column;padding:var(--space-64);gap:var(--space-64);max-width:1200px;margin-inline:auto;width:100%}@media(min-width:900px){.product-detail{flex-direction:row}}.product-detail-left{flex:1;display:flex;flex-direction:column;gap:var(--space-16)}.main-image-wrapper{position:relative;background-color:#f0f0f0;aspect-ratio:4 / 5;width:100%;display:flex;align-items:center;justify-content:center}.main-image{width:100%;height:100%;object-fit:cover}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;color:var(--color-text);font-size:1.5rem;padding:var(--space-16);opacity:.5;transition:opacity var(--transition-fast)}.nav-arrow:hover{opacity:1}.nav-arrow.prev{left:0}.nav-arrow.next{right:0}.thumbnail-strip{display:flex;gap:var(--space-8);overflow-x:auto}.thumbnail{width:60px;height:60px;flex-shrink:0;background-color:#f0f0f0;cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.thumbnail:hover,.thumbnail.active{opacity:1}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-detail-right{flex:1;display:flex;flex-direction:column;padding-top:var(--space-16);max-width:500px}.detail-title{font-size:1.75rem;margin-bottom:var(--space-16)}.detail-price{font-size:1.25rem;margin-bottom:var(--space-32)}.detail-description{font-size:.875rem;line-height:1.6;margin-bottom:var(--space-48)}.product-options{margin-bottom:var(--space-32)}.product-options label{display:block;font-size:.875rem;margin-bottom:var(--space-8)}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:12px 16px;border:1px solid var(--color-input-border);background-color:var(--color-bg);font-family:var(--font-body);font-size:.875rem;appearance:none;border-radius:0;cursor:pointer}.select-wrapper:after{content:"▼";font-size:.7rem;position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}.cart-actions{display:flex;gap:var(--space-16)}.quantity-selector{display:flex;align-items:center;border:1px solid var(--color-input-border)}.quantity-selector button{padding:12px 16px;color:var(--color-text)}.quantity-selector span{padding:0 16px;font-size:.875rem}.add-to-cart{flex:1;background-color:var(--color-button-bg);color:var(--color-button-text);padding:14px 24px}.add-to-cart:hover:not(:disabled){background-color:var(--color-button-hover)}.add-to-cart:disabled{background-color:var(--color-input-border);color:var(--color-gray-text);cursor:not-allowed}.about{display:flex;flex-direction:column;padding:var(--space-64);gap:var(--space-64);max-width:1200px;margin-inline:auto;width:100%}@media(min-width:900px){.about{flex-direction:row}}.about-left{flex:1;display:flex;flex-direction:column;max-width:600px}.about-title{font-size:1.5rem;margin-bottom:var(--space-32)}.about-text{font-size:1rem;line-height:1.6;margin-bottom:var(--space-48);color:var(--color-text);padding-bottom:var(--space-32);border-bottom:1px solid var(--color-border)}.faq-section{margin-bottom:var(--space-48)}.faq-title{font-size:1.5rem;margin-bottom:var(--space-32);font-weight:600}.faq-item{margin-bottom:var(--space-24)}.faq-question{font-weight:700;margin-bottom:var(--space-16);font-size:.875rem}.faq-answer{font-size:.875rem;line-height:1.6;color:var(--color-text)}.contact-info{display:flex;flex-direction:column;gap:var(--space-8)}.contact-info a{font-weight:500;text-decoration:underline;font-size:1rem}.about-right{flex:1;display:flex;justify-content:center}.about-portrait{width:100%;max-width:500px;height:auto;object-fit:contain;aspect-ratio:3 / 4;background-color:#e0e0e0}.cart-page{padding:var(--space-48) var(--space-48);max-width:800px;margin:0 auto}.cart-title{font-size:2rem;margin-bottom:var(--space-32);text-align:center}.cart-empty{text-align:center;padding:var(--space-48) 0}.cart-empty p{margin-bottom:var(--space-24);color:var(--color-gray-text)}.continue-shopping{display:inline-block;background-color:var(--color-button-bg);color:var(--color-button-text);padding:12px 24px;font-weight:500}.continue-shopping:hover{background-color:var(--color-button-hover)}.cart-content{display:flex;flex-direction:column;gap:var(--space-32)}.cart-items{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-24) 0}.cart-item{display:flex;gap:var(--space-24);align-items:center}.cart-item-image{width:100px;height:100px;background-color:#f0f0f0}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details h3{font-size:1.125rem;margin-bottom:var(--space-8)}.cart-item-details p{font-size:.875rem;color:var(--color-gray-text)}.cart-summary{display:flex;justify-content:flex-end}.checkout-button{background-color:var(--color-button-bg);color:var(--color-button-text);padding:14px 32px;font-size:1rem}.checkout-button:hover{background-color:var(--color-button-hover)}
