/*
Theme Name: Makrana Heritage
Theme URI: https://makranamoortihouse.com/
Author: Zauca
Description: Bespoke Elementor-ready theme for Makrana Moorti House.
Version: 1.0.1
Text Domain: makrana-heritage
*/

:root {
  --mmh-maroon: #681d2e;
  --mmh-maroon-dark: #40101c;
  --mmh-gold: #c6943d;
  --mmh-gold-light: #e8c77b;
  --mmh-cream: #fbf6ec;
  --mmh-ink: #201a18;
  --mmh-muted: #756963;
  --mmh-white: #fff;
  --mmh-shadow: 0 18px 50px rgba(50, 27, 20, .12);
  --mmh-radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--mmh-ink); background: var(--mmh-cream); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
.site-main { min-height: 50vh; overflow: hidden; }
.mmh-wrap { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.mmh-topbar { background: var(--mmh-maroon-dark); color: #f8ead2; font-size: 13px; }
.mmh-topbar .mmh-wrap { display: flex; align-items: center; justify-content: space-between; min-height: 36px; gap: 20px; }
.mmh-topbar a:hover { color: var(--mmh-gold-light); }
.mmh-header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,.97); border-bottom: 1px solid rgba(104,29,46,.1); backdrop-filter: blur(12px); }
.mmh-header-row { min-height: 82px; display: flex; align-items: center; gap: 36px; }
.mmh-brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.mmh-brand-mark { width: 49px; height: 49px; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #efd18b, var(--mmh-gold)); color: var(--mmh-maroon-dark); font: 700 25px Georgia, serif; box-shadow: 0 5px 16px rgba(84,47,16,.22); }
.mmh-brand-copy strong { display: block; color: var(--mmh-maroon); font: 700 21px/1.08 Georgia, serif; letter-spacing: .01em; }
.mmh-brand-copy small { display: block; color: var(--mmh-muted); font-size: 10px; letter-spacing: .22em; text-transform: uppercase; margin-top: 5px; }
.mmh-nav { margin-left: auto; }
.mmh-nav ul { display: flex; align-items: center; gap: 4px; list-style: none; padding: 0; margin: 0; }
.mmh-nav li { position: relative; }
.mmh-nav > div > ul > li > a { display: block; padding: 29px 13px; font-weight: 700; font-size: 14px; color: #342b27; }
.mmh-nav a:hover, .mmh-nav .current-menu-item > a, .mmh-nav .current-menu-ancestor > a { color: var(--mmh-maroon); }
.mmh-nav .sub-menu { position: absolute; top: calc(100% - 2px); left: 0; display: block; width: 250px; padding: 10px; background: #fff; border-radius: 0 0 14px 14px; box-shadow: var(--mmh-shadow); opacity: 0; visibility: hidden; transform: translateY(10px); transition: .22s ease; }
.mmh-nav .sub-menu .sub-menu { top: -10px; left: 100%; border-radius: 12px; max-height: 70vh; overflow-y: auto; }
.mmh-nav li:hover > .sub-menu, .mmh-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.mmh-nav .sub-menu a { display: block; padding: 10px 12px; border-radius: 8px; font-size: 13px; font-weight: 650; }
.mmh-nav .sub-menu a:hover { background: #fbf2e3; }
.mmh-header-cta, .mmh-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 20px; border-radius: 999px; background: var(--mmh-maroon); color: #fff; font-weight: 800; font-size: 14px; border: 1px solid var(--mmh-maroon); transition: .2s ease; }
.mmh-header-cta:hover, .mmh-btn:hover { color: #fff; background: var(--mmh-maroon-dark); transform: translateY(-2px); }
.mmh-btn-gold { background: var(--mmh-gold); color: #28160f; border-color: var(--mmh-gold); }
.mmh-btn-ghost { background: transparent; border-color: rgba(255,255,255,.65); color: #fff; }
.mmh-btn-ghost:hover { background: #fff; color: var(--mmh-maroon); }
.mmh-nav-toggle { display: none; margin-left: auto; border: 0; background: transparent; font-size: 28px; color: var(--mmh-maroon); }

.mmh-hero { min-height: 670px; display: grid; align-items: center; position: relative; color: #fff; background-size: cover; background-position: center; }
.mmh-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(50,7,17,.92) 0%, rgba(65,13,25,.75) 35%, rgba(65,13,25,.12) 68%, rgba(0,0,0,.06) 100%); }
.mmh-hero > .mmh-wrap { position: relative; z-index: 1; }
.mmh-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--mmh-gold-light); text-transform: uppercase; letter-spacing: .22em; font-weight: 800; font-size: 12px; }
.mmh-eyebrow::before { content: ""; width: 36px; height: 1px; background: currentColor; }
.mmh-hero h1 { max-width: 720px; margin: 18px 0; font: 700 clamp(46px, 6vw, 82px)/.99 Georgia, serif; letter-spacing: -.035em; }
.mmh-hero p { max-width: 590px; margin: 0 0 28px; font-size: 18px; color: #f7e9dc; }
.mmh-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.mmh-trustbar { background: #fff; border-bottom: 1px solid #eadfcc; }
.mmh-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.mmh-trust-item { padding: 24px 20px; text-align: center; border-right: 1px solid #eee3d2; }
.mmh-trust-item:last-child { border-right: 0; }
.mmh-trust-item strong { display: block; color: var(--mmh-maroon); font: 700 21px Georgia, serif; }
.mmh-trust-item span { color: var(--mmh-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }

.mmh-section { padding: 92px 0; }
.mmh-section-light { background: #fff; }
.mmh-section-tint { background: #f2e8d8; }
.mmh-section-dark { background: var(--mmh-maroon-dark); color: #fff; }
.mmh-section-head { max-width: 760px; margin: 0 auto 44px; text-align: center; }
.mmh-section-head.left { margin-left: 0; text-align: left; }
.mmh-kicker { color: var(--mmh-gold); font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .2em; }
.mmh-section h2, .mmh-page-hero h1 { margin: 10px 0 16px; color: var(--mmh-maroon); font: 700 clamp(35px, 4vw, 54px)/1.08 Georgia, serif; letter-spacing: -.025em; }
.mmh-section-dark h2 { color: #fff; }
.mmh-lead { color: var(--mmh-muted); font-size: 18px; }
.mmh-two-col { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 64px; }
.mmh-media-card { border-radius: var(--mmh-radius); overflow: hidden; box-shadow: var(--mmh-shadow); background: #fff; }
.mmh-media-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.mmh-copy h2 { margin-top: 10px; }
.mmh-copy p { color: #5f5550; }
.mmh-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin: 26px 0; }
.mmh-check { position: relative; padding-left: 27px; font-weight: 700; font-size: 14px; }
.mmh-check::before { content: "✓"; position: absolute; left: 0; color: var(--mmh-gold); font-weight: 900; }

.mmh-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.mmh-card { display: block; overflow: hidden; background: #fff; border-radius: var(--mmh-radius); box-shadow: 0 10px 34px rgba(70,42,30,.08); transition: .22s ease; border: 1px solid rgba(92,56,34,.08); }
.mmh-card:hover { transform: translateY(-7px); box-shadow: var(--mmh-shadow); }
.mmh-card-art, .mmh-product-art { background-repeat: no-repeat; background-size: 400% 200%; background-color: #ead8bd; }
.mmh-card-art { aspect-ratio: 4 / 3; }
.mmh-card-body { padding: 20px; }
.mmh-card-body h3 { margin: 0 0 6px; color: var(--mmh-maroon); font: 700 24px/1.15 Georgia, serif; }
.mmh-card-body p { margin: 0; color: var(--mmh-muted); font-size: 14px; }
.mmh-link { display: inline-flex; gap: 8px; margin-top: 13px; color: var(--mmh-maroon); font-weight: 800; font-size: 13px; }

.mmh-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.mmh-feature { padding: 28px; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(255,255,255,.06); }
.mmh-feature b { display: block; margin-bottom: 10px; color: var(--mmh-gold-light); font: 700 20px Georgia, serif; }
.mmh-feature p { margin: 0; color: #e9dcd5; font-size: 14px; }

.mmh-page-hero { padding: 95px 0 80px; background: radial-gradient(circle at 80% 20%, rgba(208,162,79,.22), transparent 34%), linear-gradient(135deg, var(--mmh-maroon-dark), var(--mmh-maroon)); color: #fff; text-align: center; }
.mmh-page-hero h1 { color: #fff; }
.mmh-page-hero p { max-width: 720px; margin: 0 auto; color: #f2ded7; font-size: 17px; }
.mmh-breadcrumb { color: var(--mmh-gold-light); font-size: 12px; text-transform: uppercase; letter-spacing: .14em; font-weight: 800; }

.mmh-product-hero { display: grid; grid-template-columns: .9fr 1.1fr; gap: 58px; align-items: center; }
.mmh-product-art { width: 100%; aspect-ratio: 4 / 3; border-radius: var(--mmh-radius); box-shadow: var(--mmh-shadow); }
.mmh-product-copy h1 { color: var(--mmh-maroon); font: 700 clamp(38px, 5vw, 58px)/1.04 Georgia, serif; margin: 10px 0 20px; }
.mmh-product-copy > p { color: var(--mmh-muted); font-size: 17px; }
.mmh-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 26px 0; }
.mmh-spec { padding: 14px 16px; border-radius: 12px; background: #fff; border: 1px solid #eadcc8; }
.mmh-spec small { display: block; color: var(--mmh-muted); text-transform: uppercase; letter-spacing: .1em; font-size: 10px; }
.mmh-spec strong { color: var(--mmh-maroon); }
.mmh-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.mmh-benefit { padding: 26px; background: #fff; border-radius: 15px; box-shadow: 0 8px 24px rgba(60,30,18,.06); }
.mmh-benefit h3 { color: var(--mmh-maroon); font: 700 20px Georgia, serif; margin: 0 0 8px; }
.mmh-benefit p { margin: 0; color: var(--mmh-muted); font-size: 14px; }
.mmh-process { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; counter-reset: step; }
.mmh-process article { counter-increment: step; padding: 28px; border-radius: 16px; border: 1px solid #e6d5bc; background: #fff; }
.mmh-process article::before { content: "0" counter(step); display: block; color: var(--mmh-gold); font: 700 28px Georgia, serif; }
.mmh-process h3 { margin: 8px 0; color: var(--mmh-maroon); }

.mmh-contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 32px; }
.mmh-contact-card, .mmh-form { padding: 34px; background: #fff; border-radius: var(--mmh-radius); box-shadow: var(--mmh-shadow); }
.mmh-contact-card h3, .mmh-form h3 { color: var(--mmh-maroon); font: 700 27px Georgia, serif; margin-top: 0; }
.mmh-contact-list { list-style: none; margin: 0; padding: 0; }
.mmh-contact-list li { padding: 13px 0; border-bottom: 1px solid #eee2d1; }
.mmh-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mmh-form input, .mmh-form textarea, .mmh-form select { width: 100%; border: 1px solid #dfcfb7; background: #fffdf8; padding: 14px 15px; border-radius: 10px; font: inherit; }
.mmh-form textarea { min-height: 140px; resize: vertical; }
.mmh-form label { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; color: #4d403a; }
.mmh-notice { padding: 16px 18px; border-left: 4px solid var(--mmh-gold); background: #fff8e9; color: #5e4c3d; }

.mmh-policy { max-width: 880px; margin: auto; }
.mmh-policy h2 { font-size: 30px; margin-top: 36px; }
.mmh-policy h3 { color: var(--mmh-maroon); margin-top: 26px; }
.mmh-policy p, .mmh-policy li { color: #5e534e; }

.mmh-footer { background: #241216; color: #d8c9c2; padding: 68px 0 0; }
.mmh-footer-grid { display: grid; grid-template-columns: 1.3fr .8fr .9fr 1.3fr; gap: 42px; }
.mmh-footer h3 { margin: 0 0 18px; color: #fff; font: 700 20px Georgia, serif; }
.mmh-footer p { font-size: 14px; }
.mmh-footer ul { list-style: none; padding: 0; margin: 0; }
.mmh-footer li { margin: 8px 0; font-size: 14px; }
.mmh-footer a:hover { color: var(--mmh-gold-light); }
.mmh-footer-bottom { margin-top: 48px; border-top: 1px solid rgba(255,255,255,.1); padding: 19px 0; text-align: center; font-size: 12px; color: #aa9992; }
.mmh-floating { position: fixed; right: 20px; bottom: 20px; z-index: 999; width: 55px; height: 55px; border-radius: 50%; display: grid; place-items: center; background: #1fac5b; color: #fff; font-size: 24px; box-shadow: 0 10px 28px rgba(0,0,0,.24); }

@media (max-width: 1024px) {
  .mmh-header-cta { display: none; }
  .mmh-nav-toggle { display: block; }
  .mmh-nav { position: absolute; top: 82px; left: 0; right: 0; display: none; background: #fff; padding: 12px 20px 24px; border-top: 1px solid #eee1d1; max-height: calc(100vh - 118px); overflow: auto; }
  .mmh-nav.open { display: block; }
  .mmh-nav ul { display: block; }
  .mmh-nav > div > ul > li > a { padding: 12px; }
  .mmh-nav .sub-menu, .mmh-nav .sub-menu .sub-menu { position: static; display: block; width: auto; max-height: none; box-shadow: none; padding: 0 0 0 14px; opacity: 1; visibility: visible; transform: none; border-left: 2px solid #ead6b8; }
  .mmh-grid { grid-template-columns: repeat(2, 1fr); }
  .mmh-feature-grid, .mmh-benefits { grid-template-columns: repeat(2, 1fr); }
  .mmh-footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  .mmh-topbar .mmh-wrap { justify-content: center; text-align: center; }
  .mmh-topbar span:last-child { display: none; }
  .mmh-header-row { min-height: 72px; }
  .mmh-nav { top: 72px; }
  .mmh-brand-copy strong { font-size: 17px; }
  .mmh-brand-copy small { letter-spacing: .13em; }
  .mmh-brand-mark { width: 42px; height: 42px; }
  .mmh-hero { min-height: 620px; background-position: 64% center; }
  .mmh-hero::before { background: rgba(58,9,20,.74); }
  .mmh-hero h1 { font-size: 46px; }
  .mmh-trust-grid { grid-template-columns: 1fr 1fr; }
  .mmh-trust-item:nth-child(2) { border-right: 0; }
  .mmh-two-col, .mmh-product-hero, .mmh-contact-grid { grid-template-columns: 1fr; gap: 32px; }
  .mmh-grid, .mmh-process, .mmh-feature-grid, .mmh-benefits, .mmh-footer-grid { grid-template-columns: 1fr; }
  .mmh-section { padding: 64px 0; }
  .mmh-specs, .mmh-checks, .mmh-field-grid { grid-template-columns: 1fr; }
  .mmh-page-hero { padding: 70px 0 58px; }
}