/* Home 6 clone — structure from https://wdthappyhome.wpengine.com/home-6/ */

:root {
  /* Side rail width — desktop only (tablet/mobile override in @media) */
  --header-height: 76px;
  /* Live tpl-header-side-nav + sticky header: wdtSecondaryColor */
  --sidebar-bg: #353622;
  /* happyhome-plus hamburger-menu.css — side-nav panel */
  --nav-menu-panel-width: min(550px, calc(100vw - var(--header-height)));
  /* light-logo.svg viewBox 384×80; height here = thickness along rail after rotate(-90deg) */
  --side-rail-logo-display-height: 62px;
  /* Rotated logo spans ~ (384/80)*height vertically — need this much room from top so it isn’t clipped */
  --side-rail-logo-padding-top: 6.1rem;
  --wdt-primary: #a1806b;
  --wdt-secondary: #353622;
  --wdt-tertiary: #fff9f2;
  --wdt-body-text: #353622;

  /* Happy Home live theme (happyhome-inline-css on wdthappyhome.wpengine.com) */
  --wdtFontTypo_Base: "Mulish", system-ui, sans-serif;
  --wdtFontWeight_Base: 400;
  --wdtFontSize_Base: 16px;
  --wdtLineHeight_Base: 1.875;

  --wdtFontTypo_Alt: "Mulish", system-ui, sans-serif;
  --wdtFontWeight_Alt: 400;
  --wdtLineHeight_Alt: 1.292;

  --wdtFontWeight_H3: 400;
  --wdtFontSize_H3: 40px;
  --wdtLineHeight_H3: 1.35;

  --wdtFontWeight_H4: 400;
  --wdtFontSize_H4: 30px;
  --wdtLineHeight_H4: 1.35;

  --wdtFontWeight_H5: 400;
  --wdtFontSize_H5: 25px;
  --wdtLineHeight_H5: 1.35;

  --wdtFontWeight_Ext: 600;
  --wdtFontSize_Ext: 12px;
  --wdtLineHeight_Ext: 1;

  --wdtLetterSpacing_3X: 0.15em;
  --wdtPadding_Btn: 18px 30px;
  --wdtPadding_MiniBtn: 15px 26px;
  --wdtPadding_MaxiBtn: 20px 35px;

  --wdtRadius_Zero: 0;
  --wdt-Ad-Transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
  /* Hamburger ↔ X (CSS bars) + panel/scrim sync */
  --wdt-hamburger-morph-duration: 0.5s;
  --wdt-hamburger-morph-ease: cubic-bezier(0.65, 0, 0.35, 1);
  /* Staggered hamburger: mid longest, top/bot ~67% — left-aligned */
  --hm-bar-long: 0.78em;
  --hm-bar-short: 0.52em;
  /* Side menu card — generous inset like live Home 6 */
  --nav-menu-panel-pad-top: clamp(7.5rem, 14vh, 12rem);
  --nav-menu-panel-pad-x: clamp(2.5rem, 4.5vw, 3.25rem);
  --nav-menu-panel-pad-bottom: clamp(3rem, 8vh, 5.5rem);

  --wdtPrimaryColor: #a1806b;
  --wdtSecondaryColor: #353622;
  --wdtSecondaryColorRgb: 53, 54, 34;
  --wdtAccentTxtColor: #ffffff;

  --font-base: var(--wdtFontTypo_Base);
  --font-alt: var(--wdtFontTypo_Alt);
  --font-brand: var(--wdtFontTypo_Alt);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body.tpl-home6 {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: var(--wdtFontTypo_Base);
  font-size: var(--wdtFontSize_Base);
  font-weight: var(--wdtFontWeight_Base);
  line-height: var(--wdtLineHeight_Base);
  color: var(--wdt-body-text);
  background: var(--wdt-secondary);
  overflow: hidden;
}

/* About vb. iç sayfa: tam ekran slider yok — dikey scroll açık olmalı */
body.tpl-home6.page-about {
  overflow-x: hidden;
  overflow-y: auto;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 200;
  padding: 0.75rem 1rem;
  background: #fff;
  color: var(--wdt-secondary);
}

.skip-link:focus {
  left: var(--header-height);
}

/* ——— Sidebar (reference layout: vertical HappyHome + house, hamburger, Follow Us + socials) ——— */
.side-rail {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: var(--header-height);
  height: 100vh;
  height: 100dvh;
  background: var(--sidebar-bg);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: var(--side-rail-logo-padding-top) 0 1.35rem;
  overflow-x: hidden;
  overflow-y: visible;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.side-rail__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4.5rem 0.4rem 0.75rem;
  margin-top: 0;
  overflow: visible;
  flex-shrink: 0;
}

.side-rail__logo .wdt-logo-container {
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.side-rail__logo .wdt-logo-container a {
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.side-rail__logo .wdt-logo-container img {
  display: block;
  height: var(--side-rail-logo-display-height);
  width: auto;
  max-width: none;
  transform: rotate(-90deg);
  transform-origin: center center;
}

/* ——— wdt-hamburger-header-menu (happyhome-plus hamburger-menu.css, side-rail + about header) ——— */
:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu {
  display: inline-grid;
  position: relative;
  z-index: 51;
  user-select: none;
  flex-shrink: 0;
  color: #fff;
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"],
:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu .wdt-trigger-item {
  grid-area: 1 / 1;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: center;
  z-index: 2;
  /* Touch target — slightly smaller than theme max 58px */
  font-size: clamp(2rem, 1.82rem + 0.72vw, 3rem);
  width: clamp(2rem, 1.82rem + 0.72vw, 3rem);
  height: clamp(2rem, 1.82rem + 0.72vw, 3rem);
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  position: relative;
  cursor: pointer;
  opacity: 0;
  z-index: 3;
  margin: 0;
  border: none;
  padding: 0;
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:focus {
  outline: none;
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:focus-visible ~ .wdt-trigger-item {
  outline: 2px solid rgba(255, 255, 255, 0.65);
  outline-offset: 3px;
  border-radius: 4px;
}

/* Staggered left-aligned hamburger → centered X */
:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"] ~ .wdt-trigger-item i.hm-icon {
  display: block;
  position: relative;
  width: 1em;
  height: 1em;
  font-size: inherit;
  transform: rotate(90deg);
  transform-origin: center center;
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"] ~ .wdt-trigger-item .hm-icon__bar {
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.045em;
  min-height: 2px;
  margin-top: -0.0225em;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
  transition:
    transform var(--wdt-hamburger-morph-duration) var(--wdt-hamburger-morph-ease),
    width var(--wdt-hamburger-morph-duration) var(--wdt-hamburger-morph-ease),
    left var(--wdt-hamburger-morph-duration) var(--wdt-hamburger-morph-ease),
    opacity calc(var(--wdt-hamburger-morph-duration) * 0.75) var(--wdt-hamburger-morph-ease);
  pointer-events: none;
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"] ~ .wdt-trigger-item .hm-icon__bar--top {
  left: 0;
  width: var(--hm-bar-short);
  transform: translateX(0) translateY(-0.28em) rotate(0deg);
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"] ~ .wdt-trigger-item .hm-icon__bar--mid {
  left: 0;
  width: var(--hm-bar-long);
  opacity: 1;
  transform: translateX(0) translateY(0) scaleX(1);
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"] ~ .wdt-trigger-item .hm-icon__bar--bot {
  left: 0;
  width: var(--hm-bar-short);
  transform: translateX(0) translateY(0.28em) rotate(0deg);
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:checked ~ .wdt-trigger-item .hm-icon__bar--top {
  left: 50%;
  width: var(--hm-bar-long);
  transform: translateX(-50%) translateY(0) rotate(45deg);
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:checked ~ .wdt-trigger-item .hm-icon__bar--mid {
  left: 50%;
  width: var(--hm-bar-long);
  opacity: 0;
  transform: translateX(-50%) translateY(0) scaleX(0.08);
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:checked ~ .wdt-trigger-item .hm-icon__bar--bot {
  left: 50%;
  width: var(--hm-bar-long);
  transform: translateX(-50%) translateY(0) rotate(-45deg);
}

.wdt-dark-bg.side-rail__hamburger .hm-icon__bar {
  background: rgba(255, 255, 255, 0.98);
}

/* ——— Side-nav hamburger panel (happyhome-plus hamburger-menu.css “New Custom Style”) ——— */
:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu .hamburger-menu-container {
  position: fixed;
  left: 25px;
  z-index: 45;
  width: var(--nav-menu-panel-width);
  height: 110vh;
  margin: 0;
  padding: var(--nav-menu-panel-pad-top) var(--nav-menu-panel-pad-x) var(--nav-menu-panel-pad-bottom);
  list-style: none;
  -webkit-font-smoothing: antialiased;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  background-image: linear-gradient(
    135deg,
    rgba(var(--wdtSecondaryColorRgb), 1) 0%,
    rgba(var(--wdtSecondaryColorRgb), 1) 50%,
    rgba(var(--wdtSecondaryColorRgb), 1) 100%
  );
  /* Panel reveal finishes with hamburger → X morph (same duration as stroke-dash) */
  transition:
    clip-path var(--wdt-hamburger-morph-duration) var(--wdt-hamburger-morph-ease),
    opacity var(--wdt-hamburger-morph-duration) var(--wdt-hamburger-morph-ease),
    visibility var(--wdt-hamburger-morph-duration) var(--wdt-hamburger-morph-ease),
    top var(--wdt-hamburger-morph-duration) var(--wdt-hamburger-morph-ease);
  scrollbar-width: none;
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu .hamburger-menu-container::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:not(:checked) ~ .hamburger-menu-container {
  clip-path: inset(0 100% 0 0);
  transform: translateX(var(--header-height));
  top: 30px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

:is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:checked ~ .hamburger-menu-container {
  clip-path: inset(0 0 0 0);
  transform: translateX(var(--header-height));
  top: 0;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.hamburger-menu-container__list {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  list-style: none;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: clamp(0.35rem, 1vh, 0.85rem);
}

.hamburger-menu-container__list > .menu-item > a {
  margin: 0;
  padding: clamp(0.65rem, 1.2vh, 1rem) clamp(0.5rem, 1vw, 0.75rem);
  width: 100%;
  display: block;
  text-decoration: none;
  color: var(--wdtAccentTxtColor);
  font-family: var(--wdtFontTypo_Alt);
  font-weight: var(--wdtFontWeight_Alt);
  font-size: clamp(1.625rem, 1.4808rem + 0.641vw, 2.25rem);
  line-height: 1.42;
  text-transform: capitalize;
  transition: color var(--wdt-Ad-Transition);
}

.hamburger-menu-container__list > .menu-item > a:hover,
.hamburger-menu-container__list > .menu-item > a:focus-visible {
  color: var(--wdtPrimaryColor);
  outline: none;
}

.hamburger-menu-container__list > .menu-item > a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

/* ——— Content dimmer (live: main area darkens; rail stays above scrim z-50) ——— */
.nav-scrim {
  position: fixed;
  inset: 0;
  z-index: 44;
  background: rgba(23, 24, 18, 0.52);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity var(--wdt-hamburger-morph-duration) var(--wdt-hamburger-morph-ease),
    visibility var(--wdt-hamburger-morph-duration) var(--wdt-hamburger-morph-ease);
  pointer-events: none;
}

body.tpl-home6.menu-open .nav-scrim,
body.page-about.menu-open .nav-scrim {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.side-rail__follow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.95rem;
  flex-shrink: 0;
}

.side-rail__follow-text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  /* Elementor header icon-list 549845e — post-387.css */
  font-family: var(--wdtFontTypo_Base);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(255, 255, 255, 0.95);
  white-space: nowrap;
}

/* Elementor icon-list widget 549845e: --e-icon-list-icon-size: 20px; accent fill */
.side-rail__social {
  --e-icon-list-icon-size: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}

.side-rail__social a {
  color: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s, transform 0.2s;
}

/* Sosyal ikon — referans görsel: images/social-icons-reference.png (sol sütun: ince daire çerçeve) */
.social-icon-ring {
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex-shrink: 0;
}

/* Orta sütun (yaprak / squircle) — istenirse class ekle: social-icon-ring--leaf */
.social-icon-ring--leaf {
  border-radius: 10px 3px 10px 3px;
}

.social-icon-ring svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  display: block;
}

.social-icon-ring svg.social-icon-ring__stroke {
  fill: none;
  stroke: currentColor;
  overflow: visible;
}

.side-rail__social .social-icon-ring svg {
  width: 15px;
  height: 15px;
}

.side-rail__social a:hover {
  color: var(--wdt-primary);
  transform: scale(1.06);
}

/* ——— GSAP parallax viewport (wedesigntech-style) ——— */
.parallax-holder {
  margin-left: var(--header-height);
  width: calc(100% - var(--header-height));
  height: 100vh;
  height: 100dvh;
  position: relative;
  overflow: hidden;
  background: #111;
}

/* Mobil/tablet ana slider (< lg): tam yükseklik slaytlar, dikey kaydırma */
.home-mobile-slider {
  margin-left: var(--header-height);
  width: calc(100% - var(--header-height));
  height: 100vh;
  height: 100dvh;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  background: #111;
}

.home-mobile-slider .home-mobile-slide {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  flex-shrink: 0;
}

.home-mobile-slider .home-mobile-slide .parallax-slide__outer,
.home-mobile-slider .home-mobile-slide .parallax-slide__inner {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

/*
 * Ön yüz Bootstrap kullanmıyor — d-lg-* sınıfları işe yaramaz.
 * Varsayılan: mobil/tablet slider görünsün, masaüstü parallax gizli.
 * ≥992px: tam tersi (Bootstrap lg ile aynı kırılım).
 */
#home-parallax-root {
  display: none !important;
}

#home-mobile-slider-root.home-mobile-slider {
  display: block !important;
}

@media (min-width: 992px) {
  #home-parallax-root.parallax-holder {
    display: block !important;
  }

  #home-mobile-slider-root.home-mobile-slider {
    display: none !important;
  }
}

/* Aktif slider yokken parallax bloğu yerine boş ana alan (skip link hedefi) */
main.home-main--no-slider {
  margin-left: var(--header-height);
  width: calc(100% - var(--header-height));
  min-height: 100vh;
  min-height: 100dvh;
  background: #111;
}

/* İç sayfalar (About vb.): yan menü ile tam genişlik içerik */
main.frontend-page-main {
  margin-left: var(--header-height);
  width: calc(100% - var(--header-height));
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: hidden;
  background: #fff;
}

/* About shell: side-rail yok — içerik tam genişlik */
main.frontend-page-main--full {
  margin-left: 0;
  width: 100%;
}

.parallax-slide {
  position: absolute;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.parallax-slide.is-active {
  pointer-events: auto;
}

.parallax-slide__outer,
.parallax-slide__inner {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.parallax-slide__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  will-change: transform;
}

.parallax-slide__stage {
  position: absolute;
  inset: 0;
}

.parallax-slide__stage--split .snap-panel--split {
  height: 100%;
  min-height: 0;
}

.snap-panel__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    rgba(53, 54, 34, 0.22) 0%,
    rgba(53, 54, 34, 0.06) 40%,
    transparent 60%
  ),
    linear-gradient(
      to top,
      rgba(53, 54, 34, 0.24) 0%,
      rgba(53, 54, 34, 0.05) 45%,
      transparent 70%
    );
  pointer-events: none;
}

.snap-panel__inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  /* wdt__parallex_content — live: padding 40px; max-width 600px */
  padding: 40px;
  max-width: 600px;
  text-align: left;
}

.snap-panel__inner > *:not(:last-child) {
  margin: 0 0 20px;
}

/* wdt-parallax: h2.wdt__parallex_heading */
.snap-panel__h2 {
  margin: 0;
  order: 0;
  font-family: var(--wdtFontTypo_Alt);
  font-size: clamp(1.5625rem, 1.4586rem + 0.347vw, 1.875rem);
  font-weight: var(--wdtFontWeight_H4);
  line-height: var(--wdtLineHeight_H4);
  text-transform: capitalize;
  color: #fff;
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.25);
}

.snap-panel__sub {
  margin: 0;
  order: -1;
  font-family: var(--wdtFontTypo_Base);
  font-size: clamp(1.125rem, 1.0834rem + 0.1388vw, 1.25rem);
  font-weight: var(--wdtFontWeight_Base);
  line-height: var(--wdtLineHeight_Base);
  text-transform: capitalize;
  letter-spacing: normal;
  color: #fff;
  opacity: 0.95;
}

.wdt-heading-button-wrapper {
  order: 1;
  display: block;
  margin: 0;
}

/* .wdt-heading-button-wrapper .wdt__button — parallax-live.css */
.wdt-heading-button-wrapper .btn-white {
  margin-top: 30px;
}

/* .wdt__parallex .wdt__button (+ wdt-button-size-nm) */
.btn-white {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: var(--wdtRadius_Zero);
  padding: var(--wdtPadding_Btn);
  background-color: var(--wdtAccentTxtColor);
  color: var(--wdtSecondaryColor);
  font-family: var(--wdtFontTypo_Base);
  font-size: var(--wdtFontSize_Ext);
  font-weight: var(--wdtFontWeight_Ext);
  line-height: 1;
  letter-spacing: var(--wdtLetterSpacing_3X);
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  transform: translateY(0);
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  gap: 0;
  transition: var(--wdt-Ad-Transition);
}

.wdt-dark-bg .btn-white:not(:hover):not(:focus) {
  color: var(--wdtSecondaryColor);
  border-color: transparent;
  background-color: var(--wdtAccentTxtColor);
}

.btn-white:hover,
.btn-white:focus {
  border-color: transparent;
  background-color: var(--wdtPrimaryColor);
  color: var(--wdtAccentTxtColor);
}

/* Duplicate label slide — parallax .wdt__button_text */
.btn-white .wdt__button_text {
  transition: var(--wdt-Ad-Transition);
  text-align: center;
  display: inline-flex;
  align-items: center;
  filter: blur(0);
}

.btn-white .wdt__button_text:nth-child(2) {
  position: absolute;
  opacity: 0;
  transform: translateY(5em);
}

.btn-white:hover .wdt__button_text:nth-child(1),
.btn-white:focus .wdt__button_text:nth-child(1) {
  opacity: 0;
  transform: translateY(-5em);
}

.btn-white:hover .wdt__button_text:nth-child(2),
.btn-white:focus .wdt__button_text:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
}

/* wdt-button-size-sm — split “View Details” */
.btn-white--sm {
  padding: var(--wdtPadding_MiniBtn);
  font-size: var(--wdtFontSize_Ext);
  line-height: 1;
}

.split-col__content .wdt-heading-button-wrapper .btn-white {
  margin-top: 30px;
}

/* ——— Split columns ——— */
.snap-panel--split {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.split-col {
  position: relative;
  min-height: 100%;
  flex: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* Elementor split columns — post-1690: 40px padding */
  padding: 40px;
}

.split-col__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 249, 242, 0.12) 0%,
    var(--wdt-secondary) 100%
  );
  pointer-events: none;
}

.split-col__content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* wdt-heading .wdt-heading-subtitle-wrapper (split “Starting from…”) */
.split-col__price {
  margin: 0;
  font-family: var(--wdtFontTypo_Base);
  font-size: var(--wdtFontSize_Ext);
  font-weight: var(--wdtFontWeight_Ext);
  line-height: var(--wdtLineHeight_Alt);
  letter-spacing: var(--wdtLetterSpacing_3X);
  text-transform: uppercase;
  color: #fff;
}

/* h4.wdt-heading-title — theme H4 */
.split-col__title {
  margin: 0;
  font-family: var(--wdtFontTypo_Alt);
  font-size: var(--wdtFontSize_H4);
  font-weight: var(--wdtFontWeight_H4);
  line-height: var(--wdtLineHeight_H4);
  text-transform: capitalize;
  color: #fff;
}

.split-col__content .wdt-heading-button-wrapper {
  margin: 0;
}

.snap-panel--split-40 .split-col--40 {
  flex: 0 0 40%;
  max-width: 40%;
}

.snap-panel--split-40 .split-col--60 {
  flex: 0 0 60%;
  max-width: 60%;
}

@media (max-width: 900px) {
  :root {
    --header-height: 70px;
    --side-rail-logo-display-height: 54px;
    --side-rail-logo-padding-top: 5.2rem;
  }

  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu .hamburger-menu-container {
    padding: clamp(5.5rem, 12vh, 9rem) clamp(1.75rem, 4vw, 2.5rem) clamp(2.5rem, 6vh, 4rem);
  }

  .side-rail {
    padding: var(--side-rail-logo-padding-top) 0 1rem;
  }

  .side-rail__logo {
    padding: 0.45rem 0.35rem 0.65rem;
    margin-top: 0;
  }

  .snap-panel--split,
  .snap-panel--split.snap-panel--split-40 {
    flex-direction: column;
  }

  .snap-panel--split-40 .split-col--40,
  .snap-panel--split-40 .split-col--60 {
    flex: 1 1 auto;
    max-width: none;
    min-height: 70vh;
  }

  .parallax-slide__stage--split .split-col {
    min-height: 70vh;
  }

  .split-col {
    padding: 30px;
  }

  .snap-panel__inner {
    padding: 30px;
  }
}

/* ——— Phone: top bar (logo + hamburger), full-width hero — Happy Home mobile ——— */
@media (max-width: 767px) {
  :root {
    --header-height: 0;
    --mobile-header-h: clamp(64px, 17vw, 76px);
    --nav-menu-panel-width: 100%;
  }

  .skip-link:focus {
    left: 1rem;
    top: 0.5rem;
  }

  .side-rail {
    -webkit-tap-highlight-color: transparent;
    --mobile-safe-top: env(safe-area-inset-top, 0px);
    --mobile-safe-left: env(safe-area-inset-left, 0px);
    --mobile-safe-right: env(safe-area-inset-right, 0px);
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    min-height: calc(var(--mobile-header-h) + var(--mobile-safe-top));
    padding-top: var(--mobile-safe-top);
    padding-bottom: 0;
    padding-right: max(1rem, var(--mobile-safe-right));
    padding-left: max(1rem, var(--mobile-safe-left));
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    overflow: visible;
  }

  /* Mobilde header’da sosyal ikonlar + Follow Us alanı gizli (masaüstünde yan şeritte görünür) */
  .side-rail__follow {
    display: none;
  }

  .side-rail__logo {
    flex: 0 0 auto;
    min-width: 0;
    width: auto;
    max-width: calc(100% - 3.75rem);
    padding: 0;
    margin: 0;
    align-self: center;
  }

  .side-rail__logo .wdt-logo-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
  }

  .side-rail__logo .wdt-logo-container a {
    display: flex;
    align-items: center;
    line-height: 0;
  }

  .side-rail__logo .wdt-logo-container img {
    transform: none;
    height: clamp(42px, 11.5vw, 58px);
    width: auto;
    max-width: min(320px, calc(100vw - 4.25rem));
    object-fit: contain;
    object-position: left center;
  }

  .side-rail__hamburger {
    flex-shrink: 0;
    margin-left: auto;
    align-self: center;
  }

  .parallax-holder {
    margin-left: 0;
    width: 100%;
    margin-top: calc(var(--mobile-header-h) + env(safe-area-inset-top, 0px));
    height: calc(100vh - var(--mobile-header-h) - env(safe-area-inset-top, 0px));
    height: calc(100dvh - var(--mobile-header-h) - env(safe-area-inset-top, 0px));
    min-height: 0;
  }

  .home-mobile-slider {
    margin-left: 0;
    width: 100%;
    margin-top: calc(var(--mobile-header-h) + env(safe-area-inset-top, 0px));
    height: calc(100vh - var(--mobile-header-h) - env(safe-area-inset-top, 0px));
    height: calc(100dvh - var(--mobile-header-h) - env(safe-area-inset-top, 0px));
    min-height: 0;
  }

  .home-mobile-slider .home-mobile-slide {
    min-height: calc(100vh - var(--mobile-header-h) - env(safe-area-inset-top, 0px));
    min-height: calc(100dvh - var(--mobile-header-h) - env(safe-area-inset-top, 0px));
  }

  /* Classic horizontal equal lines (no 90° tilt, no stagger) */
  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"] ~ .wdt-trigger-item i.hm-icon {
    transform: none;
  }

  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"] ~ .wdt-trigger-item .hm-icon__bar--top,
  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"] ~ .wdt-trigger-item .hm-icon__bar--mid,
  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"] ~ .wdt-trigger-item .hm-icon__bar--bot {
    left: 0;
    width: var(--hm-bar-long);
  }

  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:checked ~ .wdt-trigger-item .hm-icon__bar--top,
  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:checked ~ .wdt-trigger-item .hm-icon__bar--mid,
  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:checked ~ .wdt-trigger-item .hm-icon__bar--bot {
    left: 50%;
    width: var(--hm-bar-long);
  }

  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu .hamburger-menu-container {
    top: calc(var(--mobile-header-h) + env(safe-area-inset-top, 0px));
    left: 0;
    width: 100%;
    max-width: none;
    height: calc(100vh - var(--mobile-header-h) - env(safe-area-inset-top, 0px));
    height: calc(100dvh - var(--mobile-header-h) - env(safe-area-inset-top, 0px));
    padding: clamp(3.5rem, 10vh, 5rem) max(1.25rem, env(safe-area-inset-right, 0px)) clamp(2rem, 6vh, 3rem)
      max(1.25rem, env(safe-area-inset-left, 0px));
    border-left: none;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:not(:checked) ~ .hamburger-menu-container {
    transform: translateX(0);
    top: calc(var(--mobile-header-h) + env(safe-area-inset-top, 0px));
  }

  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu input[type="checkbox"]:checked ~ .hamburger-menu-container {
    transform: translateX(0);
    top: calc(var(--mobile-header-h) + env(safe-area-inset-top, 0px));
  }

  .snap-panel__inner {
    padding: 1.25rem max(1.25rem, env(safe-area-inset-right, 0px)) max(1.75rem, env(safe-area-inset-bottom, 0px))
      max(1.25rem, env(safe-area-inset-left, 0px));
    max-width: none;
    left: 0;
    right: 0;
  }

  .snap-panel__inner > *:not(:last-child) {
    margin-bottom: 14px;
  }

  .snap-panel__h2 {
    font-size: clamp(1.375rem, 5.2vw, 1.75rem);
    line-height: 1.3;
  }

  .snap-panel__sub {
    font-size: var(--wdtFontSize_Ext);
    font-weight: var(--wdtFontWeight_Ext);
    letter-spacing: var(--wdtLetterSpacing_3X);
    text-transform: uppercase;
    opacity: 1;
  }

  .wdt-heading-button-wrapper .btn-white {
    margin-top: 20px;
  }
}

/* ——— Scroll reveal (site-wide, Elementor slideInUp–style) ——— */
@media (prefers-reduced-motion: no-preference) {
  .hm-inview-init {
    opacity: 0;
    transform: translate3d(0, 42px, 0);
    transition:
      opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--hm-reveal-delay, 0s);
  }

  .hm-blog-tpl > .wdt-post-entry.hm-inview-init,
  .hm-inview-stagger > .hm-inview-init {
    transition-delay: calc(var(--hm-reveal-i, 0) * 0.055s);
  }

  .hm-inview-init.hm-inview {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hm-inview-init {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  html {
    scroll-behavior: auto;
  }

  .btn-white,
  .btn-white .wdt__button_text {
    transition: none;
  }

  .btn-white .wdt__button_text:nth-child(2) {
    display: none;
  }

  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu .hamburger-menu-container,
  .nav-scrim {
    transition-duration: 0.01ms;
  }

  :is(.side-rail, .about-header-wrap) .wdt-hamburger-header-menu .hm-icon__bar {
    transition-duration: 0.01ms;
  }
}

/* ——— Site admin: side-rail renkleri (değişkenler side-rail.blade.php içinde) ——— */
.side-rail {
  background: var(--site-sr-bg, var(--sidebar-bg));
  color: var(--site-sr-text, #fff);
  border-right: 1px solid var(--site-sr-border-rail, rgba(255, 255, 255, 0.05));
}

.side-rail .wdt-hamburger-header-menu {
  color: var(--site-sr-text, #fff);
}

.side-rail .wdt-hamburger-header-menu .hamburger-menu-container {
  background-image: var(
    --site-sr-menu-bg-image,
    linear-gradient(
      135deg,
      rgba(var(--wdtSecondaryColorRgb), 1) 0%,
      rgba(var(--wdtSecondaryColorRgb), 1) 50%,
      rgba(var(--wdtSecondaryColorRgb), 1) 100%
    )
  );
  border-left: 1px solid var(--site-sr-menu-border, rgba(255, 255, 255, 0.08));
}

.side-rail .hamburger-menu-container__list > .menu-item > a {
  color: var(--site-sr-menu-link, var(--wdtAccentTxtColor));
}

.side-rail .hamburger-menu-container__list > .menu-item > a:hover,
.side-rail .hamburger-menu-container__list > .menu-item > a:focus-visible {
  color: var(--site-sr-menu-hover, var(--wdtPrimaryColor));
}

.side-rail .wdt-hamburger-header-menu input[type="checkbox"]:focus-visible ~ .wdt-trigger-item {
  outline: 2px solid var(--site-sr-focus-ring, rgba(255, 255, 255, 0.65));
  outline-offset: 3px;
  border-radius: 4px;
}

.side-rail .wdt-dark-bg.side-rail__hamburger .hm-icon__bar {
  background: var(--site-sr-hamburger-bar, rgba(255, 255, 255, 0.98));
}

.side-rail .side-rail__follow-text {
  color: var(--site-sr-follow, rgba(255, 255, 255, 0.95));
}

.side-rail .side-rail__social a {
  color: var(--site-sr-social, rgba(255, 255, 255, 0.95));
}

.side-rail .side-rail__social a:hover {
  color: var(--site-sr-social-hover, var(--wdt-primary));
}