.elementor-787 .elementor-element.elementor-element-sec_hero_6ac29488ccb97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:54px;--padding-bottom:40px;--padding-left:64px;--padding-right:64px;}.elementor-787 .elementor-element.elementor-element-sec_hero_6ac29488ccb97:not(.elementor-motion-effects-element-type-background), .elementor-787 .elementor-element.elementor-element-sec_hero_6ac29488ccb97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F4;}.elementor-787 .elementor-element.elementor-element-inner_hero_6ac29488ccb99{--display:flex;}.elementor-787 .elementor-element.elementor-element-sec_filter_6ac29488ccb9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:64px;--padding-right:64px;}.elementor-787 .elementor-element.elementor-element-sec_filter_6ac29488ccb9b:not(.elementor-motion-effects-element-type-background), .elementor-787 .elementor-element.elementor-element-sec_filter_6ac29488ccb9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F4;}.elementor-787 .elementor-element.elementor-element-inner_filter_6ac29488ccb9c{--display:flex;}.elementor-787 .elementor-element.elementor-element-sec_products_6ac29488ccb9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:80px;--padding-left:64px;--padding-right:64px;}.elementor-787 .elementor-element.elementor-element-sec_products_6ac29488ccb9e:not(.elementor-motion-effects-element-type-background), .elementor-787 .elementor-element.elementor-element-sec_products_6ac29488ccb9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F4;}.elementor-787 .elementor-element.elementor-element-inner_products_6ac29488ccb9f{--display:flex;}.elementor-787 .elementor-element.elementor-element-sec_trust_6ac29488ccba2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:140px;--padding-bottom:140px;--padding-left:64px;--padding-right:64px;}.elementor-787 .elementor-element.elementor-element-sec_trust_6ac29488ccba2:not(.elementor-motion-effects-element-type-background), .elementor-787 .elementor-element.elementor-element-sec_trust_6ac29488ccba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1B18;}.elementor-787 .elementor-element.elementor-element-sec_compliance_6ac29488ccba4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:32px;--padding-bottom:32px;--padding-left:64px;--padding-right:64px;}.elementor-787 .elementor-element.elementor-element-sec_compliance_6ac29488ccba4:not(.elementor-motion-effects-element-type-background), .elementor-787 .elementor-element.elementor-element-sec_compliance_6ac29488ccba4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161311;}@media(max-width:1024px){.elementor-787 .elementor-element.elementor-element-sec_hero_6ac29488ccb97{--padding-top:90px;--padding-bottom:30px;--padding-left:32px;--padding-right:32px;}.elementor-787 .elementor-element.elementor-element-sec_filter_6ac29488ccb9b{--padding-top:10px;--padding-bottom:10px;--padding-left:32px;--padding-right:32px;}.elementor-787 .elementor-element.elementor-element-sec_products_6ac29488ccb9e{--padding-top:30px;--padding-bottom:60px;--padding-left:32px;--padding-right:32px;}.elementor-787 .elementor-element.elementor-element-sec_trust_6ac29488ccba2{--padding-top:100px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}}@media(max-width:767px){.elementor-787 .elementor-element.elementor-element-sec_hero_6ac29488ccb97{--padding-top:70px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}.elementor-787 .elementor-element.elementor-element-sec_filter_6ac29488ccb9b{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-787 .elementor-element.elementor-element-sec_products_6ac29488ccb9e{--padding-top:20px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-787 .elementor-element.elementor-element-sec_trust_6ac29488ccba2{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-787 .elementor-element.elementor-element-sec_compliance_6ac29488ccba4{--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS *//* ============================================================
   The Bio Edit — Product Archive / Shop Template
   Design: Rhode Skin + Apple aesthetic
   Strictly scoped to the archive template
   ============================================================ */

/* Force global cream background on WooCommerce archive pages */
body.archive.woocommerce,
body.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag,
body.search-results.post-type-archive-product,
body.woocommerce-shop {
    background-color: #FAF8F4 !important;
}

/* ------------------------------------------------------------
   Section 1: Hero & Eyebrow
   ------------------------------------------------------------ */
.bio-shop-hero {
    background-color: #FAF8F4;
    padding-top: clamp(80px, 9vw, 130px);
    padding-bottom: clamp(32px, 4vw, 56px);
}

.bio-shop-hero-inner {
    max-width: 1400px;
    margin: 0 auto;
}

.bio-eyebrow {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #A68A56 !important;
    font-weight: 500 !important;
    margin-bottom: 16px !important;
    display: block;
}

.bio-headline {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 300 !important;
    line-height: 0.95 !important;
    letter-spacing: -0.03em !important;
    font-size: clamp(3.2rem, 7.5vw, 6.5rem) !important;
    color: #1F1B18 !important;
    margin: 0 0 16px 0 !important;
}

.bio-headline em {
    font-style: italic !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
}

.bio-count {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    color: #7D7168 !important;
    letter-spacing: 0.01em !important;
    margin: 0 0 24px 0 !important;
}

/* RUO Compliance Banner */
.bio-ruo-notice {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    background: #1F1B18;
    color: #FAF8F4;
    padding: 8px 16px;
    max-width: 100%;
    margin-top: 8px;
}

.bio-ruo-badge {
    font-family: 'DM Sans', sans-serif;
    font-size: 9.5px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-weight: 700;
}

.bio-ruo-sep {
    width: 1px;
    height: 12px;
    background: #4A443E;
    display: inline-block;
}

.bio-ruo-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 9.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #C8C2BC;
}

/* ------------------------------------------------------------
   Section 2: Sticky Pill Filter Strip
   ------------------------------------------------------------ */
.bio-filter-strip-wrapper {
    position: sticky;
    top: 70px;
    z-index: 50;
    background: #FAF8F4;
    border-bottom: 1px solid #DED8CE;
    padding: 12px 0;
}

.bio-filter-scroll {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 2px 0;
}

.bio-filter-scroll::-webkit-scrollbar {
    display: none;
}

.bio-pill-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 500;
    padding: 7px 16px;
    border-radius: 999px;
    border: 1px solid #DED8CE;
    background: transparent;
    color: #524C46;
    white-space: nowrap;
    text-decoration: none !important;
    transition: all 0.2s ease;
    cursor: pointer;
}

.bio-pill-btn:hover {
    border-color: #1F1B18;
    color: #1F1B18;
}

.bio-pill-btn.is-active {
    background: #1F1B18 !important;
    border-color: #1F1B18 !important;
    color: #FAF8F4 !important;
}

/* ------------------------------------------------------------
   Section 3: WooCommerce Archive Products & Card (Rhode Skin)
   ------------------------------------------------------------ */
.bio-products-section {
    background: #FAF8F4;
    padding-top: 40px;
    padding-bottom: 100px;
}

/* Top toolbar */
.bio-products-section .woocommerce-result-count {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    color: #7D7168 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    float: left !important;
    margin: 0 0 36px 0 !important;
    line-height: 38px !important;
}

.bio-products-section .woocommerce-ordering {
    float: right !important;
    margin: 0 0 36px 0 !important;
}

.bio-products-section .woocommerce-ordering select.orderby {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11.5px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #1F1B18 !important;
    background: #FAF8F4 !important;
    border: 1px solid #DED8CE !important;
    padding: 9px 36px 9px 14px !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231F1B18%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    transition: border-color 0.2s !important;
}

.bio-products-section .woocommerce-ordering select.orderby:hover,
.bio-products-section .woocommerce-ordering select.orderby:focus {
    border-color: #1F1B18 !important;
}

.bio-products-section .woocommerce-result-count::after,
.bio-products-section .woocommerce-ordering::after {
    content: '';
    display: table;
    clear: both;
}

/* Product Grid Layout */
.bio-products-section ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: clamp(2rem, 4vw, 4.5rem) clamp(1rem, 2.5vw, 2.5rem) !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    clear: both !important;
}

.bio-products-section ul.products::before,
.bio-products-section ul.products::after {
    display: none !important;
}

/* Product Card — Rhode borderless style */
.bio-products-section ul.products li.product {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}

.bio-products-section ul.products li.product .woocommerce-LoopProduct-link {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
    position: relative !important;
}

/* Enhanced Media Container (Square 1:1) */
.bio-products-section .bio-card-media {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background-color: #F2EFE9;
    margin-bottom: 14px;
}

.bio-products-section .bio-card-media img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    margin: 0 !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.bio-products-section ul.products li.product:hover .bio-card-media img {
    transform: scale(1.04);
}

/* Badge (Sale / New) — Rhode Pill on top-left */
.bio-products-section .bio-card-media .onsale,
.bio-products-section ul.products li.product .onsale {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    margin: 0 !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: normal !important;
    background: #FAF8F4 !important;
    color: #1F1B18 !important;
    border-radius: 999px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 3px 9px !important;
    box-shadow: none !important;
    z-index: 10 !important;
}

/* Hover-Reveal Add to Cart Button */
.bio-products-section .bio-card-media .button.add_to_cart_button,
.bio-products-section .bio-card-media .button.product_type_variable,
.bio-products-section .bio-card-media .button.product_type_grouped {
    position: absolute !important;
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
    width: calc(100% - 24px) !important;
    margin: 0 !important;
    background: #1F1B18 !important;
    color: #FAF8F4 !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    padding: 10px 14px !important;
    text-align: center !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.25s ease, background 0.2s ease, transform 0.15s ease !important;
    z-index: 15 !important;
}

.bio-products-section ul.products li.product:hover .bio-card-media .button.add_to_cart_button,
.bio-products-section ul.products li.product:hover .bio-card-media .button.product_type_variable,
.bio-products-section ul.products li.product:hover .bio-card-media .button.product_type_grouped {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.bio-products-section .bio-card-media .button:hover {
    background: #000000 !important;
    color: #FFFFFF !important;
}

/* Hide duplicate Add to Cart if not moved yet */
.bio-products-section ul.products li.product.bio-enhanced > .button.add_to_cart_button {
    display: none !important;
}

/* Product Info Block: Title on left, price on right */
.bio-products-section .bio-card-info {
    display: flex;
    flex-direction: column;
}

.bio-products-section .bio-card-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 2px;
}

.bio-products-section .woocommerce-loop-product__title {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #1F1B18 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    flex: 1;
    transition: opacity 0.2s;
}

.bio-products-section ul.products li.product:hover .woocommerce-loop-product__title {
    opacity: 0.55;
}

.bio-products-section .price {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    color: #1F1B18 !important;
    margin: 0 !important;
    flex-shrink: 0;
    text-align: right;
}

.bio-products-section .price del {
    color: #7D7168 !important;
    font-weight: 400 !important;
    margin-right: 6px;
    opacity: 0.7;
}

.bio-products-section .price ins {
    text-decoration: none !important;
    color: #1F1B18 !important;
    font-weight: 600 !important;
}

.bio-products-section .bio-card-cat {
    font-family: 'DM Sans', sans-serif;
    font-size: 11.5px;
    color: #7D7168;
    letter-spacing: 0.02em;
    margin: 3px 0 0 0;
}

/* Hide rating stars on shop grid (clean Rhode design) */
.bio-products-section ul.products li.product .star-rating {
    display: none !important;
}

/* ------------------------------------------------------------
   Pagination
   ------------------------------------------------------------ */
.bio-products-section nav.woocommerce-pagination {
    margin-top: 60px !important;
    text-align: center;
}

.bio-products-section nav.woocommerce-pagination ul {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.bio-products-section nav.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: inline-block !important;
}

.bio-products-section nav.woocommerce-pagination ul li a,
.bio-products-section nav.woocommerce-pagination ul li span {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #1F1B18 !important;
    background: transparent !important;
    border: none !important;
    padding: 8px 12px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: opacity 0.2s;
}

.bio-products-section nav.woocommerce-pagination ul li a:hover {
    opacity: 0.5;
}

.bio-products-section nav.woocommerce-pagination ul li span.current {
    font-weight: 700 !important;
    border-bottom: 2px solid #1F1B18 !important;
}

/* ------------------------------------------------------------
   Section 4: Apple Full-Bleed Trust Moment
   ------------------------------------------------------------ */
.bio-trust-section {
    background-color: #1F1B18;
    color: #FAF8F4;
    padding: clamp(80px, 10vw, 150px) clamp(24px, 5vw, 64px);
    text-align: center;
}

.bio-trust-eyebrow {
    font-family: 'DM Sans', sans-serif;
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #C9A96E;
    font-weight: 500;
    margin-bottom: 24px;
    display: block;
}

.bio-trust-heading {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 300;
    line-height: 1.05;
    letter-spacing: -0.025em;
    font-size: clamp(2.2rem, 4.5vw, 4.2rem);
    color: #FAF8F4;
    margin: 0 0 28px 0;
}

.bio-trust-heading em {
    font-style: italic;
    font-family: 'Cormorant Garamond', Georgia, serif;
}

.bio-trust-desc {
    font-family: 'DM Sans', sans-serif;
    font-size: 14.5px;
    line-height: 1.75;
    color: #A89F96;
    max-width: 540px;
    margin: 0 auto 36px auto;
}

.bio-trust-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'DM Sans', sans-serif;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 600;
    color: #FAF8F4;
    text-decoration: none;
    border-bottom: 1px solid rgba(250, 248, 244, 0.4);
    padding-bottom: 4px;
    transition: opacity 0.2s, border-color 0.2s;
}

.bio-trust-link:hover {
    opacity: 0.7;
    border-color: #FAF8F4;
}

/* ------------------------------------------------------------
   Section 5: Shop Compliance Footer
   ------------------------------------------------------------ */
.bio-compliance-section {
    background-color: #161311;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 32px clamp(20px, 4vw, 64px);
    text-align: center;
}

.bio-compliance-section p {
    font-family: 'DM Sans', sans-serif;
    font-size: 10.5px;
    line-height: 1.9;
    color: #857D75;
    max-width: 860px;
    margin: 0 auto;
}

.bio-compliance-section strong {
    color: #B8B0A8;
}

/* ------------------------------------------------------------
   Responsive Breakpoints
   ------------------------------------------------------------ */
@media screen and (max-width: 1024px) {
    .bio-products-section ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 2.5rem 1.5rem !important;
    }
}

@media screen and (max-width: 767px) {
    .bio-products-section ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem 1rem !important;
    }

    /* On mobile, make Add to Cart button visible or cleanly positioned */
    .bio-products-section .bio-card-media .button.add_to_cart_button,
    .bio-products-section .bio-card-media .button.product_type_variable,
    .bio-products-section .bio-card-media .button.product_type_grouped {
        opacity: 1 !important;
        pointer-events: auto !important;
        position: static !important;
        width: 100% !important;
        margin-top: 8px !important;
        padding: 8px 10px !important;
        font-size: 9px !important;
    }

    .bio-filter-strip-wrapper {
        top: 60px;
    }
}/* End custom CSS */