/** Shopify CDN: Minification failed
Line 289:3329 Expected identifier but found "swiper-button-var("
Line 289:4478 Expected identifier but found "swiper-button-var("
Line 289:5700 Expected identifier but found "swiper-pagination-var("
Line 291:1 Expected identifier but found "swiper-pagination-var("
Line 293:1343 Expected identifier but found "swiper-pagination-var("
Line 293:1444 Expected identifier but found "swiper-pagination-var("
Line 293:10017 Expected identifier but found "swiper-lazy-preloader-var("
Line 950:29 Expected ")" to end URL token
Line 1676:6 Expected identifier but found "var("
Line 3636:29 Expected ")" to end URL token
... and 2 more hidden warnings
**/
:root {
--color-csbase :#f1f5ec;
--color-csvr1: #ffa6b4;
--color-csvr2: #eb97a4;
--color-csvr3: #f8b3ae;
--color-csvr1-50: #ffa6b450;
--color-csvr2-50: #eb97a450;
--color-csvr3-50: #f8b3ae50;
--color-csgr1:#f0f0f0;
--color-csgr2: #666;
--color-cstr-100: #dbff00;
--color-cstr-90: #dbff0090;
--color-cstr-80: #dbff0080;
--color-cstr-70: #dbff0070;
--color-cstr-60: #dbff0060;
--color-cstr-50: #dbff0050;
--color-cstr-40: #dbff0040;
--color-cstr-30: #dbff0030;
--color-cstr-20: #dbff0020;
--color-cstr-10: #dbff0010;
--color-cspr-100: #ff66c2;
--color-cspr-90: #ff66c290;
--color-cspr-80: #ff66c280;
--color-cspr-70: #ff66c270;
--color-cspr-60: #ff66c260;
--color-cspr-50: #ff66c250;
--color-cspr-40: #ff66c240;
--color-cspr-30: #ff66c230;
--color-cspr-20: #ff66c220;
--color-cspr-10: #ff66c210;
--color-csbr-100:#1e1d1b;
--color-csbr-80:#1e1d1b80;
--color-csbr-60:#1e1d1b60;
--color-csbr-40:#1e1d1b40;
--color-csbr-20:#1e1d1b20;
--color-csborder: #2a2a2a;
--color-csoverlay:#575d66;
--color-csnav:#faf9f5;
--color-csbrandtab:#f3f3f3;
--color-cscart-inner:#fef9fb;
}
body.scheme-we-get-off {
--color-cstr-100: #1F4D4A;
--color-cstr-90: #1F4D4A90;
--color-cstr-80: #1F4D4A80;
--color-cstr-70: #1F4D4A70;
--color-cstr-60: #1F4D4A60;
--color-cstr-50: #1F4D4A50;
--color-cstr-40: #1F4D4A40;
--color-cstr-30: #1F4D4A30;
--color-cstr-20: #1F4D4A20;
--color-cstr-10: #1F4D4A10;
--color-cspr-100:#ff4a15;
--color-cspr-90: #ff4a1590;
--color-cspr-80: #ff4a1580;
--color-cspr-70: #ff4a1570;
--color-cspr-60: #ff4a1560;
--color-cspr-50: #ff4a1550;
--color-cspr-40: #ff4a1540;
--color-cspr-30: #ff4a1530;
--color-cspr-20: #ff4a1520;
--color-cspr-10: #ff4a1510;
}
.template-blog .main-content {
max-width: 1200px;
}
.blog-posts{
margin: 0 -20px;
}
.article-grid-item {
width: 33.33%;
padding: 0 20px;
margin-bottom: 40px;
}
.article-grid-item:nth-child(2n+1){
margin-right: 0;
clear: inherit;
}
.article-grid-item:nth-child(3n+1){
clear: left;
}
.article-grid-item .post-image {
margin-bottom: 20px;
display: block;
margin-left:auto;
margin-right:auto;
}
.template-product-presale .main-content,
.template-page-tiff-landing-page .main-content {
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0;
}
.tiff-banner-wrap {
position: relative;
}
.tiff-banner-wrap > img{
display: block;
width: 100%;
}
.tiff-banner-ovrly {
position: absolute;
width: 50%;
right: 5%;
top: 50%;
transform: translateY(-50%);
color: var(--color-white-100);
}
.tiff-banner-ovrly-wrap {
max-width: 460px;
margin: 0 auto;
text-align: center;
padding: 0 20px;
}
.tiff-banner-ovrly h2 {
color: var(--color-white-100);
text-transform: uppercase;
margin-top: 0;
color: var(--color-csvr3);
}
.tiff-banner-ovrly h2 span {
display: block;
font-size: 150%;
}
.tiff-banner-btn {
margin: 40px 0 0;
}
.tiff-banner-btn .button{
text-transform: inherit;
letter-spacing: inherit;
font-weight: bold;
min-width: 240px;
background: var(--color-csvr1);
}
.tiff-banner-btn .button:hover{
background: var(--color-csvr2);
}
.tiff-banner-wrap > .tiff-mobile-img{
display: none;
}
.tiff-banner-wrap > .tiff-desktop-img{
min-height: 600px;
object-fit: cover;
object-position: left center;
}
.tiff-testimonials-section {
text-align: center;
}
.tiff-testimonials-list {
display: flex;
margin: 40px 0 0;
}
.tiff-testimonial-item {
flex: 1 0 0;
padding: 0 10px;
}
.tiff-testimonial-item p{
margin-top: 0;
}
.tiff-testimonials-section .tiff-banner-btn{
margin: 0;
}
.accent-style .button,
.smart-payments .button:not(:disabled),
.image-with-text-overlay__button,
.newsletter-form__button,
.button {
background: url(https://cdn.shopify.com/s/files/1/0266/2111/6474/files/button-gold.png?v=1667277554) no-repeat scroll center !important;
background-size: cover !important;
border: none !important;
color: var(--color-white-100) !important;
}
.cart-upsell-list {
max-width: 700px;
margin: 25px auto;
}
.cart-upsell-item {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--color-gr1);
margin: 15px 0;
padding: 10px 15px;
}
.cart-upsell-item-atc a {
display: inline-block;
text-transform: uppercase;
background: var(--color-black-100);
color: var(--color-white-100);
padding: 10px 20px;
line-height: 1.5;
}
.template-page-store-locator .main-content{
max-width: 1200px;
}
.template-page-store-locator .rte div{
max-width: inherit;
}
.stockist-powered-by-link{
display: none !important;
}
.product__quantity-atc-container{
margin-top: 0;
}
.effectiveAppsWiggle {
margin-left: 30px;
}
@media (max-width: 767px) {
.blog-posts{
margin: 0 -15px;
}
.article-grid-item {
width: 50%;
padding: 0 15px;
margin-bottom: 30px;
}
.article-grid-item:nth-child(3n+1){
clear: inherit;
}
.article-grid-item:nth-child(2n+1){
clear: left;
}
.tiff-banner-wrap > .tiff-desktop-img {
display: none;
}
.tiff-banner-wrap > .tiff-mobile-img {
display: block;
}
.tiff-banner-mob-content{
margin: 30px auto;
}
.tiff-banner-ovrly {
width: 100%;
position: static;
transform: translateY(0);
margin-top: 20px;
color: var(--color-csoverlay);
}
.tiff-testimonials-list {
display: block;
}
}
@media (max-width: 480px) {
.article-grid-item {
width: 100%;
}
.cart-upsell-item {
flex-direction: column;
}
}
/* new 11/5 */
/**
* Swiper 3.4.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: December 13, 2016
*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-var(--color-white-100),.swiper-container-rtl .swiper-button-next.swiper-button-var(--color-white-100){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-var(--color-white-100),.swiper-container-rtl .swiper-button-prev.swiper-button-var(--color-white-100){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:var(--color-black-100);opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-var(--color-white-100)
.swiper-pagination-bullet{background:var(--color-white-100)}.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-var(--color-white-100) .swiper-pagination-bullet-active{background:var(--color-white-100)}
.swiper-pagination-black .swiper-pagination-bullet-active{background:var(--color-black-100)}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-var(--color-white-100){background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-var(--color-white-100) .swiper-pagination-progressbar{background:var(--color-white-100)}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:var(--color-black-100)}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:var(--color-black-100);opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-var(--color-white-100):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
.swiper-button-next, .swiper-button-prev {
filter: brightness(0.2);
margin-top: -92px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0;
}
@media (max-width: 650px) {
.swiper-button-next, .swiper-button-prev {
margin-top: -110px;
}
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
ul.slick-dots {
padding: 0;
display: flex;
grid-gap: 8px;
justify-content: center;
margin: 10px 0 0;
}
.slick-dots li {
list-style: none;
width: 10px;
height: 10px;
background-color: transparent;
border-radius: 50%;
margin: 0;
border: 1px solid var(--color-black-100);
}
.slick-dots li.slick-active {
background-color: var(--color-black-100);
}
.slick-dots li button {
display: none;
}
.slick-dots li:only-child {
display: none;
}
/* coman */
h1, h2, h3, h4, h5, h6 {
color: var(--color-black-100);
}
.page-title {
text-transform: uppercase;
}
.page-width {
width: 100%;
max-width: 1400px;
margin: auto;
padding: 0 20px;
}
.button {
padding: 14px 30px 12px;
background-image: none!important;
background-color: var(--color-black-100)!important;
line-height: normal;
}
.image-with-text-overlay__content-wrapper {
max-width: 1000px;
width: 100%;
padding-top: 60px;
justify-content: flex-start;
}
h2.image-with-text-overlay__heading, .hb-textarea h2 {
font-size: 70px;
line-height: .9;
letter-spacing: 3px;
}
.image-with-text-overlay__container:after , .hero-banner-content:after {
content: '';
position: absolute;
background-image: url(https://cdn.shopify.com/s/files/1/0266/2111/6474/files/banner-bot.png?v=1683785004);
height: 40px;
width: 100%;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}
.hide-bottom-arrow .image-with-text-overlay__container:after,
.hide-bottom-arrow .hero-banner-content:after {
display: none;
}
a.image-with-text-overlay__button {
line-height: 1;
padding: 14px 16px 12px;
}
/* header */
.header-nav__tier-3 {
position: unset !important;
}
/* home text */
.home-text-feature {
text-align: center;
}
.module-inner a.button {
display: inline-block;
margin-top: 26px;
text-align: center;
background-image: none !important;
/*background-color: var(--color-black-100) !important;*/
}
.module-inner {
margin: 70px auto;
}
.home-text-feature {
margin-bottom: 70px;
}
/* richtext */
.richtext-section {
padding: 40px 0;
}
.richtext-content p {
line-height: normal;
}
.richtext-section a {
color: var(--color-black-100);
text-decoration: underline;
}
/* logo-slider */
.logo-slider-sec {
padding: 50px 0;
}
.logo-slider-cont .slick-track {
display: flex;
align-items: center;
}
.logo-slider-sec .logo-slide {
padding: 0 20px;
}
.logo-slide img {
margin: auto;
}
/* review slider */
.review-slider-section {
padding: 100px 0;
}
.revi-slide-content {
width: 420px;
margin: auto;
text-align: center;
max-width: 100%;
}
.revi-slide-content img {
margin: 0 auto;
}
.revi-slide-content > div {
margin: 20px;
font-size: 22px;
line-height: 30px;
}
.revi-slide-content p.writer {
font-size: 14px;
}
.revi-slide-content svg use {
--oke-stars-foregroundColor: var(--color-black-100);
}
/* custom img text */
.custom-grid {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.custom-grid-item {
width: 50%;
}
.cg-media img {
display: block;
width: 100%;
object-fit: cover;
max-height: 1000px;
}
.cg-textarea {
padding: 40px 120px 40px 40px;
width: 800px;
margin-left: auto;
max-width: 100%;
}
.cg-textarea h4 {
margin: 0;
color: var(--color-black-100);
font-size: 16px;
font-weight: 100 !important;
}
.cg-textarea h2 {
margin: 26px 0;
color: var(--color-black-100);
font-size: 40px;
line-height: 1.1;
width: 400px;
max-width: 100%;
}
.cg-textarea a.button {
margin-top: 14px;
}
.custom-grid.cg-img-first {
flex-direction: row-reverse;
}
.custom-grid.cg-img-first .cg-textarea {
margin-right: auto;
margin-left: 0;
}
.cgi-review p {
margin: 0;
}
/* collection slider */
.collection-slider-section {
padding: 50px 0;
}
.collection-slider {
align-items: center;
}
.coll-detail h2 {
font-family: "Girls-Get-Off-Mac" !important;
color: var(--color-black-100);
font-size: 36px;
margin: 0;
line-height: 1;
}
.coll-detail > div {
font-size: 15px;
}
.collection-slider-section .product-list-item {
width: 100%;
padding: 0;
margin-bottom: 0 !important;
}
.collection-slider-section img.product-list-item-image {
aspect-ratio: 1;
object-fit: cover;
}
.swiper-container-horizontal>.swiper-scrollbar {
width: 100%!important;
}
.swiper-scrollbar-drag {
cursor: pointer;
}
.collection-slider-section h1.product-list-item-title {
margin: 10px 0;
}
.coll-slider-head {
margin-bottom: 20px;
display: none;
}
/* footer */
.main-footer {
max-width: 1200px;
}
.copyright.footer-module {
color: var(--color-black-100);
font-size: 15px;
}
.main-footer .footer-title {
color: var(--color-black-100);
}
.footer-link-list {
flex: unset !important;
width: 300px !important;
padding: 0 !important;
}
.footer-link-list:nth-child(2) {
width: calc(100% - 600px)!important;
}
.foo-social {
width: 180px;
margin-left: auto;
max-width: 100%;
}
.footer-link-list.foo-newsletter h2.footer-title {
text-align: center;
}
.footer-link-list.foo-newsletter input[type="email"] {
width: 100%;
padding: 14px 20px;
max-width: 400px;
border: 1px solid var(--color-black-100);
}
.footer-link-list.foo-newsletter .newsletter-form__field button.newsletter-form__button {
display: inline-block;
width: auto;
padding: 14px 24px 12px;
background-image: none !important;
/*background-color: var(--color-black-100) !important;*/
border-radius: 6px;
text-transform: uppercase;
margin-top: 18px;
}
.newsletter-checkbox {
margin-top: 20px;
}
.newsletter-checkbox label {
font-size: 14px;
}
/* about page */
.template-page-about .main-content {
max-width: 100%;
padding: 0;
}
.about-content {
padding: 50px 20px;
}
.about-content h1.page-title {
color: var(--color-black-100);
margin-bottom: 20px;
}
.about-content .rte p {
max-width: 940px;
}
/* about page */
.template-page-faqs .main-content {
max-width: 100%;
padding: 0;
}
/* faq page */
h2.faq-mai-title {
color: var(--color-black-100);
font-size: 32px;
margin: 0;
padding: 12px 22px;
cursor: pointer;
position: relative;
}
h2.faq-mai-title:before {
position: absolute;
content: '';
width: 11px;
height: 2px;
background-color: var(--color-black-100);
top: 50%;
transform: translate(-50%, -50%);
right: 14px;
}
h2.faq-mai-title:after {
position: absolute;
content: '';
height: 11px;
width: 2px;
background-color: var(--color-black-100);
top: 50%;
transform: translate(-50%, -50%);
right: 23px;
}
.faq-item {
border-bottom: 1px solid var(--color-black-100);
padding: 0 22px;
}
h3.faq-que {
font-family: 'Poppins' !important;
color: var(--color-black-100);
font-size: 17px;
margin: 0;
padding: 14px 0;
cursor: pointer;
position: relative;
}
h3.faq-que:before {
position: absolute;
content: '';
width: 11px;
height: 2px;
background-color: var(--color-black-100);
top: 50%;
transform: translate(-50%, -50%);
right: -8px;
}
h3.faq-que:after {
position: absolute;
content: '';
height: 11px;
width: 2px;
background-color: var(--color-black-100);
top: 50%;
transform: translate(-50%, -50%);
right: 1px;
}
h3.faq-que.active:after,
h2.faq-mai-title.active:after {
display: none;
}
.faq-ans p {
margin: 6px 0;
line-height: 1.7;
}
.faq-main-content {
border-top: 1px solid var(--color-black-100);
display: none;
}
.collection-faq{
padding: 20px 0px 90px;
}
.collection-faq h2{
text-align: center;
margin-bottom: 30px;
display: block;
}
.collection-faq .faq-main-content{
display: block;
}
.collection-faq
.faq-ans {
display: none;
padding-bottom: 6px;
}
.faq-form-content {
text-align: center;
}
.faq-form-title h4 {
color: var(--color-black-100);
}
.faq-form-content .input-wrapper {
margin: 14px 0px;
}
.faq-form-content textarea.input-field-textarea ,
.faq-form-content input.input-field {
border-color: var(--color-black-100);
border-radius: 0;
}
.faq-form {
margin: 60px 0;
}
/* prod list item */
.product-list-item-title {
font-family: Roboto Mono!important;
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
letter-spacing: 0;
margin: 8px 0;
}
p.product-list-item-price {
margin: 6px 0;
}
.product-list-item-thumbnail .product-list-item-image {
aspect-ratio: 1;
object-fit: cover;
}
/* collection */
.collection-header h1.page-title {
color: var(--color-black-100);
text-transform: uppercase;
}
.product-list-item {
margin-bottom: 20px;
}
/* multicolumn */
.multicolumn {
margin: 40px 0;
}
.multicolumn-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 12px;
}
.multi-griditem {
text-align: center;
width: 33.33%;
padding: 10px;
}
.mg-content a {
display: block;
}
.mg-content img {
padding: 0 20px;
width: 180px;
}
.mg-content h4 {
margin: 10px 0 0;
text-transform: uppercase;
font-family: "Roboto Mono",sans-serif !important;
letter-spacing: 0;
font-size: 18px;
}
.template-page-pro-spe .main-content {
padding-top: 100px;
}
/* pro breadcrumb */
nav.breadcrumb {
font-size: 15px;
text-transform: uppercase;
margin-bottom: 30px;
}
nav.breadcrumb a {
color: var(--color-black-100);
}
nav.breadcrumb span:last-child {
text-decoration: underline;
}
/* product */
.pro-price afterpay-placement,
.pro-price p.laybuy-paragraph,
.lp-pdp-container,
.youpay-button-group,
.effectiveAppsWiggle {
display: none !important;
}
.pro-titleprice {
display: flex;
justify-content: space-between;
align-items: flex-end;
text-transform: uppercase;
flex-wrap: wrap;
}
.pro-titleprice .pro-title {
width: 100%;
}
.pro-title h1.product__title {
font-size: 40px;
}
.product__grid-right .okeReviews.oke-sr {
margin-top: 4px !important;
}
:root .product-quantity-input {
width: 45px;
height: 44px;
padding: 10px 8px;
margin-left: 12px;
border-color: var(--color-black-100);
text-align: center;
}
.product__quantity-wrapper {
margin: 0px 0 0 30px;
}
.add-to-cart {
margin: 0px 0 0 10px;
}
.accent-style .button,
.smart-payments .button:not(:disabled),
.add-to-cart .button.disabled,
.image-with-text-overlay__button,
.newsletter-form__button,
.button {
font-family: var(--global-font-font-heading);
background-color: var(--color-cspr-100) !important;
color: var(--color-white-100) !important;
border: 1px solid var(--color-cspr-100) !important;
font-size: 18px;
line-height: 20px;
background-image: url(var(--color-white-100)-right-arrow.svg) !important;
background-repeat: no-repeat !important;
padding: 16px 84.7px !important;
background-position: center right 25px !important;
background-size: 6px 11px !important;
transition: .3s all;
border-radius:10px !important;
}
.accent-style .button:hover,
.smart-payments .button:not(:disabled):hover,
.add-to-cart .button.disabled:hover,
.image-with-text-overlay__button:hover,
.newsletter-form__button:hover,
.button:hover{
background-color: transparent !important;
background-image: url(pink-right-arrow.svg) !important;
color: var(--color-cspr-100) !important;
}
.add-to-cart .button.disabled {
width: 100%;
height: 44px;
padding: 9px;
}
.product-form-submit-wrap input {
height: 44px;
background-image: none !important;
}
label.product-quantity-label {
font-size: 19px;
}
.image-grid {
display: flex;
margin: 20px 0 10px;
grid-gap: 10px;
flex-wrap: wrap;
}
.image-grid img {
height: 34px;
}
.product-dropdown .product-drop h2 {
margin: 8px 0;
font-family: Poppins,sans-serif !important;
letter-spacing: 0;
font-size: 17px;
position: relative;
padding-right: 12px;
cursor: pointer;
font-weight: 500;
}
.product-dropdown .product-drop h2 + div {
display: none;
}
.pd-textarea {
font-size: 15px;
padding: 0px 0 10px;
}
.pd-textarea a {
color: var(--color-black-100);
text-decoration: underline;
}
.product-drop {
border-bottom: 1px solid var(--color-black-100);
}
.product-dropdown .product-drop h2:after {
position: absolute;
width: 11px;
height: 1px;
content: '';
background-color: var(--color-black-100);
right: 0;
top: 50%;
transform: translateY(-50%);
}
.product-dropdown .product-drop h2:before {
position: absolute;
width: 1px;
height: 11px;
content: '';
background-color: var(--color-black-100);
right: 5px;
top: 50%;
transform: translateY(-50%);
}
.product-dropdown .product-drop h2.active:before {
display : none;
}
.product-dropdown {
padding: 20px 0;
}
.product-description.rte p {
font-size: 15px;
}
.product__quantity-atc-container {
row-gap: 10px;
}
.product__quantity-atc-container.smart-payments {
margin-left: 0;
grid-gap: 10px;
}
.product__quantity-wrapper,
.add-to-cart {
margin: 0;
}
.product-form {
margin-top: 14px;
}
.product__quantity-wrapper input::-webkit-outer-spin-button,
.product__quantity-wrapper input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product__quantity-wrapperinput[type=number] {
-moz-appearance: textfield;
}
.pro-list-item-subtitle {
color: var(--color-black-100);
text-transform: uppercase;
display: block;
margin: 6px 0;
}
p.pro__subtitle {
margin: 6px 0;
text-transform: uppercase;
font-size: 18px;
}
/* affiliate-programme */
.template-page-affiliate-programme .main-content {
max-width: 100%;
padding: 0;
margin-bottom: 0;
}
.template-page-affiliate-programme .image-with-text-overlay__container:after {
display: none;
}
.template-page-affiliate-programme .image-with-text-overlay__content-wrapper {
justify-content: center;
padding-top: 0;
}
.template-page-affiliate-programme .image-with-text-overlay__text p {
font-size: 16px;
}
.template-page-affiliate-programme #shopify-section-template--19969548943633__7aa9a71c-d946-4fa1-b88b-bf2cdcff5f8f .module-container {
background-color: var(--color-cspr-10);
}
.template-page-affiliate-programme #shopify-section-template--19969548943633__7aa9a71c-d946-4fa1-b88b-bf2cdcff5f8f .module-container .module-inner {
margin: 140px auto;
}
.template-page-affiliate-programme #shopify-section-template--19969548943633__7aa9a71c-d946-4fa1-b88b-bf2cdcff5f8f .module-container .module-inner h3 {
max-width: 100%;
}
/* faq */
.section-header.faq__section-header {
margin: 0 auto;
}
.faq__details {
padding: 10px 0 !important;
}
.faq__answer {
padding-top: 10px !important;
}
.faq__summary:hover {
color: var(--color-black-100);
}
.faq__summary:hover::before {
content: url('data:image/svg+xml;utf8, ');
}
.faq__summary:hover::after {
content: url('data:image/svg+xml;utf8, ');
}
/* hero banner */
.hero-banner-content {
position: relative;
}
.hb-text-content {
position: absolute;
top: 10%;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 100%;
}
.hero-banner-content img {
display: block;
width: 100%;
object-fit: cover;
}
.hb-for-mobile {
display: none;
}
.hb-textarea h2, .hb-textarea .text-con {
color: var(--color-white-100);
}
/* end hero banner */
/*
.drawer-nav__flyout-header:before {
position: absolute;
content: '';
width: 116px;
height: 26px;
left: 0;
background-image: url(//cdn.shopify.com/s/files/1/0266/2111/6474/files/Girls_Get_Off_Logo-Black_416x96.png?v=1669353867);
background-size: contain;
background-repeat: no-repeat;
}*/
.drawer-logo-image a {
display: block;
padding-bottom: 0 !important;
}
.drawer-logo-image a img {
display: block;
}
.footer-link-list.social-icons .facegroup a:before {
content: "m";
}
.template-page-contact .rte {
text-align: center;
}
.template-blog .rte {
text-align: center;
width: 900px;
margin: 0 auto 30px;
max-width: 100%;
}
.pd-textarea h3 {
font-size: 16px;
margin: 18px 0 10px;
font-family: "Roboto Mono",sans-serif !important;
font-weight: 600 !important;
letter-spacing: normal;
}
@media (max-width: 1100px) {
.cg-textarea h2 {
font-size: 36px;
margin: 20px 0;
}
.cg-textarea {
padding: 20px 40px;
}
.image-with-text-overlay__container:after , .hero-banner-content:after {
height: 30px;
}
}
@media (max-width: 1024px) {
h2.image-with-text-overlay__heading, .hb-textarea h2 {
font-size: 66px;
}
.collection-slider-section {
padding: 30px 0 40px;
}
.cg-textarea {
padding: 20px 20px;
}
.cg-textarea h2 {
font-size: 32px;
margin: 16px 0;
}
.cg-textarea a.button {
margin-top: 10px;
}
.cg-textarea > div {
line-height: 1.3;
}
.review-slider-section {
padding: 80px 0;
}
}
@media (max-width: 1020px) {
.footer-link-list,
.footer-link-list:nth-child(2) {
width: 100% !important;
}
.foo-social {
margin: auto;
width: auto;
}
}
@media (max-width: 900px) {
ul.header-nav__tier-1 {
padding-right: 0;
}
h2.image-with-text-overlay__heading, .hb-textarea h2 {
font-size: 62px;
line-height: .9;
}
.cg-media img {
aspect-ratio: 9/14;
object-fit: cover;
}
.revi-slide-content>div {
font-size: 20px;
line-height: 28px;
}
.template-page-pro-spe .main-content {
padding-top: 80px;
}
.product {
grid-gap: 30px 30px;
}
.swiper-button-next, .swiper-button-prev {
width: 27px;
height: 28px;
}
}
@media (max-width: 768px) {
body {
line-height: 1.3;
}
.custom-grid-item {
width: 100%;
}
.custom-grid.cg-img-first {
flex-direction: column-reverse;
}
.cg-media img {
aspect-ratio: unset;
}
.cg-textarea {
padding: 50px 20px;
width: 560px;
margin: auto;
}
.custom-grid.cg-img-first .cg-textarea {
margin: auto;
}
.coll-detail h2 {
font-size: 32px;
}
.image-with-text-overlay__container:after , .hero-banner-content:after {
height: 20px;
}
.product-list-item-title {
font-size: 18px;
}
.multi-griditem {
width: 50%;
}
.mg-content h4 {
font-size: 17px;
}
.template-page-pro-spe .main-content {
padding-top: 60px;
}
.pro-title h1.product__title {
font-size: 38px;
}
.product-price {
font-size: 18px;
}
label.product-quantity-label {
font-size: 17px;
}
.image-grid img {
height: 30px;
}
.header-nav summary, .header-nav a {
padding: 6px 10px;
}
.hb-for-desk {
display: none;
}
.hb-for-mobile {
display: block;
}
}
@media (max-width: 719px) {
.product-gallery--navigation {
margin-bottom: -16px;
margin-left: -8px;
}
.drawer-nav__flyout button, .drawer-nav__flyout a {
font-size: 20px;
padding: 10px 0;
}
}
@media (max-width: 650px) {
.coll-detail h2 {
font-size: 28px;
}
.button {
padding: 12px 20px 10px;
}
h2.image-with-text-overlay__heading, .hb-textarea h2 {
font-size: 54px;
}
.revi-slide-content>div {
font-size: 19px;
}
.richtext-section {
padding: 30px 0;
}
.logo-slider-sec {
padding: 40px 0;
}
h2.faq-mai-title {
font-size: 28px;
padding: 10px 20px;
}
h3.faq-que {
font-size: 16px;
padding-right: 8px;
}
.faq-ans p {
font-size: 15px;
}
.faq-form-title h4 {
font-size: 18px;
}
.template-page-pro-spe .main-content {
padding-top: 50px;
}
.template-product .main-content {
padding-top: 30px !important;
}
nav.breadcrumb {
font-size: 14px;
margin-bottom: 20px;
}
.coll-slider-head {
display: block;
}
.collection-slide.swiper-slide.only-desk {
display: none;
}
.collection-slider {
align-items: flex-start;
}
.pd-textarea h3 {
font-size: 15px;
}
}
@media (max-width: 550px) {
.collection-slider-section {
padding: 20px 0 30px;
}
.module-inner {
margin: 50px auto;
}
.home-text-feature {
margin-bottom: 50px;
}
h2.image-with-text-overlay__heading, .hb-textarea h2 {
font-size: 48px;
}
h2.faq-mai-title {
font-size: 26px;
padding: 8px 14px;
}
h2.faq-mai-title:before {
right: 8px;
}
h2.faq-mai-title:after {
right: 17px;
}
.faq-item {
padding: 0 14px;
}
h3.faq-que {
padding: 10px 0;
font-size: 15px;
}
.product-list-item-title {
font-size: 17px;
}
.product-list-item-thumbnail .product-list-item-image {
aspect-ratio: unset;
}
.mg-content img {
padding: 0 10px;
}
.page-title {
margin: 0 0 20px;
}
.template-page-pro-spe .main-content {
padding-top: 20px;
}
.multicolumn {
margin: 20px 0;
}
.pro-title h1.product__title {
font-size: 36px;
}
.product-form {
margin-top: 10px;
}
.drawer-nav__flyout button, .drawer-nav__flyout a {
font-size: 18px;
padding: 8px 0;
}
.swiper-button-next, .swiper-button-prev {
width: 26px;
height: 20px;
}
}
@media (max-width: 480px) {
body {
font-size: 15px;
}
h2.image-with-text-overlay__heading, .hb-textarea h2 {
font-size: 46px;
line-height: 46px;
}
p.product-list-item-price {
margin-top: 4px;
}
.collection-slider-section h1.product-list-item-title {
margin: 6px 0 2px;
}
.coll-detail .button {
padding: 12px 16px 10px;
font-size: 12px;
}
.coll-detail h2 {
font-size: 24px;
}
.cg-textarea h2 {
font-size: 28px;
}
.image-with-text-overlay__container:after , .hero-banner-content:after {
height: 16px;
}
.newsletter-form {
padding: 0 0px;
}
h2.faq-mai-title {
font-size: 22px;
padding: 4px 10px;
}
h3.faq-que {
font-size: 14px;
padding: 8px 0;
}
.faq-ans p {
font-size: 14px;
}
.faq-item {
padding: 0 10px;
}
.faq-form-title h4 {
font-size: 17px;
}
.product-list-item-title {
font-size: 16px;
}
.collection-header-wrapper {
margin: 20px 0;
}
.collection-products {
margin: 20px 0;
}
h1.page-title {
font-size: 32px;
}
.template-collection .main-content {
padding-top: 10px;
}
.product-description.rte p {
font-size: 14px;
}
.product-dropdown .product-drop h2 {
font-size: 16px;
}
.pd-textarea {
font-size: 14px;
padding: 0 0 8px;
}
.drawer-nav__flyout button, .drawer-nav__flyout a {
font-size: 17px;
}
.template-page-affiliate-programme .image-with-text-overlay__text p {
font-size: 15px;
}
.template-page-affiliate-programme .image-with-text-overlay__text h3 {
font-size: 20px;
line-height: 1;
}
.template-page-affiliate-programme #shopify-section-template--19969548943633__7aa9a71c-d946-4fa1-b88b-bf2cdcff5f8f .module-container .module-inner {
margin: 80px auto;
}
.hb-text-content {
top: 6%;
}
.pd-textarea h3 {
font-size: 14px;
}
}
@media (max-width: 425px) {
body {
line-height: 1.2;
}
.coll-detail h2 {
font-size: 22px;
}
.coll-detail .button {
padding: 12px 6px 10px;
}
h3.faq-que {
font-size: 13px;
}
.faq-ans p {
font-size: 13px;
}
.faq-form-content .input-field-textarea {
padding: 10px;
}
.faq-form-content .input-field {
height: 46px;
padding: 10px;
}
.home-text-feature .feature-title {
font-size: 23px !important;
}
.template-collection .main-content {
padding-top: 0px;
}
.multi-griditem {
width: 100%;
}
.mg-content h4 {
font-size: 16px;
}
.mg-content img {
width: 160px;
}
.image-grid img {
height: 26px;
}
.product-gallery--media-thumbnail img {
max-width: 66px;
}
.product-gallery--navigation {
margin-top: 12px;
}
.hb-text-content {
top: 0%;
}
.collection-slide.swiper-slide {
margin-right: 10px !important;
}
}
@media (max-width: 375px) {
body {
font-size: 14px;
}
.coll-detail h2 {
font-size: 20px;
}
.coll-detail .button {
font-size: 10px;
}
.collection-slider-section h1.product-list-item-title {
font-size: 12px;
}
.feature-title {
font-size: 1.7rem !important;
}
.footer-link-list.social-icons a {
font-size: 12px;
}
h2.faq-mai-title {
font-size: 20px;
}
.product-list-item-title {
font-size: 15px;
margin: 6px 0;
}
h1.page-title {
font-size: 30px;
}
.image-grid img {
height: 24px;
}
.product-gallery--media-thumbnail img {
max-width: 60px;
}
.product-gallery--navigation {
margin-top: 10px;
}
.product-gallery--media-thumbnail {
margin-left: 10px;
}
}
/* heaader nav */
.header-nav__tier-2 {
min-width: 300px;
max-width: 300px;
}
.header-nav__tier-3 {
position: unset!important;
opacity: 1;
visibility: visible;
display: block;
}
.header-nav__tier-3-link {
var(--color-white-100)-space: normal;
}
.header-nav__tier-2-item details .header-nav__tier-2-link:after {
content: '';
width: 11px;
height: 1px;
top: 50%;
transform: translateY(-50%);
right: 15px;
position: absolute;
background-color: var(--color-black-100);
}
.header-nav__tier-2-item details .header-nav__tier-2-link:before {
content: '';
width: 1px;
height: 11px;
top: 50%;
transform: translateY(-50%);
right: 20px;
position: absolute;
background-color: var(--color-black-100);
}
.header-nav__tier-2-item details[open] .header-nav__tier-2-link:before {
display: none;
}
.header-nav__tier-2-item details[open] .header-nav__tier-2-link span {
text-decoration: underline;
}
.header-nav__tier-2, .header-nav__tier-3, .header-mega-nav {
border-radius: 0;
}
.header-nav__tier-2-link, .header-nav__tier-3-link {
padding: 2px 20px;
}
.more {
overflow: hidden;
}
.more+a.for-read {
text-decoration: underline;
font-weight: 600;
font-size: 13px;
display: block;
margin-bottom: 18px;
color: var(--color-black-100);
text-transform: uppercase;
}
.more p {
margin-bottom: 0;
}
/* custom-social */
.cus-social-sec .richtext-content {
position: relative;
padding-bottom: 10px;
}
.cus-social.footer-link-list.social-icons {
display: block;
position: absolute;
bottom: 0px;
margin: 0;
width: 100% !important;
}
.cus-social.footer-link-list.social-icons ul {
display: flex;
margin: 0 !important;
justify-content: center;
}
.cus-social.footer-link-list.social-icons li {
line-height: 1;
}
.cus-social.footer-link-list.social-icons li:not(:last-child) {
border-right: 1px solid var(--color-black-100);
margin-right: 16px;
}
.site-header__wrapper > span{
flex: 1 0 0;
}
.site-header__title {
flex: 1 0 0;
justify-content: center;
}
/* number counter */
.header-loader {
text-align: right;
padding-left: 10px;
display: flex;
align-items: baseline;
flex: 1 0 0;
justify-content: flex-end;
}
.header-loader p {
font-size: 12px;
line-height: 1.2;
margin: 0;
}
p.count-text:first-child{
background: var(--color-cstr-100);
padding: 4px 8px;
}
.header-loader p.count-num {
font-size: 24px;
font-weight: 500;
margin: 0 2px;
}
h1.site-header__title {
width: 166px;
}
ul.header-nav__tier-1 {
justify-content: center;
}
@media (max-width: 900px) {
.header-loader p {
font-size: 11px;
}
.header-loader {
width: 120px;
padding-left: 8px;
}
h1.site-header__title {
width: 142px;
}
}
@media (max-width: 768px) {
.header-loader {
width: 100px;
text-align: right;
padding-left: 6px;
}
}
@media (max-width: 719px) {
.site-header__controls.site-header__controls--first {
width: 180px;
}
.header-loader p.count-num {
font-size: 22px;
}
}
@media (max-width: 560px) {
.site-header__controls.site-header__controls--first {
width: 120px;
}
}
@media (max-width: 480px) {
.site-header__controls.site-header__controls--first {
width: 80px;
}
.header-loader {
width: 130px;
}
}
@media (max-width: 420px) {
.site-header__wrapper {
padding: 0 12px;
}
.header-loader p.count-num {
font-size: 18px;
}
.header-loader {
width: 92px;
}
.header-loader p {
font-size: 10px;
}
.site-header__controls.site-header__controls--last {
width: 60px !important;
}
}
@media (max-width: 375px) {
.header-loader p.count-num {
font-size: 17px;
}
.site-header__controls.site-header__controls--first {
width: 50px;
}
}
/* 24/7 */
.oke-reviewsTab.oke-reviewsTab--small-top-left.oke-reviewsTab--large-top-left {
background-color: var(--color-black-100);
}
/* 31/7 */
.shopify-product-form a.btn.klaviyo-bis-trigger {
margin-top: 10px !important;
padding: 16px 10px 14px;
display: block;
color: var(--color-black-100);
background-color: var(--color-csvr1);
border-radius: 4px;
border: 1px solid var(--color-black-100);
line-height: 1;
}
.product-form-submit-wrap input.button {
padding: 12px 30px 14px;
}
/* 16/8 */
.product-reco-wrap .recommended-products {
margin-top: 30px;
padding-top: 20px;
}
.product-reco-wrap .recommended-products .section-title {
margin-bottom: 20px;
font-family: 'Roboto Mono' !important;
font-size: 17px;
text-align: left;
font-weight: 600;
}
.product-reco-wrap .recommended-products .collection-products {
margin-top: 20px;
}
.product-reco-wrap .product-list-item {
padding: 0 5px;
}
.product-reco-wrap .recommended-products .product-list-item:nth-child(even) {
padding-left: 5px;
}
.product-reco-wrap .recommended-products .product-list-item:nth-child(odd) {
padding-right: 5px;
}
.product-reco-wrap section.recommended-products {
border-top: none;
}
.pro-review-wrap {
margin: 8px 0 0;
border-bottom: 1px solid var(--color-black-100);
padding-bottom: 6px;
}
.pro-review-wrap span.oke-sr-count-number {
position: relative;
}
.pro-review-wrap span.oke-sr-count-number:before {
content: '(';
}
.pro-review-wrap span.oke-sr-count-number:after {
content: ')';
}
.pro-review-wrap .oke-sr-count {
display: flex;
flex-direction: row-reverse;
grid-gap: 4px;
font-family: Poppins,sans-serif !important;
line-height: 1;
font-weight: 500;
font-size: 17px !important;
}
.pro-review-wrap .oke-sr-stars {
display: none;
}
.product-reco-wrap .effectiveAppsWiggle {
display: none !important;
}
.header-promotion-bar {
padding-top: 0;
padding-bottom: 0;
}
.announ-slide {
padding: 6px 0;
}
/*.collection-slider .slick-track {
display: flex;
align-items: center;
}*/
.collection-slider .collection-slide {
padding: 0 8px;
}
.collection-slider button.slick-arrow {
height: 26px;
width: 20px;
top: 38%;
position: absolute;
padding: 2px;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: none;
}
.collection-slider button.slick-arrow svg {
width: 22px;
height: 22px;
}
.collection-slider button.slick-prev {
transform: rotateY(180deg) translateY(-50%);
left: -20px;
}
.collection-slider button.slick-next {
transform: translateY(-50%);
right: -20px;
}
.coll-tit-grid {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.coll-tit-grid > .collection-slide {
width: 33.33%;
padding: 0 10px;
}
.col-sli-wrap {
width: 66.66%;
}
.collection-slide a.button {
padding: 14px 12px 12px;
}
@media (max-width: 990px) {
.product-reco-wrap .product-list-item-title {
font-size: 16px;
margin-bottom: 0;
}
.product-reco-wrap .product-list-item {
font-size: 13px;
line-height: 1;
}
.product-reco-wrap .oke-sr-count {
font-size: 12px;
}
.product-reco-wrap .button {
padding: 14px 20px 12px;
}
}
@media (max-width: 900px) {
.product-reco-wrap .product-list-item-title {
font-size: 14px;
}
}
@media (max-width: 719px) {
.product__grid-left .product-reco-wrap {
display: none;
}
.product-reco-wrap .collection-products.product-count- {
display: flex;
padding: 0;
margin-left: -5px;
margin-right: -5px;
flex-wrap: wrap;
}
.product-reco-wrap .collection-products.product-count- article {
width: 50% !important;
padding: 0 5px !important;
}
.collection-slide a.button {
font-size: 13.5px;
}
}
@media (max-width: 650px) {
.collection-slide.only-desk {
display: none;
}
.collection-slider .slick-track {
align-items: flex-start;
}
.collection-slider button.slick-arrow svg {
width: 14px;
height: 18px;
}
.collection-slider button.slick-arrow {
top: 30%;
}
.col-sli-wrap {
width: 100%;
}
}
@media (max-width: 480px) {
.product-reco-wrap .button {
padding: 10px 14px 10px;
font-size: 13px;
}
.collection-slider .collection-slide {
padding: 0 4px;
}
a.pro-list-item-subtitle {
font-size: 13px;
line-height: 1;
}
.collection-slider button.slick-prev {
left: -16px;
}
.collection-slider button.slick-next {
right: -16px;
}
.coll-slider-head .coll-detail .button {
padding: 14px 16px 12px;
font-size: 13.5px;
}
}
@media (max-width: 375px) {
a.pro-list-item-subtitle {
font-size: 12px;
}
}
@media (min-width: 1024px) {
.product-reco-wrap .product-list-item-title {
font-size: 19px;
line-height: 1;
margin: 2px 0;
}
.product-reco-wrap .pro-list-item-subtitle {
line-height: 1;
margin-bottom: 0;
}
.product-reco-wrap p.product-list-item-price {
margin: 3px 0 5px;
line-height: 1;
}
.product-reco-wrap .button {
padding: 10px 20px 8px;
}
.product-reco-wrap figure.product-list-item-thumbnail {
width: 200px;
margin: auto;
}
}
.prod_tags {
position: absolute;
top: 14px;
/*right: 14px;*/
left: 14px;
}
.prod_tags span {
font-size: 12px;
padding: 6px 10px;
background-color: var(--color-white-100);
text-transform: uppercase;
letter-spacing: .2px;
margin-left: -4px;
line-height: 1;
}
.prod_tags span.pr-tag-sale {
background-color: var(--color-csvr1-50);
color: var(--color-black-100);
}
a.klaviyo-bis-trigger.noti-btn {
background-image: none!important;
background-color: var(--color-csvr1)!important;
color: var(--color-black-100) !important;
border: 1px solid var(--color-black-100) !important;
display: block;
padding: 14px 6px;
text-align: center;
margin-top: 6px;
border-radius: 6px;
line-height: 1;
text-transform: uppercase;
letter-spacing: .2px;
}
/* 4/9 */
.header-promotion-bar .announ-slider .announ-slide {
display: none;
height: 100%;
}
.header-promotion-bar .announ-slider .announ-slide:first-child{
display: block ;
}
.header-promotion-bar .slick-initialized.announ-slider .announ-slide,
.header-promotion-bar .slick-initialized.announ-slider .announ-slide:first-child{
display: block ;
}
.header-promotion-bar .announ-slider .slick-track {
display: flex;
flex-direction: column;
justify-content: end;
}
.header-promotion-bar .header-promotion-text {
height: 100%;
/*display: flex;
align-items: center;
justify-content: center;*/
}
/* 18/9 */
.product-footer {
padding-top: 10px;
padding-bottom: 10px;
background: var(--color-cspr1-10);
border-bottom: 1px solid var(--color-csborder);
width: 100%;
top: 0;
z-index: 99999;
position: fixed;
left: 0;
display: none;
}
.product-footer.sticky {
display: block;
}
.pro_icon_wrap {
display: none;
/*display: flex;*/
grid-gap: 10px;
margin-top: 10px;
}
.pro_icon_wrap img {
height: 28px;
}
.pro-footer-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.pro--details {
display: flex;
align-items: center;
grid-gap: 20px;
}
.pro--title-container p.pro-list-item-subtitle {
margin: 2px 0 0;
line-height: 1.1;
}
.pro--image-container img {
display: block;
}
.pro--title-container h2 {
margin: 0;
font-family: "Roboto Mono",sans-serif !important;
text-transform: uppercase;
letter-spacing: 0;
font-weight: 600;
font-size: 20px;
}
.pro--add-btn {
font-size: 16px;
text-transform: uppercase;
padding: 8px 20px;
border-radius: 6px;
border: 1px solid var(--color-black-100);
background-color: var(--color-csvr1);
}
.pro_btn_qua {
display: flex;
justify-content: flex-end;
grid-gap: 10px;
}
.pro_btn_wrap label.product-quantity-label {
display: none;
}
.product-footer a {
text-decoration: none;
}
@media (max-width: 768px) {
.pro_icon_wrap img {
height: 25px;
}
.pro_icon_wrap {
grid-gap: 4px;
}
}
@media (max-width: 650px) {
.pro_icon_wrap {
display: none;
}
.pro-footer-content {
align-items: center;
}
.product-footer {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: none;
bottom: 0;
top: unset;
border-top: 1px solid var(--color-csborder);
}
.pro--image-container img {
width: 80px;
}
.pro--title-container h2 {
font-size: 18px;
}
}
@media (max-width: 550px) {
.pro--image-container img {
width: 62px;
}
.pro--details {
grid-gap: 12px;
}
.pro--title-container h2 {
font-size: 16px;
}
.pro--title-container p.pro-list-item-subtitle {
margin: 0px 0 0;
font-size: 13px;
}
span.pro--price {
font-size: 13px;
}
.pro--add-btn {
height: 40px;
}
.product__quantity-wrapper .product-quantity-input {
width: 42px;
height: 40px;
}
}
@media (max-width: 480px) {
.product-footer {
background: var(--color-csvr2-50);
}
.pro--image-container {
display: none;
}
.product__quantity-wrapper .product-quantity-input {
background-color: var(--color-white-100);
}
.product-footer {
border-top: none;
}
}
@media (max-width: 420px) {
.pro--add-btn {
height: 36px;
font-size: 14px;
padding: 8px 16px;
}
.product__quantity-wrapper .product-quantity-input {
width: 40px;
height: 36px;
}
.pro_btn_qua {
grid-gap: 6px;
}
}
/* 22/9 copy 30/10 */
body.overflow-hid {
overflow: hidden;
position: relative;
}
body.overflow-hid:before {
width: 100%;
height: 100%;
content: '';
position: absolute;
background-color: var(--color-black-100);
z-index: 1001;
opacity: .1;
}
div#mini-cart {
display: none;
position: fixed;
top: 0;
right: 0;
width: 100%;
max-width: 480px;
background-color: var(--color-white-100);
z-index: 99999;
padding: 0px 18px;
overflow: auto;
border-left: 1px solid var(--color-csborder);
height: 100vh;
height: -webkit-fill-available;
min-height: -webkit-fill-available;
}
.mini-cart form {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100vh - 74px);
}
.mini-cart-head {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 10px;
padding: 14px 0px ;
margin-bottom: 18px;
border-bottom: 1px solid var(--color-csborder);
}
.mini-cart-items {
height: calc(100vh - 234px);
overflow: auto;
}
.mini-cart-head h4 {
margin: 0;
font-weight: 400;
font-family: "Roboto Mono",sans-serif !important;
letter-spacing: 0px;
font-size: 18px;
}
.mini-cart-head p.mini-cart-close {
margin: 0;
font-size: 22px;
line-height: 1.2;
cursor: pointer;
}
.mini-cart-product label.product-quantity-label {
font-size: 13px;
margin-right: 12px;
display: block;
text-transform: uppercase;
}
.mini-cart-product .product-quantity-input {
width: 28px;
height: 28px;
margin-left: 0;
border-radius: 0;
padding: 0;
}
.product__quantity-wrapper button {
height: 28px;
border-radius: 0;
padding: 0 6px;
width: 28px;
}
.grid-grid {
display: flex;
padding-bottom: 14px;
}
.grid-grid .mini-image {
width: 160px;
}
.grid-grid .mc-content {
width: calc(100% - 160px);
padding-left: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mini-cart-bottom {
background-color: var(--color-csvr2-50);
padding: 28px 10px;
text-align: center;
margin-top: 10px;
margin-left: -18px;
margin-right: -18px;
/*position: absolute;
width: 100%;
bottom: 0;*/
}
.mini-cart-hidden {
display: none;
}
.mini-cart-bottom h3 {
margin: 0;
}
.mcart-total-price {
font-size: 20px;
line-height: 1;
font-weight: 500;
}
p.ship-text {
margin-top: 4px;
margin-bottom: 10px;
}
.cart-btn {
background-color: var(--color-black-100);
color: var(--color-white-100);
border: none;
padding: 12px 20px;
display: inline-block;
border-radius: 6px;
line-height: 1;
text-transform: uppercase;
border: 1px solid var(--color-black-100);
}
.cart-buttons-row a.cart-btn {
color: var(--color-black-100);
background-color: transparent;
}
.product_image img {
display: block;
}
.mc-pro-title a {
color: var(--color-black-100);
font-size: 17px;
line-height: 1;
text-transform: uppercase;
font-weight: 500;
}
a.pro-remove {
cursor: pointer;
color: var(--color-black-100);
display: block;
margin-top: 4px;
}
.product__quantity-wrapper {
display: flex;
align-items: center;
}
.product__quantity-wrapper button.line-item-quantity-decrement {
border-right: none;
}
p.minicart-empty {
text-align: center;
font-weight: 600;
font-size: 18px;
}
a.site-header__cart-button {
cursor: pointer;
}
.cart-rel-pro-hrad p {
margin: 0 0 12px;
padding: 12px 0;
border-top: 1px solid var(--color-black-100);
border-bottom: 1px solid var(--color-black-100);
line-height: 1.2;
}
.cart-related-product .grid-grid {
padding-bottom: 4px;
}
.cart-related-product .button {
margin-top: 14px;
padding: 8px 16px 8px;
}
p.cart-pro-subtitle {
margin: 0;
text-transform: uppercase;
font-size: 12px;
}
.product__quantity-wrapper button.disable {
cursor: no-drop;
position: relative;
pointer-events: none;
}
.product__quantity-wrapper button.disable:before {
opacity: .4;
}
.mini-cart p.cart-empty {
text-align: center;
margin-top: 50px;
font-size: 17px;
}
.rel-pro-grid {
display: flex;
grid-gap: 10px;
}
.rel-pro-grid > div {
width: calc(50% - 5px);
}
.rel-pro-grid > div .mini-image {
width: 80px;
}
.rel-pro-grid > div .mc-content {
width: calc(100% - 80px);
padding-left: 10px;
}
.cart-related-product .rel-pro-grid > div .button {
margin-top: 8px;
padding: 6px 10px 6px;
font-size: 12px;
}
@media (max-width: 550px) {
div#mini-cart {
width: 90%;
}
.grid-grid .mini-image {
width: 140px;
}
.grid-grid .mc-content {
width: calc(100% - 140px);
}
.mc-pro-title a {
font-size: 17px;
}
.rel-pro-grid .mc-pro-title a {
font-size: 15px;
}
.cart-related-product .rel-pro-grid > div .button {
margin-top: 6px;
padding: 6px 8px 6px;
font-size: 11px;
letter-spacing: 0px;
}
}
@media (max-width: 480px) {
.rel-pro-grid > div .mini-image {
width: 70px;
}
.rel-pro-grid > div .mc-content {
width: calc(100% - 70px);
padding-left: 8px;
}
.rel-pro-grid .mc-pro-title a {
font-size: 14px;
}
.rel-pro-grid p.cart-pro-subtitle {
font-size: 10px;
}
}
@media (max-width: 420px) {
.mc-pro-title a {
font-size: 14px;
}
.grid-grid .mini-image {
width: 110px;
}
.grid-grid .mc-content {
width: calc(100% - 110px);
}
.product__quantity-wrapper button {
height: 24px;
padding: 0 4px;
width: 26px;
}
.mini-cart-product .product-quantity-input {
width: 28px;
height: 24px;
}
a.pro-remove {
cursor: pointer;
color: var(--color-black-100);
display: block;
margin-top: 4px;
}
div#mini-cart {
width: 94%;
padding: 0px 14px
}
.mini-cart-bottom {
padding: 20px 10px;
margin-left: -14px;
margin-right: -14px;
}
.mini-cart-items {
height: calc(100vh - 205px);
}
.mini-cart-head {
grid-gap: 10px;
padding: 10px 0px;
margin-bottom: 14px;
}
.mini-cart-head h4 {
font-size: 16px;
}
.mini-cart form {
height: calc(100vh - 61px);
}
.cart-rel-pro-hrad p {
font-size: 13px;
margin: 0 0 10px;
padding: 9px 0;
}
.rel-pro-grid .mc-pro-title a {
font-size: 13.5px;
}
p.cart-pro-subtitle {
font-size: 11px;
}
.rel-pro-grid > div .mini-image {
width: 60px;
}
.rel-pro-grid > div .mc-content {
width: calc(100% - 60px);
padding-left: 6px;
}
.rel-pro-grid {
grid-gap: 6px;
}
.rel-pro-grid > div {
width: calc(50% - 3px);
}
.cart-related-product .rel-pro-grid > div .button {
padding: 4px 6px 4px;
font-size: 10.5px;
}
}
/* 8/11 */
.template-article .post-content a {
color: var(--color-csvr1);
}
/* 23/11 */
@media (max-width: 768px) {
.prod_tags {
top: 6px;
left: 10px;
width: 90px;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
}
.prod_tags span {
font-size: 11px;
padding: 4px 4px;
margin-bottom: 2px;
display: inline-block;
}
}
/* 19/2 */
.footer-link-list.social-icons .tiktok a:before {
content: "z";
}
/* 23/2 discount page */
.template-page-discount main.main-content {
padding: 0;
max-width: 100%;
margin: 0;
}
.template-page-discount .locale-selectors__container {
display: none;
}
.disc-sec-grid {
display: flex;
flex-wrap: wrap;
min-height: 100vh;
}
.disc-sec-griditem {
width: 50%;
min-height: 100vh;
}
.dis-sec-media img {
display: block;
}
.dis-sec-media img {
display: block;
min-height: 100vh;
object-fit: cover;
}
.dis-sec-media img {
display: block;
min-height: 100vh;
object-fit: cover;
width: 100%;
}
.dis-sec-media img.for-mob {
display: none;
}
.dis-sec-content {
position: relative;
height: 100%;
}
.dis-sec-content .dis-overlay-logo {
position: absolute;
padding: 0 10px;
width: 100%;
text-align: center;
top: 42px;
}
.dis-sec-content .dis-overlay-logo img {
width: 200px;
display: block;
margin: auto;
}
.dis-content-area {
padding: 110px 30px 80px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
grid-gap: 30px;
}
.dis-content-area p.dis-text {
max-width: 492px;
text-align: center;
line-height: 1.3;
font-size: 24px;
font-weight: 400;
margin: 0;
}
.dis-content-area h2 {
margin: 0;
font-size: 42px;
line-height: 1;
margin-bottom: -7px;
}
.dis-code-block {
position: relative;
display: flex;
border: 3px solid var(--color-cstr-100-100);
text-align: center;
max-width: fit-content;
margin: auto;
}
.dis-code-block p {
margin: 0;
line-height: 1;
}
.dico-title {
font-weight: 600;
font-size: 18px;
background-color: var(--color-cstr-100-100);
padding: 16px 22px 14px;
cursor: pointer;
}
.dico-code-text {
background-color: var(--color-white-100);
font-size: 22px;
padding: 0 24px;
display: flex;
align-items: center;
font-weight: bold;
line-height: 1;
text-decoration: underline;
}
p.dis-small-text {
margin: 18px 0 0;
line-height: 1;
font-size: 12.5px;
text-align: center;
}
.dis-content-area a.button {
border: none !important;
background-color: var(--color-cspr-100) !important;
letter-spacing: 0;
font-weight: 600;
}
.dis-sec-media, .dis-sec-media img {
height: 100%;
}
.dc-tooltip {
color: var(--color-white-100);
position: absolute;
top: 0;
transform: translateY(-100%);
background: rgba(0,0,0,0.8);
margin: 0 auto;
display: block;
padding: 5px 10px;
font-size: 13px;
margin-top: -3px;
left: -3px;
display: none;
}
.sellers__item-content h2 a{
color:var(--color-black-100);
}
@media (max-width: 1200px) {
.dis-sec-content .dis-overlay-logo {
top: 32px;
}
}
@media (max-width: 1024px) {
.dis-content-area {
grid-gap: 24px;
}
.dis-content-area h2 {
font-size: 40px;
}
.dis-content-area p.dis-text {
font-size: 22px;
}
.dis-sec-content .dis-overlay-logo {
top: 26px;
}
}
@media (max-width: 900px) {
.dis-content-area {
padding: 100px 26px 70px;
}
.dis-content-area p.dis-text {
line-height: 1.25;
font-size: 21px;
}
.dico-title {
font-size: 17px;
padding: 15px 18px 13px;
}
p.dis-small-text {
margin: 14px 0 0;
}
.dis-sec-content .dis-overlay-logo {
top: 20px;
}
}
@media (max-width: 768px) {
.disc-sec-grid {
flex-direction: column-reverse;
justify-content: flex-end;
}
.disc-sec-griditem {
width: 100%;
min-height: auto;
}
.dis-content-area {
padding: 120px 26px 40px;
}
.dis-sec-media img.for-desk {
display: none;
}
.dis-sec-media img.for-mob {
display: block;
}
.dis-sec-media img {
min-height: auto;
}
.dis-sec-content .dis-overlay-logo {
top: 24px;
}
}
@media (max-width: 550px) {
.dis-content-area {
padding: 110px 26px 40px;
}
.dis-sec-content .dis-overlay-logo img {
width: 180px;
}
}
@media (max-width: 480px) {
.dis-sec-content .dis-overlay-logo img {
width: 160px;
}
.dis-content-area {
padding: 98px 22px 28px;
grid-gap: 20px;
}
.dico-code-text {
font-size: 20px;
}
.dico-code-text {
font-size: 20px;
padding: 0 20px
}
.dis-content-area p.dis-text {
line-height: 1.25;
font-size: 20px;
}
.dis-content-area h2 {
font-size: 36px;
}
}
@media (max-width: 420px) {
/*.dis-content-area {
padding: 84px 22px 28px;
}*/
.dis-sec-content .dis-overlay-logo {
top: 18px;
}
.dis-content-area p.dis-text {
font-size: 19px;
}
.dis-content-area h2 {
font-size: 34px;
}
/*.dico-title {
padding: 14px 16px 12px;
}*/
}
square-placement, p.laybuy-paragraph{
display: none;
}
.more-pay-opt-wrap {
margin: 20px 0;
padding-bottom: 20px;
border-bottom: 1px solid var(--color-black-100);
position: relative;
z-index: 5;
}
.more-pay-opt {
display: flex;
gap: 20px;
}
.more-pay-opt-wrap > p {
text-transform: uppercase;
display: inline-block;
padding: 5px 10px;
font-weight: bold;
background: var(--color-cstr-80);
margin: 0;
}
.more-pay-opt-item img {
display: block;
}
.more-pay-opt-item {
position: relative;
cursor: pointer;
padding: 15px 0 0;
max-width: 25%;
}
.more-po-overlay {
cursor: pointer;
position: absolute;
display: none;
background: var(--color-cspr-10);
padding: 10px 15px;
width: 300px;
gap: 20px;
align-items: center;
top: 0;
transform: translateY(-100%);
}
.more-pay-opt-item:hover .more-po-overlay{
display: flex;
}
.more-po-overlay img {
max-height: 28px;
}
.more-pay-opt-item:nth-child(3) .more-po-overlay,
.more-pay-opt-item:nth-child(4) .more-po-overlay{
right: 0;
}
.more-po-overlay p{
line-height: 1.2;
margin: 0;
}
.more-po-overlay p a{
color: var(--color-black-100);
text-decoration: underline;
}
.more-po-overlay:after {
content: '';
position: absolute;
bottom: -21px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-right: 15px solid var(--color-cspr-10);
border-bottom: 15px solid transparent;
transform: rotate(-90deg);
left: 10%;
}
.more-pay-opt-item:nth-child(3) .more-po-overlay:after,
.more-pay-opt-item:nth-child(4) .more-po-overlay:after{
left: inherit;
right: 10%;
}
.shopify-payment-button button {
display: none;
}
.header-nav__cross-border .selectors-form__item{
margin-bottom: 0;
}
.header-nav__cross-border .shopify-localization-form{
margin: 0;
}
.header-nav__cross-border .disclosure-list {
bottom: inherit;
}
@media (max-width: 719px) {
.header-nav__cross-border{
display: none;
}
}
.site-header {
background-color: var(--color-csnav);
}
.header-mega-nav{
background-color: var(--color-csnav);
border: none;
}
.header-mega-nav__wrapper{
display: block;
/* flex: 1 0 auto; */
margin: 0;
min-width: 180px;
}
.header-mega-nav__scroll-wrapper {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
.header-mega-nav_box {
display: flex;
gap: 60px;
}
.header-mega-nav_promos {
position: relative;
}
.header-mega-nav_promos:before {
content: '';
position: absolute;
left: -30px;
top: 0;
bottom: 0;
width: 1px;
background: var(--color-black-100);
}
.header-mega-nav_promos_wrap {
display: flex;
gap: 30px;
}
.header-mega-nav_promo_heading {
font-size: 16px;
font-weight: 500;
margin: 0 0 10px;
}
.header-mega-nav__parent-link{
font-weight: 500;
}
.header-mega-nav__list{
margin-bottom: 8px;
}
.drawer-nav__flyout{
max-width: inherit;
}
.drawer-menu__tier-1-button::after, .drawer-menu__tier-2-button::after{
top: 1px;
left: 2px;
}
.site-header__menu-button, .site-header__account-button, .site-header__search-button, .site-header__cart-button {
padding: 1rem 0.5rem;
}
.site-header__cart-button:hover::before,
.site-header__cart-button::before {
content: url('https://cdn.shopify.com/s/files/1/0683/7655/9889/files/cart-icon.svg?v=1712740157');
}
.site-header__search-button:hover::before,
.site-header__search-button::before {
content: url('https://cdn.shopify.com/s/files/1/0683/7655/9889/files/search-icon.svg?v=1712740157');
}
.drawer-nav__footer::before{
display: none;
}
.drawer-nav__flyout {
justify-content: space-between;
}
.drawer-nav__footer .footer-link-list.social-icons {
margin: 0;
padding-top: 10px !important;
border-top: 1px solid var(--color-black-100);
margin-top: 10px;
}
ul.mobile-social {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
}
ul.mobile-social li {
margin: 0;
}
ul.mobile-social li a {
padding: 0;
color: var(--color-black-100);
font-size: 14px;
font-weight: 500;
}
@media (min-width: 720px) {
header.site-header.site-header--nav-position-center{
display: flex;
flex-direction: column;
}
.site-header__wrapper {
order: 2;
width: 100%;
}
.site-header__wrapper.site-header__wrapper_logo_center {
order: 1;
}
}
@media (max-width: 719px) {
.site-header__wrapper.site-header__wrapper_logo_center span:empty {
display: none;
}
.site-header__wrapper.site-header__wrapper_logo_center .header-loader {
justify-content: center;
margin-bottom: 12px;
}
.site-header__wrapper.site-header__wrapper_logo_center span.site-header__title{
position: absolute;
top:0;
left: 25%;
right: 25%;
}
.site-header__cart-button {
padding: 0.625rem 0.25rem;
}
.drawer-nav__flyout {
padding: 1rem 3rem;
}
}
.author_info{
display:flex;
flex-direction: row;
gap: 30px;
border-top: 2px solid var(--color-black-100);
margin-bottom: 30px;
padding-top: 30px;
height: auto;
margin-top:30px;
}
.author_img{
width:64px;
}
.author_img img{
width:64px;
height:64px;
object-fit:cover;
border-radius:64px;
}
.author_txt{
width:100%;
}
.subscription-success{
color:var(--color-cspr-100);
margin-top:15px;
}
.next-btn, .prev-btn {
font-family: var(--global-font-font-heading);
background-color: var(--color-cspr-100) !important;
color: var(--color-white-100) !important;
border: 1px solid var(--color-cspr-100) !important;
font-size: 16px;
line-height: 20px;
background-repeat: no-repeat !important;
padding: 16px 50px !important;
background-position: center right 25px !important;
background-size: 6px 11px !important;
transition: .3s all;
border-radius:10px !important;
text-transform:uppercase;
}
.next-btn:hover, .prev-btn:hover{
background-color: transparent !important;
color: var(--color-cspr-100) !important;
}
.btn-search{
font-family: var(--global-font-font-heading);
background-color: var(--color-cspr-100) !important;
color: var(--color-white-100) !important;
border: 1px solid var(--color-cspr-100) !important;
font-size: 16px;
line-height: 20px;
background-repeat: no-repeat !important;
padding: 16px 50px !important;
background-position: center right 25px !important;
background-size: 6px 11px !important;
transition: .3s all;
border-radius:10px !important;
text-transform:uppercase;
}
input[type=text].search-input{
display: inline-block;
vertical-align: middle;
font-family: var(--global-font-font-body);
font-size: var(--global-font-size-mobile-base);
line-height: 25.6px;
color: var(--color-black-60, rgba(30, 29, 27, .6));
border: 1px solid var(--color-gray-20);
}
input[type=text], input[type=email], input[type=tel], input[type=search], input[type=number], input[type=password], select, textarea,.input-field-textarea, .input-field{
font-family: var(--global-font-font-body);
font-size: var(--global-font-size-mobile-base);
line-height: 25.6px;
color: var(--color-black-60, rgba(30, 29, 27, .6));
border: 1px solid var(--color-gray-20);
}
.description li{
list-style: initial;
padding-left:0px;
}
.spice-spa-addon-product-link {
pointer-events: none;
cursor: default;
}
/*--------------------------------custom code---------------------------------------------*/
.hero-banner{
overflow:hidden;
}
.faq-know-more{
font-size:14px;
font-weight:500;
display:block;
margin:10px 0px;
color: var(--color-black-100);
text-decoration:underline;
}
.product-list-item.juicee-add-on, .product-list-item.cleanies-add-on, .product-list-item.toy-bag-add-on, .product-list-item.after-banger-add-on, .product-list-item.missy-add-on, .product-list-item.wanda-add-on,
.product-list-item.peaches-add-on, .product-list-item.afternoon-delighters-add-on, .product-list-item.deedee-add-on, .product-list-item.dilly-add-on, .product-list-item.polly-add-on, .product-list-item.jollies-12pcs-add-on,
.product-list-item.spread-legs-not-hate-socks-add-on{
display:none;
}
.sellers__item.juicee-add-on, .sellers__item.cleanies-add-on, .sellers__item.toy-bag-add-on, .sellers__item.after-banger-add-on, .sellers__item.missy-add-on, .sellers__item.wanda-add-on,
.sellers__item.peaches-add-on, .sellers__item.afternoon-delighters-add-on, .sellers__item.deedee-add-on, .sellers__item.dilly-add-on, .sellers__item.polly-add-on, .sellers__item.jollies-12pcs-add-on,
.sellers__item.spread-legs-not-hate-socks-add-on{
display:none;
}
.ingredients__wrapper{
margin-top:50px;
}
.compare-toys-container{
width: 100%;
max-width: 1400px;
padding: 50px 15px;
margin: 0 auto;
}
.compare-image.desktop{
display:block;
}
.compare-image.mobile{
display:none;
}
.collection-price{
display: flex;
justify-content: center;
gap: 5px;
flex-direction: row;
}
.collection-price .product-compare-price{
font-family:Girls Get Off;
font-size: 15px;
color:var(--color-cspr-100);
line-height: 22px;
}
.sellers__item-price{
display:flex;
justify-content:center;
flex-direction: row;
align-items:center;
}
.sellers__item-price .from{
font-family:Girls Get Off;
font-size: 13px;
line-height: 20px;
margin-right:5px;
}
.collection-filters__product-items .sellers__item{
display: flex;
flex-direction: column;
}
.sellers__item-content{
display: flex;
flex-direction: column;
flex-grow: 100;
}
.cart__product-delete-price{
display:none;
}
.cart__product-details-bottom-right-save{
display:none !important;
}
.quantity-selector input[type=number]{
background: var(--color-white-100);
border-radius: 4px;
margin: 0px 5px;
color: var(--color-black-100);
border-color: var(--color-black-100);
border-width: 1px;
font-weight: bold;
}
.product-hero__right-content h2 {
text-transform: uppercase;
}
.article-template table {
border-collapse: collapse;
width: 100%;
}
.article-template table,
.article-template th,
.article-template td {
border: 1px solid #ddd;
}
.article-template th,
.article-template td {
padding: 8px;
text-align: left;
}
.klaviyo-bis-trigger{
font-family: var(--global-font-font-button);
font-size: 18px;
text-transform: uppercase;
line-height: 16.8px;
letter-spacing: var(--global-buttons-letter-spacing);
text-align: center;
padding: 15px 0;
width: 100%;
color: var(--color-white-100);
background-color: var(--color-cspr-100);
border-radius: var(--global-buttons-radius);
background-image: url(white-right-arrow.svg);
background-repeat: no-repeat;
background-position: center right 25px;
margin-bottom: 24px;
border: 1px solid var(--color-cspr-100);
}
.klaviyo-bis-trigger:hover {
background: transparent;
border: 1px solid var(--color-cspr-100);
color: var(--color-cspr-100);
transition: .4s;
border-radius: var(--global-buttons-radius);
background-image: url(pink-right-arrow.svg);
background-repeat: no-repeat;
background-position: center right 25px;
}
iframe h3{
font-family: var(--global-font-font-button);
}
.template-page-contact {
background: var(--color-csbase);
}
.article-grid-item .post-meta {
text-align: center;
}
.collection-blog-posts{
text-align: center;
padding: 10px 0px 110px;
}
.collection-blog-posts h2{
margin-block: 30px;
}
.collection-blog-posts .blog-posts{
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.slider-arrow {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.slider-arrow.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.slider-arrows{
display: none;
}
.collection-blog-posts ul.slick-dots {
position: absolute;
bottom: -25px;
left: 0;
right: 0;
}
.collection-blog-posts .slick-slide {
margin-bottom: 20px;
}
.collection-blog-posts .blog-post{
width: 48%;
display: flex;
margin-bottom:10px;
width: 49%;
border: 1px solid var(--color-cspr-100);
border-radius: 5px;
}
.collection-blog-posts .blog-post .post-content{
background: var(--color-white-100);
padding: 25px;
width: 60%;
border-radius: 0px 10px 10px 0px;
text-align: left;
}
.collection-blog-posts .blog-post .post-meta{
width:40%;
min-width: 275px;
}
.collection-blog-posts .blog-post .post-meta img{
border-radius: 4px 0 0 4px;
object-fit: cover;
width: 275px;
height: 207px;
}
.collection-blog-posts .blogpost-title a {
color: var(--color-cspr-100);
font-size: 22px;
line-height: 30px;
}
.menu__no-child.ggo-shop-all{
background: var(--color-cspr-100);
color: var(--color-white-100);
transition: .3s all;
border-radius: 4px;
border: 1px solid var(--color-cspr-100);
max-width: 175px;
}
.menu__no-child.ggo-shop-all a{
color: var(--color-white-100);
text-align: center;
transition: .3s all;
}
.menu__no-child.ggo-shop-all:hover{
background: var(--color-white-100);
}
.menu__no-child.ggo-shop-all:hover a{
color: var(--color-cspr-100);
}
.ggo-shop-all{
background: var(--color-cspr-100);
color: var(--color-white-100);
transition: .3s all;
border-radius:0px;
max-width: 100%;
}
.ggo-shop-all a{
color: var(--color-white-100) !important;
transition: .3s all;
}
.ggo-shop-all:hover{
background: var(--color-white-100);
}
.ggo-shop-all:hover a{
color: var(--color-cspr-100) !important;
}
article.free-gift-wanda, article.free-gift-after-banger, article.free-gift-dilly, .free-gift-wanda, .free-gift-after-banger, .free-gift-dilly{
display: none;
}
.product-hero__guarantee .metafield-rich_text_field p, .product-hero__guarantee .metafield-rich_text_field p a{
font-family: var(--global-font-font-heading);
font-size: var(--global-font-size-desktop-base-sm);
line-height: 18px;
letter-spacing: var(--global-font-letter-spacing-sm);
color: var(--color-black-100);
margin-bottom: 0px;
text-align: center;
}
.cart.active .cart__inner{
position: absolute;
width: 100%;
background: var(--color-cscart-inner);
}
.gift-reward-bar {
margin: 0px 10px;
padding: 15px 15px;
background: var(--color-white-100);
text-align: center;
border-radius: 8px;
border: 1px solid var(--color-cspr-100);
position: relative;
}
.gift-reward-bar__progress {
position: relative;
height: 8px;
background: #e0e0e0;
border-radius: 4px;
overflow: hidden;
margin-bottom: 10px;
}
.gift-reward-bar__fill {
height: 100%;
background: var(--color-cstr-100-100);
width: 0;
transition: width 0.5s ease;
}
.gift-reward-bar__steps {
display: flex;
justify-content: space-between;
font-size: 14px;
color: var(--color-gr2);
}
.gift-step {
text-align: center;
width: 33%;
font-family: Girls-Get-Off-Mac !important;
}
.gift-step.active {
font-family: Girls-Get-Off-Mac !important;
color: var(--color-black-100);
}
.gift-step:before {
content: "";
position: absolute;
top: 19px;
transform: translate(-50%, -50%);
width: 18px;
height: 18px;
background-color: var(--color-gr2);
border-radius: 50%;
z-index: 2;
transition: background-color .3s ease;
border: 2px solid var(--color-white-100);
margin-left: 15px;
}
.gift-step.active:before {
background-color: var(--color-cstr-100-100);
}
article.free-gift-wanda, article.free-gift-after-banger{
display:none;
}
#rich-text-01K1VMNP6NBSA5YMYYMQJDXBZ2 span{
letter-spacing:0px !important;
font-size: var(--global-font-size-desktop-H2) !important;
line-height: 33.6px !important;
text-align: left !important;
margin-bottom: 14px !important;
font-family: var(--global-font-font-heading) !important;
}
#rich-text-01K1VMNP6FV6XH57CR99XTNM8Q span{
font-size: var(--global-font-size-desktop-section) !important;
line-height: 13px !important;
text-align: left !important;
font-family: var(--global-font-font-body) !important;
letter-spacing: var(--global-font-letter-spacing) !important;
color: var(--color-cspr-100) !important;
text-transform: uppercase !important;
margin-bottom: 7px !important;
font-weight:700 !important;
}
.klaviyo-form.klaviyo-form.klaviyo-form{
padding:0px !important;
border:0px !important;
}
.go963981680.go963981680.go963981680:focus-visible{
border-radius: 10px 0px 0px 10px;
}
.go963981680.go963981680.go963981680{
border: 1px solid var(--color-gray-20) !important;
border-radius: 10px 0px 0px 10px !important;
}
button.needsclick.go3993184566.kl-private-reset-css-Xuajs1{
border-radius: 0px 10px 10px 0px !important;
font-family: var(--global-font-font-heading) !important;
background-color: var(--color-cspr-100) !important;
color: var(--color-white-100) !important;
border: 1px solid var(--color-cspr-100) !important;
font-size: 18px !important;
line-height: 20px !important;
transition: .3s all !important;
border-radius: 0px 10px 10px 0px !important;
transition:.3s all;
}
button.needsclick.go3993184566.kl-private-reset-css-Xuajs1:hover{
background:transparent !important;
color: var(--color-cspr-100) !important;
}
.read-more-rich{
font-weight:600;
color: var(--color-cspr-100)
}
.launching-soon-btn{
font-family: var(--global-font-font-button) !important;
font-size: 18px !important;
text-transform: uppercase;
line-height: 16.8px !important;
letter-spacing: var(--global-buttons-letter-spacing);
text-align: center;
padding: 15px 0;
width: 100%;
color: var(--color-var(--color-white-100)-100) !important;
background-color: var(--color-cspr-100);
border-radius: var(--global-buttons-radius);
background-image: url(var(--color-white-100)-right-arrow.svg);
background-repeat: no-repeat;
background-position: center right 25px;
margin-bottom: 24px !important;
border: 1px solid var(--color-cspr-100);
margin-top: 20px;
display:none;
}
.footer__center-contact{
margin-top:40px;
}
.podcast-transcript-accordion {
overflow: hidden;
border-top: 1px solid var(--color-black-100);
border-bottom: 1px solid var(--color-black-100);
margin-bottom:50px !important;
margin-top:25px;
}
.podcast-transcript-accordion .metafield-rich_text_field{
margin-top:0px;
}
.podcast-transcript-summary {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-family: "Girls-Get-Off-Mac" !important;
letter-spacing: .2px;
font-size: 18px;
padding:10px 0px;
}
.podcast-transcript-summary:after {
content: url(product-right-arrow.svg);
line-height: 0;
transition: .4s;
transform: rotate(90deg);
min-width: 10px;
}
.podcast-transcript-accordion[open] .podcast-transcript-summary:after {
transform: rotate(0deg);
}
.transcript-container {
position: relative;
margin: 20px 0;
background: var(--color-csbase);
border-radius: 14px;
padding: 18px 0px 26px;
border-top:2px solid var(--color-black-100);
border-radius:0px;
}
.transcript-container h3{
margin-bottom:20px;
}
.transcript-inner {
line-height: 1.6;
font-size: 16px;
overflow: hidden;
transition: max-height 0.35s ease;
}
.transcript-inner.transcript-collapsed {
max-height: 260px;
}
.transcript-inner.transcript-expanded {
max-height: 20000px;
}
.transcript-footer {
position: relative;
margin-top: 12px;
text-align: center;
z-index: 2;
}
.transcript-toggle-btn {
background: none;
border: none;
padding: 0;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.06em;
cursor: pointer;
color: var(--color-black-100);
}
.transcript-toggle-btn:hover {
text-decoration: underline;
}
.transcript-gradient {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 140px;
background: linear-gradient(to bottom, rgba(241,245,236,0) 0%, var(--color-csbase) 90%);
pointer-events: none;
transition: opacity 0.35s ease;
}
.transcript-container.is-expanded .transcript-gradient {
opacity: 0;
}
.img-with-text__inner.img-with-text__second .video-with-text .img-with-text__right{
width:30%;
}
.img-with-text__inner.img-with-text__second .video-with-text .img-with-text__left{
width:70%;
}
.img-with-text__inner .video-with-text .img-with-text__right{
width:30%;
}
.img-with-text__inner .video-with-text .img-with-text__left{
width:70%;
}
.video-with-text .img-with-text__wrapper{
gap:75px;
}
.video-with-text .review-card__item-img video {
border-radius: 12px;
width: 100%;
}
.video-with-text.common-wrap{
padding: 0px 20px;
max-width: 1100px;
}
.featured__inner {
margin-top: -10px;
}
.prd-videos .common-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.prd-videos .review-card__item-img video {
border-radius: 12px;
}
.announcement__wrapper {
justify-content: center !important;
}
.shop-by-desire__img img {
border-radius: 12px;
border: 3px solid var(--color-black-100);
}
.shop-by-desire__top-item {
margin-bottom: 0;
flex: 1 1 0;
}
.product-hero__big-item video{
cursor:pointer;
}
.review-anchor{
font-family: var(--global-font-font-body);
font-size: var(--global-font-size-mobile-base-sm);
font-weight: 700;
text-transform: uppercase;
color: var(--color-cspr-100);
}
.product-hero__dropdown a,.product-hero__dropdown .product-hero__dropdown-content p a{
font-weight:bold;
color: var(--color-cspr-100);
}
.collection-info{
padding: 40px 0;
}
.video-ratio {
width: 100%;
overflow: hidden;
background-color: var(--color-black-100);
}
.video-ratio.square {
aspect-ratio: 1 / 1;
}
.product-hero__small-item img {
border-radius: 12px;
width: 85px;
height: 85px;
object-fit: cover;
}
.signup-btn{
font-size: var(--global-font-size-desktop-button);
line-height: 19.2px;
var(--color-white-100)-space: nowrap;
font-family: var(--global-font-font-button);
letter-spacing: var(--global-buttons-letter-spacing);
text-align: center;
text-transform: uppercase;
color: var(--color-var(--color-white-100)-100);
padding: 15.5px 0;
background-color: var(--color-cspr-100);
border-radius: var(--global-buttons-radius);
background-image: url(var(--color-white-100)-right-arrow.svg);
background-repeat: no-repeat;
background-position: center right 22px;
width: 100%;
border: 1px solid var(--color-cspr-100);
outline: none;
transition: .3s all;
}
.signup-btn:hover{
background: transparent;
border: 1px solid var(--color-cspr-100);
color: var(--color-cspr-100);
transition: .4s;
border-radius: var(--global-buttons-radius);
background-image: url(pink-right-arrow.svg);
background-repeat: no-repeat;
background-position: center right 25px;
}
.article-related-products{
width: 100%;
display: flex;
flex-direction: column;
max-width: 1100px;
gap: 20px;
margin: 40px auto 0px;
padding: 30px 10px 0px;
text-align: center;
}
.article-related-products__grid{
display: flex;
flex-direction: row;
gap: 20px;
justify-content: center;
}
.article-related-products__grid .sellers__item {
margin-bottom: 0;
max-width: 312px;
}
.add-to-cart-button.mobile-btn{
display:none;
}
.hero__list-item{
cursor: pointer;
padding-bottom: 10px;
}
.hero__list-content {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 0.4s ease, max-height 0.4s ease;
}
.hero__list-item:hover .hero__list-content {
opacity: 1;
max-height: 200px;
}
.top-banner-btn{
background: var(--color-cstr-100-100);
font-family: Girls Get Off;
color: var(--color-black-100);
text-transform: uppercase;
letter-spacing: 1px;
padding: 12px 30px;
line-height: 20px;
transition:.3s all;
border-radius:4px;
border:2px solid var(--color-cstr-100-100);
position:absolute;
top: 40%;
z-index: 999;
right: 15%;
}
.top-banner-btn:hover{
background: var(--color-cstr-100-100);
color: var(--color-black-100);
border:2px solid var(--color-black-100);
}
.related-blog-collections{
padding: 50px 10px;
max-width: 1000px;
}
.related-blog-collections h1,
.related-blog-collections h2{
text-align:center;
margin-bottom:30px;
}
.ggo-we-get-off-couples-box .menu__sub-item{
color:var(--color-cspr-100);
}
.we-get-off-img-block h3{
text-align: center;
margin-bottom: 20px;
}
.sale-promo-text{
color: var(--color-green-80);
font-weight: 600;
text-align: center;
font-size: 16px;
margin-bottom: 10px;
}
.product-hero__right .sale-promo-text{
text-align: left;
margin-top: -10px;
}
.blocked-markets-message{
text-align: center;
font-size: 18px;
font-weight: bold;
line-height: 1.2em;
margin: 10px 0px;
}
.header-brand-tabs {
width: 100%;
background: var(--color-csbrandtab);
overflow-x: auto;
}
.header-brand-tabs-wrapper {
display: flex;
align-items: stretch;
justify-content: flex-start;
min-width: max-content;
}
.header-brand-tab {
width: auto;
height: 50px;
background: #f3f3f3;
display: flex;
align-items: center;
justify-content: center;
position: relative;
text-decoration: none;
overflow: hidden;
clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 10% 100%);
transition: all .3s ease;
padding: 10px 25px;
box-sizing: border-box;
flex-shrink: 0;
margin-left:-15px;
}
.header-brand-tab::after {
content: "";
position: absolute;
right: 2px;
top: -20px;
width: 2px;
height: 120px;
background: var(--color-white-100)fff;
transform: rotate(-17deg);
overflow:hidden;
z-index: 3;
}
.header-brand-tab:hover {
background: var(--color-white-100);
}
.header-brand-tab.active {
background: var(--color-white-100)fff;
}
.header-brand-tab img {
max-width: 140px;
max-height: 50px;
object-fit: contain;
display: block;
}
.header-brand-tab:last-child:after{
display:none;
}
.mobile-search {
display: none;
}
.mobile-search form {
position: relative;
}
.mobile-search input {
width: 100%;
height: 34px;
border: none;
border-radius: 100px;
padding: 0 40px 0 12px;
font-size: 14px;
background: var(--color-white-100)fff;
outline: none;
box-sizing: border-box;
border:1px solid var(--color-black-100);
}
.mobile-search button {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
border: none;
background: transparent;
padding: 0;
margin: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-search button img {
width: 16px;
height: 16px;
object-fit: contain;
}
.collection-description-toggle {
position: relative;
cursor: pointer;
margin-top: 10px;
}
.collection-description-content p {
margin-top: 0;
}
.collection-description-content p:last-child {
margin-bottom: 0;
}
.collection-description-content {
position: relative;
overflow: hidden;
max-height: 45px;
-webkit-mask-image: linear-gradient( to bottom, var(--color-black-100) 65%, transparent 100% );
mask-image: linear-gradient( to bottom, var(--color-black-100) 65%, transparent 100% );
transition: max-height 0.45s ease;
}
.collection-description-toggle.is-expanded
.collection-description-content {
max-height: 2000px;
-webkit-mask-image: linear-gradient( to bottom, var(--color-black-100) 95%, transparent 100% );
mask-image: linear-gradient( to bottom, var(--color-black-100) 95%, transparent 100% );
padding-bottom:10px;
}
.collection-description-toggle.is-expanded
.collection-description-content::after {
opacity: 0;
}
.collection-description-toggle-indicator {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
margin-top: 8px;
font-size: 14px;
line-height: 1.2;
transition: opacity 0.25s ease;
}
.collection-description-arrow {
display: inline-block;
width: 12px;
height: 12px;
background-image: url('down-arrow.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: transform 0.35s ease;
}
.collection-description-toggle.is-expanded
.collection-description-arrow {
transform: rotate(180deg);
}
@media (hover: hover) and (pointer: fine) {
.collection-description-toggle:hover
.collection-description-content {
max-height: 2000px;
-webkit-mask-image: none;
mask-image: none;
}
.collection-description-toggle:hover
.collection-description-content::after {
opacity: 0;
}
.collection-description-toggle:hover
.collection-description-arrow {
transform: rotate(180deg);
}
}
.collection-description-toggle.is-expanded
.collection-description-toggle-text {
display: none;
}
.collection-description-toggle.is-expanded
.collection-description-toggle-indicator::before {
content: "Show less";
}
@media (hover: hover) and (pointer: fine) {
.collection-description-toggle:hover
.collection-description-toggle-text {
display: none;
}
.collection-description-toggle:hover
.collection-description-toggle-indicator::before {
content: "Show less";
}
}
/*--------------------------------goto---------------------------------------------*/
@media (min-width: 1200px) {
}
@media (min-width: 1024px) {
.related-blog-collections .shop-by-desire__top-item {
max-width: 20%;
}
.related-blog-collections .shop-by-desire__top-items {
justify-content: center;
}
.sellers__items {
justify-content: center;
}
.sellers__item {
max-width: 312px;
}
}
/*--------------------------------mobile---------------------------------------------*/
@media only screen and (max-width: 768px) {
.compare-image.desktop{
display:none;
}
.compare-image.mobile{
display:block;
}
.collection-blog-posts .blog-posts {
display: block;
}
.slider-arrows{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.collection-blog-posts .blog-posts > div{
width: 100%;
}
.collection-blog-posts .blog-post .post-content {
padding: 15px;
width: 100%;
border-radius: 0 10px 10px 0px;
margin-top: 0px;
height:140px;
}
.collection-blog-posts .blogpost-title a {
font-size:16px;
line-height: 24px;
margin-bottom: 5px;
}
.blogpost-date {
font-weight: 700;
font-size: 14px;
letter-spacing: .2px;
}
.collection-blog-posts .blog-post{
border:0px;
margin-bottom: 30px;
gap:0px;
width:100%;
}
.collection-blog-posts .blog-post .post-meta{
width: 120px;
min-width: 120px;
}
.collection-blog-posts .blog-post .post-meta img {
border-radius: 10px 0px 0px 10px;
width: 120px;
min-width:120px;
height:140px
}
.img-with-text__inner.img-with-text__second .video-with-text .img-with-text__right{
width:100%;
}
.img-with-text__inner.img-with-text__second .video-with-text .img-with-text__left{
width:100%;
}
.img-with-text__inner .video-with-text .img-with-text__right{
width:100%;
}
.img-with-text__inner .video-with-text .img-with-text__left{
width:100%;
}
.video-with-text .img-with-text__wrapper{
gap:40px;
}
.video-with-text.common-wrap{
padding: 0px 20px;
}
.prd-videos .common-wrap{
display:block;
}
.shop-by-desire__img img {
border-radius: 12px;
border: 2px solid var(--color-black-100);
}
.article-related-products{
align-items:center;
}
.article-related-products__grid{
flex-direction: column;
}
.article-related-products__grid .sellers__item {
margin-bottom: 0;
max-width: 280px;
}
.product-hero__right-content h2 {
margin-bottom:10px !important;
}
.add-to-cart-button.mobile-btn{
display:block;
margin-bottom:10px;
padding:12px 0px;
}
.hero__content{
display:flex;
flex-direction:column;
}
.hero__content h2{
order:3
}
.hero__content p{
order:4
}
.hero__list{
order:5
}
.hero__btn{
order:2;
}
.hero__bottom{
order:1;
}
.hero__btn .hero__sellers-btn{
display:none;
}
.hero__bottom a {
margin-top: 0px;
margin-bottom: 10px;
background: rgba(255, 102, 194, .2);
padding: 5px 0px;
}
.announcement__wrapper {
justify-content: space-between !important;
}
.top-banner-btn {
top: 15%;
right: 10%;
}
.related-blog-collections{
padding: 30px 10px;
}
.header-brand-tab {
width: auto;
height: 30px;
padding: 10px 20px 10px 12px
}
.header-brand-tab:after{
right:3px;
}
.header-brand-tab img {
max-width: 50px;
}
}
/*--------------------------------goend---------------------------------------------*/
/* Judge.me ports of the Okendo custom rules */
.revi-slide-content svg {
color: var(--color-black-100);
}
.product__grid-right .jdgm-widget.jdgm-preview-badge {
margin-top: 4px !important;
}
/* US cart: single free-shipping milestone (US Cart DRAFT 4-9-26) */
.gift-reward-bar--us .gift-reward-bar__steps--us { display: flex; justify-content: flex-end; }
.gift-reward-bar--us .gift-step--us { width: auto; text-align: right; padding-right: 2px; }
.gift-reward-bar--us .gift-step--us:before { left: auto; right: 6px; margin-left: 0; transform: translate(0, -50%); }
.gift-reward-bar--us .gift-reward-bar__fill { background: #ff66c2; }
.gift-reward-bar--us .gift-step--us.active:before { background-color: #ff66c2; }