body{
margin:0;
padding:0;  
font-family:sans-serif;
background:white;
box-sizing:border-box;
}


/* HEADER */
.hero{
text-align:center;
padding:20px 10px;
}
.hero h1{
margin:0;
font-size:48px;
font-weight:800;
}
.hero p{
margin:5px 0;
font-size:16px;
}

/* CONTACT */
.contact-box{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
margin:15px 0;
margin-bottom:0; 
}   

.contact-box i{
font-size:40px;
color:#1e5eff;
}

.contact-box h3{
margin:0;
font-size:22px;
}
.contact-box p{
margin:2px 0;
font-size:18px;
}
/*  */
.contact-wrapper{
    background:#c7f3a3;
    padding:15px 0;
}

.contact-box{
    display:flex;
    align-items:center;
    gap:15px;
    padding:15px 20px;
    margin:0; 
}

.contact-box i{
    font-size:40px;
    color:#0052cc;
}

.contact-box h3{
    margin:0;
    font-size:20px;
}

.contact-box p{
    margin:0;
    font-size:18px;
}

/* SOCIAL */
.social{
display:flex;
justify-content:center;
gap:10px;
margin:15px 0;
}
.social i{
font-size:40px;
}

/* PRODUCT */
.product{
width:90%;
margin:15px auto;
padding:10px;
background:#eaeaea;
border:3px solid #1f3f1f;
border-radius:8px;
}
.product img{
width:100%;
border-radius:5px;
}

/* MOBILE */
@media(max-width:600px){

.hero h1{
font-size:22px;
}

.contact-box i{
font-size:32px;
}

.contact-box h3{
font-size:18px;
}

.contact-box p{
font-size:15px;
}
}
/* PRICE BOX */
.priceWrapX{
width:90%;
margin:15px auto;
background:#cfe3bf;
padding:15px;
border-radius:10px;
box-shadow:0 2px 8px rgba(0,0,0,0.2);
text-align:center;
}

.titleX{
font-size:20px;
font-weight:700;
}

.lineX{
height:1px;
background:#5c6f58;
margin:10px 0;
}

.priceRowX{
margin:10px 0;
}

.oldX{
text-decoration:line-through;
font-size:20px;
margin-right:8px;
}

.newX{
font-size:24px;
font-weight:800;
margin-right:8px;
}

.offX{
color:#b30000;
font-size:22px;
font-weight:700;
}

.taxX{
font-size:14px;
color:#333;
}

/* BUTTONS */
.btnDarkX{
width:90%;
margin:12px auto;
padding:14px;
background:#2c2c2c;
color:#fff;
text-align:center;
border-radius:5px;
font-size:18px;
}
.btnGreenX{
width:90%;
margin:10px auto;
padding:14px;
background:#1c3d12;
color:#fff;
text-align:center;
border-radius:30px;
font-size:16px;

/* 🔥 animation */
animation: pulseBtn 1.5s infinite;
}

/* KEYFRAMES */
@keyframes pulseBtn{
0%{
transform:scale(1);
box-shadow:0 0 0 0 rgba(28,61,18,0.6);
}
50%{
transform:scale(1.05); 
box-shadow:0 0 10px 5px rgba(28,61,18,0.3);
}
100%{
transform:scale(1);
box-shadow:0 0 0 0 rgba(28,61,18,0);
}
}

/* VIDEO */
.videoBoxX{
width:90%;
margin:20px auto;
border:4px solid #000;
height:550px;  
overflow:hidden;
}

.videoBoxX video{
width:100%;
height:200%!important;
object-fit:cover; 
}
.vWrap{
    width:90%;
    margin:20px auto;
}

.vItem{
    width:100%;
    height:550px !important;  
    object-fit:cover !important;
    border-radius:10px;
}

/* MOBILE */
@media(max-width:600px){

.titleX{
font-size:16px;
}

.newX{
font-size:20px;
}

.offX{
font-size:18px;
}

.btnDarkX,
.btnGreenX{
font-size:15px;
padding:12px;
}

}

/*  */
.topImgX img{
width:100%;
display:block;
}

/* SLIDER */
.sliderX{
width:100%;
overflow:hidden;
position:relative;
}

.trackX{
display:flex;
transition:0.6s ease;
}

.slideX{
min-width:100%;
position:relative;
}

.slideX video{
width:100%;
height:220px;
object-fit:cover;
}

/* watch */
.watchX{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#fff;
background:rgba(0,0,0,0.5);
padding:8px 14px;
border-radius:20px;
font-size:16px;
}

/* TEXT SECTION */
.textX{
    width:90%;
    margin:0 auto;      
    padding:15px 10px; 
}

.textX h1{
    color:#2f4f1f;
    font-size:28px;
    margin-bottom:5px;
}

.textX h3{
    color:#2f4f1f;
    font-size:22px;
    margin-bottom:10px;
}

.textX p{
    font-size:18px;
    line-height:1.6;
}

.textX ul{
    padding-left:20px;  
}

.textX li{
    font-size:18px;
    margin:8px 0;
}

/* MOBILE */
@media(max-width:600px){

    .textX{
        width:92%;
        padding:12px;
    }

    .textX h1{
        font-size:24px;
    }

    .textX h3{
        font-size:20px;
    }

    .textX p,
    .textX li{
        font-size:16px;
    }
}

/*  */

.box{
    width:92%;
    margin:auto;
    padding:20px;
}

h1{
    color:#2f5d1d;
    font-size:26px;
    margin-top:20px;
}

h2{
    color:#2f5d1d;
    font-size:22px;
    margin-top:25px;
}

p{
    font-size:16px;
    line-height:1.6;
}

ul{
    padding-left:18px;
}

li{
    margin:8px 0;
    font-size:16px;
}

.warn li{
    list-style:none;
}

/* MOBILE */
@media(max-width:600px){

    h1{font-size:22px;}
    h2{font-size:20px;}
    p,li{font-size:15px;}

}
/*  */
.sec{
    width:92%;
    margin:auto;
    padding:20px;
    font-family:sans-serif;
}

h1{
    color:#2f5d1d;
    font-size:26px;
    margin:0;
}

h2{
    color:#2f5d1d;
    font-size:22px;
    margin:5px 0 15px;
}

p{
    font-size:16px;
    line-height:1.6;
}

.bold{
    font-weight:600;
}

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

.tick li{
    margin:10px 0;
    font-size:16px;
}

.tick li::before{
    content:"✔ ";
    color:#2f5d1d;
    font-weight:bold;
}

.btn{
    width:100%;
    padding:14px;
    border:none;
    border-radius:30px; 
    background:#3e6123;
    color:#fff;
    font-size:18px;
    margin:15px 0;
}

.big{
    font-size:18px;
    font-weight:600;
    color:#2f5d1d;
}

/* MOBILE */
@media(max-width:600px){
    h1{font-size:22px;}
    h2{font-size:20px;}
    p,.tick li{font-size:15px;}
    .big{font-size:16px;}
}
/*  */
.wrapX{
    width:92%;
   
    font-family:sans-serif;
}

.titleX{
    font-size:26px;
    margin-bottom:10px;
}

.subX{
    font-size:22px;
    margin-top:20px;
}

.txtX{
    font-size:16px;
    line-height:1.6;
}

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

.listX li{
    margin:8px 0;
    font-size:16px;
}

.listX li::before{
    content:"✔ ";
    font-weight:bold;
}

.finalX{
    font-size:17px;
    font-weight:600;
    margin-top:10px;
}

/* MOBILE */
@media(max-width:600px){
    .titleX{font-size:22px;}
    .subX{font-size:20px;}
    .txtX,.listX li{font-size:15px;}
}
/*  */
.footWrapZ{
    padding:25px 20px;
    background:#f4f4f4;
    font-family:sans-serif;
}

.linksZ p{
    margin:12px 0;
    font-size:16px;
}

.contactZ{
    margin-top:20px;
}

.numZ{
    font-size:18px;
    margin-top:5px;
}

.iconsZ{
    margin-top:15px;
    display:flex;
    gap:20px;
    font-size:20px;
}

.copyZ{
    text-align:center;
    padding:15px;
    background:#e6e6f0;
    font-size:14px;
}

/* MOBILE */
@media(max-width:600px){
    .linksZ p{font-size:15px;}
    .iconsZ{font-size:18px;gap:15px;}
}
/*  */
.codWrapA{
    width:92%;
    margin:auto;
    padding:20px 0;
}

.codTitleA{
    color:#7a2d2d;
    font-size:38px;
    font-weight:500;
    line-height:1.2;
    margin-bottom:25px;
}

label{
    display:block;
    margin:15px 0 6px;
    font-size:16px;
    color:#3b4d2a;
}

/* Normal input */
.inpA{
    width:100%;
    padding:12px;
    border:1px solid #4a5f2d;
    background:#eee7e1;
    outline:none;
    box-sizing:border-box; 
}

/* Phone box */
.phoneBoxA{
    display:flex;
    align-items:center;
    border:1px solid #4a5f2d;
    background:#eee7e1;
    box-sizing:border-box;
}

.phoneBoxA span{
    padding:0 10px;
    color:#333;
    white-space:nowrap;
}

.phoneBoxA input{
    border:none;
    outline:none;
    padding:12px;
    width:100%;
    background:transparent;
    box-sizing:border-box;
}

/* Button */
.btnA{
    width:100%;
    margin-top:20px;
    padding:14px;
    background:#cc3d00;
    color:#fff;
    border:none;
    font-size:18px;
    cursor:pointer;
}

/* MOBILE */
@media(max-width:600px){
    .codTitleA{
        font-size:32px;
    }
}.codWrapA{
    width:92%;
    margin:auto;
    padding:20px 0;
}

.codTitleA{
    color:#7a2d2d;
    font-size:38px;
    font-weight:500;
    line-height:1.2;
    margin-bottom:25px;
}

label{
    display:block;
    margin:15px 0 6px;
    font-size:16px;
    color:#3b4d2a;
}

/* Normal input */
.inpA{
    width:100%;
    padding:12px;
    border:1px solid #4a5f2d;
    background:#eee7e1;
    outline:none;
    box-sizing:border-box; 
}

/* Phone box */
.phoneBoxA{
    display:flex;
    align-items:center;
    border:1px solid #4a5f2d;
    background:#eee7e1;
    box-sizing:border-box;
}

.phoneBoxA span{
    padding:0 10px;
    color:#333;
    white-space:nowrap;
}

.phoneBoxA input{
    border:none;
    outline:none;
    padding:12px;
    width:100%;
    background:transparent;
    box-sizing:border-box;
}

/* Button */
.btnA{
    width:100%;
    margin-top:20px;
    padding:14px;
    background:#cc3d00;
    color:#fff;
    border:none;
    font-size:18px;
    cursor:pointer;
}

/* MOBILE */
@media(max-width:600px){
    .codTitleA{
        font-size:32px;
    }
}
/*  */
.vWrap{
    width:90%;
    margin:15px auto;
}

.vItem{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:10px;
}
/*  */
.sliderFix{overflow:hidden;}
.trackFix{display:flex;transition:0.5s;}
.slideFix{min-width:100%;position:relative;}

.vidFix{
    width:100%;
    height:240px;
    object-fit:cover;
}

.watchFix{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:rgba(0,0,0,0.5);
    color:#fff;
    padding:10px 15px;
    border-radius:20px;
}