/* ============================================
   PRODUCT INQUIRY SHORTCODE STYLES
   ============================================ */
            /* ----------  Trigger ---------- */
            .portalcloud9-inquiry-floating { position: fixed; bottom: 20px; right: 20px; z-index: 999; }
            .portalcloud9-inquiry-trigger {
                background: linear-gradient(135deg, #1E90FF 0%, #000 100%);
                color: #fff; border: 1px solid rgba(255,255,255,.25);
                padding: 12px 20px; border-radius: 30px; cursor: pointer;
                box-shadow: 0 4px 20px rgba(30,144,255,.45);
                transition: .25s;
            }
            .portalcloud9-inquiry-trigger:hover { transform: translateY(-2px); }

            /* ----------  Box ---------- */
            .portalcloud9-inquiry-box {
                display: none; position: absolute; bottom: 60px; right: 0;
                width: 360px; max-width: 90vw; max-height: 600px;
                background: var(--p9-panel, rgba(255,255,255,.65)); backdrop-filter: blur(14px);
                border: 1px solid rgba(255,255,255,.35); border-radius: 16px;
                box-shadow: 0 8px 40px rgba(0,0,0,.18); flex-direction: column;
            }
            .portalcloud9-inquiry-open { display: flex; }
            body.portalcloud9-dark .portalcloud9-inquiry-box {
                background: var(--p9-panel-dark, rgba(74,74,74,.95)); border-color: rgba(255,255,255,.12);
            }

            /* ----------  Header ---------- */
            .portalcloud9-inquiry-header {
                background: linear-gradient(135deg, #1E90FF 0%, #000 100%);
                color: #fff; padding: 14px 20px; display: flex; justify-content: space-between;
                align-items: center; border-radius: 16px 16px 0 0;
                border-bottom: 1px solid rgba(255,255,255,.2);
            }
            .portalcloud9-inquiry-header h3 { margin: 0; font-size: 18px; }
            .portalcloud9-inquiry-close { background: none; border: none; color: #fff;
                font-size: 24px; cursor: pointer; }

            /* ----------  Product bar ---------- */
            .portalcloud9-inquiry-product { display: flex; gap: 12px; padding: 15px;
                border-bottom: 1px solid rgba(0,0,0,.06); }
            body.portalcloud9-dark .portalcloud9-inquiry-product { border-color: rgba(255,255,255,.06); }
            .portalcloud9-inquiry-product img { width: 50px; height: 50px; object-fit: cover;
                border-radius: 8px; }
            .portalcloud9-inquiry-product h4 { margin: 0 0 4px; font-size: 15px; }
            .portalcloud9-inquiry-product span { font-size: 14px; font-weight: 600; }

            /* ----------  Form ---------- */
            .portalcloud9-inquiry-form { display: flex; flex-direction: column; padding: 15px; gap: 10px; }
            .portalcloud9-inquiry-form input,
            .portalcloud9-inquiry-form textarea { width: 100%; padding: 10px 14px;
                border: 1px solid rgba(0,0,0,.08); border-radius: 8px;
                background: var(--p9-panel, rgba(255,255,255,.55)); font-size: 14px; }
            body.portalcloud9-dark .portalcloud9-inquiry-form input,
            body.portalcloud9-dark .portalcloud9-inquiry-form textarea {
                background: var(--p9-panel-dark, rgba(74,74,74,.95)); border-color: rgba(255,255,255,.08);
                color: #e2e8f0; }
            .portalcloud9-inquiry-form input:focus,
            .portalcloud9-inquiry-form textarea:focus { outline: none;
                border-color: #1E90FF; box-shadow: 0 0 0 3px rgba(30,144,255,.25); }
            .portalcloud9-inquiry-form button { align-self: flex-end;
                background: linear-gradient(135deg, #1E90FF 0%, #000 100%);
                color: #fff; border: none; padding: 10px 20px; border-radius: 8px;
                cursor: pointer; transition: .25s; }
            .portalcloud9-inquiry-form button:hover { transform: translateY(-2px);
                box-shadow: 0 4px 12px rgba(30,144,255,.35); }

            /* ----------  Glass toast ---------- */
            .portalcloud9-inquiry-toast { position: absolute; top: 16px; left: 16px; right: 16px;
                display: flex; align-items: center; gap: 10px; padding: 12px 16px;
                border-radius: 10px; font-size: 14px; font-weight: 500;
                transform: translateY(-20px); opacity: 0; pointer-events: none;
                transition: transform .35s, opacity .35s; z-index: 10; }
            .portalcloud9-inquiry-toast.show { transform: translateY(0); opacity: 1; }
            .portalcloud9-inquiry-toast.success { background: rgba(16,185,129,.85);
                backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.25); color: #fff; }
            .portalcloud9-inquiry-toast.error { background: rgba(239,68,68,.85);
                backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.25); color: #fff; }
            .portalcloud9-toast-icon { font-size: 18px; }

            /* ----------  Responsive ---------- */
            @media (max-width: 768px) {
                .portalcloud9-inquiry-floating { 
                    bottom: 70px; /* Higher to avoid footer on tablet */
                    right: 15px;
                }
                .portalcloud9-inquiry-box { 
                    width: 380px;
                    max-width: calc(100vw - 30px);
                    right: 15px;
                }
            }
            
            @media (max-width: 480px) {
                .portalcloud9-inquiry-floating { 
                    bottom: 80px; /* Higher to avoid footer */
                    right: 10px;  /* Stay on right side */
                    left: auto;   /* Override any left positioning */
                }
                .portalcloud9-inquiry-trigger {
                    padding: 10px 16px;
                    font-size: 14px;
                }
                .portalcloud9-inquiry-box { 
                    width: calc(100vw - 20px); /* Full width minus margins */
                    right: 10px;
                    left: auto;
                    bottom: 50px;
                }
            }