:root {
  --clr-bg: #f7f7f7;
  --clr-primary: #16a34a;
  --clr-text: #111;
  --radius: 8px;
  --max-width: 1200px;
  --gap: 1rem;
  font-family: 'Inter', system-ui, sans-serif;
  color: var(--clr-text);
  background: var(--clr-bg);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{line-height:1.5}
img{max-width:100%;display:block;border-radius:var(--radius)}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--gap)}

/* Header */
.header{background:#fff;box-shadow:0 1px 2px rgb(0 0 0/.05)}
.header__inner{display:flex;align-items:center;gap:var(--gap);padding:1rem 0}
.logo{font-weight:700;font-size:1.25rem;color:var(--clr-primary)}
.nav{display:flex;gap:var(--gap);flex-wrap:wrap}
.nav__link{color:#555;font-size:.9rem}
.nav__link:hover{color:var(--clr-primary)}

/* Hero */
.hero{text-align:center;padding:3rem 1rem}
.hero h1{font-size:2rem;margin-bottom:.5rem}
.hero p{color:#666}

/* Catalog grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap);margin-bottom:3rem}
.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 4px rgb(0 0 0/.05);transition:.2s}
.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgb(0 0 0/.1)}
.card__img-link{display:block}
.card__body{padding:1rem}
.card__title{font-size:1rem;margin-bottom:.25rem}
.card__price{font-weight:600;color:var(--clr-primary);margin-bottom:.75rem}

/* Product page */
.product{display:grid;gap:2rem;margin-bottom:3rem}
@media(min-width:768px){.product{grid-template-columns:1fr 1fr;align-items:start}}
.product__gallery img{border-radius:var(--radius)}
.product__info h1{font-size:1.75rem;margin-bottom:.5rem}
.product__props th{text-align:left;padding:.25rem .5rem 0 0;color:#555;font-size:.875rem}
.btn{background:var(--clr-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);display:inline-block;font-weight:600}
.btn--fixed{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:9}
.btn--outline{background:transparent;border:1px solid var(--clr-primary);color:var(--clr-primary)}
.btn:hover{opacity:.9}

/* Footer */
.footer{background:#fff;margin-top:4rem}
.footer__inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;font-size:.875rem;color:#555}


/* Общие стили для изображений */
img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* Галерея в карточке товара */
.product__gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

.product__gallery img {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Карточки товаров в сетке */
.card img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}