html,body,#root,.shell{min-height:100%}
.shell{overflow:hidden}
.section{padding-block:clamp(72px,8vw,108px)}
.reveal-shell{opacity:1;transform:none}
.hero{min-height:min(800px,100svh);padding-top:110px}
.hero-grid{min-height:620px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.service-card{width:100%;min-height:470px}
.bella-plans,.bella-packages,.store,.portfolio,.about,.socials{min-height:0}
.bella-plan-grid{align-items:stretch}
.bella-plan-card{min-height:680px}
.bella-plan-card.is-featured{transform:none}
.bella-plan-card.is-featured:hover{transform:translateY(-8px)}
.bella-plan-comparison,.bella-plan-reasons,.package-reasons{margin-top:52px}
.bella-package-card{min-height:690px}
.store-panel{align-items:center}
.product-visual{overflow:hidden}
.product-visual img{display:block;width:100%;height:100%;padding:8px;object-fit:contain;mix-blend-mode:multiply}
.portfolio-track{padding-bottom:8px}
.about{display:block}
.about-grid{min-height:620px}
.about-photo img{display:block;aspect-ratio:4/5}
.socials{display:block}

@media(max-width:900px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bella-plan-card,.bella-package-card{min-height:0}
}

@media(max-width:780px){
  .hero{min-height:0}
  .hero-grid{min-height:0}
  .service-grid{display:flex}
  .about-grid{min-height:0}
}

@media(max-width:560px){
  .section{padding-block:64px}
  .section-heading{margin-bottom:32px}
  .hero{padding-top:100px}
  .hero-actions .button{width:100%}
  .bella-plan-grid,.bella-package-grid{gap:12px}
  .bella-plan-card,.bella-package-card{padding-inline:20px}
  .bella-plan-comparison,.bella-plan-reasons,.package-reasons{margin-top:34px}
  .bella-plan-comparison{padding:24px 16px}
  .store-panel{padding:24px 16px}
}