.ramzak-page-shell{direction:rtl;min-height:420px;display:flex;align-items:center;justify-content:center;padding:48px 18px;background:var(--ramzak-page-bg,transparent);box-sizing:border-box;position:relative;overflow:hidden}.ramzak-layout-two_columns{gap:28px;align-items:stretch}.ramzak-compact-shell{padding:0;background:transparent;min-height:0;overflow:visible}.ramzak-side-panel{max-width:420px;color:#fff;background:linear-gradient(135deg,var(--ramzak-primary),var(--ramzak-accent));border-radius:calc(var(--ramzak-form-radius,var(--ramzak-radius)) + 8px);padding:42px;box-shadow:0 24px 80px rgba(15,23,42,.18);display:flex;flex-direction:column;justify-content:center}.ramzak-side-panel span{opacity:.8;letter-spacing:2px}.ramzak-side-panel h2{font-size:32px;margin:12px 0;color:#fff}.ramzak-side-panel p{font-size:16px;line-height:2;color:rgba(255,255,255,.92)}
.ramzak-auth{width:min(100%,var(--ramzak-max-width));color:var(--ramzak-text);background:linear-gradient(135deg,rgba(255,255,255,.34),var(--ramzak-card-bg));border:1px solid rgba(255,255,255,.48);border-radius:var(--ramzak-form-radius,var(--ramzak-radius));box-shadow:0 30px 95px rgba(15,23,42,.28),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -28px 70px rgba(255,255,255,.10);padding:28px;backdrop-filter:saturate(165%) blur(var(--ramzak-blur));-webkit-backdrop-filter:saturate(165%) blur(var(--ramzak-blur));box-sizing:border-box;position:relative;overflow:hidden}.ramzak-auth:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.55),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.22),transparent 45%);mix-blend-mode:screen;opacity:var(--ramzak-glass-shine-opacity,.58)}.ramzak-auth>*{position:relative;z-index:1}.ramzak-auth-compact{max-width:520px;margin:0 auto}.ramzak-style-glass_light{background:linear-gradient(135deg,rgba(255,255,255,.44),var(--ramzak-card-bg));border-color:rgba(255,255,255,.52)}.ramzak-style-glass_dark,.ramzak-style-solid_dark{color:#f8fafc;background:linear-gradient(135deg,rgba(15,23,42,.68),rgba(15,23,42,.86));border-color:rgba(255,255,255,.16);box-shadow:0 30px 95px rgba(2,6,23,.42),inset 0 1px 0 rgba(255,255,255,.16)}.ramzak-style-glass_dark:before{background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.20),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.10),transparent 45%)}.ramzak-style-solid_light{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 20px 65px rgba(15,23,42,.14)}.ramzak-style-solid_light:before,.ramzak-style-solid_dark:before{display:none}.ramzak-style-solid_dark{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0f172a}
.ramzak-logo{display:flex;justify-content:center;margin-bottom:14px}.ramzak-logo img{width:var(--ramzak-logo-width,120px);height:var(--ramzak-logo-height,80px);max-width:100%;object-fit:contain;border-radius:var(--ramzak-logo-radius,12px)}.ramzak-auth__header{text-align:center;margin-bottom:20px}.ramzak-auth__badge{display:inline-flex;background:var(--ramzak-badge-bg);color:var(--ramzak-badge-text);padding:5px 12px;border-radius:999px;font-weight:800}.ramzak-auth h3{font-size:24px;margin:12px 0 8px;color:var(--ramzak-text)}.ramzak-auth p{line-height:1.9;color:var(--ramzak-subtitle)}.ramzak-tabs{display:flex;background:rgba(148,163,184,.15);border-radius:var(--ramzak-tabs-radius,16px);padding:5px;margin-bottom:18px;gap:5px}.ramzak-tabs button{flex:1;border:0;background:transparent;color:inherit;padding:10px;border-radius:calc(var(--ramzak-tabs-radius,16px) - 4px);cursor:pointer}.ramzak-tabs button.active{background:var(--ramzak-tab-active-bg);color:var(--ramzak-tab-active-text)}.ramzak-form label{display:block;margin:12px 0 6px;font-weight:700;color:var(--ramzak-label)}.ramzak-form input{width:100%;border:1px solid var(--ramzak-input-border);background:var(--ramzak-input-bg);color:var(--ramzak-input-text);border-radius:var(--ramzak-input-radius,14px);padding:13px 14px;font-size:16px;box-sizing:border-box;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.ramzak-form input:focus{border-color:var(--ramzak-input-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--ramzak-input-focus) 18%,transparent)}.ramzak-form input::placeholder{color:var(--ramzak-placeholder)}.ramzak-form input:-webkit-autofill,.ramzak-form input:-webkit-autofill:hover,.ramzak-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ramzak-input-text);-webkit-box-shadow:0 0 0 1000px var(--ramzak-input-bg) inset;transition:background-color 5000s ease-in-out 0s}.ramzak-btn{width:100%;border:0;background:var(--ramzak-button-bg);color:var(--ramzak-button-text);border-radius:var(--ramzak-button-radius,14px);padding:14px 18px;font-size:16px;font-weight:800;cursor:pointer;margin-top:14px;box-shadow:0 12px 30px rgba(37,99,235,.28);transition:background .2s,transform .2s,box-shadow .2s}.ramzak-btn:hover{background:var(--ramzak-button-hover-bg);color:var(--ramzak-button-text);transform:translateY(-1px);box-shadow:0 16px 35px rgba(37,99,235,.34)}.ramzak-btn[disabled]{opacity:.65;cursor:wait;transform:none}.ramzak-link{border:0;background:transparent;color:var(--ramzak-primary);cursor:pointer;margin-top:12px}.ramzak-notice{padding:12px 14px;border-radius:var(--ramzak-input-radius,14px);background:rgba(239,68,68,.12);color:#dc2626;margin-bottom:14px}.ramzak-notice.is-ok{background:rgba(22,163,74,.12);color:#16a34a}.ramzak-auth__footer{text-align:center;margin-top:18px;font-size:12px;opacity:.92;color:var(--ramzak-subtitle)}.ramzak-auth__footer a{color:var(--ramzak-primary);font-weight:800;text-decoration:none}.ramzak-style-glass_dark .ramzak-auth__footer a,.ramzak-style-solid_dark .ramzak-auth__footer a{color:var(--ramzak-primary)}.ramzak-hp{position:absolute!important;left:-9999px!important;opacity:0!important}.ramzak-box{background:#fff;border-radius:16px;padding:20px;box-shadow:0 12px 35px rgba(15,23,42,.08)}.ramzak-checkout-otp{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:18px;margin:18px 0}.ramzak-checkout-result{font-size:13px;color:#2563eb}.ramzak-woo-auth{margin:25px auto;max-width:680px}.woocommerce .ramzak-woo-auth .ramzak-page-shell{padding:0;background:transparent}.woocommerce .ramzak-woo-auth .ramzak-page-shell:before{display:none}@media(max-width:820px){.ramzak-layout-two_columns{display:block}.ramzak-side-panel{display:none}.ramzak-auth{padding:22px}.ramzak-tabs{flex-direction:column}}
.ramzak-profile-note{background:rgba(29,78,216,.10);border:1px solid rgba(29,78,216,.18);color:var(--ramzak-text);border-radius:var(--ramzak-input-radius,14px);padding:12px 14px;line-height:1.9;margin-bottom:12px;text-align:center}.ramzak-google-login{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;margin-top:14px;padding:12px 16px;border-radius:var(--ramzak-button-radius,14px);background:rgba(255,255,255,.86);color:#111827!important;text-decoration:none!important;font-weight:800;border:1px solid rgba(148,163,184,.35);box-shadow:0 12px 30px rgba(15,23,42,.08);transition:.2s}.ramzak-google-login:hover{transform:translateY(-1px);box-shadow:0 16px 35px rgba(15,23,42,.12)}.ramzak-google-login span{width:24px;height:24px;border-radius:50%;background:#fff;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;font-weight:900;border:1px solid #e5e7eb}.ramzak-compact-shell{background-image:none!important}.woocommerce .ramzak-woo-auth .ramzak-page-shell{padding:0!important;background:transparent!important;background-image:none!important;min-height:0!important}.woocommerce .ramzak-woo-auth .ramzak-page-shell:before{display:none!important}.ramzak-checkout-otp{background:linear-gradient(135deg,#f8fafc,#ffffff);border:1px solid #dbeafe;border-radius:var(--ramzak-form-radius,22px);padding:20px;margin:20px 0;box-shadow:0 14px 40px rgba(15,23,42,.06)}.ramzak-checkout-otp h3{margin-top:0}.ramzak-checkout-otp .ramzak-checkout-send.button,.ramzak-checkout-otp .ramzak-checkout-send{background:var(--ramzak-button-bg)!important;border-color:var(--ramzak-button-bg)!important;color:var(--ramzak-button-text)!important;border-radius:var(--ramzak-button-radius,14px)!important;padding:10px 18px!important;height:auto!important;line-height:1.6!important;font-weight:800!important;box-shadow:0 12px 26px rgba(29,78,216,.22)!important}.ramzak-checkout-otp .ramzak-checkout-send:hover{background:var(--ramzak-button-hover-bg)!important;border-color:var(--ramzak-button-hover-bg)!important}.ramzak-checkout-otp input{border-radius:var(--ramzak-input-radius,14px)!important}.ramzak-style-glass_light,.ramzak-style-glass_dark{backdrop-filter:saturate(180%) blur(var(--ramzak-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--ramzak-blur))}.ramzak-style-glass_light{background:linear-gradient(135deg,rgba(255,255,255,.30),var(--ramzak-card-bg));border-color:rgba(255,255,255,.62)}

/* Ramzak v1.1.6: stronger scoped form controls to prevent theme button/input styles from overriding Ramzak styles. */
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-btn,
.ramzak-page-shell .ramzak-auth .ramzak-form .ramzak-btn,
.ramzak-page-shell .ramzak-auth button.ramzak-btn.ramzak-send,
.ramzak-page-shell .ramzak-auth button.ramzak-btn.ramzak-verify,
.ramzak-page-shell .ramzak-auth .ramzak-form button[type="submit"].ramzak-btn,
.woocommerce .ramzak-woo-auth .ramzak-auth .ramzak-form button.ramzak-btn,
.woocommerce .ramzak-woo-auth .ramzak-auth button.ramzak-btn.ramzak-send {
    width:100% !important;
    min-height:52px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:14px 18px !important;
    margin-top:14px !important;
    border:0 !important;
    border-color:transparent !important;
    border-radius:var(--ramzak-button-radius,14px) !important;
    background:var(--ramzak-button-bg,#1d4ed8) !important;
    background-color:var(--ramzak-button-bg,#1d4ed8) !important;
    color:var(--ramzak-button-text,#ffffff) !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.45 !important;
    text-align:center !important;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(29,78,216,.28) !important;
    cursor:pointer !important;
    outline:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    transition:background .2s,transform .2s,box-shadow .2s !important;
}
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-btn:hover,
.ramzak-page-shell .ramzak-auth .ramzak-form .ramzak-btn:hover,
.ramzak-page-shell .ramzak-auth button.ramzak-btn.ramzak-send:hover,
.ramzak-page-shell .ramzak-auth button.ramzak-btn.ramzak-verify:hover,
.ramzak-page-shell .ramzak-auth .ramzak-form button[type="submit"].ramzak-btn:hover,
.woocommerce .ramzak-woo-auth .ramzak-auth .ramzak-form button.ramzak-btn:hover {
    background:var(--ramzak-button-hover-bg,#1e40af) !important;
    background-color:var(--ramzak-button-hover-bg,#1e40af) !important;
    color:var(--ramzak-button-text,#ffffff) !important;
    transform:translateY(-1px) !important;
    box-shadow:0 16px 35px rgba(29,78,216,.34) !important;
}
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-btn:focus,
.ramzak-page-shell .ramzak-auth .ramzak-form .ramzak-btn:focus {
    box-shadow:0 0 0 4px color-mix(in srgb,var(--ramzak-button-bg,#1d4ed8) 24%,transparent),0 12px 30px rgba(29,78,216,.28) !important;
}
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-btn[disabled],
.ramzak-page-shell .ramzak-auth .ramzak-form .ramzak-btn[disabled] {
    opacity:.65 !important;
    cursor:wait !important;
    transform:none !important;
}
.ramzak-page-shell .ramzak-auth .ramzak-form input[type="text"],
.ramzak-page-shell .ramzak-auth .ramzak-form input[type="tel"],
.ramzak-page-shell .ramzak-auth .ramzak-form input[type="email"],
.ramzak-page-shell .ramzak-auth .ramzak-form input[type="password"] {
    border-radius:var(--ramzak-input-radius,14px) !important;
    background:var(--ramzak-input-bg,#ffffff) !important;
    background-color:var(--ramzak-input-bg,#ffffff) !important;
    color:var(--ramzak-input-text,#111827) !important;
    border-color:var(--ramzak-input-border,#cbd5e1) !important;
}
.ramzak-page-shell .ramzak-auth .ramzak-form label {
    color:var(--ramzak-label,#111827) !important;
}
.ramzak-inline-note{margin:0 0 14px;padding:12px 14px;border-radius:var(--ramzak-input-radius,14px);background:rgba(245,158,11,.14);color:#92400e;font-size:13px;line-height:1.8;text-align:right}.ramzak-warning{border:1px solid rgba(245,158,11,.35);background:#fffbeb;color:#92400e;line-height:1.9}


/* Ramzak v1.2.5: secondary edit/back buttons - isolated from theme button styles. */
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-back,
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-profile-back,
.ramzak-auth .ramzak-form button.ramzak-link.ramzak-back,
.ramzak-auth .ramzak-form button.ramzak-link.ramzak-profile-back {
    all:unset !important;
    width:100% !important;
    min-height:46px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:12px 0 0 !important;
    padding:11px 16px !important;
    border:1px solid color-mix(in srgb,var(--ramzak-primary,#1d4ed8) 22%,transparent) !important;
    border-radius:var(--ramzak-button-radius,14px) !important;
    background:color-mix(in srgb,var(--ramzak-primary,#1d4ed8) 8%,rgba(255,255,255,.72)) !important;
    color:var(--ramzak-primary,#1d4ed8) !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.6 !important;
    text-align:center !important;
    text-decoration:none !important;
    box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
    cursor:pointer !important;
    outline:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    transition:background .2s,transform .2s,box-shadow .2s,border-color .2s !important;
}
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-back:hover,
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-profile-back:hover,
.ramzak-auth .ramzak-form button.ramzak-link.ramzak-back:hover,
.ramzak-auth .ramzak-form button.ramzak-link.ramzak-profile-back:hover {
    background:color-mix(in srgb,var(--ramzak-primary,#1d4ed8) 14%,rgba(255,255,255,.88)) !important;
    border-color:color-mix(in srgb,var(--ramzak-primary,#1d4ed8) 34%,transparent) !important;
    color:var(--ramzak-primary,#1d4ed8) !important;
    transform:translateY(-1px) !important;
    box-shadow:0 14px 30px rgba(15,23,42,.10) !important;
}
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-back:focus,
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-profile-back:focus {
    box-shadow:0 0 0 4px color-mix(in srgb,var(--ramzak-primary,#1d4ed8) 18%,transparent),0 10px 24px rgba(15,23,42,.06) !important;
}
.ramzak-style-glass_dark .ramzak-form button.ramzak-link.ramzak-back,
.ramzak-style-glass_dark .ramzak-form button.ramzak-link.ramzak-profile-back,
.ramzak-style-solid_dark .ramzak-form button.ramzak-link.ramzak-back,
.ramzak-style-solid_dark .ramzak-form button.ramzak-link.ramzak-profile-back {
    background:rgba(255,255,255,.10) !important;
    border-color:rgba(255,255,255,.22) !important;
    color:#ffffff !important;
}
.ramzak-style-glass_dark .ramzak-form button.ramzak-link.ramzak-back:hover,
.ramzak-style-glass_dark .ramzak-form button.ramzak-link.ramzak-profile-back:hover,
.ramzak-style-solid_dark .ramzak-form button.ramzak-link.ramzak-back:hover,
.ramzak-style-solid_dark .ramzak-form button.ramzak-link.ramzak-profile-back:hover {
    background:rgba(255,255,255,.16) !important;
    color:#ffffff !important;
}


/* Ramzak v1.2.6: clearer OTP feedback, countdown and resend button. */
.ramzak-page-shell .ramzak-auth .ramzak-notice,
.ramzak-auth .ramzak-notice{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 0 16px !important;
    padding:8px 4px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--ramzak-notice-text,#475569) !important;
    font-size:15px !important;
    font-weight:900 !important;
    line-height:1.9 !important;
    text-align:center !important;
    box-shadow:none !important;
}
.ramzak-page-shell .ramzak-auth .ramzak-notice:before,
.ramzak-auth .ramzak-notice:before{content:'•';display:inline-block;margin-left:7px;color:currentColor;font-size:22px;line-height:0;vertical-align:-2px;}
.ramzak-page-shell .ramzak-auth .ramzak-notice[hidden],
.ramzak-auth .ramzak-notice[hidden]{display:none !important;}
.ramzak-page-shell .ramzak-auth .ramzak-notice.is-loading,
.ramzak-auth .ramzak-notice.is-loading{color:var(--ramzak-notice-loading,#64748b) !important;}
.ramzak-page-shell .ramzak-auth .ramzak-notice.is-ok,
.ramzak-auth .ramzak-notice.is-ok{color:var(--ramzak-notice-success,#16a34a) !important;}
.ramzak-page-shell .ramzak-auth .ramzak-notice.is-error,
.ramzak-auth .ramzak-notice.is-error{color:var(--ramzak-notice-error,#dc2626) !important;}
.ramzak-page-shell .ramzak-auth .ramzak-otp-meta,
.ramzak-auth .ramzak-otp-meta{display:block !important;margin:12px 0 0 !important;}
.ramzak-page-shell .ramzak-auth .ramzak-otp-meta[hidden],
.ramzak-auth .ramzak-otp-meta[hidden]{display:none !important;}
.ramzak-page-shell .ramzak-auth .ramzak-otp-timer,
.ramzak-auth .ramzak-otp-timer{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:12px 0 0 !important;
    padding:12px 14px !important;
    border-radius:var(--ramzak-input-radius,14px) !important;
    border:1px solid color-mix(in srgb,var(--ramzak-primary,#1d4ed8) 18%,transparent) !important;
    background:color-mix(in srgb,var(--ramzak-primary,#1d4ed8) 7%,rgba(255,255,255,.82)) !important;
    color:var(--ramzak-text,#111827) !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.8 !important;
    text-align:center !important;
}
.ramzak-page-shell .ramzak-auth .ramzak-otp-timer strong,
.ramzak-auth .ramzak-otp-timer strong{direction:ltr !important;unicode-bidi:plaintext !important;color:var(--ramzak-primary,#1d4ed8) !important;font-size:16px !important;}
.ramzak-page-shell .ramzak-auth .ramzak-otp-timer.is-expired,
.ramzak-auth .ramzak-otp-timer.is-expired{border-color:rgba(245,158,11,.30) !important;background:rgba(254,243,199,.86) !important;color:#92400e !important;}
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-resend,
.ramzak-auth .ramzak-form button.ramzak-link.ramzak-resend{
    all:unset !important;
    width:100% !important;
    min-height:48px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:12px 0 0 !important;
    padding:12px 16px !important;
    border:0 !important;
    border-radius:var(--ramzak-button-radius,14px) !important;
    background:var(--ramzak-button-bg,#1d4ed8) !important;
    color:var(--ramzak-button-text,#ffffff) !important;
    font-size:15px !important;
    font-weight:900 !important;
    line-height:1.6 !important;
    text-align:center !important;
    box-shadow:0 12px 30px rgba(29,78,216,.24) !important;
    cursor:pointer !important;
    appearance:none !important;
    -webkit-appearance:none !important;
}
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-resend[hidden],
.ramzak-auth .ramzak-form button.ramzak-link.ramzak-resend[hidden]{display:none !important;}
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-resend:hover,
.ramzak-auth .ramzak-form button.ramzak-link.ramzak-resend:hover{background:var(--ramzak-button-hover-bg,#1e40af) !important;color:var(--ramzak-button-text,#ffffff) !important;transform:translateY(-1px) !important;}
.ramzak-style-glass_dark .ramzak-notice.is-ok,.ramzak-style-solid_dark .ramzak-notice.is-ok{background:transparent !important;color:var(--ramzak-notice-success,#86efac) !important;border-color:transparent !important;}
.ramzak-style-glass_dark .ramzak-otp-timer,.ramzak-style-solid_dark .ramzak-otp-timer{background:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.18) !important;color:#ffffff !important;}
.ramzak-style-glass_dark .ramzak-otp-timer strong,.ramzak-style-solid_dark .ramzak-otp-timer strong{color:#bfdbfe !important;}

/* Ramzak v1.2.9: public responsive polish for mobile, WooCommerce and checkout forms. */
.ramzak-page-shell,.ramzak-page-shell *{box-sizing:border-box;}
.ramzak-page-shell img,.ramzak-page-shell video,.ramzak-page-shell iframe{max-width:100%;height:auto;}
.ramzak-auth{max-width:100%;}
.ramzak-form,.ramzak-form *{max-width:100%;}
.ramzak-form input,.ramzak-form button,.ramzak-form a{box-sizing:border-box;}
.ramzak-checkout-otp{max-width:100%;overflow:hidden;}
.ramzak-checkout-otp input,.ramzak-checkout-otp button{max-width:100%;box-sizing:border-box;}

@media(max-width:820px){
    .ramzak-page-shell{padding:32px 14px;}
    .ramzak-layout-two_columns{display:block;}
    .ramzak-side-panel{display:none;}
    .ramzak-auth{width:100%;padding:22px;}
}
@media(max-width:600px){
    .ramzak-page-shell{min-height:100svh;padding:22px 10px;align-items:flex-start;overflow-y:auto;}
    .ramzak-compact-shell{min-height:0;padding:0;}
    .ramzak-auth{padding:18px 14px;border-radius:min(var(--ramzak-form-radius,var(--ramzak-radius)),22px);}
    .ramzak-auth h3{font-size:22px;line-height:1.6;margin:10px 0 6px;}
    .ramzak-auth p{font-size:14px;line-height:1.9;}
    .ramzak-auth__header{margin-bottom:16px;}
    .ramzak-logo{margin-bottom:10px;}
    .ramzak-logo img{max-width:96px;max-height:72px;}
    .ramzak-tabs{flex-direction:column;gap:6px;padding:6px;}
    .ramzak-tabs button{width:100%;min-height:42px;font-size:14px;}
    .ramzak-form label{font-size:14px;}
    .ramzak-form input{font-size:16px;padding:12px 13px;}
    .ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-btn,
    .ramzak-page-shell .ramzak-auth .ramzak-form .ramzak-btn,
    .ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-back,
    .ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-profile-back,
    .ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-resend{width:100% !important;min-width:0 !important;}
    .ramzak-notice{font-size:14px !important;line-height:1.8 !important;padding:12px !important;}
    .ramzak-otp-timer{font-size:13px !important;line-height:1.8 !important;}
    .ramzak-auth__footer{font-size:12px;}
    .woocommerce .ramzak-woo-auth{margin:16px auto;max-width:100%;}
    .woocommerce .ramzak-woo-auth .ramzak-page-shell{padding:0!important;}
    .ramzak-checkout-otp{padding:16px;margin:16px 0;border-radius:16px;}
    .ramzak-checkout-otp .ramzak-checkout-send.button,.ramzak-checkout-otp .ramzak-checkout-send{width:100%;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:8px!important;}
}
@media(max-width:380px){
    .ramzak-auth{padding:16px 12px;}
    .ramzak-auth h3{font-size:20px;}
    .ramzak-auth__badge{font-size:12px;}
}


/* Ramzak: Google login button logo image */
.ramzak-google-login .ramzak-google-icon{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    flex:0 0 24px!important;
    display:inline-block!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* Ramzak final patch: fullscreen auth mobile centering and white bottom gap fix. */
body.ramzak-fullscreen-auth,
body.ramzak-fullscreen-auth #page,
body.ramzak-fullscreen-auth .site,
body.ramzak-fullscreen-auth .site-content,
body.ramzak-fullscreen-auth .content-area,
body.ramzak-fullscreen-auth .entry-content,
body.ramzak-fullscreen-auth main,
body.ramzak-fullscreen-auth #main,
body.ramzak-fullscreen-auth #content{
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    width:100%!important;
}
body.ramzak-fullscreen-auth{
    min-height:100vh!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
}
body.ramzak-fullscreen-auth .ramzak-page-shell{
    width:100%!important;
    min-height:100vh!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:clamp(18px,5vh,56px) 18px!important;
    box-sizing:border-box!important;
}
body.ramzak-fullscreen-auth .ramzak-auth{
    margin:auto!important;
}
@media(max-width:782px){
    body.ramzak-fullscreen-auth .ramzak-page-shell{
        align-items:center!important;
        justify-content:center!important;
        padding:18px 14px!important;
    }
}

/* Ramzak: keep logo size settings active on mobile too. */
@media(max-width:782px){.ramzak-logo img{width:var(--ramzak-logo-width,120px)!important;height:var(--ramzak-logo-height,80px)!important;max-width:100%!important;object-fit:contain!important;}}

/* Ramzak final: editable two-column panel, OTP timer and secondary button colors. */
.ramzak-side-panel{background:linear-gradient(135deg,var(--ramzak-side-bg-start,#1d4ed8),var(--ramzak-side-bg-end,#2563eb))!important;color:var(--ramzak-side-text,#eff6ff)!important;}
.ramzak-side-panel span{color:var(--ramzak-side-kicker,#dbeafe)!important;}
.ramzak-side-panel h2{color:var(--ramzak-side-title,#ffffff)!important;}
.ramzak-side-panel p{color:var(--ramzak-side-text,#eff6ff)!important;}
.ramzak-page-shell .ramzak-auth .ramzak-otp-timer,.ramzak-auth .ramzak-otp-timer{background:var(--ramzak-otp-timer-bg,#eef2ff)!important;color:var(--ramzak-otp-timer-text,#111827)!important;border-color:color-mix(in srgb,var(--ramzak-otp-timer-code,#1d4ed8) 22%,transparent)!important;}
.ramzak-page-shell .ramzak-auth .ramzak-otp-timer strong,.ramzak-auth .ramzak-otp-timer strong{color:var(--ramzak-otp-timer-code,#1d4ed8)!important;}
.ramzak-page-shell .ramzak-auth .ramzak-otp-timer.is-expired,.ramzak-auth .ramzak-otp-timer.is-expired{background:var(--ramzak-otp-timer-expired-bg,#fef3c7)!important;color:var(--ramzak-otp-timer-expired-text,#92400e)!important;border-color:color-mix(in srgb,var(--ramzak-otp-timer-expired-text,#92400e) 28%,transparent)!important;}
.ramzak-page-shell .ramzak-auth .ramzak-otp-timer.is-expired strong,.ramzak-auth .ramzak-otp-timer.is-expired strong{color:var(--ramzak-otp-timer-expired-text,#92400e)!important;}
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-back,.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-profile-back,.ramzak-auth .ramzak-form button.ramzak-link.ramzak-back,.ramzak-auth .ramzak-form button.ramzak-link.ramzak-profile-back{background:var(--ramzak-secondary-bg,#eef2ff)!important;color:var(--ramzak-secondary-text,#1d4ed8)!important;border-color:color-mix(in srgb,var(--ramzak-secondary-text,#1d4ed8) 22%,transparent)!important;}
.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-back:hover,.ramzak-page-shell .ramzak-auth .ramzak-form button.ramzak-link.ramzak-profile-back:hover,.ramzak-auth .ramzak-form button.ramzak-link.ramzak-back:hover,.ramzak-auth .ramzak-form button.ramzak-link.ramzak-profile-back:hover{background:var(--ramzak-secondary-hover-bg,#dbeafe)!important;color:var(--ramzak-secondary-text,#1d4ed8)!important;}