{"id":871,"date":"2026-08-31T06:59:19","date_gmt":"2026-08-31T06:59:19","guid":{"rendered":"https:\/\/trioindia.co.in\/?page_id=871"},"modified":"2026-09-02T06:22:26","modified_gmt":"2026-09-02T06:22:26","slug":"checkout","status":"publish","type":"page","link":"https:\/\/trioindia.co.in\/index.php\/checkout\/","title":{"rendered":"Checkout"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"871\" class=\"elementor elementor-871\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9622463 e-flex e-con-boxed e-con e-parent\" data-id=\"9622463\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1707be6 elementor-widget elementor-widget-html\" data-id=\"1707be6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   TRIO INDIA \u2014 PREMIUM GLASS CHECKOUT\n   Elementor-safe: all styles scoped to .trio-checkout\n   \\========================================================= *\/\n.trio-checkout{--maroon:#5a0f2d;--maroon-dark:#3d071e;--maroon-soft:#75153d;--orange:#ff6b1a;--peach:#f8ddd5;--peach-deep:#f3cfc5;--cream:#fff8f3;--white:rgba(255,255,255,.78);--text:#351521;--muted:#765f68;--line:rgba(90,15,45,.13);--line-strong:rgba(90,15,45,.22);--glass:rgba(255,255,255,.68);--glass-strong:rgba(255,255,255,.84);--ring:rgba(90,15,45,.16);--shadow-sm:0 8px 24px rgba(61,7,30,.06);--shadow-md:0 18px 45px rgba(61,7,30,.10),0 3px 10px rgba(61,7,30,.04);--shadow-lg:0 28px 70px rgba(61,7,30,.16),0 8px 22px rgba(61,7,30,.06);--r-card:24px;--r-inner:17px;--r-btn:14px;--ease:cubic-bezier(.22,.61,.36,1);display:block;position:relative;width:100%;margin:0;padding:76px 24px 110px;overflow:hidden;background:radial-gradient(circle at 8% 5%,rgba(255,255,255,.78),transparent 25%),radial-gradient(circle at 92% 8%,rgba(255,107,26,.10),transparent 24%),linear-gradient(135deg,#fbe4de 0%,#f7d9d1 48%,#f5d2ca 100%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;box-sizing:border-box}\n.trio-checkout::before,.trio-checkout::after{content:\"\";position:absolute;z-index:0;border-radius:50%;filter:blur(2px);pointer-events:none}.trio-checkout::before{width:420px;height:420px;left:-180px;top:260px;background:rgba(255,255,255,.34)}.trio-checkout::after{width:360px;height:360px;right:-150px;bottom:80px;background:rgba(255,107,26,.08)}\n.trio-checkout *,.trio-checkout *::before,.trio-checkout *::after{box-sizing:border-box}.trio-checkout [hidden]{display:none!important}.trio-checkout :focus-visible{outline:2px solid var(--maroon);outline-offset:3px;border-radius:8px}.trio-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.trio-shell{position:relative;z-index:1;width:100%;max-width:1220px;margin:0 auto}\n\/* Header *\/\n.trio-head{max-width:760px;margin:0 0 44px}.trio-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;padding:9px 14px 9px 12px;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.75);border-radius:999px;box-shadow:0 8px 25px rgba(61,7,30,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--maroon);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;line-height:1}.trio-eyebrow::before{content:\"\";width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,107,26,.10)}\n.trio-head h1{margin:0 0 14px;color:var(--maroon);font-size:clamp(38px,5vw,62px);line-height:1.02;font-weight:750;letter-spacing:-.045em}.trio-head p{margin:0;max-width:60ch;color:var(--muted);font-size:17px;line-height:1.65}\n\/* Progress *\/\n.trio-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 34px;padding:0;list-style:none;background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.62);border-radius:18px;box-shadow:0 10px 30px rgba(61,7,30,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}.trio-step{position:relative;padding:16px 18px}.trio-step:not(:last-child){border-right:1px solid rgba(90,15,45,.08)}.trio-step::before{content:\"\";position:absolute;left:0;right:0;top:0;height:3px;background:transparent;transition:background .35s var(--ease)}.trio-step.is-done::before{background:rgba(117,21,61,.42)}.trio-step.is-active::before{background:var(--maroon)}.trio-step-num{display:block;color:var(--muted);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.08em;opacity:.65}.trio-step-name{display:block;margin-top:3px;color:var(--muted);font-size:14px;font-weight:650;letter-spacing:-.01em}.trio-step.is-done .trio-step-num,.trio-step.is-done .trio-step-name,.trio-step.is-active .trio-step-num,.trio-step.is-active .trio-step-name{color:var(--maroon);opacity:1}.trio-step.is-active .trio-step-name{font-weight:800}\n\/* Empty *\/\n.trio-empty{max-width:580px;margin:0 auto;padding:58px 44px 52px;background:var(--glass-strong);border:1px solid rgba(255,255,255,.82);border-radius:26px;box-shadow:var(--shadow-lg);text-align:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.trio-empty-mark{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 22px;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:18px;color:var(--maroon);box-shadow:var(--shadow-sm)}.trio-empty h2{margin:0 0 10px;color:var(--maroon);font-size:28px;line-height:1.2}.trio-empty p{margin:0 auto 28px;max-width:44ch;color:var(--muted);font-size:15px}.trio-empty-link{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;background:var(--maroon);border-radius:var(--r-btn);color:#fff;font-size:14.5px;font-weight:700;text-decoration:none;box-shadow:0 12px 28px rgba(61,7,30,.20);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.trio-empty-link:hover{background:var(--maroon-dark);color:#fff;transform:translateY(-2px);box-shadow:0 18px 35px rgba(61,7,30,.25)}.trio-empty-link span{transition:transform .2s var(--ease)}.trio-empty-link:hover span{transform:translateX(-3px)}\n\/* Layout *\/\n.trio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,400px);gap:28px;align-items:start}.trio-main{display:flex;flex-direction:column;gap:22px;min-width:0}\n\/* Cards *\/\n.trio-card{position:relative;padding:32px;background:var(--glass);border:1px solid rgba(255,255,255,.82);border-radius:var(--r-card);box-shadow:var(--shadow-md);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.trio-card::before{content:\"\";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 35%);pointer-events:none}.trio-card:hover{transform:translateY(-2px);box-shadow:0 24px 55px rgba(61,7,30,.13),0 4px 12px rgba(61,7,30,.04)}.trio-card>*{position:relative;z-index:1}.trio-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.trio-card h2{margin:0;color:var(--maroon);font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.025em}.trio-card-head p,.trio-sub{margin:7px 0 0;max-width:58ch;color:var(--muted);font-size:14px;line-height:1.55}.trio-badge{display:inline-flex;align-items:center;gap:7px;flex:none;padding:7px 12px;background:rgba(255,255,255,.58);border:1px solid rgba(90,15,45,.15);border-radius:999px;color:var(--maroon);font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1;white-space:nowrap;box-shadow:0 6px 18px rgba(61,7,30,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.trio-badge svg{display:block}\n\/* Selected plan *\/\n.trio-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding:26px;background:linear-gradient(135deg,rgba(255,250,246,.88),rgba(255,255,255,.50));border:1px solid rgba(90,15,45,.18);border-radius:20px;box-shadow:inset 0 1px rgba(255,255,255,.85),0 10px 30px rgba(61,7,30,.05)}.trio-plan-facts{display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:28px;margin:0}.trio-fact dt{margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.trio-fact dd{margin:0;color:var(--maroon);font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.02em}.trio-plan-price{text-align:right;white-space:nowrap}.trio-plan-price .amount{display:block;color:var(--maroon);font-size:40px;line-height:1;font-weight:800;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.trio-plan-price .tax{display:block;margin-top:7px;color:var(--muted);font-size:12px;font-weight:600}\n\/* Multi-marketplace plans *\/\n.trio-selected-plans{display:flex;flex-direction:column;gap:12px}.trio-selected-plan{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 22px;background:linear-gradient(135deg,rgba(255,250,246,.9),rgba(255,255,255,.56));border:1px solid rgba(90,15,45,.16);border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 24px rgba(61,7,30,.045);transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.trio-selected-plan:hover{transform:translateY(-1px);border-color:rgba(90,15,45,.27);box-shadow:0 14px 32px rgba(61,7,30,.08)}.trio-selected-plan-main{min-width:0}.trio-selected-plan-marketplace{display:block;color:var(--maroon);font-size:18px;font-weight:800;letter-spacing:-.02em}.trio-selected-plan-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.trio-selected-plan-chip{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(90,15,45,.12);border-radius:999px;background:rgba(255,255,255,.52);color:var(--muted);font-size:11.5px;font-weight:700}.trio-selected-plan-price{text-align:right;white-space:nowrap}.trio-selected-plan-price strong{display:block;color:var(--maroon);font-size:24px;line-height:1;font-weight:850;letter-spacing:-.035em}.trio-selected-plan-price span{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:600}.trio-selected-plans-total{display:flex;justify-content:space-between;align-items:center;margin-top:2px;padding:14px 4px 0;border-top:1px solid var(--line)}.trio-selected-plans-total span:first-child{color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.trio-selected-plans-total span:last-child{color:var(--maroon);font-size:20px;font-weight:850}.trio-summary-plans-title{margin:0 0 8px;color:var(--maroon);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.trio-summary-plans{display:flex;flex-direction:column;gap:2px}.trio-summary-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:7px 0}.trio-summary-plan-main{min-width:0}.trio-summary-plan-name{display:block;color:var(--text);font-size:13px;font-weight:750}.trio-summary-plan-meta{display:block;margin-top:2px;color:var(--muted);font-size:11px}.trio-summary-plan-price{color:var(--text);font-size:13px;font-weight:750;white-space:nowrap}.trio-summary-plan-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.trio-summary-plan-total strong{color:var(--maroon);font-size:14px}\n\/* Form *\/\n.trio-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.trio-field{position:relative;display:block;min-width:0}.trio-field.full{grid-column:1\/-1}.trio-field input,.trio-field textarea{display:block;width:100%;margin:0;padding:25px 16px 9px;background:rgba(255,255,255,.58);border:1px solid rgba(90,15,45,.16);border-radius:16px;color:var(--text);font-family:inherit;font-size:15px;line-height:1.4;appearance:none;outline:none;box-shadow:inset 0 1px rgba(255,255,255,.75),0 5px 18px rgba(61,7,30,.025);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.trio-field textarea{min-height:124px;padding-top:29px;resize:vertical}.trio-field input::placeholder,.trio-field textarea::placeholder{color:transparent}.trio-field label{position:absolute;top:15px;left:16px;color:var(--muted);font-size:14px;font-weight:600;line-height:1;pointer-events:none;transform-origin:left top;transition:transform .18s var(--ease),color .18s var(--ease)}.trio-field input:focus+label,.trio-field input:not(:placeholder-shown)+label,.trio-field textarea:focus+label,.trio-field textarea:not(:placeholder-shown)+label{transform:translateY(-7px) scale(.75);color:var(--maroon);font-weight:800}.trio-field input:focus,.trio-field textarea:focus{background:rgba(255,255,255,.88);border-color:rgba(90,15,45,.48);box-shadow:0 0 0 4px var(--ring),0 12px 28px rgba(61,7,30,.06);transform:translateY(-1px)}.trio-field.has-error input,.trio-field.has-error textarea{border-color:#b23a4d;background:#fffafa}.trio-field.has-error label{color:#b23a4d}.trio-msg{display:none;margin:7px 2px 0;color:#a32e42;font-size:12px;font-weight:650}.trio-field.has-error .trio-msg{display:block}\n\/* Add-ons *\/\n.trio-addons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trio-addon{position:relative;min-width:0}.trio-addon input{position:absolute;top:14px;left:14px;width:20px;height:20px;margin:0;opacity:0}.trio-addon-label{display:flex;align-items:flex-start;gap:13px;height:100%;padding:18px 17px;background:rgba(255,255,255,.46);border:1px solid rgba(90,15,45,.15);border-radius:17px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.7);transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}.trio-addon-label:hover{border-color:rgba(117,21,61,.48);background:rgba(255,255,255,.72);transform:translateY(-3px);box-shadow:0 16px 30px rgba(61,7,30,.08)}.trio-addon input:checked+.trio-addon-label{background:linear-gradient(135deg,rgba(255,248,243,.92),rgba(255,255,255,.72));border-color:var(--maroon);box-shadow:0 16px 32px rgba(61,7,30,.11),inset 0 0 0 1px rgba(90,15,45,.08)}.trio-addon input:focus-visible+.trio-addon-label{border-color:var(--maroon);box-shadow:0 0 0 4px var(--ring)}.trio-addon-check{display:flex;align-items:center;justify-content:center;flex:none;width:21px;height:21px;margin-top:1px;background:rgba(255,255,255,.72);border:1.5px solid #cbb2ac;border-radius:7px;transition:background .2s var(--ease),border-color .2s var(--ease),transform .22s var(--ease)}.trio-addon input:checked+.trio-addon-label .trio-addon-check{background:var(--maroon);border-color:var(--maroon);transform:scale(1.08)}.trio-addon-check svg{width:12px;height:12px;display:block}.trio-addon-check path{stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:18;stroke-dashoffset:18;transition:stroke-dashoffset .25s var(--ease) .04s}.trio-addon input:checked+.trio-addon-label .trio-addon-check path{stroke-dashoffset:0}.trio-addon-body{min-width:0;flex:1}.trio-addon-name{display:block;color:var(--text);font-size:14.5px;line-height:1.3;font-weight:800;letter-spacing:-.01em}.trio-addon-desc{display:block;margin-top:5px;color:var(--muted);font-size:12.5px;line-height:1.45}.trio-addon-price{display:block;margin-top:10px;color:var(--maroon);font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums}.trio-addon-price.is-tbd{color:var(--muted);font-weight:650}.trio-addon-quantity{display:flex;align-items:center;gap:6px;margin-top:11px}.trio-addon-quantity-label{color:var(--muted);font-size:11px;font-weight:700;margin-right:3px}.trio-addon-qty-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:rgba(255,255,255,.72);border:1px solid rgba(90,15,45,.18);border-radius:8px;color:var(--maroon);font-family:inherit;font-size:17px;font-weight:800;line-height:1;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.trio-addon-qty-btn:hover{background:rgba(255,255,255,.95);border-color:var(--maroon);transform:translateY(-1px)}.trio-addon-qty-input{width:52px;height:28px;padding:3px 5px;background:rgba(255,255,255,.78);border:1px solid rgba(90,15,45,.18);border-radius:8px;color:var(--text);font-family:inherit;font-size:12px;font-weight:800;text-align:center;outline:none;appearance:textfield}.trio-addon-qty-input::-webkit-outer-spin-button,.trio-addon-qty-input::-webkit-inner-spin-button{margin:0;appearance:none}.trio-addon-qty-input:focus{border-color:var(--maroon);box-shadow:0 0 0 3px var(--ring)}.trio-addon-total{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.trio-addon input:not(:checked)+.trio-addon-label .trio-addon-quantity,.trio-addon input:not(:checked)+.trio-addon-label .trio-addon-total{display:none}\n\/* Summary *\/\n.trio-side{position:sticky;top:24px;min-width:0}.trio-summary{overflow:hidden;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.88);border-radius:26px;box-shadow:var(--shadow-lg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.trio-summary-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 23px;background:linear-gradient(135deg,var(--maroon),#6d1238);color:#fff}.trio-summary-head h2{margin:0;color:#fff;font-size:14px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}.trio-summary-toggle{display:none;align-items:center;gap:8px;padding:4px 6px;margin:-4px -6px;background:none;border:0;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}.trio-summary-toggle svg{width:13px;height:13px;transition:transform .25s var(--ease)}.trio-summary.is-collapsed .trio-summary-toggle svg{transform:rotate(-90deg)}.trio-collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows .32s var(--ease)}.trio-summary.is-collapsed .trio-collapse{grid-template-rows:0fr}.trio-collapse>div{min-height:0;overflow:hidden}.trio-summary-body{padding:24px}.trio-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:9px 0;font-size:14px}.trio-row dt,.trio-row .k{color:var(--muted)}.trio-row dd,.trio-row .v{margin:0;color:var(--text);font-weight:750;text-align:right;font-variant-numeric:tabular-nums}.trio-rule{height:1px;margin:15px 0;background:var(--line)}.trio-addon-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:8px}.trio-addon-head span:first-child{color:var(--maroon);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.trio-addon-head span:last-child{color:var(--text);font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}.trio-addon-list{margin:0;padding:0;list-style:none}.trio-addon-list li{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:6px 0;color:var(--muted);font-size:13px;animation:trio-in .26s var(--ease) both}.trio-addon-list li span:last-child{color:var(--text);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.trio-addon-list li.is-empty span:last-child{color:var(--muted);font-weight:500}@keyframes trio-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}\n.trio-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:20px;padding-top:17px;border-top:1.5px solid var(--maroon)}.trio-total .k{color:var(--maroon);font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.trio-total .v{color:var(--maroon);font-size:34px;line-height:1;font-weight:850;letter-spacing:-.045em;font-variant-numeric:tabular-nums;transition:transform .25s var(--ease)}.trio-total .v.is-bump{transform:scale(1.045)}.trio-note{margin-top:17px;padding:14px 15px;background:rgba(255,248,243,.78);border:1px solid rgba(90,15,45,.09);border-radius:13px;color:var(--muted);font-size:12px;line-height:1.55} .trio-coupon-card{margin-top:18px;padding:22px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.88);border-radius:22px;box-shadow:var(--shadow-lg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.trio-coupon-card h3{margin:0 0 5px;color:var(--maroon);font-size:18px;line-height:1.3;font-weight:800}.trio-coupon-card>p{margin:0 0 15px;color:var(--muted);font-size:12.5px;line-height:1.45}.trio-coupon-row{display:flex;gap:9px}.trio-coupon-input{flex:1;min-width:0;padding:13px 14px;background:rgba(255,255,255,.82);border:1px solid rgba(90,15,45,.16);border-radius:12px;color:var(--text);font-family:inherit;font-size:14px;font-weight:650;text-transform:uppercase;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.trio-coupon-input::placeholder{color:var(--muted);text-transform:none;font-weight:500}.trio-coupon-input:focus{background:#fff;border-color:rgba(90,15,45,.48);box-shadow:0 0 0 4px var(--ring)}.trio-coupon-btn{flex:none;padding:13px 17px;background:var(--maroon);border:0;border-radius:12px;color:#fff;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .2s var(--ease),transform .2s var(--ease),opacity .2s var(--ease)}.trio-coupon-btn:hover{background:var(--orange);color:var(--maroon-dark);transform:translateY(-1px);box-shadow:0 12px 24px rgba(255,107,26,.24)}.trio-coupon-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.trio-coupon-status{display:none;margin:11px 1px 0;padding:10px 11px;border-radius:10px;font-size:12px;font-weight:750;line-height:1.45}.trio-coupon-status.show{display:block}.trio-coupon-status.success{background:rgba(243,249,244,.9);border:1px solid #c5ddc9;color:#22582d}.trio-coupon-status.error{background:#fff7f8;border:1px solid #e2b8bf;color:#a32e42}.trio-row.coupon-discount .k,.trio-row.coupon-discount .v{color:#2f7d3d}.trio-row.coupon-discount .v{font-weight:800}\n\/* CTA *\/\n.trio-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:17px;padding:16px 18px;background:linear-gradient(135deg,var(--maroon),#73153d);border:1px solid rgba(255,255,255,.13);border-radius:15px;color:#fff;font-family:inherit;font-size:14px;font-weight:850;letter-spacing:.02em;cursor:pointer;box-shadow:0 14px 30px rgba(61,7,30,.22);transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease),opacity .2s var(--ease)}.trio-cta:hover:not(:disabled){background:var(--orange);color:var(--maroon-dark);transform:translateY(-2px);box-shadow:0 20px 38px rgba(255,107,26,.28)}.trio-cta:active:not(:disabled){transform:translateY(0)}.trio-cta-arrow{display:inline-block;transition:transform .22s var(--ease)}.trio-cta:hover:not(:disabled) .trio-cta-arrow{transform:translateX(4px)}.trio-cta:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.trio-spin{display:none;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:trio-spin .7s linear infinite}.trio-cta.is-loading .trio-spin{display:block}.trio-cta.is-loading .trio-cta-arrow{display:none}@keyframes trio-spin{to{transform:rotate(360deg)}}\n\/* Success *\/\n.trio-success{display:none;margin-top:16px;padding:16px;background:rgba(243,249,244,.88);border:1px solid #c5ddc9;border-radius:14px}.trio-success.show{display:flex;gap:12px;align-items:flex-start;animation:trio-rise .4s var(--ease) both}@keyframes trio-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.trio-success-mark{display:flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;margin-top:1px;background:#2f7d3d;border-radius:50%}.trio-success-mark svg{width:12px;height:12px}.trio-success strong{display:block;color:#22582d;font-size:14px;font-weight:800}.trio-success p{margin:3px 0 0;color:#35603d;font-size:13px;line-height:1.5}\n\/* Back *\/\n.trio-back{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:var(--muted);font-size:13.5px;font-weight:700;text-decoration:none;transition:color .18s var(--ease)}.trio-back:hover{color:var(--maroon)}.trio-back span{transition:transform .2s var(--ease)}.trio-back:hover span{transform:translateX(-3px)}\n\/* Responsive *\/\n@media(max-width:640px){.trio-selected-plan{grid-template-columns:1fr;gap:14px;padding:18px}.trio-selected-plan-price{text-align:left;padding-top:12px;border-top:1px solid var(--line)}.trio-selected-plan-price strong{font-size:28px}.trio-selected-plans-total{padding-top:13px}.trio-summary-plan{grid-template-columns:minmax(0,1fr) auto}}\n@media(max-width:1024px){.trio-checkout{padding:58px 20px 82px}.trio-grid{grid-template-columns:1fr;gap:22px}.trio-side{position:static}.trio-summary-toggle{display:flex}.trio-card{padding:28px}.trio-head{margin-bottom:36px}}\n@media(max-width:640px){.trio-coupon-row{flex-direction:column}.trio-coupon-btn{width:100%}.trio-checkout{padding:42px 14px 66px}.trio-head{margin-bottom:28px}.trio-eyebrow{font-size:9.5px}.trio-head h1{font-size:34px}.trio-head p{font-size:15px}.trio-steps{margin-bottom:24px;border-radius:15px}.trio-step{padding:12px 8px}.trio-step-name{font-size:11px}.trio-step-num{font-size:9.5px}.trio-card{padding:21px;border-radius:19px}.trio-card-head{flex-direction:column;gap:10px}.trio-plan{grid-template-columns:1fr;gap:20px;padding:20px;border-radius:17px}.trio-plan-facts{grid-template-columns:1fr 1fr;gap:17px 20px}.trio-plan-price{text-align:left;padding-top:17px;border-top:1px solid var(--line)}.trio-plan-price .amount{font-size:33px}.trio-form,.trio-addons{grid-template-columns:1fr}.trio-field.full{grid-column:auto}.trio-addon-label{padding:16px}.trio-summary{border-radius:20px}.trio-summary-body{padding:20px}.trio-total .v{font-size:29px}.trio-empty{padding:42px 24px 38px}}\n@media(prefers-reduced-motion:reduce){.trio-checkout *,.trio-checkout *::before,.trio-checkout *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}\n<\/style>\n<!-- =========================================================\n     CHECKOUT\n     \\========================================================= -->\n<div class=\"trio-checkout\" role=\"region\" aria-label=\"TRIO India checkout\">\n    <div class=\"trio-shell\">\n\n\n    <!-- HEADER -->\n    <header class=\"trio-head\">\n        <span class=\"trio-eyebrow\">TRIO India \u00b7 E-commerce services<\/span>\n        <h1>Complete your order<\/h1>\n        <p>\n            Review your selected marketplace plan, customize your package, and tell us\n            how we can help your business grow.\n        <\/p>\n    <\/header>\n\n\n    <!-- PROGRESS -->\n    <ol class=\"trio-steps\" id=\"trioSteps\" aria-label=\"Checkout progress\">\n        <li class=\"trio-step is-done\" data-step=\"1\">\n            <span class=\"trio-step-num\">01<\/span>\n            <span class=\"trio-step-name\">Plan<\/span>\n        <\/li>\n        <li class=\"trio-step is-active\" data-step=\"2\">\n            <span class=\"trio-step-num\">02<\/span>\n            <span class=\"trio-step-name\">Customize<\/span>\n        <\/li>\n        <li class=\"trio-step\" data-step=\"3\">\n            <span class=\"trio-step-num\">03<\/span>\n            <span class=\"trio-step-name\">Details<\/span>\n        <\/li>\n        <li class=\"trio-step\" data-step=\"4\">\n            <span class=\"trio-step-num\">04<\/span>\n            <span class=\"trio-step-name\">Confirm<\/span>\n        <\/li>\n    <\/ol>\n\n\n    <!-- EMPTY \/ INVALID STATE -->\n    <div class=\"trio-empty\" id=\"trioCheckoutError\" hidden>\n        <div class=\"trio-empty-mark\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\n                 stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\n                 stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"6\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n                <path d=\"M3 10h18M8 3v4M16 3v4\"><\/path>\n            <\/svg>\n        <\/div>\n        <h2>No plan selected<\/h2>\n        <p>\n            This page needs a plan to work with. Pick a marketplace and package on the\n            plans page, and your details will load here automatically.\n        <\/p>\n        <a class=\"trio-empty-link\" href=\"\/services\/\">\n            <span aria-hidden=\"true\">\u2190<\/span> Choose a plan\n        <\/a>\n    <\/div>\n\n\n    <!-- MAIN GRID -->\n    <div class=\"trio-grid\" id=\"trioGrid\">\n\n        <!-- ============ LEFT ============ -->\n        <div class=\"trio-main\">\n\n            <!-- SELECTED PLAN -->\n            <section class=\"trio-card\" aria-labelledby=\"trioPlanTitle\">\n                <div class=\"trio-card-head\">\n                    <div>\n                        <h2 id=\"trioPlanTitle\">Your marketplace plans<\/h2>\n                        <p>Choose one or multiple marketplace plans. Your complete selection is shown below.<\/p>\n                    <\/div>\n                    <span class=\"trio-badge\">\n                        <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\"\n                             stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\"\n                             stroke-linejoin=\"round\" aria-hidden=\"true\">\n                            <path d=\"M4 12.5l5.2 5.2L20 7\"><\/path>\n                        <\/svg>\n                        <span id=\"selectedPlanCount\">1 Plan<\/span>\n                    <\/span>\n                <\/div>\n\n                <div class=\"trio-selected-plans\" id=\"selectedPlansList\"><\/div>\n            <\/section>\n\n\n            <!-- ADD-ONS -->\n            <section class=\"trio-card\" aria-labelledby=\"trioAddonsTitle\">\n                <div class=\"trio-card-head\">\n                    <div>\n                        <h2 id=\"trioAddonsTitle\">Enhance your plan<\/h2>\n                        <p>\n                            Add optional services to get more from your e-commerce growth\n                            package. Everything here is optional.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"trio-addons\">\n\n                    <!-- A+ CONTENT -->\n                    <div class=\"trio-addon\">\n                        <input type=\"checkbox\" id=\"addonAPlus\" class=\"trio-addon-input\"\n                               data-addon=\"A+ Content\" data-price=\"299\" data-min-qty=\"5\" data-unit=\"SKU\">\n                        <label for=\"addonAPlus\" class=\"trio-addon-label\">\n                            <span class=\"trio-addon-check\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5l5.2 5.2L20 7\"><\/path><\/svg>\n                            <\/span>\n                            <span class=\"trio-addon-body\">\n                                <span class=\"trio-addon-name\">A+ Content<\/span>\n                                <span class=\"trio-addon-desc\">Rich brand storytelling modules on your product pages.<\/span>\n                                <span class=\"trio-addon-price\">\u20b9299 \/ SKU<\/span>\n                                <span class=\"trio-addon-quantity\" hidden>\n                                    <span class=\"trio-addon-quantity-label\">Quantity<\/span>\n                                    <button type=\"button\" class=\"trio-addon-qty-btn trio-addon-qty-minus\" aria-label=\"Decrease A+ Content quantity\">\u2212<\/button>\n                                    <input type=\"number\" class=\"trio-addon-qty-input\" value=\"5\" min=\"5\" step=\"1\" inputmode=\"numeric\" aria-label=\"A+ Content quantity\">\n                                    <button type=\"button\" class=\"trio-addon-qty-btn trio-addon-qty-plus\" aria-label=\"Increase A+ Content quantity\">+<\/button>\n                                <\/span>\n                                <span class=\"trio-addon-total\">\u20b91,495 for 5 SKUs<\/span>\n                            <\/span>\n                        <\/label>\n                    <\/div>\n\n                    <!-- INFOGRAPHICS -->\n                    <div class=\"trio-addon\">\n                        <input type=\"checkbox\" id=\"addonInfographics\" class=\"trio-addon-input\"\n                               data-addon=\"Infographics\" data-price=\"199\" data-min-qty=\"5\" data-unit=\"SKU\">\n                        <label for=\"addonInfographics\" class=\"trio-addon-label\">\n                            <span class=\"trio-addon-check\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5l5.2 5.2L20 7\"><\/path><\/svg>\n                            <\/span>\n                            <span class=\"trio-addon-body\">\n                                <span class=\"trio-addon-name\">Infographics<\/span>\n                                <span class=\"trio-addon-desc\">Conversion-focused image sets for your listings.<\/span>\n                                <span class=\"trio-addon-price\">\u20b9199 \/ SKU<\/span>\n                                <span class=\"trio-addon-quantity\" hidden>\n                                    <span class=\"trio-addon-quantity-label\">Quantity<\/span>\n                                    <button type=\"button\" class=\"trio-addon-qty-btn trio-addon-qty-minus\" aria-label=\"Decrease Infographics quantity\">\u2212<\/button>\n                                    <input type=\"number\" class=\"trio-addon-qty-input\" value=\"5\" min=\"5\" step=\"1\" inputmode=\"numeric\" aria-label=\"Infographics quantity\">\n                                    <button type=\"button\" class=\"trio-addon-qty-btn trio-addon-qty-plus\" aria-label=\"Increase Infographics quantity\">+<\/button>\n                                <\/span>\n                                <span class=\"trio-addon-total\">\u20b9995 for 5 SKUs<\/span>\n                            <\/span>\n                        <\/label>\n                    <\/div>\n\n                    <!-- BRAND STORE -->\n                    <div class=\"trio-addon\">\n                        <input type=\"checkbox\" id=\"addonBrandStore\" class=\"trio-addon-input\"\n                               data-addon=\"Brand Store\" data-price=\"3999\">\n                        <label for=\"addonBrandStore\" class=\"trio-addon-label\">\n                            <span class=\"trio-addon-check\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5l5.2 5.2L20 7\"><\/path><\/svg>\n                            <\/span>\n                            <span class=\"trio-addon-body\">\n                                <span class=\"trio-addon-name\">Brand Store<\/span>\n                                <span class=\"trio-addon-desc\">A dedicated storefront that houses your full catalog.<\/span>\n                                <span class=\"trio-addon-price\">\u20b93,999<\/span>\n                            <\/span>\n                        <\/label>\n                    <\/div>\n\n                    <!-- PRODUCT LISTING -->\n                    <div class=\"trio-addon\">\n                        <input type=\"checkbox\" id=\"addonProductListing\" class=\"trio-addon-input\"\n                               data-addon=\"Product Listing\" data-price=\"49\" data-min-qty=\"5\" data-unit=\"SKU\">\n                        <label for=\"addonProductListing\" class=\"trio-addon-label\">\n                            <span class=\"trio-addon-check\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5l5.2 5.2L20 7\"><\/path><\/svg>\n                            <\/span>\n                            <span class=\"trio-addon-body\">\n                                <span class=\"trio-addon-name\">Product Listing<\/span>\n                                <span class=\"trio-addon-desc\">Keyword-researched titles, bullets and catalog uploads.<\/span>\n                                <span class=\"trio-addon-price\">\u20b949 \/ SKU<\/span>\n                                <span class=\"trio-addon-quantity\" hidden>\n                                    <span class=\"trio-addon-quantity-label\">Quantity<\/span>\n                                    <button type=\"button\" class=\"trio-addon-qty-btn trio-addon-qty-minus\" aria-label=\"Decrease Product Listing quantity\">\u2212<\/button>\n                                    <input type=\"number\" class=\"trio-addon-qty-input\" value=\"5\" min=\"5\" step=\"1\" inputmode=\"numeric\" aria-label=\"Product Listing quantity\">\n                                    <button type=\"button\" class=\"trio-addon-qty-btn trio-addon-qty-plus\" aria-label=\"Increase Product Listing quantity\">+<\/button>\n                                <\/span>\n                                <span class=\"trio-addon-total\">\u20b9245 for 5 SKUs<\/span>\n                            <\/span>\n                        <\/label>\n                    <\/div>\n\n                    <!-- SOCIAL MEDIA -->\n                    <div class=\"trio-addon\">\n                        <input type=\"checkbox\" id=\"addonSocialMedia\" class=\"trio-addon-input\"\n                               data-addon=\"Social Media\" data-price=\"9999\">\n                        <label for=\"addonSocialMedia\" class=\"trio-addon-label\">\n                            <span class=\"trio-addon-check\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5l5.2 5.2L20 7\"><\/path><\/svg>\n                            <\/span>\n                            <span class=\"trio-addon-body\">\n                                <span class=\"trio-addon-name\">Social Media<\/span>\n                                <span class=\"trio-addon-desc\">Monthly content calendar and community management.<\/span>\n                                <span class=\"trio-addon-price\">\u20b99,999<\/span>\n                            <\/span>\n                        <\/label>\n                    <\/div>\n\n                    <!-- WEBSITE DEVELOPMENT -->\n                    <div class=\"trio-addon\">\n                        <input type=\"checkbox\" id=\"addonWebsite\" class=\"trio-addon-input\"\n                               data-addon=\"Website Development\" data-price=\"15999\">\n                        <label for=\"addonWebsite\" class=\"trio-addon-label\">\n                            <span class=\"trio-addon-check\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5l5.2 5.2L20 7\"><\/path><\/svg>\n                            <\/span>\n                            <span class=\"trio-addon-body\">\n                                <span class=\"trio-addon-name\">Website Development<\/span>\n                                <span class=\"trio-addon-desc\">A fast, mobile-first store for your own brand domain.<\/span>\n                                <span class=\"trio-addon-price\">\u20b915,999<\/span>\n                            <\/span>\n                        <\/label>\n                    <\/div>\n\n                    <!-- META ADS -->\n                    <div class=\"trio-addon\">\n                        <input type=\"checkbox\" id=\"addonMetaAds\" class=\"trio-addon-input\"\n                               data-addon=\"Meta Ads\" data-price=\"14999\">\n                        <label for=\"addonMetaAds\" class=\"trio-addon-label\">\n                            <span class=\"trio-addon-check\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5l5.2 5.2L20 7\"><\/path><\/svg>\n                            <\/span>\n                            <span class=\"trio-addon-body\">\n                                <span class=\"trio-addon-name\">Meta Ads<\/span>\n                                <span class=\"trio-addon-desc\">Facebook and Instagram campaigns, built and managed.<\/span>\n                                <span class=\"trio-addon-price\">\u20b914,999<\/span>\n                            <\/span>\n                        <\/label>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n\n            <!-- CUSTOMER DETAILS -->\n            <section class=\"trio-card\" aria-labelledby=\"trioDetailsTitle\">\n                <div class=\"trio-card-head\">\n                    <div>\n                        <h2 id=\"trioDetailsTitle\">Your details<\/h2>\n                        <p>\n                            Tell us a little about yourself and your business so our team can\n                            get in touch.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"trio-form\">\n\n                    <div class=\"trio-field\">\n                        <input type=\"text\" id=\"trioFullName\" name=\"full_name\"\n                               placeholder=\" \" autocomplete=\"name\" required\n                               aria-describedby=\"errFullName\">\n                        <label for=\"trioFullName\">Full name *<\/label>\n                        <p class=\"trio-msg\" id=\"errFullName\"><\/p>\n                    <\/div>\n\n                    <div class=\"trio-field\">\n                        <input type=\"tel\" id=\"trioPhone\" name=\"phone\"\n                               placeholder=\" \" autocomplete=\"tel\" inputmode=\"tel\" required\n                               aria-describedby=\"errPhone\">\n                        <label for=\"trioPhone\">Phone number *<\/label>\n                        <p class=\"trio-msg\" id=\"errPhone\"><\/p>\n                    <\/div>\n\n                    <div class=\"trio-field\">\n                        <input type=\"email\" id=\"trioEmail\" name=\"email\"\n                               placeholder=\" \" autocomplete=\"email\" inputmode=\"email\" required\n                               aria-describedby=\"errEmail\">\n                        <label for=\"trioEmail\">Email address *<\/label>\n                        <p class=\"trio-msg\" id=\"errEmail\"><\/p>\n                    <\/div>\n\n                    <div class=\"trio-field\">\n                        <input type=\"text\" id=\"trioBusiness\" name=\"business\"\n                               placeholder=\" \" autocomplete=\"organization\">\n                        <label for=\"trioBusiness\">Business \/ brand name<\/label>\n                    <\/div>\n\n                    <div class=\"trio-field full\">\n                        <textarea id=\"trioAdditionalInfo\" name=\"additional_information\"\n                                  placeholder=\" \"><\/textarea>\n                        <label for=\"trioAdditionalInfo\">Additional information<\/label>\n                    <\/div>\n\n                <\/div>\n            <\/section>\n\n        <\/div>\n\n\n        <!-- ============ RIGHT ============ -->\n        <aside class=\"trio-side\">\n            <div class=\"trio-summary\" id=\"trioSummary\">\n\n                <div class=\"trio-summary-head\">\n                    <h2 id=\"trioSummaryTitle\">Your order<\/h2>\n                    <button type=\"button\" class=\"trio-summary-toggle\" id=\"trioSummaryToggle\"\n                            aria-expanded=\"true\" aria-controls=\"trioSummaryCollapse\">\n                        <span id=\"summaryMini\">\u20b90<\/span>\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                             stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                             aria-hidden=\"true\">\n                            <path d=\"M5 9l7 7 7-7\"><\/path>\n                        <\/svg>\n                        <span class=\"trio-sr\">Toggle order summary<\/span>\n                    <\/button>\n                <\/div>\n\n                <div class=\"trio-collapse\" id=\"trioSummaryCollapse\">\n                    <div>\n                        <div class=\"trio-summary-body\">\n\n                            <div class=\"trio-summary-plans-title\">Selected plans<\/div>\n                            <div class=\"trio-summary-plans\" id=\"summaryPlansList\" aria-live=\"polite\"><\/div>\n\n                            <div class=\"trio-rule\"><\/div>\n\n                            <div class=\"trio-row\">\n                                <span class=\"k\">Marketplace subtotal<\/span>\n                                <span class=\"v\" id=\"summaryMarketplaceSubtotal\">\u20b90<\/span>\n                            <\/div>\n\n                            <div class=\"trio-row\">\n                                <span class=\"k\">GST (18%)<\/span>\n                                <span class=\"v\" id=\"summaryGst\">\u20b90<\/span>\n                            <\/div>\n\n                            <div class=\"trio-row coupon-discount\" id=\"summaryCouponRow\" hidden>\n                                <span class=\"k\">Coupon discount<\/span>\n                                <span class=\"v\" id=\"summaryCouponDiscount\">-\u20b90<\/span>\n                            <\/div>\n\n                            <div class=\"trio-addon-head\">\n                                <span>Add-ons<\/span>\n                                <span id=\"summaryAddonTotal\">\u20b90<\/span>\n                            <\/div>\n\n                            <ul class=\"trio-addon-list\" id=\"summaryAddonList\" aria-live=\"polite\">\n                                <li class=\"is-empty\">\n                                    <span>No add-ons selected<\/span>\n                                    <span>\u20b90<\/span>\n                                <\/li>\n                            <\/ul>\n\n                            <div class=\"trio-total\">\n                                <span class=\"k\">Total<\/span>\n                                <span class=\"v\" id=\"summaryTotal\">\u20b90<\/span>\n                            <\/div>\n\n                            <p class=\"trio-note\">\n                                GST at 18% applies to marketplace services. Add-ons are\n                                currently excluded from GST. Any valid coupon is applied to the\n                                complete payable amount. Payment will be handled securely through Razorpay. Your order is confirmed only after\n                                Razorpay payment is completed and the payment is verified.\n                            <\/p>\n\n                            <button type=\"button\" class=\"trio-cta\" id=\"trioSubmitOrder\">\n                                <span class=\"trio-cta-label\">Proceed to Payment<\/span>\n                                <span class=\"trio-cta-arrow\" aria-hidden=\"true\">\u2192<\/span>\n                                <span class=\"trio-spin\" aria-hidden=\"true\"><\/span>\n                            <\/button>\n\n                            <div class=\"trio-success\" id=\"trioSuccess\" role=\"status\">\n                                <span class=\"trio-success-mark\" aria-hidden=\"true\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\"\n                                         stroke-width=\"3.4\" stroke-linecap=\"round\"\n                                         stroke-linejoin=\"round\">\n                                        <path d=\"M4 12.5l5.2 5.2L20 7\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                                <div>\n                                    <strong>Payment successful<\/strong>\n                                    <p id=\"trioSuccessText\">\n                                        Your order is saved on this device. Our team will contact\n                                        you shortly to confirm the details.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n\n                            <a class=\"trio-back\" href=\"#\" onclick=\"event.preventDefault(); window.history.back();\">\n                                <span aria-hidden=\"true\">\u2190<\/span> Change plan\n                            <\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- COUPON -->\n            <div class=\"trio-coupon-card\" aria-labelledby=\"trioCouponTitle\">\n                <h3 id=\"trioCouponTitle\">Have a coupon?<\/h3>\n                <p>Enter your coupon code below to get your discount.<\/p>\n                <div class=\"trio-coupon-row\">\n                    <input\n                        type=\"text\"\n                        id=\"trioCouponCode\"\n                        class=\"trio-coupon-input\"\n                        placeholder=\"Coupon code\"\n                        autocomplete=\"off\"\n                        maxlength=\"30\"\n                        aria-label=\"Coupon code\"\n                    >\n                    <button type=\"button\" class=\"trio-coupon-btn\" id=\"trioApplyCoupon\">Apply<\/button>\n                <\/div>\n                <div class=\"trio-coupon-status\" id=\"trioCouponStatus\" role=\"status\" aria-live=\"polite\"><\/div>\n            <\/div>\n        <\/aside>\n\n    <\/div>\n<\/div>\n\n\n<\/div>\n<script>\n(function () {\n    \"use strict\";\n\n    \/* =====================================================\n       INIT (safe for Elementor dynamic loading)\n       \\===================================================== *\/\n\n    function boot() {\n        var nodes = document.querySelectorAll(\".trio-checkout\");\n        for (var i = 0; i < nodes.length; i++) {\n            init(nodes[i]);\n        }\n    }\n\n    function init(root) {\n\n        if (!root || root.getAttribute(\"data-trio-init\") === \"1\") {\n            return;\n        }\n        root.setAttribute(\"data-trio-init\", \"1\");\n\n        function $(sel) {\n            return root.querySelector(sel);\n        }\n\n        function $$(sel) {\n            return Array.prototype.slice.call(root.querySelectorAll(sel));\n        }\n\n        \/* =====================================================\n           HELPERS\n           \\===================================================== *\/\n\n        var MARKETPLACES = {\n            amazon: \"Amazon\",\n            flipkart: \"Flipkart\",\n            meesho: \"Meesho\"\n        };\n\n        function titleCase(value) {\n            return String(value || \"\")\n                .replace(\/[-_+]+\/g, \" \")\n                .replace(\/\\s+\/g, \" \")\n                .trim()\n                .toLowerCase()\n                .replace(\/\\b[a-z]\/g, function (letter) {\n                    return letter.toUpperCase();\n                });\n        }\n\n        function cleanMarketplace(value) {\n            var key = String(value || \"\").trim().toLowerCase();\n            return MARKETPLACES[key] || titleCase(value);\n        }\n\n        function parsePrice(value) {\n            var n = Number(String(value === null || value === undefined ? \"\" : value)\n                .replace(\/[^0-9.]\/g, \"\"));\n            return isFinite(n) && n > 0 ? n : 0;\n        }\n\n        function formatPrice(value) {\n            var n = Number(value) || 0;\n            return \"\\u20B9\" + n.toLocaleString(\"en-IN\", { maximumFractionDigits: 0 });\n        }\n\n        function getDurationText(duration) {\n            var raw = String(duration === null || duration === undefined ? \"\" : duration).trim();\n            if (!raw) {\n                return \"\\u2014\";\n            }\n            var n = parseInt(raw.replace(\/[^0-9]\/g, \"\"), 10);\n            if (!isFinite(n) || n <= 0) {\n                return titleCase(raw);\n            }\n            if (n === 1) { return \"1 Month\"; }\n            if (n === 12) { return \"1 Year\"; }\n            if (n === 24) { return \"2 Years\"; }\n            if (n % 12 === 0) { return (n \/ 12) + \" Years\"; }\n            return n + \" Months\";\n        }\n\n        function getUrlParams() {\n            var params;\n            try {\n                params = new URLSearchParams(window.location.search);\n            } catch (e) {\n                params = null;\n            }\n\n            function read(name) {\n                if (params) {\n                    var v = params.get(name);\n                    return v === null ? \"\" : String(v).trim();\n                }\n                var m = new RegExp(\"[?&]\" + name + \"=([^&#]*)\").exec(window.location.search);\n                return m ? decodeURIComponent(m[1].replace(\/\\\\+\/g, \" \")).trim() : \"\";\n            }\n\n            function readAll(name) {\n                if (params && params.getAll) {\n                    return params.getAll(name).filter(function (v) { return String(v).trim(); });\n                }\n                var matches = [];\n                var re = new RegExp(\"[?&]\" + name + \"=([^&#]*)\", \"g\");\n                var match;\n                while ((match = re.exec(window.location.search)) !== null) {\n                    matches.push(decodeURIComponent(match[1].replace(\/\\\\+\/g, \" \")).trim());\n                }\n                return matches;\n            }\n\n            return {\n                productId: read(\"product_id\"),\n                marketplace: read(\"marketplace\"),\n                plan: read(\"plan\"),\n                duration: read(\"duration\"),\n                price: read(\"price\"),\n                plans: readAll(\"plans\")\n            };\n        }\n\n        function normalizePlan(raw) {\n           if (!raw || typeof raw !== \"object\") { return null; }\n\n           var marketplaceKey = String(raw.marketplace || raw.platform || \"\")\n               .trim().toLowerCase();\n\n           var marketplace = cleanMarketplace(marketplaceKey);\n           var planKey = String(raw.plan || raw.package || \"\")\n               .trim().toLowerCase();\n\n           var plan = titleCase(raw.plan || raw.package || \"\");\n           var duration = String(raw.duration || \"\").trim();\n           var price = parsePrice(raw.price || raw.planPrice || 0);\n           var productId = String(raw.product_id || raw.productId || \"\").trim();\n\n           \/*\n            * WooCommerce product IDs.\n            * The product_id supplied by the pricing page is preferred.\n            * These values are only a compatibility fallback.\n            *\/\n           var PRODUCT_IDS = {\n               \"amazon:starter\": \"913\",\n               \"amazon:growth\": \"915\",\n               \"amazon:scale\": \"916\",\n               \"flipkart:growth\": \"917\",\n               \"meesho:growth\": \"918\"\n           };\n\n           if (!productId) {\n               productId = PRODUCT_IDS[marketplaceKey + \":\" + planKey] || \"\";\n           }\n\n           if (!marketplace || !plan || !duration || !price || !productId) {\n               return null;\n           }\n\n           return {\n               productId: productId,\n               marketplace: marketplace,\n               plan: plan,\n               duration: duration,\n               price: price\n           };\n       }\n\n       function parsePlans(params) {\n            var plans = [];\n\n            if (params.plans && params.plans.length) {\n                params.plans.forEach(function (encoded) {\n                    try {\n                        var decoded = String(encoded || \"\").trim();\n                        if (decoded.charAt(0) !== \"[\" && decoded.charAt(0) !== \"{\") {\n                            try { decoded = decodeURIComponent(decoded); } catch (ignoreDecode) {}\n                        }\n                        var parsed = JSON.parse(decoded);\n                        if (Array.isArray(parsed)) {\n                            parsed.forEach(function (item) {\n                                var normalized = normalizePlan(item);\n                                if (normalized) { plans.push(normalized); }\n                            });\n                        } else {\n                            var normalizedSingle = normalizePlan(parsed);\n                            if (normalizedSingle) { plans.push(normalizedSingle); }\n                        }\n                    } catch (e) {\n                        \/* Ignore malformed multi-plan values and use legacy params below. *\/\n                    }\n                });\n            }\n\n            if (!plans.length) {\n                var legacy = normalizePlan({\n                   product_id: params.productId,\n                   marketplace: params.marketplace,\n                   plan: params.plan,\n                   duration: params.duration,\n                   price: params.price\n               });\n                if (legacy) { plans.push(legacy); }\n            }\n\n            return plans;\n        }\n        \/* =====================================================\n           READ SELECTED PLAN FROM URL\n           \\===================================================== *\/\n\n        var params = getUrlParams();\n\n        var plans = parsePlans(params);\n        var planIsValid = plans.length > 0;\n        var planPrice = plans.reduce(function (sum, item) { return sum + item.price; }, 0);\n        var GST_RATE = 0.18;\n        var gstAmount = Math.round(planPrice * GST_RATE * 100) \/ 100;\n        var marketplace = plans.length === 1 ? plans[0].marketplace : (plans.length ? plans.map(function (item) { return item.marketplace; }).join(\" + \") : \"\");\n        var plan = plans.length === 1 ? plans[0].plan : (plans.length ? plans.map(function (item) { return item.plan; }).join(\" + \") : \"\");\n        var duration = plans.length === 1 ? plans[0].duration : \"\";\n\n        \/* =====================================================\n           ELEMENTS\n           \\===================================================== *\/\n\n        var grid = $(\"#trioGrid\");\n        var steps = $(\"#trioSteps\");\n        var errorBox = $(\"#trioCheckoutError\");\n\n        var selectedPlansList = $(\"#selectedPlansList\");\n        var selectedPlanCount = $(\"#selectedPlanCount\");\n        var summaryPlansList = $(\"#summaryPlansList\");\n        var summaryMarketplaceSubtotal = $(\"#summaryMarketplaceSubtotal\");\n        var summaryGst = $(\"#summaryGst\");\n        var summaryAddonTotal = $(\"#summaryAddonTotal\");\n        var summaryAddonList = $(\"#summaryAddonList\");\n        var summaryTotal = $(\"#summaryTotal\");\n        var summaryMini = $(\"#summaryMini\");\n        var summaryCouponRow = $(\"#summaryCouponRow\");\n        var summaryCouponDiscount = $(\"#summaryCouponDiscount\");\n\n        var couponCodeInput = $(\"#trioCouponCode\");\n        var applyCouponButton = $(\"#trioApplyCoupon\");\n        var couponStatus = $(\"#trioCouponStatus\");\n\n        var activeCoupon = null;\n\n        var submitButton = $(\"#trioSubmitOrder\");\n        var successBox = $(\"#trioSuccess\");\n\n        var addonInputs = $$(\".trio-addon-input\");\n\n        \/* =====================================================\n           INVALID \/ MISSING PLAN STATE\n           \\===================================================== *\/\n\n        if (!planIsValid) {\n            if (errorBox) { errorBox.hidden = false; }\n            if (grid) { grid.hidden = true; }\n            if (steps) { steps.hidden = true; }\n        } else {\n            if (errorBox) { errorBox.hidden = true; }\n            if (grid) { grid.hidden = false; }\n            if (steps) { steps.hidden = false; }\n        }\n\n        \/* =====================================================\n           RENDER SELECTED PLAN\n           \\===================================================== *\/\n\n        var dash = \"\\u2014\";\n\n        function renderSelectedPlans() {\n            if (!selectedPlansList) { return; }\n            selectedPlansList.innerHTML = \"\";\n\n            plans.forEach(function (item) {\n                var card = document.createElement(\"div\");\n                card.className = \"trio-selected-plan\";\n\n                var main = document.createElement(\"div\");\n                main.className = \"trio-selected-plan-main\";\n\n                var marketplaceEl = document.createElement(\"strong\");\n                marketplaceEl.className = \"trio-selected-plan-marketplace\";\n                marketplaceEl.textContent = item.marketplace;\n\n                var meta = document.createElement(\"div\");\n                meta.className = \"trio-selected-plan-meta\";\n\n                var planChip = document.createElement(\"span\");\n                planChip.className = \"trio-selected-plan-chip\";\n                planChip.textContent = item.plan;\n\n                var durationChip = document.createElement(\"span\");\n                durationChip.className = \"trio-selected-plan-chip\";\n                durationChip.textContent = getDurationText(item.duration);\n\n                meta.appendChild(planChip);\n                meta.appendChild(durationChip);\n                main.appendChild(marketplaceEl);\n                main.appendChild(meta);\n\n                var price = document.createElement(\"div\");\n                price.className = \"trio-selected-plan-price\";\n                var amount = document.createElement(\"strong\");\n                amount.textContent = formatPrice(item.price);\n                var tax = document.createElement(\"span\");\n                tax.textContent = \"+ Tax\";\n                price.appendChild(amount);\n                price.appendChild(tax);\n\n                card.appendChild(main);\n                card.appendChild(price);\n                selectedPlansList.appendChild(card);\n            });\n\n            if (plans.length > 1) {\n                var total = document.createElement(\"div\");\n                total.className = \"trio-selected-plans-total\";\n                var label = document.createElement(\"span\");\n                label.textContent = \"Marketplace plans total\";\n                var amount = document.createElement(\"span\");\n                amount.textContent = formatPrice(planPrice);\n                total.appendChild(label);\n                total.appendChild(amount);\n                selectedPlansList.appendChild(total);\n            }\n\n            if (selectedPlanCount) {\n                selectedPlanCount.textContent = plans.length + (plans.length === 1 ? \" Plan\" : \" Plans\");\n            }\n        }\n\n        function renderSummaryPlans() {\n            if (!summaryPlansList) { return; }\n            summaryPlansList.innerHTML = \"\";\n\n            plans.forEach(function (item) {\n                var row = document.createElement(\"div\");\n                row.className = \"trio-summary-plan\";\n\n                var main = document.createElement(\"div\");\n                main.className = \"trio-summary-plan-main\";\n                var name = document.createElement(\"span\");\n                name.className = \"trio-summary-plan-name\";\n                name.textContent = item.marketplace + \" \u00b7 \" + item.plan;\n                var meta = document.createElement(\"span\");\n                meta.className = \"trio-summary-plan-meta\";\n                meta.textContent = getDurationText(item.duration);\n                main.appendChild(name);\n                main.appendChild(meta);\n\n                var price = document.createElement(\"span\");\n                price.className = \"trio-summary-plan-price\";\n                price.textContent = formatPrice(item.price);\n\n                row.appendChild(main);\n                row.appendChild(price);\n                summaryPlansList.appendChild(row);\n            });\n\n            var totalRow = document.createElement(\"div\");\n            totalRow.className = \"trio-summary-plan-total\";\n            totalRow.innerHTML = \"<span>Plans subtotal<\/span><strong>\" + formatPrice(planPrice) + \"<\/strong>\";\n            summaryPlansList.appendChild(totalRow);\n        }\n\n        renderSelectedPlans();\n        renderSummaryPlans();\n\n        \/* =====================================================\n           ADD-ON PRICING\n           A+ Content, Product Listing and Infographics are priced\n           per SKU with a minimum quantity of 10.\n           \\===================================================== *\/\n\n        function getAddonQuantity(input) {\n            var minQty = parseInt(input.getAttribute(\"data-min-qty\"), 10);\n            if (!isFinite(minQty) || minQty < 1) { minQty = 1; }\n\n            var quantityInput = input.parentNode\n                ? input.parentNode.querySelector(\".trio-addon-qty-input\")\n                : null;\n\n            if (!quantityInput) { return 1; }\n\n            var quantity = parseInt(quantityInput.value, 10);\n            if (!isFinite(quantity) || quantity < minQty) {\n                quantity = minQty;\n                quantityInput.value = quantity;\n            }\n\n            return quantity;\n        }\n\n        function updateAddonQuantityUI(input) {\n            var wrap = input.parentNode;\n            if (!wrap) { return; }\n\n            var quantityBox = wrap.querySelector(\".trio-addon-quantity\");\n            var quantityInput = wrap.querySelector(\".trio-addon-qty-input\");\n            var totalLabel = wrap.querySelector(\".trio-addon-total\");\n            var price = parsePrice(input.getAttribute(\"data-price\"));\n            var minQty = parseInt(input.getAttribute(\"data-min-qty\"), 10);\n            var unit = input.getAttribute(\"data-unit\") || \"SKU\";\n\n            if (quantityBox) {\n                quantityBox.hidden = !input.checked;\n            }\n\n            if (!quantityInput || !totalLabel || !input.checked) { return; }\n\n            if (!isFinite(minQty) || minQty < 1) { minQty = 1; }\n\n            var quantity = parseInt(quantityInput.value, 10);\n            if (!isFinite(quantity) || quantity < minQty) {\n                quantity = minQty;\n                quantityInput.value = quantity;\n            }\n\n            totalLabel.textContent =\n                formatPrice(price * quantity) +\n                \" for \" + quantity.toLocaleString(\"en-IN\") +\n                \" \" + unit + (quantity === 1 ? \"\" : \"s\");\n        }\n\n        function renderAddonPriceLabels() {\n            addonInputs.forEach(function (input) {\n                var price = parsePrice(input.getAttribute(\"data-price\"));\n                var wrap = input.parentNode;\n                var label = wrap ? wrap.querySelector(\".trio-addon-price\") : null;\n                if (!label) { return; }\n\n                if (price > 0) {\n                    var minQty = parseInt(input.getAttribute(\"data-min-qty\"), 10);\n                    if (isFinite(minQty) && minQty > 0) {\n                        label.textContent = formatPrice(price) + \" \/ SKU\";\n                    } else {\n                        label.textContent = formatPrice(price);\n                    }\n                    label.className = \"trio-addon-price\";\n                } else {\n                    label.textContent = \"Price on request\";\n                    label.className = \"trio-addon-price is-tbd\";\n                }\n\n                updateAddonQuantityUI(input);\n            });\n        }\n\n        function setupAddonQuantityControls() {\n            addonInputs.forEach(function (input) {\n                var wrap = input.parentNode;\n                if (!wrap) { return; }\n\n                var minus = wrap.querySelector(\".trio-addon-qty-minus\");\n                var plus = wrap.querySelector(\".trio-addon-qty-plus\");\n                var quantityInput = wrap.querySelector(\".trio-addon-qty-input\");\n\n                if (minus) {\n                    minus.addEventListener(\"click\", function (event) {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        var minQty = parseInt(input.getAttribute(\"data-min-qty\"), 10);\n                        if (!isFinite(minQty) || minQty < 1) { minQty = 1; }\n                        var quantity = getAddonQuantity(input);\n                        if (quantity > minQty && quantityInput) {\n                            quantityInput.value = quantity - 1;\n                        }\n                        updateAddonQuantityUI(input);\n                        updateAddonSummary(true);\n                    });\n                }\n\n                if (plus) {\n                    plus.addEventListener(\"click\", function (event) {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        var quantity = getAddonQuantity(input);\n                        if (quantityInput) { quantityInput.value = quantity + 1; }\n                        updateAddonQuantityUI(input);\n                        updateAddonSummary(true);\n                    });\n                }\n\n                if (quantityInput) {\n                    quantityInput.addEventListener(\"click\", function (event) {\n                        event.stopPropagation();\n                    });\n                    quantityInput.addEventListener(\"change\", function (event) {\n                        event.stopPropagation();\n                        updateAddonQuantityUI(input);\n                        updateAddonSummary(true);\n                    });\n                    quantityInput.addEventListener(\"input\", function (event) {\n                        event.stopPropagation();\n                        updateAddonQuantityUI(input);\n                        updateAddonSummary(false);\n                    });\n                }\n            });\n        }\n\n        renderAddonPriceLabels();\n        setupAddonQuantityControls();\n\n        \/* =====================================================\n           PROGRESS STEPS\n           \\===================================================== *\/\n\n        var confirmed = false;\n\n        function setStep(index, state) {\n            var el = root.querySelector('.trio-step[data-step=\"' + index + '\"]');\n            if (!el) { return; }\n            el.className = \"trio-step\" + (state ? \" \" + state : \"\");\n            if (state === \"is-active\") {\n                el.setAttribute(\"aria-current\", \"step\");\n            } else {\n                el.removeAttribute(\"aria-current\");\n            }\n        }\n\n        function requiredFilled() {\n            var name = $(\"#trioFullName\");\n            var phone = $(\"#trioPhone\");\n            var email = $(\"#trioEmail\");\n            return !!(name && phone && email &&\n                name.value.trim() && phone.value.trim() && email.value.trim());\n        }\n\n        function anyAddonChecked() {\n            return addonInputs.some(function (input) { return input.checked; });\n        }\n\n        function updateSteps() {\n            setStep(1, \"is-done\");\n\n            if (confirmed) {\n                setStep(2, \"is-done\");\n                setStep(3, \"is-done\");\n                setStep(4, \"is-active\");\n                return;\n            }\n\n            if (requiredFilled()) {\n                setStep(2, \"is-done\");\n                setStep(3, \"is-done\");\n                setStep(4, \"is-active\");\n            } else if (anyAddonChecked()) {\n                setStep(2, \"is-done\");\n                setStep(3, \"is-active\");\n                setStep(4, \"\");\n            } else {\n                setStep(2, \"is-active\");\n                setStep(3, \"\");\n                setStep(4, \"\");\n            }\n        }\n\n        \/* =====================================================\n           LIVE TOTAL\n           \\===================================================== *\/\n\n        function collectAddons() {\n            var list = [];\n            addonInputs.forEach(function (input) {\n                if (input.checked) {\n                    var unitPrice = parsePrice(input.getAttribute(\"data-price\"));\n                    var minQty = parseInt(input.getAttribute(\"data-min-qty\"), 10);\n                    var isSkuAddon = isFinite(minQty) && minQty > 0;\n                    var quantity = isSkuAddon ? getAddonQuantity(input) : 1;\n                    var total = unitPrice * quantity;\n\n                    list.push({\n                        name: input.getAttribute(\"data-addon\") || \"\",\n                        price: total,\n                        unit_price: unitPrice,\n                        quantity: quantity,\n                        unit: isSkuAddon ? (input.getAttribute(\"data-unit\") || \"SKU\") : \"\"\n                    });\n                }\n            });\n            return list;\n        }\n\n        function bumpTotal() {\n            if (!summaryTotal) { return; }\n            summaryTotal.classList.remove(\"is-bump\");\n            void summaryTotal.offsetWidth;\n            summaryTotal.classList.add(\"is-bump\");\n            window.setTimeout(function () {\n                summaryTotal.classList.remove(\"is-bump\");\n            }, 260);\n        }\n\n        function updateAddonSummary(animate) {\n            var selected = collectAddons();\n\n            var addonTotal = selected.reduce(function (sum, addon) {\n                return sum + addon.price;\n            }, 0);\n\n            if (summaryAddonTotal) {\n                summaryAddonTotal.textContent = formatPrice(addonTotal);\n            }\n\n            if (summaryAddonList) {\n                summaryAddonList.innerHTML = \"\";\n\n                if (selected.length === 0) {\n                    var empty = document.createElement(\"li\");\n                    empty.className = \"is-empty\";\n                    empty.innerHTML =\n                        \"<span>No add-ons selected<\/span><span>\\u20B90<\/span>\";\n                    summaryAddonList.appendChild(empty);\n                } else {\n                    selected.forEach(function (addon) {\n                        var item = document.createElement(\"li\");\n                        var priceText = addon.price > 0\n                            ? formatPrice(addon.price)\n                            : \"On request\";\n\n                        var nameEl = document.createElement(\"span\");\n                        nameEl.textContent = addon.quantity > 1\n                            ? addon.name + \" \u00b7 \" + addon.quantity.toLocaleString(\"en-IN\") + \" \" + addon.unit + \"s\"\n                            : addon.name;\n\n                        var priceEl = document.createElement(\"span\");\n                        priceEl.textContent = priceText;\n\n                        item.appendChild(nameEl);\n                        item.appendChild(priceEl);\n                        summaryAddonList.appendChild(item);\n                    });\n                }\n            }\n\n            var gst = Math.round(planPrice * GST_RATE * 100) \/ 100;\n            var beforeCouponTotal = planPrice + gst + addonTotal;\n            var couponDiscount = activeCoupon\n                ? Math.round(beforeCouponTotal * activeCoupon.percent \/ 100 * 100) \/ 100\n                : 0;\n            var total = Math.max(0, beforeCouponTotal - couponDiscount);\n\n            if (summaryMarketplaceSubtotal) {\n                summaryMarketplaceSubtotal.textContent = formatPrice(planPrice);\n            }\n            if (summaryGst) {\n                summaryGst.textContent = formatPrice(gst);\n            }\n            if (summaryCouponRow) {\n                summaryCouponRow.hidden = couponDiscount <= 0;\n            }\n            if (summaryCouponDiscount) {\n                summaryCouponDiscount.textContent = \"-\" + formatPrice(couponDiscount);\n            }\n            if (summaryTotal) { summaryTotal.textContent = formatPrice(total); }\n            if (summaryMini) { summaryMini.textContent = formatPrice(total); }\n\n            if (animate) { bumpTotal(); }\n\n            updateSteps();\n        }\n\n        addonInputs.forEach(function (input) {\n            input.addEventListener(\"change\", function () {\n                updateAddonQuantityUI(input);\n                updateAddonSummary(true);\n            });\n        });\n\n        updateAddonSummary(false);\n\n        \/* =====================================================\n           COUPONS\n           Valid codes: TRIO10, TRIO15, TRIO20\n           Discount is applied to the complete payable amount\n           (marketplace + GST + add-ons).\n           \\===================================================== *\/\n\n        var COUPONS = {\n            TRIO10: 10,\n            TRIO15: 15,\n            TRIO20: 20\n        };\n\n        function showCouponStatus(type, message) {\n            if (!couponStatus) { return; }\n            couponStatus.className = \"trio-coupon-status show \" + type;\n            couponStatus.textContent = message;\n        }\n\n        function clearCouponStatus() {\n            if (!couponStatus) { return; }\n            couponStatus.className = \"trio-coupon-status\";\n            couponStatus.textContent = \"\";\n        }\n\n        function getCurrentPayableBeforeCoupon() {\n            var addons = collectAddons();\n            var addonTotal = addons.reduce(function (sum, addon) {\n                return sum + addon.price;\n            }, 0);\n            var gst = Math.round(planPrice * GST_RATE * 100) \/ 100;\n            return planPrice + gst + addonTotal;\n        }\n\n        function applyCoupon() {\n            if (!couponCodeInput) { return; }\n\n            var code = String(couponCodeInput.value || \"\")\n                .trim()\n                .toUpperCase()\n                .replace(\/\\s+\/g, \"\");\n\n            couponCodeInput.value = code;\n\n            if (!code) {\n                activeCoupon = null;\n                clearCouponStatus();\n                updateAddonSummary(false);\n                return;\n            }\n\n            var percent = COUPONS[code];\n\n            if (!percent) {\n                activeCoupon = null;\n                updateAddonSummary(false);\n                showCouponStatus(\"error\", \"Invalid coupon.\");\n                return;\n            }\n\n            activeCoupon = {\n                code: code,\n                percent: percent\n            };\n\n            var beforeCouponTotal = getCurrentPayableBeforeCoupon();\n            var discount = Math.round(beforeCouponTotal * percent \/ 100 * 100) \/ 100;\n\n            updateAddonSummary(false);\n            showCouponStatus(\n                \"success\",\n                \"Coupon applied successfully \u2014 \" + formatPrice(discount) + \" off.\"\n            );\n        }\n\n        if (applyCouponButton) {\n            applyCouponButton.addEventListener(\"click\", applyCoupon);\n        }\n\n        if (couponCodeInput) {\n            couponCodeInput.addEventListener(\"keydown\", function (event) {\n                if (event.key === \"Enter\") {\n                    event.preventDefault();\n                    applyCoupon();\n                }\n            });\n\n            couponCodeInput.addEventListener(\"input\", function () {\n                var current = String(couponCodeInput.value || \"\").toUpperCase();\n                if (couponCodeInput.value !== current) {\n                    couponCodeInput.value = current;\n                }\n                if (activeCoupon && current.trim().replace(\/\\s+\/g, \"\") !== activeCoupon.code) {\n                    activeCoupon = null;\n                    clearCouponStatus();\n                    updateAddonSummary(false);\n                }\n            });\n        }\n\n        \/* =====================================================\n           FIELD VALIDATION\n           \\===================================================== *\/\n\n        var fields = [\n            {\n                el: $(\"#trioFullName\"),\n                msg: $(\"#errFullName\"),\n                test: function (v) { return v.length >= 2; },\n                error: \"Enter your full name.\"\n            },\n            {\n                el: $(\"#trioPhone\"),\n                msg: $(\"#errPhone\"),\n                test: function (v) {\n                    var digits = v.replace(\/[^0-9]\/g, \"\");\n                    return digits.length >= 7 && digits.length <= 15;\n                },\n                error: \"Enter a valid phone number.\"\n            },\n            {\n                el: $(\"#trioEmail\"),\n                msg: $(\"#errEmail\"),\n                test: function (v) {\n                    return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/.test(v);\n                },\n                error: \"Enter a valid email address, like name@company.com.\"\n            }\n        ];\n\n        function markError(field, hasError) {\n            if (!field.el) { return; }\n            var wrap = field.el.parentNode;\n            if (!wrap) { return; }\n\n            if (hasError) {\n                wrap.classList.add(\"has-error\");\n                field.el.setAttribute(\"aria-invalid\", \"true\");\n                if (field.msg) { field.msg.textContent = field.error; }\n            } else {\n                wrap.classList.remove(\"has-error\");\n                field.el.removeAttribute(\"aria-invalid\");\n                if (field.msg) { field.msg.textContent = \"\"; }\n            }\n        }\n\n        fields.forEach(function (field) {\n            if (!field.el) { return; }\n\n            field.el.addEventListener(\"blur\", function () {\n                var value = field.el.value.trim();\n                if (value) { markError(field, !field.test(value)); }\n            });\n\n            field.el.addEventListener(\"input\", function () {\n                var wrap = field.el.parentNode;\n                if (wrap && wrap.classList.contains(\"has-error\")) {\n                    if (field.test(field.el.value.trim())) { markError(field, false); }\n                }\n                updateSteps();\n            });\n        });\n\n        function validate() {\n            var firstInvalid = null;\n\n            fields.forEach(function (field) {\n                if (!field.el) { return; }\n                var valid = field.test(field.el.value.trim());\n                markError(field, !valid);\n                if (!valid && !firstInvalid) { firstInvalid = field.el; }\n            });\n\n            if (firstInvalid) {\n                firstInvalid.focus();\n                if (firstInvalid.scrollIntoView) {\n                    firstInvalid.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n                }\n                return false;\n            }\n            return true;\n        }\n\n        \/* =====================================================\n           MOBILE COLLAPSIBLE SUMMARY\n           \\===================================================== *\/\n\n        var summary = $(\"#trioSummary\");\n        var summaryToggle = $(\"#trioSummaryToggle\");\n\n        if (summaryToggle && summary) {\n            summaryToggle.addEventListener(\"click\", function () {\n                var collapsed = summary.classList.toggle(\"is-collapsed\");\n                summaryToggle.setAttribute(\"aria-expanded\", collapsed ? \"false\" : \"true\");\n            });\n        }\n\n        \/* =====================================================\n           SUBMIT ORDER\n           \\===================================================== *\/\n\n        if (submitButton) {\n            submitButton.addEventListener(\"click\", function () {\n\n                if (submitButton.disabled) { return; }\n                if (!validate()) { return; }\n\n                var addons = collectAddons();\n\n                var addonTotal = addons.reduce(function (sum, addon) {\n                    return sum + addon.price;\n                }, 0);\n\n                var gst = Math.round(planPrice * GST_RATE * 100) \/ 100;\n                var beforeCouponTotal = planPrice + gst + addonTotal;\n                var couponPercent = activeCoupon ? activeCoupon.percent : 0;\n                var couponDiscount = activeCoupon\n                    ? Math.round(beforeCouponTotal * couponPercent \/ 100 * 100) \/ 100\n                    : 0;\n                var total = Math.max(0, beforeCouponTotal - couponDiscount);\n\n                var order = {\n                    plans: plans,\n                    marketplace: plans.length === 1 ? plans[0].marketplace : \"multiple\",\n                    plan: plans.length === 1 ? plans[0].plan : \"multiple\",\n                    duration: plans.length === 1 ? plans[0].duration : \"multiple\",\n                    planPrice: planPrice,\n                    gstRate: GST_RATE,\n                    gst: gst,\n                    addons: addons,\n                    addonTotal: addonTotal,\n                    subtotalBeforeCoupon: beforeCouponTotal,\n                    coupon: activeCoupon ? {\n                        code: activeCoupon.code,\n                        percent: couponPercent,\n                        discount: couponDiscount\n                    } : null,\n                    couponDiscount: couponDiscount,\n                    total: total,\n                    customer: {\n                        fullName: $(\"#trioFullName\") ? $(\"#trioFullName\").value.trim() : \"\",\n                        phone: $(\"#trioPhone\") ? $(\"#trioPhone\").value.trim() : \"\",\n                        email: $(\"#trioEmail\") ? $(\"#trioEmail\").value.trim() : \"\",\n                        business: $(\"#trioBusiness\") ? $(\"#trioBusiness\").value.trim() : \"\",\n                        additionalInformation: $(\"#trioAdditionalInfo\")\n                            ? $(\"#trioAdditionalInfo\").value.trim()\n                            : \"\"\n                    }\n                };\n\n                \/* Loading state *\/\n                submitButton.disabled = true;\n                submitButton.classList.add(\"is-loading\");\n                var labelEl = submitButton.querySelector(\".trio-cta-label\");\n                if (labelEl) { labelEl.textContent = \"Processing\"; }\n\n                \/* =====================================================\n                   CREATE REAL WOOCOMMERCE ORDER\n                   ===================================================== *\/\n\n                var config = window.TRIO_ORDER_CONFIG || {};\n                var ajaxUrl = config.ajaxUrl || \"\";\n                var nonce = config.nonce || \"\";\n\n                if (!ajaxUrl || !nonce) {\n                    submitButton.disabled = false;\n                    submitButton.classList.remove(\"is-loading\");\n                    if (labelEl) { labelEl.textContent = \"Proceed to Payment\"; }\n                    alert(\"Checkout configuration is missing. Please refresh the page and try again.\");\n                    return;\n                }\n\n                var formData = new FormData();\n\n                formData.append(\"action\", \"trio_create_marketplace_order\");\n                formData.append(\"nonce\", nonce);\n\n                formData.append(\n                    \"plans\",\n                    JSON.stringify(plans)\n                );\n\n                formData.append(\n                    \"addons\",\n                    JSON.stringify(addons)\n                );\n\n                formData.append(\n                    \"customer_name\",\n                    order.customer.fullName\n                );\n\n                formData.append(\n                    \"phone\",\n                    order.customer.phone\n                );\n\n                formData.append(\n                    \"email\",\n                    order.customer.email\n                );\n\n                formData.append(\n                    \"business\",\n                    order.customer.business\n                );\n\n                formData.append(\n                    \"additional_information\",\n                    order.customer.additionalInformation\n                );\n\n                formData.append(\n                    \"gst\",\n                    String(gst)\n                );\n\n                formData.append(\n                    \"total\",\n                    String(total)\n                );\n\n                formData.append(\n                    \"coupon_code\",\n                    activeCoupon ? activeCoupon.code : \"\"\n                );\n\n                formData.append(\n                    \"coupon_percent\",\n                    String(couponPercent)\n                );\n\n                formData.append(\n                    \"coupon_discount\",\n                    String(couponDiscount)\n                );\n\n                formData.append(\n                    \"subtotal_before_coupon\",\n                    String(beforeCouponTotal)\n                );\n\n                fetch(ajaxUrl, {\n                    method: \"POST\",\n                    credentials: \"same-origin\",\n                    body: formData\n                })\n                .then(function (response) {\n                    return response.json().then(function (data) {\n                        return {\n                            ok: response.ok,\n                            data: data\n                        };\n                    });\n                })\n                .then(function (result) {\n\n                    if (!result.data || !result.data.success) {\n                        var message =\n                            result.data &&\n                            result.data.data &&\n                            result.data.data.message\n                                ? result.data.data.message\n                                : \"We could not create your order. Please try again.\";\n\n                        throw new Error(message);\n                    }\n\n                    var responseData = result.data.data || {};\n\n                    \/* =====================================================\n                       RAZORPAY CHECKOUT\n                       ===================================================== *\/\n\n                    if (!responseData.razorpay_order_id || !responseData.razorpay_key_id) {\n                        throw new Error(\"Razorpay payment information was not returned. Please try again.\");\n                    }\n\n                    if (typeof window.Razorpay !== \"function\") {\n                        throw new Error(\"Razorpay Checkout could not be loaded. Please refresh the page and try again.\");\n                    }\n\n                    var razorpayOptions = {\n                        key: responseData.razorpay_key_id,\n                        amount: responseData.razorpay_amount || Math.round(total * 100),\n                        currency: responseData.razorpay_currency || \"INR\",\n                        name: \"TRIO India\",\n                        description: \"TRIO India Marketplace Services\",\n                        order_id: responseData.razorpay_order_id,\n                        prefill: {\n                            name: order.customer.fullName,\n                            email: order.customer.email,\n                            contact: order.customer.phone\n                        },\n                        notes: {\n                            order_id: String(responseData.order_id || \"\")\n                        },\n                        theme: {\n                            color: \"#5a0f2d\"\n                        },\n                        modal: {\n                            ondismiss: function () {\n                                submitButton.disabled = false;\n                                submitButton.classList.remove(\"is-loading\");\n                                if (labelEl) { labelEl.textContent = \"Proceed to Payment\"; }\n                            }\n                        },\n                        handler: function (paymentResponse) {\n                            var verifyData = new FormData();\n                            verifyData.append(\"action\", \"trio_verify_razorpay_payment\");\n                            verifyData.append(\"nonce\", nonce);\n                            verifyData.append(\"order_id\", String(responseData.order_id || \"\"));\n                            verifyData.append(\"razorpay_order_id\", paymentResponse.razorpay_order_id || \"\");\n                            verifyData.append(\"razorpay_payment_id\", paymentResponse.razorpay_payment_id || \"\");\n                            verifyData.append(\"razorpay_signature\", paymentResponse.razorpay_signature || \"\");\n\n                            if (labelEl) { labelEl.textContent = \"Verifying payment\"; }\n\n                            fetch(ajaxUrl, {\n                                method: \"POST\",\n                                credentials: \"same-origin\",\n                                body: verifyData\n                            })\n                            .then(function (response) {\n                                return response.json().then(function (data) {\n                                    return { ok: response.ok, data: data };\n                                });\n                            })\n                            .then(function (verifyResult) {\n                                if (!verifyResult.data || !verifyResult.data.success) {\n                                    var verifyMessage = verifyResult.data && verifyResult.data.data && verifyResult.data.data.message\n                                        ? verifyResult.data.data.message\n                                        : \"Payment verification failed. Please contact support if money was deducted.\";\n                                    throw new Error(verifyMessage);\n                                }\n\n                                var verified = verifyResult.data.data || {};\n\n                                order.orderId = responseData.order_id || \"\";\n                                order.orderNumber = responseData.order_number || verified.order_number || \"\";\n                                order.orderStatus = verified.status || \"processing\";\n                                order.paymentId = paymentResponse.razorpay_payment_id || \"\";\n                                order.paymentStatus = \"captured\";\n\n                                try {\n                                    sessionStorage.setItem(\"trio_checkout_order\", JSON.stringify(order));\n                                } catch (e) {}\n\n                                submitButton.disabled = true;\n                                submitButton.classList.remove(\"is-loading\");\n                                if (labelEl) { labelEl.textContent = \"Payment Successful\"; }\n\n                                confirmed = true;\n                                updateSteps();\n\n                                if (successBox) {\n                                    successBox.classList.add(\"show\");\n                                    var successText = successBox.querySelector(\"#trioSuccessText\");\n                                    var successHeading = successBox.querySelector(\"strong\");\n                                    if (successHeading) { successHeading.textContent = \"Payment successful\"; }\n                                    if (successText) {\n                                        var orderText = responseData.order_number || verified.order_number\n                                            ? \"Order #\" + (responseData.order_number || verified.order_number)\n                                            : \"Your order\";\n                                        successText.textContent =\n                                            orderText + \" has been confirmed successfully. Payment ID: \" +\n                                            (paymentResponse.razorpay_payment_id || \"\") +\n                                            \". Our team will contact you shortly to confirm the next steps.\";\n                                    }\n                                    if (successBox.scrollIntoView) {\n                                        successBox.scrollIntoView({ behavior: \"smooth\", block: \"nearest\" });\n                                    }\n                                }\n\n                                root.dispatchEvent(new CustomEvent(\"trio:payment-success\", {\n                                    bubbles: true,\n                                    detail: {\n                                        order: order,\n                                        response: verified,\n                                        payment: paymentResponse\n                                    }\n                                }));\n\n                                \/* Notify listeners only after payment is verified. *\/\n                                root.dispatchEvent(new CustomEvent(\"trio:order-submitted\", {\n                                    bubbles: true,\n                                    detail: {\n                                        order: order,\n                                        response: verified,\n                                        payment: paymentResponse\n                                    }\n                                }));\n                            })\n                            .catch(function (error) {\n                                console.error(\"TRIO Razorpay verification error:\", error);\n                                submitButton.disabled = false;\n                                submitButton.classList.remove(\"is-loading\");\n                                if (labelEl) { labelEl.textContent = \"Proceed to Payment\"; }\n                                alert(error && error.message ? error.message : \"Payment verification failed. Please contact support if money was deducted.\");\n                            });\n                        }\n                    };\n\n                    var razorpayCheckout = new Razorpay(razorpayOptions);\n                    razorpayCheckout.on(\"payment.failed\", function (failureResponse) {\n                        console.error(\"TRIO Razorpay payment failed:\", failureResponse);\n                        submitButton.disabled = false;\n                        submitButton.classList.remove(\"is-loading\");\n                        if (labelEl) { labelEl.textContent = \"Proceed to Payment\"; }\n                        alert(\n                            failureResponse && failureResponse.error && failureResponse.error.description\n                                ? failureResponse.error.description\n                                : \"Payment failed. Please try again.\"\n                        );\n                    });\n\n                    \/*\n                     * IMPORTANT:\n                     * Creating the WooCommerce order is NOT a successful checkout.\n                     * The order normally remains pending until Razorpay payment is\n                     * completed and the server verifies the Razorpay signature.\n                     *\n                     * Do not show the success UI here and do not mark step 4 as\n                     * complete here. Those actions happen only inside the verified\n                     * Razorpay payment handler above.\n                     *\/\n                    try {\n                        order.orderId = responseData.order_id || \"\";\n                        order.orderNumber = responseData.order_number || \"\";\n                        order.orderStatus = responseData.status || \"pending\";\n                        order.paymentStatus = \"pending\";\n                        sessionStorage.setItem(\n                            \"trio_checkout_order\",\n                            JSON.stringify(order)\n                        );\n                    } catch (e) {\n                        \/* Storage unavailable \u2014 WooCommerce order still exists *\/\n                    }\n\n                    \/*\n                     * Open Razorpay only after the WooCommerce order and Razorpay\n                     * order have both been created successfully.\n                     *\/\n                    try {\n                        razorpayCheckout.open();\n                    } catch (openError) {\n                        console.error(\"TRIO Razorpay open error:\", openError);\n                        submitButton.disabled = false;\n                        submitButton.classList.remove(\"is-loading\");\n                        if (labelEl) { labelEl.textContent = \"Proceed to Payment\"; }\n                        alert(\n                            openError && openError.message\n                                ? openError.message\n                                : \"Razorpay Checkout could not be opened. Please try again.\"\n                        );\n                    }\n\n                })\n                .catch(function (error) {\n\n                    console.error(\"TRIO checkout order error:\", error);\n\n                    submitButton.disabled = false;\n                    submitButton.classList.remove(\"is-loading\");\n\n                    if (labelEl) {\n                        labelEl.textContent = \"Proceed to Payment\";\n                    }\n\n                    alert(\n                        error && error.message\n                            ? error.message\n                            : \"Something went wrong while creating your order. Please try again.\"\n                    );\n\n                });\n            });\n        }\n\n        \/* =====================================================\n           DEBUG (remove if not needed)\n           \\===================================================== *\/\n\n        if (window.console && console.log) {\n            console.log(\"TRIO CHECKOUT\", {\n                marketplaces: plans.map(function (item) { return item.marketplace; }),\n                plans: plans.length,\n                price: planPrice,\n                valid: planIsValid\n            });\n        }\n\n        updateSteps();\n    }\n\n    \/* Standard load *\/\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", boot);\n    } else {\n        boot();\n    }\n\n    \/* Elementor editor \/ dynamic widget loading *\/\n    if (window.jQuery) {\n        window.jQuery(window).on(\"elementor\/frontend\/init\", boot);\n        window.jQuery(document).on(\"elementor\/popup\/show\", boot);\n    }\n\n    window.addEventListener(\"load\", boot);\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>TRIO India \u00b7 E-commerce services Complete your order Review your selected marketplace plan, customize your package, and tell us how [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-871","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trioindia.co.in\/index.php\/wp-json\/wp\/v2\/pages\/871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trioindia.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trioindia.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trioindia.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trioindia.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=871"}],"version-history":[{"count":47,"href":"https:\/\/trioindia.co.in\/index.php\/wp-json\/wp\/v2\/pages\/871\/revisions"}],"predecessor-version":[{"id":965,"href":"https:\/\/trioindia.co.in\/index.php\/wp-json\/wp\/v2\/pages\/871\/revisions\/965"}],"wp:attachment":[{"href":"https:\/\/trioindia.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}