/** Shopify CDN: Minification failed

Line 2142:9 Cannot use type selector "-header" directly after nesting selector "&"
Line 2149:9 Cannot use type selector "-icon" directly after nesting selector "&"
Line 2162:9 Cannot use type selector "-title" directly after nesting selector "&"

**/
/* ==========================================================================
   1. Global Settings & Button
   ========================================================================== */

.yd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--yd-btn-border-color);
    color: var(--yd-btn-text-color);
    background: var(--yd-btn-bg-color);
    padding: var(--yd-btn-padding-y) var(--yd-btn-padding-x);
    border-radius: var(--yd-btn-radius);
    text-transform: var(--yd-btn-text-transform);
    letter-spacing: 1px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}
.button{
        gap: 3px;
}
.button--tertiary{
    padding: .9rem 2.6rem;
}

.yd-btn:hover {
    opacity: 0.85;
}

.button--primary {
    border-radius: var(--primary-button-radius);
    border: 1px solid rgb(var(--primary_button_border_color));
}

.button--secondary {
    border-radius: var(--secondary-button-radius);
    border: 1px solid rgb(var(--secondary_button_border_color));
}

/* ==========================================================================
   1. Global Settings & Fonts
   ========================================================================== */

/* Font Family Definitions */
@font-face {
    font-family: 'Good Times';
    src: url('https://cdn.shopify.com/s/files/1/0846/9125/5582/files/good-times-men.ttf?v=1743653325') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jedira';
    src: url('https://cdn.shopify.com/s/files/1/0846/9125/5582/files/jedira-italic-women.ttf?v=1743653326') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Milkyway DEMO';
    src: url('https://cdn.shopify.com/s/files/1/0846/9125/5582/files/milkyway-demo-kids.ttf?v=1743653325') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.template-page-men h2 {
    font-family: var(--yd-font-desktop), sans-serif !important;
}

@media (max-width: 768px) {
    .template-page-men h2 {
        font-family: var(--yd-font-mobile), sans-serif !important;
    }
}

/* ------------------------------------------------------------------ */
#___ratingbadge_0 {
    opacity: 0;
}

.yd-section-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/* .card-wrapper .media>img {
    object-fit: contain !important;
} */

.product-markers .content .product-markers__markers .product-markers__item .media>img {
    object-fit: contain !important;
}

@media screen and (min-width: 1200px) {

    .header--left-logo .header__heading+.header__inline-menu,
    .header--left-logo .header__heading-link+.header__inline-menu {
        margin-left: 20% !important;
    }
}

@media screen and (max-width: 1199px) {

    .header--left-logo .header__left .header__heading-link {
        margin: auto;
    }
}

.yd-map-wrapper {
    border-radius: 16px;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.yd-map-wrapper iframe {
    width: 100%;
    height: 600px;
    border-radius: 16px;
}

@media screen and (min-width: 576px) {
    .template-index .shopify-section [class^="section-template"] {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .template-index .section-slideshow.shopify-section [class^="section-template"] {
        padding-top: inherit;
        padding-bottom: inherit;
    }

    #shopify-section-sections--24298875027745__header .shopify-section-group-header-group .header--left-logo {
        /* display:contents !important; */
        background-color: red !important;
    }
}

@media screen and (max-width: 1200px) {
    .header .header__left {
        justify-content: stretch;
    }
}

/* -----------common------------ */

.d-flex {
    display: flex;
}

.img-padding {
    padding: 0px;
}

.w-30 {
    width: 30%;
}

.w-50 {
    width: 50%;
}

.w-70 {
    width: 70%;
}

.w-100 {
    width: 100%;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.align-items-center {
    align-items: center;
}

.white-color {
    color: white;
}

.padding-top {
    padding-top: 40px;
}

.richtext-content p {
    margin-bottom: 8px;
    font-size: 16px;
    color: #6c6c74;
    line-height: 1.4;
    /* display: flex;
  gap: 20px; */
}

.richtext-content h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 15px;
    margin-bottom: 8px;
    line-height: 1.4;
}

.image-with-text-content_1 {
    padding-left: 15px;
}

.richtext-content {
    line-height: 1.4;
    margin-bottom: 8px;
}

.img-border {
    border-radius: 50%;
    background-color: white;
    padding: 20px;
}

.steps__content-mobile {
    display: none !important;
}

/* yd-featured-brand */

@media (min-width: 1200px) {
    .template-page-corporate-gifting-blr .multicolumn-grid__wrapper--5 .multicolumn-card {
        width: calc((100% - 4 * var(--column_gap)) / 5);
        min-width: calc((100% - 4 * var(--column_gap)) / 5);
    }
}

@media (min-width: 1200px) {
    .template-page-corporate-gifting-blr .multicolumn-grid__wrapper--6 .multicolumn-card {
        width: calc((100% - 5 * var(--column_gap)) / 6);
        min-width: calc((100% - 5 * var(--column_gap)) / 6);
    }
}

/* yd-corporate-statistic */
.yd-corporate-statistic .image-with-text-content__text_1 .short-desc p {
    gap: 0 !important;
    margin-bottom: 20px;
}

.yd-corporate-statistic .image-with-text-content__text_1 .short-desc h4 {
    margin-top: -3px;
}

.yd-corporate-statistic .image-with-text-content__text_1 .short-desc h4 strong {
    font-size: 22px;
    font-weight: 500;
}

.yd-corporate-statistic .svg-wrapper {
    /* margin-top: 25px; */
    padding-right: 15px;
}

.yd-corporate-statistic .icon_with_text {
    /* padding-top: 4px;
  padding-bottom: 6px;
  padding-left: 8px;*/
    border-radius: 80px;
    margin-top: 30px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 576px) {

    .yd-corporate-statistic .w-30,
    .w-70 {
        width: 100%;
    }

    .yd-corporate-statistic .image-with-text-content__text_2 {
        padding: 0px;
        margin-left: 0px;
    }

    .yd-corporate-statistic .flex-wrap {
        flex-wrap: wrap;
    }

    .yd-corporate-statistic .number {
        text-align: center;
        margin-bottom: 20px;
    }

    .yd-corporate-statistic h3 {
        margin-top: 0;
        font-size: 48px;
        font-weight: 400;
    }

    .yd-corporate-statistic .content {
        font-size: 20px;
    }

    .yd-corporate-statistic .icon_with_text {
        padding-left: 0px;
    }

    .template-page-store-bangalore .content-card,
    .template-page-store-trivandrum .content-card,
    .template-page-store-marthandam .content-card {
        height: 200px !important;
    }

    .yd-blr-about {
        .image-with-text-content__text_2 {
            margin-left: 10px !important;
            padding: 5px 12px 5px 0 !important;
        }
    }

    .template-product {
        .multicolumn {
            .multicolumn-grid__wrapper {
                display: grid;
                grid-template-columns: 1fr 1fr;

                .multicolumn-card__inner-top {
                    padding: 1.6rem !important;
                }
            }


        }
    }
}

/* --------------------------------------------------- */
/* yd-blr-about */
.yd-blr-about {
    .icon_with_text {
        color: #6e6e6e;
        border-radius: 80px;
        padding: 4px 8px 6px 8px;
        margin-top: 30px;
        margin-bottom: 30px;
        font-weight: 600;
    }

    .icon_with_text p em {
        color: #6e6e6e;
    }

    .image-with-text-content__text_2 {
        padding: 5px;
        margin-left: 20px;
    }
}

.template-page-corporate-gifting-blr {
    .size--h2 {
        max-width: 100% !important;
        font-weight: 300;
    }

    .breadcrumb {
        display: none;
    }
}

/* home page */

.testimonials-slider-slide__text.h3 {
    font-weight: 300;
    font-size: calc(var(--font-heading-h3-scale) * 2rem);
}

@media screen and (max-width: 567px) {
    .testimonials .testimonials-slider-wrapper .testimonials-slider-slide__text {
        font-size: 18px !important;
    }
}

/* yd-first-choice */
.yd-first-choice .multicolumn-grid .multicolumn-card .multicolumn-card__heading span {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
}


/* footer */

.footer {
    background: rgb(38, 45, 51) !important;

    .container {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .footer-main {
        padding-bottom: 5.6rem;
        border-radius: 0 !important;

        .store-info-footer {
            .store-info {
                margin-bottom: 13px;

                img {
                    margin-right: 8px;
                }
            }
        }
    }

    .footer-bottom {
        padding: 2rem !important;

        .footer-bottom-container {
            display: inline-block;

            .footer-bottom-container__main {
                justify-content: space-between;

                .footer-policies {
                    .footer-policies__item:last-child {
                        display: none !important;
                    }
                }
            }
        }
    }
}

/* yoode policies */

.shopify-policy__container {
    .shopify-policy__body {
        margin: 40px auto !important;
        max-width: 80%;

        .rte>* {
            max-width: 100% !important;
        }

        .alt-font {
            font-size: 20px;
            font-weight: 600;
        }
    }
}

/* product page start */
@media (min-width: 990px) {
    .product__outer .product__info-container {
        max-width: 100% !important;
    }
}

@media (min-width: 750px) {
    .product__info-container> :not(.product-tags, .product__description-wrapper, .product-countdown, product-additional-service) {
        margin-top: 1rem !important;
        max-width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .product__info-container> :not(.product-tags, .product__description-wrapper, .product-countdown, product-additional-service) {
        margin-top: 1rem !important;
    }
}

.product__info-container> :not(.product-tags, .product__description-wrapper, .product-countdown, product-additional-service) {
    margin: 1rem 0 0 !important;
}

.product__info-container {

    .breadcrumb {
        font-size: 9px !important;
    }

    .jdgm-widget {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }

    .product__title.h2 {
        font-size: calc(var(--font-heading-h2-scale)* 2rem);
    }

    .product-parameters {
        margin-top: 1.5rem;

        .product-form__controls {
            .product-form__controls-group {
                gap: 0.7rem;
            }
        }

    }

    .product__buy-buttons {
        .product-form__buttons-row {
            gap: 1.2rem;
        }
    }

    .product-review-wrapper {
        margin-top: 1rem;

        .jdgm-prev-badge__stars {
            color: #f5c60a;
        }
    }

    .product-popup {
        margin-top: 1.5rem;
    }

    .yd-personalization-message-container {
        box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
        margin-top: 1rem;
        display: flex;
        background-color: #d4edda;
        padding: 20px;
        gap: 15px;
        align-items: center;
        justify-content:space-between;

        width: 100%;
        .yd-personalization-message-left{
            display: flex;
            align-items: center;
        gap: 15px;



        }

        .content-wrapper {
            padding-right: 10px;

            .title {
                font-weight: 600;
                /* margin-bottom: 2px; */
            }

            .description {
                font-size: 13px;
                margin-bottom: 0;
            }
        }

        .product-whatsapp-btn {
            background-color: #25D366;
            padding: 8px;
            border-radius: 50%;
            transition: transform 0.3s, box-shadow 0.3s;
            box-shadow: 0 4px 10px rgba(37, 211, 102, 0.3);
            overflow: hidden;
            transform: scale(1);
            animation: pulse 2s infinite;

            img {
                width: 30px;
                max-width: 100%;
                height: auto;
            }
        }

        .product-whatsapp-btn:hover {
            /* transform: translateY(-3px); */
            box-shadow: 0 6px 15px rgba(37, 211, 102, 0.4);
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(255, 60, 0, 0.7);
            }

            70% {
                transform: scale(1.1);
                box-shadow: 0 0 0 10px rgba(255, 60, 0, 0);
            }

            100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(255, 60, 0, 0);
            }
        }


    }
}

.quick-add-modal__content-info .yd-personalization-message-container {
    display: none !important;
}

/* Technical info */
.template-product {
    .product__title__wrapper {
        display: unset;

        .tr-review-stars {
            padding-left: 0;
            padding-bottom: 0;
        }


    }

    .content-tabs {
        .product-markers__title {
            max-width: 100%;
        }


    }

    .shopify-section:has(.trustify-review-box) {
        background-color: #f2f1ef;
        padding: 34px 0;

        .tr-review-box__brandmark {
            display: none;
        }

        .tr-review-box__title {
            font-size: 40px;
            margin: 0 0 20px 0;
            font-family: var(--font-heading-family);
            font-style: var(--font-heading-style);
            font-weight: var(--font-heading-weight);
            letter-spacing: var(--font-heading-letter-spacing);
            color: rgb(var(--color-foreground));
            line-height: var(--font-heading-line-height);
            text-transform: var(--font-heading-text-transform);
        }

        .tr-review-box__list {
            min-height: initial;
        }

        .tr-review-stars--link {
            margin-top: 10px !important;
        }

    }
}

/* =========================================
   Size Chart - Responsive Update (Flexbox)
   ========================================= */
#PopupModal-popup_ETNcnb {
    margin-top: 0;

    .product-popup-modal__content {
        max-width: 120rem;
    }

    .rte {

        /* General table reset for popup */
        table {
            max-width: 100%;

            td,
            th {
                min-width: initial;
            }
        }

        div {
            margin: 0 !important;

            ul {
                max-width: 100%;
            }
        }

        h4 {
            margin: 0 0 15px 0;
        }

        ul {
            list-style: none !important;
            margin: 0 !important;

            li {
                margin-left: 0;

                &:before {
                    content: unset;
                }
            }
        }
    }

    /* --- RESPONSIVE CHART LOGIC STARTS HERE --- */
    .yd-size-chart-wrapper {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

        /* Ensures content stacks properly */
        .modal-content {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        /* FLEX Container: Table + Image */
        /* Stacks vertical on mobile, side-by-side on desktop */
        .size-chart-container {
            display: flex;
            flex-wrap: wrap;
            /* Allows wrapping when screen is small */
            justify-content: space-between;
            align-items: flex-start;
            gap: 30px;
            margin-bottom: 30px;

            /* Mobile Stack Logic (< 991px) */
            @media screen and (max-width: 991px) {
                flex-direction: column;
                align-items: center;
            }
        }

        /* Table Wrapper: Handles the horizontal scroll */
        .size-chart-table {
            flex: 1 1 600px;
            /* Takes up space, but allows wrapping if < 600px */
            width: 100%;
            overflow-x: auto;
            /* CRITICAL: Enables horizontal scroll */
            -webkit-overflow-scrolling: touch;

            @media screen and (max-width: 991px) {
                flex: 1 1 auto;
            }

            h6 {
                margin: 0 0 20px 0;
                font-size: 20px;
                font-weight: 500;
            }
        }

        /* Image Wrapper */
        .size-chart-img {
            flex: 0 0 auto;
            width: 300px;
            max-width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            @media screen and (max-width: 991px) {
                width: 100%;
                margin-top: 10px;
            }

            img {
                max-width: 100%;
                height: auto;
                display: block;

                @media screen and (max-width: 991px) {
                    max-width: 250px;
                    /* Prevents image from being too huge on mobile */
                }
            }
        }

        /* The Actual Table Styling */
        table {
            width: 100%;
            min-width: 650px;
            /* CRITICAL: Forces scroll on mobile. Adjust if needed. */
            border-collapse: separate;
            border-spacing: 0;
            border-radius: 8px;
            overflow: hidden;

            th {
                background-color: #f0f5ff;
                text-align: center;
                padding: 15px;
                font-weight: 600;
                white-space: nowrap;
                /* Keeps headers on one line */
                border-bottom: 1px solid #eee;
            }

            td {
                padding: 12px 15px;
                text-align: center;
                border-bottom: 1px solid #eee;

                .size-indicator {
                    font-weight: bold;
                    color: #333;
                }
            }

            tr:last-child td {
                border-bottom: none;
            }

            tr:nth-child(even) {
                background-color: #f9fafc;
            }
        }

        /* How to Measure Section */
        .measurement-section {
            background-color: #f9fafc;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            flex: 1;
            width: 100%;

            .measurement-title {
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 15px;
                padding-bottom: 10px;
                border-bottom: 2px solid #e6e9f0;
            }

            ul {
                list-style-type: none;
                padding-left: 10px;
            }

            li {
                margin-bottom: 12px;
                line-height: 1.5;
                display: flex;
                flex-direction: column;
                /* Stack label and text on all devices */
                align-items: flex-start;

                &:last-child {
                    margin-bottom: 0;
                }

                strong {
                    display: inline-block;
                    margin-right: 5px;
                    margin-bottom: 3px;
                }
            }
        }
    }
}

/* Ensure Popup Padding is correct on small screens */
@media (max-width: 500px) {
    #PopupModal-popup_ETNcnb .product-popup-modal__content {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* =========================================
   End Size Chart Update
   ========================================= */


@media (max-width: 575px) {
    .yd-faq-collapsible {
        display: flex;
        flex-direction: column;

        .faq-collapsible-content {
            width: 100% !important;
        }
    }
}

/* custom t-shirt page */
.template-collection-custom-t-shirt-printing {
    .media-banner.background {
        background: unset;
    }

    .rich-text {
        .rich-text__heading {
            font-size: clamp(28px, 5vw, 48px);
        }
    }

    .popular-products {
        .popular-products__top {
            .popular-products__title {
                font-size: clamp(28px, 5vw, 48px);
            }
        }
    }
}

/* blog page */

.article-card-image-wrapper--square {
    aspect-ratio: unset !important;
}

@media screen and (min-width: 672px) {
    .article-template-block {
        h6 {
            font-size: 20px;
            font-weight: 500;
            /* margin-top:20px; */
        }

        .rte>* {
            max-width: 1000px;
        }

        .rte {
            ul {
                margin-bottom: 0;
            }
        }
    }

    .article-template-footer .article-template-footer-wrapper {
        max-width: 1000px;
    }
}

/* About page */
.template-page-about-us {
    .steps {
        .steps__content {
            .steps__content-inner {
                .steps__content-text {
                    display: flex;

                    .steps__content-description.rte,
                    .steps__content-heading {
                        max-width: 100%;
                    }

                    .steps__content-description.rte p {
                        margin-left: 0;
                        margin-right: 0;
                    }

                    .rte>* {
                        max-width: 100%;
                    }
                }
            }
        }
    }
}

/* YD steps */
.yd-steps {
    .steps {
        .custom_h2 {
            font-size: calc(var(--font-heading-h2-scale)* 3.2rem);
            max-width: 100%;
        }
    }

    .steps__wrapper {
        justify-content: start;

        .steps__contents {
            width: 100%;

            .steps__content {

                .popular-products {
                    &.product-bottom {
                        padding: 0 0 10px 0;

                        .popular-products__top {
                            padding: 0;
                            /* justify-content:end; */

                        }

                        .popular-products__wrapper {
                            padding: 0px;
                            margin-top: 2rem;

                            @media screen and (max-width: 576px) {
                                .popular-products__layout {
                                    .popular-products__column {
                                        grid-template-columns: 1fr 1fr;
                                        --row_gap: 1.8rem;
                                        --column_gap: 1rem;

                                        .collection-product-card {
                                            width: calc(100% - 8px);
                                        }
                                    }
                                }

                            }
                        }
                    }

                    .steps__content-inner {
                        align-items: center;
                        justify-content: space-between;
                    }
                }
            }

        }

    }
}

/* yoode product details */
.yd-product-details {
    .content-tabs__content {
        padding-top: 2rem;
        row-gap: 1.6rem;

        .specification-block {
            .list-wrapper {
                display: flex;
                gap: 50px;
            }

            ul {
                list-style: square;
                margin-block-start: 1em;
                margin-block-end: 1em;
                padding-inline-start: 40px;

                li {
                    margin-bottom: 10px;
                }
            }

            .description {
                max-width: 100%;
                margin-bottom: 3rem;
            }
        }

        .feature-block {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            margin-bottom: 15px;
        }

        .content-tabs__content-text {
            max-width: 100% !important;
            white-space: initial;
        }
    }



    /* Intro paragraph */
    .yd-cg-intro {
        margin-bottom: 0.8rem;
    }

    /* ---- Sub-tabs (DTG / Coloreel & Embroidery / DTF / Screen) ---- */
    .yd-cg-specs {
        margin-top: 1.6rem;
    }

    .yd-cg-specs__desc {
        margin: 1.6rem 0 0.8rem;
    }

    .yd-cg-specs__subtitle {
        font-style: italic;
        margin-bottom: 1rem;
    }

    .yd-cg-specs__text {
        margin-bottom: 1rem;
    }

    .yd-cg-specs__label {
        font-weight: 600;
        margin-bottom: 0.4rem;
    }

    .yd-cg-specs__label+.yd-cg-specs__list {
        margin-top: 0.4rem;
    }

    .yd-cg-specs__cta {
        font-weight: 600;
    }

    .yd-cg-intro__link {
        color: #f65e21;
        font-weight: 600;
        text-decoration: none;
    }

    .yd-cg-specs__list {
        display: flex;
        gap: 30px;
        list-style: disc;
        padding-left: 2rem;
        margin: 0.4rem 0 0.8rem;
        font-size: 1.4rem;
        color: rgb(var(--color-foreground-secondary));
    }

    .yd-cg-specs__list li {
        margin-bottom: 0.3rem;
    }

    .yd-cg-specs__tabs {
        display: flex;
        gap: 0.8rem;
        flex-wrap: wrap;
    }

    .yd-cg-specs__tab {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.8rem 2rem;
        font-size: 1.3rem;
        font-weight: 500;
        font-family: inherit;
        line-height: 1.4;
        color: rgb(var(--color-foreground));
        background-color: transparent;
        border: 1px solid rgb(var(--color-border));
        /* border-radius: 30px; */
        cursor: pointer;
        transition: all 0.25s ease;
    }

    .yd-cg-specs__tab--active {
        background-color: rgb(var(--color-foreground));
        color: rgb(var(--color-background));
        border-color: rgb(var(--color-foreground));
        font-weight: 600;
        cursor: default;
    }

    .yd-cg-specs__tab:hover:not(.yd-cg-specs__tab--active) {
        background-color: rgb(var(--color-background-secondary));
        border-color: rgb(var(--color-foreground-secondary));
    }

    /* Panels */
    .yd-cg-specs__panel {
        display: none;
    }

    .yd-cg-specs__panel--active {
        display: block;
    }

    /* Table wrapper */
    .yd-cg-specs__table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: 2rem;
    }

    /* Spec table */
    .yd-cg-specs__table {
        width: 100%;
        border-collapse: collapse;
        font-size: 1.4rem;

        th,
        td {
            padding: 1.2rem 1.6rem;
            text-align: center;
            border-bottom: 1px solid rgb(var(--color-border));
        }

        th {
            background-color: rgb(var(--color-background-secondary));
            font-weight: 600;
            white-space: nowrap;
            color: rgb(var(--color-foreground));
        }

        td {
            color: rgb(var(--color-foreground-secondary));

            em {
                font-style: italic;
                font-weight: 500;
            }

            a {
                color: rgb(var(--color-foreground-secondary));
                text-decoration: underline;
                text-underline-offset: 3px;

                &:hover {
                    color: rgb(var(--color-foreground));
                }
            }
        }

        tbody tr:last-child td {
            border-bottom: none;
        }

        tbody tr:hover {
            background-color: rgb(var(--color-background-secondary));
        }
    }

    /* ---- Responsive table: card layout on mobile ---- */
    @media screen and (max-width: 749px) {
        .yd-cg-specs__table {
            thead {
                display: none;
            }

            tbody tr {
                display: block;
                padding: 1.2rem 0;
                border-bottom: 1px solid rgb(var(--color-border));

                &:last-child {
                    border-bottom: none;
                }
            }

            tbody td {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0.6rem 0;
                text-align: right;
                border-bottom: none;

                &::before {
                    content: attr(data-label);
                    font-weight: 600;
                    text-align: left;
                    margin-right: 1rem;
                    color: rgb(var(--color-foreground));
                    flex-shrink: 0;
                }
            }
        }
    }

}

.yd-product-details.aop {
    .customization {
        grid-template-columns: 1fr 1fr 1fr;
    }

    @media screen and (max-width: 576px) {
        .customization {
            grid-template-columns: 1fr;
        }
    }
}

@media screen and (min-width: 990px) {

    .content-tabs__content--3-column .content-tabs__content-block,
    .content-tabs__content--4-column .content-tabs__content-block {
        max-width: 100% !important;
    }
}

/* yd customization step */
.yd-customization-step {
    .customization-content:not(:last-child) {
        margin-bottom: 30px;

    }

    .title-section {
        .title {
            margin-bottom: 3.6rem;
            text-align: center;

        }

        .description {
            max-width: 40%;
            color: rgb(128, 128, 128);
        }
    }

    @media (max-width: 992px) {
        .title-section {
            flex-direction: column;

            .title {
                max-width: 68%;
                margin-bottom: 20px;
            }

            .description {
                max-width: 100%;
            }
        }
    }

    @media (max-width: 768px) {
        .title-section {
            .title {
                max-width: 100%;
            }
        }
    }
}

@media (max-width: 576px) {
    .yd-customization-step .customization-content .image-with-text-content h2.image-with-text-content__heading.h3 {
        font-size: 24px;
    }

    .jdgm-widget {
        .jdgm-rev-widg__header {
            padding: 30px 20px 20px 20px !important;
        }

        .jdgm-form {
            padding: 0;
        }
    }
}

@media screen and (min-width: 750px) {
    .yd-customization-step {
        .customization-content {
            width: 100%;
            gap: 30px;
            display: grid;
        }
    }
}

/* judgeme review app */
.review-star {
    display: flex;
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 12px;
    background: white;
    padding: 5px 8px;
    gap: 6px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

    span {
        font-size: 14px;
        font-weight: 500;
    }
}

.jdgm-widget {
    --jdgm-reviewer-name-color: #000000;
    --jdgm-primary-color: #000;

    .jdgm-rev-widg {
        padding: 0;

        .jdgm-rev-widg__reviews {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 20px;
        }
    }

    .jdgm-rev-widg__header {
        background-color: #ecf0f3;
        padding: 40px;
        border-radius: 1rem;

        .jdgm-rev-widg__title {
            font-size: calc(var(--font-heading-h3-scale)* 3rem);
            /* margin-bottom: 5.6rem !important; */
        }

        .jdgm-widget-actions-wrapper {
            .jdgm-write-rev-link {
                color: rgb(var(--color-button-text));
                transition: color .45s cubic-bezier(.165, .84, .44, 1);
                background-color: rgb(var(--color-button));
                padding: .9rem 2.6rem;
                border-radius: var(--border-radius-button);
                border: unset;

                &:hover {
                    background-color: rgb(var(--color-button));

                }
            }
        }
    }

    .jdgm-form {

        /* padding: 0 65px; */
        .jdgm-form__fieldset p {
            display: none !important;
        }
    }
}

@media (min-width:576px) {
    .jdgm-widget .jdgm-rev-widg {
        .jdgm-rev-widg__reviews {
            grid-template-columns: repeat(3, fr) !important;
        }
    }
}

/* Blog image margin removed */
.article-template .article-template-blocks .article-template-content .container .rte p img {
    margin: 0;
}

@media (max-width:500px) {

    .products-grid,
    .yd-steps {
        .review-star {
            padding: 2px 3px;
            gap: 3px;
            top: 11px;
            right: 6px;
        }
    }
}

/* Product order badges */
.yd-product-order-badges {
    display: flex;
    align-items: center;
    margin-top: 12px !important;
    background-color: #f0f0f0;
    width:100%;
    height:100%;
}

.yd-product-order-badges .tags {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 15px 20px;
    width:25%;
    min-height: 105px;
    justify-content: center;
}
.yd-product-order-badges .tags img {
    height: 60px;
    border-radius: 50%;
    border: 1px solid #f65e21;
}
@media (max-width: 568px) {
  .yd-product-order-badges .tags img {
      height: 50px;

  }
}
.yd-product-order-badges .tags .rating {
    display: flex;
    align-items: center;
    justify-content:center;
    gap:3px;
   
}

.yd-product-order-badges .tags .star-rating{
    width:45px;
    height:12px;
}

.yd-product-order-badges .tags:not(:last-child) {
    border-right: 1px solid lightgray;
}

.yd-product-order-badges .tags p {
    text-align: center;
    font-size: 12px !important;
    font-weight: 400;

}
.yd-product-order-badges .tags .yd-one-star {
    margin-bottom:2px;

}

/* YD FAQ Two Column */
.yd-faq-collapsible {
    display: flex;
    gap: 25px;
    justify-content: center;

    .faq-collapsible-content {
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
        width: 50%;
    }
}



/* --- YD Collection Media Banner --- */
.yd-coll-media-banner {
    position: relative;
    overflow: hidden;

    .banner__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .banner__content {
        padding: 80px;
        /* Default padding */
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        /* Add justify-content and align-items if specific alignment is needed */
        /* e.g., justify-content: center; align-items: center; */

        .banner__content-container {
            display: flex;
            flex-direction: column;
            align-items: start;
            /* Default alignment */
            text-align: center;
            /* Text alignment within container */
            /* Add margin: auto; for centering if needed */
        }
    }

    .banner__heading {
        /* Font size handled by page templates or specific overrides */
        /* font-size: clamp(28px, 4vw, 48px); */
        /* font-weight: 400; */
        margin-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .banner__overlay {
        /* Optional overlay */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background-color: rgba(0,0,0,0.3); */
        /* Example overlay */
    }

    /* Responsive adjustments */
    @media screen and (max-width: 768px) {
        .banner__content-container {
            max-width: 90%;
            /* Limit width on medium screens */
            margin-left: auto;
            /* Center if needed */
            margin-right: auto;
            /* Center if needed */
            align-items: center;
            /* Center items if needed */
        }
    }

    @media screen and (max-width: 576px) {
        .banner__content {
            /* Center content on small screens */
            justify-content: center !important;
            align-items: center !important;
            padding: 40px 20px !important;
            /* Adjust padding */
        }
    }

    .banner__button,
    .btn {
        display: inline-block;
        padding: 18px 28px;
        border: 1px solid;
        background-color: transparent;
        text-transform: uppercase;
        font-size: 14px;
        text-decoration: none;
        letter-spacing: 1px;
        transition: all .3s ease;
        color: inherit;
        cursor: pointer;
    }
}

@media (prefers-color-scheme: dark) {
    .popup .popup-outer {
        background: initial;
    }
}

/* =========================================
   YD LOOKBOOK SPLIT SECTION (REFACTORED)
   ========================================= */

.yd-lookbook-split {
    display: flex;
    width: 100%;
    height: var(--lb-height-desktop);
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    flex-direction: row;
}

/* --- SWAP LOGIC --- */
.yd-lookbook-split.yd-lb-swap-desktop {
    flex-direction: row-reverse;
}

/* --- COLUMNS --- */
.yd-lookbook-split .yd-lb-col {
    width: 50%;
    position: relative;
    overflow: hidden;
    display: flex;
}

.yd-lookbook-split .yd-lb-image-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

/* --- IMAGES (Native Image Tag Support) --- */
.yd-lookbook-split .yd-lb-img,
.yd-lookbook-split .yd-lb-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* --- LEFT COLUMN TEXT OVERLAY --- */
.yd-lookbook-split .yd-lb-text-container {
    position: absolute;
    bottom: var(--lb-text-v-offset);
    left: 0;
    width: 100%;
    z-index: 2;
    pointer-events: none;
    text-align: center;
    display: flex;
    justify-content: center;
}

.yd-lookbook-split .yd-lb-text-overlay {
    font-family: var(--lb-font-family);
    font-weight: var(--lb-font-weight);
    font-style: var(--lb-font-style);
    font-size: calc(6.5vw * var(--lb-text-scale));
    line-height: 1;
    color: var(--lb-text-color);
    opacity: var(--lb-text-opacity);
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: -0.02em;
}

/* --- RIGHT COLUMN & FRAME --- */
.yd-lookbook-split .yd-lb-col-right {
    background-color: var(--lb-right-bg);
    padding: var(--lb-frame-border);
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

.yd-lookbook-split .yd-lb-right-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* --- BUTTON POSITIONING --- */
/* We wrap the theme button to position it absolutely within the split frame */
.yd-lookbook-split .yd-lb-btn-wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--lb-btn-offset);
    z-index: 10;
    width: max-content;
}

/* Override standard button margins if necessary to ensure exact positioning */
.yd-lookbook-split .yd-lb-btn-wrapper .button {
    margin: 0;
}

/* --- AUTO HEIGHT OVERRIDES --- */
.yd-lookbook-split.yd-lb-auto-height {
    height: auto;
    align-items: stretch;
}

.yd-lookbook-split.yd-lb-auto-height .yd-lb-col,
.yd-lookbook-split.yd-lb-auto-height .yd-lb-right-inner {
    height: auto !important;
}

.yd-lookbook-split.yd-lb-auto-height .yd-lb-img {
    height: auto;
    position: static;
}

/* --- RESPONSIVE / MOBILE STYLES (Breakpoint: 750px) --- */
@media screen and (max-width: 750px) {
    .yd-lookbook-split {
        flex-direction: column !important;
        height: auto;
    }

    .yd-lookbook-split .yd-lb-col {
        width: 100%;
        /* Use Mobile Height Variable */
        height: var(--lb-height-mobile);
    }

    .yd-lookbook-split.yd-lb-auto-height .yd-lb-col {
        height: auto;
    }

    .yd-lookbook-split .yd-lb-col-right {
        padding: 30px !important;
    }

    .yd-lookbook-split .yd-lb-btn-wrapper {
        bottom: var(--lb-btn-offset-mobile);
    }

    /* Scale text down for mobile */
    .yd-lookbook-split .yd-lb-text-overlay {
        font-size: calc(14vw * var(--lb-text-scale));
    }
}

/* =========================================
   YD COLLECTION HERO BANNER
   ========================================= */

.yd-hero-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 400px;
}

.yd-hero-image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.yd-hero-img,
.yd-hero-placeholder {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    min-height: 400px;
    /* Ensures height if image is small */
}

.yd-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: var(--yd-overlay-opacity);
    pointer-events: none;
}

/* --- Absolute Content Card --- */
.yd-hero-content-card {
    position: absolute;
    top: var(--yd-top-desktop);
    left: 0;
    width: 100%;
    padding: 0 var(--yd-content-padding);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    z-index: 2;
    pointer-events: none;
    /* Let clicks pass through empty space */
}

/* --- Typography Overrides --- */
/* We inherit font-family/size from base.css classes (.h1, .description), 
   only overriding color and transform here */

.yd-hero-title {
    margin: 0 0 16px 0;
    color: var(--yd-text-color);
    text-transform: var(--yd-text-transform);
    order: var(--yd-heading-order);
    width: 100%;
    text-align: inherit;
    /* Inherit align from parent for correct text alignment */
}

.yd-hero-details {
    display: flex;
    flex-direction: column;
    align-items: var(--yd-text-align);
    order: 1;
    /* Default order if heading is 0 */
    width: 100%;
}

.yd-hero-desc {
    color: var(--yd-text-color);
    margin-top: 0;
    margin-bottom: 24px;
    max-width: 600px;
    /* Prevent text from spanning full width unreadably */
}

/* --- Button Overrides --- */
/* We use the base .button class, but override colors via vars */
.yd-hero-btn.button {
    background-color: transparent;
    color: var(--yd-btn-text);
    border: 1px solid var(--yd-btn-border);
    min-height: 4.4rem;
    /* Match base.css min-height */
}

.yd-hero-btn.button:hover {
    background-color: var(--yd-btn-border);
    border-color: var(--yd-btn-border);
    /* Calculate contrast color or assume black/white based on theme, 
     or add a setting for hover text color if strict control is needed */
    color: #000;
    opacity: 0.9;
}

/* --- Mobile Responsiveness --- */
@media screen and (max-width: 768px) {
    .yd-hero-content-card {
        top: var(--yd-top-mobile);
        transform: translateY(-50%);
    }

    .yd-hero-banner {
        min-height: 300px;
    }

    .yd-hero-img,
    .yd-hero-placeholder {
        min-height: 300px;
    }
}

/*yd-collection-banner-one  YD Collection Banner One*/
.yd-collection-card-elite {
    position: relative;
    width: 100%;

    .card {
        display: flex;
        position: absolute;
        height: 100%;
        width: 100%;
        justify-content: space-between;
        /* padding: 36px; */
    }

    .content {
        position: relative;
        /* transform: translate(-50%, -50%); */

        .item {

            display: flex;
            justify-content: center;
            align-items: start;
            flex-direction: column;

            .description {
                margin-bottom: 0;
                padding-bottom: 20px;
                font-size: 18px;
                line-height: 24px;
            }
        }

    }

    .heading {
        position: relative;
        text-align: center;
        align-items: end;


    }

    @media (max-width: 768px) {
        .card {
            flex-direction: column;
            padding: 0;
            gap: 8px;

            .heading {
                order: 0;
                justify-content: center;

            }
        }

        .content {
            display: flex;
            justify-content: center;
            flex-direction: column;
            width: 100%;

            .item {
                align-items: center;

                .description {
                    display: none;
                    padding: 0;
                }
            }
        }

        .heading {
            display: flex;
            width: 100%;
            height: 100%;

        }


    }


}


/*yd-collection-banner-three YD Coll Banner Three */

.yd-collection-banner-three {
    .service-box {
        position: relative;

        .opacity {
            position: relative;
        }

        .opacity::after {
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: black;
        }

        .position {
            z-index: 2;
        }

        .content {
            position: absolute;
            text-align: center;
            width: 100%;
            height: 100%;
            display: flex;

            .title {
                margin-bottom: 10px;
            }

            @media screen and (max-width: 864px) {
                .title {
                    font-size: 30px;
                }
            }

            @media screen and (max-width: 577px) {
                .title {
                    font-size: 50px;
                }
            }

        }
    }

    @media (min-width: 576px) {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.yd-title-size {

    .title,
    .banner__heading {
        font-size: 72px;
        /* Note: Letter spacing from index/kids not applied here */
    }
}



.yd-title-size {

    .title,
    .banner__heading {
        font-weight: 400;
        /* Base weight unless overridden */
    }

    /* Responsive font sizes for titles */
    @media screen and (max-width: 1230px) {

        .title,
        .banner__heading {
            font-size: 60px;
        }
    }

    @media screen and (max-width: 1034px) {

        .title,
        .banner__heading {
            font-size: 50px;
        }
    }

    @media screen and (max-width: 864px) {

        .title,
        .banner__heading {
            font-size: 45px;
        }
    }

    @media screen and (max-width: 698px) {

        .title,
        .banner__heading {
            font-size: 36px;
        }
    }
}


.btn {
    /* Base button style */
    display: inline-block;
    padding: 18px 28px;
    border: 1px solid;
    /* Border color likely inherited or set by theme */
    background-color: transparent;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    color: inherit;
    /* Inherit text color */
    cursor: pointer;
}

.btn:hover {
    /* Button hover effect */
    background-color: #ffffff;
    color: #000000 !important;
    border-color: #ffffff;
}

/* xalt product info */
.xalt-product-features-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    color: rgb(var(--color-foreground));
    background: rgb(var(--color-background));

    .xalt-section {
        border-bottom: 1px solid rgba(var(--color-foreground), 0.1);
        padding: 24px 0;

        &:last-child {
            border-bottom: none;
        }

        &-header {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 16px;
        }

        &-icon {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgb(var(--color-button));
            border-radius: 4px;
            color: rgb(var(--color-button-text));
            font-size: 14px;
            line-height: 1;
        }

        &-title {
            font-size: 1.1em;
            font-weight: 700;
            margin: 0;
            color: rgb(var(--color-foreground));
            letter-spacing: 0.5px;
        }
    }

    .xalt-features-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;

        @media (max-width: 768px) {
            grid-template-columns: 1fr;
        }
    }

    .xalt-feature-item {
        padding: 12px 14px;
        background: rgba(var(--color-foreground), 0.03);
        border-radius: 6px;
        border-left: 3px solid rgb(var(--color-button));

        .xalt-feature-title {
            font-size: 0.95em;
            font-weight: 600;
            color: rgb(var(--color-foreground));
            margin-bottom: 6px;
            display: block;
        }

        .xalt-feature-description {
            font-size: 0.85em;
            color: rgba(var(--color-foreground), 0.75);
            line-height: 1.4;
        }
    }

    .xalt-description-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;

        @media (max-width: 768px) {
            grid-template-columns: 1fr;
        }
    }

    .xalt-description-item {
        display: flex;
        gap: 10px;
        padding: 10px 12px;
        background: rgba(var(--color-foreground), 0.03);
        border-radius: 4px;
        font-size: 0.9em;
        align-items: flex-start;

        .xalt-description-bullet {
            flex-shrink: 0;
            width: 6px;
            height: 6px;
            background: rgb(var(--color-button));
            border-radius: 50%;
            margin-top: 7px;
        }

        .xalt-description-content {
            flex: 1;
        }

        .xalt-description-label {
            font-weight: 600;
            color: rgb(var(--color-foreground));
        }

        .xalt-description-text {
            color: rgba(var(--color-foreground), 0.75);
        }
    }

    .xalt-fabric-info {
        background: rgba(var(--color-foreground), 0.03);
        padding: 16px;
        border-radius: 6px;
        border: 1px solid rgba(var(--color-foreground), 0.08);
        text-align: center;

        .xalt-fabric-composition {
            font-size: 0.9em;
            color: rgb(var(--color-foreground));
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
    }
}

.template-index {
    @media (min-width: 1360px) {

        /* Targets .container only if it's NOT inside .content-cards */
        .container:not(.content-cards .container) {
            width: 95%;
            max-width: 1600px !important;
        }
    }

    .footer {

        .container {
            max-width: 100% !important;
            width: 100%;
        }
    }
}

.list-menu--inline .list-menu-item>.header__menu-item {
    color: black;
}

.home-section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}

.template-page {
    .container:has(#breadcrumbs) {
        display: none;
    }
}

.shopify-section-header.color-background-overlay:not(.shopify-section-header-sticky) .header-wrapper {
    background-color: #ffffff3b;
}

/* .product-parameters .globo-product-groups-detail .gsw-item-pg-style-product-img .gsw-list-products-group .gsw-prg-item .gsw-prg-item--link span {
    width: 60px !important;
    height: 60px !important;
} */
.collection {

    /* .globo-product-groups-collection{
        legend{
            display:none;
        }
    } */
    .gsw-item-product-group {
        margin-bottom: 0px;
        margin-top: 15px;
    }
}

@media screen and (min-width: 576px) {

    .slideshow__description-content,
    slideshow__title-content {
        max-width: 100% !important;
    }

    .slideshow__title-content span,
    slideshow__title-content {
        max-width: 100% !important;
    }
}

.slideshow__content-group,
.slideshow__description-content {
    max-width: 100% !important;
}

.slideshow__title-content span {
    white-space: initial !important;
}

/* =========================================
   YD Product Highlights Block
   ========================================= */

.yd-product-highlight {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background-color: var(--highlight-bg, #FFF3CD);
    color: var(--highlight-text-color, #333333);
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
    box-sizing: border-box;
}

.yd-product-highlight__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.yd-product-highlight__icon svg {
    width: 18px;
    height: 18px;
}

.yd-product-highlight__text {
    flex: 1;
}

/* Product group style */
.product-parameters:has(.globo-product-groups-detail) {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 14px !important;
}

.globo-product-groups-detail .gsw-item-product-group {
    margin-bottom: 7px;
}

.globo-product-groups-detail .gsw-item-product-group .name span {
    display: none;

}

.globo-product-groups-detail .gsw-item-product-group .name {
    font-weight: 400;
    color: rgb(var(--color-foreground));
}

.globo-product-groups-detail .gsw-item-product-group legend {
    display: flex;
    gap: 10px;
    align-items: anchor-center;
    color: rgb(var(--color-foreground-secondary));
    font-size: 16px;
}

.title.size--h2 {
    max-width: 100% !important;
}

/* RedBolt Bag styles */
.description-wrapper .description-box p {
    line-height: 25px;
    margin-bottom: 12px;
}

.description-wrapper .description-title {
    text-align: center;
}

/* Custom t-shirt-printing */

#shopify-section-template--25964551962913__rich_text_WBrMtJ .rte__container div>p, #shopify-section-template--25964551962913__rich_text_WBrMtJ .rte__container div>h3{
        max-width:100%;
}
/* Product detail page container */
@media (min-width: 1360px) {
    .template-product .container {
        max-width: 1600px;
    }
}

/* Case Study */
.template-page-case-study-detail .shopify-section{
    padding:0px !important;
}
.yd-card-center {
  align-items: center !important;
  text-align: center !important;
}

.yd-card-start {
  align-items: start !important;
  text-align: start !important;
} 

.yd-card-end {
  align-items: end !important;
  text-align: end !important;
} 
/* Case Study Details  */
.template-page-case-study-detail.yd-context-case-study-detail .content-for-layout h2,
.template-page-idynamics-case-study.yd-context-idynamics-case-study .content-for-layout h2 {
    font-size: clamp(22px, 5vw, 48px);
   font-weight:600;
   text-transform:uppercase;
   letter-spacing:-1px;
}
@media (max-width: 768px) {
  .template-page-case-study-detail.yd-context-case-study-detail .content-cards__layout {
    height:400px;
  }
  .template-page-case-study-detail.yd-context-case-study-detail .content-cards__layout .content-cards-list {
    height:100%;
  }
  .template-page-case-study-detail.yd-context-case-study-detail .yd-jersey-section .yd-content {
    padding: 20px;
}
.template-page-case-study-detail.yd-context-case-study-detail .yd-jersey-section .yd-desc {
    margin-bottom: 10px;
}
.template-page-case-study-detail.yd-context-case-study-detail .yd-jersey-section.section-padding,
.template-page-case-studies.yd-context-case-studies  .yd-jersey-section.section-padding {
    padding-bottom: 30px !important;
}
}
/* Custom Polo Banner styles */
.custom-yd-title{
    font-size: clamp(32px, 5vw, 64px);
    font-weight:700;
}

/* =========================================
   YD Mens polos and  Hoodies
   ========================================= */

   .template-collection-custom-hoodies #MainContent h2, 
   .template-collection-custom-men-polos #MainContent h2,
   .template-collection-aop #MainContent h2, 
   .template-collection-custom-t-shirt-printing #MainContent h2{
  font-size: clamp(28px, 5vw, 48px);
  font-weight: 600;
   }

   .template-collection-custom-hoodies #MainContent h1, 
.template-collection-custom-men-polos #MainContent h1,
.template-collection-aop #MainContent h1, 
.template-collection-custom-t-shirt-printing #MainContent h1 {
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 600;
  line-height: 1.1;
}