.elementor-6 .elementor-element.elementor-element-c1e0ba1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-c1e0ba1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-b2b437f */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap');

/* ================== INOXAJTOK GLOBÁLIS / FŐOLDALI CSS ================== */
:root{
  --eg-navy:#1f2a44;
  --eg-navy-2:#2b3d63;
  --eg-burgundy:#6f1d1b;
  --eg-ink:#111827;
  --eg-text:#4b5563;
  --eg-gray-0:#ffffff;
  --eg-gray-1:#f6f7f9;
  --eg-gray-2:#e9edf3;
  --eg-shadow-sm:0 8px 18px rgba(0,0,0,.08);
  --eg-shadow-md:0 18px 40px rgba(0,0,0,.14);
  --eg-radius-lg:18px;
  --eg-wrap:1220px;
  --eg-font:'Inter',system-ui,sans-serif;
  --eg-font-head:'Poppins',sans-serif;
}

.inox-site,
.inox-site *{
  box-sizing:border-box;
}

.inox-site{
  font-family:var(--eg-font);
  color:var(--eg-text);
  background:#fff;
  line-height:1.7;
  letter-spacing:.1px;
  margin-top:-20px;
}

.inox-site p:empty,
.inox-site br,
.inox-site p > br{
  display:none !important;
}

.inox-site .card .body p:last-child {
  margin-bottom: 0 !important;
}

.inox-container{
  max-width:var(--eg-wrap);
  margin:0 auto;
  padding:0 20px;
}

.inox-grid{
  display:grid;
  gap:30px;
}

.inox-grid.cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.inox-grid.cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.inox-grid.cols-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

@media (max-width:1024px){
  .inox-grid.cols-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .inox-grid.cols-2,
  .inox-grid.cols-3{
    grid-template-columns:1fr;
  }
}

@media (max-width:600px){
  .inox-grid.cols-4{
    grid-template-columns:1fr;
  }
}

.inox-site h1,
.inox-site h2,
.inox-site h3,
.inox-site h4{
  font-family:var(--eg-font-head);
  color:var(--eg-ink);
  margin:0 0 15px 0;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.inox-site h1{
  font-size:48px;
}

.inox-site h2{
  font-size:32px;
  color:var(--eg-navy);
}

.inox-site h3{
  font-size:24px;
}

.inox-site h4{
  font-size:20px;
  font-weight:700;
  color:var(--eg-navy);
}

.inox-site p{
  margin:0 0 20px 0;
}

.inox-site a{
  text-decoration:none;
  color:inherit;
}

.inox-site .section.dark h2,
.inox-site .section.dark h3,
.inox-site .section.dark h4,
.inox-site .section.dark p,
.inox-site .section.dark li,
.inox-site .section.dark .eyebrow{
  color:#fff !important;
}

.inox-site .badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:99px;
  font-weight:700;
  font-size:13px;
  color:#fff;
  box-shadow:var(--eg-shadow-sm);
}

.inox-site .badge.navy{
  background:var(--eg-navy);
}

.inox-site .badge.burgundy{
  background:var(--eg-burgundy);
}

.inox-site .badge.gray{
  background:#6b7280;
}

.inox-site .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 24px;
  border-radius:99px;
  font-weight:600;
  transition:.25s ease;
  font-size:15px;
  cursor:pointer;
  width:auto !important;
  max-width:100%;
  white-space:nowrap;
}

.inox-site .btn.primary{
  background:var(--eg-navy);
  color:#fff !important;
  box-shadow:var(--eg-shadow-sm);
  border:1px solid var(--eg-navy);
}

.inox-site .btn.primary:hover{
  background:var(--eg-navy-2);
  transform:translateY(-2px);
}

.inox-site .btn.outline{
  background:#fff;
  color:var(--eg-navy);
  border:1px solid var(--eg-gray-2);
}

.inox-site .btn.outline:hover{
  border-color:var(--eg-navy);
  box-shadow:var(--eg-shadow-sm);
}

/* ================== HERO ================== */
.inox-site .hero{
  position:relative;
  padding:0;
  border-bottom:none;
  background:var(--eg-ink);
  overflow:hidden;
  border-radius:0 !important;
  margin-top:0 !important;
}

.inox-site .hero .bg-slider{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  isolation:isolate;
}

.inox-site .hero .bg-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.03);
  animation:inoxHeroFade 18s infinite;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  will-change:opacity,transform;
}

.inox-site .hero .bg-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    rgba(0, 0, 0, 0.75), /* <-- EZ AZ 5%-os sötét overlay */
    linear-gradient(120deg, rgba(248,250,252,.12) 0%, rgba(219,230,240,.08) 48%, rgba(203,213,225,.10) 100%),
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(15,23,42,.05) 100%);
  pointer-events:none;
} /* Sötét overlay a teljes slider fölé, a szöveg alá */
.inox-site .hero .bg-slider::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3); /* 0.3 = 30% sötétítés. Írd át 0.1-re, ha kevesebbet akarsz */
  pointer-events: none;
  z-index: 1;
}

.inox-site .hero .bg-slide.slide-1{
  animation-delay:0s;
  background-image:url('https://inoxajtok.hu/wp-content/uploads/2025/11/inox-egyszarnyu-toloajto-1-scaled-1.jpg');
}

.inox-site .hero .bg-slide.slide-2{
  animation-delay:6s;
  background-image:url('https://inoxajtok.hu/wp-content/uploads/2026/03/Munka_20251120_ThermokorAjtok_013-3.jpg-masolata-masolata-3-scaled.jpg');
}

.inox-site .hero .bg-slide.slide-3{
  animation-delay:12s;
  background-image:url('https://inoxajtok.hu/wp-content/uploads/2026/03/Munka_20251120_ThermokorAjtok_037-1.jpg-masolata-masolata-1-scaled.jpg');
}

@keyframes inoxHeroFade{
  0%{
    opacity:0;
    transform:scale(1.03);
  }
  4%{
    opacity:1;
  }
  33.333%{
    opacity:1;
    transform:scale(1.00);
  }
  37.333%{
    opacity:0;
    transform:scale(1.01);
  }
  100%{
    opacity:0;
    transform:scale(1.01);
  }
}

.inox-site .hero .inner{
  position:relative;
  z-index:1;
  color:#fff;
  padding:110px 0 95px;
}

.inox-site .hero h1{
  font-size:48px;
  color:#fff;
  margin-bottom:20px;
  max-width:920px;
  text-shadow:0 2px 10px rgba(15,23,42,.12);
}

.inox-site .hero .lead{
  color:#fff !important;
  font-size:21px;
  margin-bottom:28px;
  max-width:780px;
  text-shadow:0 2px 10px rgba(15,23,42,.12);
}

.inox-site .hero .badge,
.inox-site .hero .btn{
  text-shadow:none;
}

.inox-site .hero-actions{
  display:flex;
  gap:15px;
  flex-wrap:wrap;
  align-items:center;
}

.inox-site .hero a.btn.outline[href^="tel:"],
.inox-site .hero a.btn.outline[href^="mailto:"]{
  border:1px solid rgba(255,255,255,.34) !important;
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  backdrop-filter:blur(4px);
}

.inox-site .hero a.btn.outline[href^="tel:"]:hover,
.inox-site .hero a.btn.outline[href^="mailto:"]:hover{
  border-color:rgba(255,255,255,.72) !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
}

.inox-site .hero-slider-dots{
  display:flex;
  gap:8px;
  align-items:center;
  margin-top:26px;
}

.inox-site .hero-slider-dots span{
  display:block;
  width:9px;
  height:9px;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
  animation:inoxDotPulse 18s infinite;
}

.inox-site .hero-slider-dots span:nth-child(1){
  animation-delay:0s;
}

.inox-site .hero-slider-dots span:nth-child(2){
  animation-delay:6s;
}

.inox-site .hero-slider-dots span:nth-child(3){
  animation-delay:12s;
}

@keyframes inoxDotPulse{
  0%,100%{
    background:rgba(255,255,255,.38);
    transform:scale(1);
  }
  6%,28%{
    background:#fff;
    transform:scale(1.16);
  }
  34%{
    background:rgba(255,255,255,.38);
    transform:scale(1);
  }
}

/* ================== NAV CARDS ================== */
.inox-site .category-cards{
  position:relative;
  z-index:10;
  margin-top:-40px;
  margin-bottom:40px;
}

.inox-site .category-cards .inox-grid.cols-4{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
}

@media (max-width:1024px){
  .inox-site .category-cards .inox-grid.cols-4{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:600px){
  .inox-site .category-cards .inox-grid.cols-4{
    grid-template-columns:1fr !important;
  }
}

.inox-site .nav-card{
  background:linear-gradient(145deg,#ffffff 0%,#f0f4f8 100%) !important;
  border:1px solid rgba(31,42,68,.04) !important;
  padding:25px 20px;
  border-radius:var(--eg-radius-lg);
  transition:all .4s cubic-bezier(.25,.8,.25,1) !important;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:10px;
  height:100%;
  color:var(--eg-text) !important;
  box-shadow:inset 0 0 20px rgba(31,42,68,.03), 0 25px 50px rgba(31,42,68,.12) !important;
}

.inox-site .nav-card:hover{
  background:linear-gradient(145deg,#f0f4f8 0%,#e2e8f0 100%) !important;
  box-shadow:inset 0 0 40px rgba(31,42,68,.08), 0 40px 80px rgba(31,42,68,.22) !important;
  border-color:rgba(31,42,68,.15) !important;
  transform:translateY(-8px) !important;
}

.inox-site .nav-card h3{
  font-size:16px !important;
  line-height:1.4 !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin:0;
  color:var(--eg-navy) !important;
}

.inox-site .nav-card p.desc{
  font-size:14px;
  line-height:1.5;
  color:var(--eg-text) !important;
  margin:0;
}

.inox-site .nav-card .icon{
  font-size:32px;
  margin-bottom:5px;
  filter:grayscale(100%) sepia(30%) hue-rotate(180deg) brightness(.9) contrast(1.2) opacity(.85) !important;
  transform:scale(1) !important;
  transition:all .3s ease !important;
}

.inox-site .nav-card:hover .icon{
  filter:grayscale(80%) sepia(50%) hue-rotate(190deg) brightness(1) contrast(1.3) opacity(1) !important;
  transform:scale(1.08) !important;
}

/* ================== SECTIONS ================== */
.inox-site .section{
  padding:60px 0;
}

.inox-site .section.gray{
  background:var(--eg-gray-1);
  border-top:1px solid var(--eg-gray-2);
  border-bottom:1px solid var(--eg-gray-2);
}

.inox-site .section.dark{
  background:var(--eg-navy);
  color:#fff;
}

.inox-site .section .eyebrow{
  font-weight:700;
  color:var(--eg-navy);
  font-size:13px;
  letter-spacing:.15em;
  text-transform:uppercase;
  margin-bottom:10px;
  display:block;
}

.inox-site .split-content{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}

@media (max-width:900px){
  .inox-site .split-content{
    grid-template-columns:1fr;
  }
}

.inox-site .img-frame{
  border-radius:var(--eg-radius-lg);
  overflow:hidden;
  box-shadow:var(--eg-shadow-md);
  border:1px solid var(--eg-gray-2);
}

.inox-site .img-frame img{
  display:block;
  width:100%;
  height:auto;
}

/* ================== CARDS ================== */
.inox-site .card{
  background:#fff;
  border:1px solid var(--eg-gray-2);
  border-radius:var(--eg-radius-lg);
  box-shadow:var(--eg-shadow-sm);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  height:100%;
}

.inox-site .card .media{
  position:relative;
  overflow:hidden;
  line-height:0;
  flex:0 0 auto;
}

.inox-site .card .media img{
  display:block;
flex: 0 0 auto;
    width: 100%;
  object-fit:cover;
  transition:.3s;
  vertical-align:top;
}

.inox-site .card:hover .media img{
  transform:scale(1.03);
}

.inox-site .card .body{
  padding:24px;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}

.inox-site .card .title{
  font-weight:700;
  font-family:var(--eg-font-head);
  color:var(--eg-ink);
  margin:0 0 10px 0;
  font-size:20px;
}

/* ================== FEATURE CARDS ================== */
.inox-site .feature-card{
  background:rgba(255,255,255,.05);
  padding:30px;
  border-radius:var(--eg-radius-lg);
  border:1px solid rgba(255,255,255,.2);
  transition:.3s;
}

.inox-site .feature-card:hover{
  background:rgba(255,255,255,.1);
  transform:translateY(-3px);
}

.inox-site .badge-feature{
  display:inline-block;
  padding:5px 12px;
  background:var(--eg-gray-1);
  color:var(--eg-navy) !important;
  border-radius:99px;
  font-size:12px;
  font-weight:700;
  margin-top:15px;
}

/* ================== GALLERY ================== */
.inox-site .gallery-scroll{
  display:flex;
  gap:20px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:10px 0 30px;
  -webkit-overflow-scrolling:touch;
  width:90% !important;
  max-width:1000px !important;
  margin:0 auto !important;
}

.inox-site .gallery-scroll::-webkit-scrollbar{
  height:6px;
}

.inox-site .gallery-scroll::-webkit-scrollbar-thumb{
  background:var(--eg-gray-1);
  border-radius:4px;
}

.inox-site .ref-item{
  flex:0 0 320px;
  height:380px;
  scroll-snap-align:center;
  position:relative;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.3);
  border:1px solid rgba(255,255,255,.1);
  transition:.3s;
}

.inox-site .ref-item:hover{
  transform:scale(1.02);
}

.inox-site .ref-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.inox-site .ref-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, #1f2a44 15%, transparent 70%);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:25px;
}

.inox-site .ref-overlay h4{
  color:#fff !important;
  margin:0;
  font-size:18px;
}

.inox-site .ref-overlay span{
  color:#e2e8f0 !important;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* ================== CTA ================== */
.inox-site .ctabar{
  background:#fff;
  border:1px solid var(--eg-gray-2);
  border-radius:var(--eg-radius-lg);
  box-shadow:0 28px 60px rgba(17,17,17,.18), 0 10px 20px rgba(17,17,17,.10) !important;
  padding:40px;
  text-align:center;
}

.inox-site .section.gray .card .btn{
  padding:8px 20px !important;
  font-size:13px !important;
  width:fit-content !important;
  display:inline-flex !important;
  margin:0 auto !important;
}

/* ================== TABLET ================== */
@media (max-width:1024px){
  .inox-site .hero .inner{
    padding:95px 0 82px;
  }

  .inox-site .hero h1{
    font-size:40px;
  }

  .inox-site .hero .lead{
    font-size:19px;
  }

  .inox-site h2{
    font-size:28px;
  }

  .inox-site h3{
    font-size:22px;
  }

  .inox-site h4{
    font-size:19px;
  }
}

/* ================== MOBILE ================== */
@media (max-width:767px){
  .inox-site{
    margin-top:-10px;
  }

  .inox-site .hero .inner{
    padding:82px 0 74px;
  }

  .inox-site .hero h1{
    font-size:30px;
    line-height:1.14;
    max-width:100%;
  }

  .inox-site .hero .lead{
    font-size:17px;
    line-height:1.55;
    max-width:100%;
  }

  .inox-site h2{
    font-size:24px;
    line-height:1.18;
  }

  .inox-site h3{
    font-size:20px;
    line-height:1.2;
  }

  .inox-site h4{
    font-size:18px;
    line-height:1.25;
  }

  .inox-site .hero-actions{
    gap:10px;
    align-items:flex-start;
  }

  .inox-site .hero-actions .btn{
    width:auto !important;
    min-width:0 !important;
    max-width:100%;
    padding:12px 18px;
    font-size:14px;
  }

  .inox-site .category-cards{
    margin-top:-25px;
  }

  .inox-site .section{
    padding:48px 0;
  }

  .inox-site .gallery-scroll{
    width:100% !important;
  }

  .inox-site .ref-item{
    flex:0 0 280px;
    height:340px;
  }

  .inox-site .ctabar{
    padding:28px 20px;
  }

  .inox-site .card .media img{
    height:180px;
    min-height:180px;
    max-height:180px;
  }

  .inox-site .card .body{
    padding:20px 18px;
  }

  .inox-site .section.gray .card .btn{
    width:auto !important;
    margin:0 auto !important;
  }
}

@media (max-width:480px){
  .inox-site .hero-actions{
    gap:8px;
  }

  .inox-site .hero-actions .btn{
    padding:11px 16px;
    font-size:13px;
  }

  .inox-site h2{
    font-size:22px;
  }

  .inox-site .card .media img{
    height:165px;
    min-height:165px;
    max-height:165px;
  }
}/* End custom CSS */