.elementor-38101 .elementor-element.elementor-element-20dc2c0{--display:flex;}.elementor-38101 .elementor-element.elementor-element-3a8fd66 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-3a8fd66 */.item-panel{
padding: 0px !important;
}
.single-product .tbay-breadcrumb ~ #main-container .singular-shop.content{
padding:0px !important;
}
.single-product #main-container.container{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

.agframe66,.agframe66 *{box-sizing:border-box}
.agframe66{
--ink:#151515;
--copy:#5e5e5e;
--black:#090909;
--soft:#f5f5f2;
--soft2:#ecece8;
--line:#deded9;
--orange:#bd3a08;
--orange-dark:#ff8a5b;
--max:1280px;
width:100%;
margin:0;
overflow:hidden;
background:#fff!important;
color:var(--ink)!important;
font-family:Arial,Helvetica,sans-serif;
line-height:1.58
}
.agframe66 a{text-decoration:none!important}
.agframe66 h2,.agframe66 h3,.agframe66 p,.agframe66 ul,.agframe66 ol,.agframe66 figure,.agframe66 dl{margin-top:0}
.agframe66 .shell{width:min(calc(100% - 48px),var(--max));margin:0 auto}
.agframe66 .section{padding:88px 0}
.agframe66 .light{background:#fff!important;color:#151515!important}
.agframe66 .soft{background:var(--soft)!important;color:#151515!important}
.agframe66 .dark{background:#090909!important;color:#f7f7f7!important}
.agframe66 section.dark h2,
.agframe66 section.dark h3,
.agframe66 section.dark h4,
.agframe66 section.dark strong,
.agframe66 section.dark b,
.agframe66 section.dark summary,
.agframe66 section.dark a{color:#fff!important}
.agframe66 section.dark p,
.agframe66 section.dark li,
.agframe66 section.dark .lead,
.agframe66 section.dark dd{color:#d0d0d0!important}
.agframe66 .eyebrow{
display:flex;
align-items:center;
gap:12px;
margin:0 0 16px;
color:var(--orange)!important;
font-size:12px;
font-weight:800;
letter-spacing:.14em;
text-transform:uppercase
}
.agframe66 .eyebrow:before{content:"";width:36px;height:2px;flex:0 0 auto;background:var(--orange)}
.agframe66 .dark .eyebrow{color:var(--orange-dark)!important}
.agframe66 .dark .eyebrow:before{background:var(--orange-dark)!important}
.agframe66 .hero-title{
max-width:820px;
margin:0 0 24px;
font-size:clamp(42px,5.1vw,68px);
font-weight:800;
letter-spacing:-.052em;
line-height:.98;
color:#151515!important
}
.agframe66 .heading{
max-width:960px;
margin:0 0 20px;
font-size:clamp(34px,4vw,52px);
font-weight:800;
letter-spacing:-.045em;
line-height:1.04;
color:#151515!important
}
.agframe66 .dark .heading{color:#fff!important}
.agframe66 .lead{
max-width:920px;
margin:0;
color:var(--copy)!important;
font-size:clamp(18px,1.4vw,21px);
line-height:1.7
}
.agframe66 .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.agframe66 .btn{
min-height:52px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:13px 21px;
border:1px solid #111;
font-size:14px;
font-weight:800;
transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease
}
.agframe66 .btn:hover{transform:translateY(-2px)}
.agframe66 .btn-black{background:#0b0b0b!important;color:#fff!important}
.agframe66 .btn-black:hover,.agframe66 .btn-orange{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}
.agframe66 .btn-line{background:transparent!important;color:#151515!important}
.agframe66 .btn-line:hover{background:#0b0b0b!important;color:#fff!important}
.agframe66 .btn-white{background:transparent!important;border-color:#888!important;color:#fff!important}
.agframe66 .btn-white:hover{background:#fff!important;border-color:#fff!important;color:#111!important}

.agframe66 .hero{padding:72px 0;background:var(--soft2)!important}
.agframe66 .hero-grid{
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);
gap:58px;
align-items:center
}
.agframe66 .frame-stage{
min-height:570px;
display:grid;
place-items:center;
position:relative;
overflow:hidden;
background:linear-gradient(145deg,#deded9,#c5c5be)
}
.agframe66 .gate-frame{
width:min(470px,72%);
aspect-ratio:1/1;
position:relative;
border:27px solid #242424;
background:transparent;
box-shadow:0 30px 55px rgba(0,0,0,.25)
}
.agframe66 .gate-frame:before{
content:"";
position:absolute;
left:-68px;
top:-27px;
bottom:-27px;
width:25px;
background:#252525;
box-shadow:0 0 0 1px #444
}
.agframe66 .gate-frame:after{
content:"";
position:absolute;
right:-41px;
top:20%;
width:14px;
height:72px;
background:#111;
border:1px solid #656565;
box-shadow:0 185px 0 #111
}
.agframe66 .hinge{
position:absolute;
left:-44px;
width:37px;
height:22px;
background:#111;
border:2px solid #606060
}
.agframe66 .hinge.h1{top:20%}
.agframe66 .hinge.h2{bottom:20%}
.agframe66 .dimension-v{
position:absolute;
left:28px;
top:50%;
transform:translateY(-50%) rotate(-90deg);
color:#444!important;
font-size:11px;
font-weight:800;
letter-spacing:.13em
}
.agframe66 .dimension-h{
position:absolute;
left:50%;
bottom:25px;
transform:translateX(-50%);
color:#444!important;
font-size:11px;
font-weight:800;
letter-spacing:.13em
}
.agframe66 .frame-only{
position:absolute;
left:22px;
bottom:22px;
padding:11px 14px;
background:var(--orange)!important;
color:#fff!important;
font-size:10px;
font-weight:800;
letter-spacing:.09em;
text-transform:uppercase
}
.agframe66 .stats{
display:grid;
grid-template-columns:repeat(5,1fr);
background:#fff!important;
border-top:1px solid #d7d7d1;
border-bottom:1px solid #d7d7d1
}
.agframe66 .stat{min-height:104px;padding:22px 20px;border-right:1px solid #d7d7d1}
.agframe66 .stat:last-child{border-right:0}
.agframe66 .stat span{
display:block;
margin-bottom:6px;
color:#707070!important;
font-size:10px;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase
}
.agframe66 .stat strong{color:#151515!important;font-size:15px}

.agframe66 .copy-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(330px,.65fr);
gap:56px;
align-items:start
}
.agframe66 .body-copy h2{
margin:0 0 22px;
font-size:clamp(31px,3.5vw,46px);
line-height:1.06;
letter-spacing:-.035em;
color:#151515!important
}
.agframe66 .body-copy p{margin:0 0 18px;color:#3c3c3c!important;font-size:16px;line-height:1.75}
.agframe66 .body-copy ul,.agframe66 .body-copy ol{margin:14px 0 18px;padding-left:24px}
.agframe66 .body-copy li{margin:8px 0;color:#3c3c3c!important;line-height:1.7}
.agframe66 .body-copy strong{color:#151515!important}
.agframe66 .alert-card{
padding:28px;
background:#111!important;
border:1px solid #292929;
color:#fff!important
}
.agframe66 .alert-card h3{margin:0 0 12px;color:#fff!important;font-size:23px}
.agframe66 .alert-card p{margin:0;color:#d0d0d0!important;font-size:14px;line-height:1.67}
.agframe66 .alert-card strong{color:#fff!important}
.agframe66 .alert-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:24px;background:#333}
.agframe66 .alert-grid div{padding:16px;background:#161616!important;color:#fff!important}
.agframe66 .alert-grid span{display:block;color:#999!important;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.agframe66 .alert-grid strong{display:block;margin-top:5px;color:#fff!important;font-size:14px}

.agframe66 .feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.agframe66 .feature-card{
min-height:225px;
padding:26px;
background:#fff!important;
border:1px solid var(--line);
color:#151515!important
}
.agframe66 .feature-card b{display:block;margin-bottom:25px;color:var(--orange)!important;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.agframe66 .feature-card h3{margin:0 0 9px;color:#151515!important;font-size:19px}
.agframe66 .feature-card p{margin:0;color:#626262!important;font-size:14px;line-height:1.64}

.agframe66 .infill-grid{
display:grid;
grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);
gap:62px;
align-items:center
}
.agframe66 .infill-demo{
min-height:510px;
position:relative;
display:grid;
place-items:center;
background:#111!important;
border:1px solid #292929
}
.agframe66 .infill-frame{
width:min(460px,68%);
aspect-ratio:1/1;
display:flex;
flex-direction:column;
gap:9px;
padding:22px;
border:22px solid #444;
background:#171717
}
.agframe66 .sample-slat{
flex:1;
background:linear-gradient(180deg,#b58a60,#775236);
border:1px solid rgba(255,255,255,.15)
}
.agframe66 .demo-note{position:absolute;right:18px;bottom:16px;color:#aaa!important;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.agframe66 .included-grid{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
gap:62px;
align-items:start
}
.agframe66 .parts{border-top:2px solid #151515}
.agframe66 .part{
display:grid;
grid-template-columns:52px 1fr;
gap:16px;
padding:19px 0;
border-bottom:1px solid var(--line)
}
.agframe66 .part b{color:var(--orange)!important;font-size:11px}
.agframe66 .part h3{margin:0 0 5px;color:#151515!important;font-size:18px;font-weight:800}
.agframe66 .part p{margin:0;color:#626262!important;font-size:14px;line-height:1.62}
.agframe66 .callout{
margin-top:24px;
padding:18px 20px;
background:#efeee9!important;
border-left:3px solid var(--orange);
color:#454545!important;
font-size:14px;
line-height:1.65
}
.agframe66 .callout strong{color:#151515!important}

.agframe66 .app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.agframe66 .app-card{
padding:25px;
background:#111!important;
border:1px solid #292929;
color:#fff!important
}
.agframe66 .app-card h3{margin:0 0 8px;color:#fff!important;font-size:18px}
.agframe66 .app-card p{margin:0;color:#d0d0d0!important;font-size:14px;line-height:1.63}

.agframe66 .steps{counter-reset:step;border-top:2px solid #151515}
.agframe66 .step{
counter-increment:step;
display:grid;
grid-template-columns:52px 1fr;
gap:16px;
padding:20px 0;
border-bottom:1px solid var(--line)
}
.agframe66 .step:before{content:counter(step,decimal-leading-zero);color:var(--orange);font-size:11px;font-weight:800}
.agframe66 .step h3{margin:0 0 6px;color:#151515!important;font-size:17px;font-weight:800}
.agframe66 .step p{margin:0;color:#626262!important;font-size:14px;line-height:1.62}

.agframe66 .spec-grid{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
gap:62px;
align-items:start
}
.agframe66 .spec{margin:0;border-top:2px solid #151515}
.agframe66 .spec div{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.agframe66 .spec dt{color:#707070!important;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.agframe66 .spec dd{margin:0;color:#151515!important;font-size:14px;font-weight:700;line-height:1.55}

.agframe66 .yt-grid{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
gap:58px;
align-items:center
}
.agframe66 .yt-frame{aspect-ratio:16/9;position:relative;overflow:hidden;background:#111!important;border:1px solid #2b2b2b}
.agframe66 .yt-load{width:100%;height:100%;padding:0;border:0;cursor:pointer;position:absolute;inset:0;background:#111}
.agframe66 .yt-load img{width:100%;height:100%;object-fit:cover;filter:brightness(.67)}
.agframe66 .play{
width:72px;
height:72px;
display:grid;
place-items:center;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%;
background:var(--orange)!important;
color:#fff!important;
font-size:27px;
box-shadow:0 12px 40px rgba(0,0,0,.45)
}
.agframe66 .yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.agframe66 .faq-grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:62px;align-items:start}
.agframe66 .faq{border-top:1px solid #cecfcc}
.agframe66 details{border-bottom:1px solid #cecfcc}
.agframe66 summary{position:relative;padding:21px 48px 21px 0;cursor:pointer;list-style:none;color:#151515!important;font-size:17px;font-weight:800}
.agframe66 summary::-webkit-details-marker{display:none}
.agframe66 summary:after{content:"+";position:absolute;right:3px;top:14px;font-size:28px;font-weight:400}
.agframe66 details[open] summary:after{content:"−"}
.agframe66 .answer{padding:0 42px 22px 0}
.agframe66 .answer p{margin:0;color:#626262!important;font-size:14px;line-height:1.7}

.agframe66 .cta{padding:88px 0 38px;background:#0b0b0b!important;color:#fff!important}
.agframe66 .cta h2{color:#fff!important}
.agframe66 .cta p{color:#ccc!important}
.agframe66 .cta-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.62fr);gap:60px;align-items:end}
.agframe66 .footerline{margin-top:64px;padding-top:20px;border-top:1px solid #2c2c2c;color:#8f8f8f!important;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:1040px){
.agframe66 .hero-grid,
.agframe66 .copy-grid,
.agframe66 .infill-grid,
.agframe66 .included-grid,
.agframe66 .spec-grid,
.agframe66 .yt-grid,
.agframe66 .faq-grid,
.agframe66 .cta-grid{grid-template-columns:1fr;gap:40px}
.agframe66 .stats{grid-template-columns:repeat(2,1fr)}
.agframe66 .stat:nth-child(even){border-right:0}
.agframe66 .stat:last-child{grid-column:1/-1}
.agframe66 .feature-grid{grid-template-columns:1fr 1fr}
.agframe66 .app-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
.agframe66 .shell{width:min(calc(100% - 32px),var(--max))}
.agframe66 .section{padding:64px 0}
.agframe66 .hero{padding:48px 0 64px}
.agframe66 .frame-stage{min-height:410px}
.agframe66 .gate-frame{width:62%;border-width:18px}
.agframe66 .gate-frame:before{left:-45px;top:-18px;bottom:-18px;width:18px}
.agframe66 .gate-frame:after{right:-31px}
.agframe66 .hinge{left:-31px;width:27px}
.agframe66 .hero-title{font-size:clamp(38px,11.5vw,51px)}
.agframe66 .heading{font-size:clamp(30px,9.4vw,42px)}
.agframe66 .lead{font-size:17px}
.agframe66 .stats,.agframe66 .feature-grid,.agframe66 .app-grid{grid-template-columns:1fr}
.agframe66 .stat,.agframe66 .stat:last-child{grid-column:auto;border-right:0;border-bottom:1px solid #d7d7d1}
.agframe66 .alert-grid{grid-template-columns:1fr}
.agframe66 .infill-demo{min-height:390px}
.agframe66 .infill-frame{width:62%;border-width:15px;padding:14px;gap:6px}
.agframe66 .part,.agframe66 .step{grid-template-columns:38px 1fr}
.agframe66 .spec div{grid-template-columns:1fr;gap:6px}
.agframe66 .btn{width:100%}
.agframe66 .answer{padding-right:10px}
}


















  .ags-diy-frame66,
  .ags-diy-frame66 *{box-sizing:border-box}

  .ags-diy-frame66{
    --black:#0b0b0b;
    --copy:#55585b;
    --line:#d9d8d2;
    --soft:#f8f8f6;
    --orange:#f15a24;
    width:100%;
    margin:18px 0 6px;
    font-family:Arial,Helvetica,sans-serif;
  }

  .ags-diy-frame66__eyebrow{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:9px;
    color:var(--orange);
    font-size:10px;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
  }

  .ags-diy-frame66__eyebrow:before{
    content:"";
    width:24px;
    height:2px;
    background:var(--orange);
  }

  .ags-diy-frame66 p{
    margin:0 0 15px;
    color:var(--copy);
    font-size:13.5px;
    line-height:1.6;
  }

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

  .ags-diy-frame66__fact{
    padding:11px 12px;
    background:#fff;
  }

  .ags-diy-frame66__fact small{
    display:block;
    margin-bottom:3px;
    color:#777;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
  }

  .ags-diy-frame66__fact strong{
    color:var(--black);
    font-size:12px;
  }

  .ags-diy-frame66__included{
    margin-top:14px;
    padding:11px 13px;
    border-left:3px solid var(--orange);
    background:var(--soft);
    color:var(--copy);
    font-size:12px;
    line-height:1.55;
  }

  .ags-diy-frame66__included strong{
    color:var(--black);
  }

  @media(max-width:767px){
    .ags-diy-frame66__facts{
      grid-template-columns:repeat(2,1fr);
    }
  }/* End custom CSS */