:root{--cream:#fffaf0;--paper:#fff;--ink:#27251f;--muted:#756f63;--green:#22553f;--green2:#32694f;--gold:#d3a33c;--gold2:#f4e5b9;--line:#e8dfcf;--soft:#f8f4ea;--red:#a6483b;--shadow:0 18px 55px rgba(65,48,25,.09)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fffaf0 0,#f7f2e8 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hidden{display:none!important}button{font:inherit}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 clamp(18px,5vw,70px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:950;font-size:18px}.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover}.main-nav{display:flex;gap:5px;flex:1;justify-content:center}.nav-item{border:0;background:transparent;padding:10px 14px;border-radius:10px;color:var(--muted);font-weight:850;cursor:pointer}.nav-item:hover,.nav-item.active{background:var(--soft);color:var(--green)}.ghost-btn,.secondary-btn,.primary-btn,.back-btn,.link-btn{border-radius:11px;padding:11px 15px;font-weight:900;cursor:pointer}.ghost-btn{border:1px solid var(--line);background:#fff;color:var(--green)}.secondary-btn{border:1px solid transparent;background:#f0e8d8;color:var(--green)}.primary-btn{border:0;background:var(--green);color:#fff;width:100%}.primary-btn.small{width:auto}.back-btn{border:0;background:transparent;color:var(--green);padding-left:0}.link-btn{border:0;background:transparent;color:var(--green);display:block;margin:9px auto}.shell{max-width:1160px;margin:35px auto;padding:0 18px}.auth-card{max-width:540px;margin:45px auto;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:34px}.auth-brand{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:25px}.auth-brand img{width:72px;height:72px;border-radius:50%}.auth-brand b{display:block;font-size:28px}.auth-brand small{color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);padding:4px;border-radius:12px;margin-bottom:22px}.tab{border:0;background:transparent;padding:12px;border-radius:9px;color:var(--muted);font-weight:900;cursor:pointer}.tab.active{background:#fff;color:var(--green);box-shadow:0 3px 10px rgba(0,0,0,.06)}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:850;margin-bottom:14px}input,textarea,select{width:100%;border:1px solid #ddd3c1;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(34,85,63,.08)}.two-col,.three-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.three-col{grid-template-columns:repeat(3,1fr)}.hint{font-size:12px;color:var(--muted);line-height:1.55}.message{padding:12px 14px;border-radius:10px;margin-bottom:16px;background:#eef7ef;color:#255c39;font-size:13px}.message.error{background:#fff0ed;color:var(--red)}.hero-row{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}.hero-row h1{font-size:46px;line-height:1.06;margin:6px 0 10px;max-width:720px}.hero-row p{color:var(--muted);font-size:17px;max-width:650px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:950;color:#9b711f}.hello-card{background:var(--green);color:#fff;border-radius:18px;padding:18px 22px;min-width:170px}.hello-card span,.hello-card b{display:block}.hello-card span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.72}.hello-card b{font-size:20px;margin-top:5px}.section-title,.page-head,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-title h2,.panel-head h2{margin:3px 0;font-size:23px}.pill{background:#f2eadb;border-radius:999px;padding:8px 12px;color:var(--muted);font-size:12px;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.product-image{height:210px;background:linear-gradient(135deg,#fff5cf,#e8c566);display:flex;align-items:center;justify-content:center;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.product-image .milk-mark{font-size:65px}.product-body{padding:22px}.product-body h3{margin:4px 0;font-size:25px}.product-body p{color:var(--muted);line-height:1.55;min-height:45px}.price-line{display:flex;align-items:baseline;gap:4px;margin:18px 0}.price-line b{font-size:25px}.price-line span{color:var(--muted)}.qty-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.qty-control{display:flex;align-items:center;gap:13px}.qty-control button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--green);font-size:21px;cursor:pointer}.qty-control strong{min-width:62px;text-align:center}.plan-box{margin:18px 0;padding:14px;background:var(--soft);border-radius:14px}.plan-box h4{margin:0 0 10px}.plan-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-option{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;cursor:pointer;text-align:left}.plan-option.active{border-color:var(--green);box-shadow:0 0 0 2px rgba(34,85,63,.08)}.plan-option b,.plan-option span{display:block}.plan-option span{font-size:11px;color:var(--muted);margin-top:3px}.date-row{margin-top:10px}.empty{background:#fff;border:1px dashed #d8cbb6;padding:35px;border-radius:18px;text-align:center;color:var(--muted);margin-top:20px}.stepper{display:flex;gap:7px;margin-bottom:28px;overflow:auto}.stepper span{padding:8px 12px;border-radius:999px;background:#eee9df;color:var(--muted);font-size:12px;font-weight:850;white-space:nowrap}.stepper .active{background:var(--green);color:#fff}.stepper .done{background:#e6f0e8;color:var(--green)}.page-head{align-items:flex-start;margin-bottom:25px}.page-head h1{margin:3px 0 6px;font-size:36px}.page-head p{color:var(--muted);margin:0}.checkout-grid,.review-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:20px}.panel,.summary-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:0 10px 35px rgba(65,48,25,.06)}.summary-card{position:sticky;top:96px;height:max-content}.address-list{display:grid;gap:10px}.address-option{border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;gap:12px;justify-content:space-between;align-items:flex-start;cursor:pointer}.address-option.selected{border-color:var(--green);box-shadow:0 0 0 2px rgba(34,85,63,.08)}.address-option h4{margin:0 0 5px}.address-option p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.address-option input{width:auto;margin-top:4px}.address-form-wrap{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.location-box{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--soft);border:1px dashed #d8cbb6;border-radius:12px;padding:13px;margin-bottom:14px}.location-box b,.location-box span{display:block}.location-box span{font-size:12px;color:var(--muted);margin-top:3px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.summary-card h2{margin:5px 0 15px;font-size:24px}.summary-line{display:flex;flex-direction:column;gap:4px;margin:12px 0 20px}.summary-line span,.review-block span,.estimate-row span,.profile-line span{font-size:12px;color:var(--muted)}.summary-line b{line-height:1.4}.divider{height:1px;background:var(--line);margin:18px 0}.review-block{padding:10px 0}.review-block b{display:block;margin-top:4px}.estimate-row,.total-row{display:flex;justify-content:space-between;padding:10px 0}.total-row{border-top:1px solid var(--line);margin-top:10px;padding-top:16px;font-size:18px}.total-row b{font-size:24px}.confirmation{max-width:650px;margin:65px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:55px 35px;box-shadow:var(--shadow)}.checkmark{width:72px;height:72px;border-radius:50%;background:#e6f3e8;color:var(--green);font-size:43px;font-weight:900;display:grid;place-items:center;margin:0 auto 18px}.confirmation h1{font-size:38px;margin:5px 0 10px}.confirmation p{color:var(--muted)}.confirm-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:25px}.confirm-actions .primary-btn,.confirm-actions .secondary-btn,.confirm-actions .ghost-btn{width:auto}.stack{display:grid;gap:14px}.subscription-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 35px rgba(65,48,25,.05)}.sub-top{display:flex;justify-content:space-between;gap:20px}.sub-product{display:flex;gap:13px;align-items:center}.mini-product{width:58px;height:58px;border-radius:14px;background:#f6e6b5;display:grid;place-items:center;font-size:27px}.sub-product h3{margin:0 0 3px}.sub-product p{margin:0;color:var(--muted);font-size:13px}.status{padding:6px 10px;border-radius:999px;background:#eaf5ec;color:#2c6b3f;font-size:11px;font-weight:900;height:max-content}.status.paused{background:#fff1d6;color:#8a661c}.sub-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.sub-meta div{background:var(--soft);padding:12px;border-radius:11px}.sub-meta span,.profile-line span{display:block;font-size:11px;color:var(--muted)}.sub-meta b{display:block;margin-top:4px}.sub-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.sub-actions button{width:auto}.pause-box{margin-top:15px;padding:15px;border:1px solid #ead8ad;background:#fff9e9;border-radius:14px}.pause-box h4{margin:0 0 10px}.pause-list{display:grid;gap:7px}.pause-item{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:9px 0;border-top:1px solid rgba(0,0,0,.06)}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #eee7da;font-size:13px}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.delivery-status{padding:5px 8px;border-radius:999px;background:#f1eee7;font-size:11px;font-weight:850}.delivery-status.delivered{background:#e6f3e8;color:#28643b}.delivery-status.out_for_delivery{background:#e8f0fb;color:#285d91}.delivery-status.paused,.delivery-status.skipped{background:#fff1d6;color:#8a661c}.two-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bill-card,.payment-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--soft)}.bill-card strong,.payment-card strong{display:block}.bill-card .amount,.payment-card .amount{font-size:21px;margin-top:5px}.bill-card .muted,.payment-card .muted{font-size:12px;color:var(--muted)}.profile-line{padding:14px 0;border-bottom:1px solid var(--line)}.profile-line:last-child{border-bottom:0}.profile-line b{display:block;margin-top:4px}.profile-address{padding:12px;background:var(--soft);border-radius:12px;margin-bottom:8px}.profile-address b{display:block}.profile-address span{font-size:12px;color:var(--muted);line-height:1.45}footer{text-align:center;color:var(--muted);font-size:12px;padding:38px 18px}footer a{color:var(--green)}@media(max-width:900px){.main-nav{order:3;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:8px;justify-content:flex-start;overflow:auto}.topbar{height:68px}.hero-row,.checkout-grid,.review-grid,.two-panel{grid-template-columns:1fr;display:grid}.hero-row h1{font-size:37px}.hello-card{width:max-content}.product-grid{grid-template-columns:1fr 1fr}.summary-card{position:static}.sub-meta{grid-template-columns:1fr 1fr}}@media(max-width:620px){.shell{margin:20px auto}.auth-card{padding:22px;margin:20px auto}.two-col,.three-col,.product-grid,.sub-meta{grid-template-columns:1fr}.page-head h1{font-size:29px}.hero-row h1{font-size:32px}.product-image{height:170px}.topbar{padding:0 14px}.brand span{display:none}.main-nav{gap:0}.nav-item{padding:9px 11px;font-size:12px}.form-actions,.confirm-actions{flex-direction:column}.form-actions>*{width:100%}}

.modal-backdrop{position:fixed;inset:0;background:rgba(39,37,31,.42);display:grid;place-items:center;padding:20px;z-index:1000}.modal-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 20px 60px rgba(39,37,31,.2)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.modal-head h2{margin:4px 0 10px;font-size:26px}.modal-card .form-actions{margin-top:8px}.hidden{display:none!important}

.inline-message{margin:12px 0;padding:10px 12px;border-radius:10px;background:#eef7ef;color:#315f3a;font-size:13px}.inline-message.error{background:#fff0ee;color:#9b3b2f}.secondary-btn,.primary-btn,.ghost-btn,.link-btn{cursor:pointer;touch-action:manipulation}

/* Order history: show one row per placed subscription; delivery schedule is expandable. */
.order-summary-row td{vertical-align:middle;}
.order-summary-row .order-delivery-toggle{margin-left:10px;white-space:nowrap;}
.order-deliveries-row td{padding:0;border-top:0;}
.order-deliveries{padding:14px 16px 18px;background:#faf8f1;border-top:1px solid #eee5d4;}
.delivery-mini-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #eee5d4;border-radius:10px;overflow:hidden;}
.delivery-mini-table th,.delivery-mini-table td{padding:9px 10px;border-bottom:1px solid #eee5d4;text-align:left;font-size:12px;}
.delivery-mini-table th{font-weight:700;background:#fbf7ee;}
.delivery-mini-table tr:last-child td{border-bottom:0;}

.profile-note{display:block;margin-top:5px;font-size:11px;color:var(--muted);font-weight:500}.profile-readonly{padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--soft);margin-bottom:14px}.profile-readonly span,.profile-readonly b,.profile-readonly small{display:block}.profile-readonly span{font-size:12px;color:var(--muted)}.profile-readonly b{margin-top:4px}.profile-readonly small{margin-top:5px;font-size:11px;color:var(--muted)}#profileForm .form-actions{margin-top:18px}.modal-card .primary-btn.small{width:auto}
.gps-first{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#f5f8f3;border:1px solid #d8e5d7;border-radius:16px;padding:16px;margin-bottom:18px}.gps-first h3{margin:4px 0 5px;font-size:18px}.gps-first p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;max-width:650px}.gps-status{margin-top:12px}.gps-status span{max-width:720px}@media(max-width:620px){.gps-first{flex-direction:column;align-items:stretch}.gps-first .primary-btn{width:100%}}

.required-field{display:block;position:relative}.required-field .required-mark{color:#a52b1d;font-weight:900;margin-left:3px}.required-field input{display:block;margin-top:7px}.optional-mark{color:var(--muted);font-size:11px;font-weight:700}.profile-address-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px}.profile-address-edit,.address-edit-btn{width:auto!important;padding:7px 11px!important;font-size:12px!important}.address-option{position:relative}.address-option>div{flex:1}.address-option .address-edit-btn{flex:0 0 auto}
.bill-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.bill-breakdown{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:13px 0;color:var(--muted);font-size:12px}.bill-breakdown b{color:var(--ink)}.bill-pay-btn{margin-top:8px}.paid-badge,.status-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#e6f3e8;color:var(--green);font-size:11px;font-weight:900}.status-chip.pending{background:#fff1d6;color:#8a661c}.status-chip.paid{background:#e6f3e8;color:var(--green)}.payment-card{display:flex;justify-content:space-between;gap:14px;align-items:center}.payment-card .muted{display:block;margin-top:4px}.payment-card .muted+.muted{margin-top:3px}.payment-modal{max-height:90vh;overflow:auto}.upi-panel{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:15px;margin-bottom:16px}.upi-header{display:flex;justify-content:space-between;gap:14px;align-items:center}.upi-header b,.upi-header span{display:block}.upi-header span{font-size:12px;color:var(--muted);margin-top:3px}.upi-amount{font-size:20px;font-weight:950;color:var(--green)}.upi-id-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:14px 0;padding:10px;background:#fff;border-radius:10px}.upi-id-row span{font-size:12px;color:var(--muted)}.upi-id-row b{overflow-wrap:anywhere}.upi-link{display:block;text-align:center;text-decoration:none;padding:12px;margin-bottom:8px}.optional-mark{font-size:11px;color:var(--muted);font-weight:700}.inline-message{padding:10px 12px;border-radius:10px;background:#eef7ef;color:#255c39;font-size:13px;margin-bottom:14px}.inline-message.error{background:#fff0ed;color:var(--red)}
@media(max-width:620px){.bill-top,.payment-card,.upi-header{align-items:flex-start}.bill-top,.payment-card,.upi-header{flex-direction:column}.upi-id-row{grid-template-columns:1fr auto}.upi-id-row b{grid-column:1/-1}}
.bill-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.bill-breakdown{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:13px 0;color:var(--muted);font-size:12px}.bill-breakdown b{color:var(--ink)}.bill-pay-btn{margin-top:8px}.paid-badge,.status-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#e6f3e8;color:var(--green);font-size:11px;font-weight:900}.status-chip.pending{background:#fff1d6;color:#8a661c}.status-chip.paid{background:#e6f3e8;color:var(--green)}.payment-card{display:flex;justify-content:space-between;gap:14px;align-items:center}.payment-card .muted{display:block;margin-top:4px}.payment-modal{max-height:90vh;overflow:auto}.upi-panel{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:15px;margin-bottom:16px}.upi-header{display:flex;justify-content:space-between;gap:14px;align-items:center}.upi-header b,.upi-header span{display:block}.upi-header span{font-size:12px;color:var(--muted);margin-top:3px}.upi-amount{font-size:20px;font-weight:950;color:var(--green)}.upi-id-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:14px 0;padding:10px;background:#fff;border-radius:10px}.upi-id-row span{font-size:12px;color:var(--muted)}.upi-id-row b{overflow-wrap:anywhere}.upi-link{display:block;text-align:center;text-decoration:none;padding:12px;margin-bottom:8px}.optional-mark{font-size:11px;color:var(--muted);font-weight:700}.inline-message{padding:10px 12px;border-radius:10px;background:#eef7ef;color:#255c39;font-size:13px;margin-bottom:14px}.inline-message.error{background:#fff0ed;color:var(--red)}
@media(max-width:620px){.bill-top,.payment-card,.upi-header{align-items:flex-start;flex-direction:column}.upi-id-row{grid-template-columns:1fr auto}.upi-id-row b{grid-column:1/-1}}
.delivery-mini-table .delivery-time{display:block;margin-top:3px;font-size:11px;opacity:.65}.delivery-mini-table td:nth-child(2){white-space:nowrap;font-size:12px;color:#1f5f4b}

/* V14.8 customer billing statement */
.billing-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.billing-summary-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 18px}.billing-summary-card span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:850}.billing-summary-card strong{display:block;font-size:24px;margin-top:6px}.billing-summary-card small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.billing-summary-card.outstanding{border-color:#e6d39c;background:#fffaf0}.billing-verification{grid-column:1/-1;padding:11px 14px;border-radius:12px;background:#fff5db;border:1px solid #eedaa8;color:#765c1e;font-size:12px}.billing-verification span{display:block;margin-top:3px}.statement-panel{margin-bottom:20px}.panel-subtitle{font-size:12px;color:var(--muted);margin:4px 0 0}.statement-note{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--soft);font-size:12px;color:var(--muted)}.billing-table-wrap{overflow:auto}.billing-table{min-width:820px}.billing-table td{vertical-align:middle}.billing-table td:nth-child(2){font-size:12px;color:var(--green)}.statement-skipped{opacity:.72}.status-chip.partial{background:#fff1d6;color:#8a661c}.billing-lower-grid{margin-bottom:20px}
@media(max-width:900px){.billing-summary{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.billing-summary{grid-template-columns:1fr}.billing-verification{grid-column:auto}}

.billing-summary-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.billing-summary-top .primary-btn{width:auto;margin:0}.billing-summary-card.outstanding .billing-summary-top span{display:block}