/** Shopify CDN: Minification failed
Line 7417:48 The "+" operator only works if there is whitespace on both sides
**/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@font-face {
font-family: 'Satoshi';
src: url('/cdn/shop/files/Satoshi-Medium.eot?v=1780471051');
src: url('/cdn/shop/files/Satoshi-Medium.eot?v=1780471051?#iefix') format('embedded-opentype'),
url('/cdn/shop/files/Satoshi-Medium.woff2?v=1780471051') format('woff2'),
url('/cdn/shop/files/Satoshi-Medium.woff?v=1780471051') format('woff'),
url('/cdn/shop/files/Satoshi-Medium.ttf?v=1780471051') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Satoshi';
src: url('/cdn/shop/files/Satoshi-Regular.eot?v=1780470989');
src: url('/cdn/shop/files/Satoshi-Regular.eot?v=1780470989?#iefix') format('embedded-opentype'),
url('/cdn/shop/files/Satoshi-Regular.woff2?v=1780470989') format('woff2'),
url('/cdn/shop/files/Satoshi-Regular.woff?v=1780470989') format('woff'),
url('/cdn/shop/files/Satoshi-Regular.ttf?v=1780470990') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Satoshi';
src: url('/cdn/shop/files/Satoshi-Black.eot?v=1780471177');
src: url('/cdn/shop/files/Satoshi-Black.eot?v=1780471177?#iefix') format('embedded-opentype'),
url('/cdn/shop/files/Satoshi-Black.woff2?v=1780471177') format('woff2'),
url('/cdn/shop/files/Satoshi-Black.woff?v=1780471177') format('woff'),
url('/cdn/shop/files/Satoshi-Black.ttf?v=1780471177') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Satoshi';
src: url('/cdn/shop/files/Satoshi-Bold.eot?v=1780471062');
src: url('/cdn/shop/files/Satoshi-Bold.eot?v=1780471062?#iefix') format('embedded-opentype'),
url('/cdn/shop/files/Satoshi-Bold.woff2?v=1780471062') format('woff2'),
url('/cdn/shop/files/Satoshi-Bold.woff?v=1780471062') format('woff'),
url('/cdn/shop/files/Satoshi-Bold.ttf?v=1780471062') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
:root{
--Bauhaus-font: 'Bauhaus Apex Display';
--satoshi-font: 'Satoshi';
}
*:focus-visible {
outline: unset !important;
}
@media screen and (max-width: 767px) {
:root{
--page-padding: 24px;
}
}
.custom_header .header__menu {
margin-left: calc(-1 * var(--sp-5));
}
.custom_header .header__menu>ul.with-block>li:hover .menu__item .btn-duplicate,
.custom_header .header__menu>ul.with-block>li .menu__item .btn-duplicate {
display: none;
}
.custom_header .header__menu>ul.with-block>li:hover .menu__item [data-text] {
transform: unset;
opacity: 1;
}
/* .custom_header .header__menu>ul.with-block .menu__item::before{
content: '';
height: 2px;
top: calc(100% - 2px);
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform .247s cubic-bezier(.5, .5, .3, 1);
transition-delay: .17s;
position: absolute;
width: 100%;
height: 1px;
background: currentColor;
left: 0;
pointer-events: none;
} */
.custom_header .header__menu>ul.with-block .menu__item::after{
content: attr(data-text);
height: 100%;
top: 0;
background: none;
transform-origin: 100% 50%;
transform: translate3d(0, 110%, 0);
transition: transform .547s cubic-bezier(.5,.5,.3,1);
position: absolute;
width: 100%;
left: 0;
pointer-events: none;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.custom_header .header__menu>ul.with-block li:has(> a.menu__item){
position:relative;
}
.custom_header .header__menu>ul.with-block li summary:before,
.custom_header .header__menu>ul.with-block li:has(> a.menu__item):before {
content: '';
height: 2px;
top: calc(100% + 2px);
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform .247s cubic-bezier(.5, .5, .3, 1);
transition-delay: .17s;
position: absolute;
width: 100%;
height: 1px;
background: currentColor;
left: 0;
pointer-events: none;
opacity: 1;
z-index: 2;
width: 100%;
}
@media screen and (pointer: fine) {
.custom_header .header__menu>ul.with-block>li .menu__item:hover{
color: #8B8A89;
}
.custom_header .header__menu>ul.with-block>li .menu__item:hover:before{
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
}
.custom_header .header__menu>ul.with-block>li .menu__item:hover::after {
transform: translate3d(0, 0, 0);
}
.custom_header .header__menu>ul.with-block>li .menu__item:hover>span.btn-text{
transform: translate3d(0, -110%, 0) !important;
}
.custom_header .header__menu>ul.with-block>li summary:hover:before,
.custom_header .header__menu>ul.with-block>li:has(> a.menu__item:hover):before{
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
background-color: #8b8a89;
}
.custom_header .header__menu>ul.with-block>li.mask-explore-title summary:hover:before {
background-color: #FFFFFF;
}
}
.custom_header .header__menu>ul.with-block li{
margin-inline: var(--sp-5);
}
.custom_header .header__buttons .menu-drawer-button .icon path,
.custom_header .header__buttons .icon-search path,
.custom_header .header__buttons .icon-cart path{
stroke: #fff;
}
.custom_header .header__buttons .icon-search:hover path,
.custom_header .header__buttons .icon-cart:hover path{
stroke: #8b8a89;
}
.custom-footer-section .footer__socials a {
color: #fff;
height: 16px;
width: 16px;
display: flex;
align-items: center;
justify-content: center;
}
h1.heading.title-xl.tracking-heading {
font-size: 40px;
font-family: var(--satoshi-font);
font-weight: 700;
letter-spacing:0;
}
cart-drawer .drawer__empty-text,
cart-drawer .leading-tight,
.drawer__tab .drawer__title,
.search__box .drawer__empty-text,
#SearchDrawer .drawer__title,
#SearchDrawer .search__field input,
#SearchDrawer .search__field input::placeholder{
font-family: var(--satoshi-font);
}
.drawer__empty-collections a {
color: #fff;
}
#SearchDrawer {
z-index: 99;
}
search-drawer .product-review,
cart-drawer .product-review{
width: 100%;
max-width: 104px;
padding-bottom: 5px;
}
search-drawer .price__regular,
cart-drawer .price__regular {
color: rgb(var(--color-foreground));
}
.custom_header .header__menu>ul.with-block .menu__item {
position: relative;
border-radius: 0;
white-space: nowrap;
cursor: pointer;
letter-spacing: 8%;
padding: 0;
font-family:var(--satoshi-font);
font-weight: 700;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.08em;
/* height:var(--sp-7); */
height:auto;
color: #fff;
}
.custom_header .header__menu>ul.with-block>li .menu__item span{
transition: transform .547s cubic-bezier(.5,.5,.3,1);
color: #fff;
}
.custom_header .header__corner {
display:none;
}
.custom_header {
border-bottom: 1px solid #B3A469;
padding: 17px 48px 14px !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
}
.header-section .custom_header:before{
background: #161512;
}
.custom_header .header__icons--end .header__buttons shopify-account,
.custom_header .header__icons--end .header__buttons>:is(a,button:not(.menu-drawer-button)) {
min-width: 24px;
max-width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.js .drawer .drawer__inner {
border-radius: 0;
}
.custom_header .header__buttons .menu-drawer-button {
transform: none !important;
}
.menu-drawer .drawer__submenu>button:before {
margin-top: -5px;
}
@media screen and (pointer: fine) {
.custom_header .header__icons--end .header__buttons shopify-account magnet-element svg:hover,
.custom_header .header__icons--end .header__buttons>:is(a,button):hover {
color: #8B8A89;
}
.custom_header .header__icons--end .header__buttons{
margin:0;
}
}
@media screen and (max-width: 1023px) {
.custom_header .header__icons--end .header__buttons shopify-account {
display: none !important;
}
.custom_header {
padding: 14px 20px 12px !important;
--header-grid-template: "tools logo icons" / auto auto minmax(0, 1fr);
gap: 24px;
}
.custom_header .header__icons.header__icons--end .header__buttons {
margin: 0;
}
.drawer__menu-item, .drawer__menu-item .heading {
font-family: var(--satoshi-font);
font-weight: 700;
font-size: 14px;
line-height: 1;
letter-spacing: 0.08em;
}
.custom_header .header__buttons .menu-drawer-button .icon {
height: auto;
width: auto;
}
.custom_header .header__buttons .menu-drawer-button {
min-width: 30px;
height: 30px;
}
.custom_header .header__icons.header__icons--start .header__buttons {
margin-left: -11px;
}
.menu-drawer {
z-index: 999;
}
.menu-drawer .drawer__header {
padding: 40px;
}
.menu-drawer .drawer__header .drawer__close {
height: 24px;
width: 24px;
border: 0;
box-shadow: none;
position: static;
opacity: 1;
pointer-events: all;
}
.drawer__header__wpr {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.menu-drawer .drawer__header shopify-account {
height: 24px;
width: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.menu-drawer .drawer__menu {
padding: 56px 40px 40px;
}
.menu-drawer .drawer__menu .drawer__menu-group {
padding: 0;
}
.menu-drawer .drawer__menu-item {
padding: 0;
font-size: 16px;
line-height: 1.25;
}
.menu-drawer .drawer__menu {
padding: 56px 40px 40px;
}
.menu-drawer .drawer__menu .drawer__menu-group {
padding: 0;
}
.menu-drawer .drawer__menu-item {
padding: 0;
font-size: 16px;
line-height: 1.25;
}
.menu-drawer .menu-ul-group {
display: flex;
flex-direction: column;
gap: 16px;
}
.menu-drawer .drawer__inner .drawer__header::before {
content: none;
}
.menu-drawer .main-menu-link {
gap: 24px;
padding-bottom: 40px;
border-bottom: 2px solid #000000;
}
.menu-drawer .menu-group-wpr .menu-items {
margin-top: 40px;
}
.menu-drawer .menu-group-wpr .menu-items .csNavTitle {
font-family: var(--satoshi-font);
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0.04em;
color: #B3A469;
margin-bottom: 16px;
display: block;
}
.menu-drawer .menu-header-social {
margin-top: 48px;
}
.menu-drawer .menu-header-social ul {
gap: 32px;
}
.menu-drawer .menu-header-social .icon {
height: 16px;
width: 16px;
}
.menu-drawer .menu-header-social .share-icon {
display: none;
}
}
@media screen and (max-width: 639px) {
.menu-drawer .drawer__inner {
max-height: 100% !important;
}
}
.custom-animate-data .slideshow-word .heading{
font-family: var(--Bauhaus-font) !important;
}
.custom-animate-data .slideshow-word .text_animation:has(.slide-show-loded) {
overflow: hidden;
}
.custom-animate-data .slideshow-word .text_animation .slide-show-loded{
transform: translateY(100%);
opacity: 0;
animation-name: textFadeUp;
animation-duration: 1s;
animation-timing-function: ease;
animation-fill-mode: forwards;
animation-iteration-count: 1; /* run only once */
}
@keyframes textFadeUp {
to {
transform: translateY(2px);
opacity: 1;
}
}
/* .custom-animate-data .slideshow-word .heading.remove_text_animation *,
.custom-animate-data .slideshow-word .heading.remove_text_animation [data-animate],
.custom-animate-data .slideshow-word .heading.remove_text_animation .animated,
.custom-animate-data .slideshow-word .heading.remove_text_animation animate-element {
transform: unset !important;
opacity:1 !important;
} */
.custom-animate-data .slideshow:not(.slideshow--hero) .flickity-slider {
background-color: #161512;
will-change: transform;
transform: translateZ(0);
}
.custom-animate-data .slideshow:not(.slideshow--hero) .banner {
max-width: 100%;
margin: 0;
background-color: transparent;
}
/* Bg Video */
.hero-section-outer {
display: grid;
}
.hero-section-video {
height: 100%;
}
.text-slideshow .slideshow {
pointer-events: none;
}
.hero-section-outer .video-slideshow-element,
.hero-section-outer .hero-section-video {
grid-area: 1 / 1;
}
.hero-section-outer .hero-section-video>:is(video,iframe,img,svg) {
width: 100%;
height: 100%;
border: none;
border-radius: inherit;
object-fit: cover;
object-position: center;
}
.custom-animate-data .hero-section-outer .slideshow:not(.slideshow--hero) .flickity-slider,
.hero-section-outer .banner__media animate-element.media,
.hero-section-outer video-media.banner__image {
background-color: transparent !important;
}
/* Bg Video */
.custom-animate-data .slideshow-content button[aria-label="Previous"],
.custom-animate-data .slideshow-content button[aria-label="Next"]{
display: none;
}
.custom-animate-data .slideshow-cont-wpr .slideshow-content{
padding-block: 40px;
}
.custom-animate-data .slideshow-cont-wpr .slideshow-content .flickity-page-dots {
margin: 0;
}
.custom-animate-data .slideshow-cont-wpr {
height: 100%;
}
.custom-animate-data .slideshow-cont-wpr .slideshow-content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding-block: 40px;
}
.custom-animate-data .slideshow-cont-wpr .slideshow-content .slideshow-words {
flex: 1;
}
.custom-animate-data .slideshow-dots {
border: none;
justify-content: center;
margin-top: var(--sp-8);
}
.custom-animate-data .flickity-page-dot {
height: 4px;
width: 8px;
border-radius: 50px;
opacity: 1;
transition: width 0.3s;
position: relative;
background: #FFFFFF4D;
margin: 0 6px 0 0;
}
.custom-animate-data .flickity-page-dot:before{
background: transparent;
box-shadow: none;
height: 100%;
width: 100%;
}
.custom-animate-data .flickity-page-dot[aria-current=true]{
width: 80px;
}
.custom-animate-data .flickity-page-dot[aria-current=true]:before{
opacity: 1;
width: calc(var(--time));
background: #B3A469;
box-shadow: none;
height: 100%;
position: absolute;
left: 0;
animation: dotProgress var(--autoplay-timing, 3s) linear forwards;
}
.custom-animate-data:has(.video-control-btn:not(.playing)) .flickity-page-dot[aria-current=true]:before {
animation-play-state: paused;
}
.custom-animate-data .slideshow-word .heading,
.custom-animate-data .slideshow-word .heading split-words {
font-family: var(--Bauhaus-font)!important;
font-weight: 600;
font-size: 40px;
line-height: 115%;
letter-spacing: -0.02em;
}
.custom-animate-data .slideshow-word .heading p:first-child {
font-weight: 400;
font-size: 20px;
letter-spacing: 0.02em;
margin: 0 0 12px;
}
.custom-animate-data .slideshow-word .banner__box {
text-transform: uppercase;
max-width: 400px;
width: 100%;
min-width: unset;
overflow: hidden;
}
.custom-animate-data .slideshow-content-inner .hero-logo,
.custom-animate-data .slideshow-word .hero-logo {
padding-left: 2px;
margin-bottom: 19px;
}
product-info .social-icon-list ul.gap-7 {
gap: 24px;
}
product-info .social-icon-list {
margin: 40px 0 0;
}
product-info .social-icon-list ul svg {
height: 16px;
width: auto;
}
.footer__socials li.share-icon {
display: none;
}
@keyframes dotProgress {
from {
width: 0;
}
to {
width: 100%;
}
}
.header-section .custom_header.header:before{
border-radius: 0;
}
.custom-animate-data .slideshow-word {
flex-direction: column;
align-items: flex-start;
gap:0;
}
.custom-animate-data .icon-arrow-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
width: 18px;
height: 14px;
position: relative;
overflow: hidden;
}
.custom-animate-data .icon-arrow-wrapper svg {
flex-shrink: 0;
transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}
.custom-animate-data .icon-arrow-wrapper svg.icon-first {
position: absolute;
transform-origin: 100% 50%;
left: 0;
pointer-events: none;
transform: translate3d(-150%, 0, 0);
}
@media screen and (pointer: fine) {
.custom-animate-data .slideshow-content-inner a.button:hover .icon-arrow-wrapper svg.icon-first ,
.custom-animate-data .slideshow-word a.button:hover .icon-arrow-wrapper svg.icon-first {
transform: translate3d(-1px,0,0);
}
.custom-animate-data .slideshow-content-inner a.button:hover .icon-arrow-wrapper svg.icon-secound,
.custom-animate-data .slideshow-word a.button:hover .icon-arrow-wrapper svg.icon-secound{
transform: translate3d(150%, 0, 0) !important;
}
}
.custom-animate-data .slideshow-content-inner .button,
.custom-animate-data .slideshow-word .button {
padding: 10px 30px 10px 30px;
display: flex;
height: 56px;
font-family: var(--satoshi-font);
font-weight: 700;
font-size: 16px;
line-height: 100%;
letter-spacing: .02em;
color: #fff;
min-width: auto;
backdrop-filter: none !important;
margin-top: 26px;
background-size: 225% auto !important;
transition: all 0.1s ease-in-out;
}
.custom-animate-data .slideshow-content-inner .button{
display: inline-flex;
}
.custom-animate-data .slideshow-content-inner .button .btn-fill,
.custom-animate-data .slideshow-word .button .btn-fill{
display: none;
}
.custom-animate-data .slideshow-content-inner .button .btn-text,
.custom-animate-data .slideshow-word .button .btn-text {
gap: 10px;
}
.custom-animate-data .slideshow-content-inner .button:active:after ,
.custom-animate-data .slideshow-word .button:active:after {
border-color: transparent;
}
.custom-animate-data .slideshow-content-inner .button:active ,
.custom-animate-data .slideshow-word .button:active {
color: #fff !important;
background-image: linear-gradient(to right, #6F6234 0%, #B3A469 50%, #6F6234 100%) !important;
background-position: right center !important;
}
.custom-animate-data .slideshow-content-inner .button:after,
.custom-animate-data .slideshow-word .button:after {
border-width:2px;
transition:border .4s ease !important;
}
@media screen and (pointer: fine) {
.custom-animate-data .slideshow-content-inner .button:hover:after ,
.custom-animate-data .slideshow-word .button:hover:after {
border-color: transparent;
transition:border .0s ease !important;
}
.custom-animate-data .slideshow-content-inner .button:hover,
.custom-animate-data .slideshow-word .button:hover {
color: #fff !important;
border-color: transparent;
background-image: linear-gradient(to right, #6F6234 0%, #B3A469 50%, #6F6234 100%) !important;
background-position: right center !important;
}
}
.custom-animate-data .video-control-btn {
position: absolute;
right: 40px;
bottom: 28px;
z-index: 20;
width: 30px;
height: 30px;
border-radius: 50%;
border: 0;
background: transparent;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all .3s ease;
opacity: .3;
padding: 2px;
box-shadow: 0 0 0 1.5px #fff;
visibility: hidden;
pointer-events: none;
}
.custom-animate-data .video-control-btn .icon-play {
position: relative;
left: -1px;
}
.custom-animate-data .single-slide-video-control,
.custom-animate-data .video-slideshow-element:has(.flickity-slider .banner.is-selected[data-type="video"]) .video-control-btn {
visibility: visible;
pointer-events: auto;
}
.custom-animate-data .video-control-btn .icon-pause,
.custom-animate-data .video-control-btn .icon-play{
display:block;
}
.custom-animate-data .hero-section-outer .video-control-btn.playing .icon-pause{
display: block !important;
}
.custom-animate-data .video-control-btn:not(.playing) .icon-pause,
.custom-animate-data .hero-section-outer .video-control-btn.playing .icon-play{
display:none !important;
}
.custom-animate-data .video-slideshow-element:has(.banner[data-type="video"].is-selected video-media.media:not([playing])) .video-control-btn .icon-pause,
.custom-animate-data .video-slideshow-element:has(.banner[data-type="video"] video-media.media[playing]) .video-control-btn .icon-play{
display:none;
}
@media screen and (pointer: fine) {
.custom-animate-data .video-control-btn:hover {
opacity:1;
}
}
.custom-animate-data .video-control-btn svg {
/* width: 12px; */
height: 12px;
}
.custom-animate-data video-media{
position:relative;
}
@media screen and (min-width: 768px) {
.mob-only {
display: none !important;
}
}
/* @media screen and (min-width: 1024px) {
.custom-animate-data .slideshow-cont-wpr .slideshow-content {
padding-inline: clamp(7.5rem, 17.578vw - 3.75rem, 13.125rem);
}
.custom-animate-data .slideshow-cont-wpr {
padding-inline: 0;
}
} */
@media screen and (max-width: 1023px) {
/* .custom-animate-data .slideshow-content-inner {
text-align: center;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
} */
/* .custom-animate-data .slideshow-word {
align-items: center;
text-align: center;
} */
/* .custom-animate-data .slideshow-word .banner__box {
text-align: center;
} */
.custom-animate-data .slideshow-word .heading,
.custom-animate-data .slideshow-word .heading split-words {
font-size: 30px;
}
.custom-animate-data .slideshow-word .heading p:first-child {
font-size: 17px;
margin: 0 0 10px;
}
/* .custom-animate-data .slideshow-cont-wpr .slideshow-content {
padding-block: 30px;
padding-inline: 0;
} */
}
@media (max-width: 767px) {
.desk-only {
display: none !important;
}
.custom-animate-data .video-control-btn{
right:24px;
bottom: 34px;
}
.video-control-btn {
right: 20px;
}
.custom-animate-data .slideshow-word {
height: 100%;
align-items: center;
}
.custom-animate-data .slideshow-content-inner .button,
.custom-animate-data .slideshow-word .button {
padding: 5px 20px;
height: 48px;
margin-top: 16px;
}
.slideshow-content-inner {
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.slideshow-content-inner .slideshow-word {
justify-content: center;
}
.custom-animate-data .slideshow-content-inner .hero-logo, .custom-animate-data .slideshow-word .hero-logo {
margin-bottom: 12px;
}
.custom-animate-data .slideshow-content-inner .hero-logo img {
max-width: 130px;
}
.custom-animate-data .slideshow-cont-wpr .slideshow-content {
padding: 16px 0 32px 0;
}
.custom-animate-data .slideshow-dots {
order: -1;
margin: 0 0 var(--sp-2);
}
.custom-animate-data .flickity-page-dot {
width: 24px !important;
height: 6px !important;
}
.custom-animate-data .slideshow-cont-wpr .slideshow-content .slideshow-words {
flex: inherit;
}
.custom-animate-data:not(.text-slideshow) .slideshow-cont-wpr .slideshow-content .slideshow-words{
flex:1;
}
.custom-animate-data:not(.text-slideshow) .slideshow-word {
align-items: flex-start;
justify-content: flex-end;
}
}
magnet-element{
transform: translateX(0) translateY(0) !important; --motion-translateY: 0 !important; --motion-translateX: 0 !important;
}
/* Coming Soon section Start */
.pin-spacer{
background-color:rgb(var(--color-background));
}
.coming-soon-section {
background-color: #121212;
position: relative;
overflow: hidden;
}
.coming-soon-section .page-width {
padding-block: 64px 101px;
}
.coming-soon-outer {
max-width: 1198px;
width: 100%;
margin: 0 auto;
position: relative;
z-index:2;
}
.coming-soon-outer .sectioin-header .heading {
font-family: 'Outfit';
font-weight: 600;
font-size: 50px;
line-height: 63px;
text-align: center;
color: #FFFFFF;
letter-spacing:0;
}
.coming-soon-outer .coming-banner-wpr {
overflow: hidden;
/* margin-top: 20px;
padding-top: 20px; */
border-radius: 24px;
margin-top: -60px;
padding-top: 100px;
}
.coming-banner-box {
display: grid;
grid-template-columns: 465px 283px;
background-color: #000000;
border-radius: 24px;
padding: 32px 40px 74px 71px;
gap: 20px;
position: relative;
justify-content: space-between;
}
.coming-soon-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
pointer-events: none;
}
.coming-soon-bg img {
height: 100%;
width: 100%;
object-fit: cover;
}
/* .coming-banner-box .banner-left,
.coming-banner-box .banner-right,
.coming-banner-box .banner-center {
padding: 20px;
background-color: #ffe4c429;
} */
.coming-banner-box .banner-left {
grid-column: 1;
grid-row: 1;
padding-top: 32px;
}
.coming-banner-box .banner-left .brand-row {
max-width: 338px;
width: 100%;
margin: 0 0 22px 64px;
}
.coming-banner-box .banner-left .brand-left-bottom{
max-width: 190px;
width: 100%;
margin: 50px 0 0 133px;
}
.coming-banner-box .banner-right .xbox-logo-icon {
height: 54px;
width: 54px;
margin-left: auto;
transform: scale(0);
transition: all 0.3s ease-in-out;
opacity: 0;
}
.coming-banner-box .banner-right .xbox-logo-icon.show-icon {
transform: scale(1);
opacity: 1;
}
/* .coming-banner-box .banner-right .banner-title-wpr {
background-image: linear-gradient(
90deg,
#ff9a9e,
#fad0c4,
#fbc2eb,
#a6c1ee,
#84fab0,
#8fd3f4,
#ffecd2,
#ff9a9e
);
background-size: 400% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: aurora-shift 6s linear infinite;
} */
.coming-banner-box .banner-right .banner-title {
font-family: var(--Bauhaus-font);
font-weight: 600;
font-size: 36px;
line-height: 100%;
letter-spacing: -0.01em;
color: #B3A469;
/* margin-top: 108px; */
perspective: 500px;
--bar-scale-y: 0;
--sparkle-color: #FFF0C1;
position: relative;
--clr-1: #00c2ff;
--clr-2: #33ff8c;
--clr-3: #ffc640;
--clr-4: #e54cff;
--blur: 1rem;
--fs: clamp(3rem, 8vw, 7rem);
--ls: clamp(-1.75px, -0.25vw, -3.5px);
}
/* .coming-banner-box .banner-right .banner-title p {
display: block;
position: relative;
opacity: 0;
transform: rotateX(120deg);
transform-origin: 50% 100%;
} */
.coming-banner-box .banner-right .banner-title p {
display: block;
position: relative;
opacity: 0;
transform: rotateX(120deg);
transform-origin: 50% 100%;
/* background-image: linear-gradient(90deg, var(--clr-1), var(--clr-2), var(--clr-3), var(--clr-4), var(--clr-1)); */
background-image: linear-gradient(90deg, #B785DD, #B3A469, #B9AB6C, #A69862, #B785DD);
background-size: 400% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.coming-banner-box .banner-right .banner-title::after {
--size: 100px;
position: absolute;
bottom: -38px;
right: 0;
width: var(--size);
height: var(--size);
background: radial-gradient(circle at center,#FFF0C1 0% 7%,transparent 7% 100%),
conic-gradient( transparent 0deg 18deg, var(--sparkle-color) 18deg, transparent 20deg 40deg, var(--sparkle-color) 40deg, transparent 43deg 87deg, var(--sparkle-color) 87deg, transparent 95deg 175deg, var(--sparkle-color) 175deg, transparent 178deg 220deg, var(--sparkle-color) 220deg, transparent 222deg 270deg, var(--sparkle-color) 270deg, transparent 275deg 300deg, var(--sparkle-color) 300deg, transparent 303deg 360deg);
border-radius: 50%;
clip-path: polygon( 50% 0, 59.13% 26.64%, 85.13% -2.35%, 100% 50%, 50% 100%, 0 50%, 31.39% 34.86%);
content: "";
filter: blur(1px);
transform: scale(0);
transform-origin: center center;
z-index: 5;
}
@keyframes pop-word {
to {
transform: rotateX(0);
}
}
@keyframes show {
to {
opacity: 1;
}
}
@keyframes bar-scale {
to {
transform: scaleY(1);
}
}
@keyframes sparkle {
0% {
transform: scale(0);
}
60% {
transform: scale(1) translate(4px, 1px) rotate(8deg);
}
100% {
transform: scale(0) translate(4px, 1px) rotate(8deg);
}
}
@keyframes banner-title-gradient {
0% { background-position: 0% 50%; }
100% { background-position: 400% 50%; }
}
.coming-banner-box .banner-right {
grid-column: 2;
grid-row: 1;
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
}
.coming-banner-box .banner-right .banner-sub-title{
font-family: var(--Bauhaus-font);
font-weight: 400;
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #FFFFFF;
margin-bottom: 8px;
}
.coming-banner-box .banner-center {
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
height: 100%;
/* pointer-events: none; */
}
/* .coming-banner-box .banner-center .img-block {
width: auto;
height: calc(100% + 16px);
margin-top: -16px;
right: -120px;
position: relative;
} */
.coming-banner-box .banner-center .guitar-image {
width: auto;
/* height: calc(100% + 16px);
margin-top: -16px;
left: 35.7%; */
height: calc(100% + 96px);
margin-top: -96px;
left: 27.7%;
position: absolute;
will-change: transform, opacity;
transition: 0.2s opacity ease-in-out;
}
.coming-banner-box .banner-center .guitar-image img {
/* height: calc(100% + 12px); */
width: auto;
}
/* .coming-banner-box .banner-center .video-block {
width: auto;
height: 100%;
left: 44.7%;
position: absolute;
will-change: transform, opacity;
max-width: 380px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s opacity ease-in-out;
} */
.coming-banner-box .banner-center .video-block {
width: auto;
height: 100%;
left: 44.7%;
position: absolute;
will-change: transform,opacity;
/* max-width: 380px; */
display: flex;
align-items: center;
justify-content: center;
transition: .2s opacity ease-in-out;
/* height: calc(100% + 16px);
margin-top: -16px;
left: 35.7%; */
height: calc(100% + 96px);
margin-top: -96px;
left: 27.7%;
}
.coming-banner-box .banner-center .video-block video{
width: 100%;
height: 100%;
object-fit: contain;
background: transparent;
display: block;
}
.coming-banner-box .banner-center .amp-image {
width: 340px;
position: absolute;
bottom: 0;
right: 122px;
z-index: -1;
transform: scale(0);
transform-origin: center bottom;
transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.coming-banner-box .banner-center .amp-image.amp-show {
transform: scale(1);
}
.coming-banner-box .banner-center img {
width: 100%;
height: 100%;
object-fit: contain;
}
.coming-banner-box .banner-btn-link {
position: absolute;
bottom: 0;
right: 0;
background: linear-gradient(180deg,#835ca1,#712ea4);
transform: translate(48px,5px) rotate(-45deg);
color: #fff;
width: 142px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
height: 52px;
z-index:5;
}
.coming-banner-box .banner-btn-link .icon-arrow-wrapper {
left: 2px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
width: 20px;
height: 18px;
position: relative;
overflow: hidden;
gap: 5px;
bottom: 4px;
}
.coming-banner-box .banner-btn-link .icon-arrow-wrapper svg {
flex-shrink: 0;
transition: transform 0.5s cubic-bezier(0.5, 0.5, 0.3, 1);
}
.coming-banner-box .banner-btn-link .icon-arrow-wrapper svg.icon-first {
position: absolute;
transform-origin: 100% 50%;
left: 0;
pointer-events: none;
transform: translate3d(-150%, 0, 0);
}
.horizontal-products.grid .media{
background-color: transparent;
background: linear-gradient(169.15deg, #242424cc 7.91%, #191919cc 68.5%, #161616cc 132.69%);
border-radius: 6px;
}
cart-items .horizontal-products.grid .media {
background-color: transparent;
background: linear-gradient(169.15deg,#242424cc 7.91%,#191919cc 68.5%,#161616cc 132.69%);
border-radius: 6px;
}
@media screen and (pointer: fine) {
.coming-banner-box .banner-btn-link:hover .icon-arrow-wrapper svg.icon-first{
transform: translateZ(0);
}
.coming-banner-box .banner-btn-link:hover .icon-arrow-wrapper svg.icon-secound{
transform: translate3d(150%, 0, 0) !important;
}
}
@media screen and (min-width: 768px) {
.coming-banner-box .banner-right .banner-title-wpr.text-show-desktop .banner-title p {
animation: show 0.01s forwards, pop-word 1.5s forwards, banner-title-gradient 6s linear infinite;
animation-timing-function: cubic-bezier(0.14, 1.23, 0.33, 1.16), cubic-bezier(0.14, 1.23, 0.33, 1.16), linear;
}
.coming-banner-box .banner-right .banner-title-wpr.text-show-desktop .banner-title p:nth-of-type(2) {
/* animation-delay: 0.8s; */
animation-delay: .8s, .8s, 0s;
color: #B3A469;
}
.coming-banner-box .banner-right .banner-title-wpr.text-show-desktop .banner-title p:nth-of-type(3) {
/* animation-delay: 1.2s; */
animation-delay: 1.2s, 1.2s, 0s;
}
.coming-banner-box .banner-right .banner-title-wpr.text-show-desktop .banner-title p:nth-of-type(3) {
/* animation-delay: 1.6s; */
animation-delay: 1.6s, 1.6s, 0s;
}
.coming-banner-box .banner-right .banner-title-wpr.text-show-desktop .banner-title::after {
animation: sparkle 0.4s linear 3.5s 1 forwards;
}
}
@media screen and (max-width: 1300px) {
.coming-soon-outer {
max-width: 872px;
}
.coming-banner-box {
grid-template-columns: 330px 220px;
padding: 28px 30px 48px 40px;
}
.coming-banner-box .banner-left .brand-row {
max-width: 220px;
margin: 0 0 15px 52px;
}
.coming-banner-box .banner-left .brand-left-bottom {
max-width: 170px;
margin: 30px 0 0 68px;
}
.coming-banner-box .banner-right .banner-sub-title {
font-size: 18px;
margin-bottom: 4px;
}
.coming-banner-box .banner-right .banner-title {
font-size: 28px;
/* margin-top: 78px; */
}
.coming-banner-box .banner-center .video-block,
.coming-banner-box .banner-center .guitar-image {
left: 25%;
}
.coming-banner-box .banner-right .xbox-logo-icon {
height: 44px;
width: 44px;
}
.coming-banner-box .banner-center .amp-image {
width: 234px;
right: 110px;
}
/* .coming-banner-box .banner-center .img-block {
max-width: 350px;
margin: -61px 0 -75px;
right: -76px;
} */
}
@media screen and (max-width: 991px) {
.coming-soon-outer {
max-width: 722px;
}
.coming-banner-box {
grid-template-columns: 280px 190px;
padding: 40px 20px;
}
.coming-banner-box .banner-left .brand-row {
max-width: 190px;
margin: 0 0 11px 40px;
}
.coming-banner-box .banner-left .brand-left-bottom {
max-width: 160px;
margin: 20px 0 0 55px;
}
.coming-banner-box .banner-right .banner-title {
font-size: 26px;
/* margin-top: 58px; */
}
.contact-form-data .heading,
.coming-soon-outer .sectioin-header .heading {
font-size: 40px;
line-height: 50px;
}
.coming-banner-box .banner-center .video-block,
.coming-banner-box .banner-center .guitar-image {
left: 24%;
height: calc(100% + 66px);
margin-top: -66px;
}
}
@media screen and (max-width: 767px) {
.coming-soon-section .page-width {
padding: 32px 16px 48px;
}
.coming-soon-outer .sectioin-header .heading {
font-size: 32px;
line-height: 1.219;
}
.coming-soon-outer .coming-banner-wpr {
padding-top: 0;
margin-top: 24px;
border-radius: 16px;
border: 1px solid #2A2A2A;
}
.coming-banner-box {
grid-template-columns: 1fr;
padding: 32px 24px 28px;
gap: 0;
border-radius: 0;
}
.coming-banner-box .banner-left {
grid-column: unset;
grid-row: unset;
padding-top: 0;
max-width: 350px;
margin: 0 auto;
}
.coming-banner-box .banner-center {
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
position: static;
width: auto;
height: auto;
grid-row: 2;
grid-column-end: 2;
margin: -52px 0 -28px auto;
max-width: 100%;
width: 100%;
/* pointer-events: none; */
}
.coming-banner-box .banner-right {
grid-column: 1 / 2;
grid-row: 2;
gap: 0;
max-width: 150px;
flex-direction: column-reverse;
}
.coming-banner-box .banner-center .guitar-image {
position: static;
margin: 0 0 0 auto;
height: auto;
max-width: 300px;
}
.coming-banner-box .banner-center .amp-image {
width: calc(100% - 24px);
right: 0;
}
.coming-soon-outer {
max-width: 435px;
}
.coming-banner-box .banner-left .brand-left-bottom {
max-width: 180px;
margin: 30px 0 0;
}
.coming-banner-box .banner-left .brand-row {
max-width: 250px;
margin: 0 auto 16px;
}
.coming-banner-box .banner-right .banner-title {
font-size: 32px;
margin-top: 58px;
letter-spacing: -1px;
}
.coming-banner-box .banner-right .banner-title br{
display: none;
}
.coming-banner-box .banner-right .xbox-logo-icon {
height: 54px;
width: 54px;
margin: 0 0 clamp(2.813rem, 17.333vw - 0.438rem, 3.625rem);
}
.coming-banner-box .banner-right .banner-title-wpr.text-show-mobile .banner-title p {
animation: show 0.01s forwards, pop-word 1.5s forwards, banner-title-gradient 6s linear infinite;
animation-timing-function: cubic-bezier(0.14, 1.23, 0.33, 1.16), cubic-bezier(0.14, 1.23, 0.33, 1.16), linear;
}
.coming-banner-box .banner-right .banner-title-wpr.text-show-mobile .banner-title p:nth-of-type(2) {
/* animation-delay: 0.8s; */
animation-delay: 0.8s, 0.8s, 0s;
}
.coming-banner-box .banner-right .banner-title-wpr.text-show-mobile .banner-title p:nth-of-type(3) {
/* animation-delay: 1.2s; */
animation-delay: 1.2s, 1.2s, 0s;
}
.coming-banner-box .banner-right .banner-title-wpr.text-show-mobile .banner-title p:nth-of-type(3) {
/* animation-delay: 1.6s; */
animation-delay: 1.6s, 1.6s, 0s;
}
.coming-banner-box .banner-right .banner-title-wpr.text-show-mobile .banner-title::after {
animation: sparkle 0.4s linear 3.5s 1 forwards;
--size: 70px;
bottom: -26px;
right: -12px;
}
}
@media screen and (max-width: 575px) {
.coming-soon-outer {
max-width: 380px;
}
.coming-banner-box .banner-right .banner-title {
font-size: 24px;
}
.coming-banner-box .banner-center .amp-image {
width: min(calc(100% - 24px), 319px);
right: 0;
}
.coming-banner-box .banner-center {
margin: -56px 0 -28px auto;
max-width: 100%;
/* pointer-events: none; */
}
.coming-banner-box .banner-center .guitar-image{
max-width: clamp(10.625rem, 104vw - 8.875rem, 15.5rem);
}
.coming-banner-box .banner-right {
max-width: 116px;
}
.coming-banner-box .banner-left .brand-left-bottom {
max-width: min(55%, 160px);
margin-top: clamp(1.375rem, 10.667vw - 0.625rem, 1.875rem);
}
.coming-banner-box .banner-right .banner-title {
font-size: clamp(1.25rem, 5.333vw + 0.25rem, 1.5rem);
margin-top: clamp(2.188rem, 17.333vw - 1.063rem, 3rem);
}
}
.coming-banner-box .banner-center.over-desk-video .desk-video,
.coming-banner-box .banner-center.over-mobile-video .mob-video,
.coming-banner-box .banner-center:has(.desk-video) .desk-image,
.coming-banner-box .banner-center:has(.mob-video) .mob-image{
display: none;
}
.coming-banner-box .banner-center.over-desk-video .desk-image,
.coming-banner-box .banner-center.over-mobile-video .mob-image{
display: block;
}
/* Coming Soon section End */
.remove_title_animation animate-element{
transform: translateY(0px) !important;
}
.copyright-text{
font-size: 12px;
line-height: 2;
}
.footer__newsletter {
grid-column: span 3/span 3;
max-width: 28rem;
}
.arrow-animation .btn-text svg {
flex-shrink: 0;
transition: transform .3s cubic-bezier(.5, .5, .3, 1);
}
.arrow-animation .btn-text .icon-first {
position: absolute;
transform-origin: 100% 50%;
left: 0;
pointer-events: none;
transform: translate3d(-200%, 0, 0);
}
@media screen and (pointer: fine) {
.arrow-animation:hover .btn-text .icon-first {
transform: translate3d(70%, 0, 0);
}
.arrow-animation:hover .btn-text .icon-secound {
transform: translate3d(200%, 0, 0) !important;
}
}
.header-section{
z-index: 99;
}
#shop-hcaptcha-badge-container{
display: none !important;
}
.animate-arrow{
height: 56px;
border: 2px solid #fff;
width: 100%;
border-radius: 50px;
font-family: 'Satoshi';
font-weight: 700;
font-size: 16px;
line-height: 100%;
text-align: center;
position: relative;
padding: 5px 30px;
letter-spacing: 0.02em;
background-size: 225% auto;
gap:10px;
transition:all .1s ease-in-out,border .4s ease !important;
}
.animate-arrow:active{
transition: all .1s ease-in-out,border .0s ease !important;
color: #fff;
border-color: transparent;
background-image: linear-gradient(to right, #6f6234, #b3a469, #6f6234);
background-position: right center;
}
@media screen and (pointer: fine) {
.animate-arrow:hover{
transition: all .1s ease-in-out,border .0s ease !important;
color: #fff;
border-color: transparent;
background-image: linear-gradient(to right, #6f6234, #b3a469, #6f6234);
background-position: right center;
}
}
.common-arrow-btn,
.animate-arrow{
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
transition: all .1s ease-in-out, border .5s cubic-bezier(.3,1,.3,1)!important;
}
.common-arrow-btn .icon-arrow-wrapper ,
.animate-arrow .icon-arrow-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
width: 18px;
height: 14px;
position: relative;
overflow: hidden;
}
.common-arrow-btn .icon-arrow-wrapper svg ,
.animate-arrow .icon-arrow-wrapper svg {
flex-shrink: 0;
transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}
.common-arrow-btn .icon-arrow-wrapper svg.icon-first ,
.animate-arrow .icon-arrow-wrapper svg.icon-first {
position: absolute;
transform-origin: 100% 50%;
left: 0;
pointer-events: none;
transform: translate3d(-150%, 0, 0);
}
@media screen and (pointer: fine) {
.common-arrow-btn:hover .icon-arrow-wrapper svg.icon-first,
.animate-arrow:hover .icon-arrow-wrapper svg.icon-first{
transform: translate3d(-1px,0,0);
}
.common-arrow-btn:hover .icon-arrow-wrapper svg.icon-secound,
.animate-arrow:hover .icon-arrow-wrapper svg.icon-secound{
transform: translate3d(150%, 0, 0) !important;
}
}
@media screen and (max-width: 767px) {
.animate-arrow{
height:48px;
padding: 5px 20px;
gap:10px;
}
}
/* Shipping Soon Section Start */
.shipping-soon-section{
position: relative;
}
.shipping-soon-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.shipping-soon-bg img {
height: 100%;
width: 100%;
object-fit: cover;
}
.shipping-soon-outer {
max-width: 1198px;
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: 590px 1fr;
gap: 85px;
align-items: center;
padding: 40px 0;
}
.shipping-soon-section .shipping-page-width {
z-index: 2;
}
.shipping-soon-box {
background: #1C1C1C;
border: 1px solid #262626;
border-radius: 16px 16px 0 0;
border-bottom:0;
}
.shipping-soon-top {
display: grid;
grid-template-columns: auto 395px;
}
.shipping-soon-top .shipping-soon-title {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 16px;
border-right: 2px solid #000;
}
.shipping-soon-top .shipping-soon-title .title {
font-family: 'Outfit';
font-weight: 600;
font-size: 22px;
line-height: 28px;
text-align: center;
color: #FFFFFF;
letter-spacing: 0;
}
.shipping-soon-top .challenger-logo {
display: flex;
align-items: center;
justify-content: center;
padding: 25px 15px;
}
.shipping-soon-top .challenger-logo img{
max-width:92%;
}
.shipping-content-wpr {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.shipping-content-wpr .content-item {
padding: 48px 17px;
text-align: center;
position: relative;
border-top: 2px solid #000;
}
.shipping-content-wpr .content-item .icons {
height: 48px;
width: 48px;
margin: 0 auto 16px;
}
.shipping-content-wpr .content-item .icons img {
height: 100%;
width: 100%;
object-fit: contain;
}
.shipping-content-wpr .content-item .cont p{
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #DFE0DE;
letter-spacing: 0;
}
.shipping-content-wpr .content-item:not(:last-child):after {
content: '';
position: absolute;
top: 0;
right: -1px;
width: 2px;
height: 100%;
background: linear-gradient(180deg, #000000 43.27%, #1C1C1C 100%);
}
.order-btn-wpr {
width: fit-content;
margin: 0 auto;
}
.order-btn-wpr {
width: fit-content;
margin: -1px auto 0;
/* position: relative; */
}
.order-btn-wpr .order-btn-inr:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: transparent;
border: 1px solid #262626;
margin: auto;
border-radius: 42px;
right: 0;
clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
box-shadow: 0px -8px 0px 9px #1c1c1c;
z-index:1;
pointer-events:none;
}
.order-btn-wpr .order-btn {
width: var(--btn-width, 150px);
/* transition: all 0.3s ease-in-out; */
/* transition: all 0.1s ease-in-out !important; */
}
.order-btn-wpr .order-btn *{
pointer-events:none;
}
/* .order-btn-wpr .order-btn:hover {
color: #fff;
border-color: transparent;
background-image: linear-gradient(to right, #6F6234 0%, #B3A469 50%, #6F6234 100%);
background-position: right center;
} */
.order-btn-wpr:after,
.order-btn-wpr:before {
content: '';
width: calc(50% - calc((var(--btn-width, 150px) + 18px) / 2));
height: 40px;
position: absolute;
bottom: 38px;
background-color: #1c1c1c;
border: 1px solid #262626;
}
.order-btn-wpr::before {
left: 0;
border-radius: 0 0 0 20px;
/* border: 1px solid #262626; */
border-width: 0 0 1px 1px;
}
.shipping-soon-left {
position: relative;
z-index: 10;
}
.order-btn-inr {
position: relative;
padding: 10px;
}
.order-btn-wpr::after {
right: 0;
border-width: 0 1px 1px 0;
border-bottom-right-radius: 20px;
}
.shipping-soon-outer .product-image {
margin: -68px 0 -53px;
position: relative;
}
.product-image .xbox-logo {
height: 54px;
width: 54px;
position: absolute;
top: 74px;
right: 40px;
transform: scale(0);
transition: all 0.3s ease-in-out;
opacity: 0;
}
.shipping-soon-outer .product-image .aspect-ratio.last-image + .xbox-logo {
transform: scale(1);
opacity: 1;
transition-delay: 500ms;
}
.shipping-soon-outer .product-image .aspect-ratio {
position: relative;
/* overflow: hidden; */
padding-top: 113.335%;
}
.shipping-soon-outer .product-image .aspect-ratio video,
.shipping-soon-outer .product-image .aspect-ratio img {
position: absolute;
top: 0;
left: -21%;
height: 100%;
width: 100%;
object-fit: contain;
transform: scale(1.4);
}
.logo-marquee-section .title-wrapper {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom:1px solid #161512;
}
.logo-marquee-section .title-wrapper .heading {
font-family: 'Outfit';
font-weight: 600;
font-size: 20px;
line-height: 25px;
color: #161512;
}
.shipping-soon-outer .product-image .aspect-ratio.first-image :is(video, .last-image),
.shipping-soon-outer .product-image .aspect-ratio.playing-video :is(.first-image, .last-image),
.shipping-soon-outer .product-image .aspect-ratio.last-image :is(.first-image, video) {
display: none;
}
.android .shipping-soon-outer .product-image .aspect-ratio .mov-video,
.windows .shipping-soon-outer .product-image .aspect-ratio .mov-video {
display: none;
}
.ios .shipping-soon-outer .product-image .aspect-ratio .webm-video,
.mac .shipping-soon-outer .product-image .aspect-ratio .webm-video {
display: none;
}
@media screen and (max-width: 1300px) {
.shipping-soon-outer {
max-width: 872px;
grid-template-columns: 440px 1fr;
gap: 40px;
}
.shipping-soon-top {
grid-template-columns: auto 270px;
}
.shipping-soon-top .shipping-soon-title .title {
font-size: 18px;
line-height: 24px;
position: relative;
bottom: -1px;
}
.shipping-soon-top .challenger-logo {
padding: 20px 16px;
}
.shipping-content-wpr .content-item {
padding: 28px 10px;
}
.shipping-content-wpr .content-item .cont p {
font-size: 12px;
line-height: 140%;
}
.shipping-content-wpr .content-item .icons {
height: 38px;
width: 38px;
margin: 0 auto 12px;
}
.order-btn-wpr .order-btn {
/* font-size: 16px; */
/* padding: 5px 15px;
height: 44px;
width: 140px; */
}
.order-btn-wpr:after, .order-btn-wpr:before {
/* width: calc(50% - 78px); */
/* height: 30px;
bottom: 30px; */
}
.product-image .xbox-logo {
width: 44px;
height: 44px;
right: 30px;
top: 50px;
}
}
@media screen and (max-width: 991px) {
.shipping-soon-outer {
max-width: 720px;
grid-template-columns: 390px 1fr;
gap: 30px;
}
.shipping-soon-top .shipping-soon-title {
padding: 8px 10px;
}
.shipping-soon-top .shipping-soon-title .title {
font-size: 14px;
line-height: 20px;
}
.shipping-soon-top .challenger-logo {
padding: 12px 16px 14px;
}
/* .shipping-soon-top .challenger-logo img {
max-width: 200px;
width: 100%;
margin: 0 auto;
} */
.shipping-content-wpr .content-item {
padding: 15px 6px;
}
.shipping-content-wpr .content-item .icons {
height: 28px;
width: 28px;
margin: 0 auto 10px;
}
.product-image .xbox-logo {
right: 20px;
top: 30px;
}
}
@media screen and (max-width: 767px) {
.shipping-soon-left {
margin: 0 -8px;
}
.shipping-soon-outer {
grid-template-columns: 1fr;
gap: 30px;
max-width: 530px;
}
.shipping-soon-outer .product-image {
margin: -58px auto 0;
order: -1;
max-width: 435px;
width: 100%;
}
.shipping-soon-top {
grid-template-columns: auto 320px;
}
.shipping-soon-top .shipping-soon-title {
padding: 10px 16px;
}
.shipping-soon-top .shipping-soon-title .title {
font-size: 18px;
line-height: 24px;
}
.shipping-soon-top .challenger-logo {
padding: 18px 16px 20px;
}
/* .shipping-soon-top .challenger-logo img {
max-width: 220px;
} */
.shipping-content-wpr .content-item {
padding: 32px 10px;
}
.shipping-content-wpr .content-item .icons {
height: 42px;
width: 42px;
margin-bottom: 16px;
}
.shipping-content-wpr .content-item .cont p {
font-size: 14px;
}
.logo-marquee-section .title-wrapper {
margin-bottom: 26px;
padding: 0 24px 24px;
}
.order-btn-wpr:after, .order-btn-wpr:before {
height: 40px;
bottom: 34px;
}
.product-image .xbox-logo {
top: 50px;
}
.logo-marquee-section .title-wrapper .heading {
font-size: 18px;
}
.logo-marquee-section {
padding-block: 24px 26px;
}
.order-btn-wpr .order-btn{
padding: 5px 10px;
}
.order-btn-inr {
padding: 8px 9px;
}
.order-btn-wpr:after, .order-btn-wpr:before {
width: calc(50% - calc((var(--btn-width, 150px) + 16px) / 2));
}
.order-btn-wpr:after, .order-btn-wpr:before {
height: 35px;
bottom: 31px;
}
}
@media screen and (max-width: 600px) {
.product-image .xbox-logo {
right: 20px;
top: 40px;
}
}
@media screen and (max-width: 575px) {
.shipping-soon-outer {
grid-template-columns: 1fr;
gap: 30px;
max-width: 430px;
padding-bottom: 126px;
}
.shipping-soon-outer .product-image {
margin: -58px auto 0;
order: -1;
max-width: 335px;
width: 100%;
position: unset;
}
.product-image .xbox-logo {
top: auto;
right: auto;
left: 50%;
bottom: 48px;
transform: translateX(-50%);
width: 54px;
height: 54px;
}
.shipping-soon-top {
grid-template-columns: auto 60%;
display: flex;
flex-direction: column;
}
.shipping-soon-top .shipping-soon-title {
border: none;
padding: 22px 16px 16px 16px;
}
.shipping-soon-top .shipping-soon-title .title {
font-size: 20px;
line-height: 1;
}
.shipping-soon-top .challenger-logo {
padding: 0 16px 30px 16px;
}
/* .shipping-soon-top .challenger-logo img {
max-width: 200px;
} */
.shipping-content-wpr {
grid-template-columns: repeat(2,1fr);
position:relative;
}
.shipping-content-wpr .content-item {
padding: 32px 10px;
}
.shipping-content-wpr .content-item:not(:last-child):after {
content: none;
}
.shipping-content-wpr:after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 100%;
background: linear-gradient(180deg,#000 43.27%,#1c1c1c);
}
.shipping-content-wpr .content-item .icons {
height: 48px;
width: 48px;
margin-bottom: 16px;
}
.shipping-content-wpr .content-item .cont p {
font-size: 14px;
}
}
/* Shipping Soon Section End */
/* Footer */
.custom-footer-section {
overflow: hidden;
}
.custom-footer-section .footer .footer__left {
border: 0;
}
.custom-footer-section .footer {
max-width: calc(1200px + (var(--page-padding) * 2));
}
.custom-footer-section .footer__accordions .heading {
font-family: 'Satoshi';
font-weight: 700;
font-size: 20px;
line-height: 100%;
color: #DFE0DE;
transition: opacity 0.15s cubic-bezier(.4, 0, .2, 1);
}
.custom-footer-section .footer__accordions .details__content a {
font-family: 'Satoshi';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #dfe0de;
background: none;
transition: opacity 0.15s cubic-bezier(.4, 0, .2, 1);
padding:8px 0;
/* transition: all 0.3s ease-in-out; */
}
.custom-footer-section .footer__accordions .details__content ul{
gap:0;
}
.custom-footer-section .footer .footer__accordions .footer-logo-block .logo_text {
font-family: 'Bauhaus Apex Display';
font-weight: 600;
font-size: 23px;
line-height: 116%;
text-align: center;
color: #B3A469;
letter-spacing: 0;
}
.custom-footer-section .footer-logo-block .footer__logo-link {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.custom-footer-section .footer__socials {
flex-direction: column;
align-self: unset;
min-width: auto;
justify-content: unset;
}
.custom-footer-section .footer__socials .heading {
padding-bottom: 28px;
display: block;
}
.custom-footer-section .footer__socials ul {
max-width: 94px;
width: 100%;
gap: 24px;
}
/* .custom-footer-section .footer__socials .social_platform{
transition: all 0.3s ease-in-out;
} */
@media screen and (pointer: fine) {
.custom-footer-section .footer__accordions:has(details:hover) details .details__content a,
.custom-footer-section .footer__accordions:has(details:hover) details .heading,
.custom-footer-section .footer__accordions:has(details:hover) .footer__socials .social_platform,
.custom-footer-section .footer__accordions:has(details:hover) .footer__socials .heading,
.custom-footer-section .footer__accordions:has(.footer__socials:hover) details .details__content a,
.custom-footer-section .footer__accordions:has(.footer__socials:hover) details .heading,
.custom-footer-section .footer__accordions:has(.footer__socials:hover) .footer__socials .social_platform:not(:hover) {
color: #505050;
}
.custom-footer-section .footer__accordions details .details__content a:hover,
.custom-footer-section .footer__accordions details:hover .heading,
.custom-footer-section .footer__accordions .footer__socials .social_platform:hover,
.custom-footer-section .footer__accordions .footer__socials:hover .heading{
color: #dfe0de !important;
}
}
.custom-footer-section .copyright-text-wpr {
position: relative;
text-align: center;
margin: 90px 0;
}
.custom-footer-section .copyright-text {
font-family: Satoshi;
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-align: center;
letter-spacing: .05em;
color: #505050;
position: relative;
padding: 0 45px;
background-color: rgb(var(--color-background));
display: inline-block;
z-index: 2;
}
.custom-footer-section .copyright-text-wpr:after {
content: '';
position: absolute;
top: 50%;
left: 0;
height: 2px;
width: 100%;
background-color: #000000;
}
.footer-bottom-logo-wpr {
position: relative;
max-width: calc(1440px + (var(--page-padding) * 2));
width: 100%;
margin: 0 auto;
padding-inline: var(--page-padding);
}
@media screen and (min-width: 768px) {
.custom-footer-section {
padding-block: 70px;
}
.custom-footer-section .footer .footer__accordions {
gap: 20px;
justify-content: space-between;
align-items: flex-start;
}
.custom-footer-section .footer .footer__accordions > *{
width: auto;
min-width: 110px;
}
.custom-footer-section .footer .footer__accordions .footer-logo-block {
margin: 0;
padding: 0;
gap: 16px;
text-align: center;
}
.custom-footer-section .footer__accordions .details__summary {
padding-bottom: 20px;
}
.custom-footer-section .footer__accordions .details__summary+.details__content:before,
.custom-footer-section .details .details__content:after{
content:none;
}
.custom-footer-section .footer .footer__accordions >*:not(.footer-logo-block) {
margin-top: 40px;
}
}
@media screen and (min-width: 1301px) {
.custom-footer-section {
padding-block: 120px 120px;
padding-bottom: 100px;
}
}
@media screen and (max-width: 1300px) {
.custom-footer-section .footer .footer__accordions .footer-logo-block .logo_text {
font-size: 32px;
}
.custom-footer-section .copyright-text-wpr {
margin: 70px 0;
}
}
@media screen and (max-width: 991px) {
.custom-footer-section .footer .footer__accordions .footer-logo-block .logo_text {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.custom-footer-section .footer .footer__accordions .footer-logo-block {
/* display: none; */
order: -1;
width: 100%;
padding: 0;
margin-bottom: 32px;
display: block;
text-align: center;
}
.custom-footer-section .footer-logo-block .footer__logo-link {
align-items: center;
justify-content: center;
flex-direction: row;
gap: 16px;
}
.custom-footer-section .footer .footer__accordions .footer-logo-block .logo_text {
/* font-size: 24px; */
font-size: 23.3px;
text-align: left;
}
.custom-footer-section .footer .footer__accordions .footer-logo-block .logo_text br {
display: none;
}
.custom-footer-section .footer .footer__accordions .footer-logo-block .logo_text:after,
.custom-footer-section .footer .footer__accordions .footer-logo-block .logo_text:before{
content:'';
width: 8px;
height: 8px;
display: inline-block;
background-size: 8px;
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
vertical-align: super;
position: relative;
top: -2px;
}
.custom-footer-section .footer .footer__accordions .footer-logo-block .logo_text:before {
margin-right: 3px;
}
.custom-footer-section .footer .footer__accordions .footer-logo-block .logo_text:after {
margin-left: 3px;
transform: scale(-1);
}
.custom-footer-section .footer-logo-block .footer__logo-link img {
max-width: 44px;
}
.custom-footer-section .footer-logo-block .footer__logo-link {
gap: 20px;
}
.custom-footer-section .footer__socials {
margin-top: 40px;
}
.custom-footer-section .footer__socials ul {
max-width: 100%;
width: 100%;
gap: 30px 42px;
justify-content: center;
}
.custom-footer-section .copyright-text-wpr {
margin: 64px 0 56px;
}
.custom-footer-section {
padding-block: 56px 64px;
}
.footer__accordions .details {
padding-inline: 2px 6px;
border: 0;
}
.footer__accordions .details .details__summary {
padding-block: 13px;
}
.custom-footer-section .footer__accordions .details__content a:before {
content: '';
height: 10px;
width: 6px;
display: inline-block;
background-image: url('data:image/svg+xml,');
background-size: 6px;
background-position: center;
background-repeat: no-repeat;
margin-right: 8px;
position: relative;
top: -1px;
}
.custom-footer-section .footer__accordions .details__content a {
padding: 2px 0;
}
.custom-footer-section .footer__accordions .details__content ul {
gap: 10px;
}
.footer__accordions .details:last-of-type .details__content:after {
padding-block-end: 16px;
}
.footer__accordions .details,
.footer__accordions .details:last-of-type {
border-top: 2px solid #000000;
}
.footer__accordions .details:last-of-type {
border-bottom: 2px solid #000000;
}
.custom-footer-section .footer__socials .heading {
padding-bottom: 28px;
display: none;
}
.custom-footer-section .copyright-text {
padding: 0 16px;
}
}
/* @media screen and (max-width: 575px) {
.custom-footer-section .footer .footer__accordions .footer-logo-block {
margin-bottom: 32px;
}
.custom-footer-section .footer .footer__accordions .footer-logo-block .logo_text {
font-size: 20px;
}
} */
/* NewsLatter */
.index-newsletter-section {
padding-block: 96px;
}
.index-newsletter-section .banner__box {
padding: 0;
max-width: 954px;
width: 100%;
display: flex;
justify-content: space-between;
gap:0 20px;
margin: 0 auto;
flex-wrap: wrap;
}
.index-newsletter-section .banner__box .newsletter-label {
margin: 0;
}
.index-newsletter-section .banner__box .h-captcha {
width: 100%;
margin: 0;
}
.newsletter-label .banner__title {
font-family: 'Bauhaus Apex Display';
font-weight: 600;
font-size: 40px;
line-height: 40px;
color: #B3A469;
text-align: left;
}
.newsletter-label .banner__title .split-words > span {
color: #fff;
}
.newsletter-label>p {
font-size: 18px;
line-height: 110%;
color: #dfe0de;
margin-top: 2px;
text-align: left;
padding-left: 2px;
font-family: 'Outfit';
}
.index-newsletter-section .banner__box .newsletter-form {
max-width: 368px;
flex: 1;
margin: 0;
}
.index-newsletter-section .newsletter-form .newsletter-field {
position: relative;
}
/* .index-newsletter-section .newsletter-form label {
font-family: 'Satoshi';
font-weight: 500;
font-size: 16px;
line-height: 100%;
inset-inline-start: -1px;
opacity: 1;
inset-block-start: -1px;
--tw-translate-y: -12px !important;
--tw-scale-x: 0.6 !important;
--tw-scale-y: 0.6 !important;
height:100%;
} */
/* .index-newsletter-section .newsletter-form .field .input-field{
font-family: 'Satoshi';
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #DFE0DE;
height: auto;
padding: 20px 24px 14px;
border-radius: 60px;
background-color: #1C1C1C;
outline:none;
} */
/* .index-newsletter-section .newsletter-form .field .label {
display: none;
} */
/* .index-newsletter-section .newsletter-form .field .input-field::placeholder {
color: #DFE0DE;
} */
.index-newsletter-section .newsletter-form .field .label{
font-family: 'Satoshi';
font-weight: 500;
height: 56px;
font-size: 18px;
}
.index-newsletter-section .newsletter-form .label .focus-state {
display: none;
}
.error-message {
position: absolute;
left: 50%;
transform: translateX(-50%);
font-family: 'Satoshi';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-align: center;
color: #EF0000;
background-color: #DFE0DE;
padding: 6px 12px;
border: 1px solid #CACACA;
border-radius: 50px;
opacity: 0;
visibility: hidden;
transition:0.4s top ease-in-out, 0.2s opacity ease-in-out, 0.2s visibility ease-in-out;
z-index:5;
min-height: 28px;
display: block !important;
min-width: 100px;
}
.error-message.show {
opacity: 1;
visibility: visible;
}
.error-message::before{
content:'';
width: 100%;
height: 100%;
background-color: #DFE0DE;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100px;
z-index: 2;
}
.error-message:not(.up-message){
top:100%;
}
.error-message.up-message{
bottom:100%;
transition: .4s bottom ease-in-out, .2s opacity ease-in-out, .2s visibility ease-in-out;
}
.error-message.up-message.show {
bottom: calc(100% + 5px);
}
.error-message:not(.up-message).show{
top: calc(100% + 5px);
}
.error-message.up-message::after {
top: inherit;
bottom: -12px;
transform: translate(-50%);
}
.error-message p {
position: relative;
z-index: 2;
white-space: nowrap;
}
.error-message::after{
content:'';
position: absolute;
top: -12px;
left: 50%;
transform: translate(-50%) rotate(180deg);
width: 28px;
height: 28px;
background-image:url('data:image/svg+xml,');
background-size: 42px;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (min-width: 768px) {
:is(.input):focus~.label .focus-state,
:is(.input):not(:placeholder-shown)~.label .focus-state,
:is(.input):-webkit-autofill~.label .focus-state{
display:block;
}
:is(.input):focus~.label .normal-state,
:is(.input):not(:placeholder-shown)~.label .normal-state,
:is(.input):-webkit-autofill~.label .normal-state{
display:none;
}
}
.newsletter-form .field .input{
height: 56px;
}
.index-newsletter-section .newsletter-form-value {
max-height: 0;
opacity: 0;
overflow: hidden;
visibility: hidden;
transition: max-height 0.5s ease, opacity 0.4s ease;
}
.index-newsletter-section .newsletter-form-value.show-form {
max-height: 600px; /* form ni height karta vadhare */
opacity: 1;
visibility: visible;
overflow: visible;
}
.newsletter-form-value .newsletter-field .input-field {
width: 100%;
font-family: Satoshi;
font-weight: 500;
height: 56px;
}
.newsletter-form-value .newsletter-row {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 24px;
gap: 24px;
}
.newsletter-form-value .newsletter-checkbox {
display: flex;
gap: 10px;
margin: 40px 0 0 8px;
position:relative;
}
.newsletter-form-value .newsletter-checkbox .error-message.up-message.show {
bottom: calc(100% + 10px);
}
.newsletter-form-value .newsletter-checkbox input[type=checkbox]:checked {
background-color: #B3A469;
border-color: #B3A469;
}
.newsletter-form-value .newsletter-checkbox input[type=checkbox]:after {
border: 0;
height: 100%;
width: 100%;
inset: unset;
transform: none;
}
.newsletter-form-value .newsletter-checkbox input[type=checkbox]:checked:after {
background-repeat: no-repeat;
background-size: 8px;
background-position: center;
background-image: url('data:image/svg+xml,');
}
.newsletter-form-value .newsletter-checkbox label {
font-family: Satoshi;
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #dfe0de;
cursor: auto;
}
.newsletter-form-value .newsletter-checkbox label a,
.newsletter-form-value .newsletter-checkbox label strong,
.newsletter-form-value .newsletter-checkbox label span {
color: #B3A469;
}
.newsletter-form-value .newsletter-btn {
margin-top: 35px;
/* gap: 12px; */
/* padding: 10px; */
}
.newsletter-form-value .newsletter-btn:hover {
color: #fff;
border-color: transparent;
background-image: linear-gradient(to right, #6F6234 0%, #B3A469 50%, #6F6234 100%);
background-position: right center;
}
@media screen and (max-width: 1300px) {
.index-newsletter-section {
padding-block: 76px;
}
.newsletter-label .banner__title {
font-size: 34px;
line-height: 38px;
}
.index-newsletter-section .banner__box {
max-width: 850px;
}
}
@media screen and (max-width: 991px) {
.index-newsletter-section {
padding-block: 76px;
}
.newsletter-label .banner__title {
font-size: 30px;
line-height: 34px;
}
.newsletter-label>p {
font-size: 16px;
}
.index-newsletter-section .banner__box .newsletter-form {
max-width: 330px;
}
.index-newsletter-section .banner__box {
max-width: 720px;
}
.newsletter-form-value .newsletter-row {
margin-top: 18px;
gap: 18px;
}
.newsletter-form-value .newsletter-checkbox {
margin-top: 30px;
}
.newsletter-form-value .newsletter-btn {
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.index-newsletter-section {
padding-block: 50px;
}
.index-newsletter-section .banner__box {
max-width: 450px;
flex-direction: column;
gap: 40px;
}
.newsletter-label .banner__title {
font-size: 34px;
line-height: 40px;
text-align: center;
}
.newsletter-label>p {
font-size: 16px;
text-align: center;
margin-top: 5px;
max-width:250px;
}
.index-newsletter-section .banner__box .newsletter-form {
max-width: 100%;
}
/* .newsletter-form-value .newsletter-checkbox {
align-items: center;
} */
.newsletter-form-value .newsletter-field .input-field {
height: 48px;
}
.index-newsletter-section .newsletter-form .field .label {
height: 48px;
font-size: 18px;
margin-left: 24px;
top: 4px;
}
.newsletter-form-value .newsletter-row {
margin-top: 16px;
gap: 16px;
}
.newsletter-form-value .newsletter-checkbox {
margin: 32px 8px 0 8px;
}
.newsletter-form-value .newsletter-btn {
margin-top: 32px;
}
.newsletter-form-value .newsletter-checkbox input:is([type=checkbox],[type=radio]):not(.switch) {
width: 16px;
height: 16px;
}
}
@media screen and (max-width: 575px) {
/* .newsletter-label .banner__title {
font-size: 28px;
line-height: 32px;
text-align: left;
} */
.newsletter-label .banner__title {
font-size: 32px;
line-height: 1.2;
text-align: left;
}
.newsletter-label .banner__title .split-words>span {
display: block;
}
.newsletter-label>p {
font-size: 18px;
line-height: 1.2;
text-align: left;
}
.index-newsletter-section .banner__box .newsletter-label {
padding: 0 16px;
}
.index-newsletter-section .banner__box {
gap: 24px;
}
}
@media screen and (max-width: 400px) {
.newsletter-form-value .newsletter-row {
grid-template-columns: 1fr;
}
}
.form-event-email,
.form-event-email-label {
transition: opacity 0.3s ease;
}
.cart-drawer{
z-index:101
}
/* Contact Us */
.privacy-policy h2.heading.title-xl.tracking-heading,
.terms-of-service h2.heading.title-xl.tracking-heading,
.template-content-page h2.heading.title-xl.tracking-heading,
.data-sharing-opt-out h2.heading.title-xl.tracking-heading,
.shopify-policy__title h1{
text-align:left;
font-family: var(--satoshi-font);
font-weight: 700;
font-size: 40px;
line-height: 60px;
color: #FFFFFF;
letter-spacing:0;
}
.contact-form-data .heading{
font-family: 'Outfit';
font-weight: 600;
font-size: 40px;
line-height: 63px;
color: #FFFFFF;
letter-spacing:0;
}
.contact .contact__fields .button .btn-text {
font-family: Satoshi;
/* width: auto;
height: auto; */
}
/* .contact .contact__fields .animate-arrow {
height: 56px;
padding: 10px;
justify-content: center;
box-shadow: none;
background-color: transparent;
border: 1px solid #fff;
color: #fff !important;
font-size: 18px;
min-width: 220px;
font-family: Satoshi;
font-weight: 700;
line-height: 100%;
}
.contact .contact__fields .animate-arrow .btn-fill {
display: none;
} */
@media screen and (max-width: 991px) {
/* .privacy-policy h2.heading.title-xl.tracking-heading,
.terms-of-service h2.heading.title-xl.tracking-heading,
.template-content-page h2.heading.title-xl.tracking-heading,
.data-sharing-opt-out h2.heading.title-xl.tracking-heading, */
.shopify-policy__title h1,
.contact-form-data .heading {
font-size: 40px;
line-height: 50px;
}
}
@media screen and (max-width: 767px) {
.privacy-policy h2.heading.title-xl.tracking-heading,
.terms-of-service h2.heading.title-xl.tracking-heading,
.template-content-page h2.heading.title-xl.tracking-heading,
.data-sharing-opt-out h2.heading.title-xl.tracking-heading,
.shopify-policy__title h1,
.contact-form-data .heading {
font-size: 34px;
line-height: 40px;
}
}
/*----------------------- Product Page CSS Start -----------------------*/
.main-product-section {
padding: 80px 0 64px 0;
}
.main-product-section .page-width {
max-width: 1294px;
}
.main-product-section .product__media-list {
gap: 1px;
}
.main-product-section .product__media-list .product__media {
/* background: linear-gradient(169.15deg, #000000 7.91%, #131211 68.5%, #090909 132.69%);
border: 1px solid #000000;
border-radius: 16px; */
background-color: transparent;
}
.main-product-section slider-element.slider {
/* background: linear-gradient(169.15deg, #000 7.91%, #131211 68.5%, #090909 132.69%); */
background: linear-gradient(169.15deg, #242424cc 7.91%, #191919cc 68.5%, #161616cc 132.69%);
border-radius: 16px;
border: 1px solid #000000;
}
/* .main-product-section .product__thumbnails-list {
display:flex;
} */
.main-product-section .product__thumbnails .product__thumbnail{
/* background: linear-gradient(169.15deg, #000000 7.91%, #131211 68.5%, #090909 132.69%); */
background: linear-gradient(169.15deg, #242424cc 7.91%, #191919cc 68.5%, #161616cc 132.69%);
border: 1px solid #000000;
border-radius: 8px;
transition: border-color var(--animation-fast);
width: 80px;
height: 80px;
aspect-ratio:1;
}
.product__thumbnail.mobile\:media--adapt_first>:is(img,svg,video-media){
height: 100%;
}
.main-product-section .product__thumbnails .product__thumbnail[aria-current=true] {
border-color:#B3A469;
}
.main-product-section .product__thumbnails .product__thumbnail:after {
border-radius: 8px;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.main-product-section .product__thumbnails .product__thumbnail[aria-current=true]:after {
--tw-ring-color: #fff;
}
.pswp__counter {
border: 0;
font-size: 16px;
font-family: 'Satoshi';
font-weight: 400;
background-color: rgb(0 0 0 / 30%);
backdrop-filter: none;
}
button.pswp__button {
border: 0;
background-color: rgb(0 0 0 / 30%);
backdrop-filter: none;
}
.pswp__button--close .pswp__icn {
height: 24px;
width: 24px;
}
button.pswp__button.pswp__button--close:hover svg,
.pswp__button--arrow:hover .pswp__icn {
color: #8b8a89;
}
.custom-media-arrows {
align-items: center;
pointer-events:none;
}
.custom-media-arrows .custom-arrow-btn {
height: 24px;
width: 24px;
color: #DFE0DE;
transition: all 0.3s ease-in-out;
pointer-events:all;
}
.custom-media-arrows .custom-arrow-btn {
width: auto;
height: auto;
}
.custom-media-arrows .custom-arrow-btn.is-disabled {
opacity: 0.15;
cursor:not-allowed;
}
.custom-media-arrows .custom-arrow-btn:not(.is-disabled):hover{
color:#b3a469;
}
@media screen and (min-width: 992px) {
.main-product-section .product-form-wrapper {
margin-top: 48px !important;
}
.purchase-option-group-swatches:has(input[data-product-url]) {
row-gap: 33px !important;
}
.product-form__input .purchase-option-title {
margin-bottom: 27px !important;
}
.purchase-option-group-swatches:has(input[data-product-url]) .text {
font-size: 15px !important;
}
}
@media screen and (min-width: 1024px) {
.main-product-section .product{
gap: clamp(2.5rem, 4.678vw - 0.494rem, 3.5rem);
}
.main-product-section .product__thumbnails {
max-width: 548px;
width: 100%;
margin: 0 auto;
padding: 0 42px;
position: relative;
}
.custom-media-arrows {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
justify-content: space-between;
z-index: 5;
}
.custom-media-arrows .custom-arrow-btn {
transform: rotate(-90deg);
}
/* .main-product-section .product__thumbnails .product__thumbnail {
min-width: calc((100% - (16px * 4)) / 5);
} */
}
@media screen and (min-width: 1280px) {
.product__thumbnails--beside {
flex-shrink:0;
width: 80px;
}
.product__thumbnails.product__thumbnails--beside {
padding: 24px 0 0;
width: auto;
}
.product__thumbnails--beside .product__thumbnails-list{
max-height: 464px;
}
/* .custom-media-arrows .custom-arrow-btn {
transform: rotate(90deg);
} */
.main-product-section .product__thumbnails--beside .product__thumbnails-list {
max-width: 100%;
}
.product__thumbnails.product__thumbnails--beside .custom-media-arrows {
position: relative;
z-index: 5;
margin-top: 27px;
flex-direction: column;
gap: 20px;
pointer-events: all;
transform: unset;
top: unset;
}
.product__thumbnails.product__thumbnails--beside .custom-media-arrows .custom-arrow-btn {
transform: unset;
}
}
@media screen and (max-width: 1023px) {
.main-product-section .product__gallery .product__thumbnails {
margin: 0 calc(-1 * var(--page-padding));
width: calc(100% + (var(--page-padding) * 2));
}
.main-product-section .product__thumbnails-list {
padding-inline: 24px;
}
/* .main-product-section .product__thumbnails .product__thumbnail {
min-width: calc((100% - (16px * 6)) / 6.5);
} */
}
@media screen and (max-width: 768px) {
/* .main-product-section .product__thumbnails .product__thumbnail {
min-width: max(70px, calc((100% - (16px * 5)) / 5.5));
} */
.main-product-section .product__thumbnails .product__thumbnail {
width: 72px;
height: 72px;
}
}
@media screen and (max-width: 575px) {
.pswp .pswp__hide-on-close {
padding-left: 8px;
}
}
.partner-symbol {
position: absolute;
top: 38px;
left: 40px;
height: 80px;
width: 80px;
}
.main-product-section .product__info .heading {
font: normal normal 700 32px/1.2 "Satoshi";
letter-spacing: 0%;
}
.product__info .buy-box-title {
margin-top: 6px;
font-family: 'Satoshi';
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #C9C9C5;
}
.challenger-wired-controller {
display: grid;
position: relative;
}
.challenger-wired-controller .xbox-logo {
width: 80px;
height: 80px;
position: absolute;
z-index: 1;
pointer-events: none;
right: 13%;
bottom: 20.9%;
}
.challenger-content {
position: relative !important;
top: 0 !important;
grid-area: 1 / 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 106px 20px 111px 20px;
text-align: center;
z-index: 1 !important;
}
.challenger-background-img {
grid-area: 1 / 1;
}
.challenger-content .challenger-img {
width: 100%;
max-width: 456px;
margin-top: 16px;
}
.challenger-content .challenger-img img {
width: 100%;
margin-bottom: 16px;
}
.challenger-content .challenger-img p {
font: normal normal 500 16px/1.4 "Outfit";
letter-spacing: 0%;
color: #DFE0DE;
}
.challenger-text {
margin-bottom: 5px;
}
.contact-form-value .contact__fields .field:has(select) svg {
display: none;
}
.main-content:has(.contact-form-value) {
/* background: #121212; */
background: linear-gradient(153.39deg, #121212 57.47%, #191919 84.22%);
}
.challenger-content .challenger-text h3 {
font: 600 40px/1.1 Bauhaus Apex Display;
letter-spacing: -1%;
margin: 0 auto 4px;
max-width: 356px;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
}
.challenger-content .challenger-text p {
font: 400 20px/1.3 Outfit;
letter-spacing: 0%;
color: #dfe0de;
max-width: 260px;
margin: 0 auto;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
}
.hall-effacts .banner {
height: auto !important;
}
.hall-effacts .banner .banner__media {
height: auto !important;
}
.hall-effacts .banner .banner__media picture {
position: relative;
}
.hall-effacts .banner .banner__media picture .banner__image {
position: relative;
height: auto;
/* transform: none !important; */
}
.hall-effacts .banner .banner__content {
padding: 20px 169px;
}
.hall-effacts .banner .banner__content .page-width {
max-width: 100%;
padding: 0;
}
.about-us .hall-effacts .banner .banner__content .page-width {
padding: 0;
align-items: center;
height: 67%;
}
.about-us-hero-content.hall-effacts .banner .banner__box{
max-width: 190px;
min-width: inherit;
}
.hall-effacts .banner .banner__box {
padding: 0;
max-width: 310px;
min-width: 24rem;
text-align: left;
}
.hall-effacts .banner .banner__box .banner__title {
font: normal normal 600 40px/1.1 "Bauhaus Apex Display";
letter-spacing: -1%;
}
.about-us-hero-content.hall-effacts .banner .banner__box .banner__title {
font: normal normal 600 48px/1.05 "Bauhaus Apex Display";
letter-spacing: -1%;
}
.hall-effacts .banner .banner__box .body {
font: normal normal 400 20px/1.3 "Outfit";
letter-spacing: 0%;
color: #DFE0DE;
margin-top: 4px;
}
.collage-grid-content {
padding: 88px 0;
}
.collage-grid-content .collage__item {
grid-area: unset !important;
height: auto;
border: 2px solid #B3A469;
border-radius: 16px;
}
.collage-grid-content .collage__item .media {
height: auto;
padding-bottom: 100%;
}
.collage-grid-content .collage {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
height: auto !important;
align-items: unset;
grid: unset;
}
.collage-grid-content .collage__item .media-card__link .media-card__content {
padding: 32px 30px;
text-align: center;
justify-content: center;
}
.collage-grid-content .collage__item .media-card__link .media-card__content.has-gradient {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 9.91%, rgba(0, 0, 0, 0.7) 59.91%);
}
.collage-grid-content .collage__item .media-card__link .media-card__content .icon {
display: none;
}
.collage-grid-content .collage__item .media-card__content .media-card__text .heading {
font: 600 40px/1.1 Bauhaus Apex Display;
letter-spacing: -1%;
display: block;
max-width: 340px;
margin: 0 auto 4px;
color: #fff;
background: none;
text-shadow: 0px 8px 25px rgba(0, 0, 0, .7);
}
.collage-grid-content .collage__item .media-card__content .media-card__text .media-card__text-content {
font: normal normal 400 20px/1.3 "Outfit";
letter-spacing: 0%;
color: #DFE0DE;
text-shadow: 0px 8px 25px rgba(0, 0, 0, .7);
}
.collage-grid-content .collage__item .media-card__content .media-card__text .media-card__text-content p {
font-size: inherit;
line-height: inherit;
}
.multi-image-showcase {
display: grid !important;
gap: 4px;
grid-template-columns: repeat(2,minmax(0,1fr));
}
.multi-image-showcase .gallery-item.full-width {
grid-column: span 2 / span 2;
}
.xbox-game-pass, .xbox-game-pass-inner {
display: grid;
}
.xbox-game-pass-inner .xbox-game-pass-img {
grid-area: 1 / 1;
}
.xbox-game-pass-inner .xbox-game-pass-content {
grid-area: 1 / 1;
position: relative;
z-index: 1;
padding: 64px 64px 90px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.xbox-game-pass-inner .xbox-game-pass-content h2 {
font: 600 40px/1.1 Bauhaus Apex Display;
letter-spacing: -1%;
color: #b3a469;
margin-bottom: 4px;
text-shadow: 0px 8px 25px rgba(0, 0, 0, .7);
}
.xbox-game-pass-inner .xbox-game-pass-content .content {
font: 400 20px/1.3 Outfit;
letter-spacing: 0%;
/* max-width: 418px;
margin: 0 auto; */
text-shadow: 0px 8px 25px rgba(0,0,0,.7);
color: #DFE0DE;
}
.multi-image-showcase .gallery-item img {
width: 100%;
display: block;
}
.pdp-section {
padding: 48px 20px;
background: linear-gradient(345.72deg, #2B2B2B -82.74%, #121212 173.4%);
}
.pdp-section.gradient-bg {
background: linear-gradient(205.37deg, #474747 21.88%, #1D1D1D 128.11%);
}
.pdp-section .pdp-pre-order-btn {
color: #fff;
font-size: 16px;
/* font: 700 18px/1 Satoshi;
letter-spacing: 2%; */
padding: 5px 30px;
margin: 0 auto;
background-color: transparent;
}
.product-additional-info {
background-color: #000;
border-radius: 8px;
margin-top: 18px;
}
.product-additional-info .top {
padding: 16px;
border-bottom: 2px solid #121212;
}
.product-additional-info .top h5 {
font: normal normal 500 12px/1 "Satoshi";
letter-spacing: 5%;
color: #FFFFFF73;
margin-bottom: 4px;
}
.product-additional-info .top p {
font: normal normal 500 16px/1.4 "Satoshi";
letter-spacing: 0%;
color: #FFFFFF;
display: inline;
white-space: nowrap;
}
.product-additional-info .bottom {
padding: 13px 16px 18px 16px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
color:var(--color, #B3A469);
}
.product-additional-info .bottom svg {
width: 24px;
height: 24px;
}
.product-additional-info .bottom span {
font: normal normal 500 18px/1 "Satoshi";
letter-spacing: 0%;
display: block;
flex: 1;
}
.main-product-section .product__price {
font: normal normal 700 24px/1.05 "Satoshi";
letter-spacing: 5%;
color: #FFFFFF;
margin-top:32px;
}
.main-product-section .product__price .price__regular {
color: currentColor;
flex: 1;
}
.main-product-section .product__price .price .product-review {
width: 100%;
max-width: 104px;
}
.main-product-section .product__text {
margin: 0;
padding: 15px 0;
}
.main-product-section .product__text + .product__accordion{
margin-top: 0;
}
.main-product-section .product__accordion {
border-color: #000000;
}
/* .main-product-section .product__accordion:last-child {
border-bottom: 0;
} */
.main-product-section .product__accordion:first-of-type {
margin-top: 56px;
}
.main-product-section .product__accordion .details__summary {
padding: 15px 0;
}
.main-product-section .product__text .product__text-inner .text-base,
.main-product-section .product__accordion .details__summary .text-sm-base {
font: normal normal 500 18px/1 "Satoshi";
letter-spacing: 0%;
color: #DFE0DE;
}
.main-product-section .product__accordion .details__summary .icon {
background-image: url('data:image/svg+xml,');
background-size: 11px;
background-repeat: no-repeat;
background-position: center;
}
.main-product-section .product__accordion .details__summary .icon path {
/* opacity: 0; */
}
.main-product-section .product__accordion .details__summary>.gap-2d5 svg {
background-image: none;
height: 24px;
width: 24px;
}
.main-product-section .product__accordion .details__summary>.gap-2d5,
.product__text-inner.gap-2d5 {
gap: 16px;
}
.main-product-section .product__accordion .details__summary>svg path {
opacity: 0;
}
.main-product-section .product__accordion[aria-expanded=true] .details__summary>.icon {
--tw-rotate: 180deg;
}
.main-product-section .product__accordion .details__content {
font-size: 18px;
line-height: 1.4;
padding: 0 0 27px;
margin-left: 40px;
}
.main-product-section .product__accordion .details__content li::marker {
color: currentColor;
}
.main-product-section .product-form-wrapper {
margin-top: 32px;
}
.main-product-section .buy-buttons {
gap: 24px;
align-items: self-start;
}
.product-form .product-form__buttons {
position: relative;
}
.product-form .product-form__error-message {
height: auto;
width: max-content;
transform: inherit;
left: 0;
}
.product-form .product-form__error-message::after {
bottom: -12px;
transform: inherit;
left: 36px;
}
.main-product-section .buy-buttons .quantity {
width: 100%;
max-width: 100px;
border: 1px solid #222222;
background-color: #1C1C1C;
color: #DFE0DE;
padding: 10px 18px;
min-height: 56px;
}
.main-product-section .buy-buttons .quantity .quantity__button {
padding: 0;
}
.main-product-section .buy-buttons .quantity .quantity__button[disabled] {
visibility: visible;
opacity: 1;
pointer-events: none;
}
.main-product-section .buy-buttons .quantity .quantity__button[disabled] path {
/* stroke: #505050; */
stroke: #4A4A4A;
}
.product-sticky-form__variant .quantity .quantity__button .icon,
.main-product-section .buy-buttons .quantity .quantity__button .icon {
width: auto;
height: auto;
stroke-width: inherit;
}
.main-product-section .buy-buttons .quantity .quantity__input {
width: 100%;
max-width: 100%;
flex: 1;
font-weight: 700;
font-size: 16px;
line-height:1;
}
.main-product-section .buy-buttons .product-buttons {
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
gap: 32px;
}
.main-product-section .product-form__submit {
border: 0;
font-family: Satoshi;
font-weight: 700;
}
.main-product-section .product-form__submit,
.pdp-pre-order-btn {
font-size: 16px;
border-radius: 80px;
background-color: #b3a469;
padding: 15px 20px;
display: flex;
color: #161512;
width: fit-content;
align-items: center;
justify-content: center;
height: 56px;
}
.main-product-section .product-form__submit:hover {
background-color: #887a44;
color: #fff !important;
}
.main-product-section .product-form__submit .btn-text,
.pdp-pre-order-btn .btn-text {
width: fit-content;
}
.main-product-section .product-form__submit,
.main-product-section .pdp-pre-order-btn{
width: 100%;
min-height: auto;
}
.main-product-section .product-form__submit:after,
.pdp-pre-order-btn:after,
.main-product-section .buy-buttons .product-buttons .shopify-payment-button more-payment-options-link,
.main-product-section .product-form__submit .btn-fill ,
.pdp-pre-order-btn .btn-fill {
display: none !important;
}
.amazon-btn a {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
color: #FF9900;
border: 2px solid #FF9900;
font: normal normal 700 16px/1 "Satoshi";
letter-spacing: 1%;
padding: 10px;
border-radius: 50px;
transition: all 0.3s ease;
height: 56px;
}
.amazon-btn a svg {
width: 29px;
height: 24px;
}
.amazon-btn a svg path {
fill: currentColor;
transition: all 0.3s ease;
}
.amazon-btn.fill-amazon a {
background-color: #FF9900;
color: #000;
}
.product-form__alert {
height: 56px;
}
.product-form__submit.disable-button {
display: flex !important;
opacity:1;
}
.product-form__submit.disable-button:hover {
background-color: #b3a469!important;
color: #161512 !important;
}
@media screen and (pointer: fine) {
.amazon-btn a:hover {
background-color: #FF9900;
color: #000;
}
.amazon-btn.fill-amazon a:hover {
background-color: #b36b00;
border-color: #b36b00;
}
}
.main-product-section .buy-buttons .product-buttons .shopify-payment-button shopify-accelerated-checkout {
--shopify-accelerated-checkout-button-block-size: 56px;
}
.cart-drawer-button .count:not([hidden]) {
background-color: #b3a469;
color: #000;
min-width: 16px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
font-size: 10px;
font-weight: 700;
line-height: 12px;
bottom: -5px;
top: auto;
left: 13px;
padding: 0 3px;
right: auto;
border: 2px solid #161512;
}
.cart-drawer.drawer .modal__container {
inset-block-end: unset;
top: 1px;
height: 100%;
max-height: 100%;
justify-content: flex-start;
}
.cart-drawer .drawer__footer{
position: relative;
}
.main-product-section .product-form__submit[aria-busy="true"] .icon-arrow-wrapper, .main-product-section .pdp-pre-order-btn[aria-busy="true"] .icon-arrow-wrapper {
display: none;
}
.footer-copyright {
padding: 114px 0 136px;
background-color: #121212;
}
.footer-bottom-logo-wpr, .footer-bottom-logo-wpr .logo-img, .footer-bottom-logo-wpr .logo-img video {
width: 100%;
}
.ai-about-section-aevdzoxhvdnvhsdj5caigenblockc1e556fjtgpwb {
padding-block: 96px !important;
}
.ai-about-text-aevdzoxhvdnvhsdj5caigenblockc1e556fjtgpwb h2,
.ai-about-text-aevdzoxhvdnvhsdj5caigenblockc1e556fjtgpwb p strong {
color: #b3A469;
}
.ai-about-text-aevdzoxhvdnvhsdj5caigenblockc1e556fjtgpwb h2 {
font-family: var(--Bauhaus-font);
font-weight: 600;
}
.ai-about-text-aevdzoxhvdnvhsdj5caigenblockc1e556fjtgpwb {
font-family: var(--font-body-family);
}
video-media.banner__image {
background-color: #161512;
}
.about_animated_logo img {
max-width: 82px;
}
.about_foundation_block h2 {
font-family: var(--Bauhaus-font);
font-weight: 600;
font-size: 48px;
line-height: 1;
letter-spacing: -0.48px;
margin: 0 0 8px;
max-width: 348px;
transition: all .3s ease-in-out;
color: currentColor;
}
.about_foundation_sub,
.about_foundation_dec p {
transition: all .3s ease-in-out;
color: currentColor;
font-family: var(--font-body-family);
font-size: 20px;
line-height: 1.3;
letter-spacing: 0.4px;
margin: 0 0 16px;
}
.about_foundation_dec p{
color: currentColor;
margin: 0;
}
.about_foundation_col {
max-width: 590px;
cursor: context-menu;
color: #292929;
}
.about_foundation_col.active {
position: relative;
z-index: 1;
}
.about_foundation_col.active h2,
.about_foundation_col.active .about_foundation_sub{
color: #B3A469;
}
.about_foundation_col.active .about_foundation_dec p{
color: #FFFFFF;
}
.about_foundation_wpr:nth-child(1) .about_foundation_col {
margin-left: auto;
margin-bottom: -182px;
}
.about_foundation_wpr:nth-child(3) .about_foundation_col {
margin: -33px 0 0 240px;
}
.about_foundation_section {
padding: 160px 0 168px;
background: #121212FA;
}
.about_foundation {
max-width: 986px;
margin: 0 auto;
padding: 0 16px;
position: relative;
}
/* .xbox-game-pass .xbox-game-pass-content{
bottom: 54px;
} */
/* .xbox-game-pass .xbox-game-pass-content {
bottom: 15%;
} */
.about_animated_logo {
position: absolute;
bottom: var(--manifesto-height, 358px);
right: 9.8vw;
}
.contact-form-data{
max-width: 744px;
margin: 0 auto;
padding-top: 96px;
padding-inline: 16px;
background:transparent;
}
.contact-form-value {
max-width: 744px;
padding-inline: 16px;
margin: 0 auto;
padding-top: 94px;
background:transparent;
}
.contact-form-value .page-width,
.contact-form-data .page-width{
padding: 0;
}
.contact-form-value:before,
.contact-form-data:before{
background:transparent;
}
.contact-form-data .heading.title-xl.tracking-heading {
font-family: var(--font-heading-family);
font-size: 50px;
line-height: 1;
}
.contact-form-data .rte {
margin: 7px 0 0;
font-family: var(--font-heading-family);
font-size: 18px;
font-weight: 400;
line-height: 1.10;
letter-spacing: 0;
}
.contact-form-value .contact__fields {
gap: 40px 20px;
}
.about_foundation_block {
will-change: transform;
transition: transform 0.1s linear;
}
.contact-form-value .contact__fields input {
height: 56px;
background: #1C1C1C;
color: #fff;
font-family: var(--satoshi-font);
font-weight: 500;
font-size: 16px;
line-height: 1;
letter-spacing: 0;
border-radius: 50px;
}
.contact-form-value .contact__fields input:-webkit-autofill{
transition: background-color 9999s;
-webkit-text-fill-color: rgb(var(--color-foreground));
}
.contact-form-value .contact__fields button .btn-fill,
.contact-form-value .contact__fields button::after {
display: none !important;
}
.contact-form-value .contact__fields button .btn-text {
/* color: #fff; */
width: auto;
}
.contact-form-value .contact__fields select,
.contact-form-value .contact__fields textarea{
background: #1C1C1C;
}
.contact-form-value .contact__fields textarea {
border-radius: 24px;
padding: 39px 24px 19px 26px;
min-height: 230px;
color: #fff;
}
.contact-form-value .contact__fields textarea {
resize: none;
line-height:1.3
}
.contact-form-value .contact__fields textarea + .label {
z-index: 5;
}
.contact-form-value .contact__fields .textarea-field-value {
background: #1c1c1c;
border-radius: 24px;
padding:0 2px 10px 0;
}
@media screen and (min-width: 768px) {
.contact-form-value .contact__fields .textarea-field-value:has(.textarea:focus):after,
.contact-form-value .contact__fields .textarea-field-value:has(.textarea:not(:placeholder-shown)):after,
.contact-form-value .contact__fields .textarea-field-value:has(.textarea:-webkit-autofill):after {
content: '';
position: absolute;
top: 0;
left: 0;
width: calc(100% - 24px);
height: 42px;
background: #1c1c1c;
z-index: 0;
display: block;
border-radius: 24px 0 0 0;
}
}
.contact-form-value .contact__fields input::placeholder{
opacity: 0;
}
.contact-form-value .contact__fields label{
color: #DFE0DE;
font-family: var(--satoshi-font);
font-weight: 500;
font-size: 18px;
line-height: 1;
letter-spacing: 0;
opacity: 1;
height: 56px;
inset-block-start: -1px;
}
.contact-form-value .contact__fields .field.rte p {
color: #606060;
font-size: 12px;
max-width: 283px;
line-height: 1.45;
font-weight: 400;
font-family: var(--satoshi-font);
margin: 8px 0 0 8px;
}
.contact-form-value .contact__fields .field.rte p a:hover{
color: #fff;
}
.contact-form-value .contact__fields button {
width: 100%;
/* border: 1px solid #FFFFFF;
border-radius: 80px;
height: 56px;
font-family: var(--satoshi-font);
font-size: 18px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.36px;
justify-content: center;
gap: 12px;
background: transparent;
color: #fff;
transition: all .3s ease-in-out !important; */
}
.contact-form-value .contact__fields button:active{
color: #fff !important;
/* border-color: #8b8a89; */
}
.contact-form-value .contact__fields button .btn-text{
transition: all .3s ease-in-out !important;
}
.contact-form-value .title-wrapper .heading{
font-family: var(--font-heading-family);
font-size: 50px;
line-height: 1;
font-weight: 700;
}
.contact-form-value .title-wrapper > .grid{
gap:0;
}
.contact-form-value .title-wrapper .description {
margin: 7px 0 0;
font-family: var(--font-heading-family);
font-size: 18px;
font-weight: 400;
line-height: 1.1;
letter-spacing: 0;
max-width: 100%;
}
.contact-form-value .title-wrapper{
margin-bottom: 64px;
}
.contact-success-outer {
padding-top: 128px;
}
.contact-success-outer .success-msg-wpr {
max-width: 470px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 1;
}
.contact-us-data:has(.success-msg-wpr) {
justify-content: center;
}
.success-msg-wpr .title {
font-weight: 700;
font-size: 50px;
line-height: 63px;
}
.success-msg-wpr .sub_heading {
font-family: var(--font-heading-family);
font-weight: 600;
font-size: 24px;
line-height: 100%;
color: #B3A469;
margin-top: 16px;
}
.success-msg-wpr .desc {
font-weight: 400;
font-size: 18px;
line-height: 135%;
font-family: var(--font-heading-family);
margin-top: 4px;
}
.success-msg-wpr .shop-btn {
margin-top: 40px;
width: 227px;
/* display: inline-flex;
border: 1px solid #fff;
justify-content: center;
height: 56px;
padding: 10px;
border-radius: 60px;
font-family: 'Satoshi';
font-weight: 700;
font-size: 18px;
line-height: 23px;
letter-spacing: 0.02em; */
}
@media screen and (pointer: fine) {
.contact-form-value .contact__fields button:hover{
color: #fff !important;
/* border-color: #8b8a89; */
}
/* .success-msg-wpr .shop-btn:hover {
color: #8b8a89;
border-color: #8b8a89;
} */
}
.main-product-section .product__price .price .product-review {
margin-right: 8px;
}
.product-sticky-form__variant .media--adapt,
.product-sticky-form__variant .product-review,
.product-sticky-form__variant .price.flex.flex-wrap.items-center.gap-2.lg\:gap-1d5 {
display: none;
}
.product-sticky-form {
width: auto;
right: 32px;
bottom: 40px;
}
.product-sticky-form__card {
padding: 20px 24px;
/* box-shadow: 0px 3px 4px 0px #00000099;
border-radius: 8px;
border: 1px solid #272727;
background: linear-gradient(168.5deg, #121212 66.04%, #2B2B2B 199.76%); */
background: linear-gradient(168.5deg, #121212 66.04%, #2B2B2B 199.76%);
border: 1px solid #272727;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.6);
border-radius: 8px;
}
.product-sticky-form__variant .text-base {
font-family: var(--satoshi-font);
font-weight: 700;
font-size: 16px;
line-height: 1.05;
letter-spacing: 0;
}
.product-sticky-price {
font-family: var(--satoshi-font);
font-weight: 500;
font-size: 14px;
line-height: 1.05;
letter-spacing: 0;
}
.product-sticky-form__variant .grid.gap-2 {
gap: 0;
}
.product-sticky-form__variant .quantity {
min-height: 40px;
border-radius: 50px;
width: 88px;
border: 1px solid #222222;
background: #1C1C1C;
}
.product-sticky-form__variant .quantity .quantity__button {
padding: 4px;
width: 30px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.product-sticky-form__variant .quantity .quantity__button[aria-label="Decrease quantity for The Challenger"] {
justify-content: flex-end;
}
.product-sticky-form__variant .quantity .quantity__button[aria-label="Increase quantity for The Challenger"] {
justify-content: flex-start;
}
.product-sticky-form__variant .product-form {
gap: 16px 24px;
grid-template-columns: 88px 117px;
}
.product-sticky-form__variant .quantity input {
flex: 1;
width: 100%;
height: 38px;
font-family: var(--satoshi-font);
font-weight: 700;
font-size: 16px;
line-height: 1;
letter-spacing: 0;
background: transparent;
/* appearance: none; */
text-align: center;
}
/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type="number"] {
-moz-appearance: textfield;
appearance: textfield;
}
.product-sticky-form__variant .quantity input::-webkit-outer-spin-button,
.product-sticky-form__variant .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-sticky-form__variant .quantity input[type="number"] {
-moz-appearance: textfield;
appearance: textfield;
}
.sticky-shop-btn .product-sticky-form__variant .product-form {
grid-template-columns: 88px 117px 150px;
align-items: flex-start;
margin-left: auto;
}
.product-sticky-form__variant .shopify-payment-button__more-options {
display: none;
}
.product-sticky-form__variant .shopify-payment-button :is(shopify-accelerated-checkout,shopify-accelerated-checkout-cart) {
--shopify-accelerated-checkout-button-block-size: 40px;
}
.sticky-shop-btn .product-sticky-form__variant .amazon-btn {
grid-column-start: 3;
}
.product-sticky-form__variant .amazon-btn a {
height: 40px;
padding: 2px 10px;
}
.product-sticky-form__variant .amazon-btn {
grid-column-start: 2;
}
.sticky-amazon-btn .product-sticky-form__variant .product-form .amazon-btn {
grid-column: inherit;
width: 110px;
}
.sticky-amazon-btn .product-sticky-form__variant .product-form {
grid-template-columns: inherit;
display: block;
}
.main-product-section .product__accordion .details__content ul {
padding-left: 17px;
margin-block: 0;
}
.main-product-section .product__accordion .details__content ul li:first-child,
.main-product-section .product__accordion .details__content > *:first-child ,
.main-product-section .product__accordion .details__content .metafield-rich_text_field > *:first-child {
margin-top: 0 !important;
}
.main-product-section .product__accordion .details__content p {
margin: 14px 0 0;
}
.main-product-section .product__accordion .details__content ul li {
padding: 0;
}
.product-sticky-form__variant {
grid-template-columns: auto 1fr;
gap: 32px;
align-items: flex-start;
}
.product-sticky-form__variant button[type=submit] {
font-family: var(--satoshi-font);
font-weight: 600;
font-size: 16px;
line-height: 1;
letter-spacing: 0;
text-align: center;
padding: 11px 16px;
border: none;
color: #161512 !important;
width: 100%;
background: #B3A469;
height: 40px
}
.product-sticky-form__variant button[type="submit"]:hover .btn-text span{
color: #161512 !important;
}
.product-sticky-form__variant button[type="submit"] .btn-fill,
.product-sticky-form__variant button[type="submit"]::after{
display: none !important;
}
.product-sticky-form__variant .grid.gap-2 .grid.gap-1 {
gap: 6px;
}
.product-sticky-form__variant button[type=submit] .btn-text .icon-cart {
display: none;
}
.product-sticky-form__variant button[type=submit] span.hidden.md\:block {
display: block;
}
.contact-form-value .contact__fields .select:valid ~ .label,
.contact-form-value .contact__fields :is(.input,.textarea):focus ~ .label,
.contact-form-value .contact__fields :is(.input,.textarea):not(:placeholder-shown) ~ .label,
.contact-form-value .contact__fields :is(.input,.textarea,.select):-webkit-autofill ~ .label{
--tw-translate-y: calc(var(--sp-2d5) * -1 - 1px);
}
/* .footer-group.footer-hidden {
visibility: hidden;
opacity: 0;
} */
.loading-bar {
background-color: rgb(var(--color-background));
}
.loading-bar .icon{
color: rgb(var(--color-foreground));
}
.copy-popup {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%);
font-family: Satoshi;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-align: center;
color: #fff;
background-color: #72508C;
padding: 6px 12px;
border: 1px solid #5C446F;
border-radius: 50px;
opacity: 0;
visibility: hidden;
transition: .3s all ease-in-out;
}
.copy-popup::before{
content:'';
width: 100%;
height: 100%;
background-color: #72508C;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100px;
z-index: 2;
}
.copy-popup.show {
opacity: 1;
visibility: visible;
top: calc(100% + 16px);
}
.copy-popup p {
position: relative;
z-index: 2;
white-space: nowrap;
}
.copy-popup::after{
content:'';
position: absolute;
top: -12px;
left: 50%;
transform: translate(-50%) rotate(180deg);
width: 28px;
height: 28px;
background-image:url('data:image/svg+xml,');
background-size: 42px;
background-repeat: no-repeat;
background-position: center;
}
.pdp-social-icon {
margin-top: 40px;
padding-left:2px;
}
.social-sharing {
gap: 24px;
}
.social-sharing li {
width: 16px;
height: 16px;
position: relative;
}
.social-sharing li .social-sharing__link {
color: currentColor;
}
.shopify-policy__body .rte,
.template-content-page .rte {
font-weight: 400;
font-size: 16px;
line-height: 26px;
font-family: var(--satoshi-font);
letter-spacing:0;
}
.shopify-policy__body .rte h3,
.template-content-page .rte h3 {
letter-spacing:0;
font-weight: 700;
font-size: 24px;
line-height: 34px;
font-family: Satoshi;
margin-block-end: var(--sp-3d5);
margin-block-start: 46px;
}
.shopify-policy__body .rte > h3:first-child,
.template-content-page .rte > h3:first-child {
margin-block-start: 10px;
}
.shopify-policy__body .rte h4,
.template-content-page .rte h4 {
font-family: 'Satoshi';
}
body.template-challange .main-content,
body.template-content-page .main-content {
background: linear-gradient(153.39deg, #121212 57.47%, #191919 84.22%);
}
.data-sharing-opt-out .main-content .section::before,
.main-content:has(.shopify-policy__container),
body.template-content-page .main-content .section::before {
background: linear-gradient(153.39deg, #121212 57.47%, #191919 84.22%);
}
.shopify-challenge__container .shopify-challenge__button {
border: 2px solid #FFFFFF;
border-radius: 80px;
height: 56px;
font-family: 'Satoshi';
font-weight: 700;
font-size: 16px;
line-height: 100%;
text-align: center;
position: relative;
padding: 5px 30px;
letter-spacing: 0.02em;
background-size: 225% auto;
gap:10px;
transition:all .1s ease-in-out,border .4s ease !important;
color: #fff;
}
.shopify-challenge__container .shopify-challenge__button:active {
transition: all .1s ease-in-out,border .0s ease !important;
color: #fff !important;
border-color: transparent;
background-image: linear-gradient(to right, #6f6234, #b3a469, #6f6234);
background-position: right center;
}
.index-newsletter-section .banner__box .newsletter-form.form-successed:has(.success-message) {
max-width: 100%;
}
.newsletter-form .success-heading {
font-family: 'Bauhaus Apex Display';
font-weight: 600;
font-size: 24px;
line-height: 110%;
text-align: center;
color: #FFFFFF;
}
.newsletter-form .success-sub-heading {
font-family: 'Bauhaus Apex Display';
font-weight: 600;
font-size: 40px;
line-height: 110%;
text-align: center;
letter-spacing: -0.01em;
color: #B3A469;
margin-top: 4px;
}
.newsletter-form .success-description {
font-family: var(--font-heading-family);
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 135%;
text-align: center;
color: #FFFFFF;
margin-top: 13px;
}
.index-newsletter-section:has(.newsletter-form .success-message) {
padding-block: 174px 179px;
}
body.template-content-page .main-content .section--padding{
padding-block: var(--sp-16) 140px;
}
.section-404 .section{
padding-top: var(--sp-16);
}
.header-sticky {
position:fixed;
width:100%;
}
.main-content {
padding-top: var(--header-height,96px);
}
main.main-content{
min-height: 100dvh;
z-index:5
}
body.contact main.main-content:has(.contact-form-value .success-msg-wpr) .contact-form-value {
min-height: clamp(45rem, 105.882vw - 22.897rem, 78.75rem);
}
body:has(.header-section:not(.header-hidden)):before {
content: '';
height: 100%;
width: 100%;
display: block;
position: fixed;
min-height: 100dvh;
top: -50dvh;
left: 0;
background-color: rgb(var(--color-background));
z-index:1;
}
.main-product-section .product__gallery button:is([is=media-lightbox-button],
.main-product-section [is=media-hover-button]) {
border: 0;
background-color: transparent;
}
.pswp__button--arrow .pswp__icn {
height: auto;
width: auto;
}
.pswp__button--arrow--prev .pswp__icn {
transform: translate(calc(-50% - 1px), -50%);
}
.pswp__button--arrow--next .pswp__icn {
transform: translate(calc(-50% + 1px), -50%) scale(-1);
}
.pswp__button--arrow:disabled {
display: block;
pointer-events: none;
opacity: 0.15;
}
@media screen and (min-width: 1024px) {
body.template-content-page .main-content .section--padding{
padding-block: var(--sp-28) 140px;
}
.section-404 .section{
padding-top: var(--sp-28);
}
}
@media screen and (pointer: fine) {
.shopify-challenge__container .shopify-challenge__button:hover {
transition: all .1s ease-in-out,border .0s ease !important;
color: #fff !important;
border-color: transparent;
background-image: linear-gradient(to right, #6f6234, #b3a469, #6f6234);
background-position: right center;
}
}
@media (min-width: 768px){
.footer-group:has(.footer-logo-video) {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 0;
}
.main-content {
position: relative;
z-index: 1;
background-color: rgb(var(--color-background));
}
body.contact main.main-content {
/* min-height: 100dvh; */
/* display: flex;
flex-direction: column;
justify-content: center; */
}
.footer-height {
display: block !important;
padding-bottom: var(--FooterHeight, 100vh);
}
}
@media (max-width: 1400px){
.xbox-game-pass-inner .xbox-game-pass-content {
padding-bottom: 70px;
}
}
@media (max-width: 1300px){
.challenger-content {
padding: 44px 20px 40px;
}
.challenger-content .challenger-img {
max-width: 280px;
}
.challenger-content .challenger-text h3 {
font-size: 24px;
max-width: 200px;
}
.challenger-content {
padding: 44px 20px 30px;
}
.challenger-content .challenger-img {
max-width: 280px;
}
.challenger-content .challenger-text h3 {
font-size: 24px;
max-width: 200px;
}
.collage-grid-content .collage__item .media-card__content .media-card__text .media-card__text-content, .xbox-game-pass-inner .xbox-game-pass-content .content {
font-size: 16px;
}
.hall-effacts .banner .banner__content, .collage-grid-content .collage__item .media-card__link .media-card__content{
padding: 20px;
}
.xbox-game-pass-inner .xbox-game-pass-content {
padding: 20px 20px 60px;
}
.collage-grid-content .collage__item .media-card__content .media-card__text .heading, .xbox-game-pass-inner .xbox-game-pass-content h2 {
font-size: 26px;
}
.footer-copyright {
padding: 20px 0 80px;
}
.challenger-wired-controller .xbox-logo {
width: 44px;
height: 44px;
}
.hall-effacts .banner .banner__box {
text-align: left;
}
.index-newsletter-section:has(.newsletter-form .success-message) {
padding-block: 120px;
}
/* .xbox-game-pass .xbox-game-pass-content {
bottom: 10%;
} */
}
@media(max-width: 1099px){
.xbox-game-pass-inner .xbox-game-pass-content {
padding-bottom: 40px;
}
}
@media(max-width: 991px){
.challenger-content {
justify-content: center;
gap: 210px;
}
.challenger-background-img img {
height: 100%;
width: auto;
object-fit: cover;
}
.collage-grid-content .collage {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.xbox-game-pass-inner .xbox-game-pass-content {
padding: 50px 50px 30px;
bottom: 0;
}
.challenger-wired-controller .xbox-logo {
bottom: 21%;
right: 13%;
}
}
@media (max-width: 860px){
.challenger-wired-controller .xbox-logo {
bottom: 20%;
right: 10%;
}
}
@media (max-width: 767px){
.main-product-section .product__info .heading {
font-size: 28px;
}
.challenger-content .challenger-img p {
font-size: 14px;
}
.hall-effacts .banner .banner__content {
position: relative;
grid-area: 1 / 1;
padding: 40px 20px;
}
.hall-effacts .banner {
display: grid;
}
.hall-effacts .banner .banner__media {
grid-area: 1 / 1;
}
.hall-effacts .banner .banner__media picture .banner__image {
height: 100%;
object-fit: cover;
object-position: center;
transform: none !important;
}
.about-us-hero-content.hall-effacts .banner .banner__box .banner__title,
.hall-effacts .banner .banner__box .banner__title {
font-size: 26px;
}
.hall-effacts .banner .banner__box .body {
font-size: 16px;
/* margin-top: 10px; */
}
.main-product-section {
padding: 40px 0 75px;
}
.xbox-game-pass-inner .xbox-game-pass-content {
padding-bottom: 20px;
}
.footer-copyright {
padding: 0px 0 130px !important;
}
.challenger-wired-controller .xbox-logo {
display: none;
}
.ai-about-section-aevdzoxhvdnvhsdj5caigenblockc1e556fjtgpwb{
padding-block: 36px !important;
}
.about_foundation_wpr:nth-child(1) .about_foundation_col,
.about_foundation_wpr:nth-child(3) .about_foundation_col {
margin: 0;
}
.about_foundation_col{
max-width: 100%;
}
.about_foundation_wpr {
margin: 0 0 40px;
}
.about_foundation_section {
padding: 60px 0;
}
.about_foundation_block h2 {
font-size: 28px;
color: #b3a469;
}
.about_foundation_sub{
color: #b3a469;
}
.about_foundation_sub, .about_foundation_dec p {
font-size: 16px;
}
.about_foundation_dec p{
color: #fff;
}
.about_animated_logo {
position: static;
}
.about_foundation {
display: flex;
flex-direction: column;
}
.about_animated_logo {
position: static;
order: -1;
margin: 0 0 24px 0;
}
.about_animated_logo img {
margin: 0 auto;
}
.contact-form-data {
padding-top: 64px;
}
.contact-form-value .contact__fields {
gap: 24px;
}
.contact-form-value .title-wrapper .heading,
.contact-form-data h1.heading.title-xl.tracking-heading {
font-size: 36px;
}
.contact-form-value .title-wrapper .description,
.contact-form-data .rte {
font-size: 16px;
line-height: 1.3;
}
.contact-form-value {
padding-block: 64px 50px;
}
.contact-success-outer {
padding-top: 50px;
}
.success-msg-wpr .title {
font-size: 36px;
line-height: 46px;
}
.success-msg-wpr .sub_heading {
font-size: 20px;
margin-top: 10px;
}
.success-msg-wpr .desc {
font-size: 16px;
}
.product-sticky-form {
width: 100%;
right: 0;
bottom: 0;
}
.product-sticky-form__card {
border: none;
}
.main-product-section .product__accordion .details__content{
font-size: 16px;
}
.index-newsletter-section:has(.newsletter-form .success-message) {
padding-block: 48px 56px;
}
.social-sharing li.share-link {
order: 3;
}
.main-product-section .buy-buttons .quantity {
max-width: 90px;
display: grid;
grid-template-columns: 1fr auto;
min-height: 48px;
align-items: center;
gap: 0 5px;
}
.main-product-section .buy-buttons .quantity .quantity__input {
grid-row: span 2;
order: 1;
font-size: 16px;
position: relative;
}
.main-product-section .buy-buttons .quantity:has(.quantity__button[disabled]) .quantity__input {
grid-row: inherit;
}
.main-product-section .buy-buttons .quantity .quantity__button {
height: 10px;
width: 10px;
}
.main-product-section .buy-buttons .quantity .quantity__button[disabled]{
display:none;
}
.main-product-section .buy-buttons .quantity .quantity__button[name="plus"]{
order:2;
}
.main-product-section .buy-buttons .quantity .quantity__button[name="minus"]{
order:3;
}
.main-product-section .buy-buttons .quantity .quantity__button .arrow.icon {
width: 100%;
height: 100%;
}
.main-product-section .buy-buttons .quantity:not(:has(.quantity__button[name="minus"][disabled])):not(:has(.quantity__button[name="plus"][disabled])) .quantity__button[name="minus"] {
transform: translateY(3px);
}
.main-product-section .buy-buttons .quantity:not(:has(.quantity__button[name="minus"][disabled])):not(:has(.quantity__button[name="plus"][disabled])) .quantity__button[name="plus"] {
transform: translateY(-2px);
}
.main-product-section .buy-buttons, .main-product-section .buy-buttons .product-buttons {
gap: 24px;
}
.amazon-btn a,
.main-product-section .product-form__submit,
.pdp-pre-order-btn {
font-size: 16px;
padding: 5px 10px;
height: 48px;
}
.product-sticky-form__variant .quantity{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 0 5px;
padding: 5px 14px;
}
.product-sticky-form__variant .quantity input{
height:100%;
font-size: 16px;
grid-row: span 2;
order: 1;
}
.product-sticky-form__variant .quantity:has(.quantity__button[disabled]) input {
grid-row: inherit;
}
.product-sticky-form__variant .quantity .quantity__button{
width: 10px;
height: 10px;
padding: 0;
}
.product-sticky-form__variant .quantity .quantity__button[disabled]{
display:none;
}
.product-sticky-form__variant .quantity .quantity__button[name="plus"]{
order:2;
}
.product-sticky-form__variant .quantity .quantity__button[name="minus"]{
order:3;
}
.main-product-section .featured-product {
gap: 48px;
}
.product-additional-info{
margin-top: 16px;
}
.main-product-section .product__accordion:first-of-type {
margin-top: 40px;
}
.main-product-section .product__accordion .details__summary {
padding: 12px 0;
}
.pdp-social-icon {
margin-top: 32px;
}
.challenger-content .challenger-img {
max-width: 230px;
margin-top: 0;
}
.challenger-content .challenger-img img {
margin-bottom: 9px;
}
.challenger-text {
margin-bottom: 0;
}
.challenger-content {
gap: 55px;
}
}
@media (max-width: 600px){
.about-us-hero-content.hall-effacts .banner .banner__box .banner__title{
font-size: 26px;
}
.hall-effacts .banner .banner__box .body {
font-size: 16px;
/* margin-top: 10px; */
}
.multi-image-showcase, .collage-grid-content .collage {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.collage-grid-content .collage__item .media-card__content .media-card__text .heading, .xbox-game-pass-inner .xbox-game-pass-content h2, .hall-effacts .banner .banner__box .banner__title {
font-size: 24px;
}
.multi-image-showcase .gallery-item.full-width {
grid-column: span 1 / span 1;
}
.xbox-game-pass-inner .xbox-game-pass-img img {
height: 100%;
object-fit: cover;
}
.pdp-section .pdp-pre-order-btn {
font-size: 14px;
}
.xbox-game-pass-inner .xbox-game-pass-content {
padding: 40px 20px;
}
.hall-effacts .banner, .xbox-game-pass-inner {
display: block;
}
.collage-grid-content {
padding: 40px 0;
}
.collage-grid-content .collage {
gap: 20px;
}
/* .main-product-section .buy-buttons .quantity {
max-width: 100%;
} */
.product-additional-info .top p, .product-additional-info .bottom span {
font-size: 16px;
}
/* .product-sticky-form__variant {
grid-template-columns: 1fr 133px;
} */
/* .product-sticky-form__variant .quantity {
display: none !important;
} */
.product-sticky-form__variant {
gap: 20px;
}
.product-sticky-form__variant .shop-btn,
.sticky-shop-btn .product-sticky-form__variant .amazon-btn {
grid-column-start: 2;
}
.sticky-shop-btn .product-sticky-form__variant .product-form {
grid-template-columns: 88px 150px;
}
.partner-symbol {
position: absolute;
top: 18px;
left: inherit;
right: 20px;
height: 56px;
width: 56px;
}
.main-product-section .product__gallery button:is([is=media-lightbox-button],
.main-product-section [is=media-hover-button]) {
inset-inline-start: var(--sp-4);
top: 18px;
left: 20px;
}
}
/*----------------------- Product Page CSS End -----------------------*/
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field input{
appearance: none;
text-align: start;
width: 100%;
height: var(--input-height);
font-size: var(--text-sm);
line-height: 1.25;
padding-inline: var(--input-padding-inline);
color: rgb(var(--color-foreground));
background-color: rgb(var(--color-foreground)/ 0.025);
border: var(--inputs-border-width) solid rgb(var(--color-foreground)/ var(--border-opacity));
border-radius: var(--inputs-radius);
transition: var(--animation-primary);
transition-property: border-color, background-color;
padding-block-start: var(--sp-4);
}
@media screen and (min-width: 768px) {
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field input{
font-size: var(--text-base);
line-height: 1.6
}
}
@supports (-webkit-overflow-scrolling: touch) {
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field input:focus {
font-size: max(var(--text-sm), 16px);
}
}
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field input:focus {
box-shadow: none;
border-color: rgb(var(--color-foreground));
background-color: rgb(var(--color-foreground)/ 0.045);
outline: none;
}
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field input::-moz-placeholder ,
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field input::placeholder {
color: transparent
}
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field label {
display: block;
margin-block-end: var(--sp-2d5);
font-size: var(--text-sm);
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field label {
font-size: var(--text-base);
}
}
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field label{
position: absolute;
inset-block-start: 0;
display: flex;
align-items: center;
gap: var(--sp-2);
pointer-events: none;
inset-inline-start: 1px;
opacity: 0.6;
height: calc(var(--input-height) + var(--sp-2d5));
margin-block-end: 0;
margin-inline-start: var(--input-padding-inline);
transform-origin: var(--transform-origin-start);
transition: all var(--animation-primary);
}
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field:has(input:not(:placeholder-shown)) label,
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field:has(input:-webkit-autofill) label,
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field:has(input:focus) label{
--tw-translate-y: calc(var(--sp-2d5) * -1);
--tw-scale-x: .80;
--tw-scale-y: .80;
transform: translateY(var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field:has(input:-webkit-autofill) label {
color: #ffffffff
}
@media screen and (min-width: 768px) {
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field:has(input:not(:placeholder-shown)) label,
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field:has(input:-webkit-autofill) label,
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field:has(input:focus) label{
--tw-scale-x: .70;
--tw-scale-y: .70;
}
}
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field label {
color: #dfe0de;
font-family: var(--satoshi-font);
font-weight: 500;
font-size: 18px;
line-height: 1;
letter-spacing: 0;
opacity: 1;
height: 56px;
inset-block-start: -1px;
}
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field input {
height: 56px;
background: #1C1C1C;
color: #fff;
font-family: var(--satoshi-font);
font-weight: 500;
font-size: 16px;
line-height: 1;
letter-spacing: 0;
border-radius: 50px;
max-height: 100%;
}
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field input:-webkit-autofill{
transition: background-color 9999s;
-webkit-text-fill-color: rgb(var(--color-foreground));
}
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field:has(input:not(:placeholder-shown)) label,
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field:has(input:-webkit-autofill) label,
.pc--opt-out-form-container .pc--opt-out-form-wrapper .pc--opt-out-form-field:has(input:focus) label{
--tw-translate-y: calc(var(--sp-2d5) * -1 - 1px);
}
.pc--opt-out-form .pc--opt-out-form-container .pc--opt-out-form-button{
text-transform: capitalize;
color: #fff;
transition: all .3s ease-in-out !important;
}
@media screen and (pointer: fine) {
.pc--opt-out-form .pc--opt-out-form-container .pc--opt-out-form-button:hover {
color: #8b8a89 !important;
border-color: #8b8a89;
}
}
.notify-outer {
margin-top: var(--sp-8);
}
.stock-outer {
display: flex;
align-items: center;
gap: 10px;
}
.stock-msg {
flex: 1;
}
.stock-msg .title {
font-family: Satoshi;
font-weight: 700;
font-size: 24px;
line-height: 105%;
letter-spacing: 0;
margin-bottom: 6px;
}
.stock-msg p {
font-family: Satoshi;
font-weight: 500;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
}
.notify-btn {
border-radius: 80px;
background-color: #B3A469;
padding: 15px 24px;
display: flex;
color: #161512;
width: fit-content;
align-items: center;
justify-content: center;
height: 56px;
font-family: Satoshi;
font-weight: 700;
font-size: 18px;
line-height: 100%;
letter-spacing: 0;
text-align: center;
transition: all 0.3s ease-in-out;
position:relative;
}
.notify-form-outer {
/* height: 0;
overflow: hidden;
transition: height 0.3s ease-in-out; */
}
.notify-form-outer .notify-form {
padding-top: var(--sp-8);
gap: 24px;
}
.notify-final-box {
display: flex;
align-items: center;
gap: 24px;
}
.notify-checkbox {
display: flex;
gap: 10px;
position: relative;
flex: 1;
padding-left: 8px;
}
.notify-checkbox input[type=checkbox]:checked {
background-color: #b3a469;
border-color: #b3a469;
}
.notify-checkbox input[type=checkbox]:after {
border: 0;
height: 100%;
width: 100%;
inset: unset;
transform: none;
}
.notify-checkbox input[type=checkbox]:checked:after {
background-repeat: no-repeat;
background-size: 8px;
background-position: center;
background-image: url('data:image/svg+xml,');
}
.notify-checkbox label {
font-family: Satoshi;
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #dfe0de;
cursor: auto;
}
.notify-checkbox label a,
.notify-checkbox label strong,
.notify-checkbox label span {
color: #b3a469;
}
.notify-form .field .label{
font-family: 'Satoshi';
font-weight: 500;
height: 56px;
font-size: 18px;
}
.notify-form .field .input {
width: 100%;
font-family: Satoshi;
font-weight: 500;
height: 56px;
}
@media screen and (pointer: fine) {
.notify-btn:hover {
background-color: #887a44;
}
}
.notify-form-outer {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.notify-form-outer.active {
max-height: 1000px;
opacity: 1;
}
.notify-btn {
opacity: 1;
transition: opacity .3s ease;
}
button.notify-btn.hide {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.notify-form-outer .notify-form:has(.success-msg-wpr){
padding-top:48px;
}
.notify-form-outer .success-msg-wpr {
background-color: #72508C;
border: 1px solid #5C446F;
border-radius: 8px;
width: fit-content;
margin: 0 auto;
padding: 18px 24px;
text-align: center;
}
.notify-form-outer .success-msg-wpr .success-heading {
font-family: 'Outfit';
font-weight: 600;
font-size: 24px;
line-height: 30px;
color: #FFFFFF;
margin-bottom: 8px;
}
.notify-form-outer .success-msg-wpr .success-description {
font-family: 'Outfit';
font-weight: 400;
font-size: 18px;
line-height: 100%;
text-align: center;
color: #FFFFFF;
}
.purchase-option.show-variants > label {
display: none;
}
.purchase-option .variant-list {
display: none;
}
.purchase-option.show-variants .variant-list {
display: block;
}
.purchase-option-title {
font-family: Satoshi;
font-weight: 500;
line-height: 100%;
color: #dfe0de;
margin-bottom: 18px !important;
font-size: 18px;
}
.purchase-option-group {
--gap: 22px;
display: flex;
gap:var(--gap);
flex-wrap: wrap;
}
.purchase-option-group.layout-30-70 {
grid-template-columns: 33.475% 1fr;
}
.purchase-option-group.layout-50-50 {
grid-template-columns: 1fr 1fr;
}
.purchase-option-group.layout-70-30 {
grid-template-columns: 1fr 33.475%;
}
.purchase-option-group .option-link {
display: block;
text-align: center;
cursor: pointer;
}
.purchase-option-group .image-box {
display: flex;
align-items: center;
justify-content: center;
background-image:
linear-gradient(169.15deg, rgba(36, 36, 36, 0.8) 7.91%, rgba(25, 25, 25, 0.8) 68.5%, rgba(22, 22, 22, 0.8) 132.69%),
url("/cdn/shop/files/new-image.png?v=1783590564");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border: 1px solid #000;
border-radius: 16px;
position:relative;
}
.purchase-option-group .image-box img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
pointer-events: none;
object-fit: contain;
}
.purchase-option-group .image-border {
padding: 5px;
border: 1px solid transparent;
border-radius: 20px;
}
.purchase-option-group .text {
font-family: Satoshi;
font-weight: 500;
font-size: 18px;
line-height: 130%;
letter-spacing: 0%;
text-align: center;
color: #DFE0DE;
margin-top: 8px;
}
.purchase-option.bundel-highlight .text {
color: #b3a469;
}
.purchase-option.bundel-highlight .image-border {
border-color: #B3A469;
}
.purchase-option{
flex-shrink: 0;
}
.purchase-option-group.purchase-option-default {
--gap: 18px;
}
.purchase-option-group.purchase-option-default .image-border {
padding: 3px;
}
.purchase-option.layout-2-3,
.purchase-option.layout-1-4,
.purchase-option.layout-1-2,
.purchase-option.layout-1-3 {
width: calc((100% - (var(--gap, 0) * 2)) / 3 );
}
.purchase-option.layout-2-3 {
flex: 1;
width: calc(100% - ((100% - (var(--gap, 0) * 2)) / 3));
}
.purchase-option.layout-1-2 {
width: calc(50% - (var(--gap, 0) / 2));
}
.purchase-option.layout-1-4 {
width: calc((100% - (var(--gap, 0) * 3)) / 4 );
}
.purchase-option.layout-1-2 .image-box ,
.purchase-option.layout-1-3 .image-box ,
.purchase-option.layout-1-4 .image-box {
padding-top: calc(100% - 2px);
}
.purchase-option.layout-2-3 .image-box {
padding-top: calc(43.997% - 2px);
}
.purchase-option.layout-2-3 .image-box img {
top: -14px;
height: calc(100% + 14px);
}
.purchase-option-image:not([src]),
.purchase-option-image[src=""] {
visibility: hidden;
width: 0;
display: none;
}
.purchase-option-group-swatches:has(input[data-product-url]){
--gap: 22px;
display: flex;
gap: var(--gap);
flex-wrap: wrap;
}
.purchase-option-group-swatches:has(input[data-product-url]) li:has(.purchase-option.layout-2-3),
.purchase-option-group-swatches:has(input[data-product-url]) li:has(.purchase-option.layout-1-4),
.purchase-option-group-swatches:has(input[data-product-url]) li:has(.purchase-option.layout-1-2),
.purchase-option-group-swatches:has(input[data-product-url]) li:has(.purchase-option.layout-1-3) {
width: calc((100% - (var(--gap, 0) * 2)) / 3);
}
.purchase-option-group-swatches:has(input[data-product-url]) li:has(.purchase-option.layout-2-3) {
flex: 1;
width: calc(100% - ((100% - (var(--gap, 0) * 2)) / 3));
}
.purchase-option-group-swatches:has(input[data-product-url]) li:has(.purchase-option.layout-1-2) {
width: calc(50% - (var(--gap, 0) / 2));
}
.purchase-option-group-swatches:has(input[data-product-url]) li:has(.purchase-option.layout-1-4) {
width: calc((100% - (var(--gap, 0) * 3)) / 4);
}
/* Make the purchase-option fill the li */
.purchase-option-group-swatches li .purchase-option {
box-shadow: 0 0 0 1px rgb(255 255 255 / .1);
}
.purchase-option-group-swatches li:has(input:checked) .purchase-option {
box-shadow: 0 0 0 1px #B3A469;
}
.purchase-option-group-swatches:has(input:not([data-product-url])) li input:is([type=checkbox],[type=radio]):is(:disabled,.disabled)+.purchase-option {
box-shadow: 0 0 0 1px #b3a46980;
overflow: hidden;
position: relative;
}
.purchase-option-group-swatches:has(input[data-product-url]) li .purchase-option {
width: 100%;
padding: 0;
border: 0;
display: block;
box-shadow: none !important;
}
.purchase-option-group-swatches .image-box{
display: none;
}
.purchase-option-group-swatches:has(input[data-product-url]) .image-box {
display: flex;
align-items: center;
justify-content: center;
background-image:
linear-gradient(169.15deg, rgba(36, 36, 36, 0.8) 7.91%, rgba(25, 25, 25, 0.8) 68.5%, rgba(22, 22, 22, 0.8) 132.69%),
url("/cdn/shop/files/new-image.png?v=1783590564");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border: 1px solid #000;
border-radius: 16px;
position:relative;
overflow: hidden;
}
.purchase-option-group-swatches:has(input[data-product-url]) .image-box img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
pointer-events: none;
object-fit: contain;
}
.purchase-option-group-swatches:has(input[data-product-url]) .purchase-option.layout-2-3 .image-box {
padding-top: calc(43.997% - 2px);
}
.purchase-option-group-swatches:has(input[data-product-url]) .purchase-option.layout-2-3 .image-box img {
top: -14px;
height: calc(100% + 14px);
}
.purchase-option-group-swatches:has(input:not([data-product-url])) .purchase-option .image-border {
display: none;
}
.purchase-option-group-swatches:has(input[data-product-url]) .image-border {
display: block !important;
padding: 5px;
border: 1px solid transparent;
border-radius: 20px;
}
.purchase-option-group-swatches:has(input[data-product-url]) .text {
font-family: Satoshi;
font-weight: 500;
font-size: 15px;
line-height: 130%;
letter-spacing: 0%;
text-align: center;
color: #DFE0DE;
margin-top: 8px;
}
/* .purchase-option.bundel-highlight .text {
color: #b3a469;
}
.purchase-option.bundel-highlight .image-border {
border-color: #B3A469;
}
.purchase-option{
flex-shrink: 0;
} */
.purchase-option-group-swatches:has(input[data-product-url]).purchase-option-default {
--gap: 18px;
}
.purchase-option-group-swatches:has(input[data-product-url]).purchase-option-default .image-border {
padding: 3px;
}
.purchase-option-group-swatches li:has(input:checked) .image-border{
border-color: #B3A469;
}
.purchase-option-group-swatches li:has(input:checked) .text {
color: #b3a469;
}
.purchase-option-group-swatches li .purchase-option::after{
content:none;
}
.purchase-option-group-swatches li input:is([type=checkbox],[type=radio]):is(:disabled,.disabled) + .purchase-option {
background-color: transparent;
opacity: 1;
}
.purchase-option-group-swatches li input:is([type=checkbox],[type=radio]):is(:disabled,.disabled) + .purchase-option::before {
content:none;
}
.purchase-option-group-swatches li input:is([type=checkbox],[type=radio]):is(:disabled,.disabled) + .purchase-option .text ,
.purchase-option-group-swatches li input:is([type=checkbox],[type=radio]):is(:disabled,.disabled) + .purchase-option .image-border .image-box {
opacity: 0.2;
}
.purchase-option-group-swatches:has(input[data-product-url]) li input:is([type=checkbox],[type=radio]):is(:disabled,.disabled) + .purchase-option .image-border{
position: relative;
border-color: #b3a46980;
overflow:hidden;
}
.purchase-option-group-swatches li input:is([type=checkbox],[type=radio]):is(:disabled,.disabled) + .purchase-option:after,
.purchase-option-group-swatches li input:is([type=checkbox],[type=radio]):is(:disabled,.disabled) + .purchase-option .image-border:after{
content:'';
position: absolute;
top: 50%;
left: 50%;
height: calc(100% + 200px);
width: 1px;
transform: translate(-50%, -50%) rotate(45deg);
background: #b3a46980;
box-shadow:none;
}
.purchase-option-group-swatches:has(input[data-product-url]) li input:is([type=checkbox],[type=radio]):is(:disabled,.disabled) + .purchase-option:after{
content:none;
}
.purchase-option-group-swatches:has(input[data-product-url]) .purchase-option.layout-2-3 .image-box {
overflow: visible;
}
/* Newsletter Form */
.newsletter > form:has(.newsletter-form.form-successed) .newsletter-label,
.newsletter-form.form-successed .newsletter-form-inner,
.newsletter-form .success-message {
display: none;
}
.newsletter-form.form-successed .success-message {
display: block;
}
/* Newsletter Form */
/* Card Drawer */
.free-shipping-bar progress-bar:before {
background-color: #B3A469;
border-radius: 22px;
}
.drawer__footer-bottom .tax-note {
max-width: 196px;
}
.drawer__footer-buttons .button,
.drawer__footer .modal__content .cart-discount button {
background-color: #b3a469;
color: #161512;
border: 0;
}
.drawer__footer-buttons .view-result-btn .btn-text {
gap: 4px;
}
.drawer__footer-top .reversed-link {
font-size: 18px;
font-family: Satoshi;
}
.drawer__footer .modal__content .cart-discount button .btn-fill{
display: none !important;
}
.drawer__footer-buttons .button:hover,
.drawer__footer .modal__content .cart-discount button:hover {
background-color: #887a44!important;
background-image: none;
color: #fff!important;
}
.drawer__footer .modal__header span.font-medium {
margin-left: 16px;
}
.drawer gesture-element.drawer__header .drawer__tabs {
margin-top: 35px;
}
.drawer__footer-buttons .button:after,
.drawer__footer .modal__content .cart-discount button::after {
content:none;
}
.drawer .drawer__header {
align-items: center;
border-bottom:0;
padding-top: 16px;
padding-right: 21px;
}
.drawer .drawer__close:hover{
color: #8b8a89;
}
.drawer .drawer__close .btn-text svg {
height: 24px;
width: 24px;
}
[data-rounded-block=square] .free-shipping-bar progress-bar {
border-radius: 22px;
}
.free-shipping-bar .free-shipping-text span {
color: #B3A469;
font-weight: bold;
}
.free-shipping-bar .free-shipping-text .price {
color: #fff;
font-weight: normal;
}
.free-shipping-bar .text-sm {
font-size: 16px;
}
.cart-quantity__info .cart-quantity {
width: 72px;
height: 48px;
background-color: rgb(var(--color-foreground)/ .025);
border-radius: var(--inputs-radius);
gap: 0 12px;
padding: 5px 10px 5px 18px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid #222222;
}
.cart-quantity__info .cart-quantity .quantity__buttons {
width: auto;
}
.cart-quantity__info .cart-quantity .quantity__input {
background-color: transparent;
padding: 0;
height: auto;
font-size: 18px;
font-weight: 700;
line-height: 1;
}
.remove_cart_item {
background-color: rgb(var(--color-foreground) / .025);
border-radius: var(--inputs-radius);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 19px 23px 19px 19px;
border: 1px solid #222222;
}
.cart-item__quantity .cart-quantity__info,
.cart-quantity-top>.flex {
flex-direction: row;
align-items: center;
gap: 2px;
}
.cart-quantity__info .cart-quantity .quantity__button {
padding: 0;
height: 10px;
width: 10px;
}
.cart-quantity__info .cart-quantity .quantity__button[disabled] {
display: none !important;
}
/* .cart-drawer .cart-quantity .quantity__button[name="plus"]:not([disabled]) {
transform: translateY(-2px);
}
.cart-drawer .cart-quantity .quantity__button[name="minus"]:not([disabled]) {
transform: translateY(3px);
} */
.cart-quantity__info .cart-quantity:not(:has(.quantity__button[name=minus][disabled])):not(:has(.quantity__button[name=plus][disabled])) .quantity__button[name=plus] {
transform: translateY(-5px);
}
.cart-quantity__info .cart-quantity:not(:has(.quantity__button[name=minus][disabled])):not(:has(.quantity__button[name=plus][disabled])) .quantity__button[name=minus] {
transform: translateY(5px);
}
.cart-quantity__info .cart-quantity .quantity__button svg {
height: 100%;
width: 100%;
}
.drawer__footer-bottom .tax-note {
max-width: 196px;
}
.drawer__empty .drawer__empty-text {
font-weight: 400;
font-size: 24px;
color: #DFE0DE;
line-height: 1.4;
}
.drawer__empty .drawer__empty-message {
font-size: 16px;
font-weight: 400;
color: #DFE0DE;
}
.drawer .drawer__title {
font-size: 26px;
font-weight: bold;
}
.drawer__empty .drawer__empty-message {
max-width: 190px;
margin: 0 auto;
}
.drawer__empty {
margin-block: auto;
/* position: relative;
top: -24px; */
position: absolute;
top: 45%;
transform: translateY(-50%);
color: #DFE0DE;
}
.drawer .drawer__close::after {
border:0;
}
/* .cart-drawer .cart-quantity__info {
margin-bottom: 1px;
} */
.remove_cart_item .loader {
right: 50%;
transform: translateX(50%);
}
.footer-bottom-info {
padding: 0 8px;
}
.cart-drawer-price{
gap:16px;
}
.cart-drawer-price .price__regular ,
.cart-drawer-price .price__sale {
font: normal normal 500 14px /1 'Satoshi';
}
.cart-drawer-price .price__sale {
color: #FFFFFF;
}
.cart-drawer-price .price__regular{
color: #B3A469;
}
.cart-drawer-price .price__sale::before {
transform: rotate(0deg) translateY(-1px);
border-color: #B3A469;
box-shadow: 0 0.2px 0 0.2px #B3A469;
}
.search__field .field {
width: 100%;
}
.search__field .input {
font-size: 18px;
width: 100%;
font-weight: 500;
height: 56px;
box-shadow: none;
background-color: rgb(var(--color-foreground) / .045);
color: rgb(var(--color-foreground));
/* padding: 10px 20px; */
}
.search__field .field .label {
font-family: Satoshi;
font-weight: 500;
height: 56px;
font-size: 18px;
}
.search__field .field .label .focus-state {
display: none;
}
@media screen and (min-width: 768px) {
.search__field .field .input:focus ~ .label .focus-state,
.search__field .field .input:not(:placeholder-shown) ~ .label .focus-state,
.search__field .field .input:-webkit-autofill ~ .label .focus-state {
display: block;
}
.search__field .field .input:focus ~ .label .normal-state,
.search__field .field .input:not(:placeholder-shown) ~ .label .normal-state,
.search__field .field .input:-webkit-autofill ~ .label .normal-state {
display: none;
}
}
.search-field-btn-wpr {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
}
.search__field .field:has(.input:not(:placeholder-shown))~.search-field-btn-wpr {
opacity: 1;
visibility: visible;
}
.search-field-btn-wpr button {
height:20px;
width:20px;
}
.search-field-btn-wpr .clear-btn .icon-search_bar_close {
height: 16px;
width: 16px;
}
.search-field-btn-wpr .clear-btn:hover{
color:#8b8a89;
}
.search-field-btn-wpr .submit-btn {
height: 36px;
width: 50px;
background-color: #b3a469;
color: #161512;
border-radius: 100px;
transition: all .1s ease-in-out,border 0s ease!important;
}
.search-field-btn-wpr .submit-btn .icon {
width: 18px;
height: auto;
}
.search-field-btn-wpr .submit-btn:hover{
color:#fff;
background-color: #887a44;
}
.search__form[loading] .clear-btn .search_bar_close{
opacity: 0 !important;
}
.search__results .product-review {
width: 100%;
max-width: 104px;
padding-bottom: 5px;
}
.search__results .price__regular {
color: rgb(var(--color-foreground));
}
/* .search-drawer .search__results {
padding-bottom: var(--sp-10);
} */
.search__empty .drawer__empty .drawer__empty-message {
max-width: 220px;
}
.search-drawer .drawer__scrollable .drawer__sticky .result-btn {
background-color: #b3a469;
border: 0;
color: #161512;
text-transform: capitalize;
}
.search-drawer .drawer__scrollable .drawer__sticky .result-btn:hover {
background: none;
background-color: #887a44;
color: #fff;
}
.search-section .section {
padding-top: var(--sp-16);
}
.search-section .section .collection__topbar * {
font-family: 'Satoshi';
}
.recently-section .section .page-width,
.search-section .section .page-width {
max-width: 1294px;
}
.search-section .collection__topbar .collection__corner {
display: none;
}
.recently-section .flickity-page-dots {
background-color: transparent;
}
.recently-section .title-wrapper .heading {
font-size: 24px;
font-family: var(--satoshi-font);
font-weight: 700;
letter-spacing: 0;
}
.product-card .product-review {
width: 104px;
max-width: 104px;
}
.product-card {
background-color: #1C1C1C;
border-radius: 16px;
border: 1px solid #000000;
}
.product-card .media {
background-color: transparent;
}
.product-card .price__regular {
color: #fff;
font-size: 18px;
}
.recently-viewed .main-content,
.template-search .main-content {
background: linear-gradient(153.39deg,#121212 57.47%,#191919 84.22%);
}
.recently-viewed .section,
.recently-viewed .section:not(.custom_header):before,
.template-search .section:not(.custom_header):before,
.template-search .section {
background: none;
}
.continue-shopping-btn:after{
content:none;
}
.search-section .collection .title-wrapper {
padding-bottom: 0;
margin-bottom: 0;
gap: 13px;
}
.search-section .collection .collection__topbar {
padding: 20px 0;
}
.search-section .collection .title-wrapper .text-base {
font-size: 18px;
font-weight: 400;
}
.search-drawer-pages ul {
list-style: disc;
list-style-position: inside;
}
.search-collection__content .empty-state .empty-heading {
font-weight: 400;
font-size: 24px;
color: #DFE0DE;
line-height: 1.4;
font-family: 'Satoshi';
}
.search-collection__content .empty-message {
font-size: 16px;
font-weight: 400;
color: #DFE0DE;
max-width: 220px;
}
.search__results .suggestions-items .reversed-link {
background-color: transparent;
color: rgb(var(--color-foreground)/ .4);
}
.search__results .suggestions-items mark {
color: rgb(var(--color-foreground)/ 1);
}
.search__results .search__heading{
letter-spacing:0.5px;
}
/* .search-section .article-card {
padding: 24px;
display: block;
} */
.product-card .product-card__content {
padding: 0 24px 32px 24px;
}
.product-card .product-card__details {
flex-direction: column;
gap: 13px;
height: 100%;
}
.product-card .price {
flex-direction: column;
align-items: flex-start;
gap:5px;
line-height:1.05;
}
.product-card .product-review {
max-width:86px;
}
.template-search .flickity-page-dots,
.recently-section .flickity-page-dots {
background-color: transparent;
}
.recently-section .recently-viewed .section {
padding-bottom: 120px;
}
.recently-viewed .slider--desktop {
margin: 0;
padding: 0;
scroll-padding-inline: 0;
}
.recently-viewed .slider--desktop .card-grid{
--slider-item-width: calc((var(--width) - 20px) / 2);
gap:20px;
}
/* .recently-viewed .slider--desktop .card-grid {
display: flex;
}
.recently-viewed .card-grid .product-card{
width: var(--slider-item-width);
flex-shrink: 0;
} */
.facet-drawer .facet-form input:is([type=checkbox],
.facet-drawer .facet-form [type=radio]):checked{
--b: #b3a469;
--bc: #b3a469;
}
.facet-drawer .facet-form input:is([type=checkbox],
.facet-drawer .facet-form [type=radio]):hover:not(:checked,:disabled,.disabled){
--bc: #b3a469;
}
.facet-drawer .facet-form .range-wrapper {
--color-drawer-text: 179 164 105;
--color-foreground: 179 164 105;
}
.facet-drawer .drawer__scrollable .drawer__sticky {
padding-bottom: 48px;
}
.facet-drawer.drawer .drawer__close .icon:not(.icon-loader) {
opacity: 1;
}
.facet-drawer.drawer .drawer__close .icon {
transition: inherit;
}
.facet-drawer.drawer.loading .drawer__close .icon:not(.icon-loader){
opacity:0;
}
.product-card .product-card__details .product-card__title {
font-weight: 700;
font-family: "Satoshi";
font-size: 20px;
line-height: 1;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.recently-viewed .title-wrapper {
margin-block-end: 32px;
padding-bottom: 16px;
border-bottom: 1px solid #1E1E1E;
}
@media (min-width: 768px) {
.drawer .drawer__header {
align-items: center;
}
.drawer .drawer__title {
font-size: 40px;
}
.drawer .drawer__close{
height: var(--sp-15);
width: var(--sp-15);
}
.cart-quantity__info .cart-quantity{
width:96px;
height:56px;
padding: 5px 20px 5px 18px;
}
.search-collection__content .empty-state .empty-heading,
.drawer__empty .drawer__empty-text {
font-size: 30px;
}
.search-collection__content .empty-message,
.drawer__empty .drawer__empty-message {
font-size: 20px;
}
.drawer__footer-bottom {
padding-bottom: 48px;
}
.recently-viewed .slider--desktop .card-grid {
--slider-item-width: calc((var(--width) - (20px * 2)) / 3);
}
.recently-viewed .title-wrapper {
margin-block-end: 48px;
padding-bottom: 20px;
}
}
@media (min-width: 1024px) {
.search-section .section {
padding-top: var(--sp-28);
}
}
@media (min-width: 1280px) {
.recently-viewed .slider--desktop .card-grid {
--slider-item-width: calc((var(--width) - (20px * 3)) / 4);
}
}
@media screen and (max-width: 767px) {
.search-section .section .collection__topbar .heading {
font-size: 32px;
}
}
@media screen and (max-width: 639px) {
.drawer .drawer__inner {
max-height: 100%!important;
}
.drawer .drawer__inner .drawer__header::before {
content: none;
}
.drawer .drawer__close {
display: block!important;
position: static;
opacity: 1 !important;
pointer-events: all !important;
height: 24px;
width: 24px;
}
.drawer .drawer__close .btn-text svg {
height: var(--sp-5);
width: var(--sp-5);
}
.drawer__footer-bottom .tax-note {
max-width: 190px;
}
}
@media screen and (max-width: 575px) {
.recently-viewed .slider--desktop .card-grid {
--slider-item-width: 100%;
}
}
.main-product-section .product--thumbnail .product__media-container .indicators .button {
display: none;
}
/* Blog Post Start */
.notable-sightings .main-content,
.how-to-videos .main-content,
.press-release .main-content,
.video-reviews .main-content,
.blog-post-section .main-content {
background: linear-gradient(153.39deg, #121212 57.47%, #191919 84.22%);
}
.notable-sightings .main-content .section,
.how-to-videos .main-content .section,
.press-release .main-content .section,
.video-reviews .main-content .section,
.blog-post-section .main-content .section {
padding: 62px 0 150px;
background: none;
}
.notable-sightings .main-content .section:before,
.how-to-videos .main-content .section:before,
.press-release .main-content .section:before,
.video-reviews .main-content .section:before,
.blog-post-section .main-content .section:before {
content:none;
}
/* :is(.how-to-videos, .press-release, .video-reviews, .blog-post-section) .main-content {
display: flex;
flex-direction: column;
}
:is(.how-to-videos, .press-release, .video-reviews) .main-content :is(.newsroom-container, .shopify-section, .page-width, .section),
.blog-post-section .main-content .shopify-section {
flex: 1;
display: flex;
flex-direction: column;
} */
.newsroom-heading {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 53px;
padding: 42px 0;
/* overflow: hidden; */
position: sticky;
top: 0px;
z-index: 5;
background-color: #121212;
}
.newsroom-heading > *{
z-index:5;
}
.newsroom-heading:before ,
.newsroom-heading:after {
content:'';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 30px;
width: 100%;
z-index: 1;
visibility:hidden;
opacity:0;
pointer-events: none;
}
.newsroom-heading:after {
box-shadow: 0 4px 12px rgb(0 0 0 / 45%);
}
.newsroom-heading:before {
height: 50px;
width: calc(100% + 48px);
background-color: #121212;
z-index: 2;
}
.newsroom-heading.sticky:before,
.newsroom-heading.sticky:after {
visibility:visible;
opacity:1;
}
.newsroom-container:has(.newsroom-body-empty) .newsroom-heading {
position: static;
}
.newsroom-container:has(.newsroom-body-empty) .newsroom-heading::after,
.newsroom-container:has(.newsroom-body-empty) .newsroom-heading::before {
content: none;
}
.newsroom-container {
max-width: 1198px;
width: 100%;
margin: 0 auto;
}
.newsroom-heading .title-wrapper {
margin: 0;
max-width: 261px;
width: 100%;
flex-shrink: 0;
}
.newsroom-heading .title-wrapper .grid.gap-4 {
gap: 3px;
}
.newsroom-heading .title-wrapper .heading {
font-family: 'Outfit';
font-weight: 700;
font-size: 50px;
line-height: 100%;
color: #B3A469;
}
.newsroom-heading .title-wrapper .description {
font-family: 'Satoshi';
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: #DFE0DE;
margin: 0;
}
.newsroom-container .newsrrom-body {
padding-top: 20px;
}
.newsroom-heading .newsroom-menu-wpr {
flex: 1;
overflow: hidden;
}
.newsroom-heading .tab-outer {
display: flex;
flex-flow: nowrap;
overflow-x: auto;
scrollbar-width: none;
padding-bottom: 10px;
scroll-snap-type: x mandatory;
overscroll-behavior-x: contain;
scroll-behavior: smooth;
}
.newsroom-heading .tab-items {
min-width: 176px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
padding: 12px 10px;
background-color: #000000;
border: 1px solid #222220;
scroll-snap-align: start;
}
.newsroom-heading .tab-items .tab-icon {
height: 32px;
width: 32px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
color:#B3A469;
}
.newsroom-heading .tab-items .text{
font-family: 'Satoshi';
font-weight: 500;
font-size: 16px;
line-height: 100%;
}
.newsroom-heading .tab-items .tab-icon svg {
height: 100%;
width: 100%;
}
.newsroom-heading .tab-items:first-child {
border-radius:16px 0 0 16px;
border-right-color:transparent;
}
.newsroom-heading .tab-items:last-child {
border-radius:0 16px 16px 0;
border-left-color:transparent;
}
.newsroom-heading .tab-items:not(:last-child,:first-child){
border-left-color:transparent;
border-right-color:transparent;
}
.newsroom-heading .tab-items.active {
border-color: #443D24;
position: relative;
background: linear-gradient(155.43deg, #B3A469 28.65%, #665C33 123.27%);
color: #000000;
}
.newsroom-heading .tab-items.active .tab-icon{
color: #000000;
}
.newsroom-heading .tab-items.active:after {
content:'';
position:absolute;
top: calc(100% - 1px);
left:50%;
transform:translateX(-50%);
width:20px;
height: 10px;
background-image: url('data:image/svg+xml,');
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
}
.article-card {
background-color: #1C1C1C;
border-radius: 16px;
overflow: hidden;
padding: 24px 48px 24px 24px;
display: grid;
grid-template-columns: 330px 1fr;
gap: 48px;
}
.article-card__content-wpr {
flex: 1;
align-items: flex-start;
display: flex;
flex-direction: column;
padding-top: 4px;
}
.article-card__content .btn-wpr {
display: flex;
flex-wrap: wrap;
gap: 24px;
position: relative;
top: -2px;
}
.article-card .article-card__link {
background-color: transparent;
display: flex;
height: 172px;
--logo-img-width: 72px;
border-radius: 4px;
overflow: hidden;
gap:2px;
}
.article-card .article-card__link .article-card__logo {
width: 100%;
max-width: var(--logo-img-width,0);
aspect-ratio: unset;
}
.article-card .article-card__link .article-card__image {
flex: 1;
aspect-ratio: auto;
transform: inherit;
}
.article-card .article-card__link.has-logo .article-card__image {
width: calc((100% - var(--logo-img-width,0)) - 2px);
}
.article-card__content .article-date {
font-family: 'Satoshi';
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0.05em;
color: #9F9F9F;
}
.article-card__content .article-date .devider {
color: #454545;
}
.article-card__content .article-card__title {
font-family: 'Satoshi';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 128%;
color: #FFFFFF;
background: unset;
letter-spacing:0;
}
.article-card__content .archive-btn,
.article-card__content .read-more-btn {
display: inline-flex;
width: auto;
height: 40px;
color: #DFE0DE;
border-color: #000;
padding: 5px 10px;
font-weight: 500;
gap: 0;
transition: all .5s cubic-bezier(.3,1,.3,1) !important;
min-width: 104px;
}
@media screen and (pointer: fine) {
.article-card__content .archive-btn:hover,
.article-card__content .read-more-btn:hover {
border-color: #B3A469;
color: #B3A469;
background: none;
}
}
slider-element .blog-grid {
--card-grid-gap: 40px;
--card-grid-per-row: 1px;
}
.newsroom-container .load-more-button {
width: auto;
margin: 80px auto 0;
font-size: 18px;
min-width:186px;
}
.newsroom-body-empty {
padding-top: clamp(6.25rem, 12.744vw + 0.133rem, 12.375rem);
}
.comming-soon-heading {
font: normal normal 500 40px / 1 'Satoshi';
text-align: center;
color: #FFFFFF;
}
.video-reviews-description {
margin-top: 5px;
font-family: 'Satoshi';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 141%;
color: #FFFFFF;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.video-reviews-description.line-2 {
-webkit-line-clamp: 2;
}
.video-reviews-description.line-4 {
-webkit-line-clamp: 4;
}
.article-card__link iframe {
border: 0;
}
.video-reviews .article-card {
grid-template-columns: 300px 1fr;
padding: 24px 40px 24px 24px;
gap: 41px;
}
.article-card__content-wpr .article-card__top {
padding-bottom: 5px;
}
.facet-drawer.drawer .drawer__inner {
border-right: 1px solid rgb(var(--color-border-light));
border-left: 0;
}
@media screen and (max-width: 1023px) {
slider-element .blog-grid {
display: flex;
flex-direction: column;
}
.article-card {
padding: 24px ;
grid-template-columns: 280px 1fr;
gap: 28px;
}
.video-reviews .article-card {
gap: 28px;
}
.article-card .article-card__link {
--logo-img-width: 52px;
height: 152px;
}
.article-card__content .article-card__title {
font-size: 24px;
}
.newsroom-heading .tab-items {
min-width: 150px;
gap: 16px;
}
.newsroom-heading .title-wrapper .heading {
font-size: 44px;
}
.newsroom-heading {
gap: 30px;
padding: 30px 0;
}
.newsroom-heading .title-wrapper {
max-width: 240px;
}
}
@media screen and (max-width: 767px) {
.blog-post-section .section {
padding: 22px 0 62px;
}
.newsroom-heading {
gap: 40px;
padding: 20px 0;
flex-wrap: wrap;
}
.newsroom-heading .title-wrapper .heading {
font-size: 40px;
}
.video-reviews .article-card,
.article-card {
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
padding: 16px;
gap: 24px;
}
slider-element .blog-grid {
display: grid;
grid: unset!important;
grid-template-columns: repeat(2,1fr)!important;
gap: 24px;
}
.article-card .article-card__link {
--logo-img-width: 46px;
height: auto;
padding-bottom: 52.545%;
}
.article-card .article-card__link .article-card__image,
.article-card .article-card__link .article-card__logo {
position: absolute;
top: 0;
left: 0;
height: 100%;
aspect-ratio: unset;
}
.article-card .article-card__link.has-logo .article-card__image {
left: calc(var(--logo-img-width,0) + 2px);
}
.article-card__link iframe {
border: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.video-reviews .article-card .article-card__link {
padding-bottom: 56.95%;
}
.video-reviews .article-card__content-wpr {
gap: 4px;
}
.video-reviews-description {
margin-top: 2px;
}
.article-card__content .article-date {
font-size: 14px;
}
.newsroom-heading {
gap: 30px;
padding: 30px 0;
flex-wrap: wrap;
}
.newsroom-heading .title-wrapper {
max-width: 100%;
}
.newsroom-heading .tab-items.active:after{
content:none;
}
.newsroom-heading .newsroom-menu-wpr {
max-width: 330px;
position: relative;
overflow: visible;
}
.newsroom-menu-btn {
display: flex;
align-items: center;
gap: 24px;
width: 100%;
overflow: hidden;
}
.newsroom-menu-btn .tab-icon {
height: 32px;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink:0;
color: #B3A469;
}
.newsroom-menu-btn .tab-icon svg {
height: 100%;
width: 100%;
}
.newsroom-menu-btn .value {
font-family: 'Satoshi';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 100%;
color: #DFE0DE;
padding: 5px 34px 5px 12px;
height: 40px;
display: flex;
align-items: center;
border: 1px solid #222220;
background-color: #000000;
border-radius: 4px;
flex: 1;
position: relative;
overflow: hidden;
}
.newsroom-menu-btn .value .text{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.newsroom-menu-btn .value:after {
content: '';
position:absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 10px;
height: 10px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: all 0.3s ease-in-out;
}
.newsroom-menu-btn.is-open .value:after {
transform: translateY(-50%) scaleY(-1);
}
.newsroom-heading .tab-outer {
padding-bottom: 0;
flex-direction: column;
border: 1px solid #222220;
border-radius: 4px;
}
.newsroom-heading .tab-items {
border-radius: 0 !important;
border: 1px solid #000 !important;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 16px;
min-width: auto;
padding: 8px 10px;
}
.newsroom-heading .tab-items .tab-icon {
margin: 0;
}
.newsroom-menu-wpr .tab-wpr {
overflow: hidden;
transition: max-height .45s ease;
max-height: 0;
position: absolute;
top: calc(100% + 10px);
width: 100%;
left: 0;
}
.comming-soon-heading {
font: normal normal 500 24px / 1 'Satoshi';
}
.video-reviews .article-card__content-wpr {
padding-top: 0;
}
}
@media screen and (max-width: 575px) {
slider-element .blog-grid {
grid-template-columns: repeat(1,1fr)!important;
}
.article-card .article-card__link {
--logo-img-width: 63px;
}
}
/* Blog Post End */
/* standard-characters Section Start */
.standard-characters.hall-effacts .banner__content .description {
font-family: 'Outfit';
font-weight: 400;
font-size: 12px;
line-height: 110%;
color: #737373;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
letter-spacing: 0;
margin: 0 !important;
position: absolute;
top: 60px;
right: 20px;
display: grid;
gap: 10px;
}
@media (min-width: 768px) {
.standard-characters.hall-effacts .banner__content {
padding-block: 60px;
}
.standard-characters.hall-effacts .banner__box {
max-width: 307px;
min-width: auto;
}
.standard-characters.hall-effacts .banner__box .banner__title {
font: 600 40px/1.1 Bauhaus Apex Display;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
}
.standard-characters.hall-effacts .banner__box .body {
font: normal normal 400 18px/1.2 "Outfit";
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
padding-left: 2px;
}
.standard-characters.hall-effacts .banner__content .description {
max-width: 144px;
}
.standard-characters.hall-effacts .banner__content .page-width {
max-width: 100%;
padding: 0;
align-items: flex-end;
}
.pixelbyte-big-byte-banner.hall-effacts .banner__content .page-width {
align-items: center;
}
}
@media (min-width: 1024px) {
.standard-characters.hall-effacts .banner__content {
padding-block: 80px;
}
.standard-characters.hall-effacts .banner__content .description {
top: 80px;
}
}
@media (min-width: 1301px) {
.standard-characters.hall-effacts .banner__content {
padding: 116px 132px 116px 144px;
}
.standard-characters.hall-effacts .banner__content .description {
top: 116px;
right: 132px;
}
.pixelbyte-big-byte-banner.hall-effacts .banner__content {
padding: 116px 167px;
}
}
@media (max-width: 767px) {
.standard-characters.hall-effacts .banner__content {
padding-block: 24px 23%;
}
.standard-characters .banner {
display: grid;
}
.standard-characters .banner .banner__box {
min-width: 1px;
max-width: 315px;
text-align: center;
}
.standard-characters .banner .banner__content .page-width {
justify-content: center;
}
.standard-characters .banner .banner__box .banner__title {
font-size: 24px;
}
.standard-characters .banner .banner__box .body {
font-size: 16px;
margin-top: 2px;
}
.standard-characters.hall-effacts .banner__content .description {
max-width: 20%;
text-align: left;
width: 100%;
top: 4.47%;
right: 4.27%;
gap: 7px;
font-size: 11px;
line-height: 1.05;
}
.pixelbyte-big-byte-banner.hall-effacts .banner__content {
padding-block: 40px !important;
}
.pixelbyte-big-byte-banner .banner .banner__box {
max-width: 300px;
width: 100%;
}
.pixelbyte-big-byte-banner .banner .banner__content .page-width {
align-items: flex-start;
}
.pixelbyte-big-byte-banner .banner .banner__box .banner__title {
line-height: 115%;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
max-width: 170px;
margin: 0 auto;
}
.pixelbyte-big-byte-banner .banner .banner__box .body {
margin-top: 0;
font-size: 18px;
}
}
@media (max-width: 575px) {
.standard-characters.hall-effacts .banner__content .description {
max-width: 76px;
text-align: left;
width: 100%;
top: 24px;
right: 16px;
}
.standard-characters.hall-effacts .banner__content {
padding-block: 24px 48px;
}
}
@media (max-width: 374px) {
.standard-characters .banner .banner__box .banner__title {
font-size: clamp(1.25rem, 7.407vw - 0.231rem, 1.5rem);
}
}
/* standard-characters Section End */
@media (min-width: 601px) {
.pixelbyte-collage-grid .collage__item .media-card__link .media-card__content {
text-align: left;
justify-content: flex-start;
}
}
@media (min-width: 768px) {
.pixelbyte-collage-grid.collage-grid-content .collage__item .media-card__content .media-card__text .heading {
font-size: 32px;
letter-spacing: -0.01em;
margin: 0;
max-width: 100%;
text-shadow: none;
}
.pixelbyte-collage-grid.collage-grid-content .collage__item .media-card__content .media-card__text .media-card__text-content {
font-size: 18px;
line-height: 125%;
text-shadow: none;
}
}
@media (min-width: 1301px) {
.pixelbyte-collage-grid .collage__item .media-card__link .media-card__content {
padding: 40px 48px;
}
.pixelbyte-collage-grid.collage-grid-content .collage {
gap: 32px;
}
}
@media (max-width: 767px) {
.pixelbyte-collage-grid {
padding: 48px 0;
}
.pixelbyte-collage-grid.collage-grid-content .collage__item .media-card__content .media-card__text .media-card__text-content {
font-size: 18px;
line-height: 125%;
text-shadow: none;
}
}
@media (max-width: 600px) {
.pixelbyte-collage-grid {
padding: 32px 0;
}
.pixelbyte-collage-grid.collage-grid-content .collage__item .media-card__link .media-card__content {
padding: 20px 24px;
text-align: left;
justify-content: flex-start;
}
.pixelbyte-collage-grid.collage-grid-content .collage__item .media-card__content .media-card__text .heading {
max-width: 100%;
margin: 0;
}
.pixelbyte-collage-grid.collage-grid-content .collage__item .media-card__content .media-card__text p {
line-height: 1.2;
}
}
/* PDP Key Features Start */
.pdp-key-features-section .page-width {
padding-block: 48px;
border: 2px solid #B3A469;
border-width: 2px 0;
}
.pdp-key-features-section .bottom-descriptions {
font: normal normal 400 11px / 1.1 'Outfit';
text-align: center;
color: #737373;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
margin-top:24px;
}
.features-images-wpr {
display: grid;
grid-template-columns: 44.237% 1fr;
gap: 16px;
}
.features-images-wpr .features-img-item {
position: relative;
overflow: hidden;
}
.features-img-item .features-content {
position: absolute;
top: 0;
left: 0;
padding: 48px;
height: 100%;
width: 100%;
}
.features-img-item .content .title {
font: normal normal 600 24px / 1.1 'Bauhaus Apex Display';
letter-spacing: -0.01em;
color: #FFFFFF;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
}
.features-img-item .content .description {
font: normal normal 400 18px / 1.2 'Outfit';
color: #DFE0DE;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
margin-top: 2px;
}
.features-img-item.product-size-details .features-content {
display: flex;
justify-content: flex-end;
}
.features-img-item.product-platform-compatibility .features-content {
display: flex;
align-items: self-end;
text-align: center;
justify-content: center;
}
.features-img-item.product-size-details .features-content .content {
max-width: 442px;
width: 100%;
}
@media (min-width: 1024px) {}
@media (min-width: 1301px) {
.features-img-item .features-content {
padding: 38px;
}
}
@media (max-width: 1300px) {
.features-img-item.product-size-details .features-content .content {
max-width: 250px;
}
}
@media (max-width: 1023px) {
.features-img-item.product-size-details .features-content .content {
max-width: 150px;
}
.features-img-item .features-content {
padding: 20px;
}
.features-img-item .content .title {
font-size: 18px;
}
.features-img-item .content .description{
font-size: 14px;
}
.features-images-wpr {
gap: 8px;
}
}
@media (max-width: 767px) {
.pdp-key-features-section .page-width {
padding-block: 40px 32px;
}
.pdp-key-features-wpr {
display: flex;
flex-direction: column;
}
.features-img-item .features-content {
padding: 40px 20px 34px;
}
.features-images-wpr {
display: contents;
}
.features-img-item {
display: grid;
gap: 8px;
}
.features-img-item .features-content,
.features-img-item .content {
display: contents !important;
}
.features-img-item .content .title {
order: -1;
font-size: 24px;
line-height: 115%;
text-align: center;
}
.features-img-item img,
.features-img-item .description {
grid-area: 2 / 1;
}
.features-img-item.product-size-details .description{
margin: 0 auto;
max-width: 140px;
width: 100%;
text-align: center;
font-size: 18px;
padding-top: 8px;
}
.features-img-item.product-platform-compatibility .description{
margin: 0 auto;
max-width: 115px;
width: 100%;
text-align: center;
font-size: 16px;
padding-bottom: 25px;
}
.features-img-item.product-size-details {
order: 1;
}
.pdp-key-features-section .bottom-descriptions {
order: 2;
margin: 9px 0 25px;
}
.features-img-item.product-platform-compatibility {
order: 3;
align-items: flex-end;
}
}
/* @media (max-width: 600px) {
.pdp-key-features-section .bottom-descriptions{
margin-top: 0;
}
} */
/* PDP Key Features End */
/* PDP Key Features End */
.multi-image-showcase-section{
padding: 65px 40px 88px;
}
.multi-image-showcase {
display: flex !important;
gap: 8px;
flex-wrap: wrap;
justify-content: center;
}
.multi-image-showcase .gallery-item {
width: 100%;
max-width: calc((100% - (8px * 3)) / 4);
}
.multi-image-showcase-section .gallery-grid-description{
font: normal normal 400 12px / 1.1 'Outfit';
text-align: center;
color: #737373;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
margin-top:16px;
}
@media (max-width: 1300px) {
.multi-image-showcase-section{
padding: 48px 20px;
}
}
@media screen and (max-width: 767px) {
.multi-image-showcase-section{
padding:40px 0;
}
.multi-image-showcase-section .gallery-grid-description{
padding-inline:20px;
}
}
@media screen and (max-width: 575px) {
.multi-image-showcase .gallery-item {
width: 100%;
max-width: calc((100% - 8px) / 2);
}
}
/* controller-collection */
.controller-collection .xbox-game-pass-content {
padding: 48px 48px 72px;
}
.controller-collection .xbox-game-pass-content .content {
font: normal normal 400 12px / 1.15 Outfit;
text-align: center;
color: #A99C8A;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
}
@media (min-width: 768px) {
.controller-collection .xbox-game-pass-content {
padding: 20px;
}
}
@media (min-width: 1024px) {
.controller-collection .xbox-game-pass-content {
padding: 20px 20px 52px;
}
}
@media (min-width: 1301px) {
.controller-collection .xbox-game-pass-content {
padding: 48px 20px 72px;
}
}
@media (max-width: 767px) {
.controller-collection .xbox-game-pass-inner {
display: grid;
}
.controller-collection .xbox-game-pass-content {
padding: 0 24px 52px;
}
}
@media (max-width: 575px) {
.controller-collection .xbox-game-pass-inner {
display: grid;
}
.controller-collection .xbox-game-pass-content {
padding-bottom: 32px;
}
}
.mouse-cursor{
display: none !important;
}
.drawer[active]>.overlay {
cursor: auto !important;
background: rgba(0, 0, 0, 0.75);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
/* keychain-section */
.keychain-section {
padding-top: 64px;
overflow: hidden;
}
.keychain-section .heading {
font: normal normal 600 40px/ 1.1 'Bauhaus Apex Display';
text-align: center;
letter-spacing: -0.01em;
color: #FFFFFF;
text-shadow: 0px 8px 25px rgba(0, 0, 0, 0.7);
}
.keychain-slider {
margin: 40px calc(-1 * var(--page-padding)) 0;
position: relative;
}
.keychain-outer {
display: grid;
grid-template-columns: repeat(4, 1fr);
background-color: #B3A469;
}
.keychain-outer .image-box, .keychain-content-group {
grid-column: span 4;
}
.keychain-content-group {
display: grid;
}
.keychain-content-group .keychain-content-item {
padding: 24px 24px 35px;
color: #161512;
}
.keychain-content-group .keychain-content-item .content{
max-width:280px;
width:100%;
margin:0 auto;
font: normal normal 400 18px/ 1.2 'Outfit';
}
.keychain-content-item .keychain-content-toggle {
height: 20px;
width: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 11px auto 0;
}
.keychain-content-item .content {
overflow: hidden;
transition: height 0.45s ease;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
position:relative;
}
.keychain-content-item.is-expanded .content {
-webkit-line-clamp: unset;
}
.keychain-content-item.is-expanded .content::after {
display: none;
}
.keychain-content-toggle svg {
transition: transform 0.35s ease;
}
.keychain-content-item.is-expanded .keychain-content-toggle svg {
transform: rotate(180deg);
}
.keychain-slider-btn{
display: none;
}
.cart__content .cart-discount label,
.cart__content .cart-discount input,
.drawer__footer .modal__content input, .drawer__footer .modal__content label,.drawer__footer .modal__content .cart-discount button {
height: 56px;
}
.drawer .drawer__inner {
max-width: 640px;
border-left: 1px solid rgb(var(--color-border-light));
}
.drawer__footer .modal__content .cart-discount {
display: flex;
}
.drawer__footer .modal__content .cart-discount>.field {
flex: 1;
}
.drawer__footer .modal__content .cart-discount>.field .clear-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
background: transparent !important;
height: 16px;
width: 16px;
opacity: 0;
visibility: hidden;
}
.drawer__footer .modal__content .cart-discount>.field:has(.input:not(:placeholder-shown)) .clear-btn{
opacity: 1;
visibility: visible;
}
.discount-success-message {
display: none;
color: #b3a469;
font-size: 24px;
font-weight: 500;
text-align: center;
}
.discount-success-message.show {
display: block;
}
.cart-drawer .drawer__footer .modal__content:has(.discount-success-message.show) .cart-discount {
display: none;
}
.keychain-slider-cont,
.keychain-slider-main {
background: #B3A469;
}
.keychain-slide-block-img img {
aspect-ratio: 16 / 23.68;
object-fit: cover;
}
.cart-drawer .drawer__footer .cart-discount {
gap: 14px 24px;
flex-wrap: wrap;
position: relative;
overflow: visible;
}
.cart-discount .hide-alert {
display: none;
}
.cart-discount .discount-code-ul {
width: 100%;
display:none !important;
}
.cart.section .cart-discount .field {
position: relative;
}
.cart.section .cart-discount .field .clear-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
background: transparent!important;
height: 16px;
width: 16px;
opacity: 0;
visibility: hidden;
}
.cart.section .cart-discount .field:has(.input:not(:placeholder-shown)) .clear-btn {
opacity: 1;
visibility: visible;
}
.cart.section .cart-details .details .discount-success-message {
padding-top:clamp(var(--sp-5),1.473vw,var(--sp-7))
}
.cart.section .cart-details .details:has(.discount-success-message.show) .cart-discount{
display:none;
}
.drawer__footer .cart-discount .discount-item{
background-color: rgb(var(--color-foreground) / .025);
padding: 10px 14px;
font-size: 14px;
font-weight: 500;
color: #fff;
border: 1px solid #222222;
transition:0.2s all ease-in-out;
}
.cart-drawer .drawer__footer .cart-discount .discount-item button{
height: 12px;
width: 12px;
transform: unset !important;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent !important;
color: currentColor !important;
}
.drawer__footer .cart-discount .discount-item button svg{
height: 100%;
width: 100%;
}
.cart-drawer .drawer__footer .cart-discount .discount-item:hover{
color: #dfe0de;
background-color: rgb(var(--color-foreground) / .060);
}
.cart-discount>.field .label .focus-state {
display: none;
}
.cart-discount>.field input:focus~.label .focus-state,
.cart-discount>.field input:not(:placeholder-shown)~.label .focus-state,
.cart-discount>.field input:-webkit-autofill~.label .focus-state{
display: block;
}
.cart-discount>.field input:focus~.label .normal-state,
.cart-discount>.field input:not(:placeholder-shown)~.label .normal-state,
.cart-discount>.field input:-webkit-autofill~.label .normal-state{
display: none;
}
.cart__content .cart-discount input::placeholder,
.drawer__footer .modal__content input::placeholder{
font-size: 18px;
color: #fff;
font-family: 'Satoshi';
font-weight: 500;
}
.cart__content .cart-discount input,
.cart__content .cart-discount label,
.drawer__footer .modal__content input,
.drawer__footer .modal__content label {
font-size: 18px;
color: #fff;
font-family: 'Satoshi';
font-weight: 500;
}
.cart-drawer.drawer .modal__container button.close {
transform: unset !important;
height: 16px;
width: 16px;
transform: translateX(8px) !important;
position: static;
}
.cart-drawer.drawer .modal__container button.close svg{
height: 16px;
width: 16px;
}
.cart-drawer.drawer .modal__container button.close:hover {
color: #8b8a89;
}
.cart-drawer.drawer .modal__container .modal__header {
justify-content: flex-end;
padding-block: 40px 36px;
}
.cart.section .page-width {
max-width: 1294px;
}
.cart-discount .apply-btn,
.cart__sidebar .checkout-btn{
background-color: #b3a469;
color: #161512;
border: 0;
}
.cart-discount .apply-btn:hover,
.cart__sidebar .checkout-btn:hover {
background-color: #887a44!important;
background-image: none;
color: #fff!important;
}
.cart-discount .apply-btn::after,
.cart__sidebar .checkout-btn::after{
content:none;
}
.cart__content, .cart__content * {
font-family: 'Satoshi';
}
.cart-item .cart-item__media {
background-color: transparent;
}
.cart-item-price .price__regular {
color: #fff;
}
.product-card .quick-add {
display:none !important;
}
.quick-add .button:after {
content:none;
}
.quick-add .button {
background-color: #b3a469 !important;
border:0;
color: #161512;
height: 48px;
}
.quick-add .button:hover {
background:none;
background-color: #887a44 !important;
color: #fff !important;
}
@media (max-width: 1279px) {
.keychain-slider-btn {
position: absolute;
top: calc(var(--height) / 2);
transform: translateY(-50%);
z-index: 5;
height: 32px;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.keychain-slider-btn.keychain-slider-prev {
left:32px;
}
.keychain-slider-btn.keychain-slider-next {
right:32px;
}
.keychain-slider-btn[disabled] {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.keychain-slider-btn.keychain-slider-next.keychain-bounce {
animation: keychainBounce 1.4s ease-in-out 5;
}
@keyframes keychainBounce {
0% {
transform: translateY(-50%) translateX(0);
}
25% {
transform: translateY(-50%) translateX(-20px);
}
50% {
transform: translateY(-50%) translateX(20px);
}
75% {
transform: translateY(-50%) translateX(-10px);
}
100% {
transform: translateY(-50%) translateX(0);
}
}
}
@media (max-width: 1023px) {
.keychain-wpr {
overflow-x: scroll;
scrollbar-width: none;
}
.keychain-outer {
min-width: 1364px;
}
.keychain-section .heading {
font-size:34px;
}
}
@media (max-width: 767px) {
.keychain-section {
padding-top: 37px;
}
.keychain-slider {
margin-top: 35px;
}
.keychain-section .heading {
font-size:24px;
line-height:1.14;
}
.keychain-content-group .keychain-content-item {
padding-top: 32px;
}
.remove_cart_item {
padding: 15px 23px 15px 19px;
}
.drawer gesture-element.drawer__header .drawer__tabs {
margin-top: 24px;
}
.keychain-slide-block-img img {
aspect-ratio: 16 / 24.38;
}
.quick-add .button {
min-width: 48px;
padding: 0;
}
}
@media (max-width: 575px) {
.keychain-slider-main .swiper-slide .keychain-content-group {
opacity: 0;
}
.keychain-slider-main .swiper-slide.swiper-slide-active .keychain-content-group{
opacity: 1;
}
.keychain-content-group .keychain-content-item .content {
max-width: 80%;
}
.cart-drawer.drawer .modal__container button.close{
transform: unset !important;
}
.cart-drawer.drawer .modal__container .modal__header {
padding-block: 20px 20px;
}
}
.page-404 .text-lg {
line-height: 1.4;
font-size: 20px;
max-width: 360px;
margin: 0 auto;
}
.page-404 .button-group .animate-arrow {
padding: 5px 24px;
height: 48px;
}
.page-404 .button-group {
max-width: fit-content;
}
/* Collections Page */
.collection-section .section .collection.page-width {
max-width: 1294px;
}
.collection-section .section {
padding-block: 28px 60px;
}
.collection-section .empty-state .animate-arrow {
width: fit-content;
margin: 0 auto;
}
.collection .collection__topbar {
padding: 20px 0;
margin-bottom: 10px;
margin-top: 0;
}
.collection .collection__topbar .page-width {
justify-content: space-between;
}
.collection__content #ProductGridContainer {
gap: 60px;
}
.collection__content #ProductGridContainer .card-grid {
--card-grid-gap: 20px;
}
.facet-topbar-wpr {
/* flex: 1; */
display: flex;
justify-content: flex-end;
margin: 0;
gap: 64px;
}
.facet-topbar-wpr .facet-sorting {
margin: 0;
gap: 14px;
}
.facet-topbar .banner__title {
font-family: 'Satoshi';
font-weight: 700;
font-size: 32px;
line-height: 100%;
color: #FFFFFF;
}
.facet-topbar-wpr .facet-wrapper {
padding: 0 !important;
display: flex;
align-items: center;
}
.facet-topbar-wpr .sort-wrapper > .sort-wrapper,
.facet-topbar-wpr .facet-wrapper > button {
height: 48px;
}
.facet-topbar-wpr .facet-wrapper > button {
background-color: #1C1C1C;
border: 1px solid #222222;
color: #DFE0DE;
padding: 12px 24px;
font-size: 16px;
font-family: 'Satoshi';
}
.facet-topbar-wpr .facet-wrapper > .button.icon-with-text .btn-text {
gap:16px
}
/* .facet-topbar-wpr .sort-wrapper > .button:hover, */
.facet-topbar-wpr .facet-wrapper>button:hover {
color: #B3A469 !important;
}
.facet-topbar-wpr .sort-wrapper > .button .btn-fill ,
.facet-topbar-wpr .facet-wrapper > button .btn-fill {
display: none !important;
}
.facet-topbar-wpr .sort-wrapper > .button:after,
.facet-topbar-wpr .facet-wrapper > button:after{
content:none;
}
.facet-topbar-wpr .facet-sorting > .icon,
.facet-topbar-wpr .facet-wrapper>button .icon{
height:24px;
width:24px;
}
.custom-pagination{
gap:16px;
}
.custom-pagination .paginate-navigation,
.custom-pagination .page {
height: 24px;
min-width: 24px;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
width: auto;
padding: 5px 8px;
}
.custom-pagination .page.current {
color:#000;
background-color:#B3A469;
}
.facet-topbar-wpr .sort-wrapper {
width: calc(var(--facet-button-width) + 42px+ 52px);
min-width: 144px;
}
.facet-topbar-wpr .sort-wrapper > .sort-by {
padding: 0;
box-shadow: none;
border-radius: 0;
}
.facet-topbar-wpr .sort-wrapper > .sort-by .sort-header {
height: 48px;
gap: 2px;
}
.facet-topbar-wpr .sort-wrapper > .sort-by .sort-header .sort-selection {
flex: 1;
height: 100%;
display: flex;
align-items: center;
background-color: #1C1C1C;
border: 1px solid #222222;
color: #DFE0DE;
border-radius: 50px 0 0 50px;
padding: 12px 16px 12px 24px;
font-family: 'Satoshi';
}
.facet-topbar-wpr .sort-wrapper > .sort-by .sort-header .sort-close {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #1C1C1C;
border: 1px solid #222222;
color: #DFE0DE;
border-radius: 0 50px 50px 0;
width: 50px;
position:relative;
transition:none;
}
.facet-topbar-wpr .sort-wrapper > .sort-by .sort-header .sort-close .icon-down {
transform: none;
height: 10px;
width: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.facet-topbar-wpr .sort-wrapper > .sort-by[open] .sort-close .icon-down{
transform: translate(-50%, -50%) rotate(180deg);
color: #fff;
}
.facet-topbar-wpr .sort-wrapper>.sort-by[open] .sort-header .sort-close {
border:none;
background-color: transparent;
border-radius: 0;
color: rgb(var(--color-button-background));
height: 24px;
width: 24px;
min-width: 50px;
margin-right: -24px;
}
.facet-topbar-wpr .sort-wrapper > .sort-by[open]{
padding: 14px 24px;
background-color: #1C1C1C;
border: 1px solid #222222;
border-radius: 24px;
width: 144px;
height: calc(var(--facet-listbox-height) + 24px + 24px);
}
.facet-topbar-wpr .sort-wrapper .sort-listbox {
width: calc(144px - 48px);
top: 25px;
gap:0;
}
.facet-topbar-wpr .sort-wrapper > .sort-by[open] .sort-header {
height: 24px;
}
.facet-topbar-wpr .sort-wrapper > .sort-by[open] .sort-header .sort-selection {
padding: 0;
}
.facet-topbar-wpr .sort-wrapper > .sort-by[open] .sort-title{
top:0;
font-size: 16px;
line-height: 1.313;
font-weight: 500;
font-family: 'Satoshi';
color: #DFE0DE80;
}
.facet-topbar-wpr .sort-wrapper .sort-listbox input[type=radio]+label {
font-size: 16px;
line-height: 1.313;
color: #DFE0DE;
opacity: 1 !important;
font-weight: 500;
font-family: 'Satoshi';
}
.facet-topbar-wpr .sort-wrapper .sort-listbox li {
padding: 5px 0 8px;
}
.facet-topbar-wpr .sort-wrapper .sort-listbox li:not(:last-child) {
border-bottom: 1px solid #121212;
}
.facet-topbar-wpr .sort-wrapper .sort-by[open] .sort-listbox input[type=radio]:checked+label::before {
HEIGHT: 10px;
width: 14px;
background-color: transparent;
border-radius: 0;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
.collection-section .section {
padding-block: 80px 60px;
}
.collection__content #ProductGridContainer {
gap: 120px;
}
.collection .collection__topbar {
margin-bottom: 60px;
}
.facet-topbar .banner__title {
font-size: 40px;
}
}
@media screen and (max-width: 575px) {
.collection__content #ProductGridContainer .card-grid {
--card-grid-per-row: 1;
}
}