@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap');

.megafix-hero, .megafix-categories, .megafix-videos,
.megafix-about-factory, .megafix-fp-section, .megafix-bl-section {
	--mf-ink:#0B1710;
	--mf-ink-soft:#132A1B;
	--mf-primary:#236333;
	--mf-primary-light:#3A8B50;
	--mf-cement:#F3EFE6;
	--mf-steel:#93A79A;
	--mf-charge:#C6FF6B;
	--mf-radius:14px;
	box-sizing:border-box;
}
.megafix-hero *, .megafix-categories *, .megafix-videos *,
.megafix-about-factory *, .megafix-fp-section *, .megafix-bl-section * { box-sizing:border-box; }

/* =====================================================
   HERO SECTION
   ===================================================== */
.megafix-hero{
	position:relative;
	min-height:100vh;
	background:
		radial-gradient(circle at 18% 30%, rgba(35,99,51,0.55) 0%, rgba(35,99,51,0) 42%),
		linear-gradient(180deg, var(--mf-ink) 0%, var(--mf-ink-soft) 100%);
	display:flex;
	align-items:center;
	padding:64px 6vw 90px;
	isolation:isolate;
	font-family:'Inter', sans-serif;
	color:var(--mf-cement);
	overflow:hidden;
}
.megafix-hero::before{
	content:"";
	position:absolute; inset:0;
	background-image:
		linear-gradient(rgba(243,239,230,0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(243,239,230,0.045) 1px, transparent 1px);
	background-size:42px 42px;
	mask-image:linear-gradient(180deg, black, rgba(0,0,0,0.15) 75%, transparent);
	z-index:0;
}
.megafix-rebar{
	position:absolute; right:22%; bottom:-12%; width:3px; height:130%;
	background:repeating-linear-gradient(180deg, var(--mf-primary-light) 0 10px, transparent 10px 20px);
	transform:rotate(28deg); opacity:0.55; z-index:0;
}
.megafix-rebar.two{ right:8%; opacity:0.28; }

.megafix-eyebrow{
	display:inline-flex; align-items:center; gap:10px;
	font-family:'IBM Plex Mono', monospace;
	font-size:12.5px; letter-spacing:0.14em; text-transform:uppercase;
	color:var(--mf-charge);
	border-bottom:1px solid rgba(198,255,107,0.4);
	padding-bottom:8px; margin-bottom:26px;
}
.megafix-eyebrow::before{
	content:""; width:7px; height:7px; border-radius:50%;
	background:var(--mf-charge);
	box-shadow:0 0 10px 2px rgba(198,255,107,0.7);
	animation:megafix-pulse 2.2s ease-in-out infinite;
}
@keyframes megafix-pulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.6); opacity:0.5; } }

.megafix-hero-content{ position:relative; z-index:2; max-width:640px; }
.megafix-hero h1{
	font-family:'Space Grotesk', sans-serif; font-weight:700;
	font-size:clamp(38px, 4.6vw, 64px); line-height:1.06; letter-spacing:-0.01em;
	color:var(--mf-cement); margin:0;
}
.megafix-hero h1 span{ color:var(--mf-primary-light); }

.megafix-sub{ margin-top:24px; font-size:17px; line-height:1.65; color:var(--mf-steel); max-width:480px; }

.megafix-ratio{ margin-top:34px; display:flex; align-items:center; gap:14px; font-family:'IBM Plex Mono', monospace; font-size:12.5px; color:var(--mf-steel); }
.megafix-ratio .bar{ position:relative; width:180px; height:1px; background:rgba(147,167,154,0.35); }
.megafix-ratio .bar::after{ content:""; position:absolute; left:0; top:-1px; width:var(--megafix-ratio-fill, 64%); height:3px; background:var(--mf-charge); }

.megafix-cta-row{ margin-top:40px; display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.megafix-btn{
	background:var(--mf-cement); color:var(--mf-ink); font-weight:600; font-size:15px;
	padding:16px 30px; border-radius:8px; text-decoration:none; display:inline-block;
	transition:transform .25s ease, background .25s ease;
}
.megafix-btn:hover{ background:var(--mf-charge); transform:translateY(-2px); }

/* "About the Factory" outline button: hover -> white background, black text */
.megafix-btn-outline{
	color:var(--mf-cement);
	background:transparent;
	font-size:14.5px; font-weight:500;
	text-decoration:none;
	border:1px solid rgba(243,239,230,0.4);
	border-radius:8px;
	padding:12px 22px;
	display:inline-block;
	transition:background .25s ease, color .25s ease, border-color .25s ease;
}
.megafix-btn-outline:hover,
.megafix-btn-outline:focus{
	background:#ffffff !important;
	color:#000000 !important;
	border-color:#ffffff;
}

.megafix-card{
	position:absolute; right:6vw; top:50%; transform:translateY(-50%);
	width:380px; background:var(--mf-cement); color:var(--mf-ink);
	border-radius:var(--mf-radius); padding:34px 32px 30px;
	box-shadow:0 30px 60px -20px rgba(0,0,0,0.55); z-index:3;
}
.megafix-card h3{ font-family:'Space Grotesk', sans-serif; font-size:21px; color:var(--mf-ink); margin:0; }
.megafix-card p.desc{ margin-top:6px; font-size:13.5px; color:#5C6F63; }
.megafix-card .field{ margin-top:16px; }
.megafix-card .field input, .megafix-card .field select, .megafix-card .field textarea{
	width:100%; background:#EAE6DA; border:1px solid transparent; border-radius:8px;
	padding:13px 14px; font-family:'Inter', sans-serif; font-size:13.5px; color:var(--mf-ink);
	outline:none; resize:none;
}
.megafix-card .field select{
	appearance:none; -webkit-appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235C6F63' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 14px center;
}
.megafix-card .field input:focus, .megafix-card .field select:focus, .megafix-card .field textarea:focus{
	border-color:var(--mf-primary); background:#fff;
}
.megafix-card .field input::placeholder, .megafix-card .field textarea::placeholder{ color:#8A9A8F; }

.megafix-send-btn{
	margin-top:20px; width:100%; background:var(--mf-primary); color:#fff; border:none;
	font-weight:600; font-size:14.5px; padding:15px; border-radius:8px; cursor:pointer;
	transition:background .2s ease;
}
.megafix-send-btn:hover{ background:var(--mf-ink-soft); }
.megafix-send-btn:disabled{ opacity:0.7; cursor:default; }

.megafix-form-response{ margin-top:12px; font-size:13px; }
.megafix-form-response.success{ color:var(--mf-primary); }
.megafix-form-response.error{ color:#B3261E; }

@media (max-width: 980px){
	.megafix-card{ position:static; transform:none; margin:40px auto 0; width:100%; max-width:420px; }
	.megafix-hero{ flex-direction:column; align-items:flex-start; padding-bottom:56px; }
	.megafix-hero-content{ max-width:100%; }
}
@media (max-width: 640px){
	.megafix-hero{ padding:44px 6vw 48px; min-height:0; }
	.megafix-hero::before{ background-size:32px 32px; }
	.megafix-rebar{ opacity:0.28; }
	.megafix-eyebrow{ font-size:11px; margin-bottom:16px; padding-bottom:6px; }
	.megafix-hero h1{ font-size:clamp(30px, 8vw, 38px); line-height:1.12; }
	.megafix-sub{ margin-top:14px; font-size:14.5px; line-height:1.55; max-width:100%; }
	.megafix-ratio{ margin-top:22px; flex-wrap:wrap; gap:8px; font-size:11px; }
	.megafix-ratio .bar{ width:110px; }
	.megafix-cta-row{ margin-top:24px; gap:16px; }
	.megafix-btn{ padding:13px 24px; font-size:14px; }
	.megafix-btn-outline{ font-size:13.5px; padding:10px 18px; }
	.megafix-card{ margin-top:28px; padding:24px 22px 22px; border-radius:12px; }
	.megafix-card h3{ font-size:18px; }
	.megafix-card p.desc{ font-size:12.5px; }
	.megafix-card .field{ margin-top:12px; }
	.megafix-card .field input, .megafix-card .field select, .megafix-card .field textarea{ padding:11px 12px; font-size:13px; }
	.megafix-send-btn{ margin-top:16px; padding:13px; font-size:13.5px; }
}
@media (max-width: 400px){ .megafix-ratio{ display:none; } }

/* =====================================================
   FEATURED CATEGORIES SECTION
   ===================================================== */
.megafix-categories{ position:relative; background:#FFFFFF; padding:64px 20px; font-family:'Inter', sans-serif; }
.megafix-cat-container{ max-width:1180px; margin:0 auto; text-align:center; }
.megafix-cat-eyebrow{
	display:inline-flex; align-items:center; gap:8px; font-family:'IBM Plex Mono', monospace;
	font-size:11px; font-weight:500; letter-spacing:0.14em; text-transform:uppercase;
	color:var(--mf-primary); padding-bottom:8px; border-bottom:1px solid rgba(35,99,51,0.35); margin-bottom:16px;
}
.megafix-cat-eyebrow::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--mf-primary-light); }
.megafix-cat-heading{
	font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:clamp(24px,4vw,44px);
	line-height:1.12; letter-spacing:-0.01em; color:var(--mf-ink); margin:0 0 12px;
}
.megafix-cat-heading span{ color:var(--mf-primary); }
.megafix-cat-desc{ max-width:600px; margin:0 auto 32px; color:#5C6F63; font-size:14px; line-height:1.6; }

.megafix-cat-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; text-align:left; }
.megafix-cat-card{
	position:relative; background:#F9F8F4; border:1px solid #E7E3D8; border-radius:12px;
	padding:18px 16px 16px; text-decoration:none !important; overflow:hidden;
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
/* Fix: remove any inherited red underline / link colour coming from the theme's global link styles */
.megafix-cat-card,
.megafix-cat-card:link,
.megafix-cat-card:visited,
.megafix-cat-card:hover,
.megafix-cat-card:active,
.megafix-cat-card *{
	text-decoration:none !important;
	-webkit-text-decoration-line:none !important;
}
.megafix-cat-card::after{
	content:""; position:absolute; left:0; bottom:0; width:100%; height:3px;
	background:linear-gradient(90deg, var(--mf-charge), var(--mf-primary-light));
	transform:scaleX(0); transform-origin:left; transition:transform .3s ease;
}
.megafix-cat-card:hover{ transform:translateY(-5px); background:#fff; border-color:var(--mf-primary); box-shadow:0 16px 30px -18px rgba(11,23,16,0.28); }
.megafix-cat-card:hover::after{ transform:scaleX(1); }

.megafix-cat-icon{
	width:40px; height:40px; border-radius:10px; background:#E9F1E9;
	display:flex; align-items:center; justify-content:center; margin-bottom:12px;
	transition:background .25s ease;
}
.megafix-cat-card:hover .megafix-cat-icon{ background:var(--mf-primary); }
.megafix-cat-icon svg{ width:20px; height:20px; stroke:var(--mf-primary); transition:stroke .25s ease; }
.megafix-cat-card:hover .megafix-cat-icon svg{ stroke:#fff; }

.megafix-cat-name{
	font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:14.5px;
	color:var(--mf-ink) !important; line-height:1.3; margin:0; text-decoration:none !important;
}
.megafix-cat-arrow{
	display:inline-flex; align-items:center; gap:6px; font-family:'Inter', sans-serif;
	font-size:12px; font-weight:600; color:var(--mf-primary); opacity:0; transform:translateX(-6px);
	transition:opacity .2s ease, transform .2s ease; margin-top:8px;
}
.megafix-cat-card:hover .megafix-cat-arrow{ opacity:1; transform:translateX(0); }

@media (min-width:900px){
	.megafix-categories{ padding:100px 24px; }
	.megafix-cat-desc{ margin-bottom:56px; font-size:16px; }
	.megafix-cat-heading{ margin-bottom:18px; }
	.megafix-cat-grid{ grid-template-columns:repeat(4, 1fr); gap:20px; }
	.megafix-cat-card{ padding:28px 24px 26px; }
	.megafix-cat-icon{ width:52px; height:52px; margin-bottom:20px; }
	.megafix-cat-icon svg{ width:26px; height:26px; }
	.megafix-cat-name{ font-size:18px; }
}
@media (prefers-reduced-motion: reduce){
	.megafix-cat-card, .megafix-cat-icon, .megafix-cat-icon svg, .megafix-cat-arrow{ transition:none; }
}

/* =====================================================
   VIDEO SECTION
   ===================================================== */
.megafix-videos{ position:relative; background:#FFFFFF; padding:64px 20px; overflow:hidden; font-family:'Inter', sans-serif; }
.megafix-videos::before{
	content:""; position:absolute; inset:0;
	background-image:
		linear-gradient(rgba(11,23,16,0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(11,23,16,0.035) 1px, transparent 1px);
	background-size:42px 42px; pointer-events:none;
}
.megafix-vid-container{ position:relative; max-width:1100px; margin:0 auto; text-align:center; }
.megafix-vid-eyebrow{
	display:inline-flex; align-items:center; gap:8px; font-family:'IBM Plex Mono', monospace;
	font-size:11px; font-weight:500; letter-spacing:0.14em; text-transform:uppercase;
	color:var(--mf-primary); padding-bottom:8px; border-bottom:1px solid rgba(35,99,51,0.35); margin-bottom:16px;
}
.megafix-vid-eyebrow::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--mf-primary-light); }
.megafix-vid-heading{
	font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:clamp(24px,4vw,44px);
	line-height:1.12; letter-spacing:-0.01em; color:var(--mf-ink); margin:0 0 12px;
}
.megafix-vid-heading span{ color:var(--mf-primary); }
.megafix-vid-desc{ max-width:560px; margin:0 auto 32px; color:#5C6F63; font-size:14px; line-height:1.6; }
.megafix-vid-grid{ display:grid; grid-template-columns:1fr; gap:20px; text-align:left; }
.megafix-vid-card{
	background:#F9F8F4; border:1px solid #E7E3D8; border-radius:var(--mf-radius); padding:12px;
	transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.megafix-vid-card:hover{ border-color:var(--mf-primary); transform:translateY(-4px); box-shadow:0 16px 30px -18px rgba(11,23,16,0.28); }
.megafix-vid-frame{ position:relative; width:100%; padding-top:56.25%; border-radius:8px; overflow:hidden; background:#000; }
.megafix-vid-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.megafix-vid-caption{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 6px 6px; }
.megafix-vid-title{ font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:15px; color:var(--mf-ink); }
.megafix-vid-tag{ font-family:'IBM Plex Mono', monospace; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--mf-primary); white-space:nowrap; }

@media (min-width:800px){
	.megafix-videos{ padding:100px 24px; }
	.megafix-vid-desc{ margin-bottom:56px; font-size:16px; }
	.megafix-vid-heading{ margin-bottom:18px; }
	.megafix-vid-grid{ grid-template-columns:repeat(2, 1fr); gap:28px; }
	.megafix-vid-card{ padding:16px; }
	.megafix-vid-title{ font-size:17px; }
}

/* =====================================================
   ABOUT FACTORY SECTION
   ===================================================== */
.megafix-about-factory{ display:grid; grid-template-columns:1fr; font-family:'Inter', sans-serif; }
.megafix-af-media{ position:relative; min-height:340px; background-color:#1c2b21; }
.megafix-af-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.megafix-af-content{ background:var(--mf-primary); color:var(--mf-cement); padding:56px 6vw; display:flex; flex-direction:column; justify-content:center; }
.megafix-af-eyebrow{ font-family:'IBM Plex Mono', monospace; font-size:12px; font-weight:500; letter-spacing:0.14em; text-transform:uppercase; color:var(--mf-cement); opacity:0.85; margin-bottom:14px; }
.megafix-af-heading{ font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:clamp(26px, 3.4vw, 40px); line-height:1.14; letter-spacing:-0.01em; color:var(--mf-cement); margin:0; }
.megafix-af-subheading{ font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:clamp(18px, 2.2vw, 24px); color:var(--mf-steel); margin-top:6px; }
.megafix-af-rule{ width:56px; height:3px; background:var(--mf-charge); margin:22px 0 30px; }
.megafix-af-grid{ display:grid; grid-template-columns:1fr; gap:22px 40px; margin-bottom:32px; }
.megafix-af-item h4{ font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:15px; letter-spacing:0.01em; color:var(--mf-cement); margin:0 0 8px; }
.megafix-af-item p{ font-size:13.5px; line-height:1.65; color:var(--mf-steel); margin:0; }
.megafix-af-cta-row{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.megafix-af-btn{ font-weight:600; font-size:14.5px; padding:14px 26px; border-radius:8px; text-decoration:none; display:inline-block; transition:transform .25s ease, background .25s ease, color .25s ease; }
.megafix-af-btn-solid{ background:var(--mf-ink); color:#fff; }
.megafix-af-btn-solid:hover{ background:var(--mf-ink-soft); transform:translateY(-2px); }
.megafix-af-btn-outline{ background:transparent; color:var(--mf-cement); border:1px solid rgba(243,239,230,0.5); }
.megafix-af-btn-outline:hover{ background:var(--mf-cement); color:var(--mf-ink); }

@media (min-width:900px){
	.megafix-about-factory{ grid-template-columns:1fr 1fr; min-height:640px; }
	.megafix-af-media{ min-height:100%; }
	.megafix-af-content{ padding:70px 5vw; }
	.megafix-af-grid{ grid-template-columns:repeat(2, 1fr); gap:28px 44px; }
}
@media (max-width:640px){
	.megafix-af-media{ min-height:260px; }
	.megafix-af-content{ padding:40px 6vw; }
	.megafix-af-rule{ margin:16px 0 22px; }
	.megafix-af-grid{ gap:18px; margin-bottom:26px; }
}

/* =====================================================
   FEATURED PRODUCTS SECTION
   ===================================================== */
.megafix-fp-section{ background:#FFFFFF; padding:64px 20px; font-family:'Inter', sans-serif; }
.megafix-fp-container{ max-width:1180px; margin:0 auto; text-align:center; }
.megafix-fp-eyebrow{
	display:inline-flex; align-items:center; gap:8px; font-family:'IBM Plex Mono', monospace;
	font-size:11px; font-weight:500; letter-spacing:0.14em; text-transform:uppercase;
	color:var(--mf-primary); padding-bottom:8px; border-bottom:1px solid rgba(35,99,51,0.35); margin-bottom:16px;
}
.megafix-fp-eyebrow::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--mf-primary-light); }
.megafix-fp-heading{ font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:clamp(24px,4vw,44px); line-height:1.12; letter-spacing:-0.01em; color:var(--mf-ink); margin:0 0 12px; }
.megafix-fp-heading span{ color:var(--mf-primary); }
.megafix-fp-desc{ max-width:600px; margin:0 auto 32px; color:#5C6F63; font-size:14px; line-height:1.6; }
.megafix-fp-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; text-align:left; }
.megafix-fp-card{
	position:relative; background:#F9F8F4; border:1px solid #E7E3D8; border-radius:12px; overflow:hidden;
	text-decoration:none !important; display:flex; flex-direction:column;
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.megafix-fp-card:hover{ transform:translateY(-5px); border-color:var(--mf-primary); box-shadow:0 16px 30px -18px rgba(11,23,16,0.28); }
.megafix-fp-thumb{ position:relative; width:100%; padding-top:100%; background:#EFEAE0; overflow:hidden; }
.megafix-fp-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.megafix-fp-sale{
	position:absolute; top:10px; left:10px; background:var(--mf-charge); color:var(--mf-ink);
	font-family:'IBM Plex Mono', monospace; font-size:10px; font-weight:700; letter-spacing:0.06em;
	text-transform:uppercase; padding:4px 8px; border-radius:5px; z-index:2;
}
.megafix-fp-body{ padding:14px 14px 16px; display:flex; flex-direction:column; flex:1; }
.megafix-fp-name{
	font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:14px; line-height:1.35;
	color:var(--mf-ink) !important; margin-bottom:8px; text-decoration:none !important;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.megafix-fp-price{ margin-top:auto; font-family:'IBM Plex Mono', monospace; font-size:13.5px; font-weight:500; color:var(--mf-primary); }
.megafix-fp-price .megafix-fp-reg{ color:#A7AFA5; text-decoration:line-through; margin-right:6px; font-size:12px; }
.megafix-fp-cta-row{ text-align:center; margin-top:36px; }
.megafix-fp-btn{
	display:inline-block; background:var(--mf-primary); color:#fff; font-weight:600; font-size:14.5px;
	padding:14px 30px; border-radius:8px; text-decoration:none; transition:background .25s ease, transform .25s ease;
}
.megafix-fp-btn:hover{ background:var(--mf-primary-light); transform:translateY(-2px); }
.megafix-fp-state{ grid-column:1 / -1; padding:40px 12px; text-align:center; color:#8A9A8F; font-size:13.5px; }
.megafix-fp-skel{ background:#F0EDE4; border:1px solid #E7E3D8; border-radius:12px; overflow:hidden; }
.megafix-fp-skel .megafix-fp-thumb{ background:#EFEAE0; animation:megafix-fp-pulse 1.3s ease-in-out infinite; }
.megafix-fp-skel .megafix-fp-line{ height:10px; background:#E7E3D8; border-radius:4px; margin:14px; animation:megafix-fp-pulse 1.3s ease-in-out infinite; }
.megafix-fp-skel .megafix-fp-line.short{ width:50%; }
@keyframes megafix-fp-pulse{ 0%,100%{ opacity:1; } 50%{ opacity:0.5; } }

@media (min-width:900px){
	.megafix-fp-section{ padding:100px 24px; }
	.megafix-fp-desc{ margin-bottom:56px; font-size:16px; }
	.megafix-fp-heading{ margin-bottom:18px; }
	.megafix-fp-grid{ grid-template-columns:repeat(4, 1fr); gap:22px; }
	.megafix-fp-body{ padding:18px 18px 20px; }
	.megafix-fp-name{ font-size:15.5px; }
	.megafix-fp-price{ font-size:14.5px; }
}

/* =====================================================
   BLOG SECTION
   ===================================================== */
.megafix-bl-section{ background:#FFFFFF; padding:64px 20px; font-family:'Inter', sans-serif; }
.megafix-bl-container{ max-width:1180px; margin:0 auto; text-align:center; }
.megafix-bl-eyebrow{
	display:inline-flex; align-items:center; gap:8px; font-family:'IBM Plex Mono', monospace;
	font-size:11px; font-weight:500; letter-spacing:0.14em; text-transform:uppercase;
	color:var(--mf-primary); padding-bottom:8px; border-bottom:1px solid rgba(35,99,51,0.35); margin-bottom:16px;
}
.megafix-bl-eyebrow::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--mf-primary-light); }
.megafix-bl-heading{ font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:clamp(24px,4vw,44px); line-height:1.12; letter-spacing:-0.01em; color:var(--mf-ink); margin:0 0 12px; }
.megafix-bl-heading span{ color:var(--mf-primary); }
.megafix-bl-desc{ max-width:600px; margin:0 auto 32px; color:#5C6F63; font-size:14px; line-height:1.6; }
.megafix-bl-track{
	display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch; padding-bottom:6px; text-align:left; scrollbar-width:none;
}
.megafix-bl-track::-webkit-scrollbar{ display:none; }
.megafix-bl-card{
	scroll-snap-align:start; flex:0 0 100%; background:#F9F8F4; border:1px solid #E7E3D8; border-radius:14px;
	overflow:hidden; text-decoration:none !important; display:flex; flex-direction:column;
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.megafix-bl-card:hover{ transform:translateY(-5px); border-color:var(--mf-primary); box-shadow:0 16px 30px -18px rgba(11,23,16,0.28); }
.megafix-bl-thumb{ position:relative; width:100%; padding-top:64%; background:#EFEAE0; overflow:hidden; }
.megafix-bl-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.megafix-bl-date{
	position:absolute; top:14px; left:14px; background:#fff; border-radius:6px; padding:8px 12px 7px;
	text-align:center; line-height:1.1; box-shadow:0 8px 16px -8px rgba(11,23,16,0.4); z-index:2;
}
.megafix-bl-date .day{ display:block; font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:18px; color:var(--mf-ink); }
.megafix-bl-date .mon{ display:block; font-family:'IBM Plex Mono', monospace; font-size:9.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--mf-primary); margin-top:2px; }
.megafix-bl-cat{
	position:absolute; left:14px; bottom:14px; background:var(--mf-primary); color:#fff;
	font-family:'IBM Plex Mono', monospace; font-size:10px; font-weight:500; letter-spacing:0.08em;
	text-transform:uppercase; padding:6px 12px; border-radius:5px; z-index:2;
}
.megafix-bl-body{ padding:20px 20px 22px; display:flex; flex-direction:column; flex:1; }
.megafix-bl-title{
	font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:17px; line-height:1.35;
	color:var(--mf-ink) !important; margin-bottom:10px; text-decoration:none !important;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.megafix-bl-excerpt{
	font-size:13.5px; line-height:1.65; color:#5C6F63; margin-bottom:16px;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.megafix-bl-more{
	margin-top:auto; display:inline-flex; align-items:center; gap:6px; font-family:'IBM Plex Mono', monospace;
	font-size:11.5px; font-weight:500; letter-spacing:0.08em; text-transform:uppercase; color:var(--mf-primary);
}
.megafix-bl-card:hover .megafix-bl-more{ color:var(--mf-primary-light); }
.megafix-bl-dots{ display:flex; justify-content:center; gap:8px; margin-top:20px; }
.megafix-bl-dots button{ width:7px; height:7px; border-radius:50%; background:#D9D4C6; border:none; padding:0; cursor:pointer; transition:background .2s ease, transform .2s ease; }
.megafix-bl-dots button.active{ background:var(--mf-primary); transform:scale(1.3); }
.megafix-bl-state{ flex:0 0 100%; padding:40px 12px; text-align:center; color:#8A9A8F; font-size:13.5px; }
.megafix-bl-skel .megafix-bl-thumb{ background:#EFEAE0; animation:megafix-bl-pulse 1.3s ease-in-out infinite; }
.megafix-bl-skel .megafix-bl-body{ gap:10px; }
.megafix-bl-skel .megafix-bl-line{ height:10px; background:#E7E3D8; border-radius:4px; animation:megafix-bl-pulse 1.3s ease-in-out infinite; }
.megafix-bl-skel .megafix-bl-line.short{ width:55%; }
@keyframes megafix-bl-pulse{ 0%,100%{ opacity:1; } 50%{ opacity:0.5; } }

@media (min-width:860px){
	.megafix-bl-section{ padding:100px 24px; }
	.megafix-bl-desc{ margin-bottom:56px; font-size:16px; }
	.megafix-bl-heading{ margin-bottom:18px; }
	.megafix-bl-track{ overflow:visible; scroll-snap-type:none; }
	.megafix-bl-card{ flex:1 1 0; }
	.megafix-bl-dots{ display:none; }
}