/* ======================================================================
   LUKAS – CSS curățat (fără “card în card”, fără reguli duplicate)
   Se bazează pe style.css global; aici sunt doar override-urile paginii.
   ====================================================================== */

/* ---------------------------
   Lead / header pagină
---------------------------- */
.page-lukas .ptg-lead-block{
  padding: 28px 0 14px;
}
.page-lukas .ptg-lead-block .container{
  text-align: center;
  max-width: 980px;
}
.page-lukas .ptg-lead-block .ptg-page-title{
  margin: 0 0 10px;
}
.page-lukas .ptg-lead-block .ptg-page-lead{
  margin: 0 auto 14px;
  max-width: 900px;
}
.page-lukas .ptg-lead-block .ptg-motto{
  margin-top: 10px;
  font-size: 13px;
  opacity: .9;
}

/* Titluri secțiuni */
.page-lukas h2{
  text-align: center;
  margin: 45px 0 25px;
  font-size: 28px;
}

/* ---------------------------
   Catalog complet (principal) – ca la Tyrolit (simplu, fără card mare)
   HTML recomandat:
   <div class="ptg-catalog-feature">
     <a class="ptg-catalog-feature__cover" href="..." target="_blank">
       <img src="..." alt="...">
     </a>
     <a class="ptg-catalog-feature__link" href="..." target="_blank">Descarcă PDF (Catalog complet)</a>
   </div>
---------------------------- */
.page-lukas .ptg-catalog-feature{
  margin: 16px auto 34px;
  text-align: center;
}

.page-lukas .ptg-catalog-feature__cover{
  display: block;
  width: min(320px, 86vw);          /* mărimea coperții */
  margin: 0 auto 10px;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,0.10);
  border: 2px solid rgba(47,120,183,0.22);
  transition: box-shadow .18s ease, border-color .18s ease;
}

.page-lukas .ptg-catalog-feature__cover img{
  width: 100%;
  height: auto;
  display: block;
}

.page-lukas .ptg-catalog-feature__cover:hover{
  box-shadow: 0 14px 32px rgba(0,0,0,0.14);
  border-color: rgba(47,120,183,0.34);
}

.page-lukas .ptg-catalog-feature__link{
  display: inline-block;
  font-size: 13px;
  text-decoration: none;
  color: #2f78b7;
  font-weight: 600;
}

.page-lukas .ptg-catalog-feature__link:hover{
  text-decoration: underline;
}

/* ---------------------------
   Grid cataloage pe categorii
---------------------------- */
.page-lukas .ptg-catalog-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin-top: 25px;
}

.page-lukas .ptg-cat-item{
  text-align: center;
}

.page-lukas .ptg-cat-item img{
  width: 100%;
  height: 240px;                    /* egalizează vizual (fără decupare) */
  object-fit: contain;              /* NU taie coperta */
  background: #fff;
  padding: 10px;
  border-radius: 16px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
  transition: transform .18s ease, box-shadow .18s ease;
}

.page-lukas .ptg-cat-item img:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(0,0,0,0.12);
}

.page-lukas .ptg-cat-item p{
  margin: 10px 0 0;
  font-weight: 700;
  min-height: 2.6em;
}

/* Responsive */
@media (max-width: 992px){
  .page-lukas .ptg-catalog-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  .page-lukas .ptg-catalog-grid{ grid-template-columns: 1fr; }
  .page-lukas .ptg-cat-item img{ height: 260px; }
}
/* ================================
   VIDEO SECTION – LUKAS (YouTube)
================================ */

.page-lukas .ptg-youtube-cta{
  text-align: center;
  padding: 60px 0 30px;
}

.page-lukas .ptg-youtube-cta .ptg-section-title{
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #2c6fb7;
}

.page-lukas .ptg-youtube-cta .ptg-section-lead{
  max-width: 760px;
  margin: 0 auto 25px;
  font-size: 16px;
  color: #555;
}

.page-lukas .ptg-youtube-btn{
  display: inline-block;
  background: #2c6fb7;
  color: #fff;
  padding: 14px 28px;
  border-radius: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s ease;
}

.page-lukas .ptg-youtube-btn:hover{
  background: #1f5a96;
  transform: translateY(-2px);
}

/* ================================
   VIDEO GRID
================================ */

.page-lukas .ptg-video-gallery{
  padding: 30px 0 80px;
}

.page-lukas .ptg-video-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 26px;
}

.page-lukas .ptg-video-card{
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,0.10);
}

.page-lukas .ptg-video-card iframe{
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  display: block;
}
.page-lukas .ptg-catalogs-categories{
  margin-bottom: 50px;
}
.page-lukas .ptg-catalog-main{
  margin-bottom: 25px;
}
.page-lukas .ptg-video-section{
  margin-top: 40px;
}
/* =========================
   LUKAS – spacing hero sus
   ========================= */
.page-lukas .ptg-page-lead{
  padding-top: 32px;
  padding-bottom: 18px;
}

.page-lukas .ptg-page-title{
  margin: 0 0 8px;
}

.page-lukas .ptg-subtitle{
  margin: 0 0 10px;
}

.page-lukas .ptg-hero-links{
  margin: 0 0 6px;
}

.page-lukas .ptg-hero-quote{
  margin: 0;
}
/* Catalog principal -> categorie */
.page-lukas .ptg-catalog-main{
  padding-top: 10px;
  padding-bottom: 10px;
}

.page-lukas .ptg-catalogs-categories{
  margin-top: 18px;
  margin-bottom: 28px;
}
/* ======================
   Video Lukas – spacing
   ====================== */
.page-lukas .ptg-video-section{
  padding-top: 26px;
  padding-bottom: 32px;
}

.page-lukas .ptg-video-section h2{
  margin: 0 0 6px;
}

.page-lukas .ptg-video-section p{
  margin: 0 0 12px;
}
/* LUKAS lead – spacing + centrare */
body.page-lukas .ptg-page-lead{
  padding-top: 32px !important;
  padding-bottom: 18px !important;
  text-align: center !important;
}

body.page-lukas .ptg-page-lead .ptg-hero-inner{
  max-width: 1100px;
  margin: 0 auto;
}

body.page-lukas .ptg-page-title{
  margin: 0 0 10px !important;
}

body.page-lukas .ptg-subtitle{
  margin: 0 auto 12px !important;
  max-width: 920px;
  line-height: 1.45;
}

body.page-lukas .ptg-cta-center{
  margin: 0 0 8px !important;
}

body.page-lukas .ptg-motto{
  margin: 0 !important;
}
/* LUKAS – CTA + Motto (scoped, curat) */
.page-lukas .ptg-lukas-cta{
  text-align: center;
  margin: 18px 0 8px;
}

.page-lukas .ptg-lukas-btn{
  display: inline-block;
  padding: 12px 22px;
  border-radius: 12px;
  background: #337ab7;
  border: 1px solid rgba(0,0,0,.18);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  margin-bottom: 12px; /* distanța față de slogan */
}
.page-lukas .ptg-lukas-btn{
  background: #337ab7;
  border: 1px solid #2e6da4;
  color: #fff;
  transition: background-color .15s ease, border-color .15s ease;
}

.page-lukas .ptg-lukas-btn:hover{
  background: #286090;      /* mai închis */
  border-color: #204d74;
  transform: none;          /* elimină ridicarea */
  box-shadow: none;         /* elimină glow */
}

.page-lukas .ptg-lukas-motto{
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  opacity: .95;
  line-height: 1.2;
  color: rgba(0,0,0,.85);
}

.page-lukas .ptg-lukas-motto sup{
  font-size: .65em;
  position: relative;
  top: -0.35em;
}

@media (max-width: 640px){
  .page-lukas .ptg-lukas-motto{
    font-size: 1.15rem;
  }
}
.page-lukas .ptg-hero-band{
  position: relative;
  padding: 26px 0 18px;
  margin: 0 0 16px;
}

.page-lukas .ptg-hero-band::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background:
    radial-gradient(circle at 15% 30%, rgba(51,122,183,.18), transparent 55%),
    radial-gradient(circle at 85% 70%, rgba(51,122,183,.14), transparent 60%),
    linear-gradient(90deg, rgba(51,122,183,.10), rgba(51,122,183,.06));
  border-bottom: 1px solid rgba(0,0,0,.06);
  z-index: 0;
}

.page-lukas .ptg-hero-inner{
  position: relative;
  z-index: 1;
  text-align: center;
}
.page-lukas .ptg-section{
  padding-top: 20px;
}