* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: 'Poppins', sans-serif;color: #000;background: #fff;}
a {text-decoration: none;color: inherit;}
.container {width: 94%;max-width: 1380px;margin: auto;}
/* Top Bar */
.top-bar {background:#422674;color: #fff;font-size: 13px;padding: 9px 0;}
.top-inner {display: flex;justify-content: space-between;align-items: center;gap: 15px;}
.top-links {display: flex;align-items: center;gap: 14px;}
/* Header */
.header {background: #fff;border-bottom: 1px solid #edf2e8;position: sticky;top: 0;z-index: 999;}
.header-inner {min-height: 96px;display: grid;
/*grid-template-columns: 260px 1fr auto;*/
grid-template-columns: 1fr 150px;
align-items: center;gap: 25px;}
.logo h1 {color: #31720f;font-size: 32px;font-weight: 800;line-height: 1;}
.logo h1::before {content: "";display: inline-block;width: 28px;height: 28px;background: #2f8a14;clip-path: polygon(50% 0%,85% 18%,70% 70%,50% 100%,30% 70%,15% 18%);margin-right: 4px;transform: rotate(-20deg);}
.logo p {font-size: 12px;color: #4d5d4b;margin-left: 42px;margin-top: 4px;}
.search-box {display: flex;height: 52px;border: 1px solid #dfe8da;border-radius: 12px;overflow: hidden;background: #fff;}
.search-box input {flex: 1;border: 0;outline: 0;padding: 0 18px;font-size: 14px;}
.search-box button {width: 58px;border: 0;background:#422674;color: #fff;font-size: 20px;cursor: pointer;}
.header-actions {display: flex;align-items: center;gap: 18px;}
.action {display: flex;align-items: center;gap: 9px;position: relative;}
.action i {font-size: 22px;}
.action strong {display: block;font-size: 13px;}
.action small {display: block;font-size: 11px;color: #5f6b5e;}
.badge {position: absolute;top: -9px;right: -9px;width: 18px;height: 18px;border-radius: 50%;background:#b9ce33;color: #fff;font-size: 11px;display: flex;align-items: center;justify-content: center;}
.mobile-menu-btn {display: none;border: 0;background: #b9d031;color: #fff;width: 42px;height: 42px;border-radius: 10px;font-size: 18px;}
/* Nav */
.nav {background: #fff;border-bottom: 1px solid #edf2e8;}
.nav-inner {display: flex;align-items: center;gap: 25px;}
.all-cat {min-width: 205px;height: 56px;background: #32750c;color: #fff;display: flex;align-items: center;gap: 12px;padding: 0 22px;border-radius: 0 0 8px 8px;font-size: 14px;font-weight: 700;}
.menu {flex: 1;display: flex;gap: 25px;font-size: 14px;font-weight: 600;}
.menu a {padding: 19px 0;color: #1c2f28;}
.menu a.active {color: #b9d031;}
/* Footer Top Strip */
.bottom-strip {margin: 30px auto 0;background:#b9ce34;color:#422674;border-radius: 16px;display: grid;grid-template-columns: repeat(4, 1fr);padding: 24px 28px;}
.strip-item {display: flex;gap: 16px;align-items: center;border-right: 1px solid rgba(255,255,255,.28);padding: 0 22px;}
.strip-item:last-child {border-right: 0;}
.strip-item i {font-size: 30px;}
.strip-item h4 {font-size: 15px;margin-bottom: 3px;}
.strip-item p {font-size: 12px;opacity: .9;}
/* Main Footer */
.footer {background:#422674;color:#bace30;margin-top: 35px;padding: 55px 0 0;}
.footer-grid {display: grid;grid-template-columns: 1.4fr 1fr 1fr 1.2fr;gap: 35px;}
.footer-logo {font-size: 30px;color: #fff;font-weight: 800;margin-bottom: 12px;}
.footer-logo span {color:#bace30;}
.footer-about p {color: #b8c8b5;line-height: 1.7;font-size: 14px;}
.footer h3 {font-size: 18px;color: #fff;margin-bottom: 18px;}
.footer ul {list-style: none;}
.footer ul li {margin-bottom: 11px;}
.footer ul li a {color: #b8c8b5;font-size: 14px;}
.footer ul li a:hover {color:#bace30;}
.footer-contact p {font-size: 14px;color: #b8c8b5;line-height: 1.8;margin-bottom: 8px;}
.footer-contact i {color:#bace30;margin-right: 8px;}
.footer-social {display: flex;gap: 10px;margin-top: 16px;}
.footer-social a {width: 38px;height: 38px;border-radius: 50%;background: rgba(255,255,255,.08);color: #fff;display: flex;align-items: center;justify-content: center;}
.footer-bottom {border-top: 1px solid rgba(255,255,255,.12);margin-top: 40px;padding: 18px 0;text-align: center;color: #aebdab;font-size: 13px;}
/* Mobile */@media(max-width: 991px) {.top-links {display: none;}
    .top-inner {justify-content: center;text-align: center;font-size: 12px;}
.header-inner {min-height: auto;
/*grid-template-columns: 1fr auto auto;*/
grid-template-columns: 1fr 150px;
padding: 14px 0;gap: 12px;}
.logo h1 {font-size: 24px;}
.logo h1::before {width: 22px;height: 22px;}
.logo p {display: none;}
.mobile-menu-btn {display: block;}
.header-actions {gap: 12px;}
.action small,.action strong {display: none;}
.action i {font-size: 21px;}
.search-box {grid-column: 1 / -1;order: 5;height: 46px;}
.search-box input {font-size: 13px;}
.nav {display: none;}
.nav.mobile-open {display: block;position: fixed;inset: 0;background: rgba(0,0,0,.45);z-index: 1000;}
.nav.mobile-open .nav-inner {width: 82%;max-width: 330px;height: 100vh;background: #fff;display: block;padding: 20px;overflow-y: auto;}
.nav.mobile-open .all-cat {width: 100%;min-width: auto;border-radius: 12px;margin-bottom: 14px;}
.nav.mobile-open .menu {display: block;}
.nav.mobile-open .menu a {display: block;padding: 14px 4px;border-bottom: 1px solid #eef3ea;}
.bottom-strip {grid-template-columns: repeat(2, 1fr);gap: 0;padding: 8px 0;border-radius: 14px;}
.strip-item {border-right: 0;padding: 16px;border-bottom: 1px solid rgba(255,255,255,.18);}
.strip-item i {font-size: 24px;}
.strip-item h4 {font-size: 13px;}
.strip-item p {font-size: 11px;}
.footer-grid {grid-template-columns: 1fr 1fr;gap: 28px;}
}
@media(max-width: 576px) {.container {width: 92%;}
.top-bar {padding: 8px 0;}
.header-inner {grid-template-columns: 1fr auto auto auto;}
.logo h1 {font-size: 21px;letter-spacing: -1px;}
.header-actions {gap: 10px;}
.action:nth-child(1) {display: none;}
.badge {width: 16px;height: 16px;font-size: 10px;}
.bottom-strip {grid-template-columns: 1fr;}
.strip-item {padding: 15px 18px;}
.footer {padding-top: 40px;}
.footer-grid {grid-template-columns: 1fr;gap: 24px;}
.footer-logo {font-size: 26px;}
.footer-bottom {font-size: 12px;line-height: 1.6;}}
.logo img {height: 85px;}
.container.nav-inner li {list-style: none;}
.agri-mega-wrap {background-color:#b9ce33;position: relative;padding: 18px;}
.agri-mega-toggle {display: flex;align-items: center;gap: 9px;/*color: #1f3b24;*/color: white;font-weight: 800;}
.agri-mega-toggle i {/*color: #b9d031;*/color: white;}
.agri-mega-menu {position: absolute;top: 100%;left: 0;width: 960px;background: #fff;border-radius: 0 0 22px 22px;padding: 26px;box-shadow: 0 22px 60px rgba(31, 59, 36, .18);z-index: 9999;opacity: 0;visibility: hidden;transform: translateY(14px);transition: .22s ease;}
.agri-mega-wrap:hover .agri-mega-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.agri-mega-top {display: flex;align-items: center;justify-content: space-between;gap: 20px;margin-bottom: 22px;}
.agri-mega-top h3 {margin: 0;font-size: 26px;color: #142725;font-weight: 800;}
.agri-mega-top p {margin: 5px 0 0;color: #667663;font-size: 14px;}
.agri-view-all {background: #eaf8d8;color: #b9d031;padding: 11px 20px;border-radius: 40px;font-weight: 800;text-decoration: none;white-space: nowrap;}
.agri-popular-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 14px;}
.agri-popular-card {display: flex;align-items: center;gap: 12px;background: #f7fbf3;border: 1px solid #e3f0da;border-radius: 16px;padding: 13px;text-decoration: none;color: #142725;transition: .22s ease;}
.agri-popular-card:hover {background: #eef9e7;border-color: #b9d031;transform: translateY(-2px);}
.agri-popular-icon {width: 44px;height: 44px;border-radius: 14px;background: #eaf8d8;overflow: hidden;flex: 0 0 44px;}
.agri-popular-icon img {width: 100%;height: 100%;object-fit: cover;}
.agri-popular-card strong {display: block;font-size: 14px;font-weight: 800;}
.agri-popular-card small {display: block;color: #6a7968;font-size: 12px;margin-top: 2px;}
.agri-divider {height: 1px;background: #e9f1e4;margin: 24px 0;}
.agri-category-columns {display: grid;grid-template-columns: repeat(4, 1fr);gap: 26px;}
.agri-category-col {display: grid;gap: 11px;}
.agri-category-col a {color: #263b2a;text-decoration: none;font-size: 15px;font-weight: 600;}
.agri-category-col a:hover {color: #b9d031;}
.cart-drawer-footer {position: sticky;bottom: 0;background: #fff;padding-top: 14px;border-top: 1px solid #eee;margin-top: 14px;}
.cart-drawer-footer button {width: 100%;height: 46px;border: 0;border-radius: 10px;background: #b9d031;color: #fff;font-weight: 800;}
.enquiry-modal-overlay {position: fixed;inset: 0;background: rgba(0,0,0,.48);z-index: 10000;display: none;}
.enquiry-modal-overlay.active {display: block;}
.enquiry-modal {position: fixed;top: 50%;left: 50%;width: 480px;max-width: 94%;max-height: 90vh;overflow-y: auto;background: #fff;border-radius: 18px;padding: 20px;z-index: 10001;transform: translate(-50%, -50%) scale(.95);opacity: 0;visibility: hidden;transition: .22s ease;box-shadow: 0 20px 60px rgba(0,0,0,.22);}
.enquiry-modal.active {opacity: 1;visibility: visible;transform: translate(-50%, -50%) scale(1);}
.enquiry-modal-head {display: flex;justify-content: space-between;align-items: center;margin-bottom: 14px;}
.enquiry-modal-head h3 {margin: 0;font-size: 22px;font-weight: 800;}
.enquiry-modal-head button {border: 0;background: #f1f1f1;width: 36px;height: 36px;border-radius: 50%;font-size: 22px;}
.enquiry-modal input,.enquiry-modal textarea {width: 100%;border: 1px solid #ddd;border-radius: 10px;padding: 11px 12px;margin-bottom: 10px;outline: none;}
.enquiry-modal textarea {min-height: 70px;}
.enquiry-modal form button {width: 100%;height: 46px;border: 0;border-radius: 10px;background: #b9d031;color: #fff;font-weight: 800;}
/* Cart Overlay */
.cart-overlay {position: fixed;inset: 0;background: rgba(0,0,0,.45);z-index: 9998;display: none;}
.cart-overlay.active {display: block;}
/* Cart Drawer */
.cart-drawer {position: fixed;top: 0;right: -430px;width: 420px;max-width: 94%;height: 100vh;background: #fff;z-index: 9999;transition: .3s ease;box-shadow: -8px 0 30px rgba(0,0,0,.16);overflow-y: auto;padding: 18px;}
.cart-drawer.active {right: 0;}
.cart-drawer-head {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #edf2e8;padding-bottom: 14px;margin-bottom: 16px;}
.cart-drawer-head h3 {margin: 0;font-size: 22px;font-weight: 800;color: #142725;}
.cart-drawer-head button {border: 0;background: #f2f7ee;color: #b9d031;width: 38px;height: 38px;border-radius: 50%;font-size: 24px;cursor: pointer;}
/* Empty */
.cart-empty {padding: 20px;background: #f7fbf3;border: 1px solid #e2efd8;border-radius: 14px;color: #667663;font-size: 14px;}
/* Cart Item */
.cart-item {display: flex;justify-content: space-between;gap: 14px;padding: 14px 0;border-bottom: 1px solid #edf2e8;}
.cart-title {font-size: 15px;font-weight: 800;color: #142725;line-height: 1.4;}
.cart-meta {margin-top: 5px;font-size: 13px;color: #667663;}
/* Cart Actions */
.cart-actions {display: flex;align-items: center;gap: 7px;flex-shrink: 0;}
.cart-actions input {width: 58px;height: 36px;border: 1px solid #dfe8da;border-radius: 9px;text-align: center;outline: none;font-weight: 700;color: #142725;}
.cart-actions button {width: 32px;height: 32px;border: 0;background: #fff0f0;color: #c62828;border-radius: 50%;font-size: 18px;font-weight: 800;cursor: pointer;}
/* Summary */
.cart-summary {background: #f7fbf3;border: 1px solid #e2efd8;border-radius: 14px;padding: 14px;margin: 16px 0;color: #142725;font-size: 14px;}
.cart-summary strong {color: #b9d031;}
/* Footer Button */
.cart-drawer-footer {position: sticky;bottom: 0;background: #fff;padding-top: 14px;border-top: 1px solid #edf2e8;margin-top: 14px;}
.cart-drawer-footer button {width: 100%;height: 48px;border: 0;border-radius: 12px;background: #b9d031;color: #fff;font-weight: 800;cursor: pointer;font-size: 15px;}
/* Enquiry Modal */
.enquiry-modal-overlay {position: fixed;inset: 0;background: rgba(0,0,0,.48);z-index: 10000;display: none;}
.enquiry-modal-overlay.active {display: block;}
.enquiry-modal {position: fixed;top: 50%;left: 50%;width: 480px;max-width: 94%;max-height: 90vh;overflow-y: auto;background: #fff;border-radius: 20px;padding: 22px;z-index: 10001;transform: translate(-50%, -50%) scale(.95);opacity: 0;visibility: hidden;transition: .22s ease;box-shadow: 0 20px 60px rgba(0,0,0,.22);}
.enquiry-modal.active {opacity: 1;visibility: visible;transform: translate(-50%, -50%) scale(1);}
.enquiry-modal-head {display: flex;justify-content: space-between;align-items: center;margin-bottom: 14px;border-bottom: 1px solid #edf2e8;padding-bottom: 12px;}
.enquiry-modal-head h3 {margin: 0;font-size: 22px;font-weight: 800;color: #142725;}
.enquiry-modal-head button {border: 0;background: #f2f7ee;color: #b9d031;width: 38px;height: 38px;border-radius: 50%;font-size: 24px;cursor: pointer;}
.enquiry-modal input,.enquiry-modal textarea {width: 100%;border: 1px solid #dfe8da;border-radius: 11px;padding: 12px 13px;margin-bottom: 11px;outline: none;font-family: inherit;font-size: 14px;}
.enquiry-modal input:focus,.enquiry-modal textarea:focus {border-color: #b9d031;}
.enquiry-modal textarea {min-height: 76px;resize: vertical;}
.enquiry-modal form button {width: 100%;height: 48px;border: 0;border-radius: 12px;background: #b9d031;color: #fff;font-weight: 800;cursor: pointer;font-size: 15px;}
/* Mobile */
@media(max-width: 576px) {
.cart-drawer {width: 92%;right: -100%;padding: 16px;}
.cart-item {align-items: flex-start;}
.cart-title {font-size: 14px;}
.cart-actions input {width: 50px;}
.enquiry-modal {width: 92%;padding: 18px;}
}

/* Home Page CSS */
.hero {min-height: 525px;background:linear-gradient(90deg, rgba(244,252,224,.96) 0%, rgba(244,252,224,.82) 45%, rgba(244,252,224,.35) 100%),url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=1600&q=80');background-size: cover;
background-position: center;position: relative;overflow: hidden;}
.hero::after {content: "";position: absolute;right: 0;top: 0;width: 360px;height: 180px;background: url('https://png.pngtree.com/png-clipart/20230424/original/pngtree-green-leaves-transparent-png-image_9089794.png') no-repeat center/contain;opacity: .75;}
.hero-inner {min-height: 525px;display: flex;align-items: center;position: relative;z-index: 2;}
.hero-content {width: 48%;padding-top: 15px;}
.label {display: inline-flex;align-items: center;gap: 8px;background: #dff6cd;color: #358312;font-size: 13px;font-weight: 700;padding: 8px 18px;border-radius: 30px;margin-bottom: 25px;}
.hero h2 {font-size: 63px;line-height: 1.1;font-weight: 800;letter-spacing: -1px;margin: 0;}
.hero h2 span {color: #422674;}
.hero p {margin-top: 20px;font-size: 20px;line-height: 1.55;max-width: 520px;color: #253634;}
.hero-buttons {display: flex;align-items: center;gap: 26px;margin-top: 32px;}
.btn {background:#422674;color: #fff;border-radius: 8px;padding: 17px 32px;font-weight: 700;display: inline-flex;align-items: center;gap: 9px;box-shadow: 0 8px 18px rgba(47,115,8,.25);}
.video-btn {display: flex;align-items: center;gap: 15px;}
.play {width: 60px;height: 60px;border: 2px solid #67ad45;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #173728;background: rgba(255,255,255,.7);}
.video-btn strong {display: block;font-size: 15px;}
.video-btn small {display: block;font-size: 12px;color: #555;}
.hero-image {position: absolute;right: -10px;bottom: 0;width: 54%;height: 500px;
background: url('https://png.pngtree.com/png-vector/20240329/ourmid/pngtree-agriculture-products-vegetables-and-seeds-png-image_12265932.png') no-repeat bottom right/contain;
}
.features {margin-top: -55px;position: relative;z-index: 5;}
.feature-box {background: #fff;border-radius: 16px;box-shadow: 0 15px 40px rgba(0,0,0,.12);display: grid;grid-template-columns: repeat(4,1fr);padding: 28px 35px;}
.feature {display: flex;align-items: center;gap: 20px;padding: 0 25px;border-right: 1px solid #ddd;}
.feature:last-child {border-right: 0;}
.feature-icon {min-width: 62px;width: 62px;height: 62px;background:#bbcf35;color:#422674;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 30px;}
.feature h4 {font-size: 15px;margin-bottom: 5px;}
.feature p {font-size: 13px;color: #555;line-height: 1.5;}
.section {padding: 70px 0 30px;}
.section-title {text-align: center;margin-bottom: 35px;}
.section-title small {color:#422674;font-weight: 800;font-size: 13px;}
.section-title h2 {font-size: 35px;margin-top: 8px;}
.categories {display: grid;grid-template-columns: repeat(5,1fr);gap: 25px;}




.category-card {background: #fff;border-radius: 13px;overflow: hidden;box-shadow: 0 8px 25px rgba(0,0,0,.12);text-align: center;}
.category-img {height: 165px;background-size: cover;background-position: center;}
.category-content {position: relative;padding: 48px 20px 25px;}
.cat-icon {position: absolute;top: -34px;left: 50%;transform: translateX(-50%);width: 68px;height: 68px;border-radius: 50%;background: #e7f7d9;color:#bbcf30;display: flex;align-items: center;justify-content: center;font-size: 31px;box-shadow: 0 5px 15px rgba(0,0,0,.08);}
.category-content h3 {font-size: 19px;margin-bottom: 18px;}
.category-content a {color:#bbcf30;font-weight: 700;font-size: 14px;}
.banner {margin-top: 35px;min-height: 175px;border-radius: 15px;background:linear-gradient(90deg, #edf8cc 0%, #edf8cc 38%, rgba(237,248,204,.55) 65%, rgba(237,248,204,.2) 100%),url('https://images.unsplash.com/photo-1523348837708-15d4a09cfac2?auto=format&fit=crop&w=1500&q=80');background-size: cover;background-position: center right;display: flex;align-items: center;padding: 35px 70px;gap: 60px;}
.banner h3 {font-size: 30px;color:#422674;font-weight: 500;}
.banner h2 {font-size: 42px;line-height: 1;}
.banner p {max-width: 360px;font-size: 14px;line-height: 1.7;color: #384846;border-left: 1px solid rgba(0,0,0,.16);padding-left: 35px;}
.banner .btn {padding: 14px 28px;font-size: 13px;}
.products-section {padding: 35px 0 45px;}
.products-head {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 25px;padding: 0 48px;}
.products-head small {color: #348510;font-weight: 800;font-size: 18px;}
.products-head h2 {font-size: 30px;}
.view-btn {border: 1px solid #69b849;color: #348510;padding: 13px 22px;border-radius: 6px;font-size: 13px;font-weight: 700;}
.product-wrap {position: relative;}
.products {display: grid;grid-template-columns: repeat(5,1fr);gap: 25px;padding: 0 48px;}
.product {background: #fff;border-radius: 9px;overflow: hidden;box-shadow: 0 8px 22px rgba(0,0,0,.13);position: relative;}
.product-img {height: 150px;background-size: cover;background-position: center;}
.tag {position: absolute;top: 12px;left: 0;background:#b9ce34;color: #fff;padding: 6px 12px;border-radius: 0 4px 4px 0;font-size: 12px;font-weight: 700;}
.product-info {padding: 16px;position: relative;}
.product-info h3 {font-size: 14px;margin-bottom: 15px;}
.price {font-size: 18px;font-weight: 800;}
.cart-btn {position: absolute;right: 14px;bottom: 14px;width: 34px;height: 34px;border: 1px solid #bbcf30;color:#bbcf30;border-radius: 6px;display: flex;align-items: center;justify-content: center;}
.arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 46px;height: 46px;border-radius: 50%;background: #fff;box-shadow: 0 5px 18px rgba(0,0,0,.13);display: flex;align-items: center;justify-content: center;color: #777;}
.arrow.left {left: 0;}
.arrow.right {right: 0;}
/* Home Mobile CSS */
@media(max-width: 991px) {.hero,.hero-inner {min-height: 520px;}
    .hero-content {width: 70%;}
.hero h2 {font-size: 48px;}
.hero p {font-size: 17px;}
.hero-image {opacity: .28;width: 75%;}
.feature-box {grid-template-columns: repeat(2,1fr);padding: 10px;}
.feature {border-right: 0;border-bottom: 1px solid #edf1ea;padding: 18px;}
.feature:nth-child(3),.feature:nth-child(4) {border-bottom: 0;}
.categories {grid-template-columns: repeat(2,1fr);}
.products {grid-template-columns: repeat(2,1fr);padding: 0;}
.products-head {padding: 0;}
.banner {padding: 30px;gap: 25px;}
}
@media(max-width: 576px) {
    .hero {min-height: auto;padding: 42px 0 120px;background:linear-gradient(180deg, rgba(244,252,224,.98), rgba(244,252,224,.88)),url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=1200&q=80');}
    .hero::after {width: 180px;height: 100px;opacity: .4;}
.hero-inner {min-height: auto;display: block;}
.hero-content {width: 100%;text-align: left;}
.label {font-size: 11px;padding: 7px 13px;margin-bottom: 18px;}
.hero h2 {font-size: 38px;line-height: 1.15;}
.hero p {font-size: 15px;margin-top: 14px;max-width: 100%;}
.hero-buttons {gap: 12px;flex-wrap: wrap;margin-top: 24px;}
.btn {padding: 13px 20px;font-size: 13px;}
.play {width: 45px;height: 45px;}
.video-btn strong {font-size: 13px;}
.video-btn small {font-size: 11px;}
.hero-image {right: -40px;bottom: 0;width: 95%;height: 190px;opacity: .45;}
.features {margin-top: -70px;}
.feature-box {grid-template-columns: 1fr 1fr;border-radius: 16px;padding: 8px;gap: 0;}
.feature {display: block;text-align: center;padding: 14px 8px;border-right: 1px solid #edf1ea;border-bottom: 1px solid #edf1ea;}
.feature:nth-child(2),.feature:nth-child(4) {border-right: 0;}
.feature:nth-child(3),.feature:nth-child(4) {border-bottom: 0;}
.feature-icon {min-width: 42px;width: 42px;height: 42px;font-size: 20px;margin: 0 auto 8px;}
.feature h4 {font-size: 12px;margin-bottom: 3px;}
.feature p {font-size: 10px;line-height: 1.4;}
.section {padding: 42px 0 20px;}
.section-title {margin-bottom: 22px;}
.section-title small {font-size: 11px;}
.section-title h2 {font-size: 24px;}
.categories {grid-template-columns: 1fr 1fr;gap: 14px;}
.category-card {border-radius: 14px;}
.category-img {height: 105px;}
.category-content {padding: 34px 10px 18px;}
.cat-icon {width: 48px;height: 48px;top: -24px;font-size: 21px;}
.category-content h3 {font-size: 13px;margin-bottom: 10px;}
.category-content a {font-size: 11px;}
.banner {margin-top: 24px;min-height: auto;padding: 22px;display: block;background:linear-gradient(90deg, rgba(237,248,204,.96), rgba(237,248,204,.7)),url('https://images.unsplash.com/photo-1523348837708-15d4a09cfac2?auto=format&fit=crop&w=900&q=80');background-size: cover;background-position: center;}
.banner h3 {font-size: 20px;}
.banner h2 {font-size: 30px;margin-bottom: 12px;}
.banner p {max-width: 100%;border-left: 0;padding-left: 0;font-size: 13px;margin-bottom: 18px;}
.products-section {padding: 25px 0 35px;}
.products-head {display: block;margin-bottom: 18px;}
.products-head small {font-size: 12px;}
.products-head h2 {font-size: 23px;margin-top: 5px;}
.view-btn {display: inline-flex;margin-top: 12px;padding: 10px 14px;font-size: 12px;}
.products {grid-template-columns: 1fr 1fr;gap: 12px;}
.product {border-radius: 13px;}
.product-img {height: 112px;}
.tag {font-size: 9px;padding: 5px 8px;}
.product-info {padding: 11px;}
.product-info h3 {font-size: 12px;min-height: 34px;margin-bottom: 8px;}
.price {font-size: 15px;}
.cart-btn {width: 30px;height: 30px;right: 10px;bottom: 10px;font-size: 12px;}
.arrow {display: none;}
}