*{box-sizing:border-box} body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f7f8fb;color:#111}
.container{max-width:1100px;margin:0 auto;padding:20px}
.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.end{justify-content:flex-end}.gap{gap:10px}
.site-header{background:#ffffff;border-bottom:1px solid #e6e9ef;position:sticky;top:0;z-index:10;box-shadow:0 1px 12px rgba(23,31,78,0.03)}
.logo{display:flex;align-items:center;gap:12px;font-weight:700;color:#111}
.logo img{height:44px;width:44px;border-radius:8px;object-fit:cover}
.nav a{padding:10px 12px;border-radius:10px;color:#344054;text-decoration:none;font-weight:600}
.nav a:hover{background:#eef2ff;color:#102a8f}
.site-footer{background:#ffffff;border-top:1px solid #e6e9ef;padding:20px;margin-top:40px;color:#94a3b8}
h1,h2,h3{color:#0f172a}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:18px}
.card{background:#ffffff;border:1px solid #eef2ff;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(16,32,86,0.06);transition:transform .18s,box-shadow .18s;padding-bottom:10px}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(16,32,86,0.12)}
.card img{width:100%;height:280px;object-fit:cover;background:#f3f4f6}
.card-body{padding:14px}
.btn{display:inline-block;padding:10px 14px;background:#ff6b81;border:none;color:#fff;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .12s}
.btn:hover{transform:translateY(-3px)}
.btn.outline{background:transparent;border:2px solid #ff6b81;color:#ff6b81}
.controls{display:flex;gap:10px;align-items:center;margin-top:10px}
.badge{background:#fff8f9;border:1px solid #ffd7df;padding:6px 10px;border-radius:999px;color:#ff6b81;font-weight:700}
.filter-bar{display:flex;gap:10px;align-items:center;margin:14px 0}
.product-info .price{font-size:18px;color:#102a8f;font-weight:800;margin-top:8px}
.form{background:#fff;padding:14px;border-radius:12px;border:1px solid #eef2ff}
.review{background:#fff;padding:12px;border-radius:10px;border:1px solid #eef2ff;margin-bottom:10px}
.small{font-size:13px;color:#64748b}
.header-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}
.hero-card{background:linear-gradient(135deg,#fff1f3,#fff6ee);padding:24px;border-radius:12px;flex:1}


/* Use Inter font from Google Fonts */
body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }

/* Icon helper */
.icon { display:inline-block; font-size:16px; margin-right:6px; vertical-align:middle; }

/* Admin badge */
.admin-badge { background:#102a8f;color:#fff;padding:6px 10px;border-radius:8px;font-weight:700 }
/* Кнопка избранное в углу карточки */
.card {
  position: relative;
}

.wishlist-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

.wishlist-icon {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.wishlist-icon:hover {
  background: #fce4ec;
  border-color: #f48fb1;
  color: #d81b60;
}