CONFI LIFE LABS
DoResearch
High-Quality
Peptides
SHOP BY CATEGORY
GLP-1 RESEARCH
HEALING & REPAIR
GROWTH & SECRETAGOGUE
NOOTROPIC & LONGEVITY
COSMETIC & SKIN
AMINO & WELLNESS
MISC RESEARCH
VIEW ALL PRODUCTS
/* —- HOMEPAGE LAYOUT —- */
.home .entry-header,
.home .ast-archive-description,
.home .ast-page-header-section,
.home .ast-banner-data-wrap,
.home .ast-above-header-wrap,
.home .elementor-section,
.home .elementor-widget-wrap,
.home .e-con-inner {
display: none !important;
}
.home .site-content {
padding-top: 0 !important;
margin-top: 0 !important;
}
.home .ast-container {
max-width: 100% !important;
padding: 0 !important;
}
.home #content {
padding: 0 !important;
}
/* —- HEADER —- */
.main-header-bar .ast-container,
.site-header .ast-container {
max-width: 1200px !important;
padding: 0 20px !important;
margin: 0 auto !important;
}
/* —- NAVIGATION MENU —- */
.main-header-bar .main-navigation {
display: flex !important;
}
.main-header-bar nav ul,
.main-header-bar .main-navigation ul {
display: flex !important;
gap: 24px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.main-header-bar nav ul li a,
.main-header-bar .main-navigation .menu-item a,
.ast-nav-menu .menu-item a {
color: #1a1a1a !important;
font-size: 0.85rem !important;
font-weight: 600 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
text-decoration: none !important;
}
.main-header-bar nav ul li a:hover,
.main-header-bar .main-navigation .menu-item a:hover,
.ast-nav-menu .menu-item a:hover {
color: #c9a84c !important;
}
/* —- SMOOTH SCROLL —- */
html {
scroll-behavior: smooth;
}
/* —- SORT DROPDOWN —- */
form.woocommerce-ordering {
display: block !important;
float: right !important;
width: 180px !important;
margin: 0 0 16px auto !important;
padding: 0 !important;
}
form.woocommerce-ordering select {
display: block !important;
width: 180px !important;
font-size: 0.72rem !important;
padding: 5px 10px !important;
border: 1px solid #c9a84c !important;
color: #8a6a00 !important;
background: #fff !important;
border-radius: 3px !important;
cursor: pointer !important;
height: auto !important;
box-sizing: border-box !important;
}
/* —- PRODUCT GRID — DESKTOP (4 columns) —- */
.woocommerce ul.products,
.woocommerce-js ul.products,
.woocommerce-page ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: both !important;
list-style: none !important;
}
/* —- PRODUCT GRID — TABLET/IPAD (3 columns) —- */
@media (min-width: 769px) and (max-width: 1400px) {
.woocommerce ul.products,
.woocommerce-js ul.products,
.woocommerce-page ul.products {
grid-template-columns: repeat(3, 1fr) !important;
}
}
/* —- PRODUCT GRID — MOBILE (2 columns) —- */
@media (max-width: 768px) {
.woocommerce ul.products,
.woocommerce-js ul.products,
.woocommerce-page ul.products {
grid-template-columns: repeat(2, 1fr) !important;
}
.woocommerce ul.products {
justify-items: center !important;
}
}
/* —- PRODUCT GRID — SMALL MOBILE (1 column) —- */
@media (max-width: 480px) {
.woocommerce ul.products,
.woocommerce-js ul.products,
.woocommerce-page ul.products {
grid-template-columns: repeat(1, 1fr) !important;
}
}
/* —- PRODUCT CARD —- */
.woocommerce ul.products li.product,
.woocommerce-js ul.products li.product,
.woocommerce-page ul.products li.product {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
float: none !important;
clear: none !important;
min-width: 0 !important;
border: 1px solid #e8d5a0 !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #ffffff !important;
}
/* —- PRODUCT IMAGE —- */
.woocommerce ul.products li.product a img {
width: 100% !important;
height: auto !important;
display: block !important;
}
/* —- HIDE DESCRIPTION ON CARD —- */
.woocommerce ul.products li.product .woocommerce-product-details__short-description,
.woocommerce ul.products li.product .product-short-description {
display: none !important;
}
/* —- PRODUCT INFO SECTION —- */
.woocommerce ul.products li.product .product-info-bottom {
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
background: #ffffff !important;
padding: 12px 16px 20px 16px !important;
}
/* —- 1. PRODUCT NAME —- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
color: #1a1a1a !important;
font-size: 1.05rem !important;
font-weight: 700 !important;
text-align: center !important;
margin: 0 0 6px 0 !important;
padding: 0 12px !important;
line-height: 1.3 !important;
background: #ffffff !important;
order: 1 !important;
}
/* —- 2. CATEGORY —- */
.woocommerce ul.products li.product .ast-woo-product-category {
color: #c9a84c !important;
font-size: 0.72rem !important;
font-weight: 600 !important;
text-align: center !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
margin: 0 0 6px 0 !important;
padding: 0 12px !important;
display: block !important;
background: #ffffff !important;
order: 2 !important;
}
/* —- 3. PRICE (show lowest only with “From” prefix) —- */
.woocommerce ul.products li.product .price {
font-size: 0 !important;
line-height: 0 !important;
text-align: center !important;
display: block !important;
margin: 0 0 12px 0 !important;
padding: 0 !important;
background: #ffffff !important;
order: 3 !important;
}
.woocommerce ul.products li.product .price .woocommerce-Price-amount:first-of-type {
font-size: 0.92rem !important;
line-height: 1.4 !important;
color: #1a1a1a !important;
font-weight: 600 !important;
display: inline-block !important;
}
.woocommerce ul.products li.product .price .woocommerce-Price-amount:first-of-type bdi::before {
content: “From ” !important;
font-size: 0.92rem !important;
font-weight: 600 !important;
color: #1a1a1a !important;
}
.woocommerce ul.products li.product .price .woocommerce-Price-amount ~ .woocommerce-Price-amount {
display: none !important;
}
.woocommerce ul.products li.product .price > span:not(.woocommerce-Price-amount) {
display: none !important;
}
/* —- 4. SELECT BUTTON (centered, solid gold, black text) —- */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
transform: none !important;
margin-top: auto !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 8px !important;
width: 85% !important;
height: 44px !important;
padding: 0 !important;
text-align: center !important;
border-radius: 50px !important;
background: #c9a84c !important;
color: transparent !important;
font-size: 0 !important;
line-height: 44px !important;
text-transform: uppercase !important;
border: 2px solid #c9a84c !important;
text-decoration: none !important;
cursor: pointer !important;
align-self: center !important;
order: 4 !important;
}
.woocommerce ul.products li.product .button::after,
.woocommerce ul.products li.product a.button::after {
content: “SELECT” !important;
font-size: 0.75rem !important;
font-weight: 700 !important;
letter-spacing: 0.12em !important;
color: #000000 !important;
text-align: center !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
background: transparent !important;
border-color: #c9a84c !important;
}
.woocommerce ul.products li.product .button:hover::after,
.woocommerce ul.products li.product a.button:hover::after {
color: #c9a84c !important;
}
/* Hide duplicate second button */
.woocommerce ul.products li.product .button ~ .button,
.woocommerce ul.products li.product a.button ~ a.button {
display: none !important;
}
/* —- DISABLE LAZY LOADING ON PRODUCT IMAGES —- */
.woocommerce ul.products li.product img {
content-visibility: visible !important;
}
.woocommerce ul.products li.product .ast-shop-thumbnail-wrap img,
.woocommerce ul.products li.product a img {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
transition: none !important;
animation: none !important;
}
/* —- PAGINATION — RIGHT ALIGNED —- */
.woocommerce nav.woocommerce-pagination {
text-align: right !important;
float: right !important;
width: 100% !important;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-flex !important;
gap: 4px !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
border: 1px solid #c9a84c !important;
color: #8a6a00 !important;
background: #fff !important;
border-radius: 4px !important;
font-size: 0.8rem !important;
padding: 6px 12px !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #c9a84c !important;
color: #000 !important;
border-color: #c9a84c !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
background: #c9a84c !important;
color: #000 !important;
}
/* —- HERO IMAGE FULL WIDTH —- */
.cfl-hero-section {
margin-left: calc(-50vw + 50%) !important;
width: 100vw !important;
}
/* —- SHOP BY CATEGORY DROPDOWN — MATCH GOLD EXACTLY —- */
.cfl-cat-dropdown-btn {
background: #c9a84c !important;
color: #000000 !important;
border-color: #c9a84c !important;
}
.cfl-cat-dropdown-btn:hover,
.cfl-cat-dropdown.open .cfl-cat-dropdown-btn {
background: #d4b95f !important;
color: #000000 !important;
border-color: #d4b95f !important;
}
/* —- ACCORDION BUTTONS — GOLD FOCUS OUTLINE —- */
.cfl-accordion-header:focus-visible,
.cfl-accordion-header:focus {
outline: 2px solid #c9a84c !important;
outline-offset: 2px !important;
}
/* —- MOBILE HAMBURGER MENU — GOLD FOCUS OUTLINE —- */
@media (max-width: 768px) {
.ast-mobile-menu-trigger:focus-visible,
.ast-mobile-menu-trigger:focus {
outline: 2px solid #c9a84c !important;
outline-offset: 2px !important;
}
}
/* —- HERO TEXT SHADOWS & COLORS —- */
.cfl-hero-label {
text-shadow: 3px 3px 15px rgba(0,0,0,0.9), 0 0 40px rgba(0,0,0,0.7);
color: #8a6a00 !important;
}
.cfl-hero-top-center h2 {
text-shadow: 3px 3px 15px rgba(0,0,0,0.9), 0 0 40px rgba(0,0,0,0.7) !important;
color: #8a6a00 !important;
}
.cfl-hero-title em {
text-shadow: 3px 3px 15px rgba(0,0,0,0.9), 0 0 40px rgba(0,0,0,0.7);
color: #8a6a00 !important;
}
.cfl-hero-bottom-center h2 {
color: #ffffff !important;
}
/* —- MOBILE HERO HEIGHT FIX — PREVENT TEXT DROP ON LANDSCAPE —- */
@media (max-width: 768px) {
.cfl-hero-section {
min-height: 50vh !important;
}
}
/* —- MOBILE LANDSCAPE ROTATION FIX —- */
@media (max-width: 768px) and (orientation: landscape) {
.cfl-hero-section {
min-height: 54vw !important;
}
.cfl-hero-left {
top: 31% !important;
left: 4% !important;
width: 130px !important;
max-width: 130px !important;
}
.cfl-hero-label {
font-size: 0.42rem !important;
letter-spacing: 0.10em !important;
margin: 0 0 2px 0 !important;
line-height: 1 !important;
}
.cfl-hero-title {
font-size: 1.35rem !important;
line-height: 0.82 !important;
}
.cfl-hero-title em {
font-size: inherit !important;
}
.cfl-hero-top-center {
top: 9% !important;
left: 52% !important;
transform: translateX(-50%) !important;
}
.cfl-hero-top-center h2 {
font-size: 1.55rem !important;
}
.cfl-hero-bottom-center {
bottom: 10% !important;
left: 52% !important;
transform: translateX(-50%) !important;
}
.cfl-hero-bottom-center h2 {
font-size: 1.6rem !important;
}
}
/* —- HIDE MOBILE SITE MENU ON DESKTOP —- */
@media (min-width: 769px) {
.confi-mobile-site-menu-wrapper {
display: none !important;
}
}
