@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');

@font-face { font-family: Bagind; src: url('/assets/Bagind.ttf'); }

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Raleway', serif;
    -webkit-tap-highlight-color: transparent;
}
:root{
    --green:#3c5718;
    --dgreen:#304911;
    --ddgreen:#2b410e;
    --lgreen:#f6ffea;
    --yellow:#eaa309;
    --orange:#c45728;
    --text:#272727;
    --white:#fff;
    --bgGrey:#fbfbfb;
    --border:1px solid #e6e6e6;
}
::selection {
    background-color: var(--green);
    color: var(--white)
}
::-moz-selection {
    background-color: var(--green);
    color: var(--white)
}

body.noscroll{overflow-y: hidden;}
a{text-decoration: none;}
.flex{display:flex;align-items: center}
.flex.jcc{justify-content: center;}
.flex.jcsb{justify-content: space-between;}
.flex.fdc{flex-direction: column;}
.flex.jcs{justify-content: flex-start;}

body{width: 100vw;overflow-x:hidden;background: var(--bgGrey);max-width:100vw;overflow-x:hidden}
button{outline:none;border: none;cursor: pointer;transition: 300ms ease;background: none;}
button:disabled, button.disabled{opacity: .5;pointer-events: none;}

.menuBg{display:none}
div.iwr{display: none;align-items: center;justify-content: flex-end;}
.nav{position:relative;background:none;padding:10px 40px;transition:300ms ease;z-index:3;width: 90%;margin:0 auto}
.nav.fix{animation:slideDown 500ms ease;position:fixed;top:0;left:0;width:100vw;height:auto;background:var(--white);padding:5px 30px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);z-index:10}
.navLogo{height:4rem;}
.navUl{display: flex;align-items: center;list-style: none;}
.navLia{color:var(--ddgreen);font-size:95%; padding: 15px 25px; transition: 300ms ease; position:relative;font-weight: 500;}
.navLia:hover{color:var(--text)}
.navLia:not(:has(ion-icon))::after{content:'';background:var(--ddgreen);position:absolute;bottom:4px;left:50%;height: 1.5px;width:90%;border-radius: 20px;transform: translateX(-50%) scaleX(0);transition: 300ms ease;}
.navLia:hover::after{transform: translateX(-50%) scaleX(.7);}
.navLia.active::after{content:'';background:var(--green);position:absolute;bottom:4px;left:50%;height: 2px;width:65%;transform: translateX(-50%);}
.navLia.active{color:var(--green)}
.navLia ion-icon{font-size: 150%;}
.navLia:has(ion-icon){padding:15px}
.navLia:has(ion-icon):hover{color:var(--dgreen)}
.navLia span{height: 1.1rem;width: 1.1rem;background:var(--yellow);color:var(--ddgreen);border-radius: 50%;font-size: 80%;display: grid;text-align: center;position: absolute;left:45%;top:.1rem;place-items: center;}

.bottom_sheet_bg{position: fixed;z-index:20;height:100vh;width:100vw;background:rgba(0,0,0,.4);top:0;left:0;backdrop-filter: blur(2px);}
.bottom_sheet{height:100%;width:100%;position:relative}
.bs_container{background: var(--white);border-radius: 15px;box-shadow: var(--boxShadow); width:100%;max-width: 800px;overflow: hidden; animation: bs_slide 300ms ease}
.bs_container:has(.login_form_wrap){max-width: 400px;}
.bs_head{padding:20px 15px;position:relative;background:var(--lgreen);border-bottom: var(--border);text-align: center;}
.bs_close_btn{background:none;outline:none;border:none;cursor: pointer; position:absolute;top:15px;right:15px;font-size: 150%;transition: 300ms ease; color:grey;}
.bs_close_btn:hover{color:var(--green)}
.bs_form{padding:15px}
.login_form_wrap{padding:20px;position:relative;padding-top: 40px;}
.bs_btn{padding:10px;opacity:.3;transition:300ms ease;font-weight: 600;font-size: 130%;color:black}
.bs_btn:hover{opacity: .8;}
.bs_btn.active{opacity:1;pointer-events: none;color:var(--green);position:relative}
.bs_btn.active::after{position:absolute;content:'';height: 2px;width: 40%;background:var(--green);left:50%;bottom:0;transform: translate(-50%,-50%);}
.bs_log_head{border-bottom: var(--border);padding-bottom: 20px;}
.inp_message{font-size: 60%;opacity: .9;margin-top: -8px;margin-left: 10px;font-family:'Poppins'}

.intro{min-height: 90vh;position:relative;width: 100vw;overflow:hidden}
.i_vector{width: 100%;position: absolute;bottom:0;height: auto;left:50%;transform: translateX(-50%);}
.i_vector.i2{width: 105%;z-index: 3;bottom:0}
.i_vector.i3{width: 100%;z-index:1;bottom:8rem}
.i_vector.i1{z-index:5;pointer-events: none;}
.i_h{font-family: 'Bagind';font-size: 450%;margin-top: .8%;color:var(--dgreen);}
.i_explore{z-index: 4;position:absolute;left:50%;height: 13rem;animation:smoothbounceball 5000ms infinite;bottom:2%;cursor: pointer;}
.i_logo{position:absolute;left:50%;bottom:28%;transform: translate(-50%,-50%);z-index:2;width: 55%;}
.i_text{font-size: 130%;margin-top: -1%;width: 60%;text-align: center;color:var(--dgreen);position:relative;z-index:2;font-weight: 300;line-height: 130%;}
.i_hwm{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 80%;height: auto;opacity: .2;z-index: -1;}
.intro_products_slider{position:relative;height: 20rem;width:80%;margin:3rem auto}
.intro_product_container{height: 100%;display: flex;align-items: center;justify-content: center;}
.intro_product_img_wrap{position:relative;width: 90%;height: 100%;overflow: hidden;transition:300ms ease}
.intro_product_img_wrap:hover{transform: scale(1.1);}
.intro_product_img{object-fit: contain;width: 80%;height:auto}

.i_abt_grid{display:grid;grid-template-columns: 80% 1fr;grid-gap: 20px;width: 60%;margin:0 auto;color:var(--white)}
.lkjdgla{height: 110vh;}
.lkjdgla .i_abt_grid{margin-bottom: -40px;}
.i_abt_grid:has(.nd){grid-template-columns: 55% 1fr}
.iag_left{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.iag_head{text-transform: uppercase;font-size: 180%;letter-spacing: 1px;font-weight: 500;color:var(--orange)}
.iag_text{margin:25px 0 30px 0;font-size: 110%;font-weight: 200;line-height: 150%;font-weight: 300;}
.iag_img{width: 90%;}

.btn{color:var(--ddgreen);background:var(--yellow);font-weight: 600;padding:14px 30px;border-radius: 12px;font-size: 120%;position:relative;z-index:2;}
.btn::after{content:'';position: absolute;top:-5px;left:-5px;height: 100%;width: 100%;border-radius: 12px;border:1px solid var(--green);background: transparent;transition:300ms ease}
.btn:hover::after{top:0;left:0}
.btn.iag_btn::after{border-color: var(--white);}
.btn.iag_btn{margin-left: 5px;transition: 300ms ease;}
.btn.iag_btn:hover{margin-left: 4px}
nav .btn::after{display: none;}
nav .btn{padding:12px 20px;font-size: 95%;}
.i_farmers .btn.iag_btn::after{border-color: var(--green);}

section.i_prd{position: relative;padding:50px 0 70px 0}
.section_top{width:80%;margin:40px auto 0 auto}
.st_head{color:var(--dgreen);font-size: 230%;font-weight: 700;max-width: 80%;}
.st_head span{font-family: 'Bagind',serif;font-weight: normal;font-size: 160%}
.products{width: 80%;margin:20px auto;padding:0 2px;position:relative}
.sw_nav_btn{position:absolute;top:55%;transform: translateY(-50%);height: 50px;width: 50px;transition: 300ms ease;display: grid;place-items: center;border-radius: 50%;color:var(--dgreen);font-size: 150%;background:rgba(255,255,255,.7);z-index: 2;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);cursor: pointer;}
.sw_nav_btn:hover{background:var(--white)}
.sw_nav_btn:disabled{pointer-events: none;opacity: .5;}
.sw_nav_btn.lft{left:8.5%}
.sw_nav_btn.rft{right:8.5%}
.product{border-radius: 20px;box-shadow:0 4px 10px rgba(45, 45, 45, 0.2);overflow: hidden;transition:300ms ease}
.product:hover{box-shadow:0 6px 20px rgba(0, 0, 0, 0.3)}
.product_img_wrap{height:13rem;overflow: hidden;background:#f8f9fb}
.product_img_wrap:has(.product_image){height: 15rem;}
.product_img{height: 100%;width: 100%;object-fit: cover;transition:300ms ease}
.product_image{height: 80%;width: auto;}
.product:hover .product_img{transform: scale(1.02);}
.product_detail{padding:15px;min-height: 180px;position:relative}
.product_detail div.flex.jcsb{width: 92%;position: absolute;bottom:15px;left:50%;transform: translateX(-50%);}
.product_name{font-weight: 300;font-size: 130%;transition:300ms ease;color:var(--ddgreen);font-family: 'Bagind', serif;}
.product_name:hover{color:var(--green);}
.product_name.price{font-weight: 300;}
.product_rating_ul{display: flex;align-items: center;list-style: none;justify-content: flex-start;}
.product_rating_li ion-icon{color:var(--yellow);margin-left:-.8rem}
.product_desc{font-size: 85%;color:var(--txt);margin:10px 0 15px 0;font-weight: 500;opacity: .7;}
.product_desc span{opacity: 1;font-weight: 600;display: inline-block;color:var(--white);padding:1px 3px}
.product_name_wrap{min-height: 3rem}
.product_desc span.in_stock{background:var(--ddgreen)}
.product_desc span.out_of_stock{background:red}
.vp_a{transition:300ms ease;color:var(--green);font-weight: 500;font-size: 90%;border:1px solid var(--green);border-radius: 20rem;padding:.4rem .7rem;background: none;}
.vp_a:hover{color:var(--dgreen);background:var(--yellow);border-color: var(--yellow);}
.vp_a ion-icon{margin-bottom: -2px;font-size: 120%;}
.ip_pg, .tm_pg{margin-bottom: 0;}
.products.i_prdcts{overflow: hidden;padding:0 10px 50px 10px}
.swiper-pagination-bullet-active{background:var(--green);transition: 300ms ease;transform: scale(1.5);}
.pr_ul{display: flex;margin:.7rem 0;list-style: none;}
.pr_li{margin-right: .15rem;font-size: 120%;color:var(--yellow)}

.i_farmers{padding:80px 0 100px 0}
.i_farmers:not(:has(.farmer_stories)){background: url('/assets/farmers_bg_vector.svg');background-size: contain;background-position: bottom;background-repeat: no-repeat;background:var(--lgreen);}
.i_farmers:has(.farmer_story){background:var(--lgreen);}
.i_farmers .st_head{text-align: center;}
.fg_con{width: 95%;margin:40px auto}
.farmers_grid{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 40px;transition: 300ms ease;margin: 0 auto;z-index: 2;position: relative;}
.farmer, .farmer_img_wrap{position:relative;}
.farmer_img_wrap{border-radius: 20px;height: 25rem;transition: 300ms ease;}
.farmer_img{height: 100%;width: 100%;border-radius: 20px;object-fit: cover;}
.farmer:nth-of-type(2n-1) .farmer_img_wrap{transform: rotate(-3deg);}
.farmer:nth-of-type(2n-1):hover .farmer_img_wrap{transform: rotate(-2deg);}
.farmer:nth-of-type(2n) .farmer_img_wrap{transform: rotate(3deg);}
.farmer:nth-of-type(2n):hover .farmer_img_wrap{transform: rotate(2deg);}
.farmer:nth-of-type(2n){margin-top: -10px;}
.farmer_img_wrap::after{content:'';position: absolute;top:-10px;left:-5px;height: 103%;width: 100%;border-radius: 22px;border:2px solid var(--yellow);background: transparent;transform: rotate(-3deg);}
.farmer:nth-of-type(2n) .farmer_img_wrap::after{border-color: var(--green);transform: rotate(-2deg);top:-8px}
.farmer_card_detail{position:absolute;height: 80%;width: 100%;bottom:0;left:0;border-radius: 20px;background:linear-gradient(to top, #174231e2 0%,rgba(0,0,0,0)100%);color:var(--white);transition:300ms ease;display:flex;align-items: flex-start;flex-direction: column;justify-content: flex-end;padding:20px;opacity: 0;pointer-events: none;}
.fcd_head{font-size: 130%;}
.fcd_head_{font-size: 90%;margin: 5px 0 8px 0;}
.fcd_txt{font-size: 70%;opacity: .8;}
.farmer:hover .farmer_card_detail{opacity: 1;pointer-events: all}

section.i_testimonials{padding:70px 0 80px 0}
.testimonials{width: 80%;margin:40x 0;padding: 30px 0 50px 0;}
.testimonial{background:var(--green);color:var(--white);border-radius: 20px;padding:15px;position:relative;overflow: hidden;transition: 100ms ease-out;height: 230px;}
.testmonial_top{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 15px;}
.tm_img_wrap{border-radius: 50%;background:rgba(255,255,255,.5);display: grid;place-items: center;aspect-ratio: 1;overflow: hidden;place-items: center;width: 20%;}
.tm_img{height: 100%;width: 100%;object-fit: cover;}
.tm_quote{font-size: 600%;transform: rotate(180deg);line-height: 100px;margin-top:-50px}
.tm_top_det{width: 70%;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;height: 100%;padding-top: 10px;}
.tmt_name{font-weight: 600;font-size: 105%;margin-bottom: 2px;}
.tmt_title{opacity: .8;font-size: 75%;}
.tm_text{font-size: 85%;line-height: 160%;font-weight: 400;padding:15px;background:rgba(23, 94, 92, 0.2);border-radius:15px;}
.testimonial::after{content:'';position:absolute;bottom:0;left:0;width: 100%;height: 50%;z-index:2;background:linear-gradient(to top, var(--green) 0%,var(--green) 30%, rgba(0,0,0,0) 100%);pointer-events: none;}
.testimonial.full{height: 100%;padding-bottom: 2.5rem;}
.testimonial.full::after{display: none;}
.tmspan{display: inline-block;position: absolute;bottom:1rem;right:1rem;z-index:3;color:var(--yellow);cursor: pointer;transition: 300ms ease;font-weight: 500}
.tmspan:hover{color:var(--yellow)}

.inp_grp{position:relative;width:100%;margin-bottom: 1rem;border-radius: 2rem;transition: 300ms ease;}
.inp_box{background:none;padding:1rem;outline:none;border:1px solid var(--green);color:var(--green);font-size: 105%;width:100%;font-weight: 600;resize: vertical;border-radius: 2rem;background:var(--white)}
.inp_label{color:var(--green);font-size:95%;position:absolute;top:1.5rem;left:25px;transition:300ms ease;transform: translateY(-50%);font-weight: 400;}
.contact_form{width: 100%}
.c_form{width: 80%;}
.inp_grp:has(.inp_box:focus) .inp_box{box-shadow: 0 4px 15px #317e6043;}
.inp_box:focus + .inp_label, .inp_box:not(:placeholder-shown) + .inp_label{font-size: 70%;top:1%;background:var(--green);z-index:2;color:var(--white);font-weight: 500;opacity: 1;padding:3px 8px;left:2rem;border:2px solid var(--pink);border-radius: 10px;box-shadow: 0 4px 10px #317e6043;}
.cf_form{width: 90%;margin:10px auto;}
section.cnt .iag_left{padding-left: 40px;}
section.cnt .iag_img{width: 70%;}
section.cnt .i_abt_grid{grid-template-columns: 90% 1fr;width: 80%;position:relative}

section.cnt {padding:60px 0;background:var(--lgreen);position:relative;height: 60vh;}
section.cnt .st_head{font-size: 200%;font-weight: 300;line-height: 130%;}
section.cnt .st_head span{font-size: 200%}
section.cnt .btn{margin-top:30px}
.cf_wrap{margin:1.8rem 0 1rem 0}

.inp_box[type='email']{text-transform: lowercase;}
section.i_farmers:not(:has(.farmer_stories))::after{background: url('/assets/farmers_bg_vector.svg');background-size: contain;background-position: bottom;background-repeat: no-repeat;position:absolute;top:0;left:0;height: 100%;width: 100%;content: '';z-index: 0;}
section.cnt::after{background: url('/assets/connect_bg.png');background-size: contain;background-position: bottom;background-repeat: no-repeat;position:absolute;top:0;left:0;height: 100%;width: 100%;content: '';z-index: 0;}
section.cnt form, section.cnt p, section.cnt img{position: relative;z-index: 2;}

.btn:hover{transform: scale(.98);}
section.i_farmers .st_head{z-index:2;}
footer{background: var(--green);padding:50px 0}
.nl_form{display: flex;align-items: center;justify-content: flex-end;}
.nl_input::placeholder{color:#5a5a5a}
.nl_input{background:var(--white);border:none;outline:none;border-radius: 30px;padding:15px 25px}
.ftr{width: 85%;margin:0 auto;display: flex;align-items: start;justify-content: space-between;}
.ftr_logo{height: 7rem;margin-bottom: .5rem;}
.ftrLia, .ftrLia1{font-size: 90%;transition:300ms ease;color:var(--white);opacity: .8;}
.ftrLia:hover, .ftrLia1:hover{opacity: 1;}
.ftrUl{list-style:none;}
.ftrUl1{display: flex;align-items: center;justify-content: flex-start;margin-bottom: 1rem;list-style: none;}
.nl_btn{color:var(--ddgreen);background:none;border:2px solid var(--yellow);padding:15px 25px;border-radius: 30px;margin-left:10px;background:var(--yellow);font-weight: bold;}
.ftrLia1{margin:5px 10px;font-size: 150%;}
.ftrLia1:hover{transform: scale(2);}
.ftrLi{padding:.5rem;margin:0 15px;font-weight: 500;}
.abt_bg_vec{position: absolute;width: 100%;height: auto;left:0;bottom:0;}
section.i_abt:has(.abt_bg_vec){min-height: 100vh;padding-bottom: 170px}
.i_abt_grid:has(.nd){padding-bottom: 0;margin-bottom: -90px;}
.iag_left.nd{order:2}
.abt_intro{height: 85vh;color:var(--white);background:url('/assets/abt_bg_.png');position:relative;background-size: cover;background-position: center;background-repeat: no-repeat;text-align: center;}
.abt_intro::before{content:'';position:absolute;top:0;left:0;height: 100%;width: 100%;background:rgba(1, 49, 35, 0.155);z-index:1;}
.abt_intro p{z-index:2}
.abt_intro:has(.flw_img)::before{display: none;}
.flw_img{height: 100%;width: 100%;object-fit: cover;}
.ai_h{font-size: 650%;font-family: 'Bagind',serif;font-weight: 300;margin-bottom: 1rem;}
.ai_h1{font-size: 140%;width: 80%;margin-bottom: 10px;line-height: 150%;font-weight: 300;}
.ai_h2{font-size: 110%;width: 80%;}
.ftr_left{display: grid;grid-template-columns: repeat(3,1fr);place-items: center;}
.ftr_right{margin-top: 1.5rem;}
section.i_abt{background: var(--white);z-index:5;position: relative;height: 100vh;}
section.i_abt:nth-of-type(3){background: var(--lgreen);z-index:5;position: relative;}
section.i_abt:has(.iag_btn){background: var(--green)}
.i_abt_ph{object-fit: cover;height: 100%;width: 100%;}
.ftr_credit{text-align: center;color:var(--white);opacity: .6;font-size: 70%;margin-top: 2rem;border-top: 1px solid rgba(255,255,255,.2);padding-top: 2rem;}
.i_abt .iag_text.iag{color:var(--ddgreen)}
.i_abt:has(.iag_btn) .iag_text.iag{color:var(--white)}
section.ov{padding:5rem 0}
section.ov .i_text{font-weight: 400;width: 75%;line-height: 1.7rem;color:var(--text);font-size: 110%;}
section.ov .i_text.ovt{font-weight: 500;margin: 2rem auto;color:var(--ddgreen)}

section.i_farmers{background:var(--lgreen);position: relative;z-index:2}
.farmer_stories{width: 80%;margin:2rem auto}
.farmer_story{display: grid;grid-template-columns: 35% 1fr;margin-bottom: 8rem;place-items: center;}
.farmer_story:nth-of-type(2n){grid-template-columns: 1fr 35%;}
.fs_img_wrap{display: flex;justify-content: flex-start;align-items: center;max-height: 350px;min-height: 350px;}
.farmer_story:nth-of-type(2n) .fs_img_wrap{order:2;justify-content: flex-end;}
.fs_container{background:var(--white);border-radius: 1rem;padding:2rem;height: 90%;transform: rotate(2deg)}
.farmer_story:nth-of-type(2n) .fs_container{transform: rotate(-2deg)}
.fs_img{transform: rotate(-2deg);height: 100%;width: 100%;border-radius: 22px;position: relative;object-fit: cover;transition: 300ms ease;max-height: 400px;min-height: 300px;}
.farmer_story:nth-of-type(2n) .fs_img{transform: rotate(2deg)}
.fs_det{display: flex;align-items: center;justify-content: center;}
.fs_img_con{position:relative;height: 100%;width: 90%;}
.fs_img_con::after, .fs_container::after{content:'';position: absolute;top:-10px;left:-5px;height: 103%;width: 99%;border-radius: 22px;border:1px solid var(--yellow);background: transparent;transform: rotate(-3deg);}
.fs_container::after{transform: rotate(-1deg);}
.farmer_story:nth-of-type(2n) .fs_img_con::after{transform: rotate(1deg)}
.fs_head{font-family: Bagind,serif;font-size: 400%;color:var(--dgreen)}
.fs_text{font-size: 110%;font-weight: 400;color:var(--text);line-height: 150%;}
.fs_img_con:hover .fs_img{transform: scale(1.005);}
section.i_farmers:has(.farmer_stories){position:relative}
section:has(.pdp_sp){background:var(--lgreen);padding-top: 2rem;}
section:has(.pdp_sp) .products{margin-top:-2rem}
.pdp_sp{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 1.5rem;}
.pdp_sp .product{background:var(--white);}
.pdp_p .psort_sel, .ci_l_det select{border-color: var(--green);border-radius: 20px;font-size: 90%;padding:.2rem .7rem;margin-left: 1rem;font-family: 'Poppins';font-weight: 500;}
.pd_page{display: grid;width:83%;margin:2rem auto 8rem auto;grid-template-columns: 40% 1fr;grid-gap: 3rem;color:var(--text);font-weight: 500;}
.pdi{display: block}
.pdp_images{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1rem;position:sticky;top:0}
.pdp_img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 1/1;border-radius: 1rem;}
.pdp_img:nth-of-type(1),.pdp_img:nth-of-type(4),.pdp_img:nth-of-type(7){grid-column: span 2;}
.pdp_ul{display: flex;align-items: center;justify-content: flex-start;text-transform: uppercase;flex-wrap: wrap;list-style: none;}
.pdp_lia{color:var(--text);opacity: .6;font-size: 90%;font-weight: 500;margin-right: 2rem;margin-bottom: 1rem;position:relative;transition:300ms ease}
.pdp_li{position:relative}
.pdp_li:not(:last-child)::after{content:'/';color:var(--text);opacity: .6;position:absolute;top:55%;right:.7rem;transform: translateY(-50%);}
.pdp_li:last-child .pdp_lia{font-weight: 700;opacity: 1;pointer-events: none;}
.pdp_ul.crt .pdp_lia.active{font-weight: 700;opacity: 1;color:var(--green);pointer-events: none;}
.pdp_ul.crt .pdp_li:not(:has(.pdp_lia.active)) .pdp_lia{color:var(--text);opacity: .6;font-size: 90%;font-weight: 500}
.pdp_li:not(:last-child) .pdp_lia:hover, .pdp_ul.crt .pdp_li:not(:has(.pdp_lia.active)) .pdp_lia:hover{opacity:1;color:var(--text)}
.pdp_name{font-size: 220%;font-weight: 700;margin:1rem 0}
.pdp_p{color:#808080;margin-bottom: .5rem;font-size: 90%;font-weight: 400;}
.pdp_p span{color:black;font-weight: 600;}
.pd_page .pr_li{font-size: 200%;}
.pd_page .pr_ul{margin:2rem 0 1rem 0}
.btn.pdp_btn{background:none;border:1px solid var(--dgreen);color:var(--dgreen);margin-right: 1rem;}
.btn.pdp_btn:hover{background:var(--dgreen);color:var(--white)}
.btn.pdp_btn::after{display: none;}
.pd_page .iag_head{margin:2rem 0 .5rem 0;font-size: 120%;font-weight: 700;}
.pd_page .iag_text{font-size: 100%;line-height: 150%;margin:0;font-weight: 500;}
.pdp_bp_ul{list-style-type: disc;margin-left: 1rem;}
.pdp_bp_ul .iag_text{margin-bottom: .3rem;}
.pd_page .btn{font-size: 100%}
.pd_page .btn ion-icon{font-size: 120%;margin-bottom:-.2rem}

.pg_top{padding:1rem 0;background:url('/assets/page_top_bg.svg');background-position: center;background-size: cover;background-repeat: no-repeat;}

.prod_cat_ul{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;width:84%;margin:3rem auto 2.5rem auto;list-style: none;}
.prod_cat_li{margin-right: .5rem;border-radius: 30px;border:.5px solid var(--dgreen);cursor:pointer;transition:300ms ease;color:var(--ddgreen);padding:.4rem;min-width: 6rem;font-weight: 400;display: flex;align-items: center;justify-content: flex-start;margin-bottom: .5rem;}
.prod_cat_li.active{color:var(--ddgreen);border-color: var(--yellow);background:var(--yellow)}
.prod_cat_li:hover{background:var(--lgreen)}
.prod_cat_li.active:hover{background: var(--yellow);}
.prod_cat_li:not(:has(span)){text-align: center;justify-content: center;line-height: 200%}
.prod_cat_li:has(span){padding-right: 1.5rem;}
.prod_cat_li span{display: grid;place-items: center;border-radius: 50%;background:#e8d3bb;aspect-ratio: 1;height: 100%;margin-right: .5rem;}
.prod_cat_li span img{height: 1.5rem;}
.prod_wrap{width:83%;margin:0 auto 2rem auto;margin-top: -2rem;}
.prod_wrap .products{width: 100%;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 1.5rem;margin-top: 0rem;margin-left: -.5rem;}
.prod_wrap label{color:var(--ddgreen);display: block;font-size: 80%;font-weight: 500;margin-bottom: .3rem;}


.pop_wrap{height: 80%;width: 55%;overflow: hidden;}
.po_pop{height: 100%;width: 100%;object-fit: cover;}
.p_close{position: absolute;top:5%;right:5%;color:var(--white);transition: 300ms ease;border:1px solid var(--white);display: flex;align-items: center;justify-content: center;background: none;font-size: 150%;height: 2rem;width: 2rem;aspect-ratio: 1;border-radius: 50%;}
.p_close:hover{filter: brightness(120%);background: rgba(255,255,255,.1);}
.filter_{display: flex;align-items: center;justify-content: space-between;color:var(--dgreen);font-weight: 500;margin-bottom: 10px;width: 99%;}
.psort_grp label{display: inline-block;}
.psort_grp{transition: 300ms ease;}
.psort_sel{transition:300ms ease;padding:.4rem .2rem;background: none;border:none;outline: none;border:1px solid transparent;color:var(--dgreen);font-weight: 600;}
.psort_sel:hover{border-color: var(--green)}

.iag_text.it{color:var(--text);opacity: 1;font-weight: 400;}
section:has(.ov_bg_vec){position: relative;overflow: hidden;padding-bottom: 8rem;}
.ov_bg_vec{position: absolute;bottom:-15%;width: 100%;object-fit: cover;height: auto;}
section.i_prd .iag_btn{display: none;}
.fs_text_{font-size: 130%;margin-bottom: 10px;margin-top: -15px;color:var(--dgreen);font-weight: 500;font-style: oblique;}
section.i_farmers:has(.farmer_stories) .ov_bg_vec{bottom: -6rem}
.price, .price span{font-family: 'Poppins';}
.price span, .price:has(span){color:#4f4f4f;}
.product_detail ul{margin:.5rem .2rem;margin-bottom:50px;}
.product_detail ul li{margin:4px 10px;line-height:110%;font-size:110%;color:#202020;font-weight:300;}

.pdp_ul.crt{justify-content: center;}
.pdp_ul.crt .pdp_li:not(:last-child)::after{content:'>'}

.cart_items{margin:2rem auto}
.cart_item{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2rem;padding:20px 0;margin:10px auto;border-bottom: var(--border);width: 80%;}
.cart_item:first-of-type{margin-top: 0;}
.ci_left{display: flex;align-items: center;justify-content: flex-start;}
.ci_img_wrap{aspect-ratio: 1;overflow: hidden;border-radius: 10px;width: 90px;}
.ci_img{height: 100%;width: 100%;object-fit: cover;}
.ci_l_det{padding:5px 0 5px 20px}
.ci_l_det .product_name{font-size: 110%;font-weight: 500;}
.ci_l_det select{margin-left: 0;margin-top: 10px;}
.ci_right .product_name.price{font-weight: 500;}
.ci_i_toggle{display: grid;grid-template-columns: 1fr 50px 1fr;place-items: center;border-radius: 20px;border:1px solid var(--yellow);font-size: 150%;color:var(--dgreen);font-weight: 500;}
.ci_toggle_btn{padding:8px;background: none;font-size: 100%;display: grid;place-items: center;outline:none;color:var(--dgreen);border-radius: 50%;transition:300ms ease}
.ci_toggle_btn:hover{color:var(--green)}
.ci_t_p{pointer-events: none;margin-top: -4px;}
.cart_item:has(table){border:none;grid-template-columns: 60% 1fr;margin-bottom: 5rem;}
.crt_btm_left .nl_input{border:1px solid #ccc;background:none;width: 300px;}
.crt_btm_left .btn, .forms_wrap .btn{height: 100%;padding:15px 60px;margin-left: 8px;font-size: 80%;}
.cart_item table{border-collapse: collapse;width: 100%;font-size: 90%;}
.crt_td.price{font-weight: 500;text-align: right;}
.crt_tr.top{font-size: 120%;}
.crt_tr.top td{padding-bottom: 10px;}
.crt_tr.btm{border-top: var(--border);}
.crt_tr.btm td{font-size: 150%;}
.crt_tr.btm .crt_td{padding-top:15px;}
.crt_tr.nd td{padding-bottom: 15px;}
.crt_tr.cpn td{color:var(--green);font-weight: 600;}
.crt_tr.cpn td span{font-family: 'Poppins',sans-serif;font-weight: 500;}
.crt_btm_left, .crt_btm_ryt{width: 100%;}
.crt_btm_ryt .btn.ptco{margin-top: 3rem;width: 100%;}
.co_page{width: 85%;margin:5rem auto;display: grid;grid-template-columns: 55% 1fr;grid-gap: 20px;}
.co_page .cart_item{width: 100%;grid-template-columns: 65% 1fr;}
.co_right{border-left:var(--border);padding-left: 20px;}
.co_right table{grid-column: span 2;}
.or_tag{margin:40px auto;display: grid;place-items: center;border-radius: 50%;height: 45px;aspect-ratio: 1;background:#e3e3e3;pointer-events: none;position:relative;z-index:1}
.or_tag::before, .or_tag::after{top:50%;transform: translate(-50%,-50%);height: 1px;content:'';position:absolute;width:100px;background: var(--green)}
.or_tag::after{right:-60px;transform: translate(50%,-50%)}
.or_tag::before{left:-60px}
.pcdet ion-icon{font-size: 200%;color:var(--green);margin-top: -5px;}
.pcdt{padding:0 20px}
.pcdet .product_desc{font-family: 'Poppins',sans-serif;font-size: 120%;opacity: .5;margin-top: -3px;}
.pcde{color:var(--green);font-weight: 600;font-family: 'Poppins',sans-serif;font-size: 180%;}
.pcrembtn{color:#fc3a52;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;font-size: 90%;padding:10px 20px;border-radius: 10px;}
.cart_item .nl_input{transition:300ms ease;font-family: 'Poppins',sans-serif;font-size: 120%;padding:0 20px;line-height: 240%;}
.cart_item .nl_input:hover{border-color:var(--green)}
.cart_item .nl_input.success{border-color:var(--dgreen);color:var(--dgreen)}
.cart_item .nl_input.error{border-color:#fc3a52;color:#fc3a52}
.pcmsg{margin-top:5px;font-size: 80%;margin-left: 15px;font-weight: 600;}
.pcmsg.success{color:var(--green)}
.pcmsg.error{color:#fc3a52}
.pcrembtn:hover{background:#fc3a5113}
.pc_wrap{border-radius: 20px;position:relative;width: 70%;padding:20px;background: #1ce19611;margin-top: 10px;}
.pc_wrap::after{content:'';position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);height: 105%;width: 101%;border-radius: 25px;border:2px dashed var(--green);pointer-events: none;}
.bottom_sheet .or_tag{margin:0 auto 20px auto}
.bottom_sheet .g_login{margin:0}
.tt1_grid{display: grid;grid-template-columns: 1fr 1fr;}
.tht1_grid{display: grid;grid-template-columns: 1fr 1fr 1fr;}
.co_page .tt1_grid, .co_page .tht1_grid{grid-gap: 0 20px;}
.address_form .inp_box{border-color: #ccc;color:var(--text);transition: 300ms ease;border-radius: 15px;}
.address_form .inp_box:hover{border-color: var(--green)}
.address_form .inp_label{color:var(--text)}
.address_form .inp_grp{margin:10px 0}
.form_head{font-weight: 700;color:var(--text);margin-bottom: 20px;font-size: 120%;}
.g_login{background:var(--white);border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);padding:8px;margin-left: 15px;}
.g_login img{height: 40px;}
.ia_btn{margin:30px 0;display: flex;align-items: flex-start;justify-content: flex-start;}
.ia_btn input{margin-right: 10px}
.ia_btn p{margin-top: -3px;color:var(--text);font-size: 85%;}
.ia_btn a{color:var(--green);font-weight: 600;}
.ptp_btn_wrap{display: flex;justify-content: space-between;align-items: center;margin:3rem 0;padding-bottom: 3rem;}
.bottom_sheet .ptp_btn_wrap{margin-bottom: 0;border:none}
.co_page:has(.policies) .ptp_btn_wrap{border-bottom: var(--border)}

.co_r_a{margin-left: -50%;}
ul.policies{list-style: none;width: 100%;margin-bottom: 30px;display: grid;grid-template-columns: repeat(4, 1fr);width: 100%;align-items: center;}
ul.policies li{width: 100%;text-align: center;}
.pol_lia{font-size: 80%;color:var(--green);text-transform: uppercase;font-weight: 500}
.order_item{padding:15px;border-radius: 20px;margin-bottom: 20px;background:#eee;}
.oi_top{display: flex;align-items: flex-end;justify-content: flex-start;margin-bottom: 20px;}
.oit_div:not(:last-of-type){margin-right: 10px}
.oit_div{display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-end;padding:5px}
.oit_div label{text-transform: uppercase;font-size: 60%;}
.oit_p{font-size: 90%;font-weight: 500;}
.oit_p.oid{font-size: 80%;font-family: 'Poppins';}
.oi_det{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 20px;}
.io_action_btns{display: flex;align-items: flex-end;flex-direction: column;justify-content: flex-start;}
.io_action_btn{padding:8px 15px;border-radius: 30px;border:1px solid var(--green);white-space: nowrap;color:var(--green);margin-bottom: 5px;font-weight: 600;transition:300ms ease}
.io_action_btn:hover{background:var(--green);color:var(--white)}
.address_form_wrap.login_form{padding:20px}
.forms_wrap{margin-bottom: 40px;width:200%;display: grid;grid-template-columns: 1fr 1fr;transition:200ms ease-in-out}
.forms_wrap .inp_box{margin-bottom: 15px;}
.order_item .product_name{font-size:90%}
.password_toggle{position: absolute;height: 60%;width: auto;right:8px;font-size: 150%;z-index:2;transition: 300ms ease;color:#797979;background:var(--white);top:45%;transform:translateY(-50%)}
.inp_grp:has(.inp_box[type = 'password']) #ico_on{display:none}
.inp_grp:has(.inp_box[type = 'text']) #ico_off{display:none}
.content_page{width:80%;margin:30px auto;padding:30px 20px;background: rgba(255,255,255,.7);box-shadow: 0 2px 10px rgba(100, 100, 100, 0.1);}
.co_date{margin-bottom: 20px;font-size: 80%;}

.sbody{position:fixed; top:0;left:0;height:100vh;width:100vw;overflow:hidden;z-index:10;display:flex;align-items: center;justify-content: center;color:var(--white);flex-direction: column;}
.sbody::before, .sbody::after{position:absolute;top:50%;left:50%;content:'';background:var(--green);transform: translate(-50%,-50%); transform-origin: center; animation:zoom 800ms ease-in-out;border-radius: 50%;}
.sbody::before{height:300vh;width:300vh;z-index:12}
.sbody::after{height:305vh;width:315vh;z-index:11;background:var(--pink)}
.sbldiv{background:var(--white);height:100px;width:100px; border-radius: 50%; animation: smallBall 1500ms ease;position:relative;z-index:13;transform-origin: left; overflow: hidden;border:3px solid var(--white)}
.sbldImg{height:70px;animation:sbImg 1500ms ease;position:absolute;}
.sbldiv::before{content:'';position:absolute;left:0;top:0;background:var(--white);animation:slideSDbefore 4000ms ease;z-index:15;transform-origin: left;height:100%;width:100%;border-radius: 50%}
.sbldiv::after{content:'';position:absolute;right:0;bottom:0;background:#317e6042;animation:slideSDbefore1 3000ms ease;z-index:14;transform-origin: right;height:100%;width:100%;border-radius: 50%}
.checkmark{color:var(--green);z-index:15;font-size:100px;animation:cmAn 4000ms ease-in}
.sbld{z-index:15;animation:slidejksd 4000ms ease;text-align: center; width:70%;max-width:350px;margin-top:20px;font-size: 90%;}
.sbld .st_head{font-size: 300%;color:var(--white);margin-left: 40px;}
.sbld .intro_p{margin:-10px auto 20px auto}
.gbhlink{color:var(--white);padding:5px 20px;border: 2px solid var(--white);border-radius: 20px;font-size:85%;font-weight: 500;background:var(--green);transition:300ms ease;font-weight: 600;}
.gbhlink:hover{background:var(--white);color:var(--green)}

.pp_atc_action{border:1px solid var(--green);border-radius: 30px;position:relative;display: inline-block;overflow: hidden;margin-right: 12px;width: 180px}
.product_detail .pp_atc_action{width: auto;margin-right: 0;}
.qtt_btn_wrap{position:absolute;left:-100%;top:52%;transform: translateY(-50%);height: 100%;z-index:2;transition: 200ms ease;width: 100%;height: 100%;display: grid;grid-template-columns: 1fr 40% 1fr;background:var(--white);text-align: center;align-items: center;font-size: 150%;color:var(--dgreen)}
.product_detail .qtt_btn_wrap{font-size: 100%;}
.atc_b{color:var(--dgreen);font-weight: 500;padding:12px 0;font-size: 110%;width: 100%;text-align: center;transition:300ms ease}
.product_detail .atc_b{padding:8px 16px;font-size: 90%;}
.product_detail .pp_atc_action:has(.qtt_btn_wrap.show){margin-bottom: 0;}
.atc_b:hover{background:#317e6011}
.atc_b ion-icon{font-size: 120%;margin-bottom: -4px;}
.product_detail .atc_b ion-icon{margin-bottom: -2px;}
.pdp_btn_grp{display: flex;align-items: center;justify-content: flex-start;}
.pdp_btn_grp .btn{margin-bottom: -2px;}
.qtt_btn_wrap.show{left: 0;}
.qtt_btn{font-size: 120%;color:#848484;transition:300ms ease;height: 100%;display: block;padding-top: 3px;}
.qtt_btn:hover{color:var(--dgreen)}
.product_detail .atc_b:hover{background:var(--yellow);color:var(--dgreen)}
.product_detail .pp_atc_action:hover{border-color: var(--yellow);}

.initld{position:fixed;top:0;left:0;height: 100vh;width: 100vw;background:rgba(255,255,255,.4);backdrop-filter: blur(40px);z-index: 20}
.ldlogo{height: 100px;}
.pdtxt{font-weight: 600;color:var(--green);margin-top: 5px;}
.ldd{background:var(--white);padding:20px;border-radius: 20px;box-shadow: var(--boxShadow);}

.ecd{height: 60vh;}
#ecico{font-size: 1000%;opacity: .2;margin-top: 4rem;}

.accordion { width:60%;margin:40px auto 0 auto;}
.accordion-item {border-radius: 20px;margin-bottom: 5px;overflow: hidden;background:var(--lgreen);transition: 500ms ease;border:1px solid var(--green) }
.accordion-header { display: flex; justify-content: space-between; align-items: flex-start; padding: 20px; cursor: pointer; background-color: var(--green); color: white; transition: 500ms ease;font-weight: 600; }
.accordion-item:hover { filter: brightness(110%); }
.accordion-content { max-height: 0; overflow: hidden; transition: 500ms ease;width: 96%;margin:0 auto}
.accordion-content p { color:var(--green);background:var(--lgreen);border-radius: 12px;padding:16px;font-size: 85%; line-height: 160%;}
.accordion-item.active .accordion-content { max-height: 200px;margin-bottom:20px}
.icon { font-size: 20px; transition: transform 0.3s; }
.accordion-item.active .icon { transform: rotate(180deg); }

.pravlst{position:absolute;bottom:8px;left:10px;z-index:4;font-size: 70%;color:var(--white);padding:4px 8px;border-radius: 5px;}
.pravlst.ls{background:var(--green)}
.pravlst.oos{background:#fc3a52}
.product_img_wrap{position: relative;}

section.cnt .st_head{font-size: 250%;text-align: center;margin-top: -20px}

.loader {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--dgreen);
    --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

/* ==================== MEDIA QUERIES ==================== */
@media (max-width:1000px){
    ::-webkit-scrollbar {height: 0px;width: 0px;}
    .accordion{width: 90%;margin-top: 0;}
    .accordion-content{width: 92%}
    .pravlst{bottom:6px;left:8px;font-size: 60%;padding:2px 4px;}
    .pop_wrap{height: 40vh;width: 90%;}
    .fs_text_{font-size: 110%}
    .filter_{align-items:flex-start;}
    .filtr_left{margin-bottom: 5px;}
    .qtt_btn, .atc_b{font-size: 90%}
    .pp_atc_action{width: 150px;transition:300ms ease}
    .pp_atc_action:has(.qtt_btn_wrap.show){margin-bottom: -10px;}
    .p_close{top:20%}
    .menuToggle, .iwra{background:none;outline:none;border:none;color:var(--green);cursor:pointer;font-size:180%;margin-top: -5px;}
    div.iwr{display: flex;}
    .navLia.iwra{padding:0;font-size: 120%;margin-right: 1rem;color:var(--green)}
    .navLia.iwra span{left:58%;top:-.1rem;font-size: 80%}
    .menuBg{position: fixed;top:0;left:0;height:100vh;width:100vw;background:rgba(0,0,0,.1);z-index:7;backdrop-filter: blur(2px)}
    .navUl{position: fixed;top:0;left:-100vw;height:100vh;width:70vw;background:var(--white);flex-direction: column;z-index:100;padding-top: 70px;transition:200ms ease}
    .navLogo{height: 3rem;}
    .navLia::after, .navLia.active::after{display: none;}
    .navLi:not(:last-child){border-bottom: 1px solid rgba(255,255,255,.1)}
    .navLi{display: block;width: 90%;}
    .navLia{display:block;margin-left:20px;color:var(--ddgreen);width: 100%;}
    .nav.fix{padding:10px 15px}
    .nav.show .menuBg{display:block}
    .nav.show .navUl{left:0}
    nav .btn{margin-top: 15px;margin-left: 15%}
    .nav{padding:15px;width: 100%;max-width: 100vw;overflow-x: hidden;z-index: 10}
    .navLia:has(ion-icon){display: none;}
    .navLia.iwra{display: block;}

    .bsfgrid, .i_abt_grid, .ftr, .farmer_story, .farmer_story:nth-of-type(2n), .pd_page, section.cnt .i_abt_grid, .cart_item, .i_abt_grid:has(.nd), .cart_item:has(table), .tt1_grid, .tht1_grid, .co_page{grid-template-columns: 1fr;}
    .bs_container{position:absolute;left:0;bottom:0;animation:bs_slide1 300ms ease;border-radius: 0; border-top-right-radius: 15px; border-top-left-radius: 15px; padding-bottom: 40px; max-height: 90vh; overflow-y:scroll}

    .intro{min-height: 60vh;padding-bottom: 4rem;}
    section.i_abt{margin-top: -10px;width: 100vw;height: auto;aspect-ratio: 16/9;}
    .i_h{font-size: 350%;margin-top: 15%;}
    .i_hwm{top:40%;width: 90%}
    .intro_products_slider{height: 7rem;width:90%}
    .i_explore{height: 8rem;animation:smoothbounceball1 5000ms infinite;}
    .i_text{font-size: 100%;margin-top: -1%;width: 80%;text-align: center;color:var(--dgreen);position:relative;z-index:2;line-height: 120%;font-weight: 400;}
    .i_logo{position:absolute;left:50%;bottom:25%;transform: translate(-50%,-50%);z-index:2;width: 85%;height: auto;}
    .i_abt_grid, .cnt{max-width: 100vw;overflow-x: hidden;}
    .i_vector{width: 150vw;position: absolute;bottom:0;height: auto;left:50%;transform: translateX(-50%);object-fit: cover;}
    .i_vector.i2{height: 30%;}
    .i_vector.i3{height: 60%;bottom: 0;}
    .i_vector.i1{z-index:5;pointer-events: none;width: 100vw}
    .iag_left{padding-top: 50px;}
    .st_head{font-size: 150%;line-height: 50%;}
    .i_prd .st_head{font-size: 100%;text-align: center;width:100%;}
    .i_prd .section_top{flex-direction: column;}
    .st_head span{font-size: 120%;line-height: 50%;}
    .section_top, .products.i_prdcts, .testimonials,.ftr, .i_abt_grid{width: 90%}
    .products.i_prdcts{padding-top: 2rem;}
    section.i_prd{padding:30px 0}
    .i_testimonials .st_head{padding:0;margin-bottom: 2rem;text-align: center;line-height: 10px;font-size: 150%;}
    .i_testimonials .st_head span{display: block;line-height: 120%;}
    section.i_testimonials{padding:40px 0}

    .ftr{display: grid;place-items: center;width:90%}
    .nl_form{flex-direction: column;}
    .nl_btn{margin-top: .5rem;}
    .c_form{width: 100%;}
    .i_abt_grid{grid-gap: 0;}
    section.i_abt .iag_left{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    .iag_head{font-size: 100%;margin-top: 2rem;}
    .iag_text{font-size:100%}
    section.i_abt .iag_img{margin-left: -2rem;}
    .fg_con{width: 100%;}
    .farmers_grid{display: flex;align-items: center;justify-content: flex-start;overflow-x: scroll;height: auto;padding:30px 0}
    .farmer{flex: 0 0 60%;height: 20rem;}
    .farmer:first-of-type{margin-left: 30px;}
    .farmer_img_wrap{height: 100%}
    .farmer_card_detail{padding:15px;height: 100%;}
    .fcd_head{font-size: 110%;font-weight: 600;}
    .fcd_head_{font-size: 80%;margin:4px 0 6px 0;font-weight: 500;}
    .fcd_txt{font-size: 60%;}
    .nl_input{width: 80%}
    .ftr_right, .nl_form{width: 100%;}
    footer, .i_farmers{max-width: 100vw;overflow-x: hidden}
    .i_farmers .st_head span{display: block;font-size: 200%;line-height: 4rem}
    .i_farmers{padding: 40px 0}
    .ftr_left{grid-template-columns: 1fr 1fr;width: 100%;place-items: start;}
    .ftr_logo{grid-column: span 2;margin:0 auto 1rem auto;height: 5rem;}
    .ftrLi{width: 100%;text-align: center;}
    .ftrUl1{align-items: center;justify-content: center;}
    section.ov .i_text, .i_abt .i_text{font-weight: 500;width: 90%;line-height: 1.2rem;font-size: 90%;}
    .i_abt .iag_text.iag{font-size: 90%}
    .it{margin:0}
    .iag_left:has(.iag_text.it){order:1;margin-bottom: 2rem;}
    .ai_h{font-size: 400%}
    .ai_h1{font-size: 90%;}

    .farmer_stories{width: 100%}
    .farmer_story{margin: 2rem auto 8rem auto;}
    .farmer_story:nth-of-type(2n) .fs_img_wrap{order:1}
    .fs_det{order:2;text-align: center;}
    .fs_container{border-radius: 0;padding:1rem;height: auto;transform: rotate(0deg)}
    .farmer_story:nth-of-type(2n) .fs_container{transform: rotate(0deg)}
    .fs_img_con{width: 80%;min-height: 20rem;margin-bottom: 4rem;max-height: 23rem;}
    .fs_container::after{transform: rotate(-1deg);display: none;}
    .fs_head{font-size: 250%}
    .fs_text{font-size: 80%;line-height: 180%;}
    .fs_img_wrap, .farmer_story:nth-of-type(2n) .fs_img_wrap{justify-content: center}
    body:has(.farmer_stories) .abt_intro{height: 35vh;}
    body:has(.farmer_stories) .st_head, section:has(.pdp_sp) .st_head{font-size: 170%;}
    section.i_farmers:has(.farmer_stories)::after{height: 70%;width: 110vw;background-repeat: no-repeat;background-position: bottom;}
    .pdp_sp, .pdp_images{width: 100%;display: flex;align-items: flex-start;justify-content: flex-start;overflow-x: scroll;}
    .pdp_sp .product{flex:0 0 80%}
    .pdp_sp .product:nth-of-type(1){margin-left: 1rem;}
    .pdp_sp .product:last-of-type{margin-right: 1rem;}
    .product_img_wrap{height:10rem}
    .swiper .product_img_wrap{height: 12rem;}
    .product_detail{padding:15px 10px}
    .product_name{font-size: 100%;}

    .pd_page{width:100%;margin:0 auto 5rem auto;grid-gap: 1rem}
    .pdp_images{grid-gap: 0;aspect-ratio: 16/12;scroll-snap-type: x mandatory;}
    .pdp_img{flex:0 0 100%;border-radius: 0;scroll-snap-align: start;}
    .pdp_det{width: 90%;margin:0 auto}
    .pdp_lia{font-size: 80%;margin-bottom: 1.2rem}
    .pdp_name{font-size: 180%;margin:1rem 0}
    .pdp_p{margin-bottom: .2rem;font-size: 80%;}
    .pd_page .pr_ul{margin:1rem 0}
    .pd_page .pr_li{font-size: 150%}
    .pd_page .btn{padding:.6rem 1rem;font-size: 100%;margin-top: .5rem;margin-right: .5rem;}
    .pd_page .iag_head{font-size: 100%;}
    .pd_page .iag_text{font-size: 90%}
    .prod_cat_ul{width: 100%;flex-wrap: nowrap;overflow-x: scroll;margin:2rem auto .2rem auto}
    .prod_cat_li{min-width: auto;white-space: nowrap;font-size: 80%;padding:4px}
    .prod_cat_li:first-child{line-height: 200%;margin-left: 1rem;min-width: 4rem;}
    .prod_cat_li span img{height: 1.2rem}
    .prod_cat_li span{margin-right: 4px;}
    .prod_cat_li:has(span){padding-right: 8px;}
    .prod_wrap{width:90%;margin:0 auto}
    .prod_wrap .products{grid-gap: 1rem .5rem;padding:0;grid-template-columns: repeat(3,1fr);margin:1rem auto}
    .prod_wrap .product div.flex.jcsb{flex-direction: column;align-items: flex-start;}
    .prod_wrap .product .product_name{font-size: 80%;}
    .prod_wrap .product .product_desc{font-size:70%;margin:-5px 0 10px 7px;}
    .prod_wrap .product div.flex.jcsb .product_name{margin-bottom: 8px;font-size: 120%}
    .prod_wrap .product div.flex.jcsb .vp_a, .product_detail .atc_b{font-size: 75%;padding:4px 7px}
    .prod_wrap .product .pr_ul{margin:.2rem auto}
    .prod_wrap .product .pr_ul .pr_li{font-size: 80%;}
    .ov_bg_vec{bottom:-.8rem}
    section:has(.ov_bg_vec){padding-bottom: 0}
    .lkjdgla .iag_left{order: 2;padding: 0;margin-top: -20px;}
    .btn.iag_btn, section.cnt .btn, .intro .btn{font-size: 80%}
    .section_top .btn{display: none;}
    section.i_prd .iag_btn{display: block;margin-bottom: 20px;}
    section.i_prd .products{margin-top: -4px;}
    .lkjdgla .i_abt_grid{margin-bottom: 40px;}
    section.cnt .i_abt_grid{width: 100%;}
    section.cnt:has(.i_abt_grid){height: auto;padding:2rem 0}
    .i_prd .btn.iag_btn::after{border-color: var(--green);}
    .sw_nav_btn{display: none;}
    .section_top{margin-top:20px}
    .inp_label{top:1.6rem}
    section.cnt .st_head{font-size: 400%;text-align: left;margin-top: -20px;}
    section.cnt{padding:0;padding-bottom: 0}
    section.cnt .cf_wrap{margin-top: 0;}
    section.i_abt:has(.abt_bg_vec){padding-bottom: 70px}
    .i_abt_grid:has(.nd){padding: 60px 0;}
    .i_abt_grid:has(.nd) .iag_img{margin-bottom: -40px;}
    section.ov{padding:2.5rem 0}
    .vp_a{font-size:85%;padding:.3rem .6rem;}
    section.i_farmers:has(.farmer_stories) .ov_bg_vec{bottom: -8px}

    .ci_l_det .product_name{font-size: 90%;}
    .cart_item{grid-gap: 1rem;}
    .ci_l_det select{font-size: 80%;}
    .ci_right .product_name.price{font-size: 120%;font-weight: 500;}
    .ci_i_toggle{display: grid;grid-template-columns: 1fr 40px 1fr;font-size: 120%;}
    .ci_toggle_btn{padding:5px;font-size: 90%}

    .crt_btm_left .nl_input{width: 66%;}
    .crt_btm_left .btn{display: inline-block;padding:14px 0;width: 30%;}
    .crt_btm_left{margin-bottom: 30px;}
    .cart_item{width: 90%;}
    .cart_item table{width: 95%;margin:0 auto}

    .co_page{margin: 2rem auto;width: 90%;}
    .co_page .btn, .btn.ptco{font-size: 90%;}
    .co_page:not(:has(.order_item)) .co_left{order: 1}
    .co_right{padding-left: 0;border-left:none;border-bottom: var(--border);margin-bottom:20px}
    .co_page .co_right .cart_item:has(table){margin-bottom: 20px;}
    .co_page .co_left.mpr{order:2}
    ul.policies{grid-template-columns: 1fr 1fr;grid-gap: 20px;}
    .oi_det{flex-direction: column;}
    .io_action_btns{flex-direction: row;margin-top: 10px;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 5px;}
    .io_action_btn{font-size: 70%;padding:8px}
    .oit_div label{font-size: 40%;letter-spacing: 1px;}
    .oit_p{font-size: 65%;font-weight: 500;}
    .order_item{overflow: hidden;padding:10px 8px;margin-bottom: 10px;}
    .form_head{text-align: center;}
    .content_page{width: 92%;padding:25px 15px}
    body:has(.content_page) .st_head{font-size: 100%;}
    .sbld .st_head{font-size: 150%;margin-left: 30px;}
    body:has(.cart_item) .st_head{font-size: 150%;}
    .co_page .product_name{font-size: 80%;margin-bottom: -5px;margin-top: 8px;}
    .co_page .ci_l_det{padding:0 0 0 10px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}

    section.cnt .st_head{font-size: 100%;font-weight: 400;text-align: center;}
    section.cnt .st_head span{font-size: 220%}
    section.cnt .btn{margin-top:20px}
    section.cnt .iag_left{align-items: center;padding-left: 0;margin:20px 0}
    section.cnt::after{background-size: contain}
    .pdp_btn_grp .btn{margin-bottom:6px}
    .pd_page .pp_atc_action:has(.qtt_btn_wrap.show){margin-top: -11px;}
    .product_detail ul{margin-bottom:70px;}

    .pcdet ion-icon{font-size: 110%}
    .pcdt{padding:0 10px}
    .pcdet .product_desc{font-size: 80%;opacity: .5}
    .pcde{font-size: 140%;margin-top: 10px;}
    .pcrembtn{font-size: 70%;padding:5px 10px}
    .pc_wrap{width: 100%;padding:10px}
    .pc_wrap::after{content:'';position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);height: 105%;width: 101%;border-radius: 25px;border:2px dashed var(--green);pointer-events: none;}
}

@media (max-width:500px){
    .prod_wrap .products{grid-template-columns: repeat(2,1fr)}
}

/* Keyframes */
@keyframes rotate {0%{transform: rotate(0deg);}50%{transform: rotate(360deg);}100%{transform: rotate(0deg);}}
@keyframes slideDown {0%{top:-100px}100%{top:0}}
@keyframes slideUp {0%{bottom:-100px}100%{bottom:0}}
@keyframes bs_slide {0%{opacity:0;margin-bottom: -150px;}100%{opacity:1;margin-bottom: 0;}}
@keyframes bs_slide1 {0%{margin-bottom: -100vh;}100%{margin-bottom: 0;}}
@keyframes smoothbounceball{0%,100%{transform: translateX(-50%) scale(.95);bottom:3%}50%{transform: translateX(-50%) scale(1);bottom:6%}}
@keyframes smoothbounceball1{0%,100%{transform: translateX(-50%) scale(.95);bottom:-3%}50%{transform: translateX(-50%) scale(1);bottom:-1%}}
@keyframes zoom {0%{transform: translate(-50%,-50%) scale(0);}100%{transform: translate(-50%,-50%) scale(1);}}
@keyframes smallBall {0%{margin-left:0;transform: scale(0);opacity: 0;}50%{margin-left:-50px;transform: scale(.8); width:180px;border-radius: 50px;opacity: 1;}100%{margin-left:0;width:100px;}}
@keyframes sbImg {0%{opacity: 0; right:-100px}50%{opacity: 1; right:-100px}100%{opacity: 1; right:11px}}
@keyframes cmAn {0%,60%{opacity: 0; transform:scale(0)}70%,100%{opacity: 1; transform:scale(1)}}
@keyframes slideSDbefore {0%{transform: scale(0);left:-50px}50%{transform: scale(0);}100%{transform: scale(2);left:0}}
@keyframes slideSDbefore1 {0%{transform: scale(0);right:-50px;bottom:-50px}50%{transform: scale(0);bottom:0}100%{transform: scale(2);right:0;bottom:0}}
@keyframes slidejksd {0%,80%{opacity:0;margin-bottom: -200px;}100%{opacity:1;margin-bottom: 0;}}