.open-button,.branch-button strong{font-family:"IN Monument Extended",Arial,sans-serif;font-weight:800;letter-spacing:.025em}
.branch-button strong{font-size:27px}
.stock-title,.mobile-intro h1,.mobile-intro h2,.mobile-video-wall h1,.extra-video-section h2{font-family:"IN Didot LT Std",Didot,serif;font-weight:400}
.mobile-case-copy h3,.custom-case-copy h3{font-family:"IN Monument Extended",Arial,sans-serif;font-weight:800;letter-spacing:0}
.receipt-section{position:relative;overflow:hidden;background:linear-gradient(115deg,#f0f1f2 0%,#c6cbd0 35%,#d9dde0 60%,#bfc5cb 100%);min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px 24px 16px;border-top:1px solid #aeb4ba}
.receipt-heading{font:italic 400 clamp(52px,5.5vw,88px)/1 "IN Didot LT Std",Didot,serif;letter-spacing:-.04em;margin:0 0 26px;background:linear-gradient(170deg,#fbfcfd 6%,#626b74 22%,#f9fafb 36%,#9ba2aa 48%,#343b43 54%,#e1e5e8 68%,#717a83 83%,#f3f5f6 96%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 1px #3b434666);text-shadow:none}
.receipt-scene{width:min(480px,100%);aspect-ratio:561/621;position:relative;container-type:inline-size;isolation:isolate}
.receipt-feed{position:absolute;left:11.58645%;top:8.69565%;width:77.00535%;height:91.30435%;z-index:3;clip-path:inset(0 0 100% 0);filter:drop-shadow(1px 9px 8px #232b3230)}
.receipt-feed>img{width:100%;height:100%;object-fit:fill}
.receipt-printer{position:absolute;left:0;top:0;width:100%;height:19.16264%;z-index:4;pointer-events:none;filter:drop-shadow(0 6px 6px #313c4538)}
.receipt-number{position:absolute;left:43.4988%;top:80.943%;width:47%;height:9%;padding:0;border:0;white-space:nowrap;text-align:left;line-height:1;font-family:"IN Didot LT Std",Didot,serif;font-style:italic;font-weight:400;font-size:6.83369cqw;letter-spacing:-.015em;background:transparent;color:#e82da0;pointer-events:none}
.receipt-complete .receipt-feed{clip-path:inset(0)}
.receipt-complete .receipt-number{pointer-events:auto}
.receipt-number:hover{color:#b61580;text-shadow:0 0 10px #ea2e9e22}
.receipt-actions{display:flex;gap:24px;align-items:center;justify-content:center;min-height:76px;padding:18px 25px;width:100%;color:#444950;font-size:13px;flex-wrap:wrap}
.receipt-status{min-width:210px;text-align:right}
.receipt-replay{border:0;border-bottom:1px solid #656970;padding:8px 2px;background:none;font-size:13px}
.receipt-replay:hover{color:#ba1e88;border-color:currentColor}
.video-modal-shell{margin:65px auto;align-self:start;max-height:none}
.video-modal[open]{align-items:start}
.player{max-height:calc(75svh - 65px)}
.modal-close{position:sticky;top:14px;float:right;margin-top:-50px;margin-bottom:12px;z-index:10}
.modal-arrow{top:min(28vw,36svh)}
.creative-notes{clear:both;margin-top:10px;padding:28px 32px 34px;background:linear-gradient(125deg,#f3f4f5,#dfe3e6 55%,#eef0f2);color:#24262a;border-top:3px solid #d8dbdd;box-shadow:0 18px 60px #0002}
.creative-notes-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.creative-notes h2{font-size:18px;font-weight:700;letter-spacing:.06em;margin:0}
.notes-kicker{font-family:"IN Monument Extended",Arial,sans-serif;font-weight:400;font-size:10px;letter-spacing:.07em;color:#8a8f94}
.creative-notes-text{font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;max-width:70em;min-height:84px}
.creative-notes-text.is-empty{background:repeating-linear-gradient(transparent 0 27px,#dfe1e3 27px 28px);max-width:100%;opacity:.65}
.notes-edit{margin-left:auto;border:0;border-bottom:1px solid #9b9fa2;background:transparent;padding:6px 0;color:#4f545b;font-size:13px}
.notes-input{width:100%;resize:vertical;min-height:180px;border:1px solid #bec3c7;background:#fafbfb;border-radius:2px;padding:16px;font:16px/1.8 "IN Source Han Sans","Microsoft YaHei",sans-serif;color:#24262a}
.notes-input:focus{outline:2px solid #df2997;outline-offset:2px}
.notes-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px}
.notes-save-status{flex:1;font-size:12px;color:#70767d;line-height:1.6;margin:0;min-width:200px}
.notes-save,.notes-export{padding:8px 13px;border:1px solid #adb3b8;background:#f8f9f9;font-size:13px}
.notes-save{background:#d4edac;border-color:#abc680}
@media(max-width:700px){
 .receipt-section{min-height:100svh;padding:70px 16px 28px}
 .receipt-scene{width:min(400px,100%);flex:none}
 .receipt-heading{margin-bottom:28px;font-size:58px}
 .receipt-actions{padding:22px 20px;gap:8px}
 .receipt-status{min-width:0;text-align:center;font-size:12px;width:100%}
 .receipt-replay{font-size:12px}
 .video-modal-shell{width:90vw;margin:60px auto 35px;padding-bottom:54px}
 .player{max-height:58svh}
 .video-meta{padding-bottom:16px}
 .modal-close{top:10px;margin-top:-48px}
 .modal-arrow{position:absolute;top:calc(100% - 40px);bottom:auto;transform:none;width:42px;height:40px;font-size:32px;margin:0}
 .modal-prev{left:0}.modal-next{right:0}
 .creative-notes{padding:22px 20px 25px;margin-top:0}
 .creative-notes-head{gap:8px;margin-bottom:18px}
 .creative-notes h2{font-size:17px}.notes-kicker{font-size:9px}
 .notes-edit{font-size:12px}.creative-notes-text{font-size:15px;min-height:92px}
 .notes-toolbar{gap:10px}.notes-save-status{min-width:100%;font-size:11px}
}
.video-meta{background:#191b1edb;padding:14px 16px;text-shadow:none}
.creative-notes{margin-top:0}