/* The basket drawer (version 3 of the basket, 3 Nov 2026) and the small-screen basket icon. The basket page's own
   layouts (versions 1 and 2) are styled in basket.html. Type and rules as the product page's buying block. */
/* the count on the basket icon, top right, the figure centred in the disc (one copy for every page, 3 Nov) */
.hdr .basket{position:relative}
.hdr .basket .bn2{position:absolute;right:-9px;top:-7px;min-width:15px;height:15px;border-radius:8px;background:var(--gold,#A9834F);color:#fff;font:600 8px/1 var(--font-sans);text-align:center;padding:1px 4px 0;display:none;align-items:center;justify-content:center;box-sizing:border-box}
.hdr .basket .bn2.on{display:flex}
/* the basket icon by the burger, below 1024 where the header's right side is hidden */
.hdr .basket.mob{display:none;position:relative;margin:0 22px 0 auto}
.hdr .basket.mob img{width:19px;height:19px;opacity:.85;display:block}
@media (max-width:1023px){.hdr .basket.mob{display:block}}
@media (max-width:575px){.hdr .basket.mob{margin-right:18px}}
/* the drawer */
.sgn.bk{position:fixed;inset:0;z-index:1100;background:rgba(26,26,26,.45);display:none;justify-content:flex-end}
.sgn.bk.on{display:flex;animation:bkFade .2s ease both}
@keyframes bkFade{from{opacity:0}to{opacity:1}}
@keyframes bkSlide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.bk-pn{width:460px;max-width:100%;height:100%;background:#fff;color:var(--ink,#1A1A1A);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.18)}
.sgn.bk.on .bk-pn{animation:bkSlide .3s ease both}
.bk-hd{display:flex;align-items:center;justify-content:space-between;padding:26px 32px 20px;border-bottom:1px solid rgba(26,26,26,.12)}
.bk-hd h3{margin:0;font:300 24px/30px var(--font-serif)}
.bk-hd h3 span{display:inline-block;vertical-align:middle;margin:0 0 4px 8px;min-width:20px;height:20px;border-radius:10px;background:var(--gold,#A9834F);color:#fff;font:600 9px/20px var(--font-sans);text-align:center;padding:0 6px}
.bk-close{background:none;border:0;cursor:pointer;font:200 30px/1 var(--font-serif);color:var(--ink,#1A1A1A);padding:0 0 4px;margin-right:-4px}
.bk-bd{flex:1;overflow:auto;padding:8px 32px 20px;-webkit-overflow-scrolling:touch}
.bk-empty{margin:40px 0;font:italic 300 19px/28px var(--font-serif);color:var(--ink,#1A1A1A)}
.bk-grp{padding-top:18px}
.bk-gh{display:block;font:500 9px/14px var(--font-sans);letter-spacing:2.4px;text-transform:uppercase;color:var(--ink,#1A1A1A);padding-bottom:10px}
.bk-gh small{display:block;font:300 10px/15px var(--font-sans);letter-spacing:.3px;text-transform:none;color:#777;margin-top:3px}
.bk-ln{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;padding:16px 0;border-top:1px solid rgba(26,26,26,.1)}
.bk-im{display:block;aspect-ratio:3/2;background:var(--stone,#F0EEEB);overflow:hidden}
.bk-im img{width:100%;height:100%;object-fit:cover;display:block}
.bk-dt{display:flex;flex-direction:column;gap:5px;min-width:0}
.bk-nm{font:300 15px/20px var(--font-serif);color:var(--ink,#1A1A1A)}
.bk-nm:hover{text-decoration:underline;text-underline-offset:3px}
.bk-sp{font:300 10px/15px var(--font-sans);letter-spacing:.3px;color:#555}
.bk-sp i{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:-1px;margin-right:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.bk-md{font:400 8.5px/12px var(--font-sans);letter-spacing:1.8px;text-transform:uppercase;color:#999}
.bk-qr{display:flex;align-items:center;gap:14px;margin-top:6px}
.bk-qty{display:inline-flex;border:1px solid rgba(26,26,26,.2)}
.bk-qty button{width:30px;height:30px;background:none;border:0;cursor:pointer;font:300 16px/1 var(--font-serif);color:var(--ink,#1A1A1A)}
.bk-qty button[disabled]{color:#ccc;cursor:default}
.bk-qty span{width:34px;display:inline-flex;align-items:center;justify-content:center;font:300 11px/1 var(--font-sans);border-left:1px solid rgba(26,26,26,.2);border-right:1px solid rgba(26,26,26,.2)}
.bk-rm{background:none;border:0;padding:0;cursor:pointer;font:300 10px/14px var(--font-sans);letter-spacing:.3px;color:#999;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(26,26,26,.25)}
.bk-rm:hover{color:var(--ink,#1A1A1A)}
.bk-pr{text-align:right;display:flex;flex-direction:column;gap:4px}
.bk-pr b{font:300 15px/20px var(--font-serif);font-weight:300}
.bk-pr small{font:300 9.5px/13px var(--font-sans);letter-spacing:.2px;color:#999;white-space:nowrap}
.bk-pr s{color:#bbb}
.bk-ft{padding:18px 32px 28px;border-top:1px solid rgba(26,26,26,.12);background:#fff}
.bk-sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.bk-sum span{font:500 9px/14px var(--font-sans);letter-spacing:2.4px;text-transform:uppercase}
.bk-sum small{display:block;font:300 10px/14px var(--font-sans);letter-spacing:.3px;text-transform:none;color:#777;margin-top:3px}
.bk-sum b{font:300 24px/28px var(--font-serif);font-weight:300}
.bk-btn{display:block;text-align:center;font:600 10px/15px var(--font-sans);letter-spacing:2px;text-transform:uppercase;background:#000;color:#fff;padding:16px 24px;transition:background-color .3s}
.bk-btn:hover{background:#333}
.bk-links{display:flex;justify-content:center;gap:28px;margin-top:16px}
.bk-links a{font:400 9px/14px var(--font-sans);letter-spacing:2px;text-transform:uppercase;color:var(--ink,#1A1A1A);border-bottom:1px solid rgba(26,26,26,.3);padding-bottom:2px}
@media (max-width:575px){.bk-hd{padding:20px 20px 16px}.bk-bd{padding:4px 20px 16px}.bk-ft{padding:14px 20px 22px}.bk-ln{grid-template-columns:72px minmax(0,1fr);gap:12px}.bk-pr{grid-column:2;text-align:left;flex-direction:row;align-items:baseline;gap:10px;margin-top:-4px}}