@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//moniartprint.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.9") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//moniartprint.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//moniartprint.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//moniartprint.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//moniartprint.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//moniartprint.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//moniartprint.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//moniartprint.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//moniartprint.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Fraunces", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Fraunces", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Fraunces", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(11,31,58);
	--wd-alternative-color: rgb(216,27,96);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(82,189,114);
	--btn-accented-bgcolor-hover: rgb(69,169,99);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://moniartprint.com/wp-content/uploads/2021/08/promo-popup.jpg);
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/*
 ============================================================
 MONİART PRINT — Shared CSS
 WordPress Admin → Görünüm → Özelleştir → Ek CSS bölümüne yapıştırın.
 Woodmart'tan renk/font zaten ayarlandıysa --navy / --magenta değerlerini
 kendi tema primary renginizle değiştirebilirsiniz.
 ============================================================
*/

/* ── GLOBAL VARIABLES ───────────────────────────────────── */
:root {
  --navy:        #0B1F3A;
  --navy-deep:   #061327;
  --navy-soft:   #1A3458;
  --navy-tint:   #F2F5F9;
  --white:       #FFFFFF;
  --paper:       #FAFAFA;
  --text:        #0B1F3A;
  --text-muted:  #5A6878;
  --line:        #E5E9EE;
  --line-dark:   rgba(255,255,255,0.12);
  --magenta:     #D81B60;
  --magenta-deep:#B4144E;
  --magenta-tint:#FDF2F7;
  --shadow-sm:   0 2px 8px rgba(11,31,58,0.06);
  --shadow-md:   0 12px 32px rgba(11,31,58,0.10);
  --shadow-lg:   0 24px 60px rgba(11,31,58,0.16);
}

/* ── UTILITY ─────────────────────────────────────────────── */
.mp-section { padding: 104px 0; }
.mp-container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }

.mp-eyebrow {
  font-size: 12.5px; font-weight: 600; color: var(--magenta);
  letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 16px;
}
.mp-title {
  font-size: clamp(32px, 3.8vw, 48px); line-height: 1.1;
  margin-bottom: 18px; font-weight: 500; color: var(--navy);
}
.mp-title em { font-style: italic; font-weight: 400; color: var(--magenta); }
.mp-sub { font-size: 17px; color: var(--text-muted); line-height: 1.6; }

.mp-section-head { max-width: 760px; margin: 0 auto 60px; text-align: center; }
.mp-section-head.left {
  text-align: left; margin-left: 0;
  display: flex; justify-content: space-between;
  align-items: flex-end; gap: 60px; max-width: none;
}
.mp-section-head.left > div:first-child { max-width: 640px; }
.mp-section-head.center .mp-sub { margin: 0 auto; max-width: 600px; }

/* ── BUTTONS ─────────────────────────────────────────────── */
.mp-btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; padding: 13px 24px; font-weight: 600; font-size: 14.5px;
  border: none; cursor: pointer; transition: all .2s ease;
  border-radius: 4px; line-height: 1; text-decoration: none;
}
.mp-btn svg { transition: transform .2s ease; }
.mp-btn-magenta {
  background: var(--magenta); color: var(--white);
  box-shadow: 0 6px 18px rgba(216,27,96,0.26);
}
.mp-btn-magenta:hover { background: var(--magenta-deep); transform: translateY(-2px); color: var(--white); }
.mp-btn-magenta:hover svg { transform: translateX(3px); }
.mp-btn-ghost {
  background: transparent; color: var(--navy);
  border: 1px solid var(--navy);
}
.mp-btn-ghost:hover { background: var(--navy); color: var(--white); }
.mp-btn-ghost-light {
  background: transparent; color: var(--white);
  border: 1px solid rgba(255,255,255,0.4);
}
.mp-btn-ghost-light:hover { background: var(--white); color: var(--navy); border-color: var(--white); }
.mp-btn-light { background: var(--white); color: var(--navy); }
.mp-btn-light:hover { background: var(--navy-tint); }
.mp-btn-lg { padding: 16px 30px; font-size: 15.5px; }

/* ── SCROLL REVEAL ───────────────────────────────────────── */
.mp-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.mp-reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .mp-reveal { opacity: 1; transform: none; transition: none; } }

/* ══════════════════════════════════════════════════════════
   HERO
══════════════════════════════════════════════════════════ */
.mp-hero {
  background: var(--navy); color: var(--white);
  padding: 84px 0 0; position: relative; overflow: hidden;
}
.mp-hero::before {
  content: ''; position: absolute; top: -260px; right: -160px;
  width: 640px; height: 640px; border-radius: 50%;
  background: radial-gradient(circle, rgba(216,27,96,0.10) 0%, transparent 70%);
}
.mp-hero::after {
  content: ''; position: absolute; inset: 0;
  background-image: linear-gradient(var(--line-dark) 1px, transparent 1px),
                    linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);
  background-size: 80px 80px; opacity: 0.5;
  mask-image: radial-gradient(circle at 75% 20%, black, transparent 70%);
}
.mp-hero .mp-container { position: relative; z-index: 2; }
.mp-hero-grid {
  display: grid; grid-template-columns: 1.05fr 0.95fr;
  gap: 64px; align-items: center; padding-bottom: 76px;
}
.mp-hero-eyebrow {
  font-size: 12.5px; font-weight: 600; color: var(--magenta);
  letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 24px;
  display: flex; align-items: center; gap: 12px;
}
.mp-hero-eyebrow::before { content: ''; width: 28px; height: 1px; background: var(--magenta); }
.mp-hero h1 {
  font-size: clamp(40px, 5vw, 60px); line-height: 1.04;
  margin-bottom: 24px; color: var(--white); font-weight: 500;
}
.mp-hero h1 em { font-style: italic; font-weight: 400; color: var(--magenta); }
.mp-hero .mp-lede {
  font-size: 18px; line-height: 1.6; color: rgba(255,255,255,0.82);
  margin-bottom: 34px; max-width: 540px;
}
.mp-hero .mp-lede b { color: var(--white); font-weight: 600; }
.mp-hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 38px; }
.mp-hero-trust {
  display: flex; gap: 30px; padding-top: 30px;
  border-top: 1px solid var(--line-dark); flex-wrap: wrap;
}
.mp-hero-trust-item { display: flex; flex-direction: column; gap: 4px; }
.mp-htr-num {
  font-size: 30px; font-weight: 500; color: var(--white);
  line-height: 1; letter-spacing: -0.02em;
}
.mp-htr-label { font-size: 12.5px; color: rgba(255,255,255,0.6); }

.mp-hero-visual { position: relative; aspect-ratio: 1/1.02; min-height: 500px; }
.mp-hv-main {
  position: absolute; top: 0; right: 0; width: 76%; height: 72%;
  background-image: url('https://moniartprint.com/wp-content/uploads/revslider/moniart_home/event2-scaled.webp');
  background-size: cover; background-position: center;
  border-radius: 10px; box-shadow: var(--shadow-lg);
}
.mp-hv-sub {
  position: absolute; bottom: 0; left: 0; width: 54%; height: 46%;
  background-image: url('https://moniartprint.com/wp-content/uploads/revslider/moniart_home/hoddie2A-scaled.webp');
  background-size: cover; background-position: center;
  border-radius: 10px; box-shadow: var(--shadow-lg); border: 4px solid var(--navy);
}
.mp-hv-badge {
  position: absolute; top: 6%; left: 2%; background: var(--white);
  color: var(--navy); padding: 16px 20px; border-radius: 10px;
  box-shadow: var(--shadow-lg); z-index: 4; max-width: 215px;
  border-top: 3px solid var(--magenta);
}
.mp-hv-badge .mp-hb-label {
  font-size: 10.5px; font-weight: 600; color: var(--magenta);
  letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 7px;
}
.mp-hv-badge .mp-hb-text { font-size: 13.5px; line-height: 1.4; color: var(--navy); font-weight: 500; }

/* ══════════════════════════════════════════════════════════
   TRUST BAR
══════════════════════════════════════════════════════════ */
.mp-trustbar { background: var(--white); padding: 68px 0; border-bottom: 1px solid var(--line); }
.mp-trustbar-label {
  text-align: center; font-size: 13px; font-weight: 600;
  color: var(--text-muted); letter-spacing: 0.16em; text-transform: uppercase;
  margin-bottom: 44px; display: flex; align-items: center; justify-content: center; gap: 16px;
}
.mp-trustbar-label::before, .mp-trustbar-label::after { content: ''; width: 36px; height: 1px; background: var(--line); }
.mp-trustbar-label b { color: var(--navy); font-weight: 600; }
.mp-trustbar-grid { display: grid; grid-template-columns: repeat(6, 1fr); align-items: center; }
.mp-trust-logo {
  height: 76px; display: flex; align-items: center; justify-content: center;
  border-right: 1px solid var(--line); color: var(--navy); opacity: 0.72;
  transition: opacity .2s; font-size: 19px; font-weight: 600;
}
.mp-trust-logo:last-child { border-right: none; }
.mp-trust-logo:hover { opacity: 1; }
.mp-trustbar-foot { text-align: center; margin-top: 40px; font-size: 14px; color: var(--text-muted); }
.mp-trustbar-foot b { color: var(--navy); font-weight: 600; }

/* ══════════════════════════════════════════════════════════
   STORY (Who We Are)
══════════════════════════════════════════════════════════ */
.mp-story { background: var(--paper); padding: 104px 0; border-bottom: 1px solid var(--line); }
.mp-story-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 72px; align-items: center; }
.mp-story-visual { position: relative; }
.mp-story-img {
  aspect-ratio: 4/3.4;
  background-image: url('https://moniartprint.com/wp-content/uploads/revslider/moniart_home/event3-scaled.webp');
  background-size: cover; background-position: center;
  border-radius: 12px; box-shadow: var(--shadow-md);
}
.mp-story-stat {
  position: absolute; right: -24px; bottom: -24px;
  background: var(--navy); color: var(--white);
  padding: 24px 28px; border-radius: 12px; box-shadow: var(--shadow-lg); max-width: 230px;
}
.mp-story-stat .mp-ss-num {
  font-size: 40px; font-weight: 500; line-height: 1; margin-bottom: 8px;
}
.mp-story-stat .mp-ss-label { font-size: 13px; color: rgba(255,255,255,0.75); line-height: 1.4; }
.mp-story-content h2 { font-size: clamp(30px, 3.4vw, 44px); line-height: 1.12; margin-bottom: 22px; }
.mp-story-content h2 em { font-style: italic; font-weight: 400; color: var(--magenta); }
.mp-story-content p { font-size: 16.5px; color: var(--text-muted); line-height: 1.65; margin-bottom: 18px; }
.mp-story-content p b { color: var(--navy); font-weight: 600; }
.mp-story-points { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 28px; margin-top: 30px; }
.mp-story-point { display: flex; gap: 12px; align-items: flex-start; }
.mp-sp-check {
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--magenta-tint); color: var(--magenta);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 12px; font-weight: 700; margin-top: 1px;
}
.mp-sp-text { font-size: 14.5px; color: var(--navy); font-weight: 500; line-height: 1.4; }

/* ══════════════════════════════════════════════════════════
   BRAND MARQUEE
══════════════════════════════════════════════════════════ */
.mp-brandbar {
  background: var(--navy); color: var(--white);
  padding: 56px 0; border-bottom: 1px solid var(--line-dark);
  position: relative; overflow: hidden;
}
.mp-brandbar-label {
  text-align: center; font-size: 12px; font-weight: 600;
  color: rgba(255,255,255,0.55); letter-spacing: 0.14em;
  text-transform: uppercase; margin-bottom: 36px;
}
.mp-brandbar-label b { color: var(--magenta); font-weight: 600; }
.mp-marquee-rows { display: flex; flex-direction: column; gap: 18px; }
.mp-marquee {
  position: relative; width: 100%; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.mp-marquee-track {
  display: flex; width: max-content;
  animation: mp-brand-scroll 46s linear infinite;
}
.mp-marquee-track.reverse { animation: mp-brand-scroll-rev 46s linear infinite; }
.mp-marquee:hover .mp-marquee-track { animation-play-state: paused; }
.mp-brand-item {
  flex: 0 0 auto; display: flex; align-items: center;
  justify-content: center; padding: 0 30px; height: 50px;
}
.mp-brand-item span {
  font-size: 23px; font-weight: 500;
  color: rgba(255,255,255,0.62); white-space: nowrap; transition: color .25s;
}
.mp-brand-item:hover span { color: var(--white); }
.mp-brand-sep {
  flex: 0 0 auto; align-self: center; width: 5px; height: 5px;
  border-radius: 50%; background: var(--magenta); opacity: 0.55;
}
@keyframes mp-brand-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes mp-brand-scroll-rev { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) {
  .mp-marquee-track { animation: none; flex-wrap: wrap; justify-content: center; width: 100%; }
  .mp-marquee { mask-image: none; -webkit-mask-image: none; }
}

/* ══════════════════════════════════════════════════════════
   CAPABILITIES
══════════════════════════════════════════════════════════ */
.mp-capabilities { background: var(--white); padding: 104px 0; }
.mp-cap-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.mp-cap-item { padding: 44px 30px; border-right: 1px solid var(--line); transition: background .2s; }
.mp-cap-item:last-child { border-right: none; }
.mp-cap-item:hover { background: var(--navy-tint); }
.mp-cap-num {
  font-size: 14px; color: var(--magenta); letter-spacing: 0.04em;
  margin-bottom: 26px; display: block; font-weight: 500;
}
.mp-cap-icon { width: 46px; height: 46px; margin-bottom: 22px; color: var(--navy); }
.mp-cap-title { font-size: 22px; font-weight: 500; color: var(--navy); margin-bottom: 10px; line-height: 1.2; }
.mp-cap-desc { font-size: 14.5px; color: var(--text-muted); line-height: 1.55; }

/* ══════════════════════════════════════════════════════════
   ENTERPRISE
══════════════════════════════════════════════════════════ */
.mp-enterprise { background: var(--navy); color: var(--white); padding: 104px 0; }
.mp-enterprise .mp-eyebrow { color: var(--magenta); }
.mp-enterprise .mp-title { color: var(--white); }
.mp-enterprise .mp-sub { color: rgba(255,255,255,0.7); }
.mp-ent-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px; background: var(--line-dark);
  border: 1px solid var(--line-dark); border-radius: 12px;
  overflow: hidden; margin-top: 8px;
}
.mp-ent-card { background: var(--navy); padding: 38px 32px; transition: background .25s; }
.mp-ent-card:hover { background: var(--navy-soft); }
.mp-ent-icon {
  width: 44px; height: 44px; border-radius: 10px;
  background: rgba(216,27,96,0.14); color: var(--magenta);
  display: flex; align-items: center; justify-content: center; margin-bottom: 22px;
}
.mp-ent-card h3 { color: var(--white); font-size: 20px; font-weight: 500; margin-bottom: 11px; line-height: 1.25; }
.mp-ent-card p { font-size: 14.5px; color: rgba(255,255,255,0.72); line-height: 1.6; }

/* ══════════════════════════════════════════════════════════
   STATS
══════════════════════════════════════════════════════════ */
.mp-stats {
  background: var(--paper); padding: 104px 0;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.mp-stats-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.mp-chart-wrap { display: flex; align-items: center; gap: 40px; }
.mp-donut-chart { width: 270px; height: 270px; flex-shrink: 0; position: relative; }
.mp-donut-center {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%); text-align: center;
}
.mp-donut-center .mp-dc-value {
  font-size: 42px; font-weight: 500; color: var(--navy); line-height: 1;
}
.mp-donut-center .mp-dc-label {
  font-size: 11px; font-weight: 500; color: var(--text-muted);
  letter-spacing: 0.08em; text-transform: uppercase; margin-top: 8px;
}
.mp-chart-legend { flex: 1; display: flex; flex-direction: column; gap: 13px; }
.mp-legend-item {
  display: flex; align-items: center; gap: 14px;
  padding-bottom: 13px; border-bottom: 1px solid var(--line);
}
.mp-legend-item:last-child { border-bottom: none; }
.mp-legend-swatch { width: 12px; height: 12px; border-radius: 2px; flex-shrink: 0; }
.mp-legend-name { flex: 1; font-size: 14px; color: var(--text); }
.mp-legend-value { font-size: 18px; font-weight: 500; color: var(--navy); }
.mp-stats-side {
  display: grid; grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line); border-left: 1px solid var(--line);
  background: var(--white); border-radius: 10px; overflow: hidden;
}
.mp-stat-cell {
  padding: 32px 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.mp-stat-num { font-size: 40px; font-weight: 500; line-height: 1; margin-bottom: 10px; letter-spacing: -0.02em; color: var(--navy); }
.mp-stat-label { font-size: 13px; color: var(--text-muted); }

/* ══════════════════════════════════════════════════════════
   SOLUTIONS
══════════════════════════════════════════════════════════ */
.mp-solutions { background: var(--white); padding: 104px 0; }
.mp-solutions-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.mp-solution-card {
  background: var(--white); border: 1px solid var(--line);
  overflow: hidden; transition: all .25s ease; cursor: pointer;
  border-radius: 10px; display: flex; flex-direction: column;
  text-decoration: none;
}
.mp-solution-card:hover { border-color: var(--navy); transform: translateY(-4px); box-shadow: var(--shadow-md); }
.mp-solution-img-wrap { overflow: hidden; }
.mp-solution-img {
  aspect-ratio: 16/10; background-size: cover; background-position: center;
  transition: transform .6s ease;
}
.mp-solution-card:hover .mp-solution-img { transform: scale(1.04); }
.mp-solution-body { padding: 28px 28px 32px; }
.mp-sol-num {
  font-size: 13px; color: var(--magenta); letter-spacing: 0.04em;
  margin-bottom: 14px; display: flex; align-items: center; gap: 12px; font-weight: 500;
}
.mp-sol-num::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.mp-solution-card h3 { font-size: 22px; font-weight: 500; margin-bottom: 10px; line-height: 1.2; color: var(--navy); }
.mp-solution-card p { font-size: 14.5px; color: var(--text-muted); line-height: 1.55; margin-bottom: 20px; }
.mp-sol-link {
  font-size: 14px; font-weight: 600; color: var(--navy);
  display: inline-flex; align-items: center; gap: 6px; transition: gap .2s, color .2s;
}
.mp-solution-card:hover .mp-sol-link { gap: 10px; color: var(--magenta); }

/* ══════════════════════════════════════════════════════════
   CASE STUDIES
══════════════════════════════════════════════════════════ */
.mp-cases { background: var(--paper); padding: 104px 0; border-top: 1px solid var(--line); }
.mp-cases-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.mp-case-card {
  background: var(--white); border: 1px solid var(--line);
  border-radius: 12px; overflow: hidden;
  display: flex; flex-direction: column; transition: all .25s;
}
.mp-case-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
.mp-case-img { aspect-ratio: 16/10; background-size: cover; background-position: center; position: relative; }
.mp-case-tag {
  position: absolute; top: 16px; left: 16px;
  background: rgba(11,31,58,0.9); color: var(--white);
  font-size: 11px; font-weight: 600; letter-spacing: 0.04em;
  text-transform: uppercase; padding: 6px 12px; border-radius: 4px;
}
.mp-case-body { padding: 26px 26px 28px; display: flex; flex-direction: column; flex: 1; }
.mp-case-metric { font-size: 30px; font-weight: 500; color: var(--navy); line-height: 1; margin-bottom: 6px; }
.mp-case-metric span { color: var(--magenta); }
.mp-case-title { font-size: 16px; font-weight: 600; color: var(--navy); margin-bottom: 10px; }
.mp-case-desc { font-size: 14px; color: var(--text-muted); line-height: 1.55; margin-bottom: 18px; flex: 1; }
.mp-case-foot {
  display: flex; align-items: center; gap: 10px;
  padding-top: 16px; border-top: 1px solid var(--line);
  font-size: 13px; color: var(--text-muted);
}
.mp-case-foot b { color: var(--navy); font-weight: 600; }

/* ══════════════════════════════════════════════════════════
   VIDEO
══════════════════════════════════════════════════════════ */
.mp-video { background: var(--white); padding: 104px 0; }
.mp-video-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; align-items: center; }
.mp-video-frame {
  position: relative; aspect-ratio: 16/9;
  border-radius: 12px; overflow: hidden;
  background: var(--navy); box-shadow: var(--shadow-lg);
}
.mp-video-thumb {
  position: absolute; inset: 0;
  background-image: url('https://moniartprint.com/wp-content/uploads/revslider/moniart_home/event3-scaled.webp');
  background-size: cover; background-position: center;
  cursor: pointer; transition: transform .4s ease;
}
.mp-video-frame:hover .mp-video-thumb { transform: scale(1.03); }
.mp-video-thumb::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(11,31,58,0.15) 0%, rgba(11,31,58,0.6) 100%);
}
.mp-video-play {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 78px; height: 78px; border-radius: 50%;
  background: var(--white); display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: transform .2s, background .2s;
}
.mp-video-frame:hover .mp-video-play { transform: translate(-50%, -50%) scale(1.08); background: var(--magenta); }
.mp-video-play::after {
  content: ''; width: 0; height: 0;
  border-left: 17px solid var(--navy);
  border-top: 11px solid transparent; border-bottom: 11px solid transparent;
  margin-left: 4px; transition: border-color .2s;
}
.mp-video-frame:hover .mp-video-play::after { border-left-color: var(--white); }
.mp-video-content h2 { font-size: clamp(28px, 3.2vw, 38px); margin-bottom: 18px; line-height: 1.15; color: var(--navy); }
.mp-video-content h2 em { font-style: italic; color: var(--magenta); font-weight: 400; }
.mp-video-content p { font-size: 16px; color: var(--text-muted); line-height: 1.6; margin-bottom: 28px; }
.mp-video-stats {
  display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
  margin-bottom: 28px; padding: 24px 0;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.mp-vs-num { font-size: 30px; font-weight: 500; color: var(--navy); line-height: 1; margin-bottom: 6px; }
.mp-vs-label { font-size: 13px; color: var(--text-muted); }

/* ══════════════════════════════════════════════════════════
   PROCESS
══════════════════════════════════════════════════════════ */
.mp-process { background: var(--paper); padding: 104px 0; border-top: 1px solid var(--line); }
.mp-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.mp-step-num {
  font-size: 14px; color: var(--magenta); letter-spacing: 0.04em;
  margin-bottom: 20px; display: block; font-weight: 500;
}
.mp-step-num span {
  display: inline-block; width: 32px; height: 32px;
  border: 1px solid var(--navy); border-radius: 50%;
  text-align: center; line-height: 30px; margin-right: 10px;
  color: var(--navy); font-weight: 500;
}
.mp-step-title { font-size: 21px; font-weight: 500; color: var(--navy); margin-bottom: 12px; line-height: 1.25; }
.mp-step-desc { font-size: 14.5px; color: var(--text-muted); line-height: 1.6; }

/* ══════════════════════════════════════════════════════════
   TESTIMONIALS
══════════════════════════════════════════════════════════ */
.mp-testimonials { background: var(--navy); color: var(--white); padding: 104px 0; }
.mp-testimonials .mp-eyebrow { color: var(--magenta); }
.mp-testimonials .mp-title { color: var(--white); }
.mp-tst-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 8px; }
.mp-tst-card {
  background: var(--navy-soft); border: 1px solid var(--line-dark);
  border-radius: 12px; padding: 32px 28px; display: flex; flex-direction: column;
}
.mp-tst-stars { color: var(--magenta); font-size: 15px; letter-spacing: 2px; margin-bottom: 18px; }
.mp-tst-quote { font-size: 18px; line-height: 1.5; color: var(--white); margin-bottom: 24px; flex: 1; }
.mp-tst-author {
  display: flex; align-items: center; gap: 13px;
  padding-top: 20px; border-top: 1px solid var(--line-dark);
}
.mp-tst-avatar {
  width: 46px; height: 46px; border-radius: 50%;
  background: var(--magenta); color: var(--white);
  display: flex; align-items: center; justify-content: center;
  font-weight: 600; font-size: 15px; flex-shrink: 0;
}
.mp-tst-name { font-weight: 600; font-size: 14.5px; color: var(--white); }
.mp-tst-role { font-size: 12.5px; color: rgba(255,255,255,0.6); }

/* ══════════════════════════════════════════════════════════
   QUOTE CTA
══════════════════════════════════════════════════════════ */
.mp-quote-cta { background: var(--magenta); color: var(--white); padding: 104px 0; }
.mp-quote-cta-inner {
  display: grid; grid-template-columns: 1.3fr 1fr;
  gap: 60px; align-items: center;
}
.mp-quote-cta h2 { color: var(--white); font-size: clamp(30px, 3.4vw, 44px); line-height: 1.1; margin-bottom: 16px; }
.mp-quote-cta h2 em { font-style: italic; font-weight: 400; color: var(--navy); }
.mp-quote-cta p { font-size: 16.5px; color: rgba(255,255,255,0.92); line-height: 1.6; max-width: 540px; }
.mp-quote-cta-actions { display: flex; flex-direction: column; gap: 14px; align-items: stretch; }
.mp-quote-cta-actions .mp-btn-light { background: var(--white); color: var(--magenta); }
.mp-quote-cta-actions .mp-btn-light:hover { background: var(--navy); color: var(--white); }
.mp-contact-info { font-size: 14px; color: rgba(255,255,255,0.92); margin-top: 4px; text-align: center; }
.mp-contact-info a { color: var(--white); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* ══════════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .mp-hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .mp-hero-visual { min-height: 440px; }
  .mp-story-grid { grid-template-columns: 1fr; gap: 56px; }
  .mp-story-points { max-width: 520px; }
  .mp-cap-grid { grid-template-columns: repeat(2, 1fr); }
  .mp-cap-item:nth-child(2) { border-right: none; }
  .mp-cap-item:nth-child(1), .mp-cap-item:nth-child(2) { border-bottom: 1px solid var(--line); }
  .mp-ent-grid { grid-template-columns: 1fr; }
  .mp-stats-layout { grid-template-columns: 1fr; gap: 48px; }
  .mp-solutions-grid, .mp-cases-grid, .mp-tst-grid { grid-template-columns: repeat(2, 1fr); }
  .mp-process-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 32px; }
  .mp-video-layout { grid-template-columns: 1fr; gap: 40px; }
  .mp-quote-cta-inner { grid-template-columns: 1fr; gap: 36px; }
  .mp-trustbar-grid { grid-template-columns: repeat(3, 1fr); }
  .mp-trust-logo:nth-child(3n) { border-right: none; }
  .mp-trust-logo:nth-child(n+4) { border-top: 1px solid var(--line); }
}
@media (max-width: 640px) {
  .mp-container { padding: 0 20px; }
  .mp-section, .mp-story, .mp-capabilities, .mp-enterprise, .mp-stats,
  .mp-solutions, .mp-cases, .mp-video, .mp-process, .mp-testimonials,
  .mp-quote-cta, .mp-trustbar { padding: 64px 0; }
  .mp-hero { padding: 52px 0 0; }
  .mp-hero-trust { gap: 20px; }
  .mp-section-head.left { flex-direction: column; align-items: flex-start; gap: 24px; }
  .mp-story-points { grid-template-columns: 1fr; }
  .mp-story-stat { right: 16px; bottom: -20px; }
  .mp-cap-grid { grid-template-columns: 1fr; }
  .mp-cap-item { border-right: none; border-bottom: 1px solid var(--line); }
  .mp-solutions-grid, .mp-cases-grid, .mp-tst-grid { grid-template-columns: 1fr; }
  .mp-process-grid { grid-template-columns: 1fr; }
  .mp-stats-side { grid-template-columns: 1fr; }
}