/* ========== Mobile Devices (320px - 767px) ========== */
@media screen and (min-width: 320px) and (max-width: 767px) {
    
    /* Login Page */
    .login.bl-login {
        padding-top: 20px;
        padding-bottom: 30px;
        padding-left: 8px;
        padding-right: 8px;
    }

    /* Signup Page - mobile */
    .signup-page .login.bl-login.signup-login {
        padding-top: 16px;
        padding-bottom: 24px;
        padding-left: 6px;
        padding-right: 6px;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }

    .signup-page .signup-logo-section {
        flex-shrink: 0;
        padding: 0 8px;
    }

    .signup-page .signup-logo {
        max-width: 180px;
        margin: 0 auto;
        display: block;
    }

    .signup-page .login__form {
        flex: 1;
    }

    .signup-page form#dataform .row > [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 4px;
    }

    .signup-page .signup-form-bottom {
        flex-shrink: 0;
        padding: 16px 12px 24px;
        margin-top: auto;
    }

    .signup-page .signup-form-bottom h4 {
        font-size: 14px !important;
        flex-wrap: wrap;
        word-break: break-all;
        justify-content: center;
        text-align: center;
    }

    .signup-page .signup-form-bottom p {
        font-size: 13px !important;
    }

    .login-logo {
        max-width: 140px;
    }

    .login__text {
        font-size: 13px;
    }

    .login__input, input {
        padding: 20px 15px !important;
        padding-left: 50px !important;
        margin-bottom: 15px;
        border-radius: 10px;
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    form#dataform .form-group .login__input {
        padding-left: 50px !important;
    }

    form#dataform .form-group img {
        height: 28px !important;
        left: 12px !important;
        top: 50% !important;
        transform: translateY(-50%);
    }

    .login__icon img {
        width: 100px;
    }

    form#dataform {
        padding: 18px 12px !important;
        margin: 12px 8px !important;
        border-radius: 12px;
    }

    .login__btn {
        height: 48px;
        font-size: 16px !important;
    }

    .form-bottom {
        margin-top: 16px;
        padding: 0 8px;
    }

    .form-bottom h4 {
        font-size: 15px !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    .form-bottom p {
        font-size: 13px !important;
    }

    .forget .login__text,
    .already-account .login__text {
        font-size: 13px !important;
    }

    /* Header & Navigation */
    header {
        padding: 8px 5px !important;
    }

    .dashboard-logo {
        font-size: 14px !important;
        padding-left: 10px !important;
    }

    .price-box {
        margin-right: 5px;
        column-gap: 5px;
    }

    .price-box img {
        width: 18px !important;
    }

    .price-box p {
        font-size: 12px !important;
    }

    .left-menu {
        width: 250px !important;
    }

    .left-menu.collapsed {
        z-index: 9999;
        left: 0;
        opacity: 1;
    }

    /* Dashboard */
    .highlights {
        position: absolute;
        top: 84px;
        left: 1%;
        background: white;
        padding: 15px;
        animation: unset !important;
    }

    .middle-content {
        margin-top: 10px;
    }

    .middle-content .col-5 {
        margin: 10px 0;
    }

    .top-content-area-wrapper {
        padding: 10px 5px;
    }

    .top-box {
        padding: 15px 10px !important;
        margin: 5px !important;
    }

    .top-box img {
        width: 30px !important;
        height: 30px !important;
    }

    .top-box p {
        font-size: 12px !important;
    }

    /* Index page - mobile */
    .index-page-body .ratan-dashboard {
        padding-top: 50px;
        padding-top: calc(50px + env(safe-area-inset-top, 0));
    }

    .index-page-body header .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .index-header-btns {
        gap: 4px;
        justify-content: flex-end;
        flex-wrap: nowrap !important;
    }

    .index-hdr-btn {
        padding: 6px 8px !important;
        font-size: 0.65rem !important;
        min-height: 36px;
    }

    .index-hdr-btn span {
        display: none;
    }

    .index-hdr-btn img {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px;
        min-height: 18px;
    }

    .index-page-body .dashboard-logo {
        font-size: 14px !important;
    }

    .index-hero {
        padding: 14px 12px 18px;
    }

    .index-hero .welcome-text {
        font-size: 1rem;
    }

    .index-hero .app-name {
        font-size: 1.4rem;
    }

    .index-available-heading {
        padding: 0 12px 14px;
    }

    .index-available-heading h2 {
        font-size: 1.1rem;
    }

    .index-available-heading p {
        font-size: 0.8rem;
    }

    .game-list-area .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .game-list-area .row {
        margin-left: -6px;
        margin-right: -6px;
    }

    .game-list-area .row > [class*="col-"] {
        padding-left: 6px;
        padding-right: 6px;
        margin-bottom: 4px;
    }

    .index-game-card {
        padding: 12px 14px;
    }

    .index-game-card .game-name {
        font-size: 0.9rem;
        padding-right: 80px;
        word-break: break-word;
    }

    .index-game-card .badge-running,
    .index-game-card .badge-closed {
        font-size: 0.65rem;
        padding: 3px 8px;
        top: 10px;
        right: 10px;
    }

    .index-game-card .bid-times {
        font-size: 0.75rem;
        flex-wrap: wrap;
    }

    .index-game-card .chart-link {
        font-size: 0.8rem;
    }

    .index-game-card .btn-play-now {
        min-height: 44px;
        font-size: 0.85rem;
        padding: 10px 14px;
    }

    .index-top-area .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .index-top-link {
        min-height: 44px;
        display: flex;
    }

    .index-top-link .top-box {
        width: 100%;
        padding: 12px 8px !important;
        justify-content: center;
    }

    .index-top-link .top-box p {
        font-size: 11px !important;
    }

    .index-dashboard-scroll {
        padding-bottom: 90px;
        padding-bottom: calc(90px + env(safe-area-inset-bottom, 0));
    }

    /* Game List */
    .game-list-area {
        margin-top: 0px !important;
        padding-bottom: 100px !important;
        padding-top: 5px !important;
    }

    .table-content {
        margin-bottom: 5px !important;
    }

    .table-content .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .ratan-dashboard {
        padding-bottom: 80px !important;
    }

    .table-content {
        margin: 5px 0;
    }

    .table-sub.bl-bg {
        padding: 8px 5px !important;
        margin-bottom: 5px !important;
    }

    .table-content {
        margin-bottom: 5px !important;
    }

    .table-sub .col-3,
    .table-sub .col-6 {
        padding: 5px !important;
    }

    .table-sub h6 {
        font-size: 14px !important;
    }

    .table-sub .mobile {
        font-size: 11px !important;
    }

    .table-sub .time {
        font-size: 11px !important;
        flex-wrap: wrap;
    }

    .table-sub .time p {
        font-size: 10px !important;
        margin-bottom: 5px;
    }

    .play-ic {
        font-size: 12px !important;
    }

    .play-ic img {
        width: 35px !important;
    }

    .status {
        font-size: 11px !important;
    }

    /* Game Rate Page */
    .bonus-box {
        padding: 15px 10px !important;
        margin: 10px 5px !important;
    }

    .bonus-box .left p {
        font-size: 14px !important;
    }

    /* Add Fund Page */
    .add-fund-page {
        padding: 10px 5px !important;
    }

    /* Wallet page - mobile */
    .wallet-page {
        padding-bottom: 24px;
    }

    .wallet-content.add-fund-page {
        padding: 16px 12px 30px !important;
        min-height: auto;
    }

    .wallet-content .price {
        padding: 0 6px;
    }

    .wallet-content .price h4 {
        font-size: 14px !important;
    }

    .wallet-content .price input.date {
        padding: 12px 10px !important;
        font-size: 14px !important;
    }

    .wallet-content .play-btn {
        min-height: 48px;
        font-size: 16px !important;
        padding: 12px 20px;
    }

    .wallet-bonus-box {
        flex-wrap: wrap;
        gap: 10px;
        padding: 14px 12px !important;
        margin-top: 24px !important;
    }

    .wallet-bonus-box .left p:first-child {
        font-size: 14px !important;
    }

    .wallet-bonus-box .left p:last-child {
        font-size: 11px !important;
    }

    .wallet-bonus-box .right .play-btn {
        min-width: 80px;
    }

    /* Withdraw page - mobile */
    .withdraw-page {
        padding-bottom: 24px;
    }

    .withdraw-content.add-fund-page {
        padding: 16px 12px 30px !important;
    }

    .withdraw-container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .withdraw-time {
        padding: 12px 14px !important;
    }

    .withdraw-time p {
        font-size: 13px !important;
    }

    .withdraw-methods ul {
        gap: 12px;
    }

    .withdraw-method-item {
        cursor: pointer;
        padding: 8px;
    }

    .withdraw-method-item img {
        max-width: 40px;
        height: auto;
    }

    .withdraw-select {
        font-size: 14px !important;
        padding: 12px 14px !important;
        min-height: 48px;
    }

    .withdraw-form-area .fill-amt input {
        font-size: 16px !important;
        min-height: 48px;
        padding: 12px 14px 12px 48px !important;
    }

    /* Add Point / Withdraw: ₹ aur number overlap na ho mobile par */
    .price .fill-amt input#amount-box,
    .price .fill-amt input#amount,
    form#payment-form .fill-amt input[type="number"] {
        padding-left: 48px !important;
        font-size: 16px !important;
    }

    .withdraw-form-area .play-btn.my-btn {
        min-height: 50px;
        font-size: 16px !important;
    }

    .withdraw-note p {
        font-size: 12px !important;
    }

    .copy-text {
        max-width: 100% !important;
        padding: 8px !important;
    }

    .copy-text .text {
        font-size: 14px !important;
    }

    .barcode-img-wrapper img {
        width: 120px !important;
        height: 120px !important;
    }

    /* Profile & History Pages */
    .profile {
        margin-top: 10px !important;
        padding: 10px 5px !important;
    }
    section.profile.mt-2,
    section.profile.win-history-header,
    body > section.profile:first-of-type {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .top-header {
        padding: 12px 16px !important;
    }

    /* Profile page - mobile */
    .profile-page-body {
        padding-bottom: 24px;
    }

    .profile-page .profile .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .profile-page .top-header {
        padding: 12px 14px !important;
    }

    .profile-page .profile-container {
        margin: 14px 0 !important;
        padding: 18px 14px !important;
    }

    .profile-page .profile-image {
        max-width: 100px;
    }

    .profile-page .profile-container .form-control {
        padding: 12px 14px !important;
        font-size: 16px !important;
    }

    .profile-page .profile-container button[type="submit"] {
        min-height: 48px;
        font-size: 16px !important;
    }

    .top-header p {
        font-size: 14px !important;
    }

    .sub-box.bl,
    .main-bx.bl {
        padding: 10px !important;
        margin-bottom: 8px !important;
    }

    .sub-box.bl p,
    .main-bx.bl p {
        font-size: 12px !important;
    }

    .sub-box.bl h5,
    .main-bx.bl h5 {
        font-size: 14px !important;
    }

    /* Play Game Page - mobile */
    .play-game-page {
        padding-bottom: 20px;
    }

    .play-game-header .top-header {
        padding: 12px 10px !important;
    }

    .play-game-container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .play-game-page .row.bl-game-page > [class*="col-"] {
        padding: 6px !important;
    }

    .play-game-page .top-box.bl.play-game-card {
        padding: 14px 10px 10px !important;
        margin: 6px auto !important;
        height: 115px !important;
        min-height: 105px !important;
        border-radius: 14px !important;
    }

    .play-game-page .top-box.bl.play-game-card .cont h6 {
        font-size: 11px !important;
    }

    .play-game-page .top-box.bl.play-game-card::before {
        width: 52px !important;
        height: 52px !important;
        top: 36% !important;
    }

    .play-game-link {
        display: block;
        min-height: 44px;
    }

    /* Form Elements */
    form#dataform {
        padding: 15px 10px !important;
        margin: 15px 10px !important;
    }

    .play-btn {
        margin-top: 13px;
        font-size: 16px !important;
        padding: 12px !important;
    }

    /* Marquee */
    marquee {
        font-size: 12px !important;
    }

    marquee a {
        font-size: 12px !important;
    }

    /* Container */
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Footer */
    footer {
        padding: 10px 5px !important;
        font-size: 12px !important;
    }

    /* Table Content Responsive */
    .table-sub .row {
        margin: 0 !important;
    }

    .table-sub .col-12 {
        padding: 5px !important;
    }

    .grow-ic img {
        width: 25px !important;
        height: 25px !important;
    }

    /* Index - game cards */
    .table-content .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
        max-width: 100%;
    }

    .table-sub.bl-bg .row {
        gap: 4px 0;
    }

    .table-sub h6 {
        word-break: break-word;
        line-height: 1.3;
    }

    .table-sub .mobile {
        word-break: break-all;
    }

    .grow-ic-link {
        display: inline-flex;
        padding: 6px;
        min-width: 44px;
        min-height: 44px;
        align-items: center;
        justify-content: center;
    }

    .table-sub .time {
        gap: 6px;
    }

    .table-sub .time .play-ic,
    .table-sub .time .is_market_close_btn {
        min-height: 44px;
        padding: 6px 10px;
    }

    /* Date Inputs */
    input[type="date"] {
        font-size: 14px !important;
        padding: 8px !important;
    }

    /* Bid History & Win History */
    .left-bx, .center-bx, .right-bx {
        width: 100% !important;
        display: block !important;
        text-align: left !important;
        margin-bottom: 5px;
    }

    .main-bx.bl {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    /* Win History page - mobile */
    .win-history-page {
        padding: 8px 10px !important;
        min-height: 100vh;
    }

    .win-history-header .top-header {
        padding: 12px 10px !important;
        gap: 10px;
    }

    .win-history-header .top-header p,
    .win-history-header .top-header p.mb-0 {
        font-size: 14px !important;
    }

    .win-history-content.add-fund-page {
        padding: 15px 8px 30px !important;
        min-height: auto;
    }

    .win-history-content .bl-date {
        padding: 12px 8px !important;
    }

    .win-history-content .price h4 {
        font-size: 14px !important;
    }

    .win-history-content .price input.date {
        padding: 10px 8px !important;
        font-size: 14px !important;
    }

    .win-history-content .play-btn {
        min-height: 48px;
        font-size: 16px !important;
    }

    .win-history-list {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .win-history-page .main-bx.bl {
        padding: 12px 10px !important;
        margin-top: 10px !important;
    }

    .win-history-page .left-bx p,
    .win-history-page .center-bx p,
    .win-history-page .right-bx p {
        font-size: 12px !important;
        word-break: break-word;
    }

    .win-history-page .left-bx p:first-child,
    .win-history-page .center-bx p:first-child,
    .win-history-page .right-bx p:first-child {
        font-size: 13px !important;
    }

    /* Chart Page */
    .chart-container {
        overflow-x: auto;
    }

    /* Bid Page */
    .bid-page .container {
        padding: 10px 5px !important;
    }

    /* Input Fields */
    input[type="number"],
    input[type="text"],
    input[type="email"],
    select {
        font-size: 14px !important;
        padding: 10px !important;
    }

    /* Buttons */
    button, .btn {
        font-size: 14px !important;
        padding: 10px 15px !important;
    }

    /* Images */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Touch Friendly */
    a, button, .btn {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Prevent horizontal scroll */
    body, html {
        overflow-x: hidden !important;
        max-width: 100vw;
    }

    /* Scrollable containers */
    .ratan-dashboard {
        -webkit-overflow-scrolling: touch;
    }

    /* Better spacing for touch */
    .bl-menu li {
        padding: 8px 0;
    }

    .bl-menu li a {
        padding: 5px 10px;
    }
}

/* ========== Tablet Devices (768px - 1024px) ========== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    .left-menu {
        width: 280px;
    }

    .dashboard-logo {
        font-size: 16px !important;
    }

    .top-box {
        padding: 20px 15px !important;
    }

    .table-sub.bl-bg {
        padding: 15px 10px !important;
    }

    .game-list-area {
        margin-top: 200px !important;
    }

    .bonus-box {
        padding: 20px 15px !important;
    }

    /* Login - tablet */
    .login.bl-login {
        padding-top: 30px;
    }

    .login-logo {
        max-width: 160px;
    }

    /* Signup - tablet */
    .signup-page .signup-login {
        padding-top: 24px;
        padding-bottom: 32px;
    }

    .signup-page .signup-logo {
        max-width: 200px;
    }

    /* Index - tablet */
    .index-page-body .ratan-dashboard {
        padding-top: 54px;
    }

    .index-top-area .container {
        max-width: 100%;
    }

    /* Win History - tablet */
    .win-history-content.add-fund-page {
        padding: 20px 15px 40px !important;
    }

    .win-history-content .bl-date {
        padding: 16px 12px !important;
    }

    /* Profile - tablet */
    .profile-page .profile .container {
        max-width: 520px;
    }

    .profile-page .profile-container {
        padding: 22px 18px !important;
    }

    /* Play Game - tablet */
    .play-game-container {
        max-width: 100%;
    }

    .play-game-page .top-box.bl.play-game-card {
        padding: 18px 12px 12px !important;
        margin: 8px auto !important;
        height: 130px !important;
        min-height: 120px !important;
    }

    .play-game-page .top-box.bl.play-game-card .cont h6 {
        font-size: 12px !important;
    }

    .play-game-page .top-box.bl.play-game-card::before {
        width: 48px !important;
        height: 48px !important;
        top: 37% !important;
    }

    /* Wallet - tablet */
    .wallet-content.add-fund-page {
        padding: 20px 16px 40px !important;
    }

    .wallet-content .price h4 {
        font-size: 15px !important;
    }

    /* Withdraw - tablet */
    .withdraw-content.add-fund-page {
        padding: 20px 16px 40px !important;
    }

    .withdraw-time p {
        font-size: 14px !important;
    }
}

/* ========== Large Screens (1025px and above) ========== */
@media screen and (min-width: 1025px) {

    .container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .game-list-area {
        margin-top: 280px;
    }

    /* Profile - web/desktop */
    .profile-page .profile .container {
        max-width: 540px;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .profile-page .profile-container {
        padding: 28px 24px !important;
    }

    .profile-page .profile-image {
        max-width: 140px;
    }

    /* Win History - web/desktop */
    .win-history-page {
        padding: 15px 20px 40px !important;
    }

    .win-history-content.add-fund-page {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
        padding: 25px 20px 50px !important;
    }

    .win-history-content .bl-date {
        padding: 20px 24px !important;
    }

    .win-history-content .price h4 {
        font-size: 16px !important;
    }

    .win-history-page .main-bx.bl {
        padding: 14px 16px !important;
    }

    .win-history-page .left-bx p,
    .win-history-page .center-bx p,
    .win-history-page .right-bx p {
        font-size: 13px !important;
    }

    /* Play Game - web/desktop */
    .play-game-page {
        padding-bottom: 40px;
    }

    .play-game-container {
        max-width: 880px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .play-game-page .top-box.bl.play-game-card {
        padding: 20px 14px 14px !important;
        margin: 10px auto !important;
        height: 150px !important;
        min-height: 140px !important;
        max-width: 180px;
    }

    .play-game-page .top-box.bl.play-game-card .cont h6 {
        font-size: 14px !important;
    }

    .play-game-page .top-box.bl.play-game-card::before {
        width: 64px !important;
        height: 64px !important;
        top: 38% !important;
    }

    /* Wallet - web/desktop */
    .wallet-page {
        padding-bottom: 40px;
    }

    .wallet-content.add-fund-page {
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
        padding: 28px 24px 50px !important;
    }

    .wallet-content .price h4 {
        font-size: 16px !important;
    }

    .wallet-content .price input.date {
        padding: 12px 16px !important;
    }

    .wallet-bonus-box {
        padding: 18px 20px !important;
        margin-top: 32px !important;
    }

    .wallet-bonus-box .left p:first-child {
        font-size: 16px !important;
    }

    .wallet-bonus-box .left p:last-child {
        font-size: 13px !important;
    }

    /* Withdraw - web/desktop */
    .withdraw-page {
        padding-bottom: 40px;
    }

    .withdraw-content.add-fund-page {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
        padding: 28px 24px 50px !important;
    }

    .withdraw-container {
        max-width: 100%;
    }

    .withdraw-time {
        padding: 14px 18px !important;
    }

    .withdraw-box.withdraw-methods h4 {
        font-size: 17px !important;
    }

    .withdraw-form-area .play-btn.my-btn {
        font-size: 17px !important;
    }

    .withdraw-note p {
        font-size: 13px !important;
    }
}

/* ========== Very Small Screens (320px - 480px) ========== */
@media screen and (min-width: 320px) and (max-width: 480px) {
    
    .dashboard-logo {
        font-size: 12px !important;
    }

    .price-box p {
        font-size: 10px !important;
    }

    .table-sub h6 {
        font-size: 12px !important;
    }

    .table-sub .mobile {
        font-size: 10px !important;
    }

    .top-box {
        padding: 10px 5px !important;
    }

    .top-box p {
        font-size: 11px !important;
    }

    /* Login - very small screens */
    .login.bl-login {
        padding-top: 15px;
    }

    .login-logo {
        max-width: 120px;
    }

    form#dataform {
        margin: 10px 6px !important;
        padding: 14px 10px !important;
    }

    .form-bottom h4 {
        font-size: 14px !important;
    }

    /* Signup - very small screens */
    .signup-page .signup-logo {
        max-width: 140px;
    }

    .signup-page form#dataform {
        margin: 10px 6px !important;
        padding: 14px 10px !important;
    }

    .signup-page .login__btn {
        min-height: 48px;
        font-size: 16px !important;
    }

    .signup-page .signup-form-bottom h4 {
        font-size: 13px !important;
    }

    /* Index - very small screens */
    .index-page-body .ratan-dashboard {
        padding-top: 48px;
    }

    .index-top-link .top-box p {
        font-size: 10px !important;
    }

    .table-sub h6 {
        font-size: 13px !important;
    }

    .table-sub .mobile {
        font-size: 10px !important;
    }
}

/* ========== Landscape Orientation ========== */
@media screen and (max-width: 767px) and (orientation: landscape) {
    
    .ratan-dashboard {
        height: 100vh !important;
        height: calc(var(--vh, 1vh) * 100) !important;
        max-height: 100vh !important;
        max-height: calc(var(--vh, 1vh) * 100) !important;
    }

    .game-list-area {
        padding-bottom: 80px !important;
    }

    header {
        padding: 5px !important;
    }
}

/* ========== Common Responsive Utilities ========== */
@media screen and (max-width: 767px) {
    
    /* Hide on mobile */
    .d-none-mobile {
        display: none !important;
    }

    /* Show on mobile */
    .d-block-mobile {
        display: block !important;
    }

    /* Full width on mobile */
    .w-100-mobile {
        width: 100% !important;
    }

    /* Text alignment */
    .text-center-mobile {
        text-align: center !important;
    }

    /* Padding adjustments */
    .px-mobile-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .py-mobile-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    /* Font size adjustments */
    h1, .h1 { font-size: 1.5rem !important; }
    h2, .h2 { font-size: 1.3rem !important; }
    h3, .h3 { font-size: 1.1rem !important; }
    h4, .h4 { font-size: 1rem !important; }
    h5, .h5 { font-size: 0.9rem !important; }
    h6, .h6 { font-size: 0.85rem !important; }
}

/* ========== SweetAlert2 Responsive ========== */
.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 25px !important;
    background-color: #f0b90b !important;
    color: #fff !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    padding: 10px 45px !important;
}

@media screen and (max-width: 767px) {
    .swal2-styled.swal2-confirm {
        font-size: 14px !important;
        padding: 8px 30px !important;
    }

    .swal2-popup {
        width: 90% !important;
        max-width: 400px !important;
    }
}

.swal2-styled.swal2-confirm u {
    text-decoration: none !important;
}