*{box-sizing:border-box;margin:0;padding:0}
html{scrollbar-width:none}
html::-webkit-scrollbar{display:none}
:root{
  --rp-teal:#0db8a8;
  --rp-teal-light:#e0f7f5;
  --rp-teal-mid:rgba(13,184,168,0.18);
  --rp-bg:#ffffff;
  --rp-text:#1a2e2c;
  --rp-muted:#6b8e8a;
  --glass-bg:rgba(255,255,255,0.72);
  --glass-border:rgba(13,184,168,0.22);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
  --ease-expo:cubic-bezier(0.16,1,0.3,1);
}
@font-face {
    font-family: 'Ethnocentric Rg';
    src: local('Ethnocentric Rg'), url('../fonts/ethnocentric rg.woff') format('woff');
}
html{height:100%}
body{font-family:'DM Sans',sans-serif;background:#f5fffe;color:var(--rp-text);display:flex;flex-direction:column;min-height:100vh}
main{flex:1}

/* ── NAVBAR GROUP ── */
.rp-nav-group{
  position:sticky;top:0;z-index:100;
}

/* ── NAVBAR ── */
.rp-navbar{
  position:relative;z-index:2;
  height:66px;
  background:var(--glass-bg);
  border-bottom:1px solid var(--glass-border);
  box-shadow:0 8px 32px rgba(13,184,168,0.10),0 2px 8px rgba(0,0,0,0.05);
  backdrop-filter:blur(32px) saturate(180%);
  -webkit-backdrop-filter:blur(18px) saturate(180%);
  transition:all 0.35s var(--ease-expo);
}
.rp-navbar.scrolled{
  background:rgba(255,255,255,0.72);
  box-shadow:0 12px 40px rgba(13,184,168,0.14),0 2px 12px rgba(0,0,0,0.07);
  height:58px;
}
.rp-nav-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:100%;padding:0 2rem;max-width:1180px;margin:0 auto;gap:1rem;
}
.rp-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.rp-brand-name{
  font-family:'Ethnocentric Rg','Cormorant Garamond',serif;font-size:1.2rem;font-weight:200;
  color:var(--rp-text);letter-spacing:-0.01em;
}
.rp-brand-accent{color:var(--rp-teal)}

.rp-nav-links{
  display:flex;align-items:center;gap:0.2rem;list-style:none;
}
.rp-nav-link{
  position:relative;display:block;padding:0.42rem 0.9rem;
  font-size:0.87rem;font-weight:500;letter-spacing:0.02em;
  color:var(--rp-muted);text-decoration:none;border-radius:8px;
  transition:color 0.25s,background 0.25s;
}
.rp-nav-link::after{
  content:'';position:absolute;bottom:5px;left:50%;
  width:0;height:2px;border-radius:99px;background:var(--rp-teal);
  transform:translateX(-50%);transition:width 0.3s var(--ease-expo);
}
.rp-nav-link:hover,.rp-nav-link.active{
  color:var(--rp-teal);background:var(--rp-teal-light);
}
.rp-nav-link:hover::after,.rp-nav-link.active::after{width:55%}

.rp-nav-actions{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}
.rp-btn-ghost{
  display:inline-flex;align-items:center;gap:6px;
  padding:0.4rem 0.9rem;border-radius:10px;
  border:1.5px solid var(--glass-border);background:transparent;
  color:var(--rp-text);font-size:0.82rem;font-weight:500;text-decoration:none;
  transition:all 0.25s;cursor:pointer;
}
.rp-btn-ghost:hover{border-color:var(--rp-teal);color:var(--rp-teal);background:var(--rp-teal-light)}
.rp-btn-solid{
  display:inline-flex;align-items:center;gap:6px;
  padding:0.4rem 1rem;border-radius:10px;
  background:linear-gradient(135deg,var(--rp-teal) 0%,#07d9c6 100%);
  color:#fff;font-size:0.82rem;font-weight:600;text-decoration:none;
  box-shadow:0 4px 14px rgba(13,184,168,0.28);
  transition:transform 0.2s var(--ease-spring),box-shadow 0.25s;cursor:pointer;border:none;
}
.rp-btn-solid:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(13,184,168,0.38)}

/* Burger */
.rp-burger{
  display:none;flex-direction:column;justify-content:center;align-items:center;
  gap:5px;width:40px;height:40px;border:none;background:transparent;
  cursor:pointer;border-radius:10px;transition:background 0.2s;
}
.rp-burger:hover{background:var(--rp-teal-light)}
.rp-burger span{
  display:block;width:22px;height:2px;border-radius:99px;background:var(--rp-text);
  transform-origin:center;transition:transform 0.4s var(--ease-expo),opacity 0.3s,width 0.3s;
}
.rp-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.rp-burger.open span:nth-child(2){opacity:0;width:0}
.rp-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile menu */
.rp-mobile{
  position:absolute;left:0;right:0;top:100%;
  z-index:1;max-height:calc(100vh - 66px);overflow-y:auto;
  background:var(--glass-bg);
  backdrop-filter:blur(32px) saturate(180%);
  -webkit-backdrop-filter:blur(18px) saturate(180%);
  border-bottom:1px solid var(--glass-border);
  box-shadow:0 20px 60px rgba(13,184,168,0.12),0 4px 20px rgba(0,0,0,0.06);
  padding:1.25rem 2rem 1.75rem;
  opacity:0;pointer-events:none;
  transform:translateY(-12px);
  transition:opacity 0.38s var(--ease-expo),transform 0.38s var(--ease-expo);
  display:flex;flex-direction:column;gap:1rem;
}
.rp-mobile.open{opacity:1;pointer-events:auto;transform:translateY(0)}
.rp-mobile ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:2px}
.rp-mobile-link{
  display:flex;align-items:center;padding:0.72rem 1rem;
  font-size:1rem;font-weight:500;color:var(--rp-text);text-decoration:none;
  border-radius:12px;transition:background 0.2s,color 0.2s,padding-left 0.3s var(--ease-spring);
}
.rp-mobile-link:hover,.rp-mobile-link.active{
  background:var(--rp-teal-light);color:var(--rp-teal);padding-left:1.35rem;
}
.rp-mobile-actions{display:flex;gap:0.75rem}
.rp-mobile-actions .rp-btn-ghost,.rp-mobile-actions .rp-btn-solid{
  flex:1;justify-content:center;padding:0.6rem 0.9rem;font-size:0.9rem;
}

/* Overlay */
.rp-overlay{
  position:fixed;inset:0;z-index:90;
  background:rgba(0,0,0,0.15);
  opacity:0;pointer-events:none;transition:opacity 0.35s;
}
.rp-overlay.open{opacity:1;pointer-events:auto}
.rp-mobile-sep{border:none;height:1px;background:var(--glass-border);margin:0.5rem 0;flex-shrink:0}

/* ── FOOTER ── */
.rp-footer{
  position:relative;
  background:linear-gradient(170deg,#f2fffe 0%,#e8f9f7 55%,#d6f5f2 100%);
  overflow:hidden;
}
.rp-footer::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(13,184,168,0.12) 1px,transparent 1px);
  background-size:28px 28px;
}
.rp-footer-wave{position:relative;height:52px;margin-bottom:-1px}
.rp-footer-wave svg{position:absolute;bottom:0;left:0;width:100%;height:100%}
.rp-footer-wave path{fill:#f2fffe}
.rp-footer-body{position:relative;padding:3rem 2rem 2rem;max-width:1180px;margin:0 auto}
.rp-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem}
.rp-footer-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:0.85rem}
.rp-footer-tagline{font-size:0.875rem;color:var(--rp-muted);line-height:1.65;max-width:240px;margin-bottom:1.1rem}
.rp-socials{display:flex;gap:0.45rem}
.rp-social{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:10px;
  border:1.5px solid rgba(13,184,168,0.22);background:rgba(255,255,255,0.7);
  color:var(--rp-muted);text-decoration:none;font-size:0.9rem;
  backdrop-filter:blur(8px);transition:all 0.25s,transform 0.2s var(--ease-spring);
}
.rp-social:hover{background:var(--rp-teal);color:#fff;border-color:var(--rp-teal);transform:translateY(-3px)}
.rp-footer-heading{
  font-family:'Cormorant Garamond',serif;font-size:0.95rem;font-weight:700;
  letter-spacing:0.09em;text-transform:uppercase;color:var(--rp-text);margin-bottom:0.9rem;
}
.rp-footer-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:0.45rem}
.rp-footer-list a{
  font-size:0.875rem;color:var(--rp-muted);text-decoration:none;display:inline-block;
  transition:color 0.2s,padding-left 0.25s var(--ease-spring);
}
.rp-footer-list a:hover{color:var(--rp-teal);padding-left:5px}
.rp-footer-sub{font-size:0.84rem;color:var(--rp-muted);margin-bottom:0.8rem;line-height:1.55}
.rp-newsletter{
  display:flex;border-radius:12px;overflow:hidden;
  border:1.5px solid rgba(13,184,168,0.22);background:rgba(255,255,255,0.8);
  backdrop-filter:blur(8px);transition:border-color 0.25s,box-shadow 0.25s;
}
.rp-newsletter:focus-within{border-color:var(--rp-teal);box-shadow:0 0 0 3px rgba(13,184,168,0.14)}
.rp-newsletter input{
  flex:1;border:none;background:transparent;padding:0.62rem 0.85rem;
  font-size:0.84rem;color:var(--rp-text);outline:none;font-family:'DM Sans',sans-serif;
}
.rp-newsletter input::placeholder{color:var(--rp-muted)}
.rp-newsletter button{
  border:none;background:linear-gradient(135deg,var(--rp-teal) 0%,#07d9c6 100%);
  color:#fff;padding:0 1rem;cursor:pointer;font-size:1rem;transition:opacity 0.2s;
}
.rp-newsletter button:hover{opacity:0.88}
.rp-footer-bar{
  border-top:1px solid rgba(13,184,168,0.14);padding:1rem 2rem;
  display:flex;justify-content:space-between;align-items:center;
  font-size:0.78rem;color:var(--rp-muted);max-width:1180px;margin:0 auto;flex-wrap:wrap;gap:0.5rem;
}
.rp-credit{display:flex;align-items:center;gap:4px}
.rp-heart{color:var(--rp-teal);font-size:0.75rem}

/* Form inputs */
form input[type="text"],
form input[type="email"],
form input[type="password"]{
  width:100%;padding:0.65rem 0.85rem;
  border:1.5px solid var(--glass-border);border-radius:10px;
  font-size:0.9rem;color:var(--rp-text);background:transparent;
  outline:none;font-family:'DM Sans',sans-serif;
  transition:border-color 0.25s;
}
form input:focus{border-color:var(--rp-teal);box-shadow:0 0 0 3px rgba(13,184,168,0.14)}

/* ── AUTH PAGES ── */
.rp-auth-section{
  min-height:calc(100vh - 66px);display:flex;align-items:center;justify-content:center;padding:3rem 2rem;
}
.rp-auth-card{
  width:100%;max-width:400px;background:#fff;border-radius:16px;padding:2.5rem;
  box-shadow:0 8px 32px rgba(13,184,168,0.10);border:1px solid var(--glass-border);
}
.rp-auth-title{
  font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:600;
  color:var(--rp-text);margin:0 0 0.25rem;
}
.rp-auth-subtitle{font-size:0.85rem;color:var(--rp-muted);margin:0 0 1.5rem}
.rp-auth-form{display:flex;flex-direction:column;gap:1rem}
.rp-auth-label{display:block;font-size:0.82rem;font-weight:500;color:var(--rp-text);margin-bottom:0.3rem}
.rp-auth-error{font-size:0.75rem;color:#e74c3c;margin-top:0.2rem;display:block}
.rp-auth-footer{font-size:0.82rem;color:var(--rp-muted);text-align:center;margin:1.25rem 0 0}
.rp-auth-link{color:var(--rp-teal);text-decoration:none;font-weight:500}
.rp-auth-form .rp-btn-solid{justify-content:center;padding:0.7rem;font-size:0.9rem;margin-top:0.5rem}

.rp-auth-divider{
  display:flex;align-items:center;gap:0.75rem;margin:1.25rem 0;
}
.rp-auth-divider-line{
  flex:1;height:1px;background:var(--glass-border);
}
.rp-auth-divider-text{
  font-size:0.78rem;color:var(--rp-muted);text-transform:uppercase;letter-spacing:0.06em;flex-shrink:0;
}
.rp-btn-google{
  display:flex;align-items:center;justify-content:center;gap:0.6rem;
  width:100%;padding:0.65rem;border-radius:10px;
  border:1.5px solid var(--glass-border);background:#fff;
  color:var(--rp-text);font-size:0.88rem;font-weight:500;
  text-decoration:none;cursor:pointer;
  transition:border-color 0.25s,box-shadow 0.25s;
}
.rp-btn-google:hover{
  border-color:var(--rp-teal);box-shadow:0 0 0 3px rgba(13,184,168,0.14);
}
.rp-google-icon{flex-shrink:0}


/* Responsive */
@media(max-width:900px){
  .rp-footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
}
@media(max-width:700px){
  .rp-nav-links,.rp-nav-actions{display:none}
  .rp-burger{display:flex}
  .rp-footer-grid{grid-template-columns:1fr;gap:1.75rem}
  .rp-footer-bar{justify-content:center;text-align:center}
}
@media(min-width:701px){
  .rp-mobile,.rp-overlay{display:none!important}
}

/* ── MESSAGES ── */
.rp-messages{
  position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:999;
  display:flex;flex-direction:column;gap:0.5rem;width:calc(100% - 2rem);max-width:420px;
}
.rp-message{
  padding:0.75rem 1rem;border-radius:8px;font-size:0.88rem;text-align:center;
  box-shadow:0 2px 12px rgba(0,0,0,0.1);animation:rp-fadein 0.3s ease;
}
.rp-message-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
.rp-message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
@keyframes rp-fadein{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}



/* ── AUTH INPUTS ── */
.rp-auth-form input:not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="checkbox"]){
  width:100%;padding:0.6rem 0.75rem;font-size:0.9rem;border:1px solid var(--rp-border,#ccc);
  border-radius:6px;outline:none;box-sizing:border-box;background:#fff;color:var(--rp-text,#222);
}
.rp-auth-form input:focus{border-color:var(--rp-teal,#0db8a8);box-shadow:0 0 0 2px var(--rp-teal-light,rgba(13,184,168,0.15))}


/* ── NAV USER ── */
.rp-nav-user{position:relative}
.rp-nav-user-trigger{
  display:flex;align-items:center;gap:0.5rem;cursor:pointer;
  padding:0.25rem 0;user-select:none;
}
.rp-avatar{
  width:36px;height:36px;border-radius:10px;
  background:linear-gradient(135deg,var(--rp-teal) 0%,#07d9c6 100%);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.1rem;
  box-shadow:0 4px 14px rgba(13,184,168,0.35);
  flex-shrink:0;line-height:1;transition:transform 0.3s var(--ease-spring);
}
.rp-nav-user-trigger:hover .rp-avatar{transform:rotate(-6deg) scale(1.08)}
.rp-user-name{font-size:0.88rem;font-weight:500;color:var(--rp-text)}
.rp-chevron{color:var(--rp-muted);transition:transform 0.25s var(--ease-expo)}
.rp-nav-user.open .rp-chevron{transform:rotate(180deg)}

.rp-nav-user-dropdown{
  position:absolute;top:calc(100% + 8px);left:50%;z-index:50;
  min-width:200px;
  background:var(--glass-bg);backdrop-filter:blur(32px) saturate(180%);
  -webkit-backdrop-filter:blur(18px) saturate(180%);
  border:1px solid var(--glass-border);
  border-radius:12px;
  box-shadow:0 12px 40px rgba(0,0,0,0.12),0 4px 16px rgba(0,0,0,0.06);
  padding:0.4rem;
  opacity:0;pointer-events:none;
  transform:translateX(calc(-50% + 14px)) translateY(-6px);
  transition:opacity 0.25s var(--ease-expo),transform 0.25s var(--ease-expo);
}
.rp-nav-user.open .rp-nav-user-dropdown{
  opacity:1;pointer-events:auto;transform:translateX(calc(-50% + 14px)) translateY(0);
}
.rp-nav-user-dropdown a,.rp-nav-user-dropdown button{
  display:flex;align-items:center;gap:0.5rem;width:100%;
  padding:0.55rem 0.75rem;border-radius:8px;
  font-size:0.85rem;font-weight:500;
  color:var(--rp-text);text-decoration:none;
  background:none;border:none;cursor:pointer;
  transition:background 0.2s,color 0.2s;white-space:nowrap;
}
.rp-nav-user-dropdown a:hover,.rp-nav-user-dropdown button:hover{
  background:var(--rp-teal-light);color:var(--rp-teal);
}
.rp-nav-user-dropdown .rp-divider{
  height:1px;background:var(--glass-border);margin:0.25rem 0.5rem;
}

/* ── LEGAL PAGES ── */
.rp-legal-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem}
.rp-legal-page h1{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--rp-text);margin-bottom:1.5rem}
.rp-legal-page p{line-height:1.8;color:var(--rp-text);margin-bottom:1rem}
.rp-legal-page img{max-width:100%;height:auto;border-radius:8px}
.rp-legal-page table{width:100%;overflow-x:auto;display:block}

@media(max-width:700px){
  .rp-legal-page{padding:1.5rem 1rem}
  .rp-legal-page h1{font-size:1.5rem}
}

/* ── PENDING ORDERS PAGE ── */
.rp-pending-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem}
.rp-pending-header{margin-bottom:2rem}
.rp-pending-header h1{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--rp-text);margin-bottom:0.25rem}
.rp-pending-header p{color:var(--rp-muted);font-size:0.9rem}
.rp-pending-list{display:flex;flex-direction:column;gap:0.75rem}
.rp-pending-card{background:#fff;border-radius:12px;padding:1rem 1.25rem;cursor:pointer;border:1px solid var(--rp-teal-mid);transition:box-shadow 0.2s,transform 0.2s;box-shadow:0 2px 8px rgba(13,184,168,0.08)}
.rp-pending-card:hover{box-shadow:0 4px 20px rgba(13,184,168,0.18);transform:translateY(-2px)}
.rp-pending-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}
.rp-pending-key{font-weight:600;font-size:0.85rem;color:var(--rp-teal)}
.rp-pending-date{font-size:0.78rem;color:var(--rp-muted)}
.rp-pending-card-body{display:flex;gap:2rem}
.rp-pending-label{display:block;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--rp-muted);margin-bottom:0.15rem}
.rp-pending-value{font-size:0.95rem;color:var(--rp-text);font-weight:500}
.rp-pending-empty{text-align:center;padding:4rem 1rem;color:var(--rp-muted)}
.rp-pending-empty p{margin-bottom:1rem;font-size:1.1rem}

/* ── MODAL ── */
.rp-modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.25s,visibility 0.25s;padding:1rem}
.rp-modal-overlay.rp-modal--open{opacity:1;visibility:visible}
.rp-modal{background:#fff;border-radius:16px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.2);transform:scale(0.95);transition:transform 0.25s var(--ease-spring)}
.rp-modal-overlay.rp-modal--open .rp-modal{transform:scale(1)}
.rp-modal-close{position:absolute;top:0.75rem;right:1rem;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--rp-muted);line-height:1;padding:0.25rem;z-index:1}
.rp-modal-close:hover{color:var(--rp-text)}
.rp-modal-content{padding:2rem 1.5rem 1.5rem}
.rp-modal-content h2{font-size:1.4rem;color:var(--rp-text)}
.rp-modal-date{font-size:0.8rem;color:var(--rp-muted);margin-bottom:1.25rem}
.rp-modal-section{margin-bottom:1.25rem}
.rp-modal-section h3{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--rp-muted);margin-bottom:0.4rem}
.rp-modal-name{font-size:1rem;font-weight:600;color:var(--rp-text)}
.rp-modal-meta{font-size:0.85rem;color:var(--rp-muted);line-height:1.5}
.rp-modal-perfume{display:flex;gap:1rem;align-items:flex-start}
.rp-modal-perfume-img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex-shrink:0}
.rp-modal-payment-img{max-width:100%;max-height:220px;width:auto;height:auto;border-radius:8px;margin-top:0.5rem;border:1px solid var(--rp-teal-mid)}
.rp-modal-actions{display:flex;gap:0.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--rp-teal-mid)}
.rp-modal-actions form{flex:1}
.rp-modal-actions .rp-btn-solid,.rp-modal-actions .rp-btn-ghost{width:100%;text-align:center}
.rp-btn-delete{color:#e74c3c!important;border-color:#e74c3c!important}
.rp-btn-delete:hover{background:#fef2f2!important}