.elementor-677 .elementor-element.elementor-element-b78fb3d{--display:flex;}.elementor-677 .elementor-element.elementor-element-3b6d520{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3b6d520 *//* ==========================================================
   TRT SYRINGE GUIDE — DARK EDITORIAL THEME
   Elementor parent container: syrguide-dark-outer
   Elementor HTML widget: syrguide-dark-widget
========================================================== */


/* ==========================================================
   ELEMENTOR RESET
========================================================== */

.elementor-element.syrguide-dark-outer,
.syrguide-dark-outer.e-con,
.syrguide-dark-outer.e-flex,
.syrguide-dark-outer,
.syrguide-dark-outer > .e-con-inner,
.syrguide-dark-outer > .elementor-container,
.syrguide-dark-widget,
.syrguide-dark-widget > .elementor-widget-container,
.syrguide-dark-widget .elementor-widget-container{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  overflow:visible !important;
}

.syrguide-dark-widget.syrguide-dark-fullbleed{
  position:relative;
  left:50%;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
}

body:has(.syrguide-dark-fullbleed){
  overflow-x:hidden;
}


/* ==========================================================
   ROOT TOKENS
========================================================== */

.syrpage-page,
.syrpage-page *,
.syrpage-page *::before,
.syrpage-page *::after,
.trtpriceshero-page,
.trtpriceshero-page *,
.trtpriceshero-page *::before,
.trtpriceshero-page *::after{
  box-sizing:border-box;
}

.trtpriceshero-page,
.syrpage-page{
  --syr-accent:#b3b401;
  --syr-accent-hover:#d6d73a;
  --syr-bg:#0f0f0f;
  --syr-card:linear-gradient(180deg,#171717 0%,#121212 100%);
  --syr-card-soft:linear-gradient(180deg,rgba(255,255,255,.025) 0%,rgba(255,255,255,.01) 100%);
  --syr-white:#ffffff;
  --syr-body:#bbbbbb;
  --syr-soft:#d1d1d1;
  --syr-muted:#919191;
  --syr-border:rgba(255,255,255,.06);
  --syr-border-strong:rgba(255,255,255,.13);
  --syr-border-accent:rgba(179,180,1,.42);
  --syr-danger:#ff8d86;
  --syr-shadow-lg:0 18px 44px rgba(0,0,0,.28);
  --syr-shadow-md:0 12px 28px rgba(0,0,0,.18);

  font-family:"Montserrat",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.trtpriceshero-page *,
.syrpage-page *{
  font-family:"Montserrat",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}


/* ==========================================================
   PAGE WRAPPERS
========================================================== */

.trtpriceshero-page{
  width:100%;
  max-width:100%;
  margin:0;
  padding:110px 0 0;
  background:var(--syr-bg);
  color:var(--syr-white);
}

.syrpage-page{
  width:100%;
  max-width:100%;
  margin:0;
  padding:22px 0 96px;
  background:var(--syr-bg);
  color:var(--syr-white);
  overflow:hidden;
}

.trtpriceshero-hero,
.syrpage-block,
.syrfaq-page{
  width:90%;
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
}

.syrpage-wrap{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
}


/* ==========================================================
   HERO
========================================================== */

.trtpriceshero-wrap{
  width:100%;
  max-width:980px;
  margin:0 auto 38px;
  text-align:center;
}

.trtpriceshero-wrap::before{
  content:"TRT dosing support";
  display:inline-block;
  margin:0 0 16px;
  color:var(--syr-accent);
  font-size:12px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.trtpriceshero-hero__title{
  max-width:920px;
  margin:0 auto !important;
  color:var(--syr-white) !important;
  font-size:clamp(2.35rem,5vw,3.65rem) !important;
  font-weight:800 !important;
  line-height:1.04 !important;
  letter-spacing:-.035em !important;
  text-align:center !important;
  text-wrap:balance;
}

.trtpriceshero-hero__title::after{
  content:"";
  display:block;
  width:78px;
  height:3px;
  margin:24px auto 0;
  border-radius:999px;
  background:var(--syr-accent);
}


/* ==========================================================
   INTRO HEADER
========================================================== */

.syrpage-header{
  width:100%;
  max-width:920px;
  margin:0 auto 52px;
  padding:0;
  text-align:center;
}

.syrpage-title{
  margin:0 0 18px !important;
  color:var(--syr-white) !important;
  font-size:clamp(1.95rem,3.8vw,2.75rem) !important;
  font-weight:800 !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  text-wrap:balance;
}

.syrpage-title::after{
  content:"";
  display:block;
  width:64px;
  height:3px;
  margin:22px auto 0;
  border-radius:999px;
  background:var(--syr-accent);
}

.syrpage-intro{
  max-width:920px;
  margin:18px auto 0 !important;
  color:var(--syr-body) !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.92 !important;
  text-align:center;
}


/* ==========================================================
   CALCULATOR SHELL
========================================================== */

.syrpage-calculator{
  width:100%;
  margin:0 0 62px;
  padding:0;
}

.syrc{
  width:100%;
  margin:0;
  padding:34px 32px;
  border:1px solid var(--syr-border);
  border-radius:26px;
  background:var(--syr-card);
  box-shadow:var(--syr-shadow-lg);
}

.syrc__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin:0 0 26px;
  padding:0 0 26px;
  border-bottom:1px solid var(--syr-border);
}

.syrc__headText{
  max-width:760px;
}

.syrc__title{
  margin:0 !important;
  color:var(--syr-white) !important;
  font-size:clamp(1.75rem,3vw,2.35rem) !important;
  font-weight:800 !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
}

.syrc__subtitle{
  max-width:720px;
  margin:11px 0 0 !important;
  color:var(--syr-body) !important;
  font-size:16px !important;
  line-height:1.8 !important;
}

.syrc__workflow{
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
  gap:22px;
  width:100%;
  min-width:0;
  align-items:stretch;
}

.syrc__panel{
  width:100%;
  min-width:0;
  margin:0;
  padding:28px;
  border:1px solid var(--syr-border);
  border-radius:22px;
  background:var(--syr-card-soft);
}

.syrc__panel--results{
  border-color:rgba(179,180,1,.24);
  background:
    linear-gradient(180deg,rgba(179,180,1,.08) 0%,rgba(179,180,1,.018) 100%),
    linear-gradient(180deg,#171717 0%,#111111 100%);
  box-shadow:0 14px 32px rgba(0,0,0,.16);
}

.syrc__panelTitle{
  display:block;
  margin:0 0 22px !important;
  color:var(--syr-white) !important;
  font-size:1.05rem !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  letter-spacing:-.01em !important;
}

.syrc__panelTitle::after{
  content:"";
  display:block;
  width:46px;
  height:3px;
  margin:12px 0 0;
  border-radius:999px;
  background:var(--syr-accent);
}


/* ==========================================================
   FORM CONTROLS
========================================================== */

.syrc__field{
  margin:0 0 20px;
}

.syrc__field:last-of-type{
  margin-bottom:0;
}

.syrc__label{
  display:block;
  margin:0 0 9px !important;
  color:var(--syr-white) !important;
  font-size:.88rem !important;
  font-weight:700 !important;
  line-height:1.45 !important;
}

.syrc__control{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:58px;
  padding:4px 9px;
  overflow:hidden;
  border:1px solid var(--syr-border-strong);
  border-radius:14px;
  background:#101010;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}

.syrc__control:focus-within{
  border-color:var(--syr-accent);
  background:#121212;
  box-shadow:0 0 0 4px rgba(179,180,1,.13);
}

.syrc__input,
.syrc__select{
  min-width:0 !important;
  min-height:40px !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:var(--syr-white) !important;
  font-family:inherit !important;
  line-height:1.35 !important;
  box-shadow:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.syrc__input{
  flex:1 1 auto;
  width:100% !important;
  padding:8px 14px !important;
  font-size:1rem !important;
  font-weight:700 !important;
}

.syrc__select{
  width:100% !important;
  padding:8px 36px 8px 14px !important;
  font-size:.95rem !important;
  font-weight:700 !important;
  cursor:pointer;
  background-image:
    linear-gradient(45deg,transparent 50%,var(--syr-accent) 50%),
    linear-gradient(135deg,var(--syr-accent) 50%,transparent 50%) !important;
  background-position:
    calc(100% - 17px) 50%,
    calc(100% - 12px) 50% !important;
  background-size:5px 5px,5px 5px !important;
  background-repeat:no-repeat !important;
}

.syrc__select option{
  background:#171717;
  color:var(--syr-white);
}

.syrc__input::placeholder{
  color:#747474 !important;
  opacity:1;
}

.syrc__unit{
  flex:0 0 auto;
  padding-right:8px;
  color:var(--syr-accent) !important;
  font-size:.75rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
  white-space:nowrap;
}

.syrc__hint,
.syrc__note{
  margin:9px 0 0 !important;
  font-size:.8rem !important;
  line-height:1.6 !important;
}

.syrc__hint{
  color:var(--syr-muted) !important;
}

.syrc__note{
  min-height:20px;
  color:var(--syr-danger) !important;
  font-weight:700 !important;
}

.syrc__pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:10px 0 0;
  padding:9px 12px;
  border:1px solid rgba(179,180,1,.24);
  border-radius:999px;
  background:rgba(179,180,1,.08);
  color:var(--syr-accent) !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  line-height:1.3 !important;
}

.syrc__summaryBox{
  margin:0;
  padding:15px 16px;
  border:1px solid var(--syr-border);
  border-radius:16px;
  background:rgba(255,255,255,.018);
}

.syrc__summaryLine{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  padding:8px 0;
  border-top:1px solid var(--syr-border);
}

.syrc__summaryLine:first-child{
  padding-top:0;
  border-top:0;
}

.syrc__summaryLine:last-child{
  padding-bottom:0;
}

.syrc__summaryKey{
  color:var(--syr-body) !important;
  font-size:.84rem !important;
  font-weight:600 !important;
}

.syrc__summaryVal{
  color:var(--syr-white) !important;
  font-size:.86rem !important;
  font-weight:800 !important;
  text-align:right;
}

.syrc__warn{
  color:var(--syr-accent) !important;
  font-weight:900 !important;
}

.syrc__btnRow{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:14px;
}


/* ==========================================================
   BUTTONS
========================================================== */

.syrc__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  margin:0 !important;
  padding:12px 20px;
  border:1px solid transparent !important;
  border-radius:999px !important;
  box-shadow:none !important;
  font-family:inherit !important;
  font-size:.86rem !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:center;
  text-decoration:none !important;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
}

.syrc__btn--primary{
  background:var(--syr-accent) !important;
  color:#111111 !important;
}

.syrc__btn--primary:hover,
.syrc__btn--primary:focus-visible{
  background:var(--syr-accent-hover) !important;
  color:#090909 !important;
  border-radius:999px !important;
  box-shadow:0 14px 30px rgba(0,0,0,.25) !important;
  transform:translateY(-2px);
}

.syrc__btn--ghost{
  border-color:var(--syr-border-strong) !important;
  background:rgba(255,255,255,.025) !important;
  color:var(--syr-white) !important;
}

.syrc__btn--ghost:hover,
.syrc__btn--ghost:focus-visible{
  border-color:var(--syr-accent) !important;
  background:rgba(179,180,1,.08) !important;
  color:var(--syr-accent) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  transform:translateY(-2px);
}


/* ==========================================================
   SYRINGE VISUAL
========================================================== */

.syrc__visualIntro{
  margin:0 0 16px !important;
  color:var(--syr-body) !important;
  font-size:.88rem !important;
  line-height:1.7 !important;
}

.syrc__vizCanvas{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
  padding:8px 0 0;
}

.syrc__svg{
  display:block;
  width:100%;
  max-width:260px;
  height:auto;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.24));
}

/* lighter syringe body */
.syrc__svg rect[fill="rgba(6,20,38,.18)"]{
  fill:rgba(255,255,255,.20) !important;
}

.syrc__svg rect[fill="rgba(6,20,38,.14)"]{
  fill:rgba(255,255,255,.16) !important;
}

.syrc__svg rect[fill="rgba(6,20,38,.08)"]{
  fill:rgba(255,255,255,.10) !important;
}

.syrc__svg rect[fill="rgba(6,20,38,.05)"]{
  fill:rgba(255,255,255,.06) !important;
  stroke:rgba(255,255,255,.24) !important;
}

.syrc__svg line[stroke="rgba(6,20,38,.38)"]{
  stroke:rgba(255,255,255,.42) !important;
}

.syrc__svg line[stroke="rgba(6,20,38,.25)"]{
  stroke:rgba(255,255,255,.30) !important;
}

.syrc__svg line[stroke="#061426"]{
  stroke:rgba(255,255,255,.58) !important;
}

.syrc__svg text{
  fill:rgba(255,255,255,.78) !important;
}


/* ==========================================================
   RESULTS
========================================================== */

.syrc__summary{
  margin:0 0 16px;
  padding:19px 18px;
  border:1px solid rgba(179,180,1,.26);
  border-radius:16px;
  background:rgba(179,180,1,.08);
}

.syrc__summaryLabel{
  display:block;
  margin:0 0 8px;
  color:var(--syr-accent) !important;
  font-size:.75rem !important;
  font-weight:700 !important;
  line-height:1.35;
  letter-spacing:.12em !important;
  text-transform:uppercase;
}

.syrc__summaryValue{
  display:block;
  color:var(--syr-white) !important;
  font-size:1.14rem !important;
  font-weight:800 !important;
  line-height:1.45 !important;
}

.syrc__table{
  margin:0 0 16px;
  overflow:hidden;
  border:1px solid var(--syr-border);
  border-radius:16px;
  background:rgba(255,255,255,.015);
}

.syrc__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0;
  padding:14px 15px;
  border-top:1px solid var(--syr-border);
}

.syrc__row:first-child{
  border-top:0;
}

.syrc__k{
  color:var(--syr-body) !important;
  font-size:.86rem !important;
  font-weight:600 !important;
}

.syrc__v{
  color:var(--syr-white) !important;
  font-size:.9rem !important;
  font-weight:800 !important;
  text-align:right;
}

.syrc__callout{
  margin:0 0 16px;
  padding:17px;
  border:1px solid rgba(179,180,1,.24);
  border-radius:16px;
  background:rgba(179,180,1,.07);
}

.syrc__calloutTitle{
  margin:0 0 7px !important;
  color:var(--syr-accent) !important;
  font-size:.9rem !important;
  font-weight:800 !important;
}

.syrc__calloutText{
  margin:0 !important;
  color:var(--syr-soft) !important;
  font-size:.84rem !important;
  line-height:1.7 !important;
}

#syrc-copy{
  width:100%;
}

#syrc-copyHint{
  min-height:18px;
  margin:10px 0 0 !important;
  color:var(--syr-soft) !important;
  font-size:.8rem !important;
  line-height:1.6 !important;
}


/* ==========================================================
   QUICK REFERENCE PANEL
========================================================== */

.syrc__tips{
  margin:0 0 20px;
  padding:0;
  list-style:none;
}

.syrc__tips li{
  position:relative;
  margin:0 0 12px;
  padding-left:21px;
  color:var(--syr-body) !important;
  font-size:16px !important;
  line-height:1.8 !important;
}

.syrc__tips li::before{
  content:"";
  position:absolute;
  top:.75em;
  left:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--syr-accent);
  box-shadow:0 0 0 4px rgba(179,180,1,.08);
}

.syrc__tips li:last-child{
  margin-bottom:0;
}

.syrc__referenceNote{
  padding:18px;
  border:1px solid rgba(179,180,1,.24);
  border-radius:16px;
  background:rgba(179,180,1,.07);
}

.syrc__referenceNote strong{
  display:block;
  margin:0 0 7px !important;
  color:var(--syr-accent) !important;
  font-size:.9rem !important;
  font-weight:800 !important;
}

.syrc__referenceNote p{
  margin:0 !important;
  color:var(--syr-soft) !important;
  font-size:.84rem !important;
  line-height:1.7 !important;
}


/* ==========================================================
   ARTICLE CONTENT
========================================================== */

.syrpage-card{
  width:90%;
  max-width:920px;
  margin:0 auto 62px;
  padding:0;
}

.syrpage-content{
  width:100%;
  margin:0;
  padding:0;
}

.syrpage-section{
  display:block;
  width:100%;
  margin:0;
  padding:62px 0;
  border-top:1px solid var(--syr-border);
}

.syrpage-section:first-child{
  border-top:0;
  padding-top:0;
}

.syrpage-section h3{
  max-width:800px;
  margin:0 0 18px !important;
  color:var(--syr-white) !important;
  font-size:clamp(1.95rem,3.8vw,2.75rem) !important;
  font-weight:800 !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  text-wrap:balance;
}

.syrpage-section h3::before{
  content:"Guide section";
  display:block;
  margin:0 0 14px;
  color:var(--syr-accent) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.syrpage-section p{
  margin:0 !important;
  color:var(--syr-body) !important;
  font-size:17px !important;
  font-weight:400 !important;
  line-height:1.95 !important;
}

.syrpage-section p + p{
  margin-top:18px !important;
}

.syrpage-section strong{
  color:var(--syr-white) !important;
  font-weight:700 !important;
}


/* ==========================================================
   RELATED TOOLS
========================================================== */

.syrpage-tools-intro{
  margin:0 0 22px !important;
  color:var(--syr-body) !important;
  font-size:17px !important;
  line-height:1.9 !important;
}

.syrpage-tools-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:26px;
}

.syrpage-toolcard,
.syrpage-toolcard:visited{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:175px;
  padding:22px 20px;
  border:1px solid var(--syr-border);
  border-radius:18px;
  background:var(--syr-card-soft);
  box-shadow:var(--syr-shadow-md);
  color:var(--syr-white) !important;
  text-decoration:none !important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.syrpage-toolcard:hover,
.syrpage-toolcard:focus-visible{
  border-color:rgba(179,180,1,.42);
  background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(179,180,1,.035) 100%);
  box-shadow:0 16px 34px rgba(0,0,0,.24);
  transform:translateY(-4px);
}

.syrpage-toolcard__title{
  color:var(--syr-white) !important;
  font-size:1rem !important;
  font-weight:800 !important;
  line-height:1.4 !important;
}

.syrpage-toolcard__text{
  color:var(--syr-body) !important;
  font-size:.88rem !important;
  line-height:1.65 !important;
}

.syrpage-toolcard__cta{
  margin-top:auto;
  color:var(--syr-accent) !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.syrpage-toolcard:hover .syrpage-toolcard__title{
  color:var(--syr-accent) !important;
}


/* ==========================================================
   FAQ
========================================================== */

.syrfaq-page{
  width:90%;
  max-width:920px;
  margin:0 auto 62px;
  padding:62px 0 0;
  border-top:1px solid var(--syr-border);
}

.syrfaq-card{
  margin:0;
  padding:0;
}

.syrfaq-title{
  margin:0 0 26px !important;
  color:var(--syr-white) !important;
  font-size:clamp(2rem,4vw,2.9rem) !important;
  font-weight:800 !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  text-wrap:balance;
}

.syrfaq-title::before{
  content:"Questions and answers";
  display:block;
  margin:0 0 14px;
  color:var(--syr-accent) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.syrfaq-columns{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.syrfaq-column{
  display:grid;
  gap:14px;
}

.syrfaq-item{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--syr-border);
  border-radius:18px;
  background:var(--syr-card-soft);
  box-shadow:0 8px 22px rgba(0,0,0,.10);
}

.syrfaq-item[open]{
  border-color:rgba(179,180,1,.38);
}

.syrfaq-item summary{
  position:relative;
  display:block;
  padding:20px 56px 20px 20px;
  color:var(--syr-white) !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  cursor:pointer;
  list-style:none;
}

.syrfaq-item summary::-webkit-details-marker{
  display:none;
}

.syrfaq-item summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:20px;
  color:var(--syr-accent);
  font-size:25px;
  font-weight:700;
  line-height:1;
  transform:translateY(-50%);
}

.syrfaq-item[open] summary{
  color:var(--syr-accent) !important;
}

.syrfaq-item[open] summary::after{
  content:"−";
}

.syrfaq-answer{
  padding:0 20px 20px;
  border-top:1px solid var(--syr-border);
}

.syrfaq-answer p{
  margin:16px 0 0 !important;
  color:var(--syr-body) !important;
  font-size:16px !important;
  line-height:1.9 !important;
}


/* ==========================================================
   FOCUS STATES
========================================================== */

.syrpage-page a:focus-visible,
.syrfaq-item summary:focus-visible,
.syrc__input:focus-visible,
.syrc__select:focus-visible{
  outline:3px solid var(--syr-accent) !important;
  outline-offset:3px !important;
}

.syrc__btn:focus-visible{
  outline:none !important;
  box-shadow:
    0 0 0 3px rgba(179,180,1,.22),
    0 14px 30px rgba(0,0,0,.25) !important;
  border-radius:999px !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1100px){
  .syrc__workflow{
    grid-template-columns:1fr;
  }

  .syrpage-tools-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .trtpriceshero-page{
    padding-top:82px;
  }

  .syrpage-page{
    padding-bottom:82px;
  }

  .trtpriceshero-wrap{
    margin-bottom:30px;
  }

  .trtpriceshero-hero__title{
    font-size:42px !important;
  }

  .syrpage-title{
    font-size:34px !important;
  }

  .syrpage-intro{
    font-size:16px !important;
    line-height:1.86 !important;
  }

  .syrc{
    padding:26px 24px;
  }

  .syrc__panel{
    padding:24px;
  }

  .syrpage-section{
    padding:52px 0;
  }

  .syrpage-section h3{
    font-size:34px !important;
  }

  .syrpage-section p,
  .syrc__tips li{
    font-size:16px !important;
  }

  .syrfaq-page{
    padding-top:52px;
  }
}

@media (max-width:640px){
  .trtpriceshero-page{
    padding-top:68px;
  }

  .syrpage-page{
    padding-bottom:68px;
  }

  .trtpriceshero-hero,
  .syrpage-block,
  .syrpage-card,
  .syrfaq-page{
    width:90%;
  }

  .trtpriceshero-wrap{
    margin-bottom:24px;
  }

  .trtpriceshero-hero__title{
    font-size:35px !important;
  }

  .trtpriceshero-hero__title::after{
    width:62px;
    margin:20px auto 0;
  }

  .syrpage-header{
    margin-bottom:34px;
  }

  .syrc{
    padding:22px 18px;
    border-radius:22px;
  }

  .syrc__header{
    flex-direction:column;
    gap:18px;
    margin-bottom:20px;
    padding-bottom:20px;
  }

  .syrc__btn--ghost{
    width:100%;
  }

  .syrc__panel{
    padding:21px 18px;
    border-radius:18px;
  }

  .syrc__input,
  .syrc__select{
    font-size:16px !important;
  }

  .syrpage-section{
    padding:48px 0;
  }

  .syrpage-section h3{
    font-size:28px !important;
  }

  .syrpage-tools-grid,
  .syrfaq-columns{
    grid-template-columns:1fr;
  }

  .syrpage-toolcard{
    min-height:0;
  }

  .syrfaq-page{
    margin-bottom:48px;
    padding-top:48px;
  }

  .syrfaq-item summary{
    padding:18px 48px 18px 18px;
    font-size:16px !important;
  }

  .syrfaq-answer{
    padding:0 18px 18px;
  }
}

@media (max-width:420px){
  .trtpriceshero-hero__title{
    font-size:32px !important;
  }

  .syrc__row{
    align-items:flex-start;
    gap:12px;
  }

  .syrc__k,
  .syrc__v{
    font-size:.8rem !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .syrc__btn,
  .syrpage-toolcard,
  .syrc__control{
    transition:none !important;
  }

  .syrc__btn:hover,
  .syrpage-toolcard:hover{
    transform:none !important;
  }
}/* End custom CSS */