/* =========================================================
   1MARKA STRONG VISIBLE DESIGN FIX
   Цель: видимое изменение дизайна, без бледности.
   Важно: этот файл подключается ПОСЛЕДНИМ и переопределяет main.css.
   ========================================================= */

:root{
  --m-bg-1:#e8eef7;
  --m-bg-2:#dbe6f3;
  --m-bg-3:#f7f9fc;
  --m-navy:#071a33;
  --m-blue:#075cff;
  --m-blue-dark:#003fae;
  --m-card:#ffffff;
  --m-text:#111827;
  --m-muted:#475569;
}

html, body{
  background:
    radial-gradient(circle at 10% 0%, rgba(7,92,255,.18), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(7,26,51,.12), transparent 28%),
    linear-gradient(180deg, var(--m-bg-1) 0%, var(--m-bg-2) 42%, var(--m-bg-3) 100%) !important;
  color:var(--m-text) !important;
}

/* Header: visible premium glass */
.site-header, header, .header{
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  border-bottom:1px solid rgba(7,26,51,.12) !important;
  box-shadow:0 12px 36px rgba(7,26,51,.10) !important;
}

/* HERO: возвращаем глубину. Больше НЕ белая пелена. */
.hero{
  min-height:62vh !important;
  background-size:cover !important;
  background-position:center !important;
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border-bottom:1px solid rgba(7,26,51,.18) !important;
}

/* Жёстко перекрываем старый overlay из main.css */
.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    linear-gradient(90deg,
      rgba(7,26,51,.74) 0%,
      rgba(7,26,51,.46) 38%,
      rgba(7,26,51,.16) 67%,
      rgba(7,26,51,.04) 100%
    ) !important;
  pointer-events:none !important;
}

.hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    radial-gradient(circle at 18% 80%, rgba(7,92,255,.26), transparent 35%) !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  pointer-events:none !important;
}

.hero .container,
.hero-inner,
.hero-content{
  position:relative !important;
  z-index:2 !important;
}

.hero h1{
  color:#ffffff !important;
  text-shadow:0 6px 24px rgba(0,0,0,.38) !important;
  max-width:760px !important;
}

.hero p{
  color:rgba(255,255,255,.88) !important;
  text-shadow:0 3px 16px rgba(0,0,0,.36) !important;
  max-width:720px !important;
}

/* Sections no longer pure white */
.section{
  background:transparent !important;
  padding-top:56px !important;
  padding-bottom:56px !important;
}

main > .section:nth-of-type(even),
section:nth-of-type(even):not(.hero){
  background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.18)) !important;
}

/* Product chips/buttons area */
.hero-actions .btn-outline,
.btn-outline{
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(7,26,51,.14) !important;
  color:#172033 !important;
  box-shadow:0 8px 22px rgba(7,26,51,.07) !important;
}

/* Primary buttons: deeper blue */
.btn-primary,
button,
button[type="submit"],
[href*="uzum"]{
  background:linear-gradient(135deg, var(--m-blue), var(--m-blue-dark)) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:0 14px 30px rgba(7,92,255,.34) !important;
}

.btn, button{
  border-radius:999px !important;
  font-weight:750 !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}

.btn:hover, button:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 38px rgba(7,92,255,.38) !important;
}

/* Cards: visible premium surfaces */
.card, .product-card, .catalog-card, .bath-card, .feature-card,
.collection-card, .model-card, .showroom-card, .tile,
.contacts-wrapper, .model-side{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(7,26,51,.10) !important;
  border-radius:24px !important;
  box-shadow:0 20px 50px rgba(7,26,51,.13) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

/* Photos: no white/blur filters */
img{
  filter:none !important;
}

.bath-card-img img,
.catalog-card img,
.model-image img,
.model-gallery img{
  filter:none !important;
}

/* Typography stronger */
h1,h2,h3,h4{
  color:#0f172a !important;
  letter-spacing:-.035em !important;
}

.section h2{
  color:#0f172a !important;
}

p, li{
  color:var(--m-muted) !important;
}

/* Footer visible */
.site-footer, footer{
  background:rgba(255,255,255,.82) !important;
  border-top:1px solid rgba(7,26,51,.12) !important;
  box-shadow:0 -10px 36px rgba(7,26,51,.06) !important;
}

/* Forms */
input, textarea, select{
  background:#fff !important;
  border:1px solid rgba(7,26,51,.16) !important;
  border-radius:16px !important;
  color:#111827 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}

input:focus, textarea:focus, select:focus{
  outline:none !important;
  border-color:rgba(7,92,255,.65) !important;
  box-shadow:0 0 0 4px rgba(7,92,255,.13) !important;
}

/* Mobile */
@media (max-width:768px){
  .hero{
    min-height:58vh !important;
  }

  .hero::before{
    background:
      linear-gradient(180deg,
        rgba(7,26,51,.40) 0%,
        rgba(7,26,51,.58) 100%
      ) !important;
  }

  .hero h1{
    font-size:clamp(34px,9vw,46px) !important;
    line-height:1.06 !important;
  }

  .hero p{
    font-size:16px !important;
  }

  .section{
    padding-top:42px !important;
    padding-bottom:42px !important;
  }
}