.elementor-637 .elementor-element.elementor-element-731067c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-66a0ee7 *//* =========================
NOAR — GALERİ GRID (Elementor Lightbox)
- 4'lü grid (desktop)
- 2'li (tablet)
- 1-2'li (mobile)
========================= */

:root{
  --noar-ink:#0F172A;
  --noar-muted:#64748B;
  --noar-line:rgba(15,23,42,.10);

  --noar-brick:#B4533C;
  --noar-brick2:#CF6A53;

  --noar-radius:18px;
  --noar-shadow:0 18px 48px rgba(2,6,23,.10);
  --noar-shadow2:0 10px 24px rgba(2,6,23,.08);

  --noar-container:1200px;
}

.noar-container{
  width:min(var(--noar-container), calc(100% - 40px));
  margin:0 auto;
}

/* Section bg (siteyle aynı premium hissi) */
.noar-ggrid{
  padding:64px 0;
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(180,83,60,.10), transparent 60%),
    radial-gradient(900px 420px at 90% 10%, rgba(207,106,83,.09), transparent 60%),
    #fff;
}

/* Head */
.noar-ggrid__head{ margin-bottom:22px; }

.noar-ggrid__badge{
  display:inline-flex;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(180,83,60,.18);
  background:rgba(255,255,255,.82);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

.noar-ggrid__title{
  margin:12px 0 8px;
  font-size:40px;
  line-height:1.12;
  font-weight:900;
  color:var(--noar-ink);
}

.noar-ggrid__sub{
  margin:0;
  color:var(--noar-muted);
  max-width:72ch;
  font-size:15px;
  line-height:1.6;
}

/* Grid */
.noar-ggrid__grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:14px;
}

/* Item card */
.noar-ggrid__item{
  position:relative;
  display:block;
  border-radius:var(--noar-radius);
  overflow:hidden;
  border:1px solid rgba(180,83,60,.14);
  background:rgba(255,255,255,.9);
  box-shadow:var(--noar-shadow);
  aspect-ratio: 4/5;
  transform: translateZ(0);
}

.noar-ggrid__item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 25%;
  transition: transform .35s ease, filter .35s ease;
}

/* Overlay */
.noar-ggrid__overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:12px;
  background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.55));
  opacity:0;
  transition: opacity .25s ease;
}

.noar-ggrid__zoom{
  width:38px;
  height:38px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.14);
  color:#fff;
  font-weight:900;
  font-size:18px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

@media (hover:hover){
  .noar-ggrid__item:hover img{
    transform: scale(1.04);
    filter:saturate(1.03);
  }
  .noar-ggrid__item:hover .noar-ggrid__overlay{
    opacity:1;
  }
}

/* Tablet */
@media (max-width:1024px){
  .noar-ggrid__title{ font-size:34px; }
  .noar-ggrid__grid{ grid-template-columns: repeat(2, 1fr); }
}

/* Mobile */
@media (max-width:640px){
  .noar-ggrid{ padding:44px 0; }
  .noar-ggrid__title{ font-size:30px; }
  .noar-ggrid__grid{ gap:12px; grid-template-columns: repeat(2, 1fr); }
}

@media (max-width:420px){
  .noar-ggrid__grid{ grid-template-columns: 1fr; }
}/* End custom CSS */