:root {
  --bg: #06070b;
  --bg-soft: #0b0f17;
  --card: rgba(255,255,255,0.04);
  --border: rgba(255,255,255,0.1);
  --text: #ffffff;
  --muted: rgba(255,255,255,0.65);
  --cyan: #7dd3fc;
  --violet: #a78bfa;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  background:
    radial-gradient(circle at top, rgba(26,102,255,0.18), transparent 24%),
    radial-gradient(circle at 80% 10%, rgba(180,35,255,0.12), transparent 20%),
    linear-gradient(to bottom, #05060a, #0a0d14 35%, #06070b);
  color: var(--text);
}

img {
  max-width: 100%;
}

.wx-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

.wx-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(7, 9, 17, 0.75);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
}

.wx-header-row,
.wx-footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 78px;
}

.wx-logo,
.wx-footer-logo {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}

.wx-nav {
  display: flex;
  gap: 28px;
}

.wx-nav a,
.wx-footer-links a {
  color: rgba(255,255,255,0.7);
  text-decoration: none;
}

.wx-nav a:hover,
.wx-footer-links a:hover {
  color: #fff;
}

.wx-cart-btn,
.wx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  text-decoration: none;
  transition: .25s ease;
}

.wx-cart-btn {
  padding: 12px 18px;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--border);
  color: #fff;
}

.wx-btn-primary {
  background: #fff;
  color: #000;
  padding: 14px 24px;
  font-weight: 700;
}

.wx-btn-secondary {
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  color: #fff;
  padding: 14px 24px;
}

.wx-btn.small {
  padding: 10px 18px;
  font-size: 14px;
}

.wx-btn-large {
  width: 100%;
  min-height: 58px;
  font-size: 16px;
}

.wx-btn:hover,
.wx-cart-btn:hover {
  transform: translateY(-2px);
}

.wx-hero {
  padding: 72px 0 90px;
  overflow: hidden;
}

.wx-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: 48px;
}

.wx-badge,
.wx-label {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 13px;
  border: 1px solid rgba(125,211,252,0.24);
  background: rgba(125,211,252,0.12);
  color: #d8f4ff;
}

.wx-hero h1 {
  margin: 18px 0 18px;
  font-size: 64px;
  line-height: 1.02;
  font-weight: 800;
}

.wx-hero h1 span {
  display: block;
  background: linear-gradient(90deg, #c7f2ff, #fff, #e7ccff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wx-hero p {
  max-width: 620px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.85;
}

.wx-hero-actions {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}

.wx-hero-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 28px;
}

.wx-hero-features div,
.wx-step-card,
.wx-category-card,
.wx-product-card,
.wx-premium-box,
.wx-empty-box,
.wx-single-product-card,
.wx-single-info {
  border: 1px solid var(--border);
  background: var(--card);
  backdrop-filter: blur(14px);
}

.wx-hero-features div {
  border-radius: 20px;
  padding: 16px;
  color: rgba(255,255,255,0.78);
}

.wx-hero-visual {
  position: relative;
  min-height: 520px;
}

.wx-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  animation: floatOrb 8s ease-in-out infinite;
}

.wx-orb-1 {
  width: 260px;
  height: 260px;
  background: rgba(80, 190, 255, 0.22);
  top: 30px;
  left: 80px;
}

.wx-orb-2 {
  width: 220px;
  height: 220px;
  background: rgba(184, 54, 255, 0.18);
  right: 40px;
  top: 70px;
  animation-delay: 1s;
}

.wx-orb-3 {
  width: 240px;
  height: 240px;
  background: rgba(46, 98, 255, 0.16);
  left: 0;
  bottom: 10px;
  animation-delay: 2s;
}

@keyframes floatOrb {
  0%,100% { transform: translateY(0) scale(1); opacity: .45; }
  50% { transform: translateY(-18px) scale(1.08); opacity: .78; }
}

.wx-mockup-card {
  position: relative;
  z-index: 2;
  max-width: 560px;
  width: 100%;
  margin: 30px auto 0;
  border-radius: 34px;
  padding: 16px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  box-shadow: 0 30px 90px rgba(0,0,0,0.35);
  transition: transform 0.35s ease;
  transform-style: preserve-3d;
}

.wx-mockup-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 34px;
  background: radial-gradient(circle at center, rgba(167,139,250,0.15), transparent 60%);
  opacity: 0;
  transition: 0.3s;
}

.wx-mockup-card:hover::after {
  opacity: 1;
}

.wx-mockup-top {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.wx-mockup-top span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
}

.wx-mockup-screen {
  border-radius: 26px;
  padding: 18px;
  background: #0d1018;
  border: 1px solid var(--border);
  min-height: 360px;
  transition: transform 0.35s ease;
}

.wx-mockup-banner {
  height: 220px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(125,211,252,0.25), rgba(167,139,250,0.12), transparent);
  margin-bottom: 16px;
}

.wx-mockup-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.wx-mockup-grid div {
  height: 62px;
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
}

.wx-section {
  padding: 78px 0;
}

.wx-section-dark {
  background: rgba(255,255,255,0.02);
}

.wx-section-head {
  margin-bottom: 30px;
}

.wx-section-head span {
  display: block;
  margin-bottom: 10px;
  color: rgba(255,255,255,0.35);
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: 12px;
}

.wx-section-head h2 {
  margin: 0;
  font-size: 40px;
  line-height: 1.1;
}

.wx-category-grid,
.wx-product-grid,
.wx-steps-grid {
  display: grid;
  gap: 20px;
}

.wx-category-grid {
  grid-template-columns: repeat(4, 1fr);
}

.wx-product-grid {
  grid-template-columns: repeat(3, 1fr);
}

.wx-steps-grid {
  grid-template-columns: repeat(3, 1fr);
}

.wx-category-card,
.wx-product-card,
.wx-step-card,
.wx-premium-box,
.wx-empty-box,
.wx-single-product-card,
.wx-single-info {
  border-radius: 28px;
  overflow: hidden;
}

.wx-category-card {
  text-decoration: none;
  color: #fff;
}

.wx-category-image {
  height: 240px;
  background-size: cover;
  background-position: center;
}

.wx-category-body,
.wx-product-body {
  padding: 22px;
}

.wx-category-body h3,
.wx-product-body h3 {
  margin: 0 0 10px;
}

.wx-category-body span {
  color: rgba(255,255,255,0.6);
}

.wx-product-image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 330px;
  padding: 18px;

  background:
    linear-gradient(180deg,#070b1d 0%, #0f1730 100%);

  border-radius: 28px;
  overflow: hidden;

  border: 1px solid rgba(90,120,255,.12);

  box-shadow:
    inset 0 0 18px rgba(88,120,255,.05),
    0 0 25px rgba(30,60,255,.08);
}

.wx-product-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;

  border-radius: 18px;
  display: block;
  background: transparent;
}

.wx-product-body p,
.wx-step-card p,
.wx-premium-box p,
.wx-single-desc,
.wx-footer p {
  color: var(--muted);
  line-height: 1.8;
}

.wx-product-body h3 a {
  color: #fff;
  text-decoration: none;
}

.wx-price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: auto;
  padding-top: 22px;
}

.wx-price-row > div {
  display: flex;
  align-items: center;
  min-height: 58px;
}

.wx-price {
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.wx-price-row .wx-btn {
  min-height: 58px;
  padding: 0 26px;
  line-height: 1;
}
.wx-product-card {
  display: flex;
  flex-direction: column;
}

.wx-product-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.wx-product-body p {
  min-height: 120px;
}


.wx-old-price {
  color: rgba(255,255,255,0.35);
  text-decoration: line-through;
  margin-bottom: 4px;
}

.wx-price {
  font-size: 28px;
  font-weight: 800;
}

.wx-premium-box {
  padding: 34px;
  background: linear-gradient(135deg, rgba(176,53,255,0.08), rgba(55,166,255,0.05), rgba(255,255,255,0.03));
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 24px;
}

.wx-premium-list {
  display: grid;
  gap: 14px;
}

.wx-premium-list div,
.wx-single-features div {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
}

.wx-step-card {
  padding: 28px;
}

.wx-step-card span {
  display: inline-block;
  font-size: 42px;
  font-weight: 800;
  color: rgba(255,255,255,0.18);
  margin-bottom: 14px;
}

.wx-page-head {
  padding: 58px 0 26px;
}

.wx-page-head h1 {
  margin: 0 0 8px;
  font-size: 44px;
}

.wx-page-head p {
  color: var(--muted);
}

.wx-catalog-wrap,
.wx-product-page {
  padding-bottom: 70px;
}

.wx-empty-box {
  padding: 40px;
  text-align: center;
}

.wx-single-product-card {
  padding: 18px;
}

.wx-single-main-image {
  border-radius: 22px;
}

.wx-single-info {
  padding: 28px;
}

.wx-single-price-block {
  margin-bottom: 18px;
}

.wx-single-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 24px 0;
}

.wx-no-image {
  min-height: 420px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.45);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  text-align: center;
  padding: 20px;
}

/* category description */

.wx-category-description {
  max-width: 980px;
  margin-top: 24px;
  padding: 26px 30px;
  border-radius: 28px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 70px rgba(0,0,0,0.25);
  backdrop-filter: blur(14px);
  color: rgba(255,255,255,0.76);
  font-size: 17px;
  line-height: 1.8;
}

.wx-category-description p {
  margin: 0 0 16px;
}

.wx-category-description ul {
  margin: 18px 0 0;
  padding-left: 22px;
}

.wx-category-description li {
  margin-bottom: 10px;
}

/* product description premium */

.wx-product-description {
  margin-top: 50px;
  padding: 42px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 20% 0%, rgba(125,211,252,0.08), transparent 32%),
    radial-gradient(circle at 85% 15%, rgba(167,139,250,0.10), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
  border: 1px solid rgba(255,255,255,0.13);
  box-shadow: 0 28px 90px rgba(0,0,0,0.38);
  backdrop-filter: blur(16px);
  color: rgba(255,255,255,0.76);
}

.wx-product-description h2 {
  margin: 34px 0 16px;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 800;
  color: rgba(255,255,255,0.86);
}

.wx-product-description h2:first-child {
  margin-top: 0;
}

.wx-product-description p {
  margin: 0 0 20px;
  color: rgba(255,255,255,0.70);
  font-size: 17px;
  line-height: 1.8;
}

.wx-product-description ul {
  display: grid;
  gap: 12px;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}

.wx-product-description li {
  position: relative;
  padding: 14px 18px 14px 46px;
  border-radius: 18px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.72);
  line-height: 1.5;
}

.wx-product-description li::before {
  content: "✓";
  position: absolute;
  left: 18px;
  top: 13px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(125,211,252,0.14);
  color: #b9edff;
  font-size: 13px;
  font-weight: 800;
}

/* live mockup */

.wx-live-topbar {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}

.wx-live-topbar span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.18);
}

.wx-live-hero {
  height: 170px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(125,211,252,0.18), rgba(167,139,250,0.10), rgba(255,255,255,0.04));
  position: relative;
  overflow: hidden;
  animation: wxPulse 5s ease-in-out infinite;
}

.wx-live-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: -40%;
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
  transform: skewX(-20deg);
  animation: wxShine 4.5s linear infinite;
}

.wx-live-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 18px;
}

.wx-live-card {
  height: 74px;
  border-radius: 18px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.08);
  animation: wxFloatCard 4s ease-in-out infinite;
}

.wx-live-card-2 {
  animation-delay: .5s;
}

.wx-live-card-3 {
  animation-delay: 1s;
}

.wx-live-lines {
  margin-top: 18px;
  display: grid;
  gap: 10px;
}

.wx-line {
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  position: relative;
  overflow: hidden;
}

.wx-line::before {
  content: "";
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(125,211,252,0.35), transparent);
  animation: wxLineMove 3.6s linear infinite;
}

.wx-line-2::before {
  animation-delay: .6s;
}

.wx-line-3::before {
  animation-delay: 1.2s;
}

@keyframes wxPulse {
  0%, 100% {
    transform: scale(1);
    opacity: .95;
  }
  50% {
    transform: scale(1.015);
    opacity: 1;
  }
}

@keyframes wxShine {
  0% {
    left: -45%;
  }
  100% {
    left: 120%;
  }
}

@keyframes wxFloatCard {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

@keyframes wxLineMove {
  0% {
    left: -35%;
  }
  100% {
    left: 120%;
  }
}

.wx-footer {
  border-top: 1px solid var(--border);
  padding: 14px 0;
  margin-top: 30px;
}

.wx-footer-links {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

@media (max-width: 1199px) {
  .wx-category-grid,
  .wx-product-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .wx-hero-grid,
  .wx-premium-box {
    grid-template-columns: 1fr;
  }

  .wx-hero h1 {
    font-size: 52px;
  }
}

@media (max-width: 767px) {
  .wx-nav {
    display: none;
  }

  .wx-hero h1 {
    font-size: 38px;
  }

  .wx-category-grid,
  .wx-product-grid,
  .wx-steps-grid,
  .wx-hero-features,
  .wx-single-features,
  .wx-live-cards {
    grid-template-columns: 1fr;
  }

  .wx-hero-actions,
  .wx-header-row,
  .wx-footer-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .wx-price-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .wx-section-head h2,
  .wx-page-head h1 {
    font-size: 30px;
  }

  .wx-mockup-screen {
    min-height: auto;
  }

  .wx-product-description {
    padding: 26px 20px;
    border-radius: 24px;
  }

  .wx-product-description h2 {
    font-size: 24px;
  }
}
.wx-buy-trust {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  color: rgba(255,255,255,0.68);
  font-size: 14px;
  line-height: 1.5;
}

.wx-mobile-buy-bar {
  display: none;
}

@media (max-width: 767px) {
  .wx-mobile-buy-bar {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px;
    border-radius: 22px;
    background: rgba(10,12,18,0.88);
    border: 1px solid rgba(255,255,255,0.14);
    backdrop-filter: blur(18px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.45);
  }

  .wx-mobile-buy-bar span {
    display: block;
    color: rgba(255,255,255,0.55);
    font-size: 12px;
  }

  .wx-mobile-buy-bar strong {
    color: #fff;
    font-size: 18px;
  }

  body {
    padding-bottom: 92px;
  }
}
.wx-auth-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.wx-auth-card {
  padding: 30px;
  border-radius: 26px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(12px);
}

.wx-auth-card h2 {
  margin-bottom: 14px;
}

.wx-auth-card p {
  color: rgba(255,255,255,0.7);
  margin-bottom: 20px;
}

.wx-form-group {
  margin-bottom: 14px;
}

.wx-form-group input {
  width: 100%;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.05);
  color: #fff;
}

.wx-form-group input::placeholder {
  color: rgba(255,255,255,0.5);
}

.wx-forgot {
  display: block;
  margin-top: 12px;
  color: rgba(255,255,255,0.6);
  text-decoration: none;
}

.wx-forgot:hover {
  color: #fff;
}

@media (max-width: 767px) {
  .wx-auth-grid {
    grid-template-columns: 1fr;
  }
}
.wx-alert-success,
.wx-alert-error {
  margin: 0 0 22px;
  padding: 16px 18px;
  border-radius: 16px;
  font-size: 15px;
}

.wx-alert-success {
  color: #c7ffd8;
  background: rgba(80,255,140,0.10);
  border: 1px solid rgba(80,255,140,0.22);
}

.wx-alert-error {
  color: #ffb4b4;
  background: rgba(255,80,80,0.12);
  border: 1px solid rgba(255,80,80,0.22);
}
/* ===== FIX ALERT DESIGN ===== */

.wx-alert-success,
.wx-alert-error,
.alert-danger,
.alert-success {
  max-width: 1280px;
  margin: 0 auto 22px;
  padding: 18px 20px;
  border-radius: 18px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  backdrop-filter: blur(10px);
}

.alert-danger,
.wx-alert-error {
  color: #ffb4b4 !important;
  background: linear-gradient(135deg, rgba(255,80,80,0.18), rgba(255,0,0,0.08)) !important;
  border: 1px solid rgba(255,80,80,0.35) !important;
  box-shadow: 0 10px 30px rgba(255,0,0,0.15);
}

.alert-success,
.wx-alert-success {
  color: #c7ffd8 !important;
  background: linear-gradient(135deg, rgba(80,255,140,0.14), rgba(80,255,140,0.06)) !important;
  border: 1px solid rgba(80,255,140,0.28) !important;
  box-shadow: 0 10px 30px rgba(80,255,140,0.10);
}

.text-danger {
  color: #ffb4b4 !important;
}
.wx-links {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.wx-links a {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none;
  color: #fff;
  transition: .2s;
}

.wx-links a:hover {
  background: rgba(255,255,255,0.08);
}
/* таблица аккаунта */

.wx-table {
  display: grid;
  gap: 10px;
}

.wx-table-head,
.wx-table-row {
  display: grid;
  grid-template-columns: 80px 1fr 120px 160px 120px;
  gap: 14px;
  align-items: center;
  padding: 14px 18px;
  border-radius: 14px;
}

.wx-table-head {
  font-size: 13px;
  color: rgba(255,255,255,0.5);
}

.wx-table-row {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
}

.wx-pagination {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  color: rgba(255,255,255,0.6);
  font-size: 14px;
}
/* Возвраты */

.wx-return-page {
  min-height: calc(100vh - 260px);
  padding: 130px 0 120px;
  background:
    radial-gradient(circle at 45% 10%, rgba(45, 90, 190, 0.16), transparent 28%),
    radial-gradient(circle at 75% 22%, rgba(150, 50, 210, 0.13), transparent 32%);
}

.wx-return-content {
  max-width: 760px;
}

.wx-return-content h1 {
  margin: 0 0 28px;
  font-size: 64px;
  line-height: 1.05;
  font-weight: 500;
  color: #fff;
}

.wx-return-content p {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,0.86);
  font-size: 20px;
  line-height: 1.8;
  font-weight: 600;
}

.wx-return-actions {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 42px;
}

.wx-return-actions .wx-btn {
  min-height: 58px;
  padding: 0 30px;
  font-size: 18px;
}

@media (max-width: 767px) {
  .wx-return-page {
    padding: 80px 0;
  }

  .wx-return-content h1 {
    font-size: 44px;
  }

  .wx-return-content p {
    font-size: 17px;
  }

  .wx-return-actions {
    flex-direction: column;
  }

  .wx-return-actions .wx-btn {
    width: 100%;
  }
}
/* CONTACT PAGE */

.wx-contact-page {
  padding: 120px 0;
}

.wx-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

.wx-contact-info h1 {
  font-size: 56px;
  margin-bottom: 20px;
}

.wx-contact-text {
  color: rgba(255,255,255,0.7);
  line-height: 1.7;
  margin-bottom: 30px;
}

.wx-contact-box {
  padding: 20px;
  border-radius: 18px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}

.wx-contact-box strong {
  display: block;
  margin-bottom: 6px;
}

.wx-contact-box span {
  color: rgba(255,255,255,0.6);
  font-size: 14px;
}

/* форма */

.wx-contact-form-card {
  padding: 28px;
  border-radius: 24px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

.wx-form-group {
  margin-bottom: 18px;
}

.wx-form-group label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  color: rgba(255,255,255,0.6);
}

.wx-form-group input,
.wx-form-group textarea {
  width: 100%;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.05);
  color: #fff;
}

.wx-form-group textarea {
  resize: vertical;
}

@media (max-width: 767px) {
  .wx-contact-grid {
    grid-template-columns: 1fr;
  }

  .wx-contact-info h1 {
    font-size: 36px;
  }
}
/* CART PAGE */

.wx-cart-layout {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 24px;
  align-items: start;
}

.wx-cart-items {
  display: grid;
  gap: 18px;
}

.wx-cart-item {
  display: grid;
  grid-template-columns: 150px 1fr auto;
  gap: 22px;
  align-items: center;
  padding: 20px;
  border-radius: 28px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(14px);
}

.wx-cart-image img {
  width: 150px;
  height: 105px;
  object-fit: cover;
  border-radius: 18px;
  display: block;
}

.wx-cart-info h2 {
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.2;
}

.wx-cart-info h2 a {
  color: #fff;
  text-decoration: none;
}

.wx-cart-options,
.wx-cart-meta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  color: rgba(255,255,255,0.62);
  font-size: 14px;
  margin-bottom: 12px;
}

.wx-cart-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.wx-cart-controls input {
  width: 64px;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: #fff;
  text-align: center;
}

.wx-cart-remove {
  padding: 11px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,80,80,0.28);
  background: rgba(255,80,80,0.10);
  color: #ffb4b4;
  font-weight: 700;
  cursor: pointer;
}

.wx-cart-total {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  white-space: nowrap;
}

.wx-cart-summary {
  position: sticky;
  top: 100px;
  padding: 26px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 75% 0%, rgba(167,139,250,0.12), transparent 36%),
    rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(14px);
}

.wx-cart-summary h2 {
  margin: 0 0 20px;
  font-size: 28px;
}

.wx-cart-summary-list {
  display: grid;
  gap: 14px;
  margin-bottom: 24px;
}

.wx-cart-summary-list div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: rgba(255,255,255,0.68);
}

.wx-cart-summary-list strong {
  color: #fff;
}

.wx-cart-back {
  display: block;
  margin-top: 16px;
  color: rgba(255,255,255,0.62);
  text-align: center;
  text-decoration: none;
}

.wx-alert-inline {
  color: #ffb4b4;
}

@media (max-width: 991px) {
  .wx-cart-layout {
    grid-template-columns: 1fr;
  }

  .wx-cart-summary {
    position: static;
  }
}

@media (max-width: 767px) {
  .wx-cart-item {
    grid-template-columns: 1fr;
  }

  .wx-cart-image img {
    width: 100%;
    height: auto;
  }

  .wx-cart-total {
    font-size: 22px;
  }
}
/* CHECKOUT PAGE */

.wx-checkout-box {
  max-width: 980px;
  margin: 0 auto;
}

.wx-checkout-steps {
  display: grid;
  gap: 16px;
}

.wx-checkout-step {
  overflow: hidden;
  border-radius: 24px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  backdrop-filter: blur(14px);
  box-shadow: none !important;
}

.wx-checkout-step .panel-heading {
  padding: 18px 22px;
  background: rgba(255,255,255,0.05) !important;
  border: 0 !important;
  color: #fff !important;
}

.wx-checkout-step .panel-title,
.wx-checkout-step .panel-title a {
  color: #fff !important;
  text-decoration: none;
  font-size: 18px;
  font-weight: 800;
}

.wx-checkout-step .panel-body {
  padding: 26px;
  background: transparent !important;
  color: rgba(255,255,255,0.72);
}

.wx-checkout-step input,
.wx-checkout-step select,
.wx-checkout-step textarea {
  width: 100%;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: #fff;
}

.wx-checkout-step input::placeholder {
  color: rgba(255,255,255,0.45);
}

.wx-checkout-step label {
  color: rgba(255,255,255,0.76);
}

.wx-checkout-step .btn,
.wx-checkout-step .btn-primary {
  border-radius: 16px;
  padding: 12px 22px;
  border: 0;
  background: #fff;
  color: #000;
  font-weight: 800;
}

.wx-checkout-step .btn-default {
  background: rgba(255,255,255,0.08);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.12);
}

.wx-checkout-step .alert {
  border-radius: 16px;
  border: 0;
}
.wx-checkout-step.active {
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.08);
}
.wx-checkout-step .panel-heading {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.5px;
}
.wx-checkout-step label {
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
}
.wx-checkout-step input,
.wx-checkout-step select {
  transition: 0.2s;
}

.wx-checkout-step input:focus,
.wx-checkout-step select:focus {
  border-color: #ffffff;
  background: rgba(255,255,255,0.12);
}
.wx-checkout-step .btn-primary {
  background: linear-gradient(135deg, #ffffff, #dcdcdc);
  color: #000;
  font-weight: 900;
  border-radius: 18px;
  padding: 14px 28px;
  transition: 0.2s;
}

.wx-checkout-step .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(255,255,255,0.2);
}
/* Убираем лишние поля для цифровых товаров */
#input-payment-company,
#input-payment-address-1,
#input-payment-address-2,
#input-payment-city,
#input-payment-postcode,
#input-payment-zone,
#input-payment-country {
  display: none !important;
}

/* Убираем подписи */
label[for="input-payment-company"],
label[for="input-payment-address-1"],
label[for="input-payment-address-2"],
label[for="input-payment-city"],
label[for="input-payment-postcode"],
label[for="input-payment-zone"],
label[for="input-payment-country"] {
  display: none !important;
}
.wx-email-field {
    background: #1e1e2f !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    opacity: 1 !important;
}
.wx-digital-payment-form .wx-email-field,
.wx-checkout-step input.wx-email-field {
  background: rgba(255,255,255,0.06) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  opacity: 1 !important;
}

.wx-digital-payment-form .wx-email-field::placeholder {
  color: rgba(255,255,255,0.45) !important;
}
/* Убираем стандартные хлебные крошки OpenCart */
#checkout-cart .breadcrumb,
.breadcrumb {
  display: none !important;
}
.wx-cart-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  width: 340px;
  padding: 20px;
  border-radius: 24px;
  background: rgba(15,18,26,0.94);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 24px 80px rgba(0,0,0,0.45);
  backdrop-filter: blur(18px);
  color: #fff;
}

.wx-cart-toast strong,
.wx-cart-toast span {
  display: block;
}

.wx-cart-toast span {
  margin-top: 6px;
  color: rgba(255,255,255,0.66);
  line-height: 1.5;
}

.wx-cart-toast a {
  display: inline-flex;
  margin-top: 14px;
  padding: 12px 16px;
  border-radius: 16px;
  background: #fff;
  color: #000;
  font-weight: 800;
  text-decoration: none;
}

.wx-cart-toast-error {
  border-color: rgba(255,80,80,0.35);
}

.wx-cart-count {
  display: none;
  margin-left: 8px;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: #fff;
  color: #000;
  font-size: 13px;
  font-weight: 900;
  align-items: center;
  justify-content: center;
}
.wx-product-media-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 2px 0 14px;
}

.wx-product-media-title span {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
}

.wx-product-media-title small {
  color: rgba(255,255,255,0.48);
  font-size: 13px;
}

.wx-media-title-small {
  margin-top: 18px;
}

.wx-video-box {
  position: relative;
  width: 100%;
  min-height: 340px;
  border-radius: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 35% 20%, rgba(125,211,252,0.18), transparent 35%),
    radial-gradient(circle at 75% 35%, rgba(167,139,250,0.16), transparent 35%),
    rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.10);
  margin-bottom: 18px;
}

.wx-video-frame {
  width: 100%;
  height: 340px;
  display: none;
}

.wx-video-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 30px;
  text-align: center;
  cursor: pointer;
}

.wx-play-circle {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  padding-left: 4px;
  background: rgba(255,255,255,0.92);
  color: #000;
  font-size: 26px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

.wx-video-placeholder strong {
  color: #fff;
  font-size: 22px;
}

.wx-video-placeholder span {
  max-width: 420px;
  color: rgba(255,255,255,0.62);
  line-height: 1.6;
}

.wx-product-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 14px;
}

.wx-gallery-thumb {
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  padding: 6px;
  border-radius: 16px;
  cursor: pointer;
  transition: .2s;
}

.wx-gallery-thumb img {
  width: 100%;
  height: 78px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.wx-gallery-thumb:hover,
.wx-gallery-thumb.active {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.32);
  background: rgba(255,255,255,0.08);
}

@media (max-width: 767px) {
  .wx-video-box,
  .wx-video-frame {
    min-height: 230px;
    height: 230px;
  }

  .wx-product-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
.wx-image-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  inset: 0;
  background: rgba(0,0,0,0.88);
  backdrop-filter: blur(12px);
  justify-content: center;
  align-items: center;
  padding: 40px;
  cursor: zoom-out;
}

/* Картинка */
.wx-image-modal img {
  max-width: 95vw;
  max-height: 90vh;
  border-radius: 20px;
  box-shadow: 0 40px 120px rgba(0,0,0,0.8);
  animation: wxZoomIn .25s ease;
}

/* Анимация появления */
@keyframes wxZoomIn {
  from {
    transform: scale(0.85);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* Крестик */
.wx-image-close {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 38px;
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  z-index: 2;
  transition: 0.2s;
}

.wx-image-close:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* Основная картинка */
#main-product-image {
  cursor: zoom-in;
  transition: transform .25s ease, box-shadow .25s ease;
}

#main-product-image:hover {
  transform: scale(1.03);
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}

/* Чтобы страница не скроллилась при открытии */
.wx-modal-open {
  overflow: hidden;
}
.wx-page-subtitle {
  color: rgba(255,255,255,0.6);
  margin-top: 10px;
}

.wx-terms-wrap {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 40px;
}

.wx-terms-sidebar {
  position: sticky;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wx-terms-sidebar a {
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 8px;
  transition: 0.2s;
}

.wx-terms-sidebar a:hover {
  background: rgba(255,255,255,0.05);
  color: #fff;
}

.wx-terms-content {
  max-width: 800px;
}

.wx-terms-block {
  margin-bottom: 32px;
  padding: 24px;
  border-radius: 18px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
}

.wx-terms-block h2 {
  margin-bottom: 10px;
  color: #fff;
}

.wx-terms-block p {
  color: rgba(255,255,255,0.75);
  line-height: 1.7;
}

/* мобильная адаптация */
@media (max-width: 900px) {
  .wx-terms-wrap {
    grid-template-columns: 1fr;
  }

  .wx-terms-sidebar {
    display: none;
  }
}
.legal-page {
  max-width: 920px;
  margin: 70px auto;
  padding: 48px;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
  color: #1f2937;
  font-family: Arial, sans-serif;
  line-height: 1.75;
}

.legal-page h1 {
  font-size: 34px;
  line-height: 1.2;
  margin-bottom: 28px;
  color: #111827;
}

.legal-page h2 {
  font-size: 22px;
  margin-top: 42px;
  margin-bottom: 14px;
  color: #111827;
}

.legal-page p {
  margin-bottom: 16px;
  font-size: 16px;
}

.legal-page ul {
  margin: 16px 0 22px 22px;
  padding: 0;
}

.legal-page li {
  margin-bottom: 10px;
}

.legal-page a {
  color: #2563eb;
  text-decoration: none;
}

.legal-page a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .legal-page {
    margin: 32px 16px;
    padding: 28px 22px;
    border-radius: 18px;
  }

  .legal-page h1 {
    font-size: 26px;
  }

  .legal-page h2 {
    font-size: 20px;
  }
}
.wx-section {
  padding-top: 40px;
}

.wx-terms-wrap {
  align-items: flex-start;
}

.wx-terms-content {
  margin-top: 0;
}

.wx-terms-content .legal-page {
  margin-top: 0;
}

.wx-terms-sidebar {
  padding-top: 0;
}
.wx-terms-sidebar,
.wx-terms-nav {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 260px;
}

.wx-terms-nav a {
  display: block;
  width: 100%;
  color: rgba(255,255,255,0.58);
  text-decoration: none;
  font-size: 15px;
  line-height: 1.35;
  padding: 8px 12px;
  border-radius: 10px;
  transition: 0.2s ease;
}

.wx-terms-nav a:hover,
.wx-terms-nav a.active {
  color: #fff;
  background: rgba(255,255,255,0.07);
}

.wx-terms-wrap {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}

.wx-terms-content {
  min-width: 0;
}

@media (max-width: 900px) {
  .wx-terms-wrap {
    grid-template-columns: 1fr;
  }

  .wx-terms-sidebar {
    display: none;
  }
}
/* ================================
   WEBIXA PRO LIGHT / WOW EFFECTS
================================ */

.wx-glow-section,
.wx-hero,
.wx-section {
  position: relative;
  overflow: hidden;
}

.wx-glow-section::before,
.wx-hero::before,
.wx-section::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  top: -160px;
  right: -120px;
  background: radial-gradient(circle, rgba(118, 80, 255, 0.28), rgba(118, 80, 255, 0.08), transparent 70%);
  filter: blur(70px);
  pointer-events: none;
  z-index: 0;
}

.wx-glow-section::after,
.wx-hero::after,
.wx-section::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  bottom: -160px;
  left: -120px;
  background: radial-gradient(circle, rgba(0, 200, 255, 0.18), rgba(0, 200, 255, 0.06), transparent 70%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
}

.wx-container,
.wx-hero-grid,
.wx-grid-2,
.wx-single-info,
.wx-single-product-card,
.wx-terms-wrap {
  position: relative;
  z-index: 1;
}

/* Плавное появление блоков */
.wx-reveal {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.wx-reveal.wx-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Дорогой hover у карточек */
.wx-feature,
.wx-glow-card,
.wx-cat,
.wx-terms-block,
.wx-single-info,
.wx-single-product-card {
  transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}

.wx-feature:hover,
.wx-glow-card:hover,
.wx-cat:hover,
.wx-terms-block:hover {
  transform: translateY(-5px);
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.055);
  box-shadow: 0 24px 80px rgba(0,0,0,0.28);
}

/* Световая линия */
.wx-light-line {
  position: relative;
  overflow: hidden;
}

.wx-light-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 80%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
  transform: skewX(-20deg);
  animation: wxLightSweep 5s ease-in-out infinite;
}

@keyframes wxLightSweep {
  0% {
    left: -120%;
  }
  45% {
    left: 140%;
  }
  100% {
    left: 140%;
  }
}

/* Пульсация премиум бейджа */
.wx-badge {
  box-shadow: 0 0 0 rgba(120, 90, 255, 0);
  animation: wxBadgePulse 3.5s ease-in-out infinite;
}

@keyframes wxBadgePulse {
  0%, 100% {
    box-shadow: 0 0 0 rgba(120, 90, 255, 0);
  }
  50% {
    box-shadow: 0 0 34px rgba(120, 90, 255, 0.24);
  }
}

/* Мобильная оптимизация */
@media (max-width: 768px) {
  .wx-glow-section::before,
  .wx-hero::before,
  .wx-section::before {
    width: 320px;
    height: 320px;
    top: -100px;
    right: -160px;
  }

  .wx-glow-section::after,
  .wx-hero::after,
  .wx-section::after {
    width: 280px;
    height: 280px;
  }
}.wx-terms-block {
  scroll-margin-top: 140px;
}
/* Checkout: аккуратный выбор регистрации / гостя */
.checkout-options label,
.radio label {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  line-height: 1.4 !important;
  cursor: pointer;
}

.checkout-options input[type="radio"],
.radio input[type="radio"] {
  position: static !important;
  margin: 0 !important;
  flex: 0 0 auto;
}

.checkout-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/* Checkout step 1 fix */
#collapse-checkout-option .radio,
#collapse-checkout-option .form-check {
  display: block !important;
  position: relative !important;
  margin: 12px 0 !important;
  padding: 0 !important;
}

#collapse-checkout-option input[type="radio"] {
  position: static !important;
  display: inline-block !important;
  margin: 0 10px 0 0 !important;
  vertical-align: middle !important;
}

#collapse-checkout-option label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  white-space: normal !important;
}
/* WEBIXA checkout step 1 radio fix */
#collapse-checkout-option .radio {
  display: block !important;
  margin: 14px 0 !important;
}

#collapse-checkout-option .radio label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

#collapse-checkout-option .radio input[type="radio"] {
  position: static !important;
  margin: 0 !important;
  transform: none !important;
}

#collapse-checkout-option .col-sm-6:first-child {
  max-width: 560px;
}
/* WEBIXA hide payment address right column */
#collapse-payment-address .col-sm-6:nth-child(2) {
  display: none !important;
}

#collapse-payment-address .col-sm-6:first-child {
  width: 100% !important;
  max-width: 620px !important;
}

#collapse-payment-address .row {
  display: block !important;
}/* WEBIXA checkout option final fix */
#collapse-checkout-option .radio {
  margin: 14px 0 !important;
  padding: 0 !important;
}

#collapse-checkout-option .radio label {
  display: grid !important;
  grid-template-columns: 22px auto !important;
  align-items: center !important;
  column-gap: 14px !important;
  width: fit-content !important;
  max-width: 100% !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

#collapse-checkout-option .radio input[type="radio"] {
  position: static !important;
  margin: 0 !important;
  width: 18px !important;
  height: 18px !important;
}

#collapse-checkout-option .col-sm-6:first-child .radio + .radio {
  margin-top: 18px !important;
}
.checkout-payment-actions {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 30px !important;
}

.checkout-payment-actions .btn {
  min-width: 190px !important;
}
/* Плавный премиум эффект */
.wx-premium-check:hover,
.wx-privacy-box:hover {
  border-color: rgba(255,255,255,.25);
  background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  transition: all .25s ease;
}

/* Чекбокс чуть увеличивается при выборе */
.wx-premium-check input:checked,
.wx-privacy-label input:checked {
  transform: scale(1.1);
}

/* Поля формы — чтобы выглядели как у тебя в дизайне */
#collapse-payment-address .form-control {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
}

#collapse-payment-address .form-control::placeholder {
  color: rgba(255,255,255,.5);
}
.wx-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wx-rutube-btn {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, #ff3c00, #ff7a00);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  text-decoration: none;
  box-shadow: 0 0 16px rgba(255, 80, 0, 0.55);
  transition: all 0.3s ease;
}

.wx-rutube-btn:hover {
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 0 24px rgba(255, 80, 0, 0.85);
}

@media (max-width: 768px) {
  .wx-rutube-btn {
    width: 38px;
    height: 38px;
    font-size: 15px;
  }
}
.wx-privacy-checkout-box {
  margin: 28px 0 18px;
  padding: 22px 24px;
  border-radius: 18px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
}

.wx-privacy-label {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.wx-privacy-label input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  flex: 0 0 20px;
  accent-color: #7b2cff;
}

.wx-privacy-label a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

.wx-privacy-error {
  margin-bottom: 18px;
  color: #ff8f8f;
  font-weight: 700;
}
/* WEBIXA — account sidebar menu */
.wx-account-page .list-group,
#account-account .list-group,
#account-success .list-group,
.account-success .list-group,
aside .list-group,
.col-sm-3 .list-group {
  background: rgba(13, 15, 24, 0.78) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 70px rgba(0,0,0,0.45), 0 0 55px rgba(116,72,255,0.12) !important;
  backdrop-filter: blur(18px);
}

.wx-account-page .list-group a,
#account-account .list-group a,
#account-success .list-group a,
.account-success .list-group a,
aside .list-group a,
.col-sm-3 .list-group a {
  background: transparent !important;
  color: rgba(255,255,255,0.78) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  padding: 15px 18px !important;
  font-weight: 500 !important;
  transition: 0.25s ease !important;
}

.wx-account-page .list-group a:last-child,
#account-account .list-group a:last-child,
#account-success .list-group a:last-child,
.account-success .list-group a:last-child,
aside .list-group a:last-child,
.col-sm-3 .list-group a:last-child {
  border-bottom: 0 !important;
}

.wx-account-page .list-group a:hover,
#account-account .list-group a:hover,
#account-success .list-group a:hover,
.account-success .list-group a:hover,
aside .list-group a:hover,
.col-sm-3 .list-group a:hover {
  background: linear-gradient(90deg, rgba(255,112,36,0.22), rgba(117,86,255,0.16)) !important;
  color: #ffffff !important;
  padding-left: 24px !important;
}
/* SUCCESS BOX */
.wx-success-box {
  max-width: 720px;
  margin: 60px auto;
  padding: 45px;
  border-radius: 22px;

  background: rgba(13, 15, 24, 0.75);
  backdrop-filter: blur(18px);

  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 
    0 30px 80px rgba(0,0,0,0.6),
    0 0 60px rgba(117,86,255,0.15);
}

.wx-success-box h2 {
  font-size: 32px;
  color: #fff;
  margin-bottom: 20px;
}

.wx-success-text {
  color: rgba(255,255,255,0.75);
  line-height: 1.6;
}

.wx-success-actions {
  margin-top: 25px;
}

.wx-btn-primary {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 12px;

  background: linear-gradient(90deg, #ff7024, #7556ff);
  color: #fff;
  text-decoration: none;
  font-weight: 600;

  box-shadow: 0 10px 30px rgba(117,86,255,0.35);
  transition: 0.25s;
}

.wx-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 40px rgba(117,86,255,0.5);
}
/* WEBIXA — button text alignment fix */
.wx-btn,
.wx-btn-primary,
.wx-product-card .btn,
.wx-product-card a,
.wx-card .btn,
.wx-card a,
.wx-cart-summary a,
.wx-cart-summary .btn,
a[class*="btn"],
button[class*="btn"],
input[type="submit"],
input[type="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.2 !important;
  vertical-align: middle !important;
}

.wx-btn-primary,
.wx-cart-summary .wx-btn-primary,
.wx-product-card .wx-btn-primary {
  min-height: 56px !important;
  padding: 0 28px !important;
}
/* EMPTY CART — WEBIXA */
.wx-empty-box {
  max-width: 680px;
  margin: 70px auto;
  padding: 48px 44px;
  border-radius: 26px;
  text-align: center;

  background: rgba(13, 15, 24, 0.78);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow:
    0 30px 80px rgba(0,0,0,0.55),
    0 0 70px rgba(117,86,255,0.16);
  backdrop-filter: blur(18px);
}

.wx-empty-box h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
}

.wx-empty-box p {
  max-width: 480px;
  margin: 0 auto 28px;
  color: rgba(255,255,255,0.72);
  font-size: 17px;
  line-height: 1.6;
}

.wx-empty-box .wx-btn {
  min-width: 220px;
  min-height: 56px;
}
/* EMPTY CART — WEBIXA */
.wx-empty-box {
  max-width: 680px;
  margin: 70px auto;
  padding: 48px 44px;
  border-radius: 26px;
  text-align: center;

  background: rgba(13, 15, 24, 0.78);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow:
    0 30px 80px rgba(0,0,0,0.55),
    0 0 70px rgba(117,86,255,0.16);
  backdrop-filter: blur(18px);
}

.wx-empty-box h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
}

.wx-empty-box p {
  max-width: 480px;
  margin: 0 auto 28px;
  color: rgba(255,255,255,0.72);
  font-size: 17px;
  line-height: 1.6;
}

.wx-empty-box .wx-btn {
  min-width: 220px;
  min-height: 56px;
}
.wx-empty-box {
  max-width: 520px;
  margin: 80px auto;
  padding: 50px 40px;
  text-align: center;

  background: rgba(15, 18, 30, 0.6);
  border-radius: 20px;

  border: 1px solid rgba(255,255,255,0.05);

  backdrop-filter: blur(20px);

  box-shadow: 
    0 0 40px rgba(124, 77, 255, 0.15),
    inset 0 0 20px rgba(255,255,255,0.02);

  transition: 0.3s;
}

.wx-empty-box:hover {
  transform: translateY(-4px);
  box-shadow: 
    0 10px 60px rgba(124, 77, 255, 0.25),
    inset 0 0 20px rgba(255,255,255,0.03);
}
.wx-empty-box .wx-btn-primary {
  margin-top: 25px;
  padding: 14px 28px;
  font-size: 16px;
}
.wx-empty-box h2 {
  font-size: 28px;
  margin-bottom: 10px;
}

.wx-empty-box p {
  color: rgba(255,255,255,0.7);
  font-size: 15px;
}
.wx-empty-box {
  position: relative;
  z-index: 1;
}

.wx-empty-box::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 22px;

  background: linear-gradient(
    120deg,
    rgba(255, 120, 80, 0.4),
    rgba(124, 77, 255, 0.4),
    rgba(0, 200, 255, 0.3)
  );

  filter: blur(25px);
  opacity: 0.6;
  z-index: -1;
}
.wx-empty-box {
  max-width: 520px;
  margin: 80px auto;
  padding: 50px 40px;
  text-align: center;

  background: rgba(15, 18, 30, 0.55); /* важный момент */
  border-radius: 20px;

  border: 1px solid rgba(255,255,255,0.06);

  backdrop-filter: blur(25px); /* стекло */
  
  box-shadow:
    0 0 60px rgba(124, 77, 255, 0.15),
    inset 0 0 30px rgba(255,255,255,0.02);

  transition: 0.3s ease;
}

.wx-empty-box:hover {
  transform: translateY(-5px);
  box-shadow:
    0 15px 80px rgba(124, 77, 255, 0.25),
    inset 0 0 30px rgba(255,255,255,0.03);
}
.wx-empty-box h2 {
  font-size: 30px;
  margin-bottom: 12px;
}

.wx-empty-box p {
  color: rgba(255,255,255,0.65);
  font-size: 15px;
}
/* WEBIXA — newsletter page */
.wx-account-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 36px;
  align-items: start;
}

.wx-newsletter-card {
  max-width: 760px;
  padding: 42px;
  border-radius: 26px;
  background: rgba(13, 15, 24, 0.78);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 30px 80px rgba(0,0,0,0.55), 0 0 70px rgba(117,86,255,0.14);
  backdrop-filter: blur(18px);
}

.wx-newsletter-card h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 32px;
}

.wx-newsletter-card p {
  max-width: 560px;
  margin: 0 0 28px;
  color: rgba(255,255,255,0.68);
  line-height: 1.6;
}

.wx-newsletter-options {
  display: grid;
  gap: 14px;
  margin-bottom: 30px;
}

.wx-newsletter-options label {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  color: #fff;
  cursor: pointer;
}

.wx-newsletter-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .wx-account-layout {
    grid-template-columns: 1fr;
  }
}
.wx-account-layout {
  grid-template-columns: minmax(0, 1fr) 320px !important;
}

.wx-account-layout > .list-group,
.wx-account-layout > aside,
.wx-account-layout > .col-sm-3 {
  width: 320px !important;
  min-width: 320px !important;
}

@media (max-width: 900px) {
  .wx-account-layout {
    grid-template-columns: 1fr !important;
  }

  .wx-account-layout > .list-group,
  .wx-account-layout > aside,
  .wx-account-layout > .col-sm-3 {
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* ===== Webixa реквизиты ===== */

.wx-rekvizity-page {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}

.wx-rekvizity-card {
  position: relative;
  padding: 42px;
  border: 1px solid rgba(120, 90, 255, 0.28);
  border-radius: 32px;
  background:
    radial-gradient(circle at top right, rgba(130, 80, 255, 0.20), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.025));
  box-shadow: 0 28px 100px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(18px);
}

.wx-rekvizity-card .wx-legal-page,
.wx-rekvizity-card .wx-legal-card {
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.wx-rekvizity-card h1 {
  margin: 0 0 28px;
  font-size: 42px;
}

.wx-rekvizity-card p {
  margin: 0 0 22px;
  color: rgba(255,255,255,0.82);
  font-size: 17px;
  line-height: 1.55;
}

.wx-rekvizity-card strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 15px;
  letter-spacing: .02em;
}

.wx-rekvizity-card a {
  color: #7aa7ff;
  text-decoration: none;
}

.wx-rekvizity-card a:hover {
  color: #fff;
}

.wx-rekvizity-glow {
  position: absolute;
  inset: -80px -120px auto auto;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(126, 87, 255, .28), transparent 65%);
  pointer-events: none;
}

@media (max-width: 768px) {
  .wx-rekvizity-card {
    padding: 28px 22px;
    border-radius: 24px;
  }

  .wx-rekvizity-card h1 {
    font-size: 32px;
  }
}
.wx-rekvizity-card strong {
  opacity: 0.75;
}
/* Compact spacing for requisites page */
.wx-rekvizity-card p {
  margin-bottom: 14px !important;
}

.wx-rekvizity-card strong {
  opacity: 0.75;
}

.wx-rekvizity-card a {
  color: #7aa7ff;
  transition: all 0.2s ease;
}

.wx-rekvizity-card a:hover {
  color: #a8c3ff;
  text-shadow: 0 0 10px rgba(122,167,255,0.6);
}
/* ===== Webixa requisites final polish ===== */

.wx-page-head .wx-container {
  max-width: 1000px !important;
  margin: 0 auto !important;
}

.wx-rekvizity-page {
  max-width: 1000px !important;
  margin: 0 auto !important;
}

.wx-rekvizity-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wx-rekvizity-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 40px 120px rgba(0,0,0,0.45);
}

.wx-rekvizity-card p {
  margin: 0 0 14px !important;
}

.wx-rekvizity-card strong {
  opacity: 0.75;
}

.wx-rekvizity-card a {
  color: #7aa7ff;
  transition: all 0.2s ease;
}

.wx-rekvizity-card a:hover {
  color: #a8c3ff;
  text-shadow: 0 0 10px rgba(122,167,255,0.6);
}
/* =========================
   FIX ШАГ 3 (оплата)
========================= */

#collapse-payment-method .panel-body {
  display: block !important;
}

#collapse-payment-method .radio {
  display: block !important;
  width: 100% !important;
  margin-bottom: 14px !important;
}

#collapse-payment-method .radio label {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  color: rgba(255,255,255,.85) !important;
  font-size: 15px !important;
}

#collapse-payment-method input[type="radio"] {
  position: relative !important;
  margin: 0 !important;
  transform: scale(1.2);
}

/* убираем кривой отступ справа */
#collapse-payment-method .col-sm-6,
#collapse-payment-method .col-sm-12 {
  width: 100% !important;
  float: none !important;
}

/* =========================
   FIX ШАГ 4 (таблица)
========================= */

/* УБИВАЕМ белый hover bootstrap */
#collapse-checkout-confirm .table-hover tbody tr:hover,
#collapse-checkout-confirm table tbody tr:hover {
  background: rgba(255,255,255,0.03) !important;
}

/* убираем вообще любые белые фоны */
#collapse-checkout-confirm table tr,
#collapse-checkout-confirm table td,
#collapse-checkout-confirm table th {
  background: transparent !important;
}

/* делаем красивый hover */
#collapse-checkout-confirm table tbody tr {
  transition: 0.3s;
}

#collapse-checkout-confirm table tbody tr:hover {
  background: rgba(124,92,255,0.08) !important;
}

/* фикс текста (чтобы не пропадал как у тебя) */
#collapse-checkout-confirm table td {
  color: rgba(255,255,255,.85) !important;
}

#collapse-checkout-confirm table td a {
  color: #7aa7ff !important;
}

/* =========================
   БЛОК С ИНСТРУКЦИЕЙ
========================= */

#collapse-checkout-confirm .well {
  background:
    radial-gradient(circle at right, rgba(124,92,255,.2), transparent 40%),
    rgba(255,255,255,.04) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.75) !important;
}
/* ===== Webixa checkout payment method ===== */

.wx-checkout-payment {
  width: 100%;
}

.wx-checkout-label {
  margin: 0 0 16px;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  font-weight: 700;
}

.wx-payment-list {
  display: grid;
  gap: 12px;
  margin-bottom: 26px;
}

.wx-payment-card {
  display: flex !important;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  background:
    radial-gradient(circle at right, rgba(124,92,255,.14), transparent 40%),
    rgba(255,255,255,.035);
  color: #fff !important;
  cursor: pointer;
  transition: .25s ease;
}

.wx-payment-card:hover {
  border-color: rgba(124,92,255,.45);
  transform: translateY(-1px);
  box-shadow: 0 18px 50px rgba(124,92,255,.16);
}

.wx-payment-card input[type="radio"] {
  display: none;
}

.wx-payment-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.35);
  box-shadow: inset 0 0 0 4px rgba(0,0,0,.35);
  flex: 0 0 auto;
}

.wx-payment-card input[type="radio"]:checked + .wx-payment-dot {
  border-color: #8ea2ff;
  background: linear-gradient(135deg, #ff7a32, #7c5cff);
  box-shadow: 0 0 18px rgba(124,92,255,.55);
}

.wx-payment-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wx-payment-info strong {
  color: #fff;
  font-size: 16px;
}

.wx-payment-info small {
  color: rgba(255,255,255,.55);
}

.wx-checkout-comment textarea {
  width: 100%;
  min-height: 130px;
  resize: vertical;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.045) !important;
  color: #fff !important;
  padding: 18px !important;
}

.wx-checkout-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
}

.wx-checkout-actions .btn {
  border: 0 !important;
  border-radius: 18px !important;
  padding: 16px 32px !important;
  background: linear-gradient(135deg, #ff7a32, #7c5cff) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 40px rgba(124,92,255,.28) !important;
}

@media (max-width: 768px) {
  .wx-payment-card {
    padding: 16px;
  }

  .wx-checkout-actions {
    justify-content: stretch;
  }

  .wx-checkout-actions .btn {
    width: 100%;
  }
}
/* ===== FAQ WEBIXA ===== */

.wx-faq-wrap {
  margin-top: 40px;
}

.wx-faq-intro {
  font-size: 18px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 40px;
}

.wx-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 24px;
}

.wx-faq-item {
  position: relative;
  padding: 32px;
  border-radius: 24px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(80,120,255,0.18);
  backdrop-filter: blur(12px);
  overflow: hidden;
  transition: 0.3s ease;
}

.wx-faq-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right,
    rgba(88,92,255,0.18),
    transparent 55%);
  pointer-events: none;
}

.wx-faq-item:hover {
  transform: translateY(-4px);
  border-color: rgba(110,140,255,0.45);
  box-shadow: 0 0 35px rgba(70,90,255,0.15);
}

.wx-faq-item h2 {
  font-size: 34px;
  line-height: 1.2;
  margin-bottom: 18px;
  color: #fff;
}

.wx-faq-item p {
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,0.78);
  margin: 0;
}

@media (max-width: 900px) {

  .wx-faq-grid {
    grid-template-columns: 1fr;
  }

  .wx-faq-item {
    padding: 24px;
  }

  .wx-faq-item h2 {
    font-size: 26px;
  }

  .wx-faq-item p {
    font-size: 16px;
  }

}
/* WEBIXA BLOG EMERGENCY FIX v7
   Подключить самым последним в header.twig после всех CSS.
*/

/* 1. Ширина центральной области */
body[class*="blog"] .container,
body[class*="article"] .container,
body[class*="oct_blog"] .container,
body[class*="extension"] .container {
  max-width: 1360px !important;
  width: calc(100% - 48px) !important;
}

/* 2. Сетка: левое меню + контент */
body[class*="blog"] .row,
body[class*="article"] .row {
  display: grid !important;
  grid-template-columns: 330px minmax(0, 1fr) !important;
  gap: 36px !important;
  align-items: start !important;
}

body[class*="blog"] #column-left,
body[class*="article"] #column-left {
  float: none !important;
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
  padding: 0 !important;
}

body[class*="blog"] #content,
body[class*="article"] #content {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}

/* 3. Убираем bootstrap-колонки, которые сжимают карточки */
body[class*="blog"] #content [class*="col-"],
body[class*="article"] #content [class*="col-"] {
  float: none !important;
}

/* 4. Список статей сверху — не как товарная карточка */
body[class*="blog"] #content .product-layout,
body[class*="blog"] #content .article-layout,
body[class*="blog"] #content .blog-layout,
body[class*="blog"] #content .news-layout,
body[class*="blog"] #content .post-layout {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  display: block !important;
}

/* 5. Белые поля у изображения в верхней записи */
body[class*="blog"] #content .image,
body[class*="blog"] #content .product-thumb .image,
body[class*="blog"] #content .article-thumb .image,
body[class*="blog"] #content .blog-thumb .image,
body[class*="blog"] #content .news-thumb .image {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  overflow: hidden !important;
  width: 300px !important;
  height: 170px !important;
  border-radius: 16px !important;
}

body[class*="blog"] #content .image img,
body[class*="blog"] #content .product-thumb .image img,
body[class*="blog"] #content .article-thumb .image img,
body[class*="blog"] #content .blog-thumb .image img,
body[class*="blog"] #content .news-thumb .image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
}

/* 6. Последние статьи — принудительно 4 карточки в ряд */
.wx-blog-latest,
#content .wx-blog-latest {
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  display: block !important;
  margin-top: 34px !important;
}

.wx-blog-latest .wx-section-title,
#content .wx-blog-latest .wx-section-title {
  font-size: 26px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  margin: 0 0 18px !important;
  color: #fff !important;
}

.wx-latest-grid,
#content .wx-latest-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.wx-latest-grid > *,
#content .wx-latest-grid > * {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
}

.wx-latest-card,
#content .wx-latest-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(15,20,35,.98), rgba(8,12,23,.98)) !important;
  border: 1px solid rgba(72,104,255,.25) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.35) !important;
}

.wx-latest-cover,
#content .wx-latest-cover {
  height: 128px !important;
  width: 100% !important;
  overflow: hidden !important;
  background: #071020 !important;
}

.wx-latest-cover img,
#content .wx-latest-cover img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
}

.wx-latest-body,
#content .wx-latest-body {
  padding: 14px 16px 16px !important;
}

.wx-latest-body h3,
#content .wx-latest-body h3 {
  font-size: 19px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
  color: #fff !important;
  margin: 0 0 10px !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.wx-latest-body p,
#content .wx-latest-body p {
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: rgba(255,255,255,.72) !important;
}

.wx-latest-badge,
#content .wx-latest-badge {
  display: inline-flex !important;
  padding: 5px 10px !important;
  border-radius: 7px !important;
  background: linear-gradient(135deg,#7a3cff,#126ee8) !important;
  color: #fff !important;
  font-size: 12px !important;
  margin-bottom: 10px !important;
}

/* 7. Если модуль всё равно обёрнут в bootstrap col-md-3 */
#content .wx-blog-latest [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

/* 8. Категории */
.wx-blog-categories {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 9. Адаптив */
@media (max-width: 1100px) {
  body[class*="blog"] .row,
  body[class*="article"] .row {
    grid-template-columns: 1fr !important;
  }

  body[class*="blog"] #column-left,
  body[class*="article"] #column-left {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .wx-latest-grid,
  #content .wx-latest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body[class*="blog"] .container,
  body[class*="article"] .container {
    width: calc(100% - 24px) !important;
  }

  .wx-latest-grid,
  #content .wx-latest-grid {
    grid-template-columns: 1fr !important;
  }
}
/* BLOG LATEST FIX */

.wx-blog-card-image,
.wx-blog-card-thumb,
.wx-blog-thumb,
.blog-thumb img,
.wx-latest-thumb img {
    width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
    border-radius: 22px 22px 0 0;
}

.wx-blog-card,
.wx-latest-card {
    overflow: hidden;
}

.wx-blog-card img,
.wx-latest-card img {
    image-rendering: auto;
    transform: translateZ(0);
}
/* DARK PRODUCT IMAGE BACKGROUND */

.product-thumb .image,
.product-layout .image,
.wx-product-image {
    background: linear-gradient(180deg, #0b1020 0%, #12182b 100%) !important;
    border-radius: 28px !important;
    padding: 26px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,0.05) !important;

    box-shadow:
        0 10px 40px rgba(0,0,0,0.45),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.product-thumb .image img,
.product-layout .image img,
.wx-product-image img {
    border-radius: 18px !important;
    display: block !important;
    width: 100% !important;
}
/* REMOVE WHITE FRAME */

.product-thumb .image,
.product-layout .image,
.wx-product-image {
    background: #0b1020 !important;
    padding: 18px !important;
    border-radius: 32px !important;
}

.product-thumb .image::before,
.product-layout .image::before,
.wx-product-image::before {
    display: none !important;
    background: transparent !important;
}
/* FORCE DARK PRODUCT IMAGE */

.product-thumb .image,
.product-layout .image,
.product-thumb .image a,
.product-layout .image a {
    background: #0b1020 !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 18px !important;
    border-radius: 34px !important;
}

.product-thumb .image::before,
.product-layout .image::before,
.product-thumb .image a::before,
.product-layout .image a::before {
    display: none !important;
    content: none !important;
    background: transparent !important;
}

.product-thumb img,
.product-layout img {
    border-radius: 24px !important;
}
/* HARD FIX PRODUCT IMAGE WHITE BACKGROUND */

.product-thumb > div:first-child,
.product-thumb .image,
.product-thumb .image a,
.product-thumb a.thumbnail,
.product-thumb .thumbnail,
.product-thumb .product-image,
.product-thumb .product-img,
.product-thumb .wx-product-image,
.product-thumb .wx-product-media {
    background: #0b1020 !important;
    background-color: #0b1020 !important;
    padding: 24px !important;
    border-radius: 34px !important;
    border: none !important;
    box-shadow: none !important;
}

.product-thumb > div:first-child *,
.product-thumb .image *,
.product-thumb .thumbnail *,
.product-thumb .wx-product-image *,
.product-thumb .wx-product-media * {
    background-color: transparent !important;
}

.product-thumb img {
    background: transparent !important;
    border-radius: 22px !important;
    box-shadow: none !important;
}
/* =========================
   WEBIXA MOBILE COMPACT UX
========================= */

@media (max-width: 767px) {

  /* контейнер */
  .wx-container {
    padding: 0 16px;
  }

  /* header */
  .wx-header-row {
    min-height: 72px;
    gap: 12px;
  }

  .wx-logo {
    font-size: 18px;
    letter-spacing: 0.12em;
  }

  /* hero */
  .wx-hero {
    padding: 34px 0 42px;
  }

  .wx-hero h1 {
    font-size: 30px !important;
    line-height: 0.98;
    margin: 14px 0;
  }

  .wx-hero p {
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 0;
  }

  .wx-hero-actions {
    margin-top: 22px;
    gap: 12px;
  }

  .wx-btn-large,
  .wx-btn-primary,
  .wx-btn-secondary {
    min-height: 50px !important;
    font-size: 15px !important;
    padding: 0 20px !important;
    border-radius: 16px;
  }

  /* features */
  .wx-hero-features {
    gap: 10px;
    margin-top: 18px;
  }

  .wx-hero-features div {
    padding: 13px 15px;
    border-radius: 16px;
    font-size: 14px;
  }

  /* sections */
  .wx-section {
    padding: 46px 0;
  }

  .wx-section-head {
    margin-bottom: 18px;
  }

  .wx-section-head h2 {
    font-size: 22px !important;
    line-height: 1.15;
  }

  /* category cards */
  .wx-category-grid {
    gap: 14px;
  }

  .wx-category-card {
    border-radius: 22px;
  }

  .wx-category-image {
    height: 190px;
  }

  .wx-category-body {
    padding: 16px;
  }

  .wx-category-body h3 {
    font-size: 18px;
    margin-bottom: 4px;
  }

  /* product cards */
  .wx-product-grid {
    gap: 16px;
  }

  .wx-product-card {
    border-radius: 24px;
  }

  .wx-product-image-wrap {
    height: 220px;
    padding: 12px;
    border-radius: 22px;
  }

  .wx-product-body {
    padding: 18px;
  }

  .wx-product-body h3 {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 10px;
  }

  .wx-product-body p {
    min-height: auto;
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 18px;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .wx-price {
    font-size: 22px;
  }

  .wx-price-row {
    padding-top: 10px;
  }

  .wx-price-row .wx-btn {
    min-height: 48px !important;
    padding: 0 18px !important;
    font-size: 14px;
  }

  /* premium block */
  .wx-premium-box {
    padding: 22px;
    gap: 16px;
    border-radius: 24px;
  }

  .wx-premium-list {
    gap: 10px;
  }

  .wx-premium-list div {
    padding: 13px 14px;
    border-radius: 14px;
    font-size: 14px;
  }

  /* footer */
  .wx-footer {
    padding: 10px 0 20px;
    margin-top: 10px;
  }

  .wx-footer-logo {
    font-size: 18px;
  }

  .wx-footer p {
    font-size: 14px;
    line-height: 1.5;
  }

  .wx-footer-links {
    gap: 12px;
  }

  .wx-footer-links a {
    font-size: 14px;
  }

  /* product page */
  .wx-single-info {
    padding: 20px;
  }

  .wx-single-features {
    gap: 10px;
    margin: 18px 0;
  }

  .wx-single-features div {
    padding: 12px;
    border-radius: 14px;
    font-size: 14px;
  }

  /* description */
  .wx-product-description {
    padding: 22px 18px;
    margin-top: 28px;
  }

  .wx-product-description p {
    font-size: 15px;
    line-height: 1.65;
  }

  /* faq */
  .wx-faq-item {
    padding: 20px;
    border-radius: 20px;
  }

  .wx-faq-item h2 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .wx-faq-item p {
    font-size: 15px;
    line-height: 1.6;
  }

  /* mobile sticky buy */
  .wx-mobile-buy-bar {
    padding: 10px 12px;
    border-radius: 18px;
  }

  body {
    padding-bottom: 84px;
  }
}
/* WEBIXA DIGITAL CHECKOUT CLEANUP */

#collapse-payment-address .form-group:has(input[name="lastname"]),
#collapse-payment-address .form-group:has(input[name="telephone"]) {
  display: none !important;
}

#collapse-payment-address input[name="lastname"],
#collapse-payment-address input[name="telephone"] {
  display: none !important;
}
/* Рекламный баннер в личном кабинете */
.wx-account-ad {
  margin-top: 24px;
  padding: 14px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

.wx-account-ad-label {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}

.wx-account-ad a {
  display: block;
  text-decoration: none;
}

.wx-account-ad img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0;
  border-radius: 16px;
}

@media (max-width: 768px) {
  .wx-account-ad {
    margin-top: 20px;
    padding: 10px;
    border-radius: 18px;
  }

  .wx-account-ad img {
    border-radius: 14px;
  }
}
/* Реклама в ЛК — выравнивание по центру правого блока */
.wx-auth-grid > .wx-auth-card:nth-child(2) {
  display: flex;
  flex-direction: column;
}

.wx-auth-grid > .wx-auth-card:nth-child(2) .wx-account-ad {
  margin-top: auto;
  margin-bottom: auto;
}

/* На мобильной версии оставляем обычный отступ */
@media (max-width: 768px) {
  .wx-auth-grid > .wx-auth-card:nth-child(2) .wx-account-ad {
    margin-top: 24px;
    margin-bottom: 0;
  }
}

/* =========================================================
   WEBIXA PREMIUM CATALOG FILTER + COMPACT CARDS + WISHLIST
   ========================================================= */
.wx-wishlist-head-btn {
  position: relative;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.055);
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: .25s ease;
}

.wx-wishlist-head-btn:hover {
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  border-color: rgba(125, 105, 255, .45);
  box-shadow: 0 12px 32px rgba(93, 76, 255, .22);
}

.wx-wishlist-icon { font-size: 20px; line-height: 1; }
.wx-wishlist-label { font-weight: 700; font-size: 14px; }
.wx-wishlist-count {
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: linear-gradient(135deg,#7c4dff,#2563eb);
  color:#fff;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 0 18px rgba(124,77,255,.55);
}

.wx-breadcrumbs {
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  align-items:center;
  margin-bottom: 18px;
  color: rgba(255,255,255,.42);
  font-size: 14px;
}
.wx-breadcrumbs a { color: rgba(255,255,255,.62); text-decoration:none; }
.wx-breadcrumbs a:hover { color:#fff; }

.wx-catalog-hero { position:relative; overflow:hidden; padding-bottom: 28px; }
.wx-catalog-hero::after {
  content:"";
  position:absolute;
  right:-120px;
  top:60px;
  width:520px;
  height:260px;
  background: radial-gradient(circle, rgba(124,77,255,.28), transparent 60%);
  pointer-events:none;
  filter: blur(4px);
}
.wx-catalog-hero-row {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 28px;
  align-items:end;
}
.wx-catalog-subtitle,
.wx-category-description-compact {
  max-width: 760px;
  color: rgba(255,255,255,.68);
  font-size: 17px;
  line-height: 1.7;
}
.wx-category-description-compact p:last-child { margin-bottom: 0; }
.wx-catalog-stat {
  min-height: 122px;
  padding: 22px;
  border-radius: 26px;
  border: 1px solid rgba(125,105,255,.28);
  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
  box-shadow: inset 0 0 30px rgba(125,105,255,.08), 0 22px 60px rgba(0,0,0,.22);
  text-align:left;
}
.wx-catalog-stat span {
  display:block;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  margin-bottom: 8px;
}
.wx-catalog-stat strong {
  display:block;
  font-size: 44px;
  line-height: 1;
  background: linear-gradient(135deg,#fff,#7dd3fc,#a78bfa);
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}

.wx-market-wrap { padding-top: 18px; }
.wx-market-layout {
  display:grid;
  grid-template-columns: 318px minmax(0, 1fr);
  gap: 24px;
  align-items:start;
}
.wx-filter-mobile-toggle { display:none; }
.wx-filter-panel {
  position: sticky;
  top: 102px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(16,20,38,.88), rgba(8,10,18,.88)),
    radial-gradient(circle at top left, rgba(124,77,255,.22), transparent 45%);
  box-shadow: 0 24px 70px rgba(0,0,0,.38), 0 0 55px rgba(124,77,255,.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  padding: 18px;
}
.wx-filter-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 14px;
  padding: 4px 4px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom: 10px;
}
.wx-filter-eyebrow {
  display:block;
  color: rgba(255,255,255,.45);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size: 11px;
  margin-bottom: 4px;
}
.wx-filter-head h2 { margin:0; font-size: 24px; }
.wx-filter-icon {
  width: 48px;
  height: 48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 16px;
  color:#fff;
  background: linear-gradient(135deg,#7c4dff,#2563eb);
  box-shadow: 0 0 28px rgba(124,77,255,.45);
}
.wx-filter-group {
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.075);
}
.wx-filter-group:last-of-type { border-bottom:0; }
.wx-filter-group-title {
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  font-size: 15px;
  font-weight: 800;
  text-align:left;
}
.wx-filter-group-title small {
  color: rgba(255,255,255,.45);
  transition: transform .2s ease;
}
.wx-filter-options {
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin-top: 12px;
}
.wx-filter-group.is-collapsed .wx-filter-options { display:none; }
.wx-filter-group.is-collapsed .wx-filter-group-title small { transform: rotate(-90deg); }
.wx-filter-chip {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap: 7px;
  max-width: 100%;
  min-height: 34px;
  padding: 0 11px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.105);
  background: rgba(255,255,255,.045);
  color: rgba(255,255,255,.76);
  font-size: 13px;
  line-height: 1.1;
  cursor:pointer;
  transition: .18s ease;
  user-select:none;
}
.wx-filter-chip input { display:none; }
.wx-filter-chip em {
  font-style:normal;
  color: rgba(255,255,255,.42);
  font-size: 12px;
}
.wx-filter-chip:hover {
  color:#fff;
  border-color: rgba(125,105,255,.35);
  background: rgba(125,105,255,.10);
}
.wx-filter-chip.active {
  color:#fff;
  border-color: rgba(125,105,255,.75);
  background: linear-gradient(135deg, rgba(124,77,255,.96), rgba(37,99,235,.92));
  box-shadow: 0 10px 28px rgba(91,76,255,.28);
}
.wx-filter-chip.active::before {
  content:"✓";
  font-weight: 900;
  font-size: 12px;
}
.wx-filter-chip.active em { color: rgba(255,255,255,.78); }
.wx-filter-actions {
  display:grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 10px;
  margin-top: 18px;
}
.wx-filter-reset,
.wx-filter-apply {
  min-height: 48px;
  border-radius: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight: 800;
  text-decoration:none;
}
.wx-filter-reset {
  color: rgba(255,255,255,.8);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
}
.wx-filter-apply {
  border:0;
  color:#fff;
  background: linear-gradient(135deg,#ff743d,#7c4dff 52%,#2563eb);
  box-shadow: 0 16px 36px rgba(124,77,255,.34);
}
.wx-filter-reset:hover { color:#fff; text-decoration:none; }

.wx-market-content { min-width:0; }
.wx-market-toolbar {
  min-height: 64px;
  padding: 12px 16px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.04);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 16px;
  margin-bottom: 18px;
}
.wx-market-toolbar strong {
  color: rgba(255,255,255,.72);
  font-size: 14px;
  font-weight: 600;
}
.wx-market-toolbar span {
  margin-left: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  color:#fff;
  font-size: 12px;
  background: rgba(124,77,255,.2);
  border: 1px solid rgba(124,77,255,.28);
}
.wx-sort-select {
  min-height: 42px;
  min-width: 210px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: #111522;
  color:#fff;
  outline:none;
}

.wx-product-grid-premium {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.wx-product-card-premium {
  position:relative;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028)),
    radial-gradient(circle at 80% 0%, rgba(124,77,255,.12), transparent 42%);
  box-shadow: 0 22px 60px rgba(0,0,0,.32);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.wx-product-card-premium:hover {
  transform: translateY(-5px);
  border-color: rgba(125,105,255,.36);
  box-shadow: 0 30px 80px rgba(0,0,0,.42), 0 0 44px rgba(124,77,255,.16);
}
.wx-product-card-premium .wx-product-media {
  position:relative;
  padding: 12px 12px 0;
}
.wx-product-card-premium .wx-product-image-wrap {
  height: 190px;
  min-height: 190px;
  padding: 0;
  border-radius: 22px;
  background: rgba(6,8,16,.92);
  border: 1px solid rgba(255,255,255,.075);
  box-shadow:none;
}
.wx-product-card-premium .wx-product-image {
  object-fit: cover;
  border-radius: 21px;
}
.wx-product-card-premium .wx-product-body {
  padding: 18px 18px 16px;
  display:flex;
  flex-direction:column;
  min-height: 220px;
}
.wx-product-card-premium .wx-product-body h3 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.18;
}
.wx-product-card-premium .wx-product-body h3 a:hover { color: #a78bfa; }
.wx-product-card-premium .wx-product-body p {
  margin: 0;
  color: rgba(255,255,255,.62);
  line-height: 1.55;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
.wx-product-tags {
  display:flex;
  flex-wrap:wrap;
  gap: 7px;
  margin-top: 14px;
}
.wx-product-tags span {
  min-height: 28px;
  display:inline-flex;
  align-items:center;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
  color: rgba(255,255,255,.66);
  font-size: 12px;
  white-space:nowrap;
}
.wx-product-badges {
  position:absolute;
  top: 22px;
  left: 22px;
  z-index:3;
  display:flex;
  flex-wrap:wrap;
  gap: 7px;
}
.wx-product-badge {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color:#fff;
  font-size: 12px;
  font-weight: 900;
  display:inline-flex;
  align-items:center;
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
}
.wx-product-badge.sale { background: linear-gradient(135deg,#ff743d,#f43f5e); }
.wx-product-badge.new { background: linear-gradient(135deg,#2563eb,#7c4dff); }
.wx-product-badge.premium { background: linear-gradient(135deg,#a78bfa,#7c3aed); }
.wx-product-badge.hit { background: linear-gradient(135deg,#ff743d,#7c4dff); }
.wx-wishlist-btn {
  position:absolute;
  top: 22px;
  right: 22px;
  z-index:4;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(5,7,14,.62);
  color:#fff;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size: 22px;
  line-height:1;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: .22s ease;
}
.wx-wishlist-btn:hover,
.wx-wishlist-btn.is-added {
  color:#fff;
  text-decoration:none;
  border-color: rgba(244,63,94,.48);
  background: linear-gradient(135deg,#f43f5e,#7c4dff);
  box-shadow: 0 12px 32px rgba(244,63,94,.28);
  transform: scale(1.04);
}
.wx-wishlist-btn.is-loading { opacity:.7; pointer-events:none; }
.wx-product-card-premium .wx-price-row {
  margin-top:auto;
  padding-top: 16px;
}
.wx-product-card-premium .wx-price-row > div { min-height:auto; }
.wx-price-box { display:block !important; }
.wx-product-card-premium .wx-price {
  font-size: 22px;
  line-height:1.1;
  background: linear-gradient(135deg,#fff,#a78bfa,#60a5fa);
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  font-weight: 900;
}
.wx-old-price {
  color: rgba(255,255,255,.42);
  text-decoration: line-through;
  font-size: 14px;
  margin-bottom: 3px;
}
.wx-card-arrow {
  width: 46px;
  height: 46px;
  min-width:46px;
  border-radius: 16px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.10);
  color:#fff;
  text-decoration:none;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  font-size: 22px;
  transition: .22s ease;
}
.wx-card-arrow:hover {
  color:#fff;
  text-decoration:none;
  background: linear-gradient(135deg,#7c4dff,#2563eb);
  box-shadow: 0 14px 34px rgba(37,99,235,.28);
  transform: translateX(2px);
}
.wx-pagination-wrap { margin-top: 30px; }

@media (max-width: 1180px) {
  .wx-market-layout { grid-template-columns: 280px minmax(0, 1fr); }
  .wx-product-grid-premium { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wx-wishlist-label { display:none; }
}

@media (max-width: 820px) {
  .wx-catalog-hero-row { grid-template-columns: 1fr; }
  .wx-catalog-stat { display:none; }
  .wx-filter-mobile-toggle {
    width:100%;
    min-height: 56px;
    margin-bottom: 16px;
    border-radius: 18px;
    border: 1px solid rgba(125,105,255,.28);
    background: linear-gradient(135deg, rgba(124,77,255,.20), rgba(37,99,235,.12));
    color:#fff;
    font-weight: 900;
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
  }
  .wx-market-layout { display:block; }
  .wx-filter-panel {
    display:none;
    position:relative;
    top:auto;
    margin-bottom: 18px;
  }
  body.wx-filter-open .wx-filter-panel { display:block; }
  .wx-product-grid-premium { grid-template-columns: 1fr; }
  .wx-market-toolbar { display:block; }
  .wx-sort-select { width:100%; margin-top: 12px; }
  .wx-product-card-premium .wx-product-image-wrap { height: 220px; }
  .wx-wishlist-head-btn { min-width: 44px; padding: 0 12px; }
}

@media (max-width: 480px) {
  .wx-product-card-premium .wx-product-image-wrap { height: 190px; }
  .wx-product-card-premium .wx-product-body { min-height: 210px; }
  .wx-filter-actions { grid-template-columns: 1fr; }
}


/* WEBIXA PREMIUM CARD IMAGE HARD OVERRIDE */
.wx-product-card-premium .wx-product-image-wrap {
  padding: 0 !important;
  background: rgba(6,8,16,.92) !important;
  box-shadow: none !important;
}
.wx-product-card-premium .wx-product-image {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 21px !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}


/* =========================================================
   WEBIXA HOME PREMIUM PRODUCT CARDS + HEADER ORDER FIX
   ========================================================= */
.wx-home-product-grid-premium {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}

.wx-home-product-card-premium .wx-product-image-wrap {
  height: 190px;
}

.wx-home-product-card-premium .wx-product-body {
  min-height: 242px;
}

.wx-home-product-card-premium h3 {
  font-size: 21px;
  line-height: 1.22;
}

.wx-home-product-card-premium .wx-product-body p {
  min-height: 46px;
}

.wx-head-actions .wx-rutube-btn { order: 1; }
.wx-head-actions .wx-wishlist-head-btn { order: 2; }
.wx-head-actions .wx-cart-btn { order: 3; }

@media (max-width: 1180px) {
  .wx-home-product-grid-premium {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .wx-home-product-grid-premium {
    grid-template-columns: 1fr;
  }

  .wx-home-product-card-premium .wx-product-image-wrap {
    height: 210px;
  }
}


/* =========================================================
   WEBIXA PREMIUM HERO V1
   ========================================================= */
.wx-hero-v1 {
  position: relative;
  overflow: hidden;
  min-height: 720px;
  padding: 96px 0 78px;
  background:
    radial-gradient(circle at 72% 34%, rgba(126, 74, 255, .26), transparent 34%),
    radial-gradient(circle at 21% 48%, rgba(54, 172, 255, .10), transparent 32%),
    linear-gradient(135deg, #060911 0%, #080b17 44%, #120b25 100%);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.wx-hero-v1:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 120px 120px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.45), transparent 75%);
  pointer-events: none;
}

.wx-hero-v1-glow {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 999px;
  filter: blur(70px);
  pointer-events: none;
  opacity: .46;
}

.wx-hero-v1-glow-a {
  right: 7%;
  top: 12%;
  background: rgba(118, 78, 255, .45);
}

.wx-hero-v1-glow-b {
  left: -12%;
  bottom: -22%;
  background: rgba(31, 167, 255, .22);
}

.wx-hero-v1-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(420px, .92fr) minmax(620px, 1.08fr);
  align-items: center;
  gap: 54px;
}

.wx-hero-v1-content {
  max-width: 640px;
}

.wx-hero-v1-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 19px;
  margin-bottom: 30px;
  border-radius: 999px;
  color: rgba(255,255,255,.92);
  font-weight: 800;
  font-size: 15px;
  letter-spacing: -.01em;
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  border: 1px solid rgba(134, 112, 255, .48);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 34px rgba(113, 82, 255, .14);
}

.wx-hero-v1-badge span {
  color: #ff7a32;
  text-shadow: 0 0 18px rgba(255, 105, 43, .8);
}

.wx-hero-v1 h1 {
  margin: 0;
  max-width: 650px;
  color: #fff;
  font-size: clamp(48px, 4.45vw, 78px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 950;
  text-shadow: 0 16px 54px rgba(0,0,0,.34);
}

.wx-hero-v1 h1 br:nth-of-type(2) + * {
  color: #fff;
}

.wx-hero-v1 h1::first-letter {
  letter-spacing: -.07em;
}

.wx-hero-v1-content > p {
  max-width: 565px;
  margin: 28px 0 0;
  color: rgba(255,255,255,.68);
  font-size: 21px;
  line-height: 1.58;
  letter-spacing: -.02em;
}

.wx-hero-v1-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 40px;
}

.wx-hero-v1-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 70px;
  padding: 0 32px;
  border-radius: 17px;
  font-size: 18px;
  font-weight: 900;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.wx-hero-v1-btn:hover {
  transform: translateY(-2px);
}

.wx-hero-v1-btn-main {
  color: #fff;
  background: linear-gradient(135deg, #ff7938 0%, #f05d8d 43%, #744eff 100%);
  box-shadow: 0 18px 44px rgba(120, 77, 255, .35), 0 12px 34px rgba(255, 102, 45, .18);
}

.wx-hero-v1-btn-main:hover {
  color: #fff;
  box-shadow: 0 22px 62px rgba(120, 77, 255, .48), 0 14px 40px rgba(255, 102, 45, .22);
}

.wx-hero-v1-btn-ghost {
  min-width: 238px;
  color: rgba(255,255,255,.94);
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}

.wx-hero-v1-btn-ghost:hover {
  color: #fff;
  border-color: rgba(139, 112, 255, .55);
  box-shadow: 0 16px 42px rgba(91, 73, 255, .16), inset 0 0 0 1px rgba(255,255,255,.035);
}

.wx-hero-v1-features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
}

.wx-hero-v1-feature {
  min-height: 76px;
  padding: 14px 15px;
  border-radius: 15px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.095);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}

.wx-hero-v1-feature span {
  display: inline-flex;
  margin-right: 9px;
  color: #ff7a38;
  font-weight: 950;
  text-shadow: 0 0 16px rgba(255, 113, 48, .68);
}

.wx-hero-v1-feature b {
  display: inline;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.wx-hero-v1-feature small {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  line-height: 1.2;
}

.wx-hero-v1-showcase {
  position: relative;
  height: 560px;
  min-width: 0;
  perspective: 1200px;
}

.wx-hero-v1-showcase:before {
  content: "";
  position: absolute;
  left: 5%;
  right: 0;
  bottom: 4%;
  height: 120px;
  background: radial-gradient(ellipse at center, rgba(118,83,255,.28), transparent 68%);
  filter: blur(16px);
}

.wx-vitrine-card {
  position: absolute;
  overflow: hidden;
  border-radius: 22px;
  background: rgba(10, 13, 26, .86);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow:
    0 28px 90px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 46px rgba(96, 73, 255, .18);
  transform-style: preserve-3d;
}

.wx-vitrine-card:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 75% 15%, rgba(127, 83, 255, .24), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 38%);
  pointer-events: none;
}

.wx-vitrine-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 9px;
  height: 45px;
  padding: 0 17px;
  color: rgba(255,255,255,.84);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wx-vitrine-top b {
  margin-right: auto;
  font-size: 10px;
  letter-spacing: .08em;
}

.wx-vitrine-top span {
  width: 24px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
}

.wx-vitrine-top-light {
  color: rgba(16,18,25,.82);
}

.wx-vitrine-top-light span {
  background: rgba(20,20,30,.12);
}

.wx-vitrine-blog {
  left: 0;
  top: 96px;
  width: 255px;
  height: 420px;
  transform: rotateY(-8deg) rotateZ(-1deg);
  background: linear-gradient(160deg, rgba(8, 18, 32, .96), rgba(5, 8, 17, .96));
  border-color: rgba(69, 155, 255, .28);
}

.wx-vitrine-main {
  left: 230px;
  top: 28px;
  width: 350px;
  height: 505px;
  z-index: 5;
  background: linear-gradient(180deg, #fff1e5 0%, #f6e4d8 100%);
  border-color: rgba(255,255,255,.45);
  box-shadow:
    0 32px 95px rgba(0,0,0,.48),
    0 0 60px rgba(255, 194, 143, .22),
    0 0 70px rgba(133, 82, 255, .24);
}

.wx-vitrine-service {
  right: 95px;
  top: 70px;
  width: 300px;
  height: 455px;
  z-index: 3;
  background: linear-gradient(150deg, rgba(11, 15, 30, .98), rgba(27, 18, 50, .94));
  border-color: rgba(149, 90, 255, .34);
  transform: rotateY(7deg);
}

.wx-vitrine-corp {
  right: 0;
  top: 138px;
  width: 225px;
  height: 420px;
  z-index: 1;
  background: linear-gradient(180deg, rgba(235, 245, 255, .96), rgba(191, 213, 240, .94));
  border-color: rgba(255,255,255,.35);
  transform: rotateY(9deg);
}

.wx-vitrine-hero {
  position: relative;
  z-index: 2;
  margin: 10px 16px 0;
  height: 225px;
  border-radius: 17px;
  overflow: hidden;
  padding: 28px 22px;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(5,8,18,.1), rgba(5,8,18,.9)),
    radial-gradient(circle at 68% 30%, rgba(88, 160, 255, .42), transparent 33%),
    linear-gradient(135deg, #0b1725, #080914);
}

.wx-vitrine-hero:after {
  content: "";
  position: absolute;
  right: 23px;
  bottom: 16px;
  width: 68px;
  height: 108px;
  border-radius: 40px 40px 20px 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.15));
  box-shadow: -18px -35px 50px rgba(76, 167, 255, .18);
}

.wx-vitrine-hero strong,
.wx-vitrine-service-copy strong,
.wx-vitrine-corp-copy strong {
  position: relative;
  z-index: 2;
  display: block;
  color: #fff;
  font-size: 21px;
  line-height: 1.09;
  letter-spacing: -.035em;
}

.wx-vitrine-hero em,
.wx-vitrine-product-copy em,
.wx-vitrine-service-copy em,
.wx-vitrine-corp-copy em {
  position: relative;
  z-index: 2;
  display: inline-flex;
  margin-top: 18px;
  padding: 8px 13px;
  border-radius: 999px;
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(135deg, #4aa7ff, #7652ff);
}

.wx-vitrine-mini-row {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  padding: 13px 16px;
}

.wx-vitrine-mini-row i {
  height: 70px;
  border-radius: 12px;
  background:
    radial-gradient(circle at 72% 35%, rgba(255, 164, 78, .32), transparent 42%),
    linear-gradient(160deg, rgba(64, 146, 255, .28), rgba(255,255,255,.08));
}

.wx-vitrine-product {
  position: relative;
  z-index: 2;
  height: 350px;
  margin: 0 18px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 73% 45%, rgba(160, 96, 54, .18), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.02));
}

.wx-vitrine-product-copy {
  padding: 38px 23px;
}

.wx-vitrine-product-copy strong {
  display: block;
  color: #211816;
  font-size: 34px;
  line-height: 1.08;
  font-family: Georgia, serif;
  font-weight: 600;
  letter-spacing: -.05em;
}

.wx-vitrine-product-copy small {
  display: block;
  margin-top: 10px;
  color: rgba(30, 22, 20, .68);
  font-size: 16px;
}

.wx-vitrine-product-copy em {
  color: #fff;
  background: #161316;
}

.wx-vitrine-bottle {
  position: absolute;
  right: 35px;
  bottom: 50px;
  width: 82px;
  height: 190px;
  border-radius: 20px 20px 16px 16px;
  background: linear-gradient(90deg, #54301d, #b27445 42%, #482517);
  box-shadow: 0 20px 34px rgba(65, 31, 12, .22);
}

.wx-vitrine-bottle:before {
  content: "";
  position: absolute;
  left: 27px;
  top: -50px;
  width: 28px;
  height: 60px;
  border-radius: 14px;
  background: linear-gradient(90deg, #111, #4b3e39, #111);
}

.wx-vitrine-bottle i {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 46px;
  height: 58px;
  border-radius: 8px;
  background: rgba(255, 232, 200, .72);
}

.wx-vitrine-icons {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 0 22px;
}

.wx-vitrine-icons i {
  height: 44px;
  border-radius: 14px;
  background: rgba(25, 18, 18, .08);
  border: 1px solid rgba(25, 18, 18, .08);
}

.wx-vitrine-service-copy {
  position: relative;
  z-index: 2;
  padding: 34px 25px 18px;
}

.wx-vitrine-service-copy strong {
  font-size: 28px;
}

.wx-vitrine-service-copy em {
  background: linear-gradient(135deg, #6a4bff, #a04dff);
}

.wx-vitrine-stats {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 20px 20px 0;
  padding: 16px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.055);
}

.wx-vitrine-stats div {
  text-align: center;
}

.wx-vitrine-stats b {
  display: block;
  color: #cbbaff;
  font-size: 18px;
}

.wx-vitrine-stats small {
  color: rgba(255,255,255,.48);
  font-size: 10px;
}

.wx-vitrine-corp-copy {
  position: relative;
  z-index: 2;
  padding: 30px 18px;
}

.wx-vitrine-corp-copy strong {
  color: #1a2a45;
  font-size: 24px;
}

.wx-vitrine-corp-copy em {
  color: #fff;
  background: linear-gradient(135deg, #4379ff, #274e96);
}

.wx-vitrine-building {
  position: absolute;
  right: 12px;
  bottom: 0;
  width: 100px;
  height: 195px;
  clip-path: polygon(28% 0, 100% 16%, 100% 100%, 0 100%, 0 20%);
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 7px, transparent 7px 18px),
    linear-gradient(160deg, #5f82b6, #16315b);
  opacity: .7;
}

@media (max-width: 1280px) {
  .wx-hero-v1-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .wx-hero-v1-content {
    max-width: 100%;
  }

  .wx-hero-v1-showcase {
    height: 510px;
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 860px) {
  .wx-hero-v1 {
    min-height: auto;
    padding: 54px 0 46px;
  }

  .wx-hero-v1 h1 {
    font-size: clamp(38px, 12vw, 54px);
  }

  .wx-hero-v1-content > p {
    font-size: 17px;
  }

  .wx-hero-v1-actions {
    flex-direction: column;
  }

  .wx-hero-v1-btn {
    width: 100%;
    min-height: 62px;
  }

  .wx-hero-v1-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wx-hero-v1-showcase {
    height: 460px;
    transform: scale(.88);
    transform-origin: top center;
    margin-bottom: -50px;
  }
}

@media (max-width: 620px) {
  .wx-hero-v1-badge {
    font-size: 13px;
    padding: 0 14px;
  }

  .wx-hero-v1-features {
    grid-template-columns: 1fr;
  }

  .wx-hero-v1-showcase {
    height: 375px;
    transform: scale(.68);
    margin-left: -68px;
    margin-bottom: -100px;
    width: 760px;
  }
}


/* ===== WEBIXA REGISTRATION FIELD ERROR HIGHLIGHT ===== */
.wx-form-group.wx-has-error input,
.wx-form-group.wx-has-error select,
.wx-form-group.wx-has-error textarea {
  border-color: rgba(255, 80, 80, 0.85) !important;
  background: rgba(255, 60, 60, 0.08) !important;
  box-shadow: 0 0 0 3px rgba(255, 80, 80, 0.18), 0 0 26px rgba(255, 60, 60, 0.18) !important;
}

.wx-form-group .wx-error {
  display: block !important;
  margin-top: 10px !important;
  padding: 13px 15px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 80, 80, 0.48) !important;
  background: linear-gradient(135deg, rgba(255, 80, 80, 0.16), rgba(255, 0, 0, 0.08)) !important;
  color: #ffd1d1 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  box-shadow: 0 10px 30px rgba(255, 0, 0, 0.14) !important;
}

.wx-form-group.wx-has-error label {
  color: #ff9a9a !important;
}
/* ===== /WEBIXA REGISTRATION FIELD ERROR HIGHLIGHT ===== */