:root{
--bg: #faf9f5;
--bg-warm: #ede4d2;
--paper: #fbf8f1;
--ink: #1c1f1a;
--ink-soft: #767676;
--muted: #767676;
--line: #e1dcdd;
--accent: #6b1a2c;
--accent-deep: #3b0f1c;
--gold: #946f2f;
--gold-soft: #c4955a;
--green: #2f4a32;
--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
--serif: "Fraunces", Georgia, serif;
}
/* .wd-page-content .wd-page-title {display: none;} */
.wd-my-account-sidebar .woocommerce-MyAccount-title{display: none;}

/* ── Account main content ── */
.account-main { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.account-page-title {
font-family: var(--sans); font-size: 34px; font-weight: 700;
color: var(--ink); letter-spacing: -.02em; margin-bottom: 4px;
}

/* ── Section anchor offset (sticky header ~90px + breathing room) ── */
#pts-history, #earn-points, #redeem, #faqs { scroll-margin-top: 110px; }

/* ── Section TOC tabs ── */
.loyalty-toc { display: flex; gap: 0; border-bottom: 2px solid var(--line); }
.loyalty-toc-tab {
padding: 10px 20px; margin-bottom: -2px;
border-bottom: 2px solid transparent;
font-size: 14px; font-weight: 600; color: var(--ink-soft);
text-decoration: none; white-space: nowrap;
transition: color .12s, border-color .12s;
}
.loyalty-toc-tab:hover { color: var(--ink); border-bottom-color: var(--line); }

/* ── Account cards ── */
.account-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px 32px; }
.account-card-title { font-size: 20px; font-weight: 700; color: var(--ink); margin-bottom: 20px; }

/* ── Tier hero (ASOS-style) ── */
.tier-hero { display: flex; align-items: center; gap: 32px; padding: 0 0 10px; }
.tier-card { position: relative; border-radius: 14px; overflow: hidden; flex: 0 0 auto; width: 420px; aspect-ratio: 1.586; display: flex; flex-direction: column; box-shadow: 0 8px 32px rgba(0,0,0,.18), 0 2px 8px rgba(0,0,0,.10); }
.tier-card[data-tier="bronze"]   { background: #c4924a; }
.tier-card[data-tier="silver"]   { background: #8795a8; }
.tier-card[data-tier="silver_2"]   { background: #8795a8; }
.tier-card[data-tier="gold"]     { background: #a67c3a; }
.tier-card[data-tier="gold_2"]     { background: #a67c3a; }
.tier-card[data-tier="diamond"] { background: #6a7585; }
.tier-card[data-tier="platinum"] { background: #6a7585; }
.tier-card-body { position: relative; flex: 1; min-height: 0; overflow: hidden; }
.tier-card-text { padding: 22px 24px; position: relative; z-index: 1; max-width: 55%; }
.tier-card-num { font-size: 12px; font-weight: 700; color: rgba(0,0,0,.55); letter-spacing: .14em; text-transform: uppercase; margin-bottom: 12px; }
.tier-card-title { display: inline-block; background: #000; color: #fff; font-size: 44px; font-weight: 700; padding: 3px 16px 7px; line-height: 1.2; font-family: var(--serif); text-transform: uppercase; letter-spacing: -.01em; }
.tier-card-img { position: absolute; right: 18px; top: 0; width: 43%; height: auto; z-index: 2; }
.tier-card-img:not([src]), .tier-card-img[src=""] { display: none; }
.tier-progress-wrap { padding: 0 16px 16px; }
.tier-bar { position: relative; height: 28px; background: rgba(255,255,255,.3); border-radius: 99px; overflow: hidden; }
.tier-bar-fill { position: absolute; left: 0; top: 0; height: 100%; background: #000; border-radius: 99px; }
.tier-bar-labels { position: absolute; inset: 0; display: flex; align-items: center; }
.tpl { flex: 1; text-align: center; font-size: 9.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; position: relative; z-index: 1; color: rgba(0,0,0,.4); }
.tpl--done   { color: rgba(255,255,255,.8); }
.tpl--active { color: #fff; }
.tier-side-stats { flex: 0 0 210px; display: flex; flex-direction: column; gap: 22px; }
.tss-label { font-size: 13px; color: var(--ink-soft); margin-bottom: 5px; line-height: 1.4; }
.tss-value { font-family: var(--sans); font-size: 28px; font-weight: 700; color: var(--ink); letter-spacing: -.03em; line-height: 1; }
.tss-value--sm { font-size: 20px; font-weight: 700; letter-spacing: -.01em; }

/* ── Points history list ── */
.pts-history-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.pts-filter-select {
-webkit-appearance: none; appearance: none;
background: #fff url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 6L9 1' stroke='%23767676' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;
border: 1.5px solid var(--line); border-radius: 8px;
padding: 9px 34px 9px 14px; font-size: 13.5px;
font-family: var(--sans); color: var(--ink); cursor: pointer; outline: none;
}
.pts-filter-select:focus { border-color: #946f2f; }
.pts-history-list { display: flex; flex-direction: column; }
.pts-history-row { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.pts-history-row:last-child { border-bottom: none; }
.pts-row-body { flex: 1; min-width: 0; }
.pts-row-title { font-size: 15px; font-weight: 600; color: var(--ink); }
.pts-row-meta { font-size: 13px; color: var(--ink-soft); margin-top: 3px; }
.pts-row-meta a { color: #946f2f; text-decoration: none; }
.pts-row-meta a:hover { text-decoration: underline; }
.pts-row-amount { font-size: 15px; font-weight: 600; white-space: nowrap; flex-shrink: 0; }
.pts-earned { color: #276634; font-weight: 700; }
.pts-spent  { color: var(--accent); font-weight: 700; }
.pts-bonus  { color: #946f2f; font-weight: 700; }

/* ── Earn rules ── */
.earn-section { margin-bottom: 22px; }
.earn-section:last-child { margin-bottom: 0; }
.earn-section-label { display: flex; align-items: center; gap: 8px; font-size: 11.5px; font-weight: 700; color: var(--ink-soft); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 10px; }
.earn-section-dot { width: 10px; height: 10px; border-radius: 50%; background: #946f2f; flex-shrink: 0; }
.earn-rules-list { display: flex; flex-direction: column; gap: 8px; }
.earn-rule-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: #fff; border: 1px solid var(--line); border-radius: 10px; font-size: 14px; font-weight: 600; color: var(--ink); }
.earn-rule-item--active { border-color: #8795a8; background: #f4f6f8; }
.earn-rule-icon { width: 20px; height: 20px; border-radius: 50%; border: 2.5px solid var(--line); flex-shrink: 0; }
.earn-rule-item--active .earn-rule-icon { border-color: #8795a8; background: #8795a8; }
.earn-rule-single { padding: 12px 16px; background: #fff; border: 1px solid var(--line); border-radius: 10px; font-size: 14px; font-weight: 600; color: var(--ink); }
.redeem-terms ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px; }
.redeem-terms li { font-size: 14px; color: var(--ink); line-height: 1.5; }
.btn-earn-cta {
display: inline-block; margin-top: 20px;
padding: 12px 24px; border-radius: 8px;
background: var(--accent); color: #fff;
font-size: 15px; font-weight: 600; font-family: var(--sans);
text-decoration: none;
transition: opacity .15s;
}
.btn-earn-cta:hover { opacity: .85;color:#fff; }
.tier-earn-table { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; margin-bottom: 0px; }
.tier-earn-head { display: grid; grid-template-columns: 1fr 1.6fr 1fr 1fr; padding: 9px 16px; background: var(--bg-warm); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-soft); }
.tier-earn-row { display: grid; grid-template-columns: 1fr 1.6fr 1fr 1fr; padding: 11px 16px; border-top: 1px solid var(--line); align-items: center; }
.tier-earn-row--active { background: #f4f6f8; border-left: 3px solid #a67c3a; }
.ter-name { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--ink); }
.ter-pip { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.ter-qualify { font-size: 14px; color: var(--ink); }
.ter-rate { font-size: 14px; font-weight: 600; color: var(--ink); font-family: "Inter", sans-serif; }
.ter-badge { font-size: 11px; font-weight: 700; background: #a67c3a; color: #fff; padding: 2px 7px; border-radius: 20px; margin-left: 0px; letter-spacing: .02em; }

/* ── Tier table ── */
.tiers-table { border-radius: 12px; overflow: hidden; border: 1px solid var(--line); overflow-x: auto; }
.tiers-table table { width: 100%; border-collapse: collapse; min-width: 540px; }
.tiers-table th { padding: 14px 16px; text-align: center; font-size: 12px; font-weight: 700; background: var(--bg); border-bottom: 2px solid var(--line); }
.tiers-table th:first-child { text-align: left; color: var(--ink-soft); }
.tier-col-head { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.tier-col-badge { display: inline-block; padding: 3px 10px; border-radius: 99px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.tier-col-badge--bronze { background: #f5ead0; color: #946f2f; }
.tier-col-badge--silver { background: #e8eaed; color: #4a5568; }
.tier-col-badge--gold   { background: #fdf3d8; color: #946f2f; border: 1px solid #946f2f; }
.tier-col-range { font-size: 11.5px; font-weight: 500; color: var(--ink-soft); }
.tiers-table td { padding: 13px 16px; border-bottom: 1px solid var(--line); text-align: center; font-size: 13.5px; }
.tiers-table td:first-child { text-align: left; font-weight: 500; }
.tiers-table tr:last-child td { border-bottom: none; }
.tiers-table tr:nth-child(even) td { background: #fafaf8; }
.check { color: #276634; font-size: 16px; }
.cross { color: var(--line); font-size: 16px; }
.tiers-table .current-tier { background: rgba(148,111,47,.05) !important; }
.current-tag {
display: inline-block; padding: 2px 7px; background: rgba(148,111,47,.15);
border: 1px solid rgba(148,111,47,.35); border-radius: 99px;
font-size: 10px; font-weight: 700; color: #946f2f; text-transform: uppercase;
letter-spacing: .08em; margin-left: 5px; vertical-align: middle;
}

/* ── Redeem ── */
.redeem-rate-eq { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.redeem-rate-row { display: flex; align-items: center; gap: 10px; }
.redeem-rate-block { padding: 10px 18px; background: var(--bg); border: 1px solid var(--line); border-radius: 8px; text-align: center; min-width: 100px; }
.redeem-rate-block .num { font-family: var(--serif); font-size: 26px; font-weight: 700; color: var(--ink); letter-spacing: -.03em; line-height: 1; }
.redeem-rate-block .label { font-size: 11px; color: var(--ink-soft); margin-top: 3px; }
.redeem-rate-arrow { font-size: 20px; color: var(--line); }
.redeem-rate-block.highlight { border-color: #946f2f; background: #fdf5e3; }
.redeem-rate-block.highlight .num { color: #946f2f; }

/* ── FAQ ── */
.faq-item { border-bottom: 1px solid var(--line); }
.faq-q {
width: 100%; display: flex; align-items: center; justify-content: space-between;
padding: 16px 0; font-size: 14.5px; font-weight: 600; text-align: left;
color: var(--ink); cursor: pointer; background: none; border: none; gap: 12px;
}
.faq-q:hover { color: var(--accent); }
.faq-icon { font-size: 20px; font-weight: 300; flex-shrink: 0; color: #946f2f; line-height: 1; transition: transform .2s; }
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-a { font-size: 13.5px; color: var(--ink-soft); line-height: 1.7; max-height: 0; overflow: hidden; transition: max-height .3s ease, padding .3s; }
.faq-item.open .faq-a { max-height: 300px; padding-bottom: 16px; }
.faq-item:last-child { border-bottom: none; }


.btn-redeem-cta {
display: inline-flex; align-items: center; gap: 8px;
padding: 12px 24px; background: var(--accent); color: #fff;
font-size: 16px; font-weight: 600; border-radius: 6px;
text-decoration: none; transition: background .15s;
}
.btn-redeem-cta:hover { background: #3b0f1c;color:#fff; }

/* ── History row icons ── */
.pts-row-desc { display: flex; align-items: center; gap: 12px; }
.pts-row-icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.pts-row-icon--earn   { background: #e8f5ee; }
.pts-row-icon--redeem { background: #fdeef1; }
.pts-row-icon--bonus  { background: #fdf8e4; }

/* ── Responsive ── */
@media (max-width: 900px) {
.account-wrap { grid-template-columns: 1fr; }
.account-sidebar { position: static; }
.account-area { padding-top: 30px; }
.account-wrap { gap: 20px; }
.account-main { gap: 20px; }
.account-sidebar { overflow: hidden; }
.account-nav { display: none; }
.acct-nav-select { display: block; width: 100%; padding: 11px 16px; font-size: 14px; font-family: var(--sans); font-weight: 600; color: var(--ink); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center; border: 1px solid var(--line); border-radius: 10px; appearance: none; -webkit-appearance: none; cursor: pointer; }
.dashboard-card { grid-template-columns: 1fr; }
.dash-points-block { text-align: left; }
.footer-main-inner { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 600px) {
.account-card { padding: 20px; }
.dashboard-card { padding: 20px; }
/* .footer-main-inner { grid-template-columns: 1fr; } */
.hdr-link { display: none; }
.pts-history-table th:nth-child(3), .pts-history-table td:nth-child(3) { display: none; }
.tier-hero { flex-direction: column; align-items: stretch; gap: 20px; }
.tier-card { width: 100%; }
.tier-side-stats { flex: 0 0 auto; flex-direction: column; width: 100%; gap: 16px; }
.tier-side-stats > div { display: flex; justify-content: space-between; align-items: baseline; }
.tier-side-stats .tss-label { margin-bottom: 0; font-size: 14px; }
.tier-side-stats .tss-value, .tier-side-stats .tss-value--sm { text-align: right; font-size: 16px; }
.account-page-title { font-size: 28px; }
.container { padding: 0 16px; }
.tier-card-img { width: 42%; }
.loyalty-toc { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.loyalty-toc::-webkit-scrollbar { display: none; }
}
/*-----Aarti css--------*/
.pts-history-header .pts-filter-select{width: auto;padding: 9px 34px 9px 14px;height:auto;    line-height: initial;border-radius: 8px;}
.btn.wd-load-more{  display: inline-flex;    align-items: center;    justify-content: center;    border: 1.5px solid #2a1d18;    border-radius: 4px;
    padding: 14px 48px;    font-size: 15px;    font-weight: 600;    color: #2a1d18;    background: transparent;    cursor: pointer;    transition: background .15s, color .15s;    font-family: var(--sans);	min-width: 280px;}
.btn.wd-load-more:hover{background: #2a1d18;color: #fff;}
.faq-item .faq-q{background: none;color: inherit;justify-content: space-between;min-height: inherit;padding:16px 0px;}
.faq-item:hover{background:none;}
.faq-item .faq-q:hover{ color: var(--accent);background:none;}
.outer-tier-earn-table{    overflow-x: auto;    margin-bottom: 20px;}
.outer-tier-earn-table .tier-earn-table{grid-template-columns: 150px 150px 250px 80px;    min-width: max-content;    gap: 10px;}
.outer-tier-earn-table .tier-earn-head{grid-template-columns: 140px 1.6fr 1fr 0.6fr;    gap: 7px;}
.outer-tier-earn-table .tier-earn-head span {    word-break: break-word;    overflow-wrap: anywhere;    white-space: normal;}
.outer-tier-earn-table .tier-earn-row{grid-template-columns: 150px 1.6fr 1fr 0.6fr;   gap: 7px;}
@media only screen and (max-width:620px){
	.ter-name {    gap: 2px;}
}