/* 2.56 — Homepage round 2 */

/* Pricing note shown once (with the products) */
body.home .v5-markets .v5-mk-note{display:none}

/* Quick quotation box in the hero */
.v56-qq{margin:16px 0 0;max-width:640px;padding:12px;border-radius:12px;background:rgba(255,255,255,.94);border:1px solid #C7D7EA;box-shadow:0 8px 24px rgba(8,41,77,.12);backdrop-filter:blur(6px)}
.v56-qq-h{margin:0 0 8px;font-family:var(--f-head,inherit);font-weight:800;font-size:16px;color:#08294D}
.v56-qq-h span{font-family:inherit;font-weight:600;font-size:14px;color:#3A4654;margin-left:6px}
.v56-qq-f{display:grid;grid-template-columns:minmax(0,1fr) 84px 150px auto;gap:8px}
.v56-qq input,.v56-qq select{height:44px;min-width:0;padding:0 12px;border:1px solid #B9CDE6;border-radius:8px;background:#fff;font-size:15px;color:#20272F}
.v56-qq input:focus,.v56-qq select:focus{outline:3px solid rgba(20,93,160,.35);border-color:#145DA0}
.v56-qq button{height:44px;padding:0 18px;border:0;border-radius:8px;background:linear-gradient(180deg,#F0182F,#C8001C);color:#fff;font-weight:700;font-size:15px;white-space:nowrap;cursor:pointer;box-shadow:0 4px 12px rgba(230,0,35,.25)}
.v56-qq button:hover{filter:brightness(1.07)}
.v56-qq button:focus-visible{outline:3px solid #145DA0;outline-offset:2px}

/* Tabbed products */
.v56-phead{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 10px}
.v56-phead h2{margin:0!important;font-family:var(--f-head,inherit);font-weight:800;color:#0A1C33;font-size:28px;letter-spacing:-.01em}
.v56-tabs{display:flex;gap:6px;padding:4px;border-radius:999px;background:#E3EDF9;border:1px solid #D2DFEE}
.v56-tabs [role=tab]{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#08294D;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.v56-tabs [role=tab][aria-selected=true]{background:#08294D;color:#fff;box-shadow:0 3px 8px rgba(8,41,77,.25)}
.v56-tabs [role=tab]:hover:not([aria-selected=true]){background:#fff}
.v56-tabs [role=tab]:focus-visible{outline:3px solid #145DA0;outline-offset:2px}
.v56-allp{margin-left:auto}
.v56-note{margin:0 0 14px;padding-left:12px;border-left:3px solid #E60023;font-size:14.5px;line-height:1.45;color:#3A4654}
.v56-pan:focus-visible{outline:3px solid #145DA0;outline-offset:4px;border-radius:12px}
.v56-more{margin:14px 0 0;text-align:right}
.v56-more .v53-all{min-height:44px}
@media (min-width:761px){html body.home .v56-prod .v5-pgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:1200px){
html body.home .v56-prod .v5-fcard .v5-fpic{aspect-ratio:4/3!important}
html body.home .v56-prod .v5-fcard .v5-fpic img{width:70%!important;height:86%!important}
}

/* Department counts */
.v56-cnt{display:block;margin-top:2px;font-family:var(--f-body,inherit);font-size:13px;font-weight:600;color:#5F6B78}

/* Why + how ordering works */
.v56-how{margin:0 0 16px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#08294D,#145DA0);color:#fff}
.v56-how h3{margin:0 0 12px;font-family:var(--f-head,inherit);font-size:18px;font-weight:800;color:#fff}
.v56-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:none}
.v56-how li{display:flex;gap:12px;align-items:flex-start}
.v56-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#E60023;color:#fff;font-weight:800;font-size:16px}
.v56-how b{display:block;font-size:15.5px;line-height:1.3;margin-bottom:2px;color:#fff}
.v56-how small{display:block;font-size:14px;line-height:1.45;color:#D6E4F5}

/* Contact band */
.v56-contact{margin-top:34px;background:linear-gradient(135deg,#08294D 0%,#0F3D70 100%);color:#fff}
.v56-contact-in{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 32px;padding-top:28px!important;padding-bottom:28px!important}
.v56-contact h2{margin:0 0 4px;font-family:var(--f-head,inherit);font-size:26px;font-weight:800;color:#fff}
.v56-contact p{margin:0;font-size:15px;color:#D6E4F5}
.v56-contact ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,auto);gap:10px}
.v56-contact a{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:14.5px;transition:background .15s}
.v56-contact a:hover{background:rgba(255,255,255,.16)}
.v56-contact a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.v56-contact a .ico{width:22px;height:22px;flex:none}
.v56-contact a small{display:block;font-weight:600;font-size:13px;color:#BFD3EA}
body.home .site-content{padding-bottom:0!important}

/* Readability: nothing under 13px */
body.home .v5-fsku,body.home .v5-fprice small.vat,body.home .v53-gtx small,body.home .v5-sgrid small{font-size:13px!important}

/* Laptop */
@media (min-width:761px) and (max-width:1199px){
.v56-contact-in{grid-template-columns:minmax(0,1fr)}
.v56-contact ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:761px) and (max-width:999px){
.v56-qq-f{grid-template-columns:minmax(0,1fr) 80px;}
.v56-qq select{grid-column:1}
.v56-qq button{grid-column:2/3}
.v56-qq-f{grid-template-columns:minmax(0,1fr) 80px 140px}
.v56-qq button{grid-column:1/-1}
.v56-how ol{grid-template-columns:minmax(0,1fr)}
}
/* Tablet hero: photo beside the text */
@media (min-width:761px) and (max-width:999px){
html body.home .v5-hero{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;min-height:0!important}
html body.home .v5-hero .v5-hero-pic{grid-column:2;grid-row:1;position:relative!important;height:auto!important;min-height:100%;inset:auto!important}
html body.home .v5-hero .v5-hero-pic img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
html body.home .v5-hero .v5-hero-in{grid-column:1;grid-row:1;padding-top:22px!important;padding-bottom:22px!important;min-height:0!important}
html body.home .v5-hero .v5-hero-copy{width:auto!important;max-width:none!important}
html body.home .v5-hero h1{font-size:34px!important}
html body.home .v5-hero .v5-lead{font-size:16px!important}
}

/* Phone */
@media (max-width:760px){
.v56-phead h2{font-size:22px}
.v56-tabs{order:3;flex:1 1 100%;overflow-x:auto;scrollbar-width:none;border-radius:12px}
.v56-tabs::-webkit-scrollbar{display:none}
.v56-tabs [role=tab]{min-height:44px;padding:0 14px;font-size:14px}
.v56-allp{margin-left:auto;min-height:44px}
/* swipe rows */
html body.home .v56-prod .v5-pgrid,html body.home .v53-guides ul{display:grid!important;grid-auto-flow:column;grid-auto-columns:46%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important;padding:2px 2px 10px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:thin}
html body.home .v53-guides ul{grid-auto-columns:78%}
html body.home .v56-prod .v5-pgrid>li,html body.home .v53-guides li{scroll-snap-align:start}
html body.home .v56-prod .v5-fcard{display:flex!important;flex-direction:column;padding:10px!important;border:1px solid #D2DFEE!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 14px rgba(8,41,77,.07)!important}
html body.home .v56-prod .v5-fcard>*{width:100%!important;max-width:none!important;grid-column:auto!important;grid-row:auto!important}
html body.home .v56-prod .v5-fpic{display:flex!important;align-items:center;justify-content:center;aspect-ratio:1/1;height:auto!important;border-radius:8px;background:linear-gradient(180deg,#F5F8FC,#EAF1F9);margin:0 0 8px!important}
html body.home .v56-prod .v5-fpic img{width:82%!important;height:82%!important;object-fit:contain;mix-blend-mode:multiply}
html body.home .v56-prod .v5-fbody{flex:1 1 auto;display:flex!important;flex-direction:column;padding:0!important}
html body.home .v56-prod .v5-fbody h3{font-size:14.5px!important;line-height:1.3!important;margin:0 0 4px!important}
html body.home .v56-prod .v5-fbody h3 a{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
html body.home .v56-prod .v5-fprice{margin:auto 0 8px!important;font-size:16px!important;display:block!important}
html body.home .v56-prod .v5-fprice small.vat{display:block!important}
html body.home .v56-prod .v5-fbuy{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px;padding:0!important}
html body.home .v56-prod .v5-fbuy>*{width:100%!important;max-width:none!important;margin:0!important}
html body.home .v56-prod .v5-qty{display:flex!important;justify-content:space-between;height:44px}
html body.home .v56-prod .v5-qty button{width:40px;min-height:44px}
html body.home .v56-prod .v5-qty input{flex:1 1 auto;width:auto!important;min-width:0;text-align:center}
html body.home .v56-prod .v5-fatc,html body.home .v56-prod .v5-frfq{min-height:44px!important;font-size:14px!important;border-radius:8px!important}
.v56-more{text-align:left}
/* hero: shorter */
html body.home .v5-hero .v5-hero-pic{height:190px!important}
html body.home .v5-hero h1{font-size:30px!important}
html body.home .v5-hero .v5-lead{font-size:15.5px!important;margin-bottom:12px!important}
.v53-pop a:nth-of-type(n+5){display:none}
.v56-qq{padding:10px}
.v56-qq-h span{display:block;margin:2px 0 0}
.v56-qq-f{grid-template-columns:minmax(0,1fr) 84px}
.v56-qq select,.v56-qq button{grid-column:1/-1}
/* tap targets */
body.home .v53-all,body.home .v5-feat-all{min-height:44px;align-items:center}
.v56-how ol{grid-template-columns:minmax(0,1fr)}
.v56-contact-in{grid-template-columns:minmax(0,1fr)}
.v56-contact ul{grid-template-columns:minmax(0,1fr)}
.v56-contact h2{font-size:22px}
/* markets: one swipe line */
html body.home .v5-markets .v5-mk-flags{display:grid!important;grid-auto-flow:column;grid-auto-columns:88px;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
html body.home .v5-markets .v5-mk-flags li{scroll-snap-align:start}
/* departments: 3 per row */
html body.home .v5-dgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html body.home .v5-dgrid .v5-dname{font-size:13px!important;line-height:1.2!important}
.v56-cnt{font-size:13px}
}
/* fixes */
html body.home .v5-dgrid .v5-dname{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.v53-why .v56-how li{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.v53-why .v56-how ol{display:grid}
.v53-pop a:nth-of-type(n+6){display:none}
@media (max-width:760px){html body.home .v5-hero .v5-hero-pic{height:150px!important}.v56-cnt{font-size:12.5px;font-weight:600}}