.wrra-main.home-layout{
  grid-template-columns:
    minmax(0,54fr)
    minmax(280px,20fr)
    minmax(280px,20fr);
}

@media (min-width:901px) and (max-width:1600px){
  .wrra-main.home-layout{
    grid-template-columns:
      minmax(0,62fr)
      minmax(240px,16fr)
      minmax(240px,16fr);
  }
}

@media (min-width:901px) and (max-width:1400px){
  .wrra-main.home-layout{
    grid-template-columns:
      minmax(0,60fr)
      minmax(240px,17fr)
      minmax(240px,17fr);
  }
}

.wrra-main.about-layout{
  grid-template-columns:
    minmax(0,66fr)
    minmax(280px,20fr);
}

.wrra-main.full-layout{
  grid-template-columns:minmax(0,1fr);
  padding:20px;
}

.wrra-main.contact-layout{
  grid-template-columns:
    minmax(0,60fr)
    minmax(420px,40fr);
}

.wrra-main.side-layout{
  grid-template-columns:
    minmax(0,1fr)
    minmax(300px,20fr);
}

.wrra-contact-box{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:-8px;
  background: rgba(40,0,5,.65);
  border:1px solid rgba(255,120,120,.25);
  border-radius:12px;
  padding:18px;
  color:#fff;
}

.wrra-contact-box h2{
  margin:0 0 18px 0;
  color:#ffffff;
  font-size:33px;
  font-weight:600;
}

.wrra-contact-box h2::after{
  content:" ✍️";
  font-size:40px;
  margin-left:6px;
}

.wrra-contact-box label{
  font-size:15px;
  color:#FFD700;
  margin-top:8px;
}

.wrra-contact-box input,
.wrra-contact-box textarea{
  border-radius:8px;
  border:1px solid rgba(255,120,120,.35);
  background: rgba(20,0,0,.6);
  color:white;
  padding:8px;
}

.wrra-contact-box textarea{
  min-height:180px;
  resize:vertical;
}

.wrra-send-btn{
  margin-top:10px;
  padding:10px;
  border-radius:10px;
  border:1px solid #FFD700;
  background: rgba(255,215,0,.15);
  color:#FFD700;
  cursor:pointer;
}

.wrra-calendar-popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.72);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 24px;
  box-sizing: border-box;
}

.wrra-calendar-popup.hidden {
  display: none !important;
}

.wrra-calendar-popup-inner {
  position: relative;
  width: min(70vw, 1120px);
  height: min(70vh, 840px);
  aspect-ratio: 4 / 3;
  max-width: 1120px;
  max-height: 840px;
}

.wrra-calendar-close {
  position: absolute;
  top: -16px;
  right: -16px;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  background: #00eaff;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 0 12px rgba(0,234,255,.35);
}

.wrra-calendar-popup .wrra-cal-wrapper {
  height: 100%;
}