.reef-topHero {
  position: relative;
  width: 100vw;
  height: 100vh;
  min-height: 520px;
  overflow: hidden;
  background: #000;


  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}


.reef-topHero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}


.reef-topHero__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(90deg, rgba(0,0,0,.75), rgba(0,0,0,.2)),
    linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.7));
}


.reef-topHero__content {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  padding: 40px;
}


.reef-topHero__inner {
  max-width: 800px;
}


.reef-eyebrow {
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
}

/* 7. ANA BAŞLIK */
.reef-h1 {
  font-size: clamp(36px, 4vw, 60px);
  text-transform: uppercase;
  color: #fff;
  margin: 10px 0;
}

/* 8. ALT METİN */
.reef-sub {
  max-width: 520px;
  color: rgba(255,255,255,.85);
  line-height: 1.6;
}

/* 9. BUTON */
.reef-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 20px;
  border-radius: 999px;
  background: #e11d2e;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: .6px;
  text-transform: uppercase;
  border: none;
}

/* ==================================================
   WOODMART / ELEMENTOR GENİŞLİK TEMİZLİĞİ
   (SADECE FULL WIDTH SAYFALAR)
   ================================================== */

body.page-template-elementor-full-width .container,
body.page-template-elementor-full-width .wd-container,
body.page-template-elementor-full-width .entry-content,
body.page-template-elementor-full-width .main-page-wrapper {
  max-width: 100% !important;
  width: 100% !important;
}

body.page-template-elementor-full-width .container,
body.page-template-elementor-full-width .wd-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

select#lang_choice_polylang,
.pll-switcher-select,
.widget_polylang {
  display: none !important;
}

.reef-topHero { margin-top: -120px; } /* gerekirse -100 / -140 oynarız */

.whb-header {
  position: relative;
  z-index: 9999;
}

:root{
  --reef-blue:#36587B;         /* imza mavi */
  --reef-blue-2:#2C4966;       /* hover koyusu */
  --reef-night:#0B1220;        /* gece mavisi (arka plan blokları) */
  --reef-white:#FFFFFF;

  --reef-text:#0F172A;
  --reef-muted:#6B7280;
  --reef-line:rgba(15,23,42,.10);
  --reef-radius:18px;
}

/* Genel */
body{
  background: var(--reef-white);
  color: var(--reef-text);
}

/* Link */
a{ color: var(--reef-text); }
a:hover{ color: var(--reef-blue) !important; }

/* -------------------------
   Butonlar: Reef mavisi
------------------------- */
button,
input[type="submit"],
.elementor-button,
.wd-btn,
.btn{
  background: var(--reef-blue) !important;
  border-color: var(--reef-blue) !important;
  color:#fff !important;
  border-radius:999px !important;
  box-shadow:0 10px 26px rgba(54,88,123,.22);
}

button:hover,
input[type="submit"]:hover,
.elementor-button:hover,
.wd-btn:hover,
.btn:hover{
  background: var(--reef-blue-2) !important;
  border-color: var(--reef-blue-2) !important;
}

/* Ghost button (ikincil CTA) */
.reef-btn--ghost,
.reef-btn--ghost .elementor-button{
  background: transparent !important;
  border: 1px solid rgba(54,88,123,.65) !important;
  color: #fff !important;
  box-shadow:none !important;
}

/* -------------------------
   Gece mavisi bloklar
   Elementor section/container class: reef-night
------------------------- */
.reef-night{
  background: var(--reef-night);
  color:#fff;
}
.reef-night h1,
.reef-night h2,
.reef-night h3,
.reef-night p,
.reef-night a{
  color:#fff;
}

/* Santi hissi: blokların nefesi */
.elementor-section{
  padding-top: 90px;
  padding-bottom: 90px;
}

/* -------------------------
   Ürün kartları premium
------------------------- */
.wd-products .product,
.wd-product{
  border-radius: var(--reef-radius);
  background:#fff;
  transition:transform .35s ease, box-shadow .35s ease;
}

.wd-products .product:hover{
  transform: translateY(-4px);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
}

/* Hover’da ince Reef mavi vurgu */
.wd-products .product:hover::after{
  content:'';
  display:block;
  height:2px;
  width:42px;
  background:var(--reef-blue);
  margin:12px auto 0;
}

/* Başlıklar */
h1,h2,h3{
  letter-spacing:.35px;
}

/* İnce ayırıcılar */
hr, .wd-divider{
  border-color: var(--reef-line) !important;
}