;border-left:1px solid rgba(255,255,255,.07)} .hfv2-hti:first-child{border-left:0} .hfv2-hti{text-decoration:none} .hfv2-hti__ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(74,213,93,.14)} .hfv2-hti__ic i{font-size:21px;color:var(--green)} .hfv2-hti__ic .hfv2-lg{width:24px;height:24px} .hfv2-hti--brand .hfv2-hti__ic{background:#fff;transition:transform .18s} .hfv2-hti--brand:hover .hfv2-hti__ic{transform:scale(1.06)} .hfv2-hti b{display:block;color:#fff;font-size:15px;font-weight:600} .hfv2-hti small{color:rgba(255,255,255,.62);font-size:12px} /* 2 DISCOVER */ .hfv2-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 30px} .hfv2-tab{min-height:48px;padding:13px 22px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-radius:var(--r-pill);background:#fff;color:var(--navy);border:1.5px solid rgba(18,43,76,.3);cursor:pointer} .hfv2-tab[aria-selected="true"]{background:var(--navy);color:#fff;border-color:var(--navy)} .hfv2-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .hfv2-ccard{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(18,43,76,.08);border-radius:8px;overflow:hidden;text-decoration:none;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s} .hfv2-ccard:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(16,35,61,.18)} .hfv2-ccard__m{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:8px 8px 0 0;transform:translateZ(0)} .hfv2-ccard__m img{width:100%;height:100%;object-fit:cover;transition:transform .45s} .hfv2-ccard:hover .hfv2-ccard__m img{transform:scale(1.06)} .hfv2-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(10,31,58,.92);color:#fff;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:7px 12px;border-radius:var(--r-pill)} .hfv2-badge i{color:var(--green)} .hfv2-ccard__b{display:flex;flex-direction:column;flex:1;padding:22px} .hfv2-ccard__k{color:var(--green-text);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px} .hfv2-ccard__t{color:var(--navy);font-size:22px;font-weight:700;margin-bottom:9px} .hfv2-ccard__d{color:var(--body);font-size:14px;line-height:1.5;margin-bottom:14px} .hfv2-ccard__cue{display:inline-flex;align-items:center;gap:7px;color:#3a4658;font-size:12.5px;margin-bottom:18px} .hfv2-ccard__cue i{color:var(--green-text)} .hfv2-ccard__cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;font-size:12.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-radius:var(--r-pill);background:transparent;color:var(--navy);border:2px solid var(--navy);transition:background .18s,color .18s} .hfv2-ccard:hover .hfv2-ccard__cta{background:var(--green);color:var(--green-ink);border-color:var(--green)} /* Discover = compact category navigator (all categories as image tiles) */ .hfv2-disc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px} .hfv2-disc-tile{position:relative;display:block;aspect-ratio:4/3;border-radius:8px;overflow:hidden;text-decoration:none;background:var(--navy-deep);box-shadow:0 10px 26px rgba(16,35,61,.1)} .hfv2-disc-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s} .hfv2-disc-tile:hover img{transform:scale(1.07)} .hfv2-disc-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,36,0) 42%,rgba(7,20,36,.85) 100%)} .hfv2-disc-tile__name{position:absolute;left:16px;right:14px;bottom:13px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;font:700 15px/1.2 var(--font)} .hfv2-disc-tile__name i{flex:none;color:var(--green);font-size:18px;transition:transform .18s} .hfv2-disc-tile:hover .hfv2-disc-tile__name i{transform:translateX(3px)} .hfv2-disc-tile:focus-visible{outline:3px solid var(--navy);outline-offset:3px} .hfv2-disc-tile--plain::after{background:linear-gradient(160deg,#1e3d68,#0a1f3d)} .hfv2-disc-tile--plain .hfv2-disc-tile__name{inset:0;left:14px;right:14px;justify-content:center;align-items:center;text-align:center} /* 3 SAMPLE-FIRST */ .hfv2-sample__grid{display:grid;grid-template-columns:.9fr 1fr;gap:44px;align-items:center} .hfv2-sample__media{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:440px} .hfv2-sample__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hfv2-sample__badge{position:absolute;top:16px;left:16px;background:var(--green);color:var(--green-ink);font-size:13px;font-weight:700;padding:9px 16px;border-radius:var(--r-pill)} .hfv2-sample__h{font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.06;letter-spacing:-.5px;margin:14px 0} .hfv2-sample{padding:clamp(38px,5vw,66px) 0} .hfv2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0} .hfv2-step{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:5px;background:linear-gradient(160deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.04) 100%);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:18px 18px 20px;box-shadow:0 18px 40px -22px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.09);transition:transform .2s,border-color .2s,box-shadow .2s} .hfv2-step:hover{transform:translateY(-4px);border-color:rgba(74,213,93,.5);box-shadow:0 26px 54px -22px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.12)} .hfv2-step__n{grid-column:1;grid-row:1 / 3;align-self:center;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#57e06b 0%,#37c34c 100%);color:var(--green-ink);font-weight:800;font-size:17px;box-shadow:0 8px 20px -4px rgba(74,213,93,.55)} .hfv2-step b{grid-column:2;align-self:end;display:block;color:#fff;font-size:15.5px;line-height:1.2} .hfv2-step span{grid-column:2;align-self:start;color:rgba(255,255,255,.74);font-size:13px;line-height:1.5} /* 4/6/8 FEATURE (spotlight + carousel + product card replica) */ .hfv2-feat{padding:0 0 clamp(48px,7vw,90px);background:#fff} .hfv2-spot{position:relative;min-height:clamp(420px,50vw,600px);overflow:hidden;display:flex;align-items:flex-end} .hfv2-spot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hfv2-spot__card{position:relative;width:clamp(300px,38%,440px);background:linear-gradient(180deg,rgba(248,250,253,.93) 0%,rgba(252,253,255,.98) 60%,#fff 100%);border-top:4px solid var(--green);border-radius:0 8px 0 0;padding:clamp(26px,2.6vw,40px) clamp(26px,2.6vw,40px) clamp(32px,3.4vw,48px);display:flex;flex-direction:column;gap:14px} .hfv2-spot__ey{color:var(--green-text);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase} .hfv2-spot__h{margin:0;color:var(--navy);font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.02;letter-spacing:-1px} .hfv2-spot__p{margin:0;color:#3f4858;font-size:14px;line-height:1.6} .hfv2-spot__card .hfv2-btn{align-self:flex-start} .hfv2-feat__head{text-align:center;max-width:860px;margin:clamp(20px,2.4vw,34px) auto clamp(24px,3vw,34px)} .hfv2-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--green-text);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px} .hfv2-kicker::before{content:"";width:28px;height:2px;background:currentColor} .hfv2-feat__h{color:var(--navy);font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-.5px;margin:0} .hfv2-feat__sub{color:var(--body);font-size:15px;margin-top:8px} .hfv2-carousel{position:relative} .hfv2-carousel__arw{position:absolute;top:32%;z-index:4;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid rgba(18,43,76,.12);box-shadow:0 10px 22px rgba(16,35,61,.18);color:var(--navy);cursor:pointer;font-size:20px} .hfv2-carousel__arw.l{left:-10px}.hfv2-carousel__arw.r{right:-10px} .hfv2-pgrid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0 16px} .hfv2-pgrid::-webkit-scrollbar{display:none} .hfv2-pcard{position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start;background:#fff;border:1px solid rgba(18,43,76,.08);border-radius:8px;overflow:hidden;box-shadow:none;transition:transform .2s,box-shadow .2s} .hfv2-pcard:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(16,35,61,.1)} .hfv2-pcard__m{position:relative;aspect-ratio:1/1;overflow:hidden;background:#e7ecf3;border-radius:8px 8px 0 0;transform:translateZ(0)} .hfv2-pcard__m img{width:100%;height:100%;object-fit:cover;transition:transform .45s} .hfv2-pcard:hover .hfv2-pcard__m img{transform:scale(1.05)} .hfv2-pcard__dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:5px} .hfv2-pcard__dots span{width:7px;height:7px;border-radius:var(--r-pill);background:rgba(255,255,255,.6);cursor:pointer} .hfv2-pcard__dots .on{width:17px;background:#fff} .hfv2-pcard__bag{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(160deg,#1e3d68 0%,#0a1f3d 100%);color:#fff;text-decoration:none;border:1.5px solid rgba(74,213,93,.55);box-shadow:0 12px 28px rgba(10,31,58,.45),0 2px 5px rgba(10,31,58,.3),inset 0 1px 1px rgba(255,255,255,.22);font-size:22px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease} .hfv2-pcard__bag::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.14);pointer-events:none} .hfv2-pcard__bag:hover,.hfv2-pcard__bag:focus-visible{background:linear-gradient(160deg,#5fe072 0%,#3cc551 100%);border-color:var(--green);color:var(--green-ink);transform:translateY(-2px) scale(1.08);box-shadow:0 16px 34px rgba(74,213,93,.5)} .hfv2-pcard__bag:active{transform:scale(.95)} .hfv2-pcard__b{display:flex;flex-direction:column;flex:1;padding:16px} .hfv2-pcard__meta{color:var(--green-text);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px} .hfv2-pcard__t{color:var(--navy);font-size:14.5px;font-weight:700;line-height:1.3;margin-bottom:11px;min-height:38px} .hfv2-pcard__s{display:inline-flex;align-items:center;gap:7px;color:#3a4658;font-size:12px;margin-bottom:14px} .hfv2-pcard__s::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green-text)} .hfv2-pcard__v{margin-top:auto;display:inline-flex;align-items:center;gap:9px;color:var(--green-text);font-size:11.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;text-decoration:none} .hfv2-pcard__v .c{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--green-text);font-size:14px} /* 5 WHY */ .hfv2-why__grid{display:grid;grid-template-columns:.9fr 1fr;gap:40px;align-items:center} .hfv2-why__media{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:440px} .hfv2-why__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hfv2-why__rating{position:absolute;top:18px;left:18px;background:#fff;border-radius:8px;padding:10px 15px;box-shadow:0 10px 24px rgba(0,0,0,.28)} .hfv2-why__rating .st{color:var(--green-text);letter-spacing:1px} .hfv2-why__rating small{display:block;color:var(--navy);font-size:12px;font-weight:600} .hfv2-why__corner{position:absolute;right:0;bottom:0;width:70px;height:70px;background:var(--green);clip-path:polygon(100% 0,100% 100%,0 100%)} .hfv2-why__h{font-size:clamp(30px,3.6vw,46px);font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.06;margin:16px 0 20px} .hfv2-why__h .g{color:var(--green)} .hfv2-checks{list-style:none;display:flex;flex-direction:column;gap:14px;margin:0 0 24px;padding:0} .hfv2-checks li{display:flex;gap:11px;align-items:flex-start;color:rgba(255,255,255,.9);font-size:15px;line-height:1.45} .hfv2-checks .ic{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(74,213,93,.18);color:var(--green);font-size:14px;margin-top:2px} .hfv2-checks .g{color:var(--green);font-weight:600} .hfv2-wstats{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:26px} .hfv2-wstat{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:14px 16px} .hfv2-wstat .ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:rgba(74,213,93,.16);color:var(--green);font-size:19px} .hfv2-wstat b{display:block;color:#fff;font-size:17px;font-weight:700} .hfv2-wstat small{color:rgba(255,255,255,.7);font-size:12px} /* 7 REVIEWS */ .hfv2-rv__trust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;margin:24px 0 4px} .hfv2-rv__tg{display:inline-flex;align-items:center;gap:10px} .hfv2-rv__tg .lg{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-size:15px;font-weight:700} .hfv2-rv__tg .lg .tp{color:var(--green-text)} .hfv2-rv__tg .st{color:var(--green-text);letter-spacing:1.5px} .hfv2-rv__tg .sc{color:var(--navy);font-weight:800} .hfv2-rv__vd{width:1px;height:22px;background:rgba(18,43,76,.18)} .hfv2-rv__tabs{display:flex;justify-content:center;gap:28px;border-bottom:1px solid rgba(18,43,76,.12);max-width:540px;margin:22px auto 0} .hfv2-rv__tab{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 2px;color:#8a93a0;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;cursor:pointer} .hfv2-rv__tab[aria-selected="true"]{color:var(--navy);border-bottom-color:var(--green)} .hfv2-rv__slider{position:relative;margin-top:32px;padding:0 34px} .hfv2-rv__arw{position:absolute;top:42%;z-index:3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid rgba(18,43,76,.12);box-shadow:0 10px 24px rgba(16,35,61,.16);color:var(--navy);cursor:pointer;font-size:20px;transition:background .18s,color .18s} .hfv2-rv__arw:hover{background:var(--navy);color:#fff} .hfv2-rv__arw.l{left:-6px}.hfv2-rv__arw.r{right:-6px} .hfv2-rv__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .hfv2-rcard{position:relative;background:#fff;border-radius:8px;padding:24px 22px 22px;box-shadow:var(--shadow);border:1px solid rgba(18,43,76,.05);overflow:hidden;transition:transform .2s,box-shadow .2s} .hfv2-rcard:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(16,35,61,.16)} .hfv2-rcard__q{position:absolute;top:10px;right:18px;color:rgba(18,43,76,.06);font-size:58px;font-family:Georgia,serif} .hfv2-rcard__top{display:flex;align-items:center;gap:12px;margin-bottom:14px} .hfv2-rcard__avw{position:relative;flex:none} .hfv2-rcard__av{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;font-weight:700;font-size:17px} .hfv2-av-g{background:var(--green-text)}.hfv2-av-n{background:var(--navy)}.hfv2-av-p{background:#6d3bd1} .hfv2-rcard__vf{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--green);color:var(--green-ink);font-size:11px;border:2px solid #fff} .hfv2-rcard__name{color:var(--navy);font-size:15px;font-weight:700} .hfv2-rcard__date{color:#8a93a0;font-size:12px} .hfv2-rcard__src{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700} .hfv2-src-tp{color:var(--green-text)}.hfv2-src-g{color:#3a4658} .hfv2-rcard__stars{color:var(--green-text);letter-spacing:2px;margin-bottom:10px} .hfv2-rcard__txt{color:var(--body);font-size:13.5px;line-height:1.55} /* Real brand logos + clickable Trustpilot/Google */ .hfv2-lg{display:inline-block;vertical-align:middle;flex:none} .hfv2-wstat{text-decoration:none} .hfv2-wstat .ic--brand{background:#fff} .hfv2-wstat .ic .hfv2-lg{width:20px;height:20px} .hfv2-wstat[href]:hover{border-color:rgba(74,213,93,.4)} .hfv2-rv__tg{text-decoration:none} .hfv2-rv__tg .lg .hfv2-lg{width:18px;height:18px} .hfv2-rcard__src{text-decoration:none} .hfv2-rcard__src .hfv2-lg{width:14px;height:14px} .hfv2-rv__more{display:flex;justify-content:center;margin-top:30px} /* Reviews — dark navy variant */ .hfv2-reviews{padding:clamp(32px,4.5vw,56px) 0} .hfv2-reviews .hfv2-rv__tg .lg{color:#fff} .hfv2-reviews .hfv2-rv__tg .sc{color:#fff} .hfv2-reviews .hfv2-rv__tg .st{color:var(--green)} .hfv2-reviews .hfv2-rv__vd{background:rgba(255,255,255,.22)} .hfv2-reviews .hfv2-rv__tabs{border-bottom-color:rgba(255,255,255,.16)} .hfv2-reviews .hfv2-rv__tab{color:rgba(255,255,255,.6)} .hfv2-reviews .hfv2-rv__tab[aria-selected="true"]{color:#fff} .hfv2-reviews .hfv2-rv__arw:hover{background:var(--green);color:var(--green-ink);border-color:transparent} .hfv2-reviews .hfv2-btn--outline{color:#fff;border-color:rgba(255,255,255,.5)} .hfv2-reviews .hfv2-btn--outline:hover{background:#fff;color:var(--navy)} /* 9 FAQ */ .hfv2-faq__list{max-width:860px;margin-inline:auto;display:flex;flex-direction:column;gap:12px} .hfv2-faq__item{background:#fff;border-radius:8px;overflow:hidden} .hfv2-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;padding:20px 24px;color:var(--navy);font-size:16px;font-weight:700} .hfv2-faq__item summary::-webkit-details-marker{display:none} .hfv2-faq__item summary .ic{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(35,122,58,.12);color:var(--green-text);font-size:17px;transition:transform .2s} .hfv2-faq__item[open] summary .ic{transform:rotate(180deg)} .hfv2-faq__a{padding:0 24px 22px;color:var(--body);font-size:14px;line-height:1.6} .hfv2-faq__foot{text-align:center;color:rgba(255,255,255,.8);font-size:14px;margin-top:28px} .hfv2-faq__foot a{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:3px} /* 10 INSIGHT */ .hfv2-ins__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .hfv2-icard{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(18,43,76,.1);border-radius:8px;overflow:hidden;text-decoration:none;box-shadow:0 10px 26px rgba(16,35,61,.08);transition:transform .2s,box-shadow .2s} .hfv2-icard:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(16,35,61,.16)} .hfv2-icard__m{position:relative;aspect-ratio:16/11;overflow:hidden;background:#e7ecf3;border-radius:8px 8px 0 0;transform:translateZ(0)} .hfv2-icard__m img{width:100%;height:100%;object-fit:cover;transition:transform .45s} .hfv2-icard:hover .hfv2-icard__m img{transform:scale(1.06)} .hfv2-icard__b{display:flex;flex-direction:column;flex:1;padding:18px} .hfv2-icard__tag{align-self:flex-start;padding:5px 12px;border:1px solid rgba(35,122,58,.4);border-radius:var(--r-pill);color:var(--green-text);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:rgba(35,122,58,.07);margin-bottom:13px} .hfv2-icard__t{color:var(--navy);font-size:17px;font-weight:700;line-height:1.25;margin-bottom:9px} .hfv2-icard__d{color:var(--body);font-size:13px;line-height:1.5;margin-bottom:15px} .hfv2-icard__x{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--green-text);font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase} /* 11 CTA */ .hfv2-cta{background:#0e2a4d;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;color:#fff} .hfv2-cta__grid{display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:center} .hfv2-cta__h{font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.04;letter-spacing:-1px;margin:16px 0 14px;color:#fff} .hfv2-cta__btns{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 24px} .hfv2-cta__checks{list-style:none;display:flex;flex-direction:column;gap:12px;padding:18px 0 0;margin:0;border-top:1px solid rgba(255,255,255,.12)} .hfv2-cta__checks li{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.9);font-size:14px} .hfv2-cta__checks .ic{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(74,213,93,.18);color:var(--green);font-size:13px} .hfv2-cta__card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:30px} .hfv2-cta__pill{display:inline-flex;align-items:center;gap:6px;background:rgba(74,213,93,.16);color:#8ff0a3;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 13px;border-radius:var(--r-pill);margin-bottom:16px} .hfv2-cta__pill i{color:var(--green)} .hfv2-cta__ch{color:#fff;font-size:26px;font-weight:800;line-height:1.15;margin-bottom:10px} .hfv2-cta__cd{color:rgba(255,255,255,.78);font-size:14px;line-height:1.5;margin-bottom:18px} .hfv2-cta label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .hfv2-cta input{width:100%;min-height:54px;padding:14px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font:400 14px var(--font);margin-bottom:12px} .hfv2-cta input::placeholder{color:rgba(255,255,255,.55)} .hfv2-cta__submit{width:100%;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:8px;background:var(--green);color:var(--green-ink);border:0;cursor:pointer;box-shadow:var(--glow)} .hfv2-cta__note{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.62);font-size:12px;margin-top:13px} /* ---- Tablet / mobile (one scaled layout) -------------------------------- */ @media(max-width:980px){ .hfv2-cards3,.hfv2-ins__grid{grid-template-columns:repeat(2,1fr)} .hfv2-rv__grid{grid-template-columns:1fr} .hfv2-carousel__arw{display:none} /* product carousel becomes a real horizontal swipe (was a broken vertical stack) */ .hfv2-pgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:2px 2px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none} .hfv2-pgrid::-webkit-scrollbar{display:none} .hfv2-pcard{flex:0 0 280px;scroll-snap-align:start} .hfv2-pcard__t{min-height:0} } @media(max-width:760px){ /* hero: IMAGE is the hero — no dark box; one heading (eyebrow hidden); text over a bottom gradient for legibility; buttons stacked; dots bottom-centered */ .hfv2-hero{min-height:82vh;align-items:flex-end;padding:0} .hfv2-hero::before{background:linear-gradient(180deg,rgba(7,20,36,.12) 0%,rgba(7,20,36,.22) 42%,rgba(7,20,36,.9) 100%)} .hfv2-hero__card{width:100%;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0 22px 64px;backdrop-filter:none;-webkit-backdrop-filter:none} .hfv2-hero__card .hfv2-eyebrow{display:none} .hfv2-hero__card h1{font-size:clamp(36px,9vw,52px);margin:0 0 12px} .hfv2-hero__card .hfv2-lead{font-size:15px;margin-bottom:20px;color:rgba(255,255,255,.92)} .hfv2-hero__btns{flex-direction:column} .hfv2-hero__btns .hfv2-btn{width:100%} .hfv2-hero__nav{left:0;right:0;bottom:22px;justify-content:center} .hfv2-hero__arws{display:none} /* trust: 2 side-by-side on mobile, 3rd spans full width; centered icon-on-top */ .hfv2-htrust .hfv2-wrap{grid-template-columns:repeat(3,1fr)} .hfv2-hti{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 8px;border-left:1px solid rgba(255,255,255,.1)} .hfv2-hti:first-child{border-left:0} .hfv2-hti__ic{width:36px;height:36px} .hfv2-hti__ic i{font-size:17px} .hfv2-hti__ic .hfv2-lg{width:20px;height:20px} .hfv2-hti b{font-size:12.5px;line-height:1.25} .hfv2-hti small{display:none} /* feature = ONE unified mobile section; text BLENDS onto the image (hero-style overlay + bottom gradient), then products follow. No repeated "Featured X". */ .hfv2-feat{background:#f4f7fb} .hfv2-feat__head{display:none} .hfv2-spot{position:relative;display:flex;align-items:flex-end;min-height:74vh;overflow:hidden} .hfv2-spot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hfv2-spot::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,20,36,.05) 0%,rgba(7,20,36,.28) 45%,rgba(7,20,36,.92) 100%)} .hfv2-spot__card{position:relative;z-index:2;width:100%;background:transparent;border-top:0;border-radius:0;padding:0 6vw 34px;gap:12px;box-shadow:none} .hfv2-spot__ey{color:var(--green)} .hfv2-spot__h{color:#fff} .hfv2-spot__p{color:rgba(255,255,255,.92)} .hfv2-spot__card .hfv2-btn--navy{background:#fff;color:var(--navy);border-color:#fff} .hfv2-feat .hfv2-wrap{padding-top:22px} .hfv2-sample__grid,.hfv2-why__grid,.hfv2-cta__grid{grid-template-columns:1fr} .hfv2-steps,.hfv2-wstats{grid-template-columns:1fr} .hfv2-steps{gap:10px} .hfv2-step{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:3px;padding:13px 15px} .hfv2-step__n{grid-column:1;grid-row:1 / 3;align-self:center;margin:0;width:34px;height:34px} .hfv2-cards3,.hfv2-ins__grid{grid-template-columns:1fr} .hfv2-disc-grid{grid-template-columns:1fr 1fr;gap:12px} .hfv2-pcard{flex:0 0 82%} .hfv2-pcard__dots{display:none} } html,body{margin:0;padding:0;background:#fff} .hf-cwrap{width:min(1200px,92vw);margin:0 auto} .hf-cohead{padding:clamp(28px,4vw,48px) 0 8px} .hf-bc2{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13.5px;color:var(--body)} .hf-bc2 a{color:var(--green-text);font-weight:600;text-decoration:none}.hf-bc2 .sep{color:rgba(18,43,76,.3)}.hf-bc2 .cur{color:var(--navy);font-weight:700} .hf-h1{font-size:clamp(26px,3.4vw,40px);font-weight:800;color:var(--navy);letter-spacing:-1px;margin:14px 0 0} .hf-co{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start;padding:24px 0 64px} /* cart items */ .hf-ci{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(18,43,76,.08)} .hf-ci__m{flex:none;width:104px;height:104px;border-radius:8px;overflow:hidden;background:#e7ecf3} .hf-ci__m img{width:100%;height:100%;object-fit:cover} .hf-ci__b{flex:1;min-width:0;display:flex;flex-direction:column} .hf-ci__fmt{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--green-text);background:rgba(74,213,93,.12);padding:4px 10px;border-radius:999px} .hf-ci__n{font-size:16.5px;font-weight:700;color:var(--navy);margin:8px 0 4px;line-height:1.3} .hf-ci__meta{font-size:13px;color:var(--body)} .hf-ci__row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:14px} .hf-qbx{display:flex;align-items:center;border:1px solid rgba(18,43,76,.14);border-radius:8px;overflow:hidden} .hf-qbx button{width:38px;height:42px;border:0;background:#fff;color:var(--navy);font-size:18px;cursor:pointer} .hf-qbx span{min-width:34px;text-align:center;font-weight:700;color:var(--navy)} .hf-ci__rt{display:flex;align-items:center;gap:18px} .hf-ci__p{font-size:18px;font-weight:800;color:var(--navy)} .hf-ci__rm{border:0;background:none;color:var(--body);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px} .hf-ci__rm:hover{color:#c0392b} .hf-cxsell{margin-top:30px} .hf-cxsell h3{font-size:18px;font-weight:800;color:var(--navy);margin:0 0 16px} .hf-cxgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} /* order summary */ .hf-os{position:sticky;top:18px;background:#fff;border:1px solid rgba(18,43,76,.1);border-radius:8px;box-shadow:0 18px 44px -26px rgba(16,35,61,.34);padding:24px} .hf-os h2{font-size:18px;font-weight:800;color:var(--navy);margin:0 0 16px} .hf-os__r{display:flex;align-items:center;justify-content:space-between;font-size:14.5px;color:var(--body);padding:9px 0} .hf-os__r b{color:var(--navy);font-weight:700} .hf-os__tot{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid rgba(18,43,76,.1);margin-top:8px;padding-top:16px} .hf-os__tot span{font-size:15px;font-weight:700;color:var(--navy)} .hf-os__tot b{font-size:27px;font-weight:800;color:var(--navy);letter-spacing:-.5px} .hf-os__vat{font-size:12px;color:var(--body);text-align:right;margin-top:2px} .hf-os__go{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:16px;padding:16px;background:var(--navy);color:#fff;border:0;border-radius:8px;font-size:14px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;cursor:pointer} .hf-os__go:hover{background:#0a1f3a} .hf-os__ssl{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11.5px;color:var(--body);margin-top:12px}.hf-os__ssl i{color:var(--green-text)} .hf-cpn{display:flex;gap:8px;margin:14px 0 4px} .hf-cpn input{flex:1;min-width:0;border:1px solid rgba(18,43,76,.16);border-radius:8px;padding:12px 14px;font-family:inherit;font-size:14px} .hf-cpn button{flex:none;border:1px solid rgba(18,43,76,.16);background:var(--bg-light);border-radius:8px;padding:0 16px;font-weight:700;color:var(--navy);cursor:pointer} .hf-ship{background:var(--bg-light);border-radius:8px;padding:14px 16px;margin-bottom:18px} .hf-ship__bar{height:7px;border-radius:999px;background:rgba(18,43,76,.12);overflow:hidden} .hf-ship__bar span{display:block;height:100%;background:var(--green);border-radius:999px} .hf-ship p{font-size:12.5px;color:var(--body);margin:8px 0 0;display:flex;align-items:center;gap:6px}.hf-ship i{color:var(--green-text)}.hf-ship b{color:var(--navy)} /* postcode check */ .hf-pc{border:1px dashed rgba(18,43,76,.2);border-radius:8px;padding:16px;margin-top:18px} .hf-pc__h{font-size:13px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:7px;margin-bottom:10px} .hf-pc__h i{color:var(--green-text)} .hf-pc__row{display:flex;gap:8px} .hf-pc__row input{flex:1;min-width:0;border:1px solid rgba(18,43,76,.16);border-radius:8px;padding:11px 13px;font-family:inherit;font-size:14px;text-transform:uppercase} .hf-pc__row button{flex:none;background:var(--navy);color:#fff;border:0;border-radius:8px;padding:0 16px;font-weight:700;font-size:13px;cursor:pointer} .hf-pc__res{font-size:13px;color:var(--green-text);font-weight:600;margin-top:10px;display:none} .hf-pc__res.on{display:block} /* checkout steps */ .hf-steps{display:flex;gap:10px;margin:18px 0 24px;flex-wrap:wrap} .hf-step{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--body);cursor:pointer} .hf-step__n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--bg-light);color:var(--body);font-size:13px;font-weight:800} .hf-step.on{color:var(--navy)}.hf-step.on .hf-step__n{background:var(--navy);color:#fff} .hf-step.done .hf-step__n{background:var(--green);color:var(--green-ink)} .hf-step__sep{color:rgba(18,43,76,.25)} .hf-card{background:#fff;border:1px solid rgba(18,43,76,.1);border-radius:8px;padding:24px;margin-bottom:16px} .hf-card h3{font-size:16px;font-weight:800;color:var(--navy);margin:0 0 16px;display:flex;align-items:center;gap:9px} .hf-card h3 i{color:var(--green-text)} .hf-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .hf-fld{display:flex;flex-direction:column;gap:6px} .hf-fld.full{grid-column:1/-1} .hf-fld label{font-size:12.5px;font-weight:700;color:var(--navy)} .hf-fld input,.hf-fld select{border:1px solid rgba(18,43,76,.16);border-radius:8px;padding:13px 14px;font-family:inherit;font-size:14.5px;color:var(--navy);background:#fff} .hf-fld input:focus,.hf-fld select:focus{outline:0;border-color:var(--green)} .hf-express{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px} .hf-express button{padding:14px;border:0;border-radius:8px;font-size:14px;font-weight:800;cursor:pointer} .hf-express .ap{background:#000;color:#fff}.hf-express .pp{background:#ffc439;color:#0a1f3d} .hf-ordiv{display:flex;align-items:center;gap:12px;color:var(--body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:6px 0 16px} .hf-ordiv::before,.hf-ordiv::after{content:"";flex:1;height:1px;background:rgba(18,43,76,.12)} .hf-dopt{display:flex;align-items:center;gap:13px;border:1.5px solid rgba(18,43,76,.14);border-radius:8px;padding:15px 16px;margin-bottom:10px;cursor:pointer} .hf-dopt.on{border-color:var(--green);background:rgba(74,213,93,.06)} .hf-dopt__r{width:20px;height:20px;border-radius:50%;border:2px solid rgba(18,43,76,.25);flex:none;display:grid;place-items:center} .hf-dopt.on .hf-dopt__r{border-color:var(--green)}.hf-dopt.on .hf-dopt__r::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--green)} .hf-dopt__t{flex:1}.hf-dopt__t b{display:block;font-size:14.5px;color:var(--navy)}.hf-dopt__t small{font-size:12.5px;color:var(--body)} .hf-dopt__p{font-weight:800;color:var(--navy)} .hf-osi{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(18,43,76,.07)} .hf-osi__m{flex:none;width:54px;height:54px;border-radius:8px;overflow:hidden;background:#e7ecf3;position:relative} .hf-osi__m img{width:100%;height:100%;object-fit:cover} .hf-osi__q{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center} .hf-osi__b{flex:1;min-width:0}.hf-osi__n{font-size:13px;font-weight:700;color:var(--navy);line-height:1.3}.hf-osi__f{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--body);margin-top:2px} .hf-osi__p{font-size:14px;font-weight:800;color:var(--navy)} /* account */ .hf-acct{display:grid;grid-template-columns:248px 1fr;gap:28px;align-items:start;padding:24px 0 64px} .hf-acct__side{background:#fff;border:1px solid rgba(18,43,76,.1);border-radius:8px;padding:14px;box-shadow:0 16px 40px -28px rgba(16,35,61,.3);position:sticky;top:18px} .hf-acct__a{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:8px;font-size:14.5px;font-weight:600;color:var(--navy);text-decoration:none;cursor:pointer} .hf-acct__a i{color:var(--body)} .hf-acct__a:hover{background:var(--bg-light)} .hf-acct__a.on{background:var(--navy);color:#fff}.hf-acct__a.on i{color:#fff} .hf-acct__a--out{color:var(--body);margin-top:6px;border-top:1px solid rgba(18,43,76,.08);border-radius:0} .hf-welcome{font-size:14px;color:var(--body);margin:0 0 18px} .hf-welcome b{color:var(--navy)} .hf-ostats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px} .hf-ostat{background:#fff;border:1px solid rgba(18,43,76,.1);border-radius:8px;padding:20px} .hf-ostat__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:rgba(74,213,93,.13);color:var(--green-text);margin-bottom:12px} .hf-ostat__v{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-.5px} .hf-ostat__l{font-size:13px;color:var(--body);margin-top:2px} .hf-otable{background:#fff;border:1px solid rgba(18,43,76,.1);border-radius:8px;overflow:hidden} .hf-otable__h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(18,43,76,.08)} .hf-otable__h h3{font-size:16px;font-weight:800;color:var(--navy);margin:0} .hf-orow{display:grid;grid-template-columns:1.1fr 1fr 1fr .9fr auto;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(18,43,76,.06);font-size:14px} .hf-orow:last-child{border-bottom:0} .hf-orow__id{font-weight:800;color:var(--navy)} .hf-orow__d{color:var(--body)} .hf-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px} .hf-badge--del{background:rgba(74,213,93,.14);color:var(--green-text)} .hf-badge--proc{background:rgba(245,158,11,.15);color:#b45309} .hf-orow__v{font-weight:800;color:var(--navy)} .hf-orow__a{font-size:13px;font-weight:700;color:var(--green-text);text-decoration:none} @media(max-width:900px){.hf-co{grid-template-columns:1fr}.hf-os{position:static}.hf-acct{grid-template-columns:1fr}.hf-acct__side{position:static}.hf-cxgrid{grid-template-columns:repeat(2,1fr)}.hf-ostats{grid-template-columns:1fr}.hf-orow{grid-template-columns:1fr 1fr;row-gap:6px}} /* === COLOUR HARDENING — the live theme has global h1/h2/h3 colour rules (e.g. h2{color:#082746}) that override v2 headings which only INHERIT their colour. Re-assert v2 colours at higher specificity so they always win. === */ .hfv2-page .hfv2-hero h1,.hfv2-page .hfv2-hero h2,.hfv2-page .hfv2-hero h3,.hfv2-page .hfv2-hero__card h1{color:#fff!important} .hfv2-page .hfv2-sec--dark h1,.hfv2-page .hfv2-sec--dark h2,.hfv2-page .hfv2-sec--dark h3,.hfv2-page .hfv2-sec--dark h4{color:#fff!important} .hfv2-page .hfv2-cta h1,.hfv2-page .hfv2-cta h2,.hfv2-page .hfv2-cta h3,.hfv2-page .hfv2-cta h4{color:#fff!important} .hfv2-page .hfv2-reviews h2,.hfv2-page .hfv2-reviews h3,.hfv2-page .hfv2-why h1,.hfv2-page .hfv2-why h2,.hfv2-page .hfv2-why h3,.hfv2-page .hfv2-sample h1,.hfv2-page .hfv2-sample h2,.hfv2-page .hfv2-sample h3{color:#fff!important} .hfv2-page .hfv2-sec--light .hfv2-h2,.hfv2-page .hfv2-feat__h,.hfv2-page .hfv2-spot__h{color:var(--navy)!important} .hfv2-page .hfv2-btn--green{background:var(--green)!important;color:var(--green-ink)!important} .hfv2-page .hfv2-btn--navy{background:var(--navy)!important;color:#fff!important} .hfv2-page .hfv2-btn--ghost{color:#fff!important} .hfv2-page .hfv2-btn--light{background:#fff!important;color:var(--navy)!important} .hfv2-page .hfv2-btn--outline{color:var(--navy)} .hfv2-page .hfv2-eyebrow{color:var(--green-text)} .hfv2-page .hfv2-hero .hfv2-eyebrow,.hfv2-page .hfv2-sec--dark .hfv2-eyebrow,.hfv2-page .hfv2-cta .hfv2-eyebrow,.hfv2-page .hfv2-feat .hfv2-eyebrow,.hfv2-page .hfv2-reviews .hfv2-eyebrow{color:var(--green)}

Your basket

Box
Cobham Walnut Stained Oak 14/3
14 x 150mm · 2.64 m² per box · £42.50/m²
1
£112.20
Pallet
Smoked Oak Herringbone Parquet
Pallet · 126.72 m² · £36.02/m²
1
£4,563.04
Sample
Natural Oak, Sample
Check colour & finish at home first
1
£1.99
HFV2PAGEDOC; } } Shop | Homes & Floors
Shop by category

Find your floor

Browse by category below, or jump straight into the full catalogue of 250+ floors, filtered by style, price and availability.

Browse categories

Every floor type

Engineered Wood
Engineered Wood
34 products
Shop Engineered Wood
Laminate
Laminate
12 products
Shop Laminate
LVT
LVT
36 products
Shop LVT
Parquet
Parquet
15 products
Shop Parquet
Solid Wood
Solid Wood
15 products
Shop Solid Wood
Tiles and Wall Panels
Tiles & Wall Panels
16 products
Explore both ranges
Bespoke Oak CollectionYour pattern, colour and size, made to orderExplore bespoke
Browse everythingAll 250+ floors in one placeShop all
Wood flooring in a modern kitchenFrom £1.99
Sample-first reassurance

See it at home before you commit

Colour shifts with your light. Texture only makes sense in your hand. A sample takes the guesswork out of choosing flooring.

Browse flooring & order samples