/*
Theme Name: Astra Child — Magler Jeans
Template:   astra
Version:    4.2.0
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

/* ══════════════════════════════════════
   TOKENS
══════════════════════════════════════ */
:root {
  --charcoal:   #1A1A1A;
  --navy:       #0D1B2A;
  --indigo:     #1B2A4A;
  --indigo-mid: #243656;
  --leather:    #8B6914;
  --leather-lt: #A87D1C;
  --leather-dk: #6B5010;
  --off-white:  #F5F0E8;
  --cream:      #FAF7F2;
  --white:      #FFFFFF;
  --text:       #1A1A2E;
  --muted:      #6B7280;
  --border:     #E2DEDA;
  --serif:      'Playfair Display', Georgia, serif;
  --sans:       'Inter', -apple-system, sans-serif;
  --r:          8px;
  --rl:         16px;
  --sh:         0 4px 24px rgba(13,27,42,.10);
  --shl:        0 10px 48px rgba(13,27,42,.18);
  --ease:       all .3s cubic-bezier(.4,0,.2,1);
}

/* ══════════════════════════════════════
   RESET
══════════════════════════════════════ */
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--sans);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
a {
  transition: var(--ease);
}

/* ══════════════════════════════════════
   ASTRA HEADER OVERRIDES
══════════════════════════════════════ */
#masthead,
.ast-hfb-header {
  background: var(--navy) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.5) !important;
  border-bottom: 1px solid rgba(139,105,20,.2) !important;
}

.site-title a,
.ast-logo-title-inline .site-title a {
  color: var(--off-white) !important;
  font-family: var(--serif) !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.main-header-menu .menu-item a,
#site-navigation ul li a {
  color: rgba(245,240,232,.8) !important;
  font-family: var(--sans) !important;
  font-weight: 500 !important;
  font-size: .82rem !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.main-header-menu .menu-item a:hover,
#site-navigation ul li a:hover {
  color: var(--leather-lt) !important;
}

.ast-button-wrap .menu-toggle,
button.ast-mobile-menu-buttons-minimal {
  color: var(--off-white) !important;
  border-color: var(--off-white) !important;
}

/* Strip Astra wrapper padding on front page */
body.home #content,
body.home .entry-content,
body.home article.page,
body.home .ast-post-format- {
  padding: 0 !important;
  margin: 0 !important;
}

body.home .ast-breadcrumbs-wrapper,
body.home .ast-page-title-bar {
  display: none !important;
}

body.home .ast-container {
  max-width: 100% !important;
  padding: 0 !important;
  /* Override Astra's display:flex on ast-container */
  display: block !important;
}

/* Kill Astra footer */
#colophon,
.site-footer,
#footer,
div#footer,
.ast-footer-copyright {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ══════════════════════════════════════
   LAYOUT BASE
══════════════════════════════════════ */
.mg-sec {
  padding: 80px 0;
  width: 100%;
  display: block;
}

.mg-sec--navy   { background: var(--navy);    color: var(--off-white); }
.mg-sec--coal   { background: var(--charcoal);color: var(--off-white); }
.mg-sec--indigo { background: var(--indigo);  color: var(--off-white); }
.mg-sec--cream  { background: var(--cream); }
.mg-sec--white  { background: var(--white); }

.mg-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  display: block;
}

/* ══════════════════════════════════════
   EYEBROW & HEADINGS
══════════════════════════════════════ */
.mg-eyebrow {
  display: inline-block;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--leather);
  margin-bottom: 10px;
}

.mg-sec--navy .mg-eyebrow,
.mg-sec--coal .mg-eyebrow,
.mg-sec--indigo .mg-eyebrow,
.mg-tt .mg-eyebrow {
  color: var(--leather-lt);
}

.mg-t1 {
  font-family: var(--serif);
  font-weight: 900;
  font-size: clamp(3rem, 9vw, 6.5rem);
  line-height: 1.05;
  letter-spacing: .06em;
  color: var(--off-white);
  margin: 0 0 14px;
  text-transform: uppercase;
  text-shadow: 0 4px 32px rgba(0,0,0,.4);
}

.mg-t2 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  line-height: 1.2;
  margin: 0 0 18px;
  color: var(--navy);
}

.mg-sec--navy .mg-t2,
.mg-sec--coal .mg-t2,
.mg-sec--indigo .mg-t2,
.mg-tt .mg-t2 {
  color: var(--off-white);
}

/* ══════════════════════════════════════
   STITCH DIVIDER
══════════════════════════════════════ */
.mg-stitch {
  height: 5px;
  width: 100%;
  background: repeating-linear-gradient(
    90deg,
    var(--leather-dk) 0px, var(--leather-dk) 10px,
    transparent 10px, transparent 16px
  );
  opacity: .45;
}

/* ══════════════════════════════════════
   BUTTONS
══════════════════════════════════════ */
.btn {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  padding: 13px 26px;
  border-radius: var(--r);
  font-family: var(--sans);
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: var(--ease);
  border: 2px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.btn-wa  { background: #25D366; color: #fff; border-color: #25D366; }
.btn-wa:hover { background: #1EBE5D; border-color: #1EBE5D; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(37,211,102,.4); color: #fff; }
.btn-acc { background: var(--leather); color: var(--off-white); border-color: var(--leather); }
.btn-acc:hover { background: var(--leather-lt); border-color: var(--leather-lt); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(139,105,20,.4); color: var(--off-white); }
.btn-out { background: transparent; color: var(--off-white); border-color: rgba(245,240,232,.5); }
.btn-out:hover { background: rgba(245,240,232,.1); border-color: var(--off-white); color: var(--off-white); transform: translateY(-2px); }
.btn-out-dk { background: transparent; color: var(--navy); border-color: var(--indigo); }
.btn-out-dk:hover { background: var(--indigo); color: var(--off-white); transform: translateY(-2px); }
.btn-tt { background: linear-gradient(135deg,#FF0050,#FF3A74); color: #fff; border: none; }
.btn-tt:hover { background: linear-gradient(135deg,#D90042,#D42A61); color: #fff; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(255,0,80,.4); }

/* ══════════════════════════════════════
   HEADER: hide site-title text when logo image is shown
══════════════════════════════════════ */
.wp-custom-logo .site-title,
.wp-custom-logo .ast-site-identity .site-title,
.custom-logo-link ~ .site-title,
.ast-site-identity .site-title {
  display: none !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* ══════════════════════════════════════
   SEAM BADGE — between Hero and About
══════════════════════════════════════ */
.mg-seam-badge {
  position: relative;
  z-index: 30;
  text-align: center;
  margin-top: -70px;
  margin-bottom: -50px;
  padding: 0;
  line-height: 0;
}

.mg-seam-badge img {
  /* Force wide horizontal display */
  display: block !important;
  width: 320px !important;
  height: auto !important;
  margin: 0 auto;
  transform: rotate(0deg) !important;
  filter: drop-shadow(0 6px 24px rgba(0,0,0,.5));
}

@media (max-width: 640px) {
  .mg-seam-badge { margin-top: -50px; margin-bottom: -36px; }
  .mg-seam-badge img { width: 220px !important; }
}

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.mg-hero {
  min-height: 100vh;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative;
  overflow: hidden;
  text-align: center;
  background: linear-gradient(155deg, var(--charcoal) 0%, var(--navy) 55%, var(--indigo) 100%);
  padding: 120px 24px 100px;
}

.mg-hero::before {
  content: '';
  position: absolute;
  inset: 12px;
  border: 1px dashed rgba(139,105,20,.22);
  border-radius: 4px;
  pointer-events: none;
  z-index: 0;
}

.mg-hero::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 90px;
  background: linear-gradient(to bottom, transparent, var(--cream));
  pointer-events: none;
  z-index: 1;
}

.mg-hero__content {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 auto;
  width: 100%;
}

.mg-hero__tagline {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.05rem, 3vw, 1.5rem);
  color: rgba(245,240,232,.72);
  margin: 0 0 38px;
}

.mg-hero__cta {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 14px;
  justify-content: center;
}

.mg-hero__scroll {
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  gap: 7px;
  color: rgba(245,240,232,.3);
  font-size: .68rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  animation: mg-float 2.5s ease-in-out infinite;
}

.mg-hero__scroll-line {
  width: 1px;
  height: 34px;
  background: linear-gradient(to bottom, rgba(245,240,232,.3), transparent);
}

@keyframes mg-float {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50%       { transform: translateX(-50%) translateY(8px); }
}

/* ══════════════════════════════════════
   ABOUT / QUIÉNES SOMOS — 2-col grid
══════════════════════════════════════ */
body .mg-about-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 64px !important;
  align-items: center !important;
  width: 100% !important;
}

.mg-about-body p {
  font-size: 1.02rem;
  line-height: 1.85;
  margin-bottom: 16px;
  color: var(--text);
}

/* Stats row — 3 equal columns */
body .mg-about-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
  margin-top: 32px !important;
  width: 100% !important;
}

.mg-stat {
  text-align: center;
  padding: 20px 12px;
  background: var(--white);
  border-radius: var(--r);
  box-shadow: var(--sh);
  border-top: 3px solid var(--leather);
}

.mg-stat__n {
  font-family: var(--serif);
  font-size: 1.85rem;
  font-weight: 700;
  color: var(--indigo);
  line-height: 1;
  margin-bottom: 5px;
}

.mg-stat__l {
  font-size: .72rem;
  color: var(--muted);
  font-weight: 500;
  letter-spacing: .04em;
}

.mg-about-frame {
  /* No fixed aspect-ratio — let image determine height */
  position: relative;
  width: 100%;
  border-radius: var(--rl);
  overflow: hidden;
  box-shadow: var(--shl);
  background: linear-gradient(135deg, var(--indigo), var(--indigo-mid));
  outline: 1px dashed rgba(139,105,20,.25);
  outline-offset: -10px;
}

/* Full image, no crop, natural proportions */
.mg-about-frame > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  position: relative !important;
  object-fit: unset !important;
  border-radius: 0 !important;
}

/* Badge overlays the bottom of the image */
.mg-about-badge {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  background: rgba(139,105,20,.95);
  color: var(--off-white);
  padding: 14px 18px;
  border-radius: var(--r);
  z-index: 2;
}

.mg-about-badge strong { display: block; font-family: var(--serif); font-size: 1rem; font-weight: 700; }
.mg-about-badge span   { font-size: .75rem; opacity: .85; }

/* ══════════════════════════════════════
   FACTORY — photo grid
══════════════════════════════════════ */
.mg-fac-head {
  text-align: center;
  margin-bottom: 50px;
}

.mg-fac-head p {
  max-width: 560px;
  margin: .6rem auto 0;
  color: rgba(245,240,232,.65);
  font-size: 1rem;
}

/* 3-column grid, first item spans 2 */
body .mg-fac-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
}

body .mg-fac-item:first-child {
  grid-column: span 2 !important;
  aspect-ratio: 16/9;
}

.mg-fac-item {
  aspect-ratio: 4/3;
  border-radius: var(--r);
  overflow: hidden;
  position: relative;
  background: var(--indigo-mid);
}

.mg-fac-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}

.mg-fac-item:hover img { transform: scale(1.05); }

.mg-fac-caption {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: linear-gradient(to top, rgba(13,27,42,.85), transparent);
  padding: 20px 16px 14px;
  color: var(--off-white);
  font-size: .8rem;
  letter-spacing: .05em;
}

.mg-fac-ph {
  width: 100%; height: 100%;
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, rgba(27,42,74,.85), rgba(36,54,86,.85));
  color: rgba(245,240,232,.25);
}

.mg-fac-ph svg { width: 38px; height: 38px; }
.mg-fac-ph span { font-size: .78rem; letter-spacing: .06em; }

/* ══════════════════════════════════════
   CATALOGUE — product grid
══════════════════════════════════════ */
.mg-cat-head {
  text-align: center;
  margin-bottom: 12px;
}

.mg-cat-head p { color: var(--muted); max-width: 500px; margin: .4rem auto 0; }

/* 3 columns desktop */
body .mg-cat-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 22px !important;
  width: 100% !important;
}

.mg-prod {
  border-radius: var(--rl);
  overflow: hidden;
  box-shadow: var(--sh);
  transition: var(--ease);
  background: var(--white);
  border: 1px solid var(--border);
  display: block;
}

.mg-prod:hover { transform: translateY(-5px); box-shadow: var(--shl); }

.mg-prod__img {
  aspect-ratio: 3/4;
  background: linear-gradient(135deg, #E4EBF2, #C2D0DF);
  position: relative;
  overflow: hidden;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.mg-prod__img img { width: 100%; height: 100%; object-fit: cover; }

.mg-prod__chip {
  position: absolute; top: 12px; left: 12px;
  padding: 3px 11px; border-radius: 20px;
  font-size: .68rem; font-weight: 700; letter-spacing: .05em;
  color: var(--off-white);
}

.chip-h { background: var(--indigo); }
.chip-m { background: #7B3F6E; }
.chip-c { background: var(--charcoal); }
.chip-s { background: #2E7D60; }
.chip-t { background: var(--indigo-mid); }
.chip-b { background: #5D4037; }

.mg-prod__ph { color: rgba(27,42,74,.2); }
.mg-prod__ph svg { width: 54px; height: 54px; }
.mg-prod__body { padding: 18px; }
.mg-prod__name { font-family: var(--serif); font-size: 1.05rem; font-weight: 700; color: var(--charcoal); margin-bottom: 5px; }
.mg-prod__desc { font-size: .82rem; color: var(--muted); margin-bottom: 14px; line-height: 1.5; }
.mg-prod__cta  { display: inline-flex !important; align-items: center; gap: 7px; color: var(--indigo); font-size: .83rem; font-weight: 600; text-decoration: none !important; transition: var(--ease); }
.mg-prod__cta:hover { color: var(--leather); }

.mg-cat-note {
  text-align: center;
  margin-top: 42px;
  padding: 22px;
  background: var(--cream);
  border-radius: var(--r);
  color: var(--muted);
  font-size: .88rem;
  border: 1px dashed rgba(139,105,20,.2);
}

.mg-cat-note strong { color: var(--indigo); }

/* ══════════════════════════════════════
   TIKTOK
══════════════════════════════════════ */
.mg-tt {
  background: linear-gradient(155deg, #060A10, #0D1B2A);
  text-align: center;
}

.mg-tt__inner { max-width: 700px; margin: 0 auto; }

.mg-tt__logo {
  width: 68px; height: 68px;
  margin: 0 auto 18px;
  background: linear-gradient(135deg, #FF0050, #00F2EA);
  border-radius: 18px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.mg-tt__handle { font-family: var(--serif); font-size: 1.3rem; color: var(--leather-lt); margin-bottom: 12px; }
.mg-tt p { color: rgba(245,240,232,.7); font-size: 1rem; margin-bottom: 26px; line-height: 1.82; }

/* TikTok screenshots — 3 columns horizontal */
body .mg-tt__shots {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin-bottom: 32px !important;
  border-radius: var(--r);
  overflow: hidden;
  width: 100% !important;
}

.mg-tt__shot {
  aspect-ratio: 9/16;
  overflow: hidden;
  position: relative;
  background: var(--navy);
  display: block;
}

.mg-tt__shot img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.mg-tt__shot:hover img { transform: scale(1.05); }

.mg-tt__ph {
  width: 100%; height: 100%;
  display: flex !important;
  align-items: center; justify-content: center;
  background: linear-gradient(135deg, rgba(13,27,42,.8), rgba(27,42,74,.8));
  color: rgba(245,240,232,.2);
}

.mg-tt__nums {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center;
  gap: 44px;
  margin-bottom: 32px;
}

.mg-tt__num-v { font-family: var(--serif); font-size: 1.7rem; font-weight: 700; color: var(--leather); }
.mg-tt__num-l { font-size: .72rem; color: rgba(245,240,232,.4); letter-spacing: .05em; }

.mg-tt__btns {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 14px;
  justify-content: center;
}

/* ══════════════════════════════════════
   STORES — 4 cards, 3-col grid (4-col on xl)
══════════════════════════════════════ */
.mg-stores-head { text-align: center; margin-bottom: 48px; }
.mg-stores-head p { color: var(--muted); max-width: 480px; margin: .5rem auto 0; }

/* 4 columns so all 4 stores fit in one row on wide screens */
body .mg-stores-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  margin-bottom: 32px !important;
  width: 100% !important;
}

.mg-store {
  background: var(--white);
  border-radius: var(--rl);
  overflow: hidden;
  box-shadow: var(--sh);
  transition: var(--ease);
  border-top: 4px solid var(--indigo);
  display: block;
}

.mg-store:hover { transform: translateY(-4px); box-shadow: var(--shl); }

.mg-store__photo {
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, var(--indigo), var(--indigo-mid));
  overflow: hidden;
  position: relative;
  display: block;
}

.mg-store__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.mg-store:hover .mg-store__photo img { transform: scale(1.05); }

.mg-store__body { padding: 18px; }
.mg-store__name { font-family: var(--serif); font-size: 1.1rem; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.mg-store__addr { font-size: .82rem; color: var(--muted); line-height: 1.65; margin-bottom: 12px; }

.mg-store__foot {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
}

.mg-store__loc {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  color: var(--indigo);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: var(--ease);
}

.mg-store__loc:hover { color: var(--leather); }

.mg-fab-strip {
  background: var(--navy);
  border-radius: var(--rl);
  padding: 36px 40px;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  border: 1px dashed rgba(139,105,20,.2);
}

.mg-fab-strip h3 { font-family: var(--serif); font-size: 1.3rem; font-weight: 700; color: var(--off-white); margin: 0 0 6px; }
.mg-fab-strip p  { color: rgba(245,240,232,.6); font-size: .9rem; margin: 0; }

/* ══════════════════════════════════════
   CONTACT
══════════════════════════════════════ */
.mg-contact {
  background: linear-gradient(155deg, var(--indigo) 0%, var(--navy) 100%);
  text-align: center;
  padding: 96px 0;
}

.mg-contact__inner { max-width: 560px; margin: 0 auto; }
.mg-contact p { color: rgba(245,240,232,.75); font-size: 1.04rem; margin-bottom: 28px; line-height: 1.85; }

.mg-contact__phone {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: var(--serif);
  color: var(--off-white);
  text-decoration: none !important;
  display: block;
  margin-bottom: 28px;
  transition: var(--ease);
}

.mg-contact__phone:hover { color: var(--leather-lt); }

.mg-contact__btns {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 14px;
  justify-content: center;
}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
.mg-footer {
  background: #06090F;
  color: var(--off-white);
  padding: 64px 0 28px;
  display: block;
}

body .mg-footer__grid {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
  gap: 44px !important;
  margin-bottom: 44px !important;
  width: 100% !important;
}

.mg-footer__logo { font-family: var(--serif); font-size: 1.3rem; font-weight: 900; color: var(--off-white); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 4px; }
.mg-footer__logo span { color: var(--leather); }
.mg-footer__tag   { font-style: italic; color: rgba(245,240,232,.35); font-size: .85rem; margin-bottom: 18px; }
.mg-footer__about { color: rgba(245,240,232,.42); font-size: .83rem; line-height: 1.75; margin-bottom: 18px; }

.mg-footer__social {
  display: flex !important;
  flex-direction: row !important;
  gap: 9px;
}

.mg-footer__sl {
  width: 34px; height: 34px;
  border-radius: 7px;
  background: rgba(245,240,232,.06);
  display: flex !important;
  align-items: center; justify-content: center;
  color: rgba(245,240,232,.45);
  text-decoration: none !important;
  transition: var(--ease);
}

.mg-footer__sl:hover { background: var(--leather); color: var(--navy); }

.mg-footer__col-t { font-size: .68rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: rgba(245,240,232,.3); margin-bottom: 16px; }
.mg-footer__col ul { list-style: none; margin: 0; padding: 0; }
.mg-footer__col ul li { margin-bottom: 9px; }
.mg-footer__col ul li a { color: rgba(245,240,232,.5); font-size: .83rem; text-decoration: none !important; transition: var(--ease); }
.mg-footer__col ul li a:hover { color: var(--leather-lt); }
.mg-footer__col address { font-style: normal; color: rgba(245,240,232,.5); font-size: .83rem; line-height: 1.82; }

.mg-footer__bottom {
  border-top: 1px solid rgba(245,240,232,.06);
  padding-top: 22px;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.mg-footer__copy { color: rgba(245,240,232,.28); font-size: .76rem; }

.mg-footer__blinks {
  display: flex !important;
  flex-direction: row !important;
  gap: 18px;
}

.mg-footer__blinks a { color: rgba(245,240,232,.28); font-size: .76rem; text-decoration: none !important; transition: var(--ease); }
.mg-footer__blinks a:hover { color: var(--leather-lt); }

/* ══════════════════════════════════════
   WHATSAPP FLOAT
══════════════════════════════════════ */
.mg-wa {
  position: fixed;
  bottom: 26px; right: 26px;
  z-index: 9999;
  width: 56px; height: 56px;
  background: #25D366;
  border-radius: 50%;
  display: flex !important;
  align-items: center; justify-content: center;
  text-decoration: none !important;
  box-shadow: 0 4px 18px rgba(37,211,102,.5);
  animation: mg-pulse 3s infinite;
  transition: var(--ease);
}

.mg-wa:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(37,211,102,.65); }
.mg-wa svg   { width: 27px; height: 27px; fill: #fff; }

@keyframes mg-pulse {
  0%, 100% { box-shadow: 0 4px 18px rgba(37,211,102,.5), 0 0 0 0 rgba(37,211,102,.3); }
  65%       { box-shadow: 0 4px 18px rgba(37,211,102,.5), 0 0 0 14px rgba(37,211,102,0); }
}

/* ══════════════════════════════════════
   RESPONSIVE — TABLET (≤ 900px)
══════════════════════════════════════ */
@media (max-width: 900px) {
  .mg-sec { padding: 64px 0; }

  /* About: stack vertically */
  body .mg-about-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  /* Factory: 2 cols, first spans both */
  body .mg-fac-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  body .mg-fac-item:first-child {
    grid-column: span 2 !important;
  }

  /* Catalog: 2 columns */
  body .mg-cat-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Stores: 2 columns */
  body .mg-stores-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Footer: 2 columns */
  body .mg-footer__grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* ══════════════════════════════════════
   RESPONSIVE — MOBILE (≤ 640px)
══════════════════════════════════════ */
@media (max-width: 640px) {
  .mg-sec { padding: 48px 0; }

  /* Factory: 1 column */
  body .mg-fac-grid {
    grid-template-columns: 1fr !important;
  }
  body .mg-fac-item:first-child {
    grid-column: span 1 !important;
    aspect-ratio: 4/3;
  }

  /* Catalog: 1 column */
  body .mg-cat-grid {
    grid-template-columns: 1fr !important;
  }

  /* Stores: 1 column */
  body .mg-stores-grid {
    grid-template-columns: 1fr !important;
  }

  /* Footer: 1 column */
  body .mg-footer__grid {
    grid-template-columns: 1fr !important;
  }

  /* Hero CTA stacks on mobile */
  .mg-hero__cta,
  .mg-contact__btns {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .btn { justify-content: center; }

  /* Fab strip stacks */
  .mg-fab-strip {
    flex-direction: column !important;
    text-align: center;
  }

  /* TikTok nums */
  .mg-tt__nums { gap: 22px; }
}