/* ========================================================= AGDC — PREMIUM BOOK A SLOT POPUP Popup Maker Popup ID: 8748 ========================================================= */ /* --------------------------------------------------------- 1. OVERLAY --------------------------------------------------------- */ #pum-8748.pum-overlay { background: rgba(3, 7, 10, 0.82) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); padding: 30px !important; } /* --------------------------------------------------------- 2. MAIN POPUP --------------------------------------------------------- */ #pum-8748 .popmake { width: min(760px, 92vw) !important; max-width: 760px !important; min-height: auto !important; margin: 0 auto !important; padding: 0 !important; background: linear-gradient( 145deg, #ffffff 0%, #fffdfb 55%, #fff7f1 100% ) !important; border: 1px solid rgba(242, 107, 37, 0.20) !important; border-radius: 24px !important; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35), 0 10px 30px rgba(0, 0, 0, 0.18) !important; overflow: visible !important; color: #151515 !important; transform: translateY(0); } /* --------------------------------------------------------- 3. POPUP CONTENT --------------------------------------------------------- */ #pum-8748 .pum-content { padding: 38px 48px 42px !important; margin: 0 !important; text-align: center !important; color: #151515 !important; } /* --------------------------------------------------------- 4. LOGO --------------------------------------------------------- */ #pum-8748 .pum-content img { display: block; width: 120px !important; max-width: 42% !important; height: auto !important; margin: 0 auto 18px !important; object-fit: contain; filter: drop-shadow( 0 8px 12px rgba(0, 0, 0, 0.10) ); } /* --------------------------------------------------------- 5. POPUP HEADING --------------------------------------------------------- */ #pum-8748 .pum-content h1, #pum-8748 .pum-content h2, #pum-8748 .pum-content h3 { margin: 0 0 8px !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: clamp( 27px, 4vw, 38px ) !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: -0.035em !important; color: #161616 !important; } /* --------------------------------------------------------- 6. ORANGE ACCENT --------------------------------------------------------- */ #pum-8748 .pum-content h1 strong, #pum-8748 .pum-content h2 strong, #pum-8748 .pum-content h3 strong { color: #f26b25 !important; } /* --------------------------------------------------------- 7. PARAGRAPHS --------------------------------------------------------- */ #pum-8748 .pum-content p { margin: 8px auto 0 !important; max-width: 580px !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 16px !important; line-height: 1.7 !important; font-weight: 400 !important; color: #555 !important; } /* --------------------------------------------------------- 8. EMPHASIZED TEXT --------------------------------------------------------- */ #pum-8748 .pum-content strong { font-weight: 700 !important; color: #222 !important; } /* --------------------------------------------------------- 9. BOOK YOUR SLOT BUTTON --------------------------------------------------------- */ #pum-8748 .pum-content a, #pum-8748 .pum-content .button, #pum-8748 .pum-content button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 56px !important; margin-top: 24px !important; padding: 0 34px !important; border: 1px solid #f26b25 !important; border-radius: 999px !important; background: #f26b25 !important; color: #ffffff !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 10px 25px rgba(242, 107, 37, 0.25) !important; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease !important; } /* --------------------------------------------------------- 10. BUTTON HOVER --------------------------------------------------------- */ #pum-8748 .pum-content a:hover, #pum-8748 .pum-content .button:hover, #pum-8748 .pum-content button:hover { background: #d95718 !important; border-color: #d95718 !important; color: #ffffff !important; transform: translateY(-3px) !important; box-shadow: 0 15px 30px rgba(242, 107, 37, 0.35) !important; } /* --------------------------------------------------------- 11. CLOSE BUTTON --------------------------------------------------------- */ #pum-8748 .pum-close { position: absolute !important; top: 14px !important; right: 14px !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; border: 2px solid #ffffff !important; border-radius: 50% !important; background: #151515 !important; color: #ffffff !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1 !important; z-index: 999999 !important; cursor: pointer !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28) !important; transition: background 0.25s ease, transform 0.25s ease !important; } /* Close button hover */ #pum-8748 .pum-close:hover { background: #f26b25 !important; color: #ffffff !important; transform: rotate(90deg) !important; } /* --------------------------------------------------------- 13. PREMIUM TOP ACCENT --------------------------------------------------------- */ #pum-8748 .pum-content::before { content: ""; display: block; width: 55px; height: 3px; margin: 0 auto 28px; background: #f26b25; border-radius: 10px; } /* --------------------------------------------------------- 14. MOBILE --------------------------------------------------------- */ @media (max-width: 767px) { #pum-8748.pum-overlay { padding: 18px !important; } #pum-8748 .popmake { width: calc(100vw - 36px) !important; max-width: none !important; border-radius: 20px !important; } #pum-8748 .pum-content { padding: 40px 25px 42px !important; } #pum-8748 .pum-content img { width: 115px !important; max-width: 50% !important; margin-bottom: 20px !important; } #pum-8748 .pum-content h1, #pum-8748 .pum-content h2, #pum-8748 .pum-content h3 { font-size: 27px !important; } #pum-8748 .pum-content p { font-size: 14px !important; line-height: 1.65 !important; } #pum-8748 .pum-content a, #pum-8748 .pum-content .button, #pum-8748 .pum-content button { width: 100% !important; min-height: 52px !important; margin-top: 25px !important; padding: 0 20px !important; } #pum-8748 .pum-close { top: 10px !important; right: 10px !important; width: 38px !important; height: 38px !important; font-size: 18px !important; } } /* --------------------------------------------------------- 15. SMALL MOBILE --------------------------------------------------------- */ @media (max-width: 480px) { #pum-8748 .pum-content { padding: 35px 20px 35px !important; } #pum-8748 .pum-content img { width: 100px !important; } #pum-8748 .pum-content h1, #pum-8748 .pum-content h2, #pum-8748 .pum-content h3 { font-size: 24px !important; } }