/* Theme Name: The Cera Home Theme URI: https://thecerahome.com/ Author: The Cera Home Description: Standalone WooCommerce theme for The Cera Home: four colour themes, refined storefront homepage, gifting and bulk-order templates. No parent theme required. Version: 3.32.0 Requires at least: 6.0 Tested up to: 6.8 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: the-cera-home Tags: e-commerce, woocommerce, custom-colors, custom-logo, custom-menu */ @keyframes cera-marquee { from { transform:translateX(0) } to { transform:translateX(-50%) } } /* Match the uploaded landing-page canvas on this page, including its type. */ html { scroll-behavior: smooth; scroll-padding-top: 140px; } body.cera-bulk-template { margin:0; background:#fff; color:#1C1420; font-family:"Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; } #cera-bulk-page { width:100%; min-height:100vh; background:var(--paper, #fff); color:var(--ink, #1C1420); } @media (prefers-color-scheme:dark) { body.cera-bulk-template { background:#17101F; color:#F1E9F5; } } /* ====================================================================== site-chrome.css — header, footer and site-wide chrome ====================================================================== */ /* Shared The Cera Home colors and site header/footer, matched to the supplied HTML. */ body.cera-site-theme { --brand-deep:#241531; --brand-deep-2:#33204A; --orchid:#8C4FA6; --lilac:#C9A9DC; --gold:#CBA968; --cream:#F6EFE4; --paper:#FFFFFF; --paper-soft:#F8F4FB; --ink:#1C1420; --ink-soft:#756B82; --line:#E7DEEF; --cera-serif:"Playfair Display", Georgia, "Times New Roman", serif; --cera-script:"Petit Formal Script", "Playfair Display", cursive; --cera-sans:"Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --rz-color-primary:#8C4FA6; --rz-color-lighter:#FFFFFF; --rz-color-dark:#1C1420; --rz-color-darker:#241531; --rz-color-placeholder:#756B82; --rz-color-hover-primary:#33204A; --rz-background-color-primary:#8C4FA6; --rz-background-color-light:#FFFFFF; --rz-background-color-gray:#F8F4FB; --rz-background-color-dark:#241531; --rz-background-text-color-primary:#F6EFE4; --rz-border-color:#E7DEEF; --rz-border-color-primary:#CBA968; --rz-border-color-light:#E7DEEF; --rz-border-color-lighter:#FFFFFF; --rz-border-color-gray:#E7DEEF; --rz-border-color-dark:#241531; --rz-text-color-gray:#756B82; --rz-text-color:#1C1420; --rz-font-family-primary:"Jost", Arial, sans-serif; } @media (prefers-color-scheme:dark) { body.cera-site-theme:not([data-theme="light"]) { --paper:#17101F; --paper-soft:#1F1629; --ink:#F1E9F5; --ink-soft:#C6B7D4; --line:#3A2A4A; --orchid:#B57FC9; --lilac:#D9C3E8; --rz-color-primary:#B57FC9; --rz-color-lighter:#17101F; --rz-color-dark:#F1E9F5; --rz-color-darker:#F1E9F5; --rz-color-placeholder:#C6B7D4; --rz-color-hover-primary:#D9C3E8; --rz-background-color-primary:#B57FC9; --rz-background-color-light:#1F1629; --rz-background-color-gray:#1F1629; --rz-background-color-dark:#241531; --rz-background-text-color-primary:#17101F; --rz-border-color:#3A2A4A; --rz-border-color-primary:#CBA968; --rz-border-color-light:#3A2A4A; --rz-border-color-lighter:#3A2A4A; --rz-border-color-gray:#3A2A4A; --rz-border-color-dark:#241531; --rz-text-color-gray:#C6B7D4; --rz-text-color:#F1E9F5; } } body.cera-site-theme[data-theme="dark"] { --paper:#17101F; --paper-soft:#1F1629; --ink:#F1E9F5; --ink-soft:#C6B7D4; --line:#3A2A4A; --orchid:#B57FC9; --lilac:#D9C3E8; --rz-color-primary:#B57FC9; --rz-color-lighter:#17101F; --rz-color-dark:#F1E9F5; --rz-color-darker:#F1E9F5; --rz-color-placeholder:#C6B7D4; --rz-color-hover-primary:#D9C3E8; --rz-background-color-primary:#B57FC9; --rz-background-color-light:#1F1629; --rz-background-color-gray:#1F1629; --rz-background-color-dark:#241531; --rz-background-text-color-primary:#17101F; --rz-border-color:#3A2A4A; --rz-border-color-primary:#CBA968; --rz-border-color-light:#3A2A4A; --rz-border-color-lighter:#3A2A4A; --rz-border-color-gray:#3A2A4A; --rz-border-color-dark:#241531; --rz-text-color-gray:#C6B7D4; --rz-text-color:#F1E9F5; } html { scroll-behavior:smooth; } body.cera-site-theme, body.cera-site-theme #page { margin:0; background:var(--paper); color:var(--ink); font-family:var(--cera-sans); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; } body.cera-site-theme #content { background:var(--paper); } body.cera-site-theme a { color:inherit; } body.cera-site-theme h1, body.cera-site-theme h2, body.cera-site-theme h3, body.cera-site-theme h4, body.cera-site-theme h5, body.cera-site-theme .woocommerce-loop-product__title { color:var(--ink); font-family:var(--cera-serif); font-weight:500; } body.cera-site-theme .cera-wrap { width:100%; max-width:1180px; margin:0 auto; padding:0 28px; } body.cera-site-theme .utility-bar { background:var(--paper-soft); border-bottom:1px solid var(--line); font-size:12.5px; } body.cera-site-theme .utility-row { display:flex; align-items:center; justify-content:space-between; min-height:39px; gap:16px; } body.cera-site-theme .ship { display:flex; align-items:center; gap:8px; color:var(--ink-soft); } body.cera-site-theme .ship svg { width:15px; height:15px; color:var(--orchid); flex:none; } body.cera-site-theme .utility-links { display:flex; align-items:center; gap:22px; } body.cera-site-theme .utility-links a { color:var(--ink-soft); text-decoration:none; } body.cera-site-theme .utility-social { display:flex; gap:10px; margin-left:14px; } body.cera-site-theme .utility-social svg { width:15px; height:15px; color:var(--ink-soft); } body.cera-site-theme #site-header.cera-site-header { position:sticky; top:0; z-index:50; background:var(--paper); border-bottom:1px solid var(--line); } body.cera-site-theme .nav-row { display:flex; align-items:center; justify-content:space-between; min-height:77px; gap:24px; } body.cera-site-theme .brand { display:flex; flex-direction:column; flex:none; text-decoration:none; } body.cera-site-theme .brand .word { display:flex; align-items:baseline; gap:6px; color:var(--ink); font-family:var(--cera-serif); font-size:25px; font-weight:600; letter-spacing:.5px; } body.cera-site-theme .brand .word em { color:var(--orchid); font-family:var(--cera-script); font-size:30px; font-style:normal; font-weight:400; } body.cera-site-theme .brand .tag { margin-top:2px; color:var(--ink-soft); font-size:10px; letter-spacing:3px; text-transform:uppercase; } body.cera-site-theme nav.links { display:flex; align-items:center; gap:clamp(12px,2vw,30px); font-size:14.5px; } body.cera-site-theme nav.links a { color:var(--ink); text-decoration:none; white-space:nowrap; } body.cera-site-theme nav.links a:hover, body.cera-site-theme nav.links a.current { color:var(--orchid); } body.cera-site-theme .nav-icons { display:flex; align-items:center; gap:18px; flex:none; } body.cera-site-theme .nav-icons a { color:var(--ink); } body.cera-site-theme .nav-icons svg { display:block; width:19px; height:19px; } body.cera-site-theme .nav-toggle { display:none; align-items:center; justify-content:center; width:44px; height:44px; border:0; background:transparent; color:var(--ink); font-size:22px; cursor:pointer; } body.cera-site-theme .cera-site-footer { padding:56px 0 calc(30px + env(safe-area-inset-bottom,0px)); background:var(--brand-deep); color:var(--cream); } body.cera-site-theme .cera-site-footer .foot-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; } body.cera-site-theme .cera-site-footer .foot-brand .word { display:flex; align-items:baseline; gap:6px; color:var(--cream); font-family:var(--cera-serif); font-size:22px; font-weight:600; text-decoration:none; } body.cera-site-theme .cera-site-footer .foot-brand .word em { color:var(--gold); font-family:var(--cera-script); font-size:26px; font-style:normal; } body.cera-site-theme .cera-site-footer .foot-brand .tag { margin-top:4px; color:var(--lilac); font-size:9.5px; letter-spacing:3px; text-transform:uppercase; } body.cera-site-theme .cera-site-footer .foot-brand p { max-width:34ch; margin-top:16px; color:var(--lilac); font-size:13.5px; line-height:1.7; } body.cera-site-theme .cera-site-footer .foot-social { display:flex; gap:12px; margin-top:20px; } body.cera-site-theme .cera-site-footer .foot-social svg { box-sizing:content-box; width:16px; height:16px; padding:8px; border:1px solid rgba(246,239,228,.35); border-radius:50%; color:var(--cream); } body.cera-site-theme .cera-site-footer .foot-col h5 { margin:0 0 16px; color:var(--gold); font-family:var(--cera-sans); font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; } body.cera-site-theme .cera-site-footer .foot-col ul { display:flex; flex-direction:column; gap:11px; margin:0; padding:0; list-style:none; } body.cera-site-theme .cera-site-footer .foot-col a { color:var(--cream); font-size:13.5px; text-decoration:none; } body.cera-site-theme .cera-site-footer .foot-col a:hover, body.cera-site-theme .cera-site-footer .foot-col a.active { color:var(--gold); } body.cera-site-theme .cera-site-footer .contact-heading { margin-top:26px; } body.cera-site-theme .cera-site-footer .foot-bottom { margin-top:44px; padding-top:20px; border-top:1px solid rgba(246,239,228,.15); color:var(--lilac); font-size:12px; } /* Carry the HTML palette into store cards, controls and buttons on every page. */ body.cera-site-theme button, body.cera-site-theme input[type="submit"], body.cera-site-theme .button, body.cera-site-theme .woocommerce a.button, body.cera-site-theme .woocommerce button.button, body.cera-site-theme .woocommerce input.button, body.cera-site-theme .woocommerce #respond input#submit { border-color:var(--gold); background:var(--gold); color:var(--brand-deep); font-family:var(--cera-sans); } body.cera-site-theme button:hover, body.cera-site-theme input[type="submit"]:hover, body.cera-site-theme .button:hover, body.cera-site-theme .woocommerce a.button:hover, body.cera-site-theme .woocommerce button.button:hover { border-color:var(--brand-deep-2); background:var(--brand-deep-2); color:var(--cream); } body.cera-site-theme input:not([type="checkbox"]):not([type="radio"]), body.cera-site-theme select, body.cera-site-theme textarea { border-color:var(--line); background:var(--paper-soft); color:var(--ink); font-family:var(--cera-sans); } body.cera-site-theme .woocommerce ul.products li.product { display:flex; flex-direction:column; height:100%; overflow:hidden; border:1px solid var(--line); background:var(--paper-soft); color:var(--ink); } body.cera-site-theme .woocommerce ul.products li.product a.woocommerce-LoopProduct-link { color:var(--ink); } body.cera-site-theme .woocommerce ul.products li.product .woocommerce-loop-product__title { color:var(--ink)!important; font-family:var(--cera-serif); } body.cera-site-theme .woocommerce ul.products li.product .price { color:var(--orchid)!important; font-family:var(--cera-sans); } body.cera-site-theme .woocommerce ul.products li.product .price del { color:var(--ink-soft)!important; opacity:.85; } body.cera-site-theme .woocommerce ul.products li.product .price ins { color:var(--orchid)!important; background:transparent; text-decoration:none; } body.cera-site-theme .woocommerce ul.products li.product .onsale { border-radius:0; background:var(--brand-deep)!important; color:var(--gold)!important; } body.cera-site-theme .woocommerce div.product div.images, body.cera-site-theme .woocommerce-cart table.cart, body.cera-site-theme .woocommerce-checkout #order_review { color:var(--ink); } body.cera-site-theme .woocommerce span.onsale { background:var(--brand-deep); color:var(--gold); } body.cera-site-theme .woocommerce div.product p.price, body.cera-site-theme .woocommerce div.product span.price { color:var(--orchid); } @media (max-width:900px) { body.cera-site-theme nav.links { display:none; position:absolute; top:100%; right:0; left:0; z-index:40; max-height:calc(100vh - 100%); overflow-y:auto; flex-direction:column; align-items:stretch; gap:0; padding:8px 28px calc(16px + env(safe-area-inset-bottom,0px)); border-bottom:1px solid var(--line); background:var(--paper); box-shadow:0 16px 28px -18px rgba(0,0,0,.28); } body.cera-site-theme nav.links.is-open { display:flex; } body.cera-site-theme nav.links a { display:flex; align-items:center; min-height:44px; padding:0; border-top:1px solid var(--line); } body.cera-site-theme nav.links a:first-child { border-top:0; } body.cera-site-theme .nav-toggle { display:flex; margin-left:auto; } body.cera-site-theme .cera-site-footer .foot-grid { grid-template-columns:1fr 1fr; } body.cera-site-theme .utility-links a:not(:last-child) { display:none; } body.cera-site-theme .nav-icons { gap:14px; } body.cera-site-theme .nav-icons a { display:flex; align-items:center; justify-content:center; width:40px; height:40px; margin:-10px; } } @media (max-width:620px) { body.cera-site-theme .cera-site-footer .foot-grid { grid-template-columns:1fr; gap:32px; } body.cera-site-theme .utility-row { padding-top:8px; padding-bottom:8px; } body.cera-site-theme .utility-social { display:none; } body.cera-site-theme .brand .word { font-size:21px; } body.cera-site-theme .brand .word em { font-size:25px; } body.cera-site-theme .brand .tag { display:none; } } @media (max-width:400px) { body.cera-site-theme .nav-row { gap:10px; } body.cera-site-theme .nav-icons { gap:8px; } body.cera-site-theme .nav-icons a:first-child { display:none; } } @media (max-width:380px) { body.cera-site-theme .ship span { display:none; } } /* ====================================================================== palettes.css — colour themes ====================================================================== */ /* The Cera Home — colour themes. Generated: one block per palette, chosen in Appearance > Customize > Cera Colors & Look. */ /* Orchid Noir — lavender, aubergine & champagne */ body.cera-site-theme.cera-pal-orchid-noir,body.cera-site-theme.cera-pal-orchid-noir #cera-home-page,body.cera-site-theme.cera-pal-orchid-noir #cera-bulk-page{--brand-deep:#1C1026;--brand-deep-2:#2D1A42;--orchid:#7E3F9B;--lilac:#CDB5E0;--gold:#C5A264;--gold-hi:#E6CF9B;--gold-lo:#A47F3F;--cream:#F8F2E9;--paper:#FFFDFB;--paper-soft:#F8F3FB;--ink:#1A111F;--ink-soft:#6E6479;--line:#E9E0EF;--gold-rgb:197,162,100;--glow-rgb:126,63,155;--shadow-rgb:28,16,38;--gold-grad:linear-gradient(135deg,#E6CF9B,#C5A264 52%,#A47F3F);--rz-color-primary:#7E3F9B;--rz-color-lighter:#FFFDFB;--rz-color-dark:#1A111F;--rz-color-darker:#1C1026;--rz-color-placeholder:#6E6479;--rz-color-hover-primary:#2D1A42;--rz-background-color-primary:#7E3F9B;--rz-background-color-light:#FFFDFB;--rz-background-color-gray:#F8F3FB;--rz-background-color-dark:#1C1026;--rz-background-text-color-primary:#F8F2E9;--rz-border-color:#E9E0EF;--rz-border-color-primary:#C5A264;--rz-border-color-light:#E9E0EF;--rz-border-color-lighter:#FFFDFB;--rz-border-color-gray:#E9E0EF;--rz-border-color-dark:#1C1026;--rz-text-color-gray:#6E6479;--rz-text-color:#1A111F;} @media (prefers-color-scheme:dark){body.cera-site-theme.cera-pal-orchid-noir:not([data-theme="light"]),body.cera-site-theme.cera-pal-orchid-noir:not([data-theme="light"]) #cera-home-page,body.cera-site-theme.cera-pal-orchid-noir:not([data-theme="light"]) #cera-bulk-page{--paper:#150E1C;--paper-soft:#1E1528;--ink:#F3EBF7;--ink-soft:#C9BBD6;--line:#372747;--orchid:#B98BCF;--lilac:#DCC8EA;--glow-rgb:185,139,207;--rz-color-primary:#B98BCF;--rz-color-lighter:#150E1C;--rz-color-dark:#F3EBF7;--rz-color-darker:#F3EBF7;--rz-color-placeholder:#C9BBD6;--rz-color-hover-primary:#DCC8EA;--rz-background-color-primary:#B98BCF;--rz-background-color-light:#1E1528;--rz-background-color-gray:#1E1528;--rz-background-text-color-primary:#150E1C;--rz-border-color:#372747;--rz-border-color-light:#372747;--rz-border-color-lighter:#372747;--rz-border-color-gray:#372747;--rz-text-color-gray:#C9BBD6;--rz-text-color:#F3EBF7;}} body.cera-site-theme.cera-pal-orchid-noir[data-theme="dark"],body.cera-site-theme.cera-pal-orchid-noir[data-theme="dark"] #cera-home-page,body.cera-site-theme.cera-pal-orchid-noir[data-theme="dark"] #cera-bulk-page{--paper:#150E1C;--paper-soft:#1E1528;--ink:#F3EBF7;--ink-soft:#C9BBD6;--line:#372747;--orchid:#B98BCF;--lilac:#DCC8EA;--glow-rgb:185,139,207;--rz-color-primary:#B98BCF;--rz-color-lighter:#150E1C;--rz-color-dark:#F3EBF7;--rz-color-darker:#F3EBF7;--rz-color-placeholder:#C9BBD6;--rz-color-hover-primary:#DCC8EA;--rz-background-color-primary:#B98BCF;--rz-background-color-light:#1E1528;--rz-background-color-gray:#1E1528;--rz-background-text-color-primary:#150E1C;--rz-border-color:#372747;--rz-border-color-light:#372747;--rz-border-color-lighter:#372747;--rz-border-color-gray:#372747;--rz-text-color-gray:#C9BBD6;--rz-text-color:#F3EBF7;} /* Ivory & Espresso — warm neutral & brass */ body.cera-site-theme.cera-pal-ivory-espresso,body.cera-site-theme.cera-pal-ivory-espresso #cera-home-page,body.cera-site-theme.cera-pal-ivory-espresso #cera-bulk-page{--brand-deep:#251913;--brand-deep-2:#3A281E;--orchid:#9A5B3B;--lilac:#E6D3BE;--gold:#C9A24D;--gold-hi:#E9D08E;--gold-lo:#A47F2E;--cream:#F9F2E7;--paper:#FFFDF9;--paper-soft:#F7F0E7;--ink:#211814;--ink-soft:#7A6B5F;--line:#EADFD1;--gold-rgb:201,162,77;--glow-rgb:154,91,59;--shadow-rgb:37,25,19;--gold-grad:linear-gradient(135deg,#E9D08E,#C9A24D 52%,#A47F2E);--rz-color-primary:#9A5B3B;--rz-color-lighter:#FFFDF9;--rz-color-dark:#211814;--rz-color-darker:#251913;--rz-color-placeholder:#7A6B5F;--rz-color-hover-primary:#3A281E;--rz-background-color-primary:#9A5B3B;--rz-background-color-light:#FFFDF9;--rz-background-color-gray:#F7F0E7;--rz-background-color-dark:#251913;--rz-background-text-color-primary:#F9F2E7;--rz-border-color:#EADFD1;--rz-border-color-primary:#C9A24D;--rz-border-color-light:#EADFD1;--rz-border-color-lighter:#FFFDF9;--rz-border-color-gray:#EADFD1;--rz-border-color-dark:#251913;--rz-text-color-gray:#7A6B5F;--rz-text-color:#211814;} @media (prefers-color-scheme:dark){body.cera-site-theme.cera-pal-ivory-espresso:not([data-theme="light"]),body.cera-site-theme.cera-pal-ivory-espresso:not([data-theme="light"]) #cera-home-page,body.cera-site-theme.cera-pal-ivory-espresso:not([data-theme="light"]) #cera-bulk-page{--paper:#17110D;--paper-soft:#211913;--ink:#F6EDE2;--ink-soft:#CDBBA9;--line:#3B2E24;--orchid:#D19673;--lilac:#E6D3BE;--glow-rgb:209,150,115;--rz-color-primary:#D19673;--rz-color-lighter:#17110D;--rz-color-dark:#F6EDE2;--rz-color-darker:#F6EDE2;--rz-color-placeholder:#CDBBA9;--rz-color-hover-primary:#E6D3BE;--rz-background-color-primary:#D19673;--rz-background-color-light:#211913;--rz-background-color-gray:#211913;--rz-background-text-color-primary:#17110D;--rz-border-color:#3B2E24;--rz-border-color-light:#3B2E24;--rz-border-color-lighter:#3B2E24;--rz-border-color-gray:#3B2E24;--rz-text-color-gray:#CDBBA9;--rz-text-color:#F6EDE2;}} body.cera-site-theme.cera-pal-ivory-espresso[data-theme="dark"],body.cera-site-theme.cera-pal-ivory-espresso[data-theme="dark"] #cera-home-page,body.cera-site-theme.cera-pal-ivory-espresso[data-theme="dark"] #cera-bulk-page{--paper:#17110D;--paper-soft:#211913;--ink:#F6EDE2;--ink-soft:#CDBBA9;--line:#3B2E24;--orchid:#D19673;--lilac:#E6D3BE;--glow-rgb:209,150,115;--rz-color-primary:#D19673;--rz-color-lighter:#17110D;--rz-color-dark:#F6EDE2;--rz-color-darker:#F6EDE2;--rz-color-placeholder:#CDBBA9;--rz-color-hover-primary:#E6D3BE;--rz-background-color-primary:#D19673;--rz-background-color-light:#211913;--rz-background-color-gray:#211913;--rz-background-text-color-primary:#17110D;--rz-border-color:#3B2E24;--rz-border-color-light:#3B2E24;--rz-border-color-lighter:#3B2E24;--rz-border-color-gray:#3B2E24;--rz-text-color-gray:#CDBBA9;--rz-text-color:#F6EDE2;} /* Sage & Brass — deep green & soft gold */ body.cera-site-theme.cera-pal-sage-brass,body.cera-site-theme.cera-pal-sage-brass #cera-home-page,body.cera-site-theme.cera-pal-sage-brass #cera-bulk-page{--brand-deep:#14241D;--brand-deep-2:#21392D;--orchid:#48755F;--lilac:#C3D7CA;--gold:#C4A257;--gold-hi:#E4CE94;--gold-lo:#9F7E37;--cream:#F5F1E5;--paper:#FDFDFA;--paper-soft:#F1F5EE;--ink:#131E19;--ink-soft:#64726A;--line:#DCE6DD;--gold-rgb:196,162,87;--glow-rgb:72,117,95;--shadow-rgb:20,36,29;--gold-grad:linear-gradient(135deg,#E4CE94,#C4A257 52%,#9F7E37);--rz-color-primary:#48755F;--rz-color-lighter:#FDFDFA;--rz-color-dark:#131E19;--rz-color-darker:#14241D;--rz-color-placeholder:#64726A;--rz-color-hover-primary:#21392D;--rz-background-color-primary:#48755F;--rz-background-color-light:#FDFDFA;--rz-background-color-gray:#F1F5EE;--rz-background-color-dark:#14241D;--rz-background-text-color-primary:#F5F1E5;--rz-border-color:#DCE6DD;--rz-border-color-primary:#C4A257;--rz-border-color-light:#DCE6DD;--rz-border-color-lighter:#FDFDFA;--rz-border-color-gray:#DCE6DD;--rz-border-color-dark:#14241D;--rz-text-color-gray:#64726A;--rz-text-color:#131E19;} @media (prefers-color-scheme:dark){body.cera-site-theme.cera-pal-sage-brass:not([data-theme="light"]),body.cera-site-theme.cera-pal-sage-brass:not([data-theme="light"]) #cera-home-page,body.cera-site-theme.cera-pal-sage-brass:not([data-theme="light"]) #cera-bulk-page{--paper:#0F1813;--paper-soft:#16221B;--ink:#EAF1EA;--ink-soft:#B8C9BD;--line:#27392F;--orchid:#7FB398;--lilac:#C3D7CA;--glow-rgb:127,179,152;--rz-color-primary:#7FB398;--rz-color-lighter:#0F1813;--rz-color-dark:#EAF1EA;--rz-color-darker:#EAF1EA;--rz-color-placeholder:#B8C9BD;--rz-color-hover-primary:#C3D7CA;--rz-background-color-primary:#7FB398;--rz-background-color-light:#16221B;--rz-background-color-gray:#16221B;--rz-background-text-color-primary:#0F1813;--rz-border-color:#27392F;--rz-border-color-light:#27392F;--rz-border-color-lighter:#27392F;--rz-border-color-gray:#27392F;--rz-text-color-gray:#B8C9BD;--rz-text-color:#EAF1EA;}} body.cera-site-theme.cera-pal-sage-brass[data-theme="dark"],body.cera-site-theme.cera-pal-sage-brass[data-theme="dark"] #cera-home-page,body.cera-site-theme.cera-pal-sage-brass[data-theme="dark"] #cera-bulk-page{--paper:#0F1813;--paper-soft:#16221B;--ink:#EAF1EA;--ink-soft:#B8C9BD;--line:#27392F;--orchid:#7FB398;--lilac:#C3D7CA;--glow-rgb:127,179,152;--rz-color-primary:#7FB398;--rz-color-lighter:#0F1813;--rz-color-dark:#EAF1EA;--rz-color-darker:#EAF1EA;--rz-color-placeholder:#B8C9BD;--rz-color-hover-primary:#C3D7CA;--rz-background-color-primary:#7FB398;--rz-background-color-light:#16221B;--rz-background-color-gray:#16221B;--rz-background-text-color-primary:#0F1813;--rz-border-color:#27392F;--rz-border-color-light:#27392F;--rz-border-color-lighter:#27392F;--rz-border-color-gray:#27392F;--rz-text-color-gray:#B8C9BD;--rz-text-color:#EAF1EA;} /* Blush & Rosewood — rose, wine & warm gold */ body.cera-site-theme.cera-pal-blush-rosewood,body.cera-site-theme.cera-pal-blush-rosewood #cera-home-page,body.cera-site-theme.cera-pal-blush-rosewood #cera-bulk-page{--brand-deep:#351520;--brand-deep-2:#4E2130;--orchid:#A5455F;--lilac:#EBC7D0;--gold:#C8A067;--gold-hi:#E8CDA0;--gold-lo:#A67F45;--cream:#F9EEE9;--paper:#FFFCFB;--paper-soft:#FBF1F0;--ink:#241318;--ink-soft:#7C696F;--line:#F0DEE1;--gold-rgb:200,160,103;--glow-rgb:165,69,95;--shadow-rgb:53,21,32;--gold-grad:linear-gradient(135deg,#E8CDA0,#C8A067 52%,#A67F45);--rz-color-primary:#A5455F;--rz-color-lighter:#FFFCFB;--rz-color-dark:#241318;--rz-color-darker:#351520;--rz-color-placeholder:#7C696F;--rz-color-hover-primary:#4E2130;--rz-background-color-primary:#A5455F;--rz-background-color-light:#FFFCFB;--rz-background-color-gray:#FBF1F0;--rz-background-color-dark:#351520;--rz-background-text-color-primary:#F9EEE9;--rz-border-color:#F0DEE1;--rz-border-color-primary:#C8A067;--rz-border-color-light:#F0DEE1;--rz-border-color-lighter:#FFFCFB;--rz-border-color-gray:#F0DEE1;--rz-border-color-dark:#351520;--rz-text-color-gray:#7C696F;--rz-text-color:#241318;} @media (prefers-color-scheme:dark){body.cera-site-theme.cera-pal-blush-rosewood:not([data-theme="light"]),body.cera-site-theme.cera-pal-blush-rosewood:not([data-theme="light"]) #cera-home-page,body.cera-site-theme.cera-pal-blush-rosewood:not([data-theme="light"]) #cera-bulk-page{--paper:#170D11;--paper-soft:#21141A;--ink:#F7ECEE;--ink-soft:#D3BCC3;--line:#3E2831;--orchid:#D98AA1;--lilac:#EBC7D0;--glow-rgb:217,138,161;--rz-color-primary:#D98AA1;--rz-color-lighter:#170D11;--rz-color-dark:#F7ECEE;--rz-color-darker:#F7ECEE;--rz-color-placeholder:#D3BCC3;--rz-color-hover-primary:#EBC7D0;--rz-background-color-primary:#D98AA1;--rz-background-color-light:#21141A;--rz-background-color-gray:#21141A;--rz-background-text-color-primary:#170D11;--rz-border-color:#3E2831;--rz-border-color-light:#3E2831;--rz-border-color-lighter:#3E2831;--rz-border-color-gray:#3E2831;--rz-text-color-gray:#D3BCC3;--rz-text-color:#F7ECEE;}} body.cera-site-theme.cera-pal-blush-rosewood[data-theme="dark"],body.cera-site-theme.cera-pal-blush-rosewood[data-theme="dark"] #cera-home-page,body.cera-site-theme.cera-pal-blush-rosewood[data-theme="dark"] #cera-bulk-page{--paper:#170D11;--paper-soft:#21141A;--ink:#F7ECEE;--ink-soft:#D3BCC3;--line:#3E2831;--orchid:#D98AA1;--lilac:#EBC7D0;--glow-rgb:217,138,161;--rz-color-primary:#D98AA1;--rz-color-lighter:#170D11;--rz-color-dark:#F7ECEE;--rz-color-darker:#F7ECEE;--rz-color-placeholder:#D3BCC3;--rz-color-hover-primary:#EBC7D0;--rz-background-color-primary:#D98AA1;--rz-background-color-light:#21141A;--rz-background-color-gray:#21141A;--rz-background-text-color-primary:#170D11;--rz-border-color:#3E2831;--rz-border-color-light:#3E2831;--rz-border-color-lighter:#3E2831;--rz-border-color-gray:#3E2831;--rz-text-color-gray:#D3BCC3;--rz-text-color:#F7ECEE;} /* ====================================================================== bulk-order.css — Bulk Order page ====================================================================== */ #cera-bulk-page{ box-sizing: border-box; --brand-deep: #241531; --brand-deep-2: #33204A; --orchid: #8C4FA6; --lilac: #C9A9DC; --gold: #CBA968; --cream: #F6EFE4; --paper: #FFFFFF; --paper-soft: #F8F4FB; --ink: #1C1420; --ink-soft: #756B82; --line: #E7DEEF; --serif: "Playfair Display", Georgia, "Times New Roman", serif; --script: "Petit Formal Script", "Playfair Display", cursive; --sans: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); } @media (prefers-color-scheme: dark){ #cera-bulk-page :root:not([data-theme="light"]){ --paper: #17101F; --paper-soft: #1F1629; --ink: #F1E9F5; --ink-soft: #C6B7D4; --line: #3A2A4A; --orchid: #B57FC9; --lilac: #D9C3E8; } } #cera-bulk-page :root[data-theme="dark"]{ --paper: #17101F; --paper-soft: #1F1629; --ink: #F1E9F5; --ink-soft: #C6B7D4; --line: #3A2A4A; --orchid: #B57FC9; --lilac: #D9C3E8; } #cera-bulk-page *{ box-sizing: border-box; } #cera-bulk-page img, #cera-bulk-page svg{ max-width: 100%; display: block; } #cera-bulk-page a{ color: inherit; } #cera-bulk-page .wrap{ max-width: 1180px; margin: 0 auto; padding: 0 28px; } #cera-bulk-page .scrollx{ overflow-x: auto; -webkit-overflow-scrolling: touch; } #cera-bulk-page h1, #cera-bulk-page h2, #cera-bulk-page h3, #cera-bulk-page h4{ font-family: var(--serif); font-weight: 500; margin: 0; color: var(--ink); } #cera-bulk-page p{ margin: 0; } #cera-bulk-page .eyebrow{ font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--orchid); font-weight: 600; } #cera-bulk-page /* ---------- Utility bar ---------- */ .utility-bar{ background: var(--paper-soft); border-bottom: 1px solid var(--line); font-size: 12.5px; } #cera-bulk-page .utility-row{ display: flex; align-items: center; justify-content: space-between; padding: 9px 28px; gap: 16px; } #cera-bulk-page .utility-row .ship{ display: flex; align-items: center; gap: 8px; color: var(--ink-soft); } #cera-bulk-page .utility-row .ship svg{ width: 15px; height: 15px; color: var(--orchid); } #cera-bulk-page .utility-links{ display: flex; align-items: center; gap: 22px; } #cera-bulk-page .utility-links a{ text-decoration: none; color: var(--ink-soft); } #cera-bulk-page .utility-social{ display: flex; gap: 10px; margin-left: 14px; } #cera-bulk-page .utility-social svg{ width: 15px; height: 15px; color: var(--ink-soft); } #cera-bulk-page /* ---------- Header ---------- */ header.site{ position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; background: var(--paper); border-bottom: 1px solid var(--line); } #cera-bulk-page .nav-row{ display: flex; align-items: center; justify-content: space-between; padding: 16px 28px; gap: 24px; } #cera-bulk-page .brand{ display: flex; flex-direction: column; } #cera-bulk-page .brand .word{ font-family: var(--serif); font-size: 25px; font-weight: 600; letter-spacing: 0.5px; display: flex; align-items: baseline; gap: 6px; } #cera-bulk-page .brand .word em{ font-family: var(--script); font-style: normal; color: var(--orchid); font-size: 30px; font-weight: 400; } #cera-bulk-page .brand .tag{ font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--ink-soft); margin-top: 2px; } #cera-bulk-page nav.links{ display: flex; gap: 30px; font-size: 14.5px; } #cera-bulk-page nav.links a{ text-decoration: none; color: var(--ink); } #cera-bulk-page nav.links a.current{ color: var(--orchid); } #cera-bulk-page .nav-icons{ display: flex; align-items: center; gap: 18px; } #cera-bulk-page .nav-icons svg{ width: 19px; height: 19px; color: var(--ink); } #cera-bulk-page .nav-toggle{ display: none; background: none; border: none; color: var(--ink); font-size: 24px; cursor: pointer; } #cera-bulk-page /* ---------- Marquee ---------- */ .marquee-wrap{ background: var(--brand-deep); color: var(--cream); overflow: hidden; padding: 11px 0; } #cera-bulk-page .marquee-track{ display: flex; width: max-content; animation: scroll-left 32s linear infinite; } #cera-bulk-page .marquee-track span{ display: inline-flex; align-items: center; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; padding: 0 26px; white-space: nowrap; } #cera-bulk-page .marquee-track span::after{ content: "•"; margin-left: 26px; color: var(--gold); } @keyframes scroll-left{ from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce){ #cera-bulk-page .marquee-track{ animation: none; overflow-x: auto; } } #cera-bulk-page /* ---------- Hero ---------- */ .hero{ background: radial-gradient(120% 140% at 15% 15%, var(--brand-deep-2), var(--brand-deep) 60%); color: var(--cream); padding: 78px 0 84px; position: relative; overflow: hidden; } #cera-bulk-page .hero-deco{ position: absolute; inset: 0; pointer-events: none; opacity: 0.5; } #cera-bulk-page .hero-inner{ position: relative; max-width: 720px; margin: 0 auto; text-align: center; } #cera-bulk-page .hero .script-line{ font-family: var(--script); font-size: 30px; color: var(--gold); } #cera-bulk-page .hero h1{ font-size: clamp(30px, 4.4vw, 46px); line-height: 1.18; margin-top: 6px; } #cera-bulk-page .hero p.lede{ margin: 20px auto 0; max-width: 56ch; color: var(--lilac); font-size: 16px; } #cera-bulk-page .hero-ctas{ margin-top: 32px; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; } #cera-bulk-page .btn{ display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; border-radius: 3px; font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; border: 1px solid transparent; letter-spacing: 0.3px; } #cera-bulk-page .btn-primary{ background: var(--gold); color: var(--brand-deep); } #cera-bulk-page .btn-ghost{ background: transparent; color: var(--cream); border-color: rgba(246,239,228,0.4); } #cera-bulk-page .feature-chips{ margin-top: 46px; display: flex; justify-content: center; gap: 48px; flex-wrap: wrap; } #cera-bulk-page .feature-chip{ display: flex; flex-direction: column; align-items: center; gap: 10px; } #cera-bulk-page .feature-chip svg{ width: 26px; height: 26px; color: var(--gold); } #cera-bulk-page .feature-chip span{ font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--cream); } #cera-bulk-page /* ---------- Section shells ---------- */ section{ padding: 80px 0; } #cera-bulk-page section.soft{ background: var(--paper-soft); } #cera-bulk-page .kicker-row{ text-align: center; max-width: 640px; margin: 0 auto 48px; } #cera-bulk-page .kicker-row h2{ font-size: clamp(28px, 3.2vw, 38px); margin-top: 8px; } #cera-bulk-page .kicker-row h2 em{ font-style: italic; color: var(--orchid); font-weight: 500; } #cera-bulk-page .kicker-row p.sub{ margin-top: 14px; color: var(--ink-soft); font-style: italic; font-size: 16px; } #cera-bulk-page /* ---------- Category cards ---------- */ .cat-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); } #cera-bulk-page .cat-card{ background: var(--paper); padding: 36px 30px; display: flex; flex-direction: column; gap: 16px; } #cera-bulk-page .cat-card svg{ width: 36px; height: 36px; color: var(--orchid); } #cera-bulk-page .cat-card h3{ font-size: 21px; font-weight: 500; font-style: italic; } #cera-bulk-page .cat-card p{ color: var(--ink-soft); font-size: 14px; } #cera-bulk-page .cat-card ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; } #cera-bulk-page .cat-card li{ font-size: 13px; color: var(--ink-soft); padding-left: 14px; position: relative; } #cera-bulk-page .cat-card li::before{ content: "—"; position: absolute; left: 0; top: 0; color: var(--orchid); } #cera-bulk-page /* ---------- Audience ---------- */ .audience-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); } #cera-bulk-page .audience-item{ background: var(--paper); padding: 26px 22px; display: flex; flex-direction: column; gap: 10px; } #cera-bulk-page .audience-item svg{ width: 26px; height: 26px; color: var(--orchid); } #cera-bulk-page .audience-item h4{ font-size: 15px; font-weight: 500; font-style: italic; } #cera-bulk-page .audience-item p{ font-size: 12.5px; color: var(--ink-soft); } #cera-bulk-page /* ---------- Value banner ---------- */ .value-banner{ display: grid; grid-template-columns: auto 1fr; gap: 34px; align-items: center; background: var(--brand-deep); color: var(--cream); padding: 42px 46px; } #cera-bulk-page .value-banner .num{ font-family: var(--serif); font-size: clamp(34px, 5vw, 50px); color: var(--gold); white-space: nowrap; } #cera-bulk-page .value-banner .num small{ display: block; font-size: 12px; font-family: var(--sans); letter-spacing: 1.5px; text-transform: uppercase; color: var(--lilac); margin-top: 6px; } #cera-bulk-page .value-banner p{ font-size: 14.5px; max-width: 60ch; color: var(--lilac); line-height: 1.7; } #cera-bulk-page /* ---------- Process ---------- */ .process-list{ display: flex; flex-direction: column; } #cera-bulk-page .process-item{ display: grid; grid-template-columns: 64px 1fr; gap: 24px; padding: 24px 0; border-top: 1px solid var(--line); } #cera-bulk-page .process-item:last-child{ border-bottom: 1px solid var(--line); } #cera-bulk-page .process-num{ font-family: var(--script); font-size: 30px; color: var(--orchid); } #cera-bulk-page .process-body h4{ font-size: 17px; font-weight: 500; font-style: italic; margin-bottom: 6px; } #cera-bulk-page .process-body p{ color: var(--ink-soft); font-size: 14px; max-width: 62ch; } #cera-bulk-page /* ---------- Customization ---------- */ .custom-grid{ display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 54px; align-items: center; } #cera-bulk-page .custom-list{ display: flex; flex-direction: column; gap: 20px; } #cera-bulk-page .custom-list .row{ display: flex; gap: 16px; } #cera-bulk-page .custom-list svg{ width: 24px; height: 24px; color: var(--orchid); flex-shrink: 0; margin-top: 2px; } #cera-bulk-page .custom-list h4{ font-size: 15.5px; font-weight: 500; font-style: italic; margin-bottom: 4px; } #cera-bulk-page .custom-list p{ font-size: 13.5px; color: var(--ink-soft); } #cera-bulk-page .note-box{ margin-top: 22px; background: var(--paper-soft); border-left: 3px solid var(--orchid); padding: 16px 18px; font-size: 13px; color: var(--ink-soft); } #cera-bulk-page /* ---------- Policy grid ---------- */ .policy-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); } #cera-bulk-page .policy-card{ background: var(--paper); padding: 30px 26px; } #cera-bulk-page .policy-card h3{ font-size: 17px; font-weight: 500; font-style: italic; margin-bottom: 14px; } #cera-bulk-page .policy-card ul{ margin: 0; padding-left: 16px; display: flex; flex-direction: column; gap: 9px; } #cera-bulk-page .policy-card li{ font-size: 13px; color: var(--ink-soft); } #cera-bulk-page .policy-card li strong{ color: var(--ink); font-weight: 600; } #cera-bulk-page /* ---------- Product picks ---------- */ .pick-note{ text-align: center; font-size: 12.5px; color: var(--ink-soft); margin-top: 28px; } #cera-bulk-page .pick-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } #cera-bulk-page .pick-card{ background: var(--paper); border: 1px solid var(--line); } #cera-bulk-page .pick-photo{ aspect-ratio: 1; background: linear-gradient(155deg, var(--paper-soft), var(--line)); display: flex; align-items: center; justify-content: center; position: relative; } #cera-bulk-page .pick-photo svg{ width: 54px; height: 54px; color: var(--orchid); } #cera-bulk-page .pick-tag{ position: absolute; top: 10px; left: 10px; background: var(--brand-deep); color: var(--gold); font-size: 10px; letter-spacing: 1px; text-transform: uppercase; padding: 4px 9px; } #cera-bulk-page .pick-body{ padding: 16px 16px 20px; } #cera-bulk-page .pick-cat{ font-size: 12px; font-style: italic; color: var(--ink-soft); } #cera-bulk-page .pick-name{ font-family: var(--serif); font-weight: 600; font-style: italic; font-size: 16px; margin-top: 4px; } #cera-bulk-page .pick-price{ margin-top: 8px; font-size: 13.5px; } #cera-bulk-page .pick-price .was{ text-decoration: line-through; color: var(--ink-soft); margin-right: 8px; } #cera-bulk-page .pick-price .now{ color: var(--orchid); font-weight: 600; } #cera-bulk-page /* ---------- FAQ ---------- */ .faq-list{ max-width: 780px; margin: 0 auto; } #cera-bulk-page details.faq{ border-bottom: 1px solid var(--line); padding: 20px 0; } #cera-bulk-page details.faq summary{ cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; font-family: var(--serif); font-style: italic; font-size: 17px; font-weight: 500; } #cera-bulk-page details.faq summary::-webkit-details-marker{ display: none; } #cera-bulk-page details.faq summary::after{ content: "+"; font-size: 22px; color: var(--orchid); transition: transform 0.2s ease; flex-shrink: 0; } #cera-bulk-page details.faq[open] summary::after{ transform: rotate(45deg); } #cera-bulk-page details.faq p{ margin-top: 12px; color: var(--ink-soft); font-size: 14px; max-width: 66ch; } #cera-bulk-page /* ---------- Enquiry ---------- */ .enquire-grid{ display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 54px; } #cera-bulk-page .enquire-copy h2{ font-size: clamp(28px, 3.2vw, 34px); } #cera-bulk-page .enquire-copy p{ margin-top: 14px; color: var(--ink-soft); max-width: 44ch; font-size: 15px; } #cera-bulk-page .contact-line{ margin-top: 16px; font-size: 13.5px; color: var(--ink-soft); } #cera-bulk-page .contact-line strong{ color: var(--ink); } #cera-bulk-page form.enquiry{ background: var(--paper); border: 1px solid var(--line); padding: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } #cera-bulk-page form.enquiry .full{ grid-column: 1 / -1; } #cera-bulk-page form.enquiry label{ display: block; font-size: 12px; color: var(--ink-soft); margin-bottom: 6px; } #cera-bulk-page form.enquiry input, #cera-bulk-page form.enquiry select, #cera-bulk-page form.enquiry textarea{ width: 100%; padding: 11px 13px; border: 1px solid var(--line); background: var(--paper-soft); color: var(--ink); font-family: var(--sans); font-size: 14px; } #cera-bulk-page form.enquiry textarea{ resize: vertical; min-height: 88px; } #cera-bulk-page form.enquiry button{ grid-column: 1 / -1; } #cera-bulk-page /* ---------- Footer ---------- */ footer.site{ background: var(--brand-deep); color: var(--cream); padding: 56px 0 calc(30px + env(safe-area-inset-bottom, 0px)); } #cera-bulk-page .foot-grid{ display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 40px; } #cera-bulk-page .foot-brand .word{ font-family: var(--serif); font-size: 22px; font-weight: 600; display: flex; align-items: baseline; gap: 6px; color: var(--cream); } #cera-bulk-page .foot-brand .word em{ font-family: var(--script); font-style: normal; color: var(--gold); font-size: 26px; } #cera-bulk-page .foot-brand .tag{ font-size: 9.5px; letter-spacing: 3px; text-transform: uppercase; color: var(--lilac); margin-top: 4px; } #cera-bulk-page .foot-brand p{ margin-top: 16px; font-size: 13.5px; color: var(--lilac); max-width: 34ch; line-height: 1.7; } #cera-bulk-page .foot-social{ display: flex; gap: 12px; margin-top: 20px; } #cera-bulk-page .foot-social svg{ width: 16px; height: 16px; color: var(--cream); border: 1px solid rgba(246,239,228,0.35); border-radius: 50%; padding: 8px; box-sizing: content-box; } #cera-bulk-page .foot-col h5{ font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 16px; } #cera-bulk-page .foot-col ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; } #cera-bulk-page .foot-col a{ text-decoration: none; font-size: 13.5px; color: var(--cream); } #cera-bulk-page .foot-col a.active{ color: var(--gold); font-style: italic; } #cera-bulk-page .foot-bottom{ border-top: 1px solid rgba(246,239,228,0.15); margin-top: 44px; padding-top: 20px; font-size: 12px; color: var(--lilac); } @media (max-width: 900px){ #cera-bulk-page .custom-grid, #cera-bulk-page .enquire-grid{ grid-template-columns: 1fr; } #cera-bulk-page .cat-grid{ grid-template-columns: 1fr; } #cera-bulk-page .policy-grid{ grid-template-columns: 1fr; } #cera-bulk-page .pick-grid{ grid-template-columns: 1fr 1fr; } #cera-bulk-page form.enquiry{ grid-template-columns: 1fr; } #cera-bulk-page nav.links{ display: none; } #cera-bulk-page .nav-toggle{ display: block; } #cera-bulk-page .foot-grid{ grid-template-columns: 1fr 1fr; } #cera-bulk-page .utility-links a:not(:last-child){ display: none; } } @media (max-width: 620px){ #cera-bulk-page .feature-chips{ gap: 28px; } #cera-bulk-page .pick-grid{ grid-template-columns: 1fr 1fr; } #cera-bulk-page section{ padding: 56px 0; } #cera-bulk-page .hero{ padding: 56px 0 60px; } #cera-bulk-page .foot-grid{ grid-template-columns: 1fr; gap: 32px; } } /* ====================================================================== home-page.css — homepage base ====================================================================== */ #cera-home-page{ box-sizing: border-box; --brand-deep:#241531; --brand-deep-2:#33204A; --orchid:#8C4FA6; --lilac:#C9A9DC; --gold:#CBA968; --cream:#F6EFE4; --paper:#FFFFFF; --paper-soft:#F8F4FB; --ink:#1C1420; --ink-soft:#756B82; --line:#E7DEEF; --serif:"Playfair Display",Georgia,serif; --script:"Petit Formal Script","Playfair Display",cursive; --sans:"Jost",-apple-system,"Segoe UI",sans-serif; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); } @media (prefers-color-scheme: dark){ #cera-home-page:not([data-theme="light"]){ --paper:#17101F; --paper-soft:#1F1629; --ink:#F1E9F5; --ink-soft:#C6B7D4; --line:#3A2A4A; --orchid:#B57FC9; --lilac:#D9C3E8; } } #cera-home-page[data-theme="dark"]{ --paper:#17101F; --paper-soft:#1F1629; --ink:#F1E9F5; --ink-soft:#C6B7D4; --line:#3A2A4A; --orchid:#B57FC9; --lilac:#D9C3E8; } #cera-home-page *{ box-sizing:border-box; } #cera-home-page img, #cera-home-page svg{ max-width:100%; display:block; } #cera-home-page a{ color:inherit; } #cera-home-page .wrap{ max-width:1180px; margin:0 auto; padding:0 28px; } #cera-home-page h1, #cera-home-page h2, #cera-home-page h3, #cera-home-page h4{ font-family:var(--serif); font-weight:500; margin:0; color:var(--ink); } #cera-home-page p{ margin:0; } #cera-home-page .eyebrow{ font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--orchid); font-weight:600; } #cera-home-page .utility-bar{ background:var(--paper-soft); border-bottom:1px solid var(--line); font-size:12.5px; } #cera-home-page .utility-row{ display:flex; align-items:center; justify-content:space-between; padding:9px 28px; gap:16px; } #cera-home-page .utility-row .ship{ display:flex; align-items:center; gap:8px; color:var(--ink-soft); } #cera-home-page .utility-row .ship svg{ width:15px; height:15px; color:var(--orchid); } #cera-home-page .utility-links{ display:flex; align-items:center; gap:22px; } #cera-home-page .utility-links a{ text-decoration:none; color:var(--ink-soft); } #cera-home-page header.site{ position:sticky; top:env(safe-area-inset-top,0px); z-index:50; background:var(--paper); border-bottom:1px solid var(--line); } #cera-home-page .nav-row{ display:flex; align-items:center; justify-content:space-between; padding:16px 28px; gap:24px; } #cera-home-page .brand{ display:flex; flex-direction:column; } #cera-home-page .brand .word{ font-family:var(--serif); font-size:25px; font-weight:600; display:flex; align-items:baseline; gap:6px; } #cera-home-page .brand .word em{ font-family:var(--script); font-style:normal; color:var(--orchid); font-size:30px; font-weight:400; } #cera-home-page .brand .tag{ font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--ink-soft); margin-top:2px; } #cera-home-page nav.links{ display:flex; gap:30px; font-size:14.5px; } #cera-home-page nav.links a{ text-decoration:none; color:var(--ink); } #cera-home-page nav.links a.current{ color:var(--orchid); } #cera-home-page .nav-icons{ display:flex; align-items:center; gap:18px; } #cera-home-page .nav-icons svg{ width:19px; height:19px; color:var(--ink); } #cera-home-page .nav-toggle{ display:none; background:none; border:none; color:var(--ink); font-size:24px; } #cera-home-page .marquee-wrap{ background:var(--brand-deep); color:var(--cream); overflow:hidden; padding:11px 0; } #cera-home-page .marquee-track{ display:flex; width:max-content; animation:scroll-left 32s linear infinite; } #cera-home-page .marquee-track span{ display:inline-flex; align-items:center; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; padding:0 26px; white-space:nowrap; } #cera-home-page .marquee-track span::after{ content:"•"; margin-left:26px; color:var(--gold); } @keyframes scroll-left{ from{transform:translateX(0);} to{transform:translateX(-50%);} } @media (prefers-reduced-motion: reduce){ #cera-home-page .marquee-track{ animation:none; overflow-x:auto; } } #cera-home-page .hero{ background:radial-gradient(120% 140% at 15% 15%, var(--brand-deep-2), var(--brand-deep) 60%); color:var(--cream); padding:80px 0 88px; text-align:center; } #cera-home-page .hero .script-line{ font-family:var(--script); font-size:30px; color:var(--gold); } #cera-home-page .hero h1{ font-size:clamp(30px,4.6vw,48px); line-height:1.16; margin-top:6px; max-width:16ch; margin-left:auto; margin-right:auto; } #cera-home-page .hero p.lede{ margin:20px auto 0; max-width:52ch; color:var(--lilac); font-size:16px; } #cera-home-page .hero-ctas{ margin-top:32px; display:flex; gap:14px; justify-content:center; flex-wrap:wrap; } #cera-home-page .btn{ display:inline-flex; align-items:center; gap:8px; padding:13px 26px; border-radius:3px; font-size:14px; font-weight:500; text-decoration:none; cursor:pointer; border:1px solid transparent; letter-spacing:.3px; } #cera-home-page .btn-primary{ background:var(--gold); color:var(--brand-deep); } #cera-home-page .btn-ghost{ background:transparent; color:var(--cream); border-color:rgba(246,239,228,.4); } #cera-home-page section{ padding:76px 0; } #cera-home-page section.soft{ background:var(--paper-soft); } #cera-home-page .kicker-row{ text-align:center; max-width:640px; margin:0 auto 44px; } #cera-home-page .kicker-row h2{ font-size:clamp(28px,3.2vw,38px); margin-top:8px; } #cera-home-page .kicker-row h2 em{ font-style:italic; color:var(--orchid); font-weight:500; } #cera-home-page .kicker-row p.sub{ margin-top:14px; color:var(--ink-soft); font-style:italic; font-size:16px; } #cera-home-page .promo-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; } #cera-home-page .promo-tile{ background:radial-gradient(130% 130% at 80% 10%, var(--brand-deep-2), var(--brand-deep) 65%); color:var(--cream); padding:44px 40px; min-height:220px; display:flex; flex-direction:column; justify-content:flex-end; gap:10px; position:relative; overflow:hidden; } #cera-home-page .promo-tile .ring{ position:absolute; top:-30px; right:-30px; width:140px; height:140px; border:1.5px solid rgba(246,239,228,.25); border-radius:50%; } #cera-home-page .promo-tile h3{ font-size:clamp(24px,3vw,32px); color:var(--cream); max-width:10ch; } #cera-home-page .promo-tile p{ font-size:13.5px; color:var(--lilac); max-width:28ch; margin-top:4px; } #cera-home-page .promo-tile a.link{ margin-top:12px; font-family:var(--script); font-size:19px; color:var(--gold); text-decoration:none; } #cera-home-page .pick-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; } #cera-home-page .pick-card{ background:var(--paper); border:1px solid var(--line); } #cera-home-page .pick-photo{ aspect-ratio:1; background:linear-gradient(155deg,var(--paper-soft),var(--line)); display:flex; align-items:center; justify-content:center; position:relative; } #cera-home-page .pick-photo svg{ width:54px; height:54px; color:var(--orchid); } #cera-home-page .pick-tag{ position:absolute; top:10px; left:10px; background:var(--brand-deep); color:var(--gold); font-size:10px; letter-spacing:1px; text-transform:uppercase; padding:4px 9px; } #cera-home-page .pick-body{ padding:16px 16px 20px; } #cera-home-page .pick-cat{ font-size:12px; font-style:italic; color:var(--ink-soft); } #cera-home-page .pick-name{ font-family:var(--serif); font-weight:600; font-style:italic; font-size:16px; margin-top:4px; } #cera-home-page .pick-price{ margin-top:8px; font-size:13.5px; } #cera-home-page .pick-price .was{ text-decoration:line-through; color:var(--ink-soft); margin-right:8px; } #cera-home-page .pick-price .now{ color:var(--orchid); font-weight:600; } #cera-home-page .tab-row{ display:flex; justify-content:center; gap:28px; margin-bottom:36px; font-size:13.5px; } #cera-home-page .tab-row span{ color:var(--ink-soft); padding-bottom:8px; border-bottom:2px solid transparent; } #cera-home-page .tab-row span.active{ color:var(--ink); border-color:var(--orchid); font-weight:500; } #cera-home-page .discover-more{ text-align:center; margin-top:40px; } #cera-home-page .discover-more a{ font-family:var(--serif); font-style:italic; font-size:15px; text-decoration:underline; text-underline-offset:5px; } #cera-home-page footer.site{ background:var(--brand-deep); color:var(--cream); padding:56px 0 calc(30px + env(safe-area-inset-bottom,0px)); } #cera-home-page .foot-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; } #cera-home-page .foot-brand .word{ font-family:var(--serif); font-size:22px; font-weight:600; display:flex; align-items:baseline; gap:6px; color:var(--cream); } #cera-home-page .foot-brand .word em{ font-family:var(--script); font-style:normal; color:var(--gold); font-size:26px; } #cera-home-page .foot-brand .tag{ font-size:9.5px; letter-spacing:3px; text-transform:uppercase; color:var(--lilac); margin-top:4px; } #cera-home-page .foot-brand p{ margin-top:16px; font-size:13.5px; color:var(--lilac); max-width:34ch; line-height:1.7; } #cera-home-page .foot-social{ display:flex; gap:12px; margin-top:20px; } #cera-home-page .foot-social svg{ width:16px; height:16px; color:var(--cream); border:1px solid rgba(246,239,228,.35); border-radius:50%; padding:8px; box-sizing:content-box; } #cera-home-page .foot-col h5{ font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:16px; } #cera-home-page .foot-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; } #cera-home-page .foot-col a{ text-decoration:none; font-size:13.5px; color:var(--cream); } #cera-home-page .foot-bottom{ border-top:1px solid rgba(246,239,228,.15); margin-top:44px; padding-top:20px; font-size:12px; color:var(--lilac); } @media (max-width:900px){ #cera-home-page .promo-grid, #cera-home-page .pick-grid{ grid-template-columns:1fr 1fr; } #cera-home-page nav.links{ display:none; } #cera-home-page .nav-toggle{ display:block; } #cera-home-page .foot-grid{ grid-template-columns:1fr 1fr; } #cera-home-page .utility-links a:not(:last-child){ display:none; } } @media (max-width:620px){ #cera-home-page .pick-grid, #cera-home-page .promo-grid{ grid-template-columns:1fr; } #cera-home-page section{ padding:52px 0; } #cera-home-page .hero{ padding:54px 0 58px; } #cera-home-page .foot-grid{ grid-template-columns:1fr; gap:32px; } #cera-home-page .tab-row{ gap:16px; flex-wrap:wrap; } } @media (prefers-color-scheme:dark) { body.cera-site-theme:not([data-theme="light"]) #cera-home-page { --paper:#17101F; --paper-soft:#1F1629; --ink:#F1E9F5; --ink-soft:#C6B7D4; --line:#3A2A4A; --orchid:#B57FC9; --lilac:#D9C3E8; } } body.cera-site-theme[data-theme="dark"] #cera-home-page { --paper:#17101F; --paper-soft:#1F1629; --ink:#F1E9F5; --ink-soft:#C6B7D4; --line:#3A2A4A; --orchid:#B57FC9; --lilac:#D9C3E8; } #cera-home-page .tab-row a { color:var(--ink-soft); padding-bottom:8px; border-bottom:2px solid transparent; text-decoration:none; } #cera-home-page .tab-row a.active { color:var(--ink); border-color:var(--orchid); font-weight:500; } #cera-home-page .pick-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; } #cera-home-page .pick-name { display:block; color:var(--ink); text-decoration:none; } #cera-home-page .pick-name:hover { color:var(--orchid); } #cera-home-page .pick-price { color:var(--orchid); } #cera-home-page .pick-price del { color:var(--ink-soft); opacity:.85; } #cera-home-page .pick-price ins { background:transparent; color:var(--orchid); text-decoration:none; } #cera-home-page .pick-price .amount { color:inherit; } #cera-home-page .home-empty { grid-column:1/-1; padding:30px; background:var(--paper-soft); color:var(--ink-soft); text-align:center; } /* ====================================================================== contact-page.css — Contact page ====================================================================== */ body.cera-site-theme .cera-contact-page { background:var(--paper); color:var(--ink); } body.cera-site-theme .cera-contact-page .contact-hero { padding:78px 0 72px; background:radial-gradient(120% 140% at 15% 15%,var(--brand-deep-2),var(--brand-deep) 60%); color:var(--cream); text-align:center; } body.cera-site-theme .cera-contact-page .contact-hero-inner { max-width:780px; } body.cera-site-theme .cera-contact-page .contact-hero .eyebrow { color:var(--lilac); } body.cera-site-theme .cera-contact-page .contact-hero h1 { max-width:18ch; margin:8px auto 0; color:var(--cream); font-family:var(--cera-serif); font-size:clamp(32px,4.5vw,48px); line-height:1.16; } body.cera-site-theme .cera-contact-page .contact-hero p { max-width:56ch; margin:18px auto 0; color:var(--lilac); } body.cera-site-theme .cera-contact-page .contact-content { padding:76px 0; } body.cera-site-theme .cera-contact-page .contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:64px; align-items:start; } body.cera-site-theme .cera-contact-page .contact-details { padding-top:14px; } body.cera-site-theme .cera-contact-page .contact-details h2, body.cera-site-theme .cera-contact-page .contact-form-card h2 { margin-top:8px; font-family:var(--cera-serif); font-size:clamp(27px,3vw,35px); } body.cera-site-theme .cera-contact-page .contact-details>p { max-width:42ch; margin-top:14px; color:var(--ink-soft); } body.cera-site-theme .cera-contact-page .contact-detail { display:flex; flex-direction:column; gap:3px; margin-top:23px; color:var(--ink); font-size:14px; } body.cera-site-theme .cera-contact-page .detail-label { color:var(--orchid); font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; } body.cera-site-theme .cera-contact-page .contact-detail a { color:var(--ink); text-decoration:none; } body.cera-site-theme .cera-contact-page .contact-detail a:hover, body.cera-site-theme .cera-contact-page .bulk-link:hover { color:var(--orchid); } body.cera-site-theme .cera-contact-page .bulk-link { display:inline-block; margin-top:28px; color:var(--orchid); font-family:var(--cera-serif); font-style:italic; text-underline-offset:4px; } body.cera-site-theme .cera-contact-page .contact-form-card { padding:34px; border:1px solid var(--line); background:var(--paper-soft); } body.cera-site-theme .cera-contact-page .contact-form-card h2 { margin:0 0 22px; font-size:28px; } body.cera-site-theme .cera-contact-page .contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; } body.cera-site-theme .cera-contact-page .contact-fields p { margin:0; } body.cera-site-theme .cera-contact-page .contact-fields .field-full { grid-column:1/-1; } body.cera-site-theme .cera-contact-page .contact-fields label { display:block; margin-bottom:6px; color:var(--ink-soft); font-size:12px; } body.cera-site-theme .cera-contact-page .contact-fields label span { color:var(--orchid); } body.cera-site-theme .cera-contact-page .contact-fields input, body.cera-site-theme .cera-contact-page .contact-fields textarea { width:100%; padding:12px 13px; border:1px solid var(--line); border-radius:0; background:var(--paper); color:var(--ink); font:14px var(--cera-sans); } body.cera-site-theme .cera-contact-page .contact-fields textarea { min-height:130px; resize:vertical; } body.cera-site-theme .cera-contact-page .contact-submit { margin-top:18px; padding:13px 25px; border:1px solid var(--gold); border-radius:3px; background:var(--gold); color:var(--brand-deep); font:500 14px var(--cera-sans); letter-spacing:.3px; cursor:pointer; } body.cera-site-theme .cera-contact-page .contact-submit:hover { border-color:var(--brand-deep-2); background:var(--brand-deep-2); color:var(--cream); } body.cera-site-theme .cera-contact-page .contact-notice { margin:-4px 0 18px; padding:12px 14px; border-left:3px solid var(--orchid); background:var(--paper); color:var(--ink); } body.cera-site-theme .cera-contact-page .contact-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; } @media (max-width:800px) { body.cera-site-theme .cera-contact-page .contact-grid { grid-template-columns:1fr; gap:38px; } } @media (max-width:560px) { body.cera-site-theme .cera-contact-page .contact-content { padding:52px 0; } body.cera-site-theme .cera-contact-page .contact-hero { padding:56px 0; } body.cera-site-theme .cera-contact-page .contact-form-card { padding:22px; } body.cera-site-theme .cera-contact-page .contact-fields { grid-template-columns:1fr; } body.cera-site-theme .cera-contact-page .contact-fields .field-full { grid-column:auto; } } /* ====================================================================== premium.css — premium layer (homepage + sitewide refinements) ====================================================================== */ /* The Cera Home — premium layer (v1.1). Palette-agnostic: every colour comes from the variables in palettes.css. */ body.cera-site-theme{--ease:cubic-bezier(.22,.61,.36,1);--shadow-1:0 1px 2px rgba(var(--shadow-rgb),.05),0 10px 26px -14px rgba(var(--shadow-rgb),.22);--shadow-2:0 2px 4px rgba(var(--shadow-rgb),.06),0 28px 50px -22px rgba(var(--shadow-rgb),.4);} body.cera-site-theme ::selection{background:var(--gold);color:var(--brand-deep);} body.cera-site-theme :focus-visible{outline:2px solid var(--gold);outline-offset:3px;} body.cera-site-theme h1,body.cera-site-theme h2,body.cera-site-theme h3{text-wrap:balance;letter-spacing:-.005em;} body.cera-site-theme .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;} body.cera-site-theme .cera-hp{position:absolute!important;left:-9999px;} /* Header */ body.cera-site-theme .utility-bar{background:var(--brand-deep);border-bottom:0;color:var(--lilac);letter-spacing:.4px;} body.cera-site-theme .utility-bar .ship,body.cera-site-theme .utility-links a,body.cera-site-theme .utility-social svg{color:var(--lilac);} body.cera-site-theme .utility-bar .ship svg{color:var(--gold);} body.cera-site-theme .utility-links a:hover{color:var(--gold);} body.cera-site-theme #site-header.cera-site-header{transition:box-shadow .35s var(--ease),min-height .35s var(--ease);} @supports (backdrop-filter:blur(1px)){body.cera-site-theme #site-header.cera-site-header{background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);}} body.cera-site-theme #site-header.cera-site-header.is-scrolled{box-shadow:0 12px 30px -20px rgba(var(--shadow-rgb),.45);} body.cera-site-theme #site-header.is-scrolled .nav-row{min-height:64px;} body.cera-site-theme .brand .word em{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold);} body.cera-site-theme nav.links a{position:relative;font-size:13.5px;letter-spacing:1.1px;text-transform:uppercase;} body.cera-site-theme nav.links a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);} body.cera-site-theme nav.links a:hover::after,body.cera-site-theme nav.links a.current::after{transform:scaleX(1);} body.cera-site-theme .nav-icons a{position:relative;transition:color .25s,transform .25s var(--ease);} body.cera-site-theme .nav-icons a:hover{color:var(--orchid);transform:translateY(-1px);} body.cera-site-theme .cera-cart-count{position:absolute;top:-8px;right:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--gold-grad);color:var(--brand-deep);font-size:10px;font-weight:600;line-height:17px;text-align:center;} body.cera-site-theme .cera-cart-count[data-count="0"]{display:none;} /* Buttons */ body.cera-site-theme .btn,body.cera-site-theme .gifts-button,body.cera-site-theme .woocommerce a.button,body.cera-site-theme .woocommerce button.button,body.cera-site-theme .woocommerce input.button,body.cera-site-theme .woocommerce button.single_add_to_cart_button{border-radius:2px;font-size:12.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s,color .3s,border-color .3s;} body.cera-site-theme .btn-primary,body.cera-site-theme .gifts-button,body.cera-site-theme .woocommerce a.button,body.cera-site-theme .woocommerce button.button,body.cera-site-theme .woocommerce button.single_add_to_cart_button{background:var(--gold-grad);border-color:var(--gold);color:var(--brand-deep)!important;box-shadow:0 10px 24px -14px rgba(var(--gold-rgb),.9);} body.cera-site-theme .btn-primary:hover,body.cera-site-theme .gifts-button:hover,body.cera-site-theme .woocommerce a.button:hover,body.cera-site-theme .woocommerce button.button:hover,body.cera-site-theme .woocommerce button.single_add_to_cart_button:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(var(--gold-rgb),1);background:var(--gold-grad);color:var(--brand-deep)!important;} body.cera-site-theme .btn-ghost{border-color:rgba(var(--gold-rgb),.55);color:var(--cream);} body.cera-site-theme .btn-ghost:hover{background:rgba(var(--gold-rgb),.14);border-color:var(--gold);transform:translateY(-2px);} body.cera-site-theme .gifts-button:hover{border-color:var(--gold);} /* Section rhythm & ornaments */ body.cera-site-theme .eyebrow,body.cera-site-theme .gift-card-kicker{letter-spacing:3px;} #cera-home-page .kicker-row h2::after{content:"";display:block;width:72px;height:1px;margin:20px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);} #cera-home-page .kicker-row h2 em{background:none;} #cera-home-page .kicker-row p.sub{max-width:52ch;margin-left:auto;margin-right:auto;} #cera-home-page section{padding:68px 0;} #cera-home-page .text-link{font-family:var(--serif);font-style:italic;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--gold);} /* Marquee */ #cera-home-page .marquee-wrap{background:var(--brand-deep-2);border-top:1px solid rgba(var(--gold-rgb),.25);border-bottom:1px solid rgba(var(--gold-rgb),.25);} /* Hero */ #cera-home-page .hero{position:relative;isolation:isolate;overflow:hidden;padding:118px 0 124px;background:radial-gradient(58% 80% at 88% 0%,rgba(var(--glow-rgb),.42),transparent 62%),radial-gradient(46% 70% at 0% 100%,rgba(var(--gold-rgb),.16),transparent 62%),linear-gradient(160deg,var(--brand-deep-2),var(--brand-deep) 68%);} #cera-home-page .hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,");} #cera-home-page .hero::after{content:"";position:absolute;z-index:-1;right:-140px;top:-140px;width:440px;height:440px;border-radius:50%;border:1px solid rgba(var(--gold-rgb),.3);box-shadow:0 0 0 46px rgba(var(--gold-rgb),.05),0 0 0 100px rgba(var(--gold-rgb),.035);} #cera-home-page .hero .script-line{display:inline-flex;align-items:center;gap:16px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} #cera-home-page .hero .script-line::before,#cera-home-page .hero .script-line::after{content:"";width:44px;height:1px;background:var(--gold);opacity:.7;} #cera-home-page .hero h1{color:var(--cream);font-size:clamp(34px,5.4vw,60px);line-height:1.1;max-width:17ch;} #cera-home-page .hero p.lede{color:var(--lilac);font-size:17px;} #cera-home-page .hero-ctas.left{justify-content:flex-start;} #cera-home-page .hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;margin:46px 0 0;padding:28px 0 0;list-style:none;color:var(--lilac);font-size:11.5px;letter-spacing:2.5px;text-transform:uppercase;border-top:1px solid rgba(var(--gold-rgb),.18);} #cera-home-page .hero-meta li::before{content:"◆";margin-right:12px;color:var(--gold);font-size:8px;vertical-align:2px;} /* Hero polish — spacing/hierarchy only, background unchanged */ #cera-home-page .hero h1{margin:16px auto 0;max-width:20ch;line-height:1.14;} #cera-home-page .hero p.lede{margin:22px auto 0;max-width:50ch;line-height:1.65;} #cera-home-page .hero-ctas{margin-top:38px;} #cera-home-page .hero .btn{letter-spacing:1.8px;} /* Tighten the gap after the trust strip, into Shop by category */ #cera-home-page #categories{padding:56px 0 68px;} /* Ceramics / Candles / Wax Sachets / Gift Occasions / Bulk Orders flow as one group — less dead space between them */ #cera-home-page #ceramics,#cera-home-page #candles,#cera-home-page #wax-sachets,#cera-home-page #gift-occasions,#cera-home-page #bulk-orders{padding:56px 0;} #cera-home-page #ceramics{padding-top:64px;} #cera-home-page #bulk-orders{padding-bottom:64px;} /* Trust strip */ #cera-home-page .trust{padding:0;background:var(--paper);border-bottom:1px solid var(--line);} #cera-home-page .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);} #cera-home-page .trust-item{display:flex;align-items:center;gap:14px;padding:30px 22px;border-left:1px solid var(--line);} #cera-home-page .trust-item:first-child{border-left:0;} #cera-home-page .trust-item svg{width:32px;height:32px;flex:none;color:var(--orchid);} #cera-home-page .trust-item strong{display:block;font-family:var(--serif);font-size:16px;font-weight:600;} #cera-home-page .trust-item span{display:block;color:var(--ink-soft);font-size:13px;} /* Category tiles */ #cera-home-page .cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;} #cera-home-page .cat-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;text-decoration:none;color:var(--cream);background:linear-gradient(160deg,var(--brand-deep-2),var(--brand-deep));box-shadow:var(--shadow-1);} #cera-home-page .cat-tile:nth-child(even){background:linear-gradient(200deg,var(--orchid),var(--brand-deep-2) 70%);} #cera-home-page .cat-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease);} #cera-home-page .cat-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(var(--gold-rgb),.55);} #cera-home-page .cat-art svg{width:34%;height:auto;transition:transform .9s var(--ease);} #cera-home-page .cat-tile::before{content:"";position:absolute;inset:12px;z-index:2;border:1px solid rgba(var(--gold-rgb),.0);transition:border-color .5s,inset .5s var(--ease);pointer-events:none;} #cera-home-page .cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--shadow-rgb),.82),transparent 55%);} #cera-home-page .cat-tile:hover img,#cera-home-page .cat-tile:hover .cat-art svg{transform:scale(1.07);} #cera-home-page .cat-tile:hover::before{border-color:rgba(var(--gold-rgb),.7);inset:16px;} #cera-home-page .cat-label{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:26px 26px 28px;display:flex;flex-direction:column;gap:2px;} #cera-home-page .cat-label small{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold-hi);} #cera-home-page .cat-label strong{font-family:var(--serif);font-size:24px;font-weight:500;} #cera-home-page .cat-label em{font-family:var(--script);font-style:normal;font-size:18px;color:var(--gold);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--ease);} #cera-home-page .cat-tile:hover .cat-label em{opacity:1;transform:none;} /* Promo tiles */ #cera-home-page .promo-tile{background:radial-gradient(130% 130% at 85% 0%,rgba(var(--glow-rgb),.35),transparent 55%),linear-gradient(150deg,var(--brand-deep-2),var(--brand-deep) 70%);min-height:260px;transition:transform .5s var(--ease),box-shadow .5s var(--ease);border:1px solid rgba(var(--gold-rgb),.18);} #cera-home-page .promo-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow-2);} #cera-home-page .promo-tile .ring{border-color:rgba(var(--gold-rgb),.35);transition:transform .8s var(--ease);} #cera-home-page .promo-tile:hover .ring{transform:scale(1.35);} #cera-home-page .promo-tile a.link{transition:letter-spacing .4s var(--ease);} #cera-home-page .promo-tile:hover a.link{letter-spacing:1px;} /* Product cards */ #cera-home-page .pick-card,body.cera-site-theme .woocommerce ul.products li.product,body.cera-site-theme .gift-product-card{transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;} #cera-home-page .pick-card:hover,body.cera-site-theme .woocommerce ul.products li.product:hover,body.cera-site-theme .gift-product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2);border-color:rgba(var(--gold-rgb),.55);} #cera-home-page .pick-photo{overflow:hidden;} #cera-home-page .pick-photo img,body.cera-site-theme .woocommerce ul.products li.product a img,body.cera-site-theme .gift-product-image img{transition:transform 1s var(--ease);} #cera-home-page .pick-card:hover .pick-photo img,body.cera-site-theme .woocommerce ul.products li.product:hover a img,body.cera-site-theme .gift-product-card:hover .gift-product-image img{transform:scale(1.07);} #cera-home-page .pick-photo::after{content:"View piece";position:absolute;left:0;right:0;bottom:0;padding:12px;text-align:center;background:rgba(var(--shadow-rgb),.86);color:var(--cream);font-size:11px;letter-spacing:2.4px;text-transform:uppercase;transform:translateY(101%);transition:transform .45s var(--ease);} #cera-home-page .pick-card:hover .pick-photo::after{transform:none;} #cera-home-page .pick-tag{background:var(--gold-grad);color:var(--brand-deep);font-weight:600;z-index:2;} #cera-home-page .pick-body{text-align:center;padding:20px 16px 24px;} #cera-home-page .pick-price{font-family:var(--serif);font-size:15px;} #cera-home-page .tab-row a{letter-spacing:1.6px;text-transform:uppercase;font-size:12px;} #cera-home-page .discover-more a{display:inline-block;padding:13px 30px;border:1px solid var(--gold);border-radius:2px;font-family:var(--sans);font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s;} #cera-home-page .discover-more a:hover{background:var(--brand-deep);color:var(--gold);} /* SEO content tiles — Ceramic Products / Scented Candles / Wax Sachets / Gift Occasions / Bulk Orders. Reuses .promo-tile's look but allows more tiles per row. */ #cera-home-page .cera-type-grid{grid-template-columns:repeat(3,1fr);} #cera-home-page .cera-type-grid.cera-type-grid-2{grid-template-columns:1fr 1fr;} #cera-home-page .cera-type-grid.cera-type-grid-3{grid-template-columns:repeat(3,1fr);} #cera-home-page .cera-type-grid .promo-tile{min-height:auto;justify-content:flex-start;} #cera-home-page .promo-tile h3{max-width:none;line-height:1.2;} #cera-home-page .promo-tile p{max-width:42ch;} #cera-home-page .kicker-row h2{line-height:1.2;} #cera-home-page .cera-type-grid .promo-tile h3{max-width:none;} #cera-home-page .cera-type-grid .promo-tile p{max-width:none;font-size:13.5px;line-height:1.65;} #cera-home-page .kicker-row p.cera-type-copy{font-style:normal;} #cera-home-page .kicker-row p.cera-type-copy a{color:var(--orchid);text-decoration:underline;text-underline-offset:3px;} #cera-home-page .cera-type-note{max-width:760px;margin:30px auto 0;text-align:center;color:var(--ink-soft);font-size:14.5px;line-height:1.75;} #cera-home-page .cera-type-note a{color:var(--orchid);text-decoration:underline;text-underline-offset:3px;} #cera-home-page .cera-type-list{margin:12px 0 0;padding-left:1.1em;text-align:left;color:var(--lilac);font-size:13px;line-height:1.6;} #cera-home-page .cera-type-list li{margin:7px 0;} #cera-home-page .cera-type-list strong{color:var(--cream);} /* Gift edit banner */ #cera-home-page .gift-edit{background:linear-gradient(135deg,var(--brand-deep),var(--brand-deep-2));color:var(--cream);position:relative;overflow:hidden;} #cera-home-page .gift-edit-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;} #cera-home-page .gift-edit .eyebrow{color:var(--gold);} #cera-home-page .gift-edit h2{color:var(--cream);font-size:clamp(30px,4vw,46px);line-height:1.15;margin-top:10px;} #cera-home-page .gift-edit h2 em{color:var(--gold-hi);font-style:italic;} #cera-home-page .gift-edit p{margin-top:16px;max-width:50ch;color:var(--lilac);} #cera-home-page .festival-chip{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:8px 16px;border:1px solid rgba(var(--gold-rgb),.5);font-size:12.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-hi);} #cera-home-page .festival-chip[hidden]{display:none;} #cera-home-page .festival-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:cera-pulse 2.2s ease-in-out infinite;} @keyframes cera-pulse{50%{opacity:.35;transform:scale(1.5);}} #cera-home-page .gift-edit .hero-ctas{margin-top:30px;} #cera-home-page .gift-edit-art{position:relative;aspect-ratio:1;max-width:400px;margin-left:auto;width:100%;display:flex;align-items:center;justify-content:center;color:var(--gold);} #cera-home-page .gift-edit-art>svg{width:36%;height:auto;position:relative;z-index:2;} #cera-home-page .gift-edit-art .orb{position:absolute;border-radius:50%;border:1px solid rgba(var(--gold-rgb),.4);} #cera-home-page .gift-edit-art .o1{inset:0;background:radial-gradient(circle at 30% 25%,rgba(var(--glow-rgb),.45),transparent 65%);} #cera-home-page .gift-edit-art .o2{inset:12%;animation:cera-spin 40s linear infinite;border-style:dashed;} #cera-home-page .gift-edit-art .o3{inset:26%;background:rgba(var(--gold-rgb),.08);} @keyframes cera-spin{to{transform:rotate(360deg);}} /* Story */ #cera-home-page .story-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;} #cera-home-page .story h2{font-size:clamp(30px,3.8vw,44px);line-height:1.15;margin-top:10px;} #cera-home-page .story h2 em{color:var(--orchid);} #cera-home-page .story-copy p{margin-top:18px;color:var(--ink-soft);max-width:46ch;} #cera-home-page .story-copy .text-link{display:inline-block;margin-top:22px;} #cera-home-page .story-values{display:grid;gap:16px;} #cera-home-page .value{display:grid;grid-template-columns:auto 1fr;column-gap:22px;padding:24px 28px;border:1px solid var(--line);background:var(--paper-soft);transition:transform .45s var(--ease),border-color .4s,box-shadow .45s;} #cera-home-page .value:hover{transform:translateX(6px);border-color:var(--gold);box-shadow:var(--shadow-1);} #cera-home-page .value .num{grid-row:span 2;font-family:var(--serif);font-size:34px;font-style:italic;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;} #cera-home-page .value h4{font-size:19px;} #cera-home-page .value p{color:var(--ink-soft);font-size:14px;margin-top:4px;} /* Reviews */ body.cera-site-theme .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} body.cera-site-theme .review{margin:0;padding:34px 30px;background:var(--paper);border:1px solid var(--line);position:relative;} body.cera-site-theme .review::before{content:"“";position:absolute;top:6px;right:22px;font-family:var(--serif);font-size:84px;line-height:1;color:rgba(var(--gold-rgb),.35);} body.cera-site-theme .stars{color:var(--gold);letter-spacing:3px;font-size:14px;} body.cera-site-theme .review blockquote{margin:14px 0 20px;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.55;} body.cera-site-theme .review figcaption strong{display:block;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;} body.cera-site-theme .review figcaption a{font-size:13px;color:var(--ink-soft);text-decoration:none;} /* FAQ */ #cera-home-page .faq-wrap{max-width:820px;} #cera-home-page .faq-list details{border-bottom:1px solid var(--line);} #cera-home-page .faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;cursor:pointer;list-style:none;font-family:var(--serif);font-size:19px;} #cera-home-page .faq-list summary::-webkit-details-marker{display:none;} #cera-home-page .faq-list summary::after{content:"+";flex:none;color:var(--gold);font-size:26px;font-family:var(--sans);font-weight:300;transition:transform .4s var(--ease);} #cera-home-page .faq-list details[open] summary::after{transform:rotate(45deg);} #cera-home-page .faq-list details p{padding:0 4px 24px;max-width:64ch;color:var(--ink-soft);} /* Follow band */ #cera-home-page .follow{padding:76px 0;text-align:center;background:var(--paper-soft);border-top:1px solid var(--line);} #cera-home-page .follow .script-line{color:var(--orchid);} #cera-home-page .follow h2{font-size:clamp(28px,4vw,42px);margin-top:4px;} #cera-home-page .follow p{margin-top:10px;color:var(--ink-soft);} /* Reveal on scroll (only when JS is running) */ .cera-js #cera-home-page .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease);} .cera-js #cera-home-page .reveal.in{opacity:1;transform:none;} .cera-js #cera-home-page .cat-tile.reveal.in,.cera-js #cera-home-page .pick-card.reveal.in{transition-delay:var(--d,0s);} /* Inner pages */ body.cera-site-theme .cera-gifts-page .gifts-hero,body.cera-site-theme .gift-landing-hero{background:radial-gradient(58% 80% at 88% 0%,rgba(var(--glow-rgb),.4),transparent 62%),linear-gradient(160deg,var(--brand-deep-2),var(--brand-deep) 68%);} body.cera-site-theme .gift-collection-card{transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;} body.cera-site-theme .gift-collection-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2);border-color:var(--gold);} body.cera-site-theme #cera-bulk-page .hero{background:radial-gradient(58% 80% at 88% 0%,rgba(var(--glow-rgb),.4),transparent 62%),linear-gradient(160deg,var(--brand-deep-2),var(--brand-deep) 68%);} body.cera-site-theme .woocommerce ul.products li.product .onsale,body.cera-site-theme .woocommerce span.onsale{border-radius:0;letter-spacing:1.4px;text-transform:uppercase;font-size:10.5px;} body.cera-site-theme .woocommerce ul.products li.product .woocommerce-loop-product__title{font-style:italic;} body.cera-site-theme .woocommerce div.product .product_title{font-size:clamp(28px,3.4vw,40px);line-height:1.15;} body.cera-site-theme .woocommerce div.product p.price{font-family:var(--cera-serif);font-size:24px;} body.cera-site-theme input:not([type=checkbox]):not([type=radio]):focus,body.cera-site-theme textarea:focus,body.cera-site-theme select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--gold-rgb),.2);outline:0;} /* Footer + newsletter */ body.cera-site-theme .cera-site-footer{position:relative;background:radial-gradient(60% 80% at 100% 0%,rgba(var(--glow-rgb),.22),transparent 60%),var(--brand-deep);} body.cera-site-theme .cera-site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold-grad);} body.cera-site-theme .cera-newsletter{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid rgba(var(--gold-rgb),.25);} body.cera-site-theme .news-kicker{color:var(--gold);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;} body.cera-site-theme .cera-newsletter h3{margin:6px 0 0;color:var(--cream);font-size:clamp(24px,3vw,32px);} body.cera-site-theme .cera-newsletter p{margin:8px 0 0;color:var(--lilac);font-size:14px;max-width:44ch;} body.cera-site-theme .news-form{display:flex;flex-wrap:wrap;gap:10px;position:relative;} body.cera-site-theme .news-form input[type=email]{flex:1 1 220px;min-width:0;height:50px;padding:0 18px;border:1px solid rgba(246,239,228,.3);border-radius:2px;background:rgba(255,255,255,.06);color:var(--cream);} body.cera-site-theme .news-form input[type=email]::placeholder{color:var(--lilac);} body.cera-site-theme .news-form button{height:50px;padding:0 28px;border-radius:2px;background:var(--gold-grad);color:var(--brand-deep);font-size:12.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;} body.cera-site-theme .news-msg{flex:1 0 100%;margin:0!important;font-size:13px!important;} body.cera-site-theme .news-msg.ok{color:var(--gold-hi)!important;} body.cera-site-theme .news-msg.err{color:#ffb4a8!important;} body.cera-site-theme .cera-site-footer .foot-col a{transition:color .25s,padding-left .3s var(--ease);} body.cera-site-theme .cera-site-footer .foot-col a:hover{padding-left:5px;} body.cera-site-theme .cera-site-footer .foot-social svg{transition:background .3s,color .3s,border-color .3s;} body.cera-site-theme .cera-site-footer .foot-social svg:hover{background:var(--gold);color:var(--brand-deep);border-color:var(--gold);} /* Back to top */ body.cera-site-theme .cera-top{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:60;width:46px;height:46px;padding:0;border:1px solid rgba(var(--gold-rgb),.6);border-radius:50%;background:var(--brand-deep);color:var(--gold);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .35s,transform .35s var(--ease),visibility .35s,background .3s;cursor:pointer;box-shadow:var(--shadow-2);} body.cera-site-theme .cera-top svg{width:20px;height:20px;} body.cera-site-theme .cera-top.show{opacity:1;visibility:visible;transform:none;} body.cera-site-theme .cera-top:hover{background:var(--brand-deep-2);} /* Responsive */ @media (max-width:900px){ body.cera-site-theme nav.links a::after{display:none;} #cera-home-page .trust-grid{grid-template-columns:1fr 1fr;} #cera-home-page .trust-item:nth-child(3){border-left:0;} #cera-home-page .trust-item{border-top:1px solid var(--line);} #cera-home-page .trust-item:nth-child(-n+2){border-top:0;} #cera-home-page .cat-grid{grid-template-columns:1fr 1fr;} #cera-home-page .gift-edit-grid,#cera-home-page .story-grid,body.cera-site-theme .cera-newsletter{grid-template-columns:1fr;gap:36px;} #cera-home-page .gift-edit-art{margin:0 auto;max-width:280px;} body.cera-site-theme .review-grid{grid-template-columns:1fr;} #cera-home-page .cera-type-grid,#cera-home-page .cera-type-grid.cera-type-grid-3{grid-template-columns:1fr 1fr;} #cera-home-page section{padding:68px 0;} } @media (max-width:620px){ #cera-home-page .hero{padding:76px 0 82px;} #cera-home-page .hero .script-line::before,#cera-home-page .hero .script-line::after{width:22px;} #cera-home-page .trust-grid{grid-template-columns:1fr;} #cera-home-page .trust-item{border-left:0;border-top:1px solid var(--line);padding:20px 4px;} #cera-home-page .trust-item:first-child{border-top:0;} #cera-home-page .cat-grid{gap:12px;} #cera-home-page .cat-label{padding:16px;} #cera-home-page .cat-label strong{font-size:19px;} #cera-home-page .hero-ctas.left{justify-content:center;} #cera-home-page .cera-type-grid,#cera-home-page .cera-type-grid.cera-type-grid-2,#cera-home-page .cera-type-grid.cera-type-grid-3{grid-template-columns:1fr;} #cera-home-page section{padding:54px 0;} } @media (hover:none){#cera-home-page .cat-label em{opacity:1;transform:none;}#cera-home-page .pick-photo::after{display:none;}} @media (prefers-reduced-motion:reduce){ .cera-js #cera-home-page .reveal{opacity:1;transform:none;transition:none;} #cera-home-page .festival-chip .dot,#cera-home-page .gift-edit-art .o2{animation:none;} body.cera-site-theme *{scroll-behavior:auto!important;} } /* ====================================================================== premium-pages.css — premium layer for inner pages ====================================================================== */ /* The Cera Home — premium page layer (v1.2): shop, category, product, cart, blog, About, contact, bulk order. Uses WordPress / WooCommerce standard classes, so it works with the standard WooCommerce markup. */ /* ---------- Shared: breadcrumbs, page titles, content typography ---------- */ body.cera-site-theme .woocommerce-breadcrumb,body.cera-site-theme .site-breadcrumb{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft);} body.cera-site-theme .woocommerce-breadcrumb a,body.cera-site-theme .site-breadcrumb a{color:var(--ink-soft);text-decoration:none;transition:color .25s;} body.cera-site-theme .woocommerce-breadcrumb a:hover,body.cera-site-theme .site-breadcrumb a:hover{color:var(--orchid);} body.cera-site-theme .page:not(.cera-bulk-template) .entry-content>*:not(.alignfull):not(.alignwide){max-width:780px;margin-left:auto;margin-right:auto;} body.cera-site-theme .entry-content{font-size:17px;line-height:1.85;color:var(--ink);} body.cera-site-theme .entry-content h2,body.cera-site-theme .entry-content h3{margin-top:2.1em;line-height:1.2;} body.cera-site-theme .entry-content h2{font-size:clamp(26px,3vw,36px);} body.cera-site-theme .entry-content h2::after{content:"";display:block;width:48px;height:1px;margin-top:14px;background:var(--gold);} body.cera-site-theme .entry-content a:not(.button):not(.wp-block-button__link){color:var(--orchid);text-decoration:underline;text-decoration-color:rgba(var(--gold-rgb),.7);text-underline-offset:4px;transition:color .25s,text-decoration-color .25s;} body.cera-site-theme .entry-content a:not(.button):not(.wp-block-button__link):hover{color:var(--brand-deep-2);text-decoration-color:var(--gold);} body.cera-site-theme .entry-content img,body.cera-site-theme .wp-block-image img{border-radius:2px;} body.cera-site-theme .entry-content figure{margin-top:2em;margin-bottom:2em;} body.cera-site-theme .entry-content figcaption{margin-top:10px;color:var(--ink-soft);font-size:13px;font-style:italic;text-align:center;} body.cera-site-theme .entry-content blockquote{margin:2em 0;padding:8px 0 8px 28px;border-left:2px solid var(--gold);font-family:var(--cera-serif);font-style:italic;font-size:1.2em;color:var(--ink);} body.cera-site-theme .entry-content table{width:100%;border-collapse:collapse;font-size:15px;} body.cera-site-theme .entry-content th{background:var(--brand-deep);color:var(--cream);font-weight:500;letter-spacing:1px;text-transform:uppercase;font-size:12px;} body.cera-site-theme .entry-content th,body.cera-site-theme .entry-content td{padding:14px 16px;border:1px solid var(--line);text-align:left;} body.cera-site-theme .entry-content tr:nth-child(even) td{background:var(--paper-soft);} body.cera-site-theme .wp-block-button__link{border-radius:2px;background:var(--gold-grad);color:var(--brand-deep);font-weight:600;letter-spacing:1.6px;text-transform:uppercase;font-size:12.5px;} body.cera-site-theme .wp-block-separator{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);} /* ---------- Shop & category grid ---------- */ body.cera-site-theme .woocommerce-result-count{font-size:13px;color:var(--ink-soft);letter-spacing:.4px;} body.cera-site-theme .woocommerce-ordering select{height:44px;padding:0 38px 0 16px;border:1px solid var(--line);border-radius:2px;background-color:var(--paper-soft);font-size:13px;letter-spacing:.8px;} body.cera-site-theme .woocommerce nav.woocommerce-pagination{margin-top:56px;} body.cera-site-theme .woocommerce nav.woocommerce-pagination ul{border:0;display:flex;justify-content:center;gap:8px;} body.cera-site-theme .woocommerce nav.woocommerce-pagination ul li{border:0;} body.cera-site-theme .woocommerce nav.woocommerce-pagination ul li a,body.cera-site-theme .woocommerce nav.woocommerce-pagination ul li span{min-width:44px;height:44px;line-height:44px;padding:0;border:1px solid var(--line);color:var(--ink);background:transparent;transition:background .3s,color .3s,border-color .3s;} body.cera-site-theme .woocommerce nav.woocommerce-pagination ul li a:hover,body.cera-site-theme .woocommerce nav.woocommerce-pagination ul li span.current{background:var(--brand-deep);border-color:var(--brand-deep);color:var(--gold);} /* ---------- Single product ---------- */ body.single-product.cera-site-theme div.product div.images img{border-radius:0;} body.single-product.cera-site-theme div.product .woocommerce-product-gallery__wrapper{box-shadow:var(--shadow-1);} body.single-product.cera-site-theme div.product .product_title{margin-bottom:10px;} body.single-product.cera-site-theme div.product .woocommerce-product-details__short-description{color:var(--ink-soft);font-size:16px;line-height:1.8;} body.single-product.cera-site-theme div.product form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:26px 0 8px;} body.single-product.cera-site-theme div.product form.cart .quantity input.qty{height:52px;width:74px;border:1px solid var(--line);border-radius:2px;background:var(--paper-soft);text-align:center;} body.single-product.cera-site-theme div.product form.cart .single_add_to_cart_button{flex:1 1 200px;min-height:52px;} body.single-product.cera-site-theme .product_meta{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft);} body.single-product.cera-site-theme .product_meta a{color:var(--orchid);text-decoration:none;} .cera-trust-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:26px 0 0;padding:22px;list-style:none;border:1px solid var(--line);background:var(--paper-soft);} .cera-trust-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;color:var(--ink);} .cera-trust-list svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--orchid);} .cera-trust-list strong{display:block;font-weight:600;} .cera-trust-list span{color:var(--ink-soft);} body.single-product.cera-site-theme .woocommerce-tabs ul.tabs{display:flex;justify-content:center;gap:30px;padding:0;border-bottom:1px solid var(--line);} body.single-product.cera-site-theme .woocommerce-tabs ul.tabs::before,body.single-product.cera-site-theme .woocommerce-tabs ul.tabs li::before,body.single-product.cera-site-theme .woocommerce-tabs ul.tabs li::after{display:none;} body.single-product.cera-site-theme .woocommerce-tabs ul.tabs li{margin:0;border:0;background:transparent;} body.single-product.cera-site-theme .woocommerce-tabs ul.tabs li a{padding:14px 4px;font-size:12.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid transparent;} body.single-product.cera-site-theme .woocommerce-tabs ul.tabs li.active a{color:var(--ink);border-bottom-color:var(--gold);} body.single-product.cera-site-theme .related.products>h2,body.single-product.cera-site-theme .upsells>h2{text-align:center;font-size:clamp(26px,3vw,34px);margin-bottom:32px;} body.single-product.cera-site-theme .related.products>h2::after,body.single-product.cera-site-theme .upsells>h2::after{content:"";display:block;width:72px;height:1px;margin:18px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);} /* Sticky mobile add-to-cart */ .cera-sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));background:var(--brand-deep);color:var(--cream);border-top:1px solid rgba(var(--gold-rgb),.5);transform:translateY(110%);transition:transform .4s var(--ease);} .cera-sticky-atc.show{transform:none;} .cera-sticky-atc .sa-name{display:block;font-family:var(--cera-serif);font-size:15px;max-width:44vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .cera-sticky-atc .sa-price{font-size:13px;color:var(--gold-hi);} .cera-sticky-atc button{height:46px;padding:0 24px;border:0;border-radius:2px;background:var(--gold-grad);color:var(--brand-deep);font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;} @media (max-width:768px){.cera-sticky-atc{display:flex;}body.single-product .cera-top{bottom:calc(84px + env(safe-area-inset-bottom,0px));}.cera-trust-list{grid-template-columns:1fr;}} /* ---------- Cart & checkout ---------- */ .cera-ship-progress{margin:0 0 28px;padding:20px 24px;border:1px solid var(--line);background:var(--paper-soft);} .cera-ship-progress p{margin:0 0 12px;font-size:14px;} .cera-ship-progress .bar{height:5px;border-radius:3px;background:var(--line);overflow:hidden;} .cera-ship-progress .bar i{display:block;height:100%;background:var(--gold-grad);transition:width .8s var(--ease);} body.cera-site-theme .woocommerce-cart table.cart th,body.cera-site-theme .woocommerce table.shop_table th{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;} body.cera-site-theme .woocommerce-cart .cart_totals,body.cera-site-theme .woocommerce-checkout #order_review{padding:26px;border:1px solid var(--line);background:var(--paper-soft);} body.cera-site-theme .woocommerce-checkout #place_order{width:100%;min-height:54px;} body.cera-site-theme .woocommerce-message,body.cera-site-theme .woocommerce-info{border-top-color:var(--gold);background:var(--paper-soft);color:var(--ink);} body.cera-site-theme .woocommerce-message::before,body.cera-site-theme .woocommerce-info::before{color:var(--gold);} /* ---------- Blog ---------- */ body.cera-site-theme .entry-meta,body.cera-site-theme .entry-meta a,body.cera-site-theme .posted-on{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;} body.cera-site-theme .cat-links a{color:var(--orchid);} body.cera-site-theme a.more-link,body.cera-site-theme .read-more{font-family:var(--cera-serif);font-style:italic;color:var(--orchid);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px;} .cera-read-progress{position:fixed;top:0;left:0;z-index:100;height:3px;width:100%;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;pointer-events:none;} .cera-read-time{display:inline-block;margin-left:12px;padding-left:12px;border-left:1px solid var(--line);} /* ---------- Contact page ---------- */ body.cera-site-theme .cera-contact-page .contact-form-card{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-2);position:relative;} body.cera-site-theme .cera-contact-page .contact-form-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold-grad);} body.cera-site-theme .cera-contact-page .contact-detail{padding:18px 0;border-bottom:1px solid var(--line);transition:padding-left .35s var(--ease);} body.cera-site-theme .cera-contact-page .contact-detail:hover{padding-left:8px;} body.cera-site-theme .cera-contact-page .detail-label{color:var(--orchid);letter-spacing:2.4px;} body.cera-site-theme .cera-contact-page input:not([type=checkbox]),body.cera-site-theme .cera-contact-page textarea{border-radius:2px;transition:border-color .25s,box-shadow .25s,background .25s;} body.cera-site-theme .cera-contact-page .contact-submit{background:var(--gold-grad);color:var(--brand-deep);letter-spacing:1.6px;text-transform:uppercase;font-weight:600;} body.cera-site-theme .cera-contact-page .contact-notice{border-left:3px solid var(--gold);background:var(--paper-soft);} /* ---------- Bulk order page ---------- */ body.cera-site-theme #cera-bulk-page .feature-chip{border-color:rgba(var(--gold-rgb),.35);transition:transform .4s var(--ease),border-color .4s,background .4s;} body.cera-site-theme #cera-bulk-page .feature-chip:hover{transform:translateY(-4px);border-color:var(--gold);background:rgba(var(--gold-rgb),.1);} body.cera-site-theme #cera-bulk-page .cat-card,body.cera-site-theme #cera-bulk-page .policy-card,body.cera-site-theme #cera-bulk-page .process-item,body.cera-site-theme #cera-bulk-page .audience-item{transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;} body.cera-site-theme #cera-bulk-page .cat-card:hover,body.cera-site-theme #cera-bulk-page .policy-card:hover,body.cera-site-theme #cera-bulk-page .process-item:hover,body.cera-site-theme #cera-bulk-page .audience-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-2);border-color:rgba(var(--gold-rgb),.6);} body.cera-site-theme #cera-bulk-page .process-num{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} body.cera-site-theme #cera-bulk-page .note-box{border-left:3px solid var(--gold);} body.cera-site-theme #cera-bulk-page .kicker-row h2::after{content:"";display:block;width:72px;height:1px;margin:20px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);} @media (prefers-reduced-motion:reduce){.cera-sticky-atc,.cera-ship-progress .bar i{transition:none;}} /* ---------- Mobile & tablet hardening ---------- */ /* WooCommerce cart/checkout tables have many columns and overflow on narrow screens by default; let the table scroll horizontally inside its own row instead of squeezing columns unreadably. */ @media (max-width:780px){ body.cera-site-theme .woocommerce-cart table.cart, body.cera-site-theme .woocommerce table.shop_table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;} body.cera-site-theme .woocommerce-cart table.cart tbody, body.cera-site-theme .woocommerce-cart table.cart thead, body.cera-site-theme .woocommerce table.shop_table tbody, body.cera-site-theme .woocommerce table.shop_table thead{display:table;width:100%;min-width:560px;} body.cera-site-theme .woocommerce-cart table.cart td.product-remove{width:32px;} body.cera-site-theme .woocommerce-cart table.cart td.product-thumbnail img{width:56px;} body.cera-site-theme .woocommerce form.checkout .form-row-first, body.cera-site-theme .woocommerce form.checkout .form-row-last{width:100%;float:none;} body.cera-site-theme .woocommerce-checkout #order_review, body.cera-site-theme .woocommerce-cart .cart_totals{padding:20px;} } /* iOS zooms the page in when a focused field renders below 16px; keep every field at 16px+ on mobile. */ @media (max-width:640px){ body.cera-site-theme input:not([type="checkbox"]):not([type="radio"]), body.cera-site-theme select, body.cera-site-theme textarea{font-size:16px;} } /* Baseline touch-target floor: on touch devices every link/button styled by this theme gets at least a 44px hit area, even where the visible label is smaller. */ @media (hover:none){ body.cera-site-theme .nav-icons a, body.cera-site-theme .utility-links a, body.cera-site-theme .cera-pills a, body.cera-site-theme .woocommerce nav.woocommerce-pagination ul li a, body.cera-site-theme .navigation.pagination .page-numbers{min-height:44px;} } /* Horizontal-scroll safety net: nothing on the site should be able to widen the viewport itself. */ html,body.cera-site-theme{max-width:100%;overflow-x:hidden;} body.cera-site-theme table{max-width:100%;} /* ====================================================================== cera-templates.css — page templates (About, Candles, Gifts, shop archive) ====================================================================== */ /* The Cera Home — page templates (v1.3): shop, category, product, journal, post, About, contact. Palette-driven. */ body.cera-site-theme .cera-wrap,body.cera-site-theme .cera-page *,body.cera-site-theme .cera-page *::before,body.cera-site-theme .cera-page *::after{box-sizing:border-box;} body.cera-site-theme .cera-page{background:var(--paper);color:var(--ink);} body.cera-site-theme .cera-wrap.narrow{max-width:800px;} body.cera-site-theme .cera-wrap.center{text-align:center;} .cera-js .cera-page .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease);} .cera-js .cera-page .reveal.in{opacity:1;transform:none;transition-delay:var(--d,0s);} body.cera-site-theme .cera-page .eyebrow{display:inline-block;color:var(--orchid);font-size:11.5px;font-weight:600;letter-spacing:3px;text-transform:uppercase;text-decoration:none;} body.cera-site-theme .cera-page em{font-style:italic;color:var(--orchid);} body.cera-site-theme .cera-page .script-line{font-family:var(--cera-script);font-size:30px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} body.cera-site-theme .cera-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:1px solid var(--gold);border-radius:2px;text-decoration:none;cursor:pointer;} /* Hero */ body.cera-site-theme .cera-hero{position:relative;isolation:isolate;overflow:hidden;padding:86px 0 90px;text-align:center;color:var(--cream);background:radial-gradient(58% 90% at 90% 0%,rgba(var(--glow-rgb),.4),transparent 62%),radial-gradient(40% 70% at 0% 100%,rgba(var(--gold-rgb),.15),transparent 62%),linear-gradient(160deg,var(--brand-deep-2),var(--brand-deep) 68%);} body.cera-site-theme .cera-hero::after{content:"";position:absolute;z-index:-1;right:-120px;top:-130px;width:380px;height:380px;border-radius:50%;border:1px solid rgba(var(--gold-rgb),.3);box-shadow:0 0 0 42px rgba(var(--gold-rgb),.05),0 0 0 90px rgba(var(--gold-rgb),.03);} body.cera-site-theme .cera-hero-inner{max-width:820px;} body.cera-site-theme .cera-hero .eyebrow{color:var(--gold);margin-top:16px;} body.cera-site-theme .cera-hero h1{margin:10px auto 0;color:var(--cream);font-size:clamp(34px,5vw,56px);line-height:1.12;} body.cera-site-theme .cera-hero-copy,body.cera-site-theme .cera-hero-copy p{max-width:58ch;margin:18px auto 0;color:var(--lilac);font-size:16.5px;line-height:1.7;} body.cera-site-theme .cera-hero h1::after{content:"";display:block;width:72px;height:1px;margin:26px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);} body.cera-site-theme .cera-crumbs{padding:20px 0;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft);} body.cera-site-theme .cera-crumbs i{font-style:normal;opacity:.5;margin:0 4px;} body.cera-site-theme .cera-crumbs a{color:inherit;text-decoration:none;} body.cera-site-theme .cera-crumbs a:hover{color:var(--orchid);} body.cera-site-theme .cera-crumbs.on-dark{padding:0;color:var(--lilac);} body.cera-site-theme .cera-crumbs.on-dark a:hover{color:var(--gold);} body.cera-site-theme .cera-section-head{text-align:center;margin:0 auto 42px;} body.cera-site-theme .cera-section-head.left{text-align:left;margin-bottom:18px;} body.cera-site-theme .cera-section-head h2{margin-top:8px;font-size:clamp(28px,3.4vw,40px);} body.cera-site-theme .cera-section-head:not(.left) h2::after{content:"";display:block;width:72px;height:1px;margin:20px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);} /* Shop body, pills, toolbar */ body.cera-site-theme .cera-shop-body{padding:56px 0 90px;} body.cera-site-theme .cera-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 40px;} body.cera-site-theme .cera-pills a{padding:10px 22px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease);} body.cera-site-theme .cera-pills a:hover{border-color:var(--gold);transform:translateY(-2px);} body.cera-site-theme .cera-pills a.is-active{background:var(--brand-deep);border-color:var(--brand-deep);color:var(--gold);} body.cera-site-theme .cera-pills a.pill-sale{color:var(--orchid);} body.cera-site-theme .cera-pills a.pill-sale.is-active{color:var(--gold);} body.cera-site-theme .cera-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid var(--line);} body.cera-site-theme .cera-toolbar .woocommerce-result-count,body.cera-site-theme .cera-toolbar .woocommerce-ordering{margin:0;float:none;} body.cera-site-theme .cera-empty{text-align:center;padding:70px 20px;border:1px solid var(--line);background:var(--paper-soft);} body.cera-site-theme .cera-empty h2{font-size:30px;} body.cera-site-theme .cera-empty p{margin:12px 0 26px;color:var(--ink-soft);} body.cera-site-theme .cera-seo-copy{padding:20px 0 80px;} /* Product grid & card */ body.cera-site-theme ul.products.cera-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px;margin:0!important;padding:0!important;list-style:none;} body.cera-site-theme ul.products.cera-grid::before,body.cera-site-theme ul.products.cera-grid::after{display:none!important;} body.cera-site-theme ul.products.cera-grid>li.product{width:auto!important;margin:0!important;float:none!important;display:block!important;height:auto!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;text-align:left;} .cera-card-media{position:relative;overflow:hidden;aspect-ratio:1;background:linear-gradient(155deg,var(--paper-soft),var(--line));box-shadow:var(--shadow-1);transition:box-shadow .5s var(--ease);} .cera-card:hover .cera-card-media{box-shadow:var(--shadow-2);} .cera-card-link{display:block;height:100%;} .cera-card-media img{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;object-fit:cover;transition:transform 1.1s var(--ease),opacity .6s var(--ease)!important;} .cera-card:hover .cera-card-media img.cera-img-main{transform:scale(1.05);} .cera-card-media img.cera-img-alt{opacity:0;} .cera-card:hover .cera-card-media img.cera-img-alt{opacity:1;transform:scale(1.05);} .cera-badge{position:absolute;top:12px;left:12px;z-index:3;padding:5px 11px;background:var(--brand-deep);color:var(--gold);font-size:10.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;} .cera-card-cta{position:absolute;left:0;right:0;bottom:0;z-index:3;transform:translateY(101%);transition:transform .45s var(--ease);} .cera-card:hover .cera-card-cta,.cera-card:focus-within .cera-card-cta{transform:none;} .cera-card-cta .button,.cera-card-cta a.button{display:block!important;width:100%;margin:0!important;padding:15px 10px!important;border:0!important;border-radius:0!important;background:rgba(var(--shadow-rgb),.9)!important;color:var(--cream)!important;font-size:11.5px!important;letter-spacing:2.2px;text-align:center;text-transform:uppercase;box-shadow:none!important;transform:none!important;} .cera-card-cta .button:hover{background:var(--gold)!important;color:var(--brand-deep)!important;} .cera-card-cta .added_to_cart{display:none;} .cera-card-body{padding:18px 4px 0;text-align:center;} .cera-card-cat{display:block;color:var(--ink-soft);font-size:11px;letter-spacing:2px;text-transform:uppercase;} .cera-card .woocommerce-loop-product__title{margin:8px 0 0!important;padding:0!important;font-size:18px!important;line-height:1.3;font-style:italic;} .cera-card .woocommerce-loop-product__title a{color:var(--ink);text-decoration:none;transition:color .25s;} .cera-card .woocommerce-loop-product__title a:hover{color:var(--orchid);} .cera-card-rating .star-rating{margin:8px auto 0;color:var(--gold);font-size:12px;} .cera-card .price{display:block;margin-top:8px;font-family:var(--cera-serif);font-size:16px;color:var(--orchid)!important;} .cera-card .price del{color:var(--ink-soft);opacity:.7;margin-right:6px;} .cera-card .price ins{background:transparent;text-decoration:none;} @media (hover:none){.cera-card-cta{transform:none;position:static;}.cera-card-cta .button{background:var(--brand-deep)!important;}} /* Pagination (WooCommerce + WordPress) */ body.cera-site-theme .woocommerce-pagination,body.cera-site-theme .navigation.pagination{margin-top:58px;text-align:center;} body.cera-site-theme .navigation.pagination .nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;} body.cera-site-theme .navigation.pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);} body.cera-site-theme .navigation.pagination .page-numbers{min-width:44px;height:44px;line-height:42px;padding:0 10px;border:1px solid var(--line);color:var(--ink);text-decoration:none;text-align:center;transition:background .3s,color .3s,border-color .3s;} body.cera-site-theme .navigation.pagination .page-numbers:hover,body.cera-site-theme .navigation.pagination .page-numbers.current{background:var(--brand-deep);border-color:var(--brand-deep);color:var(--gold);} /* Single product */ body.cera-site-theme .cera-product{padding-bottom:0;} body.cera-site-theme .cera-product-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:start;padding-top:8px;padding-bottom:70px;} body.cera-site-theme .cera-product-media{position:sticky;top:110px;min-width:0;} body.cera-site-theme .cera-product-media .woocommerce-product-gallery,body.cera-site-theme .cera-product-media div.images{float:none!important;width:100%!important;margin:0!important;} body.cera-site-theme .cera-product-media .onsale{position:absolute;top:14px;left:14px;z-index:5;margin:0;padding:6px 12px;background:var(--brand-deep);color:var(--gold);border-radius:0;min-height:0;line-height:1.3;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;} body.cera-site-theme .cera-product-info{float:none!important;width:auto!important;min-width:0;padding-top:8px;} body.cera-site-theme .cera-product-info .product_title{font-size:clamp(30px,3.6vw,44px);line-height:1.12;margin:0 0 12px;} body.cera-site-theme .cera-product-info .woocommerce-product-rating{margin-bottom:8px;} body.cera-site-theme .cera-product-info .star-rating{color:var(--gold);} body.cera-site-theme .cera-product-info p.price,body.cera-site-theme .cera-product-info span.price{display:block;margin:6px 0 20px;font-family:var(--cera-serif);font-size:28px;color:var(--orchid);} body.cera-site-theme .cera-product-info p.price del{color:var(--ink-soft);opacity:.65;font-size:.7em;} body.cera-site-theme .cera-product-info p.price ins{background:transparent;text-decoration:none;} body.cera-site-theme .cera-product-info .woocommerce-product-details__short-description{padding-bottom:22px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:16px;line-height:1.85;} body.cera-site-theme .cera-product-info .variations td,body.cera-site-theme .cera-product-info .variations th{padding:6px 0;display:block;text-align:left;} body.cera-site-theme .cera-product-info .variations select{width:100%;height:48px;} body.cera-site-theme .cera-promises{padding:70px 0;background:var(--paper-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);} body.cera-site-theme .cera-promises-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} body.cera-site-theme .promise{padding:8px 28px 8px 0;border-right:1px solid var(--line);} body.cera-site-theme .promise:last-child{border-right:0;} body.cera-site-theme .promise .num,body.cera-site-theme .about-card .num{display:block;font-family:var(--cera-serif);font-style:italic;font-size:34px;line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} body.cera-site-theme .promise h3{margin:12px 0 6px;font-size:21px;} body.cera-site-theme .promise p{margin:0;color:var(--ink-soft);font-size:14.5px;} body.cera-site-theme .promise a{color:var(--orchid);} body.cera-site-theme .cera-product-after{padding-top:70px;padding-bottom:20px;} body.cera-site-theme .cera-product-after .woocommerce-tabs{margin-bottom:60px;} body.cera-site-theme .cera-product-after .woocommerce-Tabs-panel{max-width:820px;margin:34px auto 0;font-size:16.5px;line-height:1.85;} body.cera-site-theme .cera-product-after .woocommerce-Tabs-panel>h2:first-child{display:none;} body.cera-site-theme .cera-product-after section.related,body.cera-site-theme .cera-product-after section.upsells{margin-top:20px;} body.cera-site-theme .cera-product-after ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;} body.cera-site-theme .cera-product-after ul.products::before,body.cera-site-theme .cera-product-after ul.products::after{display:none;} body.cera-site-theme .cera-product-after ul.products>li.product{width:auto!important;margin:0!important;float:none!important;} body.cera-site-theme .cera-bulk-strip{padding:56px 0;background:linear-gradient(135deg,var(--brand-deep),var(--brand-deep-2));color:var(--cream);} body.cera-site-theme .cera-bulk-strip .cera-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;} body.cera-site-theme .cera-bulk-strip .eyebrow{color:var(--gold);} body.cera-site-theme .cera-bulk-strip h2{margin:6px 0 0;color:var(--cream);font-size:clamp(24px,3vw,34px);} /* CTA band */ body.cera-site-theme .cera-cta-band{padding:76px 0;background:radial-gradient(60% 120% at 100% 0%,rgba(var(--glow-rgb),.35),transparent 60%),linear-gradient(135deg,var(--brand-deep),var(--brand-deep-2));color:var(--cream);} body.cera-site-theme .cera-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;} body.cera-site-theme .cera-cta-band .eyebrow{color:var(--gold);} body.cera-site-theme .cera-cta-band h2{margin:8px 0 0;color:var(--cream);font-size:clamp(28px,3.6vw,42px);} body.cera-site-theme .cera-cta-band p{margin:12px 0 0;max-width:52ch;color:var(--lilac);} body.cera-site-theme .cta-buttons{display:flex;gap:14px;flex-wrap:wrap;} /* Journal */ body.cera-site-theme .cera-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px;} body.cera-site-theme .cera-post-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));} body.cera-site-theme .cera-post-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;} body.cera-site-theme .cera-post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2);border-color:rgba(var(--gold-rgb),.55);} body.cera-site-theme .post-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(155deg,var(--paper-soft),var(--line));} body.cera-site-theme .post-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease);} body.cera-site-theme .cera-post-card:hover .post-media img{transform:scale(1.06);} body.cera-site-theme .post-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--orchid);} body.cera-site-theme .post-ph svg{width:52px;height:52px;} body.cera-site-theme .post-body{display:flex;flex:1;flex-direction:column;padding:26px 26px 28px;} body.cera-site-theme .post-kicker{display:flex;gap:12px;align-items:center;color:var(--orchid);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;} body.cera-site-theme .post-kicker span{color:var(--ink-soft);font-weight:400;} body.cera-site-theme .post-kicker span::before{content:"•";margin-right:12px;color:var(--gold);} body.cera-site-theme .cera-post-card .entry-title{margin:12px 0 0;font-size:clamp(20px,1.8vw,24px);line-height:1.28;} body.cera-site-theme .cera-post-card .entry-title a{color:var(--ink);text-decoration:none;transition:color .25s;} body.cera-site-theme .cera-post-card .entry-title a:hover{color:var(--orchid);} body.cera-site-theme .post-excerpt{margin:12px 0 0;color:var(--ink-soft);font-size:15px;line-height:1.7;} body.cera-site-theme .post-more{margin-top:auto;padding-top:20px;color:var(--orchid);font-family:var(--cera-serif);font-style:italic;text-decoration:none;} body.cera-site-theme .cera-post-card.is-featured{grid-column:1/-1;flex-direction:row;} body.cera-site-theme .cera-post-card.is-featured .post-media{flex:1.25;aspect-ratio:auto;min-height:340px;} body.cera-site-theme .cera-post-card.is-featured .post-body{flex:1;justify-content:center;padding:44px;} body.cera-site-theme .cera-post-card.is-featured .entry-title{font-size:clamp(26px,3vw,38px);} /* Single post */ body.cera-site-theme .cera-post-hero{padding-bottom:110px;} body.cera-site-theme .cera-post-hero h1{font-size:clamp(32px,4.6vw,52px);} body.cera-site-theme .cera-post-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:22px;color:var(--lilac);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;} body.cera-site-theme .cera-post-meta span+span::before{content:"◆";margin-right:22px;color:var(--gold);font-size:7px;vertical-align:2px;} body.cera-site-theme .cera-post-cover{position:relative;z-index:2;max-width:1000px;margin:-64px auto 0;padding:0 28px;} body.cera-site-theme .cera-post-cover img{display:block;width:100%;height:auto;box-shadow:var(--shadow-2);} body.cera-site-theme .cera-post .cera-wrap.narrow{padding-top:56px;} body.cera-site-theme .cera-post .entry-content{font-size:18px;line-height:1.9;} body.cera-site-theme .cera-post .entry-content>p:first-child{font-size:1.12em;} body.cera-site-theme .cera-post-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:48px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);} body.cera-site-theme .cera-tags{display:flex;flex-wrap:wrap;gap:8px;} body.cera-site-theme .cera-tags a{color:var(--ink-soft);font-size:13px;text-decoration:none;} body.cera-site-theme .cera-share{display:flex;gap:18px;align-items:center;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;} body.cera-site-theme .cera-share span{color:var(--ink-soft);} body.cera-site-theme .cera-share a{color:var(--orchid);text-decoration:none;} body.cera-site-theme .cera-author{display:flex;gap:20px;align-items:center;margin:40px 0 0;padding:26px;border:1px solid var(--line);background:var(--paper-soft);} body.cera-site-theme .cera-author img{border-radius:50%;} body.cera-site-theme .cera-author p{margin:4px 0 0;color:var(--ink-soft);font-size:14.5px;} body.cera-site-theme .cera-related-posts{margin-top:64px;background:var(--paper-soft);border-top:1px solid var(--line);} body.cera-site-theme .cera-comments{padding-bottom:60px;} /* About */ body.cera-site-theme .about-intro{padding:92px 0 30px;} body.cera-site-theme .about-intro h2{margin:10px 0 0;font-size:clamp(30px,4vw,46px);line-height:1.15;} body.cera-site-theme .about-intro p{margin:20px auto 0;max-width:60ch;color:var(--ink-soft);font-size:17.5px;line-height:1.85;} body.cera-site-theme .about-values{padding:70px 0 90px;} body.cera-site-theme .about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;} body.cera-site-theme .about-card{padding:38px 32px;border:1px solid var(--line);background:var(--paper-soft);transition:transform .5s var(--ease),box-shadow .5s,border-color .4s;} body.cera-site-theme .about-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2);border-color:var(--gold);} body.cera-site-theme .about-card h3{margin:16px 0 8px;font-size:23px;} body.cera-site-theme .about-card p{margin:0;color:var(--ink-soft);} body.cera-site-theme .about-words{padding:20px 0 90px;} body.cera-site-theme .about-promise{padding:80px 0;background:var(--paper-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);} body.cera-site-theme .about-promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;} body.cera-site-theme .about-promise h2{margin:8px 0 0;font-size:clamp(28px,3.6vw,42px);line-height:1.15;} body.cera-site-theme .about-promise ul{margin:0;padding:0;list-style:none;} body.cera-site-theme .about-promise li{padding:18px 0 18px 30px;position:relative;border-bottom:1px solid var(--line);color:var(--ink-soft);} body.cera-site-theme .about-promise li::before{content:"◆";position:absolute;left:0;top:22px;color:var(--gold);font-size:9px;} body.cera-site-theme .about-promise li strong{color:var(--ink);font-weight:600;} /* Contact extras */ body.cera-site-theme .contact-quick{padding:0;margin-top:-1px;} body.cera-site-theme .contact-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;transform:translateY(-38px);position:relative;z-index:3;} body.cera-site-theme .quick-card{display:flex;flex-direction:column;gap:4px;padding:26px 24px;background:var(--paper);border:1px solid var(--line);border-left-width:0;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-1);transition:transform .45s var(--ease),box-shadow .45s,border-color .4s;} body.cera-site-theme .quick-card:first-child{border-left-width:1px;} body.cera-site-theme .quick-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2);border-color:var(--gold);} body.cera-site-theme .quick-card .q-label{color:var(--orchid);font-size:11px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;} body.cera-site-theme .quick-card strong{font-family:var(--cera-serif);font-size:20px;font-weight:500;} body.cera-site-theme .quick-card span:last-child{color:var(--ink-soft);font-size:13.5px;} body.cera-site-theme .cera-contact-page .contact-content{padding-top:30px;} body.cera-site-theme .contact-faq{padding:20px 0 90px;} body.cera-site-theme .faq-list details{border-bottom:1px solid var(--line);} body.cera-site-theme .faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;cursor:pointer;list-style:none;font-family:var(--cera-serif);font-size:19px;} body.cera-site-theme .faq-list summary::-webkit-details-marker{display:none;} body.cera-site-theme .faq-list summary::after{content:"+";flex:none;color:var(--gold);font-size:26px;font-family:var(--cera-sans);font-weight:300;transition:transform .4s var(--ease);} body.cera-site-theme .faq-list details[open] summary::after{transform:rotate(45deg);} body.cera-site-theme .faq-list details p{margin:0;padding:0 4px 24px;max-width:64ch;color:var(--ink-soft);} /* Responsive */ @media (max-width:1000px){ body.cera-site-theme ul.products.cera-grid,body.cera-site-theme .cera-product-after ul.products{grid-template-columns:repeat(3,minmax(0,1fr));} body.cera-site-theme .cera-post-grid,body.cera-site-theme .cera-post-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));} body.cera-site-theme .contact-quick-grid{grid-template-columns:1fr 1fr;} body.cera-site-theme .quick-card{border-left-width:1px;} } @media (max-width:800px){ body.cera-site-theme .cera-product-grid,body.cera-site-theme .about-promise-grid{grid-template-columns:1fr;gap:34px;} body.cera-site-theme .cera-product-media{position:static;} body.cera-site-theme .cera-promises-grid,body.cera-site-theme .about-grid{grid-template-columns:1fr;} body.cera-site-theme .promise{padding:0 0 22px;border-right:0;border-bottom:1px solid var(--line);} body.cera-site-theme .promise:last-child{border-bottom:0;padding-bottom:0;} body.cera-site-theme .cera-post-card.is-featured{flex-direction:column;} body.cera-site-theme .cera-post-card.is-featured .post-media{min-height:0;aspect-ratio:16/10;flex:none;} body.cera-site-theme .cera-post-card.is-featured .post-body{padding:28px;} } @media (max-width:620px){ body.cera-site-theme .cera-hero{padding:60px 0 64px;} body.cera-site-theme ul.products.cera-grid,body.cera-site-theme .cera-product-after ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;} body.cera-site-theme .cera-post-grid,body.cera-site-theme .cera-post-grid.three{grid-template-columns:1fr;} body.cera-site-theme .cera-card .woocommerce-loop-product__title{font-size:15px!important;} body.cera-site-theme .contact-quick-grid{grid-template-columns:1fr;transform:translateY(-24px);} body.cera-site-theme .cera-toolbar{flex-direction:column;align-items:stretch;} body.cera-site-theme .cera-post-cover{padding:0 16px;} body.cera-site-theme .cera-pills{gap:8px;} body.cera-site-theme .cera-pills a{padding:9px 16px;} } @media (prefers-reduced-motion:reduce){.cera-js .cera-page .reveal{opacity:1;transform:none;transition:none;}} /* v1.3.1 — own full-width layout: no parent container, page title or duplicate breadcrumb */ body.cera-tpl #content.cera-own-layout{display:block;width:100%;max-width:none;margin:0;padding:0;float:none;} body.cera-tpl #content :has(~ .cera-page){display:none!important;} body.cera-tpl .cera-page{display:block;width:100%;max-width:none;margin:0;padding:0;float:none;} body.cera-site-theme .cera-product{display:block!important;float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;} body.cera-site-theme .cera-product-grid{width:100%;} body.cera-site-theme .cera-product-info>*{max-width:100%;} body.cera-site-theme .cera-product-info .cera-trust-list{position:static;} body.cera-site-theme .cera-product-info form.cart{position:static;} /* v1.3.1 — gallery/wishlist positioning inside our layout */ body.cera-site-theme .cera-product-media .images, body.cera-site-theme .cera-product-media .woocommerce-product-gallery{float:none!important;width:100%!important;max-width:100%!important;position:relative!important;} body.cera-site-theme .cera-product-media .woocommerce-product-gallery__wrapper{position:relative!important;z-index:1;} /* Wishlist / compare buttons some parent themes float or absolutely-position next to the gallery thumbnails */ body.cera-site-theme .cera-product-media [class*="wishlist"], body.cera-site-theme .cera-product-media [class*="compare"]{position:static!important;display:inline-flex!important;margin:10px 8px 0 0!important;inset:auto!important;} body.cera-site-theme .cera-product-info form.cart{position:relative!important;z-index:2;flex-wrap:wrap;} body.cera-site-theme .cera-product-info form.cart>[class*="wishlist"], body.cera-site-theme .cera-product-info form.cart>[class*="compare"]{position:static!important;flex:none;width:auto;height:52px;display:inline-flex!important;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--line);inset:auto!important;} /* Related/upsell product thumbnails below the fold reuse the same broken absolute pattern */ body.cera-site-theme .cera-product-after ul.products li.product{position:relative!important;} body.cera-site-theme .cera-product-after ul.products li.product [class*="wishlist"], body.cera-site-theme .cera-product-after ul.products li.product [class*="compare"]{position:absolute!important;top:10px;right:10px;z-index:4;} /* ---------- v1.4: Gifts hub occasion cards ---------- */ body.cera-site-theme .occasion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;} body.cera-site-theme .occasion-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:34px 28px 30px;background:var(--paper-soft);border:1px solid var(--line);text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s,background .4s;} body.cera-site-theme .occasion-card::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 100% 0%,rgba(var(--glow-rgb),.16),transparent 60%);opacity:0;transition:opacity .5s var(--ease);} body.cera-site-theme .occasion-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2);border-color:rgba(var(--gold-rgb),.55);background:var(--paper);} body.cera-site-theme .occasion-card:hover::before{opacity:1;} body.cera-site-theme .occasion-icon{position:relative;z-index:1;width:44px;height:44px;color:var(--orchid);transition:transform .5s var(--ease),color .4s;} body.cera-site-theme .occasion-icon svg{width:100%;height:100%;} body.cera-site-theme .occasion-card:hover .occasion-icon{transform:scale(1.1) rotate(-4deg);color:var(--gold);} body.cera-site-theme .occasion-kicker{position:relative;z-index:1;margin-top:12px;color:var(--orchid);font-size:10.5px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;} body.cera-site-theme .occasion-card h3{position:relative;z-index:1;margin:4px 0 0;font-size:21px;} body.cera-site-theme .occasion-card p{position:relative;z-index:1;margin:8px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.6;flex:1;} body.cera-site-theme .occasion-link{position:relative;z-index:1;margin-top:18px;color:var(--orchid);font-family:var(--cera-serif);font-style:italic;font-size:14px;transition:letter-spacing .4s var(--ease),color .3s;} body.cera-site-theme .occasion-card:hover .occasion-link{letter-spacing:.6px;color:var(--brand-deep-2);} body.cera-site-theme .hero-ctas{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px;} @media (max-width:1000px){body.cera-site-theme .occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:560px){body.cera-site-theme .occasion-grid{grid-template-columns:1fr;}} /* ---------- v2.0: About Us page sections ---------- */ body.cera-site-theme .about-grid.wide{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));} body.cera-site-theme .materials-section{padding:90px 0;background:var(--paper-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);} body.cera-site-theme .materials-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:56px;} body.cera-site-theme .materials-grid.three-up{grid-template-columns:repeat(3,1fr);} body.cera-site-theme .materials-card{padding:36px 34px;background:var(--paper);border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;} body.cera-site-theme .materials-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-1);border-color:rgba(var(--gold-rgb),.5);} body.cera-site-theme .materials-card h3{font-size:22px;margin:0 0 18px;} body.cera-site-theme .materials-card h3::after{content:"";display:block;width:40px;height:1px;margin-top:12px;background:var(--gold);} body.cera-site-theme .materials-card ul{margin:18px 0 0;padding:0;list-style:none;} body.cera-site-theme .materials-card li{padding:12px 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:14.5px;line-height:1.6;} body.cera-site-theme .materials-card li:first-child{border-top:0;padding-top:0;} body.cera-site-theme .materials-card li strong{color:var(--ink);font-weight:600;} body.cera-site-theme .process-strip{display:flex;justify-content:space-between;gap:8px;position:relative;padding-top:8px;} body.cera-site-theme .process-strip::before{content:"";position:absolute;top:22px;left:6%;right:6%;height:1px;background:var(--line);} body.cera-site-theme .process-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;text-align:center;} body.cera-site-theme .ps-num{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--paper);border:1px solid var(--gold);color:var(--orchid);font-family:var(--cera-serif);font-style:italic;font-size:17px;} body.cera-site-theme .ps-label{font-size:12px;letter-spacing:.6px;color:var(--ink-soft);max-width:11ch;} body.cera-site-theme .moments-section{padding:90px 0;} body.cera-site-theme .moments-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;} body.cera-site-theme .moment{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 14px;border:1px solid var(--line);background:var(--paper-soft);text-align:center;transition:transform .45s var(--ease),border-color .4s,box-shadow .45s;} body.cera-site-theme .moment:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:var(--shadow-1);} body.cera-site-theme .moment svg{width:30px;height:30px;color:var(--orchid);} body.cera-site-theme .moment span{font-size:12.5px;letter-spacing:.6px;color:var(--ink);} body.cera-site-theme .today-band{padding:76px 0;background:linear-gradient(135deg,var(--brand-deep),var(--brand-deep-2));color:var(--cream);} body.cera-site-theme .today-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;} body.cera-site-theme .today-band .eyebrow{color:var(--gold);} body.cera-site-theme .today-band h2{margin:8px 0 0;color:var(--cream);font-size:clamp(26px,3.2vw,36px);} body.cera-site-theme .today-band p{margin:12px 0 0;max-width:46ch;color:var(--lilac);} body.cera-site-theme .today-contact{display:flex;gap:20px;margin-top:22px;flex-wrap:wrap;} body.cera-site-theme .today-contact a{color:var(--gold-hi);text-decoration:none;font-size:14.5px;border-bottom:1px solid rgba(var(--gold-rgb),.4);padding-bottom:2px;} body.cera-site-theme .today-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;} body.cera-site-theme .today-pills a{padding:10px 18px;border:1px solid rgba(var(--gold-rgb),.4);border-radius:999px;color:var(--cream);font-size:12px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:background .3s,border-color .3s,transform .3s var(--ease);} body.cera-site-theme .today-pills a:hover{background:rgba(var(--gold-rgb),.16);border-color:var(--gold);transform:translateY(-2px);} body.cera-site-theme .about-trust{padding:20px 0 90px;} @media (max-width:1000px){ body.cera-site-theme .materials-grid,body.cera-site-theme .materials-grid.three-up{grid-template-columns:1fr;} body.cera-site-theme .moments-grid{grid-template-columns:repeat(3,1fr);} body.cera-site-theme .today-grid{grid-template-columns:1fr;} body.cera-site-theme .today-pills{justify-content:flex-start;} body.cera-site-theme .process-strip{flex-wrap:wrap;row-gap:26px;} body.cera-site-theme .process-strip::before{display:none;} body.cera-site-theme .process-step{flex:0 0 30%;} } @media (max-width:620px){ body.cera-site-theme .moments-grid{grid-template-columns:repeat(2,1fr);} body.cera-site-theme .process-step{flex:0 0 45%;} } /* ---------- v2.5: facts strip, fact placeholders, people section ---------- */ body.cera-site-theme .facts-strip{background:var(--paper-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;} body.cera-site-theme .facts-strip ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;} body.cera-site-theme .facts-strip li{padding:4px 40px;border-left:1px solid var(--line);text-align:center;} body.cera-site-theme .facts-strip li:first-child{border-left:0;} body.cera-site-theme .facts-strip span{display:block;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--orchid);margin-bottom:6px;} body.cera-site-theme .facts-strip strong{font-family:var(--cera-serif);font-style:italic;font-size:18px;font-weight:500;color:var(--ink);} /* Visible fact placeholders -- styled to match the gold/orchid system, unmistakably draft content */ body.cera-site-theme .fact-ph{display:inline-block;padding:.05em .5em;border:1px dashed var(--gold);border-radius:3px;background:rgba(var(--gold-rgb),.14);color:var(--gold-lo);font-style:italic;} body.cera-site-theme p.story-ph{max-width:66ch;margin:20px auto 0;border:1px dashed var(--gold);border-radius:3px;background:rgba(var(--gold-rgb),.08);padding:20px 26px;font-style:italic;color:var(--ink-soft);text-align:left;} /* People / founder card -- matches about-card hover treatment */ body.cera-site-theme .people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,320px));justify-content:center;gap:22px;} body.cera-site-theme .person-card{padding:36px 32px;background:var(--paper);border:1px solid var(--line);text-align:center;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;} body.cera-site-theme .person-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2);border-color:var(--gold);} body.cera-site-theme .person-avatar{width:92px;height:92px;border-radius:50%;margin:0 auto 18px;object-fit:cover;display:block;} body.cera-site-theme .person-avatar-ph{width:92px;height:92px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--gold);background:rgba(var(--gold-rgb),.1);color:var(--gold-lo);font-family:var(--cera-serif);font-style:italic;font-size:28px;} body.cera-site-theme .person-card h3{font-size:20px;margin:0 0 6px;} body.cera-site-theme .person-card .role{margin:0 0 12px;font-size:11.5px;letter-spacing:1.8px;text-transform:uppercase;} body.cera-site-theme .person-card .role .fact-ph{text-transform:none;letter-spacing:normal;} body.cera-site-theme .person-card > p:last-child{color:var(--ink-soft);font-size:14px;line-height:1.65;margin:0;} @media (max-width:700px){ body.cera-site-theme .facts-strip li{padding:4px 20px;border-left:0;border-top:1px solid var(--line);flex:1 1 40%;padding-top:14px;margin-top:10px;} body.cera-site-theme .facts-strip li:nth-child(-n+2){border-top:0;margin-top:0;} } /* ---------- v2.7: Contact — departments (hello / support / orders / sales) ---------- */ body.cera-site-theme .contact-depts{padding:56px 0 20px;} body.cera-site-theme .dept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;} body.cera-site-theme .dept-card{display:flex;flex-direction:column;gap:6px;padding:26px 24px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);text-decoration:none;color:var(--ink);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .4s;} body.cera-site-theme .dept-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-1);border-color:var(--gold);} body.cera-site-theme .dept-label{color:var(--orchid);font-size:10.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;} body.cera-site-theme .dept-card strong{font-family:var(--cera-serif);font-style:italic;font-size:16px;font-weight:500;word-break:break-word;} body.cera-site-theme .dept-desc{color:var(--ink-soft);font-size:12.5px;line-height:1.55;} @media (max-width:900px){body.cera-site-theme .dept-grid{grid-template-columns:1fr 1fr;}} @media (max-width:560px){body.cera-site-theme .dept-grid{grid-template-columns:1fr;}} /* ===== v3.0 standalone additions (no parent theme) ===== */ body.cera-site-theme{margin:0;} body.cera-site-theme img{max-width:100%;height:auto;} body.cera-site-theme .alignleft{float:left;margin:0 1.5em 1em 0;} body.cera-site-theme .alignright{float:right;margin:0 0 1em 1.5em;} body.cera-site-theme .aligncenter{display:block;margin-left:auto;margin-right:auto;} body.cera-site-theme .wp-caption{max-width:100%;} body.cera-site-theme .wp-caption-text,body.cera-site-theme .gallery-caption{font-size:13px;color:var(--ink-soft);} body.cera-site-theme .sticky,body.cera-site-theme .bypostauthor{display:block;} body.cera-site-theme .screen-reader-text:focus{clip:auto;width:auto;height:auto;background:#fff;color:#000;padding:10px 16px;z-index:100000;top:6px;left:6px;} body.cera-site-theme .cera-default-page{padding:64px 0 88px;background:var(--paper);} body.cera-site-theme .cera-default-page .cera-wrap.wide{max-width:1180px;} body.woocommerce-cart.cera-site-theme .page .entry-content>*,body.woocommerce-checkout.cera-site-theme .page .entry-content>*,body.woocommerce-account.cera-site-theme .page .entry-content>*{max-width:none;} body.cera-site-theme .cera-notfound{text-align:center;padding:96px 0;} body.cera-site-theme .cera-notfound h2{font-size:clamp(28px,4vw,44px);margin:0 0 12px;} body.cera-site-theme .cera-searchform{display:flex;gap:8px;max-width:480px;margin:24px auto 0;} body.cera-site-theme .cera-searchform input[type=search]{flex:1;min-height:48px;padding:0 16px;border:1px solid var(--line);background:#fff;color:var(--ink);} body.cera-site-theme .cera-searchform button{min-height:48px;padding:0 24px;border:0;background:var(--brand-deep);color:var(--cream);letter-spacing:1.4px;text-transform:uppercase;font-size:12px;cursor:pointer;} body.cera-site-theme .comment-list{list-style:none;padding:0;} body.cera-site-theme .comment-body{padding:18px 0;border-bottom:1px solid var(--line);} body.cera-site-theme .comment-respond input[type=text],body.cera-site-theme .comment-respond input[type=email],body.cera-site-theme .comment-respond input[type=url],body.cera-site-theme .comment-respond textarea{width:100%;padding:12px 14px;border:1px solid var(--line);background:#fff;} /* ===== v3.2 Collections page (/products/) ===== */ body.cera-site-theme .cera-coll-body{padding:56px 0 72px;background:var(--paper);} body.cera-site-theme .cera-coll-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;} body.cera-site-theme .cera-coll-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;} body.cera-site-theme .cera-coll-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(var(--shadow-rgb),.14);border-color:rgba(var(--gold-rgb),.5);} body.cera-site-theme .cera-coll-card .coll-media{display:block;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(160deg,var(--brand-deep-2),var(--brand-deep));} body.cera-site-theme .cera-coll-card .coll-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;} body.cera-site-theme .cera-coll-card:hover .coll-media img{transform:scale(1.05);} body.cera-site-theme .cera-coll-card.no-img .coll-media,body.cera-site-theme .cera-coll-card.sale-card .coll-media{background:radial-gradient(70% 60% at 80% 10%,rgba(var(--glow-rgb),.35),transparent 60%),linear-gradient(160deg,var(--brand-deep-2),var(--brand-deep));} body.cera-site-theme .cera-coll-card .coll-info{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px;} body.cera-site-theme .cera-coll-card h2{margin:0;font-size:22px;line-height:1.2;} body.cera-site-theme .cera-coll-card .coll-count{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft);} body.cera-site-theme .cera-coll-card .coll-kids{font-size:14px;color:var(--ink-soft);line-height:1.5;} body.cera-site-theme .cera-coll-card .coll-cta{margin-top:8px;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--orchid);font-weight:600;} body.cera-site-theme .cera-coll-occasions{padding:64px 0;background:var(--paper-soft);} body.cera-site-theme .cera-occ-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;} body.cera-site-theme .cera-occ-links a{display:flex;flex-direction:column;gap:4px;padding:22px 24px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .3s,transform .3s;} body.cera-site-theme .cera-occ-links a:hover{border-color:var(--gold);transform:translateY(-2px);} body.cera-site-theme .cera-occ-links strong{font-size:18px;} body.cera-site-theme .cera-occ-links span{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft);} @media (max-width:1000px){body.cera-site-theme .cera-coll-grid{grid-template-columns:repeat(3,1fr);}body.cera-site-theme .cera-occ-links{grid-template-columns:repeat(2,1fr);}} @media (max-width:680px){body.cera-site-theme .cera-coll-grid{grid-template-columns:repeat(2,1fr);gap:14px;}body.cera-site-theme .cera-coll-card .coll-info{padding:14px 14px 16px;}body.cera-site-theme .cera-coll-card h2{font-size:18px;}body.cera-site-theme .cera-occ-links{grid-template-columns:1fr;}} body.cera-site-theme .cera-coll-card.no-img .coll-media,body.cera-site-theme .cera-coll-card.sale-card .coll-media{aspect-ratio:4/3;position:relative;} body.cera-site-theme .cera-coll-card.no-img .coll-media::after,body.cera-site-theme .cera-coll-card.sale-card .coll-media::after{content:"";position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border:1px solid rgba(var(--gold-rgb),.55);border-radius:50%;box-shadow:0 0 0 14px rgba(var(--gold-rgb),.08);} /* ===== v3.3 Appearance > Menus support (primary menu + dropdowns) ===== */ body.cera-site-theme nav.links ul.cera-menu{display:flex;align-items:center;gap:clamp(12px,2vw,30px);list-style:none;margin:0;padding:0;} body.cera-site-theme nav.links ul.cera-menu li{position:relative;margin:0;} body.cera-site-theme nav.links ul.cera-menu>li.menu-item-has-children>a::before{content:"";position:absolute;right:-12px;top:50%;width:5px;height:5px;margin-top:-4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);} body.cera-site-theme nav.links ul.cera-menu>li.menu-item-has-children>a{padding-right:6px;margin-right:6px;} body.cera-site-theme nav.links ul.sub-menu{position:absolute;left:-16px;top:100%;min-width:230px;margin:0;padding:10px 0;list-style:none;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(var(--shadow-rgb),.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s;z-index:60;} body.cera-site-theme nav.links li:hover>ul.sub-menu,body.cera-site-theme nav.links li:focus-within>ul.sub-menu{opacity:1;visibility:visible;transform:none;} body.cera-site-theme nav.links ul.sub-menu a{display:block;padding:10px 22px;text-transform:none;letter-spacing:.2px;font-size:14.5px;} body.cera-site-theme nav.links ul.sub-menu a::after{display:none;} body.cera-site-theme nav.links ul.cera-menu li.current-menu-item>a,body.cera-site-theme nav.links ul.cera-menu li.current-menu-ancestor>a{color:var(--orchid);} /* ===== v3.4 Premium navigation ===== */ body.cera-site-theme #site-header .nav-row{min-height:88px;} body.cera-site-theme nav.links{flex:1;justify-content:center;margin:0 clamp(16px,2.4vw,40px);} body.cera-site-theme nav.links ul.cera-menu,body.cera-site-theme nav.links{gap:clamp(18px,2vw,34px);} body.cera-site-theme nav.links a{font-family:"Jost",sans-serif;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding:12px 0;transition:color .3s var(--ease);} body.cera-site-theme nav.links a::after{left:50%;right:auto;width:0;bottom:4px;height:1px;background:var(--gold);transform:none;transition:width .45s var(--ease),left .45s var(--ease);} body.cera-site-theme nav.links a:hover::after,body.cera-site-theme nav.links a.current::after,body.cera-site-theme nav.links li.current-menu-item>a::after,body.cera-site-theme nav.links li.current-menu-ancestor>a::after,body.cera-site-theme nav.links li:hover>a::after{left:0;width:100%;} body.cera-site-theme nav.links a:hover,body.cera-site-theme nav.links li:hover>a{color:var(--brand-deep);} body.cera-site-theme nav.links ul.cera-menu>li.menu-item-has-children>a{padding-right:18px;margin-right:0;} body.cera-site-theme nav.links ul.cera-menu>li.menu-item-has-children>a::before{right:2px;top:50%;width:5px;height:5px;margin-top:-5px;border-color:var(--gold);border-width:0 1.5px 1.5px 0;transition:transform .3s var(--ease);} body.cera-site-theme nav.links ul.cera-menu>li.menu-item-has-children:hover>a::before{transform:rotate(225deg);margin-top:-1px;} body.cera-site-theme nav.links ul.sub-menu{left:50%;top:calc(100% + 6px);min-width:250px;margin-left:-125px;padding:12px 0;border:0;border-top:2px solid var(--gold);background:var(--paper);box-shadow:0 28px 60px -18px rgba(var(--shadow-rgb),.35);transform:translateY(10px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;} body.cera-site-theme nav.links ul.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;} body.cera-site-theme nav.links ul.sub-menu::after{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;margin-left:-6px;background:var(--paper);border-left:1px solid rgba(var(--gold-rgb),.5);border-top:1px solid rgba(var(--gold-rgb),.5);transform:rotate(45deg);display:none;} body.cera-site-theme nav.links ul.sub-menu a{position:relative;padding:11px 28px;font-size:12px;letter-spacing:.16em;color:var(--ink-soft);transition:color .25s,padding-left .3s var(--ease),background .25s;} body.cera-site-theme nav.links ul.sub-menu a:hover{color:var(--brand-deep);background:var(--paper-soft);padding-left:34px;} body.cera-site-theme nav.links ul.sub-menu a::before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--gold);transition:width .3s var(--ease);} body.cera-site-theme nav.links ul.sub-menu a:hover::before{width:20px;} body.cera-site-theme nav.links ul.sub-menu a::after{display:none;} body.cera-site-theme nav.links ul.sub-menu li+li{border-top:1px solid rgba(var(--gold-rgb),.12);} body.cera-site-theme nav.links li.current-menu-item>a,body.cera-site-theme nav.links li.current-menu-ancestor>a{color:var(--orchid);} body.cera-site-theme .nav-icons{gap:22px;} body.cera-site-theme .nav-icons a{transition:color .3s,transform .3s var(--ease);} body.cera-site-theme .nav-icons a:hover{color:var(--orchid);transform:translateY(-1px);} body.cera-site-theme .nav-icons svg{stroke-width:1.3;} /* ===== v3.5 Responsive menu (mobile + tablet) ===== */ body.cera-site-theme .nav-toggle,body.cera-site-theme .nav-toggle:hover,body.cera-site-theme .nav-toggle:focus,body.cera-site-theme .nav-toggle[aria-expanded="true"]{background:transparent;color:var(--ink);box-shadow:none;border:0;border-radius:0;} body.cera-site-theme .nav-toggle:focus-visible{outline:1px solid var(--gold);outline-offset:2px;} body.cera-site-theme .mm-extra{display:none;} @media (max-width:1100px){ body.cera-site-theme .nav-row{min-height:76px;gap:12px;} body.cera-site-theme .nav-toggle{display:flex;order:3;margin-left:6px;position:relative;z-index:60;} body.cera-site-theme .nav-icons{order:2;margin-left:auto;} body.cera-site-theme nav.links{display:none;flex:none;margin:0;position:absolute;top:100%;left:0;right:0;z-index:55;max-height:calc(100vh - 120px);overflow-y:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:8px 28px calc(24px + env(safe-area-inset-bottom,0px));background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 24px 40px -20px rgba(var(--shadow-rgb),.35);} body.cera-site-theme nav.links.is-open{display:flex;} body.cera-site-theme nav.links ul.cera-menu{flex-direction:column;align-items:stretch;gap:0;width:100%;} body.cera-site-theme nav.links a,body.cera-site-theme nav.links ul.cera-menu>li>a{display:flex;align-items:center;min-height:50px;padding:0;font-size:13px;letter-spacing:.18em;border-top:1px solid var(--line);} body.cera-site-theme nav.links ul.cera-menu>li:first-child>a,body.cera-site-theme nav.links>a:first-child{border-top:0;} body.cera-site-theme nav.links a::after,body.cera-site-theme nav.links ul.cera-menu>li.menu-item-has-children>a::before{display:none;} body.cera-site-theme nav.links ul.sub-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;margin:0;padding:0 0 10px 16px;border:0;box-shadow:none;background:transparent;} body.cera-site-theme nav.links ul.sub-menu::before,body.cera-site-theme nav.links ul.sub-menu::after,body.cera-site-theme nav.links ul.sub-menu a::before{display:none;} body.cera-site-theme nav.links ul.sub-menu li+li{border-top:0;} body.cera-site-theme nav.links ul.sub-menu a{min-height:42px;padding:0;border-top:0;font-size:12.5px;letter-spacing:.1em;color:var(--ink-soft);background:transparent;} body.cera-site-theme nav.links ul.sub-menu a:hover{padding-left:0;background:transparent;} body.cera-site-theme .mm-extra{display:block;margin-top:14px;padding-top:18px;border-top:1px solid var(--line);} body.cera-site-theme .mm-extra .mm-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-bottom:16px;} body.cera-site-theme .mm-extra .mm-links a{min-height:36px;border:0;font-size:12px;letter-spacing:.14em;color:var(--ink-soft);} body.cera-site-theme .mm-extra .mm-btn{justify-content:center;min-height:50px;margin-top:10px;border:1px solid var(--gold);background:var(--brand-deep);color:var(--cream);letter-spacing:.2em;} body.cera-site-theme .mm-extra .mm-btn.ghost{background:transparent;color:var(--ink);} body.cera-site-theme .utility-links a:not(:last-child){display:none;} } /* Slide-in drawer style (Customize > Cera Mobile Menu) */ @media (max-width:1100px){ body.cera-mm-drawer #site-header.cera-site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper);} body.cera-mm-drawer nav.links{display:flex;position:fixed;top:0;bottom:0;left:auto;right:0;width:min(88vw,400px);max-height:none;padding:96px 30px 30px;transform:translateX(104%);visibility:hidden;transition:transform .45s var(--ease),visibility .45s;border-bottom:0;border-left:1px solid var(--line);box-shadow:-30px 0 60px -30px rgba(var(--shadow-rgb),.45);} body.cera-mm-drawer nav.links.is-open{transform:none;visibility:visible;} body.cera-mm-drawer.cera-mm-open::after{content:"";position:fixed;inset:0;z-index:45;background:rgba(18,8,28,.55);} } /* ===== v3.6 Social icons ===== */ body.cera-site-theme .utility-social{align-items:center;gap:12px;} body.cera-site-theme .utility-social a{display:flex;color:var(--lilac);transition:color .3s,transform .3s;} body.cera-site-theme .utility-social a:hover{color:var(--gold);transform:translateY(-1px);} body.cera-site-theme .utility-social svg{width:15px;height:15px;color:inherit;} body.cera-site-theme .cera-site-footer .foot-social a{display:flex;color:var(--cream);} body.cera-site-theme .cera-site-footer .foot-social svg{fill:currentColor;stroke:none;} body.cera-site-theme .cera-site-footer .foot-social a:hover svg{background:var(--gold);color:var(--brand-deep);border-color:var(--gold);} #cera-home-page .follow-social{display:flex;justify-content:center;gap:14px;margin-top:24px;} #cera-home-page .follow-social a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(var(--gold-rgb),.55);border-radius:50%;color:var(--brand-deep);transition:background .3s,color .3s,transform .3s;} #cera-home-page .follow-social a:hover{background:var(--brand-deep);color:var(--gold);transform:translateY(-2px);} #cera-home-page .follow-social svg{width:18px;height:18px;} /* ===== v3.7 Logo image (transparent PNG) ===== */ body.cera-site-theme .brand{justify-content:center;} body.cera-site-theme .brand-logo{display:block;width:clamp(150px,14vw,200px);height:auto;} body.cera-site-theme .cera-site-footer .foot-logo{display:inline-block;} body.cera-site-theme .cera-site-footer .foot-logo img{display:block;width:210px;max-width:100%;height:auto;} @media (max-width:1100px){body.cera-site-theme .brand-logo{width:150px;}} /* v3.8.0 — subcategory tiles on parent category pages */ body.cera-site-theme .cera-subcats-wrap{margin:0 0 48px;} body.cera-site-theme .cera-subcats-title{margin:0 0 22px;text-align:center;font-family:var(--cera-serif);font-weight:500;font-size:clamp(22px,3vw,30px);} body.cera-site-theme .cera-subcats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,260px));justify-content:center;gap:24px;} body.cera-site-theme .cera-subcats .cera-coll-card h3{margin:0;font-family:var(--cera-serif);font-size:20px;line-height:1.2;font-weight:500;} @media (max-width:680px){body.cera-site-theme .cera-subcats{grid-template-columns:repeat(2,1fr);gap:14px;}body.cera-site-theme .cera-subcats .cera-coll-card h3{font-size:17px;}} /* v3.10.0 — bulk page live product picks */ #cera-bulk-page a.pick-card{display:block;color:inherit;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;} #cera-bulk-page a.pick-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(var(--shadow-rgb),.12);border-color:rgba(var(--gold-rgb),.5);} #cera-bulk-page .pick-photo{overflow:hidden;} #cera-bulk-page .pick-photo img{width:100%;height:100%;object-fit:cover;display:block;} #cera-bulk-page .pick-price del{color:var(--ink-soft);margin-right:8px;opacity:.8;} #cera-bulk-page .pick-price ins{text-decoration:none;color:var(--orchid);font-weight:600;} #cera-bulk-page .pick-price .woocommerce-Price-amount{font-weight:inherit;} #cera-bulk-page .pick-price > .woocommerce-Price-amount{color:var(--orchid);font-weight:600;} /* v3.11.0 — About page */ body.cera-site-theme .about-grid.wide.six{grid-template-columns:repeat(3,1fr);} @media (max-width:900px){body.cera-site-theme .about-grid.wide.six{grid-template-columns:repeat(2,1fr);}} @media (max-width:600px){body.cera-site-theme .about-grid.wide.six{grid-template-columns:1fr;}} body.cera-site-theme .occasion-card.has-thumb{padding:0 0 26px;} body.cera-site-theme .occasion-card .occ-thumb{display:block;aspect-ratio:4/3;overflow:hidden;margin-bottom:18px;background:var(--paper-soft);} body.cera-site-theme .occasion-card .occ-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease);} body.cera-site-theme .occasion-card:hover .occ-thumb img{transform:scale(1.05);} body.cera-site-theme .occasion-card.has-thumb .occasion-kicker,body.cera-site-theme .occasion-card.has-thumb h3,body.cera-site-theme .occasion-card.has-thumb p,body.cera-site-theme .occasion-card.has-thumb .occasion-link{padding-left:26px;padding-right:26px;} body.cera-site-theme .founder-note{padding:clamp(56px,8vw,96px) 0;background:radial-gradient(70% 90% at 50% 0%,rgba(var(--glow-rgb),.10),transparent 70%),var(--paper-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);} body.cera-site-theme .founder-note blockquote{margin:18px 0 0;padding:0;border:0;font-family:var(--cera-serif);font-style:italic;font-weight:500;font-size:clamp(22px,3.2vw,32px);line-height:1.45;color:var(--ink);} body.cera-site-theme .founder-note blockquote::before{content:"\201C";display:block;font-size:64px;line-height:.6;color:var(--gold);margin-bottom:8px;} body.cera-site-theme .founder-note .sign{margin:22px 0 0;font-size:12px;letter-spacing:2.2px;text-transform:uppercase;color:var(--orchid);} /* v3.11.1 — tidier story section */ body.cera-site-theme .about-story{padding:clamp(56px,8vw,104px) 0;} body.cera-site-theme .about-story .story-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,88px);align-items:start;} body.cera-site-theme .about-story .story-head{position:sticky;top:110px;text-align:left;} body.cera-site-theme .about-story .story-head h2{margin:14px 0 0;font-size:clamp(30px,3.6vw,46px);line-height:1.15;} body.cera-site-theme .about-story .story-rule{display:block;width:64px;height:2px;margin-top:26px;background:var(--gold-grad);} body.cera-site-theme .about-story .story-body{padding-left:clamp(0px,3vw,36px);border-left:1px solid var(--line);} body.cera-site-theme .about-story .story-body p{margin:0 0 22px;font-size:17px;line-height:1.85;color:var(--ink-soft);text-align:left;} body.cera-site-theme .about-story .story-body p.lead{font-family:var(--cera-serif);font-style:italic;font-size:clamp(20px,2.2vw,25px);line-height:1.6;color:var(--ink);} body.cera-site-theme .about-story .story-body p:last-child{margin-bottom:0;} @media (max-width:860px){body.cera-site-theme .about-story .story-grid{grid-template-columns:1fr;gap:26px;}body.cera-site-theme .about-story .story-head{position:static;}body.cera-site-theme .about-story .story-body{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:26px;}} /* v3.13.0 — blog counters + sidebar */ body.cera-site-theme .cera-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;margin-top:20px;} body.cera-site-theme .cera-stats .stat{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(var(--gold-rgb),.35);background:rgba(255,255,255,.07);color:var(--lilac);font:500 12.5px/1 var(--cera-sans);letter-spacing:.4px;text-decoration:none;cursor:default;transition:background .25s,border-color .25s,color .25s,transform .25s;} body.cera-site-theme .cera-stats .stat[hidden],body.cera-site-theme .cera-stats b[hidden]{display:none;} body.cera-site-theme .cera-stats .stat svg{width:16px;height:16px;flex:none;} body.cera-site-theme .cera-stats .stat b{font-weight:600;color:#fff;} body.cera-site-theme .cera-stats .stat i{font-style:normal;opacity:.8;} body.cera-site-theme .cera-stats button.stat,body.cera-site-theme .cera-stats a.stat{cursor:pointer;} body.cera-site-theme .cera-stats button.stat:hover,body.cera-site-theme .cera-stats a.stat:hover{border-color:var(--gold);transform:translateY(-1px);} body.cera-site-theme .cera-stats .stat-like.is-liked{background:rgba(var(--gold-rgb),.18);border-color:var(--gold);color:var(--gold-hi);} body.cera-site-theme .cera-stats .stat-like.is-liked svg{fill:currentColor;} body.cera-site-theme .cera-stats-foot{justify-content:flex-start;margin:28px 0 0;} body.cera-site-theme .cera-stats-foot .stat{background:var(--paper-soft);border-color:var(--line);color:var(--ink-soft);} body.cera-site-theme .cera-stats-foot .stat b{color:var(--ink);} body.cera-site-theme .cera-stats-foot .stat-like.is-liked{background:rgba(var(--gold-rgb),.14);color:var(--orchid);border-color:var(--gold);} body.cera-site-theme .cera-stats-foot button.stat:hover,body.cera-site-theme .cera-stats-foot a.stat:hover{border-color:var(--orchid);color:var(--orchid);} body.cera-site-theme .cera-with-sb{display:grid;gap:clamp(28px,4vw,52px);align-items:start;padding-top:56px;} body.cera-site-theme .cera-with-sb.sbl-right{grid-template-columns:minmax(0,1fr) var(--cera-sb-w,300px);} body.cera-site-theme .cera-with-sb.sbl-left{grid-template-columns:var(--cera-sb-w,300px) minmax(0,1fr);} body.cera-site-theme .cera-with-sb.sbl-both{grid-template-columns:var(--cera-sb-w,300px) minmax(0,1fr) var(--cera-sb-w,300px);} body.cera-site-theme .cera-with-sb .cera-main{min-width:0;} body.cera-site-theme .cera-blog .cera-with-sb{padding-top:0;} body.cera-site-theme .cera-with-sb .cera-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));} body.cera-site-theme .cera-with-sb.sbl-both .cera-post-grid{grid-template-columns:minmax(0,1fr);} body.cera-site-theme .cera-with-sb .cera-post-card.is-featured{grid-column:1/-1;flex-direction:column;} body.cera-site-theme .cera-with-sb .cera-post-card.is-featured .post-media{min-height:0;aspect-ratio:16/9;flex:none;} body.cera-site-theme .cera-with-sb .cera-post-card.is-featured .post-body{padding:26px;} body.cera-site-theme .cera-with-sb .entry-content{font-size:17px;} body.cera-site-theme .cera-sidebar{display:flex;flex-direction:column;gap:22px;min-width:0;} body.cera-site-theme .cera-sidebar.is-sticky{position:sticky;top:110px;} body.cera-site-theme .sb-widget{min-width:0;} body.cera-site-theme .sbs-card .sb-widget{padding:24px 22px;background:var(--paper-soft);border:1px solid var(--line);} body.cera-site-theme .sbs-plain .sb-widget{padding:0 0 22px;border-bottom:1px solid var(--line);} body.cera-site-theme .sb-title{margin:0 0 16px;font-family:var(--cera-serif);font-size:20px;font-weight:500;line-height:1.2;color:var(--ink);position:relative;padding-bottom:12px;} body.cera-site-theme .sb-title::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:var(--gold-grad);} body.cera-site-theme .sb-text{margin:0 0 14px;font-size:14.5px;line-height:1.7;color:var(--ink-soft);} body.cera-site-theme .sb-list,body.cera-site-theme .sb-posts{list-style:none;margin:0;padding:0;} body.cera-site-theme .sb-list li+li{border-top:1px solid var(--line);} body.cera-site-theme .sb-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;color:var(--ink);text-decoration:none;font-size:14.5px;transition:color .25s,padding .25s;} body.cera-site-theme .sb-list a:hover{color:var(--orchid);padding-left:4px;} body.cera-site-theme .sb-list em{font-style:normal;font-size:12px;min-width:26px;text-align:center;padding:2px 8px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);} body.cera-site-theme .sb-posts li+li{margin-top:14px;} body.cera-site-theme .sb-posts a{display:flex;gap:14px;align-items:center;color:var(--ink);text-decoration:none;} body.cera-site-theme .sb-thumb{flex:none;width:68px;height:68px;overflow:hidden;background:linear-gradient(155deg,var(--paper-soft),var(--line));} body.cera-site-theme .sb-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease);} body.cera-site-theme .sb-posts a:hover .sb-thumb img{transform:scale(1.07);} body.cera-site-theme .sb-ptext{display:flex;flex-direction:column;gap:4px;min-width:0;} body.cera-site-theme .sb-ptext strong{font-family:var(--cera-serif);font-weight:500;font-size:15.5px;line-height:1.35;transition:color .25s;} body.cera-site-theme .sb-posts a:hover strong{color:var(--orchid);} body.cera-site-theme .sb-ptext small{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);} body.cera-site-theme .sb-tags{display:flex;flex-wrap:wrap;gap:8px;} body.cera-site-theme .sb-tags a{padding:6px 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-size:12.5px;text-decoration:none;transition:border-color .25s,color .25s;} body.cera-site-theme .sb-tags a:hover{border-color:var(--gold);color:var(--orchid);} body.cera-site-theme .sb-follow{display:flex;flex-wrap:wrap;gap:10px;} body.cera-site-theme .sb-follow a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);text-decoration:none;font-size:13px;transition:background .25s,color .25s,border-color .25s,transform .25s;} body.cera-site-theme .sb-follow a svg{width:18px;height:18px;flex:none;} body.cera-site-theme .sb-follow a:hover{background:var(--brand-deep);color:var(--gold);border-color:var(--brand-deep);transform:translateY(-2px);} body.cera-site-theme .sb-link{font-size:12.5px;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;color:var(--orchid);text-decoration:none;} body.cera-site-theme .sb-btn{display:inline-block;} body.cera-site-theme .sbw-cta{background:radial-gradient(90% 90% at 100% 0%,rgba(var(--glow-rgb),.35),transparent 60%),linear-gradient(160deg,var(--brand-deep-2),var(--brand-deep))!important;border-color:transparent!important;} body.cera-site-theme .sbw-cta .sb-title,body.cera-site-theme .sbw-cta .sb-text{color:var(--cream);} body.cera-site-theme .sb-search{display:flex;width:100%;} body.cera-site-theme .sb-search input[type=search]{flex:1;min-width:0;} @media (max-width:1000px){ body.cera-site-theme .cera-with-sb.sbl-right,body.cera-site-theme .cera-with-sb.sbl-left,body.cera-site-theme .cera-with-sb.sbl-both{grid-template-columns:minmax(0,1fr);} body.cera-site-theme .cera-with-sb .cera-main{order:1;} body.cera-site-theme .cera-with-sb .cera-sidebar{order:2;} body.cera-site-theme .cera-sidebar.is-sticky{position:static;} body.cera-site-theme .cera-with-sb .cera-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:640px){ body.cera-site-theme .cera-with-sb .cera-post-grid{grid-template-columns:minmax(0,1fr);} body.cera-site-theme .cera-stats{gap:8px;} body.cera-site-theme .cera-stats .stat{padding:7px 12px;font-size:12px;} } /* v3.14.0 — rearrangeable blog */ body.cera-site-theme .cera-post-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));} @media (max-width:640px){body.cera-site-theme .cera-post-grid.cols-2{grid-template-columns:minmax(0,1fr);}} /* ===================== v3.15.0 — mobile top bar + comments ===================== */ @media (max-width:1000px){ body.cera-site-theme .utility-row{justify-content:center;text-align:center;} body.cera-site-theme .utility-links{display:none;} body.cera-site-theme .ship{justify-content:center;} } @media (max-width:380px){ body.cera-site-theme .ship span{display:inline;font-size:11.5px;} } body.cera-site-theme .ship svg{color:var(--gold);} /* Comments */ body.cera-site-theme .comments-area{margin-top:56px;padding:40px 36px;background:var(--paper-soft);border:1px solid var(--line);border-top:2px solid var(--gold);} body.cera-site-theme .comments-title,body.cera-site-theme .comment-reply-title{margin:0 0 22px;font-family:var(--cera-serif);font-size:clamp(22px,2.6vw,28px);font-style:italic;font-weight:500;line-height:1.2;position:relative;padding-bottom:14px;} body.cera-site-theme .comments-title::after,body.cera-site-theme .comment-reply-title::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:2px;background:var(--gold-grad);} body.cera-site-theme .comment-reply-title small{font-size:13px;margin-left:12px;font-style:normal;} body.cera-site-theme .comment-list{list-style:none;margin:0 0 40px;padding:0;} body.cera-site-theme .comment-list .children{list-style:none;margin:0;padding-left:28px;border-left:1px solid var(--line);} body.cera-site-theme .comment-body{display:grid;grid-template-columns:52px 1fr;gap:4px 16px;padding:22px 0;border-bottom:1px solid var(--line);position:relative;} body.cera-site-theme .comment-meta{display:contents;} body.cera-site-theme .comment-author{grid-column:1/-1;display:flex;align-items:center;gap:14px;font-family:var(--cera-serif);font-size:17px;} body.cera-site-theme .comment-author img{border-radius:50%;border:2px solid var(--gold);width:48px;height:48px;} body.cera-site-theme .comment-author .fn{font-style:italic;color:var(--ink);} body.cera-site-theme .comment-author .says{display:none;} body.cera-site-theme .comment-metadata{grid-column:1/-1;margin:-4px 0 0 62px;font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;} body.cera-site-theme .comment-metadata a{color:var(--ink-soft);text-decoration:none;} body.cera-site-theme .comment-content{grid-column:1/-1;margin-left:62px;font-size:16px;line-height:1.8;} body.cera-site-theme .comment-content p{margin:.6em 0 0;} body.cera-site-theme .reply{grid-column:1/-1;margin-left:62px;} body.cera-site-theme .reply a{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--orchid);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px;} body.cera-site-theme .comment-awaiting-moderation{grid-column:1/-1;margin:8px 0 0 62px;color:var(--ink-soft);font-style:italic;font-size:14px;} body.cera-site-theme .comment-notes,body.cera-site-theme .logged-in-as{margin:0 0 22px;color:var(--ink-soft);font-size:14.5px;} body.cera-site-theme .comment-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;} body.cera-site-theme .comment-form>*{grid-column:1/-1;margin:0;} body.cera-site-theme .comment-form .comment-form-author,body.cera-site-theme .comment-form .comment-form-email{grid-column:span 1;} body.cera-site-theme .comment-form label{display:block;margin-bottom:7px;font-size:11.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink-soft);} body.cera-site-theme .comment-form .required{color:var(--orchid);} body.cera-site-theme .comment-form input[type=text],body.cera-site-theme .comment-form input[type=email],body.cera-site-theme .comment-form input[type=url],body.cera-site-theme .comment-form textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);font:inherit;font-size:15.5px;transition:border-color .3s,box-shadow .3s;} body.cera-site-theme .comment-form textarea{min-height:150px;resize:vertical;} body.cera-site-theme .comment-form input:focus,body.cera-site-theme .comment-form textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--gold-rgb),.18);} body.cera-site-theme .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink-soft);} body.cera-site-theme .comment-form-cookies-consent input{margin-top:4px;accent-color:var(--orchid);} body.cera-site-theme .comment-form-cookies-consent label{margin:0;text-transform:none;letter-spacing:0;font-size:13.5px;} body.cera-site-theme .comment-form .submit{display:inline-block;padding:15px 34px;border:1px solid var(--gold);border-radius:0;background:var(--gold-grad);color:var(--brand-deep);font-size:12px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease);} body.cera-site-theme .comment-form .submit:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(var(--gold-rgb),1);} @media (max-width:640px){ body.cera-site-theme .comments-area{padding:28px 18px;margin-top:40px;} body.cera-site-theme .comment-form{grid-template-columns:1fr;} body.cera-site-theme .comment-form .comment-form-author,body.cera-site-theme .comment-form .comment-form-email{grid-column:1/-1;} body.cera-site-theme .comment-list .children{padding-left:14px;} body.cera-site-theme .comment-metadata,body.cera-site-theme .comment-content,body.cera-site-theme .reply,body.cera-site-theme .comment-awaiting-moderation{margin-left:0;} body.cera-site-theme .comment-form .submit{width:100%;} } /* ===================== v3.16.0 — post typography + footer contact ===================== */ body.cera-site-theme .cera-post .entry-content{font-size:17px;line-height:1.85;} body.cera-site-theme .cera-post .entry-content>p:first-child{font-size:inherit;} body.cera-site-theme .cera-post .entry-content p{margin:0 0 1.15em;} body.cera-site-theme .cera-post .entry-content h2,body.cera-site-theme .cera-post .entry-content h3,body.cera-site-theme .cera-post .entry-content h4{max-width:none!important;width:auto;font-family:var(--cera-serif);font-weight:500;line-height:1.25;text-wrap:balance;} body.cera-site-theme .cera-post .entry-content h2{margin:1.7em 0 .55em;font-size:clamp(24px,2.6vw,30px)!important;} body.cera-site-theme .cera-post .entry-content h3{margin:1.5em 0 .5em;font-size:clamp(19px,2vw,22px)!important;} body.cera-site-theme .cera-post .entry-content h4{margin:1.3em 0 .4em;font-size:18px!important;} body.cera-site-theme .cera-post .entry-content h2::after{margin-top:10px;} body.cera-site-theme .cera-post .entry-content h2:first-child,body.cera-site-theme .cera-post .entry-content h3:first-child{margin-top:0;} body.cera-site-theme .cera-post .entry-content h2 strong,body.cera-site-theme .cera-post .entry-content h3 strong,body.cera-site-theme .cera-post .entry-content h4 strong{font-weight:inherit;} body.cera-site-theme .cera-post .entry-content ul,body.cera-site-theme .cera-post .entry-content ol{margin:0 0 1.2em;} body.cera-site-theme .cera-post .entry-content figure,body.cera-site-theme .cera-post .entry-content .wp-block-image{margin:1.8em 0;} @media (max-width:640px){ body.cera-site-theme .cera-post .entry-content{font-size:16.5px;} body.cera-site-theme .cera-post .entry-content h2{font-size:clamp(22px,6vw,26px)!important;margin-top:1.5em;} body.cera-site-theme .cera-post .entry-content h3{font-size:19px!important;} } /* Footer: five tidy columns, Contact gets its own */ body.cera-site-theme .cera-site-footer .foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1.25fr;gap:36px;} body.cera-site-theme .cera-site-footer .contact-list{gap:16px;} body.cera-site-theme .cera-site-footer .contact-list li{display:flex;flex-direction:column;gap:3px;} body.cera-site-theme .cera-site-footer .cl-label{color:var(--lilac);font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;opacity:.85;} body.cera-site-theme .cera-site-footer .cl-text{color:var(--cream);font-size:13.5px;letter-spacing:.4px;} body.cera-site-theme .cera-site-footer .contact-list a{word-break:break-word;} @media (max-width:1100px){body.cera-site-theme .cera-site-footer .foot-grid{grid-template-columns:1fr 1fr 1fr;}body.cera-site-theme .cera-site-footer .foot-brand{grid-column:1/-1;}} @media (max-width:800px){body.cera-site-theme .cera-site-footer .foot-grid{grid-template-columns:1fr 1fr;}} @media (max-width:620px){body.cera-site-theme .cera-site-footer .foot-grid{grid-template-columns:1fr;}} #cera-home-page .foot-grid,#cera-bulk-page .foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1.25fr;} #cera-home-page .contact-list,#cera-bulk-page .contact-list{gap:16px;} #cera-home-page .contact-list li,#cera-bulk-page .contact-list li{display:flex;flex-direction:column;gap:3px;} #cera-home-page .cl-label,#cera-bulk-page .cl-label{color:var(--lilac);font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;opacity:.85;} #cera-home-page .cl-text,#cera-bulk-page .cl-text{color:var(--cream);font-size:13.5px;} @media (max-width:1100px){#cera-home-page .foot-grid,#cera-bulk-page .foot-grid{grid-template-columns:1fr 1fr 1fr;}#cera-home-page .foot-brand,#cera-bulk-page .foot-brand{grid-column:1/-1;}} @media (max-width:800px){#cera-home-page .foot-grid,#cera-bulk-page .foot-grid{grid-template-columns:1fr 1fr;}} @media (max-width:620px){#cera-home-page .foot-grid,#cera-bulk-page .foot-grid{grid-template-columns:1fr;}} /* ===================== v3.17.0 — FAQ section (one design everywhere, no italics) ===================== */ .cera-faq{display:block;padding:84px 20px!important;background:#F8F3FB;background:var(--paper-soft,#F8F3FB);border-top:1px solid var(--line,#E9E0EF);border-bottom:1px solid var(--line,#E9E0EF);} .cera-faq,.cera-faq *{font-style:normal!important;} .cera-faq-wrap{max-width:820px;margin:0 auto;} .cera-faq-head{text-align:center;margin:0 0 40px;} .cera-faq-eyebrow{display:block;margin:0 0 10px;color:#A47F3F;color:var(--gold-lo,#A47F3F);font-family:"Jost",system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;} .cera-faq-head h2{margin:0!important;padding:0 0 16px;position:relative;font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(26px,3.2vw,36px)!important;font-weight:500!important;line-height:1.2!important;color:#1A111F;color:var(--ink,#1A111F);max-width:none!important;} .cera-faq-head h2::after{content:"";position:absolute;left:50%;bottom:0;width:48px;height:2px;margin-left:-24px;background:linear-gradient(135deg,#E6CF9B,#C5A264 52%,#A47F3F);} .cera-faq-item{border-bottom:1px solid #E9E0EF;border-bottom:1px solid var(--line,#E9E0EF);} .cera-faq-item:first-child{border-top:1px solid #E9E0EF;border-top:1px solid var(--line,#E9E0EF);} .cera-faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;cursor:pointer;list-style:none;font-family:"Playfair Display",Georgia,serif!important;font-size:18px!important;font-weight:500!important;line-height:1.4;color:#1A111F;color:var(--ink,#1A111F);transition:color .25s;} .cera-faq-item summary::-webkit-details-marker{display:none;} .cera-faq-item summary::marker{content:"";} .cera-faq-item summary:hover{color:#7E3F9B;color:var(--orchid,#7E3F9B);} .cera-faq-item summary::after{content:"+";flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #C5A264;border:1px solid var(--gold,#C5A264);border-radius:50%;color:#A47F3F;color:var(--gold-lo,#A47F3F);font-family:"Jost",system-ui,sans-serif;font-size:20px;font-weight:300;line-height:1;transition:transform .35s ease,background .25s,color .25s;} .cera-faq-item[open] summary::after{transform:rotate(45deg);background:#C5A264;background:var(--gold,#C5A264);color:#1C1026;} .cera-faq-a{padding:0 4px 24px;max-width:66ch;font-family:"Jost",system-ui,sans-serif;font-size:15.5px;line-height:1.8;color:#6E6479;color:var(--ink-soft,#6E6479);} .cera-faq-a p{margin:0 0 .9em;} .cera-faq-a p:last-child{margin-bottom:0;} .cera-faq-a a{color:#7E3F9B;color:var(--orchid,#7E3F9B);text-decoration:underline;text-decoration-color:rgba(197,162,100,.7);text-underline-offset:3px;} @media (max-width:640px){ .cera-faq{padding:56px 16px!important;} .cera-faq-head{margin-bottom:28px;} .cera-faq-item summary{padding:18px 2px;font-size:16.5px!important;} .cera-faq-a{font-size:15px;} } /* ===================== v3.17.1 — header stays with you while scrolling ===================== */ /* overflow-x:hidden on html + body turned into its own scroll box, which switched off position:sticky. "clip" hides the overflow without that side effect. */ @supports (overflow:clip){ html{overflow-x:clip;} body.cera-site-theme{overflow-x:clip;} } body.cera-site-theme #page,body.cera-site-theme .site{overflow:visible;} body.cera-site-theme #site-header.cera-site-header,#cera-home-page header.site,#cera-bulk-page header.site{position:-webkit-sticky;position:sticky;top:0;z-index:999;} body.admin-bar.cera-site-theme #site-header.cera-site-header{top:32px;} @media (max-width:782px){body.admin-bar.cera-site-theme #site-header.cera-site-header{top:46px;}} body.cera-site-theme #site-header.cera-site-header.is-scrolled{border-bottom-color:rgba(var(--gold-rgb),.35);} /* ===================== v3.18.0 — mega menu ===================== */ body.cera-site-theme .cera-badge{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:999px;background:var(--gold-grad);color:var(--brand-deep);font-size:8.5px;font-weight:600;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;vertical-align:top;position:relative;top:-7px;} body.cera-site-theme .cera-sub-toggle{display:none;} body.cera-site-theme nav.links ul.cera-menu>li.cera-has-mega{position:static;} body.cera-site-theme nav.links ul.cera-menu>li.cera-has-mega>a{padding-right:18px;} body.cera-site-theme .cera-mega{position:absolute;left:50%;top:100%;z-index:60;display:grid;grid-template-columns:minmax(0,1fr) 300px;width:min(1180px,calc(100vw - 48px));background:var(--paper);border-top:2px solid var(--gold);box-shadow:0 36px 70px -24px rgba(var(--shadow-rgb),.5);opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:opacity .28s var(--ease),transform .28s var(--ease),visibility 0s .28s;text-align:left;} body.cera-site-theme .cera-mega:not(:has(.cera-mega-feat)){grid-template-columns:minmax(0,1fr);} body.cera-site-theme .cera-mega::before{content:"";position:absolute;left:0;right:0;top:-48px;height:48px;} body.cera-site-theme nav.links li.cera-has-mega:hover>.cera-mega,body.cera-site-theme nav.links li.cera-has-mega:focus-within>.cera-mega{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .28s var(--ease),transform .28s var(--ease),visibility 0s;} body.cera-site-theme .cera-mega-in{padding:36px 40px 30px;} body.cera-site-theme .cera-mega-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px 36px;} body.cera-site-theme nav.links .cera-mega a,body.cera-site-theme nav.links .cera-mega .cera-mega-head{display:inline-block;min-height:0;padding:0;border:0;background:none;text-transform:none;white-space:normal;} body.cera-site-theme nav.links .cera-mega a::after,body.cera-site-theme nav.links .cera-mega a::before{display:none!important;} body.cera-site-theme nav.links .cera-mega .cera-mega-head{display:block;margin:0 0 14px;padding-bottom:12px;position:relative;font-family:var(--cera-serif);font-size:18px;font-weight:500;letter-spacing:0;line-height:1.25;color:var(--ink);text-decoration:none;} body.cera-site-theme nav.links .cera-mega .cera-mega-head::after{content:""!important;display:block!important;position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--gold-grad);transition:width .35s var(--ease);} body.cera-site-theme nav.links .cera-mega a.cera-mega-head:hover{color:var(--orchid);} body.cera-site-theme nav.links .cera-mega a.cera-mega-head:hover::after{width:52px;} body.cera-site-theme .cera-mega ul{list-style:none;margin:0;padding:0;} body.cera-site-theme .cera-mega li{margin:0;border:0;} body.cera-site-theme nav.links .cera-mega ul a{padding:6px 0;font-family:"Jost",sans-serif;font-size:14.5px;letter-spacing:.2px;color:var(--ink-soft);transition:color .25s,transform .3s var(--ease);} body.cera-site-theme nav.links .cera-mega ul a:hover{color:var(--brand-deep);transform:translateX(5px);background:none;padding-left:0;} body.cera-site-theme nav.links .cera-mega ul a em{margin-left:6px;font-style:normal;font-size:11px;color:var(--gold-lo);} body.cera-site-theme nav.links .cera-mega li.all a{margin-top:4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orchid);} body.cera-site-theme .cera-mega-trend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);} body.cera-site-theme .cera-mega-trend>span{margin-right:6px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lo);} body.cera-site-theme nav.links .cera-mega-trend a{padding:7px 15px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;letter-spacing:.3px;color:var(--ink);transition:all .3s var(--ease);} body.cera-site-theme nav.links .cera-mega-trend a:hover{border-color:var(--gold);color:var(--orchid);} body.cera-site-theme .cera-mega-feat{position:relative;display:flex;align-items:flex-end;min-height:280px;background:radial-gradient(90% 80% at 100% 0%,rgba(var(--glow-rgb),.5),transparent 60%),linear-gradient(160deg,var(--brand-deep-2),var(--brand-deep));background-size:cover;background-position:center;color:var(--cream);overflow:hidden;} body.cera-site-theme .cera-mega-feat.has-img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,16,38,.1),rgba(28,16,38,.82));} body.cera-site-theme .cera-mega-feat::after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border:1px solid rgba(var(--gold-rgb),.35);border-radius:50%;} body.cera-site-theme .cera-mega-feat-in{position:relative;z-index:2;padding:30px 28px;} body.cera-site-theme .cera-mega-kicker{display:block;margin-bottom:10px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;} body.cera-site-theme .cera-mega-feat strong{display:block;font-family:var(--cera-serif);font-size:26px;font-weight:500;line-height:1.2;color:var(--cream);} body.cera-site-theme .cera-mega-feat p{margin:10px 0 0;font-size:14px;line-height:1.65;color:var(--lilac);} body.cera-site-theme nav.links .cera-mega a.cera-mega-btn{margin-top:18px;padding:11px 16px;border:1px solid var(--gold);font-size:11px;font-weight:600;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;color:var(--gold);transition:background .3s,color .3s;} body.cera-site-theme nav.links .cera-mega a.cera-mega-btn:hover{background:var(--gold);color:var(--brand-deep);} @media (max-width:1100px){ body.cera-site-theme nav.links ul.cera-menu>li.menu-item-has-children,body.cera-site-theme nav.links ul.cera-menu>li.cera-has-mega{position:relative;} body.cera-site-theme .cera-sub-toggle{display:block;position:absolute;right:0;top:0;width:52px;height:50px;padding:0;border:0;background:none;cursor:pointer;} body.cera-site-theme .cera-sub-toggle::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-6px 0 0 -4px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg);transition:transform .3s var(--ease);} body.cera-site-theme li.is-open>.cera-sub-toggle::before{transform:rotate(225deg);margin-top:-2px;} body.cera-site-theme nav.links ul.sub-menu{display:none;} body.cera-site-theme nav.links li.is-open>ul.sub-menu{display:block;} body.cera-site-theme .cera-mega{position:static;display:none;width:auto;grid-template-columns:1fr;border:0;box-shadow:none;background:transparent;opacity:1;visibility:visible;transform:none;transition:none;} body.cera-site-theme .cera-mega::before{display:none;} body.cera-site-theme nav.links li.cera-has-mega:hover>.cera-mega,body.cera-site-theme nav.links li.cera-has-mega:focus-within>.cera-mega{transform:none;} body.cera-site-theme nav.links li.cera-has-mega.is-open>.cera-mega{display:grid;} body.cera-site-theme .cera-mega-feat{display:none;} body.cera-site-theme .cera-mega-in{padding:4px 0 14px 4px;} body.cera-site-theme .cera-mega-cols{grid-template-columns:1fr;gap:18px;} body.cera-site-theme nav.links .cera-mega .cera-mega-head{margin-bottom:6px;padding-bottom:8px;font-size:16px;border-top:0;min-height:0;} body.cera-site-theme nav.links .cera-mega ul a{padding:7px 0;min-height:0;font-size:14px;letter-spacing:.1px;} body.cera-site-theme .cera-mega-trend{margin-top:18px;padding-top:16px;} } /* ===================== v3.18.1 — normal menu: side flyouts for the 3rd level ===================== */ @media (min-width:1101px){ body.cera-site-theme nav.links ul.sub-menu ul.sub-menu{left:100%;top:-12px;margin-left:0;min-width:240px;border-top:0;border-left:2px solid var(--gold);} body.cera-site-theme nav.links ul.sub-menu ul.sub-menu::before,body.cera-site-theme nav.links ul.sub-menu ul.sub-menu::after{display:none;} body.cera-site-theme nav.links ul.sub-menu li.menu-item-has-children{position:relative;} body.cera-site-theme nav.links ul.sub-menu li.menu-item-has-children::after{content:"";position:absolute;right:20px;top:50%;width:5px;height:5px;margin-top:-4px;border-right:1.5px solid var(--gold);border-top:1.5px solid var(--gold);transform:rotate(45deg);pointer-events:none;} body.cera-site-theme nav.links ul.sub-menu li.menu-item-has-children>a{padding-right:44px;} } @media (max-width:1100px){ body.cera-site-theme nav.links ul.sub-menu li.menu-item-has-children{position:relative;} body.cera-site-theme nav.links ul.sub-menu .cera-sub-toggle{width:46px;height:42px;} body.cera-site-theme nav.links ul.sub-menu ul.sub-menu{padding:0 0 6px 14px;} } .cera-ship-progress .cera-ship-note{display:block;margin-top:4px;font-size:.88em;opacity:.8;} /* ===================== v3.20.0 — bulk order page updates ===================== */ /* Who places a bulk order: highlighted dark section */ #cera-bulk-page #audience{position:relative;overflow:hidden;padding:96px 0;background:radial-gradient(60% 90% at 90% 0%,rgba(var(--glow-rgb),.45),transparent 62%),radial-gradient(45% 70% at 0% 100%,rgba(var(--gold-rgb),.14),transparent 60%),linear-gradient(160deg,var(--brand-deep-2),var(--brand-deep));color:var(--cream);} #cera-bulk-page #audience .kicker-row .eyebrow{color:var(--gold);} #cera-bulk-page #audience h2{color:var(--cream);font-size:clamp(30px,4vw,44px);} #cera-bulk-page #audience h2 em{color:var(--gold);} #cera-bulk-page #audience .kicker-row .sub{max-width:56ch;margin:14px auto 0;color:var(--lilac);} #cera-bulk-page #audience .audience-grid{gap:18px;background:none;border:0;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:46px;} #cera-bulk-page #audience .audience-item{padding:34px 24px;background:rgba(255,255,255,.05);border:1px solid rgba(var(--gold-rgb),.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:flex-start;gap:14px;} #cera-bulk-page #audience .audience-item svg{width:38px;height:38px;color:var(--gold);} #cera-bulk-page #audience .audience-item h4{font-size:19px;font-style:normal;font-weight:500;line-height:1.25;color:var(--cream);} #cera-bulk-page #audience .audience-item p{font-size:14px;line-height:1.65;color:var(--lilac);} body.cera-site-theme #cera-bulk-page #audience .audience-item:hover{border-color:var(--gold);box-shadow:0 22px 44px -22px rgba(0,0,0,.6);} @media (max-width:1100px){#cera-bulk-page #audience .audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));}} @media (max-width:760px){#cera-bulk-page #audience{padding:64px 0;}#cera-bulk-page #audience .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}#cera-bulk-page #audience .audience-item{padding:24px 16px;}} @media (max-width:480px){#cera-bulk-page #audience .audience-grid{grid-template-columns:1fr;}} /* Minimum order: full-width band */ #cera-bulk-page #min-order{padding:0;} #cera-bulk-page #min-order .wrap{max-width:none;padding:0;} #cera-bulk-page .min-order-band{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;padding:56px clamp(24px,8vw,140px);background:radial-gradient(60% 140% at 100% 0%,rgba(var(--glow-rgb),.4),transparent 60%),linear-gradient(135deg,var(--brand-deep),var(--brand-deep-2));color:var(--cream);} #cera-bulk-page .min-order-band .num{font-family:var(--serif);font-size:clamp(44px,6vw,72px);line-height:1;color:var(--gold);white-space:nowrap;} #cera-bulk-page .min-order-band .num small{display:block;margin-top:10px;font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--lilac);} #cera-bulk-page .min-order-band p{max-width:none;margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.8;color:var(--lilac);} @media (max-width:760px){#cera-bulk-page .min-order-band{grid-template-columns:1fr;padding:44px 24px;text-align:left;}} /* custom-packaging tag + gifting options */ #cera-bulk-page .tag-extra{display:inline-block;margin-left:8px;padding:2px 9px;border:1px solid var(--gold);border-radius:999px;font-family:var(--sans);font-size:10px;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-lo,#A47F3F);vertical-align:middle;} #cera-bulk-page .gift-opt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;} #cera-bulk-page .gift-opt{padding:32px 28px;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--gold);transition:transform .45s var(--ease),box-shadow .45s var(--ease);} #cera-bulk-page .gift-opt:hover{transform:translateY(-5px);box-shadow:var(--shadow-2);} #cera-bulk-page .gift-opt svg{width:34px;height:34px;color:var(--orchid);} #cera-bulk-page .gift-opt h4{margin:16px 0 8px;font-size:19px;font-style:normal;font-weight:500;} #cera-bulk-page .gift-opt p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-soft);} #cera-bulk-page .gift-opt-cta{margin:40px 0 0;text-align:center;} @media (max-width:900px){#cera-bulk-page .gift-opt-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:560px){#cera-bulk-page .gift-opt-grid{grid-template-columns:1fr;}} /* v3.20.1 — "How a bulk order runs": horizontal timeline on desktop, vertical rail on mobile */ #cera-bulk-page .process-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;position:relative;margin-top:46px;counter-reset:none;} #cera-bulk-page .process-list::before{content:"";position:absolute;left:10%;right:10%;top:30px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold),transparent);opacity:.7;} #cera-bulk-page .process-item,#cera-bulk-page .process-item:last-child{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:0 8px;border:0;text-align:center;} #cera-bulk-page .process-num{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:22px;border:1px solid var(--gold);border-radius:50%;background:var(--paper);font-family:var(--serif);font-style:italic;font-size:24px;line-height:1;} body.cera-site-theme #cera-bulk-page .process-num{background:var(--paper);-webkit-text-fill-color:var(--gold-lo,#A47F3F);color:var(--gold-lo,#A47F3F);} #cera-bulk-page .process-body h4{margin:0 0 10px;font-size:18px;font-style:normal;font-weight:500;line-height:1.3;} #cera-bulk-page .process-body p{margin:0 auto;max-width:26ch;font-size:14px;line-height:1.7;} body.cera-site-theme #cera-bulk-page .process-item:hover{transform:none;box-shadow:none;} body.cera-site-theme #cera-bulk-page .process-item:hover .process-num{background:var(--gold-grad);-webkit-text-fill-color:var(--brand-deep);color:var(--brand-deep);} @media (max-width:1000px){ #cera-bulk-page .process-list{grid-template-columns:1fr;gap:0;max-width:560px;margin-left:auto;margin-right:auto;} #cera-bulk-page .process-list::before{left:29px;right:auto;top:30px;bottom:30px;width:1px;height:auto;background:linear-gradient(180deg,transparent,var(--gold),var(--gold),transparent);} #cera-bulk-page .process-item,#cera-bulk-page .process-item:last-child{flex-direction:row;align-items:flex-start;gap:22px;padding:0 0 30px;text-align:left;} #cera-bulk-page .process-item:last-child{padding-bottom:0;} #cera-bulk-page .process-num{flex:none;margin:0;width:58px;height:58px;font-size:22px;} #cera-bulk-page .process-body{padding-top:6px;} #cera-bulk-page .process-body p{margin:0;max-width:none;} } /* ===================== v3.21.0 — Track order ===================== */ body.cera-site-theme .cera-track-body{padding:0 0 90px;} body.cera-site-theme .cera-track-card{position:relative;z-index:3;max-width:760px;margin:-40px auto 0;padding:40px clamp(22px,4vw,48px);background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--gold);box-shadow:var(--shadow-2);} body.cera-site-theme .cera-track-card form.woocommerce-form-track-order,body.cera-site-theme .cera-track-card form.track_order{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:0;} body.cera-site-theme .cera-track-card form>p{margin:0;} body.cera-site-theme .cera-track-card form>p:first-child{grid-column:1/-1;color:var(--ink-soft);font-size:15px;line-height:1.7;} body.cera-site-theme .cera-track-card .form-row{float:none;width:auto;padding:0;} body.cera-site-theme .cera-track-card .form-row-first,body.cera-site-theme .cera-track-card .form-row-last{grid-column:span 1;} body.cera-site-theme .cera-track-card .clear{display:none;} body.cera-site-theme .cera-track-card label{display:block;margin:0 0 7px;font-size:11.5px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink-soft);} body.cera-site-theme .cera-track-card input.input-text{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:0;background:var(--paper-soft);color:var(--ink);font:inherit;font-size:15.5px;transition:border-color .3s,box-shadow .3s,background .3s;} body.cera-site-theme .cera-track-card input.input-text:focus{outline:0;border-color:var(--gold);background:var(--paper);box-shadow:0 0 0 3px rgba(var(--gold-rgb),.18);} body.cera-site-theme .cera-track-card form>p.form-row:last-of-type{grid-column:1/-1;} body.cera-site-theme .cera-track-card button.button{width:100%;padding:17px 24px;border:1px solid var(--gold);border-radius:0;background:var(--gold-grad);color:var(--brand-deep)!important;font-size:12px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease);} body.cera-site-theme .cera-track-card button.button:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(var(--gold-rgb),1);} body.cera-site-theme .cera-track-card .woocommerce-error,body.cera-site-theme .cera-track-card .woocommerce-message,body.cera-site-theme .cera-track-card .woocommerce-info{margin:0 0 24px;padding:14px 18px;list-style:none;border:0;border-left:3px solid var(--orchid);background:var(--paper-soft);color:var(--ink);font-size:14.5px;} body.cera-site-theme .cera-track-card .woocommerce-error{border-left-color:#B3402F;} body.cera-site-theme .cera-track-card .woocommerce-error::before,body.cera-site-theme .cera-track-card .woocommerce-message::before,body.cera-site-theme .cera-track-card .woocommerce-info::before{display:none;} /* result */ body.cera-site-theme .cera-track-result{margin:0 0 30px;padding:0 0 28px;border-bottom:1px solid var(--line);} body.cera-site-theme .ctr-head{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;} body.cera-site-theme .ctr-head span{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-lo,#A47F3F);} body.cera-site-theme .ctr-head strong{font-family:var(--cera-serif);font-size:28px;font-weight:500;color:var(--ink);} body.cera-site-theme .ctr-alert{margin:0;padding:14px 18px;background:var(--paper-soft);border-left:3px solid var(--orchid);font-size:15px;} body.cera-site-theme .cera-track-steps{display:flex;list-style:none;margin:0;padding:0;position:relative;} body.cera-site-theme .cera-track-steps::before{content:"";position:absolute;left:16.6%;right:16.6%;top:19px;height:2px;background:var(--line);} body.cera-site-theme .cera-track-steps li{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:13px;letter-spacing:.4px;color:var(--ink-soft);} body.cera-site-theme .cera-track-steps li i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-style:normal;font-family:var(--cera-serif);font-size:16px;color:var(--ink-soft);} body.cera-site-theme .cera-track-steps li.done i{background:var(--gold-grad);border-color:var(--gold);color:var(--brand-deep);} body.cera-site-theme .cera-track-steps li.current i{box-shadow:0 0 0 5px rgba(var(--gold-rgb),.22);} body.cera-site-theme .cera-track-steps li.done span,body.cera-site-theme .cera-track-steps li.current span{color:var(--ink);font-weight:500;} body.cera-site-theme .cera-track-card .woocommerce-order-details,body.cera-site-theme .cera-track-card .commentlist{margin-top:0;} body.cera-site-theme .cera-track-card>p:first-of-type mark,body.cera-site-theme .cera-track-card mark{background:none;color:var(--orchid);font-weight:600;} body.cera-site-theme .cera-track-card h2{font-size:22px;margin:24px 0 12px;} body.cera-site-theme .cera-track-card .commentlist{list-style:none;padding:0;} body.cera-site-theme .cera-track-card .commentlist li{margin:0 0 12px;padding:14px 16px;background:var(--paper-soft);border-left:3px solid var(--gold);} /* info */ body.cera-site-theme .cera-track-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1000px;margin:56px auto 0;} body.cera-site-theme .ti-card{padding:28px 26px;background:var(--paper-soft);border:1px solid var(--line);} body.cera-site-theme .ti-num{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:16px;border:1px solid var(--gold);border-radius:50%;font-family:var(--cera-serif);font-style:italic;font-size:17px;color:var(--gold-lo,#A47F3F);} body.cera-site-theme .ti-card h3{margin:0 0 8px;font-size:19px;font-weight:500;} body.cera-site-theme .ti-card p{margin:0;font-size:14.5px;line-height:1.7;color:var(--ink-soft);} body.cera-site-theme .cera-track-help{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;max-width:1000px;margin:20px auto 0;padding:32px 36px;background:radial-gradient(60% 140% at 100% 0%,rgba(var(--glow-rgb),.4),transparent 60%),linear-gradient(135deg,var(--brand-deep),var(--brand-deep-2));color:var(--cream);} body.cera-site-theme .cera-track-help strong{font-family:var(--cera-serif);font-size:22px;font-weight:500;color:var(--cream);} body.cera-site-theme .cera-track-help p{max-width:58ch;margin:8px 0 0;font-size:14.5px;line-height:1.7;color:var(--lilac);} body.cera-site-theme .th-actions{display:flex;gap:12px;flex-wrap:wrap;} @media (max-width:760px){ body.cera-site-theme .cera-track-card{margin-top:-28px;padding:28px 20px;} body.cera-site-theme .cera-track-card form.woocommerce-form-track-order,body.cera-site-theme .cera-track-card form.track_order{grid-template-columns:1fr;} body.cera-site-theme .cera-track-info{grid-template-columns:1fr;margin-top:36px;} body.cera-site-theme .cera-track-help{padding:26px 22px;} body.cera-site-theme .cera-track-steps li{font-size:12px;} } /* ===== v3.22.0 — Contact Form 7 styling (works on Contact Us + Bulk Order) ===== */ body.cera-site-theme .cera-cf7 .wpcf7 form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0} body.cera-site-theme .cera-cf7 .wpcf7 form>p,body.cera-site-theme .cera-cf7 .wpcf7 form>div:not(.wpcf7-response-output):not(.screen-reader-response){margin:0} body.cera-site-theme .cera-cf7 .wpcf7 form .full,body.cera-site-theme .cera-cf7 .wpcf7 form .wpcf7-response-output,body.cera-site-theme .cera-cf7 .wpcf7 form .cf7-submit{grid-column:1/-1} body.cera-site-theme .cera-cf7 .wpcf7 form>.screen-reader-response,body.cera-site-theme .cera-cf7 .wpcf7 form>fieldset.hidden-fields-container{display:none} body.cera-site-theme .cera-cf7 label{display:block;font-size:12px;color:var(--ink-soft);margin:0 0 6px} body.cera-site-theme .cera-cf7 .wpcf7-form-control-wrap{display:block} body.cera-site-theme .cera-cf7 input[type=text],body.cera-site-theme .cera-cf7 input[type=email],body.cera-site-theme .cera-cf7 input[type=tel],body.cera-site-theme .cera-cf7 select,body.cera-site-theme .cera-cf7 textarea{width:100%;padding:11px 13px;border:1px solid var(--line);background:var(--paper-soft);color:var(--ink);font-family:var(--sans,inherit);font-size:14px;border-radius:3px;box-sizing:border-box} body.cera-site-theme .cera-cf7 textarea{resize:vertical;min-height:110px} body.cera-site-theme .cera-cf7 input:focus,body.cera-site-theme .cera-cf7 select:focus,body.cera-site-theme .cera-cf7 textarea:focus{outline:0;border-color:var(--gold)} body.cera-site-theme .cera-cf7 input[type=submit],body.cera-site-theme .cera-cf7 .wpcf7-submit{padding:13px 28px;border:1px solid var(--gold);border-radius:3px;background:var(--gold-grad,var(--gold));color:var(--brand-deep);font-weight:600;font-size:13px;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;width:auto} body.cera-site-theme .cera-cf7 input[type=submit]:hover{background:var(--brand-deep-2);color:var(--cream);border-color:var(--brand-deep-2)} body.cera-site-theme .cera-cf7 .wpcf7-not-valid-tip{font-size:12px;color:#a33;margin-top:4px} body.cera-site-theme .cera-cf7 .wpcf7 form .wpcf7-response-output{margin:4px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:3px;font-size:14px} body.cera-site-theme .cera-cf7 .wpcf7 form.sent .wpcf7-response-output{border-color:#4a7c59;color:#2f5d3d} body.cera-site-theme .cera-cf7 .wpcf7 form.invalid .wpcf7-response-output,body.cera-site-theme .cera-cf7 .wpcf7 form.failed .wpcf7-response-output{border-color:#a33;color:#a33} body.cera-site-theme .cera-cf7 .wpcf7-spinner{margin:0 0 0 10px} body.cera-site-theme .enquiry-cf7{background:var(--paper);border:1px solid var(--line);padding:30px} @media(max-width:700px){body.cera-site-theme .cera-cf7 .wpcf7 form{grid-template-columns:1fr}body.cera-site-theme .enquiry-cf7{padding:20px}} /* ===== v3.24.0 — contact topic dropdown ===== */ body.cera-site-theme .cera-contact-page .contact-fields select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);font:inherit;font-size:15px;min-height:48px} body.cera-site-theme .cera-contact-page .contact-fields select:focus{outline:0;border-color:var(--gold)} /* ===== v3.26.0 — homepage product rows ===== */ #cera-home-page .cat-row{margin:30px 0 8px} #cera-home-page .pick-atc{display:inline-block;margin-top:12px;padding:9px 16px;border:1px solid var(--gold);color:var(--ink);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;background:transparent;transition:background .3s,color .3s} #cera-home-page .pick-atc:hover{background:var(--gold);color:var(--brand-deep)} #cera-home-page .pick-atc.loading{opacity:.6} #cera-home-page .pick-atc.added{display:none} #cera-home-page .added_to_cart{display:inline-block;margin-top:12px;font-size:12px;letter-spacing:1px;text-transform:uppercase} /* ---------- v3.29 Cart & checkout (block cart/checkout) ---------- */ /* Cause of the hidden price / "Save ₹" column: the mobile table rule forced a 560px-wide table that scrolled sideways, and the generic .entry-content td padding/borders were also applied to the cart block's cells. Reset both for the block cart. */ body.cera-site-theme .wc-block-cart-items td,body.cera-site-theme .wc-block-cart-items th{padding:0;border:0;background:none;} body.cera-site-theme .wc-block-cart-items tr:nth-child(even) td{background:none;} @media (max-width:780px){ body.cera-site-theme table.wc-block-cart-items{display:table!important;width:100%!important;overflow:visible!important;} body.cera-site-theme table.wc-block-cart-items tbody,body.cera-site-theme table.wc-block-cart-items thead{display:block!important;width:100%!important;min-width:0!important;} body.cera-site-theme table.wc-block-cart-items thead{display:none!important;} body.cera-site-theme .wc-block-cart-items .wc-block-cart-items__row{display:grid!important;grid-template-columns:76px minmax(0,1fr) auto!important;column-gap:14px;align-items:start;padding:16px 0!important;border-bottom:1px solid var(--line);} body.cera-site-theme .wc-block-cart-items .wc-block-cart-items__row>td{display:block!important;padding:0!important;border:0!important;width:auto!important;min-width:0;} body.cera-site-theme .wc-block-cart-items .wc-block-cart-item__image{grid-column:1;grid-row:1;} body.cera-site-theme .wc-block-cart-items .wc-block-cart-item__image img{width:76px;height:auto;} body.cera-site-theme .wc-block-cart-items .wc-block-cart-item__product{grid-column:2;grid-row:1;} body.cera-site-theme .wc-block-cart-items .wc-block-cart-item__total{grid-column:3;grid-row:1;text-align:right;white-space:nowrap;font-size:14px;} body.cera-site-theme .wc-block-cart-item__total .wc-block-components-sale-badge,body.cera-site-theme .wc-block-cart-item__total .wc-block-cart-item__total-price-and-sale-badge-wrapper{display:flex;flex-direction:column;align-items:flex-end;} } /* Checkout: "Already have an account? Log in" as a clear button */ body.cera-site-theme .wc-block-checkout__login-prompt,body.cera-site-theme .cera-login-btn{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0 16px;font-size:15px;} body.cera-site-theme .wc-block-checkout__login-prompt a,body.cera-site-theme .cera-login-link,body.cera-site-theme .woocommerce-form-login-toggle .showlogin{display:inline-block;padding:10px 22px;border:1px solid var(--gold);border-radius:2px;background:var(--gold-grad);color:var(--brand-deep)!important;font-size:12.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;text-decoration:none!important;} body.cera-site-theme .wc-block-checkout__login-prompt a:hover,body.cera-site-theme .cera-login-link:hover{transform:translateY(-1px);box-shadow:0 10px 22px -14px rgba(var(--gold-rgb),1);} /* ---------- v3.29.1/2 Category description block ---------- */ body.cera-site-theme .cera-seo-copy{padding:10px 0 84px;} body.cera-site-theme .cera-seo-body{max-width:none;margin:0;padding:48px 0 0;border-top:1px solid var(--line);} body.cera-site-theme .cera-seo-title{margin:0 0 26px;font-size:clamp(24px,2.6vw,32px);line-height:1.2;} body.cera-site-theme .cera-seo-title::after{content:"";display:block;width:64px;height:1px;margin-top:16px;background:var(--gold-grad);} body.cera-site-theme .cera-seo-text{font-size:16.5px;line-height:1.85;color:var(--ink-soft);padding:0;max-width:940px;} body.cera-site-theme .cera-seo-text>:first-child{margin-top:0;} body.cera-site-theme .cera-seo-text p{margin:0 0 1.1em;} body.cera-site-theme .cera-seo-text h2{margin:1.9em 0 .55em;font-size:clamp(22px,2.3vw,28px);line-height:1.25;color:var(--ink);} body.cera-site-theme .cera-seo-text h3{margin:1.6em 0 .45em;font-size:19px;line-height:1.3;color:var(--ink);} body.cera-site-theme .cera-seo-text ul,body.cera-site-theme .cera-seo-text ol{margin:0 0 1.2em;padding-left:1.3em;} body.cera-site-theme .cera-seo-text a{color:var(--orchid);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px;} /* Two columns only for plain paragraph copy (no headings), where columns balance evenly */ @media (min-width:900px){body.cera-site-theme .cera-seo-text.is-cols{max-width:none;column-count:2;column-gap:56px;}body.cera-site-theme .cera-seo-text.is-cols p{break-inside:avoid;}} @media (max-width:640px){body.cera-site-theme .cera-seo-body{padding-top:36px;}body.cera-site-theme .cera-seo-text{font-size:16px;}} /* ===== v3.30.0 — homepage category boxes (clickable boxes, product panels, carousel) ===== */ #cera-home-page a.promo-tile{text-decoration:none;color:var(--cream);} #cera-home-page a.promo-tile.is-clickable{cursor:pointer;} #cera-home-page a.promo-tile.is-clickable:focus-visible{outline:2px solid var(--gold);outline-offset:3px;} #cera-home-page .promo-tile.is-active{border-color:var(--gold);box-shadow:inset 0 -3px 0 var(--gold),var(--shadow-2);} #cera-home-page .promo-tile h3{color:var(--cream);} #cera-home-page .cera-box-panels{margin-top:34px;} #cera-home-page .cera-box-panel[hidden]{display:none;} #cera-home-page .cera-box-panel .cat-row{margin:0;} #cera-home-page .cera-panel-empty{margin:10px 0 0;padding:34px 20px;text-align:center;border:1px dashed var(--line);color:var(--ink-soft);font-size:15px;} /* carousel (4+ boxes) */ #cera-home-page .cera-carousel{position:relative;} #cera-home-page .cera-box-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;} #cera-home-page .cera-box-track::-webkit-scrollbar{display:none;} #cera-home-page .cera-box-track .promo-tile{scroll-snap-align:start;min-height:auto;justify-content:flex-start;} #cera-home-page .cera-box-track .promo-tile p{max-width:none;font-size:13.5px;line-height:1.65;} #cera-home-page .cera-car-btn{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;border:1px solid var(--gold);border-radius:50%;background:var(--paper);color:var(--brand-deep);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-1);transition:background .3s,color .3s,opacity .3s;} #cera-home-page .cera-car-btn:hover:not(:disabled){background:var(--gold);} #cera-home-page .cera-car-btn:disabled{opacity:.35;cursor:default;} #cera-home-page .cera-car-btn.prev{left:-14px;} #cera-home-page .cera-car-btn.next{right:-14px;} @media (max-width:900px){#cera-home-page .cera-box-track{grid-auto-columns:calc((100% - 20px)/2);}} @media (max-width:640px){#cera-home-page .cera-box-track{grid-auto-columns:84%;}#cera-home-page .cera-car-btn{display:none;}} /* ===== v3.31.0 — category pages: product view + collection view ===== */ /* ---- Product view (shop / category / search pages only) ---- */ @media (min-width:1001px){ body.cera-site-theme main.cera-pv-grid3 ul.products.cera-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;} body.cera-site-theme main.cera-pv-grid2 ul.products.cera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 32px;} body.cera-site-theme main.cera-pv-compact ul.products.cera-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 16px;} } @media (max-width:1000px){ body.cera-site-theme main.cera-pv-grid2 ul.products.cera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px;} body.cera-site-theme main.cera-pv-compact ul.products.cera-grid{grid-template-columns:repeat(4,minmax(0,1fr));} } @media (max-width:620px){ body.cera-site-theme main.cera-pv-compact ul.products.cera-grid{grid-template-columns:repeat(2,minmax(0,1fr));} body.cera-site-theme main.cera-pv-grid2 ul.products.cera-grid, body.cera-site-theme main.cera-mcols-1 ul.products.cera-grid{grid-template-columns:1fr;} } body.cera-site-theme main.cera-pv-grid2 .cera-card .woocommerce-loop-product__title{font-size:22px!important;} body.cera-site-theme main.cera-pv-grid2 .cera-card .price{font-size:18px;} body.cera-site-theme main.cera-pv-compact .cera-card-cat{display:none;} body.cera-site-theme main.cera-pv-compact .cera-card-body{padding-top:12px;} body.cera-site-theme main.cera-pv-compact .cera-card .woocommerce-loop-product__title{font-size:15px!important;margin-top:4px!important;} body.cera-site-theme main.cera-pv-compact .cera-card .price{font-size:14px;margin-top:4px;} /* List: photo left, details + button right (button always visible) */ body.cera-site-theme main.cera-pv-list ul.products.cera-grid{grid-template-columns:1fr;gap:18px;} body.cera-site-theme main.cera-pv-list ul.products.cera-grid>li.product{display:grid!important;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:center;padding:14px!important;border:1px solid var(--line)!important;background:#fff!important;} body.cera-site-theme main.cera-pv-list .cera-card-body{padding:0 8px 0 0;text-align:left;} body.cera-site-theme main.cera-pv-list .cera-card-rating .star-rating{margin-left:0;} body.cera-site-theme main.cera-pv-list .cera-card .woocommerce-loop-product__title{font-size:22px!important;} body.cera-site-theme main.cera-pv-list .cera-card-cta{position:static;transform:none;margin-top:16px;} body.cera-site-theme main.cera-pv-list .cera-card-cta .button,body.cera-site-theme main.cera-pv-list .cera-card-cta a.button{display:inline-block!important;width:auto;padding:13px 28px!important;} @media (max-width:620px){ body.cera-site-theme main.cera-pv-list ul.products.cera-grid>li.product{grid-template-columns:116px minmax(0,1fr);gap:14px;padding:10px!important;} body.cera-site-theme main.cera-pv-list .cera-card .woocommerce-loop-product__title{font-size:16px!important;} body.cera-site-theme main.cera-pv-list .cera-card-cta .button,body.cera-site-theme main.cera-pv-list .cera-card-cta a.button{padding:10px 16px!important;font-size:11px!important;} } /* ---- Collection view (sub-category tiles; also the Collections page when enabled) ---- */ /* Photo overlay */ body.cera-site-theme .cera-cv-overlay .cera-coll-card{position:relative;border:0;} body.cera-site-theme .cera-cv-overlay .cera-coll-card .coll-media,body.cera-site-theme .cera-cv-overlay .cera-coll-card.no-img .coll-media{aspect-ratio:4/5;} body.cera-site-theme .cera-cv-overlay .cera-coll-card .coll-info{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 18px;background:linear-gradient(to top,rgba(var(--shadow-rgb),.9),transparent);} body.cera-site-theme .cera-cv-overlay .cera-coll-card h2,body.cera-site-theme .cera-cv-overlay .cera-coll-card h3{color:var(--cream);} body.cera-site-theme .cera-cv-overlay .cera-coll-card .coll-count{color:var(--gold-hi);} body.cera-site-theme .cera-cv-overlay .cera-coll-card .coll-cta,body.cera-site-theme .cera-cv-overlay .cera-coll-card .coll-kids{display:none;} /* Round thumbnails */ body.cera-site-theme .cera-cv-circles{display:flex;flex-wrap:wrap;justify-content:center;gap:30px 34px;} body.cera-site-theme .cera-cv-circles .cera-coll-card{flex:0 0 150px;width:150px;align-items:center;text-align:center;background:none;border:0;box-shadow:none;overflow:visible;} body.cera-site-theme .cera-cv-circles .cera-coll-card:hover{transform:none;box-shadow:none;} body.cera-site-theme .cera-cv-circles .cera-coll-card .coll-media,body.cera-site-theme .cera-cv-circles .cera-coll-card.no-img .coll-media{width:140px;height:140px;aspect-ratio:1/1;border-radius:50%;border:2px solid rgba(var(--gold-rgb),.55);box-shadow:var(--shadow-1);} body.cera-site-theme .cera-cv-circles .cera-coll-card.no-img .coll-media::after{display:none;} body.cera-site-theme .cera-cv-circles .cera-coll-card .coll-info{padding:12px 0 0;align-items:center;} body.cera-site-theme .cera-cv-circles .cera-coll-card h2,body.cera-site-theme .cera-cv-circles .cera-coll-card h3{font-size:17px;} body.cera-site-theme .cera-cv-circles .cera-coll-card .coll-cta,body.cera-site-theme .cera-cv-circles .cera-coll-card .coll-kids{display:none;} /* Text buttons */ body.cera-site-theme .cera-cv-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;} body.cera-site-theme .cera-cv-pills .cera-coll-card{flex-direction:row;align-items:center;width:auto;border-radius:999px;} body.cera-site-theme .cera-cv-pills .cera-coll-card .coll-media{display:none;} body.cera-site-theme .cera-cv-pills .cera-coll-card .coll-info{flex-direction:row;align-items:baseline;gap:10px;padding:11px 22px;} body.cera-site-theme .cera-cv-pills .cera-coll-card h2,body.cera-site-theme .cera-cv-pills .cera-coll-card h3{font-size:16px;} body.cera-site-theme .cera-cv-pills .cera-coll-card .coll-cta,body.cera-site-theme .cera-cv-pills .cera-coll-card .coll-kids{display:none;} /* Swipe row (all screens) */ body.cera-site-theme .cera-cv-carousel{display:flex;justify-content:flex-start;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 14px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;} body.cera-site-theme .cera-cv-carousel .cera-coll-card{flex:0 0 240px;min-width:0;scroll-snap-align:start;} /* Phones: on parent category pages the photo styles become a swipe row (about 2 tiles visible, next one peeking) */ @media (max-width:680px){ body.cera-site-theme .cera-cv-carousel{gap:12px;} body.cera-site-theme .cera-cv-carousel .cera-coll-card{flex-basis:42%;} body.cera-site-theme .cera-subcats.is-mcarousel{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 8px;} body.cera-site-theme .cera-subcats.is-mcarousel::-webkit-scrollbar{display:none;} body.cera-site-theme .cera-subcats.is-mcarousel .cera-coll-card{flex:0 0 42%;min-width:0;scroll-snap-align:start;} body.cera-site-theme .cera-subcats.is-mcarousel.cera-cv-circles .cera-coll-card{flex:0 0 112px;width:112px;} body.cera-site-theme .cera-subcats.is-mcarousel.cera-cv-circles .cera-coll-card .coll-media{width:100px;height:100px;} body.cera-site-theme .cera-subcats.is-mcarousel.cera-cv-cards .cera-coll-card .coll-media, body.cera-site-theme .cera-subcats.is-mcarousel.cera-cv-cards .cera-coll-card.no-img .coll-media{aspect-ratio:1/1;} body.cera-site-theme .cera-subcats.is-mcarousel.cera-cv-cards .cera-coll-card .coll-info{padding:12px 12px 14px;gap:4px;} body.cera-site-theme .cera-subcats.is-mcarousel.cera-cv-cards .cera-coll-card h3{font-size:16px;} body.cera-site-theme .cera-subcats.is-mcarousel.cera-cv-cards .cera-coll-card .coll-cta{margin-top:4px;font-size:12px;} body.cera-site-theme .cera-subcats-wrap:has(.is-mcarousel){margin-bottom:30px;} } /* ===== v3.32.0 — Instagram feed in the Follow along section ===== */ #cera-home-page .cera-ig{margin:38px auto 0;max-width:1100px;} #cera-home-page .cera-ig-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;} #cera-home-page .cera-ig-item{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--line);} #cera-home-page .cera-ig-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),opacity .4s;} #cera-home-page .cera-ig-item:hover img{transform:scale(1.07);opacity:.9;} #cera-home-page .cera-ig-item::after{content:"";position:absolute;inset:0;border:1px solid rgba(var(--gold-rgb),0);transition:border-color .4s;} #cera-home-page .cera-ig-item:hover::after{border-color:rgba(var(--gold-rgb),.8);} @media (max-width:900px){#cera-home-page .cera-ig-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}}