@charset "utf-8";

:root {
    --gk-pdp-content-max: 1560px;
}

.gk-pdp-breadcrumb #sct_location.is_unified_breadcrumb.is_item {
    width: 100%;
    max-width: var(--gk-pdp-content-max);
    min-width: 0;
    margin-inline: auto;
    padding-inline: 0;
    box-sizing: border-box;
}

.gk-pdp-breadcrumb .gk-shop-breadcrumb__link,
.gk-pdp-breadcrumb .gk-shop-breadcrumb__current {
    min-width: 0;
    max-width: 100%;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

body.gk-pdp-active {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

#sit .gk-pdp-sticky {
    --gk-pdp-title-size: 36px;
    --gk-pdp-title-leading: 1.25;
    --gk-pdp-sticky-top: 24px;
    overflow: visible !important;
}

#sit .gk-pdp-sticky .gk-pdp-layout {
    width: 100%;
    max-width: var(--gk-pdp-content-max);
    margin-inline: auto;
    align-items: start;
}

#sit .gk-pdp-sticky .sit_title_custom {
    font-size: var(--gk-pdp-title-size) !important;
    line-height: var(--gk-pdp-title-leading) !important;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

#sit .gk-pdp-sticky #sit_layout_left {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

#sit .gk-pdp-sticky #sit_layout_right {
    grid-column: 2;
    grid-row: 1 / span 2;
    position: sticky !important;
    top: var(--gk-pdp-sticky-top) !important;
    width: 100%;
    height: auto !important;
    min-width: 0;
    margin: 0 !important;
    align-self: start;
}

#sit .gk-pdp-sticky #gk-pdp-detail {
    grid-column: 1;
    grid-row: 2;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    container-type: inline-size;
    container-name: gk-pdp-detail;
    --gk-pdp-heading-size: clamp(32px, 6cqw, 76px);
}

#sit .gk-pdp-sticky .gk-pdp-slide {
    aspect-ratio: auto !important;
    height: auto !important;
}

#sit .gk-pdp-sticky .gk-pdp-main-img,
#sit .gk-pdp-sticky .gk-pd-body img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: scale-down !important;
    margin-inline: auto;
}

#sit .gk-pdp-sticky .gk-pd-body iframe {
    width: 100%;
    max-width: 100%;
}

#sit .gk-pdp-sticky .gk-pd-body table {
    width: 100% !important;
    max-width: 100%;
    table-layout: fixed;
}

#sit .gk-pdp-sticky .gk-pd-section h2 {
    font-size: var(--gk-pdp-heading-size) !important;
    line-height: 1.1 !important;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

#sit .gk-pdp-sticky .gk-pd-section {
    scroll-margin-top: var(--gk-pdp-anchor-offset, 72px);
}

#sit .gk-pdp-sticky .gk-pd-anchor {
    position: sticky;
    top: 24px;
    z-index: 3;
}

#sit .gk-pdp-sticky #quick_order_bar {
    display: none !important;
}

@container gk-pdp-detail (max-width: 700px) {
    #sit .gk-pdp-sticky .gk-pd-section {
        padding: 40px 24px !important;
    }

    #sit .gk-pdp-sticky .gk-pd-anchor {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        white-space: normal;
    }

    #sit .gk-pdp-sticky .gk-pd-anchor a {
        min-width: 0;
        width: 100%;
        padding: 12px 8px !important;
        text-align: center;
        word-break: keep-all;
    }

    #sit .gk-pdp-sticky .gk-pd-anchor a:last-child {
        grid-column: 1 / -1;
    }

    #sit .gk-pdp-sticky .gk-pd-callouts {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #sit .gk-pdp-sticky .gk-pd-fabric,
    #sit .gk-pdp-sticky .gk-pd-fit,
    #sit .gk-pdp-sticky .gk-pd-shipping,
    #sit .gk-pdp-sticky .gk-pd-user-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #sit .gk-pdp-sticky .gk-pd-care {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #sit .gk-pdp-sticky .gk-pd-care .ci:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1199px) {
    #sit .gk-pdp-sticky {
        --gk-pdp-title-size: 28px;
    }

    #sit .gk-pdp-sticky .gk-pdp-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #sit .gk-pdp-sticky #sit_layout_left,
    #sit .gk-pdp-sticky #sit_layout_right,
    #sit .gk-pdp-sticky #gk-pdp-detail {
        grid-column: 1;
        grid-row: auto;
    }

    #sit .gk-pdp-sticky #sit_layout_right {
        position: static !important;
        width: 100%;
        max-width: 100% !important;
        justify-self: stretch;
    }

    #sit .gk-pdp-sticky .gk-pd-anchor {
        position: relative;
        top: auto;
    }
}

@media (max-width: 767px) {
    #sit .gk-pdp-sticky {
        --gk-pdp-title-size: 24px;
    }
}