.card-page{background:#f6f5f2;min-height:100vh}.card-header{position:relative}.back-site{font-size:11px;font-weight:800;color:#786152}.digital-card-wrap{width:min(650px,calc(100% - 32px));margin:43px auto 65px}.card-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.demo-pill{font-size:9px;font-weight:800;letter-spacing:.12em;color:#944f21;background:#ffffff;padding:6px 9px;border-radius:5px}.digital-card{background:white;border:1px solid #e9e7e0;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(53, 29, 13, .1)}.card-banner{height:190px;position:relative;overflow:hidden;background:#4b2a14}.card-banner img{opacity:.65}.card-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(41, 22, 9, .72),rgba(41, 22, 9, .08)),linear-gradient(0deg,rgba(41, 22, 9, .3),transparent)}.card-banner-label{position:absolute;left:25px;top:24px;font-size:9px;letter-spacing:.15em;font-weight:800;color:#f7e3d6}.card-watermark{position:absolute;bottom:20px;left:25px;color:white;font:800 28px Manrope,sans-serif;letter-spacing:.05em;line-height:1.2}.card-watermark span{display:block;font:700 9px 'DM Sans',sans-serif;letter-spacing:.22em;color:#e6c9b6;margin-top:6px}.card-profile{display:flex;align-items:center;gap:18px;padding:0 27px 23px;border-bottom:1px solid #f0eeea}.profile-photo{width:104px;height:104px;border:5px solid white;border-radius:20px;overflow:hidden;flex-shrink:0;margin-top:-38px;position:relative;background:#e9e6df;box-shadow:0 5px 20px rgba(53, 29, 13, .12)}.profile-title{padding-top:18px;min-width:0}.verified-label{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.1em;font-weight:800;color:#8c4312}.verified-label i{width:6px;height:6px;border-radius:50%;background:#b85614}.profile-title h1{font:800 25px/1.2 Manrope,sans-serif;letter-spacing:-.04em;color:var(--navy);margin:7px 0 4px}.profile-title p{font-size:10px;color:#917f73;margin:0}.profile-exp{font-size:10px;color:#857062;margin-top:10px}.profile-exp span{font-weight:800;color:#943f07;font-size:13px;margin-right:4px}.card-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px 25px;border-bottom:1px solid #f0eeea}.card-action{border:1px solid #eceae3;background:#fbfaf9;border-radius:12px;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--navy);cursor:pointer;transition:background .2s,border .2s;min-width:0}.card-action:hover{background:#faf0e9;border-color:#e9cfbd}.card-action>span{font-size:21px;color:var(--teal-dark);line-height:1.25}.card-action strong{font-size:10px}.card-action small{font-size:9px;color:#a19389}.card-section{padding:25px 27px 24px;border-bottom:1px solid #f0eeea}.card-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.card-section-title h2,.upi-panel h2,.share-panel h2{font:800 15px Manrope,sans-serif;color:var(--navy);letter-spacing:-.025em;margin:0}.card-section-title>span{font-size:8px;letter-spacing:.12em;color:#1e1007;font-weight:800}.card-services{display:flex;flex-wrap:wrap;gap:7px}.card-services span{padding:7px 10px;background:#f7f6f1;border:1px solid #eeece5;border-radius:6px;color:#725b4c;font-size:9px;font-weight:700}.card-location{display:flex;align-items:center;gap:12px;padding:18px 27px;border-bottom:1px solid #f0eeea}.location-symbol{width:38px;height:38px;border-radius:11px;background:#f9ece3;display:grid;place-items:center;color:#99440c;font-size:23px;flex-shrink:0}.card-location div{flex:1;min-width:0}.card-location strong{font-size:10px;color:var(--navy)}.card-location p{font-size:9px;color:#8d7a6e;line-height:1.6;margin:4px 0 0}.card-location>a{font-size:18px;color:var(--teal-dark);padding:5px}.card-pay-share{display:grid;grid-template-columns:.85fr 1.15fr;gap:23px;padding:25px 27px;background:#fcfcfb}.upi-panel{text-align:center;padding-right:18px;border-right:1px solid #eceae5}.upi-panel h2,.share-panel h2{text-align:left}.upi-panel>p,.share-panel>p{font-size:9px;color:#98887e;line-height:1.7;text-align:left;margin:7px 0 13px}.upi-qr-frame{width:142px;height:142px;border:1px solid #eceae5;border-radius:12px;padding:8px;background:white;margin:0 auto 10px}.upi-qr-frame img{object-fit:contain}.upi-id{font-size:9px;font-weight:800;color:var(--navy);overflow-wrap:anywhere}.upi-panel>small{display:block;font-size:8px;color:#a05f34;line-height:1.5;margin-top:6px}.share-panel{min-width:0}.share-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--navy);color:var(--teal);font-size:19px;margin-bottom:12px}.share-panel h2{text-align:left}.share-panel>p{margin-bottom:14px}.share-button,.card-whatsapp{width:100%;min-height:42px;font-size:10px;padding:0 10px;justify-content:space-between}.copy-link{display:block;width:100%;background:transparent;border:0;color:#8a4416;font-size:10px;font-weight:800;padding:12px 0;cursor:pointer}.card-whatsapp{margin-top:0}.share-status{font-size:9px!important;min-height:13px;margin:8px 0 0!important}.card-bottom{padding:18px 27px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--navy);color:#cebdb2;font-size:9px}.card-mini-brand{font:800 12px Manrope,sans-serif;letter-spacing:.06em;color:white}.card-mini-brand small{display:block;font:700 7px 'DM Sans',sans-serif;letter-spacing:.15em;color:#c1a999;margin-top:4px}.card-footer-note{font-size:10px;line-height:1.8;color:#28170c;text-align:center;padding:15px 8px}.card-footer{padding-bottom:0}.card-footer .footer-bottom{min-height:65px}.chat-location-input{width:100%;margin-top:8px;border:1px solid #e1d6cf;border-radius:8px;padding:10px 11px;font:11px 'DM Sans',sans-serif;outline-color:#b55719}.chat-location-input:focus{border-color:#b55719}
.team-card-name{padding:10px 11px;margin:7px 0;border:1px solid #e8e5dc;border-radius:8px;background:#f5f3ed;color:#372d26;font-size:11px;font-weight:800;text-align:left}
.card-page{background:#f0eee7}.card-header{background:#1c1911}.card-banner{background:#3b2e25}.card-banner-label{color:#f0cdb5}.card-watermark{font-size:24px}.card-watermark span{color:#d86214}.profile-title h1{color:#251d17}.verified-label{color:#8b7160}.profile-exp span{color:#926242}.card-action>span{color:#8a644a}.card-action:hover{background:#f3f4e9;border-color:#d86214}.location-symbol{background:#ece9df;color:#816a5b}.card-mini-brand{color:#f0cdb5}.card-bottom{background:#1c1911}.share-icon{background:#3b2e26;color:#f0cdb5}.copy-link{color:#7b6759}
@media(max-width:600px){.card-header{height:66px}.digital-card-wrap{margin:26px auto 35px;width:calc(100% - 22px)}.card-banner{height:155px}.card-banner-label{left:17px;top:17px}.card-watermark{left:17px;bottom:16px;font-size:23px}.card-profile{padding:0 17px 18px;gap:12px}.profile-photo{width:83px;height:83px;margin-top:-28px;border-radius:15px;border-width:4px}.profile-title{padding-top:14px}.profile-title h1{font-size:21px}.profile-title p{font-size:9px}.verified-label{font-size:7px}.profile-exp{font-size:9px;margin-top:6px}.card-contact-grid{gap:6px;padding:17px 12px}.card-action{min-height:76px;border-radius:10px}.card-action>span{font-size:19px}.card-action strong{font-size:9px}.card-action small{font-size:8px}.card-section{padding:20px 17px}.card-location{padding:15px 17px;gap:9px}.card-location p{font-size:8px}.card-pay-share{padding:20px 15px;grid-template-columns:.9fr 1.1fr;gap:13px}.upi-panel{padding-right:12px}.upi-panel h2,.share-panel h2,.card-section-title h2{font-size:13px}.upi-panel>p,.share-panel>p{font-size:8px}.upi-qr-frame{width:min(120px,100%);height:auto;aspect-ratio:1;padding:6px}.upi-id{font-size:8px}.upi-panel>small{font-size:7px}.share-icon{width:31px;height:31px;font-size:16px;margin-bottom:9px}.share-button,.card-whatsapp{font-size:9px;min-height:39px}.copy-link{font-size:9px;padding:10px 0}.card-bottom{padding:15px 17px;font-size:8px}.card-mini-brand{font-size:10px}.back-site{font-size:10px}}
@media(max-width:360px){.profile-title h1{font-size:19px}.card-pay-share{grid-template-columns:1fr}.upi-panel{padding:0 0 19px;border-right:0;border-bottom:1px solid #eceae5}.upi-qr-frame{width:140px}.share-panel{padding-top:3px}.card-action strong{font-size:8px}}
/* Digital business card: matching Ratan Enterprises aqua palette */
.card-page{background:#26160b;color:#f7f6f3}.card-header{background:#271408;border-color:#df956433}.back-site{color:#f0bc9a}.digital-card{background:#3a2110;border-color:#df956444;box-shadow:0 22px 70px #00000066}.card-banner{background:#522c12}.card-banner-shade{background:linear-gradient(90deg,rgba(32, 16, 5, .82),rgba(32, 16, 5, .12)),linear-gradient(0deg,rgba(32, 16, 5, .42),transparent)}.card-banner-label{color:#f0bc9a}.card-watermark{color:#f7f6f3}.card-profile,.card-section,.card-location,.card-pay-share,.card-bottom{border-color:#df95642b}.profile-title h1,.card-section-title h2,.card-location strong,.upi-panel h2,.share-panel h2{color:#f7f6f3}.profile-title p,.card-location p,.share-panel p,.upi-panel p{color:#ccc1ba}.verified-label,.profile-exp span,.card-section-title>span{color:#df9564}.card-action{background:#2e190b;border-color:#df956444;color:#f7f4ea}.card-action:hover{border-color:#df9564;background:#4a2812}.card-action>span{color:#df9564}.card-services span,.team-card-name{background:#4a2812;border-color:#df956438;color:#f8e9df}.card-location,.upi-panel,.share-panel{background:#331c0d;border-color:#df95642b}.button-primary,.button-whatsapp{background:#df9564!important;color:#2a1608!important}.copy-link{color:#f0bc9a}.card-bottom{color:#ccc1ba}.card-footer-note,.card-footer{color:#ccc1ba}.demo-pill{color:#2a1608;background:#f3c2a1}

/* Keep the lower business-card panels aligned with the orange and charcoal card theme. */
.card-pay-share{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;background:#332115}
.upi-panel,.share-panel{min-width:0;padding:20px;border:1px solid #cc5a0440;border-radius:12px;background:#3b2617}
.upi-panel{text-align:left;border-right:1px solid #cc5a0440}
.upi-panel h2,.share-panel h2,.card-section-title h2{color:#fbf3ed}
.upi-panel>p,.share-panel>p,.team-card-phone{color:#e1cfc3}
.team-card-name{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;margin:8px 0;border:1px solid #cc5a0440;border-radius:9px;background:#2c1c12;color:#fff4ec;text-decoration:none}
a.team-card-name{transition:border-color .2s,background .2s}
a.team-card-name:hover{border-color:#cc5a04;background:#472a17}
.team-card-owner{justify-content:flex-start}
.team-card-phone{font-size:10px;font-weight:600;white-space:nowrap}
.share-icon{background:#cc5a04;color:#160900}
.copy-link{color:#ff9d5c}
.card-location{background:#332115;border-bottom-color:#cc5a0440}
.card-location strong,.card-section-title h2{color:#fbf3ed}
.card-location p{color:#e1cfc3}
.location-symbol{background:#4a2c17;color:#ff9d5c}
.card-bottom{background:#21150e;border-top:1px solid #cc5a0440;color:#e1cfc3}
.card-mini-brand,.card-mini-brand small{color:#fbf3ed}
@media(max-width:600px){
 .card-pay-share{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}
 .upi-panel,.share-panel{padding:16px}
 .upi-panel{border-right:1px solid #cc5a0440}
 .team-card-name{flex-wrap:wrap}
}
.card-header .brand-mark{width:46px;height:46px;flex-basis:46px;border-radius:50%;background:#fff;object-fit:contain}
@media(max-width:600px){.card-header .brand-mark{width:42px;height:42px;flex-basis:42px}}
