/** Shopify CDN: Minification failed

Line 415:1 Expected "}" to go with "{"

**/
/* =========================================================
   PAKIKI — NATIVE SHOPIFY MOBILE MENU
   Text-only / Two-column category layout
   ========================================================= */

@media screen and (max-width: 749px) {

  /* -------------------------------------------------------
     DRAWER
     ------------------------------------------------------- */

  .menu-drawer {
    background: #FAF8F2 !important;
    color: #030213 !important;
  }

  .menu-drawer__inner-container,
  .menu-drawer__navigation-container {
    background: #FAF8F2 !important;
  }


  /* -------------------------------------------------------
     TOP LEVEL
     BOYS / GIRLS / DISCOVER
     ------------------------------------------------------- */

  .menu-drawer__menu-item {
    font-family: var(--pakiki-font-heading) !important;
    color: #030213 !important;
  }

  .menu-drawer__menu > li > .menu-drawer__menu-item {
    font-size: var(--pakiki-fs-nav) !important;
    font-weight: 400 !important;
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }


  /* -------------------------------------------------------
     REMOVE NATIVE ARROWS
     ------------------------------------------------------- */

  .menu-drawer__menu-item .icon-arrow,
  .menu-drawer__menu-item svg {
    color: #030213 !important;
  }


  /* -------------------------------------------------------
     SUBMENU
     ------------------------------------------------------- */

  .menu-drawer__submenu {
    background: #FAF8F2 !important;
  }

  .menu-drawer__inner-submenu {
    background: #FAF8F2 !important;
  }


  /* -------------------------------------------------------
     SUBMENU HEADER
     ------------------------------------------------------- */

  .menu-drawer__close-button {
    font-family: var(--pakiki-font-heading) !important;
    color: #030213 !important;
    background: #FAF8F2 !important;
  }


  /* -------------------------------------------------------
     BOYS / GIRLS CONTENT
     ------------------------------------------------------- */

  .menu-drawer__submenu > .menu-drawer__menu {
    padding: 1.5rem 1.25rem 2.5rem !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 2rem !important;
    align-items: start !important;
  }


  /* -------------------------------------------------------
     NORMAL CLOTHING LINKS
     ------------------------------------------------------- */

  .menu-drawer__submenu > .menu-drawer__menu > li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .menu-drawer__submenu > .menu-drawer__menu > li
  > .menu-drawer__menu-item {
    font-family: var(--pakiki-font-body) !important;
    font-size: var(--pakiki-fs-nav) !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;

    padding: 0 0 1.25rem !important;
    margin: 0 !important;

    background: transparent !important;
  }


  /* -------------------------------------------------------
     ACCESSORIES HEADING
     ------------------------------------------------------- */

  .menu-drawer__submenu > .menu-drawer__menu
  > li:has(> .menu-drawer__submenu) {
    grid-column: 2 !important;
  }

  .menu-drawer__submenu > .menu-drawer__menu
  > li:has(> .menu-drawer__submenu)
  > .menu-drawer__menu-item {
    font-family: var(--pakiki-font-heading) !important;
    font-weight: 600 !important;
    padding-bottom: 1rem !important;
  }


  /* -------------------------------------------------------
     ACCESSORIES ITEMS
     ------------------------------------------------------- */

  .menu-drawer__submenu
  .menu-drawer__submenu {
    position: static !important;
    visibility: visible !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;

    background: transparent !important;
  }

  .menu-drawer__submenu
  .menu-drawer__submenu .menu-drawer__menu {
    display: block !important;
    padding: 0 !important;
  }

  .menu-drawer__submenu
  .menu-drawer__submenu .menu-drawer__menu-item {
    font-family: var(--pakiki-font-body) !important;
    font-size: var(--pakiki-fs-nav) !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;

    padding: 0 0 1.25rem !important;
  }


  /* -------------------------------------------------------
     VIEW ALL
     ------------------------------------------------------- */


  /* -------------------------------------------------------
     REMOVE IMAGES
     ------------------------------------------------------- */

  .menu-drawer img,
  .menu-drawer picture,
  .menu-drawer video {
    display: none !important;
  }


  /* -------------------------------------------------------
     REMOVE UNNECESSARY BORDERS
     ------------------------------------------------------- */

  .menu-drawer .menu-drawer__menu-item {
    border: 0 !important;
  }

}/* =========================================================
   PAKIKI MOBILE MENU — KEEP ALL CATEGORIES OPEN
   Boys / Girls / Discover with their submenus underneath
   ========================================================= */

@media screen and (max-width: 749px) {

  /* Keep every submenu on the same page */
  .menu-drawer details > .menu-drawer__submenu,
  .menu-drawer details:not([open]) > .menu-drawer__submenu {
    display: block !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    inset: auto !important;
  }

  /* Remove the slide-in positioning from Shopify's drawer */
  .menu-drawer__submenu {
    position: static !important;
    transform: none !important;
  }

  /* Keep the contents visible */
  .menu-drawer__inner-submenu {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* Hide the back arrows/buttons created for drill-down */
  .menu-drawer__close-button {
    display: none !important;
  }

  /* Hide the arrow/caret on expandable items */
  .menu-drawer .svg-wrapper {
    display: none !important;
  }

  /* Top-level categories */
  .menu-drawer > .menu-drawer__inner-container
  .menu-drawer__menu > li > details > summary {
    font-weight: 600 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
  }
/* =========================================================
   PAKIKI MOBILE MENU
   BOYS + GIRLS — TWO COLUMNS
   ACCESSORIES ON RIGHT
   NORMAL VERTICAL SPACING ON LEFT
   ========================================================= */

@media screen and (max-width: 749px) {

  /* -----------------------------------------
     BOYS + GIRLS MAIN MENU
     ----------------------------------------- */

  #link-boys > .menu-drawer__inner-submenu > .menu-drawer__menu,
  #link-girls > .menu-drawer__inner-submenu > .menu-drawer__menu {
    position: relative !important;

    display: block !important;

    padding: 0 !important;
    margin: 0 !important;
  }


  /* -----------------------------------------
     NORMAL LEFT-COLUMN LINKS
     ----------------------------------------- */

  #link-boys
  > .menu-drawer__inner-submenu
  > .menu-drawer__menu
  > li:not(:last-child),

  #link-girls
  > .menu-drawer__inner-submenu
  > .menu-drawer__menu
  > li:not(:last-child) {
    width: 50% !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* -----------------------------------------
     ACCESSORIES — RIGHT COLUMN
     ----------------------------------------- */

  #link-boys
  > .menu-drawer__inner-submenu
  > .menu-drawer__menu
  > li:last-child,

  #link-girls
  > .menu-drawer__inner-submenu
  > .menu-drawer__menu
  > li:last-child {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;

    width: 50% !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* -----------------------------------------
     NORMAL LINK SPACING
     ----------------------------------------- */

  #link-boys
  > .menu-drawer__inner-submenu
  > .menu-drawer__menu
  > li:not(:last-child)
  > a,

  #link-girls
  > .menu-drawer__inner-submenu
  > .menu-drawer__menu
  > li:not(:last-child)
  > a {
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;

    margin: 0 !important;
  }


  /* -----------------------------------------
     ACCESSORIES HEADING
     ----------------------------------------- */

  #link-boys
  > .menu-drawer__inner-submenu
  > .menu-drawer__menu
  > li:last-child
  > details
  > summary,

  #link-girls
  > .menu-drawer__inner-submenu
  > .menu-drawer__menu
  > li:last-child
  > details
  > summary {
    margin: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0.65rem !important;

    text-align: left !important;

    font-family: var(--pakiki-font-heading) !important;
    font-weight: 600 !important;
  }


  /* -----------------------------------------
     ACCESSORIES CHILDREN
     ----------------------------------------- */

  #link-boys
  > .menu-drawer__inner-submenu
  > .menu-drawer__menu
  > li:last-child
  .menu-drawer__menu-item,

  #link-girls
  > .menu-drawer__inner-submenu
  > .menu-drawer__menu
  > li:last-child
  .menu-drawer__menu-item {
    margin-left: 0 !important;
    padding-left: 0 !important;

    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;

    text-align: left !important;

    font-family: var(--pakiki-font-heading) !important;
    font-weight: 400 !important;
  }


  /* -----------------------------------------
     REMOVE NESTED INDENTATION
     ----------------------------------------- */

  #link-boys .menu-drawer__submenu,
  #link-girls .menu-drawer__submenu {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }


  /* -----------------------------------------
     REMOVE BORDERS
     ----------------------------------------- */

  .menu-drawer .menu-drawer__menu-item {
    border: 0 !important;
  }

}