/**
 * 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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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;
    }
}
