/* ============================================================
   CATEGORIE PRODUSE — grilă produse + intro + caracteristici + modal ofertă
   Scopat sub .cte-catprod. Folosește tokenele de brand (navy/teal).
   ============================================================ */
.cte-catprod .site-main .container{max-width:1480px}
.cte-catprod .site-main{padding:44px 0 64px}

/* ---------- INTRO categorie ---------- */
.cte-catprod .pc-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:0 0 8px}
.cte-catprod .pc-intro:not(:has(.pc-intro-media)){grid-template-columns:1fr;max-width:1000px}
.cte-catprod .pc-intro-media img{width:100%;height:auto}
.cte-catprod .pc-intro-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.cte-catprod .pc-title{font-family:var(--font-display);font-size:38px;font-weight:800;text-transform:uppercase;
  letter-spacing:-.01em;color:var(--brand);margin:0;line-height:1.05}
.cte-catprod .pc-brand{height:40px;width:auto}
.cte-catprod .pc-series{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--brand-2);margin:16px 0 10px}
.cte-catprod .pc-lead{font-size:15px;line-height:1.75;color:var(--slate,#586572)}
.cte-catprod .pc-lead strong{color:var(--brand);font-weight:700}

/* ---------- GRILA de produse (auto-rânduri de câte 4) ---------- */
.cte-catprod .pc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:48px 0 8px;
  border-top:1px solid var(--line)}
.cte-catprod .pc-card{display:flex;flex-direction:column;padding:28px 26px 26px;border-left:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.cte-catprod .pc-grid .pc-card:nth-child(4n+1){border-left:0}
.cte-catprod .pc-card-img{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cte-catprod .pc-card-img img{max-width:100%;max-height:150px;width:auto;object-fit:contain}
.cte-catprod .pc-card-model{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--navy);
  text-transform:uppercase;letter-spacing:-.01em;margin:0 0 14px}
.cte-catprod .pc-card-specs{list-style:none;margin:0 0 18px;padding:0}
.cte-catprod .pc-card-specs li{position:relative;padding-left:22px;margin-bottom:10px;font-size:13.5px;line-height:1.5;color:#3a4552}
.cte-catprod .pc-card-specs li::before{content:"✓";position:absolute;left:0;top:0;color:var(--brand-2);font-weight:700}
.cte-catprod .pc-card-specs strong{color:var(--navy);font-weight:700}
/* buton ofertă = spark + text teal (pe modelul live, on-brand) */
.cte-catprod .pc-offer{margin-top:auto;display:inline-flex;align-items:center;gap:9px;background:none;border:0;cursor:pointer;
  font-family:var(--font-display);font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.03em;
  color:var(--brand);padding:6px 0;transition:color .15s ease}
.cte-catprod .pc-offer .cte-mark{width:22px;height:22px;flex:0 0 auto;fill:var(--brand-2)}
.cte-catprod .pc-offer:hover{color:var(--brand-2)}

/* ---------- GRILĂ HUB (subcategorii) ---------- */
.cte-catprod .pc-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:44px 0 8px}
.cte-catprod .pc-hub-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;
  background:#fff;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
.cte-catprod .pc-hub-card:hover{box-shadow:0 14px 34px rgba(11,31,56,.12);transform:translateY(-3px);border-color:var(--brand-2)}
.cte-catprod .pc-hub-img{display:block;aspect-ratio:4/3;background:var(--paper);overflow:hidden}
.cte-catprod .pc-hub-img img{width:100%;height:100%;object-fit:contain;padding:12px}
.cte-catprod .pc-hub-name{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:auto;
  padding:16px 18px;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--navy);
  text-transform:uppercase;letter-spacing:-.01em;line-height:1.2}
.cte-catprod .pc-hub-card:hover .pc-hub-name{color:var(--brand)}
.cte-catprod .pc-hub-mark{width:16px;height:16px;flex:0 0 auto;fill:var(--brand-2)}
@media(max-width:1024px){.cte-catprod .pc-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cte-catprod .pc-hub-grid{grid-template-columns:1fr}}

/* ---------- SECȚIUNI caracteristici ---------- */
.cte-catprod .pc-feat{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin:52px 0 0}
.cte-catprod .pc-feat-alt{grid-template-columns:2fr 1fr}
.cte-catprod .pc-feat-alt .pc-feat-text{order:2}
.cte-catprod .pc-feat-alt .pc-feat-media{order:1}
.cte-catprod .pc-feat-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--navy);
  text-transform:uppercase;letter-spacing:-.01em;margin:0 0 16px}
.cte-catprod .pc-feat-list{list-style:none;margin:0;padding:0}
.cte-catprod .pc-feat-list li{position:relative;padding-left:24px;margin-bottom:12px;font-size:14px;line-height:1.55;color:#3a4552}
.cte-catprod .pc-feat-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--brand-2);font-weight:700}
.cte-catprod .pc-feat-list strong{color:var(--brand);font-weight:700}
.cte-catprod .pc-feat-media{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.cte-catprod .pc-feat-img{aspect-ratio:4/3;border-left:1px solid var(--line)}
.cte-catprod .pc-feat-media .pc-feat-img:first-child{border-left:0}
.cte-catprod .pc-feat-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- DESPRE BRAND (paragraf istoric + logo) ---------- */
.cte-catprod .pc-brand-story{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center;
  margin:56px 0 0;padding:34px 40px;background:var(--paper);border-left:4px solid var(--brand-2);border-radius:4px}
.cte-catprod .pc-brand-inner{font-size:15px;line-height:1.8;color:#3a4552}
.cte-catprod .pc-brand-inner strong{color:var(--brand);font-weight:700}
.cte-catprod .pc-brand-logo{flex:0 0 auto}
.cte-catprod .pc-brand-logo img{max-width:220px;width:100%;height:auto}

/* ---------- MATERIALE VIDEO ---------- */
.cte-catprod .pc-video{margin:58px 0 0}
.cte-catprod .pc-vhead{margin:0 0 22px}
.cte-catprod .pc-video-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#0b1f38}
.cte-catprod .pc-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* galerie custom (player + listă) */
.cte-catprod .pc-video-gallery{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}
.cte-catprod .pc-video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#0b1f38}
.cte-catprod .pc-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cte-catprod .pc-video-side{display:flex;flex-direction:column;gap:8px}
.cte-catprod .pc-video-list{max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;
  scrollbar-width:none;-ms-overflow-style:none}
.cte-catprod .pc-video-list::-webkit-scrollbar{display:none}
/* butoane derulare ▲/▼ — apar doar la overflow */
.cte-catprod .pc-video-scroll{display:none;align-items:center;justify-content:center;height:30px;border:1px solid var(--line);
  border-radius:5px;background:var(--paper);color:var(--brand);cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease}
.cte-catprod .pc-video-side.has-scroll .pc-video-scroll{display:flex}
.cte-catprod .pc-video-scroll:hover{background:var(--brand);color:#fff}
.cte-catprod .pc-video-scroll:disabled{opacity:.35;cursor:default;background:var(--paper);color:var(--brand)}
.cte-catprod .pc-video-item{display:flex;gap:12px;align-items:center;text-align:left;background:none;border:1px solid var(--line);border-radius:5px;padding:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.cte-catprod .pc-video-item:hover{border-color:var(--brand-2)}
.cte-catprod .pc-video-item.is-active{border-color:var(--brand);background:var(--paper)}
.cte-catprod .pc-video-idx{flex:0 0 auto;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--brand-2);min-width:14px;text-align:center}
.cte-catprod .pc-video-item img{width:96px;height:54px;object-fit:cover;border-radius:3px;flex:0 0 auto}
.cte-catprod .pc-video-t{font-size:12.5px;line-height:1.35;color:var(--navy);font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- MODAL ofertă ---------- */
.cte-offer-modal{position:fixed;inset:0;z-index:2000;display:none}
.cte-offer-modal.is-open{display:block}
.cte-offer-back{position:absolute;inset:0;background:rgba(11,31,56,.62);backdrop-filter:blur(2px)}
.cte-offer-dialog{position:relative;max-width:560px;margin:6vh auto 0;background:#fff;border-radius:8px;
  border-top:4px solid var(--brand-2);padding:30px 32px 34px;box-shadow:0 30px 70px rgba(11,31,56,.4);
  max-height:88vh;overflow:auto;animation:cteOfferIn .2s ease}
@keyframes cteOfferIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cte-offer-x{position:absolute;top:14px;right:16px;background:none;border:0;font-size:20px;color:#8a97a6;cursor:pointer;line-height:1}
.cte-offer-x:hover{color:var(--navy)}
.cte-offer-title{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--navy);margin:6px 0 18px;text-transform:uppercase;letter-spacing:-.01em}
.cte-offer-body.jobs-form{background:none;border:0;border-radius:0;padding:0}
body.cte-offer-lock{overflow:hidden}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){
  .cte-catprod .pc-grid{grid-template-columns:repeat(2,1fr)}
  .cte-catprod .pc-grid .pc-card:nth-child(4n+1){border-left:1px solid var(--line)}
  .cte-catprod .pc-grid .pc-card:nth-child(2n+1){border-left:0}
}
@media(max-width:860px){
  .cte-catprod .pc-intro{grid-template-columns:1fr;gap:22px}
  .cte-catprod .pc-intro-media{order:-1}
  .cte-catprod .pc-title{font-size:30px}
  .cte-catprod .pc-feat,.cte-catprod .pc-feat-alt{grid-template-columns:1fr;gap:20px}
  .cte-catprod .pc-feat-alt .pc-feat-text{order:1}
  .cte-catprod .pc-feat-alt .pc-feat-media{order:2}
  .cte-catprod .pc-video-gallery{grid-template-columns:1fr;gap:14px}
  .cte-catprod .pc-video-list{max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .cte-catprod .pc-video-item{flex:0 0 220px;flex-direction:column;align-items:stretch}
  .cte-catprod .pc-video-item img{width:100%;height:120px}
  .cte-catprod .pc-video-idx{display:none}
  .cte-catprod .pc-video-side.has-scroll .pc-video-scroll{display:none}
  .cte-catprod .pc-brand-story{grid-template-columns:1fr;gap:20px;padding:24px 20px}
  .cte-catprod .pc-brand-logo{order:-1}
  .cte-catprod .pc-brand-logo img{max-width:170px}
}
@media(max-width:520px){
  .cte-catprod .pc-grid{grid-template-columns:1fr}
  .cte-catprod .pc-grid .pc-card{border-left:0!important}
  .cte-catprod .pc-feat-media{grid-template-columns:1fr}
  .cte-catprod .pc-feat-img{border-left:0;border-top:1px solid var(--line)}
  .cte-offer-dialog{margin:0;min-height:100vh;border-radius:0}
}