/* Editorial coffee cards: product colors remain faithful to the source image. */
.q-hero-art .q-pack,.q-product-visual img{mix-blend-mode:normal!important;filter:none!important;opacity:1!important}
.q-product .q-coffee-flip{display:block;width:100%;height:540px;padding:0;border:0;background:none;color:var(--q-brown);font:inherit;text-align:left;cursor:pointer;perspective:1400px;overflow:visible;isolation:isolate;appearance:none}
.q-coffee-flip:focus-visible{outline:3px solid var(--q-orange);outline-offset:6px}
.q-flip-inner{position:relative;display:block;width:100%;height:100%;pointer-events:none;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,.7,.2,1)}
.q-coffee-flip.is-flipped .q-flip-inner{transform:rotateY(180deg)}
.q-flip-face{position:absolute;inset:0;display:block;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--q-card-color);border:1px solid #502c1e12}
.q-flip-front{transform:rotateY(0deg)}
.q-flip-front>img{position:absolute;width:310px;height:500px;max-width:none;object-fit:cover;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.75);pointer-events:none}
.q-flip-front .q-visual-word{z-index:0}
.q-flip-front .q-visual-caption{bottom:52px;z-index:2}
.q-flip-front .q-visual-number{z-index:2}
.q-flip-hint{position:absolute;left:26px;bottom:24px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.02em;z-index:2}
.q-flip-hint i{font:22px/1 Arial,sans-serif;font-style:normal}
.q-flip-back{transform:rotateY(180deg);padding:42px 36px 64px;display:flex;flex-direction:column;justify-content:center}
.q-flip-eyebrow{font:12px QueiraKapra,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.q-flip-title{display:block;font:400 clamp(32px,3vw,48px)/1.05 AgpMoranga,Georgia,serif;margin:17px 0 20px;max-width:100%}
.q-flip-score{display:block;font:44px/1 AgpMoranga,Georgia,serif;margin-bottom:16px}
.q-flip-score small{font:12px/1.3 Arial,sans-serif;display:block;margin-top:6px}
.q-flip-notes{display:block;font-size:17px;line-height:1.5;margin-bottom:22px;white-space:pre-line}
.q-flip-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px;border-top:1px solid #502c1e38;font-size:13px;line-height:1.5}
.q-flip-facts b{display:block;font:11px QueiraKapra,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.q-flip-back .q-flip-hint{opacity:.8}
@media(max-width:600px){.q-product .q-coffee-flip{height:460px}.q-flip-front>img{width:270px;height:430px}.q-flip-back{padding:30px 25px 60px}.q-flip-title{font-size:35px}.q-flip-notes{font-size:15px}.q-flip-facts{gap:14px;font-size:12px}.q-flip-front .q-visual-word{font-size:44px;left:22px}.q-flip-hint{left:24px;font-size:10px}.q-flip-front .q-visual-caption{left:24px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.q-flip-inner{transition:none}}
.q-coffee-flip{filter:drop-shadow(0 14px 15px #502c1e20);transition:filter .5s ease}
.q-coffee-flip.is-flipped{filter:drop-shadow(0 25px 22px #502c1e38)}
.q-flip-face{box-shadow:inset 0 1px 0 #ffffffc0,inset 0 -2px 0 #502c1e18}
.q-flip-front:after,.q-flip-back:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff50}
.q-flip-score{display:flex;align-items:center;gap:16px;font-size:76px;line-height:.95;margin:0 0 17px;letter-spacing:-.05em}
.q-flip-score small{max-width:110px;font:12px/1.5 AgpMoranga,Georgia,serif;letter-spacing:.04em;margin:0}
.q-score-explanation{display:block;font-size:13px;line-height:1.6;margin:0 0 16px;max-width:440px}
.q-flip-back:has(.q-flip-score){padding-top:30px;padding-bottom:58px}
.q-flip-back:has(.q-flip-score) .q-flip-title{font-size:34px;margin:12px 0 18px}
.q-flip-back:has(.q-flip-score) .q-flip-notes{font-size:15px;margin-bottom:14px}
.q-flip-back:has(.q-flip-score) .q-flip-facts{padding-top:14px;gap:14px}
@media(max-width:600px){.q-flip-back:has(.q-flip-score){padding:23px 24px 52px}.q-flip-back:has(.q-flip-score) .q-flip-title{font-size:29px;margin:10px 0 12px}.q-flip-score{font-size:64px;margin-bottom:12px}.q-score-explanation{font-size:11px;line-height:1.5;margin-bottom:12px}.q-flip-back:has(.q-flip-score) .q-flip-notes{font-size:13px;margin-bottom:12px}.q-flip-facts{font-size:11px}.q-flip-back .q-flip-eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.q-coffee-flip{transition:none}}