/* ====== GENERAL ====== */
.s-block--bundle-html-content, .s-block--bundle-html-content salla-html-content-2n5lu5 {margin: 0 !important}
    .s-block {
        margin-top: 0 !important;
    }
.home-block-line {display: none}

/* ====== PROMO ====== */
.s-advertisement-content {padding-bottom: 4px; padding-top: 4px;}
.s-advertisement-content-main {font-size: .7rem !important; font-weight: 400; opacity: .9}
.s-advertisement-content i {display: none}

/* ====== HEADER ====== */
.main-nav-container {height: auto !important; min-height: unset !important}
.main-nav-container .inner {padding-bottom: 0; padding-top: 0}
.main-nav-container button[data-selia="header-search-button"] {display: none}
.s-cart-summary-count {background-color: #d34848;}
salla-cart-summary {margin-right: .5rem !important}

@media (min-width:1024px){
.main-menu {padding-top: 1.5rem}
.main-menu li.root-level>a {padding-bottom: 1.5rem}
.main-nav-container .flex.items-center:has(.main-menu) {width: 62%; justify-content: space-between}
}

@media (max-width:768px){
.main-nav-container .inner {
    padding-bottom: 10px;
    padding-top: 10px;
}
}

/* ====== HERO ====== */
.hero {
    width: 100%;
    max-width: 100%;
    min-height: 70vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 48px;
    padding: 0;
  border-top: 1px solid #eee;
  }

  .product-image-wrap {
    /* position: relative; */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fafafa;
    height: 100%;
    padding: 4rem 0;
    border-right: 1px solid #eee;
  }

  .product-card {
    width: 100%;
    max-width: 80%;
    margin: auto;
    /* aspect-ratio: 9/16; */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    background-color: transparent;
  }

  .btn-secondary {
    display: block;
    width: fit-content;
    margin: 1rem auto 0;
    background: #4CAF50;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 8px 36px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
  }

  .btn-secondary:hover {opacity: .8}

  .hero-copy {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 0 4rem;
  }

  /* ── BADGE with shining dot ── */
  .badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #4CAF5080;
    color: #4CAF50;
    border-radius: 50px;
    padding: 14px 10px;
    font-size: .75rem;
    font-weight: 600;
    background-color: #4CAF5010;
  }

  .shine-dot {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4CAF50;
    flex-shrink: 0;
    animation: pulse-dot 2s ease-in-out infinite;
  }

  /* ripple ring */
  .shine-dot::before,
  .shine-dot::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #4CAF5050;
    animation: ripple 2s ease-out infinite;
  }

  .shine-dot::after {
    animation-delay: 0.8s;
  }

  @keyframes ripple {
    0%   { transform: scale(1);   opacity: 0.7; }
    100% { transform: scale(3.5); opacity: 0; }
  }

  @keyframes pulse-dot {
    0%, 100% { box-shadow: 0 0 0 0 rgba(58,170,94,0.5); }
    50%       { box-shadow: 0 0 8px 3px rgba(58,170,94,0.35); }
  }

  .headline {
    line-height: 1.7;
    text-align: right;
  }

  .headline .line1 {
    display: block;
    font-size: 2.4rem;
    font-weight: 800;
    color: #1a1a1a;
  }

  .headline .line2 {
    display: block;
    font-size: 2.4rem;
    font-weight: 800;
    color: #4CAF50;
  }

  .subtext {
    font-size: 1rem;
    color: #666;
    line-height: 1.7;
    max-width: 100%;
    text-align: right;
  }

  .btn-primary {
    background: #4CAF50;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 12px 44px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    margin-top: 1rem;
  }

  .btn-primary:hover {opacity: .8}

  @media (max-width: 768px) {
    .hero {
      display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
      min-height: auto;
    }
    .hero-copy { order: 1; align-items: center; text-align: center;padding: 0 2rem; }
    .headline { text-align: center; }
    .subtext { text-align: center; }
    .product-image-wrap { order: 2; border-bottom:1px solid #eee}
    .product-card { max-width: 80%; }
  }

  @media (max-width: 480px) {
    .headline .line1,
    .headline .line2 { font-size: 2rem; }
    .btn-primary { padding: 6px 32px; font-size: 1rem; }
  }

/* ====== HERO SLIDER ====== */
body.slider_has_overlay .advanced-slider .swiper-slide:before, body.slider_has_overlay .advanced-slider salla-slider[static-when-single]:before {background: #00000040}

.hero-slider .advanced-slider__caption .container {display: flex;
    height: 85%;
    justify-content: end;
    flex-direction: column;
    padding: 0 1.5rem;}
.hero-slider .advanced-slider__caption .container p {max-width: 550px}
.hero-slider .advanced-slider__caption .container h2, .hero-slider .advanced-slider__caption .container p {font-size: 1.7rem; font-weight: 500;margin: 0 0 10px}
.hero-slider p:after {content: 'مزيج متكامل من الخضروات والفواكه والأعشاب والفطر والبكتيريا النافعة والفيتامينات والمعادن، في سكوب واحد بنكهة فواكه استوائية منعشة.'; display: block;     font-size: .95rem;
    font-size: .95rem;
    margin-top: 20px;
    opacity: 1;}
.hero-slider a {    border-radius: 100px;
    padding: 12px 25px;}
.advanced-slider__caption__inner__content__button:before {border-radius: 100px}
.hero-slider a span {color: #000}

/* ====== PROMOTION ====== */
.custom-prom {background: #4CAF50;
    padding: .5rem;
    color: #fff; font-size: .85rem; font-weight: 900}
.custom-prom .flex {display: flex; justify-content: center; gap: 1rem; align-items: center}
.custom-prom .flex svg {width: 13px; height: 13px; fill: #eee; stroke: #eee; opacity: .6}

@media (max-width:768px){
.custom-prom .flex {gap: 10px; font-size: .75rem}
}

/* ====== FEATURES ====== */
.title {margin-bottom: 0; padding-bottom: 0}
.title h2 {font-size: 1.8rem; line-height: 1.7 !important; margin-bottom: 0 !important}
.title p {max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    opacity: .7; font-size: .9rem}

.s-block--enhanced-features__item .feature-icon i {
    color: #2E7D32; font-size: 1.5rem} 
.s-block--enhanced-features__item .feature-icon {width:3rem; height:3rem; background: #E8F5E9; border-radius: 15px;}
.s-block--enhanced-features__item h2 {color: #000; font-weight: 900; font-size: .95rem}
.s-block--enhanced-features__item p {    font-size: .75rem;
    font-weight: 400;
    line-height: 1.7;
    opacity: .8;}
.s-block--enhanced-features > .grid {gap: 0}
.s-block--enhanced-features__item {border: none; box-shadow: none}
.s-block--enhanced-features__item > .absolute {display: none}
.s-block--enhanced-features__item:hover {transform: unset !important; box-shadow: none !important}
.features {margin-bottom: 4rem}

@media (min-width: 768px) {
    .s-block--enhanced-features__item:first-child {
        grid-column: unset;
    }
}

@media (max-width:768px){
.title p {max-width: 80%;}
  .enhanced-features__grid {display: grid;
    grid-template-columns: repeat(2, 1fr);}
.features .s-block--enhanced-features__item p {max-width:87%; font-size: .75rem}
.features .s-block--enhanced-features__item:first-child, .features.s-block--enhanced-features [data-length="4"] .s-block--enhanced-features__item:last-child {
    grid-column: unset;
}
}

/* ====== benefits ====== */
.benefits {margin-bottom: 1rem}
.benefits > .grid {gap: 1rem !important}
.benefits .s-block--enhanced-features__item {border: 1px solid #eee; border-radius: 20px;align-items: self-start;text-align: start;}
.benefits .s-block--enhanced-features__item p {max-width: 100%}

@media (max-width:768px){
.benefits.s-block--enhanced-features > .grid {max-width: 90%; margin: auto}
.s-block--enhanced-features__item:nth-child(2), .s-block--enhanced-features__item:nth-child(3) {padding: 1.25rem !important}
}

/* ====== PRODUCT ====== */
.fixed-products {display: none}
#moknh-home-spotlight .mhs-media img {padding: 0}
#moknh-home-spotlight .mhs-media {height: fit-content !important}
#moknh-home-spotlight .mhs-desc {max-width: 70ch}

/* ====== CUSTOM CONTENT ====== */
.custom-content {background-color: #fafafa; padding-top: 1rem; padding-bottom: 2rem;}
.custom-content .grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:1.5rem;
  max-width: 80%; 
  margin: auto;
  }



  .custom-content .card{
    border-radius:18px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    border: 1px solid #eee;
  }

  .custom-content .card-top{
    position:relative;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .custom-content .badge{
    position:absolute;
    top:16px;
    left:16px;
    background:#FFFFFF;
    font-weight:600;
    font-size:.7rem;
    padding:12px 10px;
    border-radius:999px;
    border: 1px solid #eee;
    color: #2E7D32;
  }

  .custom-content .card-bottom{
    padding:12px;
    flex:1;
    display:flex;
    flex-direction:column;
  }

  .custom-content .card-bottom h3{
    font-weight:600;
    font-size:1rem;
    margin:0 0 6px;
  }

  .custom-content .card-bottom h3 .en{
    font-weight:700;
  }

  .custom-content .card-bottom p.desc{
    font-size:.8rem;
    line-height:1.7;
    color:#666;
    margin:0 0 16px;
  }

  .custom-content .tags{
    margin-top:auto;
    font-size:.8rem;
    line-height:1.7;
    color: #2E7D32;
  }

  .custom-content .tags span.sep{
    color:#2E7D32;
    margin:0 2px;
  }

  .custom-content .actions{
    display:flex;
    justify-content:center;
    gap:16px;
    margin-top:52px;
    flex-wrap:wrap;
    width: fit-content;
    margin: 2rem auto;
  }

  .custom-content .btn{
    font-weight:600;
    font-size:.85rem;
    padding:12px 28px;
    border-radius:999px;
    border:1px solid #2E7D3240;
    background:transparent;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color: #2E7D32;
  }
  .custom-content .btn:hover{
    background-color: #4CAF50;
    color: #fff;
  }

  @media (max-width:768px){
    .custom-content .grid{grid-template-columns:repeat(2, 1fr);max-width: 98%; gap: .5rem}
  .custom-content .grid img {height: 11rem}
  .custom-content .card-bottom h3 {line-height: 1.6; font-size: .95rem}
  }

/* ====== LIST ====== */
.checklist.wrap{
  background: #fafafa;
  padding: 1rem 0 2rem;
  }
.checklist.wrap .container {    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4rem;
    align-items:stretch; max-width: 80%; margin: auto}

  @media (max-width:900px){
    .checklist.wrap{
      grid-template-columns:1fr;
      gap:2rem;
    }
  }

  .checklist .list{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .checklist .item{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:20px;
    padding:12px 4px;
    border-bottom:1px solid #eee;
  }

  .checklist .item p{
    margin:0;
    font-size:.95rem;
    font-weight:500;
    line-height:1.7;
  }

  .checklist .check{
    flex:0 0 auto;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#E8F5E9;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .checklist .check svg{
    width:12px;
    height:12px;
  }
  .checklist .check svg path{
    stroke:#2E7D32;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
    fill:none;
  }

  .checklist .panel{
    background: #fff;
    border:1px solid #eee;
    border-radius:28px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:20px;
    padding:0;
    overflow: hidden;
  }
.checklist .panel img {width: 100%; height: auto}

@media (max-width:768px){
.checklist.wrap .container {display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 90%;}
}


/* ====== STEPS ====== */
  .steps {background: #fafafa; padding-top: 1rem; margin-top: 4rem; padding-bottom: 4rem}
  .steps.wrap .container {max-width:80%;margin:0 auto;}

.steps .title {display: flex; justify-content: center; margin: 2rem auto}

  .steps .content{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    align-items:start;
  }

  @media (max-width:900px){
    .steps.wrap .container {max-width: 90%}
    .steps .content{grid-template-columns:1fr;}
  .steps .text-col h2 {font-size: 1.2rem !important}
  .steps .step {padding: 8px 10px !important; border-radius: 8px !important}
    .steps .step p, .steps .step span {font-size: .9rem !important}
  }

  /* ---- Timeline card ---- */
  .steps .card{
    background:#FFFFFF;
    border:1px solid #eee;
    border-radius:24px;
    padding:32px 28px;
  }

  .steps .step{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:16px;
    background:#fafafa;
    border-radius:14px;
    padding:8px 20px;
  }

  .steps .step p{
    margin:0;
    font-size:.8rem;
    line-height:1.7;
  }

  .steps .step .label{
    font-weight:800;
    font-size:.8rem;
    color:#2E7D32;
    white-space:nowrap;
  }

  .steps .step.now{
    background:#E8F5E9;
    border: 1px solid rgba(76,175,80,.3);
  }

  .steps .arrow{
    text-align:center;
    color:#4CAF50;
    font-size:1rem;
    line-height:1;
    padding:8px 0;
  }

  /* ---- Text column ---- */
  .steps .text-col h2{
    font-weight:800;
    font-size:1.7rem;
    line-height:1.5;
    margin:0 0 24px;
    padding-inline-start:18px;
    border-inline-start:4px solid #4CAF50;
  }


  .steps .text-col p{
    font-size:.9rem;
    line-height:1.7;
    color:#666;
    margin:0 0 8px;
  }

  .steps .checklist{
    margin-top:28px;
    display:flex;
    flex-direction:column;
    gap:0;
    font: .9rem;
    color: #222;
  }

  .steps .check-row{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:6px;
    font-size:.9rem;
    line-height:1.7;
  }

.steps .check-row svg {width: 18px; height: 18px;}

  .steps .check-row .mark{
    color:var(--leaf);
    font-size:16px;
    flex:0 0 auto;
    margin-top:2px;
  }

  .steps .check-row strong{
    font-weight:400;
  }

  @media (max-width:900px){
    .steps .text-col h2,
    .steps .text-col p,
    .steps .check-row{
      text-align:right;
    }
  }

/* ====== HOW TO USE ====== */
.how-to-use {    padding-bottom: 4rem;
    border-bottom: 1px solid #eee;}
.how-to-use li {border: 1px solid #eee; border-radius: 20px; overflow: hidden}
.how-to-use img {aspect-ratio: unset !important}
.how-to-use h3 {color: #4CAF50; font-size: .9rem}
.how-to-use p {font-size: .8rem;
    margin-bottom: 1rem;
    font-weight: 600;}

@media (max-width:768px){
.how-to-use {padding-right: 1rem}
.how-to-use img {aspect-ratio: unset !important}
.how-to-use salla-slider .slide--one-fourth {max-width: 190px}
}

/* ====== PRICING ====== */

  .pricing .card {
    width: 100%;
    max-width: 540px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #eee;
    overflow: hidden;
    margin:auto;
  }

  .pricing .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
  }

  .pricing .row.last {
    border-bottom: none;
  }

  .pricing .row .label {
    font-size: .85rem;
    font-weight: 500;
    text-align: right;
  }

  .pricing .row .price {
    position: relative;
    font-size: .9rem;
    color: #666;
    white-space: nowrap;
    flex-shrink: 0;
    font-weight: 900;
  }

  .pricing .row .price::after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 50%;
    height: 1px;
    background: #666;
    transform: rotate(-6deg);
  }

  .pricing .total-row {
    background: #fdeaea;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
  }

  .pricing .total-row .label {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
  }

  .pricing .total-row .price {
    font-size: 1.1rem;
    font-weight: 800;
    color: #e53935;
    white-space: nowrap;
  }

  .pricing .offer-row {
    background:#4CAF50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 20px;
  }

  .pricing .offer-row .label {
    font-size: .9rem;
    font-weight: 800;
    color: #fff;
  }

  .pricing .offer-row .price {
    font-size: 1.1rem;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
  }

  .pricing .footnote {
    max-width: 620px;
    text-align: center;
    margin: 18px auto 0;
    font-size: .85rem;
    color: #777;
    line-height: 1.7;
  }

  @media (max-width: 768px) {
    .pricing .row, .pricing .total-row, .pricing .offer-row {
      padding: 16px 18px;
    }
    .pricing .row .label {
      font-size: 15px;
    }
    .pricing .row .price {
      font-size: 13px;
    }
    .pricing .total-row .label {
      font-size: 16px;
    }
    .pricing .total-row .price {
      font-size: 19px;
    }
    .pricing .offer-row .label {
      font-size: 16px;
    }
    .pricing .offer-row .price {
      font-size: 20px;
    }
    .pricing .footnote {
      font-size: 12px;
      padding: 0 8px;
    }
  }

@media (max-width:768px){
  .pricing {max-width:85% !important; margin: auto !important}
}

/* ====== PROMO ====== */
  .promo{
        margin: 3rem 0 0 !important;
    padding: 3rem 0;
    text-align: center;
    background: #E8F5E9;
  }

  .promo .badge{
        width: 7rem;
    height: 7rem;
    border-radius: 50%;
    border: 3px solid #4CAF50;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto 2rem;
    line-height: 1 !important;
    gap:0;
  }

  .promo .badge .number{
    font-size: 2rem;
    font-weight: bolder;
    color: #4CAF50;
  }

  .promo .badge .unit{
    font-size: .9rem;
    font-weight: 700;
    color: #4CAF50;
    margin-top: 4px;
  }

  .promo .title{
    font-size: 1.5rem;
    font-weight: 800;
    color: #000;
    margin: 0 0 20px;
  }

  .promo .description{
    font-size: .9rem;
    line-height: 1.6;
    color: #2E7D32;
    max-width: 40%;
    margin: 0 auto 1.5rem;
  }

  .promo .cta{
    display: inline-block;
    background: #4CAF50;
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 999px;
    border: none;
    cursor: pointer;
  }

  .promo .cta:hover{
    opacity: .8;
  }

  @media (max-width: 768px){
    .promo{padding: 48px 20px 56px; }
    .promo .badge{ width: 108px; height: 108px; }
    .promo .badge .number{ font-size: 32px; }
    .promo .title{ font-size: 1.2rem; }
    .promo .description{ font-size: 1rem; max-width:95%}
    .promo .cta{ width: 95%; padding: 15px 24px; font-size: .9rem; }
  }

  @media (max-width: 768px){
    .promo .title{ font-size: 1.2rem;}
    .promo .cta {padding: 15px 20px !important}
  }

/* ====== RIVEWS ====== */
.review img {display: none}
.s-block--custom-reviews {background-color: #fafafa; border-top: 1px solid #ededed}
.s-block--custom-reviews h2 {font-size: 1.8rem;
    line-height: 1.7 !important;
    margin-bottom: 0 !important;}
.s-block--custom-reviews {padding-bottom: 3rem; padding-top: 3rem}
.s-block--custom-reviews .review > .flex {border: 1px solid #ededed; box-shadow: none; background-color: transparent !important; border-radius: 15px}
.s-block--custom-reviews .carousel-slider .swiper-wrapper>div {padding-left: 0 !important}
.s-block--custom-reviews p, .s-block--custom-reviews h4 {font-size: .8rem !important; font-weight: 500 !important; color: #333 !important}
.s-block--custom-reviews .flex.items-center.mt-6 {margin-top: 0}
.s-block--custom-reviews h4 {margin-bottom: 0; font-weight: 600 !important; color: #666 !important}

/* ====== BLOG ====== */
a[data-selia="home-blog-view-all"] {color: #2E7D32;
    border: 1.5px solid #2E7D3260;
    border-radius: 999px !important;
    padding: 0 15px 0 10px !important;
    font-size: .8rem !important;
}
.index .post-entry .text-store-text-secondary.rounded-md.inline-flex.text-sm.space-x-5 {display: none}
.post-entry a.flex.items-center.justify-start.text-store-text-secondary {color: #2E7D32; font-size: .8rem}
.post-entry p {font-size: .8rem}

@media (max-width:768px) {
#block-blog-22 .swiper-wrapper {max-width: 250px !important;}
#block-blog-22 .post-entry {border-radius: 20px}
}

/* ====== FIXED PRODUCTS ====== */
.fixed-products h2 {display: none}

/* ====== NEWSLETTER ====== */
.s-block--bundle-newsletter-cta .newsletter-section {margin: 0 0 !important; border-radius: 0 !important; padding: 2rem 1rem !important}
.s-block--bundle-newsletter-cta .newsletter-section h1 {font-size: 1.8rem}
.s-block--bundle-newsletter-cta .newsletter-section h3 {max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    opacity: .7;
    font-size: .9rem;}
.s-block--bundle-newsletter-cta .subscribe-btn {
    background-color: #4CAF50 !important;
    color: #fff; font-family: inherit;}
.newsletter-section {padding: 0 !important}

/* ====== ADD SECTION ====== */
.add-title h2 {color: #fff; font-size: 1.8rem; margin-bottom: 8px}
.add-title p {color: #fff}
.add-title a {color: #2E7D32 !important; background-color: #fff !important; border-radius: 100px !important; margin-top: 0 !important}
.add-title a span {font-weight: 900 !important}
.add-title a i {display: none !important}

/* ====== FOOTER ====== */
.index .store-footer {margin-top: 0}
.footer-list a, .store-footer .ql-align-right, .user-contacts a span {font-size: .85rem}

@media (min-width:1024px){
.store-footer .grid {grid-template-columns: repeat(3, 1fr); gap: 5rem !important}
.store-footer .grid .grid-itme:has(.footer-apps-section) {display: none}
.store-footer .grid .col-span-2 {grid-column: unset;}
}

@media (max-width:768px){
.store-footer .store-footer__locale-row {display: none}
.footer-collapse .footer-collapse__header {border-bottom: 1px solid #ffffff20; margin-bottom: 1.5rem}
}

/* ====== PRODUCT PAGE ====== */
.product-faqs .faq__grid {display: flex;flex-direction: column;gap: 0;}
.product-faqs .single-faq {border-radius: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 1rem 4px;}
.product-faqs .faq__question {font-size: 1rem; font-weight: 600}
.product-faqs .single-faq i {background: none; color: #2E7D32; font-size: 1.3rem}
.product-faqs .faq__answer {font-size: .8rem; line-height: 1.8; opacity: .8}

@media (min-width:1024px){
.product-faqs .container {max-width: 65%;}
}

/* ====== PRODUCT PAGE ====== */
#moknh-hero .mk-eyebrow {font-size: .8rem !important}
#moknh-hero .mk-title {font-size: 1.5rem !important}
#moknh-hero .mk-desc {font-size: .85rem !important}
#moknh-hero .mk-verified {line-height: 1; font-size: .65rem !important; padding: 8px 10px !important; font-weight: 900 !important}
#moknh-hero .mk-rcount {font-size: .7rem !important}
#moknh-hero .mk-claim {min-height: unset !important; padding:4px 13px; font-size: .65rem; font-weight: 900}
#moknh-hero .mk-claims {gap: 4px}
#moknh-hero .mk-flavour {min-height: unset; background-color: #ffaa60; padding: 6px 8px; font-size: .8rem}
#moknh-hero .mk-qty-label {font-size: .8rem}
#moknh-hero .mk-form-slot salla-add-product-button .s-button-element, #moknh-hero .mk-wa {min-height: 45px !important;}
#moknh-hero .mk-wa {padding: 8px; margin-top: 12px; font-size: .85rem;}
#moknh-hero .mk-trust>div {background: #fafafa; padding: 4px; border-color: #ededed; min-height: unset; font-size: .7rem}

/* HERO */
@media (min-width:1024px){
/* #moknh-hero {padding: 0 !important} */
#moknh-hero .mk-media, #moknh-hero>.mk-info {max-width:50% !important; width: 50% !important}
}

@media (max-width:768px){
#moknh-hero {padding: 0 !important}
#moknh-hero>.mk-info {padding: 0 10px}
.ingredient-card {padding: 0 !important}
.ingredients-tabs {gap: 6px !important; margin-bottom: 1rem}
.ingredients-tab {padding: 4px 15px !important}
}



.product-single .product-entry__sub-title {background: #d34848;width: fit-content;padding: 1px 10px;color: #fff;font-size: .8rem;border-radius: 0;font-weight: 500;margin-bottom: 6px !important;}

/* .product-single__info {display: flex; flex-direction: column}
.product-single__info h2 {order:1}
.product-single__info h1 {order:2}
.product-single__info salla-rating-stars {order:3}
.product-single__info .product-price-top {order:4}
.product-single__info .flex:has(.inventory-content) {order:5}
.product-single__info salla-installment {order:6}
.product-single__info .product-single-top-description {order:10}
.product-single__info .product-form {order:7}
.product-single__info salla-quick-order {order:8}
.product-single__info .product-features--wrapper {order:9} */

.product-single__info:has(salla-button[product-id="1129001055"]) h1:after {content: 'مزيج مُكنة يجمع 21 مكوناً غنياً بالعناصر الغذائية، فيتامينات، معادن، مضادات الأكسدة في سكوب واحد ';display: block;font-size: .9rem;font-weight: 300;line-height: 1.5;margin: 10px 0;opacity: .7;}
.product-single__info .product-price-bottom {display:none}
.product-single .product-single__main-media a.swiper-slide {height: fit-content}
.s-slider-vertical .s-slider-thumbs-container .swiper-slide {height: auto !important;margin-bottom: 6px !important;}
.product-single .bg-storeBG.p-5.rounded-md.mb-5:has(.sicon-barcode) {display: none}
.product-single .s-reviews-summary-row-rate span svg, .product-single .s-rating-stars-selected {fill: #94c67e !important;padding: 0;}

.sticky-product-bar.bg-storeBG {padding: 0 .25rem}
.inventory-content {display: none}

.product-single-top-description article {text-align: center}
/* 
.product-single .container:has(.breadcrumbs) {display: flex; flex-direction: column}
.product-single .container:has(.breadcrumbs) .breadcrumbs {order:1}
.product-single .container:has(.breadcrumbs) .product-single {order: 2}
.product-single .container:has(.breadcrumbs) .custom-features-section {order:3}
.product-single .container:has(.breadcrumbs) .natural-ingredients-section {order: 4}
.product-single .container:has(.breadcrumbs) .custom-html-section {order: 5}
.product-single .container:has(.breadcrumbs) .product-more-info {order: 6}
.product-single .container:has(.breadcrumbs) .simplified-products {order: 7} */

/* CUSTOM HTML */
.product-single .custom-html-section .title {margin-bottom:.7rem;text-align: center;font-size: 1.5rem; font-weight: 500}
.custom-html-section .sub-title {text-align: center; font-size: 1rem; color: #000; opacity: .7}
.product-single .custom-html-section .features-list {gap: 1.5rem;margin-top: 1.5rem;align-items: center;text-align: center;}
.product-single .custom-html-section .features-list .flex-col {align-items:center}
.product-single .custom-html-section .feature-title {font-size: 1.2rem; color: #56a038; font-weight: bold;}
.product-single .custom-html-section .feature-title span {font-size: 2.5rem;font-weight: bold;color: #64d930;opacity: .3;font-family: system-ui;margin: auto 3px;}
.product-single .custom-html-section .feature-content {color: #000;opacity: .6;font-size: .9rem;max-width: 85%; }
.product-single .custom-html-section .all-features {margin-bottom:4rem !important}
.product-single .custom-html-section .all-features .all-features-grid {display: grid;grid-template-columns: repeat(2, 1fr);text-align: center;margin: 4rem auto 1rem;border: 1px solid #56a038;border-radius: 20px;padding: 1.5rem 0;max-width: 80%;}
.product-single .custom-html-section .all-features h1 {color: #56a038;font-size: 3rem;margin-bottom: .7rem;}
.product-single .custom-html-section .all-features p {font-size: 1rem; opacity: .7}

.product-single .custom-html-section .mknh-use h1 {font-size: 1.4rem}
.product-single .custom-html-section .mknh-use .sub-title {line-height: 1.8; font-size: .9rem; margin-bottom: 2rem}
.product-single .custom-html-section .mknh-use img {width: 30%; border-radius: 20px}

.product-single .custom-html-section .mknh-use .flex.flex-col {gap:1rem}
.product-single .custom-html-section .mknh-use .flex-col .flex {gap: 10px;align-items: center;}
.product-single .custom-html-section .mknh-use .flex-col p {font-size: .9rem;opacity: .7;}

/* NEW */
/* .container--product-details {display: flex; flex-direction: column}
.container--product-details > .product-single {order: 1}
.container--product-details > .s-before-reviews {order: 2}
.container--product-details > .custom-html-section {order: 3}
.container--product-details > .custom-features-section {order: 4}
.container--product-details > .natural-ingredients-section {order: 5} */


@media (min-width:1024px){
.product-single .custom-html-section .features-list {display: grid; grid-template-columns: repeat(3, 1fr) !important;}
.product-single .custom-html-section .feature-content {max-width: 85%;}
.product-single .custom-html-section .all-features .all-features-grid {max-width: 30%}
.product-single .custom-html-section .mknh-use .flex.flex-col {    display: grid;grid-template-columns: repeat(3, 1fr);}
.product-single .custom-html-section .mknh-use .flex-col .flex {align-items: center;flex-direction: column;text-align: center;}
.product-single .custom-html-section .mknh-use img {width: 50%;}
.product-single .custom-html-section .mknh-use .flex-col p {max-width: 70%; margin-top: 1rem}
}

/* FEATURES */
/* .product-single__info .product-features--wrapper {display: none !important}
.product-single__info:has(salla-button[product-id="1129001055"]) .product-features--wrapper {display: block !important}
.product-single .container:has(.breadcrumbs) .product-single:has(salla-button[product-id="1129001055"]):after {
    content: 'سكوب واحد. 21 مكون طبيعي. أكثر من 50 فائدة';
    display: block;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 1rem;
    line-height: 1.5;
}
.product-single .container:has(.breadcrumbs) .custom-features-section:before {
    content: 'مزيج يكمل نظامك الغذائي بكل سهولة ويضيف عادة صحية لروتينك، بخطوة واحدة كل يوم';
    text-align: center;
    font-size: 1rem;
    color: #000;
    opacity: .7;
    margin-bottom: 2rem;
    line-height: 1.6;
    display: block;
}
.product-single .product-features-item {flex-direction: column;padding: .8rem 0}
.product-single .feature-text {text-align: center}
.product-single .feature-text h3 {font-weight: 500}
.product-single .feature-icon {height: auto} */

/* COMMENTS */
.product-single .s-reviews-summary-header-section {gap: .5rem;flex-direction: column;}
.product-single .s-reviews-summary-average {font-size: 2.5rem; line-height: 1}
.product-single .s-reviews-summary-header-section > div {text-align: center}
.product-single .s-reviews-summary-header .s-rating-stars-selected {fill: #e3aa17;}
.product-single .s-rating-stars-large svg {height: 1.1rem;width: 1.1rem;}

.product-single .s-comments-filter-wrapper, .s-reviews-summary-recommendation-percentage {display: none}
.product-single .s-comments-item-avatar, .product-single .s-comments-flex, .product-single .s-comments-item-time, .s-comments-item-like-btn {display:none}
.product-single salla-comment-item.s-comments-item.hydrated.animated {padding: 10px 4px 12px;border: none;background-color: #f0f6ec80;margin-bottom: .5rem;border-radius: 8px;}
.product-single .s-comments-item-timestamp {margin:0 10px; font-size: .8rem;}
.product-single .s-comments-item-user-info-name {font-size: .85rem; font-weight: 500}
.product-single .s-rating-stars-btn-star {padding-right: 0; padding-left: 1px}
.product-single .s-comments-item-user-wrapper {align-items: baseline;}
.product-single .s-comments-item-stars {margin-bottom: 0}
.product-single .s-comments-item-content p {font-size: .8rem; color:#000}

.product-single .s-reviews-summary-rows {gap: 6px;margin: 0 5px 20px 10px;}
.product-single .s-reviews-summary-progress .s-progress-bar-wrapper {height: 8px !important}
.product-single .s-comments-header, .s-reviews-summary-count {display: none}
.product-single .s-reviews-summary-row-rate span svg, .product-single .s-rating-stars-selected {fill: #e3aa17;}

.product-single .s-infinite-scroll-btn {background: none;color: #000;padding: 0 3px 2px;border: none;border-bottom: 1px solid #ccc;border-radius: 0;font-weight: 500;}
.product-single .product-features-item {background-color: #f0f6ec;}
.s-block--best-offers .s-slider-block__title-right, salla-products-slider .s-slider-block__title-right {padding-bottom: 14px}

.custom-info {font-size: .85rem;opacity: .7;margin: 10px 0;text-align: center;}
.custom-info-btn {margin: 1rem auto;width: fit-content;display: flex;font-weight:900;border: 1px solid #94c67e;padding: 10px 20px;border-radius: 100px;font-size: .85rem;background:#94c67e; color:#fff}

@media (max-width:768px){
.more-info-tabs__nav-link.mobile {display: none !important}
.simplified-products .offer-slide, .simplified-products .s-products-slider-card { width: 180px;}
}


/* ================= */
.container--product-details {max-width: 100%}
.custom-info-btn {border: 1px solid #4CAF50; background: #4CAF50; padding: 8px 30px}
.natural-ingredients-section {background: #fafafa; padding: 3rem 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed}
.natural-ingredients-section > h2 {font-size: 1.4rem; font-weight: 600}
.natural-ingredients-section > p {font-size: .9rem; opacity: .6}
.ingredients-tab.active, .ingredients-tab:hover {background: #4CAF50; border-color: #4CAF50}
.ingredients-tab {border: 1px solid #ededed; padding: .5rem 2rem; font-size: .8rem; border-radius: 10px; font-weight: 600; color: #000}
.ingredients-tabs {gap: 1rem; border-bottom: 1px solid #ededed; padding-bottom: 1.5rem}
.ingredient-card {background: none; padding: 2rem 0;}
.ingredient-card .ingredient-image {border: 1px solid #ededed; margin: 1rem auto; border-radius:100%}


@media (min-width:1024px){
.product-faqs .container {max-width:55%}
.ingredients-grid.active {max-width: 65%; margin: auto}

  
.custom-features-section .features-grid {max-width: 55%; margin: auto}
}

/* ====== ENHANCED FEATURES ====== */
.custom-benefits {background-color: #fafafa; padding: 3rem 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin: 2rem auto}

.custom-benefits .benefits {
    max-width: 100%;
    margin: 0 auto;
    padding: 1rem;
  }
  .custom-benefits .benefits__head { text-align: center; margin-bottom: 1.5rem;}
  .custom-benefits .benefits__head h2 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
  }
  .custom-benefits .benefits__head p {
    margin-top: 12px;
    color: #6b6b6b;
    font-size: .9rem;
  }
  .custom-benefits .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin: auto 1rem;
  }
  .custom-benefits .card {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 28px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* بداية السطر = اليمين في RTL */
  }
  .custom-benefits .icon {
    width: 56px; height: 56px;
    border-radius: 16px;
    background: #e8f5e9;
    color: #2e7d32;
    display: grid; place-items: center;
    flex-shrink: 0;
  }
  .custom-benefits .icon svg {
    width: 28px; height: 28px;
    fill: none; stroke: currentColor;
    stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
  }
  .custom-benefits .card h3 {
    margin-top: 8px;
    font-size: .9rem;
    font-weight: 700;
  }
  .custom-benefits .card p {
    color: #6b6b6b;
    font-size: .75rem;
    line-height: 1.9;
  }
  .custom-benefits .tag {
    margin-top: auto;
    padding-top: 0;
    display: inline-block;
    border: none !important;
    padding: 0 !important;
  }
  .custom-benefits .tag span {
    display: inline-block;
    margin-top: 18px;
    background: #e8f5e9;
    color: #2e7d32;
    font-size: 0.7rem !important;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 999px;
    line-height: 1.5;
  }

  /* تابلت: عمودان */
  @media (max-width: 992px) {
  .custom-benefits .grid { grid-template-columns: repeat(2, 1fr); }
  .ingredients-tabs {justify-content: start; padding-bottom: 1rem}
  .ingredients-tab {min-width: fit-content;min-height: 50px !important;}
  }

  /* جوال: عمود واحد */
  @media (max-width: 600px) {
    .custom-benefits .grid { grid-template-columns: 1fr; }
    .custom-benefits .card { border-radius: 22px; }
    .custom-benefits .card h3 { margin-top: 20px; }
  }

/* ====== FACTS ====== */
  .facts {
    background:#fff;
    color:#000;
    display:flex;
    justify-content:center;
    padding:2rem 1rem;
    min-height:100%;
  }

  .facts .card{
    width:100%;
    margin:0 auto;
  }

  .facts .card__header{
    text-align:center;
    margin-bottom:1.5rem;
  }

  .facts .card__title{
    font-size:1.5rem;
    font-weight:600;
    margin:0 0 10px;
    word-break:break-word;
  }

  .facts .card__subtitle{
    font-size:.9rem;
    color:#6b6b6b;
    margin:auto;
    line-height:1.6;
  }

  .facts .table{
    border-top:1px solid #ededed;
    margin: auto;
  }

  .facts .row{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:space-between;
    padding:1rem 4px;
    border-bottom:1px solid #ededed;
    gap:8px 16px;
  }

  .facts .row__value{
    font-weight:600;
    font-size:.85rem;
    white-space:nowrap;
    flex-shrink:0;
  }

  .facts .row__label{
    text-align:start;
    font-size:.85rem;
    font-weight:500;
    flex:1 1 auto;
    min-width:0;
  }

  .facts .row__label .unit{
    font-weight:400;
    color:#555;
    font-size:.9rem;
  }

  .facts .row--sub .row__label,
  .facts .row--sub .row__value{
    font-weight:400;
  }

  .facts .row--sub .row__value{
    font-weight:700;
  }

  .facts .row--sub .row__label{
    font-size:.9rem;
  }

  .facts .footnote{
    text-align:center;
    color:#6d6d6d;
    font-size:.85rem;
    margin:3rem 0 1.5rem;
    line-height:1.7;
    padding:0 4px;
  }

  .facts .cta{
    display:block;
    width:fit-content;
    background:#4CAF50;
    color:#fff;
    text-align:center;
    padding:.6rem 3rem;
    border:none;
    border-radius:100px;
    font-family:inherit;
    font-size:.85rem;
    font-weight:600;
    cursor:pointer;
    margin: 1rem auto;
  }
  .facts .cta:hover{opacity: .9; }

  /* very narrow screens: stack value under label for readability */
  @media (max-width:991px){
    .facts .row{ flex-direction:row; gap:4px; }
    .facts .row__label{text-wrap: wrap;
    max-width: 85%;}
  }

  /* larger screens: a touch more breathing room */
  @media (min-width:992px){
    .facts .card{ max-width:75%; }
    .facts .table {width: 75%}
  }

/* ====== HOW TO USE - PRODUCT ====== */
.p-how-to-use {margin-top: 4rem !important}
.p-how-to-use .square-links__title {font-size: 1.5rem}
.p-how-to-use .square-links__subtitle {font-size: .9rem; color: #6b6b6b}

.p-how-to-use .swiper-slide {border: 1px solid #ededed; border-radius: 20px; overflow: hidden; padding: 0 0 1rem !important; margin: 0 6px}
.p-how-to-use .swiper-slide h3 {line-height: 2; font-size: .9rem; color: #4CAF50}
.p-how-to-use .swiper-slide p {font-size: .85rem; margin: 6px 10px 0}
.p-how-to-use .square-links__image-wrap, .p-how-to-use .square-links__image-wrap img {border-radius: 20px 20px 0 0 !important}

.c-note {font-size: .9rem;
    color: #6b6b6b;
    margin: 1rem auto;
    line-height: 1.6; text-align: center}

@media (min-width:900px){
.p-how-to-use .swiper-slide {width: 32% !important; max-width: 33% !important}
.p-how-to-use .square-links__subtitle {max-width: 55%; margin: 10px auto; line-height: 1.6}
}

@media (max-width:768px){
.p-how-to-use salla-slider .slide--one-fourth {max-width: 190px}
}


/* ====== COMPARE ====== */
  .comparison {
    background: #fafafa;
    display:flex;
    justify-content:center;
    padding:2rem 1rem;
    min-height:100%;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-top: 4rem !important;
    flex-direction: column;
    align-items: center;
    gap:2rem;
  }


.comparison .home-block-title {text-align: center; margin-bottom: 0}
.comparison .home-block-title h2 {font-size: 1.5rem !important; margin-bottom: 10px}
.comparison .home-block-title p {opacity: .7}

.comparison .pricing {width: 100%}

  .comparison .wrap{
    width:100%;
    max-width:45%;
  }

  .comparison .scroll{
    width:100%;
    overflow-x:auto;
    border-radius:10px;
    -webkit-overflow-scrolling:touch;
  }

  .comparison table{
    width:100%;
    min-width:520px;
    border-collapse:collapse;
    background:#fff;
    border-radius:14px !important;
    overflow:hidden;
  }

  .comparison th, .comparison td{
    padding:8px 20px;
    text-align:center;
    font-size:.8rem;
    white-space:normal;
    word-break:break-word;
  }

  .comparison thead th{
    font-weight:700;
    color:#fff;
    font-size:.9rem;
  }

  .comparison thead th:nth-child(1){ background:#1b1b1c; text-align:right; }
  .comparison thead th:nth-child(2){ background:#1b1b1c; }
  .comparison thead th:nth-child(3){ background:#2c4a30; }

  .comparison tbody th{
    text-align:right;
    font-weight:500;
    color:#000;
    background:#fff;
  }
  .comparison tbody tr:nth-child(even) th{ background:#f7f7f8; }

  .comparison tbody td:nth-child(2){
    color:#000;
    background:#fff;
    font-weight:400;
  }
  .comparison tbody tr:nth-child(even) td:nth-child(2){ background:#f7f7f8; }

  .comparison tbody td:nth-child(3){
    color:#2E7D32;
    font-weight:700;
    background:#eef6ee;
  }
  .comparison tbody tr:nth-child(even) td:nth-child(3){ background:#f7f7f8; }

  .comparison .dash{ color:#8a8a8a; font-weight:400; }

  .comparison tfoot th{
    background:#1b1b1c;
    color:#fff;
    font-weight:700;
    text-align:right;
  }
  .comparison tfoot td:nth-child(2){
    background:#1b1b1c;
    color:#8a8a8a;
  }
  .comparison tfoot td:nth-child(3){
    background:#6fae5f;
    color:#fff;
    font-weight:900;
    font-size:.9rem;
  }

  .comparison .check{ margin-inline-start:4px; }

  @media (max-width:480px){
    .comparison th, .comparison td{ padding:12px 8px; }
    .comparison table{ min-width:460px; }
  }

@media (max-width: 768px) {
    .product-single .pricing {
        max-width: 100% !important;
      margin: 0 !important;
    }
}

/* ====== VIDEOS - PRODUCT ====== */
.product-single .s-block--videos-gallery {margin-top: 4rem !important}
.product-single .s-block--videos-gallery .videos-gallery__title {font-size: 1.5rem !important}
.product-single .s-block--videos-gallery .videos-gallery__subtitle {font-size: .9rem; opacity: .6; margin: 0}

/* ====== GENERAL FAQS - PRODUCT ====== */
.product-faqs-g {background-color: #fafafa; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 2rem 0}
.product-faqs-g .faq__title {font-size: 1.5rem}
.product-faqs-g .faq__grid {display: flex; flex-direction: column}
.product-faqs-g .single-faq .faq-content {max-height: unset !important}
.product-faqs-g .faq__question {font-size: .85rem !important; color: #000 !important; font-weight: 600}
.product-faqs-g .faq__answer {font-size: .85rem; padding: 4px 0 10px; opacity: .8;}
.product-faqs-g .faq-btn i {display: none}
.product-faqs-g .single-faq {padding: 0; border: none; border-radius: 0; background: none; border-bottom: 1px solid #ededed}


@media (min-width:991px){
.product-faqs-g .faq__grid {max-width: 55% !important; margin: auto}  
}

/* ====== RELATED ====== */
.product-single .s-before-related {display: none}

/* ====== RDIT PRODUCT PAGE ====== */
#moknh-hero .mk-pill, #moknh-hero .mk-verified, #moknh-hero .mk-trust {display: none}
.product-single .custom-benefits .icon {display: none}
.product-single .custom-benefits .card h3 {margin-top: 0}

/* ====== */
.content--single-page:has(#moknh-ing-app) h1.font-bold.text-2xl {display: none}
.content--single-page:has(#moknh-ing-app) {padding: 0 .5rem}
#moknh-ing-app, #moknh-ing-app .card, #moknh-ing-app .chip, #moknh-ing-app .prod-btn {font-family: inherit !important}
#moknh-ing-app .wrap {padding: 1rem 0}
#moknh-ing-app .chip {padding: 8px 12px}