.image-wrap .quick-view-button{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid rgba(255,255,255,.72);background:rgba(28,14,18,.86);backdrop-filter:blur(10px);color:#fff;font:600 .82rem/1 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.25s}
.image-wrap .quick-view-button span{font-size:1rem;color:#e3b449}.product-card:hover .quick-view-button,.quick-view-button:focus-visible{opacity:1;transform:none}.image-wrap .quick-view-button:hover{background:#c68a27;border-color:#c68a27}
.quick-view{width:min(940px,calc(100% - 32px));max-width:none;padding:0;border:0;background:#f8f1e7;color:#28181c;box-shadow:0 35px 100px rgba(18,8,11,.48);overflow:visible}
.quick-view::backdrop{background:rgba(19,9,12,.76);backdrop-filter:blur(6px)}.quick-view-layout{display:grid;grid-template-columns:minmax(300px,.82fr) 1.18fr;min-height:620px}.quick-view-media{position:relative;min-height:620px;background:#ddd0c0;overflow:hidden}.quick-view-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(25,10,14,.56))}.quick-view-image{width:100%;height:100%;object-fit:cover;display:block}.quick-view-media>span{position:absolute;z-index:1;left:28px;bottom:26px;color:#fff;font:600 .74rem/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.quick-view-close{position:absolute;z-index:5;right:-16px;top:-16px;width:44px;height:44px;border:1px solid #dac8ae;border-radius:50%;background:#fffaf3;color:#32151e;font:300 1.7rem/1 Arial,sans-serif;box-shadow:0 10px 25px rgba(24,11,15,.24);cursor:pointer}.quick-view-content{display:flex;flex-direction:column;justify-content:center;padding:58px 56px}.quick-view-content .eyebrow{margin:0 0 24px;color:#a66e18}.quick-view-code{margin:0 0 10px;color:#8e7a6b;font:600 .76rem/1 Arial,sans-serif;letter-spacing:.15em}.quick-view-name{max-width:470px;margin:0 0 18px;font:400 clamp(2.3rem,4vw,3.7rem)/.98 Georgia,serif;color:#24171a}.quick-view-swatches{margin:0 0 17px}.quick-view-meta{margin:0 0 30px;color:#756458}.quick-view-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 28px;border-top:1px solid #d8c7ae;border-bottom:1px solid #d8c7ae}.quick-view-facts div{padding:20px 15px 20px 0}.quick-view-facts div+div{padding-left:18px;border-left:1px solid #d8c7ae}.quick-view-facts small{display:block;margin-bottom:8px;color:#9a7952;font:600 .63rem/1 Arial,sans-serif;letter-spacing:.13em}.quick-view-facts strong{font:600 .82rem/1.35 Arial,sans-serif}.quick-view-note{max-width:510px;margin:0 0 28px;color:#6d5d55;line-height:1.7}.quick-view-content>.gold-button{align-self:flex-start;border:0;cursor:pointer}
@media(max-width:760px){.image-wrap .quick-view-button{opacity:1;transform:none}.quick-view{width:calc(100% - 24px);max-height:90vh;overflow:auto}.quick-view-layout{display:block;min-height:0}.quick-view-media{min-height:0;aspect-ratio:4/3}.quick-view-content{padding:34px 24px 38px}.quick-view-name{font-size:2.35rem}.quick-view-facts{grid-template-columns:1fr}.quick-view-facts div,.quick-view-facts div+div{padding:14px 0;border-left:0;border-bottom:1px solid #dfd0bc}.quick-view-facts div:last-child{border-bottom:0}.quick-view-close{position:fixed;right:18px;top:6vh}.quick-view-media>span{left:20px;bottom:18px}}