Section (Full Width, padding 0) > HTML Widget Paste this whole file into ONE HTML widget. Images: upload the 4 saso-bf-*.jpg files and the 2 saso-bf-note*.png files to Media Library, then check the 4 image links below match (search "IMAGE:"). =================================================== -->.sbf{--red:#d0141e;--red-d:#a50f17;--ink:#0c0c0c;--ink2:#161616;--gold:#c9973a;--cream:#f5f0e8;--green:#0f4c3b;--txt:#1a1a18; width:100%;font-family:'Nunito Sans',system-ui,sans-serif;color:#fff;background:var(--ink);overflow:hidden;box-sizing:border-box} .sbf *,.sbf *::before,.sbf *::after{box-sizing:border-box} .sbf a{text-decoration:none} .sbf img{display:block;max-width:100%} .sbf-wrap{max-width:1320px;margin:0 auto;padding:0 32px}/* HERO */ .sbf-hero{background:var(--ink);padding:72px 0 80px;position:relative} .sbf-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--red)} .sbf-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center} .sbf-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;font-size:16px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff} .sbf-dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(208,20,30,.25)} .sbf-h1{margin:0 0 24px;font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.01em} .sbf-h1 span{display:block} .sbf-h1-a{font-size:clamp(34px,4.2vw,60px);color:var(--gold);letter-spacing:.04em} .sbf-h1-b{font-size:clamp(58px,8.4vw,124px);color:#fff} .sbf-h1-c{font-size:clamp(40px,5.4vw,80px);color:#fff} .sbf-h1-c em{font-style:normal;background:var(--red);color:#fff;padding:0 .18em;display:inline-block;transform:rotate(-2deg);margin-left:.08em} .sbf-lead{font-size:20px;line-height:1.6;color:#fff;max-width:560px;margin:0 0 30px} .sbf-btns{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 28px} .sbf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 30px;font-size:18px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;transition:transform .15s ease,background .15s ease} .sbf-btn:hover{transform:translateY(-2px)} .sbf-btn-red{background:var(--red);color:#fff} .sbf-btn-red:hover{background:var(--red-d);color:#fff} .sbf-btn-line{border:2px solid #fff;color:#fff} .sbf-btn-line:hover{background:#fff;color:var(--ink)} .sbf-btn svg{width:22px;height:22px;flex:none} .sbf-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:17px;color:#fff} .sbf-facts li{display:flex;align-items:center;gap:8px} .sbf-facts svg{width:20px;height:20px;color:var(--gold);flex:none} .sbf-hero-pic{position:relative} .sbf-hero-pic img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.55)} .sbf-hero-pic::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:3px solid var(--red);border-radius:6px;z-index:0} .sbf-hero-pic img{position:relative;z-index:1} .sbf-sticker{position:absolute;z-index:2;left:-34px;bottom:-34px;width:176px;height:176px;border-radius:50%;background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-10deg);box-shadow:0 14px 30px rgba(0,0,0,.45);border:4px solid #fff} .sbf-sticker span{font-size:17px;font-weight:700;line-height:1.1} .sbf-sticker strong{font-size:30px;font-weight:900;text-transform:uppercase;line-height:1.05} .sbf-tag{position:absolute;z-index:2;top:18px;right:18px;background:var(--ink);color:#fff;font-size:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;border-radius:3px;border:1px solid rgba(255,255,255,.3)}/* FALLING POUND NOTES (hero) */ .sbf-hero{overflow:hidden} .sbf-money{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden} .sbf-fall{position:absolute;top:-200px;animation:sbf-fall linear infinite} .sbf-sway{display:block;animation:sbf-sway ease-in-out infinite alternate} .sbf-fall img{display:block;width:var(--w,130px);height:auto;max-width:none;animation:sbf-flip ease-in-out infinite;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))} .sbf-n1{left:4%;--w:140px;animation-duration:9s;animation-delay:0s} .sbf-n1 .sbf-sway{animation-duration:2.2s}.sbf-n1 img{animation-duration:2.6s} .sbf-n2{left:46%;--w:120px;animation-duration:10.5s;animation-delay:-3.5s} .sbf-n2 .sbf-sway{animation-duration:2.6s}.sbf-n2 img{animation-duration:3s} .sbf-n3{left:80%;--w:135px;animation-duration:9.5s;animation-delay:-6s} .sbf-n3 .sbf-sway{animation-duration:2.4s}.sbf-n3 img{animation-duration:2.4s} .sbf-n4{left:28%;--w:105px;animation-duration:12s;animation-delay:-8s} .sbf-n4 .sbf-sway{animation-duration:2.9s}.sbf-n4 img{animation-duration:3.4s} .sbf-n5{left:64%;--w:110px;animation-duration:11s;animation-delay:-1.5s} .sbf-n5 .sbf-sway{animation-duration:2.5s}.sbf-n5 img{animation-duration:2.8s} @keyframes sbf-fall{from{top:-200px}to{top:105%}} @keyframes sbf-sway{from{transform:translateX(-55px) rotate(-18deg)}to{transform:translateX(55px) rotate(18deg)}} @keyframes sbf-flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}} @media (max-width:600px){.sbf-fall img{width:calc(var(--w,130px)*.62)}.sbf-n4,.sbf-n5{display:none}} @media (prefers-reduced-motion:reduce){.sbf-money{display:none}}/* TICKER */ .sbf-ticker{background:var(--red);overflow:hidden;white-space:nowrap;padding:16px 0} .sbf-track{display:inline-flex;animation:sbf-scroll 32s linear infinite} .sbf-track span{font-size:22px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:0 26px;display:inline-flex;align-items:center;gap:26px} .sbf-track span::after{content:"";width:10px;height:10px;background:#fff;transform:rotate(45deg);display:inline-block} @keyframes sbf-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.sbf-track{animation:none}}/* WHY */ .sbf-why{background:var(--cream);color:var(--txt);padding:88px 0} .sbf-kicker{display:block;font-size:16px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--red);margin:0 0 10px;text-align:center} .sbf-h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(32px,3.6vw,52px);line-height:1.1;margin:0 0 48px;text-align:center;color:var(--txt)} .sbf-h2 em{font-style:italic;color:var(--red)} .sbf-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} .sbf-card{background:#fff;border-radius:6px;padding:34px 28px;border-top:5px solid var(--red);box-shadow:0 10px 28px rgba(0,0,0,.06)} .sbf-ico{width:60px;height:60px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 0 20px} .sbf-ico svg{width:30px;height:30px} .sbf-card h3{font-size:22px;font-weight:900;margin:0 0 10px;color:var(--txt)} .sbf-card p{font-size:17px;line-height:1.6;margin:0;color:#3d3b36}/* CATEGORIES */ .sbf-cats{background:#fff;color:var(--txt);padding:88px 0} .sbf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} .sbf-tile{position:relative;display:block;border-radius:6px;overflow:hidden;background:var(--ink);color:#fff} .sbf-tile img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .5s ease;background:#fff} .sbf-tile:hover img{transform:scale(1.06)} .sbf-tile-txt{position:absolute;left:0;right:0;bottom:0;padding:70px 22px 22px;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,0))} .sbf-tile-txt strong{display:block;font-size:26px;font-weight:900;text-transform:uppercase;line-height:1.05;color:#fff} .sbf-tile-txt span{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;border-bottom:3px solid var(--red);padding-bottom:3px} .sbf-tile-badge{position:absolute;top:14px;left:14px;background:var(--red);color:#fff;font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:3px}/* BRANDS */ .sbf-brands{background:var(--ink2);padding:80px 0;text-align:center} .sbf-brands .sbf-h2{color:#fff;margin-bottom:34px} .sbf-brands .sbf-h2 em{color:var(--gold)} .sbf-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1100px;margin:0 auto} .sbf-pills span{font-size:18px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;border:2px solid rgba(255,255,255,.28);border-radius:40px;padding:12px 24px} .sbf-pills span.sbf-more{border-color:var(--red);background:var(--red)}/* VISIT */ .sbf-visit{background:var(--cream);color:var(--txt);padding:88px 0} .sbf-visit-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:stretch} .sbf-visit-info{background:var(--ink);color:#fff;border-radius:6px;padding:44px 40px;display:flex;flex-direction:column;justify-content:center} .sbf-visit-info h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3vw,44px);line-height:1.1;margin:0 0 26px;color:#fff} .sbf-visit-info h2 em{color:var(--gold)} .sbf-row{display:flex;gap:16px;align-items:flex-start;margin:0 0 20px;font-size:19px;line-height:1.5;color:#fff} .sbf-row svg{width:26px;height:26px;color:var(--red);flex:none;margin-top:2px} .sbf-row a{color:#fff;font-weight:800} .sbf-row strong{display:block;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)} .sbf-visit-info .sbf-btns{margin:14px 0 0} .sbf-map{border-radius:6px;overflow:hidden;min-height:420px;background:#ddd} .sbf-map iframe{width:100%;height:100%;min-height:420px;border:0;display:block}/* FINAL CTA */ .sbf-final{background:var(--red);padding:72px 0;text-align:center} .sbf-final h2{margin:0 0 12px;font-weight:900;text-transform:uppercase;font-size:clamp(34px,4.6vw,66px);line-height:1;color:#fff} .sbf-final p{font-size:21px;margin:0 0 30px;color:#fff} .sbf-final .sbf-btns{justify-content:center;margin:0} .sbf-final .sbf-btn-red{background:var(--ink)} .sbf-final .sbf-btn-red:hover{background:#000}/* RESPONSIVE */ @media (max-width:1100px){ .sbf-cards,.sbf-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:900px){ .sbf-hero{padding:48px 0 70px} .sbf-hero-grid,.sbf-visit-grid{grid-template-columns:1fr} .sbf-hero-pic{margin:20px 14px 30px 30px} .sbf-sticker{width:136px;height:136px;left:-24px;bottom:-30px} .sbf-sticker strong{font-size:23px} .sbf-sticker span{font-size:15px} } @media (max-width:600px){ .sbf-wrap{padding:0 20px} .sbf-cards,.sbf-grid{grid-template-columns:1fr} .sbf-tile img{aspect-ratio:16/10} .sbf-btn{width:100%} .sbf-why,.sbf-cats,.sbf-visit{padding:60px 0} .sbf-brands{padding:60px 0} .sbf-visit-info{padding:34px 24px} .sbf-track span{font-size:18px} .sbf-lead{font-size:18px} }

SASO Sofa & Bed Superstore · Castleford

Let's talk Black Friday deals in store

Save pounds on quality sofas, beds and mattresses from the biggest brands, all with free delivery. Come in, try before you buy, and let's talk about a deal.

Visit the superstore Call 01977 559979