/* --- THIẾT LẬP CHUNG --- */
.player-card-template-01 * { box-sizing: border-box; }
.player-card-template-01.player-card-preview.player-card-preview--template {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: 
    linear-gradient(180deg, 
      #ADA4EF 0%, 
      #FFFFFF 25%, 
      #FFFFFF 50%, 
      #8084A6 75%, 
      #222965 100%),
    url('../images/template-01-bg.png') !important;
  background-size: cover;
  background-position: center;
  background-blend-mode: multiply;
  font-family: 'Inter', sans-serif;
  container-type: inline-size;
  border-radius: 8px;
}

.player-card-template-01 .player-card-layer {
  position: absolute;
  inset: 0;
  z-index: 2;
}

/* --- pc-sponsors --- */
.player-card-template-01 .pc-sponsors {
  position: absolute;
  top: 1.6cqw; 
  left: 5cqw;  
  width: 18.8cqw; 
  height: 9.4cqw; 
  display: flex;
  gap: 3.5cqw;  
  align-items: center;
}
.player-card-template-01 .logo-card { width: 5cqw;}
.player-card-template-01 .pc-sponsors img {
  height: 100%;
  width: auto;
}

/* --- pc main-content  --- */
.player-card-template-01 .pc-main-content {
  position: absolute;
  top: 10cqw;  
  left: 5cqw;  
  right: 5cqw; 
  display: flex;
  gap: 8cqw;  
  padding: 5cqw 5cqw 0 5cqw;
  box-sizing: border-box;
}

/* --- pc-left-side --- */
.player-card-template-01 .pc-left-side {
  width: 51.1cqw; 
  height: 62.2cqw; 
  display: flex;
  flex-direction: column;
  align-items: center;
}

.player-card-template-01 .pc-photo-wrapper {
  position: relative;
  width: 44cqw;
  height: 44cqw;
}

.player-card-template-01 .pc-player-photo {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  padding: 0.7cqw;
  border: 0.5cqw solid #4033F3; 
  background-clip: content-box;
  box-sizing: border-box;
}

.player-card-template-01 .pc-flag-circle {
    position: absolute;
    top: 0;
    right: 0;
    width: 6cqw;
    height: 6cqw;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.player-card-template-01 .pc-player-name {
  margin-top: 3.5cqw;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 8cqw;
  color: #2C2C2C;
  text-transform: uppercase;
}

/* --- .pc-right-side --- */
.player-card-template-01 .pc-right-side {
  width: 18cqw; 
  display: flex;
  flex-direction: column;
  gap: 1.5cqw;  

}

.player-card-template-01 .pc-stat-item {
    display: flex;
    align-items: center;
    border-bottom: 0.5cqw solid #3e32e9;
    padding: 1cqw 0 1.4cqw;
    width: 100%;
}

.player-card-template-01 .pc-stat-item:last-child {
  border-bottom: none;
}

.player-card-template-01 .pc-stat-value {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 8cqw;
  background: linear-gradient(1deg, #746EED, #251C8D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin-right: 1cqw;
}

.player-card-template-01 .pc-stat-details {
  display: flex;
  flex-direction: column;
}

.player-card-template-01 .pc-stat-plus {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 4cqw;
  color: #353436;
  line-height: 1;
}

.player-card-template-01 .pc-stat-label {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 1.5cqw;
  color: #6B6D73;
  text-transform: uppercase;
}

/* --- .pc-footer-box --- */
.player-card-template-01 .pc-footer-box {
    position: absolute;
    bottom: 5cqw;
    left: 5cqw;
    width: 90cqw;
    height: 19.3cqw;
    background: white;
    border-radius: 2.2cqw;
    padding: 3cqw 3cqw 1cqw;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.player-card-template-01 .pc-footer-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5cqw; /* Tăng khoảng cách theo yêu cầu 100px */
}

.player-card-template-01 .pc-footer-section {
  display: flex;
  align-items: center;
  gap: 1.5cqw;
  flex: 1;
  justify-content: center;
}

.player-card-template-01 .pc-footer-icon {
  width: 6cqw;
  height: auto;
}

.player-card-template-01 .pc-footer-inner-divider {
  width: 0.15cqw;
  height: 6cqw;
  background: #4a6fff;
}

.player-card-template-01 .pc-footer-label {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 3.5cqw;
  color: #424052;
  text-transform: uppercase;
}

.player-card-template-01 .pc-footer-value {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 2.5cqw;
  color: #3E32E9;
  text-transform: uppercase;
}

.player-card-template-01 .pc-footer-divider {
  width: 0.2cqw;
  height: 8cqw;
  background: #4a6fff;
}

.player-card-template-01 .pc-footer-meta {
  display: flex;
  justify-content: center;
  gap: 2cqw;
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: 2cqw;
  color: #3E32E9;
  padding-top: 3cqw;
}

.player-card-template-01 .pc-updated strong {
  font-weight: 500;
}

.player-card-template-01 span.pc-url {
    letter-spacing: 2px;
}