/* ===== AIBOOSTKIT CSS PRODUCTION v1.0 ===== */

/* CSS Variables */
:root{--hero-blue:#C9D6E8;--hero-orange:#FFA14A;--hero-peach:#F2B09D;--radius-xl:28px;--radius-lg:20px;--bg:#0B0B0C;--text:#0E0F12;--muted:#5F6570;--card:#FFF;--shadow:0 30px 80px rgba(18,26,33,.18);--container:1120px;--accent:#111214}

/* Reset */
*{box-sizing:border-box}
html,body{height:100%;margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;color:var(--text);background:#F7F8FA;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* Typography */
.h1{font-size:46px;line-height:1.1;margin:0 0 18px;font-weight:800;letter-spacing:-.02em}
.h2{font-size:34px;line-height:1.15;margin:0 0 22px;font-weight:800;letter-spacing:-.01em}
.h3{font-size:20px;line-height:1.25;margin:0 0 8px;font-weight:750}
.lead{font-size:18px;line-height:1.6;color:#313640}
.muted{color:var(--muted)}

/* Container */
.container{width:100%;max-width:var(--container);padding:0 20px;margin:0 auto}

/* Common */
.section{padding:64px 0}
.shadow{box-shadow:var(--shadow)}
.card{background:var(--card);border-radius:var(--radius-xl);padding:22px;border:1px solid #EEF1F5}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 22px;border-radius:14px;border:0;cursor:pointer;font-weight:600;font-size:16px;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;background:linear-gradient(135deg,var(--hero-orange),var(--hero-peach));color:#111;box
/* ===== MARKETPLACE OPTIMIZATION ===== */

/* МОБИЛЬНАЯ СЕТКА */
@media (max-width: 768px) {
  .catalog-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* КАРТОЧКА ТОВАРА */
.product-card {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
}

.product-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  border-color: #ff6b35;
}

/* ИЗОБРАЖЕНИЕ */
.product-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #f5f5f5;
}

/* ИНФОРМАЦИЯ */
.product-info {
  padding: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* НАЗВАНИЕ */
.product-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* РЕЙТИНГ */
.product-rating {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
  font-size: 12px;
}

.product-stars {
  color: #ffc107;
}

.product-reviews {
  color: #999;
}

/* ЦЕНА */
.product-price {
  font-size: 18px;
  font-weight: 700;
  color: #ff6b35;
  margin-bottom: 8px;
}

.product-old-price {
  text-decoration: line-through;
  color: #999;
  font-size: 12px;
  margin-left: 4px;
}

/* КНОПКА */
.product-btn {
  width: 100%;
  height: 44px;
  background: linear-gradient(135deg, #ff6b35, #ff8c5a);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
  margin-top: auto;
}

.product-btn:hover {
  background: linear-gradient(135deg, #e55a24, #ff7a48);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255,107,53,0.3);
}

.product-btn:active {
  transform: translateY(0);
}

/* ФИЛЬТРЫ */
.filters {
  position: sticky;
  top: 0;
  z-index: 100;
  background: white;
  padding: 12px;
  border-bottom: 1px solid #e0e0e0;
}

.filter-container {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.filter-chip {
  padding: 8px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 13px;
  background: white;
}

.filter-chip:hover {
  border-color: #ff6b35;
  background: #fff5f0;
}

.filter-chip.active {
  background: #ff6b35;
  color: white;
  border-color: #ff6b35;
}

/* ПОИСК */
.search-input {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
}

.search-input:focus {
  border-color: #ff6b35;
  box-shadow: 0 0 0 3px rgba(255,107,53,0.1);
}

/* PAGINATION / LOAD MORE */
.load-more-btn {
  width: 100%;
  height: 44px;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s;
}

.load-more-btn:hover {
  background: #ff6b35;
  color: white;
  border-color: #ff6b35;
}

/* RESPONSIVE */
@media (max-width: 480px) {
  .product-name {
    font-size: 13px;
  }
  
  .product-price {
    font-size: 16px;
  }
  
  .product-btn {
    height: 40px;
    font-size: 13px;
  }
}