:root{--bg:#070706;--panel:#11110f;--panel2:#171612;--text:#f5f2ea;--muted:#a8a49a;--gold:#d9aa45;--gold2:#f1cf79;--green:#7fb885;--line:rgba(255,255,255,.1);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.header{position:absolute;top:0;left:0;right:0;z-index:5}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px}.logo-img{display:block;width:146px;height:auto;max-height:54px;object-fit:contain;object-position:left center}
.nav-link{color:#c8c4ba;font-size:14px}.nav-cta{border:1px solid rgba(217,170,69,.5);padding:12px 18px;border-radius:999px;color:var(--gold2);font-weight:600;font-size:13px}
.hero{min-height:800px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 35%,rgba(217,170,69,.12),transparent 34%),linear-gradient(90deg,#070706 0%,rgba(7,7,6,.88) 42%,rgba(7,7,6,.25) 100%)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,6,.98) 0%,rgba(7,7,6,.85) 40%,rgba(7,7,6,.1) 78%),
url('https://dealfin.cz/wp-content/uploads/2026/11/hero-background.avif') center right/cover no-repeat;z-index:0;opacity:.98}.hero-inner{position:relative;z-index:1;padding:130px 0 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(217,170,69,.35);background:rgba(217,170,69,.07);color:var(--gold2);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--gold2);box-shadow:0 0 14px var(--gold2)}
h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(38px,4.6vw,64px);line-height:1.03;letter-spacing:-.055em;margin:20px 0}.gold{color:var(--gold2)}
.hero-copy{font-size:18px;color:#cbc7bd;max-width:560px}.hero-copy b{color:#fff;font-weight:700}
.savings-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.savings-chip{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:13px;color:#dcd8cd}.savings-chip b{color:var(--gold2);font-family:Manrope;font-weight:800}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{border:0;cursor:pointer;border-radius:10px;padding:17px 26px;font-weight:800;font-size:15px;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#e7bd63,#b98627);color:#111;box-shadow:0 14px 40px rgba(217,170,69,.22)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#eee}
.hero-note{margin-top:16px;color:#817d74;font-size:12px;display:flex;align-items:center;gap:8px}.hero-note svg{flex:none}
.hero-visual{min-height:480px;position:relative}
.hero-form{position:relative;z-index:2;width:min(410px,100%);margin-left:auto;background:rgba(8,8,7,.88);backdrop-filter:blur(16px);border:1px solid rgba(217,170,69,.35);border-radius:20px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.6)}
.hero-form-brand{display:flex;align-items:center;gap:9px;margin-bottom:14px}.hero-form-brand .brand-logo{width:112px;height:auto;max-height:42px;object-fit:contain;object-position:left center}
.form-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(217,170,69,.14);border:1px solid rgba(217,170,69,.35);color:var(--gold2);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 10px;margin-bottom:12px}
.hero-form-title{font-family:Manrope;font-size:24px;line-height:1.1;margin:0 0 6px}.hero-form-sub{color:#a8a49a;font-size:12px;margin:0 0 16px}
.hero-form .fields{gap:10px}.hero-form .field input{padding:12px 12px}.hero-form .consent{margin:12px 0;font-size:10px}.hero-form .btn{padding:14px 16px;font-size:13px;width:100%}.hero-form .fine{font-size:9px}
.brand-strip{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#77736a;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.brand-strip strong{color:#bdb8ad;font-size:12px;letter-spacing:.03em}.brand-pills{display:flex;gap:8px;flex-wrap:wrap}.brand-pill{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 8px;color:#9b968c;background:rgba(255,255,255,.025)}
.section{padding:88px 0;border-bottom:1px solid var(--line)}.section-dark{background:#0b0b09}.section-head{max-width:700px;margin-bottom:42px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:800}.section h2{font-family:Manrope;font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-.045em;margin:12px 0}.section-sub{color:var(--muted);font-size:16px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#13130f,#0d0d0b)}.step-num{color:var(--gold);font-family:Manrope;font-weight:800;font-size:13px}.step h3{font-family:Manrope;font-size:21px;margin:24px 0 8px}.step p{color:var(--muted);margin:0;font-size:14px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}.trust-item{background:#0e0e0c;padding:26px}.trust-item strong{display:block;font-family:Manrope;font-size:32px;letter-spacing:-.04em}.trust-item span{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.examples{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.example-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(180deg,#13130f,#0d0d0b)}
.example-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.example-tag{font-family:Manrope;font-weight:800;font-size:13px;color:var(--gold2)}
.example-date{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.example-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:14px;color:#cbc7bd}
.example-row strong{font-family:Manrope;font-weight:700}
.example-row.highlight strong{color:var(--green)}
.example-save{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.example-save b{color:var(--gold2);font-family:Manrope}
.examples-note{color:#817d74;font-size:12px;margin-top:14px}
.faq{display:flex;flex-direction:column;gap:10px;max-width:820px}
.faq-item{border:1px solid var(--line);border-radius:14px;background:#0e0e0c;overflow:hidden}
.faq-item summary{cursor:pointer;padding:18px 22px;font-family:Manrope;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";color:var(--gold2);font-size:20px;font-weight:400;flex:none}
.faq-item[open] summary:after{content:"–"}
.faq-item p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:14px;line-height:1.6}
.form-section{padding:100px 0;background:radial-gradient(circle at 50% 0%,rgba(217,170,69,.13),transparent 42%),#090908}.form-wrap{max-width:820px;margin:auto;text-align:center}.form-wrap h2{font-size:clamp(32px,4vw,50px)}.form-wrap .section-sub{max-width:600px;margin:0 auto 32px}
.form{background:rgba(255,255,255,.045);border:1px solid var(--line);padding:30px;border-radius:22px;text-align:left;box-shadow:0 25px 80px rgba(0,0,0,.25)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;color:#bbb6ab;margin:0 0 7px}.field input{width:100%;border:1px solid rgba(255,255,255,.12);background:#0a0a09;color:#fff;border-radius:10px;padding:15px 14px;outline:none;font:inherit}.field input:focus{border-color:rgba(217,170,69,.7);box-shadow:0 0 0 3px rgba(217,170,69,.08)}
.consent{display:flex;gap:10px;align-items:flex-start;margin:17px 0;color:#8f8b82;font-size:12px}.consent input{accent-color:#d9aa45;margin-top:3px}.consent a{text-decoration:underline;color:#c9a55c}.form .btn{width:100%}.fine{font-size:11px;color:#6f6c65;text-align:center;margin-top:12px}
.success{display:none;padding:15px;border:1px solid rgba(116,180,114,.35);background:rgba(116,180,114,.08);color:#d9efd7;border-radius:10px;margin-bottom:15px}
.footer{padding:32px 0;color:#77736a;font-size:12px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer a{text-decoration:underline}
.footer-logo{width:128px;height:auto;max-height:44px;object-fit:contain;object-position:left center;opacity:.85}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(7,7,6,.92);backdrop-filter:blur(14px);border-top:1px solid rgba(217,170,69,.35);transform:translateY(100%);transition:transform .25s ease;box-shadow:0 -10px 30px rgba(0,0,0,.4)}
.sticky-cta.visible{transform:translateY(0)}
.sticky-cta .btn{width:100%;padding:15px 16px;font-size:14px}
@media(max-width:900px){.hero{min-height:1000px}
.hero:after{background:linear-gradient(180deg,rgba(7,7,6,.9) 0%,rgba(7,7,6,.8) 45%,rgba(7,7,6,.94) 100%),
url('https://dealfin.cz/wp-content/uploads/2026/11/hero-background-m900.avif') center/cover no-repeat}
.hero-inner{grid-template-columns:1fr;padding-top:120px}.hero-visual{min-height:420px}.hero-form{margin:0 auto}.steps{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}.examples{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:min(calc(100% - 28px),var(--max))}.nav{height:72px}.nav-link{display:none}.nav-cta{padding:10px 13px;font-size:11px}.logo-img{width:122px}.hero{min-height:980px}.hero-inner{padding:100px 0 50px}h1{font-size:36px}.hero-copy{font-size:15px}.savings-chip{font-size:12px;padding:9px 12px}.hero-actions .btn{width:100%}.section{padding:64px 0}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.form{padding:20px}.trust{grid-template-columns:1fr 1fr}.trust-item{padding:18px 14px}.trust-item strong{font-size:25px}.pcard{padding:16px 16px}.pcard-price strong{font-size:21px}.savings-result{flex-direction:column;text-align:center}.footer-inner{flex-direction:column;text-align:center}.hero-form-brand .brand-logo{width:100px}}

/* DEALFIN CZ PHONE FIELD STYLES */
.dealfin-phone-field .iti{display:block;width:100%}
.dealfin-phone-field .iti input{width:100%;padding-left:105px!important}
.dealfin-phone-field .iti__country-container{height:100%}
.dealfin-phone-field .iti__selected-country{padding-left:12px!important;background:transparent!important;border:0!important}
.dealfin-phone-field .iti__selected-dial-code{color:#fff!important;font-family:inherit!important;font-size:inherit!important;font-weight:400!important}
.dealfin-phone-field .iti__flag-container{height:100%}
.hero-form .dealfin-phone-field .iti input{padding-left:105px!important}
/* ============================================================
 * DEALFIN GOLD OFFER — PHONE COUNTRY DROPDOWN FIX
 * Нормальный выпадающий список стран
 * Поиск: DEALFIN GOLD OFFER PHONE DROPDOWN FIX
 * ============================================================ */

.dealfin-phone-field .iti {
    width: 100%;
    display: block;
}

/* Выпадающий список стран */
.dealfin-phone-field .iti__country-container {
    z-index: 9999;
}

.dealfin-phone-field .iti__dropdown-content {
    width: 320px !important;
    max-width: calc(100vw - 32px) !important;
    background: #0a0a09 !important;
    border: 1px solid rgba(217,170,69,.35) !important;
    border-radius: 10px !important;
    overflow: hidden;
    box-shadow: 0 18px 50px rgba(0,0,0,.55);
}

/* Поиск */
.dealfin-phone-field .iti__search-input {
    width: 100% !important;
    background: #11110f !important;
    color: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 0 !important;
    padding: 12px 14px !important;
    outline: none !important;
}

/* Список */
.dealfin-phone-field .iti__country-list {
    max-height: 260px !important;
    overflow-y: auto !important;
    background: #0a0a09 !important;
}

/* Одна страна */
.dealfin-phone-field .iti__country {
    color: #fff !important;
    padding: 9px 12px !important;
}

/* Hover */
.dealfin-phone-field .iti__country:hover,
.dealfin-phone-field .iti__country.iti__highlight {
    background: rgba(217,170,69,.12) !important;
}

/* Код страны */
.dealfin-phone-field .iti__dial-code {
    color: #aaa69c !important;
}