.elementor-38648 .elementor-element.elementor-element-ed00e5e{--display:flex;}.elementor-38648 .elementor-element.elementor-element-56c5a74 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-56c5a74 */.agfplexhd46{--orange:#f15a24;--ink:#111214;--dark:#111214;--dark2:#1b1c1e;--cream:#f7f4ef;--soft:#f2f3f4;--line:#dedede;--muted:#62666b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;overflow:hidden;background:#fff}
.agfplexhd46 *{box-sizing:border-box}
.agfplexhd46 a{text-decoration:none}
.agfplexhd46 img{max-width:100%;height:auto}
.agfplexhd46 .wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.agfplexhd46 .section{padding:76px 0}
.agfplexhd46 .section.tight{padding:54px 0}
.agfplexhd46 .light{background:#fff}
.agfplexhd46 .soft{background:var(--soft)}
.agfplexhd46 .cream{background:var(--cream)}
.agfplexhd46 .dark{background:var(--dark);color:#fff}
.agfplexhd46 .dark2{background:var(--dark2);color:#fff}
.agfplexhd46 :is(h2,h3,h4,p,ul,ol){margin-top:0}
.agfplexhd46 h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-1.6px;margin-bottom:18px}
.agfplexhd46 h3{font-size:clamp(21px,2.4vw,30px);line-height:1.15;letter-spacing:-.5px;margin-bottom:12px}
.agfplexhd46 h4{font-size:18px;line-height:1.25;margin-bottom:8px}
.agfplexhd46 p{font-size:17px;color:#34373b}
.agfplexhd46 .dark :is(h2,h3,h4,p,li,strong,span),.agfplexhd46 .dark2 :is(h2,h3,h4,p,li,strong,span){color:#fff!important}
.agfplexhd46 .light :is(h2,h3,h4,p,li,strong,span),.agfplexhd46 .soft :is(h2,h3,h4,p,li,strong,span),.agfplexhd46 .cream :is(h2,h3,h4,p,li,strong,span){color:var(--ink)!important}
.agfplexhd46 .kicker{font-size:12px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;color:var(--orange)!important;margin-bottom:12px}
.agfplexhd46 .lede{font-size:19px;max-width:780px;color:#4b4f54}
.agfplexhd46 .dark .lede{color:#e4e4e4!important}
.agfplexhd46 .hero{padding:72px 0 64px;background:linear-gradient(135deg,#101113 0%,#1c1e21 58%,#2d2f32 100%);color:#fff}
.agfplexhd46 .hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:48px;align-items:center}
.agfplexhd46 .hero h2{font-size:clamp(38px,5.7vw,72px);line-height:.98;letter-spacing:-2.8px;max-width:800px;margin-bottom:20px;color:#fff!important}
.agfplexhd46 .hero p{font-size:19px;max-width:760px;color:#e6e6e6!important}
.agfplexhd46 .chips{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 28px}
.agfplexhd46 .chip{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.25px;color:#fff!important;background:rgba(255,255,255,.05)}
.agfplexhd46 .btns,.agfplexhd46 .cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.agfplexhd46 .btn{display:inline-flex;position:static!important;align-items:center;justify-content:center;text-align:center;min-height:52px;max-width:100%;padding:13px 18px;border-radius:9px;font-size:15px;font-weight:800;line-height:1.25;white-space:normal;overflow-wrap:break-word;word-break:normal;hyphens:none;flex:0 1 auto}
.agfplexhd46 .btn span{display:block;position:static!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:break-word!important;transform:none!important}
.agfplexhd46 .btn-orange{background:var(--orange);color:#fff!important;border:2px solid var(--orange)}
.agfplexhd46 .btn-outline{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.72)}
.agfplexhd46 .btn-light{background:#fff;color:var(--ink)!important;border:2px solid #fff}
.agfplexhd46 .btn-light span{color:var(--ink)!important}
.agfplexhd46 .gate-visual{min-width:0;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.14),transparent 55%),#151719;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:34px;box-shadow:0 32px 70px rgba(0,0,0,.28)}
.agfplexhd46 .gate-frame{position:relative;width:min(100%,370px);aspect-ratio:4/6;margin:0 auto;border:17px solid #2b2e31;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.01));box-shadow:inset 0 0 0 2px #555,0 20px 48px rgba(0,0,0,.3)}
.agfplexhd46 .gate-frame:before,.agfplexhd46 .gate-frame:after{content:"";position:absolute;left:0;right:0;height:10px;background:#303337;border-top:1px solid #5b5d60;border-bottom:1px solid #17191b}
.agfplexhd46 .gate-frame:before{top:31%}
.agfplexhd46 .gate-frame:after{bottom:31%}
.agfplexhd46 .gate-open{position:absolute;inset:10px 9px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 8px,rgba(255,255,255,.06) 8px 9px);border:1px dashed rgba(255,255,255,.35)}
.agfplexhd46 .gate-open:after{content:"INFILL NOT INCLUDED";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;text-align:center;font-size:12px;font-weight:800;letter-spacing:1.2px;color:#fff;background:rgba(17,18,20,.82);padding:10px 8px;border-radius:6px}
.agfplexhd46 .hinge{position:absolute;left:-28px;width:18px;height:30px;background:#606368;border-radius:4px;z-index:2}
.agfplexhd46 .hinge.one{top:19%} .agfplexhd46 .hinge.two{bottom:19%}
.agfplexhd46 .handle{position:absolute;right:16px;top:50%;width:8px;height:44px;background:#777b80;border-radius:5px;z-index:2}
.agfplexhd46 .visual-note{margin-top:18px;text-align:center;font-size:13px;font-weight:700;color:#fff!important}
.agfplexhd46 .facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-bottom:1px solid var(--line)}
.agfplexhd46 .fact{min-width:0;padding:22px 18px;text-align:center;border-right:1px solid var(--line)}
.agfplexhd46 .fact:last-child{border-right:0}
.agfplexhd46 .fact b{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;color:#777!important}
.agfplexhd46 .fact span{display:block;font-size:14px;font-weight:800;color:var(--ink)!important}
.agfplexhd46 .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:start}
.agfplexhd46 .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.agfplexhd46 .card{min-width:0;background:#fff;border:1px solid #e3e3e3;border-radius:14px;padding:24px;box-shadow:0 12px 32px rgba(0,0,0,.045)}
.agfplexhd46 .card.dark-card{background:#202225;border-color:#323438}
.agfplexhd46 .card.dark-card :is(h3,h4,p,li,strong,span){color:#fff!important}
.agfplexhd46 .num{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--orange);color:#fff!important;font-weight:800;margin-bottom:16px}
.agfplexhd46 ul.clean,.agfplexhd46 ol.clean{padding-left:20px;margin-bottom:0}
.agfplexhd46 ul.clean li,.agfplexhd46 ol.clean li{margin:8px 0;color:#34373b}
.agfplexhd46 .bom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.agfplexhd46 .bom-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px}
.agfplexhd46 .bom-icon{width:34px;height:34px;border-radius:8px;background:#111;color:#fff!important;display:flex;align-items:center;justify-content:center;font-weight:800}
.agfplexhd46 .bom-item b{display:block;margin-bottom:3px}
.agfplexhd46 .bom-item span{font-size:14px;color:#666}
.agfplexhd46 .callout{border-left:4px solid var(--orange);background:#fff;padding:18px 20px;border-radius:0 10px 10px 0;margin-top:22px}
.agfplexhd46 .dark .callout{background:#232528}
.agfplexhd46 .video-shell{background:#0c0d0e;border-radius:18px;padding:12px;box-shadow:0 26px 60px rgba(0,0,0,.22);margin-top:28px}
.agfplexhd46 .video-ratio{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#000}
.agfplexhd46 .video-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.agfplexhd46 .table-wrap{overflow-x:auto;border:1px solid #ddd;border-radius:12px;background:#fff}
.agfplexhd46 table{width:100%;border-collapse:collapse;min-width:620px}
.agfplexhd46 th,.agfplexhd46 td{padding:15px 16px;text-align:left;border-bottom:1px solid #e6e6e6;vertical-align:top}
.agfplexhd46 th{background:#111;color:#fff;font-size:13px;letter-spacing:.5px;text-transform:uppercase}
.agfplexhd46 td:first-child{font-weight:800;width:32%}
.agfplexhd46 tr:last-child td{border-bottom:0}
.agfplexhd46 .steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:26px}
.agfplexhd46 .step{min-width:0;background:#fff;border:1px solid #ddd;border-radius:12px;padding:18px}
.agfplexhd46 .step b{display:block;margin-bottom:7px}
.agfplexhd46 .step span{font-size:14px;color:#65696d}
.agfplexhd46 .faq{display:grid;gap:10px;margin-top:26px}
.agfplexhd46 details{background:#fff;border:1px solid #ddd;border-radius:12px;overflow:hidden}
.agfplexhd46 summary{cursor:pointer;list-style:none;padding:18px 52px 18px 18px;font-weight:800;position:relative;color:#111}
.agfplexhd46 summary::-webkit-details-marker{display:none}
.agfplexhd46 summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--orange)}
.agfplexhd46 details[open] summary:after{content:"–"}
.agfplexhd46 .answer{padding:0 18px 20px;color:#444}
.agfplexhd46 .checkpoint{padding:72px 0;background:#111214;color:#fff}
.agfplexhd46 .checkpoint-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:stretch}
.agfplexhd46 .check-left,.agfplexhd46 .check-right{min-width:0;border-radius:18px;padding:32px}
.agfplexhd46 .check-left{background:#1c1e21;border:1px solid #2e3033}
.agfplexhd46 .check-right{background:var(--orange);display:flex;flex-direction:column;justify-content:center;overflow:visible}
.agfplexhd46 .checkpoint :is(h2,h3,p,li,strong,.kicker){color:#fff!important}
.agfplexhd46 .checklist{columns:2;column-gap:28px;padding-left:20px;margin:24px 0 0}
.agfplexhd46 .checklist li{break-inside:avoid;margin:8px 0}
.agfplexhd46 .cta-actions{margin-top:20px}
.agfplexhd46 .check-right .btn{flex:1 1 190px;min-width:0}
.agfplexhd46 .check-right .btn-outline{border-color:#fff;color:#fff!important}
.agfplexhd46 .phone{margin-top:16px;font-weight:800;font-size:14px;color:#fff!important}
.agfplexhd46 .small{font-size:13px;color:#777}
.agfplexhd46 .dark .small{color:#c9c9c9!important}
@media(max-width:1024px){
.agfplexhd46 .hero-grid,.agfplexhd46 .checkpoint-grid{grid-template-columns:1fr}
.agfplexhd46 .gate-visual{max-width:600px;width:100%;margin:0 auto}
.agfplexhd46 .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.agfplexhd46 .fact:nth-child(3){border-right:0}
.agfplexhd46 .cards{grid-template-columns:1fr 1fr}
.agfplexhd46 .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
.agfplexhd46 .wrap{width:min(100% - 26px,1180px)}
.agfplexhd46 .section{padding:56px 0}
.agfplexhd46 .hero{padding:52px 0}
.agfplexhd46 .hero h2{font-size:clamp(35px,11vw,52px);letter-spacing:-1.8px}
.agfplexhd46 .two,.agfplexhd46 .cards,.agfplexhd46 .bom{grid-template-columns:1fr}
.agfplexhd46 .facts{grid-template-columns:1fr 1fr}
.agfplexhd46 .fact:nth-child(2n){border-right:0}
.agfplexhd46 .fact:last-child{grid-column:1/-1;border-top:1px solid var(--line)}
.agfplexhd46 .steps{grid-template-columns:1fr 1fr}
.agfplexhd46 .checklist{columns:1}
.agfplexhd46 .check-left,.agfplexhd46 .check-right{padding:25px}
}
@media(max-width:520px){
.agfplexhd46 .facts,.agfplexhd46 .steps{grid-template-columns:1fr}
.agfplexhd46 .fact{border-right:0;border-bottom:1px solid var(--line)}
.agfplexhd46 .fact:last-child{grid-column:auto}
.agfplexhd46 .btns,.agfplexhd46 .cta-actions{display:grid;grid-template-columns:1fr;width:100%}
.agfplexhd46 .btn,.agfplexhd46 .check-right .btn{width:100%;min-width:0;min-height:54px;flex:none}
.agfplexhd46 .gate-visual{padding:22px}
}
.single-product #main-container.container{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important}
.item-panel{padding:0!important}
.single-product .tbay-breadcrumb ~ #main-container .singular-shop.content{padding:0!important}


  .ags-pad-hd,
  .ags-pad-hd * {
    box-sizing: border-box;
  }

  .ags-pad-hd {
    --ags-black: #0b0b0b;
    --ags-ink: #171717;
    --ags-copy: #55585b;
    --ags-soft: #f8f8f6;
    --ags-white: #ffffff;
    --ags-line: #d9d8d2;
    --ags-orange: #f15a24;

    width: 100%;
    max-width: none;
    margin: 26px 0 10px;
    color: var(--ags-ink);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.55;
  }

  .ags-pad-hd__section + .ags-pad-hd__section {
    margin-top: 30px;
  }

  .ags-pad-hd__eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 9px;
    color: var(--ags-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .ags-pad-hd__eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    flex: 0 0 auto;
    background: currentColor;
  }

  .ags-pad-hd h4 {
    margin: 0 0 15px;
    color: var(--ags-black);
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.05;
  }

  .ags-pad-hd__intro {
    margin: 0 0 20px;
    color: var(--ags-copy);
    font-size: 14px;
    line-height: 1.7;
  }

  /* QUICK FACTS */

  .ags-pad-hd__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--ags-line);
    background: var(--ags-line);
  }

  .ags-pad-hd__fact {
    min-width: 0;
    padding: 16px 17px;
    background: var(--ags-white);
  }

  .ags-pad-hd__fact small {
    display: block;
    margin-bottom: 5px;
    color: #777a7c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .ags-pad-hd__fact strong {
    display: block;
    color: var(--ags-ink);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
  }

  /* FEATURES */

  .ags-pad-hd__features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--ags-line);
    background: var(--ags-line);
    list-style: none;
  }

  .ags-pad-hd__features li {
    min-width: 0;
    min-height: 98px;
    position: relative;
    margin: 0;
    padding: 17px 18px 17px 46px;
    color: var(--ags-copy);
    background: var(--ags-white);
    font-size: 13px;
    line-height: 1.55;
    list-style: none;
  }

  .ags-pad-hd__features li::before {
    content: "+";
    position: absolute;
    top: 18px;
    left: 18px;
    color: var(--ags-orange);
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
  }

  .ags-pad-hd__features strong {
    display: block;
    margin-bottom: 5px;
    color: var(--ags-black);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
  }

  /* DETAILS */

  .ags-pad-hd__details {
    border-top: 3px solid var(--ags-black);
  }

  .ags-pad-hd__row {
    display: grid;
    grid-template-columns: minmax(165px, .65fr) minmax(0, 1.35fr);
    gap: 28px;
    padding: 20px 0;
    border-bottom: 1px solid var(--ags-line);
  }

  .ags-pad-hd__label {
    color: var(--ags-ink);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
  }

  .ags-pad-hd__value {
    min-width: 0;
    color: var(--ags-copy);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.65;
  }

  .ags-pad-hd__value strong {
    color: var(--ags-black);
  }

  /* SPECS */

  .ags-pad-hd__specs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--ags-line);
    background: var(--ags-line);
  }

  .ags-pad-hd__spec {
    min-width: 0;
    padding: 17px 18px;
    background: var(--ags-white);
  }

  .ags-pad-hd__spec small {
    display: block;
    margin-bottom: 5px;
    color: #777a7c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .ags-pad-hd__spec strong {
    display: block;
    color: var(--ags-ink);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
  }

  /* NOTICE */

  .ags-pad-hd__notice {
    margin-top: 20px;
    padding: 18px 19px;
    border: 1px solid var(--ags-line);
    border-left: 4px solid var(--ags-orange);
    background: var(--ags-soft);
  }

  .ags-pad-hd__notice strong {
    display: block;
    margin-bottom: 4px;
    color: var(--ags-black);
    font-size: 13px;
    font-weight: 800;
  }

  .ags-pad-hd__notice span {
    display: block;
    color: var(--ags-copy);
    font-size: 12px;
    line-height: 1.65;
  }

  .ags-pad-hd__note {
    margin-top: 14px;
    padding: 15px 17px;
    border-left: 3px solid var(--ags-orange);
    color: var(--ags-copy);
    background: var(--ags-soft);
    font-size: 12px;
    line-height: 1.65;
  }

  .ags-pad-hd__note strong {
    color: var(--ags-black);
  }

  @media (max-width: 900px) {
    .ags-pad-hd__facts {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 767px) {
    .ags-pad-hd__facts,
    .ags-pad-hd__features,
    .ags-pad-hd__specs {
      grid-template-columns: 1fr;
    }

    .ags-pad-hd__row {
      grid-template-columns: 1fr;
      gap: 8px;
      padding: 17px 0;
    }

    .ags-pad-hd__label {
      color: #777a7c;
      font-size: 10px;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
  }
.agfplexhd46 .bom-item span{
    color: black !important;
}
.agfplexhd46 .dark .bom-item{
    color: black;
}
.agfplexhd46 .btn-light span{
    color: black !important;
}/* End custom CSS */