/* DaruGet v7 — readable mega menu + separated product actions */

@media(min-width:901px){
  /* Make desktop menu typography visibly larger without breaking the row */
  .category-navigation .category-nav-row{
    max-width:1280px!important;
    min-height:64px!important;
    gap:5px!important;
    padding-inline:10px!important;
  }
  .category-navigation .category-nav-link,
  .category-navigation .health-mag-link,
  .category-navigation .otc-nav-link,
  .category-navigation .nav-club,
  .category-navigation .nav-special{
    min-height:43px!important;
    padding-inline:10px!important;
    font-size:11.4px!important;
    line-height:1.45!important;
    font-weight:900!important;
  }
  .category-navigation .health-mag-link small,
  .category-navigation .otc-nav-link small,
  .category-navigation .nav-club small{
    font-size:12px!important;
  }

  .category-navigation .category-mega{
    padding:22px 24px!important;
    border-radius:18px!important;
  }
  .category-navigation .category-mega-head{
    margin-bottom:16px!important;
    padding-bottom:14px!important;
  }
  .category-navigation .category-mega-head h3{
    font-size:20px!important;
    line-height:1.55!important;
    font-weight:950!important;
  }
  .category-navigation .category-mega-head p{
    font-size:12px!important;
    line-height:1.9!important;
  }
  .category-navigation .category-mega-head>a{
    min-height:40px!important;
    padding-inline:13px!important;
    font-size:12px!important;
  }
  .category-navigation .category-mega-grid{
    gap:22px!important;
  }
  .category-navigation .category-mega-grid h4{
    margin-bottom:9px!important;
    font-size:11.8px!important;
    line-height:1.65!important;
    font-weight:950!important;
  }
  .category-navigation .category-mega-grid a{
    min-height:33px!important;
    padding:4px 2px!important;
    font-size:12px!important;
    line-height:1.75!important;
    font-weight:730!important;
  }
}

/* Product action anchors */
.category-page .category-product .category-product-media{
  position:relative!important;
  overflow:visible!important;
}
.category-page .category-product .category-actions-left{
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:120!important;
  width:36px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  pointer-events:auto!important;
}
.category-page .category-product .category-actions-right{
  position:absolute!important;
  top:9px!important;
  right:9px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:120!important;
  width:36px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  pointer-events:auto!important;
}

/* Compare = LEFT */
.category-page .category-product .category-actions-left>.stage9-compare-btn{
  position:static!important;
  inset:auto!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d6e0da!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.98)!important;
  color:#53685e!important;
  box-shadow:0 7px 17px rgba(15,23,42,.09)!important;
  opacity:1!important;
  visibility:visible!important;
}
.category-page .category-product .stage9-compare-btn svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.category-page .category-product .stage9-compare-btn.active{
  color:#15803d!important;
  border-color:#b9d9c4!important;
  background:#f1faf4!important;
}

/* Quick View = RIGHT */
.category-page .category-product .category-actions-right>.dd-quick-btn{
  position:static!important;
  inset:auto!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d6e0da!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.98)!important;
  color:#475569!important;
  box-shadow:0 7px 17px rgba(15,23,42,.09)!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
}
.category-page .category-product .dd-quick-btn svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
  visibility:visible!important;
}
.category-page .category-product .dd-quick-btn:hover{
  color:#15803d!important;
  border-color:#bddbc7!important;
  background:#f3faf5!important;
}

/* Defeat all legacy absolute positions for these two buttons */
.category-page .category-product>.stage9-compare-btn,
.category-page .category-product>.dd-quick-btn{
  display:none!important;
}

@media(max-width:680px){
  .category-page .category-product .category-actions-left{
    top:7px!important;
    left:7px!important;
    width:32px!important;
  }
  .category-page .category-product .category-actions-right{
    top:7px!important;
    right:7px!important;
    width:32px!important;
  }
  .category-page .category-product .category-actions-left>.stage9-compare-btn,
  .category-page .category-product .category-actions-right>.dd-quick-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    border-radius:10px!important;
  }
  .category-page .category-product .stage9-compare-btn svg,
  .category-page .category-product .dd-quick-btn svg{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
  }
}