:root{--color-bg: #fdfdfd;--color-bg-alt: #f3f4f6;--color-surface: #ffffff;--color-text: #1f2937;--color-text-muted: #6b7280;--color-accent-oak: #d2a472;--color-accent-dark: #1e3a5f;--color-grade-a: #10b981;--color-grade-b: #f59e0b;--color-grade-c: #ef4444;--color-border: #e5e7eb;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-accent-dark);line-height:1.2}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-oak)}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.text-h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.text-h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:600}.text-h3{font-size:1.5rem;font-weight:600}.text-body{font-size:1rem;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-normal);gap:8px}.btn-primary{background-color:var(--color-accent-dark);color:#fff}.btn-primary:hover{background-color:#152943;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-accent{background-color:var(--color-accent-oak);color:#fff}.btn-accent:hover{background-color:#ba9165;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-accent-dark);color:var(--color-accent-dark)}.header{position:sticky;top:0;z-index:100;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:16px 0}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--color-accent-dark);letter-spacing:1px}.nav-links{display:flex;gap:24px}.nav-links a{font-weight:500;font-size:.95rem}.header-actions{display:flex;align-items:center;gap:16px}.hero{position:relative;height:80vh;min-height:600px;background-color:var(--color-bg-alt);display:flex;align-items:center;overflow:hidden}.hero-content{max-width:600px;position:relative;z-index:10}.hero h1{margin-bottom:24px}.hero p{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:32px}.hero-image{position:absolute;right:0;top:0;width:50%;height:100%;object-fit:cover}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:40px}.feature-card{text-align:center;padding:32px 24px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal);border:1px solid var(--color-border)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.feature-icon{width:64px;height:64px;margin:0 auto 24px;background-color:var(--color-bg-alt);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-accent-oak)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-normal);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.product-image-wrap{position:relative;aspect-ratio:1;background-color:var(--color-bg-alt);overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.05)}.grade-badge{position:absolute;top:16px;left:16px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;z-index:10;text-transform:uppercase;letter-spacing:.5px}.grade-a{background-color:var(--color-grade-a)}.grade-b{background-color:var(--color-grade-b)}.grade-c{background-color:var(--color-grade-c)}.product-info{padding:24px;display:flex;flex-direction:column;flex-grow:1}.product-category{font-size:.875rem;color:var(--color-text-muted);margin-bottom:8px}.product-title{font-size:1.125rem;margin-bottom:8px;font-weight:600}.product-meta{display:flex;gap:16px;margin-bottom:16px;font-size:.875rem;color:var(--color-text-muted)}.meta-item{display:flex;align-items:center;gap:4px}.product-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--color-border)}.product-price{font-size:1.25rem;font-weight:700;color:var(--color-accent-dark)}.product-price-old{font-size:.875rem;color:var(--color-text-muted);text-decoration:line-through;margin-left:8px}.footer{background-color:var(--color-bg-alt);padding:60px 0 20px;border-top:1px solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-col h4{margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--color-text-muted);font-size:.9rem}.footer-links a:hover{color:var(--color-accent-dark)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem}.courier-logos{display:flex;gap:16px;align-items:center;margin-top:16px}.courier-badge{background:#fff;padding:4px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;border:1px solid var(--color-border)}
