.lotions_section{& .container{position:relative;z-index:2;padding-bottom:100px;& .section_inner{width:100%;& h2,& h3{width:100%;text-align:center;font-weight:400;font-size:5rem;margin:0 0 5rem;line-height:1;color:var(--primary)}& .content{width:100%;display:flex;justify-content:center;margin:0 0 5rem}& .lotion-tabs{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:5rem;flex-wrap:wrap;@media (max-width:767px){display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:3rem;width:100%}& .lotion-tab{padding:1rem 2rem;border-radius:1rem;color:#FFF;text-align:center;font-family:"DM Sans";font-size:1.8rem;font-style:normal;font-weight:700;line-height:normal;border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:none;text-decoration:none;display:inline-block;transition:all 0.3s ease;@media (max-width:767px){display:flex;align-items:center;justify-content:center;width:100%;min-height:4.4rem;box-sizing:border-box;padding:1.2rem 1.5rem;font-size:1.6rem;line-height:1.3;text-wrap:balance}&:hover{background:#f7f2ef}&:focus{outline:2px solid var(--primary);outline-offset:2px}}}& .lotion-section{margin-bottom:8rem;&:last-child{margin-bottom:0}&:before{content:'';display:block;height:100px;margin-top:-100px;visibility:hidden}& .category-heading{width:100%;text-align:center;font-weight:400;font-size:4rem;margin:0 0 4rem;line-height:1;color:var(--primary)}}& .lotion-grid{display:flex;flex-wrap:wrap;gap:5rem;justify-content:center;& .lotion-card{display:flex;;flex:0 1 calc((100% - 10rem) / 3);max-width:40rem;border:2px solid var(--primary);padding:3rem;text-align:center;background:var(--white);flex-direction:column;@media (max-width:991px){flex:0 1 calc((100% - 5rem) / 2)}@media (max-width:767px){flex:0 1 100%}& .lotion-img{position:relative;& img{width:auto;height:23rem;margin-bottom:2rem}& .promo-badges{position:absolute;top:-1rem;right:-1rem;display:flex;flex-direction:column;gap:0.5rem;z-index:10;& .promo-badge{width:8rem;height:8rem;& img{width:100%;height:100%;object-fit:contain;margin:0}}}}& .lotion-title{color:#42251a;text-align:center;font-family:"Aboreto";font-size:2.4rem;font-style:normal;font-weight:400;line-height:98%;letter-spacing:4.6px;text-transform:uppercase;margin:2rem 0 3rem}& .lotion-content{margin-bottom:2rem;text-align:center;& p{margin-bottom:1rem;&:last-child{margin-bottom:0}}}& .buttons{margin-top:auto;& a:first-of-type{margin-bottom:2rem}}}}}}}