.elementor-8 .elementor-element.elementor-element-deeb361{--display:flex;--min-height:707px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-deeb361:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-deeb361 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.tmr.pockly.co.uk/wp-content/uploads/2026/05/tmr-hero-gradient-1920.webp");}.elementor-8 .elementor-element.elementor-element-4b7307e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-7fcce9b{margin:075px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-02f37d0 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:67px;font-weight:800;color:var( --e-global-color-col86zo9p );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-fd9d7e4{width:var( --container-widget-width, 72% );max-width:72%;--container-widget-width:72%;--container-widget-flex-grow:0;color:var( --e-global-color-col86zo9p );}.elementor-8 .elementor-element.elementor-element-67573a9{margin:025px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-67573a9.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-0a60433{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-538f5ad{text-align:start;}.elementor-8 .elementor-element.elementor-element-9b4fd3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-9b4fd3f:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-9b4fd3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-col7wk0i3 );}.elementor-8 .elementor-element.elementor-element-75e0729{margin:025px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-75e0729.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-4389a62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-4389a62:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-4389a62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-col6nkbi9 );}.elementor-8 .elementor-element.elementor-element-bb1dd00{width:100%;max-width:100%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-4b7307e{--width:80%;}.elementor-8 .elementor-element.elementor-element-0a60433{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-7fcce9b */.tmr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #FFD212;
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 28px;
  line-height: 1;
}

/* Yellow bar before the text */
.tmr-eyebrow::before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 3px;
  background: #FFD212;
  flex-shrink: 0;
}

/* Separator dots between words */
.tmr-eyebrow .dot {
  color: #FFD212;
  opacity: 0.7;
  margin: 0 2px;
  font-size: 1.1rem;
  line-height: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02f37d0 *//* The headline container */
.tmr-hero-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 800;
  font-size: clamp(2.6rem, 5.6vw, 5.2rem);
  line-height: 1.02;
  letter-spacing: -0.015em;
  color: #FFFFFF;
  margin-bottom: 36px;
}

/* "menopause" — italic yellow */
.tmr-hero-title .menopause {
  font-style: italic;
  font-weight: 700;
  color: #FFD212;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
}

/* "actually" — yellow strikethrough */
.tmr-hero-title .strike {
  position: relative;
  display: inline-block;
}
.tmr-hero-title .strike::after {
  content: '';
  position: absolute;
  left: -3%;
  right: -3%;
  top: 56%;
  height: 7px;
  background: #FFD212;
  transform: rotate(-2.5deg);
  border-radius: 4px;
}

/* The ellipsis at the end — yellow */
.tmr-hero-title .dots {
  color: #FFD212;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67573a9 *//* The container */
.tmr-cta-grid {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  gap: 18px 24px;
  max-width: 900px;
  margin: 0 auto;
}

/* Switch to single row on wider screens if you prefer */
@media (min-width: 1100px) {
  .tmr-cta-grid.row {
    grid-template-columns: repeat(4, auto);
  }
}

/* Stack on mobile */
@media (max-width: 640px) {
  .tmr-cta-grid {
    grid-template-columns: 1fr;
  }
}

/* Shared button base */
.tmr-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  font-size: 0.92rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 16px 28px;
  border-radius: 999px;
  border: 2px solid #FFFFFF;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 0.2s cubic-bezier(0.2, 0.8, 0.2, 1),
              background 0.2s ease,
              color 0.2s ease;
}

/* Ghost (outline) buttons — for the 3 secondary CTAs */
.tmr-cta-ghost {
  background: transparent;
  color: #FFFFFF;
  box-shadow: none;
}
.tmr-cta-ghost:hover {
  background: #FFFFFF;
  color: #EC1A8E;
  transform: translate(-3px, -3px);
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.4);
}
.tmr-cta-ghost:active {
  transform: translate(0, 0);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

/* Primary yellow button — for "Help Me Understand My Symptoms" */
.tmr-cta-primary {
  background: #FFD212;
  color: #0A0A0A;
  border-color: #0A0A0A;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.5);
  position: relative;
}
.tmr-cta-primary:hover {
  transform: translate(-3px, -3px);
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.5);
  background: #FFFFFF;
}
.tmr-cta-primary:active {
  transform: translate(0, 0);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
}

/* Subtle pulse on primary so it draws the eye */
@keyframes tmr-cta-pulse {
  0%, 100% { box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.5), 0 0 0 0 rgba(255, 210, 18, 0.5); }
  50%      { box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.5), 0 0 0 14px rgba(255, 210, 18, 0); }
}
.tmr-cta-primary { animation: tmr-cta-pulse 2.5s ease-in-out infinite; }
.tmr-cta-primary:hover { animation: none; }

/* Black play icon (re-used from before) */
.tmr-cta .play-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
}
.tmr-cta .play-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75e0729 */.tmr-welcome-badge {
  display: inline-block;
  background: #0A0A0A;
  color: #FFD212;
  padding: 10px 20px;
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transform: rotate(-2deg);
  border: 2px solid #0A0A0A;
  line-height: 1.2;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15);

  /* Smooth-edge fixes */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) rotate(-2deg);
  transform: translateZ(0) rotate(-2deg);
  will-change: transform;
  outline: 1px solid transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c61163 */.tmr-intro-wrap {
  text-align: center;
  max-width: 880px;
  margin: 0 auto;
  padding: 0 20px;
}

.tmr-intro {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 500;
  font-size: clamp(1.4rem, 2.5vw, 1.85rem);
  line-height: 1.45;
  color: #1A1A1A;

  /* Smooth rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* The brand name — pink, bold */
.tmr-intro .brand {
  color: #EC1A8E;
  font-weight: 700;
}

/* The three menopause stages — italic purple */
.tmr-intro .stage {
  font-style: italic;
  color: #6B2D9F;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb1dd00 *//* ==================== SECTION WRAPPER ==================== */
.tmr-googled {
  position: relative;
  background: #FFF1F8;
  padding: 110px 20px 90px;
  overflow: hidden;
}

/* Subtle dot pattern background */
.tmr-googled::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(236, 26, 142, 0.08) 1.4px, transparent 1.6px);
  background-size: 24px 24px;
  pointer-events: none;
}

.tmr-googled-inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* ==================== HEADER ==================== */
.tmr-googled-head {
  text-align: center;
  margin-bottom: 56px;
}

.tmr-googled-eyebrow {
  display: inline-block;
  background: #EC1A8E;
  color: #FFFFFF;
  padding: 10px 20px;
  font-family: 'Anton', Impact, sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 22px;
  border: 2px solid #0A0A0A;
  box-shadow: 3px 3px 0 #0A0A0A;
  transform: translateZ(0) rotate(-1.5deg);
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tmr-googled-head h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 800;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: #1A1A1A;
  max-width: 900px;
  margin: 0 auto;
}

.tmr-googled-head h2 em {
  font-style: italic;
  color: #EC1A8E;
}

.tmr-googled-head h2 .underline {
  background: linear-gradient(180deg, transparent 60%, #FFD212 60%);
  padding: 0 6px;
}

/* ==================== SEARCH-BAR CARDS ==================== */
.tmr-search-list {
  display: grid;
  gap: 18px;
  max-width: 820px;
  margin: 0 auto;
}

.tmr-search-card {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #FFFFFF;
  border: 3px solid #0A0A0A;
  border-radius: 999px;
  padding: 18px 28px;
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.08rem;
  font-weight: 500;
  color: #1A1A1A;
  box-shadow: 5px 5px 0 #0A0A0A;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tmr-search-card:hover {
  transform: translate(-3px, -3px);
  box-shadow: 8px 8px 0 #EC1A8E;
}

.tmr-search-card .magnify {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  color: #EC1A8E;
}

.tmr-search-card .q {
  flex: 1;
}

.tmr-search-card .num {
  font-family: 'Anton', Impact, sans-serif;
  font-size: 1.2rem;
  color: #EC1A8E;
  flex-shrink: 0;
  opacity: 0.5;
}

/* Alternating gentle tilts */
.tmr-search-card:nth-child(odd) {
  transform: rotate(-0.5deg);
}
.tmr-search-card:nth-child(even) {
  transform: rotate(0.5deg);
}
.tmr-search-card:nth-child(odd):hover {
  transform: rotate(-0.5deg) translate(-3px, -3px);
}
.tmr-search-card:nth-child(even):hover {
  transform: rotate(0.5deg) translate(-3px, -3px);
}

/* ==================== CONGRATS / SISTERHOOD REVEAL ==================== */
.tmr-congrats {
  text-align: center;
  margin-top: 60px;
}

.tmr-congrats h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 800;
  font-size: clamp(1.9rem, 4.2vw, 3rem);
  line-height: 1.15;
  color: #1A1A1A;
  margin-bottom: 6px;
}

.tmr-congrats h3 .pink {
  color: #EC1A8E;
  font-style: italic;
}

.tmr-congrats .scribble {
  font-family: 'Caveat', cursive;
  font-size: 1.6rem;
  color: #6B2D9F;
  display: inline-block;
  margin-top: 10px;
  transform: rotate(-2deg);
}

/* ==================== SYMPTOM CTA BOX ==================== */
.tmr-symptom-wrap {
  background: #FFF1F8;
  padding: 0 20px 110px;
  position: relative;
}

.tmr-symptom-cta {
  max-width: 980px;
  margin: 0 auto;
  background: #0A0A0A;
  color: #FFFFFF;
  border: 3px solid #0A0A0A;
  border-radius: 24px;
  padding: 56px 64px;
  display: grid;
  grid-template-columns: 1.3fr auto;
  align-items: center;
  gap: 40px;
  box-shadow: 8px 8px 0 #EC1A8E;
  position: relative;
  overflow: hidden;
}

.tmr-symptom-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255, 210, 18, 0.08) 1.6px, transparent 1.8px);
  background-size: 24px 24px;
  pointer-events: none;
}

.tmr-symptom-cta > * {
  position: relative;
  z-index: 2;
}

.tmr-symptom-label {
  display: inline-block;
  background: #FFD212;
  color: #0A0A0A;
  padding: 6px 14px;
  font-family: 'Anton', Impact, sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 18px;
  border-radius: 3px;
}

.tmr-symptom-cta h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 800;
  font-size: clamp(1.8rem, 3.6vw, 2.6rem);
  line-height: 1.1;
  margin-bottom: 14px;
  color: #FFFFFF;
}

.tmr-symptom-cta h3 .yel {
  color: #FFD212;
  font-style: italic;
}

.tmr-symptom-cta p {
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.05rem;
  line-height: 1.55;
  max-width: 480px;
}

/* The button inside the box */
.tmr-symptom-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: 'Anton', Impact, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 20px 38px;
  background: #FFD212;
  color: #0A0A0A;
  border: 2px solid #0A0A0A;
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}

.tmr-symptom-btn:hover {
  transform: translate(-3px, -3px);
  box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.5);
  background: #FFFFFF;
}

.tmr-symptom-btn:active {
  transform: translate(0, 0);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 880px) {
  .tmr-symptom-cta {
    grid-template-columns: 1fr;
    padding: 40px 28px;
    text-align: center;
  }
  .tmr-symptom-cta p {
    margin: 0 auto;
  }
  .tmr-search-card {
    font-size: 1rem;
    padding: 16px 22px;
    gap: 14px;
  }
  .tmr-search-card .num {
    display: none;
  }
}/* End custom CSS */