{"id":7,"date":"2026-05-22T07:23:15","date_gmt":"2026-05-22T07:23:15","guid":{"rendered":"https:\/\/jewelgeorgeanto.co.in\/verdant\/?page_id=7"},"modified":"2026-05-22T07:31:59","modified_gmt":"2026-05-22T07:31:59","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/jewelgeorgeanto.co.in\/verdant\/","title":{"rendered":""},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nVerdant Organics \u2014 Farm to Table<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght@300;400;500&family=Playfair+Display:ital@1&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --forest:#1c3a2a;\n --forest-mid:#2d5a3d;\n --forest-light:#4a8a5e;\n --sage:#7aaa82;\n --sage-pale:#b8d4bc;\n --cream:#f7f3ec;\n --cream-dark:#ede7db;\n --parchment:#e8dfc8;\n --ochre:#c4862a;\n --ochre-light:#e8a84a;\n --bark:#5a3e28;\n --text:#1a2620;\n --text-mid:#3d5247;\n --text-light:#6b8070;\n --line:rgba(28,58,42,0.12);\n --ff-serif:'Cormorant Garamond',Georgia,serif;\n --ff-sans:'Jost',sans-serif;\n --radius:4px;\n --shadow:0 4px 24px rgba(28,58,42,0.08);\n --shadow-lg:0 12px 48px rgba(28,58,42,0.14);\n}\nhtml{font-size:16px;scroll-behavior:smooth}\nbody{background:var(--cream);color:var(--text);font-family:var(--ff-sans);font-weight:300;line-height:1.6;overflow-x:hidden}\n\n\/* \u2500\u2500 SCROLLBAR \u2500\u2500 *\/\n::-webkit-scrollbar{width:6px}\n::-webkit-scrollbar-track{background:var(--cream-dark)}\n::-webkit-scrollbar-thumb{background:var(--sage);border-radius:3px}\n\n\/* \u2500\u2500 TYPOGRAPHY \u2500\u2500 *\/\n.t-display{font-family:var(--ff-serif);font-size:clamp(48px,7vw,96px);font-weight:300;line-height:0.95;letter-spacing:-0.01em}\n.t-h1{font-family:var(--ff-serif);font-size:clamp(36px,5vw,64px);font-weight:400;line-height:1.05}\n.t-h2{font-family:var(--ff-serif);font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.1}\n.t-h3{font-family:var(--ff-serif);font-size:clamp(20px,2.5vw,28px);font-weight:400}\n.t-label{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;font-weight:500;color:var(--text-light)}\n.t-body{font-size:15px;line-height:1.75;color:var(--text-mid)}\n.t-small{font-size:13px;color:var(--text-light)}\n\n\/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n.container{max-width:1320px;margin:0 auto;padding:0 48px}\n@media(max-width:768px){.container{padding:0 20px}}\n\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-sans);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;font-weight:500;padding:14px 28px;border:1.5px solid transparent;cursor:pointer;transition:all 0.25s ease;text-decoration:none;border-radius:var(--radius)}\n.btn-primary{background:var(--forest);color:var(--cream);border-color:var(--forest)}\n.btn-primary:hover{background:var(--forest-mid);transform:translateY(-1px);box-shadow:0 4px 16px rgba(28,58,42,0.25)}\n.btn-outline{background:transparent;color:var(--forest);border-color:var(--forest)}\n.btn-outline:hover{background:var(--forest);color:var(--cream)}\n.btn-ochre{background:var(--ochre);color:white;border-color:var(--ochre)}\n.btn-ochre:hover{background:#b07520;transform:translateY(-1px)}\n.btn-ghost{background:transparent;color:var(--text-mid);border-color:var(--line)}\n.btn-ghost:hover{border-color:var(--forest);color:var(--forest)}\n.btn-sm{padding:10px 20px;font-size:11px}\n.btn-full{width:100%;justify-content:center}\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav{position:sticky;top:0;z-index:200;background:rgba(247,243,236,0.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}\n.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1320px;margin:0 auto;padding:0 48px}\n.nav-logo{display:flex;flex-direction:column;line-height:1;text-decoration:none}\n.nav-logo-main{font-family:var(--ff-serif);font-size:22px;font-weight:500;color:var(--forest);letter-spacing:0.02em}\n.nav-logo-sub{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--text-light);margin-top:2px}\n.nav-links{display:flex;gap:32px;list-style:none}\n.nav-links a{font-size:12px;letter-spacing:0.12em;text-transform:uppercase;font-weight:500;color:var(--text-mid);text-decoration:none;transition:color 0.2s;position:relative}\n.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--forest);transform:scaleX(0);transition:transform 0.25s}\n.nav-links a:hover{color:var(--forest)}\n.nav-links a:hover::after{transform:scaleX(1)}\n.nav-actions{display:flex;align-items:center;gap:16px}\n.nav-icon-btn{width:40px;height:40px;border:1.5px solid var(--line);background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;position:relative;color:var(--forest)}\n.nav-icon-btn:hover{border-color:var(--forest);background:var(--forest);color:white}\n.cart-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--ochre);border-radius:50%;font-size:10px;font-weight:500;color:white;display:flex;align-items:center;justify-content:center;font-family:var(--ff-sans)}\n@media(max-width:768px){.nav-links{display:none}.nav-inner{padding:0 20px}}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{min-height:88vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}\n.hero-left{background:var(--forest);display:flex;flex-direction:column;justify-content:flex-end;padding:80px 64px 80px 48px;position:relative;overflow:hidden}\n.hero-bg-circle{position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid rgba(255,255,255,0.06);top:-80px;right:-120px;pointer-events:none}\n.hero-bg-circle2{position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,0.04);bottom:40px;left:-100px;pointer-events:none}\n.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:32px}\n.hero-eyebrow-line{width:40px;height:1px;background:var(--sage)}\n.hero-eyebrow span{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--sage-pale);font-weight:400}\n.hero-title{font-family:var(--ff-serif);font-size:clamp(52px,6.5vw,88px);font-weight:300;line-height:0.95;color:var(--cream);letter-spacing:-0.01em;margin-bottom:24px}\n.hero-title em{font-style:italic;color:var(--sage)}\n.hero-desc{font-size:15px;line-height:1.75;color:rgba(247,243,236,0.65);max-width:380px;margin-bottom:48px}\n.hero-actions{display:flex;gap:12px;flex-wrap:wrap}\n.hero-right{background:var(--parchment);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:48px}\n.hero-product-showcase{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:480px}\n.hero-product-tile{background:white;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:transform 0.3s}\n.hero-product-tile:hover{transform:translateY(-4px)}\n.hero-product-tile:first-child{grid-column:1\/-1;display:flex;gap:20px;align-items:center;padding:20px}\n.hero-tile-img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:40px;border-radius:6px;flex-shrink:0}\n.hero-tile-img.small{width:60px;height:60px;font-size:28px}\n.hero-tile-img.large{width:100px;height:100px}\n.hero-tile-info{flex:1}\n.hero-tile-price{font-family:var(--ff-serif);font-size:20px;color:var(--forest);font-weight:600}\n.hero-tile-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:4px}\n.hero-tile-sub{font-size:11px;color:var(--text-light)}\n.hero-tile-card{padding:16px}\n.hero-tile-card .hero-tile-img{width:100%;aspect-ratio:1;margin-bottom:12px;border-radius:6px}\n@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-right{display:none}}\n\n\/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\n.trust-bar{background:var(--forest);padding:16px 0}\n.trust-inner{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}\n.trust-item{display:flex;align-items:center;gap:10px;color:rgba(247,243,236,0.7);font-size:12px;letter-spacing:0.1em;text-transform:uppercase}\n.trust-icon{font-size:16px}\n\n\/* \u2500\u2500 SHOP SECTION \u2500\u2500 *\/\n#shop{padding:80px 0 120px}\n.shop-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}\n.shop-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}\n.filter-btn{font-family:var(--ff-sans);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;padding:10px 20px;border:1.5px solid var(--line);background:transparent;cursor:pointer;border-radius:40px;color:var(--text-mid);transition:all 0.2s}\n.filter-btn:hover,.filter-btn.active{background:var(--forest);color:var(--cream);border-color:var(--forest)}\n.sort-select{font-family:var(--ff-sans);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;padding:10px 16px;border:1.5px solid var(--line);background:white;color:var(--text-mid);cursor:pointer;border-radius:var(--radius);outline:none}\n\n\/* \u2500\u2500 PRODUCT GRID \u2500\u2500 *\/\n.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}\n.product-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(28,58,42,0.06);transition:box-shadow 0.3s,transform 0.3s;cursor:pointer;position:relative}\n.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}\n.product-card[data-hidden]{display:none}\n.product-img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:72px;position:relative;transition:transform 0.4s ease}\n.product-card:hover .product-img{transform:scale(1.04)}\n.product-badge{position:absolute;top:14px;left:14px;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;font-weight:500;padding:5px 10px;border-radius:40px}\n.badge-new{background:var(--forest);color:var(--cream)}\n.badge-sale{background:var(--ochre);color:white}\n.badge-best{background:var(--sage);color:var(--forest)}\n.product-wishlist{position:absolute;top:12px;right:12px;width:34px;height:34px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;opacity:0;transition:opacity 0.2s;cursor:pointer;border:1.5px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,0.1)}\n.product-card:hover .product-wishlist{opacity:1}\n.product-wishlist.active{color:var(--ochre)}\n.product-info{padding:20px}\n.product-category{font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-light);margin-bottom:6px}\n.product-name{font-family:var(--ff-serif);font-size:20px;font-weight:400;color:var(--text);margin-bottom:6px;line-height:1.2}\n.product-desc-short{font-size:13px;color:var(--text-light);line-height:1.5;margin-bottom:16px;min-height:40px}\n.product-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}\n.product-price{font-family:var(--ff-serif);font-size:22px;color:var(--forest);font-weight:600}\n.product-price-old{font-size:14px;color:var(--text-light);text-decoration:line-through;margin-left:6px}\n.product-rating{display:flex;gap:2px;font-size:12px;color:var(--ochre)}\n.add-to-cart-btn{width:36px;height:36px;background:var(--forest);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all 0.2s;flex-shrink:0}\n.add-to-cart-btn:hover{background:var(--ochre);transform:scale(1.1)}\n\n\/* \u2500\u2500 CART DRAWER \u2500\u2500 *\/\n.cart-overlay{position:fixed;inset:0;background:rgba(26,38,32,0.5);z-index:500;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)}\n.cart-overlay.open{opacity:1;pointer-events:all}\n.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:440px;background:var(--cream);z-index:501;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 48px rgba(28,58,42,0.15)}\n.cart-drawer.open{transform:translateX(0)}\n.cart-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--line)}\n.cart-header h3{font-family:var(--ff-serif);font-size:24px;font-weight:400}\n.cart-close{width:36px;height:36px;background:transparent;border:1.5px solid var(--line);border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;color:var(--text-mid)}\n.cart-close:hover{background:var(--forest);color:white;border-color:var(--forest)}\n.cart-items{flex:1;overflow-y:auto;padding:20px 28px}\n.cart-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}\n.cart-item:last-child{border-bottom:none}\n.cart-item-img{width:72px;height:72px;background:var(--cream-dark);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}\n.cart-item-details{flex:1}\n.cart-item-name{font-family:var(--ff-serif);font-size:17px;font-weight:400;margin-bottom:4px}\n.cart-item-variant{font-size:12px;color:var(--text-light);margin-bottom:10px}\n.cart-item-row{display:flex;align-items:center;justify-content:space-between}\n.qty-control{display:flex;align-items:center;gap:0;border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden}\n.qty-btn{width:30px;height:30px;background:transparent;border:none;cursor:pointer;font-size:16px;color:var(--text-mid);transition:background 0.15s;display:flex;align-items:center;justify-content:center}\n.qty-btn:hover{background:var(--cream-dark)}\n.qty-num{width:30px;text-align:center;font-size:13px;font-weight:500;color:var(--text)}\n.cart-item-price{font-family:var(--ff-serif);font-size:18px;color:var(--forest);font-weight:500}\n.cart-item-remove{background:none;border:none;cursor:pointer;color:var(--text-light);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;margin-top:8px;transition:color 0.2s}\n.cart-item-remove:hover{color:var(--bark)}\n.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-light);text-align:center;padding:40px}\n.cart-empty-icon{font-size:56px;opacity:0.4}\n.cart-footer{padding:20px 28px;border-top:1px solid var(--line)}\n.cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}\n.cart-subtotal-label{font-size:13px;color:var(--text-light)}\n.cart-subtotal-val{font-family:var(--ff-serif);font-size:22px;color:var(--forest);font-weight:500}\n.cart-shipping-note{font-size:12px;color:var(--text-light);margin-bottom:20px;text-align:center;padding:10px;background:var(--cream-dark);border-radius:var(--radius)}\n.cart-free-bar{margin-bottom:16px}\n.free-bar-label{font-size:12px;color:var(--text-light);margin-bottom:6px}\n.free-bar-track{height:4px;background:var(--line);border-radius:2px;overflow:hidden}\n.free-bar-fill{height:100%;background:var(--sage);border-radius:2px;transition:width 0.4s ease}\n@media(max-width:500px){.cart-drawer{width:100%}}\n\n\/* \u2500\u2500 CHECKOUT MODAL \u2500\u2500 *\/\n.checkout-overlay{position:fixed;inset:0;background:rgba(26,38,32,0.6);z-index:600;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto}\n.checkout-overlay.open{opacity:1;pointer-events:all}\n.checkout-modal{background:var(--cream);width:100%;max-width:860px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);margin:auto}\n.checkout-header{background:var(--forest);padding:28px 40px;display:flex;align-items:center;justify-content:space-between}\n.checkout-logo{font-family:var(--ff-serif);font-size:20px;color:var(--cream);font-weight:400}\n.checkout-steps{display:flex;align-items:center;gap:0}\n.checkout-step{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(247,243,236,0.45);font-weight:500}\n.checkout-step.active{color:var(--cream)}\n.checkout-step.done{color:var(--sage)}\n.step-num{width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px}\n.checkout-step.done .step-num{background:var(--sage);border-color:var(--sage);color:var(--forest)}\n.checkout-step.active .step-num{background:var(--cream);border-color:var(--cream);color:var(--forest)}\n.step-divider{width:32px;height:1px;background:rgba(247,243,236,0.2);margin:0 4px}\n.checkout-close{width:36px;height:36px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;cursor:pointer;color:var(--cream);font-size:18px;display:flex;align-items:center;justify-content:center;transition:background 0.2s}\n.checkout-close:hover{background:rgba(255,255,255,0.2)}\n.checkout-body{display:grid;grid-template-columns:1fr 360px}\n.checkout-form-area{padding:40px}\n.checkout-panel{display:none}\n.checkout-panel.active{display:block}\n.checkout-panel h3{font-family:var(--ff-serif);font-size:26px;font-weight:400;margin-bottom:28px;color:var(--forest)}\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}\n.form-row.full{grid-template-columns:1fr}\n.form-group{display:flex;flex-direction:column;gap:6px}\n.form-label{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-light);font-weight:500}\n.form-input{padding:13px 16px;border:1.5px solid var(--line);background:white;color:var(--text);font-family:var(--ff-sans);font-size:14px;border-radius:var(--radius);outline:none;transition:border-color 0.2s}\n.form-input:focus{border-color:var(--forest)}\n.form-input::placeholder{color:rgba(90,62,40,0.35)}\n.form-select{padding:13px 16px;border:1.5px solid var(--line);background:white;color:var(--text);font-family:var(--ff-sans);font-size:14px;border-radius:var(--radius);outline:none;cursor:pointer}\n.form-select:focus{border-color:var(--forest)}\n\/* Shipping methods *\/\n.shipping-methods{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}\n.ship-method{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color 0.2s,background 0.2s}\n.ship-method:hover{border-color:var(--sage)}\n.ship-method.selected{border-color:var(--forest);background:rgba(28,58,42,0.03)}\n.ship-method input{accent-color:var(--forest);width:16px;height:16px}\n.ship-method-info{flex:1}\n.ship-method-name{font-size:14px;font-weight:500;color:var(--text)}\n.ship-method-eta{font-size:12px;color:var(--text-light)}\n.ship-method-price{font-family:var(--ff-serif);font-size:16px;color:var(--forest);font-weight:600}\n\/* Payment *\/\n.payment-methods{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}\n.pay-method{display:flex;align-items:center;gap:8px;padding:12px 18px;border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-mid);transition:all 0.2s;flex:1;min-width:130px;justify-content:center}\n.pay-method:hover{border-color:var(--sage)}\n.pay-method.selected{border-color:var(--forest);color:var(--forest);background:rgba(28,58,42,0.03)}\n.pay-method-icon{font-size:18px}\n.card-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}\n.secure-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-light);margin-top:20px}\n\/* Checkout actions *\/\n.checkout-actions{display:flex;gap:12px;margin-top:32px;align-items:center}\n.checkout-back{background:none;border:none;font-family:var(--ff-sans);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-light);cursor:pointer;transition:color 0.2s}\n.checkout-back:hover{color:var(--forest)}\n\/* Order summary *\/\n.order-summary{background:var(--cream-dark);padding:32px 28px;border-left:1px solid var(--line)}\n.order-summary h4{font-family:var(--ff-serif);font-size:20px;font-weight:400;margin-bottom:20px;color:var(--forest)}\n.order-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}\n.order-item{display:flex;gap:12px;align-items:center}\n.order-item-img{width:52px;height:52px;background:white;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;position:relative}\n.order-item-qty{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:var(--forest);color:white;border-radius:50%;font-size:10px;font-weight:500;display:flex;align-items:center;justify-content:center}\n.order-item-name{font-size:13px;font-weight:500;color:var(--text);flex:1}\n.order-item-variant{font-size:11px;color:var(--text-light)}\n.order-item-price{font-family:var(--ff-serif);font-size:15px;color:var(--forest);font-weight:500;white-space:nowrap}\n.order-divider{height:1px;background:var(--line);margin:16px 0}\n.order-line{display:flex;justify-content:space-between;font-size:13px;color:var(--text-mid);margin-bottom:8px}\n.order-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px}\n.order-total span:first-child{font-size:13px;font-weight:500;color:var(--text-mid)}\n.order-total-price{font-family:var(--ff-serif);font-size:26px;color:var(--forest);font-weight:600}\n.promo-row{display:flex;gap:8px;margin-top:16px}\n.promo-input{flex:1;padding:10px 14px;border:1.5px solid var(--line);background:white;font-family:var(--ff-sans);font-size:13px;border-radius:var(--radius);outline:none;color:var(--text)}\n.promo-input:focus{border-color:var(--forest)}\n.promo-apply{padding:10px 16px;background:var(--forest);color:var(--cream);border:none;border-radius:var(--radius);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background 0.2s;white-space:nowrap}\n.promo-apply:hover{background:var(--forest-mid)}\n@media(max-width:768px){.checkout-body{grid-template-columns:1fr}.order-summary{display:none}.checkout-form-area{padding:24px}.form-row{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}}\n\n\/* \u2500\u2500 CONFIRMATION \u2500\u2500 *\/\n.confirm-panel{padding:40px;text-align:center}\n.confirm-icon{font-size:64px;margin-bottom:24px;animation:popIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275) forwards}\n@keyframes popIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}\n.confirm-num{font-family:var(--ff-serif);font-style:italic;font-size:14px;color:var(--ochre);margin-bottom:8px}\n.confirm-title{font-family:var(--ff-serif);font-size:36px;font-weight:400;color:var(--forest);margin-bottom:16px;line-height:1.1}\n.confirm-body{font-size:15px;color:var(--text-mid);max-width:440px;margin:0 auto 32px;line-height:1.75}\n.confirm-details{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}\n.confirm-detail{text-align:center}\n.confirm-detail-label{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-light);margin-bottom:4px}\n.confirm-detail-val{font-family:var(--ff-serif);font-size:17px;color:var(--forest)}\n\n\/* \u2500\u2500 VALUES SECTION \u2500\u2500 *\/\n.values-section{background:var(--forest);padding:80px 0;overflow:hidden}\n.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,0.08)}\n.value-cell{background:var(--forest);padding:48px 36px;transition:background 0.3s}\n.value-cell:hover{background:var(--forest-mid)}\n.value-icon{font-size:36px;margin-bottom:20px}\n.value-title{font-family:var(--ff-serif);font-size:22px;color:var(--cream);margin-bottom:12px}\n.value-body{font-size:14px;color:rgba(247,243,236,0.6);line-height:1.7}\n@media(max-width:900px){.values-grid{grid-template-columns:1fr 1fr}}\n@media(max-width:500px){.values-grid{grid-template-columns:1fr}}\n\n\/* \u2500\u2500 TOAST \u2500\u2500 *\/\n.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--forest);color:var(--cream);padding:14px 24px;border-radius:40px;font-size:13px;letter-spacing:0.06em;z-index:1000;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;opacity:0;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 8px 32px rgba(28,58,42,0.3)}\n.toast.show{transform:translateX(-50%) translateY(0);opacity:1}\n.toast-icon{font-size:16px}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter{background:var(--text);padding:64px 0 32px}\n.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}\n.footer-brand .nav-logo-main{color:var(--cream);font-size:24px}\n.footer-brand .nav-logo-sub{color:var(--sage-pale)}\n.footer-desc{font-size:14px;color:rgba(247,243,236,0.45);line-height:1.75;margin-top:16px}\n.footer-col h5{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--sage-pale);margin-bottom:20px;font-weight:500}\n.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}\n.footer-col ul a{font-size:14px;color:rgba(247,243,236,0.45);text-decoration:none;transition:color 0.2s}\n.footer-col ul a:hover{color:var(--sage)}\n.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(255,255,255,0.06)}\n.footer-copy{font-size:12px;color:rgba(247,243,236,0.25)}\n.footer-legal{display:flex;gap:20px}\n.footer-legal a{font-size:12px;color:rgba(247,243,236,0.25);text-decoration:none;transition:color 0.2s}\n.footer-legal a:hover{color:var(--sage)}\n@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n.fade-up{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}\n.fade-up.visible{opacity:1;transform:translateY(0)}\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2500\u2500 TOAST \u2500\u2500 -->\n<div class=\"toast\" id=\"toast\">\n <span class=\"toast-icon\">\ud83c\udf3f<\/span>\n <span id=\"toastMsg\">Added to cart!<\/span>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NAV \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<nav>\n <div class=\"nav-inner\">\n <a href=\"#\" class=\"nav-logo\">\n <span class=\"nav-logo-main\">Verdant<\/span>\n <span class=\"nav-logo-sub\">Organics<\/span>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#shop\">Shop<\/a><\/li>\n <li><a href=\"#\">Collections<\/a><\/li>\n <li><a href=\"#\">Our Farm<\/a><\/li>\n <li><a href=\"#\">Journal<\/a><\/li>\n <\/ul>\n <div class=\"nav-actions\">\n <button class=\"nav-icon-btn\" onclick=\"openCart()\" aria-label=\"Cart\" id=\"cartBtn\">\n \ud83d\uded2\n <span class=\"cart-badge\" id=\"cartBadge\" style=\"display:none\">0<\/span>\n <\/button>\n <\/div>\n <\/div>\n<\/nav>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\">\n <div class=\"hero-left\">\n <div class=\"hero-bg-circle\"><\/div>\n <div class=\"hero-bg-circle2\"><\/div>\n <div class=\"hero-eyebrow\">\n <div class=\"hero-eyebrow-line\"><\/div>\n <span>Certified Organic \u00b7 Kerala, India<\/span>\n <\/div>\n <h1 class=\"hero-title\">From <em>earth<\/em><br>to your<br>table.<\/h1>\n <p class=\"hero-desc\">Grown without compromise. Harvested at peak nutrition. Delivered within 24 hours of picking \u2014 because freshness isn't a feature, it's our promise.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#shop\" class=\"btn btn-outline\" style=\"background:transparent;color:var(--cream);border-color:var(--sage);\">Shop Now<\/a>\n <a href=\"#\" class=\"btn btn-ghost\" style=\"color:rgba(247,243,236,0.65);border-color:rgba(247,243,236,0.2);\">Our Story \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <div class=\"hero-product-showcase\">\n <div class=\"hero-product-tile\">\n <div class=\"hero-tile-img large\" style=\"background:#e8f4e0\">\ud83e\udd6c<\/div>\n <div class=\"hero-tile-info\">\n <div class=\"hero-tile-name\">Heritage Greens Box<\/div>\n <div class=\"hero-tile-sub\">Mixed seasonal greens \u00b7 Weekly<\/div>\n <div class=\"hero-tile-price\" style=\"margin-top:8px\">\u20b9480<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-product-tile\">\n <div class=\"hero-tile-card\" style=\"padding:16px\">\n <div class=\"hero-tile-img\" style=\"background:#fff3e0;width:100%;aspect-ratio:1;font-size:40px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:6px\">\ud83c\udf6f<\/div>\n <div class=\"hero-tile-name\" style=\"font-size:13px\">Raw Forest Honey<\/div>\n <div class=\"hero-tile-price\">\u20b9320<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-product-tile\">\n <div style=\"padding:16px\">\n <div class=\"hero-tile-img\" style=\"background:#fce4ec;width:100%;aspect-ratio:1;font-size:40px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:6px\">\ud83c\udf39<\/div>\n <div class=\"hero-tile-name\" style=\"font-size:13px\">Rose Hip Jam<\/div>\n <div class=\"hero-tile-price\">\u20b9195<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TRUST BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"trust-bar\">\n <div class=\"trust-inner\">\n <div class=\"trust-item\"><span class=\"trust-icon\">\ud83c\udf3f<\/span> 100% Certified Organic<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\ud83d\ude9c<\/span> Farm Direct<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\ud83d\udce6<\/span> Free Shipping \u20b9999+<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\ud83d\udd04<\/span> Easy Returns<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u26a1<\/span> Same Day Harvest<\/div>\n <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SHOP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"shop\">\n <div class=\"container\">\n <div class=\"shop-header fade-up\">\n <div>\n <p class=\"t-label\" style=\"margin-bottom:10px\">Our Products<\/p>\n <h2 class=\"t-h1\" style=\"color:var(--forest)\">Shop the Harvest<\/h2>\n <\/div>\n <select class=\"sort-select\" id=\"sortSelect\" onchange=\"sortProducts()\">\n <option value=\"default\">Sort: Featured<\/option>\n <option value=\"price-asc\">Price: Low to High<\/option>\n <option value=\"price-desc\">Price: High to Low<\/option>\n <option value=\"name\">Name: A\u2013Z<\/option>\n <\/select>\n <\/div>\n\n <div class=\"shop-filters fade-up\">\n <button class=\"filter-btn active\" data-filter=\"all\" onclick=\"filterProducts(this)\">All Products<\/button>\n <button class=\"filter-btn\" data-filter=\"vegetables\" onclick=\"filterProducts(this)\">Vegetables<\/button>\n <button class=\"filter-btn\" data-filter=\"fruits\" onclick=\"filterProducts(this)\">Fruits<\/button>\n <button class=\"filter-btn\" data-filter=\"pantry\" onclick=\"filterProducts(this)\">Pantry<\/button>\n <button class=\"filter-btn\" data-filter=\"herbs\" onclick=\"filterProducts(this)\">Herbs & Spices<\/button>\n <button class=\"filter-btn\" data-filter=\"dairy\" onclick=\"filterProducts(this)\">Dairy<\/button>\n <\/div>\n\n <div class=\"products-grid\" id=\"productsGrid\">\n <!-- Products injected by JS -->\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VALUES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"values-section\">\n <div class=\"container\">\n <div style=\"text-align:center;margin-bottom:60px\">\n <p class=\"t-label\" style=\"color:var(--sage-pale);margin-bottom:12px\">Our Commitment<\/p>\n <h2 style=\"font-family:var(--ff-serif);font-size:clamp(36px,5vw,56px);font-weight:300;color:var(--cream);line-height:1.05\">Grown with <em style=\"font-style:italic;color:var(--sage)\">intention<\/em><\/h2>\n <\/div>\n <div class=\"values-grid\">\n <div class=\"value-cell\">\n <div class=\"value-icon\">\ud83c\udf31<\/div>\n <div class=\"value-title\">Regenerative Farming<\/div>\n <div class=\"value-body\">Our practices actively restore soil health, sequester carbon, and build biodiversity \u2014 going beyond \"do no harm.\"<\/div>\n <\/div>\n <div class=\"value-cell\">\n <div class=\"value-icon\">\ud83d\udca7<\/div>\n <div class=\"value-title\">Water Stewardship<\/div>\n <div class=\"value-body\">Rainwater harvesting and drip irrigation ensure we use 60% less water than conventional farms in our region.<\/div>\n <\/div>\n <div class=\"value-cell\">\n <div class=\"value-icon\">\ud83d\udc69\u200d\ud83c\udf3e<\/div>\n <div class=\"value-title\">Fair Farm Wages<\/div>\n <div class=\"value-body\">Every farmhand earns above living wage, with healthcare, housing support, and a stake in the harvest surplus.<\/div>\n <\/div>\n <div class=\"value-cell\">\n <div class=\"value-icon\">\ud83d\udce6<\/div>\n <div class=\"value-title\">Zero-Waste Packaging<\/div>\n <div class=\"value-body\">Banana leaf liners, recycled paper, and compostable mailers. We're plastic-free across the entire supply chain.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CART DRAWER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"cart-overlay\" id=\"cartOverlay\" onclick=\"closeCart()\"><\/div>\n<div class=\"cart-drawer\" id=\"cartDrawer\">\n <div class=\"cart-header\">\n <h3>Your Basket<\/h3>\n <button class=\"cart-close\" onclick=\"closeCart()\">\u2715<\/button>\n <\/div>\n <div class=\"cart-items\" id=\"cartItems\">\n <div class=\"cart-empty\" id=\"cartEmpty\">\n <div class=\"cart-empty-icon\">\ud83d\uded2<\/div>\n <p style=\"font-family:var(--ff-serif);font-size:20px;color:var(--text)\">Your basket is empty<\/p>\n <p style=\"font-size:14px\">Add some fresh goodness!<\/p>\n <button class=\"btn btn-outline btn-sm\" onclick=\"closeCart()\">Browse Products<\/button>\n <\/div>\n <\/div>\n <div class=\"cart-footer\" id=\"cartFooter\" style=\"display:none\">\n <div class=\"cart-free-bar\">\n <div class=\"free-bar-label\" id=\"freeBarLabel\">Add \u20b9<span id=\"freeBarAmt\">0<\/span> more for free shipping<\/div>\n <div class=\"free-bar-track\">\n <div class=\"free-bar-fill\" id=\"freeBarFill\" style=\"width:0%\"><\/div>\n <\/div>\n <\/div>\n <div class=\"cart-subtotal\">\n <span class=\"cart-subtotal-label\">Subtotal<\/span>\n <span class=\"cart-subtotal-val\">\u20b9<span id=\"cartTotal\">0<\/span><\/span>\n <\/div>\n <div class=\"cart-shipping-note\">\ud83c\udf3f You're supporting regenerative farming<\/div>\n <button class=\"btn btn-ochre btn-full\" onclick=\"openCheckout()\">Proceed to Checkout \u2192<\/button>\n <button class=\"btn btn-ghost btn-full\" style=\"margin-top:8px\" onclick=\"closeCart()\">Continue Shopping<\/button>\n <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CHECKOUT MODAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"checkout-overlay\" id=\"checkoutOverlay\">\n <div class=\"checkout-modal\">\n <div class=\"checkout-header\">\n <span class=\"checkout-logo\">\ud83c\udf3f Verdant<\/span>\n <div class=\"checkout-steps\" id=\"checkoutSteps\">\n <div class=\"checkout-step active\" data-step=\"1\">\n <span class=\"step-num\">1<\/span>\n <span class=\"step-label\">Info<\/span>\n <\/div>\n <div class=\"step-divider\"><\/div>\n <div class=\"checkout-step\" data-step=\"2\">\n <span class=\"step-num\">2<\/span>\n <span class=\"step-label\">Shipping<\/span>\n <\/div>\n <div class=\"step-divider\"><\/div>\n <div class=\"checkout-step\" data-step=\"3\">\n <span class=\"step-num\">3<\/span>\n <span class=\"step-label\">Payment<\/span>\n <\/div>\n <\/div>\n <button class=\"checkout-close\" onclick=\"closeCheckout()\">\u2715<\/button>\n <\/div>\n\n <div class=\"checkout-body\">\n <div class=\"checkout-form-area\">\n\n <!-- Step 1: Contact + Address -->\n <div class=\"checkout-panel active\" id=\"step1\">\n <h3>Contact & Delivery<\/h3>\n <div class=\"form-row full\"><div class=\"form-group\">\n <label class=\"form-label\">Email Address<\/label>\n <input class=\"form-input\" type=\"email\" placeholder=\"you@example.com\">\n <\/div><\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">First Name<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"Priya\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Last Name<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"Nair\">\n <\/div>\n <\/div>\n <div class=\"form-row full\"><div class=\"form-group\">\n <label class=\"form-label\">Address Line 1<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"House no., Street\">\n <\/div><\/div>\n <div class=\"form-row full\"><div class=\"form-group\">\n <label class=\"form-label\">Address Line 2 (optional)<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"Apartment, suite, landmark\">\n <\/div><\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">City<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"Kochi\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">PIN Code<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"682001\">\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">State<\/label>\n <select class=\"form-select\">\n <option>Kerala<\/option><option>Tamil Nadu<\/option><option>Karnataka<\/option><option>Maharashtra<\/option><option>Delhi<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Phone<\/label>\n <input class=\"form-input\" type=\"tel\" placeholder=\"+91 98765 43210\">\n <\/div>\n <\/div>\n <div class=\"checkout-actions\">\n <button class=\"btn btn-primary\" onclick=\"nextStep(2)\">Continue to Shipping \u2192<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 2: Shipping -->\n <div class=\"checkout-panel\" id=\"step2\">\n <h3>Shipping Method<\/h3>\n <div class=\"shipping-methods\">\n <label class=\"ship-method selected\" onclick=\"selectShipping(this,'0')\">\n <input type=\"radio\" name=\"shipping\" checked>\n <div class=\"ship-method-info\">\n <div class=\"ship-method-name\">\ud83c\udf3f Same-Day Harvest Delivery<\/div>\n <div class=\"ship-method-eta\">Delivered today by 7 PM \u00b7 Kochi only<\/div>\n <\/div>\n <span class=\"ship-method-price\">FREE<\/span>\n <\/label>\n <label class=\"ship-method\" onclick=\"selectShipping(this,'49')\">\n <input type=\"radio\" name=\"shipping\">\n <div class=\"ship-method-info\">\n <div class=\"ship-method-name\">\ud83d\ude9a Express (1\u20132 Days)<\/div>\n <div class=\"ship-method-eta\">Arrives by Thu, May 22<\/div>\n <\/div>\n <span class=\"ship-method-price\">\u20b949<\/span>\n <\/label>\n <label class=\"ship-method\" onclick=\"selectShipping(this,'29')\">\n <input type=\"radio\" name=\"shipping\">\n <div class=\"ship-method-info\">\n <div class=\"ship-method-name\">\ud83d\udce6 Standard (3\u20135 Days)<\/div>\n <div class=\"ship-method-eta\">Arrives by Sat, May 24<\/div>\n <\/div>\n <span class=\"ship-method-price\">\u20b929<\/span>\n <\/label>\n <\/div>\n <div style=\"background:rgba(28,58,42,0.04);border:1.5px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px\">\n <p style=\"font-size:13px;color:var(--text-mid);line-height:1.6\">\ud83c\udf21\ufe0f <strong>Cold Chain Promise:<\/strong> Perishables are packed in insulated boxes with ice packs to maintain 2\u20138\u00b0C throughout delivery.<\/p>\n <\/div>\n <div class=\"checkout-actions\">\n <button class=\"btn btn-primary\" onclick=\"nextStep(3)\">Continue to Payment \u2192<\/button>\n <button class=\"checkout-back\" onclick=\"nextStep(1)\">\u2190 Back<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 3: Payment -->\n <div class=\"checkout-panel\" id=\"step3\">\n <h3>Payment<\/h3>\n <div class=\"payment-methods\">\n <div class=\"pay-method selected\" onclick=\"selectPayMethod(this)\">\n <span class=\"pay-method-icon\">\ud83d\udcb3<\/span> Card\n <\/div>\n <div class=\"pay-method\" onclick=\"selectPayMethod(this)\">\n <span class=\"pay-method-icon\">\ud83d\udcf1<\/span> UPI\n <\/div>\n <div class=\"pay-method\" onclick=\"selectPayMethod(this)\">\n <span class=\"pay-method-icon\">\ud83c\udfe6<\/span> Net Banking\n <\/div>\n <div class=\"pay-method\" onclick=\"selectPayMethod(this)\">\n <span class=\"pay-method-icon\">\ud83d\udcb5<\/span> COD\n <\/div>\n <\/div>\n <div class=\"card-grid\">\n <div class=\"form-group\" style=\"grid-column:1\/-1\">\n <label class=\"form-label\">Card Number<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"4242 4242 4242 4242\" maxlength=\"19\" id=\"cardNum\" oninput=\"formatCard(this)\">\n <\/div>\n <div class=\"form-group\" style=\"grid-column:1\/3\">\n <label class=\"form-label\">Expiry<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"MM \/ YY\" maxlength=\"7\" id=\"cardExp\" oninput=\"formatExpiry(this)\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">CVV<\/label>\n <input class=\"form-input\" type=\"password\" placeholder=\"\u2022\u2022\u2022\" maxlength=\"3\">\n <\/div>\n <div class=\"form-group\" style=\"grid-column:1\/-1\">\n <label class=\"form-label\">Name on Card<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"Priya Nair\">\n <\/div>\n <\/div>\n <div class=\"secure-note\">\ud83d\udd12 Payments are 256-bit SSL encrypted and PCI-DSS compliant<\/div>\n <div class=\"checkout-actions\">\n <button class=\"btn btn-ochre\" onclick=\"placeOrder()\" id=\"placeOrderBtn\">Place Order \u2192<\/button>\n <button class=\"checkout-back\" onclick=\"nextStep(2)\">\u2190 Back<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Order Summary Sidebar -->\n <div class=\"order-summary\">\n <h4>Order Summary<\/h4>\n <div class=\"order-items\" id=\"orderItems\"><\/div>\n <div class=\"order-divider\"><\/div>\n <div class=\"order-line\"><span>Subtotal<\/span><span>\u20b9<span id=\"summarySubtotal\">0<\/span><\/span><\/div>\n <div class=\"order-line\"><span>Shipping<\/span><span id=\"summaryShipping\">FREE<\/span><\/div>\n <div class=\"order-line\"><span>Savings<\/span><span style=\"color:var(--sage)\">\u2212\u20b9<span id=\"summarySavings\">0<\/span><\/span><\/div>\n <div class=\"order-divider\"><\/div>\n <div class=\"order-total\">\n <span>Total<\/span>\n <span class=\"order-total-price\">\u20b9<span id=\"summaryTotal\">0<\/span><\/span>\n <\/div>\n <div class=\"promo-row\">\n <input class=\"promo-input\" type=\"text\" placeholder=\"Promo code\" id=\"promoInput\">\n <button class=\"promo-apply\" onclick=\"applyPromo()\">Apply<\/button>\n <\/div>\n <div id=\"promoMsg\" style=\"font-size:12px;margin-top:8px;display:none\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Confirmation -->\n <div class=\"confirm-panel\" id=\"confirmPanel\" style=\"display:none\">\n <div class=\"confirm-icon\">\ud83c\udf89<\/div>\n <div class=\"confirm-num\">Order #VRD-<span id=\"orderNum\">00000<\/span><\/div>\n <h2 class=\"confirm-title\">Thank you for your order!<\/h2>\n <p class=\"confirm-body\">Your fresh organic produce is being harvested right now. You'll receive a tracking link on your email within the hour.<\/p>\n <div class=\"confirm-details\">\n <div class=\"confirm-detail\">\n <div class=\"confirm-detail-label\">Estimated Delivery<\/div>\n <div class=\"confirm-detail-val\">Today, by 7 PM<\/div>\n <\/div>\n <div class=\"confirm-detail\">\n <div class=\"confirm-detail-label\">Payment<\/div>\n <div class=\"confirm-detail-val\">\u2713 Confirmed<\/div>\n <\/div>\n <div class=\"confirm-detail\">\n <div class=\"confirm-detail-label\">Order Total<\/div>\n <div class=\"confirm-detail-val\">\u20b9<span id=\"confirmTotal\">0<\/span><\/div>\n <\/div>\n <\/div>\n <button class=\"btn btn-primary\" onclick=\"closeCheckout();closeCart()\">Continue Shopping \u2192<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<footer>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"nav-logo-main\" style=\"font-family:var(--ff-serif);font-size:24px;color:var(--cream)\">Verdant<\/div>\n <div class=\"nav-logo-sub\" style=\"font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--sage-pale);margin-top:4px\">Organics<\/div>\n <p class=\"footer-desc\">Cultivated with love in the hills of Kerala. Certified organic since 2014. Delivering freshness across South India.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>Shop<\/h5>\n <ul>\n <li><a href=\"#\">Vegetables<\/a><\/li>\n <li><a href=\"#\">Fruits<\/a><\/li>\n <li><a href=\"#\">Pantry<\/a><\/li>\n <li><a href=\"#\">Herbs & Spices<\/a><\/li>\n <li><a href=\"#\">Subscriptions<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Company<\/h5>\n <ul>\n <li><a href=\"#\">Our Farm<\/a><\/li>\n <li><a href=\"#\">Sustainability<\/a><\/li>\n <li><a href=\"#\">Journal<\/a><\/li>\n <li><a href=\"#\">Careers<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Help<\/h5>\n <ul>\n <li><a href=\"#\">FAQ<\/a><\/li>\n <li><a href=\"#\">Shipping Info<\/a><\/li>\n <li><a href=\"#\">Returns<\/a><\/li>\n <li><a href=\"#\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span class=\"footer-copy\">\u00a9 2024 Verdant Organics. All rights reserved.<\/span>\n <div class=\"footer-legal\">\n <a href=\"#\">Privacy<\/a>\n <a href=\"#\">Terms<\/a>\n <a href=\"#\">Cookie Policy<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DATA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nconst PRODUCTS = [\n {id:1,name:'Heritage Greens Box',category:'vegetables',emoji:'\ud83e\udd6c',price:480,oldPrice:null,bg:'#e8f4e0',badge:'best',badgeText:'Best Seller',rating:5,desc:'Seasonal mixed greens: spinach, arugula, chard & kale.',variant:'Weekly box \u00b7 ~800g'},\n {id:2,name:'Wild Forest Honey',category:'pantry',emoji:'\ud83c\udf6f',price:320,oldPrice:380,bg:'#fff3e0',badge:'sale',badgeText:'Sale',rating:5,desc:'Single-origin, raw & unfiltered. Dark, complex, mineral.',variant:'500g glass jar'},\n {id:3,name:'Heirloom Tomatoes',category:'vegetables',emoji:'\ud83c\udf45',price:180,oldPrice:null,bg:'#fce4ec',badge:'new',badgeText:'New',rating:4,desc:'Six varieties including Brandywine, Cherokee & Yellow Pear.',variant:'500g \u00b7 Mixed'},\n {id:4,name:'Organic Alphonso Mango',category:'fruits',emoji:'\ud83e\udd6d',price:560,oldPrice:null,bg:'#fff8e1',badge:'best',badgeText:'Best Seller',rating:5,desc:'GI-tagged Ratnagiri Alphonsos. No artificial ripening.',variant:'Dozen \u00b7 ~1.5kg'},\n {id:5,name:'Rose Hip Jam',category:'pantry',emoji:'\ud83c\udf39',price:195,oldPrice:240,bg:'#f9e8ee',badge:'sale',badgeText:'Sale',rating:4,desc:'Hand-harvested rose hips, minimally processed with raw sugar.',variant:'280g jar'},\n {id:6,name:'Turmeric & Ginger',category:'herbs',emoji:'\ud83c\udf3f',price:140,oldPrice:null,bg:'#fffde7',badge:null,badgeText:'',rating:4,desc:'Fresh-dried organic turmeric root and ginger. Stone-milled.',variant:'100g each \u00b7 Pair'},\n {id:7,name:'A2 Cow Ghee',category:'dairy',emoji:'\ud83e\uddc8',price:650,oldPrice:720,bg:'#fff9c4',badge:'sale',badgeText:'Sale',rating:5,desc:'Bilona churned from cultured A2 milk. Grass-fed cows.',variant:'500ml glass jar'},\n {id:8,name:'Fresh Fig Collection',category:'fruits',emoji:'\ud83e\uded0',price:420,oldPrice:null,bg:'#ede7f6',badge:'new',badgeText:'New',rating:4,desc:'Black Mission and Brown Turkey figs. Picked at peak sweetness.',variant:'400g \u00b7 Seasonal'},\n {id:9,name:'Kerala Spice Kit',category:'herbs',emoji:'\ud83c\udf36\ufe0f',price:290,oldPrice:null,bg:'#fbe9e7',badge:null,badgeText:'',rating:5,desc:'Cardamom, pepper, cinnamon, cloves \u2014 straight from Western Ghats.',variant:'6 spices \u00b7 Curated'},\n {id:10,name:'Cucumber & Herbs Box',category:'vegetables',emoji:'\ud83e\udd52',price:160,oldPrice:null,bg:'#e0f7fa',badge:null,badgeText:'',rating:4,desc:'Persian cucumbers, dill, mint, and coriander. All organic.',variant:'Weekly \u00b7 Mixed'},\n {id:11,name:'Organic Full-Fat Curd',category:'dairy',emoji:'\ud83e\udd5b',price:120,oldPrice:null,bg:'#f3e5f5',badge:'new',badgeText:'New',rating:4,desc:'Set in terracotta pots. Probiotic-rich, creamy and tangy.',variant:'500g clay pot'},\n {id:12,name:'Dragon Fruit',category:'fruits',emoji:'\ud83d\udc09',price:340,oldPrice:null,bg:'#fce4ec',badge:null,badgeText:'',rating:4,desc:'Pink and yellow varieties. Grown in our coastal orchards.',variant:'2 fruits \u00b7 ~600g'},\n];\n\nlet cart = [];\nlet selectedShipping = 0;\nlet discount = 0;\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RENDER PRODUCTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction renderProducts(filtered) {\n const grid = document.getElementById('productsGrid');\n grid.innerHTML = '';\n filtered.forEach((p,i) => {\n const card = document.createElement('div');\n card.className = 'product-card fade-up';\n card.style.transitionDelay = (i % 4 * 0.07) + 's';\n card.setAttribute('data-category', p.category);\n card.setAttribute('data-price', p.price);\n card.setAttribute('data-name', p.name);\n const stars = '\u2605'.repeat(p.rating) + '\u2606'.repeat(5 - p.rating);\n card.innerHTML = `\n <div class=\"product-img\" style=\"background:${p.bg}\">\n <span style=\"font-size:72px\">${p.emoji}<\/span>\n ${p.badge ? `<div class=\"product-badge badge-${p.badge}\">${p.badgeText}<\/div>` : ''}\n <div class=\"product-wishlist\" onclick=\"toggleWish(this,event)\">\u2661<\/div>\n <\/div>\n <div class=\"product-info\">\n <div class=\"product-category\">${p.category}<\/div>\n <div class=\"product-name\">${p.name}<\/div>\n <div class=\"product-desc-short\">${p.desc}<\/div>\n <div class=\"product-footer\">\n <div>\n <span class=\"product-price\">\u20b9${p.price}<\/span>\n ${p.oldPrice ? `<span class=\"product-price-old\">\u20b9${p.oldPrice}<\/span>` : ''}\n <div class=\"product-rating\" style=\"margin-top:4px;font-size:13px\">${stars}<\/div>\n <\/div>\n <button class=\"add-to-cart-btn\" onclick=\"addToCart(${p.id},event)\" title=\"Add to basket\">+<\/button>\n <\/div>\n <\/div>\n `;\n grid.appendChild(card);\n });\n \/\/ trigger fade-up\n setTimeout(() => {\n grid.querySelectorAll('.fade-up').forEach(el => {\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('visible'); obs.unobserve(e.target); } });\n }, {threshold:0.05});\n obs.observe(el);\n });\n \/\/ immediately visible ones\n grid.querySelectorAll('.fade-up').forEach(el => {\n if(el.getBoundingClientRect().top < window.innerHeight) el.classList.add('visible');\n });\n }, 10);\n}\n\nrenderProducts(PRODUCTS);\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FILTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction filterProducts(btn) {\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n const filter = btn.dataset.filter;\n const filtered = filter === 'all' ? PRODUCTS : PRODUCTS.filter(p => p.category === filter);\n renderProducts(filtered);\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SORT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction sortProducts() {\n const val = document.getElementById('sortSelect').value;\n const activeFilter = document.querySelector('.filter-btn.active').dataset.filter;\n let list = activeFilter === 'all' ? [...PRODUCTS] : PRODUCTS.filter(p => p.category === activeFilter);\n if (val === 'price-asc') list.sort((a,b) => a.price - b.price);\n else if (val === 'price-desc') list.sort((a,b) => b.price - a.price);\n else if (val === 'name') list.sort((a,b) => a.name.localeCompare(b.name));\n renderProducts(list);\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WISHLIST \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction toggleWish(el, e) {\n e.stopPropagation();\n el.classList.toggle('active');\n el.textContent = el.classList.contains('active') ? '\u2665' : '\u2661';\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CART \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction addToCart(id, e) {\n if (e) e.stopPropagation();\n const product = PRODUCTS.find(p => p.id === id);\n const existing = cart.find(c => c.id === id);\n if (existing) {\n existing.qty++;\n } else {\n cart.push({...product, qty: 1});\n }\n updateCart();\n showToast(`${product.emoji} ${product.name} added to basket`);\n \/\/ animate button\n if (e && e.target) {\n e.target.textContent = '\u2713';\n e.target.style.background = 'var(--sage)';\n setTimeout(() => { e.target.textContent = '+'; e.target.style.background = 'var(--forest)'; }, 1200);\n }\n}\n\nfunction updateCart() {\n const total = cart.reduce((s,c) => s + c.price * c.qty, 0);\n const count = cart.reduce((s,c) => s + c.qty, 0);\n\n \/\/ Badge\n const badge = document.getElementById('cartBadge');\n if (count > 0) { badge.style.display = 'flex'; badge.textContent = count; }\n else badge.style.display = 'none';\n\n \/\/ Free shipping bar\n const freeThreshold = 999;\n const pct = Math.min(total \/ freeThreshold * 100, 100);\n document.getElementById('freeBarFill').style.width = pct + '%';\n const remaining = Math.max(freeThreshold - total, 0);\n document.getElementById('freeBarAmt').textContent = remaining;\n document.getElementById('freeBarLabel').textContent = remaining > 0\n ? `Add \u20b9${remaining} more for free shipping`\n : '\ud83c\udf89 You\\'ve unlocked free shipping!';\n\n \/\/ Cart total\n document.getElementById('cartTotal').textContent = (total - discount).toFixed(0);\n\n \/\/ Show\/hide footer\n const hasItems = cart.length > 0;\n document.getElementById('cartEmpty').style.display = hasItems ? 'none' : 'flex';\n document.getElementById('cartFooter').style.display = hasItems ? 'block' : 'none';\n\n \/\/ Render items\n renderCartItems();\n renderOrderSummary();\n}\n\nfunction renderCartItems() {\n const container = document.getElementById('cartItems');\n \/\/ Clear existing item rows\n container.querySelectorAll('.cart-item').forEach(el => el.remove());\n const empty = document.getElementById('cartEmpty');\n\n cart.forEach(item => {\n const div = document.createElement('div');\n div.className = 'cart-item';\n div.innerHTML = `\n <div class=\"cart-item-img\" style=\"background:${item.bg}\">${item.emoji}<\/div>\n <div class=\"cart-item-details\">\n <div class=\"cart-item-name\">${item.name}<\/div>\n <div class=\"cart-item-variant\">${item.variant}<\/div>\n <div class=\"cart-item-row\">\n <div class=\"qty-control\">\n <button class=\"qty-btn\" onclick=\"changeQty(${item.id},-1)\">\u2212<\/button>\n <span class=\"qty-num\">${item.qty}<\/span>\n <button class=\"qty-btn\" onclick=\"changeQty(${item.id},1)\">+<\/button>\n <\/div>\n <span class=\"cart-item-price\">\u20b9${(item.price * item.qty).toLocaleString()}<\/span>\n <\/div>\n <button class=\"cart-item-remove\" onclick=\"removeItem(${item.id})\">Remove<\/button>\n <\/div>\n `;\n container.insertBefore(div, empty);\n });\n}\n\nfunction changeQty(id, delta) {\n const item = cart.find(c => c.id === id);\n if (!item) return;\n item.qty += delta;\n if (item.qty <= 0) cart = cart.filter(c => c.id !== id);\n updateCart();\n}\n\nfunction removeItem(id) {\n cart = cart.filter(c => c.id !== id);\n updateCart();\n}\n\nfunction openCart() {\n document.getElementById('cartOverlay').classList.add('open');\n document.getElementById('cartDrawer').classList.add('open');\n document.body.style.overflow = 'hidden';\n}\n\nfunction closeCart() {\n document.getElementById('cartOverlay').classList.remove('open');\n document.getElementById('cartDrawer').classList.remove('open');\n document.body.style.overflow = '';\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CHECKOUT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nlet currentStep = 1;\n\nfunction openCheckout() {\n closeCart();\n document.getElementById('checkoutOverlay').classList.add('open');\n document.body.style.overflow = 'hidden';\n renderOrderSummary();\n goToStep(1);\n}\n\nfunction closeCheckout() {\n document.getElementById('checkoutOverlay').classList.remove('open');\n document.body.style.overflow = '';\n \/\/ reset confirmation\n document.getElementById('confirmPanel').style.display = 'none';\n document.querySelector('.checkout-header .checkout-steps').style.display = 'flex';\n document.querySelector('.checkout-form-area').style.display = 'block';\n document.querySelector('.order-summary').style.display = 'block';\n}\n\nfunction goToStep(n) {\n currentStep = n;\n document.querySelectorAll('.checkout-panel').forEach(p => p.classList.remove('active'));\n const panel = document.getElementById('step' + n);\n if (panel) panel.classList.add('active');\n\n \/\/ Update step indicators\n document.querySelectorAll('.checkout-step').forEach(s => {\n const sn = parseInt(s.dataset.step);\n s.classList.remove('active','done');\n if (sn < n) s.classList.add('done');\n else if (sn === n) s.classList.add('active');\n });\n}\n\nfunction nextStep(n) { goToStep(n); }\n\nfunction selectShipping(el, price) {\n document.querySelectorAll('.ship-method').forEach(m => m.classList.remove('selected'));\n el.classList.add('selected');\n selectedShipping = parseInt(price);\n renderOrderSummary();\n}\n\nfunction selectPayMethod(el) {\n document.querySelectorAll('.pay-method').forEach(m => m.classList.remove('selected'));\n el.classList.add('selected');\n const isCard = el.textContent.includes('Card');\n document.querySelector('.card-grid').style.display = isCard ? 'grid' : 'none';\n}\n\nfunction renderOrderSummary() {\n const container = document.getElementById('orderItems');\n container.innerHTML = '';\n cart.forEach(item => {\n const div = document.createElement('div');\n div.className = 'order-item';\n div.innerHTML = `\n <div class=\"order-item-img\" style=\"background:${item.bg}\">\n ${item.emoji}\n <span class=\"order-item-qty\">${item.qty}<\/span>\n <\/div>\n <div style=\"flex:1\">\n <div class=\"order-item-name\">${item.name}<\/div>\n <div class=\"order-item-variant\">${item.variant}<\/div>\n <\/div>\n <span class=\"order-item-price\">\u20b9${(item.price * item.qty).toLocaleString()}<\/span>\n `;\n container.appendChild(div);\n });\n\n const subtotal = cart.reduce((s,c) => s + c.price * c.qty, 0);\n const savings = cart.reduce((s,c) => c.oldPrice ? s + (c.oldPrice - c.price) * c.qty : s, 0);\n const total = subtotal + selectedShipping - discount;\n\n document.getElementById('summarySubtotal').textContent = subtotal.toLocaleString();\n document.getElementById('summaryShipping').textContent = selectedShipping === 0 ? 'FREE' : '\u20b9' + selectedShipping;\n document.getElementById('summarySavings').textContent = (savings + discount).toLocaleString();\n document.getElementById('summaryTotal').textContent = Math.max(total, 0).toLocaleString();\n document.getElementById('cartTotal').textContent = (subtotal - discount).toFixed(0);\n document.getElementById('confirmTotal').textContent = Math.max(total, 0).toLocaleString();\n}\n\nfunction applyPromo() {\n const code = document.getElementById('promoInput').value.toUpperCase().trim();\n const msg = document.getElementById('promoMsg');\n msg.style.display = 'block';\n if (code === 'VERDANT10') {\n discount = Math.round(cart.reduce((s,c) => s + c.price * c.qty, 0) * 0.10);\n msg.textContent = '\u2713 10% discount applied!';\n msg.style.color = 'var(--forest-light)';\n } else if (code === 'FRESH50') {\n discount = 50;\n msg.textContent = '\u2713 \u20b950 discount applied!';\n msg.style.color = 'var(--forest-light)';\n } else {\n discount = 0;\n msg.textContent = '\u2717 Invalid promo code. Try VERDANT10';\n msg.style.color = 'var(--bark)';\n }\n renderOrderSummary();\n}\n\nfunction placeOrder() {\n const btn = document.getElementById('placeOrderBtn');\n btn.textContent = 'Processing...';\n btn.disabled = true;\n btn.style.opacity = '0.7';\n\n setTimeout(() => {\n const orderNum = Math.floor(10000 + Math.random() * 90000);\n document.getElementById('orderNum').textContent = orderNum;\n\n \/\/ hide form, show confirm\n document.querySelector('.checkout-form-area').style.display = 'none';\n document.querySelector('.order-summary').style.display = 'none';\n document.querySelector('.checkout-header .checkout-steps').style.display = 'none';\n document.getElementById('confirmPanel').style.display = 'block';\n\n cart = [];\n discount = 0;\n updateCart();\n btn.textContent = 'Place Order \u2192';\n btn.disabled = false;\n btn.style.opacity = '1';\n }, 2000);\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CARD FORMATTING \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction formatCard(el) {\n let v = el.value.replace(\/\\D\/g,'').substring(0,16);\n el.value = v.replace(\/(.{4})\/g,'$1 ').trim();\n}\n\nfunction formatExpiry(el) {\n let v = el.value.replace(\/\\D\/g,'').substring(0,4);\n if (v.length >= 3) v = v.substring(0,2) + ' \/ ' + v.substring(2);\n el.value = v;\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TOAST \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction showToast(msg) {\n const t = document.getElementById('toast');\n document.getElementById('toastMsg').textContent = msg;\n t.classList.add('show');\n setTimeout(() => t.classList.remove('show'), 3000);\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTERSECTION OBSERVER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nconst io = new IntersectionObserver(entries => {\n entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('visible'); io.unobserve(e.target); } });\n}, {threshold:0.08});\n\ndocument.querySelectorAll('.fade-up').forEach(el => io.observe(el));\nsetTimeout(() => {\n document.querySelectorAll('.fade-up').forEach(el => {\n if(el.getBoundingClientRect().top < window.innerHeight) el.classList.add('visible');\n });\n}, 50);\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Verdant Organics \u2014 Farm to Table \ud83c\udf3f Added to cart! Verdant Organics Shop Collections Our Farm Journal \ud83d\uded2 0 Certified Organic \u00b7 Kerala, India From earthto yourtable. Grown without compromise. Harvested at peak nutrition. Delivered within 24 hours of picking \u2014 because freshness isn’t a feature, it’s our promise. Shop Now Our Story \u2192 \ud83e\udd6c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jewelgeorgeanto.co.in\/verdant\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jewelgeorgeanto.co.in\/verdant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jewelgeorgeanto.co.in\/verdant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jewelgeorgeanto.co.in\/verdant\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jewelgeorgeanto.co.in\/verdant\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":8,"href":"https:\/\/jewelgeorgeanto.co.in\/verdant\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/jewelgeorgeanto.co.in\/verdant\/wp-json\/wp\/v2\/pages\/7\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/jewelgeorgeanto.co.in\/verdant\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}