
html,body{margin:0!important;padding:0!important;background:#020202!important}
body.levial-product-selected{background:#020202!important}
body.levial-product-selected .site-header,body.levial-product-selected .site-footer{display:none!important}
.lp-page{width:min(100%,1484px);margin:0 auto;background:#030303;color:#e8e0d4;font-family:Arial,sans-serif;min-height:1060px;position:relative}
.lp-page *{box-sizing:border-box}.lp-page a{color:inherit;text-decoration:none}

/* Hide semantic header; show the exact approved header artwork instead. */
.lp-topbar,.lp-header{display:none!important}
.lp-exact-header-canvas{height:124px;background:url('../images/product-page/exact-header.webp') center/100% 124px no-repeat;position:relative}
.lp-exact-header-canvas a{position:absolute;top:40px;height:64px}
.eh-home{left:425px;width:80px}.eh-collection{left:515px;width:115px}.eh-about{left:645px;width:85px}.eh-research{left:744px;width:110px}.eh-faq{left:870px;width:60px}.eh-contact{left:945px;width:100px}

/* Breadcrumb matches target */
.lp-breadcrumb{height:35px;padding:0 36px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.045);font-size:8px;color:#9b948b}
.lp-breadcrumb b{font-weight:400;color:#bfb6aa}

/* Main exact grid from reference image */
.lp-main{display:grid;grid-template-columns:660px 430px 255px;grid-template-areas:"gallery details related" "info info related";column-gap:22px;row-gap:10px;padding:11px 35px 9px;margin:0 auto;align-items:start}
.lp-gallery{grid-area:gallery;display:grid;grid-template-columns:82px 1fr;gap:15px}
.lp-thumbs{display:flex;flex-direction:column;gap:8px;padding-top:19px}
.lp-thumbs button{height:76px;border:1px solid rgba(185,138,61,.45);border-radius:5px;background:#070707;color:#c99645;padding:5px;cursor:pointer}
.lp-thumbs button.active{border-color:#a9792e}.lp-thumbs img{width:100%;height:100%;object-fit:contain}.lp-round,.lp-metal,.lp-box{font:22px Georgia,serif!important}
.lp-main-art{height:465px;position:relative;overflow:hidden;border:1px solid rgba(185,138,61,.36);border-radius:5px;background:#050505 url('../images/product-page/exact-gallery-bg.webp') center/cover no-repeat}
.lp-main-vial{position:absolute;z-index:4;height:335px;width:auto;max-width:55%;left:49%;top:52px;transform:translateX(-50%);filter:drop-shadow(0 21px 18px rgba(0,0,0,.86))}
.lp-zoom{position:absolute;z-index:7;left:50%;bottom:13px;transform:translateX(-50%);border:1px solid rgba(185,138,61,.48);border-radius:18px;background:#080808;color:#d1c8bb;padding:7px 15px;font-size:8px;letter-spacing:.07em}

.lp-details{grid-area:details;padding:2px 0 0}
.lp-tag{display:inline-block;border:1px solid #805f27;border-radius:4px;padding:6px 9px;color:#d0a157;font-size:8px;letter-spacing:.06em}
.lp-details h1{font:37px/1.08 Georgia,serif;font-weight:400;margin:9px 0 3px;color:#e7dfd4}
.lp-details h2{font:21px Georgia,serif;font-weight:400;color:#d4a65c;margin:0 0 7px}
.lp-price{font:21px Georgia,serif;margin-bottom:8px;min-height:24px}
.lp-price-placeholder{display:none}
.lp-summary{font-size:10px;line-height:1.55;color:#b4aca2;margin:0 0 8px;max-width:425px}

.lp-trust{display:grid;grid-template-columns:repeat(4,1fr);margin:7px 0 10px;border-top:1px solid rgba(185,138,61,.18);border-bottom:1px solid rgba(185,138,61,.18)}
.lp-trust>div{text-align:center;padding:9px 3px;border-right:1px solid rgba(185,138,61,.16)}.lp-trust>div:last-child{border-right:0}
.lp-trust b{width:37px;height:37px;margin:0 auto 7px;border:1px solid #8e672a;border-radius:50%;display:grid;place-items:center;color:#cf9d4c;font-weight:400}
.lp-trust span{font-size:7.5px;line-height:1.35}

.lp-buybox{border:1px solid rgba(185,138,61,.34);border-radius:5px;padding:11px}
.lp-buyrow{display:grid;grid-template-columns:165px 1fr;gap:10px;align-items:end}
.lp-qty>span{display:block;font-size:8px;margin-bottom:5px}.lp-qty>div{display:grid;grid-template-columns:35px 1fr 35px;border:1px solid rgba(185,138,61,.25)}
.lp-qty button,.lp-qty input{height:33px;border:0;background:#080808;color:#d8cec1;text-align:center}.lp-qty button{color:#c89442;font-size:16px}
.lp-add{width:100%;height:34px;border:1px solid #b98a45;border-radius:4px;background:linear-gradient(90deg,#9c7437,#d6b578);color:#111;font-size:10px;letter-spacing:.03em}
.lp-buy-now{width:100%;height:34px;border:1px solid rgba(185,138,61,.28);background:#070707;color:#ddd;margin:9px 0;font-size:9px;letter-spacing:.05em}
.lp-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;border-top:1px solid rgba(185,138,61,.18);padding-top:8px;font-size:8px;color:#999087}
.lp-meta span{color:#c2b8ad}.lp-meta b{color:#72a95a;font-weight:400}
.lp-service{display:flex;justify-content:space-between;margin-top:10px;border-top:1px solid rgba(185,138,61,.18);padding-top:9px;font-size:8px;color:#c5b9aa}

.lp-related{grid-area:related;border-left:1px solid rgba(185,138,61,.18);padding-left:14px;min-height:635px}
.lp-related h3{font-size:12px;font-weight:400;letter-spacing:.08em;margin:4px 0 10px}
.lp-related-card{display:grid;grid-template-columns:70px 1fr;gap:8px;padding:5px 0;border-bottom:1px solid rgba(185,138,61,.17)}
.lp-related-card img{height:79px;width:65px;object-fit:contain}.lp-related-card h4{font-size:9px;font-weight:400;margin:3px 0 3px}.lp-related-card p{font-size:8px;color:#cd9b49;margin:0 0 5px}
.lp-related-card span{display:inline-block;border:1px solid #7e5d27;padding:5px 8px;font-size:7px;color:#d1a157}
.lp-related-arrows{text-align:right;margin-top:7px}.lp-related-arrows button{width:29px;height:25px;border:1px solid #7e5d27;background:#080808;color:#c89543;margin-left:4px}

.lp-info{grid-area:info;border:1px solid rgba(185,138,61,.34);border-radius:5px;overflow:hidden;height:162px}
.lp-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(185,138,61,.2)}
.lp-tabs button{height:36px;border:0;border-right:1px solid rgba(185,138,61,.16);background:#070707;color:#c4baae;font-size:9px;letter-spacing:.04em}
.lp-tabs button.active{background:#0a0907;color:#e0bf84}
.lp-tab-panel{display:none;height:125px;padding:13px 16px;color:#aaa196;font-size:9px;line-height:1.55}
.lp-tab-panel.active{display:grid;grid-template-columns:1.1fr 1.55fr 172px;gap:22px}
.lp-tab-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin:0;padding:0;list-style:none}.lp-tab-panel li:before{content:"✓";color:#c99745;margin-right:8px}
.lp-standard-mark{background:url('../images/product-page/exact-standard.webp') center/cover no-repeat;border:1px solid rgba(185,138,61,.22);height:100px}

/* Exact lower artwork from reference; live newsletter field overlays the screenshot art. */
.lp-exact-lower{height:255px;background:url('../images/product-page/exact-lower.webp') center/100% 255px no-repeat;position:relative}
.lp-lower-email{position:absolute;left:415px;top:31px;width:280px;height:34px;display:flex}
.lp-lower-email input{flex:1;background:#080808;border:1px solid rgba(185,138,61,.25);border-right:0;color:#ddd;padding:0 10px;font-size:8px}
.lp-lower-email button{width:42px;background:linear-gradient(135deg,#8b642b,#d2aa62);border:1px solid #a97d35}
.lp-lower-home{position:absolute;left:35px;top:120px;width:240px;height:70px}
.lp-lower-collection{position:absolute;left:535px;top:120px;width:120px;height:85px}

@media(max-width:1483px){
  .lp-page{width:100%}
  .lp-exact-header-canvas{background-size:cover}
}
@media(max-width:1100px){
  .lp-exact-header-canvas{display:none}
  .lp-topbar,.lp-header{display:grid!important}
  .lp-main{grid-template-columns:1fr 1fr;grid-template-areas:"gallery details" "info info" "related related";padding:14px}
  .lp-related{border-left:0;border-top:1px solid rgba(185,138,61,.18);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:0}
  .lp-related h3{grid-column:1/-1}
  .lp-exact-lower{background-size:cover}
}
@media(max-width:780px){
  .lp-main{grid-template-columns:1fr;grid-template-areas:"gallery" "details" "info" "related"}
  .lp-gallery{grid-template-columns:1fr}.lp-thumbs{display:none}.lp-main-art{height:420px}.lp-main-vial{height:300px;top:55px}
  .lp-tab-panel.active{grid-template-columns:1fr}.lp-info{height:auto}.lp-tab-panel{height:auto;min-height:130px}
  .lp-exact-lower{height:220px;background-size:cover}.lp-lower-email{left:20%;width:60%}
}

/* v3.4 product-specific research/storage/COA gallery. */
.lp-main-art .lp-gallery-view{position:absolute;inset:0;display:none}
.lp-main-art .lp-gallery-view.active{display:block}
.lp-document-view{background:#050505;overflow:hidden}
.lp-document-view:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,2,2,.94),rgba(2,2,2,.74) 50%,rgba(2,2,2,.32)),var(--lp-doc-image);background-size:cover;background-position:center;filter:saturate(.7) contrast(1.08)}
.lp-doc-copy{position:absolute;z-index:2;left:38px;right:38px;bottom:36px;padding:22px;border:1px solid rgba(185,138,61,.38);background:rgba(3,3,3,.86)}
.lp-doc-copy span{display:block;color:#d0a157;font-size:8px;letter-spacing:.16em;margin-bottom:8px}
.lp-doc-copy h3{font:28px Georgia,serif;font-weight:400;margin:0 0 10px;color:#eee6da}
.lp-doc-copy div{font-size:10px;line-height:1.6;color:#c3b9ac}
.lp-coa-link{display:inline-block;margin-top:12px;border:1px solid #8b672d;padding:7px 12px;color:#d3a252!important;font-size:8px;letter-spacing:.08em}
.lp-copy-panel.active{display:grid!important;grid-template-columns:1fr 230px!important;gap:22px!important;align-items:center}
.lp-copy-panel h4{font:15px Georgia,serif;color:#e4d8c7;margin:0 0 8px}
.lp-copy-panel img{width:100%;height:90px;object-fit:cover;border:1px solid rgba(185,138,61,.25)}
.lp-thumbs .lp-gallery-thumb{overflow:hidden}


/* ============================================================
   LEVIAL SIGNATURE 3.5
   Precision fixes only:
   - correct approved LV monogram in desktop header
   - remove residual reference vial from gallery background
   - refine product and thumbnail alignment
   Product vial assets are NOT modified.
   ============================================================ */

/* Mask the incorrect baked-in logo in the fixed header artwork. */
.lp-exact-header-canvas:before{
    content:"";
    position:absolute;
    left:18px;
    top:31px;
    width:300px;
    height:82px;
    background:#030303;
    z-index:4;
}

/* Overlay the approved LV + LEVIAL PEPTIDES mark already used on Collection. */
.lp-exact-header-canvas:after{
    content:"";
    position:absolute;
    left:34px;
    top:37px;
    width:250px;
    height:74px;
    background:url('../images/collection/collection-logo-reference.webp') left center/contain no-repeat;
    z-index:5;
    pointer-events:none;
}

/* Keep nav overlays clickable above the corrected logo mask. */
.lp-exact-header-canvas a{
    z-index:6;
}

/* Gallery alignment: preserve the exact vial file but give it more air,
   matching the approved product-page reference more closely. */
.lp-main-vial{
    height:315px !important;
    max-width:49% !important;
    top:66px !important;
    left:49% !important;
    object-fit:contain !important;
}

/* Product thumbnail = contain. Research/Storage/COA = cinematic crop. */
.lp-gallery-thumb[data-view="product"] img{
    object-fit:contain !important;
    padding:1px;
}
.lp-gallery-thumb:not([data-view="product"]) img{
    object-fit:cover !important;
    opacity:.82;
    filter:saturate(.72) contrast(1.08);
}
.lp-gallery-thumb:not([data-view="product"]){
    position:relative;
}
.lp-gallery-thumb:not([data-view="product"]):after{
    content:"";
    position:absolute;
    inset:0;
    box-shadow:inset 0 0 18px rgba(0,0,0,.52);
    pointer-events:none;
}

/* Slightly reduce the oversized image frame presence and keep panel balanced. */
.lp-main-art{
    background-position:center center !important;
}

/* On smaller screens use the normal responsive header; do not apply desktop mask. */
@media(max-width:1100px){
    .lp-exact-header-canvas:before,
    .lp-exact-header-canvas:after{
        display:none;
    }
}

/* v3.6 commerce + recommendation controls */
.lp-related-card[hidden]{display:none!important}
.lp-related-arrows button:disabled{opacity:.3;cursor:not-allowed}
.lp-commerce-note{display:none;margin-top:9px;padding:7px 9px;border:1px solid rgba(185,138,61,.28);color:#c9a15e;font-size:8px;line-height:1.35;background:#080706}
.lp-commerce-note.show{display:block}
.lp-add.lp-disabled{cursor:not-allowed;filter:saturate(.45);opacity:.58}
