.fitt-section{
  --fitt-blue:#005bac;
  --fitt-cyan:#00a4e4;
  --fitt-dark:#071b33;
  --fitt-yellow:#ffd100;
  --fitt-green:#25d366;
  --fitt-soft:#f3f8ff;
  --fitt-border:#dbe7f5;
  --fitt-muted:#667085;
  position:relative;
  overflow:hidden;
  padding:62px 0;
  color:#172033;
  background:
    radial-gradient(circle at 3% 4%,rgba(0,164,228,.12),transparent 28%),
    radial-gradient(circle at 96% 95%,rgba(255,209,0,.14),transparent 25%),
    linear-gradient(180deg,#f5faff 0%,#fff 100%);
  font-family:Arial,Helvetica,sans-serif;
  scroll-margin-top:105px;
}

/* Standart tema içerik genişliği dar olsa da /tarifeler/ sayfasını tam açar. */
body.fitt-tariffs-page .fitt-section{
  width:100vw;
  max-width:100vw;
  margin-right:calc(50% - 50vw);
  margin-left:calc(50% - 50vw);
}

body.fitt-tariffs-page #content,
body.fitt-tariffs-page #primary,
body.fitt-tariffs-page .site-main,
body.fitt-tariffs-page .site-main > article,
body.fitt-tariffs-page .entry-content{
  margin-top:0!important;
  padding-top:0!important;
}

body.fitt-tariffs-page .site-content > .ast-container{
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
}

body.fitt-tariffs-page main article > .entry-header,
body.fitt-tariffs-page main > .page-header,
body.fitt-tariffs-page .entry-title:empty{
  display:none;
}

/* /tarifeler/ kendi kapanış alanını kullandığı için Astra'nın alt telif bandını gösterme. */
body.fitt-tariffs-page #colophon,
body.fitt-tariffs-page footer.site-footer,
body.fitt-tariffs-page .site-footer,
body.fitt-tariffs-page .site-below-footer-wrap,
body.fitt-tariffs-page .ast-footer-overlay{
  display:none!important;
}

.fi-page .fi-hero .fitt-hero-tariffs{
  background:#ffd100;
  color:#071b33!important;
  box-shadow:0 10px 24px rgba(255,209,0,.22);
}

.fi-page .fi-hero .fitt-hero-tariffs:hover{
  box-shadow:0 14px 30px rgba(255,209,0,.30);
}

.fitt-section *{
  box-sizing:border-box;
}

.fitt-wrap{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 20px;
}

/* Resmî Turkcell medya arşivindeki Emocanlar, geniş ekranda kenar dekorudur. */
@media(min-width:1480px){
  .fitt-section::before,
  .fitt-section::after{
    content:"";
    position:absolute;
    z-index:0;
    width:165px;
    height:320px;
    background-image:url("https://medya.turkcell.com.tr/wp-content/uploads/2016/12/emocanlar-1200x506.jpg");
    background-repeat:no-repeat;
    background-size:auto 305px;
    mix-blend-mode:multiply;
    opacity:.22;
    pointer-events:none;
    filter:saturate(.9);
    -webkit-mask-image:radial-gradient(ellipse at center,#000 52%,transparent 82%);
    mask-image:radial-gradient(ellipse at center,#000 52%,transparent 82%);
  }

  .fitt-section::before{
    top:230px;
    left:0;
    background-position:left center;
  }

  .fitt-section::after{
    top:720px;
    right:0;
    background-position:right center;
  }
}

.fitt-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:25px;
}

.fitt-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:10px;
  color:var(--fitt-blue);
  font-size:13px;
  font-weight:900;
  letter-spacing:.55px;
  text-transform:uppercase;
}

.fitt-eyebrow i{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.45);
  animation:fitt-pulse 2.2s infinite;
}

.fitt-heading h2{
  max-width:790px;
  margin:0 0 11px;
  color:var(--fitt-dark);
  font-size:clamp(30px,4vw,44px);
  line-height:1.12;
  letter-spacing:-.75px;
}

.fitt-heading p{
  max-width:780px;
  margin:0;
  color:var(--fitt-muted);
  font-size:17px;
  line-height:1.62;
}

.fitt-source-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:45px;
  flex:0 0 auto;
  padding:10px 15px;
  border:1px solid var(--fitt-border);
  border-radius:13px;
  background:#fff;
  color:var(--fitt-blue)!important;
  box-shadow:0 8px 22px rgba(0,55,110,.07);
  font-size:13px;
  font-weight:900;
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.fitt-source-link:hover{
  border-color:var(--fitt-cyan);
  box-shadow:0 12px 28px rgba(0,91,172,.13);
  transform:translateY(-2px);
}

.fitt-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:13px;
  padding:12px;
  border:1px solid var(--fitt-border);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 34px rgba(0,55,110,.07);
}

.fitt-tabs{
  display:flex;
  align-items:center;
  gap:8px;
}

.fitt-tabs button{
  min-height:41px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 15px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--fitt-dark);
  cursor:pointer;
  font:800 14px/1.2 Arial,Helvetica,sans-serif;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.fitt-tabs button span{
  min-width:22px;
  padding:3px 6px;
  border-radius:999px;
  background:var(--fitt-soft);
  color:var(--fitt-blue);
  font-size:11px;
}

.fitt-tabs button:hover,
.fitt-tabs button:focus-visible{
  border-color:var(--fitt-border);
  color:var(--fitt-blue);
  outline:none;
}

.fitt-tabs button.is-active{
  background:var(--fitt-blue);
  color:#fff;
  box-shadow:0 8px 20px rgba(0,91,172,.20);
}

.fitt-tabs button.is-active span{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.fitt-tabs button[data-fitt-filter="transition"]{
  border-color:#b8ead0;
  background:#effcf5;
  color:#087943;
}

.fitt-tabs button[data-fitt-filter="transition"] span{
  background:#dff7ea;
  color:#087943;
}

.fitt-tabs button[data-fitt-filter="transition"].is-active{
  border-color:transparent;
  background:linear-gradient(135deg,#00a4e4,#20b964);
  color:#fff;
}

.fitt-tabs button[data-fitt-filter="transition"].is-active span{
  background:rgba(255,255,255,.2);
  color:#fff;
}

.fitt-search{
  width:300px;
  max-width:38%;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border:1px solid var(--fitt-border);
  border-radius:12px;
  background:#fff;
  color:var(--fitt-blue);
}

.fitt-search > span:first-child{
  font-size:21px;
  font-weight:900;
  transform:rotate(-20deg);
}

.fitt-search input{
  width:100%;
  min-width:0;
  height:40px;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--fitt-dark)!important;
  font:700 13px/1.2 Arial,Helvetica,sans-serif!important;
}

.fitt-search input::placeholder{
  color:#8a94a5;
  opacity:1;
}

.fitt-simple-fields{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,290px);
  gap:9px;
}

.fitt-simple-fields.is-family-hidden{
  grid-template-columns:1fr;
}

.fitt-family-select-field{
  min-width:0;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 11px;
  border:1px solid var(--fitt-border);
  border-radius:12px;
  background:#fff;
  color:var(--fitt-dark);
}

.fitt-family-select-field[hidden]{
  display:none!important;
}

.fitt-family-select-field > span{
  flex:0 0 auto;
  color:var(--fitt-blue);
  font-size:11px;
  font-weight:900;
}

.fitt-family-select-field select{
  width:100%;
  min-width:0;
  height:40px;
  margin:0!important;
  padding:0 26px 0 0!important;
  border:0!important;
  outline:0!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:var(--fitt-dark)!important;
  font:800 12px/1.2 Arial,Helvetica,sans-serif!important;
}

.fitt-finder{
  margin-bottom:14px;
  padding:19px;
  border:1px solid #cfe0f2;
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:0 15px 38px rgba(0,55,110,.09);
}

.fitt-finder-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:15px;
  border-bottom:1px solid #e1ebf5;
}

.fitt-finder-head > div{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  column-gap:10px;
}

.fitt-finder-kicker{
  grid-row:1/3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 11px;
  border-radius:12px;
  background:var(--fitt-yellow);
  color:var(--fitt-dark);
  font-size:10px;
  font-weight:900;
  letter-spacing:.35px;
  text-transform:uppercase;
}

.fitt-finder-head strong{
  color:var(--fitt-dark);
  font-size:20px;
  line-height:1.15;
}

.fitt-finder-head small{
  margin-top:3px;
  color:var(--fitt-muted);
  font-size:12px;
  line-height:1.35;
}

.fitt-reset{
  min-height:40px;
  flex:0 0 auto;
  padding:8px 13px;
  border:1px solid #c7d9eb;
  border-radius:11px;
  background:#fff;
  color:var(--fitt-blue);
  cursor:pointer;
  font:900 12px/1.2 Arial,Helvetica,sans-serif;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.fitt-reset:hover,
.fitt-reset:focus-visible{
  border-color:var(--fitt-blue);
  background:var(--fitt-soft);
  outline:none;
}

.fitt-reset:disabled{
  border-color:#e3e9f0;
  background:#f7f9fc;
  color:#9aa4b2;
  cursor:default;
}

.fitt-step-block{
  margin-top:16px;
}

.fitt-step-title{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 10px;
}

.fitt-step-title > b,
.fitt-filter-field legend > b,
.fitt-select-field > span > b{
  width:25px;
  height:25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 25px;
  border-radius:8px;
  background:var(--fitt-blue);
  color:#fff;
  font-size:12px;
  font-weight:900;
}

.fitt-step-title > span{
  display:flex;
  flex-direction:column;
}

.fitt-step-title strong{
  color:var(--fitt-dark);
  font-size:14px;
}

.fitt-step-title small{
  margin-top:1px;
  color:var(--fitt-muted);
  font-size:10px;
}

.fitt-quick-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}

.fitt-quick-grid button{
  min-width:0;
  min-height:65px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px;
  border:1px solid #d6e3f1;
  border-radius:14px;
  background:#f9fbfe;
  color:var(--fitt-dark);
  cursor:pointer;
  font-family:Arial,Helvetica,sans-serif;
  text-align:left;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.fitt-quick-grid button:hover,
.fitt-quick-grid button:focus-visible{
  border-color:#8ebce5;
  background:#f1f8ff;
  outline:none;
  transform:translateY(-2px);
}

.fitt-quick-grid button > i{
  width:37px;
  height:37px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 37px;
  border-radius:11px;
  background:#e4f2ff;
  color:var(--fitt-blue);
  font-size:9px;
  font-style:normal;
  font-weight:900;
}

.fitt-quick-grid button > span{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.fitt-quick-grid button strong{
  overflow:hidden;
  color:inherit;
  font-size:12px;
  line-height:1.2;
  text-overflow:ellipsis;
}

.fitt-quick-grid button small{
  margin-top:4px;
  color:#748197;
  font-size:9px;
  font-weight:800;
}

.fitt-quick-grid button.is-active{
  border-color:var(--fitt-blue);
  background:linear-gradient(135deg,var(--fitt-blue),#0877c9);
  box-shadow:0 9px 22px rgba(0,91,172,.19);
  color:#fff;
}

.fitt-quick-grid button.is-active > i{
  background:var(--fitt-yellow);
  color:var(--fitt-dark);
}

.fitt-quick-grid button.is-active small{
  color:#dcecff;
}

.fitt-finder-controls{
  display:grid;
  grid-template-columns:minmax(360px,1.65fr) minmax(145px,.65fr) minmax(190px,.8fr) minmax(150px,.65fr);
  gap:12px;
  align-items:end;
  margin-top:17px;
  padding-top:16px;
  border-top:1px solid #e1ebf5;
}

.fitt-filter-field{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}

.fitt-filter-field legend,
.fitt-select-field > span,
.fitt-sort-field > span{
  min-height:25px;
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 7px;
  padding:0;
  color:var(--fitt-dark);
  font-size:11px;
  font-weight:900;
  line-height:1.2;
}

.fitt-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.fitt-chips button{
  min-height:39px;
  padding:7px 10px;
  border:1px solid #d5e2ef;
  border-radius:10px;
  background:#fff;
  color:#45566b;
  cursor:pointer;
  font:800 10px/1.15 Arial,Helvetica,sans-serif;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}

.fitt-chips button:hover,
.fitt-chips button:focus-visible{
  border-color:#8ebce5;
  color:var(--fitt-blue);
  outline:none;
}

.fitt-chips button.is-active{
  border-color:var(--fitt-blue);
  background:#eaf5ff;
  color:var(--fitt-blue);
}

.fitt-select-field,
.fitt-sort-field{
  min-width:0;
  display:block;
}

.fitt-select-field select,
.fitt-sort-field select{
  width:100%;
  height:44px;
  margin:0!important;
  padding:0 34px 0 11px!important;
  border:1px solid var(--fitt-border)!important;
  border-radius:11px!important;
  background-color:#fff!important;
  color:var(--fitt-dark)!important;
  box-shadow:none!important;
  font:800 11px/1.2 Arial,Helvetica,sans-serif!important;
}

.fitt-finder .fitt-search{
  width:100%;
  max-width:none;
  min-height:44px;
}

.fitt-advanced{
  margin:0 0 13px;
  border:1px solid #d7e4f1;
  border-radius:16px;
  background:rgba(255,255,255,.86);
  box-shadow:0 9px 25px rgba(0,55,110,.05);
}

.fitt-advanced > summary{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 15px;
  color:var(--fitt-dark);
  cursor:pointer;
  list-style:none;
}

.fitt-advanced > summary::-webkit-details-marker{
  display:none;
}

.fitt-advanced > summary > span{
  display:flex;
  flex-direction:column;
}

.fitt-advanced > summary strong{
  font-size:13px;
}

.fitt-advanced > summary small{
  margin-top:2px;
  color:var(--fitt-muted);
  font-size:10px;
}

.fitt-advanced > summary > i{
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 30px;
  border-radius:9px;
  background:#e9f4ff;
  color:var(--fitt-blue);
  font-size:20px;
  font-style:normal;
  font-weight:700;
  transition:transform .2s ease;
}

.fitt-advanced[open] > summary > i{
  transform:rotate(45deg);
}

.fitt-advanced-body{
  padding:0 12px 12px;
}

.fitt-advanced .fitt-toolbar{
  margin-bottom:10px;
  padding:10px;
  border:0;
  background:#f4f8fc;
  box-shadow:none;
}

.fitt-advanced .fitt-family-picker{
  margin-bottom:0;
}

.fitt-classic-search{
  overflow:hidden;
  margin:0 0 14px;
  border:1px solid #b9d8f2;
  border-radius:20px;
  background:
    radial-gradient(circle at 96% 0,rgba(255,209,0,.14),transparent 27%),
    linear-gradient(135deg,#e8f5ff 0%,#f3f9ff 58%,#eaf4ff 100%);
  box-shadow:0 15px 38px rgba(0,91,172,.10);
}

.fitt-toolbar-simple{
  align-items:stretch;
  flex-direction:column;
  gap:9px;
  margin:0;
  border:0;
  border-radius:20px 20px 0 0;
  background:transparent;
  box-shadow:none;
}

.fitt-toolbar-simple .fitt-tabs{
  width:100%;
  min-width:0;
  flex-wrap:wrap;
}

.fitt-toolbar-simple .fitt-tabs button{
  min-height:43px;
  border-color:rgba(0,91,172,.08);
  background:rgba(255,255,255,.78);
  box-shadow:0 4px 12px rgba(0,55,110,.04);
  white-space:nowrap;
}

.fitt-toolbar-simple .fitt-tabs button.is-active{
  border-color:transparent;
  background:var(--fitt-blue);
  color:#fff;
  box-shadow:0 8px 20px rgba(0,91,172,.20);
}

.fitt-toolbar-simple .fitt-tabs button.is-active span{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.fitt-toolbar-simple .fitt-search{
  width:100%;
  max-width:none;
}

.fitt-tabs button[data-fitt-filter="data"]{
  border-color:#b9dcf4;
  background:#eff8ff;
  color:#005bac;
}

.fitt-tabs button[data-fitt-filter="superbox_purchase"]{
  border-color:#ffd995;
  background:#fff8e8;
  color:#8b5500;
}

.fitt-tabs button[data-fitt-filter="superbox_rental"]{
  border-color:#a8e2dc;
  background:#ecfbf8;
  color:#08766c;
}

.fitt-tabs button[data-fitt-filter="data"].is-active,
.fitt-tabs button[data-fitt-filter="superbox_purchase"].is-active,
.fitt-tabs button[data-fitt-filter="superbox_rental"].is-active{
  border-color:transparent;
  background:var(--fitt-blue);
  color:#fff;
}

.fitt-tabs button[data-fitt-filter="data"].is-active span,
.fitt-tabs button[data-fitt-filter="superbox_purchase"].is-active span,
.fitt-tabs button[data-fitt-filter="superbox_rental"].is-active span{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.fitt-filter-strip{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border-top:1px solid #e1ebf5;
  background:linear-gradient(135deg,#dceeff,#edf7ff);
  border-radius:0 0 20px 20px;
}

.fitt-filter-strip[hidden],
.fitt-technology-filter[hidden]{
  display:none!important;
}

.fitt-technology-filter{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}

.fitt-technology-filter > strong{
  display:block;
  margin:0;
  color:var(--fitt-dark);
  font-size:11px;
  font-weight:900;
}

.fitt-technology-filter > div{
  display:flex;
  flex-wrap:nowrap;
  gap:6px;
}

.fitt-technology-filter button{
  min-width:0;
  min-height:37px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border:1px solid #c9dced;
  border-radius:10px;
  background:#fff;
  color:#42566d;
  cursor:pointer;
  font:900 11px/1.2 Arial,Helvetica,sans-serif;
  text-align:center;
}

.fitt-technology-filter button span{
  min-width:20px;
  padding:3px 5px;
  border-radius:999px;
  background:#edf4fb;
  color:var(--fitt-blue);
  font-size:9px;
}

.fitt-technology-filter button:hover,
.fitt-technology-filter button:focus-visible{
  border-color:#78afe0;
  color:var(--fitt-blue);
  outline:none;
}

.fitt-technology-filter button.is-active{
  border-color:var(--fitt-blue);
  background:var(--fitt-blue);
  color:#fff;
}

.fitt-technology-filter button.is-active span{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.fitt-legal-fees{
  margin:0 0 15px;
  padding:15px;
  border:1px solid #f0d589;
  border-radius:18px;
  background:linear-gradient(135deg,#fffdf3,#fff8df);
  box-shadow:0 10px 28px rgba(128,93,0,.07);
}

.fitt-legal-fees-head{
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:10px;
  align-items:center;
}

.fitt-legal-fees-head > span{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:var(--fitt-yellow);
  color:var(--fitt-dark);
  font-size:16px;
  font-weight:900;
}

.fitt-legal-fees-head > div{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.fitt-legal-fees-head strong{
  color:var(--fitt-dark);
  font-size:14px;
}

.fitt-legal-fees-head small{
  margin-top:2px;
  color:#766b49;
  font-size:10px;
}

.fitt-legal-fees-head a{
  color:#715800!important;
  font-size:10px;
  font-weight:900;
  text-decoration:none!important;
}

.fitt-legal-fee-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}

.fitt-legal-fee-grid > div{
  display:flex;
  flex-direction:column;
  padding:11px 12px;
  border:1px solid rgba(174,137,28,.20);
  border-radius:12px;
  background:rgba(255,255,255,.72);
}

.fitt-legal-label{
  margin-bottom:4px;
  color:#6f5b1e;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.fitt-legal-fee-grid strong{
  color:var(--fitt-dark);
  font-size:15px;
}

.fitt-legal-fee-grid small{
  margin-top:5px;
  color:#6d6757;
  font-size:10px;
  line-height:1.45;
}

.fitt-result-status{
  min-height:20px;
  margin:0 2px 12px;
  color:var(--fitt-muted);
  font-size:12px;
  font-weight:700;
}

.fitt-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.fitt-card{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:21px;
  border:1px solid var(--fitt-border);
  border-radius:22px;
  background:#fff;
  box-shadow:0 13px 34px rgba(0,55,110,.08);
  opacity:0;
  transform:translateY(17px);
  transition:opacity .48s ease,transform .48s ease,border-color .22s ease,box-shadow .22s ease;
}

.fitt-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,var(--fitt-blue),var(--fitt-cyan));
}

.fitt-card.fitt-prepaid::before{
  background:linear-gradient(90deg,#f0b900,var(--fitt-yellow));
}

.fitt-card.fitt-hybrid::before{
  background:linear-gradient(90deg,#6941c6,#9b6cff);
}

.fitt-card[data-fitt-family="gnc"]::before{
  background:linear-gradient(90deg,#6d28d9,#a855f7);
}

.fitt-card[data-fitt-family="first"]::before{
  background:linear-gradient(90deg,#f59e0b,var(--fitt-yellow));
}

.fitt-card[data-fitt-family="kids_watch"]::before{
  background:linear-gradient(90deg,#7c3aed,#00a4e4,#25d366);
}

.fitt-card[data-fitt-family="platinum"]::before{
  background:linear-gradient(90deg,#071b33,#c79a17);
}

.fitt-card[data-fitt-family="retiree"]::before{
  background:linear-gradient(90deg,#15803d,#4ade80);
}

.fitt-card[data-fitt-family="data"]::before{
  background:linear-gradient(90deg,#0063b8,#00c2ff);
}

.fitt-card[data-fitt-family="superbox_purchase"]::before{
  background:linear-gradient(90deg,#f59e0b,#ffd100);
}

.fitt-card[data-fitt-family="superbox_rental"]::before{
  background:linear-gradient(90deg,#008f83,#32d4c4);
}

.fitt-card[data-fitt-family="public"]::before{
  background:linear-gradient(90deg,#005bac,#22c55e);
}

.fitt-card[data-fitt-family="transition"]::before{
  background:linear-gradient(90deg,#00a4e4,#25d366);
}

.fitt-section.is-visible .fitt-card{
  opacity:1;
  transform:translateY(0);
}

.fitt-card:hover{
  border-color:#bfd8f1;
  box-shadow:0 20px 48px rgba(0,55,110,.14);
  transform:translateY(-4px);
}

.fitt-card[hidden],
.fitt-card.is-collapsed{
  display:none!important;
}

.fitt-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:15px;
}

.fitt-type-badge,
.fitt-group,
.fitt-online{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  line-height:1;
  letter-spacing:.35px;
}

.fitt-type-badge{
  padding:7px 10px;
  background:#e8f4ff;
  color:var(--fitt-blue);
  text-transform:uppercase;
}

.fitt-prepaid .fitt-type-badge{
  background:#fff8d7;
  color:#7c6400;
}

.fitt-hybrid .fitt-type-badge{
  background:#f2ecff;
  color:#6941c6;
}

.fitt-group{
  padding:6px 9px;
  border:1px solid var(--fitt-border);
  color:#778195;
  background:#fff;
}

.fitt-card h3{
  min-height:49px;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin:0 0 17px;
  color:var(--fitt-dark);
  font-size:20px;
  line-height:1.23;
  letter-spacing:-.3px;
}

.fitt-audience-note{
  min-height:43px;
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin:-7px 0 14px;
  padding:9px 10px;
  border:1px solid #d8e9f7;
  border-radius:11px;
  background:#f4f9ff;
  color:#47627c;
  font-size:10px;
  font-weight:800;
  line-height:1.35;
}

.fitt-audience-note span{
  color:#15803d;
  font-size:12px;
  line-height:1.1;
}

.fitt-card-tags{
  min-height:23px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:-6px 0 14px;
}

.fitt-card-tags span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 7px;
  border-radius:7px;
  background:#f3f7fc;
  color:#526175;
  font-size:9px;
  font-weight:900;
  line-height:1.15;
}

.fitt-benefits{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-bottom:18px;
}

.fitt-card[data-fitt-family="data"] .fitt-benefits{
  grid-template-columns:1fr;
}

.fitt-benefit{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px;
  border:1px solid #e5edf7;
  border-radius:13px;
  background:#f9fbfe;
}

.fitt-benefit-icon{
  width:31px;
  height:31px;
  flex:0 0 31px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#e5f3ff;
  color:var(--fitt-blue);
  font-size:9px;
  font-weight:900;
}

.fitt-benefit-social .fitt-benefit-icon{
  background:#f2ecff;
  color:#7547c7;
}

.fitt-benefit-voice .fitt-benefit-icon{
  background:#eaf9ef;
  color:#15803d;
}

.fitt-benefit-sms .fitt-benefit-icon{
  background:#fff4d7;
  color:#9a6700;
}

.fitt-benefit-bonus .fitt-benefit-icon{
  background:#fff4d7;
  color:#9a6700;
}

.fitt-benefit > span:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.fitt-benefit strong{
  overflow:hidden;
  color:var(--fitt-dark);
  font-size:14px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.fitt-benefit small{
  overflow:hidden;
  margin-top:3px;
  color:var(--fitt-muted);
  font-size:9px;
  line-height:1.2;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.fitt-description{
  min-height:106px;
  margin:0 0 18px;
  color:var(--fitt-muted);
  font-size:13px;
  line-height:1.55;
}

.fitt-promo-note{
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin:-6px 0 16px;
  padding:10px 11px;
  border:1px solid #f4df78;
  border-radius:11px;
  background:#fffbea;
  color:#725a00;
  font-size:11px;
  font-weight:800;
  line-height:1.4;
}

.fitt-promo-note span{
  color:#d8a900;
}

.fitt-price-row{
  min-height:63px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid #e7eef7;
}

.fitt-price-row > div{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:4px;
}

.fitt-price-row del{
  width:100%;
  color:#8b94a4;
  font-size:11px;
}

.fitt-price{
  color:var(--fitt-dark);
  font-size:25px;
  line-height:1;
  letter-spacing:-.65px;
}

.fitt-price-row small{
  color:var(--fitt-muted);
  font-size:11px;
  font-weight:800;
}

.fitt-price-row .fitt-superbox-price-kind{
  display:block;
  margin-top:5px;
  color:#667085;
  font-size:9px;
  font-style:normal;
  font-weight:800;
  line-height:1.3;
}

.fitt-online{
  padding:6px 8px;
  background:#f2ecff;
  color:#6d43bc;
  white-space:nowrap;
}

.fitt-actions{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:9px;
  margin-top:16px;
}

.fitt-actions.is-single{
  grid-template-columns:1fr;
}

.fitt-actions a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:9px 11px;
  border-radius:12px;
  font-size:12px;
  font-weight:900;
  line-height:1.15;
  text-align:center;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.fitt-actions a:hover{
  transform:translateY(-2px);
}

.fitt-whatsapp{
  background:var(--fitt-green);
  color:#fff!important;
  box-shadow:0 8px 19px rgba(37,211,102,.18);
}

.fitt-detail{
  border:1px solid var(--fitt-border);
  background:#fff;
  color:var(--fitt-blue)!important;
}

.fitt-detail:hover{
  background:var(--fitt-soft);
}

.fitt-more-wrap{
  display:flex;
  justify-content:center;
  margin-top:26px;
}

.fitt-more{
  min-height:47px;
  padding:11px 20px;
  border:1px solid var(--fitt-blue);
  border-radius:13px;
  background:#fff;
  color:var(--fitt-blue);
  cursor:pointer;
  font:900 14px/1.2 Arial,Helvetica,sans-serif;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.fitt-more:hover,
.fitt-more:focus-visible{
  background:var(--fitt-blue);
  color:#fff;
  outline:none;
  transform:translateY(-2px);
}

.fitt-more-wrap[hidden]{
  display:none!important;
}

.fitt-disclaimer{
  margin-top:27px;
  padding:15px 17px;
  border:1px solid var(--fitt-border);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(235,246,255,.94));
}

.fitt-disclaimer-copy{
  display:flex;
  align-items:flex-start;
  gap:11px;
}

.fitt-disclaimer-copy > span{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--fitt-blue);
  color:#fff;
  font-size:12px;
  font-weight:900;
}

.fitt-disclaimer-copy p{
  margin:0;
  color:var(--fitt-muted);
  font-size:12px;
  line-height:1.55;
}

.fitt-disclaimer-copy strong{
  color:var(--fitt-dark);
}

.fitt-disclaimer .fitt-legal-fees{
  margin:14px 0 0 31px;
  box-shadow:none;
}

.fitt-bottom-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:18px;
  padding:20px 22px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--fitt-dark),#0b3b70);
  box-shadow:0 16px 38px rgba(7,27,51,.16);
  color:#fff;
}

.fitt-bottom-cta > div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.fitt-bottom-cta strong{
  color:#fff;
  font-size:18px;
}

.fitt-bottom-cta span{
  color:#dce9f6;
  font-size:13px;
}

.fitt-bottom-cta a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding:10px 16px;
  border-radius:12px;
  background:var(--fitt-yellow);
  color:var(--fitt-dark)!important;
  font-size:13px;
  font-weight:900;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease;
}

.fitt-bottom-cta a:hover{
  box-shadow:0 9px 22px rgba(255,209,0,.22);
  transform:translateY(-2px);
}

.fitt-empty{
  grid-column:1/-1;
  padding:28px;
  border:1px dashed #b9cfe6;
  border-radius:18px;
  color:var(--fitt-muted);
  background:#fff;
  text-align:center;
  font-size:14px;
  font-weight:700;
}

@keyframes fitt-pulse{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.45);}
  70%{box-shadow:0 0 0 8px rgba(34,197,94,0);}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0);}
}

@media(max-width:980px){
  .fitt-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fitt-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .fitt-finder-controls{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fitt-gb-field{
    grid-column:1/-1;
  }

  .fitt-toolbar{
    align-items:stretch;
    flex-direction:column;
  }

  .fitt-toolbar-simple .fitt-search{
    width:100%;
    max-width:none;
    flex:1 1 auto;
  }

  .fitt-simple-fields{
    grid-template-columns:minmax(0,1fr) minmax(210px,260px);
  }

  .fitt-filter-strip{
    flex-wrap:wrap;
  }

  .fitt-technology-filter{
    flex-basis:100%;
  }

  .fitt-search{
    width:100%;
    max-width:none;
  }

  .fitt-family-picker{
    grid-template-columns:1fr;
  }

  .fitt-family-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .fitt-section{
    padding:41px 0;
    scroll-margin-top:85px;
  }

  .fitt-wrap{
    padding:0 14px;
  }

  .fitt-heading{
    display:block;
    margin-bottom:19px;
  }

  .fitt-eyebrow{
    font-size:10px;
    letter-spacing:.3px;
  }

  .fitt-heading h2{
    font-size:25px;
    line-height:1.16;
  }

  .fitt-heading p{
    font-size:14px;
    line-height:1.55;
  }

  .fitt-finder{
    padding:13px;
    border-radius:17px;
  }

  .fitt-finder-head{
    align-items:stretch;
    flex-direction:column;
    gap:10px;
  }

  .fitt-finder-head strong{
    font-size:17px;
  }

  .fitt-reset{
    width:100%;
    min-height:37px;
  }

  .fitt-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .fitt-quick-grid button{
    min-height:59px;
    gap:7px;
    padding:8px;
  }

  .fitt-quick-grid button:first-child{
    grid-column:1/-1;
  }

  .fitt-quick-grid button > i{
    width:32px;
    height:32px;
    flex-basis:32px;
  }

  .fitt-quick-grid button strong{
    font-size:11px;
  }

  .fitt-finder-controls{
    grid-template-columns:1fr;
    gap:12px;
  }

  .fitt-gb-field{
    grid-column:auto;
  }

  .fitt-chips{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fitt-chips button:first-child{
    grid-column:1/-1;
  }

  .fitt-advanced > summary{
    min-height:54px;
    padding:10px 12px;
  }

  .fitt-advanced-body{
    padding:0 8px 8px;
  }

  .fitt-source-link{
    min-height:40px;
    margin-top:15px;
    padding:8px 12px;
    font-size:11px;
  }

  .fitt-toolbar{
    gap:10px;
    padding:9px;
    border-radius:15px;
  }

  .fitt-classic-search{
    border-radius:16px;
  }

  .fitt-toolbar-simple{
    border-radius:16px 16px 0 0;
  }

  .fitt-toolbar-simple .fitt-tabs button{
    min-height:45px;
    padding:7px 10px;
    font-size:11px;
    white-space:nowrap;
  }

  .fitt-filter-strip{
    align-items:center;
    flex-direction:row;
    padding:10px;
    border-radius:0 0 16px 16px;
  }

  .fitt-simple-fields{
    grid-template-columns:1fr;
    gap:7px;
  }

  .fitt-technology-filter > div{
    flex:1 1 auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fitt-technology-filter button{
    justify-content:center;
    padding:7px 5px;
  }

  .fitt-legal-fees{
    padding:12px;
    border-radius:15px;
  }

  .fitt-legal-fees-head{
    grid-template-columns:32px 1fr;
  }

  .fitt-legal-fees-head a{
    grid-column:2;
  }

  .fitt-legal-fee-grid{
    grid-template-columns:1fr;
  }

  .fitt-family-picker{
    display:block;
    margin-bottom:12px;
    padding:12px;
    border-radius:15px;
  }

  .fitt-family-heading{
    margin-bottom:10px;
  }

  .fitt-family-heading strong{
    font-size:15px;
  }

  .fitt-family-tabs{
    display:flex;
    gap:7px;
    overflow-x:auto;
    padding:0 0 5px;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }

  .fitt-family-tabs button{
    min-width:132px;
    flex:0 0 132px;
    scroll-snap-align:start;
  }

  .fitt-tabs{
    width:100%;
    display:flex;
    flex-wrap:nowrap!important;
    gap:6px;
    overflow-x:auto;
    padding:0 0 4px;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }

  .fitt-tabs button{
    min-width:max-content;
    min-height:38px;
    flex:0 0 auto;
    gap:4px;
    padding:7px 7px;
    font-size:11px;
    scroll-snap-align:start;
  }

  .fitt-tabs button span{
    min-width:18px;
    padding:3px 4px;
    font-size:9px;
  }

  .fitt-tabs button[data-fitt-filter="transition"]{
    grid-column:auto;
  }

  .fitt-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .fitt-card{
    padding:18px 16px;
    border-radius:18px;
  }

  .fitt-card h3{
    min-height:auto;
    font-size:19px;
  }

  .fitt-benefits{
    margin-bottom:15px;
  }

  .fitt-price{
    font-size:23px;
  }

  .fitt-actions a{
    padding:9px 7px;
    font-size:11px;
  }

  .fitt-disclaimer{
    padding:13px;
  }

  .fitt-disclaimer .fitt-legal-fees{
    margin:12px 0 0;
  }

  .fitt-bottom-cta{
    align-items:stretch;
    flex-direction:column;
    padding:18px 16px;
  }

  .fitt-bottom-cta a{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .fitt-section *,
  .fitt-section *::before,
  .fitt-section *::after{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }

  .fitt-card{
    opacity:1;
    transform:none;
  }
}