;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)}



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






The floors UK homeowners are ordering right now.
From £1.99Colour shifts with your light. Texture only makes sense in your hand. A sample takes the guesswork out of choosing flooring.
Browse flooring & order samplesRoom inspiration, practical advice, selected offers and useful updates for your project.
No spam. Unsubscribe any time.