/* Forgehexa Atelier V8 — brand palette restored (white, black, magenta), restrained lavender texture. */
:root{
 --fx8-paper:#fff;--fx8-ink:#121116;--fx8-accent:var(--fx-accent,#c83a9f);
 --fx8-plum:#241529;--fx8-lav:#5a3e63;--fx8-rose:#c83a9f;
 --fx7-lavender:var(--fx8-accent);--fx7-lavender-mid:var(--fx8-lav);--fx7-lavender-glow:#9a779e;
 --fx4-accent:var(--fx8-accent);--fx4-accent-2:var(--fx8-lav);
 --fx6-accent:var(--fx8-accent);--fx6-accent2:var(--fx8-lav)
}
html,body{width:100%;max-width:100%;overflow-x:clip;background:#fff!important}
body{color:var(--fx8-ink)}
.fx7-section{background:#fff}
.fx7-heading-stop,.fx7-kicker:first-letter{color:var(--fx8-accent)}
.fx7-text-link:hover,.fx8-magnet:hover{color:var(--fx8-accent)}
.fx7-primary-link:hover{background:var(--fx8-plum)!important;box-shadow:0 16px 46px #26122f36}
/* Header hierarchy: clearly visible left hamburger, logo, wide central search, cart. */
.fx4-header-main{display:grid!important;grid-template-columns:46px minmax(135px,195px) minmax(210px,1fr) 48px;align-items:center;column-gap:clamp(10px,1.6vw,24px);height:76px!important}
.fx8-hamburger{grid-column:1;grid-row:1;width:46px!important;height:46px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e9e3eb!important;border-radius:13px!important;background:white!important;color:#161219!important;box-shadow:0 5px 14px #25132d0d!important;flex:none;transition:background .3s,color .3s,border-color .3s,transform .3s}
.fx8-hamburger span{display:block!important;width:20px!important;height:2px!important;border-radius:2px!important;background:currentColor!important;transition:width .2s,transform .2s}
.fx8-hamburger span:nth-child(2){width:15px!important;align-self:center}
.fx8-hamburger:hover,.fx8-hamburger:focus-visible{background:var(--fx8-plum)!important;border-color:var(--fx8-plum)!important;color:#fff!important;transform:translateY(-2px)}
.fx8-hamburger:hover span:nth-child(2){width:20px!important}
.fx4-brand{grid-column:2;grid-row:1;justify-content:flex-start}.fx4-brand img,.fx4-brand .custom-logo{max-width:195px;max-height:53px;object-fit:contain;object-position:left center}
.fx4-header-search{grid-column:3;grid-row:1;min-width:0;max-width:760px;justify-self:center;width:100%}
.fx4-search-shell{height:52px;display:flex;align-items:center;justify-content:flex-start;padding:0 20px!important;gap:12px!important;
 background:linear-gradient(#fff,#fff) padding-box,linear-gradient(95deg,#3b2745,#c83a9f,#422a50,#c83a9f,#3b2745) border-box!important;
 background-size:100% 100%,260% 100%!important;animation:fx8-gradient-border 6s linear infinite!important;border:1.5px solid transparent!important;transition:box-shadow .3s,transform .3s!important}
.fx4-header-search:hover .fx4-search-shell{box-shadow:0 12px 34px #44234f29!important}
.fx4-search-shell .fx8-search-label{font:500 13px/1.4 'DM Sans',Arial,sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b6372}
.fx4-search-shell .fx8-search-label:after{display:none!important}
.fx4-header-actions{grid-column:4;grid-row:1;margin:0!important;display:flex;justify-content:flex-end}
.fx4-header-actions .fx4-cart-trigger{width:44px;height:44px}
.fx4-search-shell kbd{margin-left:auto;border-radius:50%;width:26px;height:26px;flex:none}
@keyframes fx8-gradient-border{0%{background-position:0 0,0 0}100%{background-position:0 0,260% 0}}
.fx4-category-drawer{width:min(510px,94vw)!important;background:rgba(255,255,255,.98)!important;box-shadow:25px 0 80px #130d1740}
.fx4-drawer-parent:hover,.fx4-subcats a:hover{color:var(--fx8-accent)!important}
.fx4-cursor{border-color:var(--fx8-accent)!important;opacity:.88;box-shadow:0 0 0 1px #e5b0d537}
.fx4-cursor.fx8-hot,.fx4-cursor.is-link{width:64px!important;height:64px!important;border-color:var(--fx8-accent)!important;
 background:radial-gradient(circle at 30% 28%,#6a426f3d,transparent 67%),linear-gradient(135deg,#c83a9f28,#21132a12)!important;box-shadow:0 0 22px #8d4a9860}
.fx4-cursor-dot{background:var(--fx8-plum)!important}
/* Visibly magnetic, but text/control remains legible and clickable. */
.fx8-magnet{translate:var(--fx8-magnet-x,0px) var(--fx8-magnet-y,0px);transition:color .3s,background .3s,box-shadow .3s,border-color .3s;will-change:transform}
.fx7-category-card{translate:var(--fx8-magnet-x,0px) var(--fx8-magnet-y,0px);will-change:translate}
.fx7-category-photo{background:#fff!important}
.fx7-category-card:hover .fx7-category-photo{border-color:#ae64b18f!important;box-shadow:0 18px 40px #3b214d28,0 0 0 1px #c83a9f2b!important}
.fx7-category-photo:after{background-image:linear-gradient(135deg,#25152e0d,#c83a9f0b),url('../images/lavender-texture.png')!important;background-size:cover,160px 160px;opacity:0;mix-blend-mode:multiply}
.fx7-category-card:hover .fx7-category-photo:after{opacity:.34!important}
.fx7-category-card:hover .fx7-category-label em{background:var(--fx8-accent)!important}
/* Our original white hero with delicate textured highlights. */
.fx7-hero{background:#fff!important}
.fx7-hero:after{content:'';position:absolute;right:0;top:0;width:38%;height:100%;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,white,rgba(248,244,250,.88)),url('../images/lavender-texture.png');background-size:cover,190px;opacity:.20}
.fx7-hero-title strong{color:var(--fx8-accent)!important}
.fx7-primary-link{background:#111116!important}
/* Section-level scroll motion: content only, no hijacking native scrolling. */
.fx8-motion-ready .fx8-scroll-enter:not(.fx8-visible){opacity:0;translate:0 24px}
.fx8-motion-ready .fx8-scroll-enter.fx8-visible{opacity:1;translate:0 0;transition:opacity .72s cubic-bezier(.19,1,.22,1),translate .82s cubic-bezier(.19,1,.22,1)}
.fx6-footer a:hover{color:var(--fx8-accent)!important}
/* Shop and product detail: readable full-width gallery / independent product pages. */
.single-product main,.woocommerce-page main{max-width:100%;overflow:clip}
.single-product .woocommerce div.product .summary .price,.woocommerce div.product p.price{color:var(--fx8-plum)!important}
.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce button.single_add_to_cart_button{background:#121116!important;color:#fff!important;border-radius:10px!important}
.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:var(--fx8-accent)!important}
@media(max-width:800px){
 .fx4-header-main{height:68px!important;grid-template-columns:42px minmax(74px,130px) minmax(112px,1fr) 40px;gap:8px;padding-inline:12px!important}
 .fx8-hamburger{width:40px!important;height:40px!important;border-radius:12px!important}
 .fx4-brand img,.fx4-brand .custom-logo{max-width:125px;max-height:40px}
 .fx4-search-shell{height:42px!important;padding:0 10px!important;gap:6px!important}
 .fx4-search-shell svg{flex:none;width:17px!important;height:17px!important}
 .fx4-search-shell .fx8-search-label{font-size:11px!important}
 .fx4-search-shell kbd{display:none!important}
 .fx4-header-actions .fx4-cart-trigger{width:38px;height:38px}
 .fx4-category-drawer{padding-top:92px!important}
}
@media(max-width:390px){
 .fx4-header-main{grid-template-columns:38px minmax(64px,92px) minmax(100px,1fr) 38px;gap:6px}
 .fx8-hamburger{width:36px!important;height:38px!important}
 .fx4-brand img,.fx4-brand .custom-logo{max-width:90px;max-height:34px}
 .fx4-search-shell .fx8-search-label{font-size:10.5px!important}
 .fx4-search-shell{padding:0 9px!important}
}
@media(max-width:350px){.fx4-header-main{padding-inline:8px!important;gap:5px}.fx4-search-shell .fx8-search-label{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.fx4-search-shell{animation:none!important}.fx8-magnet,.fx7-category-card{translate:none!important;transition:none!important}.fx8-scroll-enter{opacity:1!important;translate:0 0!important;transition:none!important}}

@media(max-width:355px){
 .fx4-header-main{grid-template-columns:38px 48px minmax(120px,1fr) 36px!important;gap:6px!important;padding-inline:9px!important}
 .fx4-brand{width:48px!important;overflow:hidden;display:block}
 .fx4-brand img,.fx4-brand .custom-logo{max-width:none!important;width:120px!important;max-height:39px!important;object-fit:contain;object-position:left}
 .fx4-search-shell .fx8-search-label{font-size:10.5px!important}
}
/* Keep the mobile campaign ornament behind empty space, never over readable text. */
@media(max-width:600px){
 .fx7-hero-copy{z-index:5!important}
 .fx7-hero-description{position:relative;z-index:6;color:#34313b!important;max-width:250px!important}
 .fx7-hero-art{width:43%!important;height:48%!important;right:-5%!important;bottom:7%!important;opacity:.24!important;z-index:0!important;pointer-events:none!important;mask-image:linear-gradient(90deg,transparent,black 63%)}
 .fx7-hero-art img{width:100%!important;height:100%!important}
}

@media(min-width:391px) and (max-width:520px){
 .fx4-header-main{grid-template-columns:40px 105px minmax(130px,1fr) 38px!important;gap:7px!important}
 .fx4-brand img,.fx4-brand .custom-logo{max-width:105px!important}
}
/* Desktop first-fold balance: keep the entire CTA and hero object inside the compact hero. */
@media(min-width:861px){
 .fx7-hero-copy{translate:0 -23px}
 .fx7-hero-art img{width:78%!important;height:82%!important;max-height:440px!important;object-fit:contain!important}
}
