#fb-iab-paywall-overlay{position:fixed;inset:0;background:rgba(15, 23, 42, 0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99998;margin:0 !important;padding:0 !important;animation:qeFadeIn 0.25s ease forwards;}
#fb-iab-paywall-banner{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--fb-iab-bg, #0f172a);color:var(--fb-iab-text, #f8fafc);border-radius:16px;z-index:99999;text-align:center;width:380px;max-width:90%;box-sizing:border-box;padding:32px 28px 24px !important;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.5);line-height:1.5;font-family:'Sarabun', 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;border:1px solid color-mix(in srgb, var(--fb-iab-text, #f8fafc) 8%, transparent);animation:qeScaleUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
.fb-iab-icon-container{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:color-mix(in srgb, var(--fb-iab-accent, #f97316) 10%, transparent);color:var(--fb-iab-accent, #f97316);margin-bottom:20px;border:1px solid color-mix(in srgb, var(--fb-iab-accent, #f97316) 20%, transparent);}
#fb-iab-paywall-banner h3#fb-iab-head{font-family:'Outfit', 'Sarabun', sans-serif;font-size:1.15rem;font-weight:600;color:var(--fb-iab-text, #f8fafc);margin:0 0 8px 0;letter-spacing:-0.01em;}
#fb-iab-paywall-banner p#fb-iab-body{font-size:0.9rem;color:color-mix(in srgb, var(--fb-iab-text, #f8fafc) 65%, transparent);line-height:1.5;margin:0 0 24px 0;}
#fb-iab-paywall-banner button.main-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 24px !important;background:linear-gradient(135deg, var(--fb-iab-accent, #f97316) 0%, color-mix(in srgb, var(--fb-iab-accent, #f97316) 80%, #000) 100%);border:none;border-radius:8px;font-weight:600;cursor:pointer;color:#ffffff;font-size:0.95rem;box-shadow:0 4px 12px color-mix(in srgb, var(--fb-iab-accent, #f97316) 25%, transparent);transition:all 0.2s cubic-bezier(0.16, 1, 0.3, 1);margin-bottom:8px;}
#fb-iab-paywall-banner button.main-btn:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--fb-iab-accent, #f97316) 90%, #000) 0%, color-mix(in srgb, var(--fb-iab-accent, #f97316) 70%, #000) 100%);transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb, var(--fb-iab-accent, #f97316) 35%, transparent);}
#fb-iab-paywall-banner button.main-btn:active{transform:translateY(0);}
#fb-iab-close-btn{position:absolute !important;top:16px !important;right:16px !important;background:transparent !important;color:color-mix(in srgb, var(--fb-iab-text, #f8fafc) 40%, transparent) !important;border:none !important;cursor:pointer;padding:6px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:6px !important;transition:all 0.2s ease !important;}
#fb-iab-close-btn:hover{background:color-mix(in srgb, var(--fb-iab-text, #f8fafc) 8%, transparent) !important;color:var(--fb-iab-text, #f8fafc) !important;}
.fb-iab-footer-note{font-size:0.75rem;color:#64748b;margin-top:8px;}
@keyframes qeFadeIn {
from{opacity:0;}
to{opacity:1;}
}
@keyframes qeScaleUp {
from{opacity:0;transform:translate(-50%, -40%) scale(0.92);}
to{opacity:1;transform:translate(-50%, -50%) scale(1);}
} .qe-gform-wrap{display:none;width:100% !important;max-width:100% !important;margin:30px 0 !important;padding:0 !important;clear:both;box-sizing:border-box !important;}
.qe-gform-wrap.active{display:block !important;}
.qe-gform-frame{display:block !important;width:100% !important;height:800px !important;border:none !important;background:transparent !important;}
.qe-shield-wrap *{box-sizing:border-box;font-family:inherit;margin:0;padding:0;}
#qeShieldModal .qemodal{background-color:var(--popup-backdrop-color, rgba(15, 23, 42, 0.7));position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99998;}
#qeShieldModal .qemodal-wrapper{display:flex;justify-content:center;align-items:center;margin:15px;min-height:calc(100% - 30px);}
#qeShieldModal .qemodal-content{position:relative;background-color:var(--popup-background, #ffffff);box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);width:100%;max-width:500px;padding:40px;border-radius:16px;text-align:center;overflow:hidden;transform:scale(0.92);transition:transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);border:1px solid rgba(226, 232, 240, 0.8);}
#qeShieldModal .icon{width:80px;height:auto;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:var(--icon-color, #22099E);}
#qeShieldModal svg{width:100%;height:auto;display:block;}
#qeShieldModal svg path,
#qeShieldModal svg g,
#qeShieldModal svg circle{fill:var(--icon-color, #22099E);}
#qeShieldModal .heading{font-weight:600;font-size:26px;line-height:1.2;color:var(--title-color, #0f172a);letter-spacing:-0.01em;}
#qeShieldModal .qemodal-body{margin:16px 0 24px;}
#qeShieldModal .qemodal-body p{font-size:15px;line-height:1.6;color:var(--desc-color, #475569);}
#qeShieldModal .qemodal-body ul{text-align:left;list-style:none;margin-top:12px;}
#qeShieldModal .qemodal-body ul li{line-height:1.6;font-size:14px;margin-bottom:12px;display:flex;align-items:baseline;color:var(--steps-color, #475569);}
#qeShieldModal .qemodal-body ul li::before{content:"\2022";color:var(--icon-color, #22099E);font-size:22px;margin-right:10px;line-height:0;position:relative;top:4px;}
#qeShieldModal .btn{outline:none;padding:12px 28px;font-size:15px;font-weight:600;line-height:1.2;border-radius:8px;border:none;cursor:pointer;background:linear-gradient(135deg, var(--btn-background-color, #22099E) 0%, color-mix(in srgb, var(--btn-background-color, #22099E) 80%, #000) 100%);color:var(--btn-color, #ffffff);box-shadow:0 4px 12px color-mix(in srgb, var(--btn-background-color, #22099E) 20%, transparent);transition:all 0.2s cubic-bezier(0.16, 1, 0.3, 1);display:inline-flex;align-items:center;justify-content:center;}
#qeShieldModal .btn:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--btn-background-color, #22099E) 90%, #000) 0%, color-mix(in srgb, var(--btn-background-color, #22099E) 70%, #000) 100%);transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb, var(--btn-background-color, #22099E) 30%, transparent);}
#qeShieldModal .btn:active{transform:translateY(0);}
#qeShieldModal .help-text{margin-top:16px;cursor:pointer;font-size:13px;line-height:1.2;text-decoration:underline;text-decoration-style:dotted;color:var(--help-text-color, #22099E);font-weight:500;display:inline-block;transition:color 0.2s ease;}
#qeShieldModal .help-text:hover{color:color-mix(in srgb, var(--help-text-color, #22099E) 80%, #000);}
#qeShieldModal .qemodal-footer{margin-top:16px;}
#qeShieldModal .screen-two{display:none;}
#qeShieldModal .screen-two .heading{font-size:19px;font-weight:700;color:var(--title-color, #0f172a);line-height:1.4;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px;}
#qeShieldModal .qemodal-body ul{text-align:left;list-style:none;margin-top:0px;counter-reset:qe-step-counter;display:flex;flex-direction:column;gap:10px;}
#qeShieldModal .qemodal-body ul li{position:relative;line-height:1.5;font-size:14px;padding:10px 14px 10px 48px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:var(--steps-color, #475569);display:block;transition:all 0.2s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.02);}
#qeShieldModal .qemodal-body ul li:hover{border-color:color-mix(in srgb, var(--icon-color, #22099E) 30%, #e2e8f0);background:#ffffff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.04);}
#qeShieldModal .qemodal-body ul li::before{counter-increment:qe-step-counter;content:counter(qe-step-counter);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--icon-color, #22099E);color:#ffffff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px color-mix(in srgb, var(--icon-color, #22099E) 20%, transparent);}
#qeShieldModal .screen-two .help-text{margin-top:16px;text-decoration:none;padding:10px 24px;border:1px solid var(--help-text-color, #22099E);border-radius:8px;transition:all 0.2s cubic-bezier(0.16, 1, 0.3, 1);font-weight:600;display:inline-flex;align-items:center;justify-content:center;background:transparent;box-shadow:0 2px 4px rgba(0, 0, 0, 0.02);}
#qeShieldModal .screen-two .help-text:hover{background:color-mix(in srgb, var(--help-text-color, #22099E) 6%, transparent);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.05);}
#qeShieldModal.screen-two-active .screen-two{display:block;animation:qeFadeIn 0.25s ease forwards;}
#qeShieldModal.screen-two-active .screen-one{display:none;}
@media(max-width:575.98px){
#qeShieldModal .qemodal-wrapper{margin:10px;min-height:calc(100% - 20px);}
#qeShieldModal .qemodal-content{padding:30px 20px;}
}
#qeShieldModal .extension-icon {
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgOTYiIGZpbGw9Im5vbmUiPgogIDwhLS0gQnJvd3NlciB0b29sYmFyIGJhY2tncm91bmQgLS0+CiAgPHJlY3QgeD0iMC41IiB5PSIyOC41IiB3aWR0aD0iMzE5IiBoZWlnaHQ9IjYzIiByeD0iMTEuNSIgZmlsbD0iI2Y4ZmFmYyIgc3Ryb2tlPSIjZTJlOGYwIi8+CiAgPCEtLSBBZGRyZXNzIGJhciAtLT4KICA8cmVjdCB4PSIxMiIgeT0iNDQiIHdpZHRoPSIxNjAiIGhlaWdodD0iMzIiIHJ4PSIxNiIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjY2JkNWUxIiBzdHJva2Utd2lkdGg9IjEiLz4KICA8Y2lyY2xlIGN4PSIyOCIgY3k9IjYwIiByPSIzIiBmaWxsPSIjOTRhM2I4IiAvPgogIDxyZWN0IHg9IjM4IiB5PSI1NyIgd2lkdGg9IjgwIiBoZWlnaHQ9IjYiIHJ4PSIzIiBmaWxsPSIjY2JkNWUxIiAvPgogIDwhLS0gU2VwYXJhdG9yIC0tPgogIDxsaW5lIHgxPSIxODQiIHkxPSI0OCIgeDI9IjE4NCIgeTI9IjcyIiBzdHJva2U9IiNlMmU4ZjAiIHN0cm9rZS13aWR0aD0iMSIgLz4KICA8IS0tIFB1enpsZSAvIEV4dGVuc2lvbnMgaWNvbiAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTYsIDQ4KSI+CiAgICA8cGF0aCBkPSJNMTIgMnY0TTEyIDE4djRNNCAxMkgybTIwIDBoLTIiIHN0cm9rZT0iIzY0NzQ4YiIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogICAgPHJlY3QgeD0iNiIgeT0iNiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiByeD0iMiIgZmlsbD0iI2YxZjVmOSIgc3Ryb2tlPSIjNjQ3NDhiIiBzdHJva2Utd2lkdGg9IjEuOCIvPgogIDwvZz4KICA8IS0tIEFkQmxvY2sgSWNvbjogc3RvcHBpbmcgcmVkIG9jdGFnb24gKyB3aGl0ZSBwYWxtIGhhbmQgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMyLCA0NCkiPgogICAgPCEtLSBTb2Z0IHJlZCBnbG93IHJpbmcgLS0+CiAgICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxOCIgZmlsbD0iI2ZlZjJmMjIiIHN0cm9rZT0iI2ZjYTVhNSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgIDwhLS0gV2hpdGUgY2lyY2xlIGJlaGluZCBzbyB0aGUgY3V0b3V0IHBhbG0gaGFuZCBkaXNwbGF5cyBhcyB3aGl0ZSAtLT4KICAgIDxjaXJjbGUgY3g9IjE2IiBjeT0iMTYiIHI9IjEyIiBmaWxsPSIjZmZmZmZmIi8+CiAgICA8IS0tIEFkQmxvY2sgSWNvbiBwYXRoIGZyb20gdGhlIGhvbWVwYWdlIFNWRyAoc3R5bGVkIGluIHJlZCkgLS0+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LCA0KSBzY2FsZSgxLjApIj4KICAgICAgPHBhdGggZD0iTTcuNzc1IDBhMS44IDEuOCAwIDAgMC0xLjI3My41MjdMLjUyOCA2LjUwM0ExLjggMS44IDAgMCAwIDAgNy43NzV2OC40NWMwIC40NzguMTkuOTM2LjUyOCAxLjI3NGw1Ljk3NCA1Ljk3NEExLjggMS44IDAgMCAwIDcuNzc1IDI0aDguNDVhMS44IDEuOCAwIDAgMCAxLjI3My0uNTI3bDUuOTc1LTUuOTc0QTEuOCAxLjggMCAwIDAgMjQgMTYuMjI1di04LjQ1YTEuOCAxLjggMCAwIDAtLjUyNy0xLjI3MkwxNy40OTguNTI3QTEuOCAxLjggMCAwIDAgMTYuMjI1IDB6bTQuNDI3IDNjMS4wMiAwIC45NTggMS4xMDguOTU4IDEuMTA4djYuNzg0cy0uMDA5LjIxOC4xNi4yMThjLjE4OCAwIC4xNzUtLjIyNi4xNzUtLjIyNmwtLjAwMi01LjYzcy0uMDUtLjk4Ni45NTktLjk4NmMxLjAxIDAgLjk3Ljk4My45Ny45ODN2Ny42MjFzLjAxNC4xNTguMTQxLjE1OGMuMTI3IDAgLjk0NC0yLjEyMi45NDQtMi4xMjJzLjQ1MS0xLjQ5NyAyLjU3Ni0xLjFjLjAzOC4wMDgtLjE2Ny42ODgtLjE2Ny42ODhsLTIuMjgzIDYuNTU2UzE1LjY5IDIwLjcgMTEuNzE0IDIwLjdjLTUuMDQ0IDAtNC44MDgtNS40MDctNC44MTQtNS40MDVWNy41NjJzLS4wMTYtLjk5Ljg5Ny0uOTljLjg1OCAwIC44NDkuOTkuODQ5Ljk5bC4wMDcgMy41ODNzLS4wMDQuMTcyLjE2Ny4xNzJjLjE2IDAgLjE0MS0uMTcyLjE0MS0uMTcybC4wMS01LjkyNnMtLjA1NS0xLjE2Mi45NjYtMS4xNjJjMS4wNCAwIC45ODMgMS4xNDIuOTgzIDEuMTQydjUuNjExcy0uMDA5LjIwNC4xNTIuMjA0Yy4xNjggMCAuMTU0LS4yMDYuMTU0LS4yMDZsLjAxLTYuNjkzUzExLjE4IDMgMTIuMjAyIDNaIiBmaWxsPSIjZGMyNjI2Ii8+CiAgICA8L2c+CiAgPC9nPgogIDwhLS0gMyBEb3RzIG1lbnUgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjg0LCA0OCkiIGZpbGw9IiM2NDc0OGIiPgogICAgPGNpcmNsZSBjeD0iNCIgY3k9IjQiIHI9IjIiIC8+CiAgICA8Y2lyY2xlIGN4PSI0IiBjeT0iMTIiIHI9IjIiIC8+CiAgICA8Y2lyY2xlIGN4PSI0IiBjeT0iMjAiIHI9IjIiIC8+CiAgPC9nPgogIDwhLS0gUmVkIGFycm93IHNoYWZ0IHBvaW50aW5nIGRvd24gLS0+CiAgPGxpbmUgeDE9IjI0OCIgeTE9IjIyIiB4Mj0iMjQ4IiB5Mj0iMzgiIHN0cm9rZT0iI2VmNDQ0NCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8IS0tIFJlZCBhcnJvd2hlYWQgLS0+CiAgPHBvbHlnb24gcG9pbnRzPSIyNDgsNDYgMjQwLDMyIDI1NiwzMiIgZmlsbD0iI2VmNDQ0NCIvPgogIDwhLS0gUmVkIHBpbGwgbGFiZWwgLS0+CiAgPHJlY3QgeD0iMjA0IiB5PSIyIiB3aWR0aD0iODgiIGhlaWdodD0iMjAiIHJ4PSIxMCIgZmlsbD0iI2VmNDQ0NCIvPgogIDx0ZXh0IHg9IjI0OCIgeT0iMTUuNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IkFyaWFsLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTAiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IndoaXRlIj7guITguKXguLTguIHguJfguLXguYjguJnguLXguYg8L3RleHQ+Cjwvc3ZnPg==') no-repeat center center;
background-size: contain;
width: 320px;
height: 96px;
border-radius: 12px;
display: block;
margin: 8px auto 0;
border: none;
}