/* The Tiranga Host - Plans page (all product groups) */
body.page-products .main-header{position:relative;padding:14px 0 6px!important;overflow:hidden}
body.page-products .main-header::after{content:"";position:absolute;right:0;top:14px;width:132px;height:112px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 140'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232B5BE8'/%3E%3Cstop offset='1' stop-color='%230E2A93'/%3E%3C/linearGradient%3E%3ClinearGradient id='s' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234C8DFF'/%3E%3Cstop offset='1' stop-color='%230A5CFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='85' cy='128' rx='62' ry='8' fill='%23DCE7FA'/%3E%3Cg fill='%23E8F1FF'%3E%3Ccircle cx='46' cy='40' r='22'/%3E%3Ccircle cx='72' cy='28' r='26'/%3E%3Ccircle cx='104' cy='36' r='22'/%3E%3Crect x='30' y='38' width='92' height='26' rx='13'/%3E%3C/g%3E%3Crect x='46' y='30' width='70' height='26' rx='8' fill='url(%23a)'/%3E%3Crect x='46' y='60' width='70' height='26' rx='8' fill='url(%23a)'/%3E%3Crect x='46' y='90' width='70' height='26' rx='8' fill='url(%23a)'/%3E%3Cg fill='%237FB0FF'%3E%3Ccircle cx='58' cy='43' r='3'/%3E%3Ccircle cx='67' cy='43' r='3'/%3E%3Ccircle cx='58' cy='73' r='3'/%3E%3Ccircle cx='67' cy='73' r='3'/%3E%3Ccircle cx='58' cy='103' r='3'/%3E%3Ccircle cx='67' cy='103' r='3'/%3E%3C/g%3E%3Cg fill='%232E4FBF'%3E%3Crect x='86' y='40' width='22' height='6' rx='3'/%3E%3Crect x='86' y='70' width='22' height='6' rx='3'/%3E%3Crect x='86' y='100' width='22' height='6' rx='3'/%3E%3C/g%3E%3Cpath d='M126 62l24 8v22c0 14-10 24-24 30-14-6-24-16-24-30V70z' transform='translate(0 -4)' fill='url(%23s)'/%3E%3Cpath d='M115 94l8 8 16-17' fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' transform='translate(3 -4)'/%3E%3C/svg%3E") no-repeat right center/contain;pointer-events:none}
body.page-products .main-header-title{font-size:34px;line-height:1.12;font-weight:800;color:var(--tt-navy);position:relative;z-index:1;max-width:66%;text-transform:capitalize;margin-top:6px}
body.page-products .main-header-title .tt-acc{color:var(--tt-blue)}
body.page-products .main-header .text-lighter,body.page-products .main-header-desc{color:var(--tt-ink);position:relative;z-index:1;max-width:66%;font-size:14.5px;line-height:1.4}
body.page-products .main-header{min-height:150px}

/* group dropdown */
body.page-products .categories-collapsed{margin:6px 0 18px;float:none;display:block}
body.page-products .categories-collapsed .btn{display:flex!important;align-items:center;gap:14px;width:100%;text-align:left!important;background:#fff!important;border:1.5px solid #9DBEFF!important;border-radius:18px!important;padding:12px 16px!important;min-height:68px;color:var(--tt-navy)!important;box-shadow:0 10px 24px -16px rgba(10,92,255,.7)!important;white-space:normal}
body.page-products .categories-collapsed .tt-gi{flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#EAF1FF;display:flex;align-items:center;justify-content:center}
body.page-products .categories-collapsed .tt-gi svg{width:24px;height:24px;fill:none;stroke:#0A5CFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.page-products .categories-collapsed .tt-gt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
body.page-products .categories-collapsed .tt-gt b{font-size:18px;font-weight:800;text-transform:capitalize}
body.page-products .categories-collapsed .tt-gt small{font-size:13.5px;font-weight:500;color:var(--tt-muted)}
body.page-products .categories-collapsed .tt-gc{flex:0 0 10px;width:10px;height:10px;border-right:2.5px solid var(--tt-navy);border-bottom:2.5px solid var(--tt-navy);transform:rotate(45deg);margin:-4px 4px 0 0}
body.page-products .categories-collapsed .btn::before,body.page-products .categories-collapsed .btn::after,body.page-products .categories-collapsed .caret{display:none!important}

/* plan card */
body.page-products #products .package{background:#fff!important;border:0!important;border-radius:26px!important;box-shadow:0 18px 40px -22px rgba(10,60,200,.45)!important;overflow:hidden;display:flex;flex-direction:column;height:100%;padding:0!important}
body.page-products #products .package-side{width:100%;padding:0!important;border:0!important;background:transparent!important;float:none}
body.page-products #products .package-header{position:relative;background:linear-gradient(120deg,#0A5CFF 0%,#1479FF 55%,#10A5FF 100%)!important;padding:20px 22px 40px!important;margin:0!important;border:0!important;text-align:left!important}
body.page-products #products .package-title{color:#fff!important;font-size:26px;font-weight:800;margin:0;padding-right:120px;text-transform:capitalize;text-align:left!important}
body.page-products #products .tt-sub2{color:rgba(255,255,255,.85);font-size:15px;margin-top:6px}
body.page-products #products .label-corner{position:absolute!important;right:14px;top:18px;left:auto!important;transform:none!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.5);color:#fff!important;border-radius:999px!important;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex;gap:6px;align-items:center}
body.page-products #products .label-corner svg{width:15px;height:15px;fill:#fff}
body.page-products #products .package,body.page-products #products .package *{text-align:left}
body.page-products #products .tt-price{position:relative;margin-top:-22px;background:#fff;border-radius:26px 26px 0 0;padding:22px 20px 14px;display:block;text-align:center}
body.page-products #products .tt-price,body.page-products #products .tt-price *{text-align:center}
body.page-products #products .tt-price .price{display:flex;align-items:center;justify-content:center;gap:8px 12px;flex-wrap:wrap;margin:0}
body.page-products #products .tt-price .price-amount{display:inline-flex;align-items:baseline;gap:6px;font-size:40px!important;font-weight:800;color:var(--tt-blue);line-height:1;letter-spacing:-.02em;white-space:nowrap}
body.page-products #products .tt-price .price-amount small{font-size:15px;font-weight:700;color:var(--tt-navy);letter-spacing:0}
body.page-products #products .tt-price .price-cycle{display:inline-block;background:#E6EFFF;color:var(--tt-blue);font-weight:700;border-radius:999px;padding:7px 14px;font-size:14px;margin:0}
body.page-products #products .tt-price .price-starting-from{flex:0 0 100%;color:var(--tt-muted);font-size:13px}
body.page-products #products .package-body{padding:4px 18px 6px!important;background:#fff}
body.page-products #products .package-content{font-size:14px}
.tt-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.tt-spec{display:flex;align-items:center;gap:10px;background:#F4F8FF;border:1px solid #E3ECFC;border-radius:14px;padding:10px 10px;min-width:0}
.tt-spec .tt-fi{flex:0 0 32px;width:32px;height:32px;background:#fff;box-shadow:0 2px 6px -2px rgba(10,92,255,.25)}
.tt-spec span:last-child{font-size:13.5px!important;font-weight:700;line-height:1.25;color:var(--tt-navy);overflow-wrap:break-word;word-break:normal;text-align:left!important}
.tt-perks{display:flex;flex-direction:column;border-top:1px solid #EDF2FB}
.tt-perk{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid #EDF2FB;font-size:14.5px!important;line-height:1.3;color:var(--tt-ink)}
.tt-perk:last-child{border-bottom:0}
.tt-perk .tt-fi{flex:0 0 30px;width:30px;height:30px;border-radius:9px}
.tt-perk .tt-fi svg{width:17px;height:17px}
.tt-perk span:last-child{text-align:left!important;font-size:14.5px!important;font-weight:500}
.tt-fi{display:flex;align-items:center;justify-content:center;background:#EAF1FF;border-radius:10px;flex:0 0 32px}
.tt-fi svg{width:18px;height:18px;fill:none;stroke:#0A5CFF;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tt-fi b{font-size:11.5px;color:#F26B21;font-weight:900}
body.page-products #products .package-footer{padding:12px 18px 20px!important;background:#fff;border:0!important;margin-top:auto}
body.page-products #products .package-footer .package-price{display:none!important}
body.page-products #products .btn-order-now{display:flex!important;width:100%;align-items:center;justify-content:center;gap:12px;background:linear-gradient(90deg,#0A5CFF,#10A5FF)!important;border:0!important;border-radius:999px!important;padding:17px 20px!important;font-size:20px;font-weight:800;color:#fff!important;box-shadow:0 14px 26px -14px rgba(10,92,255,.9)!important}
body.page-products #products .btn-order-now svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* mobile carousel */
.tt-track{max-width:100%;box-sizing:border-box;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 2px 18px;scrollbar-width:none}
.tt-track::-webkit-scrollbar{display:none}
.tt-track>.col,.tt-track>[class*="col"]{box-sizing:border-box;flex:0 0 100%;max-width:100%;width:100%;scroll-snap-align:center;padding:0 2px}
.tt-dots{display:flex;justify-content:center;gap:12px;margin:2px 0 18px}
.tt-dots i{width:15px;height:15px;border-radius:50%;background:#D6DEEC;cursor:pointer;transition:.2s}
.tt-dots i.on{background:var(--tt-blue);transform:scale(1.1)}

/* trust strip */
.tt-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:#F4F8FE;border:1px solid var(--tt-line);border-radius:22px;padding:14px;margin:6px 0 24px}
.tt-t{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--tt-navy);font-size:15px;line-height:1.2}
.tt-t span{width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:#E8F0FF;display:flex;align-items:center;justify-content:center}
.tt-t:nth-child(2) span{background:#FFF1E0}.tt-t:nth-child(3) span{background:#E3F7EC}
.tt-t svg{width:24px;height:24px;fill:none;stroke:#0A5CFF;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tt-t:nth-child(2) svg{stroke:#F59E0B}.tt-t:nth-child(3) svg{stroke:#16A34A}

@media (min-width:768px){
  .tt-trust{grid-template-columns:repeat(4,1fr)}
  body.page-products .main-header-title{font-size:44px}
}
@media (max-width:360px){.tt-specs{grid-template-columns:1fr}}

/* sizing safety */
body.page-products .categories-collapsed .btn,body.page-products #products .btn-order-now,body.page-products #products .package,body.page-products #products .package-footer,body.page-products #products .tt-price,body.page-products .tt-trust{box-sizing:border-box;max-width:100%}
body.page-products .main-header::after{top:34px;width:120px;height:100px}
body.page-products .main-header .breadcrumb{position:relative;z-index:2;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.page-products .app-main{overflow-x:hidden}


/* ======================================================================
   The Tiranga Host — refreshed, consistent hosting plan cards
   Applied only on the WHMCS product-group page; product data is untouched.
   ====================================================================== */
body.page-products #products .package{
  position:relative;
  background:#fff!important;
  border:1px solid #DCE5F3!important;
  border-radius:22px!important;
  box-shadow:0 8px 28px -18px rgba(11,27,77,.32),0 2px 8px rgba(11,27,77,.04)!important;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
@media (hover:hover){
  body.page-products #products .package:hover{
    transform:translateY(-4px);
    border-color:#AFC8F7!important;
    box-shadow:0 20px 38px -22px rgba(10,92,255,.38),0 5px 14px rgba(11,27,77,.06)!important;
  }
}
body.page-products #products .package-header{
  background:linear-gradient(125deg,#101F49 0%,#17366F 62%,#1456B8 100%)!important;
  border-top:4px solid #F59E0B!important;
  padding:21px 20px 38px!important;
}
body.page-products #products .package-title{
  color:#fff!important;
  font-size:clamp(20px,2vw,25px)!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.025em;
  padding-right:0!important;
  margin:0!important;
  overflow-wrap:anywhere;
}
body.page-products #products .tt-sub2{
  color:rgba(255,255,255,.82)!important;
  font-size:13.5px!important;
  line-height:1.45;
  margin-top:7px;
}
body.page-products #products .label-corner{
  top:12px!important;
  right:12px!important;
  padding:6px 10px!important;
  color:#654006!important;
  background:#FFF1C2!important;
  border:1px solid #F7D77A!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
}
body.page-products #products .label-corner svg{fill:#B7791F!important}
body.page-products #products .tt-price{
  margin-top:-20px!important;
  padding:20px 16px 15px!important;
  background:#F6F9FF!important;
  border:1px solid #E4ECFA!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:20px 20px 0 0!important;
}
body.page-products #products .tt-price .price-amount{
  color:#0A5CFF!important;
  font-size:clamp(34px,4vw,40px)!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
}
body.page-products #products .tt-price .price-amount small{
  color:#52617F!important;
  font-size:14px!important;
  font-weight:700!important;
}
body.page-products #products .tt-price .price-cycle{
  color:#174DAA!important;
  background:#E5EEFF!important;
  border:1px solid #D3E2FF!important;
  padding:6px 12px!important;
  font-size:12.5px!important;
}
body.page-products #products .tt-price .price-starting-from{
  color:#687795!important;
  font-size:12.5px!important;
  line-height:1.45;
  margin-top:7px;
}
body.page-products #products .package-body{
  padding:16px 18px 8px!important;
  background:#fff!important;
}
body.page-products #products .package-content{font-size:14px!important}
body.page-products #products .tt-specs{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:0 0 15px;
}
body.page-products #products .tt-spec{
  min-height:58px;
  padding:9px 10px!important;
  gap:9px!important;
  background:#F5F8FE!important;
  border:1px solid #E6EDF8!important;
  border-radius:13px!important;
}
body.page-products #products .tt-spec .tt-fi{
  width:31px!important;height:31px!important;flex-basis:31px!important;
  border-radius:9px!important;background:#E7EFFF!important;box-shadow:none!important;
}
body.page-products #products .tt-spec .tt-fi svg{width:17px!important;height:17px!important}
body.page-products #products .tt-spec span:last-child{
  color:#14264F!important;
  font-size:12.8px!important;
  line-height:1.28!important;
  font-weight:750!important;
}
body.page-products #products .tt-perks{
  border-top:1px solid #E9EEF6!important;
}
body.page-products #products .tt-perk{
  gap:10px!important;
  padding:10px 1px!important;
  border-bottom:1px solid #EEF2F7!important;
  color:#34415E!important;
  font-size:13.5px!important;
  line-height:1.38!important;
}
body.page-products #products .tt-perk:last-child{border-bottom:0!important}
body.page-products #products .tt-perk .tt-fi{
  flex:0 0 28px!important;width:28px!important;height:28px!important;
  border-radius:9px!important;background:#E9F8F0!important;
}
body.page-products #products .tt-perk .tt-fi svg{width:16px!important;height:16px!important;stroke:#15945B!important}
body.page-products #products .tt-perk .tt-fi b{color:#15945B!important}
body.page-products #products .tt-perk span:last-child{
  color:#34415E!important;font-size:13.5px!important;font-weight:550!important;
}
body.page-products #products .package-footer{
  padding:12px 18px 19px!important;
  background:#fff!important;
  border:0!important;
  margin-top:auto!important;
}
body.page-products #products .btn-order-now{
  min-height:52px;
  padding:14px 16px!important;
  gap:10px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(100deg,#0A5CFF 0%,#1676EA 100%)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:.005em;
  box-shadow:0 8px 18px -10px rgba(10,92,255,.75)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
body.page-products #products .btn-order-now:hover{
  filter:brightness(1.04);
  transform:translateY(-1px);
  box-shadow:0 12px 22px -12px rgba(10,92,255,.85)!important;
}
body.page-products #products .btn-order-now svg{width:20px!important;height:20px!important}
body.page-products .tt-track{gap:12px;padding:4px 3px 16px}
body.page-products .tt-dots{gap:9px;margin:0 0 16px}
body.page-products .tt-dots i{width:9px;height:9px;background:#C9D4E7}
body.page-products .tt-dots i.on{width:23px;border-radius:99px;background:#0A5CFF;transform:none}
body.page-products .tt-trust{
  background:#fff!important;
  border:1px solid #E3EAF5!important;
  border-radius:18px!important;
  box-shadow:0 5px 18px -14px rgba(11,27,77,.2);
  padding:12px!important;
}
body.page-products .tt-t{font-size:13px!important;line-height:1.3}
body.page-products .tt-t span{width:38px;height:38px;flex-basis:38px;border-radius:12px}
body.page-products .tt-t svg{width:20px;height:20px}
@media(max-width:767px){
  body.page-products .main-header-title{font-size:27px!important;max-width:72%;line-height:1.15}
  body.page-products .main-header .text-lighter,body.page-products .main-header-desc{max-width:72%;font-size:13.5px}
  body.page-products #products .package{border-radius:20px!important}
  body.page-products #products .package-header{padding:18px 17px 34px!important}
  body.page-products #products .package-title{font-size:22px!important;max-width:100%}
  body.page-products #products .tt-price{padding:17px 13px 13px!important}
  body.page-products #products .package-body{padding:13px 14px 6px!important}
  body.page-products #products .tt-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  body.page-products #products .tt-spec{padding:8px!important;gap:7px!important;min-height:54px}
  body.page-products #products .tt-spec span:last-child{font-size:12px!important}
  body.page-products #products .tt-perk{font-size:13px!important;padding:9px 0!important}
  body.page-products #products .tt-perk span:last-child{font-size:13px!important}
  body.page-products #products .package-footer{padding:10px 14px 15px!important}
  body.page-products #products .btn-order-now{min-height:49px;font-size:15px!important}
}
@media(max-width:380px){
  body.page-products #products .tt-specs{grid-template-columns:1fr}
  body.page-products #products .package-title{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){
  body.page-products #products .package,body.page-products #products .btn-order-now{transition:none!important}
}