.elementor-988629 .elementor-element.elementor-element-5a15ed4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:56px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-988629 .elementor-element.elementor-element-d2153d9{--display:flex;}.elementor-988629 .elementor-element.elementor-element-658ff16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-988629 .elementor-element.elementor-element-2104416 .elementor-heading-title{color:#0A244A;}.elementor-988629 .elementor-element.elementor-element-652ef93 .cart button, .elementor-988629 .elementor-element.elementor-element-652ef93 .cart .button{transition:all 0.2s;}.elementor-988629 .elementor-element.elementor-element-652ef93 .quantity .qty{transition:all 0.2s;}.elementor-988629 .elementor-element.elementor-element-291d220{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:24px;--padding-right:24px;}.elementor-988629 .elementor-element.elementor-element-291d220:not(.elementor-motion-effects-element-type-background), .elementor-988629 .elementor-element.elementor-element-291d220 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-988629 .elementor-element.elementor-element-ce433f6{--display:flex;--padding-top:8px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-988629 .elementor-element.elementor-element-5ff01a7 > .elementor-widget-container{margin:0px 0px 8px 0px;}.elementor-988629 .elementor-element.elementor-element-5ff01a7{text-align:start;}.elementor-988629 .elementor-element.elementor-element-5ff01a7 .elementor-heading-title{color:#0A244A;}.elementor-988629 .elementor-element.elementor-element-8600e48{--display:flex;--padding-top:24px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-988629 .elementor-element.elementor-element-8600e48:not(.elementor-motion-effects-element-type-background), .elementor-988629 .elementor-element.elementor-element-8600e48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-988629 .elementor-element.elementor-element-1472bf5.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-988629 .elementor-element.elementor-element-1472bf5.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-988629 .elementor-element.elementor-element-9101b0c{--display:flex;--padding-top:56px;--padding-bottom:56px;--padding-left:24px;--padding-right:24px;}.elementor-988629 .elementor-element.elementor-element-9101b0c:not(.elementor-motion-effects-element-type-background), .elementor-988629 .elementor-element.elementor-element-9101b0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A244A;}.elementor-988629 .elementor-element.elementor-element-179bb50{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-988629 .elementor-element.elementor-element-ebf7d91{text-align:center;}.elementor-988629 .elementor-element.elementor-element-ebf7d91 .elementor-heading-title{color:#FFFFFF;}.elementor-988629 .elementor-element.elementor-element-748933e{color:#DCE5F2;}.elementor-988629 .elementor-element.elementor-element-748933e a{color:#DCE5F2;}@media(min-width:768px){.elementor-988629 .elementor-element.elementor-element-d2153d9{--width:44%;}.elementor-988629 .elementor-element.elementor-element-658ff16{--width:52%;}}@media(max-width:1024px){.elementor-988629 .elementor-element.elementor-element-1472bf5.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-988629 .elementor-element.elementor-element-1472bf5.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* =====================================================================
Brain single-product template — branded chrome (AI4X DNA layer)
Master: Sapphire #0A244A + Gold #C9A86E. Pillar accent: Copper #B87333.
Display: Cormorant Garamond. Body/UI: Inter.
===================================================================== */
/* ---- B0. TOKENS (scoped) ---- */
.elementor-988629{
--ds-sapphire:#0A244A; --ds-sapphire-2:#0C3056; --ds-gold:#C9A86E;
--ds-copper:#B87333; --ds-copper-deep:#6E3D17; --ds-copper-pale:#F2E1D1;
--ds-alabaster:#F7F7F7; --ds-body:#33425C; --ds-mute:#5B6A85;
--ds-line:rgba(10,36,74,.12); --ds-line-gold:rgba(201,168,110,.45);
}
/* =========================== B1. TYPOGRAPHY =========================== */
/* Product title (theme title widget OR woo title) -> Cormorant, fluid clamp */
.elementor-988629 .ds-prod-hero .product_title,
.elementor-988629 .ds-prod-hero h1,
.elementor-988629 .ds-prod-hero .elementor-heading-title{
font-family:"Cormorant Garamond",Georgia,serif!important;
font-weight:600!important;letter-spacing:-.02em!important;
font-size:clamp(34px,4.4vw,58px)!important;line-height:1.05!important;
color:#0A244A!important;
}
/* Section H2s ("Inside this Brain", "Related", CTA heading) -> Cormorant */
.elementor-988629 .ds-prod-content h2,
.elementor-988629 .ds-prod-content .elementor-heading-title,
.elementor-988629 .ds-prod-related h2,
.elementor-988629 .ds-prod-related .elementor-heading-title,
.elementor-988629 .ds-prod-cta h2,
.elementor-988629 .ds-prod-cta .elementor-heading-title{
font-family:"Cormorant Garamond",Georgia,serif!important;
font-weight:600!important;letter-spacing:-.015em!important;
font-size:clamp(27px,3.1vw,40px)!important;line-height:1.14!important;
}
.elementor-988629 .ds-prod-content h2,
.elementor-988629 .ds-prod-related h2,
.elementor-988629 .ds-prod-related .elementor-heading-title{color:#0A244A!important;}
/* CTA heading on the dark band -> white */
.elementor-988629 .ds-prod-cta h2,
.elementor-988629 .ds-prod-cta .elementor-heading-title{color:#fff!important;}
/* Sub-headings inside product long-content (Cormorant, smaller clamp) */
.elementor-988629 .woocommerce-product-content h3,
.elementor-988629 .ds-prod-content h3{
font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:600!important;
font-size:clamp(21px,2.2vw,28px)!important;line-height:1.25!important;color:#0A244A!important;
}
/* Body copy -> Inter, brand body color, comfortable measure */
.elementor-988629 .woocommerce-product-content,
.elementor-988629 .ds-prod-content .elementor-widget-theme-post-content,
.elementor-988629 .ds-prod-hero .woocommerce-product-details__short-description{
font-family:Inter,-apple-system,"Segoe UI",Arial,sans-serif!important;
font-size:16px!important;line-height:1.6!important;color:#33425C!important;
}
.elementor-988629 .woocommerce-product-content p{max-width:72ch;}
/* CTA band lede text -> alabaster on sapphire */
.elementor-988629 .ds-prod-cta .elementor-widget-text-editor,
.elementor-988629 .ds-prod-cta p{color:#F7F7F7!important;font-family:Inter,sans-serif!important;
font-size:clamp(15px,1.4vw,18px)!important;line-height:1.55!important;}
/* ---- B1b. EYEBROW + BREADCRUMB (Inter, uppercase, wide tracking, COPPER) ---- */
.elementor-988629 .ds-prod-hero .woocommerce-breadcrumb{
font-family:Inter,sans-serif!important;font-size:12px!important;font-weight:600!important;
letter-spacing:.16em!important;text-transform:uppercase!important;
color:#B87333!important;margin-bottom:10px!important;
}
.elementor-988629 .ds-prod-hero .woocommerce-breadcrumb a{color:#B87333!important;opacity:.85;}
.elementor-988629 .ds-prod-hero .woocommerce-breadcrumb a:hover{opacity:1;}
/* optional eyebrow above section H2 if you add a heading/text widget with .ds-eyebrow */
.elementor-988629 .ds-eyebrow{
font:600 12px/1 Inter,sans-serif!important;letter-spacing:.16em!important;
text-transform:uppercase!important;color:#B87333!important;
display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;
}
.elementor-988629 .ds-eyebrow::before{
content:"";width:28px;height:1px;background:#B87333;display:inline-block;
}
/* ====================== B2. HERO SUMMARY GLASS CARD ====================== */
/* Frost the summary column (child B: breadcrumb/title/price/add-to-cart/meta).
The hero is now a 2-up: image (44%) | glass summary card (52%). */
.elementor-988629 .ds-prod-hero .e-con-inner > .e-con:last-child{
background:rgba(247,247,247,.80)!important;
backdrop-filter:blur(18px) saturate(140%);
-webkit-backdrop-filter:blur(18px) saturate(140%);
border:0.5px solid rgba(15,27,45,.10)!important;
border-radius:20px!important;
box-shadow:0 1px 4px rgba(15,27,45,.08),0 12px 32px rgba(15,27,45,.10)!important;
padding:32px 30px!important;
}
/* keep the gallery column visually paired (soft card, no frost) */
.elementor-988629 .ds-prod-hero .woocommerce-product-gallery,
.elementor-988629 .ds-prod-hero .woocommerce-product-gallery__wrapper{
border-radius:20px!important;overflow:hidden;
}
/* ---- B3. PRICE — Cormorant numerals, copper-tinted, generous ---- */
.elementor-988629 .ds-prod-hero .price,
.elementor-988629 .ds-prod-hero .woocommerce-Price-amount{
font-family:"Cormorant Garamond",Georgia,serif!important;
font-weight:600!important;font-size:clamp(34px,3.6vw,46px)!important;
line-height:1!important;color:#0A244A!important;
}
.elementor-988629 .ds-prod-hero del .woocommerce-Price-amount{
color:#8A95A6!important;font-size:.6em!important;font-weight:500!important;
}
.elementor-988629 .ds-prod-hero ins .woocommerce-Price-amount{color:#B87333!important;text-decoration:none;}
/* ---- B4. TRUSTLINE (existing) — keep, retint divider to copper hairline ---- */
.elementor-988629 .ds-prod-hero .ds-trustline{
font:500 13px Inter,sans-serif!important;color:#5B6A85!important;
border-top:1px solid rgba(184,115,51,.30)!important;padding-top:14px!important;margin-top:8px!important;
}
/* ---- B5. PILL ADD-TO-CART (existing recipe, kept; hover tuned) ---- */
.elementor-988629 .ds-prod-hero .single_add_to_cart_button,
.elementor-988629 .ds-prod-hero button.button.alt{
background:#0A244A!important;color:#fff!important;border-radius:60px!important;border:0!important;
padding:17px 36px!important;font:600 16px Inter,sans-serif!important;letter-spacing:.3px!important;
box-shadow:0 1px 4px rgba(15,27,45,.20)!important;transition:transform .2s,background .2s,box-shadow .2s!important;
}
.elementor-988629 .ds-prod-hero .single_add_to_cart_button:hover,
.elementor-988629 .ds-prod-hero button.button.alt:hover{
background:#C9A86E!important;color:#0A244A!important;
transform:translateY(-1px)!important;box-shadow:0 4px 14px rgba(0,0,0,.18)!important;
}
/* quantity field (existing) */
.elementor-988629 .ds-prod-hero .quantity input{
border-radius:10px!important;border:1px solid rgba(10,36,74,.14)!important;padding:10px!important;
}
/* ---- B6. WC META as copper badges (sku/category chips) ---- */
.elementor-988629 .ds-prod-hero .product_meta{
font:500 13px Inter,sans-serif!important;color:#5B6A85!important;
border-top:1px solid rgba(10,36,74,.10)!important;padding-top:14px!important;margin-top:14px!important;
}
.elementor-988629 .ds-prod-hero .product_meta a{
display:inline-block;font:600 11px Inter,sans-serif!important;text-transform:uppercase;letter-spacing:.06em;
color:#6E3D17!important;background:#F2E1D1!important;border:1px solid rgba(184,115,51,.35)!important;
border-radius:999px!important;padding:4px 12px!important;margin:2px 4px 2px 0;text-decoration:none!important;
}
/* ===================== B7. RELATED PRODUCT CARDS ===================== */
.elementor-988629 .ds-prod-related h2,
.elementor-988629 .ds-prod-related .elementor-heading-title{color:#0A244A;} /* kept */
.elementor-988629 .ds-prod-related ul.products li.product{
background:#FFFFFF!important;border:0.5px solid rgba(10,36,74,.12)!important;
border-radius:20px!important;padding:18px!important;
box-shadow:0 1px 4px rgba(15,27,45,.08)!important;
transition:box-shadow .3s,transform .3s,border-color .3s!important;
}
.elementor-988629 .ds-prod-related ul.products li.product:hover{
box-shadow:0 12px 32px rgba(10,36,74,.14)!important;transform:translateY(-3px)!important;
border-color:rgba(184,115,51,.45)!important; /* copper edge on hover */
}
.elementor-988629 .ds-prod-related ul.products li.product img{border-radius:12px!important;}
.elementor-988629 .ds-prod-related ul.products li.product .woocommerce-loop-product__title{
font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:600!important;
font-size:19px!important;color:#0A244A!important;line-height:1.25!important;
}
.elementor-988629 .ds-prod-related ul.products li.product .price{
font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:600!important;
color:#B87333!important;font-size:22px!important;
}
/* related "add to cart" -> secondary white pill w/ copper hairline */
.elementor-988629 .ds-prod-related ul.products li.product a.button{
background:#FFFFFF!important;color:#0A244A!important;border-radius:60px!important;
border:0.5px solid rgba(184,115,51,.45)!important;padding:10px 22px!important;
font:600 14px Inter,sans-serif!important;transition:.2s!important;
}
.elementor-988629 .ds-prod-related ul.products li.product a.button:hover{
background:#0A244A!important;color:#fff!important;border-color:#0A244A!important;
}
/* ===================== B8. CTA BUTTON (existing, kept) ===================== */
.elementor-988629 .ds-prod-cta-btn .elementor-button{
background:#C9A86E!important;color:#0A244A!important;border-radius:60px!important;
padding:17px 36px!important;font:600 16px Inter,sans-serif!important;border:0!important;
box-shadow:0 1px 4px rgba(15,27,45,.20)!important;transition:transform .2s,background .2s!important;
}
.elementor-988629 .ds-prod-cta-btn .elementor-button:hover{
background:#fff!important;color:#0A244A!important;transform:translateY(-1px)!important;
}
/* ===================== B9. DIVIDERS / RULES ===================== */
/* gold gradient hairline between content sub-blocks (add an Elementor divider
widget with class .ds-rule, or it styles any
in product content) */
.elementor-988629 .ds-rule,
.elementor-988629 .woocommerce-product-content hr{
height:1px!important;border:0!important;
background:linear-gradient(90deg,transparent,#E3D6B8 50%,transparent)!important;
margin:32px 0!important;
}
/* copper gold-check list (apply .ds-check to a in product content) */
.elementor-988629 .ds-check{list-style:none;margin:0;padding:0;}
.elementor-988629 .ds-check li{position:relative;padding-left:30px;margin-bottom:11px;line-height:1.45;}
.elementor-988629 .ds-check li::before{
content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#C9A86E;}
.elementor-988629 .ds-check li::after{
content:"";position:absolute;left:6px;top:7px;width:5px;height:9px;
border:solid #0F0F0F;border-width:0 2px 2px 0;transform:rotate(45deg);}
/* ===================== B10. RESPONSIVE ===================== */
/* Tablet: ease padding, soften hero card; grids already handled by theme/woo */
@media(max-width:1024px){
.elementor-988629 .ds-prod-hero .e-con-inner > .e-con:last-child{padding:26px 22px!important;}
.elementor-988629 .ds-prod-related ul.products li.product{padding:16px!important;}
}
/* Mobile: stack (kit already flips hero to column at <=880); retune type + frost.
NOTE: do not set widths here — the kit's :not(#zz) <=1024 reset owns width. */
@media(max-width:767px){
.elementor-988629 .ds-prod-hero .product_title,
.elementor-988629 .ds-prod-hero h1{font-size:clamp(28px,7.4vw,38px)!important;line-height:1.12!important;}
.elementor-988629 .ds-prod-content h2,
.elementor-988629 .ds-prod-related h2,
.elementor-988629 .ds-prod-cta h2{font-size:clamp(24px,6vw,30px)!important;}
.elementor-988629 .ds-prod-hero .e-con-inner > .e-con:last-child{
padding:22px 18px!important;border-radius:16px!important;
/* drop heavy frost on mobile (perf + legibility) */
background:rgba(247,247,247,.94)!important;backdrop-filter:blur(8px)!important;
}
.elementor-988629 .ds-prod-hero .price,
.elementor-988629 .ds-prod-hero .woocommerce-Price-amount{font-size:clamp(30px,8vw,38px)!important;}
.elementor-988629 .ds-prod-hero .single_add_to_cart_button,
.elementor-988629 .ds-prod-hero button.button.alt{width:100%!important;text-align:center!important;}
}
/* very small (<=390): kill side over-padding, ensure no h-scroll from full-bleed */
@media(max-width:390px){
.elementor-988629 .ds-prod-hero > .e-con-inner,
.elementor-988629 .ds-prod-related > .e-con-inner,
.elementor-988629 .ds-prod-cta > .e-con-inner{padding-inline:16px!important;}
}/* End custom CSS */