:root{--blue:#003b71;--cyan:#00a9e0;--pink:#e5007d;--red:#ed1c24;--orange:#f7941d;--yellow:#ffd400;--green:#63b32e;--ink:#102234;--mist:#edf4f7;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff}.stripes{height:8px;display:grid;grid-template-columns:repeat(7,1fr)}.stripes i:nth-child(1){background:#ed1c24}.stripes i:nth-child(2){background:#f7941d}.stripes i:nth-child(3){background:#ffd400}.stripes i:nth-child(4){background:#63b32e}.stripes i:nth-child(5){background:#00a9e0}.stripes i:nth-child(6){background:#17489a}.stripes i:nth-child(7){background:#e5007d}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);background:white;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--blue)}.brand-roundel{width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:-1px;box-shadow:inset 0 0 0 4px #fff,0 0 0 2px var(--blue)}.brand strong{font-size:21px;display:block;line-height:1}.brand small{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a{text-decoration:none;color:var(--ink);font-weight:700;font-size:15px}.site-header .nav-cta{background:var(--blue);color:white;padding:13px 18px;border-radius:999px}.menu-button{display:none}.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,28,49,.95) 0%,rgba(2,39,61,.76) 38%,rgba(2,39,61,.08) 72%)}.hero-copy{position:relative;color:white;width:min(650px,86%);margin-left:clamp(24px,8vw,130px);padding:75px 0}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:800;color:#7cdbff}.eyebrow.blue{color:var(--blue)}h1{font-size:clamp(50px,7vw,94px);line-height:.94;letter-spacing:-.065em;margin:0 0 28px}.hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.55;max-width:540px;margin-bottom:34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 23px;border-radius:8px;text-decoration:none;font-weight:800;font-size:15px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}.button-primary{background:var(--cyan);color:#002d4f}.button-light{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.55);color:white;backdrop-filter:blur(8px)}.button-dark{background:var(--blue);color:#fff}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);max-width:1150px;margin:-44px auto 0;position:relative;z-index:4;box-shadow:0 22px 55px rgba(4,43,69,.15)}.quick-links a{background:white;padding:27px 32px;text-decoration:none;color:var(--ink);display:grid;grid-template-columns:32px 1fr;gap:2px 14px;border-right:1px solid #dce7ec}.quick-links a:last-child{border:0}.quick-links span{grid-row:1/3;color:var(--cyan);font-size:13px;font-weight:800;padding-top:3px}.quick-links strong{font-size:17px}.quick-links small{font-size:14px;color:#587080}.specials{padding:120px clamp(24px,8vw,130px)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.section-heading h2,.visit h2{font-size:clamp(38px,5vw,66px);line-height:1;letter-spacing:-.055em;margin:0}.section-heading>p{font-size:18px;line-height:1.65;color:#536a77;margin:0}.deal-card{background:var(--blue);color:white;min-height:400px;padding:55px clamp(32px,6vw,80px);display:flex;align-items:center;justify-content:space-between;gap:50px;border-radius:18px;overflow:hidden;position:relative}.deal-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(0,169,224,.4),transparent 32%)}.deal-copy{max-width:620px;position:relative;z-index:1}.deal-label{text-transform:uppercase;letter-spacing:.16em;color:#7cdbff;font-weight:800;font-size:13px}.deal-copy h3{font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.045em;margin:16px 0}.deal-copy>p:not(.deal-label){color:#c8d9e5;line-height:1.6;font-size:17px;margin-bottom:28px}.deal-numbers{position:relative;display:flex;flex-direction:column;align-items:flex-end;transform:rotate(-5deg)}.deal-numbers b{font-size:clamp(42px,6vw,82px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3);letter-spacing:-.06em}.deal-numbers b:nth-child(2){color:var(--yellow);-webkit-text-stroke:0}.social-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cddce3;padding:32px 0}.social-line p{color:#536a77}.social-line a{color:var(--blue);font-weight:800;text-decoration:none}.social-line span{color:var(--pink);font-size:20px}.visit{display:grid;grid-template-columns:1.05fr .95fr;background:var(--mist);min-height:550px}.visit-copy{padding:95px clamp(24px,8vw,130px)}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:45px 0}.visit-grid small{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#67808d}.visit-grid p{font-size:17px;line-height:1.6}.visit-grid a{color:var(--blue)}.map-art{position:relative;overflow:hidden;background:#d7e6e9;min-height:440px}.road{position:absolute;background:#fff;border:1px solid #bfced3;box-shadow:0 0 0 7px rgba(255,255,255,.4)}.r1{width:140%;height:38px;left:-10%;top:42%;transform:rotate(-12deg)}.r2{height:130%;width:30px;left:58%;top:-15%;transform:rotate(16deg)}.r3{width:90%;height:24px;left:10%;top:72%;transform:rotate(35deg)}.map-art b{position:absolute;left:54%;top:43%;width:68px;height:68px;background:var(--pink);border-radius:50% 50% 50% 8px;transform:rotate(-45deg);box-shadow:0 12px 30px rgba(16,34,52,.22)}.map-art b i{display:block;width:21px;height:21px;border-radius:50%;background:white;margin:23px}.map-art p{position:absolute;left:calc(54% + 84px);top:42%;font-weight:800;font-size:18px;color:var(--blue)}footer{background:#071f32;color:#d3e0e8;padding:60px clamp(24px,8vw,130px) 30px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand p{line-height:1.6}.footer-links{display:flex;justify-content:flex-end;gap:28px;align-items:center}.footer-links a{color:#fff;text-decoration:none;font-weight:700}.legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:25px;margin:0;font-size:12px;color:#91a6b2}.menu-button{font:inherit;border:0;background:var(--blue);color:#fff;padding:10px 14px;border-radius:7px;font-weight:700}
@media(max-width:780px){.site-header{height:76px;padding:0 20px}.brand-roundel{width:42px;height:42px}.brand strong{font-size:18px}.brand small{font-size:11px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:24px;box-shadow:0 18px 30px rgba(0,0,0,.12);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.hero{min-height:620px}.hero-shade{background:linear-gradient(90deg,rgba(1,28,49,.94),rgba(2,39,61,.68))}.hero-copy{margin:0 24px;padding:55px 0;width:auto}.hero-copy>p:not(.eyebrow){font-size:17px}.quick-links{grid-template-columns:1fr;margin:0}.quick-links a{border-right:0;border-bottom:1px solid #dce7ec}.specials{padding:80px 24px}.section-heading{grid-template-columns:1fr;gap:22px}.deal-card{padding:45px 28px}.deal-numbers{display:none}.social-line{align-items:flex-start;flex-direction:column;gap:4px}.visit{grid-template-columns:1fr}.visit-copy{padding:70px 24px}.visit-grid{grid-template-columns:1fr;gap:12px}.map-art{min-height:340px}footer{grid-template-columns:1fr;padding:55px 24px 25px}.footer-links{justify-content:flex-start;flex-wrap:wrap;gap:18px}.legal{grid-column:auto}}

/* Pick n Pay brand guideline alignment, February 2026 */
:root{--blue:#003359;--red:#BE1D37;--promo-red:#FF0000;--yellow:#FFDD00;--green:#69FF00;--charcoal:#191919;--ink:#191919;--mist:#f1f4f6;--cyan:#BE1D37;--pink:#BE1D37;--orange:#BE1D37}
body{font-family:"Aleo",Georgia,serif;color:var(--ink)}
h1,h2,h3,.eyebrow,.deal-label,.deal-numbers,.site-header,.button,.quick-links strong,.quick-links span,.visit-grid small,.map-art p,.footer-links,.legal{font-family:"Rubik",Arial,sans-serif}
.stripes{height:12px;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;background:#fff}
.stripes i{background:var(--blue)!important}
.brand{gap:16px}
.brand img{display:block;width:190px;height:auto}
.brand small{font-family:"Rubik",Arial,sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.button-primary{background:var(--red);color:#fff}
.quick-links span{color:var(--red)}
.eyebrow,.deal-label{color:#fff}
.eyebrow.blue{color:var(--red)}
.deal-card:before{background:radial-gradient(circle at 85% 20%,rgba(190,29,55,.38),transparent 32%)}
.social-line span{color:var(--red)}
.map-art b{background:var(--red)}
footer{background:var(--blue)}
.footer-brand img{width:170px;height:auto;background:#fff;padding:8px;border-radius:4px}
@media(max-width:780px){.brand img{width:145px}.brand{gap:10px}.brand small{font-size:10px}.footer-brand img{width:150px}}

/* Competition entry */
.competition-promo{margin:72px clamp(24px,8vw,130px) 0;padding:44px clamp(28px,5vw,60px);background:var(--blue);color:#fff;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.competition-promo h2{font-family:"Rubik",Arial,sans-serif;font-size:clamp(34px,4vw,54px);line-height:1;margin:0 0 14px;letter-spacing:-.04em}
.competition-promo p:not(.eyebrow){font-size:17px;line-height:1.55;max-width:680px;margin:0;color:#d8e3ea}
.competition-promo .button{min-width:130px;border-color:#fff}
.competition-page{background:var(--mist);padding:70px clamp(18px,6vw,80px) 90px}
.competition-heading{max-width:980px;margin:0 auto 30px;text-align:center;background:var(--blue);color:#fff;padding:52px clamp(22px,5vw,64px);border-radius:18px 18px 0 0}
.competition-heading h1{font-family:"Rubik",Arial,sans-serif;font-size:clamp(42px,6vw,72px);line-height:1;margin:0 0 20px;letter-spacing:-.05em}
.competition-heading>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:720px;margin:0 auto;color:#d8e3ea}
.form-shell{max-width:980px;margin:0 auto;background:#fff;border-radius:0 0 18px 18px;box-shadow:0 18px 50px rgba(0,51,89,.12);overflow:hidden;min-height:760px}
.form-shell iframe{display:block;width:100%;min-height:950px;border:0}
.form-shell noscript p{padding:30px;text-align:center}
.form-shell noscript a{color:var(--blue);font-weight:700}
@media(max-width:780px){.competition-promo{margin:44px 24px 0;padding:36px 26px;align-items:flex-start;flex-direction:column}.competition-page{padding:35px 12px 60px}.competition-heading{padding:40px 22px;margin-bottom:18px}.competition-heading>p:not(.eyebrow){font-size:16px}.form-shell iframe{min-height:1050px}}

/* Employment registration */
.employment-promo{margin:26px clamp(24px,8vw,130px) 0;padding:44px clamp(28px,5vw,60px);background:var(--red);color:#fff;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.employment-promo h2{font-family:"Rubik",Arial,sans-serif;font-size:clamp(34px,4vw,54px);line-height:1;margin:0 0 14px;letter-spacing:-.04em}
.employment-promo p:not(.eyebrow){font-size:17px;line-height:1.55;max-width:720px;margin:0;color:#fff}
.employment-promo .button{min-width:190px;border-color:#fff}
.employment-heading{margin-bottom:0}
.employment-notice{max-width:980px;margin:0 auto;padding:24px clamp(22px,4vw,40px);background:#fff;border-left:6px solid var(--red);font-size:16px;line-height:1.55}
.employment-notice strong{font-family:"Rubik",Arial,sans-serif;color:var(--blue);font-size:18px}
.employment-notice p{margin:7px 0 0;color:#536a77}
.employment-form-shell{border-radius:0 0 18px 18px}
.employment-form-shell iframe{min-height:1350px}
@media(max-width:780px){.employment-promo{margin:22px 24px 0;padding:36px 26px;align-items:flex-start;flex-direction:column}.employment-notice{margin-bottom:18px}.employment-form-shell iframe{min-height:1550px}}