@media screen and (max-width: 989px){
    .heading-alignment-center:not(.view-all--slider){justify-content: center; text-align: center;}
    .heading-alignment-right:not(.view-all--slider){justify-content: end; text-align: right;}
}
@media screen and (min-width: 990px){
    .heading-alignment-right {justify-content: end; text-align: right;}
    .heading-alignment-center{justify-content: center; text-align: center;}
}

/* drawer grid menu */
@media screen and (max-width: 989px){
    .drawer-grid-menu #menu-drawer .menu-drawer__navigation{padding-left: 1.5rem; padding-right: 1.5rem}
    .drawer-grid-menu #menu-drawer nav>ul:first-child{display: grid; gap: 10px; grid-template-columns: 1fr 1fr; align-items: stretch;}
    .drawer-grid-menu #menu-drawer nav>ul:first-child > li{border: 1.5px solid #0000001f; border-radius: 6px; font-weight: 500; font-size: 16px; line-height: 24px;}
    .drawer-grid-menu #menu-drawer nav>ul:first-child > li > .menu-drawer__menu-item {padding-left: 8px; padding-top: 10px; padding-bottom: 10px;}
    .drawer-grid-menu #menu-drawer nav>ul:first-child > summary.menu-drawer__menu-item{padding-right: 1.1rem;}
    .drawer-grid-menu #menu-drawer nav>ul:first-child > li > details > .menu-drawer__menu-item>.svg-wrapper{right: 1rem;}
    .menu-drawer__navigation .list-social{margin-top:20px; gap: 1rem;}
}
/* drawer grid menu */

/* search bar */
.predictive-search__item-content span.price-item.price-item--regular{color: var(--color-primary)}
predictive-search .search__button:not(:focus-visible):not(.focused){background-color: var(--color-primary); border-radius: 50%; width: 4rem; height: 4rem; top: 3px; align-items: center; color: #fff; right: 5px;}
predictive-search .search__button .svg-wrapper{margin-bottom: 3px;}
predictive-search:not([loading]) .predictive-search__loading-state, predictive-search:not([loading]) .predictive-search-status__loading{display: none;}
@media screen and (max-width: 989px){
    .header__icon--search svg.icon-search{margin-bottom:5px;}
    .header .header__inline-menu{display:none !important;}
}
@media screen and (min-width: 990px){
    .search-style-full details-modal, .search-style-full details-modal > details {width: 100%;}
    .search-style-full details-modal > details .search-modal {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        transform: none !important; 
        pointer-events: auto !important;
        border-bottom: 0;
    }
    .search-style-full details-modal > details .search-modal__content { 
        position: static !important;
        margin: 0 16px; 
    }
    .search-style-full details-modal .modal-overlay, .search-style-full details-modal .search-modal__close-button{display: none;}
    .search-style-full details-modal .predictive-search__results-groups-wrapper{flex-direction: column;}
    .search-style-full details:not([open]) summary{display:none;}
    .search-style-full details:not([open]) { position: relative; overflow: hidden; }
    .search-style-full details:not([open])::after { content: ""; position: absolute; inset: 0; pointer-events: none; transform: translateX(-100%); background-image: linear-gradient( 90deg, #fff0 0%, #fff3 20%, #ffffff80 60%, #fff0 100% ); animation: shimmer 1.6s linear infinite; will-change: transform; }
    @keyframes shimmer { to { transform: translateX(100%);} }
}
/* end search bar */

/* header custom link */
.header--custom-link { display: flex ; white-space: nowrap; align-items: center; text-decoration: none; color: initial;}
.desktop-header--custom-link + .desktop-header--custom-link{ margin-left: 10px; }
.header__show-text account-icon svg{padding: 2px;}
.header__show-text .cart-text{white-space: nowrap}

@media screen and (max-width: 989px){
    .desktop-header--custom-link{display: none;}
    .header__show-text .cart-text{position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal !important;}
}
@media screen and (min-width: 990px){
    .header__show-text .cart-text {font-size: 16px;}
    .header__show-text{ margin-left: 12px; width: auto;height:auto; display:inline-flex; align-items:center; text-decoration: none;}
    .header__show-text.row{flex-direction: row; gap: 8px;}
    .header__show-text.column{flex-direction: column}
    .header__show-text .svg-wrapper{width: auto;height:auto;}
    .header__show-text .cart-count-bubble{ top: -2px; }
    .header__show-text.row .cart-count-bubble{left:1.2rem;}
}

/* product card */
.card--card .card__information{padding: 0;}
.card--card .card__information .full-unstyled-link{display: -webkit-box; -webkit-line-clamp: var(--text-line); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; line-height: 1.3; font-size: 14px; font-weight: 400; color: #000}
.collection-list-wrapper .full-unstyled-link{color:#000;}
.jdgm-prev-badge__text{color: #595959; font-size:1.3rem}
.card-information .jdgm-prev-badge__stars .jdgm-star, .product .jdgm-prev-badge__stars .jdgm-star, .jdgm-widget.jdgm-preview-badge .jdgm-star {color: #ffaa45; }
@media screen and (max-width: 480px){
 .card-information .jdgm-prev-badge__stars .jdgm-star {font-size: 1.3rem}   
}
/* */
.jdgm-revs-tab, inbox-online-store-chat#ShopifyChat{z-index: 100 !important}

.product-form__buttons .product-form__submit.button, .product-form__submit.sl-atc-btn{flex: 0 0 calc(100% - 13rem); order: 2; height: 55px; background-color: var(--color-primary); color: #fff; border-color: var(--color-primary); font-size: 16px; font-weight: 600; text-transform: uppercase;}
.product-form__buttons .product-form__submit.button:after, .product-form__submit.sl-atc-btn:after{box-shadow: none}
.product-form__buttons .product-form__button{display: flex; align-items: end; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
.product-form__button .product-form__quantity {flex: 0 0 120px; order: 2; margin-bottom: 1rem; position: relative;}
.product-form__button .product-form__quantity .quantity__label {display:none;}
.product-form__button .product-form__quantity .quantity {width: 12rem; height: 55px;}
.product-form__button .product-form__quantity .quantity:after {border-radius: 10px;}
.quantity__button{width: 3rem;}
.product-popup-modal__size-guide img{height: auto;}
.product-popup-modal__size-guide-button{text-decoration: none;}
.product-popup-modal__size-guide-button > span{border-bottom: 1px dashed; color: var(--color-primary);}

/* customily */
product-form #customily-options{padding: 0;}
#customily-preview-button, .sl-preview-button {height: 55px !important; flex: 1 0 100% !important; order: 1 !important; background-color: rgba(255, 255, 255, 1) !important; border-color: var(--color-primary) !important; border-style: solid !important; border-width: 2px !important; border-radius: 8px !important; font-size: 16px !important; color: var(--color-primary) !important; -webkit-text-fill-color: var(--color-primary) !important; }
.customily-options-wrapper, #customily-options .sl-option-set{ border: 1px solid #E5E5EA; background: #f7f7f7 !important; padding: 10px 12px !important; margin-bottom: 16px; border-radius: 10px;}
#customily-options #cl_optionsapp .swatch-container label, #cl_optionsapp .swatch-container label img, .customily_option select, .customily_option input, .customily_option textarea{border-radius: 10px !important;}
.customily_option select, .customily_option input[type="text"]{height: 4.4rem !important;}
.customily_option textarea, .customily-download-button{min-height: 4.4rem !important;}
.customily_option textarea {padding-left: 1rem !important;}
.customily-download-button {cursor: pointer;}
#customily-options #cl_optionsapp label:first-child{margin-top: 0}
#customily-options #cl_optionsapp .customily_option label .option_name{font-size: 16px; font-weight: 600; line-height: 24px; color: #000;}
media-gallery .canvas-wrapper~*, .cl-preview-wrapper ~ .canvas-wrapper{display: none !important}
#customily-options #cl_optionsapp .customily_option label .option_name .customily-required-label{color: red;}
/* preivew customily */
.icon-content-modal{display:block !important}
.vue-portal-target .customily-modal-preview-only .main { max-height:inherit; display: flex !important; flex-direction: column !important; background: #fff !important; border-radius: 10px; position: relative !important; }
.customily_modal_preview--modify_notice { order: 1; padding: 15px 13px 5px; }
.customily_modal_preview--title { margin-top: 0; font-size: 18px !important; margin-bottom: 0; font-weight: 700 !important; line-height: 26px !important; }
.customily_modal_preview--notice_content { font-size: 14px; line-height: 20px; }
.vue-portal-target .customily-modal-preview-only .cl-preview-wrapper, .vue-portal-target .customily-modal-preview-only .canvas-wrapper { order: 2; }
.btn-wrapper{order: 3; display: flex; align-items: center; justify-content: center; padding: 15px; padding-bottom:20px; width: 100%;}
.customily-modal-preview-only .main .cl-preview-wrapper{width:100%}
.vue-portal-target .customily-modal-preview-only .main .customily-close-button{right:-15px!important;float:right; opacity: 0; visibility: hidden;}
.customily-close-btn{font-weight:600;background-color:#c4cdd5;border:#c4cdd5;font-size:var(--font-size-button-large);letter-spacing:0em;margin-left:.75rem;border-radius:10px;color:#fff;cursor:pointer}
.customily-close-btn:after{box-shadow: none;}
.customily-modal-preview-only .main .customily-close-button{position:absolute!important}
.customily-modal-preview-only .btn-wrapper .product-form__submit.button,.customily-modal-preview-only .btn-wrapper .customily-close-btn, .sl-preview-modal .sl-preview-modal_actions .sl-close-btn, .sl-preview-modal .sl-preview-modal_actions .sl-atc-btn{padding:.875rem 1.75rem !important}
.sl-preview-modal .sl-preview-modal_actions .sl-close-btn, .sl-preview-modal .sl-preview-modal_actions .sl-atc-btn{border-radius: 10px !important;}
.customily-modal-preview-only .btn-wrapper .product-form__submit.button, product-form .sl-preview-modal .sl-preview-modal_actions .sl-atc-btn{border-radius: 10px; width:initial; background: var(--color-primary) !important; border-color: var(--color-primary); color: #fff; margin-bottom: 0}
.customily-modal-preview-only .btn-wrapper .product-form__submit.button:after{box-shadow: none;}
@media (min-width: 750px){
.vue-portal-target .customily-modal-preview-only .main { max-height: 90vh !important; max-width: 500px !important; }
}

@media (max-width: 749px){
  .vue-portal-target .customily-modal-preview-only .canvas-wrapper{width: 100% !important}
  .vue-portal-target .customily-modal-preview-only .main { max-height: 100vh !important; max-width: 80% !important; height: auto;}
}

@media (max-width: 480px){
  .customily-modal-preview-only .customily-mobile-controls>div{width:10%}
}
/* custom app */
product-form #customily-options .sl-swatches .sl-swatch-item input:checked~label, product-form #customily-options .sl-image-placeholder>label{border-color: var(--color-primary)}
product-form #customily-options .sl-swatches .sl-swatch-item label .sl-icon, product-form #customily-options .sl-image-placeholder>label{background-color: var(--color-primary);}
#customily-options .sl-option-set-item_label{ color: #000; }
#customily-options .sl-dropdown, #customily-options .st-text-input, #customily-options .st-textarea-input{font-size: 1.4rem; border-radius: 10px;}
button.sl-preview-button.customily-preview-button, body .sl-preview-button-sticky button, body .sl-canvas-modal .sl-canvas-modal_actions .sl-atc-btn { cursor: pointer; font-size: 16px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
product-form #customily-options .sl-swatches .sl-swatch-item label, product-form #customily-options .sl-image-placeholder>label, .sl-canvas-modal_inner{border-radius: 10px;}
.sl-preview-modal .sl-preview-modal_overlay, .sl-canvas-modal .sl-canvas-modal_overlay{display:block;}
.sl-preview-modal .sl-preview-modal_inner{border-radius: 10px;}
body .sl-preview-button-sticky button, body .sl-canvas-modal .sl-canvas-modal_actions .sl-atc-btn {border-color: var(--color-primary); background: var(--color-primary) !important; color: #fff !important; -webkit-text-fill-color: #fff !important;  }
#cl_optionsapp .customily_option input:not([type='checkbox']):not(.vc-input__input), #cl_optionsapp .customily_option select{min-height: 5rem !important;}
#MainContent .shopify-policy__title{text-align: left;}

@media screen and (max-width: 749px) {
  #customily-options input[type="text"],
  #customily-options input[type="number"],
  #customily-options textarea {
    font-size: 16px !important;
  }
}