/**
 * LifeTop shared hero bridge CSS
 * Version: 1.8.2
 * Final single-source hero override for single product, product archive, and category overview.
 */

:root{
    --ltpe-ref-hero-top-gap: 18px;
    --ltpe-ref-hero-bottom-gap: 18px;
    --ltpe-ref-hero-inner-max: 1320px;
    --ltpe-ref-hero-inner-side: 40px;
    --ltpe-ref-hero-min-height: 430px;
    --ltpe-ref-hero-content-max: 560px;
    --ltpe-ref-hero-media-height: 320px;
}

.ltpe-reference-hero,
body.lifetop-ltpe-active .ltpe-reference-hero,
body.lifetop-archive-enhanced .ltpe-reference-hero,
.ltpe-catalog-overview .ltpe-reference-hero{
    width: 100vw !important;
    max-width: 100vw !important;
    margin: var(--ltpe-ref-hero-top-gap) calc(50% - 50vw) var(--ltpe-ref-hero-bottom-gap) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 82% 16%, rgba(255,255,255,.06), transparent 18%), linear-gradient(90deg, rgba(4,22,46,.98) 0%, rgba(4,22,46,.94) 36%, rgba(4,22,46,.82) 58%, rgba(6,29,60,.70) 100%) !important;
}

.ltpe-reference-hero::before,
.ltpe-reference-hero::after,
body.lifetop-ltpe-active .ltpe-reference-hero::before,
body.lifetop-ltpe-active .ltpe-reference-hero::after,
body.lifetop-archive-enhanced .ltpe-reference-hero::before,
body.lifetop-archive-enhanced .ltpe-reference-hero::after,
.ltpe-catalog-overview .ltpe-reference-hero::before,
.ltpe-catalog-overview .ltpe-reference-hero::after{
    display:none !important;
    content:none !important;
}

.ltpe-reference-hero__inner,
body.lifetop-ltpe-active .ltpe-reference-hero__inner,
body.lifetop-archive-enhanced .ltpe-reference-hero__inner,
.ltpe-catalog-overview .ltpe-reference-hero__inner{
    width:min(calc(100% - var(--ltpe-ref-hero-inner-side)), var(--ltpe-ref-hero-inner-max)) !important;
    max-width: var(--ltpe-ref-hero-inner-max) !important;
    margin: 0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr) !important;
    align-items:center !important;
    gap:24px !important;
    min-height:var(--ltpe-ref-hero-min-height) !important;
    padding:38px 0 !important;
    color:#fff !important;
}

.ltpe-reference-hero__content,
body.lifetop-ltpe-active .ltpe-reference-hero__content,
body.lifetop-archive-enhanced .ltpe-reference-hero__content,
.ltpe-catalog-overview .ltpe-reference-hero__content{
    min-width:0 !important;
    max-width:var(--ltpe-ref-hero-content-max) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.ltpe-reference-hero__breadcrumbs,
body.lifetop-ltpe-active .ltpe-reference-hero__breadcrumbs,
body.lifetop-archive-enhanced .ltpe-reference-hero__breadcrumbs,
.ltpe-catalog-overview .ltpe-reference-hero__breadcrumbs{
    margin:0 0 16px !important;
    color:rgba(255,255,255,.82) !important;
    font-size:.94rem !important;
}

.ltpe-reference-hero__breadcrumbs a,
.ltpe-reference-hero .woocommerce-breadcrumb,
.ltpe-reference-hero .woocommerce-breadcrumb a{
    color:rgba(255,255,255,.82) !important;
    text-decoration:none !important;
}

.ltpe-reference-hero__eyebrow{
    margin:0 0 12px !important;
    color:#ff8f3d !important;
    font-size:.95rem !important;
    font-weight:800 !important;
    letter-spacing:.14em !important;
    line-height:1.35 !important;
    text-transform:uppercase !important;
}

.ltpe-reference-hero__title{
    margin:0 0 14px !important;
    color:#fff !important;
    font-size:clamp(2.55rem,4.55vw,4.35rem) !important;
    line-height:.95 !important;
    font-weight:900 !important;
    letter-spacing:-.045em !important;
    text-transform:uppercase !important;
    text-shadow:none !important;
}

.ltpe-reference-hero__description{
    max-width:560px !important;
    margin:0 0 18px !important;
    color:rgba(255,255,255,.92) !important;
    font-size:1rem !important;
    line-height:1.68 !important;
}

.ltpe-reference-hero__description p{margin:0 !important;}

.ltpe-reference-hero__meta{
    list-style:none !important;
    margin:0 0 16px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    max-width:580px !important;
}

.ltpe-reference-hero__meta li{
    min-width:0 !important;
    margin:0 !important;
    padding:10px 12px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.ltpe-reference-hero__meta .ltpe-hero__point-label{
    display:block !important;
    margin:0 0 4px !important;
    color:#ff8f3d !important;
    font-size:.66rem !important;
    font-weight:800 !important;
    letter-spacing:.09em !important;
    line-height:1.3 !important;
    text-transform:uppercase !important;
}

.ltpe-reference-hero__meta .ltpe-hero__point-value{
    display:block !important;
    color:#fff !important;
    font-size:.88rem !important;
    font-weight:700 !important;
    line-height:1.35 !important;
}

.ltpe-reference-hero__actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    margin:0 !important;
}

.ltpe-reference-hero__actions .ltpe-btn{
    min-height:48px !important;
    padding:0 18px !important;
    border-radius:13px !important;
    font-size:.9rem !important;
    box-shadow:0 14px 28px rgba(9,24,46,.16) !important;
}

.ltpe-reference-hero__note{display:none !important;}

.ltpe-reference-hero__media{
    position:relative !important;
    min-height:var(--ltpe-ref-hero-media-height) !important;
    border-radius:20px !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.08) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.16) !important;
}

.ltpe-reference-hero__media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

.ltpe-reference-hero--single .ltpe-reference-hero__media img{object-fit:contain !important;padding:16px !important;}

@media (max-width:1200px){
    :root{
        --ltpe-ref-hero-inner-side:32px;
        --ltpe-ref-hero-media-height:280px;
    }
    .ltpe-reference-hero,
    body.lifetop-ltpe-active .ltpe-reference-hero,
    body.lifetop-archive-enhanced .ltpe-reference-hero,
    .ltpe-catalog-overview .ltpe-reference-hero{
        margin: var(--ltpe-ref-hero-top-gap) calc(50% - 50vw) var(--ltpe-ref-hero-bottom-gap) !important;
    }
    .ltpe-reference-hero__inner,
    body.lifetop-ltpe-active .ltpe-reference-hero__inner,
    body.lifetop-archive-enhanced .ltpe-reference-hero__inner,
    .ltpe-catalog-overview .ltpe-reference-hero__inner{
        width:min(calc(100% - 32px), var(--ltpe-ref-hero-inner-max)) !important;
        grid-template-columns:1fr !important;
        min-height:0 !important;
        padding:28px 0 !important;
        gap:18px !important;
    }
    .ltpe-reference-hero__media{order:-1 !important;}
}

@media (max-width:767px){
    :root{
        --ltpe-ref-hero-top-gap:16px;
        --ltpe-ref-hero-bottom-gap:16px;
        --ltpe-ref-hero-inner-side:24px;
        --ltpe-ref-hero-media-height:240px;
    }
    .ltpe-reference-hero__inner,
    body.lifetop-ltpe-active .ltpe-reference-hero__inner,
    body.lifetop-archive-enhanced .ltpe-reference-hero__inner,
    .ltpe-catalog-overview .ltpe-reference-hero__inner{
        width:min(calc(100% - 24px), var(--ltpe-ref-hero-inner-max)) !important;
        padding:22px 0 !important;
        gap:16px !important;
    }
    .ltpe-reference-hero__title{font-size:clamp(2.3rem,8vw,3.4rem) !important;}
    .ltpe-reference-hero__meta{grid-template-columns:1fr !important;}
    .ltpe-reference-hero__actions{gap:10px !important;}
    .ltpe-reference-hero__actions .ltpe-btn{min-height:46px !important;}
}


/* v1.8.1 breadcrumb placement override: highest approved hero position */
.ltpe-reference-hero__content,
body.lifetop-ltpe-active .ltpe-reference-hero__content,
body.lifetop-archive-enhanced .ltpe-reference-hero__content,
.ltpe-catalog-overview .ltpe-reference-hero__content{
    position:relative !important;
    padding-top:54px !important;
}

.ltpe-reference-hero__breadcrumbs,
body.lifetop-ltpe-active .ltpe-reference-hero__breadcrumbs,
body.lifetop-archive-enhanced .ltpe-reference-hero__breadcrumbs,
.ltpe-catalog-overview .ltpe-reference-hero__breadcrumbs{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    z-index:4 !important;
    display:inline-flex !important;
    align-items:center !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 14px !important;
    border-radius:12px !important;
    background:rgba(7,21,40,.48) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.18) !important;
    backdrop-filter:blur(10px) !important;
}

.ltpe-reference-hero__breadcrumbs .woocommerce-breadcrumb,
body.lifetop-ltpe-active .ltpe-reference-hero__breadcrumbs .woocommerce-breadcrumb,
body.lifetop-archive-enhanced .ltpe-reference-hero__breadcrumbs .woocommerce-breadcrumb,
.ltpe-catalog-overview .ltpe-reference-hero__breadcrumbs .woocommerce-breadcrumb{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    line-height:1 !important;
}

.ltpe-reference-hero__breadcrumbs,
.ltpe-reference-hero__breadcrumbs a,
.ltpe-reference-hero__breadcrumbs .woocommerce-breadcrumb,
.ltpe-reference-hero__breadcrumbs .woocommerce-breadcrumb a{
    font-size:.82rem !important;
    font-weight:600 !important;
    color:rgba(255,255,255,.94) !important;
    text-decoration:none !important;
}

.ltpe-reference-hero__breadcrumbs .ltpe-crumb-sep{
    opacity:.55 !important;
}

@media (max-width:767px){
    .ltpe-reference-hero__content,
    body.lifetop-ltpe-active .ltpe-reference-hero__content,
    body.lifetop-archive-enhanced .ltpe-reference-hero__content,
    .ltpe-catalog-overview .ltpe-reference-hero__content{
        padding-top:46px !important;
    }

    .ltpe-reference-hero__breadcrumbs,
    body.lifetop-ltpe-active .ltpe-reference-hero__breadcrumbs,
    body.lifetop-archive-enhanced .ltpe-reference-hero__breadcrumbs,
    .ltpe-catalog-overview .ltpe-reference-hero__breadcrumbs{
        min-height:34px !important;
        padding:0 12px !important;
        border-radius:10px !important;
    }

    .ltpe-reference-hero__breadcrumbs,
    .ltpe-reference-hero__breadcrumbs a,
    .ltpe-reference-hero__breadcrumbs .woocommerce-breadcrumb,
    .ltpe-reference-hero__breadcrumbs .woocommerce-breadcrumb a{
        font-size:.76rem !important;
    }
}

/* Breadcrumbs removed from hero globally */
.ltpe-reference-hero__breadcrumbs,
.ltpe-hero__breadcrumbs,
.ltpe-catalog-hero__breadcrumbs{display:none !important;}


/* v1.8.5 final sync
   Keep category overview hero unchanged.
   Force single-product and product-archive hero spacing/full-width
   to match the approved category overview hero.
*/
body.single-product .ltpe-reference-hero--single,
body.single-product .ltpe-reference-hero--single.ltpe-reference-hero,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive.ltpe-reference-hero{
    position:relative !important;
    left:50% !important;
    right:50% !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-top:18px !important;
    margin-right:-50vw !important;
    margin-bottom:18px !important;
    margin-left:-50vw !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
}

body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__inner,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__inner{
    width:min(calc(100% - 40px), 1320px) !important;
    max-width:1320px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr) !important;
    align-items:center !important;
    gap:24px !important;
    min-height:430px !important;
    padding:38px 0 !important;
    color:#fff !important;
}

body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__content,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__content{
    max-width:560px !important;
}

body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__title,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__title{
    max-width:none !important;
    margin:0 0 14px !important;
    font-size:clamp(2.55rem,4.55vw,4.35rem) !important;
    line-height:.95 !important;
    letter-spacing:-.045em !important;
}

body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__description,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__description{
    max-width:560px !important;
    margin:0 0 18px !important;
    font-size:1rem !important;
    line-height:1.68 !important;
}

body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__meta,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__meta{
    max-width:580px !important;
    gap:10px !important;
    margin:0 0 16px !important;
}

body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__actions,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__actions{
    gap:12px !important;
    margin:0 !important;
}

body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__actions .ltpe-btn,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__actions .ltpe-btn{
    min-height:48px !important;
    padding:0 18px !important;
    border-radius:13px !important;
    font-size:.9rem !important;
}

body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__media,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__media{
    min-height:320px !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:0 18px 40px rgba(0,0,0,.16) !important;
}

body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__media img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    padding:16px !important;
    display:block !important;
}

body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

@media (max-width:1200px){
    body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__inner,
    body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__inner{
        width:min(calc(100% - 32px), 1320px) !important;
        grid-template-columns:1fr !important;
        min-height:0 !important;
        padding:28px 0 !important;
        gap:18px !important;
    }

    body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__media,
    body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__media{
        order:-1 !important;
        min-height:280px !important;
    }
}

@media (max-width:767px){
    body.single-product .ltpe-reference-hero--single,
    body.lifetop-archive-enhanced .ltpe-reference-hero--archive{
        margin-top:16px !important;
        margin-bottom:16px !important;
    }

    body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__inner,
    body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__inner{
        width:min(calc(100% - 24px), 1320px) !important;
        padding:22px 0 !important;
        gap:16px !important;
    }

    body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__title,
    body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__title{
        font-size:clamp(2.3rem,8vw,3.4rem) !important;
    }

    body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__meta,
    body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__meta{
        grid-template-columns:1fr !important;
    }

    body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__media,
    body.lifetop-archive-enhanced .ltpe-reference-hero--archive .ltpe-reference-hero__media{
        min-height:240px !important;
    }
}


/* v1.8.6 final product/archive adjustments */
body.single-product .ltpe-reference-hero--single,
body.lifetop-archive-enhanced .ltpe-reference-hero--archive{
    margin-top:18px !important;
}

@media (min-width: 981px){
    body.single-product .ltpe-reference-hero--single .ltpe-reference-hero__actions{
        display:grid !important;
        grid-template-columns:repeat(3,max-content) !important;
        align-items:center !important;
        gap:12px !important;
        flex-wrap:nowrap !important;
    }
}