body{
    color: var(--global-content-regular-default);
    font-family: "proxima-nova",Arial,Helvetica,sans-serif;
    background-color: var(--global-bg-body-default);
}

a{
    color: var(--global-primary-general-default);
}

@media screen and (min-width: 1000px) {
    :root{
        --split-view-columns-offset: calc( calc( var(--form-inline-width) - var(--cart-inline-width) ) / 2 );
    }
}

.form-check-input:checked{
	background-color: var(--global-primary-general-default);
	border-color: var(--global-primary-general-default);
}

.btn[disabled]{
	background-color: var(--global-disabled-buttonBg-default);
	border-color: var(--global-border-regular-default);
	color: var(--global-content-regular-default);
	opacity: var(--opacity-disabled);
}

input[type="text"].form-control,
textarea.form-control{
	font-size: var(--font-size-default);
	padding: .888rem .75rem;
}

.form-check-input{
	font-size: 1rem;
	border-color: var(--checkbox-border-base-default);
	position: relative;
	/* Since checkbox has font size larger than label need to move slightly up  */
	top: -0.0625rem;
}

.form-check-input,
.form-check-label{
	cursor: pointer;
}

/* Stripe radio box has class 'card' which unfortunately interacts with bootstrap card  */
.card{
	border: none;
	border-radius: 0px;
}

.btn-primary{
	background-color: var(--global-primary-buttonBg-default);
    border: var(--global-primary-buttonBg-default);
	color: var(--global-primary-buttonText-default);
}

.btn-primary:hover{
	background-color: var(--global-primary-buttonBg-hover);
    border-color: var(--global-primary-buttonBg-hover);
	color: var(--global-primary-buttonText-default);
}

.btn-primary:focus{
	background-color: var(--global-primary-buttonBg-pressed);
    border-color: var(--global-primary-buttonBg-pressed);
	color: var(--global-primary-buttonText-default);
    box-shadow: 0 0 0 .25rem var(--global-primary-buttonBg-pressed-box-shadow) !important;
}

.btn-hero{
	width: 100%;
	display: block;
	padding: 1rem;
	font-weight: 600;
	margin-top: 1.5rem;
	border-radius: 0.5rem;
}

.btn-hero .icon{
    width: 1rem;
    height: 1rem;
    left: 3px;
    position: relative;
    top: -1px;
    transition: left .2s ease-in;
}

.btn-hero:hover .icon{
    left: 5px;
}

.btn-custom-light{
    background-color: transparent;
    color: var(--global-content-regular-default);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.app{
	min-height: 100dvb;
	display: grid;
	grid-template-rows: auto auto 1fr;
	grid-template-areas: "header-area" "mobile-top-segment-area" "split-view-area";
	font-size: var(--font-size-default);
}

.split-view-wrapper{
	display: block;
}

.split-view{
    grid-area: split-view-area;
    display: grid;
    grid-template-areas: "form-area cart-area";
    grid-template-columns: minmax( min-content, calc(50% + var(--split-view-columns-offset)) ) 1fr;
}

.split-view .split-view-item{

}

.split-view .split-view-primary{
	grid-area: form-area;
	display: flex;
	justify-content: flex-end;
	height: 100%;
}

.split-view .split-view-secondary{
	background-color: var(--global-bg-base-default);
	border-left: 1px solid var(--global-border-regular-default);
}

.split-view .split-view-primary .split-view-content{
    height: 100%;
    width: 100%;
    max-width: 42rem;
    padding: 3.6rem;
	display: grid;
	grid-template-rows: 1fr auto;
	grid-template-columns: 1fr;
	grid-template-areas: "meat" "footer-segment";
}

.split-view .split-view-primary .split-view-content .meat{
	grid-area: meat;
}

.split-view .split-view-primary .split-view-content .footer-segment{
	-ms-grid-row: 6;
	-ms-grid-column: 1;
	grid-area: footer-segment;
}

.email-address-segment,
.collect-name-segment,
.gifting-segment,
.custom-fields-segment,
.payment-type-segment,
.email-consent-checkbox-segment{
	margin-bottom: 1rem;
}

.buyer-account-login-message{
	color: var(--global-content-subdued-default);
	margin-bottom: 1rem;
}

.headline-main{
	font-size: var(--font-size-large);
	font-weight: 600;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.input-label{
    margin-bottom: 5px;
}

.headline-select-payment-method{
    display: flex;
    justify-content: space-between;
}

.headline-select-payment-method .text{
    color: var(--global-content-subdued-default);
    font-size: var(--font-size-small);
    font-weight: normal;
    display: flex;
    align-items: center;
}

.headline-select-payment-method .icon{
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.page-editor-trigger-button{
    position: fixed;
    bottom: 10px;
    right: 10px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 25px;
}

.page-editor-trigger-button .icon{
    position: relative;
    top: 1px;
}

body.checkout-is-in-embed-iframe .close-embed-iframe-button{
    position: fixed;
    top: 10px;
    right: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #DDD;
    border: none;
    color: #444444;
}

body.checkout-is-in-embed-iframe .close-embed-iframe-button:hover{
    color: #000000;
}

body.checkout-is-in-embed-iframe .close-embed-iframe-button .icon{
    width: 16px;
    height: 16px;
}

body.checkout-is-in-embed-iframe button[data-bs-target="#editor-offcanvas"]{
    display: none;
}

/* Poor experience to allow logo link to be clickable in embed iframe */
body.checkout-is-in-embed-iframe .logo-wrapper a{
    pointer-events: none;
}

@media screen and (max-width: 1000px) {
    body.checkout-is-in-embed-iframe .close-embed-iframe-button{
        display: none;
    }
}

.email-and-login-input-label{
    display: flex;
    justify-content: space-between;
}

#terms-modal h3,
#privacy-modal h3{
    font-size: var(--font-size-large);
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

#terms-modal .modal-body,
#privacy-modal .modal-body{
    max-height: 500px;
    overflow-y: scroll;
}

body:not(.transaction-is-gift) .custom-fields-segment .custom-field-row.only-for-gifting{
    display: none;
}

/* HEADER START */
/* HEADER START */
/* HEADER START */

.header{
    grid-area: header-area;
    min-height: 95px;
    border-bottom: 1px solid var(--global-border-regular-default);
    display: flex;
    justify-content: center;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
}

body:not(.has-header) .header{
    display: none;
}

.header-background{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
}

.header .inner{
    padding: 1.5rem 2rem;
    width: 100%;
    max-width: 76rem;
    position: relative;
    z-index: 10;
}

.header .logo-text a{
    color: var(--global-content-regular-default);
    text-decoration: none;
    font-size: 1.3125rem;
    font-weight: 600;
}

.header[data-logo-type="image"] .logo-text,
.header[data-logo-type="text"] .logo-image{
    display: none;
}

.header .logo-image img{
    max-width: 100%;
}

.header .logo-wrapper{
    display: flex;
    justify-content: left;
}

.header[data-logo-position="center"] .logo-wrapper{
    justify-content: center;
}

.header[data-logo-position="right"] .logo-wrapper{
    justify-content: right;
}

/* HEADER END */
/* HEADER END */
/* HEADER END */

/* CART SEGMENT START */
/* CART SEGMENT START */
/* CART SEGMENT START */

/* there are cart segments in multiple places */
.split-view-secondary .cart-segment{
	position: -webkit-sticky;
	position: sticky;
	padding: 3.6rem;
	width: 100%;
	max-width: 34rem;
	right: auto;
	left: auto;
	top: 0;
	bottom: 0;
}

.split-view-secondary .cart-segment .cart-items-wrapper.scrollbar-could-be-shown{
    /*
        1) Scrollbar on right needs to have enough padding on right side
        2) If items have quantity badge, then need enough padding on top and left
    */
    padding: 20px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    max-height: 290px;
}

.split-view-secondary .cart-segment .cart-items-wrapper .scroll-for-more-items-indicator{
    position: absolute;
    bottom: 10px;
    left: 50%;
    background-color: rgba(0, 0, 0, 0.75);
    color: #FFFFFF;
    border-radius: 24px;
    padding: 7px 14px;
    font-size: 13px;
    -webkit-transform: translateX(-50%) translateY(100%) rotateZ(360deg);
    transform: translateX(-50%) translateY(100%) rotateZ(360deg);
    -webkit-transition: all 0.3s cubic-bezier(0.3, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.3, 0, 0, 1);
    white-space: nowrap;
    z-index: 2;
    opacity: 0;
}

.split-view-secondary .cart-segment .cart-items-wrapper .scroll-indicator-icon{
    position: relative;
    top: 2px;
}

.split-view-secondary .cart-segment .cart-items-wrapper.is-scrollable .scroll-for-more-items-indicator{
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0) rotateZ(360deg);
    transform: translateX(-50%) translateY(0) rotateZ(360deg);
}

/* CART SEGMENT END */
/* CART SEGMENT END */
/* CART SEGMENT END */

/* CART ITEMS SEGMENT START */
/* CART ITEMS SEGMENT START */
/* CART ITEMS SEGMENT START */

.cart-items-segment .cart-item-row{
	display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    position: relative;
}

.cart-items-segment .product-thumbnail-and-meta{
	display: flex;
	justify-content: space-between;
}

.cart-items-segment .cart-item-row .product-thumbnail-wrapper{
	width: 64px;
	height: 64px;
	position: relative;
	box-shadow: var(--box-shadow-small);
	border-radius: var(--border-radius-medium);
    /* If product name is long then don't shrink thumbnail to make room */
    flex-shrink: 0;
}

.cart-items-segment .cart-item-row .product-thumbnail-wrapper img{
	border: 2px solid #FFFFFF;
    border-radius: var(--border-radius-medium);
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.cart-items-segment .cart-item-row .product-thumbnail-wrapper{
	margin-right: 1rem;
}

.cart-items-segment .cart-item-row .product-thumbnail-wrapper .fallback-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
}

.cart-items-segment .cart-item-row .product-thumbnail-wrapper .fallback-wrapper svg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.5;
}

/*
    By default cart item would have two lines (1) product name (2) edit link
    so need extra spacing at top.
    However if cart item has variant then it becomes three lines, no need
    to add margin top.
*/
.cart-items-segment .cart-item-row:not(.has-variant) .product-meta,
.cart-items-segment .cart-item-row:not(.has-variant) .product-price{
	margin-top: 0.5rem;	
}

.cart-items-segment .product-price{
    padding-left: 1rem;
}

.cart-items-segment .cart-item-row:not(.show-discount-price-strikethrough) .product-price-after-discounts{
	display: none !important;
}

.cart-items-segment .cart-item-row.show-discount-price-strikethrough .product-price-original{
	text-decoration: line-through;
}

.cart-items-segment .cart-item-row .variant-name,
.cart-totals-segment .cart-totals-waiting-for-shipping-address-message{
    color: var(--global-content-subdued-default);
}

.cart-items-segment .quantity-badge{
    background: #000000;
    color: #FFFFFF;
    border-radius: 24px;
    position: absolute;
    left: -8px;
    padding: 0 8px;
    top: -8px;
    line-height: 2;
    font-size: 11px;
    font-weight: 700;
    z-index: 1;
}

.cart-items-segment .edit-cart-item-link-wrapper-outer .action-wrapper{
    display: inline-block;
}

body:not(.cart-contains-physical-product) .cart-items-segment .quantity-badge,
body:not(.cart-contains-physical-product) .cart-items-segment .edit-cart-item-link-wrapper-outer .qty-select-wrapper{
    display: none;
}

.cart-items-segment .edit-cart-item-link-wrapper-outer a{
    color: var(--global-content-subdued-default);
}

.cart-items-segment .edit-cart-item-link-wrapper-outer[data-state="standard"] .state-wrapper:not([data-state="standard"]),
.cart-items-segment .edit-cart-item-link-wrapper-outer[data-state="loading"] .state-wrapper:not([data-state="loading"]),
.cart-items-segment .edit-cart-item-link-wrapper-outer[data-state="edit"] .state-wrapper:not([data-state="edit"]){
    display: none;
}

.cart-items-segment .edit-cart-item-link-wrapper-outer[data-state="loading"] .spinner-border{
    border-color: var(--global-content-subdued-default);
    width: 1rem;
    height: 1rem;
    border-right-color: transparent;
    border-width: .1rem;
}

.cart-items-segment .edit-cart-item-link-wrapper-outer .qty-select{
    width: 4rem !important;
    font-size: var(--font-size-small);
    margin-right: 50px;
}

.cart-items-segment .edit-cart-item-link-wrapper-outer .remove-cart-item{
    font-size: var(--font-size-small);
}

.cart-items-segment .variant-name-edit-mode .variant-combination-select{
    font-size: var(--font-size-small);
}

.cart-items-segment .cart-item-remove-link-loading-wrapper,
.cart-items-segment .cart-item-remove-link-wrapper{
    display: inline-block;
}

.cart-items-segment .general-purpose-spinner-border{
    border-color: var(--global-content-subdued-default);
    width: 1rem;
    height: 1rem;
    border-right-color: transparent;
    border-width: .1rem;
}

/* CART ITEMS SEGMENT END */
/* CART ITEMS SEGMENT END */
/* CART ITEMS SEGMENT END */

/* CART TOTALS SEGMENT START */
/* CART TOTALS SEGMENT START */
/* CART TOTALS SEGMENT START */

.cart-totals-segment .line-item{
	display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.cart-totals-segment .line-item-total .line-item-description{
	font-size: var(--font-size-large);
	font-weight: 600;
}

.cart-totals-segment .total-price{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cart-totals-segment .total-price-code{
    margin-right: .25em;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    text-transform: uppercase;
    color: var(--global-content-subdued-default);
}

.cart-totals-segment .formatted-price-large{
    font-size: var(--font-size-large);
    font-weight: 600;
    line-height: 1.5rem;
}

.cart-totals-segment .line-item-value-skeleton-wrapper{
    position: relative;
    overflow: hidden;
}

.cart-totals-segment .line-item-value-skeleton{
    background-image: -webkit-gradient(linear, left top, right top, from(#e7e8ec), color-stop(30%, #e7e8ec), color-stop(50%, #d8dae1), color-stop(70%, #e7e8ec));
    background-image: linear-gradient(90deg, #e7e8ec, #e7e8ec 30%, #d8dae1 50%, #e7e8ec 70%);
    background-size: 300%;
    -webkit-animation: skeleton-loading-shimmer 2s 
    ease infinite;
    animation: skeleton-loading-shimmer 2s 
    ease infinite;
    height: 1rem;
    width: 50px;
    border-radius: 4px;
}

/* CART TOTALS SEGMENT END */
/* CART TOTALS SEGMENT END */
/* CART TOTALS SEGMENT END */

/* COUPON SEGMENT START */
/* COUPON SEGMENT START */
/* COUPON SEGMENT START */

.coupon-segment .apply-coupon-form-core-contents{
    display: flex;
    justify-content: space-between;
}

.coupon-segment .coupon-code-input-wrapper{
	width: 100%;
}

.coupon-segment .coupon-code-apply-button{
	margin-left: 1rem;
	padding: 0px 0.6rem;
}

.coupon-segment .coupon-code-input.form-control{
	padding: 0.75rem 0.5rem;
}

.coupon-segment .error-message{
	font-size: var(--font-size-default);
}

body.cart-total-is-free .coupon-segment:not(.coupon-applied-to-cart){
    display: none;
}

/* COUPON SEGMENT END */
/* COUPON SEGMENT END */
/* COUPON SEGMENT END */

/* SKELETON START */
/* SKELETON START */
/* SKELETON START */
/* SKELETON START */
/* SKELETON START */

.cart-skeleton-segment{
	position: -webkit-sticky;
	position: sticky;
	padding: 3.6rem;
	width: 100%;
	max-width: 34rem;
	right: auto;
	left: auto;
	top: 0;
	bottom: 0;
}

.text-skeleton{
    position: relative;
    overflow: hidden;
}

.text-skeleton-line{
    background-image: -webkit-gradient(linear,left top,right top,from(#e7e8ec),color-stop(30%,#e7e8ec),color-stop(50%,#d8dae1),color-stop(70%,#e7e8ec));
    background-image: linear-gradient(
90deg
,#e7e8ec,#e7e8ec 30%,#d8dae1 50%,#e7e8ec 70%);
    background-size: 300%;
    -webkit-animation: skeleton-loading-shimmer 2s ease infinite;
    animation: skeleton-loading-shimmer 2s ease infinite;
    height: 6px;
    margin-bottom: 12px;
}

.text-skeleton-line:nth-of-type(2n){
    width: 75%;
    margin-bottom: 1.5em;
}

.text-skeleton-intro-segment:nth-of-type(2),
.text-skeleton-intro-segment:nth-of-type(4){
    width: 50%;
}

.text-skeleton-intro-segment:first-of-type,
.text-skeleton-intro-segment:nth-of-type(3){
    width: 65%;
}

.text-skeleton-screen{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background-image: linear-gradient(hsla(0,0%,100%,0),#fff);
    pointer-events: none;
}

.product-info-skeleton{
    max-width: 358px;
}

.product-info-skeleton-image-placeholder{
    background-image: -webkit-gradient(linear,left top,right top,from(#e7e8ec),color-stop(30%,#e7e8ec),color-stop(50%,#d8dae1),color-stop(70%,#e7e8ec));
    background-image: linear-gradient(90deg,#e7e8ec,#e7e8ec 30%,#d8dae1 50%,#e7e8ec 70%);
    background-size: 300%;
    -webkit-animation: skeleton-loading-shimmer 2s ease infinite;
    animation: skeleton-loading-shimmer 2s ease infinite;
    height: 0;
    margin-bottom: 2rem;
    padding-bottom: 64px;
    border-radius: 4px;
}

/* SKELETON END */
/* SKELETON END */
/* SKELETON END */
/* SKELETON END */
/* SKELETON END */

/* HOME SECTION START */
/* HOME SECTION START */
/* HOME SECTION START */
/* HOME SECTION START */
/* HOME SECTION START */

.home-section{

}

.home-section select.country-list{
   width: 100%;
}

.home-section .add-your-email-label{
   margin-bottom: 20px;
}

.home-section .add-your-email-label b{
   color: #444444;
}

.home-section .btn-section{

}

.home-section .security-message-card-only-wrapper{
    padding: 16px 0px;
    position: relative;
    border-top: 1px solid #E0E7EB;
    border-bottom: 1px solid #E0E7EB;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    color: #777777;
}

.home-section .security-message-card-only-wrapper .lock-icon{
    position: relative;
    top: -2px;
    margin-right: 5px;
    margin-left: 3px;
}

.home-section .security-message-card-only-wrapper .card-icons{
   position: absolute;
   top: 18px;
   right: -2px;
   background-image: url(/images/payout/payment-type-label-card-2.svg);
   width: 85px;
   height: 25px;
   background-repeat: no-repeat;
   background-size: 80px;
}

.home-section .security-message-paypal-only-wrapper{
   text-align: center;
   margin-top: 20px;
   background-color: #F7F9FA;
   padding: 10px;
   margin-left: -30px;
   margin-right: -30px;
   margin-bottom: -20px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   border-top: 1px solid #E0E7EB;
}

.home-section .security-message-paypal-only-wrapper .card-paypal-icons img{
   width: 50px;
}

.home-section .security-message-paypal-only-wrapper .security-message-text{
   display: block;font-size: 13px;
   -webkit-font-smoothing: antialiased;
   margin-bottom: 5px;
   margin-top: 5px;
   color: #888888;
}

.home-section .security-message-paypal-only-wrapper .security-message-text .lock-icon{
    position: relative;
    top: -2px;
}

.home-section .total-before-discounts{
    text-decoration: line-through;
    font-size: 18px;
    color: #999999;
    text-align: center;
    display: none;
}

.home-section .shipping-details-confirmation-wrapper{
    background-color: var(--global-bg-base-default);
    border: 1px solid var(--global-border-regular-default);
    padding: 20px;
    border-radius: 4px;
}

.home-section .shippingv2-confirmation-before-payment-wrapper{
    background-color: var(--global-bg-base-default);
    border: 1px solid var(--global-border-regular-default);
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.home-section .price-large-wrapper{
	display: none;
}

.home-section .paypal-smart-payment-buttons-loading{
	padding-top: 2rem;
	padding-bottom: 2rem;
	text-align: center;
	color: var(--global-content-subdued-default);
}

.home-section .paypal-smart-payment-buttons-loading .spinner-border{
    width: 2rem;
    height: 2rem;
}

/* HOME SECTION END */
/* HOME SECTION END */
/* HOME SECTION END */
/* HOME SECTION END */
/* HOME SECTION END */

/* FREE DOWNLOAD SECTION START */
/* FREE DOWNLOAD SECTION START */
/* FREE DOWNLOAD SECTION START */
/* FREE DOWNLOAD SECTION START */
/* FREE DOWNLOAD SECTION START */

.free-download-section .items-ready-for-download-message{
	text-align: center;
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.free-download-section .btn-hero .icon{
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

/* FREE DOWNLOAD SECTION END */
/* FREE DOWNLOAD SECTION END */
/* FREE DOWNLOAD SECTION END */
/* FREE DOWNLOAD SECTION END */
/* FREE DOWNLOAD SECTION END */

/* PWYW SECTION START */
/* PWYW SECTION START */
/* PWYW SECTION START */
/* PWYW SECTION START */
/* PWYW SECTION START */

.pwyw-section .choose-a-price-message{
	text-align: center;
	margin-bottom: 1rem;
}

.pwyw-section .choose-a-price-message span{

}

.pwyw-section .input-group{
	margin-bottom: 2rem;
}

.pwyw-section input[type="text"]{
	box-shadow: none;
}

.pwyw-section input[type="text"]:focus{

}

/* PWYW SECTION END */
/* PWYW SECTION END */
/* PWYW SECTION END */
/* PWYW SECTION END */
/* PWYW SECTION END */

/* PAYPAL SECTION START */
/* PAYPAL SECTION START */
/* PAYPAL SECTION START */
/* PAYPAL SECTION START */
/* PAYPAL SECTION START */

.paypal-section .spinner-wrapper-outer{
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.paypal-section .spinner-wrapper{
    display: inline-block;
    vertical-align: middle;
}

.paypal-section .spinner-wrapper .spinner{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-style: solid;
    border-color: var(--global-content-regular-default) var(--global-content-regular-default) transparent transparent;
    border-width: 2px;
    border-radius: 50%;
    -webkit-animation: spinner-spin 0.8s linear 0s infinite normal none running;
    animation: spinner-spin 0.8s linear 0s infinite normal none running;
}

.paypal-section .paypal-fallback-text-wrapper{
	text-align: center;
	margin-bottom: 10px;
	color: var(--global-content-regular-subdued);
	font-style: italic;
	display: none;
}

/* PAYPAL SECTION END */
/* PAYPAL SECTION END */
/* PAYPAL SECTION END */
/* PAYPAL SECTION END */
/* PAYPAL SECTION END */

/* REVIEW SHIPPINGV2 SECTION START */
/* REVIEW SHIPPINGV2 SECTION START */
/* REVIEW SHIPPINGV2 SECTION START */
/* REVIEW SHIPPINGV2 SECTION START */
/* REVIEW SHIPPINGV2 SECTION START */

.review-section .physical-shipping-address-wrapper .row,
.review-shippingv2-section .physical-shipping-address-wrapper .row,
.review-shippingv2-section .physical-shipping-address-wrapper .address-country-and-state-wrapper-outer .row:last-child{
    margin-bottom: 1.25rem;
}

.review-section .physical-shipping-address-wrapper .row:last-child,
.review-shippingv2-section .physical-shipping-address-wrapper .row:last-child{
    margin-bottom: 0px;
}

.review-section .country-not-available-for-shipping-wrapper,
.review-shippingv2-section .country-not-available-for-shipping-wrapper{
    text-align: center;
}

.review-shippingv2-section .shipping-method-row,
.review-shippingv2-section .choose-option-row{
    border-top: 1px solid var(--global-border-regular-default);
    border-left: 1px solid var(--global-border-regular-default);
    border-right: 1px solid var(--global-border-regular-default);
    margin: 0 auto;
    padding: 20px;
    cursor: pointer;
}

.review-shippingv2-section .shipping-method-row.active,
.review-shippingv2-section .choose-option-row.active{
    background-color: var(--global-highlight-base-default);
    border: 1px solid var(--global-highlight-border-default) !important;
}

.review-shippingv2-section .shipping-method-row:last-child,
.review-shippingv2-section .choose-option-row:last-child{
    border-bottom: 1px solid var(--global-border-regular-default);
}

.review-shippingv2-section .shipping-methods-wrapper .shipping-method-row:first-child,
.review-shippingv2-section .choose-options-wrapper .choose-option-row:first-child{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.review-shippingv2-section .shipping-methods-wrapper .shipping-method-row:last-child,
.review-shippingv2-section .choose-options-wrapper .choose-option-row:last-child{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.review-shippingv2-section .shipping-method-row .shipping-method-description,
.review-shippingv2-section .choose-option-row .choose-option-description{
    color: var(--global-content-subdued-default);
}

.review-shippingv2-section .shipping-method-row .shipping-method-price,
.review-shippingv2-section .choose-option-row .choose-option-meta{
    font-weight: bold;
    text-align: right;
}

.review-shippingv2-section .shipping-method-row .shipping-method-layout,
.review-shippingv2-section .choose-option-row .choose-option-layout{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
}

.review-shippingv2-section .shipping-method-row .shipping-layout-column-for-name-description-and-price,
.review-shippingv2-section .choose-option-row .choose-option-layout-column-for-name-description-and-meta{
    display: grid;
    grid-template-columns: minmax(-webkit-min-content, 1fr) auto;
    grid-template-columns: minmax(min-content, 1fr) auto;
    column-gap: 12px;
}

.review-shippingv2-section .shipping-method-row .shipping-layout-column-for-name-and-description,
.review-shippingv2-section .choose-option-row .choose-option-layout-column-for-name-and-description{
    text-wrap: wrap;
    word-break: break-word;
}

.review-shippingv2-section .shipping-method-row .shipping-layout-column-for-name-and-description-inner,
.review-shippingv2-section .choose-option-row .choose-option-layout-column-for-name-and-description-inner{
    display: flex;
    flex-direction: column;
    align-items: initial;
    justify-content: initial;
    row-gap: 4px;
    margin-left: 10px;
}

.review-shippingv2-section .shipping-method-row.hide-radio,
.review-shippingv2-section .choose-option-row.hide-radio{
    cursor: default;
}

.review-shippingv2-section .shipping-method-row.hide-radio .shipping-method-radio-wrapper,
.review-shippingv2-section .choose-option-row.hide-radio .choose-option-radio-wrapper{
    display: none;
}

.review-shippingv2-section .choose-option-row .choose-option-meta-description{
    color: var(--global-content-subdued-default);
}

.review-shippingv2-section .choose-option-row .choose-option-layout-column-for-meta-inner{
    display: flex;
    flex-direction: column;
    align-items: initial;
    justify-content: initial;
    row-gap: 4px;
}

.review-shippingv2-section .waiting-for-shipping-address-wrapper{
    background-color: var(--global-bg-base-default);
    padding: 1rem;
    border: 1px solid var(--global-border-regular-default);
    border-radius: 4px;
    color: var(--global-content-subdued-default);
}

.review-shipping-section .additional-context,
.review-shippingv2-section .additional-context{
    color: var(--global-content-subdued-default);
    font-style: italic;
}

body.only-show-fulfillment-type-local-pickup .review-shippingv2-section .headline-fulfillment-type,
body.only-show-fulfillment-type-local-pickup .review-shippingv2-section .fulfillment-types-wrapper{
    display: none;
}

/* REVIEW SHIPPINGV2 SECTION END */
/* REVIEW SHIPPINGV2 SECTION END */
/* REVIEW SHIPPINGV2 SECTION END */
/* REVIEW SHIPPINGV2 SECTION END */
/* REVIEW SHIPPINGV2 SECTION END */

/* PURCHASE SUCCESS MESSAGE SECTION START */
/* PURCHASE SUCCESS MESSAGE SECTION START */
/* PURCHASE SUCCESS MESSAGE SECTION START */
/* PURCHASE SUCCESS MESSAGE SECTION START */
/* PURCHASE SUCCESS MESSAGE SECTION START */

body.show-final-state-of-checkout-page .footer-segment,
body.show-final-state-of-checkout-page .coupon-segment,
body.show-final-state-of-checkout-page .cross-sell-segment,
body.show-final-state-of-checkout-page .cart-segment .edit-cart-item-link-wrapper-outer{
    display: none;
}

.purchase-success-message-section .tick-wrapper{
    margin-bottom: 1rem;
}

.purchase-success-message-section .tick-wrapper svg{
    width: 60px;
    height: 60px;
}

.purchase-success-message-section .tick-wrapper svg .tick-icon-bg{
    fill: #41A67E;
}

.purchase-success-message-section .title{
    font-size: var(--font-size-large);
    font-weight: 600;
    margin-bottom: 2rem;
}

.purchase-success-message-section .message{
    color: var(--global-content-subdued-default);
    font-size: var(--font-size-large);
}

.purchase-success-message-section .buyer-email-pointer{
    color: var(--global-content-subdued-default);
}

.purchase-success-message-section .buyer-email-pointer,
.purchase-success-message-section .purchase-success-first-edit-email-button{
    font-size: var(--font-size-default);
}

.purchase-success-message-section .purchase-success-edit-email-input-wrapper{
    max-width: 300px;
}
.purchase-success-message-section.purchase-success-edit-email-input-wrapper input[type="text"]{
    height: 36px;
    box-shadow: none;
}
.purchase-success-message-section .purchase-success-edit-email-input-wrapper .purchase-success-final-edit-email-button .button-text-mobile{
    display: none;
}

@media screen and (max-width: 767px) {
    .purchase-success-message-section .purchase-success-edit-email-input-wrapper .input-group{
        display: block;
    }
    .purchase-success-message-section .purchase-success-edit-email-input-wrapper .purchase-success-final-edit-email-button{
        border-radius: 5px !important;
        margin-top: 5px;
    }
    .purchase-success-message-section .purchase-success-edit-email-input-wrapper .purchase-success-final-edit-email-button .button-text-desktop{
        display: none;
    }
    .purchase-success-message-section .purchase-success-edit-email-input-wrapper .purchase-success-final-edit-email-button .button-text-mobile{
        display: inline;
    }
    .purchase-success-message-section .purchase-success-edit-email-input-wrapper input[type="text"]{
        width: 100%;
    }
    .purchase-success-message-section .purchase-success-edit-email-input-wrapper{
        width: 100%;
    }
}

.purchase-success-message-section[data-payment-type="paid"] *[data-payment-type="free"],
.purchase-success-message-section[data-payment-type="free"] *[data-payment-type="paid"]{
    display: none;
}

.purchase-success-message-section .edit-email-wrapper-outer{
    margin-top: 2rem;
}

.purchase-success-message-section .edit-email-wrapper-outer .buyer-pointer-email{
    font-weight: 600;
}

.purchase-success-message-section .purchase-success-edit-email-input-wrapper input[type="text"]:focus{
    box-shadow: none;
}

.purchase-success-message-section .shippingv2-confirmation-after-payment-wrapper .grey-box{
    background-color: var(--global-bg-base-default);
    border: 1px solid var(--global-border-regular-default);
    padding: 2rem;
    border-radius: 4px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.purchase-success-message-section .shippingv1-message{
    color: var(--global-content-subdued-default);
    font-size: var(--font-size-large);
}

.purchase-success-message-section .placeholder-giftee-email-address{
    font-weight: 600;
}

/* PURCHASE SUCCESS MESSAGE SECTION END */
/* PURCHASE SUCCESS MESSAGE SECTION END */
/* PURCHASE SUCCESS MESSAGE SECTION END */
/* PURCHASE SUCCESS MESSAGE SECTION END */
/* PURCHASE SUCCESS MESSAGE SECTION END */

/* GENERAL MESSAGE SECTION START */
/* GENERAL MESSAGE SECTION START */
/* GENERAL MESSAGE SECTION START */
/* GENERAL MESSAGE SECTION START */
/* GENERAL MESSAGE SECTION START */

.general-message-section{

}

.general-message-section .general-message-section-core-contents{
    color: var(--global-content-subdued-default);
    font-size: var(--font-size-large);
}

/* GENERAL MESSAGE SECTION END */
/* GENERAL MESSAGE SECTION END */
/* GENERAL MESSAGE SECTION END */
/* GENERAL MESSAGE SECTION END */
/* GENERAL MESSAGE SECTION END */

/* SPINNER SECTION START */
/* SPINNER SECTION START */
/* SPINNER SECTION START */
/* SPINNER SECTION START */
/* SPINNER SECTION START */

.spinner-section{
	padding-top: 50px;
	padding-bottom: 100px;
	text-align: center;
}

.spinner-section .spinner-wrapper{
    display: inline-block;
    vertical-align: middle;
}

.spinner-section .spinner-wrapper .spinner{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-style: solid;
    border-color: var(--global-content-regular-default) var(--global-content-regular-default) transparent transparent;
    border-width: 2px;
    border-radius: 50%;
    -webkit-animation: spinner-spin 0.8s linear 0s infinite normal none running;
    animation: spinner-spin 0.8s linear 0s infinite normal none running;
}

/* SPINNER SECTION END */
/* SPINNER SECTION END */
/* SPINNER SECTION END */
/* SPINNER SECTION END */
/* SPINNER SECTION END */

/*****************************************************/
/*       EMAIL SEGMENT STARTS                    	 */
/*****************************************************/

.email-address-segment .email-suggestion-message{
   font-style: italic;
   margin-bottom: 1rem;
   display: none;
}

/*****************************************************/
/*       EMAIL SEGMENT ENDS                      	 */
/*****************************************************/

/*****************************************************/
/*       ERROR MESSAGE SEGMENT STARTS                */
/*****************************************************/

.error-message-segment .error-message{
   text-align: center;
   display: none;
}

/*****************************************************/
/*       ERROR MESSAGE SEGMENT ENDS              	 */
/*****************************************************/

/*****************************************************/
/*       PAYMENT TYPE SEGMENT STARTS             	 */
/*****************************************************/

.payment-type-segment{

}

.payment-type-segment .radio-box{
    display: block;
    position: relative;
    text-align: left;
    min-height: 60px;
    font-size: var(--font-size-default);
    /*border-top: 1px solid #E0E7EB;*/
    background-color: transparent;
    outline: none;
    border: 1px solid var(--global-border-regular-default);
    border-radius: var(--border-radius-small);
    margin-bottom: 10px;
}

.payment-type-segment .radio-box:first-child{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.payment-type-segment .radio-box{
	border-bottom: 1px solid var(--global-border-regular-default);
}

.payment-type-segment .radio-box-highlighted:not(.card):not([data-payment-gateway-type="square-gateway"]){
   background-color: var(--global-highlight-base-default);
   border: 1px solid var(--global-highlight-border-default) !important;
}

.payment-type-segment .radio-label{
    display: block;
    width: 100%;
    cursor: pointer;
    outline: none;
   padding: 16px 10px;
   position: relative;
}

.payment-type-segment .radio-box .radio-label .payment-type-name{
   margin-left: 3px;
   font-weight: bold;
}

.payment-type-segment .radio-box .radio-label .payment-type-description{
    display: block;
    padding-left: 20px;
    font-size: var(--font-size-default);
    padding-top: 3px;
    color: var(--global-content-subdued-default);
    -webkit-font-smoothing: antialiased;
}

.payment-type-segment .radio-box.paypal .radio-label .payment-type-image{
    position: absolute;
    top: 10px;
    right: 15px;
    background-image: url(/images/payment-method/paypal.svg);
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: 33px;
}

.payment-type-segment .radio-box.card .radio-label .payment-type-image{
    position: absolute;
    top: 15px;
    right: 20px;
    /*background-image: url(/images/payout/payment-type-label-card-3.svg);*/
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 30px;
    opacity: 0.5;
}

/*****************************************************/
/*       PAYMENT TYPE SEGMENT END.            		 */
/*****************************************************/

/*****************************************************/
/*       CARD SEGMENT STARTS                  		 */
/*****************************************************/

.card-segment .security-message{
    text-transform: none;
    position: absolute;
    color: #CCCCCC;
    cursor: pointer;
    top: 17px;
    right: 15px;
}

.card-segment .security-message:hover{
   color: #999999;
}

.card-segment{
   margin-top: 20px;
   padding-bottom: 20px;
}

.card-segment,
.card-segment *,
.card-segment *:before,
.card-segment *:after{
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.card-segment .stripe-elements-wrapper{
    min-height: 40px;
    padding: .75em 1em;
    background-color: #FFFFFF;
    margin-bottom: 0px;
}

.card-segment .stripe-elements-wrapper.active{

}

/* Alter design when card segment is inside payment segment */
.payment-type-segment .card-segment{
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0px;
    display: none;
    border-top: 1px solid #E0E7EB;
    padding-top: 15px;
}

.payment-type-segment .form-check .form-check-input{
	margin-left: 0px;
	margin-right: 6px;
}

/*****************************************************/
/*        CARD SEGMENT END                           */
/*****************************************************/

/*****************************************************/
/*       BILLING ADDRESS SEGMENT STARTS              */
/*****************************************************/

.billing-address-segment{
   
}

.billing-address-segment .billing-address-contents-wrapper{
    padding: 20px;
    margin-bottom: 15px;
    background-color: var(--global-bg-base-default);
    border: 1px solid var(--global-border-regular-default);
    border-radius: 4px;
}

.billing-address-segment .billing-address-contents-wrapper .row{
    margin-bottom: 1rem;
}

/*****************************************************/
/*       BILLING ADDRESS SEGMENT END                 */
/*****************************************************/

/*****************************************************/
/*       IDENTITY NUMBER SEGMENT STARTS              */
/*****************************************************/

.identity-number-segment{
   
}

.identity-number-segment .identity-number-description{
    margin-bottom: 5px;
}

.identity-number-segment .identity-number-contents-wrapper{
    padding: 20px;
    margin-bottom: 15px;
    background-color: var(--global-bg-base-default);
    border: 1px solid var(--global-border-regular-default);
    border-radius: 4px;
}

/*****************************************************/
/*       IDENTITY NUMBER SEGMENT END                 */
/*****************************************************/


/*****************************************************/
/*           GIFTING SEGMENT STARTS           		 */
/*****************************************************/

.gifting-segment{
   padding-bottom: 10px;
}

.gifting-segment .gifting-checkbox-wrapper input[type="checkbox"]{
    margin-right: 3px;
}

.gifting-segment .gifting-fields-wrapper{
   background-color: var(--global-bg-base-default);
    padding: 10px;
    border: 1px solid var(--global-border-regular-default);
    border-radius: 4px;
    margin-bottom: 10px;
}

.gifting-segment .icon{
    width: 15px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

/*****************************************************/
/*           GIFTING SEGMENT END               		 */
/*****************************************************/

/*****************************************************/
/*       EMAIL CONSENT CHECKBOX SEGMENT STARTS       */
/*****************************************************/

.email-consent-checkbox-segment{
    padding-bottom: 10px;
}

/*****************************************************/
/*       EMAIL CONSENT CHECKBOX SEGMENT END          */
/*****************************************************/

/************************************************************/
/*          CUSTOM FIELDS SEGMENT START                 	*/
/************************************************************/

.custom-fields-segment .custom-field-row .custom-field-input-label{

}

.custom-fields-segment .custom-field-row .custom-field-input-description{
    text-transform: none;
    margin-top: -5px;
}

.custom-fields-segment .custom-field-row{
    margin-bottom: 1.25rem;
}

.custom-fields-segment .custom-field-row textarea{
    height: 75px;
}

.custom-fields-segment .form-check label{
    cursor: pointer;
}

.custom-fields-segment .custom-field-input-description{
    color: var(--global-content-subdued-default);
}

/************************************************************/
/*          CUSTOM FIELDS SEGMENT END                		*/
/************************************************************/

/************************************************************/
/*	     BUYER ACCOUNT ALREADY LOGGED IN SEGMENT START      */
/************************************************************/

.buyer-account-already-logged-in-segment{
	margin-bottom: 2rem;
}

.buyer-account-already-logged-in-segment .fallback-avatar-image-wrapper{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.buyer-account-already-logged-in-segment .buyer-account-logout-link-wrapper{
	display: inline-block;
}

/************************************************************/
/*	     BUYER ACCOUNT ALREADY LOGGED IN SEGMENT END        */
/************************************************************/

/************************************************************/
/*       COLLECT LOCATION MINI SEGMENT START                */
/************************************************************/

.collect-location-mini-segment{
    margin-bottom: 2rem;
}

.collect-location-mini-segment .row{
    margin-bottom: 1.25rem;
}

/************************************************************/
/*       COLLECT LOCATION MINI SEGMENT END                  */
/************************************************************/

/************************************************************/
/*       MOBILE TOP SEGMENT START                           */
/************************************************************/

.mobile-top-segment{
    grid-area: mobile-top-segment-area;
    display: none;
    background-color: var(--global-bg-base-default);
    border-bottom: 1px solid var(--global-border-regular-default);
}

.mobile-top-segment .inner{
    max-width: 42rem;
    margin: 0 auto;
}

.mobile-top-segment .accordion-button{
    padding: 1rem 2rem;
}

.mobile-top-segment .accordion-body{
    padding: 0rem 2rem;
}

.mobile-top-segment .accordion-button.collapsed .show-when-accordion-open,
.mobile-top-segment .accordion-button:not(.collapsed) .show-when-accordion-collapsed{
    display: none;
}

.mobile-top-segment .accordion-button:not(.collapsed){
    color: var(--global-content-regular-default);
    background-color: transparent;
    box-shadow: none;
}

.mobile-top-segment .accordion-button:focus{
    border-color: transparent;
    box-shadow: none;
}

.mobile-top-segment .accordion-button:not(.collapsed):after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.mobile-top-segment .accordion-top-part-wrapper{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.mobile-top-segment .accordion-top-part-wrapper .total-price{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.5rem;
}

.mobile-top-segment .accordion-top-part-wrapper .total-price-currency{
    margin-right: .25em;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    text-transform: uppercase;
    color: var(--global-content-subdued-default);
}

.mobile-top-segment .accordion-top-part-wrapper .total-price-value{
    font-size: var(--font-size-large);
    font-weight: 600;
    line-height: 1.5rem;
}

.mobile-top-segment .accordion-item,
.mobile-top-segment .accordion-button{
    background-color: transparent;
}

.mobile-top-segment .accordion-button:after{
    display: none;
}

.mobile-top-segment .headline{
    color: var(--global-primary-general-default);
    
}

.mobile-top-segment .headline,
.mobile-top-segment .accordion-top-part-wrapper .total-price-currency{
    font-size: 0.875rem;
}

.mobile-top-segment .headline .icon{
    width: 14px;
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.mobile-top-segment .scroll-for-more-items-indicator{
    display: none;
}

/************************************************************/
/*       MOBILE TOP SEGMENT END                             */
/************************************************************/

/************************************************************/
/*       MOBILE ORDER SUMMARY SEGMENT START                 */
/************************************************************/

.mobile-order-summary-segment{
    display: none;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mobile-order-summary-segment .accordion-button.collapsed .show-when-accordion-open,
.mobile-order-summary-segment .accordion-button:not(.collapsed) .show-when-accordion-collapsed{
    display: none;
}

.mobile-order-summary-segment .mobile-order-summary-coupon-wrapper{
    margin-bottom: 1rem;
}

.mobile-order-summary-segment .mobile-order-summary-coupon-wrapper .btn{
    font-weight: 600;
    font-size: 0.8rem;
}

.mobile-order-summary-segment .mobile-order-summary-coupon-wrapper .btn .icon{
    width: 1.25rem;
    margin-right: 5px;
}

.mobile-order-summary-segment .accordion-button:not(.collapsed){
    color: var(--global-content-regular-default);
    background-color: transparent;
    box-shadow: none;
}

.mobile-order-summary-segment .accordion-button:focus{
    border-color: transparent;
    box-shadow: none;
}

.mobile-order-summary-segment .accordion-top-part-wrapper{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.mobile-order-summary-segment .accordion-top-part-wrapper .headline .text{
    font-size: var(--font-size-large);
    font-weight: 600;
}

.mobile-order-summary-segment .accordion-top-part-wrapper .headline .num-items{
    color: var(--global-content-subdued-default);
    margin-top: 3px;
    font-size: 0.875rem;
}

.mobile-order-summary-segment .accordion-top-part-wrapper .total-price{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.5rem;
}

.mobile-order-summary-segment .accordion-top-part-wrapper .total-price-currency{
    margin-right: .25em;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    text-transform: uppercase;
    color: var(--global-content-subdued-default);
    font-size: 0.875rem;
}

.mobile-order-summary-segment .accordion-top-part-wrapper .total-price-value{
    font-size: var(--font-size-large);
    font-weight: 600;
    line-height: 1.5rem;
}

.mobile-order-summary-segment .accordion-button,
.mobile-order-summary-segment .accordion-body{
    padding-left: 0px;
    padding-right: 0px;
}

.mobile-order-summary-segment .headline{
    display: flex;
    justify-content: space-between;
}

.mobile-order-summary-segment .headline-product-thumbnail-wrapper{
    width: 50px;
    height: 50px;
    position: relative;
    box-shadow: var(--box-shadow-small);
    border-radius: var(--border-radius-medium);
}

.mobile-order-summary-segment .headline-product-thumbnail-wrapper img{
    border: 2px solid #FFFFFF;
    border-radius: var(--border-radius-medium);
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.mobile-order-summary-segment .headline-product-thumbnail-wrapper{
    margin-right: 1rem;
}

.mobile-order-summary-segment .headline-product-thumbnail-wrapper .fallback-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
}

.mobile-order-summary-segment .headline-product-thumbnail-wrapper .fallback-wrapper svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.5;
}

.mobile-order-summary-segment .headline-product-meta-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-order-summary-segment .accordion-item,
.mobile-order-summary-segment .accordion-button{
    background-color: transparent;
}

.mobile-order-summary-segment .accordion-button:after{
    width: 0.875rem;
    height: 0.875rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-size: 0.875rem;
}

.mobile-order-summary-segment .scroll-for-more-items-indicator{
    display: none;
}

/************************************************************/
/*       MOBILE ORDER SUMMARY SEGMENT END                   */
/************************************************************/

/************************************************************/
/*          PAYMENT GATEWAY - COMMON START            		*/
/************************************************************/

body.stripe-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"],
body.paypal-express-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="paypal-express-gateway"],
body.square-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="square-gateway"],
body.mollie-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="mollie-gateway"],
body.paystack-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="paystack-gateway"],
body.authorize-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="authorize-gateway"],
body.mercado-pago-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="mercado-pago-gateway"],
body.coinbase-commerce-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="coinbase-commerce-gateway"],
body.flutterwave-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="flutterwave-gateway"],
body.razorpay-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="razorpay-gateway"],
body.payu-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="payu-gateway"],
body.xendit-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="xendit-gateway"],
body.paytabs-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="paytabs-gateway"],
body.iyzico-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="iyzico-gateway"],
body.midtrans-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="midtrans-gateway"],
body.paytm-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="paytm-gateway"],
body.paymob-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="paymob-gateway"],
body.jazzcash-gateway-enabled .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="jazzcash-gateway"]{
   display: block !important;
}

/* Hide old Stripe approach if Stripe payment gateway enabled */
body.stripe-gateway-enabled .payment-type-segment .radio-box.card{
   display: none !important;
}

/* Hide old PayPal approach if PayPal Express payment gateway enabled */
body.paypal-express-gateway-enabled .payment-type-segment .radio-box.paypal{
   display: none !important;
}

body.payment-type-segment-shows-only-one-item.paypal-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item:not(.stripe-enabled):not(.square-gateway-enabled) .headline-select-payment-method,
body.payment-type-segment-shows-only-one-item.stripe-enabled .payment-type-segment .radio-label{
    display: none !important;
}

body.payment-type-segment-shows-only-one-item.stripe-enabled .payment-type-segment .card-segment{
    border-top: none !important;
}

body.payment-type-segment-shows-only-one-item .payment-type-segment .radio-box[data-payment-gateway-type="square-gateway"]{
    border: none !important;
}

body.payment-type-segment-shows-only-one-item .headline-select-payment-method .multiple-payment-types,
body:not(.payment-type-segment-shows-only-one-item) .headline-select-payment-method .single-payment-type{
    display: none !important;
}

body.payment-type-segment-shows-only-one-item .payment-type-segment .payment-type-radio{
   display: none;
}

body.payment-type-segment-shows-only-one-item .payment-type-segment .payment-type-top .form-check{
    padding-left: 0px;
}

body.payment-type-segment-shows-only-one-item.paypal-express-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.mollie-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.paystack-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.authorize-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.mercado-pago-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.coinbase-commerce-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.flutterwave-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.razorpay-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.payu-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.xendit-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.paytabs-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.iyzico-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.midtrans-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.paytm-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.paymob-gateway-enabled .payment-type-segment,
body.payment-type-segment-shows-only-one-item.jazzcash-gateway-enabled .payment-type-segment{
   display: none;
}

body.payment-type-segment-shows-only-one-item .payment-type-segment .radio-label{
   padding-left: 0px;
   padding-right: 0px;
}

body.payment-type-segment-shows-only-one-item .payment-type-segment .radio-box .radio-label .payment-type-description{
   padding-left: 0px;
}

body.payment-type-segment-shows-only-one-item .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment{
   margin-left: 0px;
   margin-right: 0px;
}

body:not(.payment-type-segment-shows-only-one-item) .radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment{
   padding-left: 5%;
   padding-right: 5%;
}

.payment-gateway-radio-box.payment-gateway-has-payment-methods .radio-label .payment-type-image{
   position: absolute;
    top: 12px;
    right: 8px;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: 35px;
}

.payment-gateway-radio-box.payment-gateway-has-payment-methods[data-payment-method-type="creditcard"] .radio-label .payment-type-image {
    position: absolute;
    top: 18px;
    right: 8px;
    background-image: url(/images/payout/payment-type-label-card-2.svg);
    width: 85px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 80px;
}

/************************************************************/
/*          PAYMENT GATEWAY - COMMON END           			*/
/************************************************************/

/************************************************************/
/*          PAYMENT GATEWAY - STRIPE START            		*/
/************************************************************/

.payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment .payment-gateway-stripe-elements-wrapper{
   min-height: 40px;
    padding: .75em 1em;
    border: 1px solid #E0E5E9;
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment .payment-gateway-stripe-elements-wrapper.active{
   border-color: #1fb6ff;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/* Alter design when card segment is inside payment segment */
.payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment{
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0px;
    display: none;
    border-top: 1px solid #E0E7EB;
    padding-top: 15px;
}

.payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment .security-message{
    text-transform: none;
    position: absolute;
    color: #CCCCCC;
    cursor: pointer;
    top: 17px;
    right: 15px;
}

.payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment .security-message:hover{
   color: #999999;
}

.payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment{
   margin-top: 20px;
}

.payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment,
.payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment *,
.payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment *:before,
.payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .payment-gateway-core-contents-segment *:after{
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
/*
.payment-gateway-radio-box[data-payment-gateway-type="stripe-gateway"] .radio-label .payment-type-image{
    position: absolute;
    top: 18px;
    right: 8px;
    background-image: url(/images/payout/payment-type-label-card-2.svg);
    width: 85px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 80px;
}
*/
/************************************************************/
/*          PAYMENT GATEWAY - STRIPE END           			*/
/************************************************************/

/************************************************************/
/*          PAYMENT GATEWAY - SQUARE START            		*/
/************************************************************/

.payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment .sq-card-iframe-container{
    border: 1px solid var(--global-border-regular-default);
}

.payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment .sq-card-wrapper.sq-focus .sq-card-iframe-container:before{
   border-color: var(--global-primary-general-default);
}

/* Alter design when card segment is inside payment segment */
.payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment{
    margin-top: 0px;
    display: none;
    border-top: 1px solid #E0E7EB;
    padding-top: 15px;
}

body.payment-type-segment-shows-only-one-item .payment-type-segment .payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment{
    border-top: none;
}

.payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment .security-message{
    text-transform: none;
    position: absolute;
    color: #CCCCCC;
    cursor: pointer;
    top: 17px;
    right: 15px;
}

.payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment .security-message:hover{
   color: #999999;
}

.payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment{
   margin-top: 20px;
}

.payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment,
.payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment *,
.payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment *:before,
.payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .payment-gateway-core-contents-segment *:after{
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.payment-gateway-radio-box[data-payment-gateway-type="square-gateway"] .radio-label .payment-type-image{
    position: absolute;
    top: 18px;
    right: 8px;
    background-image: url(/images/payout/payment-type-label-card-2.svg);
    width: 85px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 80px;
}

/************************************************************/
/*          PAYMENT GATEWAY - SQUARE END           			*/
/************************************************************/

/************************************************************/
/*          PAYMENT GATEWAY - PAYPAL EXPRESS START       	*/
/************************************************************/

.payment-gateway-radio-box[data-payment-gateway-type="paypal-express-gateway"] .radio-label .payment-type-image{
   position: absolute;
    top: 18px;
    right: 15px;
    background-image: url(/images/payout/payment-type-label-paypal.svg);
    width: 70px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 70px;
}

/************************************************************/
/*          PAYMENT GATEWAY - PAYPAL EXPRESS END      		*/
/************************************************************/

/*****************************************************/
/*       ERROR MESSAGE SEGMENT STARTS                */
/*****************************************************/

.error-message-segment .error-message{
   text-align: center;
   display: none;
}

/*****************************************************/
/*       ERROR MESSAGE SEGMENT ENDS              	 */
/*****************************************************/

/*****************************************************/
/*       FOOTER SEGMENT STARTS                		 */
/*****************************************************/

.footer-segment .security-message-general-wrapper{
	text-align: center;
	margin-top: 3rem;
	color: var(--global-content-subdued-default);
	font-size: var(--font-size-small);
}

.footer-segment .security-message-general-wrapper .icon{
	position: relative;
	top: -2px;
}

body.hide-powered-by-payhip .footer-segment .powered-by-badge,
body.hide-powered-by-payhip .footer-segment .footer-links-wrapper .separator-last{
    display: none;
}

.footer-segment .footer-links-wrapper a{
    color: var(--global-content-subdued-default);
}

.footer-segment .footer-links-wrapper .separator{
    margin: 0px 5px;
}

.footer-segment .footer-links-mobile{
    margin-top: 1rem;
    display: none;
}

/*****************************************************/
/*       FOOTER SEGMENT END                			 */
/*****************************************************/

/*****************************************************/
/*       CROSS SELL SEGMENT STARTS                   */
/*****************************************************/

.cross-sell-segment{
    margin-top: 3rem;
}

.cross-sell-segment .cross-sell-item{
    background-color: rgba(0, 0, 0, 0.03);
    padding: 1rem;
}

.cross-sell-segment .multiple-promoted-products-mode .cross-sell-item{
    padding: 1rem 2rem;
}

.cross-sell-segment .cross-sell-message-single{
    font-style: italic;
    margin-bottom: 10px;
}

.cross-sell-segment .cross-sell-message-single a{
    color: var(--global-content-regular-default);
}

.cross-sell-segment .cross-sell-button-prev,
.cross-sell-segment .cross-sell-button-next{
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Shown when slideshow is ready */
    opacity: 0;
    transition: opacity .3s ease-in;
    visibility: hidden;
    padding: 5px;
    transform: translate(0%, -50%);
}

.cross-sell-segment .cross-sell-button-prev svg,
.cross-sell-segment .cross-sell-button-next svg{
    width: 16px;
    opacity: 0.5;
}

.cross-sell-segment .cross-sell-button-prev{
    left: 4px;
    right: auto;
}

.cross-sell-segment .cross-sell-button-next{
    right: 4px;
    left: auto;
}

.cross-sell-segment.cross-sell-swiper-initialized .cross-sell-button-prev:not(.swiper-button-disabled),
.cross-sell-segment.cross-sell-swiper-initialized .cross-sell-button-next:not(.swiper-button-disabled){
    visibility: visible !important;
    opacity: 1 !important;
}

.cross-sell-segment .add-to-cart-button{
    font-weight: 600;
    font-size: 0.8rem;
}

.cross-sell-segment .add-to-cart-button .icon{
    width: 1rem;
    margin-right: 5px;
}

.mobile-cross-sell-wrapper{
    display: none;
}
.mobile-cross-sell-wrapper .cross-sell-segment .cross-sell-item{
    padding: 1rem;
}
.mobile-cross-sell-wrapper .cross-sell-button-prev,
.mobile-cross-sell-wrapper .cross-sell-button-next{
    display: none !important;
}

/*
    Need to avoid item 2, 3, 4 etc appearing, should just be first item on mobile
    otherwise horizontal scrollbar will appear
*/
.mobile-cross-sell-wrapper .cross-sell-segment .cross-sell-items-wrapper .cross-sell-item{
    display: none;
}
.mobile-cross-sell-wrapper .cross-sell-segment .cross-sell-items-wrapper .cross-sell-item:first-child{
    display: block;
}

/*****************************************************/
/*       CROSS SELL SEGMENT END                      */
/*****************************************************/

/* ADD COMPANY VAT NUMBER MODAL START */
/* ADD COMPANY VAT NUMBER MODAL START */
/* ADD COMPANY VAT NUMBER MODAL START */
/* ADD COMPANY VAT NUMBER MODAL START */
/* ADD COMPANY VAT NUMBER MODAL START */

#add-company-vat-number-modal .company-vat-number-input{
    padding-left: 55px !important;
}

#add-company-vat-number-modal .intl-tel-input{
    display: block !important;
}

#add-company-vat-number-modal .intl-tel-input .country-list{
    z-index: 10000 !important;
}

#add-company-vat-number-modal .intl-tel-input .country-list .country .dial-code,
#add-company-vat-number-modal .intl-tel-input.separate-dial-code .selected-dial-code{
    display: none;
}

#add-company-vat-number-modal .modal-footer-spinner{
    color: #999999;
}

#add-company-vat-number-modal .modal-footer-success{
    width: 100%;
    text-align: center;
}

#add-company-vat-number-modal .modal-footer .btn-primary{
    margin-left: 1rem;
}

/* ADD COMPANY VAT NUMBER MODAL END */
/* ADD COMPANY VAT NUMBER MODAL END */
/* ADD COMPANY VAT NUMBER MODAL END */
/* ADD COMPANY VAT NUMBER MODAL END */
/* ADD COMPANY VAT NUMBER MODAL END */

/* EDITOR OFFCANVAS START */
/* EDITOR OFFCANVAS START */
/* EDITOR OFFCANVAS START */
/* EDITOR OFFCANVAS START */
/* EDITOR OFFCANVAS START */

#editor-offcanvas .offcanvas-title{
    font-weight: 600;
    font-size: var(--font-size-large);
}

#editor-offcanvas #editor-offcanvas-upload-logo-preview-wrapper,
#editor-offcanvas #editor-offcanvas-upload-banner-background-preview-wrapper{
    max-height: 300px;
    /* Need to override inline-block that's set on the element */
    display: block !important;
    margin-bottom: 10px;
}

#editor-offcanvas #editor-offcanvas-upload-logo-preview-wrapper img,
#editor-offcanvas #editor-offcanvas-upload-banner-background-preview-wrapper img{
    max-height: 200px;
    max-width: 100%;
    width: auto !important;
}

#editor-offcanvas #editor-offcanvas-remove-uploaded-logo,
#editor-offcanvas #editor-offcanvas-remove-uploaded-banner-background{
    margin-right: 10px;
}

#editor-offcanvas .custom-label{
    font-size: 1rem;
    color: #666666;
}

#editor-offcanvas .page-editor-headline{
    font-weight: 600;
    font-size: var(--font-size-default);
    margin-top: 2rem;
    margin-bottom: 1rem;
}

#editor-offcanvas .publish-changes-wrapper-outer{
    padding: 1rem;
}

#editor-offcanvas .banner-background-color-input-wrapper{
    position: relative;
}

#editor-offcanvas .color-picker-component-wrapper-outer{
    position: relative;
}

#editor-offcanvas .color-picker-trigger{
    width: 100%;
    position: static !important;
    transform: none !important;
}

#editor-offcanvas .color-picker-trigger .preview{
    border-radius: 4px;
    width: 90%;
}

body:not(.has-header) #editor-offcanvas .page-editor-field-wrapper[data-type="logoMediaObject"],
body:not(.has-header) #editor-offcanvas .page-editor-field-wrapper[data-type="logoSize"],
body:not(.has-header) #editor-offcanvas .page-editor-field-wrapper[data-type="logoPosition"],
body:not(.has-header) #editor-offcanvas .page-editor-field-wrapper[data-type="bannerBackgroundMediaObject"],
body:not(.has-header) #editor-offcanvas .page-editor-field-wrapper[data-type="bannerBackgroundColor"],
body:not(.has-header) #editor-offcanvas .page-editor-field-wrapper[data-type="bannerBackgroundSize"],
body:not(.has-header) #editor-offcanvas .page-editor-field-wrapper[data-type="bannerBackgroundPosition"],
body:not(.has-header) #editor-offcanvas .page-editor-field-wrapper[data-type="bannerBackgroundRepeat"],
body:not(.has-header) #editor-offcanvas .page-editor-field-wrapper[data-type="bannerBackgroundOpacity"]{
    display: none;
}

body:not(.has-logo-image) #editor-offcanvas .page-editor-field-wrapper[data-type="logoSize"],
body:not(.has-logo-image) #editor-offcanvas .page-editor-field-wrapper[data-type="logoPosition"]{
    display: none;
}

body:not(.has-banner-image) #editor-offcanvas .page-editor-field-wrapper[data-type="bannerBackgroundSize"],
body:not(.has-banner-image) #editor-offcanvas .page-editor-field-wrapper[data-type="bannerBackgroundPosition"],
body:not(.has-banner-image) #editor-offcanvas .page-editor-field-wrapper[data-type="bannerBackgroundRepeat"],
body:not(.has-banner-image) #editor-offcanvas .page-editor-field-wrapper[data-type="bannerBackgroundOpacity"]{
    display: none;
}

#editor-offcanvas .page-editor-reset-button-wrapper{
    margin-top: 4rem;
    margin-bottom: 2rem;
}

#editor-offcanvas .page-editor-reset-button{
    font-weight: 600;
    font-size: 0.8rem;
}

#editor-offcanvas .page-editor-reset-button .icon{
    width: 16px;
    position: relative;
    top: -1px;
    margin-right: 10px;
}

#editor-offcanvas .page-editor-reset-button path{
    color: #D73535 !important;
}

#editor-offcanvas .color-picker-trigger[data-preview-property="primaryButtonBackgroundColorDefault"] + .color-picker-wrapper .color-picker-transparent-button{
    display: none !important;
}

/* EDITOR OFFCANVAS END */
/* EDITOR OFFCANVAS END */
/* EDITOR OFFCANVAS END */
/* EDITOR OFFCANVAS END */
/* EDITOR OFFCANVAS END */

/* SPLASH LOADING START */
/* SPLASH LOADING START */
/* SPLASH LOADING START */
/* SPLASH LOADING START */
/* SPLASH LOADING START */

.splash-loading-wrapper-outer{
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    /* Highest z-index */
    z-index: 2147483647;
    display: none;
}

.splash-loading-wrapper-outer .splash-loading-wrapper-inner{
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    text-align: center;
}

.splash-loading-wrapper-outer .splash-loading-wrapper-inner .spinner-wrapper{
    margin-bottom: 20px;
}

.splash-loading-wrapper-outer .splash-loading-wrapper-inner .spinner-wrapper .spinner{
    display: inline-block;
    width: 60px;
    height: 60px;
    border-style: solid;
    border-color: rgb(76, 76, 76) rgb(76, 76, 76) rgb(211, 211, 211) rgb(211, 211, 211);
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spinner-spin 0.8s linear 0s infinite normal none running;
    animation: spinner-spin 0.8s linear 0s infinite normal none running;
}

.splash-loading-wrapper-outer .splash-loading-wrapper-inner .text{
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
    position: relative;
    top: -4px;
    color: #666666;
}

/* SPLASH LOADING END */
/* SPLASH LOADING END */
/* SPLASH LOADING END */
/* SPLASH LOADING END */
/* SPLASH LOADING END */

/* MOBILE START */
/* MOBILE START */
/* MOBILE START */
/* MOBILE START */
/* MOBILE START */

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

    .split-view{
        display: block;
    }

    .split-view .split-view-secondary{
        display: none;
    }

    .split-view .split-view-primary{
        display: flex;
        justify-content: center;
        height: 100%;
    }

    .mobile-order-summary-segment,
    .mobile-top-segment,
    .mobile-cross-sell-wrapper{
        display: block;
    }

    /*
        The only cross segment that should appear on mobile is 
        within mobile-cross-sell-wrapper
    */
    .mobile-top-segment .cross-sell-segment,
    .mobile-order-summary-segment .cross-sell-segment{
        display: none !important;
    }

    .split-view .split-view-primary .split-view-content{
        padding: 2rem;
    }

    .collect-name-segment .mobile-column-spacing-bottom{
        margin-bottom: 1rem;
    }

    .review-shipping-section .mobile-column-spacing-bottom,
    .review-shippingv2-section .mobile-column-spacing-bottom{
        margin-bottom: 1.25rem;
    }

    .footer-segment .footer-links-desktop{
        display: none;
    }
    .footer-segment .footer-links-mobile{
        display: block;
    }

}

/* MOBILE END */
/* MOBILE END */
/* MOBILE END */
/* MOBILE END */
/* MOBILE END */

/* ANIMATION START */
/* ANIMATION START */
/* ANIMATION START */
/* ANIMATION START */
/* ANIMATION START */

@-webkit-keyframes skeleton-loading-shimmer{
  0% {
    background-position: 100% 0%;
  }
  35% {
    background-position: 0% 0%;
  }
  85% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

@keyframes skeleton-loading-shimmer{
  0% {
    background-position: 100% 0%;
  }
  35% {
    background-position: 0% 0%;
  }
  85% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

@-webkit-keyframes spinner-spin{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-spin{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ANIMATION END */
/* ANIMATION END */
/* ANIMATION END */
/* ANIMATION END */
/* ANIMATION END */