.bepic-family-route {
    --family-accent: var(--bepic-primary);
    --family-accent-dark: var(--bepic-ink);
    --family-accent-soft: var(--bepic-primary-soft);
    background: #fff;
}

.bepic-family-route main {
    overflow: hidden;
    background: #fff;
}

.bepic-family-route .bepic-family-breadcrumb-wrap {
    position: relative;
    z-index: 5;
    border-bottom: 1px solid color-mix(in srgb, var(--bepic-dark) 8%, transparent);
    color: #647289;
    background: rgba(255, 255, 255, .96);
}

.bepic-family-route .bepic-family-breadcrumb-wrap > div {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.bepic-family-breadcrumb {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}

.bepic-family-breadcrumb a {
    color: var(--family-accent-dark);
    font-weight: 750;
}

.bepic-family-breadcrumb span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bepic-family-breadcrumb-wrap button {
    padding: 7px 8px 7px 14px;
    border: 1px solid color-mix(in srgb, var(--bepic-dark) 10%, transparent);
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #68768a;
    background: var(--bepic-surface-soft);
    font: inherit;
    font-size: 11px;
    cursor: pointer;
}

.bepic-family-breadcrumb-wrap button b {
    margin-left: 4px;
    padding: 5px 9px;
    border-radius: 999px;
    color: #fff;
    background: var(--family-accent);
}

.bepic-family-editorial {
    color: #4f5e72;
    font-family: "Outfit", sans-serif;
}

.bepic-family-editorial .inspiro-slider {
    min-height: clamp(580px, 74vh, 790px);
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: var(--family-accent-dark);
}

.bepic-family-editorial .inspiro-slider::before {
    content: "";
    width: min(55vw, 780px);
    aspect-ratio: 1;
    position: absolute;
    z-index: 2;
    top: -32%;
    right: -14%;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    box-shadow: 0 0 0 82px rgba(255, 255, 255, .045), 0 0 0 164px rgba(255, 255, 255, .03);
    pointer-events: none;
}

.bepic-family-editorial .inspiro-slider::after {
    content: "";
    height: 46px;
    position: absolute;
    z-index: 4;
    right: -2%;
    bottom: -1px;
    left: -2%;
    background: radial-gradient(42px 30px at 42px 0, transparent 41px, #fff 42px) 0 0 / 84px 46px repeat-x;
    pointer-events: none;
}

.bepic-family-editorial .inspiro-slider .slide {
    min-height: inherit;
    padding: 100px 0 120px;
    display: grid;
    align-items: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    transform: scale(1.025);
    animation: bepicFamilyHeroSettle 1.2s cubic-bezier(.2, .8, .2, 1) both;
}

.bepic-family-editorial .inspiro-slider .slide::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(3, 16, 42, .92) 0%, rgba(3, 22, 53, .77) 40%, rgba(4, 22, 51, .3) 75%),
        linear-gradient(0deg, rgba(2, 20, 51, .78), transparent 58%);
}

.bepic-family-editorial .inspiro-slider .bg-overlay {
    width: 55%;
    height: 2px;
    position: absolute;
    z-index: 2;
    right: -3%;
    bottom: 16%;
    border-top: 3px dashed color-mix(in srgb, var(--family-accent) 82%, transparent);
    opacity: .75;
    transform: rotate(-7deg);
}

.bepic-family-editorial .inspiro-slider .bg-overlay::before,
.bepic-family-editorial .inspiro-slider .bg-overlay::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: var(--family-accent);
    box-shadow: 0 0 0 9px color-mix(in srgb, var(--family-accent) 18%, transparent);
}

.bepic-family-editorial .inspiro-slider .bg-overlay::before {
    width: 9px;
    height: 9px;
    left: 18%;
    top: -6px;
}

.bepic-family-editorial .inspiro-slider .bg-overlay::after {
    width: 13px;
    height: 13px;
    right: 12%;
    top: -8px;
}

.bepic-family-editorial .inspiro-slider .container {
    width: min(1320px, calc(100% - 48px));
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.bepic-family-editorial .inspiro-slider .col-md-12 {
    width: min(760px, 68%);
}

.bepic-family-editorial .slide-captions {
    padding: clamp(28px, 5vw, 66px);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 42px 42px 110px 42px;
    text-align: left !important;
    background: linear-gradient(145deg, rgba(5, 29, 66, .82), rgba(5, 26, 57, .5));
    box-shadow: 0 32px 80px rgba(0, 0, 0, .24);
    backdrop-filter: blur(8px);
}

.bepic-family-editorial .slide-captions::before {
    content: attr(data-family-chapter);
    margin-bottom: 22px;
    display: block;
    color: #fff;
    font-family: "Caveat", cursive;
    font-size: clamp(25px, 2.4vw, 38px);
    font-weight: 700;
    letter-spacing: .02em;
}

/* The manifest assigns a visual rhythm to each product line. These variants
   deliberately change composition—not claims or catalog behavior—while the
   product-specific legacy editorial remains independently customizable. */
.bepic-family-layout-kinetic .bepic-family-editorial .slide-captions {
    border-radius: 24px 88px 24px 88px;
    border-left: 5px solid var(--family-accent);
    transform: translateX(3vw) rotate(-.35deg);
}

.bepic-family-layout-kinetic .bepic-family-editorial > section .row:first-child > [class*="col-"]:first-child {
    clip-path: polygon(0 0, 94% 0, 100% 14%, 100% 100%, 6% 100%, 0 86%);
    border-radius: 22px;
}

.bepic-family-layout-restorative .bepic-family-editorial .slide-captions {
    border-radius: 120px 38px 120px 38px;
}

.bepic-family-layout-restorative .bepic-family-editorial .inspiro-slider::before {
    top: -18%;
    right: -6%;
    border-radius: 44% 56% 63% 37% / 45% 35% 65% 55%;
}

.bepic-family-layout-botanical .bepic-family-editorial .inspiro-slider .col-md-12,
.bepic-family-layout-ritual .bepic-family-editorial .inspiro-slider .col-md-12 {
    margin-left: auto;
}

.bepic-family-layout-botanical .bepic-family-editorial .slide-captions {
    border-radius: 48% 52% 34px 34px / 26% 34% 34px 34px;
}

.bepic-family-layout-ritual .bepic-family-editorial .slide::before {
    background:
        linear-gradient(270deg, rgba(3, 16, 42, .92) 0%, rgba(3, 22, 53, .76) 42%, rgba(4, 22, 51, .28) 76%),
        linear-gradient(0deg, rgba(2, 20, 51, .78), transparent 58%);
}

.bepic-family-layout-ritual .bepic-family-editorial .slide-captions {
    border-radius: 110px 34px 34px 110px;
}

.bepic-family-layout-precision .bepic-family-editorial .slide-captions {
    border-radius: 20px 20px 96px 20px;
    border-top: 5px solid var(--family-accent);
}

.bepic-family-layout-precision .bepic-family-editorial > section .row:first-child {
    transform: translateY(-18px);
}

.bepic-family-layout-beauty .bepic-family-editorial .slide-captions {
    border-radius: 160px 42px 160px 42px;
    background: linear-gradient(145deg, rgba(34, 22, 49, .82), rgba(49, 23, 47, .54));
}

.bepic-family-layout-beauty .bepic-family-editorial > section .container.p-t-50 > .row:first-child {
    border-radius: 120px 38px 120px 38px;
}

.bepic-family-editorial .slide-captions > img {
    width: auto;
    max-width: min(100%, 360px);
    max-height: 120px;
    margin: 0 0 24px !important;
    padding: 0 !important;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .2));
}

.bepic-family-editorial .slide-captions h1,
.bepic-family-editorial .slide-captions h2 {
    max-width: 690px;
    margin: 0 0 28px;
    padding: 0 !important;
    color: #fff;
    font-size: clamp(40px, 5.4vw, 76px);
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: .98;
    text-wrap: balance;
}

.bepic-family-editorial .btn,
.bepic-family-editorial a.btn {
    min-height: 52px;
    padding: 0 25px;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    background: var(--family-accent);
    box-shadow: 0 15px 32px color-mix(in srgb, var(--family-accent) 36%, transparent);
    font: inherit;
    font-weight: 750;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease, color .25s ease, background .25s ease;
}

.bepic-family-editorial .btn::after {
    content: "\2192";
}

.bepic-family-editorial .btn.btn-light,
.bepic-family-editorial a.btn.btn-light {
    border-color: color-mix(in srgb, var(--bepic-dark) 12%, transparent);
    color: var(--family-accent-dark);
    background: #fff;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--bepic-dark) 9%, transparent);
}

.bepic-family-editorial .btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 20px 42px color-mix(in srgb, var(--family-accent) 45%, transparent);
}

.bepic-family-editorial .btn.btn-light:hover {
    color: var(--family-accent-dark);
}

.bepic-family-editorial > section {
    padding: clamp(80px, 10vw, 150px) 0;
    position: relative;
    background:
        radial-gradient(circle at 4% 12%, color-mix(in srgb, var(--family-accent) 10%, transparent), transparent 28%),
        radial-gradient(circle at 98% 82%, color-mix(in srgb, var(--family-accent-soft) 70%, transparent), transparent 30%),
        #fff;
}

.bepic-family-editorial > section::before {
    content: "";
    width: 210px;
    height: 210px;
    position: absolute;
    top: 65px;
    right: -105px;
    border: 34px solid color-mix(in srgb, var(--family-accent) 8%, transparent);
    border-radius: 50%;
    pointer-events: none;
}

.bepic-family-editorial > section .container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.bepic-family-editorial > section .row {
    margin-right: -12px;
    margin-left: -12px;
}

.bepic-family-editorial > section .row > [class*="col-"] {
    padding-right: 12px;
    padding-left: 12px;
}

.bepic-family-editorial > section .row:first-child {
    align-items: stretch;
}

.bepic-family-editorial > section .row:first-child > [class*="col-"] {
    padding: clamp(26px, 3.4vw, 42px);
    border: 1px solid color-mix(in srgb, var(--bepic-dark) 8%, transparent);
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 22px 58px color-mix(in srgb, var(--bepic-dark) 8%, transparent);
}

.bepic-family-editorial > section .row:first-child > [class*="col-"]:first-child {
    border-color: transparent;
    color: #fff;
    background:
        radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--family-accent) 65%, transparent), transparent 31%),
        linear-gradient(145deg, var(--family-accent-dark), #041733);
    box-shadow: 0 30px 70px color-mix(in srgb, var(--family-accent-dark) 28%, transparent);
}

.bepic-family-editorial > section .row:first-child > [class*="col-"]::after {
    content: "\2726";
    position: absolute;
    right: 24px;
    bottom: 12px;
    color: color-mix(in srgb, var(--family-accent) 18%, transparent);
    font-size: 82px;
    line-height: 1;
}

.bepic-family-editorial .heading-text h2 {
    margin: 0;
    color: inherit;
    font-size: clamp(40px, 4.7vw, 68px);
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: 1;
}

.bepic-family-editorial .heading-text h2::before {
    content: "Why it stands out";
    margin-bottom: 18px;
    display: block;
    color: var(--family-accent);
    font-family: "Caveat", cursive;
    font-size: clamp(23px, 2vw, 32px);
    font-weight: 700;
    letter-spacing: 0;
}

.bepic-family-editorial > section .row:first-child > [class*="col-"]:first-child .heading-text h2::before {
    color: #fff;
}

.bepic-family-editorial .lead {
    color: #5d697b;
    font-size: 16px;
    line-height: 1.72;
}

.bepic-family-editorial > section .row:first-child > [class*="col-"]:first-child .lead {
    color: rgba(255, 255, 255, .84);
}

.bepic-family-editorial .lead strong {
    color: var(--family-accent-dark);
    font-size: 18px;
}

.bepic-family-editorial .list-icon {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.bepic-family-editorial .list-icon li {
    margin: 0;
    padding: 9px 0 9px 30px;
    position: relative;
}

.bepic-family-editorial .list-icon li::before {
    content: "\2713";
    width: 21px;
    height: 21px;
    position: absolute;
    top: 12px;
    left: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: var(--family-accent);
    font-size: 11px;
    font-weight: 800;
}

.bepic-family-editorial > section .row.p-t-20,
.bepic-family-editorial > section .row[class*="p-t-"] {
    width: min(900px, 100%);
    margin: clamp(38px, 5vw, 72px) auto 0;
    display: block;
}

.bepic-family-editorial > section .row.p-t-20 .lead,
.bepic-family-editorial > section .row[class*="p-t-"] .lead {
    margin: 0 0 20px;
    color: #536176;
    font-size: clamp(17px, 1.45vw, 20px);
    line-height: 1.82;
}

.bepic-family-editorial > section .container.p-t-50 {
    margin-top: clamp(44px, 7vw, 95px);
    padding-top: 0 !important;
}

.bepic-family-editorial > section .container.p-t-50 > .row:first-child {
    padding: clamp(30px, 5vw, 70px);
    border-radius: 42px 42px 110px 42px;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 22%, color-mix(in srgb, var(--family-accent) 18%, transparent), transparent 30%),
        linear-gradient(145deg, #f8fbfd, var(--family-accent-soft));
    box-shadow: 0 30px 75px color-mix(in srgb, var(--bepic-dark) 10%, transparent);
}

.bepic-family-editorial > section .container.p-t-50 > .row:first-child > [class*="col-"] {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.bepic-family-editorial > section .container.p-t-50 img {
    width: 100%;
    max-height: 560px;
    object-fit: contain;
    filter: drop-shadow(0 28px 28px color-mix(in srgb, var(--bepic-dark) 17%, transparent));
}

.bepic-family-editorial > section .container.p-t-50 > .row:last-child {
    margin-top: 24px;
    text-align: center;
}

.bepic-family-editorial > section .container.p-t-50 > .row:last-child .btn {
    margin: 6px;
}

.bepic-family-editorial > .inspiro-slider:last-child {
    min-height: 520px;
}

.bepic-family-editorial > .inspiro-slider:last-child::after {
    display: none;
}

.bepic-family-editorial > .inspiro-slider:last-child .slide {
    min-height: 520px;
    padding: 80px 0;
}

.bepic-family-editorial > .inspiro-slider:last-child .slide::before {
    background: linear-gradient(90deg, rgba(3, 18, 44, .85), rgba(4, 28, 62, .56));
}

.bepic-family-editorial > .inspiro-slider:last-child .col-md-12 {
    width: min(820px, 85%);
    margin: 0 auto;
}

.bepic-family-editorial > .inspiro-slider:last-child .slide-captions {
    border: 0;
    border-radius: 0;
    text-align: center !important;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before {
    content: "Make the next choice yours";
    color: var(--family-accent);
}

.bepic-family-editorial > .inspiro-slider:last-child .slide-captions > img {
    object-position: center;
}

.bepic-family-shop {
    padding: clamp(100px, 12vw, 170px) 0 110px;
    position: relative;
    color: #fff;
    background:
        radial-gradient(circle at 8% 24%, color-mix(in srgb, var(--family-accent) 36%, transparent), transparent 25%),
        radial-gradient(circle at 92% 84%, color-mix(in srgb, var(--family-accent) 26%, transparent), transparent 28%),
        linear-gradient(145deg, #03132f 0%, var(--family-accent-dark) 58%, #04142d 100%);
}

.bepic-family-wave {
    height: 55px;
    position: absolute;
    right: -2%;
    top: -1px;
    left: -2%;
    background: radial-gradient(46px 31px at 46px 0, #fff 45px, transparent 46px) 0 0 / 92px 55px repeat-x;
    pointer-events: none;
}

.bepic-family-shop-heading {
    margin-bottom: 45px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 30px;
}

.bepic-family-kicker {
    color: var(--family-accent);
    font-family: "Caveat", cursive;
    font-size: clamp(24px, 2.2vw, 34px);
    font-weight: 700;
}

.bepic-family-shop-heading h2,
.bepic-family-shop-footer h2 {
    max-width: 780px;
    margin: 4px 0 12px;
    color: #fff;
    font-size: clamp(40px, 5vw, 70px);
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: .98;
}

.bepic-family-shop-heading p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 17px;
    line-height: 1.7;
}

.bepic-family-shop-heading > div:last-child {
    min-width: 130px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 24px;
    display: grid;
    text-align: center;
    background: rgba(255, 255, 255, .07);
}

.bepic-family-shop-heading > div:last-child strong {
    color: var(--family-accent);
    font-size: 44px;
    line-height: 1;
}

.bepic-family-shop-heading > div:last-child span {
    margin-top: 5px;
    color: rgba(255, 255, 255, .7);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.bepic-family-offer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.bepic-family-offer {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 34px 34px 72px 34px;
    overflow: hidden;
    color: var(--family-accent-dark);
    background: #fff;
    box-shadow: 0 25px 65px rgba(0, 0, 0, .22);
    transform: translateY(26px);
    opacity: 0;
    transition: transform .65s cubic-bezier(.2, .8, .2, 1), opacity .65s ease, box-shadow .3s ease;
}

.bepic-family-offer.is-revealed {
    transform: translateY(0);
    opacity: 1;
}

.bepic-family-offer:hover {
    box-shadow: 0 34px 78px rgba(0, 0, 0, .3);
    transform: translateY(-7px);
}

.bepic-family-offer-image {
    min-height: 320px;
    padding: 30px;
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--family-accent) 22%, transparent), transparent 32%),
        linear-gradient(145deg, #fff, var(--family-accent-soft));
}

.bepic-family-offer-image::before {
    content: "";
    width: 190px;
    height: 190px;
    position: absolute;
    right: -55px;
    bottom: -65px;
    border: 30px solid color-mix(in srgb, var(--family-accent) 12%, transparent);
    border-radius: 50%;
}

.bepic-family-offer-image img {
    width: 100%;
    height: 260px;
    position: relative;
    z-index: 1;
    object-fit: contain;
    filter: drop-shadow(0 20px 22px color-mix(in srgb, var(--bepic-dark) 18%, transparent));
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.bepic-family-offer:hover .bepic-family-offer-image img {
    transform: scale(1.055) rotate(-1deg);
}

.bepic-family-offer-image > span {
    padding: 8px 13px;
    border-radius: 999px;
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 18px;
    color: #fff;
    background: var(--family-accent);
    font-size: 11px;
    font-weight: 750;
}

.bepic-family-offer-image > span b {
    margin-left: 5px;
}

.bepic-family-offer-body {
    padding: 26px 26px 31px;
}

.bepic-family-offer-body h3 {
    margin: 13px 0 10px;
    font-size: clamp(24px, 2.25vw, 33px);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.02;
}

.bepic-family-offer-body h3 a {
    color: #082452;
}

.bepic-family-offer-body > p {
    min-height: 51px;
    margin: 0 0 15px;
    color: #68758a;
    font-size: 13px;
    line-height: 1.55;
}

.bepic-family-offer-metrics {
    margin-top: 17px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.bepic-family-offer-metrics span {
    padding: 7px 10px;
    border-radius: 999px;
    color: #35636b;
    background: #e5f8f7;
    font-size: 11px;
}

.bepic-family-offer-bottom {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid #e3e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.bepic-family-offer-bottom > strong {
    color: var(--family-accent);
    font-size: 24px;
    font-weight: 800;
    white-space: nowrap;
}

.bepic-family-offer-bottom > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.bepic-family-offer-details,
.bepic-family-offer-add {
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid #d7e0eb;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #082452;
    background: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.bepic-family-offer-add {
    border-color: var(--family-accent);
    color: #fff;
    background: var(--family-accent);
}

.bepic-family-shop-footer {
    margin-top: 70px;
    padding: 36px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .14);
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
}

.bepic-family-shop-footer h2 {
    max-width: 620px;
    margin-bottom: 0;
    font-size: clamp(34px, 4vw, 55px);
}

.bepic-family-shop-footer > a {
    min-height: 54px;
    padding: 0 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--family-accent-dark);
    background: #fff;
    font-weight: 750;
    white-space: nowrap;
}

.bepic-family-gate {
    min-height: 680px;
    padding: clamp(95px, 12vw, 180px) 0;
    display: grid;
    align-items: center;
    color: #fff;
    background:
        radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--family-accent) 48%, transparent), transparent 26%),
        linear-gradient(145deg, #03142f, var(--family-accent-dark));
}

.bepic-family-gate .bepic-home-container {
    max-width: 980px;
}

.bepic-family-gate h1 {
    max-width: 900px;
    margin: 8px 0 24px;
    color: #fff;
    font-size: clamp(56px, 8vw, 105px);
    font-weight: 800;
    letter-spacing: -.065em;
    line-height: .9;
}

.bepic-family-gate h1 em {
    color: var(--family-accent);
    font-family: "Caveat", cursive;
    font-weight: 700;
}

.bepic-family-gate p {
    max-width: 700px;
    color: rgba(255, 255, 255, .74);
    font-size: 19px;
    line-height: 1.7;
}

.bepic-family-gate > div > div {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.bepic-family-gate button,
.bepic-family-gate a {
    min-height: 54px;
    padding: 0 25px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.bepic-family-gate button {
    border-color: var(--family-accent);
    background: var(--family-accent);
}

@keyframes bepicFamilyHeroSettle {
    from { opacity: .2; transform: scale(1.085); }
    to { opacity: 1; transform: scale(1.025); }
}

@media (max-width: 1100px) {
    .bepic-family-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bepic-family-editorial .inspiro-slider .col-md-12 { width: min(820px, 82%); }
}

@media (max-width: 767px) {
    .bepic-family-route .bepic-family-breadcrumb-wrap > div { min-height: 52px; }
    .bepic-family-breadcrumb-wrap button { padding-left: 9px; }
    .bepic-family-breadcrumb-wrap button > span:nth-child(2),
    .bepic-family-breadcrumb-wrap button > span:nth-child(3) { display: none; }
    .bepic-family-editorial .inspiro-slider { min-height: 650px; }
    .bepic-family-editorial .inspiro-slider .slide { min-height: 650px; padding: 68px 0 105px; background-position: 62% center; }
    .bepic-family-editorial .inspiro-slider .container { width: min(100% - 28px, 680px); }
    .bepic-family-editorial .inspiro-slider .col-md-12 { width: 100%; }
    .bepic-family-editorial .slide-captions { padding: 29px 24px 34px; border-radius: 28px 28px 70px 28px; text-align: center !important; backdrop-filter: blur(5px); }
    .bepic-family-layout-kinetic .bepic-family-editorial .slide-captions,
    .bepic-family-layout-restorative .bepic-family-editorial .slide-captions,
    .bepic-family-layout-botanical .bepic-family-editorial .slide-captions,
    .bepic-family-layout-ritual .bepic-family-editorial .slide-captions,
    .bepic-family-layout-precision .bepic-family-editorial .slide-captions,
    .bepic-family-layout-beauty .bepic-family-editorial .slide-captions { margin: 0; border-radius: 28px 28px 70px 28px; transform: none; }
    .bepic-family-layout-botanical .bepic-family-editorial .inspiro-slider .col-md-12,
    .bepic-family-layout-ritual .bepic-family-editorial .inspiro-slider .col-md-12 { margin-left: 0; }
    .bepic-family-layout-precision .bepic-family-editorial > section .row:first-child { transform: none; }
    .bepic-family-editorial .slide-captions::before { margin-bottom: 15px; }
    .bepic-family-editorial .slide-captions > img { max-width: 260px; max-height: 90px; margin-right: auto !important; margin-left: auto !important; object-position: center; }
    .bepic-family-editorial .slide-captions h2 { font-size: clamp(38px, 13vw, 58px); }
    .bepic-family-editorial .inspiro-slider .bg-overlay { width: 90%; right: -22%; bottom: 12%; }
    .bepic-family-editorial > section { padding: 78px 0; }
    .bepic-family-editorial > section .container { width: min(100% - 28px, 680px); }
    .bepic-family-editorial > section .row:first-child { display: grid; gap: 15px; }
    .bepic-family-editorial > section .row:first-child > [class*="col-"] { width: 100%; padding: 25px; border-radius: 24px; }
    .bepic-family-editorial > section .row:first-child > [class*="col-"]:first-child { border-radius: 28px 28px 65px 28px; }
    .bepic-family-editorial .heading-text h2 { font-size: 42px; }
    .bepic-family-editorial > section .row.p-t-20,
    .bepic-family-editorial > section .row[class*="p-t-"] { margin-top: 38px; }
    .bepic-family-editorial > section .container.p-t-50 > .row:first-child { padding: 20px; border-radius: 28px 28px 70px 28px; }
    .bepic-family-editorial > .inspiro-slider:last-child,
    .bepic-family-editorial > .inspiro-slider:last-child .slide { min-height: 470px; }
    .bepic-family-shop { padding: 105px 0 80px; }
    .bepic-family-shop-heading { grid-template-columns: 1fr; }
    .bepic-family-shop-heading > div:last-child { min-width: 0; grid-template-columns: auto 1fr; align-items: center; justify-self: start; gap: 9px; text-align: left; }
    .bepic-family-shop-heading > div:last-child strong { font-size: 32px; }
    .bepic-family-offer-grid { grid-template-columns: 1fr; }
    .bepic-family-offer { border-radius: 28px 28px 64px 28px; }
    .bepic-family-offer-image { min-height: 280px; }
    .bepic-family-offer-image img { height: 225px; }
    .bepic-family-offer-body { padding: 23px 20px 27px; }
    .bepic-family-offer-body > p { min-height: 0; }
    .bepic-family-offer-bottom { align-items: flex-start; flex-direction: column; }
    .bepic-family-offer-bottom > div { width: 100%; justify-content: flex-start; }
    .bepic-family-shop-footer { align-items: flex-start; flex-direction: column; }
    .bepic-family-shop-footer > a { width: 100%; white-space: normal; }
    .bepic-family-gate { min-height: 640px; }
    .bepic-family-gate h1 { font-size: clamp(52px, 17vw, 76px); }
}

.bepic-family-ignyt .bepic-ignyt-guide {
    padding: 90px 0;
    background: radial-gradient(ellipse at 90% 20%, #ffe7da, transparent 50%), #fff8f4;
}

@media (min-width: 992px) {
    .bepic-family-ignyt .bepic-family-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.bepic-ignyt-guide-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 36px 60px; align-items: start; }
.bepic-ignyt-eyebrow { color: #963400; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.bepic-ignyt-routine > h2 { margin: 18px 0 24px; color: var(--bepic-ink); font-size: clamp(44px, 5.8vw, 76px); line-height: .98; letter-spacing: -.045em; }
.bepic-ignyt-routine > h2 em { color: #c84908; font-family: "Caveat", cursive; font-style: normal; font-weight: 700; }
.bepic-ignyt-guide-intro { max-width: 530px; color: #536078; line-height: 1.7; }
.bepic-ignyt-routine-steps { display: grid; gap: 24px; margin: 32px 0; padding: 0; list-style: none; }
.bepic-ignyt-routine-steps li { display: grid; grid-template-columns: 45px 1fr; gap: 16px; }
.bepic-ignyt-routine-steps li > span { display: grid; place-items: center; width: 45px; height: 45px; border: 1px solid #f1c4ac; border-radius: 50%; color: #a53b02; background: #fff; font-size: 13px; font-weight: 800; }
.bepic-ignyt-routine-steps h3 { margin: 0 0 6px; color: var(--bepic-ink); font-size: 20px; line-height: 1.2; }
.bepic-ignyt-routine-steps p { margin: 0; color: #536078; font-size: 15px; line-height: 1.65; }
.bepic-ignyt-caution { padding: 18px 21px; border-left: 3px solid #e26424; border-radius: 0 16px 16px 0; color: #71513e; background: #fff0e6; font-size: 13px; line-height: 1.7; }
.bepic-ignyt-facts { position: relative; padding: clamp(24px, 3.5vw, 44px); border: 1px solid #f0d5c7; border-top: 6px solid #ee5c12; border-radius: 12px 12px 42px 12px; color: var(--bepic-ink); background: #fff; box-shadow: 0 25px 65px rgba(118, 48, 12, .1); }
.bepic-ignyt-facts > h2 { margin: 17px 0 20px; color: var(--bepic-ink); font-size: clamp(30px, 3vw, 42px); font-weight: 800; line-height: 1; letter-spacing: -.035em; }
.bepic-ignyt-facts dl { margin: 0 0 25px; font-size: 14px; }
.bepic-ignyt-facts dl > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; padding: 7px 0; }
.bepic-ignyt-facts dt { font-weight: 400; color: #536078; }
.bepic-ignyt-facts dd { margin: 0; font-weight: 700; }
.bepic-ignyt-facts table { width: 100%; margin: 0; border-collapse: collapse; font-size: 15px; }
.bepic-ignyt-facts caption { padding: 0 0 10px; border-bottom: 3px solid var(--bepic-ink); color: var(--bepic-ink); caption-side: top; font-size: 12px; font-weight: 700; text-align: left; }
.bepic-ignyt-facts th, .bepic-ignyt-facts td { padding: 14px 0; border-bottom: 1px solid #dee5eb; text-align: left; }
.bepic-ignyt-facts th { font-weight: 650; }
.bepic-ignyt-facts td { text-align: right; white-space: nowrap; }
.bepic-ignyt-facts > p { font-size: 13px; line-height: 1.65; color: #536078; }
.bepic-ignyt-facts-footnote { margin-top: 14px; }
.bepic-ignyt-document { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 22px; border-top: 1px solid #dee5eb; color: #9e3500; font-size: 14px; font-weight: 750; }
.bepic-ignyt-document > span { font-size: 25px; line-height: 1; }
.bepic-ignyt-document:hover { color: var(--bepic-ink); }
.bepic-ignyt-guide-note { grid-column: 1 / -1; margin: 0; color: #5f6370; font-size: 12px; line-height: 1.65; }

@media (max-width: 767px) {
    .bepic-family-ignyt .bepic-ignyt-guide { padding: 60px 0; }
    .bepic-ignyt-guide-grid { grid-template-columns: 1fr; gap: 24px; }
}

/* Restore adapts the template's arched mission portrait, overlapping product
   treatment and editorial split. Native disclosures keep both label variants
   readable without a second selection system or an additional dependency. */
.bepic-family-acceler8restore .bepic-restore-story { padding: 110px 0 90px; }
.bepic-restore-story-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 85px 80px; align-items: center; }
.bepic-restore-portrait { min-width: 0; position: relative; margin: 0 35px 45px 0; }
.bepic-restore-lifestyle { display: block; width: 100%; height: 550px; border-radius: 240px 240px 35px 35px; object-fit: cover; object-position: 54% center; filter: saturate(.85); }
.bepic-restore-portrait::after { content: ""; position: absolute; inset: 0; border-radius: 240px 240px 35px 35px; background: linear-gradient(0deg, rgba(36, 23, 66, .8), transparent 60%); pointer-events: none; }
.bepic-restore-portrait-note { position: absolute; inset-inline-start: 30px; bottom: 35px; z-index: 1; max-width: 220px; color: #fff; font-size: 13px; line-height: 1.3; }
.bepic-restore-portrait-note em { font-family: "Caveat", cursive; font-size: 37px; font-weight: 700; font-style: normal; }
.bepic-restore-product-frame { position: absolute; z-index: 2; inset-inline-end: -50px; bottom: -45px; display: grid; place-items: center; width: 218px; height: 285px; padding: 23px; border: 8px solid #fff; border-radius: 120px 120px 30px 30px; background: linear-gradient(145deg, #f7f4ff, #e6dff5); box-shadow: 0 22px 55px rgba(47, 32, 78, .17); }
.bepic-restore-product-frame img { display: block; width: 100%; max-height: 240px; object-fit: contain; filter: drop-shadow(0 15px 10px rgba(43, 26, 76, .2)); }
.bepic-restore-script { color: #655099; font-family: "Caveat", cursive; font-size: clamp(27px, 2.6vw, 38px); font-weight: 700; line-height: 1.15; }
.bepic-restore-story-copy h2, .bepic-restore-formula-story h2, .bepic-restore-routine h2 { margin: 18px 0 25px; color: #241b3f; font-size: clamp(42px, 4.8vw, 68px); font-weight: 800; line-height: .99; letter-spacing: -.045em; }
.bepic-restore-story-copy h2 em { color: #6851a6; font-family: "Caveat", cursive; font-size: 1.2em; font-style: normal; font-weight: 700; }
.bepic-restore-story-copy > p, .bepic-restore-formula-copy p, .bepic-restore-routine > p { color: #5e6073; font-size: 16px; line-height: 1.8; }
.bepic-restore-story-copy h3 { margin: 29px 0 17px; color: #302260; font-size: 17px; }
.bepic-restore-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0 0 30px; padding: 0; list-style: none; }
.bepic-restore-benefits li { display: flex; align-items: start; gap: 12px; color: #3e3559; font-size: 14px; font-weight: 600; line-height: 1.55; }
.bepic-restore-benefits li span { display: grid; flex: 0 0 31px; place-items: center; width: 31px; height: 31px; border-radius: 50%; color: #5c418f; background: #eee8f9; font-size: 10px; font-weight: 800; }
.bepic-restore-formula-story { grid-column: 1 / -1; display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; padding: 65px 0 0; border-top: 1px solid #e8e1ef; }
.bepic-restore-formula-story h2 { font-size: clamp(38px, 4vw, 56px); }
.bepic-restore-formula-points { display: grid; gap: 12px; margin: 26px 0 0; padding-inline-start: 20px; color: #655376; font-size: 14px; line-height: 1.6; }
.bepic-restore-formula-points li::marker { color: #7a60b4; }
.bepic-restore-formula-copy { padding-inline-start: 30px; border-inline-start: 3px solid #e7dff4; }
.bepic-restore-formula-copy p:first-child { margin-top: 0; }
.bepic-restore-formula-copy p:last-child { margin-bottom: 0; }
.bepic-family-acceler8restore .bepic-restore-guide { padding: 95px 0 65px; background: radial-gradient(ellipse at 0 100%, #ddd5ee, transparent 60%), #f6f3fa; }
.bepic-restore-guide-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 45px 85px; align-items: start; }
.bepic-restore-routine h2 { font-size: clamp(42px, 4.9vw, 68px); }
.bepic-restore-daily { display: flex; align-items: center; gap: 25px; padding: 12px 0; }
.bepic-restore-daily > strong { color: #665092; font-size: 105px; font-weight: 800; line-height: 1; letter-spacing: -.07em; }
.bepic-restore-daily p { color: #60566e; font-size: 16px; line-height: 1.6; }
.bepic-restore-daily b { color: #34234f; font-size: 21px; }
.bepic-restore-routine > .bepic-restore-caution { margin: 24px 0; padding: 18px 22px; border-inline-start: 3px solid #8c71b6; border-radius: 0 16px 16px 0; background: rgba(255, 255, 255, .55); font-size: 13px; line-height: 1.7; }
.bepic-restore-labels { padding: clamp(24px, 3.4vw, 45px); border: 1px solid #e1d7ed; border-radius: 28px 28px 75px 28px; background: #fff; box-shadow: 0 22px 65px rgba(64, 39, 91, .06); }
.bepic-restore-eyebrow { color: #685087; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.bepic-restore-labels h2 { margin: 15px 0 18px; color: #302044; font-size: clamp(31px, 3vw, 42px); font-weight: 800; line-height: 1.05; letter-spacing: -.035em; }
.bepic-restore-labels > p { margin-bottom: 24px; color: #6e657a; font-size: 14px; line-height: 1.7; }
.bepic-restore-label { border-top: 1px solid #e4dced; }
.bepic-restore-label summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 76px; padding: 18px 0; color: #3f285e; font-size: 15px; font-weight: 700; line-height: 1.5; list-style: none; cursor: pointer; }
.bepic-restore-label summary::-webkit-details-marker { display: none; }
.bepic-restore-label summary > span { display: grid; flex: 0 0 30px; place-items: center; height: 30px; border-radius: 50%; color: #67429e; background: #f0ebf8; font-size: 22px; line-height: 1; }
.bepic-restore-label[open] summary > span { transform: rotate(45deg); }
.bepic-restore-label-body { padding-bottom: 15px; color: #62566d; font-size: 13px; line-height: 1.7; }
.bepic-restore-label-body table { width: 100%; border-collapse: collapse; color: #30253c; font-size: 13px; }
.bepic-restore-label-body caption { padding: 7px 0; border-bottom: 3px solid #483254; color: #483254; caption-side: top; font-weight: 700; text-align: start; }
.bepic-restore-label-body th, .bepic-restore-label-body td { padding: 10px 0; text-align: start; vertical-align: top; }
.bepic-restore-label-body th { font-weight: 700; }
.bepic-restore-label-body th + td { text-align: end; white-space: nowrap; }
.bepic-restore-label-body td[colspan] { padding: 0 0 14px; border-bottom: 1px solid #eee8f3; color: #6d6175; }
.bepic-restore-label-body p { margin: 12px 0; }
.bepic-restore-disclosure { grid-column: 1 / -1; margin: 0; color: #70677b; font-size: 12px; line-height: 1.7; }
.bepic-family-acceler8restore .bepic-family-editorial a:focus-visible, .bepic-restore-label summary:focus-visible { outline: 3px solid #4b9f3c; outline-offset: 5px; }

@media (max-width: 1100px) {
    .bepic-restore-story-grid { gap: 65px 45px; }
    .bepic-restore-portrait { margin-inline-end: 25px; }
    .bepic-restore-product-frame { inset-inline-end: -30px; width: 180px; height: 245px; }
    .bepic-restore-portrait-note { inset-inline-start: 23px; max-width: 170px; }
    .bepic-restore-portrait-note em { font-size: 30px; }
    .bepic-restore-benefits { grid-template-columns: 1fr; gap: 13px; }
    .bepic-restore-formula-story, .bepic-restore-guide-grid { gap: 40px; }
}

@media (max-width: 767px) {
    .bepic-family-acceler8restore .bepic-restore-story { padding: 55px 0 60px; }
    .bepic-restore-story-grid, .bepic-restore-formula-story, .bepic-restore-guide-grid { grid-template-columns: 1fr; gap: 40px; }
    .bepic-restore-portrait { margin: 0 20px 25px 0; }
    .bepic-restore-lifestyle { height: 385px; border-radius: 200px 200px 30px 30px; }
    .bepic-restore-portrait::after { border-radius: 200px 200px 30px 30px; }
    .bepic-restore-product-frame { inset-inline-end: -20px; bottom: -25px; width: 155px; height: 215px; padding: 15px; border-width: 6px; }
    .bepic-restore-portrait-note { inset-inline-start: 22px; bottom: 25px; max-width: 160px; }
    .bepic-restore-story-copy h2 { font-size: clamp(43px, 12vw, 62px); }
    .bepic-restore-benefits { gap: 17px; }
    .bepic-restore-formula-story { padding-top: 40px; }
    .bepic-restore-formula-copy { padding-inline-start: 20px; }
    .bepic-family-acceler8restore .bepic-restore-guide { padding: 60px 0; }
    .bepic-restore-routine h2 { font-size: 49px; }
    .bepic-restore-daily { gap: 20px; }
    .bepic-restore-daily > strong { font-size: 90px; }
    .bepic-restore-routine .btn { width: 100%; padding: 12px 20px; font-size: 14px; text-align: center; }
    .bepic-restore-labels { border-radius: 24px 24px 45px 24px; }
    .bepic-family-acceler8restore .slide-captions h1 { font-size: clamp(38px, 13vw, 58px); }
}

/* Sleep borrows the template's cinematic contrast and central-feature rhythm,
   with a distinct evening palette and the original full-bleed wave asset. */
.bepic-family-acceler8sleep .bepic-sleep-hero { min-height: 720px; }
.bepic-family-acceler8sleep .bepic-sleep-hero::before { width: 650px; right: -20%; top: -45%; opacity: .5; }
.bepic-family-acceler8sleep .bepic-sleep-hero::after { display: none; }
.bepic-family-acceler8sleep .bepic-sleep-hero .slide { min-height: 720px; padding: 75px 0 110px; background-position: 65% center; }
.bepic-family-acceler8sleep .bepic-sleep-hero .slide::before { background: linear-gradient(90deg, rgba(21, 15, 43, .97), rgba(34, 22, 59, .87) 48%, rgba(27, 20, 51, .45)), linear-gradient(0deg, #21163e, transparent 65%); }
.bepic-sleep-hero-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 55px; align-items: center; }
.bepic-family-acceler8sleep .bepic-sleep-hero .slide-captions { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.bepic-family-acceler8sleep .bepic-sleep-hero .slide-captions::before { margin-bottom: 21px; color: #cfb9ef; }
.bepic-family-acceler8sleep .bepic-sleep-hero .slide-captions > img { max-width: 285px; max-height: 100px; margin-bottom: 28px !important; }
.bepic-family-acceler8sleep .bepic-sleep-hero h1 { max-width: 730px; margin-bottom: 22px; font-size: clamp(58px, 6.8vw, 96px); line-height: .92; letter-spacing: -.055em; }
.bepic-sleep-hero h1 em { color: #d0b6f6; font-family: "Caveat", cursive; font-size: 1.03em; font-style: normal; font-weight: 700; line-height: 1.04; letter-spacing: -.025em; }
.bepic-sleep-hero .slide-captions > p { max-width: 490px; color: #e2dce9; font-size: 18px; line-height: 1.7; }
.bepic-sleep-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-top: 30px; }
.bepic-family-acceler8sleep .bepic-sleep-hero .btn { color: #302044; background: #eadcfc; box-shadow: 0 15px 40px rgba(163, 122, 211, .2); }
.bepic-family-acceler8sleep .bepic-sleep-hero .btn:hover { color: #21163e; background: #fff; }
.bepic-sleep-hero-link { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; color: #fff; font-size: 14px; font-weight: 600; }
.bepic-sleep-hero-link:hover { color: #d7bcfc; }
.bepic-sleep-hero-art { display: grid; place-items: center; position: relative; min-height: 470px; isolation: isolate; }
.bepic-sleep-hero-art > img { z-index: 1; width: min(100%, 310px); height: 390px; object-fit: contain; transform: rotate(7deg); filter: drop-shadow(0 35px 35px rgba(2, 0, 12, .5)); }
.bepic-sleep-orbit { position: absolute; z-index: 0; width: 400px; height: 400px; max-width: 100%; border: 1px solid rgba(230, 212, 255, .35); border-radius: 50%; background: radial-gradient(ellipse at 40% 45%, rgba(176, 135, 216, .5), rgba(115, 75, 160, .1) 60%, transparent 68%); box-shadow: 0 0 0 32px rgba(216, 188, 255, .045), 0 0 0 64px rgba(216, 188, 255, .025); }
.bepic-sleep-hero-note { position: absolute; z-index: 2; inset-inline-end: -8px; bottom: -10px; padding: 18px 23px; border: 1px solid rgba(226, 207, 248, .3); border-radius: 22px 22px 60px 22px; color: #f2e9ff; background: rgba(51, 34, 78, .8); backdrop-filter: blur(10px); font-size: 12px; line-height: 1.2; transform: rotate(-3deg); }
.bepic-sleep-hero-note em { font-family: "Caveat", cursive; font-size: 34px; font-style: normal; font-weight: 700; }
.bepic-sleep-hero-wave { position: absolute; z-index: 4; right: -1px; bottom: -1px; left: -1px; height: 35px; pointer-events: none; }
.bepic-sleep-hero-wave img { display: block; width: 100%; height: 35px; object-fit: cover; object-position: center bottom; }
.bepic-family-acceler8sleep .bepic-sleep-story { padding: 100px 0 65px; background: radial-gradient(ellipse at 48% 50%, #eee9f8, transparent 45%), #fff; }
.bepic-sleep-story-grid { display: grid; grid-template-columns: 1fr .85fr 1fr; gap: 45px; align-items: center; }
.bepic-sleep-script { color: #79568f; font-family: "Caveat", cursive; font-size: clamp(27px, 2.7vw, 36px); font-weight: 700; line-height: 1.2; }
.bepic-sleep-intro h2 { margin: 18px 0 24px; color: #281e38; font-size: clamp(40px, 4.2vw, 59px); font-weight: 800; line-height: 1.01; letter-spacing: -.05em; }
.bepic-sleep-intro h2 em { color: #745290; font-family: "Caveat", cursive; font-size: 1.2em; font-style: normal; font-weight: 700; }
.bepic-sleep-intro p { color: #656071; font-size: 15px; line-height: 1.8; }
.bepic-sleep-text-link { display: inline-flex; align-items: center; gap: 15px; min-height: 44px; margin-top: 15px; color: #674782; font-size: 14px; font-weight: 750; }
.bepic-sleep-text-link:hover { color: #302044; }
.bepic-sleep-centerpiece { min-height: 460px; display: grid; place-items: center; position: relative; isolation: isolate; }
.bepic-sleep-centerpiece > img { z-index: 1; width: min(100%, 245px); height: 330px; object-fit: contain; transform: rotate(-6deg); filter: drop-shadow(0 25px 22px rgba(68, 39, 92, .2)); }
.bepic-sleep-centerpiece-ring { position: absolute; inset: 0; margin: auto; width: 100%; height: 390px; border: 1px solid #e3d9ed; border-radius: 180px 180px 60px 60px; background: linear-gradient(145deg, #f9f7fc, #e7dbee); transform: rotate(6deg); }
.bepic-sleep-centerpiece-caption { position: absolute; z-index: 2; inset-inline-end: -13px; bottom: 0; padding: 14px 20px; border: 5px solid #fff; border-radius: 20px 20px 45px 20px; color: #fff; background: #695084; font-size: 11px; line-height: 1.2; box-shadow: 0 15px 40px rgba(69, 43, 88, .14); transform: rotate(4deg); }
.bepic-sleep-centerpiece-caption em { font-family: "Caveat", cursive; font-size: 28px; font-style: normal; }
.bepic-sleep-benefit-list h3 { margin: 0 0 20px; color: #3e2d4f; font-size: 17px; }
.bepic-sleep-benefit-list ul { display: grid; gap: 24px; margin: 0; padding: 0; list-style: none; }
.bepic-sleep-benefit-list li { display: flex; align-items: center; gap: 18px; }
.bepic-sleep-benefit-list li > span { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border: 1px solid #e5daee; border-radius: 50%; color: #74518d; background: #f6f0fb; font-size: 12px; font-weight: 750; }
.bepic-sleep-benefit-list li:nth-child(even) > span { color: #476745; border-color: #deeadb; background: #f0f6ec; }
.bepic-sleep-benefit-list p { margin: 0; color: #51435c; font-size: 15px; font-weight: 600; line-height: 1.6; }
.bepic-sleep-background { margin-top: 65px; border-top: 1px solid #e8e0ee; border-bottom: 1px solid #e8e0ee; }
.bepic-sleep-background summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 84px; padding: 18px 5px; color: #3d2c50; font-size: 20px; font-weight: 700; cursor: pointer; list-style: none; }
.bepic-sleep-background summary::-webkit-details-marker, .bepic-sleep-label summary::-webkit-details-marker { display: none; }
.bepic-sleep-background summary > span { color: #7a5894; font-size: 27px; font-weight: 400; }
.bepic-sleep-background[open] summary > span { transform: rotate(45deg); }
.bepic-sleep-background-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 60px; padding: 0 5px 32px; }
.bepic-sleep-background-grid p, .bepic-sleep-background-grid li { color: #6d6376; font-size: 15px; line-height: 1.8; }
.bepic-sleep-background-grid ul { display: grid; align-content: start; gap: 17px; margin: 0; padding-inline-start: 25px; }
.bepic-family-acceler8sleep .bepic-sleep-guide { padding: 80px 0 70px; background: #f4f0f7; }
.bepic-sleep-guide-heading { margin-bottom: 45px; text-align: center; }
.bepic-sleep-guide-heading h2 { margin: 17px 0 0; color: #2c203d; font-size: clamp(39px, 4.8vw, 65px); font-weight: 800; line-height: 1.02; letter-spacing: -.045em; }
.bepic-sleep-guide-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; align-items: start; }
.bepic-sleep-routine { padding: 40px; border-radius: 32px 80px 32px 32px; color: #f5edf9; background: radial-gradient(circle at 50% 0, #694f80, transparent 55%), linear-gradient(145deg, #30213e, #1f1831); box-shadow: 0 25px 50px rgba(44, 29, 60, .12); }
.bepic-sleep-timing { display: grid; place-items: center; width: min(100%, 265px); aspect-ratio: 1; margin: 0 auto 30px; padding: 30px 15px; border: 1px solid #8f729f; border-radius: 50%; box-shadow: inset 0 0 0 13px rgba(212, 185, 232, .04); text-align: center; }
.bepic-sleep-timing > span { color: #d8c7e1; font-size: 12px; letter-spacing: .15em; text-transform: uppercase; }
.bepic-sleep-timing strong { color: #f0dcff; font-size: clamp(45px, 5vw, 64px); font-weight: 750; line-height: 1; letter-spacing: -.045em; }
.bepic-sleep-timing p { margin: 0; color: #e8daef; font-family: "Caveat", cursive; font-size: 24px; line-height: 1.2; }
.bepic-sleep-routine h3 { margin: 0 0 13px; color: #fff; font-size: 26px; font-weight: 700; }
.bepic-sleep-routine > p { color: #d8cbdf; font-size: 15px; line-height: 1.8; }
.bepic-sleep-routine > a { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 25px; padding-top: 24px; border-top: 1px solid #65506f; color: #fff; font-size: 14px; font-weight: 650; line-height: 1.6; }
.bepic-sleep-routine > a:hover { color: #d7b3f7; }
.bepic-sleep-labels { padding: 35px 40px; border: 1px solid #e6ddec; border-radius: 32px; background: #fff; }
.bepic-sleep-eyebrow { color: #7a5a8d; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.bepic-sleep-labels > h3 { margin: 15px 0; color: #35263e; font-size: 37px; font-weight: 800; letter-spacing: -.04em; line-height: 1.1; }
.bepic-sleep-labels > p { color: #756c7c; font-size: 14px; line-height: 1.7; }
.bepic-sleep-label { margin-top: 10px; border-top: 1px solid #e8dfed; }
.bepic-sleep-label summary { display: grid; grid-template-columns: 1fr 30px; align-items: center; gap: 5px 20px; min-height: 74px; padding: 17px 0; color: #4f355f; font-size: 15px; font-weight: 700; line-height: 1.55; cursor: pointer; list-style: none; }
.bepic-sleep-label summary small { grid-column: 1; color: #7d618e; font-size: 12px; font-weight: 500; }
.bepic-sleep-label summary > span { grid-column: 2; grid-row: 1 / 3; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: #76518f; background: #f0e9f5; font-size: 23px; font-weight: 400; line-height: 1; }
.bepic-sleep-label[open] summary > span { transform: rotate(45deg); }
.bepic-sleep-label-body { padding-bottom: 15px; color: #6c6273; font-size: 13px; line-height: 1.7; }
.bepic-sleep-label-body table { width: 100%; margin: 0; border-collapse: collapse; color: #41314e; font-size: 13px; }
.bepic-sleep-label-body caption { padding: 8px 0; border-bottom: 3px solid #4d345e; color: #4d345e; caption-side: top; text-align: start; font-weight: 700; }
.bepic-sleep-label-body th, .bepic-sleep-label-body td { padding: 11px 0; text-align: start; vertical-align: top; }
.bepic-sleep-label-body th { font-weight: 700; }
.bepic-sleep-label-body th + td { padding-inline-start: 12px; text-align: end; white-space: nowrap; }
.bepic-sleep-label-body td[colspan] { padding: 0 0 13px; border-bottom: 1px solid #eee8f2; color: #776a80; }
.bepic-sleep-label-body p { margin: 13px 0; }
.bepic-sleep-safety { display: grid; grid-template-columns: 1.1fr .9fr; gap: 35px; margin-top: 35px; padding: 25px 30px; border: 1px solid #e7d7bd; border-radius: 22px; color: #755c38; background: #fff9ed; }
.bepic-sleep-safety p { margin: 0; font-size: 13px; line-height: 1.8; }
.bepic-sleep-disclosure { margin: 30px 0 0; color: #7c7185; font-size: 12px; line-height: 1.7; }
.bepic-family-acceler8sleep .bepic-family-editorial a:focus-visible, .bepic-family-acceler8sleep summary:focus-visible { outline: 3px solid #4b9f3c; outline-offset: 5px; }

@media (max-width: 1100px) {
    .bepic-sleep-hero-grid { grid-template-columns: 1.1fr .9fr; gap: 30px; }
    .bepic-sleep-hero-art > img { height: 320px; }
    .bepic-sleep-hero-art { min-height: 410px; }
    .bepic-sleep-orbit { width: 320px; height: 320px; }
    .bepic-sleep-hero-note { inset-inline-end: 0; bottom: 0; }
    .bepic-sleep-story-grid { grid-template-columns: 1fr 1fr; gap: 35px; }
    .bepic-sleep-intro { grid-column: 1 / -1; max-width: 780px; }
    .bepic-sleep-centerpiece { min-height: 400px; }
    .bepic-sleep-guide-grid { grid-template-columns: .85fr 1.15fr; gap: 20px; }
    .bepic-sleep-routine { padding: 30px; }
    .bepic-sleep-labels { padding: 30px; }
}

@media (max-width: 767px) {
    .bepic-family-acceler8sleep .bepic-sleep-hero, .bepic-family-acceler8sleep .bepic-sleep-hero .slide { min-height: 0; }
    .bepic-family-acceler8sleep .bepic-sleep-hero .slide { padding: 45px 0 95px; }
    .bepic-sleep-hero-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-family-acceler8sleep .bepic-sleep-hero .slide-captions { text-align: center !important; }
    .bepic-family-acceler8sleep .bepic-sleep-hero .slide-captions > img { max-width: 210px; max-height: 75px; margin-bottom: 24px !important; }
    .bepic-family-acceler8sleep .bepic-sleep-hero h1 { font-size: clamp(48px, 15vw, 66px); }
    .bepic-sleep-hero .slide-captions > p { font-size: 16px; }
    .bepic-sleep-hero-actions { justify-content: center; gap: 10px 20px; margin-top: 22px; }
    .bepic-sleep-hero-art { min-height: 275px; width: min(100%, 320px); margin: 0 auto; }
    .bepic-sleep-hero-art > img { height: 245px; width: 190px; }
    .bepic-sleep-orbit { width: 235px; height: 235px; }
    .bepic-sleep-hero-note { bottom: -5px; padding: 13px 19px; font-size: 10px; }
    .bepic-sleep-hero-note em { font-size: 28px; }
    .bepic-family-acceler8sleep .bepic-sleep-story { padding: 60px 0 45px; }
    .bepic-sleep-story-grid { grid-template-columns: 1fr; gap: 35px; }
    .bepic-sleep-intro h2 { font-size: clamp(36px, 12.4vw, 48px); overflow-wrap: break-word; }
    .bepic-family-acceler8sleep .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-acceler8sleep .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 24px 16px; }
    .bepic-family-acceler8sleep .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 10.8vw, 48px); overflow-wrap: break-word; }
    .bepic-sleep-centerpiece { width: min(100% - 40px, 300px); margin: 0 auto; }
    .bepic-sleep-centerpiece > img { height: 280px; width: 205px; }
    .bepic-sleep-centerpiece-caption { inset-inline-end: -13px; }
    .bepic-sleep-benefit-list ul { gap: 22px; }
    .bepic-sleep-background { margin-top: 40px; }
    .bepic-sleep-background summary { font-size: 17px; }
    .bepic-sleep-background-grid { grid-template-columns: 1fr; gap: 15px; }
    .bepic-family-acceler8sleep .bepic-sleep-guide { padding: 55px 0; }
    .bepic-sleep-guide-heading { text-align: start; margin-bottom: 30px; }
    .bepic-sleep-guide-heading h2 { font-size: 45px; }
    .bepic-sleep-guide-grid, .bepic-sleep-safety { grid-template-columns: 1fr; }
    .bepic-sleep-labels { padding: 27px 22px; }
    .bepic-sleep-labels > h3 { font-size: 34px; }
    .bepic-sleep-label summary { gap: 4px 12px; font-size: 14px; }
    .bepic-sleep-label-body table { font-size: 12px; }
    .bepic-sleep-label-body th + td { padding-inline-start: 8px; }
    .bepic-sleep-safety { gap: 18px; padding: 22px; }
}

/* The ACCELER8 overview pairs two editorial treatments rather than cloning
   either individual product page. Sibling visibility is server supplied. */
.bepic-family-acceler8 .bepic-acceler8-hero { min-height: 720px; }
.bepic-family-acceler8 .bepic-acceler8-hero::after { display: none; }
.bepic-family-acceler8 .bepic-acceler8-hero .slide { min-height: 720px; padding: 80px 0 110px; background-position: 70% center; }
.bepic-family-acceler8 .bepic-acceler8-hero .slide::before { background: linear-gradient(90deg, rgba(20, 21, 46, .97), rgba(39, 32, 69, .9) 50%, rgba(41, 31, 63, .58)), linear-gradient(0deg, #25203e, transparent 65%); }
.bepic-acceler8-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 65px; align-items: center; }
.bepic-family-acceler8 .bepic-acceler8-hero .col-md-12 { width: 100%; }
.bepic-family-acceler8 .bepic-acceler8-hero .slide-captions { padding: 0; border: 0; border-radius: 0; background: transparent; backdrop-filter: none; box-shadow: none; }
.bepic-family-acceler8 .bepic-acceler8-hero .slide-captions::before { display: none; }
.bepic-acceler8-script { display: block; color: #795b9b; font-family: "Caveat", cursive; font-size: clamp(28px, 2.6vw, 37px); font-weight: 700; line-height: 1.2; }
.bepic-acceler8-hero .bepic-acceler8-script { margin-bottom: 28px; color: #dccbf5; }
.bepic-family-acceler8 .bepic-acceler8-hero .slide-captions > img { max-height: 92px; max-width: 300px; margin-bottom: 25px !important; }
.bepic-family-acceler8 .bepic-acceler8-hero h1 { margin-bottom: 24px; font-size: clamp(60px, 6.5vw, 91px); line-height: .94; letter-spacing: -.055em; }
.bepic-acceler8-hero h1 em { color: #d2b8f6; font-family: "Caveat", cursive; font-size: 1.06em; font-weight: 700; font-style: normal; letter-spacing: -.025em; }
.bepic-acceler8-hero .slide-captions > p { max-width: 570px; color: #e4dced; font-size: 17px; line-height: 1.8; }
.bepic-acceler8-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 25px; margin-top: 30px; }
.bepic-family-acceler8 .bepic-acceler8-hero .btn { color: #fff; background: linear-gradient(135deg, #4cae39, #32852e); box-shadow: 0 14px 35px rgba(54, 132, 47, .25); }
.bepic-acceler8-hero-actions > a:not(.btn) { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #fff; font-size: 13px; font-weight: 650; }
.bepic-acceler8-hero-visual { display: flex; justify-content: center; align-items: center; gap: 16px; min-width: 0; min-height: 450px; position: relative; isolation: isolate; }
.bepic-acceler8-hero-visual::before { content: ""; position: absolute; z-index: -1; inset: 10% -5%; border: 1px solid rgba(233, 215, 255, .25); border-radius: 50%; box-shadow: 0 0 0 35px rgba(218, 195, 248, .025), 0 0 0 70px rgba(218, 195, 248, .02); }
.bepic-acceler8-hero-pack { display: grid; justify-items: center; align-content: center; gap: 15px; width: 48%; min-height: 350px; padding: 28px 15px 23px; border: 1px solid rgba(234, 219, 255, .3); border-radius: 110px 110px 24px 24px; background: linear-gradient(145deg, rgba(230, 211, 249, .2), rgba(196, 170, 225, .05)); box-shadow: 0 25px 65px rgba(10, 4, 25, .23); transform: translateY(-28px) rotate(-5deg); backdrop-filter: blur(7px); }
.bepic-acceler8-hero-pack.is-sleep { transform: translateY(28px) rotate(5deg); border-radius: 24px 24px 110px 110px; background: linear-gradient(145deg, rgba(74, 51, 106, .7), rgba(25, 20, 45, .6)); }
.bepic-acceler8-hero-pack img { width: 100%; height: 250px; object-fit: contain; filter: drop-shadow(0 18px 15px rgba(5, 0, 15, .35)); }
.bepic-acceler8-hero-pack > span { color: #f5ebff; font-family: "Caveat", cursive; font-size: 34px; font-weight: 700; line-height: 1; }
.bepic-acceler8-wave { position: absolute; z-index: 4; right: -1px; bottom: -1px; left: -1px; height: 35px; pointer-events: none; }
.bepic-acceler8-wave img { display: block; width: 100%; height: 35px; object-fit: cover; }
.bepic-family-acceler8 .bepic-acceler8-story { padding: 90px 0 75px; background: #fff; }
.bepic-acceler8-story-heading { max-width: 860px; margin: 0 auto 60px; text-align: center; }
.bepic-acceler8-story-heading h2 { margin: 20px 0 25px; color: #2d2342; font-size: clamp(42px, 5.2vw, 72px); font-weight: 800; line-height: 1.02; letter-spacing: -.045em; }
.bepic-acceler8-story-heading p { max-width: 720px; margin: 0 auto; color: #70677a; font-size: 16px; line-height: 1.8; }
.bepic-acceler8-story-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 35px; align-items: start; padding-bottom: 55px; }
.bepic-acceler8-story-card { overflow: hidden; border: 1px solid #e8dff0; border-radius: 32px 32px 80px 32px; color: #5c4a6b; background: #f8f4fc; box-shadow: 0 24px 55px rgba(69, 43, 90, .06); }
.bepic-acceler8-story-card.is-sleep { margin-top: 55px; border-radius: 80px 32px 32px 32px; border-color: #3a2a51; color: #e3d6ed; background: #2f2043; }
.bepic-acceler8-story-media { height: 350px; position: relative; isolation: isolate; overflow: hidden; }
.bepic-acceler8-story-photo { width: 100%; height: 100%; object-fit: cover; }
.bepic-acceler8-story-media::after { content: ""; position: absolute; z-index: 0; inset: 0; background: linear-gradient(0deg, rgba(28, 16, 43, .8), transparent 80%); }
.bepic-acceler8-story-media .bepic-acceler8-story-package { position: absolute; z-index: 1; right: 20px; bottom: 20px; width: 190px; height: 240px; object-fit: contain; filter: drop-shadow(0 15px 16px rgba(12, 2, 24, .3)); }
.bepic-acceler8-story-media > span { position: absolute; z-index: 1; bottom: 34px; left: 32px; max-width: calc(100% - 245px); color: #fff; font-family: "Caveat", cursive; font-size: 32px; line-height: 1.1; font-weight: 700; }
.bepic-acceler8-story-copy { padding: 35px 38px 40px; }
.bepic-acceler8-eyebrow { color: #795b98; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.is-sleep .bepic-acceler8-eyebrow { color: #cdb3e7; }
.bepic-acceler8-story-copy h3 { margin: 14px 0 22px; color: #3d2954; font-size: 55px; font-weight: 800; line-height: 1; letter-spacing: -.05em; }
.is-sleep .bepic-acceler8-story-copy h3 { color: #fff; }
.bepic-acceler8-story-copy p, .bepic-acceler8-story-copy li { font-size: 15px; line-height: 1.8; }
.bepic-acceler8-story-copy ul { display: grid; gap: 10px; margin: 23px 0 28px; padding-inline-start: 20px; }
.bepic-acceler8-story-copy li::marker { color: #8860aa; }
.is-sleep .bepic-acceler8-story-copy li::marker { color: #d3afe9; }
.bepic-acceler8-story-copy > a { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 48px; padding: 13px 0; border-top: 1px solid #e1d5eb; color: #5e387f; font-size: 15px; font-weight: 750; line-height: 1.5; }
.bepic-acceler8-story-copy > a.bepic-acceler8-document { padding-bottom: 0; border: 0; color: #776282; font-size: 12px; font-weight: 600; }
.is-sleep .bepic-acceler8-story-copy > a { border-color: #584069; color: #eedbff; }
.is-sleep .bepic-acceler8-story-copy > a.bepic-acceler8-document { color: #cfb9df; }
.bepic-acceler8-story-copy > a:hover { color: #32822e; }
.is-sleep .bepic-acceler8-story-copy > a:hover { color: #a3d98c; }
.bepic-acceler8-benefits-note { margin: 0; color: #86778e; font-size: 12px; line-height: 1.7; text-align: center; }
.bepic-family-acceler8 .bepic-acceler8-resources { padding: 75px 0; background: radial-gradient(ellipse at 18% 70%, #dcd1ed, transparent 45%), #f2edf7; }
.bepic-acceler8-resource-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 75px; align-items: center; }
.bepic-acceler8-resource-art { display: grid; place-items: center; min-height: 370px; border: 1px solid #ded3ea; border-radius: 180px 180px 40px 40px; background: rgba(255, 255, 255, .5); }
.bepic-acceler8-resource-art img { width: min(85%, 310px); height: 300px; object-fit: contain; filter: drop-shadow(0 20px 17px rgba(57, 33, 79, .18)); }
.bepic-acceler8-resource-copy h2 { margin: 20px 0 25px; color: #39254c; font-size: clamp(39px, 4.5vw, 63px); font-weight: 800; line-height: 1.02; letter-spacing: -.045em; }
.bepic-acceler8-resource-copy p { color: #72617f; font-size: 15px; line-height: 1.8; }
.bepic-acceler8-resource-copy a { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 52px; padding: 16px 0; border-bottom: 1px solid #dcd0e7; color: #694087; font-size: 15px; font-weight: 700; line-height: 1.6; }
.bepic-acceler8-resource-copy a:hover { color: #2c7629; }
.bepic-family-acceler8 .bepic-acceler8-precautions { padding: 45px 0; background: #fff; }
.bepic-acceler8-precautions p { color: #76687e; font-size: 12px; line-height: 1.8; }
.bepic-acceler8-precautions .bepic-acceler8-warning { padding: 20px 25px; border: 1px solid #e6d8be; border-radius: 18px; color: #795d30; background: #fff9ed; font-size: 13px; }
.bepic-family-acceler8 .bepic-family-editorial a:focus-visible { outline: 3px solid #4b9f3c; outline-offset: 5px; }

@media (max-width: 1100px) {
    .bepic-acceler8-hero-grid { gap: 35px; }
    .bepic-acceler8-hero-pack { min-height: 310px; padding: 23px 10px; }
    .bepic-acceler8-hero-pack img { height: 210px; }
    .bepic-acceler8-story-media .bepic-acceler8-story-package { width: 150px; height: 220px; }
    .bepic-acceler8-story-media > span { left: 25px; max-width: calc(100% - 195px); font-size: 28px; }
    .bepic-acceler8-story-copy { padding: 30px; }
    .bepic-acceler8-resource-grid { gap: 45px; }
}

@media (max-width: 767px) {
    .bepic-family-acceler8 .bepic-acceler8-hero, .bepic-family-acceler8 .bepic-acceler8-hero .slide { min-height: 0; }
    .bepic-family-acceler8 .bepic-acceler8-hero .slide { padding: 45px 0 100px; }
    .bepic-acceler8-hero-grid { grid-template-columns: 1fr; gap: 40px; }
    .bepic-family-acceler8 .bepic-acceler8-hero .slide-captions { text-align: center !important; }
    .bepic-family-acceler8 .bepic-acceler8-hero .slide-captions > img { max-height: 80px; max-width: 240px; }
    .bepic-family-acceler8 .bepic-acceler8-hero h1 { font-size: clamp(46px, 14.5vw, 62px); overflow-wrap: break-word; }
    .bepic-acceler8-hero .slide-captions > p { font-size: 16px; }
    .bepic-acceler8-hero-actions { justify-content: center; gap: 10px; margin-top: 24px; }
    .bepic-acceler8-hero-visual { gap: 13px; min-height: 300px; max-width: 340px; margin: 0 auto; }
    .bepic-acceler8-hero-pack { width: 46%; min-height: 240px; padding: 15px 8px; border-radius: 80px 80px 20px 20px; transform: translateY(-15px) rotate(-4deg); }
    .bepic-acceler8-hero-pack.is-sleep { transform: translateY(15px) rotate(4deg); border-radius: 20px 20px 80px 80px; }
    .bepic-acceler8-hero-pack img { height: 165px; }
    .bepic-acceler8-hero-pack > span { font-size: 29px; }
    .bepic-family-acceler8 .bepic-acceler8-story { padding: 60px 0 45px; }
    .bepic-acceler8-story-heading { margin-bottom: 35px; text-align: start; }
    .bepic-acceler8-story-heading h2 { font-size: clamp(34px, 10.7vw, 46px); overflow-wrap: break-word; }
    .bepic-acceler8-story-grid { gap: 28px; padding-bottom: 30px; }
    .bepic-acceler8-story-card.is-sleep { margin-top: 0; }
    .bepic-acceler8-story-media { height: 305px; }
    .bepic-acceler8-story-media > span { top: 24px; bottom: auto; left: 24px; max-width: calc(100% - 48px); padding: 7px 13px; border-radius: 22px; background: rgba(31, 18, 46, .75); font-size: 26px; }
    .bepic-acceler8-story-copy { padding: 28px 25px 32px; }
    .bepic-acceler8-story-copy h3 { font-size: 47px; }
    .bepic-acceler8-story-copy > a { font-size: 14px; }
    .bepic-family-acceler8 .bepic-acceler8-resources { padding: 50px 0; }
    .bepic-acceler8-resource-grid { grid-template-columns: 1fr; gap: 35px; }
    .bepic-acceler8-resource-art { min-height: 305px; }
    .bepic-acceler8-resource-art img { height: 250px; }
    .bepic-acceler8-resource-copy h2 { font-size: clamp(34px, 11.4vw, 46px); overflow-wrap: break-word; }
    .bepic-family-acceler8 .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-acceler8 .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 24px 16px; }
    .bepic-family-acceler8 .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 10.8vw, 48px); overflow-wrap: break-word; }
}

/* ACTIV Greens: the template's layered frame, numbered editorial rhythm and
   generous discovery panels adapted to daily nutrition, not travel claims. */
.bepic-family-activgreens .bepic-greens-hero { min-height: 770px; background: #103e22; }
.bepic-family-activgreens .bepic-greens-hero::after { display: none; }
.bepic-family-activgreens .bepic-greens-hero .slide { padding: 72px 0 110px; background-position: 85% 30% !important; }
.bepic-family-activgreens .bepic-greens-hero .slide::before { background: linear-gradient(90deg, #0b3020 3%, rgba(9, 43, 27, .94) 32%, rgba(10, 52, 31, .68) 68%, rgba(8, 38, 26, .65)), linear-gradient(0deg, #082a1b, transparent 80%); }
.bepic-family-activgreens .bepic-greens-hero .bepic-greens-hero-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 42px; align-items: center; }
.bepic-family-activgreens .bepic-greens-hero .col-md-12 { width: 100%; margin: 0; }
.bepic-family-activgreens .bepic-greens-hero .slide-captions { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; }
.bepic-family-activgreens .bepic-greens-hero .slide-captions::before { display: none; }
.bepic-greens-script { display: block; margin-bottom: 20px; color: #3c752d; font: 700 clamp(26px, 2.7vw, 38px)/1.1 "Caveat", cursive; }
.bepic-greens-hero .bepic-greens-script { color: #c9eab3; }
.bepic-family-activgreens .bepic-greens-hero .bepic-greens-logo { width: min(275px, 80%); max-height: none; margin: 10px 0 30px; }
.bepic-family-activgreens .bepic-greens-hero h1 { font-size: clamp(54px, 5.7vw, 82px); line-height: 1.02; letter-spacing: -.055em; }
.bepic-greens-hero h1 em { display: block; padding-top: 8px; color: #c5ed72; font: 700 1.04em/1.02 "Caveat", cursive; letter-spacing: -.015em; }
.bepic-family-activgreens .bepic-greens-hero p { max-width: 560px; margin: 0 0 30px; color: #e3eddf; font-size: 18px; line-height: 1.75; }
.bepic-greens-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.bepic-family-activgreens .bepic-greens-hero .btn { color: #15371b; background: #c5ed72; }
.bepic-family-activgreens .bepic-greens-hero a.bepic-greens-story-link { display: inline-flex; align-items: center; gap: 12px; color: #fff; font-size: 14px; font-weight: 650; }
.bepic-family-activgreens .bepic-greens-hero a.bepic-greens-story-link:hover { color: #c5ed72; }
.bepic-greens-story-link span { color: #c5ed72; font-size: 26px; }
.bepic-greens-hero-art { position: relative; padding: 40px 18px 70px; isolation: isolate; }
.bepic-greens-hero-art .tb-about-img-frame { position: absolute; z-index: -1; inset: 10px 0 55px; border: 1px solid rgba(216, 240, 195, .45); border-radius: 45% 45% 20px 20px; background: linear-gradient(135deg, rgba(193, 233, 131, .12), rgba(224, 245, 214, .04)); transform: rotate(8deg); }
.bepic-greens-product-orbit { position: relative; border-radius: 50%; background: radial-gradient(ellipse, rgba(189, 224, 105, .2), transparent 65%); }
.bepic-greens-product-orbit img { width: 100%; height: auto; filter: drop-shadow(0 30px 28px rgba(0, 0, 0, .3)); transform: rotate(-7deg); transition: transform .5s ease; }
.bepic-greens-hero-art:hover .bepic-greens-product-orbit img { transform: rotate(-3deg) translateY(-5px); }
.bepic-greens-flavor { position: absolute; bottom: 0; left: 5%; right: -3%; padding: 20px 22px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 22px 22px 48px 22px; display: flex; align-items: center; gap: 16px; color: #15371b; background: #f3f7e9; box-shadow: 0 20px 40px #08261b50; font-size: 18px; font-weight: 700; }
.bepic-greens-flavor svg { width: 45px; height: 45px; flex-shrink: 0; padding: 10px; border-radius: 50%; fill: none; stroke: #446e29; stroke-width: 1.5; background: #dceebf; }
.bepic-greens-flavor small { display: block; margin-top: 3px; color: #56644c; font-size: 13px; font-weight: 400; }
.bepic-greens-wave { width: 100%; height: 35px; position: absolute; z-index: 4; bottom: -1px; left: 0; object-fit: cover; }
.bepic-family-activgreens .bepic-greens-story { padding: 100px 0 90px; background: #fff; }
.bepic-greens-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 75px; margin-bottom: 48px; }
.bepic-family-activgreens .bepic-greens-intro h2,
.bepic-family-activgreens .bepic-greens-blend-intro h2,
.bepic-family-activgreens .bepic-greens-routine h2 { margin: 0 0 22px; color: #15371b; font-size: clamp(40px, 4.6vw, 66px); line-height: 1.05; letter-spacing: -.045em; }
.bepic-greens-intro h2 em { display: block; color: #42832f; font-style: normal; }
.bepic-greens-intro p { color: #5b685a; font-size: 17px; line-height: 1.8; }
.bepic-greens-intro p:last-child { margin-bottom: 0; }
.bepic-greens-detail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.bepic-greens-detail-grid article { position: relative; padding: 35px 24px 28px; border: 1px solid #dfe9d7; border-radius: 28px 28px 60px 28px; background: #f6f8f0; transition: transform .25s ease, background .25s ease; }
.bepic-greens-detail-grid article:nth-child(even) { margin-top: 28px; margin-bottom: -28px; background: #edf4e5; }
.bepic-greens-detail-grid article:hover { transform: translateY(-7px); background: #e6f2d5; }
.bepic-greens-detail-grid article > span { display: block; margin-bottom: 22px; color: #60833d; font: 700 42px/1 "Caveat", cursive; }
.bepic-family-activgreens .bepic-greens-detail-grid h3 { margin: 0 0 16px; color: #173c22; font-size: 24px; font-weight: 700; line-height: 1.15; }
.bepic-greens-detail-grid p { margin: 0; color: #54614d; font-size: 15px; line-height: 1.75; }
.bepic-greens-background { margin-top: 66px; border-top: 1px solid #d6e3ca; border-bottom: 1px solid #d6e3ca; }
.bepic-greens-background summary { padding: 24px 0; display: flex; justify-content: space-between; gap: 20px; color: #1d492a; font-size: 18px; font-weight: 650; list-style: none; cursor: pointer; }
.bepic-greens-background summary::-webkit-details-marker,
.bepic-greens-blend summary::-webkit-details-marker { display: none; }
.bepic-greens-background summary > span { font-size: 24px; line-height: 1; }
.bepic-greens-background > div { padding-bottom: 22px; max-width: 1000px; color: #586551; line-height: 1.85; }
.bepic-greens-background h3 { margin: 20px 0 12px; color: #244f2d; font-size: 22px; }
.bepic-greens-background li { margin-bottom: 8px; }
.bepic-family-activgreens .bepic-greens-blends { padding: 100px 0; color: #ecf2e7; background: radial-gradient(ellipse at 0% 90%, #285d35, transparent 55%), #103a25; }
.bepic-greens-blend-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 85px; align-items: start; }
.bepic-greens-blend-intro { position: sticky; top: 130px; }
.bepic-greens-blends .bepic-greens-script { color: #b9de8b; }
.bepic-family-activgreens .bepic-greens-blend-intro h2 { color: #fff; }
.bepic-greens-blend-intro h2 em { display: block; color: #c5ed72; font-family: "Caveat", cursive; font-style: normal; font-size: 1.15em; }
.bepic-greens-blend-intro p { margin: 20px 0 28px; color: #d3e1cb; font-size: 17px; line-height: 1.8; }
.bepic-greens-source-link { display: inline-flex; align-items: center; gap: 16px; padding-bottom: 5px; border-bottom: 1px solid currentColor; color: #2b682d; font-size: 15px; font-weight: 600; text-decoration: none; }
.bepic-greens-blends .bepic-greens-source-link { color: #d2eeaa; }
.bepic-greens-source-link:hover { color: #f17419; }
.bepic-greens-blend { border-top: 1px solid #6c956352; }
.bepic-greens-blend:last-child { border-bottom: 1px solid #6c956352; }
.bepic-greens-blend summary { display: grid; grid-template-columns: 38px 1fr 22px; gap: 15px; align-items: center; padding: 27px 0; color: #fff; list-style: none; cursor: pointer; }
.bepic-greens-blend summary > span:first-child { color: #b9dc87; font: 700 28px/1 "Caveat", cursive; }
.bepic-greens-blend summary strong { font-size: 23px; font-weight: 600; line-height: 1.25; }
.bepic-greens-blend summary > span:last-child { color: #b9dc87; font-size: 28px; text-align: center; transition: transform .2s ease; }
.bepic-greens-blend[open] summary > span:last-child,
.bepic-greens-background[open] summary > span { transform: rotate(45deg); }
.bepic-greens-blend > div { padding: 0 0 25px 53px; color: #d4e0cf; line-height: 1.85; }
.bepic-greens-blend p { margin: 0 0 18px; }
.bepic-greens-blend .bepic-greens-ingredients { margin-bottom: 0; color: #bdcfb5; font-size: 14px; }
.bepic-greens-ingredients b { color: #ddf3c3; font-weight: 600; }
.bepic-family-activgreens .bepic-greens-guide { padding: 100px 0 65px; background: #f7f8ef; }
.bepic-greens-guide-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: center; }
.bepic-greens-routine h2 em { display: block; color: #3d7b31; font-style: normal; }
.bepic-greens-routine ol { margin: 30px 0; padding: 0; list-style: none; }
.bepic-greens-routine li { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid #dee5d3; }
.bepic-greens-routine li > span { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border: 1px solid #bfd4a4; border-radius: 50%; color: #3e6e2d; font-size: 16px; }
.bepic-family-activgreens .bepic-greens-routine h3 { margin: 0 0 8px; color: #25462a; font-size: 22px; font-weight: 600; line-height: 1.2; }
.bepic-greens-routine li p { margin: 0; color: #5c6952; font-size: 16px; line-height: 1.75; }
.bepic-family-activgreens .bepic-greens-routine .btn { background: #34792d; }
.bepic-greens-serving { padding: 32px; border: 1px solid #d5e2c4; border-radius: 95px 28px 28px 28px; background: #fff; box-shadow: 0 30px 70px #2140250c; }
.bepic-greens-serving-label { display: block; text-align: right; color: #386633; font-size: 12px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.bepic-greens-serving-art { display: grid; place-items: center; padding: 25px 0 30px; background: radial-gradient(ellipse, #e6f2d7, transparent 65%); }
.bepic-greens-serving-art img { width: min(260px, 100%); height: auto; filter: drop-shadow(0 15px 15px #21402518); }
.bepic-greens-serving dl { margin: 0; }
.bepic-greens-serving dl > div { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 15px 0; border-bottom: 1px solid #e5ebde; }
.bepic-greens-serving dt { color: #5a6752; font-size: 15px; font-weight: 400; }
.bepic-greens-serving dd { margin: 0; color: #224b25; font-size: 20px; font-weight: 650; }
.bepic-greens-serving > p { margin: 22px 0; color: #6a7362; font-size: 13px; line-height: 1.7; }
.bepic-greens-safety { margin-top: 65px; padding-top: 30px; border-top: 1px solid #d4dfc6; color: #67715e; font-size: 13px; line-height: 1.85; }
.bepic-family-activgreens .bepic-greens-safety h3 { margin: 0 0 18px; color: #345434; font-size: 19px; font-weight: 600; }
.bepic-family-activgreens .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { border-radius: 100px 30px 100px 30px; background: linear-gradient(135deg, #113f2cef, #113f2cc9); }
.bepic-family-activgreens .bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before { display: none; }
.bepic-family-activgreens .bepic-family-editorial > .inspiro-slider:last-child .slide-captions p { color: #e4f0dd; }
.bepic-family-activgreens a:focus-visible,
.bepic-family-activgreens summary:focus-visible { outline: 3px solid #ed8a25; outline-offset: 6px; }
@media (max-width: 1100px) {
    .bepic-family-activgreens .bepic-greens-hero .bepic-greens-hero-grid { gap: 20px; }
    .bepic-greens-flavor { left: 0; right: 0; padding: 16px; font-size: 16px; }
    .bepic-greens-intro { gap: 40px; }
    .bepic-greens-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
    .bepic-greens-detail-grid article:nth-child(even) { margin: 0; }
    .bepic-greens-blend-layout,
    .bepic-greens-guide-grid { gap: 45px; }
}
@media (max-width: 767px) {
    .bepic-family-activgreens .bepic-greens-hero .slide { padding: 50px 0 75px; background-position: 67% 20% !important; }
    .bepic-family-activgreens .bepic-greens-hero .bepic-greens-hero-grid { grid-template-columns: 1fr; gap: 35px; }
    .bepic-family-activgreens .bepic-greens-hero h1 { font-size: clamp(45px, 12.8vw, 66px); }
    .bepic-family-activgreens .bepic-greens-hero p { font-size: 16px; }
    .bepic-family-activgreens .bepic-greens-hero .bepic-greens-logo { width: 230px; margin-bottom: 26px; }
    .bepic-greens-actions { justify-content: center; gap: 20px; }
    .bepic-greens-hero-art { width: min(390px, 100%); margin: 10px auto 0; padding: 25px 20px 80px; }
    .bepic-greens-flavor { font-size: 16px; }
    .bepic-family-activgreens .bepic-greens-story,
    .bepic-family-activgreens .bepic-greens-blends,
    .bepic-family-activgreens .bepic-greens-guide { padding: 60px 0; }
    .bepic-greens-intro,
    .bepic-greens-blend-layout,
    .bepic-greens-guide-grid { grid-template-columns: 1fr; gap: 25px; }
    .bepic-family-activgreens .bepic-greens-intro h2,
    .bepic-family-activgreens .bepic-greens-blend-intro h2,
    .bepic-family-activgreens .bepic-greens-routine h2 { font-size: clamp(34px, 10.8vw, 48px); overflow-wrap: break-word; }
    .bepic-greens-detail-grid { grid-template-columns: 1fr; gap: 16px; }
    .bepic-greens-detail-grid article { padding: 25px; }
    .bepic-greens-detail-grid article > span { margin-bottom: 15px; }
    .bepic-greens-background { margin-top: 35px; }
    .bepic-greens-blend-intro { position: static; }
    .bepic-greens-blend summary { grid-template-columns: 28px 1fr 20px; gap: 10px; padding: 24px 0; }
    .bepic-greens-blend summary strong { font-size: 20px; overflow-wrap: break-word; }
    .bepic-greens-blend > div { padding-left: 0; }
    .bepic-greens-serving { margin-top: 25px; padding: 30px 24px; }
    .bepic-greens-serving dd { font-size: 18px; }
    .bepic-greens-safety { margin-top: 40px; }
    .bepic-family-activgreens .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-activgreens .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 38px 24px; }
    .bepic-family-activgreens .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 10vw, 46px); overflow-wrap: break-word; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-family-activgreens .bepic-greens-detail-grid article,
    .bepic-family-activgreens .bepic-greens-product-orbit img { transition: none; transform: none; }
    .bepic-family-activgreens .bepic-greens-detail-grid article:hover,
    .bepic-family-activgreens .bepic-greens-hero-art:hover .bepic-greens-product-orbit img { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .bepic-family-editorial .inspiro-slider .slide { animation: none; transform: none; }
    .bepic-family-offer { opacity: 1; transform: none; transition: none; }
    .bepic-family-offer:hover,
    .bepic-family-offer:hover .bepic-family-offer-image img { transform: none; }
}

/* ALLEVI8 Pro: a light editorial hero, cinematic lifestyle frame and the
   purchased adventure layout's overlapping feature rhythm, with real cautions. */
.bepic-relief-hero { min-height: 760px; position: relative; isolation: isolate; overflow: hidden; background: #fbf4ee; }
.bepic-relief-hero::before { content: ""; position: absolute; z-index: -1; width: 650px; height: 650px; top: -300px; left: -300px; border: 1px solid #e9c1b0; border-radius: 50%; box-shadow: 0 0 0 75px #efb9a015, 0 0 0 150px #efb9a010; }
.bepic-relief-hero-photo { width: 62%; position: absolute; z-index: -1; inset: 0 0 0 auto; background-position: 80% center; background-size: cover; }
.bepic-relief-hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #fbf4ee, #fbf4ee10 40%), linear-gradient(0deg, #fbf4ee20, transparent 60%); }
.bepic-relief-hero .container { width: min(1320px, calc(100% - 48px)); margin: 0 auto; }
.bepic-relief-hero-grid { min-height: inherit; padding: 65px 0 100px; display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 50px; }
.bepic-relief-script { display: block; margin-bottom: 22px; color: #a53c33; font: 700 clamp(26px, 2.7vw, 38px)/1.1 "Caveat", cursive; }
.bepic-relief-logo { display: grid; place-items: center; width: 210px; padding: 14px 20px; margin-bottom: 30px; border-radius: 18px 18px 36px 18px; background: #25282b; }
.bepic-relief-logo img { width: 100%; height: auto; }
.bepic-relief-hero h1 { margin: 0 0 24px; color: #292a2a; font-size: clamp(54px, 5.5vw, 80px); line-height: 1.02; font-weight: 800; letter-spacing: -.055em; }
.bepic-relief-hero h1 em { display: block; padding-top: 6px; color: #c34339; font: 700 1.08em/1.02 "Caveat", cursive; letter-spacing: -.02em; }
.bepic-relief-hero p { max-width: 530px; margin: 0 0 32px; color: #635e5a; font-size: 18px; line-height: 1.8; }
.bepic-relief-actions { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; }
.bepic-family-allevi8pro .bepic-relief-hero .btn { background: #b33b32; box-shadow: 0 15px 30px #b33b3230; }
.bepic-family-allevi8pro a.bepic-relief-text-link { display: inline-flex; gap: 15px; align-items: center; color: #8a322c; font-size: 15px; font-weight: 650; text-decoration: none; }
.bepic-family-allevi8pro a.bepic-relief-text-link:hover { color: #272b28; }
.bepic-relief-text-link > span { font-size: 23px; }
.bepic-relief-hero-art { min-width: 0; align-self: end; margin-top: 170px; position: relative; padding: 0 5px 45px; animation: bepicFamilyHeroSettle 1s ease both; }
.bepic-relief-patch-frame { padding: 25px 16px; border: 1px solid #ffffffba; border-radius: 38px 38px 90px 38px; background: #fff8; box-shadow: 0 25px 70px #4f25282e; backdrop-filter: blur(10px); transform: rotate(5deg); transition: transform .4s ease; }
.bepic-relief-patch-frame img { width: 100%; height: auto; filter: drop-shadow(0 20px 25px #3c242027); }
.bepic-relief-hero-art:hover .bepic-relief-patch-frame { transform: rotate(1deg) translateY(-5px); }
.bepic-relief-hero-note { position: absolute; left: -28px; bottom: 0; padding: 19px 25px; display: flex; gap: 18px; align-items: center; border: 1px solid #edcdc5; border-radius: 24px 24px 50px 24px; color: #79372f; background: #fff9f1; box-shadow: 0 20px 40px #4f252820; font-size: 18px; font-weight: 650; }
.bepic-relief-hero-note > span:first-child { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 50%; color: #c34339; background: #f6e2d8; font-size: 23px; }
.bepic-relief-hero-note small { display: block; margin-top: 4px; color: #7f6b62; font-size: 13px; font-weight: 400; }
.bepic-relief-wave { position: absolute; width: 100%; height: 35px; left: 0; bottom: -1px; object-fit: cover; }
.bepic-family-allevi8pro .bepic-relief-story { padding: 100px 0; color: #ece7e2; background: radial-gradient(ellipse at 100% 20%, #742e312d, transparent 65%), #23282b; }
.bepic-relief-story-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 75px; }
.bepic-relief-cinematic { position: relative; height: 660px; border-radius: 35px 100px 35px 35px; overflow: hidden; box-shadow: 0 30px 70px #0003; }
.bepic-relief-cinematic > img { width: 100%; height: 100%; object-fit: cover; object-position: 66% center; transition: transform .7s ease; }
.bepic-relief-cinematic:hover > img { transform: scale(1.035); }
.bepic-relief-cinematic .adv-cinematic-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, #161c20e8, transparent 60%); }
.bepic-relief-photo-caption { position: absolute; bottom: 35px; left: 35px; right: 25px; display: grid; }
.bepic-relief-photo-caption > span { margin-bottom: 15px; color: #f6c6ad; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.bepic-relief-photo-caption strong { color: #fff; font-size: clamp(32px, 3vw, 44px); font-weight: 650; line-height: 1.08; }
.bepic-relief-photo-caption em { color: #f4b4a1; font: 700 55px/1 "Caveat", cursive; }
.bepic-relief-story .bepic-relief-script { color: #f0bba4; }
.bepic-family-allevi8pro .bepic-relief-story-copy h2,
.bepic-family-allevi8pro .bepic-relief-details h2,
.bepic-family-allevi8pro .bepic-relief-guide h2 { margin: 0 0 25px; font-size: clamp(40px, 4.3vw, 62px); font-weight: 750; letter-spacing: -.045em; line-height: 1.05; }
.bepic-family-allevi8pro .bepic-relief-story-copy h2 { color: #fff; }
.bepic-relief-story-copy h2 em { display: block; color: #f5bcaa; font-style: normal; }
.bepic-relief-story-copy > p { color: #d5d7d3; font-size: 17px; line-height: 1.85; }
.bepic-relief-features { display: grid; gap: 15px; margin-top: 30px; }
.bepic-relief-features .adv-overlap-card { display: flex; align-items: center; gap: 22px; padding: 21px; border: 1px solid #ffffff1f; border-radius: 20px; background: #ffffff06; transition: transform .25s ease, background .25s ease; }
.bepic-relief-features .adv-overlap-card:hover { transform: translateX(6px); background: #ffffff0e; }
.bepic-relief-features article > span { flex-shrink: 0; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #efad9a50; border-radius: 50%; color: #efad9a; font-size: 15px; }
.bepic-family-allevi8pro .bepic-relief-features h3 { margin: 0 0 7px; color: #fff; font-size: 21px; font-weight: 600; line-height: 1.2; }
.bepic-relief-features p { margin: 0; color: #c6cac5; font-size: 14px; line-height: 1.7; }
.bepic-family-allevi8pro .bepic-relief-details { padding: 100px 0; background: #fff; }
.bepic-relief-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; }
.bepic-family-allevi8pro .bepic-relief-details h2 { color: #30302f; }
.bepic-relief-details h2 em { display: block; color: #b13d35; font-style: normal; }
.bepic-relief-details p { color: #6c625e; font-size: 16px; line-height: 1.85; }
.bepic-relief-ingredient-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0; }
.bepic-relief-ingredient-list span { padding: 10px 17px; border: 1px solid #ebd8cd; border-radius: 999px; color: #853f35; background: #fcf4ef; font-size: 14px; }
.bepic-relief-background { border-top: 1px solid #e4d8d0; }
.bepic-relief-background:last-child { border-bottom: 1px solid #e4d8d0; }
.bepic-relief-background summary { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 25px 0; color: #6c302b; font-size: 20px; font-weight: 600; list-style: none; cursor: pointer; }
.bepic-relief-background summary::-webkit-details-marker { display: none; }
.bepic-relief-background summary > span { flex-shrink: 0; color: #ba6454; font-size: 28px; line-height: 1; transition: transform .2s ease; }
.bepic-relief-background[open] summary > span { transform: rotate(45deg); }
.bepic-relief-background > div { padding-bottom: 20px; }
.bepic-relief-background ul { padding-left: 20px; color: #6c625e; font-size: 16px; line-height: 1.85; }
.bepic-family-allevi8pro .bepic-relief-guide { padding: 100px 0 70px; background: #fcf3ed; }
.bepic-relief-guide-heading { display: flex; align-items: center; justify-content: space-between; gap: 60px; margin-bottom: 50px; }
.bepic-family-allevi8pro .bepic-relief-guide h2 { color: #64372d; }
.bepic-relief-guide-heading p { margin: 0; color: #79665d; font-size: 16px; line-height: 1.8; }
.bepic-relief-use-limit { flex: 0 1 335px; padding: 28px; border: 1px solid #e5b5a6; border-radius: 30px 30px 55px 30px; display: grid; gap: 10px; color: #7c332c; background: #f6ded3; }
.bepic-relief-use-limit strong { font-size: 24px; font-weight: 650; line-height: 1.15; }
.bepic-relief-use-limit span { font-size: 17px; line-height: 1.6; }
.bepic-relief-use-limit small { font-size: 13px; }
.bepic-relief-application { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px; padding: 0; margin: 0 0 50px; list-style: none; }
.bepic-relief-application li { min-width: 0; border-top: 1px solid #dfbbad; padding-top: 25px; }
.bepic-relief-application li > span { display: block; margin-bottom: 25px; color: #c27763; font: 700 36px/1 "Caveat", cursive; }
.bepic-family-allevi8pro .bepic-relief-application h3 { margin: 0 0 15px; color: #60382f; font-size: 23px; font-weight: 600; line-height: 1.2; }
.bepic-relief-application p { margin: 0; color: #78645b; font-size: 15px; line-height: 1.85; }
.bepic-relief-safety { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; padding: 35px; border: 1px solid #e8c9bd; border-radius: 25px; background: #fff9f5; }
.bepic-family-allevi8pro .bepic-relief-safety h3 { margin: 0 0 20px; color: #7b312b; font-size: 23px; font-weight: 600; }
.bepic-relief-safety ul { margin: 0; padding-left: 18px; color: #715c53; font-size: 15px; line-height: 1.85; }
.bepic-relief-safety li + li { margin-top: 12px; }
.bepic-relief-guide-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; padding: 25px 0; }
.bepic-relief-guide-footer p { margin: 0; color: #725f55; font-size: 14px; }
.bepic-relief-disclaimer { margin: 0; padding-top: 20px; border-top: 1px solid #e4cfc3; color: #817168; font-size: 13px; line-height: 1.85; }
.bepic-family-allevi8pro .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { border: 1px solid #ffffff38; border-radius: 65px 25px 90px 25px; background: linear-gradient(140deg, #2c2023e6, #422c2aab); box-shadow: 0 25px 65px #241c2233; backdrop-filter: blur(12px); }
.bepic-family-allevi8pro .bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before { display: none; }
.bepic-family-allevi8pro .bepic-family-editorial > .inspiro-slider:last-child .slide-captions p { color: #f6e6df; }
.bepic-family-allevi8pro a:focus-visible,
.bepic-family-allevi8pro summary:focus-visible { outline: 3px solid #b94b30; outline-offset: 6px; }
@media (max-width: 1100px) {
    .bepic-relief-hero-grid { gap: 25px; }
    .bepic-relief-hero-note { left: -15px; padding: 18px; }
    .bepic-relief-story-grid { gap: 40px; }
    .bepic-relief-cinematic { height: 610px; }
    .bepic-relief-details-grid { gap: 45px; }
    .bepic-relief-application { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .bepic-relief-hero-photo { width: 100%; opacity: .23; background-position: 70% center; }
    .bepic-relief-hero-photo::after { background: linear-gradient(0deg, #fbf4ee, #fbf4ee10 70%); }
    .bepic-relief-hero-grid { grid-template-columns: 1fr; padding: 45px 0 75px; gap: 35px; }
    .bepic-relief-logo { width: 185px; margin-bottom: 25px; }
    .bepic-relief-hero h1 { font-size: clamp(45px, 12.5vw, 65px); }
    .bepic-relief-hero p { font-size: 16px; }
    .bepic-relief-actions { gap: 22px; }
    .bepic-relief-hero-art { width: min(400px, 100%); margin: 20px auto 0; padding: 0 8px 55px; }
    .bepic-relief-hero-note { left: 0; right: 0; justify-content: center; font-size: 17px; }
    .bepic-family-allevi8pro .bepic-relief-story,
    .bepic-family-allevi8pro .bepic-relief-details,
    .bepic-family-allevi8pro .bepic-relief-guide { padding: 60px 0; }
    .bepic-relief-story-grid,
    .bepic-relief-details-grid { grid-template-columns: 1fr; gap: 40px; }
    .bepic-relief-cinematic { height: 420px; border-radius: 30px 80px 30px 30px; }
    .bepic-relief-photo-caption { left: 25px; bottom: 25px; }
    .bepic-relief-photo-caption strong { font-size: 31px; }
    .bepic-relief-photo-caption em { font-size: 45px; }
    .bepic-family-allevi8pro .bepic-relief-story-copy h2,
    .bepic-family-allevi8pro .bepic-relief-details h2,
    .bepic-family-allevi8pro .bepic-relief-guide h2 { font-size: clamp(34px, 10.8vw, 47px); overflow-wrap: break-word; }
    .bepic-relief-features .adv-overlap-card { padding: 20px 16px; gap: 16px; }
    .bepic-relief-guide-heading { display: grid; grid-template-columns: 1fr; gap: 28px; margin-bottom: 35px; }
    .bepic-relief-application { grid-template-columns: 1fr; gap: 24px; }
    .bepic-relief-application li { padding-top: 20px; }
    .bepic-relief-application li > span { margin-bottom: 15px; }
    .bepic-relief-safety { grid-template-columns: 1fr; gap: 35px; padding: 25px 22px; }
    .bepic-family-allevi8pro .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-allevi8pro .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 40px 24px; }
    .bepic-family-allevi8pro .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 10vw, 44px); overflow-wrap: break-word; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-relief-hero-art { animation: none; transform: none; }
    .bepic-relief-patch-frame,
    .bepic-relief-cinematic > img,
    .bepic-relief-features .adv-overlap-card,
    .bepic-relief-background summary > span { transition: none; transform: none; }
    .bepic-relief-hero-art:hover .bepic-relief-patch-frame,
    .bepic-relief-cinematic:hover > img,
    .bepic-relief-features .adv-overlap-card:hover { transform: none; }
}

/* B-CARDIO: the primary template's centered cinematic hierarchy and floating
   information panels, followed by an arched product/formula composition. */
.bepic-cardio-hero { position: relative; overflow: hidden; isolation: isolate; background: #350e24; }
.bepic-cardio-hero-media { position: absolute; z-index: -2; inset: 0; background-size: cover; background-position: center 35%; opacity: .45; }
.bepic-cardio-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 50% 65%, #9d175052, transparent 60%), linear-gradient(90deg, #310c20f5, #310c20a1 50%, #310c20e8); }
.bepic-cardio-hero::after { content: ""; position: absolute; z-index: -1; width: 900px; height: 900px; top: 50px; left: calc(50% - 450px); border: 1px solid #efb4cc25; border-radius: 50%; box-shadow: 0 0 0 65px #efb4cc07, 0 0 0 130px #efb4cc05; }
.bepic-cardio-hero > .container { width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: 50px 0 65px; text-align: center; }
.bepic-cardio-script { display: block; margin-bottom: 18px; color: #a72e59; font: 700 clamp(26px, 2.7vw, 38px)/1.1 "Caveat", cursive; }
.bepic-cardio-hero .bepic-cardio-script { color: #f5bfd3; }
.bepic-cardio-logo { display: block; width: 190px; height: auto; margin: 0 auto 20px; }
.bepic-cardio-hero h1 { max-width: 1050px; margin: 0 auto 22px; color: #fff; font-size: clamp(54px, 5.7vw, 82px); font-weight: 800; line-height: 1; letter-spacing: -.05em; }
.bepic-cardio-hero h1 em { display: block; padding-top: 5px; color: #ffb6d3; font: 700 1.13em/1 "Caveat", cursive; letter-spacing: -.02em; }
.bepic-cardio-hero > .container > p { max-width: 680px; margin: 0 auto 25px; color: #f2e0e7; font-size: 18px; line-height: 1.75; }
.bepic-cardio-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 25px; }
.bepic-family-bcardio .bepic-cardio-hero .btn { color: #8c2048; background: #fff2f6; box-shadow: 0 15px 35px #1f071d55; }
.bepic-family-bcardio a.bepic-cardio-text-link { display: inline-flex; align-items: center; gap: 14px; color: #a52e57; font-size: 15px; font-weight: 650; text-decoration: none; }
.bepic-family-bcardio .bepic-cardio-hero a.bepic-cardio-text-link { color: #fff; }
.bepic-family-bcardio a.bepic-cardio-text-link:hover { color: #d84377; }
.bepic-cardio-product-stage { width: min(950px, 100%); margin: 25px auto 0; min-height: 300px; position: relative; }
.bepic-cardio-product-stage > img { position: relative; z-index: 2; display: block; width: min(480px, 57%); height: auto; margin: 0 auto; filter: drop-shadow(0 25px 30px #13041470); animation: bepicFamilyHeroSettle 1.1s ease both; }
.bepic-cardio-hero-note { position: absolute; z-index: 3; display: grid; min-width: 190px; gap: 5px; padding: 20px 24px; border: 1px solid #e3a1bd55; border-radius: 25px 25px 50px 25px; text-align: left; color: #fff; background: #55152cb8; box-shadow: 0 20px 45px #14051b3b; backdrop-filter: blur(12px); }
.bepic-cardio-hero-note.is-flavor { top: 65px; left: 0; transform: rotate(-5deg); }
.bepic-cardio-hero-note.is-nutrition { top: 105px; right: 0; transform: rotate(5deg); }
.bepic-cardio-hero-note > span { color: #ffb6d3; font-size: 24px; line-height: 1; }
.bepic-cardio-hero-note strong { font-size: 24px; font-weight: 650; line-height: 1.1; }
.bepic-cardio-hero-note small { color: #efc8d6; font-size: 13px; }
.bepic-cardio-wave { width: 100%; height: 35px; position: absolute; z-index: 4; bottom: -1px; left: 0; object-fit: cover; }
.bepic-family-bcardio .bepic-cardio-benefits { padding: 95px 0; background: #fff; }
.bepic-cardio-benefit-heading { display: grid; grid-template-columns: 1.25fr .75fr; gap: 80px; align-items: center; margin-bottom: 40px; }
.bepic-family-bcardio .bepic-cardio-benefits h2,
.bepic-family-bcardio .bepic-cardio-formula h2,
.bepic-family-bcardio .bepic-cardio-guide h2 { margin: 0 0 22px; font-size: clamp(40px, 4.5vw, 65px); font-weight: 750; line-height: 1.05; letter-spacing: -.045em; }
.bepic-family-bcardio .bepic-cardio-benefits h2 { color: #442236; }
.bepic-cardio-benefit-heading h2 em { display: block; color: #b72e5e; font-style: normal; }
.bepic-cardio-benefit-heading > p { color: #766373; font-size: 17px; line-height: 1.85; }
.bepic-cardio-benefit-label { margin: 0 0 20px; color: #9d4267; font-size: 13px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.bepic-cardio-benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 60px; }
.bepic-cardio-benefit-grid article { min-width: 0; position: relative; padding: 30px 55px 30px 0; border-top: 1px solid #ead9e1; }
.bepic-cardio-benefit-grid article > span { position: absolute; top: 30px; right: 4px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: #b42b59; background: #fae9f0; font-size: 24px; transition: transform .25s ease; }
.bepic-cardio-benefit-grid article:hover > span { transform: rotate(12deg); }
.bepic-family-bcardio .bepic-cardio-benefit-grid h3 { margin: 0 0 12px; color: #64314b; font-size: 25px; font-weight: 600; line-height: 1.2; }
.bepic-cardio-benefit-grid p { margin: 0; color: #7a6472; font-size: 16px; line-height: 1.75; }
.bepic-family-bcardio .bepic-cardio-formula { padding: 95px 0; background: radial-gradient(ellipse at 95% 20%, #8f205545, transparent 55%), #351327; }
.bepic-cardio-formula-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: start; gap: 80px; }
.bepic-cardio-formula-art { position: sticky; top: 130px; display: grid; justify-items: center; gap: 32px; padding: 65px 20px 35px; border: 1px solid #edc9d5; border-radius: 220px 220px 35px 35px; background: #fbf0f4; }
.bepic-cardio-formula-art > span { max-width: 240px; color: #9b4262; font-size: 13px; font-weight: 650; line-height: 1.5; text-align: center; }
.bepic-cardio-formula-art img { width: 100%; height: auto; filter: drop-shadow(0 20px 20px #521a3820); }
.bepic-family-bcardio .bepic-cardio-formula-art .btn { background: #a72654; }
.bepic-cardio-formula .bepic-cardio-script { color: #efabc6; }
.bepic-family-bcardio .bepic-cardio-formula h2 { color: #fff; }
.bepic-cardio-formula h2 em { display: block; color: #f3b6d0; font: 700 1.13em/1.05 "Caveat", cursive; letter-spacing: -.01em; }
.bepic-cardio-formula-copy > p { margin-bottom: 28px; color: #e6cdd9; font-size: 17px; line-height: 1.85; }
.bepic-cardio-blend { margin-bottom: 28px; padding: 24px; border: 1px solid #c9789c4d; border-radius: 25px; background: #ffffff06; }
.bepic-cardio-blend strong { display: block; color: #ffd8e9; font-size: 20px; font-weight: 600; line-height: 1.3; }
.bepic-cardio-blend p { margin: 14px 0 10px; color: #e6cdd9; line-height: 1.8; }
.bepic-cardio-blend small { color: #cba2b7; font-size: 12px; }
.bepic-cardio-background { border-top: 1px solid #c9789c4d; }
.bepic-cardio-background:last-child { border-bottom: 1px solid #c9789c4d; }
.bepic-cardio-background summary { padding: 24px 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #f8e5ee; font-size: 19px; font-weight: 600; line-height: 1.4; list-style: none; cursor: pointer; }
.bepic-cardio-background summary::-webkit-details-marker { display: none; }
.bepic-cardio-background summary > span { flex-shrink: 0; color: #efaac8; font-size: 28px; line-height: 1; transition: transform .2s ease; }
.bepic-cardio-background[open] summary > span { transform: rotate(45deg); }
.bepic-cardio-background > div { padding-bottom: 20px; color: #ddbdce; font-size: 15px; line-height: 1.85; }
.bepic-family-bcardio .bepic-cardio-guide { padding: 95px 0 65px; background: #fcf5f8; }
.bepic-cardio-guide-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: center; }
.bepic-family-bcardio .bepic-cardio-guide h2 { color: #632940; }
.bepic-cardio-guide h2 em { display: block; color: #b52c5b; font-style: normal; }
.bepic-cardio-routine ol { margin: 32px 0 0; padding: 0; list-style: none; }
.bepic-cardio-routine li { display: flex; align-items: start; gap: 20px; padding: 20px 0; border-bottom: 1px solid #e7d1db; }
.bepic-cardio-routine li > span { flex-shrink: 0; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #dbb1c4; border-radius: 50%; color: #a9426a; font-size: 15px; }
.bepic-family-bcardio .bepic-cardio-routine h3 { margin: 0 0 10px; color: #76374f; font-size: 23px; font-weight: 600; line-height: 1.2; }
.bepic-cardio-routine p { margin: 0; color: #846776; font-size: 16px; line-height: 1.8; }
.bepic-cardio-facts { padding: 40px; border: 1px solid #ead2dd; border-radius: 35px 35px 85px 35px; background: #fff; box-shadow: 0 25px 65px #572c4210; }
.bepic-cardio-facts > span { color: #9f4166; font-size: 13px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.bepic-cardio-facts dl { margin: 20px 0 25px; }
.bepic-cardio-facts dl > div { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 20px 0; border-bottom: 1px solid #eddee5; }
.bepic-cardio-facts dt { color: #856b78; font-size: 15px; font-weight: 400; }
.bepic-cardio-facts dd { margin: 0; color: #873958; font-size: 23px; font-weight: 650; }
.bepic-cardio-facts > p { color: #846c78; font-size: 14px; line-height: 1.8; }
.bepic-cardio-resources { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 65px; }
.bepic-family-bcardio .bepic-cardio-resources > a { padding: 30px; border: 1px solid #ebc2d4; border-radius: 25px; display: grid; color: #843350; background: #f8e3ed; text-decoration: none; transition: background .25s ease, transform .25s ease; }
.bepic-family-bcardio .bepic-cardio-resources > a:last-child { color: #f5e6ed; background: #68304d; border-color: #68304d; }
.bepic-cardio-resources > a > span { justify-self: end; font-size: 28px; line-height: 1; }
.bepic-cardio-resources small { margin-bottom: 14px; font-size: 13px; }
.bepic-cardio-resources strong { font-size: 25px; font-weight: 600; line-height: 1.2; }
.bepic-cardio-resources p { margin: 15px 0 0; font-size: 15px; line-height: 1.8; }
.bepic-cardio-resources > a:hover { transform: translateY(-5px); }
.bepic-cardio-safety { margin-top: 45px; padding-top: 30px; border-top: 1px solid #e5cad7; color: #856c79; font-size: 13px; line-height: 1.85; }
.bepic-family-bcardio .bepic-cardio-safety h3 { margin: 0 0 20px; color: #854361; font-size: 20px; font-weight: 600; }
.bepic-family-bcardio .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { border: 1px solid #ffffff38; border-radius: 70px 30px 100px 30px; background: linear-gradient(145deg, #49102ae8, #49102ac2); backdrop-filter: blur(10px); }
.bepic-family-bcardio .bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before { display: none; }
.bepic-family-bcardio .bepic-family-editorial > .inspiro-slider:last-child .slide-captions p { color: #f4dce7; }
.bepic-family-bcardio .bepic-family-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bepic-family-bcardio a:focus-visible,
.bepic-family-bcardio summary:focus-visible { outline: 3px solid #e14f91; outline-offset: 6px; }
@media (max-width: 1100px) {
    .bepic-cardio-product-stage { width: min(820px, 100%); }
    .bepic-cardio-hero-note { min-width: 160px; padding: 18px; }
    .bepic-cardio-benefit-heading,
    .bepic-cardio-formula-grid,
    .bepic-cardio-guide-grid { gap: 45px; }
}
@media (max-width: 767px) {
    .bepic-cardio-hero > .container { padding-top: 40px; }
    .bepic-cardio-logo { width: 165px; }
    .bepic-cardio-hero h1 { font-size: clamp(44px, 12.5vw, 64px); }
    .bepic-cardio-hero > .container > p { font-size: 16px; }
    .bepic-cardio-actions { gap: 20px; }
    .bepic-cardio-product-stage { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 35px; }
    .bepic-cardio-product-stage > img { grid-column: 1 / -1; grid-row: 1; width: 100%; }
    .bepic-cardio-hero-note { position: static; min-width: 0; min-height: 100px; padding: 18px 14px; text-align: center; align-content: center; border-radius: 20px; }
    .bepic-cardio-hero-note.is-flavor,
    .bepic-cardio-hero-note.is-nutrition { transform: none; }
    .bepic-cardio-hero-note strong { font-size: clamp(17px, 4.85vw, 19px); }
    .bepic-cardio-hero-note small { font-size: 12px; }
    .bepic-cardio-hero-note > span { display: none; }
    .bepic-family-bcardio .bepic-cardio-benefits,
    .bepic-family-bcardio .bepic-cardio-formula,
    .bepic-family-bcardio .bepic-cardio-guide { padding: 60px 0; }
    .bepic-cardio-benefit-heading,
    .bepic-cardio-benefit-grid,
    .bepic-cardio-formula-grid,
    .bepic-cardio-guide-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-family-bcardio .bepic-cardio-benefits h2,
    .bepic-family-bcardio .bepic-cardio-formula h2,
    .bepic-family-bcardio .bepic-cardio-guide h2 { font-size: clamp(34px, 10.5vw, 47px); overflow-wrap: break-word; }
    .bepic-cardio-benefit-grid { row-gap: 0; }
    .bepic-cardio-formula-art { position: static; width: 100%; padding-top: 45px; gap: 25px; }
    .bepic-cardio-blend { padding: 22px; }
    .bepic-cardio-facts { margin-top: 15px; padding: 30px 24px; }
    .bepic-cardio-facts dd { font-size: 20px; }
    .bepic-cardio-resources { grid-template-columns: 1fr; gap: 18px; margin-top: 40px; }
    .bepic-cardio-resources > a { padding: 25px; }
    .bepic-family-bcardio .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-bcardio .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 40px 24px; }
    .bepic-family-bcardio .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-family-bcardio .bepic-family-offer-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-cardio-product-stage > img { animation: none; transform: none; }
    .bepic-cardio-benefit-grid article > span,
    .bepic-cardio-background summary > span,
    .bepic-cardio-resources > a { transition: none; }
    .bepic-cardio-benefit-grid article:hover > span,
    .bepic-cardio-resources > a:hover { transform: none; }
}

/* Brewed tea: a light editorial opening, layered arched photography and a
   staggered kettle-to-cup sequence. All artwork is existing BEpic media. */
.bepic-brew-hero { position: relative; isolation: isolate; background: radial-gradient(ellipse at 35% 80%, #efe5fc 0, transparent 52%), #faf7f0; }
.bepic-brew-hero-grid { width: min(1240px, calc(100% - 48px)); margin: auto; padding: 65px 0 110px; display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; }
.bepic-brew-hero-copy { position: relative; z-index: 2; padding: 25px 0; }
.bepic-brew-script { display: block; margin-bottom: 18px; font: 700 clamp(25px, 2.7vw, 36px)/1.2 "Caveat", cursive; color: #7950b1; }
.bepic-brew-eyebrow { display: block; margin-bottom: 20px; font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: #68428e; }
.bepic-brew-hero h1 { margin: 0 0 25px; font-size: clamp(55px, 5.3vw, 79px); line-height: 1.03; letter-spacing: -.055em; font-weight: 800; color: #251833; }
.bepic-brew-hero h1 em { display: block; margin-top: 12px; font: 700 1.08em/1.03 "Caveat", cursive; letter-spacing: -.025em; color: #7950b1; }
.bepic-brew-hero-copy > p { max-width: 480px; margin: 0; font-size: 18px; line-height: 1.8; color: #655a6e; }
.bepic-brew-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-top: 32px; }
.bepic-brew-actions > a:not(.btn) { display: inline-flex; align-items: center; gap: 12px; color: #513174; font-weight: 650; }
.bepic-brew-hero-art { min-width: 0; min-height: 650px; position: relative; }
.bepic-brew-photo { position: absolute; inset: 0 0 80px 25px; border-radius: 48% 48% 36px 36px; overflow: hidden; box-shadow: 0 25px 65px #3c245b24; }
.bepic-brew-photo > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% center; }
.bepic-brew-logo { position: absolute; z-index: 3; right: -15px; top: 45px; width: 190px; padding: 14px 20px; border: 1px solid #ffffff80; border-radius: 20px; background: #422065eb; transform: rotate(7deg); }
.bepic-brew-logo img { display: block; width: 100%; height: auto; }
.bepic-brew-pack { position: absolute; z-index: 2; bottom: 0; left: -55px; width: min(420px, 87%); height: auto; filter: drop-shadow(0 20px 20px #301c4a33); animation: bepicFamilyHeroSettle 1.1s ease both; }
.bepic-brew-hero-art > aside { position: absolute; z-index: 3; right: -12px; bottom: 45px; padding: 22px 26px; display: grid; gap: 5px; border: 1px solid #fff; border-radius: 25px 25px 25px 6px; background: #fffdf4; box-shadow: 0 15px 45px #3c245b26; transform: rotate(-5deg); color: #422065; }
.bepic-brew-hero-art > aside > span { color: #a16911; font-size: 27px; }
.bepic-brew-hero-art > aside strong { font-size: 21px; }
.bepic-brew-hero-art > aside small { font-size: 13px; }
.bepic-brew-wave { width: 100%; height: 35px; display: block; position: absolute; bottom: -1px; left: 0; }
.bepic-family-drink2shrink .bepic-brew-story,
.bepic-family-drink2shrink .bepic-brew-blend { padding: 100px 0; background: #fff; }
.bepic-family-drink2shrink .bepic-brew-story::before,
.bepic-family-drink2shrink .bepic-brew-brewing::before,
.bepic-family-drink2shrink .bepic-brew-blend::before { display: none; }
.bepic-family-drink2shrink .bepic-brew-story h2,
.bepic-family-drink2shrink .bepic-brew-brewing h2,
.bepic-family-drink2shrink .bepic-brew-blend h2 { margin: 0 0 25px; font-size: clamp(38px, 4.3vw, 62px); line-height: 1.08; letter-spacing: -.045em; font-weight: 800; color: #251833; }
.bepic-brew-story h2 em,
.bepic-brew-brewing h2 em,
.bepic-brew-blend h2 em { display: block; color: #7950b1; font-style: normal; }
.bepic-brew-story-heading { max-width: 800px; margin: auto; text-align: center; }
.bepic-brew-story-heading > p { max-width: 700px; margin: 0 auto; font-size: 18px; line-height: 1.8; }
.bepic-brew-benefit-label { margin: 45px 0 20px; font-size: 13px; font-weight: 700; color: #68428e; }
.bepic-brew-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.bepic-brew-benefits article { position: relative; border-top: 2px solid #ddd0ed; padding-top: 28px; }
.bepic-brew-benefits article > span { display: inline-block; margin-bottom: 25px; color: #a78ec2; font-size: 42px; line-height: 1; font-weight: 300; transition: color .2s ease, transform .2s ease; }
.bepic-brew-benefits article:hover > span { color: #7950b1; transform: translateY(-4px); }
.bepic-brew-benefits h3 { font-size: 22px; color: #422065; }
.bepic-brew-benefits p { margin-bottom: 0; font-size: 15px; line-height: 1.75; }
.bepic-brew-results { margin: 30px 0 0; font-size: 13px; color: #6b6073; }
.bepic-family-drink2shrink .bepic-brew-brewing { padding: 95px 0; background: radial-gradient(ellipse at 5% 80%, #8461a922 0, transparent 48%), #f3edf8; }
.bepic-brew-brewing-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.bepic-brew-brewing-heading p { font-size: 18px; line-height: 1.8; }
.bepic-brew-temperatures { display: flex; flex-wrap: wrap; gap: 9px; }
.bepic-brew-temperatures > span { padding: 8px 21px; border: 1px solid #7950b133; border-radius: 999px; font-size: 14px; color: #513174; background: #ffffff90; }
.bepic-brew-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding: 0; margin: 60px 0 55px; list-style: none; }
.bepic-brew-steps li { position: relative; min-width: 0; padding: 55px 24px 30px; border: 1px solid #7950b119; border-radius: 26px; background: #fff; box-shadow: 0 18px 38px #41265d0b; }
.bepic-brew-steps li:nth-child(even) { transform: translateY(25px); }
.bepic-brew-steps li > span { position: absolute; left: 24px; top: -23px; width: 48px; height: 48px; display: grid; place-items: center; border: 5px solid #f3edf8; border-radius: 50%; background: #7950b1; color: #fff; font-size: 16px; font-weight: 700; }
.bepic-brew-steps h3 { font-size: 23px; color: #422065; }
.bepic-brew-steps p { font-size: 15px; line-height: 1.8; margin-bottom: 0; }
.bepic-brew-no-microwave { display: flex; align-items: center; gap: 14px; font-size: 15px; color: #513174; }
.bepic-brew-no-microwave > span,
.bepic-brew-safety > span { flex: 0 0 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; font-weight: 700; background: #7950b1; color: #fff; }
.bepic-brew-blend-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: start; }
.bepic-brew-blend-art { position: sticky; top: 125px; padding: 50px 20px 40px; border: 1px solid #d9c9eb; border-radius: 46% 46% 32px 32px; text-align: center; background: linear-gradient(160deg, #f3edf8, #fbf7ef); }
.bepic-brew-blend-art .bepic-brew-script { max-width: 280px; margin: 0 auto 20px; }
.bepic-brew-blend-art > img { display: block; width: 100%; max-width: 420px; height: auto; margin: auto; }
.bepic-brew-blend-art > div { margin-top: 25px; display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; font-size: 14px; font-weight: 600; color: #513174; }
.bepic-brew-blend-copy { min-width: 0; }
.bepic-brew-blend-copy > p { font-size: 17px; line-height: 1.85; }
.bepic-brew-details { border-top: 1px solid #dacde9; }
.bepic-brew-details summary { padding: 23px 0; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #422065; font-size: 19px; font-weight: 650; cursor: pointer; list-style: none; }
.bepic-brew-details summary::-webkit-details-marker { display: none; }
.bepic-brew-details summary > span { font-size: 25px; }
.bepic-brew-details[open] summary > span { transform: rotate(45deg); }
.bepic-brew-details > div { padding-bottom: 24px; font-size: 15px; line-height: 1.8; }
.bepic-brew-details table { width: 100%; margin: 20px 0; border-collapse: collapse; font-size: 14px; }
.bepic-brew-details caption { color: #422065; font-weight: 700; caption-side: top; }
.bepic-brew-details th,
.bepic-brew-details td { padding: 10px 8px; border-bottom: 1px solid #e6ddee; text-align: start; overflow-wrap: anywhere; }
.bepic-brew-details thead th { background: #f3edf8; font-size: 12px; }
.bepic-brew-resource { display: flex; align-items: center; gap: 20px; margin-top: 20px; padding: 28px; border-radius: 24px; background: #422065; color: #fff; transition: background .2s ease, transform .2s ease; }
.bepic-brew-resource small { display: block; margin-bottom: 10px; color: #e0d0f3; }
.bepic-brew-resource strong { display: block; font-size: 23px; line-height: 1.25; color: #fff; }
.bepic-brew-resource p { margin: 12px 0 0; font-size: 14px; line-height: 1.75; color: #eee5f8; }
.bepic-brew-resource > span { font-size: 30px; }
.bepic-brew-resource:hover { background: #593080; color: #fff; transform: translateY(-3px); }
.bepic-brew-safety { margin-top: 60px; padding: 30px; display: flex; align-items: flex-start; gap: 20px; border: 1px solid #dccbea; border-radius: 25px; color: #5f506c; background: #faf7fc; }
.bepic-brew-safety h3 { margin: 0 0 16px; color: #513174; font-size: 22px; }
.bepic-brew-safety p { font-size: 14px; line-height: 1.85; }
.bepic-brew-safety p:last-child { margin-bottom: 0; }
.bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child { min-height: 650px; }
.bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child .slide { min-height: 650px; background-position: center 35% !important; }
.bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child .slide::before { background: linear-gradient(90deg, #21102ab8, #21102a30); }
.bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 52%; margin: 0; }
.bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { width: 100%; padding: 40px; border-radius: 35px 100px 35px 35px; background: #352044ed; text-align: start !important; }
.bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before { display: none; }
.bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(40px, 4.6vw, 63px); }
.bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child h2 em { color: #dcc6f5; font-family: "Caveat", cursive; }
.bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child .slide-captions p { color: #f0e7f7; }
.bepic-family-drink2shrink a:focus-visible,
.bepic-brew-details summary:focus-visible { outline: 3px solid #a16911; outline-offset: 5px; }
@media (max-width: 1100px) {
    .bepic-brew-hero-grid { gap: 25px; }
    .bepic-brew-hero-art { min-height: 600px; }
    .bepic-brew-pack { left: 0; width: 90%; }
    .bepic-brew-hero-art > aside { right: 0; padding: 18px; }
    .bepic-brew-benefits,
    .bepic-brew-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px; }
    .bepic-brew-steps { row-gap: 55px; }
    .bepic-brew-brewing-heading,
    .bepic-brew-blend-grid { gap: 35px; }
}
@media (max-width: 767px) {
    .bepic-brew-hero-grid { grid-template-columns: 1fr; padding: 40px 0 65px; gap: 40px; }
    .bepic-brew-hero-copy { padding: 0; }
    .bepic-brew-script { font-size: 28px; }
    .bepic-brew-hero h1 { font-size: clamp(45px, 12vw, 63px); }
    .bepic-brew-hero-copy > p { font-size: 16px; }
    .bepic-brew-hero-art { min-height: 470px; margin: 0; }
    .bepic-brew-photo { inset: 0 10px 85px; }
    .bepic-brew-logo { right: 0; top: 25px; width: 150px; padding: 10px 15px; }
    .bepic-brew-pack { left: -5px; bottom: 0; width: 85%; }
    .bepic-brew-hero-art > aside { bottom: 20px; right: 0; max-width: 52%; padding: 15px; transform: rotate(-3deg); }
    .bepic-brew-hero-art > aside > span { display: none; }
    .bepic-brew-hero-art > aside strong { font-size: 17px; overflow-wrap: anywhere; }
    .bepic-brew-hero-art > aside small { font-size: 12px; }
    .bepic-family-drink2shrink .bepic-brew-story,
    .bepic-family-drink2shrink .bepic-brew-brewing,
    .bepic-family-drink2shrink .bepic-brew-blend { padding: 60px 0; }
    .bepic-family-drink2shrink .bepic-brew-story h2,
    .bepic-family-drink2shrink .bepic-brew-brewing h2,
    .bepic-family-drink2shrink .bepic-brew-blend h2 { font-size: clamp(33px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-brew-story-heading { text-align: start; }
    .bepic-brew-story-heading > p { font-size: 16px; }
    .bepic-brew-benefits,
    .bepic-brew-steps,
    .bepic-brew-brewing-heading,
    .bepic-brew-blend-grid { grid-template-columns: 1fr; }
    .bepic-brew-benefits { gap: 20px; }
    .bepic-brew-benefits article { padding-top: 20px; padding-inline-start: 52px; }
    .bepic-brew-benefits article > span { position: absolute; inset-inline-start: 0; top: 22px; font-size: 28px; }
    .bepic-brew-brewing-heading { gap: 10px; }
    .bepic-brew-brewing-heading p { font-size: 16px; }
    .bepic-brew-steps { margin: 55px 0 30px; gap: 45px; }
    .bepic-brew-steps li:nth-child(even) { transform: none; }
    .bepic-brew-blend-art { position: static; padding-top: 45px; }
    .bepic-brew-resource { padding: 24px; }
    .bepic-brew-resource strong { font-size: 21px; }
    .bepic-brew-safety { margin-top: 35px; padding: 25px 20px; gap: 12px; }
    .bepic-brew-safety > span { display: none; }
    .bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 35px 25px; border-radius: 30px 60px 30px 30px; }
    .bepic-family-drink2shrink .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(33px, 10vw, 44px); overflow-wrap: break-word; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-brew-pack { animation: none; }
    .bepic-brew-resource,
    .bepic-brew-benefits article > span { transition: none; }
    .bepic-brew-resource:hover,
    .bepic-brew-benefits article:hover > span { transform: none; }
}

/* Instant Tea: dusk photography, mango/fruit-punch contrast and an evening
   ritual. Separate from Brewed Tea's preparation and product composition. */
.bepic-instant-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: #34201f; }
.bepic-instant-hero-photo { position: absolute; z-index: -1; inset: 0; background-size: cover; background-position: 65% center; opacity: .65; }
.bepic-instant-hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #261a20 0, #2e2020e8 32%, #2e202045 75%), linear-gradient(0deg, #2e2020, transparent 80%); }
.bepic-instant-hero-grid { width: min(1240px, calc(100% - 48px)); margin: auto; display: grid; grid-template-columns: 1.1fr .9fr; gap: 55px; align-items: center; padding: 65px 0 100px; }
.bepic-instant-hero-copy { min-width: 0; }
.bepic-instant-script { display: block; margin: 0 0 20px; color: #ba397f; font: 700 clamp(26px, 2.7vw, 36px)/1.2 "Caveat", cursive; }
.bepic-instant-hero .bepic-instant-script { color: #f3c795; }
.bepic-instant-logo { display: block; width: 240px; height: auto; margin-bottom: 20px; }
.bepic-instant-eyebrow { display: block; margin-bottom: 20px; color: #9b3b6d; font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.bepic-instant-hero .bepic-instant-eyebrow { color: #f3d0de; }
.bepic-instant-hero h1 { margin: 0 0 28px; color: #fff; font-size: clamp(60px, 5.7vw, 85px); font-weight: 800; line-height: 1.02; letter-spacing: -.05em; }
.bepic-instant-hero h1 em { display: block; margin-top: 10px; color: #f6bc76; font: 700 1.07em/1.05 "Caveat", cursive; letter-spacing: -.02em; }
.bepic-instant-hero-copy > p { max-width: 510px; margin: 0; color: #f1ddd7; font-size: 18px; line-height: 1.8; }
.bepic-instant-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 30px; }
.bepic-instant-actions > a:not(.btn) { display: inline-flex; align-items: center; gap: 10px; color: #fff0e3; font-weight: 650; }
.bepic-family-drink2shrinkinstant .bepic-instant-actions .btn { background: #b93181; box-shadow: 0 18px 35px #08020840; }
.bepic-instant-hero-art { position: relative; display: grid; align-content: center; min-width: 0; min-height: 600px; padding: 30px 0 50px; }
.bepic-instant-product-halo { position: absolute; z-index: -1; inset: 60px 0 100px; border: 1px solid #ffd9bc70; border-radius: 50% 50% 38% 62%; background: radial-gradient(ellipse at 30% 30%, #f3b166c9, #b12e7c70); transform: rotate(12deg); }
.bepic-instant-hero-art > img { width: 100%; max-width: 460px; height: auto; display: block; margin: auto; filter: drop-shadow(0 20px 25px #10060e70); animation: bepicFamilyHeroSettle 1.1s ease both; }
.bepic-instant-hero-art > aside { position: relative; margin: -5px 0 0 40px; justify-self: end; padding: 20px 28px; display: grid; gap: 5px; border: 1px solid #ffe5d470; border-radius: 24px 24px 7px 24px; color: #fff3e3; background: #4b2539e6; backdrop-filter: blur(8px); box-shadow: 0 18px 35px #160b1726; }
.bepic-instant-hero-art > aside > span { position: absolute; left: -20px; top: 23px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: #efbc77; color: #663945; font-size: 24px; }
.bepic-instant-hero-art > aside strong { font-size: 22px; }
.bepic-instant-hero-art > aside small { color: #e9c6d5; font-size: 13px; }
.bepic-instant-wave { position: absolute; bottom: -1px; left: 0; width: 100%; height: 35px; display: block; }
.bepic-family-drink2shrinkinstant .bepic-instant-flavors { padding: 95px 0; background: #fffaf3; }
.bepic-family-drink2shrinkinstant .bepic-instant-flavors::before,
.bepic-family-drink2shrinkinstant .bepic-instant-benefits::before,
.bepic-family-drink2shrinkinstant .bepic-instant-guide::before { display: none; }
.bepic-instant-flavor-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }
.bepic-instant-flavor-art { position: relative; padding: 45px 25px 30px; border: 1px solid #ead0bd; border-radius: 90px 30px 110px 30px; background: radial-gradient(ellipse at 15% 25%, #f0c88a90, transparent 60%), #f8eadc; text-align: center; }
.bepic-instant-flavor-art > img { width: 100%; max-width: 420px; height: auto; }
.bepic-instant-flavor-art > span:last-child { display: block; margin-top: 25px; color: #775850; font-size: 13px; letter-spacing: .06em; }
.bepic-family-drink2shrinkinstant .bepic-instant-flavors h2,
.bepic-family-drink2shrinkinstant .bepic-instant-benefits h2,
.bepic-family-drink2shrinkinstant .bepic-instant-guide h2 { margin: 0 0 25px; color: #39232f; font-size: clamp(39px, 4.5vw, 65px); line-height: 1.08; letter-spacing: -.04em; font-weight: 800; }
.bepic-instant-flavors h2 em,
.bepic-instant-benefits h2 em,
.bepic-instant-guide h2 em { display: block; color: #ae377a; font-style: normal; }
.bepic-instant-flavor-copy > p { font-size: 17px; line-height: 1.8; color: #7a626c; }
.bepic-instant-flavor-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 30px 0 20px; }
.bepic-instant-flavor-notes > div { position: relative; padding: 30px 24px 24px; border-radius: 25px; background: #f8e5c8; color: #774c28; }
.bepic-instant-flavor-notes > div:last-child { background: #f9deed; color: #81335f; transform: translateY(14px); }
.bepic-instant-flavor-notes span { display: block; margin-bottom: 18px; font-size: 13px; font-weight: 600; }
.bepic-instant-flavor-notes h3 { color: inherit; font-size: 25px; }
.bepic-instant-flavor-notes p { font-size: 14px; line-height: 1.75; margin: 0; }
.bepic-instant-flavor-copy .bepic-instant-choice-note { margin: 35px 0 0; font-size: 13px; }
.bepic-family-drink2shrinkinstant .bepic-instant-benefits { padding: 95px 0; background: radial-gradient(ellipse at 8% 20%, #9d36604d, transparent 60%), #331e2d; }
.bepic-instant-benefit-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; }
.bepic-instant-benefit-heading .bepic-instant-script { color: #efbe7e; }
.bepic-family-drink2shrinkinstant .bepic-instant-benefits h2 { color: #fff5ef; }
.bepic-instant-benefits h2 em { color: #efadcf; }
.bepic-instant-benefit-heading > p { color: #e2c6d5; font-size: 17px; line-height: 1.85; }
.bepic-instant-benefit-heading > small { display: block; margin-top: 25px; color: #d3b3c4; font-size: 13px; line-height: 1.7; }
.bepic-instant-benefit-list article { display: flex; gap: 25px; align-items: center; padding: 28px 0; border-top: 1px solid #e9b4d23d; transition: transform .2s ease; }
.bepic-instant-benefit-list article:last-child { border-bottom: 1px solid #e9b4d23d; }
.bepic-instant-benefit-list article:hover { transform: translateX(5px); }
.bepic-instant-benefit-list article > span { flex: 0 0 48px; height: 48px; display: grid; place-items: center; border: 1px solid #c37d9c; border-radius: 50%; color: #edb2ce; font-size: 15px; }
.bepic-instant-benefit-list h3 { margin: 0 0 10px; color: #fff5ef; font-size: 25px; }
.bepic-instant-benefit-list p { margin: 0; color: #d9b9cc; font-size: 15px; line-height: 1.75; }
.bepic-family-drink2shrinkinstant .bepic-instant-guide { padding: 95px 0; background: #fffaf6; }
.bepic-instant-guide-heading { max-width: 800px; margin: 0 auto 45px; text-align: center; }
.bepic-instant-guide-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; align-items: stretch; }
.bepic-instant-routine { padding: 40px; border-radius: 30px 30px 70px 30px; color: #f5e5de; background: #5a3340; }
.bepic-instant-routine > span,
.bepic-instant-facts > span { color: #efc59d; font-size: 13px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.bepic-instant-routine ol { margin: 20px 0 30px; padding: 0; list-style: none; }
.bepic-instant-routine li { display: flex; align-items: start; gap: 20px; padding: 24px 0; border-bottom: 1px solid #deb4c22e; }
.bepic-instant-routine li > span { flex: 0 0 35px; height: 35px; display: grid; place-items: center; border: 1px solid #d4a0b2; border-radius: 50%; color: #f2bfd5; font-size: 13px; }
.bepic-instant-routine h3 { color: #fff1e8; font-size: 24px; margin: 0 0 12px; }
.bepic-instant-routine li p { color: #e2c8ce; font-size: 16px; line-height: 1.8; margin: 0; }
.bepic-instant-routine > p { font-size: 13px; line-height: 1.8; }
.bepic-instant-facts { padding: 40px; border: 1px solid #e9c9c5; border-radius: 30px 70px 30px 30px; background: #fff; }
.bepic-instant-facts > span { color: #a34768; }
.bepic-instant-facts dl { margin: 15px 0 25px; }
.bepic-instant-facts dl > div { display: flex; gap: 25px; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #eedee4; }
.bepic-instant-facts dt { color: #7e6773; font-size: 15px; font-weight: 400; }
.bepic-instant-facts dd { margin: 0; color: #843057; font-size: 22px; font-weight: 600; }
.bepic-instant-facts > p { color: #846476; font-size: 13px; line-height: 1.8; }
.bepic-instant-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 50px; align-items: start; }
.bepic-instant-details { border-top: 1px solid #e6cdd9; }
.bepic-instant-details summary { padding: 25px 0; display: flex; align-items: center; justify-content: space-between; gap: 15px; list-style: none; cursor: pointer; font-weight: 600; color: #72324f; font-size: 20px; }
.bepic-instant-details summary::-webkit-details-marker { display: none; }
.bepic-instant-details summary > span { color: #a03f71; font-size: 25px; }
.bepic-instant-details[open] summary > span { transform: rotate(45deg); }
.bepic-instant-details > div { padding-bottom: 25px; color: #7c6570; font-size: 15px; line-height: 1.9; }
.bepic-instant-resource { padding: 30px; display: grid; gap: 15px; border: 1px solid #dfb6ce; border-radius: 30px; color: #843057; background: #f9e6f0; transition: transform .2s ease, background .2s ease; }
.bepic-instant-resource small { color: #9b4673; font-size: 13px; }
.bepic-instant-resource strong { font-size: 26px; line-height: 1.25; }
.bepic-instant-resource p { margin: 0; color: #7d4e68; font-size: 15px; line-height: 1.8; }
.bepic-instant-resource > span { justify-self: end; font-size: 28px; }
.bepic-instant-resource:hover { color: #843057; background: #f4d9e9; transform: translateY(-4px); }
.bepic-instant-safety { padding: 30px; margin-top: 45px; border: 1px solid #e5c5be; border-radius: 25px; background: #fcf1e8; color: #81635e; }
.bepic-instant-safety h3 { margin: 0 0 18px; color: #815044; font-size: 22px; }
.bepic-instant-safety p { font-size: 14px; line-height: 1.85; }
.bepic-instant-safety p:last-child { margin-bottom: 0; }
.bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child,
.bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child .slide { min-height: 650px; }
.bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child .slide { background-position: center 45% !important; }
.bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child .slide::before { background: linear-gradient(90deg, #2c151eb8, #2c151e20); }
.bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 55%; margin: 0; }
.bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 40px; border: 1px solid #edc1d02e; border-radius: 70px 30px 70px 30px; background: #3b2135e6; backdrop-filter: blur(8px); text-align: start !important; }
.bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before { display: none; }
.bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(40px, 4.3vw, 62px); }
.bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child h2 em { display: block; font: 700 1.08em/1.1 "Caveat", cursive; color: #f6c389; }
.bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child .slide-captions p { color: #f1dfd9; }
.bepic-family-drink2shrinkinstant .bepic-family-offer-grid { grid-template-columns: 1fr; max-width: 1050px; margin-inline: auto; }
.bepic-family-drink2shrinkinstant .bepic-family-offer { display: grid; grid-template-columns: .9fr 1.1fr; }
.bepic-family-drink2shrinkinstant .bepic-family-offer-image { min-height: 380px; }
.bepic-family-drink2shrinkinstant .bepic-family-offer-body { padding: 35px; }
.bepic-family-drink2shrinkinstant .bepic-family-shop-heading > div:last-child strong,
.bepic-family-drink2shrinkinstant .bepic-family-shop .bepic-family-kicker { color: #f2bfd5; }
.bepic-family-drink2shrinkinstant a:focus-visible,
.bepic-instant-details summary:focus-visible { outline: 3px solid #cc8739; outline-offset: 5px; }
@media (max-width: 1100px) {
    .bepic-instant-hero-grid { gap: 30px; }
    .bepic-instant-hero h1 { font-size: 60px; }
    .bepic-instant-hero-art { min-height: 560px; }
    .bepic-instant-hero-art > aside { padding: 20px; }
    .bepic-instant-hero-art > aside strong { font-size: 19px; }
    .bepic-instant-flavor-grid,
    .bepic-instant-benefit-grid { gap: 40px; }
    .bepic-instant-flavor-notes { grid-template-columns: 1fr; }
    .bepic-instant-flavor-notes > div:last-child { transform: none; }
    .bepic-instant-facts { padding: 30px; }
    .bepic-instant-facts dl > div { gap: 20px; }
    .bepic-instant-facts dd { font-size: 20px; }
}
@media (max-width: 767px) {
    .bepic-instant-hero-grid { grid-template-columns: 1fr; padding: 40px 0 65px; gap: 35px; }
    .bepic-instant-script { font-size: 28px; }
    .bepic-instant-logo { width: 200px; }
    .bepic-instant-hero h1 { font-size: clamp(44px, 12vw, 62px); }
    .bepic-instant-hero-copy > p { font-size: 16px; }
    .bepic-instant-hero-art { min-height: 0; padding: 20px 0 30px; }
    .bepic-instant-product-halo { inset: 10px 0 80px; }
    .bepic-instant-hero-art > aside { margin: 15px 0 0 25px; padding: 18px 24px; }
    .bepic-instant-hero-art > aside strong { font-size: 19px; }
    .bepic-instant-hero-art > aside small { font-size: 12px; }
    .bepic-family-drink2shrinkinstant .bepic-instant-flavors,
    .bepic-family-drink2shrinkinstant .bepic-instant-benefits,
    .bepic-family-drink2shrinkinstant .bepic-instant-guide { padding: 60px 0; }
    .bepic-instant-flavor-grid,
    .bepic-instant-benefit-grid,
    .bepic-instant-guide-grid,
    .bepic-instant-detail-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-family-drink2shrinkinstant .bepic-instant-flavors h2,
    .bepic-family-drink2shrinkinstant .bepic-instant-benefits h2,
    .bepic-family-drink2shrinkinstant .bepic-instant-guide h2 { font-size: clamp(33px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-instant-flavor-art { padding: 35px 20px; border-radius: 60px 25px 80px 25px; }
    .bepic-instant-flavor-copy > p { font-size: 16px; }
    .bepic-instant-flavor-notes { grid-template-columns: 1fr 1fr; gap: 12px; }
    .bepic-instant-flavor-notes > div { padding: 24px 18px; }
    .bepic-instant-flavor-notes h3 { font-size: 23px; }
    .bepic-instant-flavor-notes p { font-size: 13px; }
    .bepic-instant-guide-heading { text-align: start; margin-bottom: 30px; }
    .bepic-instant-routine,
    .bepic-instant-facts { padding: 30px 24px; }
    .bepic-instant-facts dd { font-size: 20px; }
    .bepic-instant-facts dl > div { gap: 15px; }
    .bepic-instant-detail-grid { margin-top: 35px; }
    .bepic-instant-resource { padding: 25px; }
    .bepic-instant-safety { padding: 25px; margin-top: 35px; }
    .bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 35px 24px; border-radius: 50px 25px 70px 25px; }
    .bepic-family-drink2shrinkinstant .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-family-drink2shrinkinstant .bepic-family-offer { grid-template-columns: 1fr; }
    .bepic-family-drink2shrinkinstant .bepic-family-offer-image { min-height: 320px; }
    .bepic-family-drink2shrinkinstant .bepic-family-offer-body { padding: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-instant-hero-art > img { animation: none; }
    .bepic-instant-benefit-list article,
    .bepic-instant-resource { transition: none; }
    .bepic-instant-benefit-list article:hover,
    .bepic-instant-resource:hover { transform: none; }
}

/* ELEV8: light/green kinetic opening, five-benefit bento and a forest-toned
   formula story. Regional ingredient panels are independent disclosures. */
.bepic-elev8-hero { position: relative; background: radial-gradient(ellipse at 15% 80%, #d8efda99, transparent 55%), #f8fbf6; }
.bepic-elev8-hero-grid { width: min(1240px, calc(100% - 48px)); margin: auto; padding: 60px 0 100px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 60px; }
.bepic-elev8-hero-copy { position: relative; z-index: 2; min-width: 0; }
.bepic-elev8-script { display: block; margin-bottom: 18px; color: #267b40; font: 700 clamp(26px, 2.6vw, 36px)/1.2 "Caveat", cursive; }
.bepic-elev8-logo-frame { display: inline-block; padding: 12px 22px; margin-bottom: 25px; border-radius: 24px 24px 8px 24px; background: #183d2e; transform: rotate(-3deg); }
.bepic-elev8-logo-frame > img { display: block; width: 160px; height: auto; }
.bepic-elev8-eyebrow { display: block; margin-bottom: 18px; color: #39734b; font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.bepic-elev8-hero h1 { margin: 0 0 25px; font-size: clamp(57px, 5.3vw, 78px); font-weight: 800; line-height: 1.04; letter-spacing: -.05em; color: #143d2d; }
.bepic-elev8-hero h1 em { display: block; margin-top: 12px; color: #267b40; font: 700 1.08em/1.08 "Caveat", cursive; letter-spacing: -.02em; }
.bepic-elev8-hero-copy > p { max-width: 500px; margin: 0; color: #5e7362; font-size: 18px; line-height: 1.8; }
.bepic-elev8-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 30px; }
.bepic-elev8-actions > a:not(.btn) { display: inline-flex; align-items: center; gap: 10px; color: #245d36; font-weight: 650; }
.bepic-elev8-caffeine-note { display: block; max-width: 430px; margin-top: 25px; color: #526b58; font-size: 12px; line-height: 1.8; text-decoration: underline; text-underline-offset: 3px; }
.bepic-elev8-hero-art { position: relative; min-width: 0; min-height: 720px; }
.bepic-elev8-hero-photo { position: absolute; inset: 10px -10px 100px 5px; border-radius: 100px 28px 120px 28px; overflow: hidden; box-shadow: 0 25px 65px #173d2b24; }
.bepic-elev8-hero-photo > img { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }
.bepic-elev8-pack-stage { position: absolute; bottom: 0; left: 0; width: min(330px, 90%); padding: 22px; border: 1px solid #b1d5b3; border-radius: 28px 28px 60px 28px; background: linear-gradient(135deg, #f4fbef, #e0f1df); box-shadow: 0 20px 45px #173d2b28; transform: rotate(-4deg); animation: bepicFamilyHeroSettle 1.1s ease both; }
.bepic-elev8-pack-stage > img { display: block; width: 100%; height: auto; filter: drop-shadow(0 15px 15px #173d2b30); }
.bepic-elev8-pack-stage > span { display: block; margin-top: 20px; text-align: center; font-size: 12px; line-height: 1.6; color: #356846; }
.bepic-elev8-wave { display: block; width: 100%; height: 35px; position: absolute; left: 0; bottom: -1px; }
.bepic-family-elev8 .bepic-elev8-benefits { padding: 95px 0; background: #fff; }
.bepic-family-elev8 .bepic-elev8-benefits::before,
.bepic-family-elev8 .bepic-elev8-formula::before,
.bepic-family-elev8 .bepic-elev8-guide::before { display: none; }
.bepic-family-elev8 .bepic-elev8-benefits h2,
.bepic-family-elev8 .bepic-elev8-formula h2,
.bepic-family-elev8 .bepic-elev8-guide h2 { margin: 0 0 25px; font-size: clamp(39px, 4.5vw, 65px); font-weight: 800; line-height: 1.08; letter-spacing: -.045em; color: #183d2d; }
.bepic-elev8-benefits h2 em,
.bepic-elev8-formula h2 em,
.bepic-elev8-guide h2 em { display: block; color: #267b40; font-style: normal; }
.bepic-elev8-benefit-heading { display: grid; grid-template-columns: 1.1fr .9fr; gap: 75px; align-items: center; margin-bottom: 35px; }
.bepic-elev8-benefit-heading p { font-size: 17px; line-height: 1.8; color: #627467; }
.bepic-elev8-benefit-heading small { color: #52705b; font-size: 13px; }
.bepic-elev8-benefit-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px; }
.bepic-elev8-benefit-grid article { grid-column: span 2; position: relative; padding: 50px 28px 30px; min-height: 200px; border: 1px solid #dce9df; border-radius: 26px; background: #f8fbf6; overflow: hidden; transition: transform .2s ease; }
.bepic-elev8-benefit-grid article:nth-child(n+4) { grid-column: span 3; }
.bepic-elev8-benefit-grid article:first-child { background: #143d2d; border-color: #143d2d; }
.bepic-elev8-benefit-grid article:nth-child(2),
.bepic-elev8-benefit-grid article:nth-child(5) { background: #e5f3e7; }
.bepic-elev8-benefit-grid article > span { position: absolute; top: 10px; right: 20px; color: #769c7c3d; font-size: 60px; font-weight: 800; line-height: 1; }
.bepic-elev8-benefit-grid h3 { margin: 0 0 12px; position: relative; color: #285a37; font-size: 25px; }
.bepic-elev8-benefit-grid p { margin: 0; position: relative; color: #5e7364; font-size: 16px; line-height: 1.8; }
.bepic-elev8-benefit-grid article:first-child h3 { color: #b6e5a6; }
.bepic-elev8-benefit-grid article:first-child p { color: #d6e7d6; }
.bepic-elev8-benefit-grid article:hover { transform: translateY(-4px); }
.bepic-family-elev8 .bepic-elev8-formula { padding: 95px 0; background: radial-gradient(ellipse at 90% 10%, #3b855d44, transparent 60%), #122e23; }
.bepic-elev8-formula-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: start; }
.bepic-elev8-formula-art { position: sticky; top: 120px; padding: 45px 30px 30px; border: 1px solid #d1e5c6; border-radius: 80px 28px 95px 28px; text-align: center; background: linear-gradient(140deg, #f4faef, #e2f0dc); }
.bepic-elev8-formula-art > img { width: 100%; max-width: 370px; height: auto; display: block; margin: 25px auto 30px; }
.bepic-elev8-formula-art .bepic-elev8-script { max-width: 280px; margin: 0 auto; }
.bepic-elev8-formula-copy { min-width: 0; }
.bepic-elev8-formula-copy > .bepic-elev8-eyebrow { color: #b7d6ad; }
.bepic-family-elev8 .bepic-elev8-formula h2 { color: #f5fbef; }
.bepic-elev8-formula h2 em { color: #b5e69b; font: 700 1.12em/1.1 "Caveat", cursive; letter-spacing: -.01em; }
.bepic-elev8-formula-copy > p { color: #d1dfd1; font-size: 17px; line-height: 1.85; }
.bepic-elev8-blend { border-top: 1px solid #94ba9259; }
.bepic-elev8-blend summary { padding: 25px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #eef9e8; font-size: 20px; font-weight: 600; line-height: 1.4; list-style: none; cursor: pointer; }
.bepic-elev8-blend summary::-webkit-details-marker,
.bepic-elev8-label summary::-webkit-details-marker { display: none; }
.bepic-elev8-blend summary > span { flex-shrink: 0; font-size: 28px; color: #b6dda7; }
.bepic-elev8-blend[open] summary > span,
.bepic-elev8-label[open] summary > span { transform: rotate(45deg); }
.bepic-elev8-blend > div { padding-bottom: 25px; color: #d1dfd1; font-size: 15px; line-height: 1.85; }
.bepic-family-elev8 .bepic-elev8-guide { padding: 95px 0; background: #f8fbf5; }
.bepic-elev8-guide-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 80px; align-items: start; }
.bepic-elev8-routine { position: sticky; top: 120px; }
.bepic-elev8-routine ol { list-style: none; padding: 0; margin: 20px 0 25px; }
.bepic-elev8-routine li { display: flex; gap: 20px; padding: 25px 0; border-bottom: 1px solid #d7e5d4; }
.bepic-elev8-routine li > span { flex: 0 0 40px; height: 40px; display: grid; place-items: center; border: 1px solid #abc8a8; border-radius: 50%; color: #477b4c; font-size: 14px; }
.bepic-elev8-routine h3 { color: #3b6547; font-size: 24px; margin: 0 0 12px; }
.bepic-elev8-routine li p { color: #627568; font-size: 16px; line-height: 1.8; margin: 0; }
.bepic-elev8-caffeine-warning { padding: 23px; border: 1px solid #abc8a8; border-radius: 24px; color: #355f3e; background: #e9f3e1; font-size: 15px; line-height: 1.85; }
.bepic-elev8-labels { min-width: 0; }
.bepic-elev8-labels > p { color: #607164; font-size: 15px; line-height: 1.8; }
.bepic-elev8-label { border-top: 1px solid #c9dfc6; }
.bepic-elev8-label summary { padding: 25px 0; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #285d39; font-size: 20px; font-weight: 600; line-height: 1.5; list-style: none; cursor: pointer; }
.bepic-elev8-label summary > span { flex-shrink: 0; font-size: 28px; }
.bepic-elev8-label > div { padding-bottom: 25px; color: #526b58; font-size: 14px; line-height: 1.85; }
.bepic-elev8-label table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
.bepic-elev8-label caption { color: #285d39; caption-side: top; font-weight: 650; }
.bepic-elev8-label th,
.bepic-elev8-label td { padding: 13px 10px; border-bottom: 1px solid #d7e6d3; text-align: start; overflow-wrap: anywhere; vertical-align: top; }
.bepic-elev8-label th { width: 73%; color: #2c633f; background: #edf5e8; }
.bepic-elev8-vitamins { margin-top: 25px; padding: 28px; border: 1px solid #c9dfc6; border-radius: 24px; background: #fff; }
.bepic-elev8-vitamins h3 { color: #285d39; font-size: 21px; }
.bepic-elev8-vitamins > p { color: #607164; font-size: 14px; line-height: 1.8; }
.bepic-elev8-vitamins dl { display: grid; grid-template-columns: 1fr 1fr; column-gap: 25px; margin: 15px 0 0; }
.bepic-elev8-vitamins dl > div { display: flex; justify-content: space-between; gap: 12px; min-width: 0; padding: 13px 0; border-bottom: 1px solid #e2ebde; }
.bepic-elev8-vitamins dt { color: #617667; font-size: 14px; font-weight: 400; }
.bepic-elev8-vitamins dd { color: #2c633f; font-size: 14px; font-weight: 650; margin: 0; }
.bepic-elev8-resources { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 55px; }
.bepic-elev8-resources > a { position: relative; display: grid; gap: 15px; padding: 30px; border: 1px solid #bad6ae; border-radius: 28px; color: #285d39; background: #e6f2dd; transition: transform .2s ease; }
.bepic-elev8-resources > a:first-child { color: #e8f8de; background: #1d4b31; border-color: #1d4b31; }
.bepic-elev8-resources small { font-size: 13px; color: inherit; }
.bepic-elev8-resources strong { font-size: 25px; line-height: 1.3; }
.bepic-elev8-resources p { font-size: 15px; line-height: 1.8; margin: 0; color: inherit; }
.bepic-elev8-resources > a > span { font-size: 28px; justify-self: end; }
.bepic-elev8-resources > a:hover { transform: translateY(-4px); }
.bepic-elev8-safety { margin-top: 40px; padding: 30px; border: 1px solid #c9dfc6; border-radius: 24px; background: #f0f6ea; color: #536f59; }
.bepic-elev8-safety h3 { color: #315f3d; font-size: 22px; margin: 0 0 18px; }
.bepic-elev8-safety p { font-size: 14px; line-height: 1.85; }
.bepic-elev8-safety p:last-child { margin-bottom: 0; }
.bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child,
.bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child .slide { min-height: 650px; }
.bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child .slide::before { background: linear-gradient(270deg, #123d2adb, #123d2a18); }
.bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 53%; margin: 0 0 0 auto; }
.bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 40px; border: 1px solid #a9d9a73d; border-radius: 70px 25px 90px 25px; background: #143d2ce8; backdrop-filter: blur(8px); text-align: start !important; }
.bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before { display: none; }
.bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(38px, 4.3vw, 62px); }
.bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child h2 em { display: block; color: #bce3a8; font: 700 1.1em/1.1 "Caveat", cursive; }
.bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child .slide-captions p { color: #e2f1d9; }
.bepic-family-elev8 .bepic-family-shop-heading > div:last-child strong,
.bepic-family-elev8 .bepic-family-shop .bepic-family-kicker { color: #bde3ab; }
.bepic-family-elev8 a:focus-visible,
.bepic-family-elev8 summary:focus-visible { outline: 3px solid #4e9b55; outline-offset: 5px; }
@media (max-width: 1100px) {
    .bepic-elev8-hero-grid { gap: 30px; }
    .bepic-elev8-hero-art { min-height: 720px; }
    .bepic-elev8-benefit-heading,
    .bepic-elev8-formula-grid,
    .bepic-elev8-guide-grid { gap: 35px; }
    .bepic-elev8-vitamins { padding: 22px; }
    .bepic-elev8-vitamins dl { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .bepic-elev8-hero-grid { grid-template-columns: 1fr; padding: 40px 0 65px; gap: 35px; }
    .bepic-elev8-script { font-size: 28px; }
    .bepic-elev8-logo-frame { padding: 10px 18px; margin-bottom: 22px; }
    .bepic-elev8-logo-frame > img { width: 125px; }
    .bepic-elev8-hero h1 { font-size: clamp(44px, 12vw, 60px); }
    .bepic-elev8-hero-copy > p { font-size: 16px; }
    .bepic-elev8-hero-art { min-height: 570px; }
    .bepic-elev8-hero-photo { inset: 0 0 115px; border-radius: 75px 24px 90px 24px; }
    .bepic-elev8-pack-stage { width: 76%; left: 7px; padding: 20px; }
    .bepic-elev8-pack-stage > span { font-size: 12px; }
    .bepic-family-elev8 .bepic-elev8-benefits,
    .bepic-family-elev8 .bepic-elev8-formula,
    .bepic-family-elev8 .bepic-elev8-guide { padding: 60px 0; }
    .bepic-elev8-benefit-heading,
    .bepic-elev8-formula-grid,
    .bepic-elev8-guide-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-family-elev8 .bepic-elev8-benefits h2,
    .bepic-family-elev8 .bepic-elev8-formula h2,
    .bepic-family-elev8 .bepic-elev8-guide h2 { font-size: clamp(33px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-elev8-benefit-grid { grid-template-columns: 1fr; gap: 15px; }
    .bepic-elev8-benefit-grid article,
    .bepic-elev8-benefit-grid article:nth-child(n+4) { grid-column: auto; min-height: 0; padding: 35px 24px 30px; }
    .bepic-elev8-formula-art,
    .bepic-elev8-routine { position: static; }
    .bepic-elev8-formula-art { padding: 35px 25px; }
    .bepic-elev8-label th,
    .bepic-elev8-label td { padding: 11px 8px; }
    .bepic-elev8-resources { grid-template-columns: 1fr; gap: 20px; margin-top: 35px; }
    .bepic-elev8-resources > a { padding: 25px; }
    .bepic-elev8-safety { padding: 25px; }
    .bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 35px 24px; border-radius: 55px 25px 80px 25px; transform: none; }
    .bepic-family-elev8 .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 10vw, 44px); overflow-wrap: break-word; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-elev8-pack-stage { animation: none; transform: none; }
    .bepic-elev8-benefit-grid article,
    .bepic-elev8-resources > a { transition: none; }
    .bepic-elev8-benefit-grid article:hover,
    .bepic-elev8-resources > a:hover { transform: none; }
}

/* ELEV8 Drink 2.0: centered aquatic hero with floating product notes,
   airy performance rail and independently labeled Regular/EU ingredients. */
.bepic-edrink-hero { position: relative; isolation: isolate; overflow: hidden; background: #073e42; color: #fff; }
.bepic-edrink-hero-media { position: absolute; z-index: -1; inset: 0; background-size: cover; background-position: center 30%; }
.bepic-edrink-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #073e42e6, #073e42b8 50%, #073e42eb), linear-gradient(0deg, #073e42, #073e4240); }
.bepic-edrink-hero > .container { width: min(1240px, calc(100% - 48px)); margin: auto; padding: 60px 0 95px; text-align: center; }
.bepic-edrink-script { display: block; margin-bottom: 18px; color: #22736a; font: 700 clamp(26px, 2.7vw, 36px)/1.2 "Caveat", cursive; }
.bepic-edrink-hero .bepic-edrink-script { color: #c4eba9; }
.bepic-edrink-logo { display: block; width: 205px; height: auto; margin: 0 auto 24px; }
.bepic-edrink-hero h1 { position: relative; margin: 0 auto 25px; max-width: 850px; color: #fff; font-size: clamp(70px, 7.3vw, 105px); font-weight: 800; line-height: .98; letter-spacing: -.055em; }
.bepic-edrink-hero h1 em { display: block; margin-top: 15px; color: #bde7a1; font: 700 1.12em/1.02 "Caveat", cursive; letter-spacing: -.02em; }
.bepic-edrink-hero > .container > p { max-width: 770px; margin: 0 auto; color: #ddf3e9; font-size: 18px; line-height: 1.8; }
.bepic-edrink-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 25px; margin-top: 30px; }
.bepic-edrink-actions > a:not(.btn) { display: inline-flex; gap: 12px; align-items: center; color: #f0fff4; font-weight: 650; }
.bepic-family-elev8drink .bepic-edrink-actions .btn { color: #143e2c; background: #c0eaa0; box-shadow: 0 15px 45px #031e2633; }
.bepic-edrink-caffeine-note { display: inline-block; max-width: 650px; margin-top: 25px; color: #c8e4d9; font-size: 13px; line-height: 1.8; text-decoration: underline; text-underline-offset: 3px; }
.bepic-edrink-pack-stage { position: relative; width: min(410px, 100%); margin: 45px auto 0; padding: 25px; border: 1px solid #ccecc461; border-radius: 80px 30px 90px 30px; background: linear-gradient(145deg, #d6f2ce3d, #ffffff12); backdrop-filter: blur(6px); box-shadow: 0 25px 55px #031e2640; animation: bepicFamilyHeroSettle 1.1s ease both; }
.bepic-edrink-pack-stage > img { display: block; width: 100%; height: auto; filter: drop-shadow(0 20px 20px #031e2660); }
.bepic-edrink-hero-notes { position: absolute; left: max(30px, calc((100% - 1240px)/2)); right: max(30px, calc((100% - 1240px)/2)); bottom: 260px; display: flex; justify-content: space-between; gap: 30px; pointer-events: none; }
.bepic-edrink-hero-notes > aside { width: 230px; position: relative; padding: 28px; border: 1px solid #ccecc445; border-radius: 25px 25px 8px 25px; color: #efffe8; background: #0c4548eb; box-shadow: 0 20px 45px #031e2633; backdrop-filter: blur(8px); text-align: start; transform: rotate(-4deg); }
.bepic-edrink-hero-notes > aside:last-child { transform: rotate(4deg); border-radius: 25px 25px 25px 8px; }
.bepic-edrink-hero-notes > aside > span { display: block; margin-bottom: 14px; color: #c0eaa0; font-size: 28px; line-height: 1; }
.bepic-edrink-hero-notes strong { display: block; font-size: 23px; line-height: 1.3; }
.bepic-edrink-hero-notes small { display: block; margin-top: 10px; font-size: 13px; line-height: 1.7; color: #c6e4d7; }
.bepic-edrink-wave { width: 100%; height: 35px; display: block; position: absolute; bottom: -1px; left: 0; }
.bepic-family-elev8drink .bepic-edrink-formula { padding: 95px 0; background: #fbfcf5; }
.bepic-family-elev8drink .bepic-edrink-formula::before,
.bepic-family-elev8drink .bepic-edrink-benefits::before,
.bepic-family-elev8drink .bepic-edrink-guide::before { display: none; }
.bepic-edrink-formula-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.bepic-edrink-formula-art { position: sticky; top: 120px; padding: 50px 30px 30px; border: 1px solid #cde2c7; border-radius: 45% 45% 35px 35px; text-align: center; background: linear-gradient(145deg, #eef7e6, #d9eee8); }
.bepic-edrink-formula-art > img { display: block; width: 100%; max-width: 380px; height: auto; margin: 25px auto 30px; }
.bepic-edrink-formula-art > span:last-child { color: #3e6757; font-size: 13px; line-height: 1.8; }
.bepic-edrink-formula-art .bepic-edrink-script { max-width: 270px; margin: 0 auto; }
.bepic-edrink-formula-copy { min-width: 0; }
.bepic-edrink-eyebrow { display: block; margin-bottom: 20px; color: #277267; font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.bepic-family-elev8drink .bepic-edrink-formula h2,
.bepic-family-elev8drink .bepic-edrink-benefits h2,
.bepic-family-elev8drink .bepic-edrink-guide h2 { margin: 0 0 25px; color: #143f38; font-size: clamp(39px, 4.5vw, 65px); font-weight: 800; line-height: 1.08; letter-spacing: -.045em; }
.bepic-edrink-formula h2 em,
.bepic-edrink-benefits h2 em,
.bepic-edrink-guide h2 em { display: block; color: #126d68; font-style: normal; }
.bepic-edrink-formula-copy > p { color: #516e63; font-size: 17px; line-height: 1.85; }
.bepic-edrink-blend { border-top: 1px solid #cbded2; }
.bepic-edrink-blend summary { padding: 25px 0; display: flex; justify-content: space-between; align-items: center; gap: 18px; color: #1b5a4e; font-size: 20px; font-weight: 600; line-height: 1.4; cursor: pointer; list-style: none; }
.bepic-edrink-blend summary::-webkit-details-marker,
.bepic-edrink-label summary::-webkit-details-marker { display: none; }
.bepic-edrink-blend summary > span,
.bepic-edrink-label summary > span { flex-shrink: 0; font-size: 28px; }
.bepic-edrink-blend[open] summary > span,
.bepic-edrink-label[open] summary > span { transform: rotate(45deg); }
.bepic-edrink-blend > div { padding-bottom: 25px; color: #4d6c60; font-size: 15px; line-height: 1.85; }
.bepic-family-elev8drink .bepic-edrink-benefits { padding: 90px 0; background: radial-gradient(ellipse at 50% 0, #cce7d84d, transparent 70%), #eef8f3; }
.bepic-edrink-benefit-heading { max-width: 800px; margin: 0 auto 45px; text-align: center; }
.bepic-edrink-benefit-heading p { color: #567366; font-size: 17px; line-height: 1.8; }
.bepic-edrink-benefit-heading small { color: #4d6e60; font-size: 13px; }
.bepic-edrink-benefit-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 25px; }
.bepic-edrink-benefit-grid article { min-width: 0; border-top: 2px solid #b8d8c9; padding-top: 25px; }
.bepic-edrink-benefit-grid article > span { display: block; margin-bottom: 25px; color: #5b9781; font-size: 43px; font-weight: 300; line-height: 1; transition: transform .2s ease; }
.bepic-edrink-benefit-grid h3 { color: #1c5d4e; font-size: 23px; margin: 0 0 12px; }
.bepic-edrink-benefit-grid p { color: #526f62; font-size: 15px; line-height: 1.8; margin: 0; }
.bepic-edrink-benefit-grid article:hover > span { transform: translateY(-4px); }
.bepic-family-elev8drink .bepic-edrink-guide { padding: 95px 0; background: #fffdf9; }
.bepic-edrink-guide-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.bepic-edrink-routine { position: sticky; top: 120px; }
.bepic-edrink-routine ol { padding: 0; margin: 25px 0; list-style: none; }
.bepic-edrink-routine li { display: flex; gap: 20px; padding: 25px 0; border-bottom: 1px solid #d8e5da; }
.bepic-edrink-routine li > span { flex: 0 0 40px; height: 40px; display: grid; place-items: center; border: 1px solid #b8d8c9; border-radius: 50%; color: #326b58; font-size: 14px; }
.bepic-edrink-routine h3 { color: #285f4f; font-size: 24px; margin: 0 0 12px; }
.bepic-edrink-routine li p { margin: 0; color: #577064; font-size: 16px; line-height: 1.8; }
.bepic-edrink-caffeine-warning { padding: 23px; border: 1px solid #a9cdbd; border-radius: 25px; color: #244f43; background: #e6f3e8; font-size: 15px; line-height: 1.85; }
.bepic-edrink-minerals { margin-top: 30px; padding: 28px; border: 1px solid #cadfce; border-radius: 25px; background: #f1f8ed; }
.bepic-edrink-minerals > span { color: #2b6b53; font-size: 13px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.bepic-edrink-minerals dl { margin: 15px 0 0; }
.bepic-edrink-minerals dl > div { display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #d6e4d2; }
.bepic-edrink-minerals dt { color: #486a56; font-size: 14px; font-weight: 400; }
.bepic-edrink-minerals dd { margin: 0; color: #205840; font-size: 22px; font-weight: 650; }
.bepic-edrink-labels { min-width: 0; }
.bepic-edrink-labels > p { color: #536e60; font-size: 15px; line-height: 1.85; }
.bepic-edrink-label { border-top: 1px solid #c6ddce; }
.bepic-edrink-label summary { padding: 25px 0; display: flex; justify-content: space-between; align-items: center; gap: 18px; color: #1b5a4e; font-size: 20px; font-weight: 600; line-height: 1.5; cursor: pointer; list-style: none; }
.bepic-edrink-label > div { padding-bottom: 25px; color: #466658; font-size: 14px; line-height: 1.85; }
.bepic-edrink-label table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
.bepic-edrink-label caption { color: #245f4c; caption-side: top; font-weight: 650; }
.bepic-edrink-label th,
.bepic-edrink-label td { padding: 13px 10px; border-bottom: 1px solid #d6e4d2; text-align: start; overflow-wrap: anywhere; vertical-align: top; }
.bepic-edrink-label th { width: 73%; color: #245f4c; background: #edf5e9; }
.bepic-edrink-resource { margin-top: 30px; padding: 30px; display: grid; gap: 15px; border: 1px solid #abcdbd; border-radius: 28px; color: #e8f5df; background: #144e45; transition: transform .2s ease; }
.bepic-edrink-resource strong { font-size: 26px; line-height: 1.25; }
.bepic-edrink-resource small { color: #c5e5ca; font-size: 13px; }
.bepic-edrink-resource p { color: #d8ead8; font-size: 15px; line-height: 1.8; margin: 0; }
.bepic-edrink-resource > span { font-size: 28px; justify-self: end; }
.bepic-edrink-resource:hover { color: #fff; transform: translateY(-4px); }
.bepic-edrink-safety { margin-top: 45px; padding: 30px; border: 1px solid #cadfce; border-radius: 25px; background: #f2f7ee; color: #4b6b57; }
.bepic-edrink-safety h3 { color: #285f43; font-size: 22px; margin: 0 0 18px; }
.bepic-edrink-safety p { font-size: 14px; line-height: 1.85; }
.bepic-edrink-safety p:last-child { margin-bottom: 0; }
.bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child,
.bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child .slide { min-height: 650px; }
.bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child .slide::before { background: linear-gradient(90deg, #073e42e0, #073e4230); }
.bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 53%; margin: 0; }
.bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 40px; border: 1px solid #bfe1c840; border-radius: 75px 30px 100px 30px; background: #073e42eb; backdrop-filter: blur(8px); text-align: start !important; }
.bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before { display: none; }
.bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(38px, 4.3vw, 62px); }
.bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child h2 em { display: block; color: #c6e9a9; font: 700 1.12em/1.1 "Caveat", cursive; }
.bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child .slide-captions p { color: #e0f3e5; }
.bepic-family-elev8drink .bepic-family-shop-heading > div:last-child strong,
.bepic-family-elev8drink .bepic-family-shop .bepic-family-kicker { color: #c6e9a9; }
.bepic-family-elev8drink .bepic-family-offer-grid { grid-template-columns: 1fr; max-width: 1050px; margin-inline: auto; }
.bepic-family-elev8drink .bepic-family-offer { display: grid; grid-template-columns: .9fr 1.1fr; }
.bepic-family-elev8drink .bepic-family-offer-body { padding: 35px; }
.bepic-family-elev8drink a:focus-visible,
.bepic-family-elev8drink summary:focus-visible { outline: 3px solid #8bb34a; outline-offset: 5px; }
@media (max-width: 1100px) {
    .bepic-edrink-hero-notes { position: static; display: grid; grid-template-columns: 1fr 1fr; width: min(650px, 100%); margin: 35px auto 0; gap: 20px; }
    .bepic-edrink-hero-notes > aside,
    .bepic-edrink-hero-notes > aside:last-child { width: auto; transform: none; }
    .bepic-edrink-formula-grid,
    .bepic-edrink-guide-grid { gap: 35px; }
    .bepic-edrink-benefit-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
    .bepic-edrink-benefit-grid article:last-child { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
    .bepic-edrink-hero > .container { padding: 40px 0 65px; }
    .bepic-edrink-script { font-size: 28px; }
    .bepic-edrink-logo { width: 170px; margin-bottom: 25px; }
    .bepic-edrink-hero h1 { font-size: clamp(52px, 15vw, 75px); }
    .bepic-edrink-hero > .container > p { font-size: 16px; }
    .bepic-edrink-pack-stage { padding: 22px; margin-top: 35px; border-radius: 65px 25px 80px 25px; }
    .bepic-edrink-hero-notes { grid-template-columns: 1fr; gap: 15px; }
    .bepic-edrink-hero-notes > aside { padding: 25px; }
    .bepic-family-elev8drink .bepic-edrink-formula,
    .bepic-family-elev8drink .bepic-edrink-benefits,
    .bepic-family-elev8drink .bepic-edrink-guide { padding: 60px 0; }
    .bepic-edrink-formula-grid,
    .bepic-edrink-guide-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-edrink-formula-art,
    .bepic-edrink-routine { position: static; }
    .bepic-edrink-formula-art { padding: 40px 25px 30px; }
    .bepic-family-elev8drink .bepic-edrink-formula h2,
    .bepic-family-elev8drink .bepic-edrink-benefits h2,
    .bepic-family-elev8drink .bepic-edrink-guide h2 { font-size: clamp(33px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-edrink-benefit-heading { text-align: start; margin-bottom: 30px; }
    .bepic-edrink-benefit-grid { grid-template-columns: 1fr; gap: 25px; }
    .bepic-edrink-benefit-grid article { position: relative; padding-inline-start: 55px; }
    .bepic-edrink-benefit-grid article > span { position: absolute; inset-inline-start: 0; top: 25px; font-size: 30px; }
    .bepic-edrink-benefit-grid article:last-child { grid-column: auto; }
    .bepic-edrink-minerals { padding: 24px; }
    .bepic-edrink-minerals dd { font-size: 20px; }
    .bepic-edrink-minerals dl > div { gap: 15px; }
    .bepic-edrink-label th,
    .bepic-edrink-label td { padding: 11px 8px; }
    .bepic-edrink-resource,
    .bepic-edrink-safety { padding: 25px; }
    .bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 35px 24px; border-radius: 55px 25px 80px 25px; transform: none; }
    .bepic-family-elev8drink .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-family-elev8drink .bepic-family-offer { grid-template-columns: 1fr; }
    .bepic-family-elev8drink .bepic-family-offer-body { padding: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-edrink-pack-stage { animation: none; }
    .bepic-edrink-benefit-grid article > span,
    .bepic-edrink-resource { transition: none; }
    .bepic-edrink-benefit-grid article:hover > span,
    .bepic-edrink-resource:hover { transform: none; }
}

/* EpicSlim Coffee: warm editorial split, layered lifestyle/pack portrait,
   espresso benefit bento and a readable hot-or-cold routine. */
.bepic-coffee-hero { position: relative; overflow: hidden; padding: 70px 0 90px; color: #432e25; background: radial-gradient(ellipse at 100% 0, #f1cfb966, transparent 60%), #fff8ed; }
.bepic-coffee-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 75px; align-items: center; }
.bepic-coffee-hero-copy { min-width: 0; }
.bepic-coffee-script { display: block; margin-bottom: 20px; color: #a44327; font: 700 clamp(26px, 2.6vw, 36px)/1.2 "Caveat", cursive; }
.bepic-coffee-eyebrow { display: block; color: #945134; font-size: 12px; font-weight: 650; line-height: 1.8; letter-spacing: .09em; text-transform: uppercase; margin-bottom: 22px; }
.bepic-coffee-hero h1 { margin: 0 0 30px; color: #39261f; font-size: clamp(55px, 5.8vw, 83px); font-weight: 800; line-height: 1.02; letter-spacing: -.05em; }
.bepic-coffee-hero h1 em { display: block; margin-top: 12px; color: #b34722; font: 700 1.08em/1.06 "Caveat", cursive; letter-spacing: -.03em; }
.bepic-coffee-hero-copy > p { color: #725c4c; font-size: 18px; line-height: 1.85; }
.bepic-coffee-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 30px; }
.bepic-family-epicslimcoffee .bepic-coffee-actions .btn { color: #fff; background: #ac4125; box-shadow: 0 15px 30px #7a321b25; }
.bepic-coffee-actions > a:not(.btn) { display: inline-flex; align-items: center; gap: 12px; color: #653c2b; font-weight: 650; }
.bepic-coffee-caffeine-note { display: inline-block; margin-top: 25px; color: #7c5a48; font-size: 13px; line-height: 1.8; text-decoration: underline; text-underline-offset: 3px; }
.bepic-coffee-hero-art { position: relative; min-width: 0; height: 650px; padding-top: 25px; }
.bepic-coffee-photo { position: absolute; inset: 25px 0 80px 25px; border-radius: 220px 220px 35px 35px; background-size: cover; background-position: 60% center; box-shadow: 0 20px 50px #6a3b2220; }
.bepic-coffee-mark { position: absolute; z-index: 2; top: 0; left: -20px; width: 210px; padding: 25px; border: 1px solid #c5a28f; border-radius: 40px 15px 40px 15px; background: #39261ff5; transform: rotate(-5deg); }
.bepic-coffee-mark img { display: block; width: 100%; height: auto; }
.bepic-coffee-hero-pack { position: absolute; z-index: 3; width: min(540px, 110%); max-width: none; height: auto; right: -10px; bottom: 30px; filter: drop-shadow(0 25px 20px #522a2445); animation: bepicFamilyHeroSettle 1.1s ease both; }
.bepic-coffee-art-note { position: absolute; z-index: 4; bottom: 0; right: 5px; padding: 14px 22px; border: 1px solid #d4ad90; border-radius: 999px; color: #7f4026; background: #fffcf2; font: 700 25px/1.2 "Caveat", cursive; transform: rotate(-4deg); }
.bepic-coffee-highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin-top: 55px; border-top: 1px solid #d9bda6; padding-top: 30px; }
.bepic-coffee-highlights > div { min-width: 0; display: flex; align-items: center; gap: 20px; }
.bepic-coffee-highlights strong { flex-shrink: 0; color: #a34424; font-size: clamp(24px, 2.4vw, 34px); font-weight: 700; }
.bepic-coffee-highlights span { max-width: 150px; color: #715747; font-size: 14px; line-height: 1.7; }
.bepic-coffee-wave { position: absolute; display: block; width: 100%; height: 35px; left: 0; bottom: -1px; }
.bepic-family-epicslimcoffee .bepic-coffee-blend,
.bepic-family-epicslimcoffee .bepic-coffee-guide { padding: 100px 0; background: #fffcf7; }
.bepic-family-epicslimcoffee .bepic-coffee-blend::before,
.bepic-family-epicslimcoffee .bepic-coffee-benefits::before,
.bepic-family-epicslimcoffee .bepic-coffee-guide::before { display: none; }
.bepic-coffee-blend-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 85px; }
.bepic-coffee-blend-heading { position: sticky; top: 120px; min-width: 0; }
.bepic-family-epicslimcoffee .bepic-coffee-blend h2,
.bepic-family-epicslimcoffee .bepic-coffee-benefits h2,
.bepic-family-epicslimcoffee .bepic-coffee-guide h2 { margin: 0 0 25px; color: #432e25; font-size: clamp(38px, 4.5vw, 65px); line-height: 1.08; letter-spacing: -.045em; font-weight: 800; }
.bepic-coffee-blend h2 em,
.bepic-coffee-benefits h2 em,
.bepic-coffee-guide h2 em { display: block; color: #ab4628; font-style: normal; }
.bepic-coffee-blend-heading > p { color: #75604e; font-size: 17px; line-height: 1.85; }
.bepic-coffee-blend-heading > img { display: block; width: 100%; height: auto; margin-top: 35px; padding: 30px; border: 1px solid #e5c8b5; border-radius: 35px 85px 35px 85px; background: linear-gradient(140deg, #faebdc, #f6dfcb); }
.bepic-coffee-ingredients { min-width: 0; padding-top: 15px; }
.bepic-coffee-ingredient { border-top: 1px solid #d8bda8; }
.bepic-coffee-ingredient summary { padding: 28px 0; display: flex; align-items: center; gap: 20px; color: #70422c; font-size: 23px; line-height: 1.5; font-weight: 600; list-style: none; cursor: pointer; }
.bepic-coffee-ingredient summary > span { flex: 0 0 40px; color: #a35e38; font-size: 14px; }
.bepic-coffee-ingredient summary > b { margin-inline-start: auto; font-size: 28px; font-weight: 400; }
.bepic-coffee-ingredient > div { padding: 0 0 28px 60px; color: #765c49; font-size: 15px; line-height: 1.85; }
.bepic-coffee-ingredient summary::-webkit-details-marker,
.bepic-coffee-label summary::-webkit-details-marker,
.bepic-coffee-amino summary::-webkit-details-marker { display: none; }
.bepic-coffee-ingredient[open] summary > b,
.bepic-coffee-label[open] summary > span,
.bepic-coffee-amino[open] summary > span { transform: rotate(45deg); }
.bepic-family-epicslimcoffee .bepic-coffee-benefits { padding: 95px 0; color: #fae8d8; background: radial-gradient(ellipse at 0 100%, #a9542c40, transparent 65%), #39261f; }
.bepic-coffee-benefit-intro { display: grid; grid-template-columns: 1fr 1.4fr; column-gap: 70px; align-items: start; margin-bottom: 50px; }
.bepic-coffee-benefit-intro .bepic-coffee-script { color: #f5bb83; }
.bepic-family-epicslimcoffee .bepic-coffee-benefits h2 { color: #fff5e6; grid-row: span 2; }
.bepic-coffee-benefits h2 em { color: #f8bf8f; }
.bepic-coffee-benefit-intro p { color: #e5c6af; font-size: 14px; line-height: 1.8; }
.bepic-coffee-benefit-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 25px; }
.bepic-coffee-benefit-grid article { min-width: 0; grid-column: span 2; padding: 32px; border: 1px solid #d9956055; border-radius: 20px 55px 20px 20px; background: #fff1de08; transition: transform .2s ease, background .2s ease; }
.bepic-coffee-benefit-grid article:nth-child(n+4) { grid-column: span 3; }
.bepic-coffee-benefit-grid article > span { color: #f5bb83; font-size: 28px; }
.bepic-coffee-benefit-grid h3 { margin: 22px 0 14px; color: #ffead9; font-size: 25px; }
.bepic-coffee-benefit-grid p { color: #e4c7b1; font-size: 16px; line-height: 1.8; margin-bottom: 0; }
.bepic-coffee-benefit-grid article:hover { transform: translateY(-4px); background: #fff1de14; }
.bepic-coffee-guide-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.bepic-coffee-routine { min-width: 0; position: sticky; top: 120px; }
.bepic-coffee-routine ol { padding: 0; margin: 35px 0; list-style: none; }
.bepic-coffee-routine li { display: flex; gap: 20px; padding: 25px 0; border-bottom: 1px solid #decbb7; }
.bepic-coffee-routine li > span { flex: 0 0 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #a34424; background: #f7e2cd; font-size: 14px; }
.bepic-coffee-routine h3 { color: #78452e; font-size: 23px; margin: 0 0 13px; }
.bepic-coffee-routine li p { color: #725b48; font-size: 16px; line-height: 1.85; margin: 0; }
.bepic-coffee-caffeine-warning { padding: 24px; border: 1px solid #d5b08c; border-radius: 25px; color: #6a422c; background: #faead7; font-size: 15px; line-height: 1.85; }
.bepic-coffee-facts { min-width: 0; padding: 35px; border: 1px solid #dbc1a8; border-radius: 35px; background: #fff5e7; }
.bepic-coffee-facts > h3 { color: #603a29; font-size: 27px; margin: 0 0 18px; }
.bepic-coffee-facts > p { color: #785d47; font-size: 14px; line-height: 1.85; }
.bepic-coffee-fact-highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin: 30px 0; }
.bepic-coffee-fact-highlights strong { display: block; color: #9b4223; font-size: 30px; }
.bepic-coffee-fact-highlights span { color: #785d47; font-size: 12px; line-height: 1.7; }
.bepic-coffee-label,
.bepic-coffee-amino { border-top: 1px solid #d8bda8; }
.bepic-coffee-label summary,
.bepic-coffee-amino summary { padding: 25px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #70422c; font-size: 18px; line-height: 1.5; font-weight: 600; cursor: pointer; list-style: none; }
.bepic-coffee-label summary > span,
.bepic-coffee-amino summary > span { flex-shrink: 0; font-size: 28px; }
.bepic-coffee-label > div,
.bepic-coffee-amino > div { padding-bottom: 25px; color: #755843; font-size: 14px; line-height: 1.85; }
.bepic-coffee-label table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 20px 0; }
.bepic-coffee-label caption { color: #6c412a; caption-side: top; font-weight: 600; }
.bepic-coffee-label th,
.bepic-coffee-label td { text-align: start; padding: 12px 8px; border-bottom: 1px solid #dec7ae; vertical-align: top; overflow-wrap: anywhere; }
.bepic-coffee-label th { width: 53%; background: #f1dfc9; color: #70422c; }
.bepic-coffee-amino ul { padding-inline-start: 20px; columns: 2; column-gap: 25px; }
.bepic-coffee-amino li { break-inside: avoid; }
.bepic-coffee-resource { display: grid; gap: 14px; margin-top: 25px; padding: 27px; color: #fff3df; border: 1px solid #a77c58; border-radius: 20px 55px 20px 20px; background: #65402d; transition: transform .2s ease; }
.bepic-coffee-resource small { color: #f7c7a2; font-size: 13px; }
.bepic-coffee-resource strong { color: #fff3df; font-size: 26px; line-height: 1.3; }
.bepic-coffee-resource p { color: #f3dbc5; font-size: 15px; line-height: 1.85; margin: 0; }
.bepic-coffee-resource > span { font-size: 28px; justify-self: end; }
.bepic-coffee-resource:hover { color: #fff; transform: translateY(-4px); }
.bepic-coffee-safety { margin-top: 45px; padding: 30px; border: 1px solid #dfc4a9; border-radius: 25px; color: #785b46; background: #fff2e1; }
.bepic-coffee-safety h3 { color: #74452c; font-size: 23px; margin: 0 0 18px; }
.bepic-coffee-safety p { font-size: 14px; line-height: 1.85; }
.bepic-coffee-safety p:last-child { margin: 0; }
.bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child,
.bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child .slide { min-height: 680px; }
.bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child .slide::before { background: linear-gradient(90deg, #39261fe6, #39261f22); }
.bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 52%; margin: 0; }
.bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { color: #fff3e0; border-radius: 25px 100px 25px 65px; background: #39261fed; transform: none; }
.bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before { display: none; }
.bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(36px, 4vw, 57px); }
.bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child h2 em { display: block; color: #f8bf8f; font: 700 1.1em/1.1 "Caveat", cursive; }
.bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child .slide-captions p { color: #f3dbc5; }
.bepic-family-epicslimcoffee .bepic-family-shop-heading > div:last-child strong,
.bepic-family-epicslimcoffee .bepic-family-shop .bepic-family-kicker { color: #f8bf8f; }
.bepic-family-epicslimcoffee a:focus-visible,
.bepic-family-epicslimcoffee summary:focus-visible { outline: 3px solid #b45325; outline-offset: 5px; }
@media (max-width: 1100px) {
    .bepic-coffee-hero-grid { gap: 40px; }
    .bepic-coffee-mark { left: 0; width: 180px; }
    .bepic-coffee-hero-art { height: 600px; }
    .bepic-coffee-hero-pack { width: 110%; right: -15px; bottom: 60px; }
    .bepic-coffee-highlights > div { flex-direction: column; align-items: start; gap: 10px; }
    .bepic-coffee-blend-grid,
    .bepic-coffee-guide-grid { gap: 35px; }
    .bepic-coffee-facts { padding: 25px; }
}
@media (max-width: 767px) {
    .bepic-coffee-hero { padding: 45px 0 70px; }
    .bepic-coffee-hero-grid,
    .bepic-coffee-blend-grid,
    .bepic-coffee-guide-grid,
    .bepic-coffee-benefit-intro { grid-template-columns: 1fr; gap: 35px; }
    .bepic-coffee-hero h1 { font-size: clamp(48px, 14vw, 68px); overflow-wrap: break-word; }
    .bepic-coffee-hero-copy > p { font-size: 16px; }
    .bepic-coffee-hero-art { height: 490px; margin-top: 15px; }
    .bepic-coffee-photo { inset: 20px 0 65px 15px; }
    .bepic-coffee-mark { width: 175px; padding: 22px; }
    .bepic-coffee-hero-pack { width: 106%; right: -3%; bottom: 35px; }
    .bepic-coffee-art-note { right: 0; font-size: 23px; }
    .bepic-coffee-highlights { gap: 18px; margin-top: 40px; }
    .bepic-coffee-highlights strong { font-size: 21px; }
    .bepic-coffee-highlights span { font-size: 12px; }
    .bepic-family-epicslimcoffee .bepic-coffee-blend,
    .bepic-family-epicslimcoffee .bepic-coffee-benefits,
    .bepic-family-epicslimcoffee .bepic-coffee-guide { padding: 60px 0; }
    .bepic-coffee-blend-heading,
    .bepic-coffee-routine { position: static; }
    .bepic-family-epicslimcoffee .bepic-coffee-blend h2,
    .bepic-family-epicslimcoffee .bepic-coffee-benefits h2,
    .bepic-family-epicslimcoffee .bepic-coffee-guide h2 { font-size: clamp(34px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-coffee-ingredient summary { gap: 12px; font-size: 21px; }
    .bepic-coffee-ingredient summary > span { flex-basis: 26px; }
    .bepic-coffee-ingredient > div { padding-inline-start: 0; }
    .bepic-coffee-benefit-intro { margin-bottom: 30px; gap: 0; }
    .bepic-coffee-benefit-grid { grid-template-columns: 1fr; }
    .bepic-coffee-benefit-grid article,
    .bepic-coffee-benefit-grid article:nth-child(n+4) { grid-column: auto; padding: 28px; }
    .bepic-coffee-facts { padding: 24px; }
    .bepic-coffee-fact-highlights { gap: 12px; }
    .bepic-coffee-fact-highlights strong { font-size: 27px; }
    .bepic-coffee-label th { width: 49%; }
    .bepic-coffee-label td,
    .bepic-coffee-label th { padding: 10px 6px; }
    .bepic-coffee-amino ul { columns: 1; }
    .bepic-coffee-resource,
    .bepic-coffee-safety { padding: 25px; }
    .bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 35px 25px; border-radius: 25px 80px 25px 60px; }
    .bepic-family-epicslimcoffee .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 9.5vw, 43px); overflow-wrap: break-word; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-coffee-hero-pack { animation: none; }
    .bepic-coffee-benefit-grid article,
    .bepic-coffee-resource { transition: none; }
    .bepic-coffee-benefit-grid article:hover,
    .bepic-coffee-resource:hover { transform: none; }
}

/* EpicSlim Collagen: vivid plum/lime cinematic stage, ingredient mosaic,
   airy wellness rail and a separate cold-mix ritual. */
.bepic-collagen-hero { position: relative; isolation: isolate; overflow: hidden; padding: 50px 0 100px; color: #fff; background: #3b163b; }
.bepic-collagen-hero-media { position: absolute; z-index: -1; inset: 0; background-size: cover; background-position: 70% center; }
.bepic-collagen-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #3b163bf5 5%, #671b5fe6 43%, #77296a6b 100%), linear-gradient(0deg, #3b163bf0, transparent 70%); }
.bepic-collagen-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 50px; align-items: center; }
.bepic-collagen-hero-copy { min-width: 0; }
.bepic-collagen-script { display: block; margin-bottom: 22px; color: #8d357b; font: 700 clamp(27px, 2.7vw, 37px)/1.2 "Caveat", cursive; }
.bepic-collagen-hero .bepic-collagen-script { color: #d8ecbb; }
.bepic-collagen-logo { display: block; width: 185px; height: auto; margin: 0 0 22px; }
.bepic-collagen-eyebrow { display: block; margin-bottom: 20px; color: #8a3f76; font-size: 12px; font-weight: 650; line-height: 1.7; letter-spacing: .1em; text-transform: uppercase; }
.bepic-collagen-hero .bepic-collagen-eyebrow { color: #f4d2e8; }
.bepic-collagen-hero h1 { margin: 0 0 30px; color: #fff; font-size: clamp(62px, 6vw, 86px); font-weight: 800; line-height: .98; letter-spacing: -.05em; }
.bepic-collagen-hero h1 em { display: block; margin-top: 18px; color: #d4ebae; font: 700 1.02em/1.02 "Caveat", cursive; letter-spacing: -.025em; }
.bepic-collagen-hero-copy > p { max-width: 670px; color: #f2dce9; font-size: 18px; line-height: 1.85; }
.bepic-collagen-actions { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; margin-top: 32px; }
.bepic-family-epicslimcollagen .bepic-collagen-actions .btn { color: #3d2440; background: #d4ebae; box-shadow: 0 20px 35px #200e2833; }
.bepic-collagen-actions > a:not(.btn) { display: inline-flex; gap: 12px; align-items: center; color: #fff4fb; font-weight: 600; }
.bepic-collagen-hero-art { position: relative; min-width: 0; height: 620px; }
.bepic-collagen-hero-art > img { width: 115%; max-width: none; height: auto; position: absolute; right: -15px; bottom: 100px; filter: drop-shadow(0 25px 35px #2a0c2f80); animation: bepicFamilyHeroSettle 1.1s ease both; }
.bepic-collagen-flavor { position: absolute; top: 45px; right: 0; max-width: 245px; padding: 22px 28px; border: 1px solid #f7e4a987; border-radius: 45px 12px 45px 12px; color: #fff2ca; background: #542245ed; font: 700 32px/1.2 "Caveat", cursive; transform: rotate(5deg); }
.bepic-collagen-flavor small { display: block; margin-top: 10px; color: #f5e4ed; font: 400 12px/1.8 "Outfit", sans-serif; }
.bepic-collagen-hero-note { position: absolute; right: 25px; bottom: 0; display: flex; align-items: center; gap: 18px; padding: 18px 24px; border: 1px solid #d4ebae70; border-radius: 999px; background: #3b163bd9; }
.bepic-collagen-hero-note strong { color: #d4ebae; font-size: 35px; line-height: 1; white-space: nowrap; }
.bepic-collagen-hero-note > span { color: #f4e3ee; font-size: 13px; line-height: 1.7; }
.bepic-collagen-wave { position: absolute; left: 0; bottom: -1px; width: 100%; height: 35px; display: block; }
.bepic-family-epicslimcollagen .bepic-collagen-blend { padding: 95px 0; background: #fff7fb; }
.bepic-family-epicslimcollagen .bepic-collagen-blend::before,
.bepic-family-epicslimcollagen .bepic-collagen-benefits::before,
.bepic-family-epicslimcollagen .bepic-collagen-guide::before { display: none; }
.bepic-collagen-section-heading { max-width: 820px; text-align: center; margin: 0 auto 50px; }
.bepic-family-epicslimcollagen .bepic-collagen-blend h2,
.bepic-family-epicslimcollagen .bepic-collagen-benefits h2,
.bepic-family-epicslimcollagen .bepic-collagen-guide h2 { margin: 0 0 25px; color: #492647; font-size: clamp(39px, 4.5vw, 65px); font-weight: 800; line-height: 1.08; letter-spacing: -.045em; }
.bepic-collagen-blend h2 em,
.bepic-collagen-benefits h2 em,
.bepic-collagen-guide h2 em { display: block; color: #95277b; font-style: normal; }
.bepic-collagen-section-heading > p { color: #7b5670; font-size: 17px; line-height: 1.85; }
.bepic-collagen-formula-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 24px; align-items: start; }
.bepic-collagen-product-story { min-width: 0; grid-row: span 2; padding: 35px; border: 1px solid #ddbbd3; border-radius: 35px 85px 35px 35px; background: linear-gradient(145deg, #f0daeb, #f8e9f1); }
.bepic-collagen-product-story > strong { display: block; margin-bottom: 10px; color: #8e257a; font-size: 65px; font-weight: 800; line-height: 1; }
.bepic-collagen-product-story > span:not(.bepic-collagen-eyebrow) { color: #7b4c6c; font-size: 14px; }
.bepic-collagen-product-story > img { width: 100%; height: auto; display: block; margin: 35px auto; }
.bepic-collagen-product-story > p { color: #73516a; font-size: 15px; line-height: 1.9; }
.bepic-collagen-product-story > p:last-child { font-size: 13px; margin: 0; }
.bepic-collagen-ingredient { min-width: 0; padding: 30px; border: 1px solid #e1c4d8; border-radius: 25px 25px 65px 25px; background: #fffefd; box-shadow: 0 15px 35px #6b305b08; }
.bepic-collagen-ingredient:nth-child(3),
.bepic-collagen-ingredient:nth-child(4) { background: #f4f8ed; border-color: #d3ddc7; }
.bepic-collagen-ingredient summary { position: relative; display: grid; gap: 15px; min-height: 190px; align-content: start; padding-bottom: 35px; color: #552e4b; cursor: pointer; list-style: none; }
.bepic-collagen-ingredient summary > span { color: #ad7799; font-size: 38px; font-weight: 300; line-height: 1; }
.bepic-collagen-ingredient summary > strong { font-size: 25px; line-height: 1.25; }
.bepic-collagen-ingredient summary > small { color: #7b5870; font-size: 13px; line-height: 1.8; }
.bepic-collagen-ingredient summary > b { position: absolute; bottom: 0; right: 0; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #dbc2d2; border-radius: 50%; color: #882e70; font-size: 23px; font-weight: 400; }
.bepic-collagen-ingredient summary::-webkit-details-marker,
.bepic-collagen-label summary::-webkit-details-marker,
.bepic-collagen-amino summary::-webkit-details-marker { display: none; }
.bepic-collagen-ingredient[open] summary > b,
.bepic-collagen-label[open] summary > span,
.bepic-collagen-amino[open] summary > span { transform: rotate(45deg); }
.bepic-collagen-ingredient > div { padding-top: 25px; color: #75576b; font-size: 14px; line-height: 1.85; }
.bepic-family-epicslimcollagen .bepic-collagen-benefits { padding: 90px 0; background: radial-gradient(ellipse at 100% 100%, #d8e9c680, transparent 60%), #f0f6e9; }
.bepic-collagen-benefit-heading { max-width: 820px; margin-bottom: 50px; }
.bepic-collagen-benefit-heading p { color: #627257; font-size: 14px; }
.bepic-collagen-benefit-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; }
.bepic-collagen-benefit-grid article { min-width: 0; padding-top: 25px; border-top: 2px solid #bbd2ad; }
.bepic-collagen-benefit-grid article > span { display: block; color: #5c7a4a; margin-bottom: 22px; font-size: 35px; line-height: 1; }
.bepic-collagen-benefit-grid h3 { color: #4a5f3c; font-size: 23px; margin: 0 0 15px; }
.bepic-collagen-benefit-grid p { color: #5e6c54; font-size: 15px; line-height: 1.8; margin: 0; }
.bepic-family-epicslimcollagen .bepic-collagen-guide { padding: 95px 0; background: #fffdfb; }
.bepic-collagen-routine { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; padding: 0; margin: 0 0 65px; list-style: none; }
.bepic-collagen-routine li { min-width: 0; border-top: 1px solid #d8b9ce; padding-top: 25px; }
.bepic-collagen-routine li > span { display: inline-grid; place-items: center; width: 42px; height: 42px; margin-bottom: 24px; border-radius: 50%; color: #8c3276; background: #f4e5ef; font-size: 14px; }
.bepic-collagen-routine h3 { color: #6e3c61; font-size: 25px; margin: 0 0 15px; }
.bepic-collagen-routine p { color: #7a5b6d; font-size: 16px; line-height: 1.85; margin: 0; }
.bepic-collagen-guide-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: start; }
.bepic-collagen-fact-card { min-width: 0; padding: 35px; border: 1px solid #ddc3d5; border-radius: 35px; background: #fcf1f8; }
.bepic-collagen-fact-card > h3 { color: #743968; font-size: 27px; margin-bottom: 25px; }
.bepic-collagen-fact-card dl { margin: 0 0 25px; }
.bepic-collagen-fact-card dl > div { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 0; border-bottom: 1px solid #e7ccde; }
.bepic-collagen-fact-card dt { color: #825b73; font-size: 15px; font-weight: 400; }
.bepic-collagen-fact-card dd { margin: 0; color: #8f2f77; font-size: 30px; font-weight: 700; }
.bepic-collagen-fact-card > p { color: #79536c; font-size: 14px; line-height: 1.85; }
.bepic-collagen-resource { display: grid; gap: 15px; margin-top: 30px; padding: 30px; border: 1px solid #bc72a3; border-radius: 25px 65px 25px 25px; color: #fff2fa; background: #71315e; transition: transform .2s ease; }
.bepic-collagen-resource small { color: #f0cbe3; font-size: 13px; }
.bepic-collagen-resource strong { color: #fff4fb; font-size: 26px; line-height: 1.3; }
.bepic-collagen-resource p { color: #f0d7e7; font-size: 15px; line-height: 1.85; margin: 0; }
.bepic-collagen-resource > span { justify-self: end; font-size: 28px; }
.bepic-collagen-resource:hover { color: #fff; transform: translateY(-4px); }
.bepic-collagen-labels { min-width: 0; }
.bepic-collagen-label,
.bepic-collagen-amino { border-top: 1px solid #d8b9ce; }
.bepic-collagen-label summary,
.bepic-collagen-amino summary { padding: 25px 0; display: flex; justify-content: space-between; align-items: center; gap: 20px; color: #763c66; font-size: 21px; font-weight: 600; line-height: 1.5; cursor: pointer; list-style: none; }
.bepic-collagen-label summary > span,
.bepic-collagen-amino summary > span { flex-shrink: 0; font-size: 28px; }
.bepic-collagen-label > div,
.bepic-collagen-amino > div { padding-bottom: 25px; color: #7a586e; font-size: 14px; line-height: 1.85; }
.bepic-collagen-label table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 20px 0; }
.bepic-collagen-label caption { color: #763c66; caption-side: top; font-weight: 600; }
.bepic-collagen-label th,
.bepic-collagen-label td { padding: 12px 10px; border-bottom: 1px solid #e3cedb; text-align: start; vertical-align: top; overflow-wrap: anywhere; }
.bepic-collagen-label th { width: 53%; color: #743968; background: #f8eaf2; }
.bepic-collagen-amino ul { padding-inline-start: 20px; columns: 2; column-gap: 25px; }
.bepic-collagen-amino li { break-inside: avoid; }
.bepic-collagen-taste-note { margin-top: 25px; padding: 30px; border: 1px solid #d6ddc7; border-radius: 25px 65px 25px 25px; background: #f2f7e9; }
.bepic-collagen-taste-note p { color: #616d55; font-size: 15px; line-height: 1.85; margin: 0; }
.bepic-collagen-safety { margin-top: 45px; padding: 30px; border: 1px solid #ddc3d5; border-radius: 25px; color: #79536c; background: #fcf1f8; }
.bepic-collagen-safety h3 { color: #743968; font-size: 23px; margin-bottom: 18px; }
.bepic-collagen-safety p { font-size: 14px; line-height: 1.85; }
.bepic-collagen-safety p:last-child { margin: 0; }
.bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child,
.bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child .slide { min-height: 680px; }
.bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child .slide::before { background: linear-gradient(90deg, #3b163bd9, #3b163b22); }
.bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 53%; margin: 0; }
.bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 45px; border-radius: 35px 100px 35px 100px; background: #3b163beb; transform: none; }
.bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before { display: none; }
.bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(37px, 4.1vw, 59px); }
.bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child h2 em { display: block; color: #d4ebae; font: 700 1.1em/1.08 "Caveat", cursive; }
.bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child .slide-captions p { color: #f0d7e7; }
.bepic-family-epicslimcollagen .bepic-family-shop-heading > div:last-child strong,
.bepic-family-epicslimcollagen .bepic-family-shop .bepic-family-kicker { color: #e6c6da; }
.bepic-family-epicslimcollagen a:focus-visible,
.bepic-family-epicslimcollagen summary:focus-visible { outline: 3px solid #a53a86; outline-offset: 5px; }
.bepic-collagen-hero a:focus-visible { outline-color: #d4ebae; }
@media (max-width: 1100px) {
    .bepic-collagen-hero-grid { gap: 30px; }
    .bepic-collagen-hero-art { height: 600px; }
    .bepic-collagen-hero-art > img { width: 115%; right: -5px; bottom: 125px; }
    .bepic-collagen-formula-grid { grid-template-columns: 1fr 1fr; }
    .bepic-collagen-product-story { grid-row: auto; grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; align-items: center; }
    .bepic-collagen-product-story > img { grid-column: 2; grid-row: 1 / span 5; margin: 0; }
    .bepic-collagen-product-story > span,
    .bepic-collagen-product-story > strong,
    .bepic-collagen-product-story > p { grid-column: 1; }
    .bepic-collagen-ingredient summary { min-height: 170px; }
    .bepic-collagen-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
    .bepic-collagen-benefit-grid article:last-child { grid-column: 1 / -1; }
    .bepic-collagen-guide-grid { gap: 35px; }
    .bepic-collagen-fact-card { padding: 28px; }
}
@media (max-width: 767px) {
    .bepic-collagen-hero { padding: 40px 0 70px; }
    .bepic-collagen-hero-media { background-position: 68% top; }
    .bepic-collagen-hero-media::after { background: linear-gradient(0deg, #3b163bfa, #681c5fd9 65%, #3b163bc9); }
    .bepic-collagen-hero-grid { grid-template-columns: 1fr; gap: 20px; }
    .bepic-collagen-logo { width: 165px; }
    .bepic-collagen-hero h1 { font-size: clamp(54px, 15vw, 72px); overflow-wrap: break-word; }
    .bepic-collagen-hero-copy > p { font-size: 16px; }
    .bepic-collagen-hero-art { height: 400px; }
    .bepic-collagen-flavor { top: 5px; right: 5px; padding: 16px 22px; font-size: 28px; }
    .bepic-collagen-flavor small { font-size: 11px; }
    .bepic-collagen-hero-art > img { width: 105%; right: -2.5%; bottom: 75px; }
    .bepic-collagen-hero-note { right: 0; bottom: 0; padding: 15px 22px; }
    .bepic-collagen-hero-note strong { font-size: 30px; }
    .bepic-family-epicslimcollagen .bepic-collagen-blend,
    .bepic-family-epicslimcollagen .bepic-collagen-benefits,
    .bepic-family-epicslimcollagen .bepic-collagen-guide { padding: 60px 0; }
    .bepic-collagen-section-heading { text-align: start; margin-bottom: 35px; }
    .bepic-family-epicslimcollagen .bepic-collagen-blend h2,
    .bepic-family-epicslimcollagen .bepic-collagen-benefits h2,
    .bepic-family-epicslimcollagen .bepic-collagen-guide h2 { font-size: clamp(33px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-collagen-formula-grid,
    .bepic-collagen-guide-grid,
    .bepic-collagen-routine { grid-template-columns: 1fr; }
    .bepic-collagen-product-story { display: block; padding: 30px; }
    .bepic-collagen-product-story > img { margin: 30px auto; }
    .bepic-collagen-product-story > strong { font-size: 55px; }
    .bepic-collagen-ingredient { padding: 28px; }
    .bepic-collagen-ingredient summary { min-height: 160px; }
    .bepic-collagen-benefit-grid { grid-template-columns: 1fr; }
    .bepic-collagen-benefit-grid article:last-child { grid-column: auto; }
    .bepic-collagen-benefit-heading { margin-bottom: 30px; }
    .bepic-collagen-routine { gap: 25px; margin-bottom: 40px; }
    .bepic-collagen-guide-grid { gap: 30px; }
    .bepic-collagen-fact-card { padding: 25px; }
    .bepic-collagen-fact-card dd { font-size: 26px; }
    .bepic-collagen-resource,
    .bepic-collagen-taste-note,
    .bepic-collagen-safety { padding: 25px; }
    .bepic-collagen-label th,
    .bepic-collagen-label td { padding: 11px 8px; }
    .bepic-collagen-amino ul { columns: 1; }
    .bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 35px 25px; border-radius: 25px 75px 25px 75px; }
    .bepic-family-epicslimcollagen .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 9.5vw, 43px); overflow-wrap: break-word; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-collagen-hero-art > img { animation: none; }
    .bepic-collagen-resource { transition: none; }
    .bepic-collagen-resource:hover { transform: none; }
}

/* 2-Minute Cream: ink/pearl editorial hero, layered portrait and whole tube,
   a five-benefit story and four precise application moments. */
.bepic-cream-hero { position: relative; overflow: hidden; padding: 55px 0 95px; color: #fff; background: radial-gradient(ellipse at 100% 0, #87446655, transparent 65%), #25202b; }
.bepic-cream-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 65px; align-items: center; }
.bepic-cream-hero-copy { min-width: 0; }
.bepic-cream-script { display: block; margin-bottom: 22px; color: #953c79; font: 700 clamp(26px, 2.7vw, 37px)/1.2 "Caveat", cursive; }
.bepic-cream-hero .bepic-cream-script { color: #f0cde3; }
.bepic-cream-logo { width: 225px; height: auto; display: block; margin-bottom: 25px; }
.bepic-cream-eyebrow { display: block; margin-bottom: 22px; color: #8c4b76; font-size: 12px; font-weight: 650; line-height: 1.8; letter-spacing: .1em; text-transform: uppercase; }
.bepic-cream-hero .bepic-cream-eyebrow { color: #e5cddd; }
.bepic-cream-hero h1 { margin: 0 0 28px; color: #fff; font-size: clamp(57px, 5.6vw, 80px); font-weight: 800; line-height: 1.02; letter-spacing: -.05em; }
.bepic-cream-hero h1 em { display: block; margin-top: 16px; color: #edc4dc; font: 700 1.08em/1.08 "Caveat", cursive; letter-spacing: -.025em; }
.bepic-cream-hero-copy > p { color: #e2d5e0; font-size: 17px; line-height: 1.85; }
.bepic-cream-actions { display: flex; gap: 25px; align-items: center; flex-wrap: wrap; margin-top: 30px; }
.bepic-family-2minutewrinklecream .bepic-cream-actions .btn { color: #36233b; background: #f1d0e4; box-shadow: 0 20px 35px #120b2033; }
.bepic-cream-actions > a:not(.btn) { display: inline-flex; align-items: center; gap: 12px; color: #fff2f9; font-weight: 600; }
.bepic-cream-result-note { display: block; margin-top: 22px; color: #dcc6d5; font-size: 13px; line-height: 1.8; }
.bepic-cream-hero-art { min-width: 0; height: 650px; position: relative; }
.bepic-cream-hero-photo { position: absolute; inset: 10px 0 75px 50px; border-radius: 230px 230px 35px 35px; background-size: cover; background-position: 42% center; box-shadow: 0 25px 60px #08040b40; }
.bepic-cream-tube-stage { position: absolute; width: 235px; left: -15px; bottom: 5px; padding: 25px 15px 15px; border: 1px solid #dabdd0; border-radius: 100px 100px 35px 35px; background: linear-gradient(145deg, #f9eaf2, #e5d3df); box-shadow: 0 20px 45px #120b2040; animation: bepicFamilyHeroSettle 1.1s ease both; }
.bepic-cream-tube-stage img { display: block; width: 100%; height: auto; max-width: 205px; margin: 0 auto; }
.bepic-cream-time-note { position: absolute; right: 0; bottom: 0; width: 230px; padding: 25px; border: 1px solid #af829e; border-radius: 35px 15px 55px 15px; color: #f7dfed; background: #4b2a45f2; transform: rotate(4deg); }
.bepic-cream-time-note > span,
.bepic-cream-time-note > small { display: block; color: #ecd4e3; font-size: 12px; line-height: 1.8; }
.bepic-cream-time-note > strong { display: block; margin: 12px 0; color: #fff1fa; font: 700 36px/1.05 "Caveat", cursive; }
.bepic-cream-wave { position: absolute; display: block; width: 100%; height: 35px; bottom: -1px; left: 0; }
.bepic-family-2minutewrinklecream .bepic-cream-story { padding: 95px 0; background: #fffafc; }
.bepic-family-2minutewrinklecream .bepic-cream-story::before,
.bepic-family-2minutewrinklecream .bepic-cream-routine::before,
.bepic-family-2minutewrinklecream .bepic-cream-details::before { display: none; }
.bepic-cream-story-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 85px; align-items: start; }
.bepic-cream-story-art { min-width: 0; position: sticky; top: 120px; padding: 45px 30px; border: 1px solid #ddc4d6; border-radius: 45% 45% 35px 35px; text-align: center; background: linear-gradient(140deg, #f2e4ed, #f9eff4); }
.bepic-cream-story-art .bepic-cream-script { max-width: 260px; margin: 0 auto; }
.bepic-cream-story-art > img { display: block; width: min(220px, 80%); height: auto; margin: 35px auto; }
.bepic-cream-story-art > span:last-child { color: #865672; font-size: 14px; line-height: 1.8; }
.bepic-cream-story-copy { min-width: 0; }
.bepic-family-2minutewrinklecream .bepic-cream-story h2,
.bepic-family-2minutewrinklecream .bepic-cream-routine h2,
.bepic-family-2minutewrinklecream .bepic-cream-details h2 { margin: 0 0 25px; color: #43283f; font-size: clamp(38px, 4.3vw, 62px); line-height: 1.08; font-weight: 800; letter-spacing: -.045em; }
.bepic-cream-story h2 em,
.bepic-cream-routine h2 em,
.bepic-cream-details h2 em { display: block; color: #923e78; font-style: normal; }
.bepic-cream-story-copy > p { color: #7a5b70; font-size: 17px; line-height: 1.85; }
.bepic-cream-story-copy .bepic-cream-benefit-note { color: #7a5b70; font-size: 13px; }
.bepic-cream-benefits { margin: 30px 0 0; padding: 0; list-style: none; }
.bepic-cream-benefits li { display: flex; align-items: start; gap: 24px; padding: 25px 0; border-top: 1px solid #e1cdd9; }
.bepic-cream-benefits li > span { flex: 0 0 35px; color: #9c527e; font-size: 14px; padding-top: 4px; }
.bepic-cream-benefits h3 { color: #744562; font-size: 25px; margin: 0 0 12px; }
.bepic-cream-benefits p { margin: 0; color: #7b5d71; font-size: 15px; line-height: 1.85; }
.bepic-family-2minutewrinklecream .bepic-cream-routine { padding: 95px 0; background: radial-gradient(ellipse at 100% 100%, #e5cddd5c, transparent 65%), #f5edf3; }
.bepic-cream-section-heading { max-width: 820px; margin: 0 auto 50px; text-align: center; }
.bepic-cream-section-heading > p { color: #7a5b70; font-size: 15px; line-height: 1.8; }
.bepic-cream-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 25px; padding: 0 0 25px; margin: 0; list-style: none; }
.bepic-cream-steps li { min-width: 0; position: relative; padding: 30px; border: 1px solid #ddc4d6; border-radius: 25px 65px 25px 25px; color: #795b6e; background: #fffafc; }
.bepic-cream-steps li:nth-child(even) { transform: translateY(25px); background: #fce7f0; }
.bepic-cream-steps li > span { display: block; margin-bottom: 28px; color: #ab6c93; font-size: 45px; font-weight: 300; line-height: 1; }
.bepic-cream-steps h3 { margin: 0 0 18px; color: #7e3e69; font-size: 25px; }
.bepic-cream-steps p { margin: 0; color: #795b6e; font-size: 15px; line-height: 1.85; }
.bepic-cream-safety { margin-top: 50px; padding: 30px; border: 1px solid #c7b3c2; border-radius: 25px; background: #fffafc; }
.bepic-cream-safety h3 { margin: 0 0 18px; color: #6f3e60; font-size: 23px; }
.bepic-cream-safety p { color: #795b6e; font-size: 14px; line-height: 1.85; }
.bepic-cream-safety p:last-child { margin: 0; }
.bepic-family-2minutewrinklecream .bepic-cream-details { padding: 95px 0; background: #fffdfb; }
.bepic-cream-detail-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.bepic-cream-detail-heading { min-width: 0; position: sticky; top: 120px; }
.bepic-cream-resource { display: grid; gap: 15px; margin-top: 30px; padding: 30px; border: 1px solid #a77897; border-radius: 25px 65px 25px 25px; color: #fff2fa; background: #693a5d; transition: transform .2s ease; }
.bepic-cream-resource small { color: #edd0e2; font-size: 13px; }
.bepic-cream-resource strong { color: #fff2fa; font-size: 26px; line-height: 1.3; }
.bepic-cream-resource p { color: #eed7e5; font-size: 15px; line-height: 1.85; margin: 0; }
.bepic-cream-resource > span { font-size: 28px; justify-self: end; }
.bepic-cream-resource:hover { color: #fff; transform: translateY(-4px); }
.bepic-cream-disclosures { min-width: 0; }
.bepic-cream-disclosures > details { border-top: 1px solid #dbc4d3; }
.bepic-cream-disclosures summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 25px 0; color: #7c4269; font-size: 21px; font-weight: 600; line-height: 1.5; cursor: pointer; list-style: none; }
.bepic-cream-disclosures summary::-webkit-details-marker { display: none; }
.bepic-cream-disclosures summary > span { flex-shrink: 0; font-size: 28px; }
.bepic-cream-disclosures details[open] summary > span { transform: rotate(45deg); }
.bepic-cream-disclosures details > div { padding-bottom: 25px; color: #795b6e; font-size: 15px; line-height: 1.85; }
.bepic-cream-ingredients ul { margin: 0; padding-inline-start: 20px; columns: 2; column-gap: 28px; }
.bepic-cream-ingredients li { padding-bottom: 10px; break-inside: avoid; }
.bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child,
.bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child .slide { min-height: 680px; }
.bepic-family-2minutewrinklecream .bepic-cream-closing { isolation: isolate; overflow: hidden; }
.bepic-cream-closing-photo { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
.bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child .slide::before { background: linear-gradient(90deg, #25202be6, #25202b10); }
.bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 53%; margin: 0; }
.bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 45px; border-radius: 35px 100px 35px 100px; background: #302338ed; transform: none; }
.bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child .slide-captions::before { display: none; }
.bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(36px, 4.1vw, 59px); }
.bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child h2 em { display: block; color: #edc4dc; font: 700 1.1em/1.08 "Caveat", cursive; }
.bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child .slide-captions p { color: #eed7e5; }
.bepic-family-2minutewrinklecream .bepic-family-shop-heading > div:last-child strong,
.bepic-family-2minutewrinklecream .bepic-family-shop .bepic-family-kicker { color: #edc4dc; }
.bepic-family-2minutewrinklecream .bepic-family-offer-grid { grid-template-columns: 1fr; max-width: 1050px; margin-inline: auto; }
.bepic-family-2minutewrinklecream .bepic-family-offer { display: grid; grid-template-columns: .9fr 1.1fr; }
.bepic-family-2minutewrinklecream .bepic-family-offer-body { padding: 35px; }
.bepic-family-2minutewrinklecream a:focus-visible,
.bepic-family-2minutewrinklecream summary:focus-visible { outline: 3px solid #a54087; outline-offset: 5px; }
.bepic-cream-hero a:focus-visible { outline-color: #f1d0e4; }
@media (max-width: 1100px) {
    .bepic-cream-hero-grid { gap: 35px; }
    .bepic-cream-tube-stage { width: 195px; left: -5px; bottom: 65px; }
    .bepic-cream-time-note { width: 210px; padding: 20px; }
    .bepic-cream-story-grid,
    .bepic-cream-detail-grid { gap: 35px; }
    .bepic-cream-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .bepic-cream-hero { padding: 40px 0 70px; }
    .bepic-cream-hero-grid,
    .bepic-cream-story-grid,
    .bepic-cream-detail-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-cream-logo { width: 195px; }
    .bepic-cream-hero h1 { font-size: clamp(48px, 14vw, 65px); overflow-wrap: break-word; }
    .bepic-cream-hero-copy > p { font-size: 16px; }
    .bepic-cream-hero-art { height: 580px; margin-top: 15px; }
    .bepic-cream-hero-photo { inset: 0 0 85px 30px; }
    .bepic-cream-tube-stage { width: 180px; left: 0; bottom: 70px; }
    .bepic-cream-time-note { width: 215px; bottom: 0; }
    .bepic-family-2minutewrinklecream .bepic-cream-story,
    .bepic-family-2minutewrinklecream .bepic-cream-routine,
    .bepic-family-2minutewrinklecream .bepic-cream-details { padding: 60px 0; }
    .bepic-cream-story-art,
    .bepic-cream-detail-heading { position: static; }
    .bepic-family-2minutewrinklecream .bepic-cream-story h2,
    .bepic-family-2minutewrinklecream .bepic-cream-routine h2,
    .bepic-family-2minutewrinklecream .bepic-cream-details h2 { font-size: clamp(33px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-cream-story-art { padding: 40px 25px; }
    .bepic-cream-benefits li { gap: 15px; }
    .bepic-cream-benefits li > span { flex-basis: 25px; }
    .bepic-cream-section-heading { text-align: start; margin-bottom: 30px; }
    .bepic-cream-steps { grid-template-columns: 1fr; gap: 25px; padding: 0; }
    .bepic-cream-steps li,
    .bepic-cream-steps li:nth-child(even) { padding: 28px; transform: none; }
    .bepic-cream-safety,
    .bepic-cream-resource { padding: 25px; }
    .bepic-cream-ingredients ul { columns: 1; }
    .bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child .col-md-12 { width: 100%; }
    .bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child .slide-captions { padding: 35px 25px; border-radius: 25px 75px 25px 75px; }
    .bepic-family-2minutewrinklecream .bepic-family-editorial > .inspiro-slider:last-child h2 { font-size: clamp(32px, 9.5vw, 43px); overflow-wrap: break-word; }
    .bepic-family-2minutewrinklecream .bepic-family-offer { grid-template-columns: 1fr; }
    .bepic-family-2minutewrinklecream .bepic-family-offer-body { padding: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-cream-tube-stage { animation: none; }
    .bepic-cream-resource { transition: none; }
    .bepic-cream-resource:hover { transform: none; }
}

/* ELT: green/black automotive chapter, not a supplement or a generic SKU page. */
.bepic-elt-hero { position: relative; isolation: isolate; overflow: hidden; background: #13271c; color: #fff; }
.bepic-elt-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(9, 24, 16, .98) 0%, rgba(9, 24, 16, .9) 37%, rgba(9, 24, 16, .2) 100%); }
.bepic-elt-hero-photo { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% center; }
.bepic-elt-hero-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: center; padding-top: 65px; padding-bottom: 100px; }
.bepic-elt-logo { display: block; width: 110px; height: auto; margin-bottom: 20px; }
.bepic-elt-eyebrow { display: block; font-size: 13px; letter-spacing: .15em; text-transform: uppercase; font-weight: 700; color: #c3edac; }
.bepic-family-elt .bepic-elt-hero h1 { max-width: 780px; margin: 22px 0; color: #fff; font-size: clamp(56px, 5.4vw, 79px); line-height: 1.02; letter-spacing: -.045em; }
.bepic-elt-hero h1 em { display: block; margin-top: 10px; color: #baed86; font-family: "Caveat", cursive; font-size: 1.12em; font-weight: 600; letter-spacing: -.025em; }
.bepic-elt-hero-copy > p { max-width: 630px; color: #e0e8df; font-size: 18px; line-height: 1.8; }
.bepic-elt-actions { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; margin-top: 28px; }
.bepic-family-elt .bepic-elt-actions .btn { background: #b8eb82; color: #13271c; border-color: #b8eb82; padding: 16px 27px; box-shadow: 0 12px 34px rgba(134, 220, 80, .15); }
.bepic-family-elt .bepic-elt-actions .btn:hover { background: #fff; border-color: #fff; }
.bepic-elt-actions > a:not(.btn) { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 6px; }
.bepic-elt-actions > a:not(.btn) span { display: inline-block; margin-left: 12px; color: #b8eb82; }
.bepic-elt-hero-notes { padding: 0; margin: 30px 0 0; display: flex; flex-wrap: wrap; gap: 12px 20px; list-style: none; font-size: 12px; color: #dbe7d8; }
.bepic-elt-hero-notes li { border-inline-start: 2px solid #a5df6a; padding-inline-start: 10px; }
.bepic-elt-package { position: relative; min-width: 0; display: grid; place-items: center; padding: 50px 20px 40px; border: 1px solid rgba(210, 255, 192, .35); background: linear-gradient(160deg, rgba(191, 228, 162, .18), rgba(10, 28, 17, .85)); border-radius: 160px 160px 35px 35px; box-shadow: 0 25px 80px rgba(0, 0, 0, .28); }
.bepic-elt-package::before { content: ""; position: absolute; inset: 20px; border: 1px dashed rgba(196, 237, 172, .35); border-radius: inherit; pointer-events: none; }
.bepic-elt-package > img { height: 420px; width: auto; max-width: 100%; object-fit: contain; filter: drop-shadow(0 25px 18px rgba(0, 0, 0, .45)); animation: bepicEltFloat 6s ease-in-out infinite; }
.bepic-elt-package-label { position: relative; padding: 0 10px; margin-bottom: 20px; color: #e6f5de; text-align: center; font-size: 12px; }
.bepic-elt-package-note { position: relative; display: flex; align-items: center; gap: 12px; max-width: 100%; padding: 15px; margin: 25px -40px -60px; border-radius: 15px; color: #173321; background: #d5f3b4; box-shadow: 0 10px 35px rgba(0, 0, 0, .15); font-size: 12px; }
.bepic-elt-package-note b { font-size: 24px; white-space: nowrap; }
.bepic-elt-wave { position: absolute; width: 100%; height: 25px; bottom: -1px; left: 0; object-fit: fill; }
.bepic-elt-script { display: block; color: #357d3d; font: 600 30px/1.2 "Caveat", cursive; }
.bepic-family-elt .bepic-elt-story,
.bepic-family-elt .bepic-elt-routine,
.bepic-family-elt .bepic-elt-details { padding: 95px 0; }
.bepic-family-elt .bepic-elt-story h2,
.bepic-family-elt .bepic-elt-routine h2,
.bepic-family-elt .bepic-elt-details h2 { margin: 18px 0 25px; color: #173321; font-size: clamp(38px, 4vw, 60px); line-height: 1.08; letter-spacing: -.04em; }
.bepic-elt-story h2 em,
.bepic-elt-routine h2 em,
.bepic-elt-details h2 em { display: block; color: #267f39; font-style: normal; }
.bepic-elt-story-heading { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 80px; margin-bottom: 35px; }
.bepic-elt-story-heading > p { max-width: 480px; color: #536453; line-height: 1.9; }
.bepic-elt-benefits { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 20px; }
.bepic-elt-benefits article { position: relative; min-width: 0; padding: 38px 30px; border: 1px solid #dce7d6; border-radius: 25px; background: #f4f8ef; transition: transform .25s, box-shadow .25s; }
.bepic-elt-benefits article:hover { transform: translateY(-5px); box-shadow: 0 20px 30px rgba(17, 50, 25, .08); }
.bepic-elt-benefits article:first-child { grid-row: span 2; display: flex; flex-direction: column; justify-content: end; padding-bottom: 48px; background: linear-gradient(140deg, #1c5e2e, #102c1b); border-radius: 28px 100px 28px 28px; }
.bepic-elt-benefits article > span { display: block; margin-bottom: 18px; font-size: 13px; font-weight: 700; color: #307242; }
.bepic-elt-benefits article:first-child > span { margin-bottom: auto; font-size: 110px; color: #448555; font-weight: 800; line-height: 1; }
.bepic-family-elt .bepic-elt-benefits h3 { color: #1e3c26; font-size: 24px; margin: 0 0 12px; }
.bepic-elt-benefits p { margin: 0; color: #566451; font-size: 15px; line-height: 1.8; }
.bepic-family-elt .bepic-elt-benefits article:first-child h3 { color: #fff; font-size: 36px; }
.bepic-elt-benefits article:first-child p { color: #dcebd6; font-size: 18px; }
.bepic-elt-benefits article:last-child { grid-column: 1 / -1; background: #edf5e7; }
.bepic-elt-benefit-note { margin-top: 23px; color: #566451; font-size: 13px; line-height: 1.9; }
.bepic-elt-routine { background: #edf5e7; }
.bepic-elt-routine-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 75px; }
.bepic-elt-routine-heading { position: sticky; top: 110px; }
.bepic-elt-routine-heading > p { color: #4e614f; line-height: 1.9; }
.bepic-elt-routine-heading > a { display: inline-flex; align-items: center; gap: 20px; color: #216331; font-weight: 700; border-bottom: 1px solid #9cbd95; padding-bottom: 8px; }
.bepic-elt-directions { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.bepic-elt-directions article { min-width: 0; padding: 35px 25px; border-radius: 25px; background: #fff; box-shadow: 0 20px 50px rgba(28, 70, 34, .06); }
.bepic-elt-directions article:nth-child(2) { margin-top: 35px; background: #194429; color: #fff; }
.bepic-elt-directions article > span { display: block; font-size: 13px; }
.bepic-elt-directions article > strong { display: block; margin: 22px 0; color: #216c34; font-size: 60px; line-height: 1; letter-spacing: -.04em; }
.bepic-elt-directions article:nth-child(2) > strong { color: #c1ef99; }
.bepic-elt-directions article > p { color: #52624f; line-height: 1.85; font-size: 14px; }
.bepic-elt-directions article:nth-child(2) > p { color: #e4efde; }
.bepic-elt-repeat { grid-column: 1 / -1; font-size: 14px; color: #4f624e; line-height: 1.9; }
.bepic-elt-safety { margin-top: 45px; padding: 30px 35px; background: #fff; border-inline-start: 4px solid #267f39; border-radius: 0 25px 25px 0; }
.bepic-family-elt .bepic-elt-safety h3 { margin: 0 0 15px; color: #193f25; font-size: 23px; }
.bepic-elt-safety p { color: #4a5e4c; line-height: 1.9; font-size: 14px; margin-bottom: 15px; }
.bepic-elt-safety p:last-child { margin-bottom: 0; }
.bepic-elt-detail-heading { margin-bottom: 35px; }
.bepic-elt-detail-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: start; }
.bepic-elt-technology { position: sticky; top: 110px; border-radius: 35px 100px 35px 35px; padding: 40px; background: #162f20; color: #e1eedc; }
.bepic-elt-technology-mark { color: #b8eb82; font-size: 64px; font-weight: 800; letter-spacing: -.04em; margin-bottom: 25px; }
.bepic-family-elt .bepic-elt-technology h3 { color: #fff; font-size: 27px; line-height: 1.15; margin-bottom: 22px; }
.bepic-elt-technology p { color: #d9e8d3; line-height: 1.85; font-size: 15px; }
.bepic-elt-technology small { color: #bfd0b9; font-size: 11px; line-height: 1.8; }
.bepic-elt-disclosures > details { border-top: 1px solid #d7e2d1; }
.bepic-elt-disclosures > details:last-child { border-bottom: 1px solid #d7e2d1; }
.bepic-elt-disclosures summary { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr) 24px; align-items: center; gap: 16px; padding: 25px 12px 25px 0; cursor: pointer; font-size: 20px; color: #214b2e; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
.bepic-elt-disclosures summary::-webkit-details-marker { display: none; }
.bepic-elt-disclosures summary > span { display: grid; place-items: center; width: 24px; height: 24px; text-align: center; font-size: 22px; line-height: 1; transition: transform .2s; }
.bepic-elt-disclosures details[open] summary > span { transform: rotate(45deg); }
.bepic-elt-disclosures details > div { padding-bottom: 25px; }
.bepic-elt-disclosures p,
.bepic-elt-disclosures li { color: #4f614f; line-height: 1.9; font-size: 15px; }
.bepic-elt-disclosures ul { padding-inline-start: 22px; }
.bepic-elt-disclosures li { padding-inline-start: 5px; margin-bottom: 18px; }
.bepic-elt-resources { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 45px; }
.bepic-elt-resources > a { min-width: 0; display: flex; align-items: center; gap: 20px; border: 1px solid #dce7d6; border-radius: 25px; padding: 30px; color: #1f542e; background: #f4f8ef; transition: transform .25s, box-shadow .25s; }
.bepic-elt-resources > a:hover { transform: translateY(-5px); box-shadow: 0 18px 35px rgba(25, 65, 35, .1); }
.bepic-elt-resources > a > span { font-size: 13px; color: #577751; }
.bepic-elt-resources strong { display: block; font-size: 24px; line-height: 1.25; margin: 7px 0; }
.bepic-elt-resources small { display: block; font-size: 12px; }
.bepic-elt-resources p { font-size: 13px; line-height: 1.7; color: #53684e; margin: 0; }
.bepic-elt-resources b { font-size: 26px; margin-inline-start: auto; }
.bepic-elt-return-note { margin-top: 30px; padding: 22px 25px; border-radius: 15px; color: #4c5946; background: #f1f5eb; font-size: 13px; line-height: 1.9; }
.bepic-family-elt .bepic-family-editorial > .bepic-elt-closing { min-height: 700px; }
.bepic-family-elt .bepic-family-editorial > .bepic-elt-closing .slide { min-height: 700px; transform: none; animation: none; background-position: center; }
.bepic-family-elt .bepic-family-editorial > .bepic-elt-closing .slide::before { background: linear-gradient(90deg, rgba(8, 27, 15, .85), rgba(8, 27, 15, .08)); }
.bepic-family-elt .bepic-family-editorial > .bepic-elt-closing .col-md-12 { width: 56%; margin: 0; }
.bepic-family-elt .bepic-family-editorial > .bepic-elt-closing .slide-captions { padding: 35px; border: 0; border-inline-start: 3px solid #b8eb82; border-radius: 0 75px 25px 0; background: rgba(12, 36, 22, .85); text-align: start !important; }
.bepic-family-elt .bepic-family-editorial > .bepic-elt-closing .slide-captions::before { display: none; }
.bepic-family-elt .bepic-family-editorial > .bepic-elt-closing .slide-captions > img { width: 95px; margin: 0 0 20px; object-position: left; }
.bepic-family-elt .bepic-family-editorial > .bepic-elt-closing h2 { color: #fff; font-size: clamp(38px, 3.5vw, 53px); line-height: 1.06; }
.bepic-elt-closing h2 em { display: block; margin-top: 10px; color: #b8eb82; font: 600 1.1em/1.1 "Caveat", cursive; }
.bepic-family-elt .bepic-elt-closing .slide-captions p { color: #e0edda; font-size: 16px; line-height: 1.9; margin-bottom: 25px; }
.bepic-family-elt .bepic-elt-closing .btn { color: #13271c; background: #b8eb82; border-color: #b8eb82; }
.bepic-family-elt .bepic-family-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bepic-family-elt .bepic-family-shop .bepic-family-kicker,
.bepic-family-elt .bepic-family-shop-heading > div:last-child strong { color: #b8eb82; }
.bepic-family-elt .bepic-family-offer-image { min-height: 360px; }
.bepic-family-elt .bepic-family-offer-image img { max-height: 285px; }
.bepic-family-elt .bepic-elt-hero a:focus-visible,
.bepic-family-elt .bepic-elt-routine a:focus-visible,
.bepic-family-elt .bepic-elt-details a:focus-visible,
.bepic-family-elt .bepic-elt-details summary:focus-visible { outline: 3px solid #ef9d37; outline-offset: 6px; }
@keyframes bepicEltFloat { 0%, 100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-12px) rotate(-1deg); } }
@media (max-width: 1199px) {
    .bepic-elt-hero-grid { gap: 35px; grid-template-columns: 1.2fr .8fr; }
    .bepic-family-elt .bepic-elt-hero h1 { font-size: 62px; }
    .bepic-elt-package > img { height: 370px; }
    .bepic-elt-package-note { margin-inline: -10px; }
    .bepic-elt-story-heading,
    .bepic-elt-routine-grid,
    .bepic-elt-detail-grid { gap: 40px; }
    .bepic-elt-directions article { padding: 30px 20px; }
    .bepic-elt-directions article > strong { font-size: 48px; }
}
@media (max-width: 767px) {
    .bepic-elt-hero-grid,
    .bepic-elt-story-heading,
    .bepic-elt-routine-grid,
    .bepic-elt-detail-grid,
    .bepic-elt-resources { grid-template-columns: 1fr; gap: 35px; }
    .bepic-elt-hero-grid { padding-top: 40px; padding-bottom: 65px; }
    .bepic-elt-hero::after { background: linear-gradient(180deg, rgba(9, 24, 16, .97), rgba(9, 24, 16, .8)); }
    .bepic-elt-hero-photo { object-position: 50% center; }
    .bepic-family-elt .bepic-elt-hero h1 { font-size: clamp(47px, 13vw, 62px); overflow-wrap: break-word; }
    .bepic-elt-hero-copy > p { font-size: 16px; }
    .bepic-elt-package { max-width: 350px; width: 100%; justify-self: center; padding-top: 35px; padding-bottom: 30px; margin-bottom: 25px; }
    .bepic-elt-package > img { height: 360px; }
    .bepic-elt-package-note { flex-wrap: wrap; justify-content: center; margin-inline: 0; margin-bottom: -45px; }
    .bepic-family-elt .bepic-elt-story,
    .bepic-family-elt .bepic-elt-routine,
    .bepic-family-elt .bepic-elt-details { padding: 60px 0; }
    .bepic-family-elt .bepic-elt-story h2,
    .bepic-family-elt .bepic-elt-routine h2,
    .bepic-family-elt .bepic-elt-details h2 { font-size: clamp(34px, 10vw, 45px); overflow-wrap: break-word; }
    .bepic-elt-benefits { grid-template-columns: 1fr; }
    .bepic-elt-benefits article { padding: 30px; }
    .bepic-elt-benefits article:first-child { grid-row: auto; padding: 35px 30px; }
    .bepic-elt-benefits article:first-child > span { font-size: 65px; margin-bottom: 30px; }
    .bepic-elt-benefits article:last-child { grid-column: auto; }
    .bepic-elt-routine-heading,
    .bepic-elt-technology { position: static; }
    .bepic-elt-directions { grid-template-columns: 1fr; }
    .bepic-elt-directions article:nth-child(2) { margin-top: 0; }
    .bepic-elt-safety,
    .bepic-elt-technology { padding: 28px; }
    .bepic-elt-resources > a { padding: 25px 20px; gap: 14px; }
    .bepic-elt-resources strong { font-size: 22px; }
    .bepic-elt-resources b { font-size: 23px; }
    .bepic-family-elt .bepic-family-editorial > .bepic-elt-closing .col-md-12 { width: 100%; }
    .bepic-family-elt .bepic-family-editorial > .bepic-elt-closing .slide-captions { padding: 30px 25px; }
    .bepic-family-elt .bepic-family-editorial > .bepic-elt-closing h2 { font-size: clamp(34px, 10vw, 43px); overflow-wrap: break-word; }
    .bepic-family-elt .bepic-family-offer-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-elt-package > img { animation: none; }
    .bepic-elt-benefits article,
    .bepic-elt-resources > a,
    .bepic-elt-disclosures summary > span { transition: none; }
    .bepic-elt-benefits article:hover,
    .bepic-elt-resources > a:hover { transform: none; }
}

/* Fuel Tabs: bright fill-up photography, layered pouch and a dark editorial rail. */
.bepic-fuel-hero { position: relative; overflow: hidden; background: radial-gradient(ellipse at 0 0, #fff 35%, #f0f6e7 100%); }
.bepic-fuel-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding-top: 55px; padding-bottom: 80px; }
.bepic-fuel-brand { display: inline-flex; align-items: center; gap: 20px; margin-bottom: 25px; padding: 10px 22px 10px 17px; border-radius: 18px; background: #173323; color: #fff; }
.bepic-fuel-brand > img { width: 65px; height: auto; }
.bepic-fuel-brand > span { border-inline-start: 1px solid #698763; padding-inline-start: 20px; font-weight: 600; font-size: 18px; }
.bepic-fuel-script { display: block; color: #39803c; font: 600 30px/1.3 "Caveat", cursive; }
.bepic-family-fueltabs .bepic-fuel-hero h1 { margin: 18px 0 25px; color: #1a3022; font-size: clamp(62px, 5.5vw, 80px); line-height: 1.01; letter-spacing: -.045em; }
.bepic-fuel-hero h1 em { display: block; color: #287c3d; font-style: normal; position: relative; }
.bepic-fuel-hero h1 em::after { content: ""; display: block; height: 7px; width: 80%; margin-top: 10px; background: #b6d663; border-radius: 90% 20% 90% 20%; transform: rotate(-2deg); }
.bepic-fuel-hero-copy > p { color: #53634d; max-width: 530px; font-size: 18px; line-height: 1.85; }
.bepic-fuel-actions { display: flex; gap: 25px; align-items: center; flex-wrap: wrap; margin-top: 30px; }
.bepic-family-fueltabs .bepic-fuel-actions > .btn { background: #247a39; color: #fff; padding: 16px 25px; }
.bepic-family-fueltabs .bepic-fuel-actions > .btn:hover { background: #173323; }
.bepic-fuel-actions > a:not(.btn) { color: #245f32; font-size: 14px; font-weight: 600; border-bottom: 1px solid #9db68d; padding-bottom: 5px; }
.bepic-fuel-actions > a:not(.btn) span { margin-inline-start: 13px; }
.bepic-fuel-use-note { display: block; margin-top: 24px; font-size: 12px; color: #617257; }
.bepic-fuel-hero-art { position: relative; height: 650px; min-width: 0; }
.bepic-fuel-hero-photo { position: absolute; width: calc(100% + 70px); max-width: none; height: 580px; top: 0; left: 0; object-fit: cover; object-position: 60% center; border-radius: 130px 25px 130px 25px; }
.bepic-fuel-pouch-stage { position: absolute; width: 300px; left: -35px; bottom: 15px; padding: 25px 20px; background: #cde798; border: 9px solid #fff; border-radius: 45% 45% 28px 28px; box-shadow: 0 25px 55px rgba(22, 48, 26, .18); transform: rotate(-7deg); }
.bepic-fuel-pouch-stage > img { display: block; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 14px 10px rgba(18, 50, 20, .2)); animation: bepicFuelFloat 6s ease-in-out infinite; }
.bepic-fuel-treatment-note { position: absolute; bottom: 125px; right: -15px; width: 245px; border-radius: 22px; padding: 23px; background: #163723; color: #fff; box-shadow: 0 18px 45px rgba(14, 40, 20, .2); }
.bepic-fuel-treatment-note > span { display: block; font-size: 12px; color: #e0eccc; }
.bepic-fuel-treatment-note > strong { display: block; margin: 6px 0; color: #d1eaa5; font-size: 27px; line-height: 1.15; }
.bepic-fuel-treatment-note > small { color: #d1decc; font-size: 11px; }
.bepic-fuel-photo-caption { position: absolute; bottom: 0; right: 0; max-width: 230px; font: 600 24px/1.2 "Caveat", cursive; color: #3c673b; transform: rotate(-3deg); }
.bepic-fuel-wave { position: absolute; bottom: -1px; left: 0; width: 100%; height: 24px; object-fit: fill; }
.bepic-family-fueltabs .bepic-fuel-story,
.bepic-family-fueltabs .bepic-fuel-routine,
.bepic-family-fueltabs .bepic-fuel-details { padding: 95px 0; }
.bepic-family-fueltabs .bepic-fuel-story { background: #183022; color: #fff; }
.bepic-fuel-story-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: start; }
.bepic-fuel-story-heading { position: sticky; top: 110px; }
.bepic-fuel-story .bepic-fuel-script { color: #cde798; }
.bepic-family-fueltabs .bepic-fuel-story h2,
.bepic-family-fueltabs .bepic-fuel-routine h2,
.bepic-family-fueltabs .bepic-fuel-details h2 { margin: 18px 0 25px; color: #1c3a27; font-size: clamp(38px, 4.2vw, 60px); line-height: 1.08; letter-spacing: -.04em; }
.bepic-family-fueltabs .bepic-fuel-story h2 { color: #fff; }
.bepic-fuel-story h2 em,
.bepic-fuel-routine h2 em,
.bepic-fuel-details h2 em { display: block; font-style: normal; color: #317b3e; }
.bepic-fuel-story h2 em { color: #cde798; }
.bepic-fuel-story-heading > p { color: #d0dfc9; line-height: 1.9; font-size: 16px; }
.bepic-fuel-story-heading > img { display: block; width: 240px; height: auto; margin: 30px auto 0; transform: rotate(5deg); filter: drop-shadow(0 20px 20px rgba(0, 0, 0, .3)); }
.bepic-fuel-benefits { margin: 0; padding: 0; list-style: none; }
.bepic-fuel-benefits li { display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 25px; padding: 32px 0; border-top: 1px solid #456044; transition: transform .25s; }
.bepic-fuel-benefits li:hover { transform: translateX(5px); }
.bepic-fuel-benefits li > span { color: #a9ca78; font-size: 42px; line-height: 1; font-weight: 300; }
.bepic-family-fueltabs .bepic-fuel-benefits h3 { margin: 0 0 12px; color: #fff; font-size: 26px; line-height: 1.15; }
.bepic-fuel-benefits p { color: #d0dfc9; font-size: 15px; line-height: 1.8; margin-bottom: 0; }
.bepic-fuel-benefit-note { margin-top: 35px; font-size: 12px; line-height: 1.9; color: #d0dfc9; }
.bepic-family-fueltabs .bepic-fuel-routine { background: #f0f5df; }
.bepic-fuel-section-heading { max-width: 650px; margin-bottom: 40px; }
.bepic-fuel-section-heading > p { color: #53674b; font-size: 15px; line-height: 1.9; }
.bepic-fuel-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; padding: 0 0 35px; margin: 0; list-style: none; }
.bepic-fuel-steps li { position: relative; min-width: 0; padding: 35px 30px; background: #fff; border: 1px solid #dae4cb; border-radius: 22px 65px 22px 22px; }
.bepic-fuel-steps li:nth-child(2) { transform: translateY(25px); background: #dcebb7; }
.bepic-fuel-steps li > span { display: block; color: #a8c294; font-size: 65px; font-weight: 750; line-height: 1; margin-bottom: 25px; }
.bepic-fuel-steps small { color: #4f7040; text-transform: uppercase; font-size: 10px; letter-spacing: .07em; font-weight: 600; }
.bepic-family-fueltabs .bepic-fuel-steps h3 { color: #1e452b; font-size: 26px; margin: 12px 0 16px; }
.bepic-fuel-steps p { color: #4e6549; font-size: 15px; line-height: 1.9; }
.bepic-fuel-safety { display: grid; grid-template-columns: .8fr 1.2fr; gap: 45px; margin-top: 30px; padding: 35px; border: 1px solid #b8ca9b; border-radius: 25px; background: #fff; }
.bepic-fuel-eyebrow { color: #567047; text-transform: uppercase; letter-spacing: .12em; font-weight: 650; font-size: 11px; }
.bepic-family-fueltabs .bepic-fuel-safety h3 { margin: 12px 0 0; font-size: 27px; color: #203f29; line-height: 1.2; }
.bepic-fuel-safety h3 em { display: block; color: #426d3b; font-style: normal; }
.bepic-fuel-safety p { color: #4e6247; font-size: 14px; line-height: 1.9; }
.bepic-fuel-safety p:last-child { margin-bottom: 0; }
.bepic-fuel-detail-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.bepic-fuel-discover { position: sticky; top: 110px; }
.bepic-fuel-resource { position: relative; display: block; padding: 35px; margin-top: 35px; border-radius: 25px 80px 25px 25px; color: #1d472b; background: #e0edbe; transition: transform .25s, box-shadow .25s; }
.bepic-fuel-resource:hover { transform: translateY(-5px); box-shadow: 0 20px 35px rgba(27, 60, 27, .12); }
.bepic-fuel-resource > span { display: block; text-align: end; color: #316333; font-size: 35px; line-height: 1; margin-bottom: 25px; }
.bepic-fuel-resource small { display: block; color: #4a663e; font-size: 12px; }
.bepic-fuel-resource strong { display: block; margin: 10px 0 16px; color: #1e442a; font-size: 28px; line-height: 1.15; }
.bepic-fuel-resource p { color: #49613f; font-size: 14px; line-height: 1.9; margin-bottom: 0; }
.bepic-fuel-disclosures { min-width: 0; }
.bepic-fuel-disclosures > details { border-top: 1px solid #d6e2c9; }
.bepic-fuel-disclosures > details:last-child { border-bottom: 1px solid #d6e2c9; }
.bepic-fuel-disclosures summary { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr) 24px; align-items: center; gap: 16px; padding: 25px 12px 25px 0; color: #2e5633; cursor: pointer; font-weight: 650; font-size: 21px; line-height: 1.45; overflow-wrap: anywhere; }
.bepic-fuel-disclosures summary::-webkit-details-marker { display: none; }
.bepic-fuel-disclosures summary > span { display: grid; width: 24px; height: 24px; place-items: center; font-size: 22px; line-height: 1; transition: transform .2s; }
.bepic-fuel-disclosures details[open] summary > span { transform: rotate(45deg); }
.bepic-fuel-disclosures details > div { padding-bottom: 25px; }
.bepic-fuel-disclosures p { font-size: 15px; line-height: 1.9; color: #53674b; }
.bepic-fuel-return-note { margin-top: 35px; padding: 23px 25px; color: #4d6147; background: #f1f6e9; border-radius: 18px; font-size: 13px; line-height: 1.9; }
.bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing { min-height: 680px; }
.bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing .slide { min-height: 680px; transform: none; animation: none; background-position: 40% center; }
.bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing .slide::before { background: linear-gradient(90deg, rgba(13, 35, 20, .1), rgba(13, 35, 20, .55)); }
.bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing .col-md-12 { width: 48%; margin: 0 0 0 auto; }
.bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing .slide-captions { padding: 40px; text-align: start !important; color: #1f452d; background: #edf4db; border: 0; border-radius: 95px 25px 25px 25px; }
.bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing .slide-captions::before { display: none; }
.bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing .slide-captions > img { width: 85px; max-height: none; height: auto; background: #183723; border-radius: 15px; padding: 10px !important; object-position: left; }
.bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing h2 { color: #1c3c27; font-size: clamp(36px, 3.5vw, 52px); line-height: 1.07; }
.bepic-fuel-closing h2 em { display: block; color: #31763e; margin-top: 12px; font: 600 1.1em/1.1 "Caveat", cursive; }
.bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing .slide-captions p { color: #4b6245; font-size: 15px; line-height: 1.9; }
.bepic-family-fueltabs .bepic-family-shop .bepic-family-kicker,
.bepic-family-fueltabs .bepic-family-shop-heading > div:last-child strong { color: #cde798; }
.bepic-family-fueltabs .bepic-family-offer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bepic-family-fueltabs .bepic-fuel-hero a:focus-visible,
.bepic-family-fueltabs .bepic-fuel-details a:focus-visible,
.bepic-family-fueltabs .bepic-fuel-details summary:focus-visible { outline: 3px solid #d98c28; outline-offset: 6px; }
@keyframes bepicFuelFloat { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-10px) rotate(2deg); } }
@media (max-width: 1199px) {
    .bepic-fuel-hero-grid { gap: 40px; }
    .bepic-family-fueltabs .bepic-fuel-hero h1 { font-size: 62px; }
    .bepic-fuel-hero-art { height: 600px; }
    .bepic-fuel-hero-photo { height: 520px; }
    .bepic-fuel-pouch-stage { width: 260px; left: -15px; }
    .bepic-fuel-treatment-note { width: 215px; right: -5px; padding: 20px; }
    .bepic-fuel-treatment-note > strong { font-size: 23px; }
    .bepic-fuel-photo-caption { max-width: 160px; font-size: 22px; }
    .bepic-fuel-story-grid,
    .bepic-fuel-detail-grid { gap: 45px; }
    .bepic-fuel-steps { gap: 20px; }
    .bepic-fuel-steps li { padding: 30px 24px; }
    .bepic-family-fueltabs .bepic-family-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .bepic-fuel-hero-grid,
    .bepic-fuel-story-grid,
    .bepic-fuel-detail-grid,
    .bepic-fuel-steps,
    .bepic-fuel-safety { grid-template-columns: 1fr; gap: 30px; }
    .bepic-fuel-hero-grid { padding-top: 35px; padding-bottom: 65px; gap: 40px; }
    .bepic-family-fueltabs .bepic-fuel-hero h1 { font-size: clamp(47px, 14vw, 65px); overflow-wrap: break-word; }
    .bepic-fuel-hero-copy > p { font-size: 16px; }
    .bepic-fuel-actions { gap: 25px; }
    .bepic-fuel-hero-art { height: 620px; }
    .bepic-fuel-hero-photo { height: 490px; width: 100%; left: 0; border-radius: 85px 20px 85px 20px; }
    .bepic-fuel-pouch-stage { width: 225px; left: 4px; bottom: 75px; padding: 20px 15px; border-width: 7px; }
    .bepic-fuel-treatment-note { width: 210px; left: 0; right: auto; top: 20px; bottom: auto; padding: 18px; }
    .bepic-fuel-treatment-note > strong { font-size: 23px; }
    .bepic-fuel-photo-caption { max-width: 130px; font-size: 20px; right: 0; bottom: 0; }
    .bepic-family-fueltabs .bepic-fuel-story,
    .bepic-family-fueltabs .bepic-fuel-routine,
    .bepic-family-fueltabs .bepic-fuel-details { padding: 60px 0; }
    .bepic-family-fueltabs .bepic-fuel-story h2,
    .bepic-family-fueltabs .bepic-fuel-routine h2,
    .bepic-family-fueltabs .bepic-fuel-details h2 { font-size: clamp(34px, 10vw, 45px); overflow-wrap: break-word; }
    .bepic-fuel-story-heading,
    .bepic-fuel-discover { position: static; }
    .bepic-fuel-story-heading > img { width: 200px; margin-top: 25px; }
    .bepic-fuel-benefits li { grid-template-columns: 40px minmax(0, 1fr); gap: 15px; padding: 27px 0; }
    .bepic-fuel-benefits li > span { font-size: 32px; }
    .bepic-family-fueltabs .bepic-fuel-benefits h3 { font-size: 24px; }
    .bepic-fuel-steps { padding-bottom: 0; }
    .bepic-fuel-steps li,
    .bepic-fuel-steps li:nth-child(2) { transform: none; padding: 30px 25px; }
    .bepic-fuel-safety { padding: 27px; }
    .bepic-fuel-resource { padding: 30px; }
    .bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing .col-md-12 { width: 100%; }
    .bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing .slide-captions { padding: 35px 25px; border-radius: 65px 25px 25px 25px; }
    .bepic-family-fueltabs .bepic-family-editorial > .bepic-fuel-closing h2 { font-size: clamp(34px, 10vw, 43px); overflow-wrap: break-word; }
    .bepic-family-fueltabs .bepic-family-offer-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-fuel-pouch-stage > img { animation: none; }
    .bepic-fuel-benefits li,
    .bepic-fuel-resource,
    .bepic-fuel-disclosures summary > span { transition: none; }
    .bepic-fuel-benefits li:hover,
    .bepic-fuel-resource:hover { transform: none; }
}

/* ImmunoCode: turquoise/ink, adult lifestyle imagery, transparent formula discoveries. */
.bepic-immune-hero { position: relative; isolation: isolate; overflow: hidden; background: #123d3d; color: #fff; }
.bepic-immune-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #102e32 0%, rgba(16, 46, 50, .96) 35%, rgba(16, 46, 50, .3) 100%); }
.bepic-immune-hero-photo { position: absolute; z-index: -2; inset: 0; height: 100%; width: 100%; object-fit: cover; object-position: center 35%; }
.bepic-immune-hero-grid { display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 80px; padding-top: 60px; padding-bottom: 90px; }
.bepic-immune-logo { display: block; width: 230px; height: auto; margin-bottom: 25px; }
.bepic-immune-script { display: block; color: #2e7f76; font: 600 30px/1.25 "Caveat", cursive; }
.bepic-immune-hero .bepic-immune-script { color: #a5e6d2; }
.bepic-family-immunocode .bepic-immune-hero h1 { color: #fff; font-size: clamp(58px, 5.7vw, 82px); line-height: 1.03; letter-spacing: -.045em; margin: 20px 0 25px; }
.bepic-immune-hero h1 em { display: block; margin-top: 12px; color: #a5e6d2; font: 600 1.12em/1 "Caveat", cursive; }
.bepic-immune-hero-copy > p { max-width: 620px; color: #deefea; font-size: 18px; line-height: 1.85; }
.bepic-immune-actions { display: flex; gap: 28px; flex-wrap: wrap; align-items: center; margin-top: 28px; }
.bepic-family-immunocode .bepic-immune-actions > .btn { color: #123d3d; background: #a5e6d2; padding: 16px 25px; }
.bepic-family-immunocode .bepic-immune-actions > .btn:hover { background: #fff; }
.bepic-immune-actions > a:not(.btn) { color: #fff; border-bottom: 1px solid #aacdc5; padding-bottom: 6px; font-size: 14px; font-weight: 600; }
.bepic-immune-actions > a:not(.btn) span { color: #a5e6d2; margin-inline-start: 15px; }
.bepic-immune-hero-copy > small { display: block; max-width: 590px; margin-top: 24px; color: #c2dcd5; font-size: 11px; line-height: 1.8; }
.bepic-immune-hero-art { min-width: 0; position: relative; display: grid; place-items: center; min-height: 560px; padding: 35px 20px; }
.bepic-immune-orbit { position: absolute; inset: 0; border: 1px solid rgba(197, 241, 229, .5); border-radius: 50% 50% 30px 30px; background: radial-gradient(ellipse at 50% 65%, rgba(31, 155, 144, .75), rgba(18, 61, 61, .15) 70%); }
.bepic-immune-orbit::after { content: ""; position: absolute; inset: 22px; border: 1px dashed rgba(197, 241, 229, .4); border-radius: inherit; }
.bepic-immune-hero-art > img { position: relative; width: 300px; max-width: 100%; height: auto; filter: drop-shadow(0 25px 25px rgba(0, 0, 0, .35)); animation: bepicImmuneFloat 6s ease-in-out infinite; }
.bepic-immune-hero-note { position: relative; display: block; padding: 15px 20px; margin: 20px -20px -50px; border-radius: 17px; color: #113a38; background: #c1eee0; font-size: 13px; font-weight: 600; text-align: center; box-shadow: 0 12px 35px rgba(0, 0, 0, .2); }
.bepic-immune-wave { position: absolute; width: 100%; height: 25px; bottom: -1px; left: 0; object-fit: fill; }
.bepic-family-immunocode .bepic-immune-story,
.bepic-family-immunocode .bepic-immune-formula,
.bepic-family-immunocode .bepic-immune-guide { padding: 95px 0; }
.bepic-family-immunocode .bepic-immune-story h2,
.bepic-family-immunocode .bepic-immune-formula h2,
.bepic-family-immunocode .bepic-immune-guide h2 { color: #193e3b; font-size: clamp(38px, 4.1vw, 59px); line-height: 1.1; letter-spacing: -.04em; margin: 18px 0 25px; }
.bepic-immune-story h2 em,
.bepic-immune-formula h2 em,
.bepic-immune-guide h2 em { display: block; color: #087d7a; font-style: normal; }
.bepic-immune-story-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; align-items: start; }
.bepic-immune-story-grid > div:first-child > p { color: #536d66; font-size: 16px; line-height: 1.9; }
.bepic-immune-themes { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.bepic-immune-themes article { padding: 25px; border-radius: 24px; border: 1px solid #d6e8df; background: #eef7f1; }
.bepic-immune-themes article:nth-child(even) { transform: translateY(25px); background: #f5f4e8; }
.bepic-immune-themes article > span { color: #4d877a; font-size: 12px; font-weight: 700; }
.bepic-family-immunocode .bepic-immune-themes h3 { font-size: 23px; color: #24534b; margin: 17px 0 12px; line-height: 1.15; }
.bepic-immune-themes p { color: #536d62; font-size: 14px; line-height: 1.85; margin-bottom: 0; }
.bepic-immune-allergen { display: flex; align-items: center; gap: 25px; margin-top: 55px; padding: 25px 30px; border-inline-start: 4px solid #087d7a; border-radius: 0 20px 20px 0; background: #edf5ec; color: #294e43; }
.bepic-immune-allergen > strong { flex: 0 0 auto; font-size: 21px; }
.bepic-immune-allergen > span { font-size: 14px; line-height: 1.9; }
.bepic-family-immunocode .bepic-immune-formula { color: #fff; background: #123d3d; }
.bepic-immune-section-heading { max-width: 730px; margin-bottom: 40px; }
.bepic-immune-formula .bepic-immune-script { color: #a5e6d2; }
.bepic-family-immunocode .bepic-immune-formula h2 { color: #fff; }
.bepic-immune-formula h2 em { color: #a5e6d2; }
.bepic-immune-section-heading > p { color: #d7eae2; font-size: 16px; line-height: 1.9; }
.bepic-immune-blend-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; align-items: start; }
.bepic-immune-blend { min-width: 0; padding: 30px; border: 1px solid #46746a; border-radius: 25px 70px 25px 25px; background: #1d4c48; }
.bepic-immune-blend:nth-child(2) { margin-top: 25px; background: #22594f; }
.bepic-immune-blend summary { position: relative; min-height: 235px; padding-bottom: 45px; cursor: pointer; list-style: none; }
.bepic-immune-blend summary::-webkit-details-marker,
.bepic-immune-guide-panels summary::-webkit-details-marker { display: none; }
.bepic-immune-blend summary > span { display: block; color: #8dc7b4; font-size: 55px; font-weight: 300; line-height: 1; margin-bottom: 30px; }
.bepic-immune-blend summary > small { display: block; color: #d2e9dc; font-size: 11px; margin-bottom: 10px; }
.bepic-immune-blend summary > strong { display: block; color: #fff; font-size: 26px; line-height: 1.17; }
.bepic-immune-blend summary > b { position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; border: 1px solid #86bbae; border-radius: 50%; display: grid; place-items: center; color: #c1eee0; font-weight: 400; font-size: 22px; }
.bepic-immune-blend[open] summary > b { transform: rotate(45deg); }
.bepic-immune-blend > div { padding-top: 24px; }
.bepic-immune-blend p { color: #d7eade; font-size: 14px; line-height: 1.9; }
.bepic-immune-blend-note { color: #d4e8de; font-size: 12px; line-height: 1.9; margin-top: 35px; }
.bepic-family-immunocode .bepic-immune-guide { background: #f0f6ed; }
.bepic-immune-guide-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.bepic-immune-guide-heading { position: sticky; top: 110px; }
.bepic-immune-resource { display: block; margin-top: 35px; padding: 30px; border-radius: 25px 75px 25px 25px; color: #fff; background: #1e5751; transition: transform .25s, box-shadow .25s; }
.bepic-immune-resource:hover { transform: translateY(-5px); box-shadow: 0 20px 35px rgba(21, 67, 56, .15); }
.bepic-immune-resource > span { display: block; color: #a5e6d2; font-size: 35px; line-height: 1; text-align: end; margin-bottom: 25px; }
.bepic-immune-resource small { display: block; color: #c9e5d8; font-size: 12px; }
.bepic-immune-resource strong { display: block; color: #fff; font-size: 27px; line-height: 1.15; margin: 10px 0 17px; }
.bepic-immune-resource p { color: #d3e8df; font-size: 14px; line-height: 1.9; margin-bottom: 0; }
.bepic-immune-guide-panels { min-width: 0; }
.bepic-immune-guide-panels > details { border-top: 1px solid #caddcd; }
.bepic-immune-guide-panels > details:last-child { border-bottom: 1px solid #caddcd; }
.bepic-immune-guide-panels summary { display: grid; grid-template-columns: minmax(0, 1fr) 24px; gap: 16px; align-items: center; padding: 25px 12px 25px 0; list-style: none; color: #2c5c4d; font-size: 21px; font-weight: 650; line-height: 1.4; cursor: pointer; overflow-wrap: anywhere; }
.bepic-immune-guide-panels summary > span { width: 24px; height: 24px; display: grid; place-items: center; font-size: 22px; line-height: 1; }
.bepic-immune-guide-panels details[open] summary > span { transform: rotate(45deg); }
.bepic-immune-guide-panels details > div { padding-bottom: 25px; }
.bepic-immune-guide-panels p { color: #526d5f; font-size: 15px; line-height: 1.9; }
.bepic-immune-facts-scroll { max-width: 100%; }
.bepic-immune-facts table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 15px 0 25px; }
.bepic-immune-facts caption { color: #2e5a4c; text-align: start; padding: 10px 0; font-size: 13px; }
.bepic-immune-facts th,
.bepic-immune-facts td { padding: 12px 8px; border-bottom: 1px solid #c9dccd; color: #2e5a4c; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; vertical-align: top; text-align: start; }
.bepic-immune-facts th:first-child { width: 57%; }
.bepic-immune-facts th:nth-child(2) { width: 25%; }
.bepic-immune-facts th:nth-child(3) { width: 18%; }
.bepic-immune-facts thead { background: #e1eee0; }
.bepic-immune-safety { padding: 30px 35px; margin-top: 45px; border: 1px solid #cadcc6; border-radius: 25px; background: #fff; }
.bepic-family-immunocode .bepic-immune-safety h3 { color: #214d40; font-size: 23px; margin-bottom: 20px; }
.bepic-immune-safety p { color: #4d695b; font-size: 14px; line-height: 1.9; }
.bepic-immune-safety p:last-child { margin-bottom: 0; }
.bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing { min-height: 680px; }
.bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing .slide { min-height: 680px; transform: none; animation: none; background-position: 60% center; }
.bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing .slide::before { background: linear-gradient(90deg, rgba(13, 47, 45, .8), rgba(13, 47, 45, .05)); }
.bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing .col-md-12 { width: 54%; margin: 0; }
.bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing .slide-captions { padding: 40px; text-align: start !important; border: 0; border-inline-start: 3px solid #a5e6d2; border-radius: 0 75px 25px 0; background: rgba(14, 53, 49, .88); }
.bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing .slide-captions::before { display: none; }
.bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing .slide-captions > img { width: 190px; height: auto; max-height: none; object-position: left; }
.bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing h2 { color: #fff; font-size: clamp(38px, 3.6vw, 53px); line-height: 1.08; }
.bepic-immune-closing h2 em { display: block; color: #a5e6d2; margin-top: 12px; font: 600 1.1em/1.1 "Caveat", cursive; }
.bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing .slide-captions p { color: #d8ece4; font-size: 16px; line-height: 1.9; }
.bepic-family-immunocode .bepic-family-shop .bepic-family-kicker,
.bepic-family-immunocode .bepic-family-shop-heading > div:last-child strong { color: #a5e6d2; }
.bepic-family-immunocode .bepic-family-offer-grid { grid-template-columns: 1fr; }
.bepic-family-immunocode .bepic-family-offer { display: grid; grid-template-columns: .85fr 1.15fr; }
.bepic-family-immunocode .bepic-family-offer-body { padding: 35px; }
.bepic-family-immunocode .bepic-family-editorial a:focus-visible,
.bepic-family-immunocode .bepic-family-editorial summary:focus-visible { outline: 3px solid #d59740; outline-offset: 6px; }
@keyframes bepicImmuneFloat { 0%, 100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-10px) rotate(-1deg); } }
@media (max-width: 1199px) {
    .bepic-immune-hero-grid { gap: 40px; grid-template-columns: 1.2fr .8fr; }
    .bepic-family-immunocode .bepic-immune-hero h1 { font-size: 62px; }
    .bepic-immune-hero-art { min-height: 490px; }
    .bepic-immune-story-grid,
    .bepic-immune-guide-grid { gap: 40px; }
    .bepic-immune-blend-grid { gap: 20px; }
    .bepic-immune-blend { padding: 25px; }
    .bepic-immune-blend summary > strong { font-size: 23px; }
}
@media (max-width: 767px) {
    .bepic-immune-hero-grid,
    .bepic-immune-story-grid,
    .bepic-immune-themes,
    .bepic-immune-blend-grid,
    .bepic-immune-guide-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-immune-hero-grid { padding-top: 40px; padding-bottom: 75px; gap: 45px; }
    .bepic-immune-hero::after { background: linear-gradient(180deg, rgba(16, 46, 50, .98), rgba(16, 46, 50, .7)); }
    .bepic-immune-logo { width: 210px; }
    .bepic-family-immunocode .bepic-immune-hero h1 { font-size: clamp(48px, 14vw, 64px); overflow-wrap: break-word; }
    .bepic-immune-hero-copy > p { font-size: 16px; }
    .bepic-immune-hero-art { min-height: 480px; padding: 30px; max-width: 350px; justify-self: center; width: 100%; }
    .bepic-immune-hero-art > img { width: 250px; }
    .bepic-immune-hero-note { max-width: 100%; margin-inline: 0; margin-bottom: -45px; }
    .bepic-family-immunocode .bepic-immune-story,
    .bepic-family-immunocode .bepic-immune-formula,
    .bepic-family-immunocode .bepic-immune-guide { padding: 60px 0; }
    .bepic-family-immunocode .bepic-immune-story h2,
    .bepic-family-immunocode .bepic-immune-formula h2,
    .bepic-family-immunocode .bepic-immune-guide h2 { font-size: clamp(34px, 10vw, 45px); overflow-wrap: break-word; }
    .bepic-immune-themes article:nth-child(even) { transform: none; }
    .bepic-immune-allergen { align-items: start; flex-direction: column; gap: 12px; padding: 25px; margin-top: 30px; }
    .bepic-immune-blend:nth-child(2) { margin-top: 0; }
    .bepic-immune-blend summary { min-height: 205px; }
    .bepic-immune-guide-heading { position: static; }
    .bepic-immune-resource,
    .bepic-immune-safety { padding: 28px; }
    .bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing .col-md-12 { width: 100%; }
    .bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing .slide-captions { padding: 35px 25px; }
    .bepic-family-immunocode .bepic-family-editorial > .bepic-immune-closing h2 { font-size: clamp(34px, 10vw, 43px); overflow-wrap: break-word; }
    .bepic-family-immunocode .bepic-family-offer { grid-template-columns: 1fr; }
    .bepic-family-immunocode .bepic-family-offer-body { padding: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-immune-hero-art > img { animation: none; }
    .bepic-immune-resource { transition: none; }
    .bepic-immune-resource:hover { transform: none; }
}

/* REGENER8: golden chai ritual, arched lifestyle window and native formula discoveries. */
.bepic-regen-hero { position: relative; isolation: isolate; background: #faf6e9; color: #514530; }
.bepic-regen-hero::before { content: ""; position: absolute; z-index: -1; width: 65%; height: 100%; inset: 0 0 auto auto; background: radial-gradient(ellipse at 90% 40%, #ecd58c, transparent 70%); }
.bepic-regen-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; padding-top: 55px; padding-bottom: 100px; }
.bepic-regen-hero-copy { min-width: 0; }
.bepic-regen-brand { display: inline-flex; width: 245px; padding: 12px 24px; margin-bottom: 24px; border-radius: 24px 5px 24px 5px; background: #302b20; }
.bepic-regen-brand img { width: 100%; height: auto; }
.bepic-regen-script { display: block; font: 600 30px/1.15 "Caveat", cursive; color: #836020; }
.bepic-family-regener8 .bepic-regen-hero h1 { margin: 22px 0; color: #302b20; font-size: clamp(60px, 5.4vw, 79px); line-height: .98; letter-spacing: -.045em; }
.bepic-regen-hero h1 em { display: block; padding-top: 8px; color: #936515; font: 600 1.05em/1.04 "Caveat", cursive; letter-spacing: -.02em; }
.bepic-regen-hero-copy > p { max-width: 540px; margin: 0 0 25px; font-size: 18px; line-height: 1.8; }
.bepic-regen-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.bepic-family-regener8 .bepic-regen-actions .btn { margin: 0; padding: 16px 25px; color: #302b20; background: #f6ce4e; border: 1px solid #e8bb2e; }
.bepic-regen-actions > a:last-child { display: flex; gap: 12px; align-items: center; color: #514530; font-weight: 650; font-size: 14px; border-bottom: 1px solid #c2ad7e; padding-bottom: 6px; }
.bepic-regen-hero-copy > small { display: block; max-width: 490px; margin-top: 22px; color: #766b55; font-size: 11px; line-height: 1.7; }
.bepic-regen-hero-art { position: relative; min-width: 0; padding: 0 0 45px 30px; }
.bepic-regen-photo-window { position: relative; overflow: hidden; height: 550px; border-radius: 48% 48% 24px 24px; box-shadow: 18px 18px 0 rgba(172, 129, 25, .13); }
.bepic-regen-photo-window::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(122, 90, 30, .16); border-radius: inherit; background: linear-gradient(0deg, rgba(78, 55, 13, .12), transparent 65%); pointer-events: none; }
.bepic-regen-photo-window > img { width: 100%; height: 100%; object-fit: cover; object-position: 59% center; }
.bepic-regen-pack { position: absolute; z-index: 2; bottom: 0; left: 0; width: 280px; padding: 12px 12px 18px; background: #fff; border: 1px solid #eddfbd; border-radius: 20px 20px 70px 20px; box-shadow: 0 20px 45px rgba(90, 61, 11, .16); transform: rotate(-5deg); animation: bepicRegenFloat 7s ease-in-out infinite; }
.bepic-regen-pack > img { display: block; width: 100%; height: auto; }
.bepic-regen-pack > span { display: block; padding: 7px 12px 0; color: #756022; font: 600 27px/1.15 "Caveat", cursive; }
.bepic-regen-calories { position: absolute; z-index: 3; right: -10px; top: 40px; padding: 20px; display: flex; align-items: center; gap: 12px; border: 5px solid #faf6e9; border-radius: 50%; background: #f6ce4e; color: #302b20; box-shadow: 0 8px 25px rgba(86, 66, 21, .12); }
.bepic-regen-calories > strong { font-size: 59px; line-height: 1; }
.bepic-regen-calories > span { font-size: 17px; line-height: 1.3; font-weight: 650; }
.bepic-regen-calories small { display: block; font-size: 10px; font-weight: 400; }
.bepic-regen-orbit { position: absolute; inset: -25px -25px 15px 0; border: 1px dashed #c4a855; border-radius: 48% 48% 35% 35%; z-index: -1; transform: rotate(9deg); }
.bepic-regen-wave { position: absolute; width: 100%; height: 35px; object-fit: fill; left: 0; bottom: -1px; pointer-events: none; }
.bepic-family-regener8 .bepic-regen-story { padding: 95px 0; color: #675e4c; background: #fff; }
.bepic-regen-story-heading { max-width: 760px; margin-bottom: 42px; }
.bepic-family-regener8 .bepic-regen-story h2,
.bepic-family-regener8 .bepic-regen-ritual h2,
.bepic-family-regener8 .bepic-regen-formula h2 { color: #302b20; margin: 18px 0 20px; font-size: clamp(40px, 4.1vw, 59px); line-height: 1.07; }
.bepic-regen-story h2 em,
.bepic-regen-ritual h2 em,
.bepic-regen-formula h2 em { display: block; color: #936515; font-style: normal; }
.bepic-regen-story-heading > p,
.bepic-regen-ritual p,
.bepic-regen-formula p { font-size: 16px; line-height: 1.9; }
.bepic-regen-benefits { display: grid; grid-template-columns: 1.05fr 1fr 1fr; gap: 22px; }
.bepic-regen-benefits article { min-width: 0; padding: 30px; border-radius: 25px; background: #faf6e9; border: 1px solid #ece2c8; transition: transform .3s, box-shadow .3s; }
.bepic-regen-benefits article:hover { transform: translateY(-5px); box-shadow: 0 18px 35px rgba(86, 66, 21, .09); }
.bepic-regen-benefits article > span { display: inline-flex; width: 46px; height: 46px; justify-content: center; align-items: center; border-radius: 50%; background: #f3cf5d; color: #514226; font-size: 12px; font-weight: 700; }
.bepic-regen-benefits article h3 { margin: 24px 0 12px; color: #3c3525; font-size: 25px; line-height: 1.15; }
.bepic-regen-benefits article p { font-size: 15px; line-height: 1.85; margin: 0; }
.bepic-regen-benefits article:first-child { grid-row: span 2; display: flex; flex-direction: column; justify-content: center; background: #302b20; color: #e6dcc0; border-radius: 140px 140px 25px 25px; padding: 65px 35px 45px; }
.bepic-regen-benefits article:first-child > span { width: auto; height: auto; display: block; color: #f6ce4e; background: none; font-size: 90px; line-height: 1; opacity: .5; }
.bepic-regen-benefits article:first-child h3 { color: #fff; font-size: 36px; }
.bepic-regen-benefits article:first-child a { display: flex; justify-content: space-between; align-items: center; gap: 15px; color: #f6ce4e; margin-top: 40px; padding-top: 18px; border-top: 1px solid #655b43; }
.bepic-regen-benefits article:first-child b { font-size: 25px; font-weight: 400; }
.bepic-regen-simple { list-style: none; display: flex; flex-wrap: wrap; gap: 12px 25px; justify-content: center; padding: 30px 0 0; margin: 0; color: #756022; }
.bepic-regen-simple li { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; }
.bepic-regen-simple li::before { content: "✦"; color: #b68a28; }
.bepic-family-regener8 .bepic-regen-ritual { padding: 90px 0; background: #f2ca4e; color: #514226; }
.bepic-regen-ritual-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; }
.bepic-regen-ritual .bepic-regen-script,
.bepic-regen-ritual h2 em { color: #6e4f16; }
.bepic-regen-ritual a { display: flex; justify-content: space-between; align-items: center; gap: 20px; max-width: 350px; color: #302b20; padding-top: 20px; border-top: 1px solid #a9872d; }
.bepic-regen-steps { list-style: none; padding: 0; margin: 0; }
.bepic-regen-steps li { display: flex; gap: 25px; align-items: start; padding: 28px; margin: 0 0 18px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 20px; background: rgba(255, 255, 255, .45); }
.bepic-regen-steps li:nth-child(2) { margin-inline-start: 35px; background: #fff7d9; }
.bepic-regen-steps li > span { flex: 0 0 48px; color: #9f7520; font-size: 34px; line-height: 1.1; }
.bepic-regen-steps h3 { color: #3c3525; font-size: 24px; line-height: 1.2; margin: 0 0 10px; }
.bepic-regen-steps p { margin: 0; font-size: 15px; }
.bepic-family-regener8 .bepic-regen-formula { padding: 100px 0; background: #faf6e9; color: #675e4c; }
.bepic-regen-formula-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: start; gap: 80px; }
.bepic-regen-formula-heading { position: sticky; top: 110px; }
.bepic-regen-resources { display: grid; gap: 15px; margin-top: 30px; }
.bepic-regen-resources a { display: block; position: relative; border: 1px solid #decda1; border-radius: 18px; padding: 26px 55px 26px 26px; color: #514226; background: #fff; transition: transform .25s; }
.bepic-regen-resources a:hover { transform: translateX(4px); border-color: #9c782e; }
.bepic-regen-resources a > span { position: absolute; inset-inline-end: 22px; top: 25px; color: #936515; font-size: 25px; }
.bepic-regen-resources a > strong { display: block; font-size: 21px; line-height: 1.3; }
.bepic-regen-resources a > small { display: block; margin-top: 8px; font-size: 13px; line-height: 1.8; }
.bepic-regen-disclosures { min-width: 0; }
.bepic-regen-disclosures > details { padding: 28px 0; border-top: 1px solid #d9cba6; }
.bepic-regen-disclosures summary { position: relative; padding-inline-end: 36px; cursor: pointer; list-style: none; color: #3c3525; }
.bepic-regen-disclosures summary::-webkit-details-marker { display: none; }
.bepic-regen-disclosures summary > small { display: block; font-size: 11px; letter-spacing: .09em; text-transform: uppercase; color: #806329; margin-bottom: 12px; }
.bepic-regen-disclosures summary > strong { display: block; font-size: 27px; line-height: 1.2; }
.bepic-regen-disclosures summary > span { position: absolute; inset-inline-end: 0; top: 25px; color: #936515; font-size: 26px; }
.bepic-regen-disclosures details[open] summary > span { transform: rotate(45deg); }
.bepic-regen-disclosures details > div { padding-top: 25px; }
.bepic-regen-facts table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 24px 0; font-size: 13px; }
.bepic-regen-facts th,
.bepic-regen-facts td { padding: 13px 9px; border-bottom: 1px solid #dfd3b4; text-align: start; vertical-align: top; overflow-wrap: anywhere; }
.bepic-regen-facts th:first-child { width: 56%; }
.bepic-regen-facts th:nth-child(2) { width: 26%; }
.bepic-regen-facts th:nth-child(3) { width: 18%; }
.bepic-regen-facts thead { background: #ece2c8; color: #514226; }
.bepic-regen-facts caption { caption-side: bottom; padding-top: 16px; font-size: 12px; line-height: 1.7; color: #675e4c; text-align: start; }
.bepic-regen-safety { margin-top: 55px; padding: 35px; border-radius: 25px; border: 1px solid #decda1; background: #fffdf7; }
.bepic-regen-safety h3 { margin: 0 0 18px; color: #514226; font-size: 25px; }
.bepic-regen-safety p:last-child { margin-bottom: 0; }
.bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing { min-height: 690px; }
.bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing .slide { min-height: 690px; animation: none; transform: none; background-position: 52% center; }
.bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing .slide::before { background: linear-gradient(90deg, rgba(26, 24, 17, .7), transparent 80%); }
.bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing .col-md-12 { width: 52%; margin: 0; }
.bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing .slide-captions { padding: 40px; border-radius: 25px 100px 25px 25px; border: 1px solid #78663d; background: rgba(37, 33, 24, .9); text-align: start !important; }
.bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing .slide-captions::before { display: none; }
.bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing .slide-captions > img { width: 190px; max-height: none; height: auto; object-position: left; margin-bottom: 25px; }
.bepic-regen-closing .bepic-regen-script { color: #f4d982; font-size: 26px; }
.bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing h2 { color: #fff; font-size: clamp(38px, 3.8vw, 54px); margin-top: 20px; line-height: 1.05; }
.bepic-regen-closing h2 em { display: block; margin-top: 10px; color: #f4d982; font: 600 1.1em/1.1 "Caveat", cursive; }
.bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing .slide-captions p { color: #e8dfc7; font-size: 16px; line-height: 1.9; }
.bepic-family-regener8 .bepic-family-shop .bepic-family-kicker,
.bepic-family-regener8 .bepic-family-shop-heading > div:last-child strong { color: #f4d982; }
.bepic-family-regener8 .bepic-family-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bepic-family-regener8 .bepic-family-editorial a:focus-visible,
.bepic-family-regener8 .bepic-family-editorial summary:focus-visible { outline: 3px solid #b17815; outline-offset: 6px; }
@keyframes bepicRegenFloat { 0%, 100% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-9px) rotate(-3deg); } }
@media (max-width: 1199px) {
    .bepic-regen-hero-grid { gap: 35px; }
    .bepic-family-regener8 .bepic-regen-hero h1 { font-size: 62px; }
    .bepic-regen-photo-window { height: 520px; }
    .bepic-regen-pack { width: 235px; }
    .bepic-regen-benefits { gap: 18px; }
    .bepic-regen-benefits article { padding: 25px; }
    .bepic-regen-ritual-grid,
    .bepic-regen-formula-grid { gap: 40px; }
}
@media (max-width: 767px) {
    .bepic-regen-hero-grid,
    .bepic-regen-benefits,
    .bepic-regen-ritual-grid,
    .bepic-regen-formula-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-regen-hero-grid { padding-top: 35px; padding-bottom: 80px; gap: 45px; }
    .bepic-regen-brand { width: 225px; }
    .bepic-family-regener8 .bepic-regen-hero h1 { font-size: clamp(48px, 14vw, 63px); overflow-wrap: break-word; }
    .bepic-regen-hero-copy > p { font-size: 16px; }
    .bepic-regen-hero-art { width: 100%; max-width: 390px; justify-self: center; padding: 0 5px 60px 20px; }
    .bepic-regen-photo-window { height: 440px; }
    .bepic-regen-pack { width: 230px; bottom: 0; left: 0; }
    .bepic-regen-calories { top: 25px; right: 0; padding: 16px; }
    .bepic-regen-calories > strong { font-size: 45px; }
    .bepic-regen-orbit { inset: -20px -5px 15px 0; transform: rotate(3deg); }
    .bepic-family-regener8 .bepic-regen-story,
    .bepic-family-regener8 .bepic-regen-ritual,
    .bepic-family-regener8 .bepic-regen-formula { padding: 60px 0; }
    .bepic-family-regener8 .bepic-regen-story h2,
    .bepic-family-regener8 .bepic-regen-ritual h2,
    .bepic-family-regener8 .bepic-regen-formula h2 { font-size: clamp(34px, 10vw, 45px); overflow-wrap: break-word; }
    .bepic-regen-benefits article:first-child { grid-row: auto; padding: 50px 30px 35px; border-radius: 90px 90px 25px 25px; }
    .bepic-regen-benefits article:first-child > span { font-size: 65px; }
    .bepic-regen-simple { justify-content: start; }
    .bepic-regen-steps li { padding: 25px; gap: 18px; }
    .bepic-regen-steps li:nth-child(2) { margin-inline-start: 0; }
    .bepic-regen-steps li > span { flex-basis: 40px; font-size: 30px; }
    .bepic-regen-formula-heading { position: static; }
    .bepic-regen-disclosures summary > strong { font-size: 25px; }
    .bepic-regen-safety { padding: 28px; margin-top: 35px; }
    .bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing .col-md-12 { width: 100%; }
    .bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing .slide-captions { padding: 30px 25px; }
    .bepic-family-regener8 .bepic-family-editorial > .bepic-regen-closing h2 { font-size: clamp(34px, 10vw, 43px); overflow-wrap: break-word; }
    .bepic-family-regener8 .bepic-family-offer-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-regen-pack { animation: none; transform: rotate(-5deg); }
    .bepic-regen-benefits article,
    .bepic-regen-resources a { transition: none; }
    .bepic-regen-benefits article:hover,
    .bepic-regen-resources a:hover { transform: none; }
}

/* Royal Blue Tea: cobalt/fuchsia color discovery, a slow-brew ritual and full native guide. */
.bepic-blue-hero { position: relative; isolation: isolate; color: #e4edff; background: #102752; }
.bepic-blue-hero-photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; }
.bepic-blue-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(9, 26, 65, .97), rgba(18, 42, 86, .84) 46%, rgba(18, 42, 86, .17)); }
.bepic-blue-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 80px; align-items: center; padding-top: 50px; padding-bottom: 100px; }
.bepic-blue-hero-copy { min-width: 0; }
.bepic-blue-logo { width: 135px; height: auto; margin-bottom: 20px; }
.bepic-blue-script { display: block; color: #a7c9ff; font: 600 30px/1.15 "Caveat", cursive; }
.bepic-family-royalbluetea .bepic-blue-hero h1 { margin: 22px 0; color: #fff; font-size: clamp(60px, 5.6vw, 82px); letter-spacing: -.04em; line-height: 1.02; }
.bepic-blue-hero h1 em { display: block; padding-top: 7px; color: #ffafd3; font: 600 1.04em/1.04 "Caveat", cursive; }
.bepic-blue-hero-copy > p { max-width: 540px; font-size: 18px; line-height: 1.8; margin-bottom: 28px; }
.bepic-blue-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.bepic-family-royalbluetea .bepic-blue-actions .btn { margin: 0; padding: 16px 25px; color: #102752; background: #e7efff; border: 1px solid #fff; }
.bepic-blue-actions > a:last-child { padding-bottom: 6px; display: flex; align-items: center; gap: 12px; color: #e4edff; border-bottom: 1px solid #879dc4; font-size: 14px; font-weight: 650; }
.bepic-blue-hero-art { min-width: 0; position: relative; align-self: end; padding-top: 230px; padding-bottom: 45px; }
.bepic-blue-hero-art::before { content: ""; position: absolute; z-index: -1; bottom: 25px; left: -10px; right: -10px; height: 330px; border-radius: 50% 50% 35% 35%; background: linear-gradient(130deg, rgba(193, 213, 255, .95), rgba(239, 190, 228, .95)); box-shadow: 0 25px 60px rgba(6, 18, 48, .3); }
.bepic-blue-hero-art > img { width: 100%; max-width: 400px; margin-inline: auto; height: auto; display: block; animation: bepicBlueFloat 7s ease-in-out infinite; }
.bepic-blue-caffeine { display: table; position: relative; margin: 10px auto -45px; padding: 14px 22px; border-radius: 50px; color: #102752; background: #e4edff; box-shadow: 0 10px 30px rgba(6, 18, 48, .18); font-size: 14px; font-weight: 650; text-align: center; }
.bepic-blue-orbit { position: absolute; z-index: -1; inset: 80px -30px 0 -30px; border: 1px dashed rgba(202, 222, 255, .5); border-radius: 50%; transform: rotate(15deg); }
.bepic-blue-wave { position: absolute; bottom: -1px; left: 0; width: 100%; height: 35px; object-fit: fill; pointer-events: none; }
.bepic-family-royalbluetea .bepic-blue-color { padding: 95px 0; color: #566887; background: #fff; }
.bepic-blue-color-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; }
.bepic-blue-color .bepic-blue-script,
.bepic-blue-story .bepic-blue-script,
.bepic-blue-guide .bepic-blue-script { color: #6d50a1; }
.bepic-family-royalbluetea .bepic-blue-color h2,
.bepic-family-royalbluetea .bepic-blue-story h2,
.bepic-family-royalbluetea .bepic-blue-brew h2,
.bepic-family-royalbluetea .bepic-blue-guide h2 { margin: 18px 0 22px; color: #102752; font-size: clamp(40px, 4vw, 58px); line-height: 1.08; }
.bepic-blue-color h2 em,
.bepic-blue-story h2 em,
.bepic-blue-brew h2 em,
.bepic-blue-guide h2 em { display: block; color: #6d50a1; font-style: normal; }
.bepic-blue-color p,
.bepic-blue-story-heading > p,
.bepic-blue-brew p,
.bepic-blue-guide p { font-size: 16px; line-height: 1.9; }
.bepic-blue-color-demo { min-inline-size: 0; min-width: 0; padding: 25px; margin: 0; border: 1px solid #e2dcf0; border-radius: 30px 100px 30px 30px; background: #f4f2fa; }
.bepic-blue-color-demo legend { float: none; width: auto; margin: 0 0 10px; padding: 0 12px; color: #6d50a1; font-size: 13px; }
.bepic-blue-color-options { display: flex; flex-wrap: wrap; gap: 10px; position: relative; z-index: 2; }
.bepic-blue-color-options label { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border: 1px solid #cdd7ec; border-radius: 50px; color: #365182; background: #fff; cursor: pointer; font-size: 13px; }
.bepic-blue-color-options input { margin: 0; width: 16px; height: 16px; accent-color: #2453b4; }
.bepic-blue-color-options label:has(input:checked) { border-color: #2453b4; color: #102752; box-shadow: 0 0 0 2px rgba(36, 83, 180, .1); }
.bepic-blue-color-stage { position: relative; min-height: 310px; padding: 25px 10px 10px; display: flex; align-items: end; justify-content: center; isolation: isolate; }
.bepic-blue-color-orb { position: absolute; z-index: -1; width: 245px; height: 245px; top: 20px; border-radius: 50%; background: radial-gradient(circle at 32% 25%, #a2c0fc, #2453b4 65%, #172f65); box-shadow: 0 20px 45px rgba(36, 83, 180, .2), 0 0 0 15px rgba(36, 83, 180, .05); transition: background .3s, box-shadow .3s; }
.bepic-blue-color-caption { max-width: 100%; padding: 20px; border: 1px solid #ece6f7; border-radius: 20px; background: rgba(255, 255, 255, .93); text-align: center; }
.bepic-blue-color-caption > strong { display: block; color: #2453b4; font: 600 34px/1.1 "Caveat", cursive; }
.bepic-blue-color-caption > p { margin: 12px 0 0; color: #65708a; font-size: 12px; line-height: 1.8; }
.bepic-blue-color-caption > .bepic-blue-lemon { display: none; }
.bepic-blue-color-demo:has(#blue-with-lemon:checked) .bepic-blue-color-orb { background: radial-gradient(circle at 32% 25%, #f7b5e4, #a6378d 65%, #60236b); box-shadow: 0 20px 45px rgba(166, 55, 141, .2), 0 0 0 15px rgba(166, 55, 141, .05); }
.bepic-blue-color-demo:has(#blue-with-lemon:checked) .bepic-blue-original { display: none; }
.bepic-blue-color-demo:has(#blue-with-lemon:checked) .bepic-blue-lemon { display: block; color: #963d89; }
.bepic-family-royalbluetea .bepic-blue-story { padding: 85px 0; color: #566887; background: #f4f2fa; }
.bepic-blue-story-heading { max-width: 750px; margin-bottom: 35px; }
.bepic-blue-benefits { display: grid; grid-template-columns: 1fr 1fr; column-gap: 65px; }
.bepic-blue-benefits article { min-width: 0; display: flex; gap: 22px; padding: 28px 0; border-top: 1px solid #d7d5e9; }
.bepic-blue-benefits article > span { flex: 0 0 45px; color: #9f8fbc; font-size: 38px; font-weight: 650; line-height: 1; }
.bepic-blue-benefits h3 { margin: 0 0 12px; color: #233e70; font-size: 26px; line-height: 1.15; }
.bepic-blue-benefits p { margin: 0; font-size: 15px; line-height: 1.9; }
.bepic-family-royalbluetea .bepic-blue-brew { padding: 90px 0; color: #dce7fc; background: #132e63; }
.bepic-blue-brew-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 85px; align-items: start; }
.bepic-family-royalbluetea .bepic-blue-brew h2 { color: #fff; }
.bepic-blue-brew h2 em { color: #efb9e0; }
.bepic-blue-no-microwave { margin-top: 30px; padding: 25px; border: 1px solid #7183ac; border-radius: 20px; background: rgba(232, 213, 255, .08); }
.bepic-blue-no-microwave strong { display: block; margin-bottom: 12px; color: #ffc4e4; font-size: 20px; }
.bepic-blue-no-microwave > span { font-size: 14px; line-height: 1.9; }
.bepic-blue-brew-steps { padding: 0; margin: 0; list-style: none; counter-reset: none; }
.bepic-blue-brew-steps li { min-width: 0; padding: 28px 0; display: flex; gap: 25px; border-top: 1px solid #5a729c; }
.bepic-blue-brew-steps li > span { flex: 0 0 50px; color: #efb9e0; font-size: 38px; line-height: 1; }
.bepic-blue-brew-steps h3 { margin: 0 0 12px; color: #fff; font-size: 25px; line-height: 1.2; }
.bepic-blue-brew-steps p { margin: 0; font-size: 15px; }
.bepic-family-royalbluetea .bepic-blue-guide { padding: 100px 0; color: #566887; background: #fff; }
.bepic-blue-guide-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.bepic-blue-guide-heading { position: sticky; top: 110px; }
.bepic-blue-resource { display: block; position: relative; padding: 30px; margin-top: 35px; border-radius: 25px 65px 25px 25px; border: 1px solid #d7dcef; background: #f4f2fa; color: #233e70; transition: transform .3s; }
.bepic-blue-resource:hover { transform: translateY(-4px); border-color: #9280b8; }
.bepic-blue-resource > span { display: block; margin-bottom: 18px; color: #6d50a1; font-size: 32px; line-height: 1; }
.bepic-blue-resource > strong { font-size: 26px; line-height: 1.2; display: block; }
.bepic-blue-resource > p { margin: 15px 0 0; font-size: 14px; line-height: 1.9; color: #566887; }
.bepic-blue-disclosures { min-width: 0; }
.bepic-blue-disclosures > details { padding: 28px 0; border-top: 1px solid #d7dcef; }
.bepic-blue-disclosures summary { position: relative; padding-inline-end: 35px; color: #233e70; list-style: none; cursor: pointer; }
.bepic-blue-disclosures summary::-webkit-details-marker { display: none; }
.bepic-blue-disclosures summary > small { display: block; color: #6d50a1; margin-bottom: 12px; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.bepic-blue-disclosures summary > strong { display: block; font-size: 27px; line-height: 1.2; }
.bepic-blue-disclosures summary > span { position: absolute; inset-inline-end: 0; top: 22px; color: #6d50a1; font-size: 27px; }
.bepic-blue-disclosures details[open] summary > span { transform: rotate(45deg); }
.bepic-blue-disclosures details > div { padding-top: 25px; }
.bepic-blue-facts table { width: 100%; table-layout: fixed; margin: 25px 0; border-collapse: collapse; font-size: 13px; }
.bepic-blue-facts th,
.bepic-blue-facts td { text-align: start; vertical-align: top; padding: 13px 9px; border-bottom: 1px solid #d7dcef; overflow-wrap: anywhere; }
.bepic-blue-facts th:first-child { width: 53%; }
.bepic-blue-facts th:nth-child(2) { width: 27%; }
.bepic-blue-facts th:nth-child(3) { width: 20%; }
.bepic-blue-facts thead { background: #edf1fc; color: #233e70; }
.bepic-blue-facts caption { caption-side: bottom; text-align: start; font-size: 12px; line-height: 1.8; color: #566887; padding-top: 14px; }
.bepic-blue-safety { margin-top: 45px; padding: 35px; border: 1px solid #d7cce8; border-inline-start: 4px solid #9b69ad; border-radius: 0 25px 25px 0; color: #566887; background: #f9f6fc; }
.bepic-blue-safety h3 { margin: 0 0 18px; color: #5d437e; font-size: 25px; line-height: 1.2; }
.bepic-blue-safety p:last-child { margin-bottom: 0; }
.bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing { min-height: 690px; }
.bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing .slide { min-height: 690px; animation: none; transform: none; background-position: 42% center; }
.bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing .slide::before { background: linear-gradient(90deg, rgba(16, 39, 82, .08), rgba(16, 39, 82, .45)); }
.bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing .col-md-12 { width: 48%; margin-inline-start: auto; }
.bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing .slide-captions { padding: 40px; border: 1px solid #9aaccd; border-radius: 70px 25px 25px 25px; background: rgba(16, 39, 82, .88); text-align: start !important; }
.bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing .slide-captions::before { display: none; }
.bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing .slide-captions > img { width: 110px; height: auto; max-height: none; object-position: left; margin-bottom: 20px; }
.bepic-blue-closing .bepic-blue-script { color: #bcd6ff; }
.bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing h2 { color: #fff; font-size: clamp(38px, 3.8vw, 53px); margin-top: 18px; line-height: 1.05; }
.bepic-blue-closing h2 em { display: block; margin-top: 10px; color: #ffafd3; font: 600 1.1em/1.1 "Caveat", cursive; }
.bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing .slide-captions p { color: #e4edff; font-size: 16px; line-height: 1.9; }
.bepic-family-royalbluetea .bepic-family-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bepic-family-royalbluetea .bepic-family-editorial a:focus-visible,
.bepic-family-royalbluetea .bepic-family-editorial summary:focus-visible,
.bepic-blue-color-options label:focus-within { outline: 3px solid #bc70b0; outline-offset: 5px; }
@keyframes bepicBlueFloat { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-8px) rotate(0); } }
@media (max-width: 1199px) {
    .bepic-blue-hero-grid { gap: 40px; }
    .bepic-family-royalbluetea .bepic-blue-hero h1 { font-size: 62px; }
    .bepic-blue-hero-art { padding-top: 230px; }
    .bepic-blue-hero-art::before { height: 280px; }
    .bepic-blue-color-grid,
    .bepic-blue-brew-grid,
    .bepic-blue-guide-grid { gap: 40px; }
}
@media (max-width: 767px) {
    .bepic-blue-hero-grid,
    .bepic-blue-color-grid,
    .bepic-blue-benefits,
    .bepic-blue-brew-grid,
    .bepic-blue-guide-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-blue-hero-grid { padding-top: 40px; padding-bottom: 80px; gap: 55px; }
    .bepic-blue-hero-photo { object-position: 67% center; }
    .bepic-blue-hero::after { background: linear-gradient(180deg, rgba(9, 26, 65, .98), rgba(18, 42, 86, .7)); }
    .bepic-blue-logo { width: 120px; }
    .bepic-family-royalbluetea .bepic-blue-hero h1 { font-size: clamp(48px, 14vw, 63px); overflow-wrap: break-word; }
    .bepic-blue-hero-copy > p { font-size: 16px; }
    .bepic-blue-hero-art { padding: 10px 15px 40px; width: 100%; max-width: 390px; justify-self: center; }
    .bepic-blue-hero-art::before { inset-inline: 0; bottom: 25px; height: 250px; }
    .bepic-blue-orbit { inset: -15px -3px 0; transform: none; }
    .bepic-blue-caffeine { max-width: 100%; margin-bottom: -40px; }
    .bepic-family-royalbluetea .bepic-blue-color,
    .bepic-family-royalbluetea .bepic-blue-story,
    .bepic-family-royalbluetea .bepic-blue-brew,
    .bepic-family-royalbluetea .bepic-blue-guide { padding: 60px 0; }
    .bepic-family-royalbluetea .bepic-blue-color h2,
    .bepic-family-royalbluetea .bepic-blue-story h2,
    .bepic-family-royalbluetea .bepic-blue-brew h2,
    .bepic-family-royalbluetea .bepic-blue-guide h2 { font-size: clamp(34px, 10vw, 45px); overflow-wrap: break-word; }
    .bepic-blue-color-demo { padding: 22px; border-radius: 25px 65px 25px 25px; }
    .bepic-blue-color-options label { padding: 10px 12px; }
    .bepic-blue-color-orb { width: 220px; height: 220px; }
    .bepic-blue-benefits article { gap: 18px; }
    .bepic-blue-benefits article > span { flex-basis: 38px; font-size: 32px; }
    .bepic-blue-benefits h3 { font-size: 25px; }
    .bepic-blue-brew-steps li { gap: 18px; }
    .bepic-blue-brew-steps li > span { flex-basis: 40px; font-size: 32px; }
    .bepic-blue-guide-heading { position: static; }
    .bepic-blue-resource { padding: 28px; }
    .bepic-blue-safety { padding: 28px; margin-top: 30px; }
    .bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing .col-md-12 { width: 100%; }
    .bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing .slide-captions { padding: 30px 25px; }
    .bepic-family-royalbluetea .bepic-family-editorial > .bepic-blue-closing h2 { font-size: clamp(34px, 10vw, 43px); overflow-wrap: break-word; }
    .bepic-family-royalbluetea .bepic-family-offer-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-blue-hero-art > img { animation: none; }
    .bepic-blue-resource,
    .bepic-blue-color-orb { transition: none; }
    .bepic-blue-resource:hover { transform: none; }
}
/* triGLP: editorial motion, warm paper and a charcoal/tangerine formula story. */
.bepic-family-triglp .bepic-family-editorial { color: #665d55; }
.bepic-family-triglp .bepic-family-editorial > section::before { display: none; }
.bepic-family-triglp .bepic-family-editorial .btn { background: #bf3c0b; box-shadow: 0 16px 36px rgba(239, 82, 27, .23); }
.bepic-family-triglp .bepic-family-editorial .btn::after { display: none; }
.bepic-family-triglp .bepic-family-editorial h1,
.bepic-family-triglp .bepic-family-editorial h2 { letter-spacing: -.055em; font-weight: 800; }
.bepic-tri-hero { position: relative; isolation: isolate; background: #191b1a; color: #fff8ee; overflow: hidden; }
.bepic-tri-hero-photo { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 69% center; }
.bepic-tri-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(18, 21, 19, .98) 4%, rgba(18, 21, 19, .84) 38%, rgba(18, 21, 19, .25) 77%), linear-gradient(0deg, rgba(18, 21, 19, .6), transparent 60%); }
.bepic-tri-hero-grid { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 50px; padding-top: 48px; padding-bottom: 105px; min-height: 690px; position: relative; }
.bepic-tri-eyebrow { display: inline-block; color: #ffb18b; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; line-height: 1.7; }
.bepic-tri-logo { display: block; width: 115px; height: 106px; object-fit: contain; margin: 8px 0 5px; }
.bepic-family-triglp .bepic-tri-hero h1 { color: #fff8ee; font-size: clamp(56px, 5.2vw, 76px); line-height: .98; margin: 10px 0 25px; }
.bepic-tri-hero h1 em { color: #ff8b4c; display: block; font: 600 1.12em/1.1 "Caveat", cursive; letter-spacing: -.035em; }
.bepic-tri-hero-copy > p { max-width: 560px; font-size: 18px; line-height: 1.8; color: #ece7de; margin-bottom: 24px; }
.bepic-tri-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.bepic-tri-text-link { display: inline-flex; gap: 12px; align-items: center; color: #fff8ee; text-underline-offset: 5px; font-weight: 600; font-size: 14px; }
.bepic-tri-text-link:hover { color: #ffb18b; }
.bepic-tri-hero-note { display: flex; align-items: center; gap: 14px; margin-top: 30px; }
.bepic-tri-hero-note > span { color: #ff8b4c; font-size: 28px; }
.bepic-tri-hero-note p { color: #d2d4c6; margin: 0; font-size: 13px; }
.bepic-tri-hero-aside { position: relative; min-height: 430px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }
.bepic-tri-orbit { position: absolute; inset: -15px -75px 5px -30px; border: 1px dashed rgba(255, 177, 139, .58); border-radius: 50%; transform: rotate(-20deg); pointer-events: none; }
.bepic-tri-script { display: block; color: #a43b1e; font: 600 32px/1.2 "Caveat", cursive; margin-bottom: 15px; }
.bepic-tri-hero-aside > .bepic-tri-script { color: #fff8ee; font-size: 46px; transform: rotate(-8deg); padding-bottom: 20px; text-shadow: 0 3px 20px #141813; }
.bepic-tri-floating { display: flex; align-items: center; gap: 20px; padding: 24px; border-radius: 24px 24px 60px 24px; border: 1px solid #c8a995; background: rgba(26, 30, 25, .82); max-width: 330px; backdrop-filter: blur(12px); animation: bepicTriFloat 6s ease-in-out infinite; }
.bepic-tri-floating > span { font-size: 40px; color: #ff8b4c; }
.bepic-tri-floating p { margin: 0; }
.bepic-tri-floating small { display: block; color: #ffb18b; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 8px; }
.bepic-tri-floating strong { display: block; font-size: 17px; line-height: 1.4; color: #fff8ee; }
.bepic-tri-wave { position: absolute; inset-inline: 0; bottom: -1px; width: 100%; height: 55px; }
.bepic-family-triglp .bepic-tri-story { padding: 85px 0; background: #fff8ee; }
.bepic-tri-section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 70px; align-items: center; margin-bottom: 50px; }
.bepic-tri-section-heading > .bepic-tri-script { grid-column: 1 / -1; margin: 0; }
.bepic-family-triglp .bepic-tri-story h2,
.bepic-family-triglp .bepic-tri-formula h2,
.bepic-family-triglp .bepic-tri-ritual h2,
.bepic-family-triglp .bepic-tri-research h2 { font-size: clamp(40px, 4.5vw, 63px); color: #242823; line-height: 1.04; margin: 0; }
.bepic-tri-story h2 em,
.bepic-tri-formula h2 em,
.bepic-tri-ritual h2 em,
.bepic-tri-research h2 em { display: block; color: #b44217; font-style: normal; }
.bepic-tri-section-heading > p { margin: 0; font-size: 17px; line-height: 1.9; }
.bepic-tri-goals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
.bepic-tri-goals article { position: relative; padding: 35px 30px 30px; border: 1px solid #e2d9cc; border-radius: 24px 24px 70px 24px; background: #fffdf8; box-shadow: 0 22px 50px rgba(58, 39, 24, .06); transition: transform .3s; }
.bepic-tri-goals article:nth-child(2) { margin-top: 35px; margin-bottom: -15px; }
.bepic-tri-goals article:nth-child(3) { color: #deded1; background: #272d25; border-color: #394735; }
.bepic-tri-goals article > span { position: absolute; inset-inline-end: 20px; top: 15px; color: #eee9e1; font-size: 85px; line-height: 1; font-weight: 800; letter-spacing: -.06em; }
.bepic-tri-goals article:nth-child(3) > span { color: #394334; }
.bepic-tri-goal-icon { position: relative; display: grid; place-items: center; width: 55px; height: 55px; margin-bottom: 35px; border-radius: 50%; background: #fce8d9; color: #a53b0d; font-size: 30px; }
.bepic-tri-goals article:nth-child(2) .bepic-tri-goal-icon { color: #426234; background: #e4edda; }
.bepic-tri-goals h3 { position: relative; color: #242823; font-size: 27px; line-height: 1.15; letter-spacing: -.035em; margin-bottom: 20px; }
.bepic-tri-goals article:nth-child(3) h3 { color: #fff8ee; }
.bepic-tri-goals p { font-size: 15px; line-height: 1.85; }
.bepic-tri-goals a { display: inline-flex; align-items: center; gap: 12px; color: #993e1d; font-weight: 650; font-size: 13px; }
.bepic-tri-goals article:nth-child(3) a { color: #ffb18b; }
.bepic-tri-outcome-note { max-width: 880px; margin: 45px 0 0; font-size: 12px; line-height: 1.9; color: #746455; }
.bepic-family-triglp .bepic-tri-formula { background: #1a1d19; color: #d3d7cc; padding: 100px 0; }
.bepic-tri-formula-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 85px; align-items: start; }
.bepic-tri-formula-art { position: sticky; top: 110px; }
.bepic-tri-formula-art > .bepic-tri-eyebrow { margin: 0 0 20px 25px; }
.bepic-tri-formula-art figure { margin: 0; overflow: hidden; border-radius: 90px 24px 24px 24px; border: 1px solid #46503e; background: #242823; }
.bepic-tri-formula-art img { display: block; width: 100%; height: auto; object-fit: contain; }
.bepic-tri-formula-art figcaption { color: #e8eadd; font-size: 14px; padding: 25px; margin: 0; }
.bepic-tri-origin { padding: 25px; border-inline-start: 2px solid #fd7833; margin: 30px 0 0 25px; }
.bepic-tri-origin > strong { display: block; color: #ffb18b; font-size: 25px; line-height: 1.2; }
.bepic-tri-origin > span { display: block; font-size: 12px; color: #c3cbb8; margin-top: 10px; }
.bepic-tri-formula .bepic-tri-script { color: #ffb18b; }
.bepic-family-triglp .bepic-tri-formula h2 { color: #fff8ee; margin-bottom: 28px; }
.bepic-tri-formula h2 em { color: #ff8b4c; }
.bepic-tri-formula-copy > p { margin-bottom: 35px; font-size: 16px; line-height: 1.9; }
.bepic-tri-formula details { border-top: 1px solid #58634f; padding: 25px 0; }
.bepic-tri-formula summary,
.bepic-tri-research-context summary { cursor: pointer; position: relative; list-style: none; padding-inline-end: 35px; }
.bepic-tri-formula summary::-webkit-details-marker,
.bepic-tri-research-context summary::-webkit-details-marker { display: none; }
.bepic-tri-formula summary small { display: block; color: #ffb18b; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 10px; }
.bepic-tri-formula summary strong { display: block; font-size: 26px; line-height: 1.2; color: #fff8ee; }
.bepic-tri-formula summary > span,
.bepic-tri-research-context summary > span { position: absolute; inset-inline-end: 0; top: 15px; color: #ffb18b; font-size: 26px; }
.bepic-tri-formula details[open] summary > span,
.bepic-tri-research-context[open] summary > span { transform: rotate(45deg); }
.bepic-tri-formula details > div { padding-top: 25px; font-size: 15px; line-height: 1.9; }
.bepic-tri-ingredients ol { padding-inline-start: 23px; margin: 0 0 25px; }
.bepic-tri-ingredients li { padding-inline-start: 10px; padding-bottom: 16px; color: #e8eadd; }
.bepic-tri-ingredients li::marker { color: #ffb18b; }
.bepic-tri-fish-note { border-inline-start: 2px solid #ff8b4c; padding-inline-start: 20px; color: #ffcbad; }
.bepic-family-triglp .bepic-tri-ritual { background: #fff8ee; padding: 100px 0; }
.bepic-tri-ritual-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 85px; align-items: center; }
.bepic-tri-ritual-grid > div:first-child > p { font-size: 17px; line-height: 1.9; margin: 30px 0; }
.bepic-tri-ritual-panel { padding: 40px; border-radius: 24px 90px 24px 24px; border: 1px solid #e6c9a8; background: #fffdfa; box-shadow: 0 25px 70px rgba(80, 43, 15, .07); }
.bepic-tri-measure { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 20px; padding-bottom: 30px; border-bottom: 1px solid #e5d4bf; }
.bepic-tri-measure > strong { display: flex; align-items: baseline; gap: 6px; font-size: 72px; line-height: 1; color: #b44217; letter-spacing: -.06em; }
.bepic-tri-measure strong > span { font-size: 26px; letter-spacing: 0; }
.bepic-tri-measure > span { color: #746455; font-size: 13px; padding-bottom: 5px; }
.bepic-tri-steps { list-style: none; padding: 0; margin: 30px 0 0; }
.bepic-tri-steps li { display: flex; align-items: flex-start; gap: 20px; padding-bottom: 25px; }
.bepic-tri-steps li > span { flex: 0 0 35px; font-size: 24px; font-weight: 700; color: #b44217; line-height: 1.2; }
.bepic-tri-steps h3 { font-size: 23px; line-height: 1.2; color: #242823; margin: 0 0 12px; }
.bepic-tri-steps p { font-size: 15px; line-height: 1.9; margin: 0; }
.bepic-tri-label-note { color: #746455; padding-top: 22px; margin: 0; border-top: 1px solid #e5d4bf; font-size: 12px; line-height: 1.9; }
.bepic-family-triglp .bepic-tri-research { padding: 100px 0; background: #fff; }
.bepic-tri-research-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 65px; align-items: end; margin-bottom: 50px; }
.bepic-tri-research-head > p { font-size: 16px; line-height: 1.9; margin: 0; }
.bepic-tri-research-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; }
.bepic-tri-research-link { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; padding: 35px; border: 1px solid #e2d9cc; border-radius: 24px 24px 70px 24px; background: #fff8ee; color: #665d55; transition: transform .3s, border-color .3s; }
.bepic-tri-research-link:last-child { background: #f0f3e9; border-radius: 24px 70px 24px 24px; }
.bepic-tri-research-link:hover { transform: translateY(-5px); border-color: #b44217; color: #665d55; }
.bepic-tri-research-kind { display: flex; justify-content: space-between; gap: 10px; color: #873d21; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 28px; }
.bepic-tri-research-kind b { font-size: 28px; line-height: 1; }
.bepic-tri-research-link > strong { font-size: 29px; line-height: 1.15; letter-spacing: -.035em; color: #242823; margin-bottom: 20px; }
.bepic-tri-research-link > p { font-size: 15px; line-height: 1.9; flex: 1; }
.bepic-tri-research-link > small { color: #746455; font-size: 11px; line-height: 1.9; }
.bepic-tri-research-context { border-top: 1px solid #dfd6ca; border-bottom: 1px solid #dfd6ca; padding: 25px 0; margin-top: 40px; }
.bepic-tri-research-context summary { color: #242823; font-size: 22px; line-height: 1.3; }
.bepic-tri-research-context summary > span { color: #a43b1e; top: 0; }
.bepic-tri-research-context > div { padding-top: 25px; font-size: 15px; line-height: 1.9; max-width: 880px; }
.bepic-tri-disclaimer { margin: 25px 0 0; color: #746455; font-size: 12px; line-height: 1.9; }
.bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing { min-height: 650px; }
.bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing .slide { min-height: 650px; animation: none; transform: none; background-position: 35% center; }
.bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing .slide::before { background: linear-gradient(90deg, rgba(21, 29, 21, .02), rgba(21, 29, 21, .55)); }
.bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing .col-md-12 { width: 48%; margin: 0; margin-inline-start: auto; }
.bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing .slide-captions { padding: 40px; border: 1px solid #cbb79c; border-radius: 70px 24px 24px 24px; border-inline-start: 4px solid #ff8b4c; background: rgba(26, 29, 25, .9); transform: none; text-align: start !important; }
.bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing .slide-captions::before { display: none; }
.bepic-tri-closing .bepic-tri-script { color: #ffb18b; }
.bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing h2 { color: #fff8ee; font-size: clamp(40px, 4vw, 56px); line-height: 1.05; margin-bottom: 25px; }
.bepic-tri-closing h2 em { display: block; color: #ff8b4c; font: 600 1.12em/1.1 "Caveat", cursive; }
.bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing .slide-captions p { color: #ece7de; font-size: 16px; line-height: 1.9; }
.bepic-family-triglp .bepic-family-editorial a:focus-visible,
.bepic-family-triglp .bepic-family-editorial summary:focus-visible { outline: 3px solid #ee9c66; outline-offset: 5px; }
.bepic-family-triglp .bepic-family-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@keyframes bepicTriFloat { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-9px) rotate(1deg); } }
@media (hover: hover) {
    .bepic-tri-goals article:hover { transform: translateY(-6px); }
}
@media (max-width: 1199px) {
    .bepic-tri-hero-grid { gap: 30px; }
    .bepic-family-triglp .bepic-tri-hero h1 { font-size: 62px; }
    .bepic-tri-formula-grid,
    .bepic-tri-ritual-grid { gap: 45px; }
}
@media (max-width: 767px) {
    .bepic-tri-hero-grid,
    .bepic-tri-section-heading,
    .bepic-tri-goals,
    .bepic-tri-formula-grid,
    .bepic-tri-ritual-grid,
    .bepic-tri-research-head,
    .bepic-tri-research-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-tri-hero-grid { padding-top: 35px; padding-bottom: 80px; }
    .bepic-tri-hero-photo { object-position: 54% center; }
    .bepic-tri-hero::after { background: linear-gradient(180deg, rgba(18, 21, 19, .94) 3%, rgba(18, 21, 19, .7) 55%, rgba(18, 21, 19, .6)); }
    .bepic-family-triglp .bepic-tri-hero h1 { font-size: clamp(48px, 14vw, 63px); overflow-wrap: break-word; }
    .bepic-tri-hero-copy > p { font-size: 16px; }
    .bepic-tri-actions { align-items: flex-start; flex-direction: column; gap: 23px; }
    .bepic-tri-hero-aside { min-height: 240px; align-items: center; padding-top: 35px; }
    .bepic-tri-orbit { inset: 0; }
    .bepic-tri-hero-aside > .bepic-tri-script { font-size: 37px; }
    .bepic-tri-floating { max-width: 100%; padding: 23px; }
    .bepic-tri-hero-note { align-items: flex-start; }
    .bepic-family-triglp .bepic-tri-story,
    .bepic-family-triglp .bepic-tri-formula,
    .bepic-family-triglp .bepic-tri-ritual,
    .bepic-family-triglp .bepic-tri-research { padding: 60px 0; }
    .bepic-family-triglp .bepic-tri-story h2,
    .bepic-family-triglp .bepic-tri-formula h2,
    .bepic-family-triglp .bepic-tri-ritual h2,
    .bepic-family-triglp .bepic-tri-research h2 { font-size: clamp(35px, 10vw, 43px); overflow-wrap: break-word; }
    .bepic-tri-section-heading,
    .bepic-tri-research-head { margin-bottom: 30px; }
    .bepic-tri-goals article:nth-child(2) { margin: 0; }
    .bepic-tri-goals article { padding: 30px; }
    .bepic-tri-outcome-note { margin-top: 30px; }
    .bepic-tri-formula-art { position: static; }
    .bepic-tri-formula-art figure { border-radius: 65px 24px 24px 24px; }
    .bepic-tri-origin { margin-inline-start: 0; padding: 20px; margin-top: 25px; }
    .bepic-tri-formula-art > .bepic-tri-eyebrow { margin-inline-start: 0; }
    .bepic-tri-formula summary strong { font-size: 24px; }
    .bepic-tri-ritual-panel,
    .bepic-tri-research-link { padding: 28px; }
    .bepic-tri-measure > strong { font-size: 62px; }
    .bepic-tri-steps li { gap: 14px; }
    .bepic-tri-research-context summary { font-size: 21px; }
    .bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing .col-md-12 { width: 100%; }
    .bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing .slide-captions { padding: 32px 25px; }
    .bepic-family-triglp .bepic-family-editorial > .bepic-tri-closing h2 { font-size: clamp(35px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-family-triglp .bepic-family-offer-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-tri-floating { animation: none; }
    .bepic-tri-goals article,
    .bepic-tri-research-link { transition: none; }
    .bepic-tri-goals article:hover,
    .bepic-tri-research-link:hover { transform: none; }
}
/* O2 Drops: bright aquatic editorial, dimensional bottle and readable daily ritual. */
.bepic-family-o2drops .bepic-family-editorial { color: #53687b; }
.bepic-family-o2drops .bepic-family-editorial > section::before { display: none; }
.bepic-family-o2drops .bepic-family-editorial .btn { background: #08759a; box-shadow: 0 16px 32px rgba(0, 134, 183, .22); }
.bepic-family-o2drops .bepic-family-editorial .btn::after { display: none; }
.bepic-family-o2drops .bepic-family-editorial h1,
.bepic-family-o2drops .bepic-family-editorial h2 { letter-spacing: -.055em; font-weight: 800; }
.bepic-o2-hero { position: relative; isolation: isolate; background: radial-gradient(ellipse at 92% 0, #cdeffb, transparent 55%), #f5fcff; overflow: hidden; }
.bepic-o2-hero-grid { min-height: 735px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 55px; padding-top: 55px; padding-bottom: 120px; }
.bepic-o2-brand { width: 210px; padding: 13px 20px; border-radius: 999px; background: #08395c; margin-bottom: 28px; }
.bepic-o2-brand img { width: 100%; height: auto; display: block; }
.bepic-o2-script { display: block; font: 600 32px/1.2 "Caveat", cursive; color: #08759a; margin-bottom: 15px; }
.bepic-family-o2drops .bepic-o2-hero h1 { color: #082e52; font-size: clamp(58px, 5.5vw, 79px); line-height: .98; margin: 0 0 30px; }
.bepic-o2-hero h1 em { display: block; color: #087fa9; font: 600 1.1em/1.05 "Caveat", cursive; letter-spacing: -.035em; }
.bepic-o2-hero-copy > p { max-width: 540px; font-size: 18px; line-height: 1.85; margin-bottom: 27px; }
.bepic-o2-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.bepic-o2-text-link { display: inline-flex; align-items: center; gap: 10px; color: #165f7d; font-size: 14px; font-weight: 650; }
.bepic-o2-quick { display: flex; flex-wrap: wrap; gap: 10px 20px; list-style: none; padding: 0; margin: 30px 0 0; }
.bepic-o2-quick li { color: #53687b; font-size: 12px; display: inline-flex; align-items: center; gap: 7px; }
.bepic-o2-quick li::before { content: "✓"; color: #08759a; font-size: 15px; }
.bepic-o2-hero-art { position: relative; min-width: 0; min-height: 515px; }
.bepic-o2-photo-window { position: absolute; inset: 0 0 35px 25px; overflow: hidden; border-radius: 48% 48% 25px 25px; }
.bepic-o2-photo-window img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 52% center; }
.bepic-o2-orbit { position: absolute; inset: -18px -20px 8px 6px; border: 1px dashed #71b9d2; border-radius: 48% 48% 35px 35px; pointer-events: none; }
.bepic-o2-big-type { position: absolute; inset-inline-start: -38px; bottom: 0; color: #c0eaf7; font-size: 210px; font-weight: 800; line-height: .8; letter-spacing: -.12em; pointer-events: none; }
.bepic-o2-product-stage { position: absolute; z-index: 2; inset-inline-start: -10px; bottom: -18px; width: 195px; }
.bepic-o2-product-stage::before { content: ""; position: absolute; z-index: -1; width: 245px; height: 110px; border-radius: 50%; inset-inline-start: -25px; bottom: -12px; border: 1px solid #aed8e8; background: linear-gradient(180deg, #dff7ff, #b0dfef); box-shadow: 0 20px 35px rgba(8, 46, 82, .14); }
.bepic-o2-product-stage > img { display: block; width: 100%; height: auto; filter: drop-shadow(10px 20px 18px rgba(8, 46, 82, .16)); animation: bepicO2Float 6s ease-in-out infinite; }
.bepic-o2-float { position: absolute; z-index: 3; inset-inline-end: -15px; bottom: 8px; display: flex; align-items: center; gap: 14px; width: 235px; padding: 23px; border: 1px solid #b0d7e4; border-radius: 25px 25px 60px 25px; background: rgba(255, 255, 255, .94); box-shadow: 0 20px 45px rgba(8, 46, 82, .11); }
.bepic-o2-float > span { color: #e17c2f; font-size: 34px; }
.bepic-o2-float p { margin: 0; }
.bepic-o2-float small { display: block; color: #08759a; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; }
.bepic-o2-float strong { color: #082e52; font-size: 16px; line-height: 1.35; display: block; }
.bepic-o2-wave { position: absolute; inset-inline: 0; bottom: -1px; width: 100%; height: 60px; }
.bepic-family-o2drops .bepic-o2-story { padding: 80px 0 100px; background: #082e52; color: #ccdeed; }
.bepic-o2-story-heading { display: grid; grid-template-columns: 1fr .8fr; align-items: end; gap: 80px; margin-bottom: 50px; }
.bepic-o2-story .bepic-o2-script { color: #83d6f5; }
.bepic-family-o2drops .bepic-o2-story h2,
.bepic-family-o2drops .bepic-o2-formula h2,
.bepic-family-o2drops .bepic-o2-routine h2,
.bepic-family-o2drops .bepic-o2-guide h2 { color: #082e52; font-size: clamp(40px, 4.3vw, 61px); line-height: 1.06; margin: 0; }
.bepic-family-o2drops .bepic-o2-story h2 { color: #fff; }
.bepic-o2-story h2 em,
.bepic-o2-formula h2 em,
.bepic-o2-routine h2 em,
.bepic-o2-guide h2 em { display: block; font-style: normal; color: #087fa9; }
.bepic-o2-story h2 em { color: #83d6f5; }
.bepic-o2-story-heading > p { margin: 0; font-size: 17px; line-height: 1.9; }
.bepic-o2-benefits { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.bepic-o2-benefits article { position: relative; grid-column: span 2; padding: 30px; border: 1px solid #416184; border-radius: 22px 22px 65px 22px; background: #103c61; color: #c9deed; transition: transform .3s; }
.bepic-o2-benefits article:nth-child(2) { background: #e9f9ff; color: #4e6c81; border-color: #b9deee; }
.bepic-o2-benefits article:nth-child(4),
.bepic-o2-benefits article:nth-child(5) { grid-column: span 3; }
.bepic-o2-benefits article:nth-child(4) { background: #0a4569; }
.bepic-o2-benefits article > span { position: absolute; inset-inline-end: 22px; top: 18px; color: #315879; font-size: 70px; line-height: 1; letter-spacing: -.05em; font-weight: 800; }
.bepic-o2-benefits article:nth-child(2) > span { color: #cbe4ef; }
.bepic-o2-benefits i { width: 48px; height: 48px; display: grid; place-items: center; color: #83d6f5; background: #1b5275; font: normal 28px/1 "Outfit", sans-serif; border-radius: 50%; margin-bottom: 30px; position: relative; }
.bepic-o2-benefits article:nth-child(2) i { background: #d0effa; color: #08759a; }
.bepic-o2-benefits h3 { color: #fff; font-size: 26px; line-height: 1.15; letter-spacing: -.03em; margin: 0 0 17px; position: relative; }
.bepic-o2-benefits article:nth-child(2) h3 { color: #082e52; }
.bepic-o2-benefits p { margin: 0; font-size: 15px; line-height: 1.85; }
.bepic-o2-results-note { color: #aec7db; font-size: 12px; line-height: 1.9; margin: 30px 0 0; }
.bepic-family-o2drops .bepic-o2-formula { padding: 100px 0; background: #fff; }
.bepic-o2-formula-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 85px; align-items: start; }
.bepic-o2-formula-visual { position: sticky; top: 110px; padding: 40px; border-radius: 100px 25px 25px 25px; background: radial-gradient(ellipse at 20% 70%, #cbeefc, transparent 65%), #f1faff; border: 1px solid #c8e5f0; }
.bepic-o2-eyebrow { display: block; color: #08759a; font-size: 10px; font-weight: 650; text-transform: uppercase; letter-spacing: .09em; line-height: 1.8; }
.bepic-o2-formula-orbs { display: flex; flex-direction: column; align-items: center; padding: 30px 0; }
.bepic-o2-formula-orbs > div { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 220px; height: 220px; padding: 20px; border: 1px solid #88c8df; border-radius: 50%; background: rgba(255, 255, 255, .7); box-shadow: 0 15px 30px rgba(8, 87, 123, .08); text-align: center; }
.bepic-o2-formula-orbs strong { display: block; font-size: 39px; color: #08759a; line-height: 1.2; letter-spacing: -.035em; }
.bepic-o2-formula-orbs sup { font-size: .35em; top: -.7em; }
.bepic-o2-formula-orbs > b { z-index: 1; margin: -18px 0; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: #082e52; color: #fff; font-size: 30px; font-weight: 400; }
.bepic-o2-formula-orbs span { color: #476c80; font-size: 13px; line-height: 1.7; margin-top: 12px; }
.bepic-o2-formula-visual > p { font-size: 20px; line-height: 1.6; margin: 0; color: #165f7d; }
.bepic-o2-formula-copy > p { font-size: 16px; line-height: 1.9; margin: 30px 0; }
.bepic-o2-formula details { padding: 25px 0; border-top: 1px solid #c9dfe9; }
.bepic-o2-formula summary,
.bepic-o2-care summary { position: relative; padding-inline-end: 35px; list-style: none; cursor: pointer; }
.bepic-o2-formula summary::-webkit-details-marker,
.bepic-o2-care summary::-webkit-details-marker { display: none; }
.bepic-o2-formula summary small { display: block; color: #08759a; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 12px; }
.bepic-o2-formula summary strong,
.bepic-o2-care summary strong { color: #082e52; display: block; font-size: 26px; line-height: 1.2; }
.bepic-o2-formula summary > span,
.bepic-o2-care summary > span { position: absolute; top: 16px; inset-inline-end: 0; color: #08759a; font-size: 25px; line-height: 1; }
.bepic-o2-formula details[open] summary > span,
.bepic-o2-care[open] summary > span { transform: rotate(45deg); }
.bepic-o2-formula details > div,
.bepic-o2-care > div { padding-top: 25px; font-size: 15px; line-height: 1.9; }
.bepic-o2-mineral-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; padding: 0; margin: 20px 0; }
.bepic-o2-mineral-list li { padding: 10px 15px; border: 1px solid #cce4ed; border-radius: 30px; color: #165f7d; background: #f2faff; font-size: 13px; }
.bepic-o2-minerals a { display: inline-flex; align-items: center; gap: 10px; color: #0d6788; font-size: 14px; font-weight: 650; text-decoration: underline; text-underline-offset: 4px; }
.bepic-family-o2drops .bepic-o2-routine { padding: 100px 0; background: #e9f8fe; }
.bepic-o2-routine-head { display: grid; grid-template-columns: 1fr .85fr; gap: 75px; align-items: end; margin-bottom: 45px; }
.bepic-o2-routine-head > p { font-size: 17px; line-height: 1.9; margin: 0; }
.bepic-o2-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; list-style: none; padding: 0; margin: 0; }
.bepic-o2-steps li { padding: 30px; border-radius: 25px 25px 60px 25px; border: 1px solid #c0dfea; background: #fff; box-shadow: 0 20px 50px rgba(8, 87, 123, .06); }
.bepic-o2-steps li:nth-child(2) { margin-top: 25px; margin-bottom: -15px; }
.bepic-o2-steps li > span { display: block; font-size: 48px; line-height: 1; font-weight: 750; color: #b6e5f5; margin-bottom: 25px; letter-spacing: -.04em; }
.bepic-o2-steps h3 { color: #082e52; font-size: 25px; line-height: 1.15; margin-bottom: 18px; }
.bepic-o2-steps p { font-size: 15px; line-height: 1.9; margin: 0; }
.bepic-o2-meal-timing { display: flex; align-items: center; justify-content: center; gap: 40px; padding: 35px; margin-top: 55px; border-radius: 25px; background: #082e52; color: #fff; }
.bepic-o2-meal-timing > div { display: flex; align-items: center; gap: 22px; flex-basis: 42%; min-width: 0; }
.bepic-o2-meal-timing strong { display: inline-flex; align-items: baseline; gap: 7px; font-size: 60px; color: #83d6f5; line-height: 1; letter-spacing: -.04em; }
.bepic-o2-meal-timing strong span { font-size: 21px; letter-spacing: 0; }
.bepic-o2-meal-timing p { margin: 0; font-size: 16px; line-height: 1.6; color: #fff; }
.bepic-o2-meal-timing > span { color: #bddbea; font: 600 30px/1 "Caveat", cursive; }
.bepic-o2-medication-note { margin: 22px 0 0; color: #476c80; font-size: 13px; line-height: 1.9; text-align: center; }
.bepic-family-o2drops .bepic-o2-guide { padding: 100px 0; background: #fff; }
.bepic-o2-guide-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 85px; align-items: start; }
.bepic-o2-resource { display: block; position: relative; padding: 30px; border: 1px solid #b5dcea; border-radius: 25px 65px 25px 25px; background: #f1faff; margin-top: 35px; transition: transform .3s; color: #53687b; }
.bepic-o2-resource > span { display: block; color: #08759a; font-size: 32px; line-height: 1; margin-bottom: 25px; }
.bepic-o2-resource strong { display: block; color: #082e52; font-size: 27px; line-height: 1.2; margin-bottom: 20px; }
.bepic-o2-resource p { font-size: 14px; line-height: 1.9; margin: 0; }
.bepic-o2-resource:hover { color: #53687b; border-color: #08759a; transform: translateY(-5px); }
.bepic-o2-care { border-top: 1px solid #c9dfe9; padding: 25px 0; }
.bepic-o2-care summary > span { top: 0; }
.bepic-o2-safety { padding: 30px; margin-top: 15px; background: #f2faff; border: 1px solid #c7e3ef; border-inline-start: 4px solid #08759a; border-radius: 0 25px 25px 0; }
.bepic-o2-safety h3 { color: #082e52; font-size: 26px; line-height: 1.2; margin: 0 0 18px; }
.bepic-o2-safety p { font-size: 15px; line-height: 1.9; }
.bepic-o2-safety p:last-child { margin-bottom: 0; }
.bepic-o2-disclaimer { margin: 25px 0 0; color: #53687b; font-size: 12px; line-height: 1.9; }
.bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing { min-height: 680px; }
.bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .slide { min-height: 680px; animation: none; transform: none; background-position: 55% center; }
.bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .slide::before { background: linear-gradient(90deg, rgba(8, 46, 82, .25), rgba(8, 46, 82, 0)); }
.bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .col-md-12 { width: 39%; margin: 0; }
.bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .slide-captions { padding: 40px; border: 1px solid #b5dcea; border-radius: 70px 25px 25px 25px; border-inline-start: 4px solid #30b1df; color: #082e52; background: rgba(242, 250, 255, .95); transform: none; text-align: start !important; }
.bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .slide-captions::before { display: none; }
.bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing h2 { color: #082e52; font-size: clamp(39px, 4vw, 55px); line-height: 1.05; margin: 0 0 25px; }
.bepic-o2-closing h2 em { display: block; color: #087fa9; font: 600 1.1em/1.1 "Caveat", cursive; }
.bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .slide-captions p { color: #476c80; font-size: 16px; line-height: 1.9; }
.bepic-family-o2drops .bepic-family-editorial a:focus-visible,
.bepic-family-o2drops .bepic-family-editorial summary:focus-visible { outline: 3px solid #20a3d4; outline-offset: 5px; }
.bepic-family-o2drops .bepic-family-offer-grid { grid-template-columns: minmax(0, 850px); justify-content: center; }
@keyframes bepicO2Float { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-8px) rotate(0); } }
@media (hover: hover) {
    .bepic-o2-benefits article:hover { transform: translateY(-5px); }
}
@media (max-width: 1199px) {
    .bepic-o2-hero-grid { gap: 40px; }
    .bepic-family-o2drops .bepic-o2-hero h1 { font-size: 65px; }
    .bepic-o2-product-stage { width: 155px; inset-inline-start: -5px; }
    .bepic-o2-product-stage::before { width: 205px; }
    .bepic-o2-float { inset-inline-end: -10px; width: 215px; padding: 18px; }
    .bepic-o2-formula-grid,
    .bepic-o2-guide-grid { gap: 40px; }
    .bepic-o2-formula-visual { padding: 28px; }
    .bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .col-md-12 { width: 46%; }
}
@media (max-width: 767px) {
    .bepic-o2-hero-grid,
    .bepic-o2-story-heading,
    .bepic-o2-formula-grid,
    .bepic-o2-routine-head,
    .bepic-o2-steps,
    .bepic-o2-guide-grid { grid-template-columns: 1fr; gap: 30px; }
    .bepic-o2-hero-grid { padding-top: 35px; padding-bottom: 100px; gap: 50px; }
    .bepic-o2-brand { width: 190px; margin-bottom: 25px; }
    .bepic-o2-script { font-size: 29px; }
    .bepic-family-o2drops .bepic-o2-hero h1 { font-size: clamp(49px, 14vw, 63px); overflow-wrap: break-word; }
    .bepic-o2-hero-copy > p { font-size: 16px; }
    .bepic-o2-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
    .bepic-o2-quick { gap: 10px 17px; }
    .bepic-o2-hero-art { min-height: 450px; margin-inline: 8px; }
    .bepic-o2-photo-window { inset: 0 0 45px 15px; }
    .bepic-o2-photo-window img { object-position: 51% center; }
    .bepic-o2-orbit { inset: -15px -10px 28px 0; }
    .bepic-o2-product-stage { width: 142px; inset-inline-start: -3px; bottom: -15px; }
    .bepic-o2-product-stage::before { width: 180px; height: 85px; inset-inline-start: -20px; }
    .bepic-o2-big-type { font-size: 170px; inset-inline-start: -10px; }
    .bepic-o2-float { width: 180px; inset-inline-end: -8px; bottom: 0; padding: 20px 15px; gap: 10px; }
    .bepic-o2-float > span { font-size: 24px; }
    .bepic-o2-float strong { font-size: 14px; }
    .bepic-family-o2drops .bepic-o2-story,
    .bepic-family-o2drops .bepic-o2-formula,
    .bepic-family-o2drops .bepic-o2-routine,
    .bepic-family-o2drops .bepic-o2-guide { padding: 60px 0; }
    .bepic-family-o2drops .bepic-o2-story h2,
    .bepic-family-o2drops .bepic-o2-formula h2,
    .bepic-family-o2drops .bepic-o2-routine h2,
    .bepic-family-o2drops .bepic-o2-guide h2 { font-size: clamp(35px, 10vw, 44px); overflow-wrap: break-word; }
    .bepic-o2-benefits { grid-template-columns: 1fr; gap: 20px; }
    .bepic-o2-benefits article,
    .bepic-o2-benefits article:nth-child(4),
    .bepic-o2-benefits article:nth-child(5) { grid-column: auto; }
    .bepic-o2-story-heading,
    .bepic-o2-routine-head { margin-bottom: 30px; }
    .bepic-o2-formula-visual { position: static; padding: 30px; }
    .bepic-o2-formula-orbs > div { max-width: 100%; height: auto; min-height: 200px; width: 220px; aspect-ratio: 1; }
    .bepic-o2-formula-orbs strong { font-size: 34px; }
    .bepic-o2-formula-visual > p { font-size: 18px; }
    .bepic-o2-formula summary strong,
    .bepic-o2-care summary strong { font-size: 24px; overflow-wrap: anywhere; }
    .bepic-o2-mineral-list { grid-template-columns: 1fr; }
    .bepic-o2-steps li:nth-child(2) { margin: 0; }
    .bepic-o2-meal-timing { flex-direction: column; gap: 22px; padding: 28px; margin-top: 30px; align-items: stretch; }
    .bepic-o2-meal-timing > div { flex-basis: auto; }
    .bepic-o2-meal-timing > span { text-align: center; }
    .bepic-o2-meal-timing strong { font-size: 52px; }
    .bepic-o2-meal-timing p { font-size: 14px; }
    .bepic-o2-medication-note { text-align: start; }
    .bepic-o2-resource { padding: 28px; overflow-wrap: anywhere; }
    .bepic-o2-safety { padding: 28px; }
    .bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .slide { padding-top: 330px; padding-bottom: 60px; background-size: auto 380px; background-position: 58% top; background-repeat: no-repeat; background-color: #e9f8fe; }
    .bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .slide::before { background: linear-gradient(180deg, transparent 300px, #e9f8fe 380px); }
    .bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .col-md-12 { width: 100%; }
    .bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing .slide-captions { padding: 32px 25px; }
    .bepic-family-o2drops .bepic-family-editorial > .bepic-o2-closing h2 { font-size: clamp(35px, 10vw, 44px); overflow-wrap: break-word; }
}
@media (prefers-reduced-motion: reduce) {
    .bepic-o2-product-stage > img { animation: none; }
    .bepic-o2-benefits article,
    .bepic-o2-resource { transition: none; }
    .bepic-o2-benefits article:hover,
    .bepic-o2-resource:hover { transform: none; }
}
@media (max-width: 374px) {
    .bepic-o2-product-stage { width: 115px; }
    .bepic-o2-product-stage::before { width: 155px; }
    .bepic-o2-float { width: 155px; padding: 18px 12px; }
}