:root{--gold: #d4af37;
  --gold-l: #ffd090;
  --gold-d: #b8860b;
  --red: #7a1010;
  --red-d: #4a0505;
  --bordeaux: #6b1414;
  --bg: #0a0000;
  --card: rgba(255, 248, 235, 0.07);
  --card-border: rgba(212, 175, 55, 0.22);
  --text: #fff5e6;
  --text-s: rgba(255, 220, 160, 0.75);
  --text-ta: #f0a040;
  --orange: #e8780a;
  --green: #10b981;
  --sep: rgba(212, 175, 55, 0.18);

  
  --fs-hero: 50px;
  --fs-title: 42px;
  --fs-large: 34px;
  --fs-normal: 28px;
  --fs-small: 22px;
  --fs-micro: 18px;}

*{margin: 0;
  padding: 0;
  box-sizing: border-box;}

html,
body{width: 1920px;
  height: 1080px;
  overflow: hidden;
  background: var(--bg);
  font-family: "Lato", sans-serif;
  color: var(--text);}

.screen{position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  display: none;}

.screen.active{display: block;}

.hdr{position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(
    135deg,
    #3a0800 0%,
    #6b1010 30%,
    #7a1515 50%,
    #6b1010 70%,
    #3a0800 100%
  );
  border-bottom: 3px solid var(--gold);
  display: flex;
  align-items: stretch;
  z-index: 20;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.6);}

.hdr::before{content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--gold),
    var(--gold-l),
    var(--gold),
    transparent
  );}

.hdr-logo{width: 90px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(212, 175, 55, 0.25);}

.hdr-logo.right{border-right: none;
  border-left: 1px solid rgba(212, 175, 55, 0.25);}

.hdr-logo-inner{width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  background: rgba(212, 175, 55, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  overflow: hidden;}

.hdr-logo-inner img{width: 100%;
  height: 100%;
  object-fit: cover;}

.hdr-iblk{display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  flex-shrink: 0;
  border-right: 1px solid rgba(212, 175, 55, 0.15);
  min-width: 88px;}

.hdr-iblk-icon{font-size: 18px;
  line-height: 1;
  margin-bottom: 3px;}

.hdr-iblk-val{font-family: "Cinzel", serif;
  font-size: 24px;
  font-weight: 700;
  color: var(--gold-l);
  line-height: 1;}

.hdr-iblk-lbl{font-size: 12px;
  color: rgba(255, 200, 80, 0.65);
  letter-spacing: 0.5px;
  margin-top: 3px;}

.hdr-date-blk{display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  flex-shrink: 0;
  border-left: 1px solid rgba(212, 175, 55, 0.15);
  min-width: 160px;}

.hdr-day-lbl{font-family: "Cinzel", serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--gold);
  letter-spacing: 1.5px;}

.hdr-date-lbl{font-family: "Cinzel", serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--gold-l);
  margin-top: 3px;
  letter-spacing: 1px;}

.hdr-clock-blk{display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  flex-shrink: 0;
  border-left: 1px solid rgba(212, 175, 55, 0.15);
  min-width: 180px;}

.hdr-clock{font-family: "Cinzel", serif;
  font-size: 42px;
  font-weight: 700;
  color: var(--gold-l);
  letter-spacing: 3px;
  line-height: 1;}

.hdr-center{flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 10px;}

.hdr-title-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--text-ta);
  line-height: 1.2;}

.hdr-title-en{font-family: "Cinzel", serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--gold-l);
  letter-spacing: 2px;
  margin-top: 3px;}

.hdr-sub-en{font-size: 12px;
  color: var(--text-s);
  letter-spacing: 1px;
  margin-top: 2px;}

.content{position: absolute;
  top: 144px;
  left: 0;
  right: 0;
  bottom: 36px;
  overflow: hidden;}

.card{background: var(--card);
  border: 1px solid var(--card-border);
  border-radius: 12px;
  overflow: hidden;}

.card-hdr{padding: 10px 16px 8px;
  background: rgba(80, 10, 10, 0.6);
  border-bottom: 1px solid var(--sep);
  display: flex;
  align-items: center;
  justify-content: space-between;}

.card-hdr-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: var(--fs-small);
  font-weight: 700;
  color: var(--text-ta);
  line-height: 1;}

.card-hdr-en{font-family: "Cinzel", serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--gold);
  margin-top: 2px;}

.divider{width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-d), transparent);
  margin: 8px 0;}

.dots{position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 15;}

.dot.on{background: var(--gold);
  transform: scale(1.3);}

.nav{position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  height: 44px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  padding: 0 14px;
  z-index: 19;
  background: linear-gradient(
    180deg,
    rgba(20, 0, 0, 0.96),
    rgba(70, 8, 8, 0.92)
  );
  border-bottom: 1px solid rgba(212, 175, 55, 0.35);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.38);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;}

.nav.nav-hidden{opacity: 0;
  transform: translateY(-44px);
  pointer-events: none;}

.ntab{min-width: 145px;
  height: 44px;
  padding: 4px 10px 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans Tamil", "Lato", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.05;
  color: rgba(255, 245, 230, 0.78);
  border-left: 1px solid rgba(212, 175, 55, 0.12);
  cursor: pointer;
  user-select: none;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;}

.ntab:last-child{border-right: 1px solid rgba(212, 175, 55, 0.12);}

.ntab:hover{background: rgba(212, 175, 55, 0.1);
  color: var(--gold-l);}

.ntab.on{color: #fff7df;
  background: linear-gradient(
    180deg,
    rgba(212, 175, 55, 0.25),
    rgba(122, 16, 16, 0.4)
  );
  box-shadow: inset 0 -3px 0 var(--gold);}

@media (max-width: 1920px){.ntab {
    min-width: 132px;
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
  }}

#exit-ov{display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  align-items: center;
  justify-content: center;}

#exit-ov .dlg{background: linear-gradient(135deg, #1a0300, #2a0800);
  border: 2px solid rgba(212, 175, 55, 0.6);
  border-radius: 18px;
  padding: 44px 56px;
  text-align: center;}

#esc-hint{display: none;
  position: fixed;
  bottom: 50px;
  right: 40px;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.85);
  border: 1px solid rgba(212, 175, 55, 0.4);
  border-radius: 8px;
  padding: 10px 20px;
  font-family: "Cinzel", serif;
  font-size: 15px;
  color: var(--gold);}

@keyframes fadeIn{from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }}

.progress-wrap{height: 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;}

.progress-bar{height: 100%;
  border-radius: 12px;
  transition: width 1s ease;}

.pg-gold{background: linear-gradient(90deg, var(--gold-d), var(--gold-l));}

.pg-green{background: linear-gradient(90deg, #059669, var(--green));}



.s1-left{display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;}

.priest-block{flex: 0 0 auto;}

.priest-grid{display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;}

.priest-item{display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px;
  border-radius: 8px;
  background: rgba(212, 175, 55, 0.06);
  border: 1px solid rgba(212, 175, 55, 0.12);}

.priest-photo{width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(212, 175, 55, 0.12);
  border: 2px solid rgba(212, 175, 55, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
  overflow: hidden;}

.priest-photo img{width: 100%;
  height: 100%;
  object-fit: cover;}

.priest-name{font-family: "Cinzel", serif;
  font-size: var(--fs-micro);
  font-weight: 700;
  color: var(--gold-l);
  line-height: 1.2;}

.priest-role-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 14px;
  color: var(--text-ta);
  margin-top: 1px;}

.priest-role-en{font-size: 13px;
  color: var(--text-s);}

.komitee-block{flex: 1;
  overflow: hidden;}

.komitee-grid{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding: 8px 10px;
  overflow: hidden;}

.kom-item{display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(212, 175, 55, 0.1);}

.kom-photo{width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(212, 175, 55, 0.1);
  border: 1px solid rgba(212, 175, 55, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;}

.kom-name{font-size: 14px;
  color: var(--text);
  font-weight: 600;
  line-height: 1.2;}

.kom-role{font-size: 12px;
  color: var(--text-s);}

.s1-center{display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;}

.s1-fest-block{flex: 0 0 auto;
  height: auto;
  display: flex;
  flex-direction: column;}

.s1-fest-scroll{flex: 1;
  overflow: hidden;
  padding: 6px 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 12px;}

.fest-entry{display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px solid var(--sep);}

.fest-entry:last-child{border-bottom: none;}

.fest-dbox{flex-shrink: 0;
  width: 44px;
  text-align: center;
  background: rgba(122, 16, 16, 0.5);
  border-radius: 6px;
  padding: 4px 2px;}

.fest-dnum{font-family: "Cinzel", serif;
  font-size: 20px;
  font-weight: 900;
  color: var(--gold-l);
  line-height: 1;}

.fest-dmon{font-size: 10px;
  color: var(--orange);
  text-transform: uppercase;
  letter-spacing: 1px;}

.fest-info{flex: 1;
  min-width: 0;}

.fest-nr{display: inline-block;
  background: rgba(122, 16, 16, 0.6);
  border-radius: 4px;
  padding: 0 5px;
  font-size: 11px;
  color: var(--gold);
  font-family: "Cinzel", serif;
  margin-bottom: 2px;}

.fest-en{font-size: 15px;
  font-weight: 700;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.fest-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 13px;
  color: var(--text-ta);
  margin-top: 1px;}

.fest-sp{font-size: 12px;
  color: var(--text-s);
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.fest-badge{margin-left: auto;
  flex-shrink: 0;
  font-family: "Cinzel", serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--orange);}

.s1-right{display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;}

.s1-members{flex: 0 0 auto;}

.mem-big{display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 10px 14px 4px;}

.mem-num{font-family: "Cinzel", serif;
  font-size: 64px;
  font-weight: 900;
  color: var(--gold-l);
  line-height: 1;}

.mem-stats{display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  padding: 0 14px 10px;}

.mem-stat{text-align: center;
  padding: 6px 0;}

.mem-stat-v{font-family: "Cinzel", serif;
  font-size: 26px;
  font-weight: 700;}

.mem-stat-l{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 13px;
  color: var(--text-s);}

.s1-projects{flex: 0 0 auto;
  padding: 8px 14px 12px;}

.proj-row{margin-bottom: 10px;}

.proj-row:last-child{margin-bottom: 0;}

.proj-hdr{display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 4px;}

.proj-title-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 15px;
  color: var(--text-ta);
  font-weight: 700;}

.proj-title-en{font-size: 13px;
  color: var(--gold);
  font-family: "Cinzel", serif;
  font-weight: 700;}

.proj-pct{font-family: "Cinzel", serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--orange);}

.proj-nums{display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--text-s);
  margin-top: 3px;}

.s1-info{flex: 1;
  overflow: hidden;
  padding: 8px 14px;}

.info-qr-row{display: flex;
  gap: 12px;
  margin-bottom: 10px;}

.info-qr{background: #fff;
  padding: 5px;
  border-radius: 8px;
  flex-shrink: 0;}

.info-qr-amts{display: flex;
  flex-direction: column;
  gap: 5px;}

.info-qr-label{font-size: 12px;
  color: var(--orange);
  letter-spacing: 1px;
  font-family: "Cinzel", serif;}

.qr-btns{display: flex;
  gap: 5px;
  flex-wrap: wrap;}

.qr-btn{padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid rgba(212, 175, 55, 0.35);
  font-size: 13px;
  font-weight: 700;
  color: var(--orange);
  cursor: pointer;
  font-family: "Cinzel", serif;}

.info-row{display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px solid var(--sep);}

.info-row:last-child{border-bottom: none;}

.info-icon{font-size: 18px;
  flex-shrink: 0;}

.info-val{font-size: 16px;
  color: var(--text);}

.info-val-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 13px;
  color: var(--text-ta);}

.open-table{width: 100%;
  border-collapse: collapse;
  margin-top: 6px;}

.open-table td{padding: 4px 0;
  font-size: 14px;}

.open-day{color: var(--text-s);}

.open-time{color: var(--gold-l);
  font-weight: 700;
  text-align: right;}

#s2 .content{
  display: grid !important;
  grid-template-columns: 500px minmax(0, 1fr) 360px !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 10px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.s2-left{display: flex;
  flex-direction: column;
  overflow: hidden;}

.s2-list{flex: 1;
  overflow: hidden;
  padding: 8px 12px;}

.pbi-date{flex-shrink: 0;
  width: 50px;
  text-align: center;}

.pbi-dnum{font-family: "Cinzel", serif;
  font-size: 24px;
  font-weight: 900;
  color: var(--gold-l);
  line-height: 1;}

.pbi-dmon{font-size: 11px;
  color: var(--orange);
  text-transform: uppercase;
  letter-spacing: 1px;}

.pbi-info{flex: 1;
  min-width: 0;}

.pbi-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: var(--fs-small);
  font-weight: 700;
  color: var(--text-ta);
  line-height: 1.2;}

.pbi-en{font-size: var(--fs-micro);
  color: var(--text-s);
  margin-top: 2px;}

.pbi-sp{font-size: 15px;
  color: rgba(212, 175, 55, 0.6);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.s2-center{display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;}

.s2-highlight{flex: 0 0 240px;}

.s2-free{flex: 1;
  overflow: hidden;}

.s2-right{display: flex;
  flex-direction: column;
  overflow: hidden;}

.pgrid{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  padding: 8px 10px;}

.pr{display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border-radius: 8px;
  border-bottom: 1px solid var(--sep);}

.pr:last-child{border-bottom: none;}

.pr-lft{flex: 1;
  min-width: 0;}

.pr-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--text-ta);}

.pr-en{font-size: 14px;
  color: var(--text-s);
  margin-top: 1px;}

.pr-val{font-family: "Cinzel", serif;
  font-size: 24px;
  font-weight: 700;
  color: var(--gold-l);
  white-space: nowrap;
  flex-shrink: 0;
  padding-left: 8px;}

#s3 .content{
  display:grid !important;
  grid-template-columns:minmax(0,1.38fr) minmax(330px,.72fr) minmax(0,1.10fr) !important;
  grid-template-rows:minmax(0,1fr) !important;
  gap:10px !important;
  padding:10px !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.s3-gopuram{display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;}

.donor-list{flex: 1;
  overflow: hidden;
  padding: 0 10px;}

.don-row{display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  margin-bottom: 3px;
  border: 1px solid var(--sep);}

.don-rank{font-family: "Cinzel", serif;
  font-size: 18px;
  font-weight: 700;
  color: rgba(212, 175, 55, 0.5);
  width: 26px;
  flex-shrink: 0;}

.don-name{flex: 1;}

.don-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: var(--fs-small);
  font-weight: 700;
  color: var(--text);}

.don-loc{font-size: 14px;
  color: var(--text-s);}

.don-amt{font-family: "Cinzel", serif;
  font-size: var(--fs-normal);
  font-weight: 700;
  color: var(--gold-l);
  flex-shrink: 0;}

.s3-ratham{display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;}

.rtr-list{flex: 1;
  overflow: hidden;
  padding: 0 10px;}

.rtr-row{display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 7px;
  margin-bottom: 3px;
  border: 1px solid var(--sep);}

.rtr-num{font-family: "Cinzel", serif;
  font-size: 18px;
  font-weight: 700;
  color: rgba(212, 175, 55, 0.5);
  width: 24px;
  flex-shrink: 0;}

.rtr-name{flex: 1;
  font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: var(--fs-small);
  color: var(--text);
  font-weight: 600;}

.rtr-amt{font-family: "Cinzel", serif;
  font-size: var(--fs-normal);
  font-weight: 700;
  color: var(--gold-l);
  flex-shrink: 0;}

.s3-members{display: flex;
  flex-direction: column;
  overflow: hidden;}

.mem-table-wrap{flex: 1;
  overflow: hidden;
  padding: 6px 8px;}

.mem-table{width: 100%;
  border-collapse: collapse;}

.mem-table th{font-family: "Cinzel", serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--gold);
  padding: 5px 4px;
  text-align: center;
  border-bottom: 2px solid var(--sep);}

.mem-table th.name-h{text-align: left;
  padding-left: 10px;}

.mem-table td{padding: 5px 3px;
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.06);}

.mem-table td.mem-n{text-align: left;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text);}

.paid-dot{width: 16px;
  height: 16px;
  border-radius: 3px;
  background: var(--green);
  display: inline-block;}

.open-dot{width: 16px;
  height: 16px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;}

.mem-total{font-family: "Cinzel", serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--gold-l);}

#s4 .content{display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;}



.fd-num{font-family: "Cinzel", serif;
  font-size: 28px;
  font-weight: 900;
  color: var(--gold-l);
  line-height: 1;}

.fd-date{font-size: 12px;
  color: var(--text-s);
  margin-top: 2px;}

.fd-name{font-size: 14px;
  color: var(--text);
  margin-top: 4px;
  line-height: 1.3;}

.fd-sp{font-size: 12px;
  color: var(--text-s);
  margin-top: 3px;}

.fd-live{font-family: "Cinzel", serif;
  font-size: 12px;
  color: var(--green);
  font-weight: 700;
  margin-top: auto;}


#s5 .project-content{
  position:absolute;
  left:8px;
  right:8px;
  top:calc(var(--v34-hdr) + var(--v34-nav) + var(--v34-gap));
  bottom:var(--v34-ticker);
  display:grid;
  grid-template-rows:56px minmax(0,1fr);
  gap:8px;
  padding:8px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  box-sizing:border-box;
}
#s5 .project-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:0;
  min-height:0;
  padding:0 18px;
  border:1px solid rgba(255,216,77,.85);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(42,40,95,.98),rgba(128,31,66,.98),rgba(42,40,95,.98));
  overflow:hidden;
}
#s5 .project-title-ta{
  font-family:"Noto Sans Tamil",Arial,sans-serif;
  font-size:23px;
  line-height:1.05;
  font-weight:900;
  color:#fff2a8;
  white-space:nowrap;
}
#s5 .project-title-sep{
  font-size:22px;
  line-height:1;
  font-weight:900;
  color:#ffd84d;
}
#s5 .project-title-en{
  font-family:"Cinzel",Georgia,serif;
  font-size:20px;
  line-height:1.05;
  font-weight:900;
  color:#ffd84d;
  letter-spacing:.04em;
  white-space:nowrap;
}
#s5 .project-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:10px;
  min-width:0;
  min-height:0;
  overflow:hidden;
}
#s5 .project-card{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  padding:4px;
  border:1px solid rgba(255,216,77,.68);
  border-radius:12px;
  background:#06142c;
  overflow:hidden;
  cursor:pointer;
}
#s5 .project-card:focus-visible{
  outline:3px solid #ffffff;
  outline-offset:2px;
}
#s5 .project-card.active{
  position:fixed;
  z-index:20000;
  left:5vw;
  right:5vw;
  top:5vh;
  bottom:5vh;
  padding:12px;
  border:3px solid #ffd84d;
  border-radius:18px;
  background:rgba(2,10,25,.98);
  box-shadow:0 0 0 9999px rgba(0,0,0,.76);
}
#s5 .project-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#06142c;
}
#s5 .project-card.active .project-image{
  object-fit:contain;
}




#s6 .content{
  position:absolute;
  left:8px;
  right:8px;
  top:calc(var(--v34-hdr) + var(--v34-nav) + var(--v34-gap));
  bottom:calc(var(--v34-ticker) + 58px);
  min-width:0;
  min-height:0;
  padding:8px;
  overflow:hidden;
  box-sizing:border-box;
}
#s6 .c88-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  grid-template-rows:minmax(0,1fr);
  gap:10px;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
}
#s6 .c88-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  border:1px solid rgba(255,216,77,.78);
  border-radius:12px;
  background:rgba(4,26,58,.96);
  overflow:hidden;
}
#s6 .c88-head,
#s6 .c88-list-head{
  flex:0 0 auto;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 12px;
  background:linear-gradient(90deg,#502052,#7d1f48);
  border-bottom:1px solid #d5a62a;
}
#s6 .c88-title-ta{
  display:block;
  font-family:"Noto Sans Tamil",Arial,sans-serif;
  font-size:18px;
  line-height:1.08;
  font-weight:900;
  color:#fff2a8;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s6 .c88-title-en{
  display:block;
  margin-top:4px;
  font-family:"Cinzel",Georgia,serif;
  font-size:11px;
  line-height:1.08;
  font-weight:900;
  color:#fff;
  letter-spacing:.04em;
}
#s6 .c88-month-title{
  font-size:18px;
  line-height:1.08;
  font-weight:900;
  color:#ffd84d;
  text-align:right;
}
#s6 .c88-month-sub{
  margin-top:3px;
  font-size:10px;
  line-height:1;
  color:#fff;
  text-align:right;
}
#s6 .c88-nav{
  flex:0 0 42px;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:5px;
  padding:6px 8px;
  background:#061a36;
  border-bottom:1px solid rgba(255,216,77,.35);
}
#s6 .c88-month-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:0;
  border:1px solid rgba(255,216,77,.6);
  border-radius:7px;
  background:#123f7a;
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
}
#s6 .c88-month-btn.active{
  background:#ffd84d;
  color:#061a36;
}
#s6 .c88-month-btn:focus-visible{
  outline:3px solid #fff;
  outline-offset:2px;
}
#s6 .c88-board{
  flex:1 1 auto;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  grid-template-rows:34px repeat(6,minmax(0,1fr));
  gap:3px;
  min-width:0;
  min-height:0;
  padding:6px;
  overflow:hidden;
}
#s6 .c88-week{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  border-radius:6px;
  background:#0f376d;
  color:#fff;
}
#s6 .c88-week-en{
  font-size:10px;
  line-height:1;
  font-weight:900;
}
#s6 .c88-week-ta{
  margin-top:2px;
  font-size:9px;
  line-height:1;
  color:#fff2a8;
}
#s6 .c88-day{
  position:relative;
  min-width:0;
  min-height:0;
  padding:4px 5px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:6px;
  background:rgba(255,255,255,.035);
  overflow:hidden;
}
#s6 .c88-day.empty{
  background:rgba(0,0,0,.16);
  opacity:.45;
}
#s6 .c88-day.has-event{
  border-color:rgba(255,216,77,.72);
  background:rgba(128,31,66,.30);
}
#s6 .c88-date{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:4px;
}
#s6 .c88-num{
  font-size:16px;
  line-height:1;
  font-weight:900;
  color:#ffd84d;
}
#s6 .c88-dow{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}
#s6 .c88-dow-en{
  font-size:7px;
  line-height:1;
  color:#fff;
}
#s6 .c88-dow-ta{
  margin-top:1px;
  font-size:7px;
  line-height:1;
  color:#dce8ff;
}
#s6 .c88-event-ta{
  margin-top:3px;
  font-size:8.5px;
  line-height:1.08;
  font-weight:800;
  color:#fff2a8;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s6 .c88-event-en{
  margin-top:2px;
  font-size:7px;
  line-height:1.08;
  color:#fff;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s6 .c88-list{
  min-width:0;
  min-height:0;
}
#s6 .c88-list-body{
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:6px 8px;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
#s6 .c88-list-body::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
#s6 .c88-scroll{
  display:block;
  animation:none;
  transform:none;
}
#s6 .c88-row{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:8px;
  align-items:start;
  min-width:0;
  min-height:0;
  padding:7px 5px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
#s6 .c88-datebox{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:4px;
  border-radius:7px;
  background:#6b263f;
  color:#ffd84d;
  font-size:12px;
  line-height:1.05;
  font-weight:900;
  text-align:center;
}
#s6 .c88-row-ta{
  font-size:15px;
  line-height:1.1;
  font-weight:900;
  color:#fff2a8;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s6 .c88-row-en{
  margin-top:3px;
  font-size:11px;
  line-height:1.1;
  color:#fff;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s6 .c88-row-sp{
  margin-top:3px;
  font-size:9.5px;
  line-height:1.1;
  color:#dce8ff;
  white-space:normal;
  overflow-wrap:anywhere;
}





.naksh-row{display: grid;
  grid-template-columns: 36px 1fr 1.4fr 1fr;
  padding: 7px 12px;
  border-bottom: 1px solid var(--sep);}

.naksh-row:nth-child(even){background: rgba(255, 255, 255, 0.025);}

.naksh-num{font-family: "Cinzel", serif;
  font-size: 16px;
  color: rgba(212, 175, 55, 0.55);}

.naksh-ta{font-family:
    Noto Sans Tamil,
    sans-serif;}

.naksh-ta .en{font-family: "Cinzel", serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--gold-l);}

.naksh-ta .ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 14px;
  color: var(--text-ta);
  margin-top: 1px;}

.naksh-other{font-size: 14px;
  color: var(--text-s);
  line-height: 1.4;}

.naksh-ml{font-family: "Cinzel", serif;
  font-size: 16px;
  color: var(--gold-l);}

.nav{height: 52px;
  top: 100px;}

.ntab{flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  padding: 6px 8px;
  line-height: 1.1;}

.content{top: 152px;}







:root{--theme-bg-a: #120608;
  --theme-bg-b: #260b12;
  --theme-bordeaux: #5a0f1c;
  --theme-bordeaux-2: #3c0810;
  --theme-gold: #d4af37;
  --theme-gold-soft: #f4d77a;
  --theme-gold-deep: #a67c00;
  --theme-line: rgba(244, 215, 122, 0.3);
  --theme-glass: rgba(255, 245, 220, 0.075);
  --theme-glass-strong: rgba(255, 245, 220, 0.105);
  --theme-shadow: 0 16px 44px rgba(0, 0, 0, 0.42);}

body{background:
    radial-gradient(
      circle at 50% -10%,
      rgba(244, 215, 122, 0.13),
      transparent 34%
    ),
    radial-gradient(circle at 7% 20%, rgba(122, 16, 16, 0.34), transparent 38%),
    linear-gradient(135deg, var(--theme-bg-a), var(--theme-bg-b) 48%, #070203);}

.screen{background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0.05)),
    radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.09), transparent 40%);}

.screen::before{content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(
      90deg,
      rgba(212, 175, 55, 0.05),
      transparent 16%,
      transparent 84%,
      rgba(212, 175, 55, 0.05)
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.018) 0 1px,
      transparent 1px 6px
    );
  opacity: 0.35;}

.screen > *{position: relative;
  z-index: 1;}

.hdr{height: 7cm;
  min-height: 132px;
  background:
    linear-gradient(180deg, rgba(90, 15, 28, 0.95), rgba(40, 8, 14, 0.9)),
    radial-gradient(
      circle at 50% 0%,
      rgba(244, 215, 122, 0.14),
      transparent 44%
    );
  border-bottom: 2px solid rgba(212, 175, 55, 0.42);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.38);}

.hdr::before,
.hdr::after{content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--theme-gold-soft),
    transparent
  );
  opacity: 0.75;}

.hdr::before{top: 10px;}

.hdr::after{bottom: 10px;}

.hdr-title-ta{font-size: clamp(38px, 3.1vw, 54px) !important;
  line-height: 1.05 !important;
  color: var(--theme-gold-soft) !important;
  text-shadow:
    0 3px 18px rgba(212, 175, 55, 0.22),
    0 2px 8px rgba(0, 0, 0, 0.7);}

.hdr-title-en{font-size: clamp(21px, 1.4vw, 30px) !important;
  letter-spacing: 2px !important;
  color: #fff2c9 !important;
  opacity: 0.95 !important;}

.hdr-logo,
.hdr-logo-inner{filter: drop-shadow(0 0 12px rgba(244, 215, 122, 0.18));}

.hdr-iblk,
.hdr-date,
.hdr-clock,
.hdr-date-box{background: rgba(0, 0, 0, 0.18) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);}

.nav{height: 2cm;
  min-height: 52px;
  padding: 7px 14px !important;
  gap: 8px !important;
  background: linear-gradient(
    180deg,
    rgba(18, 6, 8, 0.98),
    rgba(62, 9, 18, 0.94)
  );
  border-top: 1px solid rgba(244, 215, 122, 0.2);
  border-bottom: 1px solid rgba(244, 215, 122, 0.28);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);}

.ntab{border: 1px solid rgba(212, 175, 55, 0.24) !important;
  border-radius: 15px !important;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.075),
    rgba(0, 0, 0, 0.16)
  ) !important;
  color: #fff1d2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 6px 18px rgba(0, 0, 0, 0.2);
  transition:
    background 0.45s ease,
    transform 0.45s ease,
    border-color 0.45s ease,
    box-shadow 0.45s ease !important;}

.ntab:hover{transform: translateY(-1px);
  border-color: rgba(244, 215, 122, 0.48) !important;}

.ntab.on{background: linear-gradient(
    180deg,
    rgba(244, 215, 122, 0.3),
    rgba(166, 124, 0, 0.18)
  ) !important;
  border-color: rgba(244, 215, 122, 0.72) !important;
  color: #fff8db !important;
  box-shadow:
    0 0 0 1px rgba(244, 215, 122, 0.18),
    0 8px 24px rgba(212, 175, 55, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;}



.card-hdr{border-bottom: 1px solid rgba(244, 215, 122, 0.22) !important;
  background: linear-gradient(
    90deg,
    rgba(212, 175, 55, 0.14),
    rgba(90, 15, 28, 0.1),
    transparent
  ) !important;
  padding-top: 12px !important;
  padding-bottom: 10px !important;}

.card-hdr-ta{color: var(--theme-gold-soft) !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
  font-weight: 800 !important;}

.card-hdr-en{color: rgba(255, 236, 196, 0.78) !important;
  letter-spacing: 1.7px !important;
  font-weight: 700 !important;}

.priest-grid > *,
.komitee-grid > *,
.sponsor-row,
.member-row,
.donor-row,
.price-row,
.pooja-row,
.festival-day,
.filmstrip > *{border-radius: 16px !important;
  border-color: rgba(212, 175, 55, 0.18) !important;
  background: rgba(255, 255, 255, 0.045) !important;}

img,
.photo,
.person-photo,
.gopuram-photo,
.gallery-main,
.festival-poster,
.parking-map{border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34);}

.ticker,
.marquee,
.lauftext,
[id*="ticker"]{height: 2cm;
  min-height: 48px !important;
  background: linear-gradient(90deg, #160507, #4a0b17, #160507) !important;
  border-top: 1px solid rgba(244, 215, 122, 0.25) !important;
  color: #fff3cf !important;
  box-shadow: 0 -8px 22px rgba(0, 0, 0, 0.28);}

.progress,
.bar,
.progress-bar{border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.42) !important;}

.screen.active{animation: 0.65s ease both;}



@media (prefers-reduced-motion: reduce){*,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }}

body::before{content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255, 208, 144, 0.09),
      transparent 34%
    ),
    linear-gradient(
      90deg,
      rgba(212, 175, 55, 0.05),
      transparent 18%,
      transparent 82%,
      rgba(212, 175, 55, 0.05)
    );
  mix-blend-mode: screen;
  opacity: 0.72;}

.hdr{box-shadow:
    0 12px 34px rgba(0, 0, 0, 0.36),
    inset 0 -1px 0 rgba(255, 208, 144, 0.26);}

.hdr::after{content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 208, 144, 0.85),
    transparent
  );}

.nav{opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 208, 144, 0.18);}

.nav.nav-hidden{opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;}

.ntab{min-height: 44px;
  justify-content: center;
  border-radius: 15px;
  background: linear-gradient(
    180deg,
    rgba(122, 16, 16, 0.92),
    rgba(55, 7, 10, 0.84)
  );}

.ntab span:first-child{font-size: 15px;
  line-height: 1.05;}

.ntab.on{background: linear-gradient(
    180deg,
    rgba(255, 208, 144, 0.28),
    rgba(212, 175, 55, 0.13)
  );
  box-shadow:
    0 0 0 1px rgba(255, 208, 144, 0.48),
    0 0 24px rgba(212, 175, 55, 0.18);}

.card{backdrop-filter: blur(8px);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);}

.card-hdr{border-bottom: 1px solid rgba(255, 208, 144, 0.16);
  background: linear-gradient(
    90deg,
    rgba(212, 175, 55, 0.1),
    transparent 55%,
    rgba(122, 16, 16, 0.12)
  );}

.ticker{box-shadow:
    0 -12px 34px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 208, 144, 0.24);}

.ticker-inner{animation-duration: 95s !important;}

@keyframes templeKenBurns{from {
    transform: scale(1.02);
  }
  to {
    transform: scale(1.095);
  }}

.screen{transition: opacity 900ms ease;}

.dots{opacity: 0.7;}

.dot.on{box-shadow: 0 0 16px rgba(255, 208, 144, 0.65);}

@media (prefers-reduced-motion: reduce){*,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }}

.hdr{height: 94px !important;
  align-items: center !important;
  overflow: hidden !important;}

.nav{top: 94px !important;
  height: 46px !important;
  padding: 4px 10px !important;
  gap: 6px !important;}

.content{top: 140px !important;}

.hdr-logo{width: 76px !important;
  min-width: 76px !important;}

.hdr-logo-inner{width: 62px !important;
  height: 62px !important;
  font-size: 22px !important;
  border-width: 1.5px !important;}

.hdr-iblk{min-width: 72px !important;
  padding: 0 8px !important;}

.hdr-iblk-icon{font-size: 14px !important;
  margin-bottom: 1px !important;}

.hdr-iblk-val{font-size: 18px !important;
  letter-spacing: 0.2px !important;
  white-space: nowrap !important;}

.hdr-iblk-lbl{font-size: 10px !important;
  margin-top: 2px !important;
  white-space: nowrap !important;}

.hdr-center{padding: 0 8px !important;
  min-width: 0 !important;}

.hdr-title-ta{font-size: 25px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;}

.hdr-title-en{font-size: 18px !important;
  letter-spacing: 1.3px !important;
  white-space: nowrap !important;
  margin-top: 2px !important;}

.hdr-sub-en{display: none !important;}

.hdr-date-blk{min-width: 124px !important;
  padding: 0 8px !important;}

.hdr-day-lbl{font-size: 12px !important;
  letter-spacing: 0.8px !important;}

.hdr-date-lbl{font-size: 17px !important;
  margin-top: 2px !important;
  letter-spacing: 0.5px !important;}

.hdr-clock-blk{min-width: 128px !important;
  padding: 0 8px !important;}

.hdr-clock{font-size: 30px !important;
  letter-spacing: 1.5px !important;}

.ntab{min-height: 36px !important;
  padding: 3px 6px !important;
  border-radius: 12px !important;}

.ntab span:first-child{font-size: 13px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;}

.ntab span:nth-child(2){font-size: 9px !important;
  line-height: 1 !important;
  margin-top: 1px !important;}

#s4 .content{padding: 8px !important;
  gap: 6px !important;}

#s4 .ticker-lbl{font-size: 11px !important;
  min-width: 110px !important;}

#s4 .ticker-inner{font-size: 18px !important;}

:root{--gold: #ffd84d !important;
  --gold-l: #fff2a8 !important;
  --gold-d: #d89b00 !important;
  --red: #b91c1c !important;
  --red-d: #5b0a0a !important;
  --bordeaux: #7f1d1d !important;
  --bg: #071426 !important;
  --card: rgba(255, 255, 255, 0.075) !important;
  --card-border: rgba(255, 216, 77, 0.38) !important;
  --text: #ffffff !important;
  --text-s: rgba(255, 255, 255, 0.78) !important;
  --text-ta: #fff2a8 !important;
  --orange: #ffd84d !important;
  --green: #21c55d !important;
  --sep: rgba(255, 255, 255, 0.18) !important;}

html,
body{background: #071426 !important;}

.screen{background:
    radial-gradient(circle at 18% 0%, rgba(30, 64, 175, 0.45), transparent 34%),
    radial-gradient(circle at 86% 8%, rgba(185, 28, 28, 0.35), transparent 28%),
    linear-gradient(135deg, #061325 0%, #0f2a55 48%, #5b0a0a 100%) !important;}

.hdr{height: 112px !important;
  background: linear-gradient(
    90deg,
    #06214a 0%,
    #0f3b7a 27%,
    #ffffff 50%,
    #b91c1c 73%,
    #5b0a0a 100%
  ) !important;
  border-bottom: 4px solid #ffd84d !important;
  color: #fff !important;
  overflow: hidden !important;}

.hdr::before,
.hdr::after{background: linear-gradient(
    90deg,
    transparent,
    #ffd84d,
    transparent
  ) !important;}

.hdr-logo{width: 88px !important;
  min-width: 88px !important;
  background: rgba(6, 33, 74, 0.35) !important;}

.hdr-logo-inner{background: #0f2a55 !important;
  border-color: #ffd84d !important;
  color: #fff2a8 !important;}

.hdr-iblk{min-width: 88px !important;
  max-width: 118px !important;
  padding: 0 7px !important;
  background: rgba(6, 20, 38, 0.42) !important;
  border-right: 1px solid rgba(255, 216, 77, 0.38) !important;
  overflow: hidden !important;}

.hdr-iblk-val{font-size: 20px !important;
  color: #ffffff !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;}

.hdr-iblk-lbl{color: #fff2a8 !important;
  font-size: 10px !important;}

.hdr-center{background: rgba(255, 255, 255, 0.12) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 10px !important;}

.hdr-title-ta{font-size: 28px !important;
  color: #061426 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;}

.hdr-title-en{font-size: 18px !important;
  color: #061426 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;}

.hdr-date-blk,
.hdr-clock-blk{background: rgba(6, 20, 38, 0.42) !important;
  border-left: 1px solid rgba(255, 216, 77, 0.38) !important;}

.hdr-day-lbl,
.hdr-date-lbl,
.hdr-clock{color: #ffffff !important;}

.nav{top: 112px !important;
  height: 76px !important;
  background: rgba(6, 20, 38, 0.88) !important;
  border-top: 1px solid rgba(255, 216, 77, 0.45) !important;
  border-bottom: 2px solid #ffd84d !important;}

.ntab{background: linear-gradient(
    180deg,
    rgba(15, 59, 122, 0.88),
    rgba(6, 20, 38, 0.92)
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;}

.ntab.on{background: linear-gradient(180deg, #ffd84d, #d89b00) !important;
  color: #061426 !important;
  border-color: #fff !important;
  box-shadow: 0 0 22px rgba(255, 216, 77, 0.4) !important;}

.content{top: 188px !important;
  height: 816px !important;}

.ticker{height: 76px !important;
  background: rgba(6, 20, 38, 0.94) !important;
  border-top: 2px solid #ffd84d !important;
  color: #fff !important;
  overflow: hidden !important;}

.ticker-lbl{background: linear-gradient(90deg, #b91c1c, #7f1d1d) !important;
  color: #fff2a8 !important;
  border-right: 1px solid #ffd84d !important;}

.ticker-inner{font-size: 24px !important;
  color: #fff !important;
  line-height: 76px !important;
  white-space: nowrap !important;
  animation: scrollTicker 110s linear infinite !important;}



.card-hdr{background: linear-gradient(
    90deg,
    rgba(15, 59, 122, 0.9),
    rgba(185, 28, 28, 0.55)
  ) !important;
  border-bottom: 1px solid rgba(255, 216, 77, 0.38) !important;}

.card-hdr-ta{color: #fff2a8 !important;}

.card-hdr-en{color: #ffffff !important;}

#s4 .content{padding: 10px !important;}

#s4 .ticker{height: 52px !important;}

#s4 .ticker-lbl{height: 52px !important;
  line-height: 52px !important;
  font-size: 11px !important;
  min-width: 120px !important;}

#s4 .ticker-inner{font-size: 18px !important;
  line-height: 52px !important;
  animation-duration: 150s !important;}

#pbi-list,
#gop-donors,
#ratham-donors,
.mem-table-wrap,
#s1-fest-grid{overflow: hidden !important;
  scroll-behavior: auto !important;}

#pbi-list::-webkit-scrollbar,
#gop-donors::-webkit-scrollbar,
#ratham-donors::-webkit-scrollbar,
.mem-table-wrap::-webkit-scrollbar{display: none;}

.hdr{height: 96px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  background: linear-gradient(
    90deg,
    #062b63 0%,
    #0e4fa3 25%,
    #f7faff 50%,
    #d71920 78%,
    #7a0b10 100%
  ) !important;
  border-bottom: 4px solid #ffd84d !important;}

.hdr-logo{width: 74px !important;
  min-width: 74px !important;
  height: 96px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;}

.hdr-logo-inner{width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  font-size: 23px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;}

.hdr-iblk{height: 96px !important;
  min-width: 86px !important;
  max-width: 112px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 6px !important;}

.hdr-iblk-val{font-size: 18px !important;
  line-height: 1.05 !important;
  max-width: 98px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;}

.hdr-iblk-lbl{font-size: 9px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.7px !important;}

.hdr-center{height: 96px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;}

.hdr-title-ta{font-size: 30px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  color: #06214a !important;}

.hdr-title-en{font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  color: #06214a !important;
  letter-spacing: 1px !important;}

.hdr-sub-en{font-size: 10px !important;
  color: #7a0b10 !important;
  line-height: 1.2 !important;}

.hdr-date-blk,
.hdr-clock-blk{height: 96px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 92px !important;}

.hdr-clock{font-size: 26px !important;
  line-height: 1 !important;}

.hdr-day-lbl,
.hdr-date-lbl{font-size: 13px !important;
  line-height: 1.2 !important;}

.nav{top: 96px !important;
  height: 72px !important;
  display: flex !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;}

.nav.nav-hidden{opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;}

.ntab{height: 46px !important;
  align-self: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;}

.content{top: 168px !important;
  height: 836px !important;}

.ticker{height: 76px !important;
  bottom: 0 !important;}

.ticker-track{overflow: hidden !important;
  white-space: nowrap !important;}

.ticker-inner{display: inline-block !important;
  width: max-content !important;
  min-width: 200% !important;
  white-space: nowrap !important;
  animation: scrollTicker 145s linear infinite !important;}

.ticker-inner .ti{display: inline-block !important;
  margin-right: 42px !important;}

#s4 .content{top: 168px !important;
  height: 860px !important;
  padding: 10px !important;}

#s4 .ticker{height: 40px !important;}

#s4 .ticker-lbl{height: 40px !important;
  line-height: 40px !important;
  font-size: 10px !important;
  min-width: 95px !important;}

#s4 .ticker-inner{font-size: 15px !important;
  line-height: 40px !important;
  animation-duration: 190s !important;}

#pbi-list,
#gop-donors,
#ratham-donors,
.mem-table-wrap,
#s1-fest-grid,
#cal4-evlist{overflow: hidden !important;
  position: relative !important;}

@keyframes scrollTicker{0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }}

.hdr{height: 82px !important;
  min-height: 82px !important;}

.hdr-logo{height: 82px !important;
  width: 66px !important;
  min-width: 66px !important;}

.hdr-logo-inner{width: 50px !important;
  height: 50px !important;
  font-size: 20px !important;}

.hdr-iblk{height: 82px !important;
  min-width: 78px !important;
  max-width: 102px !important;
  padding: 0 5px !important;}

.hdr-iblk-icon{font-size: 15px !important;
  margin-bottom: 2px !important;}

.hdr-iblk-val{font-size: 17px !important;}

.hdr-iblk-lbl{font-size: 8px !important;
  margin-top: 2px !important;}

.hdr-center{height: 82px !important;
  padding: 0 8px !important;}

.hdr-title-ta{font-size: 27px !important;
  line-height: 1 !important;}

.hdr-title-en{font-size: 16px !important;
  line-height: 1 !important;
  margin-top: 2px !important;}

.hdr-sub-en{display: none !important;}

.hdr-date-blk,
.hdr-clock-blk{height: 82px !important;
  min-width: 86px !important;
  padding: 0 8px !important;}

.hdr-clock{font-size: 24px !important;}

.hdr-day-lbl,
.hdr-date-lbl{font-size: 11px !important;}

.nav{top: 82px !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 4px 10px !important;
  gap: 6px !important;}

.ntab{height: 40px !important;
  min-height: 40px !important;
  border-radius: 10px !important;
  padding: 3px 6px !important;}

.ntab span:first-child{font-size: 14px !important;
  line-height: 1 !important;}

.ntab span:nth-child(2){font-size: 9px !important;
  line-height: 1 !important;
  margin-top: 1px !important;}

.content{top: 136px !important;
  height: 872px !important;
  bottom: 72px !important;}





.s1-left,
.s1-center,
.s1-right{gap: 6px !important;}

.card-hdr{padding: 7px 12px 6px !important;}

.card{border-radius: 14px !important;}

.ticker{height: 72px !important;}

#s4 .content{top: 136px !important;
  height: 904px !important;
  padding: 6px !important;}

.screen::after{content: none !important;}

.hdr{top: 0 !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  border-bottom: 2px solid #ffd84d !important;
  overflow: hidden !important;}

.hdr::before,
.hdr::after{display: none !important;
  content: none !important;}

.hdr-logo{height: 64px !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;}

.hdr-logo-inner{width: 42px !important;
  height: 42px !important;
  font-size: 17px !important;}

.hdr-iblk{height: 64px !important;
  min-width: 64px !important;
  max-width: 78px !important;
  padding: 0 4px !important;
  border-radius: 8px !important;}

.hdr-iblk-icon{font-size: 12px !important;
  margin: 0 0 1px 0 !important;
  line-height: 1 !important;}

.hdr-iblk-val{font-size: 14px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;}

.hdr-iblk-lbl{font-size: 7px !important;
  line-height: 1 !important;
  margin-top: 1px !important;
  letter-spacing: 0.2px !important;}

.hdr-center{height: 64px !important;
  padding: 0 6px !important;
  justify-content: center !important;}

.hdr-title-ta{font-size: 23px !important;
  line-height: 1 !important;
  margin: 0 !important;}

.hdr-title-en{font-size: 13px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
  letter-spacing: 0.7px !important;}

.hdr-date-blk,
.hdr-clock-blk{height: 64px !important;
  min-width: 74px !important;
  max-width: 92px !important;
  padding: 0 4px !important;
  border-radius: 8px !important;}

.hdr-day-lbl,
.hdr-date-lbl{font-size: 9px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  letter-spacing: 0.2px !important;}

.hdr-clock{font-size: 19px !important;
  line-height: 1 !important;
  letter-spacing: 0.5px !important;}

.nav{top: 64px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 2px 8px !important;
  gap: 4px !important;
  align-items: center !important;
  border-top: 0 !important;
  border-bottom: 2px solid #ffd84d !important;
  box-shadow: none !important;}

.ntab{height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 2px 5px !important;
  border-radius: 8px !important;}

.ntab span:first-child{font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;}

.ntab span:nth-child(2){font-size: 7px !important;
  line-height: 1 !important;
  margin-top: 1px !important;}

.content{top: 104px !important;
  bottom: 56px !important;
  height: auto !important;
  padding-top: 4px !important;}



#s4 .content{top: 104px !important;
  bottom: 40px !important;
  height: auto !important;
  padding: 4px !important;}

.card-hdr{padding: 5px 10px 4px !important;}

.card{border-radius: 12px !important;}

.s1-left,
.s1-center,
.s1-right,
.s2-center,
.s3-gopuram{gap: 4px !important;}

.ticker{height: 56px !important;
  min-height: 56px !important;
  bottom: 0 !important;}

.ticker-lbl{height: 56px !important;
  line-height: 56px !important;
  font-size: 10px !important;}

.ticker-inner{font-size: 18px !important;
  line-height: 56px !important;}

#s4 .ticker{height: 40px !important;
  min-height: 40px !important;}

#s4 .ticker-lbl{height: 40px !important;
  line-height: 40px !important;}

#s4 .ticker-inner{line-height: 40px !important;}

.hdr{top: 0 !important;
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  border-bottom: 3px solid #ffd84d !important;}

.hdr-logo{height: 96px !important;
  width: 74px !important;
  min-width: 74px !important;}

.hdr-logo-inner{width: 52px !important;
  height: 52px !important;
  font-size: 21px !important;}

.hdr-iblk{height: 78px !important;
  min-width: 86px !important;
  max-width: 104px !important;
  padding: 0 6px !important;
  border-radius: 12px !important;}

.hdr-iblk-icon{font-size: 16px !important;
  margin-bottom: 2px !important;
  line-height: 1 !important;}

.hdr-iblk-val{font-size: 18px !important;
  line-height: 1 !important;}

.hdr-iblk-lbl{font-size: 9px !important;
  line-height: 1 !important;
  margin-top: 2px !important;}

.hdr-center{height: 96px !important;
  padding: 0 10px !important;
  justify-content: center !important;}

.hdr-title-ta{font-size: 30px !important;
  line-height: 1.05 !important;
  margin: 0 !important;}

.hdr-title-en{font-size: 17px !important;
  line-height: 1 !important;
  margin-top: 3px !important;
  letter-spacing: 1px !important;}

.hdr-date-blk,
.hdr-clock-blk{height: 78px !important;
  min-width: 92px !important;
  max-width: 112px !important;
  padding: 0 7px !important;
  border-radius: 12px !important;}

.hdr-day-lbl,
.hdr-date-lbl{font-size: 11px !important;
  line-height: 1.05 !important;
  margin: 0 !important;}

.hdr-clock{font-size: 24px !important;
  line-height: 1 !important;}

.nav{top: 96px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 5px 12px !important;
  gap: 7px !important;
  align-items: center !important;
  border-top: 0 !important;
  border-bottom: 3px solid #ffd84d !important;
  box-shadow: none !important;}

.ntab{height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  padding: 4px 8px !important;
  border-radius: 12px !important;}

.ntab span:first-child{font-size: 15px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;}

.ntab span:nth-child(2),
.ntab span[style]{font-size: 9px !important;
  line-height: 1 !important;
  margin-top: 1px !important;}

.content{top: 160px !important;
  bottom: 56px !important;
  height: auto !important;
  padding-top: 4px !important;
  margin-top: 0 !important;}



#s4 .content{top: 160px !important;
  bottom: 40px !important;
  height: auto !important;
  padding: 4px 6px !important;
  gap: 6px !important;
  margin-top: 0 !important;}

.card,
.s1-left,
.s1-center,
.s1-right{margin-top: 0 !important;}

.ticker-lbl{height: 56px !important;
  line-height: 56px !important;}

.ticker-inner{line-height: 56px !important;}

#s4 .ticker-lbl,
#s4 .ticker-inner{line-height: 40px !important;}

:root{--: 96px;
  --: 64px;
  --: 2px;
  --: 56px;}

.screen{padding: 0 !important;
  margin: 0 !important;}

.hdr{position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  margin: 0 !important;
  padding: 0 !important;}

.nav{position: absolute !important;
  top: var(--) !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  margin: 0 !important;
  padding: 5px 12px !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;}

.ntab{height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;}



#s4 .content{bottom: 40px !important;}

.card,
.s1-left,
.s1-center,
.s1-right,
.pooja-left,
.pooja-center,
.pooja-right{margin-top: 0 !important;}

.ticker{height: var(--) !important;
  min-height: var(--) !important;
  bottom: 0 !important;}

.ticker-lbl,
.ticker-inner{height: var(--) !important;
  line-height: var(--) !important;}

#s4 .ticker-lbl,
#s4 .ticker-inner{height: 40px !important;
  line-height: 40px !important;}

:root{--: 112px;
  --: 72px;
  --: 2px;
  --: 56px;}

.hdr{position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient(
    90deg,
    #06306f 0%,
    #0b58bd 28%,
    #f4f8ff 52%,
    #0b58bd 78%,
    #06306f 100%
  ) !important;
  border-top: 0 !important;
  border-bottom: 4px solid #ffd84d !important;
  overflow: hidden !important;}

.hdr-logo{width: 96px !important;
  min-width: 96px !important;
  background: rgba(4, 28, 68, 0.45) !important;}

.hdr-logo-inner{width: 78px !important;
  height: 78px !important;
  font-size: 26px !important;
  background: #06306f !important;
  border: 2px solid #ffd84d !important;
  color: #fff2a8 !important;}

.hdr-iblk{min-width: 96px !important;
  max-width: 124px !important;
  padding: 0 8px !important;
  background: rgba(4, 28, 68, 0.5) !important;}

.hdr-iblk-val{font-size: 22px !important;
  line-height: 1.05 !important;}

.hdr-iblk-lbl{font-size: 11px !important;}

.hdr-center{background: rgba(255, 255, 255, 0.18) !important;
  padding: 0 14px !important;}

.hdr-title-ta{font-size: 32px !important;
  line-height: 1.05 !important;
  color: #06214a !important;}

.hdr-title-en{font-size: 20px !important;
  line-height: 1.05 !important;
  color: #06214a !important;
  letter-spacing: 1.8px !important;}

.hdr-sub-en{font-size: 12px !important;
  color: #06214a !important;}

.hdr-date-blk{min-width: 150px !important;
  padding: 0 10px !important;
  background: linear-gradient(180deg, #b91c1c, #7f1d1d) !important;}

.hdr-clock-blk{min-width: 170px !important;
  padding: 0 12px !important;
  background: linear-gradient(180deg, #b91c1c, #7f1d1d) !important;}

.hdr-clock{font-size: 34px !important;
  letter-spacing: 1px !important;}

.nav{position: absolute !important;
  top: var(--) !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  margin: 0 !important;
  padding: 6px 14px !important;
  gap: 8px !important;
  background: rgba(6, 20, 38, 0.92) !important;
  border-top: 0 !important;
  border-bottom: 3px solid #ffd84d !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;}

.ntab{height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  font-size: 17px !important;
  border-radius: 12px !important;}

.ntab span:first-child{font-size: 17px !important;
  line-height: 1.05 !important;}

.ntab span:nth-child(2){font-size: 12px !important;
  line-height: 1.05 !important;}



.ticker{height: var(--) !important;
  min-height: var(--) !important;
  bottom: 0 !important;}

.ticker-lbl,
.ticker-inner{height: var(--) !important;
  line-height: var(--) !important;}

:root{--: 128px;
  --: 78px;
  --: 2px;
  --: 62px;}

.screen{position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1920px !important;
  height: 1080px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;}

.hdr{position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  z-index: 30 !important;
  background: linear-gradient(
    90deg,
    #06306f 0%,
    #0b58bd 28%,
    #f4f8ff 52%,
    #0b58bd 78%,
    #06306f 100%
  ) !important;
  border-top: 0 !important;
  border-bottom: 4px solid #ffd84d !important;}

.hdr-logo{height: var(--) !important;
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
  background: rgba(4, 28, 68, 0.45) !important;}

.hdr-logo-inner{width: 84px !important;
  height: 84px !important;
  font-size: 29px !important;
  background: #06306f !important;
  border: 2px solid #ffd84d !important;
  color: #fff2a8 !important;}

.hdr-iblk{height: 92px !important;
  min-width: 104px !important;
  max-width: 132px !important;
  padding: 0 8px !important;
  border-radius: 14px !important;
  background: rgba(4, 28, 68, 0.5) !important;}

.hdr-iblk-icon{font-size: 18px !important;}

.hdr-iblk-val{font-size: 24px !important;
  line-height: 1.05 !important;}

.hdr-iblk-lbl{font-size: 12px !important;
  line-height: 1.05 !important;}

.hdr-center{height: var(--) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  padding: 0 16px !important;
  justify-content: center !important;}

.hdr-title-ta{font-size: 38px !important;
  line-height: 1.05 !important;
  color: #06214a !important;
  margin: 0 !important;}

.hdr-title-en{font-size: 23px !important;
  line-height: 1.05 !important;
  color: #06214a !important;
  letter-spacing: 1.8px !important;
  margin-top: 4px !important;}

.hdr-date-blk{height: 92px !important;
  min-width: 160px !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #b91c1c, #7f1d1d) !important;}

.hdr-clock-blk{height: 92px !important;
  min-width: 186px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #b91c1c, #7f1d1d) !important;}

.hdr-day-lbl,
.hdr-date-lbl{font-size: 13px !important;
  line-height: 1.1 !important;}

.hdr-clock{font-size: 38px !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;}

.nav{position: absolute !important;
  top: var(--) !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  margin: 0 !important;
  padding: 7px 14px !important;
  gap: 8px !important;
  z-index: 29 !important;
  background: rgba(6, 20, 38, 0.94) !important;
  border-top: 0 !important;
  border-bottom: 3px solid #ffd84d !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;}

.ntab{height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  border-radius: 13px !important;
  padding: 5px 8px !important;}

.ntab span:first-child{font-size: 18px !important;
  line-height: 1.08 !important;}

.ntab span:nth-child(2),
.ntab span[style]{font-size: 12px !important;
  line-height: 1.05 !important;
  margin-top: 2px !important;}



.ticker,
.marquee,
.lauftext,
[id*="ticker"]{position: absolute !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  background: rgba(6, 20, 38, 0.96) !important;
  border-top: 3px solid #ffd84d !important;
  color: #fff !important;
  overflow: hidden !important;
  z-index: 35 !important;}

.ticker-lbl{height: var(--) !important;
  line-height: var(--) !important;
  min-width: 0 !important;
  width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  color: transparent !important;
  background: transparent !important;
  font-size: 0 !important;}

.ticker-track{flex: 1 !important;
  height: var(--) !important;
  line-height: var(--) !important;
  overflow: hidden !important;
  white-space: nowrap !important;}

.ticker-inner{height: var(--) !important;
  line-height: var(--) !important;
  font-size: 24px !important;
  color: #fff !important;
  white-space: nowrap !important;
  animation: scrollTicker 145s linear infinite !important;}

#s4 .content{bottom: var(--) !important;}

#s4 .ticker{height: var(--) !important;
  min-height: var(--) !important;}

#s4 .ticker-track,
#s4 .ticker-inner{height: var(--) !important;
  line-height: var(--) !important;}

:root{--: 138px;
  --: 82px;
  --: 2px;
  --: 64px;}

.hdr{top: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  background: linear-gradient(
    90deg,
    #06306f 0%,
    #0b58bd 30%,
    #f5f8ff 52%,
    #0b58bd 78%,
    #06306f 100%
  ) !important;
  border-top: 0 !important;
  border-bottom: 4px solid #ffd84d !important;
  overflow: hidden !important;
  z-index: 30 !important;}

.hdr::before,
.hdr::after{display: none !important;
  content: none !important;
  height: 0 !important;
  opacity: 0 !important;}

.hdr-logo{height: var(--) !important;
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  background: rgba(4, 28, 68, 0.55) !important;
  padding: 0 !important;}

.hdr-logo-inner{width: 108px !important;
  height: 108px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 3px solid #ffd84d !important;
  color: transparent !important;
  font-size: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 0 16px rgba(255, 216, 77, 0.35) !important;}

.hdr-logo-inner img{width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;}

.hdr-iblk{height: 100px !important;
  min-width: 112px !important;
  max-width: 142px !important;
  padding: 0 9px !important;
  border-radius: 15px !important;
  background: rgba(4, 28, 68, 0.55) !important;}

.hdr-iblk-icon{font-size: 19px !important;}

.hdr-iblk-val{font-size: 25px !important;
  line-height: 1.05 !important;
  color: #fff !important;}

.hdr-iblk-lbl{font-size: 12px !important;
  color: #fff4b8 !important;}

.hdr-center{height: var(--) !important;
  background: rgba(255, 255, 255, 0.26) !important;
  justify-content: center !important;
  padding: 0 18px !important;}

.hdr-title-ta{font-size: 42px !important;
  line-height: 1.05 !important;
  color: #06214a !important;
  font-weight: 800 !important;
  margin: 0 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;}

.hdr-title-en{font-size: 25px !important;
  line-height: 1.05 !important;
  color: #06214a !important;
  letter-spacing: 1.9px !important;
  margin-top: 5px !important;
  font-weight: 800 !important;}

.hdr-date-blk{height: 100px !important;
  min-width: 160px !important;
  padding: 0 10px !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, #b91c1c, #7f1d1d) !important;}

.hdr-clock-blk{height: 100px !important;
  min-width: 190px !important;
  padding: 0 12px !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, #b91c1c, #7f1d1d) !important;}

.hdr-day-lbl,
.hdr-date-lbl{font-size: 14px !important;
  line-height: 1.1 !important;
  color: #fff8c8 !important;}

.hdr-clock{font-size: 40px !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  color: #fff !important;}

.nav{top: var(--) !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  padding: 8px 14px !important;
  gap: 9px !important;
  margin: 0 !important;
  background: rgba(6, 20, 38, 0.94) !important;
  border-top: 0 !important;
  border-bottom: 3px solid #ffd84d !important;
  z-index: 29 !important;}

.ntab{height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  border-radius: 14px !important;
  padding: 6px 8px !important;}

.ntab span:first-child{font-size: 19px !important;
  line-height: 1.08 !important;}

.ntab span:nth-child(2),
.ntab span[style]{font-size: 13px !important;
  line-height: 1.05 !important;
  margin-top: 2px !important;}



.ticker,
.marquee,
.lauftext,
[id*="ticker"]{position: absolute !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  display: flex !important;
  align-items: center !important;
  background: rgba(6, 20, 38, 0.98) !important;
  border-top: 3px solid #ffd84d !important;
  overflow: hidden !important;
  z-index: 35 !important;
  color: #fff !important;}

.ticker-lbl{display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  color: transparent !important;
  background: transparent !important;}

.ticker-track{flex: 1 !important;
  height: var(--) !important;
  line-height: var(--) !important;
  overflow: hidden !important;
  white-space: nowrap !important;}

.ticker-inner{height: var(--) !important;
  line-height: var(--) !important;
  font-size: 24px !important;
  color: #fff !important;
  white-space: nowrap !important;
  animation: scrollTicker 145s linear infinite !important;}

.s2-list{overflow: hidden !important;}

.pbi-sp{color: #ffd84d !important;}

































.natch-box{padding: 10px 12px;
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 10px;
  align-items: center;}

.natch-no{width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(180deg, #ffd84d, #f6b800);
  color: #06162c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 900;
  font-family: Cinzel, serif;}

.natch-ta{font-family: "Noto Sans Tamil", sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;}

.natch-en{font-size: 16px;
  color: #fff8c8;
  line-height: 1.1;
  margin-top: 2px;}

.natch-sub{font-size: 13px;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.1;
  margin-top: 2px;}

.natch-mini-list{display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 0 12px 10px;
  overflow: hidden;}

.natch-chip{font-size: 13px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 216, 77, 0.22);
  border-radius: 999px;
  padding: 4px 8px;
  white-space: nowrap;}

:root{--: 154px;
  --: 88px;
  --: 2px;
  --: 64px;}

body::before,
.screen::before{display: none !important;
  content: none !important;
  background: none !important;}

.hdr{top: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  background: linear-gradient(
    90deg,
    #07357a 0%,
    #0a62d0 28%,
    #f8fbff 52%,
    #0a62d0 77%,
    #07357a 100%
  ) !important;
  border-top: 0 !important;
  border-bottom: 4px solid #ffd84d !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden !important;
  z-index: 30 !important;}

.hdr::before,
.hdr::after{display: none !important;
  content: none !important;
  height: 0 !important;
  opacity: 0 !important;
  background: none !important;}

.hdr-logo{height: var(--) !important;
  width: 142px !important;
  min-width: 142px !important;
  max-width: 142px !important;
  background: rgba(4, 28, 68, 0.5) !important;}

.hdr-logo-inner{width: 124px !important;
  height: 124px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 4px solid #ffd84d !important;
  overflow: hidden !important;
  box-shadow: 0 0 18px rgba(255, 216, 77, 0.38) !important;}

.hdr-logo-inner img{width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;}

.hdr-iblk{height: 116px !important;
  min-width: 122px !important;
  max-width: 150px !important;
  padding: 0 10px !important;
  border-radius: 16px !important;
  background: rgba(4, 28, 68, 0.58) !important;
  margin: auto 4px !important;}

.hdr-iblk-val{font-size: 28px !important;
  line-height: 1.05 !important;
  color: #fff !important;}

.hdr-iblk-lbl{font-size: 13px !important;
  color: #fff4b8 !important;}

.hdr-center{height: var(--) !important;
  background: rgba(255, 255, 255, 0.26) !important;
  justify-content: center !important;
  padding: 0 18px !important;}

.hdr-title-ta{font-size: 48px !important;
  line-height: 1.04 !important;
  color: #06214a !important;
  font-weight: 900 !important;
  margin: 0 !important;}

.hdr-title-en{font-size: 29px !important;
  line-height: 1.05 !important;
  color: #06214a !important;
  letter-spacing: 1.7px !important;
  margin-top: 6px !important;
  font-weight: 900 !important;
  background: none !important;
  border: 0 !important;}

.hdr-date-blk,
.hdr-clock-blk{height: 116px !important;
  margin: auto 4px !important;
  border-radius: 16px !important;
  background: #07357a !important;
  border: 2px solid rgba(255, 216, 77, 0.55) !important;}

.hdr-date-blk{min-width: 170px !important;}

.hdr-clock-blk{min-width: 205px !important;}

.hdr-day-lbl,
.hdr-date-lbl{font-size: 15px !important;
  line-height: 1.12 !important;
  color: #fff8c8 !important;}

.hdr-clock{font-size: 44px !important;
  line-height: 1 !important;
  color: #fff !important;}

.nav{top: var(--) !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  padding: 8px 14px !important;
  gap: 9px !important;
  margin: 0 !important;
  background: rgba(6, 20, 38, 0.96) !important;
  border-top: 0 !important;
  border-bottom: 3px solid #ffd84d !important;
  z-index: 29 !important;}

.ntab{height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  border-radius: 14px !important;
  padding: 7px 8px !important;}

.ntab span:first-child{font-size: 21px !important;
  line-height: 1.08 !important;}

.ntab span:nth-child(2),
.ntab span[style]{font-size: 14px !important;
  line-height: 1.05 !important;
  margin-top: 3px !important;}



.ticker,
.marquee,
.lauftext,
[id*="ticker"]{height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  bottom: 0 !important;
  top: auto !important;
  background: rgba(6, 20, 38, 0.98) !important;
  border-top: 3px solid #ffd84d !important;
  color: #fff !important;
  display: flex !important;
  z-index: 35 !important;
  overflow: hidden !important;}

.ticker-track{height: var(--) !important;
  line-height: var(--) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  flex: 1 !important;}

.ticker-inner{height: var(--) !important;
  line-height: var(--) !important;
  font-size: 24px !important;
  white-space: nowrap !important;}













#s2 .s2-highlight{flex: 0 0 226px !important;
  min-height: 0 !important;
  overflow: hidden !important;}

#s2 .s2-free{flex: 1 !important;
  min-height: 0 !important;
  overflow: hidden !important;}

#s2 #s2-special,
#s2 #s2-free-list,
#s2 #pbi-list,
#s2 #s2-prices,
#s2 #s2-natchathiram{overflow: hidden !important;
  position: relative !important;
  min-height: 0 !important;}

#s2 #s2-special{flex: 1 !important;
  padding: 8px 14px !important;}

#s2 #s2-free-list{padding: 8px 14px !important;}

#s2 .natch-card{flex: 0 0 190px !important;
  min-height: 190px !important;
  margin-bottom: 7px !important;
  overflow: hidden !important;}

#s2 .natch-card .card-hdr{padding-top: 8px !important;
  padding-bottom: 7px !important;}

#s2 .pgrid{display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  padding: 6px 10px !important;
  overflow: hidden !important;}

#s2 .pr{display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 4px !important;
  padding: 7px 8px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 216, 77, 0.16) !important;
  background: rgba(255, 255, 255, 0.045) !important;}

#s2 .pr-ta{font-size: 18px !important;
  line-height: 1.12 !important;}

#s2 .pr-en{font-size: 14px !important;
  line-height: 1.1 !important;}

#s2 .pr-val{font-size: 24px !important;}

#s2 .auto-scroll-box{overflow: hidden !important;
  position: relative !important;}

#s2 .auto-scroll-inner{display: block;
  will-change: transform;
  animation: poojaAutoScrollY var(--auto-scroll-duration, 90s) linear infinite;}

#s2 .auto-scroll-copy{display: block;}

#s2 .auto-scroll-copy + .auto-scroll-copy{margin-top: 16px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 216, 77, 0.16);}

@keyframes poojaAutoScrollY{0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }}

:root{--: 158px;
  --: 92px;
  --: 2px;
  --: 66px;}

html,
body{overflow: hidden !important;
  background: #06162c !important;}

body::before,
.screen::before{display: none !important;
  content: none !important;
  background: none !important;
  height: 0 !important;}

.screen{background: linear-gradient(
    135deg,
    #06162c 0%,
    #0b3b80 46%,
    #071b38 100%
  ) !important;
  overflow: hidden !important;}

.hdr{top: 0 !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  background: linear-gradient(
    90deg,
    #052a63 0%,
    #0b62cf 31%,
    #f8fbff 50%,
    #0b62cf 69%,
    #052a63 100%
  ) !important;
  border-top: 0 !important;
  border-bottom: 4px solid #ffd84d !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.34) !important;
  overflow: hidden !important;
  z-index: 40 !important;}

.hdr::before,
.hdr::after{display: none !important;
  content: none !important;
  background: none !important;
  height: 0 !important;
  opacity: 0 !important;}

.hdr-logo{height: var(--) !important;
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  background: rgba(4, 28, 68, 0.58) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;}

.hdr-logo-inner{width: 132px !important;
  height: 132px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 4px solid #ffd84d !important;
  overflow: hidden !important;
  box-shadow: 0 0 16px rgba(255, 216, 77, 0.38) !important;}

.hdr-iblk{height: 120px !important;
  min-width: 126px !important;
  max-width: 152px !important;
  padding: 0 10px !important;
  border-radius: 16px !important;
  background: rgba(4, 28, 68, 0.58) !important;
  margin: auto 4px !important;
  border: 1px solid rgba(255, 216, 77, 0.22) !important;}

.hdr-iblk-val{font-size: 29px !important;
  line-height: 1.04 !important;
  color: #fff !important;
  font-weight: 900 !important;}

.hdr-iblk-lbl{font-size: 13px !important;
  line-height: 1.1 !important;
  color: #fff4b8 !important;}

.hdr-center{height: var(--) !important;
  background: rgba(255, 255, 255, 0.28) !important;
  justify-content: center !important;
  padding: 0 18px !important;
  min-width: 0 !important;}

.hdr-title-ta{font-size: 50px !important;
  line-height: 1.02 !important;
  color: #06214a !important;
  font-weight: 900 !important;
  margin: 0 !important;
  white-space: nowrap !important;}

.hdr-title-en{font-size: 30px !important;
  line-height: 1.04 !important;
  color: #06214a !important;
  letter-spacing: 1.5px !important;
  margin-top: 7px !important;
  font-weight: 900 !important;
  background: none !important;
  border: 0 !important;
  white-space: nowrap !important;}

.hdr-date-blk,
.hdr-clock-blk{height: 120px !important;
  margin: auto 4px !important;
  border-radius: 16px !important;
  background: #07357a !important;
  border: 2px solid rgba(255, 216, 77, 0.56) !important;}

.hdr-date-blk{min-width: 174px !important;}

.hdr-clock-blk{min-width: 208px !important;}

.hdr-clock{font-size: 45px !important;
  line-height: 1 !important;
  color: #fff !important;}

.nav{top: var(--) !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  padding: 8px 14px !important;
  gap: 9px !important;
  margin: 0 !important;
  background: rgba(6, 20, 38, 0.98) !important;
  border-top: 0 !important;
  border-bottom: 3px solid #ffd84d !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25) !important;
  z-index: 39 !important;}

.ntab{height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
  border-radius: 14px !important;
  padding: 7px 8px !important;
  background: #0a4ea3 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;}

.ntab.on{background: linear-gradient(180deg, #ffd84d, #f3b800) !important;
  color: #071b38 !important;
  border-color: #fff4b8 !important;
  box-shadow: 0 0 14px rgba(255, 216, 77, 0.36) !important;}

.ntab span:first-child{font-size: 21px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;}

.ntab span:nth-child(2),
.ntab span[style]{font-size: 14px !important;
  line-height: 1.04 !important;
  margin-top: 3px !important;
  opacity: 0.86 !important;}



.ticker,
.marquee,
.lauftext,
[id*="ticker"]{position: absolute !important;
  height: var(--) !important;
  min-height: var(--) !important;
  max-height: var(--) !important;
  bottom: 0 !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(6, 20, 38, 0.99) !important;
  border-top: 3px solid #ffd84d !important;
  color: #fff !important;
  display: flex !important;
  z-index: 45 !important;
  overflow: hidden !important;}

.ticker-track{height: var(--) !important;
  line-height: var(--) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  flex: 1 !important;}

.ticker-inner{height: var(--) !important;
  line-height: var(--) !important;
  font-size: 25px !important;
  white-space: nowrap !important;}





















#s4 .content{display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;}

#s2 .auto-scroll-inner{display: block !important;
  will-change: transform !important;
  animation: poojaAutoScrollY var(--auto-scroll-duration, 90s) linear infinite !important;}

#s2 .s2-highlight{
  flex: 0 0 220px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#s2 .s2-free{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#s2 .natch-card{flex: 0 0 188px !important;
  min-height: 188px !important;
  overflow: hidden !important;}

#s2 .pgrid{display: block !important;
  grid-template-columns: none !important;
  overflow: hidden !important;}

#s2 .pr{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 4px !important;
  padding: 6px 8px !important;
  min-width: 0 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 216, 77, 0.16) !important;
  background: rgba(255, 255, 255, 0.045) !important;
}



.card{overflow: hidden;}

#s2 .pr-val::first-letter{letter-spacing: 0 !important;}

#s3 .mem-table-wrap{overflow: hidden !important;
  position: relative !important;}

#s3 .mem-table{width: 100% !important;
  border-collapse: collapse !important;}

#s3 .mem-scroll-inner{display: block !important;
  will-change: transform !important;
  animation: donationMemAutoScrollY var(--mem-scroll-duration, 110s) linear
    infinite !important;}

#s3 .mem-scroll-copy{display: block !important;}

#s3 .mem-scroll-copy + .mem-scroll-copy{margin-top: 14px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 216, 77, 0.18);}

#s3 .mem-scroll-copy table{width: 100% !important;
  border-collapse: collapse !important;}

@keyframes donationMemAutoScrollY{0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }}

.nav{gap: 6px !important;
  padding: 7px 10px !important;}

.ntab{min-width: 0 !important;
  flex: 1 1 0 !important;
  height: 68px !important;
  max-height: 68px !important;
  border-radius: 13px !important;}

.ntab span:first-child{font-size: 18px !important;
  white-space: nowrap !important;}

.ntab span:nth-child(2){font-size: 12px !important;}

#s2 .s2-right .card{height: 100% !important;}

#s2 #s2-prices{height: 100% !important;
  flex: 1 !important;}

#s2 .natch-card{display: none !important;}

#s3 .mem-table-wrap{height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 6px 8px !important;}

#s3 .mem-scroll-inner{animation: donationMemAutoScrollY var(--mem-scroll-duration, 120s) linear
    infinite !important;}

#s3 .mem-table td{padding: 4px 3px !important;
  font-size: 13px !important;}

#s3 .mem-table td.mem-n{font-size: 14px !important;}



.np-wrap{display: grid;
  grid-template-columns: 44% 30% 26%;
  gap: 8px;
  height: 100%;}

.np-card{display: flex;
  flex-direction: column;
  min-height: 0;}

@keyframes npMediaFade{0%,
  10% {
    opacity: 1;
  }
  14%,
  100% {
    opacity: 0;
  }}

.natch-table-wrap,
.price-page-wrap{flex: 1;
  overflow: hidden;
  position: relative;
  padding: 8px 10px;}

.natch-scroll,
.price-scroll{will-change: transform;
  animation: natchPriceScroll 95s linear infinite;}

.price-scroll{animation-duration: 85s;}

.natch-row{display: grid;
  grid-template-columns: 56px 1.2fr 1.7fr 1fr;
  gap: 8px;
  align-items: center;
  border-bottom: 1px solid rgba(255, 216, 77, 0.18);
  padding: 8px 4px;}

.natch-row.head{position: sticky;
  top: 0;
  background: #153d79;
  color: #ffd84d;
  border-bottom: 2px solid #ffd84d;
  font-weight: 800;
  z-index: 2;}

.natch-no{font-family: Cinzel, serif;
  font-size: 19px;
  color: #ffd84d;
  font-weight: 800;
  text-align: center;}

.natch-tamil{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 23px;
  color: #fff5c8;
  font-weight: 800;
  line-height: 1.15;}

.natch-other,
.natch-mal{font-size: 17px;
  color: #fff;
  line-height: 1.18;}

.price-page-row{display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 216, 77, 0.2);
  padding: 10px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  margin-bottom: 5px;}

.price-page-name{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 25px;
  color: #fff5c8;
  font-weight: 800;
  line-height: 1.15;}

.price-page-val{font-family: Cinzel, serif;
  font-size: 31px;
  color: #ffd84d;
  font-weight: 900;
  white-space: nowrap;
  margin-left: 14px;}

@keyframes natchPriceScroll{0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }}

.cal-main-stage{flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.08),
    rgba(255, 216, 77, 0.06)
  );
  padding: 8px;}

.cal-main-stage img{max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
  background: #fff;}

.cal-pooja-scroll{will-change: transform;
  animation: calPoojaScroll var(--cal-scroll-duration, 80s) linear infinite;}

.cal-pooja-row{display: grid;
  grid-template-columns: 78px 1fr;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 216, 77, 0.18);
  padding: 10px 4px;}

.cal-pooja-date{font-family: Cinzel, serif;
  color: #ffd84d;
  font-weight: 900;
  font-size: 20px;
  text-align: center;
  background: rgba(255, 216, 77, 0.12);
  border: 1px solid rgba(255, 216, 77, 0.35);
  border-radius: 8px;
  padding: 5px 2px;
  height: max-content;}

.cal-pooja-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 22px;
  color: #fff5c8;
  font-weight: 800;
  line-height: 1.15;}

.cal-pooja-en{font-size: 16px;
  color: #dbeafe;
  line-height: 1.15;
  margin-top: 2px;}

.cal-pooja-sp{font-size: 14px;
  color: #ffd84d;
  opacity: 0.88;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

@keyframes calPoojaScroll{0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }}





.cal-wrap.{display: grid !important;
  grid-template-columns: 59% 41% !important;
  gap: 10px !important;
  height: 100% !important;}

.cal-main-card .card-hdr{padding: 8px 12px !important;
  gap: 10px !important;}

.cal-month-btn{border: 1px solid rgba(255, 216, 77, 0.35);
  border-radius: 9px;
  background: linear-gradient(180deg, #174c93, #0b3470);
  color: #fff;
  font-family: Cinzel, serif;
  font-weight: 900;
  font-size: 14px;
  line-height: 1;
  padding: 7px 4px;
  text-align: center;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);}

.cal-month-btn.active{background: linear-gradient(180deg, #ffe15b, #f5b800);
  color: #071b3a;
  border-color: #fff2a8;
  box-shadow: 0 0 14px rgba(255, 216, 77, 0.5);}

.cal-main-stage.{padding: 8px !important;
  align-items: stretch !important;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1),
    rgba(255, 216, 77, 0.04)
  ) !important;}

.cal-weekdays{display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;}

.cal-wd{background: linear-gradient(90deg, #0f4f9f, #153d79);
  border: 1px solid rgba(255, 216, 77, 0.55);
  border-radius: 8px;
  padding: 5px 2px;
  text-align: center;
  color: #fff5c8;
  font-family:
    Noto Sans Tamil,
    sans-serif;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.05;}

.cal-days{display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(6, 1fr);
  gap: 4px;
  min-height: 0;}

.cal-day{position: relative;
  border: 1px solid rgba(255, 216, 77, 0.36);
  border-radius: 9px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.08),
    rgba(13, 58, 120, 0.38)
  );
  padding: 5px 5px 3px;
  overflow: hidden;
  min-height: 0;}

.cal-day.empty{opacity: 0.22;
  background: rgba(255, 255, 255, 0.03);}

.cal-day.today{border-color: #ffd84d;
  background: linear-gradient(
    135deg,
    rgba(255, 216, 77, 0.28),
    rgba(185, 28, 28, 0.18)
  );
  box-shadow: 0 0 16px rgba(255, 216, 77, 0.36);}

.cal-day-num{font-family: Cinzel, serif;
  font-size: 25px;
  line-height: 1;
  color: #fff;
  font-weight: 900;
  text-shadow: 0 1px 2px #000;}

.cal-day-mon{position: absolute;
  top: 6px;
  right: 6px;
  color: #ffd84d;
  font-family: Cinzel, serif;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;}

.cal-day-ta{font-family:
    Noto Sans Tamil,
    sans-serif;
  color: #dbeafe;
  font-size: 11px;
  line-height: 1.1;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.cal-day-events{position: absolute;
  left: 5px;
  right: 5px;
  bottom: 4px;
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
  align-items: center;}

.cal-dot{width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffd84d;
  box-shadow: 0 0 5px rgba(255, 216, 77, 0.8);}

.cal-dot.red{background: #ef4444;
  box-shadow: 0 0 5px rgba(239, 68, 68, 0.8);}

.cal-price-scroll{will-change: transform;
  animation: calPoojaScroll 85s linear infinite;}

.cal-price-row{display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 216, 77, 0.22);
  padding: 8px 6px;
  border-radius: 8px;
  margin-bottom: 5px;
  background: rgba(255, 255, 255, 0.04);}

.cal-price-name{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 21px;
  color: #fff5c8;
  font-weight: 900;
  line-height: 1.12;}

.cal-price-val{font-family: Cinzel, serif;
  font-size: 25px;
  color: #ffd84d;
  font-weight: 900;
  white-space: nowrap;}

.feedback-bar{position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 58px;
  background: linear-gradient(90deg, #062b60, #0b54a3, #7f1d1d);
  border-top: 2px solid #ffd84d;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 18px;
  color: #fff;
  z-index: 60;
  box-shadow: 0 -6px 16px rgba(0, 0, 0, 0.32);}

.feedback-title{font-family:
    Noto Sans Tamil,
    sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: #fff5c8;
  white-space: nowrap;}

.feedback-title small{display: block;
  font-family: Cinzel, serif;
  font-size: 11px;
  letter-spacing: 1px;
  color: #dbeafe;
  margin-top: -2px;}

.feedback-options{display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  flex: 1;}

.fb-opt{border: 1px solid rgba(255, 216, 77, 0.55);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  padding: 6px 8px;
  text-align: center;
  font-family:
    Noto Sans Tamil,
    sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.05;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);}

.fb-opt span{display: block;
  font-family: Cinzel, serif;
  font-size: 11px;
  color: #dbeafe;
  margin-top: 2px;}

.fb-opt.active{background: linear-gradient(180deg, #ffe15b, #f6b800);
  color: #071b3a;
  box-shadow: 0 0 18px rgba(255, 216, 77, 0.65);}

.feedback-count{font-family: Cinzel, serif;
  color: #fff5c8;
  font-size: 14px;
  min-width: 135px;
  text-align: right;}

.cal-wrap.{display: grid !important;
  grid-template-columns: 64% 36% !important;
  gap: 10px !important;
  height: 100% !important;}

.cal-main-card .card-hdr{padding: 8px 12px !important;
  gap: 10px !important;
  min-height: 48px !important;}

.cal-month-btn{font-size: 13px !important;
  padding: 8px 3px !important;
  border-radius: 9px !important;}

.cal-main-stage.{padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1),
    rgba(255, 216, 77, 0.04)
  ) !important;
  overflow: hidden !important;}

.cal-pooja-scroll{will-change: transform;
  animation: calPoojaScroll var(--cal-scroll-duration, 95s) linear infinite !important;}

.cal-price-scroll{will-change: transform;
  animation: calPoojaScroll 95s linear infinite !important;}

.cal-pooja-row{grid-template-columns: 76px 1fr !important;
  padding: 9px 4px !important;}

.cal-pooja-ta{font-size: 21px !important;
  line-height: 1.12 !important;}

.cal-pooja-en{font-size: 15px !important;}

.cal-price-name{font-size: 20px !important;
  line-height: 1.12 !important;}

.cal-price-val{font-size: 24px !important;}

@media (max-width: 1500px){.cal-wrap. {
    grid-template-columns: 63% 37% !important;
  }
  .cal-month-title {
    font-size: 26px !important;
  }
  .cal-month-btn {
    font-size: 11px !important;
  }
  .cal-pooja-ta {
    font-size: 18px !important;
  }
  .cal-price-name {
    font-size: 18px !important;
  }
  .cal-price-val {
    font-size: 21px !important;
  }}

:root{--: 58px;}



#s1 .s1-left,
#s1 .s1-center,


#s1 .s1-center{width: auto !important;
  max-width: none !important;}



#s1 .s1-right .card{padding-left: 8px !important;
  padding-right: 8px !important;}



#s1 .mem-stat-v{font-size: 24px !important;}





#s1 #s1-fest-grid .{grid-template-columns: 1fr 1fr !important;
  gap: 5px 14px !important;}

#s1 .fest-entry{padding: 7px 5px !important;
  min-width: 0 !important;}







.ticker,
.marquee,
.lauftext,
[id*="ticker"]{display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;}



.{position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--);
  z-index: 9999;
  display: grid;
  grid-template-columns: 1.25fr repeat(4, 1fr) 0.95fr;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(4, 18, 40, 0.98);
  border-top: 3px solid #ffd84d;
  color: #fff;
  font-family: "Lato", sans-serif;
  box-shadow: 0 -8px 22px rgba(0, 0, 0, 0.35);}

.{font-family: "Cinzel", serif;
  font-size: 18px;
  font-weight: 900;
  color: #fff2a8;
  line-height: 1.05;}

.span{display: block;
  font-family: "Noto Sans Tamil", sans-serif;
  font-size: 16px;
  color: #fff;}

.{height: 42px;
  border: 1px solid rgba(255, 216, 77, 0.55);
  border-radius: 13px;
  background: #0a4ea3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 900;
  font-size: 18px;}

.b{color: #ffd84d;
  font-size: 20px;}

. .emoji{font-size: 24px;}

.{font-size: 13px;
  line-height: 1.18;
  text-align: right;
  color: #fff2a8;
  font-weight: 700;}

.{position: absolute;
  right: 16px;
  bottom: 68px;
  background: #082b62;
  border: 2px solid #ffd84d;
  border-radius: 18px;
  padding: 16px 22px;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.35s;
  pointer-events: none;
  z-index: 10000;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);}

.{opacity: 1;
  transform: translateY(0);}

@media (max-width: 1500px){. {
    font-size: 15px;
  }
  .span {
    font-size: 13px;
  }
  . {
    font-size: 15px;
  }
  . {
    font-size: 11px;
  }}



















.temple-project-,
.temple-project- .card{min-height: 0 !important;
  overflow: hidden !important;}

@keyframes projectFade{0%,
  10% {
    opacity: 1;
  }
  13%,
  100% {
    opacity: 0;
  }}

















































































@keyframes muruganDarshanFade{0%,
  22% {
    opacity: 1;
  }
  27%,
  100% {
    opacity: 0;
  }}














#s7 .content{
  position:absolute;
  left:8px;
  right:8px;
  top:calc(var(--v34-hdr) + var(--v34-nav) + var(--v34-gap));
  bottom:var(--v34-ticker);
  min-width:0;
  min-height:0;
  padding:8px;
  overflow:hidden;
  box-sizing:border-box;
}
#s7 .np-wrap{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr) minmax(300px,.70fr);
  grid-template-rows:minmax(0,1fr);
  gap:10px;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
}
#s7 .np-card,
#s7 .np-darshan-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  height:100%;
  overflow:hidden;
}
#s7 .card-hdr{
  flex:0 0 56px;
  min-height:56px;
  display:flex;
  align-items:center;
  padding:7px 11px;
  overflow:hidden;
}
#s7 .card-hdr-ta{
  display:block;
  font-size:18px;
  line-height:1.08;
  font-weight:900;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s7 .card-hdr-en{
  display:block;
  margin-top:4px;
  font-size:11px;
  line-height:1.08;
  font-weight:900;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s7 .natch-table-wrap,
#s7 .price-page-wrap{
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:6px 8px;
  scrollbar-width:none;
  -ms-overflow-style:none;
  outline:none;
}
#s7 .natch-table-wrap::-webkit-scrollbar,
#s7 .price-page-wrap::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
#s7 .natch-table-wrap:focus-visible,
#s7 .price-page-wrap:focus-visible{
  box-shadow:0 0 0 3px #fff inset;
}
#s7 .natch-scroll,
#s7 .price-scroll{
  display:block;
  animation:none;
  transform:none;
  will-change:auto;
}
#s7 .natch-row{
  display:grid;
  grid-template-columns:46px minmax(0,1.25fr) minmax(0,1.25fr) minmax(0,.9fr);
  gap:7px;
  align-items:center;
  min-width:0;
  min-height:0;
  padding:7px 4px;
  border-bottom:1px solid rgba(255,216,77,.18);
}
#s7 .natch-row.head{
  position:sticky;
  top:0;
  z-index:3;
  padding-top:8px;
  padding-bottom:8px;
  background:#153d79;
  border-bottom:2px solid #ffd84d;
  color:#ffd84d;
  font-size:10px;
  line-height:1.08;
  font-weight:900;
}
#s7 .natch-no{
  font-family:"Cinzel",Georgia,serif;
  font-size:15px;
  line-height:1;
  font-weight:900;
  color:#ffd84d;
  text-align:center;
}
#s7 .natch-tamil{
  font-family:"Noto Sans Tamil",Arial,sans-serif;
  font-size:14px;
  line-height:1.1;
  font-weight:900;
  color:#fff2a8;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s7 .natch-other,
#s7 .natch-mal{
  min-width:0;
  font-size:12px;
  line-height:1.1;
  font-weight:700;
  color:#fff;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s7 .price-page-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 88px;
  gap:8px;
  align-items:center;
  min-width:0;
  min-height:0;
  margin-bottom:5px;
  padding:8px 7px;
  border:1px solid rgba(255,216,77,.16);
  border-radius:8px;
  background:rgba(255,255,255,.035);
}
#s7 .price-page-name{
  min-width:0;
  font-family:"Noto Sans Tamil",Arial,sans-serif;
  font-size:14px;
  line-height:1.1;
  font-weight:900;
  color:#fff2a8;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s7 .price-page-val{
  font-family:"Cinzel",Georgia,serif;
  font-size:20px;
  line-height:1;
  font-weight:900;
  color:#ffd84d;
  text-align:right;
  white-space:nowrap;
}
#s7 .np-darshan-card{
  border:2px solid #ffd84d;
  box-shadow:0 0 18px rgba(255,216,77,.16);
}
#s7 .murugan-darshan-stage{
  position:relative;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  padding:8px;
  overflow:hidden;
  background:radial-gradient(circle at 50% 20%,rgba(255,216,77,.12),rgba(4,14,34,.96) 58%);
}
#s7 #murugan-darshan-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:10px;
  filter:drop-shadow(0 0 16px rgba(0,0,0,.68));
}
#s7 .murugan-darshan-caption{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  padding:6px 8px;
  border:1px solid rgba(255,216,77,.58);
  border-radius:9px;
  background:rgba(0,15,45,.76);
  color:#ffe88a;
  font-size:14px;
  line-height:1.08;
  font-weight:900;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
}











#s1 .s1-right .card{min-height: 0 !important;
  overflow: hidden !important;}

#s1 .s1-members .card-hdr,
#s1 .s1-projects .card-hdr,
#s1 .s1-info .card-hdr{padding: 10px 12px !important;}

#s1 .s1-members .mem-big{padding: 8px 12px 2px !important;
  gap: 8px !important;}

#s1 .mem-num{
  font-size: 50px !important;
  line-height: .95 !important;
}

#s1 .mem-lbl,
#s1 .mem-stat-l{font-size: 12px !important;
  line-height: 1.05 !important;}

#s1 .mem-stats{padding: 0 10px 8px !important;
  gap: 0 !important;}

#s1 .mem-stat{padding: 4px 0 !important;}

#s1 .mem-stat-v{font-size: 22px !important;
  line-height: 1 !important;}

#s1 .s1-projects{padding: 0 !important;}

#s1 .s1-projects > div:last-child{padding: 8px 12px 10px !important;}

#s1 .proj-row{margin-bottom: 8px !important;}

#s1 .proj-hdr{margin-bottom: 3px !important;}





#s1 .proj-pct{font-size: 16px !important;
  line-height: 1 !important;}





#s1 .info-qr-row{
  display: flex !important;
  gap: 8px !important;
  padding: 7px 10px 5px !important;
  margin-bottom: 4px !important;
  flex: 0 0 auto !important;
}

#s1 .qr-btn{padding: 4px 8px !important;
  font-size: 12px !important;}

#s1 .s1-fest-block .card-hdr{padding: 10px 14px !important;
  background: linear-gradient(
    90deg,
    rgba(92, 20, 73, 0.88),
    rgba(32, 47, 109, 0.88) 55%,
    rgba(124, 59, 18, 0.88)
  ) !important;
  border-bottom: 1px solid rgba(255, 216, 77, 0.35) !important;}

#s1 .s1-fest-block .card-hdr-ta{color: #ffe27a !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;}

#s1 .s1-fest-block .card-hdr-en{color: #fff6c5 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;}

#s1 #fest-countdown{font-size: 18px !important;
  line-height: 1.1 !important;
  text-align: right !important;
  color: #ffd24d !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;}





#s1 .fest-entry{padding: 6px 0 !important;}







#s1 .s1-left .card-hdr{padding: 10px 12px !important;}

#s1 .priest-grid{padding: 8px 10px !important;}



@media (max-width: 1600px){
  #s1 .s1-fest-block .card-hdr-ta {
    font-size: 18px !important;
  }
  #s1 .s1-fest-block .card-hdr-en {
    font-size: 15px !important;
  }}











































@keyframes projectKenBurns{0% {
    transform: scale(1) translate3d(0, 0, 0);
  }
  25% {
    transform: scale(1.035) translate3d(-0.6%, 0.4%, 0);
  }
  50% {
    transform: scale(1.055) translate3d(0.6%, -0.5%, 0);
  }
  75% {
    transform: scale(1.03) translate3d(-0.3%, 0.7%, 0);
  }
  100% {
    transform: scale(1.06) translate3d(0.5%, -0.4%, 0);
  }}

.ntab{justify-content: center !important;}

.ntab span:first-child{line-height: 1.05 !important;}

.ntab span:nth-child(2),
.ntab span[style],
.nav-btn-en{font-size: 13px !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  opacity: 0.95 !important;}

@media (max-height: 900px){.ntab span:nth-child(2),
  .ntab span[style],
  .nav-btn-en {
    font-size: 12px !important;
  }}










#s8 .parking-content{
  position:absolute;
  left:8px;
  right:8px;
  top:calc(var(--v34-hdr) + var(--v34-nav) + var(--v34-gap));
  bottom:var(--v34-ticker);
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  grid-template-rows:minmax(0,1fr);
  gap:10px;
  min-width:0;
  min-height:0;
  padding:8px;
  overflow:hidden;
  box-sizing:border-box;
}
#s8 .parking-main,
#s8 .parking-side{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  border:1px solid rgba(255,216,77,.78);
  border-radius:12px;
  background:rgba(4,26,58,.96);
  overflow:hidden;
}
#s8 .parking-head{
  flex:0 0 58px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 12px;
  background:linear-gradient(90deg,#502052,#7d1f48);
  border-bottom:1px solid #d5a62a;
  overflow:hidden;
}
#s8 .parking-head.small{
  flex-basis:58px;
  justify-content:flex-start;
}
#s8 .parking-title-ta{
  display:block;
  font-family:"Noto Sans Tamil",Arial,sans-serif;
  font-size:18px;
  line-height:1.08;
  font-weight:900;
  color:#fff2a8;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s8 .parking-title-en{
  display:block;
  margin-top:4px;
  font-family:"Cinzel",Georgia,serif;
  font-size:11px;
  line-height:1.08;
  font-weight:900;
  color:#fff;
  letter-spacing:.035em;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s8 .parking-pill{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid #ffd84d;
  border-radius:999px;
  background:#123f7a;
  color:#ffd84d;
  font-size:11px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}
#s8 .parking-stage{
  position:relative;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  padding:8px;
  overflow:hidden;
  background:#061a36;
}
#s8 #parking-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:10px;
  background:#061a36;
}
#s8 .parking-caption-box{
  position:absolute;
  left:16px;
  right:16px;
  bottom:14px;
  padding:8px 12px;
  border:1px solid rgba(255,216,77,.72);
  border-radius:9px;
  background:rgba(0,15,45,.84);
  color:#fff2a8;
  font-size:15px;
  line-height:1.1;
  font-weight:900;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s8 .parking-list{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  min-height:0;
  padding:7px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
  outline:none;
}
#s8 .parking-list::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
#s8 .parking-list:focus-visible{
  box-shadow:0 0 0 3px #fff inset;
}
#s8 .parking-list-item{
  flex:0 0 86px;
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  gap:3px 8px;
  align-items:center;
  min-width:0;
  min-height:0;
  padding:5px;
  border:1px solid rgba(255,216,77,.36);
  border-radius:9px;
  background:#123f7a;
  color:#fff;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
}
#s8 .parking-list-item:hover{
  border-color:#ffd84d;
}
#s8 .parking-list-item:focus-visible{
  outline:3px solid #fff;
  outline-offset:2px;
}
#s8 .parking-list-item.active{
  border-color:#ffd84d;
  background:#23589a;
  box-shadow:0 0 0 2px #ffd84d inset;
}
#s8 .parking-list-item img{
  grid-row:1 / 3;
  width:92px;
  height:72px;
  object-fit:cover;
  object-position:center;
  border-radius:7px;
  background:#061a36;
}
#s8 .parking-list-item b{
  align-self:end;
  min-width:0;
  font-size:14px;
  line-height:1.05;
  font-weight:900;
  color:#fff2a8;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s8 .parking-list-item span{
  align-self:start;
  min-width:0;
  font-size:10.5px;
  line-height:1.08;
  color:#fff;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s8 .v23-parking-placeholder{
  flex:0 0 68px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:6px;
  border:1px dashed rgba(255,216,77,.48);
  border-radius:9px;
  color:#dce8ff;
  text-align:center;
}
#s8 .v23-parking-placeholder b{
  font-size:11px;
  line-height:1.08;
  color:#fff2a8;
}
#s8 .v23-parking-placeholder span{
  margin-top:3px;
  font-size:9px;
  line-height:1.08;
}
#s8 .parking-note{
  flex:0 0 auto;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 9px;
  border-top:1px solid rgba(255,216,77,.42);
  background:#35172f;
  color:#fff2a8;
  font-size:10.5px;
  line-height:1.12;
  font-weight:900;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
}



.relax-stage{position: absolute;
  inset: 0;
  overflow: hidden;
  background: #050000;}

.relax-video-wrap{position: absolute;
  inset: 0;
  background: #000;}

.relax-video-wrap iframe{position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  border: 0;
  opacity: 0.72;}

.relax-dim{position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(8, 0, 0, 0.82),
      rgba(8, 0, 0, 0.18) 45%,
      rgba(8, 0, 0, 0.7)
    ),
    radial-gradient(
      circle at 70% 25%,
      rgba(255, 208, 144, 0.12),
      transparent 45%
    );
  pointer-events: none;}

.relax-panel{position: absolute;
  left: 58px;
  top: 58px;
  width: 560px;
  max-width: 38%;
  padding: 32px 34px;
  border-radius: 28px;
  background: rgba(20, 0, 0, 0.7);
  border: 1px solid rgba(212, 175, 55, 0.38);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.46);
  backdrop-filter: blur(8px);}

.relax-kicker{font-family: "Cinzel", serif;
  color: var(--gold-l);
  letter-spacing: 4px;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 12px;}

.relax-title-ta{font-family: "Noto Sans Tamil", sans-serif;
  color: #fff7df;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.18;
  margin-bottom: 10px;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.8);}

.relax-title-en{font-family: "Cinzel", serif;
  color: var(--gold);
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 18px;}

.relax-sub{font-family: "Lato", "Noto Sans Tamil", sans-serif;
  color: rgba(255, 245, 230, 0.88);
  font-size: 20px;
  line-height: 1.45;}

.relax-config{position: absolute;
  right: 46px;
  bottom: 34px;
  width: 520px;
  max-width: 36%;
  padding: 18px 20px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.54);
  border: 1px solid rgba(212, 175, 55, 0.26);
  font-family: "Lato", "Noto Sans Tamil", sans-serif;
  color: #fff5e6;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.36);}

.relax-config-title{font-weight: 800;
  color: var(--gold-l);
  font-size: 18px;
  margin-bottom: 10px;}

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

.relax-row input{flex: 1;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(212, 175, 55, 0.35);
  background: rgba(255, 248, 235, 0.08);
  color: #fff5e6;
  padding: 0 12px;
  font-size: 15px;
  outline: none;}

.relax-row button,
.relax-sound-btn{height: 42px;
  border: 1px solid rgba(212, 175, 55, 0.46);
  border-radius: 12px;
  background: linear-gradient(
    180deg,
    rgba(212, 175, 55, 0.28),
    rgba(122, 16, 16, 0.55)
  );
  color: #fff7df;
  font-weight: 800;
  padding: 0 14px;
  cursor: pointer;}

.relax-help{font-size: 13px;
  opacity: 0.82;
  margin-top: 10px;
  line-height: 1.35;}

.relax-sound-btn{position: absolute;
  right: 46px;
  top: 48px;
  height: 48px;
  font-size: 17px;
  z-index: 3;}

.relax-empty{position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff5e6;
  font-family: "Lato", "Noto Sans Tamil", sans-serif;
  font-size: 28px;
  line-height: 1.4;
  padding: 60px;
  background: linear-gradient(135deg, #120000, #3a0707);}

.relax-status{font-size: 13px;
  color: var(--gold-l);
  margin-top: 8px;
  min-height: 16px;}



.relax-video-wrap video{position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  border: 0;
  opacity: 0.76;
  object-fit: cover;
  background: #000;}

.relax-audio-visual{position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(
    circle at 50% 40%,
    rgba(212, 175, 55, 0.22),
    rgba(80, 0, 0, 0.75) 50%,
    #050000 100%
  );}

.relax-audio-card{font-family: "Cinzel", "Noto Sans Tamil", serif;
  text-align: center;
  color: #fff7df;
  padding: 44px 56px;
  border-radius: 32px;
  background: rgba(0, 0, 0, 0.44);
  border: 1px solid rgba(212, 175, 55, 0.36);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.42);}

.relax-audio-card .big{font-size: 42px;
  font-weight: 900;
  color: var(--gold-l);
  letter-spacing: 2px;
  margin-bottom: 14px;}

.relax-audio-card .small{font-size: 22px;
  opacity: 0.88;}

.relax-local-badge{position: absolute;
  left: 46px;
  bottom: 38px;
  z-index: 4;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(212, 175, 55, 0.32);
  color: #fff6df;
  border-radius: 16px;
  padding: 10px 14px;
  font:
    800 14px/1.25 Lato,
    sans-serif;
  max-width: 520px;}

@media (max-width: 1600px){.relax-panel {
    max-width: 42%;
  }
  .relax-config {
    max-width: 42%;
  }
  .relax-title-ta {
    font-size: 30px;
  }
  .relax-title-en {
    font-size: 26px;
  }
  .relax-sub {
    font-size: 18px;
  }}

#s1 .komitee-grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 5px !important;
  padding: 8px 10px !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#s1 .kom-item{min-height: 0 !important;
  padding: 5px 7px !important;
  gap: 7px !important;
  border-radius: 8px !important;}

#s1 .kom-photo{width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  font-size: 14px !important;}

#s1 .kom-name{
  font-family: "Noto Sans Tamil", "Lato", sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  color: #fff5c8 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#s1 .kom-role{font-size: 10.5px !important;
  line-height: 1.1 !important;
  color: #dbeafe !important;}

#s1 .kom-role small{font-size: 10.5px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-weight: 700 !important;}

#s1 .priest-grid{gap: 6px !important;
  padding: 8px 10px !important;}

#s1 .priest-item{padding: 7px 8px !important;
  gap: 8px !important;
  min-height: 0 !important;}

#s1 .priest-photo{width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  font-size: 18px !important;}

#s1 .priest-name{font-family: "Noto Sans Tamil", "Lato", sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  color: #fff5c8 !important;}

#s1 .priest-role-ta{font-family: "Noto Sans Tamil", sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #ffd84d !important;
  margin-top: 2px !important;}

#s1 .priest-role-en{font-size: 11.5px !important;
  line-height: 1.1 !important;
  color: #dbeafe !important;
  font-weight: 700 !important;}

#s3 .rtr-row{min-height: 34px !important;
  padding: 5px 8px !important;}

#s3 .rtr-name{font-family: "Noto Sans Tamil", "Lato", sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;}

#s3 .rtr-name small{font-size: 10.5px !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 700 !important;}

#s3 .rtr-amt{font-size: 14px !important;
  font-weight: 900 !important;
  color: #fff2a8 !important;}

#s3 .ratham-total-now{font-family: "Cinzel", serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #ffd84d !important;
  white-space: nowrap !important;}

:root{--: 82px;}



#{height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  bottom: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  z-index: 9999 !important;}











:root{--: 88px !important;}



#{bottom: 6px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;}

# .,
#button,
#{height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;}

#s1 #komitee-grid{overflow: hidden !important;
  scroll-behavior: auto !important;}

#s1 .s1-right,
#s1 .s1-right .s1-members,
#s1 .s1-right .s1-projects{font-size: inherit !important;}

#s1 .s1-right .s1-info{overflow: hidden !important;
  min-height: 105px !important;}

#s1 .s1-right .s1-info .card-hdr{padding: 5px 10px !important;
  min-height: 0 !important;}

#s1 .s1-right .s1-info .card-hdr-ta{font-size: 22px !important;
  line-height: 1 !important;}

#s1 .s1-right .s1-info .card-hdr-en{font-size: 13px !important;
  line-height: 1 !important;}

#s1 .s1-right .s1-info > div[style*="padding:0 14px"],
#s1 .s1-right .s1-info .info-row,
#s1 .s1-right .s1-info .open-table{display: none !important;}

#s1 .s1-right .info-qr-row{padding: 6px 10px !important;
  margin: 0 !important;
  gap: 10px !important;
  align-items: flex-start !important;}

#s1 .s1-right .info-qr{width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  min-height: 74px !important;
  max-width: 74px !important;
  max-height: 74px !important;
  padding: 3px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;}

#s1 .s1-right .info-qr canvas,
#s1 .s1-right .info-qr img,
#s1 .s1-right img[src*="qr"],
#s1 .s1-right img[src*="QR"]{width: 68px !important;
  height: 68px !important;
  max-width: 68px !important;
  max-height: 68px !important;
  object-fit: contain !important;
  display: block !important;}

#s1 .s1-right .info-qr-label{font-size: 11.5px !important;
  line-height: 1 !important;
  margin-bottom: 5px !important;}

#s1 .s1-right .qr-btns{gap: 5px !important;
  flex-wrap: wrap !important;}

#s1 .s1-right .qr-btn{font-size: 10px !important;
  padding: 3px 7px !important;
  height: 22px !important;
  min-height: 22px !important;
  line-height: 1 !important;
  border-radius: 5px !important;}

@media (max-width: 1500px){# {
    left: 180px !important;
  }
  # {
    left: 223px !important;
  }}

#s1 .s1-fest-block{min-height: 0 !important;
  overflow: hidden !important;}



#s1 #s1-fest-grid.{scroll-behavior: auto !important;}

#s1 #s1-fest-grid .{display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px 12px !important;
  width: 100% !important;
  will-change: transform !important;
  animation: var(--, 135s) linear infinite !important;}

#s1 #s1-fest-grid .:hover{animation-play-state: running !important;}

#s1 #s1-fest-grid .fest-entry{min-height: 0 !important;}



@media (max-width: 1500px){.cal-wrap. {
    grid-template-columns: 63% 37% !important;
  }
  .cal-month-title {
    font-size: 26px !important;
  }
  .cal-month-btn {
    font-size: 11px !important;
  }
  .cal-pooja-ta {
    font-size: 18px !important;
  }
  .cal-price-name {
    font-size: 18px !important;
  }
  .cal-price-val {
    font-size: 21px !important;
  }}

#s4 .content{display: grid !important;
  grid-template-rows: minmax(0, 1fr) 104px !important;
  gap: 8px !important;
  overflow: hidden !important;
  padding: 7px 8px !important;}







.parking-title-ta{font-family: "Noto Sans Tamil", sans-serif;
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
  color: #fff2a8;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);}

.parking-title-en{font-family: "Cinzel", serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.3px;
  color: #fff;}

@keyframes parkingKen{from {
    transform: scale(1);
  }
  to {
    transform: scale(1.025);
  }}

.parking-thumb.active{background: linear-gradient(180deg, #ffe568, #f8b400);
  color: #061a3a;
  box-shadow: 0 0 18px rgba(255, 216, 77, 0.4);}

.parking-list{display: flex;
  flex-direction: column;
  gap: 8px;}

.parking-list div{display: grid;
  grid-template-columns: 58px 1fr;
  align-items: center;
  gap: 8px;
  background: rgba(9, 62, 130, 0.65);
  border: 1px solid rgba(255, 216, 77, 0.28);
  border-radius: 12px;
  padding: 8px;}

.parking-list b{font-family: "Cinzel", serif;
  font-size: 26px;
  color: #ff2a2a;
  text-align: center;
  text-shadow: 0 1px #fff;}

.parking-list span{font-size: 15px;
  color: #fff;
  line-height: 1.22;
  font-weight: 700;}

.parking-note p{font-size: 16px;
  line-height: 1.25;
  margin: 5px 0;
  color: #fff;
  font-weight: 800;}



@media (max-width: 1400px){#s8 .content.parking- {
    grid-template-columns: minmax(0, 1fr) 320px !important;
  }
  .parking-title-ta {
    font-size: 24px;
  }
  .parking-photo-caption {
    font-size: 18px;
  }
  .parking-list b {
    font-size: 22px;
  }
  .parking-list span {
    font-size: 13px;
  }
  .parking-box-ta {
    font-size: 21px;
  }
  .parking-note p {
    font-size: 14px;
  }}















































.span:last-child,
.feedback-options span,
.feedback-title small{font-family: Arial, sans-serif;}







#s4 .content.{display: grid !important;
  grid-template-rows: minmax(0, 1fr) 132px !important;
  gap: 10px !important;
  padding: 8px !important;
  height: calc(100vh - var(--hdrH) - var(--navH) - var(--tickerH)) !important;
  overflow: hidden !important;}

#s4 .{position: relative !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 2px solid rgba(255, 216, 77, 0.8) !important;
  border-radius: 18px !important;
  background: #061a36 !important;}

#s4 .img{width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;}

#s4 .{position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 18px 24px !important;
  background: linear-gradient(
    0deg,
    rgba(2, 14, 35, 0.9),
    rgba(2, 14, 35, 0.05)
  ) !important;
  color: #fff !important;}

#s4 .b{display: block;
  color: #ffe877;
  font-size: 34px;
  line-height: 1.05;
  text-shadow: 0 2px 5px #000;}

#s4 .span{font-size: 18px;
  opacity: 0.95;}

#s4 .{display: flex !important;
  gap: 8px !important;
  height: 132px !important;
  overflow: hidden !important;}

#s4 .{flex: 1 1 0;
  min-width: 0;
  border: 1px solid rgba(255, 216, 77, 0.55);
  border-radius: 12px;
  overflow: hidden;
  opacity: 0.76;
  background: #061a36;}

#s4 .img{width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;}

#s4 .{opacity: 1;
  box-shadow: 0 0 0 3px #ffd84d inset;}



































@media (max-width: 1500px){#s6 .cal-wrap. {
    grid-template-columns: minmax(0, 54%) minmax(0, 32%) minmax(140px, 14%) !important;
  }
  #s6 .cal-month-title {
    font-size: 25px !important;
  }
  #s6 .cal-pooja-ta {
    font-size: 16px !important;
  }
  #s6 .cal-price-name {
    font-size: 12px !important;
  }
  #s6 .cal-price-val {
    font-size: 18px !important;
  }}











#s3 .donor-list,
#s3 .rtr-list,
#s3 .mem-table-wrap{height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;}

#s3 .project-card,
#s3 .card,
#s3 .donation-card{min-height: 0 !important;
  overflow: hidden !important;}





















:root{--fs-hero: 56px;
  --fs-title: 47px;
  --fs-large: 38px;
  --fs-normal: 31px;
  --fs-small: 25px;
  --fs-micro: 20px;}

body{line-height: 1.45;}

.pbi-ta{font-size: 17px !important;
  line-height: 1.45 !important;}

.pbi-en{font-size: 15px !important;
  margin-top: 3px !important;}

.pbi-sp{font-size: 14px !important;
  margin-top: 3px !important;}

.pbi-dnum{font-size: 26px !important;}

.fest-entry{padding: 8px 10px !important;}

.fest-en{font-size: 17px !important;
  line-height: 1.35 !important;}

.fest-ta{font-size: 15px !important;
  line-height: 1.35 !important;
  margin-top: 2px !important;}

.fest-sp{font-size: 13px !important;
  margin-top: 2px !important;}

.don-row{padding: 8px 10px !important;}

.don-ta{font-size: 17px !important;
  line-height: 1.35 !important;}

.don-loc{font-size: 15px !important;}

.rtr-row{padding: 7px 8px !important;}

.rtr-name{font-size: 16px !important;
  line-height: 1.35 !important;}

.card-hdr-ta{font-size: 22px !important;
  line-height: 1.3 !important;}

.card-hdr-en{font-size: 13px !important;
  letter-spacing: 1.5px !important;}

.price-page-row{padding: 8px 12px !important;}

.price-page-name{font-size: 18px !important;}

.price-page-val{font-size: 20px !important;}

.priest-name{font-size: 19px !important;
  line-height: 1.35 !important;}

.natch-row{padding: 8px 6px !important;}

.natch-tamil{font-size: 16px !important;
  line-height: 1.4 !important;}

.natch-other{font-size: 15px !important;}

.hdr-title-ta{font-size: 34px !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;}

.hdr-title-en{font-size: 21px !important;
  line-height: 1.05 !important;
  letter-spacing: 1.2px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;}

.hdr-sub-en{font-size: 12px !important;
  line-height: 1.1 !important;}

.ntab{padding-left: 10px !important;
  padding-right: 10px !important;
  gap: 2px !important;}

.ntab span:first-child{font-size: 16px !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;}

.ntab span:nth-child(2),
.ntab span[style]{font-size: 10px !important;
  line-height: 1.05 !important;
  white-space: normal !important;}

@media (max-height: 900px){.hdr-title-ta {
    font-size: 31px !important;
  }
  .hdr-title-en {
    font-size: 19px !important;
  }
  .ntab span:first-child {
    font-size: 15px !important;
  }}

: middle column has 2 visible parts. No guessing, no hidden overflow. */




#s1 .s1-center{display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;}

#s1 .s1-fest-block{flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;}

#s1 .s1-fest-block .card-hdr{flex: 0 0 auto !important;
  padding: 8px 14px !important;}



#s1 #s1-fest-grid .{gap: 3px 12px !important;}

#s1 .fest-entry{padding: 4px 0 !important;}

#s1 .fest-dbox{width: 38px !important;
  padding: 3px 2px !important;}

#s1 .fest-dnum{font-size: 18px !important;}

#s1 .fest-dmon{font-size: 9px !important;}







#s1 .s1-hours-panel{flex: 0 0 176px !important;
  height: 176px !important;
  min-height: 176px !important;
  max-height: 176px !important;
  display: grid !important;
  grid-template-columns: 45% 55% !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 216, 77, 0.65) !important;
  border-radius: 12px !important;
  background: linear-gradient(
    180deg,
    rgba(7, 26, 59, 0.98),
    rgba(9, 40, 92, 0.98)
  ) !important;
  box-sizing: border-box !important;
  position: relative !important;}

#s1 .s1-hours-panel .s1-media-a,
#s1 .s1-hours-panel .s1-media-b,
#s1 .s1-hours-panel .s1-media-overlay,
#s1 .s1-hours-panel .s1-media-caption{display: none !important;}

#s1 .s1-hours-photo-wrap,
#s1 .s1-hours-info-wrap{min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  border: 1px solid rgba(255, 216, 77, 0.38) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.03) !important;
  box-sizing: border-box !important;}

#s1 .s1-hours-photo-wrap{position: relative !important;}

#s1 .s1-hours-photo{width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;}

#s1 .s1-hours-photo-label{position: absolute !important;
  left: 8px !important;
  bottom: 8px !important;
  padding: 5px 8px !important;
  border-radius: 9px !important;
  background: rgba(5, 14, 34, 0.78) !important;
  color: #ffe37e !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;}

#s1 .s1-hours-photo-label span{display: block !important;
  color: #fff3c8 !important;
  font-size: 9px !important;
  letter-spacing: 0.08em !important;
  margin-top: 2px !important;}

#s1 .s1-hours-info-wrap{padding: 7px 10px !important;
  display: flex !important;
  flex-direction: column !important;}

#s1 .s1-hours-head{color: #ffe689 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 5px !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;}

#s1 .s1-hours-subline{color: #edf4ff !important;
  font-size: 11px !important;
  line-height: 1.14 !important;
  margin-bottom: 2px !important;}

#s1 .s1-hours-subline .lbl{color: #ffd85a !important;
  font-weight: 800 !important;}

#s1 .s1-hours-grid{display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1px !important;
  margin-top: 3px !important;}

#s1 .s1-hours-row{display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 1px 0 !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.12) !important;
  font-size: 11px !important;
  line-height: 1.08 !important;}

#s1 .s1-hours-row:last-child{border-bottom: none !important;}

#s1 .s1-hours-row span{color: #eef4ff !important;
  font-weight: 600 !important;}

#s1 .s1-hours-row strong{color: #ffe171 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;}

#s1 .priest-name{font-size: 14px !important;
  line-height: 1.15 !important;}

#s1 .priest-role-ta{font-size: 12px !important;}

#s1 .priest-role-en{font-size: 11px !important;}

.ntab span:nth-child(2),
.ntab span[style]{font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  opacity: 1 !important;}

#s1 .s1-center{display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;}

#s1 .s1-fest-block{flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) 178px !important;
  overflow: hidden !important;}

#s1 .s1-fest-block .card-hdr{grid-row: 1 !important;
  padding: 8px 14px !important;}



#s1 .s1-fest-info-panel{grid-row: 3 !important;
  height: 178px !important;
  min-height: 178px !important;
  max-height: 178px !important;
  display: grid !important;
  grid-template-columns: 42% 58% !important;
  gap: 10px !important;
  padding: 8px 12px 10px !important;
  border-top: 1px solid rgba(255, 216, 77, 0.42) !important;
  background: linear-gradient(
    180deg,
    rgba(8, 32, 75, 0.72),
    rgba(6, 24, 58, 0.96)
  ) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;}

#s1 .s1-fest-photo-wrap,
#s1 .s1-fest-hours-wrap{min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  border: 1px solid rgba(255, 216, 77, 0.48) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.04) !important;
  box-sizing: border-box !important;}

#s1 .s1-fest-photo-wrap{position: relative !important;}

#s1 .s1-fest-photo{width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;}

#s1 .s1-fest-photo-label{position: absolute !important;
  left: 8px !important;
  bottom: 8px !important;
  padding: 5px 8px !important;
  border-radius: 9px !important;
  background: rgba(5, 14, 34, 0.78) !important;
  color: #ffe37e !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;}

#s1 .s1-fest-hours-wrap{padding: 8px 10px !important;
  display: flex !important;
  flex-direction: column !important;}

#s1 .s1-fest-hours-title{color: #ffe689 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 5px !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;}

#s1 .s1-fest-line{display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  font-size: 11px !important;
  line-height: 1.12 !important;
  margin-bottom: 2px !important;}

#s1 .s1-fest-line span{color: #ffd85a !important;
  font-weight: 900 !important;}

#s1 .s1-fest-line strong{color: #edf4ff !important;
  font-weight: 700 !important;
  text-align: right !important;}

#s1 .s1-fest-hours-grid{display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1px !important;
  margin-top: 3px !important;}

#s1 .s1-fest-hours-grid div{display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 1px 0 !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.12) !important;
  font-size: 11px !important;
  line-height: 1.08 !important;}

#s1 .s1-fest-hours-grid div:last-child{border-bottom: none !important;}

#s1 .s1-fest-hours-grid span{color: #eef4ff !important;
  font-weight: 600 !important;}

#s1 .s1-fest-hours-grid b{color: #ffe171 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;}

#s1 .s1-center > .s1-media:not(.s1-fest-block){display: none !important;}

#s1 .s1-fest-block{position: relative !important;
  overflow: hidden !important;}

#s1 .s1-fest-block .card-hdr{position: relative !important;
  z-index: 3 !important;}

#s1 #s1-fest-grid{
  display: block !important;
  min-height: 0 !important;
  padding: 8px 12px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
#s1 .komitee-grid::-webkit-scrollbar,
#s1 #s1-fest-grid::-webkit-scrollbar{display:none;}


#s1 #s1-fest-info-panel,
#s1 .s1-fest-info-panel{position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 8px !important;
  height: 168px !important;
  min-height: 168px !important;
  max-height: 168px !important;
  display: grid !important;
  grid-template-columns: 42% 58% !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  z-index: 20 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 2px solid rgba(255, 216, 77, 0.78) !important;
  border-radius: 14px !important;
  background: linear-gradient(
    180deg,
    rgba(7, 26, 59, 0.98),
    rgba(9, 40, 92, 0.98)
  ) !important;
  box-shadow: 0 -8px 22px rgba(0, 0, 0, 0.28) !important;}

#s1 .s1-fest-photo-wrap,
#s1 .s1-fest-hours-wrap{min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  border: 1px solid rgba(255, 216, 77, 0.42) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.04) !important;
  box-sizing: border-box !important;}

#s1 .s1-fest-photo-label{position: absolute !important;
  left: 8px !important;
  bottom: 8px !important;
  padding: 5px 8px !important;
  border-radius: 9px !important;
  background: rgba(5, 14, 34, 0.82) !important;
  color: #ffe37e !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;}

#s1 .s1-fest-hours-wrap{padding: 7px 10px !important;
  display: flex !important;
  flex-direction: column !important;}









































































@keyframes c88ListScroll{0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }}

:root{--fs-hero: 56px;
  --fs-title: 46px;
  --fs-large: 38px;
  --fs-normal: 31px;
  --fs-small: 25px;
  --fs-micro: 21px;}

.content .card-hdr-ta{font-size: clamp(24px, 1.45vw, 30px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  color: #fff2a8 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55) !important;}

.content .card-hdr-en{font-size: clamp(15px, 0.88vw, 18px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  letter-spacing: 1.2px !important;}

.content .card-hdr{min-height: 54px !important;}

/* ════════════════════════════════════════════════════════════
   EDIT-LABELS – NUR ZUR BEARBEITUNG, VOR AUSLIEFERUNG ENTFERNEN
   Kompletter Block + alle <span class="box-tag"> im HTML löschen.
   ════════════════════════════════════════════════════════════ */
.card{position:relative;}
.box-tag{display:block;background:#ff2d55;color:#fff;
  font:800 11px/1.4 monospace;padding:3px 7px;
  letter-spacing:.5px;box-shadow:0 1px 3px rgba(0,0,0,.4);}
/* ════════════════════════ EDIT-LABELS ENDE ════════════════════ */

/* ════════════════════════════════════════════════════════════
   V67b – Korrekturen nach Sichtprüfung (Box 1–4 Welcome + Feedback)
   ════════════════════════════════════════════════════════════ */

/* BOX 1 · Priester – Text war zu groß */
html body #s1 .priest-photo{width:28px !important;height:28px !important;min-width:28px !important;font-size:12px !important;}
html body #s1 .priest-name{font-size:12px !important;}
html body #s1 .priest-role-ta{font-size:10.5px !important;}
html body #s1 .priest-role-en{font-size:9.5px !important;}

/* BOX 2 · Komitee – Text zu groß, rechts abgeschnitten, scrollt nicht.
   Ursache: #komitee-grid hatte "height:auto" -> kein Scroll-Limit möglich. */
html body #s1 #komitee-grid{
  display:block !important;
  height:0 !important;
  flex:1 1 0 !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
html body #s1 #komitee-grid::-webkit-scrollbar{display:none !important;}
html body #s1 .komitee-grid{grid-template-columns:1fr !important;}
html body #s1 .kom-item{width:100% !important;box-sizing:border-box !important;}
html body #s1 .kom-photo{width:26px !important;height:26px !important;min-width:26px !important;font-size:12px !important;}
html body #s1 .kom-name{font-size:11.5px !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html body #s1 .kom-role{font-size:9.5px !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html body #s1 .kom-role small{font-size:9.5px !important;}

/* BOX 3 · Jahresfest – englischer Text unten leicht zu klein/knapp geschnitten */
html body #s1 #s1-fest-grid .fest-en{font-size:14px !important;line-height:1.2 !important;}

/* BOX 4 · Mitglieder – große Zahl minimal größer */
html body #s1 .s1-members .mem-num{font-size:58px !important;}

/* Feedback-Leiste (A/B/C/D) – Beschriftung soll in eine Zeile passen */
html body .feedback-options{gap:6px !important;}
html body .fb-opt{font-size:12px !important;line-height:1.05 !important;padding:4px 3px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
html body .fb-opt span{font-size:8.5px !important;white-space:nowrap !important;}

/* ════════════════════════════════════════════════════════════
   V67e – Einheitliche Box-Überschriften + Abstände auf ALLEN Seiten
   ════════════════════════════════════════════════════════════ */
html body .card-hdr{
  min-height:52px !important;
  padding:10px 16px 8px !important;
}
#s1 .card-hdr-ta, #s2 .card-hdr-ta, #s3 .card-hdr-ta, #s4 .card-hdr-ta, #s5 .card-hdr-ta,
#s6 .card-hdr-ta, #s7 .card-hdr-ta, #s8 .card-hdr-ta, #s9 .card-hdr-ta, #s10 .card-hdr-ta{
  font-size:17px !important;line-height:1.2 !important;white-space:normal !important;
  overflow-wrap:anywhere !important;padding-top:2px !important;
}
#s1 .card-hdr-en, #s2 .card-hdr-en, #s3 .card-hdr-en, #s4 .card-hdr-en, #s5 .card-hdr-en,
#s6 .card-hdr-en, #s7 .card-hdr-en, #s8 .card-hdr-en, #s9 .card-hdr-en, #s10 .card-hdr-en{
  font-size:10.5px !important;line-height:1.15 !important;
}
html body .card-hdr-ta{font-size:17px !important;line-height:1.2 !important;white-space:normal !important;overflow-wrap:anywhere !important;padding-top:2px !important;}
html body .card-hdr-en{font-size:10.5px !important;line-height:1.15 !important;}
html body #s1 .s1-projects .proj-title-ta{font-size:13px !important;line-height:1.25 !important;padding-top:2px !important;}
html body #s1 .s1-projects .proj-hdr{padding-top:2px !important;align-items:start !important;}

/* ════════════════════════════════════════════════════════════
   V67h – Box 3 (Jahresfest) war 0px hoch und dadurch komplett leer.
   Ursache: die mittlere Spalte verließ sich auf reines Grid-Stretch
   ("minmax(0,1fr)"), das je nach Browser/Auflösung nicht zuverlässig
   greift. Fix: feste Mindesthöhen als Sicherheitsnetz.
   ════════════════════════════════════════════════════════════ */
html body #s1 .content{
  display:grid !important;
  grid-template-rows: minmax(600px,1fr) !important;
}
html body #s1 .s1-fest-block{
  height:100% !important;
  min-height:600px !important;
  display:grid !important;
  grid-template-rows:54px minmax(300px,1fr) 176px !important;
}
html body #s1 #s1-fest-grid{
  min-height:300px !important;
  height:auto !important;
}

/* ════════════════════════════════════════════════════════════
   V67m – Parking-Kacheln (P1/P2, P3, P4, P5) gleichmäßig, ohne Lücke
   ════════════════════════════════════════════════════════════ */
html body #s8 .parking-side{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:0 !important;
}
html body #s8 .parking-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:1fr 1fr !important;
  flex:1 1 0 !important;
  gap:10px !important;
  padding:10px !important;
  height:100% !important;
}
html body #s8 .parking-grid .parking-list-item{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
}
html body #s8 .parking-grid .parking-list-item img{
  flex:1 1 0 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:cover !important;
}
#s1 .fest-ta{
  font-size: 16px !important;
  line-height: 1.13 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#s1 .fest-en{
  font-size: 13px !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#s1 .fest-sp{
  font-size: 11px !important;
  line-height: 1.14 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#s1 .fest-badge{font-size: 15px !important;
  font-weight: 900 !important;}

#s1 .mem-lbl{font-size: 18px !important;
  line-height: 1.14 !important;
  color: #fff !important;
  font-weight: 800 !important;}

#s1 .mem-stat-v{font-size: 31px !important;}

#s1 .mem-stat-l{font-size: 17px !important;
  line-height: 1.12 !important;
  color: #fff5c8 !important;
  font-weight: 800 !important;}

#s1 .proj-title-ta{
  font-size: 15px !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}

#s1 .proj-title-en{
  font-size: 10px !important;
  letter-spacing: .035em !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}

#s1 .proj-nums{
  display: flex !important;
  justify-content: space-between !important;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  font-size: 10.5px !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
}

#s1 .info-val{font-size: 21px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #fff !important;}

#s1 .info-val-ta{font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #fff2a8 !important;}

#s1 .open-table td{font-size: 18px !important;
  line-height: 1.2 !important;
  color: #fff !important;
  font-weight: 700 !important;}

#s1 .info-qr-label{font-size: 15px !important;
  font-weight: 900 !important;
  color: #ffd84d !important;}

#s2 .pbi-ta{font-size: 25px !important;
  line-height: 1.16 !important;
  font-weight: 900 !important;
  color: #fff2a8 !important;}

#s2 .pbi-en{font-size: 20px !important;
  line-height: 1.14 !important;
  color: #fff !important;
  font-weight: 800 !important;}

#s2 .pbi-sp{font-size: 18px !important;
  line-height: 1.12 !important;
  color: #ffd84d !important;}

#s2 .pbi-badge{font-size: 16px !important;
  font-weight: 900 !important;}

#s2 .pr-ta{font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  color: #fff2a8 !important;}

#s2 .pr-en{font-size: 18px !important;
  line-height: 1.12 !important;
  color: #fff !important;
  font-weight: 800 !important;}

#s2 .pr-val{font-size: 30px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  color: #ffd84d !important;}

#s2 .price-page-name{font-size: 27px !important;
  line-height: 1.14 !important;
  color: #fff2a8 !important;}

#s2 .price-page-val{font-size: 34px !important;
  line-height: 1.05 !important;
  color: #ffd84d !important;}

#s2 .natch-ta{font-size: 24px !important;
  line-height: 1.12 !important;}

#s2 .natch-en{font-size: 18px !important;
  line-height: 1.12 !important;}

#s2 .natch-sub,
.natch-chip{font-size: 15px !important;
  line-height: 1.12 !important;}

#s3 .don-ta{font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  color: #fff2a8 !important;}

#s3 .don-loc{font-size: 18px !important;
  line-height: 1.12 !important;
  color: #fff !important;
  font-weight: 700 !important;}

#s3 .don-amt{font-size: 31px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  color: #ffd84d !important;}

#s3 .rtr-name{font-size: 23px !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  color: #fff !important;}

#s3 .rtr-amt{font-size: 30px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  color: #ffd84d !important;}

#s3 .mem-table td{font-size: 16px !important;
  line-height: 1.12 !important;
  color: #fff !important;
  font-weight: 700 !important;}

#s3 .mem-table td.mem-n{font-size: 17px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  color: #fff2a8 !important;}

#s3 .mem-total{font-size: 20px !important;
  font-weight: 900 !important;
  color: #ffd84d !important;}
















































































#s9 .relax-content{
  position:absolute;
  left:8px;
  right:8px;
  top:calc(var(--v34-hdr) + var(--v34-nav) + var(--v34-gap));
  bottom:var(--v34-ticker);
  min-width:0;
  min-height:0;
  padding:8px;
  overflow:hidden;
  box-sizing:border-box;
  background:radial-gradient(circle at 50% 20%,rgba(212,175,55,.16),rgba(20,0,0,.95) 58%,#050000 100%);
}
#s9 .relax-stage{
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(255,216,77,.72);
  border-radius:16px;
  background:#050000;
}
#s9 .relax-video-wrap{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#050000;
}
#s9 .relax-video-wrap video,
#s9 .relax-video-wrap iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:contain;
  object-position:center;
  background:#000;
}
#s9 .relax-empty{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
  text-align:center;
  background:radial-gradient(circle at 50% 35%,rgba(118,35,22,.38),rgba(5,0,0,.96) 68%);
  color:#fff2a8;
  font-size:24px;
  line-height:1.28;
  font-weight:800;
}
#s9 .relax-empty b{
  display:inline-block;
  margin-bottom:10px;
  font-size:30px;
  line-height:1.12;
}
#s9 .relax-empty code{
  display:inline-block;
  padding:2px 6px;
  border-radius:5px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:.82em;
}
#s9 .relax-dim{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.28) 38%,rgba(0,0,0,.10) 62%,rgba(0,0,0,.70) 100%);
}
#s9 .relax-panel{
  position:absolute;
  left:28px;
  top:28px;
  width:min(540px,42vw);
  max-height:calc(100% - 56px);
  padding:20px 22px;
  border:1px solid rgba(255,216,77,.58);
  border-radius:14px;
  background:rgba(33,5,5,.76);
  backdrop-filter:blur(5px);
  overflow:hidden;
}
#s9 .relax-kicker{
  font-size:14px;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  color:#ffd84d;
}
#s9 .relax-title-ta{
  margin-top:10px;
  font-family:"Noto Sans Tamil",Arial,sans-serif;
  font-size:34px;
  line-height:1.08;
  font-weight:900;
  color:#fff2a8;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s9 .relax-title-en{
  margin-top:6px;
  font-family:"Cinzel",Georgia,serif;
  font-size:27px;
  line-height:1.08;
  font-weight:900;
  color:#fff;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s9 .relax-sub{
  margin-top:14px;
  font-size:16px;
  line-height:1.35;
  font-weight:700;
  color:#fff;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s9 .relax-config{
  position:absolute;
  right:28px;
  bottom:28px;
  width:min(470px,37vw);
  max-height:calc(100% - 56px);
  padding:16px 18px;
  border:1px solid rgba(255,216,77,.58);
  border-radius:14px;
  background:rgba(10,22,48,.84);
  backdrop-filter:blur(5px);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
  outline:none;
}
#s9 .relax-config::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
#s9 .relax-config:focus-visible{
  box-shadow:0 0 0 3px #fff inset;
}
#s9 .relax-config-title{
  font-size:17px;
  line-height:1.12;
  font-weight:900;
  color:#fff2a8;
}
#s9 .relax-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 108px;
  gap:8px;
  margin-top:10px;
  min-width:0;
}
#s9 .relax-row input{
  min-width:0;
  height:38px;
  padding:0 10px;
  border:1px solid rgba(255,216,77,.45);
  border-radius:8px;
  background:#07172d;
  color:#fff;
  font-size:13px;
}
#s9 .relax-row button,
#s9 .relax-sound-btn{
  border:1px solid #ffd84d;
  border-radius:8px;
  background:#123f7a;
  color:#fff2a8;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
#s9 .relax-row button:focus-visible,
#s9 .relax-sound-btn:focus-visible,
#s9 .relax-doc-btn:focus-visible{
  outline:3px solid #fff;
  outline-offset:2px;
}
#s9 .relax-help,
#s9 .relax-status{
  margin-top:10px;
  font-size:12px;
  line-height:1.25;
  color:#fff;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s9 .relax-status{
  color:#ffd84d;
  font-weight:800;
}
#s9 .relax-docs{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(255,216,77,.28);
}
#s9 .relax-docs-title{
  font-size:13px;
  line-height:1.1;
  font-weight:900;
  color:#fff2a8;
}
#s9 .relax-doc-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:8px;
}
#s9 .relax-doc-btn{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 10px;
  border:1px solid rgba(255,216,77,.5);
  border-radius:8px;
  background:#123f7a;
  color:#fff;
  font-size:11px;
  line-height:1.1;
  font-weight:800;
  text-decoration:none;
}
#s9 .relax-sound-btn{
  position:absolute;
  right:28px;
  top:28px;
  z-index:5;
  min-height:42px;
  padding:0 16px;
}
#s9 .relax-local-badge{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  max-width:70%;
  padding:7px 12px;
  border:1px solid rgba(255,216,77,.58);
  border-radius:999px;
  background:rgba(0,0,0,.72);
  color:#fff2a8;
  font-size:12px;
  line-height:1.1;
  font-weight:900;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s9 .relax-audio-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  background:radial-gradient(circle,rgba(128,31,66,.5),rgba(0,0,0,.96) 65%);
}
#s9 .relax-audio-card{
  max-width:680px;
  padding:30px;
  text-align:center;
  color:#fff2a8;
}
#s9 .relax-audio-card .big{
  font-size:38px;
  line-height:1.1;
  font-weight:900;
}
#s9 .relax-audio-card .small{
  margin-top:8px;
  font-size:16px;
  line-height:1.2;
  color:#fff;
}
#s9 .ticker-lbl{
  background:linear-gradient(180deg,#8d1d1d,#4a0505);
}















.feedback-title{font-size: 24px !important;
  line-height: 1.02 !important;}

.feedback-title small{font-size: 12px !important;}

/* V67q: alte doppelte .fb-opt Regel entfernt (überschrieb den Fix weiter oben) */

.feedback-count{font-size: 16px !important;
  font-weight: 900 !important;}





:root{--: 16px; 
  --: 16px; 
  --: 1920;
  --: 1080;}

html,
body{width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: #041020 !important;}

body{margin: 0 !important;}

body::after{content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147483646;
  box-sizing: border-box;
  border: var(--) solid rgba(4, 16, 32, 0.96);
  box-shadow:
    inset 0 0 0 2px rgba(255, 198, 64, 0.55),
    inset 0 0 22px rgba(0, 0, 0, 0.38);}

body. .screen{top: 0 !important;
  left: 0 !important;
  width: 1920px !important;
  height: 1080px !important;
  transform-origin: top left !important;
  will-change: transform !important;}

.ticker,
.marquee,
.lauftext,
[id*="ticker"],
.feedback,
.feedback-bar,
.feedback-wrap,
.feedback-panel,
.project-feedback{display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;}



#s4 .content{display: block !important;
  position: absolute !important;
  top: calc(var(--, 158px) + var(--, 92px) + 2px) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: var(--, 58px) !important;
  padding: 8px 132px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;}

#s4 .gal-main{position: absolute !important;
  left: 132px !important;
  right: 132px !important;
  top: 8px !important;
  bottom: 8px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 2px solid rgba(255, 216, 77, 0.85) !important;
  background: #06162c !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;}

#s4 .gal-main-img{position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;}

#s4 .gal-main-caption{position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 16px 24px !important;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(3, 14, 32, 0.9)
  ) !important;
  z-index: 2 !important;}

#s4 .gal-main-title{font-family: "Noto Sans Tamil", "Cinzel", serif !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  color: #fff2a8 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.85) !important;}

#s4 .gal-main-sub{font-size: 16px !important;
  line-height: 1.15 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  margin-top: 3px !important;}

#s4 .gal-strip{position: absolute !important;
  inset: 8px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: block !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
  z-index: 5 !important;}

#s4 .gal-thumb{position: absolute !important;
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  border-radius: 14px !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border: 3px solid rgba(255, 216, 77, 0.72) !important;
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.55) !important;
  cursor: pointer !important;
  transform: none !important;
  pointer-events: auto !important;
  overflow: hidden !important;}

#s4 .gal-thumb:nth-child(1){left: 0 !important;
  top: 0 !important;}

#s4 .gal-thumb:nth-child(2){left: 0 !important;
  top: 126px !important;}

#s4 .gal-thumb:nth-child(3){left: 0 !important;
  top: 252px !important;}

#s4 .gal-thumb:nth-child(4){left: 0 !important;
  top: 378px !important;}

#s4 .gal-thumb:nth-child(5){left: 0 !important;
  top: 504px !important;}

#s4 .gal-thumb:nth-child(6){right: 0 !important;
  top: 0 !important;}

#s4 .gal-thumb:nth-child(7){right: 0 !important;
  top: 126px !important;}

#s4 .gal-thumb:nth-child(8){right: 0 !important;
  top: 252px !important;}

#s4 .gal-thumb:nth-child(9){right: 0 !important;
  top: 378px !important;}

#s4 .gal-thumb:nth-child(10){right: 0 !important;
  top: 504px !important;}

#s4 .gal-thumb:nth-child(n/**/+11){display: none !important;}

#s4 .gal-thumb:hover,
#s4 .gal-thumb.active{border-color: #ffd84d !important;
  box-shadow:
    0 0 20px rgba(255, 216, 77, 0.72),
    0 7px 18px rgba(0, 0, 0, 0.55) !important;}

#{height: var(--, 58px) !important;
  min-height: var(--, 58px) !important;
  max-height: var(--, 58px) !important;
  grid-template-columns: 1.05fr repeat(4, 1fr) 1.05fr !important;
  gap: 8px !important;
  padding: 6px 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;}

#{position: static !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 216, 77, 0.75) !important;
  border-radius: 10px !important;
  background: rgba(127, 29, 29, 0.88) !important;
  color: #fff2a8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  padding: 0 7px !important;
  box-sizing: border-box !important;
  text-align: center !important;}

#::before,
#::after{display: none !important;
  content: none !important;}

# .span,
# .small{display: none !important;}

:root{--title-ta: 19px;
  --title-en: 12px;
  --title-sub-ta: 17px;
  --title-month: 24px;}





html body .screen .proj-title-ta,
html body .screen .project-title-ta{font-size: var(--title-sub-ta) !important;}

html body .screen .proj-title-en,
html body .screen .project-title-en{font-size: var(--title-en) !important;}





:root{--clean-title-ta: 20px;
  --clean-title-en: 12px;
  --clean-card-ta: 18px;
  --clean-card-en: 11px;
  --clean-row-ta: 17px;
  --clean-row-en: 12px;
  --clean-small: 10.5px;

  --clean-ta-color: #fff2a8;
  --clean-en-color: #ffffff;
  --clean-muted: rgba(255, 255, 255, 0.78);
  --clean-gold: #ffd84d;
  --clean-green: #22c55e;
  --clean-orange: #fbbf24;}











.screen small,
.screen .muted,
.screen .sub,
.screen .meta,
.screen .proj-nums,
.screen .mem-stat-l{font-size: var(--clean-small) !important;
  line-height: 1.05 !important;
  color: var(--clean-muted) !important;}

.screen .proj-pct,
.screen .rtr-amt,
.screen .donor-amount,
.screen .amount,
.screen .price,
.screen .mem-stat-v{color: var(--clean-gold) !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55) !important;}









.screen h1,
.screen h2,
.screen h3{color: var(--clean-ta-color) !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.65) !important;}

#s4 .content{padding: 8px 132px !important;}

#s4 .gal-main{left: 132px !important;
  right: 132px !important;}

#s4 .gal-strip{inset: 8px !important;}

#s4 .gal-thumb{width: 112px !important;
  height: 112px !important;}

#s4 .gal-thumb:nth-child(6){right: 0 !important;
  left: auto !important;
  top: 0 !important;}

#s4 .gal-thumb:nth-child(7){right: 0 !important;
  left: auto !important;
  top: 126px !important;}

#s4 .gal-thumb:nth-child(8){right: 0 !important;
  left: auto !important;
  top: 252px !important;}

#s4 .gal-thumb:nth-child(9){right: 0 !important;
  left: auto !important;
  top: 378px !important;}

#s4 .gal-thumb:nth-child(10){right: 0 !important;
  left: auto !important;
  top: 504px !important;}



























#s2 .pbi{padding: 7px 9px !important;
  min-height: 0 !important;}

#s2 .pbi-ta{font-size: 17px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;}

#s2 .pbi-en{font-size: 14px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;}

#s2 .pbi-sp{font-size: 12px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;}

#s2 .pbi-date{width: 54px !important;
  min-width: 54px !important;}

#s2 .pbi-dnum{font-size: 22px !important;
  line-height: 0.95 !important;}

#s2 .pbi-dmon{font-size: 10px !important;}

#s2 .s2-highlight .pbi-ta,
#s2 .s2-free .pbi-ta,
#s2 #s2-special .pbi-ta,
#s2 #s2-free-list .pbi-ta{font-size: 17px !important;
  line-height: 1.1 !important;}

#s2 .s2-highlight .pbi-en,
#s2 .s2-free .pbi-en,
#s2 #s2-special .pbi-en,
#s2 #s2-free-list .pbi-en{font-size: 13px !important;
  line-height: 1.08 !important;}

#s2 .s2-highlight .pbi-sp,
#s2 .s2-free .pbi-sp,
#s2 #s2-special .pbi-sp,
#s2 #s2-free-list .pbi-sp{font-size: 11.5px !important;}

#s2 .pgrid{padding: 8px 9px !important;}

#s2 .price-row{padding: 7px 8px !important;
  min-height: 0 !important;
  gap: 8px !important;}

#s2 .price-name,
#s2 .price-page-name,
#s2 .cal-price-name{font-size: 18px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;}

#s2 .price-val,
#s2 .price-page-val,
#s2 .cal-price-val{font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;}

#s3 .donor-row{min-height: 0 !important;
  padding: 7px 10px !important;
  gap: 8px !important;}

#s3 .donor-name{font-size: 18px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;}

#s3 .donor-place{font-size: 13px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;}

#s3 .donor-amount{font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 900 !important;}

#s3 .donor-no{font-size: 14px !important;
  min-width: 34px !important;}

#s3 .rtr-row{min-height: 0 !important;
  padding: 7px 9px !important;}

#s3 .rtr-name{font-size: 17px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;}

#s3 .rtr-name small{font-size: 11.5px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;}

#s3 .rtr-amt{font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 900 !important;}

#s3 .mem-table{font-size: 13px !important;}

#s3 .mem-table th,
#s3 .mem-table td{padding: 3px 4px !important;
  line-height: 1.05 !important;}

#s3 .mem-table td:first-child,
#s3 .mem-table th:first-child{font-size: 14px !important;
  font-weight: 800 !important;}

#s3 .mem-dot,
#s3 .mem-cell,
#s3 .pay-dot{width: 14px !important;
  height: 14px !important;}

#s3 .card > .card-hdr-ta + .card-hdr-en,
#s3 .card-hdr-en{line-height: 1.05 !important;}

#s3 .s3-gopuram .card:first-child [style*="font-size:28px"]{font-size: 24px !important;}

#s3 .s3-ratham .card:first-child [style*="font-size:24px"]{font-size: 21px !important;}

#s3 .s3-members .card:first-child [style*="font-size:30px"]{font-size: 24px !important;}

.screen .pbi-ta,
.screen .pr-ta,
.screen .don-ta,
.screen .rtr-name,
.screen .donor-name,
.screen .price-name,
.screen .price-page-name{text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) !important;}


#s3 .donor-list,
#s3 #gop-donors{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  padding:5px 8px !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
#s3 .rtr-list,
#s3 #ratham-donors{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  padding:5px 7px !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
#s3 .mem-table-wrap{
  height:100% !important;
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  position:relative !important;
  padding:5px 6px !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
#s3 #gop-donors::-webkit-scrollbar,
#s3 #ratham-donors::-webkit-scrollbar,
#s3 .mem-table-wrap::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}
#s3 .don-row{
  min-height:0 !important;
  padding:6px 8px !important;
  gap:7px !important;
  display:grid !important;
  grid-template-columns:30px minmax(0,1fr) 92px !important;
  align-items:center !important;
}
#s3 .don-rank{
  font-size:12px !important;
  line-height:1 !important;
  opacity:.82 !important;
}
#s3 .don-ta{
  font-size:15px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  color:#fff2a8 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#s3 .don-loc{
  font-size:11px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  color:#fff !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#s3 .don-amt{
  font-size:18px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#ffd84d !important;
  text-align:right !important;
  white-space:nowrap !important;
}
#s3 .rtr-row{
  min-height:0 !important;
  padding:6px 7px !important;
  gap:6px !important;
  display:grid !important;
  grid-template-columns:26px minmax(0,1fr) 72px !important;
  align-items:center !important;
}
#s3 .rtr-num{
  font-size:11px !important;
  line-height:1 !important;
  opacity:.82 !important;
}
#s3 .rtr-name{
  font-size:14px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  color:#fff2a8 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#s3 .rtr-name small{
  display:block !important;
  font-size:10px !important;
  line-height:1.08 !important;
  color:#fff !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#s3 .rtr-amt{
  font-size:17px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#ffd84d !important;
  text-align:right !important;
  white-space:nowrap !important;
}
#s3 .mem-table{
  width:100% !important;
  table-layout:fixed !important;
  border-collapse:collapse !important;
  font-size:11.5px !important;
}
#s3 .mem-table th,
#s3 .mem-table td{
  padding:3px !important;
  line-height:1.08 !important;
  vertical-align:middle !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#s3 .mem-table .mem-n,
#s3 .mem-table td:first-child{
  font-size:12px !important;
  font-weight:800 !important;
  min-width:0 !important;
  max-width:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#s3 .mem-scroll-inner{
  display:block !important;
  animation:none !important;
  transform:none !important;
  will-change:auto !important;
}



#s2 .pbi{
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 6px 8px !important;
  min-width: 0 !important;
}


#s2 .pbi-date{
  flex: 0 0 50px !important;
  width: 50px !important;
  text-align: center !important;
}


#s2 .pbi-dnum{font-size: 20px !important;
  line-height: 0.95 !important;}


#s2 .pbi-dmon{font-size: 9.5px !important;}


#s2 .pbi-ta{
  font-size: 16px !important;
  line-height: 1.13 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}


#s2 .pbi-en{
  font-size: 13px !important;
  line-height: 1.12 !important;
  margin-top: 2px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}


#s2 .pbi-sp{
  font-size: 11px !important;
  line-height: 1.12 !important;
  margin-top: 2px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}


#s2 .pbi-badge{font-size: 10px !important;
  padding: 3px 6px !important;}


#s2 .pgrid{
  display: block !important;
  padding: 7px 9px !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}


#s2 .price-row,
#s2 .price-page-row,
#s2 .cal-price-row{padding: 6px 8px !important;
  min-height: 0 !important;
  gap: 8px !important;}


#s2 .price-name,
#s2 .price-page-name,
#s2 .cal-price-name{font-size: 16px !important;
  line-height: 1.06 !important;
  font-weight: 800 !important;}


#s2 .price-val,
#s2 .price-page-val,
#s2 .cal-price-val{font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;}






















.screen .content{bottom: 68px !important;}

#s2 #s2-special{padding: 8px 12px !important;}

#s2 #s2-free-list{padding: 8px 12px !important;}









#s2 .pr-ta{
  font-size: 16px !important;
  line-height: 1.1 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#s2 .pr-en{
  font-size: 12px !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#s2 .pr-val{
  flex: 0 0 auto !important;
  font-size: 19px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}



































.hdr-center{padding-top: 2px !important;
  padding-bottom: 2px !important;}

.hdr-title-ta{font-size: 40px !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;}

.hdr-title-en{font-size: 25px !important;
  line-height: 1.02 !important;
  letter-spacing: 1.4px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  margin-top: 4px !important;}













html body .hdr .hdr-title-ta{font-size: 44px !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  color: #06214a !important;
  white-space: nowrap !important;}

html body .hdr .hdr-title-en{font-size: 26px !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  color: #06214a !important;
  letter-spacing: 1.6px !important;
  white-space: nowrap !important;}

























html body #s1 .committee-list,
html body #s1 #committee-list,
html body #s1 .s1-committee-list,
html body #s1 .komitee-list{max-height: 330px !important;
  overflow: hidden !important;
  position: relative !important;}

html body #s1 .committee-list > *,
html body #s1 #committee-list > *,
html body #s1 .s1-committee-list > *,
html body #s1 .komitee-list > *{animation: 26s linear infinite !important;}

html body #s1 .festival-list,
html body #s1 #festival-list,
html body #s1 .s1-fest-list,
html body #s1 .fest-list,
html body #s1 .s1-center .list{overflow: hidden !important;
  position: relative !important;}

html body #s1 .festival-list > *,
html body #s1 #festival-list > *,
html body #s1 .s1-fest-list > *,
html body #s1 .fest-list > *,
html body #s1 .s1-center .list > *{animation: 34s linear infinite !important;}



























































#s1 .komitee-block{display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;}

#s1 #komitee-grid{flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
  padding: 8px 10px !important;}

#s1 #komitee-grid .committee-scroll-inner{display: block !important;
  will-change: transform !important;
  animation: committeeAutoScrollY var(--committee-scroll-duration, 32s) linear
    infinite !important;}

#s1 #komitee-grid .committee-scroll-copy{display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;}

#s1 #komitee-grid .committee-scroll-copy + .committee-scroll-copy{margin-top: 10px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255, 216, 77, 0.18) !important;}

@keyframes committeeAutoScrollY{0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }}

#s2 #pbi-list,
#s2 #s2-special,
#s2 #s2-free-list,
#s2 #s2-prices,
#s2 #s2-natchathiram{
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  position: relative !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#s2 .card-hdr-ta{
  display:block !important;
  font-size:18px !important;
  line-height:1.08 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#s2 .card-hdr-en{
  display:block !important;
  margin-top:4px !important;
  font-size:12px !important;
  line-height:1.08 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#s2 #pbi-list::-webkit-scrollbar,
#s2 #s2-special::-webkit-scrollbar,
#s2 #s2-free-list::-webkit-scrollbar,
#s2 #s2-prices::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}


#s2 .auto-scroll-inner{display: block !important;
  will-change: transform !important;
  animation: poojaAutoScrollY var(--auto-scroll-duration, 90s) linear infinite !important;}





#s3 #gop-donors,
#s3 #ratham-donors,
#s3 .mem-table-wrap{overflow: auto !important;
  overscroll-behavior: contain !important;}

#s4 .content.{display: grid !important;
  grid-template-columns: 94px minmax(0, 1fr) 94px !important;
  gap: 10px !important;
  padding: 10px !important;
  overflow: hidden !important;}

#s4 .{display: grid !important;
  grid-template-rows: repeat(5, 1fr) !important;
  gap: 8px !important;
  min-height: 0 !important;}

#s4 .{border: 2px solid rgba(255, 216, 77, 0.75) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #113c80, #07172d) !important;
  cursor: pointer !important;
  min-height: 0 !important;
  position: relative !important;}

#s4 .img{width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;}

#s4 .{box-shadow: 0 0 0 3px #ffd84d inset !important;}

#s4 .{display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: #d8e8ff !important;
  text-align: center !important;
  padding: 8px !important;
  cursor: default !important;}

#s4 .b{font-size: 13px !important;
  color: #fff2a8 !important;
  line-height: 1.1 !important;}

#s4 .span{font-size: 11px !important;
  line-height: 1.1 !important;
  opacity: 0.95 !important;}

#s4 .{position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 2px solid rgba(255, 216, 77, 0.8) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #061a36 !important;}

#s4 .img{width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  background: #061a36 !important;}

#s4 .{position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 18px 22px 14px !important;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.78) 55%,
    rgba(0, 0, 0, 0.9) 100%
  ) !important;}

#s4 .b{display: block !important;
  font-size: 26px !important;
  color: #fff2a8 !important;
  line-height: 1.06 !important;}

#s4 .span{display: block !important;
  font-size: 16px !important;
  color: #fff !important;
  line-height: 1.12 !important;
  opacity: 0.95 !important;}

#s4 .{position: absolute !important;
  right: 16px !important;
  top: 14px !important;
  background: rgba(5, 16, 36, 0.72) !important;
  border: 1px solid rgba(255, 216, 77, 0.7) !important;
  border-radius: 999px !important;
  color: #fff2a8 !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;}

















































#s4 .content.gallery-content{
  display:grid !important;
  grid-template-columns:140px minmax(0,1fr) 140px !important;
  grid-template-rows:minmax(0,1fr) !important;
  gap:12px !important;
  padding:10px 12px !important;
  min-width:0 !important;
  overflow:hidden !important;
}

#s4 .gallery-rail{
  display:grid !important;
  grid-template-rows:repeat(5,minmax(0,1fr)) !important;
  gap:8px !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}

#s4 .gallery-thumb-tile,
#s4 .gallery-placeholder{
  border:2px solid rgba(255,216,77,.78) !important;
  border-radius:12px !important;
  background:#07172d !important;
  overflow:hidden !important;
  min-width:0 !important;
  min-height:0 !important;
}

#s4 .gallery-thumb-tile{
  display:block !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  cursor:pointer !important;
  appearance:none !important;
  outline:none !important;
}

#s4 .gallery-thumb-tile img{width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;}

#s4 .gallery-thumb-tile.active{
  border-color:#ffd84d !important;
  box-shadow:0 0 0 3px #ffd84d inset !important;
}

#s4 .gallery-thumb-tile:focus-visible{
  outline:3px solid #ffffff !important;
  outline-offset:2px !important;
}


#s4 .gallery-placeholder{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:7px !important;
  color:#dce8ff !important;
}

#s4 .gallery-placeholder b{
  font-size:12px !important;
  line-height:1.08 !important;
  color:#fff2a8 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

#s4 .gallery-placeholder span{
  margin-top:3px !important;
  font-size:10px !important;
  line-height:1.08 !important;
  color:#dce8ff !important;
}

#s4 .gallery-main{
  position:relative !important;
  min-width:0 !important;
  min-height:0 !important;
  border:2px solid rgba(255,216,77,.8) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#061a36 !important;
}

#s4 .gallery-main img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#061a36 !important;
  display:block !important;
}

#s4 .gallery-caption{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  min-height:92px !important;
  padding:28px 24px 16px !important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.9)) !important;
  pointer-events:none !important;
}

#s4 .gallery-caption b{
  display:block !important;
  font-family:"Noto Sans Tamil","Cinzel",serif !important;
  font-size:26px !important;
  line-height:1.08 !important;
  color:#fff2a8 !important;
  text-shadow:0 2px 4px #000 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

#s4 .gallery-caption span{
  display:block !important;
  margin-top:5px !important;
  font-size:15px !important;
  line-height:1.12 !important;
  color:#fff !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}





































































































html body .content,
html body .screen{scrollbar-width: none !important;
  -ms-overflow-style: none !important;}

html body .content::-webkit-scrollbar,
html body .screen::-webkit-scrollbar{display: none !important;}









html body #s1 .s1-right .card-hdr-ta,
html body #s1 .s1-right .card-hdr-en,
html body #s1 .s1-left .card-hdr-ta,
html body #s1 .s1-left .card-hdr-en{white-space: nowrap !important;}

html body #s3 .card-hdr-en,
html body #s3 .card-hdr-ta{text-align: left !important;}





html body 

html body #s1 .s1-projects{padding: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;}

html body #s1 .s1-projects > div:last-child{padding: 10px 12px 8px !important;}

html body #s1 .s1-projects .proj-row{margin-bottom: 7px !important;}

html body #s1 .s1-projects .divider{margin: 5px 0 !important;}

html body #s1 .s1-projects .proj-hdr{padding: 5px 8px !important;
  margin-bottom: 4px !important;
  min-height: 44px !important;
  border-radius: 0 !important;}

html body 

html body #s1 .s1-info .card-hdr{flex: 0 0 50px !important;
  min-height: 50px !important;
  padding: 7px 10px !important;}

html body #s1 .s1-info .info-qr-row{flex: 1 1 auto !important;
  min-height: 92px !important;
  padding: 8px 10px !important;
  align-items: center !important;}

html body #s1 .s1-info .info-qr{width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  min-height: 82px !important;
  max-width: 82px !important;
  max-height: 82px !important;}

html body #s1 .s1-info .info-qr canvas,
html body #s1 .s1-info .info-qr img{width: 76px !important;
  height: 76px !important;
  max-width: 76px !important;
  max-height: 76px !important;}

html body #s1 .komitee-block{display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;}

html body #s1 #komitee-grid{flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scroll-behavior: auto !important;
  position: relative !important;}

html body #s1 #komitee-grid::-webkit-scrollbar{display: none !important;
  width: 0 !important;
  height: 0 !important;}

html body #s1 #komitee-grid .committee-scroll-inner{animation: none !important;
  transform: none !important;}

html body #s1 .s1-fest-block .card-hdr{min-height: 52px !important;
  height: 52px !important;
  padding: 6px 10px !important;
  gap: 8px !important;
  overflow: hidden !important;}

html body #s1 .s1-fest-block .card-hdr > div:first-child{min-width: 0 !important;
  flex: 1 1 auto !important;}

html body #s1 .s1-fest-block .card-hdr-ta{font-size: 18px !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;}

html body #s1 .s1-fest-block .card-hdr-en{font-size: 12px !important;
  line-height: 1 !important;
  margin-top: 3px !important;
  white-space: nowrap !important;}

html body #s1 #fest-countdown{flex: 0 0 auto !important;
  max-width: 210px !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: right !important;}

html body #s1 .s1-fest-block{min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;}

html body #s1 #s1-fest-grid,
html body #s1 .s1-fest-scroll{flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scroll-behavior: auto !important;
  position: relative !important;
  display: block !important;}

html body #s1 #s1-fest-grid::-webkit-scrollbar,
html body #s1 .s1-fest-scroll::-webkit-scrollbar{display: none !important;
  width: 0 !important;
  height: 0 !important;}

html body #s1 #s1-fest-grid .fest-entry{width: 100% !important;
  box-sizing: border-box !important;}

html body 

html body #s1 .s1-right .card{width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;}

html body #s1 .s1-members .mem-big,
html body #s1 .s1-members .mem-stats,
html body #s1 .s1-projects > div:last-child,
html body #s1 .s1-info .info-qr-row{width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;}

html body #s1 .s1-members .mem-num{font-size: 52px !important;}

html body #s1 .s1-members .mem-stats{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 2px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;}

html body #s1 .s1-members .mem-stat-v{font-size: 23px !important;}

html body #s1 .s1-members .mem-stat-l{font-size: 10px !important;
  line-height: 1.02 !important;
  overflow: hidden !important;}

html body #s1 .s1-projects .proj-hdr{display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px !important;
  align-items: center !important;}

html body #s1 .s1-projects .proj-title-ta{font-size: 15px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;}

html body #s1 .s1-projects .proj-title-en{font-size: 9px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;}

html body #s1 .s1-projects .proj-pct{font-size: 16px !important;
  white-space: nowrap !important;}

html body #s1 .s1-projects .proj-nums{display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  gap: 4px !important;
  font-size: 10px !important;
  white-space: nowrap !important;}

html,
body{overflow: hidden !important;}

.screen .content{min-height: 0 !important;
  overflow: hidden !important;}

#s1 .content{
  display: grid !important;
  grid-template-columns: 340px minmax(0, 1fr) 350px !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 8px !important;
  min-width: 0 !important;
}

#s1 .s1-right{
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 8px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#s1 .s1-right .card,
#s1 .s1-projects,
#s1 .s1-members,
#s1 .s1-info{
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

#s1 .proj-hdr,
#s1 .proj-nums,
#s1 .mem-stats{min-width: 0 !important;}

#s1 .proj-title-ta,
#s1 .proj-title-en,
#s1 .proj-nums span,
#s1 .mem-stat-l{white-space: normal !important;
  overflow-wrap: anywhere !important;}





button:focus-visible,
.ntab:focus-visible{outline: 3px solid #ffd84d !important;
  outline-offset: 2px !important;}


#s10 .admin-content{
  position:absolute;
  left:8px;
  right:8px;
  top:calc(var(--v34-hdr) + var(--v34-nav) + var(--v34-gap));
  bottom:var(--v34-ticker);
  min-width:0;
  min-height:0;
  padding:8px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
  box-sizing:border-box;
  outline:none;
}
#s10 .admin-content::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
#s10 .admin-content:focus-visible{
  box-shadow:0 0 0 3px #fff inset;
}
#s10 .admin-upload-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr) minmax(0,.70fr);
  grid-template-rows:minmax(0,1fr);
  gap:10px;
  min-width:0;
  min-height:100%;
}
#s10 .admin-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  padding:10px;
  border:1px solid rgba(255,216,77,.72);
  border-radius:12px;
  background:rgba(4,26,58,.96);
  overflow:hidden;
  outline:none;
}
#s10 .admin-card:focus-visible{
  box-shadow:0 0 0 3px #fff inset;
}
#s10 .admin-title-ta{
  display:block;
  font-family:"Noto Sans Tamil",Arial,sans-serif;
  font-size:19px;
  line-height:1.08;
  font-weight:900;
  color:#fff2a8;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s10 .admin-title-en{
  display:block;
  margin-top:4px;
  margin-bottom:9px;
  font-family:"Cinzel",Georgia,serif;
  font-size:12px;
  line-height:1.08;
  font-weight:900;
  color:#fff;
  letter-spacing:.04em;
}
#s10 .upload-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px 62px;
  gap:8px;
  align-items:center;
  min-width:0;
  min-height:58px;
  margin-bottom:6px;
  padding:7px 8px;
  border:1px solid rgba(255,216,77,.18);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  overflow:hidden;
}
#s10 .upload-row > div{
  min-width:0;
}
#s10 .upload-row b{
  display:block;
  font-family:"Noto Sans Tamil",Arial,sans-serif;
  font-size:14px;
  line-height:1.08;
  color:#fff2a8;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s10 .upload-row span{
  display:block;
  margin-top:3px;
  font-size:10.5px;
  line-height:1.08;
  color:#fff;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s10 .upload-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 8px;
  border:1px solid #ffd84d;
  border-radius:8px;
  background:#123f7a;
  color:#fff2a8;
  font-size:11px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
}
#s10 .upload-btn:focus-visible{
  outline:3px solid #fff;
  outline-offset:2px;
}
#s10 .upload-btn input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
#s10 .upload-row em{
  min-width:0;
  font-style:normal;
  font-size:10px;
  line-height:1.05;
  font-weight:900;
  color:#dce8ff;
  text-align:right;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s10 .upload-row em.ok{
  color:#6ff0a0;
}
#s10 .upload-row em.err{
  color:#ff8a80;
}
#s10 .admin-info-box{
  margin-top:8px;
  padding:9px 10px;
  border:1px solid rgba(255,216,77,.22);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  color:#fff;
  font-size:11.5px;
  line-height:1.22;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s10 .admin-info-box b{
  color:#fff2a8;
}
#s10 .admin-danger{
  margin-top:auto;
  min-height:40px;
  padding:0 12px;
  border:1px solid #ff8a80;
  border-radius:8px;
  background:#6c1b1b;
  color:#fff;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
#s10 .admin-danger:focus-visible{
  outline:3px solid #fff;
  outline-offset:2px;
}
#s10 .admin-live-status{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  min-width:0;
}
#s10 .admin-live-status > div{
  display:grid;
  grid-template-columns:minmax(0,1fr) 86px;
  gap:8px;
  align-items:center;
  min-width:0;
  min-height:46px;
  padding:7px 8px;
  border:1px solid rgba(255,216,77,.18);
  border-radius:8px;
  background:rgba(255,255,255,.035);
}
#s10 .admin-live-status span{
  min-width:0;
  font-size:12px;
  line-height:1.08;
  color:#fff;
  white-space:normal;
  overflow-wrap:anywhere;
}
#s10 .admin-live-status b{
  font-family:"Cinzel",Georgia,serif;
  font-size:18px;
  line-height:1;
  color:#ffd84d;
  text-align:right;
  white-space:nowrap;
}
#s10 .admin-message{
  margin-top:auto;
  padding:10px;
  border:1px solid rgba(255,216,77,.42);
  border-radius:9px;
  background:#35172f;
  color:#fff2a8;
  font-size:11.5px;
  line-height:1.18;
  font-weight:900;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
}


/* V53 detail audit: page 2 uses real flex heights and manual/keyboard scroll areas. */
#s2 .s2-left > .card,
#s2 .s2-highlight,
#s2 .s2-free,
#s2 .s2-right > .card{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
}
#s2 #pbi-list,
#s2 #s2-special,
#s2 #s2-free-list,
#s2 #s2-prices{
  flex:1 1 0 !important;
  height:0 !important;
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
#s2 #pbi-list::-webkit-scrollbar,
#s2 #s2-special::-webkit-scrollbar,
#s2 #s2-free-list::-webkit-scrollbar,
#s2 #s2-prices::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}
#s2 #s2-special,
#s2 #s2-free-list{
  padding:8px 12px !important;
}
/* V53 final audit: restore full usable height for the Pooja page. */
#s2 .content{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:146px !important;
  bottom:64px !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
}


/* =====================================================================
   V55 – feste Präsentations-Sicherheitszone
   38 px entsprechen bei 96 dpi ungefähr 1 cm.
   Alle regulären sichtbaren Bereiche bleiben innerhalb dieser Zone.
   ===================================================================== */
:root{
  --v55-safe:38px;
  --v55-header-h:100px;
  --v55-nav-h:60px;
  --v55-gap:8px;
  --v55-ticker-h:48px;

  /* Kompatibilität für ältere Seitenregeln */
  --v34-hdr:100px;
  --v34-nav:60px;
  --v34-gap:8px;
  --v34-ticker:48px;
}

html,
body{
  width:1920px !important;
  height:1080px !important;
  min-width:1920px !important;
  min-height:1080px !important;
  overflow:hidden !important;
  background:#020814 !important;
}

.screen{
  position:absolute !important;
  inset:0 !important;
  width:1920px !important;
  height:1080px !important;
  overflow:hidden !important;
  padding:0 !important;
}

/* Kopfzeile vollständig innerhalb der 1-cm-Zone */
#s1 > .hdr,#s2 > .hdr,#s3 > .hdr,#s4 > .hdr,#s5 > .hdr,
#s6 > .hdr,#s7 > .hdr,#s8 > .hdr,#s9 > .hdr,#s10 > .hdr{
  position:absolute !important;
  top:var(--v55-safe) !important;
  left:var(--v55-safe) !important;
  right:var(--v55-safe) !important;
  width:auto !important;
  height:var(--v55-header-h) !important;
  min-height:var(--v55-header-h) !important;
  max-height:var(--v55-header-h) !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:12px 12px 0 0 !important;
}

/* Navigation ebenfalls innerhalb der Seitenränder */
#s1 > .nav,#s2 > .nav,#s3 > .nav,#s4 > .nav,#s5 > .nav,
#s6 > .nav,#s7 > .nav,#s8 > .nav,#s9 > .nav,#s10 > .nav{
  position:absolute !important;
  top:calc(var(--v55-safe) + var(--v55-header-h)) !important;
  left:var(--v55-safe) !important;
  right:var(--v55-safe) !important;
  width:auto !important;
  height:var(--v55-nav-h) !important;
  min-height:var(--v55-nav-h) !important;
  max-height:var(--v55-nav-h) !important;
  margin:0 !important;
  padding:5px 8px !important;
  gap:5px !important;
  overflow:hidden !important;
  border-radius:0 0 10px 10px !important;
}

#s1 > .nav .ntab,#s2 > .nav .ntab,#s3 > .nav .ntab,#s4 > .nav .ntab,#s5 > .nav .ntab,
#s6 > .nav .ntab,#s7 > .nav .ntab,#s8 > .nav .ntab,#s9 > .nav .ntab,#s10 > .nav .ntab{
  flex:1 1 0 !important;
  min-width:0 !important;
  width:auto !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  padding:3px 5px !important;
  overflow:hidden !important;
}

/* Gemeinsame Inhaltsfläche: 38 px links/rechts, Lauftext mit Abstand unten */
#s1 > .content,#s2 > .content,#s3 > .content,#s4 > .content,#s5 > .content,
#s6 > .content,#s7 > .content,#s8 > .content,#s9 > .content,#s10 > .content{
  position:absolute !important;
  top:calc(var(--v55-safe) + var(--v55-header-h) + var(--v55-nav-h) + var(--v55-gap)) !important;
  left:var(--v55-safe) !important;
  right:var(--v55-safe) !important;
  bottom:calc(var(--v55-safe) + var(--v55-ticker-h) + var(--v55-gap)) !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* Lauftext innerhalb der unteren Sicherheitszone */
#s1 > .ticker,#s2 > .ticker,#s3 > .ticker,#s4 > .ticker,#s5 > .ticker,
#s6 > .ticker,#s7 > .ticker,#s8 > .ticker,#s9 > .ticker,#s10 > .ticker{
  position:absolute !important;
  left:var(--v55-safe) !important;
  right:var(--v55-safe) !important;
  bottom:var(--v55-safe) !important;
  width:auto !important;
  height:var(--v55-ticker-h) !important;
  min-height:var(--v55-ticker-h) !important;
  max-height:var(--v55-ticker-h) !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:10px !important;
}

#s1 > .ticker .ticker-lbl,#s2 > .ticker .ticker-lbl,#s3 > .ticker .ticker-lbl,
#s4 > .ticker .ticker-lbl,#s5 > .ticker .ticker-lbl,#s6 > .ticker .ticker-lbl,
#s7 > .ticker .ticker-lbl,#s8 > .ticker .ticker-lbl,#s9 > .ticker .ticker-lbl,
#s10 > .ticker .ticker-lbl,
#s1 > .ticker .ticker-inner,#s2 > .ticker .ticker-inner,#s3 > .ticker .ticker-inner,
#s4 > .ticker .ticker-inner,#s5 > .ticker .ticker-inner,#s6 > .ticker .ticker-inner,
#s7 > .ticker .ticker-inner,#s8 > .ticker .ticker-inner,#s9 > .ticker .ticker-inner,
#s10 > .ticker .ticker-inner{
  height:var(--v55-ticker-h) !important;
  min-height:var(--v55-ticker-h) !important;
  max-height:var(--v55-ticker-h) !important;
  line-height:var(--v55-ticker-h) !important;
}

/* Seitennavigation-Punkte oberhalb des Lauftexts */
#s1 > .dots,#s2 > .dots,#s3 > .dots,#s4 > .dots,#s5 > .dots,
#s6 > .dots,#s7 > .dots,#s8 > .dots,#s9 > .dots,#s10 > .dots{
  bottom:calc(var(--v55-safe) + var(--v55-ticker-h) + 5px) !important;
}

/* Inhalte und Karten dürfen ihren sicheren Hauptbereich nicht überragen */
#s1 > .content > *,#s2 > .content > *,#s3 > .content > *,#s4 > .content > *,
#s5 > .content > *,#s6 > .content > *,#s7 > .content > *,#s8 > .content > *,
#s9 > .content > *,#s10 > .content > *{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* Kopfzeilen-Inhalte an die sichere Höhe anpassen */
.hdr-logo,
.hdr-iblk,
.hdr-center,
.hdr-date-blk,
.hdr-clock-blk{
  height:var(--v55-header-h) !important;
  min-height:0 !important;
  max-height:var(--v55-header-h) !important;
}

.hdr-logo{
  width:88px !important;
  min-width:88px !important;
}

.hdr-logo-inner{
  width:70px !important;
  height:70px !important;
}

.hdr-iblk{
  min-width:86px !important;
  padding-left:7px !important;
  padding-right:7px !important;
}

.hdr-date-blk{
  min-width:138px !important;
  padding-left:8px !important;
  padding-right:8px !important;
}

.hdr-clock-blk{
  min-width:154px !important;
  padding-left:8px !important;
  padding-right:8px !important;
}

.hdr-clock{
  font-size:30px !important;
}

.hdr-title-ta{
  font-size:36px !important;
  line-height:1.02 !important;
}

.hdr-title-en{
  font-size:20px !important;
  line-height:1.02 !important;
}

.hdr-sub-en{
  font-size:10px !important;
  line-height:1.05 !important;
}

/* Systemeinblendungen ebenfalls mit sicherem Rand */
#esc-hint{
  left:var(--v55-safe) !important;
  right:var(--v55-safe) !important;
  bottom:calc(var(--v55-safe) + 8px) !important;
  max-width:calc(100% - (2 * var(--v55-safe))) !important;
}

#v42-rating-bar{
  left:var(--v55-safe) !important;
  right:var(--v55-safe) !important;
  bottom:var(--v55-safe) !important;
  width:auto !important;
  max-width:calc(100% - (2 * var(--v55-safe))) !important;
}

#v42-rating-thanks{
  left:50% !important;
  bottom:calc(var(--v55-safe) + 70px) !important;
  max-width:calc(100% - (2 * var(--v55-safe))) !important;
}

/* Unsichtbare technische Prüflinie exakt auf der 1-cm-Grenze.
   Standardmäßig aus; kann zur Kontrolle temporär aktiviert werden. */
body.v55-show-safe-frame::after{
  content:"";
  position:fixed;
  inset:var(--v55-safe);
  z-index:999999;
  border:2px dashed rgba(255,216,77,.85);
  border-radius:14px;
  pointer-events:none;
}


/* =====================================================================
   V56 – Endkorrekturen nach 1920x1080-Sicherheitsrahmenprüfung
   ===================================================================== */
:root{
  --v55-nav-h:72px;
  --v34-nav:72px;
}

/* Kopfzeilen-Inhalte bleiben vollständig innerhalb der 100-px-Kopfbox. */
.hdr-logo,
.hdr-iblk,
.hdr-center,
.hdr-date-blk,
.hdr-clock-blk{
  height:96px !important;
  max-height:96px !important;
}

/* Navigation erhält genügend Höhe für Tamil + englische zweite Zeile. */
#s1 > .nav,#s2 > .nav,#s3 > .nav,#s4 > .nav,#s5 > .nav,
#s6 > .nav,#s7 > .nav,#s8 > .nav,#s9 > .nav,#s10 > .nav{
  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;
}

#s1 > .nav .ntab,#s2 > .nav .ntab,#s3 > .nav .ntab,#s4 > .nav .ntab,#s5 > .nav .ntab,
#s6 > .nav .ntab,#s7 > .nav .ntab,#s8 > .nav .ntab,#s9 > .nav .ntab,#s10 > .nav .ntab{
  height:62px !important;
  min-height:62px !important;
  max-height:62px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:1px !important;
}

#s1 > .nav .ntab span:first-child,#s2 > .nav .ntab span:first-child,
#s3 > .nav .ntab span:first-child,#s4 > .nav .ntab span:first-child,
#s5 > .nav .ntab span:first-child,#s6 > .nav .ntab span:first-child,
#s7 > .nav .ntab span:first-child,#s8 > .nav .ntab span:first-child,
#s9 > .nav .ntab span:first-child,#s10 > .nav .ntab span:first-child{
  font-size:16px !important;
  line-height:1.02 !important;
  margin:0 !important;
}

#s1 > .nav .ntab span:nth-child(2),#s2 > .nav .ntab span:nth-child(2),
#s3 > .nav .ntab span:nth-child(2),#s4 > .nav .ntab span:nth-child(2),
#s5 > .nav .ntab span:nth-child(2),#s6 > .nav .ntab span:nth-child(2),
#s7 > .nav .ntab span:nth-child(2),#s8 > .nav .ntab span:nth-child(2),
#s9 > .nav .ntab span:nth-child(2),#s10 > .nav .ntab span:nth-child(2){
  font-size:10px !important;
  line-height:1 !important;
  margin:0 !important;
}

/* Alte globale Abschaltung des Lauftexts sicher überschreiben. */
#s1 > .ticker,#s2 > .ticker,#s3 > .ticker,#s4 > .ticker,#s5 > .ticker,
#s6 > .ticker,#s7 > .ticker,#s8 > .ticker,#s9 > .ticker,#s10 > .ticker{
  display:flex !important;
  visibility:visible !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
}

#s1 > .ticker .ticker-track,#s2 > .ticker .ticker-track,#s3 > .ticker .ticker-track,
#s4 > .ticker .ticker-track,#s5 > .ticker .ticker-track,#s6 > .ticker .ticker-track,
#s7 > .ticker .ticker-track,#s8 > .ticker .ticker-track,#s9 > .ticker .ticker-track,
#s10 > .ticker .ticker-track{
  display:block !important;
  visibility:visible !important;
  flex:1 1 auto !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  overflow:hidden !important;
}

#s1 > .ticker .ticker-inner,#s2 > .ticker .ticker-inner,#s3 > .ticker .ticker-inner,
#s4 > .ticker .ticker-inner,#s5 > .ticker .ticker-inner,#s6 > .ticker .ticker-inner,
#s7 > .ticker .ticker-inner,#s8 > .ticker .ticker-inner,#s9 > .ticker .ticker-inner,
#s10 > .ticker .ticker-inner{
  display:inline-block !important;
  visibility:visible !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  line-height:48px !important;
}

/* Welcome-Mittelbereich wieder auf die volle sichere Inhaltshöhe bringen. */
#s1 > .content{
  display:grid !important;
  grid-template-columns:340px minmax(0,1fr) 350px !important;
  grid-template-rows:minmax(0,1fr) !important;
  gap:12px !important;
  padding:8px !important;
}

#s1 .s1-left,
#s1 .s1-center,
#s1 .s1-right{
  width:auto !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  overflow:hidden !important;
}

#s1 .s1-center{
  display:flex !important;
  flex-direction:column !important;
}

#s1 .s1-fest-block{
  position:relative !important;
  display:grid !important;
  grid-template-rows:54px minmax(0,1fr) 178px !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  overflow:hidden !important;
}

#s1 .s1-fest-block .card-hdr{
  position:relative !important;
  grid-row:1 !important;
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

#s1 #s1-fest-grid{
  position:relative !important;
  grid-row:2 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

#s1 #s1-fest-info-panel,
#s1 .s1-fest-info-panel{
  position:relative !important;
  grid-row:3 !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:auto !important;
  height:168px !important;
  min-height:168px !important;
  max-height:168px !important;
  margin:2px 10px 8px !important;
  overflow:hidden !important;
}

#s1 .s1-fest-hours-wrap{
  overflow-y:auto !important;
  scrollbar-width:none !important;
}

#s1 .s1-fest-hours-wrap::-webkit-scrollbar{
  display:none !important;
}

#s1 .s1-members .mem-num{
  font-size:48px !important;
  line-height:1 !important;
}

/* Monatstabelle: Mitgliedsüberschrift darf nicht horizontal abgeschnitten werden. */
#s3 .mem-table th.name-h{
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  font-size:8px !important;
  line-height:1.05 !important;
  padding-left:2px !important;
  padding-right:2px !important;
}


/* =====================================================================
   V57 – Welcome-Mitte + Öffnungszeiten + Bewertung statt Lauftext
   ===================================================================== */
:root{
  --v57-bottom-h: 64px;
}

/* Unten globale Bewertung statt Lauftext */
#s1 > .ticker,#s2 > .ticker,#s3 > .ticker,#s4 > .ticker,#s5 > .ticker,
#s6 > .ticker,#s7 > .ticker,#s8 > .ticker,#s9 > .ticker,#s10 > .ticker{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
}

#s1 > .content,#s2 > .content,#s3 > .content,#s4 > .content,#s5 > .content,
#s6 > .content,#s7 > .content,#s8 > .content,#s9 > .content,#s10 > .content{
  bottom:calc(var(--v55-safe) + var(--v57-bottom-h) + var(--v55-gap)) !important;
}

#s1 > .dots,#s2 > .dots,#s3 > .dots,#s4 > .dots,#s5 > .dots,
#s6 > .dots,#s7 > .dots,#s8 > .dots,#s9 > .dots,#s10 > .dots{
  bottom:calc(var(--v55-safe) + var(--v57-bottom-h) + 6px) !important;
}

#v42-rating-bar{
  position:fixed !important;
  left:var(--v55-safe) !important;
  right:var(--v55-safe) !important;
  bottom:var(--v55-safe) !important;
  width:auto !important;
  height:var(--v57-bottom-h) !important;
  min-height:var(--v57-bottom-h) !important;
  max-height:var(--v57-bottom-h) !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:6px 12px !important;
  box-sizing:border-box !important;
  background:linear-gradient(90deg,#072b61,#0b54a3,#7f1d1d) !important;
  border:2px solid rgba(255,216,77,.82) !important;
  border-radius:12px !important;
  z-index:99990 !important;
  box-shadow:0 -5px 16px rgba(0,0,0,.35) !important;
}
#v42-rating-bar *{box-sizing:border-box !important;}
#v42-rating-bar .v42-rating-title{
  flex:0 0 200px !important;
  color:#fff5c8 !important;
  font-family:'Noto Sans Tamil',sans-serif !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.02 !important;
}
#v42-rating-bar .v42-rating-title span{
  display:block !important;
  margin-top:2px !important;
  color:#e8eefc !important;
  font-family:'Cinzel',serif !important;
  font-size:11px !important;
  letter-spacing:1px !important;
}
#v42-rating-bar .v42-rate-btn{
  flex:1 1 0 !important;
  min-width:0 !important;
  border:1px solid rgba(255,216,77,.48) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  text-align:center !important;
  padding:5px 8px !important;
  font-family:'Noto Sans Tamil',sans-serif !important;
  font-weight:900 !important;
  font-size:15px !important;
  line-height:1.02 !important;
  cursor:pointer !important;
}
#v42-rating-bar .v42-rate-btn b{display:block !important;font-family:'Cinzel',serif !important;font-size:13px !important;color:#ffe27a !important;}
#v42-rating-bar .v42-rate-btn .emoji{display:inline !important;margin-right:4px !important;}
#v42-rating-bar .v42-rate-btn span:last-child{display:inline !important;font-family:'Cinzel',serif !important;font-size:11px !important;color:#dbeafe !important;}
#v42-rating-bar .v42-rate-btn.active{
  background:linear-gradient(180deg,#ffe15b,#f6b800) !important;
  color:#071b3a !important;
  box-shadow:0 0 16px rgba(255,216,77,.65) !important;
}
#v42-rating-bar .v42-rate-btn.active b,
#v42-rating-bar .v42-rate-btn.active span:last-child{color:#071b3a !important;}
#v42-rating-count{
  flex:0 0 220px !important;
  text-align:right !important;
  color:#fff5c8 !important;
  font-family:'Cinzel',serif !important;
  font-size:14px !important;
  line-height:1.1 !important;
}
#v42-rating-thanks{
  position:fixed !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  bottom:calc(var(--v55-safe) + var(--v57-bottom-h) + 8px) !important;
  padding:8px 14px !important;
  background:rgba(7,27,58,.94) !important;
  border:1px solid rgba(255,216,77,.75) !important;
  border-radius:10px !important;
  color:#fff6c5 !important;
  font-family:'Noto Sans Tamil',sans-serif !important;
  font-size:17px !important;
  z-index:99991 !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .18s ease !important;
}
#v42-rating-thanks.show{opacity:1 !important;}

/* Welcome-Mitte stabil und vollständig sichtbar */
#s1 .s1-center{display:flex !important;flex-direction:column !important;min-height:0 !important;}
#s1 .s1-fest-block{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  height:100% !important;
  overflow:hidden !important;
}
#s1 .s1-fest-block .card-hdr{
  flex:0 0 54px !important;
  min-height:54px !important;
  max-height:54px !important;
}
#s1 #s1-fest-grid{
  display:block !important;
  flex:1 1 auto !important;
  min-height:220px !important;
  max-height:none !important;
  padding:8px 12px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
#s1 #s1-fest-grid .fest-entry{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:8px !important;
  padding:6px 0 !important;
  border-bottom:1px solid rgba(255,216,77,.18) !important;
}
#s1 #s1-fest-grid .fest-entry:last-child{border-bottom:none !important;}
#s1 #s1-fest-grid .fest-info{min-width:0 !important;}
#s1 #s1-fest-grid .fest-en,
#s1 #s1-fest-grid .fest-ta,
#s1 #s1-fest-grid .fest-sp{display:block !important;visibility:visible !important;opacity:1 !important;}
#s1 .s1-fest-info-panel{
  position:relative !important;
  left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
  display:grid !important;
  grid-template-columns:44% 56% !important;
  gap:10px !important;
  flex:0 0 176px !important;
  min-height:176px !important;
  max-height:176px !important;
  margin:8px 10px 10px !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(255,216,77,.6) !important;
  border-radius:12px !important;
  background:rgba(5,26,62,.60) !important;
}
#s1 .s1-fest-photo-wrap,
#s1 .s1-fest-hours-wrap{display:block !important;min-width:0 !important;min-height:0 !important;}
#s1 .s1-fest-photo-wrap{position:relative !important;overflow:hidden !important;}
#s1 .s1-fest-photo{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
#s1 .s1-fest-photo-label{position:absolute !important;left:8px !important;bottom:8px !important;}
#s1 .s1-fest-hours-wrap{padding:8px 10px !important;overflow:hidden !important;}
#s1 .s1-fest-hours-title{font-size:18px !important;line-height:1.05 !important;color:#ffe689 !important;font-weight:900 !important;}
#s1 .s1-fest-line{display:flex !important;justify-content:space-between !important;gap:10px !important;font-size:12px !important;line-height:1.18 !important;margin-top:3px !important;}
#s1 .s1-fest-line span{color:#ffd85a !important;}
#s1 .s1-fest-line strong{color:#edf4ff !important;text-align:right !important;}
#s1 .s1-fest-hours-grid{display:grid !important;grid-template-columns:1fr !important;gap:0 !important;margin-top:5px !important;}
#s1 .s1-fest-hours-grid div{display:flex !important;justify-content:space-between !important;gap:8px !important;border-bottom:1px dashed rgba(255,216,77,.18) !important;padding:2px 0 !important;font-size:12px !important;line-height:1.16 !important;}
#s1 .s1-fest-hours-grid div:last-child{border-bottom:none !important;}
#s1 .s1-fest-hours-grid span{color:#eef4ff !important;}
#s1 .s1-fest-hours-grid b{color:#ffe171 !important;white-space:nowrap !important;}


/* =====================================================================
   V58 – einheitliche Scroll-Laufzeit wie Pooja-Prices
   ===================================================================== */
/* Bildschirm 2: alle Auto-Scroll-Bereiche gleich ruhig */
#s2 .auto-scroll-inner{
  animation-timing-function: linear !important;
}

/* Bildschirm 7: Natchathiram + Preise gleichmäßig und ruhig */
#s7 .natch-scroll,
#s7 .price-scroll,
.natch-scroll,
.price-scroll{
  animation-duration: 85s !important;
}

/* Kalenderseiten ebenfalls ruhig angleichen */
.cal-pooja-scroll,
.cal-price-scroll{
  animation-duration: 85s !important;
}


/* =====================================================================
   V59 – Donation Scroll + Monthly Contributions Lesbarkeit
   ===================================================================== */
/* Donation: Listen sauber scrollbar ohne sichtbare Balken */
#s3 #gop-donors,
#s3 #ratham-donors{
  overflow-y:auto !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
#s3 #gop-donors::-webkit-scrollbar,
#s3 #ratham-donors::-webkit-scrollbar{
  display:none !important;
}

/* Monthly Contributions: laufende Scrollfunktion wieder aktivieren */
#s3 .mem-table-wrap{
  overflow:hidden !important;
}
#s3 .mem-scroll-inner{
  display:block !important;
  animation: donationMemAutoScrollY var(--mem-scroll-duration, 95s) linear infinite !important;
  transform: translateY(0) !important;
  will-change: transform !important;
}

/* Monatsüberschrift kompakter, Namen größer und besser lesbar */
#s3 .mem-table{
  width:100% !important;
  table-layout:fixed !important;
  font-size:11px !important;
}
#s3 .mem-table th{
  font-size:10px !important;
  line-height:1 !important;
  padding:2px 2px !important;
  white-space:nowrap !important;
}
#s3 .mem-table th:first-child,
#s3 .mem-table td:first-child{
  width:34% !important;
}
#s3 .mem-table th:last-child,
#s3 .mem-table td:last-child{
  width:10% !important;
}
#s3 .mem-table th:nth-child(n+2):nth-child(-n+13),
#s3 .mem-table td:nth-child(n+2):nth-child(-n+13){
  width:4.6% !important;
  text-align:center !important;
}
#s3 .mem-table td{
  padding:3px 2px !important;
  line-height:1.06 !important;
}
#s3 .mem-table .mem-n,
#s3 .mem-table td:first-child{
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#s3 .v10-mem-name{
  display:block !important;
  font-size:14px !important;
  line-height:1.08 !important;
  color:#fff2a8 !important;
}
#s3 .v10-mem-amount{
  display:block !important;
  margin-top:2px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:#ffd84d !important;
}
#s3 .mem-total{
  font-size:12px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
#s3 .paid-dot,
#s3 .open-dot,
#s3 .pay-dot,
#s3 .mem-dot,
#s3 .mem-cell{
  width:12px !important;
  height:12px !important;
  min-width:12px !important;
  min-height:12px !important;
}


/* =====================================================================
   V60 – Kalender Auto-Monat + Natchathiram Scroll + Parking 4 Kacheln
   ===================================================================== */
#s6 .c88-day.today{
  border-color:#ffd84d !important;
  box-shadow:0 0 0 2px rgba(255,216,77,.72) inset !important, 0 0 16px rgba(255,216,77,.14) !important;
}
#s6 #c88-list-body{
  overflow-y:auto !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
#s6 #c88-list-body::-webkit-scrollbar{ display:none !important; }

#s7 #natch-page-list,
#s7 #price-page-list{
  overflow-y:auto !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
#s7 #natch-page-list::-webkit-scrollbar,
#s7 #price-page-list::-webkit-scrollbar{ display:none !important; }

#s8 .parking-content{
  grid-template-columns:minmax(0,1.18fr) 330px !important;
}
#s8 .parking-stage{
  padding:10px !important;
}
#s8 #parking-image{
  object-fit:contain !important;
  object-position:left center !important;
  transform:scale(1.01);
}
#s8 .parking-side{
  min-height:0;
}
#s8 .parking-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-auto-rows:minmax(150px,1fr) !important;
  gap:8px !important;
  padding:8px !important;
  overflow:hidden !important;
}
#s8 .parking-grid .parking-list-item{
  flex:0 0 auto !important;
  min-height:0 !important;
  height:auto !important;
  grid-template-columns:1fr !important;
  grid-template-rows:90px auto auto !important;
  gap:6px !important;
  align-content:start !important;
  padding:6px !important;
}
#s8 .parking-grid .parking-list-item img{
  grid-row:auto !important;
  width:100% !important;
  height:90px !important;
}
#s8 .parking-grid .parking-list-item b{
  align-self:auto !important;
  font-size:15px !important;
}
#s8 .parking-grid .parking-list-item span{
  align-self:auto !important;
  font-size:11px !important;
}


/* =====================================================================
   V61 – Welcome-Zentrum stabil + Screen2 identische Scrolllaufzeit
   ===================================================================== */
#s1 .s1-center{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  height:100% !important;
}
#s1 .s1-fest-block{
  display:grid !important;
  grid-template-rows:54px minmax(0,1fr) 176px !important;
  min-height:0 !important;
  height:100% !important;
  overflow:hidden !important;
}
#s1 .s1-fest-scroll,
#s1 #s1-fest-grid{
  grid-row:2 !important;
  min-height:0 !important;
  height:auto !important;
  overflow-y:auto !important;
}
#s1 #s1-fest-grid .fest-entry.upcoming{
  background:rgba(255,216,77,.05) !important;
}
#s1 .s1-fest-info-panel,
#s1 #s1-fest-info-panel{
  grid-row:3 !important;
  align-self:stretch !important;
  justify-self:stretch !important;
  display:grid !important;
  grid-template-columns:44% 56% !important;
  min-height:176px !important;
  max-height:176px !important;
  visibility:visible !important;
  opacity:1 !important;
}
#s1 .s1-fest-photo-wrap,
#s1 .s1-fest-hours-wrap{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
#s1 .s1-fest-hours-wrap{
  overflow:hidden !important;
}

#s2 .auto-scroll-inner{
  animation-timing-function:linear !important;
}


/* =====================================================================
   V62 – Parking dichter / rechte 4 Kacheln größer + Komitee final
   ===================================================================== */
#s8 .parking-content{
  grid-template-columns:minmax(0,1fr) 600px !important;
  gap:10px !important;
}
#s8 .parking-stage{
  padding:8px !important;
}
#s8 #parking-image{
  object-fit:contain !important;
  object-position:center center !important;
}
#s8 .parking-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-auto-rows:minmax(176px,1fr) !important;
  gap:10px !important;
  padding:10px !important;
  overflow:hidden !important;
}
#s8 .parking-grid .parking-list-item{
  flex:0 0 auto !important;
  min-height:0 !important;
  height:auto !important;
  grid-template-columns:1fr !important;
  grid-template-rows:110px auto auto !important;
  gap:7px !important;
  align-content:start !important;
  padding:8px !important;
}
#s8 .parking-grid .parking-list-item img{
  grid-row:auto !important;
  width:100% !important;
  height:110px !important;
}
#s8 .parking-grid .parking-list-item b{
  font-size:17px !important;
}
#s8 .parking-grid .parking-list-item span{
  font-size:12px !important;
  line-height:1.12 !important;
}


/* =====================================================================
   V64 – sichere Einzelkorrekturen ohne Layout-Zerstörung
   ===================================================================== */
/* Nur minimale Textsicherheit gegen oberes Abschneiden */
.card-hdr,
.card-hdr-ta,
.card-hdr-en{
  overflow: visible !important;
}
.card-hdr-ta{
  line-height: 1.12 !important;
  padding-top: 1px !important;
}
.card-hdr-en{
  line-height: 1.08 !important;
}
/* Screen 2: Dauer zentral über JS vereinheitlicht; Animation linear behalten */
#s2 .auto-scroll-inner{
  animation-timing-function: linear !important;
}


/* =====================================================================
   V65 – eine einzige Scrollzeit für alle automatischen Listen
   Referenz: ruhige Pooja-Prices-Laufzeit = 85 Sekunden
   ===================================================================== */
:root{
  --unified-list-scroll-duration:85s;
}

/* Screen 2: alle fünf Pooja-Bereiche exakt gleich */
#s2 .auto-scroll-inner{
  animation-duration:var(--unified-list-scroll-duration) !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
}

/* Screen 7 wird ausschließlich über die Container per JavaScript gescrollt.
   Alte innere CSS-Animationen sind vollständig abgeschaltet. */
#s7 .natch-scroll,
#s7 .price-scroll{
  animation:none !important;
  transform:none !important;
  will-change:auto !important;
}
#s7 #natch-page-list,
#s7 #price-page-list{
  overflow-y:auto !important;
  scroll-behavior:auto !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
#s7 #natch-page-list::-webkit-scrollbar,
#s7 #price-page-list::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}

/* Weitere vorhandene CSS-Auto-Scrolls ebenfalls auf 85 Sekunden. */
#s3 .mem-scroll-inner,
.cal-pooja-scroll,
.cal-price-scroll,
.natch-scroll,
.price-scroll{
  animation-duration:var(--unified-list-scroll-duration) !important;
  animation-timing-function:linear !important;
}

/* ════════════════════════════════════════════════════════════════
   V67r — MASTER-FIX-BLOCK, GARANTIERT AM DATEIENDE
   Alle vorherigen Korrekturen standen zu weit oben in der Datei und
   wurden von späterem Original-CSS bei Gleichstand überschrieben.
   Dieser Block steht jetzt wirklich als Letztes -> gewinnt immer.
   ════════════════════════════════════════════════════════════════ */

/* Box-Überschriften, alle Seiten */
#s1 .card-hdr-ta,#s2 .card-hdr-ta,#s3 .card-hdr-ta,#s4 .card-hdr-ta,#s5 .card-hdr-ta,
#s6 .card-hdr-ta,#s7 .card-hdr-ta,#s8 .card-hdr-ta,#s9 .card-hdr-ta,#s10 .card-hdr-ta{
  font-size:17px !important;line-height:1.2 !important;white-space:normal !important;
  overflow-wrap:anywhere !important;padding-top:2px !important;
}
#s1 .card-hdr-en,#s2 .card-hdr-en,#s3 .card-hdr-en,#s4 .card-hdr-en,#s5 .card-hdr-en,
#s6 .card-hdr-en,#s7 .card-hdr-en,#s8 .card-hdr-en,#s9 .card-hdr-en,#s10 .card-hdr-en{
  font-size:10.5px !important;line-height:1.15 !important;
}

/* Box 1 Priester */
#s1 .priest-photo{width:28px !important;height:28px !important;min-width:28px !important;font-size:12px !important;}
#s1 .priest-name{font-size:12px !important;}
#s1 .priest-role-ta{font-size:10.5px !important;}
#s1 .priest-role-en{font-size:9.5px !important;}

/* Box 2 Komitee: Höhe/Scroll-Fix + Textgröße */
html body #s1 #komitee-grid{
  display:block !important;height:0 !important;flex:1 1 0 !important;min-height:0 !important;
  overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:none !important;
}
html body #s1 #komitee-grid::-webkit-scrollbar{display:none !important;}
html body #s1 .komitee-grid{grid-template-columns:1fr !important;}
html body #s1 .kom-item{width:100% !important;box-sizing:border-box !important;}
html body #s1 .kom-photo{width:26px !important;height:26px !important;min-width:26px !important;font-size:12px !important;}
html body #s1 .kom-name{font-size:11.5px !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html body #s1 .kom-role{font-size:9.5px !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html body #s1 .kom-role small{font-size:9.5px !important;}

/* Box 3 Jahresfest: robuste Flexbox-Struktur statt fragilem CSS-Grid */
html body #s1 .content{display:grid !important;grid-template-rows:minmax(600px,1fr) !important;}
html body #s1 .s1-fest-block{
  height:100% !important;min-height:600px !important;
  display:flex !important;flex-direction:column !important;overflow:hidden !important;
}
html body #s1 .s1-fest-block .card-hdr{flex:0 0 54px !important;}
html body #s1 #s1-fest-grid{
  flex:1 1 auto !important;min-height:120px !important;height:auto !important;
  overflow-y:auto !important;overflow-x:hidden !important;
  border:none !important;background:transparent !important;
}
html body #s1 #s1-fest-grid .fest-ta{font-size:16px !important;line-height:1.13 !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html body #s1 #s1-fest-grid .fest-en{font-size:14px !important;line-height:1.2 !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html body #s1 #s1-fest-grid .fest-sp{font-size:11px !important;line-height:1.14 !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html body #s1 #s1-fest-info-panel{
  flex:0 0 auto !important;display:flex !important;flex-direction:row !important;
  gap:10px !important;padding:8px 12px !important;height:auto !important;
}
html body #s1 .s1-fest-contact-wrap,
html body #s1 .s1-fest-hours-wrap{flex:1 1 0 !important;min-width:0 !important;}
html body #s1 .s1-fest-hours-title{font-size:12px !important;font-weight:800 !important;color:var(--gold) !important;margin-bottom:4px !important;}
html body #s1 .s1-fest-contact-wrap .s1-fest-line{padding:2px 0 !important;font-size:11px !important;display:flex !important;justify-content:space-between !important;gap:6px !important;}
html body #s1 .s1-fest-hours-grid div{display:flex !important;justify-content:space-between !important;gap:6px !important;font-size:11px !important;line-height:1.3 !important;padding:1px 0 !important;}

/* Box 4 Mitglieder */
html body #s1 .s1-members .mem-num{font-size:58px !important;}

/* Box 5 Projekte: obere Textzeile nicht mehr angeschnitten */
html body #s1 .s1-projects .proj-title-ta{font-size:13px !important;line-height:1.25 !important;padding-top:2px !important;}
html body #s1 .s1-projects .proj-hdr{padding-top:2px !important;align-items:start !important;}

/* Feedback-Leiste, alle Seiten */
html body .fb-opt{font-size:12px !important;line-height:1.05 !important;padding:4px 3px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
html body .fb-opt span{font-size:8.5px !important;white-space:nowrap !important;}

/* Parking-Kacheln */
html body #s8 .parking-content{grid-template-columns:minmax(0,1fr) 600px !important;gap:10px !important;}
html body #s8 .parking-stage{padding:8px !important;}
html body #s8 #parking-image{object-fit:contain !important;object-position:center center !important;}
html body #s8 .parking-side{display:flex !important;flex-direction:column !important;height:100% !important;min-height:0 !important;}
html body #s8 .parking-grid{
  display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:1fr 1fr !important;
  flex:1 1 0 !important;gap:10px !important;padding:10px !important;height:100% !important;
}
html body #s8 .parking-grid .parking-list-item{height:100% !important;display:flex !important;flex-direction:column !important;min-height:0 !important;}
html body #s8 .parking-grid .parking-list-item img{flex:1 1 0 !important;width:100% !important;height:auto !important;min-height:0 !important;object-fit:cover !important;}

/* V67s: Box 6 Header-Überlappung: fixe 50px reichten nicht für 2 Zeilen */
html body #s1 .s1-info .card-hdr{flex:0 0 auto !important;min-height:52px !important;padding:10px 12px !important;}

/* V67t: Box 4/5 kompakter, Box 6 garantiert genug Platz für QR + Beträge */
html body #s1 .s1-right{grid-template-rows:minmax(0,175px) minmax(0,185px) minmax(230px,1fr) !important;}
html body #s1 .s1-members .mem-stats{padding:0 10px 4px !important;}
html body #s1 .s1-members .mem-num{font-size:46px !important;}
html body #s1 .s1-projects .card-hdr,
html body #s1 .s1-members .card-hdr{min-height:38px !important;padding:6px 12px 2px !important;}

/* V67u: DER ECHTE Feedback-Balken (A/1 B/2 C/3 D/4) - kompakt, eine Zeile */
html body #v42-rating-bar{padding:4px 12px !important;gap:8px !important;}
html body #v42-rating-bar .v42-rating-title{flex:0 0 140px !important;font-size:14px !important;}
html body #v42-rating-bar .v42-rating-title span{font-size:9px !important;margin-top:0 !important;}
html body #v42-rating-bar .v42-rate-btn{
  display:flex !important;align-items:center !important;justify-content:center !important;
  gap:4px !important;padding:4px 6px !important;white-space:nowrap !important;
}
html body #v42-rating-bar .v42-rate-btn b{display:inline !important;font-size:11px !important;}
html body #v42-rating-bar .v42-rate-btn .emoji{font-size:13px !important;margin-right:2px !important;}
html body #v42-rating-bar .v42-rate-btn span:last-child{font-size:9.5px !important;}

/* Debug-Rahmen entfernt (Box 3 war korrekt positioniert, nur leer - jetzt behoben) */

/* V67w: Box 6 kompakter (QR kleiner, weniger Leerraum) -> Box 5 gewinnt Platz */
html body #s1 .s1-info .info-qr{width:58px !important;height:58px !important;}
html body #s1 .s1-info .info-qr-row{padding:6px 14px 4px !important;gap:8px !important;}
html body #s1 .s1-info .qr-btn{padding:3px 6px !important;font-size:11px !important;}
html body #s1 .s1-info .info-qr-label{font-size:11px !important;margin-bottom:3px !important;}
html body #s1 .s1-fest-line{padding:1px 14px !important;}
html body #s1 .s1-right{grid-template-rows:minmax(0,160px) minmax(0,220px) minmax(150px,1fr) !important;}

/* V67x: Feedback-Titel-Spalte schmaler -> Buttons horizontal flexibler */
html body #v42-rating-bar .v42-rating-title{flex:0 0 100px !important;font-size:12px !important;}
html body #v42-rating-bar .v42-rating-title span{display:none !important;}

/* V67z: Feedback-Titel-Spalte noch schmaler */
html body #v42-rating-bar .v42-rating-title{flex:0 0 70px !important;font-size:11px !important;line-height:1.1 !important;}

/* V68d: Frische IDs ohne jede Altlast */
#s1-fest-grid-v2::-webkit-scrollbar{display:none;}
#s1-fest-grid-v2{scrollbar-width:none;}


/* ================================================================
   V68h – BOX 3 WELCOME: endgültiger Höhen-Fix
   Der beschädigte Selektor in V68g setzte .s1-center auf 52px Höhe.
   Diese Regel hält die mittlere Spalte auf voller Inhaltshöhe.
   ================================================================ */
html body #s1 > .content > .s1-center{
  align-self:stretch !important;
  width:auto !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  padding:0 !important;
  overflow:hidden !important;
}
html body #s1 #s1-fest-block-v68{
  width:100% !important;
  height:100% !important;
  min-height:600px !important;
  max-height:100% !important;
}
html body #s1 #s1-fest-grid-v2,
html body #s1 #s1-fest-info-panel-v2{
  visibility:visible !important;
  opacity:1 !important;
}
/* Produktionsanzeige: Diagnosebalken nicht einblenden. */
#global-diag-banner{display:none !important;}


/* ================================================================
   V68i – Welcome Feinschliff: Box 3 / Box 4 / Box 5 / Box 6
   ================================================================ */

/* Box 3: Kontakt + Öffnungszeiten kompakter, nach innen gezogen, nichts abschneiden */
html body #s1 #s1-fest-info-panel-v2,
html body #s1 .s1-fest-info-panel-clean{
  display:grid !important;
  grid-template-columns:minmax(0, 0.40fr) minmax(0, 0.60fr) !important;
  gap:10px !important;
  padding:8px 12px 10px !important;
  min-height:136px !important;
  align-items:start !important;
}
html body #s1 .s1-fest-contact-wrap,
html body #s1 .s1-fest-hours-wrap{
  min-width:0 !important;
  overflow:hidden !important;
}
html body #s1 .s1-fest-contact-wrap{
  padding-right:4px !important;
}
html body #s1 .s1-fest-hours-wrap{
  padding-left:4px !important;
}
html body #s1 .s1-fest-hours-title{
  font-size:12px !important;
  line-height:1.05 !important;
  margin:0 0 4px !important;
}
html body #s1 .s1-fest-contact-wrap .s1-fest-line{
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) !important;
  align-items:start !important;
  justify-content:normal !important;
  gap:8px !important;
  padding:1px 0 !important;
  margin:0 !important;
  font-size:10.5px !important;
  line-height:1.18 !important;
}
html body #s1 .s1-fest-contact-wrap .s1-fest-line span{
  white-space:nowrap !important;
}
html body #s1 .s1-fest-contact-wrap .s1-fest-line strong{
  text-align:left !important;
  font-size:10.5px !important;
  line-height:1.18 !important;
  overflow-wrap:anywhere !important;
}
html body #s1 .s1-fest-hours-grid{
  margin-top:2px !important;
}
html body #s1 .s1-fest-hours-grid .s1-fest-hours-row,
html body #s1 .s1-fest-hours-grid div{
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) !important;
  justify-content:normal !important;
  align-items:start !important;
  gap:8px !important;
  padding:1px 0 !important;
  font-size:10.5px !important;
  line-height:1.16 !important;
}
html body #s1 .s1-fest-hours-grid span{
  white-space:nowrap !important;
}
html body #s1 .s1-fest-hours-grid b{
  white-space:nowrap !important;
  text-align:left !important;
  font-size:10.5px !important;
}

/* Box 4: große 86 kleiner und ruhiger */
html body #s1 .s1-members .mem-big{
  gap:8px !important;
  padding:6px 10px 2px !important;
}
html body #s1 .s1-members .mem-num{
  font-size:36px !important;
  line-height:.9 !important;
}
html body #s1 .s1-members .mem-big .card-hdr-ta{
  font-size:18px !important;
  line-height:1 !important;
}
html body #s1 .s1-members .mem-big > div:last-child div:last-child{
  font-size:12px !important;
}

/* Rechte Spalte neu gewichten: Box 5 mehr Platz, Box 6 weniger Leerraum */
html body #s1 .s1-right{
  grid-template-rows:minmax(0,145px) minmax(0,320px) minmax(0,1fr) !important;
}

/* Box 5: dichter, damit alle Angaben sichtbar sind */
html body #s1 .s1-projects > div:last-child{
  padding:8px 12px 8px !important;
}
html body #s1 .s1-projects .proj-row{
  margin-bottom:5px !important;
}
html body #s1 .s1-projects .divider{
  margin:4px 0 !important;
}
html body #s1 .s1-projects .proj-hdr{
  min-height:38px !important;
  padding:3px 6px !important;
  margin-bottom:3px !important;
}
html body #s1 .s1-projects .proj-title-ta{
  font-size:12px !important;
  line-height:1.12 !important;
}
html body #s1 .s1-projects .proj-title-en{
  font-size:8px !important;
  line-height:1.05 !important;
}
html body #s1 .s1-projects .proj-pct{
  font-size:14px !important;
}
html body #s1 .s1-projects .proj-nums{
  font-size:9.5px !important;
  gap:3px !important;
}

/* Box 6: leere Flächen weg, kompakt, Inhalt bleibt sichtbar */
html body #s1 .s1-info .card-hdr{
  min-height:44px !important;
  padding:6px 10px 4px !important;
}
html body #s1 .s1-info .s1-fest-line{
  padding:1px 12px !important;
  font-size:11px !important;
  line-height:1.15 !important;
}
html body #s1 .s1-info .info-qr-row{
  min-height:0 !important;
  padding:4px 12px 4px !important;
  gap:8px !important;
  align-items:center !important;
}
html body #s1 .s1-info .info-qr{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  max-width:52px !important;
  max-height:52px !important;
}
html body #s1 .s1-info .info-qr canvas,
html body #s1 .s1-info .info-qr img{
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
}
html body #s1 .s1-info .info-qr-label{
  font-size:10px !important;
  margin-bottom:2px !important;
}
html body #s1 .s1-info .qr-btns{
  gap:4px !important;
  flex-wrap:wrap !important;
}
html body #s1 .s1-info .qr-btn{
  padding:2px 6px !important;
  font-size:10px !important;
  min-width:auto !important;
}
html body #s1 .s1-info > div[style^='padding:0 14px']{
  display:none !important;
}


/* ================================================================
   V68j – tatsächlicher Cache- und Prioritäts-Fix
   Nur diese letzte Sektion steuert die vier Welcome-Boxen.
   ================================================================ */
html body #s1 #s1-memnum{
  font-size:36px !important;
  line-height:.9 !important;
}
html body #s1 .s1-members .card-hdr{
  min-height:32px !important;
  height:32px !important;
  padding:4px 10px 0 !important;
}
html body #s1 .s1-members .mem-big{
  min-height:42px !important;
  height:42px !important;
  padding:2px 10px 0 !important;
}
html body #s1 .s1-members .mem-big .card-hdr-ta{
  font-size:16px !important;
}
html body #s1 .s1-members .mem-stats{
  min-height:42px !important;
  height:42px !important;
  padding:0 8px 2px !important;
}
html body #s1 .s1-members .mem-stat-v{
  font-size:18px !important;
  line-height:1 !important;
}
html body #s1 .s1-members .mem-stat-l{
  font-size:8.5px !important;
  line-height:1 !important;
}
html body #s1 .s1-right{
  grid-template-rows:145px 320px minmax(0,1fr) !important;
}
html body #s1 #s1-fest-info-panel-v2{
  grid-template-columns:minmax(0,40%) minmax(0,60%) !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-hours-grid .s1-fest-hours-row{
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) !important;
  gap:6px !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-hours-grid .s1-fest-hours-row b{
  display:block !important;
  min-width:0 !important;
  padding-right:16px !important;
  font-size:10px !important;
  text-align:left !important;
  white-space:nowrap !important;
}
html body #s1 .s1-info .info-qr-row{
  flex:0 0 auto !important;
  height:64px !important;
  min-height:64px !important;
  max-height:64px !important;
}


/* ================================================================
   V68k – Welcome neu aufgebaut nach Nutzerwunsch
   Box 6 Inhalte in mittlere Unterleiste, rechte Spalte nur Box 4 + 5
   ================================================================ */
html body #s1 .s1-right{
  grid-template-rows:170px minmax(0,1fr) !important;
}
html body #s1 .s1-info{
  display:none !important;
}
html body #s1 .s1-members{
  min-height:170px !important;
}
html body #s1 .s1-projects{
  min-height:0 !important;
}
html body #s1 .s1-projects > div:last-child{
  padding:10px 12px 10px !important;
}
html body #s1 .s1-projects .proj-row{margin-bottom:8px !important;}
html body #s1 .s1-projects .divider{margin:6px 0 !important;}
html body #s1 #s1-memnum{font-size:34px !important;}
html body #s1 .s1-members .mem-big{height:auto !important;min-height:48px !important;padding:6px 10px 2px !important;}
html body #s1 .s1-members .mem-stats{height:auto !important;min-height:48px !important;padding:0 10px 6px !important;}
html body #s1 .s1-members .mem-stat-v{font-size:20px !important;}
html body #s1 .s1-members .mem-stat-l{font-size:9px !important;line-height:1.05 !important;}

/* untere Leiste Box 3 */
html body #s1 #s1-fest-info-panel-v2.s1-fest-info-panel-v68l{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,0.95fr) !important;
  gap:8px !important;
  padding:8px 10px 10px !important;
  min-height:142px !important;
  align-items:start !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-contact-wrap,
html body #s1 #s1-fest-info-panel-v2 .s1-fest-hours-wrap,
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-wrap{
  min-width:0 !important;
  background:rgba(4,24,61,.18) !important;
  border:1px solid rgba(255,216,77,.18) !important;
  border-radius:8px !important;
  padding:6px 8px !important;
  overflow:hidden !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-hours-title{
  font-size:11px !important;
  line-height:1.05 !important;
  margin:0 0 4px !important;
  color:#ffd84d !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-contact-wrap .s1-fest-line,
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-wrap .s1-fest-line{
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  gap:7px !important;
  align-items:start !important;
  padding:1px 0 !important;
  margin:0 !important;
  font-size:10.2px !important;
  line-height:1.15 !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-contact-wrap .s1-fest-line strong,
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-wrap .s1-fest-line strong{
  text-align:left !important;
  overflow-wrap:anywhere !important;
  font-size:10.2px !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-hours-grid{
  margin-top:0 !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-hours-grid .s1-fest-hours-row{
  display:grid !important;
  grid-template-columns:68px minmax(0,1fr) !important;
  gap:7px !important;
  padding:1px 0 !important;
  font-size:10.2px !important;
  line-height:1.14 !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-hours-grid .s1-fest-hours-row b{
  text-align:left !important;
  padding-right:0 !important;
  font-size:10.2px !important;
  white-space:nowrap !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-qrrow{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:5px !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-qr{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  border-radius:4px !important;
  overflow:hidden !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-label{
  font-size:9px !important;
  color:#ffd84d !important;
  font-weight:800 !important;
  margin-bottom:2px !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-btns{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-btn{
  border:1px solid rgba(255,216,77,.55) !important;
  border-radius:6px !important;
  padding:1px 5px !important;
  font-size:9.5px !important;
  color:#ffd84d !important;
  background:rgba(255,216,77,.08) !important;
  font-weight:700 !important;
  cursor:pointer !important;
}


/* ================================================================
   V68l – endgültiger Box-6-Umzug ohne doppelte rechte Box
   ================================================================ */

/* Rechte Spalte enthält physisch nur Box 4 und Box 5. */
html body #s1 .content > .s1-right{
  display:grid !important;
  grid-template-rows:178px minmax(0,1fr) !important;
  gap:8px !important;
  min-height:0 !important;
}
html body #s1 .content > .s1-right > .s1-members{
  display:flex !important;
  min-height:178px !important;
  height:178px !important;
}
html body #s1 .content > .s1-right > .s1-projects{
  display:flex !important;
  min-height:0 !important;
  height:auto !important;
}
html body #s1 #s1-memnum{
  font-size:32px !important;
  line-height:.9 !important;
}
html body #s1 .s1-members .mem-big{
  min-height:52px !important;
  height:52px !important;
  padding:6px 10px 2px !important;
}
html body #s1 .s1-members .mem-big .card-hdr-ta{
  font-size:16px !important;
}
html body #s1 .s1-members .mem-stats{
  min-height:52px !important;
  height:52px !important;
  padding:2px 10px 6px !important;
}
html body #s1 .s1-members .mem-stat-v{font-size:20px !important;}
html body #s1 .s1-members .mem-stat-l{font-size:9px !important;line-height:1.05 !important;}

/* Box 5 nutzt den gewonnenen Platz locker und gleichmäßig. */
html body #s1 .content > .s1-right > .s1-projects > div:last-child{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-evenly !important;
  padding:12px 14px 14px !important;
  min-height:0 !important;
}
html body #s1 .s1-projects .proj-row{
  margin:0 !important;
  padding:4px 0 !important;
}
html body #s1 .s1-projects .divider{
  margin:3px 0 !important;
}
html body #s1 .s1-projects .proj-hdr{
  min-height:42px !important;
  padding:4px 7px !important;
  margin-bottom:5px !important;
}
html body #s1 .s1-projects .proj-title-ta{font-size:13px !important;line-height:1.12 !important;}
html body #s1 .s1-projects .proj-title-en{font-size:9px !important;line-height:1.05 !important;}
html body #s1 .s1-projects .proj-pct{font-size:15px !important;}
html body #s1 .s1-projects .proj-nums{font-size:10px !important;}

/* Untere Mitte: A = Kontakt, B = Öffnungszeiten, C = ehemalige Box 6. */
html body #s1 #s1-fest-info-panel-v2.s1-fest-info-panel-v68l{
  display:grid !important;
  grid-template-columns:minmax(0,31%) minmax(0,38%) minmax(0,31%) !important;
  gap:8px !important;
  min-height:146px !important;
  height:146px !important;
  padding:8px 10px 10px !important;
  align-items:stretch !important;
}
html body #s1 #s1-fest-info-panel-v2 > .s1-fest-contact-wrap,
html body #s1 #s1-fest-info-panel-v2 > .s1-fest-hours-wrap,
html body #s1 #s1-fest-info-panel-v2 > .s1-fest-box6-wrap{
  display:block !important;
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  padding:7px 9px !important;
  border:1px solid rgba(255,216,77,.26) !important;
  border-radius:8px !important;
  background:rgba(4,24,61,.28) !important;
  overflow:hidden !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-hours-title{
  font-size:11.5px !important;
  line-height:1.05 !important;
  margin:0 0 5px !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-contact-wrap .s1-fest-line,
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-wrap .s1-fest-line{
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  gap:7px !important;
  padding:1px 0 !important;
  margin:0 !important;
  font-size:10.5px !important;
  line-height:1.16 !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-contact-wrap .s1-fest-line strong,
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-wrap .s1-fest-line strong{
  text-align:left !important;
  font-size:10.5px !important;
  overflow-wrap:anywhere !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-hours-grid .s1-fest-hours-row{
  display:grid !important;
  grid-template-columns:70px minmax(0,1fr) !important;
  gap:7px !important;
  padding:1px 0 !important;
  font-size:10.4px !important;
  line-height:1.14 !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-hours-grid .s1-fest-hours-row b{
  font-size:10.4px !important;
  white-space:nowrap !important;
  text-align:left !important;
  padding:0 !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-qrrow{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin-top:6px !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-qr{
  display:flex !important;
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  min-height:50px !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  border-radius:4px !important;
  overflow:hidden !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-qr canvas,
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-qr img,
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-qr svg{
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-qr-fallback{
  font-size:13px !important;
  font-weight:900 !important;
  color:#111 !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-label{
  font-size:9.5px !important;
  margin-bottom:3px !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-btns{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
}
html body #s1 #s1-fest-info-panel-v2 .s1-fest-box6-btn{
  padding:2px 6px !important;
  font-size:9.5px !important;
}


/* V68l absolute letzte Sicherung */
html body #s1 #s1-memnum{font-size:30px !important;line-height:.9 !important;}
html body #s1 #s1-fest-info-panel-v2.s1-fest-info-panel-v68l{
  grid-template-columns:minmax(0,31%) minmax(0,38%) minmax(0,31%) !important;
}


/* ================================================================
   V68m – Hilfsleisten Box 1–5 entfernen
   Die roten Kommunikations-Tags werden in Produktion ausgeblendet.
   ================================================================ */
html body .box-tag{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}


/* ================================================================
   V68n – Bewertungsleiste kompakter + deutlicher
   ================================================================ */
:root{--v57-bottom-h:56px !important;}
html body #v42-rating-bar{
  height:56px !important;
  min-height:56px !important;
  max-height:56px !important;
  padding:4px 10px !important;
  gap:6px !important;
  border-radius:10px !important;
}
html body #v42-rating-bar .v42-rating-title{
  flex:0 0 170px !important;
  font-size:13px !important;
  line-height:1.05 !important;
  color:#fff7cf !important;
}
html body #v42-rating-bar .v42-rating-title span{
  display:block !important;
  margin-top:1px !important;
  font-size:10px !important;
  letter-spacing:.9px !important;
  color:#ffe27a !important;
}
html body #v42-rating-bar .v42-rate-btn{
  flex:1 1 0 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  padding:3px 5px !important;
  border-radius:8px !important;
  white-space:normal !important;
}
html body #v42-rating-bar .v42-rate-top{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  line-height:1 !important;
}
html body #v42-rating-bar .v42-rate-btn b{
  display:block !important;
  font-size:11.5px !important;
  line-height:1 !important;
}
html body #v42-rating-bar .v42-rate-btn .emoji{
  display:block !important;
  font-size:12px !important;
  line-height:1 !important;
  margin-right:0 !important;
}
html body #v42-rating-bar .v42-rate-ta{
  display:block !important;
  font-family:'Noto Sans Tamil',sans-serif !important;
  font-size:10.5px !important;
  line-height:1.02 !important;
  font-weight:900 !important;
  color:#ffffff !important;
  white-space:nowrap !important;
}
html body #v42-rating-bar .v42-rate-en{
  display:block !important;
  font-family:'Cinzel',serif !important;
  font-size:8.8px !important;
  line-height:1 !important;
  color:#dbeafe !important;
  white-space:nowrap !important;
}
html body #v42-rating-bar .v42-rate-btn span:last-child{
  font-size:inherit !important;
}
html body #v42-rating-bar .v42-rating-count{
  flex:0 0 175px !important;
  font-size:11px !important;
  line-height:1.05 !important;
  color:#fff7cf !important;
}
html body #v42-rating-bar .v42-rate-btn.active .v42-rate-ta,
html body #v42-rating-bar .v42-rate-btn.active .v42-rate-en,
html body #v42-rating-bar .v42-rate-btn.active b{
  color:#071b3a !important;
}


/* ================================================================
   V68o – Pooja-Seite: Original-Servicekatalog + breitere rechte Spalte
   ================================================================ */
html body #s2 > .content{
  grid-template-columns:500px 500px minmax(0,1fr) !important;
  gap:10px !important;
}
html body #s2 .s2-center{
  min-width:0 !important;
  width:auto !important;
}
html body #s2 .s2-right{
  min-width:0 !important;
  width:auto !important;
}
html body #s2 .s2-highlight{
  flex:0 0 205px !important;
}
html body #s2 .s2-right > .card{
  min-height:0 !important;
  overflow:hidden !important;
}
html body #s2 .s2-right .card-hdr{
  flex:0 0 auto !important;
  padding:9px 12px 7px !important;
}
html body #s2 .s2-right .card-hdr-ta{
  font-size:20px !important;
  line-height:1.08 !important;
}
html body #s2 .s2-right .card-hdr-en{
  font-size:11px !important;
  line-height:1.05 !important;
  letter-spacing:.7px !important;
}
html body #s2 #s2-prices{
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
  padding:5px 8px 12px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scroll-behavior:auto !important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)) !important;
}
html body #s2 #s2-prices .pr-service-rate{
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr) minmax(72px,auto) !important;
  align-items:start !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:9px 8px !important;
  margin:0 !important;
  border-radius:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,216,77,.22) !important;
  background:transparent !important;
}
html body #s2 #s2-prices .pr-service-rate:nth-child(even){
  background:rgba(255,255,255,.025) !important;
}
html body #s2 #s2-prices .pr-service-rate:last-child{
  border-bottom:0 !important;
}
html body #s2 #s2-prices .pr-num{
  width:28px !important;
  height:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,216,77,.56) !important;
  border-radius:50% !important;
  background:rgba(255,216,77,.10) !important;
  color:#ffe27a !important;
  font-family:'Cinzel',serif !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
html body #s2 #s2-prices .pr-lft{
  min-width:0 !important;
  padding:0 !important;
}
html body #s2 #s2-prices .pr-ta{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  font-family:'Noto Sans Tamil',sans-serif !important;
  font-size:14px !important;
  line-height:1.22 !important;
  font-weight:800 !important;
  color:#fff0a8 !important;
}
html body #s2 #s2-prices .pr-en{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  margin-top:3px !important;
  font-family:Arial,sans-serif !important;
  font-size:11.5px !important;
  line-height:1.24 !important;
  font-weight:500 !important;
  color:#d9e5f7 !important;
}
html body #s2 #s2-prices .pr-val{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  gap:7px !important;
  min-width:72px !important;
  padding-top:2px !important;
  color:#ffe171 !important;
  font-family:'Cinzel',serif !important;
  font-size:18px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  text-align:right !important;
  white-space:nowrap !important;
}
html body #s2 #s2-prices .pr-price-line{
  white-space:nowrap !important;
}
html body #s2 #s2-prices .pr-val.multi{
  padding-top:0 !important;
}
/* Mittlere beiden Karten etwas kompakter, ohne Text zu quetschen. */
html body #s2 #s2-special,
html body #s2 #s2-free-list{
  padding:7px 10px !important;
}
html body #s2 .s2-highlight .card-hdr,
html body #s2 .s2-free .card-hdr{
  padding-left:10px !important;
  padding-right:10px !important;
}


/* ================================================================
   V68p – Natchathiram kompakter, Kattanam breiter, Scroll-Audit
   ================================================================ */
/* Screen 7: linke Natchathiram-Liste kompakter, mittlere Kattanam-Spalte breiter */
html body #s7 .np-wrap{
  grid-template-columns:minmax(0,1.20fr) minmax(420px,1.02fr) minmax(300px,.74fr) !important;
  gap:10px !important;
}
html body #s7 .natch-table-wrap,
html body #s7 .price-page-wrap{
  padding:5px 7px !important;
}
html body #s7 .natch-row{
  grid-template-columns:40px minmax(0,1.1fr) minmax(0,1fr) minmax(0,.82fr) !important;
  gap:6px !important;
  padding:5px 4px !important;
}
html body #s7 .natch-row.head{
  font-size:9px !important;
  line-height:1.04 !important;
  padding-top:7px !important;
  padding-bottom:7px !important;
}
html body #s7 .natch-no{
  font-size:13px !important;
}
html body #s7 .natch-tamil{
  font-size:12.6px !important;
  line-height:1.08 !important;
}
html body #s7 .natch-other,
html body #s7 .natch-mal{
  font-size:11px !important;
  line-height:1.07 !important;
}
html body #s7 .price-page-row{
  grid-template-columns:minmax(0,1fr) 88px !important;
  gap:10px !important;
  padding:9px 8px !important;
  margin-bottom:6px !important;
}
html body #s7 .price-page-name{
  font-size:inherit !important;
}
html body #s7 .price-page-ta{
  font-family:'Noto Sans Tamil', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  color:#fff2a8 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
html body #s7 .price-page-en{
  margin-top:2px !important;
  font-size:10px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  color:#ffffff !important;
  opacity:.9 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
html body #s7 .price-page-val{
  font-size:18px !important;
  line-height:1 !important;
  align-self:center !important;
}
html body #s7 .price-page-val.multi{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:3px !important;
}
html body #s7 .price-page-price-line{
  white-space:nowrap !important;
}

/* Screen 2: mittlere Spalte etwas schmaler, Service-Rate rechts etwas breiter */
html body #s2 > .content{
  grid-template-columns:500px 470px minmax(0,1fr) !important;
}
html body #s2 .s2-highlight{
  flex:0 0 188px !important;
}
html body #s2 .s2-center{
  gap:7px !important;
}
html body #s2 #s2-special,
html body #s2 #s2-free-list{
  padding:7px 9px !important;
}
html body #s2 .s2-right .card-hdr-ta{
  font-size:21px !important;
}
html body #s2 #s2-prices{
  padding:8px 8px !important;
}

/* zusätzliche Scroll-Container sichtbar, aber scrollbar versteckt */
html body #s8 #parking-list-main,
html body #s9 #relax-doc-list,
html body #s10 #admin-content{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
html body #s8 #parking-list-main::-webkit-scrollbar,
html body #s9 #relax-doc-list::-webkit-scrollbar,
html body #s10 #admin-content::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}


/* ================================================================
   V68q – ruhiger Scroll, Monatsbeiträge, Galerie, private Seiten
   ================================================================ */
html body #s3 #monthly-contrib-list{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  min-height:0 !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
html body #s3 #monthly-contrib-list::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}
/* alte CSS-Dauerschleife der Monatstabelle deaktivieren; JS steuert das Scrollen */
html body #s3 #monthly-contrib-list .mem-scroll-inner{
  animation:none !important;
  transform:none !important;
}
/* Galerie: bei bis zu zehn Bildern bleiben beide Seitenleisten sauber */
html body #s4 .gallery-rail{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:none !important;
}
html body #s4 .gallery-rail::-webkit-scrollbar{display:none !important;}
html body #s4 .gallery-thumb-tile{
  min-height:0 !important;
}


/* ================================================================
   V68s – Seiten warten auf vollständigen Listen-Durchlauf
   ================================================================ */
html body [data-auto-scroll="1"]{
  scroll-behavior:auto !important;
}


/* ================================================================
   V68t – Smooth Check / ruhiger Produktions-Feinschliff
   ================================================================ */
html body .screen{
  transition:opacity .95s ease-in-out !important;
}
html body [data-auto-scroll="1"]{
  scroll-behavior:auto !important;
  will-change:scroll-position !important;
}
html body #s4 #gallery-image{
  transition:opacity .36s ease-in-out, transform .36s ease-in-out !important;
}
html body #s4 #gallery-image.gallery-fading{
  opacity:.32 !important;
  transform:scale(.992) !important;
}
html body #s4 .gallery-thumb.active,
html body #s4 .gallery-thumb-tile.active{
  box-shadow:0 0 0 2px rgba(255,216,77,.95),0 0 16px rgba(255,216,77,.35) !important;
}
html body #s2 #pbi-list,
html body #s2 #s2-prices,
html body #s3 #monthly-contrib-list,
html body #s7 #natch-page-list,
html body #s7 #price-page-list{
  overscroll-behavior:contain !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
html body #s2 #pbi-list::-webkit-scrollbar,
html body #s2 #s2-prices::-webkit-scrollbar,
html body #s3 #monthly-contrib-list::-webkit-scrollbar,
html body #s7 #natch-page-list::-webkit-scrollbar,
html body #s7 #price-page-list::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}