/* v1.3.3 TRUE floral photo backgrounds, deliberately visible behind page content */
:root{--flora-image:url('/static/img/bg_classic.webp');--flora-accent:#a98a67}
body{background:#f8f3e9;isolation:isolate}
body[data-soap-theme="floral"]{--flora-image:url('/static/img/bg_floral.webp');--flora-accent:#bc839c}
body[data-soap-theme="herbal"]{--flora-image:url('/static/img/bg_herbal.webp');--flora-accent:#71957b}
body[data-soap-theme="classic"]{--flora-image:url('/static/img/bg_classic.webp');--flora-accent:#ad956a}
body[data-soap-theme="gift"]{--flora-image:url('/static/img/bg_gift.webp');--flora-accent:#ad8d6e}
body[data-soap-theme="home"]{--flora-image:url('/static/img/bg_classic.webp')}
/* Fixed wallpaper is a REAL element; background cannot disappear behind body paint. */
#vera-floral-wallpaper{position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none;background-image:linear-gradient(90deg,rgba(255,251,244,.18),rgba(255,254,249,.56) 48%,rgba(255,251,244,.16)),var(--flora-image);background-size:cover;background-position:center;background-repeat:no-repeat;transform:translateZ(0)}
body > :not(#vera-floral-wallpaper):not(#vera-bubble-canvas){position:relative;z-index:2}
/* Keep original cinematic hero + navbar unchanged and above wallpaper. */
.header{z-index:20!important}
body:not([data-soap-theme="home"]) .page-hero{background:rgba(255,253,249,.40)!important;box-shadow:none!important;border:0!important;border-radius:0!important;backdrop-filter:none}
body:not([data-soap-theme="home"]) .page-hero::before{display:none!important}
body:not([data-soap-theme="home"]) .section,
body:not([data-soap-theme="home"]) .content-narrow,
body:not([data-soap-theme="home"]) .detail,
body:not([data-soap-theme="home"]) .admin,
body:not([data-soap-theme="home"]) .admin-v13,
body:not([data-soap-theme="home"]) .story-page{background:transparent!important;backdrop-filter:none!important}
body:not([data-soap-theme="home"]) .filter{background:rgba(255,252,248,.50);border:1px solid rgba(255,255,255,.64);width:fit-content;max-width:100%;margin:0 auto 34px;padding:20px 34px;border-radius:50px}
body:not([data-soap-theme="home"]) .product-card{background:rgba(255,255,255,.74)!important;backdrop-filter:blur(5px);border-radius:14px;padding:12px 12px 20px;box-shadow:0 16px 40px rgba(59,48,36,.10)}
body:not([data-soap-theme="home"]) .detail-copy,
body:not([data-soap-theme="home"]) .checkout,
body:not([data-soap-theme="home"]) .editorial-entry,
body:not([data-soap-theme="home"]) .admin-tabs,
body:not([data-soap-theme="home"]) .edit-card{background:rgba(255,253,249,.88)!important;backdrop-filter:blur(7px);border-radius:16px;padding:24px}
body:not([data-soap-theme="home"]) .detail-copy{align-self:start}
body:not([data-soap-theme="home"]) .cart-line{background:rgba(255,253,249,.86)!important;backdrop-filter:blur(7px);margin:12px 0;border-radius:16px;padding:18px}
body:not([data-soap-theme="home"]) .section h1,
body:not([data-soap-theme="home"]) .section h2{color:#293b31}
body:not([data-soap-theme="home"]) .page-hero .eyebrow{color:var(--flora-accent)}
#vera-bubble-canvas{position:fixed!important;inset:0!important;z-index:10!important;pointer-events:none!important;opacity:.85}
.header nav{z-index:21}
@media(max-width:700px){#vera-floral-wallpaper{background-position:36% center}#vera-bubble-canvas{opacity:.76}body:not([data-soap-theme="home"]) .filter{padding:14px 18px;border-radius:20px}body:not([data-soap-theme="home"]) .detail-copy{padding:18px}}
@media print{#vera-floral-wallpaper,#vera-bubble-canvas{display:none!important}}

/* v1.3.4: persistent glass header and visible bubbles */
.announcement{position:sticky!important;top:0!important;z-index:100!important}
.header{position:sticky!important;top:0!important;z-index:105!important;background:rgba(250,248,242,.77)!important;backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);box-shadow:0 4px 24px rgba(38,59,48,.11);border-bottom:1px solid rgba(255,255,255,.55)}
/* Announcement scrolls away; header stays at viewport top. */
.announcement{position:relative!important;top:auto!important}
#vera-bubble-canvas{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:50!important;pointer-events:none!important;display:block!important;opacity:1!important;visibility:visible!important;mix-blend-mode:normal!important;contain:layout size style}
@media(max-width:700px){#vera-bubble-canvas{opacity:1!important}.header{backdrop-filter:blur(12px)}}