:root{--nwk9-bg:#0d0b08;--nwk9-panel:#14110c;--nwk9-gold:#d4af37;--nwk9-gold2:#f1d789;--nwk9-line:#2e2717;--nwk9-txt:#efe9da;--nwk9-dim:#b3a98e;--nwk9-btn:#d4af37}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--nwk9-bg);color:var(--nwk9-txt);font:16px/1.75 "Jost",sans-serif}
.nwk9-wrap{max-width:960px;margin:0 auto;padding:0 20px}
a{color:var(--nwk9-gold2)}
.nwk9-head{border-bottom:1px solid var(--nwk9-line);background:linear-gradient(180deg,#171309,#0d0b08)}
.nwk9-head .nwk9-wrap{display:flex;flex-direction:column;align-items:center;padding:26px 20px 16px;gap:12px}
.nwk9-logo{font-family:"Cinzel",serif;font-size:30px;letter-spacing:6px;text-transform:uppercase;color:var(--nwk9-gold);text-decoration:none;text-align:center}
.nwk9-logo::before,.nwk9-logo::after{content:" ◆ ";font-size:14px;vertical-align:middle;color:var(--nwk9-gold)}
.nwk9-nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase}
.nwk9-nav a{color:var(--nwk9-dim);text-decoration:none}
.nwk9-nav a:hover{color:var(--nwk9-gold2)}
.nwk9-hero{padding:64px 0 34px;text-align:center;position:relative}
.nwk9-frame{border:1px solid var(--nwk9-gold);outline:1px solid var(--nwk9-line);outline-offset:6px;padding:44px 30px;position:relative}
.nwk9-frame::before,.nwk9-frame::after{content:"◆";color:var(--nwk9-gold);position:absolute;top:-11px;font-size:15px;background:var(--nwk9-bg);padding:0 8px}
.nwk9-frame::before{left:24px}.nwk9-frame::after{right:24px}
.nwk9-crest{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--nwk9-gold)}
.nwk9-hero h1{font-family:"Cinzel",serif;font-size:clamp(28px,4.6vw,46px);line-height:1.2;margin:18px 0 12px;background:linear-gradient(180deg,var(--nwk9-gold2),var(--nwk9-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.nwk9-lead{color:var(--nwk9-dim);max-width:620px;margin:0 auto}
.nwk9-btn{display:inline-block;font-family:"Cinzel",serif;letter-spacing:2.5px;text-transform:uppercase;font-size:13.5px;color:#14110c;background:linear-gradient(180deg,var(--nwk9-gold2),var(--nwk9-gold));padding:14px 34px;text-decoration:none;margin-top:26px}
.nwk9-btn:hover{filter:brightness(1.08)}
.nwk9-btn-custom{display:inline-block;font-family:"Cinzel",serif;letter-spacing:2.5px;text-transform:uppercase;font-size:13.5px;color:#14110c;background:var(--nwk9-gold2);padding:14px 34px;text-decoration:none;margin-top:26px}
.nwk9-btn-custom:hover{filter:brightness(1.08)}
.nwk9-royals{display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin-top:38px;border-top:1px solid var(--nwk9-line);border-bottom:1px solid var(--nwk9-line)}
.nwk9-royals div{padding:16px 26px;text-align:center;border-right:1px solid var(--nwk9-line)}
.nwk9-royals div:last-child{border-right:0}
.nwk9-royals b{font-family:"Cinzel",serif;font-size:20px;color:var(--nwk9-gold2);display:block}
.nwk9-royals span{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--nwk9-dim)}
.nwk9-divider{text-align:center;color:var(--nwk9-gold);letter-spacing:10px;margin:36px 0 0}
section{padding:34px 0 4px}
section h2{font-family:"Cinzel",serif;text-align:center;font-size:clamp(22px,3vw,30px);color:var(--nwk9-gold2);margin:0 0 6px;letter-spacing:1px}
.nwk9-subrule{width:120px;height:1px;margin:12px auto 20px;background:linear-gradient(90deg,transparent,var(--nwk9-gold),transparent)}
section h3{font-family:"Cinzel",serif;font-size:18px;color:var(--nwk9-gold2)}
.nwk9-court{background:var(--nwk9-panel);border:1px solid var(--nwk9-line);padding:24px 28px}
.nwk9-tbl-wrap{overflow-x:auto;margin:16px 0}
table{border-collapse:collapse;width:100%;font-size:14.5px}
caption{color:var(--nwk9-dim);font-style:italic;padding-bottom:10px}
th{border-top:2px solid var(--nwk9-gold);border-bottom:1px solid var(--nwk9-gold);color:var(--nwk9-gold2);font-family:"Cinzel",serif;font-weight:600;letter-spacing:1px;padding:10px 13px;text-align:left;font-size:13px}
td{border-bottom:1px solid var(--nwk9-line);padding:10px 13px}
ul{list-style:none;padding:0}
ul li{padding-left:26px;position:relative;margin:9px 0}
ul li::before{content:"◆";position:absolute;left:2px;top:2px;color:var(--nwk9-gold);font-size:10px}
ol{padding-left:24px}ol li{margin:9px 0}ol li::marker{color:var(--nwk9-gold2);font-family:"Cinzel",serif}
.nwk9-note{border:1px solid var(--nwk9-gold);background:rgba(212,175,55,.06);padding:15px 20px;color:var(--nwk9-gold2);margin:18px 0;font-style:italic}
.nwk9-faqd{border-bottom:1px solid var(--nwk9-line)}
.nwk9-faqd summary{cursor:pointer;padding:15px 4px;font-family:"Cinzel",serif;color:var(--nwk9-txt);list-style:none;letter-spacing:.5px}
.nwk9-faqd summary::before{content:"❖ ";color:var(--nwk9-gold)}
.nwk9-faqd div{padding:0 4px 16px 26px;color:var(--nwk9-dim)}
footer{border-top:1px solid var(--nwk9-gold);margin-top:54px;padding:28px 0;text-align:center;color:var(--nwk9-dim);font-size:13px;letter-spacing:.5px}

/* listing */
.listing-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}


/* Контейнер карточки */
.listing {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #332B1F;
  border: 1px solid #F1D789;
  border-radius: 14px;
  padding: 20px 24px;
}

.info-section {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 240px;
}

.logo-box {
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.logo-box img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}

.details {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.badge {
  background-color: #df2c3d;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.name {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}


.rating-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.stars {
  color: #ffc107;
  font-size: 14px;
  letter-spacing: 1px;
}

.rating-value {
  font-size: 13px;
  font-weight: 600;
  color: #FFD452;
}


.bonus-section {
  flex: 1;
  background-color: #332B1F;
  border: 1px solid #F1D789;
  border-radius: 8px;
  padding: 14px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
  align-self: stretch;
}

.bonus-title {
  font-size: 14px;
  font-weight: bold;
  color: #FFD452;
  display: flex;
  align-items: center;
  gap: 6px;
}

.bonus-text {
  font-size: 16px;
  font-weight: bold;
  color: #df2c3d;
}

/* Секция Кнопок */
.buttons-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 170px;
}

@media (max-width: 768px) {
  .listing {
    flex-direction: column;
    align-items: stretch;
  }

  .buttons-section {
    width: 100%;
  }
}

button.vgy0-btn {
  text-align: center;
  border: none;
  color: #000;
}
/* listing */