.graphic.ppd-controls .options .graphic.selected, .theme-select .theme.selected,
.color.ppd-controls .color-button.selected,
.text.ppd-controls .setTextColor.selected,
div.product-view .product-img-box ul.thumbnail-images li.selection-indicator,
div.product-options .frame-controls > span .options .color-option.selected > button,
div.product-options dd.product-type .product-type-option.selected img,
.options-list li input[type=radio]:checked + .label,
.text.ppd-controls .setTextFont.selected, .customoption .content .graphic.selected {
    border-color: #0fb0f2;
}

.builder-colors .one,
div.ui-selectmenu-menu.ui-front.ui-selectmenu-open span.price, span.ui-selectmenu-text span.price,
.text.ppd-controls .setTextFont.selected {
    color: #0fb0f2;
}

#dialog-form button {
    background: #f256a0;
    border-color: #ed1d99;
}

#dialog-form button.button2 {
    color: #f256a0;
}

#ppd-builder {
    max-width: initial;
}

.leftcol {
    margin-bottom: initial;
    max-width: initial;
}

.ppd-options {
    padding: 0 17px;
}

@media screen and (min-width: 576px) {
    div.shopify-section.section-main-product > product-form:first-child {
        margin-top: 3.5rem;
    }

    div.shopify-section.section-main-product > product-form:first-child {
        margin-top: 3rem;
    }
}

@media screen and (min-width: 960px) {
    div.shopify-section.section-main-product > product-form {
        grid-column-gap: 56px;
    }
}

@media screen and (min-width: 768px) {
    div.shopify-section.section-main-product > product-form {
        grid-column-gap: 44px;
        grid-template-columns: 6fr 4fr;
        grid-template-rows: min-content;
    }

    div.shopify-section.section-main-product > product-form {
        grid-row-gap: 44px;
    }
}

@media screen and (min-width: 576px) {
    div.shopify-section.section-main-product > product-form {
        margin-top: 3rem;
        margin-bottom: 3.5rem;
    }
}

div.shopify-section.section-main-product > product-form {
    margin-top: 2.5rem;
    margin-bottom: 3rem;
    text-align: left;
    overflow-wrap: anywhere;
}

@media (min-width: 768px) {
    .product-info div.product-column-right {
        width: initial;
        margin-inline-start: 0;
    }
}

@media screen and (max-width: 600px) {
    .ppd-options.col2 {
        max-width: 90vw;
    }
}

.text.ppd-controls .fontArea .fonts {
    padding-bottom: 1px;
}

.customoption .content .graphic, .customoption .content .graphic img, .workArea .ppd-options .text-input, .col2.outsideWorkArea .text-input, fieldset.text.ppd-controls {
    border-radius: 10px;
}

.input.required.text:after {
    top: 44px;
}

.product-form .quantity-submit-row .quantity-submit-row__submit button[name=add]:disabled {
    opacity: 0.3;
}

.media-gallery.main-image-only.sticky {
    position: sticky;
    background: white;
    z-index: 8000;
    top: 0;
}

.product-form.sticky-content-container {
    position: initial;
    top: initial;
}

.media-gallery.main-image-only.sticky .main-image {
    transition: box-shadow 0.3s ease, border-radius 0.3s ease;
}

.media-gallery.main-image-only.sticky.stuck .main-image {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.media-gallery.main-image-only.sticky .slider__item .img-ar,
.media-gallery.main-image-only.sticky .slider__item img {
    transition-property: height, max-height, left, width, max-width;
    transition-duration: .3s;
    transition-timing-function: ease;
    max-height: 100vw;
}

.media-gallery.main-image-only.sticky #ppd-builder .canvas-container {
    transition-property: height, max-height, left, width, max-width;
    transition-duration: .3s;
    transition-timing-function: ease;
    left: 0;
}

.media-gallery.main-image-only.sticky.stuck #ppd-builder .canvas-container,
.media-gallery.main-image-only.sticky.stuck .slider__item .img-ar,
.media-gallery.main-image-only.sticky.stuck .slider__item img {
    max-height: calc((100vw - 48px)*.75) !important;
    background: white;
}

.media-gallery.main-image-only.sticky.stuck #ppd-builder.expanded .canvas-container {
    max-height: 100vw !important;
    max-width: 100vw !important;
    height: 100vw !important;
    width: 100vw !important;
}

product-form .media-gallery.main-image-only .main-image carousel-slider[data-dynamic-height=true]:not([inactive]) {
    transition: height .3s ease;
}

product-form .media-gallery.main-image-only .main-image carousel-slider .slider {
    overflow-y: hidden;
}

.ppd-zoom-icon {
    opacity: 0;
}

.media-gallery.main-image-only .ppd-zoom-icon {
    transition: opacity .3s ease;
    z-index: 1;
}

.media-gallery.main-image-only.stuck .ppd-zoom-icon {
    opacity: 1;
}

#customise-tab {
    position: fixed;
    bottom: 0;
    left: 24px;
    background-color: #f256a0;
    color: white;
    font-weight: bold;
    border: none;
    padding: 12px 24px;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    transition: transform 0.3s ease, bottom 0.3s ease;
    z-index: 8000;
}

#customise-tab .caret {
    display: inline-block;
    margin-right: 8px;
    font-size: 16px;
}

#customise-tab.hidden {
    transform: translateY(100%);
    display: block;
}

@media only screen and (max-width: 767.98px) {
    .slider-nav.desktop-only {
        display: initial !important;
    }
}