.hp-sack{--sack-ink:#242424;--sack-green:#245639;--sack-gold:#bc9a72;--sack-paper:#f9f8f3;padding-top:32px;padding-bottom:64px;color:var(--sack-ink);scroll-margin-top:160px}.hp-sack [hidden]{display:none!important}.hp-sack__heading{max-width:720px;margin-bottom:32px}.hp-sack__heading h2{font-size:clamp(30px,3.5vw,48px);margin:10px 0 12px}.hp-sack__heading p{line-height:1.6;margin:0}.hp-sack__eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sack-green)}.hp-sack__layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}.hp-sack__tabs{display:flex;overflow:auto;gap:8px;padding-bottom:14px;scrollbar-width:thin}.hp-sack__tabs button{white-space:nowrap;border:1px solid #d9d7cc;border-radius:24px;background:#fff;color:var(--sack-ink);padding:10px 18px;font:inherit;cursor:pointer}.hp-sack__tabs button[aria-pressed=true]{background:var(--sack-green);border-color:var(--sack-green);color:#fff}.hp-sack__search{display:block;margin:6px 0 24px}.hp-sack__search input{width:100%;border:1px solid #d9d7cc;background:#fff;padding:13px 16px;font:inherit;border-radius:0}.hp-sack__products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px}.hp-sack-card{display:flex;flex-direction:column;min-width:0}.hp-sack-card__image{aspect-ratio:1;background:#f6f5f1;display:block;overflow:hidden}.hp-sack-card__image img,.hp-sack-card__image svg{width:100%;height:100%;object-fit:contain}.hp-sack-card h3{font-size:16px;margin:14px 0 5px;line-height:1.4}.hp-sack-card p{font-size:14px;margin:0 0 12px}.hp-sack-card select{width:100%;border:1px solid #d9d7cc;padding:9px;font:inherit;font-size:13px;background:#fff;margin-bottom:10px}.hp-sack-card__add{margin-top:auto;min-height:44px;border:1px solid var(--sack-gold);color:var(--sack-ink);background:#fff;font:inherit;font-size:14px;cursor:pointer}.hp-sack-card__add:disabled{opacity:.5;cursor:not-allowed}.hp-sack-card__add:hover:not(:disabled){background:var(--sack-paper)}.hp-sack__summary{position:sticky;top:var(--hp-sack-sticky-top,150px);background:var(--sack-paper);border:1px solid #e5e1d6;padding:25px;max-height:calc(100dvh - var(--hp-sack-sticky-top,150px) - 20px);overflow:auto;overscroll-behavior:contain}.hp-sack__summary-header{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ded9cb;padding-bottom:18px;margin-bottom:18px}.hp-sack__summary-header span{font-size:27px;color:var(--sack-gold)}.hp-sack__summary-header h3{font-size:23px;margin:0}.hp-sack__base,.hp-sack__total{display:flex;gap:15px;justify-content:space-between}.hp-sack__base{font-size:15px}.hp-sack__personalisation,.hp-sack__note{font-size:12px;line-height:1.6;color:#666}.hp-sack__personalise{font:inherit;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;font-size:13px;color:var(--sack-green);cursor:pointer}.hp-sack__selection{list-style:none;padding:0;margin:20px 0;display:grid;gap:14px}.hp-sack__selected{display:grid;grid-template-columns:42px 1fr;gap:10px;border-bottom:1px solid #e3dfd4;padding-bottom:14px}.hp-sack__selected img{width:42px;height:48px;object-fit:contain;background:#fff}.hp-sack__selected h4{margin:0 0 4px;font-size:14px}.hp-sack__selected p{margin:0;font-size:12px;color:#666}.hp-sack__quantity{display:flex;align-items:center;gap:10px;margin-top:8px}.hp-sack__quantity button{border:1px solid #d9d7cc;background:#fff;color:var(--sack-ink);width:30px;height:30px;cursor:pointer}.hp-sack__quantity span{font-size:13px}.hp-sack__empty{color:#777;font-size:14px;line-height:1.6;padding:20px 0}.hp-sack__count{color:var(--sack-green);font-size:13px}.hp-sack__total{font-size:16px;border-top:1px solid #ded9cb;padding-top:18px}.hp-sack__summary .button{background:var(--sack-green);color:#fff;margin-top:10px}.hp-sack__status{font-size:13px;line-height:1.6}.hp-sack__preview-note{font-size:12px;color:#666;margin-bottom:0}.hp-sack__setup{font-size:14px;padding:24px;background:var(--sack-paper)}.hp-sack :is(button,input,select,a):focus-visible{outline:2px solid var(--sack-green);outline-offset:4px}.hp-sack-cta{margin:16px 0}.hp-sack-cart-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:3px;background:#eef3e9;color:#245639;font-size:12px;margin:8px 0}.hp-sack-cart-tag--sack{background:#245639;color:#fff}.hp-sack-cart-reference{display:block;font-size:11px;color:#777;margin:0 0 8px}@media(min-width:750px){.cart-item:has(.hp-sack-cart-tag--gift) .cart-item__details{border-left:2px solid #bc9a72;padding-left:16px}}@media(max-width:1199px){.hp-sack__layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.hp-sack__products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.hp-sack{padding-top:24px;padding-bottom:36px;scroll-margin-top:100px}.hp-sack__layout{display:flex;flex-direction:column;gap:28px}.hp-sack__browse,.hp-sack__summary{width:100%}.hp-sack__summary{position:static;max-height:none;overflow:visible;padding:20px}.hp-sack__products{gap:24px 12px}.hp-sack-card h3{font-size:14px}.hp-sack__tabs button{font-size:13px;padding:9px 14px}}.hp-sack__test-results{white-space:pre-wrap;overflow-wrap:anywhere;max-height:30rem;overflow:auto;font-size:1.1rem;line-height:1.5;padding:1rem;background:#f4f1eb;border:1px solid #ddd4c6}.hp-sack__reference{margin-top:1.5rem}.hp-sack__reference summary{cursor:pointer}.hp-sack{--sack-ink: #231f20;--sack-paper: #f8f5ef;--sack-line: #ded4c7;--sack-gold: #bc9a72;display:block;background:var(--sack-paper);border-radius:12px;margin-block:24px;padding-block:40px 48px;font-family:var(--font-body-family, sans-serif)}.hp-sack__heading{margin-bottom:28px}.hp-sack__eyebrow{color:#876a48;font-size:11px;letter-spacing:.14em}.hp-sack__heading h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.025em;margin-block:10px 14px}.hp-sack__heading>p:last-child{color:#625c57;font-size:15px}.hp-sack__layout{grid-template-columns:minmax(0,1fr) minmax(290px,330px);gap:32px}.hp-sack__browse{min-width:0}.hp-sack__tabs{gap:8px;padding:2px 2px 12px}.hp-sack__tabs button{border:1px solid #cec0ae;border-radius:6px;background:transparent;padding:10px 16px;min-height:44px;font-size:14px}.hp-sack__tabs button[aria-pressed=true]{background:var(--sack-ink);border-color:var(--sack-ink);color:#fff}.hp-sack__tabs button:hover:not([aria-pressed=true]){background:#eee7dd}.hp-sack__search{margin:4px 0 20px}.hp-sack__search input{min-height:46px;border-color:var(--sack-line);border-radius:6px;color:var(--sack-ink);font-size:14px}.hp-sack__search input::placeholder{color:#756e65;opacity:1}.hp-sack__products{gap:18px 14px}.hp-sack-card{position:relative;padding:12px;border:1px solid var(--sack-line);border-radius:8px;background:#fff;transition:border-color .15s ease}.hp-sack-card[data-hp-selected=true]{border-color:#a98454;box-shadow:inset 0 0 0 1px #a98454}.hp-sack-card__image{position:relative;border-radius:4px;background:#faf9f6}.hp-sack-card[data-hp-selected=true]:after{content:attr(data-hp-selected-label);position:absolute;top:18px;left:18px;max-width:calc(100% - 36px);padding:4px 8px;border-radius:3px;background:#f3eadb;color:#664b29;font-size:11px;line-height:1.4;pointer-events:none}.hp-sack-card h3{font-size:15px;line-height:1.4;margin-top:14px}.hp-sack-card h3 a{color:inherit}.hp-sack-card p{color:#625c57;font-size:13px}.hp-sack-card select{border-color:var(--sack-line);border-radius:4px;min-height:40px;color:var(--sack-ink)}.hp-sack-card__add{border-radius:4px;background:#fff;min-height:44px}.hp-sack-card__add:hover:not(:disabled){background:#f3eadb}.hp-sack-card__add:disabled{background:#efede9;color:#77716a;border-color:#e1ddd6;opacity:1}.hp-sack__summary{background:#eee7dc;border:1px solid #c5ab88;border-radius:8px;padding:24px;scrollbar-width:thin;scrollbar-color:#bc9a72 transparent}.hp-sack__summary-header{border-color:#d6c7b3;padding-bottom:16px;margin-bottom:16px}.hp-sack__summary-header>span{display:none}.hp-sack__summary-header h3{font-size:24px;line-height:1.2;letter-spacing:-.02em}.hp-sack__base{font-size:14px;align-items:baseline}.hp-sack__base>span{min-width:0}.hp-sack__base strong,.hp-sack__total strong{flex-shrink:0}.hp-sack__personalisation{color:#514a42;font-size:13px;margin-block:12px 8px;overflow-wrap:anywhere}.hp-sack__personalise{color:#715536;font-size:13px;min-height:36px;text-align:left}.hp-sack__selection{margin-block:18px;gap:14px}.hp-sack__selected{grid-template-columns:52px minmax(0,1fr);gap:12px;border-color:#d6c7b3}.hp-sack__selected img{width:52px;height:58px;border-radius:4px}.hp-sack__selected h4{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.hp-sack__quantity{gap:0;width:fit-content;border:1px solid #c6b69e;border-radius:4px;background:#fff;overflow:hidden}.hp-sack__quantity button{border:0;width:36px;height:36px;font:inherit}.hp-sack__quantity button:hover{background:#f3eadb}.hp-sack__quantity span{min-width:30px;text-align:center}.hp-sack__empty{color:#686056;font-size:14px;padding-block:12px}.hp-sack__count{color:#715536;font-size:13px}.hp-sack__total{border-color:#d6c7b3;font-size:15px;flex-wrap:wrap;padding-top:16px}.hp-sack__note{color:#686056;font-size:12px}.hp-sack__summary [data-hp-purchase].button{background:var(--sack-ink);color:#fff;border:1px solid var(--sack-ink);border-radius:4px;box-shadow:none;min-height:50px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.4;letter-spacing:.02em;white-space:normal}.hp-sack__summary [data-hp-purchase].button:before,.hp-sack__summary [data-hp-purchase].button:after{display:none}.hp-sack__summary [data-hp-purchase].button:hover:not(:disabled){background:#403833;border-color:#403833}.hp-sack__summary [data-hp-purchase].button:disabled{opacity:.6;cursor:wait}.hp-sack__status{overflow-wrap:anywhere}.hp-sack__status:empty{display:none}.hp-sack :is(button,input,select,a):focus-visible{outline:2px solid #876a48;outline-offset:3px}@media(min-width:750px)and (max-width:1199px){.hp-sack__layout{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.hp-sack__summary{padding:20px}}@media(max-width:749px){.hp-sack{border-radius:0;margin-block:16px;padding-block:28px 32px}.hp-sack__heading{margin-bottom:22px}.hp-sack__heading h2{font-size:30px}.hp-sack__layout{gap:24px}.hp-sack__tabs button{padding-inline:14px;font-size:13px}.hp-sack__products{gap:14px 10px}.hp-sack-card{padding:9px}.hp-sack-card h3{font-size:14px;margin-top:12px}.hp-sack-card[data-hp-selected=true]:after{top:14px;left:14px;font-size:10px;padding:3px 6px}.hp-sack-card__add{font-size:13px}.hp-sack__summary{padding:20px}}@media(prefers-reduced-motion:reduce){.hp-sack-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/154/assets/hp-sack-builder.css.map */