/* TAB PRODUCT FINAL VISUAL PASS */


/* ---------- MASTER RAIL ---------- */

body.single-product .tab-product-top,
body.single-product .tab-product-value-strip,
body.single-product .tab-about-book__inner,
body.single-product .related > h2,
body.single-product .related ul.products {
    width:min(92%,1760px)!important;
    max-width:1760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}


/* ---------- VERTICAL RHYTHM ---------- */

body.single-product .tab-product-top {
    padding-bottom:16px!important;
}

body.single-product .tab-product-value-strip {
    margin-top:12px!important;
    margin-bottom:24px!important;
}

body.single-product .tab-about-book {
    padding:32px 0!important;
}

body.single-product .related {
    padding-top:32px!important;
    padding-bottom:38px!important;
}


/* ---------- BENEFITS BAR ---------- */

body.single-product .tab-product-value-strip {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    min-height:0!important;
    overflow:hidden!important;
}

body.single-product .tab-product-value-item {
    position:relative!important;
    min-height:108px!important;
    padding:22px 26px!important;

    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:17px!important;

    align-items:center!important;
    text-align:left!important;
}

body.single-product .tab-product-value-item:not(:last-child)::after {
    content:""!important;
    position:absolute!important;
    top:24px!important;
    right:0!important;
    bottom:24px!important;
    width:1px!important;
    background:#dfe9ed!important;
}

body.single-product .tab-value-icon {
    width:54px!important;
    height:54px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:transparent!important;
    font-size:0!important;
    display:block!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:44px 44px!important;
}

/* Discount tag */
body.single-product .tab-product-value-item:nth-child(1) .tab-value-icon {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23178ba7' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22 22 5h16l5 5v16L26 43 5 22Z'/%3E%3Ccircle cx='31.5' cy='14.5' r='2.5'/%3E%3Cpath d='m17 31 14-14'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Ccircle cx='30' cy='31' r='2.5'/%3E%3C/svg%3E")!important;
}

/* Commission */
body.single-product .tab-product-value-item:nth-child(2) .tab-value-icon {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23178ba7' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='19'/%3E%3Cpath d='M29 16c-1.5-1.5-3.3-2-5.5-2-3.3 0-5.5 1.8-5.5 4.5 0 7 12 3 12 10 0 3-2.6 5-6.2 5-2.5 0-4.8-.8-6.3-2.5M24 10v28'/%3E%3C/svg%3E")!important;
}

/* Affiliate crown */
body.single-product .tab-product-value-item:nth-child(3) .tab-value-icon {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23178ba7' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 17 9 8 8-15 8 15 9-8-4 21H11L7 17Z'/%3E%3Cpath d='M12 38h24'/%3E%3Ccircle cx='7' cy='14' r='2'/%3E%3Ccircle cx='24' cy='7' r='2'/%3E%3Ccircle cx='41' cy='14' r='2'/%3E%3C/svg%3E")!important;
}

/* Wallet */
body.single-product .tab-product-value-item:nth-child(4) .tab-value-icon {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23178ba7' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 13h29a4 4 0 0 1 4 4v22H8a5 5 0 0 1-5-5V13h5Z'/%3E%3Cpath d='m8 13 24-7a4 4 0 0 1 5 4v3'/%3E%3Cpath d='M32 24h11v9H32a4.5 4.5 0 0 1 0-9Z'/%3E%3Ccircle cx='34' cy='28.5' r='1'/%3E%3C/svg%3E")!important;
}

body.single-product .tab-product-value-item p {
    margin:0!important;
    min-width:0!important;
    display:block!important;
}

body.single-product .tab-product-value-item strong {
    display:block!important;
    margin:0 0 7px!important;
    color:#102844!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.3!important;
}

body.single-product .tab-product-value-item small {
    display:block!important;
    margin:0!important;
    color:#6f8191!important;
    font-size:11px!important;
    line-height:1.5!important;
}


/* ---------- ABOUT ---------- */

body.single-product .tab-about-book__inner {
    gap:28px!important;
}

body.single-product .tab-about-book__content,
body.single-product .tab-about-book__details {
    box-sizing:border-box!important;
}

body.single-product .tab-about-book__description {
    font-size:14px!important;
    line-height:1.7!important;
}


/* ---------- RELATED ---------- */

body.single-product .related {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    background:#fff!important;
}

body.single-product .related > h2 {
    margin-top:0!important;
    margin-bottom:24px!important;
    text-align:center!important;
}

body.single-product .related ul.products {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:stretch!important;
}

body.single-product .related ul.products li.product {
    float:none!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding:0 0 18px!important;

    display:flex!important;
    flex-direction:column!important;

    overflow:hidden!important;

    border:1px solid #dfe9ed!important;
    border-radius:14px!important;
    background:#fff!important;

    box-shadow:0 7px 22px rgba(7,27,59,.045)!important;
}

/* Normalize whatever image wrapper XStore uses */
body.single-product .related li.product .product-content-image,
body.single-product .related li.product .content-product-image,
body.single-product .related li.product .product-image-wrapper,
body.single-product .related li.product .product-image {
    height:350px!important;
    min-height:350px!important;
    width:100%!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:14px!important;
    box-sizing:border-box!important;

    overflow:hidden!important;
    background:#f6f8f9!important;
}

body.single-product .related li.product .product-content-image a,
body.single-product .related li.product .content-product-image a,
body.single-product .related li.product .product-image-wrapper a {
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}

body.single-product .related li.product img {
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0 auto!important;

    object-fit:contain!important;
    object-position:center!important;
}

/* Remove inconsistent hover quick-view from recommendation cards */
body.single-product .related .quick-view,
body.single-product .related .footer-product,
body.single-product .related .show-quickly {
    display:none!important;
}

body.single-product .related li.product .product-details {
    flex:1!important;
    display:flex!important;
    flex-direction:column!important;
    padding:15px 17px 0!important;
    text-align:center!important;
}

body.single-product .related li.product .products-page-cats,
body.single-product .related li.product .product-categories {
    margin:0 0 6px!important;
    color:#87929b!important;
    font-size:10px!important;
    line-height:1.3!important;
}

body.single-product .related li.product .product-title,
body.single-product .related li.product h2,
body.single-product .related li.product h3 {
    min-height:39px!important;
    margin:0 0 8px!important;

    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;

    color:#102844!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.4!important;
    text-align:center!important;
}

body.single-product .related li.product .price {
    margin-top:auto!important;
    color:#168ca8!important;
    font-size:13px!important;
    font-weight:700!important;
}


/* ---------- TABLET ---------- */

@media(max-width:1199px){

    body.single-product .tab-product-value-strip,
    body.single-product .tab-about-book__inner,
    body.single-product .related > h2,
    body.single-product .related ul.products {
        width:calc(100% - 40px)!important;
    }

    body.single-product .tab-product-value-strip {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.single-product .related ul.products {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}


/* ---------- MOBILE ---------- */

@media(max-width:767px){

    body.single-product .tab-product-value-strip,
    body.single-product .tab-about-book__inner,
    body.single-product .related > h2,
    body.single-product .related ul.products {
        width:calc(100% - 28px)!important;
    }

    body.single-product .tab-product-value-strip {
        grid-template-columns:1fr!important;
    }

    body.single-product .tab-product-value-item {
        min-height:90px!important;
        grid-template-columns:48px minmax(0,1fr)!important;
        padding:17px 19px!important;
    }

    body.single-product .tab-value-icon {
        width:46px!important;
        height:46px!important;
        background-size:38px 38px!important;
    }

    body.single-product .related ul.products {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:14px!important;
    }

    body.single-product .related li.product .product-content-image,
    body.single-product .related li.product .content-product-image,
    body.single-product .related li.product .product-image-wrapper,
    body.single-product .related li.product .product-image {
        height:250px!important;
        min-height:250px!important;
    }
}