/* Perkfection UX v1.3.1 — independent navigation; original IQIT untouched. */
@media(max-width:991.98px){
#_mobile_iqitmegamenu-mobile, .col-mobile-menu-push{background:#f3e6e1;color:#332522}
.mobile-menu__scroller.pkux-active > li:not(.pkux-menu-host){display:none!important}
.mobile-menu__scroller.pkux-active{position:relative!important;height:auto!important;min-height:100%;padding:0 22px 35px!important}
.mobile-menu__content:has(> .mobile-menu__scroller.pkux-active){margin:0!important;overflow-y:auto}
.mobile-menu__scroller > li.pkux-menu-host{display:block!important;list-style:none;margin:0;padding:0;width:100%}
#_mobile_iqitmegamenu-mobile .mobile-menu__header-wrapper,.col-mobile-menu-push .mobile-menu__header-wrapper{border-bottom:1px solid rgba(85,58,50,.14);background:#f3e6e1;min-height:70px}
#_mobile_iqitmegamenu-mobile .mobile-menu__header-wrapper:before,.col-mobile-menu-push .mobile-menu__header-wrapper:before{content:'perkfection';font:normal 29px Georgia,serif;color:#bd687c;margin-left:16px;align-self:center}
.pkux-menu-host .pkux-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;padding:14px 0 28px}
.pkux-menu-host .pkux-heading{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.17em;color:#916e69;margin:25px 0 13px}
.pkux-menu-host .pkux-feature{grid-column:1/-1;text-decoration:none;color:#302320;padding:8px 0 19px;border-bottom:1px solid #ddc9c2}
.pkux-menu-host .pkux-feature strong{display:block;font:normal 31px Georgia,serif}
.pkux-menu-host .pkux-feature small{display:block;color:#846c66;font-size:13px;margin-top:6px}
.pkux-menu-host .pkux-link{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;color:#342824;text-decoration:none;padding:14px 0;border-bottom:1px solid #ddc9c2;font-size:15px;font-weight:500;line-height:1.3}
.pkux-menu-host .pkux-link span{font-size:24px;color:#8c6a62;font-weight:300}
.pkux-menu-host .pkux-shade{text-align:center;text-decoration:none;color:#46332e;display:flex;align-items:center;flex-direction:column;font-size:12px;gap:8px;padding:6px 0 13px;min-width:0}
.pkux-menu-host .pkux-swatch{display:block;width:43px;height:43px;border-radius:50%;border:1px solid rgba(50,30,25,.15)}
.pkux-menu-host .pkux-nav a:focus-visible{outline:2px solid #b65d75;outline-offset:3px}
}
/* v1.3.2 visual refinement: tighter rhythm, softer blush, actual SVG brand asset. */
@media (max-width:991.98px) {
  #_mobile_iqitmegamenu-mobile, .col-mobile-menu-push {background:#f8efeb;color:#332522;}
  #_mobile_iqitmegamenu-mobile .mobile-menu__header-wrapper,
  .col-mobile-menu-push .mobile-menu__header-wrapper {background:#f8efeb}
  #_mobile_iqitmegamenu-mobile .mobile-menu__header-wrapper:before,
  .col-mobile-menu-push .mobile-menu__header-wrapper:before {
    content:"";
    display:block;
    width:clamp(155px,48vw,225px);
    height:44px;
    flex:0 1 auto;
    background:url('/img/perklogo2026red.svg') left center / contain no-repeat;
    margin-left:16px;
  }
  .mobile-menu__scroller.pkux-active {padding-bottom:22px!important}
  .pkux-menu-host .pkux-nav {padding:7px 0 18px;gap:0 8px}
  .pkux-menu-host .pkux-heading {margin:19px 0 9px;font-size:10.5px}
  .pkux-menu-host .pkux-feature {padding:5px 0 13px;border-color:#e8d8d1}
  .pkux-menu-host .pkux-feature strong {font-size:27px;line-height:1.15}
  .pkux-menu-host .pkux-feature small {margin-top:4px}
  .pkux-menu-host .pkux-shade {gap:6px;padding:3px 0 8px}
  .pkux-menu-host .pkux-swatch {width:39px;height:39px}
  .pkux-menu-host .pkux-link {padding:11px 0;border-color:#e8d8d1;font-size:14.5px}
  .pkux-menu-host .pkux-link span {font-size:20px}
}

/* v1.3.3: make the primary category unmistakably clickable and consistent. */
@media (max-width:991.98px) {
  .pkux-menu-host .pkux-feature {
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:11px 0;border-bottom:1px solid #e8d8d1;
    font-size:14.5px;font-weight:500;line-height:1.3;
  }
  .pkux-menu-host .pkux-feature-copy {display:block;min-width:0;flex:1}
  .pkux-menu-host .pkux-feature strong {
    display:block;font:inherit;font-weight:500;line-height:1.3;
  }
  .pkux-menu-host .pkux-feature small {
    display:block;font-size:12.5px;line-height:1.4;color:#846c66;margin-top:4px;
  }
  .pkux-menu-host .pkux-feature-arrow {
    flex:none;font-size:20px;color:#8c6a62;font-weight:300;line-height:1;
  }
  /* Round the hamburger trigger, not the full-screen drawer containers. */
  .js-m-nav-btn-menu {border-radius:50%!important;overflow:hidden}
}

/* v1.3.4: interaction polish. Scoped to the independently rendered mobile menu. */
@media (max-width:991.98px) {
  /* Full-width links with accessible tap areas and subtle feedback. */
  .pkux-menu-host .pkux-link {min-height:48px;box-sizing:border-box;}
  .pkux-menu-host .pkux-feature {min-height:58px;box-sizing:border-box;}
  .pkux-menu-host .pkux-link:active,
  .pkux-menu-host .pkux-feature:active {background:rgba(123,78,78,.07);}
  .pkux-menu-host .pkux-shade {min-height:76px;box-sizing:border-box;touch-action:manipulation;}
  .pkux-menu-host .pkux-shade:active .pkux-swatch {outline:2px solid #9b6768;outline-offset:3px;}
  .pkux-menu-host .pkux-shade:focus-visible {outline:2px solid #9b6768;outline-offset:2px;border-radius:5px;}
  .pkux-menu-host .pkux-shade:focus-visible .pkux-swatch {outline:2px solid #9b6768;outline-offset:3px;}
  .pkux-menu-host .pkux-swatch {transition:transform .16s ease,outline-color .16s ease;}
  .pkux-menu-host .pkux-shade:active .pkux-swatch {transform:scale(.95);}
  /* Scroll hint appears only when there is content below. */
  .mobile-menu__content.pkux-has-more::after {
    content:'';position:sticky;display:block;bottom:0;left:0;width:100%;height:22px;
    margin-top:-22px;pointer-events:none;z-index:2;
    background:linear-gradient(to bottom,rgba(244,227,219,0),#f4e3db);
  }
  /* Small, quiet close glyph while retaining the theme's original hit target. */
  .mobile-menu__header-wrapper .fa-times,
  .mobile-menu__header-wrapper .fa-close {font-size:21px;color:#382b29;font-weight:normal;}
}
@media (prefers-reduced-motion:reduce) {
  .pkux-menu-host .pkux-swatch {transition:none!important;}
}