/* Signature Cakes & More — Tamil-only typography and layout
   Loaded only by /ta/ pages. English pages remain unchanged. */

.ta-site{
  font-family:"Nirmala UI","Latha","Tamil Sangam MN","Tamil MN",Arial,sans-serif;
  font-size:0.93rem;
  line-height:1.68;
  word-break:normal;
  overflow-wrap:break-word;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.ta-site h1,
.ta-site h2,
.ta-site h3,
.ta-site h4,
.ta-site .site-nav,
.ta-site .btn,
.ta-site .badge,
.ta-site .eyebrow,
.ta-site .filter-btn{
  font-family:"Nirmala UI","Latha","Tamil Sangam MN","Tamil MN",Arial,sans-serif;
  letter-spacing:0;
}

.ta-site h1,
.ta-site h2,
.ta-site h3{font-weight:700;}

/* Header: lighter, cleaner Tamil navigation */
.ta-site .nav-shell{gap:18px;min-height:94px;}
.ta-site .brand img{width:245px;height:76px;}
.ta-site .site-nav{font-size:0.82rem;gap:15px;font-weight:650;white-space:nowrap;}
.ta-site .lang-pill{font-size:0.78rem;width:42px;height:42px;}
.ta-site .badge{font-size:0.76rem;line-height:1.4;padding:7px 12px;font-weight:700;}
.ta-site .eyebrow{font-size:0.68rem;line-height:1.45;font-weight:800;}
.ta-site .btn{font-size:0.84rem;padding:12px 17px;font-weight:700;}

/* Tamil home hero: deliberately smaller type and more room for founder photo */
.ta-site .hero-split{
  grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr);
  gap:42px;
  min-height:640px;
  align-items:center;
}
.ta-site .hero-copy{min-width:0;padding:42px 0 46px;}
.ta-site .home-hero h1{
  font-size:clamp(2.05rem,3.05vw,2.95rem);
  line-height:1.22;
  max-width:680px;
  margin:.32em 0 .48em;
}
.ta-site .home-hero .lead{
  font-size:0.92rem;
  line-height:1.78;
  max-width:650px;
}
.ta-site .hero-photo{
  min-width:0;
  justify-content:center;
  align-self:stretch;
  padding-top:28px;
}
.ta-site .hero-photo img{
  width:100%;
  max-width:545px;
  height:585px;
  object-fit:cover;
  object-position:center 12%;
  border-radius:30px 30px 0 0;
}
.ta-site .hero-card{right:10px;bottom:22px;max-width:220px;padding:14px 15px;}
.ta-site .hero-card b{font-size:0.88rem;line-height:1.4;}
.ta-site .hero-card span{font-size:0.80rem;line-height:1.55;}

/* Content typography */
.ta-site h2{font-size:clamp(1.4rem,2.15vw,1.95rem);line-height:1.3;}
.ta-site h3{font-size:1.02rem;line-height:1.42;}
.ta-site p{font-size:0.91rem;line-height:1.72;}
.ta-site .info-box h2{font-size:clamp(1.35rem,2vw,1.82rem);line-height:1.34;}
.ta-site .info-box p,
.ta-site .content-card p,
.ta-site .course-body p{font-size:0.90rem;line-height:1.72;}
.ta-site .info-box,
.ta-site .content-card{padding:26px;}

/* Internal Tamil page heroes */
.ta-site .sub-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(440px,1fr);
  gap:40px;
  padding:48px 0;
}
.ta-site .sub-hero h1{
  font-size:clamp(1.9rem,3vw,2.75rem);
  line-height:1.24;
  max-width:700px;
}
.ta-site .sub-hero .lead{font-size:0.92rem;line-height:1.76;}
.ta-site .sub-hero-image img,
.ta-site .portrait img{height:485px;}

/* Cards and catalogue */
.ta-site .course-body{padding:17px;}
.ta-site .course-card img{height:230px;}
.ta-site .course-body h3{font-size:1rem;}
.ta-site .collection-card-body{padding:17px;}
.ta-site .collection-card-body h3{font-size:1.04rem;}
.ta-site .flavor-content{padding:16px;gap:9px;}
.ta-site .flavor-content h3{font-size:0.96rem;line-height:1.4;}
.ta-site .price-note{font-size:0.76rem;}
.ta-site .actual-price{font-size:1.10rem;}
.ta-site .filter-btn{font-size:0.78rem;padding:10px 14px;}
.ta-site .flavor-overlay p{font-size:0.80rem;line-height:1.5;}

/* Footer */
.ta-site .footer-cta{padding:36px 0;}
.ta-site .footer-cta h2{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.34;}
.ta-site .site-footer{font-size:0.87rem;}
.ta-site .footer-grid h4{font-size:0.95rem;}
.ta-site .footer-grid a{font-size:0.86rem;}

@media(max-width:1220px){
  .ta-site .hero-split{grid-template-columns:minmax(0,1fr) minmax(410px,.92fr);gap:30px;}
  .ta-site .home-hero h1{font-size:clamp(1.95rem,3vw,2.65rem);}
  .ta-site .hero-photo img{height:555px;}
  .ta-site .site-nav{font-size:0.78rem;gap:12px;}
}

@media(max-width:1100px){
  .ta-site .hero-split,
  .ta-site .sub-hero-grid{grid-template-columns:1fr;}
  .ta-site .hero-copy{padding:36px 0 12px;}
  .ta-site .home-hero h1{max-width:820px;font-size:clamp(2rem,5vw,2.85rem);}
  .ta-site .hero-photo img{max-width:720px;height:525px;border-radius:26px;}
  .ta-site .hero-card{left:auto;right:18px;}
  .ta-site .sub-hero-image img,
  .ta-site .portrait img{height:460px;}
}

@media(max-width:860px){
  .ta-site .site-nav{font-size:0.86rem;white-space:normal;}
  .ta-site .nav-shell.open .site-nav{line-height:1.55;}
}

@media(max-width:640px){
  .ta-site{font-size:0.90rem;}
  .ta-site .brand img{width:195px;height:62px;}
  .ta-site .home-hero h1{font-size:clamp(1.72rem,8.2vw,2.3rem);line-height:1.26;}
  .ta-site .hero-copy{padding:30px 0 10px;}
  .ta-site .home-hero .lead{font-size:0.88rem;}
  .ta-site .hero-photo img{height:410px;}
  .ta-site .hero-card{left:10px;right:auto;bottom:10px;max-width:205px;}
  .ta-site h2{font-size:clamp(1.25rem,6vw,1.7rem);}
  .ta-site .sub-hero h1{font-size:clamp(1.62rem,7.6vw,2.15rem);}
  .ta-site .sub-hero-image img,
  .ta-site .portrait img{height:370px;}
  .ta-site .btn{font-size:0.82rem;padding:11px 15px;}
}
