/* ===============================
   EDH Premium Customer Popup
================================ */

#edh-customer-popup{

position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
align-items:center;
justify-content:center;

background:rgba(0,0,0,.65);

backdrop-filter:blur(8px);

z-index:999999;

padding:20px;

box-sizing:border-box;

animation:fadeIn .35s ease;

}

.edh-popup-box{

width:100%;

max-width:640px;

max-height:90vh;

overflow-y:auto;

background:#fff;

border-radius:22px;

box-shadow:0 25px 70px rgba(0,0,0,.25);

position:relative;

}

@keyframes popup{

from{

transform:translateY(30px) scale(.95);
opacity:0;

}

to{

transform:translateY(0) scale(1);
opacity:1;

}

}

@keyframes fadeIn{

from{opacity:0;}
to{opacity:1;}

}

/* Header */

.edh-popup-header{

background:linear-gradient(135deg,#2b5cff,#00a8ff);

padding:28px;

color:#fff;

}
/*==========================
Premium Header
==========================*/

.edh-popup-header{

background:linear-gradient(135deg,#2563eb,#0ea5e9);

padding:35px 35px 28px;

text-align:center;

color:#fff;

}

.edh-header-icon{

width:70px;
height:70px;

margin:auto;
margin-bottom:18px;

border-radius:50%;

background:#fff;

display:flex;
align-items:center;
justify-content:center;

font-size:34px;

box-shadow:0 10px 25px rgba(0,0,0,.20);

}

.edh-popup-header h2{

margin:0;

font-size:30px;

font-weight:700;

}

.edh-popup-header p{

margin-top:10px;

font-size:15px;

opacity:.95;

line-height:26px;

}

.edh-popup-header h2{

margin:0;

font-size:28px;

font-weight:700;

}

.edh-popup-header p{

margin-top:8px;

opacity:.9;

font-size:15px;

}

/* Body */

.edh-popup-body{

padding:30px;

}

.edh-form-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:18px;

}

.edh-full{

grid-column:1 / -1;

}

.edh-popup-box input,
.edh-popup-box textarea{

width:100%;

padding:14px 16px;

border:1px solid #dcdcdc;

border-radius:12px;

font-size:15px;

outline:none;

transition:.3s;

box-sizing:border-box;

}

.edh-popup-box textarea{

resize:vertical;

min-height:100px;

}

.edh-popup-box input:focus,
.edh-popup-box textarea:focus{

border-color:#2b5cff;

box-shadow:0 0 0 4px rgba(43,92,255,.12);

}

/* Button */

.edh-submit{

width:100%;

padding:16px;

border:none;

border-radius:12px;

background:linear-gradient(135deg,#2b5cff,#0099ff);

color:#fff;

font-size:17px;

font-weight:700;

cursor:pointer;

transition:.3s;

}

.edh-submit:hover{

transform:translateY(-2px);

box-shadow:0 15px 30px rgba(43,92,255,.35);

}

.edh-note{

margin-top:15px;

text-align:center;

font-size:13px;

color:#777;

}

/* Close */

.edh-close{

position:absolute;

top:16px;

right:16px;

width:42px;

height:42px;

border:none;

border-radius:50%;

background:#fff;

font-size:22px;

cursor:pointer;

box-shadow:0 5px 20px rgba(0,0,0,.15);

}

/* Mobile */

@media(max-width:768px){

.edh-form-grid{

grid-template-columns:1fr;

}

.edh-popup-header h2{

font-size:23px;

}

}
/* Submit Loading */

.edh-submit.loading{

pointer-events:none;

opacity:.8;

background:linear-gradient(135deg,#1d4ed8,#2563eb);

}

.edh-submit.loading::after{

content:"";

display:inline-block;

width:16px;

height:16px;

margin-left:10px;

border:2px solid #fff;

border-top-color:transparent;

border-radius:50%;

animation:spin .8s linear infinite;

vertical-align:middle;

}

@keyframes spin{

to{
transform:rotate(360deg);
}

}
.edh-hide-offer-popup .offer-popup{
    display:none !important;
}
/*=========================================
Professional Customer Form
=========================================*/

.edh-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.edh-form-grid label{
    display:block;
    margin-bottom:8px;
    font-size:15px;
    font-weight:600;
    color:#222;
}

.edh-form-grid input,
.edh-form-grid textarea,
.edh-form-grid select{

    width:100%;
    height:50px;

    border:1px solid #d9d9d9;
    border-radius:10px;

    padding:0 15px;

    font-size:15px;

    box-sizing:border-box;

    background:#fff;

}

.edh-form-grid textarea{

    height:130px;
    padding:15px;
    resize:none;

}

.edh-form-grid select{

    cursor:pointer;
    appearance:none;

    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23666'%3E%3Cpath d='M4 7l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 15px center;

}

.edh-full{
    grid-column:1/-1;
}

/* Quantity */

input[name="quantity"]{

    max-width:160px;

}

/* Price */

#edh_price{

    background:#f5f7fa;
    font-weight:700;
    color:#1565c0;

}

/* Popup Width */

.edh-popup-box{

    max-width:680px;

}
/*========================================
Professional Form Layout
========================================*/

.edh-form-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.edh-col{

display:flex;

flex-direction:column;

}

.edh-full{

grid-column:1/-1;

}

.edh-form-grid label{

margin-bottom:8px;

font-size:14px;

font-weight:600;

color:#1f2937;

}

.edh-form-grid input,
.edh-form-grid select,
.edh-form-grid textarea{

width:100%;

border:1px solid #d1d5db;

border-radius:12px;

padding:14px 16px;

font-size:15px;

background:#fff;

box-sizing:border-box;

transition:.3s;

}

.edh-form-grid input:focus,
.edh-form-grid select:focus,
.edh-form-grid textarea:focus{

border-color:#2563eb;

box-shadow:0 0 0 4px rgba(37,99,235,.12);

outline:none;

}

#edh_price{

background:#eef4ff;

font-weight:700;

color:#2563eb;

}

.edh-submit{

margin-top:10px;

}

@media(max-width:768px){

.edh-form-grid{

grid-template-columns:1fr;

}

.edh-full{

grid-column:auto;

}

}