/** Shopify CDN: Minification failed

Line 1007:0 Unexpected "}"

**/

@layer reset, tokens, base, components, layout, moderncss, util;

/* ===========================
		My Stylesheet
============================== */


@layer base {
	html,
	body {
		background: var(--whitecolor);
		color: var(--maincolor) !important;
		font-weight: var(--font-normal) !important;
        font-family: var(--mainfont) !important;
	}
	
	section {
		/* Make sections fullheight */
		display: block;
		
		&.center {
			/* Center their contents */
			place-content: safe center;
			justify-items: center;
		}
	}

	h2 {
		font-size: 3rem;
		font-weight: var(--font-medium);
		line-height: 1;
		margin: 0.5rem 0;

		@media (width >= 930px) {
			font-size: 3.2rem;
		}
	}
	
	p {
		color: var(--theme-surface-on-surface-variant);
	}
	
	@scope (.dark) {
		p {
			color: var(--theme-surface-surface);
		}
	}
    a,
    a:hover {
        text-decoration: none;
        outline: none;
    }
    ul {
        margin-block-end: 0;
    }
    li {
        list-style: none;
    }

	

}

@layer reset {
    html {
        scroll-behavior: smooth;
    }
	html, body {
		height: 100%;
	}
	
	* {
		letter-spacing: normal;
		box-sizing: border-box;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	ul[class] {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	input, textarea, select, button {
		font-family: inherit;
		font-size: inherit;
	}
	
	a:focus-visible,
	button:focus-visible {
		outline-offset: 0.2rem;
	}
	
	figure {
		margin: 0;
	}
}

@layer util {
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0;
	}
	
	.not-sr-only {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		overflow: visible;
		clip: auto;
		white-space: normal;
	}
}

@layer tokens {
	@layer colors {
		:root {
        --whitecolor    : #ffffff;
        --blockground   : #FFFFE6;
        --maincolor     : #000000;
        --textcolor     : #020817;
        --paracolor     : #797979;
        --btnprimary    : #5433EA;
        --text-base     : 16px;
        --mainfont      : 'Neue Montreal';
        --titlefont     : 'Cormorant Garamond';
		--font-light    : 300;
		--font-normal   : 400;
		--font-medium   : 500;
		--font-semibold : 600;
		--font-bold     : 700;
		--italic        : italic;
        --my-list-image :  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cg clip-path='url(%23clip0_88_9179)'%3E%3Cpath d='M21.3884 2.33337C23.6751 2.33337 25.5418 4.12654 25.6608 6.38404L25.6666 6.61154V21.3885C25.6666 23.6752 23.8734 25.5419 21.6159 25.6609L21.3884 25.6667H6.61142C5.51612 25.6668 4.46253 25.2467 3.66769 24.4931C2.87285 23.7395 2.39733 22.7098 2.33909 21.616L2.33325 21.3885V6.61154C2.33325 4.32487 4.12642 2.45821 6.38392 2.33921L6.61142 2.33337H21.3884ZM18.3248 10.8419C18.106 10.6232 17.8093 10.5003 17.4999 10.5003C17.1906 10.5003 16.8939 10.6232 16.6751 10.8419L12.8333 14.6825L11.3248 13.1752L11.2151 13.0784C10.9806 12.8971 10.6859 12.8118 10.3908 12.8399C10.0957 12.868 9.82241 13.0074 9.62637 13.2297C9.43034 13.452 9.32627 13.7407 9.33532 14.0369C9.34437 14.3332 9.46585 14.6149 9.67509 14.8249L12.0084 17.1582L12.1181 17.255C12.3426 17.4292 12.6228 17.5154 12.9064 17.4976C13.1899 17.4797 13.4572 17.3591 13.6581 17.1582L18.3248 12.4915L18.4216 12.3819C18.5957 12.1574 18.6819 11.8771 18.6641 11.5936C18.6463 11.31 18.5256 11.0428 18.3248 10.8419Z' fill='%230B3B3C'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_88_9179'%3E%3Crect width='28' height='28' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        }
	}
		
	@layer animations {
		:root {
			--ease-in-quad: cubic-bezier(.55, .085, .68, .53);
			--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);
			--ease-in-quart: cubic-bezier(.895, .03, .685, .22);
			--ease-in-quint: cubic-bezier(.755, .05, .855, .06);
			--ease-in-expo: cubic-bezier(.95, .05, .795, .035);
			--ease-in-circ: cubic-bezier(.6, .04, .98, .335);
			--ease-out-quad: cubic-bezier(.25, .46, .45, .94);
			--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);
			--ease-out-quart: cubic-bezier(.165, .84, .44, 1);
			--ease-out-quint: cubic-bezier(.23, 1, .32, 1);
			--ease-out-expo: cubic-bezier(.19, 1, .22, 1);
			--ease-out-circ: cubic-bezier(.075, .82, .165, 1);
			--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);
			--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
			--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);
			--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);
			--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
			--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);
			--ease-out-back: cubic-bezier(.34, 1.85, .64, 1);
		}
	}
}

@layer components {
	@layer button {
		/* button {
			background: var(--theme-primary-primary);
   		    color: var(--theme-primary-on-primary);
			border: 0px;
			border-radius: 999px;
			padding: 0.6em 1.5em;
			
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			gap: 0.4rem;
			
			font-size: 0.9em;
			
			cursor: pointer;
			transition: .15s background ease-out;
			
			&:hover,
			&:focus-visible {
				background: var(--theme-button-states-primary-hovered);
			}
			
			&:has(span + .material-symbols-outlined) {
				padding-inline-end: 1em;
			}
			
			&:has(.material-symbols-outlined + span) {
				padding-inline-start: 1em;
			}
			
			&.secondary {
				color: var(--theme-surface-on-surface);
				background: var(--theme-secondary-button);
				border: 1px solid var(--theme-outline-variant);
				
				&:hover,
				&:focus-visible {
					background: var(--theme-button-secondary-hover);
				}
			}
		} */
	}

    @layer topbar{
        .top_head{
            color: var(--whitecolor);
            background: var(--textcolor);
            padding-inline: 3.2rem;
            padding-block: 1rem;

            .announcement-bar-inner{
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 20px;

                @media (width < 640px) {
                    flex-direction: column;
					justify-content: center;
                    gap: 1rem;
                }
            }

            > *{
                color: var(--whitecolor);
				font-size: 1.2rem;
				line-height: 1;
            }
			@media (width >= 990px) {
				> *{
					font-size: 1.4rem;
					line-height: 1.3;
				}
			}
           .announcement-right {
                > a {
                    color: var(--whitecolor);
                    text-decoration: none;
					&:not(:last-child) {
                        margin-inline-end: 1em;
                    }
					@media (width >= 990px) {
						&:not(:last-child) {
							margin-inline-end: 2em;
						}
					}

                    &:hover,
                    &:focus-visible {
                        color: var(--whitecolor);
                    }
                }
            }

			@media (width >= 990px) {
                padding-inline: 5rem;
            }            
        }
    }
	
	@layer navbar {
		@layer shared {
            .nav_bg{
                background: var(--whitecolor);
                
                nav a.header__menu-item {
                    color: var(--maincolor) !important;
                    transition: .15s color ease-out, .15s background ease-out;

                    &:hover,
                    &:focus-visible {
                        color: var(--maincolor);
                    }
					span {
						text-decoration: none !important;
					}
					@media (width >= 990px) {}

                }

                @media (width >= 990px) {
                    grid-template-columns: 1fr auto 1fr !important;
                }

				.mini-wishlist{
					
					#custom-wishlist-container .wishlist-link svg{
						height: 2rem;
						width: 2rem;
						fill: none;
						vertical-align: middle;
						color: rgba(var(--color-foreground), 0.75);
					}
					@media (width >= 990px) {
						height: 4.4rem;
						width: 4.4rem;
						display: flex;
						align-items: center;
						justify-content: center;
					}
				}
            }
		}
		@layer mobile {
			@media (width < 990px) {
			
				nav li {
					font-size: 1.85em;
					font-weight: var(--font-normal);
					border-bottom: 1px solid var(--blockground);
					
					&:first-child {
						border-top: 1px solid var(--blockground);
					}
					&:nth-child(6) a{
						text-transform: uppercase;
						font-weight: var(--font-medium);
					}
				}
			
				nav a {
					display: block;
				}
			}
		}
		
		/* Large Menu */
		@layer large {
			@media (width >= 990px) {
				.nav_bg{
					nav ul {
						flex-direction: row;
						gap: 1rem;
						align-self: flex-start;

						li{
							&:nth-child(6) a{
								/* text-transform: uppercase;
								font-weight: var(--font-medium); */
							}
							a {
								font-size: var(--text-base) !important;
								
								&:hover,
								&:focus-visible {
									color: var(--maincolor);
								}
							}
						}
							
					}
				}
			}
		}
	}
	
	@layer footer {
		footer.site-footer .newsletter-form input{
			box-shadow: none !important;
			flex: 1 1 auto;
			width: 1%;
			min-width: 0;
		}
		footer.site-footer .socials{

			.follow-us{				
				color: var(--whitecolor);
				font-size: var(--text-base);
				font-family: var(--mainfont) !important;
				font-weight: var(--font-bold);
				margin-block: 20px;
				display: block;
			}
			.follow-icons{
				display: flex;
				gap: 30px;
			}
		}
		.footer.site-footer .cont_email{
			p{
				line-height: 1 !important;
				> a{
					@media (width >= 990px) {
						font-size: 24px !important;
					}
				}
			}
		}

	}
}

@layer layout {
   @layer herovideo{
		.hero_sec{

			*{
				letter-spacing: normal;
			}
			width: 100%;
			min-height: calc(600px - 130px);
			background: #111;
			overflow: hidden;
			position: relative;

			.hv-media{

				position:absolute;
    			inset:0;

				.hv-video,
				.hv-gif,
				.hv-overlay{
					position: absolute;
  					inset: 0;
					width:100%;
					height:100%;
				}
				.hv-video,
				.hv-gif{					
					object-fit: cover;
					object-position: center;
					transform: scale(1.02);
					aspect-ratio: 16/9;
				}

				.hv-overlay{
					background: #3A281980;
					display: block !important;
				}
			}
			.hv-content{
				max-width: 100%;
				height: 100%;
				min-height: inherit;
				display:flex;
				flex-direction: column;
				justify-content: flex-end;
				padding: 24px;
      			padding-bottom: 40px;
				position: relative;

				@media (width >= 990px) {
					justify-content: center;
					padding: clamp(24px, 2.5vw, 72px);
				}

				.hv-title{

					P{
						color: var(--whitecolor);
						font-size: clamp(34px, 8vw, 60px);
						line-height: 1;
						font-family: var(--titlefont);
						font-weight: var(--font-bold);
						margin: 0;

						@media (width >= 990px) {
							/* font-size: clamp(86px, 5vw, 94px); */
							font-size: 96px;
						}
					}
				}

				.hv-cta{
					color: var(--whitecolor);
					font-size: var(--text-base);
					display: inline-flex;
					align-items: center;
					gap: 12px;
					width: fit-content;
					margin-block-start: 35px;

					&:not(.hv-cta__icon){
						font-weight: var(--font-bold);
					}

					&:hover,
					&:focus-visible{
						opacity: 1;
						transform: translateY(-1px);
						transition: 160ms ease;
					}
				}
				
			}

			@media (width >= 990px) {
				min-height: calc(100vh - 130px);
			}
		}
   }

   @layer shopcategory{}
		.shopCategory_sec{
			.cg-inner{
				padding-inline: 3.2rem;

				h2.cg-heading{
					color: var(--maincolor) !important;
					font-size: calc(var(--font-heading-scale) * 3rem) !important;
					line-height: 1;					
					font-family: var(--titlefont) !important;
					font-weight: var(--font-medium) !important;
					display: block;
					margin-block-end: 35px;				

					@media (width >= 990px) {
						font-size: 32px !important;
					}
				}
				.cg-grid{

					display: grid;
					gap: 16px;
					align-items: start;
					justify-content: center;

					.cg-item{
						display:flex;
						flex-direction: column;

						a{
							display: block; text-decoration: none;

							.cg-media{
								position: relative;
								overflow: hidden;
								background: #f3f3f3;
								aspect-ratio: 4 / 6;
								/* aspect-ratio: 370 / 543;
								width: 100%;
								max-width: 370px; */

								img.cg-static,
								img.cg-slide{
									position:absolute;
									inset:0;
									width:100%;
									height:100%;
									object-fit: cover;
									object-position: top center;
								}
							}
						}
						.cg-title{
							color: var(--maincolor);
							font-size: 32px;
							font-weight: 400;
							margin-block-start: 1rem;

							@media (width < 767px) {
								font-size: 20px;
							}
						}
					}
					.cg-item.cg-item--wide{

						@media (width < 990px) {
							/* grid-column: 1 / -1; */
						}
						@media (width < 767px) {
							grid-column: inherit;
						}

						.cg-media{
							aspect-ratio: 16 / 12;
							/* width: 100%;
							max-width: 662px;
							aspect-ratio: 662 / 543; */
							@media (width < 990px) {
								aspect-ratio: 4 / 6;
							}
							@media (width < 767px) {
								/* aspect-ratio: 4 / 6; */
							}
							
							img.cg-slide{
								opacity: 0;
    							transition: opacity 450ms ease;
								
								&.is-active {
									opacity: 1;
								}
							}

						}
					}

					@media (width < 990px) {
						grid-template-columns: repeat(2, 1fr) !important;
					}
					@media (width < 400px) {
						grid-template-columns: repeat(1, 1fr) !important;
					}
				}
				
				@media (width >= 990px) {
					padding-inline: 5rem;
				}
			}
			
			.cg-placeholder{
				width: 100%;
				height: 100%;
				background: linear-gradient(135deg, #eee, #ddd);
			}
		}
	}

	@layer split{
		.split_sec{
			.sb-grid{
				display: grid;
				grid-template-columns: repeat(1, minmax(0, 1fr));

				@media (width >= 990px) {
  					grid-template-columns: repeat(2, minmax(0, 1fr));
				}
				.sb-item{
					display: block;
					overflow: hidden;
					position: relative;

					@media (width >= 990px) {
						min-height: 735px !important;
						max-height: 735px;
						height: 100%;
					}

					.sb-media{
						position: absolute;
  						inset: 0;

						img{
							position: absolute;
							inset: 0;
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
							transform: scale(1.01);
						}
						.sb-overlay{
							background: #0000004F !important;
							display: block !important;
						}
					}
					.sb-content{						
						display: grid;
						align-content: center;						
						max-width: 630px;
						height: 100%;
						position: relative;
						padding-inline: 3.2rem;
						padding-block: 90px;
						@media (width >= 990px) {
							padding-inline: 5rem;
						}

						.sb-title{
							display: block;
							
							p{
								color: var(--whitecolor);
								font-family: var(--titlefont);
								font-style: var(--italic);
								font-weight: var(--font-bold);
								line-height: 1;
								font-size: 40px;
								margin: 0;

								@media (width >= 990px) {
									font-size: 64px;
								}
							}
						}
						.sb-btn{
							color: var(--maincolor);
							font-size: 14px;
							font-weight: var(--font-medium);
							display: inline-flex;
							align-items: center;
							justify-content: center;
							background: var(--whitecolor);
							max-width: 257px;
							width: 100%;
							height: 50px;
							padding: 10px 15px;
							margin-block-start: 35px;
						}
					}
				}
			}
		}
	}

	@layer newarrival{
		.newArrival_sec{

			.ps-inner{
				padding-inline: 3.2rem;

				h2.ps-heading{
					color: var(--maincolor) !important;
					font-size: calc(var(--font-heading-scale) * 3rem) !important;
					line-height: 1;					
					font-family: var(--titlefont) !important;
					font-weight: var(--font-medium) !important;
					display: block;
					margin-block-end: 35px;				

					@media (width >= 990px) {
						font-size: 32px !important;
					}
				}
				.ps-viewport{
					overflow: hidden;

					.ps-track{
						.ps-item{
							scroll-snap-align: start;

							.ps-card{
								color: var(--maincolor);
    							text-decoration: none;
								display: block;

								.ps-media{
									background: var(--whitecolor);
									aspect-ratio: 1 / 1.15;
									display: grid;
									place-items: center;

									img{
										width: 100%;
										height: 100%;
										object-fit: contain;
									}
								}
								.ps-meta{
									margin-block-start: 2.5rem;

									.ps-title{
										color: var(--maincolor);
										font-size: var(--text-base);
										line-height: 1;
										font-weight: var(--font-medium);
										margin-block-end: 2.5rem;
									}
									.ps-price{
										line-height: 1;
										font-weight: var(--font-medium);
										display: flex;
										gap: 20px;
										align-items: baseline;

										> *:not(.ps-price__was){
											font-size: var(--text-base);
										}

										.ps-price__now{
											color: var(--paracolor);
										}
										.ps-price__was{
											color: #C5C5C5;
											font-size: 14px;
											text-decoration: line-through;
											border: 1px solid #D9D9D9;
											padding: 8px 15px;
										}
									}
								}
							}
						}

					}
				}
				.ps-dots{
					display:flex;
					justify-content:center;
					gap: 12px;
					user-select: none;
					margin-top: 3rem;
					
					.ps-dot{
						width: 48px;
						height: 5px;
						background: #D9D9D9;
						border: none;
						cursor: pointer;

						&.is-active{ background: var(--maincolor);}
					}
				}

				@media (width >= 990px) {
					padding-inline: 5rem;
				}
			}
		}
	}

	@layer shoplock{
		.lookShop_sec{

			.stl-stage{
				position: relative;
				width: 100%;
				background: var(--maincolor);
				overflow: hidden;

				.stl-heading{
					position: absolute;
					left: 0;
					bottom: 70px;
					font-size: 40px;
					line-height: 1;					
					font-family: var(--titlefont) !important;
					font-weight: var(--font-bold) !important;
					display: block;
					margin-block-end: 35px;
					padding-inline: calc(3.2rem - 16px);

					@media (width >= 990px) {
						font-size: 64px;
						padding-inline: calc(5rem - 16px);
					}
				}
				.stl-dot{
					position: absolute;
					width: 12px;
					height: 12px;
					border-radius: 999px;
					border: 2px solid rgba(255,255,255,1);
					background: var(--whitecolor);
					transform: translate(-50%, -50%);
					cursor: pointer;
					padding: 0;

					.stl-ping{
						position:absolute;
						inset: -8px;
						border-radius: 999px;
						background: rgba(255,255,255,0.8);
						border: 1px solid rgba(255,255,255,0.55);
						animation: stlPing 1.8s ease-out infinite;

						.stl-ping-shape{
							position:absolute;
							inset: -5px;
							border-radius: 999px;
							background: rgba(255,255,255,0.5);
							border: 1px solid rgba(255,255,255,0.55);
							animation: stlPing 1.8s ease-out infinite;
						}
					}
				}
			}
		}
	}

	.boutiques_sec .ob-inner .ob-heading{
		padding-inline: 3.2rem;
		font-size: 40px;
		line-height: 1;					
		font-family: var(--titlefont) !important;
		font-weight: var(--font-bold) !important;
		font-style: var(--italic);
		display: block;
		margin-block-end: 35px;
		padding-inline: calc(3.2rem - 16px);

		@media (width >= 990px) {
			font-size: 64px;
			padding-inline: 5rem;
		}
	}
	.boutiques_sec .ob-linkline{color: var(--whitecolor) !important;}
	.boutiques_sec .ob-card .ob-content p{
		/* font-family: var(--mainfont) !important; */
		line-height: 1;
	}
	.fp-wrap .fp-inner .fp-content .founder-quote-icon{

		@media (width < 1025px) {
			font-size: 300px;
			top: -70px;
		}
		@media (width >= 1025px) {
			font-size: 500px;
			top: -130px !important;
		}
	}
	.tc-content .tc-text .tc-text-inner .tc-btn{
		text-decoration: underline !important;
		text-underline-offset: 4px;
	}
	/* END:: Home Page */

	@layer ourStory{
		.cs3__wrap .cs3__col .cs3__title{

			@media (width >= 900px) and (width < 1490px) {
				min-height: 76px;
			}
		}
	}

	@layer productPage {
		.custom-hero-banner{

			.hero-heading{				
				display: block;
				margin: 0;

				@media (width >= 990px) {
					font-size: 96px;
					line-height: 1;
				}
			}
			@media (width < 749px) {
				/* min-height: 385px !important; */
			}
		}

		.product-grid-container .product-grid{
			@media (width >= 1024px) and (width < 1366px) {
				display: grid !important;
				grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
				.grid__item{
					width: 100% !important;
					max-width: 100% !important;
				}
			}
			@media (width >= 767px) and (width < 1024px) {
				display: grid !important;
				grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
				.grid__item{
					width: 100% !important;
					max-width: 100% !important;
				}
			}
			.product-card-wrapper .card__inner{
				@media (width < 1024px) {
					.card__media img{
						object-fit: contain !important;
					}
				}
			}
		}

		.product__info-wrapper{
			.product__info-container{
				@media (width < 567px) {
					margin-block-start: 25px;
				}

				.icon-with-text{
					@media (width < 567px) {
						flex-direction: column !important;
						gap: 20px !important;

						.icon-with-text__item + .icon-with-text__item{ border-top: 1px solid #CECECE;}
					}
					.icon-with-text__item{
						@media (width < 567px) {
							border-right: none !important;
						}
						> span{
							@media (width < 567px) {
								font-size: 14px !important;
							}
						}
					}
					
				}
			}
		}
	}
	/* END:: Product Page */

	
}