/* Amazon basket drawer, footer disclosure and the "This kit has moved" notice (kits and amazon modes). */

/* Basket buttons from other blocks need basket.js; without it they stay hidden and their links remain. */
html:not(.pb-basket-ready) :is([data-pb-add-kit],[data-pb-add-product]){display:none!important}
html.pb-basket-open{overflow:hidden}

.pb-basket{box-sizing:border-box;position:fixed;inset:0 0 0 auto;width:min(100vw,30rem);max-width:100vw;height:100vh;height:100dvh;max-height:none;margin:0 0 0 auto;padding:0;border:0;background:var(--pi-paper);color:var(--pi-deep);font-size:1rem;line-height:1.5;box-shadow:-12px 0 40px rgb(18 39 31 / .25);overflow:hidden}
.pb-basket::backdrop{background:rgb(18 39 31 / .55)}
.pb-basket[open]{display:flex}
@media (prefers-reduced-motion:no-preference){
 .pb-basket[open]{animation:pb-basket-in .22s ease-out}
 @keyframes pb-basket-in{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
}
.pb-basket *,.pb-basket *::before,.pb-basket *::after{box-sizing:border-box}
.pb-basket-panel{display:flex;flex-direction:column;width:100%;min-width:0;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 1rem 1.25rem}
@media (min-width:480px){.pb-basket-panel{padding-inline:1.5rem}}
.pb-basket-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 -1rem;padding:.75rem 1rem;background:var(--pi-forest);color:#fff}
@media (min-width:480px){.pb-basket-head{margin-inline:-1.5rem;padding-inline:1.5rem}}
.pb-basket-title{margin:0;font-family:var(--pi-display);font-size:1.375rem;line-height:1.2;color:inherit}
.pb-basket-close{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.pb-basket-close:hover{color:var(--pi-yellow)}
.pb-basket-close .mw-icon{width:24px;height:24px}
.pb-basket :focus-visible{outline:3px solid var(--pi-yellow);outline-offset:2px;box-shadow:0 0 0 5px var(--pi-deep)}
.pb-basket-head :focus-visible{box-shadow:none}
.pb-basket-status{margin:.75rem 0 0;font-weight:600}
.pb-basket-status:empty{display:none}
.pb-basket-body{flex:1 0 auto;padding-top:.75rem}
.pb-basket-empty,.pb-basket-loading{margin:.5rem 0;font-size:1.0625rem}
.pb-basket-lines{list-style:none;margin:0;padding:0}
.pb-basket-line{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--pi-rule)}
.pb-basket-line:first-child{padding-top:.25rem}
.pb-basket-line.no-image{grid-template-columns:minmax(0,1fr)}
.pb-basket-line-image{display:block;width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--pi-rule);border-radius:4px}
.pb-basket-line-main{min-width:0}
.pb-basket-line-title{margin:0;font-weight:600;overflow-wrap:anywhere}
.pb-basket-line-note{margin:.125rem 0 .5rem;font-size:.9375rem;color:var(--pi-muted)}
.pb-basket-line.is-coming-soon .pb-basket-line-note{color:var(--pi-alert)}
.pb-basket-line-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.pb-basket-stepper{display:inline-flex;align-items:stretch;border:1px solid var(--pi-forest);border-radius:4px;background:#fff}
.pb-basket-step{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--pi-forest);cursor:pointer}
.pb-basket-step:hover{background:var(--pi-forest);color:#fff}
.pb-basket-step[aria-disabled="true"]{color:#8a948c;cursor:not-allowed;background:transparent}
.pb-basket-step .mw-icon{width:20px;height:20px}
.pb-basket-qty{width:3.25rem;height:44px;padding:0;border:0;border-inline:1px solid var(--pi-rule);background:#fff;color:var(--pi-deep);font:inherit;font-weight:600;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.pb-basket-qty::-webkit-inner-spin-button,.pb-basket-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pb-basket-remove,.pb-basket-clear{min-height:44px;padding:0 .25rem;border:0;background:none;color:var(--pi-forest);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pb-basket-remove:hover,.pb-basket-clear:hover{color:var(--pi-alert)}
.pb-basket-foot{padding-top:1rem}
.pb-basket-foot:empty{display:none}
.pb-basket-summary{margin:0 0 .75rem;font-weight:600}
.pb-basket-handoff{display:grid;gap:.5rem}
.pb-basket-amazon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:56px;padding:.625rem 1rem;border:0;border-radius:4px;background:var(--pi-yellow);color:var(--pi-deep);font:inherit;font-weight:700;font-size:1.0625rem;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer}
.pb-basket-amazon:hover{background:var(--pi-forest);color:#fff}
.pb-basket-newtab{font-size:.8125rem;font-weight:500}
.pb-basket-amazon.is-disabled{background:#e4e8e5;color:var(--pi-deep);cursor:not-allowed}
.pb-basket-amazon.is-disabled:hover{background:#e4e8e5;color:var(--pi-deep)}
.pb-basket-handoff-note{margin:0;font-size:.9375rem;color:var(--pi-muted)}
.pb-basket-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-top:1rem}
.pb-basket-link{display:inline-flex;align-items:center;min-height:44px;color:var(--pi-forest);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pb-basket-disclosure{margin:1.25rem 0 0;padding-top:1rem;border-top:1px solid var(--pi-rule);font-size:.875rem;color:var(--pi-muted)}

/* Footer disclosure line, added by inc/shop/disclosure.php when the saved footer lacks one. */
.pb-footer-disclosure{font-size:.8rem;color:#d6dcd1;margin-top:.5rem}
.pb-native-footer>.pb-footer-disclosure{box-sizing:border-box;width:100%;max-width:var(--pi-container);margin-inline:auto;padding-inline:var(--pi-gutter)}

/* Old WooCommerce product pages in kits mode. */
.pb-kit-moved{margin:1.5rem 0;padding:1.25rem;border-left:4px solid var(--pi-yellow);background:#fff;color:var(--pi-deep)}
.pb-kit-moved-title{margin:0 0 .5rem;font-family:var(--pi-display);font-size:1.375rem;line-height:1.2}
.pb-kit-moved p{margin:.25rem 0 0}
.pb-kit-moved a.pb-kit-moved-link{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;margin-top:.5rem;padding:.75rem 1.25rem;background:var(--pi-forest);color:#fff;font-weight:600;text-decoration:none}
.pb-kit-moved a.pb-kit-moved-link:hover,.pb-kit-moved a.pb-kit-moved-link:focus-visible{background:var(--pi-deep);color:var(--pi-yellow)}
.pb-kit-moved-link .mw-icon{width:20px;height:20px}
