@charset "UTF-8";

/*!
 * Mashoouf Site Components
 * Version: 1.0.0
 * Updated: 2026-06-21
 *
 * Production stylesheet migrated from WordPress Customizer CSS.
 *
 * Recommended path:
 * /wp-content/themes/flatsome-child/assets/public/css/mashoouf-site-components.css
 *
 * Recommended load order:
 * Load after flatsome-child-theme.css.
 *
 * Modules:
 * 01. Product tabs and specification tables
 * 02. Product information blocks
 * 03. Category template system
 * 04. Rice journey
 * 05. Rice comparison
 * 06. Mobile category tabs
 * 07. Product family section
 * 08. About section
 * 09. Premium footer
 *
 * Component variables are locally scoped to prevent conflicts with
 * the article stylesheet and other Flatsome components.
 */

/* =====================================================
   MASHOOUF SITE COMPONENTS
===================================================== */

/* ===== MASHOOUF PRODUCT TABS ===== */

.mpt-table-card{
background:#fff;
border:1px solid #E5DBC6;
border-radius:16px;
overflow:hidden;
margin:20px 0;
box-shadow:0 8px 24px rgba(0,0,0,.04);
}

.mpt-table{
width:100%;
border-collapse:collapse;
font-size:14px;
}

.mpt-table th,
.mpt-table td{
padding:14px 18px;
border-bottom:1px solid #EFE8DA;
}

.mpt-table th{
width:35%;
background:#FAF7F0;
color:#1E4D36;
font-weight:700;
}

.mpt-table td{
color:#4B554E;
font-weight:500;
background:#fff;
}

.mpt-table tr:last-child th,
.mpt-table tr:last-child td{
border-bottom:none;
}

/* ===== COMPARE TABLE ===== */

.mpt-table-scroll{
overflow-x:auto;
}

.mpt-compare-table{
min-width:600px;
text-align:center;
}

.mpt-compare-table thead th{
background:#1E4D36;
color:#fff;
font-weight:700;
}

.mpt-compare-table tbody tr:nth-child(even){
background:#FCFBF8;
}

.mpt-compare-table tbody td:first-child{
font-weight:700;
color:#1E4D36;
background:#FAF7F0;
}

/* ===== INFO BOX ===== */

.mpt-note-box{
background:#FAF7F0;
border:1px solid #E5DBC6;
border-radius:14px;
padding:20px;
margin-top:20px;
}

.mpt-note-box p{
margin:0;
line-height:2.2;
font-size:14px;
color:#465048;
}

/* ===== SECTION TITLE ===== */

.mpt-head{
margin-bottom:20px;
}

.mpt-head span{
display:inline-block;
padding:4px 12px;
background:#F7F4EE;
border:1px solid #E5DBC6;
border-radius:30px;
font-size:12px;
font-weight:700;
color:#A47B2B;
margin-bottom:10px;
}

.mpt-head h2{
font-size:26px;
font-weight:800;
color:#1E4D36;
margin-bottom:8px;
line-height:1.7;
}

.mpt-head p{
color:#66736B;
font-size:14px;
line-height:2;
margin:0;
}

/* ===== FAQ ===== */

.mpt-faq-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}

.mpt-faq-grid details{
background:#fff;
border:1px solid #E5DBC6;
border-radius:14px;
padding:14px 16px;
transition:.3s;
}

.mpt-faq-grid details:hover{
border-color:#C89B3C;
}

.mpt-faq-grid summary{
cursor:pointer;
font-weight:700;
color:#1E4D36;
line-height:1.8;
}

.mpt-faq-grid p{
margin-top:12px;
line-height:2;
font-size:14px;
color:#59655E;
}

/* ===== Q&A ===== */

.mpt-qa-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin-top:15px;
}

.mpt-qa-card{
background:#fff;
border:1px solid #E5DBC6;
border-radius:14px;
padding:18px;
transition:.3s;
}

.mpt-qa-card:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.mpt-qa-card h3{
font-size:15px;
font-weight:700;
color:#1E4D36;
margin-bottom:8px;
}

.mpt-qa-card p{
font-size:14px;
line-height:2;
color:#5B665F;
margin:0;
}

/* ===== MOBILE ===== */

@media(max-width:768px){

.mpt-faq-grid,
.mpt-qa-grid{
grid-template-columns:1fr;
}

.mpt-head h2{
font-size:22px;
}

.mpt-table th,
.mpt-table td{
padding:12px;
font-size:13px;
}

}

/* ==========================================
   MASHOOUF CATEGORY
========================================== */
.mashoouf-product-info{
  direction:rtl;
  font-family:inherit;
  color:#203628;
  margin:28px 0;
}

.mashoouf-product-info *,
.mashoouf-product-info *::before,
.mashoouf-product-info *::after{
  box-sizing:border-box;
}

.mashoouf-product-info .mp-section-head{
  text-align:right;
  margin:26px 0 14px;
}

.mashoouf-product-info .mp-section-head span{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  color:#8A6B2C;
  background:#FAF7F0;
  border:1px solid #E5DBC6;
  border-radius:999px;
  padding:5px 13px;
  margin-bottom:8px;
}

.mashoouf-product-info .mp-section-head h2{
  font-size:22px;
  line-height:1.8;
  color:#1E4D36;
  margin:0 0 6px;
  font-weight:800;
}

.mashoouf-product-info .mp-section-head p{
  font-size:14px;
  line-height:2;
  color:#4D5A51;
  margin:0;
}

.mashoouf-product-info .mp-small-head{
  margin-top:32px;
}

.mashoouf-product-info .mp-table-card{
  background:#fff;
  border:1px solid #E5DBC6;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(32,54,40,.05);
  margin-bottom:18px;
}

.mashoouf-product-info .mp-table-scroll{
  overflow-x:auto;
}

.mashoouf-product-info .mp-table{
  width:100%;
  border-collapse:collapse;
  text-align:right;
  font-size:14px;
}

.mashoouf-product-info .mp-table th,
.mashoouf-product-info .mp-table td{
  padding:14px 16px;
  border-bottom:1px solid #EFE8DA;
  line-height:1.9;
}

.mashoouf-product-info .mp-table tr:last-child th,
.mashoouf-product-info .mp-table tr:last-child td{
  border-bottom:0;
}

.mashoouf-product-info .mp-specs-table th{
  width:38%;
  background:#FAF7F0;
  color:#1E4D36;
  font-weight:800;
}

.mashoouf-product-info .mp-specs-table td{
  color:#3E4A42;
  font-weight:600;
}

.mashoouf-product-info .mp-compare-table{
  min-width:520px;
  text-align:center;
}

.mashoouf-product-info .mp-compare-table thead th{
  background:#1E4D36;
  color:#fff;
  text-align:center;
  font-weight:800;
}

.mashoouf-product-info .mp-compare-table tbody td:first-child{
  background:#FAF7F0;
  color:#1E4D36;
  font-weight:800;
}

.mashoouf-product-info .mp-note-box{
  background:#FAF7F0;
  border:1px solid #E5DBC6;
  border-radius:16px;
  padding:18px 20px;
  margin:16px 0;
}

.mashoouf-product-info .mp-note-box p{
  margin:0;
  font-size:14px;
  line-height:2.2;
  color:#3E4A42;
}

.mashoouf-product-info .mp-product-cta{
  background:linear-gradient(135deg,#F7F4EE,#fff);
  border:1px solid #E5DBC6;
  border-radius:18px;
  padding:22px;
  margin:20px 0 28px;
}

.mashoouf-product-info .mp-product-cta h3{
  font-size:20px;
  line-height:1.8;
  color:#1E4D36;
  margin:0 0 6px;
  font-weight:800;
}

.mashoouf-product-info .mp-product-cta p{
  font-size:14px;
  line-height:2;
  color:#4D5A51;
  margin:0;
}

.mashoouf-product-info .mp-faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:26px;
}

.mashoouf-product-info details{
  background:#fff;
  border:1px solid #E5DBC6;
  border-radius:14px;
  padding:14px 16px;
  box-shadow:0 6px 18px rgba(32,54,40,.04);
}

.mashoouf-product-info summary{
  cursor:pointer;
  color:#203628;
  font-size:14px;
  font-weight:800;
  line-height:1.9;
}

.mashoouf-product-info details p{
  margin:10px 0 0;
  font-size:13px;
  line-height:2.1;
  color:#4D5A51;
}

.mashoouf-product-info .mp-qa-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.mashoouf-product-info .mp-qa-card{
  background:#fff;
  border:1px solid #E5DBC6;
  border-radius:14px;
  padding:16px;
  box-shadow:0 6px 18px rgba(32,54,40,.04);
}

.mashoouf-product-info .mp-qa-card h3{
  font-size:15px;
  line-height:1.8;
  color:#1E4D36;
  margin:0 0 6px;
  font-weight:800;
}

.mashoouf-product-info .mp-qa-card p{
  font-size:13px;
  line-height:2;
  color:#4D5A51;
  margin:0;
}

@media(max-width:768px){
  .mashoouf-product-info .mp-section-head h2{
    font-size:19px;
  }

  .mashoouf-product-info .mp-table th,
  .mashoouf-product-info .mp-table td{
    padding:12px;
    font-size:13px;
  }

  .mashoouf-product-info .mp-faq-grid,
  .mashoouf-product-info .mp-qa-grid{
    grid-template-columns:1fr;
  }
}

/* ==========================================
   MASHOOUF CATEGORY SYSTEM
   Version 1.0
========================================== */

.mashoouf-cat-template,
.mashoouf-cat-bottom{
direction:rtl;
font-family:inherit;
color:#203628;
}

.mashoouf-cat-template *,
.mashoouf-cat-bottom *,
.mashoouf-cat-template *:before,
.mashoouf-cat-template *:after,
.mashoouf-cat-bottom *:before,
.mashoouf-cat-bottom *:after{
box-sizing:border-box;
}

/* ==========================================
   HERO
========================================== */

.mct-hero-card{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
background:#fff;
border:1px solid #E5DBC6;
border-radius:24px;
overflow:hidden;
box-shadow:0 10px 30px rgba(32,54,40,.06);
}

.mct-hero-content{
order:1;
padding:42px;
text-align:right;
}

.mct-hero-image{
order:2;
height:100%;
min-height:380px;
}

.mct-hero-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
}

.mct-breadcrumb{
font-size:13px;
color:#777;
margin-bottom:16px;
}

.mct-hero-content h1{
font-size:42px;
font-weight:800;
line-height:1.5;
margin:0 0 10px;
color:#1E4D36;
}

.mct-hero-content h2{
font-size:22px;
font-weight:700;
line-height:1.8;
margin:0 0 15px;
color:#203628;
}

.mct-hero-content p{
font-size:15px;
line-height:2.2;
color:#4D5A51;
margin-bottom:22px;
}

.mct-actions{
display:flex;
gap:12px;
flex-wrap:wrap;
}

.mct-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 24px;
border-radius:10px;
font-size:14px;
font-weight:700;
text-decoration:none;
transition:.2s;
}

.mct-btn-primary{
background:#1E4D36;
color:#fff !important;
border:1px solid #1E4D36;
}

.mct-btn-secondary{
background:#fff;
color:#1E4D36 !important;
border:1px solid #D8C8A8;
}

.mct-btn:hover{
transform:translateY(-2px);
}

/* ==========================================
   FEATURES BAR
========================================== */

.mct-feature-strip{
display:grid;
grid-template-columns:repeat(4,1fr);
margin-top:14px;
background:#fff;
border:1px solid #E5DBC6;
border-radius:18px;
overflow:hidden;
}

.mct-feature-strip div{
padding:16px;
text-align:center;
font-size:14px;
border-left:1px solid #EFE8DA;
}

.mct-feature-strip div:last-child{
border-left:0;
}

/* ==========================================
   SECTION TITLE
========================================== */

.mcb-heading{
text-align:center;
margin-bottom:24px;
}

.mcb-heading span{
display:inline-block;
padding:6px 14px;
background:#FAF7F0;
border:1px solid #C89B3C;
border-radius:50px;
font-size:13px;
font-weight:700;
color:#8A6B2C;
margin-bottom:10px;
}

.mcb-heading h2{
font-size:28px;
font-weight:800;
line-height:1.8;
color:#1E4D36;
margin:0 0 10px;
}

.mcb-heading p{
max-width:800px;
margin:auto;
line-height:2.2;
color:#4D5A51;
}
.mcb-text-box h3{
  color:#203628;
  font-size:17px;
  line-height:1.9;
  margin:18px 0 8px;
  font-weight:800;
}

/* ==========================================
   BENEFITS
========================================== */

.mcb-benefits{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
margin-bottom:24px;
}

.mcb-benefit{
background:#fff;
border:1px solid #E5DBC6;
border-radius:18px;
padding:22px;
text-align:center;
}

.mcb-benefit span{
display:block;
font-size:26px;
margin-bottom:10px;
}

.mcb-benefit h3{
font-size:15px;
font-weight:700;
margin-bottom:8px;
color:#1E4D36;
}

.mcb-benefit p{
font-size:13px;
line-height:2;
margin:0;
}

/* ==========================================
   GRID CARDS
========================================== */

.mcb-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
margin-bottom:24px;
}

.mcb-card,
.mcb-table-card,
.mcb-text-box,
.mcb-faq{
background:#fff;
border:1px solid #E5DBC6;
border-radius:20px;
padding:24px;
box-shadow:0 8px 24px rgba(32,54,40,.04);
}

.mcb-card h2,
.mcb-table-card h2,
.mcb-text-box h2,
.mcb-faq h2{
font-size:22px;
font-weight:800;
color:#1E4D36;
margin-bottom:14px;
}

.mcb-card p,
.mcb-text-box p,
.mcb-faq p{
line-height:2.2;
color:#4D5A51;
}

/* ==========================================
   LIST
========================================== */

.mcb-list{
list-style:none;
padding:0;
margin:0;
}

.mcb-list li{
background:#FAF7F0;
border:1px solid #EFE8DA;
padding:12px 14px;
border-radius:12px;
margin-bottom:8px;
}

/* ==========================================
   TABLE
========================================== */

.mcb-table-wrap{
overflow-x:auto;
}

.mcb-table{
width:100%;
min-width:650px;
border-collapse:collapse;
text-align:center;
}

.mcb-table th{
background:#F7F4EE;
padding:14px;
border:1px solid #EFE8DA;
font-weight:700;
}

.mcb-table td{
padding:12px;
border:1px solid #EFE8DA;
}

.mcb-table td:first-child{
font-weight:700;
background:#FAF7F0;
}

/* ==========================================
   FAQ
========================================== */

.mcb-faq-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
margin-top:24px;
}

.mcb-faq details{
border:1px solid #EFE8DA;
border-radius:12px;
padding:12px;
margin-bottom:10px;
background:#fff;
}

.mcb-faq summary{
cursor:pointer;
font-weight:700;
}

/* ==========================================
   CTA
========================================== */

.mcb-cta{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
padding:28px;
margin-top:24px;
background:linear-gradient(135deg,#F7F4EE,#fff);
border:1px solid #E5DBC6;
border-radius:22px;
}

.mcb-cta h2{
margin:0 0 8px;
}

.mcb-cta a{
display:inline-flex;
align-items:center;
justify-content:center;
background:#1E4D36;
color:#fff !important;
padding:14px 26px;
border-radius:10px;
text-decoration:none;
font-weight:700;
}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:768px){

.mct-hero-card{
grid-template-columns:1fr;
}

.mct-hero-image{
order:1;
min-height:220px;
}

.mct-hero-content{
order:2;
padding:22px 18px;
text-align:center;
}

.mct-breadcrumb{
display:none;
}

.mct-hero-content h1{
font-size:28px;
}

.mct-hero-content h2{
font-size:18px;
}

.mct-actions{
justify-content:center;
}

.mct-btn{
flex:1;
}

.mct-feature-strip{
overflow-x:auto;
display:flex;
}

.mct-feature-strip div{
min-width:120px;
border-left:none;
border-right:1px solid #EFE8DA;
}

.mcb-benefits{
display:flex;
overflow-x:auto;
}

.mcb-benefit{
min-width:220px;
}

.mcb-grid,
.mcb-faq-grid{
grid-template-columns:1fr;
}

.mcb-cta{
flex-direction:column;
text-align:center;
}

.mcb-cta a{
width:100%;
}
}

/* =====================================================
MASHOOUF RICE JOURNEY - CSS V7 CLEAN
Module: migrated from WordPress Custom CSS
===================================================== */

#mashoouf-rice-journey,
#mashoouf-rice-journey *{
  box-sizing:border-box;
}

#mashoouf-rice-journey{
  --mr-green:#214436;
  --mr-gold:#C6A15B;
  --mr-cream:#F6F5F2;
  --mr-card:#FCFBF8;
  --mr-border:#E8DFD0;
  --mr-muted:#6f706b;
  --mr-line:#E8DFD0;

  width:100%;
  direction:rtl;
  background:var(--mr-cream);
  padding:78px 16px;
  font-family:inherit;
  overflow:hidden;
}

#mashoouf-rice-journey .mr-journey-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:34px 34px 30px;
  position:relative;
  background:var(--mr-card);
  border:1px solid var(--mr-border);
  border-radius:34px;
  box-shadow:
    0 10px 25px rgba(0,0,0,.03),
    0 30px 80px rgba(33,68,54,.055);
}

#mashoouf-rice-journey .mr-journey-wrap::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(198,161,91,.18);
  border-radius:26px;
  pointer-events:none;
}

#mashoouf-rice-journey .mr-journey-head,
#mashoouf-rice-journey .mr-journey-stepper,
#mashoouf-rice-journey .mr-journey-visual,
#mashoouf-rice-journey .mr-slide-dots,
#mashoouf-rice-journey .mr-journey-cta{
  position:relative;
  z-index:2;
}

/* Header */
#mashoouf-rice-journey .mr-journey-head{
  text-align:center;
  margin-bottom:28px;
}

#mashoouf-rice-journey .mr-journey-head span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 17px;
  margin-bottom:12px;
  border:1px solid rgba(198,161,91,.28);
  border-radius:999px;
  background:#fffdf8;
  color:#9A7330;
  font-size:13px;
  font-weight:900;
}

#mashoouf-rice-journey .mr-journey-head h2{
  margin:0;
  color:var(--mr-green);
  font-size:38px;
  line-height:1.55;
  font-weight:950;
}

#mashoouf-rice-journey .mr-journey-head p{
  max-width:720px;
  margin:8px auto 0;
  color:var(--mr-muted);
  font-size:15px;
  line-height:2;
  font-weight:650;
}

/* Stepper */
#mashoouf-rice-journey .mr-journey-stepper{
  max-width:980px;
  margin:0 auto 28px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  direction:rtl;
}

#mashoouf-rice-journey .mr-stepper-line,
#mashoouf-rice-journey .mr-stepper-fill{
  position:absolute;
  top:23px;
  right:10%;
  left:10%;
  height:2px;
  border-radius:999px;
  pointer-events:none;
}

#mashoouf-rice-journey .mr-stepper-line{
  background:var(--mr-line);
  z-index:0;
}

#mashoouf-rice-journey .mr-stepper-fill{
  width:0%;
  left:auto;
  background:linear-gradient(90deg,#D8B86A,#B98C3A);
  transition:width .3s ease;
  z-index:1;
}

#mashoouf-rice-journey .mr-stepper-item{
  position:relative;
  z-index:2;
  min-width:0;
  padding:0 8px;
  border:0;
  background:transparent;
  text-align:center;
  cursor:pointer;
  font-family:inherit;
  color:var(--mr-green);
}

#mashoouf-rice-journey .mr-stepper-item b{
  width:46px;
  height:46px;
  margin:0 auto 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#EDE8DF;
  color:#6f6a60;
  border:3px solid var(--mr-card);
  font-size:15px;
  font-weight:950;
  box-shadow:0 6px 14px rgba(33,68,54,.06);
  transition:.25s ease;
}

#mashoouf-rice-journey .mr-stepper-item.is-done b{
  background:var(--mr-gold);
  color:#fff;
  font-size:0;
}

#mashoouf-rice-journey .mr-stepper-item.is-done b::before{
  content:"✓";
  font-size:17px;
}

#mashoouf-rice-journey .mr-stepper-item.is-active b{
  background:var(--mr-green);
  color:#fff;
  box-shadow:
    0 0 0 5px rgba(33,68,54,.08),
    0 10px 20px rgba(33,68,54,.20);
  transform:translateY(-2px) scale(1.06);
  animation:none;
}

#mashoouf-rice-journey .mr-stepper-item.is-next:not(.is-active):not(.is-done) b{
  animation:mashooufNextStepPulse 1.35s ease-in-out infinite;
}

@keyframes mashooufNextStepPulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.14);}
}

#mashoouf-rice-journey .mr-stepper-item strong{
  display:block;
  min-height:28px;
  color:var(--mr-green);
  font-size:14px;
  line-height:1.6;
  font-weight:950;
}

#mashoouf-rice-journey .mr-stepper-item span{
  display:block;
  color:#77736a;
  font-size:11.5px;
  line-height:1.7;
  font-weight:700;
}

/* Visual */
#mashoouf-rice-journey .mr-journey-visual{
  min-height:430px;
  border-radius:24px;
  overflow:hidden;
  position:relative;
  background:#eee8dc;
  border:1px solid rgba(198,161,91,.20);
  box-shadow:
    0 18px 44px rgba(40,30,15,.13),
    0 8px 18px rgba(33,68,54,.06);
}

#mashoouf-rice-journey .mr-journey-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity .45s ease,
    visibility .45s ease;
}

#mashoouf-rice-journey .mr-journey-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

#mashoouf-rice-journey .mr-journey-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform 3.5s ease;
}

#mashoouf-rice-journey .mr-journey-slide.is-active img{
  transform:scale(1.055);
}

#mashoouf-rice-journey .mr-journey-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to top,rgba(23,18,10,.20),transparent 62%),
    linear-gradient(135deg,rgba(246,245,242,.04),rgba(198,161,91,.06));
}

/* Desktop: no text on image */
#mashoouf-rice-journey .mr-slide-badge,
#mashoouf-rice-journey .mr-slide-card,
#mashoouf-rice-journey .mr-journey-slide > span{
  display:none !important;
}

/* Dots */
#mashoouf-rice-journey .mr-slide-dots{
  margin:16px auto 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}

#mashoouf-rice-journey .mr-slide-dots span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#DDD7CC;
  transition:.25s ease;
}

#mashoouf-rice-journey .mr-slide-dots span.is-active{
  background:var(--mr-green);
  transform:scale(1.12);
}

/* CTA */
#mashoouf-rice-journey .mr-journey-cta{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:18px;
  max-width:100%;
  padding:18px 24px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(198,161,91,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 26px rgba(33,68,54,.05);
}

#mashoouf-rice-journey .mr-cta-text{
  text-align:right;
}

#mashoouf-rice-journey .mr-cta-text strong{
  display:block;
  color:var(--mr-green);
  font-size:16px;
  font-weight:950;
  line-height:1.8;
}

#mashoouf-rice-journey .mr-cta-text span{
  display:block;
  color:var(--mr-muted);
  font-size:12.5px;
  font-weight:700;
  line-height:1.8;
}

#mashoouf-rice-journey .mr-journey-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:210px;
  padding:13px 26px;
  border-radius:999px;
  background:var(--mr-green);
  color:#fff !important;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  box-shadow:0 8px 20px rgba(33,68,54,.22);
  transition:
    transform .28s ease,
    background .28s ease,
    box-shadow .28s ease;
}

#mashoouf-rice-journey .mr-journey-cta a::before{
  content:"←";
  margin-left:8px;
  font-size:16px;
}

#mashoouf-rice-journey .mr-journey-cta a:hover{
  background:#183227;
  color:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 14px 26px rgba(33,68,54,.24);
}

/* Mobile */
@media(max-width:900px){

  #mashoouf-rice-journey{
    padding:42px 10px;
  }

  #mashoouf-rice-journey .mr-journey-wrap{
    padding:16px;
    border-radius:26px;
  }

  #mashoouf-rice-journey .mr-journey-wrap::before{
    inset:8px;
    border-radius:20px;
  }

  #mashoouf-rice-journey .mr-journey-head{
    margin-bottom:18px;
  }

  #mashoouf-rice-journey .mr-journey-head span{
    font-size:12px;
    padding:7px 15px;
  }

  #mashoouf-rice-journey .mr-journey-head h2{
    font-size:27px;
  }

  #mashoouf-rice-journey .mr-journey-head p{
    font-size:13px;
    line-height:2;
  }

  #mashoouf-rice-journey .mr-journey-stepper{
    max-width:100%;
    margin:0 auto 18px;
    grid-template-columns:repeat(5,1fr);
  }

  #mashoouf-rice-journey .mr-stepper-line,
  #mashoouf-rice-journey .mr-stepper-fill{
    top:21px;
    right:9%;
    left:9%;
  }

  #mashoouf-rice-journey .mr-stepper-item{
    padding:0 1px;
  }

  #mashoouf-rice-journey .mr-stepper-item b{
    width:38px;
    height:38px;
    margin-bottom:8px;
    font-size:13px;
    border-width:3px;
  }

  #mashoouf-rice-journey .mr-stepper-item strong{
    font-size:10.5px;
    line-height:1.45;
    min-height:32px;
  }

  #mashoouf-rice-journey .mr-stepper-item span{
    display:none;
  }

  #mashoouf-rice-journey .mr-journey-visual{
    min-height:340px;
    border-radius:20px;
  }

  #mashoouf-rice-journey .mr-slide-badge{
    display:inline-flex !important;
    position:absolute;
    top:12px;
    right:12px;
    left:auto;
    bottom:auto;
    z-index:5;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    max-width:calc(100% - 24px);
    padding:6px 10px;
    border-radius:11px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(198,161,91,.34);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    backdrop-filter:blur(6px);
    text-align:right;
    transform:none;
  }

  #mashoouf-rice-journey .mr-slide-badge small{
    display:inline-flex;
    color:#9A7330;
    font-size:9.5px;
    line-height:1.6;
    font-weight:900;
    white-space:nowrap;
  }

  #mashoouf-rice-journey .mr-slide-badge strong{
    display:inline-flex;
    color:var(--mr-green);
    font-size:10.5px;
    line-height:1.6;
    font-weight:900;
    white-space:nowrap;
  }
#mashoouf-rice-journey .mr-slide-dots{
    margin:12px auto 18px;
  }

  #mashoouf-rice-journey .mr-slide-dots span{
    width:9px;
    height:9px;
  }

  #mashoouf-rice-journey .mr-journey-cta{
    grid-template-columns:1fr;
    text-align:center;
    padding:17px 16px;
    border-radius:20px;
    gap:12px;
  }

  #mashoouf-rice-journey .mr-cta-text{
    text-align:center;
  }

  #mashoouf-rice-journey .mr-cta-text strong{
    font-size:14px;
  }

  #mashoouf-rice-journey .mr-cta-text span{
    font-size:12px;
  }

  #mashoouf-rice-journey .mr-journey-cta a{
    width:100%;
    min-width:unset;
    padding:12px 20px;
    font-size:13px;
  }
}

@media(max-width:420px){

  #mashoouf-rice-journey{
    padding:34px 8px;
  }

  #mashoouf-rice-journey .mr-journey-wrap{
    padding:12px;
    border-radius:22px;
  }

  #mashoouf-rice-journey .mr-journey-head h2{
    font-size:24px;
  }

  #mashoouf-rice-journey .mr-stepper-item b{
    width:34px;
    height:34px;
    font-size:12px;
  }

  #mashoouf-rice-journey .mr-stepper-line,
  #mashoouf-rice-journey .mr-stepper-fill{
    top:19px;
  }

  #mashoouf-rice-journey .mr-stepper-item strong{
    font-size:9.5px;
  }

  #mashoouf-rice-journey .mr-journey-visual{
    min-height:300px;
    border-radius:17px;
  }

  #mashoouf-rice-journey .mr-slide-badge{
    top:10px;
    right:10px;
    gap:6px;
    padding:5px 8px;
    border-radius:10px;
  }

  #mashoouf-rice-journey .mr-slide-badge small{
    font-size:8.8px;
  }

  #mashoouf-rice-journey .mr-slide-badge strong{
    font-size:9.5px;
  }
}


/* =========================================================
MASHOUF RICE COMPARISON - CSS V2
نسخه اصلاح‌شده نهایی:
========================================================= */

.mashouf-comparison{
  --mc-green:#214436;
  --mc-gold:#C6A15B;
  --mc-salari:#4D765C;
  --mc-blue:#4E6F91;
  --mc-copper:#B07A4A;
  --mc-purple:#78608F;
  --mc-cream:#fffdf9;
  --mc-border:#eee4d6;
  --mc-line:#f1eadf;

  max-width:1240px;
  margin:0 auto;
  padding:76px 20px;
  direction:rtl;
  font-family:inherit;
  overflow:hidden;
}

.mashouf-comparison *{
  box-sizing:border-box;
}

/* Header */
.mc-header{
  text-align:center;
  margin-bottom:24px;
}

.mc-eyebrow{
  display:inline-flex;
  padding:7px 16px;
  border-radius:999px;
  background:#f6efe3;
  color:#9a7330;
  font-size:13px;
  font-weight:800;
  margin-bottom:14px;
}

.mc-header h2{
  margin:0 0 10px;
  color:var(--mc-green);
  font-size:44px;
  line-height:1.45;
  font-weight:900;
}

.mc-header p{
  margin:0;
  color:#777;
  font-size:17px;
  line-height:1.9;
}


.mc-header .mc-intro{
  max-width:720px;
  margin:0 auto;
  color:#6f766d;
  font-size:14px;
  line-height:2;
  font-weight:750;
}

/* Mobile Scroll Notice */
.mc-scroll-notice{
  display:none;
  text-align:center;
  margin:0 auto 16px;
  padding:10px 14px;
  border-radius:14px;
  background:#f7f3ec;
  color:#8a6422;
  font-size:13px;
  font-weight:800;
  line-height:1.8;
}

/* Scroll Area */
.mc-desktop{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:12px 4px 24px;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  direction:ltr;
}

.mc-grid{
  display:grid;
  grid-template-columns:170px repeat(5,1fr);
  gap:16px;
  direction:ltr;
  min-width:1180px;
  align-items:stretch;
}

/* Cards */
.mc-features,
.mc-card{
  direction:rtl;
  align-self:stretch;
  position:relative;
  background:#fff;
  border:1px solid var(--mc-border);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(33,68,54,.06);
}

.mc-card{
  border-top:6px solid var(--mc-gold) !important;
  scroll-snap-align:start;
  transition:border-top-color .28s ease, transform .28s ease, box-shadow .28s ease;
}

.mc-features{
  position:sticky;
  left:0;
  z-index:30;
  box-shadow:10px 0 24px rgba(33,68,54,.08);
}

/* Header Cells */
.mc-feature-header,
.mc-card-header{
  height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px;
  border-bottom:1px solid var(--mc-line);
}

.mc-feature-header{
  color:var(--mc-green);
  font-size:18px;
  font-weight:900;
  background:linear-gradient(180deg,#fff,#fbf8f2);
}

/* Vertical Badge */
.mc-side-badge{
  --badge-accent:var(--mc-gold);
  position:absolute;
  top:22px;
  right:0;
  width:30px;
  height:118px;
  display:flex;
  align-items:center;
  justify-content:center;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
  border-radius:12px 0 0 12px;
  z-index:20;
  opacity:.96;
  background:#F6F5F2;
  color:var(--mc-green);
  border-left:2px solid var(--badge-accent);
}

.mc-card.premium .mc-side-badge{--badge-accent:var(--mc-gold);}
.mc-card.hashemi .mc-side-badge{--badge-accent:var(--mc-salari);}
.mc-card.fajr .mc-side-badge{--badge-accent:var(--mc-blue);}
.mc-card.shiroudi .mc-side-badge{--badge-accent:var(--mc-copper);}
.mc-card.neda .mc-side-badge{--badge-accent:var(--mc-purple);}

/* Legacy badge class support */
.premium-badge,
.luxury-badge,
.economy-badge{
  background:#F6F5F2;
  color:var(--mc-green);
}

/* Product Header */
.mc-card-header img{
  width:88px !important;
  height:88px !important;
  object-fit:contain !important;
  margin-bottom:10px !important;
  filter:brightness(0) saturate(100%) invert(22%) sepia(20%) saturate(848%) hue-rotate(100deg) brightness(88%) contrast(88%) !important;
  transition:.28s ease;
}

.mc-card h3{
  margin:0;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--mc-green) !important;
  font-size:21px;
  line-height:1.6;
  font-weight:900;
}

.mc-card-header p{display:none !important;}

/* Table Cells */
.mc-feature,
.mc-value{
  box-sizing:border-box;
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px;
  border-bottom:1px solid var(--mc-line);
  color:var(--mc-green);
  font-size:14px;
  line-height:1.8;
}

.mc-feature{
  font-weight:900;
  background:var(--mc-cream);
}

.mc-value{
  font-weight:750;
}

.mc-feature:last-child,
.mc-value:last-child{
  border-bottom:0;
}


/* پنج ردیف مهم تصمیم‌گیری */
.mc-feature.mc-important,
.mc-value.mc-important{
  font-weight:900;
  background:inherit !important;
  box-shadow:none !important;
}

.mc-value.mc-important .mc-rate-box > span{
  font-weight:950;
}

/* Rating Dots */

.mc-rate-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.mc-rate-box > span{
  color:var(--mc-green);
  font-size:13px;
  font-weight:900;
  line-height:1.5;
}

.mc-rating{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  direction:ltr;
}

.mc-rating .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#F8F5EF;
  border:1px solid #E5DDD1;
  flex-shrink:0;
}

.mc-rating .dot.full{
  background:linear-gradient(180deg,#D6B06A 0%,#B98C3A 100%) !important;
  border-color:#B98C3A !important;
  box-shadow:0 2px 4px rgba(185,140,58,.18);
}

.mc-rating .dot.half{
  background:linear-gradient(to right,#C6A15B 50%,#F3EEE5 50%) !important;
  border-color:#B98C3A !important;
}

.mc-rating .dot.empty{
  background:#F8F5EF !important;
  border-color:#E5DDD1 !important;
}

/* Button */
.mc-action{
  padding:10px !important;
}

.mc-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:46px;
  border-radius:14px;
  background:var(--mc-green);
  color:#fff !important;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  transition:.25s ease;
}


.mc-btn span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:6px;
  font-size:14px;
  line-height:1;
}

.mc-btn:hover{
  background:#183227;
  color:#fff !important;
}

/* Hide Old Badges */
.mc-badge,
.mc-tag,
.mc-score,
.mc-rating-guide{
  display:none !important;
}

/* Desktop Hover Only */
@media (min-width:769px){

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

  .mc-card.premium:hover h3{color:var(--mc-gold) !important;}
  .mc-card.hashemi:hover h3{color:var(--mc-salari) !important;}
  .mc-card.fajr:hover h3{color:var(--mc-blue) !important;}
  .mc-card.shiroudi:hover h3{color:var(--mc-copper) !important;}
  .mc-card.neda:hover h3{color:var(--mc-purple) !important;}

  .mc-card.premium:hover .mc-card-header img{
    filter:brightness(0) saturate(100%) invert(63%) sepia(37%) saturate(636%) hue-rotate(5deg) brightness(92%) contrast(88%) !important;
  }

  .mc-card.hashemi:hover .mc-card-header img{
    filter:brightness(0) saturate(100%) invert(42%) sepia(13%) saturate(947%) hue-rotate(89deg) brightness(89%) contrast(86%) !important;
  }

  .mc-card.fajr:hover .mc-card-header img{
    filter:brightness(0) saturate(100%) invert(43%) sepia(16%) saturate(1130%) hue-rotate(169deg) brightness(91%) contrast(88%) !important;
  }

  .mc-card.shiroudi:hover .mc-card-header img{
    filter:brightness(0) saturate(100%) invert(51%) sepia(34%) saturate(646%) hue-rotate(345deg) brightness(92%) contrast(88%) !important;
  }

  .mc-card.neda:hover .mc-card-header img{
    filter:brightness(0) saturate(100%) invert(43%) sepia(16%) saturate(960%) hue-rotate(225deg) brightness(91%) contrast(88%) !important;
  }

  .mc-card.premium:hover .mc-side-badge{
    background:var(--mc-gold);
    color:#fff;
    border-left-color:var(--mc-gold);
  }

  .mc-card.hashemi:hover .mc-side-badge{
    background:var(--mc-salari);
    color:#fff;
    border-left-color:var(--mc-salari);
  }

  .mc-card.fajr:hover .mc-side-badge{
    background:var(--mc-blue);
    color:#fff;
    border-left-color:var(--mc-blue);
  }

  .mc-card.shiroudi:hover .mc-side-badge{
    background:var(--mc-copper);
    color:#fff;
    border-left-color:var(--mc-copper);
  }

  .mc-card.neda:hover .mc-side-badge{
    background:var(--mc-purple);
    color:#fff;
    border-left-color:var(--mc-purple);
  }
}

/* Scrollbar */
.mc-desktop::-webkit-scrollbar{
  height:8px;
}

.mc-desktop::-webkit-scrollbar-track{
  background:#f4eee4;
  border-radius:999px;
}

.mc-desktop::-webkit-scrollbar-thumb{
  background:#c6a15b;
  border-radius:999px;
}

/* Tablet */
@media(max-width:1200px){

  .mashouf-comparison{
    max-width:100%;
    padding:60px 14px;
  }

  .mc-scroll-notice{
    display:block;
  }

  .mc-grid{
    width:max-content;
    min-width:1120px;
    grid-template-columns:145px repeat(5,180px);
    gap:12px;
  }

  .mc-feature-header,
  .mc-card-header{
    height:190px;
    padding:14px 10px;
  }

  .mc-side-badge{
    top:18px;
    width:28px;
    height:108px;
    font-size:11px;
  }

  .mc-card-header img{
    width:76px !important;
    height:76px !important;
    margin-bottom:8px !important;
  }

  .mc-card h3{
    font-size:18px;
    min-height:52px;
  }

  .mc-card-header p{
    font-size:12px;
  }

  .mc-feature,
  .mc-value{
    min-height:70px;
    font-size:13px;
    padding:9px 8px;
  }
}

/* Mobile */
@media(max-width:768px){

  .mashouf-comparison{
    padding:46px 12px;
  }

  .mc-header{
    margin-bottom:20px;
  }

  .mc-eyebrow{
    font-size:12px;
    padding:6px 13px;
  }

  .mc-header h2{
    font-size:28px;
  }

  .mc-header p{
    font-size:13px;
  }

  .mc-header .mc-intro{
    font-size:12.5px;
    line-height:1.9;
  }


  .mc-scroll-notice{
    font-size:12px;
    padding:9px 12px;
    margin-bottom:12px;
  }

  .mc-grid{
    min-width:980px;
    grid-template-columns:125px repeat(5,155px);
    gap:10px;
  }

  .mc-features,
  .mc-card{
    border-radius:20px;
  }

  .mc-feature-header,
  .mc-card-header{
    height:172px;
  }

  .mc-feature-header{
    font-size:15px;
  }

  .mc-side-badge{
    top:16px;
    width:26px;
    height:96px;
    font-size:10px;
    letter-spacing:.5px;
    border-radius:10px 0 0 10px;
    background:#F6F5F2;
    color:var(--mc-green);
    border-left-color:var(--badge-accent);
  }

  .mc-card-header img{
    width:64px !important;
    height:64px !important;
    margin-bottom:6px !important;
  }

  .mc-card h3{
    font-size:15px;
    min-height:46px;
  }

  .mc-card-header p{
    font-size:11px;
  }

  .mc-feature,
  .mc-value{
    min-height:64px;
    font-size:12px;
    line-height:1.7;
    padding:8px 6px;
  }

  .mc-rate-box{
    gap:5px;
  }

  .mc-rate-box > span{
    font-size:11px;
  }

  .mc-rating{
    gap:4px;
  }

  .mc-rating .dot{
    width:8px;
    height:8px;
  }

  .mc-btn{
    min-height:40px;
    font-size:11px;
    border-radius:12px;
  }
}


/* =====================================================
MASHOOF LUXURY MOBILE TABS
 دسته بندی محصول
===================================================== */
@media(max-width:767px){

  .mashouf-tabs{
    display:flex !important;
    gap:12px;
    margin:24px 18px 24px;
    direction:rtl;
  }

  .mashouf-tabs .col{
    padding:0 4px !important;
  }

  .mashouf-tab{
    width:100% !important;
    min-height:72px;
    border-radius:18px !important;
    background:#fffdf8 !important;
    color:#1E4D36 !important;
    border:1px solid rgba(30,77,54,.14) !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1.7;
    box-shadow:0 10px 24px rgba(62,45,18,.07);
    transition:all .25s ease;
    position:relative;
    overflow:hidden;
  }

  .mashouf-tab:not(.active){
    opacity:.92;
  }

  .mashouf-tab:not(.active)::after{
    content:"";
    position:absolute;
    bottom:10px;
    left:50%;
    transform:translateX(-50%);
    width:5px;
    height:5px;
    border-radius:50%;
    background:#C89B3C;
    opacity:.55;
  }

  /* ممتاز - طلایی */
  .mashouf-tab.premium-tab.active{
    background:linear-gradient(145deg,#D8B35A 0%,#B98A2E 100%) !important;
    color:#fff !important;
    border-color:#E7C875 !important;
    box-shadow:
      0 14px 30px rgba(200,155,60,.34),
      inset 0 1px 0 rgba(255,255,255,.32);
  }

  /* اقتصادی - سبز */
  .mashouf-tab.eco-tab.active{
    background:linear-gradient(145deg,#1E4D36 0%,#123826 100%) !important;
    color:#fff !important;
    border-color:#C89B3C !important;
    box-shadow:
      0 14px 30px rgba(30,77,54,.30),
      inset 0 1px 0 rgba(255,255,255,.18);
  }

  /* شکسته - آبی مایل به سبز */
  .mashouf-tab.broken-tab.active{
    background:linear-gradient(145deg,#2C6F73 0%,#174F55 100%) !important;
    color:#fff !important;
    border-color:#8DBDC0 !important;
    box-shadow:
      0 14px 30px rgba(44,111,115,.30),
      inset 0 1px 0 rgba(255,255,255,.18);
  }

  .mashouf-banner{
    display:none !important;
  }

  .mashouf-banner.active{
    display:block !important;
    animation:mashoufCategoryTabsFade .28s ease;
  }

  .mashouf-banner .banner,
  .mashouf-banner img{
    width:100%;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(62,45,18,.12);
  }

  @keyframes mashoufCategoryTabsFade{
    from{
      opacity:0;
      transform:translateY(8px);
    }
    to{
      opacity:1;
      transform:translateY(0);
    }
  }

}
/* =====================================================
PRESSED BUTTON EFFECT
فقط افکت فشرده شدن
===================================================== */

.mashouf-tab{
transition:
transform .25s ease,
box-shadow .25s ease,
opacity .25s ease !important;
}

/* دکمه های غیرفعال */
.mashouf-tab:not(.active){
  transform:translateY(4px);
}

/* دکمه فعال */
.mashouf-tab.active{
  transform:translateY(-3px);
}
/* =====================================================
   MASHOOF PRODUCT FAMILY SECTION - CSS V3 CLEAN
   Module: migrated from WordPress Custom CSS
===================================================== */

.mashoouf-products-section,
.mashoouf-products-section *{
  box-sizing:border-box;
}

.mashoouf-products-section{
  --mashoouf-green:#214436;
  --mashoouf-gold:#C9A227;
  --mashoouf-cream:#F6F5F2;
  --mashoouf-border:rgba(33,68,54,.12);

  --mashoouf-darbari:#C9A227;
  --mashoouf-salari:#2F6B3F;
  --mashoouf-khoshnam:#3B6EA5;
  --mashoouf-khoshpokht:#B87333;
  --mashoouf-javaheri:#7B4CC2;

  width:100%;
  direction:rtl;
  background:var(--mashoouf-cream);
  padding:56px 16px 38px;
  font-family:inherit;
  overflow:hidden;
}

/* Header */
.mashoouf-products-head{
  max-width:1200px;
  margin:0 auto 26px;
  text-align:center;
}

.mashoouf-title-icon{
  color:var(--mashoouf-gold);
  font-size:30px;
  line-height:1;
  margin-bottom:6px;
}

.mashoouf-products-head h2{
  margin:0;
  color:var(--mashoouf-green);
  font-size:38px;
  line-height:1.55;
  font-weight:950;
}

.mashoouf-products-head p{
  margin:4px 0 0;
  color:#333;
  font-size:17px;
  line-height:2;
  font-weight:650;
}

/* Tabs */
.mashoouf-tabs-scroll{
  max-width:1040px;
  margin:0 auto 14px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  direction:rtl;
  overflow:visible;
}

.mashoouf-tab{
  --tab-accent:var(--mashoouf-gold);
  --tab-shadow:rgba(201,162,39,.17);
  --tab-filter:brightness(0) saturate(100%) invert(63%) sepia(44%) saturate(698%) hue-rotate(7deg) brightness(91%) contrast(88%);

  position:relative;
  min-width:0;
  height:96px;
  padding:10px 16px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;

  border:1px solid var(--mashoouf-border);
  border-radius:22px;
  background:rgba(255,255,255,.70);
  color:var(--mashoouf-green);

  cursor:pointer;
  font-family:inherit;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 8px 22px rgba(33,68,54,.045);

  transform:translateY(4px) scale(.985);
  opacity:.94;

  transition:
    transform .25s ease,
    opacity .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.darbari-tab,
.darbari-bg{
  --tab-accent:var(--mashoouf-darbari);
  --tab-shadow:rgba(201,162,39,.17);
}

.salari-tab,
.salari-bg{
  --tab-accent:var(--mashoouf-salari);
  --tab-shadow:rgba(47,107,63,.16);
  --tab-filter:brightness(0) saturate(100%) invert(35%) sepia(15%) saturate(1074%) hue-rotate(88deg) brightness(91%) contrast(88%);
}

.khoshnam-tab,
.khoshnam-bg{
  --tab-accent:var(--mashoouf-khoshnam);
  --tab-shadow:rgba(59,110,165,.16);
  --tab-filter:brightness(0) saturate(100%) invert(41%) sepia(21%) saturate(1134%) hue-rotate(173deg) brightness(91%) contrast(89%);
}

.khoshpokht-tab,
.khoshpokht-bg{
  --tab-accent:var(--mashoouf-khoshpokht);
  --tab-shadow:rgba(184,115,51,.16);
  --tab-filter:brightness(0) saturate(100%) invert(50%) sepia(35%) saturate(711%) hue-rotate(345deg) brightness(89%) contrast(88%);
}

.javaheri-tab,
.javaheri-bg{
  --tab-accent:var(--mashoouf-javaheri);
  --tab-shadow:rgba(123,76,194,.16);
  --tab-filter:brightness(0) saturate(100%) invert(41%) sepia(21%) saturate(1142%) hue-rotate(225deg) brightness(90%) contrast(90%);
}

/* Active dot only */
.mashoouf-tab::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-10px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--tab-accent);
  border:2px solid var(--mashoouf-cream);
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  opacity:0;
  transform:translateX(-50%) scale(.55);
  transition:.25s ease;
}

.mashoouf-tab:hover,
.mashoouf-tab.mashoouf-active-tab{
  opacity:1;
  background:rgba(255,255,255,.96);
  border-color:var(--tab-accent);
  transform:translateY(-3px) scale(1.015);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 16px 34px var(--tab-shadow),
    0 8px 18px rgba(33,68,54,.06);
  z-index:3;
}

.mashoouf-tab:hover::after,
.mashoouf-tab.mashoouf-active-tab::after{
  opacity:1;
  transform:translateX(-50%) scale(1);
}

.mashoouf-tab-icon{
  width:68px;
  height:68px;
  display:block;
  flex-shrink:0;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  opacity:.86;
  filter:brightness(0) saturate(100%) invert(37%) sepia(10%) saturate(430%) hue-rotate(86deg) brightness(88%) contrast(88%) !important;
  transition:
    transform .25s ease,
    filter .25s ease,
    opacity .25s ease;
}

.mashoouf-tab:hover .mashoouf-tab-icon,
.mashoouf-tab.mashoouf-active-tab .mashoouf-tab-icon{
  opacity:1;
  transform:scale(1.06);
  filter:var(--tab-filter) !important;
}

.mashoouf-tab strong{
  color:var(--mashoouf-green) !important;
  font-size:17px;
  font-weight:900;
  line-height:1.45;
  transition:color .25s ease;
}

.mashoouf-tab:hover strong,
.mashoouf-tab.mashoouf-active-tab strong{
  color:var(--tab-accent) !important;
}

/* Icon Images */
.darbari-tab .mashoouf-tab-icon{
  background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/darbari-icon.png");
}

.salari-tab .mashoouf-tab-icon{
  background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/salari-icon.png");
}

.khoshnam-tab .mashoouf-tab-icon{
  background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/icon-khoshnam-1.png");
}

.khoshpokht-tab .mashoouf-tab-icon{
  background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/icon-khoshpokh.png");
}

.javaheri-tab .mashoouf-tab-icon{
  background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/icon-javaheri-2.png");
}

/* Product Visibility */
.mashoouf-product{
  display:none;
}

.mashoouf-product.active{
  display:block;
  animation:mashooufProductFamilyFade .32s ease;
}

@keyframes mashooufProductFamilyFade{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}

.mashoouf-product-view{
  margin-top:0 !important;
}

/* Banner */
.mashoouf-responsive-banner{
  width:100%;
  max-width:1200px;
  min-height:450px;
  margin:0 auto 12px;
  padding:60px 70px;

  position:relative;
  overflow:hidden;

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

  background-size:cover;
  background-position:center;

  border:1px solid var(--tab-accent);
  border-radius:28px;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 16px 34px var(--tab-shadow),
    0 8px 18px rgba(33,68,54,.06);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.mashoouf-responsive-banner:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 18px 38px var(--tab-shadow),
    0 12px 24px rgba(33,68,54,.07);
}

.mashoouf-responsive-text{
  width:48%;
  max-width:450px;
  margin-right:-39px;

  position:relative;
  z-index:2;

  text-align:right;
  text-shadow:0 2px 6px rgba(255,255,255,.45);
}

.mashoouf-badge{
  display:inline-block;
  padding:8px 18px;
  margin-bottom:26px;

  position:relative;
  top:-48px;

  border:1px solid rgba(201,162,39,.45);
  border-radius:999px;
  background:rgba(255,255,255,.72);

  color:var(--mashoouf-green) !important;
  font-size:16px;
  font-weight:800;
  line-height:1.6;
}

.mashoouf-badge::before,
.mashoouf-badge::after{
  content:none !important;
  display:none !important;
}

.mashoouf-responsive-text h2,
.mashoouf-responsive-text h3,
.mashoouf-points{
  position:relative;
}

.mashoouf-responsive-text h2{
  top:-62px;
  margin:0 0 11px;
  font-size:42px;
  line-height:1.45;
  font-weight:900;
}

.mashoouf-responsive-text h3{
  top:-62px;
  margin:0 0 18px;
  color:var(--mashoouf-green) !important;
  font-size:23px;
  line-height:2.75;
  font-weight:800;
}

.mashoouf-points{
  top:-56px;
  list-style:none;
  padding:0;
  margin:0;
}

.mashoouf-points li{
  position:relative;
  margin-bottom:5px;
  padding-right:24px;
  color:#222;
  font-size:17px;
  line-height:1.9;
  font-weight:600;
}

.mashoouf-points li::before{
  content:"✓";
  position:absolute;
  right:0;
  top:0;
  color:var(--mashoouf-gold);
  font-weight:900;
}

.mashoouf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 34px;
  margin-top:0 !important;

  position:relative;
  top:10px;

  border-radius:999px;
  background:var(--mashoouf-green) !important;

  color:#fff !important;
  font-size:16px;
  font-weight:800;
  text-decoration:none;

  box-shadow:0 8px 20px rgba(31,79,53,.25);

  transition:
    background .3s ease,
    box-shadow .3s ease,
    color .3s ease,
    transform .3s ease;
}

.mashoouf-btn span{
  display:inline-flex;
  align-items:center;
  font-size:16px;
  line-height:1;
}

.mashoouf-btn:hover{
  background:var(--mashoouf-gold) !important;
  color:#fff !important;
  box-shadow:0 18px 24px rgba(0,0,0,.18);
  transform:translateY(-2px);
}

/* Images */
.darbari-bg{
  background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/برنج-درباری-مشعوف-هاشمی.webp");
}

.salari-bg{
  background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/برن-ج-سالاری-مشعوف-هاشمی.webp");
}

.khoshnam-bg{
  background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/برنج-خوشنام-مشعوف-فجر-گرگان.webp");
}

.khoshpokht-bg{
  background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/برن-خوشپخت-مشعوف.webp");
}

.javaheri-bg{
  background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/برنج-جواهری-مشعوف-1.webp");
}

/* Title Colors */
.darbari-bg .mashoouf-responsive-text h2{color:#c9a227 !important;}
.salari-bg .mashoouf-responsive-text h2{color:#2f6b3f !important;}
.khoshnam-bg .mashoouf-responsive-text h2{color:#0b3f7a !important;}
.khoshpokht-bg .mashoouf-responsive-text h2{color:#8C4B0E !important;}
.javaheri-bg .mashoouf-responsive-text h2{color:#4b236b !important;}

/* Mobile */
@media(max-width:768px){

  .mashoouf-products-section{
    padding:34px 8px 26px;
  }

  .mashoouf-products-head{
    margin-bottom:16px;
  }

  .mashoouf-title-icon{
    font-size:23px;
  }

  .mashoouf-products-head h2{
    font-size:25px;
    line-height:1.65;
  }

  .mashoouf-products-head p{
    font-size:13.5px;
  }

  .mashoouf-tabs-scroll{
    max-width:100%;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    margin:0 0 7px;
    padding:0 2px;
  }

  .mashoouf-tab{
    aspect-ratio:1/1;
    height:auto;
    min-height:64px;
    padding:7px 2px;
    border-radius:15px;
    gap:3px;
    flex-direction:column;
    background:#fff;
    border:1px solid rgba(33,68,54,.10);
    box-shadow:0 4px 14px rgba(0,0,0,.045);
    transform:translateY(3px) scale(.97);
  }

  .mashoouf-tab::after{
    bottom:-7px;
    width:7px;
    height:7px;
    border-width:2px;
  }

  .mashoouf-tab:hover,
  .mashoouf-tab.mashoouf-active-tab{
    transform:translateY(-2px) scale(1.02);
    background:#fffdf7;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 10px 22px var(--tab-shadow),
      0 4px 10px rgba(33,68,54,.05);
  }

  .mashoouf-tab-icon{
    width:36px;
    height:36px;
  }

  .mashoouf-tab strong{
    font-size:10px;
    line-height:1.2;
    font-weight:850;
    margin:0;
  }

  .mashoouf-responsive-banner{
    max-width:100%;
    min-height:unset;
    height:540px;
    margin:3px auto 12px;
    padding:18px;
    align-items:flex-end;
    justify-content:center;
    background-position:center;
    border-radius:24px;
  }

  .mashoouf-responsive-text{
    width:100%;
    max-width:100%;
    margin:0;
    padding:16px 14px 14px !important;

    text-align:center;
    text-shadow:none;

    border:1px solid rgba(201,162,39,.18);
    border-radius:22px;
    background:rgba(255,251,245,.94) !important;
    box-shadow:0 18px 36px rgba(33,68,54,.10) !important;
    backdrop-filter:blur(6px);
  }

  .mashoouf-badge,
  .mashoouf-responsive-text h2,
  .mashoouf-responsive-text h3,
  .mashoouf-points,
  .mashoouf-btn{
    top:0;
  }

  .mashoouf-badge{
    margin-bottom:10px;
    padding:5px 12px;
    font-size:12px;
  }

  .mashoouf-responsive-text h2{
    margin:0 0 6px;
    font-size:25px;
    line-height:1.35;
  }

  .mashoouf-responsive-text h3{
    margin:0 0 10px;
    font-size:14px;
    line-height:1.7;
  }

  .mashoouf-points{
    max-width:100%;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:6px 10px;
  }

  .mashoouf-points li{
    margin:0;
    padding-right:0;
    color:#333;
    text-align:center;
    font-size:11.5px;
    line-height:1.6;
  }

  .mashoouf-points li::before{
    display:none;
  }

  .mashoouf-btn{
    width:100%;
    min-height:46px;
    margin-top:12px !important;
    padding:11px 18px;
    font-size:13px;
  }

  .darbari-bg{
    background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/برنج-هاشمی-کشت-دوم.webp");
  }

  .salari-bg{background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/برنج-سالاری-کشت-اول.webp");}
  .khoshnam-bg{background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/برنج-خوشنام-فجر-.webp");}
  .khoshpokht-bg{background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/برنج-خوشپخت.webp");}
  .javaheri-bg{background-image:url("https://mashoouf.ir/wp-content/uploads/2026/06/برنج-جواهری-دانه-بلند-ندا.webp");}
}

@media(max-width:420px){

  .mashoouf-tab{
    min-height:62px;
    border-radius:14px;
  }

  .mashoouf-tab-icon{
    width:34px;
    height:34px;
  }

  .mashoouf-tab strong{
    font-size:9.8px;
  }

  .mashoouf-responsive-banner{
    height:520px;
    padding:14px;
    border-radius:22px;
  }

  .mashoouf-responsive-text{
    border-radius:20px;
  }

  .mashoouf-responsive-text h2{
    font-size:23px;
  }

  .mashoouf-responsive-text h3{
    font-size:13px;
  }
}

/* =====================================================
MASHOOUF ABOUT SECTION - CSS V3
Module: migrated from WordPress Custom CSS
===================================================== */

.mr-about-section,
.mr-about-section *{
  box-sizing:border-box;
}

.mr-about-section{
  width:100%;
  direction:rtl;
  padding:32px 16px;
  background:#F6F5F2;
  font-family:inherit;
  overflow:hidden;
}

.mr-about-wrap{
  max-width:1180px;
  margin:0 auto;
  background:#FCFBF8;
  border:1px solid #E8DFD0;
  border-radius:32px;
  padding:34px 32px 32px;
  position:relative;
  box-shadow:
    0 10px 25px rgba(0,0,0,.03),
    0 28px 70px rgba(33,68,54,.05);
}

.mr-about-wrap::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(198,161,91,.18);
  border-radius:25px;
  pointer-events:none;
}

.mr-about-header,
.mr-about-main{
  position:relative;
  z-index:2;
}

/* Header */
.mr-about-header{
  text-align:center;
  max-width:760px;
  margin:0 auto 30px;
}

.mr-about-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#A27A2E;
  background:#F5EFE2;
  border:1px solid rgba(198,161,91,.25);
  padding:7px 17px;
  border-radius:999px;
  font-size:12.5px;
  font-weight:900;
  margin-bottom:14px;
}

.mr-about-header h2{
  margin:0;
  color:#214436;
  font-size:31px;
  line-height:1.65;
  font-weight:900;
}

.mr-about-line{
  width:74px;
  height:2px;
  margin:14px auto 0;
  border-radius:999px;
  background:#C6A15B;
  opacity:.82;
}

/* Layout */
.mr-about-main{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:46px;
  align-items:center;
}

.mr-about-image,
.mr-about-content{
  position:relative;
  z-index:2;
}

/* Image */
.mr-about-image{
  height:430px;
  border-radius:28px;
  overflow:hidden;
  box-shadow:
    0 22px 54px rgba(40,30,15,.12),
    0 8px 18px rgba(33,68,54,.05);
  background:#F6F5F2;
  border:1px solid rgba(198,161,91,.16);
}

.mr-about-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.03);
}

.mr-about-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to top,rgba(25,18,8,.24),transparent 58%),
    radial-gradient(circle at top left,rgba(198,161,91,.10),transparent 38%);
}

/* Content */
.mr-about-content{
  padding:4px 0;
}

.mr-about-content p{
  margin:0 0 13px;
  color:#66645F;
  font-size:16px;
  line-height:2.18;
  text-align:justify;
  text-justify:inter-word;
}

/* Features */
.mr-about-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:20px 0 16px;
}

.mr-about-features span{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border-radius:999px;
  background:#F8F5EF;
  border:1px solid rgba(198,161,91,.20);
  color:#214436;
  font-size:13px;
  font-weight:900;
  line-height:1.7;
  text-align:center;
  white-space:nowrap;
}

.mr-about-tagline{
  margin:0 0 22px;
  color:#214436;
  font-size:14.5px;
  font-weight:900;
  line-height:2;
  text-align:center;
}

/* Button */
.mr-about-buttons{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

.mr-about-buttons a{
  text-decoration:none;
  border-radius:999px;
  padding:13px 28px;
  font-size:14.5px;
  font-weight:900;
  transition:
    transform .28s ease,
    background .28s ease,
    box-shadow .28s ease;
}

.mr-about-btn-main{
  background:#214436;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(33,68,54,.18);
}

.mr-about-btn-main:hover{
  background:#183227;
  color:#fff !important;
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(33,68,54,.22);
}

/* Mobile */
@media(max-width:900px){

  .mr-about-section{
    padding:42px 10px;
  }

  .mr-about-wrap{
    padding:18px 16px 16px;
    border-radius:24px;
  }

  .mr-about-wrap::before{
    inset:8px;
    border-radius:19px;
  }

  .mr-about-header{
    margin-bottom:20px;
  }

  .mr-about-label{
    font-size:12px;
    padding:7px 15px;
    margin-bottom:12px;
  }

  .mr-about-header h2{
    font-size:23px;
    line-height:1.6;
  }

  .mr-about-line{
    width:64px;
    margin-top:12px;
  }

  .mr-about-main{
    display:flex;
    flex-direction:column;
    gap:20px;
  }

  .mr-about-image{
    order:1;
    width:100%;
    height:315px;
    border-radius:20px;
  }

  .mr-about-content{
    order:2;
    width:100%;
    text-align:center;
    padding:0;
  }

  .mr-about-content p{
    font-size:14px;
    line-height:2.1;
    text-align:right;
  }

  .mr-about-features{
    grid-template-columns:repeat(3,1fr);
    gap:7px;
    margin:18px 0 14px;
  }

  .mr-about-features span{
    min-height:38px;
    padding:7px 5px;
    font-size:11.5px;
    line-height:1.6;
  }

  .mr-about-tagline{
    margin-bottom:18px;
    font-size:13px;
    text-align:center;
  }

  .mr-about-buttons{
    gap:10px;
  }

  .mr-about-buttons a{
    width:100%;
    text-align:center;
    padding:12px 22px;
    font-size:13px;
  }
}

@media(max-width:420px){

  .mr-about-section{
    padding:34px 8px;
  }

  .mr-about-wrap{
    padding:16px 12px 12px;
    border-radius:20px;
  }

  .mr-about-header h2{
    font-size:21px;
  }

  .mr-about-image{
    height:275px;
    border-radius:17px;
  }

  .mr-about-content p{
    font-size:13.5px;
  }

  .mr-about-features{
    gap:5px;
  }

  .mr-about-features span{
    min-height:36px;
    font-size:10.5px;
    padding:6px 4px;
  }
}
/* =====================================================
   MASHOOF PREMIUM FOOTER - FINAL CSS V5
===================================================== */

.mashoouf-footer{
  --mf-cream:#F1ECE4;
  --mf-white:#FFFDF8;
  --mf-green:#214436;
  --mf-green-dark:#143327;
  --mf-gold:#C9A227;
  --mf-orange:#D28A1D;
  --mf-text:#2f2f2f;
  --mf-muted:#6f6a63;
  --mf-line:rgba(201,162,39,.28);
  --mf-line-soft:rgba(201,162,39,.16);

  width:100%;
  direction:rtl;
  position:relative;
  overflow:visible;
  margin-top:64px;
  padding:72px 16px 0;
  background:var(--mf-cream);
  color:var(--mf-text);
  font-family:inherit;
}

.mashoouf-footer::before{
  content:"";
  position:absolute;
  top:-38px;
  left:50%;
  transform:translateX(-50%);
  width:112%;
  height:86px;
  z-index:0;
  background:var(--mf-cream);
  border-top:1px solid var(--mf-line);
  border-radius:50% 50% 0 0 / 80% 80% 0 0;
  box-shadow:0 -12px 34px rgba(33,68,54,.045);
}

.mashoouf-footer::after{
  content:"❧";
  position:absolute;
  top:-34px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  color:var(--mf-gold);
  font-size:34px;
  line-height:1;
  opacity:.85;
}

.mashoouf-footer,
.mashoouf-footer *{
  box-sizing:border-box;
}

.mashoouf-footer a{
  text-decoration:none;
}

.mashoouf-footer img{
  max-width:100%;
  height:auto;
  display:block;
}

.mashoouf-footer-inner{
  width:100%;
  max-width:1360px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* Brand */
.mashoouf-footer-brand{
  max-width:900px;
  margin:0 auto 34px;
  text-align:center;
}

.mashoouf-brand-separator{
  margin:0 auto 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:var(--mf-gold);
}

.mashoouf-brand-separator span{
  width:190px;
  height:1px;
  background:var(--mf-line);
}

.mashoouf-brand-separator i{
  font-style:normal;
  font-size:13px;
  line-height:1;
}

.mashoouf-brand-logo{
  margin:0 auto 10px;
}

.mashoouf-brand-logo img{
  width:300px;
  max-width:76%;
  height:auto;
  margin:0 auto;
  object-fit:contain;
}

.mashoouf-brand-logo strong{
  display:block;
  color:var(--mf-green);
  font-family:inherit;
  font-size:68px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:0;
}

.mashoouf-footer-brand h3{
  margin:0 0 6px;
  color:var(--mf-green);
  font-size:23px;
  line-height:1.8;
  font-weight:800;
}

.mashoouf-footer-brand p{
  max-width:640px;
  margin:0 auto;
  color:#3c3c3c;
  font-size:15px;
  line-height:2.05;
  font-weight:500;
}

/* Rice Journey */
.mashoouf-rice-journey{
  max-width:840px;
  margin:30px auto 0;

  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:start;
  gap:0;
  position:relative;
}

.mashoouf-rice-journey::before{
  content:"";
  position:absolute;
  top:36px;
  right:10%;
  left:10%;
  height:1px;
  border-top:2px dotted rgba(201,162,39,.50);
  z-index:0;
}

.mashoouf-journey-item{
  position:relative;
  z-index:1;
  text-align:center;
}

.mashoouf-journey-icon{
  width:72px;
  height:72px;
  margin:0 auto 9px;

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

  color:var(--mf-orange);
  background:var(--mf-white);

  border:1px solid rgba(210,138,29,.35);
  border-radius:50%;
  box-shadow:0 8px 18px rgba(33,68,54,.045);
}

.mashoouf-journey-icon svg{
  width:46px;
  height:46px;
  display:block;
  stroke:currentColor;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}

.mashoouf-journey-item strong{
  display:block;
  color:#222;
  font-size:15px;
  line-height:1.8;
  font-weight:800;
}

/* Main Footer Panel */
.mashoouf-footer-panel{
  margin:34px auto 0;
  padding:28px 26px;

  background:rgba(255,253,248,.58);
  border:1px solid rgba(201,162,39,.16);
  border-radius:26px;
  box-shadow:0 14px 34px rgba(33,68,54,.045);
}

.mashoouf-footer-grid{
  display:grid;
  direction:ltr;
  grid-template-columns:1.02fr 1.25fr 1.65fr 1.05fr;
  grid-template-areas:"trust contact guide products";
  gap:0;
  align-items:start;
}

.mashoouf-footer-products{
  grid-area:products;
  border-left:0;
}

.mashoouf-footer-guide{grid-area:guide;}
.mashoouf-footer-contact{grid-area:contact;}
.mashoouf-footer-trust{grid-area:trust;}

.mashoouf-footer-box{
  direction:rtl;
  min-width:0;
  padding:0 24px;
  border-left:1px solid rgba(201,162,39,.17);
}

.mashoouf-footer-box h4{
  margin:0 0 22px;
  color:var(--mf-green);
  font-size:21px;
  line-height:1.6;
  font-weight:800;
  text-align:center;
  position:relative;
}

.mashoouf-footer-box h4::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin:8px auto 0;
  background:var(--mf-gold);
  opacity:.8;
}

/* Products */
.mashoouf-footer-products ul,
.mashoouf-footer-contact ul{
  list-style:none;
  padding:0;
  margin:0;
}

.mashoouf-footer-products li{
  margin:0;
  padding:0;
  border-bottom:1px solid var(--mf-line-soft);
}

.mashoouf-footer-products a{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  direction:rtl;
  color:var(--mf-text);
  font-size:15px;
  font-weight:600;
  line-height:1.8;
  transition:color .25s ease, padding .25s ease;
}

.mashoouf-footer-products a::before{
  content:"‹";
  color:var(--mf-gold);
  font-size:25px;
  line-height:1;
}

.mashoouf-footer-products a:hover{
  color:var(--mf-gold);
  padding-right:4px;
}

/* Guide */
.mashoouf-footer-guide a{
  min-height:54px;
  margin-bottom:12px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  direction:rtl;
  color:var(--mf-text);
  background:rgba(255,255,255,.68);
  border:1px solid rgba(201,162,39,.16);
  border-radius:16px;
  font-size:15px;
  line-height:1.8;
  font-weight:600;
  box-shadow:0 6px 16px rgba(33,68,54,.025);
  transition:color .25s ease, border-color .25s ease, transform .25s ease, background .25s ease;
}

.mashoouf-footer-guide a span{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:var(--mf-green);
  background:var(--mf-white);
  border:1px solid var(--mf-line);
  border-radius:50%;
}

.mashoouf-footer-guide a:hover{
  color:var(--mf-gold);
  background:#fff;
  border-color:var(--mf-gold);
  transform:translateY(-2px);
}

/* Contact */
.mashoouf-footer-contact li{
  margin:0;
  padding:8px 0;
  direction:rtl;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  column-gap:10px;
  border-bottom:1px solid var(--mf-line-soft);
}

.mashoouf-footer-contact li span{
  width:34px;
  height:34px;
  grid-column:1;
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--mf-green);
  background:var(--mf-white);
  border:1px solid var(--mf-line);
  border-radius:50%;
  font-size:14px;
  line-height:1;
}

.mashoouf-footer-contact a,
.mashoouf-footer-contact p{
  grid-column:2;
  justify-self:start;
  text-align:right;
  margin:0;
  color:var(--mf-text);
  font-size:14px;
  line-height:1.85;
  font-weight:500;
}

.mashoouf-footer-contact a:hover{
  color:var(--mf-gold);
}

/* Trust Badges */
.mashoouf-trust-grid{
  margin-top:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:12px;
}

.mashoouf-trust-box{
  width:124px;
  height:124px;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid var(--mf-line);
  border-radius:16px;
  box-shadow:0 10px 24px rgba(33,68,54,.06);
  overflow:hidden;
}

a.mashoouf-trust-box{
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

a.mashoouf-trust-box:hover{
  transform:translateY(-2px);
  border-color:var(--mf-gold);
  box-shadow:0 14px 30px rgba(201,162,39,.12);
}

.mashoouf-trust-box img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.mashoouf-trust-placeholder{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  color:#8b8172;
  font-size:12px;
  line-height:1.8;
  text-align:center;
  border:1px dashed rgba(201,162,39,.35);
  border-radius:12px;
  background:#fffdf9;
}

/* Secure Payment */
.mashoouf-secure-payment{
  width:100%;
  margin:18px auto 0;
  padding:11px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  direction:rtl;
  background:rgba(255,253,248,.76);
  border:1px solid rgba(201,162,39,.18);
  border-radius:14px;
  box-shadow:0 8px 18px rgba(33,68,54,.025);
}

.mashoouf-secure-icon{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:var(--mf-gold);
  background:#fff;
  border:1px solid var(--mf-line);
  border-radius:50%;
  font-size:17px;
  line-height:1;
}

.mashoouf-secure-payment p{
  margin:0;
  color:var(--mf-text);
  font-size:12.5px;
  line-height:1.85;
  font-weight:500;
}

.mashoouf-secure-payment strong{
  color:var(--mf-gold);
  font-weight:800;
}

/* Legal Links */
.mashoouf-footer-legal{
  max-width:980px;
  margin:26px auto 0;
  padding:16px 18px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 13px;
  direction:rtl;
  text-align:center;
  border-top:1px solid var(--mf-line-soft);
}

.mashoouf-footer-legal a{
  color:var(--mf-muted);
  font-size:13px;
  line-height:1.9;
  font-weight:600;
  transition:color .25s ease;
}

.mashoouf-footer-legal a:hover{
  color:var(--mf-gold);
}

.mashoouf-footer-legal span{
  color:rgba(201,162,39,.62);
  font-size:13px;
  line-height:1;
}

/* Bottom Copyright */
.mashoouf-footer-bottom{
  position:relative;
  z-index:2;
  width:calc(100% + 32px);
  margin:18px -16px 0;
  padding:32px 16px 34px;
  text-align:center;
  background:
    radial-gradient(circle at 18% 50%, rgba(201,162,39,.12), transparent 34%),
    linear-gradient(180deg,#214436,#143327);
  border-top:1px solid rgba(201,162,39,.28);
  overflow:hidden;
}

.mashoouf-footer-bottom p{
  max-width:820px;
  margin:0 auto;
  color:#fff;
  font-size:15px;
  line-height:2.1;
  font-weight:500;
}

/* Tablet */
@media(max-width:1024px){

  .mashoouf-footer{
    padding-top:64px;
  }

  .mashoouf-footer-panel{
    padding:24px 20px;
  }

  .mashoouf-footer-grid{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "guide products"
      "trust contact";
    gap:24px 0;
  }

  .mashoouf-footer-box{
    border-left:0;
    padding:0 22px 20px;
  }

  .mashoouf-footer-products,
  .mashoouf-footer-guide{
    border-bottom:1px solid rgba(201,162,39,.16);
  }
}

/* Mobile */
@media(max-width:768px){

  .mashoouf-footer{
    margin-top:48px;
    padding:58px 12px 0;
  }

  .mashoouf-footer::before{
    top:-30px;
    height:68px;
    width:120%;
  }

  .mashoouf-footer::after{
    top:-28px;
    font-size:28px;
  }

  .mashoouf-brand-separator{
    margin-bottom:22px;
  }

  .mashoouf-brand-separator span{
    width:70px;
  }

  .mashoouf-brand-logo img{
    width:238px;
    max-width:82%;
  }

  .mashoouf-brand-logo strong{
    font-size:50px;
    line-height:1.25;
  }

  .mashoouf-footer-brand h3{
    margin-bottom:4px;
    font-size:20px;
    line-height:1.8;
  }

  .mashoouf-footer-brand p{
    padding:0 10px;
    font-size:14px;
    line-height:2.1;
  }

  .mashoouf-rice-journey{
    max-width:100%;
    margin-top:26px;
    gap:4px;
  }

  .mashoouf-rice-journey::before{
    top:27px;
    right:8%;
    left:8%;
  }

  .mashoouf-journey-icon{
    width:54px;
    height:54px;
    margin-bottom:7px;
  }

  .mashoouf-journey-icon svg{
    width:35px;
    height:35px;
    stroke-width:2.2;
  }

  .mashoouf-journey-item strong{
    font-size:12px;
  }

  .mashoouf-footer-panel{
    margin-top:28px;
    padding:22px 14px;
    border-radius:22px;
  }

  .mashoouf-footer-grid{
    display:grid;
    direction:ltr;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "contact products"
      "guide guide"
      "trust trust";
    gap:0 20px;
  }

  .mashoouf-footer-box{
    direction:rtl;
    padding:0 0 24px;
    margin-bottom:22px;
    border-left:0;
    border-bottom:1px solid rgba(201,162,39,.16);
  }

  .mashoouf-footer-guide{
    margin-top:2px;
  }

  .mashoouf-footer-trust{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:0;
  }

  .mashoouf-footer-box h4{
    margin-bottom:16px;
    font-size:18px;
  }

  .mashoouf-footer-products a{
    min-height:42px;
    font-size:13.5px;
  }

  .mashoouf-footer-products a::before{
    font-size:22px;
  }

  .mashoouf-footer-contact li{
    grid-template-columns:32px minmax(0,1fr);
    gap:8px;
    padding:8px 0;
  }

  .mashoouf-footer-contact li span{
    width:30px;
    height:30px;
    font-size:12px;
  }

  .mashoouf-footer-contact a,
  .mashoouf-footer-contact p{
    font-size:12.5px;
    line-height:1.85;
  }

  .mashoouf-footer-guide a{
    min-height:50px;
    padding:10px 14px;
    justify-content:flex-start;
    font-size:14px;
  }

  .mashoouf-footer-guide a span{
    width:36px;
    height:36px;
  }

  .mashoouf-trust-grid{
    justify-content:center;
    flex-wrap:nowrap;
    gap:14px;
  }

  .mashoouf-trust-box{
    width:124px;
    height:124px;
  }

  .mashoouf-secure-payment{
    max-width:420px;
    margin:16px auto 0;
    padding:13px 12px;
  }

  .mashoouf-secure-payment p{
    font-size:12.5px;
  }

  .mashoouf-footer-legal{
    margin-top:20px;
    padding:14px 4px 0;
    gap:6px 10px;
  }

  .mashoouf-footer-legal a{
    font-size:11.8px;
  }

  .mashoouf-footer-legal span{
    display:none;
  }

  .mashoouf-footer-bottom{
    width:calc(100% + 24px);
    margin:16px -12px 0;
    padding:28px 20px 30px;
  }

  .mashoouf-footer-bottom p{
    font-size:13px;
    line-height:2.1;
  }
}

/* Small Mobile */
@media(max-width:420px){

  .mashoouf-footer{
    padding-left:10px;
    padding-right:10px;
  }

  .mashoouf-brand-logo img{
    width:218px;
    max-width:84%;
  }

  .mashoouf-brand-logo strong{
    font-size:44px;
    line-height:1.25;
  }

  .mashoouf-rice-journey{
    gap:2px;
  }

  .mashoouf-journey-icon{
    width:47px;
    height:47px;
  }

  .mashoouf-journey-icon svg{
    width:31px;
    height:31px;
  }

  .mashoouf-journey-item strong{
    font-size:10.6px;
  }

  .mashoouf-footer-grid{
    gap:0 14px;
  }

  .mashoouf-footer-products a,
  .mashoouf-footer-contact a,
  .mashoouf-footer-contact p{
    font-size:12px;
  }

  .mashoouf-trust-box{
    width:112px;
    height:112px;
  }

  .mashoouf-footer-bottom{
    width:calc(100% + 20px);
    margin-left:-10px;
    margin-right:-10px;
  }
}


/* =====================================================
   ACCESSIBILITY: REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
  #mashoouf-rice-journey *,
  .mashouf-comparison *,
  .mashouf-tabs *,
  .mashoouf-products-section *,
  .mr-about-section *,
  .mashoouf-footer * {
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}