/* vk-pdp-specs
   Split out of the monolithic product-page stylesheet so this section
   owns exactly one file. Do not merge these back together. */

.vpk-specs-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 12px;
 margin-bottom: 24px;
 }

.vpk-spec-card {
 background: #080808;
 border: 1px solid #181818;
 border-radius: 12px;
 padding: 20px;
 display: flex;
 flex-direction: column;
 gap: 10px;
 transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 position: relative;
 overflow: hidden;
 }

.vpk-spec-card::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 2px;
 background: linear-gradient(90deg, transparent, rgba(170,255,0,0.08), transparent);
 opacity: 0;
 transition: opacity 0.3s ease;
 }

.vpk-spec-card:hover {
 border-color: rgba(170,255,0,0.12);
 transform: translateY(-2px);
 box-shadow: 0 8px 24px rgba(0,0,0,0.3);
 }

.vpk-spec-card:hover::before { opacity: 1; }

.vpk-spec-card--highlight {
 border-color: rgba(170,255,0,0.10);
 background: linear-gradient(160deg, rgba(170,255,0,0.03), #080808);
 }

.vpk-spec-card--highlight::before {
 opacity: 1;
 background: linear-gradient(90deg, transparent, rgba(170,255,0,0.20), transparent);
 }

.vpk-spec-card__label {
 font-size: 9.5px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.10em;
 color: #555;
 line-height: 1;
 }

.vpk-spec-card__value {
 font-size: 20px;
 font-weight: 800;
 color: #fff;
 line-height: 1.1;
 letter-spacing: -0.01em;
 }

.vpk-spec-card--highlight.vpk-spec-card__value {
 color: #AAFF00;
 }

.vpk-spec-card__sub {
 font-size: 11px;
 color: #444;
 line-height: 1.3;
 }

.vpk-specs-list {
 background: #080808;
 border: 1px solid #161616;
 border-radius: 12px;
 overflow: hidden;
 }

.vpk-specs-list__row {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 13px 22px;
 border-bottom: 1px solid #111;
 transition: background 0.2s ease;
 }

.vpk-specs-list__row:last-child { border-bottom: none; }

.vpk-specs-list__row:hover {
 background: rgba(170,255,0,0.012);
 }

.vpk-specs-list__label {
 font-size: 11px;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 color: #555;
 }

.vpk-specs-list__value {
 font-size: 13px;
 font-weight: 600;
 color: #bbb;
 text-align: right;
 }

.vpk-specs-list__row:hover.vpk-specs-list__value { color: #fff; }

@media (max-width: 768px) {
  .vpk-specs-grid {
 grid-template-columns: repeat(2, 1fr);
 gap: 10px;
 }
}

@media (max-width: 480px) {
  .vpk-specs-grid {
 grid-template-columns: 1fr 1fr;
 }
  .vpk-spec-card { padding: 16px; }
  .vpk-spec-card__value { font-size: 17px; }
}

@media (max-width: 768px) {
  .vpk-specs-list__label { font-size: 12px; }
  .vpk-specs-list__value { font-size: 12px; }
}