/* =========================================================
   LGT – HEADER (MOBILE) — layout only
   - 3-balken (nav-toggle)
   - search icon position
   - minicart icon + counter
   - centered logo
   ========================================================= */
/* 2026-03-10: category-menu wishlist links are handled in header.js (menu closes first, drawer opens after). */

@media (max-width: 768px){

  header.page-header .header.content .action.nav-toggle{
    position: static !important;
    margin: 0 !important;
    margin-left: -15px !important;
  }


  header.page-header .lgt-header-search-left{
    flex: 0 0 auto !important;
    width: 25px !important;
    height: 25px !important;
    color: #333 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-left: -3px !important;
  }
  header.page-header .lgt-header-search-left svg{
    width: 25px !important;
    height: 25px !important;
  }


  header.page-header,
  header.page-header .header.content,
  header.page-header .header.panel,
  header.page-header .panel.wrapper{
    overflow: visible !important;
  }


  header.page-header,
  header.page-header .header.content,
  header.page-header .header.panel,
  header.page-header .panel.wrapper{
    overflow:visible !important;
  }

  header.page-header .header.content{
    display:flex !important;
    align-items:center !important;
    padding:2px 5px !important;
    position:relative !important;
  }

  /* 3-balken / hamburger */
  header.page-header .header.content .action.nav-toggle{
    order:1 !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:static !important;
    margin:0 !important;
  }
  header.page-header .header.content .action.nav-toggle:before{
    color:#333 !important;
  }

  /* search icon */
  header.page-header .header.content .search_icon_header{
    order:3 !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    margin-left:auto !important;
    margin-right:44px !important; /* reserve space for wishlist heart inside minicart-wrapper */
  }

  /* minicart */
  header.page-header .header.content .minicart-wrapper{
    order:4 !important;
    flex:0 0 44px !important;
    margin:0 !important;
    margin-left:10px !important;
    position:relative !important;
  }

  header.page-header .header.content .minicart-wrapper .action.showcart{
    width:36px !important;
    height:36px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-right: -5px !important;
  }

  header.page-header .header.content .minicart-wrapper .action.showcart .text,
  header.page-header .header.content .minicart-wrapper .action.showcart .label,
  header.page-header .header.content .minicart-wrapper .action.showcart .counter-label{
    display:none !important;
  }

  /* centered logo */
  header.page-header .header.content .logo{
    position:absolute !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
    flex:0 0 auto !important;
    width:auto !important;
    line-height:0 !important;
  }

  header.page-header .header.content .logo img{
    max-height:34px !important;
    width:auto !important;
    display:block !important;
  }

  /* minicart counter */
  header.page-header .minicart-wrapper .action.showcart .counter.qty{
    background:transparent !important;
    border:0 !important;
    padding-left:3px !important;
    margin:0 0 0 -2px !important;
    min-width:0 !important;
    height:auto !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    overflow:visible !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty .counter-number{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    margin:0 10px 0 1px !important;
    min-width:0 !important;
    height:auto !important;
    line-height:1 !important;
    color:#333 !important;
    display:inline !important;
    transform:translateY(-4px) !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty,
  header.page-header .minicart-wrapper .action.showcart .counter.qty:not(.empty){
    background:transparent !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty.empty{
    display:inline-flex !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty.empty .counter-number:before{
    content:"0";
    color:#333;
  }
}

/* =========================================================
   LGT – MOBILE FIXED HEADER + SEARCH OVERLAY (NOT FULLSCREEN)
   ========================================================= */

#lgtSearchOverlay{ display:none; }

@media (max-width: 768px){

  :root{
    --lgt-header-h: 49px;
    --lgt-campaignbar-h: 0px; /* set by campaigns.html (0 or 30) */
  }
  header.page-header .header.content{
    position: fixed !important;
    top: 0 !important;
    top: env(safe-area-inset-top) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2000 !important;
    background: #fff !important;
    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #dcdcdc !important;
  }

  body{
    padding-top: calc(var(--lgt-header-h) + env(safe-area-inset-top)) !important;
  }

  #lgtSearchOverlay{
    display:flex !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 49px !important; /* only over white topbar */
    z-index: 3000 !important;
    background: #fff !important;

    align-items: center !important;
    padding: 0 10px !important;
    gap: 10px !important;

    box-shadow: 0 1px 0 rgba(0,0,0,.10) !important;

    transform: translate3d(100%,0,0) !important;
    transition: transform .22s ease !important;

    pointer-events: none !important;
  }

  body.lgt-search-overlay-open #lgtSearchOverlay{
    transform: translate3d(0,0,0) !important;
    pointer-events: auto !important;
  }

  #lgtSearchOverlay .lgt-search-close{
    width: 40px !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 26px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    flex: 0 0 auto !important;

    height: auto !important;
    padding-top: 2px !important;
  }

  #lgtSearchOverlay form{
    flex: 1 1 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 !important;
    min-width:0 !important;
  }

  #lgtSearchOverlay input{
    flex: 1 1 auto !important;
    min-width:0 !important;
    height: 35px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    outline:none !important;
    font-size:14px !important;
    color:#333 !important;
    font-family: Roboto, sans-serif !important;
    font-weight:300 !important;
  }

  #lgtSearchOverlay input::placeholder{
    font-size:14px !important;
    color:#333 !important;
    opacity:1 !important;
    font-weight:300 !important;
  }

  #lgtSearchOverlay button[type="submit"]{
    height: 35px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    border: 1px solid #e5e5e5 !important;
    background: #fff !important;
    cursor:pointer !important;
    flex: 0 0 auto !important;
  }

  /* FIX: NO fullscreen lock */
  body.lgt-search-overlay-open{
    overflow: auto !important;
  }

  body.lgt-search-overlay-open .amsearch-wrapper-block,
  body.lgt-search-overlay-open .amsearch-wrapper,
  body.lgt-search-overlay-open .amsearch-overlay{
    display:none !important;
  }
}

/* =========================================================
   LGT – CART SLIDE (mobile)
   ========================================================= */

@media (max-width: 768px){
  html, body{
    overflow-x:hidden;
  }
  .lgt-cart-slide{
    position:fixed;
    inset:0;
    background:#fff;
    z-index:99999;
    transform:translateX(100%);
    transition:transform .28s ease;
    pointer-events:none;
  }
  .lgt-cart-slide.is-in{
    transform:translateX(0);
    pointer-events:auto;
  }
  .lgt-cart-slide.is-out{
    transform:translateX(100%);
  }
  .lgt-cart-slide.no-anim{
    transition:none !important;
  }
}

/* =========================================================
   USP BALKEN (top + clone sticky)
   ========================================================= */

.lgt-uspbar-top{
  height:49px;
  background:#333;
  color:#fff;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
  z-index: 1;
}

.lgt-uspbar-clone{
  height:49px;
  background:#333;
  color:#fff;
  position:fixed;
  left:0;
  right:0;
  top: var(--lgt-header-h, 56px);
  z-index: 2500;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;

  transform: translateY(-49px);
  opacity: 0;
  pointer-events:none;
  will-change: transform, opacity;

  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.lgt-uspbar-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  font-size:14px;
  line-height:1;
  will-change:transform, opacity;
}

.lgt-uspbar-icon{
  width:16px;height:16px;
  flex:0 0 16px;
  display:inline-block;
}
.lgt-uspbar-icon svg{
  width:16px;height:16px;display:block;
  fill:none;stroke:currentColor;stroke-width:2.5;
  stroke-linecap:round;stroke-linejoin:round;
}

@keyframes lgtUspTextSmooth {
  0%   { opacity:0; transform: translateX(18px); }
  14%  { opacity:1; transform: translateX(0); }
  86%  { opacity:1; transform: translateX(0); }
  100% { opacity:0; transform: translateX(-18px); }
}
.lgt-uspbar-item.is-running{
  animation: lgtUspTextSmooth 10s cubic-bezier(.22,.61,.36,1) infinite;
}

@media (max-width:768px){
  .lgt-uspbar-item{ font-size:13px; }
}

@media (prefers-reduced-motion: reduce){
  .lgt-uspbar-item.is-running{ animation:none !important; }
  .lgt-uspbar-clone{
    transform:none !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}


/* =========================================================
   LGT – DESKTOP HEADER WIDTH
   ========================================================= */
@media (min-width: 769px){
  header.page-header .header.content{
    max-width: 1800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* =========================================================
   LGT – FIXES
   - Remove duplicate search suggestions that overlap the header
   - Restore magnifier icon INSIDE the search input (10px from left)
   ========================================================= */

/* JS marks duplicate dropdowns with this attribute */
[data-lgt-hidden-dup="1"]{ display:none !important; }

/* Magnifier icon inside Amasty search bar (desktop + mobile): always visible */
header.page-header .header.content section.amsearch-wrapper-block{
  position: relative !important;
}

header.page-header .header.content section.amsearch-wrapper-block::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index: 2 !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size: 16px 16px !important;
  pointer-events:none !important;
  opacity:.65 !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23333'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7'/%3E%3Cline%20x1='21'%20y1='21'%20x2='16.65'%20y2='16.65'/%3E%3C/svg%3E") !important;
}

/* Make room for the magnifier */
header.page-header .header.content section.amsearch-wrapper-block input,
header.page-header .header.content section.amsearch-wrapper-block input[type="text"],
header.page-header .header.content section.amsearch-wrapper-block input[type="search"],
header.page-header .header.content section.amsearch-wrapper-block .amsearch-input{
  padding-left: 34px !important;
}

/* Hide the clickable magnifier button if it exists (we use the ::before icon) */
header.page-header .header.content section.amsearch-wrapper-block .amsearch-button{
  display:none !important;
}

/* DESKTOP: top bar zichtbaar, clone uit */
@media (min-width: 769px){
  .lgt-uspbar-top{ display:flex !important; }
  .lgt-uspbar-clone{ display:none !important; }
}

/* MOBILE: beide bestaan */
@media (max-width: 768px){
  .lgt-uspbar-top,
  .lgt-uspbar-clone{
    display:flex !important;
  }
}

.csp{
  display:none !important;
}

/* =========================================
   RESTORE: minicart counter zoals oude variant
   (alleen nummer, geen badge, juiste positie)
   ========================================= */
@media (max-width: 768px){

  header.page-header .minicart-wrapper .action.showcart .counter.qty{
    background:transparent !important;
    border:0 !important;
    padding-left:3px !important;
    margin:0 0 0 -2px !important;   /* <-- DIT is jouw cruciale margin */
    min-width:0 !important;
    height:auto !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    overflow:visible !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty .counter-number{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    min-width:0 !important;
    height:auto !important;
    line-height:1 !important;
    color:#333 !important;
    display:inline !important;
    transform:translateY(-4px) !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty,
  header.page-header .minicart-wrapper .action.showcart .counter.qty:not(.empty){
    background:transparent !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty.empty{
    display:inline-flex !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty.empty .counter-number:before{
    content:"0";
    color:#333;
  }
}

/* =========================================================
   LGT – MOBILE MENU (fullscreen) — slide + fade
   - oude Magento nav-sections UI UIT
   - fullscreen overlay (over header heen)
   - 2-koloms layout zoals voorbeeld (primary links links, sublinks rechts)
   ========================================================= */
@media (max-width: 768px){

  /* 1) OUDE Magento menu UI hard uit (blijft bestaan in DOM, maar nooit zichtbaar/klikbaar) */
  /* 2) Overlay container (verbergt ook de X als menu dicht is) */
  #lgtMobileMenu{
    position:fixed;
    inset:0;
    z-index:5000;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition: opacity .25s ease, visibility 0s linear .45s;
  }
  body.lgt-mm-open #lgtMobileMenu{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transition: opacity .25s ease;
  }

  /* 3) Sheet: slide + fade */
  #lgtMobileMenu .lgt-mm-sheet{
    position:absolute;
    inset:0;
    background:#fff;
    transform:translate3d(-100%,0,0);
    opacity:0;
    will-change: transform, opacity;
    transition: transform .45s cubic-bezier(0.22, 0.61, 0.36, 1), opacity .25s ease;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  body.lgt-mm-open #lgtMobileMenu .lgt-mm-sheet{
    transform:translate3d(0,0,0);
    opacity:1;
  }

  /* Topbar: search links + close */
  #lgtMobileMenu .lgt-mm-topbar{
    height:49px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 0 14px;
    border-bottom:1px solid #eee;
    background:#fff;
    position:sticky;
    top:0;
    z-index:3;
  }

  #lgtMobileMenu .lgt-mm-close{
    width:49px;
    height:49px;
    border:0;
    background:transparent;
    padding: 0 14px;
    cursor:pointer;
    color:#111;
    -webkit-tap-highlight-color: transparent;
  }
  #lgtMobileMenu .lgt-mm-account{
    display:flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:#333;
    font-family: Roboto, sans-serif;
    font-size:14px;
    font-weight:400;
    height:49px;
    -webkit-tap-highlight-color: transparent;
  }
  #lgtMobileMenu .lgt-mm-account svg{
    width:22px;
    height:22px;
    display:block;
  }

#lgtMobileMenu .lgt-mm-close svg{
    width:24px;
    height:24px;
    display:block;
  }


  /* Searchbar (dupliceert mobile header search styles) */
  #lgtMobileMenu .lgt-mm-searchbar{
    padding: 12px 14px;
    border-bottom: 1px solid #eee;
    background:#fff;
  }
  #lgtMobileMenu .lgt-mm-searchbar form{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0;
  }
  #lgtMobileMenu .lgt-mm-searchbar input{
    flex: 1 1 auto;
    min-width: 0;
    height: 35px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 12px 14px;
    outline: none;
    font-size: 14px;
    color:#333;
    font-family: Roboto, sans-serif;
    font-weight:300;
  }

  #lgtMobileMenu .lgt-mm-searchbar input::placeholder{
    font-size:14px;
    color:#333;
    opacity:1;
    font-weight:300;
  }
  #lgtMobileMenu .lgt-mm-searchbar button[type="submit"]{
    height: 35px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
    background: #fff;
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  /* Quicklinks row */
  #lgtMobileMenu .lgt-mm-quicklinks{
    display:flex;
    align-items:center;
    gap:18px;
    height:44px;
    padding: 12px 14px;
    border-bottom:1px solid #eee;
  }
  #lgtMobileMenu .lgt-mm-quicklinks::-webkit-scrollbar{ display:none; }
  #lgtMobileMenu .lgt-mm-quicklinks a[data-mm-tab]{
    border-bottom: 2px solid transparent;
  }
  #lgtMobileMenu .lgt-mm-quicklinks a[data-mm-tab].is-active{
    border-bottom-color:#333;
  }

  
  /* Fade overlay on the "Merken" quicklink to hint horizontal scroll */
  #lgtMobileMenu .lgt-mm-quicklinks a[data-mm-tab="merken"]{
    position: relative;
    overflow: visible;
  }

  /* Fade overlay rechts op de quicklinks (vast aan rechterkant — scrollt NIET mee) */
  #lgtMobileMenu .lgt-mm-quicklinks-wrap{
    position: relative;
  }
  #lgtMobileMenu .lgt-mm-quicklinks{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-right: 60px; /* ruimte zodat overlay altijd over tekst kan liggen */
  }
  #lgtMobileMenu .lgt-mm-quicklinks::-webkit-scrollbar{ display:none; }

  #lgtMobileMenu .lgt-mm-quicklinks-wrap::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:60px; /* breedte fade */
    height:100%;
    pointer-events:none;
    z-index: 5;
    background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  }
  #lgtMobileMenu.lgt-mm-fade-off .lgt-mm-quicklinks-wrap::after{
    display:none;
  }



#lgtMobileMenu .lgt-mm-quicklinks a{
    white-space: nowrap;
    text-decoration: none;
    color:#333;
    font-family: Roboto, sans-serif;
    font-size:14px;
    font-weight:400;
    letter-spacing:0;
    text-transform:none;
    padding: 12px 14px;
  }

  /* Assortiment subkeuze: dames / heren */
  #lgtMobileMenu .lgt-mm-segments{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
    height:44px;
    padding: 0 14px;
    border-bottom:1px solid #eee;
  }
  #lgtMobileMenu.lgt-tab-assortiment .lgt-mm-segments{
    display:flex;
  }
  #lgtMobileMenu .lgt-mm-segments a{
    white-space:nowrap;
    text-decoration:none;
    color:#333;
    font-family: Roboto, sans-serif;
    font-size:14px;
    font-weight:400;
    letter-spacing:0;
    padding: 4px 0;
    border-bottom:1px solid transparent;
  }
  #lgtMobileMenu .lgt-mm-segments a.is-active{
    color:#c40000;
    border-bottom:1px solid #c40000;
  }



  /* Body: 2 kolommen */
  #lgtMobileMenu .lgt-mm-body{
    display:flex;
    flex:1;
    min-height:0;
    height:100%;
    overflow:hidden;
  }

  #lgtMobileMenu .lgt-mm-primary{
    width:50%;
    height:100%;
    min-width:50%;
    border-right:1px solid #eee;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
  }

  #lgtMobileMenu .lgt-mm-secondary{
    position:relative;
    height:100%;
    flex:1;
    min-width:0;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }

  

  
  
  
  /* Minimalistische scrollbar (rechter kolom) */
  #lgtMobileMenu .lgt-mm-secondary{
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: rgba(0,0,0,.28) transparent;
  }
  #lgtMobileMenu .lgt-mm-secondary::-webkit-scrollbar{
    width: 4px;
  }
  #lgtMobileMenu .lgt-mm-secondary::-webkit-scrollbar-track{
    background: transparent;
  }
  #lgtMobileMenu .lgt-mm-secondary::-webkit-scrollbar-thumb{
    background-color: rgba(0,0,0,.28);
    border-radius: 10px;
  }
  #lgtMobileMenu .lgt-mm-secondary::-webkit-scrollbar-thumb:hover{
    background-color: rgba(0,0,0,.38);
  }
/* Right column bottom fade (sticky) — hints vertical scroll when content overflows */
  #lgtMobileMenu .lgt-mm-secondary{ position:relative; }

  /* Overlay lives INSIDE the scroll container using position:sticky (so it does NOT scroll away) */
  #lgtMobileMenu .lgt-mm-secondary .lgt-mm-secondary-fade{
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    height: 200px;
    margin-top: -200px; /* overlay, do not push content */
    pointer-events: none;
    z-index: 6;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 25%, rgba(255,255,255,0.85) 55%, rgba(255,255,255,1) 100%);
  }
  
  /* Bottom fade only for Accessoires (right column) */
  #lgtMobileMenu:not(.lgt-mm-secondary-fade-accessoires) .lgt-mm-secondary .lgt-mm-secondary-fade{
    display:none !important;
  }
#lgtMobileMenu.lgt-mm-secondary-fade-off .lgt-mm-secondary .lgt-mm-secondary-fade{
    display:none !important;
  }
/* Wishlist link (left column, below categories) */
  #lgtMobileMenu #lgtMmPrimary li.lgt-mm-wishlist{
    margin-top:10px;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-wishlist-link{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 14px;
    color:#333;
    opacity:.7; /* same tone as 'Onder €25' */
    text-decoration:none;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-wishlist-link svg.lgt-mm-heart{
    width:18px;
    height:18px;
    flex:0 0 18px;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-wishlist-link svg{
    width:20px;
    height:20px;
    flex:0 0 auto;
    fill: currentColor;
    stroke: none;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-wishlist-link:hover,
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-wishlist-link:focus{
    opacity:1;
    text-decoration:underline;
    color:#000;
  }


  /* Extra Cadeautips link under Wishlist (left column, below categories) */
  #lgtMobileMenu #lgtMmPrimary li.lgt-mm-cadeautips{
    margin-top:8px;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-cadeautips-link{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 14px;
    color:#333;
    opacity:.7;
    text-decoration:none;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-cadeautips-link svg.lgt-mm-gift{
    width:18px;
    height:18px;
    flex:0 0 18px;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-cadeautips-link svg{
    width:20px;
    height:20px;
    flex:0 0 auto;
    fill: currentColor;
    stroke: none;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-cadeautips-link:hover,
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-cadeautips-link:focus{
    opacity:1;
    text-decoration:underline;
    color:#000;
  }

/* Primary list */
  #lgtMobileMenu ul{ margin:0; padding:0; list-style:none; }

  /* List offsets */
  /* (img3) geen extra top-margin op linker kolom */
  #lgtMobileMenu .lgt-mm-primary > ul{ margin-top:0 !important; }
  /* Right column alignment is handled via padding-top (no margin-top inline styles) */
  #lgtMobileMenu .lgt-mm-secondary > ul{ padding-bottom:44px;
    padding-top: var(--lgt-secondary-pad-top, 0px); }

  /* EXACT spacing like your reference */
  #lgtMobileMenu #lgtMmPrimary > li,
  #lgtMobileMenu #lgtMmPrimary li{
    /* (img5) padding 5 */
    margin-bottom:0px !important;
    padding:5px 0 !important;
  }
  #lgtMobileMenu #lgtMmSecondary > li,
  #lgtMobileMenu #lgtMmSecondary li{
    /* (img4) padding 0 */
    margin-bottom:0px !important;
    padding:0 !important;
  }


  #lgtMobileMenu .lgt-mm-primary-item{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    padding:0 14px;
    border:0;
    background:transparent;
    text-align:left;
    cursor:pointer;
    color:#333;
    font-size:14px;
    line-height:1.2;
    font-weight:400;
    letter-spacing:0;
    text-transform:none;
    font-family: Roboto, sans-serif;
    box-sizing:border-box;
    max-width:100%;
  }

  /* Prevent horizontal scroll in left column */
  #lgtMobileMenu #lgtMmPrimary{ overflow-x:hidden; }
  #lgtMobileMenu #lgtMmPrimary > li{ overflow:hidden; }
  #lgtMobileMenu .lgt-mm-primary-item span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  /* View-all links must show full text (no ellipsis) */
  #lgtMobileMenu .lgt-mm-primary-item.lgt-mm-viewall span{ overflow:visible; text-overflow:clip; white-space:nowrap; }

  #lgtMobileMenu .lgt-mm-arrow{ flex:0 0 auto; flex-shrink:0; }

  #lgtMobileMenu .lgt-mm-primary a.lgt-mm-primary-item{ text-decoration:none; }

  #lgtMobileMenu .lgt-mm-loading{
    display:block;
    padding:14px 12px;
    color:#777;
    font-family: Roboto, sans-serif;
    font-size:14px;
  }

  #lgtMobileMenu .lgt-mm-primary-item.is-active{
    font-weight:600;
  }

  /* Secondary */
  
  #lgtMobileMenu .lgt-mm-secondary a{
    display:block;
    padding:0 14px;
    border-bottom:0 !important;
    text-decoration:none;
    color:#333;
    font-size:14px;
    line-height:1.2 !important;
    font-weight:400;
    font-family: Roboto, sans-serif;
  }

  #lgtMobileMenu .lgt-mm-secondary a.lgt-mm-secondary-all{
    text-decoration: underline;
  }


  /* scroll lock */
  body.lgt-mm-open{ overflow:hidden !important; }

}

@media (max-width: 768px) and (prefers-reduced-motion: reduce){
  #lgtMobileMenu,
  #lgtMobileMenu .lgt-mm-sheet{
    transition:none !important;
  }
}



@media (max-width: 768px){
  /* Magento oude menu overlay/scroll-lock kill switch */
  html.nav-open, html.nav-before-open{
    overflow: visible !important;
  }
  body.nav-open, body.nav-before-open{
    overflow: visible !important;
    position: static !important;
  }
  body.nav-open:before, body.nav-before-open:before,
  html.nav-open:before, html.nav-before-open:before{
    display:none !important;
    content:none !important;
  }
}


@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-allbrands{
    text-decoration:none;
  }
}

/* =========================================================
   FINAL OVERRIDES (volgens screenshots)
   ========================================================= */
@media (max-width: 768px){
  /* (img1) hoofdletter aan het begin voor quicklinks/segments/account */
  #lgtMobileMenu .lgt-mm-quicklinks a,
  #lgtMobileMenu .lgt-mm-segments a,
  #lgtMobileMenu .lgt-mm-account{ text-transform: capitalize !important; }

  /* (img3) geen margin-top op primary UL */
  #lgtMobileMenu .lgt-mm-primary > ul{ margin-top:0 !important; }

  /* (img4/img5) padding rules hard fixen */
  #lgtMobileMenu #lgtMmPrimary > li,
  #lgtMobileMenu #lgtMmPrimary li{ padding:5px 0 !important; margin-bottom:0 !important; }
  #lgtMobileMenu #lgtMmSecondary > li,
  #lgtMobileMenu #lgtMmSecondary li{ padding:0 !important; margin-bottom:0 !important; }
}

/* =========================================================
   LGT – MOBILE MENU (NIEUW)
   - fullscreen slide+fade
   - houdt Magento nav-sections verborgen, maar raakt header bars niet aan
   ========================================================= */
@media (max-width: 768px){

  /* Magento oud menu verborgen (DOM blijft bestaan) */
  /* Overlay container */
  #lgtMobileMenu{
    position:fixed;
    inset:0;
    z-index:5000;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition: opacity .25s ease, visibility 0s linear .45s;
  }
  body.lgt-mm-open #lgtMobileMenu{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transition: opacity .25s ease;
  }

  /* Sheet: slide + fade */
  #lgtMobileMenu .lgt-mm-sheet{
    position:absolute;
    inset:0;
    background:#fff;
    transform:translate3d(-100%,0,0);
    opacity:0;
    will-change: transform, opacity;
    transition: transform .45s cubic-bezier(0.22, 0.61, 0.36, 1), opacity .25s ease;
    display:flex;
    flex-direction:column;
    min-height:100vh;
  }
  body.lgt-mm-open #lgtMobileMenu .lgt-mm-sheet{
    transform:translate3d(0,0,0);
    opacity:1;
  }

  /* Topbar */
  #lgtMobileMenu .lgt-mm-topbar{
    height:49px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 14px;
    border-bottom:1px solid #eee;
    background:#fff;
  }

  #lgtMobileMenu .lgt-mm-account{
    display:flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:#333;
    font-family: Roboto, sans-serif;
    font-size:14px;
    font-weight:400;
    height:49px;
    -webkit-tap-highlight-color: transparent;
  }
  #lgtMobileMenu .lgt-mm-account svg{
    width:22px;
    height:22px;
    display:block;
  }

  #lgtMobileMenu .lgt-mm-close{
    width:49px;
    height:49px;
    border:0;
    background:transparent;
    padding:12px;
    cursor:pointer;
    color:#111;
    -webkit-tap-highlight-color: transparent;
  }
  #lgtMobileMenu .lgt-mm-close svg{
    width:24px;
    height:24px;
    display:block;
  }

  /* Searchbar (zelfde huisstijl als header) */
  #lgtMobileMenu .lgt-mm-searchbar{
    padding: 12px 14px 10px;
    background:#fff;
  }
  #lgtMobileMenu .lgt-mm-searchbar form{
    display:flex;
    gap:10px;
    align-items:center;
  }
  #lgtMobileMenu .lgt-mm-searchbar input{
    flex:1;
    height:38px;
    border:1px solid #ddd;
    border-radius:999px;
    padding:0 14px;
    font-family: Roboto, sans-serif;
    font-size:14px;
    font-weight:300;
    color:#333;
    outline:none;
  }
  #lgtMobileMenu .lgt-mm-searchbar input::placeholder{
    font-size:14px;
    font-weight:300;
    color:#333;
    opacity:1;
  }
  #lgtMobileMenu .lgt-mm-searchbar button{
    height:38px;
    border:1px solid #ddd;
    border-radius:10px;
    background:#fff;
    padding:0 12px;
    font-family: Roboto, sans-serif;
    font-size:14px;
    color:#333;
    cursor:pointer;
  }

  /* Quicklinks (align met input tekst) */
  #lgtMobileMenu .lgt-mm-quicklinks{
    display:flex;
    gap:18px;
    padding: 0 14px 12px 26px; /* align: A van assortiment = W van Wat */
    border-bottom:1px solid #eee;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  #lgtMobileMenu .lgt-mm-quicklinks a{
    white-space: nowrap;
    text-decoration: none;
    color:#333;
    font-family: Roboto, sans-serif;
    font-size:14px;
    font-weight:400;
    letter-spacing:0;
    text-transform:none;
    padding: 6px 0;
    border-bottom:1px solid transparent;
  }
  #lgtMobileMenu .lgt-mm-quicklinks a[data-mm-tab]{
    border-bottom: 2px solid transparent;
  }
  #lgtMobileMenu .lgt-mm-quicklinks a[data-mm-tab].is-active{
    border-bottom-color:#333;
  }

  /* Assortiment subkeuze: dames / heren */
  #lgtMobileMenu .lgt-mm-segments{
    display:none;
    align-items:center;
    gap:18px;
    padding: 0 14px 12px 26px;
    border-bottom:1px solid #eee;
  }
  #lgtMobileMenu.lgt-tab-assortiment .lgt-mm-segments{
    display:flex;
  }
  #lgtMobileMenu .lgt-mm-segments a{
    white-space:nowrap;
    text-decoration:none;
    color:#333;
    font-family: Roboto, sans-serif;
    font-size:14px;
    font-weight:400;
    padding: 4px 0;
    border-bottom:1px solid transparent;
  }
  #lgtMobileMenu .lgt-mm-segments a.is-active{
    color:#c40000;
    border-bottom:1px solid #c40000;
  }

  /* Columns */
  #lgtMobileMenu .lgt-mm-body{
    display:flex;
    flex:1;
    min-height:0;
    overflow:hidden;
    background:#fff;
  }
  #lgtMobileMenu .lgt-mm-primary{
    width:44%;
    min-width:44%;
    border-right:1px solid #eee;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  #lgtMobileMenu .lgt-mm-secondary{
    position:relative;
    height:100%;
    flex:1;
    min-width:0;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }

  #lgtMobileMenu ul{ margin:0; padding:0; list-style:none; }

  /* Primary items (links) */
  #lgtMobileMenu .lgt-mm-primary-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    display:block;
    padding:14px 12px;
    border:0;
    background:transparent;
    text-align:left;
    cursor:pointer;
    color:#111;
    font-size:12px;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-family: Roboto, sans-serif;
  }
  #lgtMobileMenu a.lgt-mm-primary-item{ text-decoration:none; }

  #lgtMobileMenu .lgt-mm-primary-item.is-active{ font-weight:600; }

  /* Brands "Alle merken" arrow */
  /* Secondary links (rechts) */
  #lgtMobileMenu .lgt-mm-secondary a{
    display:block;
    padding:13px 12px;
    border-bottom:1px solid #eee;
    text-decoration:none;
    color:#111;
    font-size:14px;
    font-family: Roboto, sans-serif;
  }

  /* Loading */
  #lgtMobileMenu .lgt-mm-loading{
    display:block;
    padding:14px 12px;
    color:#777;
    font-family: Roboto, sans-serif;
    font-size:14px;
    text-transform:none;
    letter-spacing:0;
  }

  /* Scroll lock */
  body.lgt-mm-open{ overflow:hidden !important; }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce){
  #lgtMobileMenu,
  #lgtMobileMenu .lgt-mm-sheet{
    transition:none !important;
  }
}



/* LGT_MOBILEMENU_VERSION 20260228-195624 */


/* =========================================================
   LGT MOBILE MENU OVERRIDES (laatste win) v20260228-201626
   - zorgt dat de juiste styles altijd winnen (meerdere oude blocks in dit bestand)
   ========================================================= */
@media (max-width: 768px){
  /* SVG arrows (override oude '›') */
  #lgtMobileMenu .lgt-mm-primary-item.has-children::after,
  #lgtMobileMenu .lgt-mm-allbrands::after{
    content:"";
    width:18px;
    height:18px;
    flex:0 0 auto;
    opacity:.55;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%206l6%206-6%206'%20fill%3D'none'%20stroke%3D'%23111'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:18px 18px;
  }

  /* force primary layout so arrow stays at end */
  #lgtMobileMenu .lgt-mm-primary-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
  }
  #lgtMobileMenu .lgt-mm-primary-item > span{ flex:1 1 auto; }

  /* segments: reserve space; center vertically; hide only visibility on merken */
  #lgtMobileMenu .lgt-mm-segments{
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
    height:44px;
    padding: 0 14px 0 14px;
    border-bottom:1px solid #eee;
  }
  #lgtMobileMenu.lgt-tab-merken .lgt-mm-segments{
    visibility:hidden;
    pointer-events:none;
  }
  #lgtMobileMenu.lgt-tab-assortiment .lgt-mm-segments{
    visibility:visible;
    pointer-events:auto;
  }

  /* left alignment: same start as search input */
  #lgtMobileMenu .lgt-mm-quicklinks{ padding-left:14px !important; }
  #lgtMobileMenu .lgt-mm-quicklinks{ padding-right:65px !important; }
  #lgtMobileMenu .lgt-mm-quicklinks{ padding-top:0 !important; }
  #lgtMobileMenu .lgt-mm-quicklinks{ padding-bottom:12px !important; }

  /* right column: no grey lines + tighter rhythm */
  #lgtMobileMenu .lgt-mm-secondary a{
    border-bottom:0 !important;
    padding:9px 14px !important;
    line-height:1.2 !important;
  }
}


@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-arrow{ width:18px; height:18px; flex:0 0 auto; display:inline-block; margin-left:15px; color:#333; opacity:1; position:static; }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-section{ cursor:default; }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-primary-item:hover,
  #lgtMobileMenu .lgt-mm-primary-item:focus,
  #lgtMobileMenu .lgt-mm-primary-item:active{
    background:transparent !important;
    color:#000 !important;
    font-weight:700 !important;
    outline:none !important;
  }
  #lgtMobileMenu a.lgt-mm-primary-item{ text-decoration:none; }
  #lgtMobileMenu a.lgt-mm-primary-item:focus{ outline:none; }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-viewall{ text-decoration:underline !important; }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-primary-item.has-children::after,
  #lgtMobileMenu .lgt-mm-primary-item.has-children::before,
  #lgtMobileMenu .lgt-mm-allbrands::after,
  #lgtMobileMenu .lgt-mm-allbrands::before{
    content:none !important;
    display:none !important;
  }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-secondary a:hover,
  #lgtMobileMenu .lgt-mm-secondary a:focus,
  #lgtMobileMenu .lgt-mm-secondary a:active{
    background:transparent !important;
    color:#333 !important;
    outline:none !important;
  }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-body{
    display:flex;
  }
  #lgtMobileMenu .lgt-mm-primary,
  #lgtMobileMenu .lgt-mm-secondary{
    flex:0 0 50%;
    width:50%;
    min-width:50%;
  }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-primary-item.has-children::after,
  #lgtMobileMenu .lgt-mm-primary-item.has-children::before,
  #lgtMobileMenu .lgt-mm-allbrands::after,
  #lgtMobileMenu .lgt-mm-allbrands::before{
    content:none !important;
    display:none !important;
  }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-secondary a:hover,
  #lgtMobileMenu .lgt-mm-secondary a:focus{
    text-decoration:underline;
    color:#333;
    background:transparent;
    outline:none;
  }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-segments a:hover,
  #lgtMobileMenu .lgt-mm-segments a:focus{
    text-decoration:underline;
    color:#333;
    background:transparent;
    outline:none;
  }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-primary-item.has-children:hover,
  #lgtMobileMenu .lgt-mm-primary-item.has-children:focus,
  #lgtMobileMenu .lgt-mm-primary-item.has-children:active{
    background:transparent !important;
    color:#000 !important;
    font-weight:700 !important;
    outline:none !important;
    text-decoration:none !important;
  }
}


/* =========================================================
   LGT MOBILE MENU – HARD OVERRIDES (win from legacy blocks)
   - arrows RIGHT aligned (like before)
   - uppercase back (as before)
   - segments: only red on hover/active (no double underline)
   - primary categories: restore hover/active effects
   ========================================================= */
@media (max-width: 768px){
  /* Primary list items (left column) */
  #lgtMobileMenu .lgt-mm-primary-item{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:5px 15px !important;
    background:transparent !important;
    color:#333 !important;
    font-size:12px !important;
    font-weight:400 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
  }
  #lgtMobileMenu .lgt-mm-primary-item > span{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:100% !important;
  }
  #lgtMobileMenu .lgt-mm-arrow{
    display:inline-block !important;
    flex:0 0 auto !important;
    margin-left:10px !important;
    color:#333 !important;
    opacity:1 !important;
    position:static !important;
    transform:none !important;
  }

  /* 15px ruimte boven "Bekijk alle sieraden" */
  #lgtMobileMenu .lgt-mm-primary li:first-child{
    margin-top:15px !important;
  }

  /* View-all stays underlined */
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall,
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall span{
    text-decoration:underline !important;
  }

  /* Restore hover/active effects for category choices */
  #lgtMobileMenu .lgt-mm-primary-item.has-children:hover,
  #lgtMobileMenu .lgt-mm-primary-item.has-children:focus{
    background:transparent !important;
    color:#000 !important;
    font-weight:700 !important;
    outline:none !important;
    text-decoration:none !important;
  }
  #lgtMobileMenu .lgt-mm-primary-item.has-children:active,
  #lgtMobileMenu .lgt-mm-primary-item.has-children.is-active{
    background:#efefef !important;
    color:#333 !important;
  }

  /* Segments (dames/heren): ONLY red on hover/active, no double underline */
  #lgtMobileMenu .lgt-mm-segments a{
    color:#333 !important;
    text-decoration:none !important;
    border-bottom:0 !important;
  }
  #lgtMobileMenu .lgt-mm-segments a:hover,
  #lgtMobileMenu .lgt-mm-segments a:focus{
    color:#c40000 !important;
    text-decoration:none !important;
    border-bottom:2px solid #c40000 !important;
    outline:none !important;
  }
  #lgtMobileMenu .lgt-mm-segments a.is-active{
    color:#c40000 !important;
    text-decoration:none !important;
    border-bottom:2px solid #c40000 !important;
  }
}


/* ===== LGT MOBILE MENU – FIX7 (scoped, voorkomt impact op header) ===== */
@media (max-width: 768px){
  /* QUICKLINKS rij exact gecentreerd tussen de grijze lijnen */
  #lgtMobileMenu .lgt-mm-quicklinks{
    height: 44px !important;
    box-sizing: border-box !important;
    padding: 0 14px 0 26px !important; /* links uitlijnen met zoekbalk */
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #eee !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
  }
  #lgtMobileMenu .lgt-mm-quicklinks a{
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin-right: 18px !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  /* DAMES/HEREN rij: zelfde hoogte/ruimte tussen lijnen */
  #lgtMobileMenu .lgt-mm-segments{
    height: 44px !important;
    box-sizing: border-box !important;
    padding: 0 14px 0 26px !important;
    align-items: center !important;
    border-bottom: 1px solid #eee !important;
  }
  #lgtMobileMenu.lgt-tab-assortiment .lgt-mm-segments{ display: flex !important; }
  #lgtMobileMenu:not(.lgt-tab-assortiment) .lgt-mm-segments{ display: none !important; }

  #lgtMobileMenu .lgt-mm-segments a{
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin-right: 18px !important;
    line-height: 1 !important;
    text-decoration: none !important; /* voorkomt dubbele underline */
    border-bottom: 2px solid transparent !important;
    color: #333 !important;
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
  }
  #lgtMobileMenu .lgt-mm-segments a:hover{ color: #c40000 !important; border-bottom-color:#c40000 !important; }
  #lgtMobileMenu .lgt-mm-segments a.is-active{ color: #c40000 !important; border-bottom-color:#c40000 !important; }

  /* Kolommen gelijk breed */
  #lgtMobileMenu .lgt-mm-body{ display:flex !important; }
  #lgtMobileMenu .lgt-mm-primary,
  #lgtMobileMenu .lgt-mm-secondary{
    flex: 1 1 50% !important;
    width: 50% !important;
    min-width: 0 !important;
  }

  /* Primary items: uppercase terug + hover/active effecten terug */
  #lgtMobileMenu .lgt-mm-primary-item{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 5px 15px !important;
    border: 0 !important;
    background: transparent !important;
    color: #333 !important;
    font-family: Roboto, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }
  #lgtMobileMenu a.lgt-mm-primary-item{ cursor: pointer !important; }
  /* keep left column clean: no grey background effects */
  #lgtMobileMenu .lgt-mm-primary-item:hover{ background: transparent !important; }
  #lgtMobileMenu .lgt-mm-primary-item:active{ background: transparent !important; }

  /* viewall items (Bekijk alle / Alle horloges / Alle accessoires) */
  #lgtMobileMenu .lgt-mm-viewall{
    justify-content: flex-start !important;
    text-decoration: underline !important;
    letter-spacing: .12em !important;
  }
  /* no extra top-margin on the first item */
  #lgtMobileMenu .lgt-mm-primary li:first-child .lgt-mm-viewall{ margin-top: 0 !important; }

  /* Arrow icon netjes binnen het item (rechts, niet buiten beeld) */
  #lgtMobileMenu .lgt-mm-primary-item .lgt-mm-arrow{
    flex: 0 0 auto !important;
    margin-left: 14px !important;
    display: inline-block !important;
  }
  #lgtMobileMenu .lgt-mm-primary-item .lgt-mm-arrow path{
    stroke: currentColor !important;
  }
}

/* ===== LGT MOBILE MENU – Primary item states (no grey hover bg) ===== */
@media (max-width: 768px){
  /* Left column: no grey hover background; instead black + font-weight +100 */
  #lgtMobileMenu .lgt-mm-primary-item:hover,
  #lgtMobileMenu .lgt-mm-primary-item:focus,
  #lgtMobileMenu .lgt-mm-primary-item:focus-visible,
  #lgtMobileMenu .lgt-mm-primary-item:active,
  #lgtMobileMenu .lgt-mm-primary-item.is-active{
    background: transparent !important;
    color: #000 !important;
    font-weight: 700 !important;
    outline: none !important;
    text-decoration: none !important;
  }

  /* Arrow follows text color */
  #lgtMobileMenu .lgt-mm-primary-item .lgt-mm-arrow path{
    stroke: currentColor !important;
  }

  /* Arrow +1px on the same states */
  }

/* =========================================================
   LGT MOBILE MENU – RIGHT COLUMN ONLY (do not touch left column)
   ========================================================= */
@media (max-width: 768px){
  /* Ensure primary list items don't introduce extra vertical spacing */
  #lgtMobileMenu #lgtMmPrimary > li,
  #lgtMobileMenu #lgtMmPrimary li{
    margin-bottom: 0 !important;
  }

  /* Right column base + interactions */
  #lgtMobileMenu .lgt-mm-secondary a{
    color:#333 !important;
    text-decoration:none !important;
  }
  #lgtMobileMenu .lgt-mm-secondary a:hover,
  #lgtMobileMenu .lgt-mm-secondary a:focus,
  #lgtMobileMenu .lgt-mm-secondary a:active{
    color:#000 !important;
    text-decoration: underline !important;
    background: transparent !important;
    outline: none !important;
  }

  /* "Bekijk alle ..." stays underlined */
  #lgtMobileMenu .lgt-mm-secondary a.lgt-mm-secondary-all{
    text-decoration: underline !important;
  }

  /* Fade on switch (right column only) */
  #lgtMobileMenu .lgt-mm-secondary{
    transition: opacity .18s ease;
    will-change: opacity;
  }
  #lgtMobileMenu .lgt-mm-secondary.is-fading{ opacity:0; }
}

@media (max-width: 768px){
  #lgtMobileMenu .lgt-mm-primary-item.lgt-mm-viewall{ overflow:visible; }
}


/* Secondary extras + divider (only used in Armbanden right column) */
@media (max-width: 768px){
  #lgtMobileMenu #lgtMmSecondary li.lgt-mm-divider{
    padding: 0 !important;
    margin: 10px 0 !important;
    border-top: 1px solid #e6e6e6;
    height: 0;
  }
  #lgtMobileMenu #lgtMmSecondary a.lgt-mm-secondary-extra{
    opacity: .7;
  }

  #lgtMobileMenu #lgtMmSecondary a[data-mm-action="brands"]{
    display: inline-block;
    margin-bottom: 30px;
  }

  /* Force "Bekijk alle ..." (left column view-all) to stay on one line */
  #lgtMobileMenu .lgt-mm-primary-item.lgt-mm-viewall,
  #lgtMobileMenu .lgt-mm-primary-item.lgt-mm-viewall span{
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

  /* Merken tab: zorg dat tekst netjes links staat en pijl rechts */
  #lgtMobileMenu.lgt-tab-merken #lgtMmPrimary .lgt-mm-primary-item.has-children{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
  #lgtMobileMenu.lgt-tab-merken #lgtMmPrimary .lgt-mm-primary-item.has-children > span{
    flex:1 1 auto;
    text-align:left;
  }



@media (max-width: 768px){

  /* Make the two columns independently scrollable (no body scroll hacks) */
  #lgtMobileMenu .lgt-mm-secondary{
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
  }
  #lgtMobileMenu .lgt-mm-primary{
    overscroll-behavior: contain;
    touch-action: pan-y;
  }

  /* Merken tab: top padding only for the brand list (no impact on dames/heren) */
  #lgtMobileMenu.lgt-tab-merken #lgtMmSecondary{
    padding-top: 20px;
  }

}


/* =========================================================
   LGT – MOBILE HEADER ICON ORDER
   hamburger, search, logo, account, wishlist, cart
   - account + wishlist are absolutely positioned so cart never moves
   ========================================================= */
@media (max-width: 768px){
  header.page-header .minicart-wrapper{
    position: relative;
  }
  header.page-header .minicart-wrapper .lgt-header-account,
  header.page-header .minicart-wrapper .lgt-header-wishlist{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    text-decoration: none;
  }
  header.page-header .minicart-wrapper .lgt-header-account{ right: 72px; }
  header.page-header .minicart-wrapper .lgt-header-wishlist{ right: 40px; }

  header.page-header .minicart-wrapper .lgt-header-account:focus,
  header.page-header .minicart-wrapper .lgt-header-account:hover,
  header.page-header .minicart-wrapper .lgt-header-wishlist:focus,
  header.page-header .minicart-wrapper .lgt-header-wishlist:hover{
    color: #000;
  }

  header.page-header .minicart-wrapper .lgt-header-account-svg,
  header.page-header .minicart-wrapper .lgt-header-wishlist-svg{
    width: 25px;
    height: 25px;
    display: block;
  }

  /* Search icon moved next to hamburger */
  header.page-header .lgt-header-search-left{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: 4px;
    color: #333 !important;
  
    order:2 !important;
  }
  header.page-header .lgt-header-search-left:before{ color: #333 !important; }
  header.page-header .lgt-header-search-left svg{
    width:25px;
    height:25px;
    display:block;
  }
  header.page-header .lgt-header-search-left:before{
    font-size:25px;
    line-height:25px;
    color:#333 !important;
  }
}


@media (max-width: 768px){
  header.page-header .minicart-wrapper .lgt-header-wishlist svg{width:25px;height:25px;display:block;}
}

@media (max-width: 768px){
  .lgt-mm-quicklinks-fade{width:64px; right:-34px; background:linear-gradient(90deg, rgba(255,255,255,0.0), rgba(255,255,255,0.85) 35%, rgba(255,255,255,1));}
}

@media (max-width: 768px){
  /* Search icon color */
  .page-header .block-search .action.search,
  .page-header .block-search .action.search:before{ color:#333 !important; }
}

@media (max-width: 768px){
  .page-header a.action.search,
  .page-header button.action.search{ color:#333 !important; }
}


/* =========================================================
   LGT – MOBILE ICON SIZES + COLORS (requested)
   ========================================================= */
@media (max-width: 768px){
  /* wishlist + account svg size */
  header.page-header .lgt-header-account svg,
  header.page-header .lgt-header-wishlist svg{
    width:25px !important;
    height:25px !important;
  }

  /* search icon: Amasty button uses :before (font icon) */
  header.page-header .lgt-header-search-left{
    width:44px !important;
    height:44px !important;
    color:#333 !important;
  }
  header.page-header .lgt-header-search-left:before{
    font-size:25px !important;
    color:#333 !important;
  }

  /* keep hamburger left of search */
  header.page-header .header.content .action.nav-toggle{ order:1 !important; }
  header.page-header .lgt-header-search-left{ order:2 !important; }

  /* hide legacy duplicate search block if present */
  header.page-header .header.content .search_icon_header{ display:none !important; }

  /* FIX: keep right-side icons (account/wishlist/cart) on the RIGHT */
  header.page-header .header.content .minicart-wrapper{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
  }

  /* FIX: do NOT push layout with the legacy wrapper */
  header.page-header .header.content .search_icon_header{
    margin-left:0 !important;
    margin-right:0 !important;
  }

}


/* =========================================================
   LGT – MOBILE: FORCE 25px ICONS + 25px LOGO (visual size)
   - tap targets blijven 44px
   ========================================================= */
@media (max-width: 768px){

  /* Logo */
  header.page-header .header.content .logo img{
    max-height:25px !important;
    height:25px !important;
    width:auto !important;
  }

  /* Hamburger (Magento icon via :before) */
  header.page-header .header.content .action.nav-toggle:before{
    font-size:25px !important;
    line-height:1 !important;
  }

  /* Search icon (left) */
  header.page-header .lgt-header-search-left svg{
    width:25px !important;
    height:25px !important;
  }

  /* Account + wishlist injected into minicart-wrapper (JS) */
  header.page-header .minicart-wrapper .lgt-header-account,
  header.page-header .minicart-wrapper .lgt-header-wishlist{
    width:44px !important;
    height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    text-decoration:none !important;
    color:#333 !important;
  }
  header.page-header .minicart-wrapper .lgt-header-account svg,
  header.page-header .minicart-wrapper .lgt-header-wishlist svg{
    width:25px !important;
    height:25px !important;
    display:block !important;
  }

  /* Cart icon (Magento icon via :before) */
  header.page-header .minicart-wrapper .action.showcart:before{
    font-size:25px !important;
    line-height:1 !important;
  }


  /* Cart icon (if SVG is used instead of :before) */
  header.page-header .minicart-wrapper .action.showcart svg{
    width:25px !important;
    height:25px !important;
    display:block !important;
  }

}


/* === LGT FINAL OVERRIDE (mobile) === */
@media (max-width: 768px){
  header.page-header a.lgt-header-search-left,
  header.page-header a.show_hide.amsearch-button{
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    margin-left: -3px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 20px !important;
    color: #333 !important;
    background-size: cover !important;
  }
  header.page-header a.lgt-header-search-left svg,
  header.page-header a.lgt-header-search-left img,
  header.page-header a.show_hide.amsearch-button svg,
  header.page-header a.show_hide.amsearch-button img{
    width: 20px !important;
    height: 20px !important;
    display: block !important;
  }
}

@media (max-width: 768px){
  header.page-header .minicart-wrapper .lgt-header-account,
  header.page-header .minicart-wrapper .lgt-header-account:focus,
  header.page-header .minicart-wrapper .lgt-header-account:hover{
    margin-right: -3px !important;
  }
}

/* =========================================================
   RESTORE ICON SIZING (requested) — keep as previously finalized
   - This block ONLY restores header icon dimensions/margins.
   - Does not touch campaign/specialty bar behavior.
   ========================================================= */
@media (max-width: 768px){
  /* Search icon: 20x20, margin -3, and background-size restored */
  header.page-header a.lgt-header-search-left,
  header.page-header a.show_hide.amsearch-button{
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    margin-left: -3px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 20px !important;
    color: #333 !important;
    background-size: cover !important;
  }
  header.page-header a.lgt-header-search-left svg,
  header.page-header a.lgt-header-search-left img,
  header.page-header a.show_hide.amsearch-button svg,
  header.page-header a.show_hide.amsearch-button img{
    width: 20px !important;
    height: 20px !important;
    display: block !important;
  }

  /* Cart tap-target stays 44px, visual icon container back to 36x36 */
  header.page-header .header.content .minicart-wrapper .action.showcart{
    width: 36px !important;
    height: 36px !important;
  }

  /* Account link margin-right restored */
  header.page-header .minicart-wrapper .lgt-header-account,
  header.page-header .minicart-wrapper .lgt-header-account:focus,
  header.page-header .minicart-wrapper .lgt-header-account:hover{
    margin-right: -3px !important;
  }
}

/* =========================================================
   DESKTOP EXTRA TWEAKS
   - Left header links row
   - Search bar "de Bijenkorf" look (light grey bg + magnifier inside)
   ========================================================= */
@media (min-width: 769px){


  /* ---------- Desktop sticky header bar (full-bleed) ---------- */
  :root{
    --lgt-header-h: 55px; /* desktop header height */
  }

  /* Prevent mobile menu shell from ever falling into the page flow on desktop */
  #lgtMobileMenu{ display:none !important; }

  /* Full width sticky bar with full-bleed divider line */
  header.page-header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: var(--lgt-header-h) !important;
    background: #fff !important;
    border-bottom: 1px solid #dcdcdc !important;
    z-index: 3500 !important;
  }

  /* Ensure page content doesn't sit under the fixed header */
  body{ padding-top: var(--lgt-header-h) !important; }

  /* Header inner container matches site width */
  header.page-header .header.content{
    max-width: 1800px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    height: var(--lgt-header-h) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    box-sizing: border-box !important;
  }

  /* Logo sizing */
  header.page-header .logo img{
    height: 25px !important;
    width: auto !important;
    max-height: 25px !important;
  }

  /* Make sure the centered logo stays centered */
  header.page-header .logo{
    order: 20 !important;
    margin: 0 auto !important;
    flex: 0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height: 1 !important;
  }

  /* Right cluster: search + icons */
  header.page-header .header.content section.amsearch-wrapper-block{
    order: 40 !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
    height: 30px !important;
    display:flex !important;
    align-items:center !important;
  }

  /* Icons: consistent sizing + alignment */
  header.page-header .minicart-wrapper,
  header.page-header a.lgt-header-account,
  header.page-header a.lgt-header-wishlist{
    height: 25px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  header.page-header a.lgt-header-account svg,
  header.page-header a.lgt-header-wishlist svg{
    width: 25px !important;
    height: 25px !important;
  }

  /* Cart must be the right-most icon */
  header.page-header .minicart-wrapper{ order: 60 !important; margin-left: auto !important; }
  header.page-header a.lgt-header-wishlist{ order: 55 !important; margin-left: 8px !important; }
  header.page-header a.lgt-header-account{ order: 50 !important; margin-left: 8px !important; }

  /* Counter number spacing (desktop-only) */
  header.page-header .minicart-wrapper .counter.qty{
    margin-left: 6px !important;
  }
  /* ---------- Links row (left) ---------- */
  header.page-header .lgt-desktop-links{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    height:30px !important;
    white-space:nowrap !important;    overflow: visible !important;
    text-overflow:ellipsis !important;
    flex:0 1 auto !important;
  }
  header.page-header .lgt-desktop-links a{
    font-family: Roboto, sans-serif !important;
    font-size: 15px !important; /* +1px */
    line-height: 30px !important;
    font-weight: 400 !important;
    color:#333 !important;
    text-decoration:none !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 0 2px 0 !important;
  }

  /* Nike-like underline: only on hover/focus/active */
  header.page-header .lgt-desktop-links a::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:1px !important;
    background:#111 !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 160ms ease !important;
    opacity: .95 !important;
  }
  header.page-header .lgt-desktop-links a:hover::after,
  header.page-header .lgt-desktop-links a:focus-visible::after,
  header.page-header .lgt-desktop-links a:active::after,
  header.page-header .lgt-desktop-links a.is-active::after{
    transform: scaleX(1) !important;
  }

  /* place links at the far left, without affecting centered logo */
  header.page-header .lgt-desktop-links{
    order: 5 !important;
    margin-right: 18px !important;
  }

  /* ---------- Search bar: light grey bg + magnifier inside (left) ---------- */
  header.page-header .header.content section.amsearch-wrapper-block{
    position: relative !important;
  }
  header.page-header .header.content section.amsearch-wrapper-block input,
  header.page-header .header.content section.amsearch-wrapper-block input[type="text"],
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-input{
    background: #f2f2f2 !important;
    border: 0 !important;
    color:#333 !important;
    padding-left: 56px !important;
    position: relative !important;
    z-index: 1 !important;
    border-radius: 9999px !important;
  }
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button,
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button svg,
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button:before{
    color:#333 !important;
    fill:#333 !important;
  }

  /* desktop search icon sizing/position (inside the bar) */
  header.page-header .header.content section.amsearch-wrapper-block{
    position: relative !important;
  }
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button{
    position:absolute !important;
    left: 20px !important; /* +10px compared to previous */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    padding:0 !important;
    margin:0 !important;
    background: transparent !important;
    border:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    pointer-events:none !important;
  }
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button svg,
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button:before{
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
  }

  /* ---------- If custom desktop header (#lgtDesktopHeader) is active ---------- */
  #lgtDesktopHeader .lgt-dh-nav a{ color:#333; }
  /* Nike-like underline for #lgtDesktopHeader nav links */
  #lgtDesktopHeader .lgt-dh-nav a{
    color:#333;
    text-decoration:none;
    position:relative;
    display:inline-flex;
    align-items:center;
    padding: 0 0 2px 0;
  }
  #lgtDesktopHeader .lgt-dh-nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:#111;
    transform: scaleX(0);
    transform-origin:left;
    transition: transform 160ms ease;
    opacity:.95;
  }
  #lgtDesktopHeader .lgt-dh-nav a:hover::after,
  #lgtDesktopHeader .lgt-dh-nav a:focus-visible::after,
  #lgtDesktopHeader .lgt-dh-nav a:active::after,
  #lgtDesktopHeader .lgt-dh-nav a.is-active::after{
    transform: scaleX(1);
  }


  #lgtDesktopHeader .lgt-dh-search{ position: relative; }
  #lgtDesktopHeader .lgt-dh-search input{
    height: 30px;
    border-radius: 9999px;
    background:#f2f2f2;
    border:0;
    padding-left: 56px;
    color:#333;
    font-weight: 400;
  }
  #lgtDesktopHeader .lgt-dh-search button{
    position:absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    padding:0;
    border:0;
    background:transparent;
  }
  #lgtDesktopHeader .lgt-dh-search button svg{
    width:20px;
    height:20px;
  }
}


/* =========================================================
   LGT – DESKTOP CORE (STABLE)
   DOEL:
   - Gebruik mobile header markup (header.page-header) ook op desktop
   - Schakel oude desktop header UIT: div.page-header + .sections.nav-sections
   - Voorkom dat #lgtMobileMenu ooit ongestyled in de footer verschijnt (desktop-only)
   - Sticky white bar: 55px, full-bleed border-bottom, content in site-brede container
   ========================================================= */
@media (min-width: 769px){

  /* 0) Oude desktop header UIT (alleen desktop) */
  div.page-header,
  .sections.nav-sections{
    display:none !important;
  }

  /* 1) Voorkom 'mobile menu markup' die in de footer terecht komt */
  #lgtMobileMenu{
    display:none !important;
  }

  /* 2) Old header extras op desktop uit (panel + rating/feedback) */
  header.page-header .panel.wrapper,
  header.page-header .header.panel,
  header.page-header .site_rating_container{
    display:none !important;
  }

  /* 3) Desktop sticky bar */
  :root{ --lgt-desktop-header-h: 55px; }

  header.page-header{
    display:block !important;      /* mag NOOIT uit op desktop */
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height: var(--lgt-desktop-header-h) !important;
    background:#fff !important;
    border-bottom:1px solid #dcdcdc !important; /* full bleed */
    z-index: 5000 !important;
  }

  body{
    padding-top: var(--lgt-desktop-header-h) !important;
  }

  /* 4) Inner container = zelfde breedte als site */
  header.page-header .header.content{
    height: var(--lgt-desktop-header-h) !important;
    max-width: 1800px !important;
    margin: 0 auto !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;

    display:flex !important;
    align-items:center !important;
    position:relative !important;
    gap: 14px !important;
  }

  /* 5) Logo exact gecentreerd */
  header.page-header .header.content .logo{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    margin:0 !important;
    line-height:0 !important;
    transform-origin:center !important;
  }
  header.page-header .header.content .logo img{
    height: 25px !important;
    width: auto !important;
    display:block !important;
  }

  /* 6) Links (Dames/Heren/...) helemaal links */
  header.page-header .lgt-desktop-links{
    order: 1 !important;
    display:flex !important;
    align-items:center !important;
    gap: 14px !important;
    height: 25px !important;
    white-space:nowrap !important;    overflow: visible !important;
    flex: 0 1 auto !important;
    margin:0 !important;
  }

/* Header links (desktop): no underline by default, Nike-like underline on hover/focus/active */
  header.page-header .lgt-desktop-links a{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    height:25px !important;
    line-height:25px !important;
    font-size: 15px !important; /* +1px */
    color:#333 !important;
    text-decoration:none !important;
    padding: 0 0 2px 0 !important;
    border:0 !important;
  }
  header.page-header .lgt-desktop-links a::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:1px !important;
    background:#111 !important;
    transform:scaleX(0) !important;
    transform-origin:left !important;
    opacity:0 !important;
    transition: transform 160ms ease, opacity 160ms ease !important;
    pointer-events:none !important;
  }
  header.page-header .lgt-desktop-links a:hover::after,
  header.page-header .lgt-desktop-links a:focus-visible::after,
  header.page-header .lgt-desktop-links a:active::after,
  header.page-header .lgt-desktop-links a.is-active::after{
    transform:scaleX(1) !important;
    opacity:1 !important;
  }

  /* 7) Zoekbalk (Bijenkorf look) links van icons, rechts uitgelijnd */
  header.page-header .header.content section.amsearch-wrapper-block{
    order: 20 !important;
    margin: 0 0 0 auto !important; /* keep right aligned */
    flex: 0 1 320px !important;
    min-width: 220px !important;
    height: 30px !important;
    display:flex !important;
    align-items:center !important;
    align-self: center !important;
    position:relative !important;
  }

  /* verberg losse search icon links (desktop) */
  header.page-header .header.content .search_icon_header,
  header.page-header a.lgt-header-search-left{
    display:none !important;
  }

  /* input */
  header.page-header .header.content section.amsearch-wrapper-block input,
  header.page-header .header.content section.amsearch-wrapper-block input[type="text"],
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-input{
    height: 30px !important;
    border-radius: 6px !important;
    background:#f2f2f2 !important;
    border:1px solid #e5e5e5 !important;
    color:#333 !important;
    font-size: 13px !important;
    padding-left: 32px !important; /* ruimte voor vergrootglas links */
    padding-right: 10px !important;
    box-sizing:border-box !important;
  }
  header.page-header .header.content section.amsearch-wrapper-block input,
  header.page-header .header.content section.amsearch-wrapper-block input[type="text"],
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-input{
    line-height: 30px !important;
    margin: 0 !important;
    vertical-align: middle !important;
  }
/* placeholder text color */
header.page-header .header.content section.amsearch-wrapper-block input::placeholder,
header.page-header .header.content section.amsearch-wrapper-block .amsearch-input::placeholder{
  color:#333 !important;
  opacity:1 !important;
}

/* =========================================================
   LGT – DESKTOP FINAL OVERRIDES (DO NOT TOUCH MOBILE)
   Fixes requested:
   - Searchbar: NO border, pill radius, keep icon visible, icon 10px more right
   - Header links: Nike underline (2px)
   - Cart: right-most + show 0 when empty
   - Logo: clickable area not oversized
   ========================================================= */
@media (min-width: 769px){

  /* ---- Logo: keep click area tight ---- */
  header.page-header .header.content .logo,
  header.page-header .header.content .logo a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    width:auto !important;
    height:auto !important;
    line-height:0 !important;
  }
  header.page-header .header.content .logo img{
    display:block !important;
  }

  /* ---- Header links: Nike underline (2px) ---- */
  header.page-header .lgt-desktop-links{ overflow: visible !important; }
  header.page-header .lgt-desktop-links a::after{ height:2px !important; opacity: .95 !important; }
  #lgtDesktopHeader .lgt-dh-nav a::after{ height:2px !important; }

  /* ---- Search wrapper: remove the forced flex rule that keeps it too far left ---- */
  header.page-header .header.content section.amsearch-wrapper-block{
    flex: initial !important;               /* replaces flex: 0 1 320px */
    width: 320px !important;
    margin-left: auto !important;
  }

  /* Search input: pill, no border */
  header.page-header .header.content section.amsearch-wrapper-block input,
  header.page-header .header.content section.amsearch-wrapper-block input[type="text"],
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-input{
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 9999px !important;
    background: #f2f2f2 !important;
    height: 30px !important;
    line-height: 30px !important;
    padding-left: 56px !important;          /* room for bigger icon */
  }

  /* Remove the "ugly" injected ::before icon on the wrapper (if present anywhere) */
  header.page-header .header.content section.amsearch-wrapper-block::before{
    content: none !important;
    display: none !important;
  }

  /* Use the real button icon, keep it visible (also on focus) */
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button{
    display:flex !important;
    position:absolute !important;
    left: 22px !important;                  /* 10px more right (requested) */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    padding:0 !important;
    margin:0 !important;
    background: transparent !important;
    border:0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events:none !important;         /* purely visual */
  }
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button svg,
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button:before{
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    color:#333 !important;
    fill:#333 !important;
  }

  /* ---- Icons: cart must be the right-most + flush right ---- */
  header.page-header a.lgt-header-account{ order: 9000 !important; }
  header.page-header a.lgt-header-wishlist{ order: 9500 !important; }
  header.page-header .header.content .minicart-wrapper{ order: 9999 !important; margin-left: 10px !important; }

  /* Cart counter: ALWAYS show a number, 0 when empty (desktop too) */
  header.page-header .minicart-wrapper .action.showcart .counter.qty{
    display:inline-flex !important;
    align-items:center !important;
  }
  header.page-header .minicart-wrapper .action.showcart .counter.qty.empty{
    display:inline-flex !important;
  }
  header.page-header .minicart-wrapper .action.showcart .counter.qty.empty .counter-number:before{
    content:"0" !important;
  }
}

/* magnifying glass inside the input (left) */
header.page-header .header.content section.amsearch-wrapper-block::before{
  content:"" !important;
  position:absolute !important;
  z-index: 2 !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size: 16px 16px !important;
  pointer-events:none !important;
  opacity:.6 !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23333'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7'/%3E%3Cline%20x1='21'%20y1='21'%20x2='16.65'%20y2='16.65'/%3E%3C/svg%3E");
}

/* ensure input text doesn't overlap the magnifier */
header.page-header .header.content section.amsearch-wrapper-block input,
header.page-header .header.content section.amsearch-wrapper-block input[type="text"],
header.page-header .header.content section.amsearch-wrapper-block .amsearch-input{
  padding-left: 34px !important;
}

  /* magnifier button INSIDE left */
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button{
    position:absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    pointer-events:none !important; /* alleen visueel */
  }

  /* Use only the ::before magnifier for consistent look */
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button{
    display:none !important;
  }

  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button svg,
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button:before{
    width:16px !important;
    height:16px !important;
    color:#333 !important;
    filter:none !important;
  }

  /* 8) Icons rechts: account, wishlist, cart (cart meest rechts) */
  header.page-header a.lgt-header-account,
  header.page-header a.lgt-header-wishlist,
  header.page-header .header.content .minicart-wrapper{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height: 25px !important;
    line-height: 1 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  /* Order: search (20) -> account (30) -> wishlist (40) -> cart (50) */
  header.page-header a.lgt-header-account{ order: 30 !important; margin-left: 10px !important; }
  header.page-header a.lgt-header-wishlist{ order: 40 !important; margin-left: 10px !important; }
  header.page-header .header.content .minicart-wrapper{ order: 50 !important; margin-left: 10px !important; }

  /* SVG icon sizes */
  header.page-header a.lgt-header-account svg,
  header.page-header a.lgt-header-wishlist svg,
  header.page-header .header.content .minicart-wrapper svg{
    width:25px !important;
    height:25px !important;
    display:block !important;
  }

  /* Cart icon size (Magento font icon) */
  header.page-header .header.content .minicart-wrapper .action.showcart{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height: 25px !important;
    line-height: 1 !important;
    text-decoration:none !important;
  }
  header.page-header .header.content .minicart-wrapper .action.showcart:before{
    font-size: 25px !important;
    line-height: 1 !important;
    color:#333 !important;
  }
/* Counter = nummer rechts naast cart icoon (desktop only) */
  header.page-header .minicart-wrapper .action.showcart .counter.qty{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    margin: 0 0 0 6px !important; /* zoals screenshot */
    min-width: 0 !important;
    height:auto !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
  }
  header.page-header .minicart-wrapper .action.showcart .counter.qty .counter-number{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    margin:0 10px 0 1px !important;
    min-width:0 !important;
    height:auto !important;
    line-height:1 !important;
    color:#333 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    display:inline !important;
  }

  /* Verberg 'Winkelmand' tekst */
  header.page-header .minicart-wrapper .action.showcart .text,
  header.page-header .minicart-wrapper .action.showcart .label,
  header.page-header .minicart-wrapper .action.showcart .counter-label{
    display:none !important;
  }
}

/* =========================================================
   LGT – DESKTOP HEADER OVERRIDES (FINAL)
   - Only desktop (min-width: 769px)
   ========================================================= */
@media (min-width: 769px){

  /* ---------- Logo: keep click area tight ---------- */
  header.page-header .logo,
  header.page-header .logo a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
  }
  header.page-header .logo img{
    display: block !important;
    height: auto !important;
    width: auto !important;
    max-height: 40px;
  }

  /* ---------- Header links underline (Nike-style) ---------- */
  header.page-header .lgt-desktop-links{ overflow: visible !important; }
  header.page-header .lgt-desktop-links a{
    position: relative !important;
    color: #111;
    text-decoration: none !important;
  }
  header.page-header .lgt-desktop-links a::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -6px !important;
    height: 2px !important;            /* 1px dikker */
    background: #333 !important;       /* requested color */
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform 160ms ease !important;
  }
  header.page-header .lgt-desktop-links a:hover::after,
  header.page-header .lgt-desktop-links a:focus-visible::after{
    transform: scaleX(1) !important;
  }

  /* ---------- Search wrapper positioning (remove forced flex) ---------- */
  header.page-header .header.content section.amsearch-wrapper-block{
    flex: unset !important;            /* remove the flex rule you pointed at */
    order: 20 !important;
    height: 30px !important;           /* requested height */
    display: flex !important;
    align-items: center !important;    /* vertical center */
    position: relative !important;
  }

  /* Remove any pseudo-icon (the "lelijke" version) */
  header.page-header .header.content section.amsearch-wrapper-block::before{
    content: none !important;
    display: none !important;
  }

  /* Search input: pill + no border */
  header.page-header .header.content section.amsearch-wrapper-block input[type="text"],
  header.page-header .header.content section.amsearch-wrapper-block input[type="search"],
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-input{
    height: 30px !important;
    line-height: 30px !important;
    border: 0 !important;
    border-radius: 9999px !important;
    box-shadow: none !important;
    padding-left: 38px !important;     /* room for icon at 10px */
  }

  /* Magnifier icon: 10px from the left, stays visible on focus */
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button{
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  header.page-header .header.content section.amsearch-wrapper-block:focus-within .amsearch-button{
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
  }

  /* ---------- Cart MUST be rightmost + show 0 when empty ---------- */
  header.page-header .header.content{
    display: flex !important;
    align-items: center !important;
  }

  /* Ensure icon ordering: account + wishlist before cart */
  header.page-header .header.content .authorization-link,
  header.page-header .header.content .customer-welcome,
  header.page-header .header.content .header.links,
  header.page-header .header.content .block-wishlist{
    order: 8000 !important;
  }

  header.page-header .header.content .minicart-wrapper{
    order: 10000 !important;      /* rightmost */
    margin-left: 0 !important;
  }

  /* If the cart wrapper is in a right-icons group, still enforce last */
  header.page-header .lgt-dh-icons .minicart-wrapper,
  header.page-header .lgt-dh-icons .lgt-dh-cart{
    order: 10000 !important;
    margin-left: 0 !important;
  }

  /* Force counter to show 0 when empty (Magento counter can be hidden) */
  header.page-header .minicart-wrapper .action.showcart .counter.qty{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 10px;
  }
  header.page-header .minicart-wrapper .action.showcart .counter.qty:empty::before{
    content: "0" !important;
  }
}


/* =========================================================
   LGT – DESKTOP SEARCH DROPDOWN: POPULAIRE ZOEKOPDRACHTEN (PILLS)
   (anti-flash: JS mounts pills only when dropdown root is below input)

   ========================================================= */
@media (min-width: 769px){
  /* Hide default dropdown content only when input is empty (JS sets .lgt-amsearch-empty on results root) */
  .lgt-amsearch-empty .amsearch-item-container,
  .lgt-amsearch-empty .amsearch-collapsible-section,
  .lgt-amsearch-empty .amsearch-tabs,
  .lgt-amsearch-empty .amsearch-block-header,
  .lgt-amsearch-empty .amsearch-tab-items,
  .lgt-amsearch-empty .amsearch-item,
  .lgt-amsearch-empty ul.amsearch-list{
    display:none !important;
  }

  .lgt-amsearch-popular{
    padding: 18px 20px 22px 20px !important;
    box-sizing: border-box !important;
  }
  .lgt-amsearch-title{
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #111 !important;
    margin: 0 0 12px 0 !important;
  }
  .lgt-amsearch-pills{
    display:flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .lgt-amsearch-pills .lgt-pill{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding: 8px 12px !important;
    border-radius: 9999px !important;
    background: #f2f2f2 !important;
    border: 1px solid #e6e6e6 !important;
    color: #111 !important;
    text-decoration: none !important;
    font-family: Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    transition: background 140ms ease, border-color 140ms ease !important;
  }
  .lgt-amsearch-pills .lgt-pill:hover{
    background:#eaeaea !important;
    border-color:#dcdcdc !important;
  }
}

/* =========================================================
   HOTFIXES
   - Force specialty bar visible (remove any theme display:none)
   - Enforce header minimum width
   ========================================================= */

header.page-header,
.page-header{
  min-width: 0 !important;
}

/* Specialty bar: make sure it is NOT hidden on desktop */
@media (min-width: 769px){
  #header-specialday-bar,
  #header-specialday-bar-fixed,
  header-specialday-bar,
  header-specialday-bar-fixed,
  .header-specialday-bar,
  .header-specialday-bar-fixed{
    display: flex !important;
  }
}

/* =========================================================
   LGT – HOTFIXES (safe, scoped)
   - Prevent white-page issue caused by over-broad JS selectors (handled in header.js)
   - Desktop header min-width 1800px (requested)
   - Force specialty bar visible on desktop (override any theme display:none)
   - Restore magnifier icon inside the search input (10px from left)
   ========================================================= */

/* 1) Header min width */
@media (min-width: 769px){
  header.page-header{
    min-width: 0 !important;
  }
}

/* 2) Specialty bar must be visible (override theme rule shown in DevTools) */
@media (min-width: 769px){
  .header-specialday-bar,
  .header-specialday-bar-fixed{
    display: flex !important;
  }
}

/* 3) Magnifier icon inside the search input (keeps showing on focus) */
@media (min-width: 769px){
  header.page-header .block-search{
    position: relative !important;
  }
  header.page-header .block-search input[type="text"],
  header.page-header .block-search input.input-text{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.5' cy='10.5' r='6.75' stroke='%23333' stroke-width='2.35'/%3E%3Cpath d='M15.75 15.75 20 20' stroke='%23333' stroke-width='2.35' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 12px 50% !important;
    background-size: 18px 18px !important;
    padding-left: 40px !important;
  }

  /* Ensure any dedicated icon node isn't forcibly hidden by earlier rules */
  header.page-header .header.content .search_icon_header{
    display: flex !important;
  }
}

/* =========================================================
   LGT DESKTOP SIDE MENU (HOVER – shell only)
   - Desktop only. Mobile menu untouched.
   - Width is controlled via CSS variable --lgt-dsm-width (set by JS to end of "Magazine")
   - Only "Dames" + "Heren" stay above the panel; other header links may fall under it.
   ========================================================= */
@media (min-width: 769px){
  #lgtDesktopSideMenuWrap{
    position: fixed;
    inset: 0;
    z-index: 99999; /* between under-links and top-links */
    pointer-events: none;
  }
  #lgtDesktopSideMenuBackdrop{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
    opacity: 0;
    transition: opacity .22s ease;
  }
  #lgtDesktopSideMenu{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: min(var(--lgt-dsm-width, 345px), 92vw);
    background: #fff;
    transform: translateX(-103%);
    transition: transform .28s ease, width .28s ease;
    will-change: transform;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-left: 20px;
    padding-top: 60px;
  }

  body.lgt-dsm-open #lgtDesktopSideMenuWrap{ pointer-events: auto; }
  body.lgt-dsm-open #lgtDesktopSideMenuBackdrop{ opacity: 1; }
  body.lgt-dsm-open #lgtDesktopSideMenu{ transform: translateX(0); }

  /* Keep header tabs (Dames/Heren) on top of the slide menu so they are the exact same links */
  body.lgt-dsm-open header.page-header{ position: relative; z-index: 100000; }
  body.lgt-dsm-open #lgtDesktopSideMenu .lgt-dsm-segments{ display: none !important; }


  /* Desktop side menu: Dames / Heren segments (same position as header tabs) */
  #lgtDesktopSideMenu .lgt-dsm-segments{
    display:flex;
    align-items:center;
    gap:18px;
    margin: 0 0 18px 0;
  }
  #lgtDesktopSideMenu .lgt-dsm-segments a{
    color:#333;
    text-decoration:none;
    position:relative;
    display:inline-flex;
    align-items:center;
    padding: 0 0 2px 0;
    font-weight:400;
    letter-spacing:.02em;
  }
  #lgtDesktopSideMenu .lgt-dsm-segments a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:#111;
    transform: scaleX(0);
    transform-origin:left;
    transition: transform 160ms ease;
    opacity:.95;
  }
  #lgtDesktopSideMenu .lgt-dsm-segments a.is-active::after{
    transform: scaleX(1);
  }

  /* Placeholder styling (we fill later) */
  #lgtDesktopSideMenu .lgt-dsm-inner{ padding: 22px 18px; }
  #lgtDesktopSideMenu .lgt-dsm-title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  /* Desktop Dames menu: primary list + close button */
  #lgtDesktopSideMenu .lgt-dsm-close{
    position:absolute;
    top:14px;
    right:14px;
    width:48px;
    height:48px;
    border:0;
    background:transparent;
    padding:0;
    cursor:pointer;
    font-size:0; /* hide × character */
  }

  /* Floating close (must sit above the header) */
  #lgtDesktopSideMenuCloseFloat{
    position: fixed;
    top: 14px;
    z-index: 200001;
    right: auto;
    width: 48px;
    height: 48px;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    font-size: 0;
  }
  .lgt-dsm-close::before,
  .lgt-dsm-close::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:30px;
    height:2px;
    background:#333;
    transform-origin:center;
  }
  .lgt-dsm-close::before{ transform:translate(-50%,-50%) rotate(45deg); }
  .lgt-dsm-close::after{ transform:translate(-50%,-50%) rotate(-45deg); }
  #lgtDesktopSideMenu .lgt-dsm-primary{
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 10px 0;
    color:#333;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .02em;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary a:hover{
    text-decoration:underline;
  }

  /* Cadeautips / Wishlist / Sale / Nieuw: black text + black icons on hover */
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-cadeautips > a:hover,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-wishlist > a:hover,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-sale > a:hover,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-nieuw > a:hover{
    color:#000 !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-cadeautips > a:hover .lgt-dsm-icon,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-wishlist > a:hover .lgt-dsm-icon,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-sale > a:hover .lgt-dsm-icon,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-nieuw > a:hover .lgt-dsm-icon{
    color:#000 !important;
  }
  
  /* Make list items fully clickable (no dead vertical gaps) */
  #lgtDesktopSideMenu .lgt-dsm-primary li{
    margin: 0;
    padding: 0;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary a{
    width: 100%;
  }

  /* Only the uppercase category links (left navigation) are 13px */
  #lgtDesktopSideMenu .lgt-dsm-primary li:not(.lgt-dsm-cadeautips):not(.lgt-dsm-wishlist):not(.lgt-dsm-sale):not(.lgt-dsm-nieuw) > a{
    font-size: 13px;
  }
/* Desktop: show the mobile-style SVG arrow only on hover (no chevrons) */
  #lgtDesktopSideMenu .lgt-dsm-primary .lgt-dsm-arrowicon{
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    display: inline-block;
    margin-left: 10px;
    margin-right:60px;
    opacity: 0;
    transition: opacity .15s ease;
    pointer-events: none;
  }

  /* Cadeautips + Wishlist: no uppercase (desktop) */
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-cadeautips > a,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-wishlist > a,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-sale > a,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-nieuw > a{
    text-transform: none;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary a:hover .lgt-dsm-arrowicon{
    opacity: .7;
  }
  /* No hover arrow for icon rows (match mobile) */
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-wishlist .lgt-dsm-arrowicon,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-cadeautips .lgt-dsm-arrowicon,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-sale .lgt-dsm-arrowicon,
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-nieuw .lgt-dsm-arrowicon{
    display: none;
  }

  #lgtDesktopSideMenu .lgt-dsm-primary .lgt-dsm-arrow{
    display:none;
  }
  

  /* Divider above Cadeautips (desktop) */
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-cadeautips{
    position: relative;
    margin-top: 12px;
    padding-top: 12px;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary li.lgt-dsm-cadeautips::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    border-top: 1px solid #e6e6e6;
  }
  /* Icon rows (Cadeautips / Wishlist) */
  #lgtDesktopSideMenu .lgt-dsm-primary a .lgt-dsm-icon{
    width: 16px;
    height: 16px;
    margin-right: 10px;
    flex: 0 0 auto;
    display: inline-block;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary a span{
    display: inline-flex;
    align-items: center;
  }
#lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall{
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .02em;
    text-transform: uppercase;
    text-decoration: underline !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:hover{
    text-decoration: underline !important;
    font-weight: 600;
  }

  /* Keep only Dames/Heren above the panel */
  .lgt-dsm-toplink{
    position: relative;
    z-index: 100000;
  }

  /* Under-links (Sale/Nieuw/Merken/Magazine) must fall under the panel */
  .lgt-dsm-underlink{
    position: relative;
    z-index: 0;
  }
  body.lgt-dsm-open .lgt-dsm-underlink{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Remove top header border that visually 'cuts' through the panel while open */
  body.lgt-dsm-open header.page-header,
  body.lgt-dsm-open .page-header,
  body.lgt-dsm-open header.page-header .header.content,
  body.lgt-dsm-open .header.content{
    border-bottom: none !important;
    box-shadow: none !important;
  }
}

/* =========================================================
   DESKTOP MENU – DAMES/HEREN SLIDE MENU (requested)
   - All links uppercase in the slide menu (desktop only)
   - Wishlist + Cadeautips icons like mobile
   - "Bekijk alle sieraden" + "Bekijk alle horloges" always underlined
   ========================================================= */
@media (min-width: 769px){

  /* Uppercase all menu links inside the slide menu */
  #lgtMobileMenu .lgt-mm-primary a,
  #lgtMobileMenu .lgt-mm-secondary a{
    text-transform: uppercase !important;
  }

  /* Always underline the two view-all links */
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall,
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall span{
    text-decoration: underline !important;
  }

  /* Wishlist link (icon + spacing) */
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-wishlist-link{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-wishlist-link svg.lgt-mm-heart{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-wishlist-link svg{
    width:20px !important;
    height:20px !important;
    flex:0 0 auto !important;
  }

  /* Cadeautips link (icon + spacing) */
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-cadeautips-link{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-cadeautips-link svg.lgt-mm-gift{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
  }
  #lgtMobileMenu #lgtMmPrimary a.lgt-mm-cadeautips-link svg{
    width:20px !important;
    height:20px !important;
    flex:0 0 auto !important;
  }
}

@media (min-width: 769px) {
  #lgtDesktopSideMenu {
    padding-left: 20px;
    padding-top: 60px;
  }
}


/* =========================================================
   DESKTOP SIDE MENU – secondary column layout fix
   (only desktop; keeps primary-only collapsed state)
   ========================================================= */
@media (min-width: 769px){
  /* Default: only primary visible */
  #lgtDesktopSideMenu .lgt-dsm-secondary{
    display:block;
    background: transparent !important;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(-8px);
    transition: max-width .28s ease, opacity .18s ease, transform .28s ease;
  }
  /* Right column link behavior (desktop)
     - Only the first link (class .is-underlined) is ALWAYS underlined
     - All links: hover color black
     - All other links: NEVER underline on hover
  */
  #lgtDesktopSideMenu .lgt-dsm-secondary a{
    text-decoration: none !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary a:hover{
    color:#000 !important;
    text-decoration:none !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary a.is-underlined{
    color:#000 !important;              /* always black */
    text-decoration: underline !important; /* always underlined */
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary a.is-underlined:hover{
    color:#000 !important;
    text-decoration: underline !important;
  }


  /* When JS adds .has-secondary-open on .lgt-dsm-body: show 2 columns */
  #lgtDesktopSideMenu .lgt-dsm-body.has-secondary-open{
    display:flex;
    align-items: stretch;
    gap: 0;
  }
  #lgtDesktopSideMenu .lgt-dsm-body.has-secondary-open .lgt-dsm-primary{
    flex: 0 0 285px;
    min-width: 285px;
  }
  #lgtDesktopSideMenu .lgt-dsm-body.has-secondary-open .lgt-dsm-secondary{
    flex: 1 1 auto;
    min-width: 0;
    max-width: 1000px;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }

  /* Secondary list styling */
  #lgtDesktopSideMenu .lgt-dsm-secondary-list{
    margin: 14px 0 0;
    padding: 0;
    list-style: none !important;
  }
  
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li{
    margin: 0;
    padding: 0;
  }
#lgtDesktopSideMenu .lgt-dsm-secondary-list li a{
    display:block;
    padding: 8px 0;
    color:#333;
    text-decoration:none;
    font-size:14px;
    letter-spacing: .02em;
    text-transform: none;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a:hover{
    text-decoration: underline;
  }

  /* Underline only requested link */
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined{
    text-decoration: underline;
  }

  /* Secondary divider + price links (Armbanden) */
  #lgtDesktopSideMenu .lgt-dsm-secondary-divider{
    border-top: 1px solid #d9d9d9;
    margin: 12px 0;
    width: 60%;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary-divider.is-bottom{
    margin-top: 14px;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary-price{
    margin: 0;
    padding: 0;
    list-style: none !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a{
    display:block;
    padding: 8px 0;
    color:#333;
    text-decoration:none;
    font-size: 13px;
    letter-spacing: .02em;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a:hover{
    text-decoration: underline;
  }

  /* Arrow 20px further left (extra right spacing) */
  #lgtDesktopSideMenu .lgt-dsm-primary .lgt-dsm-arrowicon{
    margin-right: 20px;
  }
}


/* FIX: hide legacy floating close button (avoid duplicate X) */
#lgtDesktopSideMenuCloseFloat{ display:none !important; }

/* FIX: underline hover for ALL links in desktop right column */
#lgtDesktopSideMenu .lgt-dsm-secondary a:hover{ text-decoration: underline !important; }

/* FIX: keep active primary item styling when right column is open */
#lgtDesktopSideMenu .lgt-dsm-primary a.is-dsm-active{
  font-weight: 600 !important;
}
#lgtDesktopSideMenu .lgt-dsm-primary a.is-dsm-active .lgt-dsm-arrowicon{
  opacity: .7 !important;
  visibility: visible !important;
}

/* FIX: right column links have continuous clickable area (no dead gaps) */
#lgtDesktopSideMenu .lgt-dsm-secondary-list,
#lgtDesktopSideMenu .lgt-dsm-secondary-price{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#lgtDesktopSideMenu .lgt-dsm-secondary-list li,
#lgtDesktopSideMenu .lgt-dsm-secondary-price li{
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
#lgtDesktopSideMenu .lgt-dsm-secondary-list li a,
#lgtDesktopSideMenu .lgt-dsm-secondary-price li a{
  display: block !important;
  margin: 0 !important;
  padding: 10px 0 !important; /* keeps spacing but clickable */
  line-height: 1.2 !important;
  font-size: 14px !important;
}

/* LGT DSM FINAL OVERRIDES
   - Desktop only: make the entire secondary column (#f3f3f3) full height + full width (no "grey box with white around it")
   - Keep content padding inside the column
   - Align the first right-column link with the first left-column link
*/
@media (min-width: 769px){
  #lgtDesktopSideMenu .lgt-dsm-inner{
    padding: 22px 0 22px 18px !important;
    box-sizing: border-box !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-body.has-secondary-open{
    align-items: stretch !important;
    gap: 0 !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-body.has-secondary-open .lgt-dsm-primary{
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-body.has-secondary-open .lgt-dsm-secondary{
    background: #f3f3f3 !important;
    max-width: none !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 22px 40px !important;
    box-sizing: border-box !important;
    margin: -22px 0 -22px 0 !important;
    min-height: calc(100% + 44px) !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary-list{
    margin-top: 10px !important;
  }
}


@media (min-width: 769px){
  /* Right column: full-height grey from top to bottom (including the area with the X button) */
  #lgtDesktopSideMenu .lgt-dsm-body.has-secondary-open .lgt-dsm-secondary{
    background: #f3f3f3 !important;
    position: relative;
    z-index: 0;
    overflow: visible !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-body.has-secondary-open .lgt-dsm-secondary::before{
    content:"";
    position:absolute;
    top: -140px;   /* covers menu padding-top + inner padding + small margins */
    bottom: -40px; /* covers inner padding bottom */
    left: 0;
    right: -18px;  /* cover .lgt-dsm-inner right padding */
    background: #f3f3f3;
    z-index: -1;
  }

  /* Keep padding on content (not as a white gutter) */
  #lgtDesktopSideMenu .lgt-dsm-secondary-list,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price{
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    background: transparent !important;
  }
}


@media (min-width: 769px){
  #lgtDesktopSideMenu,
  #lgtDesktopSideMenu .lgt-dsm-inner,
  #lgtDesktopSideMenu .lgt-dsm-body{
    height: 100% !important;
  }
}


@media (min-width: 769px){
  /* Use ONE scrollbar for the whole DSM (no separate scrollbar in the right column) */
  #lgtDesktopSideMenu{
    overflow: hidden;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary{
    overflow: visible !important;
  }
  /* Hide any inner column scrollbar visuals */
  #lgtDesktopSideMenu .lgt-dsm-secondary::-webkit-scrollbar{
    width: 0 !important;
    height: 0 !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary{
    scrollbar-width: none;
  }

  /* Left column: reduce spacing on the right by 20px (was 40px) */
  #lgtDesktopSideMenu .lgt-dsm-body.has-secondary-open .lgt-dsm-primary{
    padding-right: 10px !important;
  }

  /* Close X must always sit above everything */
  #lgtDesktopSideMenu .lgt-dsm-close{
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 200 !important;
  }
}


@media (min-width: 769px){
  /* Align right column text with left column text (same inset from column edge) */
  #lgtDesktopSideMenu .lgt-dsm-secondary-list,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price{
    padding-left: 0 !important;
    padding-right: 30px !important;
  }
}


@media (min-width: 769px){
  /* Keep only the Dames/Heren header links clickable above the DSM backdrop */
  body.lgt-dsm-open .lgt-dsm-toplink{
    position: relative;
    z-index: 100000;
    pointer-events: auto;
  }
}


@media (min-width: 769px){
  /* Right column: align link text with divider line */
  #lgtDesktopSideMenu .lgt-dsm-secondary-list,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price{
    padding-left: 0 !important;
    padding-right: 30px !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-secondary-list a,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price a{
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}


@media (min-width: 769px){
  /* DSM top links container lives OUTSIDE the sliding panel so the links never slide with it */
  .lgt-dsm-toplinks{
    position: fixed;
    display: none;
    z-index: 200010;
    pointer-events: auto;
    height: 25px !important;
    min-height: 25px !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
  body.lgt-dsm-open .lgt-dsm-toplinks{ display: block; }
}



/* =========================================================
   LGT – HEADER FIXES (desktop + both)
   - Search icon inside search input (desktop)
   - Specialday bar: no close-X, no sticky/fixed clone
   - Prevent duplicate "popular pills" blocks
   - Cart must be right of wishlist
   ========================================================= */

/* --- 1) Desktop: put magnifier icon INSIDE the search field (left ~10px) --- */
@media (min-width: 769px){
  header.page-header section.amsearch-wrapper-block,
  header.page-header .block-search{
    position: relative !important;
  }

  /* Fallback: render magnifier as input background if JS can't move the original icon */
  header.page-header section.amsearch-wrapper-block:not(.lgt-search-icon-moved) input[type="text"],
  header.page-header section.amsearch-wrapper-block:not(.lgt-search-icon-moved) input[type="search"],
  header.page-header section.amsearch-wrapper-block:not(.lgt-search-icon-moved) .amsearch-input,
  header.page-header .block-search:not(.lgt-search-icon-moved) input[type="text"],
  header.page-header .block-search:not(.lgt-search-icon-moved) input[type="search"],
  header.page-header .block-search:not(.lgt-search-icon-moved) input.input-text{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.5' cy='10.5' r='6.75' stroke='%23333' stroke-width='2.35'/%3E%3Cpath d='M15.75 15.75 20 20' stroke='%23333' stroke-width='2.35' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 12px 50% !important;
    background-size: 18px 18px !important;
    padding-left: 40px !important;
  }

  /* When JS successfully moved the real icon into the wrapper, avoid double icons */
  header.page-header section.amsearch-wrapper-block.lgt-search-icon-moved input[type="text"],
  header.page-header section.amsearch-wrapper-block.lgt-search-icon-moved input[type="search"],
  header.page-header section.amsearch-wrapper-block.lgt-search-icon-moved .amsearch-input,
  header.page-header .block-search.lgt-search-icon-moved input[type="text"],
  header.page-header .block-search.lgt-search-icon-moved input[type="search"],
  header.page-header .block-search.lgt-search-icon-moved input.input-text{
    background-image: none !important;
    padding-left: 40px !important;
  }

  /* The moved icon itself (always visible, also while input is active) */
  header.page-header section.amsearch-wrapper-block .lgt-search-infield-icon,
  header.page-header .block-search .lgt-search-infield-icon{
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    z-index: 10 !important;
    cursor: pointer !important;
  }
  header.page-header section.amsearch-wrapper-block .lgt-search-infield-icon svg,
  header.page-header section.amsearch-wrapper-block .lgt-search-infield-icon img,
  header.page-header .block-search .lgt-search-infield-icon svg,
  header.page-header .block-search .lgt-search-infield-icon img{
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }

  /* Hide the stray/old icon instance that ends up far-left under the header */
  header.page-header a.show_hide.amsearch-button:not(.lgt-search-infield-icon),
  header.page-header .search_icon_header{
    display: none !important;
  }
}

/* --- 2) Specialday bar: remove close-X and disable sticky/fixed behavior (all devices) --- */
#header-specialday-bar-fixed,
header-specialday-bar-fixed,
.header-specialday-bar-fixed{
  display: none !important;
  position: static !important;
  top: auto !important;
}

#header-specialday-bar,
header-specialday-bar,
.header-specialday-bar{
  position: static !important;
  top: auto !important;
}

#header-specialday-bar :is(.action-close, .close, .lgt-specialday-close, button.close, a.close, button.lgt-specialday-close, a.lgt-specialday-close, [data-action="close"], [data-role="close"], [data-role="closeBtn"]),
#header-specialday-bar-fixed :is(.action-close, .close, .lgt-specialday-close, button.close, a.close, button.lgt-specialday-close, a.lgt-specialday-close, [data-action="close"], [data-role="close"], [data-role="closeBtn"]),
.header-specialday-bar :is(.action-close, .close, .lgt-specialday-close, button.close, a.close, button.lgt-specialday-close, a.lgt-specialday-close, [data-action="close"], [data-role="close"], [data-role="closeBtn"]),
.header-specialday-bar-fixed :is(.action-close, .close, .lgt-specialday-close, button.close, a.close, button.lgt-specialday-close, a.lgt-specialday-close, [data-action="close"], [data-role="close"], [data-role="closeBtn"]){
  display: none !important;
}

/* --- 3) If JS marks extra popular-pills blocks, hide them (prevents horizontal duplicate row in header) --- */
[data-lgt-hidden-popular="1"]{
  display: none !important;
}

/* --- 4) Cart must be the last (rightmost) icon, to the right of wishlist --- */
@media (min-width: 769px){
  header.page-header .header.content a.lgt-header-wishlist,
  header.page-header .header.content .lgt-header-wishlist,
  header.page-header .header.content .block-wishlist{
    order: 9990 !important;
  }

  header.page-header .header.content .minicart-wrapper{
    order: 10000 !important;
  }
}

/* --- Specialday bar (DESKTOP): 30px height + centered content --- */
@media (min-width: 769px){
  #header-specialday-bar,
  header-specialday-bar,
  .header-specialday-bar{
    height: 30px !important;
    min-height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Center common inner wrappers if present */
  #header-specialday-bar > *,
  header-specialday-bar > *,
  .header-specialday-bar > *{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  /* Prevent vertical misalignment from inherited line-heights */
  #header-specialday-bar, #header-specialday-bar *,
  header-specialday-bar, header-specialday-bar *,
  .header-specialday-bar, .header-specialday-bar *{
    line-height: 1.2;
  }
}


/* =========================================================
   LGT – AMASTY SEARCH (DESKTOP) – typed state fixes
   - Replace "Onlangs gebruikte zoektermen" with our popular pills
   - Remove blue accents -> black
   ========================================================= */
@media (min-width: 769px){
  /* Force Amasty link colors to black in dropdown (old theme used blue) */
  .amsearch-item-container .amsearch-item-link,
  .amsearch-item-container .amsearch-link,
  .amsearch-items-section a,
  .amsearch-items-section a:visited{
    color: #111 !important;
  }
  .amsearch-item-container .amsearch-item-link:hover,
  .amsearch-item-container .amsearch-item-link:focus{
    color: #111 !important;
  }

  /* Hide old recent-searches list when we inject our pills */
  .amsearch-item-container.___recent_searches [data-lgt-hide-old="1"]{
    display:none !important;
  }

  .lgt-amsearch-recent-popular{
    padding: 10px 12px 12px;
  }
  .lgt-amsearch-pills--recent{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
  }
}

/* =========================================================
   DESKTOP SLIDE MENU – RIGHT COLUMN HOVER RULES (v20260306)
   Requirements:
   - All right-column links: on hover NO underline, color black
   - Only first "Bekijk alle ..." link (marked .is-underlined) gets underline on hover
   - "Bekijk alle ..." link is always black (also without hover)
   ========================================================= */
@media (min-width: 769px){
  /* Default right column link styling */
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a{
    text-decoration: none !important;
  }

  /* All right-column links hover: black, no underline, font-weight 500 */
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a:hover,
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a:focus,
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a:active,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a:hover,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a:focus,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a:active{
    color: #000 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
  }

  /* First link ("Bekijk alle ...") is always black */
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined{
    color: #000 !important;
    text-decoration: none !important;
  }

  /* Only first link gets underline on hover */
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined:hover,
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined:focus,
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined:active{
    color: #000 !important;
    text-decoration: underline !important;
  }
}

/* =========================================================
   HOTFIX – restore requested desktop right-column underline behavior
   - First "Bekijk alle ..." link: ALWAYS underlined
   - Price links (Onder €25 / Onder €50): underline on hover only
   - No other behavior changed
   ========================================================= */
@media (min-width: 769px){
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined,
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined:hover,
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined:focus,
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined:active{
    text-decoration: underline !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined:hover,
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined:focus,
  #lgtDesktopSideMenu .lgt-dsm-secondary-list li a.is-underlined:active,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a:hover,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a:focus,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a:active{
    font-weight: 500 !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a:focus,
  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a:active{
    text-decoration: none !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-price li a:hover{
    text-decoration: underline !important;
  }
}

/* =========================================================
   HOTFIX – desktop header clickable again
   Cause: minicart wrapper may sit as an overlay above the header row.
   Fix: make the wrapper only size to its own icons and let only the icons capture clicks.
   ========================================================= */
@media (min-width: 769px){
  header.page-header .header.content .minicart-wrapper{
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    flex: 0 0 auto !important;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    pointer-events: none !important;
  }

  header.page-header .header.content .minicart-wrapper > .lgt-header-account,
  header.page-header .header.content .minicart-wrapper > .lgt-header-wishlist,
  header.page-header .header.content .minicart-wrapper > .action.showcart,
  header.page-header .header.content .minicart-wrapper .action.showcart,
  header.page-header .header.content .minicart-wrapper a,
  header.page-header .header.content .minicart-wrapper button{
    pointer-events: auto !important;
  }
}


/* =========================================================
   HOTFIX – desktop minicart order + clickability
   - keep account, wishlist, cart in one inline row
   - cart stays right of wishlist
   - no full-width click-blocking overlay
   ========================================================= */
@media (min-width: 769px){
  header.page-header .header.content .minicart-wrapper{
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    margin-left: 10px !important;
    order: 10000 !important;
    pointer-events: auto !important;
    float: none !important;
  }

  header.page-header .header.content .minicart-wrapper > .lgt-header-account,
  header.page-header .header.content .minicart-wrapper > .lgt-header-wishlist,
  header.page-header .header.content .minicart-wrapper > .action.showcart,
  header.page-header .header.content .minicart-wrapper .action.showcart{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
    pointer-events: auto !important;
  }

  header.page-header .header.content .minicart-wrapper > .action.showcart,
  header.page-header .header.content .minicart-wrapper .action.showcart{
    margin-left: 10px !important;
  }

  header.page-header .header.content .minicart-wrapper > .lgt-header-account{ order: 10 !important; }
  header.page-header .header.content .minicart-wrapper > .lgt-header-wishlist{ order: 20 !important; }
  header.page-header .header.content .minicart-wrapper > .action.showcart,
  header.page-header .header.content .minicart-wrapper .action.showcart{ order: 30 !important; }
}

/* =========================================================
   LGT HOTFIX – restore requested DSM hover + cart counter margin
   - Desktop side menu links WITHOUT right column (e.g. Enkelbanden, Piercings)
     get same hover emphasis as the other primary links, but without arrow.
   - Desktop cart number keeps fixed requested margin: 0 0px 10px 0px
   ========================================================= */
@media (min-width: 769px){
  /* Primary DSM links without submenu/right column */
  #lgtDesktopSideMenu .lgt-dsm-primary a:not([data-dsm-key]){
    font-weight: 400 !important;
    transition: font-weight .16s ease, color .16s ease !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary a:not([data-dsm-key]):hover,
  #lgtDesktopSideMenu .lgt-dsm-primary a:not([data-dsm-key]):focus-visible,
  #lgtDesktopSideMenu .lgt-dsm-primary li:hover > a:not([data-dsm-key]){
    font-weight: 600 !important;
    color: #000 !important;
    text-decoration: none !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary a:not([data-dsm-key]) .lgt-dsm-arrowicon,
  #lgtDesktopSideMenu .lgt-dsm-primary li:hover > a:not([data-dsm-key]) .lgt-dsm-arrowicon{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* Cart counter number margin lock (requested value from screenshot) */
  header.page-header .minicart-wrapper .action.showcart .counter.qty .counter-number{
    margin: 0 0px 10px 0px !important;
  }
}

/* =========================================================
   LGT HOTFIX – desktop header symmetry + remove left phantom block
   - removes reserved desktop nav-toggle space (purple block)
   - keeps header content exactly within 1800px
   - restores requested DSM hover + cart counter margin
   ========================================================= */
@media (min-width: 769px){
  header.page-header .header.content{
    width: 100% !important;
    max-width: 1800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  /* Kill the desktop phantom slot on the far left */
  header.page-header .header.content > .action.nav-toggle,
  header.page-header .header.content > .nav-toggle,
  header.page-header .header.content > button.nav-toggle,
  header.page-header .header.content > a.nav-toggle{
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    flex: 0 0 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }
  header.page-header .header.content > .action.nav-toggle::before,
  header.page-header .header.content > .nav-toggle::before,
  header.page-header .header.content > button.nav-toggle::before,
  header.page-header .header.content > a.nav-toggle::before,
  header.page-header .header.content::before,
  header.page-header .header.content::after{
    content: none !important;
    display: none !important;
  }

  /* Left side starts flush inside the 1800px container */
  header.page-header .header.content > .lgt-desktop-links,
  header.page-header .header.content > .logo,
  header.page-header .header.content > [data-lgt="LGT_DESKTOP_LINKS"]{
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  header.page-header .lgt-desktop-links{
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  /* Search occupies the middle without pushing icons outside the 1800px width */
  header.page-header .header.content > section.amsearch-wrapper-block,
  header.page-header .header.content > .block-search,
  header.page-header .header.content > .search_icon_header{
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  /* Right cluster must stay inside the same container edge */
  header.page-header .header.content .minicart-wrapper{
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
  }
  header.page-header .header.content .minicart-wrapper > .lgt-header-account,
  header.page-header .header.content .minicart-wrapper > .lgt-header-wishlist,
  header.page-header .header.content .minicart-wrapper > .action.showcart,
  header.page-header .header.content .minicart-wrapper .action.showcart{
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  /* Requested earlier changes must remain intact */
  #lgtDesktopSideMenu .lgt-dsm-primary a:not([data-dsm-key]){
    font-weight: 400 !important;
    transition: font-weight .16s ease, color .16s ease !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary a:not([data-dsm-key]):hover,
  #lgtDesktopSideMenu .lgt-dsm-primary a:not([data-dsm-key]):focus-visible,
  #lgtDesktopSideMenu .lgt-dsm-primary li:hover > a:not([data-dsm-key]){
    font-weight: 600 !important;
    color: #000 !important;
    text-decoration: none !important;
  }
  #lgtDesktopSideMenu .lgt-dsm-primary a:not([data-dsm-key]) .lgt-dsm-arrowicon,
  #lgtDesktopSideMenu .lgt-dsm-primary li:hover > a:not([data-dsm-key]) .lgt-dsm-arrowicon{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty .counter-number{
    margin: 0 0px 10px 0px !important;
  }
}


/* =========================================================
   LGT – VIEW-ALL LINKS
   - "Bekijk alle sieraden" / "Bekijk alle horloges"
   - normal state blijft underlined
   - hover/focus/active blijft ook underlined
   ========================================================= */
@media (min-width: 769px){
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall span{
    text-decoration: underline !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:hover,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:hover span,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:focus,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:focus span,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:active,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:active span{
    text-decoration: underline !important;
  }
}

@media (max-width: 768px){
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall,
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall span{
    text-decoration: underline !important;
  }

  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall:hover,
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall:hover span,
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall:focus,
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall:focus span,
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall:active,
  #lgtMobileMenu a.lgt-mm-primary-item.lgt-mm-viewall:active span{
    text-decoration: underline !important;
  }
}


/* =========================================================
   LGT FINAL HOTFIX – view-all links desktop side menu
   - keep normal underline as before
   - add/keep underline on hover/focus/active
   ========================================================= */
@media (min-width: 769px){
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall span,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:not([data-dsm-key]),
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:not([data-dsm-key]) span{
    text-decoration: underline !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:hover,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:hover span,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:focus,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:focus span,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:focus-visible,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:focus-visible span,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:active,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:active span,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:not([data-dsm-key]):hover,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:not([data-dsm-key]):hover span,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:not([data-dsm-key]):focus-visible,
  #lgtDesktopSideMenu .lgt-dsm-primary a.lgt-dsm-viewall:not([data-dsm-key]):focus-visible span,
  #lgtDesktopSideMenu .lgt-dsm-primary li:hover > a.lgt-dsm-viewall,
  #lgtDesktopSideMenu .lgt-dsm-primary li:hover > a.lgt-dsm-viewall span{
    text-decoration: underline !important;
  }
}


/* =========================================================
   LGT – DESKTOP MINICART DIRECT LINK (NO DROPDOWN)
   ========================================================= */
@media (min-width: 769px){
  header.page-header .minicart-wrapper.active .block-minicart,
  header.page-header .minicart-wrapper .block-minicart{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}


/* =========================================================
   LGT – DESKTOP SEARCH NEXT TO ACCOUNT
   - Searchbar direct links van de account/cart icon cluster
   ========================================================= */
@media (min-width: 769px){
  header.page-header .header.content section.amsearch-wrapper-block{
    order: 49 !important;
    margin-left: auto !important;
    margin-right: 10px !important;
    width: 320px !important;
    max-width: 320px !important;
    flex: 0 0 320px !important;
  }

  header.page-header .header.content .minicart-wrapper{
    order: 50 !important;
    margin-left: 0 !important;
  }
}

/* =========================================================
   LGT – AMASTY SEARCH (DESKTOP) – product grid hard fixes
   Scope: search dropdown only, never category/product grids
   ========================================================= */
@media (min-width: 769px){
  header.page-header .amsearch-products-section .amsearch-block-header .amsearch-title,
  header.page-header .amsearch-products-section .amsearch-collapsible-title .amsearch-title{
    font-size: 14px !important;
    color: #333 !important;
  }

  header.page-header .amsearch-products-section .amsearch-highlight,
  header.page-header .amsearch-products-section .amsearch-item-link .amsearch-highlight,
  header.page-header .amsearch-products-section .product-item-link .amsearch-highlight{
    color: #333 !important;
    font-weight: inherit !important;
  }

  /* Remove sale / promo labels in search results only */
  header.page-header .amsearch-products-section .mf-label-container,
  header.page-header .amsearch-products-section .mf-label,
  header.page-header .amsearch-products-section .mf-label-text,
  header.page-header .amsearch-products-section .amasty-label-container,
  header.page-header .amsearch-products-section .amasty-label,
  header.page-header .amsearch-products-section .product-label,
  header.page-header .amsearch-products-section .sale-label,
  header.page-header .amsearch-products-section .onsale,
  header.page-header .amsearch-products-section [class*="sale" i][class*="label" i]{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Remove previously injected image offset in search results only */
  header.page-header .amsearch-products-section .product-image-photo,
  header.page-header .amsearch-products-section img.product-image-photo{
    margin: 0 !important;
  }

  /* Product card text */
  header.page-header .amsearch-products-section .product-item-link,
  header.page-header .amsearch-products-section .amsearch-link.product-item-link,
  header.page-header .amsearch-products-section .amsearch-description .product-item-link{
    color: #333 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: break-word !important;
    align-self: start !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
  }

  /* View-all pill in search results header only */
  header.page-header .amsearch-products-section .amsearch-block-header,
  header.page-header .amsearch-products-section .amsearch-collapsible-title{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  header.page-header .amsearch-products-section .amsearch-link-view-all,
  header.page-header .amsearch-products-section .amsearch-block-header .amsearch-link,
  header.page-header .amsearch-products-section .amsearch-collapsible-title .amsearch-link{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 34px !important;
    padding: 0 14px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 999px !important;
    background: #f7f7f7 !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    min-width: 0 !important;
  }

  header.page-header .amsearch-products-section .amsearch-link-view-all:hover,
  header.page-header .amsearch-products-section .amsearch-block-header .amsearch-link:hover,
  header.page-header .amsearch-products-section .amsearch-collapsible-title .amsearch-link:hover{
    color: #333 !important;
    text-decoration: none !important;
  }

  header.page-header .amsearch-products-section .amsearch-link-view-all .lgt-pill-chevron,
  header.page-header .amsearch-products-section .amsearch-block-header .amsearch-link .lgt-pill-chevron,
  header.page-header .amsearch-products-section .amsearch-collapsible-title .amsearch-link .lgt-pill-chevron{
    font-size: 16px !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
  }

  /* Keep price row aligned and left aligned */
  header.page-header .amsearch-products-section .product.details.product-item-details,
  header.page-header .amsearch-products-section .amsearch-description.product.details.product-item-details,
  header.page-header .amsearch-products-section .amsearch-wrapper-inner{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  header.page-header .amsearch-products-section [data-role='priceBox'],
  header.page-header .amsearch-products-section .price-box,
  header.page-header .amsearch-products-section .price-container,
  header.page-header .amsearch-products-section .product-item-details .price-box{
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-top: auto !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  header.page-header .amsearch-products-section [data-role='priceBox'] > span,
  header.page-header .amsearch-products-section .price-box > span,
  header.page-header .amsearch-products-section .price-container,
  header.page-header .amsearch-products-section .price{
    text-align: left !important;
    justify-content: flex-start !important;
  }

  /* Remove old / struck-through prices in search results only */
  header.page-header .amsearch-products-section .old-price,
  header.page-header .amsearch-products-section .price-box .old-price,
  header.page-header .amsearch-products-section .price-container .old-price,
  header.page-header .amsearch-products-section .special-price + .old-price,
  header.page-header .amsearch-products-section .old-price .price,
  header.page-header .amsearch-products-section .price-label{
    display: none !important;
  }
}


/* =========================================================
   LGT – AMASTY SEARCH (DESKTOP) – exact products topbar
   ========================================================= */
@media (min-width: 769px){
  header.page-header .amsearch-products-section{
    background: #fff !important;
  }

  header.page-header .amsearch-products-section .amsearch-block-header,
  header.page-header .amsearch-products-section .amsearch-collapsible-title{
    justify-content: flex-start !important;
    gap: 0 !important;
    background: transparent !important;
  }

  header.page-header .amsearch-block-header,
  header.page-header .amsearch-collapsible-title{
    margin-top: 20px !important;
  }

  header.page-header .amsearch-products-section [data-lgt-native-products-title="1"]{
    display: none !important;
  }

  header.page-header .amsearch-products-section [data-lgt-native-products-header="1"]{
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  header.page-header .amsearch-products-section .lgt-search-products-topbar{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100% !important;
    align-self: stretch !important;
    background: #fff !important;
    padding: 12px 68px 14px 20px !important;
    margin: 0 !important;
    min-height: 72px !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  header.page-header .amsearch-products-section .lgt-search-products-topbar__spacer{
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
  }

  header.page-header .amsearch-products-section .lgt-search-products-topbar__right{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    white-space: nowrap !important;
  }

  header.page-header .amsearch-products-section .lgt-search-products-count{
    display: inline-block !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
  }

  header.page-header .amsearch-products-section .lgt-search-products-actions{
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  header.page-header .amsearch-products-section .lgt-search-products-topbar > .lgt-search-products-close,
  header.page-header .amsearch-products-section .lgt-search-products-topbar .lgt-search-products-topbar__right > .lgt-search-products-close,
  header.page-header .amsearch-products-section .lgt-search-products-close.lgt-dsm-close{
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 0 0 auto !important;
    margin-right: -52px !important;
    align-self: center !important;
  }

  header.page-header .amsearch-products-section .lgt-search-view-all-button,
  header.page-header .amsearch-products-section .amsearch-link-view-all.lgt-search-view-all-button,
  header.page-header .amsearch-products-section .amsearch-link.lgt-search-view-all-button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 34px !important;
    padding: 0 16px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  header.page-header .amsearch-products-section .lgt-search-view-all-button:hover,
  header.page-header .amsearch-products-section .lgt-search-view-all-button:focus{
    background: #f3f3f3 !important;
    color: #333 !important;
    text-decoration: none !important;
  }

  header.page-header .amsearch-products-section .lgt-search-view-all-button .lgt-pill-chevron{
    font-size: 15px !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
    order: -1 !important;
  }

  header.page-header .amsearch-products-section .lgt-search-products-close.lgt-dsm-close{
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    margin: 0 0 0 auto !important;
    margin-right: -52px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    cursor: pointer !important;
    font-size: 0 !important;
  }

  header.page-header .amsearch-products-section .lgt-search-products-close.lgt-dsm-close::before,
  header.page-header .amsearch-products-section .lgt-search-products-close.lgt-dsm-close::after{
    width: 30px !important;
    height: 2px !important;
    background: #333 !important;
  }

  header.page-header .amsearch-products-section .amsearch-block-header > .amsearch-link,
  header.page-header .amsearch-products-section .amsearch-block-header > .amsearch-link-view-all,
  header.page-header .amsearch-products-section .amsearch-collapsible-title > .amsearch-link,
  header.page-header .amsearch-products-section .amsearch-collapsible-title > .amsearch-link-view-all{
    display: none !important;
  }
}

/* Desktop search dropdown: vertical divider between suggestion columns */
@media (min-width: 769px){
  header.page-header .amsearch-products-section:not(:first-child){
    border-left: 1px solid #d9d9d9 !important;
  }
}


/* =========================================================
   LGT – DESKTOP SEARCH ICON FIX (hard override)
   - show ONE loupe visually inside the field via input background
   - hide Amasty's broken left-side button stack that produced the empty square
   - hide detached legacy search links in the desktop header
   ========================================================= */
@media (min-width: 769px){
  header.page-header .header.content section.amsearch-wrapper-block,
  header.page-header .header.content .block-search{
    position: relative !important;
  }

  header.page-header .header.content section.amsearch-wrapper-block input[type="text"],
  header.page-header .header.content section.amsearch-wrapper-block input[type="search"],
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-input,
  header.page-header .header.content .block-search input[type="text"],
  header.page-header .header.content .block-search input[type="search"],
  header.page-header .header.content .block-search input.input-text{
    padding-left: 40px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.5' cy='10.5' r='6.75' stroke='%23333' stroke-width='2.35'/%3E%3Cpath d='M15.75 15.75 20 20' stroke='%23333' stroke-width='2.35' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 12px 50% !important;
    background-size: 18px 18px !important;
  }

  /* Remove the blank blue square: do not use Amasty's absolute-positioned buttons as the visual icon */
  header.page-header .header.content section.amsearch-wrapper-block .amsearch-button,
  header.page-header .header.content section.amsearch-wrapper-block button[class*="amsearch-button"],
  header.page-header .header.content section.amsearch-wrapper-block a[class*="amsearch-button"],
  header.page-header .header.content .block-search .amsearch-button,
  header.page-header .header.content .block-search button[class*="amsearch-button"],
  header.page-header .header.content .block-search a[class*="amsearch-button"],
  header.page-header .header.content section.amsearch-wrapper-block .lgt-search-infield-icon,
  header.page-header .header.content .block-search .lgt-search-infield-icon{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  header.page-header .header.content .search_icon_header,
  header.page-header .header.content a.lgt-header-search-left,
  header.page-header .header.content > a.show_hide.amsearch-button{
    display: none !important;
  }
}

/* =========================================================
   LGT – WISHLIST DRAWER UI
   - same wishlist drawer for desktop + mobile
   - no badge
   - mobile becomes a full side menu from the right
   ========================================================= */
#lgtWishlistDrawerWrap{
  position: fixed;
  inset: 0;
  z-index: 99998;
  pointer-events: none;
}
#lgtWishlistDrawerBackdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.28);
  opacity: 0;
  transition: opacity .24s ease;
}
#lgtWishlistDrawer{
  position: absolute;
  top: 0;
  right: 0;
  height: 100dvh;
  width: min(420px, 100vw);
  background: #fff;
  color: #111;
  transform: translateX(100%);
  transition: transform .28s ease;
  display: flex;
  flex-direction: column;
  box-shadow: -10px 0 30px rgba(0,0,0,.10);
  overflow: hidden;
}
body.lgt-wishlist-open #lgtWishlistDrawerWrap{ pointer-events: auto; }
body.lgt-wishlist-open #lgtWishlistDrawerBackdrop{ opacity: 1; }
body.lgt-wishlist-open #lgtWishlistDrawer{ transform: translateX(0); }

#lgtWishlistDrawer .lgt-wd-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid #ececec;
}
#lgtWishlistDrawer .lgt-wd-titlewrap{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
#lgtWishlistDrawer .lgt-wd-titlewrap svg{
  width: 24px;
  height: 24px;
  display: block;
}
#lgtWishlistDrawer .lgt-wd-titlewrap h2{
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  color: #111;
}
#lgtWishlistDrawer .lgt-wd-count{
  color: #6d6d6d;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  align-self: center;
  min-height: 24px;
}
#lgtWishlistDrawer .lgt-wd-close{
  position:absolute;
  top:6px;
  right:14px;
  width:48px;
  height:48px;
  border:0;
  background:transparent;
  color:#333;
  padding:0;
  cursor:pointer;
  font-size:0;
  border-radius:0;
  display:block;
  flex:0 0 48px;
}
#lgtWishlistDrawer .lgt-wd-close:hover{ background: transparent; }
#lgtWishlistDrawer .lgt-wd-close svg{ display: none; }
#lgtWishlistDrawer .lgt-wd-close::before,
#lgtWishlistDrawer .lgt-wd-close::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:30px;
  height:2px;
  background:#333;
  transform-origin:center;
  border-radius:0;
}
#lgtWishlistDrawer .lgt-wd-close::before{ transform:translate(-50%,-50%) rotate(45deg); }
#lgtWishlistDrawer .lgt-wd-close::after{ transform:translate(-50%,-50%) rotate(-45deg); }

#lgtWishlistDrawer .lgt-wd-message{
  display: none;
  margin: 12px 18px 0;
  padding: 10px 12px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.35;
  background: #f5f5f5;
}
#lgtWishlistDrawer .lgt-wd-message.is-success{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background: #f3f7f2;
}
#lgtWishlistDrawer .lgt-wd-message.is-error{ background: #faf0f0; }

#lgtWishlistDrawer .lgt-wd-body{
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 18px;
}
#lgtWishlistDrawer .lgt-wd-loading{
  padding: 18px 0;
  color: #555;
  font-size: 14px;
}
#lgtWishlistDrawer .lgt-wd-list{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#lgtWishlistDrawer .lgt-wd-item{
  display: grid;
  grid-template-columns: 84px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding-bottom: 14px;
  border-bottom: 1px solid #efefef;
}
#lgtWishlistDrawer .lgt-wd-thumb{
  display: block;
  width: 84px;
  height: 104px;
  border-radius: 18px;
  overflow: hidden;
  background: #f7f7f7;
}
#lgtWishlistDrawer .lgt-wd-thumb img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #fff;
}
#lgtWishlistDrawer .lgt-wd-thumb-fallback{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111;
}
#lgtWishlistDrawer .lgt-wd-thumb-fallback svg{ width: 30px; height: 30px; }
#lgtWishlistDrawer .lgt-wd-main{ min-width: 0; }
#lgtWishlistDrawer .lgt-wd-toprow{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
#lgtWishlistDrawer .lgt-wd-name{
  flex: 1 1 auto;
  min-width: 0;
  color: #111;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 400;
}
#lgtWishlistDrawer .lgt-wd-name:hover{ text-decoration: underline; }
#lgtWishlistDrawer .lgt-wd-remove{
  flex: 0 0 auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #222;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 2px;
  margin: 1px 0 0 0;
  box-shadow: none;
  line-height: 1;
}
#lgtWishlistDrawer .lgt-wd-remove:hover{ opacity: .68; background: transparent; }
#lgtWishlistDrawer .lgt-wd-remove[disabled]{ opacity: .45; cursor: default; }
#lgtWishlistDrawer .lgt-wd-remove svg{ width: 20px; height: 20px; display: block; }
#lgtWishlistDrawer .lgt-wd-price{
  margin-top: 6px;
  color: #111;
  font-size: 15px;
  line-height: 1.25;
}
#lgtWishlistDrawer .lgt-wd-price .price{
  font-size: inherit !important;
  font-weight: 500 !important;
  color: #111 !important;
}
#lgtWishlistDrawer .lgt-wd-item-actions{
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
#lgtWishlistDrawer .lgt-wd-link{ display:none !important; }
#lgtWishlistDrawer .lgt-wd-link:hover{ background: #f5f5f5; }
#lgtWishlistDrawer .lgt-wd-stock{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f3f3f3;
  color: #111;
  font-size: 12px;
  line-height: 1;
}
#lgtWishlistDrawer .lgt-wd-stock.is-oos{ background: #f6eeee; }
#lgtWishlistDrawer .lgt-wd-footer{
  padding-top: 18px;
  display: flex;
  justify-content: center;
}
#lgtWishlistDrawer .lgt-wd-more{
  gap: 10px;
  padding: 0 22px;
  margin: 0 auto;
}
#lgtWishlistDrawer .lgt-wd-more svg{
  width: 16px;
  height: 16px;
  display: block;
  flex: 0 0 auto;
}
#lgtWishlistDrawer .lgt-wd-actions{
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 260px;
}
#lgtWishlistDrawer .lgt-wd-btn{
  min-height: 46px;
  padding: 0 16px;
  border-radius: 999px;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}
#lgtWishlistDrawer .lgt-wd-btn.is-primary{
  background: #111;
  color: #fff;
  border: 1px solid #111;
}
#lgtWishlistDrawer .lgt-wd-btn.is-secondary{
  background: #fff;
  color: #111;
  border: 1px solid #d8d8d8;
}
#lgtWishlistDrawer .lgt-wd-empty{
  min-height: calc(100dvh - 160px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 12px 40px;
  transform: translateY(-50px);
}
#lgtWishlistDrawer .lgt-wd-empty-icon{
  width: 82px;
  height: 82px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f7f7;
  color: #111;
  margin-bottom: 18px;
}
#lgtWishlistDrawer .lgt-wd-empty-icon svg{ width: 40px; height: 40px; }
#lgtWishlistDrawer .lgt-wd-empty h3{
  margin: 0 0 10px;
  font-size: 23px;
  line-height: 1.2;
  font-weight: 500;
  color: #111;
}
#lgtWishlistDrawer .lgt-wd-empty p{
  margin: 0 0 20px;
  max-width: 340px;
  color: #555;
  font-size: 14px;
  line-height: 1.55;
}

/* no wishlist badge in header */
header.page-header .lgt-header-wishlist .lgt-wishlist-badge,
header.page-header .lgt-header-wishlist [data-lgt-wishlist-badge]{
  display: none !important;
}

@media (max-width: 768px){
  #lgtWishlistDrawer{
    width: 100%;
    max-width: 100%;
  }
  #lgtWishlistDrawer .lgt-wd-head{
    padding-top: calc(env(safe-area-inset-top) + 14px);
  }
  #lgtWishlistDrawer .lgt-wd-body{
    padding: 16px 16px calc(20px + env(safe-area-inset-bottom));
  }
  #lgtWishlistDrawer .lgt-wd-item{
    grid-template-columns: 74px minmax(0,1fr);
    gap: 12px;
  }
  #lgtWishlistDrawer .lgt-wd-thumb{
    width: 74px;
    height: 92px;
    border-radius: 16px;
  }
  #lgtWishlistDrawer .lgt-wd-empty{
    min-height: calc(100dvh - 146px);
  }
  #lgtWishlistDrawer .lgt-wd-close{
    top: 2px;
  }
}




/* Search term highlight color */
header.page-header .amsearch-products-section .amsearch-highlight,
header.page-header .amsearch-products-section .amsearch-item-link .amsearch-highlight,
header.page-header .amsearch-products-section .product-item-link .amsearch-highlight{
  color: #333 !important;
  font-weight: inherit !important;
}

/* Search dropdown hover: title underline only */
.amsearch-item-container .amsearch-item:hover,
.amsearch-item-container .amsearch-item:focus,
.amsearch-item-container .amsearch-item:hover .amsearch-link,
.amsearch-item-container .amsearch-item:focus .amsearch-link,
.amsearch-item-container .amsearch-item .amsearch-link:hover,
.amsearch-item-container .amsearch-item .amsearch-link:focus {
  background: transparent !important;
  box-shadow: none !important;
}

.amsearch-item-container .amsearch-item .amsearch-link.item-name,
.amsearch-item-container .amsearch-item .amsearch-link.item-name:hover,
.amsearch-item-container .amsearch-item .amsearch-link.item-name:focus {
  text-decoration: none !important;
}

.amsearch-item-container .amsearch-item:hover .amsearch-link.item-name,
.amsearch-item-container .amsearch-item:focus .amsearch-link.item-name,
.amsearch-item-container .amsearch-item .amsearch-link.item-name:hover,
.amsearch-item-container .amsearch-item .amsearch-link.item-name:focus {
  text-decoration: underline !important;
}

.amsearch-item-container .amsearch-item .price,
.amsearch-item-container .amsearch-item:hover .price,
.amsearch-item-container .amsearch-item:focus .price,
.amsearch-item-container .amsearch-item:hover .price-box,
.amsearch-item-container .amsearch-item:focus .price-box {
  text-decoration: none !important;
}

/* =========================================================
   LGT – SEARCH RESULTS hover/title underline + highlight override
   ========================================================= */
header.page-header .amsearch-products-section .amsearch-item:hover{
  background: #fff !important;
}

header.page-header .amsearch-products-section .amsearch-highlight{
  color: #333 !important;
  font-weight: 400 !important;
}

header.page-header .amsearch-products-section .amsearch-item:hover .product-item-link,
header.page-header .amsearch-products-section .amsearch-item:hover .amsearch-link.product-item-link,
header.page-header .amsearch-products-section .amsearch-item:hover .amsearch-description .product-item-link,
header.page-header .amsearch-products-section .product-item-link:hover,
header.page-header .amsearch-products-section .amsearch-link.product-item-link:hover,
header.page-header .amsearch-products-section .amsearch-description .product-item-link:hover{
  text-decoration: underline !important;
}

header.page-header .amsearch-products-section .amsearch-item:hover .price,
header.page-header .amsearch-products-section .amsearch-item:hover .price-box,
header.page-header .amsearch-products-section .amsearch-item:hover .price-container,
header.page-header .amsearch-products-section .price:hover,
header.page-header .amsearch-products-section .price-box:hover,
header.page-header .amsearch-products-section .price-container:hover{
  text-decoration: none !important;
}

/* =========================================================
   LGT – SEARCH highlight color override (all result types)
   ========================================================= */
header.page-header .amsearch-item-container .amsearch-highlight,
header.page-header .amsearch-item .amsearch-highlight,
header.page-header .amsearch-link .amsearch-highlight,
header.page-header a.amsearch-link .amsearch-highlight,
header.page-header .amasty-xsearch-num-results .amsearch-highlight{
  color: #333 !important;
  font-weight: 400 !important;
}

header.page-header .amsearch-item-container .amsearch-item:hover .amsearch-link.item-name,
header.page-header .amsearch-item-container .amsearch-item:hover a.amsearch-link.item-name,
header.page-header .amsearch-products-section .amsearch-item:hover .product-item-link,
header.page-header .amsearch-products-section .amsearch-item:hover .amsearch-link.product-item-link{
  text-decoration: underline !important;
}

header.page-header .amsearch-item-container .amsearch-item:hover .amasty-xsearch-num-results,
header.page-header .amsearch-item-container .amsearch-item:hover .amasty-xsearch-num-results span,
header.page-header .amsearch-products-section .amsearch-item:hover .price,
header.page-header .amsearch-products-section .amsearch-item:hover .price-box,
header.page-header .amsearch-products-section .amsearch-item:hover .price-container{
  text-decoration: none !important;
}



@media (min-width: 769px){
  /* Desktop side menu: cloned Dames/Heren links use an exact copy of the header-link styling */
  .lgt-dsm-toplinks .lgt-dsm-gender-link{
    position: absolute !important;
    top: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 25px !important;
    line-height: 25px !important;
    font-family: Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #333 !important;
    text-decoration: none !important;
    padding: 0 0 2px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    transform: none !important;
    transition-property: color !important;
    transition-duration: 0s !important;
    animation: none !important;
  }
  .lgt-dsm-toplinks .lgt-dsm-gender-link::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 2px !important;
    background: #111 !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    opacity: .95 !important;
    transition: transform 160ms ease, opacity 160ms ease !important;
    pointer-events: none !important;
  }
  .lgt-dsm-toplinks .lgt-dsm-gender-link:hover::after,
  .lgt-dsm-toplinks .lgt-dsm-gender-link:focus-visible::after,
  .lgt-dsm-toplinks .lgt-dsm-gender-link:active::after,
  .lgt-dsm-toplinks .lgt-dsm-gender-link.is-active::after{
    transform: scaleX(1) !important;
    opacity: .95 !important;
  }
}


/* =========================================================
   LGT – WISHLIST DRAWER refinements
   - sale price red only for discounted items
   - add-to-cart icon button beside article link
   - minimal modern scrollbar
   ========================================================= */
#lgtWishlistDrawer .lgt-wd-price.is-sale .special-price .price,
#lgtWishlistDrawer .lgt-wd-price.is-sale .price-final_price .price,
#lgtWishlistDrawer .lgt-wd-price.is-sale > .price,
#lgtWishlistDrawer .lgt-wd-price.is-sale .final-price .price{
  color: #c40000 !important;
}
#lgtWishlistDrawer .lgt-wd-price.is-sale .old-price .price,
#lgtWishlistDrawer .lgt-wd-price.is-sale .old-price,
#lgtWishlistDrawer .lgt-wd-price.is-sale .regular-price .price {
    color: #8d8d8d !important;
    font-size: 13px;
    margin-left: 5px;
}
#lgtWishlistDrawer .lgt-wd-cart{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #d8d8d8;
  background: #fff;
  color: #777;
  box-shadow: none;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
}
#lgtWishlistDrawer .lgt-wd-cart:hover{
  background: #f5f5f5;
  border-color: #cfcfcf;
  color: #555;
}
#lgtWishlistDrawer .lgt-wd-cart[disabled]{
  opacity: .6;
  cursor: default;
}
#lgtWishlistDrawer .lgt-wd-cart svg{
  display: none !important;
}
#lgtWishlistDrawer .lgt-wd-cart span{
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
}
#lgtWishlistDrawer .lgt-wd-body{
  scrollbar-width: thin;
  scrollbar-color: #cfcfcf transparent;
}
#lgtWishlistDrawer .lgt-wd-body::-webkit-scrollbar{
  width: 8px;
}
#lgtWishlistDrawer .lgt-wd-body::-webkit-scrollbar-track{
  background: transparent;
}
#lgtWishlistDrawer .lgt-wd-body::-webkit-scrollbar-thumb{
  background: #cfcfcf;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
#lgtWishlistDrawer .lgt-wd-body::-webkit-scrollbar-thumb:hover{
  background: #bdbdbd;
  border: 2px solid transparent;
  background-clip: padding-box;
}


/* =========================================================
   LGT – HEADER WISHLIST FEEDBACK
   - no auto-open on add-to-wishlist
   - 3x heartbeat on the header heart
   - no layout shift for surrounding icons
   ========================================================= */
header.page-header .lgt-header-wishlist{
  position: relative !important;
  width: 25px !important;
  min-width: 25px !important;
  overflow: visible !important;
  color: #111 !important;
}
header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg{
  display: block !important;
  transform-origin: 50% 50% !important;
  will-change: transform, opacity, color, stroke !important;
}
header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg path{
  fill: transparent !important;
  stroke: currentColor !important;
  transition: none !important;
  vector-effect: non-scaling-stroke !important;
}
header.page-header .lgt-header-wishlist.is-feedback{
  color: #333 !important;
}
header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg{
  animation: lgtWishlistHeartbeat 2.52s ease-in-out 1 !important;
}
header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg path{
  animation: lgtWishlistHeartbeatFill 2.52s ease-in-out 1 !important;
}
@keyframes lgtWishlistHeartbeat{
  0%, 100%{ transform: scale(1); opacity: 1; color: #333; }

  6%{ transform: scale(1); opacity: 1; color: #333; }
  14%{ transform: scale(1.15); opacity: 1; color: #c40000; }
  22%{ transform: scale(1); opacity: .38; color: #333; }
  30%{ transform: scale(1); opacity: 1; color: #333; }

  38%{ transform: scale(1); opacity: 1; color: #333; }
  46%{ transform: scale(1.15); opacity: 1; color: #c40000; }
  54%{ transform: scale(1); opacity: .38; color: #333; }
  62%{ transform: scale(1); opacity: 1; color: #333; }

  70%{ transform: scale(1); opacity: 1; color: #333; }
  78%{ transform: scale(1.15); opacity: 1; color: #c40000; }
  86%{ transform: scale(1); opacity: .38; color: #333; }
  94%{ transform: scale(1); opacity: 1; color: #333; }
}
@keyframes lgtWishlistHeartbeatFill{
  0%, 8%, 30%, 40%, 62%, 72%, 94%, 100%{
    fill: transparent;
    stroke: currentColor;
  }
  14%, 46%, 78%{
    fill: #c40000;
    stroke: #c40000;
  }
  22%, 54%, 86%{
    fill: transparent;
    stroke: #333;
  }
}


/* =========================================================
   LGT – GLOBAL FLASH MESSAGES OFF
   - suppress Magento success/error bars so the product grid never jumps
   ========================================================= */
body .page.messages,
body .page-main > .messages,
body .page-wrapper > .messages,
body .columns > .messages,
body .column.main > .messages,
body .messages,
body .messages .message,
body .message-success,
body .message-error,
body .message-warning,
body .message-notice,
body [data-ui-id^="message-"],
body [data-placeholder="messages"]{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}


#lgtWishlistDrawer .lgt-wd-more{
  min-width: 140px;
}
#lgtWishlistDrawer .lgt-wd-footer{
  display: flex;
  justify-content: center;
}


/* =========================================================
   LGT – final mobile header corrections
   ========================================================= */
@media (max-width: 768px){
  header.page-header .header.content{
    padding-left: 10px !important;
    padding-right: 112px !important;
  }

  header.page-header .header.content .action.nav-toggle{
    width: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
    height: 34px !important;
    margin-left: -4px !important;
  }

  header.page-header .header.content .search_icon_header,
  header.page-header .header.content .lgt-header-search-left{
    width: 30px !important;
    min-width: 30px !important;
    flex: 0 0 30px !important;
    height: 30px !important;
    margin-left: 2px !important;
    margin-right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  header.page-header .header.content .search_icon_header:before,
  header.page-header .header.content .lgt-header-search-left:before,
  header.page-header .header.content .search_icon_header .amsearch-button:before,
  header.page-header .header.content .lgt-header-search-left .amsearch-button:before{
    font-size: 20px !important;
    line-height: 1 !important;
  }

  header.page-header .header.content .search_icon_header svg,
  header.page-header .header.content .lgt-header-search-left svg{
    width: 20px !important;
    height: 20px !important;
  }

  header.page-header .header.content .logo{
    left: 38% !important;
    transform: translateX(-50%) !important;
  }

  header.page-header .header.content .minicart-wrapper{
    right: 8px !important;
    width: 94px !important;
    min-width: 94px !important;
    flex: 0 0 94px !important;
  }
  header.page-header .header.content .minicart-wrapper > .lgt-header-account{ right: 61px !important; }
  header.page-header .header.content .minicart-wrapper > .lgt-header-wishlist{ right: 31px !important; }
  header.page-header .header.content .minicart-wrapper > .action.showcart{ right: 0 !important; }

  #lgtMobileMenu .lgt-mm-topbar,
  #lgtMobileMenu .lgt-mm-searchbar,
  #lgtMobileMenu .lgt-mm-segments,
  #lgtMobileMenu .lgt-mm-body{
    padding-left: 14px !important;
  }
  #lgtMobileMenu .lgt-mm-primary{
    margin-left: -14px !important;
  }
}

/* =========================================================
   LGT – wishlist heart final animation
   ========================================================= */
header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg{
  display: block !important;
  transform-origin: 50% 50% !important;
  will-change: transform, opacity !important;
}
header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg path{
  fill: none !important;
  fill-opacity: 0 !important;
  stroke: #333 !important;
  stroke-width: 1.6 !important;
  transition: none !important;
}
header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg{
  animation: lgtWishlistHeartDoublePulseFinal 2.02s ease-in-out 1 !important;
}
header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg path{
  animation: lgtWishlistHeartDoublePulseFillFinal 2.02s ease-in-out 1 !important;
}
@keyframes lgtWishlistHeartDoublePulseFinal{
  0%,100%{ transform: scale(1); opacity: 1; }
  12%{ transform: scale(1); opacity: 1; }
  24%{ transform: scale(1.15); opacity: 1; }
  37%{ transform: scale(1); opacity: .42; }
  50%{ transform: scale(1); opacity: 1; }
  62%{ transform: scale(1); opacity: 1; }
  75%{ transform: scale(1.15); opacity: 1; }
  88%{ transform: scale(1); opacity: .42; }
}
@keyframes lgtWishlistHeartDoublePulseFillFinal{
  0%,100%{ fill: none; fill-opacity: 0; stroke: #333; }
  12%{ fill: none; fill-opacity: 0; stroke: #333; }
  18%{ fill: #c40000; fill-opacity: 1; stroke: #c40000; }
  31%{ fill: #c40000; fill-opacity: 1; stroke: #c40000; }
  43%{ fill: none; fill-opacity: 0; stroke: #333; }
  57%{ fill: none; fill-opacity: 0; stroke: #333; }
  68%{ fill: #c40000; fill-opacity: 1; stroke: #c40000; }
  82%{ fill: #c40000; fill-opacity: 1; stroke: #c40000; }
  94%{ fill: none; fill-opacity: 0; stroke: #333; }
}


/* =========================================================
   LGT – FINAL RESET (mobile header + wishlist feedback)
   Rebuild the mobile icon row cleanly:
   hamburger, search, logo, account, wishlist, cart.
   ========================================================= */
@media (max-width: 768px){
  header.page-header .header.content{
    display:flex !important;
    align-items:center !important;
    min-height:49px !important;
    padding:0 12px !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    background:#fff !important;
    z-index:2000 !important;
  }

  header.page-header .header.content .action.nav-toggle{
    order:1 !important;
    flex:0 0 40px !important;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    margin-right:8px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
  }

  header.page-header a.lgt-header-search-left{
    order:2 !important;
    flex:0 0 24px !important;
    width:24px !important;
    height:24px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#333 !important;
    text-decoration:none !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
  }

  header.page-header a.lgt-header-search-left svg,
  header.page-header a.lgt-header-search-left img,
  header.page-header a.lgt-header-search-left:before{
    width:24px !important;
    height:24px !important;
    font-size:24px !important;
    line-height:24px !important;
  }

  header.page-header .header.content .search_icon_header{
    display:none !important;
  }

  header.page-header .header.content .logo{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    margin:0 !important;
    width:auto !important;
    line-height:0 !important;
    z-index:1 !important;
  }

  header.page-header .header.content .logo img{
    max-height:32px !important;
    width:auto !important;
    display:block !important;
  }

  header.page-header .header.content .minicart-wrapper{
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    z-index:2 !important;
  }

  header.page-header .header.content .minicart-wrapper > .lgt-header-account,
  header.page-header .header.content .minicart-wrapper > .lgt-header-wishlist,
  header.page-header .header.content .minicart-wrapper > .action.showcart{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 24px !important;
  }

  header.page-header .header.content .minicart-wrapper > .lgt-header-account{ order:1 !important; }
  header.page-header .header.content .minicart-wrapper > .lgt-header-wishlist{ order:2 !important; }
  header.page-header .header.content .minicart-wrapper > .action.showcart{ order:3 !important; }

  header.page-header .header.content .minicart-wrapper .lgt-header-account svg,
  header.page-header .header.content .minicart-wrapper .lgt-header-wishlist svg,
  header.page-header .header.content .minicart-wrapper .action.showcart svg{
    width:24px !important;
    height:24px !important;
    display:block !important;
  }

  header.page-header .header.content .minicart-wrapper .action.showcart:before{
    font-size:24px !important;
    line-height:24px !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty{
    position:absolute !important;
    top: -2px !important;
    right: -9px !important;
    margin:0 !important;
    padding:0 !important;
    min-width:auto !important;
    height:auto !important;
    background:transparent !important;
    border:0 !important;
    line-height:1 !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty .counter-number{
    margin:0 !important;
    padding:0 !important;
    color:#333 !important;
    font-size:11px !important;
    line-height:1 !important;
    transform:none !important;
  }
}

/* Wishlist heart feedback: exact double pulse with red fill + red outline */
header.page-header .lgt-header-wishlist{
  color:#333 !important;
}

header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg{
  display:block !important;
  transform-origin:50% 50% !important;
  will-change:transform, opacity !important;
}

header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg path{
  fill:transparent !important;
  fill-opacity:0 !important;
  stroke:#333 !important;
  stroke-width:1.6 !important;
  transition:none !important;
}

header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg{
  animation:lgtWishlistDoublePulseReset 2.1s ease-in-out 1 !important;
}

header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg path{
  animation:lgtWishlistDoublePulseResetFill 2.1s ease-in-out 1 !important;
}

@keyframes lgtWishlistDoublePulseReset{
  0%,100%{ transform:scale(1); opacity:1; }
  10%{ transform:scale(1); opacity:1; }
  24%{ transform:scale(1.15); opacity:1; }
  38%{ transform:scale(1); opacity:.38; }
  50%{ transform:scale(1); opacity:1; }
  62%{ transform:scale(1); opacity:1; }
  76%{ transform:scale(1.15); opacity:1; }
  90%{ transform:scale(1); opacity:.38; }
}

@keyframes lgtWishlistDoublePulseResetFill{
  0%,100%{
    fill:transparent;
    fill-opacity:0;
    stroke:#333;
  }
  10%{
    fill:transparent;
    fill-opacity:0;
    stroke:#333;
  }
  24%{
    fill:#c40000;
    fill-opacity:1;
    stroke:#c40000;
  }
  38%{
    fill:transparent;
    fill-opacity:0;
    stroke:#333;
  }
  50%{
    fill:transparent;
    fill-opacity:0;
    stroke:#333;
  }
  62%{
    fill:transparent;
    fill-opacity:0;
    stroke:#333;
  }
  76%{
    fill:#c40000;
    fill-opacity:1;
    stroke:#c40000;
  }
  90%{
    fill:transparent;
    fill-opacity:0;
    stroke:#333;
  }
}

/* =========================================================
   LGT – MOBILE SEARCH ICON HOTFIX
   - undo unintended growth / right shift after wishlist header changes
   - keep magnifier compact and directly next to hamburger
   ========================================================= */
@media (max-width: 768px){
  header.page-header .header.content{
    column-gap: 0 !important;
  }

  header.page-header .header.content .action.nav-toggle{
    margin-right: 6px !important;
  }

  header.page-header .header.content > a.lgt-header-search-left{
    order: 2 !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    align-self: center !important;
  }

  header.page-header .header.content > a.lgt-header-search-left:before,
  header.page-header .header.content > a.lgt-header-search-left svg,
  header.page-header .header.content > a.lgt-header-search-left img{
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    font-size: 20px !important;
    line-height: 20px !important;
    display: block !important;
  }
}

/* 2026-03-08: wishlist drawer ordering is handled in header.js after all wishlist pages are merged, so newest additions always render at the top. */
/* 2026-03-08: wishlist pagination count handled in JS; CSS file refreshed to keep delivery in sync. */

/* =========================================================
   LGT – MOBILE HEADER EDGE SPACING FIX
   - content sits visually flush to the green screen edge
   - hamburger moves further left
   - right icon group (account, wishlist, cart) shifts left as one unit
   - cart counter stays inside the allowed width
   ========================================================= */
@media (max-width: 768px){
  header.page-header .header.content{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  header.page-header .header.content .action.nav-toggle{
    margin-left: -8px !important;
  }

  header.page-header .header.content .minicart-wrapper{
    margin-left: auto !important;
    margin-right: 8px !important;
  }

  header.page-header .minicart-wrapper .lgt-header-account{
    right: 64px !important;
  }

  header.page-header .minicart-wrapper .lgt-header-wishlist{
    right: 32px !important;
  }

  header.page-header .header.content .minicart-wrapper .action.showcart{
    margin-right: 0 !important;
  }

  header.page-header .minicart-wrapper .action.showcart .counter.qty .counter-number{
    margin-right: 0 !important;
  }
}

@media (max-width: 768px) {
    header.page-header .header.content .action.nav-toggle {
        margin-left: 10px !important;
    }
}

@media (max-width: 768px) {
    header.page-header .header.content .action.nav-toggle {
        margin-right: 1px !important;
    }
}


.lgt-product-choice-notice{
  position: fixed;
  top: 88px;
  right: 16px;
  z-index: 9999;
  width: min(420px, calc(100vw - 32px));
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.lgt-product-choice-notice.is-visible{
  opacity: 1;
  transform: translateY(0);
}
.lgt-product-choice-notice__inner{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #111;
  color: #fff;
  box-shadow: 0 12px 30px rgba(0,0,0,.16);
}
.lgt-product-choice-notice__text{
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 1.45;
}
.lgt-product-choice-notice__close{
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 22px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
}
@media (max-width: 768px){
  .lgt-product-choice-notice{
    top: calc(env(safe-area-inset-top) + 62px);
    right: 12px;
    left: 12px;
    width: auto;
  }
}


@media (min-width: 769px){
  /* 2026-03-08: DSM top links block shifted 1px lower for header consistency */
  .lgt-dsm-toplinks{
    margin-top: 1px !important;
  }

  /* 2026-03-08: DSM top links underline vertical offset synced to live header tabs */
  .lgt-dsm-toplinks .lgt-dsm-gender-link::after{
    bottom: -6px !important;
  }
}


/* =========================================================
   LGT – desktop side menu promo image
   - heren > oorbellen
   ========================================================= */
@media (min-width: 769px){
  #lgtDesktopSideMenu .lgt-dsm-secondary-promo{
    margin: 28px 0 0 0 !important;
    padding: 0 !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-promo-link{
    position: relative !important;
    display: block !important;
    width: 235px !important;
    max-width: 235px !important;
    text-decoration: none !important;
    line-height: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    overflow: hidden !important;
    background: #d8c8bf !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-promo-link::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 42% !important;
    background: linear-gradient(to top, rgba(0,0,0,.38) 0%, rgba(0,0,0,.18) 44%, rgba(0,0,0,0) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-promo-link:hover,
  #lgtDesktopSideMenu .lgt-dsm-secondary-promo-link:focus,
  #lgtDesktopSideMenu .lgt-dsm-secondary-promo-link:active{
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-promo-image{
    display: block !important;
    width: 235px !important;
    max-width: 235px !important;
    height: 400px !important;
    object-fit: cover !important;
    margin: 0 !important;
    border: 0 !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-promo-copy{
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    pointer-events: none !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-promo-copy::before{
    content: "" !important;
    display: block !important;
    width: 30px !important;
    height: 1px !important;
    background: rgba(255,255,255,.95) !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-promo-eyebrow{
    display: block !important;
    color: rgba(255,255,255,.96) !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.16) !important;
  }

  #lgtDesktopSideMenu .lgt-dsm-secondary-promo-title{
    display: block !important;
    color: #fff !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 31px !important;
    line-height: 1.02 !important;
    font-weight: 300 !important;
    letter-spacing: .01em !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
  }
}


/* =========================================================
   LGT – wishlist heart final final fix
   - separate fill path + stroke path so red fill always renders
   - exact double pulse (2x) with red fade in/out
   ========================================================= */
header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg{
  display:block !important;
  transform-origin:50% 50% !important;
  will-change:transform, opacity !important;
  overflow:visible !important;
}

header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg .lgt-heart-fill{
  fill:#c40000 !important;
  opacity:0 !important;
}

header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg .lgt-heart-stroke{
  fill:none !important;
  stroke:#333 !important;
  stroke-width:1.6 !important;
  transition:none !important;
  vector-effect:non-scaling-stroke !important;
}

header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg{
  animation:lgtWishlistDoublePulseScale 2.1s ease-in-out 1 !important;
}

header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg .lgt-heart-fill{
  animation:lgtWishlistDoublePulseFillOpacity 2.1s ease-in-out 1 !important;
}

header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg .lgt-heart-stroke{
  animation:lgtWishlistDoublePulseStrokeColor 2.1s ease-in-out 1 !important;
}

@keyframes lgtWishlistDoublePulseScale{
  0%,100%{ transform:scale(1); opacity:1; }
  10%{ transform:scale(1); opacity:1; }
  24%{ transform:scale(1.15); opacity:1; }
  38%{ transform:scale(1); opacity:.38; }
  50%{ transform:scale(1); opacity:1; }
  62%{ transform:scale(1); opacity:1; }
  76%{ transform:scale(1.15); opacity:1; }
  90%{ transform:scale(1); opacity:.38; }
}

@keyframes lgtWishlistDoublePulseFillOpacity{
  0%,100%{ opacity:0; }
  10%{ opacity:0; }
  24%{ opacity:1; }
  38%{ opacity:0; }
  50%{ opacity:0; }
  62%{ opacity:0; }
  76%{ opacity:1; }
  90%{ opacity:0; }
}

@keyframes lgtWishlistDoublePulseStrokeColor{
  0%,100%{ stroke:#333; }
  10%{ stroke:#333; }
  24%{ stroke:#c40000; }
  38%{ stroke:#333; }
  50%{ stroke:#333; }
  62%{ stroke:#333; }
  76%{ stroke:#c40000; }
  90%{ stroke:#333; }
}


/* =========================================================
   LGT – wishlist heart feedback true final reset
   - disable all older CSS heart animations completely
   - leave only the neutral baseline; JS drives the effect inline
   ========================================================= */
header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg,
header.page-header a.lgt-header-wishlist .lgt-header-wishlist-svg,
header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg,
header.page-header a.lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg{
  animation:none !important;
}

header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg path,
header.page-header a.lgt-header-wishlist .lgt-header-wishlist-svg path,
header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg path,
header.page-header a.lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg path{
  animation:none !important;
  transition:none !important;
}

header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg .lgt-heart-fill,
header.page-header a.lgt-header-wishlist .lgt-header-wishlist-svg .lgt-heart-fill,
header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg .lgt-heart-fill,
header.page-header a.lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg .lgt-heart-fill{
  fill:#c40000 !important;
  fill-opacity:0 !important;
  opacity:0 !important;
  stroke:none !important;
}

header.page-header .lgt-header-wishlist .lgt-header-wishlist-svg .lgt-heart-stroke,
header.page-header a.lgt-header-wishlist .lgt-header-wishlist-svg .lgt-heart-stroke,
header.page-header .lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg .lgt-heart-stroke,
header.page-header a.lgt-header-wishlist.is-feedback .lgt-header-wishlist-svg .lgt-heart-stroke{
  fill:none !important;
  stroke:#333 !important;
  opacity:1 !important;
  stroke-width:1.6 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}


/* =========================================================
   LGT – wishlist drawer remove button + order fix support
   ========================================================= */
#lgtWishlistDrawer .lgt-wd-toprow{
  gap: 0;
}
#lgtWishlistDrawer .lgt-wd-item-actions{
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}
#lgtWishlistDrawer .lgt-wd-cart,
#lgtWishlistDrawer .lgt-wd-remove-btn{
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #d8d8d8;
  background: #fff;
  box-shadow: none;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
}
#lgtWishlistDrawer .lgt-wd-cart {
    color: #333;
}
#lgtWishlistDrawer .lgt-wd-remove-btn{
  color: #333;
}
#lgtWishlistDrawer .lgt-wd-cart:hover,
#lgtWishlistDrawer .lgt-wd-remove-btn:hover{
  background: #f5f5f5;
  border-color: #cfcfcf;
}
#lgtWishlistDrawer .lgt-wd-remove-btn[disabled]{
  opacity: .6;
  cursor: default;
}
#lgtWishlistDrawer .lgt-wd-remove-btn svg{
  display: none !important;
}
#lgtWishlistDrawer .lgt-wd-remove-btn span{
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
}

/* 2026-03-09: guest wishlist add-to-cart removal synced in header.js; CSS file refreshed to keep paired delivery consistent. */


/* 2026-03-09: guest wishlist note refined to match LGT black/grey house style */
#lgtWishlistDrawer .lgt-wd-guest-note{
  margin: 15px 0 18px !important;
  padding: 16px 16px 18px !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 16px !important;
  background: #fafafa !important;
}
#lgtWishlistDrawer .lgt-wd-guest-note__eyebrow{
  display: inline-block !important;
  margin: 0 0 8px !important;
  padding: 0 0 6px !important;
  border-bottom: 1px solid #d9d9d9 !important;
  color: #111 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}
#lgtWishlistDrawer .lgt-wd-guest-note p{
  margin: 0 !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
#lgtWishlistDrawer .lgt-wd-guest-note strong{
  color: #111 !important;
  font-weight: 500 !important;
}
#lgtWishlistDrawer .lgt-wd-guest-note .lgt-wd-actions{
  display: flex !important;
  gap: 10px !important;
  margin-top: 14px !important;
  margin-bottom: 15px !important;
}
#lgtWishlistDrawer .lgt-wd-guest-note .lgt-wd-btn{
  flex: 1 1 0 !important;
  justify-content: center !important;
}
#lgtWishlistDrawer .lgt-wd-item-actions .lgt-wd-remove-btn{
  color: #333 !important;
}


/* 2026-03-11: account icon stays green when logged in, and stays #333 when logged out */
header.page-header a.lgt-header-account,
header.page-header a.lgt-header-account:focus,
header.page-header a.lgt-header-account:hover,
header.page-header a.lgt-header-account:active,
header.page-header a.lgt-header-account:visited{
  color:#333 !important;
}

header.page-header a.lgt-header-account.is-logged-in,
header.page-header a.lgt-header-account.is-logged-in:focus,
header.page-header a.lgt-header-account.is-logged-in:hover,
header.page-header a.lgt-header-account.is-logged-in:active,
header.page-header a.lgt-header-account.is-logged-in:visited{
  color:rgb(0 200 0) !important;
}

header.page-header a.lgt-header-account .lgt-header-account-svg,
header.page-header a.lgt-header-account .lgt-header-account-svg path,
header.page-header a.lgt-header-account .lgt-header-account-svg circle{
  color:inherit !important;
  stroke:currentColor !important;
}