@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

:root{
  --pink:#d85b76;
  --pink-dark:#b84461;
  --pink-soft:#fff1f4;
  --gold:#c79734;
  --text:#222;
  --muted:#666;
  --border:#f0d6dc;
  --shadow:0 18px 45px rgba(163,65,91,.13);
}
*{box-sizing:border-box}
body{font-family:'Poppins',sans-serif;color:var(--text);background:#fff;line-height:1.7;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.topbar{background:linear-gradient(90deg,#ffdbe4,#ffe6d4);font-size:13px;padding:8px 0;color:#333}
.social-mini a{margin-left:14px;color:#333}
.main-nav{background:rgba(255,255,255,.95);box-shadow:0 8px 30px rgba(0,0,0,.05);backdrop-filter:blur(12px);padding:14px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:46px;height:46px;border:1px solid var(--gold);display:grid;place-items:center;border-radius:50%;font-size:30px;color:var(--gold);line-height:1}
.brand strong{font-family:'Playfair Display',serif;font-size:31px;letter-spacing:2px;line-height:1;display:block}
.brand small{font-size:10px;letter-spacing:2px;color:var(--gold);display:block}
.nav-link{font-weight:500;margin:0 12px;position:relative}
.nav-link.active,.nav-link:hover{color:var(--pink)!important}
.nav-link.active:after,.nav-link:hover:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--pink)}
.soft-dropdown{border:0;box-shadow:var(--shadow);border-radius:14px;padding:10px}
.nav-actions{display:flex;gap:8px;align-items:center}
.icon-btn{border:0;background:#fff;color:#222;width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;position:relative;box-shadow:0 5px 20px rgba(0,0,0,.06)}
.cart-count{position:absolute;right:-3px;top:-4px;background:var(--pink);color:#fff;border-radius:50%;font-size:11px;width:20px;height:20px;display:grid;place-items:center}
.btn{border-radius:8px;padding:11px 24px;font-weight:500}
.btn-pink{background:var(--pink);border:1px solid var(--pink);color:#fff}
.btn-pink:hover{background:var(--pink-dark);border-color:var(--pink-dark);color:#fff}
.btn-outline-pink{border:1px solid var(--pink);color:var(--pink);background:#fff}
.btn-outline-pink:hover{background:var(--pink);color:#fff}
.btn-muted{border:1px solid #bbb;background:#fff;color:#777}
.btn-whatsapp{background:#25d366;color:#fff;border:1px solid #25d366}
.btn-whatsapp:hover{background:#1ead55;color:#fff}

.hero-section{background:radial-gradient(circle at 76% 50%,#ffdbe2 0,#fff5f6 35%,#fff 100%);position:relative;min-height:720px;overflow:hidden}
.hero-section:before,.hero-section:after{content:"";position:absolute;background:var(--pink-soft);border-radius:50%;opacity:.7}
.hero-section:before{width:260px;height:260px;left:-80px;bottom:80px}
.hero-section:after{width:340px;height:340px;right:-90px;top:80px}
.min-vh-hero{min-height:720px;position:relative;z-index:1}
.section-kicker{letter-spacing:3px;color:var(--pink);font-weight:600;font-size:14px;margin-bottom:12px}
.hero-section h1{font-family:'Playfair Display',serif;font-size:72px;line-height:1.1;margin:0 0 24px}
.hero-section h1 span,.section-title span{color:var(--pink)}
.hero-text{font-size:18px;color:#555;max-width:560px;margin-bottom:28px}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}
.hero-img{
  border-radius:42px;
  box-shadow:var(--shadow);
  width:88%;
  max-width:520px;
  margin-left:auto;
  display:block;
  object-fit:contain;
  background:transparent;
}
.trust-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:42px}
.trust-row div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.trust-row i{font-size:28px;color:var(--pink);grid-row:span 2}
.trust-row strong{font-size:14px}.trust-row small{font-size:12px;color:#666}
.whatsapp-pill{position:absolute;right:28px;bottom:28px;z-index:5;background:#fff;border-radius:50px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;padding:12px 18px;color:#222}
.whatsapp-pill i{background:#25d366;color:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:24px}

.section-pad{padding:86px 0}
.section-title{font-family:'Playfair Display',serif;font-size:42px;line-height:1.2;text-align:center}
.category-card{background:#fff;border:1px solid var(--border);box-shadow:0 12px 32px rgba(216,91,118,.08);border-radius:22px;padding:24px 18px;transition:.25s}
.category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.category-card img{width:170px;height:170px;object-fit:cover;border-radius:50%;margin:0 auto 16px;background:var(--pink-soft)}
.category-card h3{font-size:20px;margin-bottom:14px}

.product-section{background:linear-gradient(180deg,#fff7f8,#fff)}
.product-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.06);transition:.25s;height:100%}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.product-card img{width:100%;height:250px;object-fit:cover;background:#fff8fa}
.product-body{padding:18px;text-align:center}
.product-body h3{font-size:17px;font-weight:600;min-height:44px}
.price,.detail-price{color:var(--pink);font-weight:700;font-size:18px}
.about-section{background:#fff}
.rounded-img{border-radius:28px;box-shadow:var(--shadow)}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
.feature-list div{display:flex;gap:10px;align-items:center;color:#444}
.feature-list i{color:var(--pink);font-size:24px}
.why-section{background:#fff8fa}
.why-card{padding:25px;border-right:1px solid var(--border)}
.why-card i{font-size:34px;color:var(--pink);margin-bottom:15px}
.why-card h3{font-size:18px}.why-card p{color:#666;font-size:14px;margin:0}

.contact-section{background:linear-gradient(90deg,#fff,#fff0f4)}
.contact-form .form-control,.newsletter input,.checkout-box .form-control{border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:14px}
.contact-card{background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:32px}
.contact-card p{display:grid;grid-template-columns:36px 1fr;margin-bottom:18px}
.contact-card i{color:var(--pink);font-size:24px;grid-row:span 2}
.contact-card a{color:#333}

.site-footer{background:#fff6f8;padding:58px 0 16px;color:#444}
.footer-brand{margin-bottom:16px}
.site-footer h4{font-size:16px;margin-bottom:14px}
.site-footer a{display:block;margin-bottom:8px;color:#555}
.footer-social{display:flex;gap:10px}
.footer-social a{width:36px;height:36px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;color:var(--pink)}
.newsletter{display:flex}
.newsletter input{flex:1;margin:0;border-radius:8px 0 0 8px}
.newsletter button{border:0;background:var(--pink);color:#fff;width:48px;border-radius:0 8px 8px 0}
.footer-bottom{text-align:center;font-size:13px;color:#777}

.floating-social{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:10px}
.floating-social a,.floating-social button{width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;color:var(--pink)}
.floating-social .whatsapp{background:#25d366;color:#fff}

.page-hero{background:linear-gradient(120deg,#fff1f4,#fff);padding:70px 0;text-align:center}
.page-hero h1{font-family:'Playfair Display',serif;font-size:48px}
.detail-gallery{background:#fff8fa;border-radius:28px;padding:22px;box-shadow:var(--shadow)}
.detail-gallery img{border-radius:20px}
.product-detail-page h1{font-family:'Playfair Display',serif;font-size:44px}
.spec-list{list-style:none;padding:0;margin:22px 0}
.spec-list li{padding:8px 0;border-bottom:1px solid var(--border)}
.detail-tabs .nav-tabs{border-bottom:1px solid var(--border)}
.detail-tabs .nav-link{border:0;color:#555}
.detail-tabs .nav-link.active{color:var(--pink);background:#fff8fa;border-radius:10px 10px 0 0}

.cart-item{display:grid;grid-template-columns:90px 1fr 110px 100px 38px;gap:16px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px;margin-bottom:14px;box-shadow:0 8px 25px rgba(0,0,0,.04)}
.cart-item img{width:90px;height:90px;object-fit:cover;border-radius:14px}
.cart-item h4{font-size:17px;margin:0}.cart-item p{margin:0;color:var(--pink);font-weight:600}
.qty-control{display:flex;align-items:center;gap:8px}
.qty-control button,.remove-item{border:1px solid var(--border);background:#fff;border-radius:8px;width:30px;height:30px}
.remove-item{color:var(--pink)}
.cart-summary,.checkout-box,.empty-cart{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:28px}
.cart-summary h3,.checkout-box h3{font-family:'Playfair Display',serif}
.total{font-size:20px}
.empty-cart i{font-size:60px;color:var(--pink);margin-bottom:15px}
.paypal-placeholder{border:1px dashed #aaa;border-radius:12px;padding:18px;text-align:center;background:#fafafa;color:#555}
.paypal-placeholder i{color:#003087;font-size:28px;margin-right:8px}
.soft-toast{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);color:#222}

@media(max-width:991px){
  .hero-section h1{font-size:48px}
  .min-vh-hero{min-height:auto;padding:70px 0}
  .hero-img{margin-top:40px;width:100%}
  .floating-social{display:none}
  .whatsapp-pill{position:fixed;right:16px;bottom:16px}
}
@media(max-width:767px){
  .brand strong{font-size:24px}
  .section-pad{padding:58px 0}
  .section-title{font-size:34px}
  .trust-row{gap:18px}
  .feature-list{grid-template-columns:1fr}
  .cart-item{grid-template-columns:75px 1fr;position:relative}
  .cart-item img{width:75px;height:75px}
  .qty-control{grid-column:2}
  .cart-item strong{grid-column:2}
  .remove-item{position:absolute;right:10px;top:10px}
}


.payment-note{
  background:#fff8e8;
  border:1px solid #f1d99b;
  border-radius:12px;
  padding:12px 14px;
  font-size:14px;
  color:#5d481a;
}
#checkoutItems{
  font-size:14px;
}


.enhanced-gallery{
  position:sticky;
  top:110px;
}
.media-viewer{
  width:100%;
  aspect-ratio:1/1;
  background:#fff8fa;
  border-radius:22px;
  overflow:hidden;
  display:grid;
  place-items:center;
}
.media-viewer img,
.media-viewer video{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:20px;
}
.gallery-thumbs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.gallery-thumb{
  border:1px solid var(--border);
  background:#fff;
  border-radius:14px;
  padding:8px;
  position:relative;
  cursor:pointer;
  transition:.2s;
}
.gallery-thumb.active,
.gallery-thumb:hover{
  border-color:var(--pink);
  box-shadow:0 8px 22px rgba(216,91,118,.16);
}
.gallery-thumb img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:10px;
}
.gallery-thumb small{
  display:block;
  font-size:10px;
  margin-top:5px;
  color:#666;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.video-badge{
  position:absolute;
  inset:8px;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.22);
  border-radius:10px;
  color:#fff;
  font-size:20px;
}
.gallery-help,
.product-page-note{
  background:#fff8e8;
  border:1px solid #f1d99b;
  border-radius:12px;
  padding:12px 14px;
  font-size:13px;
  color:#5d481a;
}
@media(max-width:767px){
  .enhanced-gallery{position:static}
  .gallery-thumbs{grid-template-columns:repeat(2,1fr)}
}


.logo-brand img{
  width:210px;
  max-width:100%;
  height:auto;
  display:block;
}
.footer-brand.logo-brand img{
  width:230px;
  margin-bottom:12px;
}
@media(max-width:767px){
  .logo-brand img{
    width:165px;
  }
}


/* Separate logo icon + brand text */
.separate-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.separate-brand img{
  width:74px;
  height:50px;
  object-fit:contain;
  object-position:center;
  flex:0 0 auto;
}
.separate-brand strong{
  font-family:'Playfair Display',serif;
  font-size:31px;
  letter-spacing:2px;
  line-height:1;
  display:block;
  color:#1f1f1f;
}
.separate-brand small{
  font-size:10px;
  letter-spacing:2px;
  color:var(--gold);
  display:block;
}
.footer-brand.separate-brand{
  display:flex;
  margin-bottom:16px;
}
.footer-brand.separate-brand img{
  width:80px;
  height:56px;
  object-fit:contain;
}
@media(max-width:767px){
  .separate-brand img{
    width:58px;
    height:40px;
    object-fit:contain;
  }
  .separate-brand strong{
    font-size:24px;
  }
  .separate-brand small{
    font-size:8px;
    letter-spacing:1.4px;
  }
}


/* Multiple hero banners */
.hero-slider-wrap{
  padding:0;
}
.hero-slider-wrap .carousel-inner,
.hero-slider-wrap .carousel-item{
  min-height:720px;
}
.hero-indicators{
  bottom:26px;
}
.hero-indicators [data-bs-target]{
  width:12px;
  height:12px;
  border-radius:50%;
  border:0;
  background-color:rgba(216,91,118,.45);
  opacity:1;
}
.hero-indicators .active{
  background-color:var(--pink);
}
.hero-nav-btn{
  width:54px;
  height:54px;
  top:50%;
  transform:translateY(-50%);
  background:rgba(255,255,255,.9);
  border-radius:50%;
  opacity:1;
  box-shadow:var(--shadow);
}
.hero-nav-btn.carousel-control-prev{left:18px}
.hero-nav-btn.carousel-control-next{right:18px}
.hero-nav-btn .carousel-control-prev-icon,
.hero-nav-btn .carousel-control-next-icon{
  filter:invert(24%) sepia(19%) saturate(2074%) hue-rotate(303deg) brightness(92%) contrast(87%);
  width:1.2rem;
  height:1.2rem;
}
@media(max-width:991px){
  .hero-slider-wrap .carousel-inner,
  .hero-slider-wrap .carousel-item{
    min-height:auto;
  }
  .hero-nav-btn{
    display:none;
  }
}


/* Professional banner upgrades */
.offer-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--pink);
  font-size:13px;
  font-weight:600;
  margin-bottom:18px;
  box-shadow:0 10px 24px rgba(0,0,0,.05);
}
.soft-gold{color:#9d7218}
.purple-badge{color:#6d43a5}
.coral-badge{color:#b84a61}
.hero-dynamic-title{
  animation:fadeUp .7s ease both;
}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.hero-video-box{
  background:#fff;
  border-radius:28px;
  box-shadow:var(--shadow);
  padding:16px;
  max-width:560px;
  margin-left:auto;
}
.hero-video{
  width:100%;
  aspect-ratio:16/9;
  object-fit:contain;
  border-radius:22px;
  background:#fff8fa;
  display:block;
}
.category-banner-section{
  background:linear-gradient(180deg,#fff,#fff9fb);
}
.category-banner-carousel{
  position:relative;
}
.category-banner-slide{
  position:relative;
  display:block;
}
.category-banner-slide img{
  width:100%;
  border-radius:28px;
  box-shadow:var(--shadow);
  display:block;
}
.category-banner-cta{
  position:absolute;
  left:40px;
  bottom:32px;
  background:#fff;
  color:var(--pink);
  border-radius:999px;
  padding:10px 18px;
  font-weight:600;
  box-shadow:0 10px 24px rgba(0,0,0,.09);
}
.category-nav-btn{
  width:48px;
  height:48px;
  top:50%;
  transform:translateY(-50%);
  background:rgba(255,255,255,.95);
  border-radius:50%;
  box-shadow:var(--shadow);
}
.category-nav-btn.carousel-control-prev{left:-14px}
.category-nav-btn.carousel-control-next{right:-14px}
.category-nav-btn .carousel-control-prev-icon,
.category-nav-btn .carousel-control-next-icon{
  filter:invert(24%) sepia(19%) saturate(2074%) hue-rotate(303deg) brightness(92%) contrast(87%);
}
@media(max-width:991px){
  .category-nav-btn{
    display:none;
  }
}
@media(max-width:767px){
  .offer-badge{
    font-size:12px;
    padding:8px 12px;
  }
  .category-banner-cta{
    left:18px;
    bottom:18px;
    font-size:12px;
    padding:8px 14px;
  }
}


/* Real logo icon + refined brand colors */
.separate-brand img{
  width:54px;
  height:54px;
  object-fit:contain;
  flex:0 0 auto;
}
.separate-brand strong{
  font-family:'Playfair Display',serif;
  font-size:31px;
  letter-spacing:2px;
  line-height:1;
  display:block;
  color:#0a2f6b; /* deep navy to match uploaded logo */
}
.separate-brand small{
  font-size:10px;
  letter-spacing:2px;
  color:#c79734; /* gold to match logo accent */
  display:block;
}

/* Better contact section formatting */
.contact-card{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:28px;
}
.contact-item{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:flex-start;
  padding:10px 0;
  border-bottom:1px solid #f2e3e7;
}
.contact-item:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.contact-item i{
  color:var(--pink);
  font-size:24px;
  line-height:1.2;
  margin-top:4px;
}
.contact-content{
  min-width:0;
}
.contact-content strong{
  display:block;
  font-size:15px;
  margin-bottom:4px;
  color:#222;
}
.contact-content a,
.contact-content span{
  display:block;
  color:#444;
  font-size:14px;
  line-height:1.6;
  word-break:break-word;
  overflow-wrap:anywhere;
}
@media(max-width:767px){
  .separate-brand img{
    width:44px;
    height:44px;
  }
  .separate-brand strong{
    font-size:24px;
  }
  .separate-brand small{
    font-size:8px;
    letter-spacing:1.4px;
  }
  .contact-card{
    padding:22px;
  }
}

/* Live-ready ALTIVOLA product image/banner integration */
.hero-img{
  object-fit:cover;
}
.category-banner-slide{
  overflow:hidden;
  border-radius:28px;
}
.category-banner-slide img{
  width:100%;
  height:auto;
  display:block;
}
.category-banner-cta{
  background:var(--pink);
  color:#fff;
  border:1px solid var(--pink);
  z-index:2;
}
.category-banner-slide:hover .category-banner-cta{
  background:var(--pink-dark);
  color:#fff;
}


/* ===== Pro image refresh + scrollable collection/product sections ===== */
.hero-img{
  width:100%;
  max-width:520px;
  border-radius:30px;
  box-shadow:0 25px 70px rgba(0,0,0,.12);
  background:#fff;
}
.hero-section .col-lg-6.text-center{
  overflow:visible;
}
.category-banner-slide{
  overflow:hidden;
  border-radius:34px;
}
.category-banner-slide img{
  width:100%;
  display:block;
  border-radius:34px;
}
.category-banner-cta{
  background:var(--pink);
  color:#fff;
  border:1px solid var(--pink);
  left:40px;
  bottom:28px;
}
.category-banner-slide:hover .category-banner-cta{
  background:var(--pink-dark);
  color:#fff;
}

.scroll-track{
  display:flex;
  gap:24px;
  overflow-x:auto;
  padding:8px 8px 18px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.scroll-track::-webkit-scrollbar{
  height:10px;
}
.scroll-track::-webkit-scrollbar-thumb{
  background:#e4c7cf;
  border-radius:999px;
}
.scroll-item{
  flex:0 0 auto;
  scroll-snap-align:start;
}
.collection-item{
  width:300px;
}
.collection-item .category-card{
  height:100%;
  min-height:100%;
}
.collection-item .category-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:26px;
  margin-bottom:18px;
}
.product-item-wrap{
  width:300px;
}
.product-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}
.rounded-img{
  width:100%;
  border-radius:34px;
  box-shadow:0 25px 70px rgba(0,0,0,.10);
}
@media(max-width:991px){
  .collection-item,
  .product-item-wrap{
    width:270px;
  }
  .category-banner-cta{
    left:20px;
    bottom:20px;
  }
}


/* Updated logo sizing for uploaded AV logo */
.brand img{background:transparent;}


/* final refinement pass */
.hero-section .col-lg-6.text-center picture{
  display:block;
  width:100%;
}
@media(max-width:991px){
  .hero-img{
    width:100%;
    max-width:480px;
    margin:24px auto 0;
  }
  .hero-video-box{
    margin:24px auto 0;
  }
}








/* Stable Amazon-style product detail image zoom */
.product-detail-page{
  position:relative;
}
.media-viewer{
  position:relative;
  overflow:hidden;
  cursor:zoom-in;
}
.media-viewer.zoom-active{
  cursor:crosshair;
}
.product-zoom-lens{
  position:absolute;
  width:210px;
  height:210px;
  border:1px solid rgba(70,130,220,.75);
  background:rgba(80,145,255,.20);
  pointer-events:none;
  display:none;
  z-index:8;
}
.product-zoom-result{
  position:absolute;
  width:520px;
  height:520px;
  background:#fff;
  border:1px solid #ddd;
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  background-repeat:no-repeat;
  display:none;
  z-index:100;
  border-radius:12px;
  overflow:hidden;
}
.media-viewer.zoom-active .product-zoom-lens{
  display:block;
}
.product-zoom-result.is-visible{
  display:block;
}
@media(max-width:1199px){
  .product-zoom-result{
    width:430px;
    height:430px;
  }
}
@media(max-width:991px){
  .product-zoom-lens,
  .product-zoom-result{
    display:none !important;
  }
  .media-viewer{
    cursor:default;
  }
}

/* Earrings listing page and category filters */
.earrings-page-hero{
  background:linear-gradient(135deg, #fff7fb, #fffdf7);
}
.listing-hero-premium{
  position:relative;
  overflow:hidden;
  padding:86px 0 78px;
  text-align:left;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.94) 0 0, rgba(255,255,255,0) 28%),
    radial-gradient(circle at 88% 12%, rgba(255,218,232,.72) 0 0, rgba(255,218,232,0) 30%),
    linear-gradient(135deg,#fff4f8 0%,#fffaf1 52%,#ffffff 100%);
}
.listing-hero-premium:before,
.listing-hero-premium:after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
.listing-hero-premium:before{
  width:260px;
  height:260px;
  right:-90px;
  top:-85px;
  background:rgba(182,77,120,.13);
}
.listing-hero-premium:after{
  width:170px;
  height:170px;
  left:-55px;
  bottom:-70px;
  background:rgba(214,165,75,.14);
}
.listing-hero-premium .container{
  position:relative;
  z-index:1;
}
.listing-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 15px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(182,77,120,.18);
  color:#9b3e65;
  font-weight:800;
  font-size:12px;
  letter-spacing:.12em;
  margin-bottom:16px;
  box-shadow:0 12px 28px rgba(154,64,100,.08);
}
.listing-hero-premium h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(40px,5vw,68px);
  line-height:1.03;
  color:#3c2430;
  max-width:760px;
  margin-bottom:18px;
}
.listing-hero-lead{
  max-width:650px;
  color:#745b66;
  font-size:17px;
  line-height:1.75;
  margin-bottom:24px;
}
.listing-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.btn-hero-outline{
  border:1.5px solid rgba(95,55,70,.28);
  color:#6b4054;
  background:rgba(255,255,255,.75);
  border-radius:999px;
  font-weight:700;
  padding:11px 22px;
  box-shadow:0 12px 24px rgba(80,52,64,.08);
}
.btn-hero-outline:hover,
.btn-hero-outline:focus{
  background:#3c2430;
  border-color:#3c2430;
  color:#fff;
  transform:translateY(-2px);
}
.listing-hero-card{
  position:relative;
  min-height:370px;
  max-width:430px;
  margin-left:auto;
}
.hero-mini-image{
  position:absolute;
  overflow:hidden;
  background:#fff;
  border:8px solid rgba(255,255,255,.92);
  box-shadow:0 26px 55px rgba(95,45,68,.18);
}
.hero-mini-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hero-mini-main{
  width:280px;
  height:315px;
  right:58px;
  top:26px;
  border-radius:42px 42px 16px 42px;
}
.hero-mini-top{
  width:146px;
  height:146px;
  left:8px;
  top:0;
  border-radius:32px;
  transform:rotate(-7deg);
}
.hero-mini-bottom{
  width:165px;
  height:165px;
  left:10px;
  bottom:14px;
  border-radius:999px;
  transform:rotate(6deg);
}
.hero-floating-note{
  position:absolute;
  right:4px;
  bottom:30px;
  background:#3c2430;
  color:#fff;
  border-radius:18px;
  padding:13px 16px;
  font-weight:700;
  box-shadow:0 18px 40px rgba(60,36,48,.22);
}
.hero-floating-note span{
  display:block;
  color:#ffd9a3;
  letter-spacing:.14em;
  font-size:12px;
}
.earrings-listing-page .section-title{
  max-width:none;
}
.result-count{
  color:#7a6470;
  font-weight:600;
}
.earring-filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.earring-filter-btn{
  border:1px solid rgba(206,111,151,.28);
  background:#fff;
  color:#5c3d4b;
  border-radius:999px;
  padding:10px 16px;
  font-size:14px;
  font-weight:600;
  box-shadow:0 10px 24px rgba(160,105,130,.08);
  transition:all .2s ease;
}
.earring-filter-btn span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  margin-left:7px;
  border-radius:999px;
  background:#f8e8ef;
  color:#b64d78;
  font-size:12px;
}
.earring-filter-btn:hover,
.earring-filter-btn.active{
  background:#b64d78;
  color:#fff;
  border-color:#b64d78;
  transform:translateY(-1px);
}
.earring-filter-btn:hover span,
.earring-filter-btn.active span{
  background:rgba(255,255,255,.2);
  color:#fff;
}
.earring-card .product-info{
  padding:18px;
}
.earring-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:10px;
}
.earring-meta span{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 9px;
  background:#fff4f8;
  color:#a0446c;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.earring-card .btn-outline-pink{
  background:#fff;
}
@media(max-width:575px){
  .earring-filter-btn{
    width:100%;
    justify-content:space-between;
    display:flex;
  }
}

/* Soft premium listing CTA hover/focus */
.earrings-listing-page .earring-card .btn-outline-pink{
  position:relative;
  border-width:1.5px;
  border-color:#e8abc1;
  color:#9d4a6c;
  background:linear-gradient(135deg,#fff 0%,#fff8fb 100%);
  font-weight:700;
  box-shadow:0 8px 18px rgba(157,74,108,.08);
  transition:all .22s ease;
}
.earrings-listing-page .earring-card .btn-outline-pink:hover,
.earrings-listing-page .earring-card .btn-outline-pink:focus{
  background:linear-gradient(135deg,#fff2f6 0%,#ffe7ef 52%,#fff7e9 100%);
  border-color:#d990ab;
  color:#7c3654;
  box-shadow:0 12px 26px rgba(217,144,171,.24);
  transform:translateY(-2px);
  outline:0;
}
.earrings-listing-page .earring-card .btn-outline-pink:focus-visible{
  outline:3px solid rgba(217,144,171,.28);
  outline-offset:2px;
}

.earrings-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}
.earrings-page-btn{
  border:1px solid rgba(182,77,120,.22);
  background:#fff;
  color:#573343;
  min-width:42px;
  height:42px;
  border-radius:999px;
  padding:0 14px;
  font-weight:800;
  box-shadow:0 12px 24px rgba(120,70,95,.08);
  transition:all .2s ease;
}
.earrings-page-btn:hover,
.earrings-page-btn:focus,
.earrings-page-btn.active{
  background:linear-gradient(135deg,#b64d78,#ff8a3d);
  border-color:#b64d78;
  color:#fff;
  transform:translateY(-2px);
}
.earrings-page-btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
  background:#fff;
  color:#8c7882;
}
@media(max-width:991px){
  .listing-hero-premium{
    text-align:center;
    padding:64px 0 58px;
  }
  .listing-hero-lead{
    margin-left:auto;
    margin-right:auto;
  }
  .listing-hero-card{
    margin:12px auto 0;
    min-height:320px;
  }
  .hero-mini-main{
    right:35px;
    width:245px;
    height:275px;
  }
  .hero-mini-top{
    left:24px;
    width:126px;
    height:126px;
  }
  .hero-mini-bottom{
    left:28px;
    width:140px;
    height:140px;
  }
}
@media(max-width:575px){
  .listing-hero-card{
    min-height:265px;
  }
  .hero-mini-main{
    width:205px;
    height:230px;
    right:26px;
    top:20px;
  }
  .hero-mini-top{
    width:104px;
    height:104px;
    left:6px;
  }
  .hero-mini-bottom{
    width:112px;
    height:112px;
    left:8px;
    bottom:12px;
  }
  .hero-floating-note{
    right:0;
    bottom:10px;
    font-size:13px;
  }
}

/* Product detail premium header */
.product-detail-hero{
  position:relative;
  overflow:hidden;
  text-align:left;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.95) 0 0, rgba(255,255,255,0) 32%),
    linear-gradient(135deg,#fff3f8 0%,#fffaf0 52%,#fff 100%);
  padding:56px 0;
}
.product-detail-hero:before,
.product-detail-hero:after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
.product-detail-hero:before{
  width:230px;
  height:230px;
  right:-70px;
  top:-70px;
  background:rgba(182,77,120,.11);
}
.product-detail-hero:after{
  width:140px;
  height:140px;
  left:5%;
  bottom:-65px;
  background:rgba(219,174,98,.12);
}
.product-hero-card{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(206,111,151,.18);
  border-radius:30px;
  padding:28px 30px;
  box-shadow:0 18px 50px rgba(160,105,130,.14);
  backdrop-filter:blur(10px);
}
.product-hero-copy h1{
  margin:0 0 8px;
  color:#3d2631;
}
.product-hero-copy p:not(.section-kicker){
  max-width:680px;
  margin:0;
  color:#6e5862;
}
.product-hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.product-hero-badges span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:8px 13px;
  background:#fff;
  color:#8b3f61;
  border:1px solid rgba(182,77,120,.14);
  font-size:13px;
  font-weight:700;
  box-shadow:0 8px 20px rgba(160,105,130,.08);
}
.product-hero-back{
  white-space:nowrap;
  box-shadow:0 10px 24px rgba(182,77,120,.12);
}
.product-hero-back:hover,
.product-hero-back:focus{
  background:#b64d78;
  color:#fff;
  border-color:#b64d78;
}
@media(max-width:767px){
  .product-detail-hero{text-align:center;padding:38px 0;}
  .product-hero-card{flex-direction:column;padding:24px 18px;border-radius:24px;}
  .product-hero-badges{justify-content:center;}
}

/* ===== Professional scalable listing page update ===== */
.professional-listing-page{
  background:linear-gradient(180deg,#fff 0%,#fff9fb 44%,#fff 100%);
}
.collection-intro-panel{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:26px;
  border:1px solid rgba(182,77,120,.12);
  border-radius:28px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 45px rgba(80,48,63,.07);
  margin-bottom:20px;
}
.collection-intro-text{
  max-width:680px;
  color:#78636d;
  line-height:1.7;
}
.collection-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  justify-content:flex-end;
  min-width:260px;
}
.collection-trust-row span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  border-radius:999px;
  background:#fff7fa;
  color:#7d425a;
  border:1px solid rgba(182,77,120,.12);
  font-weight:700;
  font-size:12px;
  white-space:nowrap;
}
.collection-toolbar{
  position:sticky;
  top:82px;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px;
  margin-bottom:18px;
  border:1px solid rgba(182,77,120,.12);
  border-radius:22px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  box-shadow:0 16px 34px rgba(66,42,54,.08);
}
.collection-search-wrap{
  position:relative;
  flex:1 1 420px;
}
.collection-search-wrap i{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  color:#b76a86;
}
.collection-search-wrap input{
  width:100%;
  height:48px;
  border:1px solid rgba(182,77,120,.18);
  border-radius:999px;
  padding:0 18px 0 44px;
  background:#fffafc;
  color:#4c3340;
  outline:0;
  transition:all .2s ease;
}
.collection-search-wrap input:focus{
  background:#fff;
  border-color:#d58aa6;
  box-shadow:0 0 0 4px rgba(213,138,166,.14);
}
.collection-toolbar-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.listing-sort{
  width:auto;
  min-width:180px;
  height:48px;
  border-radius:999px;
  border-color:rgba(182,77,120,.18);
  background-color:#fffafc;
  color:#5b4050;
  font-weight:700;
  box-shadow:none;
}
.active-filter-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  margin-bottom:18px;
  border-radius:16px;
  background:#fff3f7;
  color:#6e4254;
  border:1px solid rgba(213,138,166,.20);
}
.active-filter-summary button{
  border:0;
  background:#fff;
  color:#a54f72;
  border-radius:999px;
  padding:6px 11px;
  font-weight:800;
}
.mobile-filter-strip{
  margin:0 0 18px;
  padding:13px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(182,77,120,.12);
  box-shadow:0 12px 28px rgba(80,48,63,.06);
}
.mobile-filter-title{
  display:flex;
  align-items:center;
  gap:8px;
  color:#5a3546;
  font-weight:800;
  margin-bottom:10px;
}
.collection-layout{
  display:grid;
  grid-template-columns:minmax(230px,270px) 1fr;
  gap:24px;
  align-items:start;
}
.collection-sidebar{
  position:sticky;
  top:170px;
}
.filter-panel{
  border:1px solid rgba(182,77,120,.12);
  border-radius:24px;
  background:#fff;
  padding:18px;
  box-shadow:0 18px 42px rgba(80,48,63,.07);
}
.filter-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.filter-panel-head h3{
  margin:0;
  font-family:'Playfair Display',serif;
  font-size:24px;
  color:#3e2632;
}
.filter-panel-head button{
  border:0;
  background:#fff2f6;
  color:#a84e70;
  border-radius:999px;
  padding:7px 10px;
  font-weight:800;
  font-size:12px;
}
.filter-group{
  padding:16px 0;
  border-top:1px solid rgba(182,77,120,.10);
}
.filter-group h4{
  margin:0 0 10px;
  color:#785769;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
}
.filter-button-list{
  display:grid;
  gap:8px;
}
.desktop-filter-groups .earring-filter-btn{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:10px 12px;
  text-align:left;
  box-shadow:none;
}
.filter-help-card{
  display:flex;
  gap:12px;
  margin-top:16px;
  padding:15px;
  border-radius:18px;
  background:linear-gradient(135deg,#fff7fa,#fffdf7);
  border:1px solid rgba(182,77,120,.12);
}
.filter-help-card i{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#e9fff1;
  color:#25d366;
  font-size:19px;
  flex:0 0 auto;
}
.filter-help-card strong{
  display:block;
  color:#4d3140;
  margin-bottom:4px;
}
.filter-help-card p{
  color:#806a74;
  font-size:13px;
  line-height:1.45;
  margin:0 0 8px;
}
.filter-help-card a{
  color:#a84e70;
  font-weight:900;
  font-size:13px;
}
.collection-results{
  min-width:0;
}
.professional-listing-page .earring-filter-bar{
  flex-wrap:nowrap;
  overflow-x:auto;
  gap:8px;
  padding-bottom:2px;
  scrollbar-width:thin;
}
.professional-listing-page .earring-filter-btn{
  flex:0 0 auto;
  background:#fffafc;
  border-color:rgba(213,138,166,.28);
}
.professional-listing-page .earring-filter-btn:hover,
.professional-listing-page .earring-filter-btn.active{
  background:linear-gradient(135deg,#fbe7ef,#fff7e9);
  color:#79384f;
  border-color:#d990ab;
  box-shadow:0 10px 22px rgba(217,144,171,.17);
}
.professional-listing-page .earring-filter-btn:hover span,
.professional-listing-page .earring-filter-btn.active span{
  background:#fff;
  color:#a84e70;
}
.professional-listing-page .earring-card{
  border-radius:20px;
  overflow:hidden;
}
.professional-listing-page .earring-image-link{
  position:relative;
  display:block;
  overflow:hidden;
  background:#fff8fb;
}
.professional-listing-page .earring-card img{
  height:235px;
  transition:transform .35s ease;
}
.professional-listing-page .earring-card:hover img{
  transform:scale(1.04);
}
.quick-view-pill{
  position:absolute;
  right:12px;
  top:12px;
  opacity:0;
  transform:translateY(-6px);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#8f4563;
  padding:6px 10px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(80,48,63,.12);
  transition:all .2s ease;
}
.professional-listing-page .earring-card:hover .quick-view-pill{
  opacity:1;
  transform:translateY(0);
}
.professional-listing-page .earring-card .product-info{
  padding:15px;
}
.professional-listing-page .earring-card h3{
  font-size:16px;
  line-height:1.35;
  min-height:43px;
  margin-bottom:8px;
}
.professional-listing-page .earring-card h3 a{
  color:#3f2b35;
}
.professional-listing-page .earring-card .product-price{
  margin-bottom:12px;
  color:#a84e70;
  font-size:17px;
}
.listing-card-actions{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
}
.listing-card-actions .btn{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
}
.listing-card-actions .add-to-cart{
  min-width:48px;
  padding-left:12px;
  padding-right:12px;
}
.listing-card-actions .add-to-cart span{
  margin-left:6px;
}
.professional-listing-page .earring-card .btn-outline-pink:hover,
.professional-listing-page .earring-card .btn-outline-pink:focus{
  background:linear-gradient(135deg,#fff6f9 0%,#fde7ef 100%);
  border-color:#d58aa6;
  color:#7d3d56;
  box-shadow:0 10px 24px rgba(213,138,166,.22);
}
.professional-listing-page .earrings-page-btn:hover,
.professional-listing-page .earrings-page-btn:focus,
.professional-listing-page .earrings-page-btn.active{
  background:linear-gradient(135deg,#f9e1ea,#fff2df);
  border-color:#d990ab;
  color:#79384f;
}
.pagination-dots{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  color:#9b7c8a;
  font-weight:900;
}
@media(max-width:1199px){
  .collection-layout{grid-template-columns:minmax(220px,245px) 1fr;gap:18px;}
  .professional-listing-page .earring-card img{height:218px;}
}
@media(max-width:991px){
  .collection-intro-panel{display:block;padding:20px;}
  .collection-trust-row{justify-content:flex-start;margin-top:14px;min-width:0;}
  .collection-toolbar{top:72px;display:block;padding:12px;}
  .collection-toolbar-actions{justify-content:space-between;margin-top:10px;}
  .listing-sort{min-width:165px;}
  .collection-layout{display:block;}
  .professional-listing-page .earring-card img{height:230px;}
}
@media(max-width:575px){
  .collection-intro-panel{padding:17px;border-radius:22px;}
  .collection-intro-panel .section-title{font-size:28px;}
  .collection-trust-row{gap:7px;}
  .collection-trust-row span{font-size:11px;padding:8px 10px;}
  .collection-toolbar{position:static;border-radius:20px;margin-bottom:14px;}
  .collection-search-wrap input{height:46px;font-size:14px;}
  .collection-toolbar-actions{align-items:stretch;gap:8px;}
  .result-count{font-size:13px;align-self:center;}
  .listing-sort{min-width:140px;height:42px;font-size:13px;padding-left:12px;padding-right:32px;}
  .active-filter-summary{font-size:13px;align-items:flex-start;}
  .mobile-filter-strip{padding:12px;margin-bottom:14px;}
  .professional-listing-page .earring-filter-btn{padding:9px 12px;font-size:13px;}
  .professional-listing-page .earring-card{border-radius:16px;}
  .professional-listing-page .earring-card img{height:170px;}
  .professional-listing-page .earring-card .product-info{padding:12px;}
  .professional-listing-page .earring-meta{gap:4px;margin-bottom:8px;}
  .professional-listing-page .earring-meta span{font-size:9px;padding:4px 7px;}
  .professional-listing-page .earring-card h3{font-size:13px;min-height:38px;margin-bottom:6px;}
  .professional-listing-page .earring-card .product-price{font-size:15px;margin-bottom:10px;}
  .listing-card-actions{grid-template-columns:1fr;}
  .listing-card-actions .add-to-cart{width:100%;}
  .listing-card-actions .add-to-cart span{display:inline;margin-left:6px;}
  .quick-view-pill{display:none;}
  .earrings-pagination{gap:7px;}
  .earrings-page-btn{min-width:38px;height:38px;padding:0 11px;font-size:13px;}
}
@media(max-width:380px){
  .professional-listing-page .earring-card img{height:150px;}
  .professional-listing-page .earring-card h3{font-size:12px;}
  .listing-card-actions .btn{font-size:12px;min-height:36px;}
}
@media(max-width:575px){
  .professional-listing-page .earring-filter-bar .earring-filter-btn{
    width:auto;
    display:inline-flex;
    justify-content:center;
  }
}

/* ===== 50-product catalog preview + refined listing actions ===== */
.professional-listing-page .product-badge-row{
  position:absolute;
  left:10px;
  top:10px;
  right:10px;
  display:flex;
  align-items:flex-start;
  gap:6px;
  flex-wrap:wrap;
  pointer-events:none;
}
.product-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:5px 9px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 8px 18px rgba(64,38,50,.10);
  backdrop-filter:blur(8px);
}
.product-badge.new{background:rgba(240,255,247,.94);color:#23764a;}
.product-badge.clearance{background:rgba(255,247,231,.95);color:#a45f12;}
.product-badge.preview{background:rgba(255,255,255,.88);color:#8e6b7b;}
.professional-listing-page .quick-view-pill{display:none!important;}
.professional-listing-page .earring-card{
  display:flex;
  flex-direction:column;
}
.professional-listing-page .earring-card .product-info{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
.professional-listing-page .earring-card h3{
  flex:0 0 auto;
}

.listing-status-line{
  min-height:24px;
  margin-bottom:7px;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.status-tag{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 10px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid transparent;
}
.status-tag.clearance{
  background:#fff4df;
  border-color:#f1cf99;
  color:#9b5c13;
}
.status-tag.new{
  background:#eefbf5;
  border-color:#bde7d0;
  color:#24714b;
}

.offer-product-price{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.offer-product-price span,
#detailPrice .offer-price{
  color:#a84e70;
  font-weight:900;
}
.offer-product-price del,
#detailPrice del{
  color:#9a8790;
  font-size:13px;
  font-weight:700;
}
.listing-card-actions.refined-actions{
  grid-template-columns:minmax(0,1fr) auto;
  margin-top:auto;
}
.listing-card-actions .view-details-btn{
  gap:7px;
  border-color:#e7c4d1;
  background:linear-gradient(135deg,#fff 0%,#fff8fb 100%);
  color:#7c4b5f;
}
.listing-card-actions .view-details-btn:hover,
.listing-card-actions .view-details-btn:focus{
  background:linear-gradient(135deg,#f8edf2 0%,#fff8ef 100%);
  border-color:#cda2b3;
  color:#603449;
  box-shadow:0 12px 22px rgba(150,105,125,.16);
}
.professional-listing-page .earring-image-link:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,0) 50%,rgba(255,244,248,.48) 100%);
  opacity:0;
  transition:opacity .25s ease;
}
.professional-listing-page .earring-card:hover .earring-image-link:after{
  opacity:1;
}
@media(max-width:991px){
  .professional-listing-page .product-badge{font-size:9px;padding:4px 7px;}
}
@media(max-width:575px){
  .listing-card-actions.refined-actions{grid-template-columns:1fr;}
  .listing-card-actions .view-details-btn span{display:inline;}
  .professional-listing-page .product-badge-row{left:7px;top:7px;gap:4px;}
  .product-badge.preview{display:none;}
}

@media(max-width:575px){
  .listing-status-line{min-height:20px;margin-bottom:6px;}
  .status-tag{font-size:8px;padding:4px 7px;}
}

/* ===== Professional cart page header update ===== */
.cart-hero-section{
  position:relative;
  overflow:hidden;
  padding:54px 0 34px;
  background:
    radial-gradient(circle at 88% 18%,rgba(216,91,118,.14),transparent 32%),
    radial-gradient(circle at 8% 80%,rgba(199,151,52,.13),transparent 28%),
    linear-gradient(135deg,#fff7fa 0%,#ffffff 48%,#fff4ec 100%);
}
.cart-hero-section:before,
.cart-hero-section:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.cart-hero-section:before{
  width:220px;
  height:220px;
  right:-70px;
  top:-85px;
  background:rgba(216,91,118,.09);
}
.cart-hero-section:after{
  width:150px;
  height:150px;
  left:5%;
  bottom:-72px;
  background:rgba(199,151,52,.12);
}
.cart-hero-card{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:24px;
  align-items:center;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(216,91,118,.14);
  border-radius:30px;
  padding:30px;
  box-shadow:0 18px 48px rgba(90,54,70,.10);
  backdrop-filter:blur(12px);
}
.cart-hero-copy h1{
  margin:0 0 10px;
  font-family:'Playfair Display',serif;
  font-size:48px;
  line-height:1.1;
  color:#3d2631;
}
.cart-hero-copy p:not(.section-kicker){
  max-width:680px;
  margin:0;
  color:#705a65;
}
.cart-hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.cart-hero-badges span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 13px;
  border-radius:999px;
  background:#fff8fb;
  color:#80445b;
  border:1px solid rgba(216,91,118,.13);
  font-size:12px;
  font-weight:700;
  box-shadow:0 8px 20px rgba(160,105,130,.07);
}
.cart-hero-mini{
  background:linear-gradient(160deg,#ffffff,#fff6f9);
  border:1px solid rgba(216,91,118,.14);
  border-radius:24px;
  padding:22px;
  box-shadow:0 14px 34px rgba(80,48,63,.08);
}
.cart-hero-mini span{
  display:block;
  color:#c79734;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  margin-bottom:5px;
}
.cart-hero-mini strong{
  display:block;
  color:#3d2631;
  font-family:'Playfair Display',serif;
  font-size:25px;
  line-height:1.2;
}
.cart-hero-mini small{
  display:block;
  margin-top:8px;
  color:#78636d;
  line-height:1.6;
}
@media(max-width:991px){
  .cart-hero-card{grid-template-columns:1fr;}
  .cart-hero-mini{max-width:100%;}
}
@media(max-width:767px){
  .cart-hero-section{padding:36px 0 24px;}
  .cart-hero-card{padding:22px 18px;border-radius:24px;}
  .cart-hero-copy h1{font-size:34px;}
  .cart-hero-badges{gap:7px;}
  .cart-hero-badges span{font-size:11px;padding:7px 10px;}
}

/* Global header search modal */
.global-search-form{margin:0;}
.global-search-row{display:flex;gap:10px;align-items:center;}
.global-search-row .form-control{height:48px;border-radius:999px;padding:0 18px;border:1px solid rgba(143, 78, 91, 0.18);background:#fffaf8;}
.global-search-row .form-control:focus{border-color:#d59aa6;box-shadow:0 0 0 .2rem rgba(213,154,166,.16);}
.global-search-row .btn{height:48px;border-radius:999px;padding:0 20px;white-space:nowrap;}
@media (max-width: 575.98px){.global-search-row{flex-direction:column;align-items:stretch}.global-search-row .btn{width:100%;}}

/* ===== ALTIVOLA account/login/signup flow ===== */
.account-widget{display:flex;align-items:center;gap:8px;white-space:nowrap;}
.account-widget .btn{padding:9px 15px;border-radius:999px;font-size:13px;}
.account-toggle{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 10px 6px 6px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 22px rgba(216,91,118,.09);color:#4a2f38;}
.account-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff0f4,#fde6c8);color:#9c4961;font-weight:800;font-size:12px;border:1px solid #f1c8d3;}
.account-name{font-size:13px;font-weight:700;max-width:92px;overflow:hidden;text-overflow:ellipsis;}
.account-dropdown{min-width:220px;}
.account-dropdown .dropdown-item{display:flex;align-items:center;gap:10px;border-radius:10px;padding:9px 10px;font-size:14px;}
.account-dropdown .dropdown-item i{width:18px;color:var(--pink);}
.account-dropdown .dropdown-item:hover{background:#fff3f6;color:#9c4961;}

.auth-page{background:linear-gradient(135deg,#fff8fa 0%,#fff 46%,#fff3e9 100%);min-height:100vh;}
.auth-section{padding:70px 0;position:relative;overflow:hidden;}
.auth-section:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(216,91,118,.09);left:-130px;top:30px;}
.auth-section:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(199,151,52,.12);right:-110px;bottom:20px;}
.auth-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:34px;align-items:stretch;}
.auth-panel{background:#fff;border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow);padding:34px;}
.auth-brand-panel{background:linear-gradient(145deg,#fff,#fff2f5);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow);padding:40px;display:flex;flex-direction:column;justify-content:center;min-height:520px;}
.auth-brand-panel .section-kicker{margin-bottom:14px;}
.auth-brand-panel h1{font-family:'Playfair Display',serif;font-size:48px;line-height:1.12;margin-bottom:18px;}
.auth-brand-panel p{color:#6a5a60;max-width:520px;}
.auth-benefits{display:grid;gap:14px;margin-top:28px;}
.auth-benefits div{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.72);border:1px solid #f2d6dd;border-radius:18px;padding:14px;}
.auth-benefits i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff0f4;color:var(--pink);}
.auth-card h2{font-family:'Playfair Display',serif;font-size:34px;margin-bottom:8px;}
.auth-card .form-control{border:1px solid var(--border);border-radius:14px;padding:13px 14px;}
.auth-card label{font-weight:600;font-size:13px;color:#6b515b;margin-bottom:6px;}
.auth-divider{display:flex;align-items:center;gap:12px;color:#a38d95;font-size:13px;margin:22px 0;}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#f0d6dc;flex:1;}
.demo-note{background:#fff8e8;border:1px solid #f1d99b;border-radius:14px;padding:12px 14px;color:#6a501b;font-size:13px;}

.profile-page{background:#fffafa;}
.profile-hero{background:linear-gradient(135deg,#fff1f4,#fff 62%,#fff5e8);padding:56px 0 42px;border-bottom:1px solid #f5dce3;}
.profile-hero-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:28px;}
.profile-identity{display:flex;align-items:center;gap:18px;}
.profile-avatar-large{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff0f4,#fde7cc);border:1px solid #efc8d3;color:#9c4961;font-weight:900;font-size:24px;}
.profile-hero h1{font-family:'Playfair Display',serif;margin:0;font-size:42px;}
.profile-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;}
.profile-sidebar,.profile-main-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 12px 35px rgba(216,91,118,.08);padding:22px;}
.profile-sidebar a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;color:#59454d;font-weight:600;margin-bottom:6px;}
.profile-sidebar a:hover{background:#fff2f5;color:var(--pink);}
.profile-sidebar i{color:var(--pink);width:20px;}
.profile-section-block{border-bottom:1px solid #f3dce2;padding:20px 0;}
.profile-section-block:last-child{border-bottom:0;}
.profile-section-block h3{font-family:'Playfair Display',serif;font-size:26px;margin-bottom:12px;}
.info-tile{background:#fff8fa;border:1px solid #f1d4dc;border-radius:16px;padding:15px;height:100%;}
.info-tile span{display:block;color:#8d747d;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;}
.info-tile strong{color:#32252a;}

@media(max-width:991px){
  .nav-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:14px;}
  .auth-shell{grid-template-columns:1fr;}
  .auth-brand-panel{min-height:auto;padding:30px;}
  .auth-brand-panel h1{font-size:38px;}
  .profile-grid{grid-template-columns:1fr;}
  .profile-hero-card{align-items:flex-start;flex-direction:column;}
}
@media(max-width:575px){
  .account-widget{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  .account-widget .account-menu{grid-column:1/-1;}
  .account-toggle{width:100%;justify-content:space-between;}
  .auth-section{padding:36px 0;}
  .auth-panel,.auth-brand-panel{padding:22px;border-radius:22px;}
  .auth-brand-panel h1{font-size:32px;}
  .profile-identity{align-items:flex-start;}
  .profile-avatar-large{width:60px;height:60px;font-size:20px;}
  .profile-hero h1{font-size:31px;}
}

/* Account form refinement: password strength + numeric captcha */
.password-field-wrap{position:relative;}
.password-field-wrap .form-control{padding-right:48px;}
.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:#fff4f7;color:#9b586a;display:grid;place-items:center;transition:all .2s ease;}
.password-toggle:hover,.password-toggle:focus{background:#f7dce4;color:#7b3448;box-shadow:0 6px 16px rgba(216,91,118,.18);outline:none;}
.password-strength .strength-track{height:7px;background:#f5e4e9;border-radius:999px;overflow:hidden;}
.password-strength .strength-track span{display:block;height:100%;width:8%;border-radius:999px;background:#d8c6cc;transition:width .25s ease,background .25s ease;}
.password-strength.very-weak .strength-track span{background:#d66b76;}
.password-strength.weak .strength-track span{background:#e0a15b;}
.password-strength.medium .strength-track span{background:#d2af43;}
.password-strength.good .strength-track span{background:#7fb174;}
.password-strength.strong .strength-track span{background:#3f9b73;}
.password-strength .strength-label{display:block;margin-top:6px;color:#8d727b;font-weight:600;}
.password-rules{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:6px;}
.password-rules li{font-size:12px;color:#9a828a;display:flex;align-items:center;gap:7px;background:#fff8fa;border:1px solid #f2dbe2;border-radius:12px;padding:7px 9px;}
.password-rules li i{color:#c8aeb6;font-size:12px;}
.password-rules li.is-valid{color:#477e5e;background:#f3fbf6;border-color:#cdebd7;}
.password-rules li.is-valid i{color:#3f9b73;}
.captcha-box{display:grid;grid-template-columns:112px 42px minmax(0,1fr);gap:10px;align-items:center;}
.captcha-code{height:48px;border-radius:14px;border:1px dashed #d8a3b0;background:linear-gradient(135deg,#fff6f8,#fffaf1);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;letter-spacing:7px;color:#7b3448;font-family:'Courier New',monospace;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);user-select:none;}
.captcha-refresh{height:42px;width:42px;border:1px solid #f0d6dc;border-radius:14px;background:#fff;color:#b65b72;transition:all .2s ease;}
.captcha-refresh:hover,.captcha-refresh:focus{background:#fff0f4;border-color:#e8bdc8;color:#88334a;box-shadow:0 7px 18px rgba(216,91,118,.15);outline:none;}
@media (max-width:575px){
  .captcha-box{grid-template-columns:1fr 42px;}
  .captcha-box .form-control{grid-column:1 / -1;}
}


/* Professional account page refinement */
.auth-page .main-nav .container{align-items:center;}
.auth-card-heading{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #f3dce3;}
.mini-badge{display:inline-flex;align-items:center;gap:8px;background:#fff4f7;border:1px solid #f1ccd6;color:#9e425c;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin-bottom:12px;}
.signup-auth-shell{grid-template-columns:minmax(280px,.8fr) minmax(620px,1.35fr);align-items:start;}
.signup-card-pro{padding:30px;}
.signup-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start;}
.signup-form-main{display:grid;gap:15px;}
.field-block label{display:block;}
.signup-security-panel{display:grid;gap:15px;position:sticky;top:106px;}
.security-panel-card{background:linear-gradient(145deg,#fff9fb,#fffdf8);border:1px solid #f0d4dc;border-radius:22px;padding:18px;box-shadow:0 16px 34px rgba(77,39,50,.07);}
.security-title{display:flex;align-items:center;gap:9px;font-weight:900;color:#6b2f42;margin-bottom:12px;}
.security-title i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff0f4;color:#c95773;}
.signup-security-panel .password-strength{margin-bottom:12px;}
.signup-security-panel .password-rules{gap:8px;}
.signup-security-panel .password-rules li{background:#fff;border-color:#f2dce3;padding:9px 10px;font-size:12.5px;}
.captcha-box-stacked{grid-template-columns:1fr 42px;}
.captcha-box-stacked .captcha-code{height:54px;}
.captcha-box-stacked .form-control{grid-column:1 / -1;}
.login-page .auth-shell{grid-template-columns:minmax(0,1fr) 460px;}
@media (max-width:1199px){
  .signup-auth-shell{grid-template-columns:1fr;}
  .signup-security-panel{position:static;grid-template-columns:1fr 1fr;}
}
@media (max-width:767px){
  .signup-form-grid{grid-template-columns:1fr;}
  .signup-security-panel{grid-template-columns:1fr;}
  .signup-card-pro{padding:22px;}
  .auth-page .topbar{display:none!important;}
  .auth-card-heading{margin-bottom:18px;}
}


/* Wishlist icon and wishlist profile area */
.product-card,
.earring-card{
  position:relative;
}
.wishlist-card-btn{
  position:absolute;
  top:14px;
  right:14px;
  z-index:5;
  width:42px;
  height:42px;
  border:1px solid rgba(182,77,120,.18);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#9d4a6c;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 26px rgba(80,40,58,.13);
  transition:all .2s ease;
  backdrop-filter:blur(8px);
}
.wishlist-card-btn:hover,
.wishlist-card-btn:focus,
.wishlist-card-btn.active{
  background:#fff1f6;
  border-color:#df9ab4;
  color:#b64d78;
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 16px 32px rgba(182,77,120,.22);
  outline:0;
}
.wishlist-card-btn.active i{
  color:#b64d78;
}
.detail-wishlist-btn.active{
  background:#fff1f6;
  border-color:#df9ab4;
  color:#b64d78;
}
.profile-section-heading{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}
.wishlist-grid{
  display:grid;
  gap:14px;
}
.wishlist-item-card{
  display:grid;
  grid-template-columns:88px 1fr auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(182,77,120,.14);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 26px rgba(80,40,58,.06);
}
.wishlist-item-card img{
  width:88px;
  height:88px;
  object-fit:cover;
  border-radius:16px;
  background:#fff8fa;
}
.wishlist-item-info h4{
  font-size:16px;
  margin:0 0 5px;
}
.wishlist-item-info h4 a{
  color:#3c2430;
  text-decoration:none;
}
.wishlist-item-info p{
  margin:0;
  color:#b64d78;
  font-weight:800;
}
.wishlist-item-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.wishlist-item-actions .wishlist-toggle{
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid #e8abc1;
  background:#fff1f6;
  color:#b64d78;
}
.wishlist-empty-state{
  text-align:center;
  padding:30px 18px;
  border:1px dashed rgba(182,77,120,.25);
  border-radius:24px;
  background:#fff8fb;
}
.wishlist-empty-state i{
  font-size:34px;
  color:#b64d78;
  margin-bottom:10px;
}
@media(max-width:575px){
  .wishlist-card-btn{
    top:10px;
    right:10px;
    width:38px;
    height:38px;
  }
  .wishlist-item-card{
    grid-template-columns:72px 1fr;
  }
  .wishlist-item-card img{
    width:72px;
    height:72px;
  }
  .wishlist-item-actions{
    grid-column:1 / -1;
    justify-content:space-between;
  }
  .profile-section-heading{
    flex-direction:column;
  }
}


/* After-login account pages */
.account-hero-pro{padding:44px 0 34px;}
.account-hero-card-pro{background:linear-gradient(135deg,#fff,#fff7f9 58%,#fff4e7);}
.account-sidebar-pro a.active{background:#fff0f4;color:#9c4961;border:1px solid #f0cbd5;box-shadow:0 8px 18px rgba(216,91,118,.08);}
.account-page-card{min-height:420px;}
.account-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0;}
.account-quick-card{display:flex;flex-direction:column;gap:8px;border:1px solid #f1d9df;border-radius:18px;background:linear-gradient(145deg,#fff,#fff9fb);padding:18px;color:#4e3b43;box-shadow:0 10px 26px rgba(216,91,118,.06);}
.account-quick-card i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0f4;color:#c95773;}
.account-quick-card strong{font-size:15px;}
.account-quick-card span{font-size:12.5px;color:#8d747c;}
.account-quick-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(216,91,118,.12);color:#9c4961;}
.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.account-form-full{grid-column:1/-1;}
.account-form-grid .form-control,.change-password-layout .form-control{border:1px solid var(--border);border-radius:14px;padding:13px 14px;}
.order-empty-pro{border:1px dashed #edcbd4;border-radius:22px;background:#fff8fa;text-align:center;padding:34px;margin-top:14px;}
.order-empty-pro i{font-size:34px;color:#c95773;margin-bottom:10px;}
.order-empty-pro.compact{padding:24px;}
.demo-order-card{margin-top:18px;border:1px solid #f1d9df;border-radius:18px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;}
.demo-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#9c4961;background:#fff0f4;border:1px solid #efcbd4;border-radius:999px;padding:6px 10px;}
.order-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0;}
.saved-address-preview{margin-top:18px;}
.saved-address-card{border:1px solid #f1d9df;border-radius:18px;padding:16px;background:#fff8fa;}
.change-password-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start;}
.change-password-fields{display:grid;gap:15px;}
.settings-list-pro{display:grid;gap:12px;}
.settings-list-pro label{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #f1d9df;border-radius:18px;background:#fff;padding:16px;}
.settings-list-pro span{display:grid;gap:2px;}
.settings-list-pro small{color:#8d747c;}
.settings-list-pro input{width:20px;height:20px;accent-color:#d85b76;}
.account-login-required{width:100%;padding:34px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:var(--shadow);}
@media (max-width:991px){
  .account-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .change-password-layout{grid-template-columns:1fr;}
  .order-detail-grid{grid-template-columns:1fr;}
}
@media (max-width:575px){
  .account-quick-grid,.account-form-grid{grid-template-columns:1fr;}
  .demo-order-card{align-items:flex-start;flex-direction:column;}
}


/* Professional customer dashboard upgrade */
.profile-grid{align-items:start;}
.account-sidebar-pro{position:sticky;top:96px;padding:0;overflow:hidden;background:linear-gradient(180deg,#fff,#fff8fa);border-color:#f0d6df;}
.account-sidebar-head{display:flex;align-items:center;gap:12px;padding:20px 18px;border-bottom:1px solid #f2dbe2;background:linear-gradient(135deg,#fff1f5,#fff9ef);}
.account-sidebar-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid #f1d2dc;color:#c95773;box-shadow:0 10px 22px rgba(216,91,118,.10);}
.account-sidebar-head strong{display:block;color:#46323a;font-weight:900;line-height:1.1;}
.account-sidebar-head small{display:block;color:#947780;font-size:12px;margin-top:3px;}
.account-sidebar-nav{padding:14px;display:grid;gap:4px;}
.account-sidebar-nav a,.profile-sidebar a{margin:0;border:1px solid transparent;}
.account-sidebar-nav a i{width:22px;text-align:center;}
.account-sidebar-nav a.active{background:#fff0f4;color:#9c4961;border-color:#f0cbd5;box-shadow:0 8px 18px rgba(216,91,118,.08);}
.account-sidebar-nav a.account-logout{margin-top:8px;color:#8b4658;background:#fff;border-top:1px solid #f5dde5;}
.account-page-card{padding:0;background:transparent;border:0;box-shadow:none;}
.account-dashboard-card{display:grid;gap:18px;}
.dashboard-welcome-panel,.dashboard-panel,.dashboard-stat-card{border:1px solid #f1d9df;background:#fff;border-radius:24px;box-shadow:0 14px 35px rgba(216,91,118,.075);}
.dashboard-welcome-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px;background:linear-gradient(135deg,#fff,#fff7fa 60%,#fff1e4);}
.dashboard-welcome-panel h2{font-family:'Playfair Display',serif;font-size:32px;margin:0 0 6px;color:#3d2d33;}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.dashboard-stat-card{padding:18px;color:#4a3940;display:grid;gap:8px;position:relative;overflow:hidden;transition:all .22s ease;}
.dashboard-stat-card:after{content:"";position:absolute;right:-30px;top:-30px;width:94px;height:94px;border-radius:50%;background:rgba(216,91,118,.07);}
.dashboard-stat-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(216,91,118,.13);color:#9c4961;}
.dashboard-stat-card .stat-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#fff1f5;border:1px solid #f0d1da;color:#c95773;}
.dashboard-stat-card small{font-size:12px;color:#8d747c;text-transform:uppercase;letter-spacing:.04em;font-weight:800;}
.dashboard-stat-card strong{font-size:30px;line-height:1;color:#422f36;}
.dashboard-stat-card em{font-style:normal;color:#967d84;font-size:12.5px;}
.dashboard-visual-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;}
.dashboard-two-column{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;}
.dashboard-panel{padding:22px;}
.compact-heading{padding:0 0 16px;border:0;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;}
.compact-heading h3{font-size:24px;margin:0 0 4px;}
.dashboard-chip{background:#fff0f4;border:1px solid #efcbd4;border-radius:999px;color:#9c4961;font-weight:900;padding:7px 12px;font-size:13px;}
.completion-meter{height:12px;border-radius:999px;background:#f6e4ea;overflow:hidden;margin:5px 0 18px;}
.completion-meter span{display:block;height:100%;width:var(--progress);border-radius:999px;background:linear-gradient(90deg,#e6a6b6,#d85b76,#f3b56b);}
.completion-list{display:grid;gap:10px;}
.completion-list div{display:flex;align-items:center;gap:10px;color:#56434a;font-weight:600;font-size:14px;}
.completion-list i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef9f1;color:#319660;font-size:12px;}
.completion-list .pending i{background:#fff5dd;color:#b97b1d;}
.activity-chart{height:210px;display:flex;align-items:end;gap:12px;padding:16px 6px 28px;border-radius:20px;background:linear-gradient(180deg,#fff9fb,#fff);border:1px solid #f4e0e6;}
.activity-chart span{flex:1;min-height:28px;border-radius:16px 16px 6px 6px;background:linear-gradient(180deg,#f1a9ba,#d85b76);position:relative;box-shadow:0 10px 22px rgba(216,91,118,.14);}
.activity-chart span:nth-child(even){background:linear-gradient(180deg,#f8c983,#e7a64e);}
.activity-chart em{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);font-style:normal;font-size:11px;color:#8d747c;font-weight:700;}
.dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;}
.dashboard-info-list{display:grid;gap:12px;}
.dashboard-info-list div{padding:14px;border:1px solid #f1d9df;border-radius:16px;background:#fff8fa;display:grid;gap:5px;}
.dashboard-info-list span{font-size:12px;color:#8d747c;text-transform:uppercase;letter-spacing:.04em;font-weight:800;}
.dashboard-info-list strong{font-size:14px;color:#46323a;word-break:break-word;}
.recent-wishlist-panel .wishlist-empty-state{box-shadow:none;border-style:dashed;}
@media (max-width:991px){
  .account-sidebar-pro{position:static;}
  .account-sidebar-nav{display:flex;overflow-x:auto;gap:8px;padding:12px;scrollbar-width:none;}
  .account-sidebar-nav a{white-space:nowrap;flex:0 0 auto;}
  .dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dashboard-visual-grid,.dashboard-two-column{grid-template-columns:1fr;}
  .dashboard-welcome-panel{align-items:flex-start;flex-direction:column;}
}
@media (max-width:575px){
  .dashboard-welcome-panel h2{font-size:26px;}
  .dashboard-stat-grid,.dashboard-quick-grid{grid-template-columns:1fr;}
  .dashboard-panel,.dashboard-welcome-panel{padding:18px;}
  .activity-chart{gap:7px;height:170px;}
}

/* Full customer portal theme inspired by dashboard reference, using ALTIVOLA website palette */
body.account-area-page{background:#fff8fa;color:#3d2d33;min-height:100vh;overflow-x:hidden;}
body.account-area-page .topbar,
body.account-area-page .main-nav{display:none!important;}
body.account-area-page:before{content:"";position:fixed;left:0;top:0;bottom:0;width:260px;background:#fff;box-shadow:8px 0 24px rgba(163,65,91,.10);z-index:1020;}
.account-portal-topbar{position:fixed;left:260px;right:0;top:0;height:66px;background:linear-gradient(90deg,#ffdbe4 0%,#d85b76 100%);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:1035;box-shadow:0 8px 22px rgba(216,91,118,.20);}
.account-portal-left{display:flex;align-items:center;gap:18px;min-width:0;}
.account-menu-toggle{width:42px;height:42px;border:0;border-radius:12px;background:rgba(255,255,255,.46);color:#b84461;display:none;align-items:center;justify-content:center;font-size:18px;}
.account-top-search{height:42px;width:min(420px,42vw);border-radius:9px;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.35);color:#7c4050;display:flex;align-items:center;gap:10px;padding:0 18px;text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.account-top-search:hover{background:#fff;color:#b84461;}
.account-portal-actions{display:flex;align-items:center;gap:14px;}
.account-top-icon{position:relative;width:38px;height:38px;border-radius:12px;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:18px;transition:all .2s ease;}
.account-top-icon:hover{background:rgba(255,255,255,.13);color:#fff;transform:translateY(-1px);}
.account-top-icon span{position:absolute;right:-1px;top:-3px;min-width:18px;height:18px;border-radius:999px;background:#c79734;color:#fff;font-size:10px;display:grid;place-items:center;font-weight:900;border:2px solid #d85b76;}
.account-top-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#b84461;font-weight:900;text-decoration:none;border:3px solid rgba(255,255,255,.35);box-shadow:0 6px 18px rgba(0,0,0,.15);}
.account-sidebar-pro{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:260px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;z-index:1040;overflow-y:auto;padding:0!important;}
.account-sidebar-logo-row{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #f0d6dc;background:#fff;}
.account-logo-link{display:flex;align-items:center;gap:10px;color:#b84461;text-decoration:none;font-weight:900;letter-spacing:.04em;}
.account-logo-link img{width:58px;height:42px;object-fit:contain;}
.account-sidebar-close{display:none;width:34px;height:34px;border:0;border-radius:10px;background:#fff1f4;color:#b84461;}
.account-sidebar-head{margin:0!important;padding:20px 18px!important;background:#fff!important;border-bottom:1px solid #f4dfe6!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;}
.account-sidebar-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#fff8f1,#fff1f4);display:grid;place-items:center;color:#b84461;font-weight:900;border:1px solid #f0d6dc;box-shadow:0 8px 18px rgba(216,91,118,.10);}
.account-sidebar-head strong{color:#46323a!important;font-size:14px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.account-sidebar-head small{color:#947780!important;font-size:12px;font-weight:600;}
.account-sidebar-caret{font-size:11px;color:#c79734;}
.account-sidebar-icon{display:none!important;}
.account-sidebar-nav{padding:22px 14px!important;display:grid!important;gap:10px!important;}
.account-sidebar-nav a,.profile-sidebar a{height:48px;display:flex!important;align-items:center;gap:14px;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#66515a!important;font-size:14px;font-weight:700;text-decoration:none;padding:0 13px!important;margin:0!important;letter-spacing:.01em;transition:all .18s ease;}
.account-sidebar-nav a i{width:22px;text-align:center;font-size:17px;color:#c79734;}
.account-sidebar-nav a:hover{background:#fff1f4!important;color:#d85b76!important;transform:none!important;}
.account-sidebar-nav a:hover i{color:#d85b76;}
.account-sidebar-nav a.active{background:#d85b76!important;color:#fff!important;border-color:#d85b76!important;box-shadow:0 10px 22px rgba(216,91,118,.22)!important;}
.account-sidebar-nav a.active i{color:#fff!important;}
.account-sidebar-nav a.account-logout{margin-top:18px!important;border-top:1px solid #f4dfe6!important;color:#8b4658!important;background:#fff!important;}
.account-sidebar-nav a.account-logout:hover{background:#fff1f4!important;color:#c94768!important;}
body.account-area-page .profile-hero.account-hero-pro{margin-left:260px;padding:66px 0 0;background:linear-gradient(90deg,#fff1f4 0%,#ffdbe4 48%,#ffe6d4 100%);border-bottom:1px solid #f0d6dc;}
body.account-area-page .profile-hero .container,body.account-area-page .section-pad.account-protected>.container{max-width:none;width:100%;padding-left:30px;padding-right:30px;}
body.account-area-page .profile-hero-card.account-hero-card-pro{min-height:126px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#3d2d33;padding:24px 0 28px;display:flex;align-items:center;justify-content:space-between;}
body.account-area-page .profile-hero-card h1{color:#3d2d33;font-family:'Inter',system-ui,sans-serif;font-size:28px;font-weight:900;margin:0 0 7px;}
body.account-area-page .profile-hero-card .section-kicker{color:#d85b76;font-weight:800;letter-spacing:.05em;}
body.account-area-page .profile-hero-card .text-muted{color:#8d747c!important;}
body.account-area-page .profile-avatar-large{display:none!important;}
body.account-area-page .profile-hero-card .btn{border-color:#d85b76!important;color:#b84461!important;background:#fff!important;border-radius:999px;padding:11px 22px;font-weight:800;}
body.account-area-page .profile-hero-card .btn:hover{background:#d85b76!important;color:#fff!important;}
body.account-area-page .section-pad.account-protected{margin-left:260px;padding:28px 0 90px;background:linear-gradient(180deg,#fff8fa,#fff);min-height:calc(100vh - 192px);}
body.account-area-page .profile-grid{display:block!important;}
body.account-area-page .profile-main-card.account-page-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;}
body.account-area-page .profile-section-block,body.account-area-page .dashboard-panel,body.account-area-page .dashboard-welcome-panel,body.account-area-page .dashboard-stat-card{border:1px solid #f0d6dc!important;background:#fff!important;border-radius:10px!important;box-shadow:0 10px 28px rgba(216,91,118,.07)!important;}
body.account-area-page .dashboard-welcome-panel{background:#fff!important;padding:24px!important;}
body.account-area-page .dashboard-welcome-panel h2{font-family:'Inter',system-ui,sans-serif;color:#3d2d33;font-size:28px;}
body.account-area-page .dashboard-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
body.account-area-page .dashboard-stat-card{padding:22px!important;min-height:150px;}
body.account-area-page .dashboard-stat-card:after{background:rgba(216,91,118,.07)!important;}
body.account-area-page .dashboard-stat-card .stat-icon{background:#fff1f4!important;border-color:#f0d6dc!important;color:#d85b76!important;border-radius:10px!important;}
body.account-area-page .dashboard-stat-card:hover{color:#d85b76!important;box-shadow:0 15px 34px rgba(216,91,118,.13)!important;}
body.account-area-page .dashboard-chip{background:#fff1f4!important;border-color:#f0d6dc!important;color:#d85b76!important;}
body.account-area-page .completion-meter span{background:linear-gradient(90deg,#d85b76,#c79734)!important;}
body.account-area-page .activity-chart span{background:linear-gradient(180deg,#d85b76,#b84461)!important;}
body.account-area-page .account-quick-card{border-color:#f0d6dc!important;border-radius:10px!important;background:#fff!important;}
body.account-area-page .account-quick-card i{color:#d85b76!important;background:#fff1f4!important;border-color:#f0d6dc!important;}
body.account-area-page .profile-section-heading h3{color:#3d2d33;font-weight:900;}
body.account-area-page .profile-section-heading p,body.account-area-page .text-muted{color:#8d747c!important;}
body.account-area-page .btn-pink{background:#d85b76!important;border-color:#d85b76!important;color:#fff!important;box-shadow:0 8px 18px rgba(216,91,118,.18)!important;}
body.account-area-page .btn-pink:hover{background:#b84461!important;border-color:#b84461!important;}
body.account-area-page .btn-outline-pink{border-color:#d85b76!important;color:#d85b76!important;background:#fff!important;}
body.account-area-page .btn-outline-pink:hover{background:#d85b76!important;color:#fff!important;}
.account-portal-overlay{display:none;}
@media (max-width:1199px){
  body.account-area-page:before,.account-sidebar-pro{width:236px!important;}
  .account-portal-topbar,body.account-area-page .profile-hero.account-hero-pro,body.account-area-page .section-pad.account-protected{margin-left:0;left:236px;}
  body.account-area-page .profile-hero.account-hero-pro,body.account-area-page .section-pad.account-protected{margin-left:236px;}
}
@media (max-width:991px){
  body.account-area-page:before{display:none;}
  .account-portal-topbar{left:0;padding:0 16px;}
  .account-menu-toggle{display:flex;}
  .account-top-search{width:auto;max-width:52vw;}
  .account-top-search span{display:none;}
  .account-sidebar-pro{transform:translateX(-104%);transition:transform .25s ease;width:280px!important;box-shadow:12px 0 32px rgba(70,38,48,.20)!important;}
  body.account-sidebar-open .account-sidebar-pro{transform:translateX(0);}
  .account-sidebar-close{display:grid;place-items:center;}
  .account-portal-overlay{position:fixed;inset:0;background:rgba(70,38,48,.45);z-index:1038;}
  body.account-sidebar-open .account-portal-overlay{display:block;}
  body.account-area-page .profile-hero.account-hero-pro,body.account-area-page .section-pad.account-protected{margin-left:0;}
  body.account-area-page .profile-hero .container,body.account-area-page .section-pad.account-protected>.container{padding-left:16px;padding-right:16px;}
  body.account-area-page .profile-hero-card.account-hero-card-pro{flex-direction:column;align-items:flex-start;gap:14px;min-height:auto;}
  body.account-area-page .dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:575px){
  .account-portal-actions{gap:7px;}
  .account-top-icon:nth-child(3){display:none;}
  body.account-area-page .profile-hero-card h1{font-size:24px;}
  body.account-area-page .dashboard-stat-grid{grid-template-columns:1fr;}
  body.account-area-page .profile-hero-card.account-hero-card-pro{padding:20px 0;}
  body.account-area-page .section-pad.account-protected{padding-top:18px;}
}


/* Account inner page professional spacing + Overview wording refinement */
body.account-area-page .section-pad.account-protected{
  padding-top:34px!important;
  background:linear-gradient(180deg,#fff8fa 0%,#fff 45%,#fffaf4 100%)!important;
}
body.account-area-page .section-pad.account-protected>.container{
  padding-left:34px!important;
  padding-right:34px!important;
}
body.account-area-page .profile-main-card.account-page-card{
  display:grid!important;
  gap:24px!important;
  max-width:1280px;
}
body.account-area-page .profile-section-block{
  padding:30px!important;
  margin:0 0 24px!important;
  border-radius:18px!important;
  overflow:hidden;
  position:relative;
}
body.account-area-page .profile-section-block:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,#d85b76,#f3b5c3,#c79734);
}
body.account-area-page .profile-section-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding-bottom:18px;
  margin-bottom:22px;
  border-bottom:1px solid #f4dfe6;
}
body.account-area-page .profile-section-heading h3{
  font-family:'Playfair Display',serif!important;
  font-size:30px!important;
  line-height:1.15;
  margin:0 0 7px!important;
}
body.account-area-page .account-form-grid{
  gap:20px 22px!important;
}
body.account-area-page .field-block label{
  font-size:13px;
  font-weight:800;
  color:#5b424b;
  margin-bottom:8px;
}
body.account-area-page .account-form-grid .form-control,
body.account-area-page .change-password-layout .form-control,
body.account-area-page textarea.form-control,
body.account-area-page select.form-control{
  border-color:#efcfd8!important;
  background:#fff!important;
  border-radius:16px!important;
  min-height:52px;
  box-shadow:0 8px 20px rgba(216,91,118,.04);
}
body.account-area-page .account-form-grid .form-control:focus,
body.account-area-page .change-password-layout .form-control:focus,
body.account-area-page textarea.form-control:focus{
  border-color:#d85b76!important;
  box-shadow:0 0 0 .22rem rgba(216,91,118,.13)!important;
}
body.account-area-page .btn-pink{
  border-radius:12px!important;
  padding:13px 24px!important;
}
body.account-area-page .profile-hero-card.account-hero-card-pro{
  padding-left:4px!important;
  padding-right:4px!important;
}
body.account-area-page .profile-hero-card h1{
  letter-spacing:-.02em;
}
body.account-area-page .account-sidebar-nav a[data-account-nav="overview"].active,
body.account-area-page .account-sidebar-nav a[data-account-nav="overview"]:hover{
  background:linear-gradient(135deg,#d85b76,#b84461)!important;
  color:#fff!important;
}
body.account-area-page .account-sidebar-nav a[data-account-nav="overview"].active i,
body.account-area-page .account-sidebar-nav a[data-account-nav="overview"]:hover i{color:#fff!important;}
body.account-area-page .dashboard-welcome-panel,
body.account-area-page .dashboard-panel,
body.account-area-page .dashboard-stat-card{
  border-radius:18px!important;
}
body.account-area-page .dashboard-welcome-panel{
  padding:30px!important;
  background:linear-gradient(135deg,#fff 0%,#fff7fa 55%,#fff1e4 100%)!important;
}
body.account-area-page .dashboard-panel{
  padding:26px!important;
}
body.account-area-page .dashboard-stat-card{
  min-height:158px;
}
@media (max-width:991px){
  body.account-area-page .section-pad.account-protected>.container{padding-left:18px!important;padding-right:18px!important;}
  body.account-area-page .profile-section-block{padding:22px!important;border-radius:16px!important;}
  body.account-area-page .profile-section-heading{flex-direction:column;gap:10px;}
  body.account-area-page .profile-section-heading h3{font-size:26px!important;}
}
@media (max-width:575px){
  body.account-area-page .section-pad.account-protected>.container{padding-left:14px!important;padding-right:14px!important;}
  body.account-area-page .profile-section-block{padding:18px!important;margin-bottom:18px!important;}
  body.account-area-page .account-form-grid{grid-template-columns:1fr!important;}
}


/* Restore the preferred Overview dashboard style only */
body.account-overview-page .section-pad.account-protected{
  margin-left:260px!important;
  padding:28px 0 90px!important;
  background:linear-gradient(180deg,#fff8fa,#fff)!important;
  min-height:calc(100vh - 192px)!important;
}
body.account-overview-page .section-pad.account-protected>.container{
  max-width:none!important;
  width:100%!important;
  padding-left:30px!important;
  padding-right:30px!important;
}
body.account-overview-page .profile-main-card.account-page-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  display:grid!important;
  gap:18px!important;
  max-width:none!important;
}
body.account-overview-page .dashboard-welcome-panel,
body.account-overview-page .dashboard-panel,
body.account-overview-page .dashboard-stat-card{
  border:1px solid #f0d6dc!important;
  background:#fff!important;
  border-radius:10px!important;
  box-shadow:0 10px 28px rgba(216,91,118,.07)!important;
}
body.account-overview-page .dashboard-welcome-panel{
  background:#fff!important;
  padding:24px!important;
}
body.account-overview-page .dashboard-welcome-panel h2{
  font-family:'Inter',system-ui,sans-serif!important;
  color:#3d2d33!important;
  font-size:28px!important;
}
body.account-overview-page .dashboard-stat-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
body.account-overview-page .dashboard-stat-card{
  padding:22px!important;
  min-height:150px!important;
}
body.account-overview-page .dashboard-panel{
  padding:24px!important;
}
body.account-overview-page .dashboard-stat-card:after{background:rgba(216,91,118,.07)!important;}
body.account-overview-page .dashboard-stat-card .stat-icon{
  background:#fff1f4!important;
  border-color:#f0d6dc!important;
  color:#d85b76!important;
  border-radius:10px!important;
}
body.account-overview-page .dashboard-stat-card:hover{
  color:#d85b76!important;
  box-shadow:0 15px 34px rgba(216,91,118,.13)!important;
}
body.account-overview-page .dashboard-chip{background:#fff1f4!important;border-color:#f0d6dc!important;color:#d85b76!important;}
body.account-overview-page .completion-meter span{background:linear-gradient(90deg,#d85b76,#c79734)!important;}
body.account-overview-page .activity-chart span{background:linear-gradient(180deg,#d85b76,#b84461)!important;}
body.account-overview-page .account-quick-card{
  border-color:#f0d6dc!important;
  border-radius:10px!important;
  background:#fff!important;
}
body.account-overview-page .account-quick-card i{
  color:#d85b76!important;
  background:#fff1f4!important;
  border-color:#f0d6dc!important;
}
body.account-overview-page .profile-section-heading{
  padding-bottom:0!important;
  margin-bottom:16px!important;
  border-bottom:0!important;
}
body.account-overview-page .profile-section-heading h3{
  font-family:'Inter',system-ui,sans-serif!important;
  color:#3d2d33!important;
  font-weight:900!important;
  font-size:20px!important;
}
@media (max-width:991px){
  body.account-overview-page .section-pad.account-protected{margin-left:0!important;padding-top:18px!important;}
  body.account-overview-page .section-pad.account-protected>.container{padding-left:16px!important;padding-right:16px!important;}
  body.account-overview-page .dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:575px){
  body.account-overview-page .dashboard-stat-grid{grid-template-columns:1fr!important;}
  body.account-overview-page .dashboard-welcome-panel{align-items:flex-start!important;flex-direction:column!important;}
}

/* ALTIVOLA AI-style assistant widget (frontend preview) */
.altivola-chat-widget{position:fixed;right:22px;bottom:24px;z-index:1200;font-family:inherit}
.altivola-chat-launcher{width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(135deg,#74317b,#5b2c6f 58%,#452052);color:#fff;box-shadow:0 18px 42px rgba(91,44,111,.32);display:grid;place-items:center;font-size:25px;transition:.25s ease;position:relative}
.altivola-chat-launcher:hover,.altivola-chat-launcher:focus{transform:translateY(-3px);box-shadow:0 22px 55px rgba(91,44,111,.42);outline:none}
.altivola-chat-launcher .chat-pulse{position:absolute;top:8px;right:8px;width:12px;height:12px;background:#fff;border:3px solid #5b2c6f;border-radius:50%}
.altivola-chat-panel{position:absolute;right:0;bottom:78px;width:360px;max-width:calc(100vw - 28px);background:#fff;border:1px solid rgba(201,139,155,.25);border-radius:26px;box-shadow:0 22px 70px rgba(66,37,45,.22);overflow:hidden;display:none}
.altivola-chat-panel.open{display:block;animation:altivolaChatIn .22s ease both}
@keyframes altivolaChatIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.chat-panel-header{background:linear-gradient(135deg,#fff6f8,#f7dfe5);padding:18px 18px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(201,139,155,.18)}
.chat-brand{display:flex;align-items:center;gap:12px}
.chat-avatar{width:44px;height:44px;border-radius:16px;background:#fff;display:grid;place-items:center;color:#b87484;box-shadow:0 10px 22px rgba(121,64,78,.12);font-size:20px}
.chat-brand h4{margin:0;font-size:17px;font-weight:800;color:#3b242b}
.chat-brand p{margin:2px 0 0;font-size:12px;color:#8d6570}
.chat-close{border:0;background:#fff;color:#8d6570;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;box-shadow:0 8px 18px rgba(121,64,78,.1)}
.chat-body{padding:16px;background:linear-gradient(180deg,#fff,#fff9fa)}
.chat-message{display:flex;gap:10px;margin-bottom:12px}
.chat-message .bot-dot{width:26px;height:26px;border-radius:50%;background:#f6d8df;color:#b87484;display:grid;place-items:center;flex:0 0 auto;font-size:12px;margin-top:3px}
.chat-bubble{background:#fff;border:1px solid rgba(201,139,155,.2);border-radius:18px 18px 18px 6px;padding:12px 13px;color:#4c333a;font-size:14px;line-height:1.45;box-shadow:0 10px 22px rgba(121,64,78,.08)}
.chat-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}
.chat-quick-btn{border:1px solid rgba(201,139,155,.34);background:#fff;border-radius:16px;padding:10px 9px;text-align:left;color:#4c333a;font-size:13px;font-weight:700;transition:.2s ease;display:flex;align-items:center;gap:8px}
.chat-quick-btn i{color:#b87484;width:16px;text-align:center}
.chat-quick-btn:hover,.chat-quick-btn:focus{background:#fff2f5;border-color:#c98b9b;transform:translateY(-1px);outline:none}
.chat-answer{min-height:58px;background:#fff;border-radius:18px;border:1px dashed rgba(201,139,155,.42);padding:12px;color:#5d4048;font-size:13.5px;line-height:1.45}
.chat-support-row{display:flex;gap:8px;margin-top:12px}
.chat-support-row a,.chat-support-row button{flex:1;border-radius:16px;padding:10px 11px;font-size:13px;font-weight:800;text-align:center;text-decoration:none}
.chat-support-row .chat-whatsapp{background:#25d366;color:#fff;border:1px solid #25d366}
.chat-support-row .chat-browse{background:#fff;border:1px solid rgba(201,139,155,.34);color:#b87484}
.chat-mini-note{font-size:11px;color:#96717a;margin:10px 0 0;text-align:center}
@media(max-width:575px){.altivola-chat-widget{right:14px;bottom:16px}.altivola-chat-launcher{width:56px;height:56px}.altivola-chat-panel{right:-2px;bottom:70px;width:calc(100vw - 24px);border-radius:22px}.chat-quick-actions{grid-template-columns:1fr}.chat-support-row{flex-direction:column}}

/* ALTIVOLA frontend v4 typography polish: product-page style, no heavy bold */
body,
body input,
body select,
body textarea,
body button,
.form-control,
.nav-link,
.dropdown-menu,
.dropdown-menu *,
.account-sidebar-nav a,
.profile-sidebar a,
.account-logo-link,
.account-name,
.auth-card label,
.profile-section-heading h3,
.dashboard-stat-card small,
.dashboard-chip,
.chat-brand h4,
.chat-quick-btn,
.chat-support-row a,
.chat-support-row button{
  font-family:'Inter','Segoe UI',Arial,sans-serif!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}
.nav-link,
.dropdown-menu a,
.account-sidebar-nav a,
.profile-sidebar a,
.auth-card label,
.form-group label,
.form-label,
.account-name,
.account-logo-link,
.chat-brand h4,
.chat-quick-btn,
.chat-support-row a,
.chat-support-row button{
  font-weight:400!important;
}
.btn,
button,
a.btn{
  font-weight:500!important;
  letter-spacing:0!important;
}
input,
select,
textarea,
.form-control{
  font-weight:400!important;
}
input::placeholder,
textarea::placeholder{
  font-weight:400!important;
}
/* Keep product names readable while avoiding heavy bold */
.product-body h3,
.price,
.detail-price,
.section-kicker,
.cart-item p,
.profile-section-heading h3,
.dashboard-stat-card strong,
.dashboard-chip,
.mini-badge,
.security-title{
  font-weight:500!important;
}

/* v6 Theme mode: Light / Dark / System */
:root{
  --site-bg:#ffffff;
  --site-surface:#ffffff;
  --site-surface-soft:#fff8fa;
  --site-text:#222222;
  --site-muted:#666666;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --site-bg:#151116;
  --site-surface:#211a22;
  --site-surface-soft:#2a2029;
  --site-text:#f6edf1;
  --site-muted:#c7b5be;
  --text:#f6edf1;
  --muted:#c7b5be;
  --border:#433340;
  --shadow:0 18px 45px rgba(0,0,0,.32);
}
html[data-theme="dark"] body,
html[data-theme="dark"] .about-section,
html[data-theme="dark"] .section-pad,
html[data-theme="dark"] .product-detail-page{
  background:var(--site-bg) !important;
  color:var(--site-text) !important;
}
html[data-theme="dark"] .main-nav,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .cart-summary,
html[data-theme="dark"] .checkout-box,
html[data-theme="dark"] .empty-cart,
html[data-theme="dark"] .soft-toast,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .whatsapp-pill,
html[data-theme="dark"] .soft-dropdown,
html[data-theme="dark"] .detail-gallery,
html[data-theme="dark"] .cart-item{
  background:var(--site-surface) !important;
  border-color:var(--border) !important;
  color:var(--site-text) !important;
}
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .hero-section,
html[data-theme="dark"] .product-section,
html[data-theme="dark"] .why-section,
html[data-theme="dark"] .contact-section,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .page-hero{
  background:linear-gradient(135deg,#1d171f,#251c24) !important;
  color:var(--site-text) !important;
}
html[data-theme="dark"] .hero-text,
html[data-theme="dark"] .trust-row small,
html[data-theme="dark"] .why-card p,
html[data-theme="dark"] .site-footer a,
html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .feature-list div,
html[data-theme="dark"] .contact-card a,
html[data-theme="dark"] p,
html[data-theme="dark"] .detail-tabs .nav-link{
  color:var(--site-muted) !important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .newsletter input,
html[data-theme="dark"] .checkout-box .form-control,
html[data-theme="dark"] .contact-form .form-control{
  background:#312633 !important;
  border-color:var(--border) !important;
  color:var(--site-text) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#a9959f !important;}
.theme-switcher{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--site-surface,#fff);
  box-shadow:0 5px 20px rgba(0,0,0,.06);
}
.theme-btn{
  border:0;
  background:transparent;
  color:var(--site-muted,#666);
  border-radius:999px;
  padding:8px 9px;
  font:inherit;
  font-size:12px;
  font-weight:400;
  line-height:1;
  cursor:pointer;
}
.theme-btn:hover{background:var(--pink-soft);color:var(--pink-dark);}
.theme-btn.active{background:var(--pink);color:#fff;}
html[data-theme="dark"] .theme-switcher{background:var(--site-surface);border-color:var(--border);box-shadow:none;}
html[data-theme="dark"] .theme-btn:hover{background:#302338;color:#ffd7e2;}
@media(max-width:991px){.theme-switcher{display:none;}}

/* v7: compact single-icon theme control for storefront */
.theme-icon-btn{
  width:auto;
  min-width:44px;
  height:40px;
  border:1px solid var(--border,#efd3dc);
  border-radius:999px;
  background:var(--site-surface,#fff);
  color:var(--text,#2b1d27);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  font:inherit;
  font-size:12px;
  font-weight:400!important;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(150,77,99,.08);
  transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;
}
.theme-icon-btn:hover{transform:translateY(-1px);background:#fff1f4;border-color:#e5a8b7;color:var(--pink-dark,#b83c5d);box-shadow:0 12px 24px rgba(150,77,99,.12);}
.theme-icon-btn [data-theme-icon]{font-size:16px;line-height:1;}
.theme-icon-btn .theme-label{font-weight:400!important;}
html[data-theme="dark"] .theme-icon-btn{background:var(--site-surface)!important;border-color:var(--border)!important;color:#f7eaf0!important;box-shadow:none!important;}
html[data-theme="dark"] .theme-icon-btn:hover{background:#382330!important;color:#ffd7e2!important;border-color:#674358!important;}
@media(max-width:991px){.theme-icon-btn .theme-label{display:none}.theme-icon-btn{width:40px;min-width:40px;padding:0}}


/* v19 India Post tracking UI */
.customer-order-card,.customer-tracking-panel{border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,#fff,#fff6f8);box-shadow:var(--shadow);padding:22px;margin-top:18px}.customer-order-top,.tracking-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.customer-order-top h4,.tracking-panel-head h4{margin:6px 0 4px;color:var(--text);font-weight:500}.customer-order-top p,.tracking-panel-head p{margin:0;color:var(--muted)}.customer-order-total{font-size:20px;color:var(--pink-dark);font-weight:600}.tracking-inline-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.tracking-inline-box>div{border:1px solid var(--border);border-radius:16px;background:#fff;padding:12px 14px}.tracking-inline-box span{display:block;color:var(--muted);font-size:12px}.tracking-inline-box strong{display:block;color:var(--text);font-weight:500}.tracking-inline-box .status-text{color:var(--pink-dark)}.tracking-timeline.customer,.tracking-timeline.detail{display:grid;gap:12px;margin:14px 0}.track-step{position:relative;padding:13px 14px 13px 44px;border:1px solid var(--border);border-radius:16px;background:#fff;color:var(--muted)}.track-step:before{content:"";position:absolute;left:16px;top:17px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #e6ccd3}.track-step.done:before{background:var(--pink);border-color:var(--pink)}.track-step.active{background:#fff4f7;border-color:var(--pink);color:var(--text)}.track-step.active:before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px rgba(199,151,52,.15)}.track-step b{display:block;color:var(--text);font-weight:500}.track-step span,.track-step small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.customer-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
html[data-theme="dark"] .customer-order-card,html[data-theme="dark"] .customer-tracking-panel,html[data-theme="dark"] .tracking-inline-box>div,html[data-theme="dark"] .track-step{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}html[data-theme="dark"] .customer-order-top h4,html[data-theme="dark"] .tracking-panel-head h4,html[data-theme="dark"] .tracking-inline-box strong,html[data-theme="dark"] .track-step b{color:#fff}html[data-theme="dark"] .customer-order-top p,html[data-theme="dark"] .tracking-panel-head p,html[data-theme="dark"] .tracking-inline-box span,html[data-theme="dark"] .track-step span,html[data-theme="dark"] .track-step small{color:#d8c7cf}html[data-theme="dark"] .track-step.active{background:rgba(216,91,118,.15);border-color:rgba(216,91,118,.55)}html[data-theme="dark"] .customer-order-total,html[data-theme="dark"] .tracking-inline-box .status-text{color:#ff9caf}
@media(max-width:768px){.tracking-inline-box{grid-template-columns:1fr}.customer-order-top,.tracking-panel-head{flex-direction:column}.customer-order-card,.customer-tracking-panel{padding:18px}}


/* v25 Customer account panel professional global styling
   Uses the same shared theme token approach as admin/product pages. */
:root{
  --customer-bg:#fff8fa;
  --customer-panel:#ffffff;
  --customer-panel-soft:#fff4f7;
  --customer-text:#2f2029;
  --customer-muted:#7d6570;
  --customer-line:#efd1da;
  --customer-accent:#d85b76;
  --customer-accent-dark:#b84461;
  --customer-gold:#c79734;
}
body.account-area-page,
body.account-area-page input,
body.account-area-page select,
body.account-area-page textarea,
body.account-area-page button,
body.account-area-page .form-control,
body.account-area-page .btn,
body.account-area-page .dropdown-menu,
body.account-area-page .dropdown-menu *{
  font-family:'Inter','Segoe UI',Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}
body.account-area-page .main-nav,
body.account-area-page .topbar{
  display:none!important;
}
body.account-area-page .account-portal-topbar{
  height:70px;
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid var(--customer-line)!important;
  box-shadow:0 12px 34px rgba(95,45,68,.06)!important;
  backdrop-filter:blur(14px);
}
body.account-area-page .account-top-search{
  min-height:42px;
  border:1px solid rgba(216,91,118,.18)!important;
  background:#fff!important;
  color:var(--customer-muted)!important;
  border-radius:999px!important;
  padding:0 16px!important;
  box-shadow:0 8px 22px rgba(216,91,118,.07)!important;
}
body.account-area-page .account-top-search i{color:var(--customer-accent)!important;}
body.account-area-page .account-top-icon,
body.account-area-page .account-top-avatar,
body.account-area-page .account-menu-toggle,
body.account-area-page .account-sidebar-close,
body.account-area-page .theme-icon-btn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:999px!important;
  border:1px solid rgba(216,91,118,.18)!important;
  background:#fff!important;
  color:var(--customer-accent-dark)!important;
  display:inline-grid!important;
  place-items:center!important;
  box-shadow:0 8px 22px rgba(216,91,118,.08)!important;
  padding:0!important;
}
body.account-area-page .theme-icon-btn .theme-label{display:none!important;}
body.account-area-page .account-top-icon:hover,
body.account-area-page .account-top-avatar:hover,
body.account-area-page .account-menu-toggle:hover,
body.account-area-page .theme-icon-btn:hover{
  background:#fff1f4!important;
  border-color:#e4a1b2!important;
  color:var(--customer-accent)!important;
  transform:translateY(-1px);
}
body.account-area-page .account-sidebar-pro{
  background:#fff!important;
  border-right:1px solid var(--customer-line)!important;
  box-shadow:10px 0 30px rgba(95,45,68,.07)!important;
}
body.account-area-page .account-sidebar-logo-row,
body.account-area-page .account-sidebar-head{
  background:#fff!important;
  border-bottom:1px solid #f3dce3!important;
}
body.account-area-page .account-logo-link span,
body.account-area-page .account-sidebar-head strong{
  color:var(--customer-text)!important;
  font-weight:500!important;
}
body.account-area-page .account-sidebar-head small{color:var(--customer-muted)!important;}
body.account-area-page .account-sidebar-nav a,
body.account-area-page .profile-sidebar a{
  height:46px!important;
  border-radius:10px!important;
  color:#67515b!important;
  font-size:14px!important;
  font-weight:400!important;
}
body.account-area-page .account-sidebar-nav a i{color:var(--customer-gold)!important;}
body.account-area-page .account-sidebar-nav a:hover,
body.account-area-page .profile-sidebar a:hover{
  background:#fff1f4!important;
  color:var(--customer-accent)!important;
}
body.account-area-page .account-sidebar-nav a.active,
body.account-area-page .account-sidebar-nav a.active:hover{
  background:linear-gradient(135deg,var(--customer-accent),var(--customer-accent-dark))!important;
  border-color:var(--customer-accent)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(216,91,118,.20)!important;
}
body.account-area-page .account-sidebar-nav a.active i{color:#fff!important;}
body.account-area-page .profile-hero.account-hero-pro{
  background:var(--customer-bg)!important;
  border:0!important;
  padding-top:96px!important;
}
body.account-area-page .profile-hero-card.account-hero-card-pro{
  min-height:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0 4px 18px!important;
  color:var(--customer-text)!important;
}
body.account-area-page .profile-hero-card h1{
  font-family:'Inter','Segoe UI',Arial,sans-serif!important;
  font-size:28px!important;
  font-weight:500!important;
  color:var(--customer-text)!important;
}
body.account-area-page .profile-hero-card .section-kicker{
  color:var(--customer-accent)!important;
  font-weight:500!important;
}
body.account-area-page .profile-hero-card .text-muted,
body.account-area-page .text-muted{
  color:var(--customer-muted)!important;
}
body.account-area-page .section-pad.account-protected{
  background:var(--customer-bg)!important;
  padding-top:20px!important;
}
body.account-area-page .profile-section-block,
body.account-area-page .dashboard-welcome-panel,
body.account-area-page .dashboard-panel,
body.account-area-page .dashboard-stat-card,
body.account-area-page .customer-order-card,
body.account-area-page .customer-tracking-panel,
body.account-area-page .order-empty-pro,
body.account-area-page .wishlist-item-card,
body.account-area-page .wishlist-empty-state{
  background:var(--customer-panel)!important;
  border:1px solid var(--customer-line)!important;
  border-radius:18px!important;
  box-shadow:0 14px 36px rgba(95,45,68,.08)!important;
  color:var(--customer-text)!important;
}
body.account-area-page .profile-section-block:before{
  height:4px!important;
  background:linear-gradient(90deg,var(--customer-accent),#f2a3b6,var(--customer-gold))!important;
}
body.account-area-page .profile-section-heading{
  border-bottom:1px solid #f4dfe6!important;
}
body.account-area-page .profile-section-heading h3,
body.account-area-page .dashboard-welcome-panel h2,
body.account-area-page .customer-order-top h4,
body.account-area-page .tracking-panel-head h4{
  font-family:'Inter','Segoe UI',Arial,sans-serif!important;
  color:var(--customer-text)!important;
  font-weight:500!important;
}
body.account-area-page .field-block label,
body.account-area-page .form-label,
body.account-area-page label{
  color:var(--customer-text)!important;
  font-size:13px!important;
  font-weight:400!important;
}
body.account-area-page input,
body.account-area-page select,
body.account-area-page textarea,
body.account-area-page .form-control,
body.account-area-page .global-search-row .form-control{
  background:#fff!important;
  border:1px solid var(--customer-line)!important;
  border-radius:14px!important;
  color:var(--customer-text)!important;
  min-height:50px;
  box-shadow:none!important;
}
body.account-area-page input::placeholder,
body.account-area-page textarea::placeholder{
  color:#b89aa6!important;
}
body.account-area-page select,
body.account-area-page option,
body.account-area-page .dropdown-menu,
body.account-area-page .dropdown-item{
  color:var(--customer-text)!important;
  background:#fff!important;
}
body.account-area-page .dropdown-item:hover,
body.account-area-page .dropdown-item:focus{
  background:#fff1f4!important;
  color:var(--customer-accent)!important;
}
body.account-area-page input:focus,
body.account-area-page select:focus,
body.account-area-page textarea:focus,
body.account-area-page .form-control:focus{
  border-color:#d990ab!important;
  box-shadow:0 0 0 .20rem rgba(216,91,118,.12)!important;
}
body.account-area-page .btn,
body.account-area-page a.btn{
  border-radius:999px!important;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:400!important;
  box-shadow:0 10px 22px rgba(216,91,118,.10)!important;
}
body.account-area-page .btn-pink,
body.account-area-page .account-action-primary{
  background:linear-gradient(135deg,var(--customer-accent),var(--customer-accent-dark))!important;
  border-color:var(--customer-accent)!important;
  color:#fff!important;
}
body.account-area-page .btn-outline-pink{
  background:#fff!important;
  border-color:#e2a5b7!important;
  color:var(--customer-accent-dark)!important;
}
body.account-area-page .btn-outline-pink:hover,
body.account-area-page .btn-pink:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(216,91,118,.16)!important;
}
body.account-area-page .account-action-primary i,
body.account-area-page .customer-order-actions .btn i{
  width:28px;height:28px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.16);
}
body.account-area-page .tracking-inline-box>div,
body.account-area-page .track-step{
  background:#fff!important;
  border-color:var(--customer-line)!important;
  color:var(--customer-text)!important;
}
body.account-area-page .tracking-inline-box span,
body.account-area-page .track-step span,
body.account-area-page .track-step small,
body.account-area-page .customer-order-top p,
body.account-area-page .tracking-panel-head p,
body.account-area-page .account-quick-card span,
body.account-area-page .wishlist-item-info small{
  color:var(--customer-muted)!important;
}
body.account-area-page .tracking-inline-box strong,
body.account-area-page .track-step b{
  color:var(--customer-text)!important;
  font-weight:500!important;
}
/* Customer DataTable style, shared for after-login pages */
.customer-datatable-shell{
  border:1px solid var(--customer-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 36px rgba(95,45,68,.08);
  overflow:hidden;
  margin:18px 0;
}
.customer-datatable-toolbar{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:16px;
  border-bottom:1px solid var(--customer-line);
}
.customer-datatable-toolbar input,
.customer-datatable-toolbar select{
  width:auto!important;
  min-height:40px!important;
  border-radius:999px!important;
  padding:0 14px!important;
}
.customer-datatable-wrap{overflow:auto;}
table.customer-datatable{width:100%;border-collapse:collapse;white-space:nowrap;margin:0;color:var(--customer-text);}
table.customer-datatable th,
table.customer-datatable td{padding:14px 16px;border-bottom:1px solid var(--customer-line);vertical-align:middle;white-space:nowrap;}
table.customer-datatable th{font-weight:500!important;color:var(--customer-text);background:#fff7fa;}
table.customer-datatable td{color:var(--customer-text);}
table.customer-datatable tr:hover td{background:#fff8fa;}
.customer-table-action{width:36px;height:36px;border-radius:999px;border:0;background:#6b55d9;color:#fff;display:inline-grid;place-items:center;margin-right:6px;box-shadow:0 8px 18px rgba(107,85,217,.18)}
.customer-table-action.secondary{background:#d85b76;box-shadow:0 8px 18px rgba(216,91,118,.18)}
html[data-theme="dark"]{
  --customer-bg:#151116;
  --customer-panel:#1f1820;
  --customer-panel-soft:#2a2029;
  --customer-text:#f8eef3;
  --customer-muted:#cdbbc4;
  --customer-line:#4a3746;
}
html[data-theme="dark"] body.account-area-page,
html[data-theme="dark"] body.account-area-page .section-pad.account-protected,
html[data-theme="dark"] body.account-area-page .profile-hero.account-hero-pro{
  background:var(--customer-bg)!important;
  color:var(--customer-text)!important;
}
html[data-theme="dark"] body.account-area-page .account-portal-topbar,
html[data-theme="dark"] body.account-area-page .account-sidebar-pro,
html[data-theme="dark"] body.account-area-page .account-sidebar-logo-row,
html[data-theme="dark"] body.account-area-page .account-sidebar-head,
html[data-theme="dark"] body.account-area-page .profile-section-block,
html[data-theme="dark"] body.account-area-page .dashboard-welcome-panel,
html[data-theme="dark"] body.account-area-page .dashboard-panel,
html[data-theme="dark"] body.account-area-page .dashboard-stat-card,
html[data-theme="dark"] body.account-area-page .customer-order-card,
html[data-theme="dark"] body.account-area-page .customer-tracking-panel,
html[data-theme="dark"] body.account-area-page .order-empty-pro,
html[data-theme="dark"] body.account-area-page .wishlist-item-card,
html[data-theme="dark"] body.account-area-page .wishlist-empty-state,
html[data-theme="dark"] body.account-area-page .customer-datatable-shell{
  background:var(--customer-panel)!important;
  border-color:var(--customer-line)!important;
  color:var(--customer-text)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] body.account-area-page .account-top-search,
html[data-theme="dark"] body.account-area-page .account-top-icon,
html[data-theme="dark"] body.account-area-page .account-top-avatar,
html[data-theme="dark"] body.account-area-page .account-menu-toggle,
html[data-theme="dark"] body.account-area-page .account-sidebar-close,
html[data-theme="dark"] body.account-area-page .theme-icon-btn,
html[data-theme="dark"] body.account-area-page input,
html[data-theme="dark"] body.account-area-page select,
html[data-theme="dark"] body.account-area-page textarea,
html[data-theme="dark"] body.account-area-page .form-control,
html[data-theme="dark"] body.account-area-page .global-search-row .form-control,
html[data-theme="dark"] body.account-area-page .tracking-inline-box>div,
html[data-theme="dark"] body.account-area-page .track-step,
html[data-theme="dark"] body.account-area-page .btn-outline-pink,
html[data-theme="dark"] body.account-area-page .dropdown-menu,
html[data-theme="dark"] body.account-area-page .dropdown-item{
  background:#2a2029!important;
  border-color:var(--customer-line)!important;
  color:var(--customer-text)!important;
}
html[data-theme="dark"] body.account-area-page input::placeholder,
html[data-theme="dark"] body.account-area-page textarea::placeholder{
  color:#a9959f!important;
}
html[data-theme="dark"] body.account-area-page .account-logo-link span,
html[data-theme="dark"] body.account-area-page .account-sidebar-head strong,
html[data-theme="dark"] body.account-area-page .profile-hero-card h1,
html[data-theme="dark"] body.account-area-page .profile-section-heading h3,
html[data-theme="dark"] body.account-area-page .dashboard-welcome-panel h2,
html[data-theme="dark"] body.account-area-page .customer-order-top h4,
html[data-theme="dark"] body.account-area-page .tracking-panel-head h4,
html[data-theme="dark"] body.account-area-page .field-block label,
html[data-theme="dark"] body.account-area-page .form-label,
html[data-theme="dark"] body.account-area-page label,
html[data-theme="dark"] body.account-area-page .tracking-inline-box strong,
html[data-theme="dark"] body.account-area-page .track-step b,
html[data-theme="dark"] table.customer-datatable th,
html[data-theme="dark"] table.customer-datatable td{
  color:var(--customer-text)!important;
}
html[data-theme="dark"] body.account-area-page .text-muted,
html[data-theme="dark"] body.account-area-page .profile-hero-card .text-muted,
html[data-theme="dark"] body.account-area-page .account-sidebar-head small,
html[data-theme="dark"] body.account-area-page .tracking-inline-box span,
html[data-theme="dark"] body.account-area-page .track-step span,
html[data-theme="dark"] body.account-area-page .track-step small,
html[data-theme="dark"] body.account-area-page .customer-order-top p,
html[data-theme="dark"] body.account-area-page .tracking-panel-head p{
  color:var(--customer-muted)!important;
}
html[data-theme="dark"] body.account-area-page .account-sidebar-nav a{color:#dacbd2!important;}
html[data-theme="dark"] body.account-area-page .account-sidebar-nav a:hover{background:#332430!important;color:#ffdce6!important;}
html[data-theme="dark"] .customer-datatable-toolbar{border-color:var(--customer-line);}
html[data-theme="dark"] table.customer-datatable th{background:#2a2029!important;}
html[data-theme="dark"] table.customer-datatable td{background:#1f1820!important;border-color:var(--customer-line)!important;}
html[data-theme="dark"] table.customer-datatable tr:hover td{background:#2d222c!important;}
@media(max-width:991px){
  body.account-area-page .profile-hero.account-hero-pro{padding-top:90px!important;}
  body.account-area-page .theme-icon-btn{display:inline-grid!important;}
}
@media(max-width:575px){
  .customer-datatable-toolbar{align-items:stretch;flex-direction:column;}
  .customer-datatable-toolbar input,.customer-datatable-toolbar select{width:100%!important;}
}

/* v26 customer account mobile menu icon consistency */
.account-sidebar-close.account-menu-line-toggle{
  display:none;
  width:42px;
  height:42px;
  border:1px solid rgba(216,75,111,.24);
  border-radius:50%;
  background:rgba(255,255,255,.72);
  color:#d64b70;
  align-items:center;
  justify-content:center;
  font-size:17px;
  box-shadow:0 12px 26px rgba(216,75,111,.10);
}
.account-sidebar-close.account-menu-line-toggle:hover{
  background:#fff1f5;
  color:#b93258;
}
@media (max-width: 991.98px){
  .account-sidebar-close.account-menu-line-toggle{display:flex;}
}
html[data-theme="dark"] body.account-area-page .account-sidebar-close.account-menu-line-toggle{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16);
  color:#f4dce5;
}
html[data-theme="dark"] body.account-area-page .account-sidebar-close.account-menu-line-toggle:hover{
  background:rgba(216,75,111,.20);
  color:#fff;
}


/* v27 customer sidebar toggle like admin panel */
body.account-area-page .account-portal-topbar .account-menu-toggle{
  display:none!important;
}
.account-sidebar-logo-row .account-menu-line-toggle{
  display:flex!important;
  width:42px;
  height:42px;
  border:1px solid rgba(216,75,111,.24);
  border-radius:50%;
  background:rgba(255,255,255,.78);
  color:#d64b70;
  align-items:center;
  justify-content:center;
  font-size:17px;
  box-shadow:0 12px 26px rgba(216,75,111,.10);
  flex:0 0 42px;
}
.account-sidebar-logo-row .account-menu-line-toggle:hover{
  background:#fff1f5;
  color:#b93258;
}
body.account-area-page .account-sidebar-pro,
body.account-area-page .account-portal-topbar,
body.account-area-page .profile-hero.account-hero-pro,
body.account-area-page .section-pad.account-protected,
body.account-area-page:before{
  transition:all .22s ease;
}
@media (min-width: 992px){
  body.account-area-page.account-sidebar-collapsed:before,
  body.account-area-page.account-sidebar-collapsed .account-sidebar-pro{
    width:86px!important;
  }
  body.account-area-page.account-sidebar-collapsed .account-portal-topbar{
    left:86px!important;
  }
  body.account-area-page.account-sidebar-collapsed .profile-hero.account-hero-pro,
  body.account-area-page.account-sidebar-collapsed .section-pad.account-protected{
    margin-left:86px!important;
  }
  body.account-area-page.account-sidebar-collapsed .account-sidebar-logo-row{
    padding:0 14px;
    justify-content:center;
  }
  body.account-area-page.account-sidebar-collapsed .account-logo-link img,
  body.account-area-page.account-sidebar-collapsed .account-logo-link span{
    display:none!important;
  }
  body.account-area-page.account-sidebar-collapsed .account-sidebar-head{
    grid-template-columns:1fr!important;
    justify-items:center;
    padding:16px 10px!important;
  }
  body.account-area-page.account-sidebar-collapsed .account-sidebar-head > div,
  body.account-area-page.account-sidebar-collapsed .account-sidebar-caret{
    display:none!important;
  }
  body.account-area-page.account-sidebar-collapsed .account-sidebar-avatar{
    width:42px;height:42px;
  }
  body.account-area-page.account-sidebar-collapsed .account-sidebar-nav{
    padding:16px 10px!important;
    gap:10px!important;
  }
  body.account-area-page.account-sidebar-collapsed .account-sidebar-nav a,
  body.account-area-page.account-sidebar-collapsed .profile-sidebar a{
    width:48px!important;
    height:48px!important;
    padding:0!important;
    margin:0 auto!important;
    justify-content:center!important;
    gap:0!important;
    font-size:0!important;
    border-radius:14px!important;
  }
  body.account-area-page.account-sidebar-collapsed .account-sidebar-nav a i{
    width:auto!important;
    font-size:18px!important;
    margin:0!important;
  }
  body.account-area-page.account-sidebar-collapsed .account-sidebar-nav a.account-logout{
    border-top:0!important;
  }
}
@media (max-width: 991.98px){
  body.account-area-page .account-sidebar-pro{
    transform:translateX(0)!important;
    width:86px!important;
  }
  body.account-area-page .account-sidebar-logo-row{
    padding:0 14px;
    justify-content:center;
  }
  body.account-area-page .account-logo-link img,
  body.account-area-page .account-logo-link span,
  body.account-area-page .account-sidebar-head > div,
  body.account-area-page .account-sidebar-caret{
    display:none!important;
  }
  body.account-area-page .account-sidebar-head{
    grid-template-columns:1fr!important;
    justify-items:center;
    padding:16px 10px!important;
  }
  body.account-area-page .account-sidebar-nav a,
  body.account-area-page .profile-sidebar a{
    width:48px!important;
    height:48px!important;
    padding:0!important;
    margin:0 auto!important;
    justify-content:center!important;
    gap:0!important;
    font-size:0!important;
    border-radius:14px!important;
  }
  body.account-area-page .account-sidebar-nav a i{width:auto!important;font-size:18px!important;}
  body.account-area-page .account-portal-topbar,
  body.account-area-page .profile-hero.account-hero-pro,
  body.account-area-page .section-pad.account-protected{
    left:86px!important;
    margin-left:86px!important;
    width:calc(100% - 86px)!important;
  }
  body.account-area-page .profile-hero.account-hero-pro{padding-top:66px!important;}
  body.account-area-page .account-portal-left{gap:0;}
  body.account-area-page.account-sidebar-expanded .account-sidebar-pro{width:280px!important;box-shadow:12px 0 32px rgba(70,38,48,.20)!important;}
  body.account-area-page.account-sidebar-expanded .account-sidebar-logo-row{justify-content:space-between;padding:0 18px;}
  body.account-area-page.account-sidebar-expanded .account-logo-link img,
  body.account-area-page.account-sidebar-expanded .account-logo-link span,
  body.account-area-page.account-sidebar-expanded .account-sidebar-head > div,
  body.account-area-page.account-sidebar-expanded .account-sidebar-caret{display:initial!important;}
  body.account-area-page.account-sidebar-expanded .account-sidebar-head{grid-template-columns:46px minmax(0,1fr) auto!important;justify-items:stretch;padding:20px 18px!important;}
  body.account-area-page.account-sidebar-expanded .account-sidebar-nav a,
  body.account-area-page.account-sidebar-expanded .profile-sidebar a{width:auto!important;height:48px!important;padding:0 13px!important;margin:0!important;justify-content:flex-start!important;gap:14px!important;font-size:14px!important;}
  body.account-area-page.account-sidebar-expanded .account-sidebar-nav a i{width:22px!important;font-size:17px!important;}
  body.account-area-page.account-sidebar-expanded .account-portal-topbar,
  body.account-area-page.account-sidebar-expanded .profile-hero.account-hero-pro,
  body.account-area-page.account-sidebar-expanded .section-pad.account-protected{left:280px!important;margin-left:280px!important;width:calc(100% - 280px)!important;}
}
html[data-theme="dark"] body.account-area-page .account-sidebar-logo-row .account-menu-line-toggle{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16);
  color:#f4dce5;
}
html[data-theme="dark"] body.account-area-page .account-sidebar-logo-row .account-menu-line-toggle:hover{
  background:rgba(216,75,111,.20);
  color:#fff;
}

/* v29: professional not-logged-in account gateway */
.account-auth-gate{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:0;
  padding:0!important;
  overflow:hidden;
  border:1px solid #f0cfd8!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(216,91,118,.11)!important;
  text-align:left!important;
}
.account-auth-visual{
  position:relative;
  padding:44px;
  min-height:320px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 18% 20%,rgba(216,91,118,.13),transparent 34%),
    linear-gradient(135deg,#fff,#fff7fa 56%,#fff1e6);
  border-right:1px solid #f2d8df;
}
.account-auth-visual:after{
  content:"A";
  position:absolute;
  right:34px;
  bottom:20px;
  font-family:'Playfair Display',serif;
  font-size:150px;
  line-height:1;
  color:rgba(216,91,118,.055);
  pointer-events:none;
}
.auth-gate-kicker{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border:1px solid #edc6d1;
  border-radius:999px;
  background:#fff;
  color:#bf4968;
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.account-auth-visual h2{
  font-family:'Playfair Display',serif;
  font-size:42px;
  line-height:1.08;
  color:#2f2027;
  margin:0 0 12px;
  max-width:520px;
}
.account-auth-visual p{
  color:#735962;
  font-size:16px;
  line-height:1.7;
  margin:0;
  max-width:590px;
}
.auth-gate-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.auth-gate-points span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border:1px solid #f0d0d9;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#5a414b;
  font-size:13px;
}
.auth-gate-points i{color:#c95773;}
.account-auth-panel{
  padding:42px 38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:#fff;
}
.auth-panel-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:#fff0f4;
  border:1px solid #edc7d1;
  color:#c95773;
  font-size:26px;
  margin-bottom:18px;
}
.account-auth-panel h3{
  margin:0 0 8px;
  color:#2f2027;
  font-size:24px;
  font-weight:500;
}
.account-auth-panel p{
  color:#7b606a;
  margin:0 0 22px;
  line-height:1.6;
}
.auth-gate-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  width:100%;
}
.auth-gate-actions .btn{
  min-height:48px;
  border-radius:999px;
  padding:12px 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:500;
}
.auth-back-link{
  margin-top:18px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#9c4961;
  font-size:14px;
}
body.dark-mode .account-auth-gate,
body.theme-dark .account-auth-gate{
  background:#211820!important;
  border-color:#553041!important;
  box-shadow:0 24px 70px rgba(0,0,0,.26)!important;
}
body.dark-mode .account-auth-visual,
body.theme-dark .account-auth-visual{
  background:
    radial-gradient(circle at 18% 20%,rgba(216,91,118,.22),transparent 35%),
    linear-gradient(135deg,#211820,#2b1e29 58%,#312318);
  border-right-color:#553041;
}
body.dark-mode .account-auth-visual h2,
body.theme-dark .account-auth-visual h2,
body.dark-mode .account-auth-panel h3,
body.theme-dark .account-auth-panel h3{color:#fff7fa;}
body.dark-mode .account-auth-visual p,
body.theme-dark .account-auth-visual p,
body.dark-mode .account-auth-panel p,
body.theme-dark .account-auth-panel p{color:#e5cbd4;}
body.dark-mode .auth-gate-kicker,
body.theme-dark .auth-gate-kicker,
body.dark-mode .auth-gate-points span,
body.theme-dark .auth-gate-points span{
  background:rgba(255,255,255,.06);
  border-color:#63364a;
  color:#ffdce6;
}
body.dark-mode .account-auth-panel,
body.theme-dark .account-auth-panel{background:#1c141b;}
body.dark-mode .auth-panel-icon,
body.theme-dark .auth-panel-icon{background:#352331;border-color:#63364a;color:#ff8eaa;}
@media (max-width:991px){
  .account-auth-gate{grid-template-columns:1fr;}
  .account-auth-visual{border-right:0;border-bottom:1px solid #f2d8df;padding:34px;min-height:auto;}
  .account-auth-panel{padding:32px;}
  .account-auth-visual h2{font-size:34px;}
}
@media (max-width:575px){
  .account-auth-visual,.account-auth-panel{padding:26px 20px;}
  .auth-gate-actions .btn{width:100%;}
}


/* v30 customer account cleanup: no sidebar whitespace, topbar icon cleanup, icon-only theme */
.theme-icon-btn,
.admin-theme-icon-btn{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  gap:0!important;
}
.theme-icon-btn .theme-label,
.admin-theme-icon-btn .theme-label,
.theme-icon-btn [data-theme-label],
.admin-theme-icon-btn [data-theme-label]{
  display:none!important;
}
body.account-area-page.account-guest-mode:before,
body.account-area-page.account-guest-mode .account-sidebar-pro,
body.account-area-page.account-guest-mode .account-portal-overlay{
  display:none!important;
}
body.account-area-page.account-guest-mode .account-portal-topbar{
  left:0!important;
  margin-left:0!important;
  width:100%!important;
}
body.account-area-page.account-guest-mode .profile-hero.account-hero-pro,
body.account-area-page.account-guest-mode .section-pad.account-protected{
  margin-left:0!important;
  left:0!important;
  width:100%!important;
}
body.account-area-page.account-guest-mode .profile-hero.account-hero-pro{
  padding-top:66px!important;
}
body.account-area-page .account-portal-actions .account-top-icon[href="wishlist.html"],
body.account-area-page .account-portal-actions .account-top-icon[href="cart.html"]{
  display:none!important;
}
body.account-area-page .account-portal-actions{gap:10px!important;}
@media(max-width:575px){
  body.account-area-page.account-guest-mode .account-top-search{max-width:58vw;}
}


/* v31 polish: overview header spacing, auth gate icon fix, and professional dark mode for listing/product detail */
body.account-area-page .profile-hero.account-hero-pro{
  padding-top: 10px!important;
}
body.account-area-page .profile-hero-card.account-hero-card-pro{
  padding: 30px 8px 30px!important;
}
body.account-area-page .profile-identity{
  gap: 0!important;
}
body.account-area-page .profile-hero-card .section-kicker{
  margin-bottom: 10px!important;
}
body.account-area-page .profile-hero-card h1{
  margin-bottom: 10px!important;
}
body.account-area-page .account-auth-panel .auth-panel-icon{
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg,#fff4f7,#ffece1);
  border: 1px solid #f0d6dc;
  color: #d85b76;
  box-shadow: 0 12px 26px rgba(216,91,118,.10);
  margin-bottom: 18px;
}
body.account-area-page .account-auth-panel .auth-panel-icon i{
  font-size: 22px;
}
html[data-theme="dark"] body.account-area-page .account-auth-panel .auth-panel-icon{
  background: linear-gradient(135deg,#352331,#281a24);
  border-color: #5f3f50;
  color: #ffb4c4;
  box-shadow: none;
}

/* Professional dark mode — listing page */
html[data-theme="dark"] .listing-hero-premium,
html[data-theme="dark"] .page-hero.listing-hero-premium,
html[data-theme="dark"] .professional-listing-page{
  background: linear-gradient(180deg,#140f14 0%,#1a1319 100%)!important;
}
html[data-theme="dark"] .listing-hero-badge,
html[data-theme="dark"] .hero-floating-note,
html[data-theme="dark"] .collection-intro-panel,
html[data-theme="dark"] .collection-toolbar,
html[data-theme="dark"] .filter-panel,
html[data-theme="dark"] .filter-help-card,
html[data-theme="dark"] .active-filter-summary,
html[data-theme="dark"] .mobile-filter-strip,
html[data-theme="dark"] .professional-listing-page .earring-card,
html[data-theme="dark"] .listing-hero-card{
  background: linear-gradient(180deg,#241b23,#1b151c)!important;
  border-color: rgba(255,255,255,.10)!important;
  box-shadow: 0 18px 40px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .listing-hero-premium h1,
html[data-theme="dark"] .collection-intro-panel h2,
html[data-theme="dark"] .filter-panel h3,
html[data-theme="dark"] .professional-listing-page .earring-card h3 a,
html[data-theme="dark"] .professional-listing-page .product-price,
html[data-theme="dark"] .result-count,
html[data-theme="dark"] .mobile-filter-title,
html[data-theme="dark"] .collection-trust-row span,
html[data-theme="dark"] .empty-cart h2,
html[data-theme="dark"] .earrings-pagination .page-link{
  color:#fff6fa!important;
}
html[data-theme="dark"] .listing-hero-premium p,
html[data-theme="dark"] .collection-intro-text,
html[data-theme="dark"] .filter-help-card p,
html[data-theme="dark"] .filter-help-card a,
html[data-theme="dark"] .empty-cart p,
html[data-theme="dark"] .active-filter-summary,
html[data-theme="dark"] .professional-listing-page .earring-meta span,
html[data-theme="dark"] .filter-panel label,
html[data-theme="dark"] .filter-panel small{
  color:#d8c7cf!important;
}
html[data-theme="dark"] .collection-search-wrap,
html[data-theme="dark"] .collection-toolbar .listing-sort,
html[data-theme="dark"] .filter-panel .form-select,
html[data-theme="dark"] .filter-panel .form-control,
html[data-theme="dark"] .collection-search-wrap input,
html[data-theme="dark"] .mobile-filter-strip .earring-filter-btn{
  background:#130f14!important;
  color:#f7eaf0!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] .collection-search-wrap i,
html[data-theme="dark"] .listing-sort,
html[data-theme="dark"] .filter-panel .form-select,
html[data-theme="dark"] .collection-search-wrap input::placeholder{
  color:#bca6b0!important;
}
html[data-theme="dark"] .professional-listing-page .earring-card{
  border-radius:18px!important;
}
html[data-theme="dark"] .professional-listing-page .earring-image-link{
  background: radial-gradient(circle at top,#2d2230,#181219 70%)!important;
}
html[data-theme="dark"] .professional-listing-page .earring-card .product-info{
  background: transparent!important;
}
html[data-theme="dark"] .professional-listing-page .earring-filter-btn,
html[data-theme="dark"] .earrings-pagination .page-link{
  background:#1a141b!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#ead6dd!important;
}
html[data-theme="dark"] .professional-listing-page .earring-filter-btn:hover,
html[data-theme="dark"] .professional-listing-page .earring-filter-btn.active,
html[data-theme="dark"] .earrings-pagination .page-link:hover,
html[data-theme="dark"] .earrings-pagination .page-link.active{
  background:linear-gradient(135deg,#d85b76,#b84461)!important;
  border-color:transparent!important;
  color:#fff!important;
}

/* Professional dark mode — product detail page */
html[data-theme="dark"] .page-hero.product-detail-hero,
html[data-theme="dark"] .product-detail-page{
  background: linear-gradient(180deg,#140f14 0%,#1a1319 100%)!important;
}
html[data-theme="dark"] .product-hero-card,
html[data-theme="dark"] .detail-gallery,
html[data-theme="dark"] .gallery-help,
html[data-theme="dark"] .product-page-note,
html[data-theme="dark"] .detail-tabs .tab-content,
html[data-theme="dark"] .spec-list li,
html[data-theme="dark"] .gallery-thumbs button,
html[data-theme="dark"] .media-viewer,
html[data-theme="dark"] .product-detail-page .btn-outline-pink{
  background: linear-gradient(180deg,#241b23,#1b151c)!important;
  border-color: rgba(255,255,255,.10)!important;
  color:#f7eaf0!important;
  box-shadow: 0 18px 40px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .product-hero-copy h1,
html[data-theme="dark"] .product-detail-page h1,
html[data-theme="dark"] #detailName,
html[data-theme="dark"] .detail-price,
html[data-theme="dark"] .detail-tabs .nav-link.active,
html[data-theme="dark"] .product-hero-badges span,
html[data-theme="dark"] .spec-list strong{
  color:#fff6fa!important;
}
html[data-theme="dark"] .product-hero-copy p,
html[data-theme="dark"] .product-detail-page p,
html[data-theme="dark"] .gallery-help,
html[data-theme="dark"] .product-page-note,
html[data-theme="dark"] .detail-tabs .tab-pane,
html[data-theme="dark"] .spec-list li{
  color:#d8c7cf!important;
}
html[data-theme="dark"] .product-hero-badges span,
html[data-theme="dark"] .spec-list li{
  border-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .detail-tabs .nav-tabs{
  border-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .detail-tabs .nav-link{
  color:#d8c7cf!important;
  border-color:transparent!important;
  background:transparent!important;
}
html[data-theme="dark"] .detail-tabs .nav-link.active,
html[data-theme="dark"] .detail-tabs .nav-link:hover{
  background:#241b23!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .gallery-thumbs button.active,
html[data-theme="dark"] .gallery-thumbs button:hover,
html[data-theme="dark"] .product-detail-page .btn-outline-pink:hover,
html[data-theme="dark"] .product-detail-page .btn-outline-pink:focus{
  background:#302338!important;
  color:#ffdce6!important;
  border-color:#6c4657!important;
}
html[data-theme="dark"] .product-detail-page .btn-pink,
html[data-theme="dark"] .product-detail-page .btn-whatsapp{
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}


/* v32 fixes: common menu clarity + product detail dark readability */
html[data-theme="dark"] .main-nav .navbar-nav .nav-link,
html[data-theme="dark"] .main-nav .navbar-nav .nav-link.dropdown-toggle,
html[data-theme="dark"] .main-nav .navbar-brand strong,
html[data-theme="dark"] .main-nav .navbar-brand span,
html[data-theme="dark"] .main-nav .navbar-brand small{
  color:#f5e9ee!important;
}
html[data-theme="dark"] .main-nav .navbar-nav .nav-link:hover,
html[data-theme="dark"] .main-nav .navbar-nav .nav-link.active,
html[data-theme="dark"] .main-nav .navbar-nav .show>.nav-link{
  color:#ff8eaa!important;
}
html[data-theme="dark"] .main-nav .navbar-nav .nav-link.active:after,
html[data-theme="dark"] .main-nav .navbar-nav .nav-link:hover:after,
html[data-theme="dark"] .main-nav .navbar-nav .show>.nav-link:after{
  background:#ff8eaa!important;
}
html[data-theme="dark"] .soft-dropdown{
  background:#231a22!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 20px 42px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] .soft-dropdown .dropdown-item{
  color:#ead6dd!important;
  border-radius:10px;
}
html[data-theme="dark"] .soft-dropdown .dropdown-item:hover,
html[data-theme="dark"] .soft-dropdown .dropdown-item:focus,
html[data-theme="dark"] .soft-dropdown .dropdown-item.active{
  background:#332430!important;
  color:#ffdce6!important;
}

html[data-theme="dark"] .product-hero-badges span{
  background:rgba(255,255,255,.06)!important;
  color:#ffdce6!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] .product-hero-badges span i{
  color:#ff9db1!important;
}
html[data-theme="dark"] .detail-gallery .gallery-thumb,
html[data-theme="dark"] .gallery-thumbs .gallery-thumb,
html[data-theme="dark"] .gallery-thumbs button,
html[data-theme="dark"] .gallery-thumbs > *{
  background:linear-gradient(180deg,#231a22,#1a141b)!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .gallery-thumb small,
html[data-theme="dark"] .gallery-thumbs small{
  color:#d9c8d0!important;
  font-size:11px!important;
  font-weight:500!important;
}
html[data-theme="dark"] .detail-wishlist-btn i,
html[data-theme="dark"] #detailWishlist i,
.detail-wishlist-btn i,
#detailWishlist i{
  margin-right:8px!important;
}
html[data-theme="dark"] .detail-wishlist-btn,
html[data-theme="dark"] #detailWishlist,
html[data-theme="dark"] #detailBuyNow{
  color:#fff2f6!important;
}
html[data-theme="dark"] .product-detail-page .spec-list li strong,
html[data-theme="dark"] .product-detail-page .spec-list li,
html[data-theme="dark"] .product-detail-page .product-page-note strong{
  color:#fff6fa!important;
}
html[data-theme="dark"] .product-detail-page .gallery-help,
html[data-theme="dark"] .product-detail-page .product-page-note,
html[data-theme="dark"] .product-detail-page #detailDesc{
  color:#d9c8d0!important;
}


/* v33 fix: topbar social icons clearer in dark mode */
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .topbar span,
html[data-theme="dark"] .topbar i{
  color:#e9d8df!important;
}
html[data-theme="dark"] .topbar .social-mini a{
  color:#ead6dd!important;
  opacity:1!important;
}
html[data-theme="dark"] .topbar .social-mini a:hover,
html[data-theme="dark"] .topbar .social-mini a:focus{
  color:#ff9db1!important;
}


/* v36: subtle listing readability refinement from v33 base */
html[data-theme="dark"] .professional-listing-page .earring-meta{
  gap:7px!important;
}
html[data-theme="dark"] .professional-listing-page .earring-meta span{
  background:rgba(255,255,255,.10)!important;
  color:#f6edf1!important;
  border:1px solid rgba(255,255,255,.10)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
}
html[data-theme="dark"] .offer-product-price{
  align-items:flex-end!important;
  gap:10px!important;
}
html[data-theme="dark"] .offer-product-price span{
  color:#ff7e9f!important;
  font-size:1.95rem!important;
  line-height:1!important;
  font-weight:700!important;
}
html[data-theme="dark"] .offer-product-price del{
  color:#cbb4be!important;
  font-size:14px!important;
  font-weight:600!important;
  text-decoration-color:#cbb4be!important;
  text-decoration-thickness:2px!important;
  opacity:1!important;
}
@media(max-width:575px){
  html[data-theme="dark"] .professional-listing-page .earring-meta span{
    font-size:10px!important;
    padding:5px 9px!important;
  }
  html[data-theme="dark"] .offer-product-price span{
    font-size:1.75rem!important;
    font-weight:700!important;
  }
  html[data-theme="dark"] .offer-product-price del{
    font-size:13px!important;
    font-weight:600!important;
  }
}


/* v38 final listing dark-mode clarity polish */
html[data-theme="dark"] .collection-trust-row span{
  background:rgba(255,255,255,.09)!important;
  color:#fff7fa!important;
  border-color:rgba(255,255,255,.14)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
html[data-theme="dark"] .collection-trust-row span i{
  color:#ff9eb3!important;
}
html[data-theme="dark"] .filter-panel label,
html[data-theme="dark"] .filter-panel small,
html[data-theme="dark"] .filter-panel .form-label,
html[data-theme="dark"] .filter-panel-head h3,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .section-kicker{
  color:#f2dfe6!important;
}
html[data-theme="dark"] .filter-help-card{
  background:linear-gradient(180deg,#211820,#1b141b)!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .filter-help-card strong{
  color:#fff2f6!important;
  font-weight:700!important;
}
html[data-theme="dark"] .filter-help-card p{
  color:#e0cfd6!important;
  font-size:14px!important;
  line-height:1.5!important;
}
html[data-theme="dark"] .filter-help-card a{
  color:#fff2f6!important;
  font-weight:700!important;
}
html[data-theme="dark"] .btn-hero-outline,
html[data-theme="dark"] .btn-whatsapp,
html[data-theme="dark"] a.btn-whatsapp{
  color:#fff!important;
  font-weight:700!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .btn-whatsapp i,
html[data-theme="dark"] .btn-whatsapp span{
  color:#fff!important;
}
html[data-theme="dark"] .professional-listing-page .earring-meta span{
  background:rgba(255,255,255,.11)!important;
  color:#fff3f7!important;
  border:1px solid rgba(255,255,255,.12)!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
html[data-theme="dark"] .offer-product-price{
  gap:8px!important;
  align-items:baseline!important;
}
html[data-theme="dark"] .offer-product-price span{
  color:#ff86a6!important;
  font-size:1.72rem!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .offer-product-price del{
  color:#d0bbc4!important;
  font-size:14px!important;
  font-weight:600!important;
  text-decoration-color:#d0bbc4!important;
  text-decoration-thickness:1.5px!important;
  opacity:1!important;
}
html[data-theme="dark"] .product-price{
  color:#fff4f8!important;
}
@media(max-width:575px){
  html[data-theme="dark"] .collection-trust-row span{font-size:11px!important;}
  html[data-theme="dark"] .filter-help-card p{font-size:13px!important;}
  html[data-theme="dark"] .offer-product-price span{font-size:1.6rem!important;}
  html[data-theme="dark"] .offer-product-price del{font-size:13px!important;}
}


/* v39: refine dark-mode hero CTA and heading styling */
html[data-theme="dark"] .btn-hero-outline{
  background:rgba(255,250,252,.96)!important;
  border-color:rgba(230,206,216,.72)!important;
  color:#7b5566!important;
  font-weight:700!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .btn-hero-outline i,
html[data-theme="dark"] .btn-hero-outline span{
  color:#7b5566!important;
}
html[data-theme="dark"] .btn-hero-outline:hover,
html[data-theme="dark"] .btn-hero-outline:focus{
  background:#fff7fa!important;
  border-color:#f0d8e1!important;
  color:#70495b!important;
}
html[data-theme="dark"] .btn-hero-outline:hover i,
html[data-theme="dark"] .btn-hero-outline:focus i,
html[data-theme="dark"] .btn-hero-outline:hover span,
html[data-theme="dark"] .btn-hero-outline:focus span{
  color:#70495b!important;
}

/* cleaner professional filter/section headings */
html[data-theme="dark"] .filter-panel label,
html[data-theme="dark"] .filter-panel .form-label,
html[data-theme="dark"] .product-detail-page .spec-list strong,
html[data-theme="dark"] .detail-tabs .nav-link,
html[data-theme="dark"] .section-kicker{
  letter-spacing:.08em!important;
}
html[data-theme="dark"] .filter-panel label,
html[data-theme="dark"] .filter-panel .form-label{
  font-size:12px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  color:#b792a3!important;
}


/* v40: cleaner professional listing title and offer-price tune */
html[data-theme="dark"] .listing-hero-badge{
  color:#e6b7c7!important;
  border-color:rgba(255,255,255,.12)!important;
  font-weight:600!important;
  font-size:12px!important;
  letter-spacing:.10em!important;
  box-shadow:0 12px 24px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .listing-hero-badge i{
  color:#f2a0b6!important;
}
html[data-theme="dark"] .offer-product-price span{
  color:#ff86a6!important;
  font-size:1.48rem!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
html[data-theme="dark"] .offer-product-price del{
  color:#d4c1c9!important;
  font-size:13px!important;
  font-weight:500!important;
  text-decoration-thickness:1.25px!important;
}
html[data-theme="dark"] .filter-panel label,
html[data-theme="dark"] .filter-panel .form-label{
  font-size:12.5px!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  letter-spacing:.10em!important;
  color:#d4adb9!important;
}
@media(max-width:575px){
  html[data-theme="dark"] .offer-product-price span{font-size:1.38rem!important;}
  html[data-theme="dark"] .offer-product-price del{font-size:12px!important;}
  html[data-theme="dark"] .filter-panel label,
  html[data-theme="dark"] .filter-panel .form-label{font-size:12px!important;}
}


/* v41: professional dark mode for login and signup pages */
html[data-theme="dark"] body.auth-page{
  background:linear-gradient(135deg,#110d12 0%,#171118 48%,#1d151c 100%)!important;
}
html[data-theme="dark"] .auth-section:before{
  background:rgba(216,91,118,.08)!important;
}
html[data-theme="dark"] .auth-section:after{
  background:rgba(199,151,52,.10)!important;
}
html[data-theme="dark"] .auth-panel,
html[data-theme="dark"] .auth-brand-panel,
html[data-theme="dark"] .security-panel-card,
html[data-theme="dark"] .demo-note{
  background:linear-gradient(180deg,#231a22 0%,#1b141b 100%)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .auth-card-heading{
  border-bottom-color:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] .auth-brand-panel h1,
html[data-theme="dark"] .auth-card h2,
html[data-theme="dark"] .security-title,
html[data-theme="dark"] .auth-benefits strong,
html[data-theme="dark"] .demo-note strong{
  color:#fff6fa!important;
}
html[data-theme="dark"] .auth-brand-panel p,
html[data-theme="dark"] .auth-card p,
html[data-theme="dark"] .auth-benefits small,
html[data-theme="dark"] .demo-note,
html[data-theme="dark"] .strength-label,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .signup-page small.text-muted,
html[data-theme="dark"] .login-page .small.text-muted{
  color:#d6c4cc!important;
}
html[data-theme="dark"] .auth-card label,
html[data-theme="dark"] .field-block label,
html[data-theme="dark"] .auth-divider,
html[data-theme="dark"] .mini-badge,
html[data-theme="dark"] .section-kicker{
  color:#e5b5c5!important;
}
html[data-theme="dark"] .mini-badge{
  background:#332430!important;
  border-color:#5c3c4c!important;
}
html[data-theme="dark"] .auth-benefits div{
  background:rgba(255,255,255,.03)!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] .auth-benefits i,
html[data-theme="dark"] .security-title i,
html[data-theme="dark"] .password-toggle,
html[data-theme="dark"] .captcha-refresh{
  background:#352632!important;
  border-color:#5b3b4b!important;
  color:#ff9eb3!important;
}
html[data-theme="dark"] .password-toggle:hover,
html[data-theme="dark"] .captcha-refresh:hover,
html[data-theme="dark"] .password-toggle:focus,
html[data-theme="dark"] .captcha-refresh:focus{
  background:#412c3a!important;
  color:#ffd7e2!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .auth-card .form-control,
html[data-theme="dark"] .signup-page .form-control,
html[data-theme="dark"] .login-page .form-control{
  background:#130f14!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff4f8!important;
}
html[data-theme="dark"] .auth-card .form-control::placeholder,
html[data-theme="dark"] .signup-page .form-control::placeholder,
html[data-theme="dark"] .login-page .form-control::placeholder{
  color:#a9929d!important;
}
html[data-theme="dark"] .auth-card .form-control:focus,
html[data-theme="dark"] .signup-page .form-control:focus,
html[data-theme="dark"] .login-page .form-control:focus{
  background:#161118!important;
  border-color:#84536a!important;
  color:#fff!important;
  box-shadow:0 0 0 .2rem rgba(216,91,118,.14)!important;
}
html[data-theme="dark"] .captcha-code{
  background:linear-gradient(135deg,#2a1f27,#201720)!important;
  border-color:#6a4758!important;
  color:#ffe3ec!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
html[data-theme="dark"] .auth-divider:before,
html[data-theme="dark"] .auth-divider:after{
  background:rgba(255,255,255,.09)!important;
}
html[data-theme="dark"] .password-strength .strength-track{
  background:#342632!important;
}
html[data-theme="dark"] .password-rules li{
  background:#171218!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#d6c4cc!important;
}
html[data-theme="dark"] .signup-security-panel .password-rules li{
  background:#171218!important;
}
html[data-theme="dark"] .password-rules li i{
  color:#b79aa7!important;
}
html[data-theme="dark"] .password-rules li.is-valid{
  background:rgba(63,155,115,.14)!important;
  border-color:rgba(63,155,115,.30)!important;
  color:#b5e4c8!important;
}
html[data-theme="dark"] .password-rules li.is-valid i{
  color:#8fd0a8!important;
}
html[data-theme="dark"] .btn-outline-pink{
  color:#ffeef4!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.03)!important;
}
html[data-theme="dark"] .btn-outline-pink:hover,
html[data-theme="dark"] .btn-outline-pink:focus{
  background:#302338!important;
  color:#fff!important;
  border-color:#6f4658!important;
}
html[data-theme="dark"] .auth-page a:not(.btn):not(.nav-link):not(.dropdown-item){
  color:#ffafc2!important;
}
html[data-theme="dark"] .auth-page a:not(.btn):not(.nav-link):not(.dropdown-item):hover{
  color:#ffd8e2!important;
}
html[data-theme="dark"] .auth-page .alert{
  background:#251b23!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#f6e7ed!important;
}


/* v42: overview page spacing + professional dark-mode readability */
body.account-overview-page .profile-hero.account-hero-pro{
  padding:78px 0 10px!important;
}
body.account-overview-page .profile-hero-card.account-hero-card-pro{
  padding:28px 0 34px!important;
}
body.account-overview-page .profile-hero-card.account-hero-card-pro .btn{
  padding:13px 24px!important;
  min-height:48px!important;
}
body.account-overview-page .section-kicker{
  display:inline-block;
  margin-bottom:8px!important;
}
body.account-overview-page .profile-main-card.account-page-card{
  gap:22px!important;
}
body.account-overview-page .dashboard-welcome-panel,
body.account-overview-page .dashboard-panel,
body.account-overview-page .dashboard-stat-card{
  border-radius:18px!important;
}
body.account-overview-page .dashboard-welcome-panel,
body.account-overview-page .dashboard-panel{
  padding:28px!important;
}
body.account-overview-page .dashboard-stat-card{
  padding:24px!important;
}

html[data-theme="dark"] body.account-overview-page .profile-hero.account-hero-pro{
  background:linear-gradient(180deg,#171118 0%,#120e14 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] body.account-overview-page .profile-hero-card.account-hero-card-pro{
  padding:30px 0 36px!important;
}
html[data-theme="dark"] body.account-overview-page .profile-hero-card .section-kicker{
  color:#ff8eab!important;
  letter-spacing:.08em!important;
}
html[data-theme="dark"] body.account-overview-page .profile-hero-card h1{
  color:#fff7fa!important;
}
html[data-theme="dark"] body.account-overview-page .profile-hero-card .text-muted{
  color:#d8c7cf!important;
}
html[data-theme="dark"] body.account-overview-page .profile-hero-card .btn-outline-pink{
  background:#221922!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff1f6!important;
  box-shadow:0 14px 30px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] body.account-overview-page .profile-hero-card .btn-outline-pink:hover{
  background:#322430!important;
  color:#fff!important;
  border-color:#725063!important;
}
html[data-theme="dark"] body.account-overview-page .dashboard-welcome-panel,
html[data-theme="dark"] body.account-overview-page .dashboard-panel,
html[data-theme="dark"] body.account-overview-page .dashboard-stat-card,
html[data-theme="dark"] body.account-overview-page .account-quick-card,
html[data-theme="dark"] body.account-overview-page .wishlist-item-card,
html[data-theme="dark"] body.account-overview-page .wishlist-empty-state{
  background:linear-gradient(180deg,#221922 0%,#1a141b 100%)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] body.account-overview-page .dashboard-welcome-panel h2,
html[data-theme="dark"] body.account-overview-page .dashboard-panel h3,
html[data-theme="dark"] body.account-overview-page .dashboard-stat-card strong,
html[data-theme="dark"] body.account-overview-page .dashboard-info-list strong,
html[data-theme="dark"] body.account-overview-page .account-quick-card strong,
html[data-theme="dark"] body.account-overview-page .wishlist-item-info h4,
html[data-theme="dark"] body.account-overview-page .wishlist-item-info h5{
  color:#fff6fa!important;
}
html[data-theme="dark"] body.account-overview-page .dashboard-welcome-panel .text-muted,
html[data-theme="dark"] body.account-overview-page .profile-section-heading p,
html[data-theme="dark"] body.account-overview-page .dashboard-stat-card em,
html[data-theme="dark"] body.account-overview-page .account-quick-card span,
html[data-theme="dark"] body.account-overview-page .dashboard-info-list span,
html[data-theme="dark"] body.account-overview-page .completion-list div,
html[data-theme="dark"] body.account-overview-page .wishlist-item-info small,
html[data-theme="dark"] body.account-overview-page .activity-chart em{
  color:#d9c8d0!important;
}
html[data-theme="dark"] body.account-overview-page .dashboard-stat-card small,
html[data-theme="dark"] body.account-overview-page .section-kicker,
html[data-theme="dark"] body.account-overview-page .dashboard-info-list span,
html[data-theme="dark"] body.account-overview-page .profile-section-heading .section-kicker{
  color:#e8b4c3!important;
}
html[data-theme="dark"] body.account-overview-page .dashboard-stat-card{
  color:#f7ecf0!important;
}
html[data-theme="dark"] body.account-overview-page .dashboard-stat-card:after{
  background:rgba(255,255,255,.035)!important;
}
html[data-theme="dark"] body.account-overview-page .dashboard-stat-card .stat-icon,
html[data-theme="dark"] body.account-overview-page .account-quick-card i{
  background:#2d2230!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#ff93af!important;
}
html[data-theme="dark"] body.account-overview-page .dashboard-chip{
  background:#2d2230!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#ffd7e2!important;
}
html[data-theme="dark"] body.account-overview-page .completion-list i{
  background:#24342c!important;
  color:#9ed0b2!important;
}
html[data-theme="dark"] body.account-overview-page .completion-list .pending i{
  background:#3c3120!important;
  color:#e1bb7d!important;
}
html[data-theme="dark"] body.account-overview-page .activity-chart{
  background:linear-gradient(180deg,#1c141b,#181117)!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] body.account-overview-page .activity-chart span{
  box-shadow:0 10px 20px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] body.account-overview-page .dashboard-info-list div{
  background:#1e171e!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] body.account-overview-page .account-quick-card:hover,
html[data-theme="dark"] body.account-overview-page .dashboard-stat-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 44px rgba(0,0,0,.28)!important;
}
@media(max-width:991px){
  body.account-overview-page .profile-hero.account-hero-pro{padding-top:96px!important;}
  body.account-overview-page .profile-hero-card.account-hero-card-pro{gap:16px!important;}
}
@media(max-width:575px){
  body.account-overview-page .profile-hero.account-hero-pro{padding-top:92px!important;}
  body.account-overview-page .profile-hero-card.account-hero-card-pro{padding:20px 0 28px!important;}
  body.account-overview-page .dashboard-welcome-panel,
  body.account-overview-page .dashboard-panel,
  body.account-overview-page .dashboard-stat-card{padding:18px!important;}
}


/* v44: customer logout visibility fix in dark mode */
html[data-theme="dark"] body.account-area-page .account-sidebar-nav a.account-logout{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#ffdce6!important;
}
html[data-theme="dark"] body.account-area-page .account-sidebar-nav a.account-logout i{
  color:#ff9eb3!important;
}
html[data-theme="dark"] body.account-area-page .account-sidebar-nav a.account-logout:hover,
html[data-theme="dark"] body.account-area-page .account-sidebar-nav a.account-logout:focus{
  background:linear-gradient(135deg,#d85b76,#b84461)!important;
  border-color:transparent!important;
  color:#fff!important;
}
html[data-theme="dark"] body.account-area-page .account-sidebar-nav a.account-logout:hover i,
html[data-theme="dark"] body.account-area-page .account-sidebar-nav a.account-logout:focus i{
  color:#fff!important;
}