/* ===== BAROQUE AMPLIFICATION LAYER (global) ===== */

/* atmosphere: top gold halo + bottom vignette, behind content */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(130% 70% at 50% -12%, rgba(212,168,53,.07), transparent 55%),
    radial-gradient(120% 90% at 50% 118%, rgba(0,0,0,.78), transparent 55%);}

/* ornamental gilt frame around the viewport */
.ce-frame{position:fixed;inset:0;z-index:9000;pointer-events:none}
.ce-frame::before{content:"";position:absolute;inset:15px;border:1px solid rgba(184,137,42,.42)}
.ce-frame::after{content:"";position:absolute;inset:18px;border:1px solid rgba(184,137,42,.16)}
.ce-frame > i{position:absolute;width:86px;height:86px;opacity:.7;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23b8892a' stroke-width='1.3'%3E%3Cpath d='M6 52 C6 27 27 6 52 6'/%3E%3Cpath d='M15 52 C15 32 32 15 52 15' opacity='0.55'/%3E%3Cpath d='M6 52 C-1 67 8 78 21 75 C32 72 31 59 22 57 C15 55 13 62 18 65' opacity='0.85'/%3E%3Cpath d='M52 6 C67 -1 78 8 75 21 C72 32 59 31 57 22 C55 15 62 13 65 18' opacity='0.85'/%3E%3Cpath d='M52 6 C72 6 90 18 95 40' opacity='0.35'/%3E%3Cpath d='M6 52 C6 72 18 90 40 95' opacity='0.35'/%3E%3C/g%3E%3Ccircle cx='6' cy='52' r='2.2' fill='%23e8c860'/%3E%3Ccircle cx='52' cy='6' r='2.2' fill='%23e8c860'/%3E%3Ccircle cx='16' cy='16' r='1.6' fill='%23d4a835'/%3E%3C/svg%3E") center/contain no-repeat}
.ce-frame > i:nth-child(1){top:9px;left:9px}
.ce-frame > i:nth-child(2){top:9px;right:9px;transform:scaleX(-1)}
.ce-frame > i:nth-child(3){bottom:9px;left:9px;transform:scaleY(-1)}
.ce-frame > i:nth-child(4){bottom:9px;right:9px;transform:scale(-1)}

/* hero titles -> legible metallic gold (no muddy bottom, no glyph flourishes) */
.page-hero h1, h1.gold-text, .page-title{
  background:linear-gradient(175deg,#fbf0b8 0%,#f0d472 30%,#d9ad3e 62%,#b8892a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  text-shadow:0 1px 0 rgba(0,0,0,.4),0 0 18px rgba(212,168,53,.10);letter-spacing:.1em}

/* dividers -> double-taper rules + diamond ends */
.ornament{gap:13px}
.ornament-line{max-width:130px;height:1px}
.ornament-line:first-of-type{background:linear-gradient(90deg,transparent,#6b4f18 30%,#e8c860)}
.ornament-line:last-of-type{background:linear-gradient(90deg,#e8c860,#6b4f18 70%,transparent)}
.ornament-center{color:#f5e080;font-size:1.05em;text-shadow:0 0 8px rgba(212,168,53,.5)}
.ornament::before,.ornament::after{content:"\25C6";color:#b8892a;font-size:.5em;opacity:.6;align-self:center}

/* eyebrows / taglines -> flanked by short gold rules */
.eyebrow,.hero-tagline{position:relative;display:inline-block;padding:0 2.6em}
.eyebrow::before,.eyebrow::after,.hero-tagline::before,.hero-tagline::after{
  content:"";position:absolute;top:50%;width:1.9em;height:1px;background:linear-gradient(90deg,transparent,#b8892a)}
.eyebrow::before,.hero-tagline::before{left:0}
.eyebrow::after,.hero-tagline::after{right:0;transform:scaleX(-1)}

/* buttons -> inner gilt rule + foil sheen sweep on hover */
.btn,.btn-gold,.btn-outline-gold,.hero-cta,.cta{position:relative;overflow:hidden}
.btn::after,.btn-gold::after,.btn-outline-gold::after,.hero-cta::after,.cta::after{
  content:"";position:absolute;inset:3px;border:1px solid rgba(245,224,128,.32);pointer-events:none}
.btn::before,.btn-gold::before,.btn-outline-gold::before,.hero-cta::before,.cta::before{
  content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;transform:skewX(-20deg);
  background:linear-gradient(100deg,transparent,rgba(255,246,210,.4),transparent);transition:left .6s ease}
.btn:hover::before,.btn-gold:hover::before,.btn-outline-gold:hover::before,.hero-cta:hover::before,.cta:hover::before{left:130%}

/* cards -> framed double border + soft gilt glow */
.card,.ce-shop-card,.product-card,.panel{position:relative}
.card::before,.ce-shop-card::before,.product-card::before,.panel::before{
  content:"";position:absolute;inset:5px;border:1px solid rgba(184,137,42,.28);pointer-events:none;z-index:2}
.card:hover,.ce-shop-card:hover,.product-card:hover,.panel:hover{
  box-shadow:0 0 0 1px rgba(212,168,53,.35),0 14px 40px rgba(0,0,0,.6)}

/* nav pipes -> small diamonds */
.nav-separator{font-size:0 !important}
.nav-separator::before{content:"\25C6";font-size:.5rem;color:#b8892a;opacity:.5}

@media (max-width:600px){
  .ce-frame::before{inset:9px}.ce-frame::after{inset:11px}
  .ce-frame > i{width:54px;height:54px}
}