/* Fotos Memórias V328: somente apresentação. Não modifica checkout, QR, assinatura, pagamentos. */
@media(max-width:760px){
 .commerce-overlay[data-fm-visual-step="pix"]{padding:0!important;align-items:flex-end!important}
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-card{
   max-height:calc(100dvh - env(safe-area-inset-top) - 5px)!important;
   padding:10px 13px calc(8px + env(safe-area-inset-bottom))!important;
   border-radius:25px 25px 0 0!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] #commerce-body{display:flex;flex-direction:column;gap:4px}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-progress{
   align-self:flex-start;min-height:0!important;margin:0 0 2px!important;padding:5px 10px!important;font-size:.69rem!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-heading{
   margin:0!important;padding:0!important;min-height:0!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-heading .commerce-kicker{font-size:.61rem!important;line-height:1.1!important;letter-spacing:.15em!important}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-heading h2{font-size:clamp(1.63rem,6.8vw,2.15rem)!important;line-height:.93!important;margin:1px 0 0!important}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-heading::after,.commerce-overlay[data-fm-visual-step="pix"] .commerce-card::after{opacity:.22!important;width:80px!important;height:75px!important;top:2px!important;right:5px!important}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-summary{
   display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
   padding:6px 11px!important;gap:10px!important;margin:3px 0 5px!important;min-height:36px!important;border-radius:18px!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-summary .commerce-summary-copy-v81{order:0!important;min-width:0;flex:1}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-summary .commerce-summary-copy-v81 small{font-size:.76rem!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-summary .commerce-summary-price-v81{order:1!important;min-width:0!important;flex:0 0 auto}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-summary .commerce-summary-price-v81 b{font-family:Manrope,system-ui,sans-serif!important;font-size:1.13rem!important;line-height:1!important;white-space:nowrap}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-box{
   margin:0!important;padding:8px!important;border-radius:21px!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-pix-layout-v81{display:flex!important;flex-direction:column!important;gap:7px!important}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-qr-shell{
   display:flex!important;flex-direction:column!important;align-items:center!important;
   gap:5px!important;padding:7px 8px!important;border-radius:20px!important;
 }
 /* QR keeps sharp black pixels and safe white padding to remain scannable. */
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-qr-shell .commerce-pix-image,
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-qr-shell .commerce-pix-qr img,
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-qr-shell .commerce-pix-qr canvas{
   width:min(205px,54vw)!important;max-width:100%!important;height:auto!important;
   padding:9px!important;border-radius:12px!important;box-sizing:border-box!important;
   background:white!important;aspect-ratio:1/1!important;object-fit:contain!important;image-rendering:auto!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-qr-shell:before{font-size:2rem!important;top:22%!important}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-status{
   padding:6px 8px!important;margin:3px 0 0!important;min-height:28px!important;
   font-size:.67rem!important;line-height:1.2!important;border-radius:13px!important;justify-content:center!important;text-align:center!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-pix-side-v81{display:grid!important;gap:6px!important}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-expiry{
   display:grid!important;grid-template-columns:1fr auto!important;gap:1px 6px!important;
   margin:0!important;padding:8px 11px!important;border-radius:14px!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-expiry span{font-size:.68rem!important}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-expiry strong{font-size:.93rem!important;white-space:nowrap}
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-pix-expiry small{grid-column:1/-1;font-size:.58rem!important;line-height:1.2!important}
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-mini-note-v81{
   padding:6px 10px!important;border-radius:13px!important;min-height:0!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-mini-note-v81 strong{font-size:.66rem!important}
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-mini-note-v81 p{font-size:.67rem!important;line-height:1.25!important;margin:2px 0!important}
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-copy-wrap-v81{display:block!important;min-width:0!important}
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-copy-label{margin:2px 0 3px!important;font-size:.68rem!important}
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-copy-v81{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;align-items:center}
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-copy-v81 input{
   width:100%!important;height:40px!important;min-height:40px!important;box-sizing:border-box!important;
   font-size:.68rem!important;padding:7px 8px!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-copy-v81 button{
   width:100%!important;height:40px!important;min-height:40px!important;padding:0 7px!important;
   border-radius:12px!important;font-size:.79rem!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-inline-link-v81{
   display:flex!important;align-items:center;justify-content:center;margin:0!important;
   min-height:32px!important;font-size:.7rem!important;padding:5px 9px!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-lock-note-v81{
   margin:0!important;padding:4px 7px!important;font-size:.64rem!important;line-height:1.27!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-footer-actions-v81{margin:0!important}
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-cancel-pix-v81{
   margin:0!important;padding:6px 8px!important;min-height:33px!important;font-size:.7rem!important;
 }
}
@media(max-width:760px) and (max-height:740px){
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-qr-shell .commerce-pix-image,
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-qr-shell .commerce-pix-qr img,
 .commerce-overlay[data-fm-visual-step="pix"] .fm82-qr-shell .commerce-pix-qr canvas{
  width:min(174px,48vw)!important;
 }
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-mini-note-v81{display:none!important}
 .commerce-overlay[data-fm-visual-step="pix"] .commerce-lock-note-v81{font-size:.59rem!important}
}
/* V328 carta de resposta mais elegante, mantendo os campos e validações reais. */
#fm225-reply-dialog:modal{width:min(490px,calc(100dvw - 24px))!important;border-radius:27px!important;max-height:calc(100dvh - 30px)!important;background:linear-gradient(160deg,#fffdfd,#fff0f6)!important;border:1px solid #ffffff!important;box-shadow:0 24px 70px #2a091b75!important}
#fm225-reply-dialog .fm225-modal{padding:clamp(15px,4vw,25px)!important;gap:12px!important}
#fm225-reply-dialog .fm225-modal-head{min-height:47px;display:flex;align-items:center;padding:8px 11px!important;border:0!important;border-radius:15px;background:linear-gradient(115deg,#76203f,#a13861);color:#fff;font-size:.83rem;letter-spacing:.02em;box-shadow:0 7px 17px #6a19402e}
#fm225-reply-dialog .fm225-modal-head button{color:#fff;font-size:24px;display:grid;place-items:center;min-height:34px;min-width:34px}
#fm225-reply-dialog .fm225-modal h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(25px,7vw,34px)!important;color:#6a1239!important;line-height:1!important;letter-spacing:-.02em}
#fm225-reply-dialog .fm225-help{font-size:.85rem;line-height:1.5;color:#7d5166}
#fm225-reply-dialog #fm225-reply-form{gap:10px!important}
#fm225-reply-dialog label{font-size:.81rem!important;gap:6px!important;color:#6c2947!important;font-weight:800}
#fm225-reply-dialog input,#fm225-reply-dialog textarea{font-size:16px!important;border:1px solid #deb5c6!important;border-radius:16px!important;min-height:44px;background:#fff!important;padding:11px 12px!important;outline-offset:2px;color:#522438!important}
#fm225-reply-dialog textarea{min-height:104px!important;resize:vertical}
#fm225-reply-dialog .fm225-state:not(:empty){padding:9px 11px;background:#ffe7f0;border-radius:13px;min-height:0;font-size:.76rem!important;color:#66324b}
#fm225-reply-dialog .fm225-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
#fm225-reply-dialog .fm225-actions button{min-height:44px;border-radius:14px;font-size:.81rem;padding:8px 11px}
#fm225-reply-dialog .fm225-primary{border:0;color:#fff;background:linear-gradient(110deg,#812347,#a23a63);box-shadow:0 5px 15px #81234721}
#fm225-reply-dialog .fm225-actions [data-fm225-later]{color:#872d53;border:1px solid #ddbdc9;background:#fff}
@media(max-width:350px){#fm225-reply-dialog .fm225-actions{grid-template-columns:1fr}#fm225-reply-dialog .fm225-actions button{width:100%}}
/* Sino: nunca cria segunda linha na topbar. */
.app-topbar{grid-template-columns:auto minmax(0,1fr) auto auto!important;flex-wrap:nowrap!important;min-width:0!important}
#fm328-reply-bell{position:relative;display:grid;place-items:center;justify-self:end;width:40px;height:40px;min-width:40px;flex-shrink:0;border:1px solid #e8c6d4;border-radius:13px;background:linear-gradient(140deg,#fff9fc,#ffe9f2);color:#82294e;cursor:pointer;touch-action:manipulation}
#fm328-reply-bell[hidden]{display:none!important}
#fm328-reply-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#fm328-reply-count{position:absolute;right:-4px;top:-6px;min-width:16px;height:16px;border-radius:99px;background:#c32261;color:white;font:800 9px/16px Manrope,system-ui,sans-serif;text-align:center;padding:0 2px;box-shadow:0 2px 6px #78204855}
#fm328-reply-count[hidden]{display:none!important}
#fm328-reply-bell:focus-visible{outline:3px solid #d94f84;outline-offset:2px}
@media(max-width:760px){
 body:not(.tele-public-mode):not(.love-public-mode) .app-topbar{grid-template-columns:42px minmax(0,1fr) 36px 36px!important;gap:4px!important}
 body:not(.tele-public-mode):not(.love-public-mode) .app-topbar-brand{max-width:none!important;min-width:0!important;grid-template-columns:30px minmax(0,1fr)!important;gap:5px!important}
 body:not(.tele-public-mode):not(.love-public-mode) .menu-toggle{min-width:42px!important;width:42px!important;height:42px!important;flex-basis:42px!important}
 body:not(.tele-public-mode):not(.love-public-mode) .app-brand-logo-slot{width:29px!important;height:29px!important}
 body:not(.tele-public-mode):not(.love-public-mode) .app-topbar-brand .app-brand-copy strong{font-size:clamp(15px,4.4vw,21px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body:not(.tele-public-mode):not(.love-public-mode) .app-brand-copy small{display:none!important}
 body:not(.tele-public-mode):not(.love-public-mode) .fm-topbar-sound{width:35px!important;min-width:35px!important;height:35px!important;padding:0!important}
 body:not(.tele-public-mode):not(.love-public-mode) .fm-topbar-sound small{display:none!important}
 #fm328-reply-bell{width:35px;height:35px;min-width:35px;border-radius:11px}
}
@media(max-width:350px){body:not(.tele-public-mode):not(.love-public-mode) .app-topbar{grid-template-columns:39px minmax(0,1fr) 32px 32px!important;gap:3px!important;padding-left:5px!important;padding-right:5px!important}#fm328-reply-bell{width:32px;height:32px;min-width:32px}}
#fm328-inbox-dialog:modal{position:fixed!important;inset:0!important;margin:auto!important;width:min(520px,calc(100dvw - 22px))!important;max-height:calc(100dvh - 24px)!important;padding:0;overflow:auto;background:#fff7fa;border:1px solid #efd3df;border-radius:24px;color:#5d2c43;box-shadow:0 22px 68px #280b1b70;box-sizing:border-box}
#fm328-inbox-dialog::backdrop{background:#210b1f9c;backdrop-filter:blur(6px)}
.fm328-inbox{padding:18px;display:grid;gap:12px}
.fm328-inbox-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fm328-inbox-header h2{margin:0;font-size:1.22rem;color:#792747}
.fm328-close{border:0;background:#f8e3ec;color:#7a2b4d;border-radius:12px;min-width:40px;min-height:40px;font-size:21px;cursor:pointer}
.fm328-inbox-intro{font-size:.81rem;margin:0;color:#875c70;line-height:1.45}
#fm328-notice-list{display:grid;gap:9px;max-height:46dvh;overflow:auto}
.fm328-notice{padding:12px 13px;background:white;border:1px solid #eed4df;border-radius:15px;display:grid;gap:5px;overflow-wrap:anywhere}
.fm328-notice.unread{border-color:#cf7fa2;background:#fff1f7}
.fm328-notice strong{color:#7b254a;font-size:.84rem}
.fm328-notice small{color:#977084;font-size:.71rem}
.fm328-notice p{white-space:pre-wrap;font-size:.84rem;line-height:1.45;margin:0;color:#593649}
.fm328-actions{display:flex;flex-wrap:wrap;gap:8px}
.fm328-actions button{min-height:43px;padding:10px 13px;border:1px solid #dfb5c6;border-radius:13px;background:white;color:#7b2548;font-weight:750;cursor:pointer}
.fm328-actions button:first-child{background:#852449;color:white;border-color:#852449}
#fm328-push-info{font-size:.74rem;color:#84566d;line-height:1.4}
#fm328-toast{position:fixed;z-index:2147481000;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(420px,calc(100vw - 28px));box-sizing:border-box;padding:15px 16px;background:#792143;color:#fff;border:1px solid #fff4;border-radius:19px;box-shadow:0 13px 40px #25071d55;display:grid;gap:9px}
#fm328-toast[hidden]{display:none!important}
#fm328-toast button{border:1px solid #fff5;background:#fff;color:#7c2146;border-radius:12px;min-height:42px;font-weight:750;cursor:pointer}
