/* Product Drawer V1 — shared Option C presentation.
   2026-08-20: .shop-card__quick sized and centred - font .72rem/800 -> 1rem/700 (11.52px was below the stylesheet its own floor of "16px actions"), padding .25rem/1.2rem asymmetric -> .5rem symmetric, and display:block -> flex centring with min-height:44px. Text now sits 12px clear top and bottom instead of 4px/19px, and the control finally meets the 44px touch target (it was 35px). Letter-spacing eased .1em -> .08em since tracking needs to loosen less at the larger size.
   2026-08-19: .shop-card__quick converted from an absolute pill to an in-flow "View Product" CTA at the card
   bottom - the pill was overlapping the price / "MORE ON THE WAY" status on shop.asp. Matches the homepage. */
.product-drawer-trigger{font:inherit;cursor:pointer}
.shop-card__quick{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:.5rem 1.15rem;border:0;background:transparent;color:var(--color-gold-bright);font:700 1rem/1.15 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;text-align:center;cursor:pointer}
.shop-card__quick:hover,.shop-card__quick:focus-visible{color:#fff;outline:none}
.home-product-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.45rem .75rem}
.home-product-drawer-surface,.home-product-title-trigger{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.home-product-drawer-surface{display:block;width:100%;text-align:left}
.home-product-title-trigger{letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit}
.home-product-quick{padding:0;border:0;background:transparent;white-space:nowrap;color:#765814;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.home-product-quick:hover,.home-product-quick:focus-visible{color:var(--color-ink);text-decoration:underline;text-underline-offset:.25rem}
.shop-showroom-overlay{position:fixed;inset:0;z-index:10040;background:rgba(4,6,8,.58);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.shop-showroom-overlay.is-open{opacity:1;visibility:visible}
.shop-showroom{box-sizing:border-box;position:fixed;top:0;right:0;z-index:10050;width:min(460px,100vw);height:100dvh;display:flex;flex-direction:column;background:#0F1113;color:#F5F5F5;border-left:1px solid rgba(212,175,55,.20);box-shadow:-24px 0 60px rgba(0,0,0,.42);transform:translateX(102%);visibility:hidden;transition:transform .32s cubic-bezier(.22,.61,.36,1),visibility 0s linear .32s}
.shop-showroom.is-open{transform:translateX(0);visibility:visible;transition-delay:0s}
body.shop-showroom-open{overflow:hidden}
.shop-showroom__close{position:absolute;top:.8rem;right:.8rem;z-index:2;display:grid;width:44px;height:44px;place-items:center;border:0;background:rgba(15,17,19,.78);color:#fff;font:300 1.8rem/1 Arial,sans-serif;cursor:pointer}
.shop-showroom__close:hover,.shop-showroom__close:focus-visible{color:#D4AF37;outline:1px solid #D4AF37}
.shop-showroom__scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.35rem 1.35rem 1.1rem}
.shop-showroom__intro{display:grid;grid-template-columns:minmax(120px,142px) 1fr;column-gap:1.25rem;row-gap:1rem;padding-bottom:1.2rem}
.shop-showroom__media{aspect-ratio:var(--product-ratio,4 / 5);background:var(--color-media-well,#171a1d);overflow:hidden;border-radius:7px}
.shop-showroom__media img{width:100%;height:100%;object-fit:contain}
.shop-showroom__summary{min-width:0;padding-top:.55rem}
.shop-showroom__title{margin:0;padding-right:2.5rem;color:#fff;font-size:clamp(1.6rem,4vw,2rem);line-height:1.08;letter-spacing:-.02em}
.shop-showroom__one-line{margin:.35rem 0 0;color:#D4AF37;font-family:Georgia,serif;font-style:italic;line-height:1.4}
.shop-showroom__price{margin:1rem 0 0;color:#D4AF37;font-size:1.2rem;font-weight:800}
.shop-showroom__price .strike,.shop-showroom__price .old-price{margin-left:.45rem;color:#999;font-size:.82em;font-weight:500;text-decoration:line-through}
.shop-showroom__desc{grid-column:1/-1;margin:0;color:#F5F5F5;font-size:.94rem;line-height:1.6}
.shop-showroom__status{display:flex;align-items:center;gap:.65rem;padding:1rem .35rem;border-top:1px solid rgba(212,175,55,.20);border-bottom:1px solid rgba(212,175,55,.20);color:#43c977;font-size:.86rem;font-weight:750}
.shop-showroom__status:before{width:.75rem;height:.75rem;border-radius:50%;background:currentColor;content:""}
.shop-showroom__status.is-out{color:#e4b44b}
.shop-showroom__status[hidden]{display:none}
.shop-showroom__section{display:grid;grid-template-columns:48px 1fr;gap:.85rem;padding:1.05rem 0;border-bottom:1px solid rgba(212,175,55,.20)}
.shop-showroom__section[hidden]{display:none}
.shop-showroom__icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(212,175,55,.65);border-radius:50%;color:#D4AF37}
.shop-showroom__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.shop-showroom__section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#D4AF37}
.shop-showroom__section-head h3{margin:0;color:#D4AF37;font:800 .76rem/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.shop-showroom__section p{margin:.55rem 0 0;color:#F5F5F5;font-size:.9rem;line-height:1.62}
.shop-showroom__details-list{display:flex;flex-wrap:wrap;gap:.45rem .65rem;margin-top:.55rem;color:#F5F5F5;font-size:.78rem;line-height:1.5;text-transform:uppercase}
.shop-showroom__detail+.shop-showroom__detail:before{margin-right:.65rem;color:#D4AF37;content:"•"}
.shop-showroom__purchase-wrap{display:grid;gap:.75rem;margin-top:1.25rem}
.shop-showroom__purchase{margin:0}
.shop-showroom__purchase .button,.shop-showroom__notify{width:100%;min-height:50px}
.shop-showroom__purchase .button{display:flex;align-items:center;justify-content:center;gap:.65rem;background:#D4AF37;color:#0F1113;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.shop-showroom__purchase .button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.shop-showroom__purchase[hidden],.shop-showroom__notify[hidden]{display:none}
.shop-showroom__nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1.2rem;border-top:1px solid rgba(212,175,55,.20);background:#0F1113}
.shop-showroom__nav button{min-width:105px;padding:.65rem .35rem;border:0;background:transparent;color:#D4AF37;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.shop-showroom__nav button:hover,.shop-showroom__nav button:focus-visible{color:#fff;outline:1px solid #D4AF37}
.shop-showroom__position{color:#F5F5F5;font-size:.72rem}
@media(max-width:480px){.shop-showroom{width:100vw}.shop-showroom__scroll{padding:1rem}.shop-showroom__intro{grid-template-columns:1fr}.shop-showroom__media{max-height:330px}.shop-showroom__summary{padding-top:0}.shop-showroom__purchase .button,.shop-showroom__notify{width:100%}}