@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400..800&display=swap');

:root {
  --sfpc-green: #4c8f2f;
  --sfpc-dark: #21431e;
  --sfpc-gold: #f2b441;
  --sfpc-cream: #fff9ee;
  --sfpc-earth: #7d5a36;
  --sfpc-ink: #263228;
  --bg-secondary-rgb:#364127 ;
}

body {
  font-family: 'Cormorant';
  color: var(--sfpc-ink);
  /*background: #fffdf8;*/
  background: #f8fbf5;
}

p{
    font-family: 'Poppins';
    font-weight: 400 !important;
    font-size: 18px;
    text-align: justify;
    line-height: 2rem;
    color:#324E3A;
}


h1,
h2,
h3,
h4,
.navbar-brand {
  font-family: "Playfair Display", Georgia, serif;
}

.top-strip {
  background: var(--sfpc-dark);
  color: #fff;
  font-size: 0.9rem;
}

.navbar {
  box-shadow: 0 8px 24px rgba(33, 67, 30, 0.08);
}

.navbar-nav {
      gap: 24px;
}

.brand-lockup {
  min-width: 190px;
}

.logo-mark {
  align-items: center;
  background: #fff;
  border: 2px solid rgba(76, 143, 47, 0.2);
  border-radius: 50%;
  color: var(--sfpc-green);
  display: inline-flex;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 0.82rem;
  font-weight: 800;
  height: 100px;
  justify-content: center;
  line-height: 1;
  width: 100px;
}

.logo-secondary {
  /*background: var(--sfpc-green);*/
  border-color: var(--sfpc-green);
  color: #fff;
  font-size: 0.72rem;
 
  align-items: center;
  background: #fff;
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  width: 200px;
  height:80px;
}

.text-success{
    font-family: 'Libre Baskerville';
    font-size: 25px;
    font-weight: 700;
}

.nav-link {
  color: var(--sfpc-ink);
  font-weight: 600;
  font-family:  Poppins !important;
  font-size:15px !important;
  padding: 10px 25px;
}

.nav-link.active,
.nav-link:hover {
  color: var(--sfpc-green);
}

.hero {
  background:
    linear-gradient(90deg, rgba(20, 54, 24, 0.86), rgba(20, 54, 24, 0.48)),
    url("https://tag.rightklicknews.com/sulya/assets/images/prod/head1.png") center/cover;
  color: #fff;
  min-height: 620px;
  padding: 7rem 0 5rem;
}

.page-hero {
  /*background:
    linear-gradient(90deg, rgba(28, 69, 30, 0.9), rgba(28, 69, 30, 0.56)),
    url("https://images.unsplash.com/photo-1464226184884-fa280b87c399?auto=format&fit=crop&w=1600&q=80") center/cover;*/
    background:
    linear-gradient(90deg, rgba(28, 69, 30, 0.9), rgba(28, 69, 30, 0.56)),
    url("https://tag.rightklicknews.com/sulya/assets/images/prod/head1.png") center/contain;
  color: #fff;
  padding: 6rem 0;
}

.hero .lead,
.page-hero .lead {
  max-width: 780px;
  color:#fff;
  font-size:16px;
}

.stat-card,
.value-card,
.product-card,
.activity-card,
.report-card,
.contact-card {
  background: #fff;
  /*border: 1px solid rgba(76, 143, 47, 0.14);*/
  border: 1px solid #2C6D0D;
  border-radius: 8px;
  box-shadow: 0 16px 38px rgba(48, 72, 38, 0.08);
}

.value-card h4{
    color:#D13704;
    font-family: 'Merriweather';
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-align: center;
}

.value-card p,.activity-card p,.product-card p{
    font-family: Poppins;
    color:#324E3A;
    font-size:15px;
    font-weight: 400 !important;
}

.activity-card h5,.product-card h3, .activity-card h3{
    font-family:'Libre Baskerville';
    font-weight: 700;
    color:#dc3545;
}

.product-card h3{
    font-size:22px;
}

.stat-card {
  border-left: 5px solid var(--sfpc-gold);
}

.section-kicker {
  color: #2C6D0D;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.section-title {
    color: var(--sfpc-dark);
    font-family: 'Libre Baskerville';
    font-weight: 500;
    line-height: 2.75rem;
}

.section-sub-title {
    color: #F95F09;
    font-family: 'Libre Baskerville';
    font-weight: 500;
    line-height: 2.10rem;
}

.bg-soft {
  /*background: var(--sfpc-cream);*/
  background: #eff2e9;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: #364127 !important;
    color:#fff;
    border-radius:10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color:#364127  !important;
}

.btn-success {
  --bs-btn-bg: var(--sfpc-green);
  --bs-btn-border-color: var(--sfpc-green);
  --bs-btn-hover-bg: #3d7a25;
  --bs-btn-hover-border-color: #3d7a25;
}

.btn-outline-success {
  --bs-btn-color: var(--sfpc-green);
  --bs-btn-border-color: var(--sfpc-green);
  --bs-btn-hover-bg: var(--sfpc-green);
  --bs-btn-hover-border-color: var(--sfpc-green);
}

.icon-badge{
    width:70px;
    height:70px;

    margin:0 auto 20px auto;

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

    border-radius:50%;

    background:rgba(76,143,47,0.12);
    color:var(--sfpc-green);

    font-size:28px;

    transition:0.3s ease;
}

.icon-badge:hover{
    background:var(--sfpc-green);
    color:#fff;
    transform:translateY(-5px);
}

.icon-badge1{
    width:70px;
    height:70px;

    margin:0 0 20px 0;

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

    border-radius:50%;

    background:rgba(76,143,47,0.12);
    color:var(--sfpc-green);

    font-size:28px;

    transition:0.3s ease;
}

.icon-badge1:hover{
    background:var(--sfpc-green);
    color:#fff;
    transform:translateY(-5px);
}


.product-img,
.gallery-img,
.activity-img {
    aspect-ratio: 4 / 3;
    object-fit: contain;
    width: 100%;
    background: transparent;

    position: relative;
    z-index: 2;
}


/* PRODUCT CARD */

.product-card{
    display:flex;
    flex-direction:column;
    height:100%;
    border:1px solid #6BB252;
    border-radius:20px;
    overflow:hidden;
    background:#fff;
}

/* PRODUCT MEDIA */

.product-media{
    position:relative;
    overflow:hidden;
    border-radius:18px;

    background:linear-gradient(
        to right,
        rgba(107,178,82,0) 0%,
        rgba(107,178,82,0.28) 50%,
        rgba(107,178,82,0) 100%
    );

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

    min-height:250px;
    padding:10px 25px 0px 25px;
}

/* PRODUCT IMAGE */

.product-img{
    display:block;
    width:250px;
    height:250px;
    object-fit:contain;
    margin:auto;
}


/* CONTENT AREA */

.product-content{
    display:flex;
    flex-direction:column;
    flex-grow:1;
    padding:0 24px;
}

/* FOOTER */

.product-foot{
    margin-top:auto;
    padding:0 24px 24px;
    display:flex;
    justify-content:center;
}

/* BUTTON */

.btn-buy{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:170px;
    height:48px;

    background:#364127;
    color:#fff;

    border-radius:12px;

    font-weight:600;
    text-decoration:none;

    transition:0.3s ease;
}
.btn-buy i{
    margin-right:8px;
}

.btn-buy:hover{
    background:#6BB252;
    color:#fff;
}



.activity-img {
    width: 100%;
    display: block;

    margin: 0;
    padding: 0;

    border-radius: 0;
    object-fit: cover;
}

.gallery-img{
    width: 100%;
    display: block;

    margin: 0;
    padding: 0;

    border-radius: 0;
    object-fit: cover;
}


.quote-panel {
  background: var(--sfpc-dark);
  color: #fff;
}

.footer {
  background: #172d16;
  color: rgba(255, 255, 255, 0.78);
}

.footer a {
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
}

.footer a:hover {
  color: #fff;
}

.footer p{
    font-size:13px;
}

.footer ul li{
    font-size:14px;
    font-family:Poppins ;
}

.back-to-top {
  bottom: 24px;
  display: none;
  position: fixed;
  right: 24px;
  z-index: 20;
}

.back-to-top.show {
  display: inline-flex;
}

.list-check {
  list-style: none;
  padding-left: 0;
}

.list-check li {
  margin-bottom: 0.65rem;
  padding-left: 1.9rem;
  position: relative;
  font-family: Poppins;
  font-size:14px;
}

.list-check li::before {
    content: "\f35a";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--sfpc-green);
    position: absolute;
    left: 0;
}

.table{
    background: #fff;
    font-family: Cormorant !important;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.table thead th {
  background: var(--sfpc-dark);
  color: #fff;
  font-weight: 600;
}

.table .table-bordered{
    background: #fff;
    font-family: Cormorant !important;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


@media (max-width: 991.98px) {
  .brand-lockup {
    min-width: auto;
  }

  .hero {
    min-height: auto;
    padding: 5rem 0 4rem;
  }
}

@media (max-width: 575.98px) {
  .logo-mark {
    height: 46px;
    width: 46px;
  }

  .brand-lockup span {
    display: none;
  }
}

.card-gradient {
    background: linear-gradient(
        135deg,
        #364127 0%,
        #445234 45%,
        #5d7048 100%
    );

    color: #fff;
    border-radius: 18px;
}


.stats-card1 {
    position: relative;
    overflow: hidden;
    background:#364127 ;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    /*border: 1px solid rgba(255,255,255,0.22);*/
     border: 1px solid #ffc107;
    border-radius: 22px;
    padding: 20px 24px;
    color: #fff;
    transition: 0.4s ease;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.12),
        inset 0 1px 0 rgba(255,255,255,0.12);
}

/* SHINE EFFECT */
.stats-card1::before {
    content: "";
    position: absolute;
    top: -140%;
    left: -55%;
    width: 50%;
    height: 320%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.25) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: rotate(25deg);
    transition: 1s ease;
}

/* HOVER */
.stats-card1:hover::before {
    left: 140%;
}

.stats-card1:hover {
    box-shadow:
        0 22px 45px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.15);
}

/* ICON */
.stats-icon1 {
    width: 55px;
    height: 55px;
    margin: 0 auto 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.12);
    /*border: 1px solid rgba(255,255,255,0.15);*/
    border: 1px solid #ffc107;
}

.stats-icon1 i {
    font-size: 28px;
    color: #fff;
}

.stats-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:100px;
    height:100px;
    margin-bottom: 10px;
    
}

/* NUMBER */
.stats-number1 {
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
    color: #fff;
    font-family: 'Playfair Display', serif;
}

/* TEXT */
.stats-text1 {
    margin: 0;
    font-size: 18px;
    line-height: 1.5rem;
    color: #000;
    letter-spacing: 0.3px;
    text-align: center;
    font-family: 'Cormorant' !important;
}


/* */
.stats-card2 {
    position: relative;
    overflow: hidden;
    background: #ffc107 ;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    /*border: 1px solid rgba(255,255,255,0.22);*/
     border: 1px solid #364127;
    border-radius: 22px;
    padding: 20px 24px;
    color: #000;
    transition: 0.4s ease;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.12),
        inset 0 1px 0 rgba(255,255,255,0.12);
}

/* SHINE EFFECT */
.stats-card2::before {
    content: "";
    position: absolute;
    top: -140%;
    left: -55%;
    width: 50%;
    height: 320%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.25) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: rotate(25deg);
    transition: 1s ease;
}

/* HOVER */
.stats-card2:hover::before {
    left: 140%;
}

.stats-card2:hover {
    box-shadow:
        0 22px 45px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.15);
}

/* ICON */
.stats-icon2 {
    width: 55px;
    height: 55px;
    margin: 0 auto 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2d068;
    /*border: 1px solid rgba(255,255,255,0.15);*/
    border: 1px solid #364127;
}

.stats-icon1 i {
    font-size: 28px;
    color: #fff;
}

/* NUMBER */
.stats-head {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.75rem;
    margin-bottom: 10px;
    color: #172d16;
    font-family: 'Merriweather';
}

/* TEXT */
.stats-text2 {
    margin: 0;
    font-size: 18px;
    line-height: 1.5rem;
    color: #000;
    letter-spacing: 0.3px;
    text-align: left;
    font-family: 'Cormorant' !important;
}

/* FINANCE BOX */
.finance-box {
    background: rgba(255,255,255,0.08);

    border-radius: 18px;

    padding: 22px 18px;
}

/* EACH ITEM */
.finance-item {
    text-align: center;
}

/* LABEL */
.finance-label {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.07em !important;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 500 !important;
}

/* VALUE */
.finance-value {
    font-size: 25px;
    font-weight: 600;
    margin: 0;
    color: #fff;
    font-family: 'Poppins';
}

/* PROFIT COLOR */
.finance-value.profit {
    color: #fff;
    font-family: 'Poppins';
    font-weight: 600;
    font-size:25px;
}

/* DIVIDER */
.finance-divider {
    height: 1px;
    background: rgba(255,255,255,0.12);
    margin: 22px 0;
}

/* TEAM SECTION */
.team-section {
    background: #f8fbf5;
}

/* SECTION TITLE */
.section-subtitle {
    display: inline-block;
    color: #6BB252;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.team-title {
    font-size: 46px;
    font-weight: 800;
    color: #1d3b2e;
    margin-bottom: 18px;
    text-align: center !important;
}

.section-desc {
    max-width: 760px;
    margin: auto;
    color: #5e655c;
    line-height: 1.9;
}

/* CARD */
.team-card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    transition: 0.4s ease;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.06);
}

.team-card:hover {
    transform: translateY(-8px);
    box-shadow:
        0 20px 40px rgba(0,0,0,0.12);
}

/* IMAGE */
.team-img-wrap {
    position: relative;
    overflow: hidden;
}

.team-img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    transition: 0.4s ease;
}

.team-card:hover .team-img {
    transform: scale(1.06);
}

/* CONTENT */
.team-content {
    padding: 28px 24px;
}

/* NAME */
.team-name {
    font-size: 18px;
    font-weight: 700;
    color: #1d3b2e;
    margin-bottom: 8px;
    font-family: 'Libre Baskerville';
}

/* ROLE */
.team-role {
    /*display: inline-block;*/
    color: #CC0000;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center !important;
    font-family: 'Libre Baskerville';
}

/* TEXT */
.team-text {
    color: #5d6258;
    line-height: 1.8;
    margin-bottom: 22px;
    font-size: 13px !important;
}

/* SOCIAL */
.team-social {
    display: flex;
    gap: 12px;
}

.team-social a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #eef6ea;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #364127;
    transition: 0.3s ease;
    text-decoration: none;
}

.team-social a:hover {
    background: #6BB252;
    color: #fff;
    transform: translateY(-3px);
}

.gallery-section {
    background: #f8fbf5;
}

.gallery-title {
    font-size: 46px;
    font-weight: 800;
    color: #1d3b2e;
    margin-bottom: 18px;
}

.section-desc {
    max-width: 760px;
    margin: auto;
    color: #5e655c;
    line-height: 1.9;
}

/* CARD */
.gallery-card {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.08);
    transition: 0.4s ease;
}

.gallery-card:hover {
    transform: translateY(-8px);
    box-shadow:
        0 20px 40px rgba(0,0,0,0.14);
}

/* IMAGE WRAP */
.gallery-img-wrap {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* IMAGE */
.gallery-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: 0.5s ease;
}

.gallery-card:hover .gallery-img {
    transform: scale(1.08);
}


/* TITLE */
.gallery-overlay h3 {
    color: #324E3A;
    font-size: 14px;
    font-weight: 500;
    margin: 10px;
    text-align: center;
    font-family: 'Poppins';
    letter-spacing: 0.03em;
}

.gallery-card:hover .gallery-overlay h3 {
    transform: translateY(0);
}

.gallery-img {
    transition:
        transform 0.45s ease,
        filter 0.35s ease;
}

.gallery-img-wrap:active .gallery-img {
    transform: scale(0.92);
    filter: brightness(0.95);
}

/* HOVER EFFECT */
.gallery-card:hover .gallery-img {
    transform: scale(1.06);
}

/* CLICK / PRESS EFFECT */
.gallery-img-wrap:active .gallery-img {
    transform: scale(0.92);
    filter: brightness(0.92);
}

.display-5{
    font-size:30px;
    font-family: 'Merriweather';
    font-weight: 600;
}

.social-left{
    position:fixed;
    top:50%;
    left:15px;
    transform:translateY(-50%);
    z-index:999;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.social-icon{
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:20px;
    transition:0.3s;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
    text-decoration: none;
}

.social-icon:hover{
    transform:scale(1.1);
    color:#fff;
}

.facebook{
    background:#1877f2;
}

.instagram{
    background:#e4405f;
}

.youtube{
    background:#ff0000;
}

.twitter{
    background:#111;
}

/* WHATSAPP FLOAT */

.whatsapp-float{
    position:fixed;
    right:20px;
    bottom:20px;
    width:60px;
    height:60px;
    background:#25d366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    z-index:999;
    box-shadow:0 5px 20px rgba(0,0,0,0.3);
    animation:pulse 2s infinite;
    text-decoration: none;
}

.whatsapp-float:hover{
    color:#fff;
    transform:scale(1.1);
}

@keyframes pulse{

    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,0.7);    }

    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);    }

    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);    }

}

@media(max-width:768px){
    .social-left{
        left:8px;
    }

    .social-icon{
        width:42px;
        height:42px;
        font-size:18px;
    }

    .whatsapp-float{
        width:55px;
        height:55px;
        font-size:28px;
    }
    
    .stats-img {
        width:75px;
        height:75px;
    }
}


.product-gallery{
    background:#fff;
    border-radius:24px;
    padding:40px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    height:100%;
    margin-bottom: 20px;
}

.main-product-img{
    width:100%;
    max-width:420px;
    height:420px;
    object-fit:contain;
    display:block;
    margin:auto;
  
}



/* THUMBNAILS */

.thumb-wrap{
    display:flex;
    justify-content:center;
    gap:15px;
    margin-top:30px;
    flex-wrap:wrap;
}

.thumb-img{
    width:90px;
    height:90px;
    object-fit:contain;
    border-radius:12px;
    border:2px solid #eee;
    padding:8px;
    cursor:pointer;
    transition:0.3s;
    background:#fff;
}

.thumb-img:hover{
    border-color:var(--light-green);
    transform:translateY(-3px);
}

/* PRODUCT CONTENT */

.product-info{
    background:#fff;
    border-radius:24px;
    padding:45px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    height:100%;
}

.product-badge{
    display:inline-block;
    background:#6BB252;
    color:#fff;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    margin-bottom:20px;
    font-weight:600;
}

.product-title{
    font-family:'Merriweather',serif;
    font-size:22px;
    color:#d4384b;
    margin-bottom:20px;
    font-weight:600;
}

.product-subtitle{
    font-family:'Merriweather',serif;
    font-size:18px;
    color:#d4384b;
    margin-bottom:20px;
    font-weight:600;
}

.product-desc{
    line-height:2;
    color:#555;
    margin-bottom:10px;
    font-size:15px;
}

/* BUTTONS */

.btn-group-custom{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.btn-buy1{
    background:#364127;
    color:#fff;
    border:none;
    padding:15px 28px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-weight:600;
    transition:0.3s;
    text-decoration:none;
}

.btn-buy1:hover{
    background:#6BB252;
    color:#fff;
    transform:translateY(-2px);
}

.btn-outline-custom{
    border:2px solid #364127;
    color:#364127;
    padding:15px 28px;
    border-radius:14px;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
}

.btn-outline-custom:hover{
    background:#364127;
    color:#fff;
}

/* INFO BOX */

.info-box{
    margin-top:40px;
    padding-top:30px;
    border-top:1px solid #eee;
}

.info-box p{
    margin-bottom:10px;
    color:#666;
}

@media(max-width:768px){

    .product-title{
        font-size:38px;
    }

    .product-gallery,
    .product-info{
        padding:25px;
    }

    .main-product-img{
        height:300px;
    }
    
    .logo-mark {
        height: 46px;
        width: 46px;
    }
    
    .brand-lockup {
        min-width: auto;
    }

}

.weight-badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:5px;
}

.weight-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 16px;
    border-radius:50px;
    background:rgba(107,178,82,0.12);
    border:1px solid rgba(107,178,82,0.35);
    color:#355e3b;
    font-size:12px;
    font-weight:500;
    font-family: 'Poppins';
}

/* MINI FEATURE CARD */

.mini-feature-card{
    background:#fff;
    padding:30px 22px;
    border-radius:22px;
    text-align:center;
    height:100%;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
    transition:0.3s ease;
    border:1px solid rgba(0,0,0,0.04);
}

.mini-feature-card:hover{
    transform:translateY(-6px);
}

/* ICON */

.mini-icon{
    width:62px;
    height:62px;

    margin:0 auto 20px;

    border-radius:20px;

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

    font-size:30px;

    color:#fff;
}

/* COLORFUL ICON BACKGROUNDS */

.bg-immunity{
    background:linear-gradient(135deg,#43cea2,#185a9d);
}

.bg-inflammatory{
    background:linear-gradient(135deg,#ff9966,#ff5e62);
}

.bg-skin{
    background:linear-gradient(135deg,#a18cd1,#fbc2eb);
}

.bg-digest{
    background:linear-gradient(135deg,#56ab2f,#a8e063);
}

/* TITLE */

.mini-feature-card h5{
    font-size:18px;
    color:#355e3b;
    margin-bottom:12px;
    font-weight:700;
    font-family: 'Libre Baskerville';
}

/* TEXT */

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

.modal-content {
    background: transparent;
}

.modal.show {
    background: rgba(0,0,0,0.85);
}

#modalImage {
    max-height: 90vh;
    margin: auto;
    display: block;
}

.branch-highlight {
  background:
    linear-gradient(135deg, rgba(33, 67, 30, 0.96), rgba(76, 143, 47, 0.88)),
    url("https://images.unsplash.com/photo-1523741543316-beb7fc7023d8?auto=format&fit=crop&w=1000&q=80") center/cover;
  border-radius: 12px;
  box-shadow: 0 22px 48px rgba(33, 67, 30, 0.22);
  color: rgba(255, 255, 255, 0.84);
  min-height: 360px;
}

.branch-card i {
  color: var(--sfpc-green);
  display: inline-block;
  font-size: 2rem;
  margin-bottom: 1rem;
}