/* 2.55 — Homepage round 1: premium B2B layout */
body.home{--v53-n:#08294D;--v53-ink:#0A1C33;--v53-t:#3A4654;--v53-r:#E60023;--v53-b:#145DA0;--v53-ln:#D2DFEE;--v53-sh:0 6px 20px rgba(8,41,77,.07);--v53-sh2:0 12px 28px rgba(8,41,77,.13)}
.v53-i{flex:none;display:block}

/* Section rhythm */
@media (min-width:761px){
html body.home .v5-sec.v5-depts,html body.home .v5-sec.v5-feat,html body.home .v5-panels,html body.home .v5-sec.v5-sectors,html body.home .v5-sec.v5-process,html body.home .v5-sec.v5-markets,html body.home .v53-why,html body.home .v53-faq,html body.home .v53-guides,html body.home .v5-sec.v5-strip{padding-top:34px!important}
html body.home .v5-sec>h2,html body.home .v53-head h2,html body.home .v5-feat-head h2{font-size:28px!important;letter-spacing:-.01em}
}

/* Shared section head */
.v53-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:16px;margin:0 0 14px}
.v53-head h2{margin:0!important;font-family:var(--f-head,inherit);font-weight:800;color:var(--v53-ink);font-size:26px;line-height:1.15}
.v53-head p{grid-column:1/-1;margin:6px 0 0;padding-left:12px;border-left:3px solid var(--v53-r);font-size:14.5px;line-height:1.45;color:var(--v53-t)}
.v53-all{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:15px;color:var(--v53-b)!important;text-decoration:none!important;white-space:nowrap}
.v53-all:hover{text-decoration:underline!important}
body.home a:focus-visible{outline:3px solid var(--v53-b);outline-offset:2px}

/* Popular searches in the hero */
.v53-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0}
.v53-pop span{font-size:14px;font-weight:700;color:var(--v53-ink);margin-right:2px}
.v53-pop a{display:inline-flex;align-items:center;min-height:32px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid #C7D7EA;color:var(--v53-n)!important;font-size:13.5px;font-weight:600;text-decoration:none!important;backdrop-filter:blur(4px);transition:background .15s,border-color .15s}
.v53-pop a:hover{background:#fff;border-color:var(--v53-b)}

/* Procurement Centre */
.v53-proc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v53-proc a{display:flex;align-items:center;gap:12px;height:100%;padding:14px 14px 14px 16px;background:#fff;border:1px solid var(--v53-ln);border-radius:14px;box-shadow:var(--v53-sh);color:var(--v53-ink)!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s,border-color .2s}
.v53-proc a:hover{transform:translateY(-2px);box-shadow:var(--v53-sh2);border-color:#A9C2E0}
.v53-pic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(180deg,#08294D,#145DA0);color:#fff}
.v53-ptx{flex:1 1 auto;min-width:0}
.v53-ptx b{display:block;font-family:var(--f-head,inherit);font-size:17px;font-weight:800;line-height:1.2}
.v53-ptx small{display:block;font-size:13.5px;line-height:1.35;color:var(--v53-t);margin-top:2px}
.v53-proc a>.v53-i:last-child{color:var(--v53-r)}

/* Product cards, all rows, all screens from tablet up (vertical premium cards) */
@media (min-width:761px){
html body.home .v5-feat .v5-feat-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:16px;margin-bottom:14px}
html body.home .v5-feat .v5-feat-head h2{margin:0!important}
html body.home .v5-feat .v5-feat-head p{grid-column:1/-1;grid-row:2;margin:6px 0 0!important;padding-left:12px;border-left:3px solid var(--v53-r);font-size:14.5px!important;color:var(--v53-t)!important;text-align:left!important}
html body.home .v5-feat-all{display:inline-flex!important;align-items:center;gap:4px;grid-column:2;grid-row:1;font-weight:700;font-size:15px;color:var(--v53-b)!important;text-decoration:none!important;white-space:nowrap}
html body.home .v5-feat .v5-pgrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
html body.home .v5-fcard{display:flex!important;flex-direction:column;padding:14px!important;border:1px solid var(--v53-ln)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--v53-sh)!important;transition:transform .2s,box-shadow .2s}
html body.home .v5-fcard:hover{transform:translateY(-3px);box-shadow:var(--v53-sh2)!important}
html body.home .v5-fcard>*{width:100%!important;max-width:none!important;grid-column:auto!important}
html body.home .v5-fcard .v5-fpic{display:flex!important;align-items:center;justify-content:center;aspect-ratio:1/1;height:auto!important;border-radius:10px;background:linear-gradient(180deg,#F5F8FC,#EAF1F9);overflow:hidden;margin:0 0 12px!important}
html body.home .v5-fcard .v5-fpic img{width:80%!important;height:80%!important;object-fit:contain;mix-blend-mode:multiply}
html body.home .v5-fbody{flex:1 1 auto;display:flex!important;flex-direction:column;padding:0!important}
html body.home .v5-fbody h3{display:block!important;font-size:16px!important;line-height:1.3!important;margin:0 0 4px!important}
html body.home .v5-fbody h3 a{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;color:var(--v53-ink)!important}
html body.home .v5-fsku{font-size:12.5px!important;color:#5F6B78!important;margin:0 0 8px!important;letter-spacing:.02em}
html body.home .v5-fprice{margin:auto 0 12px!important;padding-top:8px;border-top:1px solid #E6EDF6;font-size:20px!important;display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:5px}
html body.home .v5-fprice small.vat{display:inline!important;margin:0!important;font-size:12px!important;color:#5F6B78!important;font-weight:600}
html body.home .v5-fbuy{display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px;padding:0!important}
html body.home .v5-fbuy>*{width:100%!important;max-width:none!important;flex:none!important}
html body.home .v5-fbuy .v5-qty{display:flex!important;justify-content:space-between;height:38px}
html body.home .v5-fbuy .v5-qty input{flex:1 1 auto;width:auto!important;min-width:0;text-align:center}
html body.home .v5-fbuy .v5-fatc,html body.home .v5-fbuy .v5-frfq{min-height:42px!important;border-radius:8px!important;font-size:14.5px!important;margin:0!important;padding:0 8px!important}
html body.home .v5-fbuy .v5-fatc{box-shadow:0 4px 12px rgba(230,0,35,.22)}
/* Panels and sector cards share the card style */
html body.home .v5-panel{position:relative;border:1px solid var(--v53-ln)!important;border-radius:14px!important;box-shadow:var(--v53-sh)!important;overflow:hidden;transition:transform .2s,box-shadow .2s}
html body.home .v5-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#E60023,#145DA0);z-index:2}
html body.home .v5-panel:hover{transform:translateY(-3px);box-shadow:var(--v53-sh2)!important}
html body.home .v5-sgrid a,html body.home .v5-steps li,html body.home .v5-dgrid a,html body.home .v5-strip-in{border-radius:14px!important;box-shadow:var(--v53-sh)!important;border-color:var(--v53-ln)!important}
html body.home .v5-sgrid a,html body.home .v5-dgrid a{transition:transform .2s,box-shadow .2s}
html body.home .v5-sgrid a:hover,html body.home .v5-dgrid a:hover{transform:translateY(-3px);box-shadow:var(--v53-sh2)!important}
html body.home .v5-dgrid a{overflow:hidden}
html body.home .v5-dgrid a img{transition:transform .35s}
html body.home .v5-dgrid a:hover img{transform:scale(1.05)}
}

/* Why Medlive */
.v53-why ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v53-why li{display:flex;gap:14px;align-items:flex-start;padding:18px;background:#fff;border:1px solid var(--v53-ln);border-radius:14px;box-shadow:var(--v53-sh)}
.v53-wic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#FDE7EA;color:var(--v53-r)}
.v53-why b{display:block;font-family:var(--f-head,inherit);font-size:17px;font-weight:800;color:var(--v53-ink);line-height:1.25;margin-bottom:3px}
.v53-why small{display:block;font-size:14px;line-height:1.45;color:var(--v53-t);overflow-wrap:anywhere}

/* Markets: lighter, lower on the page */
@media (min-width:761px){html body.home .v5-markets .v5-mk-box{border-radius:14px!important;box-shadow:var(--v53-sh)!important}}

/* FAQs */
.v53-faqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.v53-faqs details{background:#fff;border:1px solid var(--v53-ln);border-radius:12px;box-shadow:var(--v53-sh)}
.v53-faqs summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 18px;font-weight:700;font-size:16px;color:var(--v53-ink);cursor:pointer;list-style:none}
.v53-faqs summary::-webkit-details-marker{display:none}
.v53-faqs summary .v53-i{color:var(--v53-r);transition:transform .2s}
.v53-faqs details[open] summary .v53-i{transform:rotate(45deg)}
.v53-faqs details p{margin:0;padding:0 18px 16px;font-size:14.5px;line-height:1.55;color:var(--v53-t)}
.v53-faqs summary:focus-visible{outline:3px solid var(--v53-b);outline-offset:2px;border-radius:12px}

/* Guides */
.v53-guides ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v53-guides ul a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--v53-ln);border-radius:14px;box-shadow:var(--v53-sh);overflow:hidden;color:var(--v53-ink)!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.v53-guides ul a:hover{transform:translateY(-3px);box-shadow:var(--v53-sh2)}
.v53-gpic{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:linear-gradient(135deg,#08294D,#145DA0);color:#fff;overflow:hidden}
.v53-gpic img{width:100%;height:100%;object-fit:cover}
.v53-gtx{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}
.v53-gtx small{font-size:12.5px;color:#5F6B78;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.v53-gtx b{font-family:var(--f-head,inherit);font-size:17px;line-height:1.3}
.v53-gtx>span{font-size:14px;line-height:1.45;color:var(--v53-t)}
.v53-guides ul a:hover b{text-decoration:underline}

/* Tablet */
@media (min-width:761px) and (max-width:899px){
.v53-proc ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px) and (max-width:1199px){
.v53-proc ul{gap:10px}.v53-proc a{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.v53-proc a>.v53-i:last-child{display:none}
}
@media (min-width:761px) and (max-width:1099px){
.v53-why ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:761px) and (max-width:899px){
html body.home .v5-feat .v5-pgrid{gap:10px!important}
html body.home .v5-fcard{padding:10px!important}
html body.home .v5-fprice{font-size:17px!important}
.v53-guides ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
/* Phone */
@media (max-width:760px){
.v53-head h2{font-size:22px}
.v53-head{grid-template-columns:minmax(0,1fr)}
.v53-all{grid-row:3;margin-top:8px}
.v53-pop{gap:6px;margin-top:12px}
.v53-pop a{min-height:34px;font-size:13px}
.v53-proc ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v53-proc a{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}
.v53-proc a>.v53-i:last-child{display:none}
.v53-ptx b{font-size:15.5px}
.v53-ptx small{font-size:12.5px}
.v53-why ul,.v53-faqs,.v53-guides ul{grid-template-columns:minmax(0,1fr)}
.v53-why li{padding:14px}
.v53-faqs summary{font-size:15px;padding:12px 14px}
.v53-faqs details p{padding:0 14px 14px}
html body.home .v53-proc,html body.home .v53-why,html body.home .v53-faq,html body.home .v53-guides,html body.home .v53-row{padding-top:24px!important}
}