/* Only responsive adaptation. All desktop Gemini CSS is unchanged. */
@media (max-width:760px) {
 html, body { max-width:100%; overflow-x:clip; }
 .wrap, .container, main, section { min-width:0; }
 .modal-backdrop { padding:10px; }
 .modal-card { box-sizing:border-box; width:min(100%,600px); max-width:calc(100vw - 20px); max-height:calc(100dvh - 20px); overflow-y:auto; overscroll-behavior:contain; }
 #checkout-modal input, #orders-modal input, .recharge-work textarea { box-sizing:border-box; min-width:0; max-width:100%; font-size:16px; }
 .compare-table-wrapper { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
 .btn, button { touch-action:manipulation; }
}
@media (max-width:360px) {
 .modal-backdrop { padding:7px; }
 .modal-card { max-width:calc(100vw - 14px); }
 #checkout-modal .modal-card, #orders-modal .modal-card { padding-inline:12px; }
}