.container {
    max-width: 1228px;
    margin: auto;
    width: 100%;
}
.ss-product-hero {
    background: #222;
    padding: 170px 0 70px 0;
}


.ss_prd_hero_flx {
    display: grid;
    gap: 45px;
 grid-template-columns: 5fr 7fr;
    align-items: center;
}

nav.woocommerce-breadcrumb {
    display: none;
}
.ss-product-image{
width:100%;
}

.ss-product-image img{
width:100%;
border-radius:10px;
}

.ss-product-content{
width:100%;
}

.ss-tags span {
    background: #fff;
    color: #000;
    padding: 7px 15px;
    border-radius: 30px;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}

.ss-tags span{
background:#fff;
color:#000;
padding:5px 12px;
border-radius:30px;
font-size:12px;
}
.ss-subtitle {
    color: #EED03C;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 15px;
    margin-top: 10px;
    line-height: normal;
}

.ss-title {
    color: #fff !important;
    font-size: 30px !important;
    line-height: 1.1 !important;
    margin-bottom: 13px !important;
}

.ss-description{
color:#fff;
font-size:17px;
margin-bottom:20px;
}

.ss-price{
color:#EED03C;
font-size:30px;
font-weight:700;
margin-bottom:10px;
}

.ss-price small{
color:#fff;
font-size:16px;
font-weight:400;
}

.ss-buttons{
display:flex;
gap:15px;
margin-bottom:20px;
}
.ss-short-description {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    margin-bottom: 25px;
}

.ss-buy-now {
      background: #D5A021;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 40px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ss-buy-now:hover

.ss-buttons form.cart{
margin:0 !important;
}

.ss-buttons .single_add_to_cart_button {
    background: transparent !important;
    border: 1px solid #D5A021 !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 14px 28px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    display: flex ! IMPORTANT;
    align-items: center;
    gap: 10px;
}
.ss-note{
color:#bdbdbd;
font-size:13px;
margin-bottom:20px;
}

.ss-note a{
color:#D5A021;
}

.ss-highlights{
    display: flex;
    border: 1px solid #EED03C;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 30px;
    gap: 25px;
}

.ss-item{
flex:1;
padding:0px;
border-right:1px solid rgba(213,160,33,.3);
}

.ss-item:last-child{
border-right:none;
}

.ss-item span{
    display: block;
    color: #EED03C;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
}

.ss-item strong{
display: block;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    line-height: normal;
}



.ss-what-it-is{
    padding:0px 0 60px;
    text-align:center;
	background:#222;
}
.ss-what-it-is .ss-section-heading h2{
    color:#fff !important;
}

.ss-section-heading h2{
       font-size: 30px;
    padding-bottom: 20px;
    color: #000;
    margin-top: 0;
    margin-bottom: 0 !important;
}
.ss-section-heading h2:after {
    content: "";
    width: 64px;
    height: 2px;
    background: #c9a24a;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ss-section-heading h2 {
    position: relative;
}
.ss-section-content {
    font-size: 17px;
    line-height: 1.8;
    margin: 0 auto;
    color: #fff;
}


.ss-key-ingredients{
    padding:100px 0;
        background: #F6F6F6;
}

.ss-key-ingredients .container{
    max-width:1200px;
    margin:0 auto;
}

.ss-section-heading{
    text-align:center;
    margin-bottom:50px;
}

.ss-ingredients-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.ingredient-card{
    display:flex;
    align-items:center;
    gap:20px;
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.ingredient-card img{
    width:60px;
    height:60px;
    object-fit:contain;
}

.ingredient-card h3{
    margin:0 0 8px;
}

.ingredient-card p {
    margin: 0;
    font-size: 14px;
}

.ss-key-ingredients h2{
    color:#000;
}
.ingredient-card h3 {
        font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
}


.ss-who-for{
    padding:100px 0;
}

.ss-who-for .container{
    max-width:1200px;
    margin:0 auto;
}

.ss-who-for .ss-section-heading{
    text-align:center;
    margin-bottom:40px;
}


.ss-who-for .ss-section-heading p{
    max-width:700px;
    margin:0 auto;
    font-size:18px;
    line-height:1.8;
    color:#666;
}

.ss-who-box{
    max-width:930px;
    margin:0 auto;
    background:#F5F0E8;
    border-radius:12px;
    padding:40px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px 50px;
}

.ss-who-item{
    display:flex;
    align-items:center;
    gap:15px;
}

.ss-icon{
    width:42px;
    height:42px;
    min-width:36px;
    background:#C38A0C;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:16px;
    font-weight:700;
}

.ss-icon img{
    width:16px;
    height:16px;
    object-fit:contain;
}

.ss-who-item span{
    font-size:16px;
    color:#444;
    line-height:1.6;
}
.ss-who-for .ss-section-heading h2{
    margin-bottom: 20px !important;
}

@media(max-width:767px){

    .ss-who-for{
        padding:60px 15px;
    }

    .ss-who-box{
        grid-template-columns:1fr;
        padding:25px;
    }

}

/*****recommended*****/

.ss-recommended{
    padding:100px 0;
        background: #F6F6F6;
}

.ss-recommended .container{
    max-width:1200px;
    margin:0 auto;
}

.ss-recommended .ss-section-heading{
    text-align:center;
    margin-bottom:40px;
}

.ss-recommended-box{
    max-width:1108px;
    margin:0 auto;
    background:#F5F0E8;
    padding:20px;
    border-radius:10px;
}
section.ss-recommended .ss-section-heading h2 {
    margin-bottom: 20px ! IMPORTANT;
}
.ss-recommended-item{
    display:flex;
    justify-content:space-between;
    align-items:center;

    background:#fff;
    padding:14px 20px;
    margin-bottom:10px;

    border-radius:6px;
    text-decoration:none;
}

.ss-recommended-item:last-child{
    margin-bottom:0;
}

.ss-recommended-item span{
    color:#222;
    font-weight:500;
}

.ss-recommended-item strong{
    color:#c89213;
    font-size:14px;
    font-weight:600;
}



/*****Safety & Eligibility*****/

.ss-safety{
    padding:100px 0;
}

.ss-safety .container{
    max-width:1200px;
    margin:0 auto;
}

.ss-safety-accordion{
    max-width:900px;
    margin:0 auto;
}

.ss-accordion-item{
    background:#fff;
    border:1px solid #ddd;
    border-radius:10px;
    margin-bottom:15px;
    overflow:hidden;
}

.ss-accordion-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 25px;
    cursor:pointer;
    font-weight:600;
}

.ss-toggle{
    width:24px;
    height:24px;
    border-radius:50%;
    background:#c89213;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:700;
    line-height:1;
}

.ss-accordion-content{
    display:none;
    padding:20px 25px;
    border-top:1px solid #ddd;
    color:#666;
}

.ss-accordion-item.active .ss-accordion-content{
    display:block;
}

.ss-accordion-item.active .ss-toggle{
    content:"−";
}


/*********How to Use***********/

.ss-how-to-use{
    padding:100px 0;
        background: #F6F6F6;
}

.ss-how-use-list{
    max-width:700px;
    margin:0 auto;
}

.ss-how-use-item{
    display:flex;
    align-items:flex-start;
    gap:15px;

    background:#fff;
    padding:20px 25px;
    border-radius:8px;
    margin-bottom:15px;
}

.ss-how-use-icon{
    width:12px;
    height:12px;
    min-width:12px;

    border-radius:50%;
    background:#c89213;

    margin-top:8px;
}

.ss-how-use-item p{
    margin:0;
    color:#222;
    line-height:1.8;
}


/***********Expected Results**********/

.ss-expected-results{
    padding:100px 0;
}

.ss-results-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:50px;
}

.ss-result-card{
    text-align:center;
    border:1px solid #c89213;
    border-radius:14px;
    padding:40px 30px;
    background:#fff;
}

.ss-result-icon{
    width:60px;
    height:60px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#f6f1e8;

    display:flex;
    align-items:center;
    justify-content:center;
}

.ss-result-icon img{
    width:24px;
    height:24px;
}

.ss-result-card h3{
    font-size:24px;
    margin-bottom:15px;
    color:#c89213;
}

.ss-result-card p{
    font-size:15px;
    line-height:1.7;
    color:#666;
    margin:0;
}

@media(max-width:991px){

    .ss-results-grid{
        grid-template-columns:1fr;
    }

}


@media only screen and (min-width: 320px) and (max-width: 767px){
    .ss-recommended-item{
		padding: 14px;
	}
	.ss-title {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin-bottom: 13px !important;
}
	.ss-price {
    margin-bottom: 12px;
}
	.ss-description {
    margin-bottom: 12px;
}
	.ss-product-hero {
    padding: 79px 15px 60px 15px;
}
	.ss-highlights {
    padding: 15px 15px;
    gap: 10px;
}
	.ss-product-image img {
    width: 100%;
}
.ss-buy-now{
  padding: 5px 15px;
        font-size: 14px;
}
	.ss-buttons .single_add_to_cart_button {
    padding: 14px 15px !important;
    font-size: 14px !important;
    align-items: center;
    gap: 8px;
}
	.ingredient-card h3 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 5px;
}
.ss-item span{
        font-size: 12px;
}
.ss-item strong{
    font-size: 12px;
}
.ss-what-it-is{
    padding: 0px 16px 60px;
}
	.ss_prd_hero_flx{
display: block;
	}
	.ss-how-to-use {
    padding: 60px 0;
}
.ss-accordion-title, .ss-accordion-content, .ss-how-use-item
 {
        padding: 15px 15px;
        font-size: 15px;
        line-height: 24px;
    }
	.ss-section-heading {
    margin-bottom: 30px;
}
	.ss-safety {
    padding: 60px 15px;
}
.ss-expected-results {
    padding: 50px 15px;
}
	.ss-recommended .ss-section-heading {
    margin-bottom: 30px;
}
	.ss-recommended {
    padding: 60px 15px;
}
	.ss-section-heading h2 {
    padding-bottom: 15px;
}
	.ss-who-for .ss-section-heading {
    margin-bottom: 30px;
}
	.ss-icon{
		min-width: 42px;
	}
	.ss-key-ingredients {
    padding: 60px 15px;
}
.ingredient-card p{
    line-height: 25px;
}
.ingredient-card{
        align-items: self-start;
}
	.ss-ingredients-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
	.ss-section-heading h2 {
		font-size: 25px;
	}
	.ss-recommended-item{
		flex-wrap:wrap;
	}
	.ss-toggle{
		flex:none;
	}
	.ss-result-card {
    padding: 20px 20px;
}
	.ss-result-card h3 {
    font-size: 20px;
    margin-bottom: 5px;
}
}

@media only screen and (min-width: 481px) and (max-width: 767px){ }
@media only screen and (min-width: 767px) and (max-width: 1023px){
	.ss_prd_hero_flx {
    grid-template-columns: 1fr;
}
	.container {
    padding: 0 30px;
}
	.ingredient-card p {
    line-height: 24px;
    margin-top: 5px;
}
	

	.ss-key-ingredients, .ss-recommended, .ss-who-for, .ss-safety, .ss-expected-results {
    padding: 80px 0;
}
	
}
@media only screen and (min-width: 1024px) and (max-width: 1300px){}