body{margin:0;background:#fff}
body{--pri:#004A8F;--prid:#00305E;--acc:#FCAF17;--accink:#00305E;--tint:#EEF3F9;--tint2:#F6F8FB;--line:#DCE4EE;--ink:#14202E;--muted:#4F6075;--dark:#0B2540;--rad:8px;--btnrad:8px;
font-family:'Ubuntu',system-ui,sans-serif;color:var(--ink);background:#fff;min-width:0;font-size:15px;line-height:1.5}
body *{box-sizing:border-box}
body a{color:var(--pri);text-decoration:none}body a:hover{text-decoration:underline}
body :focus-visible{outline:3px solid var(--acc);outline-offset:2px}
body h1,body h2,body h3,body h4{font-family:'Ubuntu',system-ui,sans-serif;font-weight:700;color:var(--prid);margin:0;line-height:1.15;letter-spacing:-.01em}
.pk-w{max-width:1360px;margin:0 auto;padding:0 28px}
.pk-util{background:var(--dark);color:#fff;font-size:13px}
.pk-util .pk-w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.pk-util a{color:#fff;opacity:.9}.pk-util span{opacity:.92}
.pk-hd{background:#fff;border-bottom:1px solid var(--line);position:relative}
.pk-hd .pk-w{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.pk-logo{display:flex;align-items:center;gap:10px}
.pk-logo img{height:44px;width:auto;display:block}
.pk-logo span{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:var(--acc);color:var(--accink);padding:4px 8px;border-radius:var(--btnrad);font-family:'Ubuntu',system-ui,sans-serif}
.pk-srch{flex:1 1 420px;display:flex;align-items:stretch;border:1.5px solid #9AA9BA;border-radius:var(--btnrad);overflow:hidden;background:#fff;min-height:46px;max-width:720px}
.pk-srch select{border:0;border-right:1px solid var(--line);background:var(--tint2);padding:0 12px;font:inherit;font-size:14px;color:var(--ink);min-width:0}
.pk-srch input{flex:1;border:0;padding:0 16px;font:inherit;min-width:0}
.pk-srch button{border:0;background:var(--pri);color:#fff;padding:0 22px;font:inherit;font-weight:700;cursor:pointer}
.pk-acts{display:flex;align-items:center;gap:22px;margin-left:auto;font-weight:600;font-size:14px}
.pk-acts a{display:flex;gap:7px;align-items:center;color:var(--ink);min-height:44px}
.pk-cartn{background:var(--pri);color:#fff;border-radius:999px;font-size:12px;padding:1px 7px}
.pk-nav{background:#fff;border-bottom:1px solid var(--line)}
.pk-nav .pk-w{display:flex;gap:4px 24px;flex-wrap:wrap}
.pk-nav a{color:var(--ink);font-weight:600;font-size:14.5px;padding:12px 0;border-bottom:3px solid transparent}
.pk-nav a:hover,.pk-nav a.pk-on{border-bottom-color:var(--pri);color:var(--pri);text-decoration:none}
.pk-nav a.pk-sale{color:#B3202A}
.pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:var(--btnrad);font:inherit;font-weight:700;font-size:15px;border:2px solid var(--pri);background:var(--pri);color:#fff;cursor:pointer;white-space:nowrap}
body a.pk-btn{color:#fff}body a.pk-btn:hover{text-decoration:none;background:var(--prid);border-color:var(--prid)}
.pk-btn.pk-acc{background:var(--acc);border-color:var(--acc);color:var(--accink)}body a.pk-btn.pk-acc{color:var(--accink)}body a.pk-btn.pk-acc:hover{background:var(--acc);filter:brightness(.93);border-color:var(--acc)}
.pk-btn.pk-line{background:#fff;color:var(--pri)}body a.pk-btn.pk-line{color:var(--pri)}body a.pk-btn.pk-line:hover{background:var(--tint);border-color:var(--pri)}
.pk-btn.pk-sm{min-height:36px;padding:0 14px;font-size:13.5px}
.pk-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--pri)}
.pk-chipx{display:inline-flex;align-items:center;gap:6px;background:var(--tint);color:var(--prid);font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px}
.pk-th{aspect-ratio:7/9;background:var(--tint);border-radius:var(--rad);display:grid;place-items:center;overflow:hidden;position:relative}
.pk-th img{max-width:86%;max-height:88%;width:auto;height:auto;display:block;box-shadow:0 10px 24px rgba(12,24,44,.22),0 1px 3px rgba(12,24,44,.18);border-radius:2px;transition:transform .25s}
.pk-th.pk-land img{max-width:90%;max-height:70%}
a:hover .pk-th img{transform:translateY(-3px) scale(1.02)}
.pk-bdg{position:absolute;top:10px;left:10px;background:var(--prid);color:#fff;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:3px 8px;border-radius:4px;z-index:2}
.pk-grid{display:grid;gap:26px 16px}
.pk-g6{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.pk-g5{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))}
.pk-card{display:flex;flex-direction:column;gap:7px;min-width:0}
.pk-card a.pk-t{color:var(--ink);font-weight:700;font-size:14.5px;line-height:1.3}
.pk-card .pk-m{font-size:13px;color:var(--muted)}
.pk-card .pk-r{display:flex;align-items:center;justify-content:space-between;gap:6px}
.pk-pr{font-weight:800;color:var(--prid);font-size:15px}
.pk-sec{padding-top:54px}
.pk-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.pk-sh h2{font-size:28px}.pk-sh p{margin:6px 0 0;color:var(--muted)}
.pk-sh a{font-weight:700;font-size:14.5px}
.pk-stars{display:inline-flex;gap:1px;vertical-align:-2px}
.pk-ft{margin-top:80px;background:var(--dark);color:#C8D3E0;font-size:14px}
.pk-ft .pk-w{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px;padding-top:48px;padding-bottom:36px}
.pk-ft h4{color:#fff;font-family:'Ubuntu',system-ui,sans-serif;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin:0 0 12px}
.pk-ft a{display:block;color:#C8D3E0;padding:4px 0}.pk-ft a:hover{color:#fff}
.pk-ft .pk-legal{border-top:1px solid rgba(255,255,255,.14);color:#9FB0C3;font-size:12.5px}
.pk-ft .pk-legal .pk-w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;padding-bottom:20px;grid-template-columns:none}
@media (max-width:860px){.pk-ft .pk-w{grid-template-columns:1fr 1fr}.pk-acts{margin-left:0}.pk-w{padding:0 18px}}

.pk-fc{border:1px solid var(--line);border-radius:var(--rad);background:#fff;padding:14px 16px 14px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s}
.pk-fc:hover{box-shadow:0 8px 22px rgba(12,24,44,.10)}
.pk-fc .pk-fi{display:block;background:var(--tint2);border-radius:calc(var(--rad) - 3px);padding:10px 6px}
.pk-fc img{width:100%;height:auto;display:block}
.pk-fc .pk-fr{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.pk-fc .pk-t{font-weight:700;color:var(--ink)}.pk-fc .pk-m{font-size:12.5px;color:var(--muted)}
.pk-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}

.pk-hero{background:var(--tint2);border-bottom:1px solid var(--line)}
.pk-hero .pk-w{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center;padding-top:56px;padding-bottom:56px}
.pk-hero h1{font-size:50px;margin:14px 0 16px}
.pk-hero p.pk-lead{font-size:18px;color:var(--muted);margin:0 0 26px;max-width:540px}
.pk-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:30px;font-size:14px;color:var(--ink);font-weight:600}
.pk-trust span{display:flex;gap:8px;align-items:center}
.pk-hv{position:relative;padding:0 0 60px 40px}
.pk-hv-screen{border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(12,24,44,.28),0 0 0 1px rgba(12,24,44,.12)}
.pk-hv-screen img{width:100%;display:block}
.pk-hv-card{position:absolute;bottom:0;width:21%;box-shadow:0 14px 30px rgba(12,24,44,.35);border-radius:3px;overflow:hidden;background:#fff}
.pk-hv-card img{width:100%;display:block}
.pk-hv-card.pk-a{left:0;transform:rotate(-5deg)}.pk-hv-card.pk-b{left:19%;bottom:-8px;transform:rotate(2deg)}.pk-hv-card.pk-c{left:38%;bottom:6px;transform:rotate(-2deg)}
.pk-tys{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.pk-ty{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--rad);padding:10px 14px 10px 10px;color:var(--ink);background:#fff}
.pk-ty:hover{border-color:var(--pri);text-decoration:none;box-shadow:0 6px 18px rgba(12,24,44,.08)}
.pk-tyi{flex:none;width:56px;height:64px;background:var(--tint);border-radius:6px;display:grid;place-items:center;overflow:hidden}
.pk-tyi img{width:80%;box-shadow:0 3px 8px rgba(12,24,44,.25)}
.pk-m{font-size:13px;color:var(--muted)}
.pk-ccs{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px}
.pk-cc{display:flex;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;background:#fff}
.pk-mos{flex:0 0 44%;display:flex;background:var(--tint);padding:14px 0 14px 14px;gap:0}
.pk-mo{flex:1;display:grid;align-items:center;margin-left:-14px;min-width:0}
.pk-mo img{width:100%;box-shadow:0 8px 18px rgba(12,24,44,.3);border-radius:2px}
.pk-mo:nth-child(1){transform:rotate(-4deg)}.pk-mo:nth-child(2){transform:translateY(-8px);z-index:2}.pk-mo:nth-child(3){transform:rotate(4deg)}
.pk-cb{padding:18px 20px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.pk-cb h3{font-size:20px}.pk-cb p{margin:0;color:var(--muted);font-size:14px}.pk-cb .pk-r{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.pk-cb .pk-btn{align-self:flex-start;margin-top:4px}
.pk-band{margin-top:72px;background:var(--dark);color:#fff}
.pk-band .pk-w{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center;padding-top:60px;padding-bottom:60px}
.pk-band h2{color:#fff;font-size:34px;margin:10px 0 14px}.pk-band p{color:#C8D3E0;font-size:17px;margin:0 0 22px}
.pk-band .pk-eyebrow{color:var(--acc)}
.pk-band img.pk-shot{width:100%;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.5);display:block}
.pk-ticks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px;color:#fff}
.pk-ticks li{display:flex;gap:10px;align-items:flex-start}
.pk-vp{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.pk-vp div{border:1px solid var(--line);border-radius:var(--rad);padding:24px;background:var(--tint2)}
.pk-vp h3{font-size:19px;margin:10px 0 6px}.pk-vp p{margin:0;color:var(--muted)}
.pk-bun{background:var(--tint);border-radius:calc(var(--rad) + 4px);padding:36px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center}
.pk-bun .pk-stack{display:flex;padding-left:20px}
.pk-bun .pk-stack img{width:17%;margin-left:-20px;box-shadow:0 10px 22px rgba(12,24,44,.3);border-radius:2px;background:#fff}
.pk-bun .pk-stack img:nth-child(odd){transform:translateY(8px)}
.pk-bun h2{font-size:30px;margin:8px 0 10px}.pk-bun p{margin:0 0 18px;color:var(--muted)}
.pk-xs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.pk-xs div{border:1px solid var(--line);border-radius:var(--rad);padding:22px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pk-xs h3{font-size:19px}.pk-xs p{margin:0;color:var(--muted)}
@media (max-width:900px){.pk-hero .pk-w,.pk-band .pk-w,.pk-bun{grid-template-columns:1fr}.pk-hero h1{font-size:36px}.pk-ccs{grid-template-columns:1fr}.pk-cc{flex-direction:column}.pk-mos{flex-basis:auto}}


.pk-crumb{font-size:13.5px;color:var(--muted);padding:18px 0 6px}
.pk-ttl{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding-bottom:16px}
.pk-ttl h1{font-size:36px}.pk-ttl p{margin:6px 0 0;color:var(--muted);max-width:680px}
.pk-chips{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}
.pk-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border:1.5px solid #9AA9BA;border-radius:999px;font-weight:600;font-size:14px;color:var(--ink);background:#fff}
body a.pk-chip{color:var(--ink)}body a.pk-chip:hover{background:var(--tint);text-decoration:none}body a.pk-chip.pk-on{background:var(--pri);border-color:var(--pri);color:#fff}
.pk-lay{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;padding-top:26px;align-items:start}
.pk-side{display:flex;flex-direction:column;gap:22px}
.pk-fs{border:0;margin:0;padding:0 0 18px;border-bottom:1px solid var(--line)}
.pk-fs legend{font-family:'Ubuntu',system-ui,sans-serif;font-weight:800;font-size:14.5px;color:var(--prid);padding:0;margin-bottom:6px}
.pk-fs label{display:flex;align-items:center;gap:10px;min-height:34px;font-size:14.5px}
.pk-fs input{width:17px;height:17px;accent-color:var(--pri)}
.pk-fs .pk-n{margin-left:auto;color:var(--muted);font-size:13px}
.pk-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;color:var(--muted)}
.pk-bar select{min-height:40px;font:inherit;padding:0 12px;border:1.5px solid #9AA9BA;border-radius:var(--btnrad);background:#fff;color:var(--ink)}
.pk-pager{display:flex;gap:8px;justify-content:center;margin-top:44px}
.pk-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border:1.5px solid #9AA9BA;border-radius:var(--btnrad);color:var(--ink);padding:0 12px;font-weight:700}
.pk-pager a.pk-on{background:var(--pri);border-color:var(--pri);color:#fff}
.pk-m{font-size:13px;color:var(--muted)}
@media (max-width:900px){.pk-lay{grid-template-columns:1fr}}



.pk-crumb{font-size:13.5px;color:var(--muted);padding:18px 0 14px}
.pk-pd{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.pk-gal{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px}
.pk-tbs{display:flex;flex-direction:column;gap:10px}
.pk-tb{display:grid;place-items:center;aspect-ratio:5/6;background:var(--tint);border-radius:8px;border:2px solid transparent;overflow:hidden}
.pk-tb.pk-on{border-color:var(--pri)}.pk-tb img{width:78%;box-shadow:0 3px 8px rgba(12,24,44,.25)}
.pk-bigth{background:var(--tint);border-radius:var(--rad);display:grid;place-items:center;padding:36px;min-height:620px}
.pk-bigth img{max-height:560px;max-width:100%;width:auto;box-shadow:0 22px 50px rgba(12,24,44,.35),0 2px 6px rgba(12,24,44,.2);border-radius:2px}
.pk-buy{display:flex;flex-direction:column;gap:14px;position:sticky;top:12px}
.pk-buy h1{font-size:32px}
.pk-rate{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted)}
.pk-pricebox{display:flex;align-items:baseline;gap:12px}
.pk-pricebox b{font-size:34px;color:var(--prid)}
.pk-cp{display:flex;gap:12px;align-items:flex-start;background:var(--tint);border-radius:var(--rad);padding:14px 16px;font-size:14.5px}
.pk-cp b{color:var(--prid)}
.pk-opt{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:var(--rad);padding:12px 14px;font-size:14.5px}
.pk-opt input{width:18px;height:18px;margin-top:3px;accent-color:var(--pri)}
.pk-opt .pk-p{margin-left:auto;font-weight:800;white-space:nowrap}
.pk-list{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
.pk-list li{display:flex;gap:10px}
.pk-acc2{border-top:1px solid var(--line);margin-top:6px}body details{border-bottom:1px solid var(--line)}body summary{cursor:pointer;min-height:50px;display:flex;align-items:center;font-weight:700;color:var(--prid)}body details p{margin:0 0 16px;color:var(--muted);max-width:640px}
.pk-m{font-size:13px;color:var(--muted)}
.pk-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.pk-step{border:1px solid var(--line);border-radius:var(--rad);padding:20px;background:var(--tint2)}
.pk-step i{font-style:normal;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pri);color:#fff;font-weight:800;margin-bottom:10px}
.pk-step b{display:block;color:var(--prid);margin-bottom:4px}
.pk-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:22px}
.pk-tabs a{padding:12px 0;font-weight:700;color:var(--ink);border-bottom:3px solid transparent}.pk-tabs a.pk-on{border-color:var(--pri);color:var(--pri)}
.pk-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px}body table.pk-sp{width:100%;border-collapse:collapse;font-size:14.5px}body table.pk-sp th{text-align:left;font-weight:600;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line);width:42%}body table.pk-sp td{padding:10px 0;border-bottom:1px solid var(--line)}
@media (max-width:900px){.pk-pd,.pk-two{grid-template-columns:1fr}.pk-gal{grid-template-columns:1fr}.pk-tbs{flex-direction:row}.pk-buy{position:static}}

/* ---- glue: Hummingbird chrome that would otherwise fight the mockup layout (appended after the generated mockup CSS) ---- */
#header, .header { position: static !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
#footer, .footer { background: transparent !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
#wrapper, .wrapper { padding: 0 !important; margin: 0 !important; max-width: none !important; }
.back-to-top-link, .skip-link { z-index: 50; }
/* header search: the mockup's select + input + button inside one bordered box */
.pk-srch select, .pk-srch input[type=search] { box-shadow: none; }
.pk-srch input[type=search] { -webkit-appearance: none; appearance: none; }
/* PrestaShop's own add-to-cart block inside the mockup's buy box: one quantity, mockup button */
.pk-buy-form .product__actions-qty-add { display: block; }
.pk-buy-form .product-actions__quantity, .pk-buy-form .quantity-button, .pk-buy-form .product__quantity { display: none !important; }
.pk-buy-form .product__availability, .pk-buy-form .product__delivery-infos, .pk-buy-form .product-minimal-quantity { display: none !important; }
.pk-buy-form .product__add-to-cart { width: 100%; }
.pk-buy-form .product__add-to-cart-button { display: inline-flex; width: 100%; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 24px; font-size: 16px; font-weight: 700;
  border-radius: var(--btnrad); border: 2px solid var(--acc); background: var(--acc); color: var(--accink); }
.pk-buy-form .product__add-to-cart-button:hover { filter: brightness(.93); }
/* pages that are not ours (cart, checkout, account, CMS) keep Hummingbird's layout, with the brand's colours and type */
main#wrapper > .container, main#wrapper > .columns-container { max-width: 1360px; margin: 0 auto; padding: 24px 28px; }
body#index main#wrapper > .container, body#category main#wrapper > .container { padding: 0; max-width: none; }
.btn-primary { --bs-btn-bg: var(--pri); --bs-btn-border-color: var(--pri); --bs-btn-hover-bg: var(--prid); --bs-btn-hover-border-color: var(--prid); --bs-btn-active-bg: var(--prid); --bs-btn-active-border-color: var(--prid); border-radius: var(--btnrad); }
.packs-delivery { border: 1px solid var(--line); background: var(--tint2); border-radius: var(--rad); padding: 16px 18px; margin: 18px 0; }
.packs-delivery__list { list-style: none; margin: 0 0 8px; padding: 0; }
.packs-delivery__list li { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.packs-fine { font-size: 13px; color: var(--muted); }

/* "See it in action": videos + screenshots (added to the mockup layout with the new program media, 2026-10-23) */
.pk-act { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 28px; align-items: start; }
.pk-act-v { display: grid; gap: 18px; }
.pk-act-v figure { margin: 0; }
.pk-act-v video { width: 100%; border-radius: var(--rad); background: #000; display: block; box-shadow: 0 12px 30px rgba(12,24,44,.18); }
.pk-act-v figcaption { margin-top: 8px; font-weight: 700; color: var(--prid); }
.pk-act-s { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pk-act-s img { width: 100%; height: auto; display: block; border-radius: var(--rad); border: 1px solid var(--line); }
@media (max-width: 900px) { .pk-act { grid-template-columns: 1fr; } }

/* the mockup's `body a { color: var(--pri) }` must not recolour Bootstrap buttons that are links (cart "Proceed to checkout" etc.) */
body a.btn-primary, body a.btn-primary:hover, body a.btn-primary:focus { color: #fff; text-decoration: none; }
body a.btn-secondary { color: var(--prid); }
body a.btn-outline-primary { color: var(--pri); }
body a.btn-outline-primary:hover { color: #fff; }
body a.btn-link { color: var(--pri); }