/** Shopify CDN: Minification failed

Line 310:0 Expected "}" to go with "{"

**/
/*------------------------------------
 *   CUSTOM FONTS
 *------------------------------------*/

@font-face {
font-family: NeueHaasDisplay-Roman;
src: url(/cdn/shop/files/NeueHaasDisplayRoman.ttf?v=1756900886) format("truetype");
}

@font-face {
font-family: NeueHaasDisplay-Medium;
src: url(/cdn/shop/files/NeueHaasDisplay-Medium.ttf?v=1762343192) format("truetype");
}

@font-face {
font-family: NeueHaasDisplay-Light;
src: url(//cdn/shop/files/NeueHaasDisplay-Light.ttf?v=1762343266) format("truetype");
}

@font-face {
font-family: NicholasPro-Italic;
src: url(/cdn/shop/files/NicholasPro-Italic.woff2?v=1761140598)
format("woff2"),
url(/cdn/shop/files/Nicholas_Pro_Italic.otf?v=1756900784) format("opentype");
}

:root {
--font-heading--family: "NeueHaasDisplay-Medium";
--font-subheading--family: "NicholasPro-Italic";
--font-paragraph--family: "NeueHaasDisplay-Light";
--letter-spacing--heading-normal: 0.01em;
}


.product-card__content {
font-family: "NeueHaasDisplay-Medium", sans-serif;
font-weight: ;
font-style: ;
text-transform: UPPERCASE;
letter-spacing: 0.025em;
color: black !important;
font-size: 1.125em;
}

h1 {
   font-family: "NicholasPro-Italic";
   letter-spacing: 2em; 
}

h2 {
font-family: "NicholasPro-Italic";
font-weight: 400;
font-style: italic;
}

h4 {
font-family: "NicholasPro-Italic";
font-weight: 400;
font-style: italic !important;
}

p {
    letter-spacing: 0.025em;
    font-size: 14px;
}

legend {
font-family: "NeueHaasDisplay-Medium", sans-serif;
font-weight: 900px;
letter-spacing: 0.025em;
text-transform: UPPERCASE;
color: #000000;
}


/*------------------------------------
 *   CUSTOM FONTS END 
 *------------------------------------*/

/*------------------------------------
 *   Change variant name from color to glaze 
 *------------------------------------*/

form:has(.swatch) {
legend {
font-size: 0;
}
legend::before {
content: 'Glaze';
font-size: var(--font-paragraph--size);
text-transform: uppercase;
}
legend span {
font-size: var(--font-paragraph--size);
}
}
 /*------------------------------------
 *  END  Change variant name from color to glaze 
 *------------------------------------*/


.section ss-section color- power.grid  {
--font-heading--family: "NicholasPro-Italic";
--font-style: italic;
}

.bg-left {
width:50% !important;
height:100% !important;
}

.bg-left .ss-inline-image , .bg-right .ss-inline-image {
width:100% !important;
height:100% !important;
padding-bottom:0 !important;
}

.bg-right {
width:50% !important;
height:100% !important;
right:0 !important;
left:initial !important;
}

.bg-right .ss-video-block, .bg-left .ss-video-block {
position:absolute;
inset:0;
width:auto;
height:auto;
}

.bg-right .ss-inline-image img, .bg-left .ss-inline-image img {
object-fit:cover;
}

@media screen and (max-width:749px) {
.ss-decor.show-mobile {

display:block  !important;
}

.ss-decor.full-width {
width:100%  !important;
}


/*------------------------------------
 *   Full width power section 
 *------------------------------------*/
@media screen and (min-width:768px) {
.section:has(.ss-section) {
--full-page-grid-with-margins: 0 !important;
}
}
/*------------------------------------
 *   END Full width power section 
 *------------------------------------*/

 /*------------------------------------
 *   remove overlap power section 
 *------------------------------------*/
.ss-section {
overflow: hidden;
}
 /*------------------------------------
 *   remove overlapping power section 
 *------------------------------------*

/** Core CSS **/
.horizontal .c-image-list {
  flex-direction: column;
}

.horizontal ul.c-image-list__nav {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}

/** Content Styles **/
.horizontal .c-image-list__media-item {
  border: 1px solid;
  padding: 3% !important;
}

.horizontal .c-image-list__nav {
  margin-top: 10px !important;
}

/** Content Widths **/

.horizontal .c-image-list__media {
  min-width:50% !important;
  flex-basis:50% !important;
}


/** Aspect Ration of Image **/
.horizontal .c-image-list__media {
  position: relative;
  height: 0 !important;
  padding-bottom: 50% !important; 
}

.horizontal .c-image-list__media img {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  inset: 0;
}

/** Padding of Nav Items **/
.horizontal .c-image-list__nav li a {
  padding: 0.5rem 2rem;
  box-sizing: border-box;
}

.horizontal .c-image-list__nav li {
  position: relative;
  z-index: 2;
}

/** Active Item Bottom Border **/
.horizontal .c-image-list__nav li a::before {
  content: "";
  position: absolute;
  width: auto;
  height: auto;
  inset: 0;
  background-color: yellow;
  background-color: rgb(var(--color-background));
  
  bottom: -1px;
  z-index: -1;
  opacity: 0;
  border-left: 1px solid;
  border-right: 1px solid;
}

.horizontal .c-image-list__nav li a.is-active::before {
  opacity: 1;
}

/** Nav Item Borders and Hover Transition **/
.horizontal .c-image-list__nav li a:hover::after {
  top: -5px;
}
.horizontal .c-image-list__nav li a::after {
  content: "";
  position: absolute;
  width: auto;
  height: auto;
  inset: 0;
  background-color: transparent;
  bottom: -1px;
  z-index: -1;
  opacity: 1;
  border: 1px solid;
  border-bottom: 0px solid;
  transition: 0.2s;
}


/** Font Size **/
.horizontal .c-image-list__nav a span {
    font-size: 1.5rem !important;
}

/** SECOND IMAGE ON HOVER 

/* Second variant image on hover for product cards */

.product-card__image-wrapper {
  position: relative;
  overflow: hidden;
}

.product-card__image {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.4s ease;
}

.product-card__image.main-image {
  z-index: 1;
  opacity: 1;
}

.product-card__image.hover-image {
  z-index: 2;
  opacity: 0;
}

.product-card__image-wrapper:hover .hover-image {
  opacity: 1;
}

.product-card__image-wrapper:hover .main-image {
  opacity: 0;
}