/* GPUGaraj Category v210 — clean rebuild based on corporate v201 */

/* Brand bar intentionally removed in v210. */

/* GPUGaraj Farki platform cards */
.gpc210-platforms{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:18px;
  flex-wrap:wrap;
}
.gpc210-platform{
  display:flex;
  align-items:center;
  justify-content:center;
  width:132px;
  height:58px;
  padding:0 14px;
  border:1px solid #dfe4ea;
  border-radius:13px;
  background:#fff;
  color:#11151a;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
  overflow:visible;
}
.gpc210-amd-svg{
  display:block;
  width:112px;
  height:36px;
  overflow:visible;
  color:#11151a;
}
.gpc210-platform--intel{
  position:relative;
  color:#1384d8;
}
.gpc210-platform--intel span{
  font-family:Arial,Helvetica,sans-serif;
  font-size:29px;
  font-weight:800;
  line-height:1;
  letter-spacing:-2.2px;
}
.gpc210-platform--intel i{
  position:absolute;
  width:4px;
  height:4px;
  right:19px;
  bottom:15px;
  border-radius:50%;
  background:#1384d8;
}
.gpc210-platform--nvidia{
  color:#76b900;
  font-family:Arial,Helvetica,sans-serif;
  font-size:17px;
  font-weight:950;
  letter-spacing:-.3px;
}

/* Payment area: fixed width, no clipping, no text overlap. */
@media (min-width:901px){
  .gpc2-trustbar{
    grid-template-columns:repeat(4,minmax(0,1fr)) 315px!important;
  }
}
.gpc210-installment{
  position:relative;
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:66px!important;
  margin-left:12px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,101,24,.52)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#1a1e23,#111519)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
  color:#fff!important;
}
.gpc210-pay-title{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-width:0;
  height:100%;
  padding-right:9px;
  border-right:1px solid rgba(255,255,255,.12);
  line-height:1;
}
.gpc210-pay-title span{
  color:#fff;
  font-size:9px;
  font-weight:850;
  letter-spacing:.06em;
}
.gpc210-pay-title b{
  margin-top:5px;
  color:#ff6418;
  font-size:17px;
  font-weight:950;
  white-space:nowrap;
}
.gpc210-pay-logos{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
  width:100%;
  min-width:0;
}
.gpc210-pay{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  height:34px;
  padding:0 3px;
  overflow:hidden;
  border:1px solid #d9dee5;
  border-radius:7px;
  background:#fff;
  box-shadow:0 2px 7px rgba(0,0,0,.08);
  line-height:1;
}
.gpc210-bonus{gap:2px;color:#59a92e;font-size:8px;font-weight:950;letter-spacing:-.3px}
.gpc210-bonus i{position:relative;width:7px;height:7px;border-radius:7px 1px 7px 1px;background:#59a92e;transform:rotate(-18deg)}
.gpc210-bonus i:after{content:"";position:absolute;left:1px;top:4px;width:5px;height:1px;background:#fff;transform:rotate(-30deg)}
.gpc210-mastercard{position:relative;padding:0}
.gpc210-mastercard .mc-r,.gpc210-mastercard .mc-o{position:absolute;top:50%;width:17px;height:17px;margin-top:-8.5px;border-radius:50%}
.gpc210-mastercard .mc-r{left:calc(50% - 14px);background:#eb001b}
.gpc210-mastercard .mc-o{left:calc(50% - 2px);background:#f79e1b;mix-blend-mode:multiply}
.gpc210-visa{color:#1749a4;font-size:11px;font-weight:1000;font-style:italic;letter-spacing:-.6px}
.gpc210-troy{color:#27313a;font-size:10px;font-weight:1000;letter-spacing:-.6px}
.gpc210-troy span{color:#16a8bf}
.gpc210-world{color:#6b278d;font-size:8px;font-weight:1000;letter-spacing:-.2px}

@media (max-width:1180px) and (min-width:901px){
  .gpc2-trustbar{grid-template-columns:repeat(4,minmax(0,1fr)) 285px!important}
  .gpc210-installment{grid-template-columns:65px minmax(0,1fr)!important;margin-left:8px!important;padding:8px!important;gap:8px!important}
  .gpc210-pay-title b{font-size:15px}
  .gpc210-pay-logos{gap:4px}
  .gpc210-pay{height:31px;padding:0 2px}
  .gpc210-bonus{font-size:7px}
  .gpc210-visa{font-size:10px}
  .gpc210-troy{font-size:9px}
  .gpc210-world{font-size:7px}
}
@media (max-width:900px){
  .gpc210-platform{width:122px;height:54px}
  .gpc210-amd-svg{width:104px;height:34px}
  .gpc210-installment{grid-column:1/-1!important;margin:10px 0 0!important;grid-template-columns:76px minmax(0,1fr)!important}
}
@media (max-width:520px){
  .gpc210-platform{width:112px;height:50px;padding:0 12px}
  .gpc210-amd-svg{width:96px;height:32px}
  .gpc210-platform--intel span{font-size:25px}
  .gpc210-installment{grid-template-columns:62px minmax(0,1fr)!important;padding:8px 7px!important;gap:7px!important}
  .gpc210-pay-title b{font-size:14px}
  .gpc210-pay-logos{gap:3px}
  .gpc210-pay{height:30px;padding:0 1px}
  .gpc210-bonus{font-size:6.5px}
  .gpc210-visa{font-size:9px}
  .gpc210-troy{font-size:8.5px}
  .gpc210-world{font-size:6.5px}
}


/* GPUGaraj Category v211 — complete category descriptions */
.gpc211-description{
  max-width:500px!important;
  max-height:none!important;
  overflow:visible!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  margin-top:17px!important;
  color:#5d6674!important;
  font-size:13px!important;
  line-height:1.68!important;
}
.gpc211-intro-title{
  margin:0 0 6px!important;
  color:#687385!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.gpc211-description p:last-child{margin-bottom:0!important}
@media (max-width:1180px) and (min-width:901px){
  .gpc211-description{font-size:12px!important;line-height:1.62!important;max-width:460px!important}
  .gpc211-intro-title{font-size:12px!important}
}
@media (max-width:620px){
  .gpc211-description{max-height:none!important;font-size:12px!important;line-height:1.6!important;margin-top:13px!important}
}


/* GPUGaraj Category v212 — common renewal message + cleaner platform logos */
.gpc210-platforms{display:none!important}
.gpc212-platforms{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:18px;
  flex-wrap:wrap;
}
.gpc212-platform{
  display:flex;
  align-items:center;
  justify-content:center;
  width:132px;
  height:58px;
  padding:0 12px;
  border:1px solid #dfe4ea;
  border-radius:13px;
  background:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
  overflow:visible;
}
.gpc212-amd-logo{display:block;width:112px;height:34px;overflow:visible}
.gpc212-intel-logo{display:block;width:112px;height:35px;overflow:visible}
.gpc212-platform--nvidia{color:#76b900;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:950;letter-spacing:-.4px}

/* Keep the leaf box exactly as before; only its copy changes. */
.gpc2-eco p b{font-weight:850}
.gpc2-eco p small{display:block}

@media (max-width:900px){
  .gpc212-platform{width:122px;height:54px}
  .gpc212-amd-logo{width:104px;height:32px}
  .gpc212-intel-logo{width:104px;height:33px}
}
@media (max-width:520px){
  .gpc212-platform{width:112px;height:50px;padding:0 10px}
  .gpc212-amd-logo{width:96px;height:30px}
  .gpc212-intel-logo{width:96px;height:31px}
}