/* ============================================================
   Product page extras — Kral Brand Page (brand-kral.html) only
   Loaded IN ADDITION to css/cyclone-product-components.css
   ============================================================ */


/* ── KRAL brand page extras ──────────────────────────────────── */

/* Brand intro strip */
.kral-intro{padding:80px 0 60px;}
.kral-intro__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;}
.kral-intro__visual{position:relative;}
.kral-intro__img{border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(160deg,var(--cy-primary-dark),var(--cy-primary));position:relative;box-shadow:var(--cy-shadow-lg);}
.kral-intro__img img{width:100%;height:100%;object-fit:cover;}
.kral-intro__img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(0,0,0,.1),rgba(0,0,0,.35));}
.kral-intro__logo-badge{position:absolute;left:-20px;bottom:28px;background:#fff;border-radius:14px;padding:14px 22px;box-shadow:var(--cy-shadow-lg);display:flex;align-items:center;gap:12px;z-index:2;}
.kral-intro__logo-badge img{height:34px;object-fit:contain;}
.kral-intro__logo-badge span{font-size:11px;font-weight:700;color:var(--cy-muted-fg);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}
.kral-intro__shape{position:absolute;right:-22px;top:-22px;width:110px;height:110px;border:3px solid var(--cy-soft-blue);border-radius:16px;z-index:-1;}
.kral-intro__copy p{font-size:15.5px;line-height:1.8;color:var(--cy-fg);margin-bottom:16px;}
.kral-intro__copy p.lead{font-size:17px;font-weight:500;color:var(--cy-fg);line-height:1.7;margin-bottom:22px;}
.kral-intro__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;}
.kral-stat{background:var(--cy-muted);border-radius:13px;padding:20px 16px;text-align:center;border:1px solid var(--cy-border);}
.kral-stat__val{font-family:var(--cy-head);font-size:1.75rem;font-weight:800;color:var(--cy-primary);line-height:1.1;}
.kral-stat__lbl{font-size:.75rem;font-weight:600;color:var(--cy-muted-fg);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;}

/* Products section */
.kral-products{padding:20px 0 90px;}
.kral-products__head{text-align:center;margin-bottom:52px;}
.kral-prodgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}

/* Product cards — extended from cy-pcard */
.kral-pcard{background:#fff;border:1px solid var(--cy-border);border-radius:18px;overflow:hidden;transition:.4s;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.kral-pcard:hover{transform:translateY(-9px);box-shadow:var(--cy-shadow-lg);border-color:transparent;}
.kral-pcard__media{position:relative;aspect-ratio:4/3;background:linear-gradient(150deg,var(--cy-primary),var(--cy-primary-dark));display:flex;align-items:center;justify-content:center;overflow:hidden;}
.kral-pcard__media::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.18),transparent 55%);}
.kral-pcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.kral-pcard:hover .kral-pcard__media img{transform:scale(1.06);}
.kral-pcard__media i{font-size:64px;color:rgba(255,255,255,.24);}
.kral-pcard__tag{position:absolute;left:14px;top:14px;background:var(--cy-accent);color:#fff;font-size:11px;font-weight:700;padding:5px 13px;border-radius:50px;z-index:2;letter-spacing:.03em;}
.kral-pcard__body{padding:26px 24px;flex:1;display:flex;flex-direction:column;}
.kral-pcard__series{font-size:11px;font-weight:700;color:var(--cy-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;}
.kral-pcard__body h4{font-size:18px;color:var(--cy-fg);margin-bottom:10px;font-weight:800;line-height:1.3;}
.kral-pcard__body p{font-size:13.5px;line-height:1.65;color:var(--cy-muted-fg);margin-bottom:16px;flex:1;}
.kral-pcard__specs{display:flex;flex-direction:column;gap:5px;margin-bottom:18px;}
.kral-pcard__spec{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--cy-fg);font-weight:500;}
.kral-pcard__spec i{color:var(--cy-accent);font-size:11px;width:14px;flex-shrink:0;}
.kral-pcard__link{display:inline-flex;align-items:center;gap:8px;font-family:var(--cy-head);font-weight:700;font-size:13.5px;color:var(--cy-primary);margin-top:auto;}
.kral-pcard__link i{transition:transform .3s;}
.kral-pcard:hover .kral-pcard__link i{transform:translateX(5px);}

/* Section divider strip */
.kral-strip{background:linear-gradient(120deg,var(--cy-primary-dark),var(--cy-primary));padding:52px 0;margin:0;}
.kral-strip__grid{display:grid;grid-template-columns:repeat(3,1fr);}
.kral-strip__item{padding:10px 36px;display:flex;gap:18px;align-items:center;color:#fff;border-right:1px solid rgba(255,255,255,.14);}
.kral-strip__item:last-child{border-right:none;}
.kral-strip__ic{width:52px;height:52px;border-radius:14px;flex-shrink:0;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;}
.kral-strip__item h4{color:#fff;font-size:15px;margin-bottom:3px;}
.kral-strip__item p{color:rgba(255,255,255,.78);font-size:13.5px;margin:0;line-height:1.5;}

/* Contact section */
.kral-contact{padding:90px 0 100px;background:var(--cy-muted);}

@media(max-width:1199px){
  .kral-prodgrid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:991px){
  .kral-intro__grid{grid-template-columns:1fr;gap:48px;}
  .kral-strip__grid{grid-template-columns:1fr;}
  .kral-strip__item{border-right:none;border-bottom:1px solid rgba(255,255,255,.14);}
  .kral-strip__item:last-child{border-bottom:none;}
}
@media(max-width:767px){
  .kral-prodgrid{grid-template-columns:1fr;}
  .kral-intro__stats{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:540px){
  .kral-intro__stats{grid-template-columns:1fr 1fr;}
  .kral-intro__logo-badge{left:12px;bottom:16px;}
}