.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1) Google font — paste at top (Elementor accepts @import here) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* 2) Brand variables */
:root{
  --sc-pink: #ff8fb4;
  --sc-dark: #111111;
  --sc-body: #333333;
  --sc-grey: #666666;
  --sc-border: #ececec;
  --sc-soft: #fafafa;
}

/* 3) Base typography (global) */
html, body {
  font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--sc-body);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.6;
}

/* Headings */
h1, .scf-title { font-weight:700; color:var(--sc-dark); letter-spacing:-0.01em; }
h2, .scf-highlight-title { font-weight:700; color:var(--sc-dark); }
h3 { font-weight:700; color:var(--sc-dark); }

/* 4) Global section/container */
.scf-section {
  padding: 60px 20px;
  background: #ffffff;
}
.scf-container {
  width:100%;
  max-width:1180px;
  margin:0 auto;
  box-sizing:border-box;
}

/* 5) Titles & subtitles */
.scf-title {
  font-size:30px;
  font-weight:700;
  text-align:left;
  color:var(--sc-dark);
  margin-bottom:8px;
}
.scf-title span { color:var(--sc-pink); }
.scf-subtitle {
  font-size:15px;
  color:var(--sc-body);
  max-width:720px;
  margin-bottom:18px;
}

/* 6) Grid helpers */
.scf-grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:36px; align-items:center; }
.scf-grid-4 { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:22px; }

/* Responsive */
@media (max-width:980px){
  .scf-grid-2 { grid-template-columns: 1fr; }
  .scf-section { padding:40px 16px; }
  .scf-title { font-size:24px; }
}
@media (max-width:780px){
  .scf-grid-4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:540px){
  .scf-grid-4 { grid-template-columns: 1fr; }
}

/* 7) Hero images & media */
.scf-hero-img-main, .scf-hero-img-sub, .scf-highlight-media {
  border-radius: 14px;
  overflow:hidden;
  background:#000;
}
.scf-hero-img-main img, .scf-hero-img-sub img, .scf-highlight-media img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition: transform .28s ease;
  transform: scale(1.02);
}
.scf-hero-img-main:hover img, .scf-hero-img-sub:hover img, .scf-highlight-media:hover img {
  transform: scale(1.06);
}

/* 8) Feature cards */
.scf-feature-card {
  border-radius:14px;
  border:1px solid var(--sc-border);
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,0.04);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:all .22s ease;
}
.scf-feature-media { aspect-ratio:4/3; overflow:hidden; background:#000; }
.scf-feature-body { padding:14px 16px; }
.scf-feature-title { font-size:15px; font-weight:600; color:var(--sc-dark); margin-bottom:6px; }
.scf-feature-text { font-size:13px; color:var(--sc-body); line-height:1.6; }

/* Hover lift */
.scf-feature-card:hover { transform:translateY(-6px); box-shadow:0 16px 32px rgba(255,143,180,0.12); border-color:var(--sc-pink); }

/* 9) Highlight / product blocks */
.scf-highlight { display:grid; grid-template-columns: 1fr 1fr; gap:40px; align-items:center; }
.scf-highlight-title { font-size:26px; font-weight:700; color:var(--sc-dark); }
.scf-highlight-text { font-size:15px; color:var(--sc-body); line-height:1.8; }

/* 10) Lock grid / small cells */
.scf-lock-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:14px; }
.scf-lock-cell { border-radius:12px; border:1px solid var(--sc-border); background:#fff; padding:10px; display:flex; flex-direction:column; gap:6px; align-items:center; text-align:center; }
.scf-lock-cell img { width:80px; height:80px; object-fit:contain; }

/* 11) Buttons (primary + outline) */
.scf-btn {
  display:inline-block;
  padding:12px 28px;
  background:var(--sc-pink);
  color:#fff;
  font-size:15px;
  font-weight:600;
  border-radius:8px;
  border:none;
  cursor:pointer;
  text-decoration:none;
  transition: all .28s ease;
  box-shadow:0 6px 18px rgba(255,143,180,0.22);
}
.scf-btn:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(255,143,180,0.28); background:#ff6b9d; }
.scf-btn.scf-btn-outline { background:transparent; border:2px solid var(--sc-pink); color:var(--sc-pink); box-shadow:none; }
.scf-btn.scf-btn-outline:hover { background:var(--sc-pink); color:#fff; }

/* 12) FAQ accordion (use .scf-faq and .scf-faq-btn on markup) */
.scf-faq { border-bottom:1px solid var(--sc-border); margin-bottom:10px; }
.scf-faq-btn {
  width:100%; text-align:left; background:none; border:none; padding:14px 0; font-size:16px; font-weight:600; color:var(--sc-dark); cursor:pointer;
}
.scf-faq-btn:hover { color:var(--sc-pink); }
.scf-faq-content { max-height:0; overflow:hidden; transition: max-height .3s ease; }
.scf-faq-content p { padding:0 0 14px; color:var(--sc-body); line-height:1.7; font-size:14px; margin:0; }

/* 13) Testimonials/cards */
.scf-testimonial { background:#fff; padding:18px; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,0.04); color:var(--sc-body); }

/* 14) Small utilities */
.center { text-align:center; }
.uppercase { text-transform:uppercase; letter-spacing:.12em; font-size:12px; color:var(--sc-grey); }
.kicker { display:inline-block; padding:6px 10px; background:var(--sc-soft); border-radius:8px; color:var(--sc-pink); font-weight:700; }

/* 15) Image / gallery defensive sizing (prevents large theme bleed) */
.scf-hero-media img, .scf-hero-img-main img, .scf-hero-img-sub img { max-height:520px; width:100%; object-fit:cover; }

/* 16) Accessibility helpers */
.scf-btn:focus, .scf-faq-btn:focus { outline: 3px solid rgba(255,143,180,0.18); outline-offset:3px; }

/* 17) Minor responsive polish */
@media (max-width:900px) {
  .scf-grid-4 { grid-template-columns: repeat(2,1fr); }
  .scf-highlight { grid-template-columns: 1fr; gap:28px; }
  .scf-lock-grid { grid-template-columns: 1fr; }
}

/* 18) OPTIONAL: Increase specificity for scf buttons if theme overrides them */
/* Uncomment only if you notice theme overwriting button colors */
/*
body .scf-btn { background:var(--sc-pink) !important; color:#fff !important; }
body .scf-btn.scf-btn-outline { border-color:var(--sc-pink) !important; color:var(--sc-pink) !important; }
*/

/* 19) Notes:
 - Paste this whole block into Elementor Site Settings -> Custom CSS
 - Do NOT include <style> tags
 - If your theme still overrides some elements, enable the small optional rules above by removing comment markers
*//* End custom CSS */