/* ==================================================
   PEETALYA — MEGA MENU THEME-EDITOR VARIABLES
   ================================================== */
.peetalya-mega-menu{
  --mega-heading: {{ section.settings.mega_heading_color }};
  --mega-link: {{ section.settings.mega_link_color }};
  --mega-hover: {{ section.settings.mega_link_hover }};
  --mega-bg: {{ section.settings.mega_background }};
}
.peetalya-menu-label{ color:var(--mega-heading); }
.peetalya-menu-links a{ color:var(--mega-link); }
.mega-menu__content{ background:var(--mega-bg); }


/* ==================================================
   PEETALYA HEADER — Diamon-style
   ================================================== */

/* --- Bar shell --- */
.header-wrapper{
  background:var(--pt-color-white);
  border-bottom:1px solid rgba(51, 42, 34, 0.05) !important;
  transition:
    background .32s cubic-bezier(.22,.61,.36,1),
    backdrop-filter .32s cubic-bezier(.22,.61,.36,1),
    box-shadow .32s cubic-bezier(.22,.61,.36,1);
}

.shopify-section-header-sticky{
  background:var(--pt-color-ivory);
}

/* --- Header height --- */
.header{
  min-height:88px;
  max-width:1560px;
  margin:0 auto;
  padding-left:40px;
  padding-right:40px;
  transition:
    min-height .32s cubic-bezier(.22,.61,.36,1),
    padding .32s cubic-bezier(.22,.61,.36,1);
}

/* --- Logo --- */
.header__heading-logo{
  max-height:56px;
  width:auto;
  transition:
    max-height .32s cubic-bezier(.22,.61,.36,1),
    transform .32s cubic-bezier(.22,.61,.36,1);
}

/* --- Desktop navigation --- */
.list-menu--inline{
  gap:42px;
  transition:gap .32s cubic-bezier(.22,.61,.36,1);
}

.header__menu-item{
  padding:1rem 1.25rem;
  font-size:13px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:500;
  transition:color .25s ease;
}

.header__menu-item:hover{
  color:var(--pt-color-brass);
}

/* --- Icons --- */
.header__icons{ gap:18px; }
.header__icon{ width:44px; height:44px; }
.header__icon svg{ width:20px; height:20px; }

/* ==================================================
   STICKY / SCROLLED STATE
   ================================================== */
.scrolled-past-header,
.peetalya-sticky-active{
  background:rgba(255, 255, 255, 0.96);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.scrolled-past-header .header,
.peetalya-sticky-active .header{ min-height:66px; }

.scrolled-past-header .header__heading-logo,
.peetalya-sticky-active .header__heading-logo{
  max-height:40px;
  transform:scale(.94);
}

.scrolled-past-header .list-menu--inline,
.peetalya-sticky-active .list-menu--inline{ gap:34px; }

/* ==================================================
   RESPONSIVE — header bar
   ================================================== */
@media (max-width:989px){
  .header{ min-height:64px; padding-left:18px; padding-right:18px; }
  .header__heading-logo{ max-height:42px; }
  .scrolled-past-header .header,
  .peetalya-sticky-active .header{ min-height:58px; }
  .scrolled-past-header .header__heading-logo,
  .peetalya-sticky-active .header__heading-logo{ max-height:38px; transform:none; }
}


/* =====================================
   PEETALYA LUXURY MOBILE DRAWER
   ===================================== */
@media screen and (max-width: 989px){

.menu-drawer{
  width:90vw !important;
  max-width:380px !important;
  background:var(--pt-color-white) !important;
  border-right:none !important;
}

.menu-drawer__inner-container{ background:var(--pt-color-white); }
.menu-drawer__navigation{ padding-top:30px; }

.menu-drawer__menu-item{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  font-weight:500;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--pt-color-text);
  padding-left:24px;
  padding-right:24px;
  border-bottom:1px solid rgba(44,36,28,.06);
}

.menu-drawer__menu-item:hover{ color:var(--pt-color-brass); }
.menu-drawer__submenu{ background:var(--pt-color-white); }

.menu-drawer__close-button{
  min-height:60px;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(44,36,28,.08);
}

.menu-drawer__submenu .menu-drawer__menu-item{
  min-height:52px;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:none;
  padding-left:36px;
}

.menu-drawer__utility-links{
  padding:30px 24px 40px;
  border-top:1px solid rgba(44,36,28,.08);
  margin-top:20px;
}

.menu-drawer__account{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:13px;
}

.list-social{ gap:18px; margin-top:25px; }
.list-social__link{
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
}

}

.peetalya-mobile-links{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-bottom:24px;
}

.peetalya-mobile-links a{
  text-decoration:none;
  color:var(--pt-color-text);
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
}


/* ==================================================
   PEETALYA LUXURY MEGA MENU V2
   ================================================== */

.peetalya-mega-menu{
  --mega-bg:      var(--mega-bg,      #ffffff);
  --mega-heading: var(--mega-heading, #2C241C);
  --mega-link:    var(--mega-link,    #2C241C);
  --mega-hover:   var(--mega-hover,   #B08D57);
  --mega-label:   var(--mega-label,   #8A7A63);
}

.mega-menu__content{
  border:0 !important;
  background:var(--mega-bg,#ffffff) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.08);
  padding:0 !important;
}

@media screen and (min-width:990px){
  .mega-menu__content{
    opacity:0;
    transform:translateY(10px);
    transition:opacity .25s ease, transform .25s ease;
  }
  .mega-menu[open] .mega-menu__content{
    opacity:1; transform:none;
  }
}

.peetalya-mega-container{
  width:100%; max-width:1800px;
  margin:0 auto; padding:50px 60px;
}

.peetalya-mega-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1.2fr 1fr 500px;
  gap:50px; align-items:start;
}

.peetalya-menu-label{
  display:block;
  margin-bottom:24px;
  font-size:12px; font-weight:600;
  text-transform:uppercase; letter-spacing:.18em;
  color:var(--mega-label);
}

.peetalya-menu-links{ list-style:none; padding:0; margin:0; }
.peetalya-menu-links li{ margin-bottom:14px; }

.peetalya-menu-links a{
  position:relative; display:inline-block;
  text-decoration:none; color:var(--mega-link);
  font-size:15px; line-height:1.5;
  transition:color .25s ease, transform .25s ease;
}

.peetalya-menu-links a::after{
  content:""; position:absolute;
  left:0; bottom:-4px;
  width:0; height:1px;
  background:var(--mega-hover);
  transition:width .25s ease;
}

.peetalya-menu-links a:hover{ color:var(--mega-hover); }
.peetalya-menu-links a:hover::after{ width:100%; }

.peetalya-feature-card{
  background:var(--pt-color-ivory);
  padding:32px; min-height:260px;
  display:flex; flex-direction:column; justify-content:center;
  transition:transform .35s ease, box-shadow .35s ease;
}

.peetalya-feature-card:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.peetalya-feature-card small{
  font-size:11px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--mega-label);
}

.peetalya-feature-card h3{
  margin:14px 0; color:var(--mega-heading);
  font-size:32px; line-height:1.15;
}

.peetalya-feature-card a{ color:var(--mega-link); text-decoration:none; }
.peetalya-feature-card a:hover{ color:var(--mega-hover); }

.peetalya-image-column{ position:relative; overflow:hidden; }

.peetalya-mega-image{
  width:100%; height:360px;
  object-fit:cover; display:block;
  transition:transform .7s ease;
}

.peetalya-image-column:hover .peetalya-mega-image{ transform:scale(1.04); }

.peetalya-image-content{
  position:absolute; left:24px; right:24px; bottom:24px;
  color:var(--pt-color-white); z-index:2;
}

.peetalya-image-content span{
  display:block; font-size:11px;
  letter-spacing:.18em; text-transform:uppercase;
}

.peetalya-image-content h3{ margin:10px 0; font-size:34px; line-height:1.1; }
.peetalya-image-content a{ color:var(--pt-color-white); text-decoration:none; }
.peetalya-image-content a::after{ content:" →"; transition:.25s ease; }
.peetalya-image-content a:hover::after{ margin-left:8px; }

.peetalya-image-column::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.05));
  z-index:1;
}

@media screen and (max-width:1200px){
  .peetalya-mega-grid{ grid-template-columns:1fr 1fr 1fr; }
  .peetalya-image-column{ display:none; }
}

@media screen and (max-width:989px){
  .peetalya-mega-container{ padding:30px; }
  .peetalya-mega-grid{ display:block; }
  .peetalya-menu-column,
  .peetalya-feature-column,
  .peetalya-material-column{ margin-bottom:35px; }
}

@media screen and (min-width: 990px){
  details.mega-menu > .mega-menu__content{ transition: opacity .18s ease; }
}

@media screen and (min-width: 990px){
  .mega-menu__content{
    opacity: 0; visibility: hidden; transform: translateY(8px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  }
  details.mega-menu[open] > .mega-menu__content{
    opacity: 1; visibility: visible; transform: translateY(0);
  }
}