/**
 * ABA BrandBook 2026 — Version 7
 *
 * Brand foundation layer.
 *
 * IMPORTANT:
 * - Do not place layout fixes in this file.
 * - Do not use this file for unrelated legacy cleanup.
 * - Initial deployment is intentionally inert:
 *   this stylesheet is NOT enqueued yet.
 */

:root {
    --aba-brand-blue: #00D6FA;
    --aba-brand-salmon: #FB756A;
    --aba-brand-cream: #F7E0BE;
    --aba-brand-charcoal: #2E2E2E;
    --aba-brand-white: #FFFFFF;

    --aba-font-family: "Elevance Sans", sans-serif;

    --aba-font-weight-light: 300;
    --aba-font-weight-regular: 400;
    --aba-font-weight-medium: 500;
    --aba-font-weight-bold: 700;
}

/* ==========================================================
   Elevance Sans — ABA official brand typeface
   Initial web set: Light / Regular / Medium / Bold
   ========================================================== */

@font-face {
    font-family: "Elevance Sans";
    src: url("../fonts/elevance/ElevanceSans-Light.otf") format("opentype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Elevance Sans";
    src: url("../fonts/elevance/ElevanceSans-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Elevance Sans";
    src: url("../fonts/elevance/ElevanceSans-Medium.otf") format("opentype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Elevance Sans";
    src: url("../fonts/elevance/ElevanceSans-Bold.otf") format("opentype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}


/* ==========================================================
   ABA_BRAND_V7_CANARY_TYPO_FAMILY

   PAGE 800 — ELECTRÓLISIS

   Canary scope:
   - Content owned by Elementor page 800 only.
   - Header and footer are intentionally excluded.
   - Font family only.
   - Existing font sizes, weights, line heights, colors,
     spacing and layout remain untouched.
   ========================================================== */

body.page-id-800 .elementor-800
.elementor-widget-heading .elementor-heading-title,

body.page-id-800 .elementor-800
.elementor-widget-text-editor,

body.page-id-800 .elementor-800
.elementor-widget-button .elementor-button,

body.page-id-800 .elementor-800
.elementor-testimonial__text,

body.page-id-800 .elementor-800
.elementor-testimonial__name {
    font-family: var(--aba-font-family);
}


/* ==========================================================
   ABA_BRAND_V7_CANARY_TYPO_WEIGHTS

   PAGE 800 — ELECTRÓLISIS

   BrandBook typography hierarchy:
   - Primary headline: Light 300
   - Eyebrow/subheads: Medium 500
   - Body copy: Regular 400
   - CTA emphasis: Bold 700

   Existing sizes, line heights, colors and spacing preserved.
   ========================================================== */

/* Hero headline — "Un método de depilación definitiva" */
body.page-id-800 .elementor-800
.elementor-element.elementor-element-86353d7
.elementor-heading-title {
    font-weight: var(--aba-font-weight-light);
}

/* Eyebrow — "Electrólisis" */
body.page-id-800 .elementor-800
.elementor-element.elementor-element-2841930
.elementor-heading-title,

/* Section heading — "¿Cómo funciona la electrólisis?" */
body.page-id-800 .elementor-800
.elementor-element.elementor-element-6d21693
.elementor-heading-title,

/* Section heading — "¿La electrólisis sustituye...?" */
body.page-id-800 .elementor-800
.elementor-element.elementor-element-23cd772
.elementor-heading-title {
    font-weight: var(--aba-font-weight-medium);
}

/* Body copy */
body.page-id-800 .elementor-800
.elementor-widget-text-editor {
    font-weight: var(--aba-font-weight-regular);
}

/* Primary CTA */
body.page-id-800 .elementor-800
.elementor-element.elementor-element-bcf62a1
.elementor-button {
    font-weight: var(--aba-font-weight-bold);
}


/* ==========================================================
   ABA_BRAND_V7_CANARY_COLORS_PAGE800

   PAGE 800 — ELECTRÓLISIS

   BrandBook V7 color adaptation only.

   - Typography: ABA Charcoal
   - Primary CTA: ABA Blue + Charcoal text
   - CTA hover/focus: Salmon + Charcoal text

   No layout, spacing or structural changes.
   ========================================================== */

/* Page headings */
body.page-id-800 .elementor-800
.elementor-widget-heading .elementor-heading-title {
    color: var(--aba-brand-charcoal);
}

/* Body copy */
body.page-id-800 .elementor-800
.elementor-widget-text-editor {
    color: var(--aba-brand-charcoal);
}

/* Primary CTA */
body.page-id-800 .elementor-800
.elementor-element.elementor-element-bcf62a1
.elementor-button {
    background-color: var(--aba-brand-blue);
    color: var(--aba-brand-charcoal);
    fill: var(--aba-brand-charcoal);
}

/* Primary CTA hover / keyboard focus */
body.page-id-800 .elementor-800
.elementor-element.elementor-element-bcf62a1
.elementor-button:hover,

body.page-id-800 .elementor-800
.elementor-element.elementor-element-bcf62a1
.elementor-button:focus {
    background-color: var(--aba-brand-salmon);
    color: var(--aba-brand-charcoal);
    fill: var(--aba-brand-charcoal);
}




/* ==========================================================
   ABA_BRAND_V7_HEADER_APPROVED

   PAGE 800 ? APPROVED HEADER CANARY
   Header template: Elementor 536013

   Approved visual state:
   - Elevance navigation typography
   - ABA Charcoal functional text/icons
   - ABA Blue submenu arrows
   - ABA Salmon active accent + cart badge
   - Official horizontal ABA Blue logo
   - Desktop logo: 150px inside 180px reserved footprint
   - Existing approved mobile logo treatment preserved
   - Account uses isolated ABA Charcoal SVG derivative

   No Elementor data or header structure is modified.
   ========================================================== */


/* ----------------------------------------------------------
   MAIN NAVIGATION
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu--main .elementor-item {
    font-family: var(--aba-font-family);
    font-weight: var(--aba-font-weight-medium);
    color: var(--aba-brand-charcoal);
    fill: var(--aba-brand-charcoal);
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu--main .elementor-item:hover,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu--main .elementor-item:focus,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu--main .elementor-item.elementor-item-active,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu--main .elementor-item.highlighted {
    color: var(--aba-brand-charcoal);
    fill: var(--aba-brand-charcoal);
}


/* Active / hover accent */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu li > a::after {
    border-color: var(--aba-brand-salmon);
}


/* ABA Blue submenu arrows */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.sub-arrow svg {
    fill: var(--aba-brand-blue) !important;
}


/* ----------------------------------------------------------
   DROPDOWN + MOBILE NAVIGATION
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu > li ul.sub-menu {
    background-color: var(--aba-brand-white) !important;
}


/*
 * Legacy CSS contains competing !important declarations.
 * These !important declarations are therefore intentional.
 */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu--dropdown > .elementor-nav-menu > li > .elementor-item {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-charcoal) !important;
    fill: var(--aba-brand-charcoal) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu--dropdown > .elementor-nav-menu > li > .elementor-item:hover,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu--dropdown > .elementor-nav-menu > li > .elementor-item:focus,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu--dropdown > .elementor-nav-menu > li > .elementor-item.elementor-item-active {
    color: var(--aba-brand-charcoal) !important;
    fill: var(--aba-brand-charcoal) !important;
    background-color: var(--aba-brand-white) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu--dropdown .elementor-sub-item,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-nav-menu > li ul.sub-menu li a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
    fill: var(--aba-brand-charcoal) !important;
}


/* Mobile hamburger */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-menu-toggle {
    color: var(--aba-brand-charcoal);
    fill: var(--aba-brand-charcoal);
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-25972587
.elementor-menu-toggle svg {
    fill: var(--aba-brand-charcoal);
}


/* ----------------------------------------------------------
   OFFICIAL ABA LOGO
   ---------------------------------------------------------- */


/*
 * Base desktop widget image treatment.
 * Final desktop footprint is defined below at >=768px.
 */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-aba8e66 img {
    content: url("../images/brand-v7/aba-logo-horizontal-blue-v7.png");
    width: 100% !important;
    height: 91px !important;
    object-fit: contain;
    object-position: left center;
}


/*
 * Approved mobile treatment remains exactly as tested.
 */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-46d85a7 img {
    content: url("../images/brand-v7/aba-logo-horizontal-blue-v7.png");
    width: 100% !important;
    height: 75px !important;
    object-fit: contain;
    object-position: left center;
}


/* Approved desktop logo geometry */

@media (min-width: 768px) {

    
        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
    .elementor-element.elementor-element-aba8e66 {
        width: 180px !important;
        max-width: 180px !important;
        flex: 0 0 180px !important;
        height: 91px !important;
    }

    
        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
    .elementor-element.elementor-element-aba8e66
    .elementor-widget-container {
        width: 180px !important;
        height: 91px !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    
        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
    .elementor-element.elementor-element-aba8e66 img {
        width: 150px !important;
        max-width: 150px !important;
        height: auto !important;
        max-height: 50px !important;
        object-fit: contain;
        object-position: left center;
    }
}


/* ----------------------------------------------------------
   ACCOUNT
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-76a4f203
.user_profile_dd a {
    color: var(--aba-brand-charcoal) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-76a4f203
.user_profile_dd img {
    content: url("../images/brand-v7/aba-account-icon-charcoal-v7.svg");
}


/* ----------------------------------------------------------
   CART
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-4af3d429
.elementor-menu-cart__toggle .elementor-button {
    color: var(--aba-brand-charcoal);
    fill: var(--aba-brand-charcoal);
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-4af3d429
.elementor-menu-cart__toggle svg {
    fill: var(--aba-brand-charcoal);
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-4af3d429
.elementor-menu-cart__toggle_button,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-4af3d429
.elementor-button-icon,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-4af3d429
.elementor-button-icon svg,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-4af3d429
.elementor-button-icon svg path {
    color: var(--aba-brand-charcoal) !important;
    fill: var(--aba-brand-charcoal) !important;
}


/* Cart quantity badge */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-4af3d429
.elementor-button-icon-qty {
    background: var(--aba-brand-salmon) !important;
    color: var(--aba-brand-charcoal) !important;
    fill: var(--aba-brand-charcoal) !important;
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;
}


/* ----------------------------------------------------------
   SEARCH
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-d9bc402
.elementor-search-form__toggle {
    color: var(--aba-brand-charcoal);
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536013
    
.elementor-element.elementor-element-d9bc402
.elementor-search-form__toggle svg {
    fill: var(--aba-brand-charcoal) !important;
}




/* ==========================================================
   ABA_BRAND_V7_FOOTER_APPROVED

   PAGE 800 ? APPROVED FOOTER CANARY
   Elementor Footer: 536112

   Approved visual state:
   - Cream contact surface
   - Elevance typography
   - White form controls + ABA Blue focus
   - Modern ABA Blue CTA / Salmon interaction
   - Official Facebook + Instagram assets
   - ABA Charcoal closing bar
   - White legal/copyright copy
   - ABA Blue interaction accent
   - Mobile legal safe area for floating cart

   CF7 logic, Elementor data, links and layout structure
   remain untouched.
   ========================================================== */


/* ----------------------------------------------------------
   CONTACT SURFACE
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-60d43024 {
    background-color: rgba(247, 224, 190, 0.24) !important;
}


/* ----------------------------------------------------------
   FOOTER COPY
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-6d2420bd
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-c34896f
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-53c0ed8d,

        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-53c0ed8d p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   CF7 FORM
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form input:not([type="submit"]):not([type="checkbox"]),


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form select,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form textarea {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;

    background-color: var(--aba-brand-white) !important;
    border: 1px solid rgba(46, 46, 46, 0.14) !important;

    box-shadow:
        0 3px 16px rgba(46, 46, 46, 0.08) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form input::placeholder,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form textarea::placeholder {
    color: rgba(46, 46, 46, 0.64) !important;
    opacity: 1 !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form input:not([type="submit"]):not([type="checkbox"]):focus,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form select:focus,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form textarea:focus {
    outline: none !important;
    border-color: var(--aba-brand-blue) !important;

    box-shadow:
        0 0 0 3px rgba(0, 214, 250, 0.18) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form .termcheck {
    accent-color: var(--aba-brand-blue);
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form .wpcf7-list-item-label {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form .wpcf7-list-item-label a {
    color: var(--aba-brand-charcoal) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--aba-brand-blue) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form .wpcf7-list-item-label a:hover {
    text-decoration-color: var(--aba-brand-salmon) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.wpcf7-not-valid-tip {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-salmon) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.wpcf7-response-output {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   APPROVED CTA
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
#gform_submit_button_12 {
    width: 160px !important;
    height: 50px !important;

    padding: 0 24px !important;

    border: 0 !important;
    border-radius: 10px !important;

    background: var(--aba-brand-blue) !important;
    color: var(--aba-brand-charcoal) !important;

    font-family: var(--aba-font-family) !important;
    font-size: 14px !important;
    font-weight: var(--aba-font-weight-bold) !important;
    line-height: 1 !important;
    text-transform: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    animation: none !important;

    box-shadow:
        0 6px 16px rgba(46, 46, 46, 0.12) !important;

    transition:
        background-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
#gform_submit_button_12:hover {
    background: var(--aba-brand-salmon) !important;

    box-shadow:
        0 8px 20px rgba(46, 46, 46, 0.16) !important;

    transform: translateY(-1px);
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-dbf808b
#gform_submit_button_12:focus-visible {
    background: var(--aba-brand-salmon) !important;

    outline: 3px solid rgba(0, 214, 250, 0.28) !important;
    outline-offset: 3px !important;
}


/* ----------------------------------------------------------
   OFFICIAL SOCIAL ASSETS
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"],


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"] {
    position: relative !important;

    width: 56px !important;
    height: 56px !important;

    padding: 4px !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-sizing: border-box !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"] > i,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"] > i,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"] > svg,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"] > svg {
    display: none !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"]::before,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"]::before {
    content: "" !important;

    display: block !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"]::before {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;

    background-image:
        url("../images/brand-v7/social/facebook-logo-primary.png") !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"]::before {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;

    background-image:
        url("../images/brand-v7/social/instagram-glyph-black.svg") !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"]:hover,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"]:hover {
    background: transparent !important;
    transform: none !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon:focus-visible {
    outline: 2px solid var(--aba-brand-blue) !important;
    outline-offset: 3px !important;
}


/* ----------------------------------------------------------
   CLOSING BAR
   ---------------------------------------------------------- */


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-9658a35 {
    background-color: var(--aba-brand-charcoal) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-52275438
.elementor-heading-title,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-52275438
.elementor-heading-title a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-white) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-52275438
.elementor-heading-title a:hover,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-52275438
.elementor-heading-title a:focus {
    color: var(--aba-brand-blue) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-6ab8b01a
.elementor-icon-list-text,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-6ab8b01a
.elementor-icon-list-item a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-white) !important;
}


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-6ab8b01a
.elementor-icon-list-item a:hover
.elementor-icon-list-text,


        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
.elementor-element.elementor-element-6ab8b01a
.elementor-icon-list-item a:focus
.elementor-icon-list-text {
    color: var(--aba-brand-blue) !important;

    text-decoration: underline !important;
    text-decoration-color: var(--aba-brand-blue) !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px;
}


/* ----------------------------------------------------------
   MOBILE FLOATING-CART SAFE AREA
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    
        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
    .elementor-element.elementor-element-6ab8b01a {
        padding-right: 72px !important;
        padding-left: 8px !important;

        box-sizing: border-box !important;
    }

    
        body:is(.page-id-800, .page-id-527783, .page-id-527791, .page-id-527796, .page-id-527801, .page-id-527811, .page-id-527820, .page-id-527780, .page-id-527838, .page-id-527902, .page-id-537376, .page-id-528246, .page-id-529188, .page-id-538960, .page-id-527416, .aba-brand-v7-skin-archive, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary, .page-id-535607, .page-id-794, .page-id-536617, .page-id-536656, .page-id-536661, .page-id-536666, .page-id-536674, .page-id-536679, .page-id-537894, .page-id-535167, .page-id-537667, .page-id-536302, .page-id-527422, .page-id-796, .page-id-507, .page-id-503) .elementor-536112
    
    .elementor-element.elementor-element-6ab8b01a
    .elementor-icon-list-items {
        justify-content: center !important;
    }
}




/* ==========================================================
   ABA_BRAND_V7_LEGAL_CONTENT_BATCH_V1

   APPROVED LEGAL CONTENT FAMILY

   Pages:
   - 527783 T?rminos y Condiciones
   - 527791 Pol?tica de Devoluci?n
   - 527796 Pol?tica de Privacidad
   - 527801 Pol?tica de SMS
   - 527811 Pol?tica de Citas
   - 527820 Terms and Conditions

   Brand adaptation only:
   - Legal wording unchanged
   - Elementor data unchanged
   - PHP template unchanged
   - Share controls unchanged
   - Sidebar unchanged
   ========================================================== */


/* Template page title */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.common-section-content
.main_content_area > h2 {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* Legal content */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.common-section-content
.elementor-widget-text-editor,

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.common-section-content
.elementor-widget-text-editor p,

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.common-section-content
.elementor-widget-text-editor li {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* Emphasis */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.common-section-content
.elementor-widget-text-editor strong {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* Links */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.common-section-content
.elementor-widget-text-editor a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-blue) !important;
}

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.common-section-content
.elementor-widget-text-editor a:hover,

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.common-section-content
.elementor-widget-text-editor a:focus {
    color: var(--aba-brand-salmon) !important;
}




/* ==========================================================
   ABA_BRAND_V7_SIDEBAR_LEGAL_BATCH_V1

   APPROVED SHARED SIDEBAR ? LEGAL PAGES

   Pages:
   - 527783 T?rminos y Condiciones
   - 527791 Pol?tica de Devoluci?n
   - 527796 Pol?tica de Privacidad
   - 527801 Pol?tica de SMS
   - 527811 Pol?tica de Citas
   - 527820 Terms and Conditions

   Branding only:
   - Widget-title typography/color
   - Related-topic typography/color
   - Topic-count accent

   Untouched:
   - sidebar.php
   - PHP queries
   - Offer images
   - Blog images
   - Sidebar structure/layout
   - Share controls
   ========================================================== */


/* Ofertas / Desde el Blog / Temas relacionados */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.sidebar
.widget-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* Related-topic links */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.sidebar
.related_cat ul li a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-blue) !important;
}


/* Topic counts */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.sidebar
.related_cat ul li a span {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-salmon) !important;
}


/* Interaction */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.sidebar
.related_cat ul li a:hover,

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.sidebar
.related_cat ul li a:focus {
    color: var(--aba-brand-salmon) !important;
}




/* ==========================================================
   ABA_BRAND_V7_SHARE_CONTROLS_LEGAL_BATCH_V1

   APPROVED SHARE CONTROLS ? LEGAL PAGES

   Pages:
   - 527783 T?rminos y Condiciones
   - 527791 Pol?tica de Devoluci?n
   - 527796 Pol?tica de Privacidad
   - 527801 Pol?tica de SMS
   - 527811 Pol?tica de Citas
   - 527820 Terms and Conditions

   Visual treatment only.

   Preserved:
   - PHP template
   - Facebook share href
   - Twitter/X share href
   - mailto href
   - onclick popup behavior
   - page URLs / subjects

   Artwork:
   - Official Facebook Primary Logo
   - Official X Black Logo
   - Existing neutral email icon
   ========================================================== */


/* ----------------------------------------------------------
   SHARED LAYOUT
   ---------------------------------------------------------- */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social {
    margin-bottom: 40px;
}

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social ul {
    display: flex !important;
    align-items: center !important;

    gap: 12px !important;

    padding: 0 !important;
    margin: 0 !important;
}

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social ul li {
    display: block !important;
    margin: 0 !important;
}


/* ----------------------------------------------------------
   SHARED 48x48 CONTROL
   ---------------------------------------------------------- */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social ul li a {
    position: relative !important;

    width: 48px !important;
    height: 48px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    line-height: 1 !important;

    background: var(--aba-brand-white) !important;

    border:
        1px solid rgba(46, 46, 46, 0.14) !important;

    border-radius: 10px !important;

    box-shadow:
        0 3px 12px rgba(46, 46, 46, 0.06) !important;

    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease !important;
}


/* ----------------------------------------------------------
   FACEBOOK + X ? OFFICIAL ARTWORK
   ---------------------------------------------------------- */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social
a.customfb > i,

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social
a.customtwit > i {
    display: none !important;
}

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social
a.customfb::before,

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social
a.customtwit::before {
    content: "" !important;

    display: block !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}


/* Facebook */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social
a.customfb::before {
    width: 30px !important;
    height: 30px !important;

    background-image:
        url("../images/brand-v7/social/facebook-logo-primary.png") !important;
}


/* X */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social
a.customtwit::before {
    width: 24px !important;
    height: 24px !important;

    background-image:
        url("../images/brand-v7/social/x-logo-black.png") !important;
}


/* ----------------------------------------------------------
   EMAIL
   ---------------------------------------------------------- */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social
ul li:last-child a {
    color: var(--aba-brand-charcoal) !important;
}

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social
ul li:last-child a i {
    font-size: 20px !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   INTERACTION
   ---------------------------------------------------------- */

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social ul li a:hover {
    border-color: var(--aba-brand-blue) !important;

    box-shadow:
        0 5px 14px rgba(46, 46, 46, 0.10) !important;

    transform: translateY(-1px);
}

body:is(
    .page-id-527783,
    .page-id-527791,
    .page-id-527796,
    .page-id-527801,
    .page-id-527811,
    .page-id-527820
)
.main_content_area
.single_social ul li a:focus-visible {
    outline:
        2px solid var(--aba-brand-blue) !important;

    outline-offset: 3px !important;
}




/* ==========================================================
   ABA_BRAND_V7_OFFICE_PAGES_BATCH_V1

   APPROVED OFFICE PAGE FAMILY

   Pages:
   - 527780 Condado
   - 527838 Rio Piedras

   Branding only:
   - Page title
   - Tel?fono / Ubicaci?n / Horario labels
   - Corresponding values
   - Supporting text-editor content

   Untouched:
   - Layout
   - Elementor data
   - Font sizes
   - Spacing
   - Maps
   - Sidebar
   - Share controls
   - PHP template
   ========================================================== */


/* ----------------------------------------------------------
   TEMPLATE PAGE TITLES
   ---------------------------------------------------------- */

body:is(
    .page-id-527780,
    .page-id-527838
)
.common-section-content
.main_content_area > h2 {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   LABELS
   ---------------------------------------------------------- */

/* Condado */

body.page-id-527780
.elementor-527780
.elementor-element.elementor-element-97ec6cc
.elementor-heading-title,

body.page-id-527780
.elementor-527780
.elementor-element.elementor-element-b453372
.elementor-heading-title,

body.page-id-527780
.elementor-527780
.elementor-element.elementor-element-918bf45
.elementor-heading-title,

/* Rio Piedras */

body.page-id-527838
.elementor-527838
.elementor-element.elementor-element-ca69f77
.elementor-heading-title,

body.page-id-527838
.elementor-527838
.elementor-element.elementor-element-195da34
.elementor-heading-title,

body.page-id-527838
.elementor-527838
.elementor-element.elementor-element-ab69d5c
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   VALUES
   ---------------------------------------------------------- */

/* Condado */

body.page-id-527780
.elementor-527780
.elementor-element.elementor-element-b6f95e4
.elementor-heading-title,

body.page-id-527780
.elementor-527780
.elementor-element.elementor-element-0ea38a1
.elementor-heading-title,

body.page-id-527780
.elementor-527780
.elementor-element.elementor-element-fb6306c
.elementor-heading-title,

/* Rio Piedras */

body.page-id-527838
.elementor-527838
.elementor-element.elementor-element-703c2cf
.elementor-heading-title,

body.page-id-527838
.elementor-527838
.elementor-element.elementor-element-55ec947
.elementor-heading-title,

body.page-id-527838
.elementor-527838
.elementor-element.elementor-element-f0f4181
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   SUPPORTING TEXT
   ---------------------------------------------------------- */

body.page-id-527780
.elementor-527780
.elementor-element.elementor-element-e3bdf11,

body.page-id-527780
.elementor-527780
.elementor-element.elementor-element-e3bdf11 p,

body.page-id-527780
.elementor-527780
.elementor-element.elementor-element-e3bdf11 li,

body.page-id-527838
.elementor-527838
.elementor-element.elementor-element-c6e4893,

body.page-id-527838
.elementor-527838
.elementor-element.elementor-element-c6e4893 p,

body.page-id-527838
.elementor-527838
.elementor-element.elementor-element-c6e4893 li {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ==========================================================
   ABA_BRAND_V7_PAYMENT_METHODS_APPROVED

   PAGE 527902 ? METODOS DE PAGO

   Branding adaptation only.

   Changed:
   - Main heading
   - Text-editor typography
   - Strong/emphasis
   - Links

   Preserved:
   - Neutral #F7F7F7 section background
   - White content surfaces
   - Layout
   - Sizes
   - Spacing
   - Elementor data
   ========================================================== */


/* Main title */

body.page-id-527902
.elementor-527902
.elementor-element.elementor-element-e59ac8b
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* All six text content blocks */

body.page-id-527902
.elementor-527902
.elementor-widget-text-editor,

body.page-id-527902
.elementor-527902
.elementor-widget-text-editor p,

body.page-id-527902
.elementor-527902
.elementor-widget-text-editor li {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* Existing emphasis */

body.page-id-527902
.elementor-527902
.elementor-widget-text-editor strong {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* Links */

body.page-id-527902
.elementor-527902
.elementor-widget-text-editor a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-blue) !important;
}

body.page-id-527902
.elementor-527902
.elementor-widget-text-editor a:hover,

body.page-id-527902
.elementor-527902
.elementor-widget-text-editor a:focus {
    color: var(--aba-brand-salmon) !important;
}




/* ==========================================================
   ABA_BRAND_V7_FAQ_APPROVED

   PAGE 537376 ? FAQ

   APPROVED BRAND ADAPTATION

   Includes:
   - Page title
   - FAQ questions
   - FAQ answers
   - FAQ CTA buttons
   - FAQ dividers
   - Locations title
   - Office names
   - Office addresses
   - Phone actions
   - Locations divider

   Preserved:
   - 3 map HTML widgets
   - Map embeds / iframe behavior
   - Columns
   - Layout
   - Sizes
   - Spacing
   - Elementor data
   ========================================================== */


/* ----------------------------------------------------------
   PAGE TITLE
   ---------------------------------------------------------- */

body.page-id-537376
.elementor-537376
.elementor-element.elementor-element-b07a9c7
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   FAQ QUESTIONS
   ---------------------------------------------------------- */

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-6ebd524,
    .elementor-element-4d6d439,
    .elementor-element-2e1f685,
    .elementor-element-04c8be7,
    .elementor-element-55b08d3,
    .elementor-element-9f93aea,
    .elementor-element-91ed70f,
    .elementor-element-f2d2ebb,
    .elementor-element-8cc13a2,
    .elementor-element-0a34773,
    .elementor-element-eed0524
)
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   FAQ ANSWERS
   ---------------------------------------------------------- */

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-a6922bd,
    .elementor-element-c5a9b8e,
    .elementor-element-c5ce97a,
    .elementor-element-8f84097,
    .elementor-element-cb9b533,
    .elementor-element-ad1879a,
    .elementor-element-9ee3ed8,
    .elementor-element-e56464d,
    .elementor-element-0089327,
    .elementor-element-143b13b,
    .elementor-element-31fd32a
)
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-a6922bd,
    .elementor-element-c5a9b8e,
    .elementor-element-c5ce97a,
    .elementor-element-8f84097,
    .elementor-element-cb9b533,
    .elementor-element-ad1879a,
    .elementor-element-9ee3ed8,
    .elementor-element-e56464d,
    .elementor-element-0089327,
    .elementor-element-143b13b,
    .elementor-element-31fd32a
)
.elementor-heading-title strong {
    font-weight: var(--aba-font-weight-bold) !important;
}

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-a6922bd,
    .elementor-element-c5a9b8e,
    .elementor-element-c5ce97a,
    .elementor-element-8f84097,
    .elementor-element-cb9b533,
    .elementor-element-ad1879a,
    .elementor-element-9ee3ed8,
    .elementor-element-e56464d,
    .elementor-element-0089327,
    .elementor-element-143b13b,
    .elementor-element-31fd32a
)
.elementor-heading-title a {
    color: var(--aba-brand-blue) !important;
}

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-a6922bd,
    .elementor-element-c5a9b8e,
    .elementor-element-c5ce97a,
    .elementor-element-8f84097,
    .elementor-element-cb9b533,
    .elementor-element-ad1879a,
    .elementor-element-9ee3ed8,
    .elementor-element-e56464d,
    .elementor-element-0089327,
    .elementor-element-143b13b,
    .elementor-element-31fd32a
)
.elementor-heading-title a:hover {
    color: var(--aba-brand-salmon) !important;
}


/* ----------------------------------------------------------
   FAQ CTA BUTTONS
   ---------------------------------------------------------- */

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-91f323b,
    .elementor-element-f0c6a0f,
    .elementor-element-eab7959,
    .elementor-element-27e7eec,
    .elementor-element-95a0a73,
    .elementor-element-012e781,
    .elementor-element-1483631,
    .elementor-element-f98d97e,
    .elementor-element-5efdd81,
    .elementor-element-8e5e3b0
)
.elementor-button {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;

    background-color: var(--aba-brand-blue) !important;

    color: var(--aba-brand-charcoal) !important;
    fill: var(--aba-brand-charcoal) !important;
}

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-91f323b,
    .elementor-element-f0c6a0f,
    .elementor-element-eab7959,
    .elementor-element-27e7eec,
    .elementor-element-95a0a73,
    .elementor-element-012e781,
    .elementor-element-1483631,
    .elementor-element-f98d97e,
    .elementor-element-5efdd81,
    .elementor-element-8e5e3b0
)
.elementor-button:hover,

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-91f323b,
    .elementor-element-f0c6a0f,
    .elementor-element-eab7959,
    .elementor-element-27e7eec,
    .elementor-element-95a0a73,
    .elementor-element-012e781,
    .elementor-element-1483631,
    .elementor-element-f98d97e,
    .elementor-element-5efdd81,
    .elementor-element-8e5e3b0
)
.elementor-button:focus {
    background-color: var(--aba-brand-salmon) !important;

    color: var(--aba-brand-charcoal) !important;
    fill: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   FAQ DIVIDERS
   ---------------------------------------------------------- */

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-ed9315d,
    .elementor-element-ec2d960,
    .elementor-element-a93fc0a,
    .elementor-element-6071231,
    .elementor-element-f692c4a,
    .elementor-element-b2e2dcb,
    .elementor-element-f6788e3,
    .elementor-element-1ec4a10,
    .elementor-element-0f6b179,
    .elementor-element-bcb1a98,
    .elementor-element-099fe72
)
.elementor-divider-separator {
    border-color: rgba(0, 214, 250, 0.35) !important;
}


/* ----------------------------------------------------------
   LOCATIONS TITLE
   ---------------------------------------------------------- */

body.page-id-537376
.elementor-537376
.elementor-element.elementor-element-7903425
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   OFFICE NAMES
   ---------------------------------------------------------- */

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-94cfb9b,
    .elementor-element-6899f3e,
    .elementor-element-dcda80c
)
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   OFFICE ADDRESSES
   ---------------------------------------------------------- */

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-c59654a,
    .elementor-element-b28c137,
    .elementor-element-c6ecf8d
)
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   PHONE ACTIONS
   ---------------------------------------------------------- */

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-aff94a4,
    .elementor-element-ee23b53,
    .elementor-element-42dd8ec
)
.elementor-button {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;

    color: var(--aba-brand-blue) !important;
    fill: var(--aba-brand-blue) !important;
}

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-aff94a4,
    .elementor-element-ee23b53,
    .elementor-element-42dd8ec
)
.elementor-button:hover,

body.page-id-537376
.elementor-537376
:is(
    .elementor-element-aff94a4,
    .elementor-element-ee23b53,
    .elementor-element-42dd8ec
)
.elementor-button:focus {
    color: var(--aba-brand-salmon) !important;
    fill: var(--aba-brand-salmon) !important;
}


/* ----------------------------------------------------------
   LOCATIONS DIVIDER
   ---------------------------------------------------------- */

body.page-id-537376
.elementor-537376
.elementor-element.elementor-element-2a38c39
.elementor-divider-separator {
    border-color: rgba(0, 214, 250, 0.35) !important;
}


/* ==========================================================
   ABA_BRAND_V7_ABAMED_APPROVED

   PAGE 528246 ? ABAMED

   PHASE 1: TYPOGRAPHY ONLY

   Changed:
   - Elevance family / approved weights

   Explicitly preserved:
   - ALL existing ABAMed colors
   - Dividers
   - Blob CTA geometry/colors
   - Images
   - Video
   - Icon-box / Instagram treatment
   - Backgrounds
   - Layout
   - Sizes / spacing
   - Elementor data
   ========================================================== */


/* ----------------------------------------------------------
   HERO / INTRO
   ---------------------------------------------------------- */

body.page-id-528246
.elementor-528246
.elementor-element.elementor-element-ea30038
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
}


/* ----------------------------------------------------------
   PRIMARY SECTION HEADINGS
   ---------------------------------------------------------- */

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-5faa0ea,
    .elementor-element-ab4dd9c,
    .elementor-element-7e9b691,
    .elementor-element-307ad89
)
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
}


/* ----------------------------------------------------------
   BODY COPY
   ---------------------------------------------------------- */

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-20c985a,
    .elementor-element-d369c4a,
    .elementor-element-8d4f320,
    .elementor-element-9761598
) {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
}

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-20c985a,
    .elementor-element-d369c4a,
    .elementor-element-8d4f320,
    .elementor-element-9761598
) p,

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-20c985a,
    .elementor-element-d369c4a,
    .elementor-element-8d4f320,
    .elementor-element-9761598
) li {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
}


/* ----------------------------------------------------------
   CTA BLOB COPY
   Shape/color remain legacy ABAMed for this phase.
   ---------------------------------------------------------- */

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-05b82ef,
    .elementor-element-151bb7d,
    .elementor-element-4477a1f
),
body.page-id-528246
.elementor-528246
:is(
    .elementor-element-05b82ef,
    .elementor-element-151bb7d,
    .elementor-element-4477a1f
) a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;
}


/* ----------------------------------------------------------
   SECONDARY LABELS / EMPHASIS
   ---------------------------------------------------------- */

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-9f7864b,
    .elementor-element-d2cca20,
    .elementor-element-c34160a
) {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
}

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-9f7864b,
    .elementor-element-d2cca20,
    .elementor-element-c34160a
) p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
}


/* ----------------------------------------------------------
   BEAUTY PRODUCTS SUBHEADING
   ---------------------------------------------------------- */

body.page-id-528246
.elementor-528246
.elementor-element.elementor-element-9300575
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
}


/* ==========================================================
   ABAMED_APPROVED_SUBSECTION_NEUTRAL_COLORS

   PAGE 528246 ? ABAMED

   PHASE 2:
   Normalize only generic legacy text neutrals
   #3C3C3C / #54595F -> ABA Charcoal #2E2E2E.

   PRESERVED:
   - Hero #113341
   - Medical blue #0A3691
   - ABAMed blue #18596C
   - Light blue #6EC1E4
   - Blob CTA colors / geometry
   - Doctor Instagram icon-box
   - Dividers
   - Specialty panel backgrounds
   - Images
   - Video
   - Layout / sizes / spacing
   ========================================================== */


/* Main ABAMed section headings */

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-5faa0ea,
    .elementor-element-ab4dd9c,
    .elementor-element-7e9b691,
    .elementor-element-307ad89
)
.elementor-heading-title {
    color: var(--aba-brand-charcoal) !important;
}


/* Generic body copy */

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-20c985a,
    .elementor-element-d369c4a,
    .elementor-element-8d4f320,
    .elementor-element-9761598
),

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-20c985a,
    .elementor-element-d369c4a,
    .elementor-element-8d4f320,
    .elementor-element-9761598
) p,

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-20c985a,
    .elementor-element-d369c4a,
    .elementor-element-8d4f320,
    .elementor-element-9761598
) li {
    color: var(--aba-brand-charcoal) !important;
}


/* Secondary generic labels */

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-9f7864b,
    .elementor-element-d2cca20,
    .elementor-element-c34160a
),

body.page-id-528246
.elementor-528246
:is(
    .elementor-element-9f7864b,
    .elementor-element-d2cca20,
    .elementor-element-c34160a
) p {
    color: var(--aba-brand-charcoal) !important;
}


/* Product-lines subheading */

body.page-id-528246
.elementor-528246
.elementor-element.elementor-element-9300575
.elementor-heading-title {
    color: var(--aba-brand-charcoal) !important;
}


/* ==========================================================
   ABAMED_APPROVED_SUBSECTION_TREATMENTS_CTA

   PAGE 528246 ? ABAMED
   WIDGET 05b82ef ? "tratamientos"

   Goal:
   Resolve the visually floating CTA while preserving the
   existing ABAMed pill language.

   Changed:
   - solid white CTA surface
   - subtle ABA Blue border
   - soft elevation
   - slightly clearer hover state

   Preserved:
   - text
   - href
   - typography
   - CTA position
   - surrounding layout
   - all other ABAMed CTAs
   ========================================================== */

body.page-id-528246
.elementor-528246
.elementor-element.elementor-element-05b82ef
a.shape_morph.blob {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 214, 250, 0.45) !important;
    box-shadow: 0 6px 18px rgba(46, 46, 46, 0.10) !important;
}

body.page-id-528246
.elementor-528246
.elementor-element.elementor-element-05b82ef
a.shape_morph.blob:hover,

body.page-id-528246
.elementor-528246
.elementor-element.elementor-element-05b82ef
a.shape_morph.blob:focus {
    background: rgba(0, 214, 250, 0.10) !important;
    border-color: var(--aba-brand-blue) !important;
}


/* ==========================================================
   ABA_BRAND_V7_GIFTCARD_APPROVED

   PAGE 529188 ? GIFT CARD

   APPROVED FINAL STATE

   Includes:
   - V7 typography and neutral colors
   - ABA Blue / Salmon product CTA
   - compact content-driven cards
   - uniform 300:189 product-image footprint
   - equal visual treatment for Gift Cards and deposits

   Preserved:
   - tpl-giftcard.php
   - product query / _gift_card meta
   - product prices and links
   - WooCommerce behavior
   - Clinicea integration
   - original product image content
   ========================================================== */


/* Hero */

body.page-id-529188
.giftcard_intro
.category_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}

body.page-id-529188
.giftcard_intro
.cat_content,
body.page-id-529188
.giftcard_intro
.cat_content p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* Catalog heading */

body.page-id-529188
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* Product cards */

body.page-id-529188
.product_showcase_section
.obagi_product_card {
    height: auto !important;
    min-height: 0 !important;
}

body.page-id-529188
.product_showcase_section
.obagi_product_card
.product_details {
    height: auto !important;
    min-height: 0 !important;
}


/* Uniform image footprint */

body.page-id-529188
.product_showcase_section
.obagi_product_card
.pro_img {
    width: 100% !important;
    aspect-ratio: 300 / 189 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

body.page-id-529188
.product_showcase_section
.obagi_product_card
.pro_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}


/* Keep Bootstrap columns content-driven */

body.page-id-529188
.product_showcase_section
.row > [class*="col-"] {
    display: block !important;
}

body.page-id-529188
.product_showcase_section
.row > [class*="col-"]
.obagi_product_card {
    width: 100% !important;
}


/* Product title */

body.page-id-529188
.product_showcase_section
.obagi_product_card
.product_details
.pro_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* Price */

body.page-id-529188
.product_showcase_section
.obagi_product_card
.product_details
.pro_price,
body.page-id-529188
.product_showcase_section
.obagi_product_card
.product_details
.pro_price span {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* CTA */

body.page-id-529188
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;
    background: var(--aba-brand-blue) !important;
    color: var(--aba-brand-charcoal) !important;
    border-color: var(--aba-brand-blue) !important;
}

body.page-id-529188
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn:hover,
body.page-id-529188
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn:focus {
    background: var(--aba-brand-salmon) !important;
    border-color: var(--aba-brand-salmon) !important;
    color: var(--aba-brand-charcoal) !important;
}





/* ==========================================================
   ABA_BRAND_V7_SKINCARE_APPROVED

   PAGE 538960 ? SKINCARE

   FINAL APPROVED STATE

   Desktop:
   - ABA V7 shell
   - Elevance catalog typography
   - unified light-blue filter surface
   - ABA Blue selected filter
   - ABA Blue tint filter hover
   - ABA Blue commerce CTA
   - secondary View Cart treatment

   Mobile:
   - V7 category selector
   - compact legacy catalog behavior preserved
   - listing Add to Cart hidden
   - listing View Cart hidden

   PRESERVED:
   - Obagi / EltaMD identity
   - product imagery
   - product queries
   - filter logic/counts
   - AJAX add-to-cart
   - WooCommerce behavior
   - template PHP
   ========================================================== */


/* ----------------------------------------------------------
   CATALOG HEADING
   ---------------------------------------------------------- */

body.page-id-538960
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   FILTER SURFACE
   ---------------------------------------------------------- */

body.page-id-538960
.product_showcase_section
.product_filter_nav {
    background: #EAF9FD !important;
    padding: 0 !important;

    border: 1px solid rgba(46, 46, 46, 0.08) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* Default filters */

body.page-id-538960
.product_showcase_section
.product_filter_nav
.button {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;

    background: transparent !important;
    color: var(--aba-brand-charcoal) !important;

    border: 0 !important;
    border-right: 1px solid rgba(46, 46, 46, 0.10) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

body.page-id-538960
.product_showcase_section
.product_filter_nav
.button span {
    color: inherit !important;
}


/* Active filter */

body.page-id-538960
.product_showcase_section
.product_filter_nav
.button.is-checked {
    background: var(--aba-brand-blue) !important;
    color: var(--aba-brand-charcoal) !important;

    border-color: transparent !important;
    border-right-color: transparent !important;

    box-shadow: none !important;
}


/* Filter hover / focus */

body.page-id-538960
.product_showcase_section
.product_filter_nav
.button:hover,
body.page-id-538960
.product_showcase_section
.product_filter_nav
.button:focus {
    background: rgba(0, 214, 250, 0.28) !important;
    color: var(--aba-brand-charcoal) !important;
}

body.page-id-538960
.product_showcase_section
.product_filter_nav
.button.is-checked:hover,
body.page-id-538960
.product_showcase_section
.product_filter_nav
.button.is-checked:focus {
    background: var(--aba-brand-blue) !important;
}


/* Remove legacy decorative tails */

body.page-id-538960
.product_showcase_section
.product_filter_nav
.button::before,
body.page-id-538960
.product_showcase_section
.product_filter_nav
.button::after {
    display: none !important;
    content: none !important;
}


/* ----------------------------------------------------------
   PRODUCT TYPOGRAPHY
   ---------------------------------------------------------- */

body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.pro_cat,
body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.pro_cat a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-blue) !important;
}

body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.pro_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-charcoal) !important;
}

body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.pro_price,
body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.pro_price span {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   PRIMARY COMMERCE CTA ? DESKTOP
   ---------------------------------------------------------- */

body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;

    background: var(--aba-brand-blue) !important;
    border-color: var(--aba-brand-blue) !important;
    color: var(--aba-brand-charcoal) !important;
}

body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn:hover,
body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn:focus {
    background: var(--aba-brand-salmon) !important;
    border-color: var(--aba-brand-salmon) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   AJAX VIEW CART ? DESKTOP SECONDARY ACTION
   ---------------------------------------------------------- */

body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.added_to_cart.wc-forward {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 163px !important;
    min-height: 40px !important;

    padding: 0 14px !important;
    margin-left: 0 !important;

    white-space: nowrap !important;
    text-align: center !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    font-size: 13px !important;
    line-height: 1 !important;

    color: var(--aba-brand-charcoal) !important;
    background: rgba(0, 214, 250, 0.14) !important;

    border: 1px solid rgba(0, 214, 250, 0.55) !important;
    border-radius: 6px !important;

    text-decoration: none !important;
    vertical-align: top !important;
}

body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.added_to_cart.wc-forward:hover,
body.page-id-538960
.product_showcase_section
.obagi_product_card
.product_details
.added_to_cart.wc-forward:focus {
    background: rgba(0, 214, 250, 0.28) !important;
    border-color: var(--aba-brand-blue) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    /* Mobile category selector */

    body.page-id-538960
    .product_showcase_section
    .mobile_product_dd {
        background: #EAF9FD !important;

        padding: 12px !important;
        margin-bottom: 20px !important;

        border: 1px solid rgba(46, 46, 46, 0.08) !important;
    }

    body.page-id-538960
    .product_showcase_section
    .mobile_product_dd select {
        width: 100% !important;
        min-height: 46px !important;

        padding: 0 12px !important;

        font-family: var(--aba-font-family) !important;
        font-weight: var(--aba-font-weight-medium) !important;

        color: var(--aba-brand-charcoal) !important;
        background: #FFFFFF !important;

        border: 1px solid rgba(46, 46, 46, 0.16) !important;
        border-radius: 8px !important;

        box-shadow: none !important;
    }


    /* Preserve original compact mobile catalog */

    body.page-id-538960
    .product_showcase_section
    .obagi_product_card
    .product_details
    .obagi_btn,
    body.page-id-538960
    .product_showcase_section
    .obagi_product_card
    .product_details
    .added_to_cart.wc-forward {
        display: none !important;
    }
}




/* ==========================================================
   ABA_BRAND_V7_OBAGI_APPROVED

   PAGE 527416 ? OBAGI

   FINAL APPROVED STATE

   Catalog:
   - ABA V7 shell
   - Elevance typography
   - light-blue V7 filter surface
   - ABA Blue active/hover states
   - ABA Blue category labels
   - Charcoal product titles/prices
   - ABA Blue / Salmon commerce CTA
   - secondary View Cart treatment

   Mobile:
   - V7 category selector
   - compact catalog behavior preserved
   - listing Add to Cart hidden
   - listing View Cart hidden

   FAQ:
   - Elevance typography
   - Charcoal questions/answers
   - ABA Blue accents
   - light ABA Blue borders
   - existing two-column accordion preserved

   PRESERVED:
   - Obagi products and imagery
   - product queries
   - filter behavior/counts
   - AJAX add-to-cart
   - WooCommerce behavior
   - FAQ copy/accordion JS
   - cream wave
   - shared PHP template
   ========================================================== */


/* ----------------------------------------------------------
   CATALOG HEADING
   ---------------------------------------------------------- */

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   FILTER BAR
   ---------------------------------------------------------- */

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.product_filter_nav {
    background: #EAF9FD !important;
    padding: 0 !important;

    border: 1px solid rgba(46, 46, 46, 0.08) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.product_filter_nav
.button {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;

    background: transparent !important;
    color: var(--aba-brand-charcoal) !important;

    border: 0 !important;
    border-right: 1px solid rgba(46, 46, 46, 0.10) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.product_filter_nav
.button span {
    color: inherit !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.product_filter_nav
.button.is-checked {
    background: var(--aba-brand-blue) !important;
    color: var(--aba-brand-charcoal) !important;

    border-color: transparent !important;
    border-right-color: transparent !important;

    box-shadow: none !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.product_filter_nav
.button:hover,
body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.product_filter_nav
.button:focus {
    background: rgba(0, 214, 250, 0.28) !important;
    color: var(--aba-brand-charcoal) !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.product_filter_nav
.button.is-checked:hover,
body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.product_filter_nav
.button.is-checked:focus {
    background: var(--aba-brand-blue) !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.product_filter_nav
.button::before,
body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.product_filter_nav
.button::after {
    display: none !important;
    content: none !important;
}


/* ----------------------------------------------------------
   PRODUCT TYPOGRAPHY
   ---------------------------------------------------------- */

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.pro_cat,
body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.pro_cat a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-blue) !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.pro_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-charcoal) !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.pro_price,
body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.pro_price span {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   COMMERCE CTA
   ---------------------------------------------------------- */

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;

    background: var(--aba-brand-blue) !important;
    border-color: var(--aba-brand-blue) !important;
    color: var(--aba-brand-charcoal) !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn:hover,
body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn:focus {
    background: var(--aba-brand-salmon) !important;
    border-color: var(--aba-brand-salmon) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   AJAX VIEW CART
   ---------------------------------------------------------- */

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.added_to_cart.wc-forward {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 163px !important;
    min-height: 40px !important;

    padding: 0 14px !important;
    margin-left: 0 !important;

    white-space: nowrap !important;
    text-align: center !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    font-size: 13px !important;
    line-height: 1 !important;

    color: var(--aba-brand-charcoal) !important;
    background: rgba(0, 214, 250, 0.14) !important;

    border: 1px solid rgba(0, 214, 250, 0.55) !important;
    border-radius: 6px !important;

    text-decoration: none !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.added_to_cart.wc-forward:hover,
body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.product_showcase_section
.obagi_product_card
.product_details
.added_to_cart.wc-forward:focus {
    background: rgba(0, 214, 250, 0.28) !important;
    border-color: var(--aba-brand-blue) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   MOBILE CATALOG
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
    .product_showcase_section
    .mobile_product_dd {
        background: #EAF9FD !important;

        padding: 12px !important;
        margin-bottom: 20px !important;

        border: 1px solid rgba(46, 46, 46, 0.08) !important;
    }

    body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
    .product_showcase_section
    .mobile_product_dd select {
        width: 100% !important;
        min-height: 46px !important;

        padding: 0 12px !important;

        font-family: var(--aba-font-family) !important;
        font-weight: var(--aba-font-weight-medium) !important;

        color: var(--aba-brand-charcoal) !important;
        background: #FFFFFF !important;

        border: 1px solid rgba(46, 46, 46, 0.16) !important;
        border-radius: 8px !important;

        box-shadow: none !important;
    }

    body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
    .product_showcase_section
    .obagi_product_card
    .product_details
    .obagi_btn,
    body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
    .product_showcase_section
    .obagi_product_card
    .product_details
    .added_to_cart.wc-forward {
        display: none !important;
    }
}


/* ----------------------------------------------------------
   FAQ
   ---------------------------------------------------------- */

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel {
    background: #FFFFFF !important;

    border: 1px solid rgba(0, 214, 250, 0.30) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel-heading {
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

html body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel
.panel-heading
.panel-title,
html body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel
.panel-heading
.panel-title a,
html body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel
.panel-heading
.panel-title a:visited {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-charcoal) !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel-title a {
    display: block !important;
    padding: 20px 24px !important;
    text-decoration: none !important;
}

html body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel
.panel-heading
.panel-title a:hover,
html body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel
.panel-heading
.panel-title a:focus {
    color: var(--aba-brand-blue) !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel-title a::before,
body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel-title a::after {
    color: var(--aba-brand-blue) !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel-body {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;

    color: var(--aba-brand-charcoal) !important;

    border-top: 1px solid rgba(46, 46, 46, 0.10) !important;
    padding: 22px 24px !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel-body a {
    color: var(--aba-brand-blue) !important;
    text-decoration: none !important;
}

body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel-body a:hover,
body:is(.page-id-527416, .aba-brand-v7-daily-hydro-canary, .aba-brand-v7-elastiderm-canary, .aba-brand-v7-nuderm-canary, .aba-brand-v7-obagi-hydrate-canary, .aba-brand-v7-obagi-c-fx-canary, .aba-brand-v7-professional-c-canary, .aba-brand-v7-sun-shield-canary, .aba-brand-v7-suzanobagimd-canary, .aba-brand-v7-elta-md-canary)
.obagi_accordion
.panel-body a:focus {
    color: var(--aba-brand-salmon) !important;
}


/* ==========================================================
   ABA_BRAND_V7_NUCIL_ARCHIVE_APPROVED

   WooCommerce product category:
   NU-CIL? ? TERM 64

   Visual adaptation only.

   PRESERVED:
   - WooCommerce query
   - product count
   - product URLs
   - add-to-cart behavior
   - sorting behavior
   - templates
   - cart / mini-cart
   ========================================================== */


/* ----------------------------------------------------------
   ARCHIVE SURFACE
   ---------------------------------------------------------- */

body.aba-brand-v7-skin-archive {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* Breadcrumb */

body.aba-brand-v7-skin-archive
.woocommerce-breadcrumb {
    max-width: 1320px !important;

    margin: 28px auto 8px !important;
    padding: 0 24px !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    font-size: 13px !important;

    color: rgba(46, 46, 46, 0.70) !important;
}

body.aba-brand-v7-skin-archive
.woocommerce-breadcrumb a {
    color: var(--aba-brand-blue) !important;
    text-decoration: none !important;
}

body.aba-brand-v7-skin-archive
.woocommerce-breadcrumb a:hover,
body.aba-brand-v7-skin-archive
.woocommerce-breadcrumb a:focus {
    color: var(--aba-brand-salmon) !important;
}


/* ----------------------------------------------------------
   TITLE
   ---------------------------------------------------------- */

body.aba-brand-v7-skin-archive
.woocommerce-products-header {
    max-width: 1320px !important;

    margin: 0 auto !important;
    padding: 4px 24px 18px !important;
}

body.aba-brand-v7-skin-archive
.woocommerce-products-header__title {
    margin: 0 !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    font-size: clamp(32px, 3vw, 48px) !important;
    line-height: 1.08 !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   RESULT COUNT + SORTING
   ---------------------------------------------------------- */

body.aba-brand-v7-skin-archive
.woocommerce-result-count {
    margin: 10px 0 26px !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    font-size: 14px !important;

    color: rgba(46, 46, 46, 0.72) !important;
}

body.aba-brand-v7-skin-archive
.woocommerce-ordering {
    margin: 0 0 26px !important;
}

body.aba-brand-v7-skin-archive
.woocommerce-ordering select {
    min-width: 220px !important;
    min-height: 46px !important;

    padding: 0 38px 0 14px !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;

    color: var(--aba-brand-charcoal) !important;
    background-color: #FFFFFF !important;

    border: 1px solid rgba(46, 46, 46, 0.16) !important;
    border-radius: 8px !important;

    box-shadow: none !important;
}


/* ----------------------------------------------------------
   PRODUCT GRID
   ---------------------------------------------------------- */

body.aba-brand-v7-skin-archive
.woocommerce
ul.products {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;

    width: 100% !important;
    max-width: 1320px !important;

    margin: 0 auto 64px !important;
    padding: 0 24px !important;

    clear: both !important;
}


/* Card */

body.aba-brand-v7-skin-archive
.woocommerce
ul.products
li.product {
    float: none !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 18px 18px 20px !important;

    display: flex !important;
    flex-direction: column !important;

    background: #FFFFFF !important;

    border: 1px solid rgba(46, 46, 46, 0.05) !important;
    border-radius: 0 !important;

    box-shadow:
        0 8px 24px rgba(46, 46, 46, 0.06) !important;
}


/* Product link */

body.aba-brand-v7-skin-archive
.woocommerce
ul.products
li.product
.woocommerce-loop-product__link {
    display: flex !important;
    flex-direction: column !important;

    text-decoration: none !important;
}


/* Product image */

body.aba-brand-v7-skin-archive
.woocommerce
ul.products
li.product
.woocommerce-loop-product__link
img {
    width: 100% !important;
    height: 330px !important;

    margin: 0 0 18px !important;
    padding: 10px !important;

    object-fit: contain !important;
    object-position: center !important;

    background: #FAFAFA !important;
}


/* Product title */

body.aba-brand-v7-skin-archive
.woocommerce
ul.products
li.product
.woocommerce-loop-product__title {
    margin: 0 0 10px !important;
    padding: 0 !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    font-size: 16px !important;
    line-height: 1.35 !important;

    color: var(--aba-brand-charcoal) !important;
}


/* Price */

body.aba-brand-v7-skin-archive
.woocommerce
ul.products
li.product
.price,
body.aba-brand-v7-skin-archive
.woocommerce
ul.products
li.product
.price
.woocommerce-Price-amount {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   ADD TO CART
   ---------------------------------------------------------- */

body.aba-brand-v7-skin-archive
.woocommerce
ul.products
li.product
.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;

    margin-top: 14px !important;
    padding: 0 18px !important;

    align-self: flex-start !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;
    font-size: 13px !important;
    line-height: 1 !important;

    color: var(--aba-brand-charcoal) !important;
    background: var(--aba-brand-blue) !important;

    border: 1px solid var(--aba-brand-blue) !important;
    border-radius: 4px !important;

    text-decoration: none !important;
}

body.aba-brand-v7-skin-archive
.woocommerce
ul.products
li.product
.button:hover,
body.aba-brand-v7-skin-archive
.woocommerce
ul.products
li.product
.button:focus {
    color: var(--aba-brand-charcoal) !important;
    background: var(--aba-brand-salmon) !important;
    border-color: var(--aba-brand-salmon) !important;
}


/* AJAX View Cart */

body.aba-brand-v7-skin-archive
.woocommerce
ul.products
li.product
.added_to_cart.wc-forward {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;

    margin-top: 8px !important;
    padding: 0 14px !important;

    align-self: flex-start !important;

    white-space: nowrap !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    font-size: 13px !important;

    color: var(--aba-brand-charcoal) !important;
    background: rgba(0, 214, 250, 0.14) !important;

    border: 1px solid rgba(0, 214, 250, 0.55) !important;
    border-radius: 4px !important;

    text-decoration: none !important;
}


/* ----------------------------------------------------------
   RESPONSIVE ? FIRST PASS
   ---------------------------------------------------------- */

@media only screen and (max-width: 1024px) {

    body.aba-brand-v7-skin-archive
    .woocommerce
    ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


@media only screen and (max-width: 767px) {

    body.aba-brand-v7-skin-archive
    .woocommerce-breadcrumb,
    body.aba-brand-v7-skin-archive
    .woocommerce-products-header {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.aba-brand-v7-skin-archive
    .woocommerce-ordering {
        float: none !important;
        width: 100% !important;
    }

    body.aba-brand-v7-skin-archive
    .woocommerce-ordering select {
        width: 100% !important;
    }

    body.aba-brand-v7-skin-archive
    .woocommerce
    ul.products {
        grid-template-columns: 1fr !important;

        gap: 18px !important;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.aba-brand-v7-skin-archive
    .woocommerce
    ul.products
    li.product
    .woocommerce-loop-product__link
    img {
        height: 280px !important;
    }
}


/* ==========================================================
   NUCIL_ARCHIVE_CONSOLIDATED_STAGE_2

   Corrected WooCommerce archive selectors.

   Important:
   .woocommerce is a BODY class on this archive, not assumed
   to be a descendant wrapper.

   TERM 64 CANARY ONLY through:
   body.aba-brand-v7-nucil-canary

   Sidebar legacy modules are suppressed on this canary
   to match the approved SkinCare catalog direction.
   ========================================================== */


/* ----------------------------------------------------------
   ARCHIVE TOOLBAR
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary
.woocommerce-result-count {
    float: left !important;

    margin:
        12px
        0
        28px
        max(24px, calc((100vw - 1320px) / 2 + 24px))
        !important;

    padding: 0 !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    font-size: 14px !important;
    line-height: 46px !important;

    color: rgba(46, 46, 46, 0.70) !important;
}


html body.aba-brand-v7-nucil-canary
.woocommerce-ordering {
    float: right !important;

    margin:
        12px
        max(24px, calc((100vw - 1320px) / 2 + 24px))
        28px
        0
        !important;

    padding: 0 !important;
}


html body.aba-brand-v7-nucil-canary
.woocommerce-ordering select {
    width: auto !important;
    min-width: 220px !important;
    min-height: 46px !important;

    padding: 0 40px 0 14px !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    font-size: 14px !important;

    color: var(--aba-brand-charcoal) !important;
    background-color: #FFFFFF !important;

    border: 1px solid rgba(46, 46, 46, 0.16) !important;
    border-radius: 8px !important;

    box-shadow: none !important;
}


/* ----------------------------------------------------------
   PRODUCT GRID ? CORRECTED
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 28px !important;

    clear: both !important;

    width: 100% !important;
    max-width: 1320px !important;

    margin: 0 auto 72px !important;
    padding: 0 24px !important;

    list-style: none !important;
}


/* ----------------------------------------------------------
   PRODUCT CARD
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product {
    float: none !important;

    display: flex !important;
    flex-direction: column !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 18px 18px 22px !important;

    background: #FFFFFF !important;

    border: 1px solid rgba(46, 46, 46, 0.05) !important;
    border-radius: 0 !important;

    box-shadow:
        0 8px 24px rgba(46, 46, 46, 0.06) !important;
}


/* Product link */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
a.woocommerce-loop-product__link {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    color: inherit !important;
    text-decoration: none !important;
}


/* ----------------------------------------------------------
   IMAGE FOOTPRINT
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
a
img {
    display: block !important;

    width: 100% !important;
    height: 300px !important;

    max-width: none !important;

    margin: 0 0 18px !important;
    padding: 14px !important;

    object-fit: contain !important;
    object-position: center center !important;

    background: #FAFAFA !important;
}


/* ----------------------------------------------------------
   PRODUCT TITLE
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
h2.woocommerce-loop-product__title {
    margin: 0 0 10px !important;
    padding: 0 !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;

    font-size: 16px !important;
    line-height: 1.35 !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   PRICE
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
.price,
html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
.price
.woocommerce-Price-amount,
html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
.price
.woocommerce-Price-currencySymbol {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   ADD TO CART
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 170px !important;
    min-height: 42px !important;

    align-self: flex-start !important;

    margin: 14px 0 0 !important;
    padding: 0 18px !important;

    white-space: nowrap !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;

    font-size: 13px !important;
    line-height: 1 !important;

    color: var(--aba-brand-charcoal) !important;
    background: var(--aba-brand-blue) !important;

    border: 1px solid var(--aba-brand-blue) !important;
    border-radius: 4px !important;

    box-shadow: none !important;
    text-decoration: none !important;
}


html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
a.button:hover,
html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
a.button:focus {
    color: var(--aba-brand-charcoal) !important;

    background: var(--aba-brand-salmon) !important;
    border-color: var(--aba-brand-salmon) !important;
}


/* ----------------------------------------------------------
   AJAX VIEW CART
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
a.added_to_cart.wc-forward {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 170px !important;
    min-height: 40px !important;

    align-self: flex-start !important;

    margin: 8px 0 0 !important;
    padding: 0 14px !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;

    font-size: 13px !important;

    color: var(--aba-brand-charcoal) !important;
    background: rgba(0, 214, 250, 0.14) !important;

    border:
        1px solid rgba(0, 214, 250, 0.55) !important;

    border-radius: 4px !important;

    text-decoration: none !important;
}


/* ----------------------------------------------------------
   LEGACY SHOP SIDEBAR
   ----------------------------------------------------------

   Product-category SkinCare archives are being aligned to
   the approved catalog-first SkinCare experience.

   Remove the old Woo sidebar modules from this canary.
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary
#secondary,
html body.aba-brand-v7-nucil-canary
aside.widget-area {
    display: none !important;
}


/* Ensure primary catalog consumes available space */

html body.aba-brand-v7-nucil-canary
#primary,
html body.aba-brand-v7-nucil-canary
main.site-main {
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media only screen and (max-width: 1024px) {

    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-nucil-canary
    .woocommerce-result-count,
    html body.aba-brand-v7-nucil-canary
    .woocommerce-ordering {
        float: none !important;

        width: calc(100% - 36px) !important;

        margin:
            10px
            18px
            16px
            18px
            !important;
    }


    html body.aba-brand-v7-nucil-canary
    .woocommerce-result-count {
        line-height: 1.4 !important;
    }


    html body.aba-brand-v7-nucil-canary
    .woocommerce-ordering select {
        width: 100% !important;
        min-width: 0 !important;
    }


    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products {
        grid-template-columns: 1fr !important;

        gap: 18px !important;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products
    li.product
    a
    img {
        height: 260px !important;
    }


    /*
     * Preserve catalog-style mobile behavior:
     * product card remains entry point.
     * Direct mobile add-to-cart belongs to future redesign.
     */

    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products
    li.product
    a.button,
    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products
    li.product
    a.added_to_cart.wc-forward {
        display: none !important;
    }
}


/* ==========================================================
   NUCIL_ARCHIVE_CONSOLIDATED_STAGE_3

   TERM 64 ? NU-CIL

   Resolves:
   - actual hardcoded sidebar.php footprint
   - legacy Bootstrap 8/4 column split
   - 2+1 product wrapping
   - archive alignment

   Content / PHP / Woo behavior untouched.
   ========================================================== */


/* ----------------------------------------------------------
   REMOVE THE ACTUAL LEGACY SIDEBAR COLUMN

   sidebar.php renders:
     .col-sm-4
       .sidebar
         Ofertas
         Desde el Blog
         Temas relacionados

   Hide only that column on this canary.
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary
.col-sm-4:has(> .sidebar) {
    display: none !important;
}


/* Fallback: never show sidebar body itself */

html body.aba-brand-v7-nucil-canary
.sidebar {
    display: none !important;
}


/* ----------------------------------------------------------
   RECLAIM WIDTH FROM BOOTSTRAP MAIN COLUMN
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary
.row
> .col-sm-8:has(~ .col-sm-4 > .sidebar),

html body.aba-brand-v7-nucil-canary
.row
> .col-md-8:has(~ .col-sm-4 > .sidebar),

html body.aba-brand-v7-nucil-canary
.row
> .col-lg-8:has(~ .col-sm-4 > .sidebar),

html body.aba-brand-v7-nucil-canary
.row
> .col-sm-9:has(~ .col-sm-4 > .sidebar),

html body.aba-brand-v7-nucil-canary
.row
> .col-md-9:has(~ .col-sm-4 > .sidebar) {
    float: none !important;

    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ----------------------------------------------------------
   SINGLE ALIGNMENT WIDTH
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary
.woocommerce-breadcrumb,

html body.aba-brand-v7-nucil-canary
.woocommerce-products-header,

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products {
    max-width: 1180px !important;
}


/* Breadcrumb */

html body.aba-brand-v7-nucil-canary
.woocommerce-breadcrumb {
    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 18px !important;
    padding-right: 18px !important;
}


/* Title */

html body.aba-brand-v7-nucil-canary
.woocommerce-products-header {
    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 18px !important;
    padding-right: 18px !important;
}


/* ----------------------------------------------------------
   TOOLBAR ALIGNMENT
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary
.woocommerce-result-count {
    margin-left:
        max(
            24px,
            calc((100vw - 1180px) / 2 + 18px)
        ) !important;
}


html body.aba-brand-v7-nucil-canary
.woocommerce-ordering {
    margin-right:
        max(
            24px,
            calc((100vw - 1180px) / 2 + 18px)
        ) !important;
}


/* ----------------------------------------------------------
   PRODUCT GRID ? 3 UP
   ---------------------------------------------------------- */

@media only screen and (min-width: 768px) {

    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products.columns-3 {

        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        grid-auto-flow: row !important;

        gap: 24px !important;

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products.columns-3
    li.product {

        float: none !important;
        clear: none !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
    }
}


/* ----------------------------------------------------------
   CARD REFINEMENT
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product {

    padding: 16px 16px 20px !important;

    min-height: 100% !important;
}


html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
a
img {

    height: 260px !important;

    padding: 12px !important;

    margin-bottom: 16px !important;
}


/* Keep card actions aligned toward bottom */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
.woocommerce-loop-product__link {
    flex: 1 1 auto !important;
}


html body.aba-brand-v7-nucil-canary.woocommerce
ul.products
li.product
h2.woocommerce-loop-product__title {
    min-height: 44px !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-nucil-canary
    .woocommerce-result-count,
    html body.aba-brand-v7-nucil-canary
    .woocommerce-ordering {

        margin-left: 18px !important;
        margin-right: 18px !important;

        width: calc(100% - 36px) !important;
    }


    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products.columns-3 {

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 18px !important;

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products
    li.product
    a
    img {

        height: 240px !important;
    }


    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products
    li.product
    h2.woocommerce-loop-product__title {

        min-height: 0 !important;
    }
}


/* ==========================================================
   NUCIL_ARCHIVE_CONSOLIDATED_STAGE_4

   NU-CIL ? TERM 64

   Final visual refinement of current canary:
   - Woo toolbar removed
   - breadcrumb removed
   - compact SkinCare-style cards
   - Woo clearfix pseudo-items removed from CSS Grid
   - responsive catalog behavior preserved

   PHP / query / products / add-to-cart untouched.
   ========================================================== */


/* ----------------------------------------------------------
   REMOVE WOO ARCHIVE CHROME
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary
.woocommerce-breadcrumb,

html body.aba-brand-v7-nucil-canary
.woocommerce-result-count,

html body.aba-brand-v7-nucil-canary
.woocommerce-ordering {
    display: none !important;
}


/* ----------------------------------------------------------
   CATEGORY TITLE
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary
.woocommerce-products-header {
    width: 100% !important;
    max-width: 1320px !important;

    margin: 34px auto 28px !important;
    padding: 0 24px !important;

    text-align: center !important;
}


html body.aba-brand-v7-nucil-canary
.woocommerce-products-header__title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    font-size: 34px !important;
    line-height: 1.15 !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   CRITICAL:
   Woo clearfix pseudo-elements must NOT become grid items.
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products::before,

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products::after {
    content: none !important;
    display: none !important;
}


/* ----------------------------------------------------------
   COMPACT SKINCARE-STYLE PRODUCT GRID
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products.columns-3 {
    display: grid !important;

    grid-template-columns:
        repeat(auto-fit, minmax(270px, 300px)) !important;

    justify-content: center !important;
    align-items: stretch !important;

    column-gap: 24px !important;
    row-gap: 28px !important;

    width: 100% !important;
    max-width: 1320px !important;

    margin: 0 auto 72px !important;
    padding: 0 24px !important;

    clear: both !important;
}


/* ----------------------------------------------------------
   CARD
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products.columns-3
li.product {
    float: none !important;
    clear: none !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 300px !important;

    min-height: 440px !important;

    margin: 0 !important;
    padding: 18px !important;

    background: #FFFFFF !important;

    border: 1px solid rgba(46,46,46,.05) !important;

    box-shadow:
        0 8px 22px rgba(46,46,46,.06) !important;
}


/* Main product link fills available card space */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products.columns-3
li.product
a.woocommerce-loop-product__link {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;

    width: 100% !important;

    text-decoration: none !important;
}


/* ----------------------------------------------------------
   IMAGE FOOTPRINT ? MATCH COMPACT SKINCARE FEEL
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products.columns-3
li.product
a.woocommerce-loop-product__link
img {
    display: block !important;

    width: 100% !important;
    height: 250px !important;

    margin: 0 0 16px !important;
    padding: 12px !important;

    object-fit: contain !important;
    object-position: center !important;

    background: #FAFAFA !important;
}


/* ----------------------------------------------------------
   PRODUCT TITLE
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products.columns-3
li.product
.woocommerce-loop-product__title {
    min-height: 44px !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;

    font-size: 15px !important;
    line-height: 1.4 !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   PRICE
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products.columns-3
li.product
.price {
    display: block !important;

    margin: 0 0 14px !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;

    font-size: 14px !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   PRIMARY CTA
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products.columns-3
li.product
a.button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 170px !important;
    min-width: 170px !important;

    min-height: 42px !important;

    margin: auto 0 0 !important;
    padding: 0 14px !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;

    font-size: 12px !important;
    line-height: 1 !important;

    white-space: nowrap !important;

    color: var(--aba-brand-charcoal) !important;
    background: var(--aba-brand-blue) !important;

    border: 1px solid var(--aba-brand-blue) !important;
    border-radius: 4px !important;

    text-decoration: none !important;
}


html body.aba-brand-v7-nucil-canary.woocommerce
ul.products.columns-3
li.product
a.button:hover,

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products.columns-3
li.product
a.button:focus {
    color: var(--aba-brand-charcoal) !important;

    background: var(--aba-brand-salmon) !important;
    border-color: var(--aba-brand-salmon) !important;
}


/* ----------------------------------------------------------
   VIEW CART
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary.woocommerce
ul.products.columns-3
li.product
a.added_to_cart.wc-forward {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 170px !important;
    min-height: 40px !important;

    margin: 8px 0 0 !important;

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;

    font-size: 12px !important;

    color: var(--aba-brand-charcoal) !important;
    background: rgba(0,214,250,.14) !important;

    border: 1px solid rgba(0,214,250,.55) !important;
    border-radius: 4px !important;

    text-decoration: none !important;
}


/* ----------------------------------------------------------
   FOOTER MUST ESCAPE ANY LEGACY WOO/BOOTSTRAP WIDTH
   ---------------------------------------------------------- */

html body.aba-brand-v7-nucil-canary
.elementor-location-footer,

html body.aba-brand-v7-nucil-canary
.elementor-536112 {
    clear: both !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-nucil-canary
    .woocommerce-products-header {
        margin-top: 24px !important;
        margin-bottom: 20px !important;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-nucil-canary
    .woocommerce-products-header__title {
        font-size: 28px !important;
    }


    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products.columns-3 {
        grid-template-columns: minmax(0, 1fr) !important;

        justify-items: center !important;

        gap: 18px !important;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products.columns-3
    li.product {
        width: 100% !important;
        max-width: 420px !important;

        min-height: 0 !important;
    }


    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products.columns-3
    li.product
    a.woocommerce-loop-product__link
    img {
        height: 240px !important;
    }


    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products.columns-3
    li.product
    .woocommerce-loop-product__title {
        min-height: 0 !important;
    }


    /*
     * Preserve current mobile catalog behavior.
     * Direct mobile ATC belongs to future redesign.
     */

    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products.columns-3
    li.product
    a.button,

    html body.aba-brand-v7-nucil-canary.woocommerce
    ul.products.columns-3
    li.product
    a.added_to_cart.wc-forward {
        display: none !important;
    }
}

/* ==========================================================
   NUCIL_ARCHIVE_CONSOLIDATED_FOOTER

   PAGE 800 ? APPROVED FOOTER CANARY
   Elementor Footer: 536112

   Approved visual state:
   - Cream contact surface
   - Elevance typography
   - White form controls + ABA Blue focus
   - Modern ABA Blue CTA / Salmon interaction
   - Official Facebook + Instagram assets
   - ABA Charcoal closing bar
   - White legal/copyright copy
   - ABA Blue interaction accent
   - Mobile legal safe area for floating cart

   CF7 logic, Elementor data, links and layout structure
   remain untouched.
   ========================================================== */


/* ----------------------------------------------------------
   CONTACT SURFACE
   ---------------------------------------------------------- */


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-60d43024 {
    background-color: rgba(247, 224, 190, 0.24) !important;
}


/* ----------------------------------------------------------
   FOOTER COPY
   ---------------------------------------------------------- */


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-6d2420bd
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-c34896f
.elementor-heading-title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-53c0ed8d,

        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-53c0ed8d p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   CF7 FORM
   ---------------------------------------------------------- */


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form input:not([type="submit"]):not([type="checkbox"]),


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form select,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form textarea {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;

    background-color: var(--aba-brand-white) !important;
    border: 1px solid rgba(46, 46, 46, 0.14) !important;

    box-shadow:
        0 3px 16px rgba(46, 46, 46, 0.08) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form input::placeholder,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form textarea::placeholder {
    color: rgba(46, 46, 46, 0.64) !important;
    opacity: 1 !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form input:not([type="submit"]):not([type="checkbox"]):focus,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form select:focus,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form textarea:focus {
    outline: none !important;
    border-color: var(--aba-brand-blue) !important;

    box-shadow:
        0 0 0 3px rgba(0, 214, 250, 0.18) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form .termcheck {
    accent-color: var(--aba-brand-blue);
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form .wpcf7-list-item-label {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form .wpcf7-list-item-label a {
    color: var(--aba-brand-charcoal) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--aba-brand-blue) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.citaorient_form .wpcf7-list-item-label a:hover {
    text-decoration-color: var(--aba-brand-salmon) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.wpcf7-not-valid-tip {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-salmon) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
.wpcf7-response-output {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   APPROVED CTA
   ---------------------------------------------------------- */


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
#gform_submit_button_12 {
    width: 160px !important;
    height: 50px !important;

    padding: 0 24px !important;

    border: 0 !important;
    border-radius: 10px !important;

    background: var(--aba-brand-blue) !important;
    color: var(--aba-brand-charcoal) !important;

    font-family: var(--aba-font-family) !important;
    font-size: 14px !important;
    font-weight: var(--aba-font-weight-bold) !important;
    line-height: 1 !important;
    text-transform: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    animation: none !important;

    box-shadow:
        0 6px 16px rgba(46, 46, 46, 0.12) !important;

    transition:
        background-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
#gform_submit_button_12:hover {
    background: var(--aba-brand-salmon) !important;

    box-shadow:
        0 8px 20px rgba(46, 46, 46, 0.16) !important;

    transform: translateY(-1px);
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-dbf808b
#gform_submit_button_12:focus-visible {
    background: var(--aba-brand-salmon) !important;

    outline: 3px solid rgba(0, 214, 250, 0.28) !important;
    outline-offset: 3px !important;
}


/* ----------------------------------------------------------
   OFFICIAL SOCIAL ASSETS
   ---------------------------------------------------------- */


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"],


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"] {
    position: relative !important;

    width: 56px !important;
    height: 56px !important;

    padding: 4px !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-sizing: border-box !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"] > i,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"] > i,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"] > svg,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"] > svg {
    display: none !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"]::before,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"]::before {
    content: "" !important;

    display: block !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"]::before {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;

    background-image:
        url("../images/brand-v7/social/facebook-logo-primary.png") !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"]::before {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;

    background-image:
        url("../images/brand-v7/social/instagram-glyph-black.svg") !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="facebook.com"]:hover,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon[href*="instagram.com"]:hover {
    background: transparent !important;
    transform: none !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-61150217
a.elementor-social-icon:focus-visible {
    outline: 2px solid var(--aba-brand-blue) !important;
    outline-offset: 3px !important;
}


/* ----------------------------------------------------------
   CLOSING BAR
   ---------------------------------------------------------- */


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-9658a35 {
    background-color: var(--aba-brand-charcoal) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-52275438
.elementor-heading-title,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-52275438
.elementor-heading-title a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;
    color: var(--aba-brand-white) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-52275438
.elementor-heading-title a:hover,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-52275438
.elementor-heading-title a:focus {
    color: var(--aba-brand-blue) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-6ab8b01a
.elementor-icon-list-text,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-6ab8b01a
.elementor-icon-list-item a {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-white) !important;
}


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-6ab8b01a
.elementor-icon-list-item a:hover
.elementor-icon-list-text,


        body.aba-brand-v7-nucil-canary .elementor-536112
    
.elementor-element.elementor-element-6ab8b01a
.elementor-icon-list-item a:focus
.elementor-icon-list-text {
    color: var(--aba-brand-blue) !important;

    text-decoration: underline !important;
    text-decoration-color: var(--aba-brand-blue) !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px;
}


/* ----------------------------------------------------------
   MOBILE FLOATING-CART SAFE AREA
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    
        body.aba-brand-v7-nucil-canary .elementor-536112
    
    .elementor-element.elementor-element-6ab8b01a {
        padding-right: 72px !important;
        padding-left: 8px !important;

        box-sizing: border-box !important;
    }

    
        body.aba-brand-v7-nucil-canary .elementor-536112
    
    .elementor-element.elementor-element-6ab8b01a
    .elementor-icon-list-items {
        justify-content: center !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_DAILY_HYDRO_APPROVED

   TERM 61 ? DAILY HYDRO-DROPS

   Category-specific adaptation only.

   Shared product cards and FAQ inherit the already-approved
   ABA_BRAND_V7_OBAGI_APPROVED treatment.

   PRESERVED:
   - category image
   - big_description content
   - five-product query
   - product URLs/prices
   - FAQ data/behavior
   - Elementor contact template 379055
   - WooCommerce/PHP behavior
   ========================================================== */


/* ----------------------------------------------------------
   CATEGORY INTRO
   ---------------------------------------------------------- */

html body.aba-brand-v7-daily-hydro-canary
.category_intro_section {
    font-family: var(--aba-font-family) !important;

    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-daily-hydro-canary
.category_intro_section
.category_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-daily-hydro-canary
.category_intro_section
.cat_content,
html body.aba-brand-v7-daily-hydro-canary
.category_intro_section
.cat_content p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;

    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-daily-hydro-canary
.category_intro_section
.cat_content a {
    color: var(--aba-brand-blue) !important;
}


html body.aba-brand-v7-daily-hydro-canary
.category_intro_section
.cat_content a:hover,
html body.aba-brand-v7-daily-hydro-canary
.category_intro_section
.cat_content a:focus {
    color: var(--aba-brand-salmon) !important;
}


/* ----------------------------------------------------------
   PRODUCT SECTION HEADING
   ---------------------------------------------------------- */

html body.aba-brand-v7-daily-hydro-canary
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   FAQ HEADING
   ---------------------------------------------------------- */

html body.aba-brand-v7-daily-hydro-canary
.faq_section
.ob_heading {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ==========================================================
   DAILY_HYDRO_APPROVED_LAYOUT

   TERM 61 ? DAILY HYDRO-DROPS

   Resolves:
   - product cards centered dynamically
   - equal card footprint
   - incorrect shared Obagi/Nu-Derm FAQ hidden

   PRESERVED:
   - category hero
   - product query
   - product links/prices
   - contact form
   - V7 footer
   - WooCommerce/PHP behavior
   ========================================================== */


/* ----------------------------------------------------------
   PRODUCT AREA WIDTH
   ---------------------------------------------------------- */

html body.aba-brand-v7-daily-hydro-canary
.product_showcase_section
> .container {
    width: 100% !important;
    max-width: 1280px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
}


/* ----------------------------------------------------------
   PRODUCT ROW

   obagi-category.php outputs each product as:
       .col-md-3.col-sm-4
           .obagi_product_card
   ---------------------------------------------------------- */

html body.aba-brand-v7-daily-hydro-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4) {

    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: stretch !important;

    gap: 24px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* Bootstrap product-column override */

html body.aba-brand-v7-daily-hydro-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4)
> .col-md-3.col-sm-4 {

    float: none !important;

    display: flex !important;

    flex:
        0
        1
        280px !important;

    width: 280px !important;
    max-width: 280px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ----------------------------------------------------------
   CARD HEIGHT / ALIGNMENT
   ---------------------------------------------------------- */

html body.aba-brand-v7-daily-hydro-canary
.product_showcase_section
.obagi_product_card {

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}


html body.aba-brand-v7-daily-hydro-canary
.product_showcase_section
.obagi_product_card
.product_details {

    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}


/* Keep CTA aligned at bottom when titles differ */

html body.aba-brand-v7-daily-hydro-canary
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {

    margin-top: auto !important;
}


/* ----------------------------------------------------------
   HIDE INCORRECT FAQ

   obagi-category.php currently reads accordions from page
   527416 regardless of the current product category.

   Daily Hydro therefore inherits Nu-Derm/Obagi questions
   that are not category-specific.

   DOM/content remains untouched; visual section only hidden.
   ---------------------------------------------------------- */

html body.aba-brand-v7-daily-hydro-canary
.faq_section {

    display: none !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-daily-hydro-canary
    .product_showcase_section
    > .container {

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-daily-hydro-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4) {

        gap: 18px !important;
    }


    html body.aba-brand-v7-daily-hydro-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {

        flex: 0 1 100% !important;

        width: 100% !important;
        max-width: 420px !important;
    }
}


/* ==========================================================
   OBAGI_APPROVED_FAQ_VISIBILITY

   PAGE 527416 ? /obagi/

   The accordion data stored on the Obagi page is currently
   Nu-Derm-specific and is reused by the category template.

   Hide it on the general Obagi landing page while leaving
   its DOM/data/source intact for Nu Derm.

   No ACF / PHP / accordion data modified.
   ========================================================== */

html body.page-id-527416
.faq_section {
    display: none !important;
}


/* ==========================================================
   ABA_BRAND_V7_ELASTIDERM_APPROVED

   TERM 62 ? ELASTIDERM PORTFOLIO

   Same category-page direction approved on Daily Hydro:

   - preserve category hero/image/content
   - centered responsive product cards
   - hide incorrect generic Nu-Derm FAQ
   - preserve contact section
   - preserve V7 footer
   - PHP/query/Woo untouched
   ========================================================== */


/* ----------------------------------------------------------
   CATEGORY HERO
   ---------------------------------------------------------- */

html body.aba-brand-v7-elastiderm-canary
.category_intro_section {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-elastiderm-canary
.category_intro_section
.category_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-elastiderm-canary
.category_intro_section
.cat_content,
html body.aba-brand-v7-elastiderm-canary
.category_intro_section
.cat_content p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;

    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-elastiderm-canary
.category_intro_section
.cat_content a {
    color: var(--aba-brand-blue) !important;
}


html body.aba-brand-v7-elastiderm-canary
.category_intro_section
.cat_content a:hover,
html body.aba-brand-v7-elastiderm-canary
.category_intro_section
.cat_content a:focus {
    color: var(--aba-brand-salmon) !important;
}


/* ----------------------------------------------------------
   PRODUCT SECTION
   ---------------------------------------------------------- */

html body.aba-brand-v7-elastiderm-canary
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-elastiderm-canary
.product_showcase_section
> .container {
    width: 100% !important;
    max-width: 1280px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
}


/* Dynamic centered product row */

html body.aba-brand-v7-elastiderm-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4) {

    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: stretch !important;

    gap: 24px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


html body.aba-brand-v7-elastiderm-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4)
> .col-md-3.col-sm-4 {

    float: none !important;

    display: flex !important;

    flex: 0 1 280px !important;

    width: 280px !important;
    max-width: 280px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Equal card footprint */

html body.aba-brand-v7-elastiderm-canary
.product_showcase_section
.obagi_product_card {

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}


html body.aba-brand-v7-elastiderm-canary
.product_showcase_section
.obagi_product_card
.product_details {

    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}


html body.aba-brand-v7-elastiderm-canary
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {
    margin-top: auto !important;
}


/* ----------------------------------------------------------
   FAQ

   obagi-category.php pulls accordions from page 527416.
   Those questions are Nu-Derm-specific, so they do not
   belong on ELASTIderm.
   ---------------------------------------------------------- */

html body.aba-brand-v7-elastiderm-canary
.faq_section {
    display: none !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-elastiderm-canary
    .product_showcase_section
    > .container {

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-elastiderm-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4) {

        gap: 18px !important;
    }


    html body.aba-brand-v7-elastiderm-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {

        flex: 0 1 100% !important;

        width: 100% !important;
        max-width: 420px !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_NUDERM_APPROVED

   TERM 63 ? NU DERM

   Same visual catalog system as approved Daily Hydro /
   ELASTIderm canaries, except:

   FAQ REMAINS VISIBLE.

   No commerce / PHP / query changes.
   ========================================================== */


/* ----------------------------------------------------------
   CATEGORY HERO
   ---------------------------------------------------------- */

html body.aba-brand-v7-nuderm-canary
.category_intro_section {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-nuderm-canary
.category_intro_section
.category_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-nuderm-canary
.category_intro_section
.cat_content,
html body.aba-brand-v7-nuderm-canary
.category_intro_section
.cat_content p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;

    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-nuderm-canary
.category_intro_section
.cat_content a {
    color: var(--aba-brand-blue) !important;
}


html body.aba-brand-v7-nuderm-canary
.category_intro_section
.cat_content a:hover,
html body.aba-brand-v7-nuderm-canary
.category_intro_section
.cat_content a:focus {
    color: var(--aba-brand-salmon) !important;
}


/* ----------------------------------------------------------
   PRODUCT SECTION
   ---------------------------------------------------------- */

html body.aba-brand-v7-nuderm-canary
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-nuderm-canary
.product_showcase_section
> .container {

    width: 100% !important;
    max-width: 1280px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
}


/* Dynamic centered grid */

html body.aba-brand-v7-nuderm-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4) {

    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: stretch !important;

    gap: 24px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


html body.aba-brand-v7-nuderm-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4)
> .col-md-3.col-sm-4 {

    float: none !important;

    display: flex !important;

    flex: 0 1 280px !important;

    width: 280px !important;
    max-width: 280px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Equal card footprint */

html body.aba-brand-v7-nuderm-canary
.product_showcase_section
.obagi_product_card {

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}


html body.aba-brand-v7-nuderm-canary
.product_showcase_section
.obagi_product_card
.product_details {

    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}


html body.aba-brand-v7-nuderm-canary
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {

    margin-top: auto !important;
}


/* ----------------------------------------------------------
   FAQ ? KEEP VISIBLE
   ---------------------------------------------------------- */

html body.aba-brand-v7-nuderm-canary
.faq_section
.ob_heading {

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* No display:none here.
   Nu Derm retains the approved Obagi accordion treatment. */


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-nuderm-canary
    .product_showcase_section
    > .container {

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-nuderm-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4) {

        gap: 18px !important;
    }


    html body.aba-brand-v7-nuderm-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {

        flex: 0 1 100% !important;

        width: 100% !important;
        max-width: 420px !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_OBAGI_HYDRATE_APPROVED

   TERM 66 ? OBAGI HYDRATE

   BrandBook adaptation only.

   Pattern:
   Hero -> centered products -> contact -> footer

   Incorrect generic Nu-Derm FAQ hidden.

   Commerce behavior untouched.
   ========================================================== */


/* CATEGORY HERO */

html body.aba-brand-v7-obagi-hydrate-canary
.category_intro_section {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-obagi-hydrate-canary
.category_intro_section
.category_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-obagi-hydrate-canary
.category_intro_section
.cat_content,
html body.aba-brand-v7-obagi-hydrate-canary
.category_intro_section
.cat_content p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* PRODUCT HEADING */

html body.aba-brand-v7-obagi-hydrate-canary
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* PRODUCT WIDTH */

html body.aba-brand-v7-obagi-hydrate-canary
.product_showcase_section
> .container {
    width: 100% !important;
    max-width: 1280px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
}


/* DYNAMIC CENTERED ROW */

html body.aba-brand-v7-obagi-hydrate-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4) {
    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: stretch !important;

    gap: 24px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


html body.aba-brand-v7-obagi-hydrate-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4)
> .col-md-3.col-sm-4 {
    float: none !important;
    display: flex !important;

    flex: 0 1 280px !important;

    width: 280px !important;
    max-width: 280px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* EQUAL CARD FOOTPRINT */

html body.aba-brand-v7-obagi-hydrate-canary
.product_showcase_section
.obagi_product_card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}


html body.aba-brand-v7-obagi-hydrate-canary
.product_showcase_section
.obagi_product_card
.product_details {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}


html body.aba-brand-v7-obagi-hydrate-canary
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {
    margin-top: auto !important;
}


/* HIDE INCORRECT SHARED FAQ */

html body.aba-brand-v7-obagi-hydrate-canary
.faq_section {
    display: none !important;
}


/* MOBILE */

@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-obagi-hydrate-canary
    .product_showcase_section
    > .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-obagi-hydrate-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4) {
        gap: 18px !important;
    }


    html body.aba-brand-v7-obagi-hydrate-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {
        flex: 0 1 100% !important;

        width: 100% !important;
        max-width: 420px !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_OBAGI_C_FX_APPROVED

   TERM 67 ? OBAGI-C FX SYSTEMS

   BrandBook only:
   Hero -> centered cards -> contact -> footer.

   Generic Nu-Derm FAQ hidden.
   Functional behavior unchanged.
   ========================================================== */


html body.aba-brand-v7-obagi-c-fx-canary
.category_intro_section {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-obagi-c-fx-canary
.category_intro_section
.category_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-obagi-c-fx-canary
.category_intro_section
.cat_content,
html body.aba-brand-v7-obagi-c-fx-canary
.category_intro_section
.cat_content p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-obagi-c-fx-canary
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-obagi-c-fx-canary
.product_showcase_section
> .container {
    width: 100% !important;
    max-width: 1280px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
}


html body.aba-brand-v7-obagi-c-fx-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4) {
    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: stretch !important;

    gap: 24px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


html body.aba-brand-v7-obagi-c-fx-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4)
> .col-md-3.col-sm-4 {
    float: none !important;
    display: flex !important;

    flex: 0 1 280px !important;

    width: 280px !important;
    max-width: 280px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


html body.aba-brand-v7-obagi-c-fx-canary
.product_showcase_section
.obagi_product_card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}


html body.aba-brand-v7-obagi-c-fx-canary
.product_showcase_section
.obagi_product_card
.product_details {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}


html body.aba-brand-v7-obagi-c-fx-canary
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {
    margin-top: auto !important;
}


/* Incorrect shared Nu-Derm FAQ */

html body.aba-brand-v7-obagi-c-fx-canary
.faq_section {
    display: none !important;
}


@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-obagi-c-fx-canary
    .product_showcase_section
    > .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-obagi-c-fx-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4) {
        gap: 18px !important;
    }


    html body.aba-brand-v7-obagi-c-fx-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {
        flex: 0 1 100% !important;

        width: 100% !important;
        max-width: 420px !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_PROFESSIONAL_C_APPROVED

   TERM 69 ? PROFESSIONAL-C PORTFOLIO

   BrandBook only:
   Hero -> centered cards -> contact -> footer.

   Generic Nu-Derm FAQ hidden.
   Commerce behavior unchanged.
   ========================================================== */


/* HERO */

html body.aba-brand-v7-professional-c-canary
.category_intro_section {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}

html body.aba-brand-v7-professional-c-canary
.category_intro_section
.category_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}

html body.aba-brand-v7-professional-c-canary
.category_intro_section
.cat_content,
html body.aba-brand-v7-professional-c-canary
.category_intro_section
.cat_content p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* PRODUCT HEADING */

html body.aba-brand-v7-professional-c-canary
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* PRODUCT CONTAINER */

html body.aba-brand-v7-professional-c-canary
.product_showcase_section
> .container {
    width: 100% !important;
    max-width: 1280px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
}


/* DYNAMIC CENTERING */

html body.aba-brand-v7-professional-c-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4) {
    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: stretch !important;

    gap: 24px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

html body.aba-brand-v7-professional-c-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4)
> .col-md-3.col-sm-4 {
    float: none !important;
    display: flex !important;

    flex: 0 1 280px !important;

    width: 280px !important;
    max-width: 280px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* EQUAL CARDS */

html body.aba-brand-v7-professional-c-canary
.product_showcase_section
.obagi_product_card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}

html body.aba-brand-v7-professional-c-canary
.product_showcase_section
.obagi_product_card
.product_details {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}

html body.aba-brand-v7-professional-c-canary
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {
    margin-top: auto !important;
}


/* FAQ DOES NOT BELONG HERE */

html body.aba-brand-v7-professional-c-canary
.faq_section {
    display: none !important;
}


/* MOBILE */

@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-professional-c-canary
    .product_showcase_section
    > .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    html body.aba-brand-v7-professional-c-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4) {
        gap: 18px !important;
    }

    html body.aba-brand-v7-professional-c-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {
        flex: 0 1 100% !important;

        width: 100% !important;
        max-width: 420px !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_SUN_SHIELD_APPROVED

   TERM 70 ? SUN SHIELD

   BrandBook only:
   Hero -> centered cards -> contact -> footer.

   Generic Nu-Derm FAQ hidden.
   Commerce behavior unchanged.
   ========================================================== */


html body.aba-brand-v7-sun-shield-canary
.category_intro_section {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-sun-shield-canary
.category_intro_section
.category_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-sun-shield-canary
.category_intro_section
.cat_content,
html body.aba-brand-v7-sun-shield-canary
.category_intro_section
.cat_content p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-sun-shield-canary
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-sun-shield-canary
.product_showcase_section
> .container {
    width: 100% !important;
    max-width: 1280px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
}


html body.aba-brand-v7-sun-shield-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4) {
    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: stretch !important;

    gap: 24px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


html body.aba-brand-v7-sun-shield-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4)
> .col-md-3.col-sm-4 {
    float: none !important;
    display: flex !important;

    flex: 0 1 280px !important;

    width: 280px !important;
    max-width: 280px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


html body.aba-brand-v7-sun-shield-canary
.product_showcase_section
.obagi_product_card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}


html body.aba-brand-v7-sun-shield-canary
.product_showcase_section
.obagi_product_card
.product_details {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}


html body.aba-brand-v7-sun-shield-canary
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {
    margin-top: auto !important;
}


/* Nu-Derm-specific shared FAQ does not belong here */

html body.aba-brand-v7-sun-shield-canary
.faq_section {
    display: none !important;
}


@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-sun-shield-canary
    .product_showcase_section
    > .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-sun-shield-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4) {
        gap: 18px !important;
    }


    html body.aba-brand-v7-sun-shield-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {
        flex: 0 1 100% !important;

        width: 100% !important;
        max-width: 420px !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_SUZANOBAGIMD_APPROVED

   TERM 71 ? SUZANOBAGIMD

   BrandBook only:
   Hero -> centered cards -> contact -> footer.

   Generic Nu-Derm FAQ hidden.
   Commerce behavior unchanged.
   ========================================================== */


html body.aba-brand-v7-suzanobagimd-canary
.category_intro_section {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.category_intro_section
.category_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.category_intro_section
.cat_content,
html body.aba-brand-v7-suzanobagimd-canary
.category_intro_section
.cat_content p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
> .container {
    width: 100% !important;
    max-width: 1280px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4) {
    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: stretch !important;

    gap: 24px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4)
> .col-md-3.col-sm-4 {
    float: none !important;
    display: flex !important;

    flex: 0 1 280px !important;

    width: 280px !important;
    max-width: 280px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
.obagi_product_card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
.obagi_product_card
.product_details {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {
    margin-top: auto !important;
}


/* Nu-Derm-specific shared FAQ does not belong here */

html body.aba-brand-v7-suzanobagimd-canary
.faq_section {
    display: none !important;
}


@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-suzanobagimd-canary
    .product_showcase_section
    > .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-suzanobagimd-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4) {
        gap: 18px !important;
    }


    html body.aba-brand-v7-suzanobagimd-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {
        flex: 0 1 100% !important;

        width: 100% !important;
        max-width: 420px !important;
    }
}


/* ==========================================================
   SUZANOBAGIMD_APPROVED_GRID

   TERM 71

   Five-product refinement:
   - larger cards
   - 3 + 2 centered desktop layout
   - responsive tablet/mobile preserved
   ========================================================== */

html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
> .container {
    max-width: 1120px !important;
}


/* Desktop: three cards per row */

html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4) {
    justify-content: center !important;
    gap: 28px !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4)
> .col-md-3.col-sm-4 {
    flex: 0 0 300px !important;

    width: 300px !important;
    max-width: 300px !important;
}


/* Give imagery a stronger footprint */

html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
.obagi_product_card
.pro_img {
    min-height: 285px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


html body.aba-brand-v7-suzanobagimd-canary
.product_showcase_section
.obagi_product_card
.pro_img img {
    max-height: 260px !important;
    width: auto !important;

    object-fit: contain !important;
}


/* Tablet */

@media only screen and (max-width: 1024px) {

    html body.aba-brand-v7-suzanobagimd-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {

        flex: 0 1 300px !important;

        width: 300px !important;
        max-width: 300px !important;
    }
}


/* Mobile */

@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-suzanobagimd-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {

        flex: 0 1 100% !important;

        width: 100% !important;
        max-width: 420px !important;
    }


    html body.aba-brand-v7-suzanobagimd-canary
    .product_showcase_section
    .obagi_product_card
    .pro_img {

        min-height: 240px !important;
    }


    html body.aba-brand-v7-suzanobagimd-canary
    .product_showcase_section
    .obagi_product_card
    .pro_img img {

        max-height: 220px !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_ELTA_MD_APPROVED

   TERM 76 ? ELTA MD SKINCARE

   BrandBook only.

   - category hero preserved
   - V7 typography
   - 3-column desktop product grid
   - incorrect Nu-Derm FAQ hidden
   - contact/footer preserved
   - commerce behavior unchanged
   ========================================================== */


/* HERO */

html body.aba-brand-v7-elta-md-canary
.category_intro_section {
    font-family: var(--aba-font-family) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-elta-md-canary
.category_intro_section
.category_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


html body.aba-brand-v7-elta-md-canary
.category_intro_section
.cat_content,
html body.aba-brand-v7-elta-md-canary
.category_intro_section
.cat_content p {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* PRODUCT HEADING */

html body.aba-brand-v7-elta-md-canary
.product_showcase_section
.sec_title {
    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;
    color: var(--aba-brand-charcoal) !important;
}


/* PRODUCT CONTAINER */

html body.aba-brand-v7-elta-md-canary
.product_showcase_section
> .container {
    width: 100% !important;
    max-width: 1100px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
}


/* 3-COLUMN DESKTOP GRID */

html body.aba-brand-v7-elta-md-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4) {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 300px)) !important;

    justify-content: center !important;
    align-items: stretch !important;

    gap: 28px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


html body.aba-brand-v7-elta-md-canary
.product_showcase_section
.row:has(> .col-md-3.col-sm-4)
> .col-md-3.col-sm-4 {
    float: none !important;

    display: flex !important;

    width: 100% !important;
    max-width: 300px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* EQUAL CARDS */

html body.aba-brand-v7-elta-md-canary
.product_showcase_section
.obagi_product_card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}


html body.aba-brand-v7-elta-md-canary
.product_showcase_section
.obagi_product_card
.product_details {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}


html body.aba-brand-v7-elta-md-canary
.product_showcase_section
.obagi_product_card
.product_details
.obagi_btn {
    margin-top: auto !important;
}


/* GENERIC NU-DERM FAQ DOES NOT BELONG HERE */

html body.aba-brand-v7-elta-md-canary
.faq_section {
    display: none !important;
}


/* TABLET */

@media only screen and (max-width: 1024px) {

    html body.aba-brand-v7-elta-md-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4) {

        grid-template-columns:
            repeat(2, minmax(0, 300px)) !important;
    }
}


/* MOBILE */

@media only screen and (max-width: 767px) {

    html body.aba-brand-v7-elta-md-canary
    .product_showcase_section
    > .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    html body.aba-brand-v7-elta-md-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4) {

        grid-template-columns:
            minmax(0, 420px) !important;

        gap: 18px !important;
    }


    html body.aba-brand-v7-elta-md-canary
    .product_showcase_section
    .row:has(> .col-md-3.col-sm-4)
    > .col-md-3.col-sm-4 {

        width: 100% !important;
        max-width: 420px !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_HOME_CANARY_V1

   PAGE 535607 ? HOME

   BrandBook adaptation only.

   PRESERVED:
   - Elementor structure
   - sliders / carousels
   - images
   - content
   - links
   - WooCommerce / add-to-cart
   - forms
   - responsive layout

   COLOR DIRECTION:
   legacy green primary   -> ABA Blue
   legacy green secondary -> Charcoal
   gray-green copy        -> Charcoal
   buttons                -> ABA Blue / Salmon hover
   pale green sections    -> subtle Cream
   ========================================================== */


/* ----------------------------------------------------------
   HERO / PRIMARY INTRO
   ---------------------------------------------------------- */

html body.page-id-535607
.elementor-element-a2139b1
.elementor-heading-title {

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-light) !important;

    color: var(--aba-brand-blue) !important;
}


html body.page-id-535607
.elementor-element-2914ab9,

html body.page-id-535607
.elementor-element-f0bfcef {

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   STATS
   ---------------------------------------------------------- */

html body.page-id-535607
.elementor-element-69cdcaf
.elementor-heading-title,

html body.page-id-535607
.elementor-element-505e5aa
.elementor-heading-title,

html body.page-id-535607
.elementor-element-c533792
.elementor-heading-title {

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;

    color: var(--aba-brand-blue) !important;
}


html body.page-id-535607
.elementor-element-b2bf4df,

html body.page-id-535607
.elementor-element-4ccb7eb,

html body.page-id-535607
.elementor-element-e1cdd9f {

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* Stat separators */

html body.page-id-535607
.elementor-element-4220612,

html body.page-id-535607
.elementor-element-69a50b5 {

    border-color:
        rgba(0, 214, 250, 0.35) !important;
}


/* ----------------------------------------------------------
   PRIMARY SECTION / CARD HEADINGS
   ---------------------------------------------------------- */

html body.page-id-535607
:is(
    .elementor-element-0b666f7,
    .elementor-element-69a17fc,
    .elementor-element-ac0832c,
    .elementor-element-fc3a483,
    .elementor-element-6df6eeb,
    .elementor-element-ea05eaa,
    .elementor-element-bc27935,
    .elementor-element-07aa2ab,
    .elementor-element-f54a0fa,
    .elementor-element-92cb3d7,
    .elementor-element-f26462b
)
.elementor-heading-title {

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;

    color: var(--aba-brand-blue) !important;
}


/* ----------------------------------------------------------
   SECONDARY HEADINGS
   ---------------------------------------------------------- */

html body.page-id-535607
:is(
    .elementor-element-4edcda5,
    .elementor-element-cbfeaa0,
    .elementor-element-4a3736c,
    .elementor-element-f78f928
)
.elementor-heading-title {

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-medium) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   BODY COPY
   ---------------------------------------------------------- */

html body.page-id-535607
:is(
    .elementor-element-8ad8597,
    .elementor-element-a899c72,
    .elementor-element-31b853e,
    .elementor-element-4f1a3f2,
    .elementor-element-57963be,
    .elementor-element-570fa3d,
    .elementor-element-aee1962,
    .elementor-element-faf2226,
    .elementor-element-9934eef,
    .elementor-element-1fc8a57,
    .elementor-element-8a6af7c,
    .elementor-element-91c89bf,
    .elementor-element-b295d9d
) {

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-regular) !important;

    color: var(--aba-brand-charcoal) !important;
}


/* ----------------------------------------------------------
   ICON ACCENTS
   ---------------------------------------------------------- */

html body.page-id-535607
:is(
    .elementor-element-b999c49,
    .elementor-element-1330e5a,
    .elementor-element-ffbe370
)
.elementor-icon {

    color: var(--aba-brand-blue) !important;
}


html body.page-id-535607
:is(
    .elementor-element-b999c49,
    .elementor-element-1330e5a,
    .elementor-element-ffbe370
)
.elementor-icon svg {

    fill: currentColor !important;
}


/* ----------------------------------------------------------
   CTA BUTTONS
   ---------------------------------------------------------- */

html body.page-id-535607
:is(
    .elementor-element-3c55a4f,
    .elementor-element-bbdaf5d,
    .elementor-element-486492b,
    .elementor-element-a47c3f7,
    .elementor-element-1f17a18,
    .elementor-element-36791f1,
    .elementor-element-f248594,
    .elementor-element-fb3ff19
)
.elementor-button {

    font-family: var(--aba-font-family) !important;
    font-weight: var(--aba-font-weight-bold) !important;

    color: var(--aba-brand-charcoal) !important;

    background-color:
        var(--aba-brand-blue) !important;

    border-color:
        var(--aba-brand-blue) !important;
}


html body.page-id-535607
:is(
    .elementor-element-3c55a4f,
    .elementor-element-bbdaf5d,
    .elementor-element-486492b,
    .elementor-element-a47c3f7,
    .elementor-element-1f17a18,
    .elementor-element-36791f1,
    .elementor-element-f248594,
    .elementor-element-fb3ff19
)
.elementor-button:hover,

html body.page-id-535607
:is(
    .elementor-element-3c55a4f,
    .elementor-element-bbdaf5d,
    .elementor-element-486492b,
    .elementor-element-a47c3f7,
    .elementor-element-1f17a18,
    .elementor-element-36791f1,
    .elementor-element-f248594,
    .elementor-element-fb3ff19
)
.elementor-button:focus {

    color: var(--aba-brand-charcoal) !important;

    background-color:
        var(--aba-brand-salmon) !important;

    border-color:
        var(--aba-brand-salmon) !important;
}


/* ----------------------------------------------------------
   SUBTLE SECTION SURFACES

   Existing #77877B0D gray-green becomes tertiary Cream.
   ---------------------------------------------------------- */

html body.page-id-535607
:is(
    .elementor-element-f26425c,
    .elementor-element-10d1a0e,
    .elementor-element-f1ab40a,
    .elementor-element-916b725
) {

    background-color:
        rgba(247, 224, 190, 0.18) !important;
}


/* ==========================================================
   ABA_BRAND_V7_HOME_HERO_CONTRAST_V2

   Home intro over photography.
   Improve readability without changing layout/image.
   ========================================================== */

/* "L?deres en el tratamiento de tu piel" */

html body.page-id-535607
.elementor-element-a2139b1
.elementor-heading-title {
    color: var(--aba-brand-charcoal) !important;
    opacity: 1 !important;
}


/* Supporting paragraph */

html body.page-id-535607
.elementor-element-2914ab9,
html body.page-id-535607
.elementor-element-2914ab9 *,
html body.page-id-535607
.elementor-element-f0bfcef,
html body.page-id-535607
.elementor-element-f0bfcef * {
    color: var(--aba-brand-charcoal) !important;
    opacity: 1 !important;
}



/* ==========================================================
   ABA_BRAND_V7_OFERTAS_APPROVED

   PAGE 794 ? /ofertas/

   FINAL APPROVED STATE

   - V7 typography/colors
   - promotional artwork preserved without cropping
   - equal artwork footprint
   - duplicated offer titles visually removed
   - centered animated legacy "Ver ofertas" CTA
   - CTA remains fully clickable
   - no JavaScript added
   - offer/page links untouched
   ========================================================== */


/* ----------------------------------------------------------
   PAGE BASE
   ---------------------------------------------------------- */

html body.page-id-794 {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal);
}


/* ----------------------------------------------------------
   TWO-COLUMN OFFER GRID
   ---------------------------------------------------------- */

html body.page-id-794
.ofer_page
> .container
> .row {

    align-items:
        stretch;

    row-gap:
        40px;
}


html body.page-id-794
.ofer_page
> .container
> .row
> .col-sm-6 {

    display:
        flex;

    flex-direction:
        column;
}


/* ----------------------------------------------------------
   OFFER BLOCK
   ---------------------------------------------------------- */

html body.page-id-794
.ofer_page
.offer_new_blk {

    display:
        flex
        !important;

    flex-direction:
        column
        !important;

    width:
        100%
        !important;

    height:
        100%
        !important;
}


/* ----------------------------------------------------------
   PROMOTIONAL ARTWORK

   Consistent footprint.
   Never crop embedded offer copy/dates.
   ---------------------------------------------------------- */

html body.page-id-794
.ofer_page
.offer_new_blk
.ofn_img {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    aspect-ratio:
        16 / 9;

    overflow:
        hidden;

    background:
        var(--aba-brand-white);
}


html body.page-id-794
.ofer_page
.offer_new_blk
.ofn_img
> a {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    height:
        100%;
}


html body.page-id-794
.ofer_page
.offer_new_blk
.ofn_img
img {

    display:
        block;

    width:
        100%
        !important;

    height:
        100%
        !important;

    object-fit:
        contain
        !important;
}


/* ----------------------------------------------------------
   DUPLICATED OFFER TITLE

   Artwork already communicates the offer.
   Keep title in DOM; hide only visually.
   ---------------------------------------------------------- */

html body.page-id-794
.ofer_page
.offer_new_blk
.ofn_title {

    display:
        none
        !important;

    min-height:
        0
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;
}


html body.page-id-794
.ofer_page
.offer_new_blk
.ofn_title::before,

html body.page-id-794
.ofer_page
.offer_new_blk
.ofn_title::after {

    display:
        none
        !important;

    content:
        none
        !important;
}


/* ----------------------------------------------------------
   CTA AREA
   ---------------------------------------------------------- */

html body.page-id-794
.ofer_page
.offer_new_blk
.hp_rs_block {

    position:
        relative
        !important;

    z-index:
        10
        !important;

    display:
        flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    width:
        100%
        !important;

    margin-top:
        18px
        !important;

    padding:
        0
        !important;

    text-align:
        center
        !important;

    pointer-events:
        auto
        !important;
}


/* ----------------------------------------------------------
   VER OFERTAS BUTTON

   Preserve legacy blob geometry/movement.
   Only V7 color/typography/alignment is imposed.
   ---------------------------------------------------------- */

html body.page-id-794
.ofer_page
.offer_new_blk
.hp_rs_block
a.shape_morph.blob {

    position:
        relative
        !important;

    z-index:
        11
        !important;

    align-self:
        center
        !important;

    margin:
        0 auto
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-bold)
        !important;

    background:
        var(--aba-brand-blue)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    border-color:
        var(--aba-brand-blue)
        !important;

    text-align:
        center
        !important;

    pointer-events:
        auto
        !important;

    cursor:
        pointer
        !important;
}


html body.page-id-794
.ofer_page
.offer_new_blk
.hp_rs_block
a.shape_morph.blob:hover,

html body.page-id-794
.ofer_page
.offer_new_blk
.hp_rs_block
a.shape_morph.blob:focus {

    background:
        var(--aba-brand-salmon)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


/* Decorative layers never intercept mouse/touch events. */

html body.page-id-794
.ofer_page
.offer_new_blk
.hp_rs_block::before,

html body.page-id-794
.ofer_page
.offer_new_blk
.hp_rs_block::after,

html body.page-id-794
.ofer_page
.offer_new_blk
.hp_rs_block
a.shape_morph.blob::before,

html body.page-id-794
.ofer_page
.offer_new_blk
.hp_rs_block
a.shape_morph.blob::after {

    pointer-events:
        none
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-794
    .ofer_page
    > .container
    > .row {

        row-gap:
            30px;
    }


    html body.page-id-794
    .ofer_page
    .offer_new_blk {

        display:
            block
            !important;

        height:
            auto
            !important;
    }


    html body.page-id-794
    .ofer_page
    .offer_new_blk
    .ofn_img {

        aspect-ratio:
            16 / 10;
    }


    html body.page-id-794
    .ofer_page
    .offer_new_blk
    .ofn_title {

        display:
            none
            !important;
    }


    html body.page-id-794
    .ofer_page
    .offer_new_blk
    .hp_rs_block {

        display:
            flex
            !important;

        justify-content:
            center
            !important;

        margin-top:
            14px
            !important;

        text-align:
            center
            !important;
    }


    html body.page-id-794
    .ofer_page
    .offer_new_blk
    .hp_rs_block
    a.shape_morph.blob {

        margin-left:
            auto
            !important;

        margin-right:
            auto
            !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_OFFER_FAMILY_APPROVED

   OFFER CATEGORY FAMILY

   536617 ? Tratamiento Inicial
   536656 ? Retoque
   536661 ? Crea tu Combo
   536666 ? Est?tica
   536674 ? Salud y Bienestar
   536679 ? SkinCare

   Shared Elementor Loop Item:
   536634

   FINAL APPROVED STATE

   - V7 header/footer through existing approved scopes
   - Elevance/Charcoal page headings
   - promotional artwork preserved
   - no oversized card shell
   - subtle artwork hover preserved
   - offer title retained below artwork
   - individual terms/queries untouched
   - Loop Item 536634 untouched
   ========================================================== */


/* ----------------------------------------------------------
   FAMILY BASE
   ---------------------------------------------------------- */

html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
) {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal);
}


/* ----------------------------------------------------------
   PAGE HEADINGS

   Scope restricted to each page's Elementor root.
   ---------------------------------------------------------- */

html body.page-id-536617
.elementor-536617
.elementor-widget-heading
.elementor-heading-title,

html body.page-id-536656
.elementor-536656
.elementor-widget-heading
.elementor-heading-title,

html body.page-id-536661
.elementor-536661
.elementor-widget-heading
.elementor-heading-title,

html body.page-id-536666
.elementor-536666
.elementor-widget-heading
.elementor-heading-title,

html body.page-id-536674
.elementor-536674
.elementor-widget-heading
.elementor-heading-title,

html body.page-id-536679
.elementor-536679
.elementor-widget-heading
.elementor-heading-title {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-light)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    letter-spacing:
        0
        !important;

    text-transform:
        none
        !important;
}


/* ----------------------------------------------------------
   LOOP ITEM

   Structurally preserved.
   Large card decoration intentionally removed.
   ---------------------------------------------------------- */

html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
)
.elementor-widget-loop-grid
.e-loop-item {

    overflow:
        visible
        !important;

    background:
        transparent
        !important;

    border:
        0
        !important;

    border-radius:
        0
        !important;

    box-shadow:
        none
        !important;

    transform:
        none
        !important;
}


@media (hover: hover) {

    html body:is(
        .page-id-536617,
        .page-id-536656,
        .page-id-536661,
        .page-id-536666,
        .page-id-536674,
        .page-id-536679
    )
    .elementor-widget-loop-grid
    .e-loop-item:hover {

        background:
            transparent
            !important;

        border:
            0
            !important;

        box-shadow:
            none
            !important;

        transform:
            none
            !important;
    }
}


/* ----------------------------------------------------------
   PROMOTIONAL ARTWORK
   ---------------------------------------------------------- */

html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
)
.elementor-widget-loop-grid
.elementor-widget-theme-post-featured-image {

    overflow:
        hidden;

    background:
        transparent
        !important;
}


html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
)
.elementor-widget-loop-grid
.elementor-widget-theme-post-featured-image
a {

    display:
        block;
}


html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
)
.elementor-widget-loop-grid
.elementor-widget-theme-post-featured-image
img {

    display:
        block;

    width:
        100%
        !important;

    height:
        auto
        !important;

    object-fit:
        contain
        !important;

    transition:
        transform 220ms ease;
}


/* Keep the subtle image-only hover. */

@media (hover: hover) {

    html body:is(
        .page-id-536617,
        .page-id-536656,
        .page-id-536661,
        .page-id-536666,
        .page-id-536674,
        .page-id-536679
    )
    .elementor-widget-loop-grid
    .e-loop-item:hover
    .elementor-widget-theme-post-featured-image
    img {

        transform:
            scale(1.008);
    }
}


/* ----------------------------------------------------------
   OFFER TITLE
   ---------------------------------------------------------- */

html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
)
.elementor-widget-loop-grid
.elementor-widget-theme-post-title {

    padding:
        18px
        0
        22px;
}


html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
)
.elementor-widget-loop-grid
.elementor-widget-theme-post-title
.elementor-heading-title {

    margin:
        0
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    line-height:
        1.25
        !important;
}


html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
)
.elementor-widget-loop-grid
.elementor-widget-theme-post-title
.elementor-heading-title
a {

    color:
        var(--aba-brand-charcoal)
        !important;

    text-decoration:
        none
        !important;

    transition:
        color 160ms ease;
}


html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
)
.elementor-widget-loop-grid
.elementor-widget-theme-post-title
.elementor-heading-title
a:hover,

html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
)
.elementor-widget-loop-grid
.elementor-widget-theme-post-title
.elementor-heading-title
a:focus {

    color:
        var(--aba-brand-blue)
        !important;
}


/* ----------------------------------------------------------
   ACCESSIBILITY
   ---------------------------------------------------------- */

html body:is(
    .page-id-536617,
    .page-id-536656,
    .page-id-536661,
    .page-id-536666,
    .page-id-536674,
    .page-id-536679
)
.elementor-widget-loop-grid
a:focus-visible {

    outline:
        2px solid
        var(--aba-brand-blue)
        !important;

    outline-offset:
        3px
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-536617
    .elementor-536617
    .elementor-widget-heading
    .elementor-heading-title,

    html body.page-id-536656
    .elementor-536656
    .elementor-widget-heading
    .elementor-heading-title,

    html body.page-id-536661
    .elementor-536661
    .elementor-widget-heading
    .elementor-heading-title,

    html body.page-id-536666
    .elementor-536666
    .elementor-widget-heading
    .elementor-heading-title,

    html body.page-id-536674
    .elementor-536674
    .elementor-widget-heading
    .elementor-heading-title,

    html body.page-id-536679
    .elementor-536679
    .elementor-widget-heading
    .elementor-heading-title {

        font-size:
            28px
            !important;

        line-height:
            1.15
            !important;
    }


    html body:is(
        .page-id-536617,
        .page-id-536656,
        .page-id-536661,
        .page-id-536666,
        .page-id-536674,
        .page-id-536679
    )
    .elementor-widget-loop-grid
    .e-loop-item {

        background:
            transparent
            !important;

        border:
            0
            !important;

        border-radius:
            0
            !important;

        box-shadow:
            none
            !important;
    }


    html body:is(
        .page-id-536617,
        .page-id-536656,
        .page-id-536661,
        .page-id-536666,
        .page-id-536674,
        .page-id-536679
    )
    .elementor-widget-loop-grid
    .elementor-widget-theme-post-title {

        padding:
            14px
            0
            18px;
    }
}



/* ==========================================================
   ABA_BRAND_V7_OFFER_ORDERING_FAMILY_APPROVED

   CAMPAIGN ORDERING / PURCHASE FAMILY

   535167
   /depilacion-laser-tratamiento-inicial-y-retoques/

   537667
   /ofertas-de-skincare/

   537894
   /ofertas-de-estetica/

   536302
   /tratamientoinicial/

   Template:
   templates/tpl-campaigns.php

   FINAL APPROVED STATE

   - approved V7 header/footer
   - Elevance / Charcoal typography
   - compact social controls
   - third-party social identity preserved
   - ABA Blue promotional price
   - clean quantity controls
   - ABA Blue primary Add to Cart
   - Salmon primary hover
   - one-line desktop Add to Cart
   - secondary "Ver carrito" CTA after AJAX
   - mobile purchase flow preserved

   FUNCTIONAL LOGIC UNTOUCHED.
   ========================================================== */


/* ----------------------------------------------------------
   FAMILY BASE
   ---------------------------------------------------------- */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
) {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal);
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal);
}


/* ----------------------------------------------------------
   PAGE TITLE
   ---------------------------------------------------------- */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.main_content_area h2,

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign h2:first-of-type,

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.page_content h2 {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-light)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    line-height:
        1.15
        !important;

    letter-spacing:
        0
        !important;
}


/* ----------------------------------------------------------
   OTHER CAMPAIGN HEADINGS
   ---------------------------------------------------------- */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
h1,

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
h3 {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-light)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
h4,

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
h5,

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
h6 {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/* ----------------------------------------------------------
   COMPACT SHARE CONTROLS
   ---------------------------------------------------------- */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.single_social {

    margin-top:
        12px
        !important;

    margin-bottom:
        30px
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.single_social ul {

    display:
        flex
        !important;

    align-items:
        center
        !important;

    flex-wrap:
        wrap
        !important;

    gap:
        10px
        !important;

    width:
        auto
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;

    list-style:
        none
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.single_social ul li {

    float:
        none
        !important;

    display:
        block
        !important;

    width:
        auto
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.single_social ul li a {

    float:
        none
        !important;

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    width:
        44px
        !important;

    min-width:
        44px
        !important;

    max-width:
        44px
        !important;

    height:
        44px
        !important;

    min-height:
        44px
        !important;

    padding:
        0
        !important;

    margin:
        0
        !important;

    border:
        0
        !important;

    border-radius:
        50%
        !important;

    line-height:
        44px
        !important;

    text-align:
        center
        !important;

    font-size:
        18px
        !important;

    color:
        #FFFFFF
        !important;

    box-shadow:
        0 3px 12px
        rgba(46, 46, 46, 0.10)
        !important;

    pointer-events:
        auto
        !important;

    cursor:
        pointer
        !important;

    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        opacity 160ms ease
        !important;
}


/* Third-party identity */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.single_social
a.customfb {

    background:
        #1877F2
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.single_social
a.customtwit {

    background:
        #1DA1F2
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.single_social
a[href^="mailto:"] {

    background:
        var(--aba-brand-salmon)
        !important;
}


@media (hover: hover) {

    html body:is(
        .page-id-535167,
        .page-id-537667,
        .page-id-537894,
        .page-id-536302
    )
    .single_social
    ul li a:hover {

        transform:
            translateY(-2px);

        box-shadow:
            0 6px 16px
            rgba(46, 46, 46, 0.16)
            !important;

        opacity:
            0.94;
    }
}


/* ----------------------------------------------------------
   PRODUCT ROW
   ---------------------------------------------------------- */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row {

    background:
        transparent;

    border-bottom:
        1px solid
        rgba(46, 46, 46, 0.14)
        !important;

    padding-top:
        24px;

    padding-bottom:
        24px;
}


/* ----------------------------------------------------------
   PRODUCT TITLE / PRICE
   ---------------------------------------------------------- */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.ptitle_block
h4 {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.ptitle_block
h6 {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    color:
        rgba(46, 46, 46, 0.76)
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.ptitle_block
p {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-bold)
        !important;

    color:
        var(--aba-brand-blue)
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.ptitle_block
span {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        rgba(46, 46, 46, 0.48)
        !important;
}


/* ----------------------------------------------------------
   QUANTITY
   ---------------------------------------------------------- */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.pqty_block
label {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.pqty_block
.qty {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        var(--aba-brand-white)
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        6px
        !important;

    box-shadow:
        none
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.pqty_block
.qty:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.18)
        !important;

    outline-offset:
        1px;
}


/* ----------------------------------------------------------
   PRIMARY ADD TO CART CTA
   ---------------------------------------------------------- */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.pbtn_block {

    position:
        relative;

    z-index:
        2;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.pbtn_block
button.add_to_cart_button {

    position:
        relative;

    z-index:
        3;

    display:
        inline-flex
        !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        178px
        !important;

    min-width:
        168px
        !important;

    max-width:
        100%
        !important;

    min-height:
        48px;

    padding:
        11px 14px
        !important;

    box-sizing:
        border-box;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-bold)
        !important;

    line-height:
        1.1
        !important;

    white-space:
        nowrap
        !important;

    text-align:
        center
        !important;

    background-image:
        none
        !important;

    background-color:
        var(--aba-brand-blue)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    border:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;

    pointer-events:
        auto
        !important;

    cursor:
        pointer
        !important;

    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease,
        transform 160ms ease
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.pbtn_block
button.add_to_cart_button:hover,

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.pbtn_block
button.add_to_cart_button:focus {

    background-image:
        none
        !important;

    background-color:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    transform:
        translateY(-1px);
}


/* ----------------------------------------------------------
   SECONDARY VER CARRITO CTA
   ---------------------------------------------------------- */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.offer_block.pbtn_block
a.added_to_cart.wc-forward {

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    width:
        178px
        !important;

    min-width:
        168px
        !important;

    max-width:
        100%
        !important;

    min-height:
        38px
        !important;

    margin:
        7px 0 0
        !important;

    padding:
        8px 12px
        !important;

    box-sizing:
        border-box
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        13px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    line-height:
        1
        !important;

    white-space:
        nowrap
        !important;

    text-align:
        center
        !important;

    text-decoration:
        none
        !important;

    text-transform:
        none
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        var(--aba-brand-white)
        !important;

    border:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;

    cursor:
        pointer
        !important;

    pointer-events:
        auto
        !important;

    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease,
        transform 160ms ease
        !important;
}


@media (hover: hover) {

    html body:is(
        .page-id-535167,
        .page-id-537667,
        .page-id-537894,
        .page-id-536302
    )
    .special_offer_campaign
    .showProduct_row
    .offer_block.pbtn_block
    a.added_to_cart.wc-forward:hover {

        color:
            var(--aba-brand-charcoal)
            !important;

        background:
            rgba(0, 214, 250, 0.10)
            !important;

        border-color:
            var(--aba-brand-blue)
            !important;

        transform:
            translateY(-1px);
    }
}


/* ----------------------------------------------------------
   REGISTRATION / PACKAGE MESSAGING
   ---------------------------------------------------------- */

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
button.new_register_btn {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-bold)
        !important;

    background:
        var(--aba-brand-blue)
        !important;

    border-color:
        var(--aba-brand-blue)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    border-radius:
        7px
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
button.new_register_btn:hover,

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
button.new_register_btn:focus {

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.package_info,

html body:is(
    .page-id-535167,
    .page-id-537667,
    .page-id-537894,
    .page-id-536302
)
.special_offer_campaign
.showProduct_row
.stock_register {

    background:
        rgba(0, 214, 250, 0.08)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body:is(
        .page-id-535167,
        .page-id-537667,
        .page-id-537894,
        .page-id-536302
    )
    .special_offer_campaign
    .showProduct_row {

        padding-top:
            18px;

        padding-bottom:
            18px;
    }


    html body:is(
        .page-id-535167,
        .page-id-537667,
        .page-id-537894,
        .page-id-536302
    )
    .single_social
    ul li a {

        width:
            42px
            !important;

        min-width:
            42px
            !important;

        max-width:
            42px
            !important;

        height:
            42px
            !important;

        min-height:
            42px
            !important;

        line-height:
            42px
            !important;
    }


    html body:is(
        .page-id-535167,
        .page-id-537667,
        .page-id-537894,
        .page-id-536302
    )
    .special_offer_campaign
    .showProduct_row
    .offer_block.ptitle_block
    h4 {

        font-size:
            14px
            !important;

        line-height:
            1.25
            !important;
    }


    html body:is(
        .page-id-535167,
        .page-id-537667,
        .page-id-537894,
        .page-id-536302
    )
    .special_offer_campaign
    .showProduct_row
    .offer_block.pbtn_block
    button.add_to_cart_button,

    html body:is(
        .page-id-535167,
        .page-id-537667,
        .page-id-537894,
        .page-id-536302
    )
    .special_offer_campaign
    .showProduct_row
    .offer_block.pbtn_block
    a.added_to_cart.wc-forward {

        display:
            flex
            !important;

        width:
            100%
            !important;

        min-width:
            0
            !important;

        max-width:
            100%
            !important;

        white-space:
            nowrap
            !important;
    }


    html body:is(
        .page-id-535167,
        .page-id-537667,
        .page-id-537894,
        .page-id-536302
    )
    .special_offer_campaign
    .showProduct_row
    .offer_block.pbtn_block
    a.added_to_cart.wc-forward {

        min-height:
            40px
            !important;

        margin-top:
            7px
            !important;
    }
}



/* ==========================================================
   ABA_BRAND_V7_REFERIDOS_APPROVED

   PAGE 527422 ? /referidos-manual/

   FINAL APPROVED STATE

   Architecture:
   templates/tpl-default.php

   - approved V7 header/footer
   - Elevance / Charcoal page title
   - compact third-party share controls
   - campaign artwork preserved
   - readable terms copy
   - content links use V7 interactions
   - V7 sidebar section headings
   - Salmon sidebar micro-accent
   - sidebar artwork/links preserved
   - shared Elementor contact block 379055 preserved

   VISUAL ONLY.
   ========================================================== */


/* ----------------------------------------------------------
   PAGE BASE
   ---------------------------------------------------------- */

html body.page-id-527422 {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal);
}


html body.page-id-527422
.page_content {

    padding-top:
        50px;

    padding-bottom:
        50px;
}


/* ----------------------------------------------------------
   PAGE TITLE
   ---------------------------------------------------------- */

html body.page-id-527422
.page_content
.col-sm-8
> h2 {

    margin-top:
        0
        !important;

    margin-bottom:
        16px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-light)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    line-height:
        1.15
        !important;

    letter-spacing:
        0
        !important;
}


/* ----------------------------------------------------------
   SHARE CONTROLS
   ---------------------------------------------------------- */

html body.page-id-527422
.single_social {

    margin-top:
        4px
        !important;

    margin-bottom:
        24px
        !important;
}


html body.page-id-527422
.single_social ul {

    display:
        flex
        !important;

    align-items:
        center
        !important;

    gap:
        10px
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;

    list-style:
        none
        !important;
}


html body.page-id-527422
.single_social ul li {

    float:
        none
        !important;

    display:
        block
        !important;

    width:
        auto
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;
}


html body.page-id-527422
.single_social ul li a {

    float:
        none
        !important;

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    width:
        44px
        !important;

    min-width:
        44px
        !important;

    max-width:
        44px
        !important;

    height:
        44px
        !important;

    min-height:
        44px
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;

    border:
        0
        !important;

    border-radius:
        50%
        !important;

    line-height:
        44px
        !important;

    font-size:
        18px
        !important;

    color:
        #FFFFFF
        !important;

    text-align:
        center
        !important;

    box-shadow:
        0 3px 12px
        rgba(46, 46, 46, 0.10)
        !important;

    pointer-events:
        auto
        !important;

    cursor:
        pointer
        !important;

    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        opacity 160ms ease
        !important;
}


/* Third-party identity retained. */

html body.page-id-527422
.single_social
a.customfb {

    background:
        #1877F2
        !important;
}


html body.page-id-527422
.single_social
a.customtwit {

    background:
        #1DA1F2
        !important;
}


html body.page-id-527422
.single_social
a[href^="mailto:"] {

    background:
        var(--aba-brand-salmon)
        !important;
}


@media (hover: hover) {

    html body.page-id-527422
    .single_social
    ul li a:hover {

        transform:
            translateY(-2px);

        box-shadow:
            0 6px 16px
            rgba(46, 46, 46, 0.16)
            !important;

        opacity:
            0.94;
    }
}


/* ----------------------------------------------------------
   FEATURED CAMPAIGN ART
   ---------------------------------------------------------- */

html body.page-id-527422
.text_container.single_text_cnt
> img {

    display:
        block;

    width:
        100%
        !important;

    max-width:
        100%;

    height:
        auto;

    margin:
        0 0 26px;

    border-radius:
        18px;

    box-shadow:
        none;
}


/* ----------------------------------------------------------
   TERMS COPY
   ---------------------------------------------------------- */

html body.page-id-527422
.text_container.single_text_cnt {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-527422
.text_container.single_text_cnt
p {

    margin-top:
        0;

    margin-bottom:
        20px;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        16px;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    line-height:
        1.75;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/*
 * The source paragraph is entirely inside <strong>.
 * Preserve semantic emphasis while avoiding a giant heavy
 * legal paragraph.
 */

html body.page-id-527422
.text_container.single_text_cnt
p strong {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/* ----------------------------------------------------------
   CONTENT LINKS
   ---------------------------------------------------------- */

html body.page-id-527422
.text_container.single_text_cnt
a {

    color:
        var(--aba-brand-blue)
        !important;

    text-decoration-color:
        rgba(0, 214, 250, 0.50);
}


html body.page-id-527422
.text_container.single_text_cnt
a:hover,

html body.page-id-527422
.text_container.single_text_cnt
a:focus {

    color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   SIDEBAR
   ---------------------------------------------------------- */

html body.page-id-527422
.page_content
> .container
> .row
> .col-sm-8.default\.php
+ .col-sm-4 {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/* Ofertas / Desde el Blog / Temas relacionados */

html body.page-id-527422
.page_content
> .container
> .row
> .col-sm-8.default\.php
+ .col-sm-4
:is(h1, h2, h3, h4, h5, h6) {

    position:
        relative;

    margin-top:
        0
        !important;

    margin-bottom:
        26px
        !important;

    padding-bottom:
        14px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-light)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    line-height:
        1.15
        !important;

    letter-spacing:
        0
        !important;

    border-bottom:
        1px solid
        rgba(46, 46, 46, 0.14)
        !important;
}


html body.page-id-527422
.page_content
> .container
> .row
> .col-sm-8.default\.php
+ .col-sm-4
:is(h1, h2, h3, h4, h5, h6)::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    bottom:
        -1px;

    width:
        38px;

    height:
        2px;

    background:
        var(--aba-brand-salmon);
}


html body.page-id-527422
.page_content
> .container
> .row
> .col-sm-8.default\.php
+ .col-sm-4
a {

    text-decoration:
        none;
}


html body.page-id-527422
.page_content
> .container
> .row
> .col-sm-8.default\.php
+ .col-sm-4
a img {

    display:
        block;

    width:
        100%
        !important;

    max-width:
        100%;

    height:
        auto
        !important;

    margin-bottom:
        24px
        !important;

    border-radius:
        14px
        !important;

    box-shadow:
        none
        !important;

    transform:
        translateZ(0);

    transition:
        transform 180ms ease,
        opacity 180ms ease
        !important;
}


@media (hover: hover) {

    html body.page-id-527422
    .page_content
    > .container
    > .row
    > .col-sm-8.default\.php
    + .col-sm-4
    a:hover img {

        transform:
            translateY(-2px);

        opacity:
            0.97;
    }
}


html body.page-id-527422
.page_content
> .container
> .row
> .col-sm-8.default\.php
+ .col-sm-4
a:focus-visible {

    outline:
        2px solid
        var(--aba-brand-blue)
        !important;

    outline-offset:
        4px
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-527422
    .page_content {

        padding-top:
            34px;

        padding-bottom:
            34px;
    }


    html body.page-id-527422
    .page_content
    .col-sm-8
    > h2 {

        font-size:
            30px
            !important;

        line-height:
            1.15
            !important;
    }


    html body.page-id-527422
    .single_social
    ul li a {

        width:
            42px
            !important;

        min-width:
            42px
            !important;

        max-width:
            42px
            !important;

        height:
            42px
            !important;

        min-height:
            42px
            !important;

        line-height:
            42px
            !important;
    }


    html body.page-id-527422
    .text_container.single_text_cnt
    > img {

        border-radius:
            14px;

        margin-bottom:
            20px;
    }


    html body.page-id-527422
    .text_container.single_text_cnt
    p {

        font-size:
            15px;

        line-height:
            1.7;
    }


    html body.page-id-527422
    .page_content
    > .container
    > .row
    > .col-sm-8.default\.php
    + .col-sm-4 {

        margin-top:
            38px;
    }


    html body.page-id-527422
    .page_content
    > .container
    > .row
    > .col-sm-8.default\.php
    + .col-sm-4
    :is(h1, h2, h3, h4, h5, h6) {

        margin-bottom:
            22px
            !important;
    }


    html body.page-id-527422
    .page_content
    > .container
    > .row
    > .col-sm-8.default\.php
    + .col-sm-4
    a img {

        margin-bottom:
            20px
            !important;

        border-radius:
            12px
            !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_COMBO_APPROVED

   PAGE 796 ? /combo/

   Crea Tu Combo commerce page.

   VISUAL ONLY.

   Protected:
   - tpl-ctc-products.php
   - query category "ctc"
   - product IDs
   - filtering
   - quicksearch
   - hidden quantity
   - AJAX Add to Cart
   - woocommerce_aba.js
   ========================================================== */


/* ----------------------------------------------------------
   PAGE BASE
   ---------------------------------------------------------- */

html body.page-id-796 {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal);
}


html body.page-id-796
.main_product_page {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal);
}


/* ----------------------------------------------------------
   INTRO / CTC CONTENT

   Preserve existing structure and collapse behavior.
   ---------------------------------------------------------- */

html body.page-id-796
.ctc_section {

    color:
        var(--aba-brand-charcoal);
}


html body.page-id-796
.ctc_section
h1,

html body.page-id-796
.ctc_section
h2,

html body.page-id-796
.ctc_section
h3,

html body.page-id-796
.product_page_title_new
h2,

html body.page-id-796
.product_page_title {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-light)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    letter-spacing:
        0
        !important;
}


html body.page-id-796
.ctc_section
p,

html body.page-id-796
.combo-content {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/* ----------------------------------------------------------
   CTC PRICE / INFORMATION TABLE
   ---------------------------------------------------------- */

html body.page-id-796
.ctc_price_table
.table {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-796
.ctc_price_table
.table th {

    color:
        var(--aba-brand-charcoal)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;
}


html body.page-id-796
.ctc_price_table
.table th,

html body.page-id-796
.ctc_price_table
.table td {

    border-bottom-color:
        rgba(0, 214, 250, 0.45)
        !important;
}


/* ----------------------------------------------------------
   PARTICIPATING AREAS TITLE
   ---------------------------------------------------------- */

html body.page-id-796
.product_page_title_new
h2,

html body.page-id-796
.product_page_title {

    position:
        relative;

    padding-bottom:
        14px;
}


html body.page-id-796
.product_page_title::after,

html body.page-id-796
.product_page_title_new
h2::after {

    content:
        "";

    display:
        block;

    width:
        38px;

    height:
        2px;

    margin-top:
        12px;

    background:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   PRODUCT LIST

   No decorative giant card shell.
   Clean rows with separation.
   ---------------------------------------------------------- */

html body.page-id-796
.ctc_new_page.product-grid
.product-item {

    margin-bottom:
        0
        !important;

    padding:
        0 20px
        !important;

    background:
        transparent
        !important;
}


html body.page-id-796 .ctc_new_page.product-grid .product-item::before,
html body.page-id-796 .ctc_new_page.product-grid .product-item::after,
html body.page-id-796 .ctc_new_page .product-item::before,
html body.page-id-796 .ctc_new_page .product-item::after,
.ctc_new_page.product-grid .product-item::before,
.ctc_new_page.product-grid .product-item::after,
.ctc_new_page .product-item::before,
.ctc_new_page .product-item::after,
.page-template-tpl-ctc-products .product-item::before,
.page-template-tpl-ctc-products .product-item::after,
.page-template-tpl-ctc-products .product-grid .product-item::before,
.page-template-tpl-ctc-products .product-grid .product-item::after {

    display:
        none
        !important;

    content:
        none
        !important;
}


html body.page-id-796
.ctc_new_page
.op_product_block {

    border-bottom:
        1px solid
        rgba(46, 46, 46, 0.14);

    background:
        transparent
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-796
.ctc_new_page
.op_product_content_block {

    min-height:
        108px;

    display:
        flex;

    align-items:
        center;

    gap:
        20px;

    padding:
        20px 0;
}


html body.page-id-796
.ctc_new_page
.op_product_info_block {

    flex:
        1 1 auto;

    min-width:
        0;
}


/* ----------------------------------------------------------
   PRODUCT TITLE / PRICE
   ---------------------------------------------------------- */

html body.page-id-796
.ctc_new_page
.op_product_info_block
h3 {

    margin-top:
        0
        !important;

    margin-bottom:
        8px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    line-height:
        1.25
        !important;
}


html body.page-id-796
.ctc_new_page
.op_product_info_block
p {

    margin:
        0
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-bold)
        !important;

    color:
        var(--aba-brand-blue)
        !important;

    line-height:
        1.2
        !important;
}


/* ----------------------------------------------------------
   CTC ADD TO CART ICON BUTTON

   Preserve original SVG and all button attributes.
   ---------------------------------------------------------- */

html body.page-id-796
.ctc_new_page
button.add_to_cart_button_ctc {

    flex:
        0 0 auto;

    display:
        inline-flex
        !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        58px
        !important;

    min-width:
        58px
        !important;

    height:
        58px
        !important;

    padding:
        0
        !important;

    background:
        var(--aba-brand-white)
        !important;

    border:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        50%
        !important;

    box-shadow:
        none
        !important;

    cursor:
        pointer
        !important;

    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        transform 160ms ease
        !important;
}


@media (hover: hover) {

    html body.page-id-796
    .ctc_new_page
    button.add_to_cart_button_ctc:hover {

        background:
            rgba(0, 214, 250, 0.10)
            !important;

        border-color:
            var(--aba-brand-blue)
            !important;

        transform:
            translateY(-2px);
    }
}


html body.page-id-796
.ctc_new_page
button.add_to_cart_button_ctc:focus-visible {

    outline:
        2px solid
        var(--aba-brand-blue)
        !important;

    outline-offset:
        3px
        !important;
}


/* ----------------------------------------------------------
   SEARCH
   ---------------------------------------------------------- */

html body.page-id-796
.product_search {

    margin-top:
        24px;

    margin-bottom:
        30px;
}


html body.page-id-796
.product_search
.form-control,

html body.page-id-796
.morphsearch-input.key-search {

    height:
        50px
        !important;

    padding:
        0 48px 0 16px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #EAF9FD
        !important;

    border:
        1px solid
        transparent
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-796
.product_search
.form-control:focus,

html body.page-id-796
.morphsearch-input.key-search:focus {

    background:
        var(--aba-brand-white)
        !important;

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.15)
        !important;

    outline-offset:
        1px;
}


html body.page-id-796
.product_search
button,

html body.page-id-796
.morphsearch-submit {

    color:
        var(--aba-brand-blue)
        !important;

    background:
        transparent
        !important;
}


/* ----------------------------------------------------------
   FILTERS
   ---------------------------------------------------------- */

html body.page-id-796
.product_filter {

    display:
        flex;

    flex-direction:
        column;

    gap:
        3px;
}


html body.page-id-796
.product_filter
button {

    padding:
        8px 0
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        15px
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    line-height:
        1.25
        !important;

    text-align:
        left
        !important;

    color:
        rgba(46, 46, 46, 0.72)
        !important;

    background:
        transparent
        !important;

    border:
        0
        !important;

    box-shadow:
        none
        !important;

    transition:
        color 150ms ease,
        transform 150ms ease
        !important;
}


html body.page-id-796
.product_filter
button.is-checked,

html body.page-id-796
.product_filter
button:hover,

html body.page-id-796
.product_filter
button:focus {

    color:
        var(--aba-brand-blue)
        !important;
}


html body.page-id-796
.product_filter
button.is-checked {

    font-weight:
        var(--aba-font-weight-medium)
        !important;
}


/* ----------------------------------------------------------
   MOBILE SEARCH/FILTER TABS
   ---------------------------------------------------------- */

html body.page-id-796
.nav.device-small {

    border-bottom:
        1px solid
        rgba(46, 46, 46, 0.14)
        !important;
}


html body.page-id-796
.nav.device-small
a {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-796
.nav.device-small
a.active {

    color:
        var(--aba-brand-blue)
        !important;

    border-bottom-color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   PHONE / STICKY INFO
   ---------------------------------------------------------- */

html body.page-id-796
.sticky_info {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-796
.sticky_info
a {

    color:
        var(--aba-brand-blue)
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-796
    .ctc_new_page.product-grid
    .product-item {

        padding:
            0 14px
            !important;

        margin-bottom:
            0
            !important;

        background:
            transparent
            !important;
    }


    html body.page-id-796 .ctc_new_page.product-grid .product-item::before,
    html body.page-id-796 .ctc_new_page.product-grid .product-item::after,
    html body.page-id-796 .ctc_new_page .product-item::before,
    html body.page-id-796 .ctc_new_page .product-item::after,
    .ctc_new_page.product-grid .product-item::before,
    .ctc_new_page.product-grid .product-item::after,
    .ctc_new_page .product-item::before,
    .ctc_new_page .product-item::after,
    .page-template-tpl-ctc-products .product-item::before,
    .page-template-tpl-ctc-products .product-item::after,
    .page-template-tpl-ctc-products .product-grid .product-item::before,
    .page-template-tpl-ctc-products .product-grid .product-item::after {

        display:
            none
            !important;

        content:
            none
            !important;
    }


    html body.page-id-796
    .ctc_new_page
    .op_product_content_block {

        min-height:
            92px;

        padding:
            16px 0;

        gap:
            12px;
    }


    html body.page-id-796
    .ctc_new_page
    .op_product_info_block
    h3 {

        font-size:
            16px
            !important;
    }


    html body.page-id-796
    .ctc_new_page
    .op_product_info_block
    p {

        font-size:
            15px
            !important;
    }


    html body.page-id-796
    .ctc_new_page
    button.add_to_cart_button_ctc {

        width:
            52px
            !important;

        min-width:
            52px
            !important;

        height:
            52px
            !important;
    }


    html body.page-id-796
    .ctc_new_page
    button.add_to_cart_button_ctc
    svg {

        max-width:
            30px;

        height:
            auto;
    }


    html body.page-id-796
    .product_page_title_new
    h2 {

        font-size:
            28px
            !important;

        line-height:
            1.15
            !important;
    }
}


/* ==========================================================
   COMBO_FINAL_POLISH_INCLUDED_IN_ABA_BRAND_V7_COMBO_APPROVED

   PAGE 796 ? /combo/

   FINAL POLISH INCLUDED IN APPROVED STATE:

   1. Align existing #comofunction control beside heading.
   2. Remove legacy desktop phone gradient treatment.

   CSS ONLY.
   ========================================================== */


/* ----------------------------------------------------------
   ?C?MO FUNCIONA?
   ---------------------------------------------------------- */

html body.page-id-796
.ctc_toggle
.ctc_cf_heading {

    display:
        flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        flex-start
        !important;

    gap:
        12px
        !important;

    width:
        auto
        !important;

    margin:
        0
        !important;
}


html body.page-id-796
.ctc_toggle
.ctc_cf_heading
> h2 {

    flex:
        0 0 auto
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    line-height:
        1.2
        !important;
}


/*
 * Same existing Bootstrap collapse anchor.
 * We do not replace or modify its attributes.
 */

html body.page-id-796
.ctc_toggle
.ctc_cf_heading
> a[
    role="button"
][
    data-bs-toggle="collapse"
][
    href="#comofunction"
] {

    position:
        static
        !important;

    flex:
        0 0 34px
        !important;

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    width:
        34px
        !important;

    min-width:
        34px
        !important;

    max-width:
        34px
        !important;

    height:
        34px
        !important;

    min-height:
        34px
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;

    background:
        var(--aba-brand-blue)
        !important;

    background-image:
        none
        !important;

    border:
        0
        !important;

    border-radius:
        50%
        !important;

    box-shadow:
        none
        !important;

    transform:
        none
        !important;

    text-decoration:
        none
        !important;

    cursor:
        pointer
        !important;

    transition:
        background-color 160ms ease,
        transform 160ms ease
        !important;
}


/*
 * Preserve original SVG plus sign.
 */

html body.page-id-796
.ctc_toggle
.ctc_cf_heading
> a[
    href="#comofunction"
]
svg {

    display:
        block
        !important;

    width:
        12px
        !important;

    height:
        12px
        !important;

    margin:
        0
        !important;
}


html body.page-id-796
.ctc_toggle
.ctc_cf_heading
> a[
    href="#comofunction"
]
svg rect {

    fill:
        #FFFFFF
        !important;
}


@media (hover: hover) {

    html body.page-id-796
    .ctc_toggle
    .ctc_cf_heading
    > a[
        href="#comofunction"
    ]:hover {

        background:
            var(--aba-brand-salmon)
            !important;

        transform:
            translateY(-1px)
            !important;
    }
}


html body.page-id-796
.ctc_toggle
.ctc_cf_heading
> a[
    href="#comofunction"
]:focus-visible {

    outline:
        2px solid
        var(--aba-brand-blue)
        !important;

    outline-offset:
        3px
        !important;
}


/* Expanded text remains normal block below heading */

html body.page-id-796
.ctc_toggle
#comofunction {

    width:
        100%;
}


html body.page-id-796
.ctc_toggle
#comofunction
.well {

    margin-top:
        18px;
}


/* ----------------------------------------------------------
   DESKTOP PHONE CTA

   ?Dudas con alguna ?rea?  Ll?manos 787-304-4222.

   Remove old Blue?Salmon pill/gradient.
   ---------------------------------------------------------- */

html body.page-id-796
.product_page_title_new.hidden-xs
.sticky_info {

    display:
        flex
        !important;

    align-items:
        baseline
        !important;

    flex-wrap:
        wrap
        !important;

    gap:
        5px
        !important;

    margin-top:
        14px
        !important;

    padding:
        0
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        transparent
        !important;

    background-image:
        none
        !important;

    border:
        0
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-796
.product_page_title_new.hidden-xs
.sticky_info
> span {

    display:
        inline
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-blue)
        !important;

    background:
        transparent
        !important;

    background-image:
        none
        !important;

    border:
        0
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-796
.product_page_title_new.hidden-xs
.sticky_info
> span
a[
    href^="tel:"
] {

    display:
        inline
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-bold)
        !important;

    color:
        var(--aba-brand-blue)
        !important;

    background:
        transparent
        !important;

    background-image:
        none
        !important;

    border:
        0
        !important;

    box-shadow:
        none
        !important;

    text-decoration:
        none
        !important;
}


html body.page-id-796
.product_page_title_new.hidden-xs
.sticky_info
> span
a[
    href^="tel:"
]:hover,

html body.page-id-796
.product_page_title_new.hidden-xs
.sticky_info
> span
a[
    href^="tel:"
]:focus {

    color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   MOBILE

   Keep sticky-info-mobile visuals/functionality untouched.
   Only collapse control receives a slightly smaller footprint.
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-796
    .ctc_toggle
    .ctc_cf_heading {

        gap:
            10px
            !important;
    }


    html body.page-id-796
    .ctc_toggle
    .ctc_cf_heading
    > a[
        href="#comofunction"
    ] {

        flex-basis:
            32px
            !important;

        width:
            32px
            !important;

        min-width:
            32px
            !important;

        max-width:
            32px
            !important;

        height:
            32px
            !important;

        min-height:
            32px
            !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_CART_CANARY_V1

   PAGE 507 ? /cart/

   MAIN WooCommerce Cart only.

   Explicitly NOT redesigning:
   - XOO WooCommerce Side Cart Premium
   - Elementor page content/data
   - cart PHP overrides
   - Gift Card functionality
   - coupons
   - taxes
   - quantity/update logic
   - checkout logic
   ========================================================== */


/* ----------------------------------------------------------
   CART PAGE BASE
   ---------------------------------------------------------- */

html body.page-id-507 {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal);
}


/* Elementor page title "Carrito" */

html body.page-id-507
.elementor-page-507
.elementor-heading-title {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal);
}


/*
 * Do not globally alter the contact section typography here.
 * Only the main cart surface receives this canary.
 */


/* ----------------------------------------------------------
   EMPTY CART
   ---------------------------------------------------------- */

html body.page-id-507
.woocommerce
.cart-empty.woocommerce-info {

    margin:
        24px 0
        !important;

    padding:
        22px 24px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        16px;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    line-height:
        1.5;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(247, 224, 190, 0.34)
        !important;

    border:
        0
        !important;

    border-left:
        4px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        10px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-507
.woocommerce
.cart-empty.woocommerce-info::before {

    color:
        var(--aba-brand-blue)
        !important;
}


html body.page-id-507
.woocommerce
.return-to-shop
a {

    display:
        inline-flex
        !important;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        46px;

    padding:
        11px 24px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        var(--aba-brand-blue)
        !important;

    border:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;

    text-decoration:
        none
        !important;

    transition:
        background-color 160ms ease,
        border-color 160ms ease
        !important;
}


html body.page-id-507
.woocommerce
.return-to-shop
a:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   MAIN CART FORM

   XOO side cart uses xoo-wsc-* and is intentionally outside
   these selectors.
   ---------------------------------------------------------- */

html body.page-id-507
form.woocommerce-cart-form {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-507
form.woocommerce-cart-form
table {

    width:
        100%;

    border:
        0
        !important;

    border-collapse:
        separate;

    border-spacing:
        0;

    background:
        #FFFFFF
        !important;

    border-radius:
        12px;

    overflow:
        hidden;

    box-shadow:
        none
        !important;
}


/* Table headers */

html body.page-id-507
form.woocommerce-cart-form
thead th {

    padding:
        15px 14px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        13px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    line-height:
        1.3;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(247, 224, 190, 0.30)
        !important;

    border:
        0
        !important;

    border-bottom:
        1px solid
        rgba(46, 46, 46, 0.12)
        !important;

    text-transform:
        none
        !important;
}


/* Product rows */

html body.page-id-507
form.woocommerce-cart-form
tbody td {

    padding:
        18px 14px
        !important;

    vertical-align:
        middle
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        0
        !important;

    border-bottom:
        1px solid
        rgba(46, 46, 46, 0.10)
        !important;
}


/* Product artwork */

html body.page-id-507
form.woocommerce-cart-form
.woocommerce-cart-form__cart-item
img {

    width:
        82px
        !important;

    max-width:
        82px
        !important;

    height:
        82px
        !important;

    object-fit:
        cover;

    border-radius:
        10px
        !important;

    box-shadow:
        none
        !important;
}


/* Product name */

html body.page-id-507
form.woocommerce-cart-form
.woocommerce-cart-form__cart-item
td[data-title="Product"]
a {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    text-decoration:
        none
        !important;
}


html body.page-id-507
form.woocommerce-cart-form
.woocommerce-cart-form__cart-item
td[data-title="Product"]
a:hover {

    color:
        var(--aba-brand-blue)
        !important;
}


/* Price + subtotal */

html body.page-id-507
form.woocommerce-cart-form
td[data-title="Price"],

html body.page-id-507
form.woocommerce-cart-form
td[data-title="Subtotal"] {

    font-weight:
        var(--aba-font-weight-bold)
        !important;

    color:
        var(--aba-brand-blue)
        !important;
}


/* Quantity */

html body.page-id-507
form.woocommerce-cart-form
input.qty {

    width:
        68px
        !important;

    min-height:
        44px;

    padding:
        8px 10px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    text-align:
        center;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-507
form.woocommerce-cart-form
input.qty:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.14)
        !important;

    outline-offset:
        1px;
}


/* Remove item */

html body.page-id-507
form.woocommerce-cart-form
a[href*="remove_item="] {

    display:
        inline-flex
        !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        36px;

    height:
        36px;

    padding:
        0
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        22px
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    line-height:
        1
        !important;

    color:
        var(--aba-brand-salmon)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(251, 117, 106, 0.55)
        !important;

    border-radius:
        50%
        !important;

    text-decoration:
        none
        !important;
}


html body.page-id-507
form.woocommerce-cart-form
a[href*="remove_item="]:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   COUPON / UPDATE CART
   ---------------------------------------------------------- */

html body.page-id-507
form.woocommerce-cart-form
input[name="coupon_code"] {

    min-height:
        44px;

    padding:
        8px 12px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-507
form.woocommerce-cart-form
input[name="coupon_code"]:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.14)
        !important;
}


html body.page-id-507
form.woocommerce-cart-form
button[name="apply_coupon"],

html body.page-id-507
form.woocommerce-cart-form
button[name="update_cart"] {

    min-height:
        44px;

    padding:
        9px 18px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;
}


/* ----------------------------------------------------------
   CART TOTALS
   ---------------------------------------------------------- */

html body.page-id-507
.cart_totals {

    padding:
        26px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(247, 224, 190, 0.25)
        !important;

    border:
        0
        !important;

    border-radius:
        14px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-507
.cart_totals
h2 {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-light)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-507
.cart_totals
table {

    width:
        100%;

    border:
        0
        !important;

    background:
        transparent
        !important;
}


html body.page-id-507
.cart_totals
th,

html body.page-id-507
.cart_totals
td {

    padding:
        12px 6px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        transparent
        !important;

    border:
        0
        !important;

    border-bottom:
        1px solid
        rgba(46, 46, 46, 0.12)
        !important;
}


html body.page-id-507
.cart_totals
tr:last-child
th,

html body.page-id-507
.cart_totals
tr:last-child
td {

    border-bottom:
        0
        !important;

    font-weight:
        var(--aba-font-weight-bold)
        !important;
}


html body.page-id-507
.cart_totals
tr:last-child
td {

    color:
        var(--aba-brand-blue)
        !important;
}


/* ----------------------------------------------------------
   ABA GIFT CARD CONTROLS
   ---------------------------------------------------------- */

html body.page-id-507
.cart_totals
#gift_card_code {

    width:
        100%;

    min-height:
        46px;

    margin-bottom:
        10px;

    padding:
        9px 12px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-507
.cart_totals
#gift_card_code:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.14)
        !important;
}


html body.page-id-507
.cart_totals
#apply-giftcard-btn {

    min-height:
        44px;

    padding:
        9px 18px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-507
.cart_totals
#apply-giftcard-btn:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   CHECKOUT CTA ? EXISTING /checkout/ LINK

   Works even though legacy override lacks checkout-button class.
   ---------------------------------------------------------- */

html body.page-id-507
.cart_totals
a[href*="/checkout/"] {

    display:
        flex
        !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%
        !important;

    min-height:
        50px;

    margin-top:
        20px
        !important;

    padding:
        12px 22px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-bold)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        var(--aba-brand-blue)
        !important;

    border:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;

    text-align:
        center;

    text-decoration:
        none
        !important;

    transition:
        background-color 160ms ease,
        border-color 160ms ease
        !important;
}


html body.page-id-507
.cart_totals
a[href*="/checkout/"]:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   ACCESSIBLE FOCUS
   ---------------------------------------------------------- */

html body.page-id-507
form.woocommerce-cart-form
a:focus-visible,

html body.page-id-507
.cart_totals
a:focus-visible,

html body.page-id-507
.cart_totals
button:focus-visible {

    outline:
        2px solid
        var(--aba-brand-blue)
        !important;

    outline-offset:
        3px
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-507
    form.woocommerce-cart-form
    table {

        border-radius:
            10px;
    }


    html body.page-id-507
    form.woocommerce-cart-form
    .woocommerce-cart-form__cart-item
    img {

        width:
            68px
            !important;

        max-width:
            68px
            !important;

        height:
            68px
            !important;
    }


    html body.page-id-507
    form.woocommerce-cart-form
    tbody td {

        padding:
            12px
            !important;
    }


    html body.page-id-507
    .cart_totals {

        margin-top:
            24px
            !important;

        padding:
            20px
            !important;
    }


    html body.page-id-507
    .cart_totals
    #apply-giftcard-btn,

    html body.page-id-507
    .cart_totals
    a[href*="/checkout/"] {

        width:
            100%
            !important;
    }
}


/* ----------------------------------------------------------
   IMPORTANT EXCLUSION

   No xoo-wsc-* rule exists in this canary.
   Side Cart Premium keeps its current styling and behavior.
   ---------------------------------------------------------- */


/* ==========================================================
   ABA_BRAND_V7_CART_GIFTCARD_POLISH_V2

   PAGE 507 ? /cart/

   PURPOSE:
   - Keep ABA / Clinicea Gift Card redemption visible.
   - Hide duplicate PW Gift Card redeem UI on CART only.

   IMPORTANT:
   - PW plugin remains installed and active.
   - PW form remains in the DOM.
   - PW PHP / AJAX / database / hooks remain untouched.
   - Checkout behavior is intentionally untouched.

   ROLLBACK:
   Remove this block or restore the pre-V2 CSS backup.
   ========================================================== */


/* ----------------------------------------------------------
   PW WOO GIFT CARDS ? CART UI ONLY

   Visual hide. Nothing is disabled.
   ---------------------------------------------------------- */

html body.page-id-507
#pwgc-redeem-gift-card-form {

    display:
        none
        !important;
}


/*
 * Child wrapper protection if PW changes internal form layout.
 * Still scoped only to /cart/ page 507.
 */

html body.page-id-507
#pwgc-redeem-gift-card-container {

    display:
        none
        !important;
}


/* ----------------------------------------------------------
   ABA / CLINICEA GIFT CARD
   ---------------------------------------------------------- */

html body.page-id-507
.cart_totals
.aba_gift_card_coupon {

    display:
        flex
        !important;

    align-items:
        stretch
        !important;

    gap:
        10px
        !important;

    width:
        100%
        !important;

    margin:
        0 0 22px
        !important;

    padding:
        0
        !important;

    background:
        transparent
        !important;

    border:
        0
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#gift_card_code {

    flex:
        1 1 auto
        !important;

    width:
        auto
        !important;

    min-width:
        0;

    min-height:
        46px
        !important;

    margin:
        0
        !important;

    padding:
        10px 12px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#gift_card_code:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.14)
        !important;

    outline-offset:
        1px;
}


html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#apply-giftcard-btn {

    flex:
        0 0 auto
        !important;

    min-height:
        46px
        !important;

    margin:
        0
        !important;

    padding:
        10px 18px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        7px
        !important;

    box-shadow:
        none
        !important;

    white-space:
        nowrap;

    cursor:
        pointer;
}


html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#apply-giftcard-btn:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#apply-giftcard-btn:focus-visible {

    outline:
        2px solid
        var(--aba-brand-blue)
        !important;

    outline-offset:
        3px
        !important;
}


/* ----------------------------------------------------------
   ABA APPLIED GIFT CARD STATE
   ---------------------------------------------------------- */

html body.page-id-507
.cart_totals
.gift_card_applied {

    margin:
        0 0 18px
        !important;

    padding:
        14px 16px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(0, 214, 250, 0.08)
        !important;

    border:
        1px solid
        rgba(0, 214, 250, 0.30)
        !important;

    border-radius:
        8px
        !important;
}


html body.page-id-507
.cart_totals
.gift-card-discount
.remove-giftcard,

html body.page-id-507
.cart_totals
.gift_card_applied
a {

    color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-507
    .cart_totals
    .aba_gift_card_coupon {

        flex-direction:
            column
            !important;

        gap:
            8px
            !important;
    }


    html body.page-id-507
    .cart_totals
    .aba_gift_card_coupon
    #gift_card_code,

    html body.page-id-507
    .cart_totals
    .aba_gift_card_coupon
    #apply-giftcard-btn {

        width:
            100%
            !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_CART_ACTION_POLISH_V3

   PAGE 507 ? /cart/

   Visual polish only:
   - ACTIVAR coupon button
   - APPLY GIFT CARD button
   - Gift Card input sizing / placeholder
   - No cart / coupon / gift-card functionality changed
   ========================================================== */


/* ----------------------------------------------------------
   SECONDARY ACTION ? COUPON / ACTIVAR
   ---------------------------------------------------------- */

html body.page-id-507
form.woocommerce-cart-form
.coupon
button[name="apply_coupon"],

html body.page-id-507
form.woocommerce-cart-form
.coupon
.button[name="apply_coupon"] {

    min-height:
        50px
        !important;

    padding:
        10px 22px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(0, 214, 250, 0.12)
        !important;

    border:
        1.5px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;

    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease
        !important;
}


html body.page-id-507
form.woocommerce-cart-form
.coupon
button[name="apply_coupon"]:hover,

html body.page-id-507
form.woocommerce-cart-form
.coupon
.button[name="apply_coupon"]:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


/* Coupon input gets same visual language */

html body.page-id-507
form.woocommerce-cart-form
.coupon
input[name="coupon_code"] {

    min-height:
        50px
        !important;

    padding:
        10px 15px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;
}


/* ----------------------------------------------------------
   ABA / CLINICEA GIFT CARD ROW

   Give the input more room.
   ---------------------------------------------------------- */

html body.page-id-507
.cart_totals
.aba_gift_card_coupon {

    display:
        grid
        !important;

    grid-template-columns:
        minmax(0, 1fr) auto
        !important;

    align-items:
        stretch
        !important;

    gap:
        8px
        !important;

    width:
        100%
        !important;
}


/* Gift Card input */

html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#gift_card_code {

    width:
        100%
        !important;

    min-width:
        0
        !important;

    max-width:
        none
        !important;

    min-height:
        50px
        !important;

    margin:
        0
        !important;

    padding:
        10px 14px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        8px
        !important;

    box-sizing:
        border-box
        !important;
}


/*
 * Slightly smaller placeholder ensures the complete
 * "Enter gift card code" remains readable.
 */

html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#gift_card_code::placeholder {

    font-size:
        13px
        !important;

    color:
        rgba(46, 46, 46, 0.48)
        !important;

    opacity:
        1
        !important;
}


/* APPLY GIFT CARD ? secondary CTA */

html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#apply-giftcard-btn {

    min-width:
        138px
        !important;

    min-height:
        50px
        !important;

    margin:
        0
        !important;

    padding:
        10px 12px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        12.5px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    line-height:
        1.2
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(0, 214, 250, 0.12)
        !important;

    border:
        1.5px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;

    white-space:
        nowrap
        !important;

    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease
        !important;
}


html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#apply-giftcard-btn:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


/* Focus */

html body.page-id-507
form.woocommerce-cart-form
.coupon
input[name="coupon_code"]:focus,

html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#gift_card_code:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.14)
        !important;

    outline-offset:
        1px
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-507
    .cart_totals
    .aba_gift_card_coupon {

        grid-template-columns:
            1fr
            !important;

        gap:
            8px
            !important;
    }


    html body.page-id-507
    .cart_totals
    .aba_gift_card_coupon
    #apply-giftcard-btn {

        width:
            100%
            !important;

        font-size:
            14px
            !important;
    }


    html body.page-id-507
    form.woocommerce-cart-form
    .coupon
    button[name="apply_coupon"] {

        width:
            100%
            !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_CART_ACTION_POLISH_V3B

   PAGE 507 ? /cart/

   Perfectly center labels inside:
   - ACTIVAR
   - APPLY GIFT CARD

   Visual only.
   No coupon or Gift Card functionality changed.
   ========================================================== */

html body.page-id-507
form.woocommerce-cart-form
.coupon
button[name="apply_coupon"],

html body.page-id-507
form.woocommerce-cart-form
.coupon
.button[name="apply_coupon"],

html body.page-id-507
.cart_totals
.aba_gift_card_coupon
#apply-giftcard-btn {

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    text-align:
        center
        !important;

    line-height:
        1
        !important;
}


/* ==========================================================
   ABA_BRAND_V7_CHECKOUT_CANARY_V1

   PAGE 503 ? /checkout/

   BRAND ADAPTATION ONLY.

   Protected:
   - checkout PHP templates
   - billing / shipping fields
   - order calculations
   - coupons
   - ABA / Clinicea Gift Cards
   - PayPal
   - Authorize.Net
   - payment tokenization
   - Terms acceptance
   - Place Order behavior
   - Elementor data
   - XOO side cart

   PW Gift Card redemption form:
   visually hidden on checkout only.
   Plugin/backend remain untouched.
   ========================================================== */


/* ----------------------------------------------------------
   CHECKOUT FOUNDATION
   ---------------------------------------------------------- */

html body.page-id-503 {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal);
}


html body.page-id-503
form.checkout.woocommerce-checkout {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/* Section headings */

html body.page-id-503
form.checkout.woocommerce-checkout
h1,

html body.page-id-503
form.checkout.woocommerce-checkout
h2,

html body.page-id-503
form.checkout.woocommerce-checkout
h3 {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
h3 {

    font-weight:
        var(--aba-font-weight-light)
        !important;
}


/* ----------------------------------------------------------
   BILLING / SHIPPING / ADDITIONAL INFORMATION
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
.form-row
label {

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.form-row
abbr.required {

    color:
        var(--aba-brand-salmon)
        !important;

    text-decoration:
        none
        !important;
}


/* Standard fields */

html body.page-id-503
form.checkout.woocommerce-checkout
input.input-text,

html body.page-id-503
form.checkout.woocommerce-checkout
textarea,

html body.page-id-503
form.checkout.woocommerce-checkout
select {

    min-height:
        48px
        !important;

    padding:
        10px 14px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
textarea {

    min-height:
        100px
        !important;

    resize:
        vertical;
}


/* Focus */

html body.page-id-503
form.checkout.woocommerce-checkout
input.input-text:focus,

html body.page-id-503
form.checkout.woocommerce-checkout
textarea:focus,

html body.page-id-503
form.checkout.woocommerce-checkout
select:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.14)
        !important;

    outline-offset:
        1px
        !important;
}


/* Select2 */

html body.page-id-503
form.checkout.woocommerce-checkout
.select2-container
.select2-selection {

    min-height:
        48px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.select2-container
.select2-selection__rendered {

    line-height:
        46px
        !important;

    padding-left:
        14px
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/* ----------------------------------------------------------
   CHECKOUT NOTICES / LOGIN / COUPON INTRO
   ---------------------------------------------------------- */

html body.page-id-503
.woocommerce-info {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(247, 224, 190, 0.30)
        !important;

    border-top-color:
        var(--aba-brand-blue)
        !important;

    border-radius:
        8px
        !important;
}


html body.page-id-503
.woocommerce-info::before {

    color:
        var(--aba-brand-blue)
        !important;
}


html body.page-id-503
.woocommerce-info
a {

    color:
        var(--aba-brand-blue)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;
}


html body.page-id-503
.woocommerce-info
a:hover {

    color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   COUPON BOX
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
.e-coupon-box {

    background:
        rgba(247, 224, 190, 0.20)
        !important;

    border:
        0
        !important;

    border-radius:
        12px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.e-coupon-box
button,

html body.page-id-503
form.checkout.woocommerce-checkout
button[name="apply_coupon"] {

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    min-height:
        48px
        !important;

    padding:
        10px 20px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(0, 214, 250, 0.12)
        !important;

    border:
        1.5px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;

    text-align:
        center
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.e-coupon-box
button:hover,

html body.page-id-503
form.checkout.woocommerce-checkout
button[name="apply_coupon"]:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   ORDER REVIEW
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
.e-checkout__order_review,

html body.page-id-503
form.checkout.woocommerce-checkout
#order_review {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.e-checkout__order_review {

    padding:
        26px
        !important;

    background:
        rgba(247, 224, 190, 0.25)
        !important;

    border:
        0
        !important;

    border-radius:
        14px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-503
.woocommerce-checkout-review-order-table {

    border:
        0
        !important;

    background:
        transparent
        !important;
}


html body.page-id-503
.woocommerce-checkout-review-order-table
th,

html body.page-id-503
.woocommerce-checkout-review-order-table
td {

    padding:
        13px 6px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        transparent
        !important;

    border:
        0
        !important;

    border-bottom:
        1px solid
        rgba(46, 46, 46, 0.12)
        !important;
}


html body.page-id-503
.woocommerce-checkout-review-order-table
thead
th {

    font-weight:
        var(--aba-font-weight-medium)
        !important;
}


html body.page-id-503
.woocommerce-checkout-review-order-table
.order-total
th,

html body.page-id-503
.woocommerce-checkout-review-order-table
.order-total
td {

    font-weight:
        var(--aba-font-weight-bold)
        !important;

    border-top:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-bottom:
        0
        !important;
}


html body.page-id-503
.woocommerce-checkout-review-order-table
.order-total
td {

    color:
        var(--aba-brand-blue)
        !important;
}


/* ----------------------------------------------------------
   ABA / CLINICEA GIFT CARD
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
.aba_gift_card_coupon {

    display:
        grid
        !important;

    grid-template-columns:
        minmax(0, 1fr) auto
        !important;

    gap:
        8px
        !important;

    width:
        100%
        !important;

    margin-top:
        24px
        !important;

    padding:
        22px
        !important;

    background:
        rgba(247, 224, 190, 0.20)
        !important;

    border:
        0
        !important;

    border-radius:
        12px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.aba_gift_card_coupon
#gift_card_code {

    width:
        100%
        !important;

    min-width:
        0
        !important;

    max-width:
        none
        !important;

    min-height:
        50px
        !important;

    margin:
        0
        !important;

    padding:
        10px 14px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        8px
        !important;

    text-align:
        left
        !important;

    box-sizing:
        border-box
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.aba_gift_card_coupon
#gift_card_code::placeholder {

    font-size:
        13px
        !important;

    color:
        rgba(46, 46, 46, 0.48)
        !important;

    opacity:
        1
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.aba_gift_card_coupon
#apply-giftcard-btn {

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    min-width:
        138px
        !important;

    min-height:
        50px
        !important;

    margin:
        0
        !important;

    padding:
        10px 13px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        12.5px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    line-height:
        1
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(0, 214, 250, 0.12)
        !important;

    border:
        1.5px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;

    white-space:
        nowrap
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.aba_gift_card_coupon
#apply-giftcard-btn:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


/* ABA applied state */

html body.page-id-503
.gift_card_applied {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-503
.gift_card_applied
p {

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(0, 214, 250, 0.08)
        !important;

    border:
        1px solid
        rgba(0, 214, 250, 0.30)
        !important;

    border-radius:
        8px
        !important;
}


html body.page-id-503
.gift_card_applied
.button,

html body.page-id-503
.gift-card-discount
.remove-giftcard {

    color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   PW GIFT CARD

   VISUALLY HIDDEN ON CHECKOUT ONLY.
   Plugin, PHP, AJAX and database remain intact.
   ---------------------------------------------------------- */

html body.page-id-503
#pwgc-redeem-gift-card-form {

    display:
        none
        !important;
}


html body.page-id-503
#pwgc-redeem-gift-card-container {

    display:
        none
        !important;
}


/* ----------------------------------------------------------
   PAYMENT METHODS
   ---------------------------------------------------------- */

html body.page-id-503
#payment {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        transparent
        !important;
}


html body.page-id-503
#payment
ul.payment_methods {

    border:
        0
        !important;
}


html body.page-id-503
#payment
ul.payment_methods
> li {

    margin:
        0 0 12px
        !important;

    padding:
        16px
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.14)
        !important;

    border-radius:
        10px
        !important;
}


html body.page-id-503
#payment
input[name="payment_method"] {

    accent-color:
        var(--aba-brand-blue);
}


html body.page-id-503
#payment
label {

    font-family:
        var(--aba-font-family)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-503
#payment
input[name="payment_method"]:checked
+ label {

    color:
        var(--aba-brand-blue)
        !important;
}


/*
 * Third-party payment logos stay in their native identity.
 */

html body.page-id-503
#payment
.payment_method_authorize_net_cim_credit_card
img,

html body.page-id-503
#payment
.payment_method_ppcp-gateway
img {

    filter:
        none
        !important;
}


/* Payment detail panel */

html body.page-id-503
#payment
.payment_box {

    margin-top:
        14px
        !important;

    padding:
        18px
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        rgba(0, 214, 250, 0.06)
        !important;

    border-radius:
        8px
        !important;
}


html body.page-id-503
#payment
.payment_box::before {

    border-bottom-color:
        rgba(0, 214, 250, 0.06)
        !important;
}


/* Authorize.Net fields */

html body.page-id-503
#wc-authorize-net-cim-credit-card-credit-card-form
input[type="tel"] {

    min-height:
        48px
        !important;

    padding:
        10px 14px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-503
#wc-authorize-net-cim-credit-card-credit-card-form
input[type="tel"]:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.14)
        !important;

    outline-offset:
        1px;
}


/* ----------------------------------------------------------
   PRIVACY / TERMS

   Typography only.
   Legal content itself is untouched.
   ---------------------------------------------------------- */

html body.page-id-503
.woocommerce-privacy-policy-text,

html body.page-id-503
.woocommerce-terms-and-conditions-wrapper {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-503
.woocommerce-privacy-policy-text
a,

html body.page-id-503
.woocommerce-terms-and-conditions-wrapper
a {

    color:
        var(--aba-brand-blue)
        !important;
}


html body.page-id-503
.woocommerce-privacy-policy-text
a:hover,

html body.page-id-503
.woocommerce-terms-and-conditions-wrapper
a:hover {

    color:
        var(--aba-brand-salmon)
        !important;
}


html body.page-id-503
input[type="checkbox"] {

    accent-color:
        var(--aba-brand-blue);
}


/* ----------------------------------------------------------
   PLACE ORDER ? PRIMARY CTA
   ---------------------------------------------------------- */

html body.page-id-503
#place_order {

    display:
        flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    width:
        100%
        !important;

    min-height:
        52px
        !important;

    margin-top:
        18px
        !important;

    padding:
        12px 22px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-bold)
        !important;

    line-height:
        1
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        var(--aba-brand-blue)
        !important;

    border:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;

    text-align:
        center
        !important;
}


html body.page-id-503
#place_order:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


html body.page-id-503
#place_order:focus-visible {

    outline:
        2px solid
        var(--aba-brand-blue)
        !important;

    outline-offset:
        3px
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-503
    form.checkout.woocommerce-checkout
    .e-checkout__order_review {

        padding:
            20px
            !important;
    }


    html body.page-id-503
    form.checkout.woocommerce-checkout
    .aba_gift_card_coupon {

        grid-template-columns:
            1fr
            !important;

        padding:
            18px
            !important;
    }


    html body.page-id-503
    form.checkout.woocommerce-checkout
    .aba_gift_card_coupon
    #apply-giftcard-btn {

        width:
            100%
            !important;

        font-size:
            14px
            !important;
    }


    html body.page-id-503
    #payment
    ul.payment_methods
    > li {

        padding:
            14px
            !important;
    }
}


/* ----------------------------------------------------------
   EXPLICIT EXCLUSION

   No xoo-wsc-* selector in this canary.
   Side Cart Premium remains untouched.
   ---------------------------------------------------------- */


/* ==========================================================
   ABA_BRAND_V7_CHECKOUT_LOGIN_TIGHTEN_V1

   PAGE 503 ? /checkout/

   Tightens Returning Customer login section only.

   Preserved:
   - login behavior
   - authentication
   - nonce
   - Remember Me
   - Lost Password
   - checkout flow
   - form-login.php
   ========================================================== */


/* ----------------------------------------------------------
   RETURNING CUSTOMER TOGGLE
   ---------------------------------------------------------- */

html body.page-id-503
.woocommerce-form-login-toggle {

    margin:
        0 0 8px
        !important;
}


html body.page-id-503
.woocommerce-form-login-toggle
.woocommerce-info {

    margin:
        0
        !important;

    padding:
        0
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        16px
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    line-height:
        1.3
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        transparent
        !important;

    border:
        0
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-503
.woocommerce-form-login-toggle
.woocommerce-info::before {

    display:
        none
        !important;
}


html body.page-id-503
.woocommerce-form-login-toggle
a {

    color:
        var(--aba-brand-blue)
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;
}


html body.page-id-503
.woocommerce-form-login-toggle
a:hover {

    color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   LOGIN FORM ? REDUCE VERTICAL AIR
   ---------------------------------------------------------- */

html body.page-id-503
form.woocommerce-form-login.login {

    margin:
        0 0 16px
        !important;

    padding:
        10px 0 4px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        transparent
        !important;

    border:
        0
        !important;

    border-radius:
        0
        !important;

    box-shadow:
        none
        !important;
}


/* Intro copy */

html body.page-id-503
form.woocommerce-form-login.login
> p:first-child {

    max-width:
        690px
        !important;

    margin:
        0 0 13px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        15px
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    line-height:
        1.45
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/* Form rows */

html body.page-id-503
form.woocommerce-form-login.login
.form-row {

    margin-bottom:
        8px
        !important;
}


/* Labels */

html body.page-id-503
form.woocommerce-form-login.login
label {

    margin-bottom:
        4px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        13px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    line-height:
        1.25
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-503
form.woocommerce-form-login.login
.required {

    color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   EMAIL + PASSWORD
   ---------------------------------------------------------- */

html body.page-id-503
form.woocommerce-form-login.login
input.input-text {

    height:
        46px
        !important;

    min-height:
        46px
        !important;

    padding:
        8px 12px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-503
form.woocommerce-form-login.login
input.input-text:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.13)
        !important;

    outline-offset:
        1px
        !important;
}


/* ----------------------------------------------------------
   LOGIN BUTTON
   ---------------------------------------------------------- */

html body.page-id-503
form.woocommerce-form-login.login
.woocommerce-form-login__submit {

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    min-width:
        126px
        !important;

    height:
        46px
        !important;

    min-height:
        46px
        !important;

    margin:
        0
        !important;

    padding:
        0 26px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    line-height:
        1
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        var(--aba-brand-blue)
        !important;

    border:
        1px solid
        var(--aba-brand-blue)
        !important;

    border-radius:
        999px
        !important;

    box-shadow:
        none
        !important;

    text-align:
        center
        !important;
}


html body.page-id-503
form.woocommerce-form-login.login
.woocommerce-form-login__submit:hover {

    color:
        #FFFFFF
        !important;

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   REMEMBER ME
   ---------------------------------------------------------- */

html body.page-id-503
form.woocommerce-form-login.login
.woocommerce-form-login__rememberme {

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    gap:
        7px
        !important;

    margin:
        3px 0 0
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;
}


html body.page-id-503
form.woocommerce-form-login.login
#rememberme {

    width:
        14px
        !important;

    height:
        14px
        !important;

    margin:
        0
        !important;

    accent-color:
        var(--aba-brand-blue);
}


/* ----------------------------------------------------------
   LOST PASSWORD
   ---------------------------------------------------------- */

html body.page-id-503
form.woocommerce-form-login.login
.lost_password {

    margin-top:
        3px
        !important;

    margin-bottom:
        0
        !important;

    font-size:
        12px
        !important;

    line-height:
        1.2
        !important;
}


html body.page-id-503
form.woocommerce-form-login.login
.lost_password
a {

    color:
        var(--aba-brand-blue)
        !important;
}


html body.page-id-503
form.woocommerce-form-login.login
.lost_password
a:hover {

    color:
        var(--aba-brand-salmon)
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-503
    form.woocommerce-form-login.login {

        padding-top:
            8px
            !important;

        margin-bottom:
            14px
            !important;
    }


    html body.page-id-503
    form.woocommerce-form-login.login
    > p:first-child {

        margin-bottom:
            12px
            !important;

        font-size:
            14px
            !important;
    }


    html body.page-id-503
    form.woocommerce-form-login.login
    .woocommerce-form-login__submit {

        min-width:
            115px
            !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_CHECKOUT_LOGIN_BUTTON_V1B

   PAGE 503 ? /checkout/

   Login is a secondary action:
   - More breathing room from Password
   - ABA Blue secondary treatment
   - Charcoal label
   - 8px brand radius
   - Salmon interaction
   - Place Order remains primary CTA

   Visual only.
   ========================================================== */

html body.page-id-503
form.woocommerce-form-login.login
.woocommerce-form-login__submit {

    /* Space from Password field */
    margin-left:
        16px
        !important;

    /* Match current field height */
    height:
        46px
        !important;

    min-height:
        46px
        !important;

    min-width:
        132px
        !important;

    padding:
        0 24px
        !important;

    /* Brand geometry ? not a pill */
    border-radius:
        8px
        !important;

    /* Secondary ABA action */
    background:
        rgba(0, 214, 250, 0.12)
        !important;

    border:
        1.5px solid
        var(--aba-brand-blue)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    line-height:
        1
        !important;

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    text-align:
        center
        !important;

    box-shadow:
        none
        !important;

    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease
        !important;
}


html body.page-id-503
form.woocommerce-form-login.login
.woocommerce-form-login__submit:hover {

    background:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;

    color:
        #FFFFFF
        !important;
}


html body.page-id-503
form.woocommerce-form-login.login
.woocommerce-form-login__submit:focus-visible {

    outline:
        2px solid
        var(--aba-brand-blue)
        !important;

    outline-offset:
        3px
        !important;
}


/* Mobile: no artificial left gap */

@media only screen and (max-width: 767px) {

    html body.page-id-503
    form.woocommerce-form-login.login
    .woocommerce-form-login__submit {

        margin-left:
            0
            !important;

        width:
            100%
            !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_CHECKOUT_LOGIN_BUTTON_V1C

   PAGE 503 ? /checkout/

   Correct runtime target for Checkout Login.

   The Login elements are integrated into the Checkout DOM,
   not nested inside form.woocommerce-form-login.login.

   Visual only.
   ========================================================== */


/* ----------------------------------------------------------
   LOGIN ? SECONDARY ABA ACTION
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
button[name="login"],

html body.page-id-503
form.checkout.woocommerce-checkout
input[type="submit"][name="login"],

html body.page-id-503
form.checkout.woocommerce-checkout
.woocommerce-form-login__submit,

html body.page-id-503
button.woocommerce-form-login__submit[name="login"] {

    float:
        none
        !important;

    position:
        static
        !important;

    margin-top:
        0
        !important;

    margin-right:
        0
        !important;

    margin-bottom:
        0
        !important;

    margin-left:
        18px
        !important;


    width:
        132px
        !important;

    min-width:
        132px
        !important;

    max-width:
        132px
        !important;


    height:
        46px
        !important;

    min-height:
        46px
        !important;


    padding:
        0 18px
        !important;


    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    align-self:
        flex-end
        !important;


    border-radius:
        8px
        !important;


    background:
        rgba(0, 214, 250, 0.12)
        !important;

    background-color:
        rgba(0, 214, 250, 0.12)
        !important;

    background-image:
        none
        !important;


    border:
        1.5px solid
        var(--aba-brand-blue)
        !important;


    color:
        var(--aba-brand-charcoal)
        !important;


    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    line-height:
        1
        !important;

    letter-spacing:
        0
        !important;


    text-align:
        center
        !important;

    text-transform:
        none
        !important;

    text-shadow:
        none
        !important;


    box-shadow:
        none
        !important;


    appearance:
        none
        !important;

    -webkit-appearance:
        none
        !important;


    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease
        !important;
}


/* Hover */

html body.page-id-503
form.checkout.woocommerce-checkout
button[name="login"]:hover,

html body.page-id-503
form.checkout.woocommerce-checkout
input[type="submit"][name="login"]:hover,

html body.page-id-503
form.checkout.woocommerce-checkout
.woocommerce-form-login__submit:hover,

html body.page-id-503
button.woocommerce-form-login__submit[name="login"]:hover {

    background:
        var(--aba-brand-salmon)
        !important;

    background-color:
        var(--aba-brand-salmon)
        !important;

    border-color:
        var(--aba-brand-salmon)
        !important;

    color:
        #FFFFFF
        !important;
}


/* Keyboard focus */

html body.page-id-503
form.checkout.woocommerce-checkout
button[name="login"]:focus-visible,

html body.page-id-503
form.checkout.woocommerce-checkout
input[type="submit"][name="login"]:focus-visible,

html body.page-id-503
form.checkout.woocommerce-checkout
.woocommerce-form-login__submit:focus-visible {

    outline:
        2px solid
        var(--aba-brand-blue)
        !important;

    outline-offset:
        3px
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-503
    form.checkout.woocommerce-checkout
    button[name="login"],

    html body.page-id-503
    form.checkout.woocommerce-checkout
    input[type="submit"][name="login"],

    html body.page-id-503
    form.checkout.woocommerce-checkout
    .woocommerce-form-login__submit {

        margin-left:
            0
            !important;

        margin-top:
            8px
            !important;

        width:
            100%
            !important;

        min-width:
            100%
            !important;

        max-width:
            100%
            !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_CHECKOUT_BILLING_CANARY_V1

   PAGE 503 ? /checkout/

   Billing + Additional Information only.

   Visual adaptation only.

   Protected:
   - field order
   - field names
   - required status
   - validation
   - country/state logic
   - checkout AJAX
   - login
   - payment methods
   - order review
   - Place Order
   ========================================================== */


/* ----------------------------------------------------------
   BILLING SECTION TYPOGRAPHY
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
.woocommerce-billing-fields {

    font-family:
        var(--aba-font-family)
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.woocommerce-billing-fields
> h3,

html body.page-id-503
form.checkout.woocommerce-checkout
.woocommerce-additional-fields
> h3 {

    margin:
        0 0 18px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        22px
        !important;

    font-weight:
        var(--aba-font-weight-light)
        !important;

    line-height:
        1.2
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/* ----------------------------------------------------------
   BILLING FIELD SPACING
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
[id^="billing_"][id$="_field"] {

    margin-bottom:
        14px
        !important;
}


/* Labels */

html body.page-id-503
form.checkout.woocommerce-checkout
[id^="billing_"][id$="_field"]
> label {

    display:
        block
        !important;

    margin:
        0 0 5px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        13px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    line-height:
        1.25
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


/* Required indicator */

html body.page-id-503
form.checkout.woocommerce-checkout
[id^="billing_"][id$="_field"]
abbr.required {

    color:
        var(--aba-brand-salmon)
        !important;

    text-decoration:
        none
        !important;
}


/* ----------------------------------------------------------
   BILLING INPUTS
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
[id^="billing_"][id$="_field"]
input:not([type="hidden"]),

html body.page-id-503
form.checkout.woocommerce-checkout
[id^="billing_"][id$="_field"]
select {

    width:
        100%
        !important;

    height:
        48px
        !important;

    min-height:
        48px
        !important;

    padding:
        9px 13px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    line-height:
        1.25
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;

    box-sizing:
        border-box
        !important;
}


/* Placeholder */

html body.page-id-503
form.checkout.woocommerce-checkout
[id^="billing_"][id$="_field"]
input::placeholder {

    color:
        rgba(46, 46, 46, 0.42)
        !important;

    opacity:
        1
        !important;
}


/* Focus */

html body.page-id-503
form.checkout.woocommerce-checkout
[id^="billing_"][id$="_field"]
input:not([type="hidden"]):focus,

html body.page-id-503
form.checkout.woocommerce-checkout
[id^="billing_"][id$="_field"]
select:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.13)
        !important;

    outline-offset:
        1px
        !important;
}


/* ----------------------------------------------------------
   COUNTRY ? SELECT2
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
#billing_country_field
.select2-container {

    width:
        100%
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
#billing_country_field
.select2-selection--single {

    height:
        48px
        !important;

    min-height:
        48px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
#billing_country_field
.select2-selection__rendered {

    height:
        46px
        !important;

    padding:
        0 38px 0 13px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    line-height:
        46px
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
#billing_country_field
.select2-selection__arrow {

    top:
        50%
        !important;

    right:
        11px
        !important;

    transform:
        translateY(-50%)
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
#billing_country_field
.select2-container--focus
.select2-selection--single,

html body.page-id-503
form.checkout.woocommerce-checkout
#billing_country_field
.select2-container--open
.select2-selection--single {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.13)
        !important;

    outline-offset:
        1px
        !important;
}


/* ----------------------------------------------------------
   ADDITIONAL INFORMATION
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
.woocommerce-additional-fields {

    margin-top:
        22px
        !important;

    padding-top:
        20px
        !important;

    border-top:
        1px solid
        rgba(46, 46, 46, 0.10)
        !important;

    font-family:
        var(--aba-font-family)
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
#order_comments_field {

    margin:
        0
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
#order_comments_field
> label {

    display:
        block
        !important;

    margin:
        0 0 5px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        13px
        !important;

    font-weight:
        var(--aba-font-weight-medium)
        !important;

    line-height:
        1.25
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
#order_comments {

    width:
        100%
        !important;

    min-height:
        96px
        !important;

    padding:
        12px 13px
        !important;

    font-family:
        var(--aba-font-family)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        var(--aba-font-weight-regular)
        !important;

    line-height:
        1.4
        !important;

    color:
        var(--aba-brand-charcoal)
        !important;

    background:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(46, 46, 46, 0.20)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        none
        !important;

    resize:
        vertical
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
#order_comments::placeholder {

    color:
        rgba(46, 46, 46, 0.42)
        !important;

    opacity:
        1
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
#order_comments:focus {

    border-color:
        var(--aba-brand-blue)
        !important;

    outline:
        2px solid
        rgba(0, 214, 250, 0.13)
        !important;

    outline-offset:
        1px
        !important;
}


/* ----------------------------------------------------------
   VALIDATION STATES

   Do not alter validation logic; visual state only.
   ---------------------------------------------------------- */

html body.page-id-503
form.checkout.woocommerce-checkout
.woocommerce-invalid
input:not([type="hidden"]),

html body.page-id-503
form.checkout.woocommerce-checkout
.woocommerce-invalid
.select2-selection {

    border-color:
        var(--aba-brand-salmon)
        !important;
}


html body.page-id-503
form.checkout.woocommerce-checkout
.woocommerce-validated
input:not([type="hidden"]) {

    border-color:
        rgba(46, 46, 46, 0.20)
        !important;
}


/* ----------------------------------------------------------
   MOBILE

   Preserve Woo field order and logic.
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    html body.page-id-503
    form.checkout.woocommerce-checkout
    [id^="billing_"][id$="_field"] {

        width:
            100%
            !important;

        float:
            none
            !important;

        margin-right:
            0
            !important;

        margin-left:
            0
            !important;

        margin-bottom:
            12px
            !important;
    }


    html body.page-id-503
    form.checkout.woocommerce-checkout
    .woocommerce-additional-fields {

        margin-top:
            18px
            !important;

        padding-top:
            18px
            !important;
    }
}


/* ==========================================================
   ABA_BRAND_V7_NUEVOS_CLIENTES_CANARY_V1

   Page: Nuevos Clientes
   ID: 537209

   V7 branding adaptation only.
   No structural or functional changes.
   ========================================================== */


/* ----------------------------------------------------------
   LEGACY TYPOGRAPHY OVERRIDES

   Elementor generated CSS explicitly sets legacy
   ITC Avant Garde / Montserrat on these components.
   ---------------------------------------------------------- */

body.page-id-537209
.elementor-537209
.elementor-heading-title,

body.page-id-537209
.elementor-537209
.elementor-button,

body.page-id-537209
.elementor-537209
.elementor-icon-list-text {
    font-family:
        var(--aba-font-family, "Elevance", sans-serif)
        !important;
}


/* ----------------------------------------------------------
   LARGE LEGACY GREEN SURFACE
   Green -> ABA Blue
   ---------------------------------------------------------- */

body.page-id-537209
.elementor-537209
.elementor-element.elementor-element-f680400:not(
    .elementor-motion-effects-element-type-background
),

body.page-id-537209
.elementor-537209
.elementor-element.elementor-element-f680400
> .elementor-motion-effects-container
> .elementor-motion-effects-layer {
    background-color: #00D6FA !important;
}


/* ----------------------------------------------------------
   LEGACY GREEN / GREEN-GRAY HEADINGS
   -> Brand Charcoal
   ---------------------------------------------------------- */

body.page-id-537209
.elementor-537209
:is(
    .elementor-element-b2fed20,
    .elementor-element-814f38e,
    .elementor-element-bb2aed4,
    .elementor-element-a4296bd,
    .elementor-element-694f5ab,
    .elementor-element-8222e89,
    .elementor-element-c6ae7c2,
    .elementor-element-8690197,
    .elementor-element-54147b9,
    .elementor-element-2847a7e,
    .elementor-element-a8deb9b,
    .elementor-element-f918b38,
    .elementor-element-6989024,
    .elementor-element-3e2c7a4,
    .elementor-element-e7406f4,
    .elementor-element-061f311,
    .elementor-element-9798464,
    .elementor-element-17d367b,
    .elementor-element-1285b91,
    .elementor-element-b460cd4,
    .elementor-element-a46d1ff,
    .elementor-element-d576a62,
    .elementor-element-235cfad,
    .elementor-element-cceccb7,
    .elementor-element-5060b6a,
    .elementor-element-e8c548e
)
.elementor-heading-title {
    color: #2E2E2E !important;
}


/* ----------------------------------------------------------
   ICON LISTS
   Blue accent + Charcoal copy
   ---------------------------------------------------------- */

body.page-id-537209
.elementor-537209
:is(
    .elementor-element-d299030,
    .elementor-element-0ed56a6,
    .elementor-element-6a67ec7
)
.elementor-icon-list-icon i {
    color: #00D6FA !important;
}


body.page-id-537209
.elementor-537209
:is(
    .elementor-element-d299030,
    .elementor-element-0ed56a6,
    .elementor-element-6a67ec7
)
.elementor-icon-list-icon svg {
    fill: #00D6FA !important;
}


body.page-id-537209
.elementor-537209
:is(
    .elementor-element-d299030,
    .elementor-element-0ed56a6,
    .elementor-element-6a67ec7
)
.elementor-icon-list-text {
    color: #2E2E2E !important;
}


/* ----------------------------------------------------------
   PRIMARY CTAs
   ---------------------------------------------------------- */

body.page-id-537209
.elementor-537209
:is(
    .elementor-element-a83ac08,
    .elementor-element-1dc21a2
)
.elementor-button {
    background-color: #00D6FA !important;
    color: #2E2E2E !important;
    fill: #2E2E2E !important;
}


body.page-id-537209
.elementor-537209
:is(
    .elementor-element-a83ac08,
    .elementor-element-1dc21a2
)
.elementor-button:hover,

body.page-id-537209
.elementor-537209
:is(
    .elementor-element-a83ac08,
    .elementor-element-1dc21a2
)
.elementor-button:focus {
    background-color: #FB756A !important;
    color: #2E2E2E !important;
    fill: #2E2E2E !important;
}


/* ----------------------------------------------------------
   SECONDARY BUTTON LEGACY GREEN TEXT
   ---------------------------------------------------------- */

body.page-id-537209
.elementor-537209
:is(
    .elementor-element-bc405b4,
    .elementor-element-6fdb8f6,
    .elementor-element-8cd84c9
)
.elementor-button {
    color: #2E2E2E !important;
    fill: #2E2E2E !important;
}


/* ----------------------------------------------------------
   GREEN LEFT BORDER CARDS
   -> Salmon
   ---------------------------------------------------------- */

body.page-id-537209
.elementor-537209
:is(
    .elementor-element-5accda4,
    .elementor-element-24f0d09,
    .elementor-element-c356d3e,
    .elementor-element-8152e74,
    .elementor-element-a9d02e2
) {
    border-color: #FB756A !important;
    --border-color: #FB756A !important;
}


/* ----------------------------------------------------------
   FAINT GREEN SURFACES
   -> Cream tint
   ---------------------------------------------------------- */

body.page-id-537209
.elementor-537209
:is(
    .elementor-element-7e5e7f5,
    .elementor-element-d1e3d72,
    .elementor-element-2e738de
):not(
    .elementor-motion-effects-element-type-background
),

body.page-id-537209
.elementor-537209
:is(
    .elementor-element-7e5e7f5,
    .elementor-element-d1e3d72,
    .elementor-element-2e738de
)
> .elementor-motion-effects-container
> .elementor-motion-effects-layer {
    background-color:
        rgba(247, 224, 190, 0.30)
        !important;
}