:root{
  --bg:#f7fafc; --ink:#0f172a; --muted:#64748b; --line:#e5e7eb; --white:#ffffff;
  --brand:#0ea5e9; --violet:#8b5cf6; --amber:#f59e0b; --emerald:#10b981;
  --radius:16px; --shadow:0 10px 28px rgba(2,6,23,.08);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body.dvnx-body{margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg)}
img{max-width:100%;display:block} a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
h1,h2,h3,h4{margin:0 0 .5rem} h1{font-family:"Source Serif 4",serif;font-weight:700;letter-spacing:.2px} h2{font-weight:800} h3{font-weight:700}
.dvnx-muted{color:var(--muted)} .dvnx-sr{position:absolute;left:-9999px} .dvnx-container{max-width:1200px;margin-inline:auto;padding:0 1.25rem}

/* Buttons */
.dvnx-btn{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--brand),#38bdf8);color:#fff;font-weight:800;border:none;border-radius:12px;padding:.9rem 1.1rem;box-shadow:var(--shadow)}
.dvnx-btn:hover{text-decoration:none;filter:saturate(1.08)}
.dvnx-btn--ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}
.dvnx-btn--sm{padding:.6rem .8rem;border-radius:10px}
.dvnx-btn--lg{padding:1.05rem 1.3rem;border-radius:14px}
.dvnx-btn--chip{background:#111;color:#fff;padding:.45rem .8rem;border-radius:999px}

/* Top deal */
.dvnx-topdeal{background:linear-gradient(90deg,var(--amber),#fb923c);color:#111}
.dvnx-topdeal__row{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0}
.dvnx-topdeal__text{font-weight:800;display:flex;gap:.5rem;align-items:center}

/* Header */
.dvnx-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.dvnx-header__row{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
.dvnx-brand{display:flex;align-items:center;gap:.6rem;color:#111}
.dvnx-brand__logo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--violet));color:#fff;box-shadow:var(--shadow)}
.dvnx-brand__name{font-weight:800;letter-spacing:.2px}
.dvnx-nav{display:flex;gap:1.1rem;align-items:center} .dvnx-nav a{color:var(--ink);font-weight:600}
.dvnx-nav__toggle{display:none} .dvnx-nav__burger{display:none;font-size:1.25rem;cursor:pointer}
@media (max-width: 900px){
  .dvnx-nav{position:fixed;inset:64px 0 auto 0;background:#fff;padding:1rem 1.25rem;display:none;flex-direction:column;gap:1rem;border-bottom:1px solid var(--line)}
  .dvnx-nav__burger{display:grid;place-items:center}
  .dvnx-nav__toggle:checked ~ .dvnx-nav{display:flex}
}

/* Hero */
.dvnx-hero{padding:4rem 0 3rem;background:#fff}
.dvnx-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.dvnx-lead{color:#334155}
.dvnx-actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}
.dvnx-badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding:0;list-style:none;color:#334155}
.dvnx-badges li{display:flex;gap:.5rem;align-items:center;background:#f1f5f9;padding:.5rem .7rem;border-radius:999px}
.dvnx-grad{background:linear-gradient(90deg,var(--brand),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.dvnx-hero__art{height:380px;border-radius:24px;background:linear-gradient(160deg,rgba(14,165,233,.22),rgba(139,92,246,.22)),url('images/hero-travel.jpg') center/cover no-repeat;box-shadow:var(--shadow)}
@media (max-width: 900px){.dvnx-hero__grid{grid-template-columns:1fr}.dvnx-hero__art{height:260px}}

/* High/KPIs */
.dvnx-high{background:#f8fafc;padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dvnx-high__row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.dvnx-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem;text-align:center;box-shadow:var(--shadow)}
.dvnx-kpi strong{display:block;font-size:1.35rem} .dvnx-kpi span{color:var(--muted);font-size:.95rem}
@media (max-width: 900px){.dvnx-high__row{grid-template-columns:1fr 1fr}} @media (max-width: 600px){.dvnx-high__row{grid-template-columns:1fr}}

/* Destinations */
.dvnx-destinations{padding:2.5rem 0;background:#fff}
.dvnx-head{margin-bottom:1rem}
.dvnx-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width: 900px){.dvnx-grid-3{grid-template-columns:1fr 1fr}} @media (max-width: 600px){.dvnx-grid-3{grid-template-columns:1fr}}
.dvnx-tile{overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.dvnx-tile__img{height:180px;background-size:cover;background-position:center}
.dvnx-tile__body{padding:1rem}
.dvnx-link{font-weight:800}

/* Tours (no prices) */
.dvnx-tours{padding:2.5rem 0;background:#f8fafc}
.dvnx-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}
.dvnx-chip{padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:700;cursor:pointer}
.dvnx-chip--active{background:#111;color:#fff;border-color:#111}
.dvnx-tour{overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);display:grid;grid-template-rows:180px auto}
.dvnx-tour__img{background-size:cover;background-position:center}
.dvnx-tour__body{padding:1rem;display:grid;gap:.6rem}
.dvnx-tour__foot{display:flex;justify-content:flex-end}

/* Styles tabs */
.dvnx-styles{padding:2.5rem 0;background:#fff}
.dvnx-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}
.dvnx-tab{padding:.55rem .9rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:800;color:#111;cursor:pointer}
.dvnx-tab--active{background:linear-gradient(135deg,var(--brand),#38bdf8);color:#fff;border-color:transparent}
.dvnx-panel{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow)} .dvnx-panel--active{display:block}
.dvnx-panel__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}
.dvnx-bullets{margin:0;padding-left:1.1rem}
@media (max-width: 900px){.dvnx-panel__grid{grid-template-columns:1fr}}

/* Config (no price, badge result) */
.dvnx-config{padding:2.5rem 0;background:#fff}
.dvnx-config__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:start}
.dvnx-form{background:#fff;border:1px solid var(--line);padding:1rem;border-radius:16px;box-shadow:var(--shadow);display:grid;gap:.75rem}
.dvnx-form select,.dvnx-form input,.dvnx-form textarea{width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid var(--line);background:#fff}
.dvnx-note{color:var(--muted);font-size:.92rem}
.dvnx-config__result{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow)}
.dvnx-quote__badge{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:.4rem .8rem;font-weight:800}
@media (max-width: 900px){.dvnx-config__grid{grid-template-columns:1fr}}

/* Why */
.dvnx-why{padding:2.5rem 0;background:linear-gradient(180deg,#fff,#f1f5f9)}
.dvnx-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width: 900px){.dvnx-grid-4{grid-template-columns:1fr 1fr}} @media (max-width: 600px){.dvnx-grid-4{grid-template-columns:1fr}}
.dvnx-mini{background:#fff;border:1px solid var(--line);padding:1rem;border-radius:16px;box-shadow:var(--shadow)} .dvnx-mini i{color:var(--brand);font-size:1.4rem;margin-bottom:.35rem;display:block}

/* Stories */
.dvnx-stories{padding:2.5rem 0;background:#fff}
.dvnx-snap{display:flex;gap:1rem;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:.25rem}
.dvnx-story{flex:0 0 300px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding-bottom:.8rem}
.dvnx-story__img{height:170px;background-size:cover;background-position:center;border-top-left-radius:16px;border-top-right-radius:16px}

/* Team */
.dvnx-team{padding:2.5rem 0;background:#fff}
.dvnx-person{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:1rem;text-align:center}
.dvnx-person__photo{width:100%;height:200px;background-size:cover;background-position:center;border-radius:12px;margin-bottom:.6rem}

/* Pakketten (no prices) */
.dvnx-pricing{padding:2.5rem 0;background:#f8fafc}
.dvnx-pricecard{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:1rem;text-align:center}
.dvnx-pricecard--hit{outline:3px solid rgba(14,165,233,.25)}
.dvnx-list{list-style:none;margin:.5rem 0 1rem;padding:0;display:grid;gap:.25rem}

/* FAQ */
.dvnx-faq{padding:2.5rem 0;background:#fff}
.dvnx-acc{display:grid;gap:.6rem}
.dvnx-acc__item{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.dvnx-acc__btn{width:100%;text-align:left;padding:1rem;font-weight:800;background:#fff;border:0}
.dvnx-acc__panel{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1rem}
.dvnx-acc__item--open .dvnx-acc__panel{max-height:180px;padding-bottom:1rem}

/* News (image bg) */
.dvnx-news__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:center}
.dvnx-form--inline{display:flex;gap:.6rem} .dvnx-form--inline input{flex:1}
@media (max-width: 900px){.dvnx-news__grid{grid-template-columns:1fr}.dvnx-form--inline{flex-direction:column}}

/* Deal (moved near contact) */
.dvnx-deal{padding:2.5rem 0;background:linear-gradient(90deg, rgba(245,158,11,.1), rgba(14,165,233,.1))}
.dvnx-deal__box{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;background:linear-gradient(90deg,var(--amber),#fb923c);color:#111;border-radius:20px;padding:1.25rem;box-shadow:var(--shadow)}
.dvnx-ticks{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.25rem}
.dvnx-ticks i{color:#065f46}
@media (max-width: 900px){.dvnx-deal__box{flex-direction:column;align-items:flex-start}}

/* Contact + Footer */
.dvnx-contact{padding:2.5rem 0;background:#f8fafc}
.dvnx-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.dvnx-contact__list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.4rem}
@media (max-width: 900px){.dvnx-contact__grid{grid-template-columns:1fr}}

.dvnx-footer{padding:2rem 0 0;background:#fff;border-top:1px solid var(--line)}
.dvnx-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.25rem;padding-bottom:1rem}
.dvnx-foot__title{margin-bottom:.5rem}
.dvnx-foot__links{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.dvnx-brand--footer .dvnx-brand__logo{background:linear-gradient(135deg,var(--emerald),#22c55e)}
.dvnx-foot__bar{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin-top:1rem;color:var(--muted)}
.dvnx-socials{display:flex;gap:.75rem} .dvnx-socials a{color:#475569} .dvnx-socials a:hover{color:#111}

/* Pop-up */
.dvnx-pop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:1rem}
.dvnx-pop[hidden]{display:none} .dvnx-noscroll{overflow:hidden}
.dvnx-pop__box{max-width:420px;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow);text-align:center}
.dvnx-pop__box i{color:var(--emerald);margin-right:.35rem} .dvnx-pop__close{margin-top:.75rem}
/* ===== Light Theme — Terra & Sea ===== */
:root{
  /* Тёплая светлая тема */
  --bg:#fcf8f3;        /* слоновая кость */
  --ink:#1f2937;       /* тёмный слейт */
  --muted:#6b7280;     /* приглушённый текст */
  --line:#e7e5e4;      /* тёплая граница */
  --white:#ffffff;

  /* Акценты */
  --brand:#0ea5a3;     /* тёплый teal */
  --accent:#e76f51;    /* терракота */
  --sun:#f4a261;       /* песочно-янтарный */
  --sage:#2f855a;      /* шалфей/лесной */

  --radius:16px;
  --shadow:0 10px 28px rgba(31,41,55,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.dvnx-body{
  margin:0;
  font-family:Outfit, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:16px; line-height:1.6;
  color:var(--ink);
  /* мягкая текстура из градиентов */
  background:
    radial-gradient(1000px 600px at -10% -10%, rgba(231,111,81,.08), transparent 60%),
    radial-gradient(900px 500px at 110% 10%, rgba(14,165,163,.08), transparent 60%),
    var(--bg);
}
img{max-width:100%;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{margin:0 0 .5rem}
h1{font-family:"Source Serif 4", serif;font-weight:700;letter-spacing:.2px}
h2{font-weight:800}
h3{font-weight:700}
.dvnx-muted{color:var(--muted)}
.dvnx-sr{position:absolute;left:-9999px}

.dvnx-container{max-width:1200px;margin-inline:auto;padding:0 1.25rem}

/* ===== Buttons ===== */
.dvnx-btn{
  display:inline-flex;align-items:center;gap:.6rem;
  background:linear-gradient(135deg,var(--brand),#2dd4bf);
  color:#fff;font-weight:800;border:none;border-radius:12px;
  padding:.9rem 1.1rem;box-shadow:var(--shadow)
}
.dvnx-btn:hover{filter:saturate(1.08)}
.dvnx-btn--ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}
.dvnx-btn--sm{padding:.6rem .8rem;border-radius:10px}
.dvnx-btn--lg{padding:1.05rem 1.3rem;border-radius:14px}
.dvnx-btn--chip{background:#111;color:#fff;padding:.45rem .8rem;border-radius:999px}

/* ===== Top deal ===== */
.dvnx-topdeal{
  background:linear-gradient(90deg,var(--accent),var(--sun));
  color:#2a2a2a;
}
.dvnx-topdeal__row{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0}
.dvnx-topdeal__text{font-weight:800;display:flex;gap:.5rem;align-items:center}

/* ===== Header ===== */
.dvnx-header{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)
}
.dvnx-header__row{display:flex;align-items:center;justify-content:space-between;padding:.9rem;}
.dvnx-brand{display:flex;align-items:center;gap:.6rem;color:#111}
.dvnx-brand__logo{
  display:grid;place-items:center;width:42px;height:42px;border-radius:12px;
  background:conic-gradient(from 30deg, var(--brand), var(--accent), var(--brand));
  color:#fff;box-shadow:var(--shadow)
}
.dvnx-brand__name{font-weight:800;letter-spacing:.2px}
.dvnx-nav{display:flex;gap:1.1rem;align-items:center}
.dvnx-nav a{color:var(--ink);font-weight:600}
.dvnx-nav a:hover{color:#000}
.dvnx-nav__toggle{display:none}
.dvnx-nav__burger{display:none;font-size:1.25rem;cursor:pointer}
@media (max-width: 900px){
  .dvnx-nav{
    position:fixed;inset:64px 0 auto 0;background:#fff;
    padding:1rem 1.25rem;display:none;flex-direction:column;gap:1rem;
    border-bottom:1px solid var(--line)
  }
  .dvnx-nav__burger{display:grid;place-items:center}
  .dvnx-nav__toggle:checked ~ .dvnx-nav{display:flex}
}

/* ===== Hero — новый фон (изображение + дуотон) ===== */
.dvnx-hero{
  padding:4rem 0 3rem;
  background:
    linear-gradient(180deg, rgba(46,160,154,.10), rgba(231,111,81,.10)),
    #fff;
}
.dvnx-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.dvnx-lead{color:#374151}
.dvnx-actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}
.dvnx-badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding:0;list-style:none;color:#374151}
.dvnx-badges li{display:flex;gap:.5rem;align-items:center;background:#f3f4f6;padding:.5rem .7rem;border-radius:999px}
.dvnx-grad{
  background:linear-gradient(90deg,var(--brand),var(--accent));
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.dvnx-hero__art{
  height:380px;border-radius:24px;
  background:
    linear-gradient(160deg, rgba(14,165,163,.28), rgba(231,111,81,.25)),
    url('images/hero-travel.jpg') center/cover no-repeat;
  box-shadow:var(--shadow)
}
@media (max-width: 900px){
  .dvnx-hero__grid{grid-template-columns:1fr}
  .dvnx-hero__art{height:260px}
}

/* ===== KPIs — «карточный» фон на песочном слое ===== */
.dvnx-high{
  background:
    radial-gradient(800px 400px at 10% 0%, rgba(244,162,97,.18), transparent 60%),
    #fff7ed; /* теплый песочный */
  padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.dvnx-high__row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.dvnx-kpi{
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:.9rem;text-align:center;box-shadow:var(--shadow)
}
.dvnx-kpi strong{display:block;font-size:1.35rem}
.dvnx-kpi span{color:var(--muted);font-size:.95rem}
@media (max-width: 900px){.dvnx-high__row{grid-template-columns:1fr 1fr}}
@media (max-width: 600px){.dvnx-high__row{grid-template-columns:1fr}}

/* ===== Destinations — белый + тёплые карточки ===== */
.dvnx-destinations{padding:2.5rem 0;background:#fff}
.dvnx-head{margin-bottom:1rem}
.dvnx-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width: 900px){.dvnx-grid-3{grid-template-columns:1fr 1fr}}
@media (max-width: 600px){.dvnx-grid-3{grid-template-columns:1fr}}
.dvnx-tile{
  overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#fff;
  box-shadow:var(--shadow)
}
.dvnx-tile__img{height:180px;background-size:cover;background-position:center}
.dvnx-tile__body{padding:1rem}
.dvnx-link{font-weight:800}

/* ===== Tours — фон с «бумагой» из градиентов (без цен) ===== */
.dvnx-tours{
  padding:2.5rem 0;
  background:
    radial-gradient(500px 300px at 90% -10%, rgba(14,165,163,.12), transparent 60%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.02) 0 2px, rgba(0,0,0,0) 2px 4px),
    #fffbf6;
}
.dvnx-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}
.dvnx-chip{padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:700;cursor:pointer}
.dvnx-chip--active{background:#111;color:#fff;border-color:#111}
.dvnx-tour{
  overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#fff;
  box-shadow:var(--shadow);display:grid;grid-template-rows:180px auto
}
.dvnx-tour__img{background-size:cover;background-position:center}
.dvnx-tour__body{padding:1rem;display:grid;gap:.6rem}
.dvnx-tour__foot{display:flex;justify-content:flex-end}

/* ===== Styles (табы) — светлая карточка на белом мраморе ===== */
.dvnx-styles{
  padding:2.5rem 0;
  background:
    radial-gradient(600px 360px at 10% 100%, rgba(231,111,81,.10), transparent 60%),
    #fff;
}
.dvnx-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}
.dvnx-tab{
  padding:.55rem .9rem;border:1px solid var(--line);border-radius:999px;
  background:#fff;font-weight:800;color:#111;cursor:pointer
}
.dvnx-tab--active{
  background:linear-gradient(135deg,var(--brand),#34d399);
  color:#fff;border-color:transparent
}
.dvnx-panel{
  background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow)
}
.dvnx-panel--active{display:block}
.dvnx-panel__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}
.dvnx-bullets{margin:0;padding-left:1.1rem}
@media (max-width: 900px){.dvnx-panel__grid{grid-template-columns:1fr}}

/* ===== Config — светлый с оливковым градиентом ===== */
.dvnx-config{
  padding:2.5rem 0;
  background:
    linear-gradient(180deg, rgba(47,133,90,.10), rgba(244,162,97,.08)),
    #fff;
}
.dvnx-config__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:start}
.dvnx-form{
  background:#fff;border:1px solid var(--line);padding:1rem;border-radius:16px;box-shadow:var(--shadow);
  display:grid;gap:.75rem
}
.dvnx-form select,.dvnx-form input,.dvnx-form textarea{
  width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid var(--line);background:#fff
}
.dvnx-note{color:var(--muted);font-size:.92rem}
.dvnx-config__result{
  background:linear-gradient(180deg,#ffffff, #f2f7f5);
  border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow)
}
.dvnx-quote__badge{
  display:inline-block;background:#111;color:#fff;border-radius:999px;padding:.4rem .8rem;font-weight:800
}
@media (max-width: 900px){.dvnx-config__grid{grid-template-columns:1fr}}

/* ===== Why — «слой облаков» сверху вниз ===== */
.dvnx-why{
  padding:2.5rem 0;
  background:
    linear-gradient(180deg,#fff, #f7f9fb);
}
.dvnx-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width: 900px){.dvnx-grid-4{grid-template-columns:1fr 1fr}}
@media (max-width: 600px){.dvnx-grid-4{grid-template-columns:1fr}}
.dvnx-mini{
  background:#fff;border:1px solid var(--line);padding:1rem;border-radius:16px;box-shadow:var(--shadow);text-align:left
}
.dvnx-mini i{color:var(--brand);font-size:1.4rem;margin-bottom:.35rem;display:block}

/* ===== Stories — белый, карточки с тёплой тенью ===== */
.dvnx-stories{padding:2.5rem 0;background:#fff}
.dvnx-snap{display:flex;gap:1rem;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:.25rem}
.dvnx-story{
  flex:0 0 300px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);
  border-radius:16px;box-shadow:0 12px 20px rgba(231,111,81,.08);padding-bottom:.8rem
}
.dvnx-story__img{height:170px;background-size:cover;background-position:center;border-top-left-radius:16px;border-top-right-radius:16px}

/* ===== Partners — «маркировочная» лента на песке ===== */
.dvnx-partners{
  padding:1.25rem 0;
  background:
    linear-gradient(90deg, rgba(14,165,163,.08), rgba(231,111,81,.08)),
    #fff7ed;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.dvnx-marquee{display:flex;gap:2rem;white-space:nowrap;animation:dvnx-mar 18s linear infinite}
.dvnx-marquee span{font-weight:800;color:#374151}
@keyframes dvnx-mar{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== Team — белый, карточки с мягкой рамкой ===== */
.dvnx-team{padding:2.5rem 0;background:#fff}
.dvnx-person{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:1rem;text-align:center}
.dvnx-person__photo{margin: 20px auto;border-radius:50%;width:200px;height:200px;background-size:cover;background-position:center;margin-bottom:.6rem}

/* ===== Pakketten — бежевый фон, без цен ===== */
.dvnx-pricing{
  padding:2.5rem 0;
  background:
    radial-gradient(700px 380px at -5% 0, rgba(14,165,163,.10), transparent 60%),
    #fff8f1;
}
.dvnx-pricecard{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:1rem;text-align:center}
.dvnx-pricecard--hit{outline:3px solid rgba(14,165,163,.25)}
.dvnx-list{list-style:none;margin:.5rem 0 1rem;padding:0;display:grid;gap:.25rem}

/* ===== FAQ — чистый белый с тёплыми акцентами ===== */
.dvnx-faq{padding:2.5rem 0;background:#fff}
.dvnx-acc{display:grid;gap:.6rem}
.dvnx-acc__item{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.dvnx-acc__btn{width:100%;text-align:left;padding:1rem;font-weight:800;background:#fff;border:0}
.dvnx-acc__btn:hover{background:#fff7ed}
.dvnx-acc__panel{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1rem}
.dvnx-acc__item--open .dvnx-acc__panel{max-height:180px;padding-bottom:1rem}

/* ===== News — фотофон, с теплыми вуалями ===== */
.dvnx-news{
  padding:2.5rem 0;
  background:
    linear-gradient(180deg, rgba(14,165,163,.10), rgba(231,111,81,.10));
}
.dvnx-news__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:center}
.dvnx-form--inline{display:flex;gap:.6rem}
.dvnx-form--inline input{flex:1}
@media (max-width: 900px){.dvnx-news__grid{grid-template-columns:1fr}.dvnx-form--inline{flex-direction:column}}

/* ===== Deal (перед контактом) — яркая терракота+песок ===== */
.dvnx-deal{
  padding:2.5rem 0;
  background:
    linear-gradient(90deg, rgba(231,111,81,.12), rgba(14,165,163,.12));
}
.dvnx-deal__box{
  display:flex;align-items:center;justify-content:space-between;gap:1.25rem;
  background:linear-gradient(90deg,var(--accent),var(--sun));
  color:#2a2a2a;border-radius:20px;padding:1.25rem;box-shadow:var(--shadow)
}
.dvnx-ticks{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.25rem}
.dvnx-ticks i{color:#065f46}
@media (max-width: 900px){.dvnx-deal__box{flex-direction:column;align-items:flex-start}}

/* ===== Contact ===== */
dvnx-contact{}
.dvnx-contact{
  padding:2.5rem 0;
  background:
    radial-gradient(600px 360px at 100% 100%, rgba(47,133,90,.12), transparent 60%),
    #fffef9;
}
.dvnx-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.dvnx-contact__list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.4rem}
.dvnx-form{background:#fff;border:1px solid var(--line);padding:1rem;border-radius:16px;box-shadow:var(--shadow)}
.dvnx-form__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
label{display:grid;gap:.4rem;font-weight:600}
input,textarea{width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid var(--line);background:#fff;color:#111}
input::placeholder,textarea::placeholder{color:#9aa2ad}
@media (max-width: 900px){.dvnx-contact__grid{grid-template-columns:1fr}.dvnx-form__row{grid-template-columns:1fr}}

/* ===== Footer ===== */
.dvnx-footer{
  padding:2rem 0 0;
  background:
    linear-gradient(180deg,#fff, #faf7f2);
  border-top:1px solid var(--line)
}
.dvnx-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.25rem;padding-bottom:1rem}
.dvnx-foot__title{margin-bottom:.5rem}
.dvnx-foot__links{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.dvnx-brand--footer .dvnx-brand__logo{background:conic-gradient(from 60deg, var(--sage), var(--brand), var(--sage))}
.dvnx-foot__bar{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin-top:1rem;color:var(--muted)}
.dvnx-socials{display:flex;gap:.75rem}
.dvnx-socials a{color:#475569}
.dvnx-socials a:hover{color:#111}
@media (max-width: 900px){.dvnx-footer__grid{grid-template-columns:1fr 1fr}.dvnx-foot__bar{flex-direction:column;gap:.75rem}}
@media (max-width: 600px){.dvnx-footer__grid{grid-template-columns:1fr}}

/* ===== Pop-up ===== */
.dvnx-pop{position:fixed;inset:0;background:rgba(17,24,39,.55);display:grid;place-items:center;padding:1rem}
.dvnx-pop[hidden]{display:none}
.dvnx-noscroll{overflow:hidden}
.dvnx-pop__box{
  max-width:420px;width:100%;background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:1.25rem;box-shadow:var(--shadow);text-align:center
}
.dvnx-pop__box i{color:var(--sage);margin-right:.35rem}
.dvnx-pop__close{margin-top:.75rem}
/* === Reisstijlen — усиленная стилизация блока с табами === */

/* Локальная палитра и декоративный фон */
.dvnx-styles{
  /* локальные переменные только для этого блока */
  --sx-ring: rgba(14,165,163,.35);
  --sx-grad-1: linear-gradient(135deg, var(--brand), #34d399);
  --sx-grad-2: linear-gradient(135deg, var(--accent), var(--sun));

  position: relative;
  padding: 2.75rem 0;
  /* мягкий тёплый фон с легкой текстурой */
  background:
    radial-gradient(700px 380px at 0% 100%, rgba(231,111,81,.10), transparent 60%),
    radial-gradient(600px 320px at 100% 0%, rgba(14,165,163,.10), transparent 60%),
    #fff;
}

/* лёгкая «вуаль» сверху */
.dvnx-styles::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.018) 0 2px, rgba(0,0,0,0) 2px 4px);
  opacity:.7;
}

/* Заголовок секции */
.dvnx-styles .dvnx-head h2{
  font-size: clamp(1.35rem, 1.1rem + 1.2vw, 1.9rem);
  line-height:1.15;
  margin-bottom:.35rem;
  background: linear-gradient(90deg, var(--brand), var(--accent));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.dvnx-styles .dvnx-head p{ color:#374151 }

/* Группа табов: «сегменты» на общей плашке */
.dvnx-tabs{
  display:flex; flex-wrap:wrap; gap:.6rem;
  padding:.5rem; border:1px solid var(--line); border-radius:999px;
  background:#fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.04);
}

/* Таб: градиентная рамка + плавные состояния */
.dvnx-tab{
  position:relative;
  padding:.6rem 1rem; font-weight:800; cursor:pointer;
  border-radius:999px; border:2px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    var(--sx-grad-1) border-box;
  color:#111;
  transition: transform .12s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.dvnx-tab:hover{ transform:translateY(-1px) }
.dvnx-tab:focus-visible{
  outline:none;
  box-shadow: 0 0 0 4px var(--sx-ring);
}

/* Активный таб — залит градиентом */
.dvnx-tab--active{
  background: var(--sx-grad-1);
  color:#fff;
  box-shadow: 0 8px 18px rgba(14,165,163,.25);
  border-color:transparent;
}

/* Иконки для табов из Font Awesome (без изменения HTML) */
.dvnx-tab::before{
  font: 900 1em "Font Awesome 6 Free";
  margin-right:.45rem; display:inline-block;
}
.dvnx-tab[data-tab="relax"]::before{ content:"\f5ca"; }     /* spa */
.dvnx-tab[data-tab="avontuur"]::before{ content:"\f6ec"; }  /* hiking */
.dvnx-tab[data-tab="luxe"]::before{ content:"\f005"; }      /* star */

/* Панель: «стекло» с мягкими границами и анимацией появления */
.dvnx-panel{
  background:
    radial-gradient(400px 240px at 100% 0, rgba(14,165,163,.06), transparent 60%),
    #f9fafb;
  border:1px solid var(--line);
  border-radius:16px; padding:1.05rem;
  box-shadow: 0 10px 22px rgba(31,41,55,.06);
  opacity:.0; transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
}
.dvnx-panel--active{ opacity:1; transform: translateY(0) }

/* Внутренний грид с акцентной «полосой» слева у текста */
.dvnx-panel__grid{
  display:grid; grid-template-columns:1.2fr .8fr; gap:1rem; align-items:start;
}
.dvnx-panel__grid > p{
  margin:0; padding-left:.85rem;
  border-left:4px solid transparent;
  background:
    linear-gradient(#0000,#0000) padding-box,
    var(--sx-grad-2) border-box;
  -webkit-background-clip: padding-box, border-box;
          background-clip: padding-box, border-box;
  border-left-width:4px; border-left-style:solid;
  border-image-slice:1;
}

/* Маркеры списка — галочки FA */
.dvnx-bullets{ margin:.25rem 0 0; padding-left:0; list-style:none }
.dvnx-bullets li{
  position:relative; padding-left:1.55rem; margin:.25rem 0; color:#334155;
}
.dvnx-bullets li::before{
  content:"\f00c"; /* check */
  font:900 0.9em "Font Awesome 6 Free";
  color:#065f46;
  position:absolute; left:0; top:.25rem;
  width:1rem; height:1rem; display:grid; place-items:center;
}

/* Мобайл-адаптация */
@media (max-width: 900px){
  .dvnx-panel__grid{ grid-template-columns:1fr }
  .dvnx-tabs{ padding:.4rem }
  .dvnx-tab{ padding:.55rem .9rem }
}
/* === Config: фон картинкой + оверлей === */
#dvnx-config.dvnx-config{
  position: relative;
  /* по умолчанию эта картинка; ниже JS может подменять её */
  /* слой с фото + градиент сверху */
  background:
    linear-gradient(180deg, rgb(211 223 217 / 26%), rgb(33 32 31 / 69%)), var(--cfg-img) center / cover no-repeat fixed;
}

/* мягкая «вуаль» для читаемости контента */
#dvnx-config.dvnx-config::before{
  content:"";
  position:absolute; inset:0;
  background:
    llinear-gradient(26deg, rgb(255 255 255 / 29%) 0 28%, rgb(255 255 255 / 23%) 28% 68%, rgb(255 255 255 / 23%) 68% 100%);
  pointer-events:none;
}

/* чуть больше «стекла» у блока результата, чтобы фон не мешал */
#dvnx-config .dvnx-config__result{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.6);
  backdrop-filter: blur(6px);
}

/* и у формы, чтобы всё было единообразно */
#dvnx-config .dvnx-form{
  background: rgba(255,255,255,.92);
  border: 1px solid var(--line);
  backdrop-filter: blur(2px);
}
/* === Stories (Klantverhalen) — расширенная стилизация === */
#dvnx-stories.dvnx-stories{
  position: relative;
  padding: 2.75rem 0;
  /* теплый светлый фон с мягкими пятнами */
  background:
    radial-gradient(700px 380px at 0% 20%, rgba(231,111,81,.10), transparent 60%),
    radial-gradient(600px 320px at 100% 80%, rgba(14,165,163,.10), transparent 60%),
    #ffffff;
}

/* Заголовок: градиентный текст */
#dvnx-stories .dvnx-head h2{
  background: linear-gradient(90deg, var(--brand), var(--accent));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
#dvnx-stories .dvnx-head p{ color:#374151 }

/* Лента: edge-fade слева/справа + тонкий скроллбар */
#dvnx-stories .dvnx-snap{
  position: relative;
  padding-bottom: .5rem;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
}
#dvnx-stories .dvnx-snap::before,
#dvnx-stories .dvnx-snap::after{
  content:""; position:absolute; top:0; bottom:0; width:48px; pointer-events:none; z-index:2;
}
#dvnx-stories .dvnx-snap::before{
  left:0; background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
#dvnx-stories .dvnx-snap::after{
  right:0; background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}
/* кастомный скроллбар (webkit) */
#dvnx-stories .dvnx-snap::-webkit-scrollbar{ height:8px }
#dvnx-stories .dvnx-snap::-webkit-scrollbar-track{ background:#f1f5f9; border-radius:999px }
#dvnx-stories .dvnx-snap::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:999px }
#dvnx-stories .dvnx-snap::-webkit-scrollbar-thumb:hover{ background:#94a3b8 }

/* Карточки историй */
#dvnx-stories .dvnx-story{
  position: relative;
  flex:0 0 300px;
  scroll-snap-align:start;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 10px 20px rgba(31,41,55,.06);
  transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
  overflow:hidden;
}
#dvnx-stories .dvnx-story:hover{
  transform: translateY(-3px);
  box-shadow:0 16px 28px rgba(31,41,55,.12);
  border-color: rgba(14,165,163,.35);
}
#dvnx-stories .dvnx-story:focus-within{
  outline:none;
  box-shadow:0 0 0 4px rgba(14,165,163,.25), 0 16px 28px rgba(31,41,55,.12);
  border-color: transparent;
}

/* Верхняя декоративная полоска (разный оттенок по порядку) */
#dvnx-stories .dvnx-story::before{
  content:""; position:absolute; inset:0 auto auto 0; height:6px; width:100%;
  background: linear-gradient(90deg, var(--brand), #34d399);
}
#dvnx-stories .dvnx-story:nth-child(2)::before{
  background: linear-gradient(90deg, var(--accent), var(--sun));
}
#dvnx-stories .dvnx-story:nth-child(3)::before{
  background: linear-gradient(90deg, #94a3b8, var(--brand));
}

/* Фото с оверлеем и лёгким масштабом при ховере */
#dvnx-stories .dvnx-story__img{
  position:relative; height:190px; background-size:cover; background-position:center;
  transition: transform .25s ease;
}
#dvnx-stories .dvnx-story:hover .dvnx-story__img{ transform: scale(1.03) }
#dvnx-stories .dvnx-story__img::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.15));
  mix-blend-mode: multiply;
}

/* Текст карточки */
#dvnx-stories .dvnx-story h3{
  margin:.75rem 1rem .25rem; font-weight:800; color:#111;
}
#dvnx-stories .dvnx-story p{
  margin:.1rem 1rem .9rem; color:#334155; font-style:italic;
}

/* Значок кавычек перед цитатой (FA) — без изменения HTML */
#dvnx-stories .dvnx-story p::before{
  content:"\f10d"; /* fa-quote-left */
  font:900 0.85em "Font Awesome 6 Free";
  color:#64748b; margin-right:.45rem;
}

/* Скрытый «verified» бейдж на фото — появится при ховере */
#dvnx-stories .dvnx-story::after{
  content:"Verified"; position:absolute; top:10px; left:10px;
  font-size:.75rem; font-weight:800; letter-spacing:.3px;
  background:rgba(255,255,255,.9); color:#0f172a;
  border:1px solid rgba(0,0,0,.06); border-radius:999px;
  padding:.25rem .6rem;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  opacity:0; transform: translateY(-6px);
  transition: opacity .18s ease, transform .18s ease;
}
#dvnx-stories .dvnx-story:hover::after{ opacity:1; transform: translateY(0) }

/* Уважение к настройкам «меньше анимации» */
@media (prefers-reduced-motion: reduce){
  #dvnx-stories .dvnx-story,
  #dvnx-stories .dvnx-story__img,
  #dvnx-stories .dvnx-snap{ transition: none !important }
}
/* === Team: фон картинкой + вуаль === */
#dvnx-team.dvnx-team{
  position: relative;
  /* можно быстро заменить фон, поменяв путь ниже */
  --team-img: url('images/team-bg.jpg');
  background:
    linear-gradient(180deg, rgba(14,165,163,.10), rgba(231,111,81,.10)),
    var(--team-img) center/cover no-repeat;
}

/* дополнительная «вуаль» для контраста контента */
#dvnx-team.dvnx-team::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(800px 420px at 0% 100%, rgba(255,255,255,.55), rgba(255,255,255,.05) 60%),
    radial-gradient(800px 420px at 100% 0%, rgba(255,255,255,.55), rgba(255,255,255,.05) 60%);
  pointer-events:none;
}

/* «стеклянные» карточки на фоне */
#dvnx-team .dvnx-person{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.7);
  backdrop-filter: blur(4px);
  box-shadow: 0 12px 24px rgba(31,41,55,.10);
}

/* заголовок — лёгкий акцент */
#dvnx-team .dvnx-head h2{
  background: linear-gradient(90deg, var(--brand), var(--accent));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* на больших экранах можно добавить «параллакс» */
@media (min-width: 1024px){
  #dvnx-team.dvnx-team{
    background-attachment: fixed, fixed; /* градиент и фото */
  }
}
/* === FAQ — улучшенная стилизация аккордеона === */
#dvnx-faq.dvnx-faq{
  position:relative;
  padding: 2.75rem 0;
  background:
    radial-gradient(700px 380px at 0% 0%, rgba(231,111,81,.10), transparent 60%),
    radial-gradient(700px 380px at 100% 100%, rgba(14,165,163,.10), transparent 60%),
    #fff;
}

#dvnx-faq .dvnx-head h2{
  background: linear-gradient(90deg, var(--brand), var(--accent));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* Аккордеон: карточки */
#dvnx-faq .dvnx-acc{ display:grid; gap:.7rem; margin-top:.6rem }
#dvnx-faq .dvnx-acc__item{
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:0 10px 20px rgba(31,41,55,.06); overflow:hidden;
  transition: border-color .2s ease, box-shadow .2s ease;
}
#dvnx-faq .dvnx-acc__item:hover{
  border-color: rgba(14,165,163,.35);
  box-shadow:0 14px 28px rgba(31,41,55,.10);
}

/* Кнопка вопроса */
#dvnx-faq .dvnx-acc__btn{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1rem 1.05rem; font-weight:800; background:#fff; border:0; color:#111; cursor:pointer;
}
#dvnx-faq .dvnx-acc__btn:focus-visible{
  outline:none; box-shadow:0 0 0 4px rgba(14,165,163,.25) inset;
  border-radius:12px;
}

/* Иконка-стрелка справа (Font Awesome) */
#dvnx-faq .dvnx-acc__btn::after{
  content:"\f078"; /* chevron-down */
  font:900 0.9em "Font Awesome 6 Free";
  color:#64748b; transition: transform .2s ease, color .2s ease;
}
#dvnx-faq .dvnx-acc__item--open .dvnx-acc__btn::after{
  transform: rotate(180deg); color:#0f766e;
}

/* Панель ответа */
#dvnx-faq .dvnx-acc__panel{
  max-height:0; overflow:hidden; padding:0 1.05rem;
  transition:max-height .28s ease, padding .28s ease, background-color .28s ease;
  background: linear-gradient(180deg, #ffffff, #f7f9fb);
  border-top:1px dashed rgba(100,116,139,.25);
}
#dvnx-faq .dvnx-acc__item--open .dvnx-acc__panel{
  max-height:260px; padding: .4rem 1.05rem 1rem;
}

/* Текст ответа */
#dvnx-faq .dvnx-acc__panel p{
  margin:.5rem 0 0; color:#334155;
}

/* Маленькие маркеры-иконки слева от вопросов (без изменения HTML) */
#dvnx-faq .dvnx-acc__btn::before{
  content:"\f059"; /* circle-question */
  font:900 1em "Font Awesome 6 Free";
  color:#0ea5a3; margin-right:.35rem;
}
#dvnx-faq .dvnx-acc__item:nth-child(2) .dvnx-acc__btn::before{ color:#e76f51 }
#dvnx-faq .dvnx-acc__item:nth-child(3) .dvnx-acc__btn::before{ color:#f4a261 }
#dvnx-faq .dvnx-acc__item:nth-child(4) .dvnx-acc__btn::before{ color:#2f855a }
/* === Deal (actie) — фон картинкой + вуаль === */
#dvnx-deal.dvnx-deal{
  position: relative;
  /* поменяй путь ниже, если хочешь другое изображение */

  /* фото под секцией + лёгкие цветовые вуали темы */
  background:
    linear-gradient(90deg, rgba(231,111,81,.12), rgba(14,165,163,.12)),
    var(--deal-img) center/cover no-repeat;
}

/* дополнительная «вуаль» поверх фото для контраста контента */
#dvnx-deal.dvnx-deal::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(1200px 600px at 10% 100%, rgba(255,255,255,.70), rgba(255,255,255,.15) 60%),
    radial-gradient(1200px 600px at 90% 0%, rgba(255,255,255,.70), rgba(255,255,255,.15) 60%);
  pointer-events:none;
}

/* сам бокс акции — немного «стекла», чтобы гармонировал с фоном */
#dvnx-deal .dvnx-deal__box{
  background:
    linear-gradient(90deg, rgba(231,111,81,.92), rgba(244,162,97,.92));
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,.55);
}

/* на больших экранах можно слегка закрепить фон */
@media (min-width: 1024px){
  #dvnx-deal.dvnx-deal{
    background-attachment: scroll, fixed; /* градиент скроллится, фото — «parallax» */
  }
}

/* мобильная подгонка: усилим вуаль и центрируем объект */
@media (max-width: 900px){
  #dvnx-deal.dvnx-deal{
    background:
      linear-gradient(90deg, rgba(231,111,81,.14), rgba(14,165,163,.14)),
      var(--deal-img) center/cover no-repeat;
  }
  #dvnx-deal.dvnx-deal::before{
    background:
      linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.55));
  }
}
/* === Footer: Dark theme === */
.dvnx-footer{
  background:
    radial-gradient(1000px 600px at 100% 0, rgba(34,211,238,.06), transparent 60%),
    radial-gradient(900px 500px at 0 100%, rgba(139,92,246,.06), transparent 60%),
    #0b1220; /* базовый тёмный */
  color:#e5e7eb;
  border-top:1px solid rgba(255,255,255,.08);
}
.dvnx-footer__grid{padding-bottom:1rem}
.dvnx-footer a{color:#e5e7eb;text-decoration:none}
.dvnx-footer a:hover{color:#ffffff;text-decoration:underline}
.dvnx-footer .dvnx-foot__title{color:#ffffff}
.dvnx-footer .dvnx-foot__links li{line-height:1.7}
.dvnx-footer .dvnx-muted{color:#9ca3af}

.dvnx-foot__bar{
  border-top:1px solid rgba(255,255,255,.12);
  color:#9ca3af;
  display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin-top:1rem
}
.dvnx-socials{display:flex;gap:.9rem}
.dvnx-socials a{color:#cbd5e1;transition:color .15s ease, transform .12s ease}
.dvnx-socials a:hover{color:#22d3ee;transform:translateY(-1px)}

.dvnx-brand--footer .dvnx-brand__logo{
  background:linear-gradient(135deg,#06b6d4,#0ea5a3);
  box-shadow:0 8px 18px rgba(2,6,23,.35)
}

@media (max-width: 900px){
  .dvnx-foot__bar{flex-direction:column;gap:.75rem;text-align:center}
}

/* === Cookie Consent (dvnx-cc) === */
.dvnx-cc-banner{
  position: fixed; left:0; right:0; bottom:0; z-index:60;
  background: rgba(11,18,32,.85); color:#e5e7eb; backdrop-filter: blur(6px);
  border-top:1px solid rgba(255,255,255,.12);
}
.dvnx-cc-banner[hidden]{display:none}
.dvnx-cc-inner{
  max-width:1200px; margin:0 auto; padding:1rem 1.25rem;
  display:flex; gap:1rem; align-items:flex-start; justify-content:space-between;
}
.dvnx-cc-title{margin:0 0 .25rem}
.dvnx-cc-text a{color:#22d3ee}
.dvnx-cc-actions{display:flex; gap:.5rem; flex-wrap:wrap}
.dvnx-cc-btn{white-space:nowrap}
.dvnx-cc-link{background:none;border:0;color:#cbd5e1;font-weight:800;cursor:pointer;padding:.6rem .8rem}
.dvnx-cc-link:hover{color:#fff;text-decoration:underline}
@media (max-width:900px){
  .dvnx-cc-inner{flex-direction:column}
  .dvnx-cc-actions{justify-content:flex-start}
}

/* Modal */
.dvnx-cc-modal{
  position:fixed; inset:0; z-index:70; display:grid; place-items:center;
  background: rgba(2,6,23,.55);
}
.dvnx-cc-modal[hidden]{display:none}
.dvnx-cc-modal__box{
  width:min(720px, 92vw); background:#fff; color:#0f172a;
  border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow);
  padding:1rem;
}
.dvnx-cc-modal__head{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.5rem}
.dvnx-cc-close{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.4rem .6rem;cursor:pointer}
.dvnx-cc-form{display:grid; gap:.6rem}
.dvnx-cc-row{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  border:1px solid var(--line); border-radius:12px; padding:.8rem .9rem; background:#f9fafb;
}
.dvnx-cc-row strong{font-weight:800}
.dvnx-cc-modal__actions{display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.4rem}
.dvnx-cc-note{color:#64748b; font-size:.92rem; margin:.35rem 0 0}