/* CAFÉ BRUMA — SIGNATURE EDITION / ATENDIA 2026
   Editorial checkout demo — static, local and intentionally non-transactional.
   The existing shop data and V1.2 web presentation remain intact. */
#drawerBackdrop:not([hidden]){background:rgba(9,8,7,.82);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);animation:signatureBackdropIn .42s ease both}
#cartDrawer.signature-checkout{--signature-gold:#ba9873;position:fixed;inset:50% auto auto 50%;z-index:101;display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%);width:min(1120px,calc(100vw - 56px));height:min(820px,calc(100dvh - 60px));max-height:900px;overflow:hidden;color:#2a241f;background:#f4ecdf;border:1px solid rgba(231,215,188,.65);border-radius:8px;box-shadow:0 38px 120px #0009;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-47%) scale(.975);transition:opacity .36s cubic-bezier(.22,.68,0,1),transform .46s cubic-bezier(.16,.85,.24,1),visibility .36s}
#cartDrawer.signature-checkout.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
@keyframes signatureBackdropIn{from{opacity:0}to{opacity:1}}
.signature-scene{background:#241a13;min-width:0;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:37px 34px;color:#f4e8d6}
.signature-scene .scene-photo{position:absolute;inset:0;background:url('assets/iced.webp') center 45%/cover no-repeat;transform:scale(1.085);transition:transform 1.5s cubic-bezier(.19,.65,.26,1);z-index:-2;filter:saturate(.84)}
.signature-checkout.is-open .scene-photo{transform:scale(1)}
.signature-scene .scene-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#17110be8 0%,#17110b24 36%,#1b110a99 70%,#120c09ef 100%),linear-gradient(90deg,#1b120b5e,transparent 90%)}
.signature-scene .scene-top,.signature-scene .scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;letter-spacing:.21em;font-weight:700}
.signature-scene .scene-mark{font:400 30px/1 var(--serif);color:#e2c6a6}
.signature-scene .scene-center{margin:auto 0 42px}
.scene-kicker,.scene-caption{font-size:10px;letter-spacing:.19em;color:#f7e3c7;font-weight:700}
.signature-scene .scene-center p{font:400 clamp(43px,4vw,70px)/1.1 var(--serif);letter-spacing:-.045em;margin:22px 0 26px;text-wrap:balance}
.signature-scene .scene-center p em{color:#e0b887}
.signature-scene .scene-rule{height:1px;background:#f4e6d46f;width:72px;margin-bottom:25px}
.signature-main{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:#f4ecdf}
.signature-header{height:91px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #decfbc;padding:15px 35px 15px 40px;gap:15px}
.signature-brand{display:grid;grid-template-columns:22px auto;column-gap:7px;align-items:baseline;color:#231f1a}
.signature-brand-star{grid-row:1 / 3;font-size:21px;color:#a77c53}
.signature-brand>span:nth-child(2){font:600 31px/.92 var(--serif);letter-spacing:-.07em}
.signature-brand-period{color:#bb8d5e}
.signature-brand small{grid-column:2;font-size:8px;letter-spacing:.14em;font-weight:700;color:#8f755c;margin-top:8px}
.signature-header-end{display:flex;gap:16px;align-items:center}
.signature-demo-indicator{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:.08em;color:#826c57;white-space:nowrap}
.signature-demo-indicator span{width:6px;height:6px;background:#b58b5c;border-radius:50%;box-shadow:0 0 0 4px #b58b5c25}
.signature-close{border:1px solid #cbb9a2;border-radius:50%;display:grid;place-items:center;background:none;width:41px;height:41px;min-width:41px;font:400 27px/1 var(--sans);color:#2c241a;transition:background .2s,color .2s}
.signature-close:hover{background:#2a2119;color:white}
.signature-steps{display:flex;gap:13px;align-items:center;padding:19px 40px 18px;border-bottom:1px solid #dfd1bf;flex:0 0 auto;background:#f7f1e8}
.signature-step{display:flex;gap:8px;align-items:center;color:#8d7965;white-space:nowrap;font-size:11px;font-weight:600;transition:color .2s}
.signature-step .step-index{display:grid;place-items:center;width:26px;height:26px;border:1px solid #cebba4;border-radius:50%;font-size:9px;font-weight:700}
.signature-step.is-current{color:#2a2018;font-weight:800}
.signature-step.is-current .step-index{background:#2d241d;color:#f2e7d7;border-color:#2d241d}
.signature-step.is-done .step-index{background:#c3a480;color:#2d241d;border-color:#c3a480}
.signature-step.is-done{color:#77614a}
.step-connector{height:1px;flex:1;min-width:5px;background:#d3bea6}
.signature-scroll{min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5ac8f transparent;flex:1;padding:35px 40px 25px;scroll-behavior:smooth}
.signature-stage{max-width:650px;margin:0 auto}
.signature-stage.stage-arrive{animation:stageSlideIn .5s cubic-bezier(.16,.85,.25,1) both}
@keyframes stageSlideIn{from{opacity:.35;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.signature-eyebrow{display:block;color:#a17753;font-size:9px;letter-spacing:.21em;font-weight:800;margin-bottom:13px}
.signature-heading h2{font:400 clamp(33px,3vw,45px)/1.1 var(--serif);letter-spacing:-.047em;margin:0 0 14px;color:#252019;text-wrap:balance}
.signature-heading h2 em{font-weight:400;color:#a17c58}
.signature-heading p{color:#817362;font-size:12px;line-height:1.75;margin:0 0 27px;max-width:480px}
.signature-cart-list{display:grid;gap:12px}
.signature-item{display:grid;grid-template-columns:103px minmax(0,1fr) auto;gap:16px;align-items:start;background:#faf7f0;border:1px solid #dfd2bf;padding:12px;box-shadow:0 8px 24px #29201408;animation:stageSlideIn .55s ease both;animation-delay:var(--item-delay,0ms)}
.signature-item>img{width:103px;height:124px;object-fit:cover;filter:saturate(.88)}
.signature-item-body{min-width:0}
.signature-item-kicker{display:block;font-size:8px;letter-spacing:.12em;color:#a98a68;margin-bottom:9px;font-weight:800}
.signature-item-body h3{font:500 clamp(18px,1.7vw,22px)/1.24 var(--serif);margin:0 0 7px;color:#241e17}
.signature-item-unit{font-size:10px;color:#877462}
.signature-item-qty{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:17px}
.signature-quantity{display:inline-flex;align-items:center;height:36px;border:1px solid #c6b5a0;border-radius:22px;background:#f9f4eb;overflow:hidden}
.signature-quantity button{width:37px;height:34px;border:0;background:none;color:#372820;font-size:18px;transition:background .15s}
.signature-quantity button:hover{background:#eadcc8}
.signature-quantity span{min-width:22px;font-size:12px;font-weight:800;text-align:center}
.signature-remove{border:0;background:none;padding:7px 1px;color:#937a62;text-decoration:underline;text-underline-offset:4px;font-size:10px}
.signature-item-amount{display:grid;gap:9px;justify-items:end;white-space:nowrap}
.signature-item-amount span{font-size:8px;color:#a88c6f;letter-spacing:.1em}
.signature-item-amount strong{font-size:14px;font-weight:800;color:#2a2018}
.signature-hint{display:flex;align-items:flex-start;gap:12px;margin:23px 0;color:#897763;font-size:10px;line-height:1.6}
.signature-hint>span{font-size:18px;color:#b7936c}
.signature-empty{text-align:center;padding:35px 12px 42px;border:1px dashed #d2bfa7;background:#f8f2e7}
.signature-empty-art{font-size:45px;color:#bba17f}
.signature-empty h3{font:400 27px/1.25 var(--serif);margin:12px auto;max-width:350px;color:#302317}
.signature-empty p{font-size:12px;color:#74634f;line-height:1.7;margin-bottom:21px}
.signature-empty button{border:1px solid #aa8863;padding:12px 22px;border-radius:30px;color:#282019;background:transparent;font-size:12px}
.signature-methods{display:grid;gap:13px;border:0;margin:0;padding:0}
.signature-methods legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.signature-method{display:grid;grid-template-columns:63px minmax(0,1fr) 27px;align-items:center;gap:16px;position:relative;cursor:pointer;padding:21px 21px 21px 19px;border:1px solid #d7c6af;background:#faf7f0;box-shadow:0 5px 22px #2b20110a;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.signature-method input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0}
.signature-method:focus-within{outline:3px solid #d0a776;outline-offset:3px}
.signature-method.is-selected{background:#2a231c;color:#f8efe3;border-color:#2a231c;box-shadow:0 14px 30px #271e1727;transform:translateY(-2px)}
.method-symbol{width:63px;height:63px;border-radius:50%;display:grid;place-items:center;border:1px solid #d1bca0;background:#eee3d1;color:#3d3024;font:400 25px var(--serif)}
.signature-method.is-selected .method-symbol{background:#c7a881;border-color:#c7a881;color:#22180f}
.method-copy{display:grid;gap:8px}
.method-copy strong{font:400 clamp(18px,2.1vw,26px)/1.2 var(--serif)}
.method-copy small{font:400 11px/1.6 var(--sans);color:#847362}
.signature-method.is-selected .method-copy small{color:#d8c7b2}
.method-check{height:25px;width:25px;border-radius:50%;border:1px solid #c9b49a;display:grid;place-items:center;font-size:12px;color:transparent}
.signature-method.is-selected .method-check{background:#d8b98d;color:#251d15;border-color:#d8b98d}
.signature-mini-receipt{margin-top:24px;border-top:1px solid #d2bda4;padding-top:20px;display:grid;gap:13px}
.signature-mini-receipt>span{font-size:9px;letter-spacing:.15em;color:#8d7359;font-weight:800}
.signature-mini-receipt div{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}
.signature-mini-receipt div strong{font:600 25px var(--serif)}
.signature-heading-final{position:relative}
.signature-finale-mark{position:absolute;right:4px;top:0;font-size:48px;color:#b99b75}
.signature-receipt{background:#fffaf1;border:1px solid #ddcfba;padding:25px 27px 26px;box-shadow:0 16px 43px #49301e16;position:relative}
.signature-receipt:after{content:"";position:absolute;left:10px;right:10px;bottom:-7px;height:7px;background:radial-gradient(circle at 6px 0, transparent 6px, #fffaf1 6.5px) repeat-x;background-size:14px 9px}
.receipt-top{display:flex;justify-content:space-between;gap:14px;font-size:8px;font-weight:700;letter-spacing:.12em;color:#907962}
.receipt-top i{font-style:normal;color:#a78460}
.receipt-title{font:400 clamp(27px,3vw,36px)/1.2 var(--serif);margin:20px 0 23px;color:#2b2119;letter-spacing:-.04em}
.receipt-title em{color:#ac8764}
.receipt-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-block:1px solid #e7d9c6}
.receipt-info span,.receipt-total span{font-size:9px;color:#907c64;font-weight:700;letter-spacing:.12em}
.receipt-info strong{font-size:12px;color:#3a2b1c}
.receipt-lines{display:grid;gap:17px;padding:22px 0}
.signature-receipt-line{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px}
.signature-receipt-name{display:flex;gap:10px;align-items:center}
.signature-receipt-name span{font-size:10px;color:#ae906d}
.signature-receipt-line strong{font-size:12px;white-space:nowrap}
.receipt-total{padding:20px 0 0;border-top:1px solid #ddc9ad;display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.receipt-total strong{font:500 32px/1 var(--serif);color:#2d2218}
.receipt-bottom{margin-top:29px;border-top:1px dashed #d6c2a5;padding-top:17px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#99836a;font-size:8px;letter-spacing:.13em}
.receipt-bottom span:last-child{font-size:23px;color:#af8b64}
.signature-assurance{display:flex;align-items:flex-start;gap:12px;font-size:10px;line-height:1.65;color:#87735d;margin:21px 1px}
.signature-assurance>span:first-child{font:400 27px/.9 var(--serif);color:#b39872}
.signature-footer{flex:0 0 auto;background:#f4ecdf;border-top:1px solid #d9c7af;padding:18px 40px 24px;box-shadow:0 -10px 30px #3d2b1909}
.signature-footer-total{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
.signature-footer-total>span{font-size:9px;font-weight:700;letter-spacing:.16em;color:#987c60}
.signature-footer-total>div{display:flex;align-items:baseline;gap:13px}
.signature-footer-total strong{font:500 31px/1 var(--serif);color:#312419;letter-spacing:-.03em}
.signature-footer-total #footerCount{font-size:10px;color:#98826b}
.signature-footer-actions{display:flex;gap:10px;align-items:center}
.signature-primary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 20px;border:1px solid #2d251e;background:#2d251e;color:#fff4e3;text-align:left;font-size:12px;font-weight:700;letter-spacing:.02em;transition:background .25s,transform .2s}
.signature-primary:not(:disabled):hover{background:#514031;transform:translateY(-1px)}
.signature-primary:disabled{opacity:.45;cursor:not-allowed}
.signature-primary span{font-size:22px;font-weight:400}
.signature-back{flex:0 0 auto;display:flex;align-items:center;gap:9px;border:1px solid #cab398;background:none;padding:17px 15px;color:#493726;font-size:11px;font-weight:600}
.signature-result{min-height:0;color:#716048;font-size:11px;font-weight:600;line-height:1.5}
.signature-result:not(:empty){margin-top:10px}
@media(max-width:1100px){#cartDrawer.signature-checkout{grid-template-columns:minmax(0,34%) minmax(0,66%)}.signature-scene{padding:28px 24px}.signature-scene .scene-center p{font-size:48px}.signature-header,.signature-steps,.signature-scroll,.signature-footer{padding-left:26px;padding-right:26px}}
@media(max-width:780px){
 #cartDrawer.signature-checkout{inset:0;width:100vw;height:100dvh;max-height:none;border-radius:0;border:0;grid-template-columns:1fr;transform:translateY(12px) scale(1)}
 #cartDrawer.signature-checkout.is-open{transform:translateY(0) scale(1)}
 .signature-scene{display:none}
 .signature-header{height:74px;padding:13px 20px;gap:10px}
 .signature-brand>span:nth-child(2){font-size:29px}
 .signature-header-end{gap:9px}
 .signature-demo-indicator{font-size:8px;letter-spacing:.025em;max-width:150px;white-space:normal;line-height:1.35}
 .signature-close{height:40px;width:40px;min-width:40px}
 .signature-steps{padding:17px 20px 15px}
 .signature-scroll{padding:25px 20px 20px}
 .signature-footer{padding:13px 20px max(16px,env(safe-area-inset-bottom))}
 .signature-heading h2{font-size:clamp(32px,7.1vw,46px)}
 .signature-item{grid-template-columns:86px minmax(0,1fr) auto;gap:11px}
 .signature-item>img{height:106px;width:86px}
 .signature-item-body h3{font-size:20px}
 .signature-item-kicker{font-size:7px}
 .signature-item-amount{gap:6px}
 .signature-item-amount strong{font-size:12px}
 .signature-item-amount span{font-size:7px}
 .signature-method{grid-template-columns:52px minmax(0,1fr) 25px;gap:14px}
 .method-symbol{height:52px;width:52px}
 .signature-footer-total strong{font-size:27px}
}
@media(max-width:410px){
 .signature-header{padding-inline:16px}.signature-demo-indicator{max-width:118px}
 .signature-steps{padding:14px 16px;gap:8px}.signature-step{font-size:10px;gap:5px}.signature-step .step-index{width:24px;height:24px}
 .signature-scroll{padding:22px 16px 15px}
 .signature-item{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"image body" "image price";padding:10px;gap:6px 11px}
 .signature-item>img{grid-area:image;width:76px;height:109px}
 .signature-item-body{grid-area:body}.signature-item-amount{grid-area:price;display:flex;align-items:baseline;gap:8px;justify-content:flex-start}
 .signature-item-qty{margin-top:12px;gap:11px}.signature-item-body h3{font-size:18px}
 .signature-item-kicker{line-height:1.3;margin-bottom:5px}
 .signature-item-amount strong{font-size:14px}
 .signature-method{padding:14px 12px;grid-template-columns:45px minmax(0,1fr) 18px;gap:10px}
 .method-symbol{width:45px;height:45px;font-size:21px}
 .method-copy strong{font-size:21px}.method-copy small{font-size:10px}
 .signature-footer{padding-inline:16px}.signature-footer-total>div{gap:8px}.signature-footer-total #footerCount{font-size:9px}
 .signature-footer-total strong{font-size:25px}
 .signature-receipt{padding:20px 17px}.receipt-top{font-size:7px}.receipt-title{font-size:29px}
}
@media(max-height:600px) and (min-width:781px){#cartDrawer.signature-checkout{height:calc(100dvh - 18px)}.signature-header{height:69px}.signature-steps{padding-block:12px}.signature-scroll{padding-top:20px}.signature-footer{padding-block:11px}}
@media(prefers-reduced-motion:reduce){
 #cartDrawer.signature-checkout,#cartDrawer.signature-checkout .scene-photo,.signature-stage.stage-arrive,.signature-item{animation:none!important;transition:none!important}
 #drawerBackdrop:not([hidden]){animation:none}
}