/* Men Power — Dark & Gold — readable + conversion */

:root {
  --mp-bg: #070707;
  --mp-bg-2: #101010;
  --mp-bg-3: #181818;
  --mp-surface: #14110c;
  --mp-border: #3a3018;
  --mp-gold: #d4af37;
  --mp-gold-soft: #c9a227;
  --mp-gold-bright: #f5e6a8;
  --mp-gold-dim: #8a7340;
  --mp-text: #fff6df;
  --mp-text-body: #efe2bf;
  --mp-text-muted: #c4b384;
  --mp-red: #e53935;
  --mp-green: #43a047;
  --mp-font: "Noto Sans Gujarati", "Mukta Vaani", "Hind Vadodara", system-ui, sans-serif;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  background: var(--mp-bg) !important;
  color: var(--mp-text-body) !important;
  font-family: var(--mp-font) !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
  letter-spacing: 0.01em !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: none !important;
}

.storybody_news_content___Fx0V,
.layout_children_container,
.box_default__riuyC {
  overflow: visible !important;
}

:root,
body {
  --mui-palette-common-background: #070707 !important;
  --mui-palette-background-default: #070707 !important;
  --mui-palette-background-paper: #101010 !important;
  --mui-palette-text-primary: #fff6df !important;
  --mui-palette-text-secondary: #c4b384 !important;
  --Text-Default-Primary-Text-default-primary-ressed: #fff6df !important;
  --Black-Black-00: #070707 !important;
  --White-White-00: #fff6df !important;
  --font-hindi-primary: var(--mp-font) !important;
}

body *,
body *::before,
body *::after {
  font-family: var(--mp-font) !important;
}

/* ========== Readable article typography ========== */
.layout_children_container {
  max-width: 820px;
  margin: 0 auto;
  padding-bottom: 110px !important;
}

.layout_children_container p,
.layout_children_container li,
.layout_children_container span,
.layout_children_container div,
.layout_children_container font {
  color: #f7f1de !important;
  font-size: clamp(17px, 2.6vw, 20px) !important;
  line-height: 1.85 !important;
  font-weight: 500 !important;
}

.layout_children_container strong,
.layout_children_container b {
  color: var(--mp-gold-bright) !important;
  font-weight: 800 !important;
}

.StoryHeader_story_title_text__cdXP0,
.styles_story_title_text__Be3V7,
h1.StoryHeader_story_title_text__cdXP0 {
  color: var(--mp-gold) !important;
  font-size: clamp(24px, 5vw, 34px) !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  text-shadow: 0 2px 18px rgba(212, 175, 55, 0.2);
}

.layout_children_container h2,
.layout_children_container h3,
.layout_children_container h4 {
  color: var(--mp-gold) !important;
  font-size: clamp(20px, 3.5vw, 26px) !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
  margin: 1.4em 0 0.6em !important;
}

.StoryHeader_category_component__TynbP {
  background: linear-gradient(180deg, #f0d78c, #d4af37) !important;
  color: #111 !important;
  border-radius: 6px !important;
}

.StoryHeader_category_text__TvJ48 {
  color: #111 !important;
  font-weight: 800 !important;
  font-size: 14px !important;
}

.NewsCard_title__eywgd {
  color: var(--mp-gold) !important;
}

.MuiPaper-root,
.MuiBox-root,
main,
#__next {
  background-color: transparent;
}

/* Header */
.header_upper_header__YL4xa,
.header_lower_header__8lhxK,
.header_bottom_nav_container__r1l8d,
.bottom-nav_bottom_nav_wrapper__ZPP0l {
  background: #050505 !important;
  border-color: var(--mp-border) !important;
}

.header_date_font__OLaRI,
.header_categories_text___1waY,
.header_epaper_text__8UaTH,
.header_nav_text__7U8sM,
.bottom-nav_nav_text__JvxjE,
.MuiTypography-root {
  color: var(--mp-gold-bright) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.header_selected_categories_text__B_4pb,
.header_selected_nav_text__MaJR7,
.bottom-nav_active_text__UUITS {
  color: var(--mp-gold) !important;
}

.header_text_stage__DcKwK,
.header_selected_text_stage__JpQ43 {
  background: var(--mp-gold) !important;
}

.prod-link {
  color: var(--mp-gold) !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

/* Images */
.layout_children_container img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  margin: 18px auto;
}

img[src*="images/2.jpg"] {
  display: block !important;
  margin: 18px auto !important;
  max-width: 100% !important;
  width: 100% !important;
  border: 1px solid var(--mp-gold-dim) !important;
  border-radius: 14px !important;
  background: #000 !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.25), 0 18px 50px rgba(0, 0, 0, 0.55) !important;
}

/* Lifestyle couple photos — always stacked: image then text */
img[src*="images/8.jpg"],
img[src*="images/9.jpg"],
img[src*="images/10.jpg"],
img[src*="images/11.jpg"],
img[src*="images/12.jpg"] {
  display: block !important;
  margin: 0 auto 12px !important;
  max-width: 100% !important;
  width: 100% !important;
  border: 1px solid var(--mp-gold-dim) !important;
  border-radius: 14px !important;
  background: #0a0a0a !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
}

.double-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 0 !important;
  box-sizing: border-box !important;
}

.double-block > * {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

.double-block img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}

.double-block p {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

.double-block .mp-cta {
  width: min(420px, 92%) !important;
  margin: 6px auto !important;
}

/* Pure product shots */
img[src*="images/5.jpg"],
img[src*="images/14.jpg"],
img.product-img,
.product-img {
  display: block !important;
  margin: 20px auto !important;
  max-width: min(520px, 94%) !important;
  border: 1px solid var(--mp-gold-dim) !important;
  border-radius: 14px !important;
  background: #000 !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.25), 0 18px 50px rgba(0, 0, 0, 0.55) !important;
}

img[src*="images/1.png"],
img[src*="images/6.png"] {
  background: #f3f3f3 !important;
  padding: 12px !important;
  border-radius: 12px !important;
  max-width: 92% !important;
  box-shadow: none !important;
  border: 1px solid #333 !important;
}

/* Mid-page CTA */
.mp-cta {
  display: block;
  width: min(420px, 92%);
  margin: 28px auto;
  padding: 16px 22px;
  text-align: center;
  text-decoration: none !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #111 !important;
  border-radius: 999px;
  background: linear-gradient(180deg, #f5e6a8 0%, #d4af37 48%, #a8851f 100%);
  box-shadow: 0 10px 28px rgba(212, 175, 55, 0.35);
  animation: mp-pulse 2.2s ease-in-out infinite;
}

.mp-cta:hover {
  filter: brightness(1.08);
  color: #111 !important;
}

@keyframes mp-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 10px 28px rgba(212, 175, 55, 0.35); }
  50% { transform: scale(1.03); box-shadow: 0 14px 34px rgba(212, 175, 55, 0.5); }
}

.mp-benefits {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  width: min(640px, 94%);
  margin: 22px auto;
}

.mp-benefit {
  background: linear-gradient(90deg, #1a160e, #12100a);
  border: 1px solid var(--mp-gold-dim);
  border-radius: 12px;
  padding: 14px 16px;
  color: var(--mp-gold-bright) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

.mp-benefit span {
  color: var(--mp-gold) !important;
  margin-right: 8px;
  font-size: 18px !important;
}

.mp-urgency {
  width: min(640px, 94%);
  margin: 18px auto;
  padding: 12px 16px;
  border-radius: 10px;
  background: rgba(229, 57, 53, 0.12);
  border: 1px solid rgba(229, 57, 53, 0.45);
  color: #ffcdd2 !important;
  text-align: center;
  font-weight: 700 !important;
  font-size: 17px !important;
}

/* Order form — conversion focused */
.order-form-container {
  background: linear-gradient(180deg, #1a160e 0%, #0d0d0d 100%) !important;
  border: 2px solid var(--mp-gold) !important;
  border-radius: 16px !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.25), 0 24px 70px rgba(0, 0, 0, 0.6) !important;
  padding: 26px 18px !important;
  color: var(--mp-text) !important;
  width: min(560px, 96%) !important;
  margin: 0 auto !important;
}

.order-form-container h1,
.order-form-container h2,
.order-form-container p,
.order-form-container label,
.order-form-container span,
.order-form-container font,
.order-form-container b {
  color: var(--mp-gold-bright) !important;
  font-size: clamp(18px, 3.5vw, 24px) !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

.order-form-container label {
  display: block;
  text-align: left;
  margin-bottom: 6px;
  font-size: 16px !important;
  color: var(--mp-gold) !important;
}

.order-form-container font[style*="line-through"],
.order-form-container [style*="line-through"] {
  color: #ef5350 !important;
  opacity: 0.95;
}

.order-form input,
.order-form-container input,
.order-form-container textarea,
.form_item {
  background: #0a0a0a !important;
  color: var(--mp-text) !important;
  border: 1.5px solid var(--mp-gold-dim) !important;
  border-radius: 10px !important;
  padding: 14px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-size: 17px !important;
  min-height: 50px;
}

.order-form-container textarea.form_item {
  min-height: 90px;
  resize: vertical;
}

.order-form input:focus,
.order-form-container input:focus,
.order-form-container textarea:focus {
  outline: none !important;
  border-color: var(--mp-gold) !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.22) !important;
}

.green-button,
button.green-button,
.order-form-container button[type="submit"],
.botBut {
  background: linear-gradient(180deg, #f5e6a8 0%, #d4af37 45%, #a8851f 100%) !important;
  color: #111 !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.03em !important;
  font-size: 20px !important;
  padding: 16px 28px !important;
  width: min(100%, 420px) !important;
  box-shadow: 0 10px 28px rgba(212, 175, 55, 0.4) !important;
  cursor: pointer;
  text-transform: none !important;
  animation: mp-pulse 2.2s ease-in-out infinite;
}

.green-button:hover,
button.green-button:hover,
.botBut:hover {
  filter: brightness(1.08);
}

/* Sticky conversion bar */
.mp-sticky {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
  background: rgba(8, 8, 8, 0.96);
  border-top: 1px solid var(--mp-gold);
  backdrop-filter: blur(10px);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.45);
}

.mp-sticky-copy {
  color: var(--mp-gold-bright);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.mp-sticky-copy small {
  display: block;
  color: #ef9a9a;
  font-size: 12px;
  margin-top: 2px;
}

.mp-sticky a {
  flex-shrink: 0;
  text-decoration: none;
  font-weight: 900;
  font-size: 14px;
  padding: 12px 14px;
  border-radius: 999px;
  white-space: nowrap;
}

.mp-call-btn {
  color: #fff !important;
  background: linear-gradient(180deg, #43a047, #2e7d32) !important;
  box-shadow: 0 6px 16px rgba(46, 125, 50, 0.35);
  position: relative;
  z-index: 100001 !important;
  pointer-events: auto !important;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.mp-order-btn {
  color: #111 !important;
  background: linear-gradient(180deg, #f5e6a8, #d4af37) !important;
  position: relative;
  z-index: 100001 !important;
  pointer-events: auto !important;
}

.mp-sticky {
  pointer-events: auto !important;
  z-index: 2147483000 !important;
}

.mp-sticky-copy {
  flex: 1;
  text-align: center;
  min-width: 0;
  pointer-events: none;
}

/* Comments */
[class*="footer"] {
  background: #050505 !important;
  color: var(--mp-text-muted) !important;
  border-top: 1px solid var(--mp-border) !important;
}

[class*="footer"] a,
[class*="footer"] p,
[class*="footer"] span {
  color: var(--mp-text-muted) !important;
}

[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:white"],
[style*="background: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:white"],
[style*="background-color: white"] {
  background: var(--mp-bg-2) !important;
  background-color: var(--mp-bg-2) !important;
}

[style*="color:#000"],
[style*="color: #000"],
[style*="color:black"],
[style*="color: black"] {
  color: var(--mp-text-body) !important;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: var(--mp-gold-dim); border-radius: 8px; }

@media (max-width: 768px) {
  body { font-size: 17px !important; }
  .mp-sticky-copy { font-size: 12px; }
  .mp-call-btn,
  .mp-order-btn { font-size: 13px; padding: 11px 12px; }
  .product-img { max-width: 94% !important; }
  .header_bottom_nav_container__r1l8d { display: none !important; }
}