/* Voxern final design patch v16 */

/* Header logo - keep uploaded logo consistent on all pages */
.vx-main-logo{display:flex!important;align-items:center!important;width:auto!important;min-width:220px!important;flex:0 0 auto!important;}
.vx-main-logo img{width:225px!important;max-width:225px!important;height:auto!important;display:block!important;object-fit:contain!important;}
@media(max-width:1100px){.vx-main-logo{min-width:178px!important}.vx-main-logo img{width:178px!important;max-width:178px!important}}
@media(max-width:767px){.vx-main-logo{min-width:160px!important}.vx-main-logo img{width:160px!important;max-width:160px!important}}

/* All green/blue buttons: white text everywhere */
.vx-btn,.vx-btn *,.vx26-btn,.vx26-btn *,.vx26-ai-btn,.vx26-ai-btn *,.vx26-ads-btn,.vx26-ads-btn *,.vx26-seo-btn,.vx26-seo-btn *,.vx26-maint-btn,.vx26-maint-btn *,.vx26-split-btn,.vx26-split-btn *,.vx26-zagreb-btn,.vx26-zagreb-btn *,.vx26-trogir-btn,.vx26-trogir-btn *,.vx26-zadar-btn,.vx26-zadar-btn *,.vx26-dubrovnik-btn,.vx26-dubrovnik-btn *,.vx26-pula-btn,.vx26-pula-btn *,.vxa28-btn,.vxa28-btn *,.vxs-btn,.vxs-btn *{
  text-decoration:none!important;
}
.vx-btn-green,.vx-btn-green *,.vx-btn-primary,.vx-btn-primary *,.vx-header-cta,.vx-header-cta *,.vx-footer-btn-primary,.vx-footer-btn-primary *,.vx-pride-link,.vx-pride-link *,.vx-works-v10-open,.vx-works-v10-open *,
.vx26-btn-green,.vx26-btn-green *,.vx26-btn-primary,.vx26-btn-primary *,
.vx26-ai-btn-green,.vx26-ai-btn-green *,.vx26-ai-btn-primary,.vx26-ai-btn-primary *,
.vx26-ads-btn-green,.vx26-ads-btn-green *,.vx26-ads-btn-primary,.vx26-ads-btn-primary *,
.vx26-seo-btn-green,.vx26-seo-btn-green *,.vx26-seo-btn-primary,.vx26-seo-btn-primary *,
.vx26-maint-btn-green,.vx26-maint-btn-green *,.vx26-maint-btn-primary,.vx26-maint-btn-primary *,
.vx26-split-btn-green,.vx26-split-btn-green *,.vx26-split-btn-primary,.vx26-split-btn-primary *,
.vx26-zagreb-btn-green,.vx26-zagreb-btn-green *,.vx26-zagreb-btn-primary,.vx26-zagreb-btn-primary *,
.vx26-trogir-btn-green,.vx26-trogir-btn-green *,.vx26-trogir-btn-primary,.vx26-trogir-btn-primary *,
.vx26-zadar-btn-green,.vx26-zadar-btn-green *,.vx26-zadar-btn-primary,.vx26-zadar-btn-primary *,
.vx26-dubrovnik-btn-green,.vx26-dubrovnik-btn-green *,.vx26-dubrovnik-btn-primary,.vx26-dubrovnik-btn-primary *,
.vx26-pula-btn-green,.vx26-pula-btn-green *,.vx26-pula-btn-primary,.vx26-pula-btn-primary *,
.vxa28-btn-green,.vxa28-btn-green *,.vxa28-btn-primary,.vxa28-btn-primary *,
.vxs-btn-green,.vxs-btn-green *,.vxs-btn-primary,.vxs-btn-primary *{
  color:#fff!important;
}

/* Package buttons on all package grids: always green with white text */
.vx-packages article > a[class*="btn"],.vxs-packages article > a[class*="btn"],.vx26-packages article > a[class*="btn"],.vx26-ai-packages article > a[class*="btn"],.vx26-ads-packages article > a[class*="btn"],.vx26-seo-packages article > a[class*="btn"],.vx26-maint-packages article > a[class*="btn"],.vx26-split-packages article > a[class*="btn"],.vx26-zagreb-packages article > a[class*="btn"],.vx26-trogir-packages article > a[class*="btn"],.vx26-zadar-packages article > a[class*="btn"],.vx26-dubrovnik-packages article > a[class*="btn"],.vx26-pula-packages article > a[class*="btn"],.vxa28-packages article > a[class*="btn"]{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  border-color:rgba(34,197,94,.55)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(34,197,94,.26)!important;
}
.vx-packages article > a[class*="btn"] *,.vxs-packages article > a[class*="btn"] *,.vx26-packages article > a[class*="btn"] *,.vx26-ai-packages article > a[class*="btn"] *,.vx26-ads-packages article > a[class*="btn"] *,.vx26-seo-packages article > a[class*="btn"] *,.vx26-maint-packages article > a[class*="btn"] *,.vx26-split-packages article > a[class*="btn"] *,.vx26-zagreb-packages article > a[class*="btn"] *,.vx26-trogir-packages article > a[class*="btn"] *,.vx26-zadar-packages article > a[class*="btn"] *,.vx26-dubrovnik-packages article > a[class*="btn"] *,.vx26-pula-packages article > a[class*="btn"] *,.vxa28-packages article > a[class*="btn"] *{color:#fff!important;}
.vx-packages article > a[class*="btn"]:hover,.vxs-packages article > a[class*="btn"]:hover,.vx26-packages article > a[class*="btn"]:hover,.vx26-ai-packages article > a[class*="btn"]:hover,.vx26-ads-packages article > a[class*="btn"]:hover,.vx26-seo-packages article > a[class*="btn"]:hover,.vx26-maint-packages article > a[class*="btn"]:hover,.vx26-split-packages article > a[class*="btn"]:hover,.vx26-zagreb-packages article > a[class*="btn"]:hover,.vx26-trogir-packages article > a[class*="btn"]:hover,.vx26-zadar-packages article > a[class*="btn"]:hover,.vx26-dubrovnik-packages article > a[class*="btn"]:hover,.vx26-pula-packages article > a[class*="btn"]:hover,.vxa28-packages article > a[class*="btn"]:hover{filter:brightness(1.05);transform:translateY(-1px)!important;}

/* Package card polish on all pages */
.vx-packages article,.vxs-packages article,.vx26-packages article,.vx26-ai-packages article,.vx26-ads-packages article,.vx26-seo-packages article,.vx26-maint-packages article,.vx26-split-packages article,.vx26-zagreb-packages article,.vx26-trogir-packages article,.vx26-zadar-packages article,.vx26-dubrovnik-packages article,.vx26-pula-packages article,.vxa28-packages article{
  border-radius:32px!important;
  overflow:hidden!important;
  box-shadow:0 26px 80px rgba(15,23,42,.10)!important;
  border:1px solid rgba(15,23,42,.10)!important;
}
.vx-packages article:nth-child(1),.vxs-packages article:nth-child(1),.vx26-packages article:nth-child(1),.vx26-ai-packages article:nth-child(1),.vx26-ads-packages article:nth-child(1),.vx26-seo-packages article:nth-child(1),.vx26-maint-packages article:nth-child(1),.vx26-split-packages article:nth-child(1),.vx26-zagreb-packages article:nth-child(1),.vx26-trogir-packages article:nth-child(1),.vx26-zadar-packages article:nth-child(1),.vx26-dubrovnik-packages article:nth-child(1),.vx26-pula-packages article:nth-child(1),.vxa28-packages article:nth-child(1){
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border-top:5px solid #00577c!important;
}
.vx-packages article:nth-child(2),.vxs-packages article:nth-child(2),.vx26-packages article:nth-child(2),.vx26-ai-packages article:nth-child(2),.vx26-ads-packages article:nth-child(2),.vx26-seo-packages article:nth-child(2),.vx26-maint-packages article:nth-child(2),.vx26-split-packages article:nth-child(2),.vx26-zagreb-packages article:nth-child(2),.vx26-trogir-packages article:nth-child(2),.vx26-zadar-packages article:nth-child(2),.vx26-dubrovnik-packages article:nth-child(2),.vx26-pula-packages article:nth-child(2),.vxa28-packages article:nth-child(2){
  background:radial-gradient(circle at 84% 16%,rgba(56,189,248,.16),transparent 34%),linear-gradient(145deg,#06111f,#0c2640 58%,#00577c)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
/* Premium: visually different from Pro - green/black gradient */
.vx-packages article:nth-child(3),.vxs-packages article:nth-child(3),.vx26-packages article:nth-child(3),.vx26-ai-packages article:nth-child(3),.vx26-ads-packages article:nth-child(3),.vx26-seo-packages article:nth-child(3),.vx26-maint-packages article:nth-child(3),.vx26-split-packages article:nth-child(3),.vx26-zagreb-packages article:nth-child(3),.vx26-trogir-packages article:nth-child(3),.vx26-zadar-packages article:nth-child(3),.vx26-dubrovnik-packages article:nth-child(3),.vx26-pula-packages article:nth-child(3),.vxa28-packages article:nth-child(3){
  background:radial-gradient(circle at 88% 13%,rgba(34,197,94,.42),transparent 31%),radial-gradient(circle at 8% 78%,rgba(22,163,74,.22),transparent 37%),linear-gradient(145deg,#020617 0%,#052e1a 48%,#0f3f28 73%,#06111f 100%)!important;
  border-color:rgba(34,197,94,.42)!important;
  box-shadow:0 34px 94px rgba(22,163,74,.28)!important;
  color:#fff!important;
}
.vx-packages article:nth-child(2) h3,.vx-packages article:nth-child(3) h3,.vxs-packages article:nth-child(2) h3,.vxs-packages article:nth-child(3) h3,.vx26-packages article:nth-child(2) h3,.vx26-packages article:nth-child(3) h3,.vx26-ai-packages article:nth-child(2) h3,.vx26-ai-packages article:nth-child(3) h3,.vx26-ads-packages article:nth-child(2) h3,.vx26-ads-packages article:nth-child(3) h3,.vx26-seo-packages article:nth-child(2) h3,.vx26-seo-packages article:nth-child(3) h3,.vx26-maint-packages article:nth-child(2) h3,.vx26-maint-packages article:nth-child(3) h3,.vx26-split-packages article:nth-child(2) h3,.vx26-split-packages article:nth-child(3) h3,.vx26-zagreb-packages article:nth-child(2) h3,.vx26-zagreb-packages article:nth-child(3) h3,.vx26-trogir-packages article:nth-child(2) h3,.vx26-trogir-packages article:nth-child(3) h3,.vx26-zadar-packages article:nth-child(2) h3,.vx26-zadar-packages article:nth-child(3) h3,.vx26-dubrovnik-packages article:nth-child(2) h3,.vx26-dubrovnik-packages article:nth-child(3) h3,.vx26-pula-packages article:nth-child(2) h3,.vx26-pula-packages article:nth-child(3) h3,.vxa28-packages article:nth-child(2) h3,.vxa28-packages article:nth-child(3) h3{color:#fff!important;}
.vx-packages article:nth-child(2) p,.vx-packages article:nth-child(3) p,.vxs-packages article:nth-child(2) p,.vxs-packages article:nth-child(3) p,.vx26-packages article:nth-child(2) p,.vx26-packages article:nth-child(3) p,.vx26-ai-packages article:nth-child(2) p,.vx26-ai-packages article:nth-child(3) p,.vx26-ads-packages article:nth-child(2) p,.vx26-ads-packages article:nth-child(3) p,.vx26-seo-packages article:nth-child(2) p,.vx26-seo-packages article:nth-child(3) p,.vx26-maint-packages article:nth-child(2) p,.vx26-maint-packages article:nth-child(3) p,.vx26-split-packages article:nth-child(2) p,.vx26-split-packages article:nth-child(3) p,.vx26-zagreb-packages article:nth-child(2) p,.vx26-zagreb-packages article:nth-child(3) p,.vx26-trogir-packages article:nth-child(2) p,.vx26-trogir-packages article:nth-child(3) p,.vx26-zadar-packages article:nth-child(2) p,.vx26-zadar-packages article:nth-child(3) p,.vx26-dubrovnik-packages article:nth-child(2) p,.vx26-dubrovnik-packages article:nth-child(3) p,.vx26-pula-packages article:nth-child(2) p,.vx26-pula-packages article:nth-child(3) p,.vxa28-packages article:nth-child(2) p,.vxa28-packages article:nth-child(3) p{color:rgba(255,255,255,.80)!important;}
.vx-packages article:nth-child(2) li,.vx-packages article:nth-child(3) li,.vxs-packages article:nth-child(2) li,.vxs-packages article:nth-child(3) li,.vx26-packages article:nth-child(2) li,.vx26-packages article:nth-child(3) li,.vx26-ai-packages article:nth-child(2) li,.vx26-ai-packages article:nth-child(3) li,.vx26-ads-packages article:nth-child(2) li,.vx26-ads-packages article:nth-child(3) li,.vx26-seo-packages article:nth-child(2) li,.vx26-seo-packages article:nth-child(3) li,.vx26-maint-packages article:nth-child(2) li,.vx26-maint-packages article:nth-child(3) li,.vx26-split-packages article:nth-child(2) li,.vx26-split-packages article:nth-child(3) li,.vx26-zagreb-packages article:nth-child(2) li,.vx26-zagreb-packages article:nth-child(3) li,.vx26-trogir-packages article:nth-child(2) li,.vx26-trogir-packages article:nth-child(3) li,.vx26-zadar-packages article:nth-child(2) li,.vx26-zadar-packages article:nth-child(3) li,.vx26-dubrovnik-packages article:nth-child(2) li,.vx26-dubrovnik-packages article:nth-child(3) li,.vx26-pula-packages article:nth-child(2) li,.vx26-pula-packages article:nth-child(3) li,.vxa28-packages article:nth-child(2) li,.vxa28-packages article:nth-child(3) li{color:rgba(255,255,255,.90)!important;}

/* Homepage package add-ons - full width dark blocks */
.vx-package-addons{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;margin-top:28px!important;}
.vx-package-addon{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;width:100%!important;padding:28px!important;border-radius:30px!important;background:radial-gradient(circle at 86% 18%,rgba(34,197,94,.16),transparent 33%),linear-gradient(145deg,#06111f,#0c2640 58%,#00577c)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:0 26px 80px rgba(0,87,124,.22)!important;overflow:hidden!important;}
.vx-package-addon span{display:inline-flex!important;width:fit-content!important;margin-bottom:10px!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(34,197,94,.18)!important;border:1px solid rgba(34,197,94,.28)!important;color:#7ee787!important;font-size:12px!important;line-height:1!important;font-weight:950!important;letter-spacing:.07em!important;text-transform:uppercase!important;}
.vx-package-addon h3{margin:0 0 10px!important;color:#fff!important;font-size:clamp(22px,2.2vw,30px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:950!important;}
.vx-package-addon p{margin:0!important;max-width:760px!important;color:rgba(255,255,255,.78)!important;font-size:15.5px!important;line-height:1.68!important;}
.vx-package-addon strong{display:block!important;margin-top:12px!important;color:#22c55e!important;font-size:clamp(28px,3vw,42px)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.04em!important;}
.vx-package-addon ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 16px!important;margin:16px 0 0!important;padding:0!important;list-style:none!important;}
.vx-package-addon li{position:relative!important;padding-left:22px!important;color:rgba(255,255,255,.88)!important;font-size:14.5px!important;line-height:1.45!important;font-weight:720!important;}
.vx-package-addon li:before{content:""!important;position:absolute!important;left:0!important;top:.35em!important;width:11px!important;height:11px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.16)!important;}
.vx-addon-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:14px 22px!important;border-radius:999px!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;text-decoration:none!important;font-weight:950!important;white-space:nowrap!important;box-shadow:0 20px 45px rgba(34,197,94,.26)!important;}
.vx-addon-cta *{color:#fff!important;}
.vx-package-addon.vx-addon-domain{background:radial-gradient(circle at 84% 18%,rgba(34,197,94,.24),transparent 36%),linear-gradient(145deg,#06111f,#0c2640 55%,#064e3b)!important;}
.vx-package-addon.vx-addon-shop{background:radial-gradient(circle at 86% 22%,rgba(22,163,74,.20),transparent 34%),linear-gradient(145deg,#06111f,#0b1728 54%,#00577c)!important;}
@media(max-width:900px){.vx-package-addon{grid-template-columns:1fr!important;padding:22px!important}.vx-package-addon ul{grid-template-columns:1fr!important}.vx-addon-cta{width:100%!important}.vx-package-addon strong{font-size:32px!important}}
.vx-package-addon strong small{display:block!important;margin:0 0 7px!important;color:rgba(255,255,255,.74)!important;font-size:12px!important;line-height:1!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.vx-package-addon strong del{color:rgba(255,255,255,.44)!important;text-decoration-thickness:2px!important;font-size:.62em!important;margin-right:8px!important;}
.vx-package-addon strong em{font-style:normal!important;color:rgba(255,255,255,.72)!important;font-size:.42em!important;font-weight:850!important;letter-spacing:0!important;}
