/*
 * Rajmudra Jewellery - Public imitation jewellery visual theme
 * Design-only override. No layout/data/interaction logic is changed here.
 * Loaded last by includes/header.php so legacy coin storefront styles remain intact.
 */

:root {
    --ij-wine: #741f43;
    --ij-wine-deep: #4b1129;
    --ij-wine-soft: #9b4163;
    --ij-rose: #b8757f;
    --ij-rose-soft: #edd4d9;
    --ij-gold: #b88a55;
    --ij-gold-deep: #8f6438;
    --ij-gold-soft: #e7cfad;
    --ij-ivory: #fffaf8;
    --ij-pearl: #fffdfc;
    --ij-blush: #f8eef1;
    --ij-blush-2: #f3e4e8;
    --ij-mauve: #d8bec7;
    --ij-ink: #2f1822;
    --ij-copy: #5d4851;
    --ij-muted: #826f77;
    --ij-line: rgba(116, 31, 67, .14);
    --ij-line-gold: rgba(184, 138, 85, .28);
    --ij-shadow: 0 18px 48px rgba(76, 27, 48, .10);
    --ij-shadow-hover: 0 24px 58px rgba(76, 27, 48, .15);

    /* Shared legacy public variables */
    --rm-cream: var(--ij-ivory);
    --rm-cream-soft: var(--ij-pearl);
    --rm-ink: var(--ij-ink);
    --rm-muted: var(--ij-muted);
    --rm-gold: var(--ij-gold);
    --rm-gold-deep: var(--ij-wine);
    --rm-gold-soft: var(--ij-gold-soft);
    --rm-dark: var(--ij-wine-deep);
    --rm-red: #c62e55;

    /* Catalogue */
    --rmac-ink: var(--ij-ink);
    --rmac-brown: #4f2736;
    --rmac-gold: var(--ij-gold);
    --rmac-gold-deep: var(--ij-wine);
    --rmac-line: var(--ij-line);
    --rmac-soft: var(--ij-pearl);

    /* Product cards */
    --cpsl-bg: var(--ij-blush);
    --cpsl-card: rgba(255, 253, 252, .98);
    --cpsl-card-soft: #f8edf0;
    --cpsl-stage: #f0e1e5;
    --cpsl-stage-2: #e6d2d8;
    --cpsl-gold: var(--ij-gold);
    --cpsl-gold-soft: var(--ij-gold-soft);
    --cpsl-gold-deep: var(--ij-wine);
    --cpsl-text: var(--ij-ink);
    --cpsl-muted: var(--ij-muted);
    --cpsl-line: var(--ij-line);
    --cpsl-dark-line: #654451;
    --cpsl-shadow: var(--ij-shadow);
    --cpsl-shadow-hover: var(--ij-shadow-hover);

    /* View product */
    --vp-bg: #faf1f3;
    --vp-card: var(--ij-pearl);
    --vp-cream: #fbf1f3;
    --vp-border: #ead7dd;
    --vp-border-strong: var(--ij-gold);
    --vp-text: var(--ij-ink);
    --vp-muted: var(--ij-muted);
    --vp-gold: var(--ij-gold);
    --vp-gold-dark: var(--ij-wine);
    --vp-dark: var(--ij-wine-deep);
    --vp-shadow: var(--ij-shadow-hover);
    --vp-soft-shadow: var(--ij-shadow);

    /* Checkout */
    --r7-bg: #faf0f3;
    --r7-card: var(--ij-pearl);
    --r7-line: #ead4db;
    --r7-line2: #d8b6c0;
    --r7-text: var(--ij-ink);
    --r7-muted: var(--ij-muted);
    --r7-dark: var(--ij-wine-deep);
    --r7-gold: var(--ij-wine);
    --r7-shadow: var(--ij-shadow-hover);

    /* Orders */
    --ord-bg: #f7ecef;
    --ord-surface: #fff9fa;
    --ord-surface-2: var(--ij-pearl);
    --ord-line: #ead3da;
    --ord-line-strong: #d8b1bd;
    --ord-brown: var(--ij-ink);
    --ord-brown-2: #51273a;
    --ord-text: #4e3841;
    --ord-muted: var(--ij-muted);
    --ord-gold: var(--ij-gold);
    --ord-gold-soft: #ecd8dc;
    --ord-shadow: var(--ij-shadow);
    --ord-shadow-soft: 0 10px 28px rgba(76, 27, 48, .07);

    /* Profile */
    --rmp-brown: var(--ij-ink);
    --rmp-brown-2: #502839;
    --rmp-gold: var(--ij-gold);
    --rmp-gold-dark: var(--ij-wine);
    --rmp-gold-soft: var(--ij-gold-soft);
    --rmp-cream: #fff8fa;
    --rmp-ivory: var(--ij-pearl);
    --rmp-sand: #f4e7eb;
    --rmp-line: #ead4db;
    --rmp-text: #4a353e;
    --rmp-muted: var(--ij-muted);
    --rmp-shadow: var(--ij-shadow);

    /* Download */
    --rmd-gold: var(--ij-gold);
    --rmd-dark: var(--ij-wine-deep);
    --rmd-cream: #fff6f8;

    /* Gift budget */
    --gub-ink: var(--ij-wine-deep);
    --gub-copy: #573f48;
    --gub-gold: var(--ij-gold);
    --gub-gold-soft: rgba(184, 138, 85, .55);
    --gub-card-shadow: var(--ij-shadow);
}

html { background: var(--ij-ivory); }

body {
    color: var(--ij-copy);
    background:
        radial-gradient(circle at 8% 4%, rgba(232, 202, 210, .17), transparent 27%),
        radial-gradient(circle at 91% 11%, rgba(226, 202, 169, .13), transparent 25%),
        var(--ij-ivory);
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

::selection { background: var(--ij-wine); color: #fff; }

/* ---------- Typography ---------- */
:is(h1, h2, h3, .showcase-title, .cpsl-showcase-title, .rm-coin-reels-title, .gub-title, .rmp-title-row h1, .vp-title) {
    color: var(--ij-ink);
}

:is(.showcase-title, .cpsl-showcase-title, .rm-coin-reels-title, .gub-title, .rmp-title-row h1) {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-weight: 600 !important;
    letter-spacing: .015em;
}

:is(.showcase-eyebrow, .rm-coin-reels-eyebrow, .gub-eyebrow, .rmp-eyebrow) {
    color: var(--ij-wine) !important;
    letter-spacing: .16em;
}

/* ---------- Top news strip ---------- */
.topbar {
    background:
        linear-gradient(90deg, #3f0d22 0%, var(--ij-wine-deep) 34%, #641936 70%, #3f0d22 100%) !important;
    border-bottom: 1px solid rgba(231, 207, 173, .18);
}

.rm-news-item { color: #fff9fb; }
.rm-news-item i { color: #e7c99e !important; }

/* ---------- Main header: same structure, new jewellery styling ---------- */
.site-header.rm-main-header,
.site-header.rm-main-header.scrolled {
    background:
        radial-gradient(circle at 11% 0%, rgba(231, 207, 173, .20), transparent 31%),
        radial-gradient(circle at 88% 100%, rgba(220, 183, 194, .20), transparent 28%),
        linear-gradient(180deg, rgba(255, 253, 252, .985), rgba(250, 241, 244, .985)) !important;
    border-bottom: 1px solid rgba(116, 31, 67, .13) !important;
    box-shadow: 0 14px 38px rgba(75, 20, 44, .10) !important;
}

.site-header.rm-main-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(184, 138, 85, .6), rgba(116, 31, 67, .34), rgba(184, 138, 85, .6), transparent);
}

.rm-brand-logo {
    filter: drop-shadow(0 9px 18px rgba(86, 32, 53, .13)) !important;
}

.rm-brand-name {
    color: var(--ij-wine-deep) !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
}

.rm-brand-domain {
    color: var(--ij-gold-deep) !important;
    letter-spacing: .22em !important;
    text-transform: uppercase;
}

.rm-nav-link,
.rm-live-btn {
    color: #4d3440 !important;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: clamp(13px, .83vw, 16px) !important;
    font-weight: 700 !important;
    letter-spacing: .055em !important;
}

.rm-nav-link::after,
.rm-live-btn::after {
    height: 2px !important;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--ij-gold), var(--ij-wine)) !important;
}

.rm-nav-link:hover,
.rm-nav-link.active,
.rm-live-btn:hover,
.rm-live-btn.active,
.rm-more-nav.active .rm-more-btn,
.rm-more-nav.is-current .rm-more-btn {
    color: var(--ij-wine) !important;
}

.rm-more-panel,
.live-mini-dropdown,
.rm-account-panel {
    border-color: rgba(116, 31, 67, .15) !important;
    background: rgba(255, 253, 252, .985) !important;
    box-shadow: 0 24px 60px rgba(69, 20, 42, .16) !important;
}

.rm-more-panel::before,
.live-mini-dropdown::before {
    background: rgba(255, 253, 252, .985) !important;
    border-color: rgba(116, 31, 67, .15) !important;
}

.rm-more-panel a {
    color: #533945 !important;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .035em !important;
}

.rm-more-panel a:hover,
.rm-more-panel a.active,
.rm-account-panel a:hover {
    background: linear-gradient(90deg, #fbecf0, #fff8f5) !important;
    color: var(--ij-wine) !important;
}

.rm-account-btn {
    border-color: rgba(116, 31, 67, .15) !important;
    background: rgba(255, 255, 255, .62) !important;
    color: var(--ij-ink) !important;
    box-shadow: 0 9px 24px rgba(76, 27, 48, .07) !important;
}

.rm-account-btn:hover,
.rm-account-wrap.active .rm-account-btn {
    border-color: rgba(184, 138, 85, .55) !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(76, 27, 48, .11) !important;
}

.rm-header-review-action,
.rm-account-icon,
.rm-mobile-menu-button {
    filter: saturate(.88);
}

.live-mini-row,
.mobile-live-row {
    border-color: #ead8de !important;
    background: linear-gradient(145deg, #fff, #fff8fa) !important;
}

.sip-book-btn,
.b2b-live-rate-btn,
.rm-auth-primary {
    background: linear-gradient(135deg, var(--ij-wine), var(--ij-wine-deep)) !important;
    color: #fff !important;
    border-color: var(--ij-wine) !important;
    box-shadow: 0 12px 26px rgba(116, 31, 67, .18) !important;
}

/* ---------- Mobile navigation ---------- */
.mobile-menu-overlay { background: rgba(47, 16, 30, .44) !important; backdrop-filter: blur(4px); }

.rm-mobile-side-panel {
    background:
        radial-gradient(circle at 100% 0%, rgba(231, 207, 173, .18), transparent 30%),
        linear-gradient(180deg, #fffdfc, #faf0f3) !important;
    border-left-color: rgba(116, 31, 67, .12) !important;
    box-shadow: -20px 0 55px rgba(61, 18, 37, .18) !important;
}

.rm-mobile-panel-head {
    border-bottom-color: rgba(116, 31, 67, .12) !important;
}

.rm-mobile-panel-head strong { color: var(--ij-wine-deep) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 28px !important; }
.rm-mobile-panel-head small { color: var(--ij-muted) !important; }
.rm-mobile-panel-close { color: var(--ij-wine) !important; border-color: var(--ij-line) !important; background: #fff8fa !important; }

.rm-mobile-panel-nav > a,
.rm-mobile-nav-group-toggle {
    color: #503642 !important;
    border-color: transparent !important;
}

.rm-mobile-panel-nav > a:hover,
.rm-mobile-panel-nav > a.active,
.rm-mobile-nav-group.active .rm-mobile-nav-group-toggle,
.rm-mobile-nav-group.is-open .rm-mobile-nav-group-toggle,
.rm-mobile-nav-group-toggle:hover {
    color: var(--ij-wine) !important;
    background: linear-gradient(90deg, rgba(245, 226, 232, .92), rgba(255, 249, 247, .92)) !important;
}

.rm-mobile-panel-nav a i,
.rm-mobile-nav-group-toggle > span > i { color: var(--ij-gold-deep) !important; }

.rm-mobile-panel-nav .rm-mobile-nav-submenu a {
    color: #6d515d !important;
    border-left-color: rgba(184, 138, 85, .35) !important;
}

.rm-mobile-panel-nav .rm-mobile-nav-submenu a:hover,
.rm-mobile-panel-nav .rm-mobile-nav-submenu a.active {
    color: var(--ij-wine) !important;
    background: #fff7f9 !important;
}

/* ---------- Homepage / hero surfaces ---------- */
.hero-section {
    background: #f4eaed !important;
}

.hero-overlay {
    background: linear-gradient(90deg, rgba(46, 11, 27, .08), transparent 42%, rgba(46, 11, 27, .04)) !important;
}

.hero-dot {
    border-color: rgba(255,255,255,.86) !important;
    background: rgba(255,255,255,.54) !important;
    box-shadow: 0 3px 12px rgba(55, 15, 33, .12);
}

.hero-dot.active { background: var(--ij-wine) !important; border-color: #fff !important; }

.hero-btn {
    background: linear-gradient(135deg, var(--ij-wine), var(--ij-wine-deep)) !important;
    border-color: rgba(255,255,255,.42) !important;
    color: #fff !important;
    box-shadow: 0 14px 32px rgba(76, 18, 43, .24) !important;
}

.showcase-section {
    background:
        radial-gradient(circle at 50% 27%, rgba(231, 207, 173, .17), transparent 30%),
        linear-gradient(180deg, #fffaf8 0%, #f8eef1 100%) !important;
}

.showcase-section::before {
    background: radial-gradient(circle at 50% 34%, rgba(116, 31, 67, .08), rgba(116, 31, 67, .018) 24%, transparent 54%) !important;
}

.coin-nav {
    border-color: rgba(116, 31, 67, .15) !important;
    background: rgba(255, 253, 252, .88) !important;
    color: var(--ij-wine) !important;
    box-shadow: var(--ij-shadow) !important;
}

.coin-nav:hover { background: var(--ij-wine) !important; color: #fff !important; }

.mrc-section,
.cpsl-product-showcase,
.rm-coin-reels,
.gub-section,
.grs-section {
    color: var(--ij-copy);
}

.cpsl-product-showcase {
    background:
        radial-gradient(circle at 10% 16%, rgba(255,255,255,.62), transparent 26%),
        radial-gradient(circle at 88% 9%, rgba(184,138,85,.10), transparent 27%),
        linear-gradient(180deg, #fbf3f5 0%, #f3e5e9 52%, #fff9f7 100%) !important;
}

.cpsl-product-showcase::before {
    background: linear-gradient(120deg, rgba(255,255,255,.36), transparent 31%, rgba(116,31,67,.035), transparent 74%) !important;
}

.cpsl-showcase-head--featured,
.cpsl-corporate-gifting__banner {
    border-color: rgba(116, 31, 67, .12) !important;
    background: linear-gradient(135deg, rgba(255,253,252,.92), rgba(248,235,239,.94)) !important;
    box-shadow: var(--ij-shadow) !important;
}

.cpsl-showcase-return-note { color: var(--ij-wine) !important; }

/* Keep original product-card sizing/structure; change only finish. */
.cpsl-product-card,
.cpsl-card-shell {
    border-color: rgba(116, 31, 67, .12) !important;
    background: rgba(255, 253, 252, .98) !important;
    box-shadow: 0 14px 34px rgba(76, 27, 48, .09) !important;
}

.cpsl-product-card:hover,
.cpsl-card-shell:hover {
    border-color: rgba(184, 138, 85, .38) !important;
    box-shadow: var(--ij-shadow-hover) !important;
}

.cpsl-main-stage,
.cpsl-main-stage-frame {
    background: linear-gradient(180deg, #fff9fa, #f4e7eb) !important;
    border-color: rgba(116, 31, 67, .10) !important;
}

.cpsl-card-topbar,
.cpsl-card-footer,
.cpsl-card-footer-row {
    border-color: rgba(116, 31, 67, .10) !important;
}

.cpsl-footer-menu-btn,
.cpsl-price-toggle,
.cpsl-price-toggle-bottom {
    color: var(--ij-wine) !important;
    border-color: rgba(116, 31, 67, .18) !important;
    background: #fff8fa !important;
}

.cpsl-action-btn,
.cpsl-menu-card-action,
.cpsl-footer-cart-box {
    border-color: rgba(116, 31, 67, .16) !important;
}

.cpsl-return-modal__dialog {
    border-color: rgba(184, 138, 85, .32) !important;
    background: linear-gradient(145deg, #fffdfc, #f9edf1) !important;
    box-shadow: 0 30px 90px rgba(51, 13, 30, .30) !important;
}

.rm-coin-reels {
    background:
        radial-gradient(circle at 14% 0%, rgba(231, 207, 173, .17), transparent 28%),
        linear-gradient(180deg, #fffdfc, #f8eef1) !important;
}

.rm-coin-reel-card {
    border-color: rgba(116,31,67,.12) !important;
    box-shadow: var(--ij-shadow) !important;
}

.rm-coin-reels-nav {
    background: rgba(255,253,252,.92) !important;
    border-color: rgba(116,31,67,.16) !important;
    color: var(--ij-wine) !important;
}

.gub-section {
    background:
        radial-gradient(circle at 8% 8%, rgba(231,207,173,.26), transparent 25%),
        radial-gradient(circle at 90% 10%, rgba(208,171,183,.22), transparent 25%),
        linear-gradient(105deg, #f6e9ed 0%, #fff9f8 48%, #f4e7e9 100%) !important;
}

.gub-card {
    border-color: rgba(116,31,67,.12) !important;
    box-shadow: var(--ij-shadow) !important;
}

.grs-section {
    border-color: rgba(184, 138, 85, .46) !important;
    background:
        radial-gradient(circle at 8% 15%, rgba(231,207,173,.22), transparent 34%),
        radial-gradient(circle at 92% 82%, rgba(116,31,67,.10), transparent 34%),
        linear-gradient(145deg,#fffdfc 0%,#faedf1 58%,#fff6f0 100%) !important;
    box-shadow: var(--ij-shadow) !important;
}

/* ---------- Catalogue / All Products page ---------- */
.rmac-page,
.rmd-page {
    background:
        radial-gradient(circle at 7% 3%, rgba(218, 184, 194, .21), transparent 29%),
        radial-gradient(circle at 93% 10%, rgba(231, 207, 173, .20), transparent 27%),
        linear-gradient(145deg, #fffdfc, #f8edf0) !important;
}

.rmac-filter-bar,
.rmac-filter-shell,
.rmac-table-shell,
.rmd-table-grid,
.rmd-media-card {
    border-color: rgba(116,31,67,.13) !important;
    background: rgba(255,253,252,.97) !important;
    box-shadow: var(--ij-shadow) !important;
}

.rmac-filter-field > span { color: var(--ij-wine) !important; }

.rmac-filter-field select,
.rmac-filter-field input {
    border-color: #e6d1d8 !important;
    background-color: #fffdfc !important;
    color: var(--ij-ink) !important;
}

.rmac-filter-field select:focus,
.rmac-filter-field input:focus {
    border-color: var(--ij-gold) !important;
    box-shadow: 0 0 0 3px rgba(184,138,85,.13) !important;
}

.rmac-row-images,
.rmac-row-specs,
.rmac-row-rate,
.rmac-row-actions,
.rmac-data-cell,
.rmac-label-cell {
    border-color: rgba(116,31,67,.09) !important;
}

.rmac-label-cell {
    color: var(--ij-wine) !important;
    background: #fbf1f4 !important;
}

.rmac-action-btn,
.rmd-download-btn {
    border-color: rgba(116,31,67,.16) !important;
    color: var(--ij-wine) !important;
    background: #fff9fa !important;
}

.rmac-action-btn:hover,
.rmd-download-btn:hover {
    color: #fff !important;
    background: linear-gradient(135deg, var(--ij-wine), var(--ij-wine-deep)) !important;
    border-color: var(--ij-wine) !important;
}

.rmac-mobile-filter-trigger,
.rmac-filter-clear {
    border-color: rgba(116,31,67,.17) !important;
}

/* ---------- View product ---------- */
.vp-view-product-page,
.vp-page {
    background:
        radial-gradient(circle at 8% 4%, rgba(221,183,195,.18), transparent 28%),
        linear-gradient(180deg, #fffaf9, #f8edf0) !important;
}

.vp-gallery,
.vp-summary,
.vp-option-panel,
.vp-card,
.vp-modal-dialog,
.vp-personal-modal__dialog {
    border-color: rgba(116,31,67,.13) !important;
    background: rgba(255,253,252,.97) !important;
    box-shadow: var(--ij-shadow) !important;
}

.vp-thumb,
.vp-qty-row,
.vp-fullview-stage {
    background: #fbf1f4 !important;
    border-color: #ead4da !important;
}

.vp-btn-dark {
    background: linear-gradient(135deg, var(--ij-wine), var(--ij-wine-deep)) !important;
    box-shadow: 0 16px 30px rgba(116,31,67,.20) !important;
}

.vp-btn-outline {
    border-color: var(--ij-wine) !important;
    color: var(--ij-wine) !important;
    background: #fff !important;
}

.vp-btn-outline:hover { background: var(--ij-wine) !important; color: #fff !important; }

/* ---------- Checkout ---------- */
body:has(.rmco7-page) {
    background:
        radial-gradient(circle at 9% 0, rgba(218,184,194,.23), transparent 25%),
        linear-gradient(135deg,#fffdfc,#f6e9ed) !important;
}

.rmco7-head { border-color: rgba(116,31,67,.13) !important; }
.rmco7-head span { color: var(--ij-wine) !important; }

.rmco7-card,
.rmco7-summary,
.rmco7-side,
.rmco7-panel,
.rmco7-compact-modal-dialog {
    border-color: rgba(116,31,67,.13) !important;
    background: rgba(255,253,252,.98) !important;
    box-shadow: var(--ij-shadow) !important;
}

.rmco7-btn-primary,
.rmco7-place-order,
.rmco7-pay-button {
    background: linear-gradient(135deg, var(--ij-wine), var(--ij-wine-deep)) !important;
    color: #fff !important;
    border-color: var(--ij-wine) !important;
}

/* ---------- Orders ---------- */
.rmord-page {
    background:
        radial-gradient(circle at 3% 0,rgba(202,160,174,.17),transparent 27%),
        radial-gradient(circle at 98% 8%,rgba(231,207,173,.13),transparent 24%),
        linear-gradient(180deg,#fff9fa 0%,var(--ord-bg) 100%) !important;
}

.rmord-overview-copy,
.rmord-overview-stats,
.rmord-toolbar,
.rmord-order,
.rmord-card,
.rmord2-empty {
    border-color: rgba(116,31,67,.12) !important;
    box-shadow: var(--ord-shadow) !important;
}

/* ---------- Profile / account ---------- */
.rmp-page {
    background: linear-gradient(180deg,#fff9fa 0,#fffdfc 22%,#f8edf0 100%) !important;
}

.rmp-page-hero {
    border-bottom-color: rgba(116,31,67,.12) !important;
    background:
        radial-gradient(circle at 82% 20%,rgba(184,138,85,.13),transparent 24%),
        linear-gradient(135deg,#fffdfc 0,#f7eaee 100%) !important;
}

.rmp-card,
.rmp-stat {
    border-color: rgba(116,31,67,.12) !important;
    background: rgba(255,253,252,.96) !important;
    box-shadow: var(--ij-shadow) !important;
}

.rmp-primary-button {
    color: #fff !important;
    background: linear-gradient(135deg,var(--ij-wine),var(--ij-wine-deep)) !important;
    border-color: rgba(184,138,85,.55) !important;
    box-shadow: 0 12px 26px rgba(116,31,67,.19) !important;
}

.rmp-secondary-button {
    color: var(--ij-wine) !important;
    border-color: #dec1ca !important;
    background: rgba(255,255,255,.78) !important;
}

.rmp-avatar-ring {
    background: linear-gradient(145deg,var(--ij-gold-soft),var(--ij-wine)) !important;
    box-shadow: 0 12px 34px rgba(76,27,48,.16) !important;
}

/* ---------- Generic public content pages ---------- */
.rm-info-page,
.policy-page,
.customer-service-page,
.faq-page,
.about-page,
.contact-page,
.review-page,
.team-page,
.franchisee-page,
.brand-ambassador-page {
    color: var(--ij-copy);
}

:is(.rm-info-hero, .policy-hero, .customer-service-hero, .faq-hero, .about-hero, .contact-hero, .review-hero) {
    background:
        radial-gradient(circle at 85% 12%, rgba(231,207,173,.16), transparent 28%),
        linear-gradient(135deg, #fffdfc, #f6e8ed) !important;
    border-color: rgba(116,31,67,.11) !important;
}

:is(.rm-info-card, .policy-card, .faq-card, .contact-card, .review-card) {
    border-color: rgba(116,31,67,.11) !important;
    box-shadow: var(--ij-shadow) !important;
}

/* ---------- Forms ---------- */
:is(.signin-page, .signup-page, .reset-password-page) {
    background:
        radial-gradient(circle at 15% 8%, rgba(231,207,173,.15), transparent 25%),
        linear-gradient(145deg, #fffdfc, #f6e9ed) !important;
}

:is(.signin-card, .signup-card, .reset-password-card) {
    border-color: rgba(116,31,67,.13) !important;
    box-shadow: var(--ij-shadow-hover) !important;
}

input:focus,
select:focus,
textarea:focus {
    outline-color: var(--ij-gold);
}

/* ---------- Cart / wishlist drawers ---------- */
.rm-drawer-panel,
.cart-drawer,
.wishlist-drawer,
.rm-cart-drawer,
.rm-wishlist-drawer {
    background: #fffdfc !important;
    border-color: rgba(116,31,67,.12) !important;
    box-shadow: -20px 0 60px rgba(62,17,37,.20) !important;
}

/* ---------- Footer ---------- */
.site-footer {
    background:
        radial-gradient(circle at 8% 0%, rgba(231, 207, 173, .15), transparent 32%),
        radial-gradient(circle at 92% 100%, rgba(181, 117, 127, .13), transparent 35%),
        linear-gradient(180deg, #fff9fa 0%, #f3e4e8 100%) !important;
    border-top-color: rgba(116,31,67,.12) !important;
}

.footer-brand-text { color: #664c57 !important; }
.footer-col h4 { color: var(--ij-wine-deep) !important; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 700 !important; letter-spacing: .04em !important; }
.footer-col h4::after { background: linear-gradient(90deg, var(--ij-wine), var(--ij-gold), transparent) !important; }
.footer-col a { color: #745d67 !important; }
.footer-col a i { color: var(--ij-gold-deep) !important; }
.footer-col a:hover { color: var(--ij-wine) !important; }

.footer-social a {
    color: var(--ij-wine) !important;
    border-color: rgba(116,31,67,.13) !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: 0 10px 24px rgba(76,27,48,.07) !important;
}

.footer-social a:hover {
    color: #fff !important;
    background: linear-gradient(135deg,var(--ij-wine),var(--ij-wine-deep)) !important;
    border-color: var(--ij-wine) !important;
    box-shadow: 0 14px 30px rgba(116,31,67,.20) !important;
}

.footer-badges span {
    color: var(--ij-wine) !important;
    border-color: rgba(116,31,67,.11) !important;
    background: linear-gradient(135deg,#fffaf8,#ead8dd) !important;
    box-shadow: 0 12px 28px rgba(76,27,48,.07) !important;
}

.footer-bottom { border-top-color: rgba(116,31,67,.11) !important; }
.footer-bottom p { color: #7b6670 !important; }

.footer-whatsapp-btn {
    box-shadow: 0 15px 35px rgba(53, 96, 69, .21) !important;
}

/* ---------- Small-screen polish without changing structure ---------- */
@media (max-width: 1180px) {
    .site-header.rm-main-header,
    .site-header.rm-main-header.scrolled {
        background: rgba(255, 250, 249, .985) !important;
    }

    .rm-mobile-link { color: #5b404c !important; }
    .rm-mobile-link:hover,
    .rm-mobile-link.active { color: var(--ij-wine) !important; }
}

@media (max-width: 767px) {
    body {
        background: linear-gradient(180deg, #fffdfc, #faf0f3) !important;
    }

    .site-header.rm-main-header {
        box-shadow: 0 9px 28px rgba(75,20,44,.10) !important;
    }

    .rm-brand-name { color: var(--ij-wine-deep) !important; }

    .rm-account-btn,
    .rm-mobile-menu-button {
        background: rgba(255,255,255,.72) !important;
        border-color: rgba(116,31,67,.12) !important;
    }

    .cpsl-product-showcase,
    .showcase-section,
    .rm-coin-reels,
    .gub-section {
        background-color: #faf0f3 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-header.rm-main-header,
    .cpsl-product-card,
    .gub-card,
    .footer-social a { transition: none !important; }
}

/* ========================================================================== 
   2026 storefront polish: refined header, premium cards and jewellery showcase
   ========================================================================== */

/* ---------- Refined public header ---------- */
.site-header.rm-main-header,
.site-header.rm-main-header.scrolled {
    background:
        radial-gradient(circle at 4% -30%, rgba(205, 162, 100, .22), transparent 30%),
        radial-gradient(circle at 95% 135%, rgba(141, 62, 88, .12), transparent 34%),
        linear-gradient(180deg, rgba(255, 254, 253, .985), rgba(252, 246, 247, .985)) !important;
    border-bottom: 1px solid rgba(119, 48, 71, .10) !important;
    box-shadow: 0 12px 36px rgba(72, 28, 43, .075) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
    backdrop-filter: blur(18px) saturate(1.15);
}

.site-header.rm-main-header::after {
    height: 2px !important;
    opacity: .72;
    background: linear-gradient(90deg, transparent 2%, rgba(190, 146, 82, .22) 18%, rgba(116, 31, 67, .34) 50%, rgba(190, 146, 82, .22) 82%, transparent 98%) !important;
}

.rm-header-row {
    width: min(96%, 1840px) !important;
    min-height: 92px !important;
    grid-template-columns: minmax(350px, 470px) minmax(360px, 1fr) auto !important;
    gap: clamp(24px, 2.2vw, 44px) !important;
    align-items: center !important;
}

.rm-header-brand-wrap { min-width: 0 !important; }

.rm-brand {
    position: relative;
    display: inline-grid !important;
    grid-template-columns: auto minmax(0, auto) !important;
    align-items: center !important;
    column-gap: 15px !important;
    padding: 7px 15px 7px 7px !important;
    border: 1px solid transparent;
    border-radius: 20px;
    transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.rm-brand:hover,
.rm-brand:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(184, 138, 85, .16);
    background: rgba(255, 255, 255, .58);
    box-shadow: 0 10px 28px rgba(68, 24, 42, .07);
}

.rm-brand-logo {
    width: clamp(68px, 4.5vw, 82px) !important;
    height: clamp(68px, 4.5vw, 82px) !important;
    padding: 2px;
    object-fit: contain !important;
    border-radius: 17px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(250,237,218,.78));
    box-shadow: 0 8px 25px rgba(93, 52, 26, .11), inset 0 0 0 1px rgba(191, 145, 78, .12);
    filter: saturate(.95) contrast(1.02) !important;
}

.rm-brand-copy {
    transform: none !important;
    gap: 7px;
}

.rm-brand-copy .rm-brand-name {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Cormorant Garamond", "Times New Roman", Georgia, serif !important;
    font-size: clamp(36px, 2.35vw, 47px) !important;
    font-weight: 700 !important;
    line-height: .86 !important;
    letter-spacing: .012em !important;
    white-space: nowrap !important;
    background: linear-gradient(94deg, #421227 0%, #6f1d3e 58%, #9e6b31 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    text-shadow: 0 8px 24px rgba(82, 29, 49, .09) !important;
}

.rm-brand-domain {
    display: flex !important;
    align-items: center;
    gap: 9px;
    margin: 0 0 0 2px !important;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: clamp(8px, .62vw, 10px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .30em !important;
    color: #9a6b38 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.rm-brand-domain::before {
    content: "" !important;
    display: block !important;
    width: 25px;
    height: 1px;
    flex: 0 0 25px;
    background: linear-gradient(90deg, #ad7438, rgba(173,116,56,.18));
}

.rm-desktop-nav ul {
    gap: clamp(7px, .7vw, 13px) !important;
    justify-content: center !important;
}

.rm-nav-link,
.rm-live-btn {
    min-height: 44px !important;
    padding: 0 15px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    color: #543943 !important;
    font-size: clamp(12px, .74vw, 14px) !important;
    font-weight: 750 !important;
    letter-spacing: .07em !important;
    transition: color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

.rm-nav-link::after,
.rm-live-btn::after { display: none !important; }

.rm-nav-link:hover,
.rm-nav-link.active,
.rm-more-nav.active .rm-more-btn,
.rm-more-nav.is-current .rm-more-btn {
    color: var(--ij-wine) !important;
    border-color: rgba(116, 31, 67, .10) !important;
    background: linear-gradient(135deg, rgba(250,237,241,.88), rgba(255,252,250,.96)) !important;
    box-shadow: 0 8px 22px rgba(78, 26, 46, .06) !important;
    transform: translateY(-1px);
}

.rm-more-btn i,
.rm-account-chev { font-size: 10px !important; opacity: .68; }

.rm-more-panel,
.rm-account-panel {
    border: 1px solid rgba(116, 31, 67, .11) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 90% 0%, rgba(226, 195, 151, .13), transparent 34%),
        rgba(255, 253, 252, .985) !important;
    box-shadow: 0 24px 60px rgba(62, 19, 37, .14) !important;
    overflow: hidden;
}

.rm-more-panel a,
.rm-account-panel a {
    border-radius: 11px !important;
    margin: 3px 7px !important;
}

.rm-header-actions-group {
    gap: 10px !important;
    justify-self: end;
}

.rm-header-review-action {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
    border: 1px solid rgba(184, 138, 85, .30) !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #fff, #fbf3ed) !important;
    box-shadow: 0 9px 24px rgba(79, 34, 48, .08) !important;
}

.rm-header-review-action:hover,
.rm-header-review-action:focus-visible {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 13px 28px rgba(79, 34, 48, .12) !important;
}

.rm-account-btn {
    min-height: 56px !important;
    padding: 6px 17px 6px 7px !important;
    gap: 11px !important;
    border: 1px solid rgba(116,31,67,.10) !important;
    border-radius: 999px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(252,244,246,.92)) !important;
    color: #432c35 !important;
    box-shadow: 0 9px 26px rgba(76, 27, 48, .07) !important;
}

.rm-account-btn:hover,
.rm-account-wrap.active .rm-account-btn {
    border-color: rgba(184,138,85,.36) !important;
    background: #fff !important;
    box-shadow: 0 14px 30px rgba(76,27,48,.10) !important;
}

.rm-account-icon,
.header-user-avatar {
    width: 43px !important;
    height: 43px !important;
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    box-shadow: 0 0 0 1px rgba(184,138,85,.35), 0 5px 14px rgba(78,30,46,.09) !important;
}

.rm-account-label {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
}

/* ---------- Site/product cards: same markup, more jewellery-like finish ---------- */
.cpsl-product-card {
    border: 1px solid rgba(116,31,67,.09) !important;
    border-radius: 26px !important;
    background: linear-gradient(155deg, rgba(255,255,255,.99), rgba(252,245,247,.98)) !important;
    box-shadow: 0 12px 34px rgba(72,26,44,.075) !important;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

.cpsl-product-card:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(184,138,85,.30) !important;
    box-shadow: 0 24px 55px rgba(72,26,44,.14) !important;
}

.cpsl-card-shell {
    border: 0 !important;
    border-radius: 25px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.cpsl-card-main { border-radius: 24px 24px 0 0 !important; }

.cpsl-main-stage,
.cpsl-main-stage-frame {
    border-color: rgba(116,31,67,.075) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 50% 34%, rgba(255,255,255,.96), rgba(255,255,255,.62) 33%, transparent 58%),
        linear-gradient(145deg, #fbf1f4, #f4e5e9) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.72) !important;
}

.cpsl-card-topbar--outside {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.cpsl-card-badge {
    border-radius: 999px !important;
    border: 1px solid rgba(184,138,85,.18) !important;
    box-shadow: 0 5px 14px rgba(68,24,41,.055) !important;
}

.cpsl-card-footer {
    border-top: 1px solid rgba(116,31,67,.075) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.48), rgba(249,238,242,.58)) !important;
    border-radius: 0 0 24px 24px !important;
}

.cpsl-action-btn,
.cpsl-menu-card-action,
.cpsl-footer-menu-btn,
.cpsl-footer-cart-box {
    border-radius: 12px !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.cpsl-action-btn:hover,
.cpsl-menu-card-action:hover,
.cpsl-footer-menu-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(81,29,49,.09) !important;
}

.gub-card,
.prv-card,
.rmd-media-card,
.rm-info-card,
.policy-card,
.faq-card,
.contact-card,
.review-card {
    border-radius: 24px !important;
    border-color: rgba(116,31,67,.09) !important;
    box-shadow: 0 12px 34px rgba(72,26,44,.075) !important;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

.gub-card:hover,
.prv-card:hover,
.rmd-media-card:hover,
.rm-info-card:hover,
.policy-card:hover,
.faq-card:hover,
.contact-card:hover,
.review-card:hover {
    transform: translateY(-5px);
    border-color: rgba(184,138,85,.28) !important;
    box-shadow: 0 22px 48px rgba(72,26,44,.12) !important;
}

/* ---------- Premium imitation jewellery showcase (replaces rotating coins) ---------- */
.showcase-section {
    min-height: auto !important;
    padding: clamp(74px, 8vw, 118px) 0 clamp(72px, 7vw, 105px) !important;
    background:
        radial-gradient(circle at 50% 24%, rgba(226,194,151,.20), transparent 27%),
        radial-gradient(circle at 9% 80%, rgba(151,67,96,.08), transparent 28%),
        radial-gradient(circle at 92% 72%, rgba(151,67,96,.065), transparent 26%),
        linear-gradient(180deg, #fffaf8 0%, #f8edf1 100%) !important;
}

.showcase-section::before {
    background:
        linear-gradient(90deg, transparent 8%, rgba(184,138,85,.075) 50%, transparent 92%),
        radial-gradient(circle at 50% 36%, rgba(116,31,67,.045), transparent 48%) !important;
}

.showcase-head {
    max-width: 920px;
    margin: 0 auto clamp(34px, 4.5vw, 58px) !important;
    padding: 0 24px !important;
}

.showcase-eyebrow {
    margin-bottom: 11px !important;
    color: #8a5e31 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .28em !important;
}

.showcase-title {
    margin: 0 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: clamp(38px, 4.2vw, 67px) !important;
    font-weight: 650 !important;
    line-height: .98 !important;
    letter-spacing: .015em !important;
    text-transform: uppercase !important;
    background: linear-gradient(92deg, #421227 0%, #792142 55%, #9c6a34 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    text-shadow: 0 10px 28px rgba(93,36,56,.075) !important;
}

.showcase-subtitle {
    max-width: 680px;
    margin: 16px auto 0;
    color: #78616a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.75;
}

.jewellery-showcase-stage {
    width: min(100%, 1400px) !important;
    margin: 0 auto !important;
    padding: 0 22px;
}

.coin-showcase.jewellery-showcase {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    justify-content: center !important;
    gap: clamp(14px, 1.8vw, 26px) !important;
    width: 100% !important;
    max-width: 1320px;
    margin: 0 auto !important;
    padding: 0 !important;
}

.jewellery-scene {
    width: auto !important;
    height: auto !important;
    min-width: 0;
    flex: none !important;
    perspective: none !important;
}

.jewellery-feature-card {
    --jewel-card-accent: #7d2445;
    position: relative;
    isolation: isolate;
    min-height: clamp(330px, 24vw, 405px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: clamp(22px, 2vw, 30px) clamp(17px, 1.5vw, 24px) 27px;
    border: 1px solid rgba(116,31,67,.10);
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% 28%, rgba(255,255,255,.98), rgba(255,255,255,.72) 31%, transparent 54%),
        linear-gradient(155deg, rgba(255,255,255,.94), rgba(248,235,239,.94));
    box-shadow: 0 17px 42px rgba(72,26,44,.09), inset 0 0 0 1px rgba(255,255,255,.68);
    transition: transform .32s cubic-bezier(.2,.7,.2,1), box-shadow .32s ease, border-color .32s ease;
}

.jewellery-feature-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 230px;
    height: 230px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    border: 1px solid rgba(184,138,85,.13);
    background: radial-gradient(circle, rgba(234,211,178,.18), rgba(255,255,255,.18) 55%, transparent 70%);
}

.jewellery-feature-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 10px;
    border: 1px solid rgba(184,138,85,.10);
    border-radius: 23px;
    pointer-events: none;
}

.jewellery-feature-card:hover {
    transform: translateY(-9px);
    border-color: rgba(184,138,85,.32);
    box-shadow: 0 28px 65px rgba(72,26,44,.15), inset 0 0 0 1px rgba(255,255,255,.8);
}

.jewellery-card-number {
    position: absolute;
    top: 19px;
    right: 22px;
    color: rgba(113,63,77,.32);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .08em;
}

.jewellery-art {
    position: relative;
    width: min(90%, 245px);
    aspect-ratio: 1 / .90;
    display: grid;
    place-items: center;
    margin-top: 8px;
    color: #a87034;
    animation: rm-jewel-float 4.6s ease-in-out infinite;
    filter: drop-shadow(0 17px 19px rgba(79,32,48,.12));
    transform-origin: 50% 60%;
}

.jewellery-scene:nth-child(2) .jewellery-art { animation-delay: -1.1s; }
.jewellery-scene:nth-child(3) .jewellery-art { animation-delay: -2.2s; }
.jewellery-scene:nth-child(4) .jewellery-art { animation-delay: -3.3s; }

.jewellery-art-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.jewel-line,
.jewel-bangle {
    fill: none;
    stroke: #b07b39;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.jewel-line-soft {
    stroke: #d7b36c;
    stroke-width: 3;
    opacity: .72;
}

.jewel-stones circle,
.jewel-stone-small {
    fill: #d7ad57;
    stroke: #fff5dc;
    stroke-width: 2;
}

.jewel-stone-main,
.jewel-pendant,
.jewel-drop {
    fill: #762141;
    stroke: #c9994c;
    stroke-width: 4;
    stroke-linejoin: round;
}

.jewel-detail {
    fill: none;
    stroke: rgba(255,241,208,.88);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.jewel-ring { stroke-width: 6; }
.jewel-pendant-small { stroke-width: 3; }
.jewel-bangle { stroke-width: 8; }
.jewel-bangle-one { stroke: #a76d2f; }
.jewel-bangle-two { stroke: #c89d50; }
.jewel-bangle-three { stroke: #8d2f4f; }

.jewellery-card-copy {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 10px;
    text-align: center;
}

.jewellery-card-kicker {
    display: block;
    margin-bottom: 5px;
    color: #a16f38;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .23em;
    text-transform: uppercase;
}

.jewellery-card-copy h3 {
    margin: 0;
    color: #4b1730 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: clamp(28px, 2.2vw, 38px);
    font-weight: 700;
    line-height: 1;
}

.jewellery-card-copy p {
    margin: 7px 0 0;
    color: #806871;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.jewellery-card-shine {
    position: absolute;
    top: -35%;
    left: -65%;
    width: 40%;
    height: 165%;
    transform: rotate(18deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);
    opacity: 0;
    pointer-events: none;
}

.jewellery-feature-card:hover .jewellery-card-shine {
    animation: rm-jewel-shine .85s ease;
}

@keyframes rm-jewel-float {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50% { transform: translateY(-8px) rotate(1deg); }
}

@keyframes rm-jewel-shine {
    0% { left: -65%; opacity: 0; }
    30% { opacity: .75; }
    100% { left: 135%; opacity: 0; }
}

@media (max-width: 1280px) {
    .rm-header-row {
        grid-template-columns: minmax(310px, 400px) minmax(300px, 1fr) auto !important;
        gap: 18px !important;
    }
    .rm-brand-logo { width: 66px !important; height: 66px !important; }
    .rm-brand-copy .rm-brand-name { font-size: 35px !important; }
    .rm-nav-link { padding: 0 12px !important; }
    .rm-account-label { max-width: 120px; }
}

@media (max-width: 1180px) {
    .rm-header-row {
        grid-template-columns: minmax(210px, 1fr) auto 44px !important;
        min-height: 76px !important;
        gap: 10px !important;
    }
    .rm-brand { padding: 5px 9px 5px 5px !important; column-gap: 10px !important; }
    .rm-brand-logo { width: 58px !important; height: 58px !important; border-radius: 14px !important; }
    .rm-brand-copy .rm-brand-name { font-size: 30px !important; }
    .rm-brand-domain { font-size: 7.5px !important; letter-spacing: .22em !important; gap: 6px; }
    .rm-brand-domain::before { width: 18px; flex-basis: 18px; }
    .rm-header-review-action { display: inline-flex !important; width: 44px !important; height: 44px !important; flex-basis: 44px !important; }
    .rm-account-btn { min-height: 50px !important; padding-right: 11px !important; }
    .rm-account-icon, .header-user-avatar { width: 37px !important; height: 37px !important; }
    .rm-account-label { font-size: 15px !important; max-width: 105px; }
}

@media (max-width: 991px) {
    .coin-showcase.jewellery-showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: 760px;
    }
    .jewellery-feature-card { min-height: 360px; }
}

@media (max-width: 767px) {
    .rm-header-row {
        grid-template-columns: minmax(174px, 1fr) auto 40px !important;
        min-height: 68px !important;
        gap: 7px !important;
        width: min(96%, 100%) !important;
    }
    .rm-brand { column-gap: 7px !important; padding: 4px 5px 4px 3px !important; border-radius: 14px; }
    .rm-brand-logo { width: 46px !important; height: 46px !important; border-radius: 11px !important; }
    .rm-brand-copy .rm-brand-name { display: block !important; max-width: none !important; font-size: 22px !important; line-height: .9 !important; }
    .rm-brand-domain { display: flex !important; max-width: none !important; font-size: 6.5px !important; letter-spacing: .17em !important; gap: 5px; }
    .rm-brand-domain::before { width: 12px; flex-basis: 12px; }
    .rm-header-review-action { width: 38px !important; height: 38px !important; flex-basis: 38px !important; }
    .rm-account-btn { min-width: 38px !important; min-height: 42px !important; padding: 3px !important; }
    .rm-account-icon, .header-user-avatar { width: 34px !important; height: 34px !important; }
    .rm-account-label, .rm-account-chev { display: none !important; }

    .showcase-section { padding: 64px 0 72px !important; }
    .showcase-head { margin-bottom: 28px !important; }
    .showcase-title { font-size: clamp(34px, 10vw, 48px) !important; }
    .showcase-subtitle { font-size: 12px; line-height: 1.65; }
    .jewellery-showcase-stage { max-width: 430px !important; padding: 0 20px; }
    .coin-showcase.jewellery-showcase { display: block !important; max-width: 100%; }
    .jewellery-scene { display: none; width: min(82vw, 340px) !important; margin: 0 auto !important; }
    .jewellery-scene.is-active { display: block; }
    .jewellery-feature-card { min-height: 385px; }
    .coin-nav { width: 44px !important; height: 44px !important; background: rgba(255,253,252,.95) !important; }
    .coin-nav-prev { left: 0 !important; }
    .coin-nav-next { right: 0 !important; }
}

@media (max-width: 430px) {
    .rm-header-row { grid-template-columns: minmax(150px, 1fr) auto 38px !important; gap: 5px !important; }
    .rm-brand-logo { width: 41px !important; height: 41px !important; }
    .rm-brand-copy .rm-brand-name { font-size: 19px !important; }
    .rm-brand-domain { font-size: 5.8px !important; letter-spacing: .13em !important; }
    .rm-brand-domain::before { width: 8px; flex-basis: 8px; }
    .rm-header-review-action { width: 35px !important; height: 35px !important; flex-basis: 35px !important; }
    .rm-account-btn { min-width: 35px !important; min-height: 39px !important; }
    .rm-account-icon, .header-user-avatar { width: 31px !important; height: 31px !important; }
    .jewellery-feature-card { min-height: 360px; border-radius: 26px; }
}

@media (prefers-reduced-motion: reduce) {
    .jewellery-art,
    .jewellery-card-shine { animation: none !important; }
    .jewellery-feature-card,
    .cpsl-product-card { transition: none !important; }
}

/* ========================================================================== 
   2026-09 Public pages refresh v4
   Authentication + information/static pages only. Visual overrides only:
   no form names, steps, JS hooks, PHP logic or admin/panel styles are changed.
   ========================================================================== */

:root {
    --ij-auth-plum: #35101f;
    --ij-auth-wine: #6d1f40;
    --ij-auth-berry: #9b3f63;
    --ij-auth-champagne: #c89a62;
    --ij-auth-champagne-soft: #f1dfc6;
    --ij-auth-pearl: #fffdfb;
    --ij-auth-rosewater: #f8edf1;
    --ij-auth-line: rgba(91, 31, 55, .14);
    --ij-static-radius: 28px;
}

/* ---------- Sign in / Sign up: new jewellery boutique surface ---------- */
.rmli-page,
.rmreg-page {
    --rmli-ink: var(--ij-auth-plum);
    --rmli-muted: #78636c;
    --rmli-line: var(--ij-auth-line);
    --rmli-card: rgba(255, 253, 251, .96);
    --rmli-gold: var(--ij-auth-champagne);
    --rmli-gold-dark: var(--ij-auth-wine);
    --rmli-shadow: 0 32px 90px rgba(63, 16, 38, .14);
    --rm-auth-ink: var(--ij-auth-plum);
    --rm-auth-muted: #78636c;
    --rm-auth-soft: #fbf2f5;
    --rm-auth-card: rgba(255, 253, 251, .96);
    --rm-auth-line: var(--ij-auth-line);
    --rm-auth-gold: var(--ij-auth-champagne);
    --rm-auth-gold-dark: var(--ij-auth-wine);
    --rm-auth-shadow: 0 32px 90px rgba(63, 16, 38, .14);
    background:
        radial-gradient(circle at 7% 14%, rgba(200,154,98,.15), transparent 22%),
        radial-gradient(circle at 91% 84%, rgba(155,63,99,.12), transparent 27%),
        linear-gradient(135deg, #fbf1f4 0%, #fffdfb 48%, #f7e9ee 100%) !important;
}

.rmli-auth,
.rmreg-auth {
    background: transparent !important;
}

.rmli-bg,
.rmreg-auth-bg {
    background-image:
        linear-gradient(90deg, rgba(53,16,31,.08) 0%, rgba(109,31,64,.08) 38%, rgba(255,253,251,.70) 61%, rgba(255,253,251,.97) 100%),
        url(../images/auth_ring.png) !important;
    background-size: cover !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    filter: none !important;
    transform: scale(1.01) !important;
}

.rmli-auth::before,
.rmreg-auth::before {
    content: "";
    position: absolute;
    left: clamp(36px, 6vw, 110px);
    top: 50%;
    width: clamp(210px, 29vw, 470px);
    aspect-ratio: 1;
    z-index: -1;
    border: 1px solid rgba(241,223,198,.20);
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow:
        0 0 0 32px rgba(241,223,198,.035),
        0 0 0 66px rgba(255,255,255,.018),
        inset 0 0 80px rgba(255,255,255,.035);
    pointer-events: none;
}

.rmli-auth::after,
.rmreg-auth::after {
    background:
        radial-gradient(circle at 22% 50%, transparent 0 19%, rgba(255,255,255,.025) 20% 21%, transparent 22% 30%, rgba(241,223,198,.055) 31% 31.4%, transparent 32%),
        linear-gradient(90deg, transparent 0 48%, rgba(255,253,251,.18) 55%, rgba(255,253,251,.76) 67%, rgba(255,253,251,.98) 100%) !important;
}

.rmli-shell,
.rmreg-form-shell {
    width: min(790px, calc(100% - 72px)) !important;
}

.rmli-card,
.rmreg-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(109,31,64,.13) !important;
    border-radius: 34px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.97), rgba(255,249,250,.95)) !important;
    box-shadow:
        0 34px 90px rgba(53,16,31,.15),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter: blur(22px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.06) !important;
}

.rmli-card::before,
.rmreg-card::before {
    content: none !important;
    display: none !important;
}

.rmli-card::after,
.rmreg-card::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -90px;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    border: 1px solid rgba(200,154,98,.13);
    box-shadow: 0 0 0 24px rgba(200,154,98,.035), 0 0 0 50px rgba(109,31,64,.02);
    pointer-events: none;
}

.rmli-head,
.rmreg-head {
    position: relative;
    z-index: 1;
    gap: 28px !important;
    align-items: center !important;
}

.rmli-head,
.rmreg-head {
    grid-template-columns: 158px minmax(0, 1fr) !important;
}

.rmli-brand-stack,
.rmreg-brand-stack {
    width: 158px !important;
    min-width: 158px !important;
    align-items: center !important;
}


.rmli-domain-link,
.rmreg-domain-link {
    color: var(--ij-auth-wine) !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .035em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    width: max-content !important;
    max-width: none !important;
}

.rmli-title,
.rmreg-title-block {
    text-align: left !important;
}

.rmli-title h1,
.rmreg-title-block h1,
.rmreg-otp-box h2 {
    color: var(--ij-auth-plum) !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
    line-height: .92 !important;
}

.rmli-title h1 { font-size: clamp(48px, 5vw, 68px) !important; }
.rmreg-title-block h1 { font-size: clamp(44px, 4.6vw, 62px) !important; }

.rmli-title p,
.rmreg-title-block p,
.rmreg-otp-copy {
    color: #7b6670 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.rmli-title strong,
.rmreg-eyebrow,
.rmreg-otp-eyebrow {
    color: var(--ij-auth-wine) !important;
    border-color: rgba(109,31,64,.16) !important;
    background: linear-gradient(135deg, #fff8f6, #f8e9ee) !important;
    letter-spacing: .14em !important;
}

.rmli-title > span,
.rmreg-title-block > span:last-child {
    width: 190px !important;
    background: linear-gradient(90deg, var(--ij-auth-wine), var(--ij-auth-champagne), transparent) !important;
}

.rmli-title > span::after {
    left: 0 !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--ij-auth-champagne-soft) !important;
    border-color: var(--ij-auth-champagne) !important;
}

.rmli-field,
.rmreg-field {
    position: relative;
}

.rmli-control,
.rmreg-control {
    min-height: 66px !important;
    border: 1px solid rgba(84,34,52,.13) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.91) !important;
    box-shadow: 0 9px 25px rgba(63,16,38,.035), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.rmli-control::before,
.rmreg-control::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(var(--ij-auth-wine), var(--ij-auth-champagne));
    opacity: .34;
    transition: opacity .2s ease, height .2s ease;
}

.rmli-control:focus-within,
.rmreg-control:focus-within {
    border-color: rgba(109,31,64,.38) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(109,31,64,.065), 0 13px 28px rgba(63,16,38,.06) !important;
}

.rmli-control:focus-within::before,
.rmreg-control:focus-within::before { opacity: 1; }

.rmli-icon,
.rmreg-control-icon {
    border-radius: 13px !important;
    color: var(--ij-auth-wine) !important;
    background: linear-gradient(145deg, #f9edf1, #fff7f2) !important;
    border: 1px solid rgba(109,31,64,.08) !important;
}

.rmli-control input,
.rmreg-control input,
.rmreg-control select,
.rmreg-control textarea {
    color: var(--ij-auth-plum) !important;
    font-weight: 650 !important;
}

.rmli-control input::placeholder,
.rmreg-control input::placeholder,
.rmreg-control textarea::placeholder { color: #a39198 !important; }

.rmli-eye,
.rmreg-eye { color: #846d76 !important; }
.rmli-eye:hover,
.rmreg-eye:hover { color: var(--ij-auth-wine) !important; }

.rmli-options {
    padding: 4px 2px 0;
}

.rmli-check span,
.rmreg-terms label > span {
    border-radius: 8px !important;
    border-color: rgba(109,31,64,.25) !important;
    background: #fff !important;
}

.rmli-check input:checked + span,
.rmreg-terms input:checked + span {
    background: var(--ij-auth-wine) !important;
    border-color: var(--ij-auth-wine) !important;
}

.rmli-forgot,
.rmli-signup a,
.rmreg-signin a,
.rmreg-terms a {
    color: var(--ij-auth-wine) !important;
}

.rmli-submit,
.rmreg-submit {
    min-height: 62px !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 18px !important;
    color: #fff !important;
    background:
        linear-gradient(115deg, var(--ij-auth-plum), var(--ij-auth-wine) 54%, #8f3155 100%) !important;
    box-shadow: 0 17px 34px rgba(83,22,48,.23) !important;
    letter-spacing: .035em !important;
}

.rmli-submit:hover,
.rmreg-submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 22px 42px rgba(83,22,48,.29) !important;
}

.rmli-submit i,
.rmreg-submit i {
    border-color: var(--ij-auth-champagne-soft) !important;
}

.rmli-divider::before,
.rmreg-divider::before,
.rmli-divider::after,
.rmreg-divider::after {
    background: linear-gradient(90deg, transparent, rgba(109,31,64,.14), transparent) !important;
}

.rmli-divider span,
.rmreg-divider span {
    color: #927b84 !important;
    background: #fffaf9 !important;
    border: 1px solid rgba(109,31,64,.08);
    border-radius: 999px;
    padding: 4px 12px !important;
}

/* Signup progress becomes a jewellery-step rail, functionality unchanged. */
.rmreg-progress {
    position: relative;
    gap: 12px !important;
    margin: 8px 0 24px !important;
}

.rmreg-progress-dot {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(109,31,64,.17) !important;
    border-radius: 11px !important;
    color: #8f7881 !important;
    background: #fff !important;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    box-shadow: 0 8px 18px rgba(63,16,38,.05);
    line-height: 1;
}

.rmreg-progress i {
    height: 2px !important;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(109,31,64,.09), rgba(200,154,98,.52), rgba(109,31,64,.09)) !important;
}

.rmreg-progress-active,
.rmreg-progress-done {
    color: #fff !important;
    border-color: rgba(200,154,98,.45) !important;
    background: linear-gradient(135deg, var(--ij-auth-wine), var(--ij-auth-plum)) !important;
    box-shadow: 0 10px 24px rgba(83,22,48,.18) !important;
}

.rmreg-step-title {
    position: relative;
    padding: 16px 18px 16px 22px !important;
    border: 1px solid rgba(109,31,64,.10) !important;
    border-radius: 18px !important;
    background: linear-gradient(120deg, rgba(248,237,241,.86), rgba(255,251,247,.92)) !important;
}

.rmreg-step-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(var(--ij-auth-wine), var(--ij-auth-champagne));
}

.rmreg-step-title strong {
    color: var(--ij-auth-wine) !important;
}

.rmreg-upload,
.rmreg-profile-upload,
.rmreg-address-preview,
.rmreg-rules,
.rmreg-terms {
    border-color: rgba(109,31,64,.11) !important;
    background: linear-gradient(145deg, #fff, #fbf1f4) !important;
    border-radius: 18px !important;
}

.rmreg-back,
.rmreg-resend {
    border-color: rgba(109,31,64,.18) !important;
    color: var(--ij-auth-wine) !important;
    background: #fff !important;
    border-radius: 16px !important;
}

.rmreg-rule {
    border-color: rgba(109,31,64,.10) !important;
    background: #fff !important;
    color: #77626a !important;
    border-radius: 999px !important;
}

.rmreg-rule.is-valid,
.rmreg-rule.rmreg-rule-valid {
    color: #21633f !important;
    border-color: rgba(33,99,63,.20) !important;
    background: #f0faf4 !important;
}

.rmreg-otp-box,
.rmli-modal-card {
    border: 1px solid rgba(109,31,64,.13) !important;
    border-radius: 30px !important;
    background: linear-gradient(150deg, #fff, #fff8f9) !important;
    box-shadow: 0 36px 100px rgba(53,16,31,.22) !important;
}

.rmreg-otp-digit {
    border-radius: 14px !important;
    border-color: rgba(109,31,64,.17) !important;
    color: var(--ij-auth-plum) !important;
    background: #fff !important;
}

.rmreg-otp-digit:focus {
    border-color: var(--ij-auth-wine) !important;
    box-shadow: 0 0 0 4px rgba(109,31,64,.07) !important;
}

/* ---------- Static / service pages: unified imitation-jewellery editorial design ---------- */
:is(
    .rm-info-main,
    .rmtc-page,
    .tc-public-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .about-page-main,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main,
    .rm-policy-page,
    .rm-size-page,
    .why-ramsetu-page
) {
    color: var(--ij-copy) !important;
    background:
        radial-gradient(circle at 5% 7%, rgba(200,154,98,.10), transparent 23%),
        radial-gradient(circle at 96% 22%, rgba(155,63,99,.085), transparent 26%),
        linear-gradient(180deg, #fffdfb 0%, #fbf2f5 54%, #fffaf8 100%) !important;
}

/* Editorial hero surfaces. */
:is(
    .rm-info-main,
    .rmtc-page,
    .tc-public-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .about-page-main,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main,
    .rm-policy-page,
    .rm-size-page,
    .why-ramsetu-page
) :is(
    .rm-info-hero,
    .rmtc-shell > header,
    .tc-public-shell > header,
    .buy-back-intro,
    .po-hero-shell,
    .pp-hero-shell,
    .about-hero-shell,
    .rv-hero-shell,
    .faq-hero-shell,
    .customer-service-hero-shell,
    .jewel-insurance-hero-shell,
    .jewel-protection-hero-shell,
    .free-resize-hero-shell,
    .rm-policy-hero,
    .rm-size-hero,
    .why-ramsetu-page__hero
) {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(109,31,64,.10) !important;
    border-radius: 32px !important;
    background:
        radial-gradient(circle at 88% 16%, rgba(200,154,98,.17), transparent 27%),
        linear-gradient(128deg, #fff 0%, #fff9f7 46%, #f5e6ec 100%) !important;
    box-shadow: 0 22px 58px rgba(65,19,39,.085) !important;
}

:is(
    .rm-info-main,
    .rmtc-page,
    .tc-public-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .about-page-main,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main,
    .rm-policy-page,
    .rm-size-page,
    .why-ramsetu-page
) :is(
    h1,
    h2,
    .po-hero-title,
    .pp-hero-title,
    .about-hero-title,
    .faq-hero-title,
    .customer-service-hero-title,
    .jewel-insurance-hero-title,
    .jewel-protection-hero-title,
    .free-resize-hero-title
) {
    color: var(--ij-auth-plum) !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-weight: 700 !important;
    letter-spacing: -.018em !important;
}

:is(
    .rm-info-main,
    .rmtc-page,
    .tc-public-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .about-page-main,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main,
    .rm-policy-page,
    .rm-size-page,
    .why-ramsetu-page
) :is(
    [class*="kicker"],
    [class*="eyebrow"],
    [class*="section-mini"],
    [class*="card-mini"],
    [class*="section-tag"],
    .rm-section-head > span
) {
    color: var(--ij-auth-wine) !important;
    letter-spacing: .13em !important;
    text-transform: uppercase;
}

/* Cards get a pearl, not coin-store, finish. */
:is(
    .rm-info-main,
    .rmtc-page,
    .tc-public-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .about-page-main,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main,
    .rm-policy-page,
    .rm-size-page,
    .why-ramsetu-page
) :is(
    .rm-info-card,
    .rmtc-filter-card,
    .rmtc-result-card,
    .rmtc-franchise-card,
    .tc-public-card,
    .rm-collection-card,
    .po-stat-card,
    .po-panel-card,
    .po-method-card,
    .po-info-card,
    .po-faq-card,
    .pp-badge-card,
    .pp-panel-card,
    .pp-overview-card,
    .pp-sidebar-card,
    .pp-content-card,
    .about-highlight-card,
    .about-floating-card,
    .about-story-card,
    .about-value-card,
    .about-service-card,
    .rv-card,
    .rv-review-card,
    .faq-side-card,
    .faq-category-card,
    .customer-service-section-card,
    .customer-service-help-card,
    .customer-service-sidebar-card,
    .jewel-insurance-section-card,
    .jewel-insurance-benefit-card,
    .jewel-insurance-sidebar-card,
    .jewel-protection-section-card,
    .jewel-protection-benefit-card,
    .jewel-protection-sidebar-card,
    .free-resize-section-card,
    .free-resize-benefit-card,
    .free-resize-sidebar-card,
    .rm-policy-card,
    .rm-size-card,
    .rm-size-chart-card,
    .why-ramsetu-page__card
) {
    border: 1px solid rgba(109,31,64,.09) !important;
    border-radius: var(--ij-static-radius) !important;
    background: linear-gradient(148deg, rgba(255,255,255,.98), rgba(255,248,250,.96)) !important;
    box-shadow: 0 14px 38px rgba(65,19,39,.07) !important;
}

:is(
    .rm-info-main,
    .rmtc-page,
    .tc-public-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .about-page-main,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main,
    .rm-policy-page,
    .rm-size-page,
    .why-ramsetu-page
) :is(
    .rmtc-result-card,
    .po-method-card,
    .pp-overview-card,
    .about-highlight-card,
    .about-value-card,
    .about-service-card,
    .rv-review-card,
    .customer-service-help-card,
    .jewel-insurance-benefit-card,
    .jewel-protection-benefit-card,
    .free-resize-benefit-card,
    .why-ramsetu-page__card
) {
    transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease !important;
}

:is(
    .rm-info-main,
    .rmtc-page,
    .tc-public-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .about-page-main,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main,
    .rm-policy-page,
    .rm-size-page,
    .why-ramsetu-page
) :is(
    .rmtc-result-card,
    .po-method-card,
    .pp-overview-card,
    .about-highlight-card,
    .about-value-card,
    .about-service-card,
    .rv-review-card,
    .customer-service-help-card,
    .jewel-insurance-benefit-card,
    .jewel-protection-benefit-card,
    .free-resize-benefit-card,
    .why-ramsetu-page__card
):hover {
    transform: translateY(-5px) !important;
    border-color: rgba(200,154,98,.34) !important;
    box-shadow: 0 24px 52px rgba(65,19,39,.115) !important;
}

/* Icon wells, badges and numbered chips. */
:is(
    .po-page,
    .pp-page,
    .about-page-main,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main,
    .rm-size-page,
    .why-ramsetu-page
) :is([class*="icon"], [class*="badge"]):not(img):not(svg) {
    border-color: rgba(109,31,64,.10) !important;
}

:is(.po-page,.pp-page,.about-page-main,.faq-page-main,.customer-service-page-main,.jewel-insurance-page-main,.jewel-protection-page-main,.free-resize-page-main)
:is(.po-card-tag,.pp-section-tag,[class*="section-mini"],[class*="card-mini"]) {
    color: var(--ij-auth-wine) !important;
}

/* Buttons and call-to-action links, without touching their URLs/handlers. */
:is(
    .rm-info-main,
    .rmtc-page,
    .tc-public-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .about-page-main,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main,
    .rm-policy-page,
    .rm-size-page,
    .why-ramsetu-page
) :is(
    .rm-info-btn-primary,
    .rm-cta a,
    .rmtc-franchise-card a,
    .about-hero-btn-primary,
    [class*="btn-primary"],
    [class*="button-primary"],
    button[type="submit"]
) {
    color: #fff !important;
    border-color: var(--ij-auth-wine) !important;
    border-radius: 15px !important;
    background: linear-gradient(125deg, var(--ij-auth-plum), var(--ij-auth-wine)) !important;
    box-shadow: 0 13px 29px rgba(83,22,48,.18) !important;
}

:is(
    .rm-info-main,
    .rmtc-page,
    .tc-public-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .about-page-main,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main,
    .rm-policy-page,
    .rm-size-page,
    .why-ramsetu-page
) :is(
    .about-hero-btn-secondary,
    [class*="btn-secondary"],
    [class*="button-secondary"]
) {
    color: var(--ij-auth-wine) !important;
    border-color: rgba(109,31,64,.18) !important;
    border-radius: 15px !important;
    background: #fff !important;
}

/* Static-page form controls / search / selectors. */
:is(
    .rmtc-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main
) :is(input, select, textarea) {
    border-color: rgba(109,31,64,.13) !important;
    border-radius: 14px !important;
    color: var(--ij-auth-plum) !important;
    background: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

:is(
    .rmtc-page,
    .buy-back-page,
    .po-page,
    .pp-page,
    .rv-page,
    .faq-page-main,
    .customer-service-page-main,
    .jewel-insurance-page-main,
    .jewel-protection-page-main,
    .free-resize-page-main
) :is(input, select, textarea):focus {
    border-color: rgba(109,31,64,.40) !important;
    box-shadow: 0 0 0 4px rgba(109,31,64,.065) !important;
    outline: none !important;
}

/* Terms + policy documents become editorial reading surfaces. */
.tc-public-page .tc-public-card,
.rm-policy-page .rm-policy-card,
.pp-page .pp-content-card {
    position: relative;
    overflow: hidden;
}

.tc-public-page .tc-public-card::before,
.rm-policy-page .rm-policy-card::before,
.pp-page .pp-content-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 26px;
    bottom: 26px;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(var(--ij-auth-wine), var(--ij-auth-champagne));
    opacity: .72;
}

/* FAQ accordions get a softer fashion-retail treatment. */
.faq-page-main :is(.faq-item,.faq-accordion-item),
.customer-service-page-main :is(.customer-service-faq-item),
.jewel-insurance-page-main :is(.jewel-insurance-faq-item),
.jewel-protection-page-main :is(.jewel-protection-faq-item),
.free-resize-page-main :is(.free-resize-faq-item) {
    border-color: rgba(109,31,64,.09) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.86) !important;
}

/* Town/city cards and collection-center blocks. */
.rmtc-page .rmtc-filter-card {
    background: linear-gradient(135deg, #fff, #f9eef2) !important;
}

.rmtc-page .rmtc-result-card::before,
.buy-back-page .rm-collection-card::before {
    background: linear-gradient(180deg, var(--ij-auth-wine), var(--ij-auth-champagne)) !important;
}

/* Review page stars stay gold but the surrounding UI follows the wine theme. */
.rv-page :is(.fa-star,.fa-star-half-stroke,[class*="star"]) {
    color: #bd8748 !important;
}

/* Contact page currently uses inline legacy styles; override only its public main card. */
body > main[style*="padding:40px 20px 70px"] {
    padding: clamp(42px, 6vw, 78px) 20px !important;
    background:
        radial-gradient(circle at 8% 10%, rgba(200,154,98,.10), transparent 24%),
        linear-gradient(180deg, #fffdfb, #f8edf1) !important;
}

body > main[style*="padding:40px 20px 70px"] > section {
    max-width: 1040px !important;
    padding: clamp(28px, 4vw, 48px) !important;
    border: 1px solid rgba(109,31,64,.10) !important;
    border-radius: 30px !important;
    background: linear-gradient(145deg, #fff, #fff8fa) !important;
    box-shadow: 0 20px 54px rgba(65,19,39,.09) !important;
}

/* ---------- Responsive auth/static polish ---------- */
@media (max-width: 980px) {
    .rmli-bg,
    .rmreg-auth-bg {
        background-image:
            linear-gradient(90deg, rgba(255,253,251,.12) 0%, rgba(255,253,251,.48) 42%, rgba(255,253,251,.91) 75%, rgba(255,253,251,.98) 100%),
            url(../images/auth_ring.png) !important;
        background-size: cover !important;
        background-position: 35% center !important;
        background-repeat: no-repeat !important;
    }

    .rmli-auth::before,
    .rmreg-auth::before { display: none; }

    .rmli-auth::after,
    .rmreg-auth::after { background: transparent !important; }

    .rmli-card,
    .rmreg-card { border-radius: 28px !important; }
}

@media (max-width: 720px) {
    .rmli-shell,
    .rmreg-form-shell {
        width: min(100% - 24px, 620px) !important;
        padding-top: 24px !important;
        padding-bottom: 32px !important;
    }

    .rmli-card,
    .rmreg-card {
        padding-left: 22px !important;
        padding-right: 22px !important;
        border-radius: 24px !important;
    }

    .rmli-head,
    .rmreg-head {
        grid-template-columns: 128px minmax(0,1fr) !important;
        gap: 16px !important;
        align-items: center !important;
    }

    .rmli-brand-stack,
    .rmreg-brand-stack {
        width: 128px !important;
        min-width: 128px !important;
    }
    .rmli-logo,
    .rmreg-logo { width: 84px !important; height: 84px !important; }
    .rmli-domain-link,
    .rmreg-domain-link { font-size: 12px !important; text-align: center; }
    .rmli-title h1 { font-size: clamp(38px, 11vw, 52px) !important; }
    .rmreg-title-block h1 { font-size: clamp(36px, 10vw, 48px) !important; }

    :is(
        .rm-info-main,
        .rmtc-page,
        .tc-public-page,
        .buy-back-page,
        .po-page,
        .pp-page,
        .about-page-main,
        .rv-page,
        .faq-page-main,
        .customer-service-page-main,
        .jewel-insurance-page-main,
        .jewel-protection-page-main,
        .free-resize-page-main,
        .rm-policy-page,
        .rm-size-page,
        .why-ramsetu-page
    ) :is(
        .rm-info-hero,
        .buy-back-intro,
        .po-hero-shell,
        .pp-hero-shell,
        .about-hero-shell,
        .rv-hero-shell,
        .faq-hero-shell,
        .customer-service-hero-shell,
        .jewel-insurance-hero-shell,
        .jewel-protection-hero-shell,
        .free-resize-hero-shell,
        .rm-policy-hero,
        .rm-size-hero,
        .why-ramsetu-page__hero
    ) { border-radius: 24px !important; }
}

@media (max-width: 480px) {
    .rmli-head,
    .rmreg-head {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }

    .rmli-brand-stack,
    .rmreg-brand-stack {
        width: max-content !important;
        min-width: 0 !important;
        margin-inline: auto !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .rmli-title,
    .rmreg-title-block { text-align: left !important; }
    .rmli-logo,
    .rmreg-logo { width: 68px !important; height: 68px !important; }
    .rmli-control,
    .rmreg-control { min-height: 60px !important; border-radius: 16px !important; }
    .rmli-submit,
    .rmreg-submit { min-height: 58px !important; border-radius: 16px !important; }
    .rmreg-progress-dot { width: 32px !important; height: 32px !important; border-radius: 10px !important; }
}

/* v4 coverage additions for the richer static-page card sets. */
.about-page-main :is(.about-side-card,.about-showcase-card,.about-process-card),
.rv-page :is(.rv-stat-card,.rv-hero-panel-card,.rv-summary-card,.rv-form-card),
.faq-page-main :is(.faq-highlight-card,.faq-floating-card,.faq-topic-card,.faq-accordion-card),
.customer-service-page-main :is(.customer-service-hero-badge),
.jewel-insurance-page-main :is(.jewel-insurance-hero-badge),
.jewel-protection-page-main :is(.jewel-protection-hero-badge),
.free-resize-page-main :is(.free-resize-hero-badge) {
    border-color: rgba(109,31,64,.09) !important;
    background: linear-gradient(148deg, rgba(255,255,255,.98), rgba(255,248,250,.96)) !important;
    box-shadow: 0 14px 38px rgba(65,19,39,.07) !important;
}

.about-page-main :is(.about-side-card,.about-showcase-card),
.rv-page :is(.rv-stat-card,.rv-summary-card),
.faq-page-main :is(.faq-highlight-card,.faq-topic-card),
.customer-service-page-main .customer-service-help-card,
.jewel-insurance-page-main .jewel-insurance-benefit-card,
.jewel-protection-page-main .jewel-protection-benefit-card,
.free-resize-page-main .free-resize-benefit-card {
    transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease !important;
}

.about-page-main :is(.about-side-card,.about-showcase-card):hover,
.rv-page :is(.rv-stat-card,.rv-summary-card):hover,
.faq-page-main :is(.faq-highlight-card,.faq-topic-card):hover {
    transform: translateY(-4px) !important;
    border-color: rgba(200,154,98,.32) !important;
    box-shadow: 0 22px 48px rgba(65,19,39,.105) !important;
}

.rv-page .rv-submit-btn,
.faq-page-main :is(.faq-hero-btn-primary,.faq-support-btn),
.customer-service-page-main [class*="btn"],
.jewel-insurance-page-main [class*="btn"],
.jewel-protection-page-main [class*="btn"],
.free-resize-page-main [class*="btn"] {
    border-radius: 15px !important;
}

.rv-page .rv-submit-btn,
.faq-page-main .faq-hero-btn-primary {
    color: #fff !important;
    border-color: var(--ij-auth-wine) !important;
    background: linear-gradient(125deg, var(--ij-auth-plum), var(--ij-auth-wine)) !important;
    box-shadow: 0 13px 29px rgba(83,22,48,.18) !important;
}

.rv-page .rv-filter-btn,
.faq-page-main .faq-filter-btn {
    color: #6e5660 !important;
    border-color: rgba(109,31,64,.11) !important;
    background: #fff !important;
    border-radius: 999px !important;
}

.rv-page .rv-filter-btn.active,
.faq-page-main .faq-filter-btn.active {
    color: #fff !important;
    border-color: var(--ij-auth-wine) !important;
    background: var(--ij-auth-wine) !important;
}


/* ==========================================================================
   2026-09 Auth cleanup v6
   Remove the decorative input-side pseudo line.
   ========================================================================== */
.rmli-control::before,
.rmreg-control::before,
.rmli-control:focus-within::before,
.rmreg-control:focus-within::before {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
}

/* Update 9: auth-page logo refinement (remove outer box, keep only rounded-square image, slightly smaller) */
.rmli-brand-stack,
.rmreg-brand-stack {
    width: 136px !important;
    min-width: 136px !important;
    align-items: center !important;
}

.rmli-head,
.rmreg-head {
    grid-template-columns: 136px minmax(0, 1fr) !important;
}

.rmli-logo,
.rmreg-logo {
    width: 104px !important;
    height: 104px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.rmli-logo img,
.rmreg-logo img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
    border-radius: 18px !important;
}

.rmli-domain-link,
.rmreg-domain-link {
    font-size: 14px !important;
    line-height: 1.1 !important;
    text-align: center !important;
}

@media (max-width: 991px) {
    .rmli-brand-stack,
    .rmreg-brand-stack {
        width: 116px !important;
        min-width: 116px !important;
    }

    .rmli-head,
    .rmreg-head {
        grid-template-columns: 116px minmax(0, 1fr) !important;
    }

    .rmli-logo,
    .rmreg-logo {
        width: 82px !important;
        height: 82px !important;
    }

    .rmli-logo img,
    .rmreg-logo img {
        border-radius: 16px !important;
    }

    .rmli-domain-link,
    .rmreg-domain-link {
        font-size: 12px !important;
    }
}

@media (max-width: 767px) {
    .rmli-brand-stack,
    .rmreg-brand-stack {
        width: max-content !important;
        min-width: 0 !important;
    }

    .rmli-head,
    .rmreg-head {
        grid-template-columns: 1fr !important;
    }

    .rmli-logo,
    .rmreg-logo {
        width: 64px !important;
        height: 64px !important;
    }

    .rmli-logo img,
    .rmreg-logo img {
        border-radius: 14px !important;
    }
}