/*
Theme Name: Kiss Heart GeneratePress Child
Theme URI: https://ferozilovemessages.online/
Description: Free romantic love images homepage template for GeneratePress.
Author: Kiss Heart
Template: generatepress
Version: 1.0.0
*/

:root {
  --kh-pink: #e91e63;
  --kh-dark: #222;
  --kh-soft: #fff4f7;
  --kh-border: #f0dce3;
}

.kh-home { overflow:hidden; }
.kh-hero {
  background: linear-gradient(135deg,#fff0f5,#ffe0ea);
  padding: 78px 25px;
}
.kh-wrap { max-width:1200px; margin:auto; }
.kh-hero-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:45px; align-items:center;
}
.kh-hero h1 { font-size:48px; line-height:1.12; margin:12px 0 18px; color:var(--kh-dark); }
.kh-hero h1 span { color:var(--kh-pink); }
.kh-hero p { font-size:18px; line-height:1.75; color:#555; max-width:620px; }
.kh-btn {
  display:inline-block; background:var(--kh-pink); color:#fff!important;
  padding:13px 24px; border-radius:28px; text-decoration:none!important;
  font-weight:700; margin-top:12px;
}
.kh-hero-art {
  min-height:330px; border-radius:24px;
  background:
    radial-gradient(circle at 72% 25%, #fff 0 6%, transparent 7%),
    radial-gradient(circle at 78% 48%, #ff9ab9 0 5%, transparent 6%),
    linear-gradient(135deg,#f7a4ba,#f9d6df 55%,#fff);
  position:relative; display:flex; align-items:center; justify-content:center;
  box-shadow:0 18px 45px rgba(180,40,90,.14);
}
.kh-heart { font-size:110px; filter:drop-shadow(0 10px 15px rgba(180,40,90,.18)); }

.kh-section { padding:65px 20px; }
.kh-soft { background:var(--kh-soft); }
.kh-title { text-align:center; margin-bottom:34px; }
.kh-title h2 { font-size:32px; margin:8px 0; color:var(--kh-dark); }
.kh-title p { color:#777; margin:0; }

.kh-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.kh-card {
  background:#fff; border:1px solid var(--kh-border); border-radius:16px;
  padding:28px; text-align:center; text-decoration:none!important;
  box-shadow:0 6px 24px rgba(0,0,0,.05); transition:.2s;
}
.kh-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,.09); }
.kh-icon {
  width:74px; height:74px; margin:0 auto 15px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#ffe7ef; font-size:34px;
}
.kh-card h3 { color:#222; margin:0 0 8px; font-size:20px; }
.kh-card p { color:#777; margin:0; line-height:1.6; }

.kh-cats { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.kh-cat {
  background:#fff; border:1px solid var(--kh-border); border-radius:14px;
  padding:22px 10px; text-align:center; color:#333!important;
  text-decoration:none!important; font-weight:700;
}
.kh-cat span { display:block; font-size:28px; margin-bottom:8px; }

.kh-seo {
  max-width:900px; margin:auto; padding:55px 25px; text-align:center;
}
.kh-seo h2 { color:var(--kh-pink); }
.kh-seo p { color:#555; line-height:1.8; font-size:16px; }

@media(max-width:900px) {
  .kh-hero-grid { grid-template-columns:1fr; }
  .kh-hero h1 { font-size:40px; }
  .kh-grid { grid-template-columns:repeat(2,1fr); }
  .kh-cats { grid-template-columns:repeat(3,1fr); }
}
@media(max-width:600px) {
  .kh-hero { padding:55px 18px; }
  .kh-hero h1 { font-size:32px; }
  .kh-hero p { font-size:16px; }
  .kh-hero-art { min-height:230px; }
  .kh-grid, .kh-cats { grid-template-columns:1fr; }
  .kh-section { padding:48px 15px; }
}