/* Ramaya Customer Experience — theme: purple #7A46AB, deep #5B2D86, orange #EC691F, lavender #F7F3FB, ink #17121C */
.rcx-stack{display:flex;flex-direction:column;gap:12px;margin:18px 0 8px;font-family:Inter,system-ui,sans-serif}
.rcx-card{padding:14px 16px;border-radius:14px;background:#F7F3FB;border:1px solid #EEE5F7}
.rcx-card-h{display:flex;align-items:center;gap:10px;color:#17121C;font-size:14.5px;line-height:1.35}
.rcx-card-h svg,.rcx-assure svg,.rcx-earn svg,.rcx-video svg{flex:0 0 20px;width:20px;height:20px;color:#7A46AB}
.rcx-card p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#43444F}
.rcx-muted{display:block;margin-top:6px;font-size:12.5px;line-height:1.45;color:#6B6475}
.rcx-delivery .rcx-date{color:#EC691F;white-space:nowrap}
.rcx-calc-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:10px}
.rcx-calc-row[hidden]{display:none}
.rcx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 20px;border:0;border-radius:999px;background:#7A46AB;color:#fff!important;font:700 14px/1 Inter,system-ui,sans-serif;text-decoration:none!important;cursor:pointer;transition:background .2s}
.rcx-btn:hover{background:#5B2D86}
.rcx-btn-ghost{background:#fff;color:#7A46AB!important;box-shadow:inset 0 0 0 1.5px #7A46AB}
.rcx-btn-ghost:hover{background:#F7F3FB}
.rcx-link{color:#7A46AB!important;font-weight:600;font-size:14px;text-decoration:none!important}
.rcx-link:hover{text-decoration:underline!important}
.rcx-assure{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.rcx-assure li{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#43444F;margin:0}
.rcx-assure svg{width:17px;height:17px;flex-basis:17px;color:#EC691F}
.rcx-fine{margin-top:-4px}
.rcx-fine a{color:#7A46AB}
.rcx-help{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.rcx-wa{display:flex;align-items:center;gap:10px;flex:1 1 240px;padding:10px 14px;border-radius:14px;background:#E9F8EF;color:#14532D!important;text-decoration:none!important;border:1px solid #CDEFD9}
.rcx-wa svg{width:26px;height:26px;flex:0 0 26px;color:#25D366}
.rcx-wa span{display:flex;flex-direction:column;line-height:1.3}
.rcx-wa strong{font-size:14px}
.rcx-wa small{font-size:12px;color:#3F6B50}
.rcx-video{display:inline-flex;align-items:center;gap:6px;color:#7A46AB!important;font-weight:600;font-size:14px;text-decoration:none!important}
.rcx-sample{display:block;padding:11px 14px;border-radius:12px;border:1.5px dashed #D9C8EC;color:#43444F!important;font-size:14px;text-decoration:none!important;text-align:center}
.rcx-sample strong{color:#7A46AB}
.rcx-sample:hover{background:#F7F3FB}
.rcx-earn{display:flex;align-items:center;gap:8px;margin:6px 0 14px!important;font-size:13.5px;color:#43444F}
.rcx-earn strong{color:#7A46AB}
.rcx-earn a{color:#7A46AB;text-decoration:underline}

/* Product FAQ */
.rcx-faq{clear:both;max-width:860px;margin:44px auto 10px;padding:0 4px;font-family:Inter,system-ui,sans-serif}
.rcx-faq h2,.rcx-recent h2{font-family:"Playfair Display",Georgia,serif;font-size:30px;font-weight:700;color:#17121C;margin:0 0 18px;text-transform:none;letter-spacing:0}
.rcx-faq h2 em,.rcx-recent h2 em{color:#7A46AB;font-style:italic}
.rcx-faq details{border-bottom:1px solid #EEE5F7;padding:4px 0}
.rcx-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;font-weight:600;font-size:16px;color:#17121C}
.rcx-faq summary::-webkit-details-marker{display:none}
.rcx-faq summary::after{content:"+";flex:0 0 28px;height:28px;border-radius:50%;background:#F7F3FB;color:#7A46AB;display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .2s}
.rcx-faq details[open] summary::after{content:"–"}
.rcx-faq details p{margin:0 2px 14px;font-size:15px;line-height:1.6;color:#43444F}
.rcx-faq-more{margin-top:16px;font-size:14px;color:#6B6475}
.rcx-faq-more a{color:#7A46AB;font-weight:600}

/* Recently viewed */
.rcx-recent{clear:both;margin:40px 0 10px;font-family:Inter,system-ui,sans-serif}
.rcx-recent[hidden]{display:none}
.rcx-recent-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
.rcx-rv{display:flex;flex-direction:column;gap:6px;color:#17121C!important;text-decoration:none!important;min-width:150px;max-width:220px}
.rcx-rv img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#F7F3FB}
.rcx-rv-n{font-size:13.5px;font-weight:600;line-height:1.3}
.rcx-rv-p{font-size:13px;color:#EC691F;font-weight:700}

/* Hair Finder quiz */
.rcx-quiz{max-width:760px;margin:10px auto 40px;padding:28px;border-radius:24px;background:#fff;box-shadow:0 20px 60px rgba(60,20,100,.10);border:1px solid #EEE5F7;font-family:Inter,system-ui,sans-serif}
.rcx-quiz-top{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.rcx-quiz-kicker{flex:0 0 auto;padding:5px 12px;border-radius:99px;background:#FFF4EC;color:#EC691F;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.rcx-quiz-bar{flex:1;height:6px;border-radius:9px;background:#F1EAF8;overflow:hidden}
.rcx-quiz-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7A46AB,#EC691F);transition:width .35s}
.rcx-quiz h3{font-family:"Playfair Display",Georgia,serif;font-size:28px;line-height:1.2;color:#17121C;margin:0 0 18px}
.rcx-quiz-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.rcx-opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;border-radius:16px;border:1.5px solid #E4D9F0;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;font-family:inherit}
.rcx-opt:hover,.rcx-opt:focus-visible{border-color:#7A46AB;background:#F7F3FB;transform:translateY(-1px);outline:none}
.rcx-opt strong{font-size:16px;color:#17121C}
.rcx-opt small{font-size:13px;color:#6B6475;line-height:1.4}
.rcx-back{margin-top:16px;background:none;border:0;padding:6px 0;color:#7A46AB;font-weight:600;cursor:pointer;font-family:inherit}
.rcx-res-len{margin:-6px 0 14px;color:#43444F}
.rcx-res-list{display:grid;gap:12px;margin-bottom:14px}
.rcx-res-card{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;border:1px solid #EEE5F7;background:#F7F3FB;color:#17121C!important;text-decoration:none!important}
.rcx-res-card img{width:84px;height:84px;object-fit:cover;border-radius:12px;flex:0 0 84px}
.rcx-res-card span{display:flex;flex-direction:column;gap:4px}
.rcx-res-card strong{font-size:15.5px}
.rcx-res-card em{font-style:normal;color:#EC691F;font-weight:700;font-size:14px}
.rcx-res-card b{font-size:13px;color:#7A46AB}
.rcx-res-tip{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#FFF4EC;color:#43444F;font-size:14px;line-height:1.5}
.rcx-res-tip a{color:#EC691F;font-weight:600}
.rcx-res-actions{display:flex;flex-wrap:wrap;gap:10px}

/* Rewards (My Account) */
.rcx-rw-card{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#5B2D86,#1D1228);color:#fff;margin-bottom:22px}
.rcx-rw-label{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;opacity:.75}
.rcx-rw-points{font-family:"Playfair Display",Georgia,serif;font-size:46px;font-weight:700;line-height:1}
.rcx-rw-sub{font-size:14px;opacity:.85}
.rcx-rw-bar{height:8px;border-radius:9px;background:rgba(255,255,255,.18);overflow:hidden;margin-top:10px}
.rcx-rw-bar i{display:block;height:100%;background:#EC691F}
.rcx-rw-next{margin:6px 0 0;font-size:13.5px;opacity:.9}
.rcx-rw-card form{margin-top:12px}
.rcx-rw-card .rcx-btn{background:#EC691F}
.rcx-rw-codes{list-style:none;padding:0;margin:0 0 16px}
.rcx-rw-codes li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #EEE5F7}

@media (max-width:600px){
	.rcx-quiz{padding:20px 16px;border-radius:18px}
	.rcx-quiz h3{font-size:23px}
	.rcx-faq h2,.rcx-recent h2{font-size:25px}
	.rcx-help{flex-direction:column;align-items:stretch}
	.rcx-wa{flex:0 0 auto}
	.rcx-video{justify-content:center}
}