/* MedDeal — dropdown panels under the main menu. Loaded on the homepage too, so selectors start at .md-nav. */
.md-nav{position:relative;z-index:60;}
.md-nav .md-ni{display:flex;align-items:center;padding:13px 0;margin:-13px 0;}
.md-nav .md-ni.has-mega>a{display:inline-flex;align-items:center;gap:6px;}
.md-nav .md-ni.has-mega>a::after{content:"";width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.55;transition:transform .2s;}
.md-nav .md-ni.hover>a{color:var(--md-red,#c1121f);border-color:var(--md-red,#c1121f);}
.md-nav .md-ni.hover>a::after{transform:translateY(1px) rotate(225deg);opacity:1;}
.md-nav .md-ni-tg{display:none;}

/* panel */
.md-nav .md-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #f0f1f3;
  box-shadow:0 26px 50px rgba(20,30,50,.14);opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;
  transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;text-align:left;}
.md-nav .md-ni.hover .md-mega,.md-nav .md-ni:focus-within .md-mega{opacity:1;visibility:visible;transform:none;pointer-events:auto;
  transition:opacity .22s ease,transform .22s ease,visibility 0s;}
.md-nav .md-mega::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--md-red,#c1121f),#e8505b);}
.md-nav .md-mega-in{max-width:1180px;margin:0 auto;padding:30px 20px 32px;display:flex;gap:44px;}
.md-nav .md-mega-col{min-width:0;}
.md-nav .md-mega-main{flex:1.25;}
.md-nav .md-mega-quick{flex:.75;padding-left:34px;border-left:1px solid #f0f1f3;}
.md-nav .md-mega-best{flex:1.7;}
.md-nav .md-mega-guide{flex:1.5;padding-left:34px;border-left:1px solid #f0f1f3;}
.md-nav .md-mega-h{font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:#9aa1a9;font-weight:700;margin:0 0 14px;line-height:1.3;}
.md-nav .md-mega-main>.md-mega-h{font-size:21px;letter-spacing:-.2px;text-transform:none;color:var(--md-dark,#1f2328);font-weight:800;margin-bottom:16px;}

/* reset the menu-bar link look inside the panel (the bar styles every "a" in .md-navin) */
.md-nav .md-navin .md-mega a{display:flex;align-items:center;gap:8px;border:0;padding:0;width:auto;font-size:14px;font-weight:500;color:#3f444b;line-height:1.4;text-decoration:none;}
.md-nav .md-navin .md-mega a:hover{color:var(--md-red,#c1121f);border:0;}
.md-nav .md-mega ul{list-style:none;margin:0;padding:0;}
.md-nav .md-mega li{margin:0;padding:0;border:0;}
.md-nav .md-mega-list{display:grid;grid-template-columns:1fr;gap:4px 28px;}
.md-nav .md-mega-list.two{grid-template-columns:1fr 1fr;}
.md-nav .md-navin .md-mega-list a{padding:7px 0;transition:color .15s,transform .15s;}
.md-nav .md-navin .md-mega-list a:hover{transform:translateX(3px);}
.md-nav .md-mega-list a span{margin-left:auto;font-size:11px;font-weight:700;color:#9aa1a9;background:#f3f4f6;border-radius:10px;padding:1px 7px;}
.md-nav .md-navin .md-mega a.md-mega-all{display:inline-flex;margin-top:18px;font-weight:700;color:var(--md-red,#c1121f);font-size:14px;}
.md-nav .md-navin .md-mega a.md-mega-all b{font-size:18px;line-height:1;transition:transform .2s;}
.md-nav .md-navin .md-mega a.md-mega-all:hover b{transform:translateX(4px);}
.md-nav .md-mega-quick li+li,.md-nav .md-mega-guide li+li{margin-top:4px;}
.md-nav .md-navin .md-mega-quick a{padding:7px 0;font-weight:600;}
.md-nav .md-mega-quick svg{width:18px;height:18px;stroke:var(--md-red,#c1121f);flex-shrink:0;}
.md-nav .md-navin .md-mega-guide a{padding:6px 0;font-size:13.5px;display:block;}

/* bestsellers */
.md-nav .md-mega-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.md-nav .md-mega-best .md-mega-prods:has(.md-mp:nth-child(4)){grid-template-columns:repeat(4,1fr);}
.md-nav .md-navin .md-mega a.md-mp{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid #eef0f2;border-radius:12px;transition:.2s;background:#fff;}
.md-nav .md-navin .md-mega a.md-mp:hover{box-shadow:0 12px 26px rgba(20,40,70,.1);transform:translateY(-2px);border-color:#e7e9ec;}
.md-nav .md-mp .ph{position:relative;display:block;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#f6f7f9;margin-bottom:9px;}
.md-nav .md-mp .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.md-nav .md-mp:hover .ph img{transform:scale(1.05);}
.md-nav .md-mp .ph i{position:absolute;top:7px;left:7px;background:var(--md-red,#c1121f);color:#fff;font-style:normal;font-size:11px;font-weight:800;padding:2px 7px;border-radius:12px;}
.md-nav .md-mp .nm{font-size:12.5px;font-weight:600;color:#2b2f36;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;}
.md-nav .md-mp .pr{font-size:13.5px;font-weight:800;color:var(--md-red,#c1121f);margin-top:4px;}
.md-nav .md-mp .pr del,.md-nav .md-mp .pr del *{color:#aaa!important;font-weight:500;font-size:11px;}
.md-nav .md-mp .pr ins{text-decoration:none;background:none;}

/* mobile: the burger menu shows a little arrow per entry that opens the sub-list in place */
@media(max-width:980px){
 .md-nav .md-ni{flex-wrap:wrap;padding:0;margin:0;border-bottom:1px solid #f0f1f3;}
 .md-nav .md-ni>a{flex:1;border-bottom:0!important;}
 .md-nav .md-ni.has-mega>a::after{display:none;}
 .md-nav .md-ni-tg{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:0;}
 .md-nav .md-ni-tg::before{content:"";width:8px;height:8px;border-right:2px solid #6b7280;border-bottom:2px solid #6b7280;transform:translateY(-2px) rotate(45deg);transition:transform .2s;}
 .md-nav .md-ni.open .md-ni-tg::before{transform:translateY(2px) rotate(225deg);border-color:var(--md-red,#c1121f);}
 .md-nav .md-mega,.md-nav .md-ni.hover .md-mega,.md-nav .md-ni:focus-within .md-mega{position:static;display:none;flex-basis:100%;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-shadow:none;border:0;transition:none;}
 .md-nav .md-ni.open .md-mega{display:block;}
 .md-nav .md-mega::before,.md-nav .md-mega-best,.md-nav .md-mega-quick,.md-nav .md-mega-main>.md-mega-h{display:none;}
 .md-nav .md-mega-in{display:block;padding:0 0 12px 12px;}
 .md-nav .md-mega-list,.md-nav .md-mega-list.two{grid-template-columns:1fr;}
 .md-nav .md-navin .md-mega-list a{padding:9px 4px;font-size:14px;}
 .md-nav .md-mega-guide{padding:10px 0 0;border:0;}
 .md-nav .md-navin .md-mega a.md-mega-all{margin-top:8px;}
}

/* desktop: keep the whole menu on one line */
@media(min-width:981px){
 .md-nav .md-navin{gap:6px 20px;flex-wrap:nowrap;justify-content:space-between;}
 .md-nav .md-navin>a,.md-nav .md-ni>a{white-space:nowrap;}
}
@media(min-width:981px) and (max-width:1180px){
 .md-nav .md-navin>a,.md-nav .md-ni>a{font-size:13.5px;}
 .md-nav .md-navin{gap:6px 14px;}
}
.md-nav .md-mega-main:has(.md-mega-list.two){flex:1.7;}
.md-nav .md-navin .md-mega-list a{white-space:nowrap;}
.md-nav .md-mega-main:not(:has(.md-mega-list)){flex:.7;}

/* icons in front of the entries */
.md-nav .md-mega-list .mi{width:30px;height:30px;border-radius:9px;background:#fdf0f1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s;}
.md-nav .md-mega-list .mi svg{width:17px;height:17px;stroke:var(--md-red,#c1121f);transition:stroke .2s;}
.md-nav .md-navin .md-mega-list a{gap:11px;padding:5px 0;white-space:normal;}
.md-nav .md-navin .md-mega-list a.cat{white-space:nowrap;}
.md-nav .md-mega-list a em{font-style:normal;flex:1;min-width:0;}
.md-nav .md-navin .md-mega-list a:hover .mi{background:var(--md-red,#c1121f);}
.md-nav .md-navin .md-mega-list a:hover .mi svg{stroke:#fff;}
@media(max-width:980px){ .md-nav .md-mega-list .mi{width:26px;height:26px;} .md-nav .md-mega-list .mi svg{width:15px;height:15px;} }