/* telaHosting Store public UI
   Clean scoped stylesheet for product/service cards, filters, comparisons and display templates.
   No external assets; Flatsome-safe selectors are scoped to .thsl-root.
*/
.thsl-root{
  --th-navy:#0f2d66;
  --th-navy-dark:#0a1e47;
  --th-blue:#095ee8;
  --th-cyan:#05aeea;
  --th-gold:#dd9933;
  --th-bg:#f6f8fc;
  --th-card:#ffffff;
  --th-text:#0f172a;
  --th-muted:#64748b;
  --th-border:#d7e5f4;
  --th-soft:#f4f9ff;
  --th-radius:18px;
  --th-shadow:0 16px 44px rgba(15,35,80,.08);
  --th-cols-desktop:3;
  --th-cols-tablet:2;
  --th-cols-mobile:1;
  width:100%!important;
  max-width:100%!important;
  color:var(--th-text)!important;
  font-family:inherit!important;
  line-height:1.45!important;
  box-sizing:border-box!important;
  isolation:isolate;
}
.thsl-root,.thsl-root *{box-sizing:border-box!important;}
.thsl-root a{text-decoration:none!important;}
.thsl-root .thsl-ico,.thsl-root svg.thsl-ico{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:currentColor;}
.thsl-root .th-wrap{width:min(100%,1320px)!important;max-width:calc(100vw - 24px)!important;margin:0 auto!important;padding:10px 4px!important;background:transparent!important;}

/* Optional display header */
.thsl-root .th-showcase{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px!important;padding:22px!important;border:1px solid var(--th-border)!important;border-radius:22px!important;background:linear-gradient(135deg,#f7fbff,#eefdff)!important;box-shadow:0 12px 32px rgba(15,45,102,.05)!important;}
.thsl-root .th-kicker,.thsl-root .th-compare-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;width:max-content!important;max-width:100%!important;padding:5px 10px!important;border:1px solid rgba(9,94,232,.20)!important;border-radius:999px!important;background:#fff!important;color:var(--th-navy)!important;font-size:11px!important;line-height:1!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
.thsl-root .th-showcase h2{margin:8px 0 4px!important;color:var(--th-navy)!important;font-size:clamp(24px,3.5vw,42px)!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.04em!important;}
.thsl-root .th-showcase p{margin:0!important;color:#395276!important;font-size:15px!important;max-width:760px!important;}
.thsl-root .th-showcase-proof{display:grid!important;grid-template-columns:34px 1fr!important;gap:3px 10px!important;min-width:240px!important;padding:14px!important;border:1px solid var(--th-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,45,102,.06)!important;}
.thsl-root .th-showcase-proof>span{grid-row:1 / span 2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#dcfce7!important;color:#059669!important;}
.thsl-root .th-showcase-proof strong{color:var(--th-navy)!important;font-size:13px!important;font-weight:900!important;}
.thsl-root .th-showcase-proof small{color:var(--th-muted)!important;font-size:12px!important;font-weight:650!important;}

/* Filters */
.thsl-root .th-filter-card{position:relative!important;z-index:4!important;margin:0 0 16px!important;padding:16px!important;border:1px solid var(--th-border)!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#f8fcff)!important;box-shadow:0 12px 30px rgba(15,45,102,.055)!important;overflow:hidden!important;}
.thsl-root .th-filter-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;}
.thsl-root .th-filter-title{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;color:var(--th-navy)!important;font-size:15px!important;font-weight:950!important;line-height:1.2!important;}
.thsl-root .th-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:26px!important;height:26px!important;padding:0 8px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--th-blue),var(--th-cyan))!important;color:#fff!important;font-size:12px!important;font-weight:900!important;}
.thsl-root .th-filter-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;}
.thsl-root .th-reset,.thsl-root .th-searchbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;padding:0 16px!important;border-radius:13px!important;border:1px solid var(--th-border)!important;background:#fff!important;color:var(--th-navy)!important;font-size:13px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;}
.thsl-root .th-searchbtn{border-color:transparent!important;background:linear-gradient(135deg,var(--th-blue),#4c39e5)!important;color:#fff!important;box-shadow:0 10px 22px rgba(9,94,232,.20)!important;}
.thsl-root .th-filter-grid{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr) minmax(0,.75fr) minmax(0,.8fr)!important;gap:10px!important;margin:0 0 12px!important;min-width:0!important;}
.thsl-root .th-field{position:relative!important;min-width:0!important;width:100%!important;}
.thsl-root .th-field .th-ico{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--th-blue)!important;opacity:.72!important;z-index:2!important;pointer-events:none!important;}
.thsl-root .th-field input,.thsl-root .th-field select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:44px!important;margin:0!important;padding:0 14px 0 40px!important;border:1px solid #cddff1!important;border-radius:14px!important;background:#fff!important;color:#132542!important;font-size:13.5px!important;font-weight:800!important;line-height:44px!important;box-shadow:none!important;outline:0!important;-webkit-appearance:none;appearance:none;}
.thsl-root .th-field select{padding-right:34px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.thsl-root .th-field input:focus,.thsl-root .th-field select:focus{border-color:var(--th-blue)!important;box-shadow:0 0 0 3px rgba(9,94,232,.10)!important;}
.thsl-root .th-cat-row{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;max-width:100%!important;padding:11px 0 4px!important;border-top:1px solid #e3edf8!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;}
.thsl-root .th-cat-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 13px!important;border:1px solid var(--th-border)!important;border-radius:999px!important;background:#fff!important;color:#173766!important;font-size:12.5px!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important;}
.thsl-root .th-cat-pill.active,.thsl-root .th-cat-pill:hover{border-color:transparent!important;background:linear-gradient(135deg,var(--th-blue),var(--th-cyan))!important;color:#fff!important;}

/* Cards grid */
.thsl-root .th-grid{display:grid!important;grid-template-columns:repeat(var(--th-cols-desktop),minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.thsl-root .th-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:100%!important;padding:0!important;border:1px solid rgba(205,219,238,.95)!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;color:var(--th-text)!important;box-shadow:0 14px 38px rgba(15,45,102,.07)!important;overflow:hidden!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;}
.thsl-root .th-card::before{content:""!important;position:absolute!important;inset:0 0 auto 0!important;height:4px!important;background:linear-gradient(90deg,var(--th-blue),var(--th-cyan))!important;}
.thsl-root .th-card:hover{transform:translateY(-3px)!important;border-color:rgba(9,94,232,.32)!important;box-shadow:0 22px 55px rgba(15,45,102,.11)!important;}
.thsl-root .th-card--recommended{border-color:rgba(221,153,51,.65)!important;box-shadow:0 22px 55px rgba(221,153,51,.14)!important;}
.thsl-root .th-card--recommended::before{background:linear-gradient(90deg,var(--th-gold),#10c8a2)!important;}
.thsl-root .th-top{padding:20px 20px 14px!important;border-bottom:1px solid #e4edf7!important;background:linear-gradient(180deg,#f2f8ff,rgba(255,255,255,0))!important;}
.thsl-root .th-header-main{display:block!important;min-width:0!important;}
.thsl-root .th-name{margin:0 0 9px!important;color:var(--th-navy)!important;font-size:clamp(19px,1.72vw,25px)!important;font-weight:950!important;line-height:1.18!important;letter-spacing:-.03em!important;word-break:break-word!important;}
.thsl-root .th-badges{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;min-width:0!important;}
.thsl-root .th-badge,.thsl-root .th-compare-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:24px!important;padding:0 8px!important;border:1px solid var(--th-border)!important;border-radius:999px!important;background:#fff!important;color:#29466d!important;font-size:10.7px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;}
.thsl-root .th-save{align-items:center!important;justify-content:center!important;gap:5px!important;min-height:24px!important;padding:0 8px!important;border-radius:999px!important;font-size:10.8px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;}
.thsl-root .th-compare-toggle{cursor:pointer!important;}
.thsl-root .th-compare-toggle[aria-pressed="true"]{background:#fff7d6!important;border-color:rgba(221,153,51,.45)!important;color:#0f2d66!important;}
.thsl-root .th-badge-recommended,.thsl-root .th-badge-popular{background:#fff8db!important;border-color:rgba(221,153,51,.45)!important;color:var(--th-navy)!important;}
.thsl-root .th-save{border:0!important;background:#19c980!important;color:#fff!important;}
.thsl-root .th-pricing-hero{display:flex!important;flex-direction:column!important;gap:6px!important;margin-top:13px!important;}
.thsl-root .th-price-start,.thsl-root .th-price-secondary{color:var(--th-muted)!important;font-size:12.5px!important;font-weight:650!important;}
.thsl-root .th-start-price{text-decoration:line-through!important;color:#b91c1c!important;}
.thsl-root .th-price-main{display:block!important;color:var(--th-navy)!important;font-size:clamp(29px,3vw,40px)!important;font-weight:950!important;line-height:1.05!important;letter-spacing:-.05em!important;}
.thsl-root .th-per{color:var(--th-muted)!important;font-size:15px!important;font-weight:850!important;letter-spacing:0!important;}
.thsl-root .th-price-cycle{display:inline-flex!important;align-self:flex-start!important;align-items:center!important;min-height:25px!important;padding:0 9px!important;border-radius:999px!important;background:#edf6ff!important;color:#214e89!important;font-size:12px!important;font-weight:900!important;}
.thsl-root .th-save-note{align-items:center!important;gap:6px!important;margin-top:2px!important;padding:8px 10px!important;border:1px solid rgba(16,185,129,.22)!important;border-radius:12px!important;background:#eafff7!important;color:#047857!important;font-size:12px!important;font-weight:800!important;}
.thsl-root .th-feats{list-style:none!important;display:block!important;margin:0!important;padding:16px 20px 6px!important;flex:1 1 auto!important;}
.thsl-root .th-feats>li{display:flex!important;align-items:flex-start!important;gap:8px!important;width:100%!important;margin:0 0 8px!important;padding:8px 10px!important;border:1px solid rgba(226,232,240,.55)!important;border-radius:12px!important;background:#f8fbff!important;color:#1f3554!important;font-size:13.5px!important;font-weight:700!important;line-height:1.32!important;}
.thsl-root .th-feats .thsl-ico-wrap,.thsl-root .th-feats .th-ico{flex:0 0 auto!important;margin-top:2px!important;color:#10b981!important;}
.thsl-root .th-feat-text{min-width:0!important;}
.thsl-root .th-feat-right{margin-left:auto!important;}
.thsl-root .th-feats-toggle-wrap{padding:0 20px 8px!important;}
.thsl-root .th-feats-toggle{display:inline-flex!important;align-items:center!important;gap:5px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--th-blue)!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important;box-shadow:none!important;}
.thsl-root .th-card:not(.thsl-feats-open) .th-feats>li[data-feature-extra="1"]{display:none!important;}
.thsl-root .th-card.thsl-feats-open .th-feats>li[data-feature-extra="1"]{display:flex!important;}
.thsl-root .th-bot{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:auto!important;padding:12px 20px 18px!important;background:linear-gradient(180deg,rgba(255,255,255,0),#fff)!important;}
.thsl-root .th-cycle-wrap{display:flex!important;flex-direction:column!important;gap:7px!important;}
.thsl-root .th-cycle-select{width:100%!important;max-width:100%!important;height:42px!important;padding:0 34px 0 12px!important;border:1px solid var(--th-border)!important;border-radius:13px!important;background:#f7fbff!important;color:var(--th-navy)!important;font-size:13px!important;font-weight:850!important;}
.thsl-root .th-save-mini{align-items:center!important;align-self:flex-start!important;padding:5px 8px!important;border:1px solid rgba(16,185,129,.22)!important;border-radius:999px!important;background:#eafff7!important;color:#047857!important;font-size:11px!important;font-weight:900!important;}
.thsl-root .th-order-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:48px!important;padding:0 16px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#075eea,#10a9d8)!important;color:#fff!important;font-size:14px!important;font-weight:950!important;line-height:1!important;text-align:center!important;box-shadow:0 12px 24px rgba(9,94,232,.20)!important;}
.thsl-root .th-order-btn:hover{filter:saturate(1.05)!important;transform:translateY(-1px)!important;}


.thsl-root .th-save[style*="display: none"],
.thsl-root .th-save-mini[style*="display: none"],
.thsl-root .th-save-note[style*="display: none"]{display:none!important;}
.thsl-root .th-badge{max-width:190px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.thsl-root .th-badges .th-badge:first-of-type{max-width:175px!important;}

/* Free domain tooltip */
.thsl-root .th-freeinfo{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:24px!important;height:24px!important;border:1px solid #bde9ff!important;border-radius:50%!important;background:#ecfeff!important;color:#0595c7!important;cursor:pointer!important;z-index:2!important;}
.thsl-root .th-freeinfo svg{width:14px!important;height:14px!important;}
.thsl-root .th-tooltip{display:none!important;}
.thsl-root .th-freeinfo.th-open{background:#dffbff!important;border-color:#7dd3fc!important;color:#0369a1!important;box-shadow:0 0 0 3px rgba(14,165,233,.14)!important;}
body .thsl-free-tooltip-portal{position:fixed!important;display:block!important;visibility:hidden;width:320px!important;max-width:calc(100vw - 28px)!important;max-height:min(72vh,420px)!important;overflow:auto!important;padding:13px 14px!important;border:1px solid #cde3f7!important;border-radius:15px!important;background:#fff!important;color:#122344!important;box-shadow:0 22px 70px rgba(15,45,102,.26)!important;z-index:2147483000!important;font-size:12.5px!important;line-height:1.5!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;}
body .thsl-free-tooltip-portal strong{display:block!important;margin:0 0 7px!important;color:#0f2d66!important;font-size:13px!important;font-weight:950!important;line-height:1.25!important;}
body .thsl-free-tooltip-portal .th-tip-row{display:block!important;margin:4px 0!important;}
body .thsl-free-tooltip-portal .th-tip-lbl{font-weight:950!important;color:#0f2d66!important;}
body .thsl-free-tooltip-portal .th-tld-list{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:7px!important;max-height:118px!important;overflow:auto!important;padding-right:2px!important;}
body .thsl-free-tooltip-portal .th-tld-pill{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 7px!important;border-radius:999px!important;background:#eff6ff!important;border:1px solid #cde3f7!important;color:#0f2d66!important;font-weight:900!important;font-size:11.5px!important;line-height:1.2!important;}
body .thsl-free-tooltip-portal .th-tld-pill svg{width:12px!important;height:12px!important;}

/* Compare bar and modal */
.thsl-root .th-compare-bar{position:sticky!important;bottom:12px!important;z-index:15!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:18px 0 0!important;padding:10px!important;border:1px solid var(--th-border)!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 16px 42px rgba(15,45,102,.16)!important;backdrop-filter:blur(8px)!important;}
.thsl-root .th-compare-bar[hidden]{display:none!important;}
.thsl-root .th-compare-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
.thsl-root .th-compare-count{font-weight:900!important;color:var(--th-navy)!important;white-space:nowrap!important;}
.thsl-root .th-compare-pills{display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
.thsl-root .th-compare-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:30px!important;padding:0 9px!important;border:1px solid var(--th-border)!important;border-radius:999px!important;background:#f8fbff!important;color:#0f2d66!important;font-size:12px!important;font-weight:850!important;cursor:pointer!important;}
.thsl-root .th-compare-actions{display:flex!important;align-items:center!important;gap:8px!important;}
.thsl-root .th-compare-clear,.thsl-root .th-compare-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 14px!important;border-radius:12px!important;border:1px solid var(--th-border)!important;background:#fff!important;color:#0f2d66!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important;}
.thsl-root .th-compare-open{border-color:transparent!important;background:linear-gradient(135deg,var(--th-blue),var(--th-cyan))!important;color:#fff!important;}
.thsl-root .th-compare-open:disabled{opacity:.5!important;cursor:not-allowed!important;}

body.thsl-modal-open{overflow:hidden!important;}
.thsl-compare-portal.th-compare-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:clamp(8px,2vw,22px)!important;background:rgba(7,18,43,.66)!important;}
.thsl-compare-portal.th-compare-modal[hidden]{display:none!important;}
.thsl-compare-portal .th-modal-overlay{position:absolute!important;inset:0!important;background:transparent!important;}
.thsl-compare-portal .th-modal-dialog{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;width:min(1180px,calc(100vw - 24px))!important;max-height:calc(100vh - 24px)!important;margin:0 auto!important;border:1px solid rgba(191,219,254,.72)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 28px 90px rgba(3,11,32,.42)!important;overflow:hidden!important;}
.thsl-compare-portal .th-modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:58px!important;padding:14px 16px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(135deg,#0b2e63,#102a5f)!important;color:#fff!important;}
.thsl-compare-portal .th-modal-title{margin:0!important;color:#fff!important;font-size:17px!important;font-weight:950!important;line-height:1.2!important;}
.thsl-compare-portal .th-modal-close{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;cursor:pointer!important;}
.thsl-compare-portal .th-modal-controls{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:10px 16px!important;border-bottom:1px solid rgba(191,219,254,.65)!important;background:#f8fbff!important;}
.thsl-compare-portal .th-modal-control{display:flex!important;align-items:center!important;gap:10px!important;width:auto!important;}
.thsl-compare-portal .th-modal-label{margin:0!important;color:#0f2d66!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;}
.thsl-compare-portal .th-modal-select{width:auto!important;min-width:160px!important;max-width:240px!important;height:38px!important;padding:0 34px 0 12px!important;border:1px solid rgba(148,163,184,.45)!important;border-radius:12px!important;background:#fff!important;color:#10213f!important;font-size:14px!important;font-weight:800!important;box-shadow:none!important;}
.thsl-compare-portal .th-modal-body{flex:1 1 auto!important;min-height:0!important;padding:14px 16px 18px!important;overflow:auto!important;background:#fff!important;}
.thsl-root .th-compare-table-wrap,.thsl-compare-portal .th-compare-table-wrap{position:relative!important;max-width:100%!important;overflow:auto!important;border:1px solid rgba(191,219,254,.72)!important;border-radius:16px!important;background:#fff!important;}
.thsl-root .th-compare-table,.thsl-compare-portal .th-compare-table{width:max-content!important;min-width:100%!important;border-collapse:separate!important;border-spacing:0!important;color:#0f172a!important;}
.thsl-root .th-compare-table th,.thsl-root .th-compare-table td,.thsl-compare-portal .th-compare-table th,.thsl-compare-portal .th-compare-table td{padding:12px!important;border-right:1px solid #d9e4ef!important;border-bottom:1px solid #d9e4ef!important;text-align:left!important;vertical-align:top!important;background:#fff!important;color:#0f172a!important;font-size:13px!important;}
.thsl-root .th-compare-table thead th,.thsl-compare-portal .th-compare-table thead th{position:sticky!important;top:0!important;z-index:4!important;background:#f2f8ff!important;color:#071b3f!important;}
.thsl-root .th-compare-feature-head,.thsl-root .th-compare-feature,.thsl-compare-portal .th-compare-feature-head,.thsl-compare-portal .th-compare-feature{position:sticky!important;left:0!important;z-index:5!important;min-width:150px!important;background:#eef7ff!important;color:#0f2d66!important;font-weight:950!important;}
.thsl-root .th-compare-feature-head,.thsl-compare-portal .th-compare-feature-head{z-index:40!important;box-shadow:2px 0 0 rgba(217,228,239,.9)!important;}
.thsl-root .th-compare-th,.thsl-compare-portal .th-compare-th{z-index:12!important;}
.thsl-root .th-compare-feature,.thsl-compare-portal .th-compare-feature{z-index:20!important;}
.thsl-root .th-compare-th,.thsl-compare-portal .th-compare-th{min-width:210px!important;}
.thsl-root .th-compare-name,.thsl-compare-portal .th-compare-name{font-weight:950!important;color:#071b3f!important;font-size:14px!important;line-height:1.2!important;}
.thsl-root .th-compare-badges,.thsl-compare-portal .th-compare-badges{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:7px 0!important;}
.thsl-root .th-compare-badge,.thsl-compare-portal .th-compare-badge{display:inline-flex!important;padding:4px 7px!important;border-radius:999px!important;background:#fff4d6!important;border:1px solid #ffdca8!important;color:#0f2d66!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;}
.thsl-root .th-compare-price,.thsl-compare-portal .th-compare-price{font-size:15px!important;font-weight:950!important;color:#0f2d66!important;margin-bottom:8px!important;}
.thsl-root .th-compare-cta,.thsl-compare-portal .th-compare-cta{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:36px!important;border-radius:12px!important;background:linear-gradient(135deg,#075eea,#10a9d8)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;text-decoration:none!important;}
.thsl-root .th-compare-swipe-hint{position:absolute!important;right:10px!important;top:10px!important;z-index:7!important;padding:6px 10px!important;border-radius:999px!important;background:#fff!important;color:#0f2d66!important;border:1px solid var(--th-border)!important;font-size:11px!important;font-weight:900!important;box-shadow:0 8px 20px rgba(15,45,102,.08)!important;}

/* Standalone comparison */
.thsl-root.thsl-comparison-root .th-wrap{max-width:calc(100vw - 24px)!important;}
.thsl-root .th-standalone-compare-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0 0 12px!important;padding:16px!important;border:1px solid var(--th-border)!important;border-radius:18px!important;background:linear-gradient(135deg,#f8fbff,#eefaff)!important;}
.thsl-root .th-standalone-compare-head.is-tools-only{justify-content:flex-start!important;background:transparent!important;border:0!important;padding:0!important;}
.thsl-root .th-standalone-compare-title{min-width:0!important;flex:1 1 auto!important;text-align:left!important;}
.thsl-root .th-standalone-compare-head h2{margin:8px 0 4px!important;color:var(--th-navy)!important;font-size:clamp(22px,2.5vw,34px)!important;line-height:1.1!important;}
.thsl-root .th-standalone-compare-head p{margin:0!important;color:#395276!important;font-size:14px!important;}
.thsl-root .th-standalone-cycle{display:inline-flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;width:auto!important;max-width:100%!important;padding:8px 10px!important;border:1px solid var(--th-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,45,102,.06)!important;}
.thsl-root .th-standalone-cycle label{margin:0!important;color:#0f2d66!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;}
.thsl-root .th-standalone-cycle select{width:190px!important;max-width:56vw!important;height:38px!important;padding:0 34px 0 12px!important;border:1px solid #cfdeee!important;border-radius:11px!important;background:#fff!important;color:#0f172a!important;font-weight:800!important;}

/* Billing cycle tabs */
.thsl-root .thsl-cycle-tabs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 14px!important;padding:12px!important;border:1px solid var(--th-border)!important;border-radius:18px!important;background:#fff!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;touch-action:pan-x!important;}
.thsl-root .thsl-cycle-tab{flex:0 0 auto!important;min-width:max-content!important;min-height:38px!important;padding:0 14px!important;border:1px solid var(--th-border)!important;border-radius:12px!important;background:#fff!important;color:#0f2d66!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important;}
.thsl-root .thsl-cycle-tab.is-active,.thsl-root .thsl-cycle-tab:hover{border-color:transparent!important;background:linear-gradient(135deg,var(--th-navy),var(--th-blue))!important;color:#fff!important;}

/* Template variants */
.thsl-root.th-template--compact .th-grid{gap:12px!important;}
.thsl-root.th-template--compact .th-card{border-radius:16px!important;box-shadow:0 10px 28px rgba(15,45,102,.055)!important;}
.thsl-root.th-template--compact .th-top{padding:16px!important;}
.thsl-root.th-template--compact .th-feats{padding:12px 16px 4px!important;}
.thsl-root.th-template--compact .th-feats>li{padding:7px 8px!important;font-size:13px!important;}
.thsl-root.th-template--compact .th-price-main{font-size:30px!important;}
.thsl-root.th-template--compact .th-bot{padding:10px 16px 16px!important;}

.thsl-root.th-template--wordpress .th-card{background:linear-gradient(180deg,#f0fbff,#ffffff 48%)!important;border-color:#bce7ff!important;}
.thsl-root.th-template--wordpress .th-card::before{background:linear-gradient(90deg,#0ea5e9,#22c55e)!important;}
.thsl-root.th-template--wordpress .th-badge{background:#effcff!important;border-color:#bae6fd!important;color:#075985!important;}

.thsl-root.th-template--server .th-card,.thsl-root.th-template--vps .th-card,.thsl-root.th-template--enterprise .th-card{background:linear-gradient(180deg,#071b3f 0%,#0f2d66 40%,#ffffff 40%,#ffffff 100%)!important;border-color:rgba(15,45,102,.35)!important;}
.thsl-root.th-template--server .th-top,.thsl-root.th-template--vps .th-top,.thsl-root.th-template--enterprise .th-top{background:transparent!important;border-bottom:0!important;}
.thsl-root.th-template--server .th-name,.thsl-root.th-template--vps .th-name,.thsl-root.th-template--enterprise .th-name,.thsl-root.th-template--server .th-price-main,.thsl-root.th-template--vps .th-price-main,.thsl-root.th-template--enterprise .th-price-main{color:#fff!important;}
.thsl-root.th-template--server .th-price-start,.thsl-root.th-template--vps .th-price-start,.thsl-root.th-template--enterprise .th-price-start,.thsl-root.th-template--server .th-price-secondary,.thsl-root.th-template--vps .th-price-secondary,.thsl-root.th-template--enterprise .th-price-secondary,.thsl-root.th-template--server .th-per,.thsl-root.th-template--vps .th-per,.thsl-root.th-template--enterprise .th-per{color:rgba(255,255,255,.74)!important;}
.thsl-root.th-template--vps .th-card::before,.thsl-root.th-template--enterprise .th-card::before{height:6px!important;background:linear-gradient(90deg,#22d3ee,#a78bfa)!important;}
.thsl-root.th-template--vps .th-feats>li,.thsl-root.th-template--enterprise .th-feats>li{background:#fff!important;border-color:#dbeafe!important;}

.thsl-root.th-template--service .th-card,.thsl-root.th-template--resource .th-card{border-radius:16px!important;background:#fff!important;}
.thsl-root.th-template--service .th-top,.thsl-root.th-template--resource .th-top{background:#fff!important;}
.thsl-root.th-template--service .th-pricing-hero,.thsl-root.th-template--resource .th-pricing-hero{padding:12px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#f8fafc!important;}

.thsl-root.th-template--featured .th-card{background:linear-gradient(180deg,#fffdf0,#fff 45%)!important;border-color:#ffe49b!important;}
.thsl-root.th-template--featured .th-card::before{height:5px!important;background:linear-gradient(90deg,#ffd400,#05aeea)!important;}

.thsl-root.th-template--pricing .th-card{border-radius:15px!important;}
.thsl-root.th-template--pricing .th-top{padding:18px 18px 12px!important;}
.thsl-root.th-template--pricing .th-feats{display:grid!important;grid-template-columns:1fr!important;padding:10px 18px 4px!important;}
.thsl-root.th-template--pricing .th-bot{border-top:1px solid #e4edf7!important;}

.thsl-root.th-template--minimal .th-card{border-radius:14px!important;box-shadow:none!important;background:#fff!important;}
.thsl-root.th-template--minimal .th-card::before{display:none!important;}
.thsl-root.th-template--minimal .th-feats>li{background:#fff!important;border-color:#eef2f7!important;}

/* Compact service highlight tiles like the four-card homepage sections */
.thsl-root.th-template--service_tiles .th-filter-card{padding:12px!important;margin-bottom:14px!important;}
.thsl-root.th-template--service_tiles .th-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:18px!important;}
.thsl-root.th-template--service_tiles .th-card{min-height:220px!important;padding:20px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:linear-gradient(145deg,#0f2d66,#11285a)!important;color:#fff!important;box-shadow:0 14px 34px rgba(15,45,102,.22)!important;}
.thsl-root.th-template--service_tiles .th-card::before{display:none!important;}
.thsl-root.th-template--service_tiles .th-card:hover{transform:translateY(-2px)!important;box-shadow:0 18px 44px rgba(15,45,102,.28)!important;}
.thsl-root.th-template--service_tiles .th-top{padding:0 0 12px!important;border-bottom:2px solid rgba(255,255,255,.85)!important;background:transparent!important;}
.thsl-root.th-template--service_tiles .th-name{color:#fff!important;font-size:clamp(20px,1.7vw,25px)!important;line-height:1.12!important;letter-spacing:-.025em!important;}
.thsl-root.th-template--service_tiles .th-badges,.thsl-root.th-template--service_tiles .th-cycle-wrap,.thsl-root.th-template--service_tiles .th-save-note,.thsl-root.th-template--service_tiles .th-save,.thsl-root.th-template--service_tiles .th-save-mini,.thsl-root.th-template--service_tiles .th-feats-toggle-wrap{display:none!important;}
.thsl-root.th-template--service_tiles .th-pricing-hero{margin-top:8px!important;gap:2px!important;}
.thsl-root.th-template--service_tiles .th-price-main{color:#fff!important;font-size:29px!important;letter-spacing:-.04em!important;}
.thsl-root.th-template--service_tiles .th-price-main::before{content:'From ';font-size:13px!important;font-weight:850!important;color:rgba(255,255,255,.74)!important;letter-spacing:0!important;}
.thsl-root.th-template--service_tiles .th-per{display:inline!important;color:#fff!important;font-size:18px!important;font-weight:950!important;letter-spacing:0!important;}
.thsl-root.th-template--service_tiles .th-price-secondary,.thsl-root.th-template--service_tiles .th-price-start,.thsl-root.th-template--service_tiles .th-price-cycle{display:none!important;}
.thsl-root.th-template--service_tiles .th-feats{padding:0!important;margin:10px 0 12px!important;flex:0 0 auto!important;}
.thsl-root.th-template--service_tiles .th-feats>li{display:none!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.92)!important;font-size:13px!important;font-weight:750!important;}
.thsl-root.th-template--service_tiles .th-feats>li:first-child{display:flex!important;}
.thsl-root.th-template--service_tiles .th-feats .thsl-ico-wrap,.thsl-root.th-template--service_tiles .th-feats .th-ico{display:none!important;}
.thsl-root.th-template--service_tiles .th-bot{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;margin-top:auto!important;padding:0!important;background:transparent!important;}
.thsl-root.th-template--service_tiles .th-order-btn{width:auto!important;min-width:130px!important;min-height:40px!important;border:2px solid #ff9f1c!important;border-radius:6px!important;background:transparent!important;color:#ff9f1c!important;box-shadow:none!important;font-size:15px!important;}
.thsl-root.th-template--service_tiles .th-order-btn:hover{background:#ff9f1c!important;color:#0f2d66!important;}
.thsl-root.th-template--service_tiles .th-learn-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 8px!important;border:0!important;background:transparent!important;color:#fff!important;font-weight:950!important;font-size:15px!important;text-decoration:none!important;}
.thsl-root.th-template--service_tiles .th-learn-btn:hover{color:#ffbf4d!important;}

/* Responsive */
@media (max-width:1100px){
  .thsl-root .th-grid{grid-template-columns:repeat(var(--th-cols-tablet),minmax(0,1fr))!important;}
  .thsl-root .th-filter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
}
@media (max-width:760px){
  .thsl-root .th-wrap{max-width:calc(100vw - 16px)!important;padding:8px 0!important;}
  .thsl-root .th-showcase{flex-direction:column!important;align-items:flex-start!important;padding:18px!important;}
  .thsl-root .th-showcase-proof{width:100%!important;min-width:0!important;}
  .thsl-root .th-filter-card{padding:14px!important;border-radius:18px!important;overflow:hidden!important;}
  .thsl-root .th-filter-head{flex-direction:column!important;align-items:stretch!important;}
  .thsl-root .th-filter-actions{width:100%!important;}
  .thsl-root .th-filter-actions>*{flex:1 1 0!important;}
  .thsl-root .th-filter-grid{grid-template-columns:1fr!important;gap:9px!important;}
  .thsl-root .th-field input,.thsl-root .th-field select{height:43px!important;line-height:43px!important;font-size:13px!important;}
  .thsl-root .th-cat-row{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;}
  .thsl-root .th-cat-pill{flex:0 0 auto!important;}
  .thsl-root .th-grid{grid-template-columns:repeat(var(--th-cols-mobile),minmax(0,1fr))!important;gap:14px!important;}
  .thsl-root .th-top{padding:18px 16px 12px!important;}
  .thsl-root .th-feats{padding:14px 16px 4px!important;}
  .thsl-root .th-feats-toggle-wrap{padding:0 16px 6px!important;}
  .thsl-root .th-bot{padding:12px 16px 16px!important;}
  .thsl-root .th-compare-bar{position:fixed!important;left:8px!important;right:8px!important;bottom:8px!important;flex-direction:column!important;align-items:stretch!important;}
  .thsl-root .th-compare-left{flex-direction:column!important;align-items:flex-start!important;}
  .thsl-root .th-compare-actions{width:100%!important;}
  .thsl-root .th-compare-actions>*{flex:1 1 0!important;}
  .thsl-compare-portal.th-compare-modal{padding:8px!important;}
  .thsl-compare-portal .th-modal-dialog{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;border-radius:16px!important;}
  .thsl-compare-portal .th-modal-head{min-height:50px!important;padding:11px 12px!important;}
  .thsl-compare-portal .th-modal-controls{padding:9px 12px!important;}
  .thsl-compare-portal .th-modal-control{width:100%!important;justify-content:space-between!important;}
  .thsl-compare-portal .th-modal-select{min-width:140px!important;max-width:58vw!important;}
  .thsl-compare-portal .th-modal-body{padding:10px!important;}
  .thsl-root .th-standalone-compare-head{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px!important;}
  .thsl-root .th-standalone-compare-head.is-tools-only{padding:0!important;}
  .thsl-root .th-standalone-cycle{width:100%!important;justify-content:space-between!important;}
  .thsl-root .th-standalone-cycle select{width:170px!important;max-width:58vw!important;}

  .thsl-root .thsl-cycle-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;max-width:100%!important;}
  .thsl-root .thsl-cycle-tab{flex:0 0 auto!important;white-space:nowrap!important;}
  body .thsl-free-tooltip-portal{left:14px!important;right:14px!important;bottom:16px!important;top:auto!important;width:auto!important;max-width:none!important;max-height:min(64vh,380px)!important;border-radius:16px 16px 14px 14px!important;}
}
@media (max-width:420px){
  .thsl-root .th-filter-title{font-size:14px!important;}
  .thsl-root .th-price-main{font-size:31px!important;}
  .thsl-root .th-card{border-radius:18px!important;}
  .thsl-root.th-template--service_tiles .th-grid{grid-template-columns:1fr!important;}
}
