﻿@layer tl-secondary-headers-edge {
/* TL_SECONDARY_HEADERS_EDGE_OPAQUE_V1 */
:root { --tl-secondary-opaque-base:#fff; }
html[data-theme="dark"], body[data-theme="dark"] { --tl-secondary-opaque-base:#0e1726; }
html:root body:is(.storefront-body,.customer-account-body) :is(.checkout-secondary-header.checkout-secondary-header.checkout-secondary-header,.tl-secondary-header.tl-secondary-header.tl-secondary-header,.product-detail-toolbar.product-detail-toolbar.product-detail-toolbar) {
    box-sizing:border-box !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
    background:linear-gradient(var(--tl-secondary-header-bg,var(--tl-color-surface,transparent)),var(--tl-secondary-header-bg,var(--tl-color-surface,transparent))),linear-gradient(var(--tl-color-bg,transparent),var(--tl-color-bg,transparent)),var(--tl-secondary-opaque-base) !important;
}
html:root body:is(.storefront-body,.customer-account-body) :is(.checkout-secondary-header.checkout-secondary-header.checkout-secondary-header,.tl-secondary-header.tl-secondary-header.tl-secondary-header,.product-detail-toolbar.product-detail-toolbar.product-detail-toolbar)::before,
html:root body:is(.storefront-body,.customer-account-body) :is(.checkout-secondary-header.checkout-secondary-header.checkout-secondary-header,.tl-secondary-header.tl-secondary-header.tl-secondary-header,.product-detail-toolbar.product-detail-toolbar.product-detail-toolbar)::after { content:none !important; display:none !important; }
html:root body:is(.storefront-body,.customer-account-body) :is(.checkout-secondary-header.checkout-secondary-header.checkout-secondary-header,.tl-secondary-header.tl-secondary-header.tl-secondary-header,.product-detail-toolbar.product-detail-toolbar.product-detail-toolbar) :is(.customer-account-section-header__inner,.customer-account-official-header) {
    width:100% !important; max-width:none !important; margin:0 !important;
    border:0 !important; border-radius:0 !important; box-shadow:none !important;
    background:transparent !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
html:root body:is(.storefront-body,.customer-account-body) > header.checkout-secondary-header.checkout-secondary-header.customer-account-section-header {
    width:100% !important; max-width:none !important; margin-inline:0 !important;
    padding-top:0 !important; padding-bottom:0 !important;
}
html:root body:is(.storefront-body,.customer-account-body) > header.checkout-secondary-header.checkout-secondary-header.customer-account-section-header .customer-account-section-header__inner {
    padding-inline:12px !important;
}
/* Checkout headers follow the viewport width, including in the address editor.
   Keep their existing position and layout contract. */
html:root body.storefront-body.checkout-route :is(.checkout-secondary-header.checkout-secondary-header.checkout-secondary-header,.tl-secondary-header.tl-secondary-header.tl-secondary-header,.product-detail-toolbar.product-detail-toolbar.product-detail-toolbar) {
    width:var(--tl-secondary-viewport-width,100vw) !important;
    max-width:none !important;
    margin-inline:calc((100% - var(--tl-secondary-viewport-width,100vw))/2) !important;
}
@media(max-width:840px) {
 html:root body:is(.storefront-body,.customer-account-body) > header.checkout-secondary-header.checkout-secondary-header.customer-account-section-header {
    left:0 !important; right:0 !important; width:auto !important;
    margin:0 !important;
    padding-top:env(safe-area-inset-top,0px) !important;
 }
 html:root body.storefront-body.product-detail-route .product-detail-toolbar.product-detail-toolbar.product-detail-toolbar {
    top:0 !important; right:0 !important; left:0 !important;
    width:auto !important; max-width:none !important; margin:0 !important;
    padding-top:calc(8px + env(safe-area-inset-top,0px)) !important;
    padding-inline:max(8px,env(safe-area-inset-left,0px)) max(8px,env(safe-area-inset-right,0px)) !important;
 }
}

}

/* TL_SHARED_SECONDARY_HEADER_DIVIDER_V2
   Inset separator does not change header height or sticky offsets. */
@layer tl-secondary-headers-edge {
html:root body:is(.storefront-body,.customer-account-body) :is(
    .checkout-secondary-header.checkout-secondary-header.checkout-secondary-header,
    .tl-secondary-header.tl-secondary-header.tl-secondary-header,
    .product-detail-toolbar.product-detail-toolbar.product-detail-toolbar,
    .address-capture-secondary-header.address-capture-secondary-header.address-capture-secondary-header
) {
    box-shadow:inset 0 -1px 0 #cbd7e5 !important;
}
html:root[data-theme="dark"] body:is(.storefront-body,.customer-account-body) :is(
    .checkout-secondary-header.checkout-secondary-header.checkout-secondary-header,
    .tl-secondary-header.tl-secondary-header.tl-secondary-header,
    .product-detail-toolbar.product-detail-toolbar.product-detail-toolbar,
    .address-capture-secondary-header.address-capture-secondary-header.address-capture-secondary-header
) {
    box-shadow:inset 0 -1px 0 #426078 !important;
}
}

/* TL_PRODUCT_TOOLBAR_TRANSPARENT_V3 */
@layer tl-secondary-headers-edge {
html:root body.storefront-body.product-detail-route .product-detail-toolbar.product-detail-toolbar.product-detail-toolbar {
    background:transparent !important;background-image:none !important;
    border:0 !important;box-shadow:inset 0 -1px 0 #cbd7e5 !important;
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
html:root[data-theme="dark"] body.storefront-body.product-detail-route .product-detail-toolbar.product-detail-toolbar.product-detail-toolbar {
    background:transparent !important;background-image:none !important;
    box-shadow:inset 0 -1px 0 #426078 !important;
}
html:root body.storefront-body.product-detail-route .product-detail-toolbar.product-detail-toolbar .product-detail-toolbar__button,
html:root body.storefront-body.product-detail-route .product-detail-toolbar.product-detail-toolbar .product-detail-toolbar__button:is(:hover,:focus,:focus-visible,:active,.is-copied) {
    background:transparent !important;background-image:none !important;
    border:0 !important;border-radius:0 !important;box-shadow:none !important;
    color:var(--tl-color-text,var(--text)) !important;
    -webkit-text-fill-color:var(--tl-color-text,var(--text)) !important;
}
html:root body.storefront-body.product-detail-route .product-detail-toolbar.product-detail-toolbar .product-detail-bookmark-form.is-active .product-detail-toolbar__bookmark,
html:root body.storefront-body.product-detail-route .product-detail-toolbar.product-detail-toolbar .product-detail-toolbar__bookmark[aria-pressed="true"] {
    background:transparent !important;border:0 !important;
    color:#087347 !important;-webkit-text-fill-color:#087347 !important;
}
html:root[data-theme="dark"] body.storefront-body.product-detail-route .product-detail-toolbar.product-detail-toolbar .product-detail-bookmark-form.is-active .product-detail-toolbar__bookmark,
html:root[data-theme="dark"] body.storefront-body.product-detail-route .product-detail-toolbar.product-detail-toolbar .product-detail-toolbar__bookmark[aria-pressed="true"] {
    color:#73efb4 !important;-webkit-text-fill-color:#73efb4 !important;
}
}

/* TL_CART_CHROME_CLEAR_V4 */
@layer tl-secondary-headers-edge {
html:root body:is(.customer-account-body,.storefront-body):has(.tl-cart-modern) :is(
    .checkout-secondary-header.checkout-secondary-header.checkout-secondary-header,
    .customer-account-section-header.customer-account-section-header.customer-account-section-header,
    .customer-account-section-header__inner,
    .customer-account-official-header,
    .tl-cart-modern__summary,
    .mobile-bottom-nav
) {
    background:transparent !important;background-image:none !important;
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
html:root body:is(.customer-account-body,.storefront-body):has(.tl-cart-modern) :is(
    .customer-account-theme-toggle,
    [data-theme-toggle]
),
html:root body:is(.customer-account-body,.storefront-body):has(.tl-cart-modern) :is(
    .customer-account-theme-toggle,
    [data-theme-toggle]
):is(:hover,:focus,:active,:focus-visible) {
    background:transparent !important;background-image:none !important;
    border:0 !important;border-radius:0 !important;box-shadow:none !important;
    color:var(--tl-color-text,var(--text)) !important;
}
}

/* TL_CART_CHROME_OPAQUE_V5: match page background without transparency. */
@layer tl-secondary-headers-edge {
html:root body:is(.customer-account-body,.storefront-body):has(.tl-cart-modern) {
    --tl-cart-chrome-base:#fff;
}
html:root[data-theme="dark"] body:is(.customer-account-body,.storefront-body):has(.tl-cart-modern) {
    --tl-cart-chrome-base:#0e1726;
}
html:root body:is(.customer-account-body,.storefront-body):has(.tl-cart-modern) :is(
    .checkout-secondary-header.checkout-secondary-header.checkout-secondary-header,
    .customer-account-section-header.customer-account-section-header.customer-account-section-header,
    .tl-cart-modern__summary,
    .mobile-bottom-nav
) {
    background:linear-gradient(var(--tl-color-bg,transparent),var(--tl-color-bg,transparent)),var(--tl-cart-chrome-base) !important;
    background-clip:border-box !important;opacity:1 !important;
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
}

/* TL_PRODUCT_SELECTED_BACKGROUNDS_CLEAR_V1
   Targets confirmed by TL_BACKGROUND_PROBE; borders and shadows are retained. */
@layer tl-secondary-headers-edge {
  html:root body.storefront-body.product-detail-route .product-page :is(
    .product-detail-directory-row.product-detail-directory-row,
    .product-info.product-info,
    .product-suggestion-rail.product-suggestion-rail
  ),
  html:root body.storefront-body.product-detail-route footer.site-footer.tl-footer-contact {
    background: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* TL_PRODUCT_SUGGESTION_CARD_BACKGROUNDS_CLEAR_V2 */
@layer tl-secondary-headers-edge {
 html:root body.storefront-body.product-detail-route .product-suggestion-rail :is(
 .product-suggestion-card.product-suggestion-card,
 .product-suggestion-card__image-link,
 .product-suggestion-card__image,
 .product-suggestion-card__copy
 ) {
   background: transparent !important;
   background-image: none !important;
   backdrop-filter: none !important;
   -webkit-backdrop-filter: none !important;
 }
}

/* TL_PRODUCT_SUGGESTIONS_VERTICAL_DIVIDERS_V3 */
@layer tl-secondary-headers-edge {
 html:root body.storefront-body.product-detail-route .product-page :is(
 .product-suggestion-rail.product-suggestion-rail,
 .product-suggestion-rail__items,
 .product-suggestion-card.product-suggestion-card,
 .product-suggestion-card__image-link,
 .product-suggestion-card__image,
 .product-suggestion-card__copy,
 .product-suggestion-card__quick-add,
 .product-suggestion-card__quick-add-button
 ) {
   border: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
 }
 html:root body.storefront-body.product-detail-route .product-page
 .product-suggestion-rail .product-suggestion-rail__items >
 .product-suggestion-card.product-suggestion-card + .product-suggestion-card.product-suggestion-card {
   border-inline-start: 1px solid var(--tl-color-line-solid, var(--line, #cbd5e1)) !important;
 }
}

/* TL_PRODUCT_INFO_OUTER_FRAME_V4 */
@layer tl-secondary-headers-edge {
 html:root body.storefront-body.product-detail-route .product-page
 .product-info.product-info.product-info {
   box-shadow: none !important;
   border-radius: 0 !important;
 }
 @media (max-width: 840px) {
   html:root body.storefront-body.product-detail-route .product-page
   .product-info.product-info.product-info {
     border-inline: 0 !important;
   }
 }
 @media (min-width: 841px) {
   html:root body.storefront-body.product-detail-route .product-page
   .product-info.product-info.product-info {
     border: 0 !important;
   }
 }
}

/* TL_PRODUCT_SECTION_DIVIDERS_V5 */
@layer tl-secondary-headers-edge {
 html:root body.storefront-body.product-detail-route .product-page
 .product-suggestion-rail.product-suggestion-rail.product-suggestion-rail {
   border-block-start: 1px solid var(--tl-color-line-solid,var(--line,#cbd5e1)) !important;
   border-radius: 0 !important;
 }
 @media (min-width:841px) {
   html:root body.storefront-body.product-detail-route .product-detail-grid > .product-info {
     position:relative;
   }
   html:root body.storefront-body.product-detail-route .product-detail-grid > .product-info::after {
     content:"";
     position:absolute;
     inset-block:0;
     inset-inline-end:0;
     width:1px;
     background:var(--tl-color-line-solid,var(--line,#cbd5e1));
     pointer-events:none;
   }
 }
 @media (max-width:840px) {
   html:root body.storefront-body.product-detail-route .product-detail-grid > section:first-child {
     border-block-end:1px solid var(--tl-color-line-solid,var(--line,#cbd5e1)) !important;
     padding-block-end:16px;
   }
 }
}

/* TL_PRODUCT_DIRECTORY_FLAT_V6 */
@layer tl-secondary-headers-edge {
 html:root body.storefront-body.product-detail-route .product-page
 .product-detail-directory-row.product-detail-directory-row.product-detail-directory-row {
   border:0 !important;
   border-block-end:1px solid var(--tl-color-line-solid,var(--line,#cbd5e1)) !important;
   border-radius:0 !important;
   box-shadow:none !important;
   background:transparent !important;
 }
 html:root body.storefront-body.product-detail-route .product-detail-directory-actions
 .product-detail-toolbar__button.product-detail-toolbar__button,
 html:root body.storefront-body.product-detail-route .product-detail-directory-actions
 .product-detail-toolbar__button.product-detail-toolbar__button:is(:hover,:active,:focus,.is-active,[aria-pressed="true"]) {
   border:0 !important;
   border-radius:0 !important;
   background:transparent !important;
   background-image:none !important;
   box-shadow:none !important;
   backdrop-filter:none !important;
   -webkit-backdrop-filter:none !important;
 }
}

/* TL_PRODUCT_MOBILE_SINGLE_SECTION_LINES_V7 */
@layer tl-secondary-headers-edge {
 @media (max-width:840px) {
   html:root body.storefront-body.product-detail-route .product-page
   .product-info.product-info.product-info.product-info {
     border-block:0 !important;
   }
 }
}

/* TL_PRODUCT_HEADER_MATTE_PAGE_COLOR_V8 */
@layer tl-secondary-headers-edge {
 html:root body.storefront-body.product-detail-route
 .product-detail-toolbar.product-detail-toolbar.product-detail-toolbar.product-detail-toolbar {
   background:linear-gradient(var(--tl-color-bg,transparent),var(--tl-color-bg,transparent)),var(--tl-secondary-opaque-base,#fff) !important;
   background-clip:border-box !important;
   opacity:1 !important;
   backdrop-filter:none !important;
   -webkit-backdrop-filter:none !important;
 }
}
