/* ============================================================
   POWERKING INTERNATIONAL — SHARED PRODUCT PAGES
   Typography aligned with powerking.it
   ============================================================ */

:root{
  --pkcom-red:#e31837;
  --pkcom-black:#050505;
  --pkcom-panel:#101010;
  --pkcom-panel2:#171717;
  --pkcom-white:#fff;
  --pkcom-muted:#a9a9a9;
  --pkcom-line:rgba(255,255,255,.10);
}

.pkcom-product-page{
  background:var(--pkcom-black);
  color:var(--pkcom-white);
  overflow:hidden;
  font-size:16px;
  line-height:1.6;
}

.pkcom-product-page *{box-sizing:border-box}

.pkcom-shell{
  width:min(1440px,calc(100% - 80px));
  margin:0 auto;
}

.pkcom-product-page section{
  padding:92px 0;
  position:relative;
}

.pkcom-kicker{
  display:block;
  color:var(--pkcom-red);
  font-size:18px;
  font-weight:600;
  letter-spacing:2px;
  line-height:1.7;
  text-transform:uppercase;
  margin-bottom:16px;
}

.pkcom-product-page h1,
.pkcom-product-page h2,
.pkcom-product-page h3{
  color:#fff;
  margin-top:0;
  font-weight:800;
}

.pkcom-product-page h1{
  font-size:52px !important;
  line-height:1.15 !important;
  letter-spacing:-1px !important;
  margin-bottom:26px;
}

.pkcom-product-page h1 span{color:var(--pkcom-red)}

.pkcom-product-page h2{
  font-size:40px !important;
  line-height:1.2 !important;
  letter-spacing:1.2px !important;
  margin-bottom:24px;
}

.pkcom-product-page h3{
  font-size:26px !important;
  line-height:1.35 !important;
  letter-spacing:.4px !important;
  margin-bottom:12px;
}

.pkcom-product-page p{
  color:#c7c7c7;
  font-size:16px !important;
  line-height:1.6 !important;
}

.pkcom-product-hero{
  padding:78px 0 88px !important;
  background:radial-gradient(circle at 80% 40%,rgba(227,24,55,.14),transparent 35%),#050505;
}

.pkcom-hero-grid,
.pkcom-split{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:70px;
  align-items:center;
}

.pkcom-hero-media{
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.pkcom-hero-media:before{
  content:"";
  position:absolute;
  width:74%;
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(227,24,55,.10);
  filter:blur(40px);
}

.pkcom-hero-media img{
  position:relative;
  z-index:1;
  max-width:100%;
  max-height:560px;
  object-fit:contain;
  filter:drop-shadow(0 30px 45px rgba(0,0,0,.5));
}

.pkcom-lead{
  font-size:20px !important;
  line-height:1.5 !important;
  max-width:760px;
}

.pkcom-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:34px;
}

.pkcom-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:18px 40px;
  border-radius:8px;
  text-decoration:none !important;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:16px !important;
  line-height:1.5;
  transition:.2s ease;
}

.pkcom-btn-primary{
  background:var(--pkcom-red);
  color:#fff !important;
  border:1px solid var(--pkcom-red);
}

.pkcom-btn-primary:hover{
  background:#fff;
  color:#111 !important;
  border-color:#fff;
}

.pkcom-btn-ghost{
  background:transparent;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.3);
}

.pkcom-btn-ghost:hover{
  border-color:var(--pkcom-red);
  color:var(--pkcom-red) !important;
}

.pkcom-facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--pkcom-line);
  margin-top:50px;
  border:1px solid var(--pkcom-line);
}

.pkcom-facts div{
  background:#0b0b0b;
  padding:24px;
}

.pkcom-facts strong{
  display:block;
  font-size:22px;
  color:#fff;
}

.pkcom-facts span{
  display:block;
  color:#8f8f8f;
  font-size:14px;
  line-height:1.45;
  margin-top:5px;
}

.pkcom-section-head{
  max-width:900px;
  margin:0 auto 48px;
  text-align:center;
}

.pkcom-section-head-left{
  text-align:left;
  margin-left:0;
}

.pkcom-card-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.pkcom-card-grid.three{grid-template-columns:repeat(3,1fr)}
.pkcom-card-grid.two{grid-template-columns:repeat(2,1fr)}

.pkcom-card{
  background:linear-gradient(145deg,#111,#090909);
  border:1px solid var(--pkcom-line);
  border-radius:14px;
  overflow:hidden;
  min-height:100%;
  display:flex;
  flex-direction:column;
}

.pkcom-card-media{
  aspect-ratio:4/3;
  background:#0a0a0a;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  overflow:hidden;
}

.pkcom-card-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .35s ease;
}

.pkcom-card:hover .pkcom-card-media img{transform:scale(1.035)}

.pkcom-card-body{
  padding:28px;
  display:flex;
  flex-direction:column;
  flex:1;
}

.pkcom-card-type{
  font-size:14px;
  line-height:1.4;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--pkcom-red);
  font-weight:700;
}

.pkcom-card-body p{
  font-size:16px !important;
  line-height:1.6 !important;
  flex:1;
}

.pkcom-card-body a{
  color:#fff;
  text-decoration:none;
  font-size:16px;
  line-height:1.5;
  font-weight:700;
}

.pkcom-card-body a:hover{color:var(--pkcom-red)}

.pkcom-dark-alt{background:#0b0b0b}

.pkcom-red-band{background:linear-gradient(115deg,#b50f27,#e31837)}
.pkcom-red-band p{color:#fff}
.pkcom-red-band .pkcom-kicker{color:#fff}

.pkcom-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.pkcom-feature{
  padding:28px;
  background:#111;
  border:1px solid var(--pkcom-line);
  border-radius:12px;
}

.pkcom-feature strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.4;
  margin-bottom:8px;
}

.pkcom-feature p{
  font-size:16px !important;
  line-height:1.6 !important;
  margin:0;
  color:#aaa;
}

.pkcom-media img{
  width:100%;
  display:block;
  border-radius:14px;
  max-height:620px;
  object-fit:cover;
}

.pkcom-compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.pkcom-compare>div{
  background:#111;
  border:1px solid var(--pkcom-line);
  padding:38px;
  border-radius:14px;
}

.pkcom-compare ul{
  margin:24px 0 0;
  padding:0;
  list-style:none;
}

.pkcom-compare li{
  padding:11px 0;
  border-bottom:1px solid var(--pkcom-line);
  color:#c7c7c7;
  font-size:16px;
  line-height:1.55;
}

.pkcom-compare li:last-child{border-bottom:0}

.pkcom-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.pkcom-step{
  background:#111;
  border:1px solid var(--pkcom-line);
  border-radius:14px;
  overflow:hidden;
}

.pkcom-step img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}

.pkcom-step-body{padding:26px}

.pkcom-step-num{
  display:inline-flex;
  width:34px;
  height:34px;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  background:var(--pkcom-red);
  font-size:16px;
  font-weight:900;
  margin-bottom:16px;
}

.pkcom-faq{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.pkcom-faq article{
  padding:26px;
  background:#111;
  border:1px solid var(--pkcom-line);
  border-radius:12px;
}

.pkcom-faq article p{
  font-size:16px !important;
  line-height:1.6 !important;
  margin-bottom:0;
}

.pkcom-final{
  background:radial-gradient(circle at 20% 50%,rgba(227,24,55,.15),transparent 28%),#090909;
}

.pkcom-final-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}

.pkcom-final-inner>div{max-width:850px}
.pkcom-final h2{margin-bottom:12px}
.pkcom-final p{margin:0}

.pkcom-note{
  font-size:14px !important;
  line-height:1.55 !important;
  color:#858585 !important;
  margin-top:20px;
}

@media(max-width:1100px){
  .pkcom-shell{width:min(100% - 48px,1200px)}
  .pkcom-hero-grid,.pkcom-split{grid-template-columns:1fr;gap:44px}
  .pkcom-hero-media{min-height:360px}
  .pkcom-card-grid{grid-template-columns:repeat(2,1fr)}
  .pkcom-feature-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:700px){
  .pkcom-shell{width:calc(100% - 32px)}
  .pkcom-product-page section{padding:66px 0}
  .pkcom-product-hero{padding-top:55px !important}
  .pkcom-product-page h1{font-size:40px !important}
  .pkcom-product-page h2{font-size:32px !important}
  .pkcom-product-page h3{font-size:24px !important}
  .pkcom-kicker{font-size:15px}
  .pkcom-lead{font-size:18px !important}
  .pkcom-card-grid,
  .pkcom-card-grid.three,
  .pkcom-card-grid.two,
  .pkcom-feature-grid,
  .pkcom-compare,
  .pkcom-steps,
  .pkcom-faq,
  .pkcom-facts{grid-template-columns:1fr}
  .pkcom-hero-media{min-height:280px}
  .pkcom-final-inner{align-items:flex-start;flex-direction:column}
  .pkcom-actions{flex-direction:column;align-items:stretch}
  .pkcom-btn{width:100%;padding:16px 28px}
}