/* DealVorio reference UI v4
 * Final public presentation layer aligned to the approved navy/blue/teal
 * country/deals/courses dashboard references. It intentionally stays CSS-only:
 * existing routes, verification wording, SEO, forms and publication rules remain
 * authoritative. Loaded after every legacy public stylesheet. */
:root{
  --ref-navy:#041738;
  --ref-navy-2:#06245a;
  --ref-blue:#0e51c7;
  --ref-blue-2:#1479e8;
  --ref-teal:#04c8c1;
  --ref-cyan:#5de6e1;
  --ref-ink:#0a1b3d;
  --ref-muted:#63718a;
  --ref-line:#dfe7f2;
  --ref-surface:#ffffff;
  --ref-bg:#f6f9fd;
  --ref-shadow:0 8px 24px rgba(14,38,82,.075);
  --ref-shadow-lg:0 18px 44px rgba(7,34,85,.12);
}
html{background:var(--ref-bg)}
body{background:var(--ref-bg);color:var(--ref-ink)}
.wrap{width:min(1540px,calc(100% - 72px))}

/* Reference navigation: compact dark command bar with a restrained cyan active
 * underline rather than large pills. */
.site-header{background:linear-gradient(90deg,#031538 0%,#061d47 58%,#041a3d 100%);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 4px 18px rgba(1,16,47,.12)}
.nav-shell{min-height:70px;gap:18px}
.brand-mark,.brand-mark img{width:38px;height:38px}.brand-copy b{font-size:22px}.brand-copy small{display:none}
.primary-nav{gap:2px;align-self:stretch}.primary-nav a{display:inline-flex;align-items:center;min-height:70px;padding:0 10px;border-radius:0;color:#ecf3ff;font-size:13px;font-weight:650;background:transparent!important;border:0!important}
.primary-nav a:hover{color:#fff;background:rgba(255,255,255,.055)!important}.primary-nav a.active:after{left:8px;right:8px;bottom:0;height:3px;background:linear-gradient(90deg,#11d5cb,#48d8ff)}
.primary-nav .nav-freebie{color:#aef9f1}
.top-search{min-width:320px;max-width:410px;height:40px;border-radius:10px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.10)}
.top-search input{font-size:12px;padding-left:14px}.top-search button{width:42px;overflow:hidden;color:transparent;position:relative;background:transparent}.top-search button:after{content:'⌕';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:20px}

/* The supplied references share the same geographic hero vocabulary across
 * home, countries, categories, deals and course surfaces. */
.deal-desk-hero,.directory-hero,.category-hero,.page-hero,.article-hero{
  min-height:260px;
  background:
    linear-gradient(104deg,rgba(6,45,164,.98) 0%,rgba(7,91,183,.96) 49%,rgba(3,202,191,.94) 100%),
    url('/brand/premium-global-network.svg') right center/760px auto no-repeat;
}
.deal-desk-hero:before,.directory-hero:before,.category-hero:before,.page-hero:before,.article-hero:before{opacity:.38;background-size:18px 18px,100% 100%}
.deal-desk-hero:after,.directory-hero:after,.category-hero:after,.page-hero:after,.article-hero:after{content:'';position:absolute;right:-60px;top:-130px;width:640px;height:640px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 92px rgba(255,255,255,.018);pointer-events:none}
.deal-desk-hero{padding:48px 0 70px}.directory-hero,.category-hero{padding:48px 0 72px}
.deal-desk-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:44px}
.deal-desk-hero h1,.directory-hero h1,.category-hero h1{font-size:clamp(2.55rem,4.25vw,4.45rem);line-height:1.02;letter-spacing:-.045em;max-width:820px}
.deal-desk-hero .hero-copy>p,.directory-hero p,.category-hero p{font-size:16px;line-height:1.55;color:#edf6ff;max-width:710px}
.deal-desk-kicker,.eyebrow{padding:6px 10px;font-size:11px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.13)}
.deal-desk-visual{height:260px;display:flex;align-items:center;justify-content:center}.deal-desk-visual img{max-height:290px;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(1,24,78,.25))}
.hero-search,.directory-search,.premium-search{max-width:690px;border-radius:11px!important;box-shadow:0 12px 30px rgba(3,28,86,.18)!important}.hero-search input,.directory-search input,.premium-search input{min-height:48px}.hero-search button,.directory-search button,.premium-search button{min-height:42px;border-radius:8px!important}
.quick-lanes{margin-top:13px}.quick-lanes a{padding:6px 10px;font-size:11px;background:rgba(255,255,255,.08)}

/* Floating stat cards replicate the white KPI rail crossing the hero/body seam. */
.proof-strip{margin-top:-38px}.proof-grid{gap:12px}.proof-grid>div{min-height:94px;padding:17px 20px;border-radius:13px;border:1px solid var(--ref-line);box-shadow:var(--ref-shadow);display:flex;flex-direction:column;justify-content:center}.proof-grid b{font-size:22px;letter-spacing:-.035em}.proof-grid span{font-size:12px}

/* White dashboard canvas and compact card density used by the country, deal and
 * course references. */
.section{padding-block:28px}.section-head{margin-bottom:14px}.section-head h2,.promo-stage-head h2{font-size:25px;letter-spacing:-.035em}.section-head p,.promo-stage-head p{font-size:13px;line-height:1.55}
.category-grid,.cards,.article-grid,.coupon-grid{gap:12px}.category-card,.card,.deal-card,.article-card,.coupon-preview,.market-directory-card,.sticky-card,.promo-sublane,.faq-grid details{border-radius:12px;border-color:var(--ref-line);box-shadow:0 4px 14px rgba(11,39,84,.055)}
.category-card{min-height:82px;padding:15px}.category-icon{width:44px;height:44px;border-radius:50%}.deal-card-body{padding:14px}.deal-card h3{font-size:15px}.deal-media img{height:184px}.merchant-link,.btn,.primary-btn{min-height:38px;border-radius:7px;background:linear-gradient(135deg,#1768ed,#075bd6)}

/* Country / market explorer gets the same filter-left + card-grid geometry shown
 * in the supplied screenshots. */
.market-explorer{grid-template-columns:245px minmax(0,1fr);gap:16px}.market-filter-panel{top:86px;padding:16px;border-radius:12px}.market-filter-panel h3{font-size:15px}.market-filter-panel a{padding:9px 0}.featured-market-strip{gap:10px;margin-top:-2px}.featured-market-chip{min-width:185px;min-height:72px;border-radius:11px;padding:12px}.featured-market-chip .flag{font-size:31px}.market-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.market-directory-card{grid-template-columns:50px 1fr 16px;min-height:112px;padding:14px}.market-code{width:48px;height:48px}.market-directory-card h3{font-size:15px}.market-directory-card .market-counts span{font-size:10px;padding:3px 6px}
.route-markets-index .section,.route-categories-index .section{padding-top:20px}

/* Listing routes: reference-style horizontal filter rail, left facets where
 * present, and dense 4-column desktop inventory. */
.filters-panel,.listing-filters,.search-filter-panel{border-radius:12px;border-color:var(--ref-line);box-shadow:var(--ref-shadow);padding:15px}
.route-deals-index .cards,.route-products-index .cards,.route-courses-index .cards,.route-games-index .cards,.route-apps-index .cards,.route-books-index .cards{gap:12px}
.route-deals-index .deal-card,.route-products-index .deal-card{min-height:100%}
.savings-banners{gap:12px}.savings-banner{min-height:220px;border-radius:14px}.savings-banner-main{background:linear-gradient(125deg,#ff8248,#f33e62)}.savings-banner-coupon{background:linear-gradient(125deg,#7258e8,#9b55e2)}.savings-banner-product{background:linear-gradient(125deg,#075bb8,#09a7b4)}

/* Footer mirrors the compact dark reference footer instead of competing with the
 * content above it. */
.site-footer{background:linear-gradient(90deg,#031534,#061c46);padding-top:28px}.footer-grid{gap:34px}.footer-grid p,.footer-grid a{font-size:12px}.footer-bottom{font-size:11px}

@media(max-width:1360px){.market-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-nav a{padding-inline:7px;font-size:12px}.top-search{min-width:250px}.wrap{width:min(1480px,calc(100% - 48px))}}
@media(max-width:1080px){.market-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-desk-grid{grid-template-columns:1fr .72fr}.top-search{display:none}.primary-nav{top:76px}}
@media(max-width:760px){.wrap{width:min(100% - 28px,1540px)}.site-header{position:sticky}.nav-shell{min-height:62px}.primary-nav{top:68px}.primary-nav a{min-height:44px;border-radius:8px}.deal-desk-hero,.directory-hero,.category-hero{padding:36px 0 58px;min-height:auto}.deal-desk-grid{grid-template-columns:1fr}.deal-desk-visual{height:180px}.deal-desk-hero h1,.directory-hero h1,.category-hero h1{font-size:clamp(2.25rem,10vw,3.15rem)}.proof-strip{margin-top:-26px}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.proof-grid>div{min-height:78px;padding:13px}.proof-grid b{font-size:18px}.market-directory-grid{grid-template-columns:1fr}.market-directory-card{min-height:92px}.market-explorer{grid-template-columns:1fr}.featured-market-chip{min-width:160px}.deal-media img{height:168px}}
@media(max-width:440px){.proof-grid{grid-template-columns:1fr}.hero-search,.directory-search{display:grid}.hero-search button,.directory-search button{width:100%}.market-directory-card{grid-template-columns:44px 1fr 12px}.market-code{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.category-card,.deal-card,.article-card,.market-directory-card{transition:none!important;transform:none!important}}