/** Shopify CDN: Minification failed

Line 10:0 Unexpected "#"
Line 204:0 Unexpected "`"
Line 293:18 Unexpected "{"
Line 293:27 Expected ":"
Line 293:33 Unexpected "{"

**/
# `custom-header.css`

```css
/*
  Arctic Goddess — Custom Header
  - Matches the HTML you provided (class names unchanged)
  - Desktop mega menu + mobile drawer
  - Lightweight review carousel (desktop + mobile)
  - Sticky, responsive, accessible
*/

:root{
  /* Fallbacks (can be overridden inline or by theme) */
  --custom-header-background: 255,255,255; /* r,g,b */
  --custom-header-text-color: 47,1,71;     /* r,g,b */
  --custom-header-height: 72px; /* JS updates this on load */
}

/* Base */
.custom-header{
  position: sticky;
  top: 0;
  inset-inline: 0;
  z-index: 1000;
  background: rgb(var(--custom-header-background));
  color: rgb(var(--custom-header-text-color));
  border-bottom: 1px solid rgba(0,0,0,.06);
  display: none;
}
.custom-header__wrapper{
  max-width: min(1280px, 92vw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 48px 1fr 48px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
}

/* Hamburger */
.custom-header__mobile-menu-toggle{
  appearance: none;
  background: transparent;
  border: 0;
  padding: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.custom-header__hamburger{display:inline-block;width:22px;height:16px;position:relative}
.custom-header__hamburger-line{position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px}
.custom-header__hamburger-line:nth-child(1){top:0}
.custom-header__hamburger-line:nth-child(2){top:7px}
.custom-header__hamburger-line:nth-child(3){bottom:0}

/* Logo */
.custom-header__logo{display:flex;justify-content:center}
.custom-header__logo-link{display:inline-flex;align-items:center}
.custom-header__logo-image{display:block;height:auto;max-height:32px}

/* Right items */
.custom-header__right-items{display:flex;justify-content:flex-end}
.custom-header__cart-toggle{appearance:none;background:transparent;border:0;display:inline-flex;gap:6px;align-items:center;padding:6px;cursor:pointer}
.custom-header__cart-count{min-width:18px;height:18px;line-height:18px;border-radius:9px;background:#111;color:#fff;font-size:12px;text-align:center}

/* Desktop mega menu wrapper */
.custom-header__desktop-mega-menu{display:none;background:rgb(var(--custom-header-background));border-bottom:1px solid rgba(0,0,0,.06)}
.custom-header__desktop-mega-menu.active{display:block}
.custom-header__desktop-mega-menu .container{max-width:min(1440px,92vw);margin:0 auto;padding: 40px 0;}
.custom-header__mega-menu-inner{}
.custom-header__mega-menu-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}

.custom-header__mega-column{}
.custom-header__mega-column-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #2f0147;
    font-family: 'Pangram' !important;
}
.custom-header__mega-menu-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.custom-header__mega-menu-item{}
.custom-header__mega-menu-link{color: #2f0147;text-decoration:none; font-weight: 400; font-size: 18px;}
.custom-header__mega-menu-link:hover{color: #e066b7;}

/* Reviews (desktop) */
.custom-header__mega-reviews-carousel{position:relative;overflow:hidden}
.custom-header__mega-reviews-track{display:flex;transition:transform .4s ease}
.custom-header__mega-review-slide{min-width:100%;opacity:.6;transition:opacity .3s ease}
.custom-header__mega-review-slide.active{opacity:1}
.custom-header__mega-review{border-radius:16px;padding:14px 0;}
.custom-header__mega-review-content{display:flex;gap:12px;align-items:flex-start}
.custom-header__mega-review-image img{width:70px;height:70px;object-fit:cover; border-radius: 10px;}
.custom-header__mega-review-quote{margin:0 0 8px;font-size:14px;line-height:1.5; font-weight: 400; color: #2f0147; opacity: .8;}
.custom-header__mega-review-author{display:flex;gap:8px;align-items:center}
.custom-header__mega-review-stars .star{color: #c25ca3;font-size:14px}
span.custom-header__mega-review-name {
    font-size: 12px;
    font-weight: 300;
    color: #2f0147;
    margin: 0;
}

/* Featured product */
.custom-header__mega-featured-product{padding:14px;display:grid;gap:12px}
.custom-header__mega-product-top{display:flex;gap:12px;align-items:center}
.custom-header__mega-product-image img{width:70px;height:70px;border-radius:8px;object-fit:cover}
.custom-header__mega-product-content{flex:1}
.custom-header__mega-product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.custom-header__mega-product-tag{display:inline-block;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:600}
.custom-header__mega-product-title {
    margin: 0;
    font-size: 22px;
    font-family: 'Britania_Ligatura';
    color: #2F0147;
}

.custom-header__mega-buy-button {
    width: 100%;
    background: #00c466;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 16px;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    transition: all .3s ease;
    box-shadow: 0 2px 8px #00c4664d;
    box-sizing: border-box;
    margin-top: 8px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-header__mega-buy-button:hover {
    background: #c25ca3;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px #c25ca366;
}

/* Mobile drawer */
.custom-header__mobile-menu{position:fixed;inset:0;z-index:1100;display:none}
.custom-header__mobile-menu.active{display:block}
.custom-header__mobile-menu-overlay{position:absolute;inset:0;background:rgba(0,0,0,.32);opacity:0;transition:opacity .2s ease}
.custom-header__mobile-menu.active .custom-header__mobile-menu-overlay{opacity:1}
.custom-header__mobile-menu-content{position:absolute;inset-block:0;inset-inline-end:0;width:min(92vw,420px);background:#fff;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column}
.custom-header__mobile-menu.active .custom-header__mobile-menu-content{transform:translateX(0)}
.custom-header__mobile-menu-header{display:flex;justify-content:flex-end;padding:12px;border-bottom:1px solid #eee}
.custom-header__mobile-menu-close{appearance:none;background:transparent;border:0;padding:8px;cursor:pointer}
.custom-header__mobile-menu-scrollable-content{flex:1;overflow:auto;padding:16px;display:grid;gap:16px}

/* Mobile featured product */
.custom-header__featured-product{border:1px solid #eee;border-radius:14px;padding:12px;display:grid;gap:10px}
.custom-header__product-top{display:flex;gap:12px;align-items:center}
.custom-header__product-image img{width:72px;height:72px;border-radius:10px;object-fit:cover}
.custom-header__product-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.custom-header__product-tag{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}
.custom-header__product-title{margin:0;font-size:16px}
.custom-header__cta-button .main-cta-button__link{display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;background:#38264B;color:#fff;text-decoration:none;font-weight:700}

/* Mobile nav */
.custom-header__mobile-nav{display:grid;gap:6px}
.custom-header__mobile-nav-link{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:rgb(var(--custom-header-text-color));border:1px solid #eee}
.custom-header__mobile-nav-link:active{transform:scale(.99)}

/* Mobile bottom reviews */
.custom-header__mobile-reviews-section{position:sticky;bottom:0;background:#fff;border-top:1px solid #eee}
.custom-header__mobile-reviews-header{font-weight:700;padding:10px 12px}
.custom-header__mobile-reviews-carousel{position:relative;overflow:hidden}
.custom-header__mobile-reviews-track{display:flex;transition:transform .4s ease}
.custom-header__mobile-review-slide{min-width:100%;opacity:.6;transition:opacity .3s ease}
.custom-header__mobile-review-slide.active{opacity:1}
.custom-header__mobile-review{padding:12px}
.custom-header__mobile-review-content{display:flex;gap:10px}
.custom-header__mobile-review-image img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.custom-header__mobile-review-quote{margin:0 0 6px;font-size:14px}
.custom-header__mobile-review-stars .star{color:#f5a623;font-size:14px}
.custom-header__mobile-carousel-dots{display:flex;gap:8px;justify-content:center;padding:8px 0 12px}
.custom-header__mobile-dot{width:8px;height:8px;border-radius:50%;border:0;background:#ddd}
.custom-header__mobile-dot.active{background:#38264B}

/* Responsive */
@media (max-width: 989px){
  .custom-header__desktop-mega-menu{display:none !important}
}
@media (min-width: 990px){
  .custom-header__mobile-menu-toggle{display:none}
  .custom-header__mobile-menu{display:none !important}
}
```

---
/* Desktop mega menu */
.custom-header__desktop-mega-menu { display:none; }
.custom-header__desktop-mega-menu.active {
    display: block;
    border-top: 1px solid #DDD;
    position: absolute;
    background: white;
    width: 100%;
}

/* Mobile drawer (slide-in) */
.custom-header__mobile-menu { position:fixed; inset:0; display:block; }
.custom-header__mobile-menu-overlay { opacity:0; pointer-events:none; transition:.2s; }
.custom-header__mobile-menu-content { transform:translateX(100%); transition:.25s; }
.custom-header__mobile-menu.active .custom-header__mobile-menu-overlay { opacity:1; pointer-events:auto; }
.custom-header__mobile-menu.active .custom-header__mobile-menu-content { transform:translateX(0); }

/* === Mobile drawer: open from LEFT === */
.custom-header__mobile-menu-content{
  /* আগে যদি inset-inline-end/right দেওয়া থাকে, ওভাররাইড করুন */
  inset-inline: 0 auto;       /* left aligned */
  left: 0; right: auto;       /* নিশ্চিত left-side */
  transform: translateX(-100%);  /* শুরুতে বাম দিকে লুকানো */
  transition: transform .25s ease;
}
.custom-header__mobile-menu.active .custom-header__mobile-menu-content{
  transform: translateX(0);
}

/* Overlay same as before */
.custom-header__mobile-menu-overlay{
  opacity: 0; pointer-events: none; transition: opacity .2s ease;
}
.custom-header__mobile-menu.active .custom-header__mobile-menu-overlay{
  opacity: 1; pointer-events: auto;
}

/* Close (X) button: উপরে বামে দেখাতে চাইলে */
.custom-header__mobile-menu-header{
  display: flex; justify-content: flex-start; /* বামে */
  padding: 12px; border-bottom: 1px solid #eee;
}
.custom-header__mobile-menu-close{
  appearance: none; background: transparent; border: 0; padding: 8px; cursor: pointer;
}
.custom-header__mobile-menu-close svg{ width: 26px; height: 26px; }
/* === Smooth open/close animation for mobile drawer === */
.custom-header__mobile-menu-content {
  position: absolute;
  top: 0;
  left: 0;
  width: min(92vw, 420px);
  height: 100%;
  background: #fff;
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.custom-header__mobile-menu.active .custom-header__mobile-menu-content {
  transform: translateX(0);
}

/* Overlay fade animation */
.custom-header__mobile-menu-overlay {
  opacity: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.35);
  transition: opacity 0.35s ease;
}

.custom-header__mobile-menu.active .custom-header__mobile-menu-overlay {
  opacity: 1;
  pointer-events: auto;
}

/* Slight fade-in of menu items */
.custom-header__mobile-menu.active .custom-header__mobile-menu-scrollable-content {
  animation: menuFadeIn 0.4s ease both;
}

@keyframes menuFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* 1) Section-এর z-index খালি করে দাও (stacking context ভাঙবে) */
#shopify-section-{{ section.id }}{
  z-index: auto !important;
}

/* 2) Headerকে সাধারণ লেয়ারে রাখো */
.custom-header{
  position: sticky;
  top: 0;
  z-index: 1000; /* ইচ্ছে করলে কম/বেশি করতে পারো */
}

/* 3) Mobile drawer সব কিছুর উপরে */
.custom-header__mobile-menu{
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important; /* header-এর চেয়ে অনেক বেশি */
  display: block;
  pointer-events: none; /* default: off, active হলে on */
}
.custom-header__mobile-menu.active{ pointer-events: auto; }

/* Overlay + panel */
.custom-header__mobile-menu-overlay{
  position: absolute; inset: 0;
  background: rgba(0,0,0,.4);
  opacity: 0; transition: opacity .35s ease;
}
.custom-header__mobile-menu-content{
  position: absolute; top: 0; left: 0;   /* LEFT থেকে ওপেন হবে */
  width: min(90vw, 400px); height: 100%;
  background: #fff;
  transform: translateX(-100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  box-shadow: 4px 0 18px rgba(0,0,0,.15);
  overflow-y: auto;
}
.custom-header__mobile-menu.active .custom-header__mobile-menu-overlay{ opacity: 1; }
.custom-header__mobile-menu.active .custom-header__mobile-menu-content{ transform: translateX(0); }

/* Close (×) */
.custom-header__mobile-menu-header{
  position: sticky; top: 0; z-index: 10;
  display: flex; justify-content: flex-start; align-items: center;
  padding: 14px 16px; background: #fff; border-bottom: 1px solid #eee;
}
.custom-header__mobile-menu-close{
  background: transparent; border: 0; cursor: pointer; padding: 6px;
}
.custom-header__mobile-menu-close svg{ width: 28px; height: 28px; }