/** Shopify CDN: Minification failed

Line 1041:1 Unexpected ";"
Line 1068:1 Expected "}" to go with "{"

**/
.infinite-scroll-loader {
  text-align: center;
  margin: 30px 0;
}
body.gradient.body_loader:before {
    background-color: #ffffffb0;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-image: url(/cdn/shop/files/Spinner-2-ezgif.com-gif-maker_1.gif?v=1747828519);
    background-repeat: no-repeat;
    background-position: center;
}
.spinner {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: auto;
  animation: spin 1s linear infinite;
}

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


/* Fade-in effect for newly loaded items */
.fade-in {
  opacity: 0;
  transition: opacity 0.6s ease-in;
}
.fade-in.visible {
  opacity: 1;
}

.custom-hero-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-hero-pagination span
{
    border-radius: 50%;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #000;
}
.custom-hero-pagination span.page.current
{
    font-weight: 700;
}
.custom-hero-pagination span a
{
    padding: 0;
    text-decoration: none;
    border: 0;
    color: #000;
}




.custom-hero-container-stream {
  width: calc(100% - 270px);
  position: relative;
  flex-grow: 1;
  height: calc(100vh - 92px);
  background: #f0f0f0;
  overflow: hidden;
  margin-right: 2rem;
  border-radius: 10px;
  scrollbar-width: thin;
  scrollbar-color: #aaa #f5f5f5;
  /* box-shadow: 0 0 23.3px #0000001a inset; */
  /* box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); */
  /* box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75); */
  /* box-shadow: 0 0 23.3px #0000001a inset; */
  z-index: 2;
  /* padding-bottom: 30px; */
}

.custom-hero-container-shadow-box::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.custom-hero-container-shadow-box::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 15px;
}

.custom-hero-container-shadow-box::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 15px;
  border: 2px solid #f5f5f5;
}

.custom-header-container {
  position: fixed;
  width: calc(100% - 290px);
  height: 44px;
  left: 270px;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  justify-content: space-between;
  background: #fff;
}

.custom-footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 270px;
  width: calc(100% - 290px);
  height: 44px;
}

.custom-footer-breadcrumb {
  padding: 1.2rem 0;
  color: rgba(var(--color-foreground));
  font-size: var(--font-heading-size-small);
  font-weight: 500;
  line-height: 12.23px;
  letter-spacing: 0.12em;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
}
.custom-footer-breadcrumb span {
  font-weight: 600;
}

.custom-footer-social {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-right: 1rem;
}

.custom-footer-social a {
  display: contents;
}

.header-right-content-custom {
  display: flex;
  align-items: center;
  height: inherit;
}

.custom-hero-container-images {
  opacity: 1;
  transform: scale(1);
}

@media only screen and (min-width: 990px) {
  .custom-hero-container-images {
    animation: fadeIn 0.5s;
  }

  .custom-hero-container-images.hidden {
    animation: fadeOut 0.5s;
  }
}

.custom-hero-container-images.hidden {
  opacity: 1;
  transform: scale(1);
}

.custom-hero-container-gallery-details {
  display: flex;
  justify-content: center;
  height: 100%;
}

@media only screen and (min-width: 990px) {
  .custom-hero-container-gallery-details {
    animation: fadeIn 0.5s;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.hidden {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
  display: none !important;
}

/* custom scrollbar */

/* ::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background: #ffffff;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 20px;
  border: 5px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
} */

/* ::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
  background-color: #a5a5a5;
  border-radius: 20px;
  border: 5px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #7e7e7e; 
} */
/* @media screen and (max-width: 1600px) {

  .custom-hero-container,
  .custom-header-container,
  .custom-footer-container {
    left: 17vw;
    width: 81vw;
  }
}

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

  .custom-hero-container,
  .custom-header-container,
  .custom-footer-container {
    left: 22vw;
    width: 76vw;
  }
} */

/* @media screen and (max-width: 1024px) {

  .custom-hero-container,
  .custom-header-container,
  .custom-footer-container {
    left: 29vw;
    width: 70vw;
  }
} */

.scroll-top-button {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px 0px #00000057;
  -moz-box-shadow: 0px 0px 3px 0px #00000057;
  box-shadow: 0px 0px 3px 0px #00000057;
}

.scroll-left-button {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px 0px #00000057;
  -moz-box-shadow: 0px 0px 3px 0px #00000057;
  box-shadow: 0px 0px 3px 0px #00000057;
}

.scroll-right-button {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: 1px 0 1.3px #00000057;
  -moz-box-shadow: 1px 0 1.3px #00000057;
  box-shadow: 1px 0 1.3px #00000057;
}

.scroll-bottom-button {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: 0 1px 1.3px #00000057;
  -moz-box-shadow: 0 1px 1.3px #00000057;
  box-shadow: 0 1px 1, 3px #00000057;
}

.custom-hero-container-images-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.overall-container {
  display: flex;
  position: fixed;
  top: 48px;
  left: 0;
  width: 100vw;
  height: 92dvh;
}

.custom-hero-menu-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;

  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  height: 92dvh;
}

@media only screen and (min-width: 992px) {
  .custom-hero-menu-container {
    width: 270px;
  }
}

.zoom-trackpad-wrapper {
  display: flex;
  flex-direction: column;
  height: 16dvh;
  min-height: 140px;
}

.zoom-explore-header {
  font-size: var(--font-heading-size-medium);
  font-weight: 400;
  line-height: 11.89px;
  letter-spacing: 0.12em;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #232323;
  color: #232323;
  margin-bottom: 15px;
  margin-top: 20px;
}

.bottom-container {
  width: 100%;
}

.filters-header {
  font-size: var(--font-heading-size-medium);
  font-weight: 400;
  line-height: 11.89px;
  letter-spacing: 0.12em;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #232323;
  color: #232323;
  margin-bottom: 10px;
}

.logo-wrapper {
  top: -20px;
  width: 100%;
  max-width: 230px;
  z-index: 10;
}

.live {
  color:white;
  background: rgb(207, 45, 43);
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  z-index:8;
}

.mw-marquee {
  position: relative;
  z-index: 20;

  width: 100%;
  overflow: hidden;

  font-size: var(--font-heading-size-medium);
  color:rgb(35, 35, 35);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  line-height: 1;
  border-top: 1px solid rgb(35, 35, 35);
  border-bottom: 1px solid rgb(35, 35, 35);
}

.mw-marquee__link {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.mw-marquee__track {
  width: 100%;
  overflow: hidden;


  padding-top: 12px;
  padding-bottom: 9px;

}

.mw-marquee__content {
  display: inline-flex;
  gap: 10px;
  white-space: nowrap;
  will-change: transform;
  animation: mw-marquee-scroll 18s linear infinite;
}

.mw-marquee__item {
  display: inline-block;

  padding-bottom: 3px; /* ✅ creates the 3px gap */

  /* ✅ underline drawn as a background line (never changes layout height) */
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 1px;          /* hidden by default */
  background-repeat: no-repeat;
  background-position: 0 100%;
}

/* ✅ show underline on hover */
.mw-marquee__link:hover .mw-marquee__item {
  background-size: 100% 1px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .mw-marquee__content {
    animation: none;
    justify-content: center;
    width: 100%;
  }
}

@keyframes mw-marquee-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

img.custom-hero-menu-logo {
  max-width: 50px;
}

.menu-content,
.menu-toggle {
  display: none;
}

.custom-hero-menu-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
}

.custom-hero-filter-ul {
  margin: 0;
  padding: 0;
  padding-left: 30px;
  list-style-type: "[  ] ";
  font-weight: 600;
  font-size: var(--font-heading-size-medium);
}

.custom-hero-header-ul {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 1.5rem;
  display: flex;
  list-style-type: none;
  gap: 60px;
  justify-content: flex-start;
}

.custom-hero-submenu-ul {
  margin: 0;
  padding: 0;
  padding-left: 30px;
  list-style-type: "[  ] ";
  font-weight: 600;
  font-size: var(--font-heading-size-medium);
}

.submenu-list.active {
  list-style-type: "[x] ";
}
.main-menu-list.active {
  list-style-type: "[x] ";
}

.mobile-menu-list.active,
.mobile-submenu-list.active {
  list-style-type: "[x] ";
}

a.custom-hero-menu-link,
div.custom-hero-menu-link {
  text-decoration: none;
  color: #232323;
  font-weight: var(--font-heading-weight);
  font-size: var(--font-heading-size-medium);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

a.custom-hero-menu-link:hover,
div.custom-hero-menu-link:hover {
  text-decoration: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

a.custom-hero-submenu-link,
div.custom-hero-submenu-link {
  text-decoration: none;
  color: #232323;
  font-weight: var(--font-heading-weight);
  font-size: var(--font-heading-size-medium);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

a.custom-hero-submenu-link:hover,
div.custom-hero-submenu-link:hover {
  text-decoration: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.custom-hero-container-images-row {
  display: inline-grid;
  min-width: 100vw;
  /* min-height: 100vh; */
  /* grid-template-areas:
    "   p156	   p131	   p85	   p103	   p57	   p132	   p102	   p113	   p141	   p72	   p112	   p90	   p91	   p153	   p89"
    "   p86	       p81	   p56	   p92	   p114	   p21	   p65	   p151	   p28	   p165	   p38	   p154	   p51	   p80	   p118"
    "   p53	       p11	   p47	   p49	   p15	   p27	   p3	   p84	   p139	   p66	   p137	   p104	   p79	   p110	   p88"
    "   p7   	   p96	   p155	   p24	   p61	   p46	   p157	   p19	   p115	   p97	   p145	   p162	   p37	   p111	   p109"
    "   p130	   p40	   p150	   p140	   p16	   p58	   p13	   p1	   p133	   p14	   p29	   p42	   p142	   p73	   p52"
    "   p78	       p119	   p32	   p48	   p50	   p8	   p124	   p26	   p148	   p71	   p67	   p125	   p105	   p152	   p117"
    "   p55	       p149	   p87	   p25	   p34	   p2	   p64	   p9	   p158	   p138	   p108	   p116	   p39	   p126	   p160"
    "   p121	   p41	   p93	   p4	   p35	   p12	   p17	   p18	   p20	   p30	   p43	   p70	   p99	   p144	   p74"
    "   p82	       p120	   p33	   p136	   p6	   p36	   p5	   p98	   p134	   p163	   p31	   p127	   p147	   p75	   p10"
    "   p54	       p63	   p129	   p62	   p135	   p122	   p60	   p45	   p68	   p22	   p69	   p101	   p44	   p100	   p161"
    "   p94	       p95	   p164	   p123	   p83	   p23	   p59	   p77	   p159	   p107	   p143	   p76	   p106	   p146	   p128";
  */

  grid-template-areas:
    "p163	p160	p157	p149	p123	p111	p96	   p88	 p92	p100	p112	p146	p150	p158	p165"
    "p156	p145	p141	p122	p87	    p79	    p60	   p52	 p56	p72	    p80	    p113	p138	p142	p151"
    "p135	p121	p110	p86	    p67	    p51	    p43	   p27	 p36	p48	    p64	    p81	    p101	p114	p136"
    "p131	p109	p78	    p71	    p47	    p31	    p22	   p11	 p23	p28	    p44	    p68	    p73	    p102	p132"
    "p127	p95	    p59	    p42	    p35	    p18	    p6	   p2	 p7	    p19	    p32	    p37	    p61	    p97	    p128"
    "p125	p91	    p55	    p26	    p14	    p10	    p5	   p1	 p3	    p12	    p15	    p24	    p53	    p89	    p124"
    "p129	p99	    p63	    p41	    p34	    p17	    p9	   p4	 p8	    p16	    p33	    p38	    p57	    p93	    p126"
    "p133	p108	p77	    p70	    p46	    p30	    p21	   p13	 p20	p29	    p45	    p69	    p74	    p103	p130"
    "p137	p120	p107	p85	    p66	    p50	    p40	   p25	 p39	p49	    p65	    p82	    p104	p115	p134"
    "p155	p144	p140	p119	p84	    p76	    p58	   p54	 p62	p75	    p83	    p116	p139	p143	p152"
    "p162	p161	p154	p148	p118	p106	p94	   p90	 p98	p105	p117	p147	p153	p159	p164";
  grid-gap: 0;
}

div.custom_hero_product_image-link.sold-out-product {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
}

.product-description {
  display: none !important;
}

div.custom_hero_product_image-link {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  /* overflow: hidden; */
}

a[href] .custom_hero_product_image {
  cursor: pointer;
}

.custom-zoom-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 10px;
  margin-top: 0;
}

.custom-hero-container-zoom {
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-zoom-buttons-wrapper {
  display: flex;
  justify-content: center;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 3px 0px #00000040;
  -moz-box-shadow: 0px 0px 3px 0px #00000040;
  box-shadow: 0px 0px 3px 0px #00000040;
}

.custom-hero-container-zoom-in {
  cursor: pointer;
  background: #f0f0f0;
  display: flex;
  padding: 6px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.custom-hero-container-zoom-out {
  cursor: pointer;
  background: #f0f0f0;
  display: flex;
  padding: 6px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.custom-hero-container-zoom-out {
  border-left: 1px solid #cacaca;
}

.custom-hero-container-zoom-img {
  max-width: 3rem;
}

.zoom-trackpad-container {
  display: flex;
  flex-direction: column;
  width: 90px;
  height: 90px;
}

.zoom-trackpad-row {
  display: flex;
  flex: 1;
}

.zoom-trackpad-row .zoom-trackpad-cell.middle {
  /* background: #D9D9D9; */
  background: #f0f0f0;
}

.zoom-trackpad-row .zoom-trackpad-cell {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background: #D9D9D9; */
  background: #f0f0f0;
  cursor: pointer;
}

.zoom-trackpad-row .empty {
  visibility: hidden;
}

.custom-hero-container-images-metaobject-products {
  display: inline-grid;
  min-width: 100vw;
  min-height: 85dvh;
  /* gap: 1rem; */
  /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; */
  z-index: -3;
  /* position: absolute; */
  grid-template-areas:
    "a120	a118    a117    a111    a110	a101	a99	    a88	    a87	    a76	    a75	    a74	    a73	    a69	    a66	    a67	    a68	    a70	    a71	    a72             b72 	b71	    b70	    b68	    b67	    b66	    b69	    b73	    b74	    b75	    b76	    b87	    b88	    b99	    b101    b110   	b111	b117	b118    b120"
    "a119	a116    a112    a109    a100	a98	    a89	    a86	    a77	    a64	    a65	    a58	    a57	    a56	    a46	    a45	    a35	    a32	    a33	    a34             b34	    b33	    b32	    b35	    b45	    b46	    b56	    b57	    b58	    b65	    b64	    b77	    b86	    b89	    b98	    b100    b109	b112	b116    b119"
    "a115	a113    a108    a102    a97	    a90	    a85	    a78	    a59	    a55	    a54	    a47	    a43	    a44	    a36	    a31	    a26	    a23	    a24	    a25             b25	    b24	    b23	    b26	    b31	    b36	    b44	    b43	    b47	    b54	    b55	    b59	    b78	    b85	    b90	    b97	    b102	b108	b113    b115"
    "a114	a107    a103    a96     a91	    a84	    a79	    a60	    a53	    a48	    a42	    a37	    a30	    a27	    a22	    a19	    a18	    a12	    a11	    a10             b10 	b11	    b12	    b18	    b19	    b22	    b27	    b30	    b37	    b42	    b48	    b53	    b60	    b79	    b84	    b91	    b96	    b103	b107    b114"
    "a106	a104    a95     a92     a83	    a80	    a61	    a52	    a50	    a41	    a38	    a28	    a21	    a17	    a15	    a13	    a9	    a8	    a5	    a4              b4	    b5	    b8	    b9	    b13	    b15	    b17	    b21	    b28	    b38	    b41	    b50	    b52	    b61	    b80	    b83	    b92	    b95	    b104    b106"
    "a105	a94     a93     a82     a81	    a63 	a62	    a51	    a49	    a40	    a39	    a29	    a20	    a16	    a14	    a7	    a6	    a3	    a2	    a1              b1	    b2	    b3	    b6	    b7	    b14	    b16	    b20	    b29	    b39	    b40	    b49	    b51	    b62	    b63	    b81	    b82	    b93	    b94     b105"
    "d105	d94     d93     d82     d81	    d63 	d62	    d51	    d49	    d40	    d39	    d29	    d20	    d16	    d14	    d7	    d6	    d3	    d2	    d1              c1	    c2	    c3	    c6	    c7	    c14	    c16	    c20	    c29	    c39	    c40	    c49	    c51	    c62	    c63	    c81	    c82	    c93	    c94     c105"
    "d106	d104    d95     d92     d83	    d80	    d61	    d52	    d50	    d41	    d38	    d28	    d21	    d17	    d15	    d13	    d9	    d8	    d5	    d4              c4	    c5	    c8	    c9	    c13	    c15	    c17	    c21	    c28	    c38	    c41	    c50	    c52	    c61	    c80	    c83	    c92	    c95	    c104    c106"
    "d114	d107    d103    d96     d91	    d84	    d79	    d60	    d53	    d48	    d42	    d37	    d30	    d27	    d22	    d19	    d18	    d12	    d11	    d10             c10 	c11	    c12	    c18	    c19	    c22	    c27	    c30	    c37	    c42	    c48	    c53	    c60	    c79	    c84	    c91	    c96	    c103	c107    c114"
    "d115	d113    d108    d102    d97	    d90	    d85	    d78	    d59	    d55	    d54	    d47	    d43	    d44	    d36	    d31	    d26	    d23	    d24	    d25             c25	    c24	    c23	    c26	    c31	    c36	    c44	    c43	    c47	    c54	    c55	    c59	    c78	    c85	    c90	    c97	    c102	c108	c113    c115"
    "d119	d116    d112    d109    d100	d98	    d89	    d86	    d77	    d64	    d65	    d58	    d57	    d56	    d46	    d45	    d35	    d32	    d33	    d34             c34	    c33	    c32	    c35	    c45	    c46	    c56	    c57	    c58	    c65	    c64	    c77	    c86	    c89	    c98	    c100    c109	c112	c116    c119"
    "d120	d118    d117    d111    d110	d101	d99	    d88	    d87	    d76	    d75	    d74	    d73	    d69	    d66	    d67	    d68	    d70	    d71	    d72             c72 	c71	    c70	    c68	    c67	    c66	    c69	    c73	    c74	    c75	    c76	    c87	    c88	    c99	    c101    c110   	c111	c117	c118    c120";
}

.custom-hero-container {
  width: calc(100% - 270px);
  position: relative;
  flex-grow: 1;
  height: calc(100vh - 92px);
  background: #f0f0f0;
  margin-right: 2rem;
  z-index: 2;

  overflow: hidden; /* frame does not scroll */
  border-radius: 10px;
}


.custom-hero-container-shadow-box {
  height: 100%;
  width: 100%;
  overflow: auto; /* scrolling happens here */
  border-radius: inherit;

  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #aaa #f5f5f5;

  /* Prevent layout shift when scrollbars appear/disappear */
  scrollbar-gutter: stable;
}






/* .custom-hero-container {
  width: calc(100% - 270px);
  position: relative;
  flex-grow: 1;
  height: calc(100vh - 92px);
  background: #f0f0f0;
  overflow: auto;
  margin-right: 2rem;
  scrollbar-width: thin;
  scrollbar-color: #aaa #f5f5f5;
  z-index: 2;
}

 

 .custom-hero-container-shadow-box {
  position: absolute;
  flex-grow: 1;
  height: calc(100dvh - 92px);
  background: transparent;
  margin-right: 2rem;
  border-radius: 10px;
  box-shadow: inset 0 0 20px #808080;
  left: 16.5rem;
  right: 0rem;
  z-index: 3;
  pointer-events: none;
} 

.custom-hero-container-shadow-box::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  box-shadow: inset 0 0 20px #808080;
  pointer-events: none;
  z-index: 10;
  border-radius: 8px;  


/*

@media only screen and (max-width: 1077px) and (min-width: 999px) {
  .custom-hero-container-shadow-box {
    left: 16.4rem;
  }
}

@media only screen and (max-width: 1037px) and (min-width: 970px) {
  .custom-hero-container-shadow-box {
    left: 16.4rem;
  }
}

@media only screen and (min-width: 1680px) {
  .custom-hero-container-shadow-box {
    left: 16.6rem;
  }
}

*/

.custom-hero-container::before {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 20px #808080;
  pointer-events: none;
  z-index: 10;
  border-radius: inherit;
}

/* ===== Mobile rules from original.css ===== */

@media only screen and (max-width: 749px) {
  .custom-hero-container {
    height: 100dvh;
    margin-right: 0;
    border-radius: 0;
    z-index: 0;
  }

  .custom-hero-container-shadow-box {
    height: 100dvh;
    margin-right: 0;
    border-radius: 0;
    z-index: 0;
  }

}

@media only screen and (max-width: 749px) {
  .custom-footer-container {
    display: none;
    left: 0;
    width: 100%;
    padding: 1rem;
  }
}

@media only screen and (max-width: 749px) {
  .overall-container {
    top: 0;
    height: 100svh;
  }
}

@media only screen and (max-width: 749px) {
  .custom-hero-menu-container {
    position: absolute;
    z-index: 1;
    height: 100svh;
  }
}

@media only screen and (max-width: 749px) {
  .bottom-container {
    display: none !important;
  }
}

@media only screen and (max-width: 749px) {
  .filters-header {
    cursor: pointer;
    border-bottom: 0;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #filter-header-icon {
    margin-left: 0.5rem;
  }
}

@media only screen and (max-width: 749px) {
  .logo-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    top: 15px;
    background: white;
    padding: 1rem;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 749px) {
  .menu-toggle {
    display: block;
  }

  .menu-content {
    display: none;
  }

  .menu-content.show {
    display: block;
  }

  .menu-item {
    cursor: pointer;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.5rem;
  }

  .menu-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(var(--color-foreground), 0.75);
    text-decoration: none;
  }

  .menu-item svg {
    margin-top: 0.25rem;
  }

  .menu-content span {
    font-size: var(--font-heading-size-medium);
    text-transform: uppercase;
    cursor: pointer;
  }

  .menu-toggle {
    padding: 0;
    border: 0;
    margin-left: auto;
    margin-right: auto;
    background: transparent;
    cursor: pointer;
  }
}

@media only screen and (max-width: 749px) {
  .custom-hero-filter-ul {
    padding-left: 20px;
  }
}

@media (max-width: 767px){
  .custom-hero-container-images-metaobject-products {
  min-width: 100%;
  }
  .custom_hero_product_image {
    max-width: 180px !important;
    width: 180px !important;
    min-width: 180px !important;
}
}

@media only screen and (max-width: 990px) {
  .custom-hero-container-shadow-box {
    left: 14.86rem;
  }
}

/* ===== Fix: shadow-box is the scroller; never hide it on mobile ===== */
@media only screen and (max-width: 749px) {
  .custom-hero-container-shadow-box {
    display: block !important;
  }
}

@media only screen and (max-width: 749px) {
  .mw-marquee {
    display: none !important;
  }
}


.mw-status-box-mobile {
  display: none; /* hidden on desktop */
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background:rgb(255, 255, 255);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
}

.mw-status-box-mobile.is-not-live {
  opacity: 0.5;
}

.mw-status-box-mobile.is-live {
  background-color: red;
}

.mw-status-label {
  display: block;
  color: #232323;
}

.mw-status-value {
  display: block;
  margin-top: 4px;
  font-weight: 600;
}

.mw-status-value.is-live {
  color:white ;
};

.mw-status-value.is-not-live {
  color:  rgb(80, 80, 80);
}

@media only screen and (max-width: 749px) {
  .mw-status-box-mobile {
    display: block;
  }
}

@media only screen and (max-width: 749px) {
  .custom-hero-menu-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  padding: 20px;
  height: 100dvh;
}

@media only screen and (max-width: 749px) {
  .overall-container {
    top: 0;
    height: 100svh;
  }
}