body[data-packs-design] {--pack-ink:#f4f1e7;--pack-muted:#bcc3b4;--pack-line:#394335;--pack-gold:#ded09d;background:#10160f;color:var(--pack-ink)}
body[data-packs-design] main.wrap{max-width:1480px;width:100%;padding:28px 32px 72px;margin:auto}
body[data-packs-design] .packShowcase{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;padding:34px 0 46px;border-bottom:1px solid var(--pack-line);margin-bottom:28px}
.packEyebrow{font:600 11px/1.5 Arial,sans-serif;letter-spacing:2.2px;color:var(--pack-gold);margin:0 0 20px}
.packShowcase h1{font:500 clamp(34px,4vw,60px)/1.1 Oswald,Arial,sans-serif;letter-spacing:-.7px;margin:0 0 22px;text-transform:none}
.packIntro{font:16px/1.75 Arial,sans-serif;color:var(--pack-muted);max-width:500px;margin:0 0 24px}
.packHeroButton{display:inline-flex;gap:35px;align-items:center;background:var(--pack-gold);color:#1b2419;padding:14px 20px;font:600 14px Arial,sans-serif;text-decoration:none;border-radius:5px}
.packHeroButton:hover{background:#f3e4af}.packHeroNotes{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px;font:12px/1.5 Arial,sans-serif;color:var(--pack-muted)}
.packHeroNotes span:before{content:'✓';color:var(--pack-gold);padding-right:7px}
.packHeroVisual{background:#fff;border:1px solid #e6e9df;border-radius:12px;overflow:hidden;box-shadow:0 16px 50px #0004;transform:rotate(-1deg)}
.packHeroVisual>img{display:block;width:100%;height:auto;aspect-ratio:2.34;object-fit:contain;background:white}
.packHeroVisual>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ddd;padding:15px 20px;color:#283323;font:600 12px/1.5 Arial,sans-serif;letter-spacing:.3px}
body[data-packs-design] .packFilters{position:sticky;top:var(--pack-sticky-top,155px);z-index:20;display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(180px,1fr) minmax(160px,.75fr) auto;gap:16px;align-items:end;background:#1b2418f5;border:1px solid #47533f;border-radius:10px;padding:18px 20px;box-shadow:0 8px 28px #0003;margin:28px 0 18px;backdrop-filter:blur(12px)}
body[data-packs-design] .packFilters label{display:grid;gap:8px;min-width:0;font:600 12px Arial,sans-serif;color:#dde2d4}
body[data-packs-design] .packFilters input,body[data-packs-design] .packFilters select{width:100%;min-width:0;max-width:none;min-height:46px;border:1px solid #627057;border-radius:5px;background:#111a0e;color:#fff;padding:11px 12px;font:14px Arial,sans-serif;outline-offset:3px}
body[data-packs-design] .packFilters input::placeholder{color:#a8b39d}
.packReset{min-height:46px;border:1px solid #657357;background:transparent;border-radius:5px;color:#e6e8df;padding:10px 14px;font:13px Arial,sans-serif;cursor:pointer}
body[data-packs-design] .packFilters>[role=status]{grid-column:1/-1;margin:0;font:12px/1.5 Arial,sans-serif;color:#c2c9b8}
body[data-packs-design] .packThemes{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 42px}
body[data-packs-design] .packThemes a{font:12px/1.4 Arial,sans-serif;border:1px solid #46523c;border-radius:30px;padding:9px 14px;background:transparent;text-transform:none;color:#d4dccc;text-decoration:none}
body[data-packs-design] .packThemes a:hover,body[data-packs-design] .packThemes a:focus-visible{background:#33402a;color:#fff;outline-offset:3px}
body[data-packs-design] .packTheme{margin:0 0 56px;scroll-margin-top:245px}
body[data-packs-design] .packTheme>h2{display:flex;align-items:center;gap:14px;font:500 clamp(24px,2.2vw,32px)/1.3 Oswald,Arial,sans-serif;letter-spacing:.2px;text-transform:none;border-bottom:1px solid #46513c;margin:0 0 24px;padding:0 0 16px;color:#f1f1e8}
.packSectionCount{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border:1px solid #566247;border-radius:5px;color:#d9e2c9;background:#293322;font:12px Arial,sans-serif}
body[data-packs-design] .packTheme .products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}
body[data-packs-design] .product{display:flex!important;flex-direction:column;position:relative;min-width:0;overflow:hidden;border:1px solid #47533d!important;border-radius:9px!important;background:#1b2418!important;padding:0!important;box-shadow:0 7px 20px #0002;transition:transform .18s ease,border-color .18s ease}
body[data-packs-design] .product[hidden]{display:none!important}
body[data-packs-design] .product:hover{transform:translateY(-3px);border-color:#b3bc91!important}
body[data-packs-design] .product>a:first-child{display:block;background:white!important;margin:0!important;border-radius:0!important;overflow:hidden}
body[data-packs-design] .product .pic,body[data-packs-design] .product>a:first-child>img{height:235px!important;min-height:0!important;background:white!important;display:block!important;width:100%!important;aspect-ratio:auto!important}
body[data-packs-design] .product .pic img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:white!important}
body[data-packs-design] .product>a:first-child>img{object-fit:contain!important;padding:8px}
body[data-packs-design] .product .info{display:flex;flex-direction:column;flex:1;padding:21px 22px 14px!important;gap:0}
body[data-packs-design] .product h2,body[data-packs-design] .product h3{font:500 23px/1.35 Oswald,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#f3f1e7!important;margin:0 0 14px!important;min-height:62px;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
body[data-packs-design] .product h2 a,body[data-packs-design] .product h3 a{color:inherit;text-decoration:none}
body[data-packs-design] .product .info>p:not(.sku):not(.productSku){display:none!important}
body[data-packs-design] .product .sku,body[data-packs-design] .product .productSku{display:block!important;font:11px/1.7 Consolas,monospace!important;color:#bdc7af!important;letter-spacing:.2px;margin:0 0 12px!important;overflow-wrap:anywhere}
.packCardScales{font:12px/1.7 Arial,sans-serif;color:#b6c2a9;margin-bottom:14px}
.packCardPrice{display:flex!important;justify-content:space-between;gap:10px;align-items:baseline;padding-top:14px;border-top:1px solid #3f4b35;margin-top:auto;font:500 28px/1.2 Oswald,Arial,sans-serif;color:#f0dfaa}
.packCardPrice small{font:12px/1.5 Arial,sans-serif;color:#c6ceba}
body[data-packs-design] .product>.shopScaleLink,body[data-packs-design] .product>.shopButton{display:flex!important;justify-content:space-between;align-items:center;margin:0 22px 22px!important;border:1px solid #9aa780;border-radius:4px;min-height:45px;padding:10px 15px;background:#303d25!important;color:#f8faef!important;font:600 13px/1.5 Arial,sans-serif!important;white-space:normal;text-decoration:none}
body[data-packs-design] .product>.shopScaleLink:after,body[data-packs-design] .product>.shopButton:after{content:'→';font-size:19px;font-weight:400}
body[data-packs-design] .product>.shopIconButton{position:absolute!important;top:12px!important;right:12px!important;width:36px;height:36px;min-width:0;border-radius:50%;border:1px solid #c8cdbf;background:#fff!important;color:#253420!important;box-shadow:0 3px 8px #0002}
body[data-packs-design] .product>.badge{position:absolute;top:14px;left:14px;z-index:1;font:10px Arial,sans-serif}
.packEmpty{font:16px/1.7 Arial,sans-serif;text-align:center;border:1px dashed #6a775b;border-radius:8px;padding:35px;color:#d4dcc7;margin:25px 0}
.packEmpty[hidden]{display:none}
@media(min-width:1650px){body[data-packs-design] main.wrap{max-width:1520px}.packShowcase{gap:80px}}
@media(max-width:1050px){body[data-packs-design] .packFilters{grid-template-columns:1.4fr 1fr}.packReset{width:100%}body[data-packs-design] .packShowcase{gap:28px}.packShowcase h1{font-size:40px}body[data-packs-design] .packTheme .products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body[data-packs-design] main.wrap{padding:18px 18px 45px}body[data-packs-design] .packShowcase{grid-template-columns:1fr;gap:26px;padding:12px 0 30px}.packShowcase h1{font-size:38px}.packIntro{font-size:14px}.packHeroVisual{transform:none}.packHeroNotes{gap:10px;font-size:11px}body[data-packs-design] .packFilters{position:static;grid-template-columns:1fr 1fr;padding:14px;gap:12px}body[data-packs-design] .packFilters>label:first-child{grid-column:1/-1}.packReset{grid-column:1/-1;min-height:38px}.packThemes{gap:6px!important}body[data-packs-design] .packThemes a{flex:0 1 auto;font-size:11px;padding:8px 11px}body[data-packs-design] .packTheme .products{grid-template-columns:1fr;gap:22px}body[data-packs-design] .product .pic,body[data-packs-design] .product>a:first-child>img{height:215px!important}body[data-packs-design] .product h2,body[data-packs-design] .product h3{min-height:0;font-size:23px!important}body[data-packs-design] .packTheme{scroll-margin-top:160px;margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){body[data-packs-design] .product{transition:none}body[data-packs-design] .product:hover{transform:none}}

/* Approved colourised RDP panorama, displayed without cropping the figures. */
body[data-packs-design] .packShowcase.packsRdpBanner{display:block;position:relative;padding:0;margin:10px 0 28px;gap:0;border:1px solid #45513b;border-radius:10px;overflow:hidden;isolation:isolate}
.packsRdpBanner .packsRdpImage{display:block;width:100%;height:auto;aspect-ratio:2163/727;object-fit:contain}
.packsRdpBanner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,7,.84),rgba(8,15,7,.55) 23%,transparent 42%);z-index:0;pointer-events:none}
.packsRdpBanner .packShowcaseCopy{position:absolute;left:34px;top:50%;transform:translateY(-50%);width:29%;z-index:1}
.packsRdpBanner .packEyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:14px}
.packsRdpBanner h1{font-size:clamp(30px,3.3vw,49px);line-height:1.12;margin-bottom:15px;text-shadow:0 2px 12px #0008}
.packsRdpBanner .packIntro{font-size:14px;line-height:1.6;color:#f2f0df;margin-bottom:20px;max-width:250px}
.packsRdpBanner .packHeroButton{padding:12px 16px;gap:22px;font-size:13px}
@media(max-width:800px) and (min-width:651px){.packsRdpBanner .packShowcaseCopy{left:22px;width:30%}.packsRdpBanner h1{font-size:30px}.packsRdpBanner .packIntro{display:none}.packsRdpBanner .packEyebrow{font-size:9px}.packsRdpBanner .packHeroButton{font-size:11px;padding:10px}}
@media(max-width:650px){body[data-packs-design] .packShowcase.packsRdpBanner{display:flex;flex-direction:column;margin:0 0 22px}.packsRdpBanner:after{display:none}.packsRdpBanner .packShowcaseCopy{position:static;transform:none;width:100%;padding:23px;background:#1a2417}.packsRdpBanner h1{font-size:34px}.packsRdpBanner .packIntro{margin-bottom:18px}.packsRdpBanner .packsRdpImage{width:100%;height:auto}}