/* =========================================================
   27. ROBOȚI INDUSTRIALI / IPARI ROBOTOK - DESIGN PREMIUM
   ========================================================= */

.zm-robots-page{
  background:#fff;
}

/* Hero */
.zm-robots-hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid #e7edf6;
  background:
    linear-gradient(
      160deg,
      rgba(248,251,255,.97) 0%,
      rgba(248,251,255,.94) 28%,
      rgba(248,251,255,.66) 51%,
      rgba(18,41,90,.10) 100%
    ),
    url('../images/roboti-industriali/roboti-industriali.webp') center center/cover no-repeat;
}

.zm-robots-hero-inner{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  width:min(1280px,calc(100% - 40px));
  min-height:360px;
  margin:0 auto;
  padding:54px 0 62px;
}

.zm-robots-hero-copy{
  max-width:720px;
}

.zm-robots-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:var(--zh-blue);
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.zm-robots-hero h1{
  margin:0 0 16px;
  color:#10213f;
  font-size:clamp(2.5rem,4vw,4.05rem);
  font-weight:800;
  line-height:1.03;
  letter-spacing:-.035em;
}

.zm-robots-hero p{
  max-width:680px;
  margin:0 0 24px;
  color:#20375f;
  font-size:1.06rem;
  font-weight:500;
  line-height:1.7;
  text-shadow:0 1px 2px rgba(255,255,255,.95);
}

/* Summary cards */
.zm-robots-summary{
  padding:24px 0 28px;
  background:linear-gradient(180deg,#fff 0%,#f7faff 100%);
}

.zm-robots-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.zm-robots-summary-card{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px;
  border:1px solid var(--zh-border);
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(16,35,74,.06);
  transition:transform .22s ease, box-shadow .22s ease;
}

.zm-robots-summary-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 32px rgba(16,35,74,.10);
}

.zm-robots-summary-card i{
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:13px;
  background:#eef5ff;
  color:var(--zh-blue);
  font-size:1.18rem;
}

.zm-robots-summary-card h3{
  margin:0 0 4px;
  color:#173153;
  font-size:1rem;
  font-weight:800;
}

.zm-robots-summary-card p{
  margin:0;
  color:#62738b;
  font-size:.91rem;
  line-height:1.5;
}

/* General sections */
.zm-robots-section{
  padding:58px 0;
}

.zm-robots-section.alt{
  background:#f7faff;
}

.zm-robots-title{
  max-width:800px;
  margin:0 auto 30px;
  text-align:center;
}

.zm-robots-title .eyebrow{
  display:block;
  margin-bottom:8px;
  color:var(--zh-blue);
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.zm-robots-title h2{
  margin:0;
  color:#10213f;
  font-size:clamp(1.85rem,2.8vw,2.55rem);
  font-weight:800;
  letter-spacing:-.02em;
}

.zm-robots-title p{
  margin:10px 0 0;
  color:#65758b;
  line-height:1.7;
}

.zm-robots-feature{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:38px;
  align-items:center;
}

.zm-robots-feature-media{
  overflow:hidden;
  border-radius:20px;
  box-shadow:0 18px 42px rgba(20,54,108,.12);
}

.zm-robots-feature-media img{
  width:100%;
  min-height:360px;
  height:100%;
  object-fit:cover;
}

.zm-robots-feature-copy h2{
  margin:0 0 14px;
  color:#10213f;
  font-size:clamp(1.8rem,2.7vw,2.45rem);
  font-weight:800;
}

.zm-robots-feature-copy p{
  margin:0 0 14px;
  color:#596a81;
  line-height:1.8;
}

.zm-robots-bullets{
  display:grid;
  gap:10px;
  margin-top:20px;
}

.zm-robots-bullet{
  display:flex;
  align-items:flex-start;
  gap:11px;
  color:#3f526d;
  line-height:1.55;
}

.zm-robots-bullet i{
  margin-top:3px;
  color:var(--zh-blue);
}

/* Benefits */
.zm-robots-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.zm-robots-benefit{
  padding:22px;
  border:1px solid #e1e9f5;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 24px rgba(20,54,108,.05);
  transition:transform .22s ease,box-shadow .22s ease;
}

.zm-robots-benefit:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 34px rgba(16,35,74,.09);
}

.zm-robots-benefit .icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:14px;
  border-radius:13px;
  background:#edf4ff;
  color:var(--zh-blue);
  font-size:1.2rem;
}

.zm-robots-benefit h3{
  margin:0 0 7px;
  color:#173153;
  font-size:1.05rem;
  font-weight:800;
}

.zm-robots-benefit p{
  margin:0;
  color:#64758b;
  font-size:.93rem;
  line-height:1.6;
}

/* Services with original imagery */
.zm-robots-services{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.zm-robots-service{
  overflow:hidden;
  border:1px solid #e1e8f3;
  border-radius:16px;
  background:#fff;
  box-shadow:0 9px 26px rgba(16,35,74,.06);
  transition:transform .22s ease, box-shadow .22s ease;
}

.zm-robots-service:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 38px rgba(16,35,74,.10);
}

.zm-robots-service img{
  width:100%;
  height:175px;
  object-fit:cover;
  transition:transform .35s ease;
}

.zm-robots-service:hover img{
  transform:scale(1.035);
}

.zm-robots-service-body{
  padding:19px 20px 21px;
}

.zm-robots-service h3{
  margin:0 0 7px;
  color:#173153;
  font-size:1.08rem;
  font-weight:800;
}

.zm-robots-service p{
  margin:0;
  color:#65758b;
  font-size:.93rem;
  line-height:1.6;
}

/* Technical parameters */
.zm-robots-tech{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:stretch;
}

.zm-robots-tech-card{
  padding:28px;
  border:1px solid #dfe8f4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(16,35,74,.06);
}

.zm-robots-tech-card h3{
  margin:0 0 14px;
  color:#153052;
  font-size:1.35rem;
  font-weight:800;
}

.zm-robots-tech-list{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.zm-robots-tech-list li{
  display:flex;
  gap:11px;
  color:#52647c;
  line-height:1.6;
}

.zm-robots-tech-list i{
  margin-top:4px;
  color:var(--zh-blue);
}

/* Generations / classification */
.zm-robots-generations{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.zm-robots-generation{
  position:relative;
  padding:24px;
  border:1px solid #dfe8f4;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(16,35,74,.05);
}

.zm-robots-generation .num{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  margin-bottom:14px;
  border-radius:50%;
  background:var(--zh-blue);
  color:#fff;
  font-weight:800;
  box-shadow:0 6px 16px rgba(23,99,230,.18);
}

.zm-robots-generation h3{
  margin:0 0 8px;
  color:#173153;
  font-size:1.05rem;
  font-weight:800;
}

.zm-robots-generation p{
  margin:0;
  color:#65758b;
  font-size:.93rem;
  line-height:1.6;
}

/* Why Zomostar */
.zm-robots-why{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.zm-robots-why-card{
  padding:20px;
  border:1px solid #e2eaf5;
  border-radius:14px;
  background:#fff;
  text-align:center;
}

.zm-robots-why-card img{
  width:56px;
  height:56px;
  margin:0 auto 12px;
  object-fit:contain;
}

.zm-robots-why-card h3{
  margin:0 0 6px;
  color:#173153;
  font-size:1rem;
  font-weight:800;
}

.zm-robots-why-card p{
  margin:0;
  color:#69798e;
  font-size:.9rem;
  line-height:1.55;
}

/* Zia */
.zm-robots-zia{
  display:flex;
  align-items:center;
  gap:20px;
  width:min(1180px,calc(100% - 40px));
  margin:10px auto 34px;
  padding:22px 26px;
  border:1px solid #dbe8fb;
  border-radius:16px;
  background:linear-gradient(90deg,#f2f7ff,#fff);
}

.zm-robots-zia img{
  width:72px;
  height:72px;
  border-radius:50%;
  object-fit:cover;
}

.zm-robots-zia h2{
  margin:0 0 5px;
  color:#153052;
  font-size:1.2rem;
  font-weight:800;
}

.zm-robots-zia p{
  margin:0;
  color:#60728a;
}

.zm-robots-zia .zm-btn{
  margin-left:auto;
  white-space:nowrap;
}

/* CTA */
.zm-robots-cta{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto 34px;
  padding:30px;
  border-radius:18px;
  background:linear-gradient(100deg,#1763e6,#0e3f9e);
  color:#fff;
  box-shadow:0 16px 36px rgba(23,99,230,.18);
}

.zm-robots-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.zm-robots-cta h2{
  margin:0 0 6px;
  color:#fff;
  font-size:1.7rem;
  font-weight:800;
}

.zm-robots-cta p{
  margin:0;
  color:rgba(255,255,255,.9);
}

.zm-robots-cta .zm-btn{
  flex:0 0 auto;
  border-color:#fff;
  background:#fff;
  color:var(--zh-blue)!important;
}

/* Responsive */
@media(max-width:1100px){
  .zm-robots-summary-grid,
  .zm-robots-why{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .zm-robots-feature,
  .zm-robots-tech{
    grid-template-columns:1fr;
  }

  .zm-robots-services,
  .zm-robots-benefits,
  .zm-robots-generations{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:768px){
  .zm-robots-hero{
    background-position:68% center;
  }

  .zm-robots-hero-inner{
    width:min(100% - 28px,1280px);
    min-height:330px;
    padding:42px 0;
  }

  .zm-robots-hero h1{
    font-size:clamp(2.15rem,10vw,3rem);
  }

  .zm-robots-summary-grid,
  .zm-robots-services,
  .zm-robots-benefits,
  .zm-robots-generations,
  .zm-robots-why{
    grid-template-columns:1fr;
  }

  .zm-robots-section{
    padding:46px 0;
  }

  .zm-robots-zia{
    flex-wrap:wrap;
    align-items:flex-start;
  }

  .zm-robots-zia .zm-btn{
    margin-left:92px;
  }

  .zm-robots-cta-inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .zm-robots-cta .zm-btn{
    width:100%;
  }
}

@media(max-width:520px){
  .zm-robots-zia .zm-btn{
    width:100%;
    margin-left:0;
  }

  .zm-robots-tech-card{
    padding:22px 20px;
  }
}

/* Roboți industriali - completări pentru conținutul integral */
.zm-robots-intro-visual{
  display:grid;
  place-items:center;
  max-width:940px;
  margin:0 auto 28px;
  padding:22px;
  border:1px solid #e1e9f5;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f7faff);
  box-shadow:0 10px 28px rgba(16,35,74,.06);
}
.zm-robots-intro-visual img{
  max-height:150px;
  object-fit:contain;
}

.zm-robots-prose{
  max-width:1000px;
  margin:0 auto;
  color:#566980;
  font-size:.98rem;
  line-height:1.82;
}
.zm-robots-prose p{
  margin:0 0 15px;
}
.zm-robots-prose strong{
  color:#173153;
}

.zm-robots-types{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:30px;
  align-items:center;
}
.zm-robots-types-media{
  overflow:hidden;
  border-radius:18px;
  box-shadow:0 16px 38px rgba(16,35,74,.10);
}
.zm-robots-types-media img{
  width:100%;
  min-height:320px;
  height:100%;
  object-fit:cover;
}
.zm-robots-types-copy p{
  margin:0 0 14px;
  color:#596a81;
  line-height:1.8;
}

.zm-robots-contact-card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  align-items:center;
  width:min(1000px,100%);
  margin:28px auto 0;
  padding:24px 26px;
  border:1px solid #dbe8fb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(16,35,74,.06);
}
.zm-robots-contact-card h3{
  margin:0 0 8px;
  color:#153052;
  font-size:1.22rem;
  font-weight:800;
}
.zm-robots-contact-data{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  color:#5f7188;
}
.zm-robots-contact-data span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.zm-robots-contact-data i{
  color:var(--zh-blue);
}

@media(max-width:900px){
  .zm-robots-types{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .zm-robots-contact-card{
    grid-template-columns:1fr;
  }
}