/* ============================================================
   SKM × Elementor — AGGRESSIVE OVERRIDE LAYER
   Maximum-specificity rules so the SKM design wins over
   Elementor defaults and inline styles. Load AFTER skm.css.
   ============================================================ */

/* ---------------- HERO GRADIENT ---------------- */
body.elementor-page .elementor-element.hero,
body .elementor .hero,
section.hero, div.hero, .hero {
	background-image:
		radial-gradient(circle at 78% 38%, rgba(255,255,255,0.5), transparent 46%),
		linear-gradient(120deg, #F3D9BC 0%, #E8B98C 55%, #D89D6A 100%) !important;
	background-color: #EAD9C2 !important;
	position: relative !important;
	overflow: hidden !important;
}

/* ---------------- HEADINGS (kill blue) ---------------- */
body.elementor-page .hero h1,
body.elementor-page .hero h1 a,
body.elementor-page .hero h1 .elementor-heading-title,
.hero h1, .hero h1 * { color: #1A1D1B !important; }

body.elementor-page .hero h1 .hl,
.hero h1 .hl { color: #C92F23 !important; }

body.elementor-page .sec-head .eyebrow,
.sec-head .eyebrow { color: #1FA82C !important; }

body.elementor-page .sec-head h2,
body.elementor-page .sec-head h2 .elementor-heading-title,
.sec-head h2, .sec-head h2 * { color: #1A1D1B !important; }

body.elementor-page .card h3,
body.elementor-page .card h3 a,
body.elementor-page .card h3 .elementor-heading-title,
body.elementor-page .cat-body h3,
body.elementor-page .cat-body h3 .elementor-heading-title,
.card h3, .card h3 *, .cat-body h3, .cat-body h3 * { color: #1A1D1B !important; }

body.elementor-page .news h2,
body.elementor-page .news h2 .elementor-heading-title,
.news h2, .news h2 * { color: #FFFFFF !important; }

/* ---------------- LINKS ---------------- */
body.elementor-page a.card, body.elementor-page a.card:hover,
body.elementor-page a.cat, body.elementor-page a.cat:hover,
a.card, a.cat { text-decoration: none !important; color: inherit !important; }

/* ---------------- BUTTONS ---------------- */
body.elementor-page .btn-primary,
body.elementor-page a.btn-primary,
body.elementor-page .btn-primary .elementor-button-text,
body.elementor-page .elementor-button.btn-primary,
.btn-primary, .btn-primary * {
	background-color: #1FA82C !important; background-image: none !important;
	color: #FFFFFF !important; border: none !important; border-radius: 8px !important;
}
body.elementor-page .btn-primary:hover, .btn-primary:hover { background-color: #178421 !important; }

body.elementor-page .btn-outline,
body.elementor-page a.btn-outline,
body.elementor-page .btn-outline .elementor-button-text,
.btn-outline, .btn-outline * {
	background-color: #FFFFFF !important; background-image: none !important;
	color: #1A1D1B !important; border: 1.5px solid #E8EAE8 !important; border-radius: 8px !important;
}

body.elementor-page .addbtn,
body.elementor-page .addbtn .elementor-button-text,
.addbtn, .addbtn * {
	background-color: #1FA82C !important; background-image: none !important;
	color: #FFFFFF !important; border: none !important; border-radius: 8px !important;
}

body.elementor-page .cat-body .go,
body.elementor-page .cat-body .go .elementor-button-text,
.cat-body .go, .cat-body .go * {
	background-color: #FFFFFF !important; background-image: none !important;
	color: #1A1D1B !important; border: none !important; border-radius: 7px !important;
}

body.elementor-page .sec-head .link,
body.elementor-page .sec-head .link .elementor-button-text,
.sec-head .link, .sec-head .link * {
	background-color: transparent !important; background-image: none !important;
	color: #166B22 !important; border: none !important; box-shadow: none !important; padding: 0 !important;
}

/* ---------------- GRIDS ---------------- */
body.elementor-page .prod-grid, .elementor .prod-grid, .prod-grid {
	display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 22px !important;
}
body.elementor-page .cats, .elementor .cats, .cats {
	display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 24px !important;
}
body.elementor-page .trust-grid, .elementor .trust-grid, .trust-grid {
	display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 24px !important;
}
body.elementor-page .prod-grid > .elementor-element,
body.elementor-page .cats > .elementor-element,
body.elementor-page .trust-grid > .elementor-element,
body.elementor-page .hero-grid > .elementor-element { margin: 0 !important; width: auto !important; }

/* ---------------- HERO LAYOUT ---------------- */
body.elementor-page .hero-grid, .hero-grid {
	display: grid !important; grid-template-columns: 1.05fr 1fr !important;
	gap: 40px !important; align-items: center !important;
}
body.elementor-page .hero-visual, .hero-visual { position: relative !important; }
body.elementor-page .hero-visual img, .hero-visual img { border-radius: 18px !important; width: 100% !important; }

body.elementor-page .hero-visual .hero-tag2, .hero-visual .hero-tag2 {
	position: absolute !important; top: -16px !important; right: -12px !important; z-index: 2 !important;
	background: #EE3F32 !important; color: #FFFFFF !important; border-radius: 14px !important;
	padding: 12px 16px !important; width: auto !important;
}
body.elementor-page .hero-tag2 *, .hero-tag2 * { color: #FFFFFF !important; }

body.elementor-page .hero-visual .hero-float, .hero-visual .hero-float {
	position: absolute !important; bottom: -16px !important; left: -16px !important; z-index: 2 !important;
	background: #FFFFFF !important; border-radius: 14px !important; padding: 12px 18px !important;
	width: auto !important; box-shadow: 0 14px 34px rgba(80,45,20,0.22) !important;
}
body.elementor-page .hero-float .p, .hero-float .p { color: #C92F23 !important; font-weight: 800 !important; font-size: 19px !important; }

body.elementor-page .hero-badge, .hero-badge {
	display: inline-flex !important; background: #EE3F32 !important; color: #FFFFFF !important;
	border-radius: 20px !important; padding: 7px 15px !important; width: auto !important;
}
body.elementor-page .hero-badge *, .hero-badge * { color: #FFFFFF !important; }

/* ---------------- RESPONSIVE ---------------- */
@media (max-width:1000px){
	body.elementor-page .prod-grid{grid-template-columns:repeat(2,1fr)!important;}
	body.elementor-page .trust-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media (max-width:820px){
	body.elementor-page .hero-grid{grid-template-columns:1fr!important;}
	body.elementor-page .cats{grid-template-columns:1fr!important;}
}
@media (max-width:560px){
	body.elementor-page .prod-grid{grid-template-columns:1fr!important;}
}