@import "./css/additional.sense.shop.css";

.badge.new { background: #14b8a6;}
.badge.bestseller { background: #0ea5e9; }

.thb-product-detail .product-single__media-compare, .thb-product-detail .product-single__media-compare svg, .thb-product-detail .product-single__media-favorite, .thb-product-detail .product-single__media-favorite svg {
    transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }
.thb-product-detail .product-single__media-compare, .thb-product-detail .product-single__media-favorite {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); }
.thb-product-detail .product-single__media-compare, .thb-product-detail .product-single__media-favorite {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); }
.thb-product-detail .product-single__media-favorite,.thb-product-detail .product-single__media-compare {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); }
.thb-product-detail .product-images__slide.is-selected .product-single__media-compare, .thb-product-detail .product-images__slide.is-selected .product-single__media-favorite {
    opacity: 1; }
.thb-product-detail .product-single__media-compare {
    position: absolute;
    top: calc(12px + 12px + 24px);
    right: 12px;
    z-index: 40;
    background: var(--color-drawer-bg, #fff);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    opacity: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--block-border-radius, 16px) / 2); }
.thb-product-detail .product-single__media-compare svg {
    width: 24px;
    height: 24px;
    opacity: 1; }
.thb-product-detail .product-single__media-favorite {
    position: absolute;
    top: calc(12px + (12px + 24px) * 2);
    right: 12px;
    z-index: 40;
    background: var(--color-drawer-bg, #fff);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    opacity: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--block-border-radius, 16px) / 2); }
.thb-product-detail .product-single__media-favorite svg {
    width: 24px;
    height: 24px;
    opacity: 1; }

.section-profile #wa-my-info-read-wrapper .wa-field {
    display: flex;
    justify-content: space-between;
}
.section-profile .wa-field .wa-value {
    font-size: .8125rem;
}

.wa-field .button-edit {
    margin-top: 10px;
}

.section-profile #wa-my-info-edit-wrapper .wa-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

#wa-my-info-edit-wrapper .wa-form .wa-name {
    display: flex;
    width: 100%;
    align-items: center;
    font-weight: var(--font-body-medium-weight, 500);
    font-size: .8125rem;
    margin-bottom: 9px;
}

#wa-my-info-edit-wrapper .wa-form .wa-field-firstname input,#wa-my-info-edit-wrapper .wa-form .wa-field-lastname input, #wa-my-info-edit-wrapper .wa-form .wa-field-phone input,#wa-my-info-edit-wrapper .wa-form .wa-field-email input {
    width: 100%;
}

#wa-my-info-edit-wrapper .wa-form .wa-field-address {
    grid-column: span 2;
}
#wa-my-info-edit-wrapper .wa-form .wa-field-address p {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
#wa-my-info-edit-wrapper .wa-field-address-street,#wa-my-info-edit-wrapper .wa-field-address-city {
    grid-column: span 1;
}
.wa-field-address-region select, .wa-field-address-country select {
    display: block;
    width: 100%;
}
.wa-field-address-zip input {
    display: block;
    width: 100%;
}


#wa-my-info-edit-wrapper .wa-form .form-submit {
    grid-column: span 2;
}

.bonus {
    background: #ceb;
    display: inline-flex;
    align-items: center;
    font-size: .8125rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 5px;
    margin-left: 10px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--menu-badge-text);}
.plugin { margin-bottom: 20px; }
/* shipping and payment plugins ouput */


.metafield-single_line_text_field span {
    display: inline-flex;
    align-items: center;
}
.metafield-single_line_text_field span i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
}
span.loading { position: relative; top: 4px; left: 10px; }
.checkout span.loading { position: relative; top: 4px; left: 10px; }

#compare-leash { position: fixed; bottom: 0; font-size: 1em; left: 0; z-index: 9999; width: 100%; }
#compare-leash .container { padding-bottom: 0; text-align: right; }
#compare-leash a { font-weight: 600; color: var(--gray6); background: var(--gray1); display: inline-block; padding: 12px 16px;
    -webkit-transition:         background 0.5s ease-in-out;
    -moz-transition:            background 0.5s ease-in-out;
    -ms-transition:             background 0.5s ease-in-out;
    transition:                 background 0.5s ease-in-out;
    box-shadow:                 var(--shadow1);
    border-radius:              15px 15px 0 0;
}
#compare-leash a:hover { background: var(--red); color: var(--white) !important; }
#compare-leash a.just-added { background: var(--red); }

/* Product list
--------------- */

ul.thumbs { display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 40px 0; }
ul.thumbs li { display: flex; flex-direction: column; min-width: auto; padding: 16px 19px; position: relative; text-align: left; line-height: 1.2em; background: var(--white); box-shadow: var(--shadow); border-radius: 15px;
}
ul.thumbs li .image { }
ul.thumbs li .image img { vertical-align: bottom; max-width: 100%; border-radius: 5px; }
ul.thumbs li a { text-decoration: none; color: var(--black) }
ul.thumbs li h5 { font-weight: 400; margin-bottom: 4px; }
ul.thumbs li span.summary { color: var(--gray3); font-size: 0.9em; }
ul.thumbs li .features { color: #999; font-size: 0.9em; margin-top: 12px; }
ul.thumbs li .features li { display: flex; padding: 0; flex-direction: row; box-shadow: none; background: none; flex-wrap: wrap; width: auto; margin-bottom: 6px; }
ul.thumbs li .features .divider { color: var(--gray4); font-size: 14px; font-weight: 600; }
ul.thumbs li .features .divider:not(:first-of-type) { margin-top: 10px; }
ul.thumbs li .features .name { color: var(--gray4); margin-right: 4px;}
ul.thumbs li .features .value { color: var(--gray3); }
ul.thumbs li .features .is-color span { vertical-align: super; }
ul.thumbs li .features .icon16.color {width: 16px; height: 16px; vertical-align: bottom; }
ul.thumbs li a:hover { color: var(--red) !important; }
ul.thumbs li a:hover h5 { color: var(--red) !important; }
ul.thumbs .rating,
ul.thumbs .offers { }
ul.thumbs .out-of-stock { display: inline-block; margin: 3px 5px; }
ul.thumbs .purchase { margin: 0; }
ul.thumbs .purchase [type="submit"] { color: var(--white); }
ul.thumbs .purchase .icon16.compare { margin-top: 4px; }
ul.thumbs .added2cart { display: inline; padding: 0; font-size: 0.9em; }
.page-content.with-sidebar ul.thumbs li { width: 300px; }

ul.thumbs.mini { text-align: left; margin: 0; }
ul.thumbs.mini li { margin-left: 0; margin-right: 0; min-width: 146px; }
ul.thumbs.mini li .image img { width: 96px; height: 96px; }
ul.thumbs.mini li h5 { font-size: 1em; max-width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
ul.thumbs.mini .image { width: 96px; height: auto; }
ul.thumbs.mini li .price { display: block; margin-bottom: 8px; font-size: var(--h5-size);}
ul.thumbs.mini li .out-of-stock { margin-left: 0; }
ul.thumbs.mini .purchase { margin-top: 0; margin-bottom: 5px; }
ul.thumbs.mini [type="button"],
ul.thumbs.mini [type="submit"] { font-size: 0.9em; }

ul.thumbs.text-content { margin: 0; padding-top: 5px; }
ul.thumbs.text-content li { margin-left: 0; margin-right: 30px; }
ul.thumbs.text-content li p { margin-top: 5px; margin-bottom: 5px; }
.thb-secondary-area-item.thb-secondary-compare .thb-secondary-item-icon,.thb-secondary-area-item.thb-secondary-favorite .thb-secondary-item-icon {
    transform: translateY(2px);
}
.compare-from-list:hover { color: var(--color-accent-hover, #2c2d2e);transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);}
.compare-from-list.active { fill: var(--color-accent-hover, #2c2d2e); stroke: none;}

.product-card .icon-buttons {
    position: absolute;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    opacity: 0;
    transition: opacity 0.25s linear;
    top: calc(var(--badge-offset, 0px) + 14px);
    right: calc(var(--badge-offset, 0px) + 14px);
}
.product-card:hover .icon-buttons {
    opacity: 1;
}
.product-card a.compare {
    display: flex;
    font-size: 0.8125rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
    color: var(--color-body, #2c2d2e) !important;
    background: var(--color-drawer-bg, #ffffff);
    border-radius: calc(var(--block-border-radius, 16px) / 2);
}
ul.thumbs li a:hover.compare { color: var(--gray1) !important; }

.favorite-from-list:hover { color: var(--color-accent-hover, #2c2d2e);transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);}
.favorite-from-list.active { fill: var(--color-accent-hover, #2c2d2e); stroke: none;}

.product-card a.favorite {
    display: flex;
    font-size: 0.8125rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
    color: var(--color-body, #2c2d2e) !important;
    background: var(--color-drawer-bg, #ffffff);
    border-radius: calc(var(--block-border-radius, 16px) / 2);
}


/* Homepage
----------- */

.welcome { margin: 0 80px 30px; }

.bestsellers .product-list { margin-top: 40px; }
.bestsellers .bestsellers-header { color: var(--color-body); font-weight: normal; font-size: 2rem; margin: 40px 0 0; line-height: normal; }

.onsale.related { border-top: none; margin-top: 0; margin-bottom: 30px; padding-top: 0; }

.product-media-purchase { display: flex; flex-wrap: wrap; background: var(--white); box-shadow: var(--shadow); border-radius: 15px; padding: 30px; margin-bottom: 32px; overflow: hidden; }

.product-sidebar { background: var(--gray6); padding: 30px; margin-bottom: 40px; border-radius: 15px; box-shadow: none; border: 0 none; }
.product-info--wrapper, .s-review-wrapper { margin-bottom: 32px; background: var(--white); box-shadow: var(--shadow); border-radius: 15px; color: var(--gray3); line-height: 21px; }
.product-info--wrapper img, .s-review-wrapper img { max-width: 100%; }
.product-gallery, .video-container { text-align: center; margin-right: 48px; max-width: 420px; border-radius: 15px; overflow: hidden; }
.video-container iframe { max-width: 100%; }

.features { list-style: none; margin: 0; padding: 0; column-gap: 30px; row-gap: 24px;}
.feature-dot-divider {border-bottom: 1px dotted var(--gray5); height: 1em; margin: 0 5px;}
.features .name {color: var(--gray4);}
.features .value {color: var(--gray1);}

ul.product-nav { display: flex; flex-wrap: wrap; gap: 16px; list-style: none; margin: 0; padding: 0; }
ul.product-nav li { display: inline-flex; }
ul.product-nav li a { }
ul.product-nav li.selected a { background-color: var(--link-color) !important; color: var(--white) }

.product-sidebar .cart [type=submit] { width: 100%; }

.aux { padding: 15px;}

.img-thumbs { margin-right: 40px; max-height: 420px; overflow: hidden; }
.image { position: relative; display: inline-block; max-width: 100%; }
.image#product-core-image { }
.image img { max-width: 100%; height: auto; }
.image .corner { position: absolute; z-index: 10; font-size: 0.8em; color: var(--white); font-weight: bold; }
.image .corner.top { top: -3px; }
.image .corner.bottom { bottom: -3px; }
.image .corner.left { left: -3px; }
.image .corner.right { right: -3px; }
ul.thumbs .image .corner.right { right: -3px; }

.image #switching-image { background: rgba(255, 255, 255, .5); padding: 10px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.image .switching-image-loading {position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);}
.more-images { }
.more-images .image img { border-radius: 10px; max-width: 64px; padding: 1px; opacity: .6; }
.more-images .image.selected img { background: #fafafa; opacity: 1 }

ul.skus { list-style: none; padding-left: 2px; }
ul.skus li { padding-bottom: 3px; }

.stocks { margin-top: 10px; margin-bottom: 15px; }
.stocks strong { white-space: nowrap; }
.stocks .stock-critical { color: var(--red); }
.stocks .stock-low { color: var(--orange); }
.stocks .stock-high { color: var(--green); }
.stocks .stock-none { color: #aaa; white-space: normal; }
.stocks .icon16 { margin-top: 0.1em; }

i.sort-desc { display: inline-block; height: 8px; width: 8px; border: 1px solid var(--link-color); border-width: 1px 1px 0 0; transform: rotate(-45deg); margin: 0 0 -1px 3px; }
i.sort-asc {display: inline-block; height: 8px; width: 8px; border: 1px solid var(--link-color); border-width: 1px 1px 0 0; transform: rotate(135deg); margin: 0 0 3px 3px;}


.qty input { width: 67px; text-align: center; }
.out-of-stock strong { color: #aaa; font-size: 0.9em; }
.disabled { color: #777; }
.description { }
.description p:last-child { margin-bottom: 0 }
.error { color: var(--red); }
.rating i.icon16 { margin-right: 0.13em; margin-top: -1px; }
span.rating { white-space: nowrap; }
h1 .rating i.icon16 { margin-top: 0.42em; }

.add2cart .icon24.loading.adding2cart { position: relative; top: 5px; left: 8px; }
.addtocart .loading.adding2cart { margin: 0; }

ul.compare-diff-all { list-style: none; margin: 0; padding: 0; font-size: var(--h5-size); }
ul.compare-diff-all li { display: inline-flex }
ul.compare-diff-all li a { display: inline-flex;
    white-space: nowrap;
    font-size: .8125rem;
    padding: 5px 15px;
    height: 31px;
    border-radius: var(--button-border-radius, 6px);
    align-items: center;
    font-weight: var(--font-body-medium-weight, 500);
    margin: 0 2px 2px 0;
    line-height: 1;
    background: rgba(var(--color-body-rgb), .05);
    color: rgba(var(--color-body-rgb), .8); }
ul.compare-diff-all li.selected a { color: #fff;background: var(--color-accent); }

#compare-clear {color: var(--color-body, #1f2937); text-align: right; display: block; width: 100%;font-size: .8125rem; }
#compare-clear span { width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--gray1); color: var(--color-body, #1f2937); display: inline-grid; place-content: center; font-size: 1rem; }
#compare-clear span svg {width: 10px; height: 10px;}

.compare-wrapper { overflow: auto; scrollbar-width: none; position: relative; }
.compare-wrapper::-webkit-scrollbar { display: none; }


table.compare { width: 100%; --item-width: 255px; border: none;}
table.compare caption { text-align: left; height: 0; }
table.compare caption .compare-navs { margin: 0; padding: 0; position: sticky; left: var(--item-width); width: 930px; height: 0; list-style: none; z-index: 3; }
table.compare caption .compare-navs li { position: absolute; top: 85px; width: 48px; height: 48px; background: var(--color-drawer-bg, #f3f4f6); border-radius: calc(var(--block-border-radius, 16px) / 2); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; color: var(--color-body, #1f2937); }
table.compare caption .compare-navs .prev { left: -30px; }
table.compare caption .compare-navs .next { right: 3px; }
table.compare thead th { text-align: left; background: var(--gray7); position: sticky; z-index: 1; top: 0; vertical-align: top; border: none;}
table.compare thead th:first-child { background: var(--bg-body); z-index: 2; filter: drop-shadow(8px 8px 7px var(--bg-body)); }
table.compare thead .s-compare-item { position: relative; background: var(--color-drawer-bg, #f3f4f6);box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); border-radius: calc(var(--block-border-radius, 16px) / 2); padding: 16px; margin-top: 15px; width: var(--item-width); }

table.compare thead .name-link { color: var(--black); font-weight: 400; line-height: 150%; }
table.compare thead .compare-remove { position: absolute; top: 3px;right: 3px; left: auto; width: 28px;height: 28px; }
table.compare thead .compare-remove span { width: 24px; height: 24px;color: var(--color-body, #2c2d2e); border-radius: 50%; display: inline-grid; place-content: center; font-size: 18px; font-weight: 400; }
table.compare thead .compare-remove span svg {width: 8px;height: 8px;pointer-events: none;}
table.compare th, table.compare td { padding: 10px; min-width: var(--item-width); text-align: center; }
table.compare th:first-child, table.compare td:first-child { position: sticky; top: 0; left: 0; }
table.compare tr.divider > td { background: var(--color-drawer-bg, #f3f4f6); color: var(--gray3); }
table.compare tr:not(.divider):hover > td { background:var(--bg-body, #f3f4f6); }
table.compare td { text-align: left; border: 0; border-bottom: 1px solid var(--gray5); background:var(--color-drawer-bg, #f3f4f6); padding: 10px; font-size: 14px; line-height: 150%; color: var(--gray1); }
table.compare td:first-child { background: var(--color-drawer-bg, #f3f4f6); color: var(--color-body, #1f2937); min-width: var(--item-width); width: var(--item-width); }
table.compare td .price { font-size: 1rem; }
table.compare td a { text-decoration: none; }
table.compare td a.compare-remove { position: relative; top: -0.2em; left: 0.2em; }

table.compare th img { display: block; margin: 0 0 7px; width: 96px; height: 96px; border-radius: 10px; }

@media all and (max-width: 760px) {
    #compare-clear {color: var(--color-body, #1f2937); margin-top: 10px;text-align: left;}
    table.compare td:first-child, table.compare th:first-child { display: none; }

    table.compare .feature-data::before { content: attr(data-feature-name); color: var(--gray4); display: block; }

    table.compare tr.divider { display: none; }
}


table.features { border-spacing: 0; border-collapse: collapse; }
table.features td { padding: 5px 0 2px; border: none; }
table.features td.name { min-width: 145px; color: #777; vertical-align: top; }
table.features tr.divider td { border-bottom: 1px solid var(--gray20); padding-left: 0; padding-top: 15px; padding-bottom: 0; font-weight: bold; text-transform: uppercase; color: #aaa; }

.related { border-top: 1px solid var(--gray20); padding-top: 30px; margin-top: 50px; }

/* Product reviews
------------------ */

table.rating-distribution td { padding: 2px 15px 2px 0; border: none; }
table.rating-distribution td .bar { background: var(--color-border); width: 160px; height: 8px; border-radius: 7px; }
table.rating-distribution td .bar .filling { background: var(--color-star); height: 8px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; }

.write-review { margin: 30px 0 40px; }

.review { margin-bottom: 0; }
.review .summary { color: var(--gray); }
.review .summary h6 { color: var(--black); }
.review .summary .username { color: var(--black); font-size: 16px }
.review .summary a.username:hover { color: var(--red); }
.review .summary a { display: inline; padding: 0; }
.review .summary .image { width: 24px; height: 24px; border-radius: 50%; }
.review .summary .date { color: var(--gray20); line-height: normal; }
.review .actions a { padding: 0 !important; }
.review .s-images-list .s-image { max-width: 100%; }

.write-review-closed .col.w4 { padding-top: 127px; }
@media screen and (max-width: 1024px){
    .write-review-closed .col.w4 { padding-top: 0; }
}
.reviews ul { margin-left: 0; padding: 0; list-style: none; }
.reviews ul:empty { display: none; }
.reviews > ul > li { margin-bottom: 40px; }
.reviews ul li ul {padding-left: 26px; margin-top: 30px; }
.reviews > ul > li > ul { }
.reviews ul li ul .s-review-wrapper { box-shadow: none;}
.reviews ul li ul li .review h6 { color: #555; }
.reviews ul li .review-form { padding: 20px 0 0; }
.reviews ul li .review-form textarea { min-height: 100px; }
.reviews ul .in-reply-to .actions { display: none; }
.reviews ul li ul li.in-reply-to { box-shadow: none; padding: 0; }
.reviews ul .new { background: #fffbe8; padding: 15px; border: 30px solid var(--white); box-shadow: var(--shadow); border-radius: 15px; }

.reviews ul.menu-h.auth-type li { padding-right: 10px; }

.reviews textarea { height: 100px; min-height: 100px; margin-top: 0; }

.review-form h4 { margin: 0 0 20px; font-weight: normal; }
.review-form-fields p.review-field a { display: inline; padding: 0; text-decoration: none; }
.review-form-fields #review-title { min-width: 70%; }
.review-form .userpic { width: 20px; height: 20px; float: left; margin-right: 5px; border-radius: 50%; }

.review-form .review-submit { margin-top: 20px; }
.reviews span.rate { line-height: 1.3em; display: block; margin: 0.5em 0; }
.reviews span.rate a { text-decoration: none !important; }
.reviews span.rate .icon10 { background-repeat: no-repeat; background-image: url(../../../../wa-content/img/icon10.png); height: 10px; width: 10px; display: inline-block; text-indent: -9999px; }
.reviews span.rate .icon10.star { background-position: -60px -40px; }
.reviews span.rate .icon10.star-empty { background-position: -80px -40px; }

input.error, textarea.error { border: 2px solid var(--red); }
.errormsg { color: var(--red); margin-left: 170px; display: block; }

.review-form .service-agreement-wrapper { width: 100%; margin-bottom: 14px; }
.review-form .service-agreement-wrapper .errormsg { margin-left: 0px; }


/* Checkout
----------- */

.checkout { margin: 20px 0 0; }
.checkout select { max-width: 264px; }
.checkout-header { margin: 0; color: #999; background: var(--white); padding: 20px; }
.checkout-header h3 { margin-bottom: 0; }
.checkout-header h3 a { text-decoration: none; color: #777; font-weight: normal; }
.checkout-header h3 a:hover { color: var(--red) !important; }
.checkout-header strong { color: #666; }
.checkout ul.checkout-options { padding-left: 25px; }
.checkout ul.checkout-options li { list-style: none; position: relative; margin-bottom: 50px; clear: both; }
.checkout ul.checkout-options li h3 { font-weight: bold; margin-bottom: 10px; }
.checkout ul.checkout-options li h3 label { margin-right: 10px; }
.checkout ul.checkout-options li .rate { float: right; text-align: center; width: 250px; }
.checkout ul.checkout-options li p { width: 70%; font-size: 0.85em; }
.checkout ul.checkout-options li input[type="radio"] { position: absolute; top: 4px; left: -25px; }
.checkout ul.checkout-options li label input[type="radio"] { top: 7px; }
.checkout ul.checkout-options li img.method-logo { position: relative; float: left; margin-right: 10px; top: -6px; left: 0px; /* adjusted for default 60x32-px logos */ }
.checkout ul.checkout-options li .wa-form { margin-top: 0px; margin-bottom: 30px; }
.checkout ul.checkout-options li .wa-form label input[type="radio"] { position: static; }

.checkout .checkout-result { padding: 60px 0 20px; background: var(--white); text-align: center; }
.checkout .checkout-result h1 { font-size: 4em; margin-bottom: 50px; font-weight: bold; }
.checkout .checkout-result .welcome { margin-top: -80px; padding-top: 280px; }
.checkout .checkout-result.error h1 { color: var(--red); }
.checkout .checkout-result .wa-form { margin: 10px auto 20px; width: 400px; float: none; text-align: left; }
.checkout .checkout-result .back { margin-top: 50px; }
.checkout { padding: 0; }
.checkout h2 { padding: 15px 20px 18px; font-weight: normal; margin: 0; background: #f3f3f3; margin-top: 10px; }
.checkout h2 a { text-decoration: none; color: var(--black); }
.checkout h2 a:hover { color: var(--red) !important; }
.checkout h2.upcoming a:hover { color: var(--black) !important; cursor: default; }
.checkout h2 a.hint { font-size: 0.6em; color: #aaa; text-decoration: none; margin-top: 2px; }
.checkout h2 a.hint strong { text-decoration: underline; }

.checkout .checkout-step.is-done .step-header { position: relative; }
.checkout .checkout-step.is-done .step-header:after { content: ""; position: absolute; top: 0; right: 0; width: 60px; height: 100%; background: transparent url("img/checkout-done.png") 50% no-repeat; background-size: 30px; }

.checkout .checkout-step-content { padding: 20px; background: var(--white); }
.checkout ul { list-style: none; padding-left: 0; margin-top: 0; }
.checkout ul li { font-size: 1.1em; margin-bottom: 5px; }
.checkout ul li input[type="radio"] { margin-right: 3px; }
.checkout #login-form h1 { display: none; }
.checkout input.large { font-size: 1.4em; }
.checkout .comment { width: 100%; height: 100px; margin-bottom: 20px; }
.checkout blockquote img { margin-right: 20px; float: left; border-radius: 50%; }
.checkout blockquote p { margin-bottom: 10px; margin-left: 70px; }
.checkout blockquote p span { color: var(--black); }
.checkout-step { box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1); }

.checkout .errormsg.inline { display: inline; margin-left: 10px; }

.checkout table.table { width: 100%; }
.checkout table.table td { border: none; }

.checkout .last span.loading {left: -10px}

.checkout .wa-form .wa-field input,
.checkout .wa-form .wa-field select { font-size: 1.2em; }
.checkout .wa-form .wa-field .wa-name { padding-top: 0.3em; }
.checkout .wa-form .wa-field.wa-field-email .wa-value input { min-width: 300px; }
.checkout .wa-form .wa-field.wa-field-birthday .wa-value select { margin-right: 5px; }
.checkout .wa-form .wa-field.wa-field-address p { margin: 0; }
.checkout .wa-form .wa-field.wa-field-address .wa-field-address-zip input { min-width: 100px; width: 20%; }

#checkout-contact-form input[type="checkbox"] { margin: 0; transform: translate(0, 5px); }


/* Dialogs
---------- */

.dialog { display: none; }
.dialog-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--white); opacity: 0.8; filter: alpha(opacity=80); z-index: 99; }
.dialog-window .cart img { border-radius: 15px; }
.dialog-window .cart .purchase { display: block; }
.dialog-window .dialog-close { float: right; color: var(--gray4); text-decoration: none; font-size: 200%; margin-top: 9px; }

/* Customer account
------------------- */

.order-status {
    padding: 2px 5px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    font-size: 0.625rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 5px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
.table-orders {
    overflow-x: auto
}
.order-status_quantity {
    font-weight: var(--font-body-medium-weight, 500);
}
.section-orders table {
    font-size: .8125rem;
}
h1 .order-status { font-size: .8125rem; margin-left: 10px; }

.wa-quantity-cart-section .wa-button-wrapper .wa-button:hover::after {
    display: none;
}

/* Datepicker UI */
.s-ui-datepicker.ui-datepicker table {
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0
}
.s-ui-datepicker.ui-datepicker th {
  font-weight: 500;
}

.s-ui-datepicker .ui-datepicker-prev span {
  background: transparent url("../../img/frontend/order/svg/sprite.background.svg#arrow-left") 50% no-repeat;
  -webkit-background-size: 6.34px 11px;
  -moz-background-size: 6.34px 11px;
  background-size: 6.34px 11px
}
.s-ui-datepicker .ui-datepicker-next span {
  background: transparent url("../../img/frontend/order/svg/sprite.background.svg#arrow-right") 50% no-repeat;
  -webkit-background-size: 6.34px 11px;
  -moz-background-size: 6.34px 11px;
  background-size: 6.34px 11px
}

.s-ui-datepicker .ui-widget-header {
  border: solid #efefef;
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
}

.s-ui-datepicker .ui-state-default,
.s-ui-datepicker.ui-widget-content .ui-state-default,
.s-ui-datepicker .ui-widget-header .ui-state-default,
.s-ui-datepicker .ui-button,
.s-ui-datepicker .ui-button.ui-state-disabled:hover,
.s-ui-datepicker .ui-button.ui-state-disabled:active {
  border: 1px solid transparent;
  background: transparent;
  font-weight: normal;
  color: #333;
  text-align: center
}
.s-ui-datepicker .ui-state-active,
.s-ui-datepicker.ui-widget-content .ui-state-active,
.s-ui-datepicker .ui-widget-header .ui-state-active,
.s-ui-datepicker a.ui-button:active,
.s-ui-datepicker .ui-button:active,
.s-ui-datepicker .ui-button.ui-state-active:hover {
  border: 1px solid transparent;
  background: transparent;
  font-weight: bold;
  color: #000
}

.s-ui-datepicker select { padding: 0.275em 1.5em 0.275em 0.5em; }
.s-ui-datepicker .ui-datepicker-title { display: flex; gap: 0.25rem; }

/* LAPTOP only */
@media screen and (min-width: 1025px) and (max-width: 1299px) {
  .container { min-width: 998px; max-width: 1024px; margin: 0 auto; padding: 0; }

  ul.thumbs .purchase .addtocart-btn { min-width: 81px; font-size: 0.93em; padding: 0.7em 0.7em; white-space: nowrap; }
  .filters .filter-param .slider input { font-size: 90%; padding: 0.5rem; width: 72px; }
}

/* TABLET only
============== */

@media screen and (min-width: 760px) and (max-width: 1024px) {

    .nav-sidebar { width: 180px; }

    .page-content.with-sidebar { margin-left: 180px; }

    ul.thumbs.mini li { width: 120px !important; }

    ul.thumbs.mini li h5 { max-width: 130px; }

    header ul.flyout-nav li .flyout { padding: 15px 0; }

    .product-sidebar .cart { padding: 20px; }

    .welcome { margin-left: 20px; margin-right: 20px; }

    .slider a h3 { font-size: 2.4em; }

    .bestsellers .bestsellers-header { font-weight: 400; font-size: 32px; line-height: 38px; color: var(--black); }

    ul.thumbs.text-content li { width: 21%; margin-left: 0; margin-right: 25px; }

}

/* MOBILE only
============== */

@media screen and (max-width: 760px) {
    .currency-toggle { }

    .content.with-sidebar { }

    .promos ul li { width: calc(50% - 15px); }

    .welcome { }

    header ul.flyout-nav li .flyout { padding: 15px; }

    header ul.flyout-nav li .flyout .departments ul.menu-v li { width: 42%; }

    .bestsellers .bestsellers-header { font-size: 1.4em; line-height: 1.4em; }

    .product-sidebar { width: 100%; }

    .product-sidebar .cart { padding: 20px; }

    .product-info { margin-right: 0; }

    .product-media { flex-direction: column-reverse; }
    .img-thumbs { margin-right: 0; overflow: visible; }

    .bullets { padding: 0; margin-left: 0; margin-right: 0; }


    #compare-leash,
    .compare-add { display: none; }

    .filters { float: none; width: auto; margin: 0 0 40px; }

    .filters .filters-toggle-wrapper { display: block; text-align: center; }

    .filters .filters-toggle-wrapper .filters-toggle-link { display: block; color: #995; }

    .filters .filters-form-wrapper { display: none; }

    .filters.is-shown .filters-toggle-wrapper .filters-toggle-link { display: block; padding: 0 0 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #995; }

    .filters.is-shown .filters-form-wrapper { display: block; margin: 15px 0 0; }

    table.features td.name { min-width: 105px; }

    .image#product-core-image { float: none; }

    .image img { height: auto !important; }

    .product-gallery { margin-right: 0; }

    .review-form-fields input { width: 80%; }

    .review-form textarea { width: 100%; }

    .dropdown ul.menu-h.aux { display: none; float: none; }

    .checkout { }

    .checkout ul.checkout-options li { }

    .checkout ul.checkout-options li img { display: none; }

    .checkout ul.checkout-options li .rate { min-width: 0; width: auto; max-width: 150px; }

    .checkout ul.checkout-options li .rate.error { padding-top: 5px; }

    .checkout ul.checkout-options li .rate .hint { display: none; }

    .checkout ul.checkout-options li .wa-form.wa-address p { font-size: 1em; }

    .checkout h2 { font-size: 1.2em; padding: 10px 10px 10px; }

    .checkout h2 a.hint { display: none !important; }

    .checkout input.large { margin: 0 auto; display: inline-block; }

    .checkout .checkout-step-content { padding: 10px 10px 30px; }

    .checkout .checkout-step-content.auth ul.menu-v li { padding: 5px 0; }

    .checkout .checkout-result h1 { font-size: 2.5em; }

    .checkout-header { margin: 0px; font-size: 0.8em; text-align: center; }

    .checkout-header .float-right { display: none; }

    .checkout li .wa-form { margin-left: -25px; }

    .checkout .wa-form .wa-field.wa-field-email .wa-value input { min-width: 230px; }
    tr {
        white-space: nowrap;
    }

    .description { overflow-x: hidden; }

    table.rating-distribution td .bar { width: 100px; }

    .dialog-window .cart { top: 52px; left: 0; right: 0; bottom: 0; width: 100%; padding: 0; z-index: 1005020; }

    .dialog-window #cart-form-dialog { padding: 20px 15px; }

    .dialog-window .cart h4 { font-size: 1.5em; }

    .dialog-window .dialog-close { margin-right: 15px; font-size: 2.8em; margin-top: 15px; }

    .compare-wrapper { padding-top: 3rem; }
    table.compare caption .compare-navs { width: calc(100vw - 2rem); left: 0; }
    table.compare caption .compare-navs .prev { top: -33px; left: 10px; }
    table.compare caption .compare-navs .next { top: -33px; right: 10px; }

    #wa-order-cart-wrapper.wa-order-cart-wrapper.with-adaptive .wa-products .wa-product .wa-product-body > *.wa-column-details { flex-basis: calc(100% - 80px) ; }
}

.product-information--line-item {
    margin-bottom: 20px; }
.product-information--line-item--textarea {
    min-height: 0; }
.product-information--line-item input[type="text"],
.product-information--line-item textarea,
.product-information--line-item select {
    width: 100%; }
.product-information--line-item input[type="text"]:-moz-placeholder,
.product-information--line-item textarea:-moz-placeholder {
    color: rgba(var(--color-body-rgb), 0.6); }
.product-information--line-item input[type="text"]::-moz-placeholder,
.product-information--line-item textarea::-moz-placeholder {
    color: rgba(var(--color-body-rgb), 0.6); }
.product-information--line-item input[type="text"]:-ms-input-placeholder,
.product-information--line-item textarea:-ms-input-placeholder {
    color: rgba(var(--color-body-rgb), 0.6); }
.product-information--line-item input[type="text"]::-webkit-input-placeholder,
.product-information--line-item textarea::-webkit-input-placeholder {
    color: rgba(var(--color-body-rgb), 0.6); }
.product-information--line-item .label {
    display: block;
    margin-bottom: 5px; }

.options .inline-select a.selected {
    box-shadow: 0 0 0 1px var(--color-body, #2c2d2e);
}
.options .inline-select a {
    box-shadow: 0 0 0 1px var(--color-form-border) inset;
    width: auto;
    border-radius: var(--input-border-radius, 6px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    margin: 0 6px 6px 0;
    background: transparent;
    text-decoration: none;
    position: relative;
    min-width: 42px;
    height: 42px;
    text-align: center;
    font-size: .8125rem;
    color: var(--color-body, #2c2d2e);
    overflow: hidden;
}
.options .inline-select.color a { min-width: 32px; height: 32px; text-indent: -9999px;}
.options .inline-select a .color_name { display: none; position: absolute; bottom: -22px; left: 50%; font-size: 0.6em; color: rgba(0, 0, 0, 0.7); margin-left: -40px; width: 80px; }
.options .inline-select a .color_checkmark { display: none; position: absolute; top: 7px; left: 10px; }

.options .inline-select a.selected .color_name { display: block; }
.options .inline-select a.selected .color_checkmark { display: block; }

.thb-filter ul label {
    word-break: break-word !important;
}