:root {
  --color-primary: #b84a1a;
  --color-primary-dark: #8a3510;
  --color-secondary: #2a1a10;
  --color-text: #34495e;
  --color-text-muted: #59656d;
  --color-bg: #ffffff;
  --color-bg-alt: #f8f9fa;
  --color-border: #e0e5e9;
  --color-success: #2e7d32;
  --color-error: #c62828;
  --color-accent: #8a5020;
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
  --container-max: 1200px;
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}
body.overflow-hidden{overflow:hidden}

h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-secondary)}
h1{font-size:clamp(1.8rem,4vw,2.8rem)}
h2{font-size:clamp(1.4rem,3vw,2rem)}
h3{font-size:clamp(1.1rem,2vw,1.4rem)}

a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}
a:hover{color:var(--color-primary-dark)}

img{max-width:100%;height:auto;display:block}

ul,ol{list-style:none}

.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}

.skip-link{position:absolute;top:-100%;left:var(--spacing-md);background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);z-index:10000;font-weight:600}
.skip-link:focus{top:var(--spacing-md)}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--border-radius-sm);font-family:var(--font-body);font-weight:600;font-size:0.95rem;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);min-height:44px;min-width:44px}
.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.btn--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}
.btn--secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}
.btn--secondary:hover{background:var(--color-primary);color:#fff}
.btn--accent{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}
.btn--accent:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}
.btn--small{padding:var(--spacing-xs) var(--spacing-md);font-size:0.85rem}
.btn--block{width:100%}

/* Cookie Consent */
.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:var(--color-secondary);color:#fff;padding:var(--spacing-lg);z-index:9999;display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;box-shadow:0 -2px 10px rgba(0,0,0,0.2)}
.cookie-consent[hidden]{display:none}
.cookie-consent__text{flex:1;min-width:280px;font-size:0.9rem}
.cookie-consent__buttons{display:flex;gap:var(--spacing-sm)}
.cookie-consent .btn--secondary{background:transparent;color:#fff;border-color:#fff}
.cookie-consent .btn--secondary:hover{background:#fff;color:var(--color-secondary)}

/* Header */
.header{position:fixed;top:0;left:0;right:0;background:var(--color-bg);z-index:1000;transition:box-shadow var(--transition-base),background var(--transition-base)}
.header--scrolled{box-shadow:var(--shadow-md);background:rgba(255,255,255,0.97)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:70px}
.header__logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--color-secondary)}
.header__logo img{width:32px;height:32px;border-radius:var(--border-radius-sm)}
.header__nav{display:none}
.header__actions{display:flex;align-items:center;gap:var(--spacing-md)}
.header__cart{position:relative;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text)}
.header__cart svg{width:24px;height:24px}
.header__cart-count{position:absolute;top:-2px;right:-4px;background:var(--color-accent);color:#fff;font-size:0.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.header__hamburger{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text);display:flex}
.header__hamburger svg{width:24px;height:24px}

/* Mobile Nav */
.mobile-nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--color-bg);z-index:1001;transition:right var(--transition-base);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding-top:80px}
.mobile-nav--open{right:0}
.mobile-nav__close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:var(--color-text);padding:var(--spacing-xs)}
.mobile-nav__close svg{width:24px;height:24px}
.mobile-nav__link{display:block;padding:var(--spacing-md) var(--spacing-xl);color:var(--color-text);font-weight:500;font-size:1.05rem;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}
.mobile-nav__link:hover,.mobile-nav__link--active{background:var(--color-bg-alt);color:var(--color-primary)}
.mobile-nav__overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}
.mobile-nav__overlay--visible{opacity:1;pointer-events:auto}

/* Breadcrumbs */
.breadcrumbs{padding:var(--spacing-xl) 0 0;font-size:0.85rem;color:var(--color-text-muted)}
.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}
.breadcrumbs__item{display:flex;align-items:center;gap:var(--spacing-xs)}
.breadcrumbs__item:not(:last-child)::after{content:'/';color:var(--color-text-muted)}
.breadcrumbs__link{color:var(--color-text-muted)}
.breadcrumbs__link:hover{color:var(--color-primary)}
.breadcrumbs__current{color:var(--color-text)}

/* Hero */
.hero{padding:100px 0 var(--spacing-3xl);background:linear-gradient(135deg,var(--color-bg-alt) 0%,var(--color-bg) 100%);min-height:70vh;display:flex;align-items:center}
.hero__inner{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center}
.hero__content{max-width:560px}
.hero__title{margin-bottom:var(--spacing-lg);color:var(--color-secondary)}
.hero__subtitle{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xl);line-height:1.7}
.hero__buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}
.hero__image{position:relative;aspect-ratio:4/3;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.hero__image img{width:100%;height:100%;object-fit:cover}

/* Features */
.features{padding:var(--spacing-3xl) 0;background:var(--color-bg-alt)}
.features__title{text-align:center;margin-bottom:var(--spacing-2xl)}
.features__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}
.feature-card{background:var(--color-bg);padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.feature-card__icon{width:56px;height:56px;margin:0 auto var(--spacing-md);color:var(--color-primary)}
.feature-card__icon svg{width:100%;height:100%}
.feature-card__title{margin-bottom:var(--spacing-sm);font-size:1.1rem}
.feature-card__text{color:var(--color-text-muted);font-size:0.95rem}

/* About-products */
.about-products{padding:var(--spacing-3xl) 0}
.about-products__inner{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center}
.about-products__text{font-size:1.05rem;line-height:1.8;color:var(--color-text)}
.about-products__text p{margin-bottom:var(--spacing-md)}

/* Section Title */
.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}
.section-title__label{display:inline-block;color:var(--color-primary);font-weight:600;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--spacing-sm)}
.section-title__heading{margin-bottom:var(--spacing-md)}
.section-title__heading--lg{margin-bottom:var(--spacing-2xl)}

/* Catalog */
.catalog{padding:var(--spacing-3xl) 0;background:var(--color-bg-alt)}
.catalog__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}

/* Service Card / Product Card */
.service-card{background:var(--color-bg);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.service-card__image{position:relative;aspect-ratio:4/3;overflow:hidden}
.service-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}
.service-card:hover .service-card__image img{transform:scale(1.05)}
.service-card__body{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}
.service-card__title{margin-bottom:var(--spacing-sm);font-size:1.1rem}
.service-card__desc{color:var(--color-text-muted);font-size:0.9rem;margin-bottom:var(--spacing-md);flex:1}
.service-card__price{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--color-primary);margin-bottom:var(--spacing-md)}
.service-card__buttons{display:flex;gap:var(--spacing-sm)}

/* Stats */
.stats{padding:var(--spacing-3xl) 0;background:var(--color-primary);color:#fff}
.stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);text-align:center}
.stat__number{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;display:block}
.stat__label{font-size:0.9rem;opacity:0.95}

/* Featured Products */
.featured{padding:var(--spacing-3xl) 0}
.featured__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}

/* Testimonials */
.testimonials{padding:var(--spacing-3xl) 0;background:var(--color-bg-alt)}
.testimonials__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}
.testimonial-card{background:var(--color-bg);padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}
.testimonial-card__rating{display:flex;gap:2px;margin-bottom:var(--spacing-md);color:var(--color-accent)}
.testimonial-card__rating svg{width:18px;height:18px}
.testimonial-card__quote{font-style:italic;color:var(--color-text);margin-bottom:var(--spacing-lg);line-height:1.7;position:relative;padding-left:var(--spacing-lg)}
.testimonial-card__author{display:flex;align-items:center;gap:var(--spacing-md)}
.testimonial-card__avatar{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;flex-shrink:0}
.testimonial-card__name{font-weight:600;color:var(--color-secondary)}
.testimonial-card__city{font-size:0.85rem;color:var(--color-text-muted)}

/* Blog Preview */
.blog-preview{padding:var(--spacing-3xl) 0}
.blog-preview__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}

/* Blog Card */
.blog-card{background:var(--color-bg);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.blog-card__image{position:relative;aspect-ratio:16/10;overflow:hidden}
.blog-card__image img{width:100%;height:100%;object-fit:cover}
.blog-card__body{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}
.blog-card__meta{font-size:0.8rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);display:flex;gap:var(--spacing-md)}
.blog-card__title{margin-bottom:var(--spacing-sm);font-size:1.05rem}
.blog-card__title a{color:var(--color-secondary)}
.blog-card__title a:hover{color:var(--color-primary)}
.blog-card__excerpt{color:var(--color-text-muted);font-size:0.9rem;margin-bottom:var(--spacing-md);flex:1}
.blog-card__link{font-weight:600;font-size:0.9rem;color:var(--color-primary)}

/* FAQ */
.faq{padding:var(--spacing-3xl) 0;background:var(--color-bg-alt)}
.faq__list{max-width:800px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--color-border)}
.faq-item__question{width:100%;background:none;border:none;text-align:left;padding:var(--spacing-lg) 0;font-size:1.05rem;font-weight:600;color:var(--color-secondary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);gap:var(--spacing-md)}
.faq-item__question:hover{color:var(--color-primary)}
.faq-item__icon{transition:transform var(--transition-base);flex-shrink:0;font-size:1.2rem}
.faq-item--open .faq-item__icon{transform:rotate(45deg)}
.faq-item__answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;color:var(--color-text-muted);line-height:1.7}
.faq-item--open .faq-item__answer{max-height:500px;padding-bottom:var(--spacing-md)}

/* CTA */
.cta{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;text-align:center}
.cta__title{color:#fff;margin-bottom:var(--spacing-md)}
.cta__text{margin-bottom:var(--spacing-xl);opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto}
.cta .btn--primary{background:#fff;color:var(--color-primary)}
.cta .btn--primary:hover{background:var(--color-bg-alt)}

/* Footer */
.footer{background:var(--color-secondary);color:#fff;padding:var(--spacing-3xl) 0 0}
.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}
.footer__title{font-size:1rem;font-weight:700;margin-bottom:var(--spacing-md);color:#fff}
.footer__logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}
.footer__logo img{width:32px;height:32px;border-radius:var(--border-radius-sm)}
.footer__logo span{font-family:var(--font-heading);font-weight:700;font-size:1.1rem}
.footer__text{color:rgba(255,255,255,0.7);font-size:0.9rem;line-height:1.7}
.footer__link{display:block;color:rgba(255,255,255,0.7);padding:var(--spacing-xs) 0;font-size:0.9rem;transition:color var(--transition-fast)}
.footer__link:hover{color:#fff}
.footer__contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:rgba(255,255,255,0.7);font-size:0.9rem}
.footer__contact-item svg{width:16px;height:16px;flex-shrink:0;margin-top:3px}
.footer__bottom{border-top:1px solid rgba(255,255,255,0.1);padding:var(--spacing-lg) 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-md);font-size:0.85rem;color:rgba(255,255,255,0.6)}
.footer__legal{display:flex;gap:var(--spacing-md)}
.footer__legal a{color:rgba(255,255,255,0.6)}
.footer__legal a:hover{color:#fff}

/* Back to Top */
.back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:99}
.back-to-top[hidden]{display:none}
.back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-2px)}
.back-to-top svg{width:20px;height:20px}

/* Notification */
.notification{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--color-secondary);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:10000;opacity:0;transition:all var(--transition-base);pointer-events:none;white-space:nowrap}
.notification--visible{opacity:1;transform:translateX(-50%) translateY(0)}

/* About Page */
.about-hero{padding:calc(var(--spacing-3xl) + 70px) 0 var(--spacing-3xl);background:linear-gradient(135deg,var(--color-bg-alt) 0%,var(--color-bg) 100%)}
.about-hero__text{color:var(--color-text-muted);max-width:600px;margin-top:var(--spacing-md)}
.contact-intro{color:var(--color-text-muted);margin:var(--spacing-md) 0 var(--spacing-2xl);max-width:600px}
.text-center{text-align:center}
.mb-lg{margin-bottom:var(--spacing-lg)}
.about-story{padding:var(--spacing-3xl) 0}
.about-story__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl)}
.about-story__block p{margin-bottom:var(--spacing-md);line-height:1.8;color:var(--color-text)}
.team{padding:var(--spacing-3xl) 0;background:var(--color-bg-alt)}
.team__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}
.team-card{text-align:center}
.team-card__photo{position:relative;aspect-ratio:1/1;border-radius:50%;overflow:hidden;margin:0 auto var(--spacing-md);width:100px;height:100px}
.team-card__photo img{width:100%;height:100%;object-fit:cover}
.team-card__name{font-weight:700;margin-bottom:var(--spacing-xs)}
.team-card__role{color:var(--color-primary);font-size:0.9rem;margin-bottom:var(--spacing-sm)}
.team-card__bio{color:var(--color-text-muted);font-size:0.9rem}
.values{padding:var(--spacing-3xl) 0}
.values__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}
.value-card{background:var(--color-bg-alt);padding:var(--spacing-xl);border-radius:var(--border-radius-md);text-align:center}
.value-card__title{margin-bottom:var(--spacing-sm)}
.value-card__text{color:var(--color-text-muted);font-size:0.95rem}

/* Contact Page */
.contact{padding:calc(var(--spacing-3xl) + 70px) 0 var(--spacing-3xl)}
.contact__layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl)}
.contact__info-card{background:var(--color-bg-alt);padding:var(--spacing-xl);border-radius:var(--border-radius-md)}
.contact__info-item{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}
.contact__info-item svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0;margin-top:2px}
.contact__info-label{font-weight:600;margin-bottom:var(--spacing-xs)}
.contact__info-text{color:var(--color-text-muted);font-size:0.95rem}
.contact__form{background:var(--color-bg);padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}
.map{margin-top:var(--spacing-2xl);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}
.map iframe{width:100%;height:400px;border:0}

/* Product Detail */
.product{padding:calc(var(--spacing-3xl) + 70px) 0 var(--spacing-3xl)}
.product__detail{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:start}
.product__image{position:relative;aspect-ratio:4/3;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.product__image img{width:100%;height:100%;object-fit:cover}
.product__info{padding:var(--spacing-lg) 0}
.product__category{font-size:0.85rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-sm)}
.product__title{margin-bottom:var(--spacing-md)}
.product__price{font-family:var(--font-heading);font-weight:700;font-size:1.8rem;color:var(--color-primary);margin-bottom:var(--spacing-lg)}
.product__description{color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--spacing-xl)}
.product__features{margin-bottom:var(--spacing-xl)}
.product__features h3{margin-bottom:var(--spacing-md)}
.product__feature-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}
.product__feature-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:0.95rem}
.product__feature-item svg{width:18px;height:18px;color:var(--color-success);flex-shrink:0}
.product__quantity{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}
.product__quantity label{font-weight:600}
.product__quantity-controls{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden}
.product__quantity-btn{width:44px;height:44px;background:var(--color-bg-alt);border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}
.product__quantity-btn:hover{background:var(--color-border)}
.product__quantity-value{width:50px;text-align:center;font-size:1rem;font-weight:600;border:none;background:var(--color-bg)}
.product__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}
.product__blog-link{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}
.product__blog-link a{font-weight:600;color:var(--color-primary)}

/* Related Products */
.related{padding:var(--spacing-3xl) 0;background:var(--color-bg-alt)}
.related__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}

/* Cart */
.cart-page{padding:calc(var(--spacing-3xl) + 70px) 0 var(--spacing-3xl)}
.cart-page__title{margin-bottom:var(--spacing-2xl)}
.cart-empty{text-align:center;padding:var(--spacing-3xl) 0;color:var(--color-text-muted)}
.cart-empty h2{margin-bottom:var(--spacing-md)}
.cart-items{margin-bottom:var(--spacing-xl)}
.cart-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-alt);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}
.cart-item__image{width:80px;height:80px;border-radius:var(--border-radius-sm);overflow:hidden;flex-shrink:0}
.cart-item__image img{width:100%;height:100%;object-fit:cover}
.cart-item__info{flex:1}
.cart-item__name{font-weight:600;margin-bottom:var(--spacing-xs)}
.cart-item__price{color:var(--color-primary);font-weight:600}
.cart-item__remove{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:0.85rem;padding:var(--spacing-xs)}
.cart-summary{background:var(--color-bg-alt);padding:var(--spacing-xl);border-radius:var(--border-radius-md);text-align:right}
.cart-summary__total{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin-bottom:var(--spacing-lg)}
.cart-summary .btn{margin-top:var(--spacing-lg)}

/* Checkout */
.checkout-page{padding:calc(var(--spacing-3xl) + 70px) 0 var(--spacing-3xl)}
.checkout-page__title{margin-bottom:var(--spacing-2xl)}
.checkout__layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl)}
.checkout__form{background:var(--color-bg-alt);padding:var(--spacing-xl);border-radius:var(--border-radius-md)}
.checkout__honeypot{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.checkout__field{margin-bottom:var(--spacing-lg)}
.checkout__field label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);font-size:0.9rem}
.checkout__field input:not([type="checkbox"]),.checkout__field textarea,.checkout__field select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-body);font-size:0.95rem;transition:border-color var(--transition-fast);min-height:44px;background:var(--color-bg)}
.checkout__field input:not([type="checkbox"]):focus,.checkout__field textarea:focus,.checkout__field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(74,124,138,0.15)}
.checkout__field input:not([type="checkbox"]).error,.checkout__field textarea.error{border-color:var(--color-error)}
.checkout__field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}
.checkout__field--checkbox label{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-weight:400;cursor:pointer;line-height:1.5}
.checkout__field--checkbox input{margin-top:4px;min-height:auto;flex-shrink:0;border:none;width:auto;height:auto}
.checkout__field--checkbox a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}
.checkout__field--checkbox a:hover{color:var(--color-primary-dark)}
.checkout__summary{background:var(--color-bg);padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);position:sticky;top:90px}
.checkout__summary-title{font-family:var(--font-heading);margin-bottom:var(--spacing-lg)}
.checkout-items{margin-bottom:var(--spacing-lg)}
.checkout__summary-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);font-size:0.9rem}
.checkout-total{display:flex;justify-content:space-between;font-weight:700;font-size:1.1rem;padding-top:var(--spacing-md);border-top:2px solid var(--color-border)}

/* Success */
.success-page{padding:calc(var(--spacing-3xl) + 70px) 0 var(--spacing-3xl)}
.success-page__inner{text-align:center;max-width:600px;margin:0 auto}
.success-page__icon{width:80px;height:80px;border-radius:50%;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-xl)}
.success-page__icon svg{width:40px;height:40px}
.success-page__title{margin-bottom:var(--spacing-md)}
.success-page__order{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}
.success-page__text{color:var(--color-text-muted);margin-bottom:var(--spacing-2xl);line-height:1.6}
.success-page__links{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}

/* Forms */
.form-group{margin-bottom:var(--spacing-lg)}
.form-group label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);font-size:0.9rem}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-body);font-size:0.95rem;transition:border-color var(--transition-fast);min-height:44px;background:var(--color-bg)}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(74,124,138,0.15)}
.form-group textarea{resize:vertical;min-height:120px}
.form-group input.error,.form-group textarea.error{border-color:var(--color-error)}
.form-group__error{color:var(--color-error);font-size:0.8rem;margin-top:var(--spacing-xs);display:none}
.form-group__error--visible{display:block}
.form-group__checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm)}
.form-group__checkbox input{margin-top:3px;width:auto;min-height:auto}
.form-honey{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}

/* Blog */
.blog-hero{padding:100px 0 var(--spacing-2xl);background:var(--color-bg-alt)}
.blog-hero__title{margin-bottom:var(--spacing-md)}
.blog-hero__text{color:var(--color-text-muted);max-width:600px}
.blog-grid{padding:calc(var(--spacing-3xl) + 70px) 0 var(--spacing-3xl)}
.blog-grid__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}

/* Blog Article */
.blog-article{padding:calc(var(--spacing-3xl) + 70px) 0 var(--spacing-3xl)}
.blog-article__header{text-align:center;margin-bottom:var(--spacing-2xl)}
.blog-article__meta{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;color:var(--color-text-muted);font-size:0.85rem;margin-bottom:var(--spacing-md)}
.blog-article__featured{margin-bottom:var(--spacing-2xl);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.blog-article__featured img{width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-article__content{max-width:800px;margin:0 auto}
.blog-article__content p{margin-bottom:var(--spacing-lg);line-height:1.8}
.blog-article__content h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}
.blog-article__content ul{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}
.blog-article__content li{margin-bottom:var(--spacing-sm);line-height:1.7}
.blog-article__order{margin:var(--spacing-2xl) 0;padding:var(--spacing-xl);background:var(--color-bg-alt);border-radius:var(--border-radius-md);text-align:center}
.blog-article__order p{margin-bottom:var(--spacing-md)}
.related-posts{padding:var(--spacing-3xl) 0;background:var(--color-bg-alt)}
.related-posts__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}

/* 404 */
.error-404{padding:calc(var(--spacing-3xl) + 70px) 0;text-align:center;min-height:60vh;display:flex;align-items:center}
.error-404__code{font-family:var(--font-heading);font-size:clamp(4rem,10vw,8rem);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md)}
.error-404__message{color:var(--color-text-muted);margin-bottom:var(--spacing-xl);font-size:1.1rem}
.error-404__links{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}

/* Legal */
.legal{padding:calc(var(--spacing-3xl) + 70px) 0 var(--spacing-3xl)}
.legal__content{max-width:800px;margin:0 auto}
.legal__content h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}
.legal__content p{margin-bottom:var(--spacing-md);line-height:1.8}
.legal__content ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}
.legal__content li{margin-bottom:var(--spacing-sm);line-height:1.7}

/* Responsive */
@media (min-width:480px) {
  .catalog__grid{grid-template-columns:repeat(2,1fr)}
  .featured__grid{grid-template-columns:repeat(2,1fr)}
  .blog-preview__grid{grid-template-columns:repeat(2,1fr)}
  .blog-grid__grid{grid-template-columns:repeat(2,1fr)}
  .related-posts__grid{grid-template-columns:repeat(2,1fr)}
  .stats__grid{grid-template-columns:repeat(4,1fr)}
  .values__grid{grid-template-columns:repeat(2,1fr)}
  .team__grid{grid-template-columns:repeat(2,1fr)}
}

@media (min-width:768px) {
  .header__nav{display:flex;align-items:center;gap:var(--spacing-xl)}
  .header__hamburger{display:none}
  .nav__link{color:var(--color-text);font-weight:500;font-size:0.95rem;position:relative}
  .nav__link:hover,.nav__link--active{color:var(--color-primary)}
  .nav__link--active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px}
  .hero__inner{grid-template-columns:1fr 1fr}
  .about-products__inner{grid-template-columns:1fr 1fr}
  .features__grid{grid-template-columns:repeat(2,1fr)}
  .testimonials__grid{grid-template-columns:repeat(2,1fr)}
  .faq__list{columns:1}
  .footer__grid{grid-template-columns:repeat(2,1fr)}
  .contact__layout{grid-template-columns:1fr 1fr}
  .product__detail{grid-template-columns:1fr 1fr}
  .checkout__layout{grid-template-columns:1fr 350px}
  .about-story__grid{grid-template-columns:repeat(2,1fr)}
}

@media (min-width:1024px) {
  .catalog__grid{grid-template-columns:repeat(3,1fr)}
  .featured__grid{grid-template-columns:repeat(3,1fr)}
  .blog-preview__grid{grid-template-columns:repeat(3,1fr)}
  .blog-grid__grid{grid-template-columns:repeat(3,1fr)}
  .related-posts__grid{grid-template-columns:repeat(3,1fr)}
  .features__grid{grid-template-columns:repeat(4,1fr)}
  .testimonials__grid{grid-template-columns:repeat(4,1fr)}
  .related__grid{grid-template-columns:repeat(3,1fr)}
  .footer__grid{grid-template-columns:repeat(4,1fr)}
  .team__grid{grid-template-columns:repeat(3,1fr)}
}

@media (min-width:1280px) {
  .catalog__grid{grid-template-columns:repeat(3,1fr)}
  .related__grid{grid-template-columns:repeat(5,1fr)}
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
  .faq-item__answer{transition:none}
}