/*
  MODTAC v45 professional font system
  Scope: site-wide typography only. Does not touch routes, i18n JSON, DeepL tools, PHP, prices, content or layout data.
*/
@font-face{
  font-family:"MODTAC Saira Stencil";
  src:url("/assets/fonts/modtac/SairaStencilOne-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"MODTAC Rajdhani";
  src:url("/assets/fonts/modtac/Rajdhani-SemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"MODTAC Rajdhani";
  src:url("/assets/fonts/modtac/Rajdhani-Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"MODTAC Inter 18";
  src:url("/assets/fonts/modtac/Inter_18pt-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"MODTAC Inter 18";
  src:url("/assets/fonts/modtac/Inter_18pt-Medium.ttf") format("truetype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"MODTAC IBM Plex Condensed";
  src:url("/assets/fonts/modtac/IBMPlexSansCondensed-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"MODTAC IBM Plex Condensed";
  src:url("/assets/fonts/modtac/IBMPlexSansCondensed-SemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"MODTAC IBM Plex Condensed";
  src:url("/assets/fonts/modtac/IBMPlexSansCondensed-Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

:root{
  --modtac-font-main-title:"MODTAC Saira Stencil", "Arial Narrow", Arial, sans-serif;
  --modtac-font-sub-title:"MODTAC Rajdhani", "Arial Narrow", Arial, sans-serif;
  --modtac-font-body:"MODTAC Inter 18", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --modtac-font-product:"MODTAC IBM Plex Condensed", "Arial Narrow", Arial, sans-serif;
}

html,body,#root{
  font-family:var(--modtac-font-body)!important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body,p,li,dd,dt,label,input,textarea,select,option,small,blockquote,table,td,th,.font-inter,.mtx-footer-notice,.modtac-category-trigger,.modtac-category-product,.modtac-stock-filter,.modtac-sort-select{
  font-family:var(--modtac-font-body)!important;
  letter-spacing:normal;
}

h2,h3,h4,h5,h6,.font-oswald,.mtx-button,footer h4,.modtac-filter-caption,.modtac-result-count{
  font-family:var(--modtac-font-sub-title)!important;
  font-weight:700;
  letter-spacing:.055em;
}

h1,.font-armalite,.mtx-hero h1,main [class*="text-5xl"],main [class*="text-6xl"],main [class*="text-7xl"],main [class*="text-8xl"],main [class*="md:text-5xl"],main [class*="md:text-6xl"],main [class*="lg:text-7xl"]{
  font-family:var(--modtac-font-main-title)!important;
  font-weight:400!important;
  letter-spacing:.055em!important;
  line-height:1.05!important;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}

header nav,header nav a,nav a,.font-grooved,button,[role="button"],.btn-primary,.btn-orange,.btn-outline,a.btn-primary,a.btn-orange,a.btn-outline,.modtac-category-header,.modtac-view-button{
  font-family:var(--modtac-font-sub-title)!important;
  font-weight:700!important;
  letter-spacing:.07em;
}

input,textarea,select,option{
  font-family:var(--modtac-font-body)!important;
  font-weight:400!important;
}

.modtac-product-card h1,.modtac-product-card h2,.modtac-product-card h3,.modtac-product-card h4,.modtac-product-card [class*="font-oswald"],.modtac-store-layout h1,.modtac-store-layout h2,.modtac-store-layout h3,.modtac-category-all,.modtac-category-group.is-active>.modtac-category-trigger,.modtac-category-group.is-open>.modtac-category-trigger{
  font-family:var(--modtac-font-product)!important;
  font-weight:700!important;
  letter-spacing:.035em;
}

.modtac-product-card p,.modtac-product-card li,.modtac-product-card small,.modtac-product-card .font-inter,.modtac-store-layout p,.modtac-store-layout li,.modtac-store-layout small{
  font-family:var(--modtac-font-body)!important;
  letter-spacing:normal;
}

article,article p,article li,.prose,.prose p,.prose li,.prose td,.prose th,[class*="legal"] p,[class*="contract"] p,[class*="sozlesme"] p,[class*="terms"] p,[class*="faq"] p,[class*="sss"] p{
  font-family:var(--modtac-font-body)!important;
  font-weight:400;
  line-height:1.75;
  letter-spacing:normal;
}

article h2,article h3,.prose h2,.prose h3,[class*="faq"] h2,[class*="faq"] h3,[class*="sss"] h2,[class*="sss"] h3{
  font-family:var(--modtac-font-sub-title)!important;
  font-weight:700!important;
  letter-spacing:.045em;
}

.text-xs,.text-sm,.text-base,.text-lg{
  font-family:var(--modtac-font-body);
}

button .text-xs,button .text-sm,button .text-base,a[role="button"] .text-xs,a[role="button"] .text-sm,a[role="button"] .text-base,header .text-xs,header .text-sm,nav .text-xs,nav .text-sm{
  font-family:var(--modtac-font-sub-title)!important;
}

@media (max-width: 767px){
  h1,.font-armalite,.mtx-hero h1,main [class*="text-5xl"],main [class*="text-6xl"],main [class*="text-7xl"],main [class*="text-8xl"],main [class*="md:text-5xl"],main [class*="md:text-6xl"],main [class*="lg:text-7xl"]{
    letter-spacing:.032em!important;
    line-height:1.08!important;
  }
  h2,h3,h4,h5,h6,.font-oswald,.font-grooved,button,[role="button"],nav a{
    letter-spacing:.045em;
  }
  p,li,small,article,article p,article li,.prose,.prose p,.prose li{
    line-height:1.68;
  }
}

/* MODTAC footer typography hard override
   Keeps footer readable and consistent with the new professional font system. */
footer,
footer p,
footer li,
footer span,
footer small,
footer address,
footer div,
footer section,
footer article,
footer .text-xs,
footer .text-sm,
footer .text-base,
footer .text-lg,
[class*="footer"] p,
[class*="footer"] li,
[class*="footer"] span,
[class*="footer"] small,
[class*="Footer"] p,
[class*="Footer"] li,
[class*="Footer"] span,
[class*="Footer"] small{
  font-family:var(--modtac-font-body)!important;
  font-weight:400;
  letter-spacing:normal;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer a,
footer button,
footer strong,
footer .font-oswald,
footer .font-grooved,
footer [class*="uppercase"],
footer [class*="tracking"],
[class*="footer"] h1,
[class*="footer"] h2,
[class*="footer"] h3,
[class*="footer"] h4,
[class*="footer"] h5,
[class*="footer"] h6,
[class*="footer"] a,
[class*="footer"] button,
[class*="footer"] strong,
[class*="Footer"] h1,
[class*="Footer"] h2,
[class*="Footer"] h3,
[class*="Footer"] h4,
[class*="Footer"] h5,
[class*="Footer"] h6,
[class*="Footer"] a,
[class*="Footer"] button,
[class*="Footer"] strong{
  font-family:var(--modtac-font-sub-title)!important;
  font-weight:700!important;
  letter-spacing:.06em;
}

footer .font-armalite,
footer [class*="font-armalite"],
[class*="footer"] .font-armalite,
[class*="footer"] [class*="font-armalite"],
[class*="Footer"] .font-armalite,
[class*="Footer"] [class*="font-armalite"]{
  font-family:var(--modtac-font-main-title)!important;
  font-weight:400!important;
  letter-spacing:.055em!important;
}

footer svg,
footer svg *,
[class*="footer"] svg,
[class*="footer"] svg *,
[class*="Footer"] svg,
[class*="Footer"] svg *{
  font-family:initial!important;
}