/* Customer presentation only. Loaded last; existing IDs, images and flows stay intact. */
:root {
  --customer-gold: #d4af37;
  --customer-champagne: #ffd76a;
  --customer-ivory: #fff4df;
  --customer-muted: #c3d3ca;
  --customer-edge: rgba(212, 175, 55, .58);
  --customer-glow: 0 0 17px rgba(212, 175, 55, .13);
}
.customer-premium { -webkit-text-size-adjust: 100%; }
.customer-premium *, .customer-premium *::before, .customer-premium *::after { box-sizing: border-box; }
.customer-premium :where(main, section, form, fieldset, .profile-grid > *, .redeem-content > *) { min-width: 0; }
.customer-premium :where(button, input, select, textarea) { font-family: inherit; }
.customer-premium :where(h1, h2, h3, p, label, td, small) { overflow-wrap: break-word; }
.customer-premium :where(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--customer-champagne) !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px #003d2b !important;
}
.customer-premium :where(button, input, select, textarea) { scroll-margin-block: 110px; }
.customer-premium :where(input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea) {
  border-color: rgba(212,175,55,.4);
  caret-color: var(--customer-champagne);
}
.customer-premium :where(input, textarea)::placeholder { color: #b9cac1; opacity: 1; }
.customer-premium :where(input, select, textarea):focus { border-color: var(--customer-champagne); }
.customer-premium :where(input[readonly], input:disabled) { opacity: 1; }
.customer-premium :where(button:disabled) { cursor: not-allowed; }
.customer-premium .auth-overlay { z-index:10020; }
.customer-premium :is(.auth-close,.popup-close,.redeem-otp-close) { min-width:44px; min-height:44px; }

/* Thin metallic edges; shadows do not affect card dimensions. */
.customer-premium :is(.journey-card, .wealth-card, .jewellery-card, .rate-card, .buy-card,
  .sell-card, .sip-card, .billing-card, .upi-card, .balance-card, .redeem-details-card,
  .redeem-image-card, .wallet-total-card, .wallet-source-card, .wallet-metals,
  .order-card, .delivery-otp-card, .profile-card, .benefits-card, .faq-card, .contact-card,
  .mission-card, .auth-modal, .confirm-popup, .sip-confirm-modal, .redeem-otp-popup) {
  border-color: var(--customer-edge);
  box-shadow: var(--customer-glow), inset 0 1px 0 rgba(255,232,163,.12);
}
.customer-premium :is(.journey-card, .wealth-card, .jewellery-card) {
  outline: 1px solid rgba(212,175,55,.5);
  outline-offset: -1px;
}
@media (hover:hover) {
  .customer-premium :is(.journey-card, .wealth-card, .jewellery-card, .buy-card, .sell-card,
    .sip-card, .wallet-source-card, .balance-card):hover {
    box-shadow: 0 0 22px rgba(212,175,55,.24), inset 0 1px 0 rgba(255,232,163,.2);
  }
  .customer-premium :is(.journey-card, .wealth-card, .jewellery-card, .instagram-card,
    .testimonial-card, .mission-card):hover { transform: none; }
}
.customer-premium :is(.btn-gold, .gold-action-btn, .hero-primary-button, .proceed-buy-button,
  .proceed-sell-btn, .proceed-button, .proceed-btn, .billing-proceed-button, .confirm-btn,
  .save-btn, .edit-btn, .payment-success-btn, .redeem-otp-verify-btn) {
  background: linear-gradient(115deg,#d4af37 0%,#ffe8a3 43%,#ffd76a 58%,#d4af37 100%);
  color: #05271b;
  border-color: #e4bd52;
  box-shadow: 0 3px 13px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.5);
  transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.customer-premium :is(.btn-gold, .gold-action-btn, .hero-primary-button, .proceed-buy-button,
  .proceed-sell-btn, .proceed-button, .proceed-btn, .billing-proceed-button, .save-btn, .edit-btn):hover {
  transform: none;
  box-shadow: 0 3px 19px rgba(212,175,55,.3), inset 0 1px 0 rgba(255,255,255,.6);
}
.customer-premium .site-header::after {
  background: linear-gradient(90deg,#a27c23,#ffd76a 25%,#fff4df 50%,#ffd76a 75%,#a27c23);
  box-shadow: 0 0 9px rgba(255,215,106,.45);
  pointer-events: none;
}
.customer-premium .nav-link { font-size: 14px; color: #f9f4e8; }
.customer-premium .nav-link:is(:hover,.active) { color: var(--customer-champagne); }
.customer-premium .nav-link::after { box-shadow: 0 0 7px rgba(255,215,106,.45); pointer-events: none; }
.customer-premium :is(.header-icon-btn, .mobile-icon-btn) { color: var(--customer-champagne); }
.customer-premium :is(.header-icon-btn i, .mobile-icon-btn i) { text-shadow: 0 0 7px rgba(212,175,55,.28); }
.customer-premium :is(.dropdown-menu, .mobile-navigation) { border-color: var(--customer-edge); }
.customer-premium .dropdown-menu a { font-size: 14px; }
.customer-premium :is(.heading-line,.decoration-line,.bill-divider::before,.bill-divider::after) {
  box-shadow: 0 0 7px rgba(255,215,106,.25);
}
.customer-premium :is(.hero-description,.secure-note,.wallet-disclaimer,.metal-heading small,
  .orders-intro,.orders-eyebrow,.rate-source,.sip-hero-description) { color: var(--customer-muted); }
.customer-premium :is(.illustrative,.rate-card .rate-value span) { color: #c3d3ca; font-size: 12px; }
.customer-premium :is(.jewellery-eyebrow,.wealth-heading > span) { color: #806011; }
.customer-premium .jewellery-card-content p { font-size: 12px; color: #f5f0e6; }
.customer-premium :is(.jewellery-arrow,.metal-option) { min-height: 44px; }
.customer-premium .jewellery-arrow { min-width: 44px; }
.customer-premium .transaction-table :is(th,td) { font-size: 14px; line-height: 1.5; }
.customer-premium .transaction-table th { color: var(--customer-champagne); }
.customer-premium :is(.footer-column h3,.footer-subscribe h3) { font-size:14px; line-height:1.5; }
.customer-premium :is(.footer-column a,.footer-description,.footer-tagline,.footer-subscribe p) { font-size:14px; line-height:1.6; }
.customer-premium .subscribe-form { flex-wrap:wrap; }
.customer-premium .subscribe-form input { font-size:16px; min-height:44px; min-width:0; flex:1 1 120px; }
.customer-premium .subscribe-form button { font-size:14px; min-height:44px; padding-inline:16px; }
.customer-premium .footer-bottom :is(p,span,a) { font-size:12px; line-height:1.5; }
.customer-premium :is(.transaction-table-wrapper,.table-wrap) { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }

/* Sparse CSS-only dust outside product images and financial figures. */
.customer-premium .journey-section::before {
  content: ""; position: absolute; inset: 10px 0 auto; height: 60px;
  background: radial-gradient(circle at 8% 30%,#ffd76a 0 1px,transparent 2px),
    radial-gradient(circle at 67% 70%,#ffe8a3 0 1px,transparent 2px),
    radial-gradient(circle at 90% 20%,#d4af37 0 1px,transparent 2px);
  opacity: .3; pointer-events: none; animation: customer-twinkle 8s ease-in-out infinite;
}
@keyframes customer-twinkle { 0%,100% { opacity: .2; } 50% { opacity: .45; } }

/* Live Rates alone receives the stronger emerald treatment. Existing image remains. */
.customer-premium .rates-overlay {
  background: radial-gradient(ellipse at 50% 35%,rgba(0,168,120,.2),transparent 58%),
    radial-gradient(ellipse at 50% 54%,rgba(212,175,55,.12),transparent 52%),
    linear-gradient(135deg,rgba(0,61,43,.8),rgba(0,107,79,.8) 50%,rgba(0,39,31,.94));
}
.customer-premium .rates-hero { padding-top: 100px; }
.customer-premium .rates-card {
  border: 1px solid transparent;
  background: linear-gradient(145deg,#074d39,#003d2b 55%,#062e24) padding-box,
    linear-gradient(135deg,#fff4df,#d4af37 20%,#ffd76a 50%,#947220 75%,#ffe8a3) border-box;
  box-shadow: 0 0 28px rgba(212,175,55,.24), inset 0 1px 0 rgba(255,244,223,.18);
}
.customer-premium .rates-card::before { animation: customer-twinkle 10s ease-in-out infinite; }
.customer-premium .rates-heading h1 { color: var(--customer-champagne); }
.customer-premium .rates-heading p { color: var(--customer-ivory); font-size: 16px; line-height: 1.5; }
.customer-premium .rate-row { border-bottom-color: rgba(255,215,106,.27); }
.customer-premium .rate-name { color: var(--customer-ivory); }
.customer-premium .rate-category { color: var(--customer-champagne); font-size: 13px; }
.customer-premium .rate-price { color: #fff8ea; font-size: clamp(22px,2vw,28px); }
.customer-premium .rates-card .rate-change { color: #82efb0; font-size: 14px; }
.customer-premium .rates-ok-btn { min-height: 44px; color: var(--customer-champagne); font-size: 16px; }

/* Smaller viewports: existing composition stays intact at desktop widths. */
@media (max-width:1150px) and (min-width:1025px) {
  .customer-premium .nav-link { padding-inline: 5px; font-size: 13px; }
  .customer-premium .main-navigation { gap: 3px; }
}
@media (max-width:1024px) {
  .customer-premium :is(.mobile-menu-button,.mobile-icon-btn) { min-width:44px; min-height:44px; }
  .customer-premium .mobile-navigation { max-height: calc(100dvh - 60px); }
  .customer-premium .mobile-navigation :is(a,button) { min-height:44px; font-size:16px; }
  .customer-premium .hero-content { padding-inline: clamp(20px,5vw,50px); }
  .customer-premium .hero-content h1 { font-size: clamp(40px,6vw,64px); }
  .customer-premium .live-rates-container { flex-wrap: wrap; }
  .customer-premium .rate-card { min-width: 0; }
  .customer-premium .rates-hero { padding-top: 76px; }
}
@media (max-width:768px) {
  .customer-premium :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size:16px; }
  .customer-premium :is(.hero-description,.journey-heading p,.wealth-card p,.benefits-content p,
    .mission-card p,.contact-information p,.testimonial-text,.orders-intro,.sip-hero-description) { font-size:16px; line-height:1.6; }
  .customer-premium :is(.journey-container,.testimonials-container,.instagram-container) { padding-inline:20px; }
  .customer-premium .journey-grid { grid-template-columns:repeat(4,minmax(230px,1fr)); overflow-x:auto; padding:2px 2px 16px; overscroll-behavior-inline:contain; }
  .customer-premium .jewellery-header { gap:12px; grid-template-columns:1fr auto; }
  .customer-premium .jewellery-title-area { grid-column:1 / -1; }
  .customer-premium .metal-switch { transform:none; }
  .customer-premium .jewellery-card { flex-basis:calc((100% - 32px) / 3); }
  .customer-premium .jewellery-card-content { padding:12px; }
  .customer-premium .jewellery-card-content h3 { font-size:18px; }
  .customer-premium .profile-header { flex-wrap:wrap; gap:18px; }
  .customer-premium .profile-actions { flex-wrap:wrap; }
  .customer-premium :is(.auth-modal,.confirm-popup,.sip-confirm-modal,.redeem-otp-popup,.billing-popup,
    .validation-popup,.buy-validation-popup) { max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow-y:auto; }
  .customer-premium :is(#redeemOtpOverlay,#redeemSuccessPopup,#redeemProceedMessage,#sellConfirmOverlay) > div {
    max-width:100% !important; max-height:calc(100dvh - 32px); overflow-y:auto;
  }
  .customer-premium :is(.wallet-total-card strong,.wallet-metal-row > strong,.available-balance-card strong) { overflow-wrap:anywhere; }
  .customer-premium :is(.wallet-metal-row,.sip-card-actions,.confirm-actions,.hero-buttons,.subscribe-form) { flex-wrap:wrap; }
  .customer-premium :is(.wallet-disclaimer,.metal-heading small,.secure-note,.field-error,.form-error,
    .terms-row,.profile-title p,.rate-source) { font-size:14px; line-height:1.5; }
}
@media (max-width:600px) {
  .customer-premium .hero-content { padding:64px 20px 260px; }
  .customer-premium .hero-label { font-size:12px; letter-spacing:1px; }
  .customer-premium .hero-content h1 { font-size:clamp(36px,9vw,52px); letter-spacing:-1px; line-height:1.08; }
  .customer-premium .hero-features { gap:12px; }
  .customer-premium .hero-feature { font-size:14px; line-height:1.5; }
  .customer-premium .hero-buttons { gap:12px; }
  .customer-premium .hero-buttons a { min-height:44px; font-size:16px; padding-inline:18px; }
  .customer-premium .live-rates-container { gap:4px; padding:10px; }
  .customer-premium .rate-card { flex:1 1 100%; padding:8px; border-right:0; }
  .customer-premium .live-rates-container .rate-information { flex:1; grid-template-columns:1fr auto; column-gap:8px; }
  .customer-premium .rate-title { font-size:14px; }
  .customer-premium .jewellery-container { padding:20px 16px; }
  .customer-premium .jewellery-card { flex-basis:75%; }
  .customer-premium .jewellery-card-content p { font-size:14px; }
  .customer-premium .rates-content { width:calc(100% - 28px); }
  .customer-premium .rates-card { padding-inline:16px; }
  .customer-premium .rate-row { grid-template-columns:48px minmax(0,1fr); gap:8px 12px; padding-block:16px; }
  .customer-premium .rates-card .rate-value { grid-column:2; margin-top:0; gap:8px; align-items:baseline; flex-wrap:wrap; }
  .customer-premium .rate-name { font-size:20px; }
  .customer-premium .rate-price { white-space:normal; font-size:24px; }
  .customer-premium .rate-category { font-size:13px; letter-spacing:.5px; }
  .customer-premium .rates-heading h1 { font-size:36px; }
  .customer-premium :is(button:not(.popup-close):not(.auth-close):not(.redeem-otp-close),.btn) { min-height:44px; }
  .customer-premium .footer-main { grid-template-columns:1fr; gap:28px; padding-inline:20px; }
  .customer-premium .footer-column h3 { font-size:18px; }
  .customer-premium :is(.footer-column a,.footer-description,.footer-tagline,.footer-subscribe p,.footer-bottom p,.footer-bottom span) { font-size:14px; line-height:1.6; }
  .customer-premium .footer-column a { display:inline-flex; align-items:center; min-height:44px; }
  .customer-premium .footer-logo-text { font-size:24px; }
  .customer-premium .footer-logo-symbol { width:44px; height:44px; font-size:28px; }
  .customer-premium .footer-cta-inner { grid-template-columns:1fr; gap:20px; }
  .customer-premium .footer-cta-content h2 { font-size:28px; }
  .customer-premium .footer-cta-content p { font-size:16px; }
  .customer-premium :is(.footer-cta-button,.subscribe-form button) { font-size:16px; padding-inline:18px; }
  .customer-premium .subscribe-form input { min-width:0; flex:1 1 150px; min-height:44px; }
  .customer-premium .footer-socials a { width:44px; height:44px; font-size:18px; }
  .customer-premium .footer-bottom { flex-wrap:wrap; gap:16px; }
  .customer-premium .profile-page { padding-inline:18px; }
  .customer-premium :is(.amount-input-wrapper,.input-row,.popular-options-list,.purchase-mode,.sip-mode,.sell-mode) { max-width:100%; min-width:0; }
  .customer-premium :is(.popular-options-list,.purchase-mode,.sell-mode) { flex-wrap:wrap; }
  .customer-premium .amount-input-wrapper input { min-width:0; }
}
@media (max-height:500px) {
  .customer-premium :is(.auth-modal,.redeem-otp-popup,.confirm-popup,.sip-confirm-modal) { max-height:calc(100dvh - 24px); overflow-y:auto; }
}
/* Replace unreadable miniature mobile cards with local scrolling, not page overflow. */
@media (max-width:768px) {
  .customer-premium .wealth-options { grid-template-columns:repeat(5,minmax(160px,1fr)) minmax(200px,1.35fr); overflow-x:auto; padding-block:3px 12px; }
  .customer-premium .wealth-card { min-height:100px; height:auto; padding:14px; gap:10px; }
  .customer-premium .wealth-card h3 { font-size:16px; line-height:1.4; }
  .customer-premium .wealth-card p { font-size:14px; }
  .customer-premium .wealth-icon { width:30px; height:30px; font-size:18px; flex-shrink:0; }
  .customer-premium .wealth-heading > span { font-size:12px; }
  .customer-premium .wealth-heading h2 { font-size:24px; line-height:1.3; }
  .customer-premium .numbers-text :is(span,small) { font-size:14px; line-height:1.5; }
  .customer-premium .numbers-text strong { font-size:26px; }
  .customer-premium section.why-goldbites .why-goldbites-container { width:calc(100% - 40px) !important; grid-template-columns:minmax(0,1fr) !important; gap:20px !important; }
  .customer-premium section.why-goldbites .why-heading h2 { font-size:30px !important; white-space:normal !important; }
  .customer-premium section.why-goldbites .why-heading span { font-size:12px !important; }
  .customer-premium section.why-goldbites .why-image-box { height:240px !important; }
  .customer-premium section.why-goldbites .why-features { grid-template-columns:repeat(5,minmax(170px,1fr)) !important; overflow-x:auto; gap:12px !important; padding-block:4px 14px !important; }
  .customer-premium section.why-goldbites .why-box { height:auto !important; min-height:150px; padding:18px 12px !important; }
  .customer-premium section.why-goldbites .why-box h3 { font-size:16px !important; line-height:1.4; }
  .customer-premium section.why-goldbites .why-box p { font-size:14px !important; line-height:1.5; }
  .customer-premium section.why-goldbites .why-icon { width:36px !important; height:36px !important; font-size:20px !important; }
  .customer-premium .instagram-header { grid-template-columns:minmax(0,1fr); gap:12px; }
  .customer-premium .instagram-header h2 { white-space:normal; font-size:28px; }
  .customer-premium .instagram-title { font-size:16px; }
  .customer-premium .instagram-icon { width:28px; height:28px; font-size:20px; }
  .customer-premium .instagram-follow p { font-size:16px; line-height:1.5; }
  .customer-premium .instagram-gallery { grid-template-columns:repeat(6,minmax(130px,1fr)); overflow-x:auto; padding-bottom:12px; gap:8px; }
  .customer-premium .testimonial-user-info span { font-size:14px; }
  .customer-premium .footer-cta-content h2 { white-space:normal; line-height:1.2; }
  .customer-premium .footer-subscribe h3 { font-size:18px; }
  .customer-premium .view-live-rates { font-size:14px; min-height:44px; }
  .customer-premium :is(.form-group label,.profile-grid label,.field-label,.form-section label) { font-size:14px; line-height:1.5; }
}
@media (prefers-reduced-motion:reduce) {
  .customer-premium *, .customer-premium *::before, .customer-premium *::after {
    animation:none !important; transition-duration:.01ms !important; scroll-behavior:auto !important;
  }
}
/* Stable viewport chrome: shared fragments may load styles after the page. */
html:has(body.customer-premium) { scroll-padding-top:100px; scroll-padding-bottom:24px; }
body.customer-premium { margin:0; padding-bottom:0; min-height:100svh; }
.customer-premium #header-container { transform:none; filter:none; perspective:none; }
.customer-premium .site-header {
  position:fixed !important; inset:0 0 auto !important; width:100% !important;
  margin:0 !important; transform:none !important; z-index:9999;
  padding-top:env(safe-area-inset-top,0px);
  height:calc(87px + env(safe-area-inset-top,0px));
}
.customer-premium .header-container { min-width:0; }
.customer-premium .footer-bottom {
  position:static; inset:auto; z-index:auto; width:100%; margin:0;
  min-height:64px; padding:10px max(18px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px));
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px 20px;
  background:#00271f; border-top:1px solid #d4af37; box-shadow:0 -3px 15px rgba(0,0,0,.25);
}
.customer-premium .footer-bottom p { margin:0; }
.customer-premium .footer-follow { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.customer-premium .footer-follow a { display:inline-flex; align-items:center; justify-content:center; min-width:28px; min-height:28px; }
@media (max-width:1024px) {
  .customer-premium .site-header { height:calc(60px + env(safe-area-inset-top,0px)); }
  .customer-premium .mobile-navigation { top:100%; max-height:calc(100dvh - 60px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); }
  .customer-premium .subscribe-form { height:auto; }
}
@media (max-width:600px) {
  .customer-premium .footer-bottom { gap:4px 10px; padding-top:6px; padding-bottom:calc(6px + env(safe-area-inset-bottom,0px)); }
  .customer-premium .footer-bottom p { font-size:12px; line-height:1.4; }
  .customer-premium .footer-bottom-divider { display:none; }
  .customer-premium .footer-follow { flex-basis:100%; justify-content:center; gap:8px; }
  .customer-premium .footer-follow span { font-size:12px; }
  .customer-premium :is(.buy-main,.sell-page,.sip-page,.redeem-confirmation-page) { padding-bottom:32px; }
  .customer-premium :is(.buy-card,.sell-card,.sip-card,.redeem-details-card) { width:100%; max-width:100%; }
  .customer-premium :is(.buy-card,.sell-card,.sip-card,.redeem-details-card) button { white-space:normal; }
  .customer-premium img { max-width:100%; }
}
@media (max-width:480px) {
  .customer-premium .site-header { height:calc(58px + env(safe-area-inset-top,0px)); }
}
/* Profile uses its own title/action header rather than the shared site header. */
body.customer-premium:has(.profile-page) { padding-bottom:0; }
.customer-premium .profile-header {
  position:sticky; top:0; z-index:100; background:#071c16;
  padding-block:16px; border-bottom:1px solid rgba(212,175,55,.4);
}
@media (max-width:600px) {
  .customer-premium .profile-page { padding-top:0; }
  .customer-premium .profile-header { gap:12px; }
  .customer-premium .profile-title h1 { font-size:24px; }
  .customer-premium .profile-title p { font-size:14px; }
}
@media (max-width:600px) {
  .customer-premium .buy-card .total-amount-row { width:100%; margin-inline:0; gap:10px; padding-inline:12px; flex-wrap:wrap; }
  .customer-premium .buy-card .total-amount-row strong { white-space:normal; overflow-wrap:anywhere; }
}
/* Preserve desktop composition on compact laptops; phone navigation stays touch sized. */
@media (min-width:900px) and (max-width:1280px) {
  .customer-premium .main-navigation { display:flex; gap:2px; }
  .customer-premium .mobile-menu-button { display:none; }
  .customer-premium .header-right { display:flex; gap:4px; }
  .customer-premium .header-icon-btn { width:30px; min-width:30px; height:36px; }
  .customer-premium .header-container { padding-inline:14px; gap:8px; }
  .customer-premium .goldbites-logo { width:105px; flex-shrink:0; }
  .customer-premium .goldbites-logo img { width:105px; max-width:105px; }
  .customer-premium .nav-link { font-size:12px; padding-inline:5px; white-space:nowrap; }
  .customer-premium .footer-main { grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,.9fr)) minmax(0,1.3fr); gap:14px; padding-inline:24px; }
  .customer-premium .footer-column a { display:block; font-size:12px; line-height:1.6; margin-bottom:12px; }
  .customer-premium .footer-cta-content h2 { font-size:clamp(22px,2.4vw,34px); white-space:normal; }
}
.customer-premium .footer-column a { display:block; }
.customer-premium .footer-cta-image img { object-fit:contain; max-height:120px; }
@media (max-width:899px) {
  .customer-premium .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:28px 20px; }
  .customer-premium .footer-brand,.customer-premium .footer-subscribe { grid-column:1 / -1; }
  .customer-premium .footer-brand { border-right:0; padding-right:0; }
  .customer-premium .footer-column a { display:flex; align-items:center; min-height:44px; font-size:14px; margin-bottom:4px; }
  .customer-premium .footer-cta-inner { grid-template-columns:1fr; padding:24px 20px; gap:16px; }
  .customer-premium .footer-cta-image { height:90px; }
  .customer-premium .footer-cta-content h2 { white-space:normal; font-size:clamp(24px,5vw,32px); }
  .customer-premium .footer-cta-button { max-width:100%; }
  .customer-premium .footer-cta-content p { font-size:16px; line-height:1.5; }
}
/* Existing account controls become an app-style dock; IDs and handlers are unchanged. */
@media (max-width:600px) {
  body.customer-premium:not(:has(.profile-page)) { padding-bottom:calc(72px + env(safe-area-inset-bottom,0px)); }
  .customer-premium .header-right {
    display:flex; position:fixed; inset:auto 0 0; height:calc(64px + env(safe-area-inset-bottom,0px));
    padding:4px 12px calc(4px + env(safe-area-inset-bottom,0px)); margin:0;
    background:#00271f; border-top:1px solid #d4af37; justify-content:space-around; gap:4px;
  }
  .customer-premium .header-icon-btn { display:flex; flex-direction:column; gap:3px; width:auto; flex:1; min-width:44px; min-height:48px; height:auto; padding:4px; border:0; background:transparent; text-decoration:none; }
  .customer-premium .header-icon-btn::after { content:attr(aria-label); font:10px/1.2 Arial,sans-serif; color:#fff4df; text-align:center; }
  .customer-premium .header-icon-btn i { font-size:19px !important; }
  .customer-premium .header-icon-btn:hover { transform:none; }
}
@media (max-width:600px) {
  .customer-premium .site-header { backdrop-filter:none; -webkit-backdrop-filter:none; }
}
@media (max-width:600px) {
  .customer-premium #ordersBtn::after { content:"Orders"; }
  .customer-premium #transactionsBtn::after { content:"History"; }
  .customer-premium .header-right a[aria-label="Notifications"]::after { content:"Alerts"; }
}
/* One content measure across the home page, including ultrawide viewports. */
.customer-premium { --customer-content-width:1400px; --customer-gutter:clamp(16px,3vw,40px); }
.customer-premium :is(.journey-container,.jewellery-container,.instagram-container,.testimonials-container,.wealth-container) {
  width:calc(100% - 2 * var(--customer-gutter)); max-width:var(--customer-content-width);
  margin-inline:auto; padding-inline:0;
}
.customer-premium .jewellery-container { padding:24px; }
.customer-premium section.why-goldbites .why-goldbites-container {
  width:calc(100% - 2 * var(--customer-gutter)) !important; max-width:var(--customer-content-width) !important;
}
.customer-premium .header-container { max-width:1480px; }
.customer-premium :is(.footer-main,.footer-cta-inner) { max-width:1480px; margin-inline:auto; }
.customer-premium .journey-section { padding-block:clamp(40px,5vw,72px); }
.customer-premium .journey-heading { margin-bottom:clamp(24px,3vw,40px); }
.customer-premium .testimonials-container { padding-bottom:40px; }
@media (max-width:768px) {
  .customer-premium .jewellery-container { padding:18px 14px; }
  .customer-premium .journey-grid { scroll-snap-type:x proximity; }
  .customer-premium .journey-card { scroll-snap-align:start; }
}
/* Compact phone footer: retain every link without excessive empty vertical space. */
@media (max-width:600px) {
  .customer-premium .footer-main { width:100%; padding:18px 16px; gap:14px 16px; }
  .customer-premium .footer-brand { display:grid; grid-template-columns:1fr auto; gap:4px 12px; }
  .customer-premium .footer-logo { grid-column:1; margin:0; }
  .customer-premium .footer-tagline { grid-column:1 / -1; margin:0; font-size:12px; }
  .customer-premium .footer-description { grid-column:1 / -1; max-width:none; font-size:12px; line-height:1.45; margin:0; }
  .customer-premium .footer-socials { grid-column:1 / -1; margin:0; gap:14px; }
  .customer-premium .footer-socials a { width:28px; height:28px; font-size:15px; }
  .customer-premium :is(.footer-column h3,.footer-subscribe h3) { font-size:14px; margin-bottom:5px; line-height:1.4; }
  .customer-premium .footer-column a { min-height:28px; font-size:12px; line-height:1.4; margin:0; padding-block:5px; }
  .customer-premium .footer-subscribe p { font-size:12px; line-height:1.4; margin:0 0 6px; }
  .customer-premium .subscribe-form { flex-wrap:nowrap; height:auto; }
  .customer-premium .subscribe-form input { flex:1 1 0; width:0; font-size:16px; }
  .customer-premium .subscribe-form button { font-size:13px; padding-inline:12px; }
  .customer-premium .footer-bottom { min-height:0; padding:8px 16px; gap:4px 8px; }
  .customer-premium .footer-bottom p { font-size:11px; }
  .customer-premium .footer-follow { flex-basis:auto; }
  .customer-premium .footer-follow span { font-size:11px; }
  .customer-premium .footer-follow a { min-width:22px; min-height:24px; font-size:12px; }
  .customer-premium .footer-cta-inner { grid-template-columns:64px minmax(0,1fr); gap:10px; padding:16px; }
  .customer-premium .footer-cta-image { height:64px; }
  .customer-premium .footer-cta-content h2 { font-size:22px; }
  .customer-premium .footer-cta-content p { font-size:12px; }
  .customer-premium .footer-cta-button-wrapper { grid-column:1 / -1; }
}
.customer-premium .footer-link-groups { display:contents; }
@media (max-width:600px) {
  .customer-premium .footer-main { grid-template-columns:minmax(0,1fr); gap:12px; }
  .customer-premium .footer-link-groups { display:grid; grid-template-columns:repeat(4,minmax(145px,1fr)); gap:18px; overflow-x:auto; padding-bottom:8px; scroll-snap-type:x proximity; overscroll-behavior-inline:contain; }
  .customer-premium .footer-column { scroll-snap-align:start; }
  .customer-premium .footer-brand p { margin:0; }
  .customer-premium .footer-brand { gap:3px 10px; }
  .customer-premium .footer-logo-symbol { width:30px; height:30px; font-size:24px; }
  .customer-premium .footer-logo-text { font-size:22px; }
}
@media (max-width:600px) {
  /* Social links are already present in the brand block; avoid a duplicate mobile row. */
  .customer-premium .footer-bottom .footer-follow { display:none; }
  .customer-premium .footer-main { padding-block:14px; }
  .customer-premium .footer-link-groups { scrollbar-color:#d4af37 #003d2b; scrollbar-width:thin; }
}
.customer-premium .testimonials-section .testimonials-container {
  width:calc(100% - 2 * var(--customer-gutter)); max-width:var(--customer-content-width); padding-inline:0;
}

/* Mobile-number subscription consent stays outside the existing input row. */
.customer-premium .subscribe-consent { display:flex; align-items:flex-start; gap:8px; font-size:14px; line-height:1.5; margin-top:12px; color:#b7c9c0; }
.customer-premium .subscribe-consent input { flex:0 0 auto; width:16px; height:16px; margin-top:3px; accent-color:#d4af37; }
.customer-premium .subscribe-status { font-size:13px; line-height:1.5; margin-top:8px; overflow-wrap:anywhere; }

.website-feedback-dialog { box-sizing:border-box; width:min(440px,calc(100vw - 32px)); max-height:85dvh; overflow:auto; border:1px solid #d4af37; border-radius:18px; padding:28px; background:linear-gradient(135deg,#084334,#001b16); color:#fff4df; box-shadow:0 0 24px #d4af3733; }
.website-feedback-dialog::backdrop { background:rgba(0,15,10,.75); }
.website-feedback-dialog h2 { color:#ffd76a; margin:0 0 16px; }
.website-feedback-dialog p { line-height:1.6; }
.website-feedback-dialog label { display:grid; gap:8px; margin:16px 0; }
.website-feedback-dialog input,.website-feedback-dialog textarea { box-sizing:border-box; width:100%; font:inherit; font-size:16px; background:#00271f; color:#fff; padding:12px; border:1px solid #a98b35; border-radius:8px; }
.website-feedback-dialog button { min-height:44px; margin:8px 8px 0 0; padding:10px 20px; border:1px solid #d4af37; border-radius:8px; background:linear-gradient(120deg,#ffe8a3,#d4af37); color:#001b16; font-weight:700; cursor:pointer; }
.website-feedback-dialog :focus-visible { outline:2px solid #ffd76a; outline-offset:3px; }
.website-feedback-dialog button:disabled { opacity:.6; }

.customer-premium .instagram-gallery.instagram-auto-gallery { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:calc((100% - 5 * clamp(5px,.7vw,10px)) / 6); gap:clamp(5px,.7vw,10px); overflow-x:auto; scroll-behavior:auto; scrollbar-width:none; }
.instagram-auto-gallery::-webkit-scrollbar { display:none; }
.customer-premium :is(.journey-grid,.wealth-options,.why-features,.footer-link-groups) { scroll-snap-type:none; scroll-behavior:auto; }
@media(max-width:768px){ .customer-premium .instagram-gallery.instagram-auto-gallery { grid-auto-columns:minmax(130px,calc((100% - 40px)/6)); gap:8px; } }

.referral-share-dialog label { display:block; margin:14px 0; color:#fff4df; }
.referral-share-dialog input { display:block; box-sizing:border-box; width:100%; margin-top:6px; padding:12px; background:#00271f; color:#ffe8a3; border:1px solid #d4af37; border-radius:8px; font-size:16px; }
.referral-share-dialog .referral-actions { display:flex; flex-wrap:wrap; gap:10px; }
.referral-share-dialog a { color:#ffd76a; text-decoration:underline; }
.referral-share-dialog { max-height:85dvh; overflow:auto; }
@media(max-width:360px) { .customer-premium .header-right { padding-inline:4px; gap:0; } }


.help-center-fab{position:fixed;right:20px;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border:1px solid #d4af37;border-radius:50%;background:linear-gradient(135deg,#ffe8a3,#d4af37);color:#00271f;box-shadow:0 4px 18px #0005;display:grid;place-items:center;z-index:950;cursor:pointer}.help-center-fab svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7}.help-center-fab svg circle{fill:currentColor;stroke:none}.help-center-fab:focus-visible{outline:3px solid #ffd76a;outline-offset:4px}#walletRefreshRates{margin-top:12px;min-height:44px;border:1px solid #d4af37;border-radius:8px;padding:10px 18px;background:#ffd76a;color:#00271f;font-weight:700}@media(max-width:600px){.help-center-fab{right:14px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:48px;height:48px}}

/* Goldbites assistant — compact emerald showroom styling. */
.customer-premium .gb-chat-dialog{box-sizing:border-box;padding:0;border:1px solid #d4af37;border-radius:18px;background:linear-gradient(140deg,#003e2c,#001e18);color:#fff4df;width:414px;max-width:calc(100vw - 24px);height:min(600px,calc(100dvh - 36px));max-height:calc(100dvh - 24px);margin:auto 22px 18px auto;overflow:hidden;box-shadow:0 14px 55px #0007;font:14px/1.45 Arial,sans-serif}.gb-chat-dialog::backdrop{background:#001b1640}.gb-chat-shell{display:flex;flex-direction:column;height:100%;min-height:0}.gb-chat-header{display:flex;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid #bd98313b;background:linear-gradient(110deg,#003e2c,#001e18);flex:none}.gb-chat-brand{width:50px;height:50px;border:1px solid #af8c2f;border-radius:50%;object-fit:contain;padding:3px;box-sizing:border-box}.gb-chat-header h2{font-family:Georgia,serif;font-size:18px;color:#fff4df;margin:0 0 2px}.gb-chat-availability{display:flex;align-items:center;gap:5px;font-size:10px;color:#d3e3d8}.gb-chat-availability i{width:6px;height:6px;background:#27d483;border-radius:50%}.gb-chat-dialog button{font:inherit;cursor:pointer;color:#ffe8a3;background:transparent;border:1px solid #9a7d2e;border-radius:10px;min-height:36px;padding:7px 10px}.gb-chat-header>button{margin-left:auto;font-size:25px;width:38px;height:38px;padding:0;border-radius:9px}.gb-chat-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a98b35 #00271f}.gb-chat-welcome{height:112px;position:relative;display:flex;align-items:center;padding:0 20px;overflow:hidden;background:radial-gradient(ellipse at 80% 100%,#346b2555,transparent 65%)}.gb-chat-welcome>div{position:relative;z-index:1;flex:none;width:53%}.gb-chat-welcome>div>span{color:#ffd76a;font-size:13px}.gb-chat-welcome h3{font-family:Georgia,serif;font-size:29px;color:#ffe8a3;margin:0 0 2px;line-height:1.1}.gb-chat-welcome p{font-size:11px;line-height:1.5;margin:4px 0;color:#e6e8d9}.gb-chat-welcome img{position:absolute;width:55%;height:145px;object-fit:cover;right:0;bottom:-4px;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 22%);opacity:.95}.gb-chat-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 10px 12px}.gb-chat-topics button{display:flex;gap:9px;align-items:center;text-align:left;white-space:normal;padding:9px;min-height:55px;background:linear-gradient(120deg,#074730,#00271f);border-color:#ac8d33;box-shadow:inset 0 1px 0 #ffdf7510;transition:border-color .2s,background .2s}.gb-chat-topics button:hover{border-color:#ffe8a3;background:#07533b}.gb-chat-topic-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:linear-gradient(135deg,#fff0a9,#dbac35);color:#003526;box-shadow:0 0 12px #d4af3718}.gb-chat-dialog svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.gb-chat-topic-copy{min-width:0;flex:1}.gb-chat-topic-copy strong{display:block;font-size:11px;font-weight:600;color:#fff4df}.gb-chat-topic-copy small{display:block;font-size:9px;color:#d0e0d1;line-height:1.5;margin-top:2px}.gb-chat-chevron{font-size:26px;color:#ffd76a;line-height:1}.gb-chat-log{padding:0 16px;overflow-wrap:anywhere}.gb-chat-log:empty{display:none}.gb-chat-started .gb-chat-welcome,.gb-chat-started .gb-chat-topics{display:none}.gb-chat-started .gb-chat-body{padding-top:8px}.gb-chat-message{max-width:94%;padding:10px 12px;margin:10px 0;border:1px solid #d4af3744;border-radius:12px;background:#075540}.gb-chat-user{margin-left:auto;background:#ffe8a3;color:#00271f}.gb-chat-message p{margin:4px 0 0;white-space:pre-wrap;font-size:15px;line-height:1.55}.gb-chat-author{font-size:11px;font-weight:700}.gb-chat-message small{display:block;margin-top:8px;color:#ffe8a3;font-size:11px}.gb-chat-compose{flex:none;padding:10px 20px 8px;border-top:1px solid #af8b3338;background:#002a20}.gb-chat-form{padding:0}.gb-chat-input-label{display:block;color:#ffe08a;font:bold 17px Georgia,serif;margin-bottom:8px}.gb-chat-form>div{display:flex;gap:7px;align-items:center}.gb-chat-form textarea{box-sizing:border-box;min-width:0;flex:1;height:39px;max-height:80px;resize:none;background:#002218;color:#fff4df;border:1px solid #a88b36;border-radius:8px;padding:9px 10px;font:16px/1.25 Arial,sans-serif}.gb-chat-form textarea::placeholder{color:#b9c7ba;font-size:11px}.gb-chat-form button{background:linear-gradient(135deg,#fff0b0,#d9ac36);color:#003526;width:39px;height:39px;padding:8px;border-radius:9px}.gb-chat-suggestions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.gb-chat-suggestions button{border-radius:20px;min-height:27px;padding:4px 8px;font-size:9px;color:#fff4df;border-color:#877432}.gb-chat-status{font-size:10px;color:#bfd3c6;margin:6px 0 0;line-height:1.4}.gb-chat-status:empty{display:none}.gb-chat-footer{flex:none;border-top:1px solid #a98b3544;padding:0 20px 8px;background:linear-gradient(100deg,#002d22,#002219)}.gb-chat-footer-actions{display:flex;align-items:center;padding:7px 0 0}.gb-chat-footer-actions button{border:none;border-radius:0;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;min-height:36px;color:#ffe08a}.gb-chat-footer-actions button+button{border-left:1px solid #a98b3555}.gb-chat-footer-actions svg{width:17px;height:17px}.gb-chat-settings{font-size:10px;color:#c9d4c9}.gb-chat-settings summary{cursor:pointer;text-align:center;padding:3px;color:#c9d4c9}.gb-chat-settings[open]{max-height:150px;overflow:auto}.gb-chat-controls{display:flex;gap:10px;justify-content:space-between;align-items:end;padding:8px 0}.gb-chat-controls label{font-size:11px}.gb-chat-controls select{display:block;font:inherit;font-size:14px;color:#fff4df;background:#00271f;border:1px solid #a98b35;border-radius:8px;min-height:36px;max-width:210px}.gb-chat-footer nav{display:flex;flex-wrap:wrap;gap:8px}.gb-chat-footer a{color:#ffe8a3;text-decoration:underline}.gb-chat-footer p{font-size:10px;line-height:1.4;margin:8px 0;color:#c8ddd2}.gb-chat-dialog :focus-visible{outline:2px solid #ffd76a;outline-offset:2px}.gb-chat-dialog button:disabled{opacity:.55;cursor:wait}@media(max-width:600px){.customer-premium .gb-chat-dialog{margin:auto;width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:min(600px,calc(100dvh - 24px))}.gb-chat-header{padding:12px 14px}.gb-chat-compose,.gb-chat-footer{padding-left:14px;padding-right:14px}.gb-chat-topic-copy strong{font-size:11px}.gb-chat-topic-icon{width:30px;height:30px}.gb-chat-topics button{gap:6px;padding:8px}.gb-chat-welcome{padding:0 14px}.gb-chat-welcome h3{font-size:27px}.gb-chat-suggestions button{min-height:32px}.gb-chat-message p{font-size:16px}}@media(max-width:340px){.gb-chat-topic-copy small{font-size:9px}.gb-chat-topics{gap:6px}.gb-chat-topics button{gap:5px}.gb-chat-chevron{font-size:20px}.gb-chat-topic-icon{width:26px;height:26px}.gb-chat-header h2{font-size:16px}}@media(max-height:500px){.gb-chat-welcome{height:90px}.gb-chat-body{min-height:60px}.gb-chat-header{padding:6px 12px}.gb-chat-compose{padding-top:6px}.gb-chat-status{max-height:28px;overflow:auto}}@media(prefers-reduced-motion:reduce){.gb-chat-dialog *{transition:none;scroll-behavior:auto}}
@media(max-width:600px){.customer-premium .gb-chat-dialog{height:calc(100dvh - 24px)}.gb-chat-welcome h3{font-size:24px;white-space:nowrap}.gb-chat-suggestions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.customer-premium .gb-chat-suggestions button{font-size:8px;min-height:44px;padding:3px 2px}.gb-chat-topics button{min-height:55px}.gb-chat-topic-copy small{font-size:9px}.gb-chat-compose{padding-top:8px}.gb-chat-header h2{font-size:17px}.gb-chat-welcome{height:105px}}
/* Profile menu is readable immediately after click, before hover. */
.customer-premium #goldbitesProfileMenu{background:linear-gradient(135deg,#064633,#00271f)!important;border:1px solid #d4af37;box-shadow:0 8px 25px #0005!important;max-width:calc(100vw - 28px)}.customer-premium #goldbitesProfileMenu button{color:#fff4df!important;min-height:44px;justify-content:flex-start;border-radius:7px;line-height:1.4}.customer-premium #goldbitesProfileMenu button span{color:#fff4df!important;opacity:1!important;visibility:visible!important}.customer-premium #goldbitesProfileMenu button i{color:#ffd76a!important}.customer-premium #goldbitesProfileMenu button:hover,.customer-premium #goldbitesProfileMenu button:focus-visible{background:#125b40!important}.customer-premium #goldbitesProfileMenu button:hover span{color:#ffe8a3!important}
.customer-premium .gb-banner-dialog{padding:0;border:1px solid #d4af37;border-radius:16px;background:#00271f;width:min(760px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:85dvh;overflow:auto;box-shadow:0 12px 50px #0007}.gb-banner-dialog::backdrop{background:#001b1680}.gb-banner-dialog img,.gb-banner-inline img{display:block;width:100%;height:auto;max-height:80dvh;object-fit:contain}.gb-banner-dialog a,.gb-banner-inline a{display:block}.gb-banner-inline{position:relative;max-width:1100px;margin:16px auto;border:1px solid #d4af37;border-radius:14px;background:#00271f;overflow:hidden}.customer-premium .gb-banner-close{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;padding:0;min-height:44px;border:1px solid #d4af37;border-radius:50%;background:#00271feb;color:#ffe8a3;font-size:28px;line-height:1;cursor:pointer}.gb-banner-close:focus-visible{outline:3px solid #ffd76a;outline-offset:3px}@media(max-width:600px){.gb-banner-inline{margin-inline:12px}.customer-premium .gb-banner-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}}
/* Referral popup: company artwork and accessible, responsive sharing controls. */
dialog.referral-share-dialog { width:min(1080px,calc(100vw - 24px)); max-height:90dvh; padding:36px; position:relative; border:1px solid #f6d56e; border-radius:26px; background:radial-gradient(ellipse at 12% 35%,#b7902533,transparent 48%),linear-gradient(125deg,#003c2b,#001b12 65%); box-shadow:0 0 0 2px #ad8b3333,0 0 35px #ffd76a33; }
.referral-share-dialog[open] { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr); gap:30px; }
.referral-share-dialog::backdrop { background:#00160edb; backdrop-filter:blur(5px); }
.referral-share-dialog .referral-art { display:flex; flex-direction:column; justify-content:center; align-items:center; min-width:0; }
.referral-art img { width:100%; height:auto; object-fit:contain; border-radius:18px; }
.referral-art span { color:#ffe59a; font:24px/1.5 Georgia,serif; margin-top:22px; text-align:center; }
.referral-content { min-width:0; }
.referral-share-dialog h2 { font:clamp(32px,4.4vw,58px)/1.12 Georgia,serif; text-align:center; color:#fff8df; margin:10px 0; }
.referral-share-dialog h2 span { color:#ffdc71; }
.referral-ornament,.referral-divider { text-align:center; color:#ffd76a; }
.referral-ornament { font-size:24px; }
.referral-divider { margin:14px auto; background:linear-gradient(90deg,transparent,#d4af3755,transparent); font-size:25px; }
.referral-share-dialog .referral-reward { font:clamp(19px,2.2vw,26px)/1.45 Georgia,serif; text-align:center; margin:12px 0; }
.referral-share-dialog label { font:20px/1.4 Georgia,serif; margin:18px 0; }
.referral-field { display:flex; margin-top:8px; border:1px solid #d4af37; border-radius:13px; overflow:hidden; background:#001b14; }
.referral-share-dialog .referral-field input { margin:0; border:0; border-radius:0; min-width:0; flex:1; width:0; color:#fff8df; padding:16px; font:16px/1.4 Arial,sans-serif; }
.referral-share-dialog .referral-field button { margin:0; border:0; border-left:1px solid #d4af37; border-radius:0; padding:12px 18px; background:#002319; color:#ffdc71; flex-shrink:0; }
.referral-share-dialog .referral-install { display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid #b7994d; border-radius:14px; padding:16px; margin-top:24px; box-shadow:0 0 15px #d4af3722; }
.referral-install strong,.referral-install span { display:block; }
.referral-install strong { color:#ffdc71; font:22px/1.4 Georgia,serif; }
.referral-install span { font:14px/1.5 Arial,sans-serif; color:#e6e9dc; }
.referral-share-dialog .referral-install a { color:#002315; background:linear-gradient(120deg,#ffebaa,#d5a62a); border-radius:12px; padding:14px 20px; text-decoration:none; font-weight:700; white-space:nowrap; }
.referral-share-dialog .referral-actions { display:flex; gap:12px; }
.referral-share-dialog .referral-actions button { flex:1; margin:0; padding:16px 10px; border-radius:14px; font:700 20px/1.3 Georgia,serif; }
.referral-share-dialog .referral-actions button:not([data-share]) { background:#002b1e; color:#ffedb1; }
.referral-share-dialog .referral-status { min-height:24px; font-size:15px; margin:10px 0; }
.referral-share-dialog .referral-x { position:absolute; top:14px; right:14px; margin:0; width:44px; height:44px; padding:0; border-radius:50%; background:#002217; color:#ffdc71; font:32px/1 Arial,sans-serif; z-index:1; }
@media(max-width:700px) {
 .referral-share-dialog[open] { grid-template-columns:1fr; gap:12px; padding:22px 18px; }
 .referral-share-dialog .referral-art img { width:130px; }
 .referral-art span,.referral-ornament { display:none; }
 .referral-share-dialog h2 { font-size:36px; }
 .referral-share-dialog .referral-install { flex-wrap:wrap; margin-top:16px; padding:12px; }
 .referral-share-dialog label { font-size:18px; }
 .referral-share-dialog .referral-field button { padding:10px; }
 .referral-share-dialog .referral-actions { gap:8px; }
 .referral-share-dialog .referral-actions button { font-size:16px; padding:12px 8px; }
}

/* Supplied assistant artwork uses each surface's existing launcher dimensions. */
.help-center-fab:has(>.goldbites-chatbot-art){padding:0;background:transparent;border-color:transparent;box-shadow:none!important}
.help-center-fab>.goldbites-chatbot-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}

/* Shared referral popup presentation, matching the customer app. */
/* Only the application's existing referral dialog. */
.customer-premium dialog.referral-share-dialog{display:block!important;position:fixed;inset:0;margin:auto;width:min(94vw,640px);max-width:94vw;max-height:92dvh;padding:0!important;overflow-x:hidden;overflow-y:auto;border:1px solid #e1c45c!important;border-radius:clamp(22px,5vw,38px);background:#001f14!important;color:#fff9e4;box-shadow:0 0 26px #d4af3726!important;grid-template-columns:none!important;font-family:Arial,sans-serif}
.customer-premium dialog.referral-share-dialog:not([open]){display:none!important}.referral-share-dialog::backdrop{background:#001009b8;backdrop-filter:blur(5px)}.customer-premium .referral-share-dialog .referral-x{position:absolute;top:20px;right:20px;z-index:3;width:46px;height:46px;min-height:44px;border-radius:50%;border:1px solid #e5c55c;background:#002316;color:#ffe08a;font:38px/1 Georgia;padding:0;display:grid;place-items:center}.mobile-referral-hero{aspect-ratio:893/837;position:relative;overflow:hidden;border-radius:inherit}.mobile-referral-hero img{position:absolute;width:110.97%;max-width:none;height:auto;left:-5.485%;top:-5.85%;display:block}.customer-premium .referral-share-dialog .referral-content{padding:0 4% 6%;display:block;background:linear-gradient(#00271a,#001b11)}.customer-premium .referral-content>label{display:block;position:relative;border:1px solid #c5a846;border-radius:20px;margin:0 0 10px;padding:16px 14px 15px 50px;font:clamp(18px,3.4vw,27px)/1.25 Georgia,serif;color:#fff9df;background:radial-gradient(ellipse at top left,#2b54332e,transparent),#002316}.referral-label-icon{position:absolute;left:15px;top:17px;color:#f8cd60;font:28px/1 Arial}.customer-premium .referral-share-dialog .referral-field{display:flex;gap:0;border:1px solid #9b925e;border-radius:12px;overflow:hidden;margin-top:10px;background:#001d13;min-width:0}.customer-premium .referral-share-dialog .referral-field input{flex:1;width:0;min-width:0;min-height:48px;height:auto;padding:10px 12px!important;border:0!important;border-radius:0!important;color:#fff9e6;background:none;font:16px Arial!important;text-overflow:ellipsis}.customer-premium .referral-share-dialog .referral-field button{flex:0 0 auto;min-height:48px;padding:6px 12px;border:0;border-left:1px solid #bd9d45;border-radius:0;background:linear-gradient(115deg,#2c472422,#00180f);color:#f8cf65;font:19px Georgia,serif}.customer-premium .referral-share-dialog .referral-actions{display:grid;grid-template-columns:1fr .9fr 1fr;gap:10px;margin-top:22px}.customer-premium .referral-share-dialog .referral-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:62px;padding:10px 5px;border:1px solid #c6ac53;border-radius:18px;background:linear-gradient(140deg,#193e25,#001d12);color:#fff6d7;font:bold 16px/1.25 Georgia,serif;white-space:normal;box-shadow:inset 0 1px 7px #e7d18b14}.customer-premium .referral-share-dialog .referral-actions [data-share]{background:linear-gradient(120deg,#ffed99,#edbd44);color:#092014}.customer-premium .referral-share-dialog .referral-actions [data-whatsapp]{font-size:13px}.customer-premium .referral-share-dialog [data-whatsapp]>span{color:#50d375;font-size:27px}.customer-premium .referral-share-dialog .referral-install[hidden]{display:none!important}.customer-premium .referral-share-dialog .referral-status{font-size:12px;min-height:0;margin:6px 0;overflow-wrap:anywhere}.customer-premium .referral-share-dialog .referral-status:empty{display:none}

.customer-premium dialog.referral-share-dialog{width:min(94vw,460px);max-width:460px}
.referral-share-dialog .referral-action-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle}.referral-share-dialog [data-whatsapp]>.referral-action-icon{color:#25d366;width:23px;height:23px;flex-basis:23px}.referral-share-dialog .referral-field button{display:flex;align-items:center;gap:5px}.referral-share-dialog .referral-actions button{min-width:0}.referral-share-dialog .referral-actions button>span{min-width:0}
@media(max-width:360px){.customer-premium .referral-share-dialog .referral-actions{gap:6px}.customer-premium .referral-share-dialog .referral-actions button{font-size:13px}.customer-premium .referral-share-dialog .referral-actions [data-whatsapp]{font-size:11px}}
.customer-premium .referral-share-dialog [data-whatsapp]>span{font:inherit;color:inherit;overflow-wrap:normal}
.customer-premium .referral-share-dialog .referral-actions button{box-sizing:border-box;margin:0}
.customer-premium .referral-share-dialog .referral-x{top:12px;right:8px}
/* Website SIP shortcut and status overview. App status tabs stay independent. */
.active-sip-shortcut{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;flex-shrink:0}
.website-sip-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.website-sip-filters button{min-height:44px;border:1px solid #988345;border-radius:12px;padding:9px 15px;background:#073b2c;color:#e4e8d7;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}
.website-sip-filters button[aria-pressed=true]{background:#e6c364;color:#082b20;border-color:#ffdf86}
.website-sip-filters button:focus-visible{outline:2px solid #ffdf86;outline-offset:3px}
#sipHistoryList>.sip-card[hidden],#websiteSipFilterEmpty[hidden],.website-sip-filters[hidden]{display:none!important}
.website-sip-facts{display:flex;flex-wrap:wrap;gap:12px 22px;margin:14px 0 0}
.website-sip-facts dt{font-size:11px;color:#b9d1c1}.website-sip-facts dd{font-size:13px;color:#fff0c7;margin:4px 0 0;overflow-wrap:anywhere}
.customer-app-shell .website-sip-filters,.customer-app-shell #websiteSipFilterEmpty{display:none!important}
.sip-status.completed{background:#1a583b;color:#d1f4dc;border:1px solid #6caa80}.sip-status.expired{background:#514324;color:#ffe2a1;border:1px solid #9d854a}