{"id":2919,"date":"2026-08-21T09:46:12","date_gmt":"2026-08-21T09:46:12","guid":{"rendered":"https:\/\/localseodevelopers.com\/bonobocreatives\/?page_id=2919"},"modified":"2026-08-27T07:36:15","modified_gmt":"2026-08-27T07:36:15","slug":"new-warranty","status":"publish","type":"page","link":"https:\/\/localseodevelopers.com\/bonobocreatives\/new-warranty\/","title":{"rendered":"New-Warranty"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2919\" class=\"elementor elementor-2919\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c50a122 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"c50a122\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ede6616 e-con-full e-flex e-con e-child\" data-id=\"ede6616\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5137472 e-con-full e-flex e-con e-child\" data-id=\"5137472\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb4a73e elementor-widget elementor-widget-text-editor\" data-id=\"bb4a73e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tRathi &#8216;s Clud Class\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9171e8b elementor-widget elementor-widget-text-editor\" data-id=\"9171e8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tBuilt on Trust, backed by Quality.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bc9c6e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4bc9c6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42fb849 elementor-widget elementor-widget-image\" data-id=\"42fb849\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"736\" height=\"761\" src=\"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/freepik_br_c32e73c6-182d-415a-a413-d0fdb0855ebb-1.png\" class=\"attachment-full size-full wp-image-2981\" alt=\"\" srcset=\"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/freepik_br_c32e73c6-182d-415a-a413-d0fdb0855ebb-1.png 736w, https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/freepik_br_c32e73c6-182d-415a-a413-d0fdb0855ebb-1-290x300.png 290w, https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/freepik_br_c32e73c6-182d-415a-a413-d0fdb0855ebb-1-600x620.png 600w\" sizes=\"(max-width: 736px) 100vw, 736px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85d4d01 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"85d4d01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tA perfect blend of luxury, leisure and comfort crafted for an elevated lifestyle.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef1a5d3 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"ef1a5d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg class=\"ekit-svg-icon icon-countdown-timer\" viewBox=\"0 0 28 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M28.059 15.685c-0.788-3.547-2.837-6.542-5.832-8.591-2.128-1.419-4.571-2.128-7.094-2.207v-4.020c0 0 0-0.079 0-0.079h3.941c0.236 0 0.394-0.158 0.394-0.394s-0.158-0.394-0.394-0.394h-8.828c-0.236 0-0.394 0.158-0.394 0.394s0.158 0.394 0.394 0.394h4.099c0 0 0 0.079 0 0.079v4.099c-0.788 0-1.498 0.079-2.286 0.236-0.236 0.079-0.315 0.236-0.315 0.473 0.079 0.236 0.236 0.315 0.473 0.315 0.709-0.158 1.419-0.236 2.128-0.236v1.498c0 0.236 0.158 0.394 0.394 0.394s0.394-0.158 0.394-0.394v-1.498c2.365 0.079 4.65 0.709 6.621 2.049 2.837 1.892 4.808 4.729 5.517 8.039 0.158 0.709 0.236 1.498 0.236 2.207h-1.655c-0.236 0-0.394 0.158-0.394 0.394s0.158 0.394 0.394 0.394h1.655c-0.079 2.286-0.788 4.571-2.049 6.542-1.892 2.837-4.729 4.808-8.039 5.517-0.788 0.158-1.498 0.236-2.286 0.236v-1.498c0-0.236-0.158-0.394-0.394-0.394s-0.394 0.158-0.394 0.394v1.498c-5.675-0.158-10.719-4.256-11.98-10.089-0.158-0.709-0.236-1.498-0.236-2.207h1.576c0.236 0 0.394-0.158 0.394-0.394s-0.158-0.394-0.394-0.394h-1.576c0.079-1.813 0.473-3.547 1.261-5.202l0.788 2.049c0.079 0.158 0.236 0.236 0.394 0.236 0.079 0 0.079 0 0.158 0 0.236-0.079 0.315-0.315 0.236-0.552l-1.34-3.232-3.31 1.025c-0.236 0.079-0.315 0.315-0.236 0.473 0.079 0.236 0.315 0.315 0.473 0.236l2.207-0.709c-1.419 2.759-1.813 5.911-1.182 8.828 1.34 6.384 6.936 10.798 13.241 10.798 0.946 0 1.813-0.079 2.759-0.315 3.547-0.709 6.542-2.837 8.591-5.832 1.97-2.995 2.601-6.621 1.892-10.168z\"><\/path><path d=\"M9.773 23.409c0.079 0 0.158 0 0.236-0.079l3.704-3.389c0.315 0.236 0.631 0.315 1.025 0.315 1.025 0 1.892-0.867 1.892-1.892s-0.867-1.892-1.892-1.892-1.892 0.867-1.892 1.892c0 0.394 0.079 0.709 0.315 1.025l-3.704 3.31c-0.158 0.158-0.158 0.394 0 0.552 0.079 0.079 0.236 0.158 0.315 0.158zM14.818 17.261c0.631 0 1.103 0.473 1.103 1.103s-0.473 1.103-1.103 1.103c-0.631 0-1.103-0.473-1.103-1.103s0.473-1.103 1.103-1.103z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t24\/7 PRIVILEGE ACCESS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-437c4e4 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"437c4e4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-560bb33 e-con-full e-flex e-con e-child\" data-id=\"560bb33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1a478c7 e-con-full e-flex e-con e-child\" data-id=\"1a478c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f612c8d elementor-widget elementor-widget-text-editor\" data-id=\"f612c8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tRathi &#8216;s Clud Class \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-816dc85 elementor-widget elementor-widget-text-editor\" data-id=\"816dc85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tBuilt on Trust, backed by Quality. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f64158 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2f64158\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b3c66e elementor-widget elementor-widget-image\" data-id=\"0b3c66e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"693\" height=\"834\" src=\"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/ttttttt-2.webp\" class=\"attachment-full size-full wp-image-2816\" alt=\"\" srcset=\"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/ttttttt-2.webp 693w, https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/ttttttt-2-249x300.webp 249w, https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/ttttttt-2-600x722.webp 600w\" sizes=\"(max-width: 693px) 100vw, 693px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cea82e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"1cea82e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tA perfect blend of luxury, leisure and comfort crafted for an elevated lifestyle. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d37b46 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"8d37b46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg class=\"ekit-svg-icon icon-countdown-timer\" viewBox=\"0 0 28 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M28.059 15.685c-0.788-3.547-2.837-6.542-5.832-8.591-2.128-1.419-4.571-2.128-7.094-2.207v-4.020c0 0 0-0.079 0-0.079h3.941c0.236 0 0.394-0.158 0.394-0.394s-0.158-0.394-0.394-0.394h-8.828c-0.236 0-0.394 0.158-0.394 0.394s0.158 0.394 0.394 0.394h4.099c0 0 0 0.079 0 0.079v4.099c-0.788 0-1.498 0.079-2.286 0.236-0.236 0.079-0.315 0.236-0.315 0.473 0.079 0.236 0.236 0.315 0.473 0.315 0.709-0.158 1.419-0.236 2.128-0.236v1.498c0 0.236 0.158 0.394 0.394 0.394s0.394-0.158 0.394-0.394v-1.498c2.365 0.079 4.65 0.709 6.621 2.049 2.837 1.892 4.808 4.729 5.517 8.039 0.158 0.709 0.236 1.498 0.236 2.207h-1.655c-0.236 0-0.394 0.158-0.394 0.394s0.158 0.394 0.394 0.394h1.655c-0.079 2.286-0.788 4.571-2.049 6.542-1.892 2.837-4.729 4.808-8.039 5.517-0.788 0.158-1.498 0.236-2.286 0.236v-1.498c0-0.236-0.158-0.394-0.394-0.394s-0.394 0.158-0.394 0.394v1.498c-5.675-0.158-10.719-4.256-11.98-10.089-0.158-0.709-0.236-1.498-0.236-2.207h1.576c0.236 0 0.394-0.158 0.394-0.394s-0.158-0.394-0.394-0.394h-1.576c0.079-1.813 0.473-3.547 1.261-5.202l0.788 2.049c0.079 0.158 0.236 0.236 0.394 0.236 0.079 0 0.079 0 0.158 0 0.236-0.079 0.315-0.315 0.236-0.552l-1.34-3.232-3.31 1.025c-0.236 0.079-0.315 0.315-0.236 0.473 0.079 0.236 0.315 0.315 0.473 0.236l2.207-0.709c-1.419 2.759-1.813 5.911-1.182 8.828 1.34 6.384 6.936 10.798 13.241 10.798 0.946 0 1.813-0.079 2.759-0.315 3.547-0.709 6.542-2.837 8.591-5.832 1.97-2.995 2.601-6.621 1.892-10.168z\"><\/path><path d=\"M9.773 23.409c0.079 0 0.158 0 0.236-0.079l3.704-3.389c0.315 0.236 0.631 0.315 1.025 0.315 1.025 0 1.892-0.867 1.892-1.892s-0.867-1.892-1.892-1.892-1.892 0.867-1.892 1.892c0 0.394 0.079 0.709 0.315 1.025l-3.704 3.31c-0.158 0.158-0.158 0.394 0 0.552 0.079 0.079 0.236 0.158 0.315 0.158zM14.818 17.261c0.631 0 1.103 0.473 1.103 1.103s-0.473 1.103-1.103 1.103c-0.631 0-1.103-0.473-1.103-1.103s0.473-1.103 1.103-1.103z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t24\/7 PRIVILEGE ACCESS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-d00fd72 e-flex e-con-boxed e-con e-parent\" data-id=\"d00fd72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45691b6 elementor-widget elementor-widget-shortcode\" data-id=\"45691b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n\t<meta charset=\"UTF-8\">\n\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\t<title>Rathi's Club Class Interiors \u2014 Warranty Activation<\/title>\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Playball&family=Pinyon+Script&display=swap\" rel=\"stylesheet\">\n\t<style>\n\t:root {\n\t\t--bg: #000000;\n\t\t--bg-alt: #040404;\n\t\t--panel: #0c0c0c;\n\t\t--panel-2: #101010;\n\t\t--line: rgba(201, 162, 75, 0.18);\n\t\t--line-soft: rgba(255, 255, 255, 0.07);\n\t\t--gold-1: #f0d383;\n\t\t--gold-2: #c9a24b;\n\t\t--gold-3: #8a6f2e;\n\t\t--gold-deep: #7c611f;\n\t\t--text: #f4efe4;\n\t\t--text-dim: #a89e8c;\n\t\t--text-faint: #6f6656;\n\t\t--green: #6fcf97;\n\t\t--radius: 14px;\n\t\t--radius-sm: 8px;\n\t\t--serif: 'Poppins', sans-serif;\n\t\t--sans: 'Poppins', sans-serif;\n\t\t--script: 'Playball', 'Pinyon Script', 'Monotype Corsiva', 'Apple Chancery', cursive;\n\t\t--logo-gold: #dcb85f;\n\t}\n\n\t* {\n\t\tbox-sizing: border-box;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\thtml {\n\t\tscroll-behavior: smooth;\n\t}\n\n\tbody {\n\t\tbackground: #000000 !important;\n\t\tcolor: var(--text);\n\t\tfont-family: var(--sans);\n\t\tfont-weight: 400;\n\t\tline-height: 1.5;\n\t\t-webkit-font-smoothing: antialiased;\n\t}\n\n\ta {\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\t}\n\n\tbutton {\n\t\tfont-family: inherit;\n\t\tcursor: pointer;\n\t}\n\n\timg,\n\tsvg {\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t}\n\n\t::selection {\n\t\tbackground: var(--gold-3);\n\t\tcolor: #000;\n\t}\n\n\t\/* ================= LOGO (Rathi's Club Class \u2014 golden) ================= *\/\n\t.logo {\n\t\tfont-family: var(--script);\n\t\tfont-weight: 400;\n\t\tfont-size: 30px;\n\t\tline-height: 1.05;\n\t\tletter-spacing: .01em;\n\t\tcolor: var(--logo-gold);\n\t\tbackground: linear-gradient(120deg, var(--gold-1), var(--logo-gold) 45%, var(--gold-2));\n\t\t-webkit-background-clip: text;\n\t\tbackground-clip: text;\n\t\t-webkit-text-fill-color: transparent;\n\t}\n\n\t.logo .reg {\n\t\tfont-family: var(--sans);\n\t\tfont-size: 9px;\n\t\tfont-weight: 500;\n\t\tvertical-align: super;\n\t\tmargin-left: 2px;\n\t\tletter-spacing: 0;\n\t}\n\n\n.id-card-top .logo {\n    text-align: center;\n    padding-top: 0px;\n    line-height: 20px;\nfont-family: \"calligri\", Sans-serif;\n    font-size: 30px !important;\n}\n\n\n\n\n\t.custom-main {\n\t\tbackground-color: #000;\n\t}\n\n\t.logo small {\n\t\tdisplay: block;\n\t\tfont-family: var(--sans);\n\t\tfont-size: 9px;\n\t\tletter-spacing: .14em;\n\t\ttext-transform: uppercase;\n\t\twhite-space: nowrap;\n\t\tcolor: var(--text-dim);\n\t\t-webkit-text-fill-color: var(--text-dim);\n\t\tfont-weight: 400;\n\t\tmargin-top: 4px;\n\t}\n\n\t.logo small .reg {\n\t\tfont-size: 8px;\n\t\tvertical-align: super;\n\t\tletter-spacing: 0;\n\t\ttext-transform: none;\n\t}\n\n\t\/* ================= R-PROMISE MARK (right side) ================= *\/\n\t.rp-mark {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tflex-shrink: 0;\n\t}\n\n\t.rp-mark .rp-logo-img {\n\t\theight: 84px;\n\t\twidth: auto;\n\t\tdisplay: block;\n\t\tflex-shrink: 0;\n\t}\n\n\t.rp-mark .rp-badge {\n\t\twidth: 34px;\n\t\theight: 34px;\n\t\tborder-radius: 50%;\n\t\tborder: 1px solid var(--line);\n\t\tbackground: linear-gradient(145deg, rgba(240, 211, 131, .16), rgba(201, 162, 75, .03));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tfont-family: var(--script);\n\t\tfont-size: 21px;\n\t\tline-height: 1;\n\t\tcolor: var(--gold-1);\n\t\tpadding-bottom: 3px;\n\t}\n\n\t.rp-mark .rp-text {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tline-height: 1.1;\n\t}\n\n\t.rp-mark .rp-text b {\n\t\tfont-family: var(--script);\n\t\tfont-weight: 400;\n\t\tfont-size: 19px;\n\t\tcolor: var(--logo-gold);\n\t}\n\n\t.rp-mark .rp-text small {\n\t\tfont-family: var(--sans);\n\t\tfont-size: 7.5px;\n\t\tletter-spacing: .26em;\n\t\ttext-transform: uppercase;\n\t\tcolor: var(--text-faint);\n\t\tmargin-top: 2px;\n\t}\n\n\t.btn-outline-gold {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tborder: 1px solid var(--gold-3);\n\t\tcolor: var(--gold-1);\n\t\tpadding: 11px 20px;\n\t\tborder-radius: 999px;\n\t\tfont-size: 11.5px;\n\t\tfont-weight: 600;\n\t\tletter-spacing: .1em;\n\t\ttext-transform: uppercase;\n\t\tbackground: transparent;\n\t}\n\n\t\/* ================= SEAL COMPONENT ================= *\/\n\t.seal-mount {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\taspect-ratio: 1\/1;\n\t}\n\n\t.seal-mount img {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: contain;\n\t\tborder-radius: 50%;\n\t\tfilter: drop-shadow(0 14px 28px rgba(0, 0, 0, .55));\n\t}\n\n\t\/* ================= STEPPER (tightened gaps) ================= *\/\n\t.stepper-wrap {\n\t\tbackground: var(--bg-alt);\n\t\tborder-bottom: 1px solid var(--line-soft);\n\t\tpadding: 16px 5% 14px;\n\t}\n\n\t.stepper {\n\t\tmax-width: 720px;\n\t\tmargin: 0 auto;\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\tjustify-content: space-between;\n\t}\n\n\t.step-item {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tgap: 7px;\n\t\tposition: relative;\n\t\tflex: 1;\n\t\tmin-width: 52px;\n\t}\n\n\t.step-connector {\n\t\tposition: absolute;\n\t\ttop: 16px;\n\t\tleft: calc(-50% + 16px);\n\t\twidth: calc(100% - 32px);\n\t\theight: 1px;\n\t\tbackground: var(--line-soft);\n\t\tz-index: 0;\n\t}\n\n\t.step-item:first-child .step-connector {\n\t\tdisplay: none;\n\t}\n\n\t.step-connector.done {\n\t\tbackground: linear-gradient(90deg, var(--gold-2), var(--gold-1));\n\t}\n\n\t.step-circle {\n\t\twidth: 33px;\n\t\theight: 33px;\n\t\tborder-radius: 50%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder: 1px solid var(--line-soft);\n\t\tcolor: var(--text-faint);\n\t\tfont-size: 13px;\n\t\tfont-weight: 600;\n\t\tbackground: var(--bg-alt);\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\ttransition: .25s;\n\t}\n\n\t.step-item.active .step-circle {\n\t\tbackground: linear-gradient(135deg, var(--gold-1), var(--gold-2));\n\t\tcolor: #241b06;\n\t\tborder-color: var(--gold-1);\n\t\tbox-shadow: 0 0 0 4px rgba(201, 162, 75, .15);\n\t}\n\n\t.step-item.done .step-circle {\n\t\tbackground: var(--gold-3);\n\t\tborder-color: var(--gold-2);\n\t\tcolor: #1a1305;\n\t}\n\n\t.step-item button.step-circle {\n\t\tcursor: default;\n\t}\n\n\t.step-item.done .step-circle {\n\t\tcursor: pointer;\n\t}\n\n\t.step-label {\n\t\tfont-size: 10.5px;\n\t\tletter-spacing: .12em;\n\t\ttext-transform: uppercase;\n\t\tcolor: var(--text-faint);\n\t\ttext-align: center;\n\t}\n\n\t.step-item.active .step-label {\n\t\tcolor: var(--gold-1);\n\t\tfont-weight: 600;\n\t}\n\n\t.step-item.done .step-label {\n\t\tcolor: var(--text-dim);\n\t}\n\n\t@media(max-width:640px) {\n\t\t.step-label {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.stepper {\n\t\t\tmax-width: 320px;\n\t\t}\n\t}\n\n\t\/* ================= MAIN LAYOUT ================= *\/\n\tmain {\n\t\tmax-width: 1230px;\n\t\tmargin: 0 auto;\n\t\tpadding: 26px 5% 90px;\n\t}\n\n\t.step-panel {\n\t\tdisplay: none;\n\t\tanimation: rise .45s ease;\n\t}\n\n\t.step-panel.active {\n\t\tdisplay: block;\n\t}\n\n\t@keyframes rise {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(14px);\n\t\t}\n\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: none;\n\t\t}\n\t}\n\n\t.grid-2 {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 0;\n\t\talign-items: start;\n\t\tmax-width: 560px;\n\t\tmargin: 0 auto;\n\t}\n\n\t\/* Step 1 \"Your Interior Identity Card\" preview is hidden everywhere \u2014\n\t   only the form is shown. It stays in the DOM (not removed) because\n\t   Step 2 clones .preview-panel .id-card to build the review card. *\/\n\t.preview-panel {\n\t\tdisplay: none !important;\n\t}\n\n\t.panel {\n\t\tbackground: var(--panel);\n\t\tborder: 1px solid var(--line-soft);\n\t\tborder-radius: var(--radius);\n\t\tpadding: 30px;\n\t\tbox-shadow: 0 20px 40px -20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .03);\n\t}\n\n\t.panel-head {\n\t\tmargin-bottom: 22px;\n\t}\n\n\t.panel-head h2 {\n\t\tfont-family: var(--serif);\n\t\tfont-size: 22px;\n\t\tcolor: var(--gold-1);\n\t\tfont-weight: 700;\n\t\tmargin-bottom: 6px;\n\t}\n\n\t.panel-head p {\n\t\tfont-size: 13px;\n\t\tcolor: var(--text-faint);\n\t}\n\n\t\/* ---- form ---- *\/\n\t.field {\n\t\tmargin-bottom: 18px;\n\t}\n\n\t.field label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tfont-size: 12.5px;\n\t\tcolor: var(--text-dim);\n\t\tmargin-bottom: 8px;\n\t\tfont-weight: 500;\n\t}\n\n\t.field label .fico {\n\t\twidth: 26px;\n\t\theight: 26px;\n\t\tborder-radius: 7px;\n\t\tborder: 1px solid var(--line);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: var(--gold-2);\n\t\tflex-shrink: 0;\n\t}\n\n\t.field input[type=text],\n\t.field input[type=date],\n\t.field select {\n\t\twidth: 100%;\n\t\tbackground: #050505;\n\t\tborder: 1px solid var(--line-soft);\n\t\tcolor: var(--text);\n\t\tpadding: 12px 14px;\n\t\tborder-radius: var(--radius-sm);\n\t\tfont-size: 14px;\n\t\tfont-family: var(--sans);\n\t}\n\n\t.field select {\n\t\tappearance: none;\n\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c9a24b' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\");\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: right 14px center;\n\t}\n\n\t.upload-row {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 12px;\n\t\tborder: 1px dashed var(--line);\n\t\tborder-radius: var(--radius-sm);\n\t\tpadding: 12px 14px;\n\t\tbackground: #050505;\n\t\tcursor: pointer;\n\t}\n\n\t.upload-row .up-left {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tfont-size: 13px;\n\t\tcolor: var(--text-dim);\n\t\toverflow: hidden;\n\t}\n\n\t.upload-row .up-left span.fname {\n\t\tcolor: var(--text);\n\t\tdisplay: block;\n\t}\n\n\t.upload-row .up-left span.fsize {\n\t\tcolor: var(--text-faint);\n\t\tfont-size: 11px;\n\t}\n\n\t.upload-row .check {\n\t\tcolor: var(--green);\n\t\tflex-shrink: 0;\n\t\tdisplay: none;\n\t}\n\n\t.upload-row.filled .check {\n\t\tdisplay: block;\n\t}\n\n\t.upload-row.filled {\n\t\tborder-style: solid;\n\t\tborder-color: rgba(111, 207, 151, .35);\n\t}\n\n\t.btn-gold {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 10px;\n\t\twidth: 100%;\n\t\tpadding: 15px 20px;\n\t\tmargin-top: 6px;\n\t\tbackground: linear-gradient(135deg, var(--gold-1), var(--gold-3));\n\t\tcolor: #231a06;\n\t\tfont-weight: 600;\n\t\tfont-size: 13px;\n\t\tletter-spacing: .1em;\n\t\ttext-transform: uppercase;\n\t\tborder: none;\n\t\tborder-radius: var(--radius-sm);\n\t}\n\n\t.btn-gold:disabled {\n\t\topacity: .4;\n\t\tcursor: not-allowed;\n\t\ttransform: none;\n\t\tfilter: none;\n\t}\n\n\t.btn-ghost {\n\t\twidth: 100%;\n\t\tpadding: 14px 20px;\n\t\tmargin-top: 10px;\n\t\tbackground: transparent;\n\t\tborder: 1px solid var(--line);\n\t\tcolor: var(--text-dim);\n\t\tfont-size: 12.5px;\n\t\tletter-spacing: .08em;\n\t\ttext-transform: uppercase;\n\t\tborder-radius: var(--radius-sm);\n\t}\n\n\t\/* ---- id card preview ---- *\/\n\t.id-card {\n\t\tborder-radius: var(--radius);\n\t\toverflow: hidden;\n\t\tborder: 1px solid var(--line);\n\t\tbackground: linear-gradient(150deg, #0c0c0c, #000);\n\t\tposition: relative;\n\t\tbox-shadow: 0 18px 36px -18px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .03);\n\t}\n\n\t.id-card::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\theight: 3px;\n\t\tz-index: 1;\n\t\tbackground: linear-gradient(90deg, transparent, var(--gold-2), var(--gold-1), var(--gold-2), transparent);\n\t}\n\n\t.id-card-top {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding: 22px 24px 6px;\n\t\tgap: 12px;\n\t}\n\n\n\t.id-badge {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tborder: 1px solid var(--line);\n\t\tborder-radius: 999px;\n\t\tpadding: 6px 12px;\n\t\tbackground: rgba(201, 162, 75, .06);\n\t\tcolor: var(--gold-1);\n\t}\n\n\t.id-badge svg {\n\t\tflex-shrink: 0;\n\t}\n\n\t.id-badge span {\n\t\tfont-size: 9px;\n\t\tfont-weight: 600;\n\t\tletter-spacing: .1em;\n\t\ttext-transform: uppercase;\n\t\tcolor: var(--gold-1);\n\t}\n\n\t.id-card-body {\n\t\tdisplay: flex;\n\t\talign-items: flex-end;\n\t\tjustify-content: space-between;\n\t\tpadding: 8px 24px 18px;\n\t\tgap: 14px;\n\t}\n\n\t.id-card-body .txt h3 {\n\t\tfont-family: var(--serif);\n\t\tfont-size: 24px;\n\t\tcolor: var(--text);\n\t\tletter-spacing: .02em;\n\t}\n\n\t.id-card-body .txt .dealer-city {\n\t\tdisplay: flex;\n\t\tgap: 18px;\n\t\tmargin-top: 14px;\n\t\tpadding-top: 12px;\n\t\tborder-top: 1px solid var(--line-soft);\n\t\tflex-wrap: wrap;\n\t}\n\n\t.dc-item {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n\n\t.dc-icon {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tborder-radius: 7px;\n\t\tborder: 1px solid var(--line);\n\t\tbackground: rgba(201, 162, 75, .06);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: var(--gold-2);\n\t\tflex-shrink: 0;\n\t}\n\n\t.dc-text {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 2px;\n\t\tline-height: 1.2;\n\t}\n\n\t.dc-label {\n\t\tfont-size: 8.5px;\n\t\tletter-spacing: .1em;\n\t\ttext-transform: uppercase;\n\t\tcolor: var(--text-faint);\n\t}\n\n\t.dc-value {\n\t\tfont-size: 12px;\n\t\tcolor: var(--text);\n\t\tfont-weight: 500;\n\t}\n\n\t.spec-chips {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: 8px;\n\t\tmargin-top: 14px;\n\t}\n\n\t.spec-chip {\n\t\tdisplay: inline-flex;\n\t\tflex-direction: column;\n\t\tgap: 3px;\n\t\tborder: 1px solid var(--line);\n\t\tborder-radius: 9px;\n\t\tpadding: 7px 12px;\n\t\tbackground: linear-gradient(150deg, rgba(201, 162, 75, .08), rgba(201, 162, 75, .01));\n\t}\n\n\t.spec-chip small {\n\t\tfont-size: 8.5px;\n\t\tletter-spacing: .1em;\n\t\tcolor: var(--text-faint);\n\t}\n\n\t.spec-chip strong {\n\t\tfont-size: 12px;\n\t\tcolor: var(--gold-1);\n\t\tfont-weight: 600;\n\t}\n\n\t.seat-illustration {\n\t\twidth: 118px;\n\t\tflex-shrink: 0;\n\t\topacity: .95;\n\t}\n\n\t.id-card-feats {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(4, 1fr);\n\t\tborder-top: 1px solid var(--line-soft);\n\t}\n\n\t.id-card-feats div {\n\t\ttext-align: center;\n\t\tpadding: 16px 6px;\n\t\tborder-right: 1px solid var(--line-soft);\n\t}\n\n\t.id-card-feats div:last-child {\n\t\tborder-right: none;\n\t}\n\n\t.id-card-feats svg {\n\t\tmargin: 0 auto 8px;\n\t\tcolor: var(--gold-2);\n\t}\n\n\t.id-card-feats span {\n\t\tfont-size: 9px;\n\t\tletter-spacing: .06em;\n\t\tcolor: var(--text-faint);\n\t\tdisplay: block;\n\t\tline-height: 1.4;\n\t}\n\n\t.id-note {\n\t\tmargin-top: 16px;\n\t\tdisplay: flex;\n\t\tgap: 10px;\n\t\talign-items: flex-start;\n\t\tpadding: 14px 16px;\n\t\tbackground: rgba(201, 162, 75, .05);\n\t\tborder: 1px solid var(--line);\n\t\tborder-radius: var(--radius-sm);\n\t\tfont-size: 12px;\n\t\tcolor: var(--text-dim);\n\t}\n\n\t.id-note svg {\n\t\tflex-shrink: 0;\n\t\tcolor: var(--gold-2);\n\t\tmargin-top: 1px;\n\t}\n\n\t\/* ---- extend warranty upsell card ---- *\/\n\t.extend-card {\n\t\tmargin-top: 16px;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tborder: 1px solid var(--line);\n\t\tborder-radius: var(--radius);\n\t\tbackground: linear-gradient(150deg, rgba(201, 162, 75, .09), rgba(201, 162, 75, .015) 60%), var(--panel);\n\t\tpadding: 18px 18px 20px;\n\t}\n\n\t.extend-card::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: -40%;\n\t\tright: -15%;\n\t\twidth: 220px;\n\t\theight: 220px;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(circle, rgba(240, 211, 131, .16), transparent 70%);\n\t\tpointer-events: none;\n\t}\n\n\t.extend-card-top {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 10px;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t.extend-card-badge {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tfont-size: 10px;\n\t\tfont-weight: 700;\n\t\tletter-spacing: .1em;\n\t\ttext-transform: uppercase;\n\t\tcolor: #241b06;\n\t\tbackground: linear-gradient(135deg, var(--gold-1), var(--gold-2));\n\t\tpadding: 5px 10px;\n\t\tborder-radius: 999px;\n\t}\n\n\t.extend-card-icon {\n\t\twidth: 38px;\n\t\theight: 38px;\n\t\tborder-radius: 10px;\n\t\tflex-shrink: 0;\n\t\tbackground: linear-gradient(145deg, rgba(240, 211, 131, .16), rgba(201, 162, 75, .05));\n\t\tborder: 1px solid var(--line);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: var(--gold-1);\n\t}\n\n\t.extend-card h4 {\n\t\tfont-family: var(--serif);\n\t\tfont-size: 15.5px;\n\t\tfont-weight: 600;\n\t\tcolor: var(--text);\n\t\tmargin: 14px 0 4px;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t.extend-card p {\n\t\tfont-size: 12px;\n\t\tcolor: var(--text-dim);\n\t\tline-height: 1.55;\n\t\tmax-width: 340px;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t.extend-card-foot {\n\t\tmargin-top: 14px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 14px;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tflex-wrap: wrap;\n\t}\n\n\t.extend-card-price {\n\t\tfont-size: 11.5px;\n\t\tcolor: var(--text-faint);\n\t}\n\n\t.extend-card-price strong {\n\t\tcolor: var(--gold-1);\n\t\tfont-size: 13px;\n\t}\n\n\t.extend-card-price .price-tag {\n\t\tfont-size: 15px;\n\t\tfont-weight: 700;\n\t}\n\n\t.extend-toggle {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 9px;\n\t\tfont-size: 11.5px;\n\t\tfont-weight: 600;\n\t\tletter-spacing: .04em;\n\t\tcolor: var(--gold-1);\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t}\n\n\t.extend-toggle input {\n\t\tposition: absolute;\n\t\topacity: 0;\n\t\twidth: 0;\n\t\theight: 0;\n\t}\n\n\t.extend-toggle .switch {\n\t\twidth: 38px;\n\t\theight: 22px;\n\t\tborder-radius: 999px;\n\t\tbackground: var(--panel-2);\n\t\tborder: 1px solid var(--line);\n\t\tposition: relative;\n\t\ttransition: .2s;\n\t}\n\n\t.extend-toggle .switch::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 2px;\n\t\tleft: 2px;\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tborder-radius: 50%;\n\t\tbackground: var(--text-dim);\n\t\ttransition: .2s;\n\t}\n\n\t.extend-toggle input:checked+.switch {\n\t\tbackground: linear-gradient(135deg, var(--gold-2), var(--gold-1));\n\t\tborder-color: var(--gold-1);\n\t}\n\n\t.extend-toggle input:checked+.switch::after {\n\t\tleft: 18px;\n\t\tbackground: #1a1305;\n\t}\n\n\t.btn-buy-now {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 10px;\n\t\twidth: 100%;\n\t\tpadding: 15px 20px;\n\t\tmargin-top: 14px;\n\t\tbackground: linear-gradient(135deg, var(--gold-1), var(--gold-3));\n\t\tcolor: #231a06;\n\t\tfont-weight: 700;\n\t\tfont-size: 13px;\n\t\tletter-spacing: .12em;\n\t\ttext-transform: uppercase;\n\t\tborder: none;\n\t\tborder-radius: var(--radius-sm);\n\t\tbox-shadow: 0 10px 24px -10px rgba(201, 162, 75, .5);\n\t}\n\n\t\/* ---- step 2 review ---- *\/\n\t.review-wrap {\n\t\tmax-width: 520px;\n\t\tmargin: 0 auto;\n\t}\n\n\t.review-actions {\n\t\tdisplay: flex;\n\t\tgap: 12px;\n\t\tmargin-top: 20px;\n\t}\n\n\t.review-actions .btn-ghost,\n\t.review-actions .btn-gold {\n\t\tmargin-top: 0;\n\t}\n\n\t\/* ---- step 3 seal ---- *\/\n\t.seal-stage {\n\t\ttext-align: center;\n\t\tpadding: 20px 0 8px;\n\t}\n\n\t.seal-stage p.desc {\n\t\tcolor: var(--text-dim);\n\t\tfont-size: 13.5px;\n\t\tmax-width: 340px;\n\t\tmargin: 8px auto 34px;\n\t}\n\n\t\/* seal ring: perfect circle, always concentric with the seal *\/\n\t.press-wrap {\n\t\tposition: relative;\n\t\twidth: 230px;\n\t\theight: 230px;\n\t\taspect-ratio: 1\/1;\n\t\tmargin: 0 auto;\n\t\ttouch-action: none;\n\t}\n\n\t.press-ring {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: block;\n\t\tpointer-events: none;\n\t\toverflow: visible;\n\t}\n\n\t.press-ring circle {\n\t\tfill: none;\n\t\tstroke-width: 3;\n\t}\n\n\t.press-ring .track {\n\t\tstroke: rgba(255, 255, 255, .06);\n\t}\n\n\t.press-ring .fill {\n\t\tstroke: var(--gold-1);\n\t\tstroke-linecap: round;\n\t\ttransition: stroke-dashoffset .05s linear;\n\t\ttransform: rotate(-90deg);\n\t\ttransform-origin: 50% 50%;\n\t}\n\n\t.press-target {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding: 22px;\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\tborder-radius: 50%;\n\t\ttouch-action: none;\n\t\t-webkit-touch-callout: none;\n\t\t-webkit-user-select: none;\n\t\tuser-select: none;\n\t\t-webkit-tap-highlight-color: transparent;\n\t}\n\n\t.press-target .seal-mount {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttransition: transform .15s;\n\t\tpointer-events: none;\n\t}\n\n\t.press-target:active .seal-mount,\n\t.press-target.pressing .seal-mount {\n\t\ttransform: scale(.94);\n\t}\n\n\t.press-target.activated .seal-mount {\n\t\tanimation: sealPop .6s ease;\n\t}\n\n\t@keyframes sealPop {\n\t\t0% {\n\t\t\ttransform: scale(.94);\n\t\t}\n\n\t\t40% {\n\t\t\ttransform: scale(1.12);\n\t\t}\n\n\t\t100% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\n\t.hold-hint {\n\t\tmargin-top: 20px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 8px;\n\t\tfont-size: 12.5px;\n\t\tcolor: var(--gold-1);\n\t}\n\n\t\/* ---- BLINKING HINT TEXT (Press & hold for 2 seconds) ---- *\/\n\t@keyframes hintBlink {\n\n\t\t0%,\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t50% {\n\t\t\topacity: .18;\n\t\t}\n\t}\n\n\t.hold-hint .blink-text {\n\t\tanimation: hintBlink 1.1s ease-in-out infinite;\n\t\twill-change: opacity;\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.hold-hint .blink-text {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t\/* ---- certificate ---- *\/\n\t.cert-card {\n\t\tborder: 1px solid var(--line);\n\t\tborder-radius: var(--radius);\n\t\tbackground: linear-gradient(160deg, #0c0c0c, #000);\n\t\tpadding: 32px 30px 30px;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tbox-shadow: 0 20px 44px -20px rgba(0, 0, 0, .75), inset 0 1px 0 rgba(255, 255, 255, .03);\n\t}\n\n\t.cert-card::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder: 1px solid rgba(201, 162, 75, .25);\n\t\tmargin: 10px;\n\t\tborder-radius: 8px;\n\t\tpointer-events: none;\n\t}\n\n\t.cert-card::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\theight: 3px;\n\t\tbackground: linear-gradient(90deg, transparent, var(--gold-2), var(--gold-1), var(--gold-2), transparent);\n\t}\n\n\t.cert-watermark {\n\t\tposition: absolute;\n\t\tright: -30px;\n\t\tbottom: -40px;\n\t\tfont-family: var(--serif);\n\t\tfont-weight: 700;\n\t\tfont-size: 120px;\n\t\tcolor: rgba(201, 162, 75, .035);\n\t\tletter-spacing: .02em;\n\t\tpointer-events: none;\n\t\tline-height: 1;\n\t\tuser-select: none;\n\t}\n\n\t.cert-top {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: flex-start;\n\t\tgap: 20px;\n\t\tflex-wrap: wrap;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t.cert-top .logo {\n\t\tfont-size: 27px;\n\t\tmargin-bottom: 4px;\n\t\ttext-align: center;\n        line-height: 22px;\n\t}\n\n\t.cert-right {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: flex-end;\n\t\tgap: 12px;\n\t}\n\n\t.cert-title {\n\t\tfont-family: var(--serif);\n\t\tfont-size: 26px;\n\t\tcolor: var(--gold-1);\n\t\tfont-weight: 700;\n\t\tmargin-top: 14px;\n\t}\n\n\t.cert-title-sub {\n\t\tfont-size: 11px;\n\t\tletter-spacing: .16em;\n\t\ttext-transform: uppercase;\n\t\tcolor: var(--text-faint);\n\t\tmargin-top: 4px;\n\t}\n\n\t.qr-box {\n\t\ttext-align: center;\n\t}\n\n\t.qr-box .qr {\n\t\twidth: 88px;\n\t\theight: 88px;\n\t\tbackground: #f4efe4;\n\t\tborder-radius: 6px;\n\t\tpadding: 6px;\n\t\tmargin: auto;\n\t}\n\n\t.qr-box small {\n\t\tdisplay: block;\n\t\tmargin-top: 6px;\n\t\tfont-size: 9.5px;\n\t\tletter-spacing: .08em;\n\t\tcolor: var(--text-faint);\n\t\tline-height: 1.5;\n\t}\n\n\t.qr-box small b {\n\t\tcolor: var(--gold-1);\n\t\tletter-spacing: .1em;\n\t}\n\n\t.cert-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t\tgap: 22px 26px;\n\t\tmargin: 26px 0 20px;\n\t\tpadding-top: 22px;\n\t\tborder-top: 1px solid var(--line-soft);\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t\/* on desktop the warranty wrapper is transparent to the grid,\n\t   so the 3x3 desktop layout stays exactly as before *\/\n\t.cert-warranty-group {\n\t\tdisplay: contents;\n\t}\n\n\t.cert-grid .cg-item {\n\t\tpadding-left: 12px;\n\t\tborder-left: 2px solid var(--line);\n\t}\n\n\t.cert-grid .cg-item small {\n\t\tdisplay: block;\n\t\tfont-size: 10px;\n\t\tletter-spacing: .1em;\n\t\tcolor: var(--text-faint);\n\t\tmargin-bottom: 6px;\n\t}\n\n\t.cert-grid .cg-item strong {\n\t\tfont-size: 15px;\n\t\tcolor: var(--text);\n\t\tfont-weight: 600;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tflex-wrap: wrap;\n\t\tword-break: break-word;\n\t}\n\n\t.cert-extended-tag {\n\t\tfont-size: 8.5px;\n\t\tfont-weight: 700;\n\t\tletter-spacing: .08em;\n\t\ttext-transform: uppercase;\n\t\tcolor: #241b06;\n\t\tbackground: linear-gradient(135deg, var(--gold-1), var(--gold-2));\n\t\tpadding: 2.5px 7px;\n\t\tborder-radius: 999px;\n\t}\n\n\t.cert-sign {\n\t\tdisplay: flex;\n\t\talign-items: flex-end;\n\t\tjustify-content: space-between;\n\t\tmargin-top: 6px;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t.cert-sign .sig-img {\n\t\theight: 46px;\n\t\twidth: auto;\n\t\tdisplay: block;\n\t\tmargin-bottom: 2px;\n\t\tfilter: drop-shadow(0 1px 1px rgba(0, 0, 0, .3));\n\t}\n\n\t.cert-sign small {\n\t\tdisplay: block;\n\t\tfont-size: 9.5px;\n\t\tcolor: var(--text-faint);\n\t\tmargin-top: 4px;\n\t\tletter-spacing: .05em;\n\t}\n\n\t.cert-actions {\n\t\tdisplay: flex;\n\t\tgap: 12px;\n\t\tmargin-top: 26px;\n\t\tflex-wrap: wrap;\n\t}\n\n\t.cert-actions button,\n\t.cert-actions a {\n\t\tflex: 1;\n\t\tmin-width: 170px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 8px;\n\t\tpadding: 13px 16px;\n\t\tborder-radius: var(--radius-sm);\n\t\tfont-size: 11.5px;\n\t\tletter-spacing: .08em;\n\t\ttext-transform: uppercase;\n\t\tfont-weight: 600;\n\t\tborder: 1px solid var(--line);\n\t\tcolor: var(--text-dim);\n\t\tbackground: transparent;\n\t}\n\n\t.cert-actions .primary {\n\t\tbackground: linear-gradient(135deg, var(--gold-1), var(--gold-3));\n\t\tcolor: #231a06;\n\t\tborder: none;\n\t}\n\n\t\/* ---- complete ---- *\/\n\t.complete-wrap {\n\t\ttext-align: center;\n\t\tmax-width: 460px;\n\t\tmargin: 10px auto 0;\n\t}\n\n\t.complete-wrap .seal-mount {\n\t\twidth: 110px;\n\t\tmargin: 18px auto 22px;\n\t}\n\n\t.complete-wrap h2 {\n\t\tfont-family: var(--serif);\n\t\tfont-size: 28px;\n\t\tcolor: var(--gold-1);\n\t\tmargin-bottom: 10px;\n\t}\n\n\t.complete-wrap p {\n\t\tcolor: var(--text-dim);\n\t\tfont-size: 14px;\n\t\tmargin-bottom: 28px;\n\t}\n\n\t.care-banner {\n\t\tmargin-top: 56px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 24px;\n\t\tjustify-content: space-between;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tbackground: radial-gradient(500px 200px at 90% 0%, rgba(240, 211, 131, .08), transparent 70%), linear-gradient(135deg, var(--panel), #050505);\n\t\tborder: 1px solid var(--line-soft);\n\t\tborder-left: 2px solid var(--gold-2);\n\t\tborder-radius: var(--radius);\n\t\tpadding: 26px 30px;\n\t\tflex-wrap: wrap;\n\t}\n\n\t.care-banner .left {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 20px;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t.care-banner .thumb {\n\t\twidth: 60px;\n\t\theight: 60px;\n\t\tborder-radius: 12px;\n\t\tflex-shrink: 0;\n\t\tbackground: linear-gradient(150deg, rgba(240, 211, 131, .16), rgba(0, 0, 0, 0));\n\t\tborder: 1px solid var(--line);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: var(--gold-1);\n\t}\n\n\t.care-banner h4 {\n\t\tfont-size: 13px;\n\t\tletter-spacing: .08em;\n\t\tcolor: var(--gold-1);\n\t\tmargin-bottom: 5px;\n\t}\n\n\t.care-banner p {\n\t\tfont-size: 12.5px;\n\t\tcolor: var(--text-faint);\n\t\tmax-width: 360px;\n\t}\n\n\t.care-banner .btn-outline-gold {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t.toast {\n\t\tposition: fixed;\n\t\tbottom: 26px;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%) translateY(20px);\n\t\tbackground: #111111;\n\t\tborder: 1px solid var(--line);\n\t\tcolor: var(--text);\n\t\tpadding: 14px 20px;\n\t\tborder-radius: 10px;\n\t\tfont-size: 13px;\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t\ttransition: .3s;\n\t\tz-index: 100;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tbox-shadow: 0 10px 30px rgba(0, 0, 0, .5);\n\t}\n\n\t.toast.show {\n\t\topacity: 1;\n\t\ttransform: translateX(-50%) translateY(0);\n\t}\n\n\t@media print {\n\t\t@page {\n\t\t\tsize: A4 landscape;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\thtml,\n\t\tbody {\n\t\t\twidth: 297mm;\n\t\t\theight: 210mm;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tbackground: #000 !important;\n\t\t}\n\n\t\t#certCard {\n\t\t\twidth: 1000px !important;\n\t\t\theight: 560px !important;\n\t\t\tmargin: 0 auto !important;\n\t\t\toverflow: hidden !important;\n\t\t\tpage-break-inside: avoid !important;\n\t\t\tbreak-inside: avoid !important;\n\t\t\t-webkit-print-color-adjust: exact !important;\n\t\t\tprint-color-adjust: exact !important;\n\t\t\tbackground: linear-gradient(160deg, #0c0c0c, #000) !important;\n\t\t\tborder: 1px solid rgba(201, 162, 75, .35) !important;\n\t\t}\n\n\t\t#certCard .cert-grid {\n\t\t\tgrid-template-columns: repeat(3, 1fr) !important;\n\t\t}\n\n\t\t#certCard .cert-warranty-group {\n\t\t\tdisplay: contents !important;\n\t\t\tborder: none !important;\n\t\t\tpadding: 0 !important;\n\t\t\tmargin: 0 !important;\n\t\t}\n\n\t\t#certCard .cert-actions {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n\n\t\/* ================= MOBILE-SPECIFIC ADJUSTMENTS ================= *\/\n\t@media(max-width:860px) {\n\n\t\t.preview-panel {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t#idCardPreviewWrap {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t@media(max-width:640px) {\n\t\tmain {\n\t\t\tpadding: 18px 4% 60px;\n\t\t}\n\n\t\t.panel {\n\t\t\tpadding: 20px;\n\t\t}\n\n\t\t.panel-head h2 {\n\t\t\tfont-size: 19px;\n\t\t}\n\n\t\t.id-card-body {\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t}\n\n\t\t.seat-illustration {\n\t\t\twidth: 90px;\n\t\t\tmargin-top: 10px;\n\t\t\talign-self: center;\n\t\t}\n\n\t\t#interiorImage {\n\t\t\talign-self: center;\n\t\t\tmargin-top: 10px;\n\t\t}\n\n\t\t.id-card-feats {\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t}\n\n\t\t.id-card-feats div {\n\t\t\tborder-bottom: 1px solid var(--line-soft);\n\t\t}\n\n\t\t.id-card-feats div:nth-child(2n) {\n\t\t\tborder-right: none;\n\t\t}\n\n\t\t.cert-card {\n\t\t\tpadding: 22px 16px 20px;\n\t\t}\n\n\t\t.cert-top {\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t\/* ---- 2 logos: same size, single row ---- *\/\n\t\t.cert-right {\n\/* \t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-start;\n\t\t\tgap: 18px;\n\t\t\twidth: 100%; *\/\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 50px;\n    width: 100%;\n\t\t}\n\n\t\t.cert-right .rp-mark {\n\t\t\talign-items: center;\n\t\t}\n\n\t\t.cert-right .rp-mark .rp-logo-img {\n\t\t\theight: 84px !important;\n\t\t\twidth: auto;\n\t\t}\n\n\t\t.cert-right .qr-box .qr {\n\t\t\twidth: 84px;\n\t\t\theight: 84px;\n\t\t}\n\n\t\t\/* ---- MOBILE CERT ORDER ----\n\t\t   1 CUSTOMER NAME   2 DESIGN\n\t\t   3 CAR MODEL       4 COLOUR\n\t\t   5 CAR NUMBER      6 QUALITY \/ RANGE\n\t\t   then warranty block in its own grid *\/\n\t\t.cert-grid {\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t\tgap: 18px 16px;\n\t\t}\n\n\t\t.cg-name {\n\t\t\torder: 1;\n\t\t}\n\n\t\t.cg-design {\n\t\t\torder: 2;\n\t\t}\n\n\t\t.cg-car {\n\t\t\torder: 3;\n\t\t}\n\n\t\t.cg-colour {\n\t\t\torder: 4;\n\t\t}\n\n\t\t.cg-regno {\n\t\t\torder: 5;\n\t\t}\n\n\t\t.cg-quality {\n\t\t\torder: 6;\n\t\t}\n\n\t\t.cert-warranty-group {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(3, 1fr);\n\t\t\tgap: 14px 10px;\n\t\t\tgrid-column: 1 \/ -1;\n\t\t\torder: 10;\n\t\t\tmargin-top: 4px;\n\t\t\tpadding-top: 18px;\n\t\t\tborder-top: 1px solid var(--line-soft);\n\t\t}\n\n\t\t.cert-sign {\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t\tgap: 14px;\n\t\t}\n\n\t\t.cert-actions button,\n\t\t.cert-actions a {\n\t\t\tmin-width: 100%;\n\t\t\tflex: none;\n\t\t}\n\n\t\t.care-banner {\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t\tpadding: 20px;\n\t\t}\n\n\t\t.review-actions {\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t.press-wrap {\n\t\t\twidth: 190px;\n\t\t\theight: 190px;\n\t\t}\n\n\t\t.press-target {\n\t\t\tpadding: 17px;\n\t\t}\n\t}\n\n\t@media(max-width:400px) {\n\t\t.id-card-feats {\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t}\n\t}\n\t<\/style>\n\n\t<style>\n\t.seat-preview {\n\t\twidth: 120px;\n\t\theight: 140px;\n\t\tposition: relative;\n\t}\n\n\t.seat-illustration {\n\t\twidth: 120px;\n\t\theight: 140px;\n\t\tdisplay: block;\n\t}\n\n\t#interiorImage {\n\t\twidth: 120px;\n\t\theight: 140px;\n\t\tobject-fit: contain;\n\t\tdisplay: none;\n\t}\n\t<\/style>\n\n\t<!-- ============================================================\n\t     FINAL OVERRIDE PATCH \u2014 custom dropdown, mobile, hovers, seal\n\t============================================================ -->\n\t<style>\n\t\/* ---------- A. CUSTOM DROPDOWN (replaces native OS picker) ---------- *\/\n\t.cc-select {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t}\n\n\t\/* native select stays in the DOM for form logic, but is hidden *\/\n\t.cc-select-native {\n\t\tposition: absolute !important;\n\t\topacity: 0 !important;\n\t\tpointer-events: none !important;\n\t\twidth: 100% !important;\n\t\theight: 100% !important;\n\t\tleft: 0 !important;\n\t\ttop: 0 !important;\n\t\tz-index: -1 !important;\n\t}\n\n\t.cc-select-btn {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 10px;\n\t\tbackground: #050505 !important;\n\t\tborder: 1px solid var(--line-soft) !important;\n\t\tcolor: var(--text) !important;\n\t\tpadding: 12px 14px !important;\n\t\tborder-radius: var(--radius-sm);\n\t\tfont-family: var(--sans);\n\t\tfont-size: 14px;\n\t\tfont-weight: 400;\n\t\tline-height: 1.35;\n\t\ttext-align: left;\n\t\ttext-transform: none;\n\t\tletter-spacing: 0;\n\t}\n\n\t.cc-select-label {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n\n\t.cc-select-label.is-placeholder {\n\t\tcolor: var(--text-faint);\n\t}\n\n\t.cc-caret {\n\t\twidth: 12px;\n\t\theight: 8px;\n\t\tflex-shrink: 0;\n\t\tbackground: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c9a24b' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\") no-repeat center;\n\t\ttransition: transform .18s ease;\n\t}\n\n\t.cc-select.open .cc-caret {\n\t\ttransform: rotate(180deg);\n\t}\n\n\t.cc-select-list {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t\ttop: calc(100% + 6px);\n\t\tz-index: 70;\n\t\tbackground: #0a0a0a;\n\t\tborder: 1px solid var(--line);\n\t\tborder-radius: var(--radius-sm);\n\t\tbox-shadow: 0 18px 34px -14px rgba(0, 0, 0, .85);\n\t\tmax-height: 240px;\n\t\toverflow-y: auto;\n\t\tdisplay: none;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n\n\t.cc-select.open .cc-select-list {\n\t\tdisplay: block;\n\t}\n\n\t.cc-select-item {\n\t\tpadding: 10px 14px;\n\t\tfont-size: 13px;\n\t\tline-height: 1.35;\n\t\tcolor: var(--text-dim);\n\t\tborder-bottom: 1px solid var(--line-soft);\n\t\tcursor: pointer;\n\t}\n\n\t.cc-select-item:last-child {\n\t\tborder-bottom: none;\n\t}\n\n\t.cc-select-item.selected {\n\t\tcolor: var(--gold-1);\n\t\tbackground: rgba(201, 162, 75, .07);\n\t}\n\n\t.cc-select-item:hover,\n\t.cc-select-item:focus {\n\t\tcolor: var(--gold-1) !important;\n\t\tbackground: rgba(201, 162, 75, .06) !important;\n\t}\n\n\t.cc-select-btn:hover,\n\t.cc-select-btn:focus {\n\t\tbackground: #050505 !important;\n\t\tcolor: var(--text) !important;\n\t\tborder-color: var(--gold-3) !important;\n\t\tbox-shadow: none !important;\n\t\ttransform: none !important;\n\t}\n\n\t\/* ---------- B. EMPTY PREVIEW BOX FIX ---------- *\/\n\t@media (max-width:860px) {\n\n\t\t.preview-panel {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t.grid-2 {\n\t\t\tgap: 0 !important;\n\t\t}\n\t}\n\n\t\/* ---------- C. MOBILE FIELD SIZING ---------- *\/\n\t@media (max-width:640px) {\n\n\t\t.field label {\n\t\t\tfont-size: 11.5px;\n\t\t}\n\n\t\t.field input[type=text],\n\t\t.field input[type=date] {\n\t\t\tfont-size: 13px !important;\n\t\t\tpadding: 11px 12px !important;\n\t\t\tline-height: 1.35;\n\t\t}\n\n\t\t\/* field box text = 14px on mobile *\/\n\t\t.cc-select-btn {\n\t\t\tfont-size: 14px !important;\n\t\t\tpadding: 11px 12px !important;\n\t\t}\n\n\t\t\/* dropdown list text = smaller *\/\n\t\t.cc-select-item {\n\t\t\tfont-size: 12.5px !important;\n\t\t\tpadding: 9px 12px !important;\n\t\t}\n\n\t\t.cc-select-list {\n\t\t\tmax-height: 210px;\n\t\t}\n\n\t\t.panel-head h2 {\n\t\t\tfont-size: 17px;\n\t\t}\n\n\t\t.panel-head p {\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.logo {\n\t\t\tfont-size: 25px;\n\t\t}\n\n\t\t.id-card-top .logo {\n\t\t\tfont-size: 20px;\n\t\t}\n\n\t\t.cert-top .logo {\n\t\t\tfont-size: 24px;\n\t\t}\n\n\t\t.logo small {\n\t\t\tfont-size: 8px;\n\t\t\tletter-spacing: .1em;\n\t\t}\n\n\t\t.rp-mark .rp-badge {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tfont-size: 18px;\n\t\t}\n\n\t\t.rp-mark .rp-text b {\n\t\t\tfont-size: 17px;\n\t\t}\n\n\t\t.rp-mark .rp-logo-img {\n\t\t\theight: 42px;\n\t\t}\n\n\t\t\/* certificate: both marks stay equal + in one row *\/\n\t\t.cert-right .rp-mark .rp-logo-img {\n\t\t\theight: 84px !important;\n\t\t}\n\n\t\t.spec-chip strong {\n\t\t\tfont-size: 11px;\n\t\t}\n\n\t\t.spec-chip small {\n\t\t\tfont-size: 8px;\n\t\t}\n\n\t\t.cert-title {\n\t\t\tfont-size: 21px;\n\t\t}\n\n\t\t.cert-grid .cg-item strong {\n\t\t\tfont-size: 13.5px;\n\t\t}\n\n\t\t.qr-box .qr {\n\t\t\twidth: 74px;\n\t\t\theight: 74px;\n\t\t}\n\n\t\t.cert-right .qr-box .qr {\n\t\t\twidth: 84px;\n\t\t\theight: 84px;\n\t\t}\n\t}\n\n\t@media (max-width:400px) {\n\n\t\t.field input[type=text],\n\t\t.field input[type=date] {\n\t\t\tfont-size: 12.5px !important;\n\t\t}\n\n\t\t.cc-select-btn {\n\t\t\tfont-size: 14px !important;\n\t\t}\n\n\t\t.cc-select-item {\n\t\t\tfont-size: 12px !important;\n\t\t}\n\n\t\t.cert-grid {\n\t\t\tgrid-template-columns: 1fr 1fr;\n\t\t\tgap: 16px 12px;\n\t\t}\n\n\t\t.cert-warranty-group {\n\t\t\tgap: 12px 8px;\n\t\t\tpadding-top: 16px;\n\t\t}\n\n\t\t.cert-grid .cg-item {\n\t\t\tpadding-left: 9px;\n\t\t}\n\n\t\t.cert-grid .cg-item small {\n\t\t\tfont-size: 9px;\n\t\t\tletter-spacing: .06em;\n\t\t}\n\n\t\t.cert-grid .cg-item strong {\n\t\t\tfont-size: 12.5px;\n\t\t}\n\n\t\t.cert-warranty-group .cg-item small {\n\t\t\tfont-size: 8px;\n\t\t}\n\n\t\t.cert-warranty-group .cg-item strong {\n\t\t\tfont-size: 11.5px;\n\t\t}\n\n\t\t.cert-extended-tag {\n\t\t\tfont-size: 7.5px;\n\t\t\tpadding: 2px 5px;\n\t\t}\n\n\t\t.logo {\n\t\t\tfont-size: 23px;\n\t\t}\n\n\t\t.id-card-top .logo {\n\t\t\tfont-size: 18px;\n\t\t}\n\n\t\t\n\t\t.cert-top .logo {\n\t\t\tfont-size: 22px;\n\t\t}\n\n\t\t.logo small {\n\t\t\tfont-size: 7.5px;\n\t\t\tletter-spacing: .08em;\n\t\t}\n\n\t\t.id-card-top {\n\t\t\tgap: 10px;\n\t\t}\n\n\t\t.rp-mark .rp-text {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.rp-mark .rp-logo-img {\n\t\t\theight: 36px;\n\t\t}\n\n\t\t\/* certificate marks stay equal on very small screens too *\/\n\t\t.cert-right {\n\t\t\tgap: 14px;\n\t\t}\n\n\t\t.cert-right .rp-mark .rp-logo-img {\n\t\t\theight: 72px !important;\n\t\t}\n\n\t\t.cert-right .qr-box .qr {\n\t\t\twidth: 72px;\n\t\t\theight: 72px;\n\t\t}\n\t}\n\n\t\/* ---------- D. ALL BUTTONS \u2192 TRANSPARENT ON HOVER ---------- *\/\n\t.btn-gold,\n\t.btn-buy-now,\n\t.cert-actions .primary {\n\t\tborder: 1px solid transparent !important;\n\t\ttransition: background .22s ease, color .22s ease, border-color .22s ease !important;\n\t}\n\n\t.btn-gold:hover,\n\t.btn-gold:focus,\n\t.btn-gold:active,\n\t.btn-buy-now:hover,\n\t.btn-buy-now:focus,\n\t.btn-buy-now:active,\n\t.cert-actions .primary:hover,\n\t.cert-actions .primary:focus,\n\t.cert-actions .primary:active {\n\t\tbackground: transparent !important;\n\t\tbackground-image: none !important;\n\t\tcolor: var(--gold-1) !important;\n\t\tborder: 1px solid var(--gold-2) !important;\n\t\tbox-shadow: none !important;\n\t\tfilter: none !important;\n\t\ttransform: none !important;\n\t\ttext-decoration: none !important;\n\t}\n\n\t.btn-ghost:hover,\n\t.btn-ghost:focus,\n\t.btn-ghost:active,\n\t.btn-outline-gold:hover,\n\t.btn-outline-gold:focus,\n\t.btn-outline-gold:active,\n\t.cert-actions button:hover,\n\t.cert-actions button:focus,\n\t.cert-actions a:hover,\n\t.cert-actions a:focus {\n\t\tbackground: transparent !important;\n\t\tbackground-image: none !important;\n\t\tcolor: var(--gold-1) !important;\n\t\tborder-color: var(--gold-2) !important;\n\t\tbox-shadow: none !important;\n\t\ttransform: none !important;\n\t\ttext-decoration: none !important;\n\t}\n\n\t.btn-gold:disabled,\n\t.btn-gold:disabled:hover,\n\t.btn-gold:disabled:focus {\n\t\tbackground: linear-gradient(135deg, var(--gold-1), var(--gold-3)) !important;\n\t\tcolor: #231a06 !important;\n\t\tborder-color: transparent !important;\n\t\topacity: .4 !important;\n\t\tcursor: not-allowed !important;\n\t}\n\n\t.upload-row:hover,\n\t.upload-row:focus {\n\t\tborder-color: var(--line) !important;\n\t}\n\n\t.upload-row.filled:hover,\n\t.upload-row.filled:focus {\n\t\tborder-color: rgba(111, 207, 151, .35) !important;\n\t}\n\n\t.step-circle:hover,\n\t.step-circle:focus {\n\t\tbox-shadow: none !important;\n\t\ttransform: none !important;\n\t}\n\n\t.step-item.active .step-circle:hover,\n\t.step-item.active .step-circle:focus {\n\t\tbox-shadow: 0 0 0 4px rgba(201, 162, 75, .15) !important;\n\t}\n\n\t.extend-toggle:hover,\n\t.extend-toggle:focus {\n\t\tcolor: var(--gold-1) !important;\n\t}\n\n\t\/* ---------- E. SEAL IMAGE \u2192 GOLD (step 3 + step 5) ---------- *\/\n\t.seal-mount img {\n\t\tfilter:\n\t\t\tgrayscale(1)\n\t\t\tsepia(1)\n\t\t\tsaturate(2.2)\n\t\t\thue-rotate(-4deg)\n\t\t\tbrightness(.92)\n\t\t\tcontrast(1.02)\n\t\t\tdrop-shadow(0 14px 28px rgba(0, 0, 0, .55)) !important;\n\t}\n\n\t.press-target.activated .seal-mount img {\n\t\tfilter:\n\t\t\tgrayscale(1)\n\t\t\tsepia(1)\n\t\t\tsaturate(2.2)\n\t\t\thue-rotate(-4deg)\n\t\t\tbrightness(1)\n\t\t\tcontrast(1.02)\n\t\t\tdrop-shadow(0 0 20px rgba(201, 162, 75, .45)) !important;\n\t}\n\n\t\t.press-wrap button.press-target:hover {\n    background-color: #d8b26a24;\n}\n\ta:hover,\n\ta:focus,\n\tbutton:hover,\n\tbutton:focus {\n\t\ttext-decoration: none !important;\n\t\toutline: none !important;\n\t}\n\t<\/style>\n<\/head>\n\n<body>\n\t<div class=\"stepper-wrap\">\n\t\t<div class=\"stepper\" id=\"stepper\">\n\t\t\t<div class=\"step-item\" data-step-nav=\"1\">\n\t\t\t\t<div class=\"step-connector\"><\/div>\n\t\t\t\t<div class=\"step-circle\">1<\/div>\n\t\t\t\t<div class=\"step-label\">Your Details<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"step-item\" data-step-nav=\"2\">\n\t\t\t\t<div class=\"step-connector\"><\/div>\n\t\t\t\t<div class=\"step-circle\">2<\/div>\n\t\t\t\t<div class=\"step-label\">Your Design<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"step-item\" data-step-nav=\"3\">\n\t\t\t\t<div class=\"step-connector\"><\/div>\n\t\t\t\t<div class=\"step-circle\">3<\/div>\n\t\t\t\t<div class=\"step-label\">Seal &amp; Confirm<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"step-item\" data-step-nav=\"4\">\n\t\t\t\t<div class=\"step-connector\"><\/div>\n\t\t\t\t<div class=\"step-circle\">4<\/div>\n\t\t\t\t<div class=\"step-label\">Certificate<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"step-item\" data-step-nav=\"5\">\n\t\t\t\t<div class=\"step-connector\"><\/div>\n\t\t\t\t<div class=\"step-circle\">5<\/div>\n\t\t\t\t<div class=\"step-label\">Complete<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"custom-main\">\n\t\t<main>\n\t\t\t<section class=\"step-panel active\" data-step=\"1\">\n\t\t\t\t<div class=\"grid-2\">\n\t\t\t\t\t<div class=\"panel\">\n\t\t\t\t\t\t<div class=\"panel-head\">\n\t\t\t\t\t\t\t<h2>1. Your Interior Identity<\/h2>\n\t\t\t\t\t\t\t<p>Let's create your interior identity card.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<form id=\"detailsForm\" novalidate>\n\t\t\t\t\t\t\t<div class=\"field\"> <label><span class=\"fico\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"8\" r=\"4\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M4 21c0-4 3.6-7 8-7s8 3 8 7\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>Full Name<\/label> <input type=\"text\" id=\"fullName\" placeholder=\"e.g. Ayush Rathi\" required> <\/div>\n\t\t\t\t\t\t\t<div class=\"field\"> <label><span class=\"fico\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M3 13l1.5-4.5A2 2 0 0 1 6.4 7h11.2a2 2 0 0 1 1.9 1.5L21 13\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\"2\" y=\"13\" width=\"20\" height=\"6\" rx=\"1.5\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"7\" cy=\"19\" r=\"1.3\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"17\" cy=\"19\" r=\"1.3\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>Car Model<\/label> <select id=\"carModel\" required>\n\t\t\t\t\t\t\t\t\t<option value=\"\" disabled selected>Select car model<\/option>\n\t\t\t\t\t\t\t\t\t<option>Hyundai Creta<\/option>\n\t\t\t\t\t\t\t\t\t<option>Maruti Suzuki Swift<\/option>\n\t\t\t\t\t\t\t\t\t<option>Tata Nexon<\/option>\n\t\t\t\t\t\t\t\t\t<option>Mahindra XUV700<\/option>\n\t\t\t\t\t\t\t\t\t<option>Kia Seltos<\/option>\n\t\t\t\t\t\t\t\t\t<option>Toyota Fortuner<\/option>\n\t\t\t\t\t\t\t\t\t<option>Honda City<\/option>\n\t\t\t\t\t\t\t\t\t<option>MG Hector<\/option>\n\t\t\t\t\t\t\t\t\t<option>Skoda Kushaq<\/option>\n\t\t\t\t\t\t\t\t\t<option>Volkswagen Taigun<\/option>\n\t\t\t\t\t\t\t\t\t<option>Other<\/option>\n\t\t\t\t\t\t\t\t<\/select> <\/div>\n\t\t\t\t\t\t\t<div class=\"field\"> <label><span class=\"fico\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M3 10h18\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>Registration Number<\/label> <input type=\"text\" id=\"regNumber\" placeholder=\"e.g. DL 12 AB 3456\" required> <\/div> <input type=\"hidden\" id=\"interiorIdInput\">\n\t\t\t\t\t\t\t<div class=\"field\"> <label><span class=\"fico\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\"3\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\"14\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>Design<\/label> <input type=\"text\" id=\"designInput\" placeholder=\"e.g. D101\" required> <\/div>\n\t\t\t\t\t\t\t<div class=\"field\"> <label><span class=\"fico\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"13.5\" cy=\"6.5\" r=\"1.4\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"18\" cy=\"12\" r=\"1.4\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"14\" cy=\"18\" r=\"1.4\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M12 2a10 10 0 1 0 8.5 15.3c.6-1 .3-2.3-.8-2.7-1.4-.5-2.7.5-4.2.5A5.6 5.6 0 0 1 10 9.5c0-1.6 1-2.9.7-4.3-.3-1.4-1.6-2.3-2.7-2A10 10 0 0 0 12 2Z\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>Colour<\/label> <input type=\"text\" id=\"colourInput\" placeholder=\"e.g. Black With D. Maroon\" required> <\/div>\n\t\t\t\t\t\t\t<div class=\"field\"> <label><span class=\"fico\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"m16 8-8.5 8.5\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>Quality \/ Range<\/label> <select id=\"qualityInput\" required>\n\t\t\t\t\t\t\t\t\t<option value=\"\" disabled selected>Select quality \/ range<\/option>\n\t\t\t\t\t\t\t\t\t<option>Nappa<\/option>\n\t\t\t\t\t\t\t\t\t<option>Eries PU<\/option>\n\t\t\t\t\t\t\t\t\t<option>SuperNova<\/option>\n\t\t\t\t\t\t\t\t\t<option>Ventilo<\/option>\n\t\t\t\t\t\t\t\t<\/select> <\/div>\n\t\t\t\t\t\t\t<div class=\"field\"> <label><span class=\"fico\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M3 9h18M8 2v4M16 2v4\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>Installation Date<\/label> <input type=\"date\" id=\"installDate\" required readonly> <\/div>\n\t\t\t\t\t\t\t<div class=\"field\"> <label><span class=\"fico\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M3 21V9l9-6 9 6v12\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M9 21v-6h6v6\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>Dealer Name<\/label> <input type=\"text\" id=\"installerName\" placeholder=\"e.g. Rathi's Club Class Interiors\" value=\"\" required> <\/div>\n\n\t\t\t\t\t\t\t<div class=\"field\"> <label><span class=\"fico\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M12 21s-7-6.05-7-11.5A7 7 0 0 1 12 2a7 7 0 0 1 7 7.5C19 14.95 12 21 12 21Z\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"9.5\" r=\"2.5\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>City<\/label> <input type=\"text\" id=\"cityInput\" placeholder=\"e.g. New Delhi\" value=\"\" required> <\/div>\n\n\t\t\t\t\t\t\t<div class=\"field\"> <label><span class=\"fico\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M14 2v6h6\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>Upload Invoice <span style=\"color:var(--gold-1);\">*<\/span><\/label> <label class=\"upload-row\" id=\"uploadRow\" for=\"invoiceInput\"> <span class=\"up-left\" id=\"uploadLabel\"> <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M14 2v6h6\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg> <span>Click to upload invoice (PDF, JPG)<\/span> <\/span> <svg class=\"check\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n\t\t\t\t\t\t\t\t\t\t<path d=\"m8 12 3 3 5-6\" \/>\n\t\t\t\t\t\t\t\t\t<\/svg> <\/label> <input type=\"file\" id=\"invoiceInput\" accept=\".pdf,.jpg,.jpeg,.png\" required style=\"display:none\"> <\/div> <button type=\"submit\" class=\"btn-gold\" id=\"saveContinueBtn\" disabled>Save &amp; Continue <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t<path d=\"M5 12h14M13 6l6 6-6 6\" \/>\n\t\t\t\t\t\t\t\t<\/svg> <\/button>\n\t\t\t\t\t\t<\/form>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- preview panel: hidden completely on mobile -->\n\t\t\t\t\t<div class=\"panel preview-panel\">\n\t\t\t\t\t\t<div id=\"idCardPreviewWrap\">\n\t\t\t\t\t\t\t<div class=\"panel-head\">\n\t\t\t\t\t\t\t\t<h2 style=\"font-size:15px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-2);\">Your Interior Identity Card <span style=\"color:var(--text-faint); text-transform:none; letter-spacing:0; font-family:var(--sans); font-size:12px;\">(preview)<\/span><\/h2>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"id-card\">\n\t\t\t\t\t\t\t\t<div class=\"id-card-top\">\n\t\t\t\t\t\t\t\t\t<div class=\"logo\">Rathi's Club Class <span class=\"reg\">&reg;<\/span><small> Interiors<\/small><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"rp-mark\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"rp-logo-img\" src=\"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/freepik_br_c32e73c6-182d-415a-a413-d0fdb0855ebb-1.png\" alt=\"R Promise Assured\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"id-card-body\">\n\t\t\t\t\t\t\t\t\t<div class=\"txt\">\n\t\t\t\t\t\t\t\t\t\t<h3 id=\"prevCar\">YOUR CAR MODEL<\/h3>\n\t\t\t\t\t\t\t\t\t\t<div class=\"spec-chips\"> <span class=\"spec-chip\"><small>DESIGN<\/small><strong id=\"prevDesign\">\u2014<\/strong><\/span> <span class=\"spec-chip\"><small>COLOUR<\/small><strong id=\"prevColour\">\u2014<\/strong><\/span> <span class=\"spec-chip\"><small>QUALITY<\/small><strong id=\"prevQualityBadge\">\u2014<\/strong><\/span> <\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"dealer-city\" id=\"prevDealerCity\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"dc-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dc-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M3 21V9l9-6 9 6v12\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M9 21v-6h6v6\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dc-text\"><span class=\"dc-label\">Dealer Name<\/span><span class=\"dc-value\" id=\"prevInstaller\">\u2014<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"dc-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dc-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M12 21s-7-6.05-7-11.5A7 7 0 0 1 12 2a7 7 0 0 1 7 7.5C19 14.95 12 21 12 21Z\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"9.5\" r=\"2.5\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dc-text\"><span class=\"dc-label\">City<\/span><span class=\"dc-value\" id=\"prevCity\">\u2014<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div> <svg class=\"seat-illustration\" viewBox=\"0 0 120 140\" fill=\"none\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M30 130c-4-14-6-30-4-46 2-18 8-34 22-40 8-3 20-3 28 1 12 6 18 22 20 40 2 16 0 32-4 46\" stroke=\"#8a6f2e\" stroke-width=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t<path d=\"M30 130c-4-14-6-30-4-46 2-18 8-34 22-40 8-3 20-3 28 1 12 6 18 22 20 40 2 16 0 32-4 46\" fill=\"#0a0a0a\" \/>\n\t\t\t\t\t\t\t\t\t\t<rect x=\"34\" y=\"10\" width=\"52\" height=\"46\" rx=\"18\" fill=\"#0d0d0d\" stroke=\"#c9a24b\" stroke-width=\"1\" \/>\n\t\t\t\t\t\t\t\t\t\t<path d=\"M40 60c-3 20-2 42 3 62M80 60c3 20 2 42-3 62\" stroke=\"#c9a24b\" stroke-width=\".7\" opacity=\".6\" \/>\n\t\t\t\t\t\t\t\t\t\t<path d=\"M44 66h32M42 82h36M40 98h40M40 114h40\" stroke=\"#c9a24b\" stroke-width=\".6\" opacity=\".35\" \/>\n\t\t\t\t\t\t\t\t\t\t<circle cx=\"60\" cy=\"33\" r=\"3\" fill=\"#c9a24b\" \/>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" id=\"interiorImage\" src=\"\" alt=\"Interior\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"id-card-feats\">\n\t\t\t\t\t\t\t\t\t<div> <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M12 2 4 5v6c0 5 3.4 9 8 11 4.6-2 8-6 8-11V5l-8-3Z\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg> <span class=\"feat-warranty\">1 YEAR<br>WARRANTY<\/span> <\/div>\n\t\t\t\t\t\t\t\t\t<div> <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M21 16V8a2 2 0 0 0-1-1.7l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.7l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"m3.3 7 8.7 5 8.7-5M12 22V12\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg> <span>PREMIUM<br>MATERIALS<\/span> <\/div>\n\t\t\t\t\t\t\t\t\t<div> <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"8\" r=\"6\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M9 13.5 7 22l5-3 5 3-2-8.5\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg> <span>EXPERT<br>CRAFTSMANSHIP<\/span> <\/div>\n\t\t\t\t\t\t\t\t\t<div> <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"m9 12 2 2 4-4\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/svg> <span>PERFECT FIT<br>GUARANTEE<\/span> <\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"id-note\"> <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n\t\t\t\t\t\t\t\t\t<path d=\"M12 16v-4M12 8h.01\" \/>\n\t\t\t\t\t\t\t\t<\/svg> <span>Please review your details carefully. You can edit anytime before sealing.<\/span> <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/section>\n\n\t\t\t<section class=\"step-panel\" data-step=\"2\">\n\t\t\t\t<div class=\"panel review-wrap\">\n\t\t\t\t\t<div class=\"panel-head\" style=\"text-align:center;\">\n\t\t\t\t\t\t<h2 style=\"font-size:15px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-2); margin-bottom:4px;\">Your Interior Identity Card <span style=\"color:var(--text-faint); text-transform:none; letter-spacing:0; font-family:var(--sans); font-size:12px;\">(preview)<\/span><\/h2>\n\t\t\t\t\t\t<p>This is exactly how your interior identity card will appear on your certificate.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"id-card\" id=\"reviewCardMount\"><\/div>\n\t\t\t\t\t<div class=\"extend-card\">\n\t\t\t\t\t\t<div class=\"extend-card-top\">\n\t\t\t\t\t\t\t<div class=\"extend-card-icon\"> <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n\t\t\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"9\" \/>\n\t\t\t\t\t\t\t\t\t<path d=\"M12 7v5l3.5 2\" \/>\n\t\t\t\t\t\t\t\t<\/svg> <\/div> <span class=\"extend-card-badge\">+1 Year Extended<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<h4>Extend Your Protection<\/h4>\n\t\t\t\t\t\t<p>Add 1 extra year of coverage on top of your 1 year warranty \u2014 total 2 years of protection for your interior.<\/p>\n\t\t\t\t\t\t<div class=\"extend-card-foot\">\n\t\t\t\t\t\t\t<div class=\"extend-card-price\">Add for <strong class=\"price-tag\">&#8377;999<\/strong><br>Extended cover till <strong id=\"extendTillDate\">\u2014<\/strong><\/div> <label class=\"extend-toggle\"> <input type=\"checkbox\" id=\"extendToggle\"> <span class=\"switch\"><\/span> <span id=\"extendToggleLabel\">Add Extension<\/span> <\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<button type=\"button\" class=\"btn-buy-now\" id=\"buyNowBtn\"> <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t<circle cx=\"9\" cy=\"21\" r=\"1\" \/>\n\t\t\t\t\t\t\t\t<circle cx=\"20\" cy=\"21\" r=\"1\" \/>\n\t\t\t\t\t\t\t\t<path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\" \/>\n\t\t\t\t\t\t\t<\/svg> Buy Now &#8377;999 <\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"review-actions\"> <button class=\"btn-ghost\" id=\"editDetailsBtn\" type=\"button\">Edit Details<\/button> <button class=\"btn-gold\" id=\"toSealBtn\" type=\"button\">Continue to Seal <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t<path d=\"M5 12h14M13 6l6 6-6 6\" \/>\n\t\t\t\t\t\t\t<\/svg> <\/button> <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/section>\n\n\t\t\t<section class=\"step-panel\" data-step=\"3\">\n\t\t\t\t<div class=\"panel seal-stage\">\n\t\t\t\t\t<div class=\"panel-head\" style=\"text-align:center;\">\n\t\t\t\t\t\t<h2>3. Seal Your Protection<\/h2>\n\t\t\t\t\t\t<p class=\"desc\">Press and hold the seal to activate your warranty.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"press-wrap\">  <svg class=\"press-ring\" viewBox=\"0 0 240 240\" preserveAspectRatio=\"xMidYMid meet\">\n\t\t\t\t\t\t\t<circle class=\"track\" cx=\"120\" cy=\"120\" r=\"110\"><\/circle>\n\t\t\t\t\t\t\t<circle class=\"fill\" id=\"pressFill\" cx=\"120\" cy=\"120\" r=\"110\" stroke-dasharray=\"691.15\" stroke-dashoffset=\"691.15\"><\/circle>\n\t\t\t\t\t\t<\/svg> \n\t\t\t\t\t\n \n<button class=\"press-target\" id=\"pressTarget\" type=\"button\" aria-label=\"Press and hold to seal\">\n\t\t\t\t\t\t\t<div class=\"seal-mount\" data-seal><\/div>\n\t\t\t\t\t\t<\/button> <\/div>\n\t\t\t\t\t<div class=\"hold-hint\" id=\"holdHint\"> <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t<rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2\" \/>\n\t\t\t\t\t\t\t<path d=\"M8 11V7a4 4 0 0 1 8 0v4\" \/>\n\t\t\t\t\t\t<\/svg> <span class=\"blink-text\">Press &amp; hold for 2 seconds<\/span> <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/section>\n\n\t\t\t<section class=\"step-panel\" data-step=\"4\">\n\t\t\t\t<div class=\"panel-head\" style=\"text-align:center; margin-bottom:20px;\">\n\t\t\t\t\t<h2>4. Activation Complete<\/h2>\n\t\t\t\t\t<p>Your interior is now protected. Your digital warranty certificate is ready.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"cert-card\" id=\"certCard\">\n\t\t\t\t\t<div class=\"cert-watermark\">CC<\/div>\n\t\t\t\t\t<div class=\"cert-top\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<div class=\"logo\">Rathi's Club Class<span class=\"reg\">&reg;<\/span><small> Interiors<\/small><\/div>\n\t\t\t\t\t\t\t<div class=\"cert-title\">Warranty Certificate<\/div>\n\t\t\t\t\t\t\t<div class=\"cert-title-sub\">Official Interior Protection Record<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"cert-right\">\n\t\t\t\t\t\t\t<div class=\"rp-mark\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"rp-logo-img\" src=\"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/ttttttt-2-1.webp\" alt=\"R Promise Assured\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"qr-box\">\n\t\t\t\t\t\t\t\t<div class=\"qr\" id=\"qrMount\"><\/div> <small>SCAN &amp; SHARE YOUR EXPERIENCE<br><b>WIN REWARDS<\/b><\/small>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- DESKTOP ORDER (unchanged):\n\t\t\t\t\t     Name \/ Car Model \/ Car Number \u2192 Warranty \/ Activation \/ Valid Till \u2192 Quality \/ Design \/ Colour\n\t\t\t\t\t     MOBILE ORDER (via CSS order):\n\t\t\t\t\t     Name | Design \u2192 Car Model | Colour \u2192 Car Number | Quality\n\t\t\t\t\t     then the warranty block in its own separate grid -->\n\t\t\t\t\t<div class=\"cert-grid\">\n\t\t\t\t\t\t<div class=\"cg-item cg-name\"><small>CUSTOMER NAME<\/small><strong id=\"certName\">\u2014<\/strong><\/div>\n\t\t\t\t\t\t<div class=\"cg-item cg-car\"><small>CAR MODEL<\/small><strong id=\"certCar\">\u2014<\/strong><\/div>\n\t\t\t\t\t\t<div class=\"cg-item cg-regno\"><small>CAR NUMBER<\/small><strong id=\"certRegNo\">\u2014<\/strong><\/div>\n\n\t\t\t\t\t\t<div class=\"cert-warranty-group\">\n\t\t\t\t\t\t\t<div class=\"cg-item cg-warranty\"><small>WARRANTY PERIOD<\/small><strong id=\"certWarranty\">1 Year<\/strong><\/div>\n\t\t\t\t\t\t\t<div class=\"cg-item cg-actdate\"><small>ACTIVATION DATE<\/small><strong id=\"certDate\">\u2014<\/strong><\/div>\n\t\t\t\t\t\t\t<div class=\"cg-item cg-validtill\"><small>VALID TILL<\/small><strong id=\"certValidTill\">\u2014<\/strong><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"cg-item cg-quality\"><small>QUALITY \/ RANGE<\/small><strong id=\"certQuality\">\u2014<\/strong><\/div>\n\t\t\t\t\t\t<div class=\"cg-item cg-design\"><small>DESIGN<\/small><strong id=\"certDesign\">\u2014<\/strong><\/div>\n\t\t\t\t\t\t<div class=\"cg-item cg-colour\"><small>COLOUR<\/small><strong id=\"certColour\">\u2014<\/strong><\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"cert-sign\">\n\t\t\t\t\t\t<div> <img decoding=\"async\" class=\"sig-img\" src=\"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/Sign.png\" alt=\"Authorised Signature\"> <small>AUTHORISED SIGNATURE &middot; RATHI'S CLUB CLASS INTERIORS<\/small> <\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"cert-actions\"> <button type=\"button\" id=\"downloadBtn\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t<path d=\"M12 3v12m0 0 4-4m-4 4-4-4\" \/>\n\t\t\t\t\t\t\t\t<path d=\"M4 17v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3\" \/>\n\t\t\t\t\t\t\t<\/svg> Download Certificate<\/button> <a href=\"#\" id=\"shareBtn\" class=\"primary\" target=\"_blank\" rel=\"noopener\"> <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t<path d=\"M12 2C6.48 2 2 6.48 2 12c0 1.85.5 3.58 1.36 5.07L2 22l5.1-1.34A9.94 9.94 0 0 0 12 22c5.52 0 10-4.48 10-10S17.52 2 12 2z\" \/>\n\t\t\t\t\t\t\t<\/svg> Share on WhatsApp <\/a> <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div style=\"text-align:center; margin-top:26px;\"> <button class=\"btn-ghost\" style=\"max-width:260px; margin:0 auto;\" id=\"toCompleteBtn\" type=\"button\">Finish<\/button> <\/div>\n\t\t\t<\/section>\n\n\t\t\t<section class=\"step-panel\" data-step=\"5\">\n\t\t\t\t<div class=\"complete-wrap\">\n\t\t\t\t\t<h2>You're All Sealed In<\/h2>\n\t\t\t\t\t<div class=\"seal-mount\" data-seal><\/div>\n\t\t\t\t\t<p>Your Rathi's Club Class interior is officially protected for the next <span id=\"completeWarrantyPeriod\">1 year<\/span>. A copy of your certificate has been saved to this device.<\/p> <button class=\"btn-ghost\" id=\"restartBtn\" type=\"button\">Start a New Activation<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"care-banner\">\n\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t<div class=\"thumb\"> <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n\t\t\t\t\t\t\t\t<path d=\"M4 19.5V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v13.5\" \/>\n\t\t\t\t\t\t\t\t<path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\" \/>\n\t\t\t\t\t\t\t<\/svg> <\/div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<h4>YOUR CLUB CLASS CARE GUIDE<\/h4>\n\t\t\t\t\t\t\t<p>Personalized care instructions to keep your interior looking premium for years.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div> <a class=\"btn-outline-gold\" href=\"#\" onclick=\"return false;\">View Care Guide <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t<path d=\"M5 12h14M13 6l6 6-6 6\" \/>\n\t\t\t\t\t\t<\/svg> <\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/section>\n\t\t<\/main>\n\t<\/div>\n\t<div class=\"toast\" id=\"toast\"><\/div>\n\n\t<!-- ===== CUSTOM DROPDOWN (runs first so selects are styled immediately) ===== -->\n\t<script>\n\t(function() {\n\t\t\"use strict\";\n\n\t\tvar enhanced = [];\n\n\t\tfunction enhanceSelect(sel) {\n\t\t\tif(!sel || sel.dataset.ccEnhanced) return;\n\t\t\tsel.dataset.ccEnhanced = \"1\";\n\n\t\t\tvar wrap = document.createElement('div');\n\t\t\twrap.className = 'cc-select';\n\t\t\tsel.parentNode.insertBefore(wrap, sel);\n\t\t\twrap.appendChild(sel);\n\t\t\tsel.classList.add('cc-select-native');\n\t\t\tsel.setAttribute('tabindex', '-1');\n\n\t\t\tvar btn = document.createElement('button');\n\t\t\tbtn.type = 'button';\n\t\t\tbtn.className = 'cc-select-btn';\n\n\t\t\tvar label = document.createElement('span');\n\t\t\tlabel.className = 'cc-select-label';\n\t\t\tbtn.appendChild(label);\n\n\t\t\tvar caret = document.createElement('span');\n\t\t\tcaret.className = 'cc-caret';\n\t\t\tbtn.appendChild(caret);\n\t\t\twrap.appendChild(btn);\n\n\t\t\tvar list = document.createElement('div');\n\t\t\tlist.className = 'cc-select-list';\n\t\t\twrap.appendChild(list);\n\n\t\t\tArray.prototype.forEach.call(sel.options, function(opt, i) {\n\t\t\t\tif(opt.disabled) return;\n\t\t\t\tvar item = document.createElement('div');\n\t\t\t\titem.className = 'cc-select-item';\n\t\t\t\titem.textContent = opt.textContent;\n\t\t\t\titem.dataset.index = i;\n\t\t\t\titem.addEventListener('click', function(e) {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tsel.selectedIndex = i;\n\t\t\t\t\tsel.dispatchEvent(new Event('change', { bubbles: true }));\n\t\t\t\t\tsync();\n\t\t\t\t\tclose();\n\t\t\t\t});\n\t\t\t\tlist.appendChild(item);\n\t\t\t});\n\n\t\t\tfunction sync() {\n\t\t\t\tvar o = sel.options[sel.selectedIndex];\n\t\t\t\tlabel.textContent = o ? o.textContent : '';\n\t\t\t\tlabel.classList.toggle('is-placeholder', !sel.value);\n\t\t\t\tArray.prototype.forEach.call(list.children, function(c) {\n\t\t\t\t\tc.classList.toggle('selected', +c.dataset.index === sel.selectedIndex);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tfunction open() {\n\t\t\t\tcloseAll();\n\t\t\t\twrap.classList.add('open');\n\t\t\t}\n\n\t\t\tfunction close() {\n\t\t\t\twrap.classList.remove('open');\n\t\t\t}\n\n\t\t\tbtn.addEventListener('click', function(e) {\n\t\t\t\te.stopPropagation();\n\t\t\t\tif(wrap.classList.contains('open')) close();\n\t\t\t\telse open();\n\t\t\t});\n\n\t\t\tsel.addEventListener('change', sync);\n\t\t\tenhanced.push({ wrap: wrap, sync: sync, close: close });\n\t\t\tsync();\n\t\t}\n\n\t\tfunction closeAll() {\n\t\t\tenhanced.forEach(function(x) { x.close(); });\n\t\t}\n\n\t\tdocument.addEventListener('click', closeAll);\n\n\t\t\/* re-sync labels after a form reset *\/\n\t\twindow.ccSyncSelects = function() {\n\t\t\tenhanced.forEach(function(x) { x.sync(); });\n\t\t};\n\n\t\tfunction init() {\n\t\t\tenhanceSelect(document.getElementById('carModel'));\n\t\t\tenhanceSelect(document.getElementById('qualityInput'));\n\t\t}\n\n\t\tif(document.readyState === 'loading') {\n\t\t\tdocument.addEventListener('DOMContentLoaded', init);\n\t\t} else {\n\t\t\tinit();\n\t\t}\n\t})();\n\t<\/script>\n\n\t<script>\n\t(function() {\n\t\t\"use strict\";\n\n\t\tconst SEAL_LOGO_SRC = \"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/seal.webp\";\n\t\tconst QR_IMAGE_SRC = \"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-26-at-5.29.16-PM-1.webp\";\n\n\t\t\/* extension = +1 year @ Rs.999 \u2192 total 2 years *\/\n\t\tconst BASE_MONTHS = 12;\n\t\tconst EXTENDED_MONTHS = 24;\n\n\t\tconst state = {\n\t\t\tfullName: \"\", carModel: \"\", regNumber: \"\", installDate: \"\", installerName: \"\",\n\t\t\tinvoiceName: \"\", invoiceSize: \"\", interiorId: \"\", activationDate: \"\",\n\t\t\tdesign: \"\", colour: \"\", quality: \"\", city: \"\"\n\t\t};\n\n\t\tfunction sealImage() {\n\t\t\treturn `<img decoding=\"async\" src=\"${SEAL_LOGO_SRC}\" alt=\"Rathi's Club Class Interiors Seal\" onerror=\"this.outerHTML='<div style=\\\\'width:100%;height:100%;border-radius:50%;border:2px dashed var(--gold-3);display:flex;align-items:center;justify-content:center;color:var(--gold-2);font-size:10px;text-align:center;padding:10px;\\\\'>SEAL IMAGE MISSING<\/div>'\">`;\n\t\t}\n\t\tdocument.querySelectorAll('[data-seal]').forEach(el => el.innerHTML = sealImage());\n\n\t\tfunction renderQR(seed, mount) {\n\t\t\tmount.innerHTML = `<img decoding=\"async\" src=\"${QR_IMAGE_SRC}\" alt=\"Scan and share on Instagram\" style=\"width:100%;height:100%;object-fit:contain;display:block;\">`;\n\t\t}\n\n\t\tconst panels = document.querySelectorAll('.step-panel');\n\t\tconst stepItems = document.querySelectorAll('.step-item');\n\t\tlet currentStep = 1;\n\t\tlet maxReached = 1;\n\n\t\tfunction goToStep(n) {\n\t\t\tif(n > maxReached) return;\n\t\t\tcurrentStep = n;\n\t\t\tpanels.forEach(p => p.classList.toggle('active', +p.dataset.step === n));\n\t\t\tstepItems.forEach(item => {\n\t\t\t\tconst s = +item.dataset.stepNav;\n\t\t\t\titem.classList.toggle('active', s === n);\n\t\t\t\titem.classList.toggle('done', s < n || (s <= maxReached && s < n));\n\t\t\t\tconst connector = item.querySelector('.step-connector');\n\t\t\t\tif(connector) connector.classList.toggle('done', s <= maxReached && s <= n);\n\t\t\t});\n\t\t\twindow.scrollTo({\n\t\t\t\ttop: document.querySelector('.stepper-wrap').offsetTop - 10,\n\t\t\t\tbehavior: 'smooth'\n\t\t\t});\n\t\t}\n\t\tstepItems.forEach(item => {\n\t\t\titem.querySelector('.step-circle').addEventListener('click', () => {\n\t\t\t\tconst s = +item.dataset.stepNav;\n\t\t\t\tif(s <= maxReached) goToStep(s);\n\t\t\t});\n\t\t});\n\n\t\tfunction unlockUpTo(n) {\n\t\t\tmaxReached = Math.max(maxReached, n);\n\t\t\tstepItems.forEach(item => {\n\t\t\t\tconst s = +item.dataset.stepNav;\n\t\t\t\tif(s <= maxReached) item.querySelector('.step-circle').style.cursor = s < currentStep ? 'pointer' : 'default';\n\t\t\t});\n\t\t}\n\n\t\tlet toastTimer;\n\n\t\tfunction showToast(msg) {\n\t\t\tconst t = document.getElementById('toast');\n\t\t\tt.textContent = msg;\n\t\t\tt.classList.add('show');\n\t\t\tclearTimeout(toastTimer);\n\t\t\ttoastTimer = setTimeout(() => t.classList.remove('show'), 2600);\n\t\t}\n\n\t\tconst fullNameEl = document.getElementById('fullName');\n\t\tconst carModelEl = document.getElementById('carModel');\n\t\tconst regNumberEl = document.getElementById('regNumber');\n\t\tconst interiorIdEl = document.getElementById('interiorIdInput');\n\t\tconst installDateEl = document.getElementById('installDate');\n\n\t\t\/* installation date = today. Must be re-applied after a form reset,\n\t\t   otherwise the 2nd activation loses the date (activation date + valid till blank). *\/\n\t\tfunction setTodayAsInstallDate() {\n\t\t\tconst d = new Date();\n\t\t\tconst yyyy = d.getFullYear();\n\t\t\tconst mm = String(d.getMonth() + 1).padStart(2, '0');\n\t\t\tconst dd = String(d.getDate()).padStart(2, '0');\n\t\t\tinstallDateEl.value = `${yyyy}-${mm}-${dd}`;\n\t\t\tinstallDateEl.setAttribute('value', installDateEl.value);\n\t\t}\n\t\tsetTodayAsInstallDate();\n\n\t\tconst installerNameEl = document.getElementById('installerName');\n\t\tconst cityEl = document.getElementById('cityInput');\n\t\tconst designEl = document.getElementById('designInput');\n\t\tconst colourEl = document.getElementById('colourInput');\n\t\tconst qualityEl = document.getElementById('qualityInput');\n\t\tconst invoiceInput = document.getElementById('invoiceInput');\n\t\tconst uploadRow = document.getElementById('uploadRow');\n\t\tconst uploadLabel = document.getElementById('uploadLabel');\n\t\tconst saveBtn = document.getElementById('saveContinueBtn');\n\t\tconst prevCar = document.getElementById('prevCar');\n\t\tconst prevQualityBadge = document.getElementById('prevQualityBadge');\n\t\tconst prevDesign = document.getElementById('prevDesign');\n\t\tconst prevColour = document.getElementById('prevColour');\n\t\tconst prevInstaller = document.getElementById('prevInstaller');\n\t\tconst prevCity = document.getElementById('prevCity');\n\n\t\tfunction fmtDate(iso) {\n\t\t\tif(!iso) return '';\n\t\t\tconst d = new Date(iso + 'T00:00:00');\n\t\t\treturn d.toLocaleDateString('en-GB', {\n\t\t\t\tday: '2-digit',\n\t\t\t\tmonth: 'short',\n\t\t\t\tyear: 'numeric'\n\t\t\t});\n\t\t}\n\n\t\tfunction fmtSize(bytes) {\n\t\t\tif(bytes < 1024) return bytes + ' B';\n\t\t\treturn (bytes \/ 1024).toFixed(0) + ' KB';\n\t\t}\n\n\t\tfunction genInteriorId() {\n\t\t\tconst d = new Date();\n\t\t\tconst stamp = String(d.getDate()).padStart(2, '0') + String(d.getMonth() + 1).padStart(2, '0') + String(d.getFullYear()).slice(2);\n\t\t\tconst rand = String(Math.floor(1000 + Math.random() * 9000));\n\t\t\treturn 'CC' + stamp + rand;\n\t\t}\n\t\tstate.interiorId = genInteriorId();\n\t\tinteriorIdEl.value = state.interiorId;\n\n\t\tfunction refreshPreview() {\n\t\t\tprevCar.textContent = carModelEl.value ? carModelEl.value.toUpperCase() : 'YOUR CAR MODEL';\n\t\t\tprevQualityBadge.textContent = qualityEl.value ? qualityEl.value : '\u2014';\n\t\t\tprevDesign.textContent = designEl.value.trim() || '\u2014';\n\t\t\tprevColour.textContent = colourEl.value.trim() || '\u2014';\n\t\t\tprevInstaller.textContent = installerNameEl.value.trim() || '\u2014';\n\t\t\tprevCity.textContent = cityEl.value.trim() || '\u2014';\n\t\t\trefreshExtendCard();\n\t\t\tvalidateForm();\n\t\t}\n\t\t[carModelEl, qualityEl].forEach(el => el.addEventListener('change', refreshPreview));\n\t\t[fullNameEl, regNumberEl, interiorIdEl, installDateEl, installerNameEl, cityEl, designEl, colourEl].forEach(el => el.addEventListener('input', refreshPreview));\n\n\t\tconst extendToggle = document.getElementById('extendToggle');\n\t\tconst extendTillDate = document.getElementById('extendTillDate');\n\t\tconst extendToggleLabel = document.getElementById('extendToggleLabel');\n\n\t\tfunction refreshExtendCard() {\n\t\t\tconst months = extendToggle.checked ? EXTENDED_MONTHS : BASE_MONTHS;\n\t\t\tconst base = installDateEl.value ? new Date(installDateEl.value + 'T00:00:00') : new Date();\n\t\t\tconst till = new Date(base);\n\t\t\ttill.setMonth(till.getMonth() + months);\n\t\t\textendTillDate.textContent = fmtDate(till.toISOString().slice(0, 10));\n\t\t\textendToggleLabel.textContent = extendToggle.checked ? 'Extension Added' : 'Add Extension';\n\t\t}\n\t\textendToggle.addEventListener('change', refreshExtendCard);\n\n\t\tconst buyNowBtn = document.getElementById('buyNowBtn');\n\t\tbuyNowBtn.addEventListener('click', () => {\n\t\t\twindow.open('https:\/\/localseodevelopers.com\/bonobocreatives\/product\/warranty-card\/', '_blank', 'noopener');\n\t\t});\n\n\t\tinvoiceInput.addEventListener('change', () => {\n\t\t\tconst f = invoiceInput.files[0];\n\t\t\tif(f) {\n\t\t\t\tstate.invoiceName = f.name;\n\t\t\t\tstate.invoiceSize = fmtSize(f.size);\n\t\t\t\tuploadLabel.innerHTML = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6\"\/><\/svg>        <span><span class=\"fname\">${f.name}<\/span><span class=\"fsize\">${state.invoiceSize}<\/span><\/span>`;\n\t\t\t\tuploadRow.classList.add('filled');\n\t\t\t} else {\n\t\t\t\tuploadRow.classList.remove('filled');\n\t\t\t}\n\t\t\tvalidateForm();\n\t\t});\n\n\t\tfunction validateForm() {\n\t\t\tconst ok = fullNameEl.value.trim() && carModelEl.value && regNumberEl.value.trim() && designEl.value.trim() && colourEl.value.trim() && qualityEl.value && installDateEl.value && installerNameEl.value.trim() && cityEl.value.trim() && invoiceInput.files && invoiceInput.files.length > 0;\n\t\t\tsaveBtn.disabled = !ok;\n\t\t\treturn ok;\n\t\t}\n\n\t\tdocument.getElementById('detailsForm').addEventListener('submit', (e) => {\n\t\t\te.preventDefault();\n\t\t\tif(!installDateEl.value) setTodayAsInstallDate();\n\t\t\tif(!validateForm()) return;\n\t\t\tstate.fullName = fullNameEl.value.trim();\n\t\t\tstate.carModel = carModelEl.value;\n\t\t\tstate.regNumber = regNumberEl.value.trim().toUpperCase();\n\t\t\tstate.interiorId = interiorIdEl.value.trim();\n\t\t\tstate.installDate = installDateEl.value;\n\t\t\tstate.installerName = installerNameEl.value.trim();\n\t\t\tstate.city = cityEl.value.trim();\n\t\t\tstate.design = designEl.value.trim();\n\t\t\tstate.colour = colourEl.value.trim();\n\t\t\tstate.quality = qualityEl.value.trim();\n\t\t\tbuildReviewCard();\n\t\t\tunlockUpTo(2);\n\t\t\tgoToStep(2);\n\t\t});\n\n\t\tfunction buildReviewCard() {\n\t\t\tconst source = document.querySelector('.preview-panel .id-card');\n\t\t\tif(!source) return;\n\t\t\tconst mount = document.getElementById('reviewCardMount');\n\t\t\tconst clone = source.cloneNode(true);\n\t\t\tmount.replaceWith(clone);\n\t\t\tclone.id = 'reviewCardMount';\n\t\t}\n\n\t\tdocument.getElementById('editDetailsBtn').addEventListener('click', () => goToStep(1));\n\t\tdocument.getElementById('toSealBtn').addEventListener('click', () => {\n\t\t\tunlockUpTo(3);\n\t\t\tgoToStep(3);\n\t\t});\n\n\t\tconst pressTarget = document.getElementById('pressTarget');\n\t\tconst pressFill = document.getElementById('pressFill');\n\t\tconst holdHint = document.getElementById('holdHint');\n\t\tconst RING_R = 110;\n\t\tconst CIRC = 2 * Math.PI * RING_R;\n\t\tpressFill.setAttribute('stroke-dasharray', CIRC);\n\t\tpressFill.setAttribute('stroke-dashoffset', CIRC);\n\t\tconst HOLD_MS = 2000;\n\t\tlet holdRAF, holdStart, holding = false,\n\t\t\tactivated = false;\n\n\t\tfunction setProgress(p) {\n\t\t\tpressFill.style.strokeDashoffset = CIRC * (1 - p);\n\t\t}\n\n\t\tfunction startHold(e) {\n\t\t\tif(activated) return;\n\t\t\tif(e && e.cancelable) e.preventDefault();\n\t\t\tholding = true;\n\t\t\tpressTarget.classList.add('pressing');\n\t\t\tholdStart = performance.now();\n\t\t\tstep();\n\t\t}\n\n\t\tfunction step() {\n\t\t\tif(!holding) return;\n\t\t\tconst elapsed = performance.now() - holdStart;\n\t\t\tconst p = Math.min(elapsed \/ HOLD_MS, 1);\n\t\t\tsetProgress(p);\n\t\t\tif(p >= 1) {\n\t\t\t\tcompleteHold();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tholdRAF = requestAnimationFrame(step);\n\t\t}\n\n\t\tfunction cancelHold() {\n\t\t\tif(activated) return;\n\t\t\tholding = false;\n\t\t\tcancelAnimationFrame(holdRAF);\n\t\t\tpressTarget.classList.remove('pressing');\n\t\t\tsetProgress(0);\n\t\t}\n\n\t\tfunction completeHold() {\n\t\t\tholding = false;\n\t\t\tactivated = true;\n\t\t\tpressTarget.classList.remove('pressing');\n\t\t\tpressTarget.classList.add('activated');\n\t\t\t\/* blinking stops here \u2014 the success text has no .blink-text class *\/\n\t\t\tholdHint.innerHTML = '<span style=\"color:var(--green);\">Sealed &amp; Activated \u2713<\/span>';\n\t\t\tconst now = new Date();\n\t\t\tstate.activationDate = now.toLocaleDateString('en-GB', {\n\t\t\t\tday: '2-digit',\n\t\t\t\tmonth: 'short',\n\t\t\t\tyear: 'numeric'\n\t\t\t});\n\t\t\tsetTimeout(() => {\n\t\t\t\tbuildCertificate();\n\t\t\t\tunlockUpTo(4);\n\t\t\t\tgoToStep(4);\n\t\t\t}, 900);\n\t\t}\n\t\tpressTarget.addEventListener('pointerdown', startHold, {\n\t\t\tpassive: false\n\t\t});\n\t\tpressTarget.addEventListener('pointerup', cancelHold);\n\t\tpressTarget.addEventListener('pointerleave', cancelHold);\n\t\tpressTarget.addEventListener('pointercancel', cancelHold);\n\t\tpressTarget.addEventListener('touchstart', startHold, {\n\t\t\tpassive: false\n\t\t});\n\t\tpressTarget.addEventListener('touchend', cancelHold);\n\t\tpressTarget.addEventListener('touchcancel', cancelHold);\n\t\tpressTarget.addEventListener('contextmenu', (e) => e.preventDefault());\n\n\t\tfunction buildCertificate() {\n\t\t\t\/* fall back to today so the activation date is never blank on a repeat activation *\/\n\t\t\tif(!state.activationDate) {\n\t\t\t\tstate.activationDate = new Date().toLocaleDateString('en-GB', {\n\t\t\t\t\tday: '2-digit',\n\t\t\t\t\tmonth: 'short',\n\t\t\t\t\tyear: 'numeric'\n\t\t\t\t});\n\t\t\t}\n\t\t\tif(!state.installDate) {\n\t\t\t\tif(!installDateEl.value) setTodayAsInstallDate();\n\t\t\t\tstate.installDate = installDateEl.value;\n\t\t\t}\n\n\t\t\tdocument.getElementById('certName').textContent = state.fullName || '\u2014';\n\t\t\tdocument.getElementById('certCar').textContent = state.carModel || '\u2014';\n\t\t\tdocument.getElementById('certRegNo').textContent = state.regNumber || '\u2014';\n\t\t\tdocument.getElementById('certDate').textContent = state.activationDate || fmtDate(state.installDate);\n\t\t\tdocument.getElementById('certDesign').textContent = state.design || '\u2014';\n\t\t\tdocument.getElementById('certColour').textContent = state.colour || '\u2014';\n\t\t\tdocument.getElementById('certQuality').textContent = state.quality || '\u2014';\n\t\t\trenderQR(state.interiorId, document.getElementById('qrMount'));\n\n\t\t\tconst isExtended = extendToggle.checked;\n\t\t\tconst months = isExtended ? EXTENDED_MONTHS : BASE_MONTHS;\n\t\t\tconst base = state.installDate ? new Date(state.installDate + 'T00:00:00') : new Date();\n\t\t\tconst till = new Date(base);\n\t\t\ttill.setMonth(till.getMonth() + months);\n\t\t\tdocument.getElementById('certValidTill').textContent = fmtDate(till.toISOString().slice(0, 10));\n\n\t\t\tconst certWarranty = document.getElementById('certWarranty');\n\t\t\tcertWarranty.innerHTML = isExtended ? `1+1 Year <span class=\"cert-extended-tag\">Extended<\/span>` : `1 Year`;\n\n\t\t\tdocument.querySelectorAll('.feat-warranty').forEach(el => {\n\t\t\t\tel.innerHTML = isExtended ? '1+1 YEAR<br>WARRANTY' : '1 YEAR<br>WARRANTY';\n\t\t\t});\n\t\t\tdocument.getElementById('completeWarrantyPeriod').textContent = isExtended ? '1+1 years' : '1 year';\n\n\t\t\tconst warrantyMsg = isExtended ? '1+1 Year (Extended)' : '1 Year';\n\t\t\tconst msg = `I've just activated my Rathi's Club Class Interiors warranty!%0A%0AName: ${state.fullName}%0ACar: ${state.carModel}%0ACar No: ${state.regNumber}%0AInterior ID: ${state.interiorId}%0AWarranty: ${warrantyMsg}`;\n\t\t\tdocument.getElementById('shareBtn').href = `https:\/\/wa.me\/?text=${msg}`;\n\t\t}\n\n\t\tdocument.getElementById(\"downloadBtn\").addEventListener(\"click\", function() {\n\t\t\tconst certCard = document.getElementById(\"certCard\").outerHTML;\n\t\t\tconst styles = [...document.styleSheets].map(styleSheet => {\n\t\t\t\ttry {\n\t\t\t\t\treturn [...styleSheet.cssRules].map(rule => rule.cssText).join(\"\");\n\t\t\t\t} catch (e) {\n\t\t\t\t\treturn \"\";\n\t\t\t\t}\n\t\t\t}).join(\"\");\n\t\t\tconst printWindow = window.open(\"\", \"_blank\");\n\t\t\tprintWindow.document.write(`<!DOCTYPE html><html><head><title>Warranty Certificate<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Playball&family=Pinyon+Script&display=swap\" rel=\"stylesheet\"><style>${styles}\n\t\t\t\t*{ -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; color-adjust:exact !important; }\n\t\t\t\t@page{ size: A4 landscape; margin:0; }\n\t\t\t\thtml,body{ margin:0; padding:0; width:100%; height:100%; background:#000 !important; }\n\t\t\t\tbody{ display:flex; align-items:center; justify-content:center; }\n\t\t\t\t#certCard{ width:1000px !important; height:auto !important; margin:0 auto !important; page-break-inside:avoid; background: linear-gradient(160deg,#0c0c0c,#000) !important; border:1px solid rgba(201,162,75,.35) !important; color:#f4efe4 !important; }\n\t\t\t\t#certCard .cert-actions{ display:none !important; }\n\t\t\t\t#certCard .cert-grid{ grid-template-columns:repeat(3,1fr) !important; gap:22px 26px !important; }\n\t\t\t\t\/* keep the desktop 3x3 layout on the printed \/ downloaded copy *\/\n\t\t\t\t#certCard .cert-warranty-group{ display:contents !important; border:none !important; padding:0 !important; margin:0 !important; }\n\t\t\t\t#certCard .cert-grid .cg-item{ order:0 !important; }\n\t\t\t\t#certCard .cert-top{ flex-direction:row !important; align-items:flex-start !important; }\n\t\t\t\t#certCard .cert-right{ flex-direction:column !important; align-items:flex-end !important; width:auto !important; gap:12px !important; }\n\t\t\t\t#certCard .cert-right .rp-mark .rp-logo-img{ height:52px !important; }\n\t\t\t\t#certCard .cert-right .qr-box .qr{ width:88px !important; height:88px !important; }\n\t\t\t\t#certCard .logo{ color:#dcb85f !important; background:none !important; -webkit-text-fill-color:#dcb85f !important; font-family:'Playball','Pinyon Script','Monotype Corsiva','Apple Chancery',cursive !important; font-weight:400 !important; }\n\t\t\t\t#certCard .logo .reg{ font-family:'Poppins',sans-serif !important; font-size:9px !important; vertical-align:super !important; }\n\t\t\t\t#certCard .logo small{ color:#a89e8c !important; -webkit-text-fill-color:#a89e8c !important; }\n\t\t\t\t#certCard .cert-title{ color:#f0d383 !important; }\n\t\t\t\t#certCard .cert-title-sub{ color:#6f6656 !important; }\n\t\t\t\t#certCard .qr-box small{ color:#6f6656 !important; }\n\t\t\t\t#certCard .qr-box small b{ color:#f0d383 !important; }\n\t\t\t\t#certCard .cert-grid .cg-item{ border-left-color: rgba(201,162,75,.18) !important; padding-left:12px !important; }\n\t\t\t\t#certCard .cert-grid .cg-item small{ color:#6f6656 !important; font-size:10px !important; }\n\t\t\t\t#certCard .cert-grid .cg-item strong{ color:#f4efe4 !important; font-size:15px !important; }\n\t\t\t\t#certCard .cert-extended-tag{ color:#241b06 !important; background: linear-gradient(135deg,#f0d383,#c9a24b) !important; }\n\t\t\t\t#certCard .cert-sign .sig-img{ height:46px !important; }\n\t\t\t\t#certCard .cert-sign small{ color:#6f6656 !important; }\n\t\t\t\t#certCard .cert-watermark{ color: rgba(201,162,75,.035) !important; }\n\t\t\t<\/style><\/head><body>${certCard}<\/body><\/html>`);\n\t\t\tprintWindow.document.close();\n\t\t\tprintWindow.onload = function() {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tprintWindow.focus();\n\t\t\t\t\tprintWindow.print();\n\t\t\t\t\tprintWindow.close();\n\t\t\t\t}, 1000);\n\t\t\t};\n\t\t});\n\n\t\tdocument.getElementById('toCompleteBtn').addEventListener('click', () => {\n\t\t\tunlockUpTo(5);\n\t\t\tgoToStep(5);\n\t\t});\n\t\tdocument.getElementById('restartBtn').addEventListener('click', () => {\n\t\t\tdocument.getElementById('detailsForm').reset();\n\t\t\tif(window.ccSyncSelects) window.ccSyncSelects();\n\n\t\t\t\/* reset() wipes the JS-set date \u2192 put today back, else 2nd activation date stays blank *\/\n\t\t\tsetTodayAsInstallDate();\n\n\t\t\tuploadRow.classList.remove('filled');\n\t\t\tuploadLabel.innerHTML = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6\"\/><\/svg><span>Click to upload invoice (PDF, JPG)<\/span>`;\n\t\t\tstate.interiorId = genInteriorId();\n\t\t\tinteriorIdEl.value = state.interiorId;\n\n\t\t\t\/* clear previous activation data *\/\n\t\t\tstate.activationDate = \"\";\n\t\t\tstate.installDate = installDateEl.value;\n\t\t\tstate.fullName = state.carModel = state.regNumber = \"\";\n\t\t\tstate.design = state.colour = state.quality = state.city = state.installerName = \"\";\n\n\t\t\t\/* extension toggle lives outside the form, so reset it manually *\/\n\t\t\textendToggle.checked = false;\n\t\t\tdocument.querySelectorAll('.feat-warranty').forEach(el => {\n\t\t\t\tel.innerHTML = '1 YEAR<br>WARRANTY';\n\t\t\t});\n\t\t\tdocument.getElementById('completeWarrantyPeriod').textContent = '1 year';\n\t\t\tdocument.getElementById('certWarranty').innerHTML = '1 Year';\n\t\t\tdocument.getElementById('certDate').textContent = '\u2014';\n\t\t\tdocument.getElementById('certValidTill').textContent = '\u2014';\n\n\t\t\trefreshPreview();\n\t\t\tactivated = false;\n\t\t\tpressTarget.classList.remove('activated');\n\t\t\tsetProgress(0);\n\t\t\t\/* .blink-text is restored so the hint starts blinking again *\/\n\t\t\tholdHint.innerHTML = `<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2\"\/><path d=\"M8 11V7a4 4 0 0 1 8 0v4\"\/><\/svg><span class=\"blink-text\">Press &amp; hold for 2 seconds<\/span>`;\n\t\t\tmaxReached = 1;\n\t\t\tgoToStep(1);\n\t\t});\n\n\t\trefreshPreview();\n\t\tgoToStep(1);\n\t})();\n\t<\/script>\n\n\t<script>\n\tjQuery(document).ready(function($) {\n\n\t\t$('#carModel').on('change', function() {\n\t\t\trpromiseCheckImage();\n\t\t});\n\n\t\t$('#designInput').on('input', function() {\n\t\t\trpromiseCheckImage();\n\t\t});\n\n\t\t$('#colourInput').on('input', function() {\n\t\t\trpromiseCheckImage();\n\t\t});\n\n\t\tfunction rpromiseCheckImage() {\n\n\t\t\tvar carModel = $('#carModel').val();\n\t\t\tvar design = $.trim($('#designInput').val());\n\t\t\tvar colour = $.trim($('#colourInput').val());\n\n\t\t\tif (!carModel || !design || !colour) {\n\t\t\t\t$('#interiorImage').hide().attr('src', '');\n\t\t\t\t$('.seat-illustration').show();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t$.ajax({\n\n\t\t\t\turl: rpromise_ajax_url,\n\t\t\t\ttype: 'POST',\n\t\t\t\tdataType: 'json',\n\n\t\t\t\tdata: {\n\t\t\t\t\taction: 'rpromise_get_image',\n\t\t\t\t\tcar_model: carModel,\n\t\t\t\t\tdesign: design,\n\t\t\t\t\tcolour: colour\n\t\t\t\t},\n\n\t\t\t\tsuccess: function(response) {\n\n\t\t\t\t\tif (response.success && response.data && response.data.image) {\n\n\t\t\t\t\t\t$('#interiorImage').attr('src', response.data.image);\n\t\t\t\t\t\t$('.seat-illustration').hide();\n\t\t\t\t\t\t$('#interiorImage').show();\n\n\t\t\t\t\t} else {\n\n\t\t\t\t\t\t$('#interiorImage').hide().attr('src', '');\n\t\t\t\t\t\t$('.seat-illustration').show();\n\n\t\t\t\t\t}\n\n\t\t\t\t},\n\n\t\t\t\terror: function(xhr) {\n\n\t\t\t\t\tconsole.log('RPromise AJAX Error');\n\t\t\t\t\tconsole.log(xhr.responseText);\n\n\t\t\t\t\t$('#interiorImage').hide().attr('src', '');\n\t\t\t\t\t$('.seat-illustration').show();\n\n\t\t\t\t}\n\n\t\t\t});\n\n\t\t}\n\n\t});\n\t<\/script>\n<\/body>\n\n<\/html><\/div>\n\t\t\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>Rathi &#8216;s Clud ClassBuilt on Trust, backed by Quality. A perfect blend of luxury, leisure and comfort crafted for an elevated lifestyle. 24\/7 PRIVILEGE ACCESS Rathi &#8216;s Clud Class Built on Trust, backed by Quality. A perfect blend of luxury, leisure and comfort crafted for an elevated lifestyle. 24\/7 PRIVILEGE ACCESS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2919","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-json\/wp\/v2\/pages\/2919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-json\/wp\/v2\/comments?post=2919"}],"version-history":[{"count":71,"href":"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-json\/wp\/v2\/pages\/2919\/revisions"}],"predecessor-version":[{"id":3017,"href":"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-json\/wp\/v2\/pages\/2919\/revisions\/3017"}],"wp:attachment":[{"href":"https:\/\/localseodevelopers.com\/bonobocreatives\/wp-json\/wp\/v2\/media?parent=2919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}