/* Homepage Responsive Fix */
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden!important}

/* Remove CMS wrapper padding on homepage */
body.front_page .container.spacet50,
body .container.spacet50{padding:0!important;max-width:100%!important;width:100%!important}
body.front_page .container.spacet50>.row,
body .container.spacet50>.row{margin:0!important}
body.front_page .container.spacet50>.row>.col-md-12,
body .container.spacet50>.row>.col-md-12{padding:0!important}

#smak-main{width:100%!important;overflow-x:hidden}
.smak-section{width:100%!important;max-width:100%!important}
.smakabout-section{width:100%!important;max-width:100%!important}
.smak-wave-section{width:100%!important;max-width:100%!important}

/* Fix fixed-width images */
.smak-div-shape.hex img,.smak-div-shape.circle img{width:min(330px,80vw)!important;height:min(330px,80vw)!important}
.smak-div-shape.diagonal img{width:min(320px,80vw)!important;height:min(280px,70vw)!important}
.smak-div-shape.wave img{width:min(340px,80vw)!important;height:min(270px,65vw)!important}
.smak-div-shape.torn img{width:min(330px,80vw)!important;height:min(215px,55vw)!important}
.smak-wave-block{width:min(330px,90vw)!important}

/* Mobile */
@media(max-width:768px){
  .smak-section{padding:40px 0 30px 0!important}
  .smak-full-center{padding:0 4vw!important}
  .smak-headline{font-size:clamp(1.8rem,6vw,3rem)!important}
  .smak-lead{font-size:1rem!important}
  .smak-btn{padding:14px 28px!important;font-size:.95em!important}
  .smak-hero-bg{min-height:auto!important;padding-bottom:60px!important;border-radius:0 0 60px 0!important}
  .smak-hero-img{width:90vw!important;border-radius:30px 0 50px 0!important;border-width:4px!important}
  .smakabout-headline{font-size:clamp(1.5rem,5vw,2.2rem)!important}
  .smakabout-lead{font-size:1rem!important;padding:0 3vw!important}
  .smakabout-text{padding:15px 0 0 0!important;font-size:1rem!important}
  .smakabout-text h2{font-size:1.5rem!important}
  .smakabout-text ul li span{font-size:16px!important}
  .smakabout-imagebox{width:220px!important;height:160px!important}
  .smak-features-grid{grid-template-columns:1fr!important;gap:20px!important;padding:0 3vw!important}
  .smak-feature{padding:24px 16px 28px 16px!important}
  .smak-feature img{width:60px!important;height:60px!important}
  .smak-feature h3{font-size:1.3rem!important}
  .smak-feature p,.smak-feature p span{font-size:.95rem!important}
  .smak-creative-row{flex-direction:column!important;gap:20px!important;padding:0 3vw!important}
  .smak-div-shape img{width:220px!important;height:220px!important}
  .smak-div-content{padding:10px 0!important;text-align:center!important}
  .smak-div-content h2{font-size:1.5rem!important}
  .smak-div-content p,.smak-div-content p span{font-size:.95rem!important}
  .smak-wave-section{border-radius:40px 60px 30px 0!important;padding:40px 0 30px 0!important}
  .smak-wave-row{gap:20px!important;padding:0 3vw!important}
  .smak-wave-block{width:100%!important;max-width:320px!important;padding:28px 16px!important}
  .smak-wave-block img{width:60px!important;height:60px!important}
  .smak-achieve-area{gap:16px!important}
  .smak-achieve-cell{min-width:120px!important;width:130px!important;height:130px!important}
  .smak-achieve-cell .num{font-size:2rem!important}
  .smak-divider{margin:20px auto 24px auto!important}
}
@media(max-width:480px){
  .smak-headline{font-size:1.6rem!important}
  .smak-btn{padding:12px 22px!important}
  .smakabout-imagebox{width:180px!important;height:130px!important}
  .smak-div-shape img{width:180px!important;height:180px!important}
  .smak-achieve-cell{min-width:100px!important;width:110px!important;height:110px!important}
  .smak-achieve-cell .num{font-size:1.7rem!important}
}