/* ═══════════════════════════════════
   VALORX SERIES — v2 Full Custom
   ═══════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

.vx-series {
  --vx-font: 'Plus Jakarta Sans', sans-serif;
  --vx-orange: #F79502;
  --vx-orange-dark: #cc7a01;
  --vx-bg: #1a1a1a;
  --vx-card-bg: #222222;
  --vx-card-hover: #282828;
  --vx-bg-deep: #141414;
  --vx-white: #ffffff;
  --vx-text: #e8e8e8;
  --vx-text-sec: #999999;
  --vx-text-dim: #666666;
  --vx-btn-color: #000000;
  --vx-border: rgba(255,255,255,0.07);
  --vx-border-hover: rgba(247,149,2,0.25);
  --vx-img-height: 290px;
  --vx-img-max-width: 100%;
  --vx-img-max-height: 100%;
  --vx-img-fit: cover;
  --vx-card-radius: 14px;
  --vx-card-gap: 20px;
  --vx-card-padding: 24px;
  --vx-title-size: 48px;
  --vx-subtitle-size: 13px;
  --vx-card-name-size: 20px;
  --vx-tagline-size: 12px;
  --vx-card-desc-size: 14px;
  --vx-chip-size: 11px;
  --vx-btn-size: 13px;
  --vx-det-size: 13px;
  --vx-btn-radius: 7px;
  --vx-btn-py: 10px;
  --vx-btn-px: 28px;
  --vx-btn-bg: var(--vx-orange);
  --vx-btn-hover-bg: var(--vx-orange-dark);
  --vx-det-color: var(--vx-text-dim);
  --vx-det-hover: var(--vx-orange);
  --vx-pill-bg: transparent;
  --vx-pill-color: var(--vx-text-sec);
  --vx-pill-border: var(--vx-border);
  --vx-pill-active-bg: var(--vx-orange);
  --vx-pill-active-color: #000;
  --vx-chip-bg: rgba(247,149,2,0.08);
  --vx-chip-border: rgba(247,149,2,0.12);
  --vx-chip-color: var(--vx-orange);
  --vx-section-pt: 90px;
  --vx-section-pb: 110px;
  --vx-section-px: 48px;
  --vx-max-width: 1340px;
  --vx-header-mb: 52px;
  --vx-filters-mb: 48px;
  --vx-columns: repeat(3,1fr);
  --vx-show-subtitle: block;
  --vx-show-filters: flex;
  --vx-show-badge-num: block;
  --vx-show-new-tag: block;
  --vx-show-tagline: block;
  --vx-show-chips: flex;
  --vx-show-desc: block;
  --vx-show-buy-btn: inline-block;
  --vx-show-details-link: inline-flex;
  --vx-show-footer: flex;
  --vx-show-hover-glow: 1;
}

.vx-series *, .vx-series *::before, .vx-series *::after { box-sizing:border-box;margin:0;padding:0 }

.vx-series {
  padding: var(--vx-section-pt) var(--vx-section-px) var(--vx-section-pb);
  background: var(--vx-bg);
  position: relative;
  overflow: hidden;
  font-family: var(--vx-font);
  color: var(--vx-text);
  -webkit-font-smoothing: antialiased;
}
.vx-series-inner { max-width:var(--vx-max-width);margin:0 auto;position:relative;z-index:2 }
.vx-series::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(247,149,2,0.04)0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(247,149,2,0.03)0%,transparent 50%);pointer-events:none }

/* Header */
.vx-header { text-align:center;margin-bottom:var(--vx-header-mb);opacity:0;animation:vxUp .7s ease forwards .1s }
@keyframes vxUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
.vx-subtitle { font-family:var(--vx-font);font-size:var(--vx-subtitle-size);font-weight:500;letter-spacing:5px;text-transform:uppercase;color:var(--vx-text-sec);margin-bottom:14px;display:var(--vx-show-subtitle) }
.vx-title { font-family:var(--vx-font)!important;font-size:var(--vx-title-size)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:2px!important;color:var(--vx-white)!important;line-height:1.15!important;margin:0!important;padding:0!important;background:none!important;-webkit-text-fill-color:unset!important }
.vx-highlight { color:var(--vx-orange) }

/* Filters */
.vx-filters { display:var(--vx-show-filters);justify-content:center;gap:8px;margin-bottom:var(--vx-filters-mb);flex-wrap:wrap;opacity:0;animation:vxUp .7s ease forwards .2s }
.vx-pill { font-family:var(--vx-font);font-size:var(--vx-btn-size);font-weight:500;padding:9px 22px;border-radius:6px;border:1px solid var(--vx-pill-border);background:var(--vx-pill-bg);color:var(--vx-pill-color);cursor:pointer;transition:all .3s ease;outline:none }
.vx-pill:hover { border-color:rgba(247,149,2,0.3);color:var(--vx-orange);background:rgba(247,149,2,0.06) }
.vx-pill.active { background:var(--vx-pill-active-bg);color:var(--vx-pill-active-color);border-color:var(--vx-pill-active-bg);font-weight:600 }

/* Grid */
.vx-grid { display:grid;grid-template-columns:var(--vx-columns);gap:var(--vx-card-gap) }

/* Card */
.vx-card { position:relative;border-radius:var(--vx-card-radius);overflow:hidden;cursor:pointer;opacity:0;animation:vxCardIn .65s ease forwards;transition:transform .45s cubic-bezier(.4,0,.2,1) }
.vx-card:nth-child(1){animation-delay:.2s}.vx-card:nth-child(2){animation-delay:.3s}.vx-card:nth-child(3){animation-delay:.4s}.vx-card:nth-child(4){animation-delay:.5s}.vx-card:nth-child(5){animation-delay:.6s}.vx-card:nth-child(6){animation-delay:.7s}
@keyframes vxCardIn { from{opacity:0;transform:translateY(36px)} to{opacity:1;transform:translateY(0)} }
.vx-card:hover { transform:translateY(-5px) }
.vx-card__inner { background:var(--vx-card-bg);border:1px solid var(--vx-border);border-radius:var(--vx-card-radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .4s,box-shadow .4s,background .4s }
.vx-card:hover .vx-card__inner { border-color:var(--vx-border-hover);background:var(--vx-card-hover);box-shadow:0 20px 60px -12px rgba(0,0,0,.5),0 0 0 1px rgba(247,149,2,.08) }

/* Card Image — FIXED: object-fit cover */
.vx-card__visual { position:relative;height:var(--vx-img-height);display:flex;align-items:center;justify-content:center;background:var(--vx-bg-deep);overflow:hidden }
.vx-card__visual::after { content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:70%;height:50%;background:radial-gradient(ellipse,rgba(247,149,2,.08),transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none }
.vx-card:hover .vx-card__visual::after { opacity:var(--vx-show-hover-glow) }
.vx-card__num { position:absolute;top:16px;left:18px;font-family:var(--vx-font);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--vx-text-dim);transition:color .3s;display:var(--vx-show-badge-num);z-index:2 }
.vx-card:hover .vx-card__num { color:var(--vx-orange) }
.vx-badge { position:absolute;top:14px;right:14px;font-family:var(--vx-font);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;background:var(--vx-orange);color:#000;border-radius:4px;display:var(--vx-show-new-tag);z-index:2 }

/* ★ IMAGE FIT FIX */
.vx-chair {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0;
  object-fit: var(--vx-img-fit);
  transition: transform .5s cubic-bezier(.4,0,.2,1);
}
.vx-card:hover .vx-chair { transform:scale(1.05) }

/* Card Body */
.vx-card__body { padding:var(--vx-card-padding);flex:1;display:flex;flex-direction:column }
.vx-card__name { font-family:var(--vx-font)!important;font-size:var(--vx-card-name-size)!important;font-weight:700!important;color:var(--vx-white)!important;letter-spacing:.5px!important;margin-bottom:3px!important;transition:color .3s;padding:0!important;background:none!important;-webkit-text-fill-color:unset!important;line-height:1.3!important }
.vx-card:hover .vx-card__name { color:var(--vx-orange)!important }
.vx-card__tagline { font-size:var(--vx-tagline-size);font-weight:500;color:var(--vx-text-dim);letter-spacing:.5px;margin-bottom:14px;text-transform:uppercase;display:var(--vx-show-tagline) }
.vx-chips { display:var(--vx-show-chips);gap:6px;flex-wrap:wrap;margin-bottom:12px }
.vx-chip { font-size:var(--vx-chip-size);font-weight:500;padding:4px 12px;border-radius:5px;background:var(--vx-chip-bg);border:1px solid var(--vx-chip-border);color:var(--vx-chip-color);transition:all .3s;display:inline-block }
.vx-card:hover .vx-chip { background:rgba(247,149,2,.12);border-color:rgba(247,149,2,.2) }
.vx-card__desc { font-size:var(--vx-card-desc-size)!important;font-weight:400!important;color:var(--vx-text-sec)!important;line-height:1.55!important;flex:1;margin:0!important;padding:0!important;display:var(--vx-show-desc) }

/* Footer */
.vx-card__footer { display:var(--vx-show-footer);align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--vx-border);margin-top:auto }
.vx-btn-buy { font-family:var(--vx-font);font-size:var(--vx-btn-size);font-weight:600;padding:var(--vx-btn-py) var(--vx-btn-px);border-radius:var(--vx-btn-radius);border:none;background:var(--vx-btn-bg);color:var(--vx-btn-color);cursor:pointer;transition:all .3s;letter-spacing:.3px;text-decoration:none;display:var(--vx-show-buy-btn) }
.vx-btn-buy:hover { background:var(--vx-btn-hover-bg);transform:translateY(-1px);box-shadow:0 8px 24px rgba(247,149,2,.25);color:var(--vx-btn-color) }
.vx-btn-details { font-family:var(--vx-font);font-size:var(--vx-det-size);font-weight:500;color:var(--vx-det-color);background:none;border:none;cursor:pointer;display:var(--vx-show-details-link);align-items:center;gap:6px;transition:color .3s;text-decoration:none }
.vx-btn-details:hover { color:var(--vx-det-hover) }
.vx-btn-details .vx-arr { transition:transform .3s;display:inline-block }
.vx-btn-details:hover .vx-arr { transform:translateX(3px) }

/* Responsive */
@media(max-width:1100px){.vx-grid{grid-template-columns:repeat(2,1fr)}.vx-series{padding:70px 28px 90px}}
@media(max-width:700px){.vx-grid{grid-template-columns:1fr;gap:14px}.vx-series{padding:50px 16px 70px}.vx-card__visual{height:220px}.vx-filters{gap:6px}.vx-pill{padding:7px 16px;font-size:12px}}