/* Auto-extracted from the homepage (index.html) so inner pages render the identical announcer, header and footer. Scoped to .ce-home-shell. */ .ce-home-shell{--navy:#32104F;--navy-deep:#210A38;--pink:#D65A98;--pink-light:#FCEAF3;--pink-mid:#E8A0C4;--ink:#32104F;--white:#fffaf9;--muted:#6e7488;--line:rgba(50,16,79,.18);--serif:'Cinzel',Georgia,serif;--sans:'Raleway',Arial,sans-serif;font-family:var(--sans);color:var(--ink);text-align:left} .ce-home-shell,.ce-home-shell *{box-sizing:border-box} .ce-home-shell a{color:inherit;text-decoration:none;background:none} .ce-home-shell button{font:inherit;cursor:pointer} .ce-home-shell img{display:block;max-width:100%} .ce-home-shell ul,.ce-home-shell nav{margin:0;padding:0} .ce-home-shell .announcement{min-height:32px;padding:8px 16px;background:var(--pink);color:var(--navy); display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap; font-size:11px;letter-spacing:.01em;text-align:center} .ce-home-shell .announcement span+span:before{content:"|";margin-right:13px;color:#A85C82} .ce-home-shell .brand{width:190px;flex-shrink:0;color:var(--pink);line-height:.85;position:relative} .ce-home-shell .brand .crown{display:block;font-size:22px;text-align:center;margin-bottom:2px} .ce-home-shell .brand strong{font-family:var(--serif);font-weight:500;font-size:37px;letter-spacing:-.6px;display:block} .ce-home-shell .brand small{display:block;font-size:9px;letter-spacing:3px;margin:7px 0 0 3px} .ce-home-shell .navlinks{display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.5vw,38px);flex:1;font-size:13px} .ce-home-shell .navlinks a{padding:8px 0;white-space:nowrap} .ce-home-shell .navlinks a.active,.ce-home-shell .navlinks a:hover{color:var(--pink);border-bottom:1px solid var(--pink)} .ce-home-shell .cart-count{position:absolute;top:-5px;right:-8px;background:var(--pink-mid);color:var(--navy);font-size:10px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center} .ce-home-shell .menu-toggle{display:none} .ce-home-shell #footer{background:var(--navy);color:white;border-top:1px solid rgba(247,203,213,.25);padding:42px 5.2% 18px} .ce-home-shell .footer-main{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.35fr 1fr 1.15fr 1fr;gap:clamp(22px,4vw,60px);padding-bottom:32px} .ce-home-shell .footer-brand-block{min-width:0} .ce-home-shell .footer-brand{display:inline-flex;width:150px;max-width:100%;align-items:center;margin-bottom:17px} .ce-home-shell .footer-logo-image{display:block;width:100%;max-width:150px;height:auto;max-height:58px;object-fit:contain;background:transparent} .ce-home-shell .footer-brand strong{font-size:30px} .ce-home-shell .footer-brand .crown{font-size:17px} .ce-home-shell .footer-tagline{font-family:var(--serif);font-size:22px;line-height:1.2;margin:0 0 12px;color:#FCEAF3} .ce-home-shell .footer-description{font-size:11px;line-height:1.8;color:#e8ddec;max-width:260px;margin:0} .ce-home-shell .footer-column h3{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:var(--pink-mid);margin:5px 0 17px} .ce-home-shell .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:11px;color:#f6edf8} .ce-home-shell .footer-links a,.ce-home-shell .footer-contact a{transition:color .2s} .ce-home-shell .footer-links a:hover,.ce-home-shell .footer-contact a:hover{color:var(--pink-mid)} .ce-home-shell .footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:11px;color:#f6edf8} .ce-home-shell .socials{display:flex;align-items:center;gap:12px;color:var(--navy);font-size:15px;margin-top:17px} .ce-home-shell .socials a{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--pink-mid);transition:transform .2s,background .2s} .ce-home-shell .socials a:hover{transform:translateY(-2px);background:#FCEAF3} .ce-home-shell .footer-bottom{max-width:1440px;margin:auto;border-top:1px solid rgba(247,203,213,.25);padding-top:16px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#e8e6ef} @media(max-width:900px){.ce-home-shell .brand{width:145px} .ce-home-shell .brand strong{font-size:31px} .ce-home-shell .navlinks{gap:15px;font-size:12px}} @media(max-width:640px){.ce-home-shell .announcement{font-size:9px;gap:7px;padding:8px 7px} .ce-home-shell .announcement span+span:before{margin-right:7px} .ce-home-shell .brand{width:125px} .ce-home-shell .brand strong{font-size:28px} .ce-home-shell .brand small{font-size:7px;letter-spacing:2.4px} .ce-home-shell .brand .crown{font-size:16px} .ce-home-shell .menu-toggle{display:block;order:3} .ce-home-shell .navlinks{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0 5px} .ce-home-shell .navlinks.open{display:flex} .ce-home-shell .navlinks a{width:100%;padding:10px 0} .ce-home-shell .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px} .ce-home-shell .footer-brand{width:150px} .ce-home-shell .footer-bottom{flex-direction:column;font-size:9px;line-height:1.5}} @media(max-width:900px){.ce-home-shell .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}} @media(max-width:640px){.ce-home-shell #footer{padding:32px 6% 16px} .ce-home-shell .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px} .ce-home-shell .footer-brand-block{grid-column:1/-1} .ce-home-shell .footer-tagline{font-size:21px} .ce-home-shell .footer-column h3{margin-bottom:13px} .ce-home-shell .footer-links,.ce-home-shell .footer-contact{gap:11px;font-size:10px} .ce-home-shell .footer-bottom{gap:8px}} .ce-home-shell .announcement{height:48px;min-height:48px;padding:0;display:block;overflow:hidden;background:#32104F;color:#ffffff;border:0;white-space:nowrap} .ce-home-shell .announcement-track{height:100%;display:flex;align-items:center;gap:clamp(90px,24vw,360px);width:max-content;animation:ce-announcement-scroll 24s linear infinite} .ce-home-shell .announcement-track span{font-size:clamp(13px,1.5vw,21px);font-weight:400;letter-spacing:3px;color:#ffffff} @keyframes ce-announcement-scroll{from{transform:translateX(-18%)}to{transform:translateX(-55%)}} .ce-home-shell .site-header{background:#ffffff;color:#32104F} .ce-home-shell .reference-nav{position:relative;max-width:none;width:100%;min-height:124px;padding:16px 2.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffff;color:#32104F} .ce-home-shell .reference-menu{display:flex;flex:0 0 76px;flex-direction:column;justify-content:center;gap:7px;width:76px;height:70px;padding:10px;border:0;background:transparent;align-self:center} .ce-home-shell .reference-menu span{display:block;width:72px;height:7px;background:#32104F} .ce-home-shell .reference-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 470px);color:#32104F;text-align:center;line-height:1;z-index:1} .ce-home-shell .reference-brand .header-logo{display:block;width:clamp(90px,12vw,165px);max-height:48px;height:auto;object-fit:contain;background:transparent;margin:auto} .ce-home-shell .reference-brand strong{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(42px,6.2vw,92px);letter-spacing:-2px;white-space:nowrap} .ce-home-shell .reference-brand small{display:block;font-family:var(--sans);font-size:clamp(10px,1.6vw,22px);font-weight:400;letter-spacing:7px;color:#D65A98;margin-top:12px} .ce-home-shell .cart-cta{position:relative;z-index:2;margin-left:auto;flex:0 0 min(26vw,390px);width:min(26vw,390px);min-width:190px;height:84px;border:0;border-radius:10px;background:#D65A98;color:#32104F;display:flex;align-items:center;justify-content:center;gap:18px;font-family:var(--sans);font-size:clamp(18px,2vw,31px);letter-spacing:3px} .ce-home-shell .cart-cta svg{width:48px;height:48px;flex-shrink:0} .ce-home-shell .cart-cta .cart-count{position:static;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#32104F;color:#D65A98;font-size:11px;letter-spacing:0} .ce-home-shell .reference-nav .navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#ffffff;color:#32104F;padding:22px 5%;z-index:9;box-shadow:0 12px 18px #0001;flex-direction:column;align-items:flex-start} .ce-home-shell .reference-nav .navlinks.open{display:flex} @media(max-width:700px){.ce-home-shell .announcement{height:32px;min-height:32px} .ce-home-shell .announcement-track{gap:42px;animation-duration:22s} .ce-home-shell .announcement-track span{font-size:10px;font-weight:400;letter-spacing:1.5px;color:#ffffff} .ce-home-shell .reference-nav{min-height:68px; padding:6px 12px; display:grid; grid-template-columns:84px minmax(0,1fr) 84px; align-items:center; column-gap:8px;} .ce-home-shell .reference-menu{grid-column:1;grid-row:1; justify-self:start;align-self:center; position:relative;z-index:3; display:flex;flex:none; width:34px;height:38px;padding:3px; gap:5px;} .ce-home-shell .reference-menu span{display:block;width:28px;height:3px} .ce-home-shell .reference-brand{position:static; grid-column:2;grid-row:1; justify-self:center; transform:none; width:100%;max-width:100%;min-width:0; color:#32104F;text-align:center;line-height:1;z-index:2;} .ce-home-shell .reference-brand .header-logo{display:block;width:clamp(90px,12vw,165px);max-height:48px;height:auto;object-fit:contain;background:transparent;margin:auto} .ce-home-shell .reference-brand strong{display:block; font-size:clamp(16px,4.5vw,23px); letter-spacing:-.7px;white-space:normal; line-height:.98;font-style:italic; overflow-wrap:normal;} .ce-home-shell .reference-brand small{display:block;font-size:7px;letter-spacing:1.8px; margin-top:5px;white-space:nowrap;} .ce-home-shell .cart-cta{grid-column:3;grid-row:1; justify-self:end;align-self:center; position:relative;z-index:3;margin:0; flex:none;width:90px;min-width:0;max-width:90px; height:48px;border-radius:7px;background:#D65A98;color:#32104F; display:flex;align-items:center;justify-content:center; gap:6px;flex-direction:row; font-size:clamp(9px,2.5vw,12px); letter-spacing:.8px;padding:6px;} .ce-home-shell .cart-cta svg{width:21px;height:21px;flex-shrink:0} .ce-home-shell .cart-cta .cart-count{position:absolute;top:-6px;right:-4px;width:16px;height:16px;font-size:9px;background:#ffffff;color:#32104F} .ce-home-shell .reference-nav .navlinks{top:100%;left:0;right:0;background:#ffffff;color:#32104F}} @media(max-width:380px){.ce-home-shell .reference-nav{min-height:64px;padding:5px 9px;grid-template-columns:76px minmax(0,1fr) 84px;column-gap:5px} .ce-home-shell .reference-menu{width:34px} .ce-home-shell .reference-menu span{width:28px;height:3px} .ce-home-shell .reference-brand .header-logo{display:block;width:clamp(90px,12vw,165px);max-height:48px;height:auto;object-fit:contain;background:transparent;margin:auto} .ce-home-shell .reference-brand strong{font-size:clamp(15px,4.5vw,18px);letter-spacing:-.5px} .ce-home-shell .reference-brand small{font-size:6px;letter-spacing:1.6px;margin-top:6px} .ce-home-shell .cart-cta{width:82px;max-width:82px;height:46px;gap:4px;font-size:9px;letter-spacing:.4px;padding:4px} .ce-home-shell .cart-cta svg{width:20px;height:20px}} .ce-home-shell .navlinks a{font-weight:500;letter-spacing:.05em} /* Homepage typography overrides (from its :is() rules) */ .ce-home-shell .footer-tagline{font-family:'Cinzel',Georgia,serif;font-weight:400;font-style:italic} .ce-home-shell .footer-column h3{font-family:'Raleway',Arial,sans-serif;font-weight:600;letter-spacing:.26em} .ce-home-shell .navlinks a{font-weight:500;letter-spacing:.05em} .ce-home-shell .cart-cta{font-weight:600} /* ---- Guards: keep the shell identical to the homepage no matter what a page's global rules or the Design Panel say ---- */ .ce-home-shell,.ce-home-shell *{font-family:'Raleway',Arial,sans-serif!important} .ce-home-shell .site-header{background:#fff!important;color:#32104F!important;padding:0!important;height:auto!important;min-height:0!important;border:0!important;box-shadow:none!important;width:100%!important} .ce-home-shell .announcement{background:#32104F!important;color:#fff!important;padding-top:0!important;padding-bottom:0!important} .ce-home-shell .announcement-track span{color:#fff!important;font-weight:400!important;text-transform:none!important} .ce-home-shell .navlinks a{color:#32104F!important;text-transform:none!important} .ce-home-shell .navlinks a.active,.ce-home-shell .navlinks a:hover{color:#D65A98!important} .ce-home-shell #footer{background:#32104F!important;color:#fffaf9!important;width:100%!important;max-width:none!important} .ce-home-shell #footer .footer-tagline{font-family:'Cinzel',Georgia,serif!important;font-style:italic!important;font-weight:400!important;color:#FCEAF3!important;letter-spacing:normal!important;text-transform:none!important} .ce-home-shell #footer .footer-description{color:#e8ddec!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important} .ce-home-shell #footer h3{color:#E8A0C4!important;font-weight:600!important;font-style:normal!important;letter-spacing:.26em!important;text-transform:uppercase!important} .ce-home-shell #footer .footer-links a,.ce-home-shell #footer .footer-contact a{color:#f6edf8!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important} .ce-home-shell #footer .footer-links a:hover,.ce-home-shell #footer .footer-contact a:hover{color:#E8A0C4!important} .ce-home-shell #footer .socials a{color:#32104F!important;background:#E8A0C4!important} .ce-home-shell #footer .footer-bottom{color:#e8e6ef!important} /* FINAL SHARED HOMEPAGE SHELL OVERRIDES: inner pages must keep the homepage colours. */ html body .ce-home-shell { color:#32104F; font-family:'Raleway',Arial,sans-serif; } html body .ce-home-shell .announcement { background:#32104F !important; color:#ffffff !important; } html body .ce-home-shell header.site-header { background:#fffaf9 !important; color:#32104F !important; border-color:rgba(50,16,79,.14) !important; } html body .ce-home-shell #footer { background:#32104F !important; color:#fffaf9 !important; opacity:1 !important; filter:none !important; } html body .ce-home-shell #footer * { opacity:1; } html body .ce-home-shell #footer .footer-tagline { color:#FCEAF3 !important; } html body .ce-home-shell #footer .footer-description, html body .ce-home-shell #footer .footer-links, html body .ce-home-shell #footer .footer-contact, html body .ce-home-shell #footer .footer-bottom { color:#f6edf8 !important; } html body .ce-home-shell #footer .footer-column h3 { color:#E8A0C4 !important; } html body .ce-home-shell #footer .socials a { background:#E8A0C4 !important; color:#32104F !important; } html body .ce-home-shell #footer a { text-decoration:none; } /* Deep-audit hardening: ensure legacy page styles cannot wash out the shared homepage footer. */ html body .ce-home-shell #footer { background:#32104F !important; color:#fffaf9 !important; opacity:1 !important; visibility:visible !important; filter:none !important; } html body .ce-home-shell #footer .footer-tagline { color:#FCEAF3 !important; opacity:1 !important; } html body .ce-home-shell #footer .footer-description, html body .ce-home-shell #footer .footer-links, html body .ce-home-shell #footer .footer-links a, html body .ce-home-shell #footer .footer-contact, html body .ce-home-shell #footer .footer-contact a, html body .ce-home-shell #footer .footer-bottom, html body .ce-home-shell #footer .footer-bottom span { color:#f6edf8 !important; opacity:1 !important; visibility:visible !important; } html body .ce-home-shell #footer .footer-column h3 { color:#E8A0C4 !important; opacity:1 !important; } html body .ce-home-shell #footer .socials a { background:#E8A0C4 !important; color:#32104F !important; opacity:1 !important; } html body .ce-home-shell .announcement { background:#32104F !important; color:#fff !important; } html body .ce-home-shell header.site-header { background:#fffaf9 !important; color:#32104F !important; } /* POSITION FIX: keep the announcer text inside the purple announcer bar and place the real shared header immediately after it. Prevent legacy page offsets/spacers from creating the blank strip visible above the header. */ html body { margin-top:0 !important; } html body .ce-home-shell { display:flow-root !important; position:relative !important; top:0 !important; margin-top:0 !important; padding-top:0 !important; transform:none !important; } html body .ce-home-shell > .announcement { position:relative !important; display:block !important; height:48px !important; min-height:48px !important; width:100% !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#32104F !important; color:#fff !important; line-height:normal !important; z-index:5 !important; } html body .ce-home-shell > .announcement > .announcement-track { position:absolute !important; inset:0 auto 0 0 !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:clamp(36px,8vw,120px) !important; width:max-content !important; height:100% !important; margin:0 !important; padding:0 18px !important; white-space:nowrap !important; transform:none; animation:ce-announcement-scroll-fixed 22s linear infinite !important; } html body .ce-home-shell > .announcement .announcement-track span { display:block !important; position:static !important; flex:0 0 auto !important; margin:0 !important; padding:0 !important; color:#fff !important; font-size:clamp(11px,1.5vw,18px) !important; line-height:1 !important; letter-spacing:clamp(1px,.22vw,3px) !important; white-space:nowrap !important; } @keyframes ce-announcement-scroll-fixed { from { transform:translateX(0); } to { transform:translateX(-33.333%); } } html body .ce-home-shell > header.site-header { position:relative !important; top:0 !important; margin:0 !important; padding:0 !important; width:100% !important; transform:none !important; z-index:4 !important; } html body .ce-home-shell > header.site-header + * { margin-top:0; } @media(max-width:700px) { html body .ce-home-shell > .announcement { height:32px !important; min-height:32px !important; } html body .ce-home-shell > .announcement > .announcement-track { gap:42px !important; animation-duration:22s !important; padding:0 10px !important; } html body .ce-home-shell > .announcement .announcement-track span { font-size:10px !important; letter-spacing:1.5px !important; } } /* INNER PAGE THEME: clean white surfaces and black readable copy on product information, cart and billing pages. Keep the shared homepage announcer/header/footer unchanged. */ body.cart-page, body.billing-page, body.product-info-page { background:#ffffff !important; color:#111111 !important; } body.cart-page > :not(.ce-home-shell):not(#footer):not(script):not(style), body.billing-page .page-content, body.product-info-page > :not(.ce-home-shell):not(#footer):not(script):not(style) { background-color:#ffffff; color:#111111; } body.billing-page .page-content, body.billing-page .page-content :is(h1,h2,h3,h4,p,label,legend,dt,dd,li,small,strong,em,.eyebrow,.description,.helper-text), body.product-info-page :is(h1,h2,h3,h4,p,label,legend,dt,dd,li,small,strong,em,.eyebrow,.product-description,.product-details,.product-info-content), body.cart-page :is(h1,h2,h3,h4,p,label,legend,dt,dd,li,small,strong,em,.eyebrow,.cart-title,.cart-empty,.cart-summary) { color:#111111 !important; } /* Ensure primary content panels do not inherit the old ivory, charcoal, or purple page fills. */ body.billing-page .page-content :is(.checkout-card,.billing-card,.form-card,.checkout-section,.form-section), body.product-info-page :is(.product-info-content,.product-details,.product-description,.product-info-card,.product-main,.product-content), body.cart-page :is(.cart-content,.cart-page-content,.cart-panel,.cart-summary,.cart-items,.cart-empty-state) { background-color:#ffffff !important; color:#111111 !important; } body.billing-page .page-content :is(input,select,textarea), body.product-info-page :is(input,select,textarea), body.cart-page :is(input,select,textarea) { background:#ffffff; color:#111111; } /* Never apply the inner-page theme to the shared brand shell. */ .ce-home-shell, .ce-home-shell .announcement, .ce-home-shell header.site-header, #footer { isolation:isolate; } /* ---- Header visibility fix ---- Legacy page rules target the generic `.nav` class (sticky at top:60px, height:56px, ivory background, taupe text on every child). The shared header's