/* /gissah_website_design/static/src/css/pages/hero.css */
 .hero-section{height: 100vh; max-height: 100vh; position: relative; overflow: hidden; padding-top: 0 !important; margin-top: 0 !important;}.language-popup-overlay{position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background-color: rgba(0, 0, 0, 0.7) !important; z-index: 99999 !important; display: flex !important; align-items: center !important; justify-content: center !important;}.language-popup-overlay.hidden{display: none !important;}.language-popup{background: white; border-radius: var(--radius-md); box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.3); max-width: 25rem; width: 90%; animation: popupFadeIn var(--transition-normal) ease-out; position: relative; z-index: 100000;}@keyframes popupFadeIn{from{opacity: 0; transform: scale(0.9);}to{opacity: 1; transform: scale(1);}}.language-popup-content{padding: 2.5rem 1.875rem; text-align: center;}.language-popup-title{font-family: var(--font-primary); font-size: 0.9rem; font-weight: 500; color: #333; margin: 0 0 1.875rem 0; letter-spacing: 0.1em; text-transform: uppercase;}.language-selector{margin-bottom: .75rem;}.language-dropdown{width: 100%; padding: 0.75rem 0.9375rem; border: 2px solid #e0e0e0; border-radius: var(--radius-sm); font-family: var(--font-primary); font-size: 0.9rem; color: #333; background: white; cursor: pointer; transition: border-color var(--transition-normal);}.language-dropdown:focus{outline: none; border-color: #8B7355;}.language-dropdown option{padding: 0.625rem; font-family: var(--font-primary);}.language-enter-btn{width: 100%; background-color: #333; color: white; border: none; padding: 0.9375rem 1.25rem; font-family: var(--font-primary); font-size: 0.8rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: background-color var(--transition-normal); border-radius: var(--radius-sm);}.language-enter-btn:hover{background-color: #8B7355;}.validation-message{color: #d32f2f; font-family: var(--font-primary); font-size: 0.75rem; margin-top: 0.9375rem; text-align: center;}.hero-section.popup-active .hero-bg::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 4; pointer-events: none;}.hero-bg{background: linear-gradient(135deg, rgba(245, 242, 237, 0.95) 0%, rgba(212, 197, 185, 0.85) 50%, rgba(139, 115, 85, 0.9) 100%); height: 100vh; max-height: 100vh; position: relative; display: flex; align-items: center; justify-content: center;}.hero-bg::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 53%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent); pointer-events: none; z-index: 10;}.hero-swiper{width: 100%; height: 100vh; position: relative; overflow: hidden;}.hero-swiper .swiper-slide{width: 100%; height: 100vh; position: relative;}.hero-swiper .swiper-slide[data-url]:not([data-url=""]){cursor: pointer;}.hero-swiper .swiper-slide picture{width: 100%; height: 100vh; display: block;}.hero-swiper .swiper-slide img.hero-image{width: 100%; height: 100vh; object-fit: cover; object-position: center; display: block;}.hero-text-overlay{position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%); z-index: 100; pointer-events: none; text-align: center;}.hero-text-background{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 58.847rem; height: 16.638rem; border-radius: 58.847rem; background: rgba(0, 0, 0, 0.51); filter: blur(8.125rem); flex-shrink: 0; z-index: -1;}.hero-text-content{position: relative; z-index: 1;}.hero-subtitle{font-family: var(--font-primary); font-size: 0.8rem; font-weight: 400; color: white; margin: 0 0 0.3rem 0; letter-spacing: 0.05em;}.hero-tagline{font-family: var(--font-display); font-size: 2.2rem; font-weight: 400; color: white; margin: 0 0 1rem 0; line-height: 1.2; letter-spacing: 0.02em;}.hero-cta{margin-top: 1rem;}.hero-discover{font-family: var(--font-primary); font-size: 0.75rem; font-weight: 500; color: white; letter-spacing: 0.15em; text-transform: uppercase; position: relative; display: inline-block;}.hero-discover::after{content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background-color: white;}@media (max-width: 768px){.hero-text-overlay{bottom: 12%;}.hero-text-background{width: 37.5rem; height: 10.625rem; border-radius: 37.5rem; filter: blur(5rem);}.hero-subtitle{font-size: 0.7rem;}.hero-tagline{font-size: 1.8rem;}.hero-discover{font-size: 0.65rem;}}@media (max-width: 480px){.hero-text-overlay{bottom: 10%;}.hero-text-background{width: 25rem; height: 7.5rem; border-radius: 25rem; filter: blur(3.75rem);}.hero-subtitle{font-size: 0.65rem;}.hero-tagline{font-size: 1.5rem;}.hero-discover{font-size: 0.6rem;}}

/* /gissah_website_design/static/src/css/pages/sections.css */
 .product-categories-section{padding: 5rem 0; background-color: var(--accent);}.product-categories-swiper{max-width: 75rem; margin: 0 auto; padding: 0 3rem; position: relative;}.product-categories-swiper .swiper-button-prev, .product-categories-swiper .swiper-button-next{width: 3rem; height: 3rem; background: var(--light); border: 2px solid var(--dark); border-radius: 50%; transition: all var(--transition-normal);}.product-categories-swiper .swiper-button-prev::after, .product-categories-swiper .swiper-button-next::after{font-size: var(--font-lg); font-weight: bold; color: var(--dark); transition: color var(--transition-normal);}.product-categories-swiper .swiper-button-prev:hover, .product-categories-swiper .swiper-button-next:hover{background: var(--dark); transform: scale(1.1);}.product-categories-swiper .swiper-button-prev:hover::after, .product-categories-swiper .swiper-button-next:hover::after{color: var(--light);}.product-category{text-align: center; cursor: pointer;}.product-image{margin-bottom: 1.25rem; border-radius: var(--radius-md); overflow: hidden; aspect-ratio: 3/4;}.product-image img{width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-slow);}.product-category:hover .product-image img{transform: scale(1.1);}.category-info{position: relative;}.category-title{font-family: var(--font-display); font-size: 1.5rem; font-weight: 400; color: var(--dark); margin: 0 0 0.3125rem 0; letter-spacing: -0.015rem; text-transform: uppercase; text-align: center; line-height: .75em;}.category-discover{opacity: 0; transform: translateY(-0.625rem); transition: opacity var(--transition-normal), transform var(--transition-normal);}.product-category:hover .category-discover{opacity: 1; transform: translateY(0);}.discover-text{font-family: var(--font-primary); font-size: 0.8rem; font-weight: 500; color: var(--dark); letter-spacing: 0.15em; text-transform: uppercase; position: relative; display: inline-block; margin-top: 1em;}.discover-text::after{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background-color: var(--dark);}.home-fragrances-section .gissah-product-overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 0.9375rem; opacity: 0; visibility: hidden; transition: all var(--transition-normal);}.home-fragrances-section .home-fragrance-item:hover .gissah-product-overlay{opacity: 1; visibility: visible;}.home-fragrances-section .gissah-wishlist-icon{align-self: flex-end; align-items: center; justify-content: center; cursor: pointer; transition: all var(--transition-normal);}.home-fragrances-section .gissah-wishlist-icon i{color: #333; font-size: 1.25rem; transition: color var(--transition-normal);}.home-fragrances-section .gissah-add-to-cart-shop{background: white; color: #333; border: 2px solid white; padding: 0.75rem 1.5rem; font-family: var(--font-primary); font-size: 0.85rem; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; cursor: pointer; transition: all var(--transition-normal); align-self: center; border-radius: 0;}.home-fragrances-section .gissah-add-to-cart-shop:hover{background: #333; color: white; border-color: #333; transform: translateY(-0.125rem);}@media (max-width: 768px){.product-categories-swiper{padding: 0 2rem;}.product-categories-swiper .swiper-button-prev, .product-categories-swiper .swiper-button-next{width: 2.5rem; height: 2.5rem;}.product-categories-swiper .swiper-button-prev::after, .product-categories-swiper .swiper-button-next::after{font-size: var(--font-base);}}

/* /gissah_website_design/static/src/css/pages/homepage.css */
 body.homepage nav.navbar{background-color: transparent !important; position: absolute !important; top: 0; left: 0; right: 0; z-index: 1000;}body.homepage nav.navbar .navbar-nav .nav-link{color: white !important;}body.homepage nav.navbar .navbar-brand{color: white !important;}body.homepage nav.navbar .btn i{color: white !important;}body.homepage nav.navbar img, body.homepage nav.navbar svg{filter: brightness(0) invert(1) !important;}body.homepage nav.navbar.o_colored_level{background: transparent !important;}body.homepage #wrapwrap{padding-top: 0 !important;}body.homepage nav.navbar.scrolled{background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(0.625rem); box-shadow: 0 2px 0.625rem rgba(0, 0, 0, 0.1);}body.homepage nav.navbar.scrolled .navbar-nav .nav-link{color: inherit !important;}body.homepage nav.navbar.scrolled .btn i{color: inherit !important;}body.homepage nav.navbar.scrolled img, body.homepage nav.navbar.scrolled svg{filter: none !important;}.home-fragrances-item img[loading="lazy"], .product-image img[loading="lazy"], .highlight-bg-image[loading="lazy"]{transition: opacity 0.3s ease-in;}.home-fragrances-item img.loaded, .home-fragrances-item img[data-loaded="true"], .product-image img.loaded, .product-image img[data-loaded="true"], .highlight-bg-image.loaded, .highlight-bg-image[data-loaded="true"]{opacity: 1;}.product-image{aspect-ratio: 1 / 1; min-height: 200px; background: var(--bg-light);}.product-image img{content-visibility: auto;}.product-category{pointer-events: auto !important;}.product-category *{pointer-events: auto !important;}.home-fragrances-item .fragrance-image{pointer-events: auto !important;}

/* /gissah_website_design/static/src/css/components/category-highlight.css */
 .fragrance-description{text-align: center; margin-bottom: 3.75rem;}.fragrance-text{font-family: var(--font-display); font-size: 1.4rem; font-weight: 400; color: var(--dark); line-height: 1.6; margin: 0; letter-spacing: 0.02em;}.fragrance-text em{font-style: italic; font-weight: 500;}.category-highlight-section{position: relative; width: 100%; height: 75vh; min-height: 37.5rem; overflow: hidden; display: block; visibility: visible;}.category-highlight-content{position: relative; width: 100%; height: 100%; display: block;}.highlight-background{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: block;}.highlight-background picture{display: block; width: 100%; height: 100%;}.highlight-bg-image{width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}.highlight-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: flex !important; align-items: center; justify-content: center; z-index: 2;}.highlight-text-content{text-align: center; color: white; max-width: 37.5rem; padding: 0 1.25rem;}.highlight-subtitle{font-family: var(--font-primary); font-size: var(--font-md); font-weight: 400; color: white; letter-spacing: 0.05em;}.highlight-tagline{font-family: 'Kelvinch', serif; font-size: var(--font-4xl); font-weight: 400; color: white; line-height: 1.1em; margin: 0.5rem 0 1rem 0;}.category-highlight-section .discover-text{font-family: var(--font-primary); font-size: var(--font-md); font-weight: 500; color: white; letter-spacing: 0.15em; text-transform: uppercase; cursor: pointer; position: relative; display: inline-block; transition: var(--transition-normal);}.category-highlight-section .discover-text::after{content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; background: white; transition: height var(--transition-normal);}.category-highlight-section .discover-text:hover{transform: translateY(-2px);}.category-highlight-section .discover-text:hover::after{height: 3px;}@media (max-width: 991px){section.category-highlight-section{display: block !important; visibility: visible !important; opacity: 1 !important; height: 70vh !important; min-height: 31.25rem !important; overflow: visible !important;}.category-highlight-section .category-highlight-content{display: block !important; visibility: visible !important; height: 100% !important;}.category-highlight-section .highlight-background{display: block !important; visibility: visible !important; height: 100% !important;}.category-highlight-section .highlight-overlay{display: flex !important; visibility: visible !important; height: 100% !important;}}@media (max-width: 768px){section.category-highlight-section{display: block !important; visibility: visible !important; opacity: 1 !important; height: 70vh !important; min-height: 31.25rem !important;}}@media (max-width: 480px){section.category-highlight-section{display: block !important; visibility: visible !important; opacity: 1 !important; height: 60vh !important; min-height: 25rem !important;}}

/* /gissah_website_design/static/src/css/components/pre-home-animation.css */
 :root{--ring-duration: 1.6s; --logo-duration: 0.8s; --logo-delay: 1.6s; --closing-duration: 1.4s; --prehome-scale: 1;}.pre-home-overlay{position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100dvh; min-height: 100vh; min-height: -webkit-fill-available; background: #000; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: var(--z-overlay); opacity: 1; transition: opacity var(--closing-duration) ease-in-out;}.pre-home-overlay.is-closing{opacity: 0; pointer-events: none;}.pre-home-overlay.is-hidden{opacity: 0; visibility: hidden; pointer-events: none;}.pre-home-container{position: relative; width: clamp( calc(110px * var(--prehome-scale)), calc(18vw * var(--prehome-scale)), calc(220px * var(--prehome-scale)) ); aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;}.pre-home-ring, .pre-home-logo{height: auto; opacity: 0; transform-origin: center; will-change: transform, opacity;}.pre-home-ring{width: 100%;}.pre-home-logo{position: absolute; width: clamp( calc(82px * var(--prehome-scale)), calc(35% * var(--prehome-scale)), calc(164px * var(--prehome-scale)) );}.pre-home-overlay.is-opening .pre-home-ring{animation: prehome-ring-open var(--ring-duration) ease-out forwards;}.pre-home-overlay.is-opening .pre-home-logo{animation: prehome-logo-open var(--logo-duration) var(--logo-delay) ease-out forwards;}.pre-home-overlay.is-closing .pre-home-ring{animation: prehome-ring-close var(--closing-duration) ease-in forwards;}.pre-home-overlay.is-closing .pre-home-logo{animation: prehome-logo-close var(--closing-duration) ease-in forwards;}@keyframes prehome-ring-open{0%{transform: scale(0.2) rotate(180deg); opacity: 0;}50%{opacity: 1;}100%{transform: scale(1) rotate(360deg); opacity: 1;}}@keyframes prehome-ring-close{0%{transform: scale(1) rotate(360deg); opacity: 1;}100%{transform: scale(0.05) rotate(180deg); opacity: 0;}}@keyframes prehome-logo-open{0%{transform: scale(0.1); opacity: 0;}100%{transform: scale(1); opacity: 1;}}@keyframes prehome-logo-close{0%{transform: scale(1); opacity: 1;}100%{transform: scale(0); opacity: 0;}}@media (max-width: 768px){.pre-home-container{width: clamp( calc(200px * var(--prehome-scale)), calc(35vw * var(--prehome-scale)), calc(350px * var(--prehome-scale)) );}.pre-home-logo{width: clamp( calc(82px * var(--prehome-scale)), calc(23% * var(--prehome-scale)), calc(164px * var(--prehome-scale)) );}}@media (prefers-reduced-motion: reduce){.pre-home-overlay, .pre-home-overlay::before, .pre-home-overlay::after, .pre-home-ring, .pre-home-logo{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;}.pre-home-ring, .pre-home-logo{opacity: 1 !important; transform: none !important;}}