/* ===========================
   GLOBAL
=========================== */

:root{

--primary:#2E7D32;
--primary-dark:#1B5E20;
--gold:#F9A825;
--bg:#F7F8FA;
--text:#202124;
--muted:#6B7280;
--white:#ffffff;
--border:#ECECEC;

--radius:22px;

--shadow:
0 10px 35px rgba(0,0,0,.08);

}
@font-face {
    font-family: "Estedad";
    src: url("fonts/Estedad-Regular.woff2") format("woff2");
    font-weight: 400;
}

@font-face {
    font-family: "Estedad";
    src: url("fonts/Estedad-Medium.woff2") format("woff2");
    font-weight: 500;
}

@font-face {
    font-family: "Estedad";
    src: url("fonts/Estedad-Bold.woff2") format("woff2");
    font-weight: 700;
}

body{
    font-family: "Estedad", sans-serif;
}
@media (max-width:992px){

.final-box{

flex-direction:column;

padding:30px;

text-align:center;

}

.final-image{

flex:none;

width:100%;

}

.final-content{

flex:none;

width:100%;

}

.price-line{

justify-content:center;

}

.cta-features{

grid-template-columns:1fr;

}

.buy-big-btn{

width:100%;

max-width:none;

}

}
body{

margin:0;
font-family:"Estedad",sans-serif;
background:var(--bg);
color:var(--text);
line-height:1.9;
 direction: rtl;
}

.container{

width:min(1320px,94%);
margin:auto;

}

a{

text-decoration:none;

}

img{

max-width:100%;
display:block;

}


/* ===========================
TOP BAR
=========================== */

.shipping-bar{

background:#111;
color:#fff;
padding:12px 0;
font-size:14px;

}

.shipping-content{

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

}

.shipping-content div{

display:flex;
align-items:center;
gap:10px;

}

.shipping-content img{

width:22px;

}


/* ===========================
HEADER
=========================== */
/*==========================
Announcement Bar
==========================*/
.topbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:46px;
    background:#1b5e20;
    overflow:hidden;
    z-index:9999;
    box-shadow:0 3px 15px rgba(0,0,0,.15);
}

.top-announcement{
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}

.announcement-track{

    position:absolute;
    top:0;
    left:0;

    display:flex;
    align-items:center;

    height:100%;

    white-space:nowrap;

    will-change:transform;

}

.announcement-item{

    display:flex;
    align-items:center;

    gap:10px;

    padding:0 32px;

    color:#fff;

    font-size:15px;

    font-weight:600;

    white-space:nowrap;

    flex-shrink:0;

    user-select:none;

}

.announcement-item svg{

    width:18px;

    height:18px;

    stroke:#fff;

    stroke-width:2;

    fill:none;

    flex-shrink:0;

}

@media(max-width:768px){

    .topbar{

        height:42px;

    }

    .announcement-item{

        font-size:13px;

        padding:0 22px;

        gap:8px;

    }

    .announcement-item svg{

        width:16px;

        height:16px;

    }

}

/* چون هدر فیکس است */
body{

padding-top:46px;

}

/* موبایل */

@media (max-width:768px){

.top-announcement{

height:42px;

}

.announcement-item{

padding:0 20px;

font-size:13px;

gap:8px;

}

.announcement-item svg{

width:16px;

height:16px;

}

body{

padding-top:42px;

}

}
.navbar{

display:flex;
justify-content:space-between;
align-items:center;
min-height:72px;
gap:15px;
}

.logo{
font-size:28px;
font-weight:900;
color:#2E7D32;
white-space:nowrap;
}

.hero-buy{

display:flex;
align-items:center;
justify-content:center;
padding:14px 22px;
border-radius:12px;
background:#2E7D32;
color:#fff;
text-decoration:none;
font-weight:700;
white-space:nowrap;
flex-shrink:0;
transition:.3s;
}

.hero-buy:hover{
    background:#1f5d24;
}

/*=========================
Mobile
=========================*/

@media (max-width:768px){

.navbar{
    min-height:60px;
    gap:10px;
}

.logo{
    font-size:20px;
}

.hero-buy{
    padding:10px 14px;
    font-size:14px;
}

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

.hero{

padding:70px 0;

}

.hero-grid{

display:grid;

grid-template-columns:1.1fr 1fr;

gap:70px;

align-items:center;

}

.hero-rating{

display:inline-flex;

gap:12px;

align-items:center;

background:#fff;

padding:10px 18px;

border-radius:100px;

box-shadow:var(--shadow);

font-weight:700;

margin-bottom:30px;

color:#F5A623;

}

.hero-rating span{

color:#444;

}

.hero h1{

font-size:54px;

line-height:1.25;

margin:0 0 20px;

font-weight:900;

}

.hero h2{

font-size:29px;

font-weight:700;

color:var(--primary);

margin-bottom:28px;

}

.hero p{

font-size:18px;

color:var(--muted);

margin-bottom:35px;

}


/* ===========================
PRICE
=========================== */

.price-box{

background:#fff;

padding:28px;

border-radius:22px;

box-shadow:var(--shadow);

margin-bottom:30px;

}

.old-price{

font-size:18px;

color:#888;

margin-bottom:10px;

}

.old-price span{

text-decoration:line-through;

margin-right:10px;

}

.new-price{

font-size:42px;

font-weight:900;

color:var(--primary);

}

.discount{

display:inline-block;

margin-top:0px;

padding:0px 18px;

background:#FFE8E8;

color:#D32F2F;

border-radius:50px;

font-weight:400;

}


/* ===========================
TRUST
=========================== */

.trust-inline{

display:flex;

gap:14px;

flex-wrap:wrap;

margin:30px 0;

}

.trust-inline div{

background:#fff;

padding:12px 18px;

border-radius:50px;

box-shadow:var(--shadow);

font-weight:700;

}


/* ===========================
BUTTONS
=========================== */

.hero-buttons{

display:flex;

gap:18px;

margin-top:35px;

flex-wrap:wrap;

}

.main-btn{

background:linear-gradient(135deg,#2E7D32,#4CAF50);

padding:18px 38px;

color:#fff;

font-size:18px;

font-weight:800;

border-radius:16px;

transition:.35s;

}

.main-btn:hover{

transform:translateY(-5px);

box-shadow:0 15px 35px rgba(46,125,50,.35);

}

.second-btn{

background:#fff;

padding:18px 34px;

border-radius:16px;

font-weight:700;

color:#333;

box-shadow:var(--shadow);

}


/* ===========================
IMAGE
=========================== */

.hero-image{

position:relative;

}

.hero-image img{

width:100%;

border-radius:32px;

box-shadow:0 35px 60px rgba(0,0,0,.15);

}

.floating-card{

position:absolute;

bottom:30px;

right:-30px;

background:#fff;

padding:18px 24px;

border-radius:18px;

box-shadow:var(--shadow);

max-width:260px;

}

.floating-title{

font-size:18px;

font-weight:900;

color:var(--primary);

margin-bottom:8px;

}

.floating-review{

position:absolute;

top:30px;

left:-35px;

background:#fff;

padding:18px 24px;

border-radius:18px;

box-shadow:var(--shadow);

font-size:20px;

font-weight:900;

color:#F9A825;

}

.floating-review span{

display:block;

font-size:14px;

color:#555;

margin-top:8px;

}


/* ===========================
RESPONSIVE
=========================== */

@media(max-width:992px){

.hero-grid{

grid-template-columns:1fr;

}

.hero-image{

order:-1;

}

.hero h1{

font-size:38px;

}

.hero h2{

font-size:23px;

}

.price-box{

text-align:center;

}

.hero-buttons a{

width:100%;

text-align:center;

}

.shipping-content{

gap:15px;

font-size:13px;

}

.logo{

font-size:28px;

}

}
.trust-strip{

padding:25px 0 80px;

}

.trust-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.trust-item{

background:#fff;

padding:35px;

border-radius:22px;

text-align:center;

box-shadow:0 10px 35px rgba(0,0,0,.07);

transition:.35s;

border:1px solid #eee;

}

.trust-item:hover{

transform:translateY(-8px);

}

.trust-icon{

margin-bottom:20px;

}

.trust-item h3{

font-size:22px;

margin-bottom:12px;

}

.trust-item p{

color:#666;

line-height:1.9;

}

@media(max-width:992px){

.trust-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:640px){

.trust-grid{

grid-template-columns:1fr;

}

}
.video-section{

padding:100px 0;

background:#ffffff;

}

.section-head{

text-align:center;

max-width:850px;

margin:auto auto 60px;

}

.section-badge{

display:inline-block;

padding:10px 20px;

background:#EDF8EF;

color:#2E7D32;

border-radius:100px;

font-weight:700;

margin-bottom:20px;

}

.section-head h2{

font-size:44px;

margin-bottom:20px;

font-weight:900;

}

.section-head p{

font-size:19px;

color:#666;

line-height:2;

}

.video-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:35px;

}

.video-card{

background:#fff;

border-radius:28px;

overflow:hidden;

box-shadow:0 18px 45px rgba(0,0,0,.08);

transition:.35s;

}

.video-card:hover{

transform:translateY(-8px);

}

.video-frame{

background:#111;

aspect-ratio:16/9;

overflow:hidden;

}

.video-frame iframe{

width:100%!important;

height:100%!important;

}

.video-info{
text-align: center;
padding:30px;

}

.video-info h3{

font-size:27px;

margin-bottom:15px;

}

.video-info p{

color:#666;

line-height:2;

}

.video-footer{

margin-top:45px;

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

flex-wrap:wrap;

}

.video-note{

display:flex;

align-items:center;

gap:12px;

background:#F6F8F7;

padding:18px 24px;

border-radius:18px;

font-weight:600;

}

@media(max-width:992px){

.video-grid{

grid-template-columns:1fr;

}

.section-head h2{

font-size:34px;

}

.video-footer{

justify-content:center;

}

}
.pain-section{

padding:110px 0;

background:#F8FAFC;

}

.pain-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

margin-top:60px;

}

.pain-card{

position:relative;

overflow:hidden;

border-radius:28px;

cursor:pointer;

box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.pain-card img{

width:100%;

height:420px;

object-fit:cover;

transition:.5s;

display:block;

}

.pain-card:hover img{

transform:scale(1.08);

}

.overlay{

position:absolute;

inset:0;

display:flex;

align-items:flex-end;

padding:35px;

background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.05));

}

.overlay h3{

color:#fff;

font-size:28px;

line-height:1.6;

font-weight:800;

margin:0;

}

.pain-footer{

margin-top:60px;

text-align:center;

}

.pain-footer p{

font-size:22px;

margin-bottom:30px;

color:#444;

}

@media(max-width:992px){

.pain-grid{

grid-template-columns:1fr;

}

.pain-card img{

height:320px;

}

.overlay h3{

font-size:22px;

}

}
.solution-section{

padding:120px 0;

background:#fff;

}

.solution-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

margin-top:60px;

}

.solution-image img{

width:100%;

border-radius:30px;

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.solution-content{

display:flex;

flex-direction:column;

gap:28px;

}

.benefit{

display:flex;

gap:22px;

padding:24px;

border-radius:22px;

background:#F8FAFC;

transition:.35s;

}

.benefit:hover{

transform:translateX(-8px);

background:#EEF7F0;

}

.benefit-number{

width:62px;

height:62px;

border-radius:50%;

background:#2E7D32;

color:#fff;

display:flex;

justify-content:center;

align-items:center;

font-size:22px;

font-weight:800;

flex-shrink:0;

}

.benefit h3{

margin:0 0 10px;

font-size:26px;

}

.benefit p{

margin:0;

color:#666;

line-height:2;

}

@media(max-width:992px){

.solution-grid{

grid-template-columns:1fr;

}

.solution-image{

order:-1;

}

}
.compare-section{

padding:120px 0;

background:#F7F9FB;

}

.compare-table{

margin-top:60px;

border-radius:24px;

overflow:hidden;

box-shadow:0 18px 45px rgba(0,0,0,.08);

background:#fff;

}

.compare-header,

.compare-row{

display:grid;

grid-template-columns:2fr 1fr 1fr;

}

.compare-header{

background:#2E7D32;

color:#fff;

font-weight:800;

}

.compare-header div,

.compare-row div{

padding:24px;

text-align:center;

border-bottom:1px solid #ECECEC;

}

.compare-header .active{

background:#256928;

}

.compare-row:nth-child(even){

background:#FAFAFA;

}

.yes{

color:#2E7D32;

font-weight:700;

}

.no{

color:#D32F2F;

font-weight:700;

}

.compare-note{

margin-top:35px;

display:flex;

justify-content:center;

align-items:center;

gap:12px;

background:#fff;

padding:20px;

border-radius:18px;

box-shadow:0 10px 25px rgba(0,0,0,.06);

font-weight:700;

}

@media(max-width:768px){

.compare-header,

.compare-row{

grid-template-columns:1.4fr 1fr 1fr;

font-size:14px;

}

.compare-header div,

.compare-row div{

padding:15px 10px;

}

}
.box-content-section{

padding:120px 0;

background:#fff;

}

.box-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}

.box-item{

background:#F8FAFC;

padding:35px;

border-radius:24px;

text-align:center;

transition:.35s;

box-shadow:0 12px 30px rgba(0,0,0,.05);

}

.box-item:hover{

transform:translateY(-8px);

}

.box-item img{

width:170px;

height:170px;

object-fit:contain;

margin:auto auto 25px;

}

.box-item h3{

font-size:24px;

margin-bottom:15px;

}

.box-item p{

color:#666;

line-height:2;

}

.special-box{

display:flex;

flex-direction:column;

justify-content:center;

background:linear-gradient(135deg,#2E7D32,#4CAF50);

color:#fff;

}

.special-box h3{

color:#fff;

font-size:30px;

}

.special-box p{

color:#fff;

margin-bottom:30px;

}

.special-box .main-btn{

background:#fff;

color:#2E7D32;

align-self:center;

}

@media(max-width:992px){

.box-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:640px){

.box-grid{

grid-template-columns:1fr;

}

}
.target-users{

padding:120px 0;

background:#f8fafc;

}

.users-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:28px;

margin-top:60px;

}

.user-card{

background:#fff;

border-radius:24px;

overflow:hidden;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

}

.user-card:hover{

transform:translateY(-8px);

}

.user-card img{

width:100%;

height:260px;

object-fit:cover;

}

.user-card h3{

font-size:24px;

margin:25px 25px 10px;

}

.user-card p{

margin:0 25px 30px;

line-height:2;

color:#666;

}

@media(max-width:992px){

.users-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:640px){

.users-grid{

grid-template-columns:1fr;

}

}
.reviews-section{

padding:120px 0;

background:#fff;

}

.review-summary{

background:#F8FAFC;

border-radius:30px;

padding:45px;

display:flex;

justify-content:space-between;

align-items:center;

gap:40px;

margin-top:60px;

}
@media (max-width:768px){

    .review-summary{

        flex-direction:column;
        align-items:center;
        text-align:center;
        padding:25px 18px;
        gap:25px;

    }

}
.score-box{

display:flex;

align-items:center;

gap:25px;

}

.score{

font-size:80px;

font-weight:900;

color:#2E7D32;

}

.review-stat{

    display:flex;
    justify-content:center;
    gap:45px;
    flex-wrap:wrap;

}

.review-stat div{

    text-align:center;
    flex:1;
    min-width:90px;

}
@media (max-width:768px){

    .review-stat{

        width:100%;
        gap:15px;
        justify-content:space-between;

    }

    .review-stat div{

        flex:0 0 calc(33.333% - 10px);

    }

}
.review-stat strong{

display:block;

font-size:42px;

color:#2E7D32;

margin-bottom:10px;

}

.review-slider{

margin-top:55px;

display:grid;

grid-template-columns:repeat(5,1fr);

gap:25px;

}

.review-card{

border-radius:22px;

overflow:hidden;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.35s;

background:#fff;

}

.review-card:hover{

transform:translateY(-8px);

}

.review-card img{

display:block;

width:100%;

}

.review-cta{

margin-top:45px;

text-align:center;

}

@media(max-width:992px){

.review-summary{

flex-direction:column;

}

.review-slider{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:640px){

.review-slider{

grid-template-columns:1fr;

}

}
.offer-section{

padding:120px 0;

background:linear-gradient(135deg,#1f5d34,#2e7d32);

color:#fff;

}

.offer-wrapper{

display:grid;

grid-template-columns:1.3fr .9fr;

gap:60px;

align-items:center;

}

.offer-badge{

display:inline-block;

padding:10px 20px;

background:#fff;

color:#2e7d32;

border-radius:50px;

font-weight:800;

margin-bottom:20px;

}

.offer-left h2{

font-size:48px;

margin-bottom:25px;

}

.offer-left p{

font-size:18px;

line-height:2;

opacity:.92;

}

.price-area{

margin:40px 0;

display:flex;

flex-wrap:wrap;

gap:20px;

align-items:center;

}

.old-price-box{

background:#ffffff22;

padding:18px 24px;

border-radius:18px;

}

.old-price-box strong{

display:block;

text-decoration:line-through;

margin-top:10px;

}

.new-price-box{

font-size:52px;

font-weight:900;

}

.save-price{

background:#ffeb3b;

color:#111;

padding:15px 22px;

border-radius:18px;

font-weight:800;

}

.offer-features{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin:40px 0;

}

.offer-features div{

background:#ffffff18;

padding:18px;

border-radius:16px;

text-align:center;

font-weight:700;

}

.buy-big-btn{

display:block;

text-align:center;

padding:22px;

background:#fff;

color:#2e7d32;

font-size:24px;

font-weight:900;

border-radius:20px;

transition:.3s;

}

.buy-big-btn:hover{

transform:translateY(-5px);

}

.offer-right{

display:flex;

flex-direction:column;

gap:25px;

}

.countdown-box,

.stock-box,

.support-box{

background:#ffffff15;

padding:30px;

border-radius:24px;

backdrop-filter:blur(12px);

}

#countdown{

display:flex;

justify-content:space-between;

margin-top:25px;

}

#countdown div{

text-align:center;

}

#countdown span{

display:block;

font-size:46px;

font-weight:900;

}

.stock-bar{

margin-top:18px;

height:12px;

background:#ffffff30;

border-radius:30px;

overflow:hidden;

}

.stock-progress{

width:28%;

height:100%;

background:#ffeb3b;

}

.support-box h4{

margin-bottom:15px;

font-size:26px;

}

@media(max-width:992px){

.offer-wrapper{

grid-template-columns:1fr;

}

.offer-left h2{

font-size:36px;

}

.offer-features{

grid-template-columns:1fr;

}

}
.faq-section{

padding:120px 0;

background:#fff;

}

.faq-list{

max-width:950px;

margin:60px auto 0;

}

.faq-item{

background:#fff;

border-radius:18px;

margin-bottom:18px;

box-shadow:0 10px 25px rgba(0,0,0,.06);

overflow:hidden;

}

.faq-question{

width:100%;

padding:24px 30px;

background:#fff;

border:none;

cursor:pointer;

display:flex;

justify-content:space-between;

align-items:center;

font-size:20px;

font-weight:700;

font-family:inherit;
text-align: right;
}

.faq-question span{

font-size:30px;

color:#2E7D32;

transition:.3s;

}

.faq-answer{

display:none;

padding:0 30px 25px;

line-height:2;

color:#666;
    text-align: right;

}

.faq-item.active .faq-answer{

display:block;

}

.faq-item.active .faq-question span{

transform:rotate(45deg);

}
/*==========================
Sticky Buy Bar
==========================*/

.sticky-buy-bar{

position:fixed;

bottom:20px;

left:50%;

transform:translateX(-50%) translateY(120px);

width:min(1100px,95%);

background:#fff;

border-radius:22px;

padding:18px 25px;

display:flex;

justify-content:space-between;

align-items:center;

box-shadow:0 20px 60px rgba(0,0,0,.18);

z-index:9999;

transition:.45s;

}

.sticky-buy-bar.show{

transform:translateX(-50%) translateY(0);

}

.sticky-price{

display:flex;

flex-direction:column;

}

.sticky-label{

font-size:14px;

color:#888;

margin-bottom:6px;

}

.sticky-prices{

display:flex;

align-items:center;

gap:15px;

}

.sticky-prices del{

font-size:18px;

color:#999;

}

.sticky-prices strong{

font-size:15px;

color:#2E7D32;

font-weight:900;

}

.sticky-btn{

background:#2E7D32;

color:#fff;

padding:5px 10px;

border-radius:10px;

font-size:18px;

font-weight:500;

transition:.3s;

}

.sticky-btn:hover{

background:#1d5f24;

transform:translateY(-2px);

}

@media(max-width:768px){

.sticky-buy-bar{

flex-direction:column;

gap:18px;

padding:18px;

bottom:10px;

}

.sticky-prices{

justify-content:center;

}

.sticky-btn{

width:50%;

text-align:center;

}

}
/*==========================
Announcement Bar
==========================*/

.top-announcement{

height:48px;

background:#fff;

overflow:hidden;

position:relative;

z-index:99999;

}

.announcement-track{

display:flex;

align-items:center;

width:max-content;

white-space:nowrap;

}

.announcement-item{

display:flex;

align-items:center;

gap:10px;

padding:0 55px;

height:48px;

font-size:15px;

font-weight:700;

color:#000;

white-space:nowrap;

}

.announcement-item svg{

width:18px;

height:18px;

fill:#49b85d;

}

@keyframes marquee{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}
#scrollProgress{

position:fixed;

top:48px;

right:0;

width:0;

height:4px;

background:#2E7D32;

z-index:999999;

transition:.08s;

}
/* ==========================
   Final CTA
========================== */

.final-cta{
    padding:100px 0;
    background:#f8fafc;
}

.final-box{

display:flex;

align-items:center;

justify-content:space-between;

gap:50px;

background:#fff;

padding:50px;

border-radius:28px;

box-shadow:0 15px 45px rgba(0,0,0,.08);

overflow:hidden;

}

.final-image{

flex:0 0 42%;

display:flex;

justify-content:center;

align-items:center;

}

.final-image img{

width:100%;

max-width:420px;

height:auto;

object-fit:contain;

}
.offer-tag{
    display:inline-block;
    padding:8px 18px;
    border-radius:50px;
    background:#e8f5e9;
    color:#2E7D32;
    font-weight:700;
    margin-bottom:20px;
}

.final-content{

flex:0 0 58%;

}
.final-content h2{
    font-size:42px;
    line-height:1.5;
    margin-bottom:20px;
}

.final-content p{
    font-size:18px;
    line-height:2;
    color:#666;
    margin-bottom:35px;
}

.price-line{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:35px;
}

.price-line .old{
    color:#999;
    text-decoration:line-through;
    font-size:26px;
}

.price-line .new{
    color:#2E7D32;
    font-size:44px;
    font-weight:900;
}

.cta-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-bottom:35px;
}

.cta-features div{
    background:#f5f5f5;
    border-radius:14px;
    padding:16px;
    text-align:center;
    font-weight:700;
}

.buy-big-btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    padding:18px 45px;
    border-radius:16px;
    background:#2E7D32;
    color:#fff;
    font-size:20px;
    font-weight:800;
    text-decoration:none;
    transition:.3s;
}

.buy-big-btn:hover{
    background:#1f5d24;
    transform:translateY(-3px);
}

@media(max-width:992px){



.final-content{
    text-align:center;
}

.price-line{
    justify-content:center;
}

.cta-features{
    grid-template-columns:1fr;
}

.buy-big-btn{
    width:100%;
}

}
/* ===============================
   Container
================================ */

.container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:border-box;
}

/* ===============================
   Footer
================================ */

footer{
    background:#111827;
    color:#fff;
    padding:70px 0 30px;
    margin-top:0;
}

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    gap:60px;

    align-items:flex-start;

    margin-bottom:45px;

}

.footer-col{

    display:flex;

    flex-direction:column;

}

.footer-logo{

    font-size:34px;

    font-weight:900;

    margin-bottom:18px;

    color:#fff;

}

.footer-about{

    color:#CBD5E1;

    line-height:2;

    font-size:15px;

}

.footer-title{

    font-size:20px;

    font-weight:800;

    margin-bottom:20px;

    color:#fff;

}

.footer-links{

    list-style:none;

    margin:0;

    padding:0;

}

.footer-links li{

    margin-bottom:14px;

}

.footer-links a{

    color:#CBD5E1;

    text-decoration:none;

    transition:.3s;

}

.footer-links a:hover{

    color:#46B96B;

    padding-right:6px;

}

.footer-contact{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.footer-contact div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#CBD5E1;

    line-height:1.8;

}

.footer-contact svg{

    width:20px;

    height:20px;

    fill:#46B96B;

    flex-shrink:0;

}

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);

    margin-top:35px;

    padding-top:25px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    color:#94A3B8;

    font-size:14px;

}

.footer-enamad{

    display:flex;

    gap:12px;

    align-items:center;

}

.footer-enamad img{

    width:70px;

    height:70px;

    object-fit:contain;

    background:#fff;

    border-radius:12px;

    padding:6px;

}

/* ===============================
   Tablet
================================ */

@media(max-width:992px){

.footer-grid{

grid-template-columns:1fr 1fr;

gap:40px;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

}

/* ===============================
   Mobile
================================ */

@media(max-width:768px){

footer{

padding:50px 0 25px;

}

.footer-grid{

grid-template-columns:1fr;

text-align:center;

gap:35px;

}

.footer-contact div{

justify-content:center;

}

.footer-links a{

display:inline-block;

}

.footer-bottom{

font-size:13px;

}

.footer-enamad{

justify-content:center;

}

}
.hero-title{

font-size:48px;

font-weight:900;

text-align:center;

margin-bottom:50px;

line-height:1.5;

}

.hero-info-box{

display:flex;

justify-content:space-between;

gap:20px;

margin:35px 0;

flex-wrap:wrap;

}

.shipping-box{

flex:1;

background:#fff;

padding:18px;

border-radius:18px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.shipping-box strong{

display:block;

font-size:18px;

margin-bottom:8px;

color:#2E7D32;

}

.shipping-box span{

color:#666;

}

.rating-box-hero{

flex:1;

background:#fff;

padding:18px;

border-radius:18px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.stars{

position:relative;

display:inline-block;

font-size:28px;

line-height:1;

}

.stars-bg{

color:#ddd;

}

.stars-fill{

position:absolute;

top:0;

left:0;

overflow:hidden;

width:84%;

white-space:nowrap;

color:#FDBA12;

}

.rating-text{

margin-top:10px;

}

.rating-text strong{

font-size:28px;

color:#2E7D32;

display:block;

}

.rating-text span{

color:#666;

}

@media(max-width:768px){

.hero-title{

font-size:32px;

margin-bottom:25px;

}

.hero-grid{

display:flex;

flex-direction:column;

}

.hero-image{

order:1;

}

.hero-content{

order:2;

}

.hero-info-box{

flex-direction:column;

}

}
.consult-box{

display:flex;

align-items:center;

gap:25px;

background:#ffffff;

border:2px solid #E7F4EA;

border-radius:22px;

padding:24px 28px;

margin:40px 0;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

}

.consult-box:hover{

transform:translateY(-4px);

box-shadow:0 18px 45px rgba(0,0,0,.12);

}

.consult-icon{

width:70px;

height:70px;

background:#2E7D32;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

color:#fff;

flex-shrink:0;

}

.consult-icon svg{

width:34px;

height:34px;

}

.consult-content{

flex:1;

}

.consult-content h3{

font-size:24px;

margin-bottom:8px;

font-weight:800;

}

.consult-content p{

color:#666;

line-height:1.9;

margin:0;

}

.consult-phone{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 26px;

background:#2E7D32;

color:#fff;

border-radius:14px;

font-size:22px;

font-weight:900;

text-decoration:none;

transition:.3s;

white-space:nowrap;

}

.consult-phone:hover{

background:#1f5d24;

transform:scale(1.04);

}

@media(max-width:768px){

.consult-box{

flex-direction:column;

text-align:center;

padding:25px;

}

.consult-phone{

width:81%;

font-size:20px;

}

}
/*==========================
Reviews Marquee
==========================*/
.reviews{

    padding:7px 0;
    background:#f8fafc;
    height:100%;

}
@media (max-width:768px){

    .reviews{

        padding:50px 0 20px;
height:66%;
    }

}
.reviewSwiper{

    margin-top:45px;
    overflow:hidden;

}

.reviewSwiper .swiper-slide{

    border-radius:22px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;

}

.reviewSwiper .swiper-slide:hover{

    transform:translateY(-6px);

}

.reviewSwiper img{

    display:block;
    width:100%;
    height:auto;

}

.reviewSwiper{

    cursor:grab;

}

.reviewSwiper:active{

    cursor:grabbing;

}
/*==========================
Secure Section
==========================*/

.secure-section{
    padding:90px 0;
    background:#fff;
}

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

.secure-heading h2{
    font-size:38px;
    font-weight:900;
    color:#222;
    margin-bottom:15px;
}

.secure-heading p{
    font-size:18px;
    color:#666;
    line-height:2;
}

.secure-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.secure-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:24px;
    padding:35px;
    text-align:center;
    transition:.35s;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
}

.secure-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.secure-card img{
    width:110px;
    height:auto;
    margin-bottom:20px;
}

.secure-card h3{
    font-size:22px;
    font-weight:800;
    margin-bottom:10px;
    color:#222;
}

.secure-card span{
    display:block;
    color:#666;
    font-size:16px;
}

/* Responsive */

@media(max-width:992px){

.secure-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.secure-grid{
    grid-template-columns:1fr;
}

.secure-card{
    padding:25px;
}

.secure-card img{
    width:90px;
}

.secure-heading h2{
    font-size:30px;
}

.secure-heading p{
    font-size:16px;
}

}

.callback-section{

padding:90px 0;

background:#f8fafc;

}

.callback-box{

max-width:820px;

margin:auto;

background:#fff;

border-radius:28px;

padding:55px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

text-align:center;

}

.callback-badge{

display:inline-block;

background:#E8F5E9;

color:#2E7D32;

padding:8px 18px;

border-radius:30px;

font-weight:700;

margin-bottom:18px;

}

.callback-box h2{

font-size:40px;

margin-bottom:18px;

font-weight:900;

}

.callback-box p{

font-size:18px;

color:#666;

line-height:2;

margin-bottom:35px;

}

.callback-form{

display:grid;

grid-template-columns:1fr 1fr auto;

gap:18px;

}

.callback-form input{

height:58px;

border:1px solid #ddd;

border-radius:14px;

padding:0 18px;

font-size:16px;

outline:none;

transition:.3s;

}

.callback-form input:focus{

border-color:#2E7D32;

}

.callback-form button{

background:#2E7D32;

color:#fff;

border:none;

border-radius:14px;

padding:0 35px;

font-size:17px;

font-weight:800;

cursor:pointer;

transition:.3s;

}

.callback-form button:hover{

background:#1f5d24;

}

#callbackMessage{

margin-top:20px;

font-weight:700;

color:#2E7D32;

}

@media(max-width:768px){

.callback-box{

padding:30px;

}

.callback-box h2{

font-size:30px;

}

.callback-form{

grid-template-columns:1fr;

}

.callback-form button{

height:58px;

}

}
#result{

margin-top:20px;

padding:18px;

display:none;

background:#E8F5E9;

border-radius:14px;

font-weight:700;

text-align:center;

}
#result{

display:none;

margin-top:20px;

padding:18px;

border-radius:12px;

background:#F4F7F8;

font-weight:700;

text-align:center;

font-size:15px;

}