/* 3Grafik 2.0 - MegaMenu premium polish. Independent from Puca. */
@media (min-width: 992px) {
  .tg-sh .tg-mm { background: #fff; border-top: 1px solid #eee8ed; border-bottom: 1px solid #eee8ed; }
  .tg-sh .tg-mm__inner { gap: 2px; padding: 0 20px; align-items: center; }
  .tg-sh .tg-mm__item summary, .tg-sh .tg-mm__direct {
    position: relative; padding: 19px 14px; font-size: 13px; font-weight: 650;
    letter-spacing: .005em; transition: color .16s ease, background-color .16s ease;
    border-radius: 0; text-decoration: none;
  }
  .tg-sh .tg-mm__item summary span { font-size: 13px; line-height: 1; font-weight: 700; transition: transform .16s ease; }
  .tg-sh .tg-mm__item[open] summary span { transform: rotate(180deg); }
  .tg-sh .tg-mm__item summary::after, .tg-sh .tg-mm__direct::after {
    content: ''; position: absolute; bottom: 0; left: 14px; right: 14px;
    height: 3px; border-radius: 3px 3px 0 0; background: #E64D87;
    transform: scaleX(0); transition: transform .17s ease; transform-origin: center;
  }
  .tg-sh .tg-mm__item[open] summary, .tg-sh .tg-mm__item summary:hover, .tg-sh .tg-mm__direct:hover {
    color: #7652A3 !important; background: #FCF7FA;
  }
  .tg-sh .tg-mm__item[open] summary::after, .tg-sh .tg-mm__item summary:hover::after,
  .tg-sh .tg-mm__direct:hover::after { transform: scaleX(1); }
  .tg-sh .tg-mm__panel {
    left: 0; right: 0; top: 100%; padding: 30px 38px 34px;
    background: #fff; border: 1px solid #F0E4EC;
    border-top: 0; border-radius: 0 0 18px 18px;
    box-shadow: 0 22px 48px rgba(39,35,41,.12);
  }
  .tg-sh .tg-mm__grid { gap: 28px; }
  .tg-sh .tg-mm__column { gap: 0; padding: 0 12px 0 0; min-width: 0; }
  .tg-sh .tg-mm__column:not(:last-child) { border-right: 1px solid #F3EDF1; }
  .tg-sh .tg-mm__column h3 {
    display: block; width: calc(100% - 16px); padding: 0 0 13px!important;
    margin: 0 0 12px!important; border-bottom: 1px solid #F2E9EE;
    color: #7652A3!important; font-size: 14px!important;
    font-weight: 750!important; letter-spacing: .01em;
  }
  .tg-sh .tg-mm__column a {
    display: block; width: calc(100% - 16px); padding: 7px 9px!important;
    margin-left: -9px; border-radius: 7px;
    font-size: 13px!important; line-height: 1.35!important;
    transition: background-color .15s ease, color .15s ease, padding-left .15s ease;
    text-decoration: none!important;
  }
  .tg-sh .tg-mm__column a:hover, .tg-sh .tg-mm__column a:focus-visible {
    background: #FCECF3; color: #C52D6C!important; padding-left: 13px!important;
  }
  .tg-sh .tg-mm__item:last-of-type .tg-mm__panel { max-width: 900px; left: 0; right: auto; }
}
/* Search: white even if theme styles the form descendants. */
.tg-sh .tg-sh__search, .tg-sh .tg-sh__search input, .tg-sh .tg-sh__search input[type="search"] {
  background-color: #fff!important;
}
@media (prefers-reduced-motion: reduce) {
  .tg-sh .tg-mm__item summary, .tg-sh .tg-mm__direct, .tg-sh .tg-mm__column a,
  .tg-sh .tg-mm__item summary::after { transition: none!important; }
}

/* START 3GRAFIK EDITORIAL V0.6 */
/* 3Grafik 2.0 — Editorial / boutique header, desktop only.
   Cosmetic layer; existing accessible hover/touch logic remains unchanged. */
@media (min-width: 992px) {
  body.home .tg-home-header { position:relative; z-index:80; }
  body.home .tg-home-header .tg-sh {
    background:#FAF8F6!important; color:#272329!important;
    border:0!important; box-shadow:none!important; border-radius:0!important;
  }
  body.home .tg-sh__announcement {
    background:#F7EDF2!important; color:#7652A3!important;
    padding:7px 16px!important; font-size:11px!important;
    letter-spacing:.065em!important; font-weight:600!important;
  }
  body.home .tg-sh__main {
    grid-template-columns:170px minmax(270px,1fr) auto!important;
    column-gap:clamp(24px,4vw,64px)!important;
    max-width:1280px!important;
    padding:15px 20px 17px!important;
  }
  body.home .tg-sh__logo { max-height:62px!important; max-width:155px!important; }
  body.home .tg-sh__search {
    background:#fff!important; border:1px solid #E9DEE5!important;
    border-radius:12px!important; height:46px!important;
    box-shadow:0 2px 10px rgba(39,35,41,.025)!important;
    transition:border-color .18s,box-shadow .18s;
  }
  body.home .tg-sh__search:focus-within {border-color:#E64D87!important;box-shadow:0 0 0 3px rgba(230,77,135,.09)!important}
  body.home .tg-sh__search input{ background:#fff!important; font-weight:400!important; }
  body.home .tg-sh__search button {
    background:#E64D87!important; border-radius:0!important;
    min-width:93px!important; font-weight:700!important;
  }
  body.home .tg-sh__actions {gap:22px!important;font-size:13px!important}
  body.home .tg-sh__actions a:hover {color:#E64D87!important}
  body.home .tg-sh__count {background:#F1DCE6!important}

  /* Unified navigation; no framed/inset white rectangle. */
  body.home .tg-sh .tg-mm {
    background:transparent!important; border:0!important;
    border-top:1px solid #EDE6EA!important;
    border-bottom:1px solid #EDE6EA!important;
    max-width:none!important; padding:0!important;
    box-shadow:none!important;
  }
  body.home .tg-sh .tg-mm__inner {
    max-width:1280px!important; margin:0 auto!important;
    min-height:52px!important; padding:0 12px!important;
    gap:4px!important; flex-wrap:nowrap!important;
  }
  body.home .tg-sh .tg-mm__item summary,
  body.home .tg-sh .tg-mm__direct {
    font-size:12.5px!important; font-weight:650!important;
    letter-spacing:0!important; padding:16px 12px!important;
    border-radius:9px!important; line-height:1.3!important;
    transition:background .15s,color .15s!important;
  }
  body.home .tg-sh .tg-mm__item summary span {
    font-size:12px!important; color:#987FA5!important;
    margin-left:1px!important;
  }
  body.home .tg-sh .tg-mm__item summary:after,
  body.home .tg-sh .tg-mm__direct:after {display:none!important}
  body.home .tg-sh .tg-mm__item[open] summary,
  body.home .tg-sh .tg-mm__item summary:hover {
    color:#7652A3!important; background:#F3E7EF!important;
  }
  body.home .tg-sh .tg-mm__direct:hover {background:#F3E7EF!important;color:#7652A3!important}
  /* Primary destination: visually distinct, not a competing bright button */
  body.home .tg-sh .tg-mm__direct:not(.tg-mm__utility) {
    background:#272329!important; color:#fff!important; border-radius:999px!important;
    padding:10px 18px!important; margin:0 7px!important; font-size:12px!important;
  }
  body.home .tg-sh .tg-mm__direct:not(.tg-mm__utility):hover {background:#7652A3!important}
  body.home .tg-sh .tg-mm__utility {color:#6F6670!important;font-size:12px!important;font-weight:500!important}
  body.home .tg-sh .tg-mm__utility:first-of-type {margin-left:auto!important}

  /* Dropdown as refined gallery panel */
  body.home .tg-sh .tg-mm__panel {
    background:#fff!important;
    border:1px solid #EEE4EB!important;
    border-radius:0 0 20px 20px!important;
    box-shadow:0 24px 55px rgba(53,35,50,.105)!important;
    padding:30px 34px 32px!important;
  }
  body.home .tg-sh .tg-mm__grid {gap:24px!important}
  body.home .tg-sh .tg-mm__column {padding:0 16px 0 0!important}
  body.home .tg-sh .tg-mm__column:not(:last-child) {border-right:1px solid #F0E8ED!important}
  body.home .tg-sh .tg-mm__column h3 {
    color:#7652A3!important; text-transform:uppercase!important;
    letter-spacing:.08em!important; font-size:11px!important;
    font-weight:800!important; padding:0 0 12px!important;
    margin:0 0 9px!important;
  }
  body.home .tg-sh .tg-mm__column a {
    font-size:13px!important; color:#40373F!important;
    border-radius:8px!important;padding:8px 10px!important;
  }
  body.home .tg-sh .tg-mm__column a:hover,
  body.home .tg-sh .tg-mm__column a:focus-visible {
    background:#FCEDF4!important;color:#BF3474!important;
    padding-left:14px!important;
  }
}
@media (min-width:992px) and (max-width:1180px) {
 body.home .tg-sh .tg-mm__inner{gap:0!important}
 body.home .tg-sh .tg-mm__item summary, body.home .tg-sh .tg-mm__direct{padding:14px 8px!important;font-size:11.5px!important}
 body.home .tg-sh .tg-mm__direct:not(.tg-mm__utility){padding:9px 13px!important;margin:0 3px!important}
}

/* END 3GRAFIK EDITORIAL V0.6 */

/* START 3GRAFIK PINK NAV V0.7 */
/* Scope: Home desktop only. Keep the white branding/search area. */
@media (min-width: 992px) {
  body.home .tg-home-header .tg-sh,
  body.home .tg-home-header .tg-sh__main { background: #FFFFFF !important; }

  /* Full-width pastel navigation strip; no white inset card. */
  body.home .tg-home-header .tg-sh .tg-mm,
  body.home .tg-home-header .tg-sh .tg-sh__nav {
    background: #FFF0F7 !important;
    border-top: 1px solid #F9DCE9 !important;
    border-bottom: 1px solid #F6D4E3 !important;
    box-shadow: none !important;
  }
  body.home .tg-home-header .tg-sh .tg-mm__inner {
    background: transparent !important;
  }
  body.home .tg-home-header .tg-sh .tg-mm__item summary,
  body.home .tg-home-header .tg-sh .tg-mm__direct {
    color: #151515 !important;
  }
  body.home .tg-home-header .tg-sh .tg-mm__item[open] > summary,
  body.home .tg-home-header .tg-sh .tg-mm__item summary:hover,
  body.home .tg-home-header .tg-sh .tg-mm__item summary:focus-visible,
  body.home .tg-home-header .tg-sh .tg-mm__direct:hover,
  body.home .tg-home-header .tg-sh .tg-mm__direct:focus-visible {
    background: #FDC1DD !important;
    color: #151515 !important;
  }
  /* Preserve the prominent dark Shop All control. */
  body.home .tg-home-header .tg-sh .tg-mm__direct:not(.tg-mm__utility),
  body.home .tg-home-header .tg-sh .tg-mm__direct:not(.tg-mm__utility):hover {
    background: #151515 !important;
    color: #FFFFFF !important;
  }
  body.home .tg-home-header .tg-sh .tg-mm__utility {
    color: #645A62 !important;
  }
  /* Mega-panels stay white and readable. */
  body.home .tg-home-header .tg-sh .tg-mm__panel {
    background: #FFFFFF !important;
  }
}
/* END 3GRAFIK PINK NAV V0.7 */

/* START 3GRAFIK GLOBAL INTERIOR MENU */
/* 3Grafik: mirror approved Home desktop design on interior pages */
/* 3Grafik 2.0 — Editorial / boutique header, desktop only.
   Cosmetic layer; existing accessible hover/touch logic remains unchanged. */
@media (min-width: 992px) {
  body:not(.home) .tg-home-header { position:relative; z-index:80; }
  body:not(.home) .tg-home-header .tg-sh {
    background:#FAF8F6!important; color:#272329!important;
    border:0!important; box-shadow:none!important; border-radius:0!important;
  }
  body:not(.home) .tg-sh__announcement {
    background:#F7EDF2!important; color:#7652A3!important;
    padding:7px 16px!important; font-size:11px!important;
    letter-spacing:.065em!important; font-weight:600!important;
  }
  body:not(.home) .tg-sh__main {
    grid-template-columns:170px minmax(270px,1fr) auto!important;
    column-gap:clamp(24px,4vw,64px)!important;
    max-width:1280px!important;
    padding:15px 20px 17px!important;
  }
  body:not(.home) .tg-sh__logo { max-height:62px!important; max-width:155px!important; }
  body:not(.home) .tg-sh__search {
    background:#fff!important; border:1px solid #E9DEE5!important;
    border-radius:12px!important; height:46px!important;
    box-shadow:0 2px 10px rgba(39,35,41,.025)!important;
    transition:border-color .18s,box-shadow .18s;
  }
  body:not(.home) .tg-sh__search:focus-within {border-color:#E64D87!important;box-shadow:0 0 0 3px rgba(230,77,135,.09)!important}
  body:not(.home) .tg-sh__search input{ background:#fff!important; font-weight:400!important; }
  body:not(.home) .tg-sh__search button {
    background:#E64D87!important; border-radius:0!important;
    min-width:93px!important; font-weight:700!important;
  }
  body:not(.home) .tg-sh__actions {gap:22px!important;font-size:13px!important}
  body:not(.home) .tg-sh__actions a:hover {color:#E64D87!important}
  body:not(.home) .tg-sh__count {background:#F1DCE6!important}

  /* Unified navigation; no framed/inset white rectangle. */
  body:not(.home) .tg-sh .tg-mm {
    background:transparent!important; border:0!important;
    border-top:1px solid #EDE6EA!important;
    border-bottom:1px solid #EDE6EA!important;
    max-width:none!important; padding:0!important;
    box-shadow:none!important;
  }
  body:not(.home) .tg-sh .tg-mm__inner {
    max-width:1280px!important; margin:0 auto!important;
    min-height:52px!important; padding:0 12px!important;
    gap:4px!important; flex-wrap:nowrap!important;
  }
  body:not(.home) .tg-sh .tg-mm__item summary,
  body:not(.home) .tg-sh .tg-mm__direct {
    font-size:12.5px!important; font-weight:650!important;
    letter-spacing:0!important; padding:16px 12px!important;
    border-radius:9px!important; line-height:1.3!important;
    transition:background .15s,color .15s!important;
  }
  body:not(.home) .tg-sh .tg-mm__item summary span {
    font-size:12px!important; color:#987FA5!important;
    margin-left:1px!important;
  }
  body:not(.home) .tg-sh .tg-mm__item summary:after,
  body:not(.home) .tg-sh .tg-mm__direct:after {display:none!important}
  body:not(.home) .tg-sh .tg-mm__item[open] summary,
  body:not(.home) .tg-sh .tg-mm__item summary:hover {
    color:#7652A3!important; background:#F3E7EF!important;
  }
  body:not(.home) .tg-sh .tg-mm__direct:hover {background:#F3E7EF!important;color:#7652A3!important}
  /* Primary destination: visually distinct, not a competing bright button */
  body:not(.home) .tg-sh .tg-mm__direct:not(.tg-mm__utility) {
    background:#272329!important; color:#fff!important; border-radius:999px!important;
    padding:10px 18px!important; margin:0 7px!important; font-size:12px!important;
  }
  body:not(.home) .tg-sh .tg-mm__direct:not(.tg-mm__utility):hover {background:#7652A3!important}
  body:not(.home) .tg-sh .tg-mm__utility {color:#6F6670!important;font-size:12px!important;font-weight:500!important}
  body:not(.home) .tg-sh .tg-mm__utility:first-of-type {margin-left:auto!important}

  /* Dropdown as refined gallery panel */
  body:not(.home) .tg-sh .tg-mm__panel {
    background:#fff!important;
    border:1px solid #EEE4EB!important;
    border-radius:0 0 20px 20px!important;
    box-shadow:0 24px 55px rgba(53,35,50,.105)!important;
    padding:30px 34px 32px!important;
  }
  body:not(.home) .tg-sh .tg-mm__grid {gap:24px!important}
  body:not(.home) .tg-sh .tg-mm__column {padding:0 16px 0 0!important}
  body:not(.home) .tg-sh .tg-mm__column:not(:last-child) {border-right:1px solid #F0E8ED!important}
  body:not(.home) .tg-sh .tg-mm__column h3 {
    color:#7652A3!important; text-transform:uppercase!important;
    letter-spacing:.08em!important; font-size:11px!important;
    font-weight:800!important; padding:0 0 12px!important;
    margin:0 0 9px!important;
  }
  body:not(.home) .tg-sh .tg-mm__column a {
    font-size:13px!important; color:#40373F!important;
    border-radius:8px!important;padding:8px 10px!important;
  }
  body:not(.home) .tg-sh .tg-mm__column a:hover,
  body:not(.home) .tg-sh .tg-mm__column a:focus-visible {
    background:#FCEDF4!important;color:#BF3474!important;
    padding-left:14px!important;
  }
}
@media (min-width:992px) and (max-width:1180px) {
 body:not(.home) .tg-sh .tg-mm__inner{gap:0!important}
 body:not(.home) .tg-sh .tg-mm__item summary, body:not(.home) .tg-sh .tg-mm__direct{padding:14px 8px!important;font-size:11.5px!important}
 body:not(.home) .tg-sh .tg-mm__direct:not(.tg-mm__utility){padding:9px 13px!important;margin:0 3px!important}
}

/* START 3GRAFIK PINK NAV V0.7 */
/* Scope: Home desktop only. Keep the white branding/search area. */
@media (min-width: 992px) {
  body:not(.home) .tg-home-header .tg-sh,
  body:not(.home) .tg-home-header .tg-sh__main { background: #FFFFFF !important; }

  /* Full-width pastel navigation strip; no white inset card. */
  body:not(.home) .tg-home-header .tg-sh .tg-mm,
  body:not(.home) .tg-home-header .tg-sh .tg-sh__nav {
    background: #FFF0F7 !important;
    border-top: 1px solid #F9DCE9 !important;
    border-bottom: 1px solid #F6D4E3 !important;
    box-shadow: none !important;
  }
  body:not(.home) .tg-home-header .tg-sh .tg-mm__inner {
    background: transparent !important;
  }
  body:not(.home) .tg-home-header .tg-sh .tg-mm__item summary,
  body:not(.home) .tg-home-header .tg-sh .tg-mm__direct {
    color: #151515 !important;
  }
  body:not(.home) .tg-home-header .tg-sh .tg-mm__item[open] > summary,
  body:not(.home) .tg-home-header .tg-sh .tg-mm__item summary:hover,
  body:not(.home) .tg-home-header .tg-sh .tg-mm__item summary:focus-visible,
  body:not(.home) .tg-home-header .tg-sh .tg-mm__direct:hover,
  body:not(.home) .tg-home-header .tg-sh .tg-mm__direct:focus-visible {
    background: #FDC1DD !important;
    color: #151515 !important;
  }
  /* Preserve the prominent dark Shop All control. */
  body:not(.home) .tg-home-header .tg-sh .tg-mm__direct:not(.tg-mm__utility),
  body:not(.home) .tg-home-header .tg-sh .tg-mm__direct:not(.tg-mm__utility):hover {
    background: #151515 !important;
    color: #FFFFFF !important;
  }
  body:not(.home) .tg-home-header .tg-sh .tg-mm__utility {
    color: #645A62 !important;
  }
  /* Mega-panels stay white and readable. */
  body:not(.home) .tg-home-header .tg-sh .tg-mm__panel {
    background: #FFFFFF !important;
  }
}
/* END 3GRAFIK PINK NAV V0.7 */


/* END 3GRAFIK GLOBAL INTERIOR MENU */