:root{--color-primary:#3b5f43;--color-primary-light:#5c7a61;--color-accent:#d4a373;--color-accent-hover:#c68b5c;--color-bg:#fafaf8;--color-surface:#fff;--color-text-main:#2c3330;--color-text-muted:#686e6b;--color-border:#e2e5e2;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 2px 8px #3b5f4314;--shadow-md:0 8px 24px #3b5f431f;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.6}.loading-spinner{min-height:50vh;color:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;font-weight:500;display:flex}.spinner{border:4px solid #3b5f431a;border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-page{max-width:1200px;margin:0 auto;padding:8rem 1.5rem}.breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:2rem;font-size:.9rem;display:flex}.breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb span{color:var(--color-text-muted);margin:0 .25rem}.category-container{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);flex-direction:column-reverse;gap:2rem;margin-bottom:3rem;padding:2rem;display:flex}@media (min-width:768px){.category-container{flex-direction:row;justify-content:space-between;align-items:center}}.category-desc-wrapper{flex:1}.category-desc-wrapper h2{color:var(--color-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.category-desc-wrapper p{color:var(--color-text-muted);font-size:1.1rem}.category-image-wrapper{flex:1;justify-content:center;display:flex}.category-image-wrapper img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;height:auto;max-height:300px}.product-grid,.items-grid{margin-bottom:4rem}.items-grid h3{color:var(--color-primary);margin-bottom:.5rem;font-size:1.75rem}.items-grid>p{color:var(--color-text-muted);max-width:600px;margin-bottom:2rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;display:grid}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-5px)}.product-thumb{aspect-ratio:4/3;background-color:#f0f0f0;background-position:50%;background-size:cover}.product-card h4{color:var(--color-text-main);padding:1rem 1rem .5rem;font-size:1.1rem;font-weight:600}.product-card p{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 1rem 1.5rem;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-detail{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);grid-template-columns:1fr;gap:3rem;margin-bottom:4rem;padding:2rem;display:grid}@media (min-width:768px){.product-detail{grid-template-columns:1fr 1fr;align-items:start}}.product-image-container{flex-direction:column;gap:1rem;display:flex}.product-image{aspect-ratio:1;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:#fff;width:100%;height:auto}.product-gallery{gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.gallery-thumb{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;flex-shrink:0;width:80px;height:80px;transition:border .2s}.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--color-primary)}.product-description h3{color:var(--color-primary);margin-bottom:1rem;font-size:2rem;line-height:1.2}.product-description p{color:var(--color-text-muted);white-space:pre-line;font-size:1rem}.contact-us-section{border-radius:var(--radius-lg);background-color:#f1f5f2;border:1px solid #e3e8e4;margin-top:2rem;padding:3rem 1rem}.contact-box{text-align:center;max-width:600px;margin:0 auto}.contact-box h2{color:var(--color-primary);margin-bottom:1rem;font-size:1.75rem}.contact-box p{color:var(--color-text-muted);margin-bottom:2rem}.contact-details{color:var(--color-text-main);flex-direction:column;gap:.75rem;margin-bottom:2rem;font-size:.95rem;display:flex}.contact-details a{color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:3px}.contact-details a:hover{color:var(--color-accent-hover)}.contact-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:background .3s,transform .2s;display:inline-block}.contact-btn:hover{background-color:var(--color-primary-light);transform:translateY(-2px)}