/* Staging QA fixes; also included in theme source. Keep no-script navigation available. */ @media (scripting: enabled) { html:not(.ffl-js) .ffl-menu ul { display:none; } } @media (max-width:1150px) and (scripting: enabled) { html:not(.ffl-js) #ffl-main-nav { display:none; } html:not(.ffl-js) #ffl-menu-toggle[hidden] { display:inline-flex!important; } } .ffv2-navy .eyebrow[style] { color:#ff824b!important; }
/* Facial Fortress Light 0.1.3 — staging visual review, 2026-10-09. */
.ffl-footer .ffl-social{flex-wrap:wrap;gap:8px 20px}
.ffl-footer .ffl-social a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px}
.ffl-footer .ffl-social a::before{content:"";display:block;width:20px;height:20px;flex:0 0 20px;background:currentColor;mask:var(--ffl-social-icon) center/contain no-repeat;-webkit-mask:var(--ffl-social-icon) center/contain no-repeat}
.ffl-footer .ffl-social a[href*="instagram.com"]{--ffl-social-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-instagram%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M8%200C5.829%200%205.556.01%204.703.048%203.85.088%203.269.222%202.76.42a3.9%203.9%200%200%200-1.417.923A3.9%203.9%200%200%200%20.42%202.76C.222%203.268.087%203.85.048%204.7.01%205.555%200%205.827%200%208.001c0%202.172.01%202.444.048%203.297.04.852.174%201.433.372%201.942.205.526.478.972.923%201.417.444.445.89.719%201.416.923.51.198%201.09.333%201.942.372C5.555%2015.99%205.827%2016%208%2016s2.444-.01%203.298-.048c.851-.04%201.434-.174%201.943-.372a3.9%203.9%200%200%200%201.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99%2010.445%2016%2010.173%2016%208s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9%203.9%200%200%200-.923-1.417A3.9%203.9%200%200%200%2013.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01%2010.172%200%207.998%200zm-.717%201.442h.718c2.136%200%202.389.007%203.232.046.78.035%201.204.166%201.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275%201.485.039.843.047%201.096.047%203.231s-.008%202.389-.047%203.232c-.035.78-.166%201.203-.275%201.485a2.5%202.5%200%200%201-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5%202.5%200%200%201-.92-.598%202.5%202.5%200%200%201-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24%201.485-.276.738-.034%201.024-.044%202.515-.045zm4.988%201.328a.96.96%200%201%200%200%201.92.96.96%200%200%200%200-1.92m-4.27%201.122a4.109%204.109%200%201%200%200%208.217%204.109%204.109%200%200%200%200-8.217m0%201.441a2.667%202.667%200%201%201%200%205.334%202.667%202.667%200%200%201%200-5.334%22%2F%3E%0A%3C%2Fsvg%3E")}
.ffl-footer .ffl-social a[href*="tiktok.com"]{--ffl-social-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-tiktok%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M9%200h1.98c.144.715.54%201.617%201.235%202.512C12.895%203.389%2013.797%204%2015%204v2c-1.753%200-3.07-.814-4-1.829V11a5%205%200%201%201-5-5v2a3%203%200%201%200%203%203z%22%2F%3E%0A%3C%2Fsvg%3E")}
.ffl-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:24px;width:24px;min-height:44px;padding:0;flex:0 0 24px}
.ffl-submenu-toggle>span{display:none}
.ffl-submenu-toggle::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.ffl-submenu-toggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
@media(max-width:1150px){.ffl-submenu-toggle{min-width:44px;width:44px;flex-basis:44px}}
@media(min-width:901px){
  .ffwhy .compare-wrap table{table-layout:fixed}
  .ffwhy .compare-wrap th,.ffwhy .compare-wrap td{vertical-align:middle}
  .ffwhy .compare-wrap tr>:first-child{width:24%}
  .ffwhy .compare-wrap tr>:nth-child(n+2){width:25.333%;text-align:center}
}
.ffwhy .ffwhy-navy .trust-copy{max-width:900px;margin:0 auto 10px;text-wrap:balance}
.ffwhy .ffwhy-navy .trust-values{margin:0 auto;text-wrap:balance}
.ffwhy .ffwhy-final .final-grid>div{min-width:0;flex:1}
.ffwhy .ffwhy-final .btn.light{flex-shrink:0;min-height:54px;padding:14px 24px;border-radius:12px;background:var(--orange);color:#fff;font-size:20px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none}
.ffwhy .ffwhy-final .btn.light:hover{background:#d84408;color:#fff;text-decoration:none}
.elementor-1212 .elementor-element-cc15e8a2 .elementor-button,.elementor-1212 .elementor-element-cc15e8a2 .elementor-button-text{color:#fff!important}
.elementor-1212 .elementor-element-932c7ee{width:100%;max-width:1180px;margin-inline:auto}
.elementor-1212 .blog-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;width:100%;max-width:1180px;margin-inline:auto}
.elementor-1212 .blog-card{display:flex;flex-direction:column;min-width:0;width:100%;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
.elementor-1212 .blog-card .post-thumbnail{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--cream)}
.elementor-1212 .blog-card .post-thumbnail img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.elementor-1212 .blog-card .post-meta{margin:0;padding:18px 22px 0;font-size:13px;line-height:1.5;color:var(--muted)}
.elementor-1212 .blog-card .post-content{display:flex;flex:1;flex-direction:column;padding:10px 22px 22px}
.elementor-1212 .blog-card .post-title{margin:0 0 14px;font-size:21px;line-height:1.35;letter-spacing:-.02em}
.elementor-1212 .blog-card .post-title a{text-decoration:none;color:var(--navy)}
.elementor-1212 .blog-card .post-title a:hover{text-decoration:underline}
.elementor-1212 .blog-card .post-excerpt{margin:0 0 18px;font-size:15px;line-height:1.65}
.elementor-1212 .blog-card .post-btn{align-self:flex-start;margin-top:auto;min-height:44px;display:inline-flex;align-items:center;font-size:15px;font-weight:600;text-underline-offset:4px}
@media(max-width:1000px){.elementor-1212 .blog-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:600px){.elementor-1212 .blog-posts{grid-template-columns:minmax(0,1fr)}.elementor-1212 .blog-card .post-title{font-size:22px}}
/* Keep the active ingredient note secondary to the main benefit. */
#ff-home-hero .ff-home-description p:first-child{margin-bottom:8px}
#ff-home-hero .ff-home-description p:last-child{font-size:16px;line-height:1.5;font-weight:600;color:var(--navy)}


/* Facial Fortress Light 0.1.8 — explain the existing single-bottle combo before adding cream. */
body.woocommerce-cart .wp-block-woocommerce-cart:has(.wc-block-components-totals-discount__coupon-list-item) .ffl-cart-combo-note{display:none!important}

body.woocommerce-cart .wp-block-woocommerce-cart .ffl-cart-combo-note{display:none}
body.woocommerce-cart .wp-block-woocommerce-cart:has(.wc-block-cart-items__row .wc-block-components-product-name[href$="/product/beard-dandruff-shampoo/"]) .wp-block-woocommerce-cart-cross-sells-block:has(.cross-sells-product .wc-block-components-product-name[href$="/product/dermal-defense-face-body-moisturizing-cream/"]) .ffl-cart-combo-note{display:block;box-sizing:border-box;max-width:620px;margin:0 0 16px;padding:14px 16px;border-left:4px solid var(--orange);border-radius:0 10px 10px 0;background:var(--cream);color:var(--navy);font-size:15px;line-height:1.6}
body.woocommerce-cart .wp-block-woocommerce-cart .ffl-cart-combo-note>strong:first-child{display:block;margin-bottom:4px;font-size:19px;line-height:1.4}
body.woocommerce-cart .wp-block-woocommerce-cart .ffl-cart-combo-note small{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}
body.woocommerce-cart .wp-block-woocommerce-cart .cross-sells-product:has(.wc-block-components-product-name[href$="/product/dermal-defense-face-body-moisturizing-cream/"]) .wp-block-cart-cross-sells-product__product-price::before{content:"Cream on its own:";flex-basis:100%;color:var(--muted);font-size:13px;font-weight:400}

/* Facial Fortress Light 0.1.7 — responsive grids and compact cart upsell. */
/* The Elementor shortcode occupies the viewport on phones: inset its contents once. */
body.page-id-1212 #ff-articles.ffl-article-browser{box-sizing:border-box;width:min(1180px,calc(100% - 40px));max-width:100%;min-width:0;margin-inline:auto}
body.page-id-1212 #ff-articles .ffl-article-count{margin:0 0 20px}
body.page-id-1212 #ff-articles .blog-card .post-thumbnail img{object-fit:contain}

/* Equal choices also fit the narrow desktop product-summary column. */
body.single-product .ff-pack-options>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
body.single-product .ff-pack-options>div>a{display:block!important;min-width:0;min-height:88px;padding:12px!important;font-size:16px;line-height:1.5;text-align:left}
body.single-product .ff-pack-options>div>a small{font-size:13px;line-height:1.5}

/* Only product learning videos; payment-provider frames keep their own layout. */
body.single-product #tab-video .video_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
body.single-product #tab-video .video_box{min-width:0}
body.single-product #tab-video .video_box iframe{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:16/9;margin-inline:auto;border:0}
body.single-product #tab-video .video_box iframe[width="315"][height="560"]{max-width:315px;aspect-ratio:9/16}

/* Compact WooCommerce cart cross-sell, with product details beside the thumbnail. */
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block{margin-top:28px}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block>.wp-block-heading{font-size:24px!important;line-height:1.3;margin:0 0 16px}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product{--ffl-upsell-thumb:96px;--ffl-upsell-gap:16px;display:block;box-sizing:border-box;width:100%;max-width:620px;margin:0 0 16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product>div:first-child{display:grid;grid-template-columns:var(--ffl-upsell-thumb) minmax(0,1fr);column-gap:var(--ffl-upsell-gap);row-gap:6px;align-items:start}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product>div:first-child>*{min-width:0;grid-column:2}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product>div:first-child>.wc-block-components-product-image{grid-column:1;grid-row:1/4;width:var(--ffl-upsell-thumb);height:var(--ffl-upsell-thumb);margin:0}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-image img{width:100%;height:100%;object-fit:contain!important}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wp-block-cart-cross-sells-product__product-title{margin:0;font-size:18px;line-height:1.4;letter-spacing:0}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-name{font-size:inherit;font-weight:600;line-height:inherit}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;color:var(--navy);font-size:16px;line-height:1.4}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-price del{color:var(--muted);font-size:14px}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-price ins{color:var(--navy);font-weight:600;text-decoration:none}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product>.wc-block-components-product-button{align-items:flex-start;justify-content:flex-start;margin:12px 0 0 calc(var(--ffl-upsell-thumb) + var(--ffl-upsell-gap));text-align:left}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-button__button{width:auto;max-width:100%;min-height:44px;margin:0;padding:10px 16px;border:1px solid var(--navy);border-radius:8px;background:#fff;color:var(--navy);font-size:15px;font-weight:600;line-height:1.4}
body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-button__button:hover{background:var(--cream)}

@media(max-width:767px){
  body.page-id-1212 #ff-articles .blog-posts{grid-template-columns:minmax(0,1fr);gap:24px}
  body.page-id-1212 #ff-articles .blog-card .post-content{padding:10px 18px 20px}
  body.page-id-1212 #ff-articles .blog-card .post-meta{padding:16px 18px 0}
  body.page-id-1212 #ff-articles .blog-card .post-title{font-size:22px;line-height:1.35}
  /* The theme shell already supplies 20px gutters: remove the second inset. */
  body.ff-architecture-owned #content.ffl-reading{width:calc(100% - 40px);margin-block:32px}
  body.ff-architecture-owned #content.ffl-reading .ff-architecture-directory{padding-inline:0}
  body.ff-architecture-guide #content.ffl-reading .single-post-content,
  body.ff-architecture-guide #content.ffl-reading .single-post-body,
  body.ff-architecture-owned #content.ffl-reading .single-post-breadcrumb{min-width:0;width:100%;padding-inline:0}
  body.ff-architecture-guide #content.ffl-reading .single-post-thumb{width:100%;margin:0 0 24px;border-radius:14px;overflow:hidden}
  body.ff-architecture-guide #content.ffl-reading .single-post-thumb img{width:100%;height:auto;object-fit:contain}
  body.ff-architecture-owned #content.ffl-reading .ff-architecture-cards{grid-template-columns:minmax(0,1fr);gap:20px}
  body.ff-architecture-owned #content.ffl-reading .ff-architecture-card{min-width:0;padding:20px}
  body.single-product #tab-video .video_wrapper{grid-template-columns:minmax(0,1fr)}
  body.single-product #tab-video .video_box iframe[width="315"][height="560"]{max-width:280px}
  body.woocommerce .ffl-commerce ul.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;align-items:stretch}
  body.woocommerce .ffl-commerce ul.products::before,
  body.woocommerce .ffl-commerce ul.products::after{display:none}
  body.woocommerce .ffl-commerce ul.products li.product{display:flex;flex-direction:column;float:none;clear:none;width:100%;min-width:0;margin:0}
  body.woocommerce .ffl-commerce ul.products li.product .woocommerce-loop-product__link{display:flex;flex:1;flex-direction:column;min-width:0}
  body.woocommerce .ffl-commerce ul.products li.product .woocommerce-loop-product__link img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0 0 12px}
  body.woocommerce .ffl-commerce ul.products li.product .woocommerce-loop-product__title{font-size:16px;line-height:1.4;letter-spacing:-.01em;padding:0;margin:0 0 10px;overflow-wrap:break-word}
  body.woocommerce.single-product .ffl-commerce ul.products li.product .price{margin-top:auto;font-size:17px}
  body.woocommerce .ffl-commerce ul.products li.product a.button{width:100%;min-height:46px;margin:14px 0 0;padding:11px 8px;font-size:14px;line-height:1.4;text-align:center}
}
@media(max-width:400px){
  body.page-id-1212 #ff-articles .ffl-article-search-row{flex-direction:column}
  body.page-id-1212 #ff-articles .ffl-article-search button{width:100%}
  body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product{--ffl-upsell-thumb:80px;--ffl-upsell-gap:12px;padding:14px}
  body.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wp-block-cart-cross-sells-product__product-title{font-size:16px}
}
@media(max-width:380px){
  #ff-home-proof.ffv2 .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .ffwhy .proof-grid.compact{grid-template-columns:minmax(0,1fr);gap:12px}
  .ffwhy .proof-grid.compact .proof-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px;text-align:left}
  .ffwhy .proof-grid.compact .proof-card img{margin:0;flex:0 0 40px;width:40px;height:40px}
  .ffwhy .proof-grid.compact .proof-card span{width:170px;max-width:calc(100% - 52px)}
}


/* Facial Fortress Light 0.1.6 — product prices and retailer buttons. */
.single-product #hcff-mobile-buy-shortcut .hcff-price{font-size:22px;line-height:1.3;font-variant-numeric:tabular-nums}
.woocommerce.single-product .ffl-commerce ul.products li.product .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;color:var(--navy);font-size:18px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;margin:12px 0 0}
.woocommerce.single-product .ffl-commerce ul.products li.product .price del{color:var(--muted);font-size:14px;font-weight:400;opacity:1}
.woocommerce.single-product .ffl-commerce ul.products li.product .price ins{color:var(--navy);background:transparent;text-decoration:none;font-weight:700}
.woocommerce.single-product .ffl-commerce ul.products li.product a.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;max-width:100%;padding:11px 16px;border:1px solid var(--orange);border-radius:9px;background:var(--orange);color:#fff;font-size:16px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;white-space:normal}
.woocommerce.single-product .ffl-commerce ul.products li.product a.button:hover{background:#d84408;border-color:#d84408;color:#fff}
.woocommerce.single-product .ff-product-shop-buttons a[href^="https://www.amazon.com/"]{background:#ffd814;border-color:#edc408;color:#131921}
.woocommerce.single-product .ff-product-shop-buttons a[href^="https://www.amazon.com/"]:hover{background:#f7ca00;border-color:#dfb600;color:#131921}
.woocommerce.single-product .ff-product-shop-buttons a[href^="https://goto.walmart.com/"]{background:#0053e2;border-color:#0053e2;color:#fff}
.woocommerce.single-product .ff-product-shop-buttons a[href^="https://goto.walmart.com/"]:hover{background:#003faa;border-color:#003faa;color:#fff}
.woocommerce.single-product .ff-product-shop-buttons a:focus-visible,.woocommerce.single-product .ffl-commerce ul.products li.product a.button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}

/* Facial Fortress Light 0.1.5 — mobile review, 2026-10-09. */
/* Keep WooCommerce's accessible price labels available to assistive technology. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;left:5px;top:5px;margin:0;padding:12px 16px;background:#fff;color:var(--navy);z-index:100000}
.single-product .hcff-buy-shortcut .hcff-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;color:var(--navy)}
.hcff-buy-shortcut .hcff-price del{font-size:16px;font-weight:400;color:var(--muted)}
.hcff-buy-shortcut .hcff-price ins{font-size:22px;font-weight:700;text-decoration:none}
.hcff-buy-shortcut>div{min-width:0;flex:1}
.hcff-buy-shortcut a.hcff-buy-link{flex:0 0 128px;max-width:none!important;background:var(--orange)!important;border-radius:9px;min-height:48px}
.woocommerce.single-product .woocommerce-breadcrumb{font-size:13px;line-height:1.6;margin-bottom:22px}
.woocommerce.single-product div.product .product_meta{display:grid;gap:5px;margin:22px 0 28px;padding:16px 0 0;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.woocommerce.single-product div.product .product_meta>span{display:block;min-width:0}
.woocommerce.single-product div.product .product_meta a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:0;margin:0 0 24px;border:0}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none;content:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{display:block;margin:0;padding:0;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:flex;align-items:center;justify-content:center;min-height:46px;height:100%;padding:10px 16px;color:var(--navy);font-size:15px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--navy);border-color:var(--navy)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) a:hover{background:var(--cream);border-radius:8px}
.woocommerce.single-product div.product.product-type-simple form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}
.woocommerce.single-product div.product.product-type-simple form.cart>.qib-button-wrapper{display:flex;align-items:center;flex:0 0 auto;float:none;margin:0!important;order:1}
.woocommerce.single-product div.product.product-type-simple form.cart>.single_add_to_cart_button{flex:1 1 150px;float:none;order:2;min-height:50px;padding:12px 18px;border:0;border-radius:10px;background:var(--orange);color:#fff;font-size:18px;font-weight:700;line-height:1.4}
.woocommerce.single-product div.product.product-type-simple form.cart>.single_add_to_cart_button:hover{background:#d84408}
.woocommerce .woocommerce-message,.woocommerce-message{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;position:relative;margin:0 0 24px;padding:18px 20px 18px 48px;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:12px;background:var(--cream);color:var(--ink);font-size:16px;line-height:1.6}
.woocommerce .woocommerce-message::before,.woocommerce-message::before{top:18px;left:18px;color:var(--navy)}
.woocommerce .woocommerce-message::after,.woocommerce-message::after{display:none}
.woocommerce .woocommerce-message .button,.woocommerce-message .button{float:none;order:2;flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;min-height:44px;margin:0;padding:10px 16px;border:1px solid var(--navy);border-radius:9px;background:var(--navy);color:#fff;font-size:15px;line-height:1.4;text-decoration:none}
.ffl-help-section>.ffl-help-inner{position:relative;gap:20px;align-items:start}
.ffl-help-inner>span[id]:empty{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.ffl-help-inner>h1,.ffl-help-inner>h2,.ffl-help-inner>h3,.ffl-help-inner>p{margin:0}
.ffl-help-group>h3,.ffl-help-group>p,.ffl-help-group>ol,.ffl-help-group>ul{margin:0}
.ffl-help-group li{margin-bottom:8px}
.ffl-help-group li:last-child{margin-bottom:0}
.ffl-reading .ff-hub-breadcrumb{margin:0 0 18px;font-size:13px;line-height:1.5;color:var(--muted)}
.ffl-reading .ff-hub-breadcrumb ol{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none}
.ffl-reading .ff-hub-breadcrumb li{display:flex;align-items:baseline;min-width:0;margin:0;font-size:13px;line-height:1.5}
.ffl-reading .ff-hub-breadcrumb li+li::before{margin:0 8px;color:#8b98a8;content:"/"}
.ffl-reading .ff-hub-breadcrumb a{font-size:inherit;line-height:inherit}
.ffwhy .ffwhy-navy .trust-values{display:table;margin:14px auto 0;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--cream);font-size:14px;line-height:1.4;font-weight:600}
.ffing .ff-cleanse-mobile-label{display:none}
.ffing #cleansing .table-hint{display:none}
@media(max-width:767px){
.hcff-buy-shortcut{padding:14px;gap:12px}
.woocommerce.single-product .woocommerce-breadcrumb{font-size:12px;margin-bottom:18px}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}
.woocommerce div.product .woocommerce-tabs ul.tabs li{min-width:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:10px 12px;font-size:14px;min-height:46px}
.woocommerce .woocommerce-message,.woocommerce-message{align-items:flex-start;flex-direction:column;padding:16px 16px 16px 44px;font-size:15px;gap:12px}
.woocommerce .woocommerce-message::before,.woocommerce-message::before{top:16px;left:16px}
.woocommerce .woocommerce-message .button,.woocommerce-message .button{align-self:flex-start}
.ffl-reading .ff-hub-breadcrumb li[aria-current="page"]{display:none}
.ffwhy .ffwhy-section.ffwhy-navy{padding-bottom:32px}
.ffing #cleansing .ff-cleanse-table{overflow:visible;margin:24px 0;border:0;border-radius:0;background:transparent}
.ffing #cleansing .ff-cleanse-table table{display:block;width:100%;min-width:0;border:0;font-size:16px}
.ffing #cleansing .ff-cleanse-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0}
.ffing #cleansing .ff-cleanse-table tbody{display:grid;gap:18px}
.ffing #cleansing .ff-cleanse-table tbody tr{display:block;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}
.ffing #cleansing .ff-cleanse-table tbody th{display:block;width:100%;padding:18px 20px;background:#f5efe6;border:0;color:var(--navy);font-size:18px;line-height:1.45;overflow-wrap:break-word;hyphens:none}
.ffing #cleansing .ff-cleanse-table tbody td{display:block;width:100%;padding:16px 20px;border:0;font-size:16px;line-height:1.65;overflow-wrap:break-word}
.ffing #cleansing .ff-cleanse-table tbody td+td{border-top:1px solid var(--line)}
.ffing .ff-cleanse-mobile-label{display:block;margin-bottom:4px;font-size:13px;line-height:1.5;font-weight:600;color:var(--muted)}
}

/* Facial Fortress Light 0.1.4 — product readability and retailer choices. */
.woocommerce.single-product div.product .onsale{display:none}
.woocommerce.single-product div.product .product_title{font-size:clamp(30px,3.2vw,44px);line-height:1.18;margin:0 0 18px;overflow-wrap:break-word}
.woocommerce.single-product div.product .summary .price{color:var(--navy);font-size:26px;line-height:1.4;margin:0 0 6px}
.woocommerce.single-product div.product .summary .price ins{text-decoration:none}
.woocommerce.single-product div.product .sale-percentage{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 20px}
.woocommerce.single-product .woocommerce-product-details__short-description{font-size:16px;line-height:1.65}
.woocommerce.single-product .woocommerce-product-details__short-description>p{margin:0 0 18px!important}
.woocommerce.single-product .woocommerce-product-details__short-description>ul{padding-left:22px;margin:0 0 22px!important}
.woocommerce.single-product .woocommerce-product-details__short-description>ul li{margin-bottom:7px}
.woocommerce.single-product .ff-product-retailers{margin:24px 0 4px;padding-top:20px;border-top:1px solid var(--line)}
.woocommerce.single-product .ff-product-retailers>p{margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.5}
.woocommerce.single-product .ff-product-shop-buttons{display:flex;gap:12px;flex-wrap:wrap}
.woocommerce.single-product .ff-product-shop-buttons a{display:flex;flex:1 1 190px;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid var(--navy);border-radius:10px;background:#fff;color:var(--navy);font-size:16px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none}
.woocommerce.single-product .ff-product-shop-buttons a:hover{background:var(--cream)}
.woocommerce.single-product .woocommerce-product-details__short-description>.ff-product-review-buttons{display:flex!important;gap:4px 18px!important;margin:4px 0 10px!important}
.woocommerce.single-product .ff-product-review-buttons .ff-retailer-review-button{display:inline-flex!important;flex:0 1 auto!important;min-width:0!important;min-height:44px!important;padding:7px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--navy)!important;font-size:13px!important;line-height:1.5!important;text-decoration:underline!important}
.woocommerce.single-product .woocommerce-product-details__short-description>.ff-walmart-disclosure{margin:0 0 20px!important;font-size:13px!important;line-height:1.6!important;color:var(--muted)!important}
.woocommerce.single-product div.product .woocommerce-Tabs-panel{padding-top:18px}
.woocommerce.single-product div.product .woocommerce-Tabs-panel p{margin:0 0 22px;line-height:1.75}
.woocommerce.single-product div.product .woocommerce-Tabs-panel li{line-height:1.75;margin-bottom:8px}
.woocommerce.single-product div.product .woocommerce-Tabs-panel h2{font-size:clamp(26px,2.8vw,36px);line-height:1.25;margin:32px 0 16px}
.woocommerce.single-product div.product .woocommerce-Tabs-panel h2:first-child{margin-top:0}
.woocommerce.single-product div.product .woocommerce-Tabs-panel h3{margin:28px 0 12px;line-height:1.3}
@media(max-width:600px){
.woocommerce.single-product .ffl-commerce{padding-top:28px}
.woocommerce.single-product div.product .product_title{font-size:30px}
.woocommerce.single-product .woocommerce-product-details__short-description>p{margin-bottom:18px!important}
.woocommerce.single-product div.product .woocommerce-Tabs-panel p{margin-bottom:20px;font-size:16px}
.woocommerce.single-product div.product .woocommerce-Tabs-panel ul{padding-left:22px}
}

/* Keep inactive review-photo controls hidden when optional gallery CSS is trimmed. */
.cr-pswp[aria-hidden="true"]:not(.pswp--open) {
    display: none !important;
}

/* Match the article body's balanced gutters instead of browser list indentation. */
.ffl-reading .recent-posts-with-thumbs {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding: 0 22px;
    list-style: none;
}

/* Two-column editorial tables should fit phones without horizontal scrolling. */
@media (max-width: 760px) {
    :is(.single-post-body, .ffl-reading) table:has(> thead > tr > :nth-child(2):last-child) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed;
    }
    :is(.single-post-body, .ffl-reading) table:has(> thead > tr > :nth-child(2):last-child) :is(th, td) {
        min-width: 0 !important;
        padding: 12px 10px !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
        vertical-align: top;
        text-align: left;
        font-size: 16px;
        line-height: 1.55;
    }
    :is(.single-post-body, .ffl-reading) table:has(> thead > tr > :nth-child(2):last-child) tr > :first-child {
        width: 34%;
    }
}



/* ff-product-cart-migration-styles-2026-10-11: approved Staging product and cart CSS, bundled for transfer with this theme. */
/* Facial Fortress DEV, 2026-10-11: layout ONLY for original wash #1785 and cream #4345. No payment or cart logic. Revert by clearing custom_css_post_id theme mod. */ body:is(.postid-1785,.postid-4345).single-product .summary.entry-summary{display:flex!important;flex-direction:column!important;align-items:stretch;min-width:0;gap:0} body:is(.postid-1785,.postid-4345) .summary>.product_title{order:1;margin-bottom:8px} body:is(.postid-1785,.postid-4345) .summary>.price{order:2;margin:0 0 14px!important;font-size:23px;line-height:1.35} body:is(.postid-1785,.postid-4345) .summary>.sale-percentage{order:2;margin:0 0 10px} body:is(.postid-1785,.postid-4345) .summary>.woocommerce-product-details__short-description{order:3;margin:0 0 16px} body:is(.postid-1785,.postid-4345) .summary>.ff-purchase-panel{order:4;box-sizing:border-box;width:100%;border:1px solid #dae1e9;border-radius:14px;padding:18px;background:#fff;margin:6px 0 14px!important} body:is(.postid-1785,.postid-4345) .summary>#wc-stripe-express-checkout-element{order:5;max-width:100%;margin:8px 0!important} body:is(.postid-1785,.postid-4345) .summary>wc-order-attribution-inputs{order:6} body:is(.postid-1785,.postid-4345) .summary>.ppcp-messages{order:7;margin:0 0 6px} body:is(.postid-1785,.postid-4345) .summary>.ppc-button-wrapper{order:8;clear:both;max-width:100%;width:100%;box-sizing:border-box;min-width:0;margin:0 0 18px} body:is(.postid-1785,.postid-4345) .summary>.ff-retailer-choice{order:9;width:100%;margin:10px 0 0} body:is(.postid-1785,.postid-4345) .summary>.ff-purchase-extras{order:10;margin:10px 0 0;width:100%} body:is(.postid-1785,.postid-4345) .summary>.product_meta{order:12;width:100%} body.postid-1785 .ff-purchase-panel form.variations_form{width:100%;min-width:0;margin:0!important} body.postid-1785 .ff-purchase-panel .ffdv-choices{margin:0 0 14px} body.postid-1785 .ff-purchase-panel .ffdv-cream{margin:12px 0 16px!important} body.postid-1785 .ff-purchase-panel .woocommerce-variation-price{font-size:22px;font-weight:700;margin:0 0 12px} body.postid-1785 .ff-purchase-panel .woocommerce-variation-add-to-cart{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;width:100%} body.postid-4345 .ff-purchase-panel form.cart{display:flex!important;gap:12px;align-items:center;flex-wrap:wrap} body:is(.postid-1785,.postid-4345) .ff-purchase-panel button.single_add_to_cart_button{min-height:48px;border-radius:9px} body.postid-1785 .ff-purchase-extras .ff-product-review-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0!important} body.postid-1785 .ff-purchase-extras .ff-retailer-review-button{display:inline-flex;align-items:center;min-height:44px;border:1px solid #ccd5df;border-radius:9px;padding:9px 13px;text-decoration:none} body:is(.postid-1785,.postid-4345) .ppc-button-wrapper iframe{max-width:100%} /* Stable gallery before carousel initialization, 2026-10-11. */ body:is(.postid-1785,.postid-4345) .woo-product-gallery-slider .wpgs-for{display:block;aspect-ratio:1/1} body:is(.postid-1785,.postid-4345) .wpgs-for:not(.slick-initialized)>div:not(:first-child){display:none} body:is(.postid-1785,.postid-4345) .wpgs-for:not(.slick-initialized)>div:first-child img{display:block;width:100%;height:auto} body:is(.postid-1785,.postid-4345) .woo-product-gallery-slider .wpgs-nav{display:block;min-height:90px} body:is(.postid-1785,.postid-4345) .wpgs-nav:not(.slick-initialized)>div{display:none} @media(max-width:767px){ body:is(.postid-1785,.postid-4345) div.product{position:relative;padding-top:99px} body:is(.postid-1785,.postid-4345) #hcff-mobile-buy-shortcut{position:absolute;top:0;left:0} body:is(.postid-1785,.postid-4345) .woo-product-gallery-slider .wpgs-nav{min-height:70px} } /* Keep the existing Production gallery carousel compact on both product pages. */ body:is(.postid-1785,.postid-4345) .woo-product-gallery-slider .wpgs-nav{width:100%;max-width:360px;margin:10px auto 0} @media(max-width:767px){body:is(.postid-1785,.postid-4345) .woo-product-gallery-slider .wpgs-nav{max-width:280px;margin-top:8px}} /* Concise product identity before buying options; remaining description stays below payments. */ body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.woocommerce-product-details__short-description{display:contents} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.woocommerce-product-details__short-description>*{order:11;font-size:15.5px;line-height:1.7} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.woocommerce-product-details__short-description>.ff-product-intro{order:2;font-size:15px;line-height:1.5;margin:0 0 10px} /* Product purchase hierarchy and Production typography, 2026-10-11. */ @font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url("https://facialfortress.com/wp-content/uploads/elementor/google-fonts/fonts/poppins-d0e6a9ae.woff2") format("woff2")} body.woocommerce.single-product:is(.postid-1785,.postid-4345){font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.5} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.product_title{order:1;font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(30px,3.1vw,43px)!important;line-height:1.13;letter-spacing:-.035em;margin:0 0 10px!important} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.ff-purchase-extras{order:2;margin:0 0 6px} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.price{order:3;font-size:23px;line-height:1.35;margin:0 0 10px!important} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.sale-percentage{order:4;margin:0 0 10px} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.ff-purchase-panel{order:5;padding:14px;margin:6px 0 12px!important} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.ff-retailer-choice{order:11;margin:0 0 14px} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>#wc-stripe-express-checkout-element{order:7} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>wc-order-attribution-inputs{order:8} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.ppcp-messages{order:9} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.ppc-button-wrapper{order:10} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.woocommerce-product-details__short-description{order:11;font-size:15.5px;line-height:1.7;margin:16px 0} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .summary>.product_meta{order:12;font-size:12px;line-height:1.6;border-top:1px solid #dae1e9;padding-top:12px;margin-top:8px} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .ff-purchase-panel button.single_add_to_cart_button{font-family:Poppins,sans-serif;font-weight:800;font-size:17px} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .ff-purchase-extras .ff-product-review-buttons{display:flex;gap:4px 16px!important;margin:0!important} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .ff-purchase-extras a.ff-retailer-review-button{display:inline-flex;min-height:44px;align-items:center;border:0;border-radius:0;padding:4px 0!important;font-size:13px;font-weight:400!important;line-height:1.4;text-decoration:underline;text-underline-offset:3px;background:transparent!important} body.woocommerce.single-product:is(.postid-1785,.postid-4345) .ff-purchase-extras .ff-walmart-disclosure{display:none} body.woocommerce.single-product.postid-1785 .ff-purchase-panel form.variations_form{display:flex;flex-direction:column} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-choices{order:1;margin:0 0 10px} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-choice{font-size:15px;line-height:1.35} body.woocommerce.single-product.postid-1785 .ff-purchase-panel table.variations{display:none} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .single_variation_wrap{display:contents!important} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .single_variation_wrap[style*="display: none"]{display:none!important} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .single_variation{order:2;margin:0} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .woocommerce-variation-description{display:none} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .woocommerce-variation-price{margin:0 0 8px;font-size:22px;line-height:1.3} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-cream{order:3;padding:12px;margin:4px 0 12px!important;border-width:1px} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-cream-eyebrow, body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-combined-price{display:none} body.woocommerce.single-product.postid-1785 .ff-purchase-panel #ffdv-addon-explain{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-addon-row{gap:10px;line-height:1.4} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-addon-copy strong, body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-cream-price{font-size:16px;line-height:1.4} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-cream-savings{font-size:12px;line-height:1.4;margin-top:3px} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-cream-note{font-size:11px;line-height:1.4;margin:7px 0 0} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .woocommerce-variation-add-to-cart{order:4} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-cream-present>strong{font-size:15px;line-height:1.4} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-cream-present>p{font-size:12px;line-height:1.4;margin:6px 0} body.woocommerce.single-product.postid-1785 .ff-purchase-panel .ffdv-cream-present>a{font-size:12px} @media(max-width:767px){ body:is(.postid-1785,.postid-4345) .summary>.ff-purchase-panel{padding:14px;margin:8px 0 12px!important} body:is(.postid-1785,.postid-4345) .summary>.price{font-size:21px} body.postid-1785 .ff-purchase-panel .ffdv-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} body:is(.postid-1785,.postid-4345) .ff-purchase-panel button.single_add_to_cart_button{flex:1 1 140px} }
/* Cart checkout button: retain an in-flow action when WooCommerce applies its sticky class on a wide screen. */
body.woocommerce-cart .wc-block-cart__submit .wc-block-cart__submit-container--sticky{display:block!important;position:static!important;width:100%;padding:0;}
body.woocommerce-cart .wc-block-cart__submit .wc-block-cart__submit-container--sticky::before{display:none;}