/* V16.25 — Emerald Glass Art Gallery
   Scope: public/index.html only. Frontend visual layer; no backend/API changes. */

body.emerald-art-home{
  --emerald-void:#010b09;
  --emerald-deep:#021c17;
  --emerald-core:#063a31;
  --emerald-bright:#14b08f;
  --emerald-mint:#84ffe0;
  --champagne:#f4dfaa;
  --champagne-deep:#b78936;
  --pearl:#fff8e7;
  --glass:rgba(8,45,38,.48);
  --glass-soft:rgba(255,255,255,.075);
  --glass-strong:rgba(3,24,20,.82);
  --glass-line:rgba(180,255,232,.22);
  --gold:var(--champagne);
  --gold-dim:rgba(244,223,170,.22);
  --bg-dark:var(--emerald-void);
  --bg-card:rgba(5,35,29,.54);
  --text-light:#f7fff8;
  --text-gray:#a7beb8;
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 82% 7%,rgba(132,255,224,.20),transparent 24%),
    radial-gradient(circle at 10% 16%,rgba(20,176,143,.20),transparent 28%),
    radial-gradient(circle at 86% 82%,rgba(244,223,170,.10),transparent 24%),
    linear-gradient(145deg,#010806 0%,#021c17 40%,#04120f 100%) !important;
  color:var(--text-light);
}
body.emerald-art-home::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    url('/assets/trong-dong-watermark.webp') left -160px top 250px / 560px auto no-repeat,
    url('/assets/trong-dong-watermark.webp') right -110px top 88px / 320px auto no-repeat,
    url('/assets/trong-dong-watermark.webp') right -90px bottom 116px / 420px auto no-repeat,
    linear-gradient(115deg,transparent 0 30%,rgba(132,255,224,.042) 33%,transparent 37% 100%);
  opacity:.56;
  filter:saturate(.92);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.62) 72%,rgba(0,0,0,.36) 100%);
}
body.emerald-art-home::after{
  content:"";
  position:fixed;
  inset:-18%;
  z-index:-1;
  pointer-events:none;
  background:
    url('/assets/trong-dong-watermark.webp') center 40% / 820px auto no-repeat,
    radial-gradient(ellipse at 25% 22%,rgba(132,255,224,.10),transparent 25%),
    radial-gradient(ellipse at 78% 42%,rgba(244,223,170,.075),transparent 24%),
    conic-gradient(from 120deg at 50% 50%,transparent,rgba(132,255,224,.045),transparent,rgba(244,223,170,.035),transparent);
  opacity:.16;
  filter:blur(14px);
  animation:emeraldAtmosphere 18s ease-in-out infinite alternate;
}
@keyframes emeraldAtmosphere{from{transform:translate3d(-1%,0,0) rotate(0deg)}to{transform:translate3d(1.5%,-1%,0) rotate(4deg)}}
body.emerald-art-home *{box-sizing:border-box;}
body.emerald-art-home ::selection{background:rgba(132,255,224,.28);color:var(--pearl);}
body.emerald-art-home a,body.emerald-art-home button{touch-action:manipulation;}

/* Header — floating emerald glass */
body.emerald-art-home header{
  width:min(1480px,calc(100vw - 28px));
  margin:14px auto 0;
  border:1px solid rgba(180,255,232,.18)!important;
  border-radius:30px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.025)),
    radial-gradient(circle at 88% 0%,rgba(244,223,170,.16),transparent 34%),
    rgba(1,18,15,.68)!important;
  box-shadow:0 24px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.05) inset;
  backdrop-filter:blur(24px) saturate(155%);
  overflow:hidden;
}
body.emerald-art-home .top-bar{
  max-width:1440px;
  margin:0 auto;
  padding:18px 24px 12px;
  border-bottom:1px solid rgba(180,255,232,.12)!important;
  gap:18px;
}
body.emerald-art-home .header-logo-container{
  padding:10px 14px;
  border:1px solid rgba(244,223,170,.18);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.015));
  box-shadow:0 14px 42px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.12) inset;
}
body.emerald-art-home #render-logo-img{
  filter:drop-shadow(0 0 18px rgba(132,255,224,.24));
}
body.emerald-art-home #render-logo-name,
body.emerald-art-home .section-title,
body.emerald-art-home .hero-content h1,
body.emerald-art-home .footer-banner-content h4,
body.emerald-art-home .footer-col h3,
body.emerald-art-home .home-side-card h3,
body.emerald-art-home .landing-link-card h3{
  background:linear-gradient(92deg,#ffffff 0%,#cffff1 18%,#f4dfaa 45%,#ba8b37 68%,#fff4cd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  text-shadow:none!important;
}
body.emerald-art-home #render-logo-sub{
  color:rgba(207,255,241,.68)!important;
}
body.emerald-art-home .search-bar{
  max-width:560px;
}
body.emerald-art-home .search-bar input{
  min-height:44px;
  border-radius:999px!important;
  border:1px solid rgba(180,255,232,.22)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.025))!important;
  color:#f8fffb!important;
  box-shadow:0 12px 32px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.1) inset!important;
}
body.emerald-art-home .search-bar input::placeholder{color:rgba(214,242,235,.56);}
body.emerald-art-home .search-bar input:focus{
  border-color:rgba(132,255,224,.72)!important;
  box-shadow:0 0 0 4px rgba(132,255,224,.12),0 0 34px rgba(20,176,143,.24)!important;
}
body.emerald-art-home .search-bar .font-serif{
  color:rgba(244,223,170,.86)!important;
  letter-spacing:.24em!important;
  text-shadow:0 0 28px rgba(132,255,224,.24)!important;
}
body.emerald-art-home .header-actions{
  gap:10px;
  color:rgba(232,255,249,.78)!important;
}
body.emerald-art-home .header-actions>div{
  min-height:42px;
  padding:10px 13px;
  border:1px solid rgba(180,255,232,.16);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  box-shadow:0 10px 24px rgba(0,0,0,.16);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
body.emerald-art-home .header-actions>div:hover{
  transform:translateY(-2px);
  color:var(--pearl)!important;
  border-color:rgba(244,223,170,.42);
  background:linear-gradient(180deg,rgba(132,255,224,.11),rgba(255,255,255,.025));
}
body.emerald-art-home #cart-btn{color:var(--champagne)!important;}
body.emerald-art-home .nav-bar{
  width:calc(100% - 44px);
  margin:0 auto 14px;
  padding:9px!important;
  border:1px solid rgba(180,255,232,.13);
  border-radius:999px;
  background:rgba(1,14,12,.46)!important;
  gap:7px!important;
  justify-content:center;
  box-shadow:0 18px 40px rgba(0,0,0,.16) inset;
}
body.emerald-art-home .nav-bar a{
  padding:10px 13px;
  border-radius:999px;
  color:rgba(231,255,248,.68)!important;
  letter-spacing:.11em;
  font-weight:700;
}
body.emerald-art-home .nav-bar a:hover,
body.emerald-art-home .nav-bar a.active{
  color:#06150f!important;
  background:linear-gradient(135deg,#f8edc7,#bfffe9 43%,#d5b168 100%);
  box-shadow:0 10px 30px rgba(132,255,224,.14),0 1px 0 rgba(255,255,255,.5) inset;
}

/* Hero — gallery stage */
body.emerald-art-home .hero-section{
  padding-top:34px;
}
body.emerald-art-home .hero-wrapper{
  border-radius:36px!important;
  border:1px solid rgba(180,255,232,.2)!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(244,223,170,.16),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.018)),
    rgba(1,20,16,.58)!important;
  box-shadow:0 34px 120px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.055) inset!important;
  backdrop-filter:blur(18px) saturate(145%);
  isolation:isolate;
}
body.emerald-art-home .hero-wrapper::before{
  content:"";
  position:absolute;
  inset:14px;
  z-index:5;
  pointer-events:none;
  border-radius:26px;
  border:1px solid rgba(244,223,170,.26);
  background:linear-gradient(120deg,transparent 0 24%,rgba(255,255,255,.08) 35%,transparent 48% 100%);
  opacity:.85;
}
body.emerald-art-home .hero-wrapper::after{
  content:"ART · COMMERCE · ELITE ECOSYSTEM";
  position:absolute;
  right:34px;
  bottom:24px;
  z-index:6;
  color:rgba(235,255,249,.58);
  font-size:10px;
  font-weight:800;
  letter-spacing:.28em;
  pointer-events:none;
}
body.emerald-art-home .hero-slide img{
  filter:saturate(1.08) contrast(1.06) brightness(.84);
}
body.emerald-art-home .hero-overlay{
  background:
    radial-gradient(circle at 76% 18%,rgba(132,255,224,.18),transparent 32%),
    linear-gradient(90deg,rgba(1,15,12,.92) 0%,rgba(2,28,23,.66) 35%,rgba(2,28,23,.24) 72%,rgba(1,10,8,.56) 100%)!important;
}
body.emerald-art-home .hero-content{
  width:min(520px,86%);
  padding:28px 30px;
  border:1px solid rgba(180,255,232,.2);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(2,32,27,.68),rgba(255,255,255,.045));
  box-shadow:0 26px 90px rgba(0,0,0,.32),0 1px 0 rgba(255,255,255,.12) inset;
  backdrop-filter:blur(18px) saturate(150%);
}
body.emerald-art-home .hero-content::before{
  content:"EMERALD GLASS EDITION";
  display:inline-block;
  margin-bottom:12px;
  color:rgba(132,255,224,.86);
  font-size:10px;
  font-weight:900;
  letter-spacing:.28em;
}
body.emerald-art-home .hero-content h1{
  font-size:clamp(30px,4.5vw,54px)!important;
  line-height:1.02!important;
  letter-spacing:.02em!important;
}
body.emerald-art-home .hero-content p{
  color:rgba(244,255,251,.82)!important;
  font-size:13px!important;
  line-height:1.75;
  max-width:460px;
}

/* Buttons */
body.emerald-art-home .btn-gold,
body.emerald-art-home .quick-add-btn{
  border:1px solid rgba(255,244,205,.62)!important;
  border-radius:999px!important;
  background:
    linear-gradient(135deg,#fff8dc 0%,#d9fcec 20%,#f1d894 45%,#a9782b 68%,#fff1bb 100%)!important;
  color:#06150f!important;
  box-shadow:0 16px 38px rgba(183,137,54,.24),0 0 22px rgba(132,255,224,.12),0 1px 0 rgba(255,255,255,.55) inset!important;
}
body.emerald-art-home .btn-outline{
  border:1px solid rgba(180,255,232,.24)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018))!important;
  color:rgba(244,223,170,.92)!important;
}
body.emerald-art-home .btn-outline:hover{
  border-color:rgba(244,223,170,.5)!important;
  background:rgba(132,255,224,.09)!important;
}

/* Benefits */
body.emerald-art-home .features-bar{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(280px,1.25fr);
  gap:16px;
  align-items:stretch;
  padding:22px 0 8px!important;
  margin-top:18px!important;
  border-bottom:0!important;
}
body.emerald-art-home .features-bar::before{content:none!important;display:none!important;}
body.emerald-art-home .feature-item,
body.emerald-art-home .vvip-box{
  min-width:0!important;
  width:100%;
  border:1px solid rgba(180,255,232,.18)!important;
  border-radius:22px!important;
  padding:18px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(132,255,224,.12),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.02))!important;
  box-shadow:0 20px 70px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.1) inset!important;
  backdrop-filter:blur(14px) saturate(140%);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
body.emerald-art-home .feature-item:hover,
body.emerald-art-home .vvip-box:hover{
  transform:translateY(-4px);
  border-color:rgba(244,223,170,.42)!important;
  box-shadow:0 26px 86px rgba(0,0,0,.28),0 0 34px rgba(132,255,224,.12)!important;
}
body.emerald-art-home .feature-item span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(132,255,224,.12),rgba(244,223,170,.08));
  border:1px solid rgba(244,223,170,.18);
}
body.emerald-art-home .feature-item div div:first-child{color:var(--champagne)!important;}
body.emerald-art-home .feature-item div div:last-child{color:rgba(220,244,238,.62)!important;}

/* Editorial section headers */
body.emerald-art-home .section-header{
  position:relative;
  margin:72px 0 24px!important;
  padding-bottom:12px;
}
body.emerald-art-home .section-header::after{
  content:""!important;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px!important;
  background:linear-gradient(90deg,rgba(132,255,224,.52),rgba(244,223,170,.55),transparent)!important;
  box-shadow:0 0 18px rgba(132,255,224,.14)!important;
}
body.emerald-art-home .section-title{
  position:relative;
  border-left:0!important;
  padding-left:0!important;
  font-size:clamp(18px,2vw,26px)!important;
  letter-spacing:.16em!important;
}
body.emerald-art-home .section-title::before{
  content:""!important;
  display:none!important;
}

/* Collections & Products */
body.emerald-art-home .grid-5{
  gap:18px!important;
}
body.emerald-art-home .col-card,
body.emerald-art-home .prd-card,
body.emerald-art-home .footer-banner-box,
body.emerald-art-home .home-side-card,
body.emerald-art-home .landing-link-card,
body.emerald-art-home .modal,
body.emerald-art-home .cart-drawer,
body.emerald-art-home .coupon-panel,
body.emerald-art-home .checkout-review,
body.emerald-art-home .pdp-v15-main,
body.emerald-art-home .pdp-v15-side article,
body.emerald-art-home .scent-card,
body.emerald-art-home .trust-badge-grid>div,
body.emerald-art-home .pdp-story-block,
body.emerald-art-home .video-card,
body.emerald-art-home .pdp-review-feed article,
body.emerald-art-home .pdp-rating-summary{
  border:1px solid rgba(180,255,232,.18)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),
    radial-gradient(circle at 82% 0%,rgba(132,255,224,.105),transparent 34%),
    rgba(2,27,23,.56)!important;
  box-shadow:0 22px 78px rgba(0,0,0,.26),0 1px 0 rgba(255,255,255,.08) inset!important;
  backdrop-filter:blur(16px) saturate(145%);
}
body.emerald-art-home .col-card{
  border-radius:28px!important;
  aspect-ratio:3/4.35!important;
  overflow:hidden;
}
body.emerald-art-home .col-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 20%,rgba(1,12,10,.35) 50%,rgba(1,12,10,.94) 100%);
  pointer-events:none;
}
body.emerald-art-home .col-card img{
  opacity:.58!important;
  filter:saturate(1.04) contrast(1.05) brightness(.82);
  mix-blend-mode:normal!important;
}
body.emerald-art-home .col-card:hover img{opacity:.92!important;transform:scale(1.075)!important;}
body.emerald-art-home .col-info{
  z-index:2;
  padding:20px!important;
}
body.emerald-art-home .btn-khampha{
  margin-top:12px;
  border:1px solid rgba(180,255,232,.26)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;
  color:rgba(244,223,170,.92)!important;
  letter-spacing:.16em;
}
body.emerald-art-home .col-card:hover .btn-khampha{
  color:#06150f!important;
  background:linear-gradient(135deg,#d5fff1,#f4dfaa)!important;
}
body.emerald-art-home .prd-card{
  border-radius:26px!important;
  padding:14px!important;
  overflow:hidden;
}
body.emerald-art-home .prd-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 0 28%,rgba(255,255,255,.06) 38%,transparent 50% 100%);
  opacity:.58;
}
body.emerald-art-home .prd-card:hover,
body.emerald-art-home .home-side-card:hover,
body.emerald-art-home .landing-link-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(244,223,170,.44)!important;
  box-shadow:0 30px 92px rgba(0,0,0,.34),0 0 34px rgba(132,255,224,.12)!important;
}
body.emerald-art-home .prd-img-wrap{
  border-radius:22px!important;
  border:1px solid rgba(180,255,232,.16)!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(132,255,224,.2),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.1))!important;
  overflow:hidden;
}
body.emerald-art-home .prd-img,
body.emerald-art-home .prd-img-placeholder{
  border-radius:20px!important;
  margin-bottom:12px!important;
  border:0!important;
}
body.emerald-art-home .prd-card .badge{
  left:18px;
  top:18px;
  border-radius:999px!important;
  background:rgba(2,28,23,.72)!important;
  border:1px solid rgba(244,223,170,.36)!important;
  color:var(--champagne)!important;
  backdrop-filter:blur(12px);
}
body.emerald-art-home .prd-card>div[style*="font-size:12px"]{
  color:rgba(245,255,252,.88)!important;
  margin-top:12px!important;
  line-height:1.45;
}
body.emerald-art-home .prd-card>div[style*="font-size:16px"]{
  color:var(--champagne)!important;
  font-size:18px!important;
}

/* Home sidebars and landing links */
body.emerald-art-home .home-sidebars-render{margin:26px 0 8px!important;}
body.emerald-art-home .home-side-grid{gap:16px!important;}
body.emerald-art-home .home-side-card{border-radius:24px!important;min-height:132px!important;}
body.emerald-art-home .home-side-card img,
body.emerald-art-home .home-side-icon,
body.emerald-art-home .landing-thumb{
  border-radius:20px!important;
  border:1px solid rgba(180,255,232,.18)!important;
  background:linear-gradient(145deg,rgba(132,255,224,.12),rgba(244,223,170,.08))!important;
}
body.emerald-art-home .home-side-card span,
body.emerald-art-home .landing-link-card span{
  color:rgba(132,255,224,.72)!important;
}
body.emerald-art-home .landing-link-card{
  border-radius:24px!important;
  color:inherit!important;
}

/* Footer manifesto */
body.emerald-art-home .footer-info{
  position:relative;
  gap:18px!important;
  padding:62px 0 32px!important;
  border-top:0!important;
}
body.emerald-art-home .footer-info::before{
  content:""!important;
  position:absolute;
  top:30px;
  left:0;
  right:0;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(132,255,224,.45),rgba(244,223,170,.38),transparent)!important;
}
body.emerald-art-home .footer-col h3{
  font-size:13px!important;
  letter-spacing:.18em;
  margin-bottom:12px!important;
}
body.emerald-art-home .footer-banner-box{
  min-height:230px!important;
  border-radius:28px!important;
  background-size:cover!important;
  background-position:center!important;
}
body.emerald-art-home .footer-banner-box::before{
  background:
    radial-gradient(circle at 80% 0%,rgba(132,255,224,.12),transparent 36%),
    linear-gradient(90deg,rgba(1,13,11,.94),rgba(2,28,23,.72),rgba(1,13,11,.42))!important;
}
body.emerald-art-home .footer-banner-content{padding:4px;}
body.emerald-art-home .footer-banner-content p{color:rgba(235,255,249,.72)!important;}
body.emerald-art-home .slogan-banner-container{
  margin:18px 0 70px!important;
  padding:28px!important;
  border:1px solid rgba(180,255,232,.18)!important;
  border-radius:32px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018)),
    radial-gradient(circle at 50% 0%,rgba(132,255,224,.12),transparent 38%);
  box-shadow:0 24px 90px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.08) inset;
}
body.emerald-art-home .slogan-banner-container img{
  border-radius:24px!important;
  border:1px solid rgba(244,223,170,.22)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.36)!important;
}

/* PDP and drawers keep emerald glass consistency */
body.emerald-art-home #collection-view,
body.emerald-art-home #pdp-view{padding-top:36px!important;}
body.emerald-art-home #pdp-main-img{
  border-radius:28px!important;
  border:1px solid rgba(180,255,232,.2)!important;
  background:radial-gradient(circle at 50% 20%,rgba(132,255,224,.14),rgba(0,0,0,.12))!important;
  box-shadow:0 22px 78px rgba(0,0,0,.26)!important;
}
body.emerald-art-home .thumbnail-list img{border-radius:16px!important;border-color:rgba(180,255,232,.22)!important;}
body.emerald-art-home .thumbnail-list img:hover,
body.emerald-art-home .thumbnail-list img.active{border-color:rgba(244,223,170,.68)!important;}
body.emerald-art-home .cart-drawer{
  background:
    linear-gradient(180deg,rgba(3,31,26,.94),rgba(1,10,8,.96)),
    radial-gradient(circle at 100% 0%,rgba(132,255,224,.12),transparent 38%)!important;
  border-left:1px solid rgba(180,255,232,.24)!important;
}
body.emerald-art-home .cart-drawer-backdrop{background:rgba(0,0,0,.64)!important;backdrop-filter:blur(8px);}
body.emerald-art-home .dark-input,
body.emerald-art-home input,
body.emerald-art-home textarea,
body.emerald-art-home select{
  border-color:rgba(180,255,232,.2)!important;
  border-radius:16px!important;
}

/* Responsive */
@media(max-width:1180px){
  body.emerald-art-home .features-bar{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.emerald-art-home .nav-bar{justify-content:flex-start;}
}
@media(max-width:1024px){
  body.emerald-art-home header{width:calc(100vw - 20px);border-radius:24px;}
  body.emerald-art-home .top-bar{padding:15px;}
  body.emerald-art-home .header-logo-container{width:auto;}
  body.emerald-art-home .hero-wrapper{border-radius:28px!important;}
  body.emerald-art-home .hero-content{padding:22px;border-radius:22px;}
}
@media(max-width:768px){
  body.emerald-art-home header{margin-top:8px;width:calc(100vw - 14px);border-radius:22px;}
  body.emerald-art-home .header-actions{min-width:0;flex-wrap:wrap;}
  body.emerald-art-home .header-actions>div{font-size:11px;min-height:38px;padding:8px 10px;}
  body.emerald-art-home .nav-bar{width:calc(100% - 20px);border-radius:20px;padding:8px!important;}
  body.emerald-art-home .nav-bar a{padding:9px 11px;}
  body.emerald-art-home .hero-wrapper{border-radius:24px!important;}
  body.emerald-art-home .hero-wrapper::before{inset:8px;border-radius:18px;}
  body.emerald-art-home .hero-wrapper::after{display:none;}
  body.emerald-art-home .hero-content{left:6%!important;width:88%!important;text-align:left!important;padding:18px;}
  body.emerald-art-home .hero-content h1{font-size:clamp(24px,9vw,36px)!important;}
  body.emerald-art-home .hero-content p{font-size:12px!important;margin:12px 0 18px!important;}
  body.emerald-art-home .features-bar{grid-template-columns:1fr;}
  body.emerald-art-home .feature-item,
  body.emerald-art-home .vvip-box{border-radius:20px!important;}
  body.emerald-art-home .section-header{margin-top:52px!important;}
  body.emerald-art-home .section-title{letter-spacing:.1em!important;}
  body.emerald-art-home .section-title::before{display:block;margin-bottom:4px;}
  body.emerald-art-home .prd-card,
  body.emerald-art-home .col-card{border-radius:20px!important;}
  body.emerald-art-home .footer-info{padding-top:52px!important;}
  body.emerald-art-home .slogan-banner-container{padding:14px!important;border-radius:24px;}
}
@media(max-width:520px){
  body.emerald-art-home .top-bar{gap:12px;}
  body.emerald-art-home .search-bar .font-serif{font-size:10px!important;letter-spacing:.16em!important;}
  body.emerald-art-home .grid-5{gap:12px!important;}
  body.emerald-art-home .prd-card{padding:10px!important;}
  body.emerald-art-home .quick-add-btn{left:8px!important;right:8px!important;font-size:9px!important;}
  body.emerald-art-home .footer-banner-box{min-height:210px!important;}
}
@media(prefers-reduced-motion:reduce){
  body.emerald-art-home::after{animation:none!important;}
}

/* V16.25.1 — Artistic tight logo bubble
   Scope: index header logo only. Keeps backend/API untouched. */
body.emerald-art-home .header-logo-container{
  position:relative!important;
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:min(360px,30vw)!important;
  padding:5px 8px!important;
  gap:8px!important;
  border:1px solid rgba(244,223,170,.24)!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.025) 46%,rgba(132,255,224,.035)),
    radial-gradient(circle at 18% 8%,rgba(244,223,170,.2),transparent 34%),
    radial-gradient(circle at 88% 88%,rgba(132,255,224,.13),transparent 38%),
    rgba(1,17,14,.56)!important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.30),
    0 0 28px rgba(132,255,224,.075),
    0 1px 0 rgba(255,255,255,.16) inset,
    0 -1px 0 rgba(0,0,0,.34) inset!important;
  overflow:hidden!important;
  isolation:isolate;
}
body.emerald-art-home .header-logo-container::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(120deg,rgba(132,255,224,.34),rgba(244,223,170,.52) 38%,rgba(255,255,255,.12) 58%,rgba(20,176,143,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
body.emerald-art-home .header-logo-container::after{
  content:"";
  position:absolute;
  inset:-45% -20%;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 0 36%,rgba(244,223,170,.16) 46%,transparent 58% 100%);
  transform:translateX(-42%);
  opacity:.72;
}
body.emerald-art-home .header-logo-container:hover{
  transform:translateY(-1px);
  border-color:rgba(244,223,170,.36)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.34),
    0 0 34px rgba(132,255,224,.13),
    0 0 22px rgba(244,223,170,.09),
    0 1px 0 rgba(255,255,255,.18) inset!important;
}
body.emerald-art-home .header-logo-container:hover::after{
  transform:translateX(38%);
  transition:transform .75s ease;
}
body.emerald-art-home .header-logo-container>img{
  display:block!important;
  height:64px!important;
  max-height:64px!important;
  width:auto!important;
  max-width:min(330px,28vw)!important;
  object-fit:contain!important;
  border-radius:12px!important;
  filter:drop-shadow(0 0 12px rgba(244,223,170,.17)) drop-shadow(0 0 16px rgba(132,255,224,.08)) saturate(1.08) contrast(1.04)!important;
}
body.emerald-art-home .header-logo-container #render-logo-img{
  font-size:44px!important;
  line-height:1!important;
}
body.emerald-art-home .header-logo-container #render-logo-name{
  font-size:25px!important;
  letter-spacing:.08em!important;
}
body.emerald-art-home .header-logo-container #render-logo-sub{
  font-size:10px!important;
  letter-spacing:.42em!important;
  margin-top:2px!important;
}

@media(max-width:1024px){
  body.emerald-art-home .header-logo-container{max-width:min(330px,46vw)!important;padding:5px 7px!important;border-radius:16px!important;}
  body.emerald-art-home .header-logo-container>img{height:58px!important;max-height:58px!important;max-width:min(300px,44vw)!important;}
}
@media(max-width:768px){
  body.emerald-art-home .header-logo-container{max-width:92vw!important;}
  body.emerald-art-home .header-logo-container>img{height:54px!important;max-height:54px!important;max-width:82vw!important;}
}
@media(max-width:520px){
  body.emerald-art-home .header-logo-container{padding:4px 6px!important;border-radius:14px!important;}
  body.emerald-art-home .header-logo-container>img{height:48px!important;max-height:48px!important;max-width:82vw!important;border-radius:10px!important;}
}


/* V16.25.2 — Trống đồng watermark background polish */
@media(max-width:1024px){
  body.emerald-art-home::before{
    background:
      url('/assets/trong-dong-watermark.webp') left -190px top 330px / 440px auto no-repeat,
      url('/assets/trong-dong-watermark.webp') right -120px top 124px / 250px auto no-repeat,
      url('/assets/trong-dong-watermark.webp') right -120px bottom 86px / 320px auto no-repeat,
      linear-gradient(115deg,transparent 0 28%,rgba(132,255,224,.038) 33%,transparent 37% 100%);
    opacity:.50;
  }
  body.emerald-art-home::after{
    background:
      url('/assets/trong-dong-watermark.webp') center 36% / 620px auto no-repeat,
      radial-gradient(ellipse at 25% 22%,rgba(132,255,224,.10),transparent 25%),
      radial-gradient(ellipse at 78% 42%,rgba(244,223,170,.075),transparent 24%),
      conic-gradient(from 120deg at 50% 50%,transparent,rgba(132,255,224,.045),transparent,rgba(244,223,170,.035),transparent);
    opacity:.14;
  }
}
@media(max-width:768px){
  body.emerald-art-home::before{
    background:
      url('/assets/trong-dong-watermark.webp') center 250px / 380px auto no-repeat,
      url('/assets/trong-dong-watermark.webp') right -95px top 78px / 210px auto no-repeat,
      linear-gradient(115deg,transparent 0 30%,rgba(132,255,224,.034) 33%,transparent 37% 100%);
    opacity:.42;
  }
  body.emerald-art-home::after{
    background:
      url('/assets/trong-dong-watermark.webp') center 40% / 430px auto no-repeat,
      radial-gradient(ellipse at 25% 22%,rgba(132,255,224,.10),transparent 25%),
      radial-gradient(ellipse at 78% 42%,rgba(244,223,170,.075),transparent 24%);
    opacity:.11;
  }
}


/* V16.28: center homepage search and subtitle exactly in the page */
body.emerald-art-home .top-bar{display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(320px,560px) minmax(250px,1fr);align-items:center;gap:20px;}
body.emerald-art-home .header-logo-container{justify-self:start;min-width:0;}
body.emerald-art-home .search-bar{grid-column:2;justify-self:center;width:100%;max-width:560px!important;margin:0 auto!important;text-align:center;align-items:center;}
body.emerald-art-home .search-bar>div:first-child{width:100%;margin:0 auto;}
body.emerald-art-home .search-bar .font-serif{display:block;width:100%;text-align:center;margin-left:auto!important;margin-right:auto!important;}
body.emerald-art-home .header-actions{justify-self:end;min-width:0;}
@media(max-width:1180px){body.emerald-art-home .top-bar{grid-template-columns:1fr;justify-items:center;text-align:center;}body.emerald-art-home .header-logo-container,body.emerald-art-home .search-bar,body.emerald-art-home .header-actions{grid-column:1;justify-self:center;}body.emerald-art-home .header-actions{justify-content:center;flex-wrap:wrap;}}

/* V16.29: căn giữa tuyệt đối khung search và text hệ sinh thái */
body.emerald-art-home .top-bar{display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(420px,560px) minmax(250px,1fr)!important;align-items:center!important;position:relative!important;}
body.emerald-art-home .search-bar{grid-column:2!important;width:min(560px,100%)!important;max-width:560px!important;justify-self:center!important;text-align:center!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
body.emerald-art-home .search-bar>div:first-child{width:100%!important;}
body.emerald-art-home .search-bar input{text-align:left!important;width:100%!important;padding-left:44px!important;}
body.emerald-art-home .search-bar .font-serif{width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
body.emerald-art-home .header-logo-container{grid-column:1!important;justify-self:start!important;}
body.emerald-art-home .header-actions{grid-column:3!important;justify-self:end!important;}
body.emerald-art-home #main-nav.nav-bar{margin-top:0!important;}
@media(max-width:980px){body.emerald-art-home .top-bar{grid-template-columns:1fr!important}body.emerald-art-home .header-logo-container,body.emerald-art-home .search-bar,body.emerald-art-home .header-actions{grid-column:1!important;justify-self:center!important}body.emerald-art-home .header-actions{justify-content:center!important;flex-wrap:wrap!important}}