{"product_id":"90-degree-right-angle-drill-adapter-kit-flexible-extension-shaft-with-detachable-handle","title":"90-Degree Right Angle Drill Adapter Kit, Flexible Extension Shaft With Detachable Handle","description":"\u003c!-- =========================================================      90-DEGREE RIGHT ANGLE DRILL ADAPTER KIT      FLEXIBLE EXTENSION SHAFT + DETACHABLE HANDLE      SHOPIFY PRODUCT DETAIL PAGE      US MARKET \/ TOOL BLUE + METALLIC STYLE      MOBILE-FIRST \/ CONTAINER QUERY ========================================================= --\u003e \u003cstyle\u003e  \/* =========================================================    GLOBAL ========================================================= *\/  .flex-drill-page, .flex-drill-page *{   box-sizing:border-box; }  .flex-drill-page{   --fd-blue:#1767C8;   --fd-blue-dark:#0D4D9A;   --fd-blue-light:#DDEBFA;    --fd-navy:#17283B;   --fd-navy-2:#22364C;    --fd-silver:#CBD2D8;   --fd-silver-light:#F0F3F6;    --fd-bg:#F5F7FA;   --fd-bg-2:#EAF0F6;    --fd-text:#202833;   --fd-text-2:#596675;    --fd-white:#FFFFFF;   --fd-border:#D8E0E8;    --fd-gold:#D6A52B;    --fd-shadow:rgba(24,44,67,.09);    width:100%;   max-width:1440px;    margin:0 auto;    overflow:hidden;    background:var(--fd-bg);    color:var(--fd-text);    font-family:     -apple-system,     BlinkMacSystemFont,     'Segoe UI',     Roboto,     Helvetica,     Arial,     sans-serif;    line-height:1.6;    container-type:inline-size;   container-name:flexdrill; }  .flex-drill-page img{   display:block;    width:100%;   max-width:100%;   height:auto;    margin:0;   padding:0;    border:0;    object-fit:contain; }  .flex-drill-page a{   text-decoration:none; }  .fd-container{   width:100%;   max-width:1160px;    margin:0 auto; }  .fd-section{   padding:48px 22px; }   \/* =========================================================    COMMON HEADING ========================================================= *\/  .fd-heading{   max-width:850px;    margin:0 auto 28px;    text-align:center; }  .fd-eyebrow{   display:inline-flex;    align-items:center;   justify-content:center;    margin-bottom:9px;    padding:5px 12px;    border-radius:999px;    background:var(--fd-blue-light);    color:var(--fd-blue-dark);    border:     1px solid rgba(13,77,154,.10);    font-size:10px;    font-weight:900;    letter-spacing:1.2px;    text-transform:uppercase; }  .fd-title{   margin:0 0 10px;    color:var(--fd-text);    font-size:36px;    line-height:1.08;    font-weight:950;    letter-spacing:-1px; }  .fd-title span{   color:var(--fd-blue); }  .fd-description{   max-width:760px;    margin:0 auto;    color:var(--fd-text-2);    font-size:16px;    line-height:1.6; }   \/* =========================================================    IMAGE BOX ========================================================= *\/  .fd-image-box{   width:100%;    padding:6px;    border-radius:20px;    background:#fff;    border:1px solid var(--fd-border);    box-shadow:     0 12px 30px var(--fd-shadow);    overflow:hidden; }  .fd-image-box img{   border-radius:15px; }   \/* =========================================================    BUTTON ========================================================= *\/  .fd-btn{   display:inline-flex;    align-items:center;   justify-content:center;    min-height:50px;    padding:0 28px;    border-radius:999px;    color:#fff !important;    background:     linear-gradient(       135deg,       #287CE0,       var(--fd-blue-dark)     );    font-size:15px;    font-weight:900;    box-shadow:     0 9px 23px rgba(23,103,200,.25);    transition:     transform .25s ease,     box-shadow .25s ease; }  .fd-btn:hover{   transform:translateY(-3px);    box-shadow:     0 14px 29px rgba(23,103,200,.32); }  .fd-btn:active{   transform:translateY(1px) scale(.98); }   \/* =========================================================    01 — HERO ========================================================= *\/  .fd-hero{   position:relative;    padding:48px 22px 52px;    color:#fff;    background:      radial-gradient(       circle at 8% 8%,       rgba(71,145,233,.28),       transparent 27%     ),      radial-gradient(       circle at 90% 90%,       rgba(214,165,43,.13),       transparent 27%     ),      linear-gradient(       135deg,       #101B28 0%,       #182A3E 48%,       #0D4D9A 100%     ); }  .fd-hero::after{   content:'';    position:absolute;    width:290px;   height:290px;    right:-110px;   bottom:-150px;    border-radius:50%;    border:     1px solid rgba(255,255,255,.06); }  .fd-hero-container{   position:relative;    z-index:2;    max-width:1080px;    margin:0 auto;    display:flex;    flex-direction:column;    align-items:center;    text-align:center; }  .fd-hero-copy{   width:100%;   max-width:900px; }  .fd-hero-badge{   display:inline-flex;    align-items:center;   justify-content:center;    margin-bottom:12px;    padding:6px 13px;    border-radius:999px;    color:#BFDFFF;    background:     rgba(255,255,255,.07);    border:     1px solid rgba(255,255,255,.14);    font-size:10px;    font-weight:900;    letter-spacing:1.3px;    text-transform:uppercase; }  .fd-hero h1{   margin:0;    color:#fff;    font-size:     clamp(42px,5.2vw,65px);    line-height:.98;    font-weight:950;    letter-spacing:-2px; }  .fd-hero h1 span{   display:block;    color:#6EB2FF; }  .fd-hero-text{   max-width:760px;    margin:17px auto 19px;    color:     rgba(255,255,255,.82);    font-size:     clamp(15px,1.7vw,18px);    line-height:1.6; }  .fd-hero-pills{   display:flex;    flex-wrap:wrap;    justify-content:center;    gap:7px;    margin-bottom:27px; }  .fd-hero-pills span{   padding:7px 11px;    border-radius:999px;    color:#fff;    background:     rgba(255,255,255,.075);    border:     1px solid rgba(255,255,255,.13);    font-size:11px;    font-weight:850; }  .fd-hero-image{   width:100%;    max-width:900px;    margin:0 auto;    padding:7px;    border-radius:25px;    background:     rgba(255,255,255,.11);    border:     1px solid rgba(255,255,255,.14);    box-shadow:     0 22px 52px rgba(0,0,0,.27);    overflow:hidden; }  .fd-hero-image img{   border-radius:18px;    background:#fff; }   \/* =========================================================    02 — ANIMATED DEMO ========================================================= *\/  .fd-demo{   color:#fff;    background:     linear-gradient(       180deg,       #22354A 0%,       #121D29 100%     ); }  .fd-demo .fd-eyebrow{   color:#A8D3FF;    background:     rgba(255,255,255,.07);    border-color:     rgba(255,255,255,.12); }  .fd-demo .fd-title{   color:#fff; }  .fd-demo .fd-title span{   color:#67ACF7; }  .fd-demo .fd-description{   color:     rgba(255,255,255,.72); }  .fd-demo-stage{   position:relative;    width:100%;   max-width:980px;    margin:0 auto;    aspect-ratio:1\/1;    border-radius:21px;    overflow:hidden;    background:#fff;    border:     6px solid rgba(255,255,255,.08);    box-shadow:     0 18px 45px rgba(0,0,0,.28); }  .fd-demo-slide{   position:absolute;    inset:0;    padding:0;    opacity:0;    animation:     fdDemo 12s infinite; }  .fd-demo-slide img{   width:100%;   height:100%;    object-fit:contain; }  .fd-demo-slide:nth-child(1){   animation-delay:0s; }  .fd-demo-slide:nth-child(2){   animation-delay:4s; }  .fd-demo-slide:nth-child(3){   animation-delay:8s; }  @keyframes fdDemo{    0%{     opacity:0;     transform:scale(.985);   }    7%{     opacity:1;     transform:scale(1);   }    29%{     opacity:1;     transform:scale(1);   }    36%{     opacity:0;     transform:scale(1.01);   }    100%{     opacity:0;   }  }   \/* =========================================================    03 — PRODUCT INTRODUCTION ========================================================= *\/  .fd-intro{   background:      linear-gradient(       135deg,       #FFFFFF 0%,       #EAF2FA 100%     ); }  .fd-intro-image{   max-width:1040px;    margin:0 auto 22px;    padding:6px;    border-radius:22px;    background:#fff;    border:     1px solid var(--fd-border);    box-shadow:     0 14px 35px rgba(24,44,67,.07);    overflow:hidden; }  .fd-intro-image img{   border-radius:15px; }  .fd-intro-copy{   max-width:980px;    margin:0 auto;    padding:27px 32px;    text-align:center;    border-radius:19px;    background:#fff;    border:     1px solid var(--fd-border);    box-shadow:     0 8px 23px rgba(24,44,67,.05); }  .fd-intro-copy h2{   margin:0 0 11px;    color:var(--fd-text);    font-size:28px;    line-height:1.12;    font-weight:950; }  .fd-intro-copy h2 span{   color:var(--fd-blue); }  .fd-intro-copy p{   max-width:820px;    margin:0 auto;    color:var(--fd-text-2);    font-size:15px;    line-height:1.68; }  .fd-intro-points{   display:grid;    grid-template-columns:     repeat(4,minmax(0,1fr));    gap:9px;    margin-top:20px; }  .fd-intro-point{   padding:13px 11px;    border-radius:12px;    background:#EEF5FD;    color:var(--fd-text-2); }  .fd-intro-point strong{   display:block;    margin-bottom:3px;    color:var(--fd-blue-dark);    font-size:12px;    font-weight:900; }  .fd-intro-point span{   font-size:11px;    line-height:1.45; }   \/* =========================================================    04 — DETAILED FEATURES    2 × 2 ========================================================= *\/  .fd-features{   background:      linear-gradient(       135deg,       #DCE9F8 0%,       #F7F9FB 52%,       #DDE4EA 100%     ); }  .fd-feature-grid{   display:grid;    grid-template-columns:     repeat(2,minmax(0,1fr));    gap:15px;    max-width:1000px;    margin:0 auto; }  .fd-feature{   display:flex;    flex-direction:column;    overflow:hidden;    border-radius:18px;    background:#fff;    border:     1px solid rgba(23,103,200,.12);    box-shadow:     0 7px 22px rgba(24,44,67,.06);    transition:     transform .25s ease,     box-shadow .25s ease; }  .fd-feature:hover{   transform:translateY(-4px);    box-shadow:     0 13px 28px rgba(24,44,67,.11); }  .fd-feature-image{   overflow:hidden;    background:#F4F7FA; }  .fd-feature-image img{   width:100%;   height:auto; }  .fd-feature-copy{   padding:17px 17px 19px; }  .fd-feature-copy h3{   margin:0 0 6px;    color:var(--fd-text);    font-size:17px;    line-height:1.25;    font-weight:900; }  .fd-feature-copy p{   margin:0;    color:var(--fd-text-2);    font-size:13px;    line-height:1.55; }   \/* =========================================================    05 — CORE BENEFITS ========================================================= *\/  .fd-benefits{   color:#fff;    background:      linear-gradient(       135deg,       #1D3045 0%,       #101C29 100%     ); }  .fd-benefits .fd-eyebrow{   color:#A9D5FF;    background:     rgba(255,255,255,.07);    border-color:     rgba(255,255,255,.11); }  .fd-benefits .fd-title{   color:#fff; }  .fd-benefits .fd-title span{   color:#67ADFA; }  .fd-benefits .fd-description{   color:     rgba(255,255,255,.70); }  .fd-benefit-grid{   display:grid;    grid-template-columns:     repeat(2,minmax(0,1fr));    gap:13px;    max-width:1000px;    margin:0 auto; }  .fd-benefit{   position:relative;    padding:22px 23px;    border-radius:17px;    background:     rgba(255,255,255,.055);    border:     1px solid rgba(255,255,255,.11);    overflow:hidden;    transition:     transform .25s ease,     background .25s ease; }  .fd-benefit:hover{   transform:translateY(-3px);    background:     rgba(255,255,255,.085); }  .fd-benefit::before{   content:'';    position:absolute;    top:0;   left:0;    width:4px;   height:100%;    background:     linear-gradient(       180deg,       #4CA1F8,       #1767C8     ); }  .fd-benefit-num{   margin-bottom:5px;    color:#72B4FA;    font-size:10px;    font-weight:900;    letter-spacing:1.1px; }  .fd-benefit h3{   margin:0 0 7px;    color:#fff;    font-size:20px;    line-height:1.25;    font-weight:900; }  .fd-benefit p{   margin:0;    color:     rgba(255,255,255,.69);    font-size:14px;    line-height:1.55; }   \/* =========================================================    06 — TIGHT SPACE COMPARISON ========================================================= *\/  .fd-tight{   background:#fff; }  .fd-tight-image{   max-width:950px;    margin:0 auto;    padding:6px;    border-radius:20px;    background:#fff;    border:     1px solid var(--fd-border);    box-shadow:     0 11px 27px rgba(24,44,67,.07);    overflow:hidden; }  .fd-tight-image img{   border-radius:14px; }  .fd-tight-grid{   display:grid;    grid-template-columns:     repeat(2,minmax(0,1fr));    gap:10px;    max-width:900px;    margin:17px auto 0; }  .fd-tight-card{   padding:18px;    text-align:center;    border-radius:15px;    background:#F3F7FB;    border:     1px solid var(--fd-border); }  .fd-tight-card strong{   display:block;    margin-bottom:4px;    color:var(--fd-blue-dark);    font-size:15px;    font-weight:900; }  .fd-tight-card span{   color:var(--fd-text-2);    font-size:12px;    line-height:1.5; }   \/* =========================================================    07 — QUICK RELEASE ========================================================= *\/  .fd-release{   background:      linear-gradient(       135deg,       #E7EFF8,       #F8FAFC     ); }  .fd-release-image{   max-width:920px;    margin:0 auto 20px;    padding:6px;    border-radius:20px;    background:#fff;    border:     1px solid var(--fd-border);    box-shadow:     0 10px 28px rgba(24,44,67,.07); }  .fd-release-image img{   border-radius:14px; }  .fd-release-steps{   display:grid;    grid-template-columns:     repeat(3,minmax(0,1fr));    gap:10px;    max-width:920px;    margin:0 auto; }  .fd-release-step{   padding:18px 12px;    border-radius:15px;    text-align:center;    background:#fff;    border:     1px solid var(--fd-border); }  .fd-step-num{   width:34px;   height:34px;    margin:0 auto 8px;    display:flex;    align-items:center;   justify-content:center;    border-radius:50%;    background:var(--fd-blue);    color:#fff;    font-size:12px;    font-weight:900; }  .fd-release-step h3{   margin:0 0 4px;    color:var(--fd-text);    font-size:14px;    font-weight:900; }  .fd-release-step p{   margin:0;    color:var(--fd-text-2);    font-size:11px;    line-height:1.45; }   \/* =========================================================    08 — FLEXIBLE SHAFT ========================================================= *\/  .fd-flex{   background:#fff; }  .fd-flex-grid{   display:grid;    grid-template-columns:     repeat(3,minmax(0,1fr));    gap:13px;    max-width:1000px;    margin:0 auto; }  .fd-flex-card{   padding:23px 18px;    text-align:center;    border-radius:18px;    background:#F3F7FB;    border:     1px solid var(--fd-border); }  .fd-flex-icon{   width:49px;   height:49px;    margin:0 auto 10px;    display:flex;    align-items:center;   justify-content:center;    border-radius:50%;    background:var(--fd-blue-light);    font-size:22px; }  .fd-flex-card h3{   margin:0 0 6px;    color:var(--fd-text);    font-size:17px;    font-weight:900; }  .fd-flex-card p{   margin:0;    color:var(--fd-text-2);    font-size:13px;    line-height:1.55; }   \/* =========================================================    09 — USE CASES ========================================================= *\/  .fd-uses{   background:      linear-gradient(       135deg,       #E2ECF7 0%,       #F7F9FC 100%     ); }  .fd-use-grid{   display:grid;    grid-template-columns:     repeat(2,minmax(0,1fr));    gap:11px;    max-width:900px;    margin:0 auto; }  .fd-use-item{   display:flex;    gap:12px;    align-items:flex-start;    padding:15px;    border-radius:15px;    background:#fff;    border:     1px solid var(--fd-border);    box-shadow:     0 5px 17px rgba(24,44,67,.045); }  .fd-use-icon{   flex:0 0 40px;    width:40px;   height:40px;    display:flex;    align-items:center;   justify-content:center;    border-radius:50%;    background:var(--fd-blue-light);    font-size:18px; }  .fd-use-item h3{   margin:0 0 3px;    color:var(--fd-text);    font-size:15px;    font-weight:900; }  .fd-use-item p{   margin:0;    color:var(--fd-text-2);    font-size:12px;    line-height:1.5; }   \/* =========================================================    10 — SPECS ========================================================= *\/  .fd-specs{   background:#EEF3F8; }  .fd-spec-image{   max-width:820px;    margin:0 auto 17px;    padding:6px;    border-radius:18px;    background:#fff;    border:     1px solid var(--fd-border); }  .fd-spec-image img{   border-radius:13px; }  .fd-spec-box{   max-width:820px;    margin:0 auto;    padding:6px;    border-radius:18px;    background:     rgba(255,255,255,.65);    border:     1px solid rgba(23,103,200,.21); }  .fd-spec-inner{   overflow:hidden;    border-radius:13px;    background:#fff;    border:     1px solid rgba(23,103,200,.09); }  .fd-spec-row{   display:grid;    grid-template-columns:     35% 65%;    border-bottom:     1px solid #E8EDF3; }  .fd-spec-row:last-child{   border-bottom:none; }  .fd-spec-label{   padding:12px 15px;    background:#EDF4FB;    color:#31445A;    font-size:12px;    font-weight:850; }  .fd-spec-value{   padding:12px 15px;    color:var(--fd-text-2);    font-size:13px;    line-height:1.5; }  .fd-spec-note{   max-width:820px;    margin:12px auto 0;    padding:11px 15px;    border-radius:11px;    background:#F6FAFF;    border:     1px dashed var(--fd-blue);    color:var(--fd-text-2);    font-size:11px;    line-height:1.55; }   \/* =========================================================    11 — CUSTOMER REVIEWS ========================================================= *\/  .fd-reviews{   background:#fff; }  .fd-review-note{   max-width:760px;    margin:0 auto 20px;    padding:11px 15px;    text-align:center;    border-radius:11px;    background:#F3F8FE;    border:     1px dashed var(--fd-blue);    color:var(--fd-text-2);    font-size:12px; }  .fd-review-grid{   display:grid;    grid-template-columns:     repeat(3,minmax(0,1fr));    gap:13px;    max-width:1000px;    margin:0 auto; }  .fd-review{   padding:19px;    border-radius:17px;    background:#F6F8FA;    border:     1px solid var(--fd-border); }  .fd-review-stars{   margin-bottom:6px;    color:#E0A925;    letter-spacing:2px;    font-size:15px; }  .fd-review h3{   margin:0 0 6px;    color:var(--fd-text);    font-size:16px;    font-weight:900; }  .fd-review p{   margin:0 0 11px;    color:var(--fd-text-2);    font-size:12px;    line-height:1.55; }  .fd-review-user{   color:var(--fd-blue-dark);    font-size:10px;    font-weight:900;    letter-spacing:.7px; }   \/* =========================================================    12 — FAQ ========================================================= *\/  .fd-faq{   background:#EAF0F6; }  .fd-faq-list{   max-width:820px;    margin:0 auto;    display:grid;    gap:8px; }  .fd-faq details{   overflow:hidden;    border-radius:14px;    background:#fff;    border:     1px solid var(--fd-border);    transition:     border-color .3s ease,     box-shadow .3s ease; }  .fd-faq details[open]{   border-color:#85B8EF;    box-shadow:     0 7px 18px rgba(24,44,67,.055); }  .fd-faq summary{   list-style:none;    cursor:pointer;    display:flex;    align-items:center;   justify-content:space-between;    gap:16px;    padding:15px 17px;    color:var(--fd-text);    font-size:14px;    font-weight:850; }  .fd-faq summary::-webkit-details-marker{   display:none; }  .fd-faq-arrow{   flex:0 0 24px;    width:24px;   height:24px;    display:flex;    align-items:center;   justify-content:center;    border-radius:50%;    background:var(--fd-blue-light);    color:var(--fd-blue-dark);    font-size:12px;    transition:     transform .3s ease; }  .fd-faq details[open] .fd-faq-arrow{   transform:rotate(180deg); }  .fd-faq-answer{   padding:0 17px 16px;    color:var(--fd-text-2);    font-size:13px;    line-height:1.6; }   \/* =========================================================    13 — FOUR GUARANTEES ========================================================= *\/  .fd-guarantees{   color:#fff;    background:      linear-gradient(       135deg,       #20364E,       #101C29     ); }  .fd-guarantees .fd-eyebrow{   color:#A8D4FF;    background:     rgba(255,255,255,.07);    border-color:     rgba(255,255,255,.12); }  .fd-guarantees .fd-title{   color:#fff; }  .fd-guarantees .fd-title span{   color:#69B0FA; }  .fd-guarantees .fd-description{   color:     rgba(255,255,255,.69); }  .fd-guarantee-grid{   display:grid;    grid-template-columns:     repeat(2,minmax(0,1fr));    gap:11px;    max-width:950px;    margin:0 auto; }  .fd-guarantee{   display:flex;    gap:13px;    align-items:flex-start;    padding:18px;    border-radius:16px;    background:     rgba(255,255,255,.055);    border:     1px solid rgba(255,255,255,.12); }  .fd-guarantee-icon{   flex:0 0 41px;    width:41px;   height:41px;    display:flex;    align-items:center;   justify-content:center;    border-radius:50%;    background:var(--fd-blue);    font-size:18px; }  .fd-guarantee h3{   margin:0 0 3px;    color:#fff;    font-size:15px;    font-weight:900; }  .fd-guarantee p{   margin:0;    color:     rgba(255,255,255,.65);    font-size:11px;    line-height:1.5; }   \/* =========================================================    14 — FINAL CTA ========================================================= *\/  .fd-cta{   padding:48px 22px 86px;    text-align:center;    color:#fff;    background:      radial-gradient(       circle at 10% 10%,       rgba(255,255,255,.13),       transparent 32%     ),      linear-gradient(       135deg,       #287CE0 0%,       #1767C8 52%,       #0B407D 100%     ); }  .fd-cta-inner{   max-width:740px;    margin:0 auto; }  .fd-cta h2{   margin:0 0 9px;    color:#fff;    font-size:     clamp(30px,4vw,44px);    line-height:1.06;    font-weight:950;    letter-spacing:-1px; }  .fd-cta p{   max-width:660px;    margin:0 auto 21px;    color:#DDEEFF;    font-size:15px;    line-height:1.6; }  .fd-cta .fd-btn{   color:var(--fd-blue-dark) !important;    background:#fff;    box-shadow:     0 9px 23px rgba(0,0,0,.16); }   \/* =========================================================    FLOATING BUY ========================================================= *\/  .fd-floating-buy{   position:fixed;    right:18px;   bottom:18px;    z-index:9999;    display:flex;    align-items:center;   justify-content:center;    min-width:150px;   height:47px;    padding:0 21px;    border-radius:999px;    color:#fff !important;    background:      linear-gradient(       135deg,       #287CE0,       var(--fd-blue-dark)     );    font-size:13px;    font-weight:900;    box-shadow:     0 9px 25px rgba(15,62,114,.30);    transition:     transform .22s ease,     box-shadow .22s ease; }  .fd-floating-buy:hover{   transform:translateY(-3px);    box-shadow:     0 14px 29px rgba(15,62,114,.38); }  .fd-floating-buy:active{   transform:scale(.97); }   \/* =========================================================    TABLET \/ NARROW SHOPIFY DESCRIPTION ========================================================= *\/  @container flexdrill (max-width:900px){    .fd-section{     padding:43px 19px;   }    .fd-hero{     padding:43px 19px 48px;   }    .fd-intro-points{     grid-template-columns:       repeat(2,minmax(0,1fr));   }  }   \/* =========================================================    MOBILE ========================================================= *\/  @container flexdrill (max-width:650px){    .fd-section{     padding:35px 13px;   }    .fd-heading{     margin-bottom:21px;   }    .fd-eyebrow{     margin-bottom:8px;      padding:5px 10px;      font-size:9px;      letter-spacing:.9px;   }    .fd-title{     font-size:27px;      letter-spacing:-.5px;   }    .fd-description{     font-size:14px;      line-height:1.55;   }     \/* HERO *\/    .fd-hero{     padding:34px 13px 38px;   }    .fd-hero h1{     font-size:38px;      letter-spacing:-1.1px;   }    .fd-hero-text{     font-size:14px;   }    .fd-hero-pills{     gap:5px;      margin-bottom:19px;   }    .fd-hero-pills span{     padding:6px 8px;      font-size:10px;   }    .fd-hero-image{     padding:5px;      border-radius:18px;   }    .fd-hero-image img{     border-radius:13px;   }     \/* DEMO *\/    .fd-demo-stage{     border-width:5px;      border-radius:16px;   }     \/* INTRO *\/    .fd-intro-copy{     padding:20px 15px;   }    .fd-intro-copy h2{     font-size:23px;   }    .fd-intro-copy p{     font-size:13px;   }    .fd-intro-points{     grid-template-columns:       repeat(2,minmax(0,1fr));      gap:6px;   }    .fd-intro-point{     padding:11px 8px;   }    .fd-intro-point strong{     font-size:11px;   }    .fd-intro-point span{     font-size:10px;   }     \/* FEATURES KEEP 2×2 *\/    .fd-feature-grid{     grid-template-columns:       repeat(2,minmax(0,1fr));      gap:8px;   }    .fd-feature{     border-radius:13px;   }    .fd-feature-copy{     padding:11px 9px 13px;   }    .fd-feature-copy h3{     font-size:13px;      line-height:1.3;   }    .fd-feature-copy p{     font-size:11px;      line-height:1.45;   }     \/* BENEFITS *\/    .fd-benefit-grid{     grid-template-columns:       repeat(2,minmax(0,1fr));      gap:7px;   }    .fd-benefit{     padding:15px 11px;   }    .fd-benefit-num{     font-size:9px;   }    .fd-benefit h3{     font-size:15px;   }    .fd-benefit p{     font-size:11px;   }     \/* TIGHT SPACE *\/    .fd-tight-grid{     grid-template-columns:       repeat(2,minmax(0,1fr));      gap:7px;   }    .fd-tight-card{     padding:13px 9px;   }    .fd-tight-card strong{     font-size:12px;   }    .fd-tight-card span{     font-size:10px;   }     \/* QUICK RELEASE *\/    .fd-release-steps{     grid-template-columns:       repeat(3,minmax(0,1fr));      gap:6px;   }    .fd-release-step{     padding:13px 7px;   }    .fd-step-num{     width:30px;     height:30px;      font-size:10px;   }    .fd-release-step h3{     font-size:11px;   }    .fd-release-step p{     font-size:9px;   }     \/* FLEX *\/    .fd-flex-grid{     grid-template-columns:       repeat(3,minmax(0,1fr));      gap:6px;   }    .fd-flex-card{     padding:15px 7px;      border-radius:14px;   }    .fd-flex-icon{     width:40px;     height:40px;      margin-bottom:7px;      font-size:18px;   }    .fd-flex-card h3{     font-size:12px;   }    .fd-flex-card p{     font-size:10px;      line-height:1.4;   }     \/* USES 2×2 *\/    .fd-use-grid{     grid-template-columns:       repeat(2,minmax(0,1fr));      gap:7px;   }    .fd-use-item{     display:block;      padding:13px 9px;      text-align:center;   }    .fd-use-icon{     width:35px;     height:35px;      margin:0 auto 7px;      font-size:15px;   }    .fd-use-item h3{     font-size:12px;   }    .fd-use-item p{     font-size:10px;   }     \/* SPECS *\/    .fd-spec-row{     grid-template-columns:1fr;   }    .fd-spec-label{     padding:8px 11px 3px;      font-size:11px;   }    .fd-spec-value{     padding:3px 11px 9px;      font-size:12px;   }    .fd-spec-note{     font-size:10px;   }     \/* REVIEWS *\/    .fd-review-grid{     grid-template-columns:1fr;      gap:8px;   }    .fd-review{     padding:15px;   }    .fd-review h3{     font-size:14px;   }    .fd-review p{     font-size:11px;   }     \/* FAQ *\/    .fd-faq summary{     padding:13px;      font-size:13px;   }    .fd-faq-answer{     padding:0 13px 13px;      font-size:12px;   }     \/* GUARANTEES ALWAYS 2×2 *\/    .fd-guarantee-grid{     grid-template-columns:       repeat(2,minmax(0,1fr));      gap:7px;   }    .fd-guarantee{     display:block;      padding:14px 8px;      text-align:center;   }    .fd-guarantee-icon{     width:35px;     height:35px;      margin:0 auto 7px;      font-size:15px;   }    .fd-guarantee h3{     font-size:12px;      line-height:1.3;   }    .fd-guarantee p{     font-size:10px;      line-height:1.4;   }     \/* CTA *\/    .fd-cta{     padding:37px 14px 76px;   }    .fd-cta h2{     font-size:28px;   }    .fd-cta p{     font-size:13px;   }    .fd-btn{     min-height:46px;      padding:0 22px;      font-size:13px;   }     \/* FLOAT *\/    .fd-floating-buy{     right:10px;     bottom:10px;      min-width:135px;      height:43px;      padding:0 15px;      font-size:12px;   }  }   \/* =========================================================    SMALL MOBILE ========================================================= *\/  @container flexdrill (max-width:430px){    .fd-title{     font-size:24px;   }    .fd-hero h1{     font-size:34px;   }    .fd-feature-copy h3{     font-size:12px;   }    .fd-feature-copy p{     font-size:10px;   }    .fd-benefit h3{     font-size:14px;   }    .fd-benefit p{     font-size:10px;   }    .fd-guarantee h3{     font-size:11px;   }    .fd-guarantee p{     font-size:9px;   }  }  @media(max-width:650px){    .flex-drill-page{     width:100%;   }  }  @media(prefers-reduced-motion:reduce){    .fd-demo-slide{     animation:none;   }    .fd-demo-slide:first-child{     opacity:1;   }  }  \u003c\/style\u003e \u003cdiv class=\"flex-drill-page\"\u003e \u003c!-- =====================================================      01 — HERO BANNER       IMAGE 01:      Use your workshop product image ===================================================== --\u003e \u003csection class=\"fd-hero\"\u003e \u003cdiv class=\"fd-hero-container\"\u003e \u003cdiv class=\"fd-hero-copy\"\u003e \u003cdiv class=\"fd-hero-badge\"\u003e🔧 TIGHT-SPACE DRIVING SOLUTION\u003c\/div\u003e \u003ch1\u003eReach the Screws \u003cspan\u003eYour Drill Can't.\u003c\/span\u003e \u003c\/h1\u003e \u003cp class=\"fd-hero-text\"\u003eA 90-degree right-angle adapter combined with a flexible extension shaft helps you drive screws in corners, cabinets and other awkward spaces where a straight drill struggles to fit.\u003c\/p\u003e \u003cdiv class=\"fd-hero-pills\"\u003e \u003cspan\u003e↪️ 90° Right Angle\u003c\/span\u003e \u003cspan\u003e〰️ Flexible Shaft\u003c\/span\u003e \u003cspan\u003e⚡ Quick Release\u003c\/span\u003e \u003cspan\u003e🖐️ Detachable Handle\u003c\/span\u003e \u003cspan\u003e🔩 1\/4' Interface\u003c\/span\u003e \u003cspan\u003e🛠️ Tight-Space Ready\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"fd-hero-image\"\u003e\u003cimg src=\"https:\/\/cdn.techcloudly.com\/image\/efefa5ebdf3b6253a5d2b152a8f5896a6c3b731e.gif\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- =====================================================      02 — ANIMATED DEMONSTRATION       Suggested:      Slide 1 = tight-space comparison image      Slide 2 = quick release image      Slide 3 = working performance image ===================================================== --\u003e \u003csection class=\"fd-section fd-demo\"\u003e \u003cdiv class=\"fd-container\"\u003e \u003cdiv class=\"fd-heading\"\u003e \u003cspan class=\"fd-eyebrow\"\u003e ⚙️ SEE HOW IT WORKS \u003c\/span\u003e \u003ch2 class=\"fd-title\"\u003eBend Around Obstacles. \u003cspan\u003eDrive From Better Angles.\u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"fd-description\"\u003eThe flexible shaft redirects your drill's reach so you can work around cabinet walls, hardware and other obstructions without forcing the entire drill into the space.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.techcloudly.com\/image\/a35a6ad93de0581ea18452303547cb0e4fdb7e72.png\" alt=\"\"\u003e\u003cbr\u003e\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- =====================================================      03 — PRODUCT INTRODUCTION ===================================================== --\u003e \u003csection class=\"fd-section fd-intro\"\u003e \u003cdiv class=\"fd-container\"\u003e \u003cdiv class=\"fd-heading\"\u003e \u003cspan class=\"fd-eyebrow\"\u003e 🔩 YOUR DRILL, MORE FLEXIBLE \u003c\/span\u003e \u003ch2 class=\"fd-title\"\u003eStop Fighting \u003cspan\u003eAwkward Screw Angles.\u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"fd-description\"\u003eStraight drills work well in open spaces. Inside cabinets, corners and narrow work areas, however, there may not be enough room to line the tool up with the screw.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"fd-intro-image\"\u003e\u003cimg src=\"https:\/\/cdn.techcloudly.com\/image\/03e7e25d6d0e6d80daf8f9cfc408f269478b116f.webp\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"fd-intro-copy\"\u003e \u003ch2\u003eLess Reaching. \u003cspan\u003eBetter Access.\u003c\/span\u003e \u003c\/h2\u003e \u003cp\u003eConnect the flexible extension to a compatible drill or driver and redirect the bit toward hard-to-reach fasteners. The right-angle head helps shorten the working profile, while the flexible shaft lets you approach screws from more convenient positions.\u003c\/p\u003e \u003cdiv class=\"fd-intro-points\"\u003e \u003cdiv class=\"fd-intro-point\"\u003e \u003cstrong\u003e ↪️ 90° HEAD \u003c\/strong\u003e \u003cspan\u003e Works in narrow corner areas. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"fd-intro-point\"\u003e \u003cstrong\u003e 〰️ FLEXIBLE SHAFT \u003c\/strong\u003e \u003cspan\u003e Bends around common obstacles. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"fd-intro-point\"\u003e \u003cstrong\u003e ⚡ QUICK RELEASE \u003c\/strong\u003e \u003cspan\u003e Faster bit insertion and removal. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"fd-intro-point\"\u003e \u003cstrong\u003e 🖐️ EXTRA CONTROL \u003c\/strong\u003e \u003cspan\u003e Detachable handle helps steady the head. \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c\/div\u003e","brand":"DOF","offers":[{"title":"Buy 1","offer_id":48054603055282,"sku":"SZ07112609162583","price":34.99,"currency_code":"USD","in_stock":true},{"title":"Buy 2 Get 10% OFF","offer_id":48054603088050,"sku":"SZ07112609162583*2","price":62.99,"currency_code":"USD","in_stock":true},{"title":"Buy 3 Get 15% OFF","offer_id":48054603120818,"sku":"SZ07112609162583*3","price":89.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0792\/5520\/8114\/files\/a35a6ad93de0581ea18452303547cb0e4fdb7e72.jpg?v=1789548344","url":"https:\/\/sereinva.com\/products\/90-degree-right-angle-drill-adapter-kit-flexible-extension-shaft-with-detachable-handle","provider":"Sereinva","version":"1.0","type":"link"}