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

:root {
	--wd-text-font: "Hanken Grotesk", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--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: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Hanken Grotesk", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(244,133,57);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(255,165,0);
	--btn-accented-bgcolor-hover: rgb(255,165,0);
	--wd-form-brd-width: 2px;
	--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: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
: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: rgb(12,12,12);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(10,10,10);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(10,10,10);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(10,10,10);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1550px;
--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-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1550px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1550px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1550px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


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

.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #ffffff22;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.timeline-item {
  padding: 20px 30px;
  position: relative;
  width: 50%;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s ease-out;
}

.timeline-item.left {
  left: 0;
}

.timeline-item.right {
  left: 50%;
}

.timeline-content {
  background-color: #1e1e1e;
  padding: 20px;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 0 10px #00000044;
}

.timeline-content h4 {
  color: #fff;
  margin-bottom: 5px;
}

.timeline-content p {
  color: #cccccc;
  margin: 0;
}

.timeline-item::before {
  content: '';
  position: absolute;
  top: 15px;
  width: 20px;
  height: 20px;
  background-color: #ffae00;
  border-radius: 50%;
  z-index: 1;
}

.timeline-item.left::before {
  right: -10px;
}

.timeline-item.right::before {
  left: -10px;
}

/* Active state */
.timeline-item.active {
  opacity: 1;
  transform: translateY(0);
}

/* Responsive */
@media screen and (max-width: 768px) {
  .timeline-item {
    width: 100%;
    left: 0 !important;
  }

  .timeline::after {
    left: 10px;
  }

  .timeline-item::before {
    left: 0 !important;
  }

  .timeline-content {
    margin-left: 30px;
  }
}

/* Reveal animasyon için */
.reveal {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0px);
}

/* === Koyu zemin için tema ve header boşluğu ====================== */
#mp-tech{
  /* Koyu tema renkleri */
  --mp-bg: transparent;
  --mp-ink: #e5e7eb;         /* metin */
  --mp-muted: #9aa4af;       /* ikincil metin */
  --mp-card: #0f0f10;        /* kart zemin */
  --mp-soft: #141414;        /* hero degrade */
  --mp-brand:#ffffff;        /* mavi CTA/link */
  --mp-accent:#ff9900;       /* turuncu CTA */
  --mp-border:#27272a;       /* koyu border */
  --mp-header-h: 72px;       /* sticky header yüksekliği tahmini */
}

/* Bölüm geneli */
#mp-tech .mp-container{color:var(--mp-ink)}
#mp-tech p{color:var(--mp-ink)}
#mp-tech .mp-link{color:var(--mp-brand)}
#mp-tech .mp-link:hover{text-decoration:underline}

/* HERO: menüye temas etmesin + koyu degrade */
#mp-tech .mp-hero{
  background: linear-gradient(135deg, #0f0f10, #141414);
  border-color: var(--mp-border);
  margin-top: calc(var(--mp-header-h) + 16px); /* menüden güvenli uzaklık */
}
@media (max-width: 767px){
  #mp-tech .mp-hero{
    margin-top: calc(var(--mp-header-h) + 10px);
  }
}

/* Kartlar ve kutular koyu mod */
#mp-tech .mp-card,
#mp-tech .mp-tile{
  background: var(--mp-card);
  border-color: var(--mp-border);
  color: var(--mp-ink);
}
#mp-tech .mp-card:hover,
#mp-tech .mp-tile:hover{
  background: #18181b;
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
  transform: translateY(-4px);
}

/* Hero altındaki butonlar koyu zemin uyumu */
#mp-tech .mp-btn{background:#111214;border-color:var(--mp-border);color:var(--mp-ink)}
#mp-tech .mp-btn--primary{background:var(--mp-brand);color:#0b1220;border-color:transparent}
#mp-tech .mp-btn--accent{background:var(--mp-accent);color:#111827;border-color:transparent}

/* Uyarı/notice kutusu koyu tonda */
#mp-tech .mp-note{
  background: #221a12;
  border-color: #f48437 ;
  color: #ffd7ae;
}

/* Turuncu hover sadece ortadaki kutu için */
#mp-tech .mp-tile--accent:hover{ background:#20160c; }




/* ===== MakserPress (scoped, dark theme, fully responsive) ===== */
#mp-tech{
  /* Tema */
  --mp-bg: transparent;
  --mp-ink: #e5e7eb;
  --mp-muted:#9aa4af;
  --mp-card:#0f0f10;
  --mp-border:#242428;
  --mp-soft:#141417;
  --mp-brand:#ffffff;
  --mp-accent:#ff9900;
  /* Sticky header yüksekliği bilinmiyor; boşluk için clamp kullanalım */
  --mp-header-gap: clamp(120px, 10vw, 168px);
}

/* HERO: menüye değmesin, nefesli başlasın */
#mp-tech .mp-hero{
  background: linear-gradient(145deg,#0f0f10 0%, #17171a 60%, #111214 100%);
  border: 1px solid var(--mp-border);
  border-radius: 18px;
  padding: clamp(20px, 4vw, 44px);
  margin-top: var(--mp-header-gap);   /*  ↑ boşluk artırıldı  */
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

/* Başlık ve alt başlık */
#mp-tech .mp-h1{ 
  font: 800 clamp(24px, 3.8vw, 40px)/1.2 system-ui, Segoe UI, Roboto, Arial, sans-serif; 
  color: var(--mp-ink); 
  letter-spacing:.2px; 
  margin:0 0 8px;
}
#mp-tech .mp-sub{ color: var(--mp-muted); max-width: 78ch; margin: 0 }

/* CTA butonları */
#mp-tech .mp-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px }
#mp-tech .mp-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 16px; border-radius:12px;
  background:#131316; border:1px solid var(--mp-border);
  color:var(--mp-ink); text-decoration:none; font-weight:700;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
#mp-tech .mp-btn--primary{ background:var(--mp-brand); color:#0b1220; border-color:transparent }
#mp-tech .mp-btn--accent{ background:var(--mp-accent); color:#111827; border-color:transparent }
#mp-tech .mp-btn:hover{ transform: translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.35) }

/* Bölüm başlıkları */
#mp-tech .mp-section{ padding: clamp(24px, 4vw, 40px) 0; border-bottom:1px solid var(--mp-border) }
#mp-tech .mp-h2{ 
  font: 800 clamp(20px, 2.8vw, 30px)/1.25 system-ui; 
  color: var(--mp-ink); margin:0 0 8px 
}
#mp-tech .mp-h3{ font:700 clamp(17px, 2.2vw, 22px)/1.25 system-ui; margin:10px 0 }

/* Kartlar – daha yalın, daha nefesli */
#mp-tech .mp-cards{ 
  display:grid; gap:16px; 
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
}
#mp-tech .mp-card{
  background: var(--mp-card);
  border:1px solid var(--mp-border);
  border-radius:16px;
  padding:18px;
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
#mp-tech .mp-card:hover{
  background:#18181b;
  border-color:#2d2d32;
  transform: translateY(-4px);
  box-shadow:0 16px 42px rgba(0,0,0,.38);
}

/* Bilgi/uyarı kutusu */
#mp-tech .mp-note{
  background:#231a10; border:1px dashed #f48437 ; color:#ffdcb8;
  border-radius:12px; padding:12px; margin-top:10px;
}

/* 3’lü fayda kutuları (tam responsive masonry) */
#mp-tech .mp-tiles{
  display:grid; gap:16px;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
}
#mp-tech .mp-tile{
  background: var(--mp-card);
  border:1px solid var(--mp-border);
  border-radius:16px;
  padding:18px;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
#mp-tech .mp-tile:hover{ background:#18181b; transform:translateY(-4px); box-shadow:0 16px 42px rgba(0,0,0,.38) }
#mp-tech .mp-tile--accent:hover{ background:#20160c } /* ortadaki için turuncu ton */

/* Listeler */
#mp-tech .mp-list{ list-style:none; padding:0; margin:10px 0 0 }
#mp-tech .mp-list li{ display:flex; gap:8px; align-items:flex-start; margin:8px 0; color:var(--mp-ink) }

/* Tipografi ve linkler */
#mp-tech p{ color: var(--mp-ink); margin:8px 0 10px }
#mp-tech .mp-link{ color:var(--mp-brand); text-decoration:none }
#mp-tech .mp-link:hover{ text-decoration:underline }

/* Konteyner */
#mp-tech .mp-container{ max-width: 1180px; margin: 0 auto; padding: 0 clamp(16px, 3.2vw, 28px) }

/* Hareket hassasiyeti */
@media (prefers-reduced-motion: reduce){
  #mp-tech .mp-btn, #mp-tech .mp-card, #mp-tech .mp-tile{ transition:none }
}


/* mp-badge hizalama ve boy uyumu */
#mp-tech .mp-cta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }

#mp-tech .mp-btn,
#mp-tech .mp-badge{
  padding:12px 16px;          /* aynı iç boşluk */
  border-radius:12px;          /* aynı köşe */
}

#mp-tech .mp-badge{
  display:inline-flex;         /* dikey ortalama */
  align-items:center;
  background:#131316;          /* koyu zemine uygun */
  color:#e5e7eb;
  border:1px solid var(--mp-border);
  font:700 13px/1 system-ui;   /* yükseklik için line-height:1 */
}

/* (İsteğe bağlı) Rozeti satırın sağına itmek için: 
   mp-cta'ya mp-cta--split sınıfını ekleyin */
#mp-tech .mp-cta.mp-cta--split .mp-badge{ margin-left:auto; }

@media (max-width:480px){
  #mp-tech .mp-cta{ gap:8px; }
}

/* Form */
.form-dark {
  background: var(--card, #1a1a1a);
  border-radius: 16px;
  padding: 24px;
  border: 1px solid var(--border, #333);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.form-title {
  color: var(--primary, #f48437);
  font-weight: 800;
  margin-bottom: 16px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.field.full {
  grid-column: 1 / -1;
}

label {
  font-weight: 700;
  color: var(--text, #fff);
}

input, select, textarea {
  background: #111;
  border: 1px solid var(--border, #333);
  border-radius: 8px;
  color: var(--text, #fff);
  padding: 10px 12px;
  font-size: 1rem;
  outline: none;
  width: 100%;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--primary, #f48437);
  box-shadow: 0 0 0 2px rgba(244,132,55,.2);
}

/* Buton */
.btn-orange {
  background: var(--primary, #f48437);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 12px 24px;
  font-weight: 700;
  cursor: pointer;
  transition: background .3s ease, transform .1s ease;
}

.btn-orange:hover {
  background: #e27220;
}

.btn-orange:active {
  transform: translateY(1px);
}

.actions {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

.textarea-field {
  width: 100%;
  min-height: 140px; /* yaklaşık 6 satır */
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--border, #333);
  background: #111;
  color: var(--text, #fff);
  font-size: 1rem;
  outline: none;
  resize: vertical; /* sadece dikey olarak yeniden boyutlandırılabilir */
}

.textarea-field:focus {
  border-color: var(--primary, #f48437);
  box-shadow: 0 0 0 2px rgba(244,132,55,.2);
}
/* Responsive */
@media (max-width: 992px) {
  .form-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
}

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #090909 #333333;
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

::-webkit-scrollbar-track {
  background: #333333;
}

::-webkit-scrollbar-thumb {
  background-color: #090909;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #121212; /* Hover efekti - isteğe bağlı */
}

.text-border {
  border: 2px solid #090909; /* Kenarlık kalınlığı ve rengi */
  padding: 8px; /* Yazı kenar boşluğu */
  border-radius: 4px; /* Köşeleri yumuşatmak için */
}

.table {
  width: 100%;
  border-collapse: collapse;
  color: #fff;
  background-color: #222;
  border: 1px solid #444;
}

.table th,
.table td {
  padding: 10px 15px;
  border: 1px solid #444;
  vertical-align: middle;
  text-align: center;
}

.table thead {
  background-color: #111;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.table tbody tr:nth-child(even) {
  background-color: #2a2a2a;
}

.table tbody tr:hover {
  background-color: #333;
  transition: background-color 0.3s ease;
}

.table-bordered {
  border: 1px solid #444;
}

.table-responsive {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #090909 #333333;
}

.table-responsive::-webkit-scrollbar {
  height: 4px;
}

.table-responsive::-webkit-scrollbar-track {
  background: #333333;
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: #090909;
  border-radius: 2px;
}
.text-center{text-align:center !important}

.spec-card {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 26px rgba(0,0,0,.12);
    margin-bottom: 28px;
  }
  .spec-table {
    width: 100%;
    border-collapse: collapse;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.45;
  }
  .spec-table thead th {
    background:#1f1f1f;
    color:#fff;
    padding:16px 18px;
    font-weight:700;
    text-align:left;
    letter-spacing:.2px;
  }
  .spec-table th:first-child,
  .spec-table td:first-child{
    width:28%;
  }
  .spec-table td{
    padding:14px 18px;
    vertical-align:top;
    border-top:1px solid rgba(0,0,0,.06);
  }
  /* Sol sütun (özellik) turuncu şerit */
  .spec-table td:first-child{
    background:linear-gradient(90deg,#ff7a1a 0%, #ff6a00 100%);
    color:#fff;
    font-weight:700;
    border-right:2px solid #ffff20;
  }
  .spec-table tbody tr:nth-child(even) td:nth-child(2){ background:#2a2a2a; }
  .spec-table tbody tr:hover td:nth-child(2){ background:#4c4c4c; transition:.2s; }
  .muted{opacity:.9}
  /* Mobilde okunabilirlik */
  @media (max-width: 768px){
    .spec-table{ font-size:14px; }
    .spec-table th, .spec-table td{ padding:12px 14px; }
  }

:is(.wd-single-post-header,.post-title-large-image) div.wd-post-meta{
	display: none;
}

.wd-sticky-social {
    display: flex !important;
}

/* REF */
#mp-refs{
  --ink:#e5e7eb; --muted:#9aa4af; --bg:transparent;
  --card:#0f0f10; --soft:#141417; --border:#242428;
  --brand:#ffffff; --accent:#ff9900; --primaryText:#0b1220;
  --gap:16px; --radius:16px; --mt:clamp(140px,12vw,200px);
}
#mp-refs .mpr-container{max-width:1180px;margin:0 auto;padding:0 clamp(16px,3vw,28px)}

#mp-refs .mpr-hero{
  margin-top:var(--mt);
  background:linear-gradient(145deg,#0f0f10 0%,#18181b 60%,#111214 100%);
  border:1px solid var(--border); border-radius:18px;
  padding:clamp(20px,4vw,44px);
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
#mp-refs .mpr-h1{font:800 clamp(24px,3.6vw,38px)/1.2 system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);margin:0 0 8px;letter-spacing:.2px}
#mp-refs .mpr-sub{color:var(--muted);max-width:78ch;margin:0}
#mp-refs .mpr-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
#mp-refs .mpr-btn{
  display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;
  background:#131316;border:1px solid var(--border);color:var(--ink);text-decoration:none;font-weight:700;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
#mp-refs .mpr-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.35)}
#mp-refs .mpr-btn--primary{background:var(--brand);color:var(--primaryText);border-color:transparent}

/* Bölüm ve başlıklar */
#mp-refs .mpr-section{padding:clamp(24px,4vw,40px) 0;border-bottom:1px solid var(--border)}
#mp-refs .mpr-h2{font:800 clamp(20px,2.8vw,30px)/1.25 system-ui;color:var(--ink);margin:0 0 10px}
#mp-refs .mpr-h3{font:700 clamp(16px,2.2vw,22px)/1.25 system-ui;margin:10px 0;color:var(--ink)}
#mp-refs p{color:var(--ink);margin:8px 0 10px}
#mp-refs .mpr-muted{color:var(--muted)}

/* KPI / Ä°statistikler */
#mp-refs .mpr-stats{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
#mp-refs .mpr-stats--wide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
#mp-refs .mpr-stat{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:18px; text-align:center; transition:transform .25s, box-shadow .25s, background .25s, border-color .25s;
}
#mp-refs .mpr-stat:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(0,0,0,.38);background:#18181b}
#mp-refs .mpr-kpi{font:800 clamp(24px,3.5vw,36px)/1 system-ui;color:#f8fafc}
#mp-refs .mpr-label{margin-top:6px;color:var(--muted)}

/* Badges */
#mp-refs .mpr-badges{display:flex;flex-wrap:wrap;gap:10px}
#mp-refs .mpr-badge{
  display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;
  background:#101113;border:1px solid var(--border);color:var(--ink);font-weight:700
}

/* Grid & Cards */
#mp-refs .mpr-grid{display:grid;gap:var(--gap)}
#mp-refs .mpr-cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
#mp-refs .mpr-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;
  transition:transform .25s, box-shadow .25s, background .25s, border-color .25s;
}
#mp-refs .mpr-card:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(0,0,0,.38);background:#18181b}

/* Lists */
#mp-refs .mpr-list{list-style:none;margin:10px 0 0;padding:0}
#mp-refs .mpr-list li{margin:8px 0;color:var(--ink)}

/* Note */
#mp-refs .mpr-note{
  background:#231a10;border:1px dashed #f0a254;color:#ffdcb8;border-radius:12px;padding:12px;margin:6px 0 12px
}

/* Contact */
#mp-refs .mpr-contact{display:flex;flex-wrap:wrap;gap:10px}
@media (prefers-reduced-motion:reduce){
  #mp-refs .mpr-btn,#mp-refs .mpr-card,#mp-refs .mpr-stat{transition:none}
}


#mp-refs .mpr-h1,
#mp-refs .mpr-h2,
#mp-refs .mpr-h3{
  background: linear-gradient(90deg,#f48437 ,#ffc266);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}