/* Popotio Luxury Service Pages v1.3 — restored premium navy design */

.popotio-luxury-page{
    --navy:#07111f;
    --navy2:#0b1727;
    --gold:#c9a24d;
    --gold2:#e2c574;
    --muted:#aeb8c4;
    --line:rgba(201,162,77,.38);
    width:100%;
    padding:64px 20px 55px;
    background:
        radial-gradient(circle at 50% 0%,rgba(201,162,77,.08),transparent 34%),
        linear-gradient(180deg,#07111f 0%,#030912 100%);
    color:#eef2f6;
}
.popotio-luxury-page *{box-sizing:border-box}
.popotio-luxury-shell{width:min(980px,100%);margin:0 auto}

.popotio-luxury-brand{
    text-align:center;
    margin-bottom:22px;
}

/* The official JPEG is displayed inside a navy frame and kept deliberately small. */
.popotio-logo-frame{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:250px;
    height:84px;
    overflow:hidden;
    background:#07111f;
    border-radius:2px;
}
.popotio-logo-frame img{
    display:block;
    width:250px;
    height:auto;
    max-height:84px;
    object-fit:contain;
    mix-blend-mode:screen;
    filter:contrast(1.04) saturate(1.05);
}

.popotio-luxury-rule{
    width:78px;height:2px;margin:0 auto 32px;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.popotio-luxury-hero{
    text-align:center;
    max-width:820px;
    margin:0 auto 34px;
}
.popotio-luxury-eyebrow{
    color:var(--gold2);
    font-size:10px;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
    margin-bottom:12px;
}
.popotio-luxury-hero h1{
    margin:0 auto 14px;
    color:#fff;
    font-size:clamp(29px,4vw,50px);
    line-height:1.08;
    font-weight:600;
    letter-spacing:-.02em;
}
.popotio-luxury-hero p{
    margin:0 auto;
    max-width:720px;
    color:var(--muted);
    font-size:15px;
    line-height:1.7;
}
.popotio-luxury-card{
    max-width:780px;
    margin:0 auto;
    padding:36px clamp(20px,5vw,52px) 42px;
    background:linear-gradient(145deg,rgba(18,34,52,.96),rgba(7,17,31,.98));
    border:1px solid var(--line);
    border-radius:16px;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
}
.popotio-luxury-card-head{
    text-align:center;
    margin-bottom:26px;
}
.popotio-luxury-card-head span{
    color:var(--gold2);
    font-size:9px;
    font-weight:700;
    letter-spacing:.18em;
}
.popotio-luxury-card-head h2{
    margin:8px 0 6px;
    color:#fff;
    font-size:27px;
    font-weight:600;
}
.popotio-luxury-card-head p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.6;
}
.popotio-luxury-form .wpforms-container{margin:0!important}
.popotio-luxury-form .wpforms-field-label,
.popotio-luxury-form .wpforms-field-sublabel{color:#f4f6f8!important}
.popotio-luxury-form input[type=text],
.popotio-luxury-form input[type=email],
.popotio-luxury-form input[type=tel],
.popotio-luxury-form input[type=number],
.popotio-luxury-form input[type=date],
.popotio-luxury-form input[type=time],
.popotio-luxury-form select,
.popotio-luxury-form textarea{
    width:100%!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:8px!important;
    min-height:48px;
}
.popotio-luxury-form textarea{min-height:120px}
.popotio-luxury-form input:focus,
.popotio-luxury-form select:focus,
.popotio-luxury-form textarea:focus{
    border-color:var(--gold)!important;
    box-shadow:0 0 0 2px rgba(201,162,77,.14)!important;
}
.popotio-luxury-form button[type=submit],
.popotio-luxury-form .wpforms-submit{
    width:100%!important;
    min-height:52px!important;
    margin-top:8px!important;
    background:linear-gradient(135deg,var(--gold2),var(--gold))!important;
    color:#07111f!important;
    border:0!important;
    border-radius:7px!important;
    font-weight:800!important;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.popotio-luxury-footer{
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-top:24px;
    padding-top:17px;
    border-top:1px solid rgba(255,255,255,.10);
    color:#7f8b98;
    font-size:9px;
    font-weight:700;
    letter-spacing:.14em;
}
@media(max-width:700px){
    .popotio-luxury-page{padding:42px 14px 36px}
    .popotio-logo-frame{width:220px;height:74px}
    .popotio-logo-frame img{width:220px;max-height:74px}
    .popotio-luxury-hero h1{font-size:30px}
    .popotio-luxury-hero p{font-size:14px}
    .popotio-luxury-card{padding:28px 16px 32px;border-radius:12px}
    .popotio-luxury-card-head h2{font-size:23px}
    .popotio-luxury-footer{flex-direction:column;text-align:center;gap:8px}
}