/*
* Legacy compatibility layer retained from the verified 101/103 cascade.
* Exact duplicate rules/comments removed; selector order and cascade are preserved.
*/
.site-header{background: var(--surface-color);
padding: 18px 0;
box-shadow: 0 3px 15px rgba(0,0,0,0.05);
position: sticky;
top: 0;
z-index: 1000;}
.site-header .container{display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;}
.logo a{display: flex;
align-items: center;
gap: 12px;}
.logo-icon{width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
background: var(--primary-color);
color: white;
border-radius: 16px;
font-size: 28px;
font-weight: bold;}
.logo-text h1{font-size: 24px;
margin: 0;
color: var(--primary-color);}
.logo-text p{margin: 2px 0 0;
font-size: 12px;
color: var(--muted-color);}
.main-menu ul{display: flex;
align-items: center;
gap: 25px;
list-style: none;
margin: 0;
padding: 0;}
.main-menu li{margin: 0;}
.main-menu a{color: var(--text-color);
font-size: 16px;
transition: .3s;}
.main-menu a:hover{color: var(--primary-color);}
.header-buttons{display: flex;
gap: 10px;}
.header-buttons a{padding: 10px 22px;
border-radius: 10px;
background: var(--primary-color);
color: white;
transition: .3s;}
.header-buttons a:hover{background: var(--primary-dark);}
.hero{padding: 90px 30px;
margin: 40px auto;
max-width: 1200px;
text-align: center;
background: linear-gradient(
135deg,
#E3F2FD,
#FFFFFF
);
border-radius: 30px;}
.hero h1{font-size: 48px;
line-height: 1.4;
color: var(--primary-dark);
margin-bottom: 20px;}
.hero p{font-size: 20px;
max-width: 700px;
margin: 0 auto 35px;}
.hero-buttons{display: flex;
justify-content: center;
gap: 15px;}
.hero-buttons a{padding: 14px 35px;
border-radius: 12px;
background: var(--primary-color);
color: white;
transition: .3s;}
.hero-buttons a:hover{background: var(--primary-dark);}
.hero-buttons a:last-child{background: var(--secondary-color);}
.features{max-width: 1200px;
margin: 70px auto;
display: flex;
gap: 25px;}
.features div{flex: 1;
background: var(--surface-color);
padding: 35px 25px;
border-radius: 20px;
box-shadow: var(--shadow);
text-align: center;
transition: .3s;}
.features div:hover{transform: translateY(-8px);}
.features h3{color: var(--primary-color);
margin-bottom: 15px;}
.features p{margin: 0;}
.products{max-width: 1200px;
margin: 80px auto;
text-align: center;}
.products h2{font-size: 36px;
color: var(--primary-dark);
margin-bottom: 45px;}
.product-grid{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;}
.product-card{background: var(--surface-color);
border-radius: 22px;
padding: 35px 25px;
box-shadow: var(--shadow);
transition: .3s;
position: relative;
overflow: hidden;}
.product-card:hover{transform: translateY(-10px);}
.product-card h3{font-size: 22px;
margin-bottom: 15px;
color: var(--primary-color);}
.product-card p{line-height: 2;}
.product-card a{display: inline-block;
margin-top: 25px;
padding: 12px 30px;
border-radius: 10px;
background: var(--primary-color);
color: white;
transition: .3s;}
.product-card a:hover{background: var(--primary-dark);}
.site-footer{background: #111827;
color: white;
margin-top: 80px;
padding: 60px 20px 20px;}
.footer-container{max-width: 1200px;
margin: auto;
display: flex;
justify-content: space-between;
gap: 40px;}
.site-footer h3{color: white;
margin-bottom: 20px;}
.site-footer p{color: #D1D5DB;}
.footer-links{display: flex;
flex-direction: column;
gap: 10px;}
.footer-links a{color: #D1D5DB;
transition: .3s;}
.footer-links a:hover{color: white;}
.copyright{max-width: 1200px;
margin: 40px auto 0;
padding-top: 20px;
border-top: 1px solid #374151;
text-align: center;
color: #9CA3AF;}
@media (max-width: 768px) {.site-header .container{flex-direction: column;}
.main-menu ul{flex-direction: column;
gap: 15px;}
.header-buttons{width: 100%;
justify-content: center;}
.hero{padding: 50px 20px;}
.hero h1{font-size: 32px;}
.hero-buttons{flex-direction: column;}
.features{flex-direction: column;
margin: 40px 20px;}
.product-grid{grid-template-columns: 1fr;
margin: 0 20px;}
.footer-container{flex-direction: column;
text-align: center;}}
.why-us{max-width: 1200px;
margin: 80px auto;
padding: 60px 30px;
text-align: center;}
.why-us h2{font-size: 36px;
color: var(--primary-dark);
margin-bottom: 45px;}
.why-grid{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;}
.why-grid div{background: var(--surface-color);
padding: 35px 25px;
border-radius: 22px;
box-shadow: var(--shadow);
transition: .3s;}
.why-grid div:hover{transform: translateY(-8px);}
.why-grid h3{color: var(--primary-color);
margin-bottom: 15px;}
.why-grid p{margin: 0;}
.stats{max-width: 1200px;
margin: 70px auto;
padding: 45px 30px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
background: var(--primary-color);
border-radius: 30px;}
.stat-box{text-align: center;
color: white;}
.stat-box h3{color: white;
font-size: 40px;
margin-bottom: 10px;}
.stat-box p{color: rgba(255,255,255,0.85);
margin: 0;}
@media (max-width: 768px) {.stats{grid-template-columns: repeat(2, 1fr);
margin: 50px 20px;}}
@media (max-width: 450px) {.stats{grid-template-columns: 1fr;}}
.hero{max-width: 1200px;
margin: 50px auto;
padding: 70px 50px;
background: linear-gradient(
135deg,
#E3F2FD,
#FFFFFF
);
border-radius: 35px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;}
.hero-content{flex: 1;}
.hero p{font-size: 20px;
line-height: 2;
margin-bottom: 35px;}
.hero-buttons{display: flex;
gap: 15px;}
.hero-image{flex: 0 0 300px;
display: flex;
justify-content: center;}
.education-card{width: 230px;
height: 230px;
border-radius: 40px;
background: white;
box-shadow: var(--shadow);
display: flex;
align-items: center;
justify-content: center;
font-size: 90px;}
@media (max-width:768px) {.hero{flex-direction: column;
padding: 45px 25px;
text-align: center;}
.hero h1{font-size: 32px;}
.hero-buttons{justify-content: center;
flex-direction: column;}}
.hero,
.features,
.products,
.why-us,
.stats{animation: fadeUp .8s ease both;}
@keyframes fadeUp {from{opacity: 0;
transform: translateY(25px);}
to{opacity: 1;
transform: translateY(0);}}
.product-card,
.features div,
.why-grid div{transition:
transform .3s ease,
box-shadow .3s ease;}
.product-card:hover,
.features div:hover,
.why-grid div:hover{box-shadow: 0 20px 40px rgba(0,0,0,.12);}
.hero-buttons a{box-shadow: 0 10px 20px rgba(21,101,192,.25);}
.hero-buttons a:active{transform: scale(.96);}
.education-card{width: 280px;
min-height: 320px;
background: white;
border-radius: 35px;
padding: 35px 25px;
text-align: center;
box-shadow: 0 25px 50px rgba(0,0,0,.12);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: .4s;}
.education-card:hover{transform: translateY(-10px);}
.book-icon{width: 90px;
height: 90px;
background: #E3F2FD;
border-radius: 25px;
display: flex;
align-items: center;
justify-content: center;
font-size: 45px;
margin-bottom: 25px;}
.education-card h3{color: var(--primary-color);
font-size: 24px;
margin-bottom: 10px;}
.education-card p{font-size: 15px;
line-height: 1.8;}
@media (max-width:768px) {.education-card{width: 240px;
min-height: 280px;}}
h1,
h2,
h3,
h4{font-family: "Vazirmatn", Tahoma, sans-serif;
font-weight: 800;
letter-spacing: -0.5px;}
p{font-weight: 400;}
button,
a{font-family: "Vazirmatn", Tahoma, sans-serif;}
.hero h1{font-size: 52px;
font-weight: 900;
line-height: 1.35;
letter-spacing: -1px;}
.hero p{font-size: 19px;
font-weight: 400;
line-height: 2.1;}
.products h2,
.why-us h2{font-size: 38px;
font-weight: 900;
margin-bottom: 50px;}
.product-card h3,
.features h3,
.why-grid h3{font-size: 22px;
font-weight: 800;}
.product-card p,
.features p,
.why-grid p{font-size: 15px;
line-height: 2;}
.header-buttons a{font-weight: 600;}
@media (max-width:768px) {.hero h1{font-size: 34px;}
.products h2,
.why-us h2{font-size: 30px;}}
.site-header{background:#ffffff;
border-bottom:1px solid #eeeeee;
position:sticky;
top:0;
z-index:999;}
.header-container{max-width:1200px;
margin:auto;
padding:18px 25px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;}
.site-logo img{max-height:55px;
width:auto;}
.site-logo span{font-size:28px;
font-weight:800;
color:#1677ff;}
.header-search{flex:1;
max-width:420px;}
.header-search form{display:flex;
background:#f5f7fb;
border-radius:14px;
overflow:hidden;
border:1px solid #e5e7eb;}
.header-search input{flex:1;
border:none;
background:transparent;
padding:13px 18px;
font-family:inherit;
font-size:14px;
outline:none;}
.header-search button{width:50px;
border:none;
background:#1677ff;
color:white;
font-size:18px;
cursor:pointer;}
.main-menu .nav-menu{display:flex;
gap:22px;
list-style:none;
margin:0;
padding:0;}
.main-menu .nav-menu li a{text-decoration:none;
color:#333;
font-size:15px;
font-weight:600;
transition:.3s;}
.main-menu .nav-menu li a:hover{color:#1677ff;}
@media (max-width:900px) {.header-container{flex-wrap:wrap;}
.header-search{order:3;
max-width:100%;
width:100%;}
.main-menu{width:100%;}
.main-menu .nav-menu{justify-content:center;
flex-wrap:wrap;}}
.site-header{background:rgba(255,255,255,.95);
backdrop-filter:blur(10px);
box-shadow:0 8px 30px rgba(0,0,0,.06);
border-bottom:1px solid #edf0f5;}
.header-container{max-width:1280px;
padding:16px 30px;}
.site-logo{display:flex;
align-items:center;}
.site-logo img{max-height:70px;
transition:.3s;}
.site-logo img:hover{transform:scale(1.04);}
.site-logo span{font-size:32px;
font-weight:900;
letter-spacing:-1px;
background:linear-gradient(90deg,#1677ff,#00b894);
-webkit-text-fill-color:transparent;}
.header-search{position:relative;}
.header-search form{height:48px;
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:18px;
transition:.3s;}
.header-search form:focus-within{border-color:#1677ff;
box-shadow:0 0 0 4px rgba(22,119,255,.12);}
.header-search input{font-size:15px;
padding-right:20px;}
.header-search button{background:#1677ff;
width:55px;
transition:.3s;}
.header-search button:hover{background:#005bd4;}
.main-menu .nav-menu li a{position:relative;
padding:10px 5px;}
.main-menu .nav-menu li a::after{content:"";
position:absolute;
bottom:0;
right:0;
width:0;
height:2px;
background:#1677ff;
transition:.3s;}
.main-menu .nav-menu li a:hover::after{width:100%;}
@media (min-width:1000px) {.site-logo{min-width:180px;}
.main-menu{min-width:260px;}}
.header-container{display:flex;
align-items:center;
gap:25px;}
.header-search{flex:1;
margin:0 20px;}
.header-actions{display:flex;
align-items:center;
gap:10px;}
.header-actions a{display:flex;
align-items:center;
justify-content:center;
height:44px;}
.main-menu{white-space:nowrap;}
@media (max-width:1100px) {.header-container{flex-wrap:wrap;}
.site-logo{order:1;}
.header-search{order:3;
width:100%;
margin:10px 0;}
.main-menu{order:2;}
.header-actions{order:4;}}
.hero-slider{position:relative;
width:100%;
overflow:hidden;}
.hero-slide img{width:100%;
height:450px;
object-fit:cover;
display:block;}
.hero-slide{display:none;}
.hero-slide:first-child{display:block;}
.slider-hero{position:relative;
width:100%;
overflow:hidden;}
.hero-slide{display:none;
width:100%;
animation:fadeHero .8s ease;}
.hero-slide.active{display:block;}
@keyframes fadeHero {from{opacity:0;}
to{opacity:1;}}
.slider-hero .hero-slide{display:none !important;
width:100%;}
.slider-hero .hero-slide.active{display:block !important;}
.slider-hero .hero-slide img{width:100%;
height:450px;
object-fit:cover;
display:block;}
.slider-hero{background: transparent !important;}
.slider-hero .hero-slide{display:none;
opacity:0;
transition:opacity 1.2s ease-in-out;}
.slider-hero .hero-slide.active{display:block;
opacity:1;}
.slider-hero .hero-slide img{width:100%;
height:520px;
object-fit:cover;
display:block;}
.slider-hero{position:relative;}
.slider-dots{position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:8px;
z-index:10;}
.slider-hero{position:relative;
width:100%;
max-width:1200px;
margin:0 auto;
padding:0;
overflow:hidden;
background:transparent !important;
border-radius:0 !important;}
.slider-hero .hero-slide{display:none;
width:100%;
opacity:0;
transition:opacity 1s ease;}
.slider-hero .hero-slide img{width:100%;
height:450px;
object-fit:cover;
display:block;
border-radius:0 !important;
margin-top: 20px;}
.slider-dots{position:absolute;
bottom:18px;
left:50%;
transform:translateX(-50%);
display:flex;
align-items:center;
gap:8px;
z-index:20;}
.slider-dot{width:10px;
height:10px;
background:#000;
opacity:.35;
border-radius:50%;
cursor:pointer;
transition:all .3s ease;}
.slider-dot.active{width:28px;
height:10px;
background:#000;
opacity:1;
border-radius:10px;}
.slider-hero{position: relative;
width: 100%;
max-width: 1200px;
margin: 24px auto 0;
overflow: hidden;
background: transparent;}
.slider-hero .hero-slide{display: none;
width: 100%;}
.slider-hero .hero-slide.active{display: block;}
.slider-hero .hero-slide img{display: block;
width: 100%;
height: 500px;
object-fit: cover;
object-position: center;}
.slider-hero{position:relative;
overflow:hidden;}
.hero-slide{position:absolute;
top:0;
right:-100%;
width:100%;
opacity:0;
transition:all 1.2s ease;}
.hero-slide.active{position:relative;
right:0;
opacity:1;}
.hero-slide img{width:100%;
height:500px;
object-fit:cover;
display:block;}
.grades{padding:38px 20px 60px;
text-align:center;}
.section-title h2{margin-bottom:10px;}
.section-title p{color:#777;}
.grade-grid{max-width:1200px;
margin:35px auto 0;
display:grid;
grid-template-columns:repeat(6,1fr);
gap:18px;}
.grade-card a{display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:150px;
background:#ffffff;
border-radius:16px;
text-decoration:none;
color:#145da0;
box-shadow:0 6px 20px rgba(0,0,0,.08);
transition:.3s;}
.grade-card a:hover{transform:translateY(-5px);
box-shadow:0 12px 25px rgba(0,0,0,.12);}
.grade-icon{font-size:26px;
margin-bottom:10px;}
.grade-card h3{margin:0;
font-size:18px;
font-weight:700;
color:#0b4f8a;}
@media (max-width:900px) {.grade-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:600px) {.grade-grid{grid-template-columns:repeat(3,1fr);}}
.stats{max-width:1200px;
margin:50px auto;
padding:25px 30px;
display:grid;
grid-template-columns:repeat(4,1fr);
background:#f8fbff;
border-radius:20px;}
.stat-box{text-align:center;
border-left:1px solid #e5eaf0;}
.stat-box:last-child{border-left:none;}
.stat-box h3{margin:0;
font-size:32px;
font-weight:800;
color:#0d6efd;}
.stat-box p{margin:8px 0 0;
color:#555;
font-size:14px;}
@media (max-width:768px) {.stats{grid-template-columns:repeat(2,1fr);}
.stat-box{border:none;
padding:15px;}}
.site-logo span{background:linear-gradient(
90deg,
#A44AFF,
#7C2EDB
);
-webkit-text-fill-color:transparent;}
.main-menu .nav-menu li a:hover{color:#A44AFF;}
.header-search button{background:#A44AFF;}
.header-search button:hover{background:#7C2EDB;}
.header-buttons a,
.hero-buttons a,
.product-card a{background:#A44AFF;}
.header-buttons a:hover,
.hero-buttons a:hover,
.product-card a:hover{background:#7C2EDB;}
.hero h1,
.products h2,
.why-us h2{color:#7C2EDB;}
.features h3,
.product-card h3,
.why-grid h3{color:#A44AFF;}
.grade-card a{color:#A44AFF;}
.grade-card h3{color:#7C2EDB;}
.stat-box h3{color:#A44AFF;}
.header-search form:focus-within{border-color:#A44AFF;
box-shadow:0 0 0 4px rgba(164,74,255,.15);}
.grade-card a{height:155px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:#ffffff;
border-radius:22px;
text-decoration:none;
border:1px solid rgba(164,74,255,.18);
box-shadow:0 10px 30px rgba(0,0,0,.08);
position:relative;
overflow:hidden;
transition:.35s ease;}
.grade-card a::before{content:"";
position:absolute;
top:-20px;
right:-20px;
width:65px;
height:65px;
background:rgba(164,74,255,.18);
border-radius:50%;}
.grade-card a::after{content:"";
position:absolute;
bottom:-35px;
left:-35px;
width:75px;
height:75px;
background:rgba(164,74,255,.14);
border-radius:50%;}
.grade-card a:hover{transform:translateY(-7px);
border-color:#A44AFF;
box-shadow:0 18px 40px rgba(0,0,0,.13);}
.grade-card a:hover::before{transform:scale(1.3);}
.grade-icon{font-size:34px !important;
margin-bottom:12px;
z-index:2;}
.grade-card h3{margin:0;
font-size:19px !important;
font-weight:800;
color:#355E0F !important;
z-index:2;}
@media (max-width:600px) {.grade-grid{grid-template-columns:repeat(2,1fr);}}
.features{max-width:1200px;
margin:90px auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
direction:rtl;}
.features div{position:relative;
background:#ffffff;
padding:45px 35px;
border-radius:28px;
text-align:center;
border:1px solid #eef2f7;
box-shadow:0 12px 35px rgba(0,0,0,.06);
transition:.45s ease;
cursor:pointer;}
.features div::before{content:"";
position:absolute;
top:0;
right:35px;
left:35px;
height:4px;
background:#A44AFF;
border-radius:0 0 10px 10px;}
.features div::after{display:flex;
align-items:center;
justify-content:center;
width:80px;
height:80px;
border-radius:24px;
margin:0 auto 30px;
font-size:38px;
background:#f1f8e9;
color:#A44AFF;
transition:.45s ease;}
.features div:nth-child(1)::after{content:"📖";}
.features div:nth-child(2)::after{content:"⚙️";}
.features div:nth-child(3)::after{content:"✎";}
.features h3{margin:0 0 15px;
font-size:24px;
font-weight:900;
color:#111827;
transition:.35s ease;}
.features p{margin:0;
color:#64748b;
line-height:2;
font-size:15px;}
.features div:hover{transform:translateY(-10px);
box-shadow:
0 25px 60px rgba(164,74,255,.18);
border-color:#A44AFF;}
.features div:hover::after{transform:scale(.85) translateY(-5px);
background:#A44AFF;
color:#ffffff;}
.features div:hover h3{color:#A44AFF;}
@media (max-width:900px) {.features{grid-template-columns:1fr;
margin:60px 20px;}}
.features div a{display:inline-flex;
align-items:center;
justify-content:center;
margin-top:25px;
padding:9px 24px;
border-radius:50px;
background:#fff0f3;
color:#e85d75;
text-decoration:none;
font-size:14px;
font-weight:800;
border:1px solid #ffd6df;
transition:.35s ease;}
.features div a:hover{background:#e85d75;
color:#ffffff;
transform:translateY(-3px);}
.features div:nth-child(3) a{background:#fff0f3;
color:#e85d75;
border-color:#ffd6df;}
.features div:nth-child(3) a:hover{background:#e85d75;
color:#fff;}
.features div{display:flex;
flex-direction:column;
align-items:center;}
.features div::after{order:1;}
.features h3{order:2;}
.features p{order:3;}
.features div a{order:4;}
.features{max-width:1200px;
margin:35px auto 90px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
direction:rtl;}
.features div{position:relative;
background:#ffffff;
padding:25px 35px;
border-radius:22px;
text-align:center;
border:1px solid #eef2f7;
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:.45s ease;
cursor:pointer;
display:flex;
flex-direction:column;
align-items:center;}
.features div::before{content:"";
position:absolute;
top:0;
right:45px;
left:45px;
height:4px;
background:#A44AFF;
border-radius:0 0 10px 10px;}
.features div::after{display:flex;
align-items:center;
justify-content:center;
width:58px;
height:58px;
border-radius:18px;
margin:0 auto 15px;
font-size:28px;
background:#f1f8e9;
color:#A44AFF;
transition:.45s ease;
order:1;}
.features h3{order:2;
margin:0 0 8px;
font-size:22px;
font-weight:900;
color:#111827;
transition:.35s ease;}
.features p{order:3;
margin:0;
color:#64748b;
line-height:1.8;
font-size:14px;}
.features div a{order:4;
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:15px;
padding:7px 20px;
border-radius:50px;
background:#fff0f3;
color:#e85d75;
text-decoration:none;
font-size:13px;
font-weight:800;
border:1px solid #ffd6df;
transition:.35s ease;}
.features div:hover{transform:translateY(-7px);
box-shadow:0 20px 45px rgba(164,74,255,.16);
border-color:#A44AFF;}
.features div:hover::after{transform:scale(.85) translateY(-4px);
background:#A44AFF;
color:#ffffff;}
.features div a:hover{background:#e85d75;
color:#ffffff;}
@media (max-width:900px) {.features{grid-template-columns:1fr;
margin:25px 20px 60px;}}
.slider-hero{height:420px;
overflow:hidden;}
.slider-hero .hero-slide{height:100%;}
.slider-hero .hero-slide img{width:100%;
height:100%;
object-fit:cover;}
@media (max-width:900px) {.slider-hero{height:240px;}}
.site-header{background:#ffffff;
position:relative;
z-index:100;
border-bottom:1px solid #eef2f7;}
.header-container{max-width:1200px;
margin:auto;
height:85px;
display:flex;
align-items:center;
gap:25px;
direction:rtl;}
.site-logo{flex:0 0 auto;}
.site-logo span{font-size:28px;
font-weight:900;
color:#A44AFF;}
.header-search{flex:1;}
.header-search form{display:flex;
height:45px;
background:#f7f9f5;
border-radius:50px;
overflow:hidden;
border:1px solid #edf2e8;}
.header-search input{flex:1;
border:none;
background:transparent;
padding:0 20px;
outline:none;
font-family:inherit;}
.header-search button{width:55px;
border:none;
background:#A44AFF;
color:#fff;
cursor:pointer;}
.main-menu .nav-menu{display:flex;
gap:20px;
list-style:none;
margin:0;
padding:0;}
.main-menu a{text-decoration:none;
color:#374151;
font-weight:700;}
.header-actions{display:flex;
gap:12px;}
.header-actions a{text-decoration:none;
padding:10px 15px;
border-radius:50px;
font-size:14px;
font-weight:800;}
.header-login{color:#374151;}
.header-cart{background:#A44AFF;
color:#fff;}
.mobile-menu-btn{display:none;
border:none;
background:none;
font-size:28px;
cursor:pointer;
color:#A44AFF;}
@media (max-width:768px) {.site-header{height:auto;}
.header-container{height:auto;
min-height:70px;
padding:10px 15px;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:10px;}
.mobile-menu-btn{display:block;
order:1;}
.site-logo{order:2;}
.site-logo span{font-size:22px;}
.site-logo img{max-height:45px;}
.header-actions{order:3;
display:flex;
align-items:center;
gap:10px;}
.header-actions a{width:42px;
height:42px;
padding:0;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:22px;}
.header-actions a span{display:none;}
.header-login{background:#F7F3FF;
color:#374151;}
.header-cart{background:#A44AFF;
color:#ffffff;}
.header-search{order:4;
width:100%;}
.header-search form{height:42px;}
.header-search input{font-size:14px;}
.main-menu{display:none;}}
@media (max-width:768px) {.mobile-menu{position:fixed;
top:0;
right:-320px;
width:280px;
height:100vh;
background:#ffffff;
padding:80px 25px 30px;
z-index:1000;
box-shadow:-10px 0 30px rgba(0,0,0,.12);
transition:.35s ease;}
.mobile-menu.active{right:0;}
.mobile-menu .nav-menu{display:flex;
flex-direction:column;
gap:22px;
list-style:none;
padding:0;
margin:0;}
.mobile-menu .nav-menu a{display:block;
color:#374151;
font-size:17px;
font-weight:800;
text-decoration:none;
padding-bottom:15px;
border-bottom:1px solid #eef2f7;}
.menu-overlay{position:fixed;
inset:0;
background:rgba(0,0,0,.45);
z-index:900;
opacity:0;
visibility:hidden;
transition:.35s ease;}
.menu-overlay.active{opacity:1;
visibility:visible;}}
@media (max-width:768px) {.mobile-menu{display:block;}
.main-menu:not(.mobile-menu){display:none;}
.mobile-menu .nav-menu{display:flex;
flex-direction:column;
gap:20px;
list-style:none;
padding:0;
margin:0;}
.mobile-menu .nav-menu li{width:100%;}
.mobile-menu .nav-menu a{display:block;
padding:12px 0;
color:#374151;
text-decoration:none;
font-size:16px;
font-weight:800;
border-bottom:1px solid #eeeeee;}}
.mobile-close-btn{position:absolute;
top:20px;
left:20px;
width:40px;
height:40px;
border:none;
border-radius:50%;
background:#A44AFF;
color:#fff;
font-size:28px;
line-height:1;
cursor:pointer;}
@media (min-width:769px) {.mobile-close-btn{display:none;}}
@media (max-width:768px) {.features{display:grid;
grid-template-columns:repeat(3,1fr);
gap:6px;
padding:0;}
.features > div{min-height:45px;
padding:8px 4px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
border-radius:10px;
box-shadow:0 2px 8px rgba(0,0,0,.05);}
.features h3{font-size:11px;
line-height:1.4;
margin:0;}
.features p,
.features::after{display:none;}}
@media (max-width:768px) {.features a{display:none !important;}
.features h3{display:block;}}
@media (max-width:768px) {.stats,
.statistics,
.counter-section{display:flex;
flex-direction:row;
justify-content:space-around;
align-items:center;
gap:5px;
padding:10px 5px;
width:100%;}
.stats > div,
.statistics > div,
.counter-section > div{flex:1;
text-align:center;
padding:5px;}
.stats h2,
.statistics h2,
.counter-section h2{font-size:18px;
margin:0 0 3px;}
.stats p,
.statistics p,
.counter-section p{font-size:10px;
margin:0;}}
@media (max-width:768px) {.site-footer,
footer{padding:25px 15px;}
.footer-container,
.footer-widgets{display:flex;
flex-direction:column;
gap:18px;
text-align:center;}
.footer-column,
.footer-widget{width:100%;}
footer h3{font-size:15px;
margin-bottom:10px;}
footer p,
footer li,
footer a{font-size:12px;
line-height:1.8;}
footer ul{padding:0;
list-style:none;
margin:0;}
.footer-bottom{margin-top:15px;
padding-top:12px;
font-size:11px;
text-align:center;}}
@media (max-width:768px) {html,
body{overflow-x:hidden;}
body{font-size:14px;}
.container,
.header-container{width:100%;
padding-left:15px;
padding-right:15px;}
.site-header{padding:8px 0;}
.header-container{display:flex;
align-items:center;
justify-content:space-between;
gap:8px;}
.site-logo img{max-width:110px;}
.header-actions{gap:6px;}
.header-actions a{font-size:11px;
padding:5px 7px;}
.header-search{width:100%;
order:3;}
.header-search input{height:36px;
font-size:12px;}
.slider,
.swiper,
.hero-slider{width:100%;
border-radius:14px;
overflow:hidden;}
.slider img,
.swiper img,
.hero-slider img{width:100%;
height:auto;}
.features{display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
gap:5px;
width:100%;
margin:15px 0;}
.features > div{flex:1;
min-width:0;
padding:8px 3px;
text-align:center;
box-shadow:none;}
.features h3{font-size:11px;
line-height:1.5;
margin:0;}
.features p,
.features a{display:none !important;}
.stats,
.statistics,
.counter-section{display:flex;
flex-direction:row;
justify-content:space-around;
align-items:center;
gap:5px;
padding:10px 0;}
.stats > div,
.statistics > div,
.counter-section > div{flex:1;
text-align:center;}
.stats h2,
.statistics h2,
.counter-section h2{font-size:17px;
margin:0;}
.stats p,
.statistics p,
.counter-section p{font-size:10px;
margin:3px 0 0;}
footer{padding:25px 15px;
text-align:center;}
.footer-container,
.footer-widgets{display:flex;
flex-direction:column;
gap:15px;}
footer h3{font-size:14px;}
footer a,
footer p,
footer li{font-size:12px;}
button,
.btn{max-width:100%;}
img{max-width:100%;
height:auto;}
section{margin-bottom:20px;}}
@media (min-width:769px) {.hero.slider-hero{margin-top:24px;}}
@media (max-width:768px) {.hero.slider-hero{width:100% !important;
max-width:100% !important;
height:auto !important;
min-height:0 !important;
overflow:hidden;}
.hero.slider-hero img{width:100% !important;
height:auto !important;
object-fit:contain !important;
display:block;}}
@media (max-width:768px) {.hero.slider-hero{margin-top:-12px !important;}
.site-header{padding-bottom:0 !important;}}
@media (max-width:768px) {.header-container{display:flex !important;
flex-direction:row !important;
flex-wrap:wrap !important;
align-items:center;
justify-content:space-between;
gap:8px;}
.main-menu{order:1;
display:flex;
align-items:center;
margin-left:8px;}
.site-logo{order:2;
display:flex;
align-items:center;}
.site-logo img{max-width:100px;
height:auto;}
.header-actions{order:3;
display:flex;
align-items:center;
gap:8px;
margin-right:auto;}
.header-actions a{font-size:11px;
white-space:nowrap;
padding:5px;}
.header-search{order:4;
flex-basis:100%;
width:100% !important;
margin-top:8px;}
.header-search form{width:100%;}
.header-search input{width:100%;
height:38px;
font-size:12px;}}
.why-us{padding:45px 20px !important;
background:#f8fbfc;}
.why-us h2{text-align:center;
font-size:26px !important;
font-weight:800;
color:#123;
margin-bottom:12px !important;}
.why-us > p{text-align:center;
max-width:600px;
margin:0 auto 30px;
color:#667;
font-size:14px;
line-height:2;}
.why-us .why-card{background:#fff;
border-radius:22px;
padding:22px 15px !important;
border:1px solid #edf2f3;
box-shadow:0 8px 25px rgba(0,0,0,.05);
transition:.3s;}
.why-us .why-card:hover{transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,.08);}
.why-us .icon{width:50px !important;
height:50px !important;
margin:0 auto 14px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#e7f7f5;
color:#009688;
font-size:24px;}
.why-us h3{font-size:16px !important;
font-weight:700;
color:#123;
margin-bottom:8px;}
.why-us .why-card p{font-size:13px !important;
color:#667;
line-height:1.8;}
@media (max-width:768px) {.why-us{padding:30px 12px !important;}
.why-us h2{font-size:22px !important;}
.why-us .why-card{border-radius:18px;
padding:18px 10px !important;}}
@media (max-width:768px) {.why-us{display:none !important;}}
.grade-subjects{display:grid !important;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin:40px 0;}
.subject-card{background:#fff !important;
padding:25px 15px !important;
border-radius:20px !important;
text-align:center;
border:1px solid #eee;
box-shadow:0 8px 25px rgba(0,0,0,.08);}
.subject-card h3{font-size:18px;
margin:15px 0 8px;}
.subject-card p{font-size:13px;
color:#666;}
@media (max-width:768px) {.grade-subjects{grid-template-columns:repeat(2,1fr);
gap:12px;}
.subject-card{padding:18px 10px !important;}}
.products-section{max-width:1100px;
margin:40px auto;
padding:0 15px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
direction:rtl;}
.product-card{position:relative;
background:#fff;
border-radius:18px;
padding:15px;
text-align:center;
border:1px solid #e5e7eb;
box-shadow:0 5px 20px rgba(0,0,0,.08);
overflow:hidden;
transition:.3s;}
.product-card:hover{transform:translateY(-6px);
box-shadow:0 15px 35px rgba(20,184,167,.18);}
.discount-badge{position:absolute;
top:0;
right:0;
z-index:3;
background:#ef4444;
color:#fff;
padding:4px 7px;
border-radius:0 0 0 9px;
font-size:11px;
line-height:1.25;
font-weight:900;
white-space:nowrap;
direction:rtl;
unicode-bidi:plaintext;}
.product-image{height:240px;
display:flex;
align-items:center;
justify-content:center;
margin:10px 0;}
.product-image img{max-height:220px;
max-width:90%;
object-fit:contain;}
.product-card h2{font-size:18px;
font-weight:900;
color:#334155;
margin:12px 0;
line-height:1.8;}
.product-price{margin:15px 0;}
.product-price del{display:block;
color:#a1a1aa;
font-size:14px;}
.product-price ins{text-decoration:none;
color:#2563eb;
font-size:20px;
font-weight:900;}
.product-button{display:block;
background:#14b8a6;
color:#fff !important;
padding:12px;
border-radius:40px;
font-size:14px;
font-weight:900;
text-decoration:none;
margin-top:15px;}
.status-badge{position:absolute;
top:0;
right:0;
color:white;
padding:10px 18px;
border-radius:0 0 0 25px;
font-size:13px;
font-weight:900;}
.free-product{background:#ef4444;}
.out-stock{background:#64748b;}
.free-price{display:inline-block;
background:#ef4444;
color:#fff !important;
padding:8px 20px;
border-radius:30px;
font-size:18px;
font-weight:900;}
@media (max-width:900px) {.products-section{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px) {.products-section{grid-template-columns:1fr;}
.product-card{max-width:320px;
margin:auto;}
.product-image{height:210px;}}
.free-price,
.out-stock-price{display:inline-block !important;
background:transparent !important;
padding:0 !important;
border:none !important;
border-radius:0 !important;
font-size:20px !important;
font-weight:900 !important;
margin:12px 0 !important;}
.free-price{color:#ef4444 !important;}
.out-stock-price{color:#7d8898 !important;}
.free-price,
.out-stock-price,
.coming-soon-price{display:inline-block !important;
background:transparent !important;
padding:0 !important;
border:none !important;
border-radius:0 !important;
font-size:20px !important;
font-weight:900 !important;
margin:12px 0 !important;}
.out-stock-price{color:#64748b !important;}
.coming-soon-price{color:#2563eb !important;}
@media (max-width:900px) {.products-section{grid-template-columns:repeat(2,1fr);
gap:15px;
padding:0 12px;}
.product-card{padding:12px;
border-radius:15px;}
.product-image{height:220px;}
.product-image img{max-height:200px;}
.product-card h2{font-size:16px;
line-height:1.7;}
.new-price,
.custom-price{font-size:18px;}
.discount-badge{padding:10px 14px;
font-size:12px;}}
@media (max-width:600px) {.products-section{grid-template-columns:1fr;
gap:20px;}
.product-card{max-width:360px;
width:100%;
margin:auto;}
.product-image{height:240px;}
.product-image img{max-height:220px;}
.product-card h2{font-size:17px;}
.product-button{padding:13px;
font-size:15px;}}
.mp-single-product{max-width:1200px;
margin:50px auto;
padding:0 20px;
direction:rtl;}
.mp-product-top{display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
background:#fff;
padding:40px;
border-radius:28px;
box-shadow:0 10px 40px rgba(0,0,0,.08);}
.mp-product-gallery{display:flex;
align-items:center;
justify-content:center;}
.mp-product-gallery img{max-width:100%;
height:auto;
border-radius:20px;}
.woocommerce-product-gallery{width:100% !important;}
.mp-product-info{display:flex;
flex-direction:column;
justify-content:center;}
.mp-title{font-size:32px;
line-height:1.8;
font-weight:900;
color:#1e293b;
margin-bottom:20px;}
.mp-status{width:max-content;
padding:8px 22px;
border-radius:30px;
font-size:15px;
font-weight:900;
margin-bottom:20px;}
.mp-status.available{background:#dcfce7;
color:#16a34a;}
.mp-status.free{color:#ef4444;}
.mp-status.unavailable{color:#64748b;}
.mp-status.coming{color:#2563eb;}
.mp-price{margin:20px 0;}
.mp-old-price{display:block;
color:#94a3b8;
text-decoration:line-through;
font-size:16px;
margin-bottom:8px;}
.mp-new-price{display:block;
color:#2563eb;
font-size:28px;
font-weight:900;}
.mp-cart button{width:100% !important;
background:#14b8a6 !important;
color:#fff !important;
border:none !important;
border-radius:50px !important;
padding:16px !important;
font-size:18px !important;
font-weight:900 !important;
cursor:pointer;}
.mp-cart button:hover{opacity:.9;}
.mp-features{margin-top:25px;
background:#f8fafc;
padding:20px;
border-radius:18px;
color:#475569;
line-height:2.2;
font-size:15px;}
.mp-description{margin-top:40px;
background:#fff;
padding:40px;
border-radius:25px;
box-shadow:0 8px 30px rgba(0,0,0,.06);}
.mp-description h2{font-size:26px;
font-weight:900;
margin-bottom:25px;}
@media (max-width:768px) {.mp-product-top{grid-template-columns:1fr;
padding:20px;
gap:30px;}
.mp-title{font-size:24px;}
.mp-new-price{font-size:22px;}
.mp-description{padding:20px;}}
.mp-rating{margin:10px 0 20px;
font-size:16px;}
.mp-rating .star-rating{float:none;
display:inline-block;}
.woocommerce-review-link{color:#64748b;
text-decoration:none;
margin-right:10px;}
.mp-description{margin-top:50px !important;
margin-bottom:35px !important;}
.mp-reviews{margin-top:45px !important;
background:#fff;
padding:35px;
border-radius:25px;
box-shadow:0 8px 30px rgba(0,0,0,.06);}
.woocommerce-Reviews-title{font-size:24px;
font-weight:900;
color:#1e293b;
margin-bottom:25px;}
.comment-form{margin-top:25px;}
.comment-form textarea{width:100%;
border:1px solid #e2e8f0;
border-radius:15px;
padding:15px;
font-family:inherit;}
.comment-form input[type="submit"]{background:#14b8a6;
color:#fff;
border:none;
border-radius:40px;
padding:12px 35px;
font-weight:900;
cursor:pointer;}
@media (max-width:768px) {.mp-description{margin-top:30px !important;
padding:20px !important;
border-radius:18px;}
.mp-reviews{margin-top:25px !important;
padding:20px;
border-radius:18px;}
.woocommerce-Reviews-title{font-size:20px;}
.comment-form textarea{min-height:130px;}}
.mega-menu{width:100%;
position:relative;
direction:rtl;
font-family:inherit;}
.mega-menu-top{display:flex;
align-items:center;
gap:10px;
padding:12px 20px;
background:#fff;
border-radius:12px;}
.mega-item{padding:12px 25px;
cursor:pointer;
font-size:16px;
font-weight:700;
color:#333;
position:relative;
transition:.3s;}
.mega-item:hover,
.mega-item.active{color:#00a8a8;}
.mega-item:after{content:"";
position:absolute;
bottom:3px;
right:50%;
width:0;
height:3px;
background:#00bfa6;
transition:.3s;
transform:translateX(50%);}
.mega-item:hover:after,
.mega-item.active:after{width:70%;}
.mega-content{display:flex;
gap:35px;
background:#fff;
margin-top:5px;
padding:25px;
border-radius:15px;
box-shadow:0 10px 35px rgba(0,0,0,.12);}
.mega-box{min-width:170px;}
.mega-box h3{font-size:18px;
margin-bottom:15px;
color:#222;}
.mega-box a{display:block;
padding:8px 0;
color:#555;
text-decoration:none;
transition:.25s;
font-size:15px;}
.mega-box a:hover{color:#00a8a8;
transform:translateX(-5px);}
.mp-mega-menu{position:relative;
width:100%;
direction:rtl;
z-index:9999;}
.mp-mega-top{display:flex;
align-items:center;
gap:15px;}
.mp-mega-item{padding:14px 20px;
cursor:pointer;
font-weight:700;
position:relative;
color:#333;}
.mp-mega-item:hover{color:#00a99d;}
.mp-mega-dropdown{position:absolute;
top:100%;
right:0;
width:100%;
background:#fff;
padding:25px;
border-radius:0 0 15px 15px;
box-shadow:0 10px 30px rgba(0,0,0,.12);
opacity:0;
visibility:hidden;
transform:translateY(15px);
transition:.3s ease;}
.mp-mega-menu:hover .mp-mega-dropdown{opacity:1;
visibility:visible;
transform:translateY(0);}
.mp-mega-top{display:flex;
align-items:center;}
.mp-mega-item{padding:15px 25px;
cursor:pointer;
font-size:16px;
font-weight:700;
position:relative;
color:#333;}
.mp-mega-item:after{content:"";
position:absolute;
bottom:5px;
right:50%;
width:0;
height:3px;
background:#00bfa6;
transform:translateX(50%);
transition:.3s;}
.mp-mega-item:hover:after{width:70%;}
.mp-mega-dropdown{position:absolute;
top:100%;
right:0;
width:100%;
background:#fff;
padding:30px;
border-radius:0 0 15px 15px;
box-shadow:0 15px 35px rgba(0,0,0,.12);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(15px);
transition:.3s ease;}
.mp-mega-menu:hover .mp-mega-dropdown{opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0);}
.mp-mega-content{display:flex;
gap:40px;}
.mp-mega-column{min-width:180px;}
.mp-mega-column h3{font-size:18px;
margin-bottom:15px;
border-bottom:2px solid #00bfa6;
padding-bottom:8px;}
.mp-mega-column a{display:block;
padding:8px;
color:#555;
text-decoration:none;
border-radius:8px;
transition:.25s;}
.mp-mega-column a:hover{background:#f0fffc;
color:#00a99d;}
.mp-level-container{display:flex;
gap:40px;}
.mp-level-one{min-width:200px;}
.mp-level-one h3{font-size:18px;
font-weight:800;
margin-bottom:15px;
color:#222;
border-bottom:2px solid #00bfa6;
padding-bottom:8px;}
.mp-grade-item{position:relative;}
.mp-grade-item > a{display:flex;
justify-content:space-between;
align-items:center;
padding:10px 12px;
color:#444;
text-decoration:none;
border-radius:8px;
transition:.25s;}
.mp-grade-item > a:after{content:"◀";
font-size:12px;
opacity:.5;}
.mp-grade-item:hover > a{background:#f0fffc;
color:#00a99d;}
.mp-sub-panel{position:absolute;
right:100%;
top:0;
width:190px;
background:#fff;
padding:15px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
opacity:0;
visibility:hidden;
transform:translateX(15px);
transition:.3s ease;
z-index:10000;}
.mp-grade-item:hover .mp-sub-panel{opacity:1;
visibility:visible;
transform:translateX(0);}
.mp-sub-panel a{display:block;
padding:8px;
text-decoration:none;
color:#555;
border-radius:7px;
transition:.25s;}
.mp-sub-panel a:hover{background:#f0fffc;
color:#00a99d;}
.mp-columns{display:flex;
gap:20px;}
.mp-column{width:250px;}
.mp-group-item h3{font-size:18px;
margin-bottom:15px;}
.mp-grade-item,
.mp-field-item{position:relative;}
.mp-grade-item>a,
.mp-field-item>a{display:flex;
justify-content:space-between;
padding:10px;
text-decoration:none;
color:#444;
border-radius:8px;}
.mp-grade-item>a:hover,
.mp-field-item>a:hover{background:#effffc;
color:#00a99d;}
.mp-field-box{position:absolute;
right:100%;
top:0;
width:220px;
background:#fff;
padding:15px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
opacity:0;
visibility:hidden;
transition:.3s;}
.mp-grade-item:hover .mp-field-box{opacity:1;
visibility:visible;}
.mp-lesson-box{position:absolute;
right:100%;
top:0;
width:200px;
background:#fff;
padding:15px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
opacity:0;
visibility:hidden;
transition:.3s;}
.mp-field-item:hover .mp-lesson-box{opacity:1;
visibility:visible;}
.mp-lesson-box a{display:block;
padding:8px;
text-decoration:none;
color:#555;}
.mp-lesson-box a:hover{background:#effffc;
color:#00a99d;}
.mp-column{width:100%;}
.mp-column > .mp-group-item{display:inline-block;
vertical-align:top;
width:30%;
margin-left:20px;}
.mp-group-item h3{text-align:center;
padding-bottom:10px;
border-bottom:2px solid #00bfa6;}
.mp-grade-box{margin-top:10px;}
.mp-mega-dropdown{width:1200px;
max-width:95vw;
right:50%;
transform:translateX(50%) translateY(15px);
background:#fff;
overflow:visible;}
.mp-mega-menu:hover .mp-mega-dropdown{transform:translateX(50%) translateY(0);}
.mp-column{display:flex;
gap:25px;
width:100%;}
.mp-group-item{flex:1;
background:#fff;
padding:15px;
border-radius:15px;}
.mp-grade-box{background:#fafafa;
padding:10px;
border-radius:10px;}
.mp-field-box{background:#fff;
border:1px solid #eee;
z-index:99999;}
.mp-lesson-box{background:#fff;
border:1px solid #eee;
z-index:100000;}
.mp-grade-item,
.mp-field-item{white-space:nowrap;}
.mp-field-box,
.mp-lesson-box{box-shadow:
0 10px 35px rgba(0,0,0,.15);}
@media (max-width:1200px) {.mp-mega-dropdown{width:95vw;}
.mp-column{flex-direction:column;}}
.mp-mega-menu{position:relative;}
.mp-mega-dropdown{right:0;
left:auto;
transform:translateY(15px);}
.mp-mega-menu:hover .mp-mega-dropdown{transform:translateY(0);}
.mobile-mega-content .mobile-submenu{display:none;}
.mobile-category.active .mobile-submenu{display:block;}
.mobile-category-title{display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;}
.mobile-category-title span{font-size:20px;
transition:.3s;}
.mobile-category.active .mobile-category-title span{transform:rotate(45deg);}
.mobile-education-menu{width:100%;
padding:10px 15px;}
.mobile-menu-title{font-size:16px;
font-weight:700;
padding:14px 10px;
background:#f4f7f8;
border-radius:12px;
margin-bottom:10px;}
.mobile-category,
.mobile-grade{border-bottom:1px solid #eee;}
.mobile-category-title,
.mobile-grade-title{display:flex;
justify-content:space-between;
align-items:center;
padding:13px 10px;
font-size:15px;
cursor:pointer;}
.mobile-category-title b,
.mobile-grade-title b{font-size:20px;
font-weight:400;
color:#00a6a6;}
.mobile-submenu,
.mobile-lessons{display:none;
padding-right:15px;}
.mobile-category.active .mobile-submenu,
.mobile-grade.active .mobile-lessons{display:block;}
.mobile-submenu a,
.mobile-lessons a{display:block;
padding:10px 12px;
margin:5px 0;
background:#fafafa;
border-radius:8px;
font-size:14px;
color:#333;}
.mobile-grade-title{font-size:14px;
background:#fcfcfc;}
.mobile-menu .mobile-education-menu{background:#fff;}
@media (max-width:768px) {.main-menu.mobile-menu{overflow-y:auto;}}
.mobile-education-menu{display:none;}
@media (max-width:768px) {.mobile-education-menu{display:block;}
.mp-mega-menu{display:none !important;}}
@media (min-width:769px) {.mobile-education-menu{display:none !important;}}
@media (max-width:768px) {.main-menu.mobile-menu,
.main-menu.mobile-menu *{font-family:"Vazirmatn",Tahoma,sans-serif;}
.main-menu.mobile-menu{background:#fff;
padding:18px 16px;}
.mobile-menu-title{font-size:16px;
font-weight:700;
color:#222;
padding:12px 0;
margin-bottom:8px;
border-bottom:1px solid #eee;}
.mobile-category{border-bottom:1px solid #eee;}
.mobile-category-title{display:flex;
justify-content:space-between;
align-items:center;
padding:14px 5px;
font-size:15px;
font-weight:600;
color:#222;
cursor:pointer;}
.mobile-category-title b{color:#888;
font-size:18px;
font-weight:400;}
.mobile-submenu{padding:0 12px 10px;}
.mobile-grade{border-bottom:1px solid #f1f1f1;}
.mobile-grade-title{display:flex;
justify-content:space-between;
padding:12px 5px;
font-size:14px;
color:#444;}
.mobile-grade-title b{color:#999;}
.mobile-lessons{padding:0 15px 10px;}
.mobile-lessons a{display:block;
padding:9px 0;
color:#555;
font-size:13px;
text-decoration:none;}
.mobile-lessons a:hover{color:#009688;}
.mobile-category,
.mobile-grade{background:none;
border-radius:0;}
.mobile-submenu,
.mobile-lessons{transition:.25s ease;}}
.mobile-lessons{display:none;}
.mobile-grade.active .mobile-lessons{display:block;}
@media (max-width:768px) {.mobile-education-menu,
.mobile-education-menu *{font-family:"Vazirmatn",Tahoma,sans-serif !important;}
.mobile-category,
.mobile-grade,
.mobile-lessons a{background:transparent !important;
box-shadow:none !important;
border-radius:0 !important;}
.mobile-menu-title{font-size:15px !important;}
.mobile-category-title{font-size:14px !important;
padding:10px 5px !important;}
.mobile-grade-title{font-size:13px !important;
padding:8px 5px !important;}
.mobile-lessons a{font-size:12px !important;
padding:6px 0 !important;}
.mobile-submenu{padding-right:12px !important;}
.mobile-lessons{padding-right:15px !important;}}
@media (max-width:768px) {.main-menu.mobile-menu{background:#fff !important;
padding:20px !important;}
.mobile-education-menu{padding:0 !important;}
.mobile-menu-title{font-size:15px !important;
font-weight:600 !important;
padding:12px 0 !important;
color:#222 !important;
border-bottom:1px solid #eee !important;}
.mobile-category{border-bottom:1px solid #eee !important;
margin:0 !important;}
.mobile-category-title{padding:12px 0 !important;
font-size:14px !important;
font-weight:500 !important;
color:#333 !important;}
.mobile-category-title b,
.mobile-grade-title b{font-size:14px !important;
color:#999 !important;}
.mobile-submenu{padding:0 12px !important;}
.mobile-grade{border:0 !important;}
.mobile-grade-title{padding:9px 0 !important;
font-size:13px !important;
color:#555 !important;}
.mobile-lessons{padding:0 10px !important;}
.mobile-lessons a{padding:6px 0 !important;
font-size:12.5px !important;
color:#777 !important;
background:none !important;
border:none !important;}
.mobile-category,
.mobile-grade,
.mobile-lessons a{box-shadow:none !important;
border-radius:none !important;}
.mobile-category-title,
.mobile-grade-title{line-height:1.8;}}
.tools-panel,
.order-panel{display:none;}
.mp-mega-menu:has(.tools-tab:hover) .education-panel{display:none;}
.mp-mega-menu:has(.tools-tab:hover) .tools-panel{display:block;}
.mp-mega-menu:has(.order-tab:hover) .education-panel{display:none;}
.mp-mega-menu:has(.order-tab:hover) .order-panel{display:block;}
.mp-mega-dropdown{top:100%;
margin-top:0;}
.mp-mega-menu:hover .mp-mega-dropdown{display:block;}
.tools-panel .mp-grade-box{display:flex;
flex-direction:column;
gap:8px;}
.tools-panel .mp-grade-box a{width:fit-content;
display:block;}
.mp-mega-item{cursor:pointer;
padding-bottom:15px;}
.mp-mega-top{position:relative;
z-index:10000;}
.mp-mega-item{position:relative;}
.mp-mega-dropdown{pointer-events:auto;}
.mp-panel{min-height:100px;}
.mp-mega-menu{position:relative;
z-index:9999;}
.mp-panel{display:none !important;}
.mp-panel.mp-active{display:block !important;}
.mp-panel{padding:25px;
background:#fff;
border-radius:0 0 18px 18px;
box-shadow:0 12px 35px rgba(0,0,0,.12);}
.mp-panel .mp-group-item h3{font-size:15px;
font-weight:800;
color:#222;
margin-bottom:12px;}
.mp-panel .mp-grade-box{display:flex;
flex-direction:column;
gap:8px;}
.mp-panel .mp-grade-box a{display:block;
padding:9px 14px;
background:#f7f8fa;
border-radius:9px;
color:#333;
text-decoration:none;
font-size:14px;
transition:.25s;}
.mp-panel .mp-grade-box a:hover{background:#eaf3ff;
color:#0066cc;}
.mp-panel .mp-field-box{margin-right:18px;}
.mp-panel .mp-lesson-box{margin-right:25px;}
.tools-panel .mp-group-item{margin-bottom:10px;}
.tools-panel .mp-group-item h3{margin:0;
padding:9px 14px;
background:#f7f8fa;
border-radius:9px;
font-size:14px;
font-weight:600;
color:#333;
transition:.25s;
cursor:pointer;}
.tools-panel .mp-group-item h3:hover{background:#eaf3ff;
color:#0066cc;}
.tools-panel .mp-grade-box{display:flex;
flex-direction:column;
gap:6px;
margin-top:8px;}
.tools-panel .mp-grade-box a{width:100%;
padding:9px 14px;
background:#f7f8fa;
border-radius:9px;
display:block;
transition:.25s;}
.tools-panel .mp-grade-box a:hover{background:#eaf3ff;
color:#0066cc;}
.education-panel .mp-grade-item > a::after,
.education-panel .mp-group-item h3::after,
.education-panel a::after{content:none !important;
display:none !important;}
.education-panel .mp-grade-item > a::before,
.education-panel .mp-group-item h3::before,
.education-panel a::before{content:none !important;
display:none !important;}
.mp-mega-top{display:flex;
background:#fff;
border-bottom:1px solid #eee;
padding:0 10px;}
.mp-mega-item{position:relative;
padding:16px 28px;
font-size:15px;
font-weight:700;
color:#333;
cursor:pointer;
transition:.25s;}
.mp-mega-item::after{content:"";
position:absolute;
bottom:0;
right:20%;
left:20%;
height:3px;
background:#0066cc;
border-radius:10px;
transform:scaleX(0);
transition:.25s;}
.mp-mega-item:hover{color:#0066cc;
background:#f8fbff;}
.mp-mega-item:hover::after{transform:scaleX(1);}
.poem-card{padding:25px;}
.verse{margin:20px 0;
padding:18px;
background:#fafafa;
border-radius:14px;
text-align:center;
line-height:2.2;
font-size:17px;
font-weight:600;}
.meaning{margin:15px 0;
padding:16px 18px;
background:#f8fbff;
border-right:4px solid #2b7de9;
border-radius:10px;
line-height:2;}
.literary-note{margin:15px 0;
padding:14px 18px;
background:#fff8e8;
border-right:4px solid #f2b01e;
border-radius:10px;
line-height:2;}
.grammar-note{margin:15px 0;
padding:14px 18px;
background:#f1fff5;
border-right:4px solid #27ae60;
border-radius:10px;
line-height:2;}
.words{margin-top:18px;
display:flex;
flex-wrap:wrap;
gap:8px;}
.words span{background:#f3f3f3;
padding:7px 12px;
border-radius:20px;
font-size:14px;}
.lesson-header{background:linear-gradient(135deg,#f8fbff,#ffffff);
border:1px solid #e8eef8;
border-radius:20px;
padding:30px;
margin-bottom:25px;
text-align:center;
box-shadow:0 8px 25px rgba(0,0,0,.05);}
.book-name{color:#0066cc;
font-size:16px;
font-weight:700;
margin-bottom:10px;}
.lesson-header h1{margin:8px 0 18px;
font-size:28px;
color:#222;}
.lesson-info{display:flex;
justify-content:center;
gap:10px;
flex-wrap:wrap;}
.lesson-info span{background:#f1f5fb;
padding:7px 16px;
border-radius:20px;
font-size:14px;
color:#555;}
.lesson-page{max-width:1100px;
margin:40px auto;
padding:20px;
direction:rtl;}
.lesson-header{background:#fff;
padding:30px;
border-radius:24px;
box-shadow:0 8px 30px rgba(0,0,0,.08);
margin-bottom:30px;
text-align:center;}
.lesson-header h1{font-size:32px;
margin-bottom:20px;
color:#1f2937;}
.lesson-info{display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;}
.lesson-info span{background:#f1f5f9;
padding:10px 18px;
border-radius:30px;
font-size:15px;}
.lesson-content{display:flex;
flex-direction:column;
gap:25px;}
.lesson-header{background:#ffffff;
border-radius:28px;
padding:35px 25px;
margin-bottom:35px;
text-align:center;
box-shadow:0 10px 35px rgba(0,0,0,.07);}
.lesson-header h1{margin:0 0 25px;
font-size:32px;
color:#1e293b;
font-weight:800;}
.lesson-info{display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:12px;}
.lesson-info span{background:#f1f5f9;
color:#334155;
padding:10px 18px;
border-radius:50px;
font-size:15px;}
.poem-section{display:flex;
flex-direction:column;
gap:25px;}
.poem-card{background:#ffffff;
border-radius:28px;
padding:30px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
border:1px solid #eef2f7;
transition:.3s;}
.poem-card:hover{transform:translateY(-3px);
box-shadow:0 15px 35px rgba(0,0,0,.1);}
.bit-number{display:inline-flex;
align-items:center;
background:#2563eb;
color:#fff;
padding:8px 22px;
border-radius:50px;
font-size:16px;
font-weight:bold;
margin-bottom:25px;}
.verse{background:#f8fafc;
border-radius:20px;
padding:25px;
text-align:center;
margin-bottom:25px;}
.verse span{display:block;
font-size:23px;
line-height:2.3;
color:#111827;
font-weight:600;}
.meaning{background:#ecfdf5;
border-radius:20px;
padding:22px;
margin-top:20px;
border-right:5px solid #10b981;
line-height:2.2;
color:#065f46;}
.meaning strong{color:#047857;
font-size:18px;}
.note{background:#eff6ff;
border-radius:20px;
padding:22px;
margin-top:20px;
border-right:5px solid #3b82f6;
line-height:2.2;
color:#1e40af;}
.note strong{font-size:18px;}
.words{background:#fff7ed;
border-radius:20px;
padding:22px;
margin-top:20px;
border-right:5px solid #f97316;}
.words strong{display:block;
margin-bottom:12px;
color:#c2420c;
font-size:18px;}
.words span{display:inline-block;
background:#fff;
padding:9px 15px;
margin:5px;
border-radius:30px;
box-shadow:0 3px 8px rgba(0,0,0,.06);
color:#374151;}
@media (max-width:768px) {.lesson-page{padding:12px;
margin:20px auto;}
.lesson-header{padding:25px 15px;
border-radius:20px;}
.lesson-header h1{font-size:24px;}
.lesson-info{flex-direction:column;
width:100%;}
.lesson-info span{width:100%;
text-align:center;}
.poem-card{padding:18px;
border-radius:20px;}
.bit-number{display:flex;
width:max-content;
background:#2563eb;
color:white;
padding:8px 22px;
border-radius:50px;
font-size:16px;
font-weight:bold;
margin:0 auto 25px;}
.verse{padding:18px 12px;}
.verse span{font-size:18px;
line-height:2.2;}
.meaning,
.note,
.words{padding:16px;
border-radius:16px;
font-size:15px;}
.words span{display:block;
text-align:center;
margin:8px 0;}}
.lesson-page{max-width:900px;
margin:30px auto;
padding:15px;}
.poem-card{padding:22px;
border-radius:18px;
margin-bottom:18px;}
.bit-number{display:flex;
width:max-content;
margin:0 auto 18px;
justify-content:center;
align-items:center;
background:#2563eb;
color:#fff;
padding:6px 22px;
border-radius:30px;
font-size:15px;
font-weight:700;}
.verse{padding:15px 20px;
margin-bottom:15px;
border-radius:14px;}
.verse span{font-size:20px;
line-height:1.9;
margin:0;}
.meaning,
.note,
.words{padding:15px 18px;
margin-top:12px;
border-radius:14px;
line-height:2;}
.meaning p,
.note p{margin:8px 0 0;}
.words span{padding:6px 12px;
margin:4px;
font-size:14px;}
@media (max-width:768px) {.lesson-page{padding:8px;}
.poem-card{padding:15px;
border-radius:15px;}
.bit-number{font-size:13px;
padding:5px 18px;}
.verse{padding:12px 8px;}
.verse span{font-size:17px;
line-height:2;}
.meaning,
.note,
.words{padding:12px;
font-size:14px;}}
.lesson-page .poem-card .bit-number{display:flex !important;
justify-content:center !important;
align-items:center !important;
width:fit-content !important;
margin:0 auto 20px !important;
text-align:center !important;
background:#18bfb4;
color:#fff;
padding:7px 25px;
border-radius:30px;
font-size:15px;
font-weight:700;}
@media (max-width:768px) {.lesson-page{padding:5px !important;
margin:10px auto !important;}
.lesson-page .poem-card{padding:10px !important;
margin-bottom:12px !important;
border-radius:12px !important;}
.lesson-page .bit-number{font-size:12px !important;
padding:4px 15px !important;
margin-bottom:10px !important;}
.lesson-page .verse{padding:8px 5px !important;
margin-bottom:10px !important;
border-radius:10px !important;}
.lesson-page .verse span{font-size:15px !important;
line-height:1.8 !important;}
.lesson-page .meaning,
.lesson-page .note,
.lesson-page .words{padding:8px 10px !important;
margin-top:7px !important;
border-radius:10px !important;
font-size:13px !important;
line-height:1.8 !important;}
.lesson-page .meaning strong,
.lesson-page .note strong,
.lesson-page .words strong{font-size:14px !important;}
.lesson-page .words span{padding:4px 8px !important;
margin:2px !important;
font-size:12px !important;}}
@media (min-width:769px) {.lesson-page{max-width:900px !important;
padding:10px !important;}
.lesson-page .poem-card{padding:15px !important;
margin-bottom:15px !important;
border-radius:15px !important;}
.lesson-page .bit-number{font-size:13px !important;
padding:5px 18px !important;
margin-bottom:12px !important;}
.lesson-page .verse{padding:10px 15px !important;
margin-bottom:10px !important;
border-radius:12px !important;}
.lesson-page .verse span{font-size:18px !important;
line-height:1.8 !important;}
.lesson-page .meaning,
.lesson-page .note,
.lesson-page .words{padding:10px 14px !important;
margin-top:8px !important;
border-radius:12px !important;
font-size:14px !important;
line-height:1.8 !important;}
.lesson-page .meaning strong,
.lesson-page .note strong,
.lesson-page .words strong{font-size:15px !important;}
.lesson-page .words span{padding:5px 10px !important;
margin:3px !important;
font-size:13px !important;}}
.lesson-header{padding:18px 20px !important;
margin-bottom:20px !important;
border-radius:18px !important;}
.lesson-header h1{font-size:24px !important;
margin:0 0 12px !important;
line-height:1.5;}
.lesson-info{gap:8px !important;}
.lesson-info span{padding:6px 14px !important;
font-size:13px !important;
border-radius:30px;}
@media (max-width:768px) {.lesson-header{padding:12px 10px !important;
margin-bottom:15px !important;
border-radius:14px !important;}
.lesson-header h1{font-size:19px !important;
margin-bottom:10px !important;}
.lesson-info{gap:5px !important;}
.lesson-info span{width:auto !important;
padding:5px 10px !important;
font-size:11px !important;}}
.lesson-info{display:none !important;}
.lesson-header{padding:15px !important;
margin-bottom:15px !important;
background:transparent !important;
box-shadow:none !important;
border:none !important;}
.lesson-header h1{text-align:center;
font-size:24px !important;
margin:0 !important;
color:#167534;}
@media (max-width:768px) {.lesson-header{padding:10px !important;
margin-bottom:10px !important;}
.lesson-header h1{font-size:19px !important;}}
.mp-header{position: sticky;
top: 0;
right: 0;
width: 100%;
z-index: 9999;
background: rgba(255,255,255,.96);
border-bottom: 1px solid #edf2e8;
box-shadow:
0 4px 25px rgba(0,0,0,.035);
backdrop-filter: blur(12px);}
.mp-header-inner{width: 100%;
max-width: 1280px;
min-height: 92px;
margin: auto;
padding: 14px 25px;
display: flex;
align-items: center;
gap: 25px;
direction: rtl;}
.mp-logo{flex: 0 0 auto;
display: flex;
align-items: center;}
.mp-logo > a{display: flex;
align-items: center;
gap: 12px;
text-decoration: none;}
.mp-logo-image{max-width: 175px;
max-height: 62px;
width: auto;
object-fit: contain;
transition: .3s ease;}
.mp-logo-image:hover{transform: scale(1.03);}
.mp-logo-text{display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;}
.mp-logo-text strong{font-size: 25px;
font-weight: 900;
color: #7C2EDB;
line-height: 1.3;}
.mp-logo-text span{font-size: 11px;
color: #7a8473;
font-weight: 500;}
.mp-navigation{flex: 1;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;}
.mp-nav-menu{display: flex;
align-items: center;
justify-content: center;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;}
.mp-nav-menu li{margin: 0;
padding: 0;}
.mp-nav-menu li a{position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 13px 16px;
border-radius: 14px;
color: #374151;
font-size: 15px;
font-weight: 700;
white-space: nowrap;
transition:
background .25s ease,
color .25s ease,
transform .25s ease;}
.mp-nav-menu li a:hover{color: #7C2EDB;
background: #f4f9ed;
transform: translateY(-1px);}
.mp-nav-menu li.current-menu-item > a,
.mp-nav-menu li.current_page_item > a{color: #7C2EDB;
background: #f4f9ed;}
.mp-actions{flex: 0 0 auto;
display: flex;
align-items: center;
gap: 10px;
direction: ltr;}
.mp-action{position: relative;
width: 52px;
height: 52px;
border: 1px solid #edf0ea;
background: #f9fbf7;
color: #7C2EDB;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
transition:
.3s ease;}
.mp-action:hover{background: #f1f8e9;
border-color: #dcebcf;
transform: translateY(-2px);}
.mp-action svg{width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;}
.mp-cart-count{position: absolute;
top: -7px;
right: -6px;
min-width: 21px;
height: 21px;
padding: 0 5px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
background: #A44AFF;
color: #fff;
font-size: 11px;
font-weight: 800;
border: 3px solid #fff;}
.mp-login{min-height: 52px;
padding: 0 23px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15px;
background: #A44AFF;
color: #fff !important;
font-size: 14px;
font-weight: 800;
white-space: nowrap;
text-decoration: none;
box-shadow:
0 8px 20px rgba(164,74,255,.18);
transition:
.3s ease;}
.mp-login:hover{background: #7C2EDB;
color: #fff !important;
transform: translateY(-2px);}
.mp-search-panel{position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-8px);
transition:
opacity .25s ease,
transform .25s ease,
visibility .25s ease;}
.mp-header.search-open .mp-search-panel{opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);}
.mp-search-inner{width: 100%;
max-width: 1280px;
height: 100%;
margin: auto;
padding: 12px 25px;
display: flex;
align-items: center;
gap: 14px;
direction: ltr;}
.mp-search-close{width: 52px;
height: 52px;
flex: 0 0 52px;
border: none;
border-radius: 15px;
background: #f1f8e9;
color: #A44AFF;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .3s ease;}
.mp-search-close:hover{background: #A44AFF;
color: #fff;}
.mp-search-close svg{width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;}
.mp-search-form{flex: 1;
height: 56px;
display: flex;
align-items: center;
background: #fafcf9;
border: 1px solid #e5ebdf;
border-radius: 17px;
overflow: hidden;
direction: rtl;
transition: .3s ease;}
.mp-search-form:focus-within{border-color: #A44AFF;
box-shadow:
0 0 0 4px rgba(164,74,255,.10);}
.mp-search-form input{flex: 1;
height: 100%;
min-width: 0;
padding: 0 22px;
border: none;
outline: none;
background: transparent;
color: #374151;
font-family: inherit;
font-size: 15px;}
.mp-search-form input::placeholder{color: #9ca3af;}
.mp-search-form button{width: 58px;
height: 100%;
flex: 0 0 58px;
border: none;
background: #f1f8e9;
color: #7C2EDB;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: .3s ease;}
.mp-search-form button:hover{background: #A44AFF;
color: #fff;}
.mp-search-form button svg{width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;}
.mp-mobile-toggle{display: none;
width: 46px;
height: 46px;
border: 1px solid #e5ebdf;
background: #f7faf5;
border-radius: 13px;
cursor: pointer;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;}
.mp-mobile-toggle span{width: 20px;
height: 2px;
background: #7C2EDB;
border-radius: 5px;}
.mp-mobile-overlay{position: fixed;
inset: 0;
background: rgba(17,24,39,.45);
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 9998;
transition: .3s ease;}
.mp-mobile-overlay.active{opacity: 1;
visibility: visible;
pointer-events: auto;}
.mp-mobile-menu{position: fixed;
top: 0;
right: -340px;
width: 320px;
max-width: 88vw;
height: 100vh;
background: #fff;
z-index: 9999;
padding: 22px;
box-shadow:
-15px 0 40px rgba(0,0,0,.12);
transition: right .35s ease;
overflow-y: auto;}
.mp-mobile-menu.active{right: 0;}
.mp-mobile-header{display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 20px;
margin-bottom: 15px;
border-bottom: 1px solid #edf2e8;}
.mp-mobile-header strong{color: #7C2EDB;
font-size: 19px;
font-weight: 900;}
.mp-mobile-close{width: 40px;
height: 40px;
border: none;
border-radius: 12px;
background: #f1f8e9;
color: #7C2EDB;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;}
.mp-mobile-close svg{width: 20px;
height: 20px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;}
.mp-mobile-nav{list-style: none;
padding: 0;
margin: 0;}
.mp-mobile-nav li{margin: 0;}
.mp-mobile-nav li a{display: flex;
align-items: center;
min-height: 52px;
padding: 10px 5px;
border-bottom: 1px solid #f0f2ee;
color: #374151;
font-size: 16px;
font-weight: 700;
text-decoration: none;
transition: .25s ease;}
.mp-mobile-nav li a:hover{color: #7C2EDB;
padding-right: 10px;}
.mp-header.search-open .mp-navigation,
.mp-header.search-open .mp-logo{visibility: hidden;}
@media (max-width: 1150px) {.mp-header-inner{padding-left: 18px;
padding-right: 18px;
gap: 15px;}
.mp-nav-menu li a{padding-left: 10px;
padding-right: 10px;
font-size: 14px;}
.mp-login{padding-left: 16px;
padding-right: 16px;}}
@media (max-width: 950px) {.mp-navigation{display: none;}
.mp-mobile-toggle{display: flex;}
.mp-header-inner{min-height: 76px;}
.mp-logo{margin-right: auto;}
.mp-logo-image{max-height: 50px;
max-width: 150px;}
.mp-actions{gap: 7px;}
.mp-login{min-height: 44px;
padding: 0 14px;
font-size: 13px;}
.mp-action{width: 44px;
height: 44px;
border-radius: 13px;}
.mp-header.search-open .mp-logo{visibility: visible;}}
@media (max-width: 600px) {.mp-header-inner{min-height: 70px;
padding: 10px 12px;
gap: 7px;}
.mp-logo{order: 2;
margin-right: auto;}
.mp-mobile-toggle{order: 1;}
.mp-actions{order: 3;}
.mp-logo-image{max-width: 125px;
max-height: 44px;}
.mp-logo-text strong{font-size: 20px;}
.mp-logo-text span{display: none;}
.mp-login{display: none;}
.mp-action{width: 42px;
height: 42px;}
.mp-action svg{width: 21px;
height: 21px;}
.mp-search-inner{padding: 10px 12px;
gap: 8px;}
.mp-search-close{width: 42px;
height: 42px;
flex-basis: 42px;
border-radius: 12px;}
.mp-search-form{height: 46px;
border-radius: 13px;}
.mp-search-form input{padding: 0 12px;
font-size: 13px;}
.mp-search-form button{width: 46px;
flex-basis: 46px;}}
@media (max-width: 380px) {.mp-logo-image{max-width: 105px;}
.mp-action{width: 38px;
height: 38px;}
.mp-mobile-toggle{width: 40px;
height: 40px;}}
.mp-actions{display: flex;
align-items: center;
gap: 10px;
direction: rtl;}
.mp-header-inner{max-width: none;
padding: 0 200px;}
.mp-navigation{justify-content: flex-start;}
.mp-nav-menu{justify-content: flex-start;}
.site-main,
main{padding-left: 120px;
padding-right: 120px;}
.mp-search-results{position: absolute;
top: calc(100% + 8px);
right: 0;
width: 100%;
display: none;
direction: rtl;
text-align: right;
background: #fff;
border: 1px solid #e5ebdf;
border-radius: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,.08);
overflow: hidden;
z-index: 99999;}
.mp-search-results.show{display: block;}
.mp-search-results a,
.mp-no-result{display: block;
padding: 13px 16px;
text-align: right;
direction: rtl;
color: #374151;
text-decoration: none;
border-bottom: 1px solid #f1f3ef;
font-size: 14px;}
.mp-search-results a:hover{background: #f1f8e9;
color: #7C2EDB;}
.mp-no-result{color: #888;
text-align: center;
padding: 18px;}
.mp-header-inner{position: relative;}
.mp-search-panel{position: absolute;
top: 0;
bottom: 0;
/* فضای لوگو + منو */
right: 200px;
left: 430px;
display: flex;
align-items: center;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 20;
transition:
opacity .25s ease,
visibility .25s ease;}
.mp-header.search-open .mp-search-panel{opacity: 1;
visibility: visible;
pointer-events: auto;}
.mp-header.search-open .mp-logo,
.mp-header.search-open .mp-navigation{opacity: 0;
visibility: hidden;
pointer-events: none;}
.mp-search-inner{width: 100%;
display: flex;
align-items: center;
gap: 10px;}
.mp-search-form{flex: 1;
width: 100%;}
.mp-search-results{width: 100%;}
@media (min-width: 1151px) {.mp-search-panel{right: 200px;
left: 430px;}}
@media (max-width: 1150px) and (min-width: 951px) {.mp-search-panel{right: 18px;
left: 300px;}}
@media (max-width: 950px) {.mp-header.search-open .mp-logo{visibility: visible;
opacity: 1;
pointer-events: auto;}
.mp-header.search-open .mp-search-panel{position: fixed;
top: 76px;
right: 0;
left: 0;
width: 100%;
height: auto;
padding: 10px 15px;
background: #fff;
box-shadow:
0 10px 30px rgba(0,0,0,.08);}}
@media (max-width: 600px) {.mp-header.search-open .mp-search-panel{top: 70px;
padding: 10px 12px;}}
@media (max-width: 380px) {.mp-header.search-open .mp-search-panel{top: 70px;}}
@media (min-width: 951px) {.mp-header .mp-search-panel{position: absolute;
top: 0;
bottom: 0;
/*
* شروع از سمت راستِ فضای لوگو و منو
* و پایان قبل از بخش Actions
*/
right: 200px;
left: 380px;
width: auto;
padding: 0;
display: flex;
align-items: center;
background: transparent;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 10;}
.mp-header.search-open .mp-search-panel{opacity: 1;
visibility: visible;
pointer-events: auto;}
.mp-header.search-open .mp-logo,
.mp-header.search-open .mp-navigation{visibility: hidden;
opacity: 0;
pointer-events: none;}
.mp-search-inner{width: 100%;
display: flex;
align-items: center;
padding: 0;
background: transparent;}
.mp-search-form{width: 100%;}
.mp-actions{position: relative;
z-index: 100;}}
@media (min-width: 951px) {.mp-search-panel{right: 220px !important;
left: 390px !important;
padding: 0 !important;
background: transparent !important;}
.mp-search-inner{width: 100%;
display: flex;
align-items: center;
padding: 0 !important;
gap: 0;}
.mp-search-form{position: relative;
width: 100%;
height: 50px !important;
display: flex;
align-items: center;
border: 1px solid #e1e8da !important;
border-radius: 15px !important;
background: #ffffff !important;
box-shadow:
0 4px 18px rgba(0,0,0,.06) !important;
overflow: hidden;}
.mp-search-form input{order: 2;
flex: 1;
width: 100%;
height: 100%;
padding: 0 14px !important;
border: 0 !important;
outline: none !important;
background: transparent !important;
direction: rtl;
text-align: right;
font-size: 14px;}
.mp-search-form button{order: 1;
width: 52px !important;
height: 100% !important;
flex: 0 0 52px;
border: 0 !important;
background: transparent !important;
color: #7C2EDB !important;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;}
.mp-search-form button svg{width: 20px;
height: 20px;
stroke: currentColor;}
.mp-search-form button:hover{background: #f1f8e9 !important;}
.mp-search-close{position: absolute;
left: 7px;
top: 50%;
transform: translateY(-50%);
width: 36px !important;
height: 36px !important;
padding: 0;
border-radius: 10px !important;
border: 1px solid #fecaca !important;
background: #fff5f5 !important;
color: #dc2626 !important;
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
transition:
background .2s ease,
transform .2s ease;}
.mp-search-close:hover{background: #fee2e2 !important;
transform:
translateY(-50%)
rotate(90deg);}
.mp-search-close svg{width: 18px;
height: 18px;
stroke: currentColor !important;}}
@media (min-width: 951px) {.mp-actions{position: relative !important;
z-index: 100 !important;}
.mp-search-toggle{position: relative !important;
z-index: 110 !important;}
.mp-cart{position: relative !important;
z-index: 110 !important;}
.mp-login{position: relative !important;
z-index: 110 !important;}
.mp-search-panel{z-index: 40 !important;}}
@media (min-width: 951px) {.mp-header .mp-search-panel{position: absolute !important;
top: 50% !important;
/* محل قرارگیری نسبت به آیکونهای سمت راست */
right: 200px !important;
left: auto !important;
width: 800px !important;
height: 58px !important;
padding: 0 !important;
margin: 0 !important;
transform: translateY(-50%) !important;
background: transparent !important;
z-index: 50 !important;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity .2s ease,
visibility .2s ease;}
.mp-header.search-open .mp-search-panel{opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;}
.mp-header.search-open .mp-logo,
.mp-header.search-open .mp-navigation{opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;}
.mp-header .mp-search-inner{width: 100% !important;
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
direction: ltr !important;}
.mp-header .mp-search-form{order: 2;
flex: 1 1 auto;
width: auto !important;
min-width: 0;
height: 50px !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
overflow: hidden;
/* رنگهای اصلی قبلی حفظ میشوند */}
.mp-header .mp-search-close{order: 1;
flex: 0 0 40px;
width: 40px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
/* فقط قرمز بودن ضربدر */
color: #dc2626 !important;
cursor: pointer;
z-index: 5;}
.mp-header .mp-search-close svg{width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 2;
stroke-linecap: round;}
.mp-header .mp-search-form button{width: 52px !important;
height: 100% !important;
flex: 0 0 52px;
display: flex !important;
align-items: center;
justify-content: center;
padding: 0 !important;
/* رنگ دکمه را تعیین نمیکنیم */}
.mp-header .mp-actions{position: relative !important;
z-index: 100 !important;
flex-shrink: 0;}
.mp-header .mp-search-toggle,
.mp-header .mp-cart,
.mp-header .mp-login{position: relative;
z-index: 101;}
.mp-header .mp-login:hover,
.mp-header .mp-login:focus,
.mp-header .mp-login:active,
.mp-header .mp-login:focus-visible{box-shadow: none !important;
outline: none !important;
filter: none !important;
transform: none !important;}}
@media (min-width: 951px) {.mp-header .mp-search-results{right: 0 !important;
left: auto !important;
width: 100% !important;
top: calc(100% + 8px) !important;}}
@media (max-width: 950px) {.mp-header .mp-search-panel{position: absolute !important;
top: 100% !important;
right: 12px !important;
left: 12px !important;
width: auto !important;
height: auto !important;
transform: none !important;}}
@media (max-width: 950px) {.mp-header-inner{direction: rtl !important;}
.mp-mobile-toggle{order: 1 !important;
margin-right: 0 !important;
margin-left: auto !important;}
.mp-logo{order: 2 !important;
margin: 0 auto !important;
position: absolute !important;
left: 50%;
transform: translateX(-50%);
width: max-content;}
.mp-actions{order: 3 !important;
margin-right: auto !important;
margin-left: 0 !important;}}
@media (max-width: 950px) {.mp-header-inner{position: relative !important;
display: flex !important;
flex-direction: row !important;
direction: rtl !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 10px 14px !important;
gap: 0 !important;}
.mp-mobile-toggle{display: flex !important;
order: 1 !important;
flex: 0 0 auto !important;
margin: 0 !important;}
.mp-logo{position: absolute !important;
top: 50% !important;
right: 50% !important;
left: auto !important;
transform: translate(50%, -50%) !important;
width: auto !important;
margin: 0 !important;
order: 2 !important;}
.mp-actions{order: 3 !important;
margin: 0 !important;
margin-right: auto !important;
margin-left: 0 !important;
display: flex !important;
align-items: center !important;
direction: rtl !important;
flex: 0 0 auto !important;}
.mp-login{display: none !important;}}
@media (max-width: 600px) {.mp-header-inner{min-height: 70px !important;
padding: 9px 12px !important;}
.mp-logo-image{max-width: 120px !important;
max-height: 44px !important;}}
@media (max-width: 380px) {.mp-header-inner{padding-left: 8px !important;
padding-right: 8px !important;}
.mp-logo-image{max-width: 105px !important;}}
@media (max-width: 600px) {html,
body{width: 100%;
max-width: 100%;
overflow-x: hidden;}
.site-main,
main{width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding-left: 15px !important;
padding-right: 15px !important;
box-sizing: border-box !important;}
.container,
.site-main > *,
main > *{max-width: 100% !important;
box-sizing: border-box;}
.site-main img,
main img{max-width: 100%;
height: auto;}
.site-main,
main,
section,
article{overflow-x: hidden;}
.site-main h1,
main h1{font-size: 25px;
line-height: 1.6;
margin-top: 0;}
.site-main h2,
main h2{font-size: 21px;
line-height: 1.6;}
.site-main h3,
main h3{font-size: 18px;
line-height: 1.6;}
.site-main p,
main p{line-height: 1.9;}}
@media (max-width: 380px) {.site-main,
main{padding-left: 11px !important;
padding-right: 11px !important;}
.site-main h1,
main h1{font-size: 23px;}
.site-main h2,
main h2{font-size: 20px;}}
.mp-search-close:hover{transform: none !important;
top: auto !important;
bottom: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
translate: none !important;
rotate: 0deg !important;
scale: 1 !important;}
.mp-search-close:hover svg{transform: none !important;
translate: none !important;
rotate: 0deg !important;
scale: 1 !important;}
.mp-search-close{transition: none !important;
animation: none !important;}
.mp-search-close:hover{transition: none !important;
animation: none !important;}
.mp-search-close:hover svg{transition: none !important;
animation: none !important;}
.mp-login,
.mp-login:hover,
.mp-login:focus,
.mp-login:active,
.mp-login:focus-visible{box-shadow: none !important;
outline: none !important;
text-shadow: none !important;}
.woocommerce-account{--account-primary: #A44AFF;
--account-primary-dark: #913BEF;
--account-primary-soft: #f1f8df;
--account-bg: #f7f8f5;
--account-white: #ffffff;
--account-text: #202520;
--account-muted: #7c8278;
--account-border: #e9ece5;
background: var(--account-bg);}
.woocommerce-account .woocommerce{max-width: 1180px;
margin: 45px auto 70px;
padding: 0 20px;}
.woocommerce-account .woocommerce::after{content: "";
display: table;
clear: both;}
.woocommerce-account .woocommerce-MyAccount-navigation{float: right;
width: 245px;
background: var(--account-white);
border: 1px solid var(--account-border);
border-radius: 20px;
padding: 10px;
box-shadow:
0 8px 30px rgba(30, 40, 20, .05);}
.woocommerce-account
.woocommerce-MyAccount-navigation ul{margin: 0;
padding: 0;
list-style: none;}
.woocommerce-account
.woocommerce-MyAccount-navigation li{margin: 3px 0;}
.woocommerce-account
.woocommerce-MyAccount-navigation li a{display: flex;
align-items: center;
min-height: 48px;
padding: 0 15px;
border-radius: 13px;
color: var(--account-text);
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition:
background .2s ease,
color .2s ease,
transform .2s ease;}
.woocommerce-account
.woocommerce-MyAccount-navigation li a:hover{background: var(--account-primary-soft);
color: var(--account-primary-dark);
transform: translateX(-3px);}
.woocommerce-account
.woocommerce-MyAccount-navigation
li.is-active a{background: var(--account-primary);
color: #fff !important;
box-shadow:
0 7px 18px rgba(164, 74, 255, .25);}
.woocommerce-account
.woocommerce-MyAccount-navigation li a::before{width: 28px;
margin-left: 9px;
text-align: center;
font-size: 17px;
font-weight: 400;}
.woocommerce-account
.woocommerce-MyAccount-navigation-link--dashboard a::before{content: "⌂";}
.woocommerce-account
.woocommerce-MyAccount-navigation-link--orders a::before{content: "▣";}
.woocommerce-account
.woocommerce-MyAccount-navigation-link--downloads a::before{content: "↓";}
.woocommerce-account
.woocommerce-MyAccount-navigation-link--edit-address a::before{content: "⌖";}
.woocommerce-account
.woocommerce-MyAccount-navigation-link--edit-account a::before{content: "♙";}
.woocommerce-account
.woocommerce-MyAccount-navigation-link--customer-logout a::before{content: "↪";}
.woocommerce-account .woocommerce-MyAccount-content{float: left;
width: calc(100% - 275px);
min-height: 470px;
background: var(--account-white);
border: 1px solid var(--account-border);
border-radius: 20px;
padding: 34px;
box-shadow:
0 8px 30px rgba(30, 40, 20, .05);
color: var(--account-text);
line-height: 1.9;}
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-notices-wrapper + p{margin: 0 0 28px;
padding: 24px 26px;
border-radius: 17px;
background:
linear-gradient(
135deg,
#f4f9e9,
#ffffff
);
border: 1px solid #e5efcf;
font-size: 15px;
color: var(--account-text);}
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-notices-wrapper + p a{color: var(--account-primary-dark);
font-weight: 800;}
.woocommerce-account
.woocommerce-MyAccount-content h2{margin-top: 0;
margin-bottom: 20px;
font-size: 22px;
font-weight: 800;
color: var(--account-text);}
.woocommerce-account
.woocommerce-MyAccount-content table.shop_table{width: 100%;
border: 0;
border-collapse: separate;
border-spacing: 0 8px;}
.woocommerce-account
.woocommerce-MyAccount-content
table.shop_table thead th{border: 0;
padding: 12px 15px;
color: var(--account-muted);
background: #f7f8f5;
font-size: 12px;
font-weight: 700;}
.woocommerce-account
.woocommerce-MyAccount-content
table.shop_table tbody td{padding: 15px;
background: #fff;
border-top: 1px solid var(--account-border);
border-bottom: 1px solid var(--account-border);
font-size: 13px;}
.woocommerce-account
.woocommerce-MyAccount-content
table.shop_table tbody tr td:first-child{border-right: 1px solid var(--account-border);
border-radius: 0 12px 12px 0;}
.woocommerce-account
.woocommerce-MyAccount-content
table.shop_table tbody tr td:last-child{border-left: 1px solid var(--account-border);
border-radius: 12px 0 0 12px;}
.woocommerce-account
.woocommerce-MyAccount-content .button{background: var(--account-primary) !important;
color: #fff !important;
border: 0 !important;
border-radius: 11px !important;
padding: 10px 18px !important;
font-size: 13px !important;
font-weight: 700 !important;
transition: all .2s ease;}
.woocommerce-account
.woocommerce-MyAccount-content .button:hover{background: var(--account-primary-dark) !important;
transform: translateY(-1px);
box-shadow:
0 6px 15px rgba(164, 74, 255, .25);}
.woocommerce-account
.woocommerce-EditAccountForm{max-width: 680px;}
.woocommerce-account
.woocommerce-EditAccountForm .form-row{margin-bottom: 20px;}
.woocommerce-account label{display: block;
margin-bottom: 7px;
font-size: 13px;
font-weight: 700;
color: var(--account-text);}
.woocommerce-account
input.input-text,
.woocommerce-account
input[type="text"],
.woocommerce-account
input[type="email"],
.woocommerce-account
input[type="password"],
.woocommerce-account
textarea,
.woocommerce-account
select{width: 100%;
min-height: 46px;
padding: 10px 13px;
background: #fbfcfa;
border: 1px solid var(--account-border);
border-radius: 11px;
color: var(--account-text);
outline: none;
transition: all .2s ease;}
.woocommerce-account
input:focus,
.woocommerce-account
textarea:focus,
.woocommerce-account
select:focus{background: #fff;
border-color: var(--account-primary);
box-shadow:
0 0 0 3px rgba(164, 74, 255, .12);}
.woocommerce-account
.woocommerce-message,
.woocommerce-account
.woocommerce-info,
.woocommerce-account
.woocommerce-error{border: 0 !important;
border-radius: 13px !important;
padding: 15px 18px !important;
margin-bottom: 20px !important;}
@media (max-width: 850px) {.woocommerce-account .woocommerce{margin-top: 25px;
padding: 0 14px;}
.woocommerce-account
.woocommerce-MyAccount-navigation{float: none;
width: 100%;
margin-bottom: 15px;
border-radius: 17px;}
.woocommerce-account
.woocommerce-MyAccount-content{float: none;
width: 100%;
padding: 24px 20px;
border-radius: 17px;}
.woocommerce-account
.woocommerce-MyAccount-navigation ul{display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px;}
.woocommerce-account
.woocommerce-MyAccount-navigation li{margin: 0;}
.woocommerce-account
.woocommerce-MyAccount-navigation li a{justify-content: center;
padding: 10px 5px;
font-size: 12px;}
.woocommerce-account
.woocommerce-MyAccount-navigation li a::before{margin-left: 5px;}}
@media (max-width: 480px) {.woocommerce-account
.woocommerce-MyAccount-content{padding: 20px 15px;}
.woocommerce-account
.woocommerce-MyAccount-navigation li a{min-height: 44px;
font-size: 11px;}
.woocommerce-account
.woocommerce-MyAccount-content h2{font-size: 19px;}}
.modern-account{--primary: #A44AFF;
--primary-dark: #7C2EDB;
--primary-light: #f2f9e4;
--background: #f7f8f5;
--white: #ffffff;
--text: #20251d;
--muted: #858b80;
--border: #e8ebe3;
direction: rtl;
font-family:
inherit,
sans-serif;
display: grid;
grid-template-columns: 1fr 280px;
gap: 24px;
max-width: 1250px;
margin: 40px auto;
padding: 0 20px;
color: var(--text);
background: var(--background);}
.account-sidebar{grid-column: 2;
grid-row: 1;
background: var(--white);
border-radius: 24px;
padding: 20px;
height: fit-content;
box-shadow:
0 8px 30px rgba(30,40,20,.05);
border: 1px solid var(--border);}
.account-profile{text-align: center;
padding: 10px 5px 22px;
border-bottom: 1px solid var(--border);}
.profile-avatar{width: 82px;
height: 82px;
margin: 0 auto 13px;
border-radius: 50%;
background:
linear-gradient(
145deg,
#f4f9e7,
#e8f5cf
);
border: 4px solid #fff;
box-shadow:
0 4px 15px rgba(0,0,0,.08);
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;}
.account-profile h3{margin: 5px 0;
font-size: 16px;
font-weight: 800;}
.account-profile p{margin: 0;
color: var(--muted);
font-size: 12px;}
.account-menu{margin-top: 15px;}
.account-menu a{display: flex;
align-items: center;
gap: 12px;
min-height: 50px;
padding: 0 14px;
margin-bottom: 4px;
border-radius: 13px;
text-decoration: none;
color: var(--text);
font-size: 14px;
font-weight: 600;
transition:
.2s ease;}
.account-menu a:hover{background: var(--primary-light);
color: var(--primary-dark);}
.account-menu a.active{background: var(--primary);
color: #fff;
box-shadow:
0 7px 18px rgba(164,74,255,.25);}
.menu-icon{width: 25px;
text-align: center;
font-size: 18px;}
.account-menu .logout{margin-top: 12px;
color: #777;}
.account-main{grid-column: 1;
grid-row: 1;
min-width: 0;}
.account-notice{display: flex;
align-items: center;
gap: 12px;
background: #eaf5d8;
border: 1px solid #dcebc4;
border-radius: 15px;
padding: 13px 18px;
margin-bottom: 24px;
color: #587421;
font-size: 13px;}
.account-notice p{margin: 0;
line-height: 1.8;}
.notice-icon{width: 30px;
height: 30px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--primary);
color: #fff;
font-weight: bold;}
.account-stats{display: grid;
grid-template-columns:
repeat(3, 1fr);
gap: 18px;
margin-bottom: 24px;}
.stat-card{position: relative;
overflow: hidden;
min-height: 145px;
border-radius: 22px;
background: var(--primary);
color: #fff;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow:
0 12px 25px rgba(164,74,255,.20);
transition:
transform .25s ease,
box-shadow .25s ease;}
.stat-card::before{content: "";
position: absolute;
width: 120px;
height: 120px;
border-radius: 50%;
background: rgba(255,255,255,.09);
top: -55px;
left: -35px;}
.stat-card:hover{transform: translateY(-4px);
box-shadow:
0 16px 30px rgba(164,74,255,.25);}
.stat-icon{width: 50px;
height: 50px;
border-radius: 15px;
background: rgba(255,255,255,.17);
border: 1px solid rgba(255,255,255,.18);
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
position: relative;}
.stat-content{position: relative;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 10px;}
.stat-content span{font-size: 13px;
opacity: .95;}
.stat-content strong{font-size: 20px;
font-weight: 800;}
.account-box{background: var(--white);
border: 1px solid var(--border);
border-radius: 22px;
margin-bottom: 20px;
padding: 24px;
min-height: 170px;
box-shadow:
0 7px 25px rgba(30,40,20,.04);}
.box-header{display: flex;
align-items: center;
justify-content: space-between;
gap
/* =========================================================
MODERN ACCOUNT - M O A L L E M P A R S
========================================================= */
.modern-account {
direction: rtl;
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 25px;
max-width: 1250px;
margin: 35px auto;
padding: 20px;
color: var(--text-color);
font-family: "Vazirmatn", sans-serif;}
/* =========================================================
SIDEBAR
========================================================= */
.account-sidebar {
background: var(--surface-color);
border: 1px solid var(--border-color);
border-radius: 24px;
padding: 22px;
height: fit-content;
position: sticky;
top: 25px;
box-shadow: var(--shadow);}
/* پروفایل */
.account-profile {
text-align: center;
padding-bottom: 22px;
margin-bottom: 18px;
border-bottom: 1px solid var(--border-color);}
.profile-avatar {
width: 88px;
height: 88px;
margin: 0 auto 14px;
padding: 4px;
position: relative;
border-radius: 50%;
background:
linear-gradient(
135deg,
var(--primary-color),
#b8e76c
);
box-shadow:
0 8px 25px
rgba(164, 74, 255, .25);}
.profile-avatar img {
width: 100% !important;
height: 100% !important;
display: block;
object-fit: cover;
border-radius: 50%;
border: 3px solid #fff;}
.profile-status {
position: absolute;
right: 5px;
bottom: 5px;
width: 15px;
height: 15px;
border-radius: 50%;
background: #36b44a;
border: 3px solid #fff;}
.account-profile h3 {
margin: 0 0 6px;
font-size: 17px;
font-weight: 800;}
.account-profile p {
margin: 0;
color: var(--muted-color);
font-size: 12px;}
/* =========================================================
MENU
========================================================= */
.account-menu {
display: flex;
flex-direction: column;
gap: 5px;}
.account-menu a {
position: relative;
display: flex;
align-items: center;
gap: 12px;
min-height: 48px;
padding: 0 14px;
border-radius: 14px;
color: #596052;
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: all .25s ease;}
.account-menu a:hover {
background: rgba(164, 74, 255, .10);
color: var(--primary-dark);
transform: translateX(-3px);}
.account-menu a.active {
background: var(--primary-color);
color: #fff;
box-shadow:
0 8px 20px
rgba(164, 74, 255, .28);}
.menu-icon {
width: 26px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 1;}
.menu-badge {
margin-right: auto;
min-width: 22px;
height: 22px;
padding: 0 6px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
background: rgba(164, 74, 255, .12);
color: var(--primary-dark);
font-size: 11px;
font-weight: 800;}
.account-menu a.active .menu-badge {
background: rgba(255,255,255,.20);
color: #fff;}
.account-menu .logout {
margin-top: 10px;
color: #d34d4d;}
.account-menu .logout:hover {
background: #fff1f1;
color: #c23838;}
/* =========================================================
MAIN
========================================================= */
.account-main {
min-width: 0;}
/* =========================================================
WELCOME
========================================================= */
.account-welcome {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 165px;
padding: 30px 35px;
margin-bottom: 18px;
border-radius: 25px;
color: #fff;
background:
linear-gradient(
135deg,
#A44AFF 0%,
#913BEF 55%,
#5f9708 100%
);
box-shadow:
0 15px 35px
rgba(105, 155, 15, .22);}
.account-welcome::before {
content: "";
position: absolute;
width: 250px;
height: 250px;
left: -90px;
bottom: -160px;
border-radius: 50%;
background: rgba(255,255,255,.08);}
.account-welcome::after {
content: "";
position: absolute;
width: 150px;
height: 150px;
right: 40%;
top: -100px;
border-radius: 50%;
background: rgba(255,255,255,.07);}
.welcome-small {
display: block;
margin-bottom: 5px;
font-size: 13px;
opacity: .85;}
.account-welcome h1 {
position: relative;
z-index: 2;
margin: 0 0 8px;
color: #fff;
font-size: 29px;
font-weight: 900;}
.account-welcome p {
position: relative;
z-index: 2;
margin: 0;
color: rgba(255,255,255,.90);
font-size: 13px;}
.welcome-decoration {
position: relative;
z-index: 3;
width: 75px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 24px;
background: rgba(255,255,255,.13);
backdrop-filter: blur(10px);
font-size: 34px;}
/* =========================================================
NOTICE
========================================================= */
.account-notice {
display: flex;
align-items: center;
gap: 13px;
padding: 15px 18px;
margin-bottom: 20px;
border: 1px solid rgba(164,74,255,.20);
border-radius: 16px;
background: rgba(164,74,255,.08);
color: #557025;}
.notice-icon {
width: 30px;
height: 30px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--primary-color);
color: #fff;
font-weight: 900;}
.account-notice p {
margin: 0;
font-size: 13px;
line-height: 1.8;}
/* =========================================================
STATISTICS
========================================================= */
.account-stats {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 15px;
margin-bottom: 20px;}
.stat-card {
display: flex;
align-items: center;
gap: 15px;
padding: 19px;
background: #fff;
border: 1px solid var(--border-color);
border-radius: 20px;
box-shadow:
0 5px 20px
rgba(0,0,0,.035);
transition: all .25s ease;}
.stat-card:hover {
transform: translateY(-4px);
border-color: rgba(164,74,255,.30);
box-shadow:
0 12px 30px
rgba(0,0,0,.08);}
.stat-icon {
width: 52px;
height: 52px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background: rgba(164,74,255,.10);
color: var(--primary-dark);
font-size: 21px;
font-weight: 800;}
.stat-content {
display: flex;
flex-direction: column;
gap: 4px;}
.stat-content span {
color: var(--muted-color);
font-size: 12px;}
.stat-content strong {
color: var(--text-color);
font-size: 17px;
font-weight: 900;}
/* =========================================================
BOX
========================================================= */
.account-box {
padding: 22px;
margin-bottom: 20px;
background: #fff;
border: 1px solid var(--border-color);
border-radius: 22px;
box-shadow:
0 5px 20px
rgba(0,0,0,.035);}
.box-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-bottom: 17px;
margin-bottom: 5px;
border-bottom: 1px solid var(--border-color);}
.box-title {
display: flex;
align-items: center;
gap: 12px;}
.box-icon {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 13px;
background: rgba(164,74,255,.10);
color: var(--primary-dark);
font-size: 19px;}
.box-title h2 {
margin: 0;
font-size: 16px;
font-weight: 850;}
.box-title span {
display: block;
margin-top: 3px;
color: var(--muted-color);
font-size: 11px;}
.box-header > a {
color: var(--primary-dark);
text-decoration: none;
font-size: 12px;
font-weight: 700;
transition: .2s ease;}
.box-header > a:hover {
color: var(--primary-color);}
/* =========================================================
ORDERS
========================================================= */
.orders-list {
display: flex;
flex-direction: column;}
.order-item {
display: grid;
grid-template-columns:
45px minmax(120px, 1fr)
auto auto auto;
align-items: center;
gap: 14px;
padding: 14px 3px;
border-bottom: 1px solid #f0f2ed;}
.order-item:last-child {
border-bottom: 0;}
.order-icon {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 13px;
background: #f6f8f4;
font-size: 18px;}
.order-info {
display: flex;
flex-direction: column;
gap: 4px;}
.order-info strong {
font-size: 13px;}
.order-info span {
color: var(--muted-color);
font-size: 11px;}
.order-price {
font-size: 13px;
font-weight: 800;}
.order-status {
padding: 6px 11px;
border-radius: 30px;
background: rgba(164,74,255,.10);
color: var(--primary-dark);
font-size: 11px;
font-weight: 700;
white-space: nowrap;}
.order-view {
color: var(--primary-dark);
text-decoration: none;
font-size: 12px;
font-weight: 800;}
/* =========================================================
DOWNLOADS
========================================================= */
.downloads-list {
display: flex;
flex-direction: column;}
.download-item {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 3px;
border-bottom: 1px solid #f0f2ed;}
.download-item:last-child {
border-bottom: 0;}
.download-icon {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 13px;
background: rgba(164,74,255,.10);}
.download-info {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;}
.download-info strong {
font-size: 13px;}
.download-info span {
color: var(--muted-color);
font-size: 11px;}
.download-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 14px;
border-radius: 10px;
background: var(--primary-color);
color: #fff !important;
text-decoration: none;
font-size: 11px;
font-weight: 800;
transition: all .2s ease;}
.download-button:hover {
background: var(--primary-dark);
color: #fff !important;
transform: translateY(-2px);}
/* =========================================================
EMPTY
========================================================= */
.empty-state {
text-align: center;
padding: 35px 20px 30px;}
.empty-icon {
width: 62px;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 12px;
border-radius: 20px;
background: rgba(164,74,255,.10);
font-size: 25px;}
.empty-state h3 {
margin: 0 0 7px;
font-size: 14px;}
.empty-state p {
max-width: 420px;
margin: 0 auto 18px;
color: var(--muted-color);
font-size: 12px;
line-height: 1.9;}
.shop-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px 20px;
border-radius: 12px;
background: var(--primary-color);
color: #fff !important;
text-decoration: none;
font-size: 12px;
font-weight: 800;
box-shadow:
0 7px 18px
rgba(164,74,255,.22);
transition: all .2s ease;}
.shop-button:hover {
background: var(--primary-dark);
color: #fff !important;
transform: translateY(-2px);}}
.mp-account-dashboard{width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 30px 20px 60px;
box-sizing: border-box;
font-family: "Vazirmatn", sans-serif;
direction: rtl;}
.mp-account-hero{width: 100%;
min-height: 190px;
padding: 32px 38px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
background:
linear-gradient(
135deg,
#A44AFF 0%,
#913BEF 55%,
#913BEF 100%
);
border-radius: 24px;
position: relative;
overflow: hidden;
color: #fff;
box-shadow: 0 15px 40px rgba(164,74,255,.20);}
.mp-account-hero::before{content: "";
position: absolute;
width: 260px;
height: 260px;
border-radius: 50%;
background: rgba(255,255,255,.08);
left: -80px;
top: -110px;}
.mp-account-hero::after{content: "";
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
background: rgba(255,255,255,.07);
right: 25%;
bottom: -120px;}
.mp-account-user{display: flex;
align-items: center;
gap: 22px;
position: relative;
z-index: 2;
min-width: 0;}
.mp-account-avatar{width: 88px;
height: 88px;
flex: 0 0 88px;
border-radius: 50%;
background: #fff;
padding: 4px;
box-sizing: border-box;
box-shadow: 0 8px 25px rgba(0,0,0,.12);}
.mp-account-avatar img{width: 100%;
height: 100%;
display: block;
object-fit: cover;
border-radius: 50%;}
.mp-account-user-info{min-width: 0;}
.mp-account-user-info > span{display: block;
font-size: 14px;
opacity: .9;
margin-bottom: 5px;}
.mp-account-user-info h1{margin: 0;
font-size: 28px;
line-height: 1.5;
font-weight: 800;
color: #fff;}
.mp-account-user-info p{margin: 4px 0 0;
font-size: 14px;
opacity: .85;}
.mp-account-hero-icon{position: relative;
z-index: 2;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
background: rgba(255,255,255,.13);
font-size: 34px;
flex: 0 0 70px;}
.mp-account-stats{display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-top: 22px;}
.mp-account-stat{min-width: 0;
background: #fff;
border: 1px solid #edf0e8;
border-radius: 20px;
padding: 22px;
display: flex;
align-items: center;
gap: 16px;
box-sizing: border-box;
box-shadow: 0 8px 25px rgba(0,0,0,.045);
transition:
transform .2s ease,
box-shadow .2s ease;}
.mp-account-stat:hover{transform: translateY(-3px);
box-shadow: 0 14px 30px rgba(0,0,0,.08);}
.mp-stat-icon{width: 54px;
height: 54px;
flex: 0 0 54px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background: #f1f9e5;
font-size: 24px;}
.mp-account-stat span{display: block;
color: #777;
font-size: 13px;
margin-bottom: 5px;}
.mp-account-stat strong{display: block;
color: #202620;
font-size: 22px;
font-weight: 800;
line-height: 1.4;}
.mp-account-stat strong .woocommerce-Price-amount{display: inline-flex;
align-items: baseline;
gap: 4px;
white-space: nowrap;}
.mp-account-stat strong .woocommerce-Price-currencySymbol{font-size: 12px;
font-weight: 500;}
.mp-account-section{background: #fff;
border: 1px solid #edf0e8;
border-radius: 24px;
padding: 28px;
margin-top: 22px;
box-shadow: 0 8px 25px rgba(0,0,0,.045);}
.mp-account-section-title{margin-bottom: 22px;
padding-bottom: 18px;
border-bottom: 1px solid #eef1eb;}
.mp-account-section-title h2{margin: 0;
font-size: 20px;
font-weight: 800;
color: #202620;}
.mp-account-section-title p{margin: 5px 0 0;
color: #8a9185;
font-size: 13px;}
.mp-account-links{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;}
.mp-account-links a{min-width: 0;
display: flex;
align-items: center;
gap: 14px;
padding: 17px 18px;
text-decoration: none;
color: inherit;
background: #fbf8ff;
border: 1px solid #F1EBFF;
border-radius: 17px;
box-sizing: border-box;
transition:
background .2s ease,
border-color .2s ease,
transform .2s ease;}
.mp-account-links a:hover{background: #f4faeb;
border-color: #cce69b;
transform: translateY(-2px);}
.mp-link-icon{width: 46px;
height: 46px;
flex: 0 0 46px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background: #eaf6d7;
font-size: 20px;}
.mp-account-links a > span:nth-child(2){min-width: 0;
flex: 1;}
.mp-account-links strong{display: block;
color: #242a23;
font-size: 14px;
margin-bottom: 4px;}
.mp-account-links small{display: block;
color: #858b81;
font-size: 12px;
line-height: 1.6;}
.mp-account-links b{color: #A44AFF;
font-size: 18px;
flex: 0 0 auto;}
.mp-account-status{margin-top: 22px;
padding: 20px 22px;
border-radius: 18px;
background: #f4faeb;
border: 1px solid #dceebd;
display: flex;
align-items: center;
gap: 15px;}
.mp-status-check{width: 42px;
height: 42px;
flex: 0 0 42px;
border-radius: 50%;
background: #A44AFF;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 800;}
.mp-account-status strong{display: block;
color: #913BEF;
font-size: 14px;}
.mp-account-status p{margin: 4px 0 0;
color: #71805f;
font-size: 12px;
line-height: 1.8;}
.mp-account-shop{margin-top: 22px;
padding: 30px;
border-radius: 22px;
background: #202820;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
box-sizing: border-box;}
.mp-account-shop > div{min-width: 0;}
.mp-account-shop span{display: block;
color: #a9b1a5;
font-size: 13px;
margin-bottom: 5px;}
.mp-account-shop h2{margin: 0;
color: #fff;
font-size: 19px;
line-height: 1.7;}
.mp-account-shop > a{display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
flex: 0 0 auto;
padding: 13px 20px;
background: #A44AFF;
color: #fff;
border-radius: 13px;
text-decoration: none;
font-size: 13px;
font-weight: 700;
transition: .2s ease;}
.mp-account-shop > a:hover{background: #913BEF;
transform: translateY(-2px);}
.woocommerce-account .woocommerce{width: 100%;}
.woocommerce-account .woocommerce-MyAccount-content{width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;}
.woocommerce-account .woocommerce-MyAccount-navigation{display: none !important;}
@media (min-width: 992px) {.mp-account-dashboard{padding-top: 35px;}}
@media (max-width: 991px) {.mp-account-dashboard{padding: 24px 16px 45px;}
.mp-account-stats{grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;}
.mp-account-stat{padding: 17px 14px;
gap: 11px;}
.mp-stat-icon{width: 46px;
height: 46px;
flex-basis: 46px;
font-size: 20px;}
.mp-account-stat strong{font-size: 18px;}}
@media (max-width: 700px) {.mp-account-dashboard{padding: 16px 12px 35px;}
.mp-account-hero{padding: 24px 20px;
min-height: 150px;
border-radius: 20px;}
.mp-account-avatar{width: 65px;
height: 65px;
flex-basis: 65px;}
.mp-account-user{gap: 13px;}
.mp-account-user-info h1{font-size: 20px;}
.mp-account-user-info > span{font-size: 12px;}
.mp-account-user-info p{font-size: 11px;}
.mp-account-hero-icon{display: none;}
.mp-account-stats{grid-template-columns: 1fr;
gap: 10px;}
.mp-account-stat{padding: 16px;}
.mp-account-section{padding: 20px 15px;
border-radius: 20px;}
.mp-account-links{grid-template-columns: 1fr;}
.mp-account-status{align-items: flex-start;
padding: 17px;}
.mp-account-shop{flex-direction: column;
align-items: stretch;
padding: 22px;
gap: 18px;}
.mp-account-shop > a{width: 100%;}}
@media (max-width: 400px) {.mp-account-user-info h1{font-size: 18px;}
.mp-account-section-title h2{font-size: 18px;}
.mp-account-shop h2{font-size: 16px;}}
.mp-account-dashboard{direction: rtl;
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 30px 20px 60px;
box-sizing: border-box;
font-family: "Vazirmatn", sans-serif;
color: #1f2937;}
.mp-account-hero{position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 32px 36px;
margin-bottom: 22px;
background:
linear-gradient(
135deg,
#ffffff 0%,
#f7fdf0 100%
);
border: 1px solid #e4efd5;
border-radius: 24px;
box-shadow:
0 12px 35px rgba(77, 124, 15, 0.08);
overflow: hidden;}
.mp-account-hero::before{content: "";
position: absolute;
width: 180px;
height: 180px;
left: -70px;
top: -90px;
background: rgba(164, 74, 255, 0.10);
border-radius: 50%;}
.mp-account-user{position: relative;
z-index: 2;
display: flex;
align-items: center;
gap: 20px;}
.mp-account-avatar{width: 86px;
height: 86px;
flex: 0 0 86px;
border-radius: 50%;
padding: 4px;
background: #ffffff;
border: 3px solid #A44AFF;
box-shadow:
0 8px 22px rgba(77, 124, 15, 0.15);
overflow: hidden;}
.mp-account-avatar img{display: block;
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;}
.mp-account-user-info{display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;}
.mp-account-user-info > span{color: #6b7280;
font-size: 13px;
font-weight: 500;}
.mp-account-user-info h1{margin: 0;
color: #17200f;
font-size: 27px;
font-weight: 800;
line-height: 1.5;}
.mp-account-user-info p{margin: 0;
color: #8a9481;
font-size: 13px;}
.mp-account-hero-icon{position: relative;
z-index: 2;
width: 62px;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 18px;
background: #A44AFF;
color: #ffffff;
font-size: 28px;
box-shadow:
0 10px 24px rgba(164, 74, 255, 0.30);}
.mp-account-stats{display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 18px;
margin-bottom: 22px;}
.mp-account-stat{min-width: 0;
display: flex;
align-items: center;
gap: 16px;
padding: 22px;
background: #ffffff;
border: 1px solid #edf0ea;
border-radius: 20px;
box-shadow:
0 8px 25px rgba(0, 0, 0, 0.045);
transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease;}
.mp-account-stat:hover{transform: translateY(-4px);
border-color: #d5e9b7;
box-shadow:
0 14px 32px rgba(77, 124, 15, 0.10);}
.mp-stat-icon{width: 54px;
height: 54px;
flex: 0 0 54px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background: #f1f9e7;
color: #7C2EDB;
font-size: 23px;}
.mp-account-stat > div:last-child{min-width: 0;
display: flex;
flex-direction: column;
gap: 5px;}
.mp-account-stat span{color: #7b8474;
font-size: 13px;
font-weight: 500;}
.mp-account-stat strong{display: block;
color: #18200f;
font-size: 21px;
font-weight: 800;
line-height: 1.5;}
.mp-account-stat strong .woocommerce-Price-amount{display: inline-flex;
align-items: baseline;
gap: 4px;
font-size: inherit;}
.mp-account-stat strong .woocommerce-Price-currencySymbol{color: #6b7280;
font-size: 11px;
font-weight: 500;}
.mp-account-section{margin-bottom: 22px;
padding: 26px;
background: #ffffff;
border: 1px solid #edf0ea;
border-radius: 22px;
box-shadow:
0 8px 28px rgba(0, 0, 0, 0.045);}
.mp-account-section-title{display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;}
.mp-account-section-title h2{margin: 0 0 4px;
color: #17200f;
font-size: 19px;
font-weight: 800;}
.mp-account-section-title p{margin: 0;
color: #8a9481;
font-size: 12px;}
.mp-account-links{display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap: 13px;}
.mp-account-links > a{min-width: 0;
display: flex;
align-items: center;
gap: 14px;
padding: 17px;
text-decoration: none;
background: #fbf8ff;
border: 1px solid #F1EBFF;
border-radius: 16px;
transition:
background .25s ease,
border-color .25s ease,
transform .25s ease,
box-shadow .25s ease;}
.mp-account-links > a:hover{transform: translateY(-3px);
background: #ffffff;
border-color: #cfe5ac;
box-shadow:
0 10px 24px rgba(77, 124, 15, 0.08);}
.mp-link-icon{width: 46px;
height: 46px;
flex: 0 0 46px;
display: flex;
align-items: center;
justify-content: center;
background: #f0f8e7;
border-radius: 13px;
font-size: 20px;}
.mp-account-links > a > span:nth-child(2){min-width: 0;
flex: 1;
display: flex;
flex-direction: column;
gap: 3px;}
.mp-account-links strong{color: #20281a;
font-size: 14px;
font-weight: 700;}
.mp-account-links small{color: #8b9484;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.mp-account-links b{color: #A44AFF;
font-size: 20px;
transition:
transform .25s ease;}
.mp-account-links a:hover b{transform: translateX(-4px);}
.mp-account-status{display: flex;
align-items: center;
gap: 16px;
margin-bottom: 22px;
padding: 20px 24px;
background:
linear-gradient(
135deg,
#F3E8FF,
#fbfef8
);
border: 1px solid #dcecc7;
border-radius: 18px;}
.mp-status-check{width: 46px;
height: 46px;
flex: 0 0 46px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #A44AFF;
color: #ffffff;
font-size: 20px;
font-weight: 800;
box-shadow:
0 6px 16px rgba(164, 74, 255, 0.25);}
.mp-account-status strong{display: block;
margin-bottom: 4px;
color: #913BEF;
font-size: 14px;}
.mp-account-status p{margin: 0;
color: #69745e;
font-size: 12px;
line-height: 1.9;}
.mp-account-shop{display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
padding: 27px 30px;
border-radius: 22px;
background:
linear-gradient(
135deg,
#A44AFF,
#913BEF
);
box-shadow:
0 15px 35px rgba(117, 179, 19, 0.22);
color: #ffffff;}
.mp-account-shop span{display: block;
margin-bottom: 4px;
font-size: 12px;
opacity: .85;}
.mp-account-shop h2{margin: 0;
color: #ffffff;
font-size: 19px;
font-weight: 800;}
.mp-account-shop a{flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 20px;
border-radius: 12px;
background: #ffffff;
color: #7C2EDB;
font-size: 13px;
font-weight: 800;
text-decoration: none;
transition:
transform .2s ease,
box-shadow .2s ease;}
.mp-account-shop a:hover{transform: translateY(-2px);
box-shadow:
0 8px 18px rgba(0, 0, 0, 0.12);}
.mp-account-shop a span{display: inline;
margin: 0;
font-size: 18px;
opacity: 1;}
@media (min-width: 1000px) {.mp-account-dashboard{padding-top: 40px;}}
@media (max-width: 850px) {.mp-account-dashboard{padding: 22px 15px 45px;}
.mp-account-stats{grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 12px;}
.mp-account-stat{padding: 16px;
gap: 10px;}
.mp-stat-icon{width: 45px;
height: 45px;
flex-basis: 45px;
font-size: 19px;}
.mp-account-stat strong{font-size: 17px;}}
@media (max-width: 600px) {.mp-account-dashboard{padding: 15px 12px 35px;}
.mp-account-hero{padding: 22px 18px;
border-radius: 20px;}
.mp-account-user{gap: 13px;}
.mp-account-avatar{width: 65px;
height: 65px;
flex-basis: 65px;}
.mp-account-user-info h1{font-size: 20px;}
.mp-account-user-info > span{font-size: 11px;}
.mp-account-user-info p{font-size: 11px;}
.mp-account-hero-icon{width: 45px;
height: 45px;
border-radius: 13px;
font-size: 20px;}
.mp-account-stats{grid-template-columns: 1fr;
gap: 10px;}
.mp-account-stat{padding: 15px;}
.mp-account-section{padding: 18px;
border-radius: 18px;}
.mp-account-links{grid-template-columns: 1fr;}
.mp-account-status{align-items: flex-start;
padding: 17px;}
.mp-account-shop{align-items: flex-start;
flex-direction: column;
padding: 22px;}
.mp-account-shop h2{font-size: 16px;}
.mp-account-shop a{width: 100%;
justify-content: center;
box-sizing: border-box;}}
@media (max-width: 380px) {.mp-account-hero{padding: 18px 14px;}
.mp-account-hero-icon{display: none;}
.mp-account-user-info h1{font-size: 18px;}}
.woocommerce-account .woocommerce-MyAccount-content{width: 100%;
max-width: 100%;}
.woocommerce-account .woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-MyAccount-content > h1{font-family: "Vazirmatn", sans-serif;
color: #1f2937;
font-weight: 800;
margin-bottom: 24px;}
.woocommerce-account .woocommerce-orders-table{width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 30px rgba(0,0,0,0.05);
font-family: "Vazirmatn", sans-serif;}
.woocommerce-account .woocommerce-orders-table thead th{background: #f7fbeF;
color: #374151;
font-size: 14px;
font-weight: 700;
padding: 18px 20px;
border: 0;
text-align: right;}
.woocommerce-account .woocommerce-orders-table tbody td{padding: 20px;
border-top: 1px solid #f0f1f2;
color: #374151;
font-size: 14px;
vertical-align: middle;}
.woocommerce-account .woocommerce-orders-table tbody tr:first-child td{border-top: none;}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a{color: #7C2EDB;
font-weight: 800;
text-decoration: none;
transition: 0.2s ease;}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover{color: #A44AFF;}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status{font-weight: 700;}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status::before{content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #A44AFF;
margin-left: 7px;}
.woocommerce-account .woocommerce-orders-table .woocommerce-button{display: inline-flex;
align-items: center;
justify-content: center;
min-width: 95px;
padding: 10px 18px;
background: #A44AFF;
color: #ffffff !important;
border: none;
border-radius: 10px;
font-family: "Vazirmatn", sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none !important;
transition:
transform 0.2s ease,
background 0.2s ease,
box-shadow 0.2s ease;}
.woocommerce-account .woocommerce-orders-table .woocommerce-button:hover{background: #7C2EDB;
color: #ffffff !important;
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(77,124,15,0.20);}
.woocommerce-account .woocommerce-orders-table tbody tr{transition: background 0.2s ease;}
.woocommerce-account .woocommerce-orders-table tbody tr:hover{background: #FCFAFF;}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-total{font-weight: 800;
color: #1f2937;}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-date{color: #6b7280;}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info{background: #ffffff;
border: 1px solid #e5e7eb;
border-right: 4px solid #A44AFF;
border-radius: 16px;
padding: 22px 24px;
color: #374151;
font-family: "Vazirmatn", sans-serif;
box-shadow: 0 8px 25px rgba(0,0,0,0.04);}
.woocommerce-account .woocommerce-pagination{margin-top: 25px;
display: flex;
justify-content: center;
gap: 8px;}
.woocommerce-account .woocommerce-pagination .woocommerce-button,
.woocommerce-account .woocommerce-pagination a{border-radius: 10px;
padding: 9px 15px;
border: 1px solid #e5e7eb;
background: #ffffff;
color: #374151;
text-decoration: none;
font-weight: 700;}
.woocommerce-account .woocommerce-pagination a:hover{background: #A44AFF;
border-color: #A44AFF;
color: #ffffff;}
@media (max-width: 768px) {.woocommerce-account .woocommerce-orders-table{display: block;
border: none;
box-shadow: none;
background: transparent;}
.woocommerce-account .woocommerce-orders-table thead{display: none;}
.woocommerce-account .woocommerce-orders-table tbody,
.woocommerce-account .woocommerce-orders-table tr,
.woocommerce-account .woocommerce-orders-table td{display: block;
width: 100%;
box-sizing: border-box;}
.woocommerce-account .woocommerce-orders-table tbody tr{background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 18px;
margin-bottom: 15px;
padding: 8px 0;
box-shadow: 0 7px 25px rgba(0,0,0,0.05);}
.woocommerce-account .woocommerce-orders-table tbody td{border: none;
padding: 10px 18px;
text-align: right;}
.woocommerce-account .woocommerce-orders-table tbody td::before{color: #6b7280;
font-weight: 700;
margin-left: 8px;}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number::before{content: "شماره سفارش:";}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-date::before{content: "تاریخ:";}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status::before{content: "وضعیت:";}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-total::before{content: "مبلغ:";}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions::before{content: "";}
.woocommerce-account .woocommerce-orders-table .woocommerce-button{width: 100%;
box-sizing: border-box;
margin-top: 5px;}}
.woocommerce-account .woocommerce-orders-table{border: none !important;
border-collapse: separate !important;
border-spacing: 0 10px !important;
background: transparent !important;
box-shadow: none !important;}
.woocommerce-account .woocommerce-orders-table thead th{border: none !important;
background: #f7fbef !important;}
.woocommerce-account .woocommerce-orders-table tbody tr{background: #ffffff !important;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);}
.woocommerce-account .woocommerce-orders-table tbody td{border: none !important;}
.woocommerce-account .woocommerce-orders-table tbody td:first-child{border-radius: 0 14px 14px 0;}
.woocommerce-account .woocommerce-orders-table tbody td:last-child{border-radius: 14px 0 0 14px;}
.woocommerce-account .woocommerce-orders-table tbody tr:hover{background: #ffffff !important;
box-shadow: 0 8px 25px rgba(164, 74, 255, 0.12);}
.woocommerce-account .woocommerce-orders-table
.woocommerce-orders-table__cell-order-number{border-top: none !important;}
.woocommerce-orders-table .order-status::before,
.woocommerce-orders-table .order-status::after,
.woocommerce-orders-table__cell-order-status::before,
.woocommerce-orders-table__cell-order-status::after{display: none !important;
content: none !important;}
.mp-account-user-info > p{display: none !important;}
.mp-account-hero{position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 190px;
padding: 32px 38px;
background:
linear-gradient(
135deg,
rgba(164, 74, 255, 0.14),
rgba(164, 74, 255, 0.04)
),
#ffffff;
border: 1px solid rgba(164, 74, 255, 0.22);
border-radius: 24px;
box-shadow:
0 10px 35px rgba(0, 0, 0, 0.06);
isolation: isolate;}
.mp-account-hero::before{content: "";
position: absolute;
width: 260px;
height: 260px;
left: -90px;
top: -120px;
background: rgba(164, 74, 255, 0.10);
border-radius: 50%;
z-index: -1;}
.mp-account-hero::after{content: "";
position: absolute;
width: 180px;
height: 180px;
right: -70px;
bottom: -100px;
background: rgba(164, 74, 255, 0.08);
border-radius: 50%;
z-index: -1;}
.mp-account-user{display: flex;
align-items: center;
gap: 22px;
position: relative;
z-index: 2;}
.mp-account-avatar{width: 92px;
height: 92px;
flex: 0 0 92px;
border-radius: 50%;
overflow: hidden;
background: #F7F3FF;
border: 4px solid #ffffff;
box-shadow:
0 6px 20px rgba(0, 0, 0, 0.12);}
.mp-account-avatar img{width: 100%;
height: 100%;
object-fit: cover;
display: block;}
.mp-account-user-info{display: flex;
flex-direction: column;
gap: 6px;}
.mp-account-user-info > span{display: inline-flex;
align-items: center;
width: fit-content;
padding: 5px 12px;
border-radius: 30px;
background: rgba(164, 74, 255, 0.12);
color: #63920d;
font-size: 13px;
font-weight: 700;}
.mp-account-user-info h1{margin: 0;
color: #202820;
font-size: 28px;
font-weight: 800;
line-height: 1.3;}
.mp-account-user-info p{margin: 0;
color: #777;
font-size: 14px;}
.mp-account-hero-icon{width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
background: rgba(164, 74, 255, 0.13);
color: #A44AFF;
font-size: 32px;
box-shadow:
inset 0 0 0 1px rgba(164, 74, 255, 0.12);
transform: rotate(-8deg);
position: relative;
z-index: 2;}
@media (max-width: 700px) {.mp-account-hero{min-height: auto;
padding: 24px 20px;
border-radius: 20px;}
.mp-account-user{gap: 15px;}
.mp-account-avatar{width: 72px;
height: 72px;
flex-basis: 72px;}
.mp-account-user-info h1{font-size: 21px;}
.mp-account-user-info > span{font-size: 12px;
padding: 4px 9px;}
.mp-account-user-info p{font-size: 12px;}
.mp-account-hero-icon{width: 50px;
height: 50px;
border-radius: 16px;
font-size: 23px;}}
:root{--mp-primary: #A44AFF;
--mp-primary-dark: #7C2EDB;
--mp-primary-light: #f1f8e5;
--mp-background: #f7f9f5;
--mp-card: #ffffff;
--mp-text: #1d2429;
--mp-text-2: #4e5749;
--mp-muted: #8b9385;
--mp-border: #e8ede3;
--mp-danger: #dc6262;
--mp-radius-xl: 26px;
--mp-radius-lg: 20px;
--mp-radius-md: 15px;
--mp-shadow:
0 12px 40px rgba(35, 50, 25, .055);
--mp-shadow-hover:
0 18px 45px rgba(35, 50, 25, .09);}
.mp-account-layout{direction: rtl;
position: relative;
display: grid;
grid-template-columns: 285px minmax(0, 1fr);
gap: 26px;
width: 100%;
max-width: 1500px;
margin: 0 auto;
padding: 30px 35px 70px;
box-sizing: border-box;
font-family:
inherit;
color: var(--mp-text);}
.mp-account-sidebar{position: sticky;
top: 25px;
align-self: start;
padding: 18px;
background:
linear-gradient(
145deg,
#ffffff 0%,
#fbfdf9 100%
);
border: 1px solid rgba(226,233,218,.9);
border-radius: var(--mp-radius-xl);
box-shadow: var(--mp-shadow);
overflow: hidden;}
.mp-account-sidebar::before{content: "";
position: absolute;
width: 150px;
height: 150px;
top: -90px;
right: -70px;
border-radius: 50%;
background: rgba(164,74,255,.12);
filter: blur(20px);
pointer-events: none;}
.mp-sidebar-profile{position: relative;
display: flex;
align-items: center;
gap: 13px;
padding: 8px 5px 21px;
margin-bottom: 13px;
border-bottom: 1px solid var(--mp-border);}
.mp-sidebar-avatar{position: relative;
width: 62px;
height: 62px;
flex: 0 0 62px;
padding: 3px;
background: #ffffff;
border: 2px solid rgba(164,74,255,.35);
border-radius: 50%;
box-shadow:
0 5px 18px rgba(164,74,255,.14);
box-sizing: border-box;}
.mp-sidebar-avatar::after{content: "";
position: absolute;
width: 12px;
height: 12px;
right: 1px;
bottom: 2px;
background: var(--mp-primary);
border: 3px solid #ffffff;
border-radius: 50%;}
.mp-sidebar-avatar img{width: 100% !important;
height: 100% !important;
display: block;
object-fit: cover;
border-radius: 50%;}
.mp-sidebar-user{min-width: 0;}
.mp-sidebar-user strong{display: block;
margin-bottom: 6px;
color: var(--mp-text);
font-size: 14px;
font-weight: 900;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.mp-sidebar-user span{display: inline-flex;
align-items: center;
gap: 5px;
padding: 5px 9px;
background: var(--mp-primary-light);
border: 1px solid rgba(164,74,255,.12);
border-radius: 50px;
color: var(--mp-primary-dark);
font-size: 9px;
font-weight: 900;}
.mp-sidebar-menu{position: relative;
display: flex;
flex-direction: column;
gap: 5px;}
.mp-sidebar-item{position: relative;
display: flex;
align-items: center;
gap: 12px;
min-height: 51px;
padding: 7px 10px;
border-radius: 15px;
color: var(--mp-text-2) !important;
text-decoration: none !important;
transition:
background .25s ease,
transform .25s ease,
color .25s ease,
box-shadow .25s ease;}
.mp-sidebar-item:hover{color: var(--mp-primary-dark) !important;
background: #FAF7FF;
transform: translateX(-3px);}
.mp-sidebar-item.active{color: var(--mp-primary-dark) !important;
background:
linear-gradient(
100deg,
#f0f8e4,
#f7fbf1
);
box-shadow:
inset 0 0 0 1px rgba(164,74,255,.10);}
.mp-sidebar-item.active::before{content: "";
position: absolute;
right: 0;
top: 9px;
bottom: 9px;
width: 4px;
border-radius: 10px;
background: var(--mp-primary);
box-shadow:
0 0 10px rgba(164,74,255,.45);}
.mp-menu-icon{width: 38px;
height: 38px;
flex: 0 0 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: #F7F3FF;
font-size: 16px;
transition: .25s ease;}
.mp-sidebar-item:hover .mp-menu-icon{background: #ffffff;
transform: scale(1.06);}
.mp-sidebar-item.active .mp-menu-icon{background: #ffffff;
box-shadow:
0 5px 14px rgba(45,60,30,.06);}
.mp-menu-text{flex: 1;
font-size: 12px;
font-weight: 800;}
.mp-menu-arrow{color: var(--mp-primary);
font-size: 15px;
opacity: 0;
transform: translateX(5px);
transition: .25s;}
.mp-sidebar-item:hover .mp-menu-arrow,
.mp-sidebar-item.active .mp-menu-arrow{opacity: 1;
transform: translateX(0);}
.mp-menu-count{min-width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 6px;
background: #f0f3ed;
border-radius: 50px;
color: #737b6d;
font-size: 9px;
font-weight: 900;}
.mp-sidebar-item.active .mp-menu-count{background: #ffffff;
color: var(--mp-primary-dark);}
.mp-sidebar-divider{height: 1px;
margin: 12px 5px;
background:
linear-gradient(
to left,
transparent,
var(--mp-border),
transparent
);}
.mp-sidebar-logout{display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 14px;
padding: 12px;
border: 1px solid #f2dfdf;
border-radius: 14px;
background: #fffafa;
color: var(--mp-danger) !important;
text-decoration: none !important;
font-size: 11px;
font-weight: 900;
transition: .25s ease;}
.mp-sidebar-logout:hover{background: #fff3f3;
border-color: #eccaca;
transform: translateY(-2px);}
.mp-main-header{position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
min-height: 150px;
margin-bottom: 20px;
padding: 30px;
overflow: hidden;
border-radius: var(--mp-radius-xl);
background:
radial-gradient(
circle at 90% 20%,
rgba(164,74,255,.18),
transparent 30%
),
linear-gradient(
135deg,
#ffffff,
#FAF7FF
);
border: 1px solid var(--mp-border);
box-shadow: var(--mp-shadow);}
.mp-main-header::after{content: "";
position: absolute;
width: 180px;
height: 180px;
left: -90px;
bottom: -110px;
border-radius: 50%;
border: 35px solid rgba(164,74,255,.05);
pointer-events: none;}
.mp-main-header > div{position: relative;
z-index: 1;}
.mp-main-header > div > span{display: inline-flex;
align-items: center;
gap: 5px;
color: var(--mp-primary-dark);
font-size: 10px;
font-weight: 900;}
.mp-main-header h1{margin: 7px 0 5px;
color: var(--mp-text);
font-size: 28px;
line-height: 1.4;
font-weight: 950;
letter-spacing: -.4px;}
.mp-main-header p{margin: 0;
color: var(--mp-muted);
font-size: 11px;}
.mp-shop-button{position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 125px;
padding: 13px 18px;
border-radius: 14px;
background: var(--mp-primary);
color: #ffffff !important;
text-decoration: none !important;
font-size: 11px;
font-weight: 900;
box-shadow:
0 9px 22px rgba(164,74,255,.25);
transition: .25s ease;}
.mp-shop-button:hover{background: var(--mp-primary-dark);
transform: translateY(-3px);
box-shadow:
0 13px 28px rgba(164,74,255,.28);}
.mp-dashboard-stats{display: grid;
grid-template-columns:
repeat(3, minmax(0,1fr));
gap: 14px;
margin-bottom: 18px;}
.mp-dashboard-stat{position: relative;
display: flex;
align-items: center;
gap: 14px;
min-height: 94px;
padding: 17px;
overflow: hidden;
background: #ffffff;
border: 1px solid var(--mp-border);
border-radius: var(--mp-radius-lg);
box-shadow:
0 6px 24px rgba(35,50,25,.035);
transition: .25s ease;}
.mp-dashboard-stat::after{content: "";
position: absolute;
width: 80px;
height: 80px;
left: -45px;
bottom: -50px;
border-radius: 50%;
background: rgba(164,74,255,.06);}
.mp-dashboard-stat:hover{transform: translateY(-4px);
border-color: rgba(164,74,255,.25);
box-shadow: var(--mp-shadow-hover);}
.mp-dashboard-stat-icon{width: 50px;
height: 50px;
flex: 0 0 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15px;
background: var(--mp-primary-light);
font-size: 20px;
box-shadow:
inset 0 0 0 1px rgba(164,74,255,.08);}
.mp-dashboard-stat span{display: block;
margin-bottom: 4px;
color: var(--mp-muted);
font-size: 10px;
font-weight: 750;}
.mp-dashboard-stat strong{display: block;
color: var(--mp-text);
font-size: 18px;
line-height: 1.2;
font-weight: 950;}
.mp-user-status{position: relative;
display: flex;
align-items: center;
gap: 14px;
min-height: 65px;
margin-bottom: 18px;
padding: 12px 17px;
overflow: hidden;
border: 1px solid rgba(164,74,255,.18);
border-radius: var(--mp-radius-lg);
background:
linear-gradient(
100deg,
#f4faeb,
#ffffff
);}
.mp-status-icon{width: 44px;
height: 44px;
flex: 0 0 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 13px;
background: #ffffff;
box-shadow:
0 5px 15px rgba(35,50,25,.06);
font-size: 19px;}
.mp-status-content{min-width: 105px;}
.mp-status-content span{display: block;
margin-bottom: 2px;
color: var(--mp-muted);
font-size: 8px;}
.mp-status-content strong{color: var(--mp-text);
font-size: 12px;
font-weight: 950;}
.mp-status-line{flex: 1;
height: 5px;
overflow: hidden;
border-radius: 50px;
background: #e5ebdf;}
.mp-status-line div{width: 72%;
height: 100%;
border-radius: inherit;
background:
linear-gradient(
90deg,
var(--mp-primary-dark),
var(--mp-primary)
);
box-shadow:
0 0 10px rgba(164,74,255,.25);}
.mp-status-label{padding: 7px 10px;
border-radius: 50px;
background: #ffffff;
color: var(--mp-primary-dark);
font-size: 9px;
font-weight: 900;}
.mp-dashboard-card{padding: 22px;
margin-bottom: 18px;
background: #ffffff;
border: 1px solid var(--mp-border);
border-radius: var(--mp-radius-xl);
box-shadow:
0 6px 25px rgba(35,50,25,.035);}
.mp-card-heading{display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-bottom: 18px;}
.mp-card-heading h2{margin: 0 0 4px;
color: var(--mp-text);
font-size: 17px;
font-weight: 950;}
.mp-card-heading p{margin: 0;
color: var(--mp-muted);
font-size: 9px;}
.mp-card-heading > a{color: var(--mp-primary-dark) !important;
text-decoration: none !important;
font-size: 10px;
font-weight: 900;
transition: .2s;}
.mp-card-heading > a:hover{transform: translateX(-3px);}
.mp-quick-grid{display: grid;
grid-template-columns:
repeat(2, minmax(0,1fr));
gap: 11px;}
.mp-quick-card{position: relative;
display: grid;
grid-template-columns: 48px 1fr auto;
grid-template-rows: auto auto;
align-items: center;
column-gap: 12px;
min-height: 67px;
padding: 12px 14px;
overflow: hidden;
border: 1px solid var(--mp-border);
border-radius: 16px;
background:
linear-gradient(
135deg,
#ffffff,
#fbf8ff
);
color: var(--mp-text) !important;
text-decoration: none !important;
transition: .25s ease;}
.mp-quick-card::after{content: "";
position: absolute;
width: 80px;
height: 80px;
left: -50px;
bottom: -50px;
border-radius: 50%;
background: rgba(164,74,255,.07);
transition: .3s;}
.mp-quick-card:hover{transform: translateY(-4px);
border-color: rgba(164,74,255,.30);
box-shadow:
0 12px 25px rgba(35,50,25,.07);}
.mp-quick-card:hover::after{transform: scale(1.5);}
.mp-quick-icon{grid-row: 1 / 3;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 13px;
background: var(--mp-primary-light);
font-size: 18px;
transition: .25s;}
.mp-quick-card:hover .mp-quick-icon{transform: scale(1.07) rotate(-3deg);}
.mp-quick-card strong{align-self: end;
font-size: 11px;
font-weight: 950;}
.mp-quick-card small{align-self: start;
margin-top: 3px;
color: var(--mp-muted);
font-size: 8px;}
.mp-quick-card b{grid-column: 3;
grid-row: 1 / 3;
color: var(--mp-primary);
font-size: 16px;
transition: .2s;}
.mp-quick-card:hover b{transform: translateX(-4px);}
.mp-recent-orders{display: grid;
gap: 8px;}
.mp-order-row{position: relative;
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
border: 1px solid var(--mp-border);
border-radius: 15px;
background: #fbfcfa;
color: var(--mp-text) !important;
text-decoration: none !important;
transition: .22s ease;}
.mp-order-row:hover{background: #ffffff;
border-color: rgba(164,74,255,.30);
transform: translateX(-3px);
box-shadow:
0 7px 18px rgba(35,50,25,.05);}
.mp-order-icon{width: 40px;
height: 40px;
flex: 0 0 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: var(--mp-primary-light);
font-size: 16px;}
.mp-order-info{flex: 1;
min-width: 0;}
.mp-order-info strong{display: block;
font-size: 10px;
font-weight: 950;}
.mp-order-info small{display: block;
margin-top: 4px;
color: var(--mp-muted);
font-size: 8px;}
.mp-order-price{color: var(--mp-primary-dark);
font-size: 10px;
font-weight: 950;}
.mp-order-arrow{color: var(--mp-primary);
font-size: 14px;}
.mp-notification-list{display: grid;
gap: 8px;}
.mp-notification{display: flex;
align-items: center;
gap: 11px;
padding: 12px;
border: 1px solid var(--mp-border);
border-radius: 14px;
background: #fbfcfa;}
.mp-notification-check{width: 35px;
height: 35px;
flex: 0 0 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 11px;
background: var(--mp-primary-light);
color: var(--mp-primary-dark);
font-size: 12px;
font-weight: 950;}
.mp-notification strong{font-size: 10px;
font-weight: 900;}
.mp-notification p{margin: 3px 0 0;
color: var(--mp-muted);
font-size: 8px;}
.mp-empty-state{padding: 35px 15px;
text-align: center;
border: 1px dashed #dfe6d9;
border-radius: 16px;
background: #fbfcfa;}
.mp-empty-state span{display: block;
margin-bottom: 8px;
font-size: 28px;}
.mp-empty-state strong{display: block;
color: var(--mp-text);
font-size: 11px;
font-weight: 900;}
.mp-empty-state p{margin: 5px 0 0;
color: var(--mp-muted);
font-size: 8px;}
.mp-dashboard-shop{position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
min-height: 105px;
padding: 25px 28px;
overflow: hidden;
border-radius: var(--mp-radius-xl);
color: #ffffff;
background:
radial-gradient(
circle at 90% 10%,
rgba(255,255,255,.18),
transparent 30%
),
linear-gradient(
125deg,
#A44AFF,
#913BEF
);
box-shadow:
0 15px 35px rgba(164,74,255,.20);}
.mp-dashboard-shop::before{content: "";
position: absolute;
width: 160px;
height: 160px;
left: -60px;
bottom: -100px;
border: 35px solid rgba(255,255,255,.08);
border-radius: 50%;}
.mp-dashboard-shop span{position: relative;
display: block;
font-size: 9px;
opacity: .85;}
.mp-dashboard-shop h2{position: relative;
margin: 6px 0 0;
font-size: 17px;
font-weight: 950;}
.mp-dashboard-shop a{position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 130px;
padding: 12px 16px;
border-radius: 12px;
background: #ffffff;
color: var(--mp-primary-dark) !important;
text-decoration: none !important;
font-size: 10px;
font-weight: 950;
box-shadow:
0 7px 20px rgba(0,0,0,.08);
transition: .25s ease;}
.mp-dashboard-shop a:hover{transform: translateY(-3px);
box-shadow:
0 10px 25px rgba(0,0,0,.13);}
@media (max-width: 1100px) {.mp-account-layout{grid-template-columns:
235px minmax(0,1fr);
gap: 18px;
padding: 20px;}
.mp-dashboard-stats{grid-template-columns:
repeat(2,1fr);}
.mp-dashboard-stat:last-child{grid-column: 1 / -1;}}
@media (max-width: 760px) {.mp-account-layout{display: block;
padding: 10px;
background: var(--mp-background);}
.mp-account-sidebar{position: relative;
top: auto;
width: 100%;
margin-bottom: 13px;
padding: 11px;
border-radius: 20px;
box-sizing: border-box;}
.mp-sidebar-profile{padding: 3px 4px 12px;
margin-bottom: 8px;}
.mp-sidebar-avatar{width: 48px;
height: 48px;
flex-basis: 48px;}
.mp-sidebar-avatar::after{width: 9px;
height: 9px;
border-width: 2px;}
.mp-sidebar-menu{display: grid;
grid-template-columns:
repeat(4,1fr);
gap: 4px;}
.mp-sidebar-item{flex-direction: column;
justify-content: center;
gap: 4px;
min-height: 62px;
padding: 5px 2px;
text-align: center;
border-radius: 12px;}
.mp-sidebar-item:hover{transform: none;}
.mp-sidebar-item.active::before{right: 9px;
left: 9px;
top: auto;
bottom: 1px;
width: auto;
height: 3px;}
.mp-menu-icon{width: 31px;
height: 31px;
flex-basis: 31px;
border-radius: 10px;
font-size: 14px;}
.mp-menu-text{font-size: 7px;
line-height: 1.4;}
.mp-menu-arrow{display: none;}
.mp-menu-count{position: absolute;
top: 2px;
left: 3px;
min-width: 17px;
height: 17px;
padding: 0 4px;
font-size: 7px;}
.mp-sidebar-divider{display: none;}
.mp-sidebar-logout{margin-top: 8px;
padding: 9px;
font-size: 9px;}
.mp-main-header{display: block;
min-height: auto;
padding: 22px;
margin-bottom: 12px;
border-radius: 20px;}
.mp-main-header h1{font-size: 21px;
line-height: 1.5;}
.mp-main-header p{font-size: 9px;
line-height: 1.8;}
.mp-shop-button{width: 100%;
margin-top: 17px;
box-sizing: border-box;}
.mp-dashboard-stats{grid-template-columns:
repeat(2,1fr);
gap: 8px;}
.mp-dashboard-stat{min-height: 78px;
padding: 12px;
border-radius: 15px;
gap: 9px;}
.mp-dashboard-stat:last-child{grid-column: auto;}
.mp-dashboard-stat-icon{width: 38px;
height: 38px;
flex-basis: 38px;
border-radius: 11px;
font-size: 16px;}
.mp-dashboard-stat span{font-size: 8px;}
.mp-dashboard-stat strong{font-size: 13px;}
.mp-user-status{min-height: auto;
padding: 11px;
border-radius: 15px;
gap: 9px;}
.mp-status-icon{width: 37px;
height: 37px;
flex-basis: 37px;}
.mp-status-content span{font-size: 7px;}
.mp-status-content strong{font-size: 10px;}
.mp-status-line{display: none;}
.mp-status-label{margin-right: auto;
padding: 6px 8px;
font-size: 7px;}
.mp-dashboard-card{padding: 14px;
margin-bottom: 12px;
border-radius: 18px;}
.mp-card-heading{margin-bottom: 13px;}
.mp-card-heading h2{font-size: 14px;}
.mp-card-heading p{font-size: 8px;}
.mp-quick-grid{grid-template-columns: 1fr;}
.mp-quick-card{min-height: 60px;
padding: 10px;
border-radius: 14px;}
.mp-quick-icon{width: 39px;
height: 39px;
border-radius: 11px;
font-size: 16px;}
.mp-quick-card strong{font-size: 10px;}
.mp-quick-card small{font-size: 7px;}
.mp-order-row{padding: 9px;
gap: 8px;}
.mp-order-icon{width: 35px;
height: 35px;
flex-basis: 35px;
border-radius: 10px;}
.mp-order-info strong{font-size: 9px;}
.mp-order-info small{font-size: 7px;}
.mp-order-price{font-size: 8px;}
.mp-dashboard-shop{display: block;
padding: 22px;
text-align: center;
border-radius: 19px;}
.mp-dashboard-shop h2{font-size: 14px;
line-height: 1.7;}
.mp-dashboard-shop a{width: 100%;
margin-top: 15px;
box-sizing: border-box;}}
@media (max-width: 390px) {.mp-sidebar-menu{grid-template-columns:
repeat(3,1fr);}
.mp-account-layout{padding: 7px;}
.mp-dashboard-stats{grid-template-columns: 1fr;}
.mp-dashboard-stat:last-child{grid-column: auto;}
.mp-main-header{padding: 18px;}
.mp-main-header h1{font-size: 19px;}}
body.woocommerce-account{width: 100%;
overflow-x: hidden;}
body.woocommerce-account .site-content,
body.woocommerce-account .site-main,
body.woocommerce-account .main-content,
body.woocommerce-account .content,
body.woocommerce-account .content-area,
body.woocommerce-account .page-content,
body.woocommerce-account .entry-content{width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box;}
body.woocommerce-account
.woocommerce{width: 100% !important;
max-width: none !important;
margin: 0 !important;
box-sizing: border-box;}
body.woocommerce-account
.woocommerce-MyAccount-content{width: 100% !important;
max-width: none !important;
margin: 0 !important;
box-sizing: border-box;}
body.woocommerce-account
.mp-account-layout{width: 100% !important;
max-width: none !important;
margin: 0 !important;
box-sizing: border-box;}
@media (min-width: 769px) {body.woocommerce-account
.mp-account-layout{padding:
30px 45px 70px !important;
display: grid !important;
grid-template-columns:
290px minmax(0, 1fr) !important;
gap: 30px !important;}}
@media (max-width: 768px) {body.woocommerce-account
.mp-account-layout{width: 100% !important;
padding:
12px !important;
display: block !important;}}
:root{--mp-green: #A44AFF;
--mp-green-dark: #7C2EDB;
--mp-green-soft: #f2f9e7;
--mp-black: #171a17;
--mp-text: #292d29;
--mp-muted: #7d827d;
--mp-bg: #f7f8f6;
--mp-white: #ffffff;
--mp-border: #e7e9e5;
--mp-radius: 18px;
--mp-shadow: 0 4px 20px rgba(20,30,20,.055);}
.mp-account-layout{direction: rtl;
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 18px 22px;
display: grid;
grid-template-columns: 270px minmax(0, 1fr);
gap: 16px;
background: var(--mp-bg);
color: var(--mp-text);
font-family:
"Vazirmatn",
"IRANSansX",
"IRANSans",
Tahoma,
sans-serif;}
.mp-account-layout *,
.mp-account-layout *::before,
.mp-account-layout *::after{box-sizing: border-box;}
.mp-account-sidebar{position: sticky;
top: 18px;
height: fit-content;
padding: 10px;
background: var(--mp-white);
border: 1px solid var(--mp-border);
border-radius: 20px;
box-shadow: var(--mp-shadow);}
.mp-sidebar-profile{display: flex;
align-items: center;
gap: 11px;
padding: 9px;
border-radius: 14px;
background: #fafbf9;
border: 1px solid #eef0ec;}
.mp-sidebar-avatar{width: 52px;
height: 52px;
flex: 0 0 52px;
overflow: hidden;
border-radius: 14px;
background: #f0f1ef;
border: 2px solid #e2e5df;}
.mp-sidebar-avatar img{display: block;
width: 100%;
height: 100%;
object-fit: cover;}
.mp-sidebar-user{min-width: 0;
display: flex;
flex-direction: column;
gap: 3px;}
.mp-sidebar-user strong{color: var(--mp-black);
font-size: 14px;
font-weight: 900;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.mp-sidebar-user span{color: #929792;
font-size: 10px;
font-weight: 600;}
.mp-sidebar-menu{display: flex;
flex-direction: column;
gap: 3px;
padding: 13px 1px 9px;}
.mp-sidebar-item{min-height: 51px;
padding: 0 10px;
display: flex;
align-items: center;
gap: 11px;
color: #565b56;
text-decoration: none !important;
border-radius: 13px;
transition:
background .18s ease,
color .18s ease,
transform .18s ease;}
.mp-menu-icon{width: 36px;
height: 36px;
flex: 0 0 36px;
display: flex;
align-items: center;
justify-content: center;
background: #f0f1ef;
border-radius: 10px;
color: #171a17;
font-size: 17px;
filter: grayscale(1);
transition: .18s ease;}
.mp-menu-text{flex: 1;
color: inherit;
font-size: 14px;
font-weight: 750;
white-space: nowrap;}
.mp-menu-count{min-width: 24px;
height: 24px;
padding: 0 6px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #f1f2ef;
border-radius: 8px;
color: #626761;
font-size: 10px;
font-weight: 800;}
.mp-menu-arrow{color: var(--mp-green-dark);
font-size: 15px;
font-weight: 900;}
.mp-sidebar-item:hover{color: var(--mp-black);
background: #F7F3FF;
transform: translateX(-2px);}
.mp-sidebar-item:hover .mp-menu-icon{background: #e8ebe5;
color: #000;}
.mp-sidebar-item.active{color: var(--mp-black);
background: var(--mp-green-soft);
font-weight: 900;}
.mp-sidebar-item.active .mp-menu-icon{background: var(--mp-green);
color: #111;
filter: grayscale(1) brightness(.75) contrast(1.2);}
.mp-sidebar-item.active .mp-menu-count{background: rgba(164,74,255,.18);
color: #5d8715;}
.mp-sidebar-divider{height: 1px;
margin: 8px 8px;
background: #eceeea;}
.mp-sidebar-logout{min-height: 45px;
margin: 2px 1px 2px;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
border-radius: 11px;
color: #777c77;
background: #f8f8f7;
text-decoration: none !important;
font-size: 11px;
font-weight: 750;
transition: .18s ease;}
.mp-sidebar-logout:hover{background: #fff0f0;
color: #d25b5b;}
.mp-account-main{min-width: 0;
width: 100%;}
.mp-main-header{min-height: 145px;
margin-bottom: 14px;
padding: 25px 28px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
background: var(--mp-white);
border: 1px solid var(--mp-border);
border-radius: 19px;
box-shadow: var(--mp-shadow);}
.mp-main-header span{display: block;
margin-bottom: 3px;
color: var(--mp-green-dark);
font-size: 11px;
font-weight: 900;}
.mp-main-header h1{margin: 0 0 5px !important;
color: var(--mp-black);
font-size: 25px;
line-height: 1.6;
font-weight: 950;}
.mp-main-header p{margin: 0 !important;
color: var(--mp-muted);
font-size: 11px;
line-height: 1.8;}
.mp-shop-button{min-height: 44px;
padding: 0 17px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
border-radius: 11px;
background: var(--mp-black);
color: #fff !important;
text-decoration: none !important;
font-size: 11px;
font-weight: 850;
transition: .2s ease;}
.mp-shop-button:hover{background: var(--mp-green-dark);
transform: translateY(-2px);}
.mp-dashboard-stats{display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 12px;
margin-bottom: 14px;}
.mp-dashboard-stat{min-height: 94px;
padding: 15px;
display: flex;
align-items: center;
gap: 12px;
background: var(--mp-white);
border: 1px solid var(--mp-border);
border-radius: 16px;
box-shadow: var(--mp-shadow);
transition: .2s ease;}
.mp-dashboard-stat:hover{border-color: #dce3d6;
transform: translateY(-2px);}
.mp-dashboard-stat-icon{width: 47px;
height: 47px;
flex: 0 0 47px;
display: flex;
align-items: center;
justify-content: center;
background: #f1f2ef;
border-radius: 13px;
color: #171a17;
font-size: 19px;
filter: grayscale(1);}
.mp-dashboard-stat span{display: block;
margin-bottom: 3px;
color: var(--mp-muted);
font-size: 10px;
font-weight: 700;}
.mp-dashboard-stat strong{color: var(--mp-black);
font-size: 16px;
font-weight: 950;}
.mp-dashboard-card{margin-bottom: 14px;
padding: 20px;
background: var(--mp-white);
border: 1px solid var(--mp-border);
border-radius: 17px;
box-shadow: var(--mp-shadow);}
.mp-card-heading{margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;}
.mp-card-heading h2{margin: 0 0 3px !important;
color: var(--mp-black);
font-size: 15px;
font-weight: 950;}
.mp-card-heading p{margin: 0 !important;
color: var(--mp-muted);
font-size: 10px;}
.mp-card-heading > a{color: var(--mp-green-dark);
font-size: 10px;
font-weight: 900;
text-decoration: none;}
.mp-recent-orders{display: flex;
flex-direction: column;
gap: 7px;}
.mp-order-row{min-height: 65px;
padding: 9px 11px;
display: flex;
align-items: center;
gap: 11px;
background: #fafbf9;
border: 1px solid #eceeea;
border-radius: 12px;
color: inherit;
text-decoration: none !important;
transition: .18s ease;}
.mp-order-row:hover{background: var(--mp-green-soft);
border-color: #dceac7;}
.mp-order-icon{width: 40px;
height: 40px;
flex: 0 0 40px;
display: flex;
align-items: center;
justify-content: center;
background: #eeeeec;
border-radius: 10px;
color: #171a17;
font-size: 17px;
filter: grayscale(1);}
.mp-order-info strong{display: block;
margin-bottom: 2px;
color: var(--mp-black);
font-size: 11px;
font-weight: 900;}
.mp-order-info small{color: #999e99;
font-size: 9px;}
.mp-order-price{color: var(--mp-black);
font-size: 11px;
font-weight: 900;
white-space: nowrap;}
.mp-order-arrow{color: var(--mp-green-dark);
font-size: 14px;}
.mp-empty-state{padding: 30px 10px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;}
.mp-empty-state > span{width: 52px;
height: 52px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
background: #f0f1ee;
border-radius: 14px;
filter: grayscale(1);
font-size: 21px;}
.mp-empty-state strong{margin-bottom: 4px;
color: var(--mp-black);
font-size: 12px;
font-weight: 900;}
.mp-empty-state p{margin: 0 !important;
color: var(--mp-muted);
font-size: 10px;}
.mp-notification-list{display: flex;
flex-direction: column;
gap: 7px;}
.mp-notification{padding: 12px;
display: flex;
align-items: center;
gap: 11px;
background: #fafbf9;
border: 1px solid #eceeea;
border-radius: 12px;}
.mp-notification-check{width: 36px;
height: 36px;
flex: 0 0 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background: var(--mp-green-soft);
color: var(--mp-green-dark);
font-weight: 950;}
.mp-notification strong{display: block;
margin-bottom: 3px;
color: var(--mp-black);
font-size: 11px;
font-weight: 900;}
.mp-notification p{margin: 0 !important;
color: var(--mp-muted);
font-size: 10px;}
.mp-dashboard-shop{min-height: 105px;
margin-bottom: 14px;
padding: 20px 23px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
background: var(--mp-black);
border-radius: 17px;
color: #fff;}
.mp-dashboard-shop span{color: #aab1aa;
font-size: 10px;
font-weight: 700;}
.mp-dashboard-shop h2{margin: 4px 0 0 !important;
color: #fff;
font-size: 16px;
font-weight: 900;}
.mp-dashboard-shop a{min-height: 42px;
padding: 0 17px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 11px;
background: var(--mp-green);
color: #111 !important;
text-decoration: none !important;
font-size: 10px;
font-weight: 900;}
@media (max-width: 1050px) {.mp-account-layout{grid-template-columns:
235px minmax(0, 1fr);
gap: 12px;
padding: 15px;}
.mp-menu-text{font-size: 12px;}
.mp-dashboard-stats{grid-template-columns:
repeat(2, minmax(0,1fr));}}
@media (max-width: 760px) {.mp-account-layout{display: block;
padding: 8px;}
.mp-account-sidebar{position: relative;
top: auto;
margin-bottom: 10px;}
.mp-sidebar-menu{display: grid;
grid-template-columns:
repeat(2, minmax(0,1fr));}
.mp-sidebar-divider{grid-column: span 2;}
.mp-main-header{padding: 20px;
flex-direction: column;
align-items: stretch;}
.mp-main-header h1{font-size: 21px;}
.mp-shop-button{width: 100%;}
.mp-dashboard-stats{grid-template-columns: 1fr;}
.mp-dashboard-shop{align-items: flex-start;
flex-direction: column;}
.mp-dashboard-shop a{width: 100%;}}
@media (max-width: 430px) {.mp-sidebar-menu{grid-template-columns: 1fr;}
.mp-sidebar-divider{grid-column: auto;}
.mp-dashboard-card{padding: 15px;}
.mp-card-heading{align-items: flex-start;
flex-direction: column;}
.mp-order-price{display: none;}}
.mp-account-layout{background: #FAF7FF;}
.mp-account-sidebar{background: #ffffff;
border-color: #e2ebdc;
box-shadow:
0 8px 28px rgba(92,130,58,.08);}
.mp-sidebar-item.active{background:
linear-gradient(
135deg,
#eef9df,
#f7fbea
);
color: #913BEF;}
.mp-sidebar-item.active .mp-menu-icon{background: #A44AFF;
color: #ffffff;
filter: none;
box-shadow:
0 5px 14px rgba(164,74,255,.25);}
.mp-dashboard-stats{gap: 14px;}
.mp-dashboard-stat{position: relative;
min-height: 125px;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
border: none;
border-radius: 20px;
box-shadow:
0 8px 25px rgba(50,80,40,.08);
transition:
transform .2s ease,
box-shadow .2s ease;}
.mp-dashboard-stat::before{content: "";
position: absolute;
width: 130px;
height: 130px;
left: -35px;
bottom: -55px;
border-radius: 50%;
background: rgba(255,255,255,.22);}
.mp-dashboard-stat:nth-child(1){background:
linear-gradient(
135deg,
#A44AFF,
#913BEF
);
color: #ffffff;}
.mp-dashboard-stat:nth-child(2){background:
linear-gradient(
135deg,
#43b8a4,
#269985
);
color: #ffffff;}
.mp-dashboard-stat:nth-child(3){background:
linear-gradient(
135deg,
#8d75e8,
#7055ce
);
color: #ffffff;}
.mp-dashboard-stat-icon{position: relative;
width: 48px;
height: 48px;
margin-bottom: 9px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,.18);
border: 1px solid rgba(255,255,255,.22);
border-radius: 14px;
color: #ffffff;
font-size: 21px;
filter: none;
box-shadow:
0 5px 15px rgba(0,0,0,.08);}
.mp-dashboard-stat span{position: relative;
display: block;
margin-bottom: 4px;
color: rgba(255,255,255,.86);
font-size: 11px;
font-weight: 750;}
.mp-dashboard-stat strong{position: relative;
display: block;
color: #ffffff;
font-size: 18px;
font-weight: 950;}
.mp-dashboard-stat:hover{transform: translateY(-4px);
box-shadow:
0 14px 30px rgba(50,80,40,.13);}
.mp-dashboard-card{background: #ffffff;
border-color: #e4ecdf;
box-shadow:
0 6px 22px rgba(70,100,55,.055);}
.mp-card-heading h2{color: #202820;}
.mp-card-heading > a{padding: 7px 11px;
border-radius: 9px;
background: #f0f8e7;
color: #609313;
transition: .18s ease;}
.mp-card-heading > a:hover{background: #A44AFF;
color: #fff;}
.mp-account-main .woocommerce-MyAccount-content{width: 100%;
min-width: 0;
padding: 0;
color: #292d29;}
.mp-account-main .woocommerce-MyAccount-content a{color: #639d13;}
.mp-account-main .woocommerce-orders-table{width: 100%;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
background: #ffffff;
border: 1px solid #e3ebdf;
border-radius: 16px;
box-shadow:
0 6px 22px rgba(70,100,55,.05);}
.mp-account-main .woocommerce-orders-table thead th{padding: 15px 13px;
background: #f1f8e9;
border: 0;
color: #913BEF;
font-size: 11px;
font-weight: 900;
text-align: right;}
.mp-account-main .woocommerce-orders-table td{padding: 14px 13px;
border-top: 1px solid #edf1eb;
color: #4a514a;
font-size: 11px;
vertical-align: middle;}
.mp-account-main .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a{color: #5f9610;
font-weight: 950;}
.mp-account-main .woocommerce-orders-table .woocommerce-orders-table__cell-order-status{color: #555e55;
font-weight: 800;}
.mp-account-main .woocommerce-orders-table .woocommerce-orders-table__cell-order-total{
text-align: left;
}
.mp-account-main .woocommerce-orders-table .woocommerce-button{min-height: 34px;
padding: 0 12px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 9px;
background: #A44AFF;
color: #ffffff !important;
font-size: 10px;
font-weight: 900;
text-decoration: none !important;
transition: .18s ease;}
.mp-account-main .woocommerce-orders-table .woocommerce-button:hover{background: #913BEF;
transform: translateY(-1px);}
.mp-account-main .woocommerce-table--order-downloads,
.mp-account-main .woocommerce-MyAccount-downloads{width: 100%;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
background: #ffffff;
border: 1px solid #e3ebdf;
border-radius: 16px;
box-shadow:
0 6px 22px rgba(70,100,55,.05);}
.mp-account-main .woocommerce-MyAccount-downloads th{padding: 14px;
background: #f1f8e9;
color: #913BEF;
font-size: 11px;
font-weight: 900;
border: 0;}
.mp-account-main .woocommerce-MyAccount-downloads td{padding: 14px;
border-top: 1px solid #edf1eb;
color: #555d55;
font-size: 11px;}
.mp-account-main .woocommerce-MyAccount-downloads .woocommerce-Button{padding: 8px 13px;
border-radius: 9px;
background: #A44AFF;
color: #fff !important;
font-size: 10px;
font-weight: 900;
text-decoration: none !important;}
.mp-account-main .woocommerce-EditAccountForm{padding: 24px;
background: #ffffff;
border: 1px solid #e3ebdf;
border-radius: 18px;
box-shadow:
0 6px 22px rgba(70,100,55,.055);}
.mp-account-main .woocommerce-EditAccountForm label{display: block;
margin-bottom: 7px;
color: #303630;
font-size: 11px;
font-weight: 900;}
.mp-account-main .woocommerce-EditAccountForm input{width: 100%;
min-height: 46px;
padding: 0 13px;
border: 1px solid #dfe7da !important;
border-radius: 11px !important;
background: #fbfcfa !important;
color: #252a25 !important;
font-family: inherit;
font-size: 11px;
box-shadow: none !important;}
.mp-account-main .woocommerce-EditAccountForm input:focus{border-color: #A44AFF !important;
background: #ffffff !important;
box-shadow:
0 0 0 4px rgba(164,74,255,.10) !important;}
.mp-account-main .woocommerce-EditAccountForm button,
.mp-account-main .woocommerce-EditAccountForm .woocommerce-Button{min-height: 44px;
padding: 0 20px;
border: 0;
border-radius: 11px;
background: #A44AFF;
color: #ffffff;
font-family: inherit;
font-size: 11px;
font-weight: 900;
cursor: pointer;
transition: .18s ease;}
.mp-account-main .woocommerce-EditAccountForm button:hover,
.mp-account-main .woocommerce-EditAccountForm .woocommerce-Button:hover{background: #913BEF;
transform: translateY(-2px);}
.mp-account-main .woocommerce-Addresses{display: grid;
grid-template-columns:
repeat(2,minmax(0,1fr));
gap: 14px;}
.mp-account-main .woocommerce-Address{padding: 20px;
background: #ffffff;
border: 1px solid #e3ebdf;
border-radius: 17px;
box-shadow:
0 6px 22px rgba(70,100,55,.05);}
.mp-account-main .woocommerce-Address-title{margin-bottom: 14px;
padding-bottom: 12px;
border-bottom: 1px solid #edf1eb;}
.mp-account-main .woocommerce-Address-title h2{margin: 0 !important;
color: #252a25;
font-size: 14px;
font-weight: 950;}
.mp-account-main .woocommerce-Address .edit{padding: 6px 10px;
border-radius: 8px;
background: #f0f8e7;
color: #619412 !important;
font-size: 10px;
font-weight: 900;
text-decoration: none;}
.mp-account-main .woocommerce-Address address{color: #666e66;
font-size: 11px;
line-height: 2;}
.mp-account-main .woocommerce-message,
.mp-account-main .woocommerce-info{padding: 13px 16px !important;
margin: 0 0 14px !important;
border: 1px solid #dceacb !important;
border-radius: 12px !important;
background: #f4faeb !important;
color: #52741e !important;
font-size: 11px !important;}
@media (max-width: 760px) {.mp-dashboard-stats{grid-template-columns: 1fr;}
.mp-dashboard-stat{min-height: 110px;}
.mp-account-main .woocommerce-Addresses{grid-template-columns: 1fr;}
.mp-account-main .woocommerce-EditAccountForm{padding: 17px;}}
.mp-order-card-status{display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 32px !important;
padding: 5px 12px !important;
border-radius: 10px !important;
background: #fff3df !important;
color: #b86a16 !important;
font-family: inherit !important;
font-size: 11px !important;
font-weight: 900 !important;
line-height: 1.5 !important;}
.mp-orders-list{display: flex !important;
flex-direction: column !important;
gap: 14px !important;}
.mp-order-card-info{display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 20px !important;
padding: 18px 20px !important;
background: #ffffff !important;
border: 1px solid #e2edd8 !important;
border-radius: 18px !important;
box-shadow: 0 7px 22px rgba(83, 125, 48, .08) !important;
font-family: inherit !important;}
.mp-orders-list{width: 100%;
display: flex;
flex-direction: column;
gap: 12px;}
.mp-order-card{position: relative;
width: 100%;
min-height: 82px;
padding: 11px 13px;
display: grid;
grid-template-columns:
52px
minmax(220px, 1fr)
95px
120px
42px;
align-items: center;
gap: 15px;
background: #ffffff;
border: 1px solid #e5ebdf;
border-radius: 16px;
box-shadow:
0 3px 14px rgba(54, 86, 35, .045);
overflow: hidden;
transition:
transform .2s ease,
border-color .2s ease,
box-shadow .2s ease;}
.mp-order-card::before{content: "";
position: absolute;
right: 0;
top: 14px;
bottom: 14px;
width: 3px;
background: #A44AFF;
border-radius: 4px 0 0 4px;}
.mp-order-card:hover{transform: translateY(-2px);
border-color: #cfe2bd;
box-shadow:
0 9px 25px rgba(54, 86, 35, .085);}
.mp-order-card-icon{width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background: #f1f8e9;
border: 1px solid #e1edcf;
color: #913BEF;
font-size: 20px;
transition: .2s ease;}
.mp-order-card:hover .mp-order-card-icon{background: #A44AFF;
border-color: #A44AFF;
color: #ffffff;
transform: scale(1.03);}
.mp-order-card-info{min-width: 0;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 11px;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;}
.mp-order-card-info strong,
.mp-order-card-info a{color: #222820;
font-size: 12px;
font-weight: 900;
white-space: nowrap;
text-decoration: none;}
.mp-order-card-info small{position: relative;
display: inline-flex;
align-items: center;
color: #92998f;
font-size: 9px;
font-weight: 650;
white-space: nowrap;
margin: 0;
padding-right: 11px;}
.mp-order-card-info small::before{content: "";
position: absolute;
right: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background: #A44AFF;}
.mp-order-card-status{min-width: 78px;
min-height: 29px;
padding: 5px 9px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #fff5eb;
border: 1px solid #f6dfc9;
color: #b76d29;
font-size: 9px;
font-weight: 900;
white-space: nowrap;}
.mp-order-card-status.cancelled,
.mp-order-card-status.failed{background: #fff5f3;
border-color: #f1d9d5;
color: #b76b62;}
.mp-order-card-status.completed{background: #f0f8e8;
border-color: #d9eac5;
color: #619415;}
.mp-order-card-status.processing{background: #f0f7fc;
border-color: #d8e6f1;
color: #4c7c9f;}
.mp-order-card-status.pending{background: #fff9e8;
border-color: #f0e3b8;
color: #9a791a;}
.mp-order-card-total{display: flex;
align-items: center;
justify-content: flex-end;
color: #202620;
font-size: 11px;
font-weight: 950;
white-space: nowrap;}
.mp-order-card-action,
.mp-order-card-arrow,
.mp-order-card > a:last-child{width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 11px;
background: #f1f7ea;
color: #913BEF;
font-size: 15px;
font-weight: 900;
text-decoration: none;
transition: .2s ease;}
.mp-order-card:hover .mp-order-card-action,
.mp-order-card:hover .mp-order-card-arrow,
.mp-order-card:hover > a:last-child{background: #A44AFF;
color: #ffffff;
transform: translateX(-2px);}
@media (max-width: 850px) {.mp-order-card{grid-template-columns:
50px
minmax(0, 1fr)
40px;
gap: 10px;
padding: 12px;}
.mp-order-card-icon{width: 50px;
height: 50px;}
.mp-order-card-info{grid-column: 2;
flex-wrap: wrap;
gap: 3px 10px;}
.mp-order-card-status{grid-column: 2;
justify-self: start;}
.mp-order-card-total{grid-column: 2;
justify-content: flex-start;}
.mp-order-card-action,
.mp-order-card-arrow,
.mp-order-card > a:last-child{grid-column: 3;
grid-row: 1 / span 3;}}
@media (max-width: 480px) {.mp-order-card{grid-template-columns:
44px
minmax(0, 1fr);}
.mp-order-card-icon{width: 44px;
height: 44px;
font-size: 18px;}
.mp-order-card-info{grid-column: 2;
flex-wrap: wrap;}
.mp-order-card-status{grid-column: 2;}
.mp-order-card-total{grid-column: 2;}
.mp-order-card-action,
.mp-order-card-arrow,
.mp-order-card > a:last-child{display: none;}}
.mp-account-sidebar{--mp-green: #A44AFF;
--mp-green-dark: #7C2EDB;
--mp-green-soft: rgba(164, 74, 255, 0.08);
--mp-text: #222;
--mp-muted: #999;
--mp-border: #eeeeee;
width: 265px;
min-width: 265px;
min-height: auto;
padding: 18px;
background: #fff;
border: 1px solid var(--mp-border);
border-radius: 22px;
box-shadow:
0 8px 28px rgba(0,0,0,.045);
box-sizing: border-box;}
.mp-profile-box{padding: 17px 10px 18px;
margin-bottom: 15px;
text-align: center;
border-radius: 17px;
background:
linear-gradient(
145deg,
rgba(164,74,255,.085),
rgba(164,74,255,.02)
);
border: 1px solid rgba(164,74,255,.10);}
.mp-profile-avatar{width: 68px;
height: 68px;
padding: 2px;
margin: 0 auto 9px;
border-radius: 50%;
background: #fff;
border: 1.5px solid var(--mp-green);
box-shadow:
0 4px 14px rgba(0,0,0,.07);}
.mp-profile-avatar img{width: 100%;
height: 100%;
display: block;
object-fit: cover;
border-radius: 50%;}
.mp-profile-name{font-size: 15px;
font-weight: 800;
line-height: 1.6;
color: var(--mp-text);}
.mp-profile-label{margin-top: 1px;
font-size: 11px;
color: var(--mp-muted);}
.mp-modern-menu{display: flex;
flex-direction: column;
gap: 3px;}
.mp-modern-menu-item{position: relative;
display: flex;
align-items: center;
gap: 10px;
height: 44px;
padding: 4px 9px;
border-radius: 11px;
color: var(--mp-text);
text-decoration: none !important;
box-sizing: border-box;
transition:
background .18s ease,
color .18s ease;}
.mp-modern-menu-item:hover{background: rgba(164,74,255,.045);
color: var(--mp-text);}
.mp-modern-menu-item.active{background: var(--mp-green-soft);
color: var(--mp-green-dark);
font-weight: 700;}
.mp-modern-menu-item.active::before{content: "";
position: absolute;
right: 0;
top: 9px;
bottom: 9px;
width: 2px;
border-radius: 4px;
background: var(--mp-green);}
.mp-modern-icon{width: 25px;
min-width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
background: transparent !important;
border: 0 !important;
border-radius: 0;
font-size: 15px;
line-height: 1;
opacity: .58;}
.mp-modern-menu-item.active
.mp-modern-icon{opacity: .9;}
.mp-modern-text{flex: 1;
font-size: 13px;
line-height: 1.5;}
.mp-modern-count{min-width: 22px;
height: 22px;
padding: 0 6px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 20px;
background: var(--mp-green);
color: #fff;
font-size: 10px;
font-weight: 800;}
.mp-modern-arrow{font-size: 13px;
color: #aaa;
opacity: .55;}
.mp-modern-divider{height: 1px;
margin: 7px 6px;
background: var(--mp-border);}
.mp-modern-logout-area{margin-top: 14px;
padding-top: 10px;
border-top: 1px solid var(--mp-border);}
.mp-modern-logout{display: flex;
align-items: center;
gap: 10px;
height: 42px;
padding: 4px 9px;
border-radius: 11px;
color: #888;
font-size: 12px;
font-weight: 600;
text-decoration: none !important;
transition:
background .18s ease,
color .18s ease;}
.mp-modern-logout:hover{background: rgba(210,60,60,.05);
color: #c44;}
.mp-logout-icon{width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
background: transparent !important;
font-size: 15px;
opacity: .55;}
@media (max-width: 900px) {.mp-account-sidebar{width: 100%;
min-width: 0;
border-radius: 18px;}}
defined( "ABSPATH" ) || exit;
$current_user = wp_get_current_user();
if ( ! $current_user->exists() ){return;}
$user_id = $current_user->ID;
/* =====================================================
اطلاعات کاربر
===================================================== */
$display_name = ! empty( $current_user->first_name )
? $current_user->first_name
: $current_user->display_name;
/* =====================================================
آمار
===================================================== */
$order_count = wc_get_customer_order_count( $user_id );
/* =====================================================
لینکها
===================================================== */
$dashboard_url = wc_get_account_endpoint_url( "" );
$orders_url = wc_get_account_endpoint_url( "orders" );
$addresses_url = wc_get_account_endpoint_url( "edit-address" );
$account_url = wc_get_account_endpoint_url( "edit-account" );
$logout_url = wc_logout_url();
?>
/* =====================================================
ACCOUNT LAYOUT — SIDEBAR LEFT
===================================================== */
@media (min-width: 769px){.mp-account-layout {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 24px !important;
}
/* منو سمت چپ */
.mp-account-sidebar {
order: 1 !important;
flex: 0 0 265px !important;
width: 265px !important;
min-width: 265px !important;
}
/* محتوای حساب سمت راست */
.mp-account-main {
order: 2 !important;
flex: 1 1 auto !important;
min-width: 0 !important;
}}
.mp-dashboard-stat strong{font-size: 22px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
white-space: nowrap !important;}
.mp-dashboard-stat:nth-child(2) strong{display: flex !important;
align-items: baseline !important;
gap: 5px !important;
white-space: nowrap !important;
font-size: 19px !important;}
.mp-dashboard-stat:nth-child(2) strong span,
.mp-dashboard-stat:nth-child(2) strong b{display: inline !important;
white-space: nowrap !important;}
.mp-dashboard-stat > div:last-child{min-width: 0 !important;
flex: 1 1 auto !important;}
.mp-dashboard-stat > div:last-child > span{font-size: 13px !important;
font-weight: 600 !important;
color: #fff !important;
line-height: 1.6 !important;}
.mp-dashboard-stat strong{font-size: 20px !important;
font-weight: 800 !important;
line-height: 1.4 !important;
white-space: nowrap !important;}
.mp-dashboard-stat:nth-child(2) strong{display: inline-flex !important;
align-items: baseline !important;
direction: rtl !important;
white-space: nowrap !important;}
.mp-dashboard-stat:nth-child(2) .woocommerce-Price-currencySymbol{display: inline-block !important;
margin-right: 7px !important;
margin-left: 0 !important;
font-size: 13px !important;
font-weight: 600 !important;
white-space: nowrap !important;}
.mp-dashboard-stat:nth-child(2) .woocommerce-Price-amount{white-space: nowrap !important;}
.mp-dashboard-stat:nth-child(2) bdi{white-space: nowrap !important;}
@media (max-width: 520px) {.mp-dashboard-stat > div:last-child > span{font-size: 12px !important;}
.mp-dashboard-stat strong{font-size: 19px !important;}}
.mp-dashboard-stat:nth-child(2) .mp-total-spent{display: flex !important;
align-items: baseline !important;
justify-content: flex-start !important;
direction: rtl !important;
white-space: nowrap !important;
gap: 8px !important;
font-size: 20px !important;
font-weight: 800 !important;}
.mp-dashboard-stat:nth-child(2) .mp-total-number{display: inline-block !important;
white-space: nowrap !important;}
.mp-dashboard-stat:nth-child(2) .mp-total-currency{display: inline-block !important;
font-size: 13px !important;
font-weight: 600 !important;
white-space: nowrap !important;
color: inherit !important;}
.mp-account-main{font-size: 0 !important;}
.mp-account-main .mp-dashboard-content{font-size: initial !important;}
.mp-dashboard-stat-icon{color: #fff !important;
background: rgba(255, 255, 255, 0.14) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
box-shadow: none !important;}
.mp-dashboard-stat-icon,
.mp-dashboard-stat-icon::before,
.mp-dashboard-stat-icon::after{color: #fff !important;
filter: grayscale(1) brightness(0) invert(1) !important;}
.mp-dashboard-stat:first-child .mp-dashboard-stat-icon{font-size: 20px !important;}
.mp-dashboard-stat:nth-child(2) .mp-dashboard-stat-icon{font-size: 20px !important;}
.mp-dashboard-stat:nth-child(3) .mp-dashboard-stat-icon{font-size: 20px !important;}
.mp-dashboard-stat > div:last-child > span{font-size: 14px !important;
font-weight: 600 !important;
color: #fff !important;
line-height: 1.7 !important;}
.mp-dashboard-stat > div:last-child > strong{font-size: 23px !important;
font-weight: 800 !important;
line-height: 1.4 !important;
white-space: nowrap !important;}
.mp-dashboard-stat:nth-child(2) .mp-total-spent{display: inline-flex !important;
align-items: baseline !important;
justify-content: center !important;
direction: rtl !important;
gap: 8px !important;
white-space: nowrap !important;
font-size: 23px !important;
font-weight: 800 !important;}
.mp-dashboard-stat:nth-child(2) .mp-total-number{display: inline-block !important;
font-size: 23px !important;
font-weight: 800 !important;
white-space: nowrap !important;}
.mp-dashboard-stat:nth-child(2) .mp-total-currency{display: inline-block !important;
font-size: 13px !important;
font-weight: 600 !important;
white-space: nowrap !important;
color: #fff !important;}
.mp-dashboard-stat:nth-child(3) strong small{font-size: 13px !important;
font-weight: 600 !important;
color: #fff !important;
margin-right: 5px !important;
white-space: nowrap !important;}
.mp-dashboard-stat > div:last-child{min-width: 0 !important;}
@media (max-width: 520px) {.mp-dashboard-stat > div:last-child > span{font-size: 13px !important;}
.mp-dashboard-stat > div:last-child > strong,
.mp-dashboard-stat:nth-child(2) .mp-total-spent,
.mp-dashboard-stat:nth-child(2) .mp-total-number{font-size: 20px !important;}
.mp-dashboard-stat:nth-child(2) .mp-total-currency,
.mp-dashboard-stat:nth-child(3) strong small{font-size: 12px !important;}}
.mp-dashboard-card{background: #fff;
border: 1px solid #eee;
border-radius: 22px;
padding: 22px;
box-shadow: 0 8px 28px rgba(0,0,0,.045);}
.mp-card-heading{display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 18px;}
.mp-card-heading h2{margin: 0 0 5px;
font-size: 17px;
font-weight: 800;
color: #222;}
.mp-card-heading p{margin: 0;
font-size: 11px;
color: #999;}
.mp-card-heading a{color: #913BEF;
font-size: 11px;
font-weight: 700;
text-decoration: none;}
.mp-recent-orders{display: flex;
flex-direction: column;
gap: 10px;}
.mp-order-row{display: grid;
grid-template-columns: 50px 1fr auto 32px;
align-items: center;
width: 100%;
min-height: 76px;
padding: 10px 13px;
gap: 13px;
direction: rtl;
background: #fbf8ff;
border: 1px solid #e9efdf;
border-radius: 16px;
text-decoration: none !important;
transition: .2s ease;}
.mp-order-row:hover{background: #f5f9ee;
border-color: #cfe4a7;
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(164,74,255,.08);}
.mp-order-icon{width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
background: rgba(164,74,255,.11);
border: 1px solid rgba(164,74,255,.16);
border-radius: 14px;
font-size: 21px;
line-height: 1;}
.mp-order-info{min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 3px;
text-align: right;}
.mp-order-info strong{display: block;
margin: 0;
overflow: hidden;
color: #252525;
font-size: 13px;
font-weight: 700;
line-height: 1.7;
white-space: nowrap;
text-overflow: ellipsis;}
.mp-order-info small{display: block;
margin: 0;
color: #999;
font-size: 10px;
line-height: 1.6;}
.mp-order-price{display: flex;
align-items: center;
justify-content: center;
color: #222;
font-size: 14px;
font-weight: 800;
white-space: nowrap;
direction: rtl;}
.mp-order-price .woocommerce-Price-currencySymbol{margin-right: 5px;
color: #999;
font-size: 10px;
font-weight: 600;}
.mp-order-arrow{width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #999;
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 9px;
font-size: 12px;
transition: .2s ease;}
.mp-order-row:hover .mp-order-arrow{color: #913BEF;
border-color: #cfe4a7;}
@media (max-width: 600px) {.mp-dashboard-card{padding: 16px;
border-radius: 18px;}
.mp-order-row{grid-template-columns: 43px 1fr auto;
min-height: 65px;
padding: 9px;
gap: 10px;}
.mp-order-icon{width: 43px;
height: 43px;
border-radius: 12px;
font-size: 18px;}
.mp-order-info strong{font-size: 12px;}
.mp-order-info small{font-size: 9px;}
.mp-order-price{font-size: 11px;}
.mp-order-arrow{display: none;}}
.mp-recent-orders .mp-order-price{display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
direction: ltr !important;
white-space: nowrap !important;
font-size: 16px !important;
font-weight: 800 !important;}
.mp-recent-orders .mp-order-total-number{order: 2 !important;
white-space: nowrap !important;}
.mp-recent-orders .mp-order-total-currency{order: 1 !important;
white-space: nowrap !important;
font-size: 12px !important;
font-weight: 600 !important;}
```css
/* =====================================================
MP ADDRESS PAGE — FORCE VISIBLE
===================================================== */
.mp-address-page{display: block !important;
width: 100% !important;
visibility: visible !important;
opacity: 1 !important;}
.mp-address-grid{display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 20px !important;
width: 100% !important;
visibility: visible !important;
opacity: 1 !important;}
.mp-address-card{display: block !important;
width: 100% !important;
min-height: 220px !important;
background: #fff !important;
border: 1px solid #e5e5e5 !important;
border-radius: 20px !important;
overflow: hidden !important;
visibility: visible !important;
opacity: 1 !important;}
.mp-address-card-header{display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 18px !important;
background: #A44AFF !important;
visibility: visible !important;
opacity: 1 !important;}
.mp-address-title{display: flex !important;
align-items: center !important;
gap: 12px !important;
visibility: visible !important;}
.mp-address-title h2{display: block !important;
margin: 0 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 800 !important;}
.mp-address-icon{display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
flex: 0 0 44px !important;
background: rgba(255,255,255,.18) !important;
border-radius: 12px !important;
font-size: 20px !important;}
.mp-address-edit-link{display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 8px 12px !important;
background: rgba(255,255,255,.18) !important;
border-radius: 9px !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
text-decoration: none !important;
visibility: visible !important;}
.mp-address-content{display: block !important;
min-height: 150px !important;
padding: 22px !important;
background: #fff !important;
color: #333 !important;
visibility: visible !important;
opacity: 1 !important;}
.mp-address-content address{display: block !important;
margin: 0 !important;
color: #333 !important;
font-size: 13px !important;
font-style: normal !important;
line-height: 2 !important;
visibility: visible !important;}
.mp-address-empty{display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-height: 140px !important;
text-align: center !important;
visibility: visible !important;}
.mp-address-empty-icon{display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 45px !important;
height: 45px !important;
margin-bottom: 10px !important;
background: #f3f9e9 !important;
border-radius: 12px !important;
font-size: 20px !important;}
.mp-address-empty strong{display: block !important;
color: #333 !important;
font-size: 14px !important;}
.mp-address-empty p{display: block !important;
margin: 7px 0 14px !important;
color: #999 !important;
font-size: 11px !important;}
.mp-address-button{display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 9px 15px !important;
background: #A44AFF !important;
border-radius: 10px !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
text-decoration: none !important;}
@media (max-width: 850px) {.mp-address-grid{grid-template-columns: 1fr !important;}}
.mp-account-main form .woocommerce-address-fields > p:last-child{display: block !important;
margin: 25px 0 0 !important;
padding: 0 !important;}
.mp-account-main form .woocommerce-address-fields button[name="save_address"]{display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 130px !important;
height: 44px !important;
padding: 0 24px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 12px !important;
background: #A44AFF !important;
color: #fff !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
cursor: pointer !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: 0 5px 15px rgba(164,74,255,.20) !important;
transition: all .2s ease !important;}
.mp-account-main form .woocommerce-address-fields button[name="save_address"]:hover{background: #913BEF !important;
color: #fff !important;
transform: translateY(-1px) !important;}
.mp-account-main form .woocommerce-address-fields button[name="save_address"]:active{transform: translateY(0) !important;}
.mp-account-main form.woocommerce-form,
.mp-account-main form{direction: rtl !important;}
.mp-account-main form > h2{margin: 0 0 25px !important;
font-family: inherit !important;
font-size: 22px !important;
font-weight: 800 !important;
color: #222 !important;}
.mp-account-main .woocommerce-address-fields{background: #fff !important;
padding: 28px !important;
border: 1px solid #eeeeee !important;
border-radius: 20px !important;
box-shadow:
0 8px 30px rgba(0,0,0,.035) !important;}
.mp-account-main .woocommerce-address-fields__field-wrapper{display: flex !important;
flex-wrap: wrap !important;
gap: 0 16px !important;}
.mp-account-main .woocommerce-address-fields p.form-row{float: none !important;
width: 100% !important;
margin: 0 0 18px !important;
padding: 0 !important;}
.mp-account-main .woocommerce-address-fields p.form-row-first,
.mp-account-main .woocommerce-address-fields p.form-row-last{width: calc(50% - 8px) !important;}
.mp-account-main .woocommerce-address-fields label{display: block !important;
margin: 0 0 7px !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #333 !important;
line-height: 1.8 !important;}
.mp-account-main .woocommerce-address-fields label .required{color: #A44AFF !important;
text-decoration: none !important;}
.mp-account-main .woocommerce-address-fields input.input-text,
.mp-account-main .woocommerce-address-fields select,
.mp-account-main .woocommerce-address-fields textarea{width: 100% !important;
height: 46px !important;
padding: 0 14px !important;
margin: 0 !important;
border: 1px solid #e5e5e5 !important;
border-radius: 12px !important;
background: #fafafa !important;
color: #333 !important;
font-family: inherit !important;
font-size: 13px !important;
outline: none !important;
box-shadow: none !important;
transition:
border-color .2s ease,
background .2s ease,
box-shadow .2s ease !important;}
.mp-account-main .woocommerce-address-fields textarea{height: auto !important;
min-height: 110px !important;
padding-top: 12px !important;}
.mp-account-main .woocommerce-address-fields input.input-text:focus,
.mp-account-main .woocommerce-address-fields select:focus,
.mp-account-main .woocommerce-address-fields textarea:focus{border-color: #A44AFF !important;
background: #fff !important;
box-shadow:
0 0 0 3px rgba(164,74,255,.10) !important;}
.mp-account-main .woocommerce-address-fields input::placeholder,
.mp-account-main .woocommerce-address-fields textarea::placeholder{color: #aaa !important;
opacity: 1 !important;}
.mp-account-main .woocommerce-address-fields select{cursor: pointer !important;}
.mp-account-main .woocommerce-address-fields > p:last-child{display: block !important;
margin: 8px 0 0 !important;
padding: 18px 0 0 !important;
border-top: 1px solid #f0f0f0 !important;}
.mp-account-main .woocommerce-address-fields button[name="save_address"]{display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 140px !important;
height: 44px !important;
padding: 0 24px !important;
border: 0 !important;
border-radius: 12px !important;
background: #A44AFF !important;
color: #fff !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 700 !important;
cursor: pointer !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow:
0 5px 15px rgba(164,74,255,.20) !important;
transition: all .2s ease !important;}
.mp-account-main .woocommerce-address-fields button[name="save_address"]:hover{background: #913BEF !important;
color: #fff !important;
transform: translateY(-1px) !important;}
.mp-account-main .woocommerce-address-fields .woocommerce-invalid input,
.mp-account-main .woocommerce-address-fields .woocommerce-invalid select{border-color: #e57373 !important;}
@media (max-width: 600px) {.mp-account-main .woocommerce-address-fields{padding: 18px !important;
border-radius: 16px !important;}
.mp-account-main .woocommerce-address-fields p.form-row-first,
.mp-account-main .woocommerce-address-fields p.form-row-last{width: 100% !important;}
.mp-account-main .woocommerce-address-fields input.input-text,
.mp-account-main .woocommerce-address-fields select{height: 44px !important;}
.mp-account-main .woocommerce-address-fields button[name="save_address"]{width: 100% !important;}}
```css
/* =====================================================
MP ACCOUNT - EDIT ACCOUNT
===================================================== */
.mp-edit-account-page{direction: rtl;
width: 100%;}
.mp-edit-account-page .mp-page-header{margin-bottom: 24px;}
.mp-edit-account-page .mp-page-eyebrow{display: block;
margin-bottom: 6px;
font-size: 11px;
font-weight: 700;
color: #A44AFF;}
.mp-edit-account-page .mp-page-header h1{margin: 0 0 7px;
color: #222;
font-size: 25px;
line-height: 1.5;
font-weight: 800;}
.mp-edit-account-page .mp-page-header p{margin: 0;
color: #999;
font-size: 13px;
line-height: 1.8;}
.mp-edit-account-page .mp-form-section{margin-bottom: 20px;
padding: 0;
overflow: hidden;
background: #fff;
border: 1px solid #eeeeee;
border-radius: 20px;
box-shadow:
0 8px 28px rgba(0, 0, 0, .035);}
.mp-edit-account-page .mp-form-section-header{display: flex;
align-items: center;
gap: 13px;
padding: 20px 22px;
background: #fafcf7;
border-bottom: 1px solid #edf2e7;}
.mp-edit-account-page .mp-section-icon{width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 46px;
border-radius: 14px;
background: rgba(164, 74, 255, .12);
font-size: 20px;}
.mp-edit-account-page .mp-form-section-header h2{margin: 0 0 3px;
color: #242424;
font-size: 16px;
line-height: 1.6;
font-weight: 800;}
.mp-edit-account-page .mp-form-section-header p{margin: 0;
color: #999;
font-size: 11px;
line-height: 1.7;}
.mp-edit-account-page .mp-form-grid{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
padding: 22px;}
.mp-edit-account-page .mp-form-field{min-width: 0;}
.mp-edit-account-page .mp-form-field label{display: block;
margin-bottom: 7px;
color: #333;
font-size: 12px;
font-weight: 700;
line-height: 1.6;}
.mp-edit-account-page .mp-form-field input{width: 100%;
height: 46px;
box-sizing: border-box;
padding: 0 14px;
border: 1px solid #e4e4e4;
border-radius: 12px;
background: #fff;
color: #333;
font-family: inherit;
font-size: 13px;
outline: none;
transition:
border-color .18s ease,
box-shadow .18s ease,
background .18s ease;}
.mp-edit-account-page .mp-form-field input:hover{border-color: #d4d4d4;}
.mp-edit-account-page .mp-form-field input:focus{border-color: #A44AFF;
background: #fff;
box-shadow:
0 0 0 3px rgba(164, 74, 255, .12);}
.mp-edit-account-page .mp-form-field small{display: block;
margin-top: 7px;
color: #999;
font-size: 10px;
line-height: 1.8;}
.mp-edit-account-page .mp-password-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
.mp-edit-account-page .mp-password-note{display: flex;
align-items: center;
gap: 8px;
margin: 0 22px 22px;
padding: 11px 13px;
border-radius: 11px;
background: #f8faf4;
border: 1px solid #edf2e7;}
.mp-edit-account-page .mp-password-note span{flex: 0 0 auto;
font-size: 14px;}
.mp-edit-account-page .mp-password-note p{margin: 0;
color: #888;
font-size: 10px;
line-height: 1.8;}
.mp-edit-account-page .mp-form-submit{display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 5px;
padding: 5px 0 10px;}
.mp-edit-account-page .mp-save-account{display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-width: 150px;
height: 46px;
padding: 0 20px;
border: 0;
border-radius: 13px;
background: #A44AFF;
color: #fff !important;
font-family: inherit;
font-size: 12px;
font-weight: 800;
cursor: pointer;
box-shadow:
0 7px 18px rgba(164, 74, 255, .18);
transition:
background .18s ease,
transform .18s ease,
box-shadow .18s ease;}
.mp-edit-account-page .mp-save-account:hover{background: #913BEF;
color: #fff !important;
transform: translateY(-1px);
box-shadow:
0 9px 22px rgba(164, 74, 255, .24);}
.mp-edit-account-page .mp-save-account:active{transform: translateY(0);}
.mp-edit-account-page .mp-save-icon{width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 7px;
background: rgba(255, 255, 255, .18);
font-size: 12px;}
.mp-edit-account-page + .woocommerce-message,
.mp-edit-account-page + .woocommerce-error,
.mp-edit-account-page + .woocommerce-info{border-radius: 12px;}
@media (max-width: 700px) {.mp-edit-account-page .mp-page-header h1{font-size: 22px;}
.mp-edit-account-page .mp-form-grid,
.mp-edit-account-page .mp-password-grid{grid-template-columns: 1fr;
gap: 14px;
padding: 18px 16px;}
.mp-edit-account-page .mp-form-section-header{padding: 16px;}
.mp-edit-account-page .mp-section-icon{width: 42px;
height: 42px;
flex-basis: 42px;}
.mp-edit-account-page .mp-password-note{margin: 0 16px 18px;}
.mp-edit-account-page .mp-form-submit{width: 100%;}
.mp-edit-account-page .mp-save-account{width: 100%;}}
```css
/* =====================================================
CENTER ACCOUNT FORM
===================================================== */
.mp-edit-account-page{width: 100%;
box-sizing: border-box;}
.mp-edit-account-page .mp-page-header,
.mp-edit-account-page .mp-account-form{width: 100%;
max-width: 820px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;}
.mp-edit-account-page .mp-form-section{width: 100%;
box-sizing: border-box;}
.mp-edit-account-page .mp-form-grid{width: 100%;
box-sizing: border-box;}
.mp-edit-account-page .woocommerce-Input,
.mp-edit-account-page .input-text{box-sizing: border-box;}
.mp-edit-account-page .mp-form-submit{width: 100%;
max-width: 820px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;}
```
```css
/* =====================================================
مخفی کردن عنوان برگه حساب کاربری ووکامرس
/my-account/ و تمام زیرمجموعهها
===================================================== */
body.woocommerce-account .page-title,
body.woocommerce-account h1.entry-title,
body.woocommerce-account .entry-title,
body.woocommerce-account .woocommerce-products-header__title{display: none !important;}
body.woocommerce-account .page-content > h1:first-child,
body.woocommerce-account .page-content > h2:first-child{display: none !important;}
```
/* =====================================================
ORDER STATUS — BACKGROUND + TEXT ONLY
بدون ایجاد کادر یا Border جدید
===================================================== */
/* در حال پردازش */
.mp-order-status.mp-status-processing{background-color: #eef8df !important;
color: #669900 !important;}
.mp-order-status.mp-status-completed{background-color: #edf8f0 !important;
color: #26834a !important;}
.mp-order-status.mp-status-pending{background-color: #f3f4f5 !important;
color: #666666 !important;}
.mp-order-status.mp-status-on-hold{background-color: #fff7df !important;
color: #a47700 !important;}
.mp-order-status.mp-status-cancelled{background-color: #fff0ef !important;
color: #c94c45 !important;}
.mp-order-status.mp-status-failed{background-color: #fff0ef !important;
color: #c94c45 !important;}
.mp-order-status.mp-status-refunded{background-color: #f2eefb !important;
color: #7653a6 !important;}
.mp-order-card:has(.mp-status-processing) .mp-order-card-status{background: #eef8df !important;}
.mp-order-card:has(.mp-status-completed) .mp-order-card-status{background: #edf8f0 !important;}
.mp-order-card:has(.mp-status-pending) .mp-order-card-status{background: #f4f4f4 !important;}
.mp-order-card:has(.mp-status-on-hold) .mp-order-card-status{background: #fff7df !important;}
.mp-order-card:has(.mp-status-cancelled) .mp-order-card-status{background: #fff0ef !important;}
.mp-order-card:has(.mp-status-failed) .mp-order-card-status{background: #fff0ef !important;}
.mp-order-card:has(.mp-status-refunded) .mp-order-card-status{background: #f2eefb !important;}
.mp-order-card:has(.mp-status-processing) .mp-order-card-status,
.mp-order-card:has(.mp-status-completed) .mp-order-card-status,
.mp-order-card:has(.mp-status-on-hold) .mp-order-card-status,
.mp-order-card:has(.mp-status-pending) .mp-order-card-status,
.mp-order-card:has(.mp-status-cancelled) .mp-order-card-status,
.mp-order-card:has(.mp-status-failed) .mp-order-card-status,
.mp-order-card:has(.mp-status-refunded) .mp-order-card-status{border: none !important;
box-shadow: none !important;}
.mp-account-main .woocommerce-order-details,
.mp-account-main .woocommerce-customer-details{width: 100%;
margin: 0 0 22px;
padding: 24px;
box-sizing: border-box;
background: #fff;
border: 1px solid #eeeeee;
border-radius: 18px;}
.mp-account-main .woocommerce-order-details__title,
.mp-account-main .woocommerce-column__title{margin: 0 0 20px !important;
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.7;
color: #222 !important;}
.mp-account-main .woocommerce-table--order-details{width: 100%;
margin: 0 !important;
border-collapse: separate !important;
border-spacing: 0;
border: 1px solid #eeeeee;
border-radius: 13px;
overflow: hidden;}
.mp-account-main .woocommerce-table--order-details thead th{padding: 14px 16px !important;
background: #f8faf5 !important;
border: 0 !important;
color: #555 !important;
font-size: 12px !important;
font-weight: 800 !important;}
.mp-account-main .woocommerce-table--order-details tbody td,
.mp-account-main .woocommerce-table--order-details tfoot th,
.mp-account-main .woocommerce-table--order-details tfoot td{padding: 15px 16px !important;
border: 0 !important;
border-top: 1px solid #eeeeee !important;
font-size: 12px !important;
color: #444 !important;}
.mp-account-main .woocommerce-table--order-details .product-name{text-align: right;}
.mp-account-main .woocommerce-table--order-details .product-total{text-align: left;
white-space: nowrap;}
.mp-account-main .woocommerce-table--order-details .product-name a{color: #222 !important;
font-weight: 700;
text-decoration: none !important;}
.mp-account-main .woocommerce-table--order-details .product-name a:hover{color: #A44AFF !important;}
.mp-account-main .woocommerce-table--order-details .product-quantity{color: #999;
font-size: 11px;
font-weight: 600;}
.mp-account-main .woocommerce-table--order-details tfoot th{text-align: right;
font-weight: 700 !important;
color: #666 !important;}
.mp-account-main .woocommerce-table--order-details tfoot td{text-align: left;
white-space: nowrap;
font-weight: 800 !important;
color: #222 !important;}
.mp-account-main .woocommerce-table--order-details .woocommerce-Price-amount{font-weight: 800;
color: #222;}
.mp-account-main .woocommerce-table--order-details .woocommerce-Price-currencySymbol{margin-left: 4px;
font-size: 10px;
color: #888;}
.mp-account-main .order-again{margin: 18px 0 0 !important;}
.mp-account-main .order-again .button{display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 20px !important;
border: 0 !important;
border-radius: 11px !important;
background: #A44AFF !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 800 !important;
text-decoration: none !important;}
.mp-account-main .order-again .button:hover{background: #913BEF !important;}
```css
/* =====================================================
BILLING ADDRESS
===================================================== */
.mp-account-main .woocommerce-customer-details address{margin: 0 !important;
padding: 18px;
border: 1px solid #eeeeee;
border-radius: 13px;
background: #fafafa;
color: #555;
font-size: 12px;
line-height: 2.2;
font-style: normal;}
.mp-account-main .woocommerce-customer-details--email{margin: 10px 0 0 !important;
color: #777;
font-size: 11px;}
.mp-account-main > p:not(.order-again){margin: 0 0 20px;
padding: 15px 18px;
border-radius: 13px;
background: #f7faF2;
color: #555;
font-size: 12px;
line-height: 2;}
.mp-account-main .order-number,
.mp-account-main .order-date,
.mp-account-main .order-status{background: transparent !important;
color: #A44AFF !important;
font-weight: 800;
text-decoration: none;}
@media (max-width: 700px) {.mp-account-main .woocommerce-order-details,
.mp-account-main .woocommerce-customer-details{padding: 15px;
border-radius: 14px;}
.mp-account-main .woocommerce-order-details__title,
.mp-account-main .woocommerce-column__title{font-size: 15px !important;
margin-bottom: 14px !important;}
.mp-account-main .woocommerce-table--order-details thead th,
.mp-account-main .woocommerce-table--order-details tbody td,
.mp-account-main .woocommerce-table--order-details tfoot th,
.mp-account-main .woocommerce-table--order-details tfoot td{padding: 12px 10px !important;
font-size: 11px !important;}
.mp-account-main .woocommerce-customer-details address{padding: 14px;
font-size: 11px;
line-height: 2;}}
.woocommerce-customer-details{display: none !important;}
.mp-orders-page .download-file,
.mp-account-main .download-file,
.woocommerce-order .download-file{display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 12px;
margin: 6px 0;
border-radius: 9px;
background: #A44AFF !important;
border: 1px solid #A44AFF !important;
color: #ffffff !important;
font-size: 11px;
font-weight: 700;
line-height: 1;
text-decoration: none !important;
transition:
background .2s ease,
box-shadow .2s ease,
transform .2s ease;}
.mp-orders-page .download-file a,
.mp-account-main .download-file a,
.woocommerce-order .download-file a{color: #ffffff !important;
text-decoration: none !important;
font-weight: 700;}
.mp-orders-page .download-file:hover,
.mp-account-main .download-file:hover,
.woocommerce-order .download-file:hover{background: #913BEF !important;
border-color: #913BEF !important;
color: #ffffff !important;
box-shadow:
0 5px 14px rgba(164, 74, 255, .20);
transform: translateY(-1px);}
.mp-orders-page a.woocommerce-MyAccount-downloads-file,
.mp-account-main a.woocommerce-MyAccount-downloads-file,
.woocommerce-order a.woocommerce-MyAccount-downloads-file{display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 12px;
border-radius: 9px;
background: #A44AFF !important;
border: 1px solid #A44AFF !important;
color: #ffffff !important;
font-size: 11px;
font-weight: 700;
text-decoration: none !important;}
@media (max-width: 700px) {.mp-orders-page .download-file,
.mp-account-main .download-file,
.woocommerce-order .download-file,
.mp-orders-page a.woocommerce-MyAccount-downloads-file,
.mp-account-main a.woocommerce-MyAccount-downloads-file,
.woocommerce-order a.woocommerce-MyAccount-downloads-file{min-height: 32px;
padding: 0 10px;
border-radius: 8px;
font-size: 10px;}}
```
باکس سبد خرید
/* ================================
MINI CART - TEST VERSION
================================ */
.mp-cart-wrapper{position: relative;}
.mp-mini-cart{position: absolute;
top: 100%;
right: 50%;
transform: translateX(50%);
width: 360px;
background: #fff;
padding: 15px;
border-radius: 16px;
box-shadow: 0 15px 40px rgba(0,0,0,.15);
z-index: 999999;
/* مخفی */
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all .2s ease;}
.mp-cart-wrapper:hover .mp-mini-cart{opacity: 1;
visibility: visible;
pointer-events: auto;}
.mp-cart-wrapper::after{content: "";
position: absolute;
top: 100%;
right: 0;
width: 100%;
height: 20px;}
.mp-mini-cart-header{display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 12px;
margin-bottom: 5px;
border-bottom: 1px solid #eee;}
.mp-mini-cart-header strong{font-size: 14px;
font-weight: 800;}
.mp-mini-cart-items-count{font-size: 11px;
color: #777;}
.mp-mini-cart-item{display: grid;
grid-template-columns: 55px minmax(0,1fr) auto;
align-items: center;
gap: 10px;
padding: 10px 0;
border-bottom: 1px solid #eee;}
.mp-mini-cart-image{width: 55px;
height: 55px;
display: block;
overflow: hidden;
border-radius: 10px;
background: #f5f5f5;}
.mp-mini-cart-image img{width: 100%;
height: 100%;
object-fit: cover;
margin: 0;}
.mp-mini-cart-title{min-width: 0;
display: block;
font-size: 12px;
font-weight: 700;
color: #222;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.mp-mini-cart-title:hover{color: #A44AFF;}
.mp-mini-cart-price{white-space: nowrap;
font-size: 11px;
font-weight: 800;
color: #7C2EDB;
direction: rtl;}
.mp-mini-cart-footer{padding-top: 12px;}
.mp-mini-cart-total{display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;}
.mp-mini-cart-total span{font-size: 12px;
color: #777;}
.mp-mini-cart-total strong{font-size: 14px;
font-weight: 900;}
.mp-mini-cart-button{display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 40px;
border-radius: 10px;
background: #A44AFF;
color: #fff !important;
font-size: 12px;
font-weight: 800;
text-decoration: none;
transition: .2s;}
.mp-mini-cart-button:hover{background: #913BEF;}
.mp-mini-cart-empty{text-align: center;
padding: 25px 10px;}
.mp-mini-cart-empty p{margin: 8px 0 0;
font-size: 12px;
color: #777;}
@media (max-width: 768px) {.mp-mini-cart{position: fixed;
```
top: 70px;
right: 15px;
width: calc(100vw - 30px);
transform: none;
```}
.mp-cart-wrapper:hover .mp-mini-cart{transform: none;}}
.mp-mini-cart{position: absolute;
top: 100%;
right: 50%;
transform: translateX(50%);
width: 300px;
background: #fff;
padding: 15px;
border-radius: 16px;
box-shadow: 0 15px 40px rgba(0,0,0,.15);
z-index: 999999;
/* مخفی */
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all .2s ease;}
.mp-mini-cart-more{display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
padding: 7px 10px;
border-radius: 8px;
background: #f7faef;
color: #7C2EDB;
font-size: 11px;
font-weight: 700;
text-decoration: none;
transition: all .2s ease;}
.mp-mini-cart-more:hover{background: #A44AFF;
color: #fff;}
آیکون آدمک
/* ================================
USER ICON - LOGGED IN
================================ */
.mp-login-logged-in{display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 0;
border-radius: 12px;
text-decoration: none;}
.mp-user-icon{width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;}
.mp-login-logged-in:hover{color: #A44AFF;}
باکس منو نام کاربری
/* =========================================================
USER ACCOUNT - HEADER
========================================================= */
.mp-user-account{position: relative;
display: flex;
align-items: center;}
.mp-user-dropdown{position: absolute;
top: calc(100% + 12px);
right: 50%;
transform:
translateX(50%)
translateY(-8px);
width: 235px;
padding: 10px;
background: #fff;
border: 1px solid #eeeeee;
border-radius: 16px;
box-shadow:
0 18px 45px rgba(0, 0, 0, .13);
z-index: 999999;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity .2s ease,
visibility .2s ease,
transform .2s ease;}
.mp-user-account::after{content: "";
position: absolute;
top: 100%;
right: 0;
width: 100%;
height: 14px;}
.mp-user-account:hover .mp-user-dropdown{opacity: 1;
visibility: visible;
pointer-events: auto;
transform:
translateX(50%)
translateY(0);}
.mp-user-dropdown-header{display: flex;
align-items: center;
gap: 10px;
padding: 10px 8px 12px;
margin-bottom: 5px;
border-bottom: 1px solid #eeeeee;}
.mp-dropdown-user-icon{width: 34px;
height: 34px;
flex: 0 0 34px;
padding: 7px;
box-sizing: border-box;
border-radius: 10px;
background: rgba(164, 74, 255, .10);
color: #7C2EDB;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;}
.mp-user-dropdown-header div{min-width: 0;
display: flex;
flex-direction: column;
gap: 3px;}
.mp-user-dropdown-header strong{font-size: 13px;
font-weight: 800;
color: #222;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.mp-user-dropdown-header span{font-size: 10px;
color: #888;}
.mp-user-dropdown-menu{display: flex;
flex-direction: column;
gap: 3px;}
.mp-user-dropdown-item{display: flex;
align-items: center;
gap: 10px;
min-height: 42px;
padding: 8px 9px;
border-radius: 10px;
color: #333;
text-decoration: none;
font-size: 12px;
font-weight: 700;
transition:
background-color .18s ease,
color .18s ease,
transform .18s ease;}
.mp-user-dropdown-item svg{width: 19px;
height: 19px;
flex: 0 0 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;}
.mp-user-dropdown-item:hover{background: rgba(164, 74, 255, .10);
color: #7C2EDB;
transform: translateX(-2px);}
.mp-user-dropdown-item.mp-user-logout{margin-top: 4px;
padding-top: 10px;
border-top: 1px solid #eeeeee;
color: #555;}
.mp-user-dropdown-item.mp-user-logout:hover{background: rgba(220, 60, 60, .07);
color: #c0392b;}
@media (max-width: 768px) {.mp-user-account{position: relative;
display: flex;
align-items: center;}
.mp-user-dropdown{position: fixed;
top: 70px;
right: 15px;
transform: translateY(-8px);
width: calc(100vw - 30px);
max-width: 300px;}
.mp-user-account:hover .mp-user-dropdown{transform: translateY(0);}}
.mp-user-account .mp-login-logged-in{border: none !important;}
.mp-user-account .mp-login-logged-in:focus,
.mp-user-account .mp-login-logged-in:focus-visible,
.mp-user-account .mp-login-logged-in:active{border: none !important;}
.mp-user-phone{direction: ltr !important;
unicode-bidi: isolate;
display: inline-block;
text-align: right;
white-space: nowrap;}
هدر موبایل
/* =========================================================
MOBILE HEADER - CUSTOM
فقط موبایل
========================================================= */
@media (max-width: 768px){/* -----------------------------------------------------
HEADER
----------------------------------------------------- */
.mp-header {
position: sticky;
top: 0;
right: 0;
width: 100%;
z-index: 9999;
}
/*
* ساختار اصلی هدر:
* راست = همبرگر
* وسط = لوگو
* چپ = اکشنها
*/
.mp-header-inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 64px;
}
/* -----------------------------------------------------
MOBILE HAMBURGER - سمت راست
----------------------------------------------------- */
.mp-mobile-toggle {
order: 3;
width: 42px;
height: 42px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
padding: 0;
margin: 0;
border: 0;
outline: none;
background: transparent;
cursor: pointer;
flex-shrink: 0;
}
.mp-mobile-toggle span {
display: block;
width: 21px;
height: 2px;
border-radius: 10px;
background: currentColor;
transition:
transform .25s ease,
opacity .2s ease;
}
/* تبدیل همبرگر به X */
body.mp-mobile-menu-open .mp-mobile-toggle span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
body.mp-mobile-menu-open .mp-mobile-toggle span:nth-child(2) {
opacity: 0;
}
body.mp-mobile-menu-open .mp-mobile-toggle span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
/* -----------------------------------------------------
LOGO - وسط
----------------------------------------------------- */
.mp-logo-image,
.mp-logo-text {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 130px;
text-align: center;
}
.mp-logo-image {
height: auto;
width: auto;
}
.mp-logo-text {
width: max-content;
}
.mp-logo-text strong {
display: block;
font-size: 17px;
line-height: 1.3;
}
.mp-logo-text span {
display: block;
margin-top: 2px;
font-size: 8px;
line-height: 1.4;
}
/* -----------------------------------------------------
ACTIONS - سمت چپ
----------------------------------------------------- */
.mp-header-actions {
order: 1;
display: flex;
align-items: center;
gap: 2px;
flex-shrink: 0;
}
.mp-header-actions .mp-search-toggle {
display: none;
}
/* -----------------------------------------------------
CART
----------------------------------------------------- */
.mp-header-actions .mp-cart {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
}
/* -----------------------------------------------------
LOGIN
----------------------------------------------------- */
.mp-header-actions .mp-user-account,
.mp-header-actions > .mp-login-guest {
display: flex;
align-items: center;
justify-content: center;
}
/* -----------------------------------------------------
USER DROPDOWN اصلی دسکتاپ
در موبایل داخل پنل استفاده میشود
----------------------------------------------------- */
.mp-user-account .mp-user-dropdown {
display: none;
}
/* -----------------------------------------------------
MOBILE MENU PANEL
----------------------------------------------------- */
.mp-mobile-menu {
position: fixed;
top: 0;
right: 0;
width: min(88vw, 360px);
height: 100dvh;
z-index: 999999;
background: #fff;
box-shadow:
-18px 0 50px rgba(0, 0, 0, .12);
transform: translateX(105%);
visibility: hidden;
opacity: 0;
transition:
transform .3s cubic-bezier(.4,0,.2,1),
opacity .25s ease,
visibility .3s ease;
overflow-y: auto;
overflow-x: hidden;
}
body.mp-mobile-menu-open .mp-mobile-menu {
transform: translateX(0);
visibility: visible;
opacity: 1;
}
/* -----------------------------------------------------
BACKDROP
----------------------------------------------------- */
.mp-mobile-menu::before {
content: "";
position: fixed;
top: 0;
right: 100%;
width: 100vw;
height: 100dvh;
background: rgba(0,0,0,.28);
pointer-events: none;
}
/* -----------------------------------------------------
MOBILE MENU HEADER
----------------------------------------------------- */
.mp-mobile-menu-header {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 72px;
padding: 12px 16px;
border-bottom: 1px solid #eeeeee;
}
/*
* متن «منوی سایت» قدیمی را پنهان میکنیم
*/
.mp-mobile-menu-header > strong {
display: none;
}
/* -----------------------------------------------------
CLOSE BUTTON
----------------------------------------------------- */
.mp-mobile-close {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
outline: none;
background: transparent;
color: #333;
cursor: pointer;
}
.mp-mobile-close svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
/* -----------------------------------------------------
PROFILE AREA داخل منو
----------------------------------------------------- */
.mp-mobile-user-area {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 0;
margin-right: 8px;
}
.mp-mobile-user-avatar {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
border-radius: 12px;
background: rgba(164, 74, 255, .10);
color: #7C2EDB;
}
.mp-mobile-user-avatar svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.mp-mobile-user-info {
min-width: 0;
display: flex;
flex-direction: column;
gap: 3px;
}
.mp-mobile-user-info strong {
font-size: 13px;
font-weight: 800;
color: #222;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mp-mobile-user-info span {
font-size: 10px;
color: #888;
}
/* -----------------------------------------------------
GUEST USER
----------------------------------------------------- */
.mp-mobile-login {
display: flex;
align-items: center;
gap: 9px;
flex: 1;
color: #222;
text-decoration: none;
}
.mp-mobile-login-icon {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
border-radius: 12px;
background: rgba(164, 74, 255, .10);
color: #7C2EDB;
}
.mp-mobile-login-icon svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.mp-mobile-login-text {
display: flex;
flex-direction: column;
gap: 3px;
}
.mp-mobile-login-text strong {
font-size: 13px;
font-weight: 800;
}
.mp-mobile-login-text span {
font-size: 10px;
color: #888;
}
/* -----------------------------------------------------
SEARCH داخل منو
----------------------------------------------------- */
.mp-mobile-search {
display: block;
margin: 14px 15px;
}
.mp-mobile-search form {
position: relative;
display: flex;
align-items: center;
}
.mp-mobile-search input {
width: 100%;
height: 44px;
padding:
0 14px
0 42px;
border: 1px solid #e7e7e7;
border-radius: 12px;
background: #fafafa;
font-family: inherit;
font-size: 12px;
outline: none;
transition:
border-color .2s ease,
background-color .2s ease;
}
.mp-mobile-search input:focus {
border-color: #A44AFF;
background: #fff;
}
.mp-mobile-search button {
position: absolute;
left: 4px;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: #555;
cursor: pointer;
}
.mp-mobile-search button svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
/* -----------------------------------------------------
MENU ITEMS
----------------------------------------------------- */
.mp-mobile-menu-items {
padding: 4px 12px 20px;
}
.mp-mobile-menu-item {
display: flex;
align-items: center;
min-height: 48px;
padding: 8px 10px;
border-radius: 11px;
color: #333;
text-decoration: none;
font-size: 12px;
font-weight: 700;
transition:
background-color .18s ease,
color .18s ease;
}
.mp-mobile-menu-item:hover,
.mp-mobile-menu-item:active {
background: rgba(164, 74, 255, .09);
color: #7C2EDB;
}
/* -----------------------------------------------------
BODY LOCK
----------------------------------------------------- */
body.mp-mobile-menu-open {
overflow: hidden;
}}
هدر موبایل
@media (max-width: 768px){button.mp-mobile-toggle {
position: fixed !important;
top: 18px !important;
right: 15px !important;
left: auto !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
background: transparent !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
z-index: 999999 !important;
transform: none !important;
}
button.mp-mobile-toggle span {
display: block !important;
width: 24px !important;
height: 2px !important;
margin: 0 !important;
padding: 0 !important;
background: #A44AFF !important;
border: 0 !important;
border-radius: 10px !important;
}}
@media screen and (max-width: 768px) {.mp-mobile-toggle{position: fixed !important;
inset-inline-end: 15px !important;
inset-inline-start: auto !important;
right: 15px !important;
left: auto !important;
top: 18px !important;
bottom: auto !important;
transform: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
float: none !important;
z-index: 2147483647 !important;}}
ساختار همبرگری
/* =========================================
Mobile Hamburger - فقط موبایل
========================================= */
.mp-mobile-toggle-new{display: none !important;}
@media (max-width: 768px) {.mp-mobile-toggle-new{display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
background: transparent !important;
cursor: pointer !important;
appearance: none !important;
-webkit-appearance: none !important;}
.mp-mobile-toggle-new .mp-hamburger-icon{display: block !important;
width: 24px !important;
height: 24px !important;
margin: 0 !important;}
.mp-mobile-toggle-new .mp-hamburger-icon line{stroke: #A44AFF !important;
stroke-width: 2 !important;
stroke-linecap: round !important;
fill: none !important;}
.mp-mobile-toggle-new:hover,
.mp-mobile-toggle-new:focus,
.mp-mobile-toggle-new:active{border: none !important;
outline: none !important;
box-shadow: none !important;
background: transparent !important;}}
@media (min-width: 769px) {button.mp-mobile-toggle-new{display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
pointer-events: none !important;}}
@media (max-width: 768px) {button.mp-mobile-toggle-new{display: flex !important;
visibility: visible !important;
opacity: 1 !important;}}
@media (max-width: 768px) {button.mp-mobile-toggle-new{position: absolute !important;
right: 12px !important;
left: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 1000 !important;}}
استایل همبرگری داخلش
/* =========================================================
MOALLEM PARS — MOBILE MENU
Modern Green Account Menu
Brand: #A44AFF
========================================================= */
/* =========================================================
MOBILE MENU CONTAINER
========================================================= */
.mp-mobile-menu{position: fixed !important;
top: 0 !important;
right: 0 !important;
width: min(360px, 88vw) !important;
height: 100vh !important;
background: #ffffff !important;
z-index: 99999 !important;
overflow-y: auto !important;
padding: 0 !important;
box-sizing: border-box !important;
border-left: 1px solid #eeeeee !important;
box-shadow:
-12px 0 40px rgba(0,0,0,.12) !important;
transform:
translateX(110%) !important;
transition:
transform .35s cubic-bezier(.4,0,.2,1) !important;}
.mp-mobile-menu.active{transform:
translateX(0) !important;}
.mp-mobile-header{height: 70px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding:
0 20px !important;
border-bottom:
1px solid #eeeeee !important;
background:
#ffffff !important;
box-sizing:
border-box !important;}
.mp-mobile-header strong{display: block !important;
margin: 0 !important;
padding: 0 !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size: 18px !important;
font-weight: 800 !important;
color: #222222 !important;
line-height: 1 !important;}
.mp-mobile-close{width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 12px !important;
background:
#F7F3FF !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
appearance: none !important;
box-shadow: none !important;}
.mp-mobile-close svg{width: 20px !important;
height: 20px !important;
display: block !important;
fill: none !important;
stroke: #7C2EDB !important;
stroke-width: 2 !important;
stroke-linecap: round !important;}
.mp-mobile-close:hover{background:
#F3E8FF !important;}
.mp-mobile-user{margin:
16px 16px 10px !important;
padding: 0 !important;
background:
transparent !important;}
.mp-mobile-user-profile{display: flex !important;
align-items: center !important;
gap: 12px !important;
padding:
14px !important;
border-radius:
16px !important;
background:
linear-gradient(
135deg,
#F5EDFF 0%,
#FAF7FF 100%
) !important;
border:
1px solid #EAD8FF !important;
box-sizing:
border-box !important;}
.mp-mobile-user-icon{width: 44px !important;
height: 44px !important;
min-width: 44px !important;
border-radius:
14px !important;
background:
#A44AFF !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;}
.mp-mobile-user-icon svg{width: 23px !important;
height: 23px !important;
display: block !important;
fill: none !important;
stroke: #ffffff !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;}
.mp-mobile-user-info{min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 5px !important;}
.mp-mobile-user-info strong{margin: 0 !important;
padding: 0 !important;
color: #222222 !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.5 !important;}
.mp-mobile-user-info span{margin: 0 !important;
padding: 0 !important;
color: #7b8174 !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
direction: rtl !important;}
.mp-mobile-login{width: 100% !important;
min-height: 52px !important;
padding:
0 15px !important;
box-sizing:
border-box !important;
display: flex !important;
align-items: center !important;
gap: 11px !important;
text-decoration: none !important;
border-radius:
14px !important;
background:
#F5EDFF !important;
border:
1px solid #EAD8FF !important;
color:
#7C2EDB !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size:
14px !important;
font-weight:
700 !important;
box-shadow:
none !important;}
.mp-mobile-login svg{width: 21px !important;
height: 21px !important;
min-width: 21px !important;
fill: none !important;
stroke: #913BEF !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;}
.mp-mobile-account-menu{margin:
8px 16px 18px !important;
padding:
5px !important;
background:
#ffffff !important;
border:
1px solid #eeeeee !important;
border-radius:
16px !important;
box-sizing:
border-box !important;
box-shadow:
0 4px 18px rgba(0,0,0,.045) !important;}
.mp-mobile-account-menu > a{position: relative !important;
width: 100% !important;
min-height: 48px !important;
padding:
0 11px !important;
margin: 0 !important;
box-sizing:
border-box !important;
display: flex !important;
align-items: center !important;
gap: 11px !important;
border-radius:
11px !important;
background:
transparent !important;
color:
#333333 !important;
text-decoration:
none !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size:
13px !important;
font-weight:
600 !important;
transition:
background .2s ease,
color .2s ease !important;}
.mp-mobile-account-menu > a:hover{background:
#F5EDFF !important;
color:
#7C2EDB !important;}
.mp-mobile-menu-icon{width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
border-radius:
9px !important;
background:
#F7F1FF !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing:
border-box !important;
transition:
background .2s ease !important;}
.mp-mobile-account-menu > a:hover
.mp-mobile-menu-icon{background:
#EAD8FF !important;}
.mp-mobile-menu-icon svg{width: 17px !important;
height: 17px !important;
min-width: 17px !important;
max-width: 17px !important;
display: block !important;
fill: none !important;
stroke: #913BEF !important;
stroke-width: 1.7 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;}
.mp-mobile-navigation{margin:
0 16px !important;
padding:
0 !important;}
.mp-mobile-nav-title{margin:
18px 5px 8px !important;
padding:
0 !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size:
12px !important;
font-weight:
700 !important;
color:
#9a9f94 !important;}
.mp-mobile-navigation
ul.mp-mobile-nav{margin:
0 !important;
padding:
5px !important;
list-style:
none !important;
background:
#ffffff !important;
border:
1px solid #eeeeee !important;
border-radius:
16px !important;
box-shadow:
0 4px 18px rgba(0,0,0,.045) !important;}
.mp-mobile-navigation
ul.mp-mobile-nav > li{margin:
0 !important;
padding:
0 !important;
list-style:
none !important;}
.mp-mobile-navigation
ul.mp-mobile-nav > li > a{display: flex !important;
align-items: center !important;
min-height: 47px !important;
padding:
0 11px !important;
border-radius:
11px !important;
color:
#333333 !important;
background:
transparent !important;
text-decoration:
none !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size:
13px !important;
font-weight:
600 !important;
transition:
.2s ease !important;}
.mp-mobile-navigation
ul.mp-mobile-nav > li > a:hover{background:
#F5EDFF !important;
color:
#7C2EDB !important;}
.mp-mobile-logout{margin:
14px 16px 25px !important;
padding:
0 !important;}
.mp-mobile-logout a{width: 100% !important;
min-height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius:
12px !important;
background:
#fff4f4 !important;
border:
1px solid #f2dddd !important;
color:
#c44b4b !important;
text-decoration:
none !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size:
13px !important;
font-weight:
700 !important;}
.mp-mobile-logout a:hover{background:
#ffeaea !important;}
.mp-mobile-overlay{position: fixed !important;
inset: 0 !important;
background:
rgba(15, 23, 10, .42) !important;
backdrop-filter:
blur(3px) !important;
-webkit-backdrop-filter:
blur(3px) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
z-index: 99998 !important;
transition:
opacity .3s ease,
visibility .3s ease !important;}
.mp-mobile-overlay.active{opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;}
.mp-mobile-toggle{width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
border-radius: 12px !important;
background:
transparent !important;
cursor: pointer !important;
appearance: none !important;
box-shadow: none !important;}
.mp-mobile-toggle .mp-hamburger-icon{width: 23px !important;
height: 23px !important;
display: block !important;
fill: none !important;
stroke: #7C2EDB !important;
stroke-width: 2 !important;
stroke-linecap: round !important;}
.mp-mobile-toggle:hover{background:
#F5EDFF !important;}
@media (min-width: 769px) {.mp-mobile-menu,
.mp-mobile-overlay,
.mp-mobile-toggle{display: none !important;}}
@media (max-width: 768px) {.mp-mobile-toggle{display: flex !important;}}
body.mp-menu-open{overflow: hidden !important;}
.mp-mobile-menu a{text-decoration: none !important;}
.mp-mobile-menu button{font-family:
Vazirmatn,
Tahoma,
sans-serif !important;}
.mp-mobile-menu svg{box-sizing: border-box !important;}
body.mp-menu-open .mp-mobile-toggle{opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;}
.mp-mobile-overlay.active{background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;}
.mp-mobile-user-info span{direction: rtl !important;
text-align: right !important;
display: block !important;
width: 100% !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
unicode-bidi: plaintext !important;}
.mp-mobile-account-menu{margin-bottom: 0 !important;}
.mp-mobile-nav-title{margin-top: 0 !important;
padding-top: 12px !important;
border-top: 1px solid #eeeeee !important;}
.mp-mobile-navigation ul.mp-mobile-nav{margin-top: 8px !important;}
.mp-mobile-account-menu > a svg{width: 17px !important;
height: 17px !important;
min-width: 17px !important;
max-width: 17px !important;
display: block !important;
fill: none !important;
stroke: #913BEF !important;
stroke-width: 1.7 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;}
مگا منو ردیف موبایل
/* =========================================================
MOBILE NAV — CLEAN ROWS
بدون باکس، بدون کادر، ردیف به ردیف
========================================================= */
.mp-mobile-navigation{margin: 0 16px !important;
padding: 0 !important;}
.mp-mobile-nav-title{margin: 14px 5px 8px !important;
padding: 0 !important;}
.mp-mobile-navigation ul.mp-mobile-nav{display: flex !important;
flex-direction: column !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;}
.mp-mobile-navigation ul.mp-mobile-nav > li{display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;}
.mp-mobile-navigation ul.mp-mobile-nav > li > a{display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
min-height: 48px !important;
padding: 0 8px !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
color: #333333 !important;
text-decoration: none !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
white-space: nowrap !important;
transition:
background .2s ease,
color .2s ease !important;}
.mp-mobile-navigation ul.mp-mobile-nav > li + li > a{border-top: 1px solid #eeeeee !important;}
.mp-mobile-nav-title{display: block !important;
margin: 18px 5px 8px !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #9a9f94 !important;
text-align: right !important;}
.mp-mobile-navigation ul.mp-mobile-nav{display: flex !important;
flex-direction: column !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
list-style: none !important;}
.mp-mobile-navigation ul.mp-mobile-nav > li{width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;}
.mp-mobile-navigation ul.mp-mobile-nav > li > a{width: 100% !important;
min-height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 0 8px !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
color: #333333 !important;
font-family:
Vazirmatn,
Tahoma,
sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
text-decoration: none !important;
white-space: nowrap !important;}
.mp-mobile-menu{position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: min(360px, 88vw) !important;
height: 100dvh !important;
max-height: 100dvh !important;
background: #ffffff !important;
z-index: 99999 !important;
box-sizing: border-box !important;
padding: 0 !important;
overflow-y: auto !important;
overflow-x: hidden !important;
overscroll-behavior: contain !important;
border-left: 1px solid #eeeeee !important;
box-shadow:
-12px 0 40px rgba(0,0,0,.12) !important;
transform: translateX(110%) !important;
transition:
transform .35s cubic-bezier(.4,0,.2,1) !important;
-webkit-overflow-scrolling: touch !important;}
body.mp-menu-open{overflow: hidden !important;
height: 100dvh !important;}
@media (max-width: 768px) {.mp-mobile-menu{height: 100dvh !important;
max-height: 100dvh !important;}}
.mp-mobile-menu{overflow-y: auto !important;
overflow-x: hidden !important;
/* فضای اضافه در انتهای منو */
padding-bottom: 40px !important;
/* اسکرولبار سمت راست */
direction: ltr !important;}
.mp-mobile-menu > *{direction: rtl !important;}
.mp-mobile-logout{margin-bottom: 40px !important;}
افزونه ثبت سفارش
/* =========================================================
فرم ثبت سفارش اختصاصی - معلم پارس
========================================================= */
.co-order-wrapper{width: 100%;
max-width: 1050px;
margin: 40px auto;
padding: 0 20px;
box-sizing: border-box;
direction: rtl;}
.co-order-card{position: relative;
width: 100%;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 12px 40px rgba(15, 23, 42, 0.07);}
.co-order-header{display: flex;
align-items: center;
justify-content: center;
gap: 18px;
padding: 30px 35px;
text-align: center;
background: linear-gradient(
135deg,
#F3E8FF 0%,
#ffffff 100%
);
border-bottom: 1px solid #edf2e7;}
.co-order-header > div:last-child{display: flex;
flex-direction: column;
align-items: center;}
.co-order-icon{display: none;}
.co-order-header h2{margin: 0 0 7px;
color: #1f2937;
font-size: 25px;
font-weight: 800;
line-height: 1.5;}
.co-order-header p{margin: 0;
color: #6b7280;
font-size: 14px;
line-height: 1.9;}
.co-order-form{padding: 35px;}
.co-form-grid{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;}
.co-form-full{grid-column: 1 / -1;}
.co-form-group{display: flex;
flex-direction: column;}
.co-form-group label{display: flex;
align-items: center;
gap: 5px;
margin-bottom: 9px;
color: #374151;
font-size: 14px;
font-weight: 700;}
.co-form-group label span{color: #dc2626;}
.co-form-group label small{color: #9ca3af;
font-size: 12px;
font-weight: 500;}
.co-form-group input[type="text"],
.co-form-group input[type="tel"],
.co-form-group input[type="number"],
.co-form-group input[type="email"],
.co-form-group select,
.co-form-group textarea{width: 100%;
min-height: 52px;
padding: 13px 16px;
box-sizing: border-box;
border: 1px solid #d9dee7;
border-radius: 12px;
background: #ffffff;
color: #1f2937;
font-family: inherit;
font-size: 14px;
outline: none;
transition:
border-color 0.2s ease,
box-shadow 0.2s ease,
background 0.2s ease;}
.co-form-group textarea{min-height: 150px;
resize: vertical;
line-height: 1.9;}
.co-form-group input::placeholder,
.co-form-group textarea::placeholder{color: #a1a8b3;}
.co-form-group input:hover,
.co-form-group select:hover,
.co-form-group textarea:hover{border-color: #b8c3d1;}
.co-form-group input:focus,
.co-form-group select:focus,
.co-form-group textarea:focus{border-color: #A44AFF;
background: #FDFBFF;
box-shadow: 0 0 0 4px rgba(164, 74, 255, 0.12);}
.co-form-group select{cursor: pointer;
appearance: auto;}
.co-file-box{position: relative;
min-height: 125px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 25px;
border: 2px dashed #E0D1FF;
border-radius: 14px;
background: #FCFAFF;
transition:
border-color 0.2s ease,
background 0.2s ease;}
.co-file-box:hover{border-color: #A44AFF;
background: #FAF5FF;}
.co-file-box input[type="file"]{position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;}
.co-file-content{display: flex;
align-items: center;
flex-direction: column;
gap: 5px;
pointer-events: none;
text-align: center;}
.co-file-icon{width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
border-radius: 12px;
background: #F3E8FF;
color: #913BEF;
font-size: 24px;
font-weight: 800;}
.co-file-content strong{color: #374151;
font-size: 14px;}
.co-file-content small{color: #9ca3af;
font-size: 12px;}
.co-terms-area{margin-top: 28px;
padding: 18px 20px;
border: 1px solid #EEE5FF;
border-radius: 14px;
background: #FCFAFF;}
.co-terms-check{display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
user-select: none;}
.co-terms-check input[type="checkbox"]{position: absolute;
opacity: 0;
pointer-events: none;}
.co-custom-checkbox{position: relative;
width: 21px;
height: 21px;
flex: 0 0 21px;
border: 2px solid #D8C8FF;
border-radius: 6px;
background: #ffffff;
box-sizing: border-box;
transition: all 0.2s ease;}
.co-terms-check input[type="checkbox"]:checked
+ .co-custom-checkbox{border-color: #A44AFF;
background: #A44AFF;}
.co-terms-check input[type="checkbox"]:checked
+ .co-custom-checkbox::after{content: "";
position: absolute;
width: 5px;
height: 10px;
left: 6px;
top: 2px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);}
.co-terms-text{color: #4b5563;
font-size: 13px;
line-height: 1.8;}
.co-terms-link{display: inline;
padding: 0;
margin: 0;
border: 0;
background: transparent;
color: #913BEF;
font-family: inherit;
font-size: inherit;
font-weight: 800;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
cursor: pointer;}
.co-terms-link:hover{color: #7C2EDB;}
.co-terms-modal{position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition:
opacity 0.25s ease,
visibility 0.25s ease;}
.co-terms-modal.is-open{visibility: visible;
opacity: 1;
pointer-events: auto;}
.co-terms-overlay{position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.58);
backdrop-filter: blur(4px);}
.co-terms-dialog{position: relative;
z-index: 2;
width: 100%;
max-width: 680px;
max-height: calc(100vh - 40px);
display: flex;
flex-direction: column;
background: #ffffff;
border-radius: 20px;
box-shadow: 0 25px 70px rgba(15, 23, 42, 0.25);
overflow: hidden;
transform: translateY(20px) scale(0.97);
transition:
transform 0.25s ease;}
.co-terms-modal.is-open .co-terms-dialog{transform: translateY(0) scale(1);}
.co-terms-dialog-header{display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px 55px 22px;
text-align: center;
background: linear-gradient(
135deg,
#F3E8FF 0%,
#ffffff 100%
);
border-bottom: 1px solid #edf2e7;}
.co-terms-dialog-icon{display: none;}
.co-terms-dialog-header > div:last-child{width: 100%;}
.co-terms-dialog-header h3{margin: 0 0 8px;
color: #1f2937;
font-size: 20px;
font-weight: 800;
line-height: 1.7;
text-align: center;}
.co-terms-dialog-header p{margin: 0;
color: #7b8491;
font-size: 13px;
line-height: 1.8;
text-align: center;}
.co-terms-close{position: absolute;
top: 16px;
left: 16px;
z-index: 5;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid #e5e7eb;
border-radius: 10px;
background: #ffffff;
color: #6b7280;
font-family: inherit;
font-size: 23px;
font-weight: 400;
line-height: 1;
cursor: pointer;
transition:
color 0.2s ease,
background 0.2s ease,
border-color 0.2s ease;}
.co-terms-close:hover{color: #dc2626;
background: #fff5f5;
border-color: #fecaca;}
.co-terms-content{padding: 28px 32px;
overflow-y: auto;
color: #4b5563;
font-size: 14px;
line-height: 2.1;
text-align: justify;
text-justify: inter-word;}
.co-terms-content h4{margin: 0 0 7px;
color: #374151;
font-size: 14px;
font-weight: 800;
line-height: 1.9;
text-align: right;}
.co-terms-content p{margin: 0 0 20px;
color: #626b78;
font-size: 13px;
line-height: 2.1;
text-align: justify;}
.co-terms-content p:last-child{margin-bottom: 0;}
.co-terms-content::-webkit-scrollbar{width: 7px;}
.co-terms-content::-webkit-scrollbar-track{background: #f5f6f7;}
.co-terms-content::-webkit-scrollbar-thumb{background: #D8C8FF;
border-radius: 10px;}
.co-terms-content::-webkit-scrollbar-thumb:hover{background: #A44AFF;}
.co-terms-dialog-footer{display: flex;
justify-content: center;
padding: 18px 25px 22px;
border-top: 1px solid #edf0f3;
background: #ffffff;}
.co-terms-confirm{min-width: 170px;
min-height: 48px;
padding: 11px 25px;
border: 0;
border-radius: 11px;
background: #A44AFF;
color: #ffffff;
font-family: inherit;
font-size: 14px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 7px 18px rgba(164, 74, 255, 0.22);
transition:
transform 0.2s ease,
background 0.2s ease,
box-shadow 0.2s ease;}
.co-terms-confirm:hover{background: #913BEF;
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(164, 74, 255, 0.28);}
body.co-modal-open{overflow: hidden;}
.co-form-footer{display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: 30px;
padding-top: 25px;
border-top: 1px solid #edf0f3;}
.co-form-note{display: flex;
align-items: center;
gap: 8px;
color: #7b8491;
font-size: 12px;
line-height: 1.8;}
.co-form-note span{width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 22px;
border-radius: 50%;
background: #F3E8FF;
color: #913BEF;
font-size: 12px;
font-weight: 800;}
.co-submit-button{min-width: 180px;
min-height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 18px;
padding: 12px 22px;
border: 0;
border-radius: 12px;
background: #A44AFF;
color: #ffffff;
font-family: inherit;
font-size: 14px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 7px 18px rgba(164, 74, 255, 0.25);
transition:
transform 0.2s ease,
background 0.2s ease,
box-shadow 0.2s ease;}
.co-submit-button strong{font-size: 19px;
line-height: 1;}
.co-submit-button:hover{background: #913BEF;
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(164, 74, 255, 0.32);}
.co-submit-button:active{transform: translateY(0);}
@media (max-width: 700px) {.co-order-wrapper{margin: 25px auto;
padding: 0 12px;}
.co-order-card{border-radius: 18px;}
.co-order-header{padding: 24px 20px;
gap: 13px;}
.co-order-header h2{font-size: 20px;}
.co-order-header p{font-size: 12px;}
.co-order-form{padding: 22px 18px;}
.co-form-grid{grid-template-columns: 1fr;
gap: 19px;}
.co-form-full{grid-column: auto;}
.co-form-footer{align-items: stretch;
flex-direction: column;}
.co-form-note{align-items: flex-start;}
.co-submit-button{width: 100%;}
.co-terms-modal{padding: 12px;}
.co-terms-dialog{max-height: calc(100vh - 24px);
border-radius: 17px;}
.co-terms-dialog-header{padding: 27px 45px 20px;}
.co-terms-dialog-header h3{font-size: 17px;}
.co-terms-dialog-header p{font-size: 12px;}
.co-terms-content{padding: 22px 20px;
font-size: 13px;
line-height: 2;}
.co-terms-content p{font-size: 12px;
line-height: 2;
margin-bottom: 17px;}
.co-terms-dialog-footer{padding: 15px 18px 18px;}
.co-terms-confirm{width: 100%;}
.co-terms-area{padding: 15px;}
.co-terms-text{font-size: 12px;}}
@media (max-width: 400px) {.co-order-wrapper{padding: 0 8px;}
.co-order-header{padding: 20px 16px;}
.co-order-form{padding: 18px 14px;}
.co-order-header h2{font-size: 18px;}
.co-terms-dialog-header{padding-left: 38px;
padding-right: 38px;}
.co-terms-content{padding: 20px 16px;}}
اسکرول صفحه بازشونده قوانین
/* =========================================================
Terms Checkbox
========================================================= */
.co-terms-area{margin-top: 28px;
padding-top: 22px;
border-top: 1px solid #edf0f3;}
.co-terms-check{display: inline-flex;
align-items: center;
gap: 9px;
cursor: pointer;
position: relative;
user-select: none;}
.co-terms-check input[type="checkbox"]{position: absolute;
opacity: 0;
width: 1px;
height: 1px;
pointer-events: none;}
.co-custom-checkbox{width: 20px;
height: 20px;
min-width: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid #cfd6df;
border-radius: 6px;
background: #ffffff;
box-sizing: border-box;
transition: all 0.2s ease;}
.co-custom-checkbox::after{content: "✓";
color: #ffffff;
font-size: 13px;
font-weight: 800;
line-height: 1;
opacity: 0;
transform: scale(0.6);
transition: all 0.18s ease;}
.co-terms-check input[type="checkbox"]:checked + .co-custom-checkbox{background: #A44AFF;
border-color: #A44AFF;
box-shadow: 0 3px 8px rgba(164, 74, 255, 0.22);}
.co-terms-check input[type="checkbox"]:checked + .co-custom-checkbox::after{opacity: 1;
transform: scale(1);}
.co-terms-link{appearance: none;
border: 0;
padding: 0;
margin: 0 3px 0 0;
background: transparent;
color: #913BEF;
font-family: inherit;
font-size: inherit;
font-weight: 800;
cursor: pointer;
text-decoration: underline;
text-decoration-color: rgba(106, 158, 12, 0.35);
text-underline-offset: 3px;}
.co-terms-link:hover{color: #7C2EDB;
text-decoration-color: #7C2EDB;}
.co-terms-modal{position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition:
opacity 0.2s ease,
visibility 0.2s ease;}
.co-terms-overlay{position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.58);
backdrop-filter: blur(3px);}
.co-terms-dialog{position: relative;
z-index: 2;
width: 100%;
max-width: 680px;
max-height: 85vh;
display: flex;
flex-direction: column;
background: #ffffff;
border-radius: 20px;
box-shadow: 0 25px 70px rgba(15, 23, 42, 0.22);
overflow: hidden;
direction: rtl;
transform: translateY(15px) scale(0.98);
transition: transform 0.22s ease;}
.co-terms-dialog-header{flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 25px 55px 20px;
border-bottom: 1px solid #edf0f3;}
.co-terms-dialog-header h3{margin: 0 0 6px;
color: #1f2937;
font-size: 20px;
font-weight: 800;
line-height: 1.7;}
.co-terms-dialog-header p{margin: 0;
color: #8a929e;
font-size: 12px;
line-height: 1.8;}
.co-terms-close{position: absolute;
top: 16px;
left: 18px;
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 10px;
background: #f4f6f8;
color: #6b7280;
font-family: inherit;
font-size: 22px;
line-height: 1;
cursor: pointer;
transition:
background 0.2s ease,
color 0.2s ease;}
.co-terms-close:hover{background: #feecec;
color: #dc2626;}
.co-terms-content{flex: 1 1 auto;
overflow-y: auto;
/*
* اسکرول در سمت راست
*/
direction: ltr;
padding: 25px 30px;
max-height: 55vh;
scrollbar-width: thin;
scrollbar-color: #D8C8FF #F7F3FF;}
.co-terms-content > *{direction: rtl;
text-align: justify;}
.co-terms-content h4{margin: 0 0 8px;
color: #374151;
font-size: 14px;
font-weight: 800;
line-height: 1.8;}
.co-terms-content p{margin: 0 0 20px;
color: #5f6875;
font-size: 13px;
font-weight: 400;
line-height: 2.1;
text-align: justify;}
.co-terms-content::-webkit-scrollbar-track{background: #F7F3FF;
border-radius: 10px;}
.co-terms-content::-webkit-scrollbar-thumb:hover{background: #aebca0;}
.co-terms-dialog-footer{flex: 0 0 auto;
padding: 16px 25px;
border-top: 1px solid #edf0f3;
display: flex;
justify-content: center;}
.co-terms-confirm{min-width: 150px;
min-height: 46px;
padding: 10px 22px;
border: 0;
border-radius: 11px;
background: #A44AFF;
color: #ffffff;
font-family: inherit;
font-size: 13px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 6px 16px rgba(164, 74, 255, 0.22);
transition:
background 0.2s ease,
transform 0.2s ease;}
.co-terms-confirm:hover{background: #913BEF;
transform: translateY(-1px);}
@media (max-width: 700px) {.co-terms-area{margin-top: 22px;
padding-top: 19px;}
.co-terms-text{font-size: 12px;}
.co-terms-modal{padding: 12px;}
.co-terms-dialog{max-height: 90vh;
border-radius: 17px;}
.co-terms-dialog-header{padding: 22px 45px 17px;}
.co-terms-dialog-header h3{font-size: 17px;}
.co-terms-dialog-header p{font-size: 11px;}
.co-terms-content{max-height: 62vh;
padding: 20px 18px;}
.co-terms-content h4{font-size: 13px;}
.co-terms-content p{font-size: 12px;
line-height: 2;}
.co-terms-dialog-footer{padding: 13px 18px;}
.co-terms-confirm{width: 100%;}}
استایل باکس بارگذاری
/* فایل انتخاب شده */
.co-file-box.has-file{border-color: #A44AFF;
background: #FAF5FF;}
.co-file-box.has-file .co-file-icon{background: #A44AFF;
color: #ffffff;}
.co-file-box.has-file .co-file-content strong{color: #365314;}
.co-file-box.has-file .co-file-content small{color: #913BEF;}
پیگیری سفارش
/* =========================================================
صفحه پیگیری سفارش
========================================================= */
.co-customer-tracking{max-width: 850px;
margin: 50px auto;
padding: 0 20px;
direction: rtl;
font-family: "Vazirmatn", sans-serif;}
.co-tracking-header{display: flex;
align-items: center;
gap: 18px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 20px;
padding: 25px;
margin-bottom: 22px;
box-shadow: 0 8px 30px rgba(0,0,0,.05);}
.co-tracking-icon{width: 58px;
height: 58px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background: #F3E8FF;
color: #7C2EDB;
font-size: 27px;}
.co-tracking-header h2{margin: 0 0 7px;
font-size: 24px;
color: #17210d;}
.co-tracking-header p{margin: 0;
color: #6b7280;
font-size: 14px;
line-height: 1.9;}
.co-tracking-form{background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 20px;
padding: 30px;
box-shadow: 0 8px 30px rgba(0,0,0,.05);}
.co-tracking-field{margin-bottom: 20px;}
.co-tracking-field label{display: block;
margin-bottom: 8px;
color: #374151;
font-size: 14px;
font-weight: 600;}
.co-tracking-field input{width: 100%;
height: 50px;
box-sizing: border-box;
padding: 0 16px;
border: 1px solid #d9dee5;
border-radius: 12px;
background: #f9fafb;
font-family: inherit;
font-size: 14px;
transition: .2s ease;}
.co-tracking-field input:focus{outline: none;
border-color: #A44AFF;
background: #fff;
box-shadow: 0 0 0 4px rgba(164,74,255,.12);}
.co-tracking-button{width: 100%;
height: 52px;
border: none;
border-radius: 13px;
background: #A44AFF;
color: #ffffff;
font-family: inherit;
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: .2s ease;}
.co-tracking-button:hover{background: #913BEF;
transform: translateY(-1px);}
.co-tracking-error{margin-top: 18px;
padding: 15px 18px;
border-radius: 13px;
background: #fff1f2;
border: 1px solid #fecdd3;
color: #be123c;
font-size: 14px;}
.co-tracking-result{background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 20px;
padding: 30px;
box-shadow: 0 8px 30px rgba(0,0,0,.05);}
.co-result-header{display: flex;
justify-content: space-between;
gap: 20px;
padding-bottom: 25px;
border-bottom: 1px solid #edf0f2;}
.co-result-header > div{display: flex;
flex-direction: column;
gap: 7px;}
.co-result-header span{color: #6b7280;
font-size: 13px;}
.co-result-header strong{color: #17210d;
font-size: 17px;}
.co-result-status{text-align: left;}
.co-result-status strong{display: inline-flex;
align-items: center;
justify-content: center;
padding: 7px 15px;
border-radius: 30px;
background: #F3E8FF;
color: #7C2EDB;
font-size: 13px;}
.co-result-grid{display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin-top: 25px;}
.co-result-item{background: #f8fafc;
border: 1px solid #edf0f2;
border-radius: 14px;
padding: 18px;}
.co-result-item span{display: block;
margin-bottom: 8px;
color: #6b7280;
font-size: 12px;}
.co-result-item strong{display: block;
color: #1f2937;
font-size: 14px;}
.co-result-description{margin-top: 20px;
padding: 20px;
border-radius: 15px;
background: #f8fafc;
border: 1px solid #edf0f2;}
.co-result-description strong{display: block;
margin-bottom: 10px;
color: #374151;}
.co-result-description p{margin: 0;
color: #4b5563;
line-height: 2;
font-size: 14px;}
.co-tracking-actions{margin-top: 25px;
text-align: center;}
.co-tracking-new{display: inline-flex;
align-items: center;
justify-content: center;
min-width: 200px;
height: 45px;
padding: 0 20px;
border-radius: 11px;
background: #F3E8FF;
color: #7C2EDB;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: .2s ease;}
.co-tracking-new:hover{background: #EAD8FF;
color: #365314;}
@media (max-width: 600px) {.co-customer-tracking{margin: 25px auto;
padding: 0 12px;}
.co-tracking-header{padding: 20px;
border-radius: 16px;}
.co-tracking-header h2{font-size: 20px;}
.co-tracking-form,
.co-tracking-result{padding: 20px;
border-radius: 16px;}
.co-result-header{flex-direction: column;}
.co-result-status{text-align: right;}
.co-result-grid{grid-template-columns: 1fr;}}
.co-order-wrapper{width: min(100% - 32px, 820px) !important;
max-width: 820px !important;
margin-left: auto !important;
margin-right: auto !important;}
.co-order-card{max-width: 100% !important;}
.co-customer-tracking{width: min(100% - 32px, 720px) !important;
max-width: 720px !important;
margin-left: auto !important;
margin-right: auto !important;}
.co-tracking-header,
.co-tracking-form,
.co-tracking-result{width: 100%;
box-sizing: border-box;}
@media (max-width: 900px) {.co-order-wrapper{width: min(100% - 24px, 760px) !important;
max-width: 760px !important;}
.co-customer-tracking{width: min(100% - 24px, 680px) !important;
max-width: 680px !important;}}
@media (max-width: 600px) {.co-order-wrapper,
.co-customer-tracking{width: calc(100% - 20px) !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;}}
@media (min-width:900px) {
}
@media (max-width:700px) {
}
html,
body{max-width:100%; overflow-x:hidden!important;}
body:not(.woocommerce-cart) .site-main,
body:not(.woocommerce-cart) .content-area,
body:not(.woocommerce-cart) .page-content,
body:not(.woocommerce-cart) .entry-content{box-sizing:border-box;}
body .page-header,
body .entry-header,
body .woocommerce-products-header{width:100%!important;
max-width:1180px!important;
margin:0 auto!important;
padding:0 16px!important;
box-sizing:border-box!important;
float:none!important;
text-align:center!important;
display:block!important;}
body .page-header > *,
body .entry-header > *,
body .woocommerce-products-header > *{float:none!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;}
body .page-header .page-title,
body .page-header h1,
body .entry-header .entry-title,
body .entry-header h1,
body .woocommerce-products-header .woocommerce-products-header__title,
body .woocommerce-products-header h1{display:block!important;
width:100%!important;
max-width:100%!important;
margin:0 auto!important;
padding:0!important;
text-align:center!important;
float:none!important;
position:static!important;
transform:none!important;
box-sizing:border-box!important;}
body.woocommerce-page .woocommerce-products-header,
body.woocommerce-page .woocommerce-products-header__title,
body.woocommerce-page .page-title,
body.woocommerce-page .entry-title{text-align:center!important;
float:none!important;
margin-left:auto!important;
margin-right:auto!important;}
@media (max-width:767px) {body .page-header,
body .entry-header,
body .woocommerce-products-header{width:100%!important;
max-width:100%!important;
padding:0 12px!important;
margin:0 auto!important;}
body .page-header .page-title,
body .page-header h1,
body .entry-header .entry-title,
body .entry-header h1,
body .woocommerce-products-header .woocommerce-products-header__title,
body .woocommerce-products-header h1{width:100%!important;
text-align:center!important;
font-size:20px!important;
line-height:1.7!important;}
}
.woocommerce-page .entry-title,
.woocommerce-page .page-title,
.woocommerce-page .woocommerce-products-header__title,
.woocommerce-page .woocommerce-MyAccount-content > h1,
.woocommerce-page .woocommerce-MyAccount-content > h2,
body.page .entry-title,
body.page .page-title,
body.single-page .entry-title,
body.page-template-default .entry-title,
body.page-template-default .page-title{position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;}
@media (max-width:767px) {
}
body.page .entry-header .entry-title,
body.page .page-header .page-title,
body.page .page-title,
body.page .entry-title,
body.page-template-default .entry-header .entry-title,
body.page-template-default .page-header .page-title,
body.page-template-default .page-title,
body.page-template-default .entry-title,
body.woocommerce-shop .woocommerce-products-header__title,
body.woocommerce-shop .page-title,
body.woocommerce-checkout .entry-header .entry-title,
body.woocommerce-checkout .page-title,
body.woocommerce-account .entry-header .entry-title,
body.woocommerce-account .page-header .page-title,
/* Common theme wrappers */
body.page main > header .entry-title,
body.page main > .page-header .page-title,
body.page .site-main > header .entry-title,
body.page .site-main > .page-header .page-title{display:none!important;}
body.page .site-main > h1:first-child,
body.page .content-area > h1:first-child,
body.page main > h1:first-child{display:none!important;}
.mp-main-page-title-hidden{display:none!important;}
body.page .page-content > h1.mp-main-page-title-hidden,
body.page .page-content > h1:first-child,
body.page .lesson-page .lesson-header > h1.mp-main-page-title-hidden,
.mp-main-page-title-hidden{display:none!important;
visibility:hidden!important;
width:0!important;
height:0!important;
max-width:0!important;
max-height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
overflow:hidden!important;
position:absolute!important;
clip:rect(0 0 0 0)!important;
clip-path:inset(50%)!important;
white-space:nowrap!important;}
.mp-latest-products{width:100%;
max-width:1200px;
box-sizing:border-box;
margin:28px auto 18px;
padding:10px 10px 12px;
direction:rtl;
overflow:hidden;
background:rgba(164,74,255,.055);
border-radius:16px;}
.mp-latest-products__header{display:flex;
align-items:center;
justify-content:center;
margin:0 0 5px;}
.mp-section-title{width:100%;
margin:0;
text-align:center !important;}
.mp-section-title h2{margin:0;
font-size:clamp(15px,1.45vw,19px);
line-height:1.35;
font-weight:600;
text-align:center;
color:var(--mp-primary,#A44AFF);}
.mp-section-title h2::after{content:"";
display:block;
width:34px;
height:2px;
margin:6px auto 0;
border-radius:999px;
background:var(--mp-primary,#A44AFF);}
.mp-latest-products__title-wrap{width:100%;
margin:0;
text-align:center !important;}
.mp-latest-products__title-wrap h2{margin:0;
font-size:inherit;
line-height:inherit;
font-weight:inherit;
text-align:center;
color:inherit;}
.mp-latest-products__carousel{display:flex;
align-items:center;
gap:3px;
direction:ltr;
width:100%;
min-width:0;}
.mp-latest-products__progress{width:100%;
height:2px;
margin:5px 0 0;
overflow:hidden;
border-radius:999px;
background:rgba(164,74,255,.12);
pointer-events:none;}
.mp-latest-products__progress-bar{display:block;
width:100%;
height:100%;
border-radius:inherit;
background:var(--primary-color,#A44AFF);
transform:scaleX(0);
transform-origin:right center;
will-change:transform;}
.mp-latest-products__side-control{flex:0 0 27px;
width:27px;
display:flex;
align-items:center;
justify-content:center;}
.mp-latest-products__viewport{position:relative;
flex:1 1 auto;
min-width:0;
width:auto;
overflow:hidden;
direction:ltr;
touch-action:pan-y pinch-zoom;
overscroll-behavior-x:contain;}
.mp-latest-products__track{display:flex;
align-items:stretch;
gap:7px;
width:max-content;
will-change:transform;
transform:translate3d(0,0,0);
transition:transform .65s cubic-bezier(.22,.61,.36,1);
direction:ltr;}
.mp-latest-products__arrow{width:25px;
height:25px;
border:1px solid rgba(164,74,255,.28);
border-radius:50%;
background:var(--surface-color,#fff);
color:var(--primary-dark,#7C2EDB);
box-shadow:0 2px 7px rgba(0,0,0,.055);
display:grid;
place-items:center;
padding:0;
cursor:pointer;
font-size:17px;
line-height:1;
transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;}
.mp-latest-products__arrow:hover{background:var(--primary-color,#A44AFF);
color:#fff;
box-shadow:0 3px 9px rgba(0,0,0,.08);
transform:none !important;}
.mp-latest-products__card{flex:0 0 var(--mp-carousel-card-width,180px);
width:var(--mp-carousel-card-width,180px);
max-width:220px;
min-width:0;
margin:0;
padding:5px;
border-radius:10px;
direction:rtl;
display:block;
color:inherit;
text-decoration:none !important;
overflow:hidden;
transform:none !important;
transition:box-shadow .2s ease,border-color .2s ease;}
.mp-latest-products__card:hover{text-decoration:none !important;
transform:none !important;
box-shadow:0 5px 14px rgba(0,0,0,.07);}
.mp-latest-products__card .product-image{height:94px;
min-height:94px;
margin:5px 0 3px;}
.mp-latest-products__card .product-image img{max-height:86px;
max-width:92%;
width:auto;
height:auto;
object-fit:contain;}
.mp-latest-products__card h2{min-height:36px;
max-height:36px;
display:flex;
align-items:center;
justify-content:center;
margin:3px 0 1px;
font-size:12px;
line-height:1.45;
overflow:hidden;}
.mp-latest-products__name{display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:inherit !important;
text-decoration:none !important;
margin:0 !important;
width:100%;}
.mp-latest-products__card .product-price{min-height:24px;
margin:1px 0 0;
line-height:1.3;}
.mp-latest-products__card .custom-price{display:flex;
align-items:baseline;
justify-content:center;
flex-wrap:nowrap;
gap:2px 5px;
white-space:nowrap;
min-width:0;
max-width:100%;}
.mp-latest-products__card .old-price{color:#a1a1aa;
font-size:9px;
text-decoration:line-through;}
.mp-latest-products__card .new-price{color:var(--primary-dark,#7C2EDB);
font-size:11px;
font-weight:900;}
.mp-latest-products__card .free-price,
.mp-latest-products__card .out-stock-price,
.mp-latest-products__card .coming-soon-price{font-size:11px !important;
margin:1px 0 !important;
font-weight:900 !important;}
.mp-latest-products__card .discount-badge{padding:4px 6px;
font-size:8px;}
@media (max-width:1100px) {.mp-latest-products{max-width:100%;}}
@media (max-width:700px) {.mp-latest-products{margin:10px auto 16px;
padding:7px 5px 8px;
border-radius:12px;}
.mp-latest-products__header{margin-bottom:4px;}
.mp-section-title h2{font-size:14px;}
.mp-section-title h2::after{width:28px;
height:1.5px;
margin-top:5px;}
.mp-latest-products__carousel{gap:2px;}
.mp-latest-products__progress{height:1.5px;
margin-top:4px;}
.mp-latest-products__side-control{flex-basis:22px;
width:22px;}
.mp-latest-products__arrow{width:21px;
height:21px;
font-size:14px;}
.mp-latest-products__track{gap:4px;}
.mp-latest-products__card{padding:4px;
border-radius:8px;}
.mp-latest-products__card .product-image{height:66px;
min-height:66px;
margin:4px 0 2px;}
.mp-latest-products__card .product-image img{max-height:61px;
max-width:94%;}
.mp-latest-products__card h2{min-height:30px;
max-height:30px;
margin:2px 0 1px;
font-size:9px;
line-height:1.45;}
.mp-latest-products__card .product-price{min-height:20px;
margin:1px 0 0;}
.mp-latest-products__card .new-price{font-size:8px;}
.mp-latest-products__card .old-price{font-size:6.5px;}
.mp-latest-products__card .free-price,
.mp-latest-products__card .out-stock-price,
.mp-latest-products__card .coming-soon-price{font-size:8px !important;
margin:1px 0 !important;}
.mp-latest-products__card .discount-badge{padding:2px 4px;
border-radius:0 0 0 7px;
font-size:6.5px;}}
@media (max-width:360px) {.mp-latest-products__side-control{flex-basis:19px;
width:19px;}
.mp-latest-products__arrow{width:19px;
height:19px;
font-size:12px;}
.mp-latest-products__card .product-image{height:58px;
min-height:58px;
margin-top:3px;}
.mp-latest-products__card .product-image img{max-height:54px;}
.mp-latest-products__card h2{font-size:8px;}}
@media (prefers-reduced-motion:reduce) {.mp-latest-products__track,
.mp-latest-products__arrow{transition:none;}}
.mp-latest-products__card,
.mp-latest-products__card .product-image,
.mp-latest-products__card .product-image::before,
.mp-latest-products__card .product-image::after{background:transparent !important;
box-shadow:none !important;}
.mp-latest-products__card,
.mp-latest-products__card .product-image{background:#fff !important;}
.mp-latest-products__card .product-price{display:flex;
align-items:center;
justify-content:center;
min-height:24px;
height:24px;
margin:1px 0 0;}
.mp-latest-products__card .product-price > *,
.mp-latest-products__card .product-price .custom-price{margin-top:0 !important;
margin-bottom:0 !important;}
@media (max-width:700px) {.mp-latest-products__card .product-price{min-height:20px;
height:20px;
margin:1px 0 0;}}
@media (max-width:360px) {.mp-latest-products__card .product-price{min-height:20px;
height:20px;}}
@media (max-width:900px) {.products-section .discount-badge{padding:4px 6px;
font-size:10px;}}
@media (max-width:600px) {.products-section .discount-badge{padding:3px 5px;
font-size:9px;}}
@media (max-width:700px) {.mp-latest-products__card .discount-badge{padding:2px 4px;
border-radius:0 0 0 7px;
font-size:6.5px;}}
.discount-badge{padding:6px 9px;
font-size:14px;
line-height:1.2;}
.mp-latest-products__card .discount-badge{padding:5px 8px;
font-size:12px;
line-height:1.2;}
.products-section .discount-badge{padding:7px 11px;
font-size:15px;
line-height:1.2;}
@media (max-width:700px) {.mp-latest-products__card .discount-badge{padding:4px 6px;
font-size:9px;
line-height:1.2;
white-space:nowrap;}}
@media (max-width:600px) {.products-section .discount-badge{padding:5px 8px;
font-size:12px;
line-height:1.2;
white-space:nowrap;}}
.mp-header{position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: 2147483000 !important;}
body{padding-top: 92px;}
@media (max-width: 768px) {body{padding-top: 70px;}}
.mp-latest-products{margin-top:28px;}
.grades{padding-top:38px;}
@media (max-width:768px) {.hero.slider-hero{margin-top:-12px !important;}}
@media (min-width: 901px) {.grade-grid{grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 18px;}
.grade-card a{height: auto !important;
aspect-ratio: 1.21 / 1;
min-height: 0 !important;}
.hero.slider-hero{margin-top: 8px !important;}
.mp-latest-products{margin-top: 34px;
margin-bottom: 10px;}
.grades{padding-top: 22px;}}
@media (max-width: 900px) {.grade-grid{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px;
width: 100%;}
.grade-card a{height: auto !important;
aspect-ratio: 1.21 / 1;
min-height: 0 !important;}
.grade-icon{margin-bottom: 8px;}
.grade-card h3{line-height: 1.35;}
.mp-latest-products{margin-top: 6px;
margin-bottom: 6px;}
.grades{padding-top: 14px;
padding-bottom: 40px;}}
@media (max-width: 768px) {.hero.slider-hero{margin-top: 0 !important;}}
@media (max-width: 400px) {.grade-grid{gap: 7px;}
.grades{padding-left: 10px;
padding-right: 10px;}}
.grade-card a{height: auto !important;
min-height: 0 !important;
aspect-ratio: 1 / 1 !important;
box-sizing: border-box;}
@media (min-width: 901px) {.grade-card a{aspect-ratio: 1 / 1 !important;}
.hero.slider-hero{margin-top: 4px !important;}}
@media (max-width: 900px) {.grade-grid{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.grade-card a{aspect-ratio: 1 / 1 !important;
height: auto !important;
min-height: 0 !important;}
.grade-icon{font-size: 26px !important;
line-height: 1.1 !important;
margin-bottom: 7px !important;}
.grade-card h3{font-size: 15px !important;
line-height: 1.25 !important;
margin: 0 !important;}}
@media (max-width: 768px) {.hero.slider-hero{margin-top: 8px !important;}}
@media (max-width: 400px) {.grade-icon{font-size: 23px !important;
margin-bottom: 5px !important;}
.grade-card h3{font-size: 14px !important;
line-height: 1.2 !important;}}
@media (min-width: 901px) {.grade-grid{max-width:1080px;
gap:14px;}
.grade-card a{height:auto !important;
aspect-ratio:1 / 1;
border-radius:18px;}
.grade-icon{font-size:28px !important;
margin-bottom:8px;}
.grade-card h3{font-size:16px !important;}
.grade-card a::before{width:52px;
height:52px;
top:-16px;
right:-16px;}
.grade-card a::after{width:60px;
height:60px;
bottom:-28px;
left:-28px;}
.hero.slider-hero{margin-top:4px !important;}}
@media (max-width: 900px) {.grade-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:10px;}
.grade-card a{height:auto !important;
aspect-ratio:1 / 1;
border-radius:14px;
padding:10px 6px;
box-sizing:border-box;}
.grade-icon{font-size:24px !important;
margin-bottom:6px;
line-height:1.1;}
.grade-card h3{font-size:14px !important;
line-height:1.35;}
.grade-card a::before{width:42px;
height:42px;
top:-13px;
right:-13px;}
.grade-card a::after{width:48px;
height:48px;
bottom:-23px;
left:-23px;}
.hero.slider-hero{margin-top:4px !important;}}
@media (max-width: 480px) {.grade-grid{gap:8px;}
.grade-card a{padding:8px 4px;}
.grade-icon{font-size:21px !important;
margin-bottom:5px;}
.grade-card h3{font-size:13px !important;}}
body{padding-top: 92px !important;}
@media (min-width: 769px) {.hero.slider-hero{margin-top: 3px !important;}}
@media (max-width: 768px) {body{padding-top: 70px !important;}
.hero.slider-hero{margin-top: 3px !important;}}
@media (max-width: 600px) {body{padding-top: 70px !important;}
.hero.slider-hero{margin-top: 3px !important;}}
body > .mp-header + main,
body > main{margin-top: 0 !important;
padding-top: 0 !important;}
main > .hero.slider-hero:first-child{margin-top: 0 !important;}
@media (max-width: 950px) {body{padding-top: 70px !important;}
body > .mp-header + main,
body > main{margin-top: 0 !important;
padding-top: 0 !important;}
main > .hero.slider-hero:first-child{margin-top: 0 !important;}}
@media (min-width: 901px) {.grade-card a::after{width: 78px !important;
height: 78px !important;
bottom: -39px !important;
left: -39px !important;}}
@media (max-width: 768px) {.mp-header{position: sticky !important;
top: 0 !important;
right: auto !important;
left: auto !important;
width: 100% !important;}
body{padding-top: 0 !important;
margin-top: 0 !important;}
body > .mp-header + main,
body > main{margin-top: 0 !important;
padding-top: 0 !important;}
main > .hero.slider-hero:first-child,
.hero.slider-hero{margin-top: 0 !important;}}
@media (min-width: 901px) {.grades .grade-grid{max-width: 1200px !important;
width: 100%;
box-sizing: border-box;}
.grades .section-title p{margin: 4px auto 0 !important;
font-size: 14px !important;
line-height: 1.5 !important;}
.grades .grade-grid{margin-top: 22px !important;}}
@media (max-width: 900px) {.grades .section-title p{margin: 2px auto 0 !important;
font-size: 11px !important;
line-height: 1.4 !important;}
.grades .grade-grid{margin-top: 12px !important;}}
.mp-custom-order-cta{width:100%;
max-width:var(--mp-container-width, 1200px);
margin:16px auto 0;
padding:0 18px;
box-sizing:border-box;}
.mp-custom-order-cta__inner{position:relative;
min-height:88px;
display:grid;
grid-template-columns:82px minmax(0,1fr) auto;
align-items:center;
gap:18px;
overflow:hidden;
padding:12px 18px;
box-sizing:border-box;
border-radius:15px;
background:linear-gradient(135deg,#A44AFF 0%,#7C2EDB 100%);
box-shadow:0 7px 20px rgba(124,46,219,.12);}
.mp-custom-order-cta__visual{position:relative;
width:62px;
height:62px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.18);}
.mp-custom-order-cta__visual-ring{position:absolute;
inset:7px;
border:1px solid rgba(255,255,255,.30);
border-radius:50%;}
.mp-custom-order-cta__visual-icon{position:relative;
z-index:1;
width:34px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
background:#fff;
font-size:19px;
line-height:1;
box-shadow:0 5px 12px rgba(124,46,219,.10);}
.mp-custom-order-cta__content{min-width:0;
color:#ffffff;}
.mp-custom-order-cta__content h2{margin:0 0 2px;
font-family:Vazirmatn,sans-serif;
font-size:18px;
line-height:1.45;
font-weight:800;
color:#ffffff;}
.mp-custom-order-cta__content p{margin:0;
font-family:Vazirmatn,sans-serif;
font-size:12px;
line-height:1.7;
font-weight:500;
color:#f3e8ff;}
.mp-custom-order-cta__action{display:flex;
align-items:center;
justify-content:center;}
.mp-custom-order-cta__button{display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:40px;
padding:0 17px;
border-radius:10px;
background:#fff;
color:#913BEF !important;
font-family:Vazirmatn,sans-serif;
font-size:12px;
font-weight:800;
text-decoration:none !important;
white-space:nowrap;
box-shadow:0 5px 14px rgba(124,46,219,.12);
transition:transform .2s ease,box-shadow .2s ease;}
.mp-custom-order-cta__button:hover{transform:translateY(-1px);
box-shadow:0 8px 18px rgba(124,46,219,.18);}
@media (max-width:768px) {.mp-custom-order-cta{margin-top:12px;
padding:0 12px;}
.mp-custom-order-cta__inner{min-height:0;
grid-template-columns:48px minmax(0,1fr) auto;
gap:9px;
padding:10px 11px;
border-radius:13px;
text-align:right;}
.mp-custom-order-cta__visual{width:45px;
height:45px;
margin:0;}
.mp-custom-order-cta__visual-ring{inset:6px;}
.mp-custom-order-cta__visual-icon{width:27px;
height:33px;
border-radius:6px;
font-size:15px;}
.mp-custom-order-cta__content h2{margin-bottom:1px;
font-size:14px;
line-height:1.45;}
.mp-custom-order-cta__content p{font-size:9px;
line-height:1.65;}
.mp-custom-order-cta__button{min-height:34px;
padding:0 11px;
border-radius:8px;
font-size:10px;
gap:4px;}}
@media (max-width:390px) {.mp-custom-order-cta__inner{grid-template-columns:42px minmax(0,1fr) auto;
gap:7px;
padding:9px;}
.mp-custom-order-cta__visual{width:39px;height:39px}
.mp-custom-order-cta__visual-icon{width:24px;height:29px;font-size:13px}
.mp-custom-order-cta__content h2{font-size:13px}
.mp-custom-order-cta__content p{font-size:8.5px}
.mp-custom-order-cta__button{min-height:32px;padding:0 9px;font-size:9px}}
.mp-custom-order-cta{max-width:1200px;
margin:24px auto 0;
padding:0;}
.mp-custom-order-cta__inner{width:100%;
box-sizing:border-box;}
.mp-custom-order-cta__button{gap:0;}
@media (max-width:768px) {.mp-custom-order-cta{width:100%;
max-width:1200px;
margin:18px auto 0;
padding:0 12px;
box-sizing:border-box;}
.mp-custom-order-cta__content h2{white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:13px;
line-height:1.4;}
.mp-custom-order-cta__content p{font-size:9px;
line-height:1.55;}}
@media (max-width:390px) {.mp-custom-order-cta__content h2{font-size:12px;}
.mp-custom-order-cta__content p{font-size:8.5px;}}
.mp-custom-order-cta{width:100%;
max-width:1200px;
margin-left:auto;
margin-right:auto;
box-sizing:border-box;}
@media (max-width:768px) {.mp-custom-order-cta{width:100%;
max-width:1200px;
margin-left:auto;
margin-right:auto;
padding-left:12px;
padding-right:12px;
box-sizing:border-box;}
.mp-custom-order-cta__content h2{white-space:nowrap;
overflow:visible;
text-overflow:clip;
font-size:clamp(9px, 3.15vw, 13px);
line-height:1.3;
letter-spacing:-0.15px;
margin-bottom:1px;}
.mp-custom-order-cta__content p{font-size:clamp(8px, 2.35vw, 9px);
line-height:1.45;}}
@media (max-width:390px) {.mp-custom-order-cta__content h2{font-size:clamp(8.5px, 3.05vw, 12px);
letter-spacing:-0.2px;}
.mp-custom-order-cta__content p{font-size:8px;
line-height:1.4;}}
@media (max-width:768px) {.mp-custom-order-cta{width:100% !important;
max-width:1200px !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:0 !important;
padding-right:0 !important;
box-sizing:border-box !important;}
.mp-custom-order-cta__inner{width:100% !important;
box-sizing:border-box !important;}}
.mp-news-single{width: 90%;
max-width: 1100px;
margin: 0 auto;
padding: 42px 0 10px;
overflow-wrap: anywhere;}
.mp-news-article{width: 100%;}
.mp-news-featured{width: 100%;
margin: 0 0 34px;
overflow: hidden;
border-radius: 28px;
background: var(--surface-color);
box-shadow: var(--shadow);}
.mp-news-featured-image{display: block;
width: 100%;
max-height: 560px;
object-fit: cover;}
.mp-news-header{max-width: 900px;
margin: 0 auto 34px;
text-align: right;}
.mp-news-categories{display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;}
.mp-news-category-badge{display: inline-flex;
align-items: center;
min-height: 32px;
padding: 5px 12px;
border: 1px solid rgba(164, 74, 255, .28);
border-radius: 999px;
background: rgba(164, 74, 255, .10);
color: var(--primary-dark);
font-size: 13px;
font-weight: 600;
transition: .2s ease;}
.mp-news-category-badge:hover{background: rgba(164, 74, 255, .18);
color: var(--primary-dark);}
.mp-news-title{margin: 0;
color: var(--text-color);
font-size: clamp(28px, 4vw, 44px);
line-height: 1.55;
font-weight: 800;
letter-spacing: -0.3px;}
.mp-news-meta{display: flex;
align-items: center;
gap: 8px;
margin-top: 16px;
color: var(--muted-color);
font-size: 14px;}
.mp-news-meta span{color: var(--primary-color);
font-size: 9px;}
.mp-news-content{max-width: 820px;
margin: 0 auto;
color: var(--text-color);
font-size: 17px;
line-height: 2.15;
overflow-wrap: anywhere;}
.mp-news-content > *{max-width: 100%;}
.mp-news-content p{margin: 0 0 1.25em;
color: var(--text-color);}
.mp-news-content h2,
.mp-news-content h3,
.mp-news-content h4{margin: 1.8em 0 .7em;
color: var(--text-color);
line-height: 1.6;}
.mp-news-content h2{font-size: 28px;}
.mp-news-content h3{font-size: 23px;}
.mp-news-content h4{font-size: 20px;}
.mp-news-content a{color: var(--primary-dark);
text-decoration: underline;
text-decoration-color: rgba(164, 74, 255, .55);
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: .2s ease;}
.mp-news-content a:hover{color: var(--primary-color);
text-decoration-color: currentColor;}
.mp-news-content ul,
.mp-news-content ol{margin: 0 0 1.35em;
padding-right: 1.6em;}
.mp-news-content li{margin-bottom: .45em;}
.mp-news-content blockquote{margin: 1.6em 0;
padding: 18px 22px;
border-right: 4px solid var(--primary-color);
border-radius: 14px;
background: #f8fafc;}
.mp-news-content img,
.mp-news-content figure{max-width: 100%;}
.mp-news-content img{display: block;
height: auto;
border-radius: 18px;}
.mp-news-content figure{margin: 1.6em auto;}
.mp-news-content figcaption{margin-top: 8px;
color: var(--muted-color);
font-size: 13px;
line-height: 1.8;
text-align: center;}
.mp-news-content iframe,
.mp-news-content video,
.mp-news-content embed,
.mp-news-content object{display: block;
max-width: 100%;}
.mp-news-content table{display: block;
max-width: 100%;
overflow-x: auto;
border-collapse: collapse;}
.mp-news-content pre{max-width: 100%;
overflow-x: auto;
padding: 16px;
border-radius: 14px;
background: #f3f4f6;}
.mp-news-pagination{display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 28px;}
.mp-news-post-navigation{display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
max-width: 820px;
margin: 55px auto 0;}
.mp-news-post-nav{min-width: 0;
padding: 18px 20px;
border: 1px solid var(--border-color);
border-radius: 18px;
background: var(--surface-color);
box-shadow: 0 6px 20px rgba(0,0,0,.04);
transition: .25s ease;}
.mp-news-post-nav:hover{border-color: rgba(164, 74, 255, .45);
transform: translateY(-2px);}
.mp-news-post-nav-next{text-align: right;}
.mp-news-post-nav-previous{text-align: left;}
.mp-news-post-nav-label{display: block;
margin-bottom: 7px;
color: var(--primary-dark);
font-size: 12px;
font-weight: 700;}
.mp-news-post-nav strong{display: block;
color: var(--text-color);
font-size: 14px;
line-height: 1.8;
overflow-wrap: anywhere;}
.mp-news-post-nav-empty{visibility: hidden;}
.mp-related-news{max-width: 1100px;
margin: 70px auto 0;}
.mp-related-news-heading{margin-bottom: 24px;}
.mp-related-news-heading h2{margin: 0;
color: var(--primary-dark);
font-size: 28px;
line-height: 1.5;}
.mp-related-news-grid{display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;}
.mp-related-news-card{min-width: 0;
overflow: hidden;
border: 1px solid var(--border-color);
border-radius: 20px;
background: var(--surface-color);
box-shadow: 0 8px 25px rgba(0,0,0,.05);
transition: .25s ease;}
.mp-related-news-card:hover{transform: translateY(-4px);
box-shadow: 0 16px 35px rgba(0,0,0,.09);}
.mp-related-news-image-link{display: block;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #f3f4f6;}
.mp-related-news-image{display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease;}
.mp-related-news-card:hover .mp-related-news-image{transform: scale(1.025);}
.mp-related-news-image-placeholder{display: block;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #f3f4f6, #ffffff);}
.mp-related-news-body{padding: 17px 18px 20px;}
.mp-related-news-body time{display: block;
margin-bottom: 8px;
color: var(--muted-color);
font-size: 12px;}
.mp-related-news-body h3{margin: 0;
font-size: 16px;
line-height: 1.8;}
.mp-related-news-body h3 a{color: var(--text-color);
transition: .2s ease;}
.mp-related-news-body h3 a:hover{color: var(--primary-dark);}
@media (max-width: 768px) {.mp-news-single{width: calc(100% - 32px);
padding-top: 26px;}
.mp-news-featured{margin-bottom: 25px;
border-radius: 20px;}
.mp-news-featured-image{max-height: 420px;}
.mp-news-header{margin-bottom: 27px;}
.mp-news-title{font-size: clamp(25px, 7vw, 34px);
line-height: 1.65;}
.mp-news-content{font-size: 16px;
line-height: 2.05;}
.mp-news-content h2{font-size: 24px;}
.mp-news-content h3{font-size: 20px;}
.mp-news-content h4{font-size: 18px;}
.mp-news-post-navigation{grid-template-columns: 1fr;
margin-top: 42px;}
.mp-news-post-nav-previous,
.mp-news-post-nav-next{text-align: right;}
.mp-news-post-nav-empty{display: none;}
.mp-related-news{margin-top: 52px;}
.mp-related-news-heading h2{font-size: 24px;}
.mp-related-news-grid{grid-template-columns: 1fr;
gap: 16px;}
.mp-related-news-image-link{aspect-ratio: 16 / 9;}}
@media (max-width: 450px) {.mp-news-single{width: calc(100% - 24px);
padding-top: 20px;}
.mp-news-featured{border-radius: 16px;}
.mp-news-meta{font-size: 13px;}
.mp-news-content{font-size: 15.5px;}
.mp-related-news-body{padding: 15px 16px 18px;}}
.mp-news-archive{width: 100%;
padding: 48px 0 72px;
direction: rtl;}
.mp-news-archive-container{width: 90%;
max-width: 1200px;
margin: 0 auto;}
.mp-news-archive-header{margin: 0 0 24px;}
.mp-news-archive-header h1{margin: 0;
color: var(--text-color);
font-size: clamp(28px, 3vw, 38px);
line-height: 1.45;
font-weight: 800;}
.mp-news-archive-filters{display: flex;
align-items: center;
gap: 10px;
margin: 0 0 30px;
overflow-x: auto;
padding: 2px 2px 8px;
scrollbar-width: thin;}
.mp-news-archive-filter{flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 8px 16px;
border: 1px solid var(--border-color);
border-radius: 999px;
background: var(--surface-color);
color: var(--text-color);
font-size: 14px;
font-weight: 600;
white-space: nowrap;
transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;}
.mp-news-archive-filter:hover{border-color: var(--primary-color);
color: var(--primary-dark);
transform: translateY(-1px);}
.mp-news-archive-filter.is-active{border-color: var(--primary-color);
background: var(--primary-color);
color: #fff;}
.mp-news-archive-grid{display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;}
.mp-news-archive-card{min-width: 0;
margin: 0;
overflow: hidden;
border: 1px solid var(--border-color);
border-radius: 20px;
background: var(--surface-color);
box-shadow: var(--shadow);
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;}
.mp-news-archive-card:hover{transform: translateY(-4px);
border-color: rgba(164, 74, 255, .45);
box-shadow: 0 16px 36px rgba(0, 0, 0, .10);}
.mp-news-archive-card-link{display: flex;
height: 100%;
min-width: 0;
flex-direction: column;
color: inherit;}
.mp-news-archive-card-media{position: relative;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #F7F3FF;}
.mp-news-archive-card-image{display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease;}
.mp-news-archive-card:hover .mp-news-archive-card-image{transform: scale(1.025);}
.mp-news-archive-card-placeholder{display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #F7F3FF, #ffffff);
color: var(--primary-dark);
font-size: 42px;}
.mp-news-archive-card-body{display: flex;
min-width: 0;
flex: 1;
flex-direction: column;
padding: 18px 20px 20px;}
.mp-news-archive-card-date{display: block;
margin: 0 0 9px;
color: var(--muted-color);
font-size: 12px;
line-height: 1.7;}
.mp-news-archive-card-title{display: -webkit-box;
overflow: hidden;
margin: 0;
color: var(--text-color);
font-size: 18px;
line-height: 1.75;
font-weight: 750;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.mp-news-archive-card-excerpt{display: -webkit-box;
overflow: hidden;
margin: 10px 0 0;
color: var(--muted-color);
font-size: 14px;
line-height: 1.95;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;}
.mp-news-archive-card-cta{display: inline-flex;
align-items: center;
gap: 5px;
margin-top: auto;
padding-top: 17px;
color: var(--primary-dark);
font-size: 13px;
font-weight: 700;}
.mp-news-archive-card-cta span{display: inline-block;
transition: transform .2s ease;}
.mp-news-archive-card:hover .mp-news-archive-card-cta span{transform: translateX(-3px);}
.mp-news-archive-pagination{display: flex;
justify-content: center;
margin-top: 38px;}
.mp-news-archive-pagination .page-numbers{display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 7px;
margin: 0;
padding: 0;
list-style: none;}
.mp-news-archive-pagination .page-numbers li{margin: 0;}
.mp-news-archive-pagination .page-numbers a,
.mp-news-archive-pagination .page-numbers span{display: inline-flex;
min-width: 40px;
min-height: 40px;
align-items: center;
justify-content: center;
padding: 7px 11px;
border: 1px solid var(--border-color);
border-radius: 12px;
background: var(--surface-color);
color: var(--text-color);
font-size: 13px;
font-weight: 600;}
.mp-news-archive-pagination .page-numbers a:hover{border-color: var(--primary-color);
color: var(--primary-dark);}
.mp-news-archive-pagination .page-numbers .current{border-color: var(--primary-color);
background: var(--primary-color);
color: #fff;}
.mp-news-archive-empty{display: flex;
min-height: 260px;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 36px 20px;
border: 1px solid var(--border-color);
border-radius: 20px;
background: var(--surface-color);
text-align: center;
box-shadow: 0 8px 25px rgba(0, 0, 0, .04);}
.mp-news-archive-empty-icon{margin-bottom: 12px;
font-size: 38px;
line-height: 1;}
.mp-news-archive-empty h2{margin: 0;
color: var(--text-color);
font-size: 20px;
line-height: 1.8;}
@media (max-width: 1024px) {.mp-news-archive{padding-top: 38px;}
.mp-news-archive-grid{grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;}}
@media (max-width: 768px) {.mp-news-archive{padding: 28px 0 54px;}
.mp-news-archive-container{width: calc(100% - 32px);}
.mp-news-archive-header{margin-bottom: 18px;}
.mp-news-archive-header h1{font-size: 29px;}
.mp-news-archive-filters{margin-bottom: 22px;
gap: 8px;
padding-bottom: 7px;}
.mp-news-archive-filter{min-height: 39px;
padding: 7px 14px;
font-size: 13px;}
.mp-news-archive-grid{grid-template-columns: 1fr;
gap: 16px;}
.mp-news-archive-card{border-radius: 17px;}
.mp-news-archive-card-body{padding: 16px 17px 18px;}
.mp-news-archive-card-title{font-size: 17px;}
.mp-news-archive-card-excerpt{font-size: 13.5px;}
.mp-news-archive-pagination{margin-top: 28px;}}
@media (max-width: 450px) {.mp-news-archive-container{width: calc(100% - 24px);}
.mp-news-archive{padding-top: 22px;}
.mp-news-archive-card-media{aspect-ratio: 16 / 9;}
.mp-news-archive-card-placeholder{font-size: 36px;}
.mp-news-archive-pagination .page-numbers a,
.mp-news-archive-pagination .page-numbers span{min-width: 38px;
min-height: 38px;
border-radius: 10px;}}
.mp-home-news{width:100%;
max-width:1200px;
box-sizing:border-box;
margin:28px auto 24px;
padding:10px 10px 12px;
direction:rtl;
overflow:hidden;}
.mp-home-news__header{display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin:0 0 18px;}
.mp-home-news__title-wrap{flex:1 1 auto;
width:auto;
margin:0;
text-align:center !important;}
.mp-home-news__title-wrap h2{margin:0;}
.mp-home-news__archive-link{display:inline-flex;
flex:0 0 auto;
align-items:center;
gap:5px;
padding:6px 2px;
color:var(--primary-dark);
font-size:13px;
font-weight:700;
line-height:1.6;
text-decoration:none;
white-space:nowrap;
transition:color .2s ease;}
.mp-home-news__archive-link span{display:inline-block;
transition:transform .2s ease;}
.mp-home-news__archive-link:hover{color:var(--primary-color);}
.mp-home-news__archive-link:hover span{transform:translateX(-3px);}
.mp-home-news__grid{display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;}
.mp-home-news__card{min-width:0;
margin:0;
overflow:hidden;
border:1px solid var(--border-color);
border-radius:20px;
background:var(--surface-color);
box-shadow:0 7px 22px rgba(0,0,0,.045);
transition:border-color .2s ease,box-shadow .2s ease;}
.mp-home-news__card:hover{border-color:rgba(164,74,255,.38);
box-shadow:0 11px 28px rgba(0,0,0,.07);}
.mp-home-news__card-link{display:flex;
width:100%;
height:100%;
flex-direction:column;
color:inherit;
text-decoration:none;}
.mp-home-news__media{width:100%;
aspect-ratio:16 / 9;
overflow:hidden;
background:#F7F3FF;}
.mp-home-news__image{display:block;
width:100%;
height:100%;
object-fit:cover;
transition:transform .25s ease;}
.mp-home-news__card:hover .mp-home-news__image{transform:scale(1.018);}
.mp-home-news__placeholder{display:flex;
width:100%;
height:100%;
align-items:center;
justify-content:center;
font-size:38px;
background:linear-gradient(135deg,#F7F3FF,#ffffff);}
.mp-home-news__body{display:flex;
min-width:0;
flex:1 1 auto;
flex-direction:column;
padding:15px 17px 18px;}
.mp-home-news__date{display:block;
margin:0 0 7px;
color:var(--muted-color);
font-size:11px;
line-height:1.7;}
.mp-home-news__title{display:-webkit-box;
min-height:3.2em;
margin:0;
overflow:hidden;
color:var(--text-color);
font-size:17px;
line-height:1.6;
font-weight:750;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.mp-home-news__excerpt{display:-webkit-box;
margin:7px 0 0;
overflow:hidden;
color:var(--muted-color);
font-size:13px;
line-height:1.85;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
@media (max-width:1024px) {.mp-home-news{margin-top:24px;}
.mp-home-news__grid{grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;}}
@media (max-width:768px) {.mp-home-news{width:calc(100% - 24px);
margin:22px auto 20px;
padding:8px 0 10px;}
.mp-home-news__header{align-items:center;
gap:10px;
margin-bottom:15px;}
.mp-home-news__archive-link{font-size:11px;}
.mp-home-news__grid{grid-template-columns:1fr;
gap:15px;}
.mp-home-news__card{border-radius:17px;}
.mp-home-news__body{padding:14px 15px 16px;}
.mp-home-news__title{font-size:16px;}
.mp-home-news__excerpt{font-size:12.5px;}}
@media (max-width:430px) {.mp-home-news{width:calc(100% - 20px);}
.mp-home-news__header{gap:6px;}
.mp-home-news__archive-link{font-size:10.5px;}}
.mp-news-content--reading p,
.mp-news-content--reading li,
.mp-news-content--reading blockquote{text-align: justify;
text-justify: inter-word;
overflow-wrap: anywhere;
word-break: normal;}
.mp-news-content--reading h1,
.mp-news-content--reading h2,
.mp-news-content--reading h3,
.mp-news-content--reading h4,
.mp-news-content--reading h5,
.mp-news-content--reading h6,
.mp-news-content--reading figure,
.mp-news-content--reading figcaption,
.mp-news-content--reading table{text-align: right;}
.mp-news-content--reading a{overflow-wrap: anywhere;
word-break: break-word;}
.mp-news-archive-list{display: flex;
flex-direction: column;
gap: 14px;
width: 100%;}
.mp-news-archive-row{min-width: 0;
margin: 0;
overflow: hidden;
border: 1px solid var(--border-color);
border-radius: 18px;
background: var(--surface-color);
box-shadow: 0 5px 18px rgba(0,0,0,.04);
transition: border-color .2s ease, box-shadow .2s ease;}
.mp-news-archive-row:hover{border-color: rgba(164,74,255,.38);
box-shadow: 0 8px 22px rgba(0,0,0,.06);}
.mp-news-archive-row-link{display: grid;
grid-template-columns: minmax(210px, 29%) minmax(0, 1fr);
align-items: stretch;
width: 100%;
min-width: 0;
min-height: 168px;
color: inherit;
text-decoration: none;
direction: rtl;}
.mp-news-archive-row-media{position: relative;
min-width: 0;
min-height: 168px;
overflow: hidden;
background: #F7F3FF;
order: 2;}
.mp-news-archive-row-image{display: block;
width: 100%;
height: 100%;
min-height: 168px;
object-fit: cover;}
.mp-news-archive-row-placeholder{display: flex;
width: 100%;
height: 100%;
min-height: 168px;
align-items: center;
justify-content: center;
background: linear-gradient(135deg,#F7F3FF,#fff);
font-size: 34px;}
.mp-news-archive-row-body{display: flex;
min-width: 0;
flex-direction: column;
justify-content: center;
padding: 20px 24px;
order: 1;}
.mp-news-archive-row-date{display: block;
margin: 0 0 7px;
color: var(--muted-color);
font-size: 11px;
line-height: 1.7;}
.mp-news-archive-row-title{display: -webkit-box;
margin: 0;
overflow: hidden;
color: var(--text-color);
font-size: 20px;
line-height: 1.65;
font-weight: 750;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.mp-news-archive-row-excerpt{display: -webkit-box;
margin: 8px 0 0;
overflow: hidden;
color: var(--muted-color);
font-size: 13px;
line-height: 1.85;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.mp-news-archive-row-cta{display: inline-flex;
align-items: center;
gap: 5px;
margin-top: 10px;
color: var(--primary-dark);
font-size: 12px;
font-weight: 700;}
@media (max-width: 768px) {.mp-home-news__grid{grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;}
.mp-home-news__card{border-radius: 12px;}
.mp-home-news__media{aspect-ratio: 1 / .78;}
.mp-home-news__body{padding: 8px 8px 9px;}
.mp-home-news__date{margin-bottom: 4px;
font-size: 9px;
line-height: 1.55;
white-space: nowrap;}
.mp-home-news__title{min-height: 3.05em;
font-size: 12px;
line-height: 1.52;
-webkit-line-clamp: 2;}
.mp-home-news__excerpt{display: none;}
.mp-home-news__archive-link{font-size: 10.5px;}}
@media (max-width: 430px) {.mp-home-news__grid{gap: 7px;}
.mp-home-news__body{padding: 7px 7px 8px;}
.mp-home-news__date{font-size: 8.5px;}
.mp-home-news__title{font-size: 11.5px;}}
@media (max-width: 700px) {.mp-news-archive-list{gap: 11px;}
.mp-news-archive-row-link{grid-template-columns: minmax(96px, 31%) minmax(0, 1fr);
min-height: 112px;}
.mp-news-archive-row-media,
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{min-height: 112px;}
.mp-news-archive-row-body{padding: 12px 13px;}
.mp-news-archive-row-title{font-size: 15px;
line-height: 1.55;
-webkit-line-clamp: 2;}
.mp-news-archive-row-date{margin-bottom: 4px;
font-size: 9.5px;}
.mp-news-archive-row-excerpt{margin-top: 5px;
font-size: 10.5px;
line-height: 1.7;
-webkit-line-clamp: 2;}
.mp-news-archive-row-cta{display: none;}}
@media (max-width: 390px) {.mp-news-archive-row-link{grid-template-columns: minmax(88px, 30%) minmax(0, 1fr);
min-height: 104px;}
.mp-news-archive-row-media,
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{min-height: 104px;}
.mp-news-archive-row-body{padding: 10px 11px;}
.mp-news-archive-row-excerpt{display: none;}}
.mp-home-news{width: 90%;
max-width: 1200px;
margin: 28px auto 24px;
padding: 10px 0 12px;
box-sizing: border-box;}
.mp-home-news__card{min-height: 0;}
.mp-home-news__media{aspect-ratio: 16 / 8.8;}
.mp-home-news__body{padding: 13px 15px 15px;}
.mp-home-news__title{min-height: 3.05em;}
.mp-news-archive-row-category{display: inline-flex;
align-items: center;
align-self: flex-start;
margin: 0 0 7px;
padding: 4px 9px;
border: 1px solid rgba(164, 74, 255, .25);
border-radius: 999px;
background: rgba(164, 74, 255, .08);
color: var(--primary-dark);
font-size: 10px;
line-height: 1.5;
font-weight: 700;}
.mp-news-archive-row-image{object-fit: cover;}
@media (max-width: 768px) {.mp-home-news{width: calc(100% - 24px);
margin: 22px auto 20px;
padding: 8px 0 10px;}
.mp-home-news__grid{grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;}
.mp-home-news__media{aspect-ratio: 1 / .78;}
.mp-home-news__body{padding: 7px 7px 8px;}
.mp-home-news__date{font-size: 8.5px;}
.mp-home-news__title{min-height: 3.05em;
font-size: 11.5px;
line-height: 1.52;
-webkit-line-clamp: 2;}
.mp-home-news__excerpt{display: none;}
.mp-home-news__archive-link{font-size: 10.5px;}
.mp-news-archive-row-category{margin-bottom: 4px;
padding: 3px 7px;
font-size: 8.5px;}}
@media (max-width: 430px) {.mp-home-news{width: calc(100% - 20px);}
.mp-home-news__grid{gap: 7px;}
.mp-home-news__body{padding: 6px 6px 7px;}
.mp-home-news__date{font-size: 8px;}
.mp-home-news__title{font-size: 11px;}}
.mp-home-news__footer{display: flex;
justify-content: flex-end;
margin-top: 14px;
direction: rtl;}
.mp-home-news__footer .mp-home-news__archive-link{margin-right: auto;
margin-left: 0;}
@media (max-width: 768px) {.mp-home-news__grid{grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;}
.mp-home-news__card:nth-child(n/**/+3){display: none;}
.mp-home-news__footer{margin-top: 11px;}}
.mp-related-news-heading{margin-bottom: 18px;}
.mp-related-news-grid{gap: 18px;}
.mp-related-news-card{border-radius: 16px;
box-shadow: 0 5px 18px rgba(0,0,0,.045);}
.mp-related-news-body{padding: 14px 16px 16px;}
.mp-related-news-footer{display: flex;
justify-content: flex-end;
margin-top: 14px;}
.mp-related-news-archive-link{display: inline-flex;
align-items: center;
gap: 5px;
color: var(--primary-dark);
font-size: 12px;
font-weight: 700;
line-height: 1.7;
text-decoration: none;}
.mp-related-news-archive-link:hover{color: var(--primary-color);}
.mp-related-news-archive-link span{transition: transform .2s ease;}
.mp-related-news-archive-link:hover span{transform: translateX(-3px);}
.mp-news-archive-list{gap: 0;}
.mp-news-archive-row{overflow: visible;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
border-bottom: 1px solid var(--border-color);
transition: background-color .2s ease;}
.mp-news-archive-row:first-child{border-top: 1px solid var(--border-color);}
.mp-news-archive-row:hover{border-color: var(--border-color);
box-shadow: none;
background: rgba(164,74,255,.025);}
.mp-news-archive-row-link{min-height: 150px;
padding: 12px 0;}
.mp-news-archive-row-media{min-height: 126px;
border-radius: 14px;}
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{min-height: 126px;
border-radius: 14px;}
.mp-news-archive-row-body{padding: 14px 22px;}
.mp-news-archive-row-title{font-size: 19px;}
@media (max-width: 700px) {.mp-news-archive-row-link{min-height: 106px;
padding: 10px 0;}
.mp-news-archive-row-media,
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{min-height: 86px;
border-radius: 11px;}
.mp-news-archive-row-body{padding: 9px 12px;}
.mp-news-archive-row-title{font-size: 14px;}}
@media (max-width: 768px) {.mp-related-news{margin-top: 44px;}
.mp-related-news-heading h2{font-size: 22px;}
.mp-related-news-grid{display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--border-color);}
.mp-related-news-card{display: block;
overflow: visible;
border: 0;
border-bottom: 1px solid var(--border-color);
border-radius: 0;
background: transparent;
box-shadow: none;}
.mp-related-news-card:hover{transform: none;
box-shadow: none;}
.mp-related-news-image-link{display: none;}
.mp-related-news-body{padding: 10px 0;}
.mp-related-news-body time{display: none;}
.mp-related-news-body h3{margin: 0;
font-size: 14px;
line-height: 1.75;}
.mp-related-news-footer{margin-top: 11px;}}
.mp-news-archive-pagination{display: flex;
justify-content: center;
width: 100%;
margin-top: 28px;
direction: rtl;}
.mp-news-pagination-list{display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
direction: rtl;}
.mp-news-pagination-list li{margin: 0;
padding: 0;}
.mp-news-pagination-list .page-numbers{display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 9px;
border: 1px solid var(--border-color);
border-radius: 10px;
color: var(--text-color);
background: transparent;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-decoration: none;
box-sizing: border-box;
transition: background-color .18s ease, color .18s ease, border-color .18s ease;}
.mp-news-pagination-list a.page-numbers:hover{color: var(--primary-dark);
border-color: rgba(164,74,255,.55);
background: rgba(164,74,255,.06);}
.mp-news-pagination-list .page-numbers.current{color: #fff;
border-color: var(--primary-dark);
background: var(--primary-dark);}
.mp-news-pagination-ellipsis span{display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 38px;
color: var(--muted-color);
font-size: 15px;
line-height: 1;}
.mp-news-archive-row-link{grid-template-columns: minmax(150px, 20%) minmax(0, 1fr);
min-height: 132px;}
.mp-news-archive-row-media{min-height: 108px;
max-height: 108px;
align-self: center;}
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{min-height: 108px;
height: 108px;
object-fit: cover;}
.mp-news-archive-row-body{padding: 12px 20px;}
@media (max-width: 768px) {.mp-news-archive-pagination{margin-top: 22px;}
.mp-news-pagination-list{gap: 5px;
max-width: 100%;}
.mp-news-pagination-list .page-numbers{min-width: 34px;
height: 34px;
padding: 0 7px;
border-radius: 9px;
font-size: 12px;}
.mp-news-pagination-ellipsis span{min-width: 17px;
height: 34px;
font-size: 14px;}
.mp-news-archive-row-link{grid-template-columns: minmax(78px, 23%) minmax(0, 1fr);
min-height: 96px;
padding: 8px 0;}
.mp-news-archive-row-media{min-height: 78px;
max-height: 78px;
border-radius: 10px;}
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{min-height: 78px;
height: 78px;
border-radius: 10px;}
.mp-news-archive-row-body{padding: 7px 10px;}
.mp-related-news{margin-top: 40px;}
.mp-related-news-heading{margin-bottom: 12px;}
.mp-related-news-heading h2{font-size: 20px;
line-height: 1.6;}
.mp-related-news-grid{border-top: 1px solid var(--border-color);}
.mp-related-news-card{border-bottom: 1px solid var(--border-color);}
.mp-related-news-body{position: relative;
padding: 9px 16px 9px 0;}
.mp-related-news-body::before{content: "";
position: absolute;
top: 17px;
right: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--primary-color);}
.mp-related-news-body h3{margin: 0;
font-size: 13.5px;
line-height: 1.8;
font-weight: 650;}
.mp-related-news-body h3 a{display: block;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.mp-related-news-footer{margin-top: 10px;}
.mp-related-news-archive-link{font-size: 11px;}}
@media (max-width: 390px) {.mp-news-pagination-list{gap: 3px;}
.mp-news-pagination-list .page-numbers{min-width: 31px;
height: 32px;
padding: 0 5px;
font-size: 11px;}
.mp-news-pagination-ellipsis span{min-width: 14px;
height: 32px;}
.mp-news-archive-row-link{grid-template-columns: minmax(68px, 22%) minmax(0, 1fr);
min-height: 88px;}
.mp-news-archive-row-media,
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{min-height: 68px;
height: 68px;}}
.mp-news-pagination-list{display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
width: max-content;
max-width: 100%;
gap: 7px;
white-space: nowrap;}
.mp-news-pagination-list > li{flex: 0 0 auto;}
.mp-news-archive-row-link{grid-template-columns: minmax(110px, 15%) minmax(0, 1fr);
min-height: 116px;}
.mp-news-archive-row-media{width: 100%;
min-height: 92px;
height: 92px;
max-height: 92px;
align-self: center;
border-radius: 12px;
overflow: hidden;}
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{display: block;
width: 100%;
min-height: 92px;
height: 92px;
max-height: 92px;
object-fit: cover;
border-radius: 12px;
overflow: hidden;}
.mp-news-archive-row-placeholder{display: flex;
align-items: center;
justify-content: center;}
@media (max-width: 768px) {.mp-news-archive-container{width: calc(100% - 32px);
max-width: none;}
.mp-news-pagination-list{flex-wrap: nowrap;
gap: 5px;}
.mp-news-pagination-list .page-numbers{min-width: 34px;
width: 34px;
height: 34px;
padding: 0;}
.mp-news-pagination-ellipsis span{min-width: 17px;
width: 17px;
height: 34px;
padding: 0;}
.mp-news-archive-row-link{grid-template-columns: minmax(70px, 21%) minmax(0, 1fr);
min-height: 86px;
padding: 8px 0;}
.mp-news-archive-row-media{min-height: 68px;
height: 68px;
max-height: 68px;
border-radius: 9px;}
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{min-height: 68px;
height: 68px;
max-height: 68px;
border-radius: 9px;}
.mp-news-archive-row-body{padding: 7px 10px;}}
@media (max-width: 450px) {.mp-news-archive-container{width: calc(100% - 28px);}
.mp-news-pagination-list{gap: 3px;}
.mp-news-pagination-list .page-numbers{min-width: 31px;
width: 31px;
height: 32px;
font-size: 11px;}
.mp-news-pagination-ellipsis span{min-width: 14px;
width: 14px;
height: 32px;}
.mp-news-archive-row-link{grid-template-columns: minmax(62px, 20%) minmax(0, 1fr);
min-height: 80px;}
.mp-news-archive-row-media,
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{min-height: 60px;
height: 60px;
max-height: 60px;}}
.mp-news-archive-pagination{direction: ltr;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
padding: 2px 0 4px;}
.mp-news-archive-pagination::-webkit-scrollbar{display: none;}
.mp-news-pagination-list{direction: ltr;
flex-wrap: nowrap;
width: max-content;
max-width: none;
margin-inline: auto;
gap: 7px;}
.mp-news-archive-row-link{direction: ltr;
display: grid;
grid-template-columns: minmax(0, 1fr) 96px;
column-gap: 22px;
align-items: center;
min-height: 120px;}
.mp-news-archive-row-media{grid-column: 2;
grid-row: 1;
width: 96px;
height: 96px;
min-height: 96px;
max-height: 96px;
aspect-ratio: 1 / 1;
justify-self: end;
align-self: center;
overflow: hidden;
border-radius: 12px;}
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{display: block;
width: 96px;
height: 96px;
min-height: 96px;
max-height: 96px;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 12px;}
.mp-news-archive-row-body{grid-column: 1;
grid-row: 1;
min-width: 0;
padding: 12px 0;
direction: ltr;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-template-areas:
"date content";
column-gap: 18px;
align-items: start;}
.mp-news-archive-row-date{grid-column: 1;
grid-row: 1 / span 4;
align-self: start;
margin: 3px 0 0;
color: var(--muted-color);
font-size: 11.5px;
line-height: 1.7;
white-space: nowrap;
direction: rtl;
text-align: left;}
.mp-news-archive-row-category,
.mp-news-archive-row-title,
.mp-news-archive-row-excerpt,
.mp-news-archive-row-cta{grid-column: 2;
direction: rtl;}
.mp-news-archive-row-category{grid-row: 1;}
.mp-news-archive-row-title{grid-row: 2;
margin-top: 3px;
padding-left: 0;
font-size: 19px;
line-height: 1.65;}
.mp-news-archive-row-excerpt{grid-row: 3;
margin-top: 5px;
line-height: 1.8;}
.mp-news-archive-row-cta{grid-row: 4;}
@media (min-width: 769px) {.mp-related-news{max-width: 920px;}}
@media (max-width: 768px) {.mp-news-archive-container{width: calc(100% - 32px);
max-width: none;}
.mp-news-archive-row-link{grid-template-columns: minmax(0, 1fr) 68px;
column-gap: 12px;
min-height: 84px;
padding: 8px 0;}
.mp-news-archive-row-media{width: 68px;
height: 68px;
min-height: 68px;
max-height: 68px;
border-radius: 9px;}
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{width: 68px;
height: 68px;
min-height: 68px;
max-height: 68px;
border-radius: 9px;}
.mp-news-archive-row-body{grid-template-columns: auto minmax(0, 1fr);
column-gap: 10px;
padding: 6px 0;}
.mp-news-archive-row-date{margin-top: 1px;
font-size: 10px;}
.mp-news-archive-row-title{font-size: 14px;
line-height: 1.7;}
.mp-news-archive-row-excerpt{font-size: 12px;
line-height: 1.75;}
.mp-news-archive-row-cta{font-size: 10px;}
.mp-news-pagination-list{gap: 5px;}}
@media (max-width: 450px) {.mp-news-archive-container{width: calc(100% - 28px);}
.mp-news-archive-row-link{grid-template-columns: minmax(0, 1fr) 60px;
column-gap: 10px;
min-height: 76px;}
.mp-news-archive-row-media{width: 60px;
height: 60px;
min-height: 60px;
max-height: 60px;
border-radius: 8px;}
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{width: 60px;
height: 60px;
min-height: 60px;
max-height: 60px;
border-radius: 8px;}
.mp-news-archive-row-body{column-gap: 8px;}
.mp-news-archive-row-date{font-size: 9px;}
.mp-news-archive-row-title{font-size: 13px;}
.mp-news-archive-row-excerpt{font-size: 11px;}}
.mp-home-news{width: 90%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;}
.mp-home-news__grid{grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;}
.mp-news-archive-row-link{direction: ltr;
grid-template-columns: 96px minmax(0, 1fr);
column-gap: 22px;
align-items: center;}
.mp-news-archive-row-media{grid-column: 1;
grid-row: 1;
justify-self: start;
width: 96px;
height: 96px;
min-height: 96px;
max-height: 96px;}
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{width: 96px;
height: 96px;
min-height: 96px;
max-height: 96px;
object-fit: cover;}
.mp-news-archive-row-body{grid-column: 2;
grid-row: 1;
direction: ltr;
display: grid;
grid-template-columns: minmax(105px, auto) minmax(0, 1fr);
grid-template-areas:
"date content";
column-gap: 20px;
align-items: start;
padding: 12px 8px 12px 0;}
.mp-news-archive-row-date{grid-area: date;
align-self: start;
justify-self: start;
margin: 0;
padding-left: 10px;
white-space: nowrap;
text-align: left;}
.mp-news-archive-row-category,
.mp-news-archive-row-title,
.mp-news-archive-row-excerpt,
.mp-news-archive-row-cta{grid-column: 2;
text-align: right;}
.mp-news-archive-row-category{grid-row: 1;
justify-self: start;}
.mp-news-archive-row-title{grid-row: 2;}
.mp-news-archive-row-excerpt{grid-row: 3;}
.mp-news-archive-row-cta{grid-row: 4;
margin-top: 7px;}
.mp-news-archive-pagination{display: flex;
justify-content: center;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;}
.mp-news-pagination-list{flex-wrap: nowrap;
width: max-content;
max-width: none;}
.mp-related-news-image--fallback{object-fit: cover;
background: #F7F3FF;}
@media (max-width: 1024px) and (min-width: 769px) {.mp-home-news__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 768px) {.mp-home-news__grid{grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;}
.mp-home-news__card:nth-child(n/**/+3){display: none;}
.mp-news-archive-row-link{grid-template-columns: 72px minmax(0, 1fr);
column-gap: 12px;
min-height: 86px;}
.mp-news-archive-row-media{width: 72px;
height: 72px;
min-height: 72px;
max-height: 72px;}
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{width: 72px;
height: 72px;
min-height: 72px;
max-height: 72px;}
.mp-news-archive-row-body{grid-template-columns: minmax(92px, auto) minmax(0, 1fr);
column-gap: 12px;
padding: 7px 6px 7px 0;}
.mp-news-archive-row-date{padding-left: 7px;
font-size: 9px;}
.mp-news-archive-row-title{font-size: 14px;}
.mp-news-archive-row-excerpt{font-size: 10.5px;}}
@media (max-width: 450px) {.mp-news-archive-row-link{grid-template-columns: 62px minmax(0, 1fr);
column-gap: 10px;}
.mp-news-archive-row-media,
.mp-news-archive-row-image,
.mp-news-archive-row-placeholder{width: 62px;
height: 62px;
min-height: 62px;
max-height: 62px;}
.mp-news-archive-row-body{grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
column-gap: 9px;}
.mp-news-archive-row-date{font-size: 8.5px;}}
.mp-news-archive-row-title{font-size: 18px;}
.mp-news-archive-row-body{grid-template-columns: minmax(92px, auto) minmax(0, 1fr);
column-gap: 18px;}
.mp-news-header .mp-news-meta{justify-content: flex-start;
direction: ltr;
text-align: left;
width: 100%;}
.mp-news-header .mp-news-meta time{direction: rtl;
text-align: left;}
.mp-home-news{width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 12px;
box-sizing: border-box;}
@media (max-width: 768px) {.mp-home-news{width: 100%;
max-width: 1200px;
margin: 22px auto 20px;
padding: 10px 10px 12px;}
.mp-news-single .mp-news-content{padding-inline: 9px;}
.mp-news-archive-row-body{grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
column-gap: 10px;}
.mp-news-archive-row-title{font-size: 13.5px;}}
@media (max-width: 450px) {.mp-news-single .mp-news-content{padding-inline: 8px;}
.mp-news-archive-row-body{grid-template-columns: minmax(76px, auto) minmax(0, 1fr);
column-gap: 8px;}
.mp-news-archive-row-title{font-size: 12.5px;}}
.mp-home-news{width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;}
.mp-news-archive-pagination{display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
min-width: 0;
overflow-x: hidden;
overflow-y: hidden;
direction: ltr;
box-sizing: border-box;}
.mp-news-pagination-list{display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center;
justify-content: center;
width: auto;
max-width: 100%;
min-width: 0;
margin: 0 auto;
padding: 0;
list-style: none;
direction: ltr;
gap: 6px;}
.mp-news-pagination-list > li{display: flex !important;
flex: 0 0 auto;
align-items: center;
margin: 0;
padding: 0;}
.mp-news-pagination-list .page-numbers,
.mp-news-pagination-list .mp-news-pagination-ellipsis span{flex: 0 0 auto;
white-space: nowrap;}
@media (max-width: 768px) {.mp-home-news{width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;}
.mp-news-archive-pagination{padding-left: 0;
padding-right: 0;}
.mp-news-pagination-list{gap: 3px;
max-width: 100%;}
.mp-news-pagination-list .page-numbers{min-width: 30px;
height: 32px;
padding: 0 5px;
border-radius: 8px;
font-size: 11px;}
.mp-news-pagination-ellipsis span{min-width: 13px;
height: 32px;
font-size: 13px;}}
@media (max-width: 390px) {.mp-news-pagination-list{gap: 2px;}
.mp-news-pagination-list .page-numbers{min-width: 27px;
height: 30px;
padding: 0 4px;
border-radius: 7px;
font-size: 10px;}
.mp-news-pagination-ellipsis span{min-width: 11px;
height: 30px;
font-size: 12px;}}
.stats{width: min(1200px, calc(100% - 32px));
max-width: 1200px;
margin: 16px auto 20px;
padding: 9px 12px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
background: #fbf8ff;
border: 1px solid rgba(164,74,255,.14);
border-radius: 12px;
box-shadow: none;
overflow: hidden;}
.stats .stat-box{min-width: 0;
text-align: center;
color: #4a4f46;
padding: 5px 8px;
border-radius: 0;
border-left: 1px solid rgba(164,74,255,.10);}
.stats .stat-box:first-child{border-left: 0;}
.stats .stat-box__icon{display: block;
min-height: 16px;
margin-bottom: 2px;
color: #913BEF;
font-size: 15px;
line-height: 1;}
.stats .stat-box h3{margin: 0 0 1px;
color: #A44AFF;
font-size: clamp(17px, 1.8vw, 22px);
line-height: 1.15;
font-weight: 800;}
.stats .stat-box p{margin: 0;
color: #777c73;
font-size: 11px;
line-height: 1.35;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
@media (max-width: 768px) {.stats{width: calc(100% - 24px);
margin: 12px auto 16px;
padding: 6px 4px;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
border-radius: 10px;}
.stats .stat-box{padding: 4px 3px; border-left-width: 1px;}
.stats .stat-box__icon{font-size: 12px; min-height: 13px; margin-bottom: 1px;}
.stats .stat-box h3{font-size: clamp(14px, 4vw, 18px); margin-bottom: 1px;}
.stats .stat-box p{font-size: 9px; line-height: 1.25;}}
@media (max-width: 430px) {.stats{grid-template-columns: repeat(4, minmax(0, 1fr));}}
.mp-home-news__title-wrap,
.mp-home-news__title-wrap h2{text-align: center !important;}
.mp-news-archive-header{text-align: center;}
.mp-news-archive-header h1{text-align: center !important;}
.mp-news-archive-pagination{display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
min-width: 0;
overflow: hidden !important;
direction: rtl;
box-sizing: border-box;}
.mp-news-pagination-list{display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center;
justify-content: center;
width: auto;
max-width: 100%;
min-width: 0;
margin: 0 auto;
padding: 0;
list-style: none;
direction: rtl;
gap: 6px;}
.mp-news-pagination-list .page-numbers,
.mp-news-pagination-list .mp-news-pagination-ellipsis span{display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 9px;
box-sizing: border-box;
white-space: nowrap;
border: 1px solid var(--border-color);
border-radius: 10px;
background: var(--surface-color);
color: var(--text-color);
font-size: 13px;
font-weight: 600;}
.mp-news-pagination-list .page-numbers:hover{border-color: #A44AFF;
color: #A44AFF;}
.mp-news-pagination-list .page-numbers.current{border-color: #A44AFF;
background: #A44AFF;
color: #fff;}
.stats .stat-box{border-left: 1px solid rgba(164,74,255,.10);}
.stats .stat-box:first-child{border-left:0;}
@media (max-width: 768px) {.mp-news-archive-pagination{padding-inline: 0;}
.mp-news-pagination-list{gap: 3px;}
.mp-news-pagination-list .page-numbers,
.mp-news-pagination-list .mp-news-pagination-ellipsis span{min-width: 30px;
height: 32px;
padding: 0 5px;
border-radius: 8px;
font-size: 11px;}
.stats .stat-box,
.stats .stat-box:first-child{border-left-width: 1px;}}
@media (max-width: 390px) {.mp-news-pagination-list{gap: 2px;}
.mp-news-pagination-list .page-numbers,
.mp-news-pagination-list .mp-news-pagination-ellipsis span{min-width: 27px;
height: 30px;
padding: 0 4px;
border-radius: 7px;
font-size: 10px;}}
.mp-home-news__grid{display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 7px;
width: 100%;
box-sizing: border-box;}
@media (max-width: 768px) {.mp-home-news{width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;}
.mp-home-news__grid{grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;}}
.mp-news-archive-header{width: 100%;
margin: 0 0 14px;
text-align: center !important;}
.mp-news-archive-header h1{display: block;
width: 100%;
margin: 0;
padding: 0;
text-align: center !important;
color: var(--mp-primary, #A44AFF);
font-size: clamp(18px, 1.8vw, 24px);
line-height: 1.35;
font-weight: 700;}
.mp-news-archive-header h1::after{content: "";
display: block;
width: 34px;
height: 2px;
margin: 7px auto 0;
border-radius: 999px;
background: var(--mp-primary, #A44AFF);}
.mp-news-pagination-list{direction: rtl !important;
flex-direction: row !important;}
@media (max-width: 768px) {.mp-news-archive-header{margin-bottom: 11px;}
.mp-news-archive-header h1{font-size: 18px;}
.mp-news-archive-header h1::after{width: 28px;
height: 1.5px;
margin-top: 5px;}}
.mp-home-news__grid[data-desktop-count="1"] .mp-home-news__card:nth-child(n/**/+2),
.mp-home-news__grid[data-desktop-count="2"] .mp-home-news__card:nth-child(n/**/+3),
.mp-home-news__grid[data-desktop-count="3"] .mp-home-news__card:nth-child(n/**/+4),
.mp-home-news__grid[data-desktop-count="4"] .mp-home-news__card:nth-child(n/**/+5),
.mp-home-news__grid[data-desktop-count="5"] .mp-home-news__card:nth-child(n/**/+6),
.mp-home-news__grid[data-desktop-count="6"] .mp-home-news__card:nth-child(n/**/+7),
.mp-home-news__grid[data-desktop-count="7"] .mp-home-news__card:nth-child(n/**/+8),
.mp-home-news__grid[data-desktop-count="8"] .mp-home-news__card:nth-child(n/**/+9){display:none;}
@media (max-width:768px) {.mp-home-news__grid[data-mobile-count="1"] .mp-home-news__card:nth-child(n/**/+2),
.mp-home-news__grid[data-mobile-count="2"] .mp-home-news__card:nth-child(n/**/+3),
.mp-home-news__grid[data-mobile-count="3"] .mp-home-news__card:nth-child(n/**/+4),
.mp-home-news__grid[data-mobile-count="4"] .mp-home-news__card:nth-child(n/**/+5),
.mp-home-news__grid[data-mobile-count="5"] .mp-home-news__card:nth-child(n/**/+6),
.mp-home-news__grid[data-mobile-count="6"] .mp-home-news__card:nth-child(n/**/+7),
.mp-home-news__grid[data-mobile-count="7"] .mp-home-news__card:nth-child(n/**/+8),
.mp-home-news__grid[data-mobile-count="8"] .mp-home-news__card:nth-child(n/**/+9){display:none;}
.mp-related-news-body h3{font-size: 15px;
line-height: 1.65;
font-weight: 700;}}
.homepage-news-section .news-section-title{font-size: 26px;}
@media (min-width: 769px) {.homepage-news-section .news-section-title{font-size: 1em !important;}
.homepage-news-section{margin-top: 18px !important;}
.homepage-news-section + .homepage-stats,
.homepage-stats + .homepage-news-section{margin-top: 18px !important;}
.homepage-stats{margin-bottom: 10px !important;}}
@media (max-width: 768px) {.homepage-news-section .news-section-title{font-size: 1em !important;}
.homepage-news-section{margin-top: 14px !important;}
.homepage-stats{margin-bottom: 8px !important;}}
.mp-home-news .mp-home-news__title-wrap.mp-section-title h2,
.mp-home-news .mp-home-news__title-wrap h2{margin: 0 !important;
font-family: inherit !important;
font-size: clamp(15px, 1.45vw, 19px) !important;
line-height: 1.35 !important;
font-weight: 600 !important;
text-align: center !important;
color: var(--mp-primary, #A44AFF) !important;}
.mp-home-news .mp-home-news__title-wrap.mp-section-title h2::after,
.mp-home-news .mp-home-news__title-wrap h2::after{content: "" !important;
display: block !important;
width: 34px !important;
height: 2px !important;
margin: 6px auto 0 !important;
border-radius: 999px !important;
background: var(--mp-primary, #A44AFF) !important;}
.mp-home-news{margin-top: 10px !important;
margin-bottom: 8px !important;}
.mp-home-news + .stats{margin-top: 10px !important;}
.stats{margin-bottom: 8px !important;}
.site-footer{margin-top: 8px !important;}
@media (max-width: 768px) {.mp-home-news{margin-top: 8px !important;
margin-bottom: 6px !important;}
.mp-home-news .mp-home-news__title-wrap.mp-section-title h2,
.mp-home-news .mp-home-news__title-wrap h2{font-size: 15px !important;
line-height: 1.35 !important;
font-weight: 600 !important;}
.mp-home-news .mp-home-news__title-wrap.mp-section-title h2::after,
.mp-home-news .mp-home-news__title-wrap h2::after{width: 28px !important;
height: 1.5px !important;
margin-top: 5px !important;}
.mp-home-news + .stats{margin-top: 8px !important;}
.stats{margin-bottom: 5px !important;}
.site-footer{margin-top: 5px !important;}}
@media (min-width: 769px) {.news-page-title,
.news-archive-title,
.archive-title,
.page-title.news-title{font-size: 28px !important;
line-height: 1.5 !important;}
.academic-card .bubble,
.academic-card .grade-bubble,
.grade-card .bubble,
.grade-card .grade-bubble,
.education-card .bubble,
.education-card .grade-bubble{width: 112px !important;
height: 112px !important;}}
@media (max-width: 768px) {.news-page-title,
.news-archive-title,
.archive-title,
.page-title.news-title{font-size: 22px !important;
line-height: 1.45 !important;}
.academic-card:first-child .bubble,
.academic-card:first-child .grade-bubble,
.grade-card:first-child .bubble,
.grade-card:first-child .grade-bubble,
.education-card:first-child .bubble,
.education-card:first-child .grade-bubble{width: 78px !important;
height: 78px !important;}}
.mp-news-archive-header h1{font-size: 26px !important;
line-height: 1.45 !important;}
@media (max-width: 768px) {.mp-news-archive-header h1{font-size: 22px !important;
line-height: 1.45 !important;}}
@media (min-width: 901px) {.grade-card a::before{width: 64px !important;
height: 64px !important;
top: -18px !important;
right: -18px !important;}
.grade-card a::after{width: 72px !important;
height: 72px !important;
bottom: -32px !important;
left: -32px !important;}}
@media (max-width: 900px) {.grade-card a::before{width: 32px !important;
height: 32px !important;
top: -9px !important;
right: -9px !important;}
.grade-card a::after{width: 42px !important;
height: 42px !important;
bottom: -20px !important;
left: -20px !important;}}
@media (max-width: 768px) {.mp-news-archive-header h1,
.news-page-title,
.news-archive-title,
.archive-title,
.page-title.news-title{font-size: 18px !important;
line-height: 1.5 !important;}}
.mp-v99-footer{margin-top: 12px !important;
padding: 22px 20px 12px !important;}
.mp-v99-footer .widget,
.mp-v99-footer .footer-widget,
.mp-v99-footer .footer-column{margin-bottom: 12px !important;}
.mp-v99-footer .widget-title,
.mp-v99-footer .footer-title{font-size: 14px !important;
margin-bottom: 8px !important;}
.mp-v99-footer p,
.mp-v99-footer li,
.mp-v99-footer a{font-size: 13px !important;
line-height: 1.8 !important;}
@media (max-width: 768px) {.mp-v99-footer{margin-top: 6px !important;
padding: 16px 14px 8px !important;}
.mp-v99-footer .widget,
.mp-v99-footer .footer-widget,
.mp-v99-footer .footer-column{margin-bottom: 8px !important;}
.mp-v99-footer p,
.mp-v99-footer li,
.mp-v99-footer a{font-size: 12px !important;
line-height: 1.7 !important;}}
@media (max-width: 768px) {.mp-news-archive-header h1,
.news-page-title,
.news-archive-title,
.archive-title,
.page-title.news-title{font-size: 16px !important;
line-height: 1.4 !important;
margin-bottom: 8px !important;}
.mp-v99-footer{margin-top: 4px !important;
padding: 12px 12px 6px !important;}
.mp-v99-footer .widget,
.mp-v99-footer .footer-widget,
.mp-v99-footer .footer-column{margin-bottom: 5px !important;}
.mp-v99-footer .widget-title,
.mp-v99-footer .footer-title{font-size: 12px !important;
margin-bottom: 4px !important;}
.mp-v99-footer p,
.mp-v99-footer li,
.mp-v99-footer a{font-size: 11px !important;
line-height: 1.55 !important;}
.mp-v99-footer .footer-menu,
.mp-v99-footer .footer-links,
.mp-v99-footer .footer-nav,
.mp-v99-footer .social-links{display: none !important;}}
.mp-news-archive-header{margin-top: 18px !important;
padding-top: 0 !important;
margin-bottom: 14px !important;}
.mp-news-archive-header h1,
.mp-news-archive-header > h1,
.mp-news-archive-header .page-title{font-size: 22px !important;
line-height: 1.35 !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 700 !important;}
@media (max-width: 768px) {.mp-news-archive-header{margin-top: 12px !important;
margin-bottom: 10px !important;}
.mp-news-archive-header h1,
.mp-news-archive-header > h1,
.mp-news-archive-header .page-title{font-size: 17px !important;
line-height: 1.35 !important;
margin: 0 !important;}}
/* V113: align account dashboard with header and reduce top gap */
body.woocommerce-account .mp-account-dashboard{width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:10px 30px 50px!important;box-sizing:border-box!important}
body.woocommerce-account .mp-account-layout{width:100%!important;margin-top:0!important}
@media(max-width:1100px){body.woocommerce-account .mp-account-dashboard{padding:8px 24px 45px!important}}
@media(max-width:768px){body.woocommerce-account .mp-account-dashboard{padding:8px 16px 35px!important}}
/* V115: exact account alignment with the header inner container */
@media (min-width: 769px) {
body.woocommerce-account .mp-account-layout{
width: 100% !important;
max-width: 1280px !important;
margin: 8px auto 0 !important;
padding: 0 25px 55px !important;
box-sizing: border-box !important;
}
body.woocommerce-account .mp-account-dashboard{
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 0 55px !important;
box-sizing: border-box !important;
}
}
@media (max-width: 768px) {
body.woocommerce-account .mp-account-layout{
width: 100% !important;
max-width: none !important;
margin: 6px auto 0 !important;
padding: 0 16px 35px !important;
box-sizing: border-box !important;
}
body.woocommerce-account .mp-account-dashboard{
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 0 35px !important;
box-sizing: border-box !important;
}
}
/* =========================================================
MOBILE HEADER PATCH - V386
فقط اصلاحات ظاهری هدر موبایل
========================================================= */
@media (max-width: 768px) {
/* فقط آیکون سبد هدر موبایل مخفی شود؛ منطق WooCommerce دستنخورده است. */
.mp-header .mp-cart-wrapper{
display: none !important;
}
/* رنگ آیکونهای اصلی هدر موبایل */
.mp-header .mp-search-toggle{
color: #6b7280 !important;
}
.mp-header .mp-search-toggle svg{
stroke: currentColor !important;
}
.mp-header .mp-mobile-toggle .mp-hamburger-icon{
stroke: #6b7280 !important;
}
/* هدر کمی جمعوجورتر، بدون جابهجایی لوگو */
.mp-header-inner{
min-height: 66px !important;
}
/* جستجو هنگام بازشدن، داخل خود ناحیه هدر قرار بگیرد. */
.mp-header .mp-search-panel{
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 66px !important;
padding: 0 !important;
margin: 0 !important;
transform: none !important;
background: rgba(255,255,255,.98) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 1000 !important;
}
.mp-header .mp-search-inner{
width: 100% !important;
height: 100% !important;
min-height: 66px !important;
padding: 8px 12px !important;
margin: 0 !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
direction: rtl !important;
}
.mp-header .mp-search-form{
order: 1 !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
height: 44px !important;
margin: 0 !important;
border-radius: 12px !important;
box-sizing: border-box !important;
}
.mp-header .mp-search-form input{
min-width: 0 !important;
height: 100% !important;
font-size: 13px !important;
}
.mp-header .mp-search-form button{
width: 44px !important;
min-width: 44px !important;
flex: 0 0 44px !important;
height: 100% !important;
}
.mp-header .mp-search-close{
order: 2 !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
flex: 0 0 40px !important;
padding: 0 !important;
margin: 0 !important;
}
.mp-header .mp-search-results{
top: calc(100% + 6px) !important;
right: 0 !important;
left: 0 !important;
width: 100% !important;
}
}
@media (max-width: 380px) {
.mp-header-inner{
min-height: 64px !important;
}
.mp-header .mp-search-panel,
.mp-header .mp-search-inner{
min-height: 64px !important;
}
.mp-header .mp-search-inner{
padding-left: 8px !important;
padding-right: 8px !important;
}
}
/* =========================================================
MOBILE SEARCH OVERLAY PATCH - V387
Search panel must fully cover header actions when open.
========================================================= */
@media (max-width: 768px) {
.mp-header .mp-search-panel{
z-index: 99999 !important;
}
.mp-header .mp-search-inner,
.mp-header .mp-search-form,
.mp-header .mp-search-close{
position: relative;
z-index: 100000 !important;
}
}
/* =========================================================
MOBILE SEARCH FINAL PATCH - V388
- Hide hamburger completely while search is open.
- Keep every search magnifier state permanently on brand green.
- Keep close button red.
========================================================= */
@media (max-width: 768px) {
/* Search overlay must visually and interactively cover the mobile hamburger. */
.mp-header.search-open .mp-mobile-toggle,
.mp-header.search-open .mp-navigation,
.mp-header.search-open .mp-header-actions .mp-mobile-toggle{
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
z-index: -1 !important;
}
.mp-header.search-open .mp-search-panel{
z-index: 2147483000 !important;
}
/* Brand-green magnifier in every state: normal, hover, focus, active. */
.mp-header .mp-search-toggle,
.mp-header .mp-search-toggle:hover,
.mp-header .mp-search-toggle:focus,
.mp-header .mp-search-toggle:active,
.mp-header .mp-search-toggle:focus-visible,
.mp-header .mp-search-form button,
.mp-header .mp-search-form button:hover,
.mp-header .mp-search-form button:focus,
.mp-header .mp-search-form button:active,
.mp-header .mp-search-form button:focus-visible{
color: #6b7280 !important;
background: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
outline: none !important;
}
.mp-header .mp-search-toggle svg,
.mp-header .mp-search-toggle:hover svg,
.mp-header .mp-search-toggle:focus svg,
.mp-header .mp-search-toggle:active svg,
.mp-header .mp-search-form button svg,
.mp-header .mp-search-form button:hover svg,
.mp-header .mp-search-form button:focus svg,
.mp-header .mp-search-form button:active svg{
color: #6b7280 !important;
stroke: #6b7280 !important;
fill: none !important;
}
/* Close icon stays explicitly red. */
.mp-header .mp-search-close,
.mp-header .mp-search-close:hover,
.mp-header .mp-search-close:focus,
.mp-header .mp-search-close:active,
.mp-header .mp-search-close:focus-visible{
color: #dc2626 !important;
background: #fff5f5 !important;
border-color: #fecaca !important;
box-shadow: none !important;
outline: none !important;
}
.mp-header .mp-search-close svg{
stroke: #dc2626 !important;
color: #dc2626 !important;
}
}
/* =========================================================
MOBILE HEADER ALIGNMENT PATCH - V392
فقط همترازی عمودی Search و Hamburger
========================================================= */
@media (max-width: 768px) {
.mp-header .mp-search-toggle{
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
align-self: center !important;
transform: none !important;
line-height: 1 !important;
}
.mp-header .mp-search-toggle svg{
width: 21px !important;
height: 21px !important;
display: block !important;
}
/* همبرگری دقیقاً در همان محور عمودی Search قرار بگیرد. */
.mp-header .mp-mobile-toggle{
top: 14px !important;
}
}
@media (max-width: 380px) {
.mp-header .mp-search-toggle{
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
}
.mp-header .mp-mobile-toggle{
top: 11px !important;
}
}
/* =========================================================
Nooronek 466 — Cart button color only
Keep WooCommerce Cart logic and existing layout intact.
========================================================= */
/* =========================================================
Nooronek 470 — Cart/header width + quantity presentation
Align Cart content with the main Header container (1280px)
and keep WooCommerce as the quantity source of truth.
========================================================= */
@media (min-width: 768px) {
}
/* =========================================================
Nooronek 470 — Cart quantity display
Keep the WooCommerce quantity value numeric while using
the site's Persian font for the visible control.
========================================================= */
/* =========================================================
Nooronek 471 — Cart final alignment / quantity / mobile row
========================================================= */
@media (max-width: 700px) {
}
/* =========================================================
Nooronek 472 — Cart quantity + desktop two-column alignment
========================================================= */
/* Product subtotal is intentionally omitted from the product table.
WooCommerce remains responsible for all totals in Cart Totals. */
@media (min-width: 701px) {
}
@media (max-width: 700px) {
}
/* =========================================================
Nooronek 473 — Mobile cart quantity presentation
========================================================= */
@media (max-width: 700px) {
}
/* =========================================================
Nooronek 474 — Cart final visual alignment
Mobile-only quantity label, clean remove control,
compact totals and exact Header-width alignment.
========================================================= */
/* The quantity label belongs to the mobile product row only. */
/* Keep the cart page on the exact same 1280px / 30px geometry as the Header. */
@media (min-width: 769px) {
}
/* Shipping destination / package details are intentionally not shown in the
Cart summary. WooCommerce still owns and calculates shipping normally. */
@media (max-width: 700px) {
/* A single clean data row: price + quantity. */
/* Quantity label is mobile-only. */
/* Minimal remove button: reserve space so it never sits over product text/image. */
/* Product name leaves a safe lane for the remove control. */
/* Subtotal remains absent on mobile. */
}
/* =========================================================
Nooronek 475 — Cart correction pass
Desktop: summary stays on the LEFT, products on the RIGHT.
Mobile: separated product cards, clean remove placement,
no subtotal row in product cards or cart summary.
========================================================= */
@media (min-width: 769px) {
}
/* The subtotal row in Cart Totals is not needed in this design. */
/* Keep downloadable quantity badge and physical quantity control the same size. */
@media (max-width: 700px) {
/* Real separation between mobile product cards. */
/* Remove is positioned in its own reserved corner; it does not sit on the product. */
/* Leave a safe lane under the remove control. */
/* Mobile-only label, as requested. */
/* Product subtotal remains completely absent on mobile. */
}
/* =========================================================
CART MOBILE REBUILD — V476
Presentation-only. WooCommerce logic remains untouched.
========================================================= */
/* Desktop: make the remove control smaller without changing its color. */
@media (min-width: 701px) {
}
/* Mobile: rebuild the product row as a clean, separated card. */
@media (max-width: 700px) {
/* Dedicated, non-overlapping delete area. */
/* Product image gets its own column on the right. */
/* Product information starts left of the image and below the delete area. */
/* Price + quantity become one aligned information row. */
/* Product subtotal is intentionally not shown in the mobile card. */
/* Coupon/actions become a clean vertical section. */
}
/* =========================================================
* Nooronek 477 — Cart mobile rebuild + live Persian quantity
* Presentation only. WooCommerce remains the source of truth.
========================================================= */
@media (max-width: 767px) {
}
/* v542 stats divider fix */
.stats .stat-box{border-left:1px solid rgba(164,74,255,.10);}
.stats .stat-box:last-child{border-left:0;}