/* Shyam 2026.17 — global responsive safety and mobile presentation */
html,body{max-width:100%;overflow-x:clip}
body{position:relative}
.elementor,.elementor-section-wrap,.elementor-element,.elementor-widget-container{min-width:0;max-width:100%}
[class^="shyam-"],[class*=" shyam-"]{min-width:0}
[class^="shyam-"] img,[class*=" shyam-"] img{max-width:100%;height:auto}
.shyam-header,.shyam-hero,.shyam-about-hero,.shyam-routine,.shyam-meal-plans,.shyam-steps,.shyam-why,.shyam-compare,.shyam-footer{max-width:100%;overflow-x:clip}

/* Comparison: desktop table and purpose-built mobile cards */
.shyam-compare__mobile-cards{display:none}
@media(max-width:767px){
  .shyam-compare{padding-left:16px!important;padding-right:16px!important}
  .shyam-compare__scroll{display:none!important}
  .shyam-compare__mobile-cards{display:grid;grid-template-columns:1fr;gap:18px;width:100%}
  .shyam-compare-mobile-card{position:relative;overflow:hidden;background:#fff;border:1px solid #eadfd2;border-radius:18px;box-shadow:0 10px 28px rgba(51,40,24,.08)}
  .shyam-compare-mobile-card.is-featured{border:2px solid var(--featured-color,#f36b21)}
  .shyam-compare-mobile-card__ribbon{position:absolute;z-index:2;top:15px;right:-39px;width:145px;padding:7px 0;transform:rotate(45deg);text-align:center;background:var(--featured-color,#f36b21);color:#fff;font-size:10px;font-weight:800}
  .shyam-compare-mobile-card__head{padding:18px 18px 14px;text-align:center;background:#fffaf4;border-bottom:1px solid #eadfd2}
  .shyam-compare-mobile-card__image{display:block;width:130px!important;height:85px!important;object-fit:contain;margin:0 auto 8px}
  .shyam-compare-mobile-card__title{margin:0;font:inherit;font-size:22px;font-weight:700;line-height:1.2;color:inherit}
  .shyam-compare-mobile-card__rows{padding:4px 16px}
  .shyam-compare-mobile-card__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #eee4d8}
  .shyam-compare-mobile-card__row:last-child{border-bottom:0}
  .shyam-compare-mobile-card__label{display:flex;align-items:center;gap:9px;min-width:0;font-size:14px;font-weight:600;line-height:1.35}
  .shyam-compare-mobile-card__label span:last-child{overflow-wrap:anywhere}
  .shyam-compare-mobile-card__value{text-align:right;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
  .shyam-compare-mobile-card__value.is-highlighted{color:#c9341c;font-weight:800}
  .shyam-compare-mobile-card__link{display:block;margin:10px 16px 16px;padding:13px 16px;border-radius:12px;text-align:center;text-decoration:none;background:#11865f;color:#fff;font-weight:700}

  /* Header */
  .shyam-header__inner{padding-left:16px!important;padding-right:16px!important}
  .shyam-header__logo img{max-width:150px!important;height:auto!important}
  .shyam-header__mobile-panel{width:min(88vw,360px)!important;max-width:100%!important}

  /* Light hero */
  .shyam-hero{padding-left:16px!important;padding-right:16px!important}
  .shyam-hero__inner{gap:24px!important}
  .shyam-hero__heading{font-size:clamp(34px,10vw,48px)!important;line-height:1.08!important;overflow-wrap:anywhere}
  .shyam-hero__description{font-size:16px!important;line-height:1.6!important}
  .shyam-hero__actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:12px!important}
  .shyam-hero__button{width:100%!important;justify-content:center!important;white-space:normal!important;text-align:center!important}
  .shyam-hero__features{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important}
  .shyam-hero__feature{min-width:0!important;font-size:12px!important}

  /* Dark routine hero: wrap pills instead of horizontal scrolling */
  .shyam-routine{padding-left:16px!important;padding-right:16px!important}
  .shyam-routine__heading{font-size:clamp(35px,10vw,48px)!important;overflow-wrap:anywhere}
  .shyam-routine__options{width:100%!important;margin-left:0!important;overflow:visible!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important}
  .shyam-routine__option{min-width:0!important;width:100%!important;padding:11px 10px!important;justify-content:center!important;white-space:normal!important;text-align:center!important;font-size:13px!important}
  .shyam-routine__cta{width:100%!important;min-width:0!important;justify-content:center!important;text-align:center!important}
  .shyam-routine__benefits{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}

  /* Meal plan carousel */
  .shyam-meal-plans{padding-left:14px!important;padding-right:14px!important}
  .shyam-meal-plans__heading{overflow-wrap:anywhere}
  .shyam-plan-card{border-radius:18px!important;overflow:hidden!important}
  .shyam-plan-card__main{padding:12px!important}
  .shyam-plan-card__content{min-width:0!important}
  .shyam-plan-card__top{display:block!important}
  .shyam-plan-card__price-wrap{margin-top:12px!important;padding:12px 0 0!important;border-left:0!important;border-top:1px solid #e6ddd1!important;text-align:left!important}
  .shyam-plan-card__options{grid-template-columns:1fr!important;gap:12px!important}
  .shyam-plan-card__option{padding:14px!important}
  .shyam-plan-card__footer{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:14px!important}
  .shyam-plan-card__benefits{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .shyam-plan-benefit{padding:8px 4px!important;border-right:0!important}
  .shyam-plan-card__button{width:100%!important}
  .shyam-carousel-arrow{top:auto!important;bottom:-54px!important;transform:none!important}
  .shyam-carousel-arrow--prev{left:calc(50% - 58px)!important}
  .shyam-carousel-arrow--next{right:calc(50% - 58px)!important}
  .shyam-meal-carousel__dots{margin-top:66px!important}
  .shyam-cart-drawer{width:100%!important;max-width:100%!important}

  /* Easy steps and why choose */
  .shyam-steps,.shyam-why{padding-left:16px!important;padding-right:16px!important}
  .shyam-step-card,.shyam-why-card{width:100%!important;max-width:100%!important}
  .shyam-why-card{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;padding:16px!important;align-items:center!important}
  .shyam-why-card__image-wrap{width:88px!important;flex-basis:88px!important}
  .shyam-why-card__content{overflow-wrap:anywhere}

  /* Footer */
  .shyam-footer{padding-left:16px!important;padding-right:16px!important}
  .shyam-footer__main,.shyam-footer__newsletter,.shyam-footer__policies{max-width:100%!important}
  .shyam-footer__columns{grid-template-columns:1fr 1fr!important;gap:24px 14px!important}
  .shyam-footer__brand,.shyam-footer__contact{grid-column:1/-1!important}
  .shyam-footer__newsletter{padding:16px!important}
  .shyam-footer__newsletter-inner{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  .shyam-footer__payment-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .shyam-footer__policies{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;text-align:left!important}
  .shyam-footer__policy-separator{display:none!important}
}

@media(max-width:430px){
  .shyam-hero__features,.shyam-routine__options,.shyam-plan-card__benefits,.shyam-footer__columns{grid-template-columns:1fr!important}
  .shyam-footer__brand,.shyam-footer__contact{grid-column:auto!important}
  .shyam-why-card{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important}
  .shyam-why-card__image-wrap{width:72px!important;flex-basis:72px!important}
  .shyam-compare-mobile-card__row{grid-template-columns:minmax(0,1fr) minmax(80px,42%)}
}


/* 2026.14 footer payment logos under WhatsApp */
@media (max-width: 767px) {
	.shyam-footer__brand-payments {
		margin-top: 16px;
	}

	.shyam-footer__brand-payment-list {
		width: 100%;
		max-width: 100%;
	}
}


/* Shyam 2026.15 targeted mobile fixes */
@media(max-width:767px){
  .shyam-routine-hero__options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;margin-top:18px!important;padding:0!important;gap:10px!important;overflow:visible!important}
  .shyam-routine-hero__option{min-width:0!important;width:100%!important;padding:11px 12px!important;justify-content:center!important;text-align:center!important;white-space:normal!important}
  .shyam-meal-carousel__stage{padding-bottom:6px!important}
  .shyam-carousel-arrow{bottom:-2px!important}
  .shyam-carousel-prev{left:calc(50% - 58px)!important}
  .shyam-carousel-next{right:calc(50% - 58px)!important}
  .shyam-carousel-dots{margin-top:10px!important;min-height:28px!important;padding:0 78px!important}
}
@media(max-width:430px){
  .shyam-routine-hero__options{grid-template-columns:1fr!important}
}


/* 2026.18 About hero mobile safety */
@media(max-width:767px){
  .shyam-about-hero{max-width:100%;overflow-x:clip}
  .shyam-about-hero__inner,.shyam-about-hero__content,.shyam-about-hero__visual{width:100%;max-width:100%}
  .shyam-about-hero__floating-card{overflow-wrap:anywhere}
}


/* 2026.19 story section safety */
.shyam-story{max-width:100%;overflow-x:clip}
.shyam-story__grid,.shyam-story__visual,.shyam-story__content{min-width:0;max-width:100%}
@media(max-width:767px){
  .shyam-story{padding-left:0!important;padding-right:0!important}
  .shyam-story__image-card,.shyam-story__quote-card,.shyam-story__feature{max-width:100%}
}