*{box-sizing:border-box}body{margin:0;font-family:K2D,sans-serif;color:#03254c;background:#fff}a{text-decoration:none;color:inherit}.top{height:72px;padding:0 max(24px,5vw);display:flex;align-items:center;border-bottom:1px solid #e7edf4;position:sticky;top:0;background:#fff;z-index:20}.brand{display:flex;align-items:center;gap:9px}.mark{width:34px;height:34px;border-radius:9px;background:#03254c;color:#f58220;display:grid;place-items:center;font-weight:800}.nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#f58220;color:#fff;border:0;border-radius:8px;padding:13px 24px;font:600 15px K2D;cursor:pointer}.btn:hover{filter:brightness(.96)}.btn.small{padding:9px 17px}.btn.secondary{background:#03254c}.hamb{display:none;margin-left:auto;border:0;background:none;font-size:24px}.hero{text-align:center;padding:95px 20px 70px;background:linear-gradient(180deg,#f8fbff,#fff)}.eyebrow{font-size:13px;color:#164f7d}.hero h1{font-size:50px;line-height:1.05;margin:18px auto 12px;max-width:760px;color:#102b48}.hero h1 span{color:#f58220}.hero p{color:#6b7f94;max-width:620px;margin:0 auto 24px}.actions{display:flex;justify-content:center;gap:12px}.section{padding:70px max(20px,7vw)}.section.alt{background:#f5f8fc}.section h2{text-align:center;font-size:30px;margin:0 0 8px}.sub{text-align:center;color:#71839a;margin:0 0 35px}.materials,.steps,.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1050px;margin:auto}.material,.step,.card{border:1px solid #e0e8f1;border-radius:12px;background:#fff;padding:25px;text-align:center;box-shadow:0 4px 14px rgba(11,49,89,.04)}.material .ico,.step .ico{width:48px;height:48px;border-radius:12px;background:#fff2e8;color:#f58220;display:grid;place-items:center;margin:auto auto 12px;font-size:22px}.cta{max-width:1050px;margin:30px auto 70px;padding:40px;background:#03254c;color:#fff;border-radius:18px;text-align:center}.cta h2{margin-top:0}.wizard-wrap{min-height:620px;background:#f7f9fc;padding:55px 20px}.wizard{max-width:760px;margin:auto}.progress{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.dot{width:45px;height:5px;border-radius:5px;background:#dce5ef}.dot.on{background:#f58220}.panel{background:#fff;border:1px solid #dfe8f2;border-radius:14px;padding:32px;box-shadow:0 8px 25px rgba(11,49,89,.08)}.panel h2{margin:0 0 6px;color:#102b48}.panel p{color:#71839a}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice{border:1px solid #d9e3ee;border-radius:10px;padding:17px;cursor:pointer;background:#fff}.choice:hover,.choice.selected{border-color:#f58220;background:#fff8f2}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #ccd9e7;border-radius:8px;font:14px K2D}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wizard-nav{display:flex;justify-content:space-between;margin-top:20px}.back{background:none;border:0;color:#6d8094;cursor:pointer}.result{padding:24px;border-radius:12px;background:#f6f9fd;text-align:center}.price{font-size:36px;color:#f58220;font-weight:700}.badge{display:inline-block;background:#eaf7ee;color:#24733d;padding:6px 10px;border-radius:20px;font-size:12px}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:45px max(24px,7vw);background:#f5f7fa;border-top:1px solid #e4eaf0;color:#6a7c90;font-size:13px}footer a{display:block;margin:9px 0}footer b{color:#03254c}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #e6edf4;text-align:left}.admin-body{background:#f2f6fa}.admin-wrap{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:#03254c;color:#fff;padding:25px 15px}.side a{display:block;padding:11px;border-radius:7px}.side a:hover{background:#164f7d}.content{padding:30px}.admin-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #dfe8f1;margin-bottom:20px}.login{max-width:420px;margin:90px auto}.notice{padding:12px;border-radius:8px;background:#eef7ff;margin:12px 0}.err{background:#fff0f0;color:#9a2222}@media(max-width:760px){.hamb{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero h1{font-size:36px}.materials,.steps,.stats,.grid2,.row{grid-template-columns:1fr}.admin-wrap{grid-template-columns:1fr}.side{position:static}footer{grid-template-columns:1fr}.panel{padding:22px}}
.pin-status{margin-top:10px;padding:12px 14px;border-radius:9px;font-size:14px}.pin-status.success{background:#e8f8f0;color:#087f5b}.pin-status.error{background:#fff0f0;color:#d92d20}.pin-status.loading{background:#eef6ff;color:#164f7d}.btn.disabled,.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.field small{display:block;color:#71839a;margin-top:6px;font-size:12px}
/* Video-reference UI + InfraGateway branding */
:root{--blue:#03254c;--navy:#03254c;--orange:#f58220;--muted:#71839a;--line:#e3eaf3;--soft:#f7f9fc}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.top{height:64px;padding:0 max(24px,4.5vw)}.brand img{width:35px;height:35px;object-fit:contain}.brand b{font-size:14px;color:#164f7d}.nav{gap:25px;font-size:12px}.btn.blue{background:var(--blue)}.btn.orange{background:var(--orange)}.btn.outline{background:#fff;color:#164f7d;border:1px solid #cfdbea}.bolt-hero{padding:74px 20px 60px;background:#fff}.hero-trust{font-size:12px;color:#68809a}.bolt-hero h1{font-size:43px;margin-top:13px}.bolt-hero h1 span{color:var(--blue)}.bolt-hero p{font-size:13px}.quick-price{max-width:930px;margin:-10px auto 34px;border:1px solid var(--line);border-radius:12px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 18px rgba(11,49,89,.05)}.quick-price div{display:grid}.quick-price span{font-size:12px;color:var(--muted)}.quick-price b{font-size:15px}.how-strip{padding-top:35px;padding-bottom:45px}.bolt-steps .step{border:0;box-shadow:none;padding:12px}.blueico{background:#eaf2ff!important;color:var(--blue)!important}.blueico svg{width:22px}.bolt-steps .step b{font-size:13px}.bolt-steps .step p{font-size:12px;color:var(--muted)}.bolt-materials .material{padding:20px}.cat-ico{background:#f2f6fb!important;color:var(--blue)!important;font-size:17px!important}.bolt-materials b{font-size:12px}.center{text-align:center;margin-top:25px}.text-link{font-size:12px;color:var(--blue);font-weight:600}.how-cards{max-width:800px;margin:auto;display:grid;gap:12px}.how-card{display:grid;grid-template-columns:58px 55px 1fr;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px}.how-card>span{font-size:12px;color:var(--muted)}.how-card b{font-size:14px}.how-card p{font-size:12px;color:var(--muted);margin:4px 0}.page-head{text-align:center;padding:35px 20px 15px;background:#f8fafc}.page-head h1{font-size:27px;margin:0 0 5px;color:#102b48}.page-head p{font-size:12px;color:var(--muted);margin:0}.category-browser,.video-wizard{background:#f8fafc;padding:10px 20px 70px}.browser-card{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 5px 18px rgba(11,49,89,.06)}.browser-card h2{font-size:19px;margin:25px 0 3px}.browser-card>p{font-size:12px;color:var(--muted)}.mini-progress{display:flex;align-items:center;justify-content:center;gap:5px}.mini-progress span{width:27px;height:27px;border-radius:50%;background:#e8eef6;display:grid;place-items:center;font-size:12px;color:#8494a8}.mini-progress span.active{background:var(--blue);color:#fff}.mini-progress i{width:50px;height:2px;background:#e2e9f1}.category-grid,.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.category-grid a,.option-card{border:1px solid var(--line);border-radius:8px;padding:15px 12px;background:#fff;display:flex;flex-direction:column;gap:6px;min-height:88px;cursor:pointer}.category-grid a:hover,.option-card:hover,.option-card:has(input:checked){border-color:var(--blue);background:#f7faff}.category-icon,.option-icon{color:var(--blue);font-size:17px}.category-grid b,.option-card b{font-size:12px}.category-grid small{font-size:12px;color:var(--muted)}.video-wizard .wizard{max-width:720px}.video-progress{display:flex;justify-content:center;margin-bottom:16px}.vp{width:82px;text-align:center;position:relative}.vp:not(:last-child):after{content:"";height:2px;width:40px;background:#dce5ef;position:absolute;top:13px;left:62px}.vp.done:not(:last-child):after{background:#13b981}.vp span{width:28px;height:28px;border-radius:50%;background:#e7edf5;color:#8291a4;display:grid;place-items:center;margin:auto;font-size:12px;font-weight:700}.vp small{display:block;font-size:12px;margin-top:6px;color:#8796a8}.vp.active span{background:var(--blue);color:#fff;box-shadow:0 0 0 4px #dbe8ff}.vp.active small{color:#234c79}.vp.done span{background:#13b981;color:#fff}.video-panel{padding:27px 32px}.video-panel h2{font-size:20px}.video-panel p{font-size:12px;margin-top:3px}.products-grid,.buy-grid{grid-template-columns:repeat(2,1fr)}.option-card input{position:absolute;opacity:0;pointer-events:none}.big-choice{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}.big-choice span{color:var(--blue)}.pin-input-wrap,.mobile-wrap{display:flex;align-items:center;border:1px solid #cbd8e8;border-radius:8px;background:#fff;margin-top:15px}.pin-input-wrap:focus-within,.mobile-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #dce8ff}.pin-input-wrap span,.mobile-wrap span{padding-left:16px;color:#8a9aad}.pin-input-wrap input,.mobile-wrap input{border:0!important;outline:0!important;box-shadow:none!important;padding:14px!important;font:16px K2D;width:100%}.mobile-wrap span{font-size:13px;border-right:1px solid #e1e8f0;padding:13px}.wide-next{min-width:210px}.price-result{text-align:center}.result-icon{width:50px;height:50px;border-radius:50%;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;margin:0 auto 15px;font-size:24px}.result-icon.muted{background:#f1f3f5;color:#8996a6}.quote-box{background:#fff8e8;border:1px solid #f4d99b;border-radius:9px;padding:15px;margin:18px auto;max-width:420px}.quote-box p{margin:5px 0 12px}.result-note{font-size:12px!important}.empty-state{grid-column:1/-1;padding:25px;text-align:center;color:var(--muted);font-size:12px}
/* Admin */
.admin-logo{display:flex;align-items:center;gap:10px;padding:0 7px 12px}.admin-logo img{width:58px;height:58px;border-radius:50%;background:#fff;object-fit:contain}.admin-logo div{display:grid}.admin-logo b{font-size:12px}.admin-logo small{font-size:12px;color:#b7c8d9}.side-label{font-size:12px;color:#8fa9c2;letter-spacing:1px;padding:17px 10px 5px}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-top h1{margin:0}.admin-top span{font-size:12px;color:var(--muted)}.admin-actions{display:flex;gap:10px;justify-content:flex-end;margin:0 0 15px}.import-row,.search-row{display:flex;gap:10px;align-items:center}.search-row input{max-width:350px;padding:12px;border:1px solid #ccd9e7;border-radius:8px;font:14px K2D}.table-scroll{overflow:auto}.login-page{margin:0;background:#f2f6fa;font-family:K2D,sans-serif;color:#03254c;min-height:100vh;display:grid;place-items:center}.login-shell{width:100%;padding:25px}.login-card{max-width:420px;margin:auto;background:#fff;border-radius:14px;padding:34px;border:1px solid #dfe8f1;border-top:5px solid var(--orange);box-shadow:0 12px 35px rgba(11,49,89,.12);text-align:center}.login-logo{width:100px;height:100px;object-fit:contain}.secure{font-size:12px;letter-spacing:1.5px;color:var(--orange);font-weight:700;margin-top:5px}.login-card h1{font-size:25px;margin:8px 0 3px}.login-card>p{font-size:12px;color:var(--muted);margin-bottom:22px}.login-card form{text-align:left}.login-btn{width:100%;margin-top:8px}.password-wrap{display:flex;border:1px solid #ccd9e7;border-radius:8px}.password-wrap input{border:0!important}.password-wrap button{border:0;background:none;padding:0 14px;color:#71839a;cursor:pointer}
@media(max-width:760px){.quick-price{margin:10px 18px 25px}.category-grid,.option-grid{grid-template-columns:repeat(2,1fr)}.video-progress{overflow-x:auto;justify-content:flex-start;padding-bottom:8px}.vp{min-width:66px}.vp:not(:last-child):after{width:25px;left:55px}.video-panel{padding:22px}.how-card{grid-template-columns:45px 45px 1fr}.admin-actions,.import-row,.search-row{flex-wrap:wrap}.bolt-hero h1{font-size:34px}}
/* 27 Sep 2026: closer reproduction of supplied Bolt video */
body{color:#101828;background:#fff}.top{height:58px;max-width:none;padding:0 4.2vw;border-bottom:1px solid #edf0f4}.brand img{width:31px;height:31px}.brand b{font-size:12px;color:#173b63}.nav{gap:23px;font-size:12px;color:#344054}.nav .btn{font-size:12px;padding:8px 14px;border-radius:6px}.bolt-home-hero{text-align:center;padding:68px 20px 54px}.tiny-trust{font-size:12px;color:#667085}.tiny-trust span{color:#12b76a}.bolt-home-hero h1{font-size:39px;line-height:1.07;letter-spacing:-1.2px;margin:13px auto 10px;color:#101828;font-weight:700}.bolt-home-hero h1 em{font-style:normal;color:#2870ed}.bolt-home-hero p{font-size:12px;line-height:1.65;color:#667085;margin:0 0 21px}.bolt-home-hero .btn{font-size:12px;padding:9px 15px;border-radius:5px}.btn.ghost{background:#fff;color:#344054;border:1px solid #d0d5dd}.home-check-card{width:min(720px,calc(100% - 36px));margin:0 auto 35px;border:1px solid #e4e7ec;border-radius:8px;min-height:72px;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(16,24,40,.04)}.hc-copy{display:grid;gap:2px}.hc-copy span{font-size:12px;color:#667085}.hc-copy b{font-size:12px}.hc-copy small{font-size:12px;color:#98a2b3}.home-check-card .btn{font-size:12px;padding:9px 13px;border-radius:5px}.home-how{border-top:1px solid #f2f4f7;border-bottom:1px solid #f2f4f7;padding:28px 7vw}.four-flow{max-width:750px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.four-flow>div{position:relative;display:grid;justify-items:center}.four-flow>div:not(:last-child):after{content:"";position:absolute;top:15px;right:-17%;width:34%;height:1px;background:#e4e7ec}.four-flow svg{width:30px;height:30px;padding:7px;background:#eaf2ff;color:#2870ed;border-radius:7px}.four-flow b{font-size:12px;margin-top:7px}.four-flow small{font-size:12px;color:#98a2b3;margin-top:2px}.popular-section{text-align:center;padding:31px 7vw 39px}.popular-section h2,.supplier-benefits h2{font-size:17px;margin:0 0 4px}.popular-section>p,.supplier-benefits>p{font-size:12px;color:#98a2b3;margin:0 0 21px}.popular-grid{max-width:750px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.popular-grid a{border:1px solid #edf0f4;border-radius:7px;padding:15px 8px;display:grid;justify-items:center;gap:6px;background:#fff}.popular-grid span{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#f2f6fc;color:#2870ed}.popular-grid svg{width:16px}.popular-grid b{font-size:12px}.view-link{display:inline-block;margin-top:16px;font-size:12px;color:#2870ed;font-weight:600}.business-band,.supplier-cta{max-width:750px;margin:0 auto 38px;background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;padding:20px 23px;display:flex;align-items:center;justify-content:space-between}.business-band span{font-size:12px;color:#2870ed;font-weight:700}.business-band h2,.supplier-cta h2{font-size:15px;margin:3px 0}.business-band p,.supplier-cta p{font-size:12px;color:#667085;margin:0}.business-band .btn,.supplier-cta .btn{font-size:12px;padding:9px 13px;border-radius:5px}.video-page-title{text-align:center;padding:35px 20px 20px;background:#fff}.video-page-title h1{font-size:23px;margin:0 0 4px}.video-page-title p{font-size:12px;color:#667085;margin:0}.video-category-page{padding:0 20px 48px}.category-page-card{max-width:760px;margin:auto;border:1px solid #e4e7ec;border-radius:9px;padding:20px;box-shadow:0 2px 8px rgba(16,24,40,.04)}.category-head{display:flex;justify-content:space-between;align-items:center}.category-head h2{font-size:15px;margin:0}.category-head p{font-size:12px;color:#98a2b3;margin:2px 0 0}.btn.compact{font-size:12px;padding:8px 12px}.video-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.video-category-grid a{display:grid;grid-template-columns:34px 1fr 10px;align-items:center;gap:9px;border:1px solid #eaecf0;border-radius:7px;padding:11px}.video-category-grid a:hover{border-color:#84adff;background:#f8fbff}.video-category-grid span{width:32px;height:32px;display:grid;place-items:center;background:#eef4ff;color:#2870ed;border-radius:7px}.video-category-grid svg{width:16px}.video-category-grid b{font-size:12px;display:block}.video-category-grid small{font-size:12px;color:#98a2b3}.video-category-grid i{font-style:normal;color:#98a2b3}.supplier-hero{text-align:center;padding:55px 20px 45px}.supplier-hero>span{font-size:12px;color:#2870ed;font-weight:700}.supplier-hero h1{font-size:32px;line-height:1.08;margin:8px 0;color:#101828}.supplier-hero h1 em{font-style:normal;color:#2870ed}.supplier-hero p{max-width:510px;margin:0 auto 18px;color:#667085;font-size:12px;line-height:1.6}.supplier-hero .btn{font-size:12px;padding:9px 14px}.supplier-benefits{padding:32px 20px 40px;background:#f8fafc;text-align:center}.benefit-grid{max-width:750px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.benefit-grid article{background:#fff;border:1px solid #eaecf0;border-radius:8px;padding:17px;display:grid;grid-template-columns:32px 1fr;column-gap:10px}.benefit-grid svg{grid-row:1/3;width:30px;height:30px;padding:7px;border-radius:7px;background:#eef4ff;color:#2870ed}.benefit-grid b{font-size:12px}.benefit-grid small{font-size:12px;line-height:1.45;color:#98a2b3}.supplier-cta{margin-top:35px}.video-wizard{padding-top:6px;background:#f8fafc}.video-wizard .wizard{max-width:610px}.video-panel{border-radius:8px;padding:23px 25px;box-shadow:0 3px 12px rgba(16,24,40,.06)}.video-panel h2{font-size:16px;margin-bottom:2px}.video-panel p{font-size:12px}.video-progress{margin-bottom:13px}.vp{width:66px}.vp span{width:25px;height:25px;font-size:12px}.vp small{font-size:12px}.vp:not(:last-child):after{width:29px;left:51px;top:12px}.option-grid{gap:8px}.option-card{min-height:68px;padding:11px;border-radius:6px}.option-card b{font-size:12px}.option-icon{font-size:14px}.field{margin:10px 0}.field label{font-size:12px}.field input,.field select,.field textarea{font-size:12px;padding:10px;border-radius:6px}.pin-input-wrap,.mobile-wrap{border-radius:6px}.pin-input-wrap input,.mobile-wrap input{font-size:12px!important}.pin-status{font-size:12px;padding:9px 11px;border-radius:6px}.wide-next{width:100%;font-size:12px;padding:10px}.wizard-nav{display:grid;grid-template-columns:1fr;gap:9px}.wizard-nav .back{grid-row:2;text-align:left;font-size:12px}.price-result .price{font-size:27px}.quote-box{border:1px solid #fedf89;background:#fffaeb;border-radius:7px;padding:13px;margin:15px 0}.quote-box b{font-size:12px}.quote-box p{font-size:12px}footer{grid-template-columns:2fr 1fr 1fr;gap:35px;padding:27px max(24px,7vw);font-size:12px;background:#fff;border-top:1px solid #eaecf0}footer .brand img{width:28px;height:28px}footer .brand b{font-size:12px}footer p{max-width:310px;line-height:1.5}footer a{margin:6px 0}footer b{font-size:12px}
@media(max-width:760px){.desktop{display:none}.bolt-home-hero{padding-top:45px}.bolt-home-hero h1{font-size:31px}.home-check-card,.business-band,.supplier-cta{align-items:flex-start;gap:14px;flex-direction:column}.four-flow{grid-template-columns:1fr 1fr;gap:22px}.four-flow>div:after{display:none}.popular-grid{grid-template-columns:1fr 1fr}.video-category-grid,.benefit-grid{grid-template-columns:1fr}.category-head{align-items:flex-start;gap:12px;flex-direction:column}.supplier-hero h1{font-size:28px}}
/* Screenshot-accurate frontend – 27 Sep 2026 */
:root{--shot-blue:#f58220;--shot-deep:#101828;--shot-muted:#667085;--shot-line:#dbe3ee;--shot-bg:#f7f9fc;--shot-navy:#10192c}
body{font-family:K2D,sans-serif;color:var(--shot-deep)}.shot-header{height:64px;background:#fff;border-bottom:1px solid #e5e9ef;display:flex;align-items:center;padding:0 3.2%;position:sticky;top:0;z-index:100}.shot-brand{display:flex;align-items:center;gap:8px}.shot-brand img{width:36px;height:36px;object-fit:contain}.shot-brand strong{font-size:18px;color:#101828}.shot-brand strong span{color:var(--shot-blue)}.shot-nav{display:flex;align-items:center;gap:8px;margin-left:auto;width:64%;font-size:14px;color:#344054}.shot-nav a{padding:10px 14px;border-radius:9px}.shot-nav a.active{background:#eff5ff;color:#155eef}.shot-nav .nav-gap{flex:1}.shot-nav .shot-check{background:var(--shot-blue);color:#fff;font-weight:700;padding:10px 18px;box-shadow:0 4px 8px #f582202b}.shot-hamb{display:none;margin-left:auto;border:0;background:none;font-size:24px}.shot-hero{min-height:470px;text-align:center;padding:65px 20px 45px;background-color:#fff;background-image:radial-gradient(#e9edf3 1px,transparent 1px);background-size:24px 24px}.shot-pill{display:inline-block;background:#f2f7ff;color:#155eef;border-radius:20px;padding:7px 17px;font-size:12px;margin-bottom:17px}.shot-hero h1{font-size:48px;line-height:1.03;letter-spacing:-1.5px;margin:0;color:#101828}.shot-hero h1 span{color:var(--shot-blue)}.shot-hero p{font-size:18px;line-height:1.5;color:#667085;margin:18px 0 26px}.shot-actions{display:flex;justify-content:center;gap:12px}.shot-actions a{padding:15px 24px;border-radius:10px;font-weight:700}.shot-actions .primary{background:var(--shot-blue);color:#fff;box-shadow:0 5px 10px #f582202b}.shot-actions .secondary{background:#fff;border:1px solid #d7dfe9}.home-wizard-shot{width:min(832px,calc(100% - 36px));margin:-57px auto 0;background:#fff;border:1px solid var(--shot-line);border-radius:17px;padding:33px 33px 38px;box-shadow:0 5px 16px rgba(16,24,40,.04)}.wizard-shot-head{text-align:center}.wizard-shot-head h2{font-size:20px;margin:0}.wizard-shot-head p{font-size:14px;color:#667085;margin:5px 0 22px}.shot-progress{display:flex;align-items:flex-start;justify-content:space-between;margin:0 4px 31px}.shot-step{position:relative;text-align:center;flex:1;color:#98a2b3}.shot-step:not(:last-child):after{content:"";height:2px;background:#e3e9f1;position:absolute;top:17px;left:61%;right:-39%}.shot-step i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e9eef5;font-weight:700;font-size:13px}.shot-step small{font-size:12px;display:block;margin-top:6px}.shot-step.on i{background:var(--shot-blue);color:#fff;box-shadow:0 0 0 5px #dce9ff}.shot-step.on small{color:#101828}.wizard-question{font-size:25px;margin:0 0 3px}.wizard-sub{font-size:14px;color:#667085;margin:0 0 25px}.home-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-cat-grid a{height:100px;border:1px solid #dbe3ee;border-radius:15px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.home-cat-grid span,.popular-shot-grid span{width:42px;height:42px;border-radius:12px;background:#eff6ff;color:#f58220;display:grid;place-items:center;margin-bottom:8px}.home-cat-grid svg{width:21px}.home-cat-grid b{font-size:14px}.shot-how-home{padding:64px 8%;text-align:center;background:#f8fafc}.shot-how-home h2,.shot-popular h2,.shot-why h2{font-size:26px;margin:0 0 5px}.shot-how-home>p,.shot-popular>p{font-size:14px;color:#667085;margin:0 0 39px}.how-home-grid{max-width:930px;margin:auto;display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr 55px 1fr;align-items:center}.how-home-grid article{display:flex;flex-direction:column;align-items:center}.how-home-grid article>span{width:56px;height:56px;background:#f58220;color:#fff;border-radius:15px;display:grid;place-items:center;box-shadow:0 8px 16px #f582202c}.how-home-grid article>span svg{width:27px}.how-home-grid em{font-style:normal;color:#155eef;font-size:12px;font-weight:700;margin-top:12px}.how-home-grid b{font-size:17px;margin-top:6px}.how-home-grid small{font-size:14px;color:#667085;line-height:1.35;margin-top:6px}.how-home-grid>i{font-style:normal;color:#c8d2df;font-size:27px}.shot-popular{padding:62px 8%;text-align:center}.popular-shot-grid{max-width:960px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.popular-shot-grid a{height:118px;border:1px solid #dbe3ee;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.popular-shot-grid span{margin-bottom:5px}.popular-shot-grid svg{width:21px}.popular-shot-grid b{font-size:15px}.shot-why{background:#10192c;color:#fff;text-align:center;padding:61px 8%}.shot-why>div{max-width:980px;margin:39px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.shot-why article span{width:48px;height:48px;border-radius:12px;background:#17386c;color:#53a3ff;display:grid;place-items:center;margin:0 auto 13px}.shot-why article svg{width:23px}.shot-why b{font-size:17px}.shot-why p{color:#9fc1e6;font-size:14px;line-height:1.45;margin:7px 0 0}.shot-manufacturer{max-width:833px;margin:62px auto;padding:48px 25px;text-align:center;background:linear-gradient(135deg,#2874f0,#1e4cb8);color:#fff;border-radius:25px}.shot-manufacturer>div{color:#b9d5ff}.shot-manufacturer>div svg{width:48px;height:48px}.shot-manufacturer h2{font-size:31px;margin:9px 0}.shot-manufacturer p{font-size:17px;line-height:1.45}.shot-manufacturer a,.hiw-cta a,.shot-supplier-hero a{display:inline-block;background:#fff;color:#155eef;padding:15px 24px;border-radius:11px;font-weight:700;margin-top:10px}.shot-footer{background:#f8fafc!important;border-top:1px solid #e4e9f0!important;padding:0!important;font-size:14px!important;display:block!important}.footer-main{padding:48px 3.5% 38px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer-brand img{width:34px!important;height:34px!important}.footer-brand strong{font-size:18px}.footer-about p{color:#667085;line-height:1.55}.made-india{color:#98a2b3;margin-top:16px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-main b{font-size:14px}.footer-main a{margin:0!important;color:#667085}.footer-bottom{border-top:1px solid #dfe5ed;margin:0 3.5%;padding:22px 0 30px;color:#98a2b3;font-size:12px}.footer-bottom p{margin:0 0 10px}.shot-category-page{background:#f8fafc;min-height:690px;padding:30px max(20px,13%)}.shot-category-page h1{font-size:32px;margin:0 0 5px}.shot-category-page>p{color:#667085;margin:0 0 24px}.cat-search{height:55px;background:#fff;border:1px solid #dbe3ee;border-radius:13px;display:flex;align-items:center;padding:0 16px;gap:12px;margin-bottom:23px}.cat-search span{color:#98a2b3;height:23px}.cat-search input{border:0;outline:0;width:100%;font:16px K2D;color:#344054}.cat-search input::placeholder{color:#98a2b3}.shot-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.shot-category-grid a{height:79px;background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:16px;display:grid;grid-template-columns:44px 1fr 15px;gap:12px;align-items:center}.shot-category-grid a>span{width:44px;height:44px;border-radius:12px;background:#eff6ff;color:#f58220;display:grid;place-items:center}.shot-category-grid svg{width:22px}.shot-category-grid b{font-size:14px}.shot-category-grid i{font-style:normal;color:#98a2b3;font-size:23px}.shot-hiw-page{background:#f8fafc;padding:46px 20px}.hiw-title{text-align:center}.hiw-title h1{font-size:31px;margin:0}.hiw-title p{color:#667085;margin:7px 0 38px}.hiw-list{max-width:704px;margin:auto;display:grid;gap:23px}.hiw-list article{background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:24px;display:grid;grid-template-columns:56px 1fr;gap:17px;box-shadow:0 2px 5px rgba(16,24,40,.03)}.hiw-list article>span{width:56px;height:56px;background:#f58220;color:#fff;border-radius:15px;display:grid;place-items:center}.hiw-list article>span svg{width:27px}.hiw-list em{font-style:normal;color:#155eef;font-size:12px;font-weight:700}.hiw-list h2{font-size:20px;margin:4px 0}.hiw-list p{font-size:14px;color:#475467;margin:0 0 8px}.hiw-list small{font-size:14px;color:#f58220}.hiw-cta{max-width:704px;margin:40px auto 0;background:linear-gradient(135deg,#2874f0,#1e4cb8);border-radius:17px;color:#fff;text-align:center;padding:31px}.hiw-cta h2{font-size:21px;margin:0}.hiw-cta p{margin:7px 0 4px}.shot-supplier-hero{background:linear-gradient(135deg,#235bd6,#1f4aaf);color:#fff;text-align:center;padding:65px 20px}.shot-supplier-hero>div{color:#a9d0ff}.shot-supplier-hero>div svg{width:48px;height:48px}.shot-supplier-hero h1{font-size:38px;margin:10px 0}.shot-supplier-hero p{font-size:16px;line-height:1.5}.shot-partner{background:#f8fafc;padding:63px max(20px,13%)}.shot-partner>h2,.shot-who>h2{text-align:center;font-size:26px;margin:0 0 40px}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;max-width:960px;margin:auto}.partner-grid article{background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:24px}.partner-grid span{width:48px;height:48px;border-radius:12px;background:#eff6ff;color:#f58220;display:grid;place-items:center;margin-bottom:14px}.partner-grid b{display:block;font-size:19px}.partner-grid p{font-size:14px;color:#475467;margin:7px 0 0}.shot-who{text-align:center;padding:64px 20px}.shot-who h2{margin-bottom:7px}.shot-who>p{color:#667085;margin:0 0 32px}.shot-who>div{max-width:800px;margin:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:11px}.shot-who span{border:1px solid #dbe3ee;background:#f8fafc;border-radius:11px;padding:10px 15px;color:#344054}.supplier-how-dark{background:#10192c;color:#fff;text-align:center;padding:62px 20px}.supplier-how-dark h2{font-size:27px;margin:0 0 39px}.supplier-how-dark>div{max-width:850px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.supplier-how-dark article{display:flex;flex-direction:column;align-items:center}.supplier-how-dark i{font-style:normal;width:48px;height:48px;border-radius:14px;background:#3287f7;display:grid;place-items:center;font-weight:700;font-size:19px}.supplier-how-dark b{font-size:17px;margin-top:13px}.supplier-how-dark p{font-size:14px;color:#9fc1e6;line-height:1.4;margin:7px 0}
@media(max-width:800px){.shot-hamb{display:block}.shot-nav{display:none;position:absolute;top:64px;left:0;right:0;width:auto;background:#fff;padding:14px;box-shadow:0 8px 15px #0001;flex-direction:column;align-items:stretch}.shot-nav.open{display:flex}.shot-nav .nav-gap{display:none}.shot-hero h1{font-size:36px}.shot-hero p br{display:none}.home-wizard-shot{margin:-35px auto 0;padding:24px 18px}.shot-progress{overflow:auto;gap:13px}.shot-step{min-width:58px}.shot-step:after{display:none}.home-cat-grid,.shot-category-grid{grid-template-columns:1fr}.how-home-grid{grid-template-columns:1fr;gap:24px}.how-home-grid>i{transform:rotate(90deg)}.popular-shot-grid,.shot-why>div,.partner-grid,.supplier-how-dark>div{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr}.shot-category-page{padding:28px 18px}.shot-manufacturer{margin:35px 18px}.shot-supplier-hero h1{font-size:31px}}
@media(max-width:520px){.popular-shot-grid,.shot-why>div,.partner-grid,.supplier-how-dark>div{grid-template-columns:1fr}.shot-hero h1{font-size:31px}.shot-actions{flex-direction:column;align-items:center}.home-cat-grid{grid-template-columns:1fr}.shot-manufacturer h2{font-size:25px}.hiw-list article{grid-template-columns:1fr}.hiw-list article>span{margin:auto}.shot-brand strong{font-size:16px}}

/* Category detail page - screenshot reference */
.cat-breadcrumb{height:43px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:13px;padding:0 max(20px,12.5%);font-size:14px;color:#667085;background:#fff}.cat-breadcrumb i{font-style:normal;color:#98a2b3}.cat-breadcrumb b{color:#101828}.cat-detail-hero{padding:31px max(20px,12.5%) 32px;background:#fff}.cat-detail-inner{display:flex;align-items:center;gap:15px}.cat-detail-icon{width:64px;height:64px;border-radius:16px;background:#f58220;color:#fff;display:grid;place-items:center;box-shadow:0 8px 14px #f582202a}.cat-detail-icon svg{width:31px;height:31px}.cat-detail-hero h1{font-size:31px;line-height:1.1;margin:0;color:#101828}.cat-detail-hero p{font-size:14px;color:#667085;margin:6px 0 0}.cat-check-price{display:inline-flex;align-items:center;gap:14px;margin-top:23px;background:#f58220;color:#fff;border-radius:11px;padding:15px 24px;font-weight:700;box-shadow:0 7px 14px #f5822025}.cat-detail-list{background:#f8fafc;padding:31px max(20px,12.5%) 65px;min-height:420px}.subcat-accordion{max-width:960px;margin:0 auto 12px;background:#fff;border:1px solid #dbe3ee;border-radius:15px;overflow:hidden;box-shadow:0 2px 4px rgba(16,24,40,.03)}.subcat-head{width:100%;height:57px;border:0;background:#fff;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font:16px K2D;color:#101828;cursor:pointer;text-align:left}.subcat-head>span{display:flex;align-items:center;gap:12px;color:#98a2b3;font-size:12px}.subcat-head i{font-style:normal;font-size:19px;transition:.2s}.subcat-accordion.open .subcat-head i{transform:rotate(180deg)}.subcat-products{display:none;border-top:1px solid #e2e8f0;padding:16px;grid-template-columns:1fr 1fr;gap:8px}.subcat-accordion.open .subcat-products{display:grid}.subcat-products>a{min-height:69px;border:1px solid #dbe3ee;border-radius:12px;display:grid;grid-template-columns:20px 1fr 15px;align-items:center;gap:8px;padding:11px 16px;color:#101828}.subcat-products>a:hover{border-color:#a9c9ff;background:#fbfdff}.subcat-products>a>span:nth-child(2){display:flex;flex-direction:column}.subcat-products>a b{font-size:14px;font-weight:500}.subcat-products>a small{font-size:12px;color:#98a2b3;margin-top:3px}.subcat-products>a>i{font-style:normal;color:#c3cfdd;font-size:20px}.tiny-cube{color:#98a2b3}.no-products{grid-column:1/-1;padding:15px;color:#98a2b3;font-size:13px}
@media(max-width:700px){.cat-breadcrumb{padding:0 18px;overflow:auto;white-space:nowrap}.cat-detail-hero{padding:25px 18px}.cat-detail-hero h1{font-size:26px}.cat-detail-list{padding:22px 18px 50px}.subcat-products{grid-template-columns:1fr}.cat-detail-icon{width:56px;height:56px}.subcat-head{height:auto;min-height:57px;gap:12px}.subcat-head>span{white-space:nowrap}}

/* Product detail - screenshot reference */
.product-detail-page{background:#f8fafc;padding:32px max(20px,18%) 34px}.product-card{max-width:830px;margin:0 auto 24px;background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:26px;box-shadow:0 2px 4px rgba(16,24,40,.04)}.product-intro{padding:31px 32px}.product-intro h1{font-size:32px;line-height:1.1;margin:0 0 7px;color:#101828}.product-intro>p{margin:0;color:#667085;font-size:14px}.product-primary-btn{display:inline-flex;align-items:center;gap:14px;margin-top:18px;padding:15px 24px;border-radius:11px;background:#f58220;color:#fff;font-weight:700;box-shadow:0 7px 14px #f5822025}.product-card h2{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 17px;color:#101828}.product-section-icon{width:20px;height:20px;display:grid;place-items:center;color:#1677ff}.product-section-icon svg{width:20px;height:20px}.product-section-icon.ok{border:2px solid #10b981;border-radius:50%;color:#10b981;font-size:12px;font-weight:700}.product-pills{display:flex;flex-wrap:wrap;gap:8px}.product-pills span{display:inline-flex;align-items:center;min-height:33px;padding:6px 12px;border-radius:18px;background:#eff6ff;color:#0057e7;font-size:14px}.brand-pills span{background:#f1f5f9;color:#0f2747}.product-muted{color:#667085;margin:0}.product-disclaimer{max-width:830px;margin:0 auto 24px;border-radius:12px;background:#f1f5f9;color:#58708f;padding:15px 17px;display:flex;gap:9px;font-size:13px;line-height:1.5}.product-disclaimer p{margin:0}.product-cta{max-width:830px;margin:0 auto;background:linear-gradient(115deg,#f58220,#214bb8);border-radius:16px;text-align:center;color:#fff;padding:25px}.product-cta h2{font-size:20px;margin:0 0 5px}.product-cta p{margin:0 0 16px}.product-cta a{display:inline-flex;align-items:center;gap:13px;background:#fff;color:#075be8;border-radius:11px;padding:13px 24px;font-weight:700}
@media(max-width:700px){.product-detail-page{padding:22px 16px 30px}.product-card,.product-intro{padding:20px}.product-intro h1{font-size:27px}.product-primary-btn{width:100%;justify-content:center}.product-card h2{font-size:18px}.product-cta{padding:24px 18px}}

/* 27 Sep 2026 - Price Discovery screenshot-match patch */
.page-head{background:#f7f9fc;padding:36px 20px 22px;text-align:center}
.page-head h1{font-size:32px;line-height:1.2;font-weight:700;color:#101828;margin:0 0 8px}
.page-head p{font-size:14px;color:#667085;margin:0}
.category-browser,.video-wizard{background:#f7f9fc}
.video-wizard{padding:12px 20px 70px}
.video-wizard .wizard{max-width:624px;margin:0 auto}
.video-progress{margin:0 0 24px;display:flex;justify-content:center;overflow:visible}
.vp{width:68px;min-width:68px}
.vp span{width:34px;height:34px;font-size:12px}
.vp small{font-size:12px;margin-top:6px;color:#8b96aa}
.vp:not(:last-child):after{top:16px;left:51px;width:34px;height:2px}
.video-panel{padding:30px 32px;border:1px solid #d9e2ee;border-radius:14px;box-shadow:0 6px 18px rgba(16,24,40,.06)}
.video-panel h2{font-size:25px;line-height:1.25;color:#101828;margin:0 0 6px;font-weight:700}
.video-panel p{font-size:14px;color:#667085;margin:0 0 22px}
.video-panel .option-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:0}
.video-panel .option-card{min-height:100px;padding:16px;border:1px solid #d9e2ee;border-radius:14px;gap:10px;justify-content:center}
.video-panel .option-icon{width:42px;height:42px;border-radius:11px;background:#eff6ff;color:#1671ff;display:grid;place-items:center;font-size:20px}
.video-panel .option-card b{font-size:14px;line-height:1.25;color:#101828}
.video-panel .option-card:has(input:checked){border-color:#2870ed;background:#f7faff;box-shadow:0 0 0 1px #2870ed inset}
.video-panel .field label{font-size:13px}.video-panel .field input,.video-panel .field select,.video-panel .field textarea{font-size:14px;padding:13px}
.wizard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.wizard-nav .wide-next{width:100%;font-size:14px;padding:13px 20px;border-radius:9px}
.wizard-nav .back{font-size:13px;margin-top:8px}
.pin-input-wrap input,.mobile-wrap input{font-size:16px!important}
.pin-status{font-size:13px;padding:12px 14px}
@media(max-width:760px){.page-head h1{font-size:27px}.page-head p{font-size:12px}.video-wizard .wizard{max-width:100%}.video-panel{padding:22px 18px}.video-panel h2{font-size:21px}.video-panel .option-grid{grid-template-columns:repeat(2,1fr)}.video-progress{justify-content:flex-start;overflow-x:auto}.vp{min-width:62px}.vp:not(:last-child):after{width:26px;left:49px}.video-panel .option-card{min-height:92px}.wizard-nav{display:block}.wizard-nav .back{display:block;margin-top:12px}}

/* 27 Sep 2026 - Check Price screenshot flow */
.cp-stage{background:#f8fafc;padding:24px 14px 70px;min-height:720px}.cp-card{max-width:830px;margin:auto;background:#fff;border:1px solid #dbe3ee;border-radius:16px;box-shadow:0 3px 10px #10182810;overflow:hidden}.cp-title{text-align:center;padding:30px 20px 18px}.cp-title h1{font-size:20px;margin:0;color:#101828}.cp-title p{font-size:14px;color:#667085;margin:5px 0 0}.cp-card .video-progress{max-width:740px;margin:0 auto 28px}.cp-card .vp{width:94px;min-width:94px}.cp-card .vp:not(:last-child):after{width:44px;left:72px;top:16px}.cp-card .vp span{width:34px;height:34px;font-size:12px}.cp-card .vp small{font-size:12px}.cp-body{padding:0 32px 24px}.cp-body h2{font-size:26px;line-height:1.2;color:#101828;margin:0 0 6px}.cp-body>div>p,.step-pane>p{font-size:14px;color:#667085;margin:0 0 24px}.cp-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cp-cat{min-height:100px;border:1px solid #dbe3ee;border-radius:15px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;cursor:pointer}.cp-cat input,.cp-brand-mode input,.cp-buy-grid input,.cp-brand-grid input{position:absolute;opacity:0}.cp-cat:has(input:checked){border-color:#2870ed;background:#f7faff}.cp-icon{width:41px;height:41px;border-radius:11px;background:#eff6ff;color:#f58220;display:grid;place-items:center;font-size:20px}.cp-cat b{font-size:14px;color:#101828}.cp-context{font-size:14px;color:#667085;margin:0 0 15px}.cp-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cp-row{min-height:50px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;text-align:left;font:14px K2D;color:#101828;cursor:pointer}.cp-row i{font-style:normal;color:#98a2b3;font-size:23px}.cp-row:hover{border-color:#84adff;background:#fbfdff}.cp-products .cp-row{min-height:74px}.cp-row span{display:flex;flex-direction:column;gap:4px}.cp-row small{font-size:12px;color:#98a2b3}.cp-chip{display:inline-block;background:#f2f4f7;border-radius:20px;padding:3px 10px;color:#475467;font-size:12px;margin:5px 0 16px}.cp-brand-mode{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 18px}.cp-brand-mode label{height:53px;border:2px solid #dbe3ee;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:14px}.cp-brand-mode label:has(input:checked){border-color:#2870ed;background:#eff6ff;color:#155eef}.cp-label{font-size:14px;color:#344054;margin:5px 0 10px}.cp-label.gap{margin-top:22px}.cp-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cp-brand-grid label{min-height:61px;border:2px solid #dbe3ee;border-radius:12px;padding:9px 12px;display:flex;align-items:center;gap:9px;cursor:pointer}.cp-brand-grid label:has(input:checked){border-color:#101828;background:#eff6ff}.fakecheck{width:20px;height:20px;border:2px solid #d0d9e6;border-radius:6px;flex:none}.cp-brand-grid label:has(input:checked) .fakecheck{background:#4c8dff;border-color:#4c8dff}.cp-brand-grid label:has(input:checked) .fakecheck:after{content:'✓';color:#fff;display:grid;place-items:center;font-size:12px}.cp-brand-grid b{font-size:14px}.cp-brand-grid small{display:block;color:#98a2b3;font-size:12px}.cp-alt{margin-top:16px;background:#f8fafc;border-radius:11px;padding:12px 14px;display:flex;gap:10px;align-items:center;font-size:13px;color:#344054}.cp-pills{display:flex;gap:8px;flex-wrap:wrap}.cp-pills button{height:40px;padding:0 16px;border:2px solid #dbe3ee;background:#fff;border-radius:11px;font:600 14px K2D;color:#344054}.cp-pills button.on{border-color:#3980ff;background:#eff6ff;color:#155eef}.cp-pills small{font-weight:400}.cp-qty-input{width:100%;height:58px;border:1px solid #dbe3ee;border-radius:11px;padding:0 14px;font:17px K2D;outline:0}.cp-qty-input:focus{border-color:#3980ff;box-shadow:0 0 0 1px #3980ff}.cp-conversion{font-size:12px;color:#98a2b3;margin-top:7px}.cp-summary{background:#f8fafc;border-radius:11px;padding:13px 14px;margin-top:17px;font-size:14px;color:#667085}.cp-summary b{color:#101828}.cp-buy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cp-buy-grid label{min-height:78px;border:1px solid #dbe3ee;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer}.cp-buy-grid label:has(input:checked){border-color:#2870ed;background:#f7faff}.cp-buy-grid .truck{width:34px;height:34px;border-radius:9px;background:#fff6e8;color:#f05a16;display:grid;place-items:center}.cp-buy-grid b{display:block;font-size:14px;color:#101828}.cp-buy-grid small{display:block;font-size:12px;color:#98a2b3;margin-top:4px}.cp-card .pin-input-wrap{height:60px;border-radius:12px;margin-top:8px}.cp-card .pin-input-wrap input{font-size:20px!important}.cp-card .wizard-nav{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:24px}.cp-card .wide-next{width:100%;height:53px;border-radius:11px;font-size:16px}.cp-card .back{order:2;text-align:left;font-size:14px;padding:5px 2px}.cp-card .wide-next.disabled,.cp-card .wide-next:disabled{background:#8db3f4;cursor:not-allowed}.cp-card .step-pane[data-step="1"]~.wizard-nav{margin-top:0}
@media(max-width:760px){.cp-stage{padding:12px 10px 45px}.cp-card{border-radius:12px}.cp-title{padding-top:22px}.cp-card .video-progress{justify-content:flex-start;overflow:auto;padding:0 15px 8px}.cp-card .vp{min-width:68px;width:68px}.cp-card .vp:not(:last-child):after{width:25px;left:55px}.cp-body{padding:0 18px 20px}.cp-body h2{font-size:22px}.cp-cat-grid,.cp-list-grid,.cp-brand-grid,.cp-buy-grid{grid-template-columns:1fr}.cp-brand-mode{grid-template-columns:1fr 1fr}.cp-cat{min-height:82px}.cp-card .wide-next{height:49px}}
.product-price-box{margin-top:16px;background:#eef5ff;border-radius:12px;padding:16px}.product-price-box span,.product-price-box small{display:block;color:#f58220;font-size:13px}.product-price-box strong{display:block;color:#135be5;font-size:26px;line-height:1.15;margin:4px 0}.product-price-box small{color:#58708f}.product-location-card{padding-bottom:20px}.product-price-table-wrap{overflow-x:auto}.product-price-table{width:100%;border-collapse:collapse;font-size:14px}.product-price-table th{text-align:left;color:#58708f;font-weight:500;padding:0 0 9px;border-bottom:1px solid #dbe3ee}.product-price-table td{padding:10px 0;border-bottom:1px solid #e7edf5;color:#183153}.product-price-table th:nth-child(2),.product-price-table td:nth-child(2){width:40%}.product-price-table th:nth-child(3),.product-price-table td:nth-child(3){width:22%}.product-price-table tbody tr:last-child td{border-bottom:0}.product-updated{margin-top:15px;color:#8a9ab5;font-size:12px}@media(max-width:700px){.product-price-box strong{font-size:23px}.product-price-table{min-width:620px}}

/* Product detail polish - 28 Sep 2026 */
.product-intro .product-price-box{display:block;width:100%;margin:16px 0 16px;padding:17px 18px;background:#eef5ff;border:1px solid #e2ecfb;border-radius:13px}
.product-intro .product-price-box span{display:block;margin:0 0 4px;color:#f58220;font-size:12px;line-height:1.3;font-weight:500}
.product-intro .product-price-box strong{display:block;margin:0;color:#135be5;font-size:27px;line-height:1.18;font-weight:700;letter-spacing:-.3px}
.product-intro .product-price-box small{display:block;margin-top:3px;color:#58708f;font-size:12px;line-height:1.4}
.product-location-card{padding:26px 28px 22px}
.product-location-card h2{margin-bottom:18px}
.product-price-table-wrap{width:100%;overflow-x:auto;border:1px solid #e4ebf4;border-radius:11px;background:#fff}
.product-price-table{width:100%;min-width:620px;border-collapse:collapse;table-layout:fixed;font-size:13px}
.product-price-table thead{background:#f8fafc}
.product-price-table th{padding:12px 16px;text-align:left;color:#667085;font-size:12px;font-weight:600;border-bottom:1px solid #dfe7f0}
.product-price-table td{padding:13px 16px;color:#344054;vertical-align:middle;border-bottom:1px solid #e8edf4}
.product-price-table tbody tr:last-child td{border-bottom:0}
.product-price-table tbody tr:hover{background:#fbfdff}
.product-price-table th:first-child,.product-price-table td:first-child{width:38%}
.product-price-table th:nth-child(2),.product-price-table td:nth-child(2){width:37%}
.product-price-table th:nth-child(3),.product-price-table td:nth-child(3){width:25%;white-space:nowrap}
.product-price-table td b{color:#101828;font-size:14px;font-weight:700}
.product-updated{margin-top:13px;padding-left:2px;color:#8a9ab5;font-size:12px}
@media(max-width:700px){.product-intro .product-price-box strong{font-size:24px}.product-location-card{padding:20px}.product-price-table-wrap{border-radius:9px}}
/* Step 8 complete price result */
.price-result{max-width:100%;text-align:left}.final-price-head{text-align:center;margin:4px 0 20px}.final-price-head h2{font-size:27px;margin:0 0 5px}.final-price-head p{margin:0;color:#667085;font-size:14px}.final-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.final-summary-grid>div{background:#f7f9fc;border-radius:12px;padding:13px 15px;display:grid;gap:3px}.final-summary-grid small{color:#8492aa;font-size:12px}.final-summary-grid b{font-size:14px}.price-warning{background:#fffaeb;color:#c95500;border-radius:11px;padding:13px 15px;margin:0 0 18px;font-size:13px}.market-price-card{text-align:center;background:#f4f8ff;border:1px solid #d8e3f2;border-radius:15px;padding:19px 24px;margin-bottom:22px}.market-price-card>span{display:block;color:#667085;font-size:14px}.market-price-card>strong{display:block;color:#1457e6;font-size:36px;line-height:1.2;margin:7px 0 2px}.market-price-card>small{color:#667085;font-size:13px}.market-price-card hr{border:0;border-top:1px solid #d8e3f2;margin:18px 0 13px}.market-price-card em{display:block;font-style:normal;color:#667085;font-size:12px}.market-price-card>b{display:block;font-size:21px;margin-top:3px}.buy-price-box{margin:0 0 22px}.buy-price-box h3{font-size:14px;margin:0 0 10px}.buy-price-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #d8e3f2;border-radius:11px;padding:12px 16px;margin:8px 0;background:#fff;font-size:13px}.buy-price-row b{white-space:nowrap}.price-disclaimer{background:#f7f9fc;border-radius:12px;padding:13px 15px;margin:0 0 24px;color:#667085;font-size:12px}.price-disclaimer p{margin:0 0 7px;line-height:1.5}.price-disclaimer small{color:#98a2b3}.supplier-quote-card{text-align:center;border:1px solid #ffb84d;background:#fffaf0;border-radius:15px;padding:22px 24px;margin-bottom:22px}.supplier-quote-card h3{font-size:18px;margin:0 0 5px}.supplier-quote-card p{color:#667085;margin:0 0 15px;font-size:13px}.supplier-quote-card .btn{width:100%;justify-content:center}.quote-saved{color:#079455;font-size:12px;margin-top:10px}.final-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.final-actions .btn{justify-content:center;text-align:center}@media(max-width:650px){.final-summary-grid,.final-actions{grid-template-columns:1fr}.market-price-card>strong{font-size:29px}.buy-price-row{align-items:flex-start}}

/* 2026-09-28 compact admin + minimum readable font size */
html,body{font-size:12px}
.admin-body,.admin-body input,.admin-body select,.admin-body textarea,.admin-body button,.admin-body a,.admin-body table{font-size:12px}
.admin-body .content{padding:20px 24px}
.admin-body .admin-top{margin-bottom:14px}
.admin-body .admin-card{padding:18px 20px;margin-bottom:14px}
.admin-body .admin-card h2{margin-top:0;margin-bottom:12px}
.admin-body .field{margin:8px 0}
.admin-body .field label{font-size:12px;margin-bottom:5px}
.admin-body .field input,.admin-body .field select,.admin-body .field textarea{padding:10px 12px;font-size:12px}
.admin-body .grid2{gap:10px 14px}
.admin-body .btn{padding:10px 18px;font-size:12px}
.admin-body .side{padding-top:18px}
.admin-body .side a{padding:9px 10px;font-size:12px}
.admin-body .side-label,.admin-body .admin-logo small,.admin-body .admin-logo b,.admin-body .admin-top span{font-size:12px}
.admin-body .table th,.admin-body .table td{padding:9px 10px;font-size:12px}
.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.admin-card-head h2{margin:0!important}.compact-card{padding-top:16px!important;padding-bottom:16px!important}
@media(max-width:760px){.admin-body .content{padding:15px}.admin-card-head,.import-row{align-items:stretch;flex-direction:column}}
/* Project4 Check Price backend update v2 - 2026-09-28 */

/* Admin pagination + bulk selection */
.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:10px 12px;background:#f8fafc;border:1px solid #e3eaf3;border-radius:9px}.bulk-bar label{display:flex;align-items:center;gap:7px;font-weight:600}.bulk-bar input,.row-check{width:17px;height:17px}.bulk-bar .danger{background:#d92d20!important;color:#fff!important;border-color:#d92d20!important}.bulk-bar .danger:disabled{opacity:.45;cursor:not-allowed}.bulk-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0 0}.pager-pages{display:flex;gap:5px}.pg{min-width:34px;height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe3ef;border-radius:7px;text-decoration:none;color:#183153;background:#fff}.pg.active{background:#f58220;color:#fff;border-color:#f58220}.per-form{display:flex;align-items:center;gap:7px}.per-form select{height:34px;border:1px solid #dbe3ef;border-radius:7px;padding:0 25px 0 8px;background:#fff}

/* 29 Sep 2026 master-data polish */
small,.side-label,.admin-body label,.admin-body input,.admin-body select,.admin-body textarea,.admin-body button,.admin-body td,.admin-body th{font-size:12px!important}.admin-body .admin-card{padding:20px!important;margin-bottom:16px!important}.admin-body .field{margin-bottom:12px!important}.admin-body .grid2{gap:14px!important}.admin-body .table td,.admin-body .table th{padding:10px 12px!important}
/* Check Price 9-step flow refinements */
.cp-row.on{border-color:#2f73ed!important;background:#f3f7ff!important;box-shadow:0 0 0 1px #2f73ed inset}
@media(max-width:700px){.video-progress{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;padding-bottom:8px}.video-progress .vp{min-width:74px;flex:0 0 74px}}

/* InfraGateway floating WhatsApp chat */
.ig-whatsapp-chat{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 16px 10px 12px;border-radius:999px;background:#25D366;color:#fff!important;text-decoration:none!important;font:600 14px K2D,Arial,sans-serif;box-shadow:0 8px 24px rgba(16,24,40,.22);transition:transform .18s ease,box-shadow .18s ease}
.ig-whatsapp-chat:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(16,24,40,.28)}
.ig-whatsapp-chat svg{width:30px;height:30px;flex:0 0 30px}
@media(max-width:760px){.ig-whatsapp-chat{right:14px;bottom:16px;width:54px;height:54px;min-height:54px;padding:0;justify-content:center}.ig-whatsapp-chat span{display:none}.ig-whatsapp-chat svg{width:31px;height:31px}}

.cp-cat:has(input:checked),.cp-buy:has(input:checked),#brandCards label:has(input:checked){border-color:#2878f0!important;box-shadow:0 0 0 2px rgba(40,120,240,.12)!important;background:#f4f8ff!important}

/* ===== Project 4 Admin responsive upgrade ===== */
.admin-mobile-toggle{display:none}
.admin-body{overflow-x:hidden}
.admin-body .content{min-width:0}
.admin-body .table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-body .table{min-width:760px}
.admin-body .admin-actions,.admin-body .import-row,.admin-body .search-row{flex-wrap:wrap}
.admin-body .admin-actions>*{max-width:100%}
.admin-body input,.admin-body select,.admin-body textarea{max-width:100%}

@media(max-width:1024px){
 .admin-wrap{grid-template-columns:205px minmax(0,1fr)}
 .admin-body .content{padding:16px}
 .admin-body .admin-card{padding:16px!important}
 .admin-body .grid2{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
 .admin-wrap{display:block;min-height:100vh}
 .admin-body .side{position:fixed;left:-280px;top:0;bottom:0;width:260px;z-index:1002;overflow-y:auto;transition:left .25s ease;box-shadow:8px 0 24px rgba(0,0,0,.18);padding:18px 14px 28px}
 .admin-body.admin-menu-open .side{left:0}
 .admin-body.admin-menu-open:after{content:"";position:fixed;inset:0;background:rgba(5,25,45,.42);z-index:1001}
 .admin-body.admin-menu-open .side{z-index:1002}
 .admin-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d8e2ed;border-radius:9px;background:#fff;color:#03254c;font-size:23px;padding:0;flex:0 0 auto}
 .admin-body .content{padding:12px;width:100%;min-width:0}
 .admin-body .admin-top{position:sticky;top:0;z-index:40;background:#f2f6fa;margin:-12px -12px 12px;padding:10px 12px;border-bottom:1px solid #dfe8f1;gap:10px}
 .admin-body .admin-top h1{font-size:22px;line-height:1.2;flex:1;min-width:0;overflow-wrap:anywhere}
 .admin-body .admin-top span{display:none}
 .admin-body .admin-card{padding:14px!important;border-radius:10px!important;margin-bottom:12px!important;overflow:hidden}
 .admin-body .admin-card h2{font-size:18px}
 .admin-body .grid2,.admin-body .row{grid-template-columns:1fr!important;gap:8px!important}
 .admin-body .admin-actions,.admin-body .import-row,.admin-body .search-row,.admin-card-head{display:flex;flex-direction:column;align-items:stretch!important;gap:8px;width:100%}
 .admin-body .admin-actions .btn,.admin-body .import-row .btn,.admin-body .search-row .btn,.admin-body .admin-card-head .btn{width:100%}
 .admin-body .search-row input{max-width:none;width:100%}
 .admin-body .table-scroll{margin:0 -2px;padding-bottom:5px}
 .admin-body .table{min-width:720px}
 .admin-body .table th,.admin-body .table td{white-space:nowrap;padding:9px 10px!important}
 .bulk-bar{flex-wrap:wrap;justify-content:flex-start;padding:9px;gap:8px}
 .bulk-bar label{width:100%}
 .bulk-bar .btn{flex:1 1 145px;padding:9px 10px!important}
 .bulk-pager{display:grid;grid-template-columns:1fr;gap:10px;padding-top:12px}
 .pager-info{text-align:center;order:1}
 .pager-pages{justify-content:center;flex-wrap:wrap;order:2}
 .per-form{justify-content:center;order:3}
 .per-form select{min-width:80px}
 .admin-body .field input,.admin-body .field select,.admin-body .field textarea{width:100%;min-height:42px}
 .admin-body input[type=checkbox],.admin-body input[type=radio]{min-height:auto;width:18px;height:18px}
}

@media(max-width:420px){
 .admin-body .content{padding:9px}
 .admin-body .admin-top{margin:-9px -9px 9px;padding:9px}
 .admin-body .admin-top h1{font-size:19px}
 .admin-body .admin-card{padding:11px!important}
 .admin-body .table{min-width:680px}
 .admin-body .btn{padding:10px 12px!important}
 .bulk-bar .btn{flex-basis:100%}
}

@media (max-width:768px){
  .admin-main table{table-layout:auto}
  .admin-main table th,.admin-main table td{word-break:normal;overflow-wrap:normal}
}

/* InfraGateway approved brand palette */
:root{--ig-primary:#f58220;--ig-secondary:#03254c;--primary:#f58220;--secondary:#03254c;--navy:#03254c;}


/* InfraGateway brand system: orange primary / navy secondary */
:root{--ig-primary:#f58220;--ig-secondary:#03254c;--orange:#f58220;--navy:#03254c;--blue:#03254c}
.btn,.btn.orange,.btn.blue,.shot-check{background-color:#f58220;color:#fff}
.btn.secondary,.btn.outline{background-color:#03254c;color:#fff;border-color:#03254c}
.btn:hover,.shot-check:hover{filter:brightness(.91)}
/* Two adjacent actions: first orange, second navy (including card actions). */
.actions > .btn:first-of-type,.final-actions > .btn:first-of-type{background:#f58220!important;color:#fff!important;border-color:#f58220!important}
.actions > .btn:nth-of-type(2),.final-actions > .btn:nth-of-type(2){background:#03254c!important;color:#fff!important;border-color:#03254c!important}
.actions > a.btn:first-of-type,.actions > button.btn:first-of-type{background:#f58220!important}
.actions > a.btn:nth-of-type(2),.actions > button.btn:nth-of-type(2){background:#03254c!important}
/* Existing outlined actions in the final price / supplier enquiry step */
.final-actions .btn.outline,.final-actions .btn.secondary{background:#03254c!important;color:#fff!important}
/* Use orange for selected navigation and navy for headings / informational links. */
.shot-nav a.active{color:#f58220}
.hero h1,.page-head h1,.panel h2{color:#03254c}
/* Keep warning, error, success and WhatsApp status colors semantic. */


/* InfraGateway Price: final brand-color overrides, 2026-10-11 */
:root{--blue:#03254c!important;--navy:#03254c;--orange:#f58220;--primary:#f58220;--secondary:#03254c}
.shot-check,.shot-header .shot-check,.btn.blue,.btn.orange,.btn:not(.secondary):not(.outline){background:#f58220!important;color:#fff!important;border-color:#f58220!important}
.bolt-hero h1 span,.hero h1 span,.shot-hero h1 span,.shot-hero .accent,.text-link{color:#f58220!important}
.video-progress .vp.active span,.vp.active span,.mini-progress span.active,.dot.on{background:#f58220!important;color:#fff!important;box-shadow:0 0 0 4px #fff0e5!important}
.vp.active small,.mini-progress .active,.category-icon,.option-icon,.blueico,.cat-ico,.big-choice span{color:#f58220!important}
.blueico,.cat-ico{background:#fff1e6!important}
.choice.selected,.choice:hover,.category-grid a:hover,.option-card:hover,.option-card:has(input:checked),.cp-row.on,.cp-cat:has(input:checked),.cp-buy:has(input:checked),#brandCards label:has(input:checked){border-color:#f58220!important;box-shadow:0 0 0 1px rgba(245,130,32,.15)!important;background:#fff8f2!important}
.pin-input-wrap:focus-within,.mobile-wrap:focus-within{border-color:#f58220!important;box-shadow:0 0 0 2px rgba(245,130,32,.14)!important}
.shot-nav a.active{color:#f58220!important}
.actions>.btn:nth-child(2),.final-actions>.btn:nth-child(2),.actions>.btn:nth-of-type(2),.final-actions>.btn:nth-of-type(2){background:#03254c!important;color:#fff!important;border-color:#03254c!important}
.actions>.btn:first-child,.final-actions>.btn:first-child,.actions>.btn:first-of-type,.final-actions>.btn:first-of-type{background:#f58220!important;color:#fff!important;border-color:#f58220!important}
.btn.secondary,.btn.outline{background:#03254c!important;color:#fff!important;border-color:#03254c!important}
/* Keep WhatsApp green, alerts red and success messages green. */